/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:18.63rem; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:18.63rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ padding-left:1rem; margin-top:1.5rem; height:10.46rem; overflow:hidden; position:relative;}

nav a{ width:7.75rem; height:4.92rem; text-align:center; font:1rem/2.58rem "Microsoft Yahei"; color:#fff; padding-top:2.33rem; overflow:hidden; display:block; float:left; position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; margin-right:0.75rem; margin-bottom:0.63rem;}


nav a:nth-child(1){ background:url(/mobile/Images/Index/nav01.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
nav a:nth-child(2){ background:url(/mobile/Images/Index/nav02.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
nav a:nth-child(3){ margin-right:0; background:url(/mobile/Images/Index/nav03.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
nav a:nth-child(4){ background:url(/mobile/Images/Index/nav04.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
nav a:nth-child(5){ background:url(/mobile/Images/Index/nav05.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
nav a:nth-child(6){ margin-right:0; background:url(/mobile/Images/Index/nav06.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}


/*环保*/
.hb{ height:20.67rem; overflow:hidden;}
.hb h2{ height:5.17rem; overflow:hidden;}

.hb_con{ padding-top:1.42rem; height:15.5rem; overflow:hidden; background:url(/mobile/Images/Index/hb_wb.jpg) no-repeat left top;-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;}
.hb_con p{ margin-left:1.5rem; padding-left:1.17rem; font:1rem/1.67rem "Microsoft Yahei"; color:#666; background:url(/mobile/Images/Index/hb_p.gif) no-repeat left center; background-size: 0.83rem 1.17rem;}
.hb_con span{ margin-top:0.42rem; display:block; font: bold 1rem "Microsoft Yahei"; color:#0d75c3; text-align:center;}
.hb_con span em{ font: bold 1.33rem Arial, Helvetica, sans-serif; color:#de092c;}
/*方案*/
.fa{ height:30.38rem; overflow:hidden;}
.fa h2{ padding-top:0.31rem; font:bold 0.9rem/1.25rem Arial,Helvetica,sans-serif; color:#8c8c83; text-align:center; text-transform:uppercase; background:url(/mobile/Images/Index/fa_h.jpg) no-repeat left top; height:6.63rem; overflow:hidden;-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;}
.fa h2 span{ display:block; font:bold 1.25rem/1.25rem "Microsoft Yahei"; color:#fff; padding-top:0.2rem;}

.fa_con{ height:24.75rem; overflow:hidden; width:24.83rem; margin:0 auto;}
.fa_con .con{ float:left; width:100%; display:inline;}

.fa_q{ height:6.75rem; overflow:hidden;}
.fa_q li{ margin-bottom:0.33rem; overflow:hidden; background:#f5f5f5; text-align:center; border:1px solid #dfdfdf; font:1rem/2.46rem "Microsoft Yahei"; color:#545455; float:left; width:12.21rem; height:2.46rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; margin-right:0.33rem;}
.fa_q li:nth-child(2n){ margin-right:0;}
.fa_q li:nth-child(3){ font:0.92rem/2.46rem "Microsoft Yahei";}

.fa_c{ width:24rem; margin:0 auto;}
.fa_c dl{ margin-bottom:1.25rem; height:7.58rem; overflow:hidden;}
.fa_c dl dt{ width:11.71rem; height:7.58rem; overflow:hidden;}
.fa_c dl dd{ width:11.17rem;}
.fa_c dl dd p{ height:6rem; overflow:hidden; font:1rem "Microsoft Yahei"; color:#555;}
.fa_c dl dd p a{ display:block; font:1rem "Microsoft Yahei"; color:#0d75c3; margin-bottom:0.5rem;}
.fa_c dl dd span{ display:block; width:5.75rem; height:1.58rem; overflow:hidden;}
.fa_c dl dd span a{ display:block;width:5.75rem; height:1.58rem; color:#fff; font:1rem/1.58rem "Microsoft Yahei"; text-align:center; background-color:#2fa5fe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2fa5fe), to(#0f78c6)); 
	background-image: -webkit-linear-gradient(top, #2fa5fe, #0f78c6); 
	background-image: -moz-linear-gradient(top,  #2fa5fe, #0f78c6); 
	background-image: -o-linear-gradient(top,  #2fa5fe, #0f78c6); 
	background-image: -ms-linear-gradient(top, #2fa5fe, #0f78c6); 
	background-image: linear-gradient(top, #2fa5fe, #0f78c6); }
		.fa_q li a{ color:#333;}
/*案例*/
.al{ height:30.67rem; overflow:hidden;}
.al h2{ padding-top:0.31rem; font:bold 0.9rem/1.25rem Arial, Helvetica, sans-serif; color:#8c8c83; text-align:center; text-transform:uppercase; background:url(/mobile/Images/Index/al_h.jpg) no-repeat left top; height:6.17rem; overflow:hidden;-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;}
.al h2 span{ display:block; font:bold 1.25rem/1.25rem "Microsoft Yahei"; color:#fff; padding-top:0.2rem;}
.al h2 a {
    color: #8c8c83;
     display: block;
     line-height:1.4rem;
    height: 6rem;
    overflow: hidden;
}
.al h2 a:hover {
    text-decoration: none;
}
.al_con{ width:25.33rem; margin:0 auto; height:21.13rem; overflow:hidden; position:relative;}

.al_con .prev{ width:1.42rem; height:2.67rem; overflow:hidden; position:absolute; top:5rem; left:0;}
.al_con .next{ width:1.42rem; height:2.67rem; overflow:hidden; position:absolute; top:5rem; right:0;}

.al_con .m-box{ float:left; width:100%; display:inline;}
.al_con .nowarp{ width:20.83rem; margin:0 auto;}

.al_c{ width:20.83rem;}
.al_c dl dt{width:20.83rem; height:13.58rem; overflow:hidden;}
.al_c dl dd{ font:1rem/1.5rem "Microsoft Yahei"; color:#555;}
.al_c dl dd a{ font:1rem/2.58rem "Microsoft Yahei"; display:block; color:#0d75c3; text-align:center;}


.a_t{ margin:0 auto; background:url(/mobile/Images/Index/al_b.jpg) no-repeat left top; width:20.71rem; height:2.21rem;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.a_t a{ display:inline-block;}
.a_t02{ width:7.21rem; text-align:center; font:1rem/2.21rem "Microsoft Yahei"; color:#fff;}
.a_t01{ font:1rem/2.21rem "Microsoft Yahei"; color:#b80606; text-align:center; width:13.46rem;}
/*产品*/
.cp{ height:31.17rem; overflow:hidden;}
.cp h2{ padding-top:0.31rem; font:bold 0.9rem/1.25rem Arial,Helvetica,sans-serif; color:#8c8c83; text-align:center; text-transform:uppercase; background:url(/mobile/Images/Index/cp_h.jpg) no-repeat left top; height:6.29rem; overflow:hidden;-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;}
.cp h2 span{ display:block; font:bold 1.25rem/1.25rem "Microsoft Yahei"; color:#fff;}
.cp h2 a {
    color: #8c8c83;
     display: block;
     line-height:1.4rem;
    height: 6rem;
    overflow: hidden;
}
.cp h2 a:hover {
    text-decoration: none;
}
.cp_lb{ width:100%; margin:0 auto; height:2.71rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_lb span{ font:1rem/3.67rem "Microsoft Yahei"; display:block; width:100%; height:3.67rem; background:#0d75c3; text-align:center;}
.cp_lb span a{ color:#fff;}
.cp_lb p{ font:0.98rem/3.67rem "Microsoft Yahei"; color:#555;}
.cp_lb p a{ color:#555; display:inline-block; text-align:center;}

.cp_con{ height:23.58rem; overflow:hidden; width:25rem; margin:0 auto; margin-top:1.25rem;}
.cp_con ul li{ margin-right:1rem; float:left; width:11.96rem; height:11.96rem; line-height:0; overflow:hidden;}
.cp_con ul li img{ width:11.796rem; height:9.28rem; border:1px solid #e9e9e9; padding:1px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_con ul li span{ display:block; font:1rem/2.63rem "Microsoft Yahei"; color:#444; text-align:center; overflow:hidden;}

.cp_con .nobot{ margin-right:0;}


/*优势*/
.ys{ height:60.96rem; overflow:hidden; position:relative;}
.ys p{ line-height:0;height:60.96rem; overflow:hidden;}

.ys_con{ position:absolute; top:0; left:0; width:100%;height:60.96rem; overflow:hidden;}
.one{ position:absolute; top:8.88rem;  left:9.67rem; width:15.33rem;}
.one dt{font:bold 1.25rem/1.83rem "Microsoft Yahei"; color:#0d75c3; height:1.83rem; overflow:hidden;}
.one dt span{ font:1.17rem/1.79rem "Microsoft Yahei"; color:#fff; text-align:center; display:inline-block; background:url(/mobile/Images/Index/ys_d.gif) no-repeat left top; width:1.79rem; height:1.79rem;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.one dd{ font:1rem/1.25rem "Microsoft Yahei"; color:#444;}

.two{ top:17.5rem; left:1.25rem;}

.three{ top:25.08rem; left:9.83rem;	}

.four{ top:33.67rem; left:1.25rem;}

.five{ top:41.29rem; left:9.83rem;}

.six{ top:49.92rem; left:1.5rem;}

.ys_con p{ position:absolute; bottom:1.25rem; left:1.92rem; background:url(/mobile/Images/Index/y_b.gif) no-repeat left top; width:22.38rem; height:2.21rem; text-align:center; font:1rem/2.21rem "Microsoft Yahei"; color:#b80606; padding-left:1rem;-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;}

/*合作*/
.hz{ height:15.79rem; overflow:hidden;}
.hz h2{ padding-top:0.31rem; font:bold 0.9rem/1.25rem Arial,Helvetica,sans-serif; color:#8c8c83; text-align:center; text-transform:uppercase; background:url(/mobile/Images/Index/hz_h.jpg) no-repeat left top; height:7.63rem; overflow:hidden;-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;}
.hz h2 span{ display:block; font:bold 1.25rem/1.25rem "Microsoft Yahei"; color:#fff;}
.hz h2 a {
    color: #8c8c83;
     display: block;
     line-height:1.4rem;
    height: 6rem;
    overflow: hidden;
}
.hz h2 a:hover {
    text-decoration: none;
}
.hz_con{ height:8.17rem; overflow:hidden; position:relative;}
.hz_con .prev{ width:1.29rem; height:3.38rem; overflow:hidden; position:absolute; top:0.5rem; left:0;}
.hz_con .next{ width:1.29rem; height:3.38rem; overflow:hidden; position:absolute; top:0.5rem; right:0;}
.hz_con .m-box{ float:left; width:100%; display:inline;}

.hz_con .nowarp{ width:22rem; margin:0 auto;}

.hz_c ul li{ background:url(/mobile/Images/Index/hz_y.jpg) no-repeat center 4.71rem; margin-right:0.5rem; float:left; width:10.75rem;-webkit-background-size:100% 0.33rem; -moz-background-size:100% 0.33rem; -o-background-size:100% 0.33rem; background-size:100% 0.33rem;}
.hz_c ul li img{ width:10.75rem; height:4.71rem; border:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz_c ul li span{ display:block; text-align:center; font:1rem/2.5rem "Microsoft Yahei"; color:#444; text-align:center;}
.fa h2 a {
    color: #8c8c83;
    display: block;
    height: 6rem;
    line-height:1.4rem;
    overflow: hidden;
}
.fa h2 a:hover {
    text-decoration: none;
}
.hz_c .nobot{ margin-right:0;}
/*新闻资讯*/
.new{ height:20.67rem; overflow:hidden; width:25rem; margin:0 auto; position:relative;}
.new .con{ float:left; display:inline; width:100%;}
.new span{ width:3.92rem; height:2.29rem; display:block; position:absolute; background:url(/mobile/Images/Index/n_m.gif) no-repeat left center;-webkit-background-size:1rem 1rem; -moz-background-size:1rem 1rem; -o-background-size:1rem 1rem; background-size:1rem 1rem; padding-left:1.17rem; right:0; top:0;}
.new span a{ font:1rem/2.29rem "Microsoft Yahei"; color:#1980ce}

.n_q{ height:2.29rem; overflow:hidden; background:#e6e6e6;}
.n_q li{ float:left; width:6.0rem; height:2.29rem; text-align:center; font:1rem/2.29rem "Microsoft Yahei"; color:#333;}

.n_q .z-on{ background-color:#2ea4fc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea4fc), to(#0e77c6)); 
	background-image: -webkit-linear-gradient(top, #2ea4fc, #0e77c6); 
	background-image: -moz-linear-gradient(top,  #2ea4fc, #0e77c6); 
	background-image: -o-linear-gradient(top,  #2ea4fc, #0e77c6); 
	background-image: -ms-linear-gradient(top, #2ea4fc, #0e77c6); 
	background-image: linear-gradient(top, #2ea4fc, #0e77c6); color:#fff;}
	
.n_c{ padding-top:0.92rem; width:25rem; height:16.71rem; border:1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.n_c ul li{ font:1rem/2.5rem "Microsoft Yahei"; padding-left:0.75rem; margin:0 auto; width:22.58rem; height:2.5rem; border-bottom:1px dashed #b8b8b8; background:url(/mobile/Images/Index/n_l.gif) no-repeat left center;-webkit-background-size:0.38rem 0.71rem; -moz-background-size:0.38rem 0.71rem; -o-background-size:0.38rem 0.71rem; background-size:0.38rem 0.71rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.n_c ul li a{ color:#666;}
.n_c  .nobot{ border-bottom:0;}
/*关于*/
.about{ height:26.17rem; overflow:hidden; position:relative;}
.about span{ height:13.71rem; overflow:hidden; display:block;}
.about p{ color:#fff; text-align:center; font:1.25rem/6.5rem "Microsoft Yahei"; position:absolute; width:7.04rem; height:6.5rem; background:url(/mobile/Images/Index/ab_h.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; top:9.33rem; left:9.79rem;}

.about dl{ height:10.33rem; margin-top:2.08rem;}
.about dl dt{ font:bold 1.25rem/2.5rem "Microsoft Yahei"; color:#0d75c3; text-align:center;}
.about dl dt a{ color:#0d75c3;}
.about dl dd{ font:1rem/1.5rem "Microsoft Yahei"; color:#666; width:24.08rem; margin:0 auto; text-align:center;}

.about dl dd a{ margin:1.25rem auto 0; display:block; width:7.58rem; height:2.13rem; font:1rem/2.13rem "Microsoft Yahei"; color:#fff; text-align:center; background-color:#2ea4fc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea4fc), to(#0e77c6)); 
	background-image: -webkit-linear-gradient(top, #2ea4fc, #0e77c6); 
	background-image: -moz-linear-gradient(top,  #2ea4fc, #0e77c6); 
	background-image: -o-linear-gradient(top,  #2ea4fc, #0e77c6); 
	background-image: -ms-linear-gradient(top, #2ea4fc, #0e77c6); 
	background-image: linear-gradient(top, #2ea4fc, #0e77c6);}
/*-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;
*/

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