@font-face { font-family: "Helvetica"; src: url(/Public/Home/fonts/HelveticaNeueLTPro-BdCn.otf); }

@font-face { font-family: "shayu"; src: url(/Public/Home/fonts/YouSheShaYuFeiTeJianKangTi.ttf); }

@font-face { font-family: "cusong"; src: url(/Public/Home/fonts/FangZhengCuSong.ttf); }

body { --color: #323946; color: var(--color); font-size: 15px;  background: #F5F5F5 !important; }

.header-nav.scroll { top: 0; padding: 8px 0; }

.wrap, .header-nav.scroll .wrap { width: 1400px; margin: 0 auto; }

.line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.line-2 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; }

.line-3 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical !important; }

.line-4 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical !important; }

.line-5 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical !important; }

.scroll-box::-webkit-scrollbar { width: 6px; }

.scroll-box::-webkit-scrollbar:hover { width: 10px; }

.scroll-box::-webkit-scrollbar-track, .scroll-box::-webkit-scrollbar-thumb { border-radius: 12px; }

.scroll-box::-webkit-scrollbar-thumb { background: #BDCBCB; }

.banner { position: relative; width: 100%; }

.banner .banner-img { width: 100%; }

.local-box { position: relative; margin-top: 60px; }

.local-box .intro { display: flex; align-items: center; justify-content: center; }

.local-box .intro .info { margin-left: 124px; }

.local-box .intro .info .title { font-size: 24px; }

.local-box .intro .info > p { opacity: .7; }

.local-box .intro .info .num { font-size: 36px; font-family: Helvetica; line-height: 1.2; }

.local-box .intro .info .num.y { color: #AB9466; }

.local-box .intro .info .data { display: flex; align-items: center; margin-top: 20px; }

.local-box .intro .info .data .item { text-align: center; }

.local-box .intro .info .data .item p { font-size: 14px; opacity: .5; color: #0C121D; }

.local-box .intro .info .data .item p .num { line-height: normal; font-size: 15px; }

.local-box .intro .info .data .item:first-child { margin-right: 160px; }

.local-box #map { height: 540px; margin-top: 20px; }

.local-box #map .amap-logo, .local-box #map .amap-copyright { display: none !important; }

.local-box .custom-marker { opacity: 0; min-width: 130px; padding: 5px 30px; text-align: center; color: #0C121D; border-radius: 5px; background: #FFFFFF; border: 2px solid #61B43A; }

.local-box .custom-marker .name { opacity: .8; white-space: nowrap; }

.local-box .custom-marker .num { font-family: Helvetica; font-size: 18px; line-height: 1.2; }

.local-box .custom-marker .num span { color: #AB9466; }

.local-box .custom-marker.on { animation: show .3s; animation-delay: var(--delay); animation-fill-mode: forwards; }

@keyframes show { 0% { opacity: 0;
    transform: scale(0.6); }
  100% { opacity: 1;
    transform: scale(1); } }

.title-box { display: flex; align-items: center; justify-content: center; }

.title-box .intro { margin-left: 80px; }

.title-box .intro .title { font-size: 24px; }

.title-box .intro p { opacity: .7; }

.main { padding-top: 100px; }

.activities { margin-top: 20px; }

.activities .swiper-wrapper { display: flex; flex-wrap: wrap; }

.activities .swiper-slide { width: calc((100% - 20px) / 3); margin-top: 10px; margin-right: 10px; }

.activities .swiper-slide:nth-child(3n), .activities .swiper-slide:last-child { margin-right: 0; }

.activities .swiper-slide a { display: block; overflow: hidden; border-radius: 5px; background: #FFFFFF; }

.activities .swiper-slide .thumb { width: 100%; height: 100%; object-fit: cover; }

.activities .swiper-slide .info { padding: 15px; }

.activities .swiper-slide .info .title { font-size: 17px; font-weight: bold; line-height: 22px; }

.activities .swiper-slide .info p { font-size: 14px; opacity: .7; margin-top: 2px; }

.activities .swiper-slide.small { width: calc((100% - 30px) / 4); }

.activities .swiper-slide.small:nth-child(3n) { margin-right: 10px; }

.activities .swiper-slide.small .info { padding: 12px 12px 16px; }

.activities .swiper-slide.small .info .title { font-size: 15px; }

.activities .swiper-slide.small .info p { font-size: 13px; }

.table-box { position: relative; height: 500px; margin-top: 16px; }

.table-box .table-main { --padding: 30px; height: 100%; padding: 30px var(--padding); padding-right: 10px; background: #fff; border-radius: 5px; }

.table-box .table-main .title-box { display: flex; margin-bottom: 20px; }

.table-box .table-main .scroll-box { display: flex; align-items: flex-start; width: 100%; height: calc(100% - 47px); padding-right: calc(var(--padding) - 10px); overflow-y: auto; }

.table-box .table { flex: 1; }

.table-box .table:first-child { position: sticky; margin-right: 50px; }

.table-box table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.table-box table th { opacity: .6; border-bottom: none; background: #efffff; }

.table-box table th span { display: block; font-size: 12px; }

.table-box table th em { font-style: normal; }

.table-box table td, .table-box table th { padding: 8px 10px; border: 1px solid #d6e9e9; }

.table-box table th .cell { font-size: 13px; }

.table-box table .cell { font-size: 14px; }

.table-box table .cell.s { flex-direction: column; }

.table-box table .cell.name { font-weight: bold; }

.table-box table .cell.num { color: #E88D23; font-size: 16px; font-family: Helvetica; justify-content: center; }

.table-box table .cell.num.g { color: #25BF71; }

.table-box table .cell.center { text-align: center; }

.table-box .title { width: 50%; font-family: cusong; font-size: 18px; text-align: center; }

.slogan-box { margin-top: 100px; }

.slogan-box .title-box .intro { margin-left: 70px; }

.slogan-box .title-box .intro .item { display: flex; align-items: center; }

.slogan-box .title-box .intro .item label { font-size: 18px; font-family: shayu; color: #000; opacity: .5; }

.slogan-box .flex-box { display: flex; margin-top: 20px; --gap: 16px; --img-width: 262px; }

.slogan-box .flex-box .info-box { width: calc(100% - var(--img-width) - var(--gap)); margin-right: var(--gap); }

.slogan-box .flex-box .green-china { display: block; width: var(--img-width); }

.slogan-box .flex-box .green-china .sc-title { opacity: 0; }

.slogan-box .flex-box .green-china img { width: 100%; }

.slogan-box .sc-title { position: relative; width: 100%; padding-bottom: 5px; margin-bottom: 11px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); }

.slogan-box .sc-title .title { color: #313A4B; font-size: 22px; font-family: shayu; }

.slogan-box .sc-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 88px; height: 6px; background: #61B43A; }

.slogan-box .poster-box { position: relative; z-index: 5; }

.slogan-box .poster-box .swiper-slide { display: flex; }

.slogan-box .poster-box .swiper-slide .thumb { position: relative; width: calc((100% - 32px) / 5); max-height: 312px; }

.slogan-box .poster-box .swiper-slide .thumb:not(:nth-child(5n)) { margin-right: 8px; }

.slogan-box .poster-box .swiper-slide .thumb img { width: 100%; height: 100%; object-fit: cover; }

.slogan-box .poster-box .swiper-slide .thumb span { position: absolute; left: 50%; bottom: 24px; color: #1D8768; font-size: 15px; font-family: shayu; padding: 3px 10px; transform: translateX(-50%); background: #fff; border-radius: 100px; }

.slogan-box .poster-box .poster-footer { display: flex; align-items: center; justify-content: flex-end; line-height: 1; margin-top: 8px; }

.slogan-box .poster-box .poster-footer .download { margin-right: 10px; }

.slogan-box .poster-box .poster-footer .download a { color: #1D8768; font-size: 13px; }

.slogan-box .poster-box .poster-footer .poster-page { position: initial; line-height: 0; }

.slogan-box .video-box { position: relative; z-index: 1; margin-top: -16px; }

.slogan-box .video-box .video-list { width: 100%; display: flex; align-items: center; flex-wrap: nowrap; margin: 0; }

.slogan-box .video-box .video-list .video-item { position: relative; width: calc((100% - 32px) / 5); flex-shrink: 0; margin-right: 8px; cursor: pointer; }

.slogan-box .video-box .video-list .video-item:last-child { margin-right: 0; }

.slogan-box .video-box .video-list .video-item .thumb { width: 100%; max-height: 123px; overflow: hidden; }

.slogan-box .video-box .video-list .video-item .thumb img { width: 100%; height: 100%; object-fit: cover; }

.slogan-box .video-box .video-list .video-item .thumb img:hover { transform: scale(1.2); transition: all .3s; }

.slogan-box .video-box .video-list .video-item .name { white-space: normal; font-size: 14px; line-height: 1.3; text-align: justify; margin-top: 8px; padding-right: 8px; }

.slogan-box .proposal-box { margin-top: 20px; overflow: hidden; }

.slogan-box .proposal-box ul { display: flex; align-items: center; flex-wrap: wrap; margin-top: 17px; padding: 0 10px; }

.slogan-box .proposal-box ul li { position: relative; width: calc(50% - 20px); padding-left: 24px; margin-bottom: 8px; line-height: 20px; }

.slogan-box .proposal-box ul li:nth-child(odd) { margin-right: 40px; }

.slogan-box .proposal-box ul li::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 13px; background: url("./activity-icon.png") no-repeat; }

.slogan-box .proposal-box .more { text-align: right; margin-top: 24px; padding-right: 20px; line-height: 1; cursor: pointer; }

.swiper-pagination-bullet { width: 6px; height: 6px; opacity: 1; margin: 0 4px; border-radius: 100px; background: #C3CDBF; }

.swiper-pagination-bullet-active { width: 12px; background: #61B43A; }

@media screen and (max-width: 1600px) { .wrap, .header-nav.scroll .wrap { width: 1200px; }
  .slogan-box .flex-box { --img-width: 229px; } }

@media screen and (max-width: 1024px) { .wrap, .header-nav.scroll .wrap, body { width: 1200px !important; }
  .header-nav .icons { display: none; }
  .header-nav .sc-nav { display: block; }
  .local-box::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 540px; z-index: 10; background: transparent; } }