*{ box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*ban轮播广告*/
.g-adv{/* height:18.5rem;*/ overflow:hidden;}
.g-adv img{ display: block;width: 100%;height: auto;}


/*导航*/
nav{ height:5.875rem; overflow:hidden; background:#0b4849; position:relative;}
nav:before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	border-bottom: 1px solid #053a3b;
}
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 #053a3b;
}
nav a:nth-child(3n) li{
	border-right: none;
}


/*优势*/
.g-qualtiy .quality-img{ }
.g-qualtiy .quality-img img{ width: 100%; }
.g-qualtiy dl{ padding: 4%; }
.g-qualtiy dt{ font-size: 1rem; color: #d0d0d0; text-transform: uppercase; margin-bottom: 0.83rem;}
.g-qualtiy dt b{  font-size: 1.3rem;display: block; padding-left: 7%; color: #458988;}
.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.png") no-repeat 0 0.3rem; background-size: 1.5rem; }
.g-qualtiy .con:nth-child(2) dl dt b{ background: url("../Images/feature_icon2.png") no-repeat 0 0.3rem; background-size: 1.5rem; }
.g-qualtiy .con:nth-child(3) dl dt b{ background: url("../Images/feature_icon3.png") no-repeat 0 0.3rem; background-size: 1.5rem; }
.g-qualtiy .con:nth-child(4) dl dt b{ background: url("../Images/feature_icon4.png") no-repeat 0 0.3rem; background-size: 1.5rem; }
.g-qualtiy .con:nth-child(5) dl dt b{ background: url("../Images/feature_icon5.png") no-repeat 0 0.3rem; background-size: 1.5rem; }
.g-qualtiy .con:nth-child(6) dl dt b{ background: url("../Images/feature_icon6.png") no-repeat 0 0.3rem; background-size: 1.5rem; }
.g-qualtiy .m-cnt{ height: 2.42rem; text-align: center; margin-bottom: 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: 1rem; }
.g-qualtiy .m-cnt li:first-child{ margin-left: 0; }
.g-qualtiy .m-cnt li.z-on{ background: #458988; }



/*产品特性*/
.impo_wrap {width: 100%;height: auto;clear: both;padding-bottom: 0.6rem;border-bottom: #ededed 0.15rem solid;border-top: #ededed 0.15rem solid;}
.title_main {margin: 30px auto;}
.index-title {text-align: center;     font-size: 1.48rem; font-weight: 600;color: #333; padding-bottom: 5px;}
.index-text {margin: 0 auto; text-align: center;}
.index-text em {display: inline-block; padding: 0 10px;font-family: 'microsoft yahei';font-size: 16px;color: #999;font-weight: 100;margin-left: 10px;}

.impo{height:auto;clear:both;padding-top:0.4rem;padding-bottom:0.2rem;margin:0px auto;}
.impo .bd ul{position:relative;width:92.1875%;margin:0px auto;}
.impo .bd ul li{ width:100%; height:10.2rem; background:#f5faff; margin-bottom:0.12rem;}
.impo .bd ul li img{position:absolute;left:0.12rem;top:0.18rem; width:6.62rem;border-radius: 100px; border: 5px #96c928 solid;}
.impo .bd h4{font-size:1.20rem; font-weight:600;color:#333;position:absolute;left:6.95rem;top:0.2rem; background:url(../Images/333_2x40.gif) bottom left no-repeat; background-size:0.4rem; padding-bottom:0.15rem}
.impo .bd span{font-size:0.9rem; font-weight:500;}
.impo .bd p{ width:17.7rem;font-size:0.9rem; font-weight:300; color:#999;position:absolute;left:6.95rem;top:4rem; text-align:justify; text-justify: distribute;letter-spacing:0rem;}
.impo_a h4{font-size:20px;margin-top:20px;}
.impo_a p{width:80%;margin:20px auto;margin-top:10px;text-align:left;}


/*产品列表*/
.prod_fenlei div{ width:1rem; height:2rem;background:url(../Images/nav_cp_ico_s.gif) no-repeat; background-size:1rem 1.5rem; float:left; margin-top:1.15rem; margin-left:1.5rem; margin-right:1.1rem;}
.prod_fenlei{font-size:1.24rem; background:#ccc;}
.prod_fenlei h4{font-size:1.48rem; color:#fff;     font-weight: 600; line-height:3.2rem; background:#d1292d url(../Images/bg_40x40.jpg) no-repeat; background-size:cover;}
.prod_fenlei_uses h4{background:#d1292d url(../Images/bg_40x40_f.jpg) no-repeat;background-size:cover;}
.prod_fenlei h5{font-size:1.24rem; color:#333; font-weight:normal; line-height:3.2rem;}
.prod_fenlei td{ background:#fff}

.product_wrap{ background:#ededed;height:auto;clear:both;}
.product_list{width:100%;height:auto;text-align:center;}
.product_list .bd ul{text-align:left;}
.product_list .bd ul h4{font-size:1rem;font-weight:600;color:#555;margin-top:1.12rem;}
.product_list .bd ul a p{font-size:1.2rem;color:#999;}
.product_list .bd ul li{
	float:left;
	text-align:center;
	width:48%;
	height:18.2rem;
	margin:0.8% 1%;
	background:#fcfcff;
	overflow:hidden;
	position:relative;
	}
.cp_hot{position:absolute;z-index:999;}
.product_list .bd ul li .cp_img{width:100%;height:13.15rem;background:#fff;overflow:hidden;}
.product_list .bd ul .cp_img img{height:13.15rem;}
#icon_s_xiangshui{ background-position:0rem 0rem;}

/*优势*/
.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: #458988; 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: 1.2rem;font-weight: bold;color: #458988;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-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 #458988; 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%;}
}