/* ============================================
   News List & Detail Page Styles (ported)
   ============================================ */

/* Font Face Declaration */
@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Global Font Override */
* {
    font-family: 'HarmonyOS Sans SC', sans-serif !important;
}

:root{--mainColor:#4734F6;}
.contentWH1600{width:94.0625vw;height:auto;margin:0 auto;}
.contentWH1400{width:73.33%;height:auto;margin:0 auto;}
.contentWH1200{width:1200px;height:auto;margin:0 auto;}
.banner{width:100%;height:auto;position:relative;}
.banner_bg{width:100%;height:auto;}
.banner_bg img{width:100%;display:block;height:auto;}
.banner_content{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;}
.banner_content h1{font-size:48px;color:#FFFFFF;text-align:center;font-weight:700;}
.crumbs_box{width:100%;height:auto;border-bottom:1px solid #E1E1E1;}
.crumbs_content{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;}
.crumbs_content img{display:block;width:16px;height:auto;margin-right:5px;}
.crumbs_content a,.crumbs_content i{font-size:16px;color:#666666;font-style:normal;display:block;}
.crumbs_content i{margin:0 5px;}
.crumbs_content a{display:flex;justify-content:flex-start;align-items:center;}
.crumbs_content a:hover{color:var(--mainColor);}
.crumbs_content_left{display:flex;height:100%;justify-content:flex-start;align-items:center;}
.crumbs_content_right{display:flex;height:100%;justify-content:flex-end;}
.crumbs_content_right li{height:100%;position:relative;}
.crumbs_content_right li+li{margin-left:50px;}
.crumbs_content_right li a{display:flex;align-items:center;height:100%;color:#666666;}
.crumbs_content_right li:hover a,.crumbs_content_right li.on a{color:var(--mainColor);}
.crumbs_content_right li.on:after{content:"";display:block;width:100%;height:2px;background:var(--mainColor);position:absolute;left:0;bottom:-1px;}
.news_list_top_box{width:100%;height:auto;padding:80px 0;}
.news_list_top_sw{width:100%;height:auto;padding-bottom:42px;}
.news_list_top_sw .swiper-slide{border-radius:10px;overflow:hidden;background:#FAFAFA;height:auto;width:100%;}
.news_list_top_sw .swiper-slide a{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;}
.news_list_top_sw_img{width:42.86%;height:auto;overflow:hidden;}
.news_list_top_sw_img img{width:100%;height:auto;display:block;transition:all .3s;}
.news_list_top_sw_right{width:46.43%;height:auto;margin-left:50px;}
.news_list_top_sw_right_time{font-size:22px;color:var(--mainColor);}
.news_list_top_sw_right h2{font-size:20px;color:#333;line-height:1.4;font-family:"HarmonyOS Sans SC";margin-top:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_list_top_sw_right p{font-size:16px;color:#666;line-height:1.6;margin-top:34px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_list_top_sw_right span{display:flex;justify-content:center;align-items:center;width:170px;height:56px;border:1px solid var(--mainColor);border-radius:10px;font-size:20px;color:var(--mainColor);font-family:"HarmonyOS Sans SC";margin-top:30px;transition:all .3s;}
.news_list_top_sw .swiper-slide:hover .news_list_top_sw_img img{transform:scale(1.1);}
.news_list_top_sw .swiper-slide:hover .news_list_top_sw_right span{background:var(--mainColor);color:#fff;}
.news_list_top_sw_page{width:100%;bottom:0!important;}
.news_list_top_sw_page span{width:12px;height:12px;background:var(--mainColor);}
.news_list_bottom_box{width:100%;height:auto;margin-top:50px;}
.news_list_bottom_box li{width:100%;height:auto;margin-top:30px;background:#F2F5F8;border-radius:16px;overflow:hidden;transition:all .3s;}
.news_list_bottom_box li a{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;padding:46px 53px;}
.news_list_bottom_time{width:182px;height:auto;position:relative;}
.news_list_bottom_time:after{content:"";display:block;width:1px;height:130px;background:#c8c8c8;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.news_list_bottom_time strong{display:block;font-size:40px;color:var(--mainColor);text-align:center;}
.news_list_bottom_time span{display:block;font-size:20px;color:var(--mainColor);text-align:center;}
.news_list_bottom_right{width:79.7%;height:auto;}
.news_list_bottom_right h2{font-size:20px;color:#333;font-family:"HarmonyOS Sans SC";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s;}
.news_list_bottom_right p{font-size:16px;color:#666;line-height:1.6;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_list_bottom_right span{display:block;font-size:18px;color:var(--mainColor);margin-top:14px;transition:all .3s;}
.news_list_bottom_box li:hover .news_list_bottom_right h2{color:var(--mainColor);}
.news_list_bottom_box li:hover{box-shadow:0 0 21px 0 rgba(4,0,0,.15);}
.news_list_bottom_box li:hover .news_list_bottom_right span{text-decoration:underline;}
.news_page{width:100%;height:auto;display:flex;justify-content:center;margin-top:50px;}
.news_page li{width:40px;height:40px;opacity:.2;}
.news_page li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid #C0CCD9;background:var(--mainColor);font-size:18px;color:#fff;border-radius:4px;}
.news_page li+li{margin-left:8px;}
.news_page li.on,.news_page li.prev,.news_page li.next,.news_page li:hover{opacity:1;}
.news_page li.prev a,.news_page li.next a{background:transparent;}
.news_page li.prev a:hover,.news_page li.next a:hover{background:var(--mainColor);}
.news_detial_box{width:100%;height:auto;padding:80px 0;background:#f8f8f8;}
.news_detial_content{width:100%;height:auto;display:flex;justify-content:space-between;}
.news_detial_content_left{width:78%;height:auto;padding:50px;border-radius:10px;background:#fff;box-shadow:0 0 21px 0 rgba(4,0,0,.15);}
.news_detial_content_left_top h1{font-size:32px;font-weight:500;}
.news_detial_content_left{min-width:0;}
.news_detial_content_left_bottom,.news_detial_content_left_bottom *{word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;}

.news_detial_content_left_top_bottom{display:flex;justify-content:flex-start;align-items:center;padding-bottom:15px;border-bottom:1px solid #E5E5E5;margin-top:30px;}
.news_detial_content_left_top_bottom p{display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#333;}
.news_detial_content_left_top_bottom p img{width:16px;display:block;margin-right:5px;}
.news_detial_content_left_top_bottom p+p{margin-left:80px;}
.news_detial_content_left_bottom{width:100%;height:auto;margin-top:30px;}
.news_detial_content_left_bottom p{font-size:16px;color:#333;line-height:1.6;margin-top:15px;}
.news_detial_content_left_bottom h2{font-size:18px;color:#333;margin-top:15px;font-weight:600;}
.news_detial_content_left_bottom p img{display:block;max-width:100%;height:auto;margin:0 auto;}
.news_detial_content_left_bottom_last{width:100%;height:auto;margin-top:30px;padding-top:30px;border-top:1px solid #E5E5E5;display:flex;justify-content:space-between;align-items:center;}
.news_detial_content_left_bottom_last_list{width:48.5%;font-size:16px;color:#333;line-height:1.6;display:flex;justify-content:flex-start;}
.news_detial_content_left_bottom_last_list strong{display:block;margin-right:5px;font-size:18px;}
.news_detial_content_left_bottom_last_list a{color:#666;display:block;margin-top:3px;font-weight:300;}
.news_detial_content_left_bottom_last_list a:hover{color:var(--mainColor);text-decoration:underline;}
.news_detial_content_right{width:20%;height:auto;}
.news_detial_content_right_box{width:100%;height:auto;position:sticky;top:0;}
.news_detial_share{width:100%;height:auto;padding:20px 20px;background:#fff;box-shadow:0 0 21px 0 rgba(4,0,0,.15);border-radius:10px;}
.news_detial_share_title{width:100%;height:auto;padding-bottom:10px;border-bottom:1px solid #E5E5E5;}
.news_detial_share_title h2{font-size:18px;color:#333;font-weight:600;}
.news_detial_share_box{width:100%;margin-top:15px;}
.news-share-social{display:flex;flex-wrap:wrap;gap:8px;}
.news-share-social li{list-style:none;margin:0;padding:0;}
.news-share-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;color:#fff;text-decoration:none;}
.news-share-icon img{width:20px;height:20px;display:block;filter:brightness(0) invert(1);}
.news-share-icon--linkedin{background:#0A66C2;}
.news-share-icon--instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4);}
.news-share-icon--youtube{background:#FF0000;}
.news-share-icon--tiktok{background:#000000;}
.news-share-icon--facebook{background:#1877F2;}
.news-share-icon:hover{opacity:.85;}

#st-1{text-align:left!important;}
#st-1 .st-btn[data-network='linkedin'],#st-1 .st-btn[data-network='whatsapp']{display:inline-block!important;}
#st-1 .st-btn[data-network='email']{display:none!important;}
.news_detial_form_box{width:100%;height:auto;padding:20px 20px;background:#fff;border-radius:10px;box-shadow:0 0 21px 0 rgba(4,0,0,.15);margin-top:20px;}
.news_detial_form{width:100%;height:auto;}
.news_detial_form li{width:100%;height:auto;position:relative;margin-bottom:10px;}
.news_detial_form li input{display:block;width:100%;height:35px;border:1px solid #E5E5E5;border-radius:5px;outline:none;padding:0 10px;font-size:12px;}
.news_detial_form li textarea{display:block;width:100%;height:65px;border:1px solid #E5E5E5;border-radius:5px;outline:none;padding:0 10px;font-size:12px;resize:none;font-family:inherit;padding:8px 10px;}
.news_detial_form_title{border:none;}
.news_detial_form li img{display:block;height:35px;width:auto;position:absolute;right:0;top:0;cursor:pointer;}
.news_detial_form_btn{display:block;width:100%;height:35px;border-radius:5px;background:#333;font-size:14px;color:#fff;cursor:pointer;border:none;outline:none;transition:all .3s;}
.news_detial_form_btn:hover{background:var(--mainColor);}
.news_detial_related_box{width:100%;height:auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 21px 0 rgba(4,0,0,.15);margin-top:20px;}
.news_detial_related_sw{width:100%;height:auto;margin-top:20px;padding-bottom:30px;overflow:hidden;}
.news_detial_related_sw .swiper-slide{width:100%!important;height:auto;background:#F8F8F8;border-radius:5px;overflow:hidden;}
.news_detial_related_sw_img{width:100%;height:auto;overflow:hidden;}
.news_detial_related_sw_img img{width:100%;height:auto;display:block;transition:all .3s;}
.news_detial_related_sw_txt{width:100%;height:auto;padding:15px 10px;}
.news_detial_related_sw_txt h2{font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_detial_related_sw .swiper-slide:hover .news_detial_related_sw_img img{transform:scale(1.1);}
.news_detial_related_sw .swiper-slide:hover .news_detial_related_sw_txt h2{color:var(--mainColor);}
.news_detial_related_sw_page{width:100%;bottom:0!important;}
.news_detial_related_sw_page span{width:6px;height:6px;background:var(--mainColor);}
@media (max-width:1768px){.contentWH1400{width:83.33%;}.news_list_top_sw_right span{margin-top:10px;}.news_list_top_sw_right h2{margin-top:10px;}.news_list_top_sw_right p{margin-top:10px;}.news_list_bottom_right{width:74.7%;}#st-1 .st-btn{padding:0 6px!important;height:30px!important;line-height:30px!important;}#st-1 .st-btn>img{top:50%!important;transform:translateY(-50%)!important;}}
@media (max-width:1400px){.contentWH1400,.contentWH1600{width:92%;}.news_detial_content_left_top h1{font-size:24px;}#st-1 .st-btn{margin-right:5px!important;}}
@media (max-width:1200px){.contentWH1200{width:92%;}.news_list_top_sw_right{padding:30px 0;}.news_list_top_sw_img img{height:100%;object-fit:cover;}.news_list_top_sw_img{height:100%;}.news_list_top_sw .swiper-slide a{align-items:normal;}.news_detial_content{flex-wrap:wrap;}.news_detial_content_left{width:100%;}.news_detial_content_right{width:100%;margin-top:20px;}}
@media (max-width:990px){.news_list_top_sw .swiper-slide a{flex-wrap:wrap;}.news_list_top_sw_img{width:100%;height:auto;}.news_list_top_sw_right{width:100%;margin-left:0;padding:30px;}.news_list_bottom_right{width:61.7%;}.crumbs_content_left{flex-wrap:wrap;padding:8px 0;}.crumbs_content{height:auto;}}
@media (max-width:768px){body{padding-bottom:10.8vw;}.banner_content h1{font-size:4.8vw;}.crumbs_content a,.crumbs_content i{font-size:3.2vw;}.crumbs_content img{margin-right:1.8vw;}.crumbs_content img{width:3.6vw;}.crumbs_content{flex-wrap:wrap;height:auto;}.crumbs_content_left{width:100%;height:auto;padding:1.8vw 0;}.crumbs_content_right li+li{margin-left:3.8vw;}.crumbs_content_right{height:8.8vw;}.news_list_top_box{padding:8vw 0;}.news_list_top_sw .swiper-slide{border-radius:2vw;}.news_list_top_sw_right{padding:5% 4%;}.news_list_top_sw_right_time{font-size:3.2vw;}.news_list_top_sw_right h2{font-size:3.8vw;margin-top:1.8vw;}.news_list_top_sw_right p{font-size:3.6vw;margin-top:2.2vw;}.news_list_top_sw_right span{width:32vw;height:8.8vw;font-size:3.6vw;border-radius:1.2vw;margin-top:3.6vw;}.news_list_top_sw{padding-bottom:8vw;}.news_list_top_sw_page span{width:1.8vw;height:1.8vw;}.news_list_bottom_box{margin-top:5.8vw;}.news_list_bottom_box li{margin-top:3.8vw;border-radius:2vw;}.news_list_bottom_box li a{padding:5% 4%;flex-wrap:wrap;}.news_list_bottom_time{width:100%;}.news_list_bottom_time:after{display:none;}.news_list_bottom_time strong{font-size:4.8vw;}.news_list_bottom_time span{font-size:3.6vw;}.news_list_bottom_right{width:100%;margin-top:3.2vw;}.news_list_bottom_right h2{font-size:4.2vw;}.news_list_bottom_right p{font-size:3.6vw;margin-top:3.2vw;}.news_list_bottom_right span{font-size:3.6vw;margin-top:3.2vw;}.news_page{margin-top:5.8vw;}.news_page li{width:5.8vw;height:5.8vw;}.news_page li a{border-radius:.8vw;}.news_page li a{font-size:3.2vw;}.news_page li+li{margin-left:1.8vw;}.news_page li img{width:1.6vw;}.news_detial_box{padding:8vw 0;}.news_detial_content_left{padding:5% 4%;}.news_detial_content_left_top h1{font-size:4.8vw;}.news_detial_content_left_top_bottom{margin-top:3.2vw;padding-bottom:3.2vw;}.news_detial_content_left_top_bottom p{font-size:3.2vw;}.news_detial_content_left_top_bottom p+p{margin-left:5.8vw;}.news_detial_content_left_bottom{margin-top:3.8vw;}.news_detial_content_left_bottom h2{font-size:3.8vw;margin-top:3.2vw;}.news_detial_content_left_bottom p{font-size:3.6vw;margin-top:3.2vw;}.news_detial_content_left_bottom_last{margin-top:5.8vw;padding-top:0;flex-wrap:wrap;}.news_detial_content_left_bottom_last_list{width:100%;margin-top:3.2vw;}.news_detial_content_left_bottom_last_list strong{font-size:3.6vw;}.news_detial_content_left_bottom_last_list a{font-size:3.2vw;}.news_detial_content_right{margin-top:5.8vw;}.news_detial_share{padding:5% 4%;}.news_detial_share_title h2{font-size:4.2vw;}.news_detial_share_title{padding-bottom:1.8vw;}.news_detial_form_box{padding:5% 4%;}.news_detial_related_box{padding:5% 4%;}.news_detial_related_sw_txt h2{font-size:3.6vw;}}



/* ===== News Archive Grid (4 per row) ===== */
.news-main{background:#f5f5f5;}
.news-section{padding:60px 0;}
.news-container{width:94.0625vw;margin:0 auto;}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.news-card{background:transparent;}
.news-card-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#E9EEF3;}
.news-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important;}
.news-card-body{padding:14px 2px 2px;}
.news-badge{display:inline-block;font-size:12px;color:#333;border:1px solid #C9CED6;border-radius:6px;padding:6px 10px;background:#fff;margin-bottom:10px;text-transform:uppercase;font-weight:600;letter-spacing:.2px;}
.news-card-title{margin:6px 0 8px;}
.news-card-title a{font-size:20px;color:#222;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card-title a:hover{color:var(--mainColor);}
.news-card-excerpt{font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;}

.news-pagination{display:flex;justify-content:center;margin:36px 0 0;}
.news-pagination ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;}
.news-pagination li a,.news-pagination li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #C0CCD9;border-radius:0;background:#fff;color:#333;}
.news-pagination li .current{background:var(--mainColor);color:#fff;border-color:var(--mainColor);}

@media (max-width:1200px){.news-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:990px){.news-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:768px){.news-section{padding:8vw 0;}.news-grid{grid-template-columns:1fr;gap:4vw;}.news-card-body{padding:3vw 0 0;}.news-card-title a{font-size:4.2vw;} .news-card-excerpt{font-size:3.4vw;}}
.contentWH1600 { width: 80.0vw; }
.news_detial_content_left_bottom p {font-size:20px;line-height:2.0}
.news_detial_content_left_bottom img{margin-top:20px}