/*首页*/
.swiper-banner{margin-top: 0;padding-bottom: 0;height: 100vh;}
.swiper-banner .main{display: flex;align-items: center;box-sizing: border-box;padding-top: 1.0417vw;}
.swiper-banner img,
.swiper-banner video{display: block;width: 100%;height: 100vh;object-fit: cover;}
.swiper-banner .container{opacity: 0;transform: translateY(60px);transition: .5s ease;}
.swiper-banner .swiper-slide-active .container{opacity: 1;transform: translateY(0px);}
.swiper-banner .title{color: var(--cw);}
.swiper-banner .txt{line-height: 1;color: var(--cw);}
.swiper-banner .swiper-pagination{bottom: 3.75vw;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{opacity: .5;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

.pro-temp{position: relative;padding: 11.7708vw 0 6.7708vw;}
.pro-wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;z-index: 1;}
.pro-wrap .container{padding-top: 6.7708vw;}
.card-list{position: relative;z-index: 10;}
.card-list .item{height: 30.2083vw;position: relative;}
.card-list .item .box{position: relative;inset: 0px;left: 0;top: 0;transform-origin: 50% top;}
.card-list .item .container{display: flex;align-items: center;justify-content: space-between;background: #EBEBEB;border-radius: 1.0417vw;height: 30.2083vw;}
.card-list .item .left{width: 33.0729vw;padding-left: 4.1667vw;}
.card-list .item .txt{text-align: justify;}
.card-list .item .pic{width: 57.2917vw;height: 30.2083vw;margin-left: -2.8646vw;}
.card-list .item img{max-width: 100%;width: auto;max-height: 30.2083vw;}
.card-list .learn-more{background-image: linear-gradient(to right, #EBEBEB, #EBEBEB),linear-gradient(360deg, var(--ch) 0%, var(--cs) 105.68%);}

.pro-ing .pro-wrap{position: fixed;}
.pro-end .pro-wrap{position: absolute;top: auto;bottom: 0;}

.solute-temp{position: relative;}
.swiper-solute {padding-bottom: 0;margin-top: 0;}
.swiper-solute .swiper-slide{position: relative;}
.swiper-solute img{display: block;width: 100%;height: 100vh;object-fit: cover;}
.swiper-solute .container{padding-top: 18.0729vw;}
.swiper-solute .title{color: var(--cw);}
.swiper-solute .txt{color: var(--cw);max-width: 26.4583vw;}
.swiper-solute .list{display: flex;flex-wrap: wrap;justify-content: space-between;width: 26.4583vw;}
.swiper-solute .list .link{width: 11.3542vw;margin-bottom: 1.0417vw;line-height: 1.75;color: var(--cw);}
.swiper-solute .list .link i{display: block;width: 1.0417vw;height: 1.0417vw;background: url(../images/link_w_arrow.png) no-repeat;background-size: cover;transition: .5s ease-out;}
.swiper-solute .list .link:hover i{margin-right: -0.5208vw;}
.swiper-solute .swiper-pagination{opacity: 0;}


.solute-temp .top{position: absolute;left: 0;top: 6.7708vw;z-index: 10;width: 100%;}
.solute-temp .nav{position: absolute;left: 0;bottom: 2.0833vw;width: 100%;z-index: 10;}
.solute-temp .nav .list{display: flex;justify-content: space-between;border-top: 1px solid var(--cw3);}
.solute-temp .nav .item{min-width: 9.375vw;text-align: center;padding: 2.0833vw 2.6042vw 0;position: relative;line-height: 1;color: var(--cw);cursor: pointer;}
.solute-temp .nav .item::after{content: '';width: 0%;height: 0.2083vw;background: linear-gradient(270deg, var(--ch) 0%, var(--cs) 100%);position: absolute;left: 50%;top: -1px;z-index: 10;transform: translateX(-50%);}
.solute-temp .nav .item:first-child,
.solute-temp .nav .item:last-child{padding-left: 0;padding-right: 0;}
.solute-temp .nav .active{font-weight: 700;}
.solute-temp .nav .active::after{width: 100%;}

.global-temp{padding: 6.7708vw 0;}
.global-temp .data-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2.0833vw;}
.global-temp .data-list .item{border-bottom: 1px solid #e9e9e9;height: 4.2708vw;display: flex;align-items: center;justify-content: space-between;width: 42.1875vw;}
.global-temp .data-list .box{display: flex;align-items: center;}
.global-temp .data-list .icon{width: 3.1771vw;margin-right: 2.0313vw;}
.global-temp .data-list img{display: block;width: 100%;}
.global-temp .data-list .num{line-height: 2.5vw;font-weight: 700;color: var(--ch);}
.global-temp .data-list p{color: var(--c6);}

.news-temp{background: #f7f7f7;padding: 6.7708vw 0;}
.news-temp .learn-more{background-image: linear-gradient(to right, #f7f7f7, #f7f7f7),linear-gradient(360deg, var(--ch) 0%, var(--cs) 105.68%);}
.news-temp .main{display: flex;justify-content: space-between;}
.news-temp .left-link{width: 41.1458vw;display: block;border-radius: 1.0417vw;overflow: hidden;position: relative;height: 32.5521vw;}
.news-temp .left-link img{display: block;width: 100%;height: 32.5521vw;object-fit: cover;}
.news-temp .left-link .box{display: flex;align-items: flex-end;background: linear-gradient(0deg, #1E50E6 0%, rgba(30, 80, 230, 0) 71.76%);}
.news-temp .left-link .cell{box-sizing: border-box;width: 100%;padding: 0 2.6042vw 2.0833vw;}
.news-temp .left-link .title,
.news-temp .left-link .txt{color: var(--cw);}
.news-temp .left-link .time{color: var(--cw);opacity: .5;}
.news-temp .list{width: 49.4792vw;}
.news-temp .item{display: flex;align-items: center;justify-content: space-between;background: var(--cw);border-radius: 1.0417vw;overflow: hidden;margin-bottom: 1.0417vw;height: 10.1563vw;}
.news-temp .item:last-child{margin-bottom: 0;}
.news-temp .item .pic{width: 15.2083vw;overflow: hidden;}
.news-temp .item img{height: 10.1563vw;object-fit: cover;}
.news-temp .item .right{display: flex;align-items: center;padding-right: 3.5417vw;}
.news-temp .item .box{width: 28.125vw;}
.news-temp .item .time{line-height: 1;color: var(--c6);}
.news-temp .left-link:hover img,
.news-temp .item:hover img{transform: scale(1.1, 1.1);}
.news-temp .item:hover .title{color: var(--ch);}

.esg-temp{padding: 12.3958vw 0;}
.esg-temp .info{line-height: 1.6;width: 38.6458vw;color: var(--cw);}

@media screen and (max-width: 750px){
    .swiper-banner,
    .swiper-banner img,
    .swiper-banner video{height: calc(100vh - 1rem);}

    .pro-temp{padding: 1.2rem 0;}
    .pro-wrap{position: static;height: auto;}
    .pro-wrap .container{padding-top: 0;}
    .card-list{margin-top: .5rem;}
    .card-list .item{margin-bottom: .5rem;height: auto;}
    .card-list .item .container{flex-direction: column-reverse;height: auto;border-radius: .1rem;}
    .card-list .item .pic{width: 100%;height: auto;margin: 0;}
    .card-list .item img{max-height: none;}
    .card-list .item .left{box-sizing: border-box;width: 100%;padding: .5rem .3rem;}

    .solute-temp .top{top: 1.2rem;}
    .swiper-solute img{height: 9.2rem;}
    .swiper-solute .swiper-pagination{opacity: 1;bottom: .6rem;}
    .solute-temp .nav{display: none;}
    .swiper-solute .container{padding-top: 2.8rem;}
    .swiper-solute .txt{max-width: 100%;}
    .swiper-solute .list{width: 100%;}
    .swiper-solute .list .link{width: 48%;margin-bottom: .3rem;font-size: .24rem;}
    .swiper-solute .list .link i{width: .4rem;height: .4rem;}

    .global-temp{padding: 1.2rem 0;}
    .global-temp .main{display: block;}
    .global-temp .left{width: 100%;}
    .global-temp .pic{border-radius: .1rem;}
    .global-temp .right{width: 100%;padding-right: 0;margin-top: .5rem;}
    .global-temp .data-list{margin-top: .8rem;}
    .global-temp .data-list .item{width: 100%;height: 1.2rem;}
    .global-temp .data-list .num{height: .6rem;line-height: .6rem;}
    .global-temp .data-list .icon{width: .8rem;margin-right: .2rem;}

    .news-temp{padding: 1.2rem 0;}
    .news-temp .main{display: block;}
    .news-temp .left-link{width: 100%;height: auto;}   
    .news-temp .left-link img{height: auto;} 
    .news-temp .left-link .cell{padding: 0 .3rem .6rem;}
    .news-temp .list{margin-top: .3rem;width: 100%;}
    .news-temp .item{display: block;height: auto;margin-bottom: .3rem;border-radius: .1rem;}
    .news-temp .item .pic{width: 100%;}
    .news-temp .item img{height: auto;}
    .news-temp .item .right{display: block;width: 100%;padding: .4rem 0;}
    .news-temp .item .box{width: 100%;padding: 0 .3rem;box-sizing: border-box;}

    .esg-temp{padding: 1.8rem 0;}
    .esg-temp .info{width: 100%;}
}