* {
    font-size: .14rem;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";
}
@font-face {
    font-family: "ZHFFXFT";
    src: url("font/ZHFFXFT.ttf");
}
@font-face {
    font-family: "DinBold";
    src: url("font/DinBold.ttf");
}
@font-face {
    font-family: 'ErYaLiuYeHei';
    src: url("font/ErYaLiuYeHei.ttf");
}
@font-face {
    font-family: 'ZiZhiQuXiMaiTi';
    src: url("font/ZiZhiQuXiMaiTi.ttf");
}
sup, sub{
    font-size: .12rem;
}
.icon-cBtn{
    display: block;
    width: .29rem;
    height: .2rem;
    background: url("../images/homepage/icon-arrowRight.png") no-repeat;
    background-size: 100%;
}

.home-box{
    position: relative;
    width: 100%;
}
.home-box .home-banner{
    width: 100%;
}
.banner-content{
    width: 100%;
    height: calc(100% - 1.5rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -0.05rem;
}
.banner-content .pos{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-content h2{
    font-family: 'ZiZhiQuXiMaiTi';
    font-size: .66rem;
    position: relative;
    text-shadow: 0 0.02rem 0.02rem rgba(0,0,0,.5);
    color: #fff;
    font-style: italic;
    text-align: center;
}
.banner-content .des{
    display: block;
    font-size: .16rem;
    color: #4F5562;
    line-height: .34rem;
    margin-top: .42rem;
}

.banner-cRight, .banner-cLeft{
    max-width: 2040px;
    height: 100%;
    padding: 0 80px;
    margin: 0 auto;
    position: relative;
}
.banner-cRight .pos, .banner-cLeft .pos{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.banner-cRight .pos{
    right: 3rem;
    display: flex;
    flex-direction: column;
}
.banner-cRight h2{
    font-size: 1.24rem;
    line-height: 1.34rem;
    font-family: "ErYaLiuYeHei";
    font-style: normal;
    text-align: left;
}
.banner-cRight .fingertip{
    width: 2.52rem;
    height: 1.29rem;
    margin: .82rem auto 0;
}

.banner-cLeft .pos{
    width: 6.28rem;
    left: 1.6rem;
}
.banner-cLeft h2{
    color: #2154FF;
    font-size: .62rem;
    text-shadow: none;
    text-align: left;
    /*background: linear-gradient(0deg, #756BFB 0%, #2733EF 55.5908203125%, #3555FA 85.3759765625%, #3988F4 100%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}

.banner-content p{
    font-size: .15rem;
    color: #FFFFFF;
    line-height: .26rem;
    background: linear-gradient(0deg, #756BFB 0%, #3555FA 49.5849609375%, #3988F4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-shadow: 0 0.02rem #fff;
}
.banner-content p:before{
    width: 100%;
    content: attr(text);
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg, #756BFB 0%, #2733EF 55.5908203125%, #3555FA 85.3759765625%, #3988F4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 1;
    text-shadow: none;
}


.ct-container{
    background: #FFFFFF;
    border-radius: .75rem .75rem 0 0;
    position: relative;
    margin-top: -0.8rem;
    z-index: 1;
}

.container-banner{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: .3rem;
    /*top: -0.7rem;*/
    /*margin-bottom: -0.7rem;*/
}
.container-banner li{
    width: calc(25% - .19rem);
    min-height: 1.4rem;
    background: #FFFFFF;
    box-shadow: 0 0 .2rem 0 rgba(6,15,141,0.1);
    border-radius: .15rem;
    margin-left: .38rem;
    display: flex;

}
.container-banner li:first-of-type{
    margin-left: 0;
}
.container-banner li a{
    display: flex;
    align-items: center;
    padding: 0 .15rem 0 .3rem;
}
.container-banner li b{
    display: block;
    width: .66rem;
    height: .66rem;
}
.container-banner li b.icon1{
    background: url(../images/homepage/bn-icon1.png) no-repeat;
    background-size: 100%;
}
.container-banner li b.icon2{
    background: url(../images/homepage/bn-icon2.png) no-repeat;
    background-size: 100%;
}
.container-banner li b.icon3{
    background: url(../images/homepage/bn-icon3.png) no-repeat;
    background-size: 100%;
}
.container-banner li b.icon4{
    background: url(../images/homepage/bn-icon4.png) no-repeat;
    background-size: 100%;
}
.container-banner .t-p{
    margin-left: .2rem;
    width: calc(100% - .8rem);
}
.container-banner .t-p h4{
    font-size: .22rem;
    color: #222222;
    display: flex;
    align-items: center;
}
.container-banner .t-p .hot{
    display: block;
    width: .38rem;
    height: .17rem;
    background: url(../images/homepage/icon-hot.png) no-repeat;
    background-size: 100%;
    margin-left: .1rem;
}
.container-banner .t-p p{
    font-size: .18rem;
    color: #898B8E;
    margin-top: .15rem;
}

.container-banner li:hover{
    transition: all .3s ease-out;
    transform: translateY(-0.2rem);
}

.box-module{
    margin-top: .97rem;
}
.box-module .btn-seeMore{
    display: flex;
    justify-content: center;
    margin: .35rem 0;
}
.box-module .btn-seeMore a{
    display: block;
    font-size: .18rem;
    color: #2154FF;
    line-height: .45rem;
    border-radius: .24rem;
    border: 1px solid #2154FF;
    padding: 0 .39rem;
}
.box-module .btn-seeMore a:hover{
    color: #fff;
    background: #2154FF;
}


.big-title, .big-title strong, .big-title .pointer{
    font-size: .42rem;
    color: #222;
    text-align: center;
    font-weight: bold;
}
.big-title{
    margin-bottom: .7rem;
}
.big-title strong{
    color: #2154FF;
}
.big-title .pointer{
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0 auto;
    cursor: pointer;
}
.big-title .icon-cBtn{
    display: none;
    width: .41rem;
    height: .28rem;
    animation: aniRight 1.5s linear infinite;
}


.list-fingertip{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list-fingertip li{
    width: calc(33.3% - (.8rem + .45rem));
    padding: .4rem .4rem .34rem;
    background: #FFFFFF;
    box-shadow: 0 .08rem .2rem 0 rgba(6,15,141,0.1);
    border-radius: .15rem;
    margin-top: .3rem;
    margin-right: .3rem;
    position: relative;
    transition: background .3s ease-in-out,transform .3s ease-in-out;
}
.list-fingertip li:hover{
    transform: scale(1.05);
}
.list-fingertip li:nth-of-type(3n){
    margin-right: 0;
}

.list-fingertip .title{
    display: flex;
    align-items: center;
}
.list-fingertip .title strong{
    display: block;
    font-size: .26rem;
    line-height: .30rem;
    color: #222222;
}
.list-fingertip .title .icon{
    display: block;
    width: .25rem;
    height: .22rem;
    background: url("../images/homepage/icon-titleRight.png") no-repeat;
    background-size: 100%;
    /*margin-left: .24rem;*/
    animation: aniRight 1.5s linear infinite;
}

.list-fingertip .flex{
    margin: .38rem 0 .2rem;
    position: relative;
    z-index: 1;
}
.list-fingertip .item{
    width: 50%;
}
.list-fingertip .item span{
    font-size: .18rem;
    color: #2733EF;
}
.list-fingertip .item strong{}
.list-fingertip .item strong b{
    display: inline-block;
    font-weight: bold;
    font-size: .32rem;
    line-height: .32rem;
    color: #275BFC;
    background: linear-gradient(-73deg, #9459F4 0%, #2733EF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.list-fingertip .item h6{
    margin-top: .15rem;
    font-size: .16rem;
    color: #898B8E;
}

.list-fingertip li .cover{
    width: 100%;
}
.list-fingertip li img{
    width: 100%;
    height: 3.15rem;
    border-radius: .14rem;
    object-fit: cover;
    /*border-radius: .15rem;*/
}

.list-fingertip li .nb-icon{
    display: block;
    height: 1.6rem;
    position: absolute;
    top: 0;
}
.list-fingertip li .number1{
    width: .8rem;
    background: url("../images/homepage/number1.png") no-repeat;
    background-size: 100%;
    right: .26rem;
}
.list-fingertip li .number2{
    width: 1.19rem;
    background: url("../images/homepage/number2.png") no-repeat;
    background-size: 100%;
    right: .17rem;
}
.list-fingertip li .number3{
    width: 1.11rem;
    background: url("../images/homepage/number3.png") no-repeat;
    background-size: 100%;
    right: .11rem;
}
.list-fingertip li .number4{
    width: 1.16rem;
    background: url("../images/homepage/number4.png") no-repeat;
    background-size: 100%;
    right: .14rem;
}
.list-fingertip li .number5{
    width: 1.15rem;
    background: url("../images/homepage/number5.png") no-repeat;
    background-size: 100%;
    right: .06rem;
}
.list-fingertip li .number6{
    width: 1.03rem;
    background: url("../images/homepage/number6.png") no-repeat;
    background-size: 100%;
    right: .17rem;
}


/* 中控台 */
.btn-developData{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .56rem;
    margin-bottom: .6rem;
}
.btn-developData li{
    cursor: pointer;
    font-size: .22rem;
    color: #4E5461;
    padding: .2rem .12rem;
    border-bottom: .02rem solid #fff;
    margin: 0 .26rem;
}
.btn-developData .active{
    color: #2154FF;
    border-bottom: .02rem solid #2154FF;
}

.box-developData{}
.box-developData .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box-developData .w50{
    width: calc(50% - .76rem);
}
.box-developData .w25{
    width: calc(25% - .76rem);
}
.box-developData .list .bg, .box-developData .list .c-bg{
    padding: 0 .3rem .22rem;
    border-radius: .2rem;
    background: #FDFEFF;
    margin-right: .2rem;
    margin-bottom: .2rem;
    position: relative;
    /*border: .01rem solid transparent;*/
}
.box-developData .list .bg:nth-of-type(3n){
    margin-right: 0;
}
.box-developData .list .bg1{ background: linear-gradient(-73deg, #BFD2FF, #E0E2FF); }
.box-developData .list .bg2{ background: linear-gradient(-55deg, #FAF7FF, #E9EFFF); }
.box-developData .list .bg3{ background: linear-gradient(-55deg, #FFFAEF, #FFEFF0); }
.box-developData .list .bg5{ background: linear-gradient(-55deg, #FBFDF7, #EFFBEC); }
.box-developData .list .bg6{ background: linear-gradient(-55deg, #F7FEFB, #E8F7FF); }

.box-developData .list .bg4{
    width: calc(50% - .2rem);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: transparent;
    box-shadow: none;
}
.box-developData .list .bg4 .c-bg{
    padding: 0 .2rem .22rem .3rem;
    width: calc(50% - .64rem);
    /*height: calc(50% - .32rem);*/
    background: #FDFEFF;
    box-shadow: 0 .06rem .2rem 0 rgba(39,51,239,0.1);
}
.box-developData .list .bg4 .c-bg:nth-of-type(3),
.box-developData .list .bg4 .c-bg:nth-of-type(4){
    margin-bottom: 0;
}
.box-developData .list .bg4 .c-bg:nth-of-type(2n){
    margin-right: 0;
}

.box-flex{
    /*padding-top: .17rem;*/
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.box-indexData{
    width: 56%;
    position: relative;
}

.box-indexData .flex-align{
    position: relative;
    left: 0;
}
.box-indexData .logo-city{
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .2rem;
    margin-left: -0.23rem;
}
.box-indexData .logo-city img{
    width: 1.8rem;
    height: 1.8rem;
}
.box-indexData .logo-cityHide{
    display: none;
}
.box-indexData .name-city{
    min-height: 1.8rem;
    display: flex;
    align-items: center;
}
.name-city h2{
    font-weight: bold;
    font-size: .54rem;
    color: #2733EF;
    background: linear-gradient(-73deg, #2733EF 55%, #2733EF 85%, #9459F4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.name-city p{
    font-size: .2rem;
    color: #3A3AF0;
    margin-top: .27rem;
}
.name-city .icon-cBtn{
    width: .41rem;
    height: .28rem;
    animation: aniRight 1.5s linear infinite;
}

.box-target{
    min-height: 1.12rem;
    margin-top: .2rem;
    background: #FCFDFF;
    box-shadow: 0 .04rem .08rem 0 rgba(53,70,103,0.1);
    border-radius: .09rem;
    display: flex;
    align-items: center;
}
.box-target ol{
    display: flex;
    width: 100%;
}
.box-target li{
    width: 50%;
    padding-left: .28rem;
    border-left: 1px solid #BBBFC4;
}
.box-target li:first-of-type{
    border-left: none;
}
.box-target li span{
    font-size: .14rem;
    color: #464749;
}
.box-target li p{
    font-size: .14rem;
    color: #222222;
    margin-top: .15rem;
}
.box-target li p strong, .list-mode .item p strong{
    font-size: .4rem;
    font-weight: bold;
    font-family: DINBOld;
    display: inline-block;
}
.box-target li p strong{
    margin-bottom: -.26rem;
    line-height: .58rem;
}
.list-mode .item p strong{
    line-height: .44rem;
    margin-bottom: -.15rem;
}

.map-box{
    width: 44%;
    height: 80%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.map-box:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.map-box .map{
    width: 100%;
    height: 100%;
    background: transparent!important;
}
.amap-logo, .amap-copyright{
    display: none!important;
}

.select-cityBox{
    width: 1.34rem;
    height: .48rem;
    position: absolute;
    right: .5rem;
    top: .4rem;
    cursor: pointer;
}
.select-cityBox .s-bg{
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(-73deg, #766EDE, #3656FB, #489EF9);
    border-radius: .24rem;
}

.box-changeBox{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.box-changeBox .btn{
    line-height: .48rem;
    font-size: .16rem;
    color: #FDFEFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-changeBox .btn .icon{
    display: block;
    width: .14rem;
    height: .09rem;
    margin-left: .09rem;
    background: url(../images/homepage/icon-cityArrow.png) no-repeat;
    background-size: 100%;
    transition: 0.8s;
}
.box-changeBox:hover .btn .icon{
    transform: rotate(180deg);
}

.list-selectCity{
    display: none;
    position: absolute;
    top: .48rem;
    left: 50%;
    transform: translate(-50%, 0);
    background: #FFFFFF;
    box-shadow: 0 .06rem .2rem 0 rgba(39,51,239,0.1);
    border-radius: .14rem;
    z-index: 10;
}
.list-selectCity .box-province{
    padding: .05rem .1rem;
    min-width: 1.3rem;
}
.list-selectCity li{
    font-size: .14rem;
    line-height: .16rem;
    color: #000;
    padding: .12rem .1rem;
}

.box-province{
    max-height: 3.65rem;
    overflow-y: auto;
}
.box-province li:hover,
.box-province li.active{
    background: #F0F1FE;
    border-radius: .1rem;
}

.box-cityList{
    padding: 0.03rem .2rem;
    min-width: 1.1rem;
}
.box-cityList h6{
    font-weight: bold;
    font-size: .2rem;
    color: #000000;
    padding: .24rem 0 .32rem;
    border-bottom: 1px solid #EEEEEE;
}
.box-cityList ol{
    margin-top: .07rem;
    max-height: 2.85rem;
    overflow-y: auto;
}
.box-cityList li:hover,
.box-cityList li.active{
    color: #2154FF;
}

.select-cityBox .select{
    background: transparent;
    position: absolute;
    width: calc(100% - .18rem);
    height: 100%;
    top: 0;
    left: 0;
    padding-left: .18rem;
    color: #FDFEFF;
    font-size: .16rem;
}


.box-developData .list .box-tips{
    font-size: .1rem;
    color: rgba(70,71,73, .35);
    /*color: #464749;*/
}
.box-developData .list .title{
    font-size: .26rem;
    color: #222222;
    padding: .48rem 0 .34rem;
    display: flex;
    align-items: center;
}
.box-developData .list .bg2 .title{
    color: #2050B7;
}
.box-developData .list .bg3 .title{
    color: #B0621A;
}
.box-developData .list .bg5 .title{
    color: #297B22;
}
.box-developData .list .bg6 .title{
    color: #147FA8;
}
.box-developData .list .title .icon-cBtn{
    opacity: 0;
}


.list-mode{
    margin-bottom: .18rem;
}
.list-mode .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .08rem;
}
.c-bg .list-mode .item{
    margin-bottom: .10rem;
}
.list-mode .item h5,
.list-mode .item span,
.list-mode .item p{
    font-size: .18rem;
    line-height: .18rem;
    color: #464749;
}

.list-mode .item p{
    line-height: .26rem;
    min-width: 1.4rem;
    text-align: left;
}
.list-mode .item p strong{
    font-size: .26rem;
}
.list-mode .item p span{
    font-size: .18rem;
}

.box-developData .bg3 .item p,
.box-developData .bg6 .item p{
    min-width: .74rem;
}

.box-developData .c-bg .item p{
    min-width: 1rem;
}
.box-developData .c-bg:nth-of-type(2) .item p,
.box-developData .c-bg:nth-of-type(4) .item p{
    min-width: .8rem;
}


.box-ets{
    background: #FDFEFF;
    box-shadow: 0 .05rem .14rem 0 #E9EFFF;
    border-radius: 15px;
    position: relative;
}
.box-ets .ets{
    padding: .22rem .15rem .3rem;
    width: calc(100% - .3rem);
    height: 1.76rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: rgba(70,71,73, .1);
    font-size: .18rem;
}
.box-ets .ets-unit{
    font-size: .08rem;
    position: absolute;
    top: .15rem;
    left: .15rem;
    color: #898B8E;
    display: none;
}
.box-ets .ets-unit sup,
.box-ets .ets-unit sub{
    font-size: .08rem;
}

.echart-title{
    font-size: .14rem;
    text-align: center;
    margin-bottom: .1rem;
}
.tooltip-list{}
.tooltip-list .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .05rem;
}
.tooltip-list .item:first-of-type{
    margin-top: 0;
}
.tooltip-list .item p{
    min-width: auto!important;
    margin-right: .15rem;
    font-size: .12rem;
}
.tooltip-list .item p:last-of-type{
    margin-right: 0;
}


.list-select {
    position: relative;
}
.list-select .choose{
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    cursor: pointer;
    padding: 0 .18rem;
    border-bottom: 1px solid #EEEEEE;
    min-height: .55rem;
}
.list-select .choose h6, .list-select .choose span{
    font-size: .16rem;
    color: #464749;
    cursor: pointer;
}
.list-select .choose h6{
    margin-right: .08rem;
}
.list-select .choose .arrow-down{
    display: block;
    width: .12rem;
    height: .08rem;
    background: url(../images/light/icon_arrow_btm.png) no-repeat;
    background-size: 100%;
    margin-left: .08rem;
    transform: rotate(0);
    transition: transform 0.8s;
}
.list-select .choose .arrow-up{
    transform: rotate(180deg);
    transition: transform 0.8s;
}

.list-select .dropDown{
    display: none;
    width: 100%;
    position: absolute;
    top: .5rem;
    /*left: 50%;*/
    /*transform: translate(-50%, 0);*/
    background: #FDFEFF;
    box-shadow: 0 .06rem .1rem 0 rgba(0,0,0,0.1);
    border-radius: .06rem;
    border: 1px solid #EEEEEE;
    z-index: 1;
}
.list-select .dropDown:before{
    display: none;
    content: '';
    width: .1rem;
    height: .1rem;
    position: absolute;
    top: -0.06rem;
    left: 50%;
    transform: translate(-50%, 0) rotate(-45deg);

    border-top: .01rem solid #FFFFFF;
    border-right: .01rem solid #FFFFFF;
}
.list-select .dropDown ul{
    position: relative;
    background: #fff;
}
.list-select .dropDown li{
    line-height: .4rem;
    padding: 0 .1rem;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-weight: 400;
    margin: .09rem;
    color: #464749;
}
.list-select .dropDown li.active {
    background: #F0F1FE;
    border-radius: .1rem;
}


.box-iframeMap{
    width: 100%;
    height: 8.8rem;
    position: relative;
}
.box-iframeMap .iframe{
    width: 100%;
    height: 100%;

}
.box-iframeMap .map-btn{
    position: absolute;
    top: .3rem;
    right: .3rem;
}
.box-iframeMap .map-btn a{
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    line-height: .4rem;
    color: #FFFFFF;
    background: linear-gradient(-73deg, #766EDE, #3656FB, #489EF9);
    border-radius: .24rem;
    width: .82rem;
}
.box-iframeMap .map-btn .icon{
    display: block;
    width: .16rem;
    height: .11rem;
    background: url("../images/homepage/icon-arrowRightWhite.png") no-repeat;
    background-size: 100%;
    animation: aniRightSmall 1.5s linear infinite;
}


.box-developData .list .bgHover{
    cursor: pointer;
    transition: background .3s ease-in-out,transform .3s ease-in-out;
}
.box-developData .list .bgHover:hover{
    border: .01rem solid #2154FF;
    transform: scale(1.05);
    z-index: 1;
}
.box-developData .list .bgHover:hover .icon-cBtn{
    opacity: 1;
    margin-left: .24rem;
    animation: arrowShow 1s linear;
}


/* 碳小课堂 */
.box-carbonList{
    width: max-content;
    margin: 0 auto;
}
.box-carbonList li{
    width: 5.18rem;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 .15rem .5rem 0 rgba(154,182,220,0.4);
    border-radius: .3rem;
    float: left;
    transition: background .3s ease-in-out,transform .3s ease-in-out;
}
.box-carbonList li a{
    display: block;
    padding: .4rem .54rem;
}
.box-carbonList li .icon{
    display: block;
    width: .71rem;
    height: .69rem;
    background: url("../images/homepage/icon-carbon.png") no-repeat;
    background-size: 100%;
}
.box-carbonList li h5{
    font-size: .26rem;
    color: #202939;
    line-height: .4rem;
    margin: .1rem 0 .22rem;
    min-height: .8rem;
}
.box-carbonList li span{
    font-size: .18rem;
    color: #898B8E;
}
.box-carbonList li img{
    width: 100%;
    height: 2.37rem;
    object-fit: cover;
    /*background: #FFFFFF;*/
    box-shadow: 0 .09rem .2rem .01rem rgba(0,25,101,0.24);
    border-radius: .2rem;
    margin-top: .4rem;
}
.box-carbonList li:nth-of-type(1), .box-carbonList li:nth-of-type(3){
    margin-top: 0.4rem;
    transform: scale(0.9) rotate(-15deg);
}
.box-carbonList li:nth-of-type(1) h5, .box-carbonList li:nth-of-type(3) h5{
    font-size: .23rem;
}
.box-carbonList li:nth-of-type(3){
    transform: scale(0.9) rotate(15deg);
}
.box-carbonList li:nth-of-type(2){
    position: relative;
    z-index: 1;
}

.box-carbonList li:hover{
    transform: scale(1.02);
}
.box-carbonList li:nth-of-type(1):hover{
    transform: scale(.92) rotate(-15deg);
}
.box-carbonList li:nth-of-type(3):hover{
    transform: scale(.92) rotate(15deg);
}


.box-survey{
    position: relative;
}
.box-survey .bg{
    width: 100%;
}
.pos-survey{
    position: absolute;
    top: 50%;
    left: 1.74rem;
    transform: translate(0, -50%);
}
.pos-survey h3{
    font-size: .5rem;
    color: #022464;
    font-style: italic;
    font-family: "ZHFFXFT";
}
.pos-survey p{
    font-size: .26rem;
    color: #022464;
    margin: .35rem 0 .63rem;
}
.pos-survey .icon-cBtn{
    width: .48rem;
    height: .33rem;
    animation: aniRightBig 1.5s linear infinite;
}


@keyframes aniRight{
    0% {
        margin-left: .11rem;
    }
    100% {
        margin-left: .21rem;
    }
}
@keyframes arrowShow {
    0% {
        opacity: 0;
        margin-left: .12rem;
    }
    100% {
        opacity: 1;
        margin-left: .24rem;
    }
}
@keyframes aniRightSmall{
    0% {
        margin-left: .05rem;
    }
    100% {
        margin-left: .1rem;
    }
}
@keyframes aniRightBig {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: .14rem;
    }
}