

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:12.5rem; overflow:hidden; position:relative;}
.g-adv .m-cnt{ position:absolute; bottom:0; width:30%; margin-left:46.87%; height:0.67rem;}
.g-adv .m-cnt li{ border:1px solid #999999; width:0.25rem; height:0.25rem; margin-right:0.4rem; border-radius:100%; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-adv .m-cnt li.z-on{ background:#00923f; border:1px solid #00923f;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:7.875rem; overflow:hidden; margin:0.875rem 0 0 1.25rem;}
nav a{ color:#fff; font-size:1rem; width:7.75rem; text-align:center; height:2.66rem; line-height:2.66rem; overflow:hidden; display:block; float:left; position:relative; margin:0 0.41rem 0.67rem 0; background:#00923f;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.u-tit{ height:4.5rem; font-size:1.16rem; color:#171717; text-align:center; line-height:1.87rem;}
.u-tit img{ width:31.25%; margin:0 auto; display:block;}
.u-tit i{ display:block; font:0.5rem Arial; color:#c0c0c0; line-height:0.8rem; padding-top:0.2rem; text-transform:uppercase; }

.m-pro{ height:24.7rem; overflow:hidden;}
.m-pro .c-list{ margin:0.83rem 0 0 1.25rem; height:2.125rem; overflow:hidden;}
.m-pro .c-list li{ float:left; background:#999; color:#fff; font-size:1rem; line-height:2.125rem; width:7.75rem; height:2.125rem; text-align:center; margin-right:0.45rem; overflow:hidden; text-align:center;}
.m-pro .c-list li.z-on{ background:#00923f;}
.m-pro .box-style{ position:relative;}
.m-pro .prev , .m-pro .next{ position:absolute; top:7.04rem; width:1.04rem; height:2rem; z-index:3; overflow:hidden;}
.m-pro .prev { left:1.25rem;}
.m-pro .next { right:1.25rem;}
.m-pro .no_ov{ margin:0 11.4%;}
.m-pro .m-box{ float:left; width:100%; display:inline; height:20rem;}
.m-pro .m-box p{ position:relative; line-height:0; margin-top:1.125rem; height:13.83rem;}
.m-pro .m-box p img{ border:1px solid #e8e8e8;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .m-box p i{ display:block; position:absolute; top:1px; left:1px; width:2.91rem;}
.m-pro .m-box p i img{ border:0;}
.m-pro .m-box p span{ display:block; position:absolute; bottom:0; left:1px; height:1.75rem; text-align:center; line-height:1.75rem; color:#fff; font-size:1rem; text-align:center; background:rgba(0,0,0,0.4); width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-ys{ height:37.29rem; padding-top:2rem; overflow:hidden; background:url(/mobile/Images/Index/ys_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-ys .m-cnt{ padding-left:39.8%;}
.m-ys .m-cnt li{ float:left; width:0.67rem; height:0.67rem; background:#c2c2c2; margin-right:1rem; border-radius:100%;}
.m-ys .m-cnt li.z-on{ background:#03a84a;}
.m-ys .sclwrap_box ,.m-ys .m-box{ height:30.8rem; overflow:hidden;}
.m-ys .con{ float:left; width:100%; display:inline;} 
.m-ys .con dl{ margin:1.2rem auto 0; width:78.28%; height:27.54rem; background:#fff; overflow:hidden;}
.m-ys .con dd{ margin-top:0.8rem;}
.m-ys .con dd h3{ font-size:1rem; color:#00923f; line-height:1.2rem; font-weight:bold; padding-left:3.4rem; background:url(/mobile/Images/Index/1.jpg) no-repeat 0.8rem center;-webkit-background-size: 1.75rem 2rem;	-moz-background-size:1.75rem 2rem;	-o-background-size:1.75rem 2rem;	background-size:1.75rem 2rem;}
.m-ys .con dd h3 i{ display:block; font:0.5rem Arial, Helvetica, sans-serif; color:#999; line-height:1rem;}
.m-ys .con:nth-child(2) dd h3{ background:url(/mobile/Images/Index/2.jpg) no-repeat 0.8rem center;-webkit-background-size: 1.75rem 2rem;	-moz-background-size:1.75rem 2rem;	-o-background-size:1.75rem 2rem;	background-size:1.75rem 2rem;}
.m-ys .con:nth-child(3) dd h3{ background:url(/mobile/Images/Index/3.jpg) no-repeat 0.8rem center;-webkit-background-size: 1.75rem 2rem;	-moz-background-size:1.75rem 2rem;	-o-background-size:1.75rem 2rem;	background-size:1.75rem 2rem;}
.m-ys .con:nth-child(4) dd h3{ background:url(/mobile/Images/Index/4.jpg) no-repeat 0.8rem center;-webkit-background-size: 1.75rem 2rem;	-moz-background-size:1.75rem 2rem;	-o-background-size:1.75rem 2rem;	background-size:1.75rem 2rem;}
.m-ys .con dd p{ margin:1rem 0.3rem 0 2.6rem; padding-left:0.79rem; position:relative; line-height:1.25rem; font-size:1rem; color:#555;}
.m-ys .con dd p b{ color:#03a84a;}
.m-ys .con dd p:before{ position:absolute; content:""; width:0.18rem; height:0.18rem; background:#999; top:0.6rem; left:0;
-webkit-transform:scale(0.5);-o-transform:scale(1);	-moz-transform: rotate(45deg); 	-o-transform: rotate(45deg); 	-webkit-transform: rotate(45deg);	transform: rotate(45deg);}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-tech{ height:42.625rem; margin-top:2.04rem; overflow:hidden;}
.m-tech p{ margin:1rem auto 2.125rem; width:77.1875%; height:16.125rem;  line-height:0; overflow:hidden; position:relative;}
.m-tech p span{ display:block; position:absolute; bottom:0; left:0; width:100%; text-align:center; height:2.125rem; line-height:2.125rem; color:#fff; font-size:1rem; background:rgba(0,0,0,0.7);}
.m-tech dl{ height:5.33rem; background:#f2f2f2; overflow:hidden; margin:0 1.25rem 0.16rem;}
.m-tech dt{ width:5.33rem; height:5.33rem; padding:1rem 2rem 0; line-height:1.2rem; font-size:1.08rem; font-weight:bold; color:#fff; text-align:center; background:url(/mobile/Images/Index/technical_wz.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-tech dd{ width:16.27rem; padding:0.5rem 0.5rem 0 0; line-height:1.5rem; color:#6c6b6b; font-size:1rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-lc{ height:22.91rem; overflow:hidden; padding-top:2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; background:url(/mobile/Images/Index/lc_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li{ float:left; width:42.96%; height:2.34rem; font-size:1rem; color:#464646; padding-left:2.9rem; margin:1.16rem 0 0 1.25rem; overflow:hidden; line-height:2.3rem; background:url(/mobile/Images/Index/lc1.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-lc li:nth-child(2){background:url(/mobile/Images/Index/lc2.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li:nth-child(3){background:url(/mobile/Images/Index/lc3.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li:nth-child(4){background:url(/mobile/Images/Index/lc4.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li:nth-child(5){background:url(/mobile/Images/Index/lc5.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li:nth-child(6){background:url(/mobile/Images/Index/lc6.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li:nth-child(7){background:url(/mobile/Images/Index/lc7.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc li:nth-child(8){background:url(/mobile/Images/Index/lc8.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-coo{ height:14.16rem; margin-top:2.125rem; overflow:hidden; position:relative;background:url(/mobile/Images/Index/coo_y.jpg) no-repeat center bottom;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-coo .prev , .m-coo .next{ position:absolute; top:6.375rem; width:1.04rem; height:2rem; z-index:3; overflow:hidden;}
.m-coo .prev { left:1.25rem;}
.m-coo .next { right:1.25rem;}
.m-coo .nowarp{ margin:0 2.375rem;}
.m-coo .con{ float:left; width:100%; display:inline;}
.m-coo li{ float:left; width:10.04rem; overflow:hidden; margin:0.1rem 0 0 0.5rem;}
.m-coo li img{ border:0.125rem solid #e6e6e6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-coo li span{ display:block; text-align:center; line-height:2.2rem; height:2.2rem; color:#353535; text-align:center; font-size:1rem; text-transform:uppercase;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{ margin-top:1.875rem; height:24.16rem; overflow:hidden;}
.m-about p{ width:77.1875%; margin:0.1rem auto 0; line-height:0;}
.m-about em{ display:block; margin:2rem 0 0 1.25rem;}
.m-about em a{ width:5.79rem; height:2rem; background:#a4cc2b; margin-right:0.33rem; font-size:1rem; color:#fff; overflow:hidden; display:inline-block; text-align:center; line-height:2rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ margin:0 1.25rem; position:relative; height:12.95rem; overflow:hidden;}
.m-news span{font:1rem Arial;text-transform:uppercase;color:#fff;position:absolute; top:0; right:0; width:4rem; line-height:2rem;}
.m-news .m-cnt{ height:2rem; background:#22a159; overflow:hidden;}
.m-news .m-cnt li{ float:left; padding:0 1rem; color:#fff ; height:2rem; line-height:2rem; font-size:1rem;}
.m-news .m-cnt li.z-on{ background:#a4cc2b;}
.m-news .con{ float:left; width:100%; display:inline;}
.m-news .con ul{ height:8.7rem; background:#f9f9f9; overflow:hidden; padding-top:0.7rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-news .con ul li{float:left;line-height:1.8rem; color:#272727; font-size:1rem; padding-left:1rem; width:11rem; overflow:hidden;}
.m-news .con a:nth-child(2n) li{ float:right;}
  





 

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}
