/*banner*/
.g-adv{ height:12.5rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5rem; overflow:hidden;}


/*nav*/
nav{ height:8.42rem; width:100%; overflow:hidden;}
nav a{ position:relative; float:left;  color:#fff; text-align:center; font:1rem/2.54rem "microsoft Yahei";width:7.75rem; height:2.54rem; overflow:hidden; display:block; margin:0 0.5rem 0.83rem 0;
	
	background-color:#00b861;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00b861), to(#008747)); 
	background-image: -webkit-linear-gradient(top, #00b861, #008747); 
	background-image: -moz-linear-gradient(top,  #00b861, #008747); 
	background-image: -o-linear-gradient(top,  #00b861, #008747); 
	background-image: -ms-linear-gradient(top, #00b861, #008747); 
	background-image: linear-gradient(top, #00b861, #008747);
	}	
nav a:nth-child(1),nav a:nth-child(4){ margin-left:1.25rem;}


/*搜索*/
.m-ss{ margin-top:1.63rem; height:4.54rem; overflow:hidden; }
.m-ss .inp01{ margin:0 0 0 1.25rem; float:left; height:2.04rem;width:22.33rem;overflow:hidden;font:1rem/2.04rem "Microsoft Yahei";color:#999;outline:none; border:0; background:url(/mobile/Images/Index/sou1.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:22.33rem 2.04rem;border-radius:0;
 padding-left:1.25rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.u-in{ display: block; float:left; cursor: pointer; z-index:999;height:2.04rem;width:1.83rem; overflow:hidden;border-radius:0;
background:url(/mobile/Images/Index/sou2.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:1.83rem 2.04rem;}


/*m-about-------------------------------------------------------------------------------------------------------------------------------*/
.m-about{ height:14.96rem; overflow:hidden;background:url(/mobile/Images/Index/about_bj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about dl{ width:22.33rem; overflow:hidden; margin:0 auto;}
.m-about dt{ width:18.17rem; height:4.92rem; overflow:hidden; margin:0.1rem auto 0.63rem;}
.m-about dd{ color:#555; font:1rem/1.71rem "Microsoft Yahei";}


/*m-part-------------------------------------------------------------------------------------------------------------------------------*/
.m-part{ position:relative; height:27.17rem; overflow:hidden;}
.m-part h2{ height:3.83rem; overflow:hidden; width:100%;}

.m-part a:after{ position:absolute; content:""; right:1.25rem; top:24.25rem; height:1px; width:10.0rem; background:#ddd; }
.m-part a:before{ position:absolute; content:""; left:1.25rem; top:24.25rem; height:1px; width:10.0rem; background:#ddd; }

.m-part .prev , .m-part .next{ position:absolute; z-index:999; width:1.96rem; height:2.0rem; overflow:hidden; top:23.33rem;}
.m-part .prev { left:11.17rem;}
.m-part .next{ right:11.17rem;}

.m-part .sclwrap_box ,.m-part .m-box{ height:19.58rem; overflow:hidden;}
.m-part .con{ display:inline; float:left; width:100%;}
.m-part .con ul{ margin:0 auto; line-height:0rem; width:24.08rem; overflow:hidden;}
.m-part .con ul li{ float:left;  line-height:0rem;  margin:0 1.17rem 0.67rem 0; height:9.04rem;  width:11.42rem; overflow:hidden;}
.m-part .con ul li img{ width:10.92rem; height:6.17rem; padding:0.25rem;   background:url(/mobile/Images/Index/part_ibj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:11.42rem 6.67rem;}
.m-part .con ul li span{ display:block; text-align:center; color:#5d5d5d; height:2.33rem; overflow:hidden; font:1rem/2.33rem "Microsoft Yahei";}
.m-part .con ul li:nth-child(2n){ margin-right:0rem;}




/*m-pro-------------------------------------------------------------------------------------------------------------------------------*/
.m-pro{ height:40.0rem; overflow:hidden; width:100%;}
.m-pro h2{height:3.08rem; width:100%; overflow:hidden; }

.pro01{ height:9.58rem; width:24.33rem; margin:0 auto; overflow:hidden;}
.pro01 li{ float:left; margin:0 1rem 0.54rem 0; width:11.63rem; height:2.42rem; overflow:hidden; color:#fff; font:1rem/2.42rem "Microsoft Yahei"; text-align:center;background:url(/mobile/Images/Index/pro_p2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:11.63rem 2.42rem;}
.pro01 a:nth-child(2n) li{ margin-right:0rem;}
.pro01 .z-on{background:url(/mobile/Images/Index/pro_p1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:11.63rem 2.42rem;}

.pro02{ width:24.33rem; margin:0 auto; overflow:hidden;}
.pro02 li{ float:left; margin:0 1.17rem 0.87rem 0; width:11.5rem; height:12.33rem; overflow:hidden; line-height:0rem;}
.pro02 li img{ width:11.42rem; height:10.08rem; overflow:hidden; line-height:0rem; display:block; border:1px solid #ddd; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro02 li span{ display:block; height:2.08rem; overflow:hidden; text-align:center; font:1rem/2.08rem "Microsoft Yahei"; color:#555;}
.pro02 li:nth-child(2n){ margin-right:0;}



/*m-bann1-------------------------------------------------------------------------------------------------------------------------------*/
.m-bann1{ height:5.13rem; overflow:hidden;background:url(/mobile/Images/Index/bann1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-bann1 p{ margin:3.0rem auto 0; display:block; height:1.42rem; color:#fff; font:1rem/1.42rem "Microsoft Yahei"; text-align:center;}

/*m-case-------------------------------------------------------------------------------------------------------------------------------*/
.m-case{ height:34.83rem; overflow:hidden;}
.m-case h2{ margin:1.63rem auto 0; height:5.0rem; overflow:hidden;}

.m-case li{ margin:0 auto 0.92rem; width:24.29rem; height:3.5rem; overflow:hidden; color:#141414; font:1.08rem/3.5rem "Microsoft Yahei";background:url(/mobile/Images/Index/case_p2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:24.29rem 3.5rem;}
.m-case li span{ float:left; display:inline-block; font:1.67rem/3.5rem Arial, Helvetica, sans-serif; text-align:center; color:#555; padding-right:0.29rem; width:3.5rem; height:3.5rem; }
.m-case .z-on{ color:#fff; background:url(/mobile/Images/Index/case_p1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:24.29rem 3.5rem;}
.m-case .z-on span{ color:#fff;}



/*m-ys-------------------------------------------------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:37.25rem; overflow:hidden;}
.m-ys h2{height:7.58rem; width:100%; overflow:hidden; }
.m-ys:after{ position:absolute; content:""; right:1.25rem; top:34.0rem; height:1px; width:7.76rem; background:#ddd; }
.m-ys:before{ position:absolute; content:""; left:1.25rem; top:34.0rem; height:1px; width:7.76rem; background:#ddd; }

.m-ys .prev , .m-ys .next{ position:absolute; z-index:999; width:1rem; height:1.17rem; overflow:hidden; top:33.42rem;}
.m-ys .prev { left:8.92rem;}
.m-ys .next{ right:8.92rem;}

.m-ys .sclwrap_box ,.m-ys .m-box{ height:29.58rem; overflow:hidden;}
.m-ys .con{ position:relative; display:inline; float:left; width:100%;}
.m-ys .con dl{ margin:0 auto; line-height:0rem; width:25.83rem; overflow:hidden;}
.m-ys dt{ height:15.29rem; overflow:hidden; width:100%;}
.m-ys dd{ height:10.08rem; overflow:hidden; padding:0 1.25rem; margin:0 auto;}
.m-ys dd h3{ padding-bottom:0.25rem; overflow:hidden; height:3.0rem; }
.m-ys dd h3 span{ float:left; display:inline-block; margin-right:0.29rem; width:3.0rem; height:3.0rem; overflow:hidden;}
.m-ys dd h3 p{ float:left; font:bold 1rem/1.42rem "Microsoft Yahei"; color:#ff8a00;}
.m-ys dd h3 p i{ display:block; color:#009b52; font:bold 1rem/1.25rem "Microsoft Yahei";}
.m-ys dd em{ display:block; padding-left:3.21rem; font:1rem/1.5rem "Microsoft Yahei"; color:#555;}

.m-ys .ys_num{ position:absolute; left:9.92rem; top:25.33rem; text-align:center; height:2.04rem; width:6.92rem; overflow:hidden; font:1rem/2.04rem Arial, Helvetica, sans-serif; color:#555;}
.m-ys .ys_num i{ color:#ff8a00; display:inline-block; font:2rem/2.04rem  Arial, Helvetica, sans-serif;}


/*m-kh--------------------------------------------------------------------------------------------------------------------------------*/
.m-kh{ position:relative; background:#f7f7f7; height:26.17rem; overflow:hidden;}
.m-kh h2{ margin:2.04rem auto 0.88rem; height:3.58rem; overflow:hidden; width:100%;}

.m-kh a:after{ position:absolute; content:""; right:1.25rem; top:22.75rem; height:1px; width:10.0rem; background:#ddd; }
.m-kh a:before{ position:absolute; content:""; left:1.25rem; top:22.75rem; height:1px; width:10.0rem; background:#ddd; }

.m-kh .prev , .m-kh .next{ position:absolute; z-index:999; width:1.96rem; height:2.0rem; overflow:hidden; top:21.83rem;}
.m-kh .prev { left:11.17rem;}
.m-kh .next{ right:11.17rem;}

.m-kh .sclwrap_box ,.m-kh .m-box{ height:15.21rem; overflow:hidden;}
.m-kh .con{ display:inline; float:left; width:100%;}
.m-kh .con dl{ margin:0 auto; line-height:0rem; height:7.58rem; width:24.25rem; overflow:hidden;}
.m-kh dt{ margin-top:0.5rem; float:left; height:5.67rem; width:9.71rem; overflow:hidden;}
.m-kh dd{ float:right; width:13.83rem; overflow:hidden; color:#777; font:0.92rem/1.37rem "Microsoft Yahei";}
.m-kh dd a{ color:#555; display:block; font:1rem/1.92rem "Microsoft Yahei";}

/*m-ab-------------------------------------------------------------------------------------------------------------------------------*/
.m-ab{ height:28.08rem; overflow:hidden;}
.m-ab h2{ margin:1.63rem auto 0; height:3.46rem; overflow:hidden; width:100%;}

.m-ab dl{ width:23.5rem; height:19.08rem; overflow:hidden; margin:0 auto;}
.m-ab dt{ margin:0 auto 1.5rem; width:20.88rem; height:11.83rem; overflow:hidden;}
.m-ab dd{ color:#777; font:1rem/1.29rem "Microsoft Yahei";}

.m-ab ul{ width:21.17rem; height:2.25rem; margin:0 auto; overflow:hidden;}
.m-ab li{ float:left; margin-right:1.5rem; width:5.96rem; height:2.21rem; overflow:hidden; text-align:center; font:1rem/2.21rem "Microsoft Yahei"; color:#fff;background:url(/mobile/Images/Index/ab_p1.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:5.96rem 2.21rem;}
.m-ab ul .z-on{background:url(/mobile/Images/Index/ab_p2.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:5.96rem 2.21rem;}
.m-ab ul a:nth-child(3) li{ margin-right:0rem;}



/*m-cul-------------------------------------------------------------------------------------------------------------------------------*/
.m-cul{ position:relative; height:15.83rem; overflow:hidden;}
.m-cul h2{ height:3.33rem; overflow:hidden; width:100%;}

.m-cul a:after{ position:absolute; content:""; right:1.25rem; top:13.25rem; height:1px; width:10.0rem; background:#ddd; }
.m-cul a:before{ position:absolute; content:""; left:1.25rem; top:13.25rem; height:1px; width:10.0rem; background:#ddd; }

.m-cul .prev , .m-cul .next{ position:absolute; z-index:999; width:1.96rem; height:2.0rem; overflow:hidden; top:12.30rem;}
.m-cul .prev { left:11.17rem;}
.m-cul .next{ right:11.17rem;}

.m-cul .sclwrap_box ,.m-cul .m-box{ height:9.0rem; overflow:hidden;}
.m-cul .con{ display:inline; float:left; width:100%;}
.m-cul .con ul{ margin:0 auto; line-height:0rem; width:24.08rem; overflow:hidden;}
.m-cul .con ul li{ float:left;  line-height:0rem;  margin:0 0.8rem 0 0; height:7.79rem;  width:11.54rem; overflow:hidden;}
.m-cul .con ul li img{ width:11.04rem; height:7.29rem; padding:0.21rem; border:1px solid #c8c8c8;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-cul .con ul li:nth-child(2){ margin-right:0rem;}


/* news-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:18.0rem; overflow:hidden;}
.m-news:before{ position:absolute; z-index:1; content:""; left:1.25rem; top:2.46rem; width:24.17rem; height:1px; background:#222;}

.m-news .m-cnt{ margin:0 auto 0.96rem; height:2.83rem; width:24.38rem; overflow:hidden;}
.m-news .m-cnt li{ float:left; margin-right:1rem; text-align:center; width:5.17rem; height:2.58rem;overflow:hidden; font: bold 1.08rem/2.58rem "microsoft Yahei"; color:#009b52;}
.m-news .m-cnt li.z-on{ position:relative; z-index:100; color:#ff8a00; border-bottom:0.17rem solid #009b52; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-news span{ position:absolute; right:0rem; top:0rem;  height:2.58rem; width:4.9rem; text-align:center;  font:0.75rem/2.58rem Arial, Helvetica, sans-serif; color:#666;}

.m-news .sclwrap_box , .m-news .m-box{ height:14.17rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}

.news_c ul{ width:24.17rem;  overflow:hidden; margin:0 auto;}
.news_c li{ position:relative; padding-left:1.17rem; height:2rem; overflow:hidden; font:1rem/2rem "Microsoft Yahei"; color:#333;border-bottom:1px dashed #d0d0d0;
 background:url(/mobile/Images/Index/new_gif.gif) no-repeat left 0.75rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:0.46rem 0.46rem;}






@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:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}