/*导航*/
nav{height:7.3em;  color:#222;overflow:hidden;}
nav p{height:3.6em; line-height:3.55em;border-top:solid 1px #b8b8b8;border-right:solid 1px #b8b8b8;box-shadow:0 0.08em 0.08em #bfbfbf inset;background:#f1f1f1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d7d7d8)); 
background-image: -webkit-linear-gradient(top, #f1f1f1, #d7d7d8); 
background-image: -moz-linear-gradient(top, #f1f1f1, #d7d7d8);
background-image: linear-gradient(top, #f1f1f1, #d7d7d8);}
nav a{ width:25%; text-align:center;display:inline-block; font-size:1.25em; color:#222; }


/*通栏广告*/
.g-adv{ height:20.416em; overflow:hidden;}
.g-adv .m-box,.g-adv .sclwrap_box{height:20.416em; overflow:hidden}


/*客户*/
.til01{ height:2.466em; padding:0 2%; font-size:1.25em; color:#fff; position:relative;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.til01:before{ content:""; position:absolute; top:0; left:0; width:100%; height:2.3em;background:#004e2e; box-shadow:0.2em 0.2em 0.2em #003c23 inset;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); z-index:-1;}
.til01 i{ display:inline-block; height:2.3em; line-height:2.3em; background:#004629; color:#fff3b0; z-index:0; padding:0 3%; position:relative;} 
.til01 i:before{content:""; position:absolute; width:60%; height:0.8em; left:15%; bottom:0; z-index:-1; background:#004729;
background-image: -webkit-gradient(radial,ellipse closest-side, from(#006f3d), to(#004729)); 
background-image: -webkit-radial-gradient(ellipse closest-side, #006f3d, #004729); 
background-image: -moz-radial-gradient(ellipse closest-side, #006f3d, #004729);
background-image: radial-gradient(ellipse closest-side, #006f3d, #004729);}
 .til01 i:after{ position:absolute; content:""; width:0; height:0; top:100%; left:45%;
border-top:0.25em solid #004629;
border-left:0.25em solid transparent;
border-right:0.25em solid transparent;}

.more01{float:right; width:11%; display:block; font-size:0.86em; color:#eaeaea; height:2.3em; line-height:2.3em; position:relative;background:none; font-weight:normal; padding-left:5%;}
.more01:before{ position:absolute; content:""; width:0.84em; height:0.92em; top:35%; left:0; background:url(/mobile/Images/Index/ico01.png) no-repeat;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}

/*
.til01 a,.til01 li.z-on{color:#fff3b0; background:#004629; position:relative; z-index:99;}
.til01 li,.til01 a{padding:0 14px;line-height:34px; display:inline-block;}
.til01 li.z-on:before,.til01 a:before{ content:""; position:absolute; width:66px; height:13px; left:50%; margin-left:-33px; top:21px; z-index:-1;background:#004729;
background-image: -webkit-gradient(radial,ellipse closest-side, from(#006f3d), to(#004729)); 
background-image: -webkit-radial-gradient(ellipse closest-side, #006f3d, #004729); 
background-image: -moz-radial-gradient(ellipse closest-side, #006f3d, #004729);
background-image: radial-gradient(ellipse closest-side, #006f3d, #004729);}
.til01 li.z-on:after,.til01 a:after{ content:""; position:absolute; width:0; height:0; top:34px; left:50%; margin-left:-2px;border-left:7px solid transparent; border-right:7px solid transparent;border-top:4px solid #004629;}
.til01 .more01 a:after{ border:0;width:0; height:0;}*/
.m-kh{ height:13.1em; overflow:hidden; position:relative}
.m-kh .m-box,.m-kh .sclwrap_box{height:10em; overflow:hidden}
.m-kh .prev{ width:0.63em; height:1.75em; position:absolute; 
background:url(/mobile/images/Index/ico02.png) no-repeat 0 0; z-index:99;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-kh .next{ width:0.63em; height:1.75em; position:absolute; 
background:url(/mobile/images/Index/ico05.jpg) no-repeat 0 0; z-index:99;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-kh .prev{ left:4.06%;top:5.9em;}
.m-kh .next{top:5.9em; right:4.06%;}
.m-kh .nowarp{ margin:0 9%;}
.kh_c ul{ display:inline; float:left}
.kh_c li{ width:46.5%; float:left; margin:3.5% 3.5% 0 1%;}
.kh_c li img{border:solid 1px #e7e7e7; padding:0.16em; display:block;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.kh_c li span{ display:block; text-align:center; line-height:2em; height:2.0em; overflow:hidden; font-size:1.25em; color:#555}
.kh_c a:last-child li{ margin-right:0;}

/*产品*/
.m-cp{ height:30.6em; overflow:hidden; position:relative;}
.m-cp .more01{ top:0; right:0; z-index:2; font-size:1.06em;}
.m-cp .m-cnt li{ float:left; padding:0 2%; color:#fff; height:2.3em; line-height:2.3em; z-index:5;}
.m-cp .m-cnt li.z-on{ display:inline-block; height:2.3em; line-height:2.3em; background:#004629; color:#fff3b0; z-index:0; position:relative;} 
.m-cp .m-cnt li.z-on:before{content:""; position:absolute; width:60%; height:0.8em; left:15%; bottom:0; z-index:-1; background:#004729;
background-image: -webkit-gradient(radial,ellipse closest-side, from(#006f3d), to(#004729)); 
background-image: -webkit-radial-gradient(ellipse closest-side, #006f3d, #004729); 
background-image: -moz-radial-gradient(ellipse closest-side, #006f3d, #004729);
background-image: radial-gradient(ellipse closest-side, #006f3d, #004729);}
.m-cp .m-cnt li.z-on:after{ position:absolute; content:""; width:0; height:0; top:100%; left:45%;
border-top:0.25em solid #004629;
border-left:0.25em solid transparent;
border-right:0.25em solid transparent;}


.m-cp .m-box,.m-cp .sclwrap_box{height:26.83em; overflow:hidden}
.cp01{ padding:0.8em 0 0;}
.cp01 li{ width:37.5%; float:left; margin-left:9%; padding:0 3% 0 0;background:url(/mobile/images/Index/cplbg.jpg) no-repeat right 11.4em;-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.cp01 li img{  border:solid 1px #d1d1d1;}
.cp01 li span{ display:block; text-align:center; line-height:2em; font-size:1.25em; height:2.5em; overflow:hidden; color:#555;}

/*立即咨询电话*/
.u-btel{clear:both;height:4.416em; text-align:center;line-height:4.416em;color:#333; border:solid 1px #f0f0f0; border-bottom:solid 0.05px #bababa;font-size:1em; display:block; overflow:hidden;position:relative; box-shadow:0 0.2em 0.2em #f3f3f3 inset; padding-left:5%; box-shadow:0 0.1em 0.1em #c3c3c3;background-color:#fff; position:relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3)); 
	background-image: -webkit-linear-gradient(top, #fff, #e3e3e3); 
	background-image: -moz-linear-gradient(top, #fff, #e3e3e3); 
	background-image: -o-linear-gradient(top, #fff, #e3e3e3); 
	background-image: -ms-linear-gradient(top, #fff, #e3e3e3); 
	background-image: linear-gradient(top, #fff, #e3e3e3);}
.u-btel i{ font-size:1.83em; color:#004629; font-weight:bold;} 
.u-btel:before{ position:absolute; content:""; width:1.666em; height:1.75em; top:35%; left:10%; background:url(/mobile/Images/Index/tel.gif) no-repeat;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}


/*导航*/
.m-dh{ height:22.416em; overflow:hidden; margin:1.7em 0 0;}
.m-dh .til01{ position:relative; z-index:2}
.dh_c{border:solid 1px #e4e4e4; background:#f9f9f9; height:19.4em; margin-top:-0.2em; position:relative; z-index:1; overflow:hidden; clear:both}
.dh_c h3{ height:2.2em; width:50%; float:left; overflow:hidden; line-height:2.0em;padding-left:10% ; font-size:1.25em; position:relative;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.dh_c h3:first-child{ margin-top:2%; display:block}
.dh_c h3:before{ content:""; position:absolute; top:30%; left:8%; width:0.50em; height:0.866em; background:url(/mobile/Images/Index/menu_ico.jpg) no-repeat;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.dh_c h3 a{ color:#12593c;}
.dh_c ul{ clear:both;display:block; height:4em; background:#f0f0f0; padding-left:6%;}
.dh_c li{ width:30%; height:3.76em; line-height:3.76em; font-size:1.08em; padding-left:10px; float:left; position:relative; overflow:hidden}
.dh_c li a{ color:#555;}
/*VS*/
.m-vs{ height:4.114em; font-size:1.458em; margin-top:0.8em; overflow:hidden; background:url(/mobile/Images/Index/vstbg.jpg) no-repeat center top;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-vs a{ color:#fff; display:block; line-height:4.114em; padding-left:3%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.m-vs a b{ padding:0 3%; color:#fff3b0; font-size:1.1em;}

.m-gg{ height:5.416em; margin-top:0.8em; overflow:hidden; position:relative}
.m-gg span{ position:absolute; font-size:1em; color:#005c33; top:65%; left:37.5%;}

/*优势*/
.m-ys{ height:60.4em; overflow:hidden; margin-top:1.1em;}
.m-ys h2{ color:#fff1a5; font-size:2em; line-height:1.45em; padding:4% 0 0; text-align:center; height:3.875em;
	 background:url(/mobile/images/Index/ystbg.jpg) no-repeat 0 0;
	   	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.m-ys h2 b{ display:block; font-size:1.25em; color:#fff;}
.ys_c{ padding:3% 3% 0;}
.ys_c dl{ border-bottom:dashed 1px #017144; clear:both; padding:5% 0 5% 5%; font-size:1em; line-height:1.5em; display:block;}
.ys_c dl:last-child{ border-bottom:0;}
.ys_c dl dt{ display:block; font-size:1.25em; color:#027144; padding:0 3% 0 7%; height:3em; position:relative; font-weight:bold;}
.ys_c dl dd{ padding-left:4%; line-height:1.8em;}
.ys_c dl dt:before{ content:""; position:absolute; width:1.4em; height:2em; top:10%; left:-4%; display:block;}
.ys_c dl:nth-child(1) dt:before{background:url(/mobile/images/Index/ys_ico1.gif) no-repeat 0 0;
	   	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.ys_c dl:nth-child(2) dt:before{background:url(/mobile/images/Index/ys_ico2.gif) no-repeat 0 0;
	   	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.ys_c dl:nth-child(3) dt:before{background:url(/mobile/images/Index/ys_ico3.gif) no-repeat 0 0;
	   	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.ys_c dl:nth-child(4) dt:before{background:url(/mobile/images/Index/ys_ico4.gif) no-repeat 0 0;	   	
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}


/*荣誉*/
.m-ry{ height:24.4em; overflow:hidden; position:relative; margin:0.8em 0 0;}
.m-ry h2{ position:relative; z-index:2;}
.m-ry .m-box,.m-ry .sclwrap_box{height:22em; overflow:hidden}
.m-ry .prev{ width:1.3em; height:2.4em; position:absolute; 
background:url(/mobile/images/Index/ico04.png) no-repeat 0 0; z-index:99;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-ry .next{ width:1.3em; height:2.4em; position:absolute; 
background:url(/mobile/images/Index/ico06.jpg) no-repeat 0 0; z-index:99;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-ry .prev{ left:2.06%;top:7.69em;}
.m-ry .next{top:7.69em; right:2.06%;}
.m-ry .nowarp{ margin:3em 10% 0;}
.ry_c{border:solid 1px #e4e4e4; background:#f9f9f9; height:20.916em; position:relative; margin-top:-0.2em; z-index:1; clear:both;}
.ry_c ul{ display:inline; float:left}
.ry_c li{ width:46%; float:left; margin:0 0 0 3%;}
.ry_c li img{border:solid 1px #c4c4c4; padding:0.5px; display:block;	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.ry_c li span{ display:block; text-align:center; line-height:2.5em; height:2.5em; font-size:1.25em; overflow:hidden; color:#555}

/*关于*/
.m-gy{ height:25.83em; overflow:hidden; position:relative; margin-top:0.9em;}
.m-gy h2{ position:relative; z-index:2;}
.m-gy .m-box,.m-gy .sclwrap_box{height:21.5em; overflow:hidden}
.m-gy .prev{ width:1.3em; height:2.4em; position:absolute; 
background:url(/mobile/images/Index/ico04.png) no-repeat 0 0; z-index:99;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-gy .next{ width:1.3em; height:2.4em; position:absolute; 
background:url(/mobile/images/Index/ico06.jpg) no-repeat 0 0; z-index:99;
  	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.m-gy .prev{ left:2.06%;top:7.69em;}
.m-gy .next{top:7.69em; right:2.06%;}
.m-gy .nowarp{ margin:3em 10% 0;}
.gy_c{border:solid 1px #e4e4e4; background:#f9f9f9; height:21.5em; position:relative; margin-top:-0.2em; z-index:1; clear:both;}
.gy_c p{ width:100%; float:left; text-align:center;display:inline;}
.gy_c p img{ width:73%;display:block; margin:0 auto;}
.gy_c p span{ display:block; text-align:center; padding-top:3%; line-height:1.5em; height:3.5em; overflow:hidden; font-size:1.25em; color:#555}
.gy_c p span b{ display:block; color:#004d2c;}

/*见证*/
.m-jz{ height:28.66em; overflow:hidden}
.m-jz h2{ position:relative; z-index:2;}
.jz_c{border:solid 1px #e4e4e4; background:#f9f9f9; height:26.16em; position:relative; margin-top:-0.2em; clear:both; z-index:1;}
.jz_c dl{ width:39.375%; float:left; padding:1em 3% 0 4%;}
.jz_c dt img{border:solid 1px #d5d6d4; display:block;}
.jz_c dd { padding-top:2%;}
.jz_c dd h3{ height:2em; line-height:1.5em; font-size:1.25em; color:#004e2e; padding:2% 0}
.jz_c dd p{ height:7.5em; overflow:hidden; padding-top:2.5em; line-height:1.3em}
.jz_c dd a{ color:#094;}

/*资讯*/
.m-zx{ height:19.16em; overflow:hidden; margin-top:0.9em;background:#f9f9f9;}
.m-zx .m-cnt { position:relative; z-index:2;}
.m-zx .m-cnt li{ float:left; padding:0; width:33%; text-align:center; color:#fff; height:2.3em; line-height:2.3em; z-index:5;}
.m-zx .m-cnt li.z-on{ display:inline-block; height:2.3em; line-height:2.3em; background:#004629; color:#fff3b0; z-index:0; position:relative;} 
.m-zx .m-cnt li.z-on:before{content:""; position:absolute; width:60%; height:0.8em; left:15%; bottom:0; z-index:-1; background:#004729;
background-image: -webkit-gradient(radial,ellipse closest-side, from(#006f3d), to(#004729)); 
background-image: -webkit-radial-gradient(ellipse closest-side, #006f3d, #004729); 
background-image: -moz-radial-gradient(ellipse closest-side, #006f3d, #004729);
background-image: radial-gradient(ellipse closest-side, #006f3d, #004729);}
.m-zx .m-cnt li.z-on:after{ position:absolute; content:""; width:0; height:0; top:100%; left:45%;
border-top:0.25em solid #004629;
border-left:0.25em solid transparent;
border-right:0.25em solid transparent;}

.m-zx .m-box,.m-zx .sclwrap_box{height:16.25em; overflow:hidden;}
.zx_c{ background:#f9f9f9;border:solid 1px #e4e4e4; height:15.41em; width:99%; position:relative; margin-top:-0.5em; clear:both; z-index:1; overflow:hidden}
.zx01{ padding:1.8em 0 0 ; float:left; display:inline;}
.zx01 li{ height:2.09em; margin-left:8%; line-height:2.09em; font-size:1em; overflow:hidden; padding-left:5%; position:relative; color:#555555;}
.zx01 li:before{ position:absolute; content:"";top:40%; left:0;border-top:0.3em solid transparent;border-bottom:0.3em solid transparent;border-left:0.3em solid #004026;}


@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:85%;}
}
@media screen and (min-width:480px) {
	body { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	body { font-size:129%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}