.news-content-page .news-content-wrap{display: flex;align-items: flex-start;column-gap: 24px;}
.news-content-page .news-content-wrap .news-listing-panel{width: 860px;flex: 0 0 860px;max-width: 860px;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing{display: flex;flex-direction: column;row-gap: 24px;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap{width: 100%;height: 200px;background-color: #ffffff;border-radius: 10px;border: 2px solid transparent;padding: 28px;display: flex;align-items: center;column-gap: 24px;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .bannerWrap{aspect-ratio: 16 / 9;height: 144px;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .detailWrap{display: flex;flex-direction: column;row-gap: 16px;flex: 1;flex-shrink: 0;overflow: hidden;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .detailWrap .newsTitle{font-size: 18px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;position: relative;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .detailWrap .newsTitle::before{content: "";position: absolute;left: 0;height: 18px;top: 52%;transform: translateY(-50%);width: 3px;border-radius: 1px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%)}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .detailWrap .news-content{font-size: 14px;color: #666666;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap .detailWrap .dateUpdate{font-size: 14px;color: #999999;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap:hover{border: 2px solid #ff763d;}
.news-content-page .news-content-wrap .news-listing-panel .news-listing .newsWrap:hover .detailWrap .newsTitle{font-weight: bold;color: #ff763d;}
.news-content-page .news-tabs{display: flex;align-items: center;justify-content: center;column-gap: 36px;margin-bottom: 30px;}
.news-content-page .news-tabs a{width: 120px;flex: 0 0 120px;max-width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: 18px;color: #333333;border-radius: 20px;}
.news-content-page .news-tabs a.active{font-weight: bold;color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%)}


.side-news-panel{width: 316px;flex: 0 0 316px;max-width: 316px;display: flex;flex-direction: column;row-gap: 24px;}
.side-news-panel .side-app-panel{padding: 20px 24px;background-color: #ffffff;border-radius: 10px;display: flex;flex-direction: column;row-gap: 4px;}
.side-news-panel .side-title{position: relative;padding-left: 14px;}
.side-news-panel .side-title::before{content: "";position: absolute;left: 0;top: 52%;transform: translateY(-50%) rotate(12deg);width: 4px;height: 16px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;}
.side-news-panel .side-title h2{font-size: 18px;font-weight: bold;color: #140402;}
.side-news-panel .side-app-panel .side-app-list{display: flex;flex-direction: column;}
.side-news-panel .side-app-panel .side-app-list .appWrap{display: flex;align-items: center;column-gap: 16px;padding: 13px 0 16px;border-bottom: 2px dashed #e5e5e5;position: relative;}
.side-news-panel .side-app-panel .side-app-list .appWrap .imgWrap{width: 60px;height: 60px;flex: 0 0 60px;max-width: 60px;}
.side-news-panel .side-app-panel .side-app-list .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.side-news-panel .side-app-panel .side-app-list .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 8px;flex: 1;flex-shrink: 0;overflow: hidden;}
.side-news-panel .side-app-panel .side-app-list .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.side-news-panel .side-app-panel .side-app-list .appWrap .detailWrap > p{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.side-news-panel .side-app-panel .side-app-list .appWrap .viewBtn{position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 75px;flex: 0 0 75px;max-width: 75px;height: 36px;text-align: center;line-height: 36px;border-radius: 10px;font-size: 14px;color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);display: none;}
.side-news-panel .side-app-panel .side-app-list .appWrap:hover .detailWrap .appName{font-weight: bold;color: #FF553E;max-width: 100px;}
.side-news-panel .side-app-panel .side-app-list .appWrap:hover .detailWrap > p span{display: none;}
.side-news-panel .side-app-panel .side-app-list .appWrap:hover .viewBtn{display: block;}

.side-news-panel .side-hot-news-panel{padding: 20px 24px;background-color: #ffffff;border-radius: 10px;display: flex;flex-direction: column;row-gap: 18px;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing{display: flex;flex-direction: column;row-gap: 18px;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing .newsWrap{display: flex;align-items: center;column-gap: 18px;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing .newsWrap .bannerWrap{width: 136px;flex: 0 0 136px;max-width: 136px;height: 84px;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing .newsWrap .detailWrap{display: flex;flex-direction: column;justify-content: space-between;height: 84px;flex: 1;flex-shrink: 0;overflow: hidden;padding: 2px 0;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing .newsWrap .detailWrap .newsTitle{font-size: 16px;color: #140402;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.side-news-panel .side-hot-news-panel .side-hot-news-listing .newsWrap .detailWrap p{font-size: 14px;color: #999999;}

.side-news-panel .side-new-topic-panel{padding: 20px 24px;background-color: #ffffff;border-radius: 10px;display: flex;flex-direction: column;}
.side-news-panel .side-new-topic-panel .topicBannerWrap{width: 100%;height: 160px;position: relative;margin-top: 18px;}
.side-news-panel .side-new-topic-panel .topicBannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 8px;}
.side-news-panel .side-new-topic-panel .topicBannerWrap .detailWrap{position: absolute;left: 0;bottom: 0;width: 100%;padding: 12px 12px 8px;display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;border-radius: 8px;background: linear-gradient( 0deg, rgb(3,0,0) 0%, rgba(0,0,0,0) 100%);}
.side-news-panel .side-new-topic-panel .topicBannerWrap .detailWrap .topicTitle{font-size: 16px;font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.side-news-panel .side-new-topic-panel .topicBannerWrap .detailWrap span{font-size: 14px;color: #B3B3B3;}
.side-news-panel .side-new-topic-panel .topic-listing{display: flex;flex-direction: column;row-gap: 5px;margin-top: 15px;}
.side-news-panel .side-new-topic-panel .topic-listing a{padding-left: 20px;font-size: 16px;color: #140402;padding-right: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;height: 36px;line-height: 36px;z-index: 1;}
.side-news-panel .side-new-topic-panel .topic-listing a::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background-color: #FF553E;border-radius: 50%;}
.side-news-panel .side-new-topic-panel .topic-listing a:hover::after{content: "";position: absolute;right: 0;width: 258px;height: 100%;border-radius: 8px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);z-index: -1;}
.side-news-panel .side-new-topic-panel .topic-listing a:hover{color: #ffffff;}

.news-detail-page .news-content-wrap{display: flex;align-items: flex-start;column-gap: 24px;}
.news-detail-page .news-content-wrap .news-detail-panel{width: 860px;flex: 0 0 860px;max-width: 860px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap{position: relative;padding: 40px 26px 20px;background-color: #ffffff;border-radius: 8px;display: flex;flex-direction: column;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap::before{content: "";position: absolute;top: 0;left: 0;border-radius: 10px 10px 0 0;height: 12px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);width: 100%;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap h1{font-size: 30px;font-weight: bold;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .detailInfo{display: flex;align-items: center;justify-content: center;column-gap: 14px;margin-top: 12px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .detailInfo p{font-size: 14px;color: #999999;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .detailInfo i{width: 1px;height: 12px;background-color: #999999;position: relative;top: 1px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .news-inner-detail{margin-top: 32px;display: flex;flex-direction: column;row-gap: 20px;font-size: 16px;line-height: 36px;color: #4D4D4D;position: relative;padding-bottom: 20px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .news-inner-detail p{font-size: 16px;line-height: 36px;color: #4D4D4D;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .news-inner-detail h3{height: 37px;line-height: 37px;padding: 0 10px;background: linear-gradient(0deg, #ff763d33 0%, #ff543d33 100%);border-radius: 5px;width: 100%;font-size: 16px;font-weight: bold;color: #FF553E;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .news-inner-detail img{width: auto; height: auto; object-fit: cover; object-position: center; max-width: 100%; margin: 0 auto; display: block;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .news-inner-detail::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;background-image: url(../images//news/bottomLine.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .reminder{position: relative;font-size: 16px;color: #4D4D4D;padding-left: 24px;margin-top: 18px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-detail-wrap .reminder::before{content: "";position: absolute;left: 0;transform: translateY(-50%);width: 17px;height: 20px;background-image: url(../images/news/lightBulb.webp);background-position: center;background-size: cover;background-repeat: no-repeat;top: 50%;}
.news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap {margin-top: 24px;display: flex;align-items: center;column-gap: 25px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap a{width: 416px;flex: 0 0 416px;max-width: 416px;height: 45px;display: flex;align-items: center;column-gap: 4px;padding: 0 22px;background: #ffffff;border-radius: 8px;}
.news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap p{font-size: 16px;font-weight: bold;color: #FF553E;}
.news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap span{font-size: 16px;color: #404040;flex: 1;flex-shrink: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap a:hover{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%)}
.news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap a:hover p, .news-detail-page .news-content-wrap .news-detail-panel .news-navigate-wrap a:hover span{color: #ffffff;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner{position: relative;width: 100%;height: 146px;background-color: #ffffff;border-radius: 10px 36px 36px 10px;display: flex;align-items: center;column-gap: 18px;padding: 23px 25px 23px 55px;margin-top: 30px;z-index: 1;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .sideTitle{width: 36px;height: 108px;border-radius: 0 10px 10px 0;text-align: center;font-size: 16px;font-weight: bold;color: #ffffff;writing-mode: vertical-rl;text-orientation: upright;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);position: absolute;left: 0;top: 50%;transform: translateY(-50%);letter-spacing: 5px;padding: 0 8px;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .imgWrap{width: 100px;height: 100px;flex: 0 0 100px;max-width: 100px;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 20px;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap{display: flex;flex-direction: column;row-gap: 8px;max-width: 560px;overflow: hidden;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .appName{font-size: 18px;font-weight: bold;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .app-info{display: flex;align-items: flex-start;column-gap: 60px;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .app-info > div{display: flex;flex-direction: column;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .app-info > div p{font-size: 14px;color: #999999;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .app-info > div span{font-size: 14px;font-weight: bold;color: #4D4D4D;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .app-info > div a{font-size: 14px;font-weight: bold;color: #FF553E;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .detailWrap .app-content{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .viewBtn{margin-left: auto;width: 72px;flex: 0 0 72px;max-width: 72px;height: 36px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);text-align: center;line-height: 36px;border-radius: 10px;color: #ffffff;font-size: 14px;}
.news-detail-page .news-content-wrap .news-detail-panel .related-download-banner .overlay-image{position: absolute;top: 0;right: 0;width: 146px;height: 146px;object-fit: cover;object-position: center;border-radius: 36px;z-index: -1;opacity: 0.2;mask-image: linear-gradient(to top right, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);}

.latest-news-panel{margin-top: 25px;}
.latest-news-panel .line-title{position: relative;padding-left: 14px;}
.latest-news-panel .line-title::before{content: "";position: absolute;left: 0;top: 52%;transform: translateY(-50%) rotate(12deg);width: 4px;height: 20px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 4px;}
.latest-news-panel .line-title h2{font-size: 24px;font-weight: bold;color: #140402;}
.latest-news-panel .news-listing{display: flex;flex-direction: column;row-gap: 24px;margin-top: 20px;}
.latest-news-panel .news-listing .newsWrap{width: 100%;height: 200px;background-color: #ffffff;border-radius: 10px;border: 2px solid transparent;padding: 28px;display: flex;align-items: center;column-gap: 24px;}
.latest-news-panel .news-listing .newsWrap .bannerWrap{aspect-ratio: 16 / 9;height: 144px;}
.latest-news-panel .news-listing .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.latest-news-panel .news-listing .newsWrap .detailWrap{display: flex;flex-direction: column;row-gap: 16px;flex: 1;flex-shrink: 0;overflow: hidden;}
.latest-news-panel .news-listing .newsWrap .detailWrap .newsTitle{font-size: 18px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;position: relative;}
.latest-news-panel .news-listing .newsWrap .detailWrap .newsTitle::before{content: "";position: absolute;left: 0;height: 18px;top: 52%;transform: translateY(-50%);width: 3px;border-radius: 1px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%)}
.latest-news-panel .news-listing .newsWrap .detailWrap .news-content{font-size: 14px;color: #666666;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.latest-news-panel .news-listing .newsWrap .detailWrap .dateUpdate{font-size: 14px;color: #999999;}
.latest-news-panel .news-listing .newsWrap:hover{border: 2px solid #ff763d;}
.latest-news-panel .news-listing .newsWrap:hover .detailWrap .newsTitle{font-weight: bold;color: #ff763d;}

#modalImage { transition: opacity 0.3s ease; opacity: 1; }
#modalImage.fade-out { opacity: 0; }
#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center; }
#imageModal .overlay{background: #393939D9; position: absolute;width: 100%;height: 100%;z-index: -1;}
#imageModal.modal .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;}
#imageModal.modal .swiper{position: absolute; height: auto; top: 50%; transform: translateY(-50%); width: 100%;}
#imageModal.modal .swiper-slide img {max-width: 1000px;max-height: 700px;object-fit: contain;height: auto;width: auto;border-radius: 20px;}
#imageModal .close{cursor: pointer;font-size: 32px;color: #ffffff;z-index: 1;font-weight: bold;}
#imageModal .modalHeader {position: absolute; top: 52px; right:52px; z-index: 10;}
#imageModal .pageNumber{margin-top: 20px;height: 42px;line-height: 42px;text-align: center;padding: 0 20px;border: 1px solid #ffffff;border-radius: 45px;font-size: 24px;color: #FFFFFF;width: fit-content;margin:20px auto 0;}
#imageModal .modal-swiper-prev, #imageModal .modal-swiper-next{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffff;cursor: pointer;width: 40px;height: 40px;border: none;border-radius: 50%;z-index: 99;padding: 0;text-align: center;box-sizing: border-box;}
#imageModal .modal-swiper-prev i{width: 13px; height: 13px;     border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-135deg);margin-right: -4px;}
#imageModal .modal-swiper-next i{width: 13px; height: 13px;     border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg);margin-left: -4px;}
#imageModal .swiper-button-disabled i{opacity: 0.4;}
#imageModal .modal-swiper-prev{left: max(calc(50% - 600px), 20px);}
#imageModal .modal-swiper-next{right: max(calc(50% - 600px), 20px);}
#imageModal::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: min(1200px, 100%); inset: 0; pointer-events: none; }
#imageModal .swiper-wrapper{align-items: center;}