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%;
    height: 100%;
    position: relative;
}
.banner-box .bg{
    width: 100%;
    height: 100%;
}
.banner-box .video{
    width: 100%;
    height: 6.6rem;
    object-fit: cover;
}
.banner-box .bg-white{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.banner-box .bg-black {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    position: absolute;
    top: 0;
    left: 0;
}

.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 .pos-center{
    left: .8rem;
}

.banner-box .banner-center{
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-box .banner-center h2{
    font-size: .72rem;
    text-shadow: 0 0 .9rem #0275CD;
}

.banner-box .video-source{
    position: absolute;
    right: .3rem;
    top: .94rem;
}
.banner-box .video-source a{
    font-size: .14rem;
    color: rgba(255,255,255,.6);
}

.banner-box .video-logo{
    position: absolute;
    right: .55rem;
    bottom: .84rem;
}
.banner-box .video-logo img{
    width: .56rem;
    height: .56rem;
    border-radius: .1rem;
    margin-left: .22rem;
}

.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{
    float: left;
    width: calc(50% - 1.2rem);
    background: rgba(233,237,242,.2);
    margin-top: .4rem;
    margin-right: .4rem;
    height: 4.27rem;
    padding: .38rem .5rem 0;
    position: relative;
    /*height: 3.77rem;*/
    /*padding: .38rem .5rem .5rem;*/
}
.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);
}

.box-customTooltip .title,
.box-customTooltip .item .left,
.box-customTooltip .item .right{
    font-size: .14rem;
    color: #666;
    line-height: 1;
}
.box-customTooltip .title{
    margin-bottom: .1rem;
}
.box-customTooltip .item{
    margin-top: .1rem;
}
.box-customTooltip .item .left{
    margin-left: .02rem;
}
.box-customTooltip .item .right{
    float: right;
    margin-left: .2rem;
    font-weight: 900;
}


.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;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: .5rem;
}
.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: .39rem;
    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;
}