@charset "UTF-8";
/* ===================================================================== 内页公共样式 inner.css 设计语言沿用 main.css（主色 #1684D8），内容容器 1440 居中 =====================================================================*/
/* ---------------- 容器 & 通用 ----------------*/
.page-container{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;}
.page-section{padding: 70px 0;}
.page-section.gray{background: #f5f5f5;}
@media (max-width: 767px){.page-container{padding: 0 14px;}
.page-section{padding: 42px 0;}}
/* ---------------- 面包屑 ----------------*/
.breadcrumb-bar{background: #f5f5f5;border-bottom: 1px solid #e9ecef;padding-top: 50px;}
.breadcrumb-bar ul{display: flex;flex-wrap: wrap;align-items: center;margin: 0;padding: 0.85rem 0;font-size: 0.82rem;}
.breadcrumb-bar li{display: flex;align-items: center;color: #adb5bd;line-height: 1.5;}
.breadcrumb-bar li + li{padding-left: 0.7rem;margin-left: 0.7rem;position: relative;}
.breadcrumb-bar li + li::before{content: "/";position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #c5d9ec;}
.breadcrumb-bar a{color: #6c757d;}
.breadcrumb-bar a:hover{color: #1684D8;}
.breadcrumb-bar li.on{color: #1684D8;font-weight: bold;}
@media (min-width: 768px){.breadcrumb-bar ul{font-size: 0.88rem;padding: 1rem 0;}}
/* iPad（768-1024）使用汉堡菜单，面包屑按加高后的手机头留白*/
@media (min-width: 768px) and (max-width: 1024px){.breadcrumb-bar{padding-top: 56px;}}
/* 桌面（≥1025）按固定PC导航高度留白*/
@media (min-width: 1025px){.breadcrumb-bar{padding-top: 78px;}}
/* ---------------- 内页页头（综合页标题） ----------------*/
.page-head{background: #f5f5f5;padding: 2.6rem 0 3rem;text-align: center;}
.page-head h1{font-size: 1.85rem;font-weight: bold;color: #212529;margin-bottom: 0.9rem;}
.page-head .lead{max-width: 46rem;margin: 0 auto;font-size: 0.95rem;line-height: 1.9;color: #6c757d;}
@media (min-width: 768px){.page-head{padding: 3.4rem 0 4rem;}
.page-head h1{font-size: 2.5rem;}}
/* ---------------- 二列分类/产品网格（一排2个） ----------------*/
.two-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.25rem;}
@media (min-width: 992px){.two-grid{gap: 2rem;}}
@media (max-width: 767px){.two-grid{grid-template-columns: 1fr;}}
/* 分类卡（综合页：图 + h3）*/
.cat-card{display: block;background: #fff;border: 1px solid #e9ecef;border-radius: 0.8rem;overflow: hidden;transition: all 0.3s ease;}
.cat-card:hover{transform: translateY(-6px);box-shadow: 0 14px 34px rgba(22, 132, 216, 0.13);border-color: #d0e8f8;}
.cat-card .pic{aspect-ratio: 4 / 3;overflow: hidden;background: #f5f5f5;}
.cat-card .pic img{width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 0.5s ease;}
.cat-card:hover .pic img{transform: scale(1.06);}
.cat-card .info{padding: 1.25rem 1.4rem 1.5rem;text-align: center;}
.cat-card .info h3{font-size: 1.2rem;font-weight: bold;color: #212529;margin-bottom: 0.45rem;transition: color 0.3s;}
.cat-card:hover .info h3{color: #1684D8;}
.cat-card .info p{font-size: 0.85rem;line-height: 1.7;color: #adb5bd;}
.cat-card .info .go{display: inline-flex;align-items: center;gap: 0.35rem;margin-top: 0.8rem;font-size: 0.85rem;font-weight: bold;color: #1684D8;}
@media (min-width: 992px){.cat-card .info{padding: 1.6rem 1.8rem 1.8rem;}
.cat-card .info h3{font-size: 1.35rem;}}
/* 简洁产品卡（列表页：图 + h3）*/
.mini-card{display: block;background: #fff;border: 1px solid #e9ecef;border-radius: 0.8rem;overflow: hidden;transition: all 0.3s ease;}
.mini-card:hover{transform: translateY(-6px);box-shadow: 0 14px 34px rgba(22, 132, 216, 0.13);border-color: #d0e8f8;}
.mini-card .pic{aspect-ratio: 4 / 3;overflow: hidden;background: #f5f5f5;position: relative;}
.mini-card .pic img{width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 0.5s ease;}
.mini-card:hover .pic img{transform: scale(1.06);}
.mini-card .pic .tag{position: absolute;left: 0.9rem;top: 0.9rem;font-size: 0.72rem;color: #1684D8;border: 1px solid #1684D8;background: rgba(255, 255, 255, 0.85);padding: 0.25rem 0.75rem;border-radius: 2rem;}
.mini-card h3{font-size: 1.02rem;font-weight: bold;color: #212529;padding: 1.05rem 1.2rem 1.25rem;text-align: center;line-height: 1.5;transition: color 0.3s;}
.mini-card:hover h3{color: #1684D8;}
@media (min-width: 992px){.mini-card h3{font-size: 1.15rem;padding: 1.3rem 1.4rem 1.5rem;}}
/* ---------------- 分类头部（列表页：代表图 + h1 + 描述） ----------------*/
.cat-head{display: grid;grid-template-columns: 1fr;gap: 1.6rem;align-items: center;}
.cat-head .pic{border-radius: 0.8rem;overflow: hidden;box-shadow: 0 12px 30px rgba(22, 132, 216, 0.1);aspect-ratio: 4 / 3;background: #f5f5f5;}
.cat-head .pic img{width: 100%;height: 100%;display: block;object-fit: cover;}
.cat-head .label{font-size: 0.85rem;font-weight: bold;letter-spacing: 0.15em;color: #1684D8;margin-bottom: 0.7rem;}
.cat-head h1{font-size: 1.75rem;font-weight: bold;color: #212529;line-height: 1.25;margin-bottom: 1rem;}
.cat-head .desc{font-size: 0.92rem;line-height: 1.95;color: #6c757d;}
.cat-head .desc p{margin-bottom: 0.9rem;}
.cat-head .head-btns{display: flex;flex-wrap: wrap;gap: 0.8rem;margin-top: 1.4rem;}
.cat-head .head-btns .uc-btn{height: 2.6rem;padding: 0 1.6rem;border-radius: 2.6rem;font-size: 0.92rem;}
@media (min-width: 992px){.cat-head{grid-template-columns: 0.92fr 1.08fr;gap: 3.2rem;}
.cat-head h1{font-size: 2.4rem;}
.cat-head .desc{font-size: 0.98rem;}}
/* 区块标题（左对齐带链接行）*/
.section-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-bottom: 2rem;}
.section-head .g-title{text-align: left;margin-bottom: 0;}
.section-head .more-link{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.9rem;font-weight: bold;color: #1684D8;white-space: nowrap;}
/* ---------------- 产品/市场详情页 ----------------*/
.detail-top{display: grid;grid-template-columns: 1fr;gap: 1.8rem;}
.detail-top .pic{border-radius: 0.8rem;overflow: hidden;border: 1px solid #e9ecef;background: #f5f5f5;aspect-ratio: 4 / 3;}
.detail-top .pic img{width: 100%;height: 100%;display: block;object-fit: cover;}
.detail-info .label{font-size: 0.82rem;font-weight: bold;letter-spacing: 0.15em;color: #1684D8;margin-bottom: 0.7rem;}
.detail-info h1{font-size: 1.7rem;font-weight: bold;color: #212529;line-height: 1.3;margin-bottom: 1rem;}
.detail-info .summary{font-size: 0.95rem;line-height: 1.95;color: #6c757d;margin-bottom: 1.2rem;}
.detail-info .spec-list{border: 1px solid #e9ecef;border-radius: 0.6rem;overflow: hidden;margin-bottom: 1.4rem;}
.detail-info .spec-list li{display: flex;font-size: 0.88rem;line-height: 1.5;padding: 0.8rem 1.1rem;border-bottom: 1px solid #e9ecef;}
.detail-info .spec-list li:last-child{border-bottom: none;}
.detail-info .spec-list li:nth-child(odd){background: #fafafa;}
.detail-info .spec-list .k{flex: 0 0 8.5rem;color: #adb5bd;}
.detail-info .spec-list .v{flex: 1;color: #343a40;font-weight: bold;padding-left:10px;}
.detail-info .detail-btns{display: flex;flex-wrap: wrap;gap: 0.8rem;}
.detail-info .detail-btns .uc-btn{height: 2.7rem;padding: 0 1.7rem;border-radius: 2.7rem;font-size: 0.95rem;}
@media (min-width: 992px){.detail-top{grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;padding: 15px 0;}
.detail-info h1{font-size: 2.2rem;}}
/* 详情正文*/
.rich-body{font-size: 0.95rem;line-height: 2;color: #495057;}
.rich-body p{margin-bottom: 1.1rem;}
.rich-body h2{font-size: 1.45rem;font-weight: bold;color: #212529;margin: 2.2rem 0 1.1rem;}
.rich-body h3{font-size: 1.15rem;font-weight: bold;color: #212529;margin: 1.6rem 0 0.8rem;}
.rich-body ul{padding-left: 0;margin-bottom: 1.2rem;}
.rich-body ul li{position: relative;padding-left: 1.6rem;margin-bottom: 0.6rem;}
.rich-body ul li::before{content: "";position: absolute;left: 0;top: 0.65em;width: 0.55rem;height: 0.55rem;border-radius: 50%;background: #1684D8;}
/* Main benefits 圆形优点（一排4个，最多8个）*/
.benefit-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.6rem 1rem;margin-top: 2.4rem;}
.benefit-item{display: flex;flex-direction: column;align-items: center;text-align: center;}
.benefit-circle{width: 9.5rem;height: 9.5rem;max-width: 100%;border-radius: 50%;background: radial-gradient(circle at 32% 28%, #ffffff 0%, #e6f3fb 55%, #d0e8f8 100%);border: 2px solid #b8d8f0;display: flex;align-items: center;justify-content: center;text-align: center;padding: 1rem;margin-bottom: 1rem;transition: all 0.35s ease;}
.benefit-circle span{font-size: 0.9rem;font-weight: bold;line-height: 1.55;color: #0756A4;transition: color 0.35s ease;}
.benefit-item:hover .benefit-circle{background: linear-gradient(135deg, #1684D8 0%, #0756A4 100%);border-color: #1684D8;box-shadow: 0 12px 26px rgba(22, 132, 216, 0.38);transform: translateY(-4px);}
.benefit-item:hover .benefit-circle span{color: #fff;}
.benefit-item h4{font-size: 0.85rem;color: #6c757d;line-height: 1.6;max-width: 12rem;}
@media (min-width: 768px){.benefit-grid{grid-template-columns: repeat(4, 1fr);gap: 2.2rem 1.4rem;}
.benefit-circle{width: 10.5rem;height: 10.5rem;}}
@media (max-width: 380px){.benefit-circle{width: 8.2rem;height: 8.2rem;}}
/* Related News 网格（3列）*/
.rel-grid{display: grid;grid-template-columns: 1fr;gap: 1.4rem;}
@media (min-width: 768px){.rel-grid{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 992px){.rel-grid{grid-template-columns: repeat(3, 1fr);}}
/* 新闻卡（与首页风格一致，全站通用）*/
.n-card{display: block;background: #fff;border: 1px solid #e9ecef;border-radius: 0.7rem;overflow: hidden;height: 100%;transition: all 0.3s ease;}
.n-card:hover{transform: translateY(-5px);box-shadow: 0 12px 30px rgba(22, 132, 216, 0.12);}
.n-card .pic{aspect-ratio: 16 / 9;overflow: hidden;background: #f5f5f5;}
.n-card .pic img{width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 0.5s ease;}
.n-card:hover .pic img{transform: scale(1.06);}
.n-card .info{padding: 1.2rem 1.3rem 1.4rem;}
.n-card .meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;font-size: 0.75rem;color: #adb5bd;margin-bottom: 0.7rem;font-weight: bold;}
.n-card .meta .cate{color: #1684D8;}
.n-card h3{font-size: 1.02rem;font-weight: bold;color: #212529;line-height: 1.5;margin-bottom: 0.6rem;transition: color 0.3s;}
.n-card:hover h3{color: #1684D8;}
.n-card p{font-size: 0.84rem;line-height: 1.75;color: #adb5bd;margin-bottom: 0.9rem;}
.n-card .more{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.85rem;font-weight: bold;color: #1684D8;}
/* ---------------- 新闻列表页 ----------------*/
.news-tabs{display: flex;flex-wrap: wrap;gap: 0.7rem;margin-bottom: 2.2rem;}
.news-tabs li{cursor: pointer;padding: 0.55rem 1.5rem;border-radius: 2rem;border: 1px solid #c5d9ec;background: #fff;font-size: 0.9rem;color: #495057;transition: all 0.3s;user-select: none;}
.news-tabs li.on,
.news-tabs li:hover{background: #1684D8;border-color: #1684D8;color: #fff;}
.news-tabs li.on a,
.news-tabs li:hover a{color:#fff;}
.news-grid{display: grid;grid-template-columns: 1fr;gap: 1.5rem;}
.news-grid > .hide{display: none;}
@media (min-width: 768px){.news-grid{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 992px){.news-grid{grid-template-columns: repeat(3, 1fr);gap: 1.8rem;}}
/* 分页*/.pagination{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin-top: 2.8rem;}
.pagination a,
.pagination span{min-width: 2.4rem;height: 2.4rem;padding: 0 0.6rem;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #c5d9ec;border-radius: 50%;font-size: 0.88rem;color: #495057;background: #fff;transition: all 0.3s;}
.pagination a:hover{border-color: #1684D8;color: #1684D8;}
.pagination .on{background: #1684D8;border-color: #1684D8;color: #fff;}
/* ---------------- 新闻详情 ----------------*/
.article-wrap{margin: 0 auto;padding: 3rem 0 0 0;}
.article-head h1{font-size: 1.6rem;font-weight: bold;color: #212529;line-height: 1.4;margin: 2rem 0;}
.article-breadcrumb{padding: 5px;font-size: 13px;border-bottom: 1px solid #e9ecef;color: #ddd;}
.article-meta{display: flex;flex-wrap: wrap;gap: 1.2rem;font-size: 0.82rem;color: #adb5bd;padding-bottom: 1.3rem;border-bottom: 1px solid #e9ecef;margin-bottom: 1.8rem;}
.article-meta .cate{}
.article-cover{border-radius: 0.7rem;overflow: hidden;margin-bottom: 1.8rem;aspect-ratio: 16 / 9;background: #f5f5f5;}
.article-cover img{width: 100%;height: 100%;object-fit: cover;display: block;}
@media (min-width: 768px){.article-head h1{font-size: 2rem;}}
/* 上一篇/下一篇*/
.prev-next{display: flex;flex-direction: column;gap: 0.8rem;margin-top: 2.6rem;padding-top: 1.6rem;border-top: 1px solid #e9ecef;}
.prev-next a{display: flex;align-items: center;gap: 0.6rem;font-size: 0.88rem;color: #495057;line-height: 1.5;}
.prev-next a:hover{color: #1684D8;}
.prev-next a .tag{color: #1684D8;font-weight: bold;flex-shrink: 0;}
.prev-next .next{justify-content: flex-start;}
@media (min-width: 768px){.prev-next{flex-direction: row;justify-content: space-between;gap: 1.5rem;}
.prev-next .next{justify-content: flex-end;text-align: right;}}
/* 推荐阅读 Swiper*/
.related-slider{padding-bottom: 2.6rem;overflow: hidden;}
.related-slider .swiper-slide{height: auto;}
.related-slider .n-card{height: 100%;}
.related-slider .swiper-pagination{bottom: 0;}
.related-slider .swiper-pagination-bullet{width: 0.7rem;height: 0.7rem;background: #b8d8f0;opacity: 1;}
.related-slider .swiper-pagination-bullet-active{background: #1684D8;width: 1.6rem;border-radius: 0.4rem;}
.related-slider .swiper-button-prev,
.related-slider .swiper-button-next{width: 2.6rem;height: 2.6rem;border-radius: 50%;background: #fff;box-shadow: 0 4px 14px rgba(22, 132, 216, 0.16);color: #1684D8;transition: all 0.3s;}
.related-slider .swiper-button-prev:hover,
.related-slider .swiper-button-next:hover{background: #1684D8;color: #fff;}
.related-slider .swiper-button-prev::after,
.related-slider .swiper-button-next::after{font-size: 1rem;font-weight: bold;}
.related-slider .swiper-button-prev{left: -0.4rem;}
.related-slider .swiper-button-next{right: -0.4rem;}
@media (max-width: 991px){.related-slider .swiper-button-prev, .related-slider .swiper-button-next{display: none;}}
/* ---------------- About ----------------*/
.story-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;align-items: center;}
.story-grid .pic{border-radius: 0.8rem;overflow: hidden;box-shadow: 0 14px 34px rgba(22, 132, 216, 0.12);aspect-ratio: 4 / 3;}
.story-grid .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.story-text h2{font-size: 1.8rem;font-weight: bold;color: #212529;margin-bottom: 1.1rem;line-height: 1.35;}
.story-text h2 b{color: #1684D8;}
.story-text p{font-size: 0.94rem;line-height: 2;color: #6c757d;margin-bottom: 1rem;}
@media (min-width: 992px){.story-grid{grid-template-columns: 1fr 1.1fr;gap: 3.4rem;}
.story-grid.reverse .pic{order: 2;}}
.mv-grid{display: grid;grid-template-columns: 1fr;gap: 1.4rem;}
.mv-card{background: #fff;border: 1px solid #e9ecef;border-top: 3px solid #1684D8;border-radius: 0.7rem;padding: 2rem 1.8rem;transition: all 0.3s;}
.mv-card:hover{transform: translateY(-5px);box-shadow: 0 12px 30px rgba(22, 132, 216, 0.12);}
.mv-card .num{font-size: 2rem;font-weight: bold;color: #1684D8;line-height: 1;margin-bottom: 0.8rem;}
.mv-card h3{font-size: 1.2rem;font-weight: bold;color: #212529;margin-bottom: 0.7rem;}
.mv-card p{font-size: 0.9rem;line-height: 1.9;color: #6c757d;}
@media (min-width: 768px){.mv-grid{grid-template-columns: repeat(3, 1fr);}}
.why-grid{display: grid;grid-template-columns: 1fr;gap: 1.3rem;}
.why-card{background: #fff;border: 1px solid #e9ecef;border-radius: 0.7rem;padding: 1.8rem 1.6rem;transition: all 0.3s;height: 100%;}
.why-card:hover{border-color: #b8d8f0;box-shadow: 0 12px 28px rgba(22, 132, 216, 0.1);transform: translateY(-4px);}
.why-card .ico{width: 3.2rem;height: 3.2rem;border-radius: 0.6rem;background: linear-gradient(135deg, #1684D8, #0756A4);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.35rem;margin-bottom: 1.1rem;}
.why-card h3{font-size: 1.08rem;font-weight: bold;color: #212529;margin-bottom: 0.6rem;}
.why-card p{font-size: 0.87rem;line-height: 1.85;color: #6c757d;}
@media (min-width: 768px){.why-grid{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 992px){.why-grid{grid-template-columns: repeat(3, 1fr);}}
/* 数据条*/
.stat-bar{background: linear-gradient(120deg, #1684D8 0%, #0756A4 100%);border-radius: 0.9rem;padding: 2.6rem 1.5rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.8rem 1rem;text-align: center;}
.stat-bar .num{font-size: 2rem;font-weight: bold;color: #fff;line-height: 1.1;}
.stat-bar p{font-size: 0.85rem;color: rgba(255, 255, 255, 0.85);margin-top: 0.4rem;}
@media (min-width: 768px){.stat-bar{grid-template-columns: repeat(4, 1fr);padding: 3.2rem 2rem;}
.stat-bar .num{font-size: 2.6rem;}}
/* ---------------- Contact ----------------*/
.contact-grid{display: grid;grid-template-columns: 1fr;gap: 1.8rem;}
@media (min-width: 992px){.contact-grid{grid-template-columns: 1fr 2fr;gap: 2.4rem;align-items: start;}}
.contact-aside .c-item{display: flex;gap: 1rem;background: #fff;border: 1px solid #e9ecef;border-radius: 0.7rem;padding: 2rem 1.4rem;margin-bottom: 1rem;transition: all 0.3s;}
.contact-aside .c-item:hover{border-color: #e9ecef;box-shadow: 0 10px 24px rgba(22, 132, 216, 0.1);}
.contact-aside .c-item .ico{flex-shrink: 0;width: 2.8rem;height: 2.8rem;border-radius: 50%;background: #e6f3fb;color: #1684D8;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;}
.contact-aside .c-item h4{font-size: 0.8rem;color: #adb5bd;margin-bottom: 0.25rem;letter-spacing: 0.05em;}
.contact-aside .c-item p,
.contact-aside .c-item a{font-size: 0.95rem;font-weight: bold;color: #212529;line-height: 1.5;word-break: break-word;}
.contact-aside .c-item a:hover{color: #1684D8;}
.contact-form-box{background: #fff;border: 1px solid #e9ecef;border-radius: 0.8rem;padding: 1.8rem 1.4rem;}
.contact-form-box h3{font-size: 1.35rem;font-weight: bold;color: #212529;margin-bottom: 1.4rem;}
.contact-form-box label{display: block;font-size: 0.85rem;color: #495057;margin-bottom: 0.45rem;}
.contact-form-box .uc-input{height: 2.8rem;line-height: 2.8rem;border-radius: 0.4rem;border-color: #e9ecef;background: #fafafa;margin-bottom: 1.15rem;}
.contact-form-box textarea.uc-input{height: auto;line-height: 1.7;padding-top: 0.7rem;padding-bottom: 0.7rem;min-height: 8rem;}
.contact-form-box .submit{height: 2.9rem;width: 100%;border-radius: 0.4rem;font-size: 1rem;gap: 0.5rem;}
@media (min-width: 992px){.contact-form-box{padding: 2.4rem 2.6rem;}}
.form-success{display: none;background: #eafaf4;border: 1px solid #9be2c2;color: #1a8f5e;border-radius: 0.5rem;padding: 1rem 1.2rem;font-size: 0.9rem;margin-bottom: 1.2rem;}
.form-success.show{display: block;}
.map-box{border-radius: 0.8rem;overflow: hidden;border: 1px solid #e9ecef;box-shadow: 0 12px 30px rgba(22, 132, 216, 0.08);padding:20px;margin:20px 0;}
.map-box p{font-size:1rem;line-height:1.6;}
.map-box h2{font-size:1.75rem;margin:10px 0;}
.map-box h3{font-size:1.5rem;margin:10px 0;}
.map-box img{width: 100%;display: block;padding:15px 0;}
/* 简易CTA条*/
.cta-strip{background: linear-gradient(120deg, #1684D8 0%, #0756A4 100%);border-radius: 0.9rem;padding: 2.4rem 2rem;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 1.2rem;}
.cta-strip h2{color: #fff;font-size: 1.5rem;font-weight: bold;}
.cta-strip p{color: rgba(255, 255, 255, 0.9);font-size: 0.95rem;line-height: 1.8;max-width: 40rem;}
.cta-strip .uc-btn{height: 2.8rem;padding: 0 2rem;border-radius: 2.8rem;font-size: 0.98rem;background: #fff;border-color: #fff;color: #1684D8;font-weight: bold;}
.cta-strip .uc-btn:hover{background: #1684D8;border-color: #1684D8;color: #fff;opacity: 1;}
@media (min-width: 768px){.cta-strip{flex-direction: row;justify-content: space-between;text-align: left;padding: 2.6rem 3rem;}}
/* ---------------- 导航：当前页高亮 & 下拉统一 ----------------*/
.header-pc .list li.on > a{color: #fff;font-weight: bold;}
.header-pc .subMenu .con{background-color: #0756A4;padding: 0.6rem 0;border-radius: 0 0 0.5rem 0.5rem;}
.header-pc .subMenu a{color: rgba(255, 255, 255, 0.85);line-height: 2.6;font-size: 0.88rem;white-space: nowrap;padding: 0 1.2rem;}
.header-pc .subMenu a:hover{background: rgba(22, 132, 216, 0.14);color: #1684D8;}
.alert-menu .list li.on > a{color: #1684D8;}
/* ===================================================================== iPad / 平板适配：≤1024px 隐藏PC导航，显示手机汉堡菜单 （覆盖 main.css 工具类 d-md-block / d-md-none 的768px断点） =====================================================================*/
@media (max-width: 1024px){.header-pc{display: none !important;}
.header-phone{display: flex !important;}}
/* iPad 竖屏区间（768-1024）：汉堡栏适度加高，比例更协调*/
@media (min-width: 768px) and (max-width: 1024px){.header-phone{height: 56px;}
.header-phone .logo{padding: 0 20px;}
.header-phone .logo img{height: 34px;}
.header-phone .btn-menu{width: 56px;height: 56px;background-size: 30px 30px;}
/* 滑出菜单顶部与加高后的汉堡栏对齐*/
.alert-menu .box{padding-top: 56px;}}
/* ===================================================================== 全站搜索：头部搜索按钮 + 顶部下拉搜索弹层 =====================================================================*/
/* ---- PC 头部搜索图标按钮 ----*/
.header-pc .operate .btn-search{flex: 0 0 auto;width: 2.25rem;height: 2.25rem;margin-left: 0.75rem;border: 0;border-radius: 50%;padding: 0;background: transparent;color: #fff;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: background-color 0.25s ease, color 0.25s ease;}
.header-pc .operate .btn-search svg{width: 1.1rem;height: 1.1rem;display: block;}
.header-pc .operate .btn-search:hover{background: rgba(22, 132, 216, 0.14);color: #1684D8;}
/* ---- 手机/平板头部：搜索 + 汉堡 工具组 ----*/
.header-phone .phone-tools{display: flex;align-items: center;flex: 0 0 auto;}
.header-phone .btn-search{width: 50px;height: 50px;border: 0;padding: 0;background: transparent;color: #1684D8;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.header-phone .btn-search svg{width: 22px;height: 22px;display: block;}
/* iPad 竖屏区间（768-1024）：搜索按钮与 56px 汉堡栏等高*/
@media (min-width: 768px) and (max-width: 1024px){.header-phone .btn-search{width: 56px;height: 56px;}
.header-phone .btn-search svg{width: 24px;height: 24px;}}
/* ---- 搜索弹层 ----*/
.search-overlay{position: fixed;inset: 0;z-index: 1000000;visibility: hidden;}
.search-overlay.show{visibility: visible;}
.search-overlay .search-mask{position: absolute;inset: 0;background: rgba(7, 86, 164, 0.45);opacity: 0;transition: opacity 0.3s ease;}
.search-overlay.show .search-mask{opacity: 1;}
.search-overlay .search-panel{position: relative;background: #fff;box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.14);transform: translateY(-100%);transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);}
.search-overlay.show .search-panel{transform: translateY(0);}
.search-box{display: flex;align-items: center;gap: 0.75rem;padding: 1.35rem 0.25rem;}
.search-box .search-icon{flex: 0 0 auto;color: #1684D8;display: flex;}
.search-box .search-icon svg{width: 1.55rem;height: 1.55rem;}
.search-box input{flex: 1 1 auto;min-width: 0;border: 0;outline: none;background: transparent;font-size: 1.1rem;color: #212529;padding: 0;}
.search-box input::-webkit-search-cancel-button{display: none;}
.search-box input::placeholder{color: #adb5bd;}
.search-box .search-close{flex: 0 0 auto;width: 2.3rem;height: 2.3rem;border: 0;border-radius: 50%;padding: 0;background: #e6f3fb;color: #6c757d;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: background-color 0.25s ease, color 0.25s ease;}
.search-box .search-close svg{width: 1rem;height: 1rem;}
.search-box .search-close:hover{background: rgba(22, 132, 216, 0.18);color: #1684D8;}
@media (max-width: 767px){
.search-box{padding: 0.9rem 0.25rem;gap: 0.55rem;}
.search-box .search-icon svg{width: 1.25rem;height: 1.25rem;}
.search-box input{font-size: 1rem;}
.header-phone .logo{padding:0 5px;}
.story-text h2{font-size:1.5rem;}
.ycd{display:none;}
}
/* ===================================================================== PC 导航下拉菜单美化：白底圆角卡片 + 柔和阴影 + 蓝色 hover （覆盖 main.css 中 #0756A4 深蓝实底的旧样式） =====================================================================*/
/* 主菜单项下拉小箭头*/
.header-pc .list .hasSubMenu > a{position: relative;}
.header-pc .list .hasSubMenu > a::after{content: "";display: inline-block;width: 0;height: 0;margin-left: 0.4rem;vertical-align: middle;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #6c757d;transform: translateY(-1px);transition: transform 0.25s ease, border-top-color 0.25s ease;}
.header-pc .list .hasSubMenu:hover > a::after{border-top-color: #1684D8;transform: rotate(180deg);}
/* 下拉层：常驻布局，用 visibility + opacity + 位移做平滑过渡*/
.header-pc .subMenu{top: 100%;left: 50%;width: auto;min-width: 13rem;height: auto;overflow: visible;padding-top: 0.6rem;display: block;visibility: hidden;opacity: 0;transform: translate(-50%, -6px);transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;}
.header-pc .list li:hover .subMenu,
.header-pc .list li:focus-within .subMenu{display: block;visibility: visible;opacity: 1;transform: translate(-50%, 0);transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s;}
/* 卡片本体*/
.header-pc .subMenu .con{position: relative;margin-top: 0;padding: 0.45rem;background-color: #0756A4;border: 1px solid rgba(22, 132, 216, 0.08);border-radius: 0.75rem;box-shadow: 0 0.6rem 1.6rem rgba(7, 86, 164, 0.13), 0 0.15rem 0.4rem rgba(7, 86, 164, 0.07);}
/* 卡片顶部小三角*/
.header-pc .subMenu .con::before{content: "";position: absolute;top: -5px;left: 50%;width: 10px;height: 10px;margin-left: -5px;background-color: #0756A4;border-left: 1px solid rgba(22, 132, 216, 0.08);border-top: 1px solid rgba(22, 132, 216, 0.08);border-radius: 2px;transform: rotate(45deg);}
/* 菜单项*/
.header-pc .subMenu a{display: block;line-height: 1.4;padding: 0.6rem 0.95rem;text-align: left;font-size: 0.875rem;color: #fff;white-space: nowrap;border-radius: 0.5rem;transition: background-color 0.2s ease, color 0.2s ease;}
.header-pc .subMenu a:hover{background-color: rgba(22, 132, 216, 0.12);color: #1684D8;}
/* -- lift --*/
.lift{color: #999;font-size: 14px;border-top: 1px solid #ddd;padding: 5px 10px;width:100%;margin: 0 auto;margin-top: 35px;box-sizing: border-box;}
.lift a{color: #999;padding:10px 0;display: inline;word-break: break-word;box-sizing: border-box;width: 100%;}
.lift span{margin-top:5px;display:block;padding:5px 0;}
.lift p{display:block;margin:10px 0;line-height:1.4;}
/* -- ur-here --*/
.ur-here{color: #999999;font-size: 13px;}
.ur-here a{font-size:13px;color:#999999;}
.ur-here em{font-style:normal;}
/* -- pager css1 --*/
.pager{text-align: center;padding-top: 20px;color: #666;font-size: 14px;}
.pager a{color: #000;background: #fff;border: 1px solid #ddd;padding: 5px 8px;}
.pager a:hover{background-color: #000;color:#fff;}
.pager a.active{background-color: #000;color: #fff;cursor: default;}
/* -- pager css2 --*/
.pager{text-align: center;padding-top: 20px;color: #666;font-size: 14px;}
.pager ul{display: inline-block;padding: 0;/*border-left: 1px solid #ddd;*/}
.pager ul li{display: block;float: left;}
.pager ul li a, .pager ul li em{display: block;padding: 0 12px;line-height: 30px;text-decoration: none;background-color: #fff;border: 1px solid #ddd;/*border-left-width:0;*/border-radius: 0;}
.pager ul li a:hover{background-color: #f5f5f5;}
.pager ul li.active a{background-color: #f5f5f5;color: #999;cursor: default;}
.pager ul li em.total{margin-left: 10px;border-left-width: 1px;color: #999;}
.pagination{font-size:16px;line-height:1.6;}
.pagination li{position: relative;display: inline-block;margin: 0px 5px 10px 0px;width: auto;min-width: 48px;line-height: 48px;}
.pagination .active{background: #ddd;min-width: 48px;display: inline-block;font-size: 16px;font-weight: 600;color: #000;border-radius: 5px;text-align: center;line-height: 48px;}
.pagination li a{position: relative;display: inline-block;line-height: 48px;height: 48px;min-width: 48px;font-size: 16px;min-width: 48px;font-weight: 600;text-align: center;border-radius: 5px;text-transform: capitalize;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;color: #fff;background-color: #0756A4;padding: 0 5px;}
.jumpto{display:none;}
.prev{padding-top:20px;border-top:1px dashed #ddd;}
.next{margin-top:10px;}
.prev a,.next a{color:#555;}
/*表格自适应*/
td,th{white-space:nowrap;word-break:keep-all;border:solid #676767 1px;text-align:left;white-space:pre-line;word-break:break-all !important;word-wrap:break-word !important;display:table-cell;vertical-align:middle !important;white-space: normal !important;height:auto;vertical-align:text-top;padding:5px;display: table-cell;}
.ue-table-interlace-color-single{background: #f9f9f9;}
.clear{clear:both;}
.bqtag a{background: #adb5bd;color: #fff;display: inline-block;padding: 0 5px;margin: 3px;border-radius: 3px;height: 30px;line-height: 30px;}
.bqtag a:hover{background:#1684D8;}


/* tag-list-----------------------------------------------*/
.tag-list{padding: 20px 0;}
.tag-items{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 15px;}
.tag-items li{flex: 0 0 auto;}
.tag-link{display: inline-block;padding: 8px 16px;background-color: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;color: #333;text-decoration: none;transition: all 0.3s ease;}
.tag-link:hover{background-color: #1684D8;color: #fff;border-color: #1684D8;text-decoration: none;}
.tag-name{font-size: 14px;}
.tag-count{font-size: 12px;color: #999;margin-left: 5px;}
.tag-link:hover .tag-count{color: #fff;}
.module-tabs{margin: 15px 0;padding: 0;border-bottom: 2px solid #eee;}
.module-tab{display: inline-block;padding: 8px 20px;margin-right: 5px;background-color: #f5f5f5;border: 1px solid #ddd;border-bottom: none;border-radius: 4px 4px 0 0;color: #666;text-decoration: none;font-size: 14px;}
.module-tab:hover{background-color: #1684D8;color: #fff;border-color: #1684D8;text-decoration: none;}
.module-tab.active{background-color: #1684D8;color: #fff;border-color: #1684D8;}
@media (max-width: 768px){.tag-items{gap: 10px;}
.tag-link{padding: 6px 12px;font-size: 13px;}}

/* tag page -----------------------------------------------*/
.map-box{background: #fff;border-radius: 0.8rem;padding: 1.5rem;}
.map-box h1{font-size: 1.5rem;font-weight: bold;color: #212529;margin-bottom: 1rem;}
.map-box h3{font-size: 1.1rem;font-weight: bold;color: #212529;margin: 1.5rem 0 0.8rem;}
.tag-description{background: #f5f5f5;border-left: 3px solid #1684D8;padding: 0.8rem 1rem;margin-bottom: 1.2rem;color: #495057;font-size: 0.9rem;border-radius: 0 0.4rem 0.4rem 0;}
.article_list{list-style: none;padding: 0;margin: 0;}
.article_list li{margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid #e9ecef;}
.article_list li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.article_item{display: flex;gap: 1rem;}
.article_image{flex: 0 0 120px;width: 120px;height: 80px;border-radius: 0.4rem;overflow: hidden;}
.article_image img{width: 100%;height: 100%;object-fit: cover;display: block;}
.article_info{flex: 1;min-width: 0;}
.article_info h3{font-size: 1rem;font-weight: bold;color: #212529;margin: 0 0 0.4rem;line-height: 1.4;}
.article_info h3 a{color: inherit;text-decoration: none;transition: color 0.2s;}
.article_info h3 a:hover{color: #1684D8;}
.article_info p{font-size: 0.85rem;color: #6c757d;margin: 0 0 0.5rem;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.article_meta{display: flex;flex-wrap: wrap;gap: 0.8rem;font-size: 0.78rem;color: #adb5bd;}
.article_meta a{color: #1684D8;text-decoration: none;}
.article_meta a:hover{text-decoration: underline;}
.tag-cloud{margin-top: 1.5rem;padding-top: 1.5rem;border-top: 1px solid #e9ecef;}
.tag-cloud-content{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center;}
.tag-cloud-content a{display: inline-block;padding: 0.3rem 0.7rem;background: #f5f5f5;color: #495057;text-decoration: none;border-radius: 0.3rem;font-size: 0.85rem;transition: all 0.2s;}
.tag-cloud-content a:hover{background: #1684D8;color: #fff;}
.related-tags{margin-top: 1.2rem;padding-top: 1.2rem;border-top: 1px solid #e9ecef;}
.related-tags ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 0.6rem;}
.related-tags li a{display: inline-block;padding: 0.4rem 0.8rem;background: #e6f3fb;color: #1684D8;text-decoration: none;border-radius: 0.3rem;font-size: 0.82rem;transition: all 0.2s;}
.related-tags li a:hover{background: #1684D8;color: #fff;}
.no_data{text-align: center;padding: 2rem;color: #adb5bd;font-size: 0.9rem;}
@media (max-width: 768px){
.map-box{padding: 1rem;}
.map-box h1{font-size: 1.25rem;}
.article_item{flex-direction: column;gap: 0.8rem;}
.article_image{flex: 0 0 auto;width: 100%;height: 160px;}
}