@charset "utf-8";
/* CSS Document */
html{}
body{}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
.header{max-height:160px; overflow:hidden;}
.header .logoImg img{float:left; margin:2% 0 2% 0; width:10em;}
.header .hdTxt{float:right; margin-top:3%; margin-right:0%; width:49%;}
.header .hdTxt h2{color:#333; font-weight:normal; font-size:1.2em;}
.header .hdTxt a{padding-left:1.117em; color:#0477d0; font-size:1.55em; background:url(../images/hdPhone_ico.png) no-repeat left center; background-size:0.976em; font-family:arial;}
.nav{}
.nav ul{overflow:hidden;}
.nav li{float:left; width:25%; text-align:center;}
.nav li a{display:block; padding:10% 0px;  font-size:1.167em; color:#fff; margin-top:1px; position:relative;
background-color:#2fa4ff; 
background-image:-moz-linear-gradient(top , #2fa4ff , #005aab);
background-image:-webkit-linear-gradient(top , #2fa4ff , #005aab);
background-image:-o-linear-gradient(top , #2fa4ff , #005aab);
background-image:-ms-linear-gradient(top , #2fa4ff , #005aab);
background-image:linear-gradient(top , #2fa4ff , #005aab);}
.nav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #3c9feb; border-right:1px solid #1c7ac2;}
.bannerBox img{width:100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#0073cc;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.cpFl{overflow: hidden; padding-top:1em;margin-bottom:0.5em; padding-bottom:0.5em; background-color:#e4e4e4;}
.cpFl li{float: left; margin:0 2% 0.5em 2%; width:29.3%;}
.cpFl li a{display: block; padding:1.083em 0; background-color:#0073cc; text-align: center; color:#fff; font-size:1.167em;}
.tabTitEr{overflow:hidden;background-color:#ededed; background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);background-image:linear-gradient(top , #ededed , #c2c2c2);}
.tabTitEr li{float:left; width:50%; text-align:center; padding:1.083em 0; font-size:1.167em; border-bottom:0.167em solid #c2c2c2;}
.tabTitEr li.on{color:#0477d0; border-bottom-color:#0073cc;background-color:#efefef; 
background-image:-moz-linear-gradient(top , #efefef , #939393);background-image:-webkit-linear-gradient(top , #efefef , #939393);
background-image:-o-linear-gradient(top , #efefef , #939393);background-image:-ms-linear-gradient(top , #efefef , #939393);background-image:linear-gradient(top , #efefef , #939393);}
.tabTitEr.tabTitS li{position: relative; width:33.333%;}
.tabTitEr.tabTitS li:after{content:''; position:absolute; top:0; right:-3px; z-index:9; height:100%; width:0px;  border-left:1px solid #fff; border-right:1px solid #9e9e9e;}
.cpBox{}
.cpBox ul.uls{overflow:hidden; padding-top:1em;}
.cpBox .uls li{float:left; margin-bottom:1.583em; width:50%; text-align:center;}
.cpBox .uls li img{width:99%; border:1px solid #e2e2e2;}
.cpBox .uls li h5{margin-top:1.217em; font-weight:normal; font-size:1.083em;}
.cpBox .uls li h5 a{color:#333;}
.schBg{padding:1.167em 0; background-color:#0073cc; border-bottom:1px solid #4d9ddb;}
.schBox{margin:0.917em 1.28em; overflow: hidden;}
.schBox input{float:left; width:90%; height:2.458em; line-height:2.458em; padding:0 5%; border:none; outline:none; background:url(../images/schBoxTxt.png) no-repeat center; background-size:100%; border:none; border-radius:0px; box-sizing: border-box; -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.schBox a img{float:right; width:10%; height:2.454em;}
.phoneBox{padding:1em 0 1.167em 24%; background:#0073cc url(../images/phoneBox_ico.png) no-repeat 10% center; background-size:3.250em auto; color:#fff;}
.phoneBox dt{font-size:1.2em;}
.phoneBox dd a{font-size:2.417em; line-height:1em; font-family:arial; color:#fff;}
.contTit{position: relative; height:3.333em; line-height:3.333em; font-weight:normal; font-size:1.250em;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}
.contTit i{position: absolute; left: 1em; top:50%; margin-top:-0.6em; width:0; height:0; border:0.6em solid; border-top-color:#0682e2; border-right-color:#0272c9; border-bottom-color:#016abb; border-left-color:#0164b1;}
.contTit .titA{margin-left:2.8em; color:#333;}
.contTit .titMore{position: absolute; top:0px; right:1em; color:#666; font-size:0.8em;}

.alBox dl{}
.alBox dl dt{padding:0; text-align: center; margin-top:10px;}
.alBox dl dt img{width:98%; border:6px solid #e2e2e2; margin-bottom:0.5em;}
.alBox dl dd h5{font-size:1em; text-align: center;}
.alBox dl dd h5 a{color:#0477d0;}
.alBox dl dd p{padding:0.5em 0 1em 0; margin:0; color:#666; line-height:20px;}

.gyBox{padding-bottom:2em;}
.gyBox dl dt{padding:1em 0; text-align: center;}
.gyBox dl dt img{width:90%; border:0.333em solid #e2e2e2;}
.gyBox dl dd h5{font-size:1.250em; text-align: center;}
.gyBox dl dd h5 a{color:#0477d0;}
.gyBox dl dd p{padding:1em 0; margin:0 5%; color:#666;}
.gyBox dl dd .btnMore{display: block; margin:0 5%; padding:1em 0; font-size:1.167em; text-align: center; color:#fff; background-color:#0477d0;}

.dtBox{}
.dtBox dl{margin:1.667em 0; overflow: hidden;}
.dtBox dl dt img{border:0.417em solid #e2e2e2; width:10.667em; height:8.333em;}
.dtBox dl dd{margin-left:12.500em;}
.dtBox dl dd h5{padding:0.4em 0; font-size:1.083em;}
.dtBox dl dd h5 a{color:#0477d0;}
.dtBox dl dd p{color:#999;}
.dtBox ul.uls{padding:0.8em 0; margin:0; border-top:1px dotted #0477d0;}
.dtBox .uls li{padding-left:5%; height:2.583em; line-height:2.583em; background:url(../images/dtLi_ico.png) no-repeat left center; background-size:auto 0.625em; overflow: hidden;}
.dtBox .uls li a{display: block; color:#333;}

.footer{background-color:#333;}
.footer .phoneBox{background-color:#333;}
.toTop{padding-left:8%; height:3.500em; line-height:3.500em; border-top:1px solid #999; display: block; text-align: center; color:#fff; background:url(../images/toTop_ico.png) no-repeat 40% center; background-size:1.500em auto;}
.fotNav{overflow:hidden;}
.fotNav li{float:left; width:25%; text-align:center;}
.fotNav li a{display:block; padding:15% 0px;  font-size:1.167em; color:#fff; margin-top:1px; position:relative;
background-color:#2fa4ff; 
background-image:-moz-linear-gradient(top , #2fa4ff , #0073cc);
background-image:-webkit-linear-gradient(top , #2fa4ff , #0073cc);
background-image:-o-linear-gradient(top , #2fa4ff , #0073cc);
background-image:-ms-linear-gradient(top , #2fa4ff , #0073cc);
background-image:linear-gradient(top , #2fa4ff , #0073cc);}
.fotNav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #3c9feb; border-right:1px solid #1c7ac2;}
.fotTxt{padding-top:1.583em; padding-bottom:1.750em; color:#999; text-align: center; font-size:1em;}

@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}





@-webkit-keyframes ysLine { 
0% {width:16em; right:16em;}
50%{width:8em;}
100%{width:0; right:0;}
}
@-webkit-keyframes ysLine2 { 
0% {width:16em; left:16em;}
50%{width:8em;}
100%{left:0; width:0;}
}


.ysCont>strong{display: block; margin:1em 5% 0 5%; padding:0.7em 0; font-size:1.167em; text-align: center; color:#0096ff; background-color:#fff; border-radius:0.3em;}
.ysCont>strong span{color:#fb560e;}



.ysCont li span:after { content: ''; position: absolute; width:7.083em; height:7.083em; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(255,255,255,0.8); top: 50%; left: 50%; margin-top: -3.5415em; margin-left: -3.5415em; z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;-webkit-transform: scale(1.2); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1; }
100%{ opacity: 0; -moz-transform: scale(1.2); } }
@-ms-keyframes halo {0% { opacity: 0; }
50% { opacity: 1; }
100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1; }
100%{ opacity: 0;-o-transform: scale(1.2); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(1.2); } }

.aacc{line-height:30px; margin-bottom:1em;}
.aacc img{ width:100%; margin-top:20px;}

.productLayout .prt{background:#0477d0;color:#fff;height:35px;width:100%;line-height:35px;padding-left:20px;}
.productLayout{overflow:hidden;}
.productLayout dl{padding:10px 0; float:left; width:48%; margin:10px 1%; text-align:center; background-color:#f9f9f9; overflow:hidden;}
.productLayout dl dt img{width:95%;}
.productLayout dd h5{height:20px; line-height:20px; overflow:hidden; margin-top:10px;}
.productLayout dd h5 a{color:#333;}

.fy{ clear:both;}
.fy a{ width:80px;height:30px; margin-top:20px; line-height:30px; display:inline-block; border:1px solid #CCC; text-align:center; margin-bottom:20px; margin-right:10px; color:#666}