@charset "UTF-8";
body { color: #263D35; }

@font-face { font-family: title-font; font-weight: regular; src: url(../font/方正清刻本悦宋简体.TTF); }

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

.globle-title-box .globle-title { position: relative; font-size: 28px; font-family: title-font; }

.globle-title-box .globle-title::before { content: ''; display: block; border-radius: 100px; background: #27BA74; position: absolute; bottom: -8px; width: 56px; height: 5px; }

.globle-title-box .globle-title:not(.last)::before { left: 0; }

.globle-title-box .globle-title.last::before { right: 0; }

.more { display: flex; align-items: center; border-radius: 1000px; background: #27BA74; padding: 10px 12px; color: #fff; font-size: 13px; }

.news { margin: 60px auto 80px; }

.news .top-new { margin-top: 52px; }

.news .top-new .title { font-weight: bold; font-size: 26px; text-align: center; }

.news .top-new .des { margin-top: 10px; font-size: 16px; color: rgba(38, 61, 53, 0.7); text-indent: 2em; line-height: 26px; }

.news .new-thumb { position: relative; width: 1100px; margin: 40px auto; }

.news .new-thumb .news-swiper { width: 916px; margin: 0 auto; }

.news .new-thumb .news-swiper .swiper-slide { width: 380px; height: 230px; }

.news .new-thumb .news-swiper .swiper-slide::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); border-radius: 5px; }

.news .new-thumb .news-swiper .swiper-slide-active { width: 476px; height: 288px; }

.news .new-thumb .news-swiper .swiper-slide-active::after { display: none; }

.news .new-thumb .news-swiper .swiper-wrapper { align-items: baseline; }

.news .new-thumb .news-swiper .new-cell { position: relative; border-radius: 5px; overflow: hidden; height: 100%; }

.news .new-thumb .news-swiper .new-cell img { width: 100%; height: 100%; object-fit: cover; }

.news .new-thumb .news-swiper .new-cell .text { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(29, 38, 47, 0.6); color: #fff; font-size: 14px; padding: 16px; }

.news .new-thumb .new-page { position: absolute; width: 100%; top: 50%; display: flex; justify-content: space-between; }

.news .new-thumb .new-page img { cursor: pointer; }

.news .new-thumb .new-page .next { transform: rotateY(180deg); }

.news .new-info .new-list { display: flex; flex-wrap: wrap; width: 1082px; }

.news .new-info .new-list a { position: relative; display: block; width: 511px; padding-left: 15px; margin-right: 30px; margin-bottom: 10px; }

.news .new-info .new-list a::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; background: #AEB5BA; }

.jz-box { background: url(../images/guangxi/jz-bg.png) no-repeat center/100% 100%; padding: 80px 0; }

.jz-box .intro { margin-left: 30px; }

.jz-box .entity-icon { margin-top: 30px; justify-content: center; }

.jz-box .entity-icon .icon-item { min-width: 64px; font-size: 16px; font-weight: bold; text-align: center; }

.jz-box .entity-icon .icon-item img { margin-bottom: 7px; }

.jz-box .entity-icon .icon-item:not(:last-child) { margin-right: 63px; }

.project-box { margin-top: 60px; }

.project-box .project { position: relative; width: 580px; color: #333; font-size: 13px; }

.project-box .project .bz { color: rgba(51, 51, 51, 0.6); font-size: 16px; margin-left: 20px; }

.project-box .project.max { width: 100%; }

.project-box .project.max .cell { display: flex; align-items: center; }

.project-box .project.max .infos { flex: 1; flex-direction: column; margin-left: 30px; margin-top: 0; }

.project-box .project.max .infos .info { max-width: 90%; }

.project-box .project.max .infos .more { margin-left: 0; }

.project-box .project.max .line-2 { -webkit-line-clamp: 3; }

.project-box .project.max .more1 { right: 20px; }

.project-box .project.max .swiper-pagination { text-align: center; }

.project-box .project .swiper-container { padding-bottom: 25px; width: 100%; }

.project-box .project .img { position: relative; width: 580px; height: 300px; border-radius: 5px; margin-top: 33px; overflow: hidden; background-size: cover; background-position: center; }

.project-box .project .img img {width: 100%; height: 100%;object-fit: cover;}

.project-box .project .img span { position: absolute; top: 0; left: 0; padding: 6px 10px; background: rgba(0, 0, 0, 0.5); border-radius: 5px 0 10px 0; color: #fff; font-size: 12px; }

.project-box .project .infos { padding-left: 10px; margin-top: 10px; align-items: flex-start; }

.project-box .project .infos .info { width: 440px; }

.project-box .project .infos .info .title { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.project-box .project .infos .info .time { margin-bottom: 10px; }

.project-box .project .infos .info .time .green { color: #046636; font-size: 14px; }

.project-box .project .infos .info .des { color: rgba(51, 51, 51, 0.5); }

.project-box .project .infos .more { margin-top: 20px; margin-left: 30px; }

.project-box .project .more1 { position: absolute; bottom: 0; right: 34px; z-index: 12; }

.project-box .project .swiper-pagination { bottom: 0; text-align: left; padding-left: 10px; }

.project-box .project .pro-page .swiper-pagination-bullet { opacity: 1; background: #27BA74; }

.project-box .project .pro-page .swiper-pagination-bullet-active { width: 16px; border-radius: 100px; }

.adopt { color: #333; margin: 80px 0 60px; }

.adopt .adopt-cell { margin-top: 33px; }

.adopt .adopt-cell .img { position: relative; }

.adopt .adopt-cell .img img { width: 1200px; height: 300px; object-fit: cover; border-radius: 5px; }

.adopt .adopt-cell .img span { position: absolute; top: 0; left: 0; color: #fff; font-size: 12px; padding: 6px 10px; background: rgba(0, 0, 0, 0.5); border-radius: 5px 0 10px 0; }

.adopt .adopt-cell .info-box { align-items: center; justify-content: space-between; margin-top: 10px; }

.adopt .adopt-cell .info-box .infos { width: 540px; padding-left: 10px; margin-right: 60px; align-items: flex-end; }

.adopt .adopt-cell .info-box .infos .info { width: 412px; margin-right: 30px; }

.adopt .adopt-cell .info-box .infos .info .title { font-weight: bold; font-size: 20px; margin-bottom: 10px; }

.adopt .adopt-cell .info-box .infos .info .time { margin-bottom: 5px; }

.adopt .adopt-cell .info-box .infos .info .time .green { color: #046636; font-size: 14px; margin-right: 20px; }

.adopt .adopt-cell .info-box .infos .info .des { color: rgba(51, 51, 51, 0.5); }

.adopt .adopt-cell .info-box .infos .more { margin-bottom: 10px; }

.adopt .adopt-cell .info-box .trees .text { writing-mode: vertical-rl; margin-right: 20px; }

.adopt .adopt-cell .info-box .trees .list { position: relative; width: 556px; font-size: 0; overflow: hidden; }

.adopt .adopt-cell .info-box .trees .list .item { position: relative; margin-right: 10px; }

.adopt .adopt-cell .info-box .trees .list .item img { width: 120px; height: 86px; object-fit: cover; border-radius: 3px; }

.adopt .adopt-cell .info-box .trees .list .item p { position: absolute; bottom: 10px; left: 0; width: 100%; padding: 0 10px; color: #fff; font-size: 13px; }

.adopt .adopt-cell .info-box .trees .list::after { content: ''; position: absolute; bottom: 0; right: 0; width: 60px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); }

.tag-box { padding: 60px 0 80px; }

.tag-box .content { position: relative; margin-top: 62px; overflow: hidden; }

.tag-box .content::after, .tag-box .content::before { content: ''; position: absolute; top: 0; z-index: 10; width: 100px; height: 100%; background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }

.tag-box .content::after { right: 0; background: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

.tag-box .content::before { left: 0; }

.tag-box .content .item { white-space: nowrap; margin-bottom: 40px; }

.tag-box .content .item:last-child { margin-bottom: 0; }

.tag-box .content .item:nth-child(2n) { padding-left: 90px; }

.tag-box .content .item .cell { display: inline-flex; align-items: center; margin-right: 80px; }

.tag-box .content .item .cell img { width: 56px; height: 56px; object-fit: cover; border-radius: 100%; margin-right: 10px; }

.tag-box .content .item .cell p { margin-bottom: 5px; font-size: 14px; color: #333; }

.tag-box .content .item .cell p .green { color: #046636; }

.tag-box .content .item .cell .money { font-size: 16px; }

.tag-box .content .item .cell .money .num { color: #046636; font-weight: bold; font-size: 22px; }

.tag-box .more { position: absolute; right: 0; top: 50%; z-index: 15; transform: translateY(-50%); }

.zs-box { padding-bottom: 80px; color: #333; }

.zs-box .nav { margin: 35px 0 40px; }

.zs-box .nav .title { position: relative; font-size: 16px; opacity: .5; cursor: pointer; }

.zs-box .nav .title.active { opacity: 1; }

.zs-box .nav .title:last-child { margin-left: 45px; }

.zs-box .nav .title:last-child::after { position: absolute; left: -25px; top: 0; color: rgba(51, 51, 51, 0.3); content: '|'; }

.zs-box .content { width: 100%; overflow: hidden; }

.zs-box .content::after, .zs-box .content::before { content: ''; position: absolute; top: 0; z-index: 10; width: 100px; height: 100%; background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }

.zs-box .content::after { right: 0; background: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }

.zs-box .content::before { left: 0; }

.zs-box .content .cell { display: inline-block; margin-right: 30px; width: 216px; }

.zs-box .content .cell img { width: 100%; height: 150px; object-fit: cover; margin-bottom: 5px; }

.zs-box .content .cell .name { color: #263D35; font-size: 14px; }

.zs-box .content .cell .ddno { margin-top: 3px; font-size: 12px; color: rgba(38, 61, 53, 0.7); }

.zs-box #zs-2 { display: none; }

.zs-box .more { position: absolute; right: 0; top: 50%; z-index: 15; transform: translateY(-50%); }

.map-box .globle-title-box { height: 120px; align-items: center; background: #F4FDF7; }

.map-box .map { width: 100%; height: 612px; background: url(../images/guangxi/map.png) no-repeat center/auto 100%; color: #333333; }

.map-box .wrap { position: relative; height: 100%; }

.map-box .list-box { position: absolute; right: 0; top: 60px; width: 266px; }

.map-box .list-box .head { border-radius: 5px; background: rgba(39, 186, 116, 0.2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); font-weight: bold; font-size: 17px; padding: 8px 20px; }

.map-box .list-box .list { position: relative; height: 390px; overflow: hidden; margin-top: 5px; }

.map-box .list-box .list::after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 50px; background: linear-gradient(to bottom, rgba(215, 236, 253, 0), #D7ECFD); }

.map-box .list-box .list .swiper-container { height: 100%; }

.map-box .list-box .list .swiper-container .swiper-slide { height: auto; }

.map-box .list-box .list .item { border-radius: 5px; background: #FFFFFF; border: 1px solid #27BA74; box-shadow: 0px 0px 8px 0px #00000019; padding: 10px 15px; }

.map-box .list-box .list .item .title { height: 40px; font-size: 15px; margin-bottom: 10px; }

.map-box .list-box .list .item .time { font-size: 13px; color: rgba(51, 51, 51, 0.5); }

.map-box .list-box .list .item .green { color: #046636; font-size: 14px; }

.map-box .list-box .list .item .bold { font-weight: bold; }

.map-box .map-popup { position: absolute; left: 22.5%; top: 110px; width: 556px; height: 440px; }

.map-box .map-popup .address { position: absolute; width: 20px; height: 20px; }

.map-box .map-popup .address.code-450100 { top: 278px; left: 276px; }

.map-box .map-popup .address.code-450200 { top: 150px; right: 183px; }

.map-box .map-popup .address.code-450300 { top: 100px; right: 116px; }

.map-box .map-popup .address.code-450400 { bottom: 200px; right: 54px; }

.map-box .map-popup .address.code-450500 { bottom: 40px; right: 204px; }

.map-box .map-popup .address.code-450600 { bottom: 64px; right: 286px; }

.map-box .map-popup .address.code-450700 { bottom: 84px; right: 240px; }

.map-box .map-popup .address.code-450800 { bottom: 174px; right: 172px; }

.map-box .map-popup .address.code-450900 { bottom: 135px; right: 126px; }

.map-box .map-popup .address.code-451000 { top: 180px; left: 145px; }

.map-box .map-popup .address.code-451100 { top: 154px; right: 25px; }

.map-box .map-popup .address.code-451200 { top: 147px; left: 245px; }

.map-box .map-popup .address.code-451300 { top: 200px; left: 336px; }

.map-box .map-popup .address.code-451400 { bottom: 118px; left: 200px; }

.map-box .map-popup .item { position: absolute; right: -62px; bottom: 0; width: 351px; height: 135px; background: url(../images/guangxi/box.png) no-repeat center/100%; transition: all .6s; transform: scale(0); }

.map-box .map-popup .item a { display: flex; align-items: center; padding: 15px; }

.map-box .map-popup .item a img { width: 108px; height: 81px; border-radius: 5px; margin-right: 10px; }

.map-box .map-popup .item a .info { flex: 1; width: 0; }

.map-box .map-popup .item a .info .title { font-size: 15px; margin-bottom: 9px; }

.map-box .map-popup .item a .info .time { color: rgba(51, 51, 51, 0.7); font-size: 13px; }

.map-box .map-popup .item a .info .time .green { font-size: 20px; font-weight: bold; color: #27BA74; }

.map-box .map-count { position: absolute; left: 0; bottom: 80px; }

.map-box .map-count .title { font-weight: bold; font-size: 17px; margin-bottom: 6px; }

.map-box .map-count .info { font-size: 15px; }

.map-box .map-count .info p { margin-bottom: 5px; }

.map-box .map-count .info span { color: #27BA74; font-weight: bold; }

.empty { line-height: 200px; text-align: center; color: rgba(38, 61, 53, 0.7); font-size: 14px; }

.donate-fixed { display: none; position: fixed; bottom: 260px; right: 50px; z-index: 900; }

.donate-fixed.fix { position: fixed; bottom: 260px; }

@media (max-width: 1650px) { .donate-fixed { right: 30px; } }

@media (max-width: 1600px) { .donate-fixed { right: 20px; } }

.donate-fixed .item { border-radius: 5px; background: #FFFFFF; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); margin-bottom: 15px; overflow: hidden; }

.donate-fixed .item img { width: 104px; height: 104px; }

.donate-fixed .item p { background: #07C160; font-size: 14px; color: #fff; text-align: center; padding: 3px 0; }

.donate-fixed .item p.zfb { background: #3875F6; }