input.c-text::-webkit-input-placeholder { /* 使用webkit内核的浏览器 */
    color: rgba(51,51,51,.6);
}

input.c-text:-moz-placeholder { /* Firefox版本4-18 */
    color: rgba(51,51,51,.6);
}

input.c-text::-moz-placeholder { /* Firefox版本19+ */
    color: rgba(51,51,51,.6);
}

input.c-text:-ms-input-placeholder { /* IE浏览器 */
    color: rgba(51,51,51,.6);
}

/* index */
.banner-center {
}

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

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

    .banner-box .banner-center,
    .banner-box .pos-center {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    .banner-box h2 {
        font-size: 0.36rem;
        font-weight: bold;
        color: #fff;
    }

    .banner-box p {
        margin-top: .22rem;
        color: #FFFFFF;
        line-height: .32rem;
        font-weight: 400;
        text-shadow: 0 .01rem .21rem #0275CD;
    }

    .banner-box .banner-center {
        left: 2.07rem;
        transform: translate(0, -80%);
    }

    .banner-box .pos-center {
        left: .8rem;
    }

    .banner-box .banner-center h2 {
        font-size: .72rem;
        text-shadow: 0 0 .9rem #0275CD;
    }

.box-listContent {
}

.tab-btn {
    background: #E9EDF2;
    padding: .18rem .9rem;
    display: flex;
    align-items: center;
    text-align: center;
}

    .tab-btn li {
        width: 1.41rem;
        line-height: .36rem;
        border-radius: .18rem;
        color: #333333;
        cursor: pointer;
    }

        .tab-btn li.active {
            background: #061334;
            color: #fff;
        }

.box-content {
    padding: .5rem .9rem .58rem;
}

.box-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-content {
    display: flex;
    align-items: center;
    position: relative;
}

.c-search {
    position: absolute;
    top: 50%;
    left: .15rem;
    transform: translate(0, -50%);
}

.c-text {
    width: 2.4rem;
    line-height: .43rem;
    box-shadow: 0 0.02rem 0.05rem 0 rgba(79,80,89,0.15);
    border: none;
    padding-left: .44rem;
}

.search-btn {
    line-height: .45rem;
    background: #6EC451;
    padding: 0 .34rem;
}

.box-SDG {
    position: relative;
}

    .box-SDG .c-select {
        width: 1.14rem;
    }

.checkbox-list {
    width: 3.12rem;
    position: absolute;
    top: .42rem;
    right: 0;
    background: #F6F7F8;
    border-radius: .04rem;
    padding: .02rem .12rem .16rem;
    box-shadow: 0 0.02rem 0.05rem 0 rgba(79,80,89,0.15);
}

.list-target {
}

    .list-target .checkbox {
        float: left;
        width: .52rem;
        height: .52rem;
        margin-top: .14rem;
        margin-right: .13rem;
    }

        .list-target .checkbox:nth-of-type(5n) {
            margin-right: 0;
        }

    .list-target .img {
        width: 100%;
        height: 100%;
    }


/* select */
.box-dropDown {
    display: flex;
    align-items: center;
}

    .box-dropDown .box {
        display: flex;
        align-items: center;
        margin-left: .5rem;
    }

        .box-dropDown .box:first-of-type {
            margin-left: 0;
        }

        .box-dropDown .box h6 {
            color: #333333;
            margin-right: .16rem;
        }

        .box-dropDown .box .c-select, .box-dropDown .select {
            height: .4rem;
            line-height: .38rem;
            margin-left: .1rem;
        }

            .box-dropDown .box .c-select:first-of-type,
            .box-dropDown .box .select:first-of-type {
                margin-left: 0;
            }

    .box-dropDown .btn {
        border: none;
        line-height: .40rem;
        color: #fff;
        background: #6EC451;
        padding: 0 .36rem;
        font-weight: bold;
        margin-left: .6rem;
        cursor: pointer;
    }

/* table */
.table-box {
    margin-top: .4rem;
}

.common-table tr th, .common-table tr td {
    text-align: center;
    color: #282012;
}

.common-table tr th {
    font-weight: bold;
}

.common-table tr .jidu {
    width: .5rem;
}

.common-table tr .num {
    display: flex;
    justify-content: center;
    align-items: end;
}

    .common-table tr .num .unit {
        font-size: .1rem;
        margin-left: .05rem;
        color: #8F97A7;
    }

.box-sort {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .box-sort h6 {
        font-weight: bold;
        line-height: .24rem;
    }

    .box-sort .sort {
        display: flex;
        flex-direction: column;
        /*margin-left: .08rem;*/
    }

        .box-sort .sort b {
            display: block;
            width: .1rem;
            height: .1rem;
        }

        .box-sort .sort .icon-up {
            background: url(../images/sidebar/icon-up.png) no-repeat;
            background-size: 100%;
        }

        .box-sort .sort .icon-down {
            background: url(../images/sidebar/icon-down.png) no-repeat;
            background-size: 100%;
        }

        .box-sort .sort .noclick {
            opacity: .3;
        }

.list-target li {
    float: left;
    width: .4rem;
    height: .4rem;
    margin: .02rem .04rem .02rem 0;
}

    .list-target li img {
        width: 100%;
        height: 100%;
    }

.pager-wrap {
    margin: .65rem 0 0;
}

.pagination-wrap .pagination .pagers .pager.active,
.pagination-wrap .pagination .pagers .pager:hover {
    color: #061334;
    border-color: #061334;
}

.pagination-wrap .pagination .page-jump .button {
    background: #061334;
}

/* chart */
.box-chart {
}

    .box-chart .etsBox {
    }

    .box-chart .etsBox {
        float: left;
        width: calc(50% - 1.2rem);
        height: 3.77rem;
        background: rgba(233,237,242,.2);
        margin-top: .4rem;
        margin-right: .4rem;
        padding: .38rem .5rem .5rem;
    }

    .box-chart .etsBoxLegend {
        height: 4.27rem;
        padding: .38rem .5rem 0;
    }

    .box-chart .etsBox:nth-of-type(2n) {
        margin-right: 0;
    }

    .box-chart .etsBox h5 {
        font-weight: 500;
        font-size: .18rem;
        color: #333333;
        text-align: center;
        margin-bottom: .38rem;
    }

    .box-chart .chart {
        width: 100%;
        height: calc(100% - 0.56rem);
    }

.echart-title {
    text-align: center;
    margin-bottom: .1rem;
}

.tooltip-list .item {
    font-size: .14rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .05rem 0;
    line-height: .2rem;
}

    .tooltip-list .item p {
        font-size: .14rem;
        line-height: .2rem;
        font-weight: bold;
    }

        .tooltip-list .item p span {
            margin-right: .15rem !important;
        }

.map-level-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .map-level-list li {
        float: left;
        text-align: center;
        min-width: .5rem;
        margin-top: .2rem;
    }

        .map-level-list li span {
            width: 100%;
            display: block;
            line-height: .18rem;
            font-size: .12rem;
            color: #fff;
            text-align: center;
        }

        .map-level-list li:last-of-type span {
            color: #78797a;
        }

        .map-level-list li p {
            font-size: .12rem;
            color: #78797a;
            line-height: .22rem;
        }


/* swiper */
.mySwiper {
    width: 100%;
}

    .mySwiper .swiper-button-next,
    .mySwiper .swiper-button-prev {
        width: 0.4rem;
        height: 0.4rem;
        background: rgba(0,143,255,.7);
        border-radius: 50%;
        color: #fff;
    }

        .mySwiper .swiper-button-next:after,
        .mySwiper .swiper-button-prev:after {
            font-size: .18rem;
            font-weight: bold;
        }

        .mySwiper .swiper-button-next.swiper-button-disabled,
        .mySwiper .swiper-button-prev.swiper-button-disabled {
            opacity: 1;
            color: #fff;
            background: rgba(204,204,204,.8);
        }

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.mySwiper .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    background: #CCCCCC;
    opacity: 1;
}

.mySwiper .swiper-pagination-bullet-active {
    width: 0.24rem;
    height: 0.12rem;
    background: #008FFF;
    border-radius: 0.06rem;
}

.DLG-container {
    margin-top: .89rem;
    position: relative;
}

    .DLG-container .mapSwiper {
        height: 4.47rem;
    }

.mapSwiper .swiper-button-prev {
    left: 1.2rem;
}

.mapSwiper .swiper-button-next {
    right: 1.2rem;
}

.mapSwiper .swiper-slide {
    /*width: 5.4rem!important;*/
    height: 4.05rem;
    background: #F7F7F7;
    position: relative;
    overflow: hidden;
}

    .mapSwiper .swiper-slide .map-img {
        width: 100%;
        /*height: 2.63rem;*/
        position: absolute;
        bottom: 0;
        left: 0;
        /*transform: rotateZ(-30deg);*/
    }

.mapSwiper .map-swiper-bg {
    padding: .55rem .57rem 0 .68rem;
    position: absolute;
    top: 0;
    left: 0;
}

    .mapSwiper .map-swiper-bg h3 {
        font-size: 0.28rem;
        color: #333333;
        margin-bottom: .15rem;
    }

    .mapSwiper .map-swiper-bg p {
        color: #333333;
        line-height: 0.24rem;
    }

.mapSwiper .swiper-slide .jump-link {
    position: absolute;
    bottom: .2rem;
    right: .2rem;
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.38rem;
    background: #FFFFFF;
    border: 0.01rem solid #008FFF;
    border-radius: 0.2rem;
    padding: 0 .23rem;
}

    .mapSwiper .swiper-slide .jump-link:hover {
        background: #008FFF;
        color: #fff;
    }

.indexBox {
    padding: 0 .9rem;
}

    .indexBox .mt80 {
        margin-top: .8rem;
    }

    .indexBox .title {
        margin-bottom: .6rem;
    }

    .indexBox h2 {
        font-weight: 500;
        font-size: .32rem;
        line-height: .36rem;
        color: #333333;
    }

    .indexBox .tab-btn {
        background: transparent;
        padding: 0;
        margin-left: .6rem;
    }

    .indexBox .pager-wrap {
        width: 65%;
        margin: .65rem auto 0;
    }

    .indexBox .box-content {
        padding: 0;
    }

    .indexBox .box-filter {
        flex-direction: column;
        align-items: flex-start;
    }

    .indexBox .box-dropDown {
        margin-top: .25rem;
    }

.list-report {
    display: flex;
    justify-content: space-between;
}

    .list-report li {
        width: calc(50% - .62rem);
        background: #FAFCFC;
        border-radius: .05rem;
        border: .01rem solid #031236;
    }

        .list-report li a {
            display: flex;
            height: 3.67rem;
        }

        .list-report li .cover {
            width: 2.68rem;
            height: 100%;
            border-radius: .05rem;
            overflow: hidden;
            position: relative;
        }

            .list-report li .cover img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .list-report li .content {
            width: calc(100% - 3.1rem);
            padding: .5rem .36rem .18rem .42rem;
        }

            .list-report li .content h3 {
                font-weight: 600;
                font-size: .3rem;
                color: #333333;
                line-height: .4rem;
            }

            .list-report li .content p,
            .list-report li .content span {
                font-size: .14rem;
                color: #333333;
                line-height: .24rem;
            }

            .list-report li .content p {
                margin: .2rem 0 .3rem;
                word-break: break-all;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
            }

            .list-report li .content span {
                color: #666666;
            }

.see-more, .see-moreBox {
    padding: 0 .08rem 0 .17rem;
    line-height: 0.4rem;
    color: #FFFFFF;
    background: #061334;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .86rem auto .82rem;
    width: max-content;
}

    .see-more .arrow, .see-moreBox .arrow {
        display: block;
        width: 0.22rem;
        height: 0.22rem;
        background: #E7E8EB;
        border-radius: 50%;
        margin-left: .1rem;
        position: relative;
    }

    .see-more .arrow, .see-moreBox .arrow {
        background: #fff;
    }

        .see-more .arrow:after, .see-moreBox .arrow:after {
            content: '';
            width: .07rem;
            height: .07rem;
            border: #061334 solid;
            border-width: .01rem .01rem 0 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-60%, -50%) rotate(45deg);
        }

        .see-moreBox .arrow:after {
            border: #6EC451 solid;
            border-width: .01rem .01rem 0 0;
        }

/* 每人一千瓦光伏倡议 */
.OnekWPer .banner-box .pos-center {
    left: 2.34rem;
}

.OnekWPer .lrBox-content {
    padding: .9rem 2.34rem .5rem;
}

.OnekWPer .box-case {
    padding: .55rem 2.34rem .55rem;
}

/* title */
.custom-title-bg {
    width: max-content;
    transform: skewX(-20deg);
    padding: 0 .2rem;
    position: relative;
    margin-left: .14rem;
    background: rgba(110,196,81,.3);
}

    .custom-title-bg h3 {
        transform: skewX(20deg);
        font-size: .20rem;
        color: #FFFFFF;
        line-height: .32rem;
    }

    .custom-title-bg:before, .custom-title-bg:after {
        content: "";
        width: .03rem;
        height: .32rem;
        position: absolute;
        top: 0;
        background: #6EC451;
    }

    .custom-title-bg:before {
        left: -0.08rem;
    }

    .custom-title-bg:after {
        right: -0.08rem;
    }

    .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;
    }

        .custom-title-bg.green h3 {
            font-weight: bold;
        }

/* 左侧 */
.team-objective {
    padding: .3rem .5rem 1.4rem;
    width: 3.38rem;
    height: max-content;
    background: #F7F7F7;
    border-radius: .04rem;
    margin-right: 1.6rem;
}

    .team-objective h4 {
        font-size: .2rem;
        color: #333;
        font-weight: bold;
    }

    .team-objective .item {
        padding-top: .37rem;
        border-top: .01rem solid #6EC451;
        margin-bottom: .64rem;
    }

        .team-objective .item:first-of-type {
            padding-top: 0;
            border-top: none;
        }

    .team-objective .list {
        margin-top: .44rem;
    }

        .team-objective .list li {
            display: flex;
            margin-top: .37rem;
        }

            .team-objective .list li:not(:nth-of-type(1)) {
                align-items: center;
            }

        .team-objective .list .img-head {
            width: .8rem;
            height: .8rem;
            border-radius: 50%;
            margin-right: .17rem;
            object-fit: cover;
        }

        .team-objective .list h5 {
            font-size: .22rem;
            font-weight: bold;
            color: #333333;
        }

        .team-objective .list p, .team-objective .item a {
            margin-top: .1rem;
            font-size: .14rem;
            color: #333333;
            line-height: .24rem;
        }

            .team-objective .item a:hover {
                color: #008FFF;
            }

/* 右侧 */
.right-teamObj {
    width: calc(100% - 6rem);
    margin-top: -0.3rem;
}

/* 公共段落 */
.paragraph h6, .paragraph p, .paragraph .list li {
    color: #333333;
    line-height: .26rem;
    margin-top: .3rem;
    text-align: justify;
}

.paragraph .custom-title-bg {
    margin-top: .5rem;
}

.paragraph .list li {
    margin-top: .15rem;
}

    .paragraph .list li p {
        margin-top: .1rem;
    }

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

.OnekWPer .box-w50 {
    display: flex;
    justify-content: space-between;
}

    .OnekWPer .box-w50 .w50 {
        width: calc(50% - .4rem);
    }

.chart-container {
    background: #061334;
    padding: .43rem 2.34rem .6rem;
}

    .chart-container .box-btn {
        display: flex;
        align-items: center;
        margin-bottom: .55rem;
    }

        .chart-container .box-btn a {
            font-size: .14rem;
            color: #6EC451;
            line-height: .36rem;
            margin-left: .44rem;
        }

    .chart-container .custom-title-bg {
        cursor: pointer;
    }

    .chart-container .etsChart {
        width: 100%;
        height: 3rem;
    }

@media screen and (max-width: 1600px) {
    .chart-container .etsChart {
        width: 100%;
        height: 4rem;
    }
}

.box-case .list {
    display: flex;
    justify-content: space-between;
    margin-top: .4rem;
}

    .box-case .list li {
        width: calc(33.33% - .36rem);
        border-radius: .04rem;
        border: .01rem solid #6EC451;
        transition: background .3s ease-in-out,transform .3s ease-in-out;
    }

.box-case li a {
    display: block;
}

.box-case li .img {
    width: 100%;
    height: 3.07rem;
    object-fit: cover;
    border-radius: .04rem .04rem 0 0;
}

.box-case li h4 {
    font-family: Alibaba PuHuiTi;
    font-weight: 500;
    font-size: .18rem;
    color: #333333;
    line-height: .28rem;
    padding: .28rem .15rem;
}

.box-case li:hover {
    transform: scale(1.05);
}

.OnekWPer .see-moreBox,
.detail-progress .see-moreBox {
    background: #6EC451;
    margin: .58rem auto 0;
}

.t-seeMore, .dataMore {
    color: #6EC451;
    margin-top: .2rem;
}

/* 进展-详情页 */
.detail-progress {
    padding: 0 2.34rem .8rem;
    margin-top: -0.3rem;
}

    .detail-progress .box {
        margin-top: 1.06rem;
        align-items: stretch;
        height: 100%;
    }

    .detail-progress .w33 {
        width: calc(33.33% - .36rem);
        position: relative;
    }

    .detail-progress .w67 {
        width: calc(66.67% - .36rem);
    }

    .detail-progress .etsBox h5 {
        text-align: center;
        margin-bottom: .24rem;
    }

    .detail-progress .etsBox .chart {
        height: calc(100% - .4rem);
    }

.box-province {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

    .box-province .br {
        border-radius: .04rem;
        border: .01rem solid #6EC451;
        padding: .42rem .15rem .2rem;
    }

    .box-province .name {
        font-weight: bold;
        font-size: .4rem;
        color: #333333;
        margin-bottom: .35rem;
    }

    .box-province .map {
        width: 100%;
        height: 2.92rem;
        background: transparent !important;
        position: relative;
    }

        .box-province .map:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: transparent;
        }

.amap-logo, .amap-copyright {
    display: none !important;
}

.on-grid {
    margin: .3rem .5rem .5rem;
}

    .on-grid strong {
        display: block;
        line-height: .76rem;
        background: #6EC451;
        border-radius: .08rem;
        font-weight: bold;
        font-size: .36rem;
        color: #333333;
        margin-bottom: .3rem;
    }

    .on-grid .time {
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
    }

        .on-grid .time p {
            font-size: .21rem;
            color: #333333;
        }

        .on-grid .time span {
            display: block;
            font-size: .18rem;
            color: #999999;
            margin-top: .1rem;
        }

.box-province .br .chart {
    height: 3.4rem;
    margin: 0 .2rem;
}

.box-province .w67 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box-province .bg {
    height: calc(50% - .27rem);
    background: rgba(233,237,242, .2);
}

.box-province .etsBox {
    padding: .4rem .56rem .56rem;
    height: calc(100% - .96rem);
}

    .box-province .etsBox .chart {
    }

.box-province .dataMore {
    font-size: .14rem;
    position: absolute;
    right: .15rem;
    top: .32rem;
}