.banner-section {
    position: relative;
    z-index: 10;
}

.solution-section {
    position: relative;
    z-index: 5;
	overflow: hidden;
}

.collection-section {
    position: relative;
    z-index: 5;
}

/* 视频 */
.banner-video {
	position: relative;
    margin-bottom: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.banner-video .left_text {
    margin-bottom: 30px;
}

.banner-video .left_text .concat_us_info {
    width: 140px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-video .left_text .concat_us_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banner-video .left_text .concat_us_info span:last-of-type,
.banner-video .left_text .concat_us_icon img {
    margin-top: 30px;
}

.banner-video .right_banner {
    flex: 1;
}

.banner-video .right_banner .video {
    width: 100%;
}



//** home-solution section start **/
.home-solution-wrap {
    background: #000;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.home-solution-wrap .bg-wrap {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.home-solution-wrap .bg-wrap .banner-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}


.home-solution-wrap .letter-o {
    border: 9.375vw solid rgba(0,58,179,.45);
    border-radius: 50%;
    box-sizing: border-box;
    height: 35vw;
    left: -12vw;
    mix-blend-mode: plus-lighter;
    position: absolute;
    top: -12vw;
    width: 35vw;
    z-index: 2
}

.home-solution-wrap .swiper-container {
    height: 100vh;
    z-index: 1
}

.home-solution-wrap .swiper-container .solu-slide {
    position: relative
}

.home-solution-wrap .swiper-container .solu-slide .min-img-wrap {
    -webkit-clip-path: circle(35vw at 82% 130%);
    clip-path: circle(35vw at 82% 130%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.home-solution-wrap .swiper-container .solu-slide .min-img-wrap .min-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.home-solution-wrap .swiper-container .solu-slide.swiper-slide-active .min-img-wrap {
    -webkit-clip-path: circle(100vw at 50% 50%)!important;
    clip-path: circle(100vw at 50% 50%)!important;
    transition: -webkit-clip-path 4s;
    transition: clip-path 4s;
    transition: clip-path 4s,-webkit-clip-path 4s
}

.home-solution-wrap .next-min-wrap {
    -webkit-clip-path: circle(10vw at 82% 130%);
    clip-path: circle(10vw at 82% 130%);
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition-delay: 1.5s;
    width: 100%;
    z-index: 0
}

.home-solution-wrap .next-min-wrap .next-min-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    width: 100%
}

.home-solution-wrap .next-min-wrap.show {
    -webkit-backface-visibility: hidden;
    -webkit-clip-path: circle(35vw at 82% 130%);
    clip-path: circle(35vw at 82% 130%);
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transition: -webkit-clip-path 2s;
    transition: clip-path 2s;
    transition: clip-path 2s,-webkit-clip-path 2s;
    transition-timing-function: ease-out;
    width: 100%;
    z-index: 5
}

.home-solution-wrap .next-min-wrap.show .next-min-img {
    opacity: 1
}

.home-solution-wrap .title-container .title-wrap {
    position: absolute;
    right: 16.6667vw;
    text-align: right;
    top: 11.8229vw;
    z-index: 3
}

.home-solution-wrap .title-container .title-wrap .title {
    color: #fff;
    font-size: 2.8646vw;
    font-weight: 700
}

.home-solution-wrap .title-container .title-wrap .sub-title {
    word-wrap: break-word;
    font-size: .7292vw;
    margin-top: .5208vw;
    text-align: left;
    width: 20vw
}

.home-solution-wrap .title-container .title-wrap .left {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    transform-origin: 100% 0
}

.home-solution-wrap .title-container .title-wrap.active .title {
    animation: fadeIn;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-fill-mode: backwards
}

.home-solution-wrap .title-container .title-wrap.active .sub-title {
    animation: fadeIn;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-fill-mode: backwards;
    color: hsla(0,0%,100%,.7)
}

.home-solution-wrap .en-title-wrap {
    bottom: 10.729vw;
    left: 16.6667vw;
    position: absolute;
    z-index: 5
}

.home-solution-wrap .en-title-wrap .title-item-wrap {
    align-items: center;
    display: flex;
    height: 3.385416vw;
    margin-bottom: 1.25vw
}

.home-solution-wrap .en-title-wrap .title-item-wrap .more-btn {
    opacity: 1
}

.home-solution-wrap .en-title-wrap .title-item-wrap .en-title-item {
    color: #fefeff;
    cursor: pointer;
    font-size: 2.6042vw;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 1;
    opacity: .3;
    transition: all 1s
}

.home-solution-wrap .en-title-wrap .title-item-wrap.active .en-title-item {
    font-family: FZLTZHJT;
    opacity: 1;
    transition: all 2s;
    transition-delay: 1s
}

.home-solution-wrap .en-title-wrap .title-item-wrap.active .more-btn {
    animation: fadeIn;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-fill-mode: backwards
}

.home-solution-wrap .en-title-wrap .title-item-wrap .more-btn {
    border-radius: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-left: 1.5625vw;
    width: 7.8125vw
}

.home-solution-wrap .label-wrap-sl{
    bottom: 0;
    color: #fff;
    font-size: 9.375vw;
    letter-spacing: -.5208vw;
    line-height: .72;
    mix-blend-mode: soft-light;
    position: absolute;
    right: 4.1666vw;
    z-index: 7
}

@media screen and (max-width: 1080px) {
    .home-solution-wrap .swiper-container,.home-solution-wrap {
        height:56.25vw
    }
}
//** home-solution section end **/





:export {
    edgeMargin: 16.6667vw
}

.product-title-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 16.6667vw;
    position: relative
}

.product-title-wrap .title-item {
  
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transition-duration: 1.5s;
    transition-property: opacity,transform
}

.product-title-wrap .title-item.active {
    opacity: 1;
    transform: translate3d(0,.5208vw,0);
    transition-delay: 1.3s;
    transition-duration: 1.5s;
    transition-property: opacity,transform
}

.product-title-wrap .title-wrap {
    position: relative
}

.product-title-wrap .title-wrap .title {
    color: #404040;
    font-size: 1.3541vw;
    line-height: .625vw;
    margin-bottom: .8333vw
}

.product-title-wrap .title-wrap .title .model {
    font-size: 1.4583vw;
    line-height: 1.0417vw;
    margin-right: .5208vw
}

.product-title-wrap .title-wrap .sub-title {
    font-size: 1.0417vw;
    line-height: 1.4583vw
}

.product-title-wrap .title-wrap .more-btn {
    border-radius: 3.125vw;
    font-weight: 700;
    height: 3.125vw;
    line-height: 3.125vw;
    position: absolute;
    right: 0;
    top: 0;
    width: 7.8125vw
}


.home-product-wrap {
    background: #ebebeb;
    content-visibility: auto;
    height: 56.25vw;
    padding: 6vw 0
}

.home-product-wrap .types-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 16.6667vw
}

.home-product-wrap .types-wrap .type-item {
    align-items: center;
    color: #404040;
    cursor: pointer;
    display: flex;
    font-size: 1.3541vw;
    padding-left: .8333vw;
    position: relative
}

.home-product-wrap .types-wrap .type-item:before {
    border: 3px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0;
    box-sizing: border-box;
    content: "";
    height: .7292vw;
    left: -.8333vw;
    position: relative;
    width: .7292vw
}

.home-product-wrap .types-wrap .type-item.active {
    font-weight: 700
}

.home-product-wrap .types-wrap .type-item.active:before {
    border: 3px solid #003ab3;
    transition: all .5s
}

.home-product-wrap .product-swiper.swiper-container {
    content-visibility: auto;
    height: 35.4167vw;
    padding: 4.1666vw 0 5.2083vw
}

.home-product-wrap .product-swiper.swiper-container .product-slide {
    color: #fff;
    line-height: 1;
    position: relative
}

.home-product-wrap .product-swiper.swiper-container .product-slide h4 {
    bottom: 1.82291vw;
    font-size: 2.6042vw;
    left: 1.979vw;
    letter-spacing: .5208vw;
    opacity: 0;
    position: absolute;
    transform: translate3d(0,-20%,0);
    transition: all 1s;
    z-index: 2
}

.home-product-wrap .product-swiper.swiper-container .product-slide p {
    font-size: 1.0417vw;
    opacity: 0;
    position: absolute;
    right: 1.0417vw;
    top: 1.0417vw;
    transform: translate3d(0,20%,0);
    transition: all 1s;
    z-index: 2
}

.home-product-wrap .product-swiper.swiper-container .banner-img {
    border-radius: .625vw;
    filter: brightness(.7);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    transition: all .35s;
    width: 100%;
    z-index: 1
}



.product-swiper .product-slide {
    position: relative
}

.product-swiper .product-slide:before {
    border-radius: 30%;
    bottom: 0;
    content: "";
    height: 80%;
    left: 1.0417vw;
    position: absolute;
    transition: box-shadow 1s;
    width: 52%;
    z-index: 0
}

.product-swiper .product-slide:after {
    border-radius: 30%;
    bottom: 0;
    content: "";
    height: 80%;
    position: absolute;
    right: 1.0417vw;
    transition: box-shadow 1s;
    width: 50%;
    z-index: 0
}

.product-swiper .product-slide.swiper-slide-active {
    position: relative
}

.product-swiper .product-slide.swiper-slide-active:before {
    box-shadow: 0 .5208vw 2.8646vw .5208vw rgba(0,0,0,.5);
    transition: box-shadow 1s 1s
}

.product-swiper .product-slide.swiper-slide-active:after {
    box-shadow: 0 1.0417vw 2.8646vw .5208vw rgba(0,0,0,.5);
    transition: box-shadow 1s 1s
}

.product-swiper .product-slide.swiper-slide-active .banner-img {
    filter: brightness(1)
}

.product-swiper .product-slide.swiper-slide-active h4 {
    opacity: 1!important;
    transform: translateZ(0)!important;
    transition-delay: 1.5s!important;
    transition: all 1.5s
}

.product-swiper .product-slide.swiper-slide-active p {
    opacity: 1!important;
    transform: translateZ(0)!important;
    transition-delay: 1.5s!important;
    transition: all 1.5s
}









.home-news-wrap {
    background: #ebebeb;
    overflow: hidden;
    position: relative
}

.home-news-wrap .leeter-o {
    background: transparent;
    border: 9.375vw solid hsla(0,0%,88%,.45);
    border-radius: 50%;
    bottom: -18vw;
    height: 50vw;
    left: -10vw;
    position: absolute;
    width: 50vw;
    z-index: 0
}

.home-news-wrap .title-wrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-left: 16.6667vw;
    margin-right: 16.6667vw;
  /*   padding-top: 9.375vw */
}

.home-news-wrap .title-wrap h2 {
    color: #fff;
    font-size: 9.375vw;
    letter-spacing: -.36458333vw;
    line-height: .7
}

.home-news-wrap .title-wrap .more-btn {
    border-radius: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-top: 1.0417vw;
    width: 7.8125vw
}

.home-news-wrap .swiper-container {
    margin-top: -1.5625vw;
    padding-top: 1.5625vw
}

.home-news-wrap .news-slide .news-item {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: .78125vw;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 9.375vw;
    overflow: hidden;
    transition: all 1.5s
}

.home-news-wrap .news-slide .news-item .news-img {
    border-radius: .78125vw .78125vw 0 0;
    height: 13.541666vw;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 1.5s;
    width: 100%
}

.home-news-wrap .news-slide .news-item .news-text {
    padding: 2.0833vw 2.0833vw 0
}

.home-news-wrap .news-slide .news-item .news-text .title {
    color: #404040;
    font-size: 1.3541vw
}

.home-news-wrap .news-slide .news-item .news-text .desc,.home-news-wrap .news-slide .news-item .news-text .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-news-wrap .news-slide .news-item .news-text .desc {
    color: rgba(0,0,0,.5);
    font-size: .8333vw;
    line-height: 1.25vw;
    margin-top: .78125vw
}

.home-news-wrap .news-slide .news-item .news-date-wrap {
    align-items: flex-end;
    display: flex;
    font-size: 1.0417vw;
    justify-content: space-between;
    padding: 2.0833vw
}

.home-news-wrap .news-slide .news-item .news-date-wrap .date {
    color: #404040;
    line-height: 1
}

.home-news-wrap .news-slide .news-item .news-date-wrap .news-tiper {
    align-items: center;
    background: #003ab3;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 2.0833vw;
    justify-content: center;
    opacity: 0;
    transition: all 1s;
    width: 2.0833vw
}

.home-news-wrap .news-slide .news-item:hover {
    box-shadow: 0 3.385416vw 4.1666vw .2604vw rgba(44,55,81,.22);
    transform: scale(1.02);
    transition: all 1.5s
}

.home-news-wrap .news-slide .news-item:hover img {
    transform: scale(1.1);
    transition: all 1s
}

.home-news-wrap .news-slide .news-item:hover .news-tiper {
    opacity: 1
}

.home-news-wrap .news-scroll-bar {
    height: .5208vw;
    margin-left: 16.6667vw;
    margin-top: 1.5625vw;
    width: 75vw
}

.home-news-wrap .swiper-slide {
   transition-timing-function: linear;
}

.home-news-wrap .news-slide.swiper-slide-active .news-item {
    box-shadow: 0 3.385416vw 4.1666vw .2604vw rgba(44,55,81,.22);
    transform: scale(1.02)!important;
    transition: all 1.5s
}

.home-news-wrap .news-slide.swiper-slide-active .news-item img {
    transform: scale(1.1);
    transition: all 1s
}

.home-news-wrap .news-slide.swiper-slide-active .news-item .news-tiper {
    opacity: 1
}



.home-collection-wrap {
        background: #000;
        height: 100vh;
        position: relative;
		overflow: hidden;
    }

     .home-collection-wrap:after {
        background: #fff;
        bottom: 14%;
        content: "";
        left: 14.0104vw;
        opacity: .5;
        position: absolute;
        top: 22.722%;
        width: 1px;
        z-index: 1
    } 
    


    .home-collection-wrap .swiper-container {
        height: 100vh;
    }

    .home-collection-wrap .swiper-container .banner-img {
        filter: brightness(.8);
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .home-collection-wrap .swiper-slide img {
        transform: scale(1);
        transition: all 1.5s
    }

    .home-collection-wrap .swiper-slide-active img {
        transform: scale(1.1);
        transition: all 5s ease-out
    }

.home-collection-wrap .title-wrap {
align-items: flex-start;
color: #fff;
display: flex;
justify-content: space-between;
left: 16.6667vw;
position: absolute;
right: 16.6667vw;
top: 11.25vw;
z-index: 3
}

.home-collection-wrap .title-wrap .title {
font-size: 2.6042vw;
font-weight: 700;
letter-spacing: 3px;
opacity: 0;
transition: letter-spacing 1s
}

.home-collection-wrap .title-wrap .sub-title {
font-size: 1.3541vw;
letter-spacing: .2604vw;
margin-top: .5208vw;
opacity: 0
}

.home-collection-wrap .title-wrap .en-sub-title {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
display: -webkit-box;
font-size: 1.0417vw;
opacity: 0;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
width: 22vw
}

.home-collection-wrap .title-wrap.active .title {
letter-spacing: 1.5625vw;
opacity: 1;
transition: letter-spacing 4.5s ease-out,opacity 1.5s;
transition-timing-function: ease-out
}

.home-collection-wrap .title-wrap.active .sub-title {
letter-spacing: .36458333vw;
opacity: 1;
transition: letter-spacing 4.5s,opacity 1.5s;
transition-timing-function: ease-out
}

.home-collection-wrap .title-wrap.active .en-sub-title {
animation: fadeIn;
animation-duration: 3s;
opacity: 1
}

.home-collection-wrap .en-title-wrap {
bottom: 8.7718vw;
left: 16.6667vw;
position: absolute;
z-index: 3
}

.home-collection-wrap .en-title-wrap .en-title-item {
animation-fill-mode: backwards;
color: #fefefe;
cursor: pointer;
font-size: 2.8646vw;
font-weight: 700;
letter-spacing: -2px;
line-height: 1.2;
margin-bottom: 1.0417vw;
opacity: .35
}

.home-collection-wrap .en-title-wrap .en-title-item.active {
opacity: 1;
transition: opacity 1.5s
}

.home-collection-wrap .label-wrap {
align-items: center;
bottom: 6.771vw;
display: flex;
flex-direction: column;
justify-items: center;
position: absolute;
right: 16.6667vw;
z-index: 3
}

.home-collection-wrap .label-wrap .more-btn {
border-radius: 3.125vw;
height: 3.125vw;
line-height: 3.125vw;
margin-bottom: 1.5625vw;
width: 7.8125vw
}

.home-collection-wrap .label-wrap .label {
color: transparent;
font-size: 9.375vw;
line-height: .72;
text-shadow: 0 0 1px hsla(0,0%,100%,.35)
}

.home-collection-wrap .label-wrap2 {
align-items: flex-end;
background: linear-gradient(180deg,transparent,rgba(0,0,0,.55));
bottom: 0;
display: flex;
height: 15.625vw;
justify-content: flex-end;
left: 0;
mix-blend-mode: overlay;
position: absolute;
right: 0;
z-index: 2
}

.home-collection-wrap .label-wrap2 .label {
color: hsla(0,0%,100%,.65);
font-size: 9.375vw;
line-height: .72;
margin-right: 4.1666vw
}

.home-collection-wrap .title-wrap.jm-fade,
.home-collection-wrap .en-title-wrap.jm-fade {
  opacity: 0;
    transform: scale(0.9);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition-delay: 0.2s !important;
	will-change: opacity, transform;
}




@media screen and (max-width: 1080px) {
.home-collection-wrap .swiper-container,.home-collection-wrap {
    height:56.25vw
}
}