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


        .head2 {position: relative;z-index: 11;height:5rem;background:#fff;}
        .head2 .logo{ width:25%; float:left; margin:1.3rem 2.35% 0 4.4%;}
        .head2 .logo img{display:block; width:100%;}
        .head2 h4{ width:58%; line-height:4.5rem; padding-top:0.22rem; font-size:1.32rem; color:#2a2a2a; float:left; font-weight: normal;text-align: center; box-sizing: border-box; padding-left:5%;}
        .head2 h4 a{position: relative; color:#333; width: 50%; display: inline-block; float: left; text-align: center;}
        .head2 h4 a:before{content: "";position: absolute;width: 1px;height: 1.15rem;background: #7d7d7d;right: 0;top:1.75rem;}
        .head2 h4 span:last-of-type a:before{background: none;}


        .head2 .menu_btn{width:6.5%; height:4.35rem; float:right; overflow:hidden; margin-right:3.1%;}
        .head2 .menu_btn a.downmenu{display:block; width:100%; padding:1.7rem 0 0 0;}
        .head2 .menu_btn img{ display:block; width:100%;}
        .menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top:5rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;}
        .menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
        .slideMenu{background: url(images/nav.jpg) no-repeat;background-size: 100%; min-height: 64rem;}
        .menu2 ul{ padding-top: 5%;}
        .menu2 ul li {line-height:4.5rem;text-align:center;color:#fff; position:relative;font-size:1.2rem; margin: 0 3.4%; border-bottom: 1px dotted #d3d3d1;}
        .menu2 ul li:last-child{ border-bottom: none;}
        .menu2 ul li a {display: block;height:4.5rem;line-height: 4.5rem; font-size:1.3rem; font-family:"Microsoft Yahei"; color: #333;text-decoration: none;}
        .menu2  em{ display: block; width:14rem; height: 3.5rem; line-height: 3.5rem;border-radius: 3.5rem; margin:1.7rem auto 0;}
        .menu2  em a{ display: block; color: #fff; font-size: 1.2rem; padding-left: 5.6rem;background: url(images/n_tel.png) no-repeat;background-size:14rem 3.5rem;}
       

                .g-adv{font-size: 0; line-height: 0;}
                .g-adv img{width: 100%;display: block;}
            

     .qual_c2a dl dd h4{font-weight: bold;}
 

            .g-ft{height:19.5rem; position: relative;background: url(images/f_bg.jpg) no-repeat center 0;background-size:100% 18.6rem;color: #fff;}
            .g-ft .top{position: absolute;width:4rem;right:44.75%;top:-2.05rem;}
            .g-ft .top img{width: 100%;display: block;}
            .g-ft .ftnav{padding-top:3rem; font-size: 1.2rem; color: #fff;text-align: center; line-height: 2.1rem; }
            .ftnav em{ display: block; font-size: 2rem; font-family: arile; padding: 0.3rem 0;line-height: 100%;}
            .ftnav p{ font-size: 1rem;}
            .ftnav span{ padding: 0 1.25%;}
            .ftnav a{ color: #fff; padding-left:5%;}
            .ftnav i a{ color: #fff; padding: 0 2.5%; border-right: 1px solid #ccc; line-height: 100%; display: inline-block;}
            .ftnav a:last-of-type{ border-right: none;}
            .ftnav i{ display: block; padding-bottom: 0.15rem;}
            .ftnav .tmall img{ display: inline-block; width: 11.15rem;}
            .ftnav .tmall{ padding: 0.5rem 0;}
            .ftnav .tmall a{ border: none;}
            .ft_p{width:100%; position:fixed; bottom:0; max-width: 640px; min-width: 320px; z-index: 99;height: 3.5rem; line-height: 3.5rem;background: #fff; box-sizing: border-box; padding: 0 8.5%; border-top: 1px solid #eee;}
            .ft_p p {float:left;width:33.33%;position: relative;box-sizing: border-box;text-align: center; padding-bottom: 0.75rem; box-sizing: border-box;}
            .ft_p p a{ display: block;color: #333; font-size:1.22rem; line-height:3.5rem;}
            .ft_p p a span{ padding-bottom: 0.25rem;}
            .ft_p p img {width:1.9rem; display:inline-block; vertical-align: middle; padding-right: 0.4rem;}
            .ft_p p:nth-of-type(2){ position: relative;}
            .ft_p p:nth-of-type(2) img{  display: block; width: 5.4rem; position: absolute; top:-2rem; left:18%;}
            .ft_p p:nth-of-type(2) span{ display: block; color: #333; padding-top: 0.5rem; font-size: 0;}
        
