html{ background:#fff;}/*图片加载未完成前，默认背景色*/
.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:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
/*首次加载页面切入效果*/
.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;
}


        .head2 {position: relative;z-index: 11;height:4.5rem;background: #fff; }
        .head2 .logo{ width:36%; float:left;margin-right: 6%;}
        .head2 .logo img{display:block; width:100%;}
        .head2 h4{ width:48%; line-height:4.5rem; line-height: 4.5rem; font-size:1.6rem; color:#000; float:left; text-align:right; font-weight: normal;}
        .head2 h4 a{ float:left; width:33%;text-align: center; color:#000;}
        .head2 .menu_btn{width:9%; height:4.5rem; float:right; overflow:hidden;}
        .head2 .menu_btn a.downmenu{display:block; width:100%; padding:0.6rem 0 0 0;}
        .head2 .menu_btn img{ display:block; width:100%;}
        .menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top:4.5rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;}
        .menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
        .menu2 ul {background:rgba(14,147,227,.8);padding:2rem 12.5% 5rem;}
        .menu2 ul li {color: #fff; font-size:1.2rem; line-height: 3rem;height: 3rem; border: 1px solid #fff;border-radius: 1.5rem;margin-bottom: 0.8rem; text-align: center; }
        .menu2 ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff;}
        .menu2 ul li:last-child:before{ background:none; border:0;}
        .menu2 ul li a {display: block;height: 3rem;line-height: 3rem; font-size:1rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}


       

              .g-adv{position: relative;height: 42.7rem;}
              .g-adv img{width: 100%;display: block;}
              .g-adv .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem; border-radius: 50%; margin: 0 0.8rem;background: #222;z-index: 11;}
              .g-adv .swiper-pagination-bullet-active{width: 2.8rem; height: 0.8rem; border-radius:2rem;background: #0e93e3;}
              .g-adv .swiper-pagination-bullets{top:40rem;}
            

        .g-ft{height:16.2rem;position: relative;background:url(images/ftbg.jpg) no-repeat;background-size: 100%; margin-top:3rem;}
        .g-ft .top{position: absolute;width:4.4rem;height: 4.4rem;left:50%;margin-left: -2.2rem;top:-2.2rem;}
        .g-ft .top img{width:100%;display: block;}
        .g-ft .ftnav{height: 2.5rem;line-height: 2.5rem;padding: 3rem 0 0;font-size: 1.1rem;color:#393939;margin-bottom: 0.8rem; margin:0 3%;}
        .g-ft .ftnav a{display: inline-block;font-size: 1.1rem;color:#393939;padding: 0 1.1%;}
        .bah{text-align: center;font-size: 1.2rem;color: #5f5f5f;line-height: 2.2rem;}
        .bah a{color: #5f5f5f;}


        .g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:750px;min-width:320px;background: #222;}
        .m-f01 li{float: left;width: 25%;text-transform: uppercase;border-right: 1px solid #2e2e2e; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
        .m-f01 li em{display: block;width: 38%;padding-top: 0.1rem; margin: 0 auto;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#fff;line-height:2.2rem;;display:block;text-align:center;font-size: 1.4rem;position: relative;}
        .m-f01 li:nth-child(1){
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d59ad+0,436fc5+50,5986dc+100 */
background: #2d59ad; /* Old browsers */
background: -moz-linear-gradient(left,  #2d59ad 0%, #436fc5 50%, #5986dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2d59ad 0%,#436fc5 50%,#5986dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2d59ad 0%,#436fc5 50%,#5986dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d59ad', endColorstr='#5986dc',GradientType=1 ); /* IE6-9 */

        }




iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;}