:root{--xd:all 0.5s ease; --zhihao15: 15px;--zhihao16:16px;--zhihao17:17px;--zhihao18:18px;--zhihao20: 20px;--zhihao22:22px;--zhihao24:24px;--zhihao26:26px;--zhihao28:28px;--zhihao30:30px;--zhihao33:33px;--zhihao36:36px;--zhihao40:40px;--zhihao45:45px;--zhihao48:48px;--zhihao50:50px;--zhihao55:55px;--zhihao60:60px;--zhihao70:70px;--zhihao80:80px;--zhihao90: 90px;--zhihao100: 100px;--zhihao110: 110px;--zhihao18-h: 24px;--zhihao20-h: 26px;--zhihao28-h: 33px;--zhihao24-h: 30px;--zhihao30-h: 36px;--zhihao33-h: 39px;--zhihao36-h: 42px;--zhihao40-h: 48px;--zhihao45-h: 51px;--zhihao50-h: 56px;--zhihao55-h: 63px;--zhihao60-h: 70px;--zhihao70-h: 78px;--zhihao80-h: 90px;--color-zs: #000;--color-fs: #5e9977;--color-ql: #f5f5f5;--color-bs:#fff;--color-hs:#000;--color-f6: #f6f6f6;--color-f4: #f4f4f4;--color-f2: #f2f2f2;--color-f1: #f1f1f1;--color-333: #333;--color-666: #666;--color-999: #999;--color-eee: #eee;--color-ccc: #ccc;}
header{position:fixed; z-index: 1000; align-items: center; width:100%; padding: 0 3%; transition:var(--xd);background: var(--color-bs);}
.header-1 img{height: 59px;}
.header-2 ul li{height: 70px; line-height: 70px;position: relative;}
.header-2 ul li a{padding: 0 10px; margin: 0 0.9vw; font-size: var(--zhihao16);  height: 70px; line-height: 70px; color: var(--color-bs); }
.header-2 ul 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 ul li:hover::after{ transform: scaleX(1);}
.header-2 ul li dl{position: absolute; top: 70px; width: 200%; left: -47%;padding:0 7%;z-index: 2; padding-top: 10px; background: var(--color-bs);}
.header-2 ul li dl dt{background: var(--color-bs); border-bottom: 1px solid var(--color-bs); height:40px; line-height: 40px; text-align: center;}
.header-2 ul li dl a{color: var(--color-333); height:40px; line-height: 40px;display: block; transition: var(--xd); font-weight: 500; font-size: var(--zhihao15);}
.header-2 ul li dl a:hover::after{transform: scaleX(0);}
/* .header-2 ul li dl dt:hover{background: var(--color-fs);} */
.header-2 ul li dl dt:hover a{color: var(--color-fs);}
.header-2 ul li dl dt:last-of-type{border: none;}
.header-3 a{color: var(--color-bs); font-size: var(--zhihao17);}
.header-3 i{font-size: var(--zhihao22); padding-right: 5px;}
.top_box_b{background: var(--color-bs);border-bottom: 1px solid Rgba(0, 0, 0, 0.05) !important;}
.top_box_b .logo-b,.nyth .logo-b,.logo{display: none; visibility: hidden;}
.top_box_b .logo,.nyth .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,.top_box_b .header-2 ul li a{color: var(--color-hs);}
.top_box_b .nytcd-tb i{color: var(--color-999);}
.nyth .header-2 ul li a{ color: var(--color-333);}
header.nyth{border-bottom: 1px solid var(--color-f1);}
.nyth .header-3 a,.top_box_b .header-3 a{color: var(--color-666);}
.header-w{position: relative; z-index: 2;}
.submenu_show .header-bg{ display:block !important; width: 100%; height: 285px; background:rgba(255,255,255,1); 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: 1;}
.submenu_hide,.sublist_hide{ pointer-events:none;} 
.submenu_hide .header-bg{ -webkit-animation:a_bg_hover_hide 0.15s 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;}
}

.mbx{ padding: 10px 4% 0; font-size: 12px; color: var(--color-666);}
.mbx a{color: var(--color-666);}
.mbx a:hover{color: var(--color-fs);}
.kongge{height: 80px;}
.banner{background: var(--color-ql); padding-top: 70px;}
.bannerdtgd{border-radius: 0 0 50px 50px; }
.bannerdtgd .swiper-pagination-bullet-active{background: var(--color-bs); opacity: 1 !important;}
.bannerdtgd .swiper-pagination-bullet{opacity: 0.4; background: var(--color-bs);}
.bannerdtgd .swiper-pagination{ bottom: 20px;}
.baner-wz{top:55%; transform: translateY(-50%); font-size: var(--zhihao50); line-height: var(--zhihao55-h);  font-weight:bold; color: var(--color-bs); text-transform: uppercase;}
.banner .baner-wz{font-size: var(--zhihao50); line-height: var(--zhihao55-h); top: 50%; transform: translateY(-50%); width: 100%; padding-left: 6%; color: var(--color-hs);}
.banner .baner-wz p:nth-child(2){font-weight: 500;}
.banner .baner-wz p:nth-child(3){font-size: var(--zhihao20); padding-top: 6vh; line-height: var(--zhihao20);}

.nybanner{background: var(--color-ql); padding-top: 70px;}
.nybanner-n{border-radius: 0 0 50px 50px; overflow: hidden;}
.nybanner .nybanner-wz{  top: 47%; z-index: 10;}
.nybanner .nybanner-wz p{font-size: var(--zhihao60); color: var(--color-bs); line-height: var(--zhihao60-h); letter-spacing: 18px;}
.nywzjl .nybanner-wz p{letter-spacing: 0;}
.nywzjl{background: var(--color-hs);}
.nywzjl video{height: 85vh; object-fit: cover; opacity: 0.5; width: 100%;display: flex;}
.nybanner-mbx{bottom: 20px; color: Rgba(255,255,255,.5);}
.nybanner-mbx a{color: Rgba(255, 255, 255, .5);}
.nybanner-mbx a:hover{color: var(--color-bs);}
.nybanner .nybanner-wz span{font-size: var(--zhihao28); color: var(--color-bs); display: block; padding-bottom: 13px;}
.sbt-l span{display: block; font-size: var(--zhihao16); color: var(--color-999); padding-bottom: 15px;}
.sbt-l p{ font-size: var(--zhihao36); line-height: var(--zhihao40-h); color: var(--color-zs); font-weight: bold;}
.sbt-r{ font-size: var(--zhihao16); color: var(--color-666); width: 50%; }
.s-1{background: var(--color-ql); overflow: hidden;}
.s-1 .w1520{z-index: 5;}
.s-1 .sbt-r{width: 50%;}
.s-1-r{width: 100%;}
.s-1-l .sbt-l,.s-2w .sbt-l,.j-2 .sbt-l,.j-3 .sbt-l,.c-3 .sbt-l{width: 45%;}
.sysgd{padding-top: 30px;}
.sysw{background: var(--color-bs); border-radius: 10px; overflow: hidden; text-align: center;}
.sysw h2{font-size: var(--zhihao24); color: var(--color-hs);padding: 50px 0 10px;}
.sysw .syszwz{font-size: var(--zhihao16); color: var(--color-666); padding: 5px 30px 0;  text-align: left; display: flex; justify-content: center; padding-bottom: 50px;transition: var(--xd);}
.sysw .sysgdt{overflow: hidden;}
.sysw .sysgdt img{transition: var(--xd);}
.sysw:hover .sysgdt img{transform: scale(1.05);}
.sysw:hover .syszwz{ transform: translateY(-10px);}
.syswzn div{position: relative; margin-left: 19px;}
.syswzn div::before{ position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--color-666); content: ''; left: -10px; top: 12px;}
.syswzn div:nth-child(2){margin: 5px 0 5px 19px;}



.sflgd{padding: 30px 0 40px;}
.sflgd .swiper-slide a{position: relative; background: var(--color-zs); width: 100%; overflow: hidden;}
.sflgd .swiper-slide a img{border-radius: 10px; overflow: hidden; transition: var(--xd);}
.sflgd .swiper-slide a h1{font-size: var(--zhihao24); color: var(--color-fs);transition: var(--xd); position: absolute; bottom:30px; left: 25px; display: block; width: 200px;}
.sflgd .swiper-slide a:hover h1{padding-top: 10px;}
.sflgd .swiper-button-next:after, .sflgd .swiper-button-prev:after{font-size: var(--zhihao22); }
.sflgd .swiper-button-next, .sflgd .swiper-button-prev{padding: 35px 10px;color: var(--color-fs); width: 40px; background: Rgba(255, 255, 255, .7); transition: var(--xd);opacity: 0;}
.sflgd .swiper-button-next:hover, .sflgd .swiper-button-prev:hover{background: var(--color-fs); color: var(--color-bs);}
.sflgd:hover .swiper-button-prev,.sflgd:hover .swiper-button-next{ opacity: 1; }
.sflgd .swiper-slide a:hover h1{color: var(--color-fs); transform: translateY(-10px);}
.s-2w{background: var(--color-bs);overflow: hidden;}


.s-2,.j-3,.j-2w,.c-2{background: var(--color-ql);}
.s-3 .sbt{top: 12vh; z-index: 10;}
.gdyy{  bottom: 18%; left: 50%; transform: translateX(-50%); z-index: 10; }
.gdyy a{ padding: 10px 40px;border-radius:20px;white-space: nowrap; display: block; font-weight: bold; color: var(--color-bs); transition: var(--xd);border: 2px solid var(--color-bs);background-color: rgba(255, 255, 255, 0.5);    backdrop-filter: blur(8px);   -webkit-backdrop-filter: blur(8px); font-size: var(--zhihao22); color: var(--color-hs);}
.gdyy a i{transition: var(--xd);}
.gdyy a:hover{background: var(--color-fs);color: var(--color-bs);border: 2px solid var(--color-fs);}
.gdyy a:hover i{ padding-right: 10px;}



.s-4 dl dt,.s-4 dl dd{width: 50%; height: 100%;}
.s-4 dl dt{ padding: 2% 6% 2% 0;}
.s-4 dl dt .sbt-l p{color: var(--color-zs);}
.s-4 dl dt .sbt-r{color: var(--color-333);}
.s-4-sj{ width: 85%;}
.s-4-sj li{text-align: center; }
.s-4-sj li div{font-size: var(--zhihao50); line-height: var(--zhihao50-h); color: var(--color-fs);}
.s-4-sj li p{color: var(--color-666);}
.s-4-sj li sub{font-size: var(--zhihao30); padding: 8px 0 0 8px;}
.s-4 dl dt .sbt-r{width: 100%; padding-top: 20px; padding-bottom: 50px;}
.s-4 .gdyy{transform: none; margin-top: 5vh;}
.s-4 .gdyy a{background: Rgba(255, 255, 255, .3);}
.s-4 .gdyy a:hover{background: var(--color-fs);}



.s-5-w,.c-3w{background: var(--color-eee);}
.sxwgd{padding: 30px 10px 40px;}
.sxwgd .swiper-slide a{display: block; background: var(--color-bs); padding: 50px 30px; transition: var(--xd);box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.1);}
.sxwgd .swiper-slide a time{ font-size: 12px; color: var(--color-zs); padding-bottom: 20px; display: block;}
.sxwgd .swiper-slide a h2{font-size: var(--zhihao22);line-height: var(--zhihao24-h);height: 59px; font-weight: 500; word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.sxwms{ color: var(--color-666); margin-top: 30px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; }
.sxwgd .swiper-slide a p{ margin-top: 10vh; display: flex; align-items: center; color: var(--color-666); font-size: 12px;transition: var(--xd);}
.sxwgd .swiper-slide a p i{color: var(--color-zs); padding-right: 15px; font-size: var(--zhihao20); line-height: var(--zhihao20); padding-top: 3px;}
.sxwgd .swiper-slide a:hover{color: var(--color-bs); background: var(--color-fs);}
.sxwgd .swiper-slide a:hover time{color:Rgba(255, 255, 255, .5)}
.sxwgd .swiper-slide a:hover p{color: var(--color-bs); transform: translateY(-10px);}
.sxwgd .swiper-slide a:hover .sxwms{color: Rgba(255, 255, 255,.5);}
.sxwgd .swiper-slide a:hover p i{color: var(--color-bs);}
.sxwgd .swiper-scrollbar{width: calc(100% - 20px); left: 10px;overflow: hidden;}
footer{background:var(--color-eee);}
footer ul a{background:Rgba(255, 255, 255, .8); width: 32%; padding: 30px; border-radius: 12px; transition: var(--xd);}
footer ul a .dlpt p{font-size: var(--zhihao17); }
footer ul a .dlpt i{ width: 28px; height: 28px; line-height: 28px; border-radius: 6px; background: var(--color-fs); color: var(--color-bs); font-size: 12px; text-align: center;}
footer ul a span{padding-top: 30px; color: var(--color-666); display: block;}
footer ul a:hover{background: var(--color-bs); transform: translateY(-5px);}
.footer-2{padding-top: 5vh;}
.footer-2 dl{color: var(--color-666);}
.footer-2 dl a{color: var(--color-666); padding-right: 15px;}
.footer-2-1 p{ font-size: var(--zhihao30); line-height: var(--zhihao30-h); color: var(--color-zs); padding-right: 3vw; font-weight: bold;}
.footer-2-1 dl h2{width: 100%; color: var(--color-333); font-size: var(--zhihao17); border-bottom: 1px solid Rgba(0, 0, 0, 0.1); padding-bottom: 3px; margin-bottom: 8px; display: flex; align-items: center;}
.footer-2-1 dl h2 i{ padding-left: 20px; font-size: var(--zhihao15);}
.footer-2-2 img{width:120px;}
.footer-3{border-top: 1px solid Rgba(0, 0, 0, 0.1); margin-top: 30px; padding-top: 10px;}
.footer-3-r,.footer-3-l{font-size: 12px; color: var(--color-666); }
.footer-3-r a{color: var(--color-666); padding-left: 10px;}
.footer-3-r a:hover,.footer-2 dl a:hover{color: var(--color-fs);}

.s-2-3d-nr li:nth-child(1){left: 12%; top: 42%;}
.s-2-3d-nr li:nth-child(2){left: 30%; top: 42%;}
.s-2-3d-nr li:nth-child(4){left: 53%; top: 42%;}
.s-2-3d-nr li:nth-child(3){left: 80%; top: 42%;}
.s-2-3d-nr li a{background: var(--color-fs); border-radius: 20px; padding: 4px 23px 4px 0; font-weight: bold; font-size: var(--zhihao15); transition: var(--xd); color: var(--color-bs);}
.s-2-3d-nr li a u{position: relative;display: block;width:20px; height: 20px;background: var(--color-bs);border-radius: 50%;text-align: center; display: flex; align-items: center; justify-content: center;margin-right:17px;z-index: 12;}
.s-2-3d-nr li a i{color: var(--color-fs);font-size:10px; position: relative;z-index: 1;}
.s-2-3d-nr li a u::after{position: absolute; width:20px; height:20px; background: var(--color-bs); content: ''; left:50%; top:50%; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0.5; z-index: 0;animation: myfirst 2s linear infinite;}
.s-2-3d-nr li a u::before{position: absolute; width:20px; height:20px; background: var(--color-bs); content: ''; left:50%; top:50%; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0.5; z-index: 0;animation: myfirst 2s linear infinite;animation-delay: 0.6s;}
@keyframes myfirst {0% {transform: translate(-50%, -50%) scale(0.1);opacity: .7;}50% {transform: translate(-50%, -50%) scale(1);opacity: 0.5;}100% {transform: translate(-50%, -50%) scale(2.4);opacity: 0;}}
.s-2-3d-nr li a:hover{background: var(--color-bs); color: var(--color-fs);}
.s-2-3d-nr li:hover{ z-index: 100;}
.s-2-3d-nr li:hover a u::after,.s-2-3d-nr li:hover a u::before,.s-2-3d-nr li:hover a u{background: var(--color-fs);}
.s-2-3d-nr li:hover a u i{color: var(--color-bs);}


.j-1{background: var(--color-ql);}
.j-1-2{display: none;}
.j-1-1 .sbt-r{width:100%;}
.j-1-2-1,.j-1-2-2,.j-1-2-3{width: 31.5%;}
.j-1-2-1{border-radius: 15px; overflow: hidden;}
.j-1-2-1 p{ width: 100%; text-align: center; color: var(--color-bs); font-style: italic; font-size: var(--zhihao36); padding-top: 8vh; font-weight: bold;padding-right: 15%;}
.j-1-2-2 li,.j-1-2-3 li:nth-child(1){background: var(--color-bs); padding: 30px 50px;border-radius: 15px; overflow: hidden;}
.j-1-2-2 li:nth-child(1){background:var(--color-bs) url(../../images/j2.jpg) top right no-repeat; padding-top: 30vh;}
.j-1-2-2 li:nth-child(2){margin-top: 30px;}
.j-1-2 li i{ font-size: var(--zhihao70); color: var(--color-eee);}
.j-1-2-2-t p{font-size: var(--zhihao50); line-height: var(--zhihao50); color: var(--color-zs); font-weight: bold;}
.j-1-2-2-t span{font-size: var(--zhihao18); line-height: var(--zhihao18-h); padding-left: 10px; color: var(--color-666);}
.j-1-2-2-b{color: var(--color-zs); font-size: var(--zhihao18); padding-top: 20px;}
.j-1-2-3 li:nth-child(2){border-radius: 15px; overflow: hidden; margin-top: 30px;}

.fzlcnr{padding: 30px 0 0;}
.fzlcnr .swiper-slide .lcnr{background: var(--color-bs); padding:80px 7vw;border-radius: 15px;}
.lcnr-t p{font-size: var(--zhihao40); line-height: var(--zhihao40); color: var(--color-zs);font-weight:bold;}
.lcnr-t span{ color: var(--color-999); font-size: 12px;}
.lcnr-x{padding-top: 20px; font-size: var(--zhihao16); min-height: 101px;color: var(--color-333);}
.fzlcnr .swiper-button-prev{ margin-top: 0; left: 2%;}
.fzlcnr .swiper-button-next{margin-top: 0; right: 2%;}
.fzlcnr .swiper-button-prev,.fzlcnr .swiper-button-next{ opacity: 0; transition: all 0.5s ease; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 38px; background: var(--color-bs);}
.fzlcnr:hover .swiper-button-prev,.fzlcnr:hover .swiper-button-next{ opacity: 1; }
.fzlcnr .swiper-button-next::before{position: absolute; top: -5px; left: -5px; display: block;  width: 46px; height: 46px; border-radius: 50%; content: ''; opacity: 1;transition: all 0.5s ease;border: 1px dashed Rgba(0, 0, 0, 0.3);}
.fzlcnr .swiper-button-prev::before{position: absolute; top: -5px; left: -5px; display: block;  width: 46px; height: 46px; border-radius: 50%; content: '';  opacity:1;transition: all 0.5s ease;border: 1px dashed Rgba(0, 0, 0, 0.3);}
.fzlcnr .swiper-button-next:hover::before{opacity: 1;animation-iteration-count: infinite; animation-timing-function: linear; animation-name: orbit; animation-duration: 2s;border: 1px dashed Rgba(0, 0, 0, 0.6); }
.fzlcnr .swiper-button-prev:hover::before{opacity: 1;animation-iteration-count: infinite; animation-timing-function: linear; animation-name: orbit; animation-duration: 2s; border: 1px dashed Rgba(0, 0, 0, 0.6);}
.fzlcnr .swiper-button-next::after{font-size: var(--zhihao18); color: var(--color-zs);}
.fzlcnr .swiper-button-prev::after{font-size: var(--zhihao18); color: var(--color-zs);}

@keyframes orbit {
  0% {transform: translate(0%, 0%) rotate(-360deg);}
  100% {transform: translate(0%, 0%) rotate(0deg);}
}

.swiper-pagination-bullet-active{background: var(--color-fs);}








.j-2,.c-3,.yy-4,.xwlb,.zxly,.s-5{background: var(--color-bs);border-radius: 0 0 50px 50px;}
.jjgctgd{padding: 8vh 0 70px;}
.jjgctgd .swiper-slide div{transform: scale(0.7);transition: 300ms; overflow: hidden; border-radius: 15px; position: relative;  opacity: 0.5; cursor: pointer;}
.jjgctgd .swiper-slide-active div{transform: scale(1.1); opacity: 1; cursor:initial;}
.jjgctgd .swiper-slide div p{ bottom: 5%; text-align: center; width: 100%; color: var(--color-bs); font-size: var(--zhihao17); z-index: 10; display: none;}
.jjgctgd .swiper-slide div::after{ height: 25vh; content: ''; position: absolute; bottom: 0; left: 0; width: 100%;background-image: linear-gradient(Rgba(103, 150, 120, 0) 40%, Rgba(103, 150, 120, 0.5));}
.jjgctgd .swiper-slide-active div p{display: block;}

.j-3-nr{gap: 20px; padding-top: 40px;}
.j-3-nr li{width: 49%; transition: var(--xd);background: var(--color-bs); position: relative;  overflow: hidden; cursor: pointer;border-radius: 15px;flex-grow: 1;min-width: 20%;box-sizing: border-box;}
.j-3-nr-wo{top: 50%; transform: translateY(-50%); left: 18%; z-index: 10; width: 60%;}
.j-3-nr li .j-3-nr-1{text-align: center;}
.j-3-nr li .j-3-nr-1 i{ font-size: var(--zhihao50); color: var(--color-fs); line-height:var(--zhihao50); margin-bottom:25px; display: block;}
.j-3-nr li .j-3-nr-1 p,.j-3-nr-2 p{font-size: var(--zhihao24); font-weight: bold;}
.j-3-nr-2 span{font-size: var(--zhihao18); color: var(--color-bs);position: relative;width: 100%;}
.j-3-nr-2{overflow: hidden;transition: none; opacity: 0;visibility: hidden; position: absolute; top: 50%;transform: translateY(-50%);}
.j-3-nr-3{width: 100%;}
.j-3-nr-3 img{width: 50vw; opacity: 0; transition: var(--xd);}
.j-3-nr-2 i{font-size: var(--zhihao50); color: var(--color-zs); line-height:var(--zhihao50-h);padding-right: 20px;color: var(--color-bs);}
.j-3-nr-2 p{display: flex; align-items: center;line-height: var(--zhihao36-h); padding-bottom: 20px; color: var(--color-bs);}
.j-3-nr li.on{ width:150%;}
.j-3-nr li.on img{opacity: 1;}
.j-3-nr li.on .j-3-nr-wo .j-3-nr-1{ opacity: 0; visibility: hidden; display: none;}
.j-3-nr li.on .j-3-nr-wo .j-3-nr-2{  width: 100%; opacity: 1; visibility: visible;transition: all 0.4s 0.36s; left: -12%;}
.j-3-nr-3 .j-3-nr-1{display: none;}

.j-4{background: var(--color-ql) url(../../images/rrd.jpg) center no-repeat; background-size: cover; display: none;}
.jjyygd{padding: 30px 0 40px;}
.jjyygd .swiper-slide div{padding:5vh 30px; background: var(--color-bs);}
.jjyygd .swiper-slide div img{width: auto; max-width: 100%; margin: 0 auto;}
.jjyygd .swiper-slide div p{ text-align: center; font-size: var(--zhihao18); color: var(--color-666); padding-top: 15px; width: 100%;}


.j-5{background: url(../../images/kcx.jpg) top center no-repeat fixed; background-size: 100%;}
.j-5-1{color: var(--color-bs); font-size: var(--zhihao90); font-weight: bold; line-height: var(--zhihao80-h); text-transform: uppercase;}
.j-5 .sbt-r{margin: 0 auto; color: var(--color-bs);}
.j-5 .sbt-l p{color: var(--color-bs);}
.j-5-2 li{ margin: 0 30px;}
.j-5-2 li i{ font-size: var(--zhihao60); color: var(--color-bs);border: 1px solid Rgba(255, 255, 255, .5); border-radius: 50%; width: 130px; height: 130px;display: block; text-align: center; line-height: 130px;}
.j-5-2 li p{color: var(--color-bs); font-size: var(--zhihao18); padding-top: 10px;}
.j-5-3 img:nth-child(1){width: 300px;}

.j-5 .sbt a{ background: Rgba(255, 255, 255, .3); padding: 10px 20px; display: block; width: 200px; margin: 30px auto; color: var(--color-bs); border-radius: 15px; transition: var(--xd);}
.j-5 .sbt a:hover{background: var(--color-fs);}

.cplbbanner{background: var(--color-bs);}
.cplb-cd{border-bottom: 1px solid var(--color-eee); position: sticky; top: 48px; padding: 30px 0 6px; z-index: 40; background: var(--color-bs);}
.cplb-cd .sheji-kongjian-xq-cd:nth-child(1) .nianfan{border: none; margin: 0;}
.cplb-cd .sheji-kongjian-xq-cd:nth-child(1) .nianfan-nr{margin: 0;}
.nianfan{ width: 300px; display: none; border-left: 1px solid #eee; padding: 0 20px; margin-left: 20px; height: 45px; line-height: 45px; justify-content: space-between; align-items: center; cursor: pointer; color: var(--color-hs);}
.nianfan i{ font-size: 14px;}
.nianfan-nr{ transition: all 0.5s ease; display: flex;flex-wrap: wrap;}
.nianfan-nr a{display: flex; justify-content: space-between; font-size: var(--zhihao15); align-items: center; height: auto; margin-right: 15px; padding: 10px 0; line-height: normal;  color: #666;background: var(--color-bs);border-bottom: 2px solid var(--color-bs);}
.nianfan-nr a:hover{border-bottom: 2px solid var(--color-fs);}
.nianfan-nr a:last-of-type{border-bottom: 0; margin-right: 0;}
.nianfan-nr #dqcd{background: var(--color-fs);color: var(--color-bs);}
.nianfan-nr a.active{border-bottom: 2px solid var(--color-fs);}
/* .sheji-kongjian-xq-cd:hover .nianfan-nr{ height: auto; opacity: 1; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);visibility: visible;} */
.sheji-kongjian-xq-cd{font-size: var(--zhihao18);}
.sheji-kongjian-xq{background: var(--color-bs); padding: 50px; margin-top: 20px;}
.sheji-kongjian-xq-bt{ font-size: var(--zhihao36); font-weight: bold;}
.sheji-kongjian-xq dl dt{ width: 40%;}
.sheji-kongjian-xq dl dd{ width: 50%;}
.sheji-kongjian-xq dl{ margin-top: 30px;}
.sheji-kongjian-xq dl dt p{ font-size: var(--zhihao20);}
.sheji-kongjian-xq-ms{padding: 20px 0; border-bottom: 1px solid var(--color-eee); margin-bottom: 20px;}
.sheji-kongjian-xq-cp{padding-top: 10px;}
.sheji-kongjian-xq-cp a{margin: 0 15px 15px 0;}
.sheji-kongjian-xq-cp-bq{border-top: 1px solid var(--color-eee);margin-top: 20px; padding-top: 20px;}
.cplb-l{font-size: var(--zhihao26); font-weight: bold;}


.cplb ul{display: grid; grid-template-columns: repeat(4, 1fr);grid-gap: 50px;}
.cplb ul P{font-size: var(--zhihao16); padding-top: 20px; padding-bottom: 10px; font-weight: bold;transition: var(--xd);}
.cplb-1{color: var(--color-666);}
.cplb-1 u{display: none;}
.cplb ul img{overflow: hidden; transition: var(--xd); border-radius: 10px;}
.cplb ul a:hover img{transform: scale(1.02);}
.cplb ul a:hover p{color: var(--color-fs);}
.yylygd{padding-top: 30px; padding-bottom: 40px;}
.yylygd h1{font-size: var(--zhihao18); font-weight: 500; padding-top: 12px; text-align: center;}
.yylygd .swiper-slide a{transition: var(--xd);display: block;}
.yylygd .swiper-slide a img{border-radius: 15px;}
.yylygd .swiper-slide a:hover{transform: translateY(-10px); color: var(--color-fs);}
.c-3w,.yy-4w{background: var(--color-eee);}
.cplbkfgd{padding-top: 20px;}
.cplbkfgd .swiper-slide .cplbkf{border: 1px solid var(--color-ql); display: block; border-radius: 15px; overflow: hidden; padding: 50px 30px;}
.cplbkfgd .swiper-slide .cplbkf-1 i{ font-size: var(--zhihao40); padding-right: 18px;}
.cplbkfgd .swiper-slide .cplbkf-1{font-size: var(--zhihao22); line-height: var(--zhihao40-h); margin-bottom: 20px; color: var(--color-zs);}
.cplbkfgd .swiper-slide .cplbkf p{font-size: var(--zhihao15); height: 81px; color: var(--color-666);}
.cplbkfgd .swiper-slide .cplbkf span{display: block; margin-top: 20px; display: flex; align-items: center;}
.cplbkfgd .swiper-slide .cplbkf span i{padding-top: 2px; padding-left: 10px;}
.yy-1-1,.yy-1-2{ width: 48%;}
.yy-1-1 .yy-1-1-1{font-size: var(--zhihao16); color: var(--color-666); padding-top:20px;}
.yy-1-2 img{border-radius: 15px; overflow: hidden;}
.hytdgd{padding-top: 20px;}
.hytdgd .swiper-slide div img{border-radius: 15px; overflow: hidden;}
.hytdgd .swiper-slide div h2{ padding-top: 20px; font-size: var(--zhihao20);}
.hytdgd .swiper-slide div p{padding-top: 10px; font-size: var(--zhihao16); color: var(--color-666);}
.yy-3{background: var(--color-ql);}
.yy-2{border-top: 1px solid var(--color-eee);}
.yy-3 .yy-3-1,.yy-3 .yy-3-2{width: 48%;}
.yy-3 .yy-3-1-1{margin-top: 20px; border-radius: 15px; overflow: hidden;}
.yy-3 .yy-3-1-1 li{ background:Rgba(255, 255, 255, .5); margin-bottom: 2px; padding: 20px 30px; font-size: var(--zhihao15); color: var(--color-333); transition: var(--xd);}
.yy-3 .yy-3-1-1 li h3{font-size: var(--zhihao20); color: var(--color-zs); padding-bottom: 8px;}
.yy-3 .yy-3-1-1 li:hover{background: var(--color-fs); color: Rgba(255, 255, 255, .7);}
.yy-3 .yy-3-1-1 li:hover h3{color: var(--color-bs);}
.yy-3 .yy-3-2 img{border-radius: 15px; overflow: hidden; position: sticky; top: 100px;}

.xww,.rancei,.zxlyw{background: var(--color-eee);}
.xwlb .w1520 ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:40px;}
.xwlb .w1520 ul a{display: block; background: var(--color-bs); border: 1px solid var(--color-f1); padding: 50px 12%; border-radius: 10px; position: relative;transition: var(--xd);min-width: 0;} 
.xwlb .w1520 ul a h2{ font-size: var(--zhihao22);overflow: hidden;white-space: nowrap;text-overflow:ellipsis;padding-bottom: 10px; font-weight: 500;}
.xwlb .w1520 ul a p{color: var(--color-666); text-align: justify; font-size: var(--zhihao15);word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.page{text-align:center;}
.page ul{float:left; position:relative; left:50%;}
.page ul li{position:relative; right:50%; float:left; margin-right: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-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;}
.xwlb-gq{margin-top: 30px; color: var(--color-999);}
.xwlb .w1520 ul a:hover{background: var(--color-fs); color: var(--color-bs); transform: translateY(-10px);border: 1px solid var(--color-fs);}
.xwlb .w1520 ul a:hover time{color: Rgba(255, 255, 255, .5);}
.xwlb .w1520 ul a:hover p{color: Rgba(255, 255, 255, .7);}
.xwlb-gq span i{padding-top: 3px; padding-left: 5px; font-size: 12px;}
.xwlb .w1520 ul a:hover .xwlb-gq{color: Rgba(255, 255, 255, .5);}

.lxwm{background: var(--color-ql);}

.rc-1{background: url(../../images/rc1.png) center bottom no-repeat; background-size: 100%;}
.rc-1-l{ width: 43%;}
.rc-1-l li{border-bottom: 1px solid var(--color-ccc); padding-bottom: 16px; transition: var(--dhxd);}
.rc-1-l li i{font-size: var(--zhihao60); padding-right: 20px; color: var(--color-zs);}
.rc-1-l li:nth-child(2){margin: 8vh 0;}
.rc-1-l li:hover{border-bottom: 1px solid var(--color-zs);}
.rczlz{font-size: var(--zhihao16); color: var(--color-333);}
.rczlz p{font-size: var(--zhihao26); padding-bottom: 8px;}
.rc-1-r{ width: 48%;}
.join_warper{width:calc(100% - 490px);overflow:hidden;}
.join_title{text-align:center}
.join_title h3{color:var(--txt-color);font-size:2.5rem;margin-bottom:20px;margin-top:40px}
.join_form{width:100%;overflow:hidden}
.join_list li{margin:3px 0; border-bottom: 1px solid var(--color-f6);}
.join_list li .rclbw{width:100%;display:flex; justify-content: space-between; align-items: center; padding:15px 2vw;background-color:var(--color-bs);cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;transition:all .5s}
.join_list li .rclbw:hover{background-color:var(--txt-color);transition:all .5s}
.join_list li.active .rclbw{background-color:var(--di-color);color: var(--color-bs);}
.join_list li .rclbw:hover{color:var(--baise-color)}
.join_list li.active .rclbw i{color: var(--color-bs);}
.join_list li:last-child{margin-bottom:1px}
.join_list li.active .rclbw{color:var(--color-bs); background: var(--color-zs);}
.join_list li .rclbw i{float:left;margin-top:5px;font-size:16px;vertical-align:middle;font-style:inherit; width: 19%;}
.join_list li .rclbw i:nth-child(2),.join_list li .rclbw i:nth-child(3),.join_list li .rclbw i:nth-child(4){font-size: 14px; color: var(--color-666);}
.join_list li.active .rclbw i:nth-child(2),.join_list li.active .rclbw i:nth-child(3),.join_list li.active .rclbw i:nth-child(4){color: var(--color-bs);}
.join_list li .rclbw span{float:right;display:inline-block;width:29px;height:29px;background:url(../../images/rc3.png) no-repeat center center;transition:all .5s}
.join_list li .rclbw:hover span{background:url(../../images/rc4.png) no-repeat center center;transition:all .5s;transform: rotate(-90deg);}
.join_list li.active .rclbw span{background:url(../../images/rc4.png) no-repeat center center;transition:all .5s;transform: rotate(-90deg);}
.join_list li article{display:none;width:100%;padding:30px 2vw;background:var(--color-ql); font-size: var(--zhihao15); color: var(--color-333);}
.join_list li .rclbw:hover{background-color:var(--color-fs);color: var(--color-bs);}
.join_list li .rclbw:hover i{color: var(--color-bs);}
.rclb-xx{font-size: var(--zhihao18);}






#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;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 #f4f4f4; 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 #f4f4f4; background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #ccc; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
.zxly #GBookAdd .submit{ margin-top: 25px;}
#GBookAdd .submit:hover{ background:var(--color-fs); cursor:pointer;}
.lysm{ font-size: 12px; color: #666; padding-bottom: 20px;}
.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;}
.cpxq-zx-r .submit{ position: absolute; transition: var(--xd); width: 190px; text-align: center; padding: 10px 0; left: 50%; transform: translateX(-50%); bottom: 70px; background: Rgba(255,255,255,0.5); font-size:15px; border-radius: 5px;}
.cpxq-zx-r .submit:hover{ background: var(--color-fs); color: var(--color-bs);}
.info-lx{ display: flex; justify-content: space-between; background: #fff; align-items: center; flex-wrap: wrap;}
.lx-1{ padding: 30px 6%; width: 48%;}
.lx-1 h1{ font-size:var(--zhihao22);  padding-bottom: 10px;}
.lx-2{width: 50%;}
.lx-2 img{ width: 100%;}
.lx-1-nr img{ width: auto; max-width: 100%;}
.lx-1-nr{font-size: var(--zhihao15); color: var(--color-333);}

.alxq-nr{ border-top: 1px solid var(--color-f1); padding: 30px 0 0; margin: 15px 0 0; font-size: var(--zhihao18);color: var(--color-333);}
.alxq-sx{border-top: 1px solid var(--color-f1); padding-top: 15px; margin-top: 30px;}
.alxq-sx a{display: block; color: var(--color-666);}
.alxq-sx a:hover{color: var(--color-fs);}
.alxq-nr{font-size: var(--zhihao16); color: var(--color-333); line-height: var(--zhihao20-h);}
.alxq-nr a{color: var(--color-zs);}
.alxq-nr a:hover{color: red;}
.alxq-nr img{ margin: 10px auto; max-width: 100%; width: auto;}
.alxq{max-width: 1058px;}

.cpdtgd{position: sticky; top: 140px;}
.cpxq-l{width: 42%;}
.cpxq-r{width: 50%; padding-top: 3vh;}
.cpxq-r-nr-t{font-size: var(--zhihao22);padding-bottom: 8px; color: var(--color-333);}
.cpxq-r .sbt-r,.cpxq-r-nr{width: 100%; font-size: 14px; color: var(--color-666);}
.cpdtgd .swiper-slide img{border-radius: 15px;}
.hzhbgd{padding: 30px 0 40px;}
.hzhbgd .swiper-slide p{text-align: center; padding-top: 5px;}



.w100{width:100%;}
.ztjz{text-align: center;}
.yanse-b{color: var(--color-bs);}

@media (min-width: 2100px) {
  .banner .baner-wz{padding-left: 10%;}
}


@media (max-width:1600px) {
  .header-2 ul li a{font-size: var(--zhihao15);}
  
}

@media (max-width:1440px) {
    .banner-wz{top: 24%;}
    .banner-wz h1,.sbt-l p,.s-6-bt .sbt p,.j-1-r-2 li p{font-size: var(--zhihao33);line-height: var(--zhihao36-h);}
    .baner-wz,.banner .baner-wz{font-size: var(--zhihao45);line-height: var(--zhihao50-h);}  
    .s-2-l{ width: 402px;}
    .s-2-r{width: calc(100% - 490px);}
    .s-6-bt{ width: 30%;}
    .shzhbgd .swiper-pagination{bottom: 12%;}
    .s-7-xw-r a p{-webkit-line-clamp:2;height: 58px;}
    .footer-bt{font-size: var(--zhihao30);line-height: var(--zhihao30);}
    .slogo-nr{ width: 13vw;}
    .slogo-nr:nth-child(2){ width: 13vw;left: 10%;top: 26.5%;}
    .slogo-nr:nth-child(5){ width: 13vw;right: 10%;top: 26.5%;}
    .s-3-sj li div{font-size: var(--zhihao90);}
    .scpflgd .swiper-slide a p img{height: 70px;}
    .j-1-r,.j-2 .qywhgd{width: calc(100% - 390px);}
    .nybanner .nybanner-wz p{font-size: var(--zhihao50);}
    .s-4-sj li div{font-size: var(--zhihao36);line-height: var(--zhihao36-h);}
    .j-5-1{font-size: var(--zhihao80);line-height: var(--zhihao70-h);}
    .cplb-l{font-size: var(--zhihao20);}
    .nianfan-nr a{font-size: 14px;}
    .j-5-3{padding: 70px 0;}
    .j-5-3 img:nth-child(1){width: 250px;}
    .jjgctgd .swiper-slide-active div{transform: scale(1.2);}
    .j-3-nr-2 i{font-size: var(--zhihao33);line-height: var(--zhihao33-h);}
    .j-3-nr li .j-3-nr-1 i{font-size: var(--zhihao50);line-height: var(--zhihao50-h);margin-bottom: 10px;}
    .j-3-nr li .j-3-nr-1 p, .j-3-nr-2 p,.sflgd .swiper-slide a h1{font-size: var(--zhihao20);}
    .xwlb .w1520 ul{grid-gap: 30px;}
    .j-1-2-1 p{font-size: var(--zhihao30);padding-right: 17%;}
    .j-1-2-2-b{font-size: var(--zhihao16);padding-top: 10px;}
    .jjgctgd .swiper-slide div p,.jjyygd .swiper-slide div p,.yy-1-1 .yy-1-1-1{font-size: var(--zhihao15);}
    .xwlb .w1520 ul a{padding: 30px 10%;}
    .j-3-nr-3 img{width: 65.5vw;}
    .lcnr-x{min-height: 96px;}
    .fzlcnr .swiper-slide .lcnr{padding: 50px 7vw;}
    .join_warper{width: calc(100% - 420px);}
    .footer-2-1{align-items: center;}
    .cplb ul{grid-template-columns: repeat(3, 1fr);}
    .s-2-3d-nr li:nth-child(1){left: 6%;top: 32%;}
    .s-2-3d-nr li:nth-child(2){left: 24%;top: 32%;}
    .s-2-3d-nr li:nth-child(4){left: 50%;top: 32%;}
    .s-2-3d-nr li:nth-child(3){left: 78%;top: 32%;}
    .footer-2-2 img{width: 110px;}
    .footer-2-1 dl h2{margin-bottom: 6px;}
    .join_list li .rclbw{padding: 15px 1vw;}
    .j-2, .c-3, .yy-4, .xwlb, .zxly, .s-5{border-radius: 0 0 30px 30px;}
    .j-2,.c-3,.yy-4,.xwlb,.zxly,.s-5{border-radius: 0 0 30px 30px;}
    .bannerdtgd,.nybanner-n{border-radius: 0 0 30px 30px; }

  






}

@media (max-width:1280px) {
  .s-1-r dl li p,.sbt-r, .j-1-r-1,.j-3-nr-2 span,.jjgctgd .swiper-slide div p,.j-5-2 li p{font-size: var(--zhihao15);}
  .s-1-r dl li h2,.yy-3 .yy-3-1-1 li h3,.hytdgd .swiper-slide div h2{font-size: var(--zhihao17);}
  .banner-wz h1, .sbt-l p, .s-6-bt .sbt p, .j-1-r-2 li p,.baner-wz,.banner .baner-wz{font-size: var(--zhihao28);line-height: var(--zhihao30-h);}
  .s-4 dl dt .sbt-r{padding-bottom: 35px;padding-top: 10px;}
  .s-4-sj li div{font-size: var(--zhihao30);line-height: var(--zhihao30-h);}
  .s-4-sj li sub{font-size: var(--zhihao20);padding: 6px 0 0 3px;}
  .s-4 dl dt{padding: 7% 6% 5vh 0;}
  .header-1 img{height: 58px;}
  .footer-2-2 img{width: 130px;}
  .footer-2-1{align-items: center;}
  .footer-2-1 p{padding: 10px 5vw 10px 0;}
  .footer-2 dl a{font-size: 14px;}
  .cplb-1{font-size: 12px;}
  .cplb ul P{padding-bottom: 15px;}
  .j-1-1 .sbt-l{width: 300px;}
  .j-1-1 .sbt-r{width: calc(100% - 360px);}
  .j-1-2-1 p{font-size: var(--zhihao26);}
  .j-1-2-2-t p{font-size: var(--zhihao40); line-height: var(--zhihao40);}
  .j-1-2-2-t span{font-size: var(--zhihao15);padding-left: 8px;line-height: var(--zhihao20);}
  .j-1-2-2-b{font-size: var(--zhihao15);padding-top: 10px;}
  .j-1-2-2 li:nth-child(1){background-size: 70%;}
  .j-1-2 li i{font-size: var(--zhihao50);}
  .j-1-2-2 li, .j-1-2-3 li:nth-child(1){padding: 30px 40px;}
  
  .j-5-1{font-size: var(--zhihao60); line-height: var(--zhihao60-h);}
  .j-5-3 img:nth-child(1){width: 200px;}
  .s-1-r dl li p{padding-top: 5px;}
  .s-2-3d-nr li a,.hytdgd .swiper-slide div p{font-size: var(--zhihao15);}
  .cpxq-r-nr-t{padding-bottom: 6px;font-size: var(--zhihao18);}
  .sxwgd .swiper-slide a h2{font-size: var(--zhihao20); line-height: var(--zhihao24-h);}
  .s-1-r dl li i{top: 23%;}
  .nianfan-nr a{padding: 11px 0;}
  .rc-1-l li:nth-child(2){margin: 5vh 0;}
  .cplb ul{grid-gap: 30px;}
  .gdyy a{font-size: var(--zhihao18);}
  .banner .baner-wz p:nth-child(3){font-size: var(--zhihao16); line-height: var(--zhihao18);}
  .cplb_js{display: none;}
  .s-2-3d-nr li:nth-child(1){left: 4%;}
  .s-2-3d-nr li:nth-child(2){left: 24%;}

  


}

@media (max-width:1230px) {
  .footer-2-1 p{display: none;}
}
@media (max-width:1100px) {
  
  
}




@media (max-width:1024px){
  .sjcd{ float:left;margin-right: 0.5rem; color:var(--color-bs);}
  #top .nav{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:10px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logos a h1{ font-size: 1.3rem;}
  #top .logos img{ height:40px; width:auto;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #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){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 70%;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;}
  .s-1-r dl li p,.sbt-r, .j-1-r-1,.j-3-nr-2 span,.jjgctgd .swiper-slide div p,.j-5-2 li p{font-size: 14px;}
  .banner,.nybanner{padding-top: 59px;}
  
}

@media (max-width:820px) {
  .s-4 dl dt,.join_warper,.lx-1,.lx-2,.sbt-r,.s-4 dl dd,.rc-1-l,.rc-1-r,.yy-1-1, .yy-1-2,.yy-3 .yy-3-1, .yy-3 .yy-3-2{ width: 100%;}
  .bannerdtgd,.s-2w,.j-2, .c-3, .yy-4, .xwlb, .zxly, .s-5{border-radius: 0 0 10px 10px;}
  .banner .baner-wz{top:35%;text-align: center; padding-left: 0;}
  .s-1-l .sbt{position: static; margin-bottom: 0; width: 100%;}
  .s-1-r{ width: 100%; padding-top: 20px;}
  .sysgd{padding-top: 0; padding-bottom: 40px;}
  .s-1{padding: 50px 0;}
  .s-1 .sbt-r{padding-top: 10px; width: 100%;}
  .s-1-r dl li:last-child{margin-bottom: 0;}
  .s-1-video,.footer-2 dl,footer ul{display: none;}
  .s-3 .sbt{padding-top: 0; top: 0; align-items: start;}
  .footer-2{padding-top:30px;}
  .j-5{background-size: cover;}
  .s-4 dl dt{padding:0;}
  .s-4-sj{margin: 0 auto;}
  .lcnr-x{min-height: auto;}
  .fzlcnr .swiper-slide .lcnr{padding: 40px;}
  .nianfan-nr a{padding: 6px 0;height: auto;line-height: normal;}
  .cplb ul{grid-template-columns: repeat(2, 1fr);padding-top: 20px;grid-gap: 20px;}
  .cplb ul a{overflow: hidden;}
  .footer-2{display: none;}
  .footer-2-2 img{ width: 110px;}
  footer ul{display: none !important;}
  .footer-2-1 p{padding: 0;}
  .join_list li .rclbw{padding: 12px;}
  .join_warper{padding-top: 20px;}
  .rc-1-l li:nth-child(2){margin: 20px 0;}
  .rc-1-l li i{font-size: var(--zhihao40); line-height: var(--zhihao40-h);}
  .j-3-nr-3 img{width: 88vw;}
  .sysw h2{font-size: var(--zhihao22);padding: 25px 0 0;}
  .sbt-r{padding-top: 10px;}
  .footer-3{padding: 0; margin: 0; border: none;}
  .sxwgd .swiper-slide a:hover{color:var(--color-hs); background: var(--color-bs);}
  .sxwgd .swiper-slide a:hover time{color:var(--color-666)}
  .sxwgd .swiper-slide a:hover p{color: var(--color-666); transform: translateY(0);}
  .sxwgd .swiper-slide a:hover .sxwms{color:var(--color-666);}
  .sxwgd .swiper-slide a:hover p i{color: var(--color-bs);}
  .sflgd .swiper-button-next, .sflgd .swiper-button-prev{display: none;}
  .sysw .syszwz{padding-bottom: 25px;}
  .s-1{padding-bottom: 30px;}
  .s-2-3d-nr li a{font-size: 13px;width: 93%;text-align: center;min-height: 47px;padding: 7px 15px;}
  .s-2-3d-nr li a u{display: none;}
  .s-2-3d-nr li{position: static;}
  .s-2-3d-nr {display: grid;grid-template-columns: repeat(4, 1fr); width: 88%; margin: 0 auto; padding-top: 30px;}
  .gdyy a{font-size: var(--zhihao16);}
  .nybanner-n{border-radius: 0 0 10px 10px;}
  .jjgctgd{padding: 50px 0 70px;}
  .j-5 .sbt-r{padding: 10px 6% 0;}
  .j-5-2{padding: 0 6%;}
  .j-5-2 li i{font-size: var(--zhihao45);width: 100px; height: 100px;line-height: 100px;}
  .j-5{padding: 10vh 0;}
  .j-5 .sbt a{margin-bottom: 0;}
  .nianfan-nr{flex-wrap: wrap;padding: 8px 0 15px;}
  .xwlb .w1520 ul{grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
  .xwlb .w1520 ul a h2{font-size: var(--zhihao20);}
  .page{padding: 25px 0 30px;}
  .alxq-bt h1{font-size: var(--zhihao24); line-height: var(--zhihao24-h); padding-top: 8px;}
  .yy-1-2{padding-top: 20px;}
  .hytdgd{padding-bottom: 40px;}
  .hytdgd .swiper-slide div img,.cpdtgd .swiper-slide img{border-radius: 10px;}
  .yy-2{padding-bottom: 30px;}
  .yy-3 .yy-3-1-1{border-radius: 10px 10px 0 0;}
  .yy-3 .yy-3-2 img{border-radius: 0 0 10px 10px;}
  .sysw:hover .syszwz,.sflgd .swiper-slide a:hover h1{transform: none;}
  .sysw .syszwz{line-height: var(--zhihao20-h);}
  .cpxq{padding-top: 30px;}
  .banner .baner-wz p:nth-child(3){padding-top: 25px;}
  .s-1-l .sbt-l,.s-2w .sbt-l,.j-2 .sbt-l,.j-3 .sbt-l,.c-3 .sbt-l{width: 100%;}
  .j-5 .sbt{padding-top: 25px;}
  .j-5-3{padding: 70px 0 30px;}
  .cplb ul P{padding-bottom: 5px;}
  .yy-3 .yy-3-1-1 li{padding: 20px;}
  .j-5{background:none; position: relative;}
  .j-5:before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%; background: url(../../images/kcx-s.jpg) center no-repeat;z-index:-1;}
  
  
  
}


@media (max-width:640px) {
  .caidan,.cpxq-l,.cpxq-r{ width: 100%; max-width: 100%;}
  .banner .baner-wz p:nth-child(3){font-size: 12px; line-height:14px;padding-top: 10px;}
  .banner-wz h1, .sbt-l p, .s-6-bt .sbt p, .j-1-r-2 li p,.footer-2-1 p,.banner .baner-wz{font-size: var(--zhihao22); line-height: var(--zhihao24-h);}
  .sbt-r{width: 100%; padding-top: 10px;}
  .s-1-r dl li{padding: 15px 30px; margin-bottom: 10px;}
  .s-1-r dl li div{padding-top: 2px;}
  .s-1-r dl li i{display: none;}
  .s-1-r dl li h2 i{display: block;position: static; font-size: var(--zhihao26);padding-right: 12px;}
  .sxwms{margin-top: 20px;}
  .sxwgd .swiper-slide a p{margin-top: 5vh;}
  .sxwgd .swiper-slide a{padding: 30px 20px;}
  .footer-2-2{display: none;}
  .sysw h2{font-size: var(--zhihao18);}
  .footer-3-r, .footer-3-l{ width: 100%; text-align: center;}
  footer{padding: 30px 0 !important;}
  .s-2-3d-nr {grid-template-columns: repeat(2, 1fr); padding-bottom: 31px;}
  .s-2-3d-nr li:nth-child(n+2){margin-top: 10px;}
  .gdyy a{font-size: 14px;}
  .s-2w{padding-bottom: 30px;}
  .s-2-3d-nr li:nth-child(2) {order: 2;}
  .s-2-3d-nr li:nth-child(3) {order: 3;}
  .j-5-2 li i{font-size: var(--zhihao36);width: 60px; height: 60px;line-height: 60px;}
  .j-5-1{font-size: var(--zhihao40); line-height: var(--zhihao40-h);}
  .j-5-2 li{margin: 0 15px;}  
  .j-5-3 img:nth-child(1){width: 130px;}
  .hzhbgd{padding: 20px 0 40px;}
  .j-3{padding-bottom: 30px;}
  .j-3-nr-3 .j-3-nr-1{display: block;}
  .j-3-nr li{display: flex; flex-direction: column-reverse;background: none;border-radius: 0;}
  .j-3-nr-2 span{color: var(--color-333);display: block; padding: 10px 0;}
  .j-3-nr-2 p,.j-3-nr li .j-3-nr-1{display: none;}
  .j-3-nr-3 .j-3-nr-1{display: flex !important; color: var(--color-bs); align-items: center; padding-left: 20px;}
  .j-3-nr-3 .j-3-nr-1 i{color: var(--color-bs) !important; padding-right: 10px; font-size: var(--zhihao30)!important; line-height: var(--zhihao30)!important;margin-bottom: 0 !important;}
  .j-3-nr-3 img{opacity: 1; width: 100%;}
  .j-3-nr-2{position: static;overflow:visible; visibility: visible;transform: none; opacity: 1;}
  .j-3-nr-wo{position: static; width: 100%; transform: none;}
  .j-3-nr{padding-top: 20px;}
  .cpxq-r-nr-t{padding-top: 10px;}
  .xwlb .w1520 ul{grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}
  .xwlb .w1520 ul a{padding: 20px 30px;}


  
  
      
    
}

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