.page-of-air .section {
    position: initial !important;
    z-index: initial !important;
}
.page-of-air .side-panel .side-wrap .table-main .table-column table thead th {
    height: auto;
    padding: 2px 0;
}
.page-of-air .side-panel .side-wrap .table-main .table-list tr td {
    padding: 5px 2px;
    line-height: 18px;
}

.box-menu{
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 10px 0 0 10px;
}
.box-menu .icon-pause{
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/map/icon-vPause.png) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    cursor: pointer;
}
.box-menu .icon-play{
    background: url(../images/map/icon-vPlay.png) no-repeat;
    background-size: 100%;
}

.garbage-map-spot{
    width: 25px;
    height: 25px;
}

.garbage-map-spot.icon-1, .garbage-map-spot.icon-start{
    width: 32px;
    height: 32px;
}
.garbage-map-spot-sun.icon-1, .garbage-map-spot.icon-story, .garbage-map-spot.icon-shiping{  /** 点亮 **/
    width: 46px;
    height: 44px;
}
.garbage-map-spot.icon-9, .garbage-map-spot.icon9-s{
    width: 30px;
    height: 30px;
}

.garbage-map-spot.icon-1, .garbage-map-spot-sun.icon-1{
    background: url(../images/map/icon-sun.png) no-repeat;
    background-size: 100%;
}

.garbage-map-spot.icon-3, .garbage-map-spot.icon-6{ /** 村镇 **/
    width: 50px;
    height: 50px;
    background: url(../images/map/icon6.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-9, .garbage-map-spot.icon-15{ /** 紫色 **/
    background: url(../images/map/icon1.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-12, .garbage-map-spot.icon-18{ /** 蓝色 **/
    background: url(../images/map/icon2.png) no-repeat;
    background-size: 100%;
}

.garbage-map-spot.icon-21, .garbage-map-spot.icon-23{ /** 灰色 **/
    width: 30px;
    height: 32px;
    background: url(../images/map/icon3.png) no-repeat;
    background-size: 100%;
}

.garbage-map-spot.icon9-s, .garbage-map-spot.icon15-s{ /** 紫色标杆 **/
    background: url(../images/map/icon1-s.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon12-s, .garbage-map-spot.icon18-s{ /** 蓝色标杆 **/
    background: url(../images/map/icon2-s.png) no-repeat;
    background-size: 100%;
}

.garbage-map-spot.icon-jh{
    width: 30px;
    height: 30px;
    background-color: #20a1dd;
    border-radius: 50px;
    box-shadow: rgba(1,61,88,.7) 0 3px 22px 1px;
    text-align: center;
    font-size: 8px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.garbage-map-spot.icon-jh .number{
    line-height: 12px;
}
.garbage-map-spot.icon-jh .number:last-of-type{
    font-weight: bold;
}

.garbage-map-spot.icon-point{
    background: url(../images/map/icon-point.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-point-grey{
    background: url(../images/map/icon-point-grey.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-start{
    background: url(../images/map/icon-start.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-story{
    background: url(../images/map/icon-story.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-grey{
    width: 40px;
    height: 40px;
    background: url(../images/map/icon-grey.png) no-repeat;
    background-size: 100%;
}
.garbage-map-spot.icon-shiping{
    background: url(../images/map/icon-shiping.png) no-repeat;
    background-size: 100%;
}


.right-sidebarBox{
    position: absolute;
    right: 67px;
    top: 70px;
    z-index: 99;
}
.jump-box{

}
.jump-box a{
    display: flex;
    align-items: center;
    width: 242px;
    height: 56px;
    box-shadow: 0 2px 8px 0 rgba(76,13,119,0.3);
    border-radius: 4px;
    margin-bottom: 10px;
}
.jump-box a:last-of-type{
    /*margin-bottom: 0;*/
}
.jump-box .case{
    background: #439BFC;
    box-shadow: 0 2px 5px 0 rgba(67,155,252,0.4);
}
.jump-box .situation{
    background: #6EC451;
    box-shadow: 0 2px 5px 0 rgba(110,196,81,0.4);
}
.jump-box .power{
    background: #A366CD;
}
.jump-box .fill{
    background: #439BFC;
    box-shadow: 0 2px 5px 0 rgba(163,102,205,0.4);
}
.jump-box .light{
    background: #439BFC;
}

.jump-box .icon{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 4px 0 12px;
}
.jump-box .title{
    display: block;
}

.jump-box .power .icon{
    background: url(../images/power.png) no-repeat;
    background-size: 100%;
}
.jump-box .power .title{
    width: 175px;
    height: 26px;
    background: url(../images/power-title-ch.png) no-repeat;
    background-size: 100%;
}

.jump-box .light .icon{
    background: url(../images/light.png) no-repeat;
    background-size: 100%;
}
.jump-box .light .title{
    width: 191px;
    height: 24px;
    background: url(../images/light-title.png) no-repeat;
    background-size: 100%;
}

.jump-box .situation .icon{
    background: url(../images/situation.png) no-repeat;
    background-size: 100%;
}
.jump-box .situation .title{
    width: 193px;
    height: 26px;
    background: url(../images/situation-title-ch.png) no-repeat;
    background-size: 100%;
}

.jump-box .case .icon{
    width: 28px;
    height: 25px;
    background: url(../images/case.png) no-repeat;
    background-size: 100%;
}
.jump-box .case .title{
    width: 180px;
    height: 29px;
    background: url(../images/case-title-ch.png) no-repeat;
    background-size: 100%;
}

.jump-box .fill .icon{
    width: 24px;
    height: 24px;
    background: url(../images/fill.png) no-repeat;
    background-size: 100%;
}
.jump-box .fill .title{
    width: 116px;
    height: 28px;
    background: url(../images/fill-title-ch.png) no-repeat;
    background-size: 100%;
}

.jump-box .goals{
    background: #fff;
}
.icon-goals{
    width: 231px;
    height: 53px;
    background: url(../images/icon-goals.png) no-repeat;
    background-size: 100%;
    margin: 2px auto 0;
}

.jump-box .cw{
    color: #fff;
    font-weight: bold;
}

.menuBox{
    position: relative;
}
.menuBox .submenu{
    display: none;
    width: 100%;
    position: absolute;
    top: 56px;
    left: 0;
    background: #fff;
    box-shadow: 0px 2px 5px 0px rgba(110,196,81,0.4);
    border-radius: 0 0 4px 4px;
}
.menuBox .submenu li{
    text-align: center;
    font-size: 14px;
    color: #333333;
    padding: 13px 0;
    border-bottom: 1px dashed #CCCCCC;
    cursor: pointer;
}
.menuBox .submenu li:last-of-type{
    border-bottom: none;
    border-radius: 0 0 4px 4px;
}
.menuBox .submenu li a{
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: none;
    margin-bottom: 0;
}
.menuBox .submenu li:hover,
.menuBox .submenu li.active{
    color: #fff;
    font-weight: 500;
    background: #6EC451;
}

.menuBox .submenu li:hover a,
.menuBox .submenu li.active a{
    color: #fff;
    font-weight: 500;
}

/* 可持续发展 */
.icon-listBox{
    display: none;
    position: relative;
}
.icon-list{
    display: flex;
    justify-content: flex-end;
}
.icon-list .box{
    width: 158px;
    /*height: 520px;*/
    /*overflow-y: auto;*/
}
.icon-list li{
    float: left;
    /*flex: 0 0 10%;*/
    width: 74px;
    height: 74px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-left: 10px;
    box-shadow: 0 2px 8px 0 rgba(61,110,255,0.3);
    cursor: pointer;
}
.icon-list li:nth-of-type(odd){
    margin-left: 0;
}
.icon-list li img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.left-goalsBox{
    display: none;
    position: fixed;
    top: 70px;
    left: 40px;
}
.left-goalsBox .target-info{
    display: flex;
    padding: 4px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(153,153,153,1);
}
.left-goalsBox img{
    display: block;
    /*width: 88px;*/
    height: 88px;
    border-radius: 4px 0 0 4px;
    margin-right: 4px;
}
.box-text{
    /*width: calc(100% - 92px);*/
    padding: 12px 28px 12px 19px;
    border-radius: 0 4px 4px 0;
}
.box-text h6, .box-text p{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 18px;
}
.box-text h6 a{
    display: block;
    line-height: 22px;
    background: #FFFFFF;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 9px;
}
.box-text p{
    width: 380px;
    margin-top: 6px;
    display: block;
}

.bg-goal-1 a{color: #E5243B}
.bg-goal-2 a{color: #DDA83A}
.bg-goal-4 a{color: #4C9F38}
.bg-goal-8 a{color: #C5192D}
.bg-goal-16 a{color: #FF3A21}
.bg-goal-32 a{color: #26BDE2}
.bg-goal-64 a{color: #FCC30B}
.bg-goal-128 a{color: #A21942}
.bg-goal-256 a{color: #FD6925}
.bg-goal-512 a{color: #DD1367}
.bg-goal-1024 a{color: #FD9D24}
.bg-goal-2048 a{color: #BF8B2E}
.bg-goal-4096 a{color: #3F7E44}
.bg-goal-8192 a{color: #0A97D9}
.bg-goal-16384 a{color: #56C02B}
.bg-goal-32768 a{color: #00689D}
.bg-goal-65536 a{color: #19486A}

.bg-list-files{
    margin-top: 18px;
    background: #fff;
    border-radius: 4px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 3px 7px 0 rgba(186,195,205,0.4);
}
.list-files{
    border-radius: 4px;
    padding: 16px 18px;
}
.list-files li{
    margin-top: 13px;
}
.list-files li:first-of-type{
    margin-top: 0;
}
.list-files li a{
    display: flex;
    align-items: center;
}
.list-files li .icon-file{
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/icon/icon-file.png) no-repeat;
    background-size: 100%;
    margin-right: 10px;
}
.list-files li p{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    max-width: 449px;
}

.bg-file-1{background: linear-gradient(180deg, rgba(229,36,59,0.15), rgba(249,249,249,0.15))}
.bg-file-2{background: linear-gradient(180deg, rgba(221,168,58,0.15), rgba(249,249,249,0.15))}
.bg-file-4{background: linear-gradient(180deg, rgba(76,159,56,0.15), rgba(249,249,249,0.15))}
.bg-file-8{background: linear-gradient(180deg, rgba(197,25,45,0.15), rgba(249,249,249,0.15))}
.bg-file-16{background: linear-gradient(180deg, rgba(255,58,33,0.15), rgba(249,249,249,0.15))}
.bg-file-32{background: linear-gradient(180deg, rgba(38,189,226,0.15), rgba(249,249,249,0.15))}
.bg-file-64{background: linear-gradient(180deg, rgba(252,195,11,0.15), rgba(249,249,249,0.15))}
.bg-file-128{background: linear-gradient(180deg, rgba(162,25,66,0.15), rgba(249,249,249,0.15))}
.bg-file-256{background: linear-gradient(180deg, rgba(253,105,37,0.15), rgba(249,249,249,0.15))}
.bg-file-512{background: linear-gradient(180deg, rgba(221,19,103,0.15), rgba(249,249,249,0.15))}
.bg-file-1024{background: linear-gradient(180deg, rgba(253,157,36,0.15), rgba(249,249,249,0.15))}
.bg-file-2048{background: linear-gradient(180deg, rgba(191,139,46,0.15), rgba(249,249,249,0.15))}
.bg-file-4096{background: linear-gradient(180deg, rgba(63,126,68,0.15), rgba(249,249,249,0.15))}
.bg-file-8192{background: linear-gradient(180deg, rgba(10,151,217,0.15), rgba(249,249,249,0.15))}
.bg-file-16384{background: linear-gradient(180deg, rgba(86,192,43,0.15), rgba(249,249,249,0.15))}
.bg-file-32768{background: linear-gradient(180deg, rgba(0,104,157,0.15), rgba(249,249,249,0.15))}
.bg-file-65536{background: linear-gradient(180deg, rgba(25,72,106,0.15), rgba(249,249,249,0.15))}

.map-level-common h3{
    margin-left: 26px;
    margin-bottom: 5px;
}
.map-legend .list{
    /*padding: 0 10px;*/
}
.map-legend .list img{
    height: 51px;
}
.map-legend .list p{
    font-size: 12px;
    color: #78797a;
    line-height: 22px;
}
.map-legend .list p:first-of-type{
    margin-left: -10px;
}
.map-legend .list p:last-of-type{
    margin-right: -14px;
}
.map-legend h3 b{
    display: inline-block;
    color: #484848;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}


/* map-mask */
.page-of-air .amap-info-content{
    padding: 0;
    opacity: 1;
    box-shadow: 0 0 10px #cbcbcd;
    border-radius: 6px;
    overflow: initial;
    line-height: 60px;
    min-width: 140px;
    text-align: center;
}
.mapboxgl-popup-content{
    padding: 0;
}
.mapboxgl-popup-close-button{
    color: #c3c3c3;
    font-size: 24px;
    right: 5px;
}
.mapboxgl-popup{
    top: -20px;
}

/* map */
.common-open-mask{
    background: #fff;
    border-radius: 6px;
    text-align: center;
    max-width: 310px;
    position: relative;
}
.common-open-mask .mask-content, .page-of-air .mark-detail .mark-title{
    padding: 20px 22px 15px;
    text-align: left;
    margin-right: 0;
}
.common-open-mask .name, .page-of-air .mark-detail .mark-title h4{
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
    padding-top: 0;
    font-family: initial;
}
.common-open-mask .data-flex-box{
    margin-top: 10px;
    overflow: hidden;
}
.common-open-mask p{
    font-size: 14px;
    color: #596477;
    line-height: 24px;
    margin: 0;
    font-weight: inherit;
}
.common-open-mask p strong{
    /*font-weight: normal;*/
}
.common-open-mask .btn .no-click{
    color: #d5d5d5;
    cursor: initial;
}
.common-open-mask .btn, .info-link-div{
    border-top: 1px solid #F3F3F2;
    padding: 15px 0;
    display: flex;
    justify-content: center;
}
.common-open-mask .btn a, .page-of-air .mark-detail .mark-content .info-link{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    text-align: center;
    margin: 0 15px;
    cursor: pointer;
}
.page-of-air .mark-detail .mark-content .info-link{
    width: max-content;
    margin: 0;
}

.mask-content-operate{
    padding: 2px 12px 8px;
}
.mask-content-operate .mask-title{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    padding: 15px 0;
    line-height: 26px;
}
.mask-content-operate .mask-num{
    display: block;
    line-height: 43px;
    font-size: 22px;
    color: #534c4c;
    background: #6EC451;
    border-radius: 8px;
    margin-bottom: 5px;
    padding: 0 10px;
    /*text-shadow: 0 0 1px #999;*/
}
.mask-content-operate .mask-total{
    font-size: 14px;
    line-height: 28px;
    color: #333;
}
.mask-content-operate .mask-total b{
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}

.amap-info-content .ets{
    /*width: 100%;*/
    /*height: 180px;*/
}
.amap-info-content .legend-list{
    padding: 8px 0;
    line-height: 29px;
    background: #F7F7F7;
    border-radius: 0 0 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.amap-info-content .legend-list li{
    font-size: 12px;
    color: #999999;
    margin: 0 13px;
    display: flex;
    align-items: center;
}
.amap-info-content .legend-list li b{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 7px;
}
.amap-info-content .legend-list li b.orange{
    background: #F0D396;
}
.amap-info-content .legend-list li b.blue{
    background: #88C2F8;
}

@media screen and (max-width: 1200px) {
    .icon-list .box{
        width: 170px;
        height: 360px;
        overflow-y: auto;
    }
}


/* 详情页 */
.green-main-banner:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(255,255,255,.7);*/
}
.green-main-banner .banner-content{
    width: 1200px;
    transform: translate(-50%, -50%);
}
.green-main-banner .banner-content-bt{
    width: auto;
    transform: translate(-5%, 75%);
}
.green-main-banner .banner-content h2{
    margin-left: 0;
}
.green-main-banner .banner-content .logo-list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.green-main-banner .banner-content .logo{
    display: block;
    margin: 0 10px;
}
.green-main-banner .banner-content .logo.ch{
    width: 420px;
    height: 80px;
    background: url(../images/logo-SDG-ch.png) no-repeat;
    background-size: 100%;
}
.green-main-banner .banner-content .logo.en{
    width: 258px;
    height: 47px;
    background: url(../images/logo-SDG-en.png) no-repeat;
    background-size: 100%;
}

.banner-title {
    /*text-align: left;*/
}
.banner-title h2{
    font-size: 64px!important;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0 2px 10px rgba(27,179,107,0.6);
    margin-left: 60px;
}
.banner-title h3{
    font-size: 22px;
    line-height: 44px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #FEFEFE;
    background: linear-gradient(90deg, rgba(0,142,224,.01),rgba(0,142,224,.6),rgba(198,255,0,.6), rgba(198,255,0,.01));
    padding: 0 40px 0 44px;
    margin-top: 24px;
    width: max-content;
}

/* title */
.custom-title-bg{
    width: max-content;
    transform:skewX(-20deg);
    padding: 0 20px;
    position: relative;
    margin-left: 14px;
}
.custom-title-bg h3{
    transform: skewX(20deg);
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
}

.custom-title-bg:before, .custom-title-bg:after{
    content: "";
    width: 3px;
    height: 32px;
    position: absolute;
    top: 0;
}
.custom-title-bg:before{
    left: -8px;
}
.custom-title-bg:after{
    right: -8px;
}
.custom-title-bg.red, .custom-title-bg.red:before, .custom-title-bg.red:after{
    background: #E5243B;
}
.custom-title-bg.green, .custom-title-bg.green:before, .custom-title-bg.green:after{
    background: #6EC451;
}


/* 左侧 */
.left-objective{
    width: 337px;
    height: max-content;
    background: #F7F7F7;
    border-radius: 4px;
    margin-right: 60px;
}
.lrBox-content{
    margin-top: 90px;
    padding-bottom: 50px;
}
.lrBox-content .line{
    display: block;
    width: 2px;
    height: 961px;
    background: #E6E6E6;
}

/* 右侧 */
.right-info .content{
    margin-top: 14px;
}
.right-info .content .icon{
    width: 156px;
    height: 156px;
}

.right-info .content .text-box{
    width: 643px;
    margin-left: 4px;
}
.right-info .content .title{
    height: 156px;
    padding: 0 30px 0 46px;
    font-size: 28px;
    line-height: 38px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.right-info .target-info-1 .title, .bg-goal-1{background: #E5243B}
.right-info .target-info-2 .title, .bg-goal-2{background: #DDA83A}
.right-info .target-info-4 .title, .bg-goal-4{background: #4C9F38}
.right-info .target-info-8 .title, .bg-goal-8{background: #C5192D}
.right-info .target-info-16 .title, .bg-goal-16{background: #FF3A21}
.right-info .target-info-32 .title, .bg-goal-32{background: #26BDE2}
.right-info .target-info-64 .title, .bg-goal-64{background: #FCC30B}
.right-info .target-info-128 .title, .bg-goal-128{background: #A21942}
.right-info .target-info-256 .title, .bg-goal-256{background: #FD6925}
.right-info .target-info-512 .title, .bg-goal-512{background: #DD1367}
.right-info .target-info-1024 .title, .bg-goal-1024{background: #FD9D24}
.right-info .target-info-2048 .title, .bg-goal-2048{background: #BF8B2E}
.right-info .target-info-4096 .title, .bg-goal-4096{background: #3F7E44}
.right-info .target-info-8192 .title, .bg-goal-8192{background: #0A97D9}
.right-info .target-info-16384 .title, .bg-goal-16384{background: #56C02B}
.right-info .target-info-32768 .title, .bg-goal-32768{background: #00689D}
.right-info .target-info-65536 .title, .bg-goal-65536{background: #19486A}

/* 公共段落 */
.paragraph{}
.paragraph h6,
.paragraph p, .jump-list, .paragraph .list li{
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 30px;
    text-align: justify;
}
.paragraph .custom-title-bg{
    margin-top: 50px;
}
.paragraph:first-of-type .custom-title-bg{
    margin-top: 0;
}

.paragraph .list li{
    margin-top: 15px;
}
.paragraph .list li p{
    margin-top: 10px;
}

.paragraph h6 strong{
    font-weight: bold;
}

/* swiper */
.mySwiper{
    width: calc(100% - 40px);
    padding: 0 20px;
    height: 212px;
    margin-top: 35px;
    position: relative;
    overflow: hidden;
}
.swiper-slide{
    width: 212px!important;
    height: 100%;
}
.swiper-slide .s_img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev{
    width: 36px;
    height: 36px;
    background: rgba(110,196,81,.7);
    box-shadow: 0 2px 6px 0 rgba(204, 204, 204, 0.36);
    border-radius: 50%;
    color: #fff;
}
.mySwiper .swiper-button-prev{
    left: 0;
}
.mySwiper .swiper-button-next{
    right: 0;
}
.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after{
    font-size: 18px;
    font-weight: bold;
}
.mySwiper .swiper-button-next.swiper-button-disabled,
.mySwiper .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    color: #E6E6E6;
}

.lightSwiper{
    height: 270px;
}
.lightSwiper .swiper-slide{
    width: 355px!important;
}

/* 可持续发展 */
.MDGs-list, .team-objective{
    padding: 30px 37px 100px;
}
.MDGs-list li{
    margin-bottom: 35px;
}
.MDGs-list li h5,.team-objective h4{
    font-size: 20px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
}
.MDGs-list li p{
    font-size: 16px;
    font-family: Alibaba PuHuiTi;
    font-style: italic;
    color: #333333;
    line-height: 26px;
}

.MDGs-btn-list{
    width: 803px;
}
.MDGs-btn-list li{
    float: left;
    width: 117px;
    height: 117px;
    margin-right: 20px;
    margin-bottom: 13px;
    position: relative;
    transition: 1s;
}

.MDGs-btn-list li:nth-of-type(6n){
    margin-right: 0;
}
.MDGs-btn-list li img{
    width: 117px;
    height: 117px;
}

.MDGs-btn-list li.rotate{
    animation: rotateFun 2s ease-in-out;
    z-index: 1;
}
@keyframes rotateFun{
    0%{
        transform: rotateY(0deg);
    }
    100%{
        transform: rotateY(360deg);
    }
}

.MDGs-btn-list li.active:before,
.MDGs-btn-list li:hover:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
}
.MDGs-btn-list li.active img,
.MDGs-btn-list li:hover img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 152px;
    height: 152px;
    border-radius: 6px;
    border: 4px solid #FFFFFF;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.43);
    z-index: 999;
}



.right-MDGs-obj .paragraph{
    margin-left: 4px;
    margin-right: 18px;
}


/* 千瓦时故事 */
.team-objective{
    margin-right: 57px;
}
.team-objective h4{
    margin-bottom: 24px;
}
.team-objective .item{
    padding-top: 30px;
    border-top: 1px solid #6EC451;
    margin-bottom: 50px;
}
.team-objective .item:first-of-type{
    padding-top: 0;
    border-top: none;
}
.team-objective p.info{
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}
.team-objective .list{
    margin-top: 44px;
}
.team-objective .list li{
    display: flex;
    /*align-items: center;*/
    margin-top: 37px;
}
.team-objective .list li:not(:nth-of-type(1)){
    align-items: center;
}
.team-objective .list .img-head{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 14px;
    object-fit: cover;
}
.team-objective .list h5{
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}
.team-objective .list p, .team-objective .item a{
    margin-top: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}
.team-objective .item a:hover{
    color: #008FFF;
}

.right-team-obj{
    width: 736px;
    margin-left: 50px;
    margin-top: -30px;
}
.jump-list{}
.jump-list li{
    background: #F7F7F7;
    border-radius: 2px;
    margin-bottom: 18px;
}
.jump-list li:last-of-type{
    margin-bottom: 0;
}
.jump-list li a{
    display: block;
    font-size: 16px;
    font-family: Alibaba PuHuiTi;
    color: #6EC451;
    line-height: 26px;
    padding-left: 18px;
    border-left: 2px solid #6EC451;
    /*border-radius: 2px;*/
}


/* 点亮我的付电 */
.right-team-obj .paragraph p,
.right-light-obj .paragraph p{
    text-indent: 2em;
}
.right-light-obj{
    width: 100%;
}
.right-light-obj .paragraph:nth-of-type(even){
    background: #F7F7F7;
    padding: 40px 0 60px;
    margin-top: 50px;
}
.right-light-obj .paragraph:nth-of-type(even) .custom-title-bg{
    margin-top: 0;
}
.target-list{
    margin-top: 32px;
}
.target-list li{
    margin-top: 24px;
    display: flex;
    align-items: center;
}
.target-list li img{
    width: 88px;
    height: 88px;
    margin-right: 38px;
}
.target-list li h5{
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
}
.right-light-obj .target-list li p{
    margin-top: 12px;
    text-indent: 0em;
}


.company-name{
    font-size: 28px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 60px;
}
.company-data{
    margin: 30px 0 30px;
}
.company-data:last-of-type{
    margin: 30px 0 -20px;
}
.company-data h3{
    font-size: 24px;
    color: #6EC451;
    line-height: 30px;
    border-left: 3px solid #6EC451;
    padding-left: 20px;
    margin-bottom: 25px;
}
.company-data .c-content{
    margin-left: 25px;
}
.company-data .c-content li{
    margin: 15px 30px 15px 0;
    float: left;
    width: calc(33.3% - 30px);
}
.company-data .c-content li .icon{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat;
    background-size: 100%;
    margin-right: 10px;
}
.company-data .c-content li h6{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.company-data .c-content li .result{
    margin-top: 20px;
    margin-left: 32px;
}
.company-data .c-content li p{
    line-height: 36px;
    margin-top: 0;
    text-indent: 0;
}
.company-data .c-content li p strong{
    font-weight: bold;
    margin-left: 10px;
}