.banner_swiper {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.banner_swiper .page {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6.77083vw;
    z-index: 3
}

.banner_swiper .page .page_top {
    margin: 0 auto 1.35417vw;
    width: fit-content
}

.banner_swiper .page .page_top .dian {
    width: .3125vw;
    height: .3125vw;
    background: rgba(255, 255, 255, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.6s;
    border-radius: 50%;
    margin-bottom: 1.875vw;
    cursor: pointer
}

.banner_swiper .page .page_top .dian:after {
    content: "";
    width: .9375vw;
    height: .9375vw;
    border-radius: 50%;
    border: .05208vw solid #fff;
    position: absolute;
    opacity: 0
}

.banner_swiper .page .page_top .dian:hover,
.banner_swiper .page .page_top .dian.on {
    background: #fff
}

.banner_swiper .page .page_top .dian:hover:after,
.banner_swiper .page .page_top .dian.on:after {
    opacity: 1
}

.banner_swiper .page .page_top .tiao {
    width: .05208vw;
    height: 3.80208vw;
    background: #FFF
}

.banner_swiper .page .swiper-pagination {
    display: flex;
    align-items: flex-end;
    gap: .15625vw;
    position: unset
}

.banner_swiper .page .swiper-pagination .swiper-pagination-current {
    color: #FFF;
    font-size: 1.04167vw;
    font-weight: 500;
    line-height: 1
}

.banner_swiper .page .swiper-pagination .line,
.banner_swiper .page .swiper-pagination .swiper-pagination-total {
    color: rgba(255, 255, 255, 0.4);
    font-size: .72917vw;
    font-weight: 250;
    line-height: 1;
    margin-bottom: .10417vw
}

.banner_swiper .page .swiper-pagination .line {
    color: #FFF
}

.banner_swiper .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff
}

.banner_swiper .bg .img {
    width: 100%;
    height: 100%
}

.banner_swiper .bg .img img,
.banner_swiper .bg .img video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner_swiper .swiper-slide .slide_box {
    width: 100%;
    height: 100%;
    mask-image: url("/images/water.png");
    mask-repeat: no-repeat;
    mask-position: 50% 100%;
    mask-size: 10vw;
    transition: all 2s;
    will-change: mask-position, mask-size
}

.banner_swiper .swiper-slide .slide_box .img {
    width: 100%;
    height: 100%;
    display: none
}

.banner_swiper .swiper-slide .slide_box .img img,
.banner_swiper .swiper-slide .slide_box .img video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner_swiper .swiper-slide .slide_box .text_box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10.05208vw;
    opacity: 0
}

.banner_swiper .swiper-slide .slide_box .text_box .h5 {
    color: #FFF;
    font-weight: 300
}

.banner_swiper .swiper-slide .slide_box .text_box .h5 b {
    font-weight: 500
}

.banner_swiper .swiper-slide .slide_box .text_box .p {
    margin: 1.25vw 0 7.03125vw;
    color: #FFF;
    font-weight: 350;
    line-height: 2.3
}

.banner_swiper .swiper-slide .slide_box .text_box .btns {
    display: flex;
    gap: 1.51042vw
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.94792vw;
    height: 2.76042vw;
    background: #FFF;
    transition: 0.6s;
    border: .05208vw solid #fff;
    position: relative
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn p {
    color: #000;
    font-weight: 350;
    transition: 0.6s
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn .btn_bg {
    width: 9.375vw;
    height: unset;
    position: absolute;
    transition: 0.6s;
    opacity: 0
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn:nth-child(2) {
    background: unset
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn:nth-child(2) p {
    color: #FFFFFF
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn:hover {
    color: #FFFFFF;
    border: .05208vw solid #369591;
    background: #369591
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn:hover p {
    color: #FFFFFF
}

.banner_swiper .swiper-slide .slide_box .text_box .btns .btn:hover .btn_bg {
    transform: unset;
    opacity: 1
}

.banner_swiper .swiper-slide.swiper-slide-active .slide_box {
    mask-position: 50% 50%;
    mask-size: 250vw
}

.banner_swiper .swiper-slide.swiper-slide-active .slide_box .img {
    opacity: 1;
    display: block
}

.banner_swiper .swiper-slide.swiper-slide-active .slide_box .text_box {
    opacity: 1
}

.banner_swiper .swiper-slide.on .slide_box {
    transition: unset
}

.sec1 {
    display: flex;
    gap: 10.41667vw;
    padding: 0 0 10.52083vw;
    overflow: hidden;
    align-items: center;
    background: #FFFFFF
}

.sec1 .l,.sec1 .bg {
    width: 47.91667vw;
    position: relative
}

.sec1 .l img,.sec1 .bg video {
    display: block;
    width: 100%
}

.sec1 .r {
    width: 32.13542vw;
    padding: 9.11458vw 0 0
}

.sec1 .r .title {
    color: #000;
    font-weight: 500;
    line-height: 1.05;
    margin-bottom: 1.14583vw
}

.sec1 .r .des {
    display: flex;
    align-items: center;
    gap: .52083vw;
    margin-bottom: 6.61458vw
}

.sec1 .r .des .line {
    width: 1.82292vw;
    height: .05208vw;
    background: #369591
}

.sec1 .r .des p {
    color: #369591;
    font-weight: 350
}

.sec1 .r .des .line_img {
    width: 46.30208vw;
    position: absolute;
    left: 0;
    top: -.625vw
}

.sec1 .r .des .line_img img {
    display: block;
    width: 100%
}

.sec1 .r .p {
    color: #666;
    font-weight: 300;
    line-height: 2.3;
    text-align: justify;
    margin-bottom: 4.73958vw
}

.sec1 .r .more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.66667vw;
    height: 3.125vw;
    border: 1px solid #369591;
    transition: 0.6s;
    position: relative
}

.sec1 .r .more .bg {
    width: 11.09375vw;
    height: unset;
    position: absolute
}

.sec1 .r .more p {
    color: #369591;
    font-weight: 350;
    transition: 0.6s
}

.sec1 .r .more img {
    display: block;
    width: 1.09375vw;
    position: absolute;
    opacity: 0;
    transition: 0.6s
}

.sec1 .r .more:hover {
    background: #369591
}

.sec1 .r .more:hover p {
    color: #FFFFFF;
    transform: translateX(-1.19792vw)
}

.sec1 .r .more:hover img {
    opacity: 1;
    transform: translateX(1.5625vw)
}

.sec1 .r .more:hover .bg {
    transform: unset
}

.sec2 {
    position: relative;
    overflow: hidden
}

.sec2 .box {
    position: absolute;
    top: 7.13542vw;
    left: 12.60417vw;
    z-index: 10
}

.sec2 .box .flex {
    display: flex;
    align-items: flex-end;
    gap: 3.59375vw
}

.sec2 .box .flex .l .title {
    color: #000;
    font-weight: 500
}

.sec2 .box .flex .l .h5 {
    color: #000;
    font-weight: 300
}

.sec2 .box .flex .p {
    width: 21.30208vw;
    color: #666;
    font-weight: 300;
    line-height: 2.28
}

.sec2 .box .line {
    width: 57.5vw;
    margin: 3.48958vw 0 0 -12.60417vw
}

.sec2 .box .line img {
    display: block;
    width: 100%
}

.sec2 .bg {
    width: 100%;
    height: 100vh
}

.sec2 .bg img,
.sec2 .bg video {
    display: block;
    width: 100%
}

.sec4 {
    position: relative;
    overflow: hidden
}

.sec4 .bg {
    width: 100%;
     /* height: 35.20833vw */
}

.sec4 .bg img {
    display: block;
    width: 100%
}

.sec4 .box {
    position: absolute;
    top: 50%;
    left: 11.19792vw;
    transform: translateY(-50%);
    z-index: 10
}

.sec4 .box .logo {
    width: 14.42708vw;
    margin: 0 0 3.90625vw 0;
    margin-left: -.88542vw
}

.sec4 .box .logo img {
    display: block;
    width: 100%
}

.sec4 .box .line {
    width: 62.34375vw;
    position: absolute;
    top: 6.71875vw;
    clip-path: inset(0 100% 0 0);
    transition: 2s;
    pointer-events: none
}

.sec4 .box .line img {
    display: block;
    width: 100%
}

.sec4 .box .line.animated {
    clip-path: inset(0)
}

.sec4 .box .des {
    width: 37.55208vw;
    margin-bottom: 2.8125vw
}

.sec4 .box .des .p1 {
    color: #FFF;
    font-weight: 500;
    margin-bottom: .10417vw
}

.sec4 .box .des .p2 {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 350;
    line-height: 2.8
}

.sec4 .box .join {
    width: 9.94792vw;
    height: 2.76042vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .05208vw solid #fff;
    color: #FFF;
    font-weight: 350;
    cursor: pointer;
    transition: 0.6s
}

.sec4 .box .join:hover {
    background: #FFFFFF;
    color: #000
}

.sec5 {
    height: 81.66667vw;
    position: relative;
    padding: 8.90625vw 0 0;
    overflow: hidden;
    background: #FFFFFF
}

.sec5 .bg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.sec5 .bg1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec5 .title {
    color: #000;
    text-align: center;
    font-weight: 500;
    line-height: 160%;
    position: relative;
    z-index: 3
}

.sec5 .title1 {
    color: #000;
    text-align: center;
    font-weight: 500;
    line-height: 160%;
    position: relative;
    z-index: 3
}

.sec5 .des {
    width: 38.22917vw;
    color: #909090;
    text-align: center;
    font-weight: 350;
    line-height: 2.28;
    margin: 1.97917vw auto 3.59375vw;
    position: relative;
    z-index: 3
}

.sec5 .box {
    display: flex;
    justify-content: space-between;
    position: relative
}

.sec5 .box .sec5_l_swiper {
    width: 48.48958vw;
    height: 45.3125vw;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.sec5 .box .sec5_l_swiper:after {
    content: "";
    width: 100%;
    height: 7.8125vw;
    background: linear-gradient(0deg, #FCFBFB 36.18%, rgba(253, 253, 252, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    pointer-events: none
}

.sec5 .box .sec5_l_swiper:before {
    content: "";
    width: 100%;
    height: 7.8125vw;
    background: linear-gradient(180deg, #FCFBFB 36.18%, rgba(253, 253, 252, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none
}

.sec5 .box .sec5_l_swiper .swiper-slide {
    display: flex;
    position: relative;
    align-items: center;
    cursor: pointer
}

.sec5 .box .sec5_l_swiper .swiper-slide.swiper-slide-active .logo {
    opacity: 1
}

.sec5 .box .sec5_l_swiper .swiper-slide.swiper-slide-active .logo .pic2 img:nth-child(1) {
    opacity: 0
}

.sec5 .box .sec5_l_swiper .swiper-slide.swiper-slide-active .logo .pic2 img:nth-child(2) {
    opacity: 1
}


/* .sec5 .box .sec5_l_swiper .swiper-slide.swiper-slide-active .logo svg path {
    fill: #BDA88B
} */

.sec5 .box .sec5_l_swiper .swiper-slide.swiper-slide-active .line {
    clip-path: inset(0 0 0 0)
}

.sec5 .box .sec5_l_swiper .swiper-slide.swiper-slide-active .slide_box {
    opacity: 1;
    transition-delay: 0.4s
}

.sec5 .box .sec5_l_swiper .swiper-slide:hover .logo {
    opacity: 1
}

.sec5 .box .sec5_l_swiper .swiper-slide:hover .logo svg path {
    fill: #BDA88B
}

.sec5 .box .sec5_l_swiper .swiper-slide .line {
    width: 98%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    clip-path: inset(0 100% 0 0);
    transition: 1s;
    pointer-events: none
}

.sec5 .box .sec5_l_swiper .swiper-slide .line img {
    display: block;
    width: 100%
}

.sec5 .box .sec5_l_swiper .swiper-slide .logo {
    width: 26.04167vw;
    padding: 0 2.60417vw 0 7.29167vw;
    opacity: 0.4;
    transition: 0.6s
}

/* .sec5 .box .sec5_l_swiper .swiper-slide .logo svg {
    display: block;
    margin: 0 auto
}

.sec5 .box .sec5_l_swiper .swiper-slide .logo svg path {
    transition: 0.6s
} */

.sec5 .box .sec5_l_swiper .swiper-slide .logo .pic2 {
    position: relative;
    width: 12.29167vw
}

.sec5 .box .sec5_l_swiper .swiper-slide .logo .pic2 img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    transition: all 600ms
}

.sec5 .box .sec5_l_swiper .swiper-slide .logo .pic2 img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box {
    width: 22.44792vw;
    padding: 0 0 0 4.16667vw;
    opacity: 0;
    transition: 0.6s
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .p {
    color: #767676;
    font-weight: 250;
    padding: 0 0 0 1.45833vw;
    position: relative
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .p:after {
    content: "";
    width: .20833vw;
    height: 1.19792vw;
    background: #D9D9D9;
    position: absolute;
    left: .20833vw;
    top: 50%;
    transform: translateY(-50%)
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .slide_top {
    display: flex;
    align-items: center;
    gap: 1.5625vw;
    margin-bottom: 1.04167vw
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .slide_top .h5 {
    color: #BDA88B;
    font-weight: 500;
    line-height: 160%
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .slide_top .jt {
    width: 2.23958vw;
    height: 2.23958vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .05208vw solid #BDA88B;
    transition: 0.6s
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .slide_top .jt img {
    display: block;
    width: 1.19792vw;
    margin: -.15625vw 0 0;
    transition: 0.6s
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .slide_top .jt:hover {
    background: #BDA88B
}

.sec5 .box .sec5_l_swiper .swiper-slide .slide_box .slide_top .jt:hover img {
    filter: brightness(0) invert(1)
}

.sec5 .box .r_box {
    width: 47.03125vw;
    position: relative;
    height: 38.33333vw
}

.sec5 .box .r_box .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.sec5 .box .r_box .img .bg {
    width: 100%;
    height: 100%;
    position: relative
}

.sec5 .box .r_box .img .bg::before {
    content: "";
    display: block;
    width: calc(100% + 1px);
    height: 100%;
    transition: all 0.4s;
    mix-blend-mode: multiply;
    position: absolute;
    left: -1px;
    top: 0;
    z-index: 3
}

.sec5 .box .r_box .img .bg:hover::before {
    background: rgba(0, 0, 0, 0.5)
}

.sec5 .box .r_box .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec5 .box .sec5_r_swiper {
    width: 47.03125vw;
    overflow: hidden
}

.sec5 .box .sec5_r_swiper .swiper-slide .img {
    width: 100%;
    height: 38.33333vw;
    overflow: hidden
}

.sec5 .box .sec5_r_swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 3s
}

.sec5 .box .sec5_r_swiper .swiper-slide .img:hover img {
    transform: scale(1.1)
}

.sec5 .box .rpics {
    width: 47.03125vw;
    position: relative;
    height: 38.33333vw;
    z-index: 10
}

.sec5 .box .rpics .pic {
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden
}

.sec5 .box .rpics .pic.on {
    display: block
}

.sec5 .box .rpics .pic img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 600ms
}

.sec5 .box .rpics .pic:hover img {
    transform: scale(1.05)
}

.sec6 {
    position: relative;
    height: 65.3125vw;
    z-index: 3
}

.sec6 .wrap {
    transform: translateY(-2.60417vw)
}

.sec6>.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0
}

.sec6>.bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec6 .title {
    color: #000;
    font-weight: 500;
    text-align: center
}

.sec6 .des {
    color: #909090;
    text-align: center;
    font-weight: 350;
    line-height: 2.29;
    margin: .83333vw 0 5.20833vw
}

.sec6 .box {
    width: 87.13542vw;
    margin: 0 auto 6.51042vw;
    display: flex;
    justify-content: space-between
}

.sec6 .box .l_box {
    width: 39.11458vw
}

.sec6 .box .l_box .item {
    display: block;
    width: 100%;
    background: rgba(244, 244, 244, 0.5)
}

.sec6 .box .l_box .item .img {
    width: 100%;
    height: 24.58333vw;
    overflow: hidden
}

.sec6 .box .l_box .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s
}

.sec6 .box .l_box .item .item_bottom {
    padding: 2.03125vw 2.8125vw 3.02083vw
}

.sec6 .box .l_box .item .item_bottom .date {
    color: #000;
    font-weight: 300;
    line-height: 150%
}

.sec6 .box .l_box .item .item_bottom .h5 {
    color: #000;
    font-weight: 500;
    line-height: 150%;
    margin: .88542vw 0 .78125vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sec6 .box .l_box .item .item_bottom .p {
    color: #666;
    font-weight: 400;
    line-height: 150%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sec6 .box .l_box .item:hover .img img {
    transform: scale(1.1)
}

.sec6 .box .r_box {
    width: 42.96875vw
}

.sec6 .box .r_box .item {
    display: block;
    width: 100%;
    padding: 0 0 2.86458vw;
    border-bottom: .05208vw solid #F4F4F4;
    transition: 0.6s
}

.sec6 .box .r_box .item:not(:last-child) {
    margin-bottom: 2.86458vw
}

.sec6 .box .r_box .item .date {
    color: #000;
    font-weight: 300;
    line-height: 150%
}

.sec6 .box .r_box .item .item_title {
    margin: .9375vw 0 .83333vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sec6 .box .r_box .item .item_title .h5 {
    color: #666;
    font-weight: 500;
    line-height: 150%;
    transition: 0.6s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%
}

.sec6 .box .r_box .item .item_title img {
    display: block;
    width: 2.86458vw;
    opacity: 0;
    transition: 0.6s
}

.sec6 .box .r_box .item .p {
    color: #999;
    font-weight: 400;
    line-height: 150%;
    transition: 0.6s;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sec6 .box .r_box .item:hover {
    border-bottom: .15625vw solid #000
}

.sec6 .box .r_box .item:hover .p {
    text-decoration: underline
}

.sec6 .box .r_box .item:hover .item_title .h5 {
    color: #000;
    text-decoration: underline
}

.sec6 .box .r_box .item:hover .item_title img {
    opacity: 1
}

.sec6 .more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.66667vw;
    height: 3.125vw;
    border: 1px solid #369591;
    transition: 0.6s;
    position: relative;
    margin: 0 auto
}

.sec6 .more .bg {
    width: 11.09375vw;
    height: unset;
    position: absolute
}

.sec6 .more p {
    color: #369591;
    font-weight: 350;
    transition: 0.6s
}

.sec6 .more img {
    display: block;
    width: 1.09375vw;
    position: absolute;
    opacity: 0;
    transition: 0.6s
}

.sec6 .more:hover {
    background: #369591
}

.sec6 .more:hover p {
    color: #FFFFFF;
    transform: translateX(-1.19792vw)
}

.sec6 .more:hover img {
    opacity: 1;
    transform: translateX(1.5625vw)
}

.sec6 .more:hover .bg {
    transform: unset
}

.sec3 .fix {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    padding: 5.72917vw 0 0;
    overflow: hidden
}

.sec3 .fix .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.sec3 .fix .bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sec3 .fix .title {
    color: #000;
    text-align: center;
    font-weight: 500
}

.sec3 .fix .des {
    margin: 1.04167vw auto 1.04167vw;
    width: 38.22917vw;
    color: #666;
    text-align: center;
    font-weight: 300;
    line-height: 2.28
}

.sec3 .fix .corrwise {
    width: max-content;
    position: relative;
    z-index: 3
}

.sec3 .fix .corrwise .corrwise_box {
    position: relative;
    width: max-content
}

.sec3 .fix .corrwise .corrwise_box .item {
    display: flex;
    position: absolute;
    align-items: center;
    gap: .72917vw
}

.sec3 .fix .corrwise .corrwise_box .item .img {
    position: absolute;
    width: 19.16667vw;
    z-index: -1;
    opacity: 0;
    transition: 0.6s;
    pointer-events: none
}

.sec3 .fix .corrwise .corrwise_box .item .img img {
    display: block;
    width: 100%
}

.sec3 .fix .corrwise .corrwise_box .item .h5 {
    color: #369591;
    font-weight: 400
}

.sec3 .fix .corrwise .corrwise_box .item .item_r .p {
    color: #369591;
    font-size: .52083vw;
    font-weight: 300
}

.sec3 .fix .corrwise .corrwise_box .item .item_r .h6 {
    color: #369591;
    font-weight: 400;
}

.sec3 .fix .corrwise .corrwise_box .item:hover .img {
    opacity: 1;
    pointer-events: auto
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(1) {
    top: 11.66667vw;
    left: 27.91667vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(1) .img {
    top: -1.71875vw;
    left: -5.67708vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(2) {
    top: 18.75vw;
    left: 60.05208vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(2) .img {
    width: 20.625vw;
    top: -1.71875vw;
    left: .57292vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(3) {
    top: 3.95833vw;
    left: 99.84375vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(3) .img {
    width: 21.30208vw;
    top: -3.38542vw;
    left: .15625vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(4) {
    top: 17.91667vw;
    left: 122.29167vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(4) .img {
    width: 20.83333vw;
    top: -.36458vw;
    left: -9.53125vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(5) {
    top: 6.35417vw;
    left: 147.76042vw
}

.sec3 .fix .corrwise .corrwise_box .item:nth-child(5) .img {
    width: 22.1875vw;
    top: -2.86458vw;
    left: -11.875vw
}

.sec3 .fix .corrwise .corrwise_box .line {
    width: 183.85417vw
}

.sec3 .fix .corrwise .corrwise_box .line img {
    display: block;
    width: 100%
}

.sec3 .fix .scroll_line {
    width: 86.45833vw;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.60417vw
}

.sec3 .fix .scroll_line .tiao {
    width: 20.83333vw;
    height: .78125vw;
    opacity: 0.2;
    background: #369591;
    position: absolute;
    left: 0;
    bottom: 0
}

.curtains-img {
    position: relative
}

.curtains-img canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.curtains-img img {
    opacity: 0
}

@media screen and (max-width: 768px) {
    .curtains-img canvas {
        display: none
    }

    .curtains-img img {
        opacity: 1
    }

    .banner_swiper {
        height: 500px
    }

    .banner_swiper .swiper-slide .slide_box {
        mask-image: unset;
        mask-position: unset;
        mask-size: unset;
        transition: 0.6s;
        opacity: 0
    }

    .banner_swiper .swiper-slide .slide_box .text_box {
        width: 90%;
        left: 5vw
    }

    .banner_swiper .swiper-slide .slide_box .text_box .h5 {
        font-size: 22px
    }

    .banner_swiper .swiper-slide .slide_box .text_box .p {
        font-size: 15px;
        line-height: 1.4;
        margin: 10px 0 20px
    }

    .banner_swiper .swiper-slide .slide_box .text_box .btns {
        gap: 10px
    }

    .banner_swiper .swiper-slide .slide_box .text_box .btns .btn {
        width: 130px;
        height: 40px;
        font-size: 13px
    }

    .banner_swiper .swiper-slide.swiper-slide-active .slide_box {
        opacity: 1
    }

    .banner_swiper .page {
        top: unset;
        transform: unset;
        right: 5vw;
        bottom: 15px
    }

    .banner_swiper .page .page_top {
        display: none
    }

    .banner_swiper .page .swiper-pagination .swiper-pagination-current,
    .banner_swiper .page .swiper-pagination .line,
    .banner_swiper .page .swiper-pagination .swiper-pagination-total {
        font-size: 13px
    }

    .sec1 {
        padding: 0 0 50px;
        display: block
    }

    .sec1 .l,.sec1 .bg {
        width: 100%
    }

    .sec1 .r {
        width: 100%;
        margin: 20px 0 0;
        padding: 0 5vw
    }

    .sec1 .r .title {
        font-size: 22px;
        margin-bottom: 8px
    }

    .sec1 .r .des {
        gap: 6px
    }

    .sec1 .r .des .line {
        width: 30px;
        height: 2px
    }

    .sec1 .r .des .line_img {
        width: 280px
    }

    .sec1 .r .p {
        margin: 30px 0 20px
    }

    .sec1 .r .more {
        width: 120px;
        height: 40px
    }

    .sec2 {
        padding: 40px 0 180px
    }

        .sec2 canvas {
        max-width: 100%;
        max-height: 600px;
        display: block
    }

    .sec2 .bg {
        position: absolute;
        height: 100%;
        top: 0
    }

    .sec2 .bg img {
        height: 100%;
        object-fit: cover
    }

    .sec2 .box {
        position: unset;
        width: 90%;
        margin: 0 auto
    }

    .sec2 .box .line {
        display: none
    }

    .sec2 .box .flex {
        display: block
    }

    .sec2 .box .flex .l {
        margin-bottom: 20px
    }

    .sec2 .box .flex .l .title {
        font-size: 22px
    }

    .sec2 .box .flex .l .h5 {
        font-size: 16px;
        margin: 10px 0 0
    }

    .sec2 .box .flex .p {
        width: 100%;
        line-height: 1.4
    }

    .sec3 {
        height: unset !important
    }

    .sec3 .fix {
        height: unset;
        position: unset;
        padding: 50px 5vw
    }

    .sec3 .fix .title {
        font-size: 22px
    }

    .sec3 .fix .des {
        width: 100%;
        margin: 10px 0 25px
    }

    .sec3 .fix .corrwise {
        transform: unset !important;
        width: 100%;
        display: none;
    }

    .sec3 .fix .corrwise .corrwise_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px 0
    }

    .sec3 .fix .corrwise .corrwise_box .line {
        display: none
    }

    .sec3 .fix .corrwise .corrwise_box .item {
        position: relative;
        gap: 10px;
        width: 50%;
        display: block;
        text-align: center;
        top: unset !important;
        left: unset !important
    }

    .sec3 .fix .corrwise .corrwise_box .item .img {
        opacity: 1;
        width: 40vw !important
    }

    .sec3 .fix .corrwise .corrwise_box .item .h5 {
        font-size: 20px
    }

    .sec3 .fix .corrwise .corrwise_box .item .item_r .p {
        font-size: 12px
    }

    .sec3 .fix .corrwise .corrwise_box .item:nth-child(1) .img {
        top: 0px;
        left: 16px
    }

    .sec3 .fix .corrwise .corrwise_box .item:nth-child(2) .img {
        top: 8px;
        left: 52px
    }

    .sec3 .fix .corrwise .corrwise_box .item:nth-child(3) .img {
        top: 8px;
        left: 0;
    }

    .sec3 .fix .corrwise .corrwise_box .item:nth-child(4) .img {
        top: 8px;
        left: 50px;
    }

    .sec3 .fix .corrwise .corrwise_box .item:nth-child(5) .img {
        top: 8px;
        left: 0;
    }

    .sec3 .fix .scroll_line {
        display: none
    }

      .sec3 .fix .pic_swiper {
    display: block !important;
    width: 100%;
    overflow: hidden;
  }
  .sec3 .fix .pic_swiper .pic img {
    width: 100%;
    display: block;
    object-fit: cover;
  }

      .sec3 .fix .corrwise .corrwise_box .item:nth-child(3),.sec3 .fix .corrwise .corrwise_box .item:nth-child(4), .sec3 .fix .corrwise .corrwise_box .item:nth-child(5){
        width: 25%;
     }
    .sec3 .fix .corrwise .corrwise_box .item .item_r .h6{
        font-size: 9px;
    }
    .sec4 {
        padding: 50px 0
    }

    .sec4 .bg {
        position: absolute;
        height: 100%;
        top: 0
    }

    .sec4 .bg img {
        height: 100%;
        object-fit: cover
    }

    .sec4 .box {
        position: unset;
        width: 90%;
        margin: 0 auto;
        transform: unset
    }

    .sec4 .box .line {
        display: none
    }

    .sec4 .box .logo {
        width: 150px
    }

    .sec4 .box .des {
        width: 100%;
        margin: 15px 0 25px
    }

    .sec4 .box .des .p2 {
        line-height: 1.4;
        margin: 6px 0 0
    }

    .sec4 .box .join {
        margin: 20px 0 0;
        width: 120px;
        height: 40px
    }

    .sec5 {
        height: unset;
        padding: 50px 5vw;
        overflow: hidden
    }

    .sec5 .title {
        font-size: 22px
    }

    .sec5 .title1 {
        font-size: 18px;
        margin: 8px 0 20px
    }

    .sec5 .des {
        width: 100%;
        margin-bottom: 30px
    }

    .sec5 .box {
        width: 100%
    }

    .sec5 .box .sec5_l_swiper {
        display: none
    }

    .sec5 .box .r_box {
        display: none
    }

    .sec5 .box .sec5_r_swiper {
        display: block !important;
        width: 100%;
        overflow: unset
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .img {
        height: 50vw;
        margin-bottom: 15px
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box {
        display: block !important
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box .logo {
        height: 50px;
        margin-bottom: 10px
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box .logo img {
        display: block;
        height: 100%;
        max-width: 125px
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box .slide_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box .slide_top .h5 {
        color: #BDA88B;
        font-weight: 500;
        line-height: 160%;
        font-size: 18px
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box .slide_top .jt {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #BDA88B;
        transition: 0.6s
    }

    .sec5 .box .sec5_r_swiper .swiper-slide .slide_box .slide_top .jt img {
        display: block;
        width: 14px;
        margin: -1px 0 0;
        transition: 0.6s
    }

    .sec6 {
        height: unset;
        padding: 20px 5vw 70px
    }

    .sec6 .title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .sec6 .des {
        line-height: 1.6;
        margin-bottom: 25px
    }

    .sec6 .des br {
        display: none
    }

    .sec6 .box {
        display: block;
        width: 100%
    }

    .sec6 .box .l_box {
        width: 100%
    }

    .sec6 .box .l_box .item .img {
        height: 50vw
    }

    .sec6 .box .l_box .item .item_bottom {
        padding: 20px
    }

    .sec6 .box .l_box .item .item_bottom .h5 {
        font-size: 18px;
        margin: 10px 0
    }

    .sec6 .box .r_box {
        margin: 30px 0 0;
        width: 100%
    }

    .sec6 .box .r_box .item {
        padding: 0 0 20px
    }

    .sec6 .box .r_box .item .h5 {
        margin: 10px 0;
        font-size: 18px
    }

    .sec6 .box .r_box .item .item_title img {
        width: 20px
    }

    .sec6 .box .r_box .item:not(:last-child) {
        margin-bottom: 20px
    }

    .sec6 .more {
        width: 120px;
        height: 40px
    }
}