﻿.g-adv { height: auto;  }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 8.6em;}
.g-adv .m-box li img{ width:100%;height:auto;}
.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{ height:9.2em;padding-top:0.8em;margin: 0 3%;}
.m_nav li{ float:left;  color:#000000; width:32%; text-align:center;background:url(/mobile/Images/common/navbg.jpg) no-repeat;background-size:100%; height:3.33em;line-height: 3.33em; margin-right: 1.5%;  margin-bottom: 0.45em; }
.m_nav a:nth-child(3n) li{margin-right: 0;}
.m_nav a:nth-child(4) li{line-height: 1em;padding-top: 0.6em;height:2.73em; }


/* 合作伙伴 */
.g_hz{height: 12.3em;}
.g_hz .sclwrap_box,.g_hz .m-box {height: 8.3em;}
.g_hz h2{font-size: 1.25em;text-align: center; color: #000;font-weight: normal; margin-bottom: 1em;}
.g_hz h2 b{color: #21a863;}
.g_hz h2 em{display: block;font-size: 0.5em;color: #b1b1b1;text-transform: uppercase; font-family: arial; font-weight: normal;}

.m_hz{position: relative;}
.m_hz .prev, .m_hz .next {
    height: 4.75em;
    line-height: 4.75em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.5em;
    z-index: 99;
}
.m_hz .prev {left: 3%;}
.m_hz .next {right: 3%;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 11% 0 12%;
    overflow: hidden;
    position: relative;
    width: 77%;
}
.m_hz .u_lst2 {float: left; display: inline; width: 100%; 	}
.m_hz .u_lst2 li{ float: left; width:48%;margin-right: 3%;  }
.m_hz .u_lst2 li:last-child{ margin-right: 0;}
.m_hz .u_lst2 li img{width: 100%;display: block; border: 1px solid #dadada;	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_hz .u_lst2 li em{display: block; width: 100%;height: 2em;line-height: 2em;text-align: center; color: #666666;font-size: 1em; }



/* 产品中心 */
.g_pro {height: 38.25em; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 28.8em;}
.g_pro h2{background:url(/mobile/Images/Index/cptit.jpg) repeat-x;height:2.2em;background-size: 100%; padding-left: 31%;width: 69%;color: #252525;font-size: 1.25em; padding-top: 1.2em;}
.g_pro h2 b{color: #21a863;}


.g_pro .m-cnt {position: relative; margin: 0 3%; height: 3.75em;line-height: 3.75em;border-bottom: 1px solid #000;}
.g_pro .m-cnt li { color: #333333; position: relative; text-align: center;
    display: inline;height: 3.75em;line-height:3.75em; 
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    width: 33.333%;}
.g_pro .m-cnt li:before{content: "";position: absolute;  width: 1px;height: 1em;background: #d3d3d3;right:0;top:1.66em;}

.g_pro .m-cnt li:nth-child(3):before{background: none;}
.g_pro .m-cnt li.z-on {font-weight: bold; position: relative;}
.g_pro .m-cnt li.z-on:before{content: "";position: absolute;  width: 80%;height: 0.25em;background: #21a863;left:10%;top:3.6em;}


.g_pro .con{float: left; display: inline;}
.g_pro .u_lst8{padding:6% 3% 0 3%; }
.g_pro .u_lst8 li{float: left; width: 47%; margin-right: 5%; z-index: 2; margin-bottom: 1.25em; position: relative; }
.g_pro .u_lst8 li:before{
	content: "";position: absolute;/*background:url(/mobile/Images/Index/cplogo.png) repeat-x;*/height:2em;background-size: 4em 2em;width: 4em;height: 2em;left:2%;top:1%;
}

.g_pro .u_lst8 li img{width: 100%;display: block;
border: 1px solid #e4e4e4; 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.g_pro .u_lst8 li em{font-size: 1em; color: #333333; height: 2em; line-height: 2em; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%; background: #f3f3f3;border-bottom: 1px solid #e4e4e4; }
.g_pro .u_lst8 a:nth-child(2n) li{margin-right: 0}


/* 品牌分类 */
.g_fl{height: 24.04em; margin: 0 3%;}
.g_fl h2{height: 2.3em;line-height: 2.3em; background: #21a863;text-align: center;color: #fff;font-weight: bold;font-size: 1em;}
.g_fl .u_lst1 li{height: 3.3em;line-height: 3.3em;float: left; width: 26.33%;color: #333333;font-size: 1em; padding-left: 7%;float: left; position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); 
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1); 
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1); 
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1); 
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1); 
	background-image: linear-gradient(top, #f9f9f9, #f1f1f1);

}
.g_fl .u_lst1 li:before{content: "";position: absolute;background:url(/mobile/Images/Index/ico1.png) no-repeat;height:1em; width: 1em; background-size: 1em 1em;left:9%;top:40%; }
.g_fl .u_lst1 li a{color: #333333;}


/* 管理服务体系 */
.g_fw{height: 18.3em;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;background: #f5f5f5; padding-top: 1.7em;}
.g_fw h2{margin-bottom: 1.5em;}
.g_fw h2,.g_fw h2 img{width: 100%;display: block;}
.g_fw .u_lst2{margin: 0 3%; margin-bottom: 2em;}
.g_fw .u_lst2 li{background:url(/mobile/Images/Index/fw1.jpg) no-repeat;text-align: center;font-size: 1.16em;color: #fff; float: left; margin-right: 1.6%;}
.g_fw .u_lst2 li:last-child{margin-right: 0;}
.g_fw .u_lst2 li b{display: block;}

.g_fw .btn1{width: 49%;margin: 0 auto;}
.g_fw .btn1 img{width: 100%;display: block;}

.g_xban,.g_xban img,.g_xban2,.g_xban2 img,.g_xban3,.g_xban3 img{width: 100%;display: block;}


/* 水泥矿山行业服务案例 */
.g_fwan{height: 25.9em;margin-left: 3%;}
.g_fwan dl{height: 6.66em;margin-top: 1.5em; overflow: hidden;clear: both;}
.g_fwan dt{float: left;width: 37%;margin-right: 3%;}
.g_fwan dt img{display: block;width: 100%;border: 0.125em solid #d9d9d9;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}

.g_fwan dd{width: 58%;float: left;}
.g_fwan dd h3{font-size: 1em;color: #000000; height: 2em;line-height: 2em;font-weight: bold;margin-bottom: 2%;}
.g_fwan .u_lst3 li{float: left; width: 42%;color: #333333;font-size: 1em;height: 2.2em;line-height: 2.2em;overflow: hidden; position: relative; padding-left: 8%;}
.g_fwan .u_lst3 li a{color: #333;}
.g_fwan .u_lst3 li:before{content: "";position: absolute;background:url(/mobile/Images/Index/ico1.png) no-repeat;height:1em; width: 1em; background-size: 1em 1em;left:2%;top:40%; }

.g_fwan .u_lst3 .more{width: 5.4em;height: 1.6em;line-height: 1.6em;text-align: center; color: #fff;font-size: 1em;background: #21a863; border-radius: 5em; padding-left: 0; margin-left: 6%;}
.g_fwan .u_lst3 .more a{color: #fff;}
.g_fwan .u_lst3 .more:before{background: none;}


/* 优势 */
.g_ys{height: 37.5em;position: relative;background: #f5f5f5; }
.g_ys .sclwrap_box,.g_ys .m-box {height: 37.5em;}

.m_ys1 h2{color: #000;font-size: 1.25em;font-weight: normal; padding-left: 20%;width: 80%;
background:url(/mobile/images/index/ystit1.jpg) no-repeat;
background-size: 100%;
}
.m_ys1 h2 a{color: #000}
.m_ys1 h2 em{display: block;color: #000;font-size: 0.65em;font-weight: bold; width: 70%;height: 2em;line-height: 2em;border: 1px solid #bfbebf;text-align: center; margin-top: 2%;}
.m_ys1 h2 em b{color: #21a863}


.m_ys2 h2{color: #000;font-size: 1.25em;font-weight: normal; padding-left: 20%;width: 80%;
background:url(/mobile/images/index/ystit2.jpg) no-repeat;
background-size: 100%;
}
.m_ys2 h2 a{color: #000}
.m_ys2 h2 em{display: block;color: #000;font-size: 0.65em;font-weight: bold; width: 70%;height: 2em;line-height: 2em;border: 1px solid #bfbebf;text-align: center; margin-top: 2%;}
.m_ys2 h2 em b{color: #21a863}


.m_ys3 h2{color: #000;font-size: 1.25em;font-weight: normal; padding-left: 20%;width: 80%;
background:url(/mobile/images/index/ystit3.jpg) no-repeat;
background-size: 100%;
}
.m_ys3 h2 a{color: #000}
.m_ys3 h2 em{display: block;color: #000;font-size: 0.65em;font-weight: bold; width: 70%;height: 2em;line-height: 2em;border: 1px solid #bfbebf;text-align: center; margin-top: 2%;}
.m_ys3 h2 em b{color: #21a863}


.m_ys4 h2{color: #000;font-size: 1.25em;font-weight: normal; padding-left: 20%;width: 80%;
background:url(/mobile/images/index/ystit4.jpg) no-repeat;
background-size: 100%;
}
.m_ys4 h2 a{color: #000}
.m_ys4 h2 em{display: block;color: #000;font-size: 0.65em;font-weight: bold; width: 70%;height: 2em;line-height: 2em;border: 1px solid #bfbebf;text-align: center; margin-top: 2%;}
.m_ys4 h2 em b{color: #21a863}



.g_ys dt,.g_ys dt img{width: 100%;display: block;}
.g_ys dd p{color: #333333;font-size: 1em;line-height: 2.5em;border-bottom: 1px dashed #cecece; margin: 0 1% 0 8%; width: 91%;position: relative;}
.g_ys dd p:before{
content: "";position: absolute; width: 1em;height: 1em;background:url(/mobile/images/index/ico2.png) no-repeat;
background-size:1em 1em; left:-7%; top:30%;

}
.g_ys dd p b{font-weight: normal;color: #21a863}
.g_ys dd p:last-child{border-bottom: none;}

.g_ys .m-cnt{position: absolute; left:21%;top:32.5em;z-index: 10; width: 100%; }
.g_ys .m-cnt li {width:2.6em;;height:2.6em;line-height: 2.6em; background: #000;border-radius: 85em; text-align: center;color: #fff; font-size: 1.25em;font-weight: bold; margin-right: 3%; float: left;}
.g_ys .m-cnt li.z-on {background: #21a863;position: relative;}
.g_ys .line{position: absolute; top:34em;width: 100%;height: 1px;background: #cacaca;}
.g_ys .line:before{content: "";position: absolute; width: 100%;height: 1px;background: #fff;top:1px;left:0;}
.con{float: left; display: inline;}

/* 客户见证 */
.g_kf{height:15.5em;padding-top: 2em;}
.g_kf h2{text-align: center; color: #000;font-size: 1em;font-weight: bold; position: relative; margin-bottom: 1em;}
.g_kf h2 em{display: block; text-transform: uppercase;color: #b1b1b1;font-weight: normal;}
.g_kf h2:before{content: "";position: absolute; width: 27%;height: 1px;background: #e3e3e3;left:0;top:2.1em;}
.g_kf h2:after{content: "";position: absolute; width: 27%;height: 1px;background: #e3e3e3;right:0;top:2.1em;}
.g_kf h3{color: #333;font-weight: bold;margin-bottom: 0.8em; margin-left: 3%; font-size: 1em;}

.g_kf dl{margin-left: 3%;}
.g_kf dt{float: left;width: 48%;margin-right: 4%;}
.g_kf dt img{display: block;width: 100%;}

.g_kf dd{width: 48%;float: left;}
.g_kf dd h4{font-size: 1em;color: #21a863; height: 1.6em;line-height: 1.6em;font-weight: normal;margin-bottom: 2%;}
.g_kf dd p{font-size: 1em;color: #666666;height: 5.3em;overflow: hidden;}
.g_kf dd span{display: block;width: 6.4em;height: 1.6em;line-height: 1.6em;text-align: center; color: #fff;font-size: 1em;background: #21a863; border-radius: 5em; }



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