﻿
  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 #214a96; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:0;background:#214a96;}
  /*首次加载页面切入效果*/
  .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:7.7rem;}
        .g-hd{min-width: 320px;max-width: 750px;width: 100%;}
        .g-hd .hea_top{height:4.75rem; box-sizing: border-box;padding-top:0.7rem;}            
        .g-hd .hea_top .t_logo{float: left;width:15.4%;height:3.5rem;padding: 0 0 0 3%;margin:0 1.15rem 0 0;margin-right: 1.15rem;}
        .g-hd .hea_top .t_logo a img{height:100%;}
        .g-hd .hea_top h2{display:block; float:left;padding-top:0.2rem;}
        .g-hd .hea_top h2 em{display:block;font-size: 1.25rem;height:1.25rem; line-height:1.25rem; color:#214a96; font-weight: bold; letter-spacing: 0.15rem;}
        .g-hd .hea_top h2 p{font-size: 0.9rem; line-height: 1.55rem; color:#000000; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .g-hd .hea_top b{display:block;width:2.55rem;height:2.55rem; float:right;margin:0.55rem 4% 0 0;}
        .g-hd .hea_top b a{display:block; height:2.55rem;background:url(../images/hea-tel.png) no-repeat center;background-size:100%;} 
       .head .hea_bot{height:2.95rem;background:#214a96;}
        .head .hea_bot .hea_nav{width:85.4%; float:left;height:2.95rem; line-height:2.95rem;text-align: center; }
        .head .hea_bot .hea_nav span{display:block;width:33.3%;float:left; box-sizing: border-box; position: relative;}
        .head .hea_bot .hea_nav span a{display:block;font-size: 1.2rem; color:#FFFFFF;box-sizing: border-box;}
        .g-hd .m-nav2{ width:14.2%;height:2.95rem;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: 501;}
                .menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:rgb(47 47 46 / 90%);background-size:100% 100%;height:52.35rem;max-width: 750px;top:2.95rem;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: #214a96;  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:16.55rem;}
                    .g-f{height:12.05rem; padding:3.05rem 0 0;background:url(../images/foot.jpg) no-repeat center top; background-size:100% 100%; position: relative; box-sizing: border-box;}
                    .g-f .xf{width:4.3rem;height:4.3rem;position: absolute;left:45%;top:-2.05rem;}
                    .g-f .xf img{width:100%;}
                    .g-f strong{display:block; height:2.85rem; text-align: center;}
                    .g-f strong i{display:inline-block; height:2.85rem; line-height: 2.85rem;font-size: 1.4rem;color:#393939;}
                    .g-f strong a{display:inline-block; height:2.85rem; line-height: 2.85rem;font-size: 1.5rem; line-height: 1.5rem; color:#214a96;}
                    .g-f ul li{height:2.4rem; text-align: center;}
                    .g-f ul li em{display:inline-block; height:2.4rem; line-height: 2.4rem;font-size: 1.2rem;color:#5f5f5f;margin:0 0.5rem;}
                    .g-f ul li em a{font-size: 1.2rem;color:#5f5f5f;}
                    .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.5rem;background:#214a96;box-sizing: border-box;border-right:0.05rem solid #FFF;}
                    .g-ft .dbdh li a{display:block; height:4.5rem;padding-top:0.5rem; box-sizing: border-box;}
                    .g-ft .dbdh li:first-child{background:#616161;}
                    .g-ft .dbdh li em{display:block;width:1.35rem;height:1.25rem;margin:0 auto 0.35rem;    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: 2.1rem; color:#FFF; text-align: center;}

                    .xf{position:fixed;width: 4rem;right:3%;z-index: 100;bottom: 20%;}
                    .xf a img{display:block;width:100%;}
                    iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;}
            
