body, html{
    background: #fff;
    font-size: 16px;
    color: #263D35;
    line-height: 1.4;
    font-family: 'Microsoft YaHei';
}
a {
    color: #263D35;
}
@font-face {
    font-family: FZCuSong;
    src: url(../../images/city/dehong/fzsong.TTF);
}
/* banner */
.banner{
    position: relative;
}
#banner-swiper, #banner-swiper .swiper-slide img{
    width: 100%;
}
.banner .swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
}
.banner .swiper-pagination-bullet-active{
    width: 16px;
    border-radius: 100px;
    background: #FFFFFF;
}
/* 公共标题 */
.globle-title-box {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-right: 30px;
}
.globle-title{
    position: relative;
    font-size: 28px;
    font-family: 'FZCuSong';
    color: #27BA74;
}
.globle-title::after{
    content: attr(data-title);
    display: block;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: -10px;
    left: -2px;
    color: #263D35;
    font-family: 'Microsoft YaHei';
    transform: scale(.8);
}
.globle-title-box .intro {
    font-size: 16px;
    margin-left: 32px;
}
.show-more {
    display: inline-block;
    border-bottom: 2px solid #27BA74;
    line-height: 1.1;
    font-size: 14px;
}
.show-more .n {
    display: inline-block;
    color: #22A14D;
}
.show-more .n.d {
    background: #27BA74;
    padding: 3px 5px;
    color: #fff;
}
.globle-title.white, .show-more.white .n {
    color: #fff;
}
/* 边框 */
.border-box {
    position: relative;
    border: 1px solid #4AC78F;
    border-radius: 8px;
    overflow: hidden;
}
.border-box::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4AC78F;
}
.border-box.top::after {
    top: 0;
    bottom: auto;
}
/* end */
.mt60 {margin-top: 60px;}
.mt100 {margin-top: 100px;}
.l-img {margin-right: 20px;}
/* news */
.news-box{
    margin-top: 20px;
}
.news-box .left {
    width: 570px;
}
.news-box .top-news {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted rgb(120, 133, 128, .5);
}
.news-box .top-news.noborder {
    border: none;
}
.news-box .top-news .title{
    font-weight: bold;
    font-size: 22px;
}
.news-box .top-news .intro{
    font-size: 16px;
    color: rgba(38, 61, 53, 0.8);
    margin-top: 20px;
    text-indent: 2em;
}
.news-box .list .cell {
    position: relative;
    padding: 10px 0 13px 15px;
    border-bottom: 1px dotted rgb(120, 133, 128, .5);
}
.news-box .list .cell::after {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #AEB5BA;
    border-radius: 100%;
}
.news-box .list a:last-child .cell {
    border: none;
}
.news-box .right {
    position: relative;
    width: 520px;
    height: 330px;
    margin-left: 30px;
}
#news-swiper{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
#news-swiper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#news-swiper .title{
    position: absolute;
    background: rgba(29,38,47,0.6);
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 16px;
    color: #fff;
}
.news-box .right .news-button{
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    cursor: pointer;
}
.news-box .right .news-next{
    right: 20px;
    transform: translateY(-50%) rotate(180deg);
}
.news-box .right .news-prev{
    left: 20px;
}
/* 尽责形式 */
.jinze-box {
    font-size: 16px;
    background: rgba(74, 199, 143, .1);
    margin-top: 10px;
    padding: 30px 50px 30px 80px;
}
.jinze-box .intro {
    line-height: 2;
}
.entity-icon{
    margin-top: 45px;
}
.entity-icon a{
    margin-right: 60px;
}
.entity-icon a:last-child{margin-right: 0;}
.entity-icon .icon-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.entity-icon .icon-item p{
    margin-top: 7px;
    font-size: 18px;
    color: #263D35;
}
/* 实体参与 */
.entity-box {
    height: 494px;
    background: url(../../images/city/dehong/entity-bg.png) no-repeat top center / 100% 442px;
    padding-top: 60px;
}
.entity{
    margin-top: 30px;
}
.entity .content {
    display: flex;
    align-items: center;
}
.entity .imgs {
    position: relative;
    width: 570px;
    height: 360px;
    border-radius: 8px;
    overflow: hidden;
}
.entity .imgs .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.entity .imgs .jiaodian {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.entity .infos{
    width: 470px;
    margin-left: 30px;
    color: #fff;
}
.entity .infos .title{
    font-size: 22px;
}
.entity .infos .intro{
    margin: 16px 0 16px;
    line-height: 26px;
}
.entity .infos .des{
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    margin-bottom: 6px;
}
.entity .infos .des span {
    color: #fff;
}
.entity .infos .des .green{
    color: #27BA74;
    font-size: 18px;
}
.entity .infos .button {
    display: inline-block;
    border-radius: 5px;
    background: #27BA74;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 17px;
    margin-top: 25px;
}

/* 网络捐款 */
.donate-box {
    background: rgba(39,186,116,.1);
    padding: 100px 0 54px;
}
.donate {
    border-radius: 5px;
    background: #FFFFFF;
}
.donate .infos {
    margin: 0 45px 0 66px;
}
.donate .infos, .donate .infos .des span{
    color: #263D35;
}
.donate .infos .zhesuan {
    color: #27BA74;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 30px;
}
.donate .infos .des {
    color: rgba(38, 61, 53, .6);
}
.donate .imgs {
    width: 500px;
    height: 310px;
}
/* 认种认养 */
.adopt-box .tabbar .globle-title {
    cursor: pointer;
}
.adopt-box .tabbar .globle-title.no {
    color: rgba(38,61,53,.5);
}
.adopt-box .tabbar .globle-title.no::after {
    color: rgba(38,61,53,.5);
}
.adopt-box .tabbar .shu {
    color: rgba(38,61,53,.5);
    font-family: FZCuSong;
    font-size: 28px;
    margin: 0 18px;
}
.adopt-box .tab-con {
    margin-top: 30px;
}
.adopt-box .tab-con .plant {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 433px;
    background-image: url(../../images/city/dehong/renzhong-bg.png);
    background-size: cover;
    border-radius: 5px;
}
.adopt-box .tab-con .plant.adopt {
    display: none;
    background-image: url(../../images/city/dehong/renyang-bg.png);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.adopt-box .tab-con .plant .badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 49px;
    border-radius: 5px;
    background: #27BA74;
    padding: 23px 0 34px;
    text-align: center;
}
.adopt-box .tab-con .plant .badge p {
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
}
.adopt-box .tab-con .plant .con {
    margin-left: 66px;
    align-items: flex-end;
}
.adopt-box .tab-con .plant .con .info { width: 640px; }
.adopt-box .tab-con .plant .con .slogan {
    color: #263D35;
    font-weight: bold;
    font-size: 36px;
}
.adopt-box .tab-con .plant .con .title {
    color: #263D35;
    font-weight: bold;
    font-size: 16px;
    margin: 16px 0 10px;
}
.adopt-box .tab-con .plant.adopt .con .title {
    margin: 22px 0 10px;
}
.adopt-box .tab-con .plant .con .des {
    color: #1A2F28;
    line-height: 22px;
}
.adopt-box .tab-con .plant .more-btn {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 15px;
    border-radius: 5px;
    background: #27BA74;
    padding: 7px 17px;
    cursor: pointer;
}
.adopt-box .tab-con .adopt .tree-list {
    position: relative;
    width: calc(100% - 66px);
    margin-left: 66px;
    margin-top: 38px;
}
.adopt-box .tab-con .adopt .tree-list .til {
    position: absolute;
    left: -42px;
    height: 130px;
    font-size: 13px;
    writing-mode: vertical-rl;
    text-align: center;
}
.adopt-box .tab-con .adopt .tree-list .list {
    position: relative;
    width: 875px;
    overflow: hidden;
}
.adopt-box .tab-con .adopt .tree-list .list::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(226, 227, 227, 0), rgb(226, 227, 227));
}
.adopt-box .tab-con .adopt .tree-list li {
    position: relative;
    flex: 0 0 180px;
    height: 130px;
    border-radius: 3px;
    margin-right: 15px;
    overflow: hidden;
}
.adopt-box .tab-con .adopt .tree-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.adopt-box .tab-con .adopt .tree-list li::after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.adopt-box .tab-con .adopt .tree-list li p {
    position: absolute;
    left: 15px;
    bottom: 20px;
    width: 100%;
    font-size: 13px;
    color: #fff;
}
.adopt-box .tab-con .adopt .more-btn {
    background: #27A0BA;
    margin-left: 15px;
}
/* 捐款 */
.honor-box {
    margin-top: 20px;
}
.rongyu .rongyu-head{
    margin-bottom: 10px;
    background: #EDF9F4;
    padding: 15px 145px 11px 130px;
}
.rongyu .rongyu-box{
    height: 290px;
}
.rongyu-box .ry-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 10px 110px 10px 80px;
    border-bottom: 1px dotted rgb(120, 133, 128, .3);
}
.rongyu-box .ry-item div{
    width: 33%;
}
.rongyu-box .ry-item .name{
    display: flex;
    align-items: center;
}
.rongyu-box .ry-item .name img{
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 10px;
}
.rongyu-box .ry-item .money{
    text-align: center;
}
.rongyu-box .ry-item .money span{
    font-size: 17px;
    font-weight: bold;
}
.rongyu-box .ry-item .time{
    color: #788580;
    text-align: right;
}
/* 证书 */
.zhengshu {
    background: url(../../images/city/dehong/zs-bg.png) no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.zs-tab{
    color: rgba(38,61,53,.7);
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    margin-right: 78px;
}
.zs-tab.on{
    color: #27BA74;
}
.zs-tab:last-child{
    margin-right: 0;
}
.zs-box {
    margin-top: 30px;
}
.zs-box .zs-list {
    width: 1200px;
    white-space: nowrap;
    overflow: hidden;
}
.zs-box .zs-item{
    display: inline-block;
    width: 215px;
    height: 152px;
    margin-right: 30px;
}
.zs-box .zs-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}
.zs-box .zs-item .name{
    font-size: 16px;
}
.zs-box .zs-item .ddno{
    font-size: 12px;
    color: rgba(38,61,53,.7);
}
/* 网群 */
.wangqun{
    background: url(../../images/city/huaibei/wangqun-bg.png) no-repeat;
    background-size: cover;
}
.wangqun .globle-title::after {
    color: #fff;
    left: -6px;
}
.wangqun .address{
    margin: 70px 0 0 50px;
}
.wangqun .address .name{
    font-size: 20px;
    color: #fff;
    margin-bottom: 6px;
}
.wangqun .address .intro{
    color: rgba(255,255,255,.7);
    font-size: 16px;
    margin-bottom: 40px;
}
.wangqun .wq-list a{
    display: inline-block;
    width: 145px;
    height: 43px;
    font-size: 18px;
    text-align: center;
    line-height: 43px;
    border-radius: 5px;
    border: 1px solid #D4D2D2;
    background: #FFFFFF;
    color: #263D35;
    margin: 0 20px 20px 0;
}
.wangqun .wq-list a:nth-child(3n){
    margin-right: 0;
}
.wangqun .map{
    width: 465px;
    height: 568px;
    background: url(../../images/city/huaibei/map-bg.png) no-repeat;
    background-size: cover;
    margin-left: 100px;
}
.wangqun #map{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}