.wrap{background: #fff}
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;margin-top:-2rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ban .swiper-pagination-bullets{bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:3rem; height:0.1rem;background:rgba(255,255,255,0.5);opacity: 1;border-radius:0;vertical-align: middle;}
.ban .swiper-pagination-bullet-active{background: #fff;width:5rem;}
/*导航*/
.titis{height:3.45rem;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;background-size:1.45rem 0.45rem;margin-bottom:1.1rem;font-size:2.1rem;color: #303030;line-height: 3.45rem;padding-bottom:0.4rem;}
.titis a{color: #303030}

.yz_c{padding:2rem 3.125% 0;height: 18.2rem;background: #f6f6f6;overflow: hidden;}
.yz_c em{display: block;width:26.2rem;}
.yz_c p{font-size:1.1rem;color: #333333;line-height: 1.9rem;padding-top:1.5rem;}


.fw_c{padding:3.3rem 0 3.15rem;overflow: hidden;}
/*.fw_qh{height: 4.8rem;background: url(../images/fw_qh.jpg) no-repeat center;background-size: 100% 4.8rem;margin-bottom:0.8rem;}*/
/*.fw_qh li{float:left;height: 2.4rem;line-height: 2.4rem;text-align: center;width:33.33%;font-size:1.2rem;color: #434243;}*/
/*.fw_qh li.active{color: #fff;background: #c41620}*/



.g_bd .fw_c .swiper-pagination{height: 4.8rem;background: url(../images/fw_qh.jpg) no-repeat center top;background-size: 76% 4.8rem;margin-bottom:0.8rem;}
.g_bd .fw_c .swiper-pagination span:nth-child(1):after{display: block;width:66%;height: 2.4rem;line-height: 2.4rem;position: absolute;left:0;top:0;}
.g_bd .fw_c .swiper-pagination span:nth-child(2):after{display: block;width:66%;height: 2.4rem;line-height: 2.4rem;position: absolute;left:0;top:0;}
.g_bd .fw_c .swiper-pagination span:nth-child(3):after{display: block;width:66%;height: 2.4rem;line-height: 2.4rem;position: absolute;left:0;top:0;}
.g_bd .fw_c .swiper-pagination span:nth-child(4):after{display: block;width:66%;height: 2.4rem;line-height: 2.4rem;position: absolute;left:0;top:0;}
.g_bd .fw_c .swiper-pagination span:nth-child(5):after{display: block;width:66%;height: 2.4rem;line-height: 2.4rem;position: absolute;left:0;top:0;}
.g_bd .fw_c .swiper-pagination span:nth-child(6):after{display: block;width:66%;height: 2.4rem;line-height: 2.4rem;position: absolute;left:0;top:0;}

.g_bd .fw_c .swiper-pagination-bullets .swiper-pagination-bullet{margin:0}
.g_bd .fw_c .swiper-pagination-bullets{top:0rem;left:0;}
.fw_c .swiper-pagination-bullet{width:33.33%; height:0.1rem;background:none;opacity: 1;border-radius:0;vertical-align: middle;height:2.4rem;font-size:1.2rem;color: #434243;position: relative;}
.fw_c .swiper-pagination-bullet-active{background:#c41620;width:33.33%;color: #fff}
.fw_nr{padding:5.6rem 19.68% 12.4rem;}
.fw_a{/*width:60.64%;*/position:relative;font-size:0;line-height: 0;overflow: hidden;}
.fw_a p{position: absolute;left:0;bottom:0;box-sizing: border-box;height: 4.2rem;width:100%;background: url(../images/fw_ico1.png) no-repeat center bottom;background-size: 100% 4.2rem;transition: all 0.5s}
.fw_a p span a{display: block;height: 4.2rem;line-height: 4.2rem;text-align: center;font-size:1.3rem;color: #fff;text-align: center;}
.fw_a p em{font-size:1.1rem;color: #fff;padding:1rem 13.43% 0;display: inline-block;line-height: 1.7rem;}
.fw_a p i a{width:7.5rem;height: 2.35rem;line-height: 2.35rem;text-align: center;border:1px solid #eeeeee;margin:3.3rem auto 0;font-size:1.1rem;color: #fff;display: block;}
.fw_nr .swiper-slide-active .fw_a p{height: 100%;background: rgba(0,0,0,0.35);padding-top:4rem;box-sizing: border-box;}
.fw_nr .swiper-slide-active .fw_a span a{background: url(../images/fw_ico2.png) no-repeat center bottom;background-size: 1.95rem 0.2rem;}

.fw_t{position:absolute;left:0;bottom:4.75rem;}
.fw_j{position:absolute;z-index:9;bottom:0;left:12.25rem;}
.fw_j img{width:2.75rem;display: inline-block;margin-right: 2rem}

.zp_c{padding-bottom:4rem;overflow: hidden;background: url(../images/zp_bj.jpg) no-repeat center bottom;background-size: 100% 8.9rem}
.zp_nr{padding-bottom:3.25rem;}
.zp_nr dt{font-size:0;line-height: 0;}
.zp_nr dd{margin:0 auto;width:93.75%;height: 3.15rem;box-shadow: 0 0 0.5rem rgba(0,0,0,0.14);margin-top:-1.5rem;position:relative;z-index: 9;background: #fff;}
.zp_nr dd i{width:9.16%;background: url(../images/zp_ico1.png) no-repeat;background-size: 100% 1.75rem;height: 1.75rem;margin-top:0.75rem;display: inline-block;font-size:1.5rem;color: #fff;font-style:italic;box-sizing: border-box;padding-left:0.6%;line-height: 1.75rem;float:left;}
.zp_nr dd p{float:right;width:88.83%;line-height: 3.15rem;}
.zp_nr dd p span{font-weight: bold;font-size:1.2rem;color: #303030;}
.zp_nr dd p em{font-size:1.1rem;color: #6c6c6c;padding-left:0.2rem;}
.g_bd .zp_nr .swiper-pagination{}
.g_bd .zp_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .zp_nr .swiper-pagination-bullets{bottom:0rem;}
.zp_nr .swiper-pagination-bullet{width:0.85rem; height:0.85rem;;opacity: 1;border-radius:50%;vertical-align: middle;border:0.15rem solid #c41620;box-sizing: border-box;background: none}
.zp_nr .swiper-pagination-bullet-active{background: #c41620;}


.pro{background: url(../images/pro_bj.jpg) no-repeat;background-size: 100% 38.95rem;height: 38.95rem;box-sizing: border-box;padding:3.15rem 3.125% 0}
.pro_qh{height: 3.5rem;overflow: hidden;}
.pro_qh li{float:left;width:32.33%;margin-right:1.5%;box-sizing: border-box;border:1px solid #353535;border-radius: 1.25rem;height: 2.55rem;line-height: 2.5rem;text-align: center;font-size:1.3rem;color: #303030;}
.pro_qh li.active{background: #c41620;border-color: #c41620;color: #fff}
.pro_qh li:last-child{margin:0;}
.pro_nr li{float:left;width:49.16%;height: 11.05rem;background: #fff;margin:0 1.68% 1rem 0;position: relative;}
.pro_nr p{position: absolute;left:9.49%;top:1.25rem;}
.pro_nr p span{display: block;font-size:1.1rem;height: 1.7rem;line-height:1.7rem;font-weight: bold;color: #313131;}
.pro_nr p em{font-size:0.7rem;color: #7f7f7f;}
.pro_nr li img{width:11.05rem;float:right;}
.pro_nr li:nth-child(2n){margin:0 0 1rem 0;}


.sl_c{padding:3.25rem 0  4rem;overflow: hidden;}
.sl_nr{padding:0 21.56% 4.1rem;}
.sl_nr dl{height:31.15rem;border:0.1rem solid #f3f3f3;box-sizing: border-box;margin-right:;}
.sl_nr dt{height: 4.55rem;line-height: 4.55rem;text-align: center;font-size:1.5rem;color: #303030;background: #f3f3f3}
.sl_nr dd{padding:2.75rem 7.43% 0 44.90%;font-size:1.1rem;color: #474747;line-height: 1.6rem;height: 26.4rem;box-sizing: border-box;position: absolute;}
.sl_nr dd img{position: absolute;left:0;top:2.25rem;width:8rem;}

.g_bd .sl_nr .swiper-pagination{height:2.85rem;background:#f2f2f2;box-shadow: 0 0 0.5rem rgba(0,0,0,0.18);width:93.75%;margin:0 auto;}
.g_bd .sl_nr .swiper-pagination span:nth-child(1):after{content: "品质保障";display: block;width:80%;height:2.85rem;line-height:2.85rem;position: absolute;left:0;top:0;}
.g_bd .sl_nr .swiper-pagination span:nth-child(2):after{content: "施工保障";display: block;width:80%;height:2.85rem;line-height:2.85rem;position: absolute;left:0;top:0;}
.g_bd .sl_nr .swiper-pagination span:nth-child(3):after{content: "效果保障";display: block;width:80%;height:2.85rem;line-height:2.85rem;position: absolute;left:0;top:0;}
.g_bd .sl_nr .swiper-pagination span:nth-child(4):after{content: "服务保障";display: block;width:80%;height:2.85rem;line-height:2.85rem;position: absolute;left:0;top:0;}
.g_bd .sl_nr .swiper-pagination span:nth-child(5):after{content: "安全保障";display: block;width:80%;height:2.85rem;line-height:2.85rem;position: absolute;left:0;top:0;}
.g_bd .sl_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0}
.g_bd .sl_nr .swiper-pagination-bullets{bottom:0rem;left:3.125%;} 



.sl_nr .swiper-pagination-bullet{width:25%; height:0.1rem;background:none;opacity: 1;border-radius:0;vertical-align: middle;height:2.85rem;font-size:1rem;color: #434243;position: relative;}
.sl_nr .swiper-pagination-bullet-active{background:#c41620;width:25%;color: #fff}


.anl{background: #f2f2f2;padding:3.25rem 0 4rem 3.125%;}
.al_nr {padding-right:36.45%;}
.al_nr p{font-size:0;line-height: 0;position: relative;}
.al_nr span{position:absolute;width:100%;height: 2.5rem;background: rgba(0,0,0,0.45);line-height: 2.5rem;font-size:1.1rem;color: #fff;text-align: center;left:0;bottom:0;}
.al_btn1 a{width:14.0rem;height: 3.0rem;background: #c81d28;border-radius: 1.5rem;text-align: center;line-height: 3rem;text-align: center;font-size:1.3rem;color: #fff;margin:2rem auto 0;display: block;}


.news{padding:3.25rem 3.125% 4rem;overflow: hidden;}
.news dl{border-bottom:1px solid #d5d5d5;padding-bottom:1.5rem;margin-bottom: 0.75rem}
.news dt{font-size:0;line-height: 0;}
.news dd{padding-top:1.05rem;}
.news dd h4 a{display: block;height:2rem;color: #303030;font-weight: bold;font-size:1.2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 2rem}
.news dd em{font-size:1rem;height: 1.5rem;color: #b5b5b5;display: block;line-height: 1.5rem;}
.news dd p{font-size:1.2rem;color: #5e5e5e;line-height: 2rem;}
.news li a{display: block;height: 3.95rem;line-height: 3.95rem;border-bottom:1px dashed #b9b9b9;padding-left:1.5rem;background: url(../images/ns_ico1.jpg) no-repeat 0.6rem center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:1.2rem;color: #333333;background-size: 0.4rem 0.4rem}
.news li:last-child a{border:0;}



.about{background: url(../images/ab_bj.jpg) repeat;padding:3.15rem 3.125% 4.1rem;}
.ab_t{font-size:0;line-height: 0;margin-bottom:0.75rem;}
.about li{height: 5.4rem;background: #fff;border-left:0.25rem solid #c81d28;margin-bottom:0.55rem;}
.about li span{float:left;width:10.75%;font-size:1.3rem;color: #333333;font-weight: bold;padding:0.9rem 0 0 7.05%;}
.about li p{float:left;width:71.42%;padding:1rem 0 0 2.35%;font-size:1.1rem; color: #666666;line-height: 1.6rem;}




html{ background:#f7f7f7;}/*图片加载未完成前，默认背景色*/
.wrap{ opacity:0; /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
/*首次加载页面切入效果*/
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
.homeShow #showNext{display: none!important }
/*渐显动画*/
@-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;
}



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

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}