@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:5.5% 0 5.5% 3%; width:9.5em;}



.header .hdTxt{float:right; margin-top:5.4%; margin-right:0%; width:56%;}



.header .hdTxt h2{color:#333; font-weight:normal; font-size:1.050em;}



.header .hdTxt a{padding-left:1.117em; color:#0449b1; font-size:1.750em; 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:15% 0px;  font-size:1.167em; color:#fff; margin-top:1px; position:relative;



background-color:#0449b1; 



background-image:-moz-linear-gradient(top , #0449b1 , #0073cc);



background-image:-webkit-linear-gradient(top , #0449b1 , #0073cc);



background-image:-o-linear-gradient(top , #0449b1 , #0073cc);



background-image:-ms-linear-gradient(top , #0449b1 , #0073cc);



background-image:linear-gradient(top , #0449b1 , #0073cc);}



.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; 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; height:1em;}







.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:100%; text-align:center; padding:1.083em 0; font-size:1.167em; border-bottom:0.167em solid #c2c2c2;}



.tabTitEr li.on{color:#0449b1; 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{margin-top:0.417em;}



.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:10.208em; height:10.208em; 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 34%; background:#0449b1url(../images/phonebox_ico.png) no-repeat 20% 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:1em 0; text-align: center;}



.alBox dl dt img{width:90%; border:0.333em solid #e2e2e2;}



.alBox dl dd h5{font-size:1.250em; text-align: center;}



.alBox dl dd h5 a{color:#0449b1;}



.alBox dl dd p{padding:1em 0 2.2em 0; margin:0 5%; color:#666;}







.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:#0449b1;}



.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:#0449b1;}







.dtBox{}



.dtBox dl{margin:1.667em 5%; 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:#0449b1;}



.dtBox dl dd p{color:#999;}



.dtBox ul.uls{padding:0.8em 0; margin:0 5%; border-top:1px dotted #0449b1;}



.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:#0449b1;}



.toTop{padding-left:8%; height:3.500em; line-height:3.500em; border-top:1px solid #999; display: block; text-align: center; color:#fff; background:#f3740d 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:#0449b1; 



background-image:-moz-linear-gradient(top , #0449b1 , #0073cc);



background-image:-webkit-linear-gradient(top , #0449b1 , #0073cc);



background-image:-o-linear-gradient(top , #0449b1 , #0073cc);



background-image:-ms-linear-gradient(top , #0449b1 , #0073cc);



background-image:linear-gradient(top , #0449b1 , #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{background:#0449b1;padding-top:1.583em; padding-bottom:3.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%;}



}











.binPlus{position:fixed; left:10px; bottom:10px; z-index:9999;}



.binPlus .bpBtn{position:relative; width:51px; height:51px;-moz-border-radius:100%;



-webkit-border-radius:100%;



-o-border-radius:100%;



-ms-border-radius:100%;



border-radius:100%; }







.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}



.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binplusitem.png); background-repeat:no-repeat; text-indent:-99em;}



.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}



.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}



.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}







.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}



.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}















.ysCont{height:40em; background:#666 url(../images/yscont.jpg) no-repeat center top; background-size:100%;}



.ysCont ul{padding-top:1.5em;}



.ysCont li{position:relative; height:7.083em; color:#fff; user-select: none; -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;}



.ysCont li span{position:relative; z-index:998; display:block; width:7.083em; height:7.083em; line-height:7.083em; text-align: center; border-radius:100%; margin-left:2.5em;}



.ysCont li span.fr{margin-right:2.5em;}



.ysCont li b{font-size:1.167em;}



.ysCont li.ys01 span{background-color:#0449b1;}



.ysCont li.ys02 span{background-color:#10ce53;}



.ysCont li.ys03 span{background-color:#5d11a3;}



.ysCont li.ys04 span{background-color:#fb560e;}



.ysCont li.ysQian span{line-height:1.333em;}



.ysCont li.ysQian b{position:relative; top:1.8em;}



.ysCont li p{position:absolute; margin-left:10em; top:1.5em; line-height:1.2em; font-size:1.0em; display:none;margin-right:0.5em;}



.ysCont li.lRt p{margin-right:10em;margin-left:0.5em;}



.ysCont li.ys04.lRt p{margin-left:6em;}



.ysCont li span:focus~p{color:#f00; display: block;}



.ysCont li i{position:absolute; z-index:0; width:16em; height:0.208em; background-color:rgba(255,255,255,0.5); overflow: hidden;}



.ysCont li i:after{content: ''; position: absolute; width:100%; height:100%; background-color:rgba(255,255,255,0.8); -webkit-animation: ysLine 1s 0s infinite ease-out;}



.ysCont li.ys01 i{top:50%; left:6em; -webkit-transform:rotate(27deg); -webkit-transform-origin:0% 50%;}



.ysCont li.ys02 i{top:50%; right:6em; -webkit-transform:rotate(-27deg); -webkit-transform-origin:100% 50%;}



.ysCont li.ys02 i:after{-webkit-animation: ysLine2 1s 0.5s infinite ease-out;}



.ysCont li.ys03 i{top:50%; left:6em; -webkit-transform:rotate(27deg); -webkit-transform-origin:0% 50%;}







@-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-top:10em; padding:0.7em 0; font-size:1.167em; text-align: center; color:#0449b1; background-color:#fff; border-radius:0.3em;}



.ysCont>strong span{color:#fb560e;}











.weixinBox{height:3em; line-height:3em; font-size:1em; font-weight:bold; color:#fff; background-color:#fb560e; text-align: center;}







.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); } }