.wrap {background:#fff;font-family: "Microsoft Yahei";}	
.wrap img {width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:87%;}
}
@media screen and (min-width:375px) {
	html { font-size:88%;}
}
@media screen and (min-width:400px) {
	html { font-size:98%;}
}
@media screen and (min-width:414px) {
	html { font-size:100%;}
}
@media screen and (min-width:480px) {
	html { font-size:112%;}

}
@media screen and (min-width:568px) {
	html { font-size:131%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}

/* rem 数值÷html=rem */


/*主导航*/
.nav{height: 5.5rem;overflow: hidden;}

.nav ul{position: relative;height: 5.5rem;}
.nav ul:before{content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #fff;}
.nav li{width: 33.3333%;float: left;box-sizing:border-box;height: 2.75rem;line-height: 2.75rem;background: #0b7edd;text-align: center;font-size: 1rem;color: #fff;outline: 1px solid #008ddc;outline-offset: -2px;border: 1px solid #008ddc;}
.nav a:nth-child(2) li,.nav a:nth-child(5) li{border-left: 1px solid #0065b8;border-right: 1px solid #0065b8;}

/*banner*/
.banner{height: 12.5rem;overflow: hidden;}
.banner .sclwrap_box{height: 12.5rem;}
.banner .con{display: inline;float: left;}
.banner img{display: block;height: 12.5rem;}


/*搜索栏*/
.search{ margin: 1.41rem auto 0; padding-left: 3%; width: 87%; height: 1.91rem; border: 1px solid #e8e8e8; border-radius: 1rem; line-height: 1.91rem; background: #f1f1f1;}
.search input{ height: 1.91rem; font-size: 0.91rem; color: #999; border: 0; background: none; overflow: hidden;}
.search input:first-child{ float: left; width: 92%;}
.search input:last-child{ float: left; width: 6%; background: url(../images/index/sear-ss.gif) no-repeat; background-size: 1.25rem 1.91rem;}


/*产品中心*/
.pro{ margin-top: 2.66rem; height: 27.25rem; overflow: hidden;}

.tit1{ font-size: .58rem; text-align: center; text-transform: uppercase;}
.tit1 a{ color: #555;}
.tit1 b{ margin-bottom: .15rem; display: block; font-size: 1.25rem; color: #006cc5;}
.tit1 b i{ color: #ff7a00;}

.pro ul{ margin: .58rem auto 0; width: 90%;}
.pro ul li{ float: left; margin-bottom: .83rem; width: 47%; height: 2.15rem; font-size: 1rem; text-align: center; line-height: 2.15rem; background: #f0f0f0;}
.pro ul li.pro-right{ float: right;}
.pro ul li.pro-last{ width: 100%;}
.pro ul li a{ display: block; color: #555;}


/*热销产品*/
.hot-pro{ height: 36.41rem; overflow: hidden;}

.hot-pro h2 b{ font-size: 1rem; background: url(../images/index/h-bg1.gif) no-repeat center center; background-size: 19.16rem .5rem;}
.hot-pro h2 a{ font-size: .75rem;}

.hot-pro ul{ margin: 1.5rem auto 0; width: 90%;}
.hot-pro ul li{ float: left; width: 46%; height: 14rem; overflow: hidden;}
.hot-pro ul li:nth-child(even){ float: right;}
.hot-pro ul li img{ display: block; box-sizing: border-box; border: 1px solid #ddd;}
.hot-pro ul li p{ margin-top: .5rem; height: 1rem; font-size: 1rem; text-align: center; line-height: 1rem; overflow: hidden;}
.hot-pro ul li p a{ color: #555;}

a.more{ margin: 0 auto; display: block; width: 90%; height: 2.33rem; border: 1px solid #ddd; border-radius: .15rem; font-size: 1rem; color: #666; text-align: center; line-height: 2.33rem;
background: -moz-linear-gradient(top,  #fefefe 0%, #e9e9e9 100%);
background: -webkit-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #fefefe 0%,#e9e9e9 100%);
}


/*行业案例*/
.case{ height: 38.08rem; overflow: hidden;}

.casecon{ margin: .75rem auto .5rem; width: 90%;}
.casecon li{ float: left; margin: 0 2% 1rem 0; width: 32%; height: 2.08rem; outline: 1px solid #0492e2; outline-offset: -2px; border-radius: .1rem; font-size: 1rem; color: #fff; text-align: center; line-height: 2.08rem; background: #0270ca;}
.casecon li:nth-child(3n){ margin-right: 0;}
.casecon li.z-on{ outline-color: #ffaa00; background: #ff8700;}

.case .sclwrap_box{height: 19.66rem;}
.case .con{display: inline;float: left;}

.caseconbox{ margin: 0 auto; width: 90%;}
.caseconbox p{ height: 2rem; font-size: 1rem; text-align: center; line-height: 2rem; overflow: hidden;}
.caseconbox p a{ color: #555;}


/*优势*/
.ys{ padding-top: 3rem; height: 34.08rem; overflow: hidden; background: url(../images/index/ys-bg.jpg) no-repeat; background-size: 100%;}

.ys ul{ margin: 19.66rem auto 0; width: 92%;}
.ys ul li{ float: left; width: 50%; height: 2.58rem; font-size: 1rem; color: #fff; line-height: 2.58rem; overflow: hidden;}
.ys ul li i{ position: relative; font-size: 1.25rem; color: #00fcff;}
.ys ul li i:before{ position: absolute; left: 20%; bottom: 5%; content: ""; width: 60%; height: 1px; background: #00fcff;}


/*共同见证*/
.witness{ margin-top: 2.66rem; height: 27rem; overflow: hidden;}

.witness h2{ color: #999;}

.witnessbox{ margin: 1rem auto 1.66rem; width: 90%;}
.witnessbox dl:first-child{ height: 9.16rem; overflow: hidden;}
.witnessbox dt{ float: left; width: 45%; font-size: 0;}

.witnessbox dd{ float: right; width: 51%;}
.witnessbox dd h5{ font-size: .91rem; color: #555;}
.witnessbox dd p{ margin: .4rem 0; height: 3.75rem; overflow: hidden; font-size: .91rem; color: #999; line-height: 1.25rem;}
.witnessbox dd a{display: block; width: 45%; height: 1.3rem; outline: 1px solid #ffb500; outline-offset: -2px; border-radius: .1rem; font-size: 1rem; color: #fff; text-align: center; line-height: 1.3rem; background: #ff8400;}


/*合作伙伴*/
.partner{ padding-top: 2.5rem; height: 16.66rem; overflow: hidden; background: url(../images/index/partner-bg.jpg) no-repeat; background-size: 100%;}
.partner img{ display: block;}

.partner h2 b,.partner h2 a{ color: #fff;}

.parbox{ position: relative; margin: 1.75rem auto 0; width: 90%; height: 9.58rem; overflow: hidden;}

.parbox .prev,.parbox .next{ position: absolute; bottom: 0; width: 8%;}
.parbox .prev{ left: 41%;}
.parbox .next{ right: 41%;}

.parbox .prev:before{ position: absolute; left: -500%; top: 50%; content: ""; width: 500%; height: 1px; background: #fff;}
.parbox .next:before{ position: absolute; right: -500%; top: 50%; content: ""; width: 500%; height: 1px; background: #fff;}

.partner .sclwrap_box{height: 7.5rem;}
.partner .con{display: inline;float: left;}

.parconbox li{ float: left; width: 48%;}
.parconbox li:nth-child(2n){ float: right;}
.parconbox li p{ margin-top: .25rem; height: 1.25rem; overflow: hidden; font-size: 1rem; text-align: center; line-height: 1.25rem;}
.parconbox li p a{ color: #fff;}


/* 公司简介 */
.zjgs{margin-top: 3rem;height: 21.58rem;overflow: hidden;}
.zjgs img{display: block;}

.zjgs dl{width: 90%;margin: .75rem auto 0;}
.zjgs dd{ margin-top: 1.25rem;}
.zjgs dd p{font-size: 0.91rem;color: #777;}
.zjgs dd p a{color: #ff7a00;}


/*新闻资讯*/
.information{ position: relative; height: 16.91rem; overflow: hidden;}

.information a.more1{ position: absolute; right: 5%; top: .5rem; font-size: .75rem; color: #888; text-transform: uppercase;}

.infcon{ margin: 0 auto; width: 90%; height: 2rem; border-bottom: 1px solid #222; overflow: hidden; font-size: 1.08rem; color: #006cc5; font-weight: bold; text-align: center;}
.infcon li{ float: left; width: 25%; height: 1.85rem;}
.infcon li.z-on{ border-bottom: .15rem solid #006cc5; color: #f27000;}

.information .sclwrap_box{height: 14.5rem;}
.information .con{display: inline;float: left;}

.infconbox{ margin: 1rem auto 0; width: 90%;}
.infconbox li{ padding-left: 6%; height: 2rem; border-bottom: 1px dashed #ddd; overflow: hidden; font-size: 1rem; line-height: 2rem; background: url(../images/index/inf-ico1.gif) no-repeat 0 center; background-size: .5rem;}
.infconbox li:last-child{ border-bottom: none;}
.infconbox li a{ color: #333;}