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(80, 102, 187, 0.7) 0, Rgba(80, 102, 187, 0.3) 50%, Rgba(80, 102, 187, 0) 100%); height: 250px; z-index: 1; }
.header-txw{width: 100%; position: absolute; bottom: 0; left: 0;background-image: linear-gradient(Rgba(50, 50, 50, 0) 0, Rgba(50, 50, 50, 0.5) 50%, Rgba(50, 50, 50, 0.8) 100%); height: 250px; z-index: 1; }
.header-w{z-index: 4;padding: 0 3%; transition:var(--xd);}
.header-1 img{height:63px;}
.header-2 .dbcdo li{position: relative;}
.header-2 .dbcdo li a{padding: 0 10px; margin: 0 0.9vw; color: var(--color-bs); font-size: var(--zhihao18); 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:auto; left:0; padding:30px 7%;z-index: 2;white-space: nowrap;display: flex;}
.header-2 .dbcdo li dl dt{ height:35px; line-height: 35px;}
.header-2 .dbcdo li dl a{color: var(--color-666); height:35px; line-height: 35px;display: block; transition: var(--xd); font-weight: 500; margin: 0 0.5vw;}
.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{margin-left:3vw;}
.header-3 li a{color: var(--color-bs); padding: 3px 0; font-size: var(--zhihao18);}
.header-3 li a i{padding-right: 5px; font-weight:300; font-size: var(--zhihao22); line-height: var(--zhihao22);padding-top:1.5px;}
.top_box_b,.top_box_h{background: var(--color-bs);transition: var(--xd); border-bottom: 1px solid var(--color-f1);}
.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:176px; 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;}}

.baner-wz{top:22%;}


.s-1-r ul li i{font-size:calc(20px + 0.8rem);}
.s-1-r ul:nth-child(1) li:nth-child(1){margin-bottom: 15%;}
.s-1-r ul li:hover{background: url(../images/dexxsb.jpg) center no-repeat; background-size: cover; color: var(--color-bs);}
.s-1-r ul li:hover div{color: var(--color-bs);}
.s-1-r ul:nth-child(2){margin-top: 20%;}
.s-1-l{width: 5rem;}
.s-1-r{width:calc(100% - 5rem - 13%)}
.s-2-1-r ul a i{font-size:calc(20px + 0.3rem);}
.s-2-1-r ul a{margin-left:0.6rem;}
.s-2-1-r ul a:hover{color: var(--color-fs);}
.syygd .swiper-slide div{bottom: 5%; padding: 0 20px;}
.syygd .swiper-slide div h1{padding: 8px 15px;}
.syygd .swiper-slide a:hover div h1{background: var(--color-fs); color: var(--color-bs);}
.syygd .swiper-slide a:hover img.nr_yj{transform: scale(1.03);}
.s-3{background: url(../images/ssd.jpg) center no-repeat; background-size: 100%;}


.active,.sydzqhcd a.active{background: var(--color-fs); color: var(--color-bs);}
.sydzqhcd a{background: var(--color-eee); padding: 10px;}

.more a{ padding: 10px 30px; display: inline-flex;}
.more a i{background: var(--color-fs); color: var(--color-bs); border-radius: 50%; display: block; width:25px; height:25px; line-height: 25px; font-size: var(--zhihao14); text-align: center; margin-left: 40px;}
.more a:hover{background: var(--color-fs); color: var(--color-bs);}
.more a:hover i{background: var(--color-bs); color: var(--color-fs);}
.salgde .swiper-wrapper,.salgdy .swiper-wrapper {transition-timing-function: linear !important;}
.salgdy,.salgde{padding:20px; overflow: visible;}
.salgdy .swiper-slide img,.salgde .swiper-slide img{width: auto; max-width: 100%; transition: var(--xd);}
.salgdy .swiper-slide div,.salgde .swiper-slide div  {width: 100%;height: max(60px, 1rem);box-shadow: 0px max(4px, 0.07rem) max(16px, 0.2rem) 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.s-4::before, .s-4::after {content: "";position: absolute;height: 100%;top: 0;width: 3.6rem;pointer-events: none;z-index: 4;transform: translate3d(0, 0, 10px);}
.s-4::before {left: 0;background: linear-gradient(to right, var(--color-bs), transparent);background: -webkit-linear-gradient(left, var(--color-bs), transparent);}
.s-4::after {right: 0;background: linear-gradient(to left, var(--color-bs), transparent);background: -webkit-linear-gradient(right, var(--color-bs), transparent);}

.s-5{border-radius: 0 0 0 calc(20px + 1rem);overflow: hidden;}
.s-6-2 li{width: 32%;}
.earth{width:8.2rem; height:8.2rem;margin: 0 auto; border-radius: 50%;}
.s-6 .text p{color: var(--color-fs); font-size:14vw; line-height:11vw; font-weight: bold;}
canvas {max-width: 100%;object-fit: cover; cursor: grab;}
#earth {position: relative; z-index: 2; cursor: grab;}
.country-marker{color: var(--color-666);padding: 2px 6px;font-size: 12px;border-radius: 4px;white-space: nowrap;transition: opacity 0.6s; opacity: 1;pointer-events: auto;}
.country-marker i{color: var(--color-fss);}
.country-marker.hidden {opacity: 0;pointer-events: none; transition: var(--xd);}
.diqiuw .text{bottom: 0; z-index: 1;}
#earth .country-marker:nth-child(1){color: var(--color-fss);}
#container,.s-3-2-1{width: 100%;height:7.5rem;margin: 0 auto;}
#colorPickerBtn{background: var(--color-fs);color: var(--color-bs); padding: 0 10px; cursor: pointer; font-size: var(--zhihao17); line-height: var(--zhihao17);}
.ysbh{top:10%; right: 0; z-index: 100;}
.sxwgd .swiper-slide p{bottom: 5%; left: 5%; padding-right: 20%; text-align: left;}
.sxwgd .swiper-pagination{right: 5%; bottom: 5%; left: auto; text-align: right;}
.footer-1-l ul li p{opacity: 0.7; padding-bottom: 5px;}
.footer-1-l ul li p i{ padding-right: 8px;}
.footer-1-l ul li:nth-child(2){margin-left: 40px;}
.footer-1-l ul li a:hover{color: var(--color-f1);}
.footer-1-r input{width:49%;  height:60px; line-height: 60px; color: var(--color-333); font-size: var(--zhihao16); margin-bottom:12px; padding: 3px 10px;}
.footer-1-r .submit{font-size: var(--zhihao18); margin-bottom: 0; width: 100%; background: none; color: var(--color-bs);height:60px;}
.footer-1-r .flex-czjz:hover .submit,.footer-1-r .flex-czjz:hover i{color: var(--color-bs);}
.footer-1-r input::placeholder{color:var(--color-333); font-size: var(--zhihao15);}
.footer-1-r div{ background: Rgba(255, 255, 255, 0.4);}
.footer-1-r div i{ padding-top:3px;}
.footer-1-r div:hover{color: var(--color-bs); background: var(--color-fs);}

.footer-2{border-top: 1px solid Rgba(255, 255, 255, 0.3);border-bottom: 1px solid Rgba(255, 255, 255, 0.3); padding:50px 0; margin-top:45px;}
.footer-2-1 img{height:100px;}
.footer-2-2{padding: 0 2vw;}
.footer-2-2 h1{font-size: var(--zhihao15); font-weight: 500;}
.footer-2-2 h1 a{ color: Rgba(255, 255, 255, 0.7); margin-right:0.3rem;}
.footer-2-2 h1 a:hover,.footer-3 a:hover{color: var(--color-bs);}
.footer-2-2 div li:nth-child(1){padding-right: 2vw;}
.footer-2-3{width:40%;}
.footer-2-3 p{color: Rgba(255, 255, 255, 0.7);}
.footer-2-3 p:nth-child(2){padding-bottom: 5px;}
.footer-3,.footer-3 a{color: Rgba(255, 255, 255, 0.6);}
.j-1{background: url(../images/jdb.jpg) center top no-repeat; background-size: 100%;}
.spbfal{ width: 120px; height: 120px; border-radius: 50%;background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(3px); text-align: center; line-height: 80px; display: flex; left: 50%; transform: translate(-50%,-50%); top: 45%; cursor: pointer;transition:var(--xd);}
.spbfal img{line-height: 80px; width: 60px;margin: 0 auto;}
.spbfal:hover{background: var(--color-fs);}
.spalh{display: block;}
.spalb{display: none;}
.spbfal:hover .spalb{display: block;width: 36px;margin: 0 auto;}
.spbfal:hover .spalh{display: none;}
.zzao{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.8);top:0;left:0;z-index:-1;opacity:0}
.sb_zzao{z-index:99;width:100%;height:100%;top:0;left:0;right: 0; bottom: 0; background:rgba(0,0,0,.85);visibility:hidden; opacity:0;}
.video_out{display:none; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 83%;}
.video_out video{ width: 100%;}
.vdo_close{width:30px;height:30px;border-radius:50%;background:var(--color-hs);top:-15px;right:-15px;z-index: 10;}
.vdo_close .iconfont{display:block;text-align: center;line-height:30px;font-size:13px;color:var(--color-bs);cursor:pointer;}
.vdo_close .iconfont:hover{transform-origin:center;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}


.j-3 li{border-bottom: 1px solid #eee; padding-bottom: 15px;}
.j-3 li p:last-of-type{padding-left: 30px;}
.j-3 li p sup{padding-left: 3px; display: block;}
.j-5{background: url(../images/whd.jpg) bottom center no-repeat; background-size: cover;}
.j-5-nr{height:360px;}
.j-5-nr li{ background: Rgba(255, 255, 255, 0.2); padding: 50px 5vw; width: 33.28%; transition: var(--xd);}
.j-5-nr li:hover{background:var(--color-fs); padding: 80px 5vw;}

.cplbcd a{border: 1px solid var(--color-eee); border-radius: 5px; padding:10px 0.3rem; margin-left: 10px; transition: var(--xd);}
.cplbcd a:hover{background: var(--color-fs); color: var(--color-bs);}
.cplb-o{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:50px 2vw;}
.cplb-o a:hover{border: 1px solid var(--color-fs);}
.cplb-o a:hover h1{color: var(--color-fs);}
.cplb-o a:hover p{transform: translateY(-5px);}
.cplbalgd .swiper-slide a:hover{transform: translateY(-10px);}
.cplbalgd .swiper-slide a:hover p{color: var(--color-fs);}
.cplbfwgd .swiper-slide a i{font-size:var(--zhihao40); color: var(--color-fs);}
.cplbfwgd .swiper-slide a p i{font-size:var(--zhihao14); padding-left: 10px; padding-top: 2px; color: var(--color-666);}
.cplbfwgd .swiper-slide a:hover{color: var(--color-bs); background: var(--color-fs);}
.cplbfwgd .swiper-slide a:hover i,.cplbfwgd .swiper-slide a:hover p{color: var(--color-bs);}
.mjdycp{opacity: 0;}
.mjdzzd a:hover .mjdycp{opacity: 1;}

.mjysgd .swiper-slide div{border-top: 1px solid #dce0f5;border-right: 1px solid #dce0f5; padding: 8vh 3vw 10vh;}
.mjysgd .swiper-slide div i{font-size: var(--zh-dbt); color: var(--color-fs);}
.mjysgd .swiper-slide:first-of-type div{border-left: 1px solid #dce0f5;}
.mj-1{background: url(../images/mj1d.jpg) top left no-repeat; background-size: 100%;}
.mj-2{background: url(../images/mjlc.jpg) center no-repeat; background-size: cover;}
.mjlcgd .swiper-slide div{padding: 8vh 3vw; border-radius: 20px 0 20px 0;}
.mjlcgd .swiper-pagination-bullet{background: var(--color-bs);}

.cpxqxgcpgd .swiper-slide a:hover p{color: var(--color-fs);}

.xwlb ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:40px;}
.xwlb ul a{display: block; background: var(--color-bs); padding: 50px 7%; border-radius: 10px; position: relative;transition: var(--xd);} 
.xwlb ul a h2{ height: 57.6px;}
.xwlb ul a p{margin: 15px 0 25px; height: 51.2px;}
.xwlb ul a:hover{transform: translateY(-10px);}
.xwlb ul a:hover h2{color: var(--color-fs);}
.page ul li{ margin:0 4px; 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-fs);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;}
.kongge{height: 95px;}
.mbx{padding: 10px 3% 0;color: var(--color-666);}

.xwxqnr a{color: var(--color-fs);}

.xwlb-gq i{font-size: var(--zhihao12);}
.xwlbtj{padding: 30px;}

#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: var(--color-hs);margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid var(--color-f4); background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; font-family: Microsoft Yahei; border-bottom: 1px solid var(--color-f4); background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
.zxly #GBookAdd .submit{ width: 200px;height: 42px; display: block; background: var(--color-ccc); color: var(--color-bs);margin: 0 auto; font-size: 14px;border-radius:5px;}
.zxly #GBookAdd .submit{ margin-top: 25px;}
.zxly #GBookAdd .submit:hover{ background:var(--color-fs); cursor:pointer;}
.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%; font-family: "Microsoft Yahei";padding: 0 10px;border-bottom: 1px solid var(--color-eee); margin-top: 25px; height: 12.5vw;}
.lx-3 ul{margin-top: 40px;}
.lx-3 ul li{width: 24%;}
.lx-3 ul li i{font-size: calc(20px + 0.5rem); color: var(--color-fs);}
.swiper-button-next,.swiper-button-prev{color: var(--color-fs);}
.swiper-button-next:after, .swiper-button-prev:after{font-size: var(--zhihao18);}
.gdyys .swiper-scrollbar{height:2px; width: calc(100% - 200px); left: 0;bottom:9px; background: Rgba(255, 255, 255, 0.4);}
.gdyys .swiper-button-next{top: auto; bottom: -11px;}
.gdyys .swiper-button-prev{top: auto; bottom: -11px;left: auto;  right: 53px;}
.gdwys .swiper-button-next,.gdwys .swiper-button-prev{color: var(--color-bs);}
.swiper-scrollbar-drag{background: var(--color-bs);}
.gdyys .swiper-scrollbar{background:var(--color-ccc);}
.gdyys .swiper-scrollbar-drag{background: var(--color-fs);}
.swiper-pagination-bullet-active{background: var(--color-fs);}

#loader{  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: flex;  align-items: center;  justify-content: center;  color:var(--color-zs);  font-size: 24px;  z-index: 10;}
.nyt-wz{bottom: 20%;}
.cplbt{bottom: auto;}
.j-7 .jjbt{padding-right: 6%;}




@media (max-width:1920px){
    .s-1-r{width:calc(100% - 5rem - 10%)}
    #container, .s-3-2-1{height: 6.6rem;}
    .earth{width:7rem; height:7rem;}
    .xwlb ul a p{height: 45.2px;}
  




}



@media (max-width:1440px){
    .footer-2-2 h1{font-size: var(--zhihao15);}
    .footer-1-r input{ height:51px; line-height: 51px;}
    .footer-1-r .submit{height:51px;}
    .s-1-r ul{width: 47%;}
    .s-1-r ul:nth-child(1) li:nth-child(1){margin-bottom: 12%;}
    .sysbt{display: flex; align-items: center; padding-bottom: 15px;}
    .s-1-r ul li i{font-size: calc(20px + 0.3rem); line-height: calc(20px + 0.3rem);}
    .sysbt .zbt2{padding-bottom: 0;font-size: var(--zh-bt3); padding-left: 13px;}
    .header-2 .dbcdo li a{font-size: var(--zhihao17);}
    .cplb-o{grid-template-columns: repeat(4, 1fr); grid-gap:40px 2vw;}
    .xwlb ul a h2{height: 47.6px;}
    .s-1-r {width: calc(100% - 5rem - 7%);}
    .s-3-1{padding: 0;}
    .footer-2-1 img{height:96px;}
    .submenu_show .header-bg{height: 155px;}
    .header-2 .dbcdo li dl{padding: 20px 7%;}
    .xwlbw .bt{padding: var(--jl-20) 0;}
    .sycpdz .swiper-slide img{max-width: 60%;}
    
    
    




}

@media (max-width:1200px){
    
    .s-3-1{width:46%;}
    .j-7 .jjbt p:nth-child(5){font-size: var(--zhihao16);}
  
}

@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;}
    .xwlb ul{grid-gap: 20px;}
    .footer-1-r .submit,.footer-1-r input{height: 45px;line-height: 45px;}
    .header-2 .dbcdo li a{margin: 0 0.2vw;}
    .syygd .swiper-slide div img{width:30%;}
    .s-3-1,.s-3-2{width: 50%;}
    .j-7 .jjbt p:nth-child(5){font-size: var(--zhihao14);}
    
    
    


    
  }

 @media (max-width:820px){
  .banner,.nybannner{margin-top: 64px;}
  .header-t,.footer-2{display: none;}
  #top .logos img{height: 55px;}
  #top{padding: 5px 5%;}
  .s-1-r,.s-1-l{width: 100%;}
  .gdyys .swiper-scrollbar, .gdwys .swiper-scrollbar{width: calc(100% - 120px);}
  .gdyys .swiper-button-prev, .gdwys .swiper-button-prev{right: 43px;}
  .swiper-button-next:after, .swiper-button-prev:after{font-size: var(--zhihao15);}
  .baner-wz{top: 15%;padding: 0 5%;}
  .lx-3 ul{margin-top: 20px;}
  .xwlb ul{grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
  .xwlb ul a{ padding: 30px 7%;}
  .xwlb ul a h2,.xwlb ul a p{height: auto;}
  .s-1-l-nr .bt{padding-bottom: 10px;}
  .s-1-r .sysbt i,.s-2-1-r ul a i{font-size: calc(20px + 0.4rem); line-height: calc(20px + 0.4rem);}
  .syygd .swiper-slide a:hover img.nr_yj{transform: scale(1.01);}
  .s-3-1{width: 100%;}
  .s-3-2{width: 85%; margin: 0 auto;}
  .s-3{padding-top: 0; background: none;}
  #container, .s-3-2-1{height:400px;}
  .sydzqh.jl-sx-gd{padding: 20px 0 20px !important;}
  .salgdy, .salgde{padding: 10px 0;}
  .earth {width: 10rem;height: 10rem;}
  .s-7-1-2 a p{display: none;}
  .s-8 a,.lx-3-r{padding-top: 0;}
  .s-2-1-l,.s-2-1-r{width: 48%;}
  .s-2-1-r ul{justify-content: right;}
  .cplb-o{grid-template-columns: repeat(3, 1fr);grid-gap:20px;}
  .cplbcd{flex-wrap: wrap;padding-top: 15px;width: 100%;}
  .cplbcd a{margin:0 10px 10px 0;}
  .mjysgd .swiper-slide div{padding: 8vh 20px 10vh;}
  .mjysgd{width: 100%;}
  .spbfal {width: 60px;height: 60px;line-height: 60px;}
  .spbfal img {width: 16px;line-height: 60px;}
  .j-7 .jjbt p:nth-child(5){font-size: var(--zhihao16);}
  .s-1{padding-bottom: 0;}
  
  
  
      
  


  }

  @media (max-width:640px){
    .caidan{width: 100%; max-width: 100%;}
    .footer-1{flex-wrap: wrap;}
    .s-2-1-l,.s-7-1-1,.footer-1-l,.j-3 .s-2-nr,.j-3 li{width: 100%;}
    .j-3 li{padding: 10px 0;}
    .s-2-1-r{width: 100%; padding-top: 20px;}
    .s-2-1-r ul{justify-content: space-between;}
    .s-2-1-r ul a{margin: 0 0.6rem;}
    .lx-3 ul li{padding: 10px;}
    .xwlb ul{grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
    .xwlb ul a{ padding: 20px 7%;}
    .syygd .swiper-slide div{padding: 0 8px;}
    .syygd .swiper-slide div h1{padding: 6px 10px;}
    .ysbh{display: block;}
    #colorPickerBtn{font-size: var(--zhihao14);}
    .pickr .pcr-button{width: 76px !important;height: 1.5em !important; padding: 0 !important;}
    .earth {width: 11rem;height: 11rem;}
    .s-7 .more,.s-7-1-2{display: none;}
    .country-marker{font-size: 10px;}
    .footer-1-r{padding-top: 25px;}
    .cplb-o{grid-template-columns: repeat(2, 1fr);grid-gap:10px;}
    .j-1{background-size: 140%;}
    .j-3 li p:last-of-type{width: 55%;}
    .j-5-nr li{width: 100%;padding: 20px;margin-bottom: 2px;}
    .j-5-nr li:hover{padding: 20px;}
    .j-7 .jjbt p:nth-child(4){padding-bottom: 20px;}
    .j-7 .jjbt p:nth-child(5){padding-top: 0;font-size: var(--zhihao14);}
    .sycpdz .swiper-slide img{max-width:85%;height: auto; width: 100%;}

    


  }