/*主导航*/
nav{ height:5.83rem; overflow:hidden; background:#163a84; position:relative;}
nav:before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	border-bottom: 1px solid #051e51;
}
nav:after{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 51%;
	border-bottom: 1px solid #2752ab;
}
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 #2752ab;
	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.2rem; overflow: hidden; text-align: center; width: 29.375%; }
.pro h2 img{ width: 100%; }
.pro h2 span{ display: block; font-size: 0.5rem; text-transform: uppercase; color: #999999; font-family: "arial"; line-height: 1rem;}

.pro .g-pro{ width: 90.625%; margin: 0 auto;}
.pro .g-pro .m-cnt{ border-bottom: 1px solid #ddd; overflow: hidden; margin-bottom: 1.25rem;}
.pro .g-pro .m-cnt li{ float: left; font-size: 0.9166rem; color: #333; margin-right: 6%; line-height: 2rem;}
.pro .g-pro .m-cnt li:nth-child(4){ margin-right: 0;}
.pro .g-pro .m-cnt li.z-on{ color: #da2538; border-bottom: 0.125rem solid #da2538;}

.pro .g-pro .con{ float: left; display: inline; width: 100%;}
.pro .g-pro .con ul li{ float: left; width: 46.551%; height: 11.9583rem; 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; background: #e2e2e2  no-repeat 60% center; text-align: center; font-size: 1rem; color: #333333; padding-right: 3rem; background-size: 1rem;}


/*解决方案*/
.solution{ margin: 2.916rem 0 0; overflow: hidden; background:  no-repeat center 0; background-size: 100%; height: 25.83rem;}
.solution h2{ margin: 3rem auto 0.9rem; overflow: hidden; text-align: center; width: 47.5%; }
.solution h2 img{ width: 100%; }
.solution h2 span{ display: block; font-size: 0.5rem; text-transform: uppercase; color: #999999; font-family: "arial"; line-height: 1rem;} 
.g-solution{ width:90.625%; margin: 0 auto; overflow: hidden;}
.g-solution .prev{float: left;margin: 6.5rem 1.7% 0 0;}
.g-solution .next{
	float: right;
	margin: 6.5rem 0 0 0;
}
.g-solution .prev,.g-solution .next{
	width: 2rem;
	height: 2rem;
	overflow: hidden;
}
.g-solution .prev img,.g-solution .next img{
	display: block;
	width: 100%;
	height: auto;
}
.g-solution .nowarp{
	width: 80%;
	float: left;
    margin: 0 auto;
    overflow: hidden;
}
.g-solution img{
	width: 100%;
}
.g-solution .con span{
	display: block;
	text-align: center;
	font-size: 0.92rem;
	color: #fff;
	font-family: "microsoft yahei";
	line-height: 2em;
}


/*优势*/
.adv{overflow: hidden; font-family: "microsoft yahei"; margin-bottom: 2.8rem;}
.adv h2{ margin: 3rem auto 1.8rem; 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{ width: 90.625%; margin: 0 auto;}
.adv .g-adv .sclwrap_box,.g-adv .m-box .con{ height: 27.75rem; overflow: hidden;}
.adv .g-adv dl{ height: 27.75rem; overflow: hidden;}
.adv .g-adv dt{ width: 100%; height: 13.05rem;}
.adv .g-adv dd{ overflow: hidden;}
.adv .g-adv dd h3{ margin: 1rem 0 0.8rem; height: 2.83rem; font-size: 1rem; color: #333; font-weight: bold; padding: 0.5rem 0 0 17.24%;}
.adv .g-adv dd h3 span{ color: #da2538}
.adv .g-adv dd h3 em{ display: block; font-size: 0.41rem; font-weight: normal; text-transform: uppercase;}
.adv .g-adv dd ul{ padding-left: 5.1%;}
.adv .g-adv dd li{ font-size: 0.916rem; line-height: 1.5rem; color: #333; background:  no-repeat 0 0.7rem; padding-left: 3%; margin-bottom: 0.5rem;}
.g-adv .con:nth-child(1) h3{
    background:  no-repeat left center;
    background-size: 100% 3.33rem;
}
.g-adv .con:nth-child(2) h3{
    background:  no-repeat left center;
    background-size: 100% 3.33rem;
}
.g-adv .con:nth-child(3) h3{
    background:  no-repeat left center;
    background-size: 100% 3.33rem;
}
.g-adv .con:nth-child(4) h3{
    background:  no-repeat left center;
    background-size: 100% 3.33rem;
}
.g-adv .m-cnt{
	height: 0.91rem;
	overflow: hidden;
	padding-left: 34%;
}
.g-adv .m-cnt li{
    width: 0.91rem;
    height: 0.91rem;
    background: #163a84;
    border-radius: 5rem;
    float: left;
    margin-right: 1.25rem;
}
.g-adv .m-cnt li.z-on{
    background: #da2538;
}


/*合作客户*/
.g-partner{height: 15.29rem;overflow: hidden;background:  no-repeat center 0;padding: 0 4.6875%;}
.g-partner h2{ margin: 3rem auto 0.9rem; overflow: hidden; text-align: center; width: 87.97%; }
.g-partner h2 img{ width: 100%; }
.g-partner h2 span{ display: block; font-size: 0.5rem; text-transform: uppercase; color: #999999; font-family: "arial"; line-height: 1rem;} 
.g-partner .prev{float: left;margin: 1.25rem 3% 0 0;}
.g-partner .next{float: right;margin: 1.25rem 0 0 0;}
.g-partner .prev,.g-partner .next{width: 7.5%;height: 2rem;overflow: hidden;}
.g-partner .prev img,.g-partner .next img{display: block;width: 100%;height: auto;}
.g-partner .nowarp{float: left;width: 77.58%;overflow: hidden;}
.g-partner .nowarp .con{ float: left; display: inline; width: 100%;}
.g-partner li{
	width: 46.2%;
	height: 8.58rem;
	overflow: hidden;
	float: left;
}
.g-partner li img{
	display: block;
	width: 100%;
	height: auto;
}
.g-partner li span{
	font-size: 1rem;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	color: #fff;
	font-family: "microsoft yahei";
}
.g-partner a:nth-child(2n) li{
	float: right;
}


/*客户见证*/
.witness{ overflow: hidden; width: 90.625%; margin: 0 auto; font-family: "microsoft yahei";}
.witness h2{ margin: 3rem auto 0.9rem; overflow: hidden; text-align: center; width: 87.97%; }
.witness h2 img{ width: 100%; }
.witness h2 span{ display: block; font-size: 0.5rem; text-transform: uppercase; color: #999999; font-family: "arial"; line-height: 1rem;} 
.witness dl{ height: 7.5rem; overflow: hidden; margin-bottom: 1.625rem;}
.witness dt{ width: 50.86%; float: left; overflow: hidden; height: 7.5rem;}
.witness dt img{ display: block; width: 100%}
.witness dd{ width: 43.1%; float: right; overflow: hidden;}
.witness dd h3{ font-size: 0.92rem; color: #333333; margin-bottom: 0.5rem; font-family: "microsoft yahei";}
.witness dd p{ font-size: 0.83rem; line-height: 1.25rem; color: #555555;}
.witness dd .detail{ font-size: 0.83rem; display: block; width: 60%; height: 1.5rem; line-height: 1.5rem; background: #163a84; color: #fff; text-align: center; font-family: "microsoft yahei"; margin-top: 0.6rem;}



/*关于我们*/
.about{ overflow: hidden;}
.about h2{ margin: 1.4rem auto 0.9rem; overflow: hidden; text-align: center; width: 29.375%; }
.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: #163a84; 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: #da2538;}


/*风采*/
.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: #163a84; 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: #da2538;}
.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 #da2538;}

.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(/uploads/image/mi/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%;}
}