header{position:fixed; z-index: 1000; align-items: center; width:100%;  transition:var(--xd);}
.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-l dl dt img{height: 30px;}
.header-2 .dbcdo li{position: relative;}
.header-2 .dbcdo li a{padding: 0 10px; margin: 0 0.9vw; color: var(--color-bs); height: 70px; line-height: 70px;}
.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: 70px; width:auto; left: -47%;padding:20px 7%;z-index: 2;white-space: nowrap;display: inline-block;}
.header-2 .dbcdo li dl dt{ height:35px; line-height: 35px; text-align: center;}
.header-2 .dbcdo li dl a{color: var(--color-666); height:35px; line-height: 35px;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;}
.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-333);}
.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: 390px; 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);}
.p_scrool{bottom: 35px;}
.p_scrool i{display: block; width: 20px; height: 30px; margin: 0 auto; border-radius: 12px; border: 1px var(--color-bs) solid;}
.p_scrool i:before{content: ""; display: block; width: 4px; height: 10px; background: var(--color-bs); border-radius: 2px; position: absolute; left: 50%; transform: translate(-50%, 0); top: 3px; animation: scrollmouse 1s linear infinite;}
@keyframes scrollmouse { 0% {transform: translate(-50%, 0);opacity: 1; }  100% {transform: translate(-50%, 10px);opacity: 0;}}
.p_scrool span{font-size: 10px;text-transform: uppercase;}
.header-3 li a{width:26px; height: 26px; line-height: 26px; border-radius: 50%; background: Rgba(0, 0, 0, 0.3);  display: block;text-align: center; transition: var(--xd);}
.header-3 li i{font-size: var(--zhihao13);color: var(--color-bs);}
.header-3 li{padding-left: 10px;}
.header-3 li a:hover{background: var(--color-fs);}
.s-1{background: var(--color-qs) url(../images/sflbj.jpg) center 0 no-repeat; background-size: 100%;}
.sflgd .swiper-scrollbar,.jjrrgd .swiper-scrollbar{height: 2px; width: calc(100% - 300px);left: 0;}
.sflgd .swiper-button-next,.jjrrgd .swiper-button-next{top: auto; bottom: -11px;}
.sflgd .swiper-button-prev,.jjrrgd .swiper-button-prev{top: auto; bottom: -11px;left: auto;  right: 63px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: var(--zhihao22); color: var(--color-fs);}
.sflgd .swiper-slide a img{border-radius: 15px;transition: var(--xd); overflow: hidden;}
.swiper-scrollbar-drag{background: var(--color-fs);}
.sflgd .swiper-slide a:hover img{transform: scale(1.02); }
.sflgd .swiper-slide a:hover h1{color: var(--color-fs);}
.s-2{background: url(../images/sysd.jpg) center no-repeat; background-size: cover}
.sys-nr{border: 1px solid Rgba(255, 255, 255, 0.4); border-radius: 15px; padding:50px; cursor: pointer;height: 100%;}
.sys-nr i,.s-3-z-t i{font-size:var(--zh-dbt);}
.sys-nr:hover{background: var(--color-bs); transition: var(--xd); color: var(--color-333);}
.sys-nr:hover i{color: var(--color-fs);}
.sysgd{padding: 30px 0 50px;}
.s-3-z-t i{border: 1px solid Rgba(255, 255, 255, 0.4); padding: 10px; border-radius: 10px; display: block;}
.s-3-z-t p:nth-child(2){padding: 0 3vw;}
.s-4-tj-r{padding: 30px 3vw 30px 1vw;}
.sxw-dt ul a{border-top: 1px solid var(--color-666); width: 30%;}
.footer-1-l img{height: 46px;}
.footer-1-l-cd a{display: block;}
.footer-1-l-cd li:nth-child(2){padding-left:5vw;}
.footer-1-l-cd a:hover{color: var(--color-fs);}
.footer-1-r ul a i{ font-size: var(--zhihao20); margin-right: 1.5vw;}
.footer-1-r{width: 400px;}
.footer-1-r input{width: 100%; border-bottom: 1px solid var(--color-999); height: 40px; line-height: 40px; color: var(--color-333); font-size: var(--zhihao16);}
.footer-1-r .submit{background: var(--color-bs); border-bottom: none; text-align: left; font-size: var(--zhihao18);width: auto;}
.footer-1-r .flex-czjz:hover .submit,.footer-1-r .flex-czjz:hover i{color: var(--color-fs);}
.footer-1-r input::placeholder{color:var(--color-333); font-size: var(--zhihao16);}
.footer-2{border-top: 1px solid var(--color-ccc); padding-top: 20px; margin-top: 5vh;}
.j-1{background-image: linear-gradient(Rgba(255, 255, 255, 0) 0,var(--color-qs) 100%);}
.j-1-nr-l{width:calc(100% - 488px - 10%);}
.j-1-nr-r{width: 488px; display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 40px;}
.j-1-nr-r li{border: 1px solid var(--color-ccc); border-radius: 15px; padding: 20px; transition: var(--xd); text-align: center; color: var(--color-666);}
.j-1-nr-r li i{font-size: var(--zh-dbt); color: var(--color-fs);}
.j-2-1-r li{margin-left: 3vw;}
.linggan-xq-l-d{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.linggan-xq-l-d a{position: absolute; display: flex; align-items: center;}
.linggan-xq-l-d a .dian{ width: 10px; height: 10px; background: var(--color-fs); border-radius: 50%; position: relative;}
.linggan-xq-l-d a .dian::after{position: absolute; top:50%; animation: place100 3000ms infinite; left: 50%; transform: translate(-50%,-50%); background: Rgba(230, 33, 41, 0.5); content: ''; border-radius: 50%;}
.linggan-xq-l-d a:nth-child(1){ left: 16%; top: 30%;}
.linggan-xq-l-d a:nth-child(2){ left: 22.5%; top: 52%;}
.linggan-xq-l-d a:nth-child(3){ left: 14%; top: 83%;}
.linggan-xq-l-d a:nth-child(4){ left: 42%; top: 28%;}
.linggan-xq-l-d a:nth-child(5){ left: 47%; top: 59%;}
.linggan-xq-l-d a:nth-child(6){ left: 50%; top:42%;}
.linggan-xq-l-d a:nth-child(7){ left: 74%; top:32%;}
.linggan-xq-l-d a:nth-child(8){ left: 50%; top:27%;}
.linggan-xq-l-d a:nth-child(9){ left: 61%; top:43%;}
.linggan-xq-l-d a:nth-child(10){ left: 58%; top:30%;}
.linggan-xq-l-d a:nth-child(11){ left: 53.5%; top:49%;}
.linggan-xq-l-d a:nth-child(12){ left: 69%; top:51%;}
.linggan-xq-l-d a:nth-child(13){ left: 83%; top:68%;}
.linggan-xq-l-d a:nth-child(2) .dian::after{animation: place100 4000ms infinite;}
.linggan-xq-l-d a:nth-child(3) .dian::after{animation: place100 2850ms infinite;}
.linggan-xq-l-d a:nth-child(4) .dian::after{animation: place100 2186ms infinite;}
.linggan-xq-l-d a:nth-child(5) .dian::after{animation: place100 3642ms infinite;}
.linggan-xq-l-d a:nth-child(6) .dian::after{animation: place100 3258ms infinite;}
.linggan-xq-l-d a:nth-child(7) .dian::after{animation: place100 4251ms infinite;}
.linggan-xq-l-d a:nth-child(8) .dian::after{animation: place100 3297ms infinite;}
.linggan-xq-l-d a:nth-child(9) .dian::after{animation: place100 37538ms infinite;}
.linggan-xq-l-d a:nth-child(10) .dian::after{animation: place100 5239ms infinite;}
.linggan-xq-l-d a:nth-child(11) .dian::after{animation: place100 6051ms infinite;}
.linggan-xq-l-d a:nth-child(12) .dian::after{animation: place100 2893ms infinite;}
.linggan-xq-l-d a:nth-child(13) .dian::after{animation: place100 5681ms infinite;}
@keyframes place100{0%{width: 0px;height: 0px;} 100%{width: 50px;height: 50px; background: Rgba(2230, 33, 41, 0);}}
.dt-logo i{ color: var(--color-fs); font-size: var(--zh-bt2);}
.dt-logo img{height:23px; margin-left: 6px;}
.dt-logo{left: 70%; top: 35%;}
.j-3 .bt p:nth-child(2){width: 400px;}
.j-3 .bt p:nth-child(1){width: calc(100% - 500px);}
.swiper-pagination-bullet-active{background: var(--color-fs);}
.j-5 .bt a{ display: inline; padding:10px 20px; background: Rgba(255, 255, 255, 0.4); color: var(--color-bs); border-radius: 15px; transition: var(--xd);}
.cp-cd-l{padding:40px 0;}
.cp-cd-l::after{height:3px; content: ''; width:150px; background: var(--color-fs); position: absolute; bottom: 0px;left:0;}
.nianfan{ width:320px; border-left: 1px solid var(--color-ccc);  border-right: 1px solid var(--color-ccc); padding: 0 35px; height: 45px; line-height: 45px; cursor: pointer; font-size: var(--zhihao20);}
.nianfan-nr{ width: 320px; opacity: 0; height: 0; position: absolute; top: 45px; left: 0; background: var(--color-bs); z-index: 5; overflow: hidden;transition: var(--xd);}
.nianfan-nr a{display: block; border-bottom: 1px solid var(--color-f5); padding-bottom: 4px;height: 40px; line-height: 40px; padding-left: 25px; color: #666;background: var(--color-bs);transition: var(--xd);}
.nianfan-nr a:hover{color: var(--color-bs); background: var(--color-fs);}
.cp-cd-r:hover .nianfan-nr{ height: auto;opacity: 1; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.cp-lb ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 40px;}
.cp-lb ul li a{transition: var(--xd); display: block;}
.cp-lb ul li a:hover{transform: translateY(-10px);}.cp-lb ul li a:hover p{color: var(--color-fs);}
.cplb-xx{padding: 0 35px 35px;}
.cpxa-zx-nr input{width:48%;height: 48px;line-height: 48px;padding: 0 10px; background:var(--color-bs); color: var(--color-333); margin-bottom: 15px;}
.cpxa-zx-nr textarea{ width: 100%;padding:10px;border-bottom: 1px solid var(--color-eee); font-family: Arial, Helvetica, sans-serif; height: 12.5vw;}
.zxly .submit{ transition: var(--xd); width:220px; margin:25px auto 0; text-align: center; padding:20px 0;  background:var(--color-fs); color: var(--color-bs); border-radius: 5px; display: block;}
.zxly .submit:hover{ background: var(--color-333); }
.s-3 img {width: 100%;height: 100vh;object-fit: cover;position: fixed;top: 0;left: 0;}
.parallux .parallux-bg {top: 0;left: 0;right: 0;height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;position: fixed; }
.xwlb ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 40px;}
.xwlb ul  a p{margin: 10px 0;}
.xwlb .bj_bs{padding: 20px;}
.kongge{height: 85px;}
.mbx{padding: 10px 3% 0;color: var(--color-666);}
@media (max-width:1440px){
    .s-s-sjs li img{ width:9vw;}
    .j-3-nr li span{font-size: var(--zhihao24); line-height: var(--zhihao24-h);}
    .j-3-nr li{padding: 50px 3vw;}
    .j-3-nr li:hover{padding:60px 3vw;}
    .lx-1-l li i{font-size: var(--zhihao30);width:55px;height: 55px;line-height: 55px;}
    .sys-nr{padding: 35px;}
    .j-1-nr-r{width: 388px;grid-gap: 20px;}
    .j-1-nr-l{width: calc(100% - 388px - 6%);}
    .cp-lb ul,.xwlb ul{grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}
}
@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:32px; 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 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;}
    .sys-nr{padding: 25px;}
    .j-1-nr{align-items: flex-start;}
    .cp-lb ul,.xwlb ul{grid-gap:20px;}
}
@media (max-width:820px){
    .s-0{padding-top: 61px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: var(--zhihao18);}
    .sflgd .swiper-button-prev, .jjrrgd .swiper-button-prev{right: 42px;}
    .sflgd .swiper-scrollbar, .jjrrgd .swiper-scrollbar{width: calc(100% - 90px);bottom: 8px;}
    .sflgd .w1520,.j-1-nr-l,.j-1-nr-r{width: 100%; }
    .s-1-1{padding: 0 6%;}
    .sflgd .left10-njl{padding-left: 0;}
    .sysgd .swiper-pagination-bullet-active{background: var(--color-bs);}
    .sys-nr{padding: 30px; background: var(--color-bs); color: var(--color-333);}
    .sys-nr i{color: var(--color-fs);}
    .s-3 img,.parallux .parallux-bg{position: static;}
    .s-3,.s-3 li,.s-3 img{height:70vh;}
    .s-1{background-size: 148%;}
    .s-4 .w_48,.footer-1-l-cd{padding-top: 0;}
    .s-4-tj{background: var(--color-qs);}
    .sxw-dt,.footer-1-l img{display: none;}
    .s-4-tj-r{padding: 30px 0 0 0 !important;}
    .footer-1-r{width:250px}
    .parallux-inner{background: var(--color-hs);}
    .parallux-inner img{opacity: 0.85;}
    .j-1-nr-r{padding-top: 30px;}
    .j-1-nr-r li{padding:20px 10px;}
    .j-1-nr-r li i{font-size: var(--zhihao30);}
    .j-3 .bt p:nth-child(1){width: calc(100% - 360px);}
    .j-3 .bt p:nth-child(2){width: 300px;}
    .cplb-xx{padding: 0 20px 20px;}
    .cp-cd-l{padding: 20px 0;}
    .cp-cd-l::after{width: 70px;}
    .cpcq-1-r{padding: 20px 20px 0;}
    .zxly .submit{padding: 15px 0;}
    .nianfan{width: 150px; border: none; padding: 0; font-size: var(--zhihao16);}
    .nianfan-nr{width: 150px;}
    .nianfan-nr a{padding-left: 10px;}
}
@media (max-width:640px){
  .caidan{width: 100%; max-width: 100%;}
  .s-1-1{padding: 0 6%;}
  .sflgd .left10-njl{padding-left: 0;}
  .footer-1-r,.j-2-1-l,.j-2-1-r,.j-3 .bt p:nth-child(1),.j-3 .bt p:nth-child(2){width: 100%;}
  .footer-1{flex-wrap: wrap;}
  .footer-1-r{display: flex; width: 100%;  flex-wrap: wrap;flex-direction: column-reverse;}
  .footer-1-r-sx{padding: 25px 0;}
  .footer-1-r ul{padding-bottom: 0;}
  .footer-2-r{padding-top: 15px;}
  .s-3-z{padding: 0 6%;}
  .s-3, .s-3 li, .s-3 img{height: 50vh;}
  .footer-1-l-cd a,.footer-1-l-cd h2{font-size: var(--zhihao15);}
  .s-1{background-size: 230%;}
  .j-1-nr-r{grid-gap: 10px;}
  .j-2 .w1520{flex-wrap: wrap;}
  .j-2-1-l{text-align: center;}
  .j-2-1-r{justify-content: center; padding-top: 25px;}
  .linggan-xq-l-d a .dian{width: 6px; height: 6px;}
  .dt-logo img{height: 18px;}
  @keyframes place100{0%{width: 0px;height: 0px;} 100%{width: 30px;height: 30px;background: Rgba(2230, 33, 41, 0);}}
  .j-2-1-r li p{font-size: var(--zhihao30);}
  .j-3 .bt p:nth-child(2){padding-top: 20px; font-size: var(--zhihao16);}
  .cp-lb ul{grid-template-columns: repeat(2, 1fr);grid-gap:10px;}
  .xwlb ul{grid-template-columns: repeat(1, 1fr);}
  .cplb-xx{padding: 0 10px 10px;}
  .cpcq-1 .w1520{padding-top: 0;}
}