@charset "utf-8";
/* CSS Document */
.mian,#wrap{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*/
header{ overflow:hidden; width:100%; height:4.5em;}
header h1{ float:left; width:30%; margin:2% 3%;}
header h1 img{ display:block; width:100%;}
header .phone{ overflow:hidden; float:right; margin:3%; width:35%; margin-top:4%;}
header p{ font-size:0.8em; color:#252525; height:1em;}
header .phone img{ display:block; width:100%;}

/*nav*/
nav{ overflow:hidden; width:100%;}
nav a{ display:block; width:24.6%; text-align:center; font-size:1.1em; color:#fff; padding:0.8em 0; background-color:#172448; border-left:1px solid #5c6684; border-top:1px solid #5c6684; float:left;}

/*banner*/
.banner{ overflow:hidden; width:100%; position:relative;}
.banner img{ display:block; width:100%;}
.banner .btn{ overflow:hidden; width:6em; position:absolute; left:50%; margin-left:-3em; bottom:1em;}
.banner .btn span{ display:block; width:0.5em; height:0.5em; margin:0 0.4em; float:left; border-radius:0.5em; background-color:#fff; margin-top:2px;}
.banner .btn span.on{ background:none; margin-top:0; border:2px solid #f37717;}

/*now*/
.now{ overflow:hidden; width:94%; margin:1.5em auto 2em auto;;}
.now h3{ height:1.4em;line-height:1.4em; font-weight:normal; text-align:center; font-size:1.5em; color:#172448;}
.now span{ display:block; text-align:center; font-size:0.8em;  color:#bfbfbf; padding-bottom:1em; background:url(titleBg.png) no-repeat center bottom; background-size:25%; margin-bottom:1.5em;}
.now img{ display:block; width:100%;}



.sclwrap_box , .g-adv .m-box{ height:13.5em;overflow:hidden;}
.g-adv .m-box li{ display:block; float:left; height:16emem;overflow:hidden;}
.g-adv .m-box li a{ display:block; width:100%; height:auto; overflow:hidden}
.g-adv .m-box li img{width:100%; display:block; overflow:hidden;height:auto}


/*pro*/
.pro{ overflow:hidden; width:100%; margin-bottom:1.6em;height:25em;}
.pro h3{ height:1.2em;line-height:1.2em; font-weight:normal; text-align:center; font-size:1.5em;}
.pro h3 a{ color:#172448;}
.pro span{ display:block; text-align:center; font-size:0.8em;  color:#bfbfbf; padding-bottom:1em; background:url(titleBg.png) no-repeat center bottom; background-size:25%; margin-bottom:1.5em;}
.pro .menu { overflow:hidden; width:60%; margin:0 auto; margin-bottom:1.25em;}
.pro .menu li{ overflow:hidden; width:50%; text-align:center; font-size:1em; color:#172448; padding:0.4em 0; background-color:#eaeaea; float:left}
.pro .menu li.z-on{ background-color:#172448; color:#fff;}
.pro .proList{ overflow:hidden; width:96%; margin:0 auto;}
.pro .proList li{ width:48%; margin:0 1%; float:left; overflow:hidden;height:12.5em;}
.pro .proList li img{ display:block; width:98%; border:1px solid #ddd; margin-bottom:0.8em;}
.pro .proList li p{ font-size:1em; color:#4f4f4f; text-align:center;}
.pro .proList li:hover img{ border:1px solid #f2701a;}
.pro .proList li:hover p{ color:#f2701a;}
.pro .more{ display:block; width:30%; margin:0 auto; margin-top:0; font-size:1em ; color:#525252; padding:0.5em 0; border:1px solid #ccc; border-radius:2px; text-align:center;}

/*ft*/
.ft{ overflow:hidden; width:100%;}
.ft>img{ display:block; width:100%; margin-bottom:1.25em;}
.ft dl{ overflow:hidden; width:94%; margin:0 auto; margin-bottom:1.5em;}
.ft dt{ float:left; width:38%; padding:1%; border:1px solid #ccc; }
.ft dd{ overflow:hidden; float:right; width:57%;}
.ft dt img{ display:block; width:100%;}
.ft h3{ font-size:1.25em; color:#172448; line-height:1.6em; font-weight:normal; margin:0.3em 0;}
.ft p{ font-size:0.8em; line-height:1.25em; color:#606060; text-align:justify;}

/*ad01*/
.ad01{ overflow:hidden; width:100%; background:url(ad01.jpg) no-repeat center top; background-size:100%; margin-bottom:1.5em;}
.ad01 ul{ overflow:hidden; width:94%; margin:0 auto; margin-top:30%; margin-bottom:5%;}
.ad01 li { overflow:hidden; width:100%; margin-bottom:2%;}
.ad01 input { width:41%; padding:0.3em; border:1px solid #ccc; padding-left:5%}
.ad01 .name{ background:url(ad01-name.png) no-repeat 2% center; float:left; background-size:1em;}
.ad01 .phone{ background:url(ad01-phone.png) no-repeat 2% center; float:right; background-size:1em;}
.ad01 .btn { display:block; width:100%; padding:0.4em; background-color:#f37717; font-size:1.1em; text-align:center; color:#fff;}
.ad01 img{ display:block; margin:0 auto; width:70%;}

/*youshi*/
.youshi{ overflow:hidden; width:100%; margin-bottom:1.25em;}
.youshi img{ display:block; width:100%; margin-bottom:0.5em;}
.youshi dl{ overflow:hidden; width:94%; margin:0 auto; padding-bottom:0.5em; border-bottom:1px dashed #ccc; margin-bottom:1.7em;}
.youshi dt{ float:left; width:8%; padding:0.5em 0 2em 0; background-color:#f2701a; font-size:1.25em; color:#fff; font-weight:bold; text-align:center;}
.youshi dd{ overflow:hidden; width:90%; float:right;}
.youshi h4{ font-size:1.1em; color:#172448; font-weight:900; line-height:1.8em;}
.youshi p{ font-size:0.9em; text-align:justify; line-height:1.5em; color:#6d6d6d;}
.youshi p em{ color:#f2701a;}

/*fuwu*/
.fuwu{ overflow:hidden; width:100%; margin-bottom:1.5em;}
.fuwu img{ display:block; width:100%;}

/*partner*/
.partner{ overflow:hidden; width:100%; margin-bottom:1.5em;}
.partner h3{ font-weight:normal; text-align:center; font-size:1.5em;}
.partner h3 a{ color:#172448;}
.partner span{ display:block; text-align:center; font-size:0.8em;  color:#bfbfbf; padding-bottom:1em; background:url(titleBg.png) no-repeat center bottom; background-size:25%; margin-bottom:1em;}
.partner ul{ overflow:hidden; width:96%; margin:0 auto;}
.partner li{ float:left; width:30%; margin:1.3%; border:1px solid #ccc;}
.partner li img{ display:block; width:100%}
.partner .more{ display:block; width:30%; margin:0 auto; text-align:center; padding:0.4em 0; border:1px solid #ccc; border-radius:2px; font-size:1em; color:#525252; margin-top:1.2em;}

/*case*/
.case{ overflow:hidden; width:100%; margin-bottom:1.6em;}
.case h3{ font-weight:normal; width:100%; text-align:center; padding:0.7em 0; margin-bottom:1.6em; background-color:#172448;}
.case h3 a{ font-size:1.6em; color:#fff;}
.case h3 p{ font-size:0.7em; color:#fff; opacity:0.6;}
.case ul{ overflow:hidden; width:94%; margin:0 auto;}
.case li{ overflow:hidden; width:50%; float:left;}
.case li img{ display:block; width:90%; padding:2%; border:1px solid #ccc; margin:0 auto; margin-bottom:0.8em;}
.case li p{ width:90%; margin:0 auto; text-align:center; font-size:1em; color:#3f3f3f;}
.case .more{ display:block; width:30%; margin:0 auto; text-align:center; padding:0.4em 0; border:1px solid #ccc; border-radius:2px; font-size:1em; color:#525252; margin-top:1.2em;}

/*about*/
.about{ overflow:hidden; width:100%; margin-bottom:1.7em;}
.about h3{ font-weight:normal; width:100%; text-align:center; padding:0.7em 0; margin-bottom:1.6em; background-color:#172448;}
.about h3 a{ font-size:1.6em; color:#fff;}
.about h3 p{ font-size:0.7em; color:#fff; opacity:0.6;}
.about h4{ font-size:1.1em; color:#172448; text-align:center; margin-bottom:1em;}
.about>p{ font-size:1em; line-height:1.5em; color:#6f6f6f; height:7.5em; overflow:hidden; text-align:justify; text-align-last:center; width:94%; margin:0 auto; margin-bottom:1.7em;}
.about .aboutTU{ overflow:hidden; width:94%; margin:0 auto; position:relative; height:12em; margin-bottom:1em;}
.about .p01,.about .p03{ width:48%; overflow:hidden; opacity:0.5; position:absolute; top:10%; z-index:1}
.about .p01 img,.about .p03 img{ display:block; width:100%;}
.about .p01{ left:0}
.about .p03{ right:0;}
.about .p02{ overflow:hidden; position:absolute; top:0; width:60%; left:20%; padding-bottom:1em; background:url(about02.png) no-repeat center bottom; background-size:100%; z-index:3}
.about .p02 img{ display:block; width:98%; padding:1%; background-color:#fff;}
.about .more{ display:block; width:30%; margin:0 auto; text-align:center; padding:0.4em 0; border:1px solid #ccc; border-radius:2px; font-size:1em; color:#525252; margin-top:1.2em; border-radius:1em;}

/*wenda*/
.wenda{ overflow:hidden; width:100%;; margin-bottom:1.6em;}
.wenda h3{ font-weight:normal; width:100%; text-align:center; padding:0.7em 0; margin-bottom:1.6em; background-color:#172448;}
.wenda h3 a{ font-size:1.6em; color:#fff;}
.wenda h3 p{ font-size:0.7em; color:#fff; opacity:0.6;}
.wenda .wendaList{ overflow:hidden; width:94%; margin:0 auto; padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #ccc;}
.wenda .wendaList h5{ font-size:1.1em; font-weight:normal; background:url(wen.jpg) no-repeat left center; background-size:1em; padding-left:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.7em;}
.wenda .wendaList h5 a{  color:#2e2e2e;}
.wenda .wendaList p{ font-size:1em; line-height:1.5em; height:4.5em; overflow:hidden; color:#6e6e6e; background:url(da.jpg) no-repeat left 2px; padding-left:1.2em; background-size:1em;}
.wenda .more{ display:block; width:30%; margin:0 auto; text-align:center; padding:0.4em 0; border:1px solid #ccc; border-radius:2px; font-size:1em; color:#525252; margin-top:1.2em;}

/*news*/
.news{ overflow:hidden; width:100%; margin-bottom:2em;}
.news .menu{ overflow:hidden; width:100%; margin-bottom:1.1em;}
.news .menu li{ width:44%; padding:0.6em 0; padding-left:6%; font-size:1.3em; color:#2d2d2d; float:left; background-color:#e0e0e0;}
.news .menu li.z-on{ background-color:#172448; color:#fff;}
.news .newsList{ overflow:hidden; width:94%; margin:0 auto;}
.news .newsList li{ width:94%; margin-left:1em; overflow:hidden; background:url(news_s.png) no-repeat left center; background-size:0.3em; border-bottom:1px dotted #ccc;line-height:2.5em;}
.news .newsList li a{ display:block; width:70%; float:left; margin-left:2%; font-size:1em; color:#333; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsList li span{ font-size:1em; color:#959494; float:right;}
.news .newsList li:last-child{ border:none}
.news .more{ display:block; width:30%; margin:0 auto; text-align:center; padding:0.4em 0; border:1px solid #ccc; border-radius:2px; font-size:1em; color:#525252; margin-top:1.2em;}

/*top*/
.btop{ overflow:hidden; width:100%; margin-bottom:1.5em;}
.btop img{ display:block; width:100%;}

/*footer*/
footer{ overflow:hidden; width:94%; margin:0 auto; padding-bottom:0.8em;}
footer ul{ overflow:hidden; width:100%; margin-bottom:2em;}
footer li{ width:24.6%; text-align:center; font-size:1em; border-right:1px solid #575757; float:left; margin-bottom:1em;}
footer li a{ color:#575757;}
footer li:nth-child(4),footer li:nth-child(8){ border:none;}
footer p{ font-size:1.1em; color:#8e8e8e; text-align:center; line-height:1.5em;}
footer img{ display:block; width:30%; margin:0 auto; margin-top:1em;}


@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%;}
}