@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei; z-index:2; box-shadow:0 0 10px #ccc}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@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%;}
}

/*header*/
header { overflow:hidden; width:100%; padding:1.3em 0; position:relative}
header h1{ width:40%; margin:0 auto; overflow:hidden;}
header img{ display:block; margin:0 auto; width:100%;}
header span{ display: block;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    left: 3%;
    top: 2.5em;
    background: url(nav_icon.png) no-repeat center;
    background-size: 100%; }
header span.close { display:none; background:url(nav_icon02.png) no-repeat center; background-size:100%;}

/*banner*/
.banner { overflow:hidden; width:100%;}
.banner img{ display:block; 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:#1f58be;}
.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); /* 取消链接高亮 */ }

/*pro*/
.pro { overflow:hidden; width:100%; padding:2.5em 0;}
.pro h3{ text-align:center; font-size:1.3em; color:#333; font-weight:normal;}
.pro h3 a{ color:#333;}
.pro p{ text-align:center; font-size:0.7em; color:#999; margin-bottom:0.2em;font-family: Arial;}
.pro i{display: block;width: 30px;height: 1px;background-color: #1652ba;margin: 0 auto;margin-bottom:1em;}
.pro ul{ overflow:hidden; width:96%; margin:0 auto;}
.pro li{width:50%;float:left; padding-bottom:1.25em; margin-bottom:1.25em; border-bottom:1px solid #e2e2e2;}
.pro li img{ display:block; width:90%; margin:0 auto; margin-bottom:1em;}
.pro li span{ display:block; margin-left:0.7em; margin-top:0.8em; font-size:0.9em; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.pro li em{ display:block; margin-left:0.7em; font-size:0.8em; color:#999; margin-bottom:0.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center}
/*.pro li:nth-child(3){ border-bottom:none; padding-bottom:0; margin-bottom:0}*/
.pro .more{ display:block; width:50%; margin:0 auto; text-align:center; margin-top:2em; padding:0.8em 0; font-size:0.8em; color:#888; border:1px solid #e2e2e2;font-family:Arial;}
.pro .more:hover{background-color:#1f58be;color:#fff;}

/*about*/
.about { overflow:hidden; width:94%; margin:0 auto; padding:2.3em 3%; background-color:#f4f4f4;}
.about h3{ text-align:center; font-size:1.3em;font-weight:normal;}
.about h3 a{ color:#333;}
.about span{ display:block; text-align:center; font-size:0.7em; color:#999; margin-bottom:0.2em;font-family:Arial;}
.about i{display: block;width: 30px;height: 1px;background-color: #1652ba;margin: 0 auto;margin-bottom:1.7em;}
.about p{ font-size:0.9em; color:#666; line-height:1.5em; height:5.8em; overflow:hidden; text-align: justify; margin-bottom:1.7em;}
.about .more{ display:block; width:50%; margin:0 auto; text-align:center; margin-top:2em; padding:0.8em 0; font-size:0.8em; color:#888; border:1px solid #e2e2e2;font-family: Arial;}
.about img{ display:block; width:100%; margin-bottom:1.5em;}
.about .more:hover{background-color:#1f58be;color:#fff;}

/*youshi*/
.youshi { overflow:hidden; width:100%; padding:2.4em 0;}
.youshi h3{ text-align:center; font-size:1.3em;font-weight:normal; color:#333;}
.youshi span{ display:block; text-align:center; font-size:0.7em; color:#999; margin-bottom:0.2em;font-family: Arial;}
.youshi em{display: block;width: 30px;height: 1px;background-color: #1652ba;margin: 0 auto;margin-bottom:1.7em;}
.youshi .ysbox{ overflow:hidden; width:94%; position:relative; margin:0 auto;}
.youshi .ysbox i{ display:block; width:3%; position:absolute; top:20%;}
.youshi .ysbox i img{ display:block; width:100%;}
.youshi .ysbox .btn01{ left:0;}
.youshi .ysbox .btn02{ right:0}
.youshi .ysbox ul{ overflow:hidden}
.youshi .ysbox li{ width:100%; float:left;}
.youshi .ysbox li img{ display:block; margin:0 auto; width:30%; margin-bottom:1.2em;}
.youshi .ysbox li h4{ text-align:center; font-weight:normal; font-size:1.2em; color:#1650b6; margin-bottom:0.7em;}
.youshi .ysbox li p{ width:98%; margin:0 auto; text-align:center; font-size:0.9em; color:#555; line-height:1.5em;}

/*pinzhi*/
.pinzhi { overflow:hidden; width:100%; margin-bottom:2.5em; padding-top:2.5em; background-color:#f4f4f4;}
.pinzhi h3{ text-align:center; font-size:1.3em;font-weight:normal; color:#333;}
.pinzhi span{ display:block; text-align:center; font-size:0.7em; color:#999; margin-bottom:0.2em;font-family: Arial;}
.pinzhi em{display: block;width: 30px;height: 1px;background-color: #1652ba;margin: 0 auto;margin-bottom:1.7em;}
.pinzhi .pzbox{ overflow:hidden; width:94%; margin:0 auto; position:relative; margin-bottom:2.8em;}
.pinzhi .pzbox .pzlist{ overflow:hidden; width:100%;}
.pinzhi .pzlist img{ display:block; width:100%; margin-bottom:1.2em;}
.pinzhi .pzlist h4{ font-weight:normal; font-size:1.1em; color:#333; text-align:center; margin-bottom:0.7em;}
.pinzhi .pzlist i{ display:block; width:1.5em; height:1px; background-color:#ff0d00; margin:0 auto; margin-bottom:0.7em;}
.pinzhi .pzlist p{ text-align:center; font-size:0.9em; color:#555;line-height:1.5em;}

.pinzhi .Afocus{ width: 100%; height: 1em; line-height: 1em; overflow: hidden; text-align: center; margin-top: 1em; margin-bottom: 2em;}
.pinzhi .Afocus ul{  width: 100%; height: 0.8em; border-radius: 0.4em; display:inline-block; text-align: center;}
.pinzhi .Afocus ul li{ width: 0.3em; height: 0.3em; display: inline-block; border: 1px solid #e2e2e2; margin:0px 0.4em; border-radius: 0.4em; text-indent:-999999em;}
.pinzhi .Afocus ul li.on{ border-color: #1650b6;background-color: #1650b6;}

/*news*/
.news { overflow:hidden; width:94%; margin:0 auto; margin-bottom:2.5em;}
.news h3{ text-align:center; font-size:1.3em;font-weight:normal;}
.news h3 a{ color:#333;}
.news span{ display:block; text-align:center; font-size:0.7em; color:#999; margin-bottom:0.2em;font-family: Arial;}
.news i{display: block;width: 30px;height: 1px;background-color: #1652ba;margin: 0 auto;margin-bottom:1.7em;}
.news .newslist{ overflow:hidden; width:100%; padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px solid #cecece;}
.news .newslist h4{ font-weight:normal; font-size:1.5em; color:#3f3f3f;font-family: Arial;}
.news .newslist em{font-family: Arial; display:block; font-size:0.8em; color:#888; margin-bottom:1.25em;}
.news .newslist h5{ font-weight:normal; font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.5em;color:#3f3f3f;}
.news .newslist h5 a{ color:#3f3f3f;}
.news .newslist p{ font-size:0.8em; color:#595959; line-height:1.25em; height:2.4em; overflow:hidden;}
.news .more{ font-family: Arial;display:block; width:50%; margin:0 auto; text-align:center; margin-top:2em; padding:0.8em 0; font-size:0.8em; color:#888; border:1px solid #e2e2e2}
.news .more:hover{background-color:#1f58be;color:#fff;}

/*footer*/
footer { overflow:hidden; width:100%; padding:2.5em 0; background-color:#f4f4f4;}
footer h3{ text-align:center; font-weight:normal; font-size:1.3em; color:#333; margin-bottom:0.2em;}
footer h3 a{ color:#333;}
footer span{ display:block; text-align:center; font-size:0.7em; color:#999; margin-bottom:0.2em;font-family: Arial;}
footer i{display: block;width: 30px;height: 1px;background-color: #1652ba;margin: 0 auto;margin-bottom:2em;}
footer h4{ font-weight:normal; font-size:1.1em; color:#3f3f3f; margin-left:3%; margin-bottom:1.2em;}
footer .info{ overflow:hidden; width:94%; margin:0 auto}
footer .info p{ font-size:0.9em; color:#595959; line-height:2em;}
footer .info a{ color:#777;font-family: Arial;}

/*nav*/
.nav { overflow:hidden; background-color:#f1f1f1; width:60%; height:100%; position: fixed; left:0; top:0; z-index:1; padding-top:10%}
.nav li{ overflow:hidden; width:100%; text-align:center; font-size:1em; color:#666;}
.nav li a{ display:block; width:100%; padding:1em 0; border-bottom:1px solid #ccc; background:url(nav01.png) no-repeat 91% center; background-size:0.7em;}
.nav li:nth-child(1){ border-top:1px solid #ccc}
.nav li.on{ background-color:#fff;}
.nav li.on>a{ border-left:3px solid #164fb6; background:url(nav02.png) no-repeat 91% center; background-size:0.7em;}
.nav li .nextNav{ overflow:hidden; width:100%; display:none}
.nav li .nextNav p{}
.nav li .nextNav a{ text-align:left; padding-left:10%; width:90%; background:url(nav03.png) no-repeat 91% center; background-size:0.5em;}

/*内页导航*/
.in_nav { overflow:hidden; width:100%; background-color:#F4F4F4;}
.in_nav h4{ font-weight:normal; font-size:1em; color:#fff; background:url(nav_in.png) no-repeat 96% center; background-color:#1650b6; background-size:1em; padding:0.8em 0; padding-left:3%}
.in_nav ul{ overflow:hidden; width:100%; display:none}
.in_nav li{ width:100%;  border-bottom:1px solid #ccc; font-size:1em; }
.in_nav li a{ display:block; width:92%; padding:1em 0;padding-left:8%;}
.in_nav li.on{ background-color:#fff;}

ul.share { overflow:hidden; width:100%; margin:1.5em 0; text-align:center}
ul.share li{ display:inline-block; width:2.5em; height:2.5em; margin:0 2%; border:1px solid #ccc;}
ul.share li a.a01{ display:block; width:100%; height:100%; background:url(sina.png) no-repeat center; background-size:100%;}
ul.share li.li02{ background:url(weixin01.png) no-repeat center ; background-size:100%;}
ul.share li.li02.lick{ background:url(weixin02.png) no-repeat center; background-size:100%; background-color:#0CCB19; border:1px solid #0CCB19}

.ewmbox{ overflow:hidden; width:40%; border:1px solid #ccc; position:fixed; left:37%; bottom:17%; display:none}
.ewmbox img{ display:block; width:100%;}