.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-case{width: 100%; padding:0 0 1rem;}
.g-case .m-bt{width: 100%;height: 4rem;line-height: 4rem;background: #f2f2f2;overflow: hidden;}
.g-case .m-bt a{font-size: 1.2rem;color: #0b7057;font-weight: bold; padding:0 1rem;}
.g-case .m-bt span{display: block;float: right;}
.g-case .m-bt span a{font-size: 1.1rem;color: #333;font-weight: normal;text-transform: uppercase;}
.g-case ul li{width: 45.31%;float: left;line-height: 0; margin:1rem 0 0 1rem;box-shadow: 0 2px 4px 2px #d0d0d0;}
.g-case ul li span{display: block;width: 97%;padding:0 0 0 2%;text-align: center;font-size: 1.2rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:#ccc 1px solid; border-top:none;height: 2.9rem;line-height: 2.9rem;}
body .g-cp .m-bt01 {
    font-size: 1.38rem;
}
/*客户见证*/
.g-jz{ width:93.75%; margin:0 auto; overflow:hidden; 
/*border:#e6e6e6 1px solid;box-shadow: 0 2px 4px 1px #d0d0d0;*/
        border-bottom: 1px solid #dadada;
    padding-bottom: 1.5rem !important;
}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz .jz_pic{display: block; width:100%;line-height: 0;}
.g-jz .jz_pic span{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 2.7rem;line-height: 2.7rem;}
.g-jz .m-cnt{ width:100%; display:inline-block;height: 1.5rem;}
.g-jz .m-cnt li{ width:0.7rem; height:0.7rem; background:#0b7057; float:left; margin-right:0.6rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-jz .m-cnt li.z-on{ background:#da251d; }
.g-jz .m-cnt li:first-child{ margin-left:13.3rem;}

/*产品*/
.g-cp{ padding:1.5rem 0 0;width: 100%;}
.g-cp .m-bt01,.g-ys .m-bt01,.g-honor .m-bt01,.g-liuc .m-bt01,.g-about .m-bt01{display: block;width: 100%;text-align: center;font-size: 1.5rem;color: #333;font-weight: bold;height: 6.2rem;}
.g-cp .m-bt01 em,.g-ys .m-bt01 em,.g-honor .m-bt01 em,.g-liuc .m-bt01 em,.g-about .m-bt01 em{display: block;width: 10.5rem; margin:0 auto;line-height: 0; padding:0.3rem 0 0;}
.g-cp .m-bt01 span,.g-ys .m-bt01 span,.g-honor .m-bt01 span,.g-liuc .m-bt01 span,.g-about .m-bt01 span{display: block;font-size: 1rem;color: #999;font-weight: normal;}
.g-cp .m-bt02{width: 100%;height: 3.2rem;line-height: 3.2rem;background: #0b7057;overflow: hidden;}
.g-cp .m-bt02 a{font-size: 1.2rem;color: #fff;font-weight: bold; padding:0 1rem;}
.g-cp .m-bt02 span{display: block;float: right;}
.g-cp .m-bt02 span a{font-size: 1rem;font-weight: normal;text-transform: uppercase;}
.m-cp01{background: #f2f2f2;}
.g-cp ul li{width: 45.31%;float: left;line-height: 0; margin:1rem 0 0 1rem;}
.g-cp ul li img{display: block;width: 100%;box-shadow: 0 2px 4px 2px #d0d0d0;}
.g-cp ul li span{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 3.1rem;line-height: 3.1rem;}

/*服务优势*/
.g-ys{ padding:2.5rem 0 0;width: 93.75%; margin:0 auto;}
.m-ys{width: 100%;}
.m-ys dl{width: 100%;}
.m-ys dl dt{width: 50%;float: left;line-height: 0;}
.m-ys dl dd{width: 46%;float: left; padding:0 0 0 2%;}
.m-ys dl dd b{display: block;font-size: 1.2rem;color: #0b7057;height: 3rem;line-height: 3rem;position: relative;}
.m-ys dl dd b:before{ content:"";width: 1.1rem;height: 2px;background: #333;position: absolute;bottom: 0;left: 0;}
.m-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.7rem; padding:0.5rem 0 0;}
.m-ys dl:nth-child(2n) dt{float: right;}

/*施工资质*/
.g-honor{width: 100%; padding:2.5rem 0 0;}
.g-honor .m-bt01 span,.g-liuc .m-bt01 span,.g-about .m-bt01 span{color: #d9d9d9;text-transform: uppercase;}
.m-honor{background: #f2f2f2; padding:1rem 0 2.2rem;}
.m-honor ul li{font-size: 1.2rem;color: #333;width: 45%;float: left;height: 2.2rem;line-height: 2.2rem; padding:0 0 0 5%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-honor p{width: 93.75%; margin:0.6rem auto 0;box-shadow: 0 2px 4px 2px #d0d0d0;}

/*服务流程*/
.g-liuc{width: 100%; padding:2.5rem 0 0;}
.m-pic{display: block;width: 100%;}

/*走进念海消防*/
.g-about{ width:93.75%; margin:0 auto; padding:2.5rem 0;}
.g-about dl{ width:100%;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%; padding:0.9rem 0 0;}
.g-about .ab_desc {
    width: 100%;
    font-size: 1.2rem;
    color: rgb(102, 102, 102);
    line-height: 1.8rem;
    height: 9.3rem;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.g-about dl dd em{ display:block; width:66%; padding:1rem 0 0; margin:0 auto;}
.g-about dl dd em a{ display:block; width:100%; font-size:1.2rem; color:#fff; height:4rem; line-height:4rem; text-align:center; background:#0d7158;
border-radius:0.2rem; 
-webkit- border-radius:0.2rem;
-moz-border-radius:0.2rem;
-o-border-radius:0.2rem;}

/*新闻资讯*/
.g-news{background: #f2f2f2; padding:2rem 0;}
.m-news{width: 100%;}
.m-news ul li{width: 9.5rem;height: 4rem;float: left; padding-right:0.7rem;}
.m-news ul li a{font-size: 1.2rem;color: #333;display: block;float: left;width: 9.4rem;text-align: center;height: 3.9rem;line-height: 3.9rem;background: #fff; border:#d9d9d9 1px solid;}
.m-news ul li:first-child{ padding-left:1rem;}
.m-news ul li:first-child a{background: #0d7158; border:#0d7158 1px solid;color: #fff;}
.news_pic,.u-news{width: 93.75%; margin:0 auto; padding:1rem 0 0;}
.u-news ul li{height: 2.4rem;line-height: 2.4rem;position: relative;}
.u-news ul li:before{ content:"";width: 0.5rem;height: 2px;background: #555;position: absolute;top: 1rem;left: 0;}
.u-news ul li a{font-size: 1.2rem;color: #333; padding:0 0 0 1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 94%;}
.g-news .u-more{display: block;font-size: 1.2rem;color: #fff;width: 46%;text-align: center;height: 4rem;line-height: 4rem;background: #0d7158; margin:1rem auto 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;}}