﻿
        .head2 {position: relative;z-index: 11;height:8rem; overflow: hidden;background:#285c92;}
        .head2 .m_top{height:5rem;background:#fff;overflow:hidden;}
        .head2 .logo{ width:40%; float:left; margin-right: 1%;}
        .head2 .logo img{display:block; width:100%;}
        .head2 h5{position: absolute;width:2.8rem; height: 2.8rem; right:1.4rem;top:1rem;}
        .head2 h5 img{width: 100%;display: block;}

        .head2 h4{height:3rem;line-height:3rem;overflow: hidden;}
        .head2 h4 a{ float:left;width:22%;text-align: center; color:#fff;font-weight: normal; font-size: 1.1rem;position: relative;font-family:"Microsoft Yahei";}

        .head2 .menu_btn{width:10%; position: absolute;right:0;top:5rem;float:right; overflow:hidden;}
        .head2 .menu_btn a.downmenu{display:block; width:100%;}
        .head2 .menu_btn img{ display:block; width:100%;}

        .menu2 .slideMenu{width:100%; display: none;z-index:16;position:absolute; top: 8rem; 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(40,92,146,.9);padding:2rem 12.5% 5rem;border-top:1px solid rgba(255,255,255,.32); z-index: 151;}
        .menu2 ul li {color: #333; font-size:1.3rem; line-height: 3rem;height: 3rem; border: 1px solid rgba(255,255,255,.8);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:#ccc;}
        .menu2 ul li:last-child:before{ background:none; border:0;}
        .menu2 ul li a {display: block;height: 3rem;line-height: 3rem; font-size:1.3rem; font-family:"Microsoft Yahei"; color: #fff;text-decoration: none;}
       

     /**广告**/
.banner{ position:relative;}
.banner img{width:100%;display:block;}
.banner .swiper-pagination {
  bottom: 2rem;position:absolute;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  background: #285c92;
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 0.8rem;
  opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #7fb435;
}
.banenr-txt .txt-con {
  height: 5.4rem;
  line-height: 5.4rem;
  font-size: 1.35rem;
  color: #ffffff;
  text-align: center;
  background: #285c92;
  border-radius: 0.5rem;
  margin-top: -2.7rem;
  position: relative;
  z-index: 10;
}
 

.yzsp{position:relative;}
.yzsp video{
    position: absolute;
    left: 0;
    top: 0;
  width: 100%;height: 100%;
   background: #000; z-index:1;
    opacity: 0;
  -webkit-transition: all .5s;   /*object-fit:fill;*/
    transition: all .5s;
}
.yzsp:hover video{opacity: 1;}




        .g-ft{ padding: 1.5rem 0; position: relative;}
        .g-ft .ftnav{width: 77%;margin: 0 auto; height: 5rem;}
        .g-ft .ftnav a{display: block;float: left; background:url() no-repeat;background-size: 100%; width: 46%;height: 2.9rem;line-height: 2.9rem;text-align: center;font-size: 1.2rem;color: #000;margin-right: 5%;}
        .g-ft .ftnav a:nth-child(2){margin-right: 0;}

        .bah{text-align: center;font-size: 1.2rem;color: #000000;line-height: 1.8rem;}


        .g_fnva{ position:fixed; z-index:100; bottom:0; width:100%;max-width:750px;min-width:320px;background:#285c92; height: 5.6rem;}
        .m-f01 li{float: left;width: 25%;text-transform: uppercase;border-right: 1px solid rgba(255,255,255,.32); box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
        .m-f01 li em{display: block;width:3.6rem;padding-top: 0.2rem; margin: 0 auto;}
        .m-f01 li img{width: 100%;display: block;}
        .m-f01 a{ color:#fff;line-height:2rem;;display:block;text-align:center;font-size: 1.1rem;position: relative;}
        .m-f01 li:nth-child(1){background: #7fb435;}

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


     
