body{font-family:'微软雅黑';}
video{max-width: 100%;display: block;}
/* img{display: block;} */

/* .headerN .navbar .topbar .logo{filter: invert(1);} */
/*  .headerN .navbar .nav-wrapper{background: transparent;border-bottom: 1px solid rgba(0, 0, 0, 0);} */
.headerN .navbar .topbar .btn .btn-buy{color: #20242d;background-color: #d6bca2;background-image: linear-gradient( -33deg, rgba(228,214,199,0.99608) 0%, rgb(212,185,157) 100%);background-image: -webkit-linear-gradient( -33deg, rgba(228,214,199,0.99608) 0%, rgb(212,185,157) 100%);font-size: 16px;padding: 0;width: 60px;height: 30px;line-height: 1;display: inline-flex;justify-content: center;align-items: center;}
.headerN .navbar .topbar .btn .btn-buy:hover{background-color: #d2ba9a;background-image: linear-gradient(to bottom, #dfcdbe70, #d2ba9a6b);background-image: -webkit-linear-gradient(to bottom, #dfcdbe70, #d2ba9a6b);}
/*.headerN .navbar .topbar .menu ul li > a{color: #fff;}
.headerN .navbar .topbar .menu .lihover>a { border-bottom: 2px solid #fff;} */
/* .headerN .opened-child .topbar .btn .btn-search{background-image: url(../images/icon-search.png)!important;} */

/* .headerN .opened .topbar .btn .btn-search, .header .opened-child .topbar .btn .btn-search { background: url(../images/icon-search.png) center center no-repeat; }

.headerN .navbar .topbar .btn .btn-user{background: url(../images/icon-user.png) center center no-repeat!important;}
.header .navbar .topbar .btn .lihover { border-bottom: 2px solid #fff;}
 */
.bannerN{position: relative;}
.bannerN .img{/* height: 830px; */position: relative;overflow: hidden;}
.bannerN .img img,.bannerN .img video{width: 100%;}
.bannerN .img::before{position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0, 0, 0, .2);content: '';width: 100%;height: 100%;}
/* .bannerN .img>*,.wrapEven .wrapItem .img>*{height: 100%;width: 100%;object-fit: cover;} */
.bannerN .txt,.wrapEven .wrapItem .txt{position: absolute;left: 15px;text-align: left; z-index: 99;color: #fff;line-height: 1;top: 14%;padding-top: 0px;bottom: 15px;top: inherit !important;}
.bannerN .txt h3{font-weight: 900;font-size: 40px;background-image: linear-gradient(-31deg, #e4d6c7, #d4b99d);
background-image: -webkit-linear-gradient(-31deg, #e4d6c7, #d4b99d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.bannerN .txt p,.wrapEven .wrapItem .txt p{font-size: 24px;font-weight: 900;margin: 18px 0 26px;}
.bannerN .txt p{margin-top: 20px;}
.bannerN .txt a,.wrapEven .wrapItem .txt a{font-size: 16px;display: inline-flex;padding: 8px 22px;border: 2px solid #fff;transition: all .5s;position: relative;}
.wrapEven .wrapItem .txt2{position: absolute;left: 50%;text-align: center; z-index: 99;color: #fff;line-height: 1;transform: translateX(-50%);padding-top: 0px;top: 5%;}
.wrapEven .wrapItem .txt2 p{font-size: 24px;font-weight: 900;margin: 18px 0 26px;}
.wrapEven .wrapItem .txt2 a{font-size: 16px;display: inline-flex;padding: 8px 22px;border: 2px solid #fff;transition: all .5s;position: relative;}
.wrapEven .wrapItem .txt2.white{color: #fff;}
.wrapEven .wrapItem .txt2.white a{border-color: #fff;color: #fff;}

.wrapEven{padding: 0 16px;margin: 16px 0 0;display: flex;flex-wrap: wrap;overflow: hidden;}
.wrapEven .wrapItem{position: relative;width: calc(50% - 8px);/* height: 696px; */margin-bottom: 16px;overflow: hidden;}
.wrapEven .wrapItem:nth-of-type(even){margin-left: 16px;}
.wrapEven .wrapItem .img{height: 100%;}
.wrapEven .wrapItem .img img{width: 100%;}
.wrapEven .wrapItem .img video{border-top:2px solid transparent;height: 100%;object-fit: cover;width: 100%;}
.wrapEven .wrapItem .txt{top: 50px;}
.wrapEven .wrapItem .txt a{font-size: 16px;font-weight: 900;}
.wrapEven .wrapItem .txt h3{font-size: 36px;}
.wrapEven .wrapItem .txt.black{color: #000;}
.wrapEven .wrapItem .txt.black a{border-color: #000;color: #000;}
.wrapEven .wrapItem .txt.white{color: #fff;}
.wrapEven .wrapItem .txt.white a{border-color: #fff;color: #fff;}

.wrapList{display: block;padding: 0;}
.wrapEven.wrapList .wrapItem{width: 100%;margin-left: 0!important;height: initial;}
.wrapEven.wrapList .wrapItem .txt{top: 5%;width: 1000px; margin: 0 auto;right: 0;transform: translate(-50%,-50%);display: flex;justify-content: center;text-align: center;}
.wrapEven.wrapList .wrapItem{/* height: 800px; */width: 100%;}
.wrapEven.wrapList .wrapItem .txt div{width: 300px;}
/*.wrapEven.wrapList .wrapItem:nth-child(1) .txt{color: #000;}*/
/*.wrapEven.wrapList .wrapItem:nth-child(1) .txt a{border-color: #000;color: #000;}*/
/*.wrapEven.wrapList .wrapItem:nth-child(2) .txt{justify-content: flex-end!important;}*/
.wrapEven.wrapList .wrapItem:nth-child(3) .txt2{color: #000;}
.wrapEven.wrapList .wrapItem:nth-child(3) a{border-color: #000!important;color: #000!important;}

.wrapEven .wrapItem .txt a:hover,.bannerN .txt a:hover{color: #000;background-color: #fff;}
.wrapEven .wrapItem .txt.black a:hover{color: #fff;background-color: #000;}

.comTit{font-weight: 900;font-size: 40px;color: #000;margin: 140px 0 80px;text-align: center;line-height: 1;}

.swiperScroll{position: relative;overflow: hidden;margin-bottom: 200px;}
.swiperScroll .swiper-slide{width: 1200px;}
.swiperScroll .swiper-slide .img{overflow: hidden;height: 720px;width: 100%;}
.swiperScroll .swiper-slide video,.swiperScroll .swiper-slide img{width: 100%;height: 720px;object-fit: cover;}
.swiperScrollbtn{position: absolute;width: 60px;height: 60px;top: calc(50% + 120px);transform: translateY(-50%);z-index: 99;display: flex;justify-content: center;align-items: center;cursor: pointer;border-radius: 50%;transition: all .5s;outline: none;}
.swiperScrollbtn img{width: 17px;display: block;}
.swiperScrollbtn:hover{background-color: rgba(0, 0, 0, .3)}
.swiper-btn-prev{ left: calc((100vw - 1152px)/2)}
.swiper-btn-next{ right: calc((100vw - 1152px)/2)}
.swiperScrollbtn.swiper-btn-next img{ transform: rotate(180deg)}
.swiperScroll .swiper-slide .scrollMore{display: none;}
.swiperScroll .swiper-slide-active .scrollMore{border: 2px solid;color: #fff;width: 158px;height: 44px;font-size: 16px;position: absolute;display: inline-flex;right: 22px;bottom: 26px;align-items: center;justify-content: center;z-index: 9;transition: all .5s;}
.scrollMore:hover{transform: translateY(-4px);box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.scrollMore span{display: inline-flex;position: relative;width: 12px;height: 15px;margin-right: 12px;}
.scrollMore span::before,.scrollMore span::after{position: absolute;content: '';left: 0;top: 1px;width: 4px;background-color: #fff;height: 100%;}
.scrollMore span::after{right: 0;left: auto;}
.scrollMore i{font-weight: 900;}

.footerN{z-index: 10;color: #fff;background: #232426;}
.footerN img{display: inline-flex;}
.footerN ul,.footerN .footbeian{max-width: 1440px;width: 90%;}
.footerN .footbeian,.footerN .footbeian a{border-color: #484a4b;font-size: 12px;color: #a6a7a8;}
.footerN ul li dl dd a{color: rgba(255, 255, 255, .9);}
.footerN ul li{width: 17%!important;}
.footerN ul li:last-child{width: 20%!important;text-align: right;}
.footerN ul li dt{padding-bottom: 7px;}
.footerN ul li dl dd{margin: 6px 0;}
.footerN ul li>dl+dt{margin-top: 20px;}
.footerN .interLogo{display: inline-flex;margin: 10px 0 44px;color: rgba(255, 255, 255, .9);}
.footerN .footTel{color: rgba(255, 255, 255, .9);}
.footerN .icons{margin-bottom: 24px;}
.footerN ul li .icons a{margin-right: 0;opacity: 1;}
.footerN ul li .icons>a:not(:has(> span)):hover{opacity: .7;}
.footerN ul li .icons a+a{margin-left: 25px;}

@media (min-width:1920px){
    .wrapEven .wrapItem .txt{top: 11%;}
}
body{overflow-x: hidden;}
/* 2023.9.10 */
.headerNew{position:absolute;top:0;left:0;z-index:100;width:100%;line-height: 1;}

.headerNew::after{content: '';position: absolute;left: 0;top: 67px;width: 100%;height: 1px;background-color: transparent;z-index: 9;transition: all .5s;}
.headerNew>.container{width:100%;max-width:1200px;margin:auto;display:flex;height:68px;align-items: center;}
.headerNew .logo .logoSvg path{fill:#fff;transition: all .2s;}
.headerNew .navBar{width: calc(100% - 234px - 140px);}
.headerNew .navBar>ul{display: flex;justify-content: center;}
.headerNew .navBar>ul>li+li{padding-left: 50px;}
.headerNew .navBar>ul>li>a,.searchBtn{color:#FFF;font-size:18px;padding: 0;height: 68px;display: flex;align-items: center;position: relative;}
.headerNew .navBar>ul>li>a::before,.searchBtn::before{content: '';position: absolute;left: 0;bottom: 0px;width: 100%;height: 2px;background-color: transparent;z-index: 999;transition: all .5s;}
.headerNew .navBar>ul>li>a:hover::before,.searchBtn:hover::before,.headerNew .navBar>ul>li.lihover>a::before,.searchBtn.lihover::before{background: #000;}
.headerNew .navBar>ul>li>a{padding: 0 15px;font-weight:900}
.headerNew .topRight{display: flex;width: 140px;align-items: center;}
.headerNew .topRight .shopBtn{width: 60px;height: 30px;background: linear-gradient(90deg, #E2D3C3 0%, #D6BDA2 100%);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #575454;}
.headerNew .topRight .searchBtn{padding: 0;padding: 0;width: 60px;display: flex;justify-content: center;align-items: center;}
.headerNew .topRight .searchBtn svg{fill:#fff;transition: all .2s;}
.headerNew .navBar>ul>li .headerMenu{background-color: #fff;min-height: 100px;display:flex;top:68px;right:0;position:absolute;z-index:5;box-shadow: 0 16px 16px rgb(0 0 0 / 10%);opacity: 0; visibility: hidden;left: -200%;z-index:-1}
.headerNew .subMenu .big,.headerNew .mainMenu .big{width: 1200px;margin: 0 auto;display: flex;position: relative;align-items: center;}
.headerNew .subMenu .main{justify-content: center;align-items: center;display: flex;width:calc(100% - 234px - 140px) ;left: 234px;position: absolute;}
.headerNew .subMenu .main a{font-size: 16px;color: #424242;}
.headerNew .subMenu .main a+a{margin-left:35px;}
.headerNew .subMenu .main a:hover{text-decoration: underline;}

.headerNew.active{background-color: #fff;}
.headerNew.active::after,.headerNew.headNs::after{background-color: #E5E5E5;}
.headerNew.active .navBar>ul>li>a,.headerNew.headNs .navBar>ul>li>a{color: #000;}
.headerNew.active .logoSvg path,.headerNew.headNs .logoSvg path{fill:#000}
.headerNew.active .searchBtn svg,.headerNew.headNs .searchBtn svg{fill:#000}

.headerNew.headNs{background-color: #fff;}


.headerNew .navBar>ul>li:hover .headerMenu{opacity: 1; visibility: visible;left: 0;z-index:1}
.headerNew .searchBtn{position: relative;margin-left: 35px;display: flex;}
.headerNew .searchDropdown{width: 100%; padding: 60px 0 80px 0; position: absolute; top: 68px; left: 0; display: none;background-color: #fff;box-shadow: 0 16px 16px rgb(0 0 0 / 10%);z-index: 9;}
.headerNew .searchDropdown .child-body {width: 100%; max-width: 1200px; margin: auto; position: relative;}
.headerNew .searchDropdown .search-input { width: 720px; margin: auto; padding-left: 60px; box-sizing: border-box; height: 55px; line-height: 55px; border-bottom:1px solid rgba(0, 0, 0, .3); font-size: 14px; color: #000; background: url(../images/searchN.svg) 20px center no-repeat;}
.headerNew .searchDropdown .search-input input { border: none; background: none; width: 630px;}
.headerNew .searchDropdown dl {width: 720px; margin: auto; font-size: 16px; padding-top: 20px;}
.headerNew .searchDropdown dl dt { color: rgba(0, 0, 0, .6); padding-bottom: 10px; }
.headerNew .searchDropdown dl dd { width: 100%; height: 30px; line-height: 30px; }
.headerNew .searchDropdown dl dd a { color: #000; font-size: 16px;}
.headerNew .searchDropdown dl dd a:hover { text-decoration: underline;}
.headerNew .searchBox:hover .searchDropdown{ display: block;}
.headerNew .mainMenu .big{justify-content: center;flex-direction: column;}
.headerNew .mainMenu .menuList{display: flex;align-items: center;justify-content: center;margin: 48px auto 45px;}
.headerNew .mainMenu .menuList a{opacity: .4;display: flex;align-items: center;font-size: 14px;color: #000;font-weight:900}
.headerNew .mainMenu .menuList a:hover,.headerNew .mainMenu .menuList a.active{opacity: 1;}
.headerNew .mainMenu .menuList a>img{width: 48px;}
.headerNew .mainMenu .menuList a+a{position: relative;margin-left: 30px;padding-left: 20px;}
.headerNew .mainMenu .menuList a+a::before{position: absolute;width: 1px;height: 20px;background-color: #000;opacity: .2;content: '';left: 0;top: 50%;transform: translateY(-50%);}
.headerNew .menuproItem{width: 1200px;}
.menuPro{padding-bottom: 60px;min-height: 380px;overflow: hidden;}
.menuPro>.menuproItem{z-index: -2;position: absolute;background-color: #fff;left: -200%;}
.menuPro>.menuproItem.active{z-index: 1;left: 50%;transform: translateX(-50%);}
.menuproItem.splide:not(.is-overflow) .splide__arrows {display: none}
.menuproItem.splide:not(.is-overflow) .splide__list {justify-content: center;}
.menuproItem.splide li .imgs{overflow: hidden;height: 240px;background-color:#f5f5f5}
.menuproItem.splide li img{width: 100%;transition: all .5s;object-fit: cover;}
.menuproItem.splide li:hover img{transform: scale(1.08);}
.menuproItem.splide li dl{text-align: center;color: #000;margin-top: 22px;}
.menuproItem.splide li dt{display: flex;align-items: center;justify-content: center;}
.menuproItem.splide li dt h6{font-size: 16px;font-weight: normal;color: #000;}
.menuproItem.splide li dt span{display: inline-flex;margin-left: 6px;justify-content: center;align-items: center;font-size: 10px;text-transform: uppercase;width: 34px;height: 16px;border-radius: 9px;border: 1px solid #424242;}
.menuproItem.splide li dt span i{transform: scale(.8);}
.menuproItem.splide li dd{margin-top: 12px;}
.menuproItem.splide li dd p{opacity: .6;font-size: 12px;}
.menuproItem.splide li:hover dd p{opacity: 1;}
.menuproItem .splide__arrows{width: 170px;height: 42px;display: flex;justify-content: space-between;align-items: center;margin: 40px auto 0;}
.menuproItem .splide__arrow{position: relative;border-radius: 0;width: 72px;height: 100%;background-color: #F0F0F0;outline: none;opacity: .4;}
.menuproItem .splide__arrow svg{width: 14px;}
.menuproItem .splide__arrow--prev{left: auto;}
.menuproItem .splide__arrow--next{right: auto;}
.menuproItem .splide__arrow:hover{opacity: 1;}

.main_box{background-size: cover;}
.main_in{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.yuanjing{
    text-align: center;
    height: calc(100vh - 360px);
    padding: 120px 0;
}
.yuanjing h2{
    font-size: 48px;
    line-height: 66px;
    font-weight: 700;
    color:#fff;
}
.yuanjing p{
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    white-space: pre-line;
    letter-spacing: 0;
    color:#fff;
}
.xinyuan{
    text-align: center;
    padding: 120px 0 0 0;
}
.xinyuan h2{
    font-size: 48px;
    line-height: 66px;
    font-weight: 700;
    color:#fff;
}
.xinyuan p{
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    white-space: pre-line;
    letter-spacing: 0;
    color:#fff;
}
.position-relative{
    position: relative;
}
.img-svg-2 {
    position: relative;
    z-index: 1;
    display: block;
    opacity: .3;
}
.xinyuan_img{
    width: 1062px;
    min-height: 702px;
    margin: 60px 0;
}
.xinyuan_img .circle.c1 {
    width: 200px;
    height: 200px;
    top: 230px;
    left: 35px;
}
.xinyuan_img .circle {
    display: block;
    position: absolute;
    z-index: 3;
}
.xinyuan_img .circle.c2 {
    width: 80px;
    height: 80px;
    top: 380px;
    left: 160px;
}
.xinyuan_img .circle.c3 {
    width: 80px;
    height: 80px;
    top: 435px;
    left: 245px;
}
.xinyuan_img .circle.c4 {
    width: 80px;
    height: 80px;
    top: 550px;
    left: 250px;
}
.xinyuan_img .circle.c5 {
    width: 200px;
    height: 200px;
    top: 210px;
    left: 435px;
}
.xinyuan_img .circle.c6 {
    width: 80px;
    height: 80px;
    top: 340px;
    left: 440px;
}
.xinyuan_img .circle.c7 {
    width: 80px;
    height: 80px;
    top: 470px;
    left: 570px;
}
.xinyuan_img .circle.c8 {
    width: 80px;
    height: 80px;
    top: 372px;
    left: 625px;
}
.xinyuan_img .circle.c9 {
    width: 80px;
    height: 80px;
    top: 545px;
    left: 530px;
}
.xinyuan_img .circle.c10 {
    width: 80px;
    height: 80px;
    top: 405px;
    left: 815px;
}
.xinyuan_img .circle.c11 {
    width: 80px;
    height: 80px;
    top: 560px;
    left: 900px;
}
.xinyuan_img .circle.c12 {
    width: 80px;
    height: 80px;
    top: 330px;
    left: 870px;
}
.xinyuan_img .circle.c13 {
    width: 200px;
    height: 200px;
    top: 320px;
    left: 735px;
}
.xinyuan_img .circle .inner {
    -webkit-animation-delay: 1.6195500023s;
    animation-delay: 1.6195500023s;
}
.xinyuan_img .circle .inner, .xinyuan_img .circle .inner2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    border-radius: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.xinyuan_img .circle .inner {
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.4);
    -webkit-animation: donghua1 2.5s linear infinite;
    animation: donghua1 2.5s linear infinite;
}
.xinyuan_img .circle .inner2 {
    -webkit-animation-delay: 2.8695500023s;
    animation-delay: 2.8695500023s;
}
.xinyuan_img .circle .inner2 {
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.4);
    -webkit-animation: donghua2 2.5s linear infinite;
    animation: donghua2 2.5s linear infinite;
}
.xinyuan_img .circle .inner3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
@keyframes donghua1 {
    0% {
        width: 8px;
        height: 8px;
        opacity: .4;
    }
    50% {
        width: 50%;
        height: 50%;
        opacity: .25;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}
@keyframes donghua2 {
    0% {
        width: 8px;
        height: 8px;
        opacity: .8;
    }
    50% {
        width: 25%;
        height: 25%;
        opacity: .5;
    }
    100% {
        width: 50%;
        height: 50%;
        opacity: 0;
    }
}
.zhuanli{
    position: relative;
    margin: 32px auto 0;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.zhuanli_item {
    width: 300px;
    padding: 24px 0;
    text-align: center;
    color: #fff;
}
.zhuanli_item .img {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zhuanli_item h3 {
    margin-top: 16px;
    font-size: 32px;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    direction: ltr;
}
.zhuanli_item p {
    margin-top: 4px;
    font-size: 16px;
    line-height: 22px;
}
.weishenme{
    text-align: center;
    padding: 120px 0;
}
.weishenme h2{
    font-size: 48px;
    line-height: 66px;
    font-weight: 700;
    color:#000;
}
.weishenme p{
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    white-space: pre-line;
    letter-spacing: 0;
    color:#000;
}
.quanwei{
    text-align: center;
    padding: 120px 0;
}
.quanwei h2{
    font-size: 48px;
    line-height: 66px;
    font-weight: 700;
    color:#000;
}
.quanwei .columns {
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.quanwei .columns .img {
    position: relative;
    width: 180px;
    height: 180px;
    padding: 25px;
}
.lingyu{
    text-align: center;
    padding: 120px 0;
}
.lingyu h2{
    font-size: 48px;
    line-height: 66px;
    font-weight: 700;
    color:#000;
}
.lingyu_tab{
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    position: relative;
    width: -webkit-max-content;
    width: max-content;
    border-bottom: 1px solid #ddd;
}
.lingyu_tab a {
    display: inline-block;
    padding: 20px 0;
    font-size: 14px;
    line-height: 19px;
    color: #757575;
    cursor: pointer;
}
.lingyu_tab a.active {
    color: #03060b;
    position: relative;
}
.lingyu_tab a.active:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #03060b;
}
.lingyu_box{
    margin: 40px auto 0;
    padding-bottom: 32px;
    position: relative;
}
.lingyu_box img{
    border-radius: 10px;
}
.in_banner_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.in_banner_box img{
    width: 100%;
}
.headerNew ul li{
    display: inline-block;
}
.headNs ul li a{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 0 15px;
}
.video_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #000;
}
.video_box video{
    max-width: 100%;
    background: #000;
}
.video-wrapper {
    position: relative;
    margin: 60px auto 0;
    width: 1200px;
    height: 676px;
}
.fullImgs {
    object-fit: cover;
    object-position: center;
}
.video-wrapper .play-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .2;
    cursor: pointer;
}
.video-wrapper svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none;
}
.in_box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.bg_gray{
    background: #f5f5f7;
}
.content-box {
    width: 1200px;
    margin: 0 auto;
    padding: 150px 0;
}
.content-box .text-box {
    text-align: center;
    color: #000;
}
.content-box .text-box .title {
    font-size: 48px;
    line-height: 55px;
    font-weight: 600;
}
.content-box .text-box .desc {
    margin: 30px auto 0;
    width: 870px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
.content-box .card-box {
    margin: 60px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.card-box {
    margin: 60px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    .card {
        border-radius: 12px;
        overflow: hidden;
        background-color: #fff;
        cursor: pointer;

        &.card1 {
            width: 645px;
        }

        &.card2 {
            width: 455px;
            margin-left: 20px;
        }

        &.card3 {
            width: 455px;
            margin-top: 20px;
        }

        &.card4 {
            width: 645px;
            margin-left: 20px;
            margin-top: 20px;
        }

        .img {
            width: 100%;
            height: 301px;
            position: relative;
            overflow: hidden;

            .ef-pic {
                transition: transform 0.4s linear;
            }
        }

        .text-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            padding: 20px 22.5px;

            .text {
                font-size: 20px;
                line-height: 28px;
                color: #000;

                html[site='cn'] & {
                    font-weight: 400;
                }
            }

            svg {
                width: 22px;
                height: 20px;
            }
        }
    }
}
.header2{
    background: #000;
    padding: 25px 0;
    text-align: center;
}
.in_banner_box .content{
    position: absolute;
    width: 1200px;
    top:0;
    left: 50%;
    margin-left: -600px;
    padding: 260px 0 0 0;
}
.in_banner_box .content .title{
    color: #fff;
    line-height: 1.5;
    font-size: 86px;
    text-align: center;
}
.in_banner_box .content .desc{
    color: #fff;
    line-height: 1.5;
    margin-top: 50px;
    font-size: 22px;
    text-align: center;
}
.cards-content {
    display: flex;
    margin-top: 70px;
    justify-content: space-between;

    .card-item {
        html[site='cis'] & {
            height: 480px;
        }

        box-sizing: border-box;
        width: 336px;
        height: 396px;
        background-color: #f6f6f8;
        padding: 41px 42px 62px;
        border-radius: 20px;

        html[site='fr'] & {
            padding: 30px 42px 0;
        }

        html[site='de'] & {
            padding: 30px 30px 0;
            height: 450px;
        }

        html[site='eu'] & {
            padding: 30px 40px 0;
        }

        html[site='es'] & {
            height: 440px;
        }

        html[site='it'] & {
            height: auto;
            padding: 41px 42px 32px;
        }

        .icon-card1 {
            width: 80px;
            height: 80px;
            background: url('../../images/1.svg') no-repeat center center/100%;
        }

        .icon-card2 {
            width: 84px;
            height: 80px;
            background: url('../../images/2.svg') no-repeat center center/100%;
        }

        .icon-card3 {
            width: 80px;
            height: 80px;
            background: url('../../images/3.svg') no-repeat center center/100%;
        }

        .card-item-title {
            font-size: 24px;
            line-height: 1.33;
            color: #03060b;
            margin: 53px auto 16px;
            font-weight: bold;

            html[site='fr'] & {
                font-size: 22px;
                margin-top: 16px;
            }
            html[site='uk'] &,
            html[site='es'] &,
            html[site='eu'] & {
                margin: 25px auto 16px;
            }
            html[site='de'] & {
                margin: 25px auto 16px;
            }
            html[site='it'] & {
                font-size: 22px;
                margin-top: 16px;
            }
            html[site='jp'] & {
            }
        }

        .card-item-desc {
            font-size: 17px;
            line-height: 25px;
            color: #666666;
            html[site='fr'] & {
                letter-spacing: 0;
            }
            html[site='jp'] & {
                font-size: 15px;
            }
            html[site='cn'] & {
                font-weight: 500;
            }
        }
    }
}
.padding-0{
    padding: 0;
}
.mt-3{
    margin-top: 60px;
}
.mb-3{
    margin-bottom: 60px;
}
.content2-box{
    margin: 0 auto;
}
.join-box {
    width: 1382px;

    .top-title {
        margin: 300px auto 0;
        font-weight: 800;
        font-size: 64px;
        text-align: center;
        color: #000;
        line-height: 1.2;

        html[site='jp'] & {
            width: 100%;
        }
        html[site='cn'] & {
            font-weight: 500;
        }
    }

    .cards-content {
        display: flex;
        min-height: 362px;
        margin: 7px 0;
        justify-content: space-between;

        .card-item {
            position: relative;
            width: 210px;
            height: 362px;
            background: none;
            display: grid;

            .card-item-digital {
                width: 73px;
                top: 42px;
                left: 42%;
                transform: translateX(-50%);
                position: absolute;
                z-index: 1;
                font-size: 160px;
                color: #f6f6f6;
                user-select: none;
            }

            .card-item-content {
                position: absolute;
                width: 100%;
                height: 100%;
                text-align: center;
                top: 53px;
                z-index: 10;

                .icon-wrapper {
                    position: relative;
                    margin: 43px auto 0;
                    width: 80px;
                    height: 80px;
                    font-size: 80px;
                }

                .title {
                    font-size: 20px;
                    color: #03060b;
                    line-height: 1.25;
                    margin: 24px 0 0;
                }

                .desc {
                    position: absolute;
                    top: 243px;
                    font-size: 16px;
                    line-height: 1.57;
                    color: #666;
                    min-width: 210px;
                    width: 100%;
                    text-align: center;

                    html[site='jp'] & {
                        font-size: 15px;
                    }
                }
            }
        }
    }
}
.EFPic_EFPic__2s6_7 {
    position: relative;
    width: 100%;
    height: 100%;
}
.explore-box{
    margin: 0 auto;
    width: 1382px;
}
.explore-box .text-box .title {
    font-size: 48px;
    line-height: 55px;
    font-weight: 600;
    text-align: center;
}
.explore-box .text-box .desc {
    margin: 30px auto 0;
    width: 870px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    color: #666;
}
.explore-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    &.explore-6 {
        width: 1038px;
        margin: auto;

        .explore-item:nth-of-type(3n) {
            margin-bottom: 3px;
        }
    }

    .explore-item {
        position: relative;
        width: 344px;
        height: 450px;

        &:nth-of-type(4n) {
            margin-bottom: 2px;
        }

        .img-title {
            position: absolute;
            width: 100%;
            font-size: 22px;
            color: #fff;
            text-align: center;
            bottom: 30px;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 10px;

            html[site='cn'] & {
                font-weight: 500;
            }
        }

        .bgImgs {
            object-fit: contain;
            object-position: bottom;
        }

        .exploreAndShadow {
            position: absolute;
        }
    }
}
.link-wrapper {
    display: flex;
    align-items: center;
    margin-top: 7px;
    justify-content: center;

    .icon-email {
        display: inline-block;
        margin-right: 14px;
        width: 40px;
        height: 38px;
        background: url('../../images/6d6681de5ff90fce4ec98138b15c20a3.svg') center center/100% no-repeat;

        html[site='sa'] & {
            margin-left: 14px;
        }
    }

    .link-text {
        font-size: 32px;
        line-height: 1.25;
        color: #2673ff;

        html[site='cn'] & {
            margin-left: 10px;
        }

        a {
            text-decoration: none;
            color: #2673ff;
        }
    }
}