﻿*{ box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.main-title{ font-size: 1.4rem; color: #333; text-align: center; margin: 2.7rem 0 1.5rem;}
.main-title a{color: #000000; }
.main-title span{ font-size: 1.083rem; color: #565458; display: block; }
.main-title i{ display: block; width: 1.875rem; height: 1px; background: #25be25; margin: 0.625rem auto 0.42rem;}



/*ban轮播广告*/
.g-adv{ height:12.5rem; overflow:hidden;}
.g-adv img{ display: block;width: 100%;height: auto;}


/*导航*/
nav{ height:5.875rem; overflow:hidden; background:#25be25; position:relative;}
nav:before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	border-bottom: 1px solid #159d15;
}
nav li{
	display: block;
	float: left;
	width: 33.3%;
	font: 1rem/2.92rem "microsoft yahei";
	height: 2.92rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #159d15;
}
nav a:nth-child(3n) li{
	border-right: none;
}


/*欧洲品质  国产价格*/
.g-qualtiy .quality-img{ }
.g-qualtiy .quality-img img{ width: 100%; }
.g-qualtiy dl{ padding: 0 4%; }
.g-qualtiy dt{ font-size: 1.25rem; color: #d0d0d0; text-transform: uppercase; margin-bottom: 0.83rem;}
.g-qualtiy dt b{ display: block; padding-left: 7%; color: #25be25;}
.g-qualtiy dd{ font-size: 1rem; line-height: 1.4rem; color: #666; }
.g-qualtiy .con:nth-child(1) dl dt b{ background: url("../Images/feature_icon1.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(2) dl dt b{ background: url("../Images/feature_icon2.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(3) dl dt b{ background: url("../Images/feature_icon3.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(4) dl dt b{ background: url("../Images/feature_icon4.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(5) dl dt b{ background: url("../Images/feature_icon5.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .m-cnt{ height: 2.42rem; text-align: center; margin-top: 1.58rem; }
.g-qualtiy .m-cnt li{ width: 2.42rem; height: 2.42rem; background: #b8b7b9; border-radius: 3rem; display: inline-block; text-align: center; line-height: 2.42rem; font-size: 1.2rem; color: #fff; margin-left: 1.3rem; }
.g-qualtiy .m-cnt li:first-child{ margin-left: 0; }
.g-qualtiy .m-cnt li.z-on{ background: #25be25; }



/*产品分类*/
.prod_menu{  }
.prod_menu h2{ text-align: center; font-size: 1.4rem; color: #333;position: relative; margin: 1.83rem 0 0rem;}
.prod_menu i {
   display: block;
    width: 1.875rem;
    height: 1px;
    background: #25be25;
    margin: 0.625rem auto 0.42rem;
}
.prod_menu ul{ margin-top: 1.2rem;overflow: hidden; text-align: center;}
.prod_menu li{ display: inline-block; height: 2.583rem; line-height: 2.583rem; background: #e7e7e7; font-size: 1rem; color: #565458; width: 32%; text-align: center; overflow: hidden;}

.g-prod{ padding: 0 2.96875%; margin-top: 1rem; }
.g-prod .con{ width: 100%; display: block; float: left; }
.g-prod .con li{ width: 47.67%; float: left; margin-bottom: 1.2rem; position: relative; line-height: 0;}
.g-prod .con li img{ width: 100%; height:125px;}
.g-prod .con li span{ display: block; height: 2rem; line-height: 2rem; background: rgba(0,0,0,.5); text-align: center; font-size:1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  }
.g-prod .con a:nth-child(2n) li{ float: right; }
.arrow{ margin-top: 0.25rem; height: 1.5rem; text-align: center; }
.arrow .prev,.arrow .next{ width: 0.67rem; height: 1.5rem; display: inline-block; }
.arrow .prev img,.arrow .next img{ width: 100%; }
.arrow .prev{ margin-right: 1.5rem; }

/*定制*/
.g-custom{ background: url("../Images/custom_bg.jpg") no-repeat center 0; background-size: 100%; height: 33.875rem; overflow: hidden; margin-top: 2.25rem;  color: #fff; padding: 0 7.1875%;}
.g-custom .main-title,.g-custom .main-title span{ color: #fff; }
.g-custom .main-title{ margin: 3rem 0 2.1rem; }
.g-custom dl{ float: left; width: 38%; text-align: center; margin-bottom: 3.5rem;}
.g-custom dt{ width: 6.75rem; margin: 0 auto; }
.g-custom dt img{ width: 100%; }
.g-custom dd{ font-size: 1rem; margin-top: 0.8rem; }
.g-custom dl.none{ float: right; }


/*专业工程师服务团队*/
.g-team{ background: #f4f4f4; padding: 0 2.96875% 4.625rem; }
.g-team .main-title{ padding: 2.7rem 0 1.5rem; margin: 0;}
.g-team dt{ line-height: 0; }
.g-team dt img{ width: 100%; }
.g-team dd{ border: 1px solid #6f6f6f; padding: 0 6.64%; height: 13rem;}
.g-team dd ul{ padding: 0.7rem 0; }
.g-team dd li{ font-size: 1rem; color: #565458; line-height: 2.5rem; border-bottom: 1px dashed #cdcccd; position: relative; padding-left: 5%;}
.g-team dd li:last-child{ border-bottom: none; }
.g-team dd li:before{ content: ''; width: 0.33rem; height: 0.33rem; background: #b7b7b7; border-radius: 0.5rem; position: absolute; left: 0; top: 1.1rem; }
.g-team dd .prod-btn{ height: 2.67rem; text-align: center; }
.g-team dd .prod-btn a{ width: 9.375rem; height: 2.67rem; line-height: 2.67rem; text-align: center; background: #565458; font-size: 1rem; font-weight: bold; color: #fff; display: inline-block; }
.g-team dd .prod-btn a:first-child{ background: #25be25; margin-right: 1rem; }


/*经典案例展示*/
.g-case{ padding: 0 2.96875%; margin-top: 3rem; }
.g-case .case-menu{ overflow: hidden; margin-bottom: 1rem; border: 1px solid #ccc;border-bottom: none;border-right: none;}
.g-case .case-menu li{ width: 33.33%; float: left; font-size: 0.83rem; color: #666; line-height: 2rem; border-right: 1px solid #ccc;text-align: center;border-bottom: 1px solid #ccc;}
.g-case .con{ width: 100%; display: block; float: left; }
.g-case .con li{ width: 100%; margin-bottom: 1.2rem; position: relative; line-height: 0;}
.g-case .con li img{ width: 100%; }
.g-case .con li span{ display: block; height: 2rem; line-height: 2rem; background: rgba(0,0,0,.5); text-align: center; font-size:1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  }
.g-case .con a:nth-child(2n) li{ float: right; }
.more-case{ height: 3.625rem; line-height: 3.625rem; background: #565458; text-align: center; font-size: 1rem; color: #fff; margin-top: 1.29rem; outline: 1px solid #8b8a8c; outline-offset: -0.29rem; display: block; }


/*荣誉客户*/
.g-partner{  padding: 0 2.96875%;  }
.g-partner h2{ text-align: center; background: url("../Images/partner_title_bg.jpg") no-repeat center center; background-size: 21.96rem 0.125rem; font-size: 1.5rem; color: #000000; margin: 3.125rem 0 1.42rem; font-weight: bold; }
.g-partner ul{ border: 1px solid #dfdfdf; overflow: hidden; border-left: none; border-bottom: none;}
.g-partner li{ width: 33.33%; float: left; line-height: 0;}
.g-partner li img{ width: 100%; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.g-partner .partner-more {margin-top: 1.25rem;text-align: center;font-size: 1rem;}
.g-partner .partner-more a{  color: #565458; border-bottom: 1px solid #565458; }


/*优势*/
.g-advantage{ background: url("../Images/advantage_bg.jpg") no-repeat center 0; background-size: 100%; overflow: hidden; margin: 2.875rem 0 0; padding:0 9.53125%; height: 36rem;}
.g-advantage .main-title,.g-advantage .main-title span{ color: #fff; }
.g-advantage .con{ width: 100%; display: inline; float: left;}
.g-advantage dl{overflow: hidden; padding: 0.75rem; background: #25be25; height:21rem}
.g-advantage dt{ margin-bottom: 1rem; }
.g-advantage dt img{ width: 100%; }
.g-advantage dd h3{font-size: 1.25rem; height: 2rem; font-weight: bold;color: #fff;margin-bottom: 0.2rem; border-bottom: 1px dashed #ecce91;}
.g-advantage dd p{ font-size: 1rem; line-height: 1.5rem; color: #faf2e3; }
.g-advantage dd a{ display: block; font-size: 1rem; color: #fff; margin: 1rem 0; }
.g-advantage .m-cnt{ height: 2.42rem; text-align: center; margin-top: 1.58rem; }
.g-advantage .m-cnt li{ width: 2.42rem; height: 2.42rem; background: #b8b7b9; border-radius: 3rem; display: inline-block; text-align: center; line-height: 2.42rem; font-size: 1.2rem; color: #fff; margin-left: 1.3rem; }
.g-advantage .m-cnt li:first-child{ margin-left: 0; }
.g-advantage .m-cnt li.z-on{ background: #565458; }


/*公司介绍*/
.g-company{ background: #eeeeee; overflow: hidden; }
.g-company dt{width: 100%;margin: 0 auto 1.5rem;}
.g-company dt img{display: block;width: 100%;}
.g-company dd{ padding: 0 6.25%;}
.g-company dd h3{font-size: 1rem;font-weight: bold;color: #25be25;margin-bottom: 0.6rem;}
.g-company dd p{ color: #6f6f6f;font-size: 1rem;line-height: 1.5rem; margin-bottom: 2.29rem;}
.g-company dd p a{ color: #565458; }


/*相册*/
.g-album{ height:22rem; background: #eeeeee; padding: 0 2.96875% 2.29rem; overflow: hidden; margin-bottom: 2.875rem; overflow:hidden;}

.g-album .album-list{height: 2.75rem; margin-bottom: 1.33rem;}
.g-album .album-list li{ height: 2.75rem; line-height: 2.75rem; background: #fff; font-size: 1rem; color: #555458; text-align: center; width: 33.33%; float: left;}
.g-album .album-list li.z-on{ background: #25be25; font-weight: bold; color: #fff; }
.g-album .album-style .page{ width: 100%; float: left; display: inline;}
.g-album .album-style .page li{ width: 47.67%; float: left; margin-bottom: 1.2rem; position: relative; line-height: 0;}
.g-album .album-style .page li img{ width: 100%; }
.g-album .album-style .page li span{ display: block; height: 2rem; line-height: 2rem; background: rgba(0,0,0,.5); text-align: center; font-size:1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  }
.g-album .album-style a:nth-child(2n) li{ float: right; }
.g-album .arrow{ margin-bottom:3rem;}

/*新闻资讯*/
.g-news{ overflow: hidden; padding: 0 2.96875%; margin-bottom: 2.5rem;}
.g-news .m-cnt{ height: 3.5rem; line-height:3.5rem; margin-bottom: 1.92rem;}
.g-news .m-cnt li{ font-size: 1.25rem;color: #555458; float: left; width: 49.83%; text-align: center; background: #e7e7e7; height: 3.5rem;}
.g-news .m-cnt li.z-on{ border-top: 0.25rem solid #25be25; font-weight: bold; color: #000000;}
.g-news .m-cnt li:first-child{ margin-right: 1px; }

.g-news .con{ float: left; display: inline; width: 100%;}
.g-news .con dl{ overflow: hidden; margin-bottom: 0.5rem; }
.g-news .con dt{ width: 26.578%; float: left; }
.g-news .con dt img{ width: 100%; }
.g-news .con dd{ width: 66.445%; float: right; }
.g-news .con dd h3{ font-size: 1rem; color: #555458; font-weight: bold; margin-bottom: 0.5rem;}
.g-news .con dd p{ font-size: 1rem;  line-height: 1.5rem; color: #565458; }
.g-news .con ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; overflow: hidden; border-bottom: 1px solid #e0e0e0; position: relative; color: #333333;}
.g-news .con ul li:before{ content: ''; width: 0.29rem; height: 0.083rem; background: #555458; position: absolute; top: 1.2rem; left: 0;}
.g-news .con ul a:last-child li{ border-bottom: 0;}
.g-news .con ul li span{ float: right; font-size: 1rem; color: #c1c1c1;}




@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:414px) {
	html { font-size:96%;}
}
@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%;}
}
