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 #be9a4d; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:0;background:#be9a4d;}
  /*首次加载页面切入效果*/
  .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:10.9rem;}
                .g-hd{min-width: 320px;max-width: 750px;width: 100%;}
                .g-hd .hea_top{height:6.9rem; box-sizing: border-box;padding-top:1.2rem;}            
                .g-hd .hea_top .t_logo{float: left;width:12.6%;height:4.85rem;padding: 0 0 0 3.3%;margin:0 1.85rem 0 0;}
                .g-hd .hea_top .t_logo a img{width:100%; height:100%;}
                .g-hd .hea_top h2{display:block; float:left;height:4.85rem; line-height: 4.85rem;font-size: 1.4rem;color:#3E3E3F; font-family: "宋体";font-weight: bold;}
                .head .hea_bot{height:4rem;background:#3e3e3f;}
                .head .hea_bot .hea_nav{width:80.2%; float:left;height:4rem; line-height:4rem;text-align: center; }
                .head .hea_bot .hea_nav span{display:block;width:31.2%;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:#be9a4d; content:"";position: absolute;left:0;bottom:0;}
                .head .hea_bot .hea_nav span:first-child{width:36.3%;}
                .g-hd .m-nav2{ width:14.6%;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: 100;}
                .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:#be9a4d;background-size:100% 100%;height:52.35rem;max-width: 750px;top:4rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;}
                .menu2 .erji span {display: block;}
                .menu2 .erji span em a {display: block;height: 4.45rem;font-size: 1.4rem;color: #FFF;text-align: center; box-sizing: border-box;border-bottom:1px dashed #e9e9e9;}
                .menu2 .erji span em{display:block;width:94%;line-height: 4.45rem; margin:0 auto; height:4.45rem;padding:0 3%;}
                .menu2 .erji span em:last-child{border-bottom:0;}
                .menu2 .erji strong{display: block;width: 43.75%;   height: 3.5rem;   line-height: 3.5rem;   background: #272727;  border-radius: 35px; margin: 2rem 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:21.0rem;}
                    .g-f{height:16.05rem;background:#333333; padding:1.7rem 3.3% 0;position: relative; box-sizing: border-box;}
                    .g-f .xf{width:3.5rem; height:3.5rem; position: absolute;left:45%; top:-2.0rem;}
                    .g-f .xf img{width:100%;}
                    .g-f .ft-nav{height:3.7rem;border-bottom:0.05rem solid rgba(255,255,255,0.1);margin-bottom: 2.25rem;}
                    .g-f .ft-nav ul li{float:left;width:24%;height:3.7rem; line-height: 3.7rem; text-align: center;position: relative;}
                    .g-f .ft-nav ul li a{display:block;font-size: 1.4rem;color:#FFF;}
                    .g-f .ft-nav ul li:before{width:0.05rem;height:1.1rem;background:rgba(255,255,255,0.2); content:"";position: absolute;right:0;top:1.5rem;}
                    .g-f .ft-nav ul li:last-child:before{display:none;}
                    .g-f .ft-nav ul li:first-child{width:28%;}
                    .g-f .ft-xx ul li{height:2.25rem; line-height: 2.25rem;padding-left:2rem;}
                    .g-f .ft-xx ul li.ft1{background:url(images/ft1.png) no-repeat left; background-size:4%;}
                    .g-f .ft-xx ul li.ft2{background:url(images/ft2.png) no-repeat left; background-size:4%;}
                    .g-f .ft-xx ul li.ft3{background:url(images/ft3.png) no-repeat left; background-size:4%;}
                    .g-f .ft-xx ul li em{display:inline-block; height:2.25rem; line-height: 2.25rem;font-size: 1.1rem; color:#d9d9d9;margin-right: 2.5rem;}
                    .g-f .ft-xx ul li em a{font-size: 1.1rem; color:#d9d9d9;}
                    .g-f .ft-xx ul li span{display:block; height:2.25rem; line-height: 2.25rem;font-size: 1.1rem; color:#d9d9d9;}
                    .g-ft .dbdh{min-width: 320px;max-width: 750px;width: 100%;position: fixed;bottom: 0;z-index: 50;}
                    .g-ft .dbdh li{float:left; width:25%; height:5rem;background:#be9a4d; box-sizing: border-box;border-right:0.05rem solid rgba(255,255,255,0.08);}
                    .g-ft .dbdh li a{display:block; height:5rem;padding-top:0.85rem; box-sizing: border-box;}
                    .g-ft .dbdh li em{display:block;width:1.7rem;height:1.65rem;margin:0 auto;line-height: 0;}
                    .g-ft .dbdh li em img{width:100%; height:100%;}
                    .g-ft .dbdh li i{display:block; font-size: 1.4rem; line-height: 2rem; color:#FFF; text-align: center;}
                    iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;margin:0 auto;}
            

 /*.client-2 {
            position: fixed;
            left: -155px;
            top: 50%;
            z-index: 900;
        }*/
        .client-2 {
            position: fixed;
            top: 50%;
            z-index: 900;
            margin-left: -25px;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(resource/images/94e9e8eb201b4d6baf3f1d1a4e96733e_4.png?version=1618802220933) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: right;
            width: 75px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: right;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-right: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #be9a4c;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: right;
        }
        
        .client-2 .my-kefu-main {
            background: #be9a4c;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: right;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: 130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }