/*主导航*/
nav{ height:5.83rem; overflow:hidden; background:#13833d; position:relative;}
nav:before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	border-bottom: 1px solid #0a6d2f;
}
nav:after{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 51%;
	border-bottom: 1px solid #279e54;
}
nav li{
	display: block;
	float: left;
	width: 33.3%;
	font: 1rem/2.93rem "microsoft yahei";
	height: 2.93rem;
	color: #fff;
	text-align: center;
	border-right: 1px solid #279e54;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
nav a:nth-child(3n) li{
	border-right: none;
}


/*轮播广告*/
.g-banner{ height:12.5rem; overflow:hidden;}
.g-banner .sclwrap_box , .g-banner .m-box{ height:12.5rem; overflow:hidden;}


/*产品*/
.pro{overflow: hidden; font-family: "microsoft yahei";}
.pro h2{ margin: 3rem auto 0.9rem; overflow: hidden; text-align: center; width: 29.375%; }
.pro h2 img{ width: 100%; }
.pro h2 span{ display: block; font-size: 0.75rem; text-transform: uppercase; color: #c7c7c7; font-family: "Arial"; line-height: 1rem;}

.pro .g-pro{ width: 90.625%; margin: 0 auto;}
.pro .g-pro .m-cnt{ border: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 1.25rem; height: 2.5rem; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pro .g-pro .m-cnt li{ float: left; font-size: 0.83rem; color: #333; width: 25%; text-align: center; line-height: 2.5rem;}
.pro .g-pro .m-cnt li:nth-child(4){ margin-right: 0;}
.pro .g-pro .m-cnt li.z-on{ background: #13833d; color: #fff;}

.pro .g-pro .con{ float: left; display: inline; width: 100%;}
.pro .g-pro .con ul li{ float: left; width: 46.551%; height: 11.25rem; overflow: hidden; }
.pro .g-pro .con ul li img{ width: 100%; border: 1px solid #e5e5e5; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pro .g-pro .con ul li span{ font-family: "microsoft yahei"; display: block; text-align: center; color: #333; height: 2.5rem; font-size: 0.92rem; line-height: 2.5rem;}
.pro .g-pro .con ul a:nth-child(2n) li{ float: right;}
.pro .g-pro .con ul:after{ content: ''; display: block; clear: both; height: 0;}
.pro .g-pro .con .more{ font-family: "microsoft yahei"; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1rem; color: #333333; padding-right: 3rem; background-size: 1rem;}


/*三*/
.three{ height: 10.42rem; margin: 1.37rem auto 2.8rem; overflow: hidden; background: url("/mobile/Images/Index/three_bg.jpg") no-repeat center 0; background-size: 100%; padding: 0 4.6875%; }
.three li{ width: 30%; float: left; overflow: hidden; text-align: center;}
.three li em{ width: 100%; height: 4.42rem; display: block; overflow: hidden; margin: 1.79rem 0 0.54rem;}
.three li p{ font-family: "microsoft yahei"; font-size: 0.83rem; color: #fff;}
.three li:nth-child(1) em{ background: url("/mobile/Images/Index/three_img1.png") no-repeat center 0; background-size: 4.375rem 4.42rem;}
.three li:nth-child(2) em{ background: url("/mobile/Images/Index/three_img2.png") no-repeat center 0; background-size: 4.375rem 4.42rem;}
.three li:nth-child(3) em{ background: url("/mobile/Images/Index/three_img3.png") no-repeat center 0; background-size: 4.375rem 4.42rem;}
.three li:nth-child(2){ padding: 0 5%;}
.three li:nth-child(1):hover em{ background: url("/mobile/Images/Index/three_img1-1.png") no-repeat center 0; background-size: 4.375rem 4.42rem;}
.three li:nth-child(2):hover em{ background: url("/mobile/Images/Index/three_img2-2.png") no-repeat center 0; background-size: 4.375rem 4.42rem;}
.three li:nth-child(3):hover em{ background: url("/mobile/Images/Index/three_img3-3.png") no-repeat center 0; background-size: 4.375rem 4.42rem;}


/*案例*/
.case{ overflow: hidden; font-family: "microsoft yahei"; margin-bottom: 2.8rem;}
.case h2{ height: 2.67rem; overflow: hidden; width: 48.28%; margin: 0 auto 1.2rem;}
.g-case{ width: 90.625%; margin: 0 auto; overflow: hidden;}
.g-case .m-cnt{overflow: hidden;}
.g-case .m-cnt li{ width: 47.24%; overflow: hidden; height: 2.375rem; line-height: 2.375rem; float: left; background: #eeeeee; text-align: center; margin-bottom: 1rem; font-size: 1rem; color: #333333;}
.g-case .m-cnt li:nth-child(2n){ float: right;}
.g-case .m-cnt li.z-on{background: #13833d; color: #fff;}
.g-case .con{ width: 100%; display: inline; float: left;}
.g-case .con dl dt{ width: 84.48%; height: 14.7rem; overflow: hidden; margin: 0 auto 0.83rem;}
.g-case .con dl dt img{width: 100%;}
.g-case .con dl dd h3{ font-size: 0.92rem; text-align: center; color: #333; font-family: "microsoft yahei"; margin-bottom: 0.3rem;}
.g-case .con dl dd p{ padding: 0 2%; font-size: 0.83rem; color: #555; line-height: 1.42rem;}
.g-case .con dl dd p a{ color: #f67406;}
.g-case .con dl dd .more{ margin-top:1.3rem; border:1px solid #e5e5e5; font-family: "microsoft yahei"; background: #ededed; height: 2.5rem; line-height: 2.5rem;  text-align: center; font-size: 0.83rem; color: #555555; border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}




/*优势*/
.adv{overflow: hidden; font-family: "microsoft yahei"; margin-bottom: 2.8rem; height: 40.7rem; background: #f5f5f5;}
.adv h2{ margin: 2.8rem auto 0.75rem; overflow: hidden; text-align: center; width: 100%; }
.adv h2 img{ width: 100%; }
.adv h2 span{ display: block; font-size: 0.75rem; text-transform: uppercase; color: #333333; line-height: 1.583rem; height: 1.583rem; background: #e2e2e2; border-radius: 2rem; width: 56%; margin: 0.2rem auto; letter-spacing: 0.5rem;}

.adv .g-adv{ overflow: ;}
.adv .g-adv .sclwrap_box,.g-adv .m-box .con{ height: 28rem; overflow: hidden;}
.adv .g-adv dl{ height: 28rem; overflow: hidden;}
.adv .g-adv dt{ width: 100%; height: 17.2rem;}
.adv .g-adv dt img{ width: 100%;}
.adv .g-adv dd{ overflow: hidden; padding: 0 9.375%;}
.adv .g-adv dd h3{ margin: 1.1rem 0 0.8rem; font-size: 1.1rem; color: #13833d; font-weight: bold; }
.adv .g-adv dd h3 span{ display: block; color: #c7c7c7; text-transform: uppercase; font-weight: normal;}
.adv .g-adv dd h3 em{ display: block; height: 2px; background: #13833d; margin: 1.2rem 0 1rem; width: 10%; }
.adv .g-adv dd p{ font-size: 0.83rem; line-height: 1.42rem; color: #333333;}
.g-adv .m-cnt{
	height: 0.91rem;
	overflow: hidden;
	padding-left: 34%;
}
.g-adv .m-cnt li{
    width: 0.91rem;
    height: 0.91rem;
    background: #13833d;
    border-radius: 5rem;
    float: left;
    margin-right: 1.25rem;
}
.g-adv .m-cnt li.z-on{
    background: #f67406;
}


/*关于我们*/
.about{ overflow: hidden;}
.about h2{ margin: 0.15rem auto 0.9rem; overflow: hidden; text-align: center; width: 40.625%; }
.about h2 img{ width: 100%; }
.about h2 span{ display: block; font-size: 0.5rem; text-transform: uppercase; color: #999999; font-family: "Arial"; line-height: 1rem;} 
.about dl{ height: 21rem; overflow: hidden; margin: 0 auto;}
.about dl dt{ height: 11.75rem; overflow: hidden; width: 81.25%; margin: 0 auto;}
.about dl dd h3{ text-align: center; font-size: 1rem; color: #13833d; font-family: "microsoft yahei"; margin: 1rem 0 0;}
.about dl dd p{ font-size: 0.83rem; line-height: 1.25rem; color: #555555; font-family: "microsoft yahei"; padding: 0 6%;}
.about dl dd p a{color: #f67406;}


/*风采*/
.g-album{overflow: hidden; width: 90.625%; margin: 0 auto; font-family: "microsoft yahei"; }
.g-album .m-cnt{ height: 2.5rem; line-height: 2.5rem; background: #13833d; overflow: hidden; margin-bottom: 1.25rem;}
.g-album .m-cnt li{ font-size: 1rem; color: #fff; float: left; padding: 0 4%;}
.g-album .m-cnt li.z-on{ background: #f67406;}
.g-album .m-cnt a{ float: right; font-size: 0.75rem; color: #fff; font-family: "microsoft yahei"; text-transform: uppercase; padding-right: 1.7%;}
.g-album .sclwrap_box{ height: 9.375rem; overflow: hidden;}
.g-album .con{ float: left; display: inline; width: 100%;}
.g-album .con li{ height: 9.375rem; overflow: hidden; width: 46.55%; float: left;}
.g-album .con li img{ width: 100%;}
.g-album a:nth-child(2n) li{float: right;}
.g-album .con li span{ display: block; text-align: center; font-size: 0.92rem; color: #333; font-family: "microsoft yahei"; }



/*新闻资讯*/
.new{ position: relative; height: 18.29rem; overflow: hidden; width: 90.625%; margin: 2.6rem auto 0; font-family: "microsoft yahei"; }
.new span{ position: absolute; top: 0.3rem; right: 0;  font-weight: normal; overflow: hidden; text-align: center; line-height: 0.75rem; text-transform: uppercase; font-size: 0.75rem;}
.new span a{ color: #666666; font-family: "microsoft yahei";}

.n_q{ height: 1.75rem; overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 1rem;}
.n_q li{ font-size: 1rem;color: #333; float: left; margin-right: 5%; font-weight: bold; height: 1.6rem;}
.n_q li.z-on{ border-bottom: 4px solid #13833d; color: #13833d;}

.new .con{ float: left; display: inline; width: 100%;}
.n_c ul li{ padding-left: 1.25rem; line-height: 2rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; background: url(/mobile/Images/Index/news_icon.jpg) no-repeat left center; -webkit-background-size:0.458rem; -moz-background-size:0.458rem; -o-background-size:0.458rem; background-size:0.458rem;}
.n_c ul li a{ color: #555555; font-family: "microsoft yahei";}
.n_c ul li:nth-child(6){ border-bottom: 0;}

/*-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%;}
}