@charset "utf-8";
/* ============================================================
   广哈通信 静态页面 - 默认样式（PC 端 / 设计稿 1920）
   自适应/响应式样式统一写在 css/media.css
   ============================================================ */
:root{
   --blue:#396ace; /* 滚动条 */
   --sel:#e20a17; /* 选中/高亮色（菜单选中、页签、分页当前项等） */ 
   --sel-light:#fdecec; /* 选中色浅底 */ 
   --foot:#3a3a3a; /* 页脚背景 */ 
   --yellow:#e78200;
   --white:#fff;
}
*{padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none; box-sizing: border-box;}
html,body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif; background:var(--white); color:#333; font-size:14px; -webkit-text-size-adjust:100%;}
input,textarea,select,button{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;}
img,input,textarea{border:none;}
img{vertical-align: middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal; line-height:1.4; transition: all .4s;}
p{line-height:1.8;}
a{color:#333;}
a,img{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html.hide,body.hide{overflow:hidden;}
body.menu-open{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear:after{content:''; display:table; clear:both;}
.text-center{text-align:center;}
.relative{position:relative;}
.overhide{overflow:hidden;}
.w1500{width:1500px; max-width:92%; margin:0 auto;}
.pc-show{display:block;}
.wap-show{display:none;}
.middle-box{display:table; height:100%; width:100%; margin:0 auto; position:relative; table-layout:fixed;}
.middle-inner{display:table-cell; vertical-align:middle; width:100%;}
.position-full{position:absolute; top:0; left:0; width:100%; height:100%;}
.img100 img{vertical-align:bottom; width:100%;}
.imgscale .img100{display:block; overflow:hidden;}
.imgscale .img100 img{transition: all .5s ease;}
.imgscale:hover .img100 img{transform: scale(1.08);}
.des16 p{font-size:16px;}
.des18 p{font-size:18px;}
.des20 p{font-size:20px;}
.line20 p{line-height:2;}
/* ===== 以下为模板补充类（原型 main.css 中未定义，补齐以保证版式） ===== */
.des-333, .des-333 p{color:#333;}
.des-5c5c5c, .des-5c5c5c p{color:#5c5c5c;}
.des-6a6a6a, .des-6a6a6a p{color:#6a6a6a;}
.mg-t10{margin-top:10px;}
.page-position-con{display:flex;align-items:center;flex-wrap:wrap;}
.page-position-con i{margin:0 8px;font-style:normal;}
.btn-primary{border-color:var(--sel);color:var(--sel);}
.btn-primary:hover{background:var(--sel);color:var(--white);}
.des-fff *{color:var(--white);}
.mg-bt10{margin-bottom:10px;}
.mg-bt15{margin-bottom:15px;}
.mg-bt20{margin-bottom:20px;}
.mg-bt30{margin-bottom:30px;}
.mg-bt40{margin-bottom:40px;}
.mg-bt50{margin-bottom:50px;}
.mg-bt60{margin-bottom:60px;}
.mg-bt80{margin-bottom:80px;}
::-webkit-scrollbar{width:6px; height:6px;}
::-webkit-scrollbar-track{background:#f2f2f2;}
::-webkit-scrollbar-thumb{background:#c9d4e0; border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--sel);}
.slideUp{animation: slideUp 1s both ease-out; -webkit-animation: slideUp 1s both ease-out;}
.slideLeft{animation: slideLeft 1s both ease-out; -webkit-animation: slideLeft 1s both ease-out;}
.slideRight{animation: slideRight 1s both ease-out; -webkit-animation: slideRight 1s both ease-out;}
.tobig{animation: tobig 1s both ease-out; -webkit-animation: tobig 1s both ease-out;}
@keyframes slideUp{
    0%{opacity:0; -webkit-transform: translateY(60px); transform: translateY(60px);}
    100%{opacity:1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes slideLeft{
    0%{opacity:0; -webkit-transform: translateX(-60px); transform: translateX(-60px);}
    100%{opacity:1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes slideRight{
    0%{opacity:0; -webkit-transform: translateX(60px); transform: translateX(60px);}
    100%{opacity:1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes tobig{
    0%{opacity:0; -webkit-transform: scale(.6); transform: scale(.6);}
    100%{opacity:1; -webkit-transform: scale(1); transform: scale(1);}
}
.swiper-slide-active .banner-des{animation: slideUp 1s .2s both ease-out; -webkit-animation: slideUp 1s .2s both ease-out;}
.header{position:sticky; top:0; z-index:1000; background:var(--white); border-bottom:1px solid #f0f0f0; box-shadow:0 0 0 rgba(15,40,90,0); transition:box-shadow .3s ease;}
.header.scrolled{box-shadow:0 8px 26px rgba(15,40,90,.12);}
.header-in{width:100%; margin:0 auto; position:relative; height:80px; padding: 0 30px;}
.logo{display:flex; height:100%; line-height:0; align-items:center;justify-content:center;}
.logo img{height:28px;}
.nav{float:right; margin-right: 20px;}
.nav > li{position:relative; display:inline-block; vertical-align:top;}
.nav > li > a{display:block; position:relative; padding:0 27px; line-height:80px; color:#232323; font-size:16px;transition:color .3s;}
.nav > li > a:after{content:''; position:absolute; left:50%; bottom:-1px; width:0; height:3px; background:var(--sel); transform:translateX(-50%); transition:width .35s ease;}
.nav > li:hover > a, .nav > li.active > a{color:var(--sel);}
.nav > li:hover > a:after, .nav > li.active > a:after{width:36px;}
.sub{position:absolute; left:50%; top:100%; z-index:99; min-width:150px; background:rgba(40,40,40,0.8); box-shadow:0 16px 36px rgba(20,45,90,.16); -webkit-transform:translateX(-50%); transform:translateX(-50%); display:none; border-radius:10px; overflow: hidden;}
.nav > li:hover .sub{display:block;}
.sub li{display:block;}
.sub li a{display:block; padding:15px 30px; text-align:center; color:var(--white); font-size:16px; white-space:nowrap; transition:all .25s;}
.sub li:hover a{background:#000;}
/* .sub li.active a{ background:#000;}*/
/* 移动端菜单按钮（默认隐藏，<=1200 显示） */
.menu-handler{width:36px; height:32px; cursor:pointer; display:none; position:absolute; right:4%; top:50%; margin-top:-16px; z-index:1003;}
.menu-handler .burger{height:2px; background:#222; display:block; width:26px; position:absolute; left:5px; top:8px; border-radius:2px; transition:all .35s ease;}
.menu-handler .burger-2{top:15px;}
.menu-handler .burger-3{top:22px;}
.menu-handler.active .burger-1{top:15px; transform:rotate(225deg);}
.menu-handler.active .burger-2{opacity:0;}
.menu-handler.active .burger-3{top:15px; transform:rotate(-225deg);}
.nav-mask{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,10,30,.55); z-index:1001; display:none;}
body.menu-open .nav-mask{display:block;}
.language{display: flex; align-items: center; justify-content: center;height: 100%;gap:12px;position: relative;padding-left: 37px;}
.language::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);height: 24px;border-left: 1px solid #bfbfbf;left: 0;}
.language a{width: 28px;height: 28px;line-height: 28px;text-align: center;background: #dadada;border-radius: 100%;transition: all .35s ease;}
.language a.active{background: var(--sel);color: var(--white);}
.language a:hover{background: var(--sel);color: var(--white);}
.banner{position:relative;}
.banner .swiper-slide{width:100%;}
.banner .swiper-slide{position:relative; overflow:hidden;}
.banner .banner-bg{background-position:center; background-size:cover; background-repeat:no-repeat; -webkit-transform:scale(1.06); transform:scale(1.06); transition:transform 6s ease;}
.banner .img100.pc-show img{height:calc(82vh - 80px);object-fit:cover;}
.banner .swiper-slide-active .banner-bg{-webkit-transform:scale(1); transform:scale(1);}
/* .banner .swiper-slide:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(90deg, rgba(4,28,66,.62) 0%, rgba(8,55,120,.42) 55%, rgba(10,80,160,.12) 100%); z-index:1; }*/
.banner-text{position:relative; z-index:2; height: 100%; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:flex-end; justify-content:flex-end; position:absolute; left:0; top:0; width:100%; height:100%;}
.banner-des{text-align:right; padding-bottom:70px;}
.banner-des .b1{color:var(--white); font-size:60px; font-weight:bold;line-height:1.5; text-shadow:0 6px 24px rgba(2,20,60,.4);}
.banner-des .b2{color:rgba(255,255,255,.92); font-weight:bold; font-size:36px; text-shadow:0 4px 16px rgba(2,20,60,.4);}
.banner .swiper-slide .banner-des{opacity:0;}
.banner .swiper-slide-active .banner-des{animation:slideUp 1s .2s both ease-out;}
.banner .banner-pagination{bottom:50px; text-align:center; z-index:3; position:absolute; left:50%; transform:translateX(-50%);}
.banner .banner-pagination .swiper-pagination-bullet{width:10px; height:10px; background:rgba(255,255,255,.4); opacity:1; margin:0 10px;}
.banner .banner-pagination .swiper-pagination-bullet-active{background:var(--sel);}
.section-tit h3{position:relative; font-size:42px; color:#333333; font-weight:bold;line-height:1.2;}
.padding-tb90{padding:90px 0;}
.home-news{background:var(--white);}
.news-top{margin-bottom:40px;}
.section-tit.fl{padding-top:6px;}
.news-tabs{padding-top:14px;}
.news-tabs span{display:inline-block; margin:0 15px 0 15px; font-size:18px; color:#6f6f6f; cursor:pointer; transition:all .3s;}
.news-tabs span:hover{color:var(--sel);}
.news-tabs span.on{color:var(--sel); font-weight:bold; border-bottom-color:var(--sel);}
.news-flex{margin-top:8px; display:flex;justify-content:space-between;}
.news-feature{width:49%;}
.news-feature .imgscale{display:block; overflow:hidden; border-radius:10px;height: 100%;}
.news-feature .imgscale .img100{display:block;height: 100%;padding-bottom:68%;}
.news-feature .imgscale .img100:before{background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));content:"";position: absolute;bottom:0;width:100%;left:0;height:30%;z-index:1;}
.news-feature .imgscale img{height: 100%;}
.nf-info{padding:22px 0 0; position:absolute;bottom:0;left:0;width:100%;padding: 35px 30px;z-index:5;}
.nf-date{color:var(--white);font-size:16px;}
.nf-tit{display:block; margin-top:10px; font-size:18px; color:var(--white);line-height:1.6; transition:color .3s;}
a.nf-tit:hover{color:var(--sel);}
.news-lists{width:49%; border-bottom:1px solid #eee;}
.news-list li{display:block;}
.news-list li a{display:-webkit-flex; display:block;align-items:center; padding:15px 2px; border-top:1px solid #eee; padding-left:30px;position:relative;}
.news-list li a .arw{-webkit-flex:none; flex:none; margin-right:12px; font-size:22px; line-height:1; color:var(--sel); font-family:simsun, serif; position: absolute;left:10px;}
.news-list li a .txt{-webkit-flex:1; flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; transition:color .3s; margin-bottom:5px;display:block;}
.news-list li a .date{-webkit-flex:none; flex:none; color:#b3b3b3; font-size:16px; display: block;}
.news-list li a:hover{background:#f9f9f9;}
.news-list li a:hover .txt{color:var(--sel);}
.tab-panel{display:none;}
.tab-panel.on{display:flex;}
.mg-bt90{margin-bottom:90px;}
.z-index9{z-index: 9;}
.jjfa-list li{height: 800px;max-height: calc(100vh - 180px); width: 16.25%;text-align: center;transition: all .4s;position: relative;margin-right: 0.5%;background: rgba(0,0,0,1);}
.jjfa-list{position: relative;z-index: 9;display: flex;}
.jjfa-list li:last-child{border-right: none;position: absolute;right: 0;top:0;height: 100%;margin-right: 0;}
.jjfa-bg img{object-fit: cover;opacity: 0.5;transition: all .4s;}
.jjfa-list li.active{width: 36.11%;background: rgba(0,0,0,0.5);}
.jjfa-list li.active img{opacity: 1;}
.jjfa-list li.sm{width: 12.22%;}
.jjfa-list li .relative{height: 100%;display: flex;align-items: center;justify-content: space-between;flex-direction: column;padding: 60px 0;transition: all .4s;}
.jjfa-list li .relative img{width: 50px;transition: all .4s;}
.jjfa-list li:hover .relative img{width: 66px;}
.jjfa-list li .relative h3{font-size: 24px; font-weight:bold;transition: all .4s;}
.jjfa-list li:hover .relative h3{font-size: 30px;}
.w1800{width: 1800px;max-width: 92%;margin: 0 auto;}
.jjfa-list li.active .relative{align-items: flex-start;padding-left: 10%;}
.page-banner{position:relative;background:#16315f; overflow:hidden;}
.page-banner .page-banner-bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.crumb{position:absolute; left:0; bottom:34px; font-size:14px; color:#d7e3f3; letter-spacing:1px;}
.crumb a{color:#a9c3e4; transition:color .3s;}
.crumb a:hover{color:var(--white);}
.crumb i{margin:0 10px; font-style:normal; color:#6e89ad;}
.crumb span{color:var(--white);}
.page-banner h2{font-size:60px; font-weight:bold; letter-spacing:6px; color:var(--white); text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);}
.page-subnav{background:#f5f5f5; border-bottom:1px solid #eef1f5; box-shadow:0 8px 24px rgba(30,60,120,.05);}
.sub-tabs{text-align:center;}
.sub-tabs li{display:inline-block; margin:0 34px;}
.sub-tabs li a{position:relative; display:block; padding:24px 0 20px; color:#848484; font-size:16px; transition:color .3s;}
.sub-tabs li a:after{content:''; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:var(--sel); -webkit-transform:translateX(-50%); transform:translateX(-50%); transition:width .3s;}
.sub-tabs li a:hover{color:var(--sel);}
.sub-tabs li.on a{color:var(--sel); font-weight:bold;}
.sub-tabs li.on a:after{width:100%;}
.sub-tabs li a:hover:after{width:100%;}
.page-main{padding:90px 0; background:var(--white);}
.des-565656 p{color:#565656;}
.des-indent p{text-indent:2em;}
.title42{font-size:42px;}
.font-bold{font-weight:bold;}
.title-line{width: 110px; height: 5px; background: var(--sel); display:inline-block;border-radius: 5px;}
.footer{background:var(--foot);}
.footer-main{padding:62px 0 58px;}
.foot-nav{float:left; width:calc(100% - 300px); display:-webkit-flex; display:flex;}
.f-col{-webkit-flex:1; flex:1; padding-right:14px;}
.f-col dt{margin-bottom:6px; padding-bottom:14px; color:var(--white); font-size:18px;position:relative;}
.f-col dd{display:block; margin-top:11px;}
.f-col dd a{display:inline-block; color:#9c9c9c; font-size:16px; line-height:1.6; transition:all .3s;}
.f-col dd a:hover{color:var(--white); padding-left:6px;}
.foot-contact{float:right;}
/* .ft-tel{ color:#fff;}.ft-mail{ color:#fff; }*/
.ft-qr{width:120px; margin-top:26px;}
.ft-qr img{width:100%; display:block;}
.ft-qr span{display:block; margin-top:8px; text-align:center; color:#9c9c9c; font-size:12px;}
.footer-bottom{font-size: 16px;}
.footer-bottom .w1500{padding:22px 0; color:var(--white); border-top: 1px solid #484848;display: flex;justify-content: space-between;align-items: center;}
.footer-bottom .links a{color:var(--white); margin:0 6px; transition:all .3s; opacity: 0.5;}
.footer-bottom .links a:hover{opacity: 1;}
.footer-bottom .links i{margin:0 2px; font-style:normal; color:#565656;}
.footer-bottom .copy{color:#878787; display: flex;justify-content: space-between;flex-direction: row-reverse;gap:24px;align-items: center;}
.footer-bottom .copy p{font-size: 14px;}
.foot-contact-top{display: flex; flex-direction: column; gap: 12px;}
.foot-contact-top p{display: flex; align-items: center;gap:12px;word-break: break-all;}
.foot-contact-top p img{width: 32px;border: 1px solid var(--white);border-radius: 50%;}
.share-hide{position: absolute;width: 120px;height: 120px;bottom:40px;left: 50%;margin-left: -60px;display: none;padding: 4px;background: var(--white);border-radius: 8px;}
.share-hide img{width: 100%;height: 100%;}
.footer-share{display: flex; gap: 15px;}
.footer-share a.active .share-hide{display: block;}
.footer-bot-right a{position: relative;border-radius: 100%; opacity: 1;}
.footer-bot-right a > img{width: 32px;;}
.cards:after{content:''; display:table; clear:both;}
.cards > li{float:left;}
.cards.col2 > li{width:49%;margin-right:2%; margin-bottom:2%;}
.cards.col2 > li:nth-child(2n){margin-right:0;}
.cards.col3 > li{width:32%;margin-right:2%; margin-bottom:2%;}
.cards.col3 > li:nth-child(3n){margin-right:0;}
.card{display:block; background:var(--white); overflow:hidden; transition:box-shadow .3s, border-color .3s, transform .3s;}
.card .pic{position:relative; display:block; overflow:hidden; background:#eef2f7;}
.card .pic img{width:100%; display:block; -webkit-transition:transform .5s ease; transition:transform .5s ease;}
.card:hover .pic img{-webkit-transform:scale(1.07); transform:scale(1.07);}
.card .info{padding:20px 0;border-bottom:3px solid var(--white);}
.card .info h4{font-size:18px; color:#232323; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color .3s;}
.card:hover .info h4{color:var(--sel);}
.card:hover .info{border-color:var(--sel);}
.card:hover .time1 span{color:var(--sel);}
.card:hover .time1 img{filter: none;}
.card .info .sub{margin-top:6px; font-size:13px; color:#98a2b0;}
.card .info p{margin-top:10px; font-size:14px; color:#66707d; line-height:2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.card-col2 .info h4{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis;white-space: wrap;height: 51px;}
.play87{width:87px;height:87px;background:url(../images/play174.png) no-repeat center center;background-size:100% 100%;display:inline-block;}
.psterfh{background:rgba(0,0,0,0.2);transition:all .4s;}
.card:hover .psterfh{background:transparent;}
.pager{text-align:center;}
.pager a,.pager span{display:inline-block; min-width:38px; height:38px; line-height:36px; margin:4px; padding:0 6px; border:1px solid #dde3ea; border-radius:4px; color:#666; font-size:14px; background:var(--white); -webkit-transition:all .25s; transition:all .25s;}
.pager a:hover,.pager span.on{background:var(--sel); border-color:var(--sel); color:var(--white);}
.pager .prev,.pager .next{padding:0 16px;}
.art-detail h1{font-size:30px; color:#141414; text-align:center; letter-spacing:2px;}
.art-detail .art-meta{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; gap:28px; margin:18px 0 0; padding:18px 0 26px; border-bottom:1px solid #eef1f5; color:#a2a2a2; font-size:16px;}
.art-detail .art-body{margin-top:30px; font-size:16px; color:#4c4c4c; line-height:2.1;}
.art-detail .art-body p{margin:0 0 18px; text-align:justify; text-indent:2em;}
.art-detail .art-body img{display:block; max-width:100%; margin:22px auto;}
.art-detail .art-body h3,.art-detail .art-body h4{margin:24px 0 12px; color:#1c1c1c;}
.art-detail .art-prev{display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; gap:20px; margin-top:44px; padding-top:22px; border-top:1px solid #eef1f5; font-size:15px;}
.art-detail .art-prev a{color:#8a8a8a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.art-detail .art-prev a:hover{color:var(--sel);}
.art-detail .back-btn{display:block; width:130px; margin:30px auto 0; text-align:center; padding:10px 0; border:1px solid #d7dde5; border-radius:4px; color:#666; font-size:14px; -webkit-transition:all .3s; transition:all .3s;}
.art-detail .back-btn:hover{background:var(--sel); border-color:var(--sel); color:var(--white);}
.art-detail video{display:block;margin:0 auto;width:880px;max-width:100%;}

.btn{display:inline-block; padding:10px 36px; border-radius:4px;border:1px solid var(--sel); color:var(--sel); font-size:18px; -webkit-transition:all .3s; transition:all .3s; min-width: 180px;text-align:center;}
.btn:hover{background:var(--sel); color:var(--white);}
a:hover .btn{background:var(--sel); color:var(--white);}
.ny-nav-er a{font-size: 18px;color:var(--sel);width:180px;line-height:46px;text-align:center;display:inline-block;margin:0 4px;border:1px solid var(--sel);border-radius:8px;transition:all .4s;}
.ny-nav-er a.active{color:var(--white);background:var(--sel);}
.ny-nav-er a:hover{color:var(--white);background:var(--sel);}
.title36{font-size:36px;}
.title30{font-size:30px;}
.title-fff,.title-fff h3{color:var(--white);}
.title-box{display:inline-block;position:relative;}
.title-box .title30{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;display:flex;padding-top:15px;}
.mg-bt100{margin-bottom:100px;}
.font-italic{font-style:italic;}
.show-456{display:none;}
.show-456 li{display:flex;align-items:center;margin-bottom:30px;}
.show-456 ul{display:flex;justify-content:space-between;flex-wrap:wrap;width:720px;margin:50px auto 0;}
.show-456 span{color:var(--sel);}
.des24 p{font-size:24px;}
.show-456 li:last-child{margin-bottom:0;}
.shzr-one{min-height:500px;display: flex;align-items:flex-end;justify-content:center;padding:100px;flex-direction:column;}
.shzr-one p{width:550px;max-width:100%;text-align:right;}
.radius10{border-radius:10px;}
.shzr-one{position:relative;z-index:1;}
.shzr-one::after{content:'';position:absolute;right:0;top:0;width:60%;height:100%;background-image:linear-gradient(to right, rgba(51,51,51,0) 0%,rgba(51,51,51,0.8) 30%, rgba(51,51,51,1) 100%);z-index:-1;border-radius:10px;}
.des-666{font-size:16px;}
.dlxzswiper .swiper-slide a{display:block;padding: 10px;background:#f2f2f2;border:1px solid #f2f2f2;transition:all .4s;}
.dlxzswiper .swiper-slide a .des18{padding:20px;height:100px;}
.dlxzswiper .swiper-slide a:hover{border-color:var(--sel);background:var(--white);}
.dlxzswiper p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.swiperDot{margin-top: 30px;}
.swiperDot .swiper-pagination-bullet{width:12px;height:12px;opacity:1;background:#cccccc;margin:0 4px;transition:all .3s;border:2px solid var(--white);}
.swiperDot .swiper-pagination-bullet-active{border-color:var(--sel);background: var(--white);}
.djhot-a{display: flex;flex-wrap: wrap;justify-content: space-between;background:#f4f4f4;}
.djhot-img{width: 50%;padding-bottom: 33%;}
.djhot-img img{object-fit: cover;}
.djhot-con{width: 50%;padding: 60px;}
.djhot-con p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.time1{display:flex;align-items:center;gap:6px;}
.time1 img{width:16px;filter: grayscale(100%) opacity(0.3);transition:all .4s;}
.imgcover{position: absolute;width: 100%;top:0;height: 100%;left: 0;object-fit: cover;}
.imgcontain{position: absolute;width: 100%;top:0;height: 100%;left: 0;object-fit: contain;}

.title32{font-size:32px;}
.des-6f6f6f p{color:#6f6f6f;}
.time1 span{font-size:16px;color:#bbb;transition:all .4s;}
.ckxx{background:var(--sel);color:var(--white);display:inline-block;line-height:48px;text-align:center;font-size: 18px; border-radius:8px;width:180px;}
.mg-t30{margin-top:30px;}
.des-title24 h3{font-size:24px;transition:all .4s;}
.des-8d8d8d p{color:#8d8d8d;}
.xw-list li{display: block;margin-top:-1px;}
.xw-list li a{display: flex;justify-content: space-between;align-items: center;padding: 40px 0;border-bottom: 1px solid #ececec;border-top: 1px solid #ececec; flex-direction: row-reverse;transition:all .4s;}
.xwimg{width: 300px;}
.xwimg .img100{padding-bottom: 66.66%;}
.xw-con{width: calc(100% - 500px);}
.xw-list li a:hover{border-color:var(--sel);z-index:9;position:relative;}
.xw-time{width:104px;position: relative; color:#a4a4a4;transition:all .4s;}
.xw-time span{font-size:60px;font-weight:lighter;}
.xw-time .i{position:absolute;top:50%;transform: translateY(-50%);right:0;width:10px;height:10px;background:#afafaf;border-radius:50%;transition:all .4s;}
.xw-list li a:hover .xw-time{color:var(--sel);}
.xw-list li a:hover .xw-time .i{background:var(--sel);}
.xw-list li a:hover h3{color:var(--sel);}
.xw-con p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px){
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.des-5b5b5b p{color:#5b5b5b;}
.padding45{padding:45px;}
.des-wai-line{border:1px dashed #afafaf;}
.yaodian-img{padding: 6px;background: var(--white);transition: all .4s;}
.preview h3{color: #686868;font-weight: bold;height: 100px;display: flex;align-items: center;justify-content: center;}
.preview .swiper-slide{cursor: pointer;width: 11.11%;text-align: center;}
.preview::before{content:'';position: absolute;width: 100%;bottom:12px;border-bottom: 3px dashed #a88e85;}
.yaodiandot{position: absolute;width: 26px;height: 26px;border-radius: 50%;background: var(--white);bottom:0;left: 50%;transform: translateX(-50%);opacity: 0;transition: all .4s;}
.yaodiandot::before{position: absolute;content: "";top:3px;right: 3px;bottom: 3px;left: 3px;border-radius: 50%;background: var(--sel);}
.preview .swiper-slide.active-nav .yaodiandot{opacity: 1;}
.preview .swiper-slide.active-nav h3{color: var(--sel);}
.preview .swiper-slide:hover .yaodiandot{opacity: 1;}
.preview .swiper-slide:hover h3{color: var(--sel);}
.view .swiper-slide-next .yaodian-img{transform: scale(0.5);transform-origin: left center;}
.view .swiper-slide-prev .yaodian-img{transform: scale(0.5);transform-origin: right center;}
.arrows{width: 50px;height: 50px;position: absolute;top:50%;transform: translateY(-50%);}
.arrow-left{left: 0;background: url(../images/left.png) no-repeat center;background-size: cover;}
.arrow-right{right: 0;background: url(../images/right.png) no-repeat center;background-size: cover;}
.preview .w1500{padding: 0 50px;}
.djrl-list li a{background: #f4f4f4;border:none !important;padding: 30px;}
.djrl-list li a:hover{background-color: rgb(255, 255, 255);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.djrl-list li{margin-bottom: 20px;}
.djrl-list li:last-child{margin-bottom: 0;}
.jjrz-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.jjrz-page{width: 48.66%;margin-right: 2.68%;margin-bottom: 2.68%;background: #f4f4f4;overflow: hidden;}
.jjrz-page:nth-child(2n){margin-right: 0;}
.bg-6a6a6a{background: #6a6a6a;}
.jjrz-top{padding: 16px;display: flex;justify-content: space-between;align-items: center;}
.jjrz-top img{display: block;width: 24px;}
.arw-dot{width: 12px;height: 12px;border:2px solid var(--sel);border-radius: 50%;position: absolute;left: 5px;top:21px;}
.jjrz-dt li a{border-color: #e2e2e2;}
.jjrz-dt li:first-child a{border-color: transparent;}
.jjrz-dt{border-top: 2px solid var(--sel);margin-top: 2px;padding:24px;}
.bg-fff{background: var(--white);}
.jdjb-left{display: flex;justify-content: space-between;flex-direction: column;gap:10px;}
.padding30{padding: 30px;}
.ljgh{display: flex;justify-content: center;align-items: center;height: 95px;}
.ljgh img{width: 305px;max-width: 80%;}
.jdjb-left{width: 59%;}
.des-title20 h3{font-size: 20px;}
.jbfs{border-top: 1px solid #ececec;margin-top: 15px;}
.jbfs li{display: flex;margin-top: 10px;}
.jbfs li p:nth-child(2){width: calc(100% - 87px);}
.jjrz-jdhy{display: flex;justify-content: space-between;flex-wrap: wrap;}
.jdjb-right{width: 39.7%;display: flex;justify-content: space-between;flex-direction: column;gap:10px;}
.jdjb-right a{display: flex;flex:1;align-items: center;padding: 25px;justify-content: space-between;align-items: center;border:1px solid var(--white);transition: all .4s;}
.jdjb-right a:hover{border-color: var(--sel);}
.jdjb-right a:hover h3{color: var(--sel);}
.jbfser{padding: 15px 30px 30px;}
.jdjb-right img{width: 36px;}
.jjrz-page-gqfgz{width: 100%;margin-right: 0 !important;}
.gqfgzplay-box{display: flex;justify-content: space-between;align-items: center;}
.gqfgzplay{width: 530px;}
.gqfgzplay-box ul{width: calc(100% - 550px);}
.gqfgzplay .swiperDot2{position: absolute;left: 0;bottom: 15px;z-index: 9;width: 100%;}
.news-feature .swiperDot2{position: absolute;left: 0;bottom: 10px;z-index: 9;width: 100%;}
.swiperDot2 .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background: #c9c3cf;opacity: 1;border:2px solid transparent;margin: 0 5px;}
.swiperDot2 .swiper-pagination-bullet-active{background: transparent;border-color: var(--sel);}
.li-b30 li{margin-bottom: 30px;}
.xxdl-list{display: flex;flex-wrap: wrap;}
.xxdl-item{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.des-939393 p{color: #939393;}
.xxdl-item:hover h3{color: var(--sel);}
.xxdl-list li{margin-bottom: 80px;}
.page-position{padding: 30px 0;}
.page-position *{color: #a2a2a2;font-size: 16px;}
.page-position span{color: #1b3c4e;}
.padding50{padding: 50px;}
.yjtx-top{border:1px solid #d6d6d6;}
.des-656565 p{color: #656565;}
.border-d6d6d6{border:1px solid #d6d6d6;transition: all .4s;}
.fatd-list li{display: flex;justify-content: space-between;}
.fatd-list .img100{width: 100px;}
.fatd-list .img{background:var(--sel);border-radius: 50%;}
.fatd-con{width: calc(100% - 160px);}
.xgcp-list{display:block;}
.xgcp-list a:hover .border-d6d6d6{border-color: var(--sel);}
.xgcp-list a:hover p{color: var(--sel);}
.bg-f2f2f2{background: #f2f2f2;}
.title24{font-size: 24px;}
.cp-left{position: absolute;top:0;left: 0;}
.cp-right{margin-left: 300px;}
.des-7b7b7b p{color: #7b7b7b;}
.cp-list li a{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;height: 100%;transition: all .4s;}
.cp-con{width: calc(100% - 160px);padding-top: 10px;}
.cp-img{width: 120px;}
.cp-list li a:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.cp-list li a:hover h3{color: var(--sel);}
.cpfl-a li{display: flex;align-items: center;margin-bottom: 20px;cursor: pointer;}
.cpfl-a li .dot{width: 7px;height: 7px;background: #6d6d6d;border-radius: 50%;margin-right: 16px;position: relative;}
.cpfl-a li .dot::before{content: '';position: absolute;top:-3px;left:-3px;bottom: -3px;right:-3px;background: var(--sel);border-radius: 50%;opacity: 0;}
.cpfl-a li *{transition: all .4s;}
.cpfl-a li .line{width: 30px;border-top: 1px solid #b6b6b6;}
.cpfl-a li:last-child{margin-bottom: 0;}
.cpfl-a li.active .line{border-top-color: var(--sel);}
.cpfl-a li.active .dot{background: var(--sel);transform: scale(1.2);}
.cpfl-a li.active .dot::before{opacity: 0.3;}
.cpfl-a li.active p{color: var(--sel);}
.cpfl-a li:hover .line{border-top-color: var(--sel);}
.cpfl-a li:hover .dot{background: var(--sel);transform: scale(1.2);}
.cpfl-a li:hover .dot::before{opacity: 0.3;}
.cpfl-a li:hover p{color: var(--sel);}
.cpfl-a::before{content: '';position: absolute;top: 12px;left:0;bottom:12px;border-right: 1px solid #b6b6b6;}
.cpxq-top{display: flex; justify-content: space-between;flex-wrap: wrap;}
.cpxq-img{width: 480px;text-align: center;}
.cpxq-img img{max-width: 100%;}
.cpxq-con{width: calc(100% - 540px);}
.des-justify p{text-align: justify;}
.cpts-dot{width: 30px;height: 30px;border-radius: 50%;background: var(--sel);display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 18px;font-weight: bold;position: relative;z-index: 1;}
.cpts-dot::before{content: '';position: absolute;top: -5px;left:-5px;bottom: -5px;right:-5px;background: var(--sel);opacity: 0.3;border-radius: 50%;z-index: -1;}
.cpts-list li{display: flex;justify-content: space-between;}
.cpts-list{display: flex;flex-wrap: wrap;}
.cpts-con{width: calc(100% - 60px);}
.padding20{padding: 20px;}
.des-646464 p{color: #646464;}
.lxfs-list{display: flex;flex-wrap: wrap;}
.lxfs-list li{background: #f7f7f7;padding: 10px;text-align: center;padding: 50px 25px 25px;min-height: 304px;}
.lxfs-list img{width: 53px;}
.lxfs-list span{font-size: 18px;display: block;font-weight: bold;}
.lxwm-lxfs li{width: 16%;margin-right:0.8%;}
.lxwm-lxfs li:last-child{margin-right: 0;}
.lxwm-lxfs li p{word-break: break-all;}
.padding40{padding: 40px;}
.zgs-items{display: flex;justify-content: space-between;margin-bottom: 10px;}
.zgs-items:last-child{margin-bottom: 0;}
.zgs-items img{width: 16px;display: block;margin-top: 9px;}
.zgs-items p:nth-child(2){width: calc(100% - 30px);}
.zgs-list{display: flex;flex-wrap: wrap;}
.color-fff{color: var(--white);}
.rczp-index{background: rgba(255,255,255,0.95);display: flex;justify-content: space-between;flex-wrap: wrap;}
.rczp-index-page{padding: 100px;width: 50%;position: relative;}
.btn20{font-size: 20px;border:1px solid #bcbcbc;border-radius: 8px;display: inline-block;line-height: 50px;padding: 0 20px;text-align: center;min-width: 200px;color: #595959;transition: all .4s;}
.rczp-index-area{display: flex;flex-wrap: wrap;}
.rczp-index-area a{width: 48%;margin-top: 4%;margin-right: 4%;}
.rczp-index-area a:nth-child(2n){margin-right: 0;}
.rczp-index-page img{width: 113px;}
.rczp-box{min-height: calc(100vh - 80px);display: flex;justify-content: center;align-items: center;}
.rczp-index-page::before{content: '';position: absolute;top: 100px;right: 0;bottom: 100px;border-right:1px solid #e2e3e3;}
.btn20:hover{background: var(--sel);color: var(--white);border-color: var(--sel);}
.shzp-left{position: sticky;
    top: 100px;          /* header 是 80px，留 20px 余量 */
    left: auto;          /* 取消原来的 left:0 */
    width: 260px;
    flex-shrink: 0;      /* 防止被压缩 */
    align-self: flex-start;
    z-index: 10;}
.shzp-right{flex: 1;
    min-width: 0;
    margin-left: 20px;}
.padding10{padding: 10px;}
.padding-b80{padding-bottom: 80px;}
.title18{font-size: 18px;}
.shzp-left-title{padding:12px;display: flex;align-items: center;justify-content: space-between;}
.shzp-left-title img{height: 12px;}
.shzp-left-content a{display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;margin-bottom: 1px;}
.des-636363 p{color: #636363;}
.shzp-left-content a.active{background: #f2f2f2;}
.shzp-left-content a.active p{color: var(--sel);}
.min-height{min-height: calc(100vh - 80px);}
.shzp-left-content a:hover{background: #f2f2f2;}
.shzp-left-content a:hover p{color: var(--sel);}
.title20{font-size: 20px;}
.color-e20a17{color: var(--sel);}
.shzp-right-list-item{display: flex;justify-content: space-between;flex-wrap: wrap;}
.shzp-right-list li{display: block;transition: all .4s;}
.shzp-right-list li a{display: block;}
.shzp-right-list li:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.shzp-right-list li:hover .title20{color: var(--sel);}
.des-adadad p{color: #adadad;}
.shzp-ms{display: flex;justify-content: space-between;gap:50px;}
.job-s{width: 800px;max-width:100%;margin:0 auto 30px;background: #fff;border-radius: 25px;overflow: hidden;}
.job-s input{display: block;height: 50px;font-size: 16px;width: 100%;padding: 0 20px;box-sizing: border-box;}
.jobs-btn{position: absolute;top: 0;right: 0;height: 50px;width: 50px;background: url(../images/s.png) no-repeat center;background-size: cover;}
.s-none{height: 640px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.des-808080 p{color: #808080;}
.none-con img{width: 225px;}
.border-b{border-bottom: 1px solid #e5e5e5;}
.toudiyouxian{position: absolute;top: 30px;right: 30px;display: flex;gap: 10px;}
.toudiyouxian a{min-width: 140px;position: relative;}
.des-949494 p{color: #949494;}
.gwfx{position: absolute;top: 100%;left:50%;transform: translateX(-50%);margin-top: 20px;width: 180px;text-align: center;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);z-index: 9;background: var(--white);border-radius: 10px;display: none;}
.gwfx::before{content: '';position: absolute;top: -10px;left: 50%;height: 20px;width: 20px;background: var(--white);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);transform: rotate(45deg);z-index: -1;margin-left: -10px;}
.gwfx p{font-size: 14px;}
.gwfx img{width: 120px;}
.gwfx-content{position: relative;padding: 15px;}
.toudiyouxian a:hover .gwfx{display: block;}
.zzcx-box{min-height: 200px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.zzcx-content{width: 600px;max-width: 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;border-radius: 25px;justify-content: space-between;}
.zzcx-content input{display: block;height: 50px;font-size: 16px;width:calc(100% - 150px);}
.cx-btn{font-size: 18px;width: 90px;text-align: center;line-height: 40px;border-radius: 20px;background: var(--sel);color: var(--white);cursor: pointer;margin-right:5px;}
.zzcx-content img{width: 50px;}
.rs-con img{width: 708px;max-width: 100%;}
.meeting{width: 100%;border: 1px solid #e9e9e9}
.meeting table{width: 100%;border: 1px solid #e9e9e9}
.meeting table td{border:1px solid #e9e9e9;height: 50px;padding: 5px 20px;}
.meeting tr:first-child td{background: #f8f8f8;}
.meeting tr td[rowspan="2"]{font-size: 18px;background: #f7f7f7;}
table{border-collapse:collapse;}
.mon{font-size: 48px;color: #333;}
.meeting:hover tr:first-child td{background: #fff2f3;}
.meeting:hover tr td[rowspan="2"]{background: #ffe6e8;color: var(--sel);}
.meeting:hover tr td[rowspan="2"] span{color: var(--sel);}
.meeting:hover p{color: #3a3a3a;}
.preview1{width: 830px;max-width: 100%;margin: 0 auto 60px;}
.preview1 .swiper-slide{width: 20%;text-align: center;cursor: pointer;}
.dt98x span{display: block;font-size: 22px;color: #ababab;margin-bottom: 10px;}
.dt98x .dot{width: 28px;height: 28px;border-radius: 50%;background: rgba(0,0,0,0.1);margin:0 auto;position: relative;}
.dt98x .dot::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16px;height: 16px;border-radius: 50%;background: #c0c0c0;}
.preview1 .swiper-container::before{content: '';position: absolute;bottom: 13px;left: 0;width: 100%;z-index: -1;border-top: 1px dashed #d2d2d2;}
.preview1 .swiper-slide.active-nav .dt98x .dot{background: rgba(226,10,23,0.2);}
.preview1 .swiper-slide.active-nav .dt98x .dot::before{background: rgba(226,10,23,1);}
.preview1 .swiper-slide.active-nav span{color:var(--sel);transform: scale(1.1);font-weight: bold;}
.arrows1{width: 50px;height: 50px;border-radius: 50%;background: rgba(0,0,0,0.1);position: absolute;bottom:0;}
.arrow-left1{left: 0;background: var(--sel) url(../images/1001.png) no-repeat center;background-size: cover;}
.arrow-right1{right: 0;background: var(--sel) url(../images/1002.png) no-repeat center;background-size: cover;}
.preview1 .swiper-container{position: relative;margin: 0 100px;}
.fwnr li{height: 360px;display: flex;justify-content: center;flex-direction: column;align-items: flex-end;text-align: right;}
.padding80{padding: 80px;}
.fwnr li:last-child{margin-bottom: 0;}
.fwic-list{display: flex;flex-wrap: wrap;}
.fwic-list li{width: 33.33%;position: relative;text-align: center;border-right: 1px solid #e2e2e2;}
.fwic-list li:last-child{border-right: none;}
.fwic-list img{width: 100px;max-width: 100%;}
.bg-e20a17{background:(var(--sel));}
.gzr{width: 980px;max-width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.gzr li{display: flex;align-items: center;}
.gzr-img img{width: 99px;max-width: 100%;}
.gzr-content{margin-left: 20px;}
.gzr-content p{line-height: 1.6;}
.fixed-style{position: fixed;z-index: 9990;width:100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;}
.zltc-content{width: 1220px;max-width: 92%;margin: 0 auto;padding: 35px;}
.padding24{padding: 24px;}
.color-424242{color: #424242;}
.input-page{display: flex;justify-content: space-between;margin-bottom: 20px;}
.input-content{width: calc(100% - 60px);}
.input-content .text{height: 50px;background: none;display: block;width: 100%;font-size: 18px;text-indent: 1em;}
.input-name p{line-height: 50px;}
.input-page-2{display: flex;flex-wrap: wrap;}
.input-page-2 .input-page{width: 48.5%;margin-right: 3%}
.input-page-2 .input-page:nth-child(2n){margin-right: 0;}
.input-page-2 .input-page:last-child{margin-bottom: 0;}
.xing{color: var(--sel);}
.input-content textarea{display: block;resize: none;width: 100%;font-size: 18px;background: none;padding: 0.7em 1em;}
.tj-btn{display: block;width: 280px;max-width: 100%;margin: 0 auto;}
.gb40{width: 40px;height: 40px;position: absolute;right: 20px;top:20px;cursor: pointer;background: #000 url(../images/gb80.png) no-repeat center;background-size: cover;border-radius: 50%;}
.des-5d5d5d{color: #5d5d5d;}
.gsgg-list li{display: block;margin-bottom: 30px;}
.gsgg-list li a{display: flex;justify-content: space-between;}
.gsgg-date{width: 100px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #f4f4f4;transition: all .4s;}
.gsgg-date span{font-weight: lighter;opacity: 0.4;transition: all .4s;}
.gsgg-date p{opacity: 0.4;transition: all .4s;}
.gsgg-title{border:1px solid #ebebeb;width: calc(100% - 110px);display: flex;align-items: center;justify-content: space-between;min-height: 100px;transition: all .4s;}
.pdfimg{width: 30px;}
.gsgg-title p{width: calc(100% - 40px);}
.gsgg-list li a:hover .gsgg-title{background: #fff1f2;border-color: #fff1f2;}
.gsgg-list li a:hover .gsgg-date{background: var(--sel);}
.gsgg-list li a:hover .gsgg-date *{color: var(--white);opacity: 1;}
.tzz-lxfs li{width: 31%;margin-right: 3.5%;min-height: 284px;}
.tzz-lxfs li:nth-child(3n){margin-right: 0;}
.swiperDot3{margin-top: 30px;}
.swiperDot3 .swiper-pagination-bullet{bottom: 50px;width: 10px;height: 10px;margin-right:10px;}
.swiperDot3 .swiper-pagination-bullet:last-child{margin-right: 0;}
.rylist{display: flex;flex-wrap: wrap;}
.rylist li{width: 19.2%;margin-right: 1%;}
.rylist li:last-child{margin-right: 0;}
.swiperDot3 .swiper-pagination-bullet-active{background: var(--sel);width: 30px;border-radius:10px;}
.ry-content{position: absolute;padding: 15px;left:0;width: 100%;top:15%;text-align: center;}
.ryimg{margin:0 auto -5%;position: relative;z-index: 5;width: 260px;max-width: 100%;padding-bottom:79.2%;display: flex;justify-content: center;align-items: center;}
.ryimg img{position: absolute;left: 50%;bottom:0; transform: translateX(-50%);max-width: 100%;max-height: 100%;width: auto;height: auto;}
.rylist li:nth-child(2){padding-top: 5%;}
.rylist li:nth-child(3){padding-top: 10%;}
.rylist li:nth-child(4){padding-top: 5%;}

.ry-swiper-box .li{transition: all .4s;overflow:hidden;}
.ry-swiper-box .swiper-slide-prev .li{padding-top: 20%;}
.ry-swiper-box .swiper-slide-active .li{padding-top: 40%;}
.ry-swiper-box .swiper-slide-next .li{padding-top: 20%;}

.ry-swiper-box .swiper-container{height:39vw;}


.timeline-item{display: flex;margin-bottom: -100px;}
.content-card{background: #fff3f4;border:1px solid #e20a17;min-height: 214px;}
.timeline-node{display: flex;justify-content: space-between;position: relative;}
.timeline-node span{color: var(--sel);}
.stage-tag{color: var(--white);background: var(--sel);text-align: center;display: flex;align-items: center;justify-content: center;width:calc(100% - 280px);}
.timeline-content{width: 50%;}
.timeline-item:nth-child(odd){flex-direction: row-reverse;}
.timeline-item:nth-child(odd) .timeline-content{padding-left: 130px;}
.timeline-item:nth-child(even) .timeline-content{padding-right: 130px;}
.timeline-item:nth-child(even) .timeline-node{flex-direction: row-reverse;}


.timeline-item:nth-child(5) .content-card{background: #fffbf5;border:1px solid var(--yellow);}
.timeline-item:nth-child(5) .stage-tag{background: var(--yellow);}
.timeline-item:nth-child(5) .timeline-node span{color: var(--yellow);}
.timeline-item:nth-child(6) .content-card{background: #fffbf5;border:1px solid var(--yellow);}
.timeline-item:nth-child(6) .stage-tag{background: var(--yellow);}
.timeline-item:nth-child(6) .timeline-node span{color: var(--yellow);}

.timeline-item:nth-child(3) .content-card{background: #f6f9ff;border:1px solid var(--blue);}
.timeline-item:nth-child(3) .stage-tag{background: var(--blue);}
.timeline-item:nth-child(3) .timeline-node span{color: var(--blue);}
.timeline-item:nth-child(4) .content-card{background: #f6f9ff;border:1px solid var(--blue);}
.timeline-item:nth-child(4) .stage-tag{background: var(--blue);}
.timeline-item:nth-child(4) .timeline-node span{color: var(--blue);}


/* ===== 发展历程：配色由后台字段 tone 决定，不再依赖 :nth-child 位置 =====
   原型是按第 3/4 个蓝色、第 5/6 个黄色写死的，改成字段后增删条目配色不会错位。
   默认（未标 tone）沿用红色主题；这里用类名显式覆盖上面按位置写的规则。 */
.timeline-item.tone-red{
    --tone: var(--sel);
    --tone-soft: #ffacb1;
    --tone-bg: #fff3f4;
}
.timeline-item.tone-blue{
    --tone: var(--blue);
    --tone-soft: #a4c2ff;
    --tone-bg: #f6f9ff;
}
.timeline-item.tone-yellow{
    --tone: var(--yellow);
    --tone-soft: #ffcd8d;
    --tone-bg: #fffbf5;
}
.timeline-item.tone-red .content-card,
.timeline-item.tone-blue .content-card,
.timeline-item.tone-yellow .content-card{background: var(--tone-bg);border-color: var(--tone);}
.timeline-item.tone-red .stage-tag,
.timeline-item.tone-blue .stage-tag,
.timeline-item.tone-yellow .stage-tag{background: var(--tone);}
.timeline-item.tone-red .timeline-node span,
.timeline-item.tone-blue .timeline-node span,
.timeline-item.tone-yellow .timeline-node span{color: var(--tone);}
.timeline-item.tone-red .yaerdot1,
.timeline-item.tone-blue .yaerdot1,
.timeline-item.tone-yellow .yaerdot1{background: var(--tone);}
.timeline-item.tone-red .yaerdot1::after,
.timeline-item.tone-blue .yaerdot1::after,
.timeline-item.tone-yellow .yaerdot1::after{background: var(--tone);}
.timeline-item.tone-red .yaerdot1 .i,
.timeline-item.tone-blue .yaerdot1 .i,
.timeline-item.tone-yellow .yaerdot1 .i{background: var(--tone-soft);}
.timeline-item.tone-red .yaerdot::before,
.timeline-item.tone-blue .yaerdot::before,
.timeline-item.tone-yellow .yaerdot::before{border-color: var(--tone);}
.timeline-item.tone-red .yaerdot2,
.timeline-item.tone-blue .yaerdot2,
.timeline-item.tone-yellow .yaerdot2{border-color: var(--tone);}
.timeline-item.tone-red .yaerdot2 .i,
.timeline-item.tone-blue .yaerdot2 .i,
.timeline-item.tone-yellow .yaerdot2 .i{background: var(--tone);}
.timeline-item.tone-red .yaerdot1 .line,
.timeline-item.tone-blue .yaerdot1 .line,
.timeline-item.tone-yellow .yaerdot1 .line{border-color: var(--tone);}


.yaerdot{position: absolute;top:0;z-index: 5;display: flex;align-items: center;justify-content: space-between;width: 100px;}
.yaerdot1{width: 50px;height: 50px;background: var(--sel);border-radius: 50%;position: relative;}
.yaerdot1 .i{top:7px;right: 7px;bottom:7px;left:7px;border-radius: 50%;background: #ffacb1;position: absolute;border:3px solid var(--white);}
.yaerdot1::after{content: '';position: absolute;width: 50%;height: 50%;background: var(--sel);left: 60%;top:25%; transform: rotate(45deg);z-index: -1;}
.yaerdot2{width: 18px;height: 18px;border-radius: 50%;background: #fff;border: 1px solid var(--sel);position: relative;}
.yaerdot2 .i{width: 8px;height: 8px;border-radius: 50%;background: var(--sel);position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.yaerdot .line{position: absolute;}
.yaerdot::before{content: "";border-top:1px solid var(--sel);width: 100%;top: 50%;left: 0;position: absolute;}

.yaerdot1 .line{height: 200px;border-left:4px dashed var(--sel);position: absolute;left: 50%;z-index: -1;margin-left: -2px;}

.timeline-item:nth-child(odd) .yaerdot{left: -120px;}
.timeline-item:nth-child(odd) .yaerdot1 .line{top:50%;transform: rotate(20deg);transform-origin: top;}
.timeline-item:nth-child(even) .yaerdot{right: -120px;flex-direction: row-reverse;}
.timeline-item:nth-child(even) .yaerdot1{transform: rotate(180deg);}
.timeline-item:nth-child(even) .yaerdot1 .line{bottom:50%;transform: rotate(-20deg);transform-origin: bottom;}
.timeline-item:last-child .yaerdot1 .line{display: none;}

.timeline-item:nth-child(3) .yaerdot1{background: var(--blue);}
.timeline-item:nth-child(3) .yaerdot1::after{background: var(--blue);}
.timeline-item:nth-child(3) .yaerdot::before{border-color: var(--blue);}
.timeline-item:nth-child(3) .yaerdot2{border-color: var(--blue);}
.timeline-item:nth-child(3) .yaerdot2 .i{background: var(--blue);}
.timeline-item:nth-child(3) .yaerdot1 .line{border-color: var(--blue);}
.timeline-item:nth-child(3) .yaerdot1 .i{background: #a4c2ff;}

.timeline-item:nth-child(4) .yaerdot1{background: var(--blue);}
.timeline-item:nth-child(4) .yaerdot1::after{background: var(--blue);}
.timeline-item:nth-child(4) .yaerdot::before{border-color: var(--blue);}
.timeline-item:nth-child(4) .yaerdot2{border-color: var(--blue);}
.timeline-item:nth-child(4) .yaerdot2 .i{background: var(--blue);}
.timeline-item:nth-child(4) .yaerdot1 .line{border-color: var(--blue);}
.timeline-item:nth-child(4) .yaerdot1 .i{background: #a4c2ff;}

.timeline-item:nth-child(5) .yaerdot1{background: var(--yellow);}
.timeline-item:nth-child(5) .yaerdot1::after{background: var(--yellow);}
.timeline-item:nth-child(5) .yaerdot::before{border-color: var(--yellow);}
.timeline-item:nth-child(5) .yaerdot2{border-color: var(--yellow);}
.timeline-item:nth-child(5) .yaerdot2 .i{background: var(--yellow);}
.timeline-item:nth-child(5) .yaerdot1 .line{border-color: var(--yellow);}
.timeline-item:nth-child(5) .yaerdot1 .i{background: #ffcd8d;}

.timeline-item:nth-child(6) .yaerdot1{background: var(--yellow);}
.timeline-item:nth-child(6) .yaerdot1::after{background: var(--yellow);}
.timeline-item:nth-child(6) .yaerdot::before{border-color: var(--yellow);}
.timeline-item:nth-child(6) .yaerdot2{border-color: var(--yellow);}
.timeline-item:nth-child(6) .yaerdot2 .i{background: var(--yellow);}
.timeline-item:nth-child(6) .yaerdot1 .line{border-color: var(--yellow);}
.timeline-item:nth-child(6) .yaerdot1 .i{background: #ffcd8d;}
.vdposter{padding-bottom: 62.5%;}
.cp-left {
    position: sticky;
    top: 120px; /* 根据 header 高度调整，header 是 80px，留点余量 */
    align-self: flex-start;
    z-index: 10;
}
.cpbox {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative; /* 保留原有的 relative */
}
.cp-right {
    flex: 1;
    min-width: 0;
    margin-left: 0; /* 取消原来的 300px 左边距 */
    padding-left: 60px; /* 用 padding 代替原来的间距，可调整 */
}
.cp-list{display: flex;flex-wrap: wrap;}
.shzp-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative; /* 保留原有的 relative */
}

/* 投资者关系列表样式 */
.download-list{margin-top: 40px;}
.download-item{display: flex;justify-content: space-between;align-items: center;padding: 30px 40px;background: #fff;margin-bottom: 20px;border: 1px solid #ececec;transition: all .4s;}
.download-item:hover{border-color: var(--sel);box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.download-info{width: calc(100% - 180px);}
.download-info h3{margin-bottom: 10px;transition: all .4s;}
.download-item:hover h3{color: var(--sel);}
.download-info .time1{margin-top: 10px;}
.download-action{width: 140px;text-align: right;}
.btn-download{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;background: var(--sel);color: #fff;border-radius: 8px;font-size: 16px;transition: all .4s;}
.btn-download:hover{opacity: 0.9;color: #fff;}
.btn-download img{width: 20px;height: 20px;}




.backTop{position:fixed; bottom:10%; right:20px; z-index:444; cursor:pointer; display:none;width: 70px;height: 70px; background: #fff;border-radius: 100%;overflow: hidden;box-shadow:0 0 10px #eee;}
.backTop img{width: 100%;vertical-align: bottom;}
.backTop:hover img{animation:updown .6s linear;}


@keyframes updown{
    0%{transform: translateY(0);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
.preview.center .swiper-wrapper{justify-content:center;}
.news-34 li a{justify-content: space-between;display: flex;padding-left:0;}
.lxwm-khd li{flex:1;}
.img36556{padding-bottom:67%;}