@charset "utf-8";
/*首页头部-透明底样式*/
header .top{background-color: transparent;color: transparent;}
header .bottom{background-color: transparent;}
header .social-share{opacity: 0;}
header .entrance-links .item{color: #fff;}
header .logo img{filter: brightness(0) invert(1);}
header .menu-btn span{background-color: #fff;}
header .nav-box .nav-1st > li > a{color: #fff;}
header .search-btn{filter: brightness(0) invert(1);}
header .language-select .name{filter: brightness(0) invert(1);}
header .login-btn .icon{filter: brightness(0) invert(1);}
header .user-wrap::after{color: #fff;}
/*首页头部-有底色样式（hover时保持一致）*/
header.bg-color .top{background-color: #D8D8D8;color: #676767;}
header.bg-color .bottom{background-color: #fff;}
header.bg-color .social-share{opacity: 1;}
header.bg-color .entrance-links .item{color: #676767;}
header.bg-color .logo img{filter: none;}
header.bg-color .menu-btn span{background-color: #000;}
header.bg-color .nav-box .nav-1st > li > a{color: #353535;}
header.bg-color .nav-box .nav-1st > li > a:after{background-color: #0F5ADE;}
header.bg-color .search-btn{filter: none;}
header.bg-color .language-select .name{filter: none;}
header.bg-color .login-btn .icon{filter: none;}
header.bg-color .user-wrap::after{color: #676767;}
header:hover .top{background-color: #D8D8D8;color: #676767;}
header:hover .bottom{background-color: #fff;}
header:hover .social-share{opacity: 1;}
header:hover .entrance-links .item{color: #676767;}
header:hover .logo img{filter: none;}
header:hover .menu-btn span{background-color: #000;}
header:hover .nav-box .nav-1st > li > a{color: #353535;}
header:hover .nav-box .nav-1st > li > a:after{background-color: #0F5ADE;}
header:hover .search-btn{filter: none;}
header:hover .language-select .name{filter: none;}
header:hover .login-btn .icon{filter: none;}
header:hover .user-wrap::after{color: #676767;}
/*首页头部-首屏隐藏元素*/
header{transform: translateY(-100%);}
.banner .swiper-slide .info{opacity: 0;margin-top: 2rem;transition: .5s .3s;}
.banner .swiper-pagination{opacity: 0;transform: translateY(100%);transition: .5s;}
.banner .banner-news-swiper-box{opacity: 0;transform: translateY(100%);transition: .5s;}
/*首页头部-显示隐藏元素*/
header.show{transform: translateY(0);}
.banner .swiper-slide .info.show{opacity: 1;margin-top: 0;}
.banner .swiper-pagination.show{opacity: 1;transform: translateY(0);}
.banner .banner-news-swiper-box.show{opacity: 1;transform: translateY(0);}

/*页面加载层*/
.loading-layer{z-index: 11;position: fixed;left: 0;right: 0;top: 0;height: 100vh;background-color: #000;overflow: hidden;}
.loading-layer .logo-wrap{z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 10rem;height: 3.9rem;margin: auto;text-align: center;overflow: hidden;}
.loading-layer .logo-wrap .icon{opacity: 0;}
.loading-layer .logo-wrap .text{margin-top: .3rem;opacity: 0;transform: translateY(110%);}
.loading-layer .video-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;clip-path: inset(100% 100% round 10rem);}
.loading-layer .video-wrap video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
/* .loading-layer .video-wrap .video-mini-window{position: absolute;right: calc(50% - 700px);top: 1.8rem;display: flex;align-items: center;width: 16rem;box-sizing: border-box;padding: .5rem;background-color: rgba(255,255,255,.7);border-radius: .4rem;}
.loading-layer .video-wrap .video-mini-window .pic{flex: 0 0 4rem;position: relative;margin-right: .8rem;border-radius: .2rem;overflow: hidden;}
.loading-layer .video-wrap .video-mini-window .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 0;height: 0;margin: auto;border: .4rem solid transparent;border-left: .6rem solid #fff;border-right-width: 0;}
.loading-layer .video-wrap .video-mini-window .pic em{display: block;padding-top: 62.5%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.loading-layer .video-wrap .video-mini-window .tit{flex: 1;font-size: .6rem;line-height: 1.17;color: #676767;} */
.loading-layer .skip-btn{z-index: 1;position: absolute;right: 5%;bottom: 4rem;width: 6rem;height: 6rem;display: flex;justify-content: center;align-items: center;border-radius: 50%;color: #fff;cursor: pointer;user-select: none;opacity: 0;visibility: hidden;transition: .3s;}
.loading-layer .skip-btn::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: url(../2024_images/dot_circle_elem.svg);background-size: 100% 100%;animation: dotCircleElem 10s linear infinite;}
.loading-layer .skip-btn:hover{background-color: #0F5ADE;}
.loading-layer .skip-btn:hover::before{display: none;}
.loading-layer.run-animation .logo-wrap{animation: logoWrap 1s 6s ease-out forwards;transform-origin: left top;}
.loading-layer.run-animation .logo-wrap .icon{animation: logoIcon 5s linear forwards;}
.loading-layer.run-animation .logo-wrap .text{animation: logoText 1s 5s ease-out forwards;}
.loading-layer.run-animation .video-wrap{animation: loadingLayerVideoWrap 5s 6s cubic-bezier(0, 0, 0.1, 1) forwards;}
.loading-layer.run-animation .skip-btn{animation: skipBtn 1s 2s linear forwards;visibility: visible;}
@keyframes logoIcon{
	100%{opacity: 1;}
}
@keyframes logoText{
	100%{opacity: 1;transform: translateY(0);}
}
@keyframes logoWrap{
	100%{transform: translate(calc(-700px + 50%),calc(-50vh + 1.8rem + 50%)) scale(.5);filter: brightness(0) invert(1);}
}
@keyframes loadingLayerVideoWrap{
	100%{clip-path: inset(0 0 round 0);}
}
@keyframes skipBtn{
	100%{opacity: 1;}
}
@keyframes dotCircleElem{
	100%{transform: rotate(360deg);}
}

/*banner*/
.banner{z-index: -1;position: fixed;left: 0;right: 0;top: 0;height: 100vh;overflow: hidden;}
.banner .swiper-slide .pic{position: relative;display: block;height: 100%;background-position: top center;background-size: cover;background-repeat: no-repeat;transition: 10s linear;}
.banner .swiper-slide .video{position: relative;height: 100%;}
.banner .swiper-slide .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .info{position: absolute;left: max(calc(50% - 600px),5%);right: max(calc(50% - 600px),5%);top: 50%;transform: translateY(-70%);}
.banner .swiper-slide .info .tit{font-family: 'Poppins-Medium';line-height: 1;}
.banner .swiper-slide .info .tit img{width: 50%;transform: translateY(-25%);}
.banner .swiper-slide .info .txt{margin-top: 1.2rem;line-height: 1.17;}
.banner .swiper-slide .info .index-more-btn{margin-top: 3.5rem;background-color: transparent;border: 1px solid currentColor;color: #000;}
.banner .swiper-slide .info .index-more-btn .arrow{filter: brightness(0);}
.banner .swiper-slide .info.white{color: #fff;}
.banner .swiper-slide .info.white .index-more-btn{color: #fff;}
.banner .swiper-slide .info.white .index-more-btn .arrow{filter: brightness(0) invert(1);}
.banner .swiper-pagination{z-index: 1;bottom: 5rem;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: .6rem;height: .6rem;margin: 0 .3rem;background-color: #BFBFBF;overflow: hidden;opacity: 1;transition: .5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #0F5ADE;}
.banner .btn{display: none;z-index: 1;position: absolute;top: 50%;width: 2rem;height: 2rem;margin-top: -1rem;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: .3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #0F5ADE;border-color: #0F5ADE;}
.banner:hover .prev-btn{transform: translateX(40%);}
.banner:hover .next-btn{transform: translateX(-40%);}
/*banner新闻轮播*/
.banner .banner-news-swiper-box{z-index: 1;position: absolute;left: 0;right: 0;bottom: -1px;background-color: rgba(0,0,0,.5);}
.banner-news-swiper{position: relative;height: 3.5rem;overflow: hidden;}
.banner-news-swiper .swiper-slide a{display: flex;align-items: center;height: 100%;color: #fff;}
.banner-news-swiper .swiper-slide a .date{margin-right: 1em;}
.banner-news-swiper .swiper-slide a .tit{max-width: 30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.banner-news-swiper .swiper-slide a .arrow{width: 1em;height: 1em;margin-left: 2em;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSI3LjgwNyIgaGVpZ2h0PSIxNC42MjIiIHZpZXdCb3g9IjAgMCA3LjgwNyAxNC42MjIiPjxwYXRoIGQ9Ik04LjAxMiA3LjMxTC44NDcuMTQ2LjE0NS44NDcgNi42MSA3LjMxLjE0NSAxMy43NzVsLjcwMi43MDEgNy4xNjUtNy4xNjV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiLz48L3N2Zz4=');background-size: 100% 100%;}
.banner-news-swiper .swiper-slide a:hover .tit{transform: translateX(.3em);}

/******首页******/
.index-container{position: relative;min-height: 25rem;margin-top: 100vh;background-color: #fff;border-radius: 2.5rem 2.5rem 0 0;overflow: hidden;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: flex-end;}
.index-title .name{line-height: 1.33;}
.index-title .name .tit1{margin-bottom: 1.5rem;color: #0F5ADE;}
.index-title .name .tit2{line-height: 1.14;}
.index-title .name .tit2 span{display: inline-block;vertical-align: top;overflow: hidden;}
.index-title .name .tit2 i{display: inline-block;vertical-align: top;opacity: .2;transform: translateY(100%);}
.index-title .name .tit3{margin-top: 1rem;}
.index-title.center{justify-content: center;text-align: center;}
.index-title.white{color: #fff;}
.index-title.white .name .tit1{color: #fff;}
.index-title.show .name .tit2 i{animation: indexTitleAni 1s ease-out forwards;animation-delay: calc(var(--delay) * .1s);}
@keyframes indexTitleAni{
	75%{color: #0F5ADE;opacity: 1;transform: translateY(-.2rem);}
	100%{color: inherit;opacity: 1;transform: translateY(-.2rem);}
}
/*更多按钮*/
.index-more-btn{display: inline-flex;justify-content: center;align-items: center;height: 1.6rem;padding: 0 1.6rem;background-color: rgba(255,255,255,.3);border-radius: .8rem;font-size: .7rem;white-space: nowrap;color: #0F5ADE;transition: .3s;}
.index-more-btn .arrow{width: .5rem;height: .5rem;margin-left: .5rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSI4Ljg3IiBoZWlnaHQ9IjkuODYxIiB2aWV3Qm94PSIwIDAgOC44NyA5Ljg2MSI+PHBhdGggc3Ryb2tlPSIjMEY1QURFIiBzdHJva2Utd2lkdGg9Ii44NSIgZD0iTTUuMzIgMS40MjVILjMiLz48cGF0aCBkPSJNOC4wMiAyLjQ0M1Y5LjU2aC44NVYxaC0uNjFMMCA5LjI2bC42MDEuNjAxTDguMDIgMi40NDN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwRjVBREUiLz48L3N2Zz4=');background-size: 100% 100%;}
.index-more-btn.white{color: #fff;}
.index-more-btn.white .arrow{filter: brightness(0) invert(1);}
.index-more-btn:hover .arrow{filter: brightness(0) invert(1) !important;transform: rotate(45deg);transition: .5s .3s;}
.index-more-btn2{display: inline-flex;justify-content: space-between;align-items: center;width: 12.5rem;box-sizing: border-box;padding: 0 1.4rem .8rem 0;border-bottom: 1px solid currentColor;border-right: 1px solid currentColor;line-height: 1;transition: .3s;}
.index-more-btn2 .arrow{width: 1.2rem;height: 1.2rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSI4Ljg3IiBoZWlnaHQ9IjkuODYxIiB2aWV3Qm94PSIwIDAgOC44NyA5Ljg2MSI+PHBhdGggc3Ryb2tlPSIjMEY1QURFIiBzdHJva2Utd2lkdGg9Ii44NSIgZD0iTTUuMzIgMS40MjVILjMiLz48cGF0aCBkPSJNOC4wMiAyLjQ0M1Y5LjU2aC44NVYxaC0uNjFMMCA5LjI2bC42MDEuNjAxTDguMDIgMi40NDN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwRjVBREUiLz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0);}
.index-more-btn2.white{color: #fff;}
.index-more-btn2.white .arrow{filter: brightness(0) invert(1);}
.index-more-btn2:hover{text-indent: .5em;}
.index-more-btn2:hover .arrow{transform: rotate(45deg);transition: .3s .3s;}
/*布局*/
.index-container .brief{line-height: 1.33;}
.index-container .part1{position: relative;padding: 3.5rem 0 37%;background: url(../2024_images/index_part_bg1.png) center bottom no-repeat;background-size: 100% auto;}
.index-container .part1 .index-title{width: 80%;margin: 0 auto;}
.index-container .part1 .data-show-wrap{margin-top: 4rem;}
.index-container .part1 .gallery-pic-swiper-box{position: absolute;left: -2.2rem;right: 0;bottom: 1.8rem;}
.index-container .part2{z-index: 1;position: relative;height: 100vh;overflow: hidden;--opacity: 1;}
.index-container .part2::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(180deg,#9DC1D1,rgba(0,0,0,0));opacity: var(--opacity);}
.index-container .part2::after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;opacity: calc(1 - var(--opacity));}
.index-container .part2 .index-title{display: none;}
.index-container .part2 .index-title .tit4{margin-top: .25rem;font-family: 'Poppins-Light';color: #676767;}
.index-container .part2 .title-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Poppins-Medium';line-height: 1.1;text-align: center;color: #fff;--blur: 20px;}
.index-container .part2 .title-wrap::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;backdrop-filter: blur(var(--blur));-webkit-backdrop-filter: blur(var(--blur));}
.index-container .part2 .title-wrap .tit{font-size: 18rem;font-weight: bold;}
.index-container .part2 .column-pic-show{position: absolute;left: 0;right: 0;height: 100vh;}
.index-container .part3{position: relative;height: 100vh;box-sizing: border-box;padding: 8rem 0 0;}
.index-container .part3 .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;
	--clip1: 12.5%;
    --clip2: 10%;
    --radius: 50px;
    clip-path: inset(var(--clip1) var(--clip2) round var(--radius));
}
.index-container .part3 .content{margin: 16rem 0 0 60%;}
.index-container .part3 .content .index-more-btn{margin-top: 1.5rem;}
.index-container .part4{padding: 4.5rem 0 10rem;background: url(../2024_images/index_part_bg3.jpg) center no-repeat;background-size: cover;}
.index-container .part4 .index-title .name{display: flex;justify-content: space-between;width: 100%;}
.index-container .part4 .index-title .name .tit1{color: #000;}
.index-container .part4 .index-title .name .tit2{width: 30%;color: #fff;}
.index-container .part4 .content{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 9.5rem;}
.index-container .part4 .content .brief{width: 49%;color: #fff;}
.index-container .part5{padding: 5.5rem 0 4rem;}
.index-container .part5 .index-title{margin-bottom: 4rem;}
.index-container .part5 .index-title .tit2{width: 65%;}
.index-container .part6{padding: 4rem 0 4.5rem;background: url(../2024_images/index_part_bg4.jpg) center no-repeat fixed;background-size: cover;}
.index-container .part6 .w1400{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;color: #fff;}
.index-container .part6 .w1400 > .con-l{width: 41%;}
.index-container .part6 .w1400 > .con-r{width: 36%;margin-top: 3.5rem;}
.index-container .part6 .brief{margin-top: 9rem;}
.index-container .part6 .index-more-btn{margin-top: 2.5rem;}
.index-container .part7{padding: 6rem 0 8.5rem;}
.index-container .part7 .index-title .tit2{width: 75%;}
.index-container .part8{position: relative;padding: 9.5rem 0 4rem;overflow: hidden;}
.index-container .part8 .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../2024_images/index_part_bg5.jpg) center no-repeat;background-size: cover;transition: .5s;}
.index-container .part8 .index-more-btn{margin-top: 7rem;}
.index-container .part8:hover .bg{transform: scale(1.05);}

/*数据展示区*/
.data-show-wrap{display: flex;justify-content: space-between;}
.data-show-wrap .item{width: 20%;padding-top: 1rem;border-top: 1px solid #D8D8D8;}
.data-show-wrap .item .num{display: flex;line-height: 1;color: #0F5ADE;}
.data-show-wrap .item .num span{display: inline-flex;}
.data-show-wrap .item .txt{margin-top: .3rem;line-height: 1.33;color: #676767;}

/*画廊图集轮播*/
.gallery-pic-swiper-box{display: flex;}
.gallery-pic-swiper-box .title{flex: 0 0 22.5rem;position: relative;box-sizing: border-box;padding: .5rem 2.5rem 1rem;margin-right: 1.2rem;background-image: linear-gradient(90deg,#7598DE,#0F5AD1);border-radius: .4rem;color: #fff;overflow: hidden;}
.gallery-pic-swiper-box .title .tit1{font-family: 'Poppins-Medium';line-height: 1.2;}
.gallery-pic-swiper-box .title .tit2{line-height: 1.33;}
.gallery-pic-swiper-box .title .index-more-btn{position: absolute;right: .5rem;bottom: 1rem;background-color: transparent;}
.gallery-pic-swiper-box .gallery-pic-swiper{flex: 1;overflow: hidden;}
.gallery-pic-swiper .swiper-slide a{position: relative;display: block;border-radius: .4rem;overflow: hidden;}
.gallery-pic-swiper .swiper-slide .pic{position: relative;border-radius: .4rem;overflow: hidden;}
.gallery-pic-swiper .swiper-slide .pic em{display: block;padding-top: 62.2%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.gallery-pic-swiper .swiper-slide .hidden-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;background-color: rgba(0,0,0,.4);opacity: 0;}
.gallery-pic-swiper .swiper-slide .hidden-wrap .index-more-btn{opacity: 0;transform: translateY(100%);}
.gallery-pic-swiper .swiper-slide a:hover .pic::after{opacity: 1;}
.gallery-pic-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.gallery-pic-swiper .swiper-slide a:hover .hidden-wrap{opacity: 1;transition: .3s;}
.gallery-pic-swiper .swiper-slide a:hover .hidden-wrap .index-more-btn{opacity: 1;transform: translateY(0);transition: .3s .3s;}

/*纵向图片展示*/
.column-pic-show{display: flex;}
.column-pic-show .column{flex: 1;display: flex;flex-direction: column;justify-content: space-between;margin: 0 .5rem;}
.column-pic-show .column:nth-child(2n){transform: translateY(-10vh);}
.column-pic-show .column:nth-child(1),
.column-pic-show .column:nth-child(5){transform: translateY(15vh);}
.column-pic-show .column .pic{flex: 1;margin: .5rem 0;border-radius: .4rem;overflow: hidden;}
.column-pic-show .column .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.column-pic-show .column:nth-child(2n+1) .pic{transform: translateY(100vh);animation-delay: calc(var(--delay) * .2s);}
.column-pic-show .column:nth-child(2n) .pic{transform: translateY(-100vh);animation-delay: calc(var(--delay) * .2s);}
/*动画*/
.column-pic-show.run-animation{animation: picScale 3s 1s cubic-bezier(1, 0, 0.3, 1) forwards;}
.column-pic-show.run-animation .column:nth-child(2n+1) .pic{transform: translateY(100vh);animation: picSlideToTop 2s cubic-bezier(1, 0, 0.5, 1) forwards;animation-delay: calc(var(--delay) * .2s);}
.column-pic-show.run-animation .column:nth-child(2n) .pic{transform: translateY(-100vh);animation: picSlideToBottom 2s cubic-bezier(1, 0, 0.5, 1) forwards;animation-delay: calc(var(--delay) * .2s);}
@keyframes picSlideToTop{
	100%{transform: translateY(0);}
}
@keyframes picSlideToBottom{
	100%{transform: translateY(0);}
}
@keyframes picScale{
	100%{transform: scale(5.35);}
}

/*市场展示，选项卡*/
.markets-show-tab-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;}
.markets-show-tab-box .tabs{z-index: 1;position: absolute;right: 2.5rem;bottom: 2.5rem;width: 40%;overflow: hidden;opacity: 1;transform: translateY(200%);}
.markets-show-tab-box .tabs .swiper-slide .pic{border-radius: .2rem;overflow: hidden;cursor: pointer;}
.markets-show-tab-box .tabs .swiper-slide .pic em{display: block;padding-top: 56%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.markets-show-tab-box .tab-content{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;}
.markets-show-tab-box .tab-content .swiper-slide{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.markets-show-tab-box .tab-content .swiper-slide .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.markets-show-tab-box .tab-content .swiper-slide:nth-child(2) .bg::after,
.markets-show-tab-box .tab-content .swiper-slide:nth-child(3) .bg::after,
.markets-show-tab-box .tab-content .swiper-slide:nth-child(4) .bg::after,
.markets-show-tab-box .tab-content .swiper-slide:nth-child(6) .bg::after,
.markets-show-tab-box .tab-content .swiper-slide:nth-child(8) .bg::after,
.markets-show-tab-box .tab-content .swiper-slide:nth-child(9) .bg::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.3);}
.markets-show-tab-box .tab-content .swiper-slide .info{display: flex;justify-content: space-between;align-items: center;width: 60%;line-height: 1;color: #fff;}
.markets-show-tab-box .tab-content .swiper-slide .info::after{content: '';width: 1.2rem;height: 1.2rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSI4Ljg3IiBoZWlnaHQ9IjkuODYxIiB2aWV3Qm94PSIwIDAgOC44NyA5Ljg2MSI+PHBhdGggc3Ryb2tlPSIjMEY1QURFIiBzdHJva2Utd2lkdGg9Ii44NSIgZD0iTTUuMzIgMS40MjVILjMiLz48cGF0aCBkPSJNOC4wMiAyLjQ0M1Y5LjU2aC44NVYxaC0uNjFMMCA5LjI2bC42MDEuNjAxTDguMDIgMi40NDN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwRjVBREUiLz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(1);}
.markets-show-tab-box .tab-content .swiper-slide .info .num{font-family: 'Poppins-Medium';}
.markets-show-tab-box .tab-content .swiper-slide .info .tit{overflow: hidden;}
.markets-show-tab-box .tab-content .swiper-slide .info .tit i{display: inline-block;vertical-align: top;color: #fff;transform: translateY(100%);}
.markets-show-tab-box .tab-content .swiper-slide .info:hover::after{transform: rotate(45deg);transition: .3s;}
.markets-show-tab-box .tab-content .swiper-slide-active .info .tit i{transform: translateY(0);transition: .5s .8s ease-out;}
.markets-show-tab-box .tab-content .swiper-pagination{z-index: 1;bottom: 3.6rem;line-height: 1rem;color: #fff;}
.markets-show-tab-box .tab-content .btn{z-index: 1;position: absolute;top: 50%;width: 2rem;height: 2rem;margin-top: -1rem;border: 1px solid #fff;border-radius: 50%;cursor: pointer;transition: .3s;filter: drop-shadow(1px 1px 2px rgba(0,0,0,.6));}
.markets-show-tab-box .tab-content .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.markets-show-tab-box .tab-content .prev-btn{left: 5%;}
.markets-show-tab-box .tab-content .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.markets-show-tab-box .tab-content .next-btn{right: 5%;}
.markets-show-tab-box .tab-content .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.markets-show-tab-box .tab-content .btn:hover{background-color: #0F5ADE;border-color: #0F5ADE;}
.markets-show-tab-box .tab-content .swiper-button-disabled{opacity: .3;cursor: not-allowed;}
.markets-show-tab-box.show{opacity: 1;transition: 1s;}
.markets-show-tab-box.show .tabs{opacity: 1;transform: translateY(0);transition: .5s .5s;}

/*展会信息轮播*/
.exhibition-info-swiper{position: relative;padding: 0 0 2.5rem;overflow: hidden;}
.exhibition-info-swiper .swiper-slide::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.exhibition-info-swiper .swiper-slide a{position: relative;display: block;transition: .5s;}
.exhibition-info-swiper .swiper-slide .pic{position: relative;border-radius: .4rem;overflow: hidden;}
.exhibition-info-swiper .swiper-slide .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.3);backdrop-filter: blur(20px);opacity: 0;transition: .5s linear;}
.exhibition-info-swiper .swiper-slide .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.exhibition-info-swiper .swiper-slide .info{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 2rem;line-height: 1.2;color: #fff;opacity: 0;transition: .5s .3s;}
.exhibition-info-swiper .swiper-slide .info .logo{margin-bottom: 1em;}
.exhibition-info-swiper .swiper-slide .info .logo img{max-height: 1.5rem;}
.exhibition-info-swiper .swiper-slide .info .title{padding-bottom: .4em;border-bottom: 1px solid rgba(255,255,255,.6);font-family: 'Poppins-Light';text-transform: uppercase;}
.exhibition-info-swiper .swiper-slide .info .title i{font-family: 'Poppins-Regular';font-weight: bold;}
.exhibition-info-swiper .swiper-slide .info .list{padding-right: 10rem;}
.exhibition-info-swiper .swiper-slide .info .list li{margin-top: 1.5em;}
.exhibition-info-swiper .swiper-slide .info .list li .tit{margin-bottom: .6em;}
.exhibition-info-swiper .swiper-slide .info .list li .txt{font-weight: bold;}
.exhibition-info-swiper .swiper-slide .info .booth{position: absolute;right: 2rem;bottom: 2rem;}
.exhibition-info-swiper .swiper-slide .info .booth .txt{font-weight: bold;}
.exhibition-info-swiper .swiper-slide .label{position:absolute;right:1rem;top:1rem;z-index: 2;padding: 0 0.7rem;background: rgba(244,244,244,0.3);border-radius: 0.4rem;color: #FFFFFF;line-height: 1.5rem;}
.exhibition-info-swiper .swiper-slide-active::after{display: none;}
.exhibition-info-swiper .swiper-slide-active .pic::after{opacity: 1;}
.exhibition-info-swiper .swiper-slide-active .info{opacity: 1;}
.exhibition-info-swiper .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;}
.exhibition-info-swiper .swiper-pagination .swiper-pagination-bullet{width: .6rem;height: .6rem;margin: 0 .3rem;background-color: #BFBFBF;opacity: 1;transition: 0.5s;}
.exhibition-info-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #0F5ADE;}

/*ESG图标区*/
.ESG-icon-box{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ESG-icon-box .item{position: relative;width: 100px;height: 100px;}
.ESG-icon-box .item::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: url(../2024_images/icon_ESG_text_circle_white.svg);background-size: 100% 100%;pointer-events: none;animation: svgRotateAni 20s linear infinite;}
.ESG-icon-box .item .icon-svg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 36%;height: 36%;margin: auto;fill: transparent;stroke-width: 1px;stroke: #fff;stroke-dasharray: 300;stroke-dashoffset: 300;transform: scale(1.4);animation: svgLineAni 6s linear infinite;}
.ESG-icon-box .item:nth-child(1) .icon-svg{width: 32%;height: 33%;}
.ESG-icon-box .item:nth-child(2) .icon-svg{width: 36%;height: 28%;animation-delay: 1s;}
.ESG-icon-box .item:nth-child(3) .icon-svg{width: 26%;height: 30%;animation-delay: 2s;}
.ESG-icon-box .item:nth-child(4) .icon-svg{width: 32%;height: 31%;animation-delay: 3s;}
@keyframes svgRotateAni{
	to{transform: rotate(360deg);}
}
@keyframes svgLineAni{
	50%{fill: transparent;stroke-width: 1px;}
	100%{stroke-dashoffset: 0;fill: #fff;stroke-width: 0;}
}

/*首页新闻列表*/
.index-news-list{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 3rem;margin-top: 8rem;border-top: 1px solid #D8D8D8;}
.index-news-list li{width: 29%;}
.index-news-list li a{position: relative;display: block;padding-right: 1.6rem;color: #676767;}
.index-news-list li a::after{content: '';position: absolute;right: 0;top: 1.4rem;width: .8rem;height: .8rem;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNS4wNDEiIGhlaWdodD0iMTQuMTAzIiB2aWV3Qm94PSIwIDAgMTUuMDQxIDE0LjEwMyI+PHBhdGggc3Ryb2tlPSIjMEY1QURFIiBzdHJva2Utd2lkdGg9IjEuMyIgZD0iTTEzLjM5IDguNDcyVi40NiIvPjxwYXRoIGQ9Ik0xMS44OTIgMTIuODAzSC40NTl2MS4zaDEzLjY0MnYtLjkzTC45MiAwIDAgLjkybDExLjg5MiAxMS44ODN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwRjVBREUiLz48L3N2Zz4=');background-size: 100% 100%;transform: rotate(-90deg);transition: .3s;}
.index-news-list li .date{margin-bottom: .7rem;font-size: .6rem;line-height: 1;color: #0F5ADE;}
.index-news-list li .tit{font-family: 'Poppins-Medium';line-height: 1.17;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: .3s;}
.index-news-list li .txt{margin-top: 1.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;line-height: 1.33;}
.index-news-list li a:hover::after{transform: rotate(-45deg);}
.index-news-list li a:hover .tit{color: #0F5ADE;transform: translateX(.3em);}


/*适配2k屏幕*/
@media screen and (min-width: 1921px){
    .index-container .part3{padding: 14rem 0 0;}
	.index-container .part3 .content{margin: 24rem 0 0 60%;}
}

/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	.markets-pic-tab-box .tab-content{height: 38vw;}
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	@keyframes logoWrap{
		100%{transform: translate(calc(-45vw + 50%),calc(-50vh + 1.8rem + 50%)) scale(.5);filter: brightness(0) invert(1);}
	}
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*页面加载层*/
	.loading-layer .logo-wrap{width: 5rem;height: 2.1rem;}
	.loading-layer .video{display: none;}
	.loading-layer .skip-btn{bottom: 2rem;width: 2rem;height: 2rem;font-size: .6rem;}
	.loading-layer.run-animation .logo-wrap{animation: none;}

	/*banner*/
	.banner{z-index: 0;height: auto;}
	.banner .swiper-slide .pic{padding-top: 60%;}
	.banner .swiper-slide .video{padding-top: 60%;}
	.banner .swiper-slide .video .video-btn{right: 3%;top: auto;bottom: .5rem;}
	.banner .swiper-slide .info{width: 70%;opacity: 1;margin-top: 0;transform: translateY(-35%);}
	.banner .swiper-slide .info .tit{font-size: 1.2rem;}
	.banner .swiper-slide .info .tit img{width: 60%;transform: translateY(-15%);}
	.banner .swiper-slide .info .txt{margin-top: .5rem;font-size: .6rem;}
	.banner .swiper-slide .info .index-more-btn{display: none;}
	.banner .swiper-pagination{bottom: 1.8rem;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: .3rem;height: .3rem;margin: 0 .2rem;}
	/*banner新闻轮播*/
	.banner-news-swiper{height: 1.5rem;}
	.banner-news-swiper .swiper-slide a .tit{max-width: 60%;}
	.banner-news-swiper .swiper-slide a .arrow{margin-left: 1em;}

	/******首页******/
	.index-container{min-height: 15rem;margin-top: calc(60vw - 3rem);border-radius: 1rem 1rem 0 0;}
	/*标题*/
	.index-title{flex-wrap: wrap;}
	.index-title .name{width: 100%;}
	.index-title .name .tit1{margin-bottom: .8rem;font-size: .6rem;}
	.index-title .name .tit2{font-size: 1.4rem;}
	.index-title .name .tit3{margin-top: .5rem;font-size: .7rem;}
	.index-title .name .tit4{font-size: 1rem;}
	.index-title .index-more-btn2{margin-top: 1em;}
	/*更多按钮*/
	.index-more-btn{height: 1.4rem;padding: 0 .8rem;}
	.index-more-btn2{width: 5rem;padding: 0 .6rem .3rem 0;font-size: .7rem;}
    .index-more-btn2 .arrow{width: .6rem;height: .6rem;}
	/*布局*/
	.index-container .part1{padding: 2rem 0;}
	.index-container .part1 .index-title{width: 100%;}
	.index-container .part1 .data-show-wrap{margin: 2rem 0;}
	.index-container .part1 .gallery-pic-swiper-box{position: static;}
	.index-container .part2{height: auto;padding: 2rem 0 2.5rem;margin: 0 5%;}
	.index-container .part2::before{display: none;}
	.index-container .part2::after{display: none;}
	.index-container .part2 .index-title{display: block;}
	.index-container .part2 .title-wrap{display: none;}
	.index-container .part2 .column-pic-show{display: none;}
	.index-container .part3{height: auto;padding: 2rem 0;}
	.index-container .part3 .bg{clip-path: none;}
	.index-container .part3 .w1400{padding: 0;}
	.index-container .part3 .content{margin: 2rem 0 0 0;}
	.index-container .part3 .content .index-more-btn{margin-top: 1rem;}
	.index-container .part4{padding: 2rem 0;}
	.index-container .part4 .index-title .name{display: block;}
	.index-container .part4 .index-title .name .tit2{width: 80%;}
	.index-container .part4 .content{display: block;margin-top: 2rem;}
	.index-container .part4 .content .brief{width: 100%;font-size: .8rem;}
	.index-container .part4 .content .index-more-btn{margin-top: 1rem;}
	.index-container .part5{padding: 2rem 0;}
	.index-container .part5 .index-title{margin-bottom: 2rem;}
	.index-container .part5 .index-title .tit2{width: 100%;}
	.index-container .part6{padding: 2rem 0;background-attachment: initial;}
	.index-container .part6 .w1400 > .con-l{width: 100%;}
	.index-container .part6 .w1400 > .con-r{width: 100%;margin-top: 2rem;}
	.index-container .part6 .brief{margin-top: 1.5rem;font-size: .8rem;}
	.index-container .part6 .index-more-btn{margin-top: 1rem;}
	.index-container .part7{padding: 2rem 0;}
	.index-container .part7 .index-title{margin-bottom: 20px;}
	.index-container .part7 .index-title .tit2{width: 100%;}
	.index-container .part8{padding: 4rem 0 2rem;}
	.index-container .part8 .index-more-btn{margin-top: 2rem;}

	/*数据展示区*/
	.data-show-wrap{flex-wrap: wrap;}
	.data-show-wrap .item{width: 50%;box-sizing: border-box;padding: .5rem;border-top: 0;}
	.data-show-wrap .item .num span{font-size: 1.8rem;}
	.data-show-wrap .item .txt{margin-top: 0;}

	/*画廊图集轮播*/
	.gallery-pic-swiper-box{flex-wrap: wrap;}
	.gallery-pic-swiper-box .title{flex: 0 0 100%;padding: .5rem 1rem;margin-right: 0;}
	.gallery-pic-swiper-box .title .tit1{font-size: 1.4rem;}
	.gallery-pic-swiper-box .title .tit2{margin-top: .3rem;font-size: .7rem;}
	.gallery-pic-swiper-box .title .index-more-btn{right: .5rem;bottom: .5rem;}
	.gallery-pic-swiper-box .gallery-pic-swiper{flex: 0 0 100%;margin-top: .75rem;}
	.gallery-pic-swiper .swiper-slide .hidden-wrap{display: none;}

	/*市场展示，选项卡*/
	.markets-show-tab-box{position: relative;margin-top: 1rem;opacity: 1;}
	.markets-show-tab-box .tabs{display: none;}
	.markets-show-tab-box .tab-content{position: relative;border-radius: .4rem;overflow: hidden;}
	.markets-show-tab-box .tab-content .swiper-slide{display: block;}
	.markets-show-tab-box .tab-content .swiper-slide .bg{position: relative;padding-top: 60%;overflow: hidden;}
	.markets-show-tab-box .tab-content .swiper-slide .info{position: absolute;left: 0;top: 50%;justify-content: center;width: 100%;box-sizing: border-box;padding: 0 5%;transform: translateY(-70%)!important;}
	.markets-show-tab-box .tab-content .swiper-slide .info::after{width: .5rem;height: .5rem;margin-left: .5rem;opacity: 0;transform: translateY(.3rem);}
	.markets-show-tab-box .tab-content .swiper-slide .info .num{display: none;}
	.markets-show-tab-box .tab-content .swiper-slide .info .tit{font-size: 1.4rem;text-align: center;}
	.markets-show-tab-box .tab-content .swiper-slide .info:hover::after{transform: rotate(0);}
	.markets-show-tab-box .tab-content .swiper-slide-active .info::after{opacity: 1;transform: translateY(-.3rem);transition: .5s .8s ease-out;}
	.markets-show-tab-box .tab-content .swiper-slide-active .info .tit i{transform: translateY(0);transition: .5s .8s ease-out;}
	.markets-show-tab-box .tab-content .swiper-pagination{bottom: .3rem;font-size: .6rem;}
	.markets-show-tab-box .tab-content .btn{display: none;}

	/*展会信息轮播*/
	.exhibition-info-swiper{padding: 0 0 1.5rem;}
	.exhibition-info-swiper .swiper-slide .info{padding: .75rem;}
	.exhibition-info-swiper .swiper-slide .pic::after{background-color: rgba(0,0,0,.8);backdrop-filter: none;}
	.exhibition-info-swiper .swiper-slide .info .logo{margin-bottom: .5rem;}
	.exhibition-info-swiper .swiper-slide .info .logo img{max-height: .8rem;}
	.exhibition-info-swiper .swiper-slide .info .title{font-size: .9rem;}
	.exhibition-info-swiper .swiper-slide .info .list{padding-right: 3rem;}
	.exhibition-info-swiper .swiper-slide .info .list li{margin-top: .5em;}
	.exhibition-info-swiper .swiper-slide .info .list li .tit{margin-bottom: .3em;}
	.exhibition-info-swiper .swiper-slide .info .list li .txt{font-size: .7rem;}
	.exhibition-info-swiper .swiper-slide .info .booth{right: .75rem;bottom: .75rem;}
	.exhibition-info-swiper .swiper-slide .info .booth .txt{font-size: .8rem;}
	.exhibition-info-swiper .swiper-pagination .swiper-pagination-bullet{width: .4rem;height: .4rem;margin: 0 .2rem;}
	.exhibition-info-swiper .swiper-slide .label{position:absolute;right:0.5rem;top:0.5rem;z-index: 2;padding: 0 0.4rem;background: rgba(244,244,244,0.3);border-radius: 0.4rem;color: #FFFFFF;line-height: 1rem;}

	/*ESG图标区*/
	.ESG-icon-box .item{width: 80px;height: 80px;}
	.ESG-icon-box .item .icon-svg{transform: scale(1);}
	.ESG-icon-box .item:nth-child(1) .icon-svg{width: 40%;height: 42%;}
	.ESG-icon-box .item:nth-child(2) .icon-svg{width: 46%;height: 36%;}
	.ESG-icon-box .item:nth-child(3) .icon-svg{width: 32%;height: 40%;}
	.ESG-icon-box .item:nth-child(4) .icon-svg{width: 40%;height: 40%;}

	/*首页新闻列表*/
	.index-news-list{padding-top: 0;margin-top: 2rem;border-top: 0;}
	.index-news-list li{width: 100%;margin-bottom: 2rem;}
	.index-news-list li .txt{display: none;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	/*展会信息轮播*/
	.exhibition-info-swiper .swiper-slide .info .list li .txt{font-size: .6rem;}
}