header{position:fixed; z-index: 1000; align-items: center; width:100%;  transition:var(--xd); background: Rgba(35, 43, 115, 0.5);}
.header-t{width: 100%; position: absolute; top: 0; left: 0;background-image: linear-gradient(Rgba(0, 0, 0, 0.5) 0, Rgba(0, 0, 0, 0.2) 50%, Rgba(0, 0, 0, 0) 100%); height: 250px; z-index: 1; }
.header-w{z-index: 4;padding: 0 3%;}
.header-1 img,.footer-1 img{height:45px;}
.header-2 .dbcdo li{position: relative;}
.header-2 .dbcdo li a{padding: 0 10px; margin: 0 1.5vw; color: var(--color-bs); height: 80px; line-height: 80px;}
.header-2 .dbcdo li::after{position: absolute; width:100%; transform: scaleX(0); bottom: -1px; height: 2px; background: var(--color-fs); content: ''; left: 0; transition: var(--xd);}
.header-2 .dbcdo li:hover::after{ transform: scaleX(1);}
.header-2 .dbcdo li dl{position: absolute; top: 80px; width: 200%; left: -47%;padding:15px 7%;z-index: 2;}
.header-2 .dbcdo li dl dt{ height:40px; line-height: 40px; text-align: center;}
.header-2 .dbcdo li dl a{color: var(--color-666); height:40px; line-height: 40px;display: block; transition: var(--xd); font-weight: 400; font-size: var(--zhihao14);}
.header-2 .dbcdo li dl a:hover::after{transform: scaleX(0);}
.header-2 .dbcdo li dl dt:hover a{color: var(--color-fs);}
.header-2 .dbcdo li dl dt:last-of-type{border: none;}
.header-3{padding-left: 2vw;}
.header-3 a{color: var(--color-bs); font-size: var(--zhihao17);}
.header-3 i{font-size: var(--zhihao22); padding-right: 5px; padding-top: 2px;}
.top_box_b,.top_box_h{background: var(--color-bs);transition: var(--xd);}
.top_box_b .header-t::after{opacity: 0;}
.top_box_b .logo-b,.nyth .logo-b,.logo,.top_box_h .logo-b{display: none; visibility: hidden;}
.top_box_b .logo,.nyth .logo,.top_box_h .logo{display: block; visibility: visible;}
.nytcd ul a{color: var(--color-bs);}
.nytcd-tb i{color: Rgba(255,255,255,.7);}
.nyt{border-bottom: 1px solid Rgba(255, 255, 255, 0.2);}
.top_box_b .nytcd ul a{color: var(--color-hs);}
.top_box_b .header-2 .dbcdo li a,.top_box_h .header-2 .dbcdo li a{color: var(--color-666);}
.top_box_b .nytcd-tb i{color: var(--color-999);}
.nyth .header-2 .dbcdo li a{ color: var(--color-333);}
header.nyth{border-bottom: 1px solid var(--color-f1); background: var(--color-bs);}
.nyth .header-3 a,.top_box_b .header-3 a,.top_box_h .header-3 a{color: var(--color-666);}
.submenu_show .header-bg{ display:block !important; width: 100%; height: 270px; background:var(--color-f6); z-index: 1; position: absolute; top: 0px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%; z-index:2;}
.submenu_hide,.sublist_hide{ pointer-events:none;} 
.submenu_hide .header-bg{ -webkit-animation:a_bg_hover_hide 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
@keyframes a_bg_hover_show {0%{ -webkit-transform:scale(1,0.5); opacity: 0;}	100%{  -webkit-transform:scale(1,1); opacity: 1;}}
@keyframes a_bg_hover_hide {0%{ -webkit-transform:scale(1,1); opacity: 1;}	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}}
.banner .swiper-slide video{height: 100vh; object-fit: cover; opacity: 0.8; display: flex;}
.banner .baner-wz{width: 100%; text-align: center;  text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7);}
.s-2-z{background: Rgba(35, 43, 115, 0.5); padding:4% 50px; width: 35%;}
.sysnr div{padding:4vw 3vw;}
.sysgd .swiper-wrapper .swiper-slide:nth-child(2) .sysnr{margin-top: 5vw;}
.s-4{background-image: linear-gradient(var(--color-fs) 0, Rgba(35, 43, 115, 0.5) 50%, #c9cbdd 100%);}
.cplb ul,.xwlb ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50px 20px;}
.cplb-z{margin-top:2px;}
.cplb ul a:hover .cplb-z{ background: var(--color-fs); color: var(--color-bs);}
.cplb ul a:hover .cplb-z span{color: Rgba(255, 255, 255, 0.5);}
.more a{display:inline-block; background: Rgba(255, 255, 255, 0.5); padding:10px 25px; border-radius: 10px; margin: 0 auto; transition: var(--xd);}
.more a:hover{background: var(--color-fs); color: var(--color-bs);}
.s-5{background: url(../images/lyd.jpg) center no-repeat; background-size: cover;}
.cpxa-zx-nr input{width:48%;height: 48px;line-height: 48px;padding: 0 10px;border-bottom: 1px solid var(--color-eee);background: inherit; color: var(--color-333); margin-bottom: 15px; background: var(--color-bs);}
.cpxa-zx-nr textarea{ width: 100%;  padding:10px;border-bottom: 1px solid var(--color-eee); margin-top: 25px; height: 12.5vw; font-family: "sans";}
#GBookAdd .submit{ transition: var(--xd); width: 250px; text-align: center; padding: 10px 0;  background: var(--color-fs);  border-radius: 10px; color: var(--color-bs); margin:40px auto 0;display: block;}
#GBookAdd .submit:hover{ background: var(--color-eee); color: var(--color-hs);}
.footer-2-cd a{color: var(--color-bs); margin-left:2vw;}
.footer-2-cd a:nth-child(1){margin-left:0;}
.j-1-2{padding: 30px 0 30px 3vw;}
.j-nr .j-1:nth-child(2) .j-1-2{padding: 30px 3vw 30px 0;}
.lx-1 ul a i{font-size:var(--zh-bt); line-height:var(--zh-dbt-h); width: 70px; height: 70px; border-radius: 50%; line-height: 70px; border: 1px solid var(--color-qs); text-align: center; margin-right: 15px;}
.kongge{height: 110px;}
.xwlb ul a .cplb-z{ padding: 40px;}
.sytpdh{bottom: -4.7%; left: 1%;}


@media (max-width:1440px){
    
  
    
}

@media (max-width:1024px){
    .sjcd{ float:left;margin-right: 0.5rem; color:var(--color-bs);}
    #top .nav,.s-1-w-dt,.p_scrool,.jt-1-r{display: none;}	
    #top{ min-width:inherit; transform: translateY(0%);background:var(--color-bs);overflow: hidden;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%; padding:15px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
    #top .logos img{ height:35px; width:auto;}
    #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
    #top .menu span{ width:35px;float:right;padding-top: 1px;}
    #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
    #top .menu span i:nth-of-type(3){margin-bottom: 0;}
    #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
    #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
    #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0; width: 0;}
    .top .nav{margin-left: 4%;}
    .top_hidden{ transform: translateY(-100%); opacity: 0;}
    .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0; visibility: hidden;}
    .caidan{width: 50%; max-width: 400px; height: 100%;background: var(--color-bs); position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
    .caidan .caidan_nav{ padding: 59px 5%; height: calc(100% - 40px);overflow-y: scroll;}
    .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
    .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){padding-top: 20px;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5%;display: block; height:40px;line-height:40px; }
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5%;display: block;height:40px;line-height:40px; width: 50%;float: left;}
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;pointer-events:none}
    .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
    .caidan.caidan_oppen{ transform: translateX(0%);z-index: 999; visibility: visible;}
    .caidan_hidden{transform: translateX(100%);}
    .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 5%; display: none; background: var(--color-f6);}
    .caidan .caidan_nav ul .caidan_2box li{line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
    .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
    .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
    .caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
    .caidan .caidan_nav ul .caidan_2box li dl{margin-left: 5%;margin-bottom: 10px;}
    .zbsjdh{ padding: 20px 0 0;}
    .zbsjdh a{ width: 100%;float: left;background:var(--color-f6);text-align: center;line-height: 36px;height: 36px;margin-bottom:5px; color: #333;}
    .zbsjdh a:nth-child(2){ margin-bottom: 0;}


    
  }

 @media (max-width:820px){
      .banner .swiper-slide video{height: 50vh;}
      .sysgd .swiper-wrapper .swiper-slide:nth-child(2) .sysnr{margin-top:0; flex-direction: initial;}
      .bannerdtgd,.nybanner{padding-top: 63px;}
      .bannerdtgd .baner-wz{left: 0;padding: 0 10%;text-align: center;width: 100%;top: 25%;}
      .s-2-z{width: 50%;}
      .s-3 .jl-x-5{padding-bottom: 20px;}
      .cpxa-zx-nr textarea{height: 100px;margin-top: 0;}
      #GBookAdd .submit{margin-top: 20px;}
      .cplb ul, .xwlb ul{grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
      .nybanner .baner-wz{top: 56%;}
      .j-1-2{padding: 30px 0 40px 0;}
      .j-nr .j-1:nth-child(3) .j-1-2{padding-bottom: 0;}
      .lx-1 ul a{width: 100%;}
      .lx-1 ul a i{ width: 60px; height: 60px; line-height: 60px;}
      .lx-1 ul a:nth-child(2){margin: 25px 0;}
      .lx_nr{ width: calc(100% - 80px);}
      .sytpdh{bottom: 2.3%;left: 0%; width: 169%;}
  }

  @media (max-width:640px){
    .caidan{width: 100%; max-width: 100%;}
    .banner .swiper-slide video{height:65vh;}
    .s-2-z{width: 60%;}
    .footer-2-cd{margin-top: 25px;}
    .cplb ul, .xwlb ul{grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
  }