.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 */

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

/*主导航*/
.nav{height: 15.91rem;overflow: hidden;margin-top: 1.25rem;}

.nav li{ float: left; margin: 0 5% 1.5rem; width: 5.83rem; height: 5.83rem; overflow: hidden; border: 1px solid #d9d9d9; border-radius: .3rem; text-align: center; background: url(../images/index/nav-bg.png) #eaeaea no-repeat; background-size: 100%;}
.nav li i{ margin: 0 auto .15rem; display: block; width: 2.75rem; height: 2.75rem; background: url(../images/index/icobox.png) no-repeat; background-size: 16.91rem 2.75rem;}
.nav li a{ padding-top: 1rem; display: block; height: 4.83rem; font-size: 1rem; color: #5e5e5e;}

.nav li:nth-child(2) i{ background-position: -2.83rem 0;}
.nav li:nth-child(3) i{ background-position: -5.66rem 0;}
.nav li:nth-child(4) i{ background-position: -8.49rem 0;}
.nav li:nth-child(5) i{ background-position: -11.32rem 0;}
.nav li:nth-child(6) i{ background-position: -14.15rem 0;}


/*难题*/
.problem{ padding-top: 2rem; height: 36.95rem; overflow: hidden; background: url(../images/index/problem-bg.jpg) no-repeat; background-size: 100%;}

.problem i{ position: relative; z-index: 3; margin: 0 auto; display: block; width: 75%;}
.problem i img{ display: block;}

.problem ul{ margin: -3.58rem auto 0; width: 92%;}
.problem li{ position: relative; z-index: 1; margin-bottom: .75rem; width: 83%; height: 2.08rem; font-size: .91rem; color: #59493f; text-align: center; line-height: 2.08rem; overflow: hidden; border-radius: 1.5rem; background: #fff;}

.problem li:nth-child(2){ z-index: 4; width: 70%;}
.problem li:nth-child(3){ width: 94%;}
.problem li:nth-child(4){ width: 98%;}
.problem li:nth-child(5){ width: 80%;}
.problem li:nth-child(6){ width: 70%;}


/*一站式服务*/
.serve{ padding-top: 1.5rem; height: 21.5rem; overflow: hidden; background: url(../images/index/serve-bg.jpg) no-repeat; background-size: 100%;}

.serve h2{ margin-bottom: .5rem; font-size: .91rem; color: #fff; font-weight: bold; text-align: center;}
.serve h2 b{ display: block; font-size: 1.16rem;}
.serve h2 b i{ color: #005bac;}

.servebox{ position: relative; margin: 0 auto; padding-top: 1.5rem; width: 30%; height: 6.41rem; background: #ece9e9;}

.servebox .prev,.servebox .next{ position: absolute; top: 3rem; width: 24%;}
.servebox .prev{ left: -38%;}
.servebox .next{ right: -38%;}

.serve .sclwrap_box{height: 6.41rem;}
.serve .con{display: inline;float: left;}

.serveconbox dl{ margin: 0 auto; width: 70%; height: 1.5rem; text-align: center;}
.serveconbox dt{ position: relative; float: left; width: 80%; height: 1.5rem; font-size: .83rem; color: #333; font-weight: bold; text-align: center;}
.serveconbox dt:before{ position: absolute; left: 30%; bottom: 0; content: ""; width: 40%; height: .1rem; background: #333;}
.serveconbox dd{ float: left; width: 20%; font-size: 1.25rem; color: #333; line-height: 1.5rem; letter-spacing: -.1rem;}
.serveconbox p{ margin: .25rem auto; width: 85%; font-size: .41rem; color: #292929; letter-spacing: -1px; opacity: .5;}
.serveconbox em{ display: block; font-size: .58rem; color: #333; text-align: center; line-height: 1rem;}

.serve h3{ margin-top: 2.5rem; font-size: .91rem; color: #82ac30; text-align: center; line-height: 1.63rem;}
.serve h3 b{ display: block; font-size: 1.25rem;}

.serve-btn{ margin-top: .33rem; text-align: center;}
.serve-btn a{ margin: 0 5%; display: inline-block; width: 20%; height: 1.33rem; font-size: .91rem; color: #fff; background: #4d4d4d;}
.serve-btn a:last-child{ background: #1167a4;}


/*优势*/
.advantage{ height: 35.16rem; overflow: hidden;}
.advantage img{ display: block;}

.advantage .sclwrap_box{height: 21.33rem;}
.advantage .con{float: left; width:100%; height:auto;}

.adbox{ position: relative; padding: 1.5rem 5% 0; width: 90%; height: 23.83rem; background: url(../images/index/ys-bg1.gif) no-repeat 0 95%; background-size: 100%;}

.adconbox i{ display: block; width: 100%;}

.adconbox dl{ margin-top: 1rem; padding-bottom: 1.16rem; border-bottom: 1px solid #e4e4e4; background: url(../images/index/ys-bg.gif) repeat-x 0 95%; background-size: .25rem;}
.adconbox dt{ position: relative; float: left; width: 1.5rem; height: 1.75rem; font-size: 1.25rem; color: #fff; text-align: center; line-height: 1.75rem; background: #333;}
.adconbox dt:before{ position: absolute; left: 0; top: 0; content: ""; width: 0; height: 0; border-top: .5rem solid #fff; border-right: 1.5rem solid transparent; }
.adconbox dd{ float: right; width: 92%; font-size: 1.16rem; color: #1167a4; font-weight: bold; line-height: 1.75rem;}

.adconbox ul{ margin-top: 1.5rem;}
.adconbox li{ height: 2rem; font-size: 1rem; color: #666;}
.adconbox li em{ color: #1167a4;}

.adcon{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0; text-align: center;}
.adcon li{ margin: 0 2%; display: inline-block; width: 1.5rem; height: 1.5rem; font-size: 1rem; color: #fff; text-align: center; line-height: 1.5rem; background: #4d4d4d;}
.adcon li.z-on{ background: #005bac;}


/*案例*/
.case{ padding-top: 1.83rem; height: 29rem; overflow: hidden; background: #f0f0f0;}

.case h2{ text-align: center;}
.case h2 b{ font-size: 1.33rem; color: #4d4d4d; font-weight: bold; line-height: 1.4;}
.case h2 p{ position: relative; font-size: .91rem; color: #777;}
.case h2 p:before{ position: absolute; left: 5%; top: 50%; content: ""; width: 33%; height: 1px; background: #ccc;}
.case h2 p:after{ position: absolute; right: 5%; top: 50%; content: ""; width: 33%; height: 1px; background: #ccc;}

.case ul{ margin: 1.25rem auto 0; width: 90%;}

.case li{ position: relative; float: left; margin-bottom: .83rem; width: 48.5%;}
.case li:nth-child(2n){ float: right;}
.case li img{ display: block;}
.case li p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2rem; font-size: .91rem; text-align: center; line-height: 2rem; overflow: hidden; background: url(../images/index/bg-gray.png) repeat; background-size: .5rem;}
.case li p a{ color: #fff;}

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


/* 公司简介 */
.company{ margin-top: 2.5rem; height: 39.33rem; overflow: hidden;}
.company img{ display: block;}

.company h2{ padding: 1.15rem 0; background: #005bac;}

.company dl{ margin: 1.33rem auto 0; width: 90%;}

.company dt{ position: relative; margin: 0 auto; width: 85%; outline: 1px solid #ccc; outline-offset: .25rem;}
.company dt p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1.91rem; font-size: 1rem; color: #fff; text-align: center; line-height: 1.91rem; overflow: hidden; background: url(../images/index/bg-black.png) repeat; background-size: .5rem;}

.company dd{ margin-top: 1.25rem; font-size: 1rem; color: #4d4d4d; line-height: 1.66rem;}

.company a.more{ position: relative; margin: .75rem auto 0; display: block; width: 7.25rem; height: 2.75rem;}
.company a.more:before{ position: absolute; left: -35%; top: 50%; content: ""; width: 24%; height: 1px; background: #99cc33;}
.company a.more:after{ position: absolute; right: -35%; top: 50%; content: ""; width: 24%; height: 1px; background: #99cc33;}


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

.infcon{ height: 2.58rem; line-height: 2.58rem; background: #4d4d4d;}

.infcon li{ float: left; width: 30%; font-size: 1rem; color: #fff; text-align: center;}
.infcon li.z-on{ font-weight: bold; background: #005bac;}

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

.infconbox{ margin: 1.25rem auto 0; width: 88%;}
.infconbox li{ position: relative; height: 2.41rem; font-size: 1rem; line-height: 2.41rem; overflow: hidden; border-bottom: 1px dashed #ddd;}
.infconbox li:last-child{ border-bottom: 0;}
.infconbox li a{ color: #666;}

.information a.look-more{ margin-top: 0; height: 2rem; line-height: 2rem; border: .1rem solid #888; border-radius: .3rem; background: none;}