/* 头部样式调整 */
@font-face { font-family: 'Helvetica-Condensed-Black-Se'; src: url("/lib/fonts/ROBOTO-BOLD-3_0.TTF"); }
@font-face { font-family: 'Helvetica-SemiBold'; src: url("/lib/fonts/SemiBold.otf"); }
dl.item.ft-item2-box {
    justify-content: center;
}
.zb-header::before{display: none;}
.zb-header{padding: 0.1rem 0.9rem; padding-right: 1.5rem;}
.zb-header .htop{background: transparent; height: auto;}
.zb-header .logo,.header .topnav{margin-top: 0;}
/* .zb-header{background: linear-gradient(to bottom, rgba(44, 121, 145, 0.8) 0, rgba(44, 121, 145, 0.6) 60%, rgba(44, 121, 145, 0) 100%);} */
.zb-header .topnav ul li{font-size: 0.18rem;}
.zb-header .topnav ul li{margin-left: 2.5vw;}
.zb-header .list0 .a{font-size: 0.2rem;}
.zb-header .list0 li{display: flex; align-items: center;}
.zb-header .list0 li:first-child::before{display: none;}
.zb-header .list0 li::before{content: ''; display: block; width: 1px; height: 0.16rem; background-color: #fff; margin-right: 0.2rem;}
.zb-header .htop .wp{justify-content: flex-end; height: auto !important;}
.zb-header .wap{display: none;}
/* .zb-header .list0, .zb-header .topr{margin-right:1rem;} */
.zb-header .wp{width: 100% !important; padding: 0; max-width: 100%;}
#webNav{position: fixed; width: 100%; left: 0; top: 0;  transform: translateY(-100%); height: 100%; z-index: 1000; opacity: 0; transition: all ease .3s;}
#webNav .bg{width: 100%; height:100%; position: absolute; left: 0; top: 0; z-index: 1;animation: bgH 0.3s forwards; animation-delay: 0.3s;}
#webNav.on{display: flex;align-items: center;transform: translateY(0);opacity: 1;backdrop-filter: blur(5px);background: url(/lib/images/banner-1.png);background-size: cover;background-repeat: no-repeat;}

#webNav .dl{position: relative;z-index: 50;}
.webNav-box{display: flex; position: relative;z-index: 10; text-align: center; width: 100%; justify-content: space-between; padding: 0 4%;}
#webNav.on .bg{height: 100vh;}
.webNav-box .tit-a{font-size: 0.24rem;}
.webNav-box a{color: #fff;}
.webNav-box li{opacity: 0;}
#webNav.on .webNav-box li{
  animation: fadeUps 0.2s forwards; transform: translateY(20px); 
}
.zb-header{background: linear-gradient(to bottom, rgba(0,0,0,0.4),rgba(0,0,0,0));}
.zb-header.on::before{display: block;}
.zb-header .topser{display: flex; align-items: center; justify-content: center; }
.zb-header .topser img{width: 0.18rem;}
.webNav-box .zb-sub-nav a{display: block; font-size: 0.16rem; margin:0.15rem 0 ;color:#fff; opacity: 0.6;}
.webNav-box a:hover{text-decoration: underline;}
.zbNavBtn{ display: none;}
.zbNavBtn .topser{ margin: 0 .2rem 0 0;}
.zbNavBtn.navShow .line1{visibility:hidden}
.zbNavBtn.navShow .line2{margin-top:-1px!important;width:90%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.zbNavBtn.navShow .line3{margin-top:-1px!important;width:90%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.zbNavBtn .line1,.zbNavBtn .line2,.zbNavBtn .line3{position:absolute;top:50%;right:0;display:block;width: 100%;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;margin-top: -1px;}
.zbNavBtn .line1{margin-top:-.1rem;width:.3rem}
.zbNavBtn .line3{margin-top:.08rem;width:.3rem}
.zb-header .icon-sousuo1{color: #fff;}
.zb-header .showSear{cursor: pointer; color: #fff;}
.zb-box{max-width: 1566px; width: 92%; margin-left: auto !important; margin-right: auto !important;}
.webNav-box .sub-a-t{color: #fff; opacity: 0.8; font-size: 0.2rem; margin-bottom: 0.2rem;}
.webNav-box .sub-a{margin-top: 0.2rem;}


#footer{background-position: center 0; background-repeat: no-repeat; background-size: 100%; color: #fff; padding-top: 80px; position: relative; background-color: transparent !important;}
#footer::before{background:#22559f;}
#footer::after{background-image: url(/lib/images/home/ft-bg.png); background-position: center 100px; background-repeat: no-repeat;}
#footer::after,#footer::before{content: ''; display: block; width: 100%; bottom: 0; top: 46px; left: 0; right: 0; position: absolute;}
#footer .item{display: flex; align-items: center; margin-bottom: 0.3rem;}
#footer .iconfont{font-size: 0.6rem; margin-right: 0.2rem;}
#footer .h{font-size: 0.3rem;font-family: 'Helvetica-SemiBold';}

#footer .p{font-size: 0.16rem;}
#footer .copy{font-size: 0.14rem; background-color: #1a488d; text-align: center; border-bottom: 0.05rem solid #ff962f; padding: 0.1rem 0; position: relative;z-index: 20;}
#footer .zb-box{display: flex; align-items: flex-start; justify-content: space-between; position: relative;z-index: 20;}
.ser-layer .serclose{color: #fff; font-size: 18px; width: auto;}
.ft-item2-box{margin-top: 0.2rem;}
.ft-item2{margin-right: 0.18rem;}
.ft-item2 .icon1{width: 57px; display: block; margin: 0 auto;}
.ft-item2{text-align: center; position: relative; padding-top: 0.1rem; margin-right: 0.2rem;}
.ft-item2 .wx{position: absolute; left: 50%; transform: translateX(-50%) ; bottom: 100%; background-color: #fff; border-radius: 4px; width: 140px; display: none;}
.ft-item2 .wx::after{content: ''; width: 10px; height: 10px; background-color: #fff; position: absolute; left: 50%; transform: translate(-50%,-50%) rotate(45deg); top: 100%; display: block;}
.ft-item2:hover .icon{background-color: #fff; color: #22559f;}
.ft-item2:hover .wx{display: block; color: #333; padding-bottom: 0.1rem;}
.ft-item2-box .icon{width: 0.57rem; height: 0.57rem; border-radius: 50%; border: 2px solid #fff; font-size: 0.33rem !important; display: flex; align-items: center; justify-content: center; margin: 0 auto !important; cursor: pointer;}
#goTop{color: #ff962f;font-size: 12px; position: fixed; z-index: 9999; right: 0.3rem; bottom: 1rem; text-align: center; cursor: pointer; opacity: 0.6;}
#goTop .icon{font-size: 0.46rem; display: block; margin: 0 auto;}
#goTop:hover{opacity: 1;}
#footer .footer-cloud {
    top:0;
    position: absolute;
    left: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
    z-index: 2
}

#footer .footer-cloud .cloud1 ,#footer .footer-cloud .cloud2{ position: absolute; left: 0; top: 0; display: flex;
    background-size: auto 100% !important; height: 100%;
    width: 20000px; 
}
#footer .footer-cloud .cloud1{
  animation: 400s linear infinite ani_roll2;
  -webkit-animation: 400s linear infinite ani_roll2; 
}
#footer .footer-cloud .cloud2{
 
}
#footer .footer-cloud img {
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none;
    -webkit-animation: none;
}
#footer .footer-cloud .cloud1{
  background: url(/lib/images/home/d-footer-bg2.png) 0 bottom repeat-x;
  animation: 400s linear infinite ani_roll1;
  -webkit-animation: 400s linear infinite ani_roll1; 
}
#footer .footer-cloud .cloud2 {
    background: url(/lib/images/home/d-footer-bg3.png) 0 bottom repeat-x; animation-duration: 108s;
    animation: 400s linear infinite ani_roll2;
    -webkit-animation: 400s linear infinite ani_roll2; 
}
@keyframes ani_roll1 {
    0% {
        background-position: -100% bottom;
    }

    100% {
        background-position: 0 bottom;
    }
}
@keyframes ani_roll2 {
    0% {
        background-position: 0 bottom;
    }

    100% {
        background-position: -100% bottom;
    }
}



@media(min-width: 1023px){
  /* .web-navBtnm{display: flex; width: 0.83rem; height: 0.7rem; background-color: #047c59; border-radius: 50% 0 0 50%; position: fixed; right: 0; top: 0.4rem; z-index: 50; padding-left: 0.2rem; z-index: 1001;} */
  .web-navBtnm{display: flex; width: 0.86rem; height: 0.81rem;  position: fixed; right: 0.3rem; top: 0; z-index: 50;z-index: 1001; background-image: url(/lib/images/home/menu.png); background-position: center 0; background-repeat: no-repeat; background-size: 100%;}
  .web-navBtnm .menu-btn{left: 50%; transform: translate(-50%,-50%);}
  .zb-header .navbtn{position: static; width: 100%; display: none; height: 100%;}
  .zb-header .wp{flex-wrap: nowrap}
  
}
@media(max-width: 1024px){
  .topnav .ser-layer{position: static; display: block;opacity: 1; visibility: visible; background: none;}
  .topnav .ser-layer .serform{transform: translateY(0) !important; width: 100%;}
  .topnav .showSear{display: none;}
  .zb-header .list0 .a{font-size: 0.16rem;}
  .zb-header .list0 li::before{margin: 0 0.1rem;}
  .zb-header .list0 li.all::before{display: none;}
  .zb-header .topnav ul li{margin-left: 0;}
  .zb-header{padding: 0;}
  .zb-header .htop{display: none;}
  .zb-header .wap{display: flex; justify-content: space-between; margin-bottom: 0.1rem;}
  .zb-header .wap a{color: #fff; font-size: 0.18rem;}
  .zb-header .wap dd{display: flex; align-items: center;}
  .zb-header .wap dd::before{content: ''; display: block; height: 0.16rem; width: 1px; background-color: #fff; margin: 0 0.14rem;}
  .zb-header .wap dd:first-child::before{display: none;}
  .zb-header .topnav ul li{font-size: 0.2rem;}
  .zb-header .topnav ul li .sub-nav .sub-nav-h a{font-size: 0.18rem; padding: 4px 0.1rem;}
  .zb-header .miso_form1{margin: 0.3rem 0;}
  .web-navBtnm{display: none;}
  
.zb-header{padding-left: 0.3rem;background: #2158a0;position: relative;}
.header:before {display: none !important;}
  .zb-header .navbtn{height: 60px;}
  .zb-header .wap-navBtnm {width: 60px; justify-content: center;}
  .header .logo{/* padding: 0.2rem 0; */top: 0;}
 
 
  .header .logo img{max-height: 0.5rem;}
}
@media(min-width: 800px){
  
  
} 
@media(max-width: 800px){
  .zb-m7-list{flex-wrap: wrap;}
  .zb-m7-list .item{width: 25%; margin-bottom: 0.2rem;}
  .zb-main7{background-image: none;}
  .zb-tit{margin-bottom: 0.3rem;}
  #footer{background-image: none !important; padding-top: 30px;}
  #footer::after, #footer::before{top: 26px;}
  #footer .w2{position: absolute; height: 70px; left: 0%; top: 10px; width: 100%; display: flex; align-items: center; justify-content: center;}
  #footer .zb-box{display: block; padding-top: 90px;}
  #footer .iconfont{font-size: 0.4rem; margin-right: 0.1rem;}
  #footer .h{font-size: 0.20rem;}
  #footer .item{margin-bottom: 0.2rem;}
  .ft-item2 .icon{display: none;}
  .ft-item2 .wx{display: block; position: static;padding-bottom: 0.1rem; transform: translateX(0);}
  .ft-item2 .wx::after{display: none;}
  .ft-item2{color: #333 !important; }
  .ft-item2 .wx{width: 100%;}
  .ft-item2{width: 25%;}
  #footer{}
  .zb-main8{padding-bottom: 0; margin-bottom: 0rem;}
  #footer .footer-cloud{height: 30px;}
  .zb-main8 .arrow1{display: none;}
  .zb-m8-ban .arrow-box{width: 100%;}
  .zb-m8-ban .dot span{width: 0.1rem; height: 0.1rem;}
  #goTop span{display: none;}
  #goTop{right: 10px;}
  
} 

@keyframes bgH {
  to {
    height: 100vh;
  }
}
@keyframes fadeUps {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.webNav-box h1,.webNav-box h2,.webNav-box h3{font-weight: normal;}
.webNav-box h1{margin-bottom: 0.2rem;}
.webNav-box h1 a{font-size: 0.24rem; }
.webNav-box a{color: #fff; font-size: 0.16rem; display: block;}
.webNav-box li{opacity: 0;}
.webNav-box h2 a{opacity: 0.8; font-size: 0.2rem; margin-bottom: 0.2rem;}
.webNav-box h3 a{opacity: 0.6; margin-bottom: 0.15rem;}
.zb-header .topnav ul li{margin-left: 2vw;}
.sub-nav-h a{font-weight: normal;}
.sub-nav-h h2{margin: 0.1rem 0 0.05rem;}
.zb-header .topnav ul li .sub-nav .sub-nav-h h2 a{font-size: 0.2rem !important;}
@media(max-width: 1024px){
  #webNav{display: none !important;}
  .zb-header .topnav ul li .sub-nav .sub-nav-h h2 a{color: rgba(255,255,255,1);}
  .zb-header .topnav ul li .sub-nav .sub-nav-h h3 a{color: rgba(255,255,255,0.8); padding-left: 1em;}
}