.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/index/show.jpg) no-repeat 50% 50%;background-size:100% auto;z-index:51;  display:none;max-width:640px; min-width:320px; z-index:99999;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }

@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/*荣誉资质*/
.g-honor{ padding:1.2rem 0 0.8rem; border-bottom:#eceff2 0.5rem solid;}
.m-bt{display: block;font-size: 1.5rem;color: #33305e;font-weight: bold;width: 100%;text-align: center;height: 2.6rem;line-height: 2.6rem;position: relative;}
.m-bt:before{ content:"";width: 1.1rem;height: 0.2rem;background: #4b5c8e;position: absolute;top: 45%;left: 18%;}
.m-bt:after{ content:"";width: 1.1rem;height: 0.2rem;background: #4b5c8e;position: absolute;top: 45%;right: 18%;}
.g-honor .sclwrap_box{ height:14rem;overflow: hidden; padding:1rem 0 0;}
.g-honor .m-box .con{ display:inline; float:left;}
.g-honor .m-box ul li{width: 43.75%;float: left; padding:0 0 0 4%;}
.g-honor .m-box ul li img{display: block;width: 96.42%; border:#e7e7e7 0.25rem solid;}
.g-honor .m-box ul li span,.g-case .m-box ul li span{display: block;font-size: 1.2rem;color: #333;width: 100%;text-align: center; padding:0.5rem 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-honor .m-cnt{ width:15rem; display:inline-block; padding:0 0 0 15rem;}
.g-honor .m-cnt li{ width:0.5rem; height:0.5rem; background:#c2c2c2; float:left; margin-right:0.6rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-honor .m-cnt li.z-on{ background:#33305e; }

/*经典案例*/
.g-case{ width:100%; padding:1.5rem 0 1.8rem; border-bottom:#eceff2 0.5rem solid;position: relative;}
.g-case .m-bt:before,.g-hz .m-bt:before{left: 5%;}
.g-case .m-bt:after,.g-hz .m-bt:after{right: 5%;}
.g-case .u-more{display: block;width: 7.3rem;text-align: center;height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;color: #fff;position: absolute;top: 5.4rem;right: 1.2rem;z-index: 20;}
.g-case .m-cnt{ height:3.5rem; width:92.19%; background:#9fa5b3; margin:1.3rem auto 1.5rem;}
.g-case .m-cnt li,.g-plan .m-cnt li{ width:25%; text-align:center; float:left; position:relative;height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;color: #fff;}
.g-case .m-cnt li:before,.g-plan .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-case .m-cnt li.z-on,.g-plan .m-cnt li.z-on{ background:#33305e;}
.g-case .m-box .con,.g-plan .m-box .con{ display:inline; float:left;}
.g-case .m-box ul{ width:92.19%; margin:0 auto;}
.g-case .m-box ul li{width: 100%;}
.g-case .m-box ul li span{color: #666; padding:0.8rem 0 0;}

/*解决方案*/
.g-plan{ width:92.19%; margin:0 auto; padding:1.5rem 0 2rem;}
.g-plan .m-bt:before{left: 3%;}
.g-plan .m-bt:after{right: 3%;}
.g-plan .sclwrap_box{ height:22.5rem;overflow: hidden; padding:1rem 0 0;}
.plan_pic{width: 100%;position: relative;line-height:0;}
.plan_m{width: 100%;height: 5.8rem;position: absolute;bottom: 0;left: 0; background:url(../images/index/plan_picbg.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.plan_m b{display: block;float: left;font-size: 1.5rem;color: #fff;width: 2rem;text-align: center; padding:0.8rem 0 0 1rem;line-height:1.7rem;}
.plan_txt{float: right;font-size: 1.2rem;color: #fff;line-height: 1.6rem;width: 25rem; padding:0.4rem 0 0;}
.g-plan .m-cnt{ height:3.5rem; width:100%; background:#9fa5b3; }
.g-plan .m-cnt li:last-child:before{ background:none;}
.g-plan .u-more{display: block;font-size: 1.2rem;color: #33305e;width: 99%;height: 3.9rem;text-align: center;line-height: 3.9rem; border:#b5b5c6 1px solid; margin:1rem auto 0;}

/*合作客户*/
.g-hz{ border-bottom:#eceff2 0.5rem solid; border-top:#eceff2 0.5rem solid; padding:1.5rem 0 2rem;}
.g-hz ul li{width: 28.13%;float: left;line-height: 0; padding:1.2rem 0 0 1.2rem;}

/*优势*/
.g-ys{width: 93.75%; margin:0 auto; padding:1.5rem 0 2rem;}
.g-ys .m-bt:before{left: 10%;}
.g-ys .m-bt:after{right: 10%;}
.g-ys dl{ display:inline-block;width: 100%; padding:1.2rem 0 0;}
.g-ys dl dt{width: 6.9rem;height: 6.9rem;float: left; padding:0.5rem 1rem 0 0;}
.g-ys dl dd{width: 21.8rem;float: left; border-bottom:#eceff2 1px solid; padding:0 0 1rem;}
.g-ys dl dd b{display: block;font-size: 1.3rem;color: #333; padding:0 0 0.5rem;}
.g-ys dl dd p{font-size: 1.2rem;color: #666;}

/*走进百联*/
.g-about{ width:100%;height: 33.3rem; padding:2rem 0 0;overflow: hidden; background:url(../images/index/ab_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about .m-bt:before{left: 33%;}
.g-about .m-bt:after{right: 33%;}
.g-about dl{ width:93.75%; margin:0 auto; padding:2rem 0 0;}
.g-about dl dt{ width:77.83%; margin:0 auto;}
.g-about dl dd{ width:100%;font-size: 1.2rem;color: #666;line-height: 2.2rem; padding:4rem 0 0;}

/**/

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}