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 #00CBE7; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:0;background:#00CBE7;}
  /*首次加载页面切入效果*/
  .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{  width:100%; top:0;z-index: 999;background: #fff;}
.head2 {position: relative;z-index: 100;height:100%;box-shadow: 0px 0.1rem 0.5rem #f1f1f1;}
.head2 h5{ height:3.8rem; font-size:1.3rem; line-height:3.8rem; color:#fff; overflow:hidden;background: #1e4cb5; /* Old browsers */
background: -moz-linear-gradient(top,  #1e4cb5 0%, #173f9b 94%, #081b69 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e4cb5 0%,#173f9b 94%,#081b69 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e4cb5 0%,#173f9b 94%,#081b69 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4cb5', endColorstr='#081b69',GradientType=0 );
    background: #039;
}
.head2 h5 em{ font-size:2rem; font-weight:bold; padding-left:2%;}
.head2 h5 img{ width:1.65rem; height:1.65rem; padding:1.3rem 2% 0 5%; display:block; float:left;}
.head2 .logo{ width:23.4375%; float:left; position:relative; margin:0.8rem 0 0.8rem 2%;}
.head2 .logo:before{ content:""; position:absolute; top:10%; right:-10%; height:80%; width:1px; background:#ccc;}
.head2 .logo img{display:block; width:100%;    }
.head2 h3{ width:66.7%; text-transform:uppercase; float:right; font-size:1.5rem; color:#2c2c2c; font-weight:bold; margin-top:0.9rem;}
.head2 h3 b{ color:#039; font-size: 1.5rem;}
.head2 h3 em {
    line-height: 1.6rem;
    display: block;
    font-size: 1.2rem;
    color: #2c2c2c;
    font-weight: normal;
}
.head2 h3 i img {
    display: block;
    width: 84%;
    padding: 0.1rem 0 0 0;
        padding: 0.1rem 0 0 1%;
}


           nav {
    margin: 0 auto;
    overflow: hidden;
    margin-top: 1rem;
    width: 100%;
    text-align: center;
}
nav a {
    display: block;
    width: 32.6%;
    float: left;
    height: 6.45rem;
    margin: 0 0.08% 0.1rem 0;
    background: #039;
    border: 1px solid #fff;
    background-size: 100% 100%;
    text-align: center;
    font-size: 1.1rem;
    color: #fff;
}
nav em{ display:block; width:32.86%; margin:0 auto; padding-top:1rem;}
nav em img{ display:block; width:100%;}
nav a:nth-child(3n){ margin-right:0;}
nav a:nth-child(2) {
    background: #fed201;
    background-size: 100% 100%;
}
        

            .g-ft{height:20.0rem;background:#f0f0f0;}
            .g-f{height:15.0rem; padding:0 4%;}
            .g-f .ft-nav{height:5.15rem;border-bottom:1px solid #c0c0c0;padding-top:0.4rem; box-sizing: border-box;margin-bottom: 1.0rem;}
            .g-f .ft-nav ul li{float:left; width:25%;height:4.75rem; line-height: 4.75rem;position: relative;text-align: center;}
            .g-f .ft-nav ul li:before{width:0.1rem; height:1.35rem; background:#c0c0c0; content:"";position:absolute; right:0;top:1.7rem;}
            .g-f .ft-nav ul li a{font-size: 1.4rem; color:#000000;}
            .g-f .ft-nav ul li:last-child:before{display:none;}
            .g-f  .ft-code{width:15.9%;float:left; margin-left: 0.9rem;}
            .g-f  .ft-code span i{display:block; height:5.5rem; line-height: 0;margin-bottom: 0.4rem;}
            .g-f  .ft-code span i img{width:100%; height:100%;}
            .g-f  .ft-code span em{display:block; height:1.5rem; line-height: 1.5rem; text-align: center;background:#039;font-size: 1.0rem; color:#FFFFFF; }
            .g-f .ft-xx{float:right;width:76%;}
            .g-f .ft-xx p{font-size: 1.05rem; color:#5F5F5F; line-height: 1.05rem;margin-bottom: 1.8rem;}
            .g-f .ft-xx ul li{font-size: 1.05rem;line-height: 1.05rem; color:#5F5F5F; margin-bottom: 0.5rem;}
            .g-f .ft-xx ul li a{font-size: 1.05rem; color:#5F5F5F;}
            .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:33.33%; height:5rem;background:#039;border-right:1px solid rgba(255,255,255,0.2); box-sizing: border-box;}
            .g-ft .dbdh li a{display:block;height:5rem;padding-top:0.8rem; box-sizing: border-box;}
            .g-ft .dbdh li:first-child{background:#fed201;}
            .g-ft .dbdh li em{display:block;width:1.95rem;height:1.7rem;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.2rem; line-height: 2.1rem; line-height: 2.1rem; color:#fff; text-align: center;}
            .xf{position:fixed;width: 4rem;right:4%;z-index: 100;bottom: 20%;}
            .xf a img{display:block;width:100%;}
            .xftel{position:fixed;width: 4rem;right:4%;z-index: 100;bottom:calc(20% + 70px);}
            .xftel a img{display:block;width:100%;}
            iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;}