.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-four{width: 100%;height: 20rem;position: relative;}
.g-four:before{ content:"";width: 100%;height: 1px;background: #f4f4f4;position: absolute;top: 50%;left: 0;}
.g-four:after{ content:"";width: 1px;height: 100%;background: #f4f4f4;position: absolute;left: 50%;top: 0;}
.g-four ul li{width: 50%;float: left;text-align: center;font-size: 1rem;color: #999; padding:1.5rem 0 0;height: 8rem;}
.g-four ul li em{display: block;width: 2rem; margin:0 auto;}
.g-four ul li em img{width: 2rem;height: 2.2rem;}
.g-four ul li b{display: block;font-size: 1.3rem;color: #444;height: 2.5rem;line-height: 2rem;position: relative; margin-bottom:0.5rem;}
.g-four ul li b:before{ content:"";width: 1.2rem;height: 2px;background: #cb211a;position: absolute;bottom: 0;left: 46%;}

/*先企产品中心*/
.g-cp{width: 100%; border-top:#f4f4f4 1.2rem solid; border-bottom:#f4f4f4 1.2rem solid;}
.m-bt01{display: block;width: 100%;font-size: 1.8rem;color: #444;text-align: center;height: 5rem;line-height: 5rem;overflow: hidden; border-bottom:#f4f4f4 2px solid; background:url(../images/index/cp_tbg.gif) 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;}

.fenl01,.g-case .m-cnt{width: 92.5%; margin:1rem auto;height: 8rem;background: #2a2a2a;position: relative;}
.fenl01:before,.g-case .m-cnt:before{content:"";width: 100%;height: 1px;background: #7b7b7b;position: absolute;top: 50%;left: 0;}
.fenl01 ul li,.g-case .m-cnt li{width: 33.33%;float: left;height: 4rem;line-height: 4rem;overflow: hidden;position: relative;text-align: center;}
.fenl01 ul li:before,.g-case .m-cnt li:before{content:"";width: 1px;height: 100%;background: #7b7b7b;position: absolute;top: 0;right: 0;}
.fenl01 ul li a,.fenl01 span a{font-size: 1.2rem;color: #fff;display: block;width: 100%;}
.fenl01 span,.g-case .u-more{display: block;width: 9.9rem;text-align: center;height: 4rem;line-height: 4rem;position: absolute;top: 4rem;right: 0;}
.fenl01 ul li:nth-child(3):before,.g-case .m-cnt li:nth-child(3):before{ background:none;}

.m-cp{width: 92.5%; margin:0 auto; padding:0 0 1rem;}
.m-cp ul li{width: 48%;float: left;line-height: 0; padding-right:4%;}
.m-cp ul li span{display: block;font-size: 1.2rem;color: #333;width: 100%;text-align: center;height: 3rem;line-height: 3rem;overflow: hidden;}
.m-cp ul li:first-child{position: relative;width: 100%; margin-bottom:1.5rem;padding: 0;}
.m-cp ul li:first-child span{position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.4);color: #fff;}
.m-cp ul li:last-child{padding: 0;}

.fenl02{width: 100%;}
.m-bt02{display: block;font-size: 1.1rem;color: #666;width: 91.5%; padding:0 0 0 8.5%;height: 3rem;line-height: 3rem;position: relative; border-bottom:#f4f4f4 1px solid; border-top:#f4f4f4 2px solid;}
.m-bt02:before{ content:"";height: 1.4rem;width: 0.15rem;position: absolute;top: 0.8rem;left: 1.2rem;background: #cb211a;}
.m-bt02:after{ content:"";height: 1.4rem;width: 1px;position: absolute;top: 0.8rem;left: 1.5rem;background: #cb211a;}
.m-bt02 span{float: right;text-transform: uppercase;font-size: 0.8rem;}

.fenl02 ul li{width: 25%;float: left;height: 4.8rem;line-height: 4.8rem;overflow: hidden;}
.fenl02 ul li em{display: block;float: left;width: 1.1rem;line-height: 0; padding:1.8rem 0.3rem 0 1.2rem;}
.fenl02 ul li em img{width: 1.1rem;height: 1.5rem;}
.fenl02 ul li a{font-size: 1.2rem;color: #444;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*案例*/
.g-case{ width:100%;position: relative;}
.g-case .u-more{font-size: 1.2rem;color: #fff;position: absolute;top: 31.2rem;right: 1.2rem;z-index: 10;}
.g-case .m-bt01{ border-bottom:none; background:url(../images/index/case_tbg.gif) 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-case .sclwrap_box{ height:19rem;overflow: hidden;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 92.5%;position: relative; margin:1rem auto 0;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{position: absolute;width: 87%;bottom: 0;left: 0;height: 6.7rem; background:rgba(0,0,0,0.6); padding:0 6.5%;}
.g-case dl dd span{display: block;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd span a{font-size: 1.2rem;color: #fff;}
.g-case .case_desc{font-size: 1rem;color: #bcbcbd;}
.g-case .m-cnt{ margin:0 auto;}
.g-case .m-cnt li{font-size: 1.2rem;color: #fff;}
.g-case .m-cnt li.z-on{ background:#cb211a;}

/*合作客户*/
.g-hz{width: 100%; padding:2.2rem 0 1.5rem;}
.g-hz ul{ padding:2rem 0 0;}
.g-hz ul li{width: 26.25%;float: left;line-height: 0; border:#dbdbdb 1px solid; margin:0 0.8rem 1rem 1.2rem;}

/*优势*/
.g-ys{ width:100%; border-top:#f4f4f4 1.2rem solid; border-bottom:#f4f4f4 1.2rem solid; padding:0 0 2rem;}
.g-ys .m-bt01{ background:url(../images/index/case_tbg.gif) 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-ys .sclwrap_box{ height:26rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:92.5%; margin:0 auto; padding:1.7rem 0 0;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ font-size:1.1rem; color:#999; line-height:1.8rem; width:93.75%; margin:0 auto; padding:0.6rem 0 0;}
.g-ys .m-cnt{ width:92.5%; margin:0 auto; border-top:#f4f4f4 1px solid;height: 3.7rem;position: relative;}
.g-ys .m-cnt:before{ content:"";width: 1px;height: 100%;background: #f6f6f6;position: absolute;top: 0;right: 0;}
.g-ys .m-cnt li{width: 25%; font-size:1.2rem; color:#333; height:3.4rem; float:left; text-align:center; line-height:3.4rem;position: relative; border-bottom:#ecebeb 0.3rem solid;}
.g-ys .m-cnt li:before{ content:"";width: 1px;height: 100%;background: #f6f6f6;position: absolute;top: 0;left: 0;}
.g-ys .m-cnt li.z-on{border-bottom:#cb211a 0.3rem solid;background: #f6f6f6;}

/*服务尽善尽美*/
.g-fuw{ width:100%; padding:0 0 1.7rem; border-bottom:#f4f4f4 1.2rem solid;}
.g-fuw .m-bt01{ background:url(../images/index/fuw_tbg.gif) 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;}
.m-pic{width: 92.5%; margin:0 auto;line-height: 0; padding:1.7rem 0 0;}
.g-fuw .m-cnt{ height:3.8rem; width:92.19%; margin:0 auto; border-left:#e9e9e9 1px solid; border-right:#e9e9e9 1px solid;}
.g-fuw .m-cnt li{ width:33.33%; float:left;font-size: 1.3rem;color: #333;height: 3.8rem;line-height: 3.8rem;}
.g-fuw .m-cnt li em{display: block;float: left; font-family:Arial, Helvetica, sans-serif;font-size: 0.8rem;color: #fff;background: #2a2a2a;width: 1.5rem;height: 1.5rem;text-align: center;line-height: 1.5rem; margin:1.2rem 0.4rem 0 1.2rem;}
.g-fuw .m-cnt li.z-on em{ background:#ca0102;}
.g-fuw .m-box .con{ display:inline; float:left;}
.fuw_desc{font-size: 1.1rem;color: #666;line-height: 1.8rem; border:#e9e9e9 1px solid; width:86.19%; margin:0 auto 1rem; padding:1rem 3% 2rem;box-shadow: 0 3px 5px 3px #f5f5f5;}
.fuw_desc i{color: #ca0102;font-weight: bold;}

/*走进先企*/
.g-about{ width:100%; overflow:hidden; padding:0 0 1.2rem;}
.g-about .m-bt01{ background:url(../images/index/ab_tbg.gif) 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 dl{ width:92.5%; margin:0 auto;padding:1.6rem 0 0;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%; padding:1rem 0 0;}
.g-about .ab_desc{ font-size:1.1rem; color:#666; line-height:1.8rem;}
.g-about dl dd em{ display:block; width:100%; padding:1.2rem 0 0;}
.g-about dl dd em a{ display:block; width:9rem; font-size:1.2rem; color:#fff; height:3.3rem; line-height:3.3rem; text-align:center; background:#cb211a; float:left;}
.g-about dl dd em a:nth-child(2){ margin: 0 1rem;}

/**/

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