@charset "utf-8";
:root{--green:#259e82;--light-green:#48ad96;--swiper-theme-color:#48ad96}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#666;background:#fff}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}a:hover{color:var(--green);text-decoration:none}img{display:block;border:0;max-width:100%}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #16866f;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.page{width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.banner{height:621px;background:url(../images/systhjj_1.jpg) no-repeat center top;background-size:1920px 621px}.page-body{height:2830px;background:url(../images/systhjj_2.jpg) no-repeat center top;background-size:1920px 2830px}.main{width:1200px;margin:0 auto;padding-top:74px}.section-heading{position:relative;display:flex;align-items:center;justify-content:center;height:85px}.section-heading h2{font-size:36px;font-weight:700;line-height:1.4;color:var(--green)}.section-heading .more{position:absolute;right:0;top:39px}.more{font-size:16px;font-weight:400;color:#888;white-space:nowrap}.decorated{width:860px;margin:0 auto;background:url(../images/systhjj_1.png) no-repeat left center}.policy-grid{display:grid;grid-template-columns:694px 480px;gap:26px;margin-top:57px}.swiper-container{position:relative;overflow:hidden;min-width:0}.swiper-wrapper{display:flex;height:100%}.swiper-slide{flex-shrink:0;position:relative;width:100%;height:100%}.swiper-slide a{display:block;position:relative;height:100%}.swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-slide p{position:absolute;bottom:0;left:0;width:100%;color:#fff;background:rgba(0,0,0,.55);font-size:20px;line-height:40px;padding:0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swiper1{height:392px}.swiper1 .swiper-slide p{padding-right:105px}.pagination1{position:absolute;bottom:12px!important;right:17px;left:auto!important;width:auto!important;z-index:5;display:flex;gap:8px}.swiper-pagination-bullet{display:inline-block;width:12px;height:12px;border-radius:50%;background:#d1d1d1;opacity:1;cursor:pointer}.pagination1 .swiper-pagination-bullet{background:#fff;margin:0!important}.swiper-pagination-bullet-active,.pagination1 .swiper-pagination-bullet-active{background:var(--light-green)}.latest-heading{height:43px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:flex-start}.latest-heading h3{font-size:24px;color:var(--light-green);line-height:30px}.latest-heading .more{padding-top:5px}.news-list{padding-top:12px}.news-list li{font-size:20px;line-height:49px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-list a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dynamics{margin-top:62px}.dynamics-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px;margin-top:62px}.news-item a{display:grid;grid-template-columns:285px 1fr;gap:16px;height:170px}.news-item img{width:285px;height:170px;object-fit:cover}.news-item h3{font-size:21px;line-height:35px;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item p{font-size:16px;line-height:30px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-item a:hover h3{color:var(--green)}.results{margin-top:143px}.results .section-heading h2{color:var(--light-green)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:29px}.result-card{background:#fff;box-shadow:0 6px 20px #0000001a;min-width:0}.result-card>a{display:block}.result-card img{width:100%;height:215px;object-fit:cover}.card-copy{padding:25px 26px 20px}.card-copy h3{font-size:21px;line-height:32px;white-space:nowrap;text-align:center;letter-spacing:-.5px}.card-copy p{font-size:20px;line-height:36px;margin-top:8px;height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-arrow{display:block;width:117px;height:33px;line-height:28px;margin:26px auto 0;background:#d4d4d4;color:#fff;font-family:Arial,sans-serif;font-size:35px;text-align:center}.result-card a:hover,.result-card a:focus-visible{color:var(--light-green)}.result-card a:hover .card-arrow,.result-card a:focus-visible .card-arrow{background:var(--light-green)}.science{margin-top:58px}.science-carousel{margin-top:19px}.swiper2{height:625px}.swiper2 .swiper-slide p{line-height:58px;text-align:center;font-size:20px}.prev2,.next2{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:44px;height:76px;border:0;padding:0;background:#163a4c99;cursor:pointer;color:#fff}.prev2{left:0;border-radius:0 44px 44px 0}.next2{right:0;border-radius:44px 0 0 44px}.prev2:after,.next2:after{content:"";display:block;width:18px;height:18px;border-top:2px solid white;border-right:2px solid white;position:absolute;top:28px;left:11px;transform:rotate(45deg)}.prev2:after{transform:rotate(-135deg);left:15px}.prev2:hover,.next2:hover{background:#16866fcc}.pagination2{display:flex;justify-content:center;gap:14px;padding-top:18px}.pagination2 .swiper-pagination-bullet{width:18px;height:18px;margin:0!important}.footer{border-top:2px solid var(--light-green);height:346px;text-align:center;padding:76px 20px 40px;color:#333;font-size:12px;line-height:24px}.footer-badges{width:972px;height:50px;object-fit:contain;margin:0 auto 14px}.footer p:last-child a:last-of-type{color:#dc2323}
@media(max-width:1250px) and (min-width:769px){.main{width:calc(100% - 64px)}.policy-grid{grid-template-columns:58% 1fr;gap:24px}.news-item a{grid-template-columns:48% 1fr}.news-item img{width:100%}.news-item h3{font-size:18px;line-height:29px}.news-item p{line-height:26px}.card-copy{padding:22px 16px}.card-copy h3{font-size:17px}.card-copy p{font-size:18px}.decorated{max-width:100%}}
@media(max-width:768px){.banner{height:auto;aspect-ratio:1920/621;background-size:100% auto}.page-body{height:auto;background-image:linear-gradient(to bottom,transparent 900px,#fff 1500px),url(../images/systhjj_2.jpg);background-size:100% 100%,auto 1600px;background-position:center top,center 100px}.main{width:auto;margin:0 20px;padding-top:28px;padding-bottom:60px}.section-heading{height:58px}.section-heading h2{font-size:24px}.section-heading .more{top:23px;font-size:12px}.decorated{width:100%;background-size:100% auto}.decorated h2{font-size:22px}.policy-grid{display:block;margin-top:24px}.swiper1{height:auto;aspect-ratio:694/392}.swiper-slide p{font-size:14px;line-height:34px;padding-left:10px}.swiper1 .swiper-slide p{padding-right:72px}.pagination1{bottom:13px!important;right:10px;gap:5px}.pagination1 .swiper-pagination-bullet{width:8px;height:8px}.latest{margin-top:26px}.latest-heading{height:38px}.latest-heading h3{font-size:20px}.more{font-size:13px}.news-list{padding-top:8px}.news-list li{font-size:15px;line-height:35px}.dynamics{margin-top:32px}.dynamics-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.news-item a{grid-template-columns:42% 1fr;height:112px;gap:12px}.news-item img{width:100%;height:112px}.news-item h3{font-size:15px;line-height:24px}.news-item p{font-size:12px;line-height:20px;margin-top:4px;-webkit-line-clamp:3}.results{margin-top:38px}.result-grid{grid-template-columns:1fr;gap:22px;margin-top:18px}.result-card img{height:auto;aspect-ratio:380/215}.card-copy{padding:20px}.card-copy h3{font-size:19px;white-space:normal;letter-spacing:0}.card-copy p{font-size:16px;line-height:28px;height:56px}.card-arrow{margin-top:18px}.science{margin-top:36px}.science-carousel{margin-top:18px}.swiper2{height:auto;aspect-ratio:1200/625}.swiper2 .swiper-slide p{font-size:13px;line-height:30px}.prev2,.next2{width:30px;height:50px}.prev2:after,.next2:after{width:12px;height:12px;top:19px;left:7px}.prev2:after{left:11px}.pagination2{gap:10px;padding-top:14px}.pagination2 .swiper-pagination-bullet{width:10px;height:10px}.footer{height:auto;min-height:210px;padding:30px 20px;font-size:10px;line-height:20px}.footer-badges{height:auto;width:100%;margin-bottom:16px}.footer p{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* 正文配图：固定原有图片窗口，只缩放窗口内的图片。 */
.image-frame{display:block;overflow:hidden;line-height:0;min-width:0}
.image-frame img{transition:transform .5s ease;transform-origin:center center}
.swiper-slide .image-frame{width:100%;height:100%}
.news-item .image-frame{height:170px}
@media(hover:hover){
    .preview-link:hover .image-frame img{transform:scale(1.06)}
}
.preview-link:focus-visible .image-frame img{transform:scale(1.06)}
@media(max-width:768px){.news-item .image-frame{height:112px}}
@media(prefers-reduced-motion:reduce){.image-frame img{transition:none}}

/* 长标题限制在卡片内部；箭头用 CSS 绘制，避免模板编码转换后变为问号。 */
.card-copy{min-width:0;overflow:hidden}
.card-copy h3{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.card-arrow{position:relative;font-size:0}
.card-arrow::before{content:"";position:absolute;left:50%;top:50%;width:27px;height:1px;background:#fff;transform:translate(-50%,-50%)}
.card-arrow::after{content:"";position:absolute;left:calc(50% + 7px);top:50%;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50%) rotate(45deg)}
@media(max-width:768px){.card-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}