@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;}
a{text-decoration:none; color:#666;}

.baner 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:4px; 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:#0C7D5F;}
.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); /* 取消链接高亮 */ }

.youshi img{ display:block; width:100%;}

.ssBox{ overflow:hidden; padding:0.4em 0.8em; background:#d1d1d1;}
.ssBox .txt{ background:#fff; outline:none; border:none; font-size:1em; color:#777; height:2.8em;  float:left; width:70%; padding:0 2%;border-radius:0;}
.ssBox .sub{ float:left; height:2.8em; line-height:2.8em; background-size:1.167em; width:26%; text-align:center; font-size:1em; color:#fff; background:#006C52;}

.proMain{ background:url(../images/proimg.jpg) repeat-y center top; padding:3%;}
.proMain .pt{ text-align:center;}
.proMain .pt a{ font-size:1.5em; color:#fff;}
.proMain .pt span{ display:block; font-size:0.8em; color:#d7d7d7; font-family:"Arial";}
.proMain .pro{ background-color:#fff; margin-top:3%; padding-bottom:1.5em;}
.proMain .pro .plist{ overflow:hidden;}
.proMain .pro .plist li{ float:left; width:50%; position:relative; font-size:1em; color:#fff; text-align:center; padding:1em 0; background-color:#18af8d;}
.proMain .pro .plist li:after{ content: '';position:absolute; top:0; left:-1px; z-index:9; height:100%; width:0 ;border-left:1px solid #fff;}
.proMain .pro .plist li.on{ background-color:#ff7800; font-weight:bold;}
.pcont{ overflow:hidden; margin:2%;}
.pcont li{ float:left; width:46%; margin:2%;}
.pcont li img{ display:block; width:100%;border: 1px solid #DFDFDF;}
.pcont li p{ text-align:center; margin-top:0.5em;}
.pcont li p a{ font-size:1em; color:#2c2c2c;}
.pro .mor{ display:block; width:8em; margin:0 auto; padding:0.8em 0; text-align:center; font-size:1em; color:#878787; border-radius:5px; margin-top:1.5em; background-color:#dfdfdf;}



.pinpai{ background:url(../images/pinpaibg.png) no-repeat center; background-size:cover; padding-top:1.25em;}
.pinpai .ppt img{ display:block; width:100%;}
.ppc{ margin-top:2.5em;}
.ppc dl{ padding:0 7%;}
.ppc dt{}
.ppc dt img{ display:block; margin:0 auto; width:22em;}
.ppc dd{}
.ppc dd h5{ font-size:1.25em; color:#ffd800;}
.ppc dd em{ font-size:1em; color:#16ac86;}
.ppc dd p{ font-size:1em; color:#fff; line-height:1.2em; margin-top:1em;}
.ppc dd p span{ font-weight:bold; color:#ffd800;}
.ppl{ overflow:hidden; margin-top:2.5em;}
.ppl li{ float:left; width:25%; height:5px; background-color:#272727;}
.ppl li:hover,.ppl li.on{ background-color:#ff6500;}


.teamCont{ padding:2em 0;}
.teamCont h5{}
.teamCont h5 img{ display:block; width:100%;}
.St7cont{ margin-top:1em;}
.St7cont ul{ overflow:hidden;}
.St7cont li{ float:left; width:42%; margin:0 2%; padding:2%; background-color:#ebebeb;}
.St7cont li img{ width:100%; display:block;}
.St7cont li p{ text-align:center; margin-top:2%;}
.St7cont li p a{ font-size:1em; color:#666;}
.tlist{ text-align:center; margin-top:1em;}
.tlist li{ display:inline-block; width:0.8em; height:0.8em; background-color:#ebebeb; margin:0 0.2em; border-radius:50%;}
.tlist li:hover,.tlist li.on{ background-color:#ff7d00;}
.teamCont .mor{display:block; width:8em; margin:0 auto; padding:0.8em 0; text-align:center; font-size:1em; color:#878787; border-radius:5px; margin-top:1.5em; background-color:#dfdfdf;}



.khpj{ background-color:#f0f0f0; padding:1.5em 0;}
.khpj h5{}
.khpj h5 img{ display:block; margin:0 auto; width:23em;}
.kehu{ padding:0 5%; margin-top:2em; overflow:hidden;}
.kehu dl{ overflow:hidden; margin-bottom:1em;}
.kehu dt{ float:left;}
.kehu dt img{ display:block; width:3.125em;}
.kehu dd{ margin-left:4.8em; background-color:#fff; position:relative; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; padding:1em;}
.kehu dd h4{ margin-bottom:0.5em;}
.kehu dd h4 a{ font-size:1em; color:#000;}
.kehu dd p{ font-size:1em; color:#525252; line-height:1.2em;}
.kehu dd span{ display:block; position:absolute; background:url(../images/sj2.png) no-repeat right top; width:1.2em; height:1.2em; background-size:1em; left:-1.2em; top:0;}
.khpj .mor{display:block; width:8em; margin:0 auto; padding:0.8em 0; text-align:center; font-size:1em; color:#878787; border-radius:5px; margin-top:1.5em; background-color:#dfdfdf;}


.free_phone{ background:url(../images/freeimg.jpg) no-repeat center; background-size:cover; text-align:center; padding-top:1em; padding-bottom:0.5em; border-top:5px solid #c0c0c0; border-bottom:5px solid #c0c0c0;}
.free_phone img{ display:block; margin:0 auto; width:24.458em;}
.free_phone h5{ display:inline-block; height:2em; line-height:2em; padding:0 1em;background-color:#d2d2d2; border-radius:15px; margin-top:0.5em;}
.free_phone h5 p{ font-size:1em; color:#727272; padding-left:1.4em; background:url(../images/phone2.png) no-repeat left center; background-size:1.125em; font-weight:normal;}
.free_phone h5 p a{ font-size:1em; color:#007358; font-weight:bold;}


.intoMain{ background:url(../images/intobg.jpg) repeat center; padding:5% 0;}
.intoMain .int{ margin-bottom:1.5em;}
.intoMain .int img{ display:block; width:100%;}
.intoMain .inc{}
.intoMain .inc img{ display:block; width:17.542em; padding:0.8em; border-radius:10px; background-color:#013b2d; margin:0 auto;}
.intoMain .inc p{ padding:5% 9%; font-size:1em; color:#fff; line-height:1.25em;}
.intoMain .inc .mor{ display:block; width:8em; margin:0 auto; padding:0.8em 0; border:1px solid #fff; border-radius:5px; text-align:center; color:#fff; font-size:1em;}


.paner{ background-color:#e9e9e9; padding:1.6em 0;}
.paner .tle{ margin-bottom:0.5em;}
.paner .tle img{ display:block; width:100%;}
.paner ul{ overflow:hidden; padding:1.5%;}
.paner li{ float:left; width:30.3%; margin:1.5%;}
.paner li>a{ display:block; border:1px solid #dedede;}
.paner li img{ display:block; width:100%;}
.paner li p{ text-align:center; margin-top:0.8em;}
.paner li p a{ font-size:1em; color:#383838;}
.paner .mor{display:block; width:8em; margin:0 auto; padding:0.8em 0; text-align:center; font-size:1em; color:#878787; border-radius:5px; margin-top:1.5em; background-color:#dfdfdf;}



.newMain{ overflow:hidden;}
.nlist{ }
.nlist:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.nlist li{ text-align:center; width:50%; float:left; padding:1em 0; background-color:#007358; position:relative;}
.nlist li img{ display:inline-block; vertical-align:middle; width:2em;}
.nlist li span{ font-size:1em; color:#fff;}
.nlist li:after{ content:''; position:absolute; bottom:-1em; margin-left:-0.25em; left:50%; width:0; height:0; border:0.5em solid transparent; border-top-color:#ff7800; display:none;}
.nlist li.on{ background-color:#ff7800;}
.nlist li.on:after{ display:block;}
.ncont{ margin:7% 3%;}
.ncont ul{}
.ncont li{ overflow:hidden; padding:0 0.3em; height:2.5em; line-height:2.5em; border-bottom:1px dotted #cecece;}
.ncont li em{ float:right; font-size:1em; color:#838383;}
.ncont li a{ font-size:1em; color:#343434; padding-left:1em; background:url(../images/nt1.png) no-repeat left center; background-size:0.3em;}
.ncont li a:hover{ color:#007358; background:url(../images/nt2.png) no-repeat left center;background-size:0.3em;}





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