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

                    .head{height:9.95rem;}
                    .g-hd{min-width: 9.95rem;}
                    .g-hd .hea_top{height:5.95rem; box-sizing: border-box;padding-top:1.05rem;}            
                    .g-hd .hea_top .t_logo{float: left;width:9%;height:3.95rem;padding: 0 0 0 2.5%;margin:0 1.25rem 0 0;}
                    .g-hd .hea_top .t_logo a img{width:100%; height:100%;}
                    .g-hd .hea_top h2{display:block; float:left;height:3.95rem; line-height: 3.95rem;font-size: 1.5rem;color:#1D1817;}
                    .head .hea_bot{height:4rem;background:#006AD0;}
                    .head .hea_bot .hea_nav{width:85.8%; float:left;height:4rem; line-height:4rem;text-align: center; }
                    .head .hea_bot .hea_nav span{display:block;width:25%;float:left;border-right:1px solid rgba(255,255,255,0.22); box-sizing: border-box; position: relative;}
                    .head .hea_bot .hea_nav span a{display:block;font-size: 1.3rem; color:#FFFFFF;box-sizing: border-box;}
                    .head .hea_bot .hea_nav span:hover:before{width:100%; height:0.15rem;background:#FFF; content:"";position: absolute;left:0;bottom:0;}
                    .head .hea_bot .hea_nav span:last-child a:before{border-right:0;}
                    .g-hd .m-nav2{ width:13.7%;height:4rem;float: right;display: inline;}
                    .g-hd .m-nav2 i{display:block;width:100%;height:100%;background: url(../images/hea-ico.png) no-repeat center; background-size:100%;}
                    .menu2 {position: relative;z-index: 600;}
                    .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:#EEEEEE;background-size:100% 100%;height:52.35rem;max-width: 750px;top:4rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;padding:5.3% 4% 0; box-sizing: border-box;}  
                    .menu2 .erji ul li{float:left;width:30.4%;height:10.5rem;border-radius:2rem;box-shadow:6px 8px 20px 0px rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem;margin-right:4%;box-sizing: border-box;background:#FFF;}
                    .menu2 .erji ul li a{display:block;height:10.5rem;padding-top:2.4rem; box-sizing: border-box;}
                    .menu2 .erji ul li:nth-child(3n){margin-right: 0;}
                    .menu2 .erji ul li i{display:block; width:3.9rem;height:3.9rem; margin:0 auto 0.5rem;}
                    .menu2 .erji ul li i img{width:100%;}
                    .menu2 .erji ul li em{display:block; font-size: 1.5rem; color:#333333; text-align: center;}
                    .menu2 .erji strong{display: block;width: 43.75%;   height: 3.5rem;   line-height: 3.5rem;   background: #006AD0;  border-radius: 35px; margin: 0.75rem auto 0;}
                    .menu2 .erji strong a{display:block;padding-left:6rem;font-size: 1.2rem; color:#FFF;background:url(../images/tel.png) no-repeat 27%; background-size:14%;font-weight: normal;} 
             

                    .g-ft{height:27.0rem; background:#f2f2f2;;}
                    .g-ft .tag a{color:#666;}
                    .g-f{height:17.85rem; padding:3.05rem 4% 0; position: relative;}
                    .g-f .xf{width:3.45rem; height:3.45rem;position: absolute;left:45%;top:-1.7rem;}
                    .g-f .xf img{width:100%;}
                    .g-f .ft-nav{height:2.6rem;}
                    .g-f .ft-nav ul li{float:left; width:25%; height:2.6rem; line-height: 2.6rem;text-align: center; position: relative;}
                    .g-f .ft-nav ul li a{display:block;font-size: 1.3rem;color:#666666;}
                    .g-f .ft-nav ul li:before{width:0.05rem; height:1.25rem;background:#cacaca;content:"";position: absolute;right:0;top:0.75rem;}
                    .g-f .ft-nav ul li:last-child:before{display:none;}
                    .g-f p{height:2.6rem;text-align: center;}
                    .g-f p em{display:inline-block; height:2.6rem; line-height: 2.6rem;font-size: 1.2rem;color:#6e6c6c;}
                    .g-f p em a{font-size: 1.2rem;color:#6e6c6c;}
                    .g-f .ft-code{width:7.05rem; height:7.05rem;margin:1rem auto 0;}
                    .g-f .ft-code i{display:block; width:100%; background:#FFF;padding:0.5rem; box-sizing: border-box;line-height:0;}
                    .g-f .ft-code i img{width:100%;}
                    .g-ft .dbdh{min-width: 320px;max-width: 750px;width: 100%;position: fixed;bottom: 0;z-index: 500;}
                    .g-ft .dbdh li{float:left; width:25%; height:4.1rem;background:#333333; box-sizing: border-box;border-right:0.05rem solid rgba(255,255,255,0.08);}
                    .g-ft .dbdh li:first-child{background:#006AD0;}
                    .g-ft .dbdh li em{display:block; width:2.05rem;height:4.1rem;float:left; margin-left: 0.8rem;}
                    .g-ft .dbdh li em img{width:100%;}
                    .g-ft .dbdh li i{display:block;height:4.1rem; line-height: 4.1rem;float:left;font-size: 1.4rem;color:#FFFFFF;}
                    iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;margin:0 auto;}
            
