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:500;}
  .loading img{ display:none;}
  .loading #showNext{ line-height:3rem; display:none; color:#fff; border:0.05rem solid #0c84de; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:0;background:#0c84de;}
  /*首次加载页面切入效果*/
  .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.6rem;
        }
        
        .g-hd {
            min-width: 320px;
            max-width: 750px;
            width: 100%;
        }
        
        .g-hd {
            height: 9.6rem;
        }
        
        .g-hd .hea_top {
            height: 6.45rem;
            padding-top: 1.2rem;
            box-sizing: border-box;
        }
        
        .g-hd .hea_top .t_logo {
            float: left;
            width: 15.3%;
            height: 3.75rem;
            padding: 0 0 0 10.4%;
            margin: 0.2rem 0.85rem 0 0;
        }
        
        .g-hd .hea_top .t_logo a img {
            width: 100%;
            height: 100%;
        }
        
        .g-hd .hea_top h2 {
            display: block;
            float: left;
            position: relative;
            padding-left: 1.65rem;
            box-sizing: border-box;
            background: url(images/hea-xt.png) no-repeat left 0.2rem;
            background-size: 1.6%;
        }
        
        .g-hd .hea_top h2 em {
            display: block;
            font-size: 1.8rem;
            height: 2.25rem;
            line-height: 2.25rem;
            color: #333333;
            font-weight: bold;
            letter-spacing: 2px;
        }
        
        .g-hd .hea_top h2 p {
            font-size: 1.4rem;
            height: 1.85rem;
            line-height: 1.85rem;
            color: #666666;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            letter-spacing: 3px;
        }
        
        .head .hea_bot {
            height: 3.15rem;
            background: #0B84DD;
        }
        
        .head .hea_bot .hea_nav {
            width: 87.7%;
            float: left;
            height: 3.15rem;
            line-height: 3.15rem;
            text-align: center;
        }
        
        .head .hea_bot .hea_nav span {
            display: block;
            width: 33.3%;
            float: left;
        }
        
        .head .hea_bot .hea_nav span a {
            display: block;
            font-size: 1.3rem;
            color: #FFFFFF;
            position: relative;
            border-right: 1px solid #81c7fa;
            border-left: 1px solid #195683;
            box-sizing: border-box;
            font-weight: bold;
        }
        
        .head .hea_bot .hea_nav span:last-child a {
            border-right: 0;
        }
        
        .g-hd .m-nav2 {
            width: 12.2%;
            height: 3.15rem;
            float: right;
            display: inline;
        }
        
        .g-hd .m-nav2 i {
            display: block;
            width: 100%;
            height: 100%;
            background: url(images/hea-ico.jpg) no-repeat center;
            background-size: 100%;
        }
        
        .menu2 {
            position: relative;
            z-index: 100;
        }
        
        .menu2 .erji {
            width: 100%;
            display: none;
            overflow: hidden;
            position: absolute;
            background: #EEEEEE;
            background-size: 100% 100%;
            height: 52.35rem;
            max-width: 750px;
            top: 3.15rem;
            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%;
            padding-top: 2.4rem;
            box-sizing: border-box;
            background: #FFF;
        }
        
        .menu2 .erji ul li:nth-child(3n) {
            margin-right: 0;
        }
        
        .menu2 .erji ul li i {
            display: block;
            width: 3.25rem;
            height: 3.15rem;
            margin: 0 auto 1.1rem;
        }
        
        .menu2 .erji ul li i img {
            width: 100%;
        }
        
        .menu2 .erji ul li em {
            display: block;
            font-size: 1.2rem;
            color: #333333;
            text-align: center;
        }
        
        .menu2 .erji strong {
            display: block;
            width: 43.75%;
            height: 3.5rem;
            line-height: 3.5rem;
            background: #2197EE;
            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:11.2rem;}
                .g-f{height:7.8rem;background:#F2F2F2;position: relative;padding-top:2.2rem; box-sizing:border-box;}
                .g-f .xf{width:2.95rem; height:2.95rem; position:absolute; left:45%;top:-1.5rem;}
                .g-f .xf img{width:100%;}
                .g-f span{display:block; height:2.2rem;text-align: center;}
                .g-f span a{display:inline-block; height:2.2rem; line-height: 2.2rem; font-size: 1.3rem; color:#333333;}
                .g-f span i{display:inline-block;font-size: 1.3rem; color:#333333;margin:0 1rem;}
                .g-f p{height:2.0rem;line-height: 2.0rem;text-align: center;font-size: 1.1rem;color:#6E6C6C;}

                .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:3.4rem;background:#565656;box-sizing: border-box;}
                .g-ft .dbdh li:first-child{background:#2197EE;}
                .g-ft .dbdh li em{display:block; width:1.7rem;height:3.4rem;float:left; margin-left: 1.45rem;}
                .g-ft .dbdh li em img{width:100%;height:100%;}
                .g-ft .dbdh li i{display:block; float:left; height:3.4rem; line-height: 3.4rem;font-size: 1.2rem;color:#FFF;}
                .g-ft .dbdh li:last-child em{margin-left: 1rem;}
                iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;}