@charset "utf-8";
/* CSS Document */
/*切图：焕识*/
html{ overflow-x:hidden; overflow-y:auto; font-family:'思源黑体 CN';}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'思源黑体 CN'; font-size:12px;}
code, kbd, pre, samp { font-family:'思源黑体 CN';}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#D42f36; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'思源黑体 CN';}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
select{ margin:0; padding:0; font-family:'思源黑体 CN';}
textarea{ resize:none; outline:0; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
input{ outline:0; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
body{ position:relative;}


.pc-show{ display:block;}
.Mobile-show{ display:none;}

@media screen and (max-width:991px ) {

.pc-show{ display:none;}
.Mobile-show{ display:block;}
	
}

@font-face {
  /*font-family: 'SourceHanSansTC-Medium'*/;
  src: url('font/SourceHanSansTC-Medium.eot');
  src: url('font/SourceHanSansTC-Medium.eot?#iefix') format('embedded-opentype'), url('font/SourceHanSansTC-Medium.woff') format('woff'), url('font/SourceHanSansTC-Medium.ttf') format('truetype'), url('font/SourceHanSansTC-Medium.svg#glyphicons-halflingsregular') format('svg');
}


/*header*/
.header{ float:left; width:100%; background:#fff; position:fixed; left:0; top:0; z-index:66; padding:0 37px;}		
.header.scrolltop{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}

.logo{ float:left; width:200px; height:40px; margin:24px 0 24px 0; position:relative; z-index:8; vertical-align:top; line-height:0;}
.search-pc{ float:right; width:26px; height:26px; margin:31px 12.9% 31px 0; position:relative; z-index:8;}
.search-pc .search-but{ float:left; width:26px; height:26px; background:url(../images/search.png) center no-repeat; border:none; outline:none;}
.search-drop-down{ display:none;  float:left; width:100%; position:fixed; left:0; top:88px; background:#fff; padding:30px 37px; box-shadow:0 5px 10px rgba(0,0,0,0.1); z-index:65;}
.search-show{ float:left; width:100%; position:relative;}
.search-show .search_plac{ float:left; width:100%; height:40px; line-height:40px; border:1px solid #d42a36; background:none; color:#666464; font-size:16px; padding:0 50px 0 12px;}
.search-show .search-but{ float:left; width:50px; height:100%; background:url(../images/search_ph.png) center no-repeat #d42a36; border:none; outline:none; position:absolute; right:0; top:0;}


.searchDown{ display:none; position:fixed; right:66px; top:88px; z-index:66; margin-right:12.9%; width:337px;}
.searchDown .searchIco{ float:right; width:18px; height:10px; margin:0 20px 0 0; line-height:0;}
.searchDown .inputBox{ float:right; width:100%; background:#fafafa; padding:9px 5px 9px 18px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
.searchDown .inputBox .inputCricle{ float:left; width:269px; height:34px; border:#e6e6e6 solid 1px;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	-o-border-radius:18px;
}
.inputSelf{ float:left; width:228px; height:32px; border:0; padding:0 0 0 15px; margin:0; background:0; color:#333; font-size:14px; line-height:32px;}
.inputBtn{ float:left; width:29px; height:29px; margin:2px 0 0 0;}
.inputBtn img{ vertical-align:top;}
.searchDown .inputBox .inputShup{ float:right; width:45px; height:35px; padding:7px 13px 8px 13px;}
.searchDown .inputBox .inputShup img{ vertical-align:top;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


.navBtn{ float:right; width:48px; height:30px; cursor: pointer; text-align: center; margin:29px 0; position:relative; z-index:8;}
.navBtn .point {  display: inline-block;  width: 48px;  height:30px; position: relative; vertical-align:top;}
.navBtn .navbtn {  position: absolute;  top: 12px;  right: 0;  display: inline-block;  width:48px;  height: 5px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #717071;  }
.navBtn .navbtn::after,
.navBtn .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 48px;  height: 5px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #717071;  }
.navBtn .navbtn::after {  top: -13px;  }
.navBtn .navbtn::before {  top: 13px;  }
.navBtn .point.active .navbtn{  background: transparent;  }
.navBtn .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: navBtn(45deg);  transform: rotate(45deg);  top: 0px; background:#D42f36;}
.navBtn .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  background:#D42f36; }


@media screen and (max-width:1229px ) {
.header{ padding:0 20px;}
.search-pc{ margin:31px 6% 31px 0;}

.searchDown{ margin-right:5%;}

}

@media screen and (max-width:991px ) {

.header{ padding:0 15px;}

.logo{ width:149px; height:30px; margin:12px 0;}
.search-pc{ margin:14px 15px 14px 0;}
.searchDown{ margin-right:0; top:54px; right:52px;}


.navBtn{ margin:14px 0; width:36px; height:26px;}
.navBtn .point{ width:36px; height:26px;}
.navBtn .navbtn{ height:2px; width:36px;}
.navBtn .navbtn::after, .navBtn .navbtn::before{ height:2px; width:36px;}
.search-drop-down{top:54px; padding:15px;}


}

@media screen and (max-width:767px ) {

.searchDown{ width:90%; right:5%;}
.searchDown .inputBox .inputCricle{ width:82%;}
.searchDown .searchIco{ margin:0 50px 0 0;}
.inputSelf{ width:85%;}


}



/*menu-pc*/
.menu-pc{ float:left; width:100%; height:88px; position:absolute; left:0; top:0; text-align:center; z-index:6;}
.menu-pc ul{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.menu-pc ul li{ float:left;position:relative; margin:0 35px;}
.menu-pc ul li .l1{float:left;height:88px;color:#666464; font-size:18px;line-height:88px; padding:0;}
.menu-pc ul li.on .l1,
.menu-pc ul li:hover .l1{ background:none; color:#d42a36;}
@media screen and (max-width:1600px ) {

.menu-pc ul li{ margin:0 25px;}
/*.menu-pc ul li .l1{ font-size:18px;}*/

}
@media screen and (max-width:1366px ) {

.menu-pc ul li{ margin:0 20px;}
.menu-pc ul li .l1{ font-size:18px;}

}

@media screen and (max-width:1229px ) {

.menu-pc{ padding-left:100px;}
.menu-pc ul li{ margin:0 14px;}
.menu-pc ul li .l1{ font-size:17px;}


}

/*header-drop-down*/
.header-drop-down{ display:none; float:left; width:100%; position:fixed; left:0; top:88px; z-index:65; box-shadow:0 5px 10px rgba(0,0,0,0.1); padding:30px 0; background:#fff;}
.menu-Mobile{ float:left; width:100%;float:left; width:100%; background:#fff; padding:0 15px;}
.menu-Mobile ul li{ float:left; width:100%; text-align:center; border-bottom:1px solid #ccc;}
.menu-Mobile ul li:last-child{ border-bottom:none;}
.menu-Mobile ul li a{ float:left; width:100%; color:#666464; font-size:16px; line-height:46px;}
.menu-Mobile ul li.on a,
.menu-Mobile ul li:hover a{ background:#d42a36; color:#fff;}



@media screen and (max-width:991px ) {

.header-drop-down{ top:54px; padding:10px 0;}

} 

/*list*/
.list{ float:left; width:100%; background:#fff; padding:68px 0 80px 0;}
.list .left{width:540px;float:left; margin-left:56px;}
.list .left .redTitle{ float:left; width:100%; width:100%; line-height:48px; color:#D42f36;font-size:48px; }
.list .left .title{ float:left;color:#666464;line-height:56px;padding:5px 0 7px 0;font-size:42px; margin-right:-8px; }
.list .left .footTitle{ float:left; width:100%; margin:18px 0;}
.list .left .footTitle a{ float:left;width:48.7%;color:#D42f36; font-size:24px; height:59px; line-height:52px; border:3px solid #D42f36; text-align:center; }
.list .left .footTitle a.titleB{ float:right; background:#D42f36; color:#fff;}
.list .left .footTitle a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.15);}
.list .left .info-tel{ float:left; width:100%; line-height:40px;font-size:40px;color:#D42f36;}
.list .left .info{float:left; width:100%;font-size:19px;color:#595757;line-height:30px;}
.list .right{width:480px;float:right; margin-right:56px;}
.list .right .title{font-size:24px; line-height:38px; color:#595757;padding-bottom:17px;}
.list .right .line{ float:left; width:100%;padding:4px 0;}
.list .right .line .inputText{color:#595757;font-size:16px;border:0px;background:#f3f3f3;padding:0 18px;width:100%;height:53px;line-height:53px;margin:0px;}
.list .right .line .inputText::-webkit-input-placeholder { color:#b5b5b6; }
.list .right .line .inputText:-moz-placeholder{color:#b5b5b6}
.list .right .line .inputText::-moz-placeholder{color:#b5b5b6}
.list .right .line .inputText:-ms-input-placeholder{color:#b5b5b6}
.list .right .line .textArea{color:#595757;font-size:16px;border:0px;background:#f3f3f3;padding:18px;width:100%;height:172px;margin:0px;}
.list .right .line .textArea::-webkit-input-placeholder { color:#b5b5b6; }
.list .right .line .textArea:-moz-placeholder{color:#b5b5b6}
.list .right .line .textArea::-moz-placeholder{color:#b5b5b6}
.list .right .line .textArea:-ms-input-placeholder{color:#b5b5b6}
.list .right .line .inputBtn{width:100%;cursor:pointer;height:56px;background:#fff;color:#D42f36;font-size:24px;border:3px solid #D42f36;}
.list .right .line .inputBtn:hover{background:#D42f36;color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.15)}
.list #listCloseBtn{position:absolute;top:34px;right:34px;cursor:pointer;}




@media screen and (max-width:1229px ) {


.list .left{ width:400px; margin-left:0;}
.list .right{ width:480px; margin-right:0}
.list .left .redTitle{ font-size:32px; line-height:32px;}
.list .left .title{ font-size:28px; line-height:38px;}
.list .left .info-tel{ font-size:26px; line-height:26px;}
.list .left .info{ font-size:16px; line-height:28px;}
.list .left .footTitle a{ font-size:16px; height:40px; line-height:38px;}

.list .right .title{ font-size:20px; line-height:32px; padding-bottom:12px;}
.list .right .line .inputBtn{ height:42px; height:40px; font-size:16px;}
.list .right .line .inputText{ height:40px; line-height:40px;}
.list .right .line .textArea{ height:145px;}

}

@media screen and (max-width:991px) {

.list{padding:20px 0;}
.list .left{ width:100%;}	
.list .right{ width:100%;}
.list .left .redTitle{ font-size:24px; line-height:24px;}
.list .left .title{ font-size:20px; line-height:30px;}
.list .left .info-tel{ font-size:20px; line-height:20px;}
.list .left .info{ font-size:14px; line-height:26px;}
.list .left .footTitle a{border:2px solid #D42f36;}

.list .right .title{ font-size:16px; line-height:26px; padding-bottom:5px; margin-top:15px;}
.list .right .line .inputBtn{border:2px solid #D42f36;}

}
@media screen and (max-width:767px) {

.header-drop-down .list{ height:95vh; overflow:scroll;}


}




/*banner*/
.Sub-banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:88px;background-size:100% auto;background-repeat:no-repeat;background-position: center 88px;background-attachment:fixed;}
.Sub-banner .bannerBg{visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.Sub-banner .bannerInfo{position:absolute;top:50%;left:0px; float:left;width:100%; margin-top:-0.61rem;text-align:center;color:#fff;}
.Sub-banner .bannerInfo .title{ float:left; width:100%;font-size:0.375rem; font-weight:bold;line-height:0.375rem; margin-bottom:0.25rem;}
.Sub-banner .bannerInfo .titleCh{ float:left; width:100%; text-align:center;}
.Sub-banner .bannerInfo .titleCh span{ display:inline-block; *display:inline; *zoom:1; border:0.03125rem solid #fff; padding:0.114583rem 0.1458333rem 0.140625rem 0.197916rem;font-size:0.239583rem;line-height:0.239583rem; font-weight:bold;color:#fff;text-align:center; position:relative; vertical-align:top; border-radius:0.078125rem;}

.Sub-banner .bannerInfo-top{ margin-top:-0.8625rem;}
.Sub-banner .bannerInfo-top .title{ margin-bottom:0.03rem;}
.Sub-banner .bannerInfo-top .titleCh{ margin-top:0.07rem;}


@media screen and (max-width:991px) {

.Sub-banner{ margin-top:54px;background-position: center 0;background-size:auto 360px;background-attachment:inherit;}
.Sub-banner .bannerBg{ height:360px;}


}


@media screen and (max-width:767px) {

.Sub-banner{background-size:auto 280px;}
.Sub-banner .bannerBg{ height:280px;}
.Sub-banner .bannerInfo{ margin-top:-0.75rem;}
.Sub-banner .bannerInfo .title{font-size:0.45rem; line-height:0.475rem; margin-bottom:0.3rem;}
.Sub-banner .bannerInfo .titleCh span{ border:0.03rem solid #fff; padding:0.13rem 0.1458333rem 0.18rem 0.2rem;font-size:0.31rem;line-height:0.34rem; border-radius:0.078125rem;}
.Sub-banner .bannerInfo-top .title{ margin-bottom:0.15rem;}

}

@media screen and (max-width:480px) {

.Sub-banner{background-size:auto 200px;}
.Sub-banner .bannerBg{ height:200px;}



}



/*footer*/
.footer-top{ float:left; width:100%; background:#595757; padding:34px 0 14px 0;}
.footer-top-left{ float:left; width:320px; margin-left:50px;}
.foot-logo{ float:left; width:100%; line-height:0;}
.foot-logo img{max-width:179px;}
.foot-about{ float:left; width:100%; color:#dcdddd; font-size:14px; line-height:26px; margin:22px 0 38px 0; text-align:justify; /*font-family: 'SourceHanSansTC-Medium'*/}
.footer-share{ float:left; width:100%;}
.footer-share .ico{ float:left; position:relative; margin:0 30px 0 5px;}
.footer-share .ico .qq{ float:left; width:47px; height:47px; background:url(../images/foot2.png) center no-repeat; background-size:100% 100%;}
.footer-share .ico .weixin{ float:left; width:47px; height:47px; background:url(../images/foot3.png) center no-repeat; background-size:100% 100%;}
.footer-share .ico .weibo{ float:left; width:47px; height:47px; background:url(../images/foot4.png) center no-repeat; background-size:100% 100%;}
.footer-share .ico .QR-code{ float:left; width:120px; height:120px; line-height:0; background:#fff; border:1px solid #ccc; padding:8px; position:absolute; left:50%; bottom:60px; margin-left:-60px; box-shadow:0 -5px 10px rgba(0,0,0,0.15);-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer-share .ico .QR-code::after{ float:left;	border-width:10px;border-style: solid;border-color: white transparent transparent transparent; position:absolute; left:50%; bottom:-20px; content:''; margin-left:-10px;}
.footer-share .ico:hover .QR-code{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}

.footer-top-right{ float:right; width:735px;}
.foot-nav{ float:left; width:100%;}
.foot-nav ul{ float:left; width:25%;}
.foot-nav ul li{ float:left; width:100%;}
.foot-nav ul li h5{ float:left; width:100%; color:#bfc0c0; font-size:30px; line-height:42px; margin-bottom:18px;/*font-family: 'SourceHanSansTC-Medium'*/}
.foot-nav ul li a{ float:left; width:100%; color:#dcdddd; font-size:14px; line-height:25px;/*font-family: 'SourceHanSansTC-Medium'*/}
.foot-nav ul li a:hover{ color:#D42f36;}
.foot-Contact-us{ float:left; width:100%; margin:34px 0 10px 0;}
.foot-Contact-us ul{ float:left; width:50%;}
.foot-Contact-us ul li{ float:left; width:100%; color:#dcdddd; font-size:14px; line-height:25px;/*font-family: 'SourceHanSansTC-Medium'*/}
.foot-Contact-us ul li a{ color:#dcdddd;}
.footer-Key-words{ float:left; width:100%; height:50px; overflow:hidden; color:#dcdddd; font-size:14px; line-height:25px;/*font-family: 'SourceHanSansTC-Medium'*/}
.footer-Key-words a{ color:#dcdddd;}
.footer-Key-words a:hover{ color:#D42f36;}


@media screen and (max-width:1229px ) {


.footer-top-left{ margin-left:0; width:300px;}
.foot-about{ font-size:12px;}
.footer-top-right{ width:624px;}
.footer-Key-words{ font-size:12px;}
.foot-Contact-us{ margin:15px 0 10px 0;}
.foot-Contact-us ul li{ font-size:12px;}
.foot-nav ul li h5{ font-size:24px;}
.foot-nav ul li a{ font-size:12px;}


}

@media screen and (max-width:991px ) {

.footer-top{ padding:0 0 0 0;}
.footer-top-left{ width:100%; display:none; padding:15px 15px 3px 15px;}
.foot-about{ margin:10px 0 15px 0; line-height:22px; color:#999;}
.footer-share .ico{ margin:0 15px 0 0}
.footer-top-right{ width:100%;}
.foot-nav{border-bottom:1px solid #676767;}
.foot-nav .ul1{ display:none;width:100%; padding-bottom:12px; margin-top:-1px;}
.foot-nav .ul1 li h5{ font-size:16px; line-height:24px; margin-bottom:0;}
.foot-nav .ul1 li a{ color:#999; font-size:12px; line-height:25px;}
.foot-Contact-us{ margin:0;}
.foot-Contact-us ul{ width:100%;}
.foot-Contact-us ul li{ width:100%; line-height:25px; color:#999;}
.footer-Key-words{ color:#999; line-height:25px; height:auto;}
.footer-Key-words a{ color:#999;}

.foot-nav-title{ float:left; width:100%; font-size:14px; font-weight:bold; color:#fff; line-height:44px; background:url(../images/footer-ico.png) right center  no-repeat;background-size:8px 8px;}



.footer-about-title{ float:left; width:100%; background:#717071; color:#fff; font-size:16px; line-height:36px; padding:0 15px; border-radius:3px; position:relative; text-transform:uppercase; margin-top:12px;}
.footer-about-title::after{ float:left;	border-width:8px;border-style: solid;border-color: white transparent transparent transparent; position:absolute; right:15px; top:50%; content:''; margin-top:-4px;}
.footer-nav-title{ float:left; width:100%; background:#717071; color:#fff; font-size:16px; line-height:36px; padding:0 15px; border-radius:3px; position:relative; text-transform:uppercase; margin-top:12px;}
.footer-nav-title::after{ float:left;	border-width:8px;border-style: solid;border-color: white transparent transparent transparent; position:absolute; right:15px; top:50%; content:''; margin-top:-4px;}
.footer-Contact-title{ float:left; width:100%; background:#717071; color:#fff; font-size:16px; line-height:36px; padding:0 15px; border-radius:3px; position:relative; text-transform:uppercase; margin-top:12px;}
.footer-Contact-title::after{ float:left;	border-width:8px;border-style: solid;border-color: white transparent transparent transparent; position:absolute; right:15px; top:50%; content:''; margin-top:-4px;}
.footer-Key-title{ float:left; width:100%; background:#717071; color:#fff; font-size:16px; line-height:36px; padding:0 15px; border-radius:3px; position:relative; text-transform:uppercase; margin-top:12px;}
.footer-Key-title::after{ float:left;	border-width:8px;border-style: solid;border-color: white transparent transparent transparent; position:absolute; right:15px; top:50%; content:''; margin-top:-4px;}



}



.footer-bottom{ float:left; width:100%; background:#D42f36; padding:24px 0;}
.copyright{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding:0 50px;/*/*font-family: 'SourceHanSansTC-Medium'*/*/}
.copyright a{ color:#fff;}
.copyright a:hover{opacity:0.7; filter:alpha(opacity=70); }
.links{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding:0 50px;/*font-family: 'SourceHanSansTC-Medium'*/}
.links a{ color:#fff;}
.links a:hover{opacity:0.7; filter:alpha(opacity=70); }


@media screen and (max-width:1229px ) {

.copyright{ padding:0;}
.links{ padding:0;}

}

@media screen and (max-width:991px ) {

.footer-bottom{ padding:15px 0;}
.copyright{ text-align:center; line-height:22px;}
.links{ display:none;}

}


/*main*/
.mainTitle{ float:left; width:100%; text-align:center; color:#666464; font-size:36px; line-height:44px; margin-bottom:36px;}
.mainSub{ float:left; width:100%;}
.mainSub span{ display:block; margin:0 auto; width:67px; height:8px; background:#D42f36;}
.mainInfo{ float:left; width:100%; text-align:center; color:#595757; font-size:24px; line-height:32px; margin-top:36px;}

.moreInfor{ float:left; width:100%; text-align:center;}
.moreInfor a{ display:block; margin:0 auto; width:251px; height:60px; line-height:56px; border:3px solid #D42f36; color:#D42f36; font-size:24px;}
.moreInfor a:hover{ background:#D42f36; color:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.15);}


@media screen and (max-width:1229px ) {

.mainTitle{font-size:30px; line-height:38px;}
.mainInfo{ font-size:20px; line-height:28px;}


}

@media screen and (max-width:991px ) {

.mainTitle{ line-height:30px; margin-bottom:8px;}
.mainTitle span{ font-size:16px; line-height:16px; padding:0 0 4px 0;}
.mainSub span{ width:33px; height:2px; }
.mainInfo{ font-size:16px; line-height:22px; margin-top:10px;}

.moreInfor a{ width:166px; height:40px; line-height:38px; font-size:16px; border:2px solid #D42f36;}

}
@media screen and (max-width:767px ) {

.mainInfo{ font-size:14px; text-align:center;}
.mainInfo-left{ text-align:center;}

}

@media screen and (max-width:374px ) {

.mainInfo{ font-size:13px}
}


/*Info-bottom*/
.Info-bottom{ float:left; width:100%; border:3px solid #717071; padding:34px 88px 34px 38px;}
.Info-bottom .Infotitle{ float:left; color:#666464; font-size:48px; line-height:60px;}
.Info-bottom .Infostart{ float:right; height:60px; color:#D42f36; font-size:24px; line-height:54px; border:3px solid #D42f36; width:250px; text-align:center; cursor:pointer; position:relative; z-index:2;}
.Info-bottom .Infostart::after{ float:left; width:0; height:100%; position:absolute; left:0; top:0; content:''; background:#D42f36; z-index:-1;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}

.Info-bottom:hover{ border:3px solid #D42f36;}
.Info-bottom:hover .Infotitle{color:#D42f36;}
.Info-bottom:hover .Infostart{ box-shadow:5px 5px 5px rgba(0,0,0,0.15);}
.Info-bottom:hover .Infostart span{ color:#fff;}
.Info-bottom:hover .Infostart::after{ width:100%;}


@media screen and (max-width:1229px) {

.Info-bottom{padding:34px 38px;}
.Info-bottom .Infotitle{  font-size:32px; line-height:60px;}
.Info-bottom .Infostart{ font-size:22px; line-height:54px; width:240px; width:240px;}

}
@media screen and (max-width:991px) {

.Info-bottom{padding:15px 15px; border:2px solid #717071;}
.Info-bottom .Infotitle{  font-size:24px; line-height:40px;}
.Info-bottom .Infostart{ font-size:16px; height:40px; line-height:36px; width:180px; border:2px solid #d32e36;}

}

@media screen and (max-width:767px) {

.Info-bottom{ text-align:center; padding:15px 10px;}
.Info-bottom .Infotitle{  font-size:16px; width:100%; line-height:22px; margin-bottom:10px;}
.Info-bottom .Infostart{ display:inline-block; *display:inline; *zoom:1; float:none;}

}

/*works*/
.works{ float:left; width:100%; padding:76px 0 80px 0; border-bottom:1px solid #8b8a8b;}
.works .content{ float:left; width:100%; padding:44px 5% 68px 5%;}
.works .content li{ float:left; width:33.3333%; padding:12px;}
.works .content li a{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;}
.works .content li a .childImg{vertical-align:middle;-ms-interpolation-mode:bicubic;}
.works .content li a:hover .childImg{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.works .content .childHide{position:absolute;top:0px;left:0px;width:100%;height:100%;background:#D42f36;opacity:0; filter:alpha(opacity=00);}
.works .content .childPointer{position:absolute;bottom:21px;right:0; width:100%; color:#fff; font-size:14px; line-height:18px; text-align:right; padding:0 21px;}
.works .content .childTag{padding:0 21px;position:absolute;top:33px;left:0px;width:100%;*width:60%;font-size:18px;color:#fff;text-align:left; line-height:22px;}
.works .content .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.works .content .childContent{position:absolute;top:50%;left:0px;height:56px;width:100%;margin-top:-28px; text-align:center;}
.works .content .childContent .title{font-size:24px; line-height:32px;color:#fff;width:100%;}
.works .content .childContent .info{ width:100%;color:#fff;font-size:16px; line-height:24px;}

.works .content li a:hover .childHide{opacity:1; filter:alpha(opacity=100);}

@media screen and (max-width:1229px) {
.works .content .childTag{top:23px;}
.works .content .childPointer{bottom:15px;}
.works .content .childContent .title{ font-size:20px;}
.works .content .child .childContent .title{ font-size:14px; line-height:24px;}

}

@media screen and (max-width:991px) {

.works{ padding:20px 0;}
.works .content{ padding:14px 5% 14px 5%;}
.works .content li{padding:6px;}
.works .content .childContent .info{ display:none;}
.works .content .childContent{ margin-top:-14px;}
.works .content .childTag{ padding:0 12px; font-size:16px;}
.works .content .childPointer{ padding:0 12px;}
.works .content .childTag{top:15px;}
.works .content .childContent .title{ font-size:18px; line-height:28px;}



}

@media screen and (max-width:767px) {

.works .content{ padding:14px 11px 16px 11px;}
.works .content li{ width:50%; padding:4px;}
.works .content .childPointer{ font-size:12px; line-height:14px;}
.works .content .childContent .title{ font-size:12px; line-height:18px;}
.works .content .childTag{ font-size:12px; padding:0 6%; line-height:14px;}

}



/*Partners*/
.Partners{ float:left; width:100%; padding:76px 0 80px 0;}
.Partners .content{ float:left; width:100%; margin:20px 0 41px 0; padding:0 9%;}
.Partners .content ul{ margin-top:40px;}
.Partners .content li{ float:left; width:16.66%; line-height:0; padding:30px 13px;}
.Partners .content li a{ float:left; width:100%; position:relative; border:3px solid #9fa0a0;transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}
.Partners .content li a:hover{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
.Partners .content li .hover{opacity:1; filter:alpha(opacity=100); width:100%;}
.Partners .content li .default{opacity:0; filter:alpha(opacity=00); position:absolute; left:0; top:0; width:100%;}
/*.Partners .content li:hover .hover{opacity:0; filter:alpha(opacity=00);}
.Partners .content li:hover .default{opacity:1; filter:alpha(opacity=100);}*/

.Partners .content .slick-prev{ width:52px; height:79px; background:url(../images/main7.png) center no-repeat; background-size:100% 100%; margin-top:-40px; left:-52px;}
.Partners .content .slick-next{ width:52px; height:79px; background:url(../images/main8.png) center no-repeat; background-size:100% 100%; margin-top:-40px; right:-52px;}
.Partners .content .slick-prev:hover{ background:url(../images/main7_1.png) center no-repeat; background-size:100% 100%;}
.Partners .content .slick-next:hover{ background:url(../images/main8_1.png) center no-repeat; background-size:100% 100%;}
.Partners .content .slick-dots{ position:static; margin-top:30px; height:10px;}
.Partners .content .slick-dots li{ float:none; width:10px; height:10px; margin:0 5px; padding:0; background:#727171; border-radius:50%; text-indent:-999px; overflow:hidden; vertical-align:top;}
.Partners .content .slick-dots li.slick-active{ background:#d32e36;}


@media screen and (max-width:1366px) {

.Partners .content .slick-prev{ left:0;}
.Partners .content .slick-next{ right:0;}	

}


@media screen and (max-width:1229px) {


.Partners .content .slick-prev{ width:30px; height:56px; margin-top:-28px;}
.Partners .content .slick-next{ width:30px; height:56px; margin-top:-28px;}	

}


@media screen and (max-width:991px) {

.Partners{ padding:16px 0 20px 0;}
.Partners .content{ margin:10px 0 20px 0;}
.Partners .content ul{ margin-top:20px;}
.Partners .content .slick-prev{ width:30px; height:56px; margin-top:-28px;}
.Partners .content .slick-next{ width:30px; height:56px; margin-top:-28px;}	
.Partners .content .slick-dots{margin-top:10px; height:10px;}
.Partners .content li{ width:33.333%; padding:15px 6px;}
.Partners .content li a{ border:2px solid #9fa0a0;}

}

@media screen and (max-width:767px) {

.Partners .content{text-align:center;}
.Partners .content ul{ margin-top:10px; margin:0 auto;}
.Partners .content li{ width:50%; padding:5px;}
.Partners .content .slick-prev{ width:15px; height:28px; margin-top:-14px;}
.Partners .content .slick-next{ width:15px; height:28px; margin-top:-14px;}	


}

/*why*/
.why{ float:left; width:100%;}
.whyInfo{ float:left; width:100%;  padding:114px 0 167px 0;}
.whyInfo .content{ float:left; width:100%; padding-left:65px; font-size:60px; line-height:83px; color:#fff; margin-top:134px;}
.mainTitle-why{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px;text-transform:uppercase; padding-left:56px; padding-bottom:30px; position:relative;}
.mainTitle-why::after{ float:left; width:67px; height:8px; background:#fff; position:absolute; left:56px; bottom:0; content:'';}

@media screen and (max-width:1229px) {

.whyInfo .content{ padding-left:0;font-size:50px; line-height:74px;}
.mainTitle-why{ padding-left:0;font-size:50px; line-height:60px;}
.mainTitle-why::after{ left:0;}

}
@media screen and (max-width:991px) {

.whyInfo{ padding:58px 0 84px 0;}
.whyInfo .content{font-size:30px; line-height:54px; margin-top:68px;}
.mainTitle-why{font-size:30px; line-height:40px; padding-bottom:15px;}
.mainTitle-why::after{ width:33px; height:4px; }

}
@media screen and (max-width:767px) {

.whyInfo{ padding:30px 0;}
.whyInfo .content{font-size:18px; line-height:38px; margin-top:20px;}
.mainTitle-why{font-size:24px; line-height:34px; padding-bottom:15px;}
.mainTitle-why::after{ width:33px; height:4px; }

}

/*Advantages*/
.Advantages{ float:left; width:100%; padding:76px 0 80px 0; border-bottom:1px solid #8b8a8b;}
.Advantages .content{ float:left; width:100%; margin:34px 0 78px 0;}
.Advantages .content .Info-top{ float:left; width:100%; background:url(../images/main10.png) center no-repeat; background-size:100% 100%; font-size:30px; line-height:36px; color:#fff; position:relative;}
.Advantages .content .Info-top ul{ margin:0 -2px;}
.Advantages .content .Info-top ul li{ float:left; width:16.6666%;min-height:458px;display: -msbox;display: -moz-box;display: -webkit-flex;display: flex;
 -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
justify-content: center;
align-items: center;}
.Advantages .content .Info-top ul li:nth-child(3){justify-content:flex-start; padding-left:17px;}
.Advantages .content .Info-top ul li:nth-child(4){justify-content:flex-end; padding-right:17px;}
.Advantages .content .Info-Middle{ float:left; width:100%; margin:20px 0 43px 0; text-align:center; color:#666464; font-size:36px; line-height:44px; padding-bottom:63px; background:url(../images/main11.png) right bottom no-repeat; background-size:100% auto;}
.Advantages .content .Info-Middle span{ float:left; width:50%;}


@media screen and (max-width:1229px) {

.Advantages .content .Info-top{ font-size:24px;}

.Advantages .content .Info-Middle{ font-size:30px; padding-bottom:56px;}

}
@media screen and (max-width:991px) {

.Advantages{ padding:14px 0 20px 0;}
.Advantages .content{ margin:10px 0 20px 0;}
.Advantages .content .Info-top{ font-size:16px;}
.Advantages .content .Info-top ul li{ min-height:280px;}

.Advantages .content .Info-Middle{ font-size:18px; margin:10px 0 20px 0; padding-bottom:36px; line-height:30px;}

}

@media screen and (max-width:767px) {

.Advantages .content .Info-top{font-size:12px;}
.Advantages .content .Info-top ul li{ min-height:180px; }
.Advantages .content .Info-top ul li:nth-child(3){ padding-left:0px;}
.Advantages .content .Info-top ul li:nth-child(4){ padding-right:0px;}

.Advantages .content .Info-Middle{ margin:12px 0 15px 0; padding-bottom:20px;}
.Advantages .content .Info-Middle-xs{ margin-bottom:0;}


}

@media screen and (max-width:413px) {

.Advantages .content .Info-top ul li{ min-height:180px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8);}


}



/*news*/
.news{ float:left; width:100%; border-top:1px solid #8b8a8b; padding:75px 0 76px 0;}
.news .newsInfor{ float:left; width:33.3333%; padding-left:56px; padding-right:10px;}
.news .newsInfor h1{ float:left; width:100%; color:#595757; font-size:30px; line-height:40px; margin-bottom:25px;}
.news .newsInfor ul{ float:left; width:100%;}
.news .newsInfor ul li{ float:left; width:100%;}
.news .newsInfor ul li a{ float:left; max-width:100%; color:#666464; font-size:18px; line-height:34px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; position:relative; padding-right:50px;/*font-family: 'SourceHanSansTC-Medium'*/}
.news .newsInfor ul li span{ color:#D42f36; position:absolute; right:2px; top:0;}
.news .newsInfor ul li a:hover{ color:#D42f36;}

@media screen and (max-width:1229px ) {
.news .newsInfor{ padding-left:0;}


}
@media screen and (max-width:991px ) {
.news{ padding:30px 0;}
.news .newsInfor h1{ font-size:20px; line-height:30px; margin-bottom:12px;}
.news .newsInfor ul li a{ font-size:14px; line-height:24px; padding-right:35px;}

}
@media screen and (max-width:767px ) {
	
.news{ padding:16px 0 20px 0;}	
.news .newsInfor{ width:100%; padding:0 0 14px 0;}
.news .newsInfor h1{ margin-bottom:6px;}

}


/*Sub-nav*/
.Sub-nav{ float:left; width:100%; text-align:center; margin:33px 0 27px 0;}
.Sub-nav ul{ display:inline-block; *display:inline; *zoom:1;}
.Sub-nav ul li{ float:left; width:236px; height:236px; padding:34px 0 0 0; margin:0 8px;}
.Sub-nav ul li .img{ display:block;}
.Sub-nav ul li .ico{ display:block; margin:0 auto; width:76px; height:76px; line-height:0; background:#D42f36; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:hidden; position:relative;}
.Sub-nav ul li .ico img{ width:100%; padding:1px; left:0; top:0;}
.Sub-nav ul li .ico .default{ position:relative;opacity:1; filter:alpha(opacity=100);}
.Sub-nav ul li .ico .hover{ position:absolute;opacity:0; filter:alpha(opacity=00);}
.Sub-nav ul li .title{ display:block;}
.Sub-nav ul li .title h1{ display:block; color:#595757; font-size:22px; line-height:22px; margin:19px 0 3px 0;}
.Sub-nav ul li .title h3{ display:block; color:#595757; font-size:20px; line-height:20px;}

.Sub-nav ul li:hover{ background:#D42f36;}
.Sub-nav ul li:hover .ico{ background:#fff;}
.Sub-nav ul li:hover .ico .default{opacity:0; filter:alpha(opacity=00);}
.Sub-nav ul li:hover .ico .hover{opacity:1; filter:alpha(opacity=100);}
.Sub-nav ul li:hover .title h1{ color:#fff;}
.Sub-nav ul li:hover .title h3{ color:#fff;}

.Sub-nav ul li.on{ background:#D42f36;}
.Sub-nav ul li.on .ico{ background:#fff;}
.Sub-nav ul li.on .ico .default{opacity:0; filter:alpha(opacity=00);}
.Sub-nav ul li.on .ico .hover{opacity:1; filter:alpha(opacity=100);}
.Sub-nav ul li.on .title h1{ color:#fff;}
.Sub-nav ul li.on .title h3{ color:#fff;}

@media screen and (max-width:1229px ) {


.Sub-nav ul li{ width:230px; height:230px; margin:0 4px;}

}

@media screen and (max-width:991px ) {

.Sub-nav{ margin:20px 0 15px 0;}
.Sub-nav ul li{ width:172px; height:172px; padding:20px 0 0 0; margin:0 4px;}
.Sub-nav ul li .ico{ width:66px; height:66px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.Sub-nav ul li .title h1{ font-size:16px; line-height:16px; margin:16px 0 8px 0;}
.Sub-nav ul li .title h3{ font-size:14px; line-height:14px;}

}
@media screen and (max-width:767px ) {

.Sub-nav ul{ margin:0 -15px;}
.Sub-nav ul li{ width:88px; height:auto; padding:10px 0; margin:0 2px;}	
.Sub-nav ul li .ico{ width:50px; height:50px;}
.Sub-nav ul li .title h1{ font-size:14px; line-height:14px; margin:8px 0 4px 0;}
.Sub-nav ul li .title h3{ font-size:12px; line-height:12px;}


}

@media screen and (max-width:374px ) {

.Sub-nav ul li{ width:76px;}	

}



/*Services*/
.Services{ float:left; width:100%; padding:76px 0 80px 0;}
.Services .content{ float:left; width:100%; margin:63px 0 80px 0;}
.Serv-content{ float:left; width:100%;}
.Serv-content ul,
.Services .content ul{ margin:0 -15px;}
.Serv-content ul li,
.Services .content ul li{ float:left; width:33.3333%; padding:0 15px;}
.Serv-content .InfotTitle,
.Services .content .InfotTitle{ float:left; width:100%; background:#D42f36; padding:22px 56px 18px 56px; border:3px solid #a6a5a6; border-bottom:none;}
.Serv-content .InfotTitle h1,
.Services .content .InfotTitle h1{ float:left; width:100%; color:#fff; font-size:43px; line-height:50px;/*font-family: 'SourceHanSansTC-Medium'*/}
.Serv-content .InfotTitle h2,
.Services .content .InfotTitle h2{ float:left; width:100%; color:#fff; font-size:20px; line-height:26px;/*font-family: 'SourceHanSansTC-Medium'*/}
.Serv-content .Infolist,
.Services .content .Infolist{ float:left; width:100%; min-height:319px; padding:34px 56px 46px  56px; border:3px solid #a6a5a6; border-top:none;}
.Serv-content .Infolist .dl,
.Services .content .Infolist .dl{ float:left; width:50%;}
.Serv-content .Infolist .dd,
.Services .content .Infolist .dd{ float:left; width:100%; color:#666464; font-size:18px; line-height:34px;/*font-family: 'SourceHanSansTC-Medium'*/}


.Serv-content .InfotTitle:hover,
.Serv-content .Infolist:hover,
.Services .content .InfotTitle:hover,
.Services .content .Infolist:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.Serv-content .Infolist .dd:hover,
.Services .content .Infolist .dd:hover{ color:#D42f36;}
 
@media screen and (max-width:1229px) {

.Serv-content ul,	
.Services .content ul{ margin:0 -10px;}
.Serv-content ul li,
.Services .content ul li{ padding:0 10px;}	
.Serv-content .InfotTitle,
.Services .content .InfotTitle{ padding:22px 28px 18px 28px;}
.Serv-content .InfotTitle h1,
.Services .content .InfotTitle h1{ font-size:32px; line-height:38px;}
.Serv-content .Infolist,
.Services .content .Infolist{ padding:34px 28px 46px  28px;}
.Serv-content .Infolist .dd,
.Services .content .Infolist .dd{ font-size:16px;}

}

@media screen and (max-width:991px) {
	
.Services{ padding:20px 0 20px 0;}
.Serv-content,	
.Services .content{ margin:20px 0 30px 0;}
.Serv-content ul,
.Services .content ul{ margin:0 -6px;}
.Serv-content ul li,
.Services .content ul li{ padding:0 6px;}	
.Serv-content .InfotTitle,
.Services .content .InfotTitle{ padding:11px 14px 9px 14px; border:2px solid #a6a5a6; border-bottom:none;}
.Serv-content .InfotTitle h1,
.Services .content .InfotTitle h1{ font-size:24px; line-height:30px;}
.Serv-content .InfotTitle h2,
.Services .content .InfotTitle h2{ font-size:16px; line-height:22px; }
.Serv-content .Infolist,
.Services .content .Infolist{ padding:17px 14px 23px  14px; min-height:237px;}
.Serv-content .Infolist .dd,
.Services .content .Infolist .dd{ font-size:14px; line-height:22px;}


}

@media screen and (max-width:767px) {
	
.Serv-content{ margin:10px 0 15px 0;}	
.Services .content{ margin:10px 0 15px 0;}
.Serv-content ul li,
.Services .content ul li{ width:100%; margin:5px 0;}
.Serv-content .Infolist,
.Services .content .Infolist{ min-height:inherit; padding:10px 14px; border:2px solid #a6a5a6; border-top:none; }

}

/*Contrast*/
.Contrast{ float:left; width:100%; background:#D42f36; padding:17px 40px; color:#fff; font-size:50px; line-height:81px; position:relative; cursor:pointer;}
.Contrast .title{ float:left; position:absolute; left:50%; top:50%; width:81px; height:81px; border:4px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:-40px 0 0 -40px; font-size:22px; line-height:28px; text-align:center; padding-top:8px;}
.Contrast .title::after{ float:left; width:89px; height:89px; position:absolute; left:-8px; top:-8px; content:''; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
opacity:0.6; filter:alpha(opacity=60); }
.Contrast .old{ float:left;}
.Contrast .new{ float:right;}




@media screen and (max-width:1229px) {

.Contrast{ font-size:34px; padding:17px 20px;}

}

@media screen and (max-width:991px) {

.Contrast{ font-size:24px; padding:15px 20px; line-height:60px;}
.Contrast .title{ width:60px; height:60px; border:2px solid #fff; margin:-30px 0 0 -30px; font-size:16px; line-height:22px; padding-top:6px;}


}

@media screen and (max-width:767px) {

.Contrast{ line-height:34px; font-size:20px;}
.Contrast .old{ width:100%; text-align:center; margin-bottom:40px;}
.Contrast .new{ width:100%; text-align:center; margin-top:40px;}
	

}


/*.Sub-info-wind*/
.Sub-info-wind{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; background:#000; background:rgba(0,0,0,0.8);}
.list-Sub-info{ float:left; width:1200px; position:absolute; left:50%; top:50%; margin-top:-303px; margin-left:-600px; background:none; padding:0;}
.list-Sub-info .content{ float:left; width:100%; background:#fff; padding:60px 0; position:relative;}
.list-Sub-info .colse{ float:left; width:24px; height:24px; position:absolute; right:15px; top:15px;}


@media screen and (max-width:1229px) {
	
.list-Sub-info{ width:962px; margin-left:-481px; margin-top:-246px;}	
.list-Sub-info .content{ padding:50px 40px;}
.list-Sub-info .right{ width:450px;}


}

@media screen and (max-width:991px) {
	
.list-Sub-info{ width:738px; margin-left:-369px; margin-top:-220px; background:#fff; padding:30px 0 20px 0;}	
.list-Sub-info .content{ padding:0 15px; height:390px; overflow-x:hidden; overflow-y:scroll; position:static; }
.list-Sub-info .right{ width:100%;}
.list-Sub-info .colse{ width:18px; height:18px; right:10px; top:10px;}


}

@media screen and (max-width:767px) {
	
.list-Sub-info{ width:90%; margin-left:5%; left:0; margin-top:-220px;padding:30px 0 20px 0;}	
.list-Sub-info .content{ padding:0 15px; height:390px;}



}

/**/
.contact-us-line{ float:left; width:100%; height:1px; background:#8b8a8b;}


.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}	
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}