html{ background:#fff;}/*图片加载未完成前，默认背景色*/
.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; }
/*渐显动画*/
@-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;
}


    .g-hd{height:5rem;position: relative;z-index:999;background: #fff;}
    .m-logo{width:23.125%;position: relative;padding: 0.4rem 0 0 1.56%;}
    .m-logo img{width:100%;display: block;}
    .m-text{width:63.75%;line-height:5rem;height:4.5rem;font-size:1.2rem;white-space: nowrap;color: #333;text-align: center;position: relative;}
    .m-text a{display:inline-block;color: #333;padding: 0 2.5%;}
    .f-fr{float: right;}
    .f-fl{float: left;}

    .downmenu{width:7.81%;display: block;padding:1.75rem 0 0;}
    .downmenu img{width:2rem;display: block;}

    .head2 .menu_btn a.downmenu.hover {
      background:#fb4c36;
      border-radius:5px;
      box-shadow:1px 1px 1px #666;
    }
    .menu2{position: relative;z-index:9;}

    .menu2 .slideMenu{ 
      width:40%;padding:1.2rem 5% 2rem; display: none;z-index:999;background:rgba(129 , 176, 1 ,  0.9);
      overflow:hidden;
      position:absolute;
      top:5rem; 
      right:0; 
      transition:transform 1s;
      -webkit-transition:transform 1s;
    }
    .menu2 .slideMenu li{border-bottom: 1px solid #fff;color:#fff;line-height:3.5rem; font-size:1.2rem;clear: both;}
    .menu2 .slideMenu li:last-child{border-width: 0.15rem;}
    .menu2 .slideMenu li a{ color:#fff;display:block;line-height:3.5rem;}
    

            .qual_c23 p{    padding: 1.25rem 7%;box-sizing: border-box;}
            .qual_c23 p a{font-size: 1rem;    width: 48%;}
            .qual_c23 p{padding: 1.05rem 7% 1.05rem;}
        

        .m-case li{width:100%;}
        
    

          .qual_c24 li span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
      

        .edge_w h3 em strong{ padding:0.19rem 0;}
    

    .g-ft{height:auto;padding:0 0 4rem;z-index:99;font-size:1rem;line-height:2rem;z-index:19;color: #666;text-align: center; background: #e9e9e9;}    .ontop{width:4rem;height:4rem;display: block;text-align: center;font-size:1rem;line-height:5rem;position: fixed;bottom: 10%;right: 0;background:url(images/ontop.png) no-repeat right center;-webkit-background-size:4rem 4rem; -moz-background-size: 4rem 4rem; -o-background-size: 4rem 4rem; background-size: 4rem 4rem;border-radius: 4rem;overflow: hidden;}
    .ontop span{display:block;color: #fff;}
    .f_con span{ padding: 0 3%;}
    .f_con{height:4.8rem;padding:1.5rem 0 0;white-space: nowrap;}
    .f_con a{color: #666;display: inline-block; padding: 0 3%;}

    .social_nav5{height:4rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;text-align: center;line-height:4rem;background:#2a2a36;}
    .social_nav5 li{height:4rem;width:25%;font-size:1rem;float:left;color:#fff;position:relative;}
    .social_nav5 li:before{content: "";position: absolute;width: 1px;height: 0.5rem;background: #7d7d7d;left: 0;top: 1.75rem;}
    .social_nav5 a:nth-child(1) li:before,.social_nav5 a:nth-child(2) li:before{background:none;width: 0;height: 0;}
    .social_nav5 a:nth-child(1) li{background:#81b001;}