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: 38px;}
.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: 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 .swiper-slide video::poster{height: 100vh; object-fit: cover; width: 100%;}
.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;}
.s-1{height: 130vh;}
.s-1-cp li:nth-child(1){left:24%;top:18%;width: 10vw;}
.s-1-cp li:nth-child(2){right:18%; top:18%;width:12vw;}
.s-1-cp li:nth-child(3){top:51%; left: 8%;width: 16vw;}
.s-1-cp li:nth-child(4){left: 44%; top: 36%; width: 12.9vw;}
.s-1-cp li:nth-child(5){right:8%; top:54%;width: 8vw;}
.s-1-cp li:nth-child(6){top:68%; left:16%;width: 16vw;}
.s-1-cp li:nth-child(7){top:75%; left: 47%; width: 8vw;}
.s-1-cp li:nth-child(8){top:64%; left:63%;width: 11.9vw;}
.sy-sjs{height: 200vh;}
.sy-sjs .sy-sjs-nr{height: 100vh; overflow: hidden; position: sticky; left: 0; top: 0;}
.sy-sjs .sy-sjs-nr .sy-sysy-1{width: 100%; height: 100%; left: 0; top: 0;}
.sy-sjs .sy-sjs-nr .sy-sysy-1 .w1520{height: 100vh;}
.sy-sjs .sy-sjs-nr .sy-sysy-1 .w1520 .sy-sysy-1-z1{left: 18.75%;}
.sy-sjs .sy-sjs-nr .sy-sysy-1 .w1520 .sy-sysy-1-z2{right: 18.75%;}
.sy-sjs .sy-sjs-nr .sy-sysy-2{ width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.sy-sjs .sy-sjs-nr .sy-sysy-2 .line{width: 2px; height: 40%; transform: rotate(-45deg); background-color: #d70000;}
.sy-sjs .sy-sjs-nr .sy-sysy-2 .img{left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 60%; opacity: 0; border-radius: 0; overflow: hidden;}
.sy-sjs .sy-sjs-nr .sy-sysy-2 .img img{width: 100%; height: 100%; object-fit: cover;}
.sy-sjs .sy-sjs-nr .sy-sysy-3{ height: 100%; left: 0; top: 0;}
.sy-sjs .sy-sjs-nr .sy-sysy-3 .w1520 .sy-sysy-3-b1{animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; opacity: 0; display: none;}
.sy-sjs .sy-sjs-nr .sy-sysy-3 .w1520 .sy-sysy-3-b2{animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0.1s; opacity: 0; display: none;}
@keyframes ssjs-bt {from{opacity: 0;transform: translateY(0.6rem);}to{opacity: 1;transform: translateY(0);}}
.s-3-z{font-size: calc(50px + 10vw);}
.s-s-sjs li:nth-child(1){top: 40%; left: 0;}
.s-s-sjs li:nth-child(2){top:16%; left: 35%;}
.s-s-sjs li:nth-child(3){bottom:10%; left: 60%;}
.s-s-sjs li:nth-child(4){top:15%; right: 0;}
.s-s-sjs li img{ width:7vw;}
.footer-1-l dl dt{padding-right: 5vw;}
.footer-1-l dl dd li{padding-right: 5vw;}
.footer-2{border-top: 1px solid var(--color-ccc); padding-top: 20px; margin-top: 5vh;}
.footer-2-r p{ opacity: 0; visibility: hidden; bottom: 40px; width: 120px; text-align: center; background: var(--color-bs);transition: var(--xd); padding: 4px 4px 6px; box-shadow: -2px -2px 15px rgba(0, 0, 0, 0.2);}
.footer-2-r i{font-size: var(--zhihao16); color: var(--color-666); padding-right: 8px; padding-top: 3px; line-height: var(--zhihao16);}
.footer-2-r:hover p{opacity: 1; visibility: visible; bottom: 24px;}
.sxwgd .swiper-slide .sxwt{opacity: 0.1; overflow: hidden;}
.sxwgd .swiper-slide-active .sxwt,.sxwgd .swiper-slide-prev .sxwt,.sxwgd .swiper-slide-next .sxwt{opacity: 1;}
.sxwgd .swiper-button-next,.sxwgd .swiper-button-prev{width:60px; height:60px; border-radius: 50%; border: 1px solid var(--color-ccc);transition: var(--xd);}
.sxwgd .swiper-button-next::after,.sxwgd .swiper-button-prev::after{font-size: var(--zhihao16); color: var(--color-333);transition: var(--xd);}
.sxwgd .swiper-button-next:hover,.sxwgd .swiper-button-prev:hover{background: var(--color-fs); border: 1px solid var(--color-fs);}
.sxwgd .swiper-button-next:hover::after,.sxwgd .swiper-button-prev:hover::after{color: var(--color-bs);}
.sxwgd .swiper-slide .sxwt h1{padding:30px 40px 10px; background: var(--color-hs);transition: var(--xd);}
.sxwgd .swiper-slide .sxwt time{padding: 0 40px 30px; display: block;background: var(--color-hs);transition: var(--xd);}
.sxwgd .swiper-slide .sxwt:hover h1,.sxwgd .swiper-slide .sxwt:hover time{background: var(--color-fs);}
.sxwgd .swiper-slide .sxwt:hover time{color: var(--color-bs);}
.jj-sp-t1{transition: all 2s ease-in-out;width:10vw;top:20%;left:7%;}
.jj-sp-t2{transition: all 2s ease-in-out;width:10vw;top:40%;right:7%;}
.jj-sp.active .jj-sp-t1{top: 50%; left: 50%; transform: translate(-50%, -50%);}
.jj-sp.active .jj-sp-t2{top: 50%; right: 50%; transform: translate(-50%, -50%);}
.jj-sp video {display: block; width:55vw;height:44vw;-o-object-fit: cover;object-fit: cover;opacity: 1;visibility: visible;-webkit-transition: all 1s ease 0.2s;-moz-transition: all 1s ease 0.2s;transition: all 1s ease 0.2s;position: relative;z-index: 2;margin: 0 auto;}
.jj-sp.active video {width: 100%;height: 100vh;border-radius: 0px;}
.j-3 ul{border-top: 1px solid var(--color-ccc);}
.j-3 ul li{width: 24%;border-right: 1px solid var(--color-ccc); padding: 40px;}
.j-3 ul li:last-of-type{border: none;}
.j-4{background: url(../images/j4.jpg) top center no-repeat; background-size: cover;}
.j-3-nr{height:360px;}
.j-3-nr li{ background: Rgba(255, 255, 255, 0.2); padding: 50px 5vw; width: 33.28%; transition: var(--xd);}
.j-3-nr li span{font-size: var(--zhihao30); line-height: var(--zhihao36-h);}
.j-3-nr li p i{padding-right: 10px;}
.j-3-nr li:hover{background:#9a938b; padding: 80px 5vw;}
.jjzlgd .swiper-scrollbar{height:2px; width: calc(100% - 300px); left: 0;bottom: 10px;}
.jjzlgd .swiper-button-next{top: auto; bottom: -11px;}
.jjzlgd .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);}
.jjzlgd .swiper-slide a:hover{ transform: translateY(-10px); }
.jjzlgd .swiper-slide a:hover p{color: var(--color-fs);}
.cplb-1-r a{margin-left: 3vw;}
.cplb-1-r a img{width: 70px;}
.cplb-2 ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50px 20px;}
.cplb-2 ul li:hover .cplb-2-t img:nth-child(2){opacity: 1;}
.cplb-2 ul li:hover{transform: translateY(-10px);}
.cplb-2 ul li:hover a p{ color: var(--color-hs); font-weight: bold;}
.cpxqtgdgd .swiper-pagination-bullet-active{background: var(--color-bs);}
.cpxqdtgd .swiper-button-next,.cpxqdtgd .swiper-button-prev{width:50px; height:50px; border-radius: 50%; background: Rgba(255, 255, 255, 0.5);  transition: var(--xd);}
.cpxqdtgd .swiper-button-next::after,.cpxqdtgd .swiper-button-prev::after{font-size: var(--zhihao18); color: var(--color-333);transition: var(--xd);}
.cpxqdtgd .swiper-button-next:hover,.cpxqdtgd .swiper-button-prev:hover{background: var(--color-f1); }
.cpxqdtgd .swiper-button-next:hover::after,.cpxqdtgd .swiper-button-prev:hover::after{color: var(--color-666);}
.cpxq-2{border-top: 1px solid var(--color-f1); margin-top: 30px;}
.cpxq-2 li{border-bottom: 1px solid var(--color-f1); padding: 20px 10px; color: var(--color-333);}
.cpxqys span{display: block; width: 25px; height: 25px; border-radius: 3px; margin-left: 10px;}
.lx-1-l li i{width:65px; height: 65px; text-align: center; line-height: 65px; border: 1px solid var(--color-f1); border-radius: 50%; font-size: var(--zhihao36); margin-right: 25px;}
.lx-1-l li p{width: calc(100% - 65px - 30px);}
.lx-1-l{border-top: 1px solid var(--color-f1);}
.lx-1-l li{border-bottom: 1px solid var(--color-f1);padding: 40px 10px; }
.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;}
.cpxa-zx-nr textarea{ width: 100%;  padding: 0 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-333);  border-radius: 10px; color: var(--color-bs); margin:40px auto 0;display: block;}
#GBookAdd .submit:hover{ background: var(--color-fs); color: var(--color-bs);}
.xwlb{display:grid;grid-template-columns: repeat(3, 1fr);grid-gap: 60px;}
.sjs-nr{left: 3%; bottom: 8%;width: max-content; padding-right: 10vw;}
.sjs-nr .bt{margin-right: 10vw;}
.sjsgd-z{border: 1px solid Rgba(255, 255, 255, 0.4);border-top: 4px solid var(--color-bs);border-bottom:0; padding:40px 30px; transition: var(--xd);}
.sjsgd .swiper-slide {width:17vw; margin-right:1vw;}
.pin-spacer{overflow: hidden !important;}
.sjs-w-nr:hover{transform: translateY(-15px); background: var(--color-bs);}
.sjsgd{padding-top: 20px;}
.sjs-w-nr:hover .sjsgd-z{border-top: 4px solid var(--color-fs);}
.sjs-w-nr:hover .sjsgd-z div{color: var(--color-hs);}
.sjs-w-nr:hover .sjsgd-z p{color: var(--color-666);}
.sjs-tc{background: var(--color-bs);z-index: 1000; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; transition: var(--xd);}
.sjs-tc.is-active{opacity:1; visibility: visible;}
.sjs-tc dl dt{width: 40%;}
.sjs-tc dl dd{ width:55%; padding: 5vh 0;}
.sjs-tc dl dd ul a{width: 24%;}
.sjs-tc dl dd ul{padding-top: 10px;}
.sjs-gb{top:1vh; right:1vh; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; transition: var(--xd); cursor: pointer;}
.sjs-gb i{font-size: var(--zhihao20);}
.sjs-gb:hover{background: var(--color-fs); color: var(--color-bs);}
.xwlb{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 50px;}
.xwlb a h1{font-size: var(--zhihao16); flex-grow: 1; height: 57.6px; margin: 25px 0;}
.xwlb a time{border: 1px solid var(--color-f1); display: inline-block; padding:5px 15px; border-radius: 5px; font-size: var(--zhihao12); color: var(--color-666);}
.xwlb a:hover img{transform: scale(1.05);}
.page ul li{ margin:0 2px; text-align:center; }
.page ul li a{display:block;color:var(--color-666);width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s; background: var(--color-bs); }
.page ul li a:hover{background:var(--color-fs);color:var(--color-bs);width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid var(--color-zs);transition: 1s;}
#page-dq{ background:var(--color-zs);}
#page-dq a{color:var(--color-bs);border: 1px solid var(--color-fs);background:var(--color-fs);}
#page-dq a:hover{background: none;}
.xwxq-nr{border-top: 1px solid var(--color-f1);border-bottom: 1px solid var(--color-f1); margin: 25px 0;}
.xwxq-nr img{ margin:10px auto; width: auto; max-width: 100%;}
.xwxq-nr a{color: var(--color-fs);}
.xwxq-nr a:hover{color: var(--color-666);}
.swiper-pagination-bullet-active{background: var(--color-fs);}

@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;}
    .lx-1-l li p{width: calc(100% - 55px - 25px);}
    .sxwgd .swiper-slide .sxwt h1{padding:25px 20px 5px;}
    .sxwgd .swiper-slide .sxwt time{padding: 0 20px 25px;}
    .j-3-nr li span{font-size: var(--zhihao20); line-height: var(--zhihao20-h);}
    .sjsgd-z p{font-size: var(--zhihao12);padding-bottom: 50px;}
    .sjsgd-z{padding: 30px 15px;}
    .sjsgd .swiper-slide{width: 22vw;}
    #GBookAdd .submit{width: 200px;}
    .xwlb{grid-gap: 40px 30px;}
    .sxwgd .swiper-button-next::after,.sxwgd .swiper-button-prev::after,.xwlb a h1{font-size: var(--zhihao14);}
}

@media (max-width:1100px){
    .sjsgd-z{padding: 20px 10px;}
}

@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 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;}
    .lx-1-l li i{font-size: var(--zhihao22);}
    .xwlb,.cplb-2 ul{grid-template-columns: repeat(3, 1fr); grid-gap: 30px 20px;}
    .s-4{width: 88%; margin: 0 auto;}
    .jjzlgd .swiper-scrollbar{width:calc(100% - 100px)}
    .jjzlgd .swiper-button-prev{right: 43px;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size: var(--zhihao14);}
    .j-3-nr li span{font-size: var(--zhihao18); line-height: var(--zhihao18-h);}
    .j-3-nr{height: 290px;}
  }

 @media (max-width:820px){
      .banner .swiper-slide video{height: 50vh;}
      .nybanner{padding-top: 64px;}
      .lx-1-l li{padding: 15px 0;}
      .lx-1-l li:nth-child(3){border: none;}
      #GBookAdd .submit{width: 180px;padding: 8px 0; margin:20px auto 0;}
      .xwlb,.cplb-2 ul{grid-template-columns: repeat(2, 1fr); grid-gap: 30px 20px;}
      .footer-1-l dl dt,.cplb-1-r{display: none;}
      .cpxq-2-l{font-size: var(--zhihao14);}
      .cpxqys span{width: 20px; height: 20px;}
      .cpxq-2 li{padding: 10px 0;}
      .s-4 .bt{padding-bottom: 30px;}
      .sxwgd{padding-bottom:20px;}
      .sxwgd .swiper-slide .sxwt time{background: var(--color-bs);}
      .sxwgd .swiper-slide .sxwt h1{background: var(--color-bs); color: var(--color-333);}
      .sxwgd .swiper-slide .sxwt:hover h1, .sxwgd .swiper-slide .sxwt:hover time{background: var(--color-bs); color: var(--color-333);}
      .s-1{height: 60vh;}
      .s-1-cp li:nth-child(1){left:16%;top:16%;width: 14vw;}
      .s-1-cp li:nth-child(2){right:14%; top:18%;width:15vw;}
      .s-1-cp li:nth-child(3){top:49%; left: 8%;width: 23vw;}
      .s-1-cp li:nth-child(4){left: 41%; top: 35%; width: 18.9vw;}
      .s-1-cp li:nth-child(5){right:8%; top:54%;width: 8vw;}
      .s-1-cp li:nth-child(6){top:68%; left:17%;width: 20vw;}
      .s-1-cp li:nth-child(7){top:75%; left: 47%; width: 10vw;}
      .s-1-cp li:nth-child(8){top:64%; left:66%;width: 15.9vw;}
      .s-s-sjs li:nth-child(1){top:20%;}
      .s-s-sjs li img{width: 11vw;}
      .sy-sysy-3 .w1520{padding-top: 120px;}
      .sy-sjs{height: 180vh;}
      .sy-sjs .sy-sjs-nr .sy-sysy-2 .line{max-height:60%;}
      .jj-sp video{width: 55vw;height: 55vh;}
      .jj-sp.active video{height: 55vh;}
      .j-3-nr li span{font-size: var(--zhihao16); line-height: var(--zhihao16-h);}
      .j-3 ul{flex-wrap: wrap;}
      .j-3 ul li{width: 50%;padding: 20px 10px;}
      .j-3 ul li:nth-child(2){border: none;}
      .j-3 ul li:nth-last-child(-n+2){border-top: 1px solid var(--color-ccc);}
      .j-3 ul li sub{font-size: var(--zhihao16);}
      .sjs-nr{flex-wrap: wrap;width:94%; height: auto; padding-bottom: 50px;padding-right: 6%; left: 6%;}
      .sjsgd{padding-bottom: 40px;}
      .sjsgd .swiper-slide{width: auto;}
      .sjs-nr .bt{margin-right: 0; padding-top: 180px;}
      .sjs-w-nr:hover{transform: translateY(0);}
      .sjsgd .swiper-pagination-bullet{background: var(--color-bs);}
      .sjsgd .swiper-pagination-bullet-active{background: var(--color-fs);}
      .sjs-w-nr{background: var(--color-bs);}
      .sjs-w-nr .sjsgd-z div{color: var(--color-hs);}
      .sjs-w-nr .sjsgd-z p{color: var(--color-666);}
      .sjs-w-nr .sjsgd-z{border-top: 4px solid var(--color-fs);padding: 20px 25px;}
      .j-4{background: url(../images/j4-s.jpg) top center no-repeat; background-size: cover;}
  }

  @media (max-width:640px){
    .caidan{width: 100%; max-width: 100%;}
    .banner .swiper-slide video{height:65vh;}
    .footer-1-l dl{width: 90vw;}
    .footer-1-l dl dd{justify-content: space-between; width: 100%;}
    .footer-1-r{padding-top: 25px;}
    .footer-2-l{width: 70%;}
    .footer-2-r p{left: 0;bottom: 48px;}
    .footer-2-r{align-items: flex-start;}
    .s-3-z{font-size: calc(30px + 8vw);}
    .s-s-sjs li img{width: 12.5vw;}
    .s-s-sjs li:nth-child(4){top: 21%;}
    .s-s-sjs li:nth-child(3){bottom: 17%; left: 56%;}
    .s-1{height: 65vh;}
    .s-1-cp li:nth-child(1){left:6%;top:18%;width: 14vw;}
    .s-1-cp li:nth-child(2){right:4%; top:25%;width:18vw;}
    .s-1-cp li:nth-child(3){top:46%; left: 5%;width: 25vw;}
    .s-1-cp li:nth-child(4){left:39%; top:40%; width: 22.9vw;}
    .s-1-cp li:nth-child(5){right:8%; top:50%;width:12vw;}
    .s-1-cp li:nth-child(6){top:68%; left:13%;width: 27vw;}
    .s-1-cp li:nth-child(7){top:75%; left: 45%; width: 14vw;}
    .s-1-cp li:nth-child(8){top:64%; left:66%;width: 19.9vw;}
    .sy-sjs .sy-sjs-nr .sy-sysy-1 .w1520 .sy-sysy-1-z2{right:4%;}
    .sy-sjs .sy-sjs-nr .sy-sysy-1 .w1520 .sy-sysy-1-z1{left: 4%;}
    .j-5 .z_dx .jl-x-5-x{padding-bottom: 2px;}
    .j-3-nr li{width: 100%;padding: 20px;}
    .j-3-nr li:hover{padding: 20px;}
    .j-3-nr li:nth-child(2){margin: 2px 0;}
    .j-3-nr{height: auto;}
    .sjs-nr .bt{padding-top:135px;}
    .sjs-tc dl dt,.sjs-tc dl dd{width: 100%;}
    .sjs-tc.is-active{height: 100vh; overflow-y: scroll;}
    .sjs-tc dl{padding: 80px 0; top: 0;transform: translate(-50%, 0);}
    .sjs-gb{top: 96px;right: 16px;background: Rgba(255, 255, 255, 0.4);}
    .sjs-gb i{font-size: var(--zhihao14);}
  }