.g-adv { height:auto; }
.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}

/* 导航 */
.m_nav{margin: 1.2em 5% 0 5%; height: 16.5em;}
.m_nav li{float: left;width: 28%;height: 1.8em; border-radius: 0.5em; margin-right: 6%; margin-bottom: 1.6em;text-align: center; color: #fff; font-size: 1.08em; padding-top: 4em; position: relative;
	background: #0089eb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0089eb), to(#0072c4)); 
	background-image: -webkit-linear-gradient(top, #0089eb, #0072c4); 
	background-image: -moz-linear-gradient(top, #0089eb, #0072c4); 
	background-image: -o-linear-gradient(top, #0089eb, #0072c4); 
	background-image: -ms-linear-gradient(top, #0089eb, #0072c4); 
	background-image: linear-gradient(top, #0089eb, #0072c4);

}
.m_nav a:nth-child(3n) li{margin-right: 0;}


.m_nav .li1:before{
  background:url(/mobile/images/Index/nav1.png) no-repeat; width: 3.08em; height: 2.583em; 
content:"";position:absolute;left:25%;top:10%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.m_nav .li2:before{
  background:url(/mobile/images/Index/nav2.png) no-repeat; width: 1.875em; height: 2.75em; 
content:"";position:absolute;left:36%;top:12%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.m_nav .li3:before{
  background:url(/mobile/images/Index/nav3.png) no-repeat; width: 1.83em; height: 2.625em; 
content:"";position:absolute;left:36%;top:12%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.m_nav .li4:before{
  background:url(/mobile/images/Index/nav4.png) no-repeat; width: 2.5em; height: 2.5em; 
content:"";position:absolute;left:30%;top:16%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.m_nav .li5:before{
  background:url(/mobile/images/Index/nav5.png) no-repeat; width: 2.66em; height: 2.33em; 
content:"";position:absolute;left:31%;top:16%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.m_nav .li6:before{
  background:url(/mobile/images/Index/nav6.png) no-repeat; width: 2.416em; height: 2.41em; 
content:"";position:absolute;left:32%;top:16%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}


/* 卓益节能产品中心 */
.g_fl{
  background:url(/mobile/images/Index/cpbg.jpg) no-repeat; width: 100%; height: 21.083em; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.g_fl h2{position: relative; font-size: 1.41em; color: #fff; font-weight: bold; padding-left: 40%; }
.g_fl h2:before{
  background:url(/mobile/images/Index/cplogo.jpg) no-repeat;  
content:"";position:absolute;left:12%;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.u_lst1{padding: 1.66em 2em 0 2em;}
.u_lst1 li{float: left;background: #666666; width:10.25em; height: 3em; line-height: 3em;overflow: hidden;text-align: center; font-size: 1em; color: #fff; margin-right: 1.5em; margin-bottom: 0.83em; border-radius: 0.2em; }
.u_lst1 a:nth-child(2n) li{margin-right: 0;}
.u_btn1{background: #0574cf; width:55%; height:2.58em;line-height: 2.58em; border-radius: 0.25em;color: #fff; text-align: center; font-size: 1.08em; margin-left: 23%; margin-top:1.3em; position: relative; }
.u_btn1:before{
  background:url(/mobile/images/Index/sha2.png) no-repeat; width: 100%;  height: 1.25em; 
content:"";position:absolute;left:0;bottom:-1.25em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;	
}



/*搜索*/
.m_ser{ margin-top: 1em;border:1px solid #e7e7e7; height: 2.815em; padding-top: 0.6em; margin-bottom: 1em;
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cecece)); 
	background-image: -webkit-linear-gradient(top, #fff, #cecece); 
	background-image: -moz-linear-gradient(top, #fff, #cecece); 
	background-image: -o-linear-gradient(top, #fff, #cecece); 
	background-image: -ms-linear-gradient(top, #fff, #cecece); 
	background-image: linear-gradient(top, #fff, #cecece);


	 position: relative;}
.m_ser:before{
	content: ""; position: absolute; width: 100%; height: 1px; background: #fff; left:0; bottom:0;
}	
.ser{width:95.3%;margin:0 auto;height:2.33em;line-height:2.33em;background:url(/mobile/Images/Index/search.gif) no-repeat left center;background-size:100% auto;}
.ser input{background:none;border:none;color:#bebebe;font-size:1em;height:2em;float:left;}
.ser input:nth-child(1){width:80%;padding:1% 1% 0 2%;}
.ser input:nth-child(2){width:16.5%;  cursor: pointer;}

/* 产品中心 */

.g_pro {max-width: 640px; min-width: 320px;  }
.g_pro .m-cnt {border-bottom: 1px solid #014e95; position: relative; 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
 	background: #f2f2f2;
}
.g_pro .m-cnt:before{content: "";position: absolute; width: 100%; height: 1px;left:0; bottom: -2px;background: #75a7da;}




.g_pro .m-cnt li { color: #008fdf; 
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 36%;
}
.g_pro .m-cnt li.z-on { color: #fff; position: relative; border:1px solid #035298;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
 	background: #018bdd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#018bdd), to(#0769c8)); 
	background-image: -webkit-linear-gradient(top, #018bdd, #0769c8);
	background-image: -moz-linear-gradient(top, #018bdd, #0769c8); 
	background-image: -o-linear-gradient(top, #018bdd, #0769c8); 
	background-image: -ms-linear-gradient(top, #018bdd, #0769c8);
	background-image: linear-gradient(top, #018bdd, #0769c8);


}

.g_pro .m-cnt li.z-on:before{content: "";position: absolute; width:99%; border:1px solid #33a5e5; left:1px; top: 1px;	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}


.g_pro .m-cnt .u_more{right:2%; color: #999999; font-size: 1em; top:5%;}
.g_pro .m-cnt .u_more a{color: #999;}

.g_pro .con{float: left; display: inline;}
.g_pro .u_lst8{margin: 6% 0 0 7%; }
.g_pro .u_lst8 li{ float: left; width: 44%; margin-right: 6%; display: inline-block; text-align: center; color: #666; margin-bottom: 1.25em; }
.g_pro .u_lst8 li img{ width: 100%; border:1px solid #d6d6d6; display: block;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.g_pro .u_lst8 li a{ color: #666; font-size: 0.91em; width: 30%;}
.g_pro .u_lst8 li a img{ width: 100%;}
.g_pro .u_lst8 a:nth-child(2n) li{ margin-right: 0;}
.g_pro .u_lst8 li span{ background: #666666; display: block; height: 1.66em; line-height: 1.66em; text-align: center; overflow: hidden; font-size: 1em; color: #fff;}


.u_tel2{ width: 82%;  height: 3.3em; line-height: 3em; font-size: 1.16em; padding-left: 18%; color: #fff;background: #008fdf; position: relative; font-weight: bold;
	background:url(/mobile/images/index/u_tel2.jpg) no-repeat;  
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.u_tel2:before{
background:url(/mobile/images/index/tel2.gif) no-repeat;  
content:"";position:absolute;width:1.75em;height:1.91em;left:8%;top:20%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　

}

.u_tel2 em{color: #fff; font-weight: bold; font-size: 1.3em;}

/* 优势 */
.g_ys{height: 30.2em;padding-top: 2em;}
.g_ys h2{display: block; width: 100%;}
.g_ys h2 img{width: 100%;display: block;}
.g_ys .u_lst8{margin: 4% 3% 0 3%; }
.g_ys .u_lst8 li{ float: left; width: 48%; margin-right: 2%; display: inline-block; text-align: center; color: #666; margin-bottom: 0.82em; }
.g_ys .u_lst8 li img{ width: 100%; border:1px solid #d6d6d6; display: block;border-bottom: none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.g_ys .u_lst8 li a{ color: #666; font-size: 0.91em; width: 30%;}
.g_ys .u_lst8 li a img{ width: 100%;}
.g_ys .u_lst8 a:nth-child(2n) li{ margin-right: 0;}
.g_ys .u_lst8 li span{ background: #666666; display: block; height: 2.08em; line-height: 2.08em; text-align: center; overflow: hidden; font-size: 1em; color: #fff;}


/* 卓益还能提供3大保障5大支持 */
.g_bz{height: 84.91em;}
.g_bz h2{text-align: center;color: #fff; font-weight: bold; font-size: 2em;position: relative;z-index: 2;}
.g_bz h2:before{ content: "";position: absolute; left:0;top:0; width: 100%;
background:url(/mobile/images/index/bztitbg.jpg) no-repeat;  
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;　
}


.g_bz h2 em{font-size: 1em; color: #fff; font-weight: bold; display: block;}
.bzimg,.bzimg img{width: 100%;display: block;}

.g_bz .line{background: #99cdeb; width:0.083em; height: 23.2em; left:10%; top:33em; z-index: 0; }

.g_bz .m_gy{padding-left: 22%; }
.g_bz .m_gy h3{height:2em; line-height: 2em;color: #008fdf; font-weight: bold; font-size: 1.5em; position: relative; }
.g_bz .m_gy h3 em{color: #a8a8a8; font-size: 0.6em; font-family: tahoma; font-weight: normal; font-style: italic; display: inline-block; padding-left: 0.5em;}

.g_bz .m_gy h3 i{position: absolute; font-size: 1.5em; color: #fff; text-align: center; left: -22%; top:20%;z-index: 1; font-family: impact; font-weight: normal;
}

.g_bz .m_gy h3 i:before{
content: "";position: absolute;z-index: -1;
background: #0083cc;
 -webkit-transform: rotate(45deg);    /* for Chrome || Safari */
-moz-transform: rotate(45deg);       /* for Firefox */
-ms-transform: rotate(45deg);        /* for IE */
-o-transform: rotate(45deg);         /* for Opera */	
}

.g_bz .m_ys1{padding-top: 2%;}
.g_bz .m_ys2{padding-top: 5%;}
.g_bz .m_ys3{padding-top: 5%;}

.g_bz .m_gy p{font-size: 1em; color: #535353; line-height: 1.5em; font-weight: normal; position: relative;border-bottom: 1px dashed #cbcbcb; padding-left: 9%; padding-bottom: 2%;padding-top: 2%; margin-right: 6%;}
.g_bz .m_gy p:last-child{border-bottom: none;}

.g_bz .m_gy p:before{
background:url(/mobile/images/Index/bzico.jpg) no-repeat; display: block; 
content:"";position:absolute;width:1.25em;height:1.25em;left:0;top:0.6em;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　

}

.g_bz .m_gy p b{font-weight: bold; color: #008fdf;}


.m_zc{margin: 1.2em 3% 0 3%; height: 16.83em;}
.m_zc .u_lst2 li{float: left;width: 31%;height: 3.17em;  margin-right: 3%; margin-bottom: 1.6em;text-align: center; color: #008fdf; font-size: 1em; padding-top: 4.66em; position: relative;font-weight: bold;z-index: 1;}
.m_zc a:nth-child(3n) li{margin-right: 0;}

.m_zc .u_lst2 a:nth-child(1) li:before{
  background:url(/mobile/images/Index/zc1.jpg) no-repeat; width: 7.83em; height: 7.83em; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;

}

.m_zc .u_lst2 a:nth-child(2) li:before{
  background:url(/mobile/images/Index/zc2.jpg) no-repeat; width: 7.83em; height: 7.83em; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;

}

.m_zc .u_lst2 a:nth-child(3) li:before{
  background:url(/mobile/images/Index/zc3.jpg) no-repeat; width: 7.83em; height: 7.83em; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;

}

.m_zc .u_lst2 a:nth-child(4) li:before{
  background:url(/mobile/images/Index/zc4.jpg) no-repeat; width: 7.83em; height: 7.83em; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;

}

.m_zc .u_lst2 a:nth-child(5) li:before{
  background:url(/mobile/images/Index/zc5.jpg) no-repeat; width: 7.83em; height: 7.83em; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;

}

.m_zc .u_lst2 a:nth-child(6) li:before{
  background:url(/mobile/images/Index/zc6.jpg) no-repeat; width: 7.83em; height: 7.83em; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;

}



/* 卓益荣誉资质 */
.g_zs{height: 22.08em;}
.g_zs h2{
  background:url(/mobile/images/Index/zstit.jpg) no-repeat; width: 96%; color: #fff; font-size: 1em;padding-left: 4%;
background-size: 100%;font-weight: bold;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:1;

}
.g_zs h2 span{padding-right: 4%; color: #999999; font-size: 1em;font-weight: normal;}
.m_zs { max-width: 640px; min-width: 320px;position: relative;}
.m_zs .nowarp { margin: 5% 16% 0 16%;overflow: hidden;position: relative;width: 68%;}
.m_zs .m-box {color: #fff; text-align: center; width: 68%;}
.m_zs .prev, .m_zs .next { width: 1.33em; height: 3.54em;position: absolute;text-align: center;top: 6.2em;z-index: 99; display: block;}
.m_zs .prev {left: 3%;}
.m_zs .next {right: 3%;}
.m_zs .prev img,.m_zs .next img{ width: 100%;}
.m_zs .con a{ font-size: 1em; color: #666666; width: 100%; display: inline-block;}
.m_zs .con a img{  width: 100%;  }
.m_zs .con span{display: block; height: 2em; line-height: 2em;overflow: hidden;}


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

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

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



/* 最小宽度为320象素用以下样式 */
@media screen and (min-width:320px) {
.g-adv .sclwrap_box , .g-adv .m-box,.g-adv .m-box li img{ height:150px; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 416px;}
.g_pro .m-cnt li,.g_pro .m-cnt {height: 30px; line-height: 30px;}
.g_pro .m-cnt li.z-on:before{ height: 26px; line-height: 26px; }
.g_bz .m_gy h3 i:before{width: 32px;height: 32px;}
.g_bz h2{height: 82px;padding-top: 20px;}
.g_bz h2:before{height: 103px;}
.g_fl h2:before{width: 86px;height: 46px;}
.g_fl h2{height: 31px;padding-top: 15px;}
.g_zs .sclwrap_box,.g_zs .m-box { height: 233px;}
.g_zs h2{height: 31px; line-height: 31px;}

}

/* 最小宽度为360象素用以下样式 */
@media screen and (min-width:360px) {
.g-adv .sclwrap_box , .g-adv .m-box,.g-adv .m-box li img{ height:175px; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 468px;}
.g_pro .m-cnt li,.g_pro .m-cnt {height: 35px; line-height: 35px;}
.g_pro .m-cnt li.z-on:before{ height: 31px; line-height: 31px; }
.g_bz .m_gy h3 i:before{width: 37px;height: 37px;}
.g_bz h2{height: 92px;padding-top: 22px;}
.g_bz h2:before{height: 116px;}
.g_fl h2:before{width: 96px;height: 51px;}
.g_fl h2{height: 34px;padding-top: 16px;}
.g_zs .sclwrap_box,.g_zs .m-box { height: 271px;}
.g_zs h2{height: 34px; line-height: 34px;}

}

/* 最小宽度为480象素用以下样式 */
@media screen and (min-width:480px) {
.g-adv .sclwrap_box , .g-adv .m-box,.g-adv .m-box li img{ height:225px; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 624px;}
.g_pro .m-cnt li,.g_pro .m-cnt {height: 45px; line-height: 45px;}
.g_pro .m-cnt li.z-on:before{ height: 41px; line-height: 41px; }
.g_bz .m_gy h3 i:before{width: 48px;height: 48px;}
.g_bz h2{height: 123px;padding-top: 30px;}
.g_bz h2:before{height: 154px;}
.g_fl h2:before{width: 129px;height: 69px;}
.g_fl h2{height: 46px;padding-top: 22px;}
.g_zs .sclwrap_box,.g_zs .m-box { height: 349px;}
.g_zs h2{height: 46px; line-height: 46px;}

}

/* 最小宽度为568象素用以下样式 */
@media screen and (min-width:568px) {
.g-adv .sclwrap_box , .g-adv .m-box,.g-adv .m-box li img{ height:262px; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 737px;}
.g_pro .m-cnt li,.g_pro .m-cnt {height: 53px; line-height: 53px;}
.g_pro .m-cnt li.z-on:before{ height: 49px; line-height: 49px; }
.g_bz .m_gy h3 i:before{width:56px;height: 56px;}
.g_bz h2{height: 146px;padding-top: 35px;}
.g_bz h2:before{height: 183px;}
.g_fl h2:before{width: 153px;height: 81px;}
.g_fl h2{height: 55px;padding-top: 26px;}
.g_zs .sclwrap_box,.g_zs .m-box { height: 407px;}
.g_zs h2{height: 55px; line-height: 55px;}

}

/* 最小宽度为639象素用以下样式 */
@media screen and (min-width:639px) {
.g-adv .sclwrap_box , .g-adv .m-box,.g-adv .m-box li img{ height:300px; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 830px;}
.g_pro .m-cnt li,.g_pro .m-cnt {height: 61px; line-height: 61px;}
.g_pro .m-cnt li.z-on:before{ height: 57px; line-height: 57px; }
.g_bz .m_gy h3 i:before{width: 64px;height: 64px;}
.g_bz h2{height: 165px;padding-top: 40px;}
.g_bz h2:before{height: 206px;}
.g_fl h2:before{width: 172px;height: 92px;}
.g_fl h2{height: 62px;padding-top: 30px;}
.g_zs .sclwrap_box,.g_zs .m-box { height: 468px;}
.g_zs h2{height: 62px; line-height: 62px;}


}