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

/*header*/
header { overflow:hidden; width:100%; height:5.4em;}
header h1{ float:left; margin-left:3%; width:30%; margin-top:5%;}
header h1 img{ display:block; width:100%;}
header .wen{ overflow:hidden; float:left; width:55%; margin-left:3%; padding-left:3%; border-left:1px dotted #ccc; margin-top:4%}
header h2{ font-size:1.1em; color:#0ba43b; margin-bottom:0.2em;}
header .wen a{ background:url(../images/phone.png) left center no-repeat; background-size:1em; padding-left:1.3em; font-size:1.2em; color:#717171; font-family:Arial}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#0ba43b;}
nav a{ display:block; width:25%; float:left; text-align:center; font-size:1em; color:#fff; padding:0.8em 0; background:url(../images/nav_bor.png) right top repeat-y; border-bottom:1px solid #15b347; border-top:1px solid #08952b;}

/*banner*/
.banner{ overflow:hidden; width:100%; margin-bottom:0.8em;}
.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:#ccc;}
.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%;}
.pro .menu{ overflow:hidden; width:100%; margin-bottom:1.2em;}
.pro .menu li{ float:left; width:50%; text-align:center; font-size:1em; color:#000; padding:0.9em 0; background:url(../images/pro_menu.png) repeat-x left center;}
.pro .menu li.on{ background:#0ba43b; font-weight:bold; color:#fff;}
.pro .list{ overflow:hidden; width:96%; margin:0 auto}
.pro .list li{ float:left; width:50%; padding-bottom:1.25em;}
.pro .list li img{ display:block; margin:0 auto; width:90%; padding:2%; border:1px solid #ccc; background-color:#fff; margin-bottom:0.5em;}
.pro .list li span{ display:block; text-align:center; font-size:0.9em; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:94%; margin:0 auto;}

/*技术服务*/
.jsfw { overflow:hidden; width:100%; background:url(../images/bg01.jpg) repeat center;}
.jsfw .title{ display:block; width:100%;}
.jsfw .menu{ overflow:hidden; width:100%; padding-bottom:0.5em; margin-bottom:0.8em;}
.jsfw .menu li{ float:left; width:33.33333333%; text-align:center; font-size:0.8em; color:#fff; line-height:1.2em; padding:0.6em 0; position:relative}
.jsfw .menu li:nth-child(1){ background-color:#01b540}
.jsfw .menu li:nth-child(2){ background-color:#06aa3f}
.jsfw .menu li:nth-child(3){ background-color:#08a23a}
.jsfw .menu li img{ display:none; position:absolute; width:0.7em; left:50%; bottom:-0.3em; margin-left:-0.35em; }
.jsfw .menu li.on{ background-color:#b5b5b5}
.jsfw .menu li.on img{ display:block}
.jsfw .jsBox{ overflow:hidden; width:90%; margin:0 auto; background-color:#fff; padding:2%; margin-bottom:1.7em;}
.jsfw .jsList{ overflow:hidden; width:100%;}
.jsfw .jsList img{ display:block; width:100%;}
.jsfw .jsList .btn{ overflow:hidden; width:5.2em; margin:0 auto; position:relative; z-index:555; margin-top:-1.5em; margin-bottom:1.7em;}
.jsfw .jsList .btn span{ display:block; float:left; width:0.7em; height:0.7em; border-radius:1em; background-color:#fff; float:left; margin:0 0.3em;}
.jsfw .jsList .btn span.on{ background-color:#009a44;}
.jsfw .jsList h4{ text-align:center; font-weight:normal; margin-bottom:0.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.1em;margin-top: 0.8em;}
.jsfw .jsList h4 a{ color:#000}
.jsfw .jsList p{ width:90%; margin:0 auto; text-align:justify; font-size:0.9em; color:#666; line-height:1.5em; margin-bottom:1em;}

/*ad*/
.ad{ overflow:hidden; width:100%;}
.ad img{ display:block; width:100%;}
.ad .phone{ font-size:1.25em; color:#0ba43b; background:url(../images/ad_phone.png) left center no-repeat; padding-left:1.2em; background-size:1em; float:left; margin-left:34%}
.ad .btn{ display:block; width:20%; float:right; margin-right:7%; margin-top:-2.5em;}
.ad a{ position:relative; z-index:5; margin-top:-2em;}

/*特点*/
.tedian { overflow:hidden; padding:3%; background-color:#f2f2f2; width:94%; margin-bottom:1.25em;}
.tedian .tdBox{ overflow:hidden; position:relative; width:100%; background-color:#fff;}
.tedian .tdBox img{ display:block; width:99%;}
.tedian .menu{ overflow:hidden; width:100%; padding-top:0.5em; background-color:#fff;}
.tedian .menu li{ float:left; position:relative; width:24.7%; text-align:center; font-size:1em; color:#333; padding:0.6em 0; background:url(../images/ys_menu_bg.png) repeat-x left center; margin-right:0.3%;}
.tedian .menu li:nth-child(4){ width:25%; margin-right:0}
.tedian .menu li .img{ width:20%; position:relative; top:0.2em}
.tedian .menu li .img02{ display:none}
.tedian .menu li .img_s{ display:none; position:absolute; width:0.6em; position:absolute; left:50%; margin-left:-0.3em; top:-0.25em;}
.tedian .menu li.on{ background:#009a44; color:#fff;}
.tedian .menu li.on .img_s{ display:block}
.tedian .menu li.on .img01{ display:none}
.tedian .menu li.on .img02{ display:inline}

/*about*/
.about{ overflow:hidden; width:100%;}
.about h3{padding:0.8em 0; padding-left:3%; width:97%; font-size:1.1em;  background-color:#009a44; margin-bottom:1.25em;}
.about h3 a{ color:#fff;}
.about img{ display:block; width:94%; margin:0 auto; margin-bottom:1.25em;}
.about h4{ text-align:center; margin-bottom:0.8em; font-size:1.1em;}
.about h4 a{ color:#0b9f33;}
.about p{ font-size:1.1em; color:#666; line-height:1.7em; height:8.5em; text-align:justify; width:90%; margin:0 auto; margin-bottom:1.3em;}

/*news*/
.news{ overflow:hidden; width:100%; padding-bottom:5.3em; background-color:#f7f7f7;}
.news .menu{ overflow:hidden; width:100%; margin-bottom:1.2em;}
.news .menu li{ float:left; width:50%; text-align:center; font-size:1em; color:#000; padding:0.9em 0; background:url(../images/pro_menu.png) repeat-x left center;}
.news .menu li.on{ background:#0ba43b; font-weight:bold; color:#fff;}
.news .newsBox{ overflow:hidden; width:94%; margin:0 auto;}
.news .newsList{ overflow:hidden}
.news dl{ overflow:hidden; width:100%; margin-bottom:1em;}
.news dt{ overflow:hidden; width:40%; float:left; padding:2%; background-color:#fff;}
.news dt img{ display:block; width:100%}
.news dd{ overflow:hidden; width:53%; float:right;}
.news h4{ font-size:0.9em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:1em; margin-bottom:0.8em;}
.news h4 a{ color:#333}
.news p{ font-size:0.9em; color:#333; line-height:1.5em; height:4.4em; overflow:hidden;}
.news .list{ overflow:hidden; width:100%;}
.news .list li{ overflow:hidden; width:100%; background:url(../images/news_s.png) left center no-repeat; background-size:2%; font-size:1em; line-height:2.5em;}
.news .list a{ display:block; width:70%; margin-left:3%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333}
.news .list span{ float:right; color:#666}

/*footer*/
footer { overflow:hidden; width:100%; height:4em; background:url(../images/f05.png) repeat-x left center; background-size:cover; position:fixed; left:0; bottom:0; z-index:10000}
footer a{ display:block; width:33.333333333%; float:left; height:4em; background:url(../images/f04.png) right top repeat-y; text-align:center; font-size:1em; color:#fff;}
footer a img{ display:block; margin:0.3em auto; width:18%;}



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