:root {
    --xin: path('M1920 0C1920 482.973 1490.19 874.5 960 874.5C429.807 874.5 0 482.973 0 0');
}

.banner {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.banner .index_banner {
    width: 100%;
    height: 100%;
}

.banner .index_banner .swiper-slide {
    position: relative;
}

.banner .index_banner .swiper-slide .text {
    position: absolute;
    padding: 0 120px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    opacity: 0;
}

.banner .index_banner .swiper-slide .text .slide_p {
    color: #333;
    font-family: 'Resource Han Rounded CN Normal';
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 14px;
}

.banner .index_banner .swiper-slide .text .slide_p p {
    color: #333;
    font-family: 'Resource Han Rounded CN Normal';
    font-size: 18px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide .text .slide_p div {
    color: #333;
    font-family: 'Resource Han Rounded CN Normal';
    font-size: 18px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide .text .slide_title {
    color: #DC755A;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 5px;
}

.banner .index_banner .swiper-slide .text .slide_title h2 {
    color: #DC755A;
    font-size: 40px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide .text .slide_title div {
    color: #DC755A;
    font-size: 40px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide .text .slide_title1 {
    color: #333;
    font-family: 'Resource Han Rounded CN Normal';
    font-size: 24px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide .text .slide_title1 h3 {
    color: #333;
    font-family: 'Resource Han Rounded CN Normal';
    font-size: 24px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide .text .slide_title1 div {
    color: #333;
    font-family: 'Resource Han Rounded CN Normal';
    font-size: 24px;
    font-weight: 500;
}

.banner .index_banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 2s;
    transform: scale(1.1);
}

.banner .index_banner .swiper-slide.swiper-slide-active .text {
    opacity: 1;
}

.banner .index_banner .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}

.banner .index_banner .swiper-pagination {
    bottom: 37px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.banner .index_banner .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 12px;
    height: 3px;
    border-radius: 20px;
    background: #DC755A;
    opacity: 1;
    margin: 0;
    position: relative;
    transition: 0.6s;
}

.banner .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
}

.sec1 {
    position: relative;
    padding: 79px 0 83px;
}

.sec1 .sec1_swiper {
    width: 3700px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 43px;
}

.sec1 .sec1_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.sec1 .sec1_swiper .swiper-slide .img_box {
    width: 100%;
    height: 678px;
    border-radius: 30px;
    overflow: hidden;
}

.sec1 .sec1_swiper .swiper-slide .img_box .img {
    width: 100%;
    height: 100%;
    transition: 1s;
    transform: scale(0.66);
    border-radius: 30px;
    overflow: hidden;
}

.sec1 .sec1_swiper .swiper-slide .img_box .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.sec1 .sec1_swiper .swiper-slide .slide_text {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.sec1 .sec1_swiper .swiper-slide .slide_text .slide_title {
    color: #333;
    font-size: 40px;
    font-weight: 500;
    transform: translateY(20px);
    opacity: 0;
}

.sec1 .sec1_swiper .swiper-slide .slide_text .slide_des {
    font-family: 'Resource Han Rounded CN Normal';
    color: #DC755A;
    font-size: 24px;
    font-weight: 100;
    transform: translateY(20px);
    opacity: 0;
    margin-bottom: 10px;
}

.sec1 .sec1_swiper .swiper-slide .slide_text .slide_des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec1 .sec1_swiper .swiper-slide.swiper-slide-next .img_box .img {
    transform-origin: left;
}

.sec1 .sec1_swiper .swiper-slide.swiper-slide-prev .img_box .img {
    transform-origin: right;
}

.sec1 .sec1_swiper .swiper-slide.swiper-slide-active .slide_text .slide_title, .sec1 .sec1_swiper .swiper-slide.swiper-slide-active .slide_text .slide_des {
    opacity: 1;
    transform: translateY(0);
    transition: 0.6s;
}

.sec1 .sec1_swiper .swiper-slide.swiper-slide-active .slide_text .slide_title {
    transition-delay: 0.2s;
}

.sec1 .sec1_swiper .swiper-slide.swiper-slide-active .img_box .img {
    transform: scale(1);
}

.sec1 .swiper_control {
    margin: 43px auto 0;
    width: fit-content;
    display: flex;
    padding: 4px;
    border-radius: 79px;
    background: #F2F2F2;
}

.sec1 .swiper_control .item {
    width: 120px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 61px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0);
    color: #858585;
    text-align: center;
    font-size: 16px;
    font-weight: 350;
    transition: 0.6s;
    cursor: pointer;
    font-family: 'Resource Han Rounded CN Normal';
}

.sec1 .swiper_control .item:hover, .sec1 .swiper_control .item.on {
    color: #111;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
}

.sec2 {
    height: 100vh;
    background: linear-gradient(0deg, #F6F6F6 0%, #FBFBFB 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec2 .canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
}

.sec2 .canvas canvas {
    width: 100%;
    height: 100%;
}

.sec2 .wrap {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 9vh 0 0;
}

.sec2 .wrap .xuan {
    position: absolute;
    bottom: 4vh;
    left: 50%;
    transform: translateX(-50%);
    width: 39px;
}

.sec2 .wrap .xuan img {
    display: block;
    width: 100%;
}

.sec2 .wrap .title {
    color: #111;
    font-size: 46px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 11px;
    position: relative;
    z-index: 10;
}

.sec2 .wrap .des {
    color: #111;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 43px;
    position: relative;
    z-index: 10;
    font-family: 'Resource Han Rounded CN Normal';
}

.sec2 .wrap .des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec2 .wrap .common_more {
    margin: 0 auto 41px;
    position: relative;
    z-index: 10;
    border-radius: 59px;
}

.sec2 .wrap .img_box {
    margin: -210px auto 0;
    width: 1210px;
    position: relative;
}

.sec2 .wrap .img_box img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 3;
}

.sec2 .wrap .img_box .logo {
    width: 1210px;
}

.sec2 .wrap .img_box .logo img {
    display: block;
    width: 100%;
}

.sec3 {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec3 .title {
    color: #111;
    font-family: "Resource Han Rounded CN";
    font-size: 46px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}

.sec3 .des {
    color: #333;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 60px;
    font-family: 'Resource Han Rounded CN Normal';
}

.sec3 .des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec3 .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.sec3 .list .item {
    min-width: 0;
}

.sec3 .list .item .swiper {
    width: 820px;
    margin: 0;
}

.sec3 .list .item .swiper .swiper-pagination {
    top: 466px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
    bottom: unset;
}

.sec3 .list .item .swiper .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 12px;
    height: 3px;
    border-radius: 20px;
    background: #DC755A;
    opacity: 1;
    margin: 0;
    position: relative;
    transition: 0.6s;
}

.sec3 .list .item .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
}

.sec3 .list .item .swiper .swiper-slide {
    background: #FFFFFF;
}

.sec3 .list .item .swiper .swiper-slide .img {
    width: 100%;
    height: 484px;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 43px;
}

.sec3 .list .item .swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 3s;
}

.sec3 .list .item .swiper .swiper-slide .item_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 40px 0 0;
}

.sec3 .list .item .swiper .swiper-slide .item_bottom .common_more {
    margin: 6px 0 0;
}

.sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l {
    width: 600px;
}

.sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l .item_title {
    color: #333;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 18px;
}

.sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l .item_des {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Resource Han Rounded CN Normal';
}

.sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l .item_des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec3 .list .item .swiper .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.sec4 {
    position: relative;
    height: 100vh;
}

.sec4 .common_bg img {
    display: block;
}

.sec4 .wrap {
    padding: 22vh 0 0;
}

.sec4 .wrap .title {
    color: #111;
    font-size: 46px;
    font-weight: 500;
    margin-bottom: 29px;
}

.sec4 .wrap .des {
    font-family: 'Resource Han Rounded CN Normal';
    width: 540px;
    color: #333;
    font-size: 20px;
    font-weight: 350;
    margin-bottom: 29px;
}
.sec4 .wrap .des * {
    font-family: 'Resource Han Rounded CN Normal';
}
.sec4 .wrap .des li {
    padding: 0 0 0 15px;
    position: relative;
    display: flex;
    align-items: center;
}
.sec4 .wrap .des li:after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DC755A;
    position: absolute;
    left: 0;
}
.sec4 .wrap .des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec5 {
    position: relative;
}

.sec5 .sec5_swiper {
    width: 100%;
    height: 100vh;
}

.sec5 .sec5_swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.sec5 .sec5_swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sec5 .sec5_swiper .swiper-slide .slide_text {
    padding: 13vh 0 0;
    width: 1680px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    top: 0;
    text-align: center;
}

.sec5 .sec5_swiper .swiper-slide .slide_text .slide_title {
    color: #FFF;
    font-family: "Resource Han Rounded CN";
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 5px;
    transform: translateY(20px);
    opacity: 0;
}

.sec5 .sec5_swiper .swiper-slide .slide_text .slide_des {
    color: #FFF;
    font-size: 32px;
    font-weight: 400;
    transform: translateY(20px);
    opacity: 0;
}

.sec5 .sec5_swiper .swiper-slide.swiper-slide-active .slide_text .slide_title, .sec5 .sec5_swiper .swiper-slide.swiper-slide-active .slide_text .slide_des {
    opacity: 1;
    transform: translateY(0);
    transition: 0.6s;
}

.sec5 .sec5_swiper .swiper-slide.swiper-slide-active .slide_text .slide_des {
    transition-delay: 0.2s;
}

.sec5 .absolute {
    position: absolute;
    z-index: 10;
    width: 100%;
    bottom: 130px;
}

.sec5 .swiper_control {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 18px;
    padding: 4px;
    background: #FFFFFF;
    border-radius: 14px;
}

.sec5 .swiper_control .item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
    width: 130px;
    height: 46px;
    border-radius: 10px;
    cursor: pointer;
}

.sec5 .swiper_control .item:hover, .sec5 .swiper_control .item.on {
    background: #DC755A;
    color: #FFFFFF;
}

.sec6 {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

.sec6 .smile {
    position: absolute;
    width: 1060px;
    bottom: 20vh;
    left: calc(50vw - 530px);
}

.sec6 .common_bg img {
    display: block;
}

.sec6 .wrap .title {
    color: #DC755A;
    font-size: 48px;
    font-weight: 500;
}

.sec6 .wrap .little_title {
    color: #333;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 24px;
}

.sec6 .wrap .des {
    font-family: 'Resource Han Rounded CN Normal';
    width: 638px;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 38px;
    text-align: justify;
}

.sec6 .wrap .des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec7 {
    padding: 97px 0 122px;
    background: #FBFBFB;
    overflow: unset;
}

.sec7 .wrap {
    position: sticky;
}

.sec7 .wrap .sec7_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 98px;
}

.sec7 .wrap .sec7_top .title {
    color: #333;
    font-family: "Resource Han Rounded CN";
    font-size: 48px;
    font-weight: 500;
}

.sec7 .wrap .sec7_top .common_more {
    height: 42px;
}

.sec7 .wrap .list .item {
    position: sticky;
    top: 100px;
    display: flex;
    padding: 15px;
    border-radius: 20px;
    background: #FFF;
    gap: 103px;
}

.sec7 .wrap .list .item:not(:last-child) {
    margin-bottom: 80px;
}

.sec7 .wrap .list .item .img {
    width: 680px;
    height: 410px;
    border-radius: 30px;
    overflow: hidden;
}

.sec7 .wrap .list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 3s;
}

.sec7 .wrap .list .item .item_r {
    width: 728px;
    padding: 67px 0 0;
}

.sec7 .wrap .list .item .item_r .item_title {
    color: #333;
    font-family: "Resource Han Rounded CN";
    font-size: 24px;
    font-weight: 500;
    height: 70px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 16px;
    transition: 0.6s;
}

.sec7 .wrap .list .item .item_r .item_des {
    color: rgba(54, 60, 80, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 32px;
    font-family: 'Resource Han Rounded CN Normal';
}

.sec7 .wrap .list .item .item_r .item_des p {
    font-family: 'Resource Han Rounded CN Normal';
}

.sec7 .wrap .list .item .item_r .common_more {
    height: 42px;
}

.sec7 .wrap .list .item:hover .img img {
    transform: scale(1.1);
}

.sec7 .wrap .list .item:hover .item_r .item_title {
    color: #DC755A;
}

@media screen and (max-width: 1919px) {
    .banner .index_banner .swiper-slide .text{
        padding: 0px 6.25vw;
    }
    .banner .index_banner .swiper-slide .text .slide_p{
        font-size: 0.9375vw;
        margin: 0px 0px 0.7291666667vw;
    }
    .banner .index_banner .swiper-slide .text .slide_p p{
        font-size: 0.9375vw;
    }
    .banner .index_banner .swiper-slide .text .slide_p div{
        font-size: 0.9375vw;
    }
    .banner .index_banner .swiper-slide .text .slide_title{
        font-size: 2.0833333333vw;
        margin-bottom: 0.2604166667vw;
    }
    .banner .index_banner .swiper-slide .text .slide_title h2{
        font-size: 2.0833333333vw;
    }
    .banner .index_banner .swiper-slide .text .slide_title div{
        font-size: 2.0833333333vw;
    }
    .banner .index_banner .swiper-slide .text .slide_title1{
        font-size: 1.25vw;
    }
    .banner .index_banner .swiper-slide .text .slide_title1 h3{
        font-size: 1.25vw;
    }
    .banner .index_banner .swiper-slide .text .slide_title1 div{
        font-size: 1.25vw;
    }
    .banner .index_banner .swiper-pagination{
        bottom: 1.9270833333vw;
        gap: 0.2604166667vw;
    }
    .banner .index_banner .swiper-pagination .swiper-pagination-bullet{
        width: 0.625vw;
        height: 0.15625vw;
        border-radius: 1.0416666667vw;
    }
    .banner .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 1.6666666667vw;
    }
    .sec1{
        padding: 4.1145833333vw 0px 4.3229166667vw;
    }
    .sec1 .sec1_swiper{
        width: 192.7083333333vw;
        margin-bottom: 2.2395833333vw;
    }
    .sec1 .sec1_swiper .swiper-slide .img_box{
        height: 35.3125vw;
        border-radius: 1.5625vw;
    }
    .sec1 .sec1_swiper .swiper-slide .img_box .img{
        border-radius: 1.5625vw;
    }
    .sec1 .sec1_swiper .swiper-slide .slide_text{
        margin-bottom: 2.0833333333vw;
    }
    .sec1 .sec1_swiper .swiper-slide .slide_text .slide_title{
        font-size: 2.0833333333vw;
        transform: translateY(1.0416666667vw);
    }
    .sec1 .sec1_swiper .swiper-slide .slide_text .slide_des{
        font-size: 1.25vw;
        transform: translateY(1.0416666667vw);
        margin-bottom: 0.5208333333vw;
    }
    .sec1 .swiper_control{
        margin: 2.2395833333vw auto 0px;
        padding: 0.2083333333vw;
        border-radius: 4.1145833333vw;
    }
    .sec1 .swiper_control .item{
        width: 6.25vw;
        height: 2.2916666667vw;
        border-radius: 3.1770833333vw;
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0.2083333333vw 0px;
        font-size: 0.8333333333vw;
    }
    .sec1 .swiper_control .item:hover, .sec1 .swiper_control .item.on{
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0.2083333333vw 0px;
    }
    .sec2 .wrap .xuan{
        width: 2.03125vw;
    }
    .sec2 .wrap .title{
        font-size: 2.3958333333vw;
        margin-bottom: 0.5729166667vw;
    }
    .sec2 .wrap .des{
        font-size: 0.8333333333vw;
        margin-bottom: 2.2395833333vw;
    }
    .sec2 .wrap .common_more{
        margin: 0px auto 2.1354166667vw;
        border-radius: 3.0729166667vw;
    }
    .sec2 .wrap .img_box{
        margin: -10.9375vw auto 0px;
        width: 63.0208333333vw;
    }
    .sec2 .wrap .img_box .logo{
        width: 63.0208333333vw;
    }
    .sec3 .title{
        font-size: 2.3958333333vw;
        margin-bottom: 0.78125vw;
    }
    .sec3 .des{
        font-size: 1.25vw;
        margin-bottom: 3.125vw;
    }
    .sec3 .list{
        gap: 2.0833333333vw;
    }
    .sec3 .list .item .swiper{
        width: 42.7083333333vw;
    }
    .sec3 .list .item .swiper .swiper-pagination{
        top: 24.2708333333vw;
        gap: 0.2604166667vw;
    }
    .sec3 .list .item .swiper .swiper-pagination .swiper-pagination-bullet{
        width: 0.625vw;
        height: 0.15625vw;
        border-radius: 1.0416666667vw;
    }
    .sec3 .list .item .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width: 1.6666666667vw;
    }
    .sec3 .list .item .swiper .swiper-slide .img{
        height: 25.2083333333vw;
        border-radius: 0.7291666667vw;
        margin-bottom: 2.2395833333vw;
    }
    .sec3 .list .item .swiper .swiper-slide .item_bottom{
        padding: 0px 2.0833333333vw 0px 0px;
    }
    .sec3 .list .item .swiper .swiper-slide .item_bottom .common_more{
        margin: 0.3125vw 0px 0px;
    }
    .sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l{
        width: 31.25vw;
    }
    .sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l .item_title{
        font-size: 1.6666666667vw;
        margin-bottom: 0.9375vw;
    }
    .sec3 .list .item .swiper .swiper-slide .item_bottom .item_bottom_l .item_des{
        font-size: 0.9375vw;
    }
    .sec4 .wrap .title{
        font-size: 2.3958333333vw;
        margin-bottom: 1.5104166667vw;
    }
    .sec4 .wrap .des{
        width: 28.125vw;
        font-size: 1.0416666667vw;
        margin-bottom: 1.5104166667vw;
    }
    .sec4 .wrap .des li{
        padding: 0px 0px 0px 0.78125vw;
    }
    .sec4 .wrap .des li::after{
        width: 0.3125vw;
        height: 0.3125vw;
    }
    .sec5 .sec5_swiper .swiper-slide .slide_text{
        width: 87.5vw;
    }
    .sec5 .sec5_swiper .swiper-slide .slide_text .slide_title{
        font-size: 2.5vw;
        margin-bottom: 0.2604166667vw;
        transform: translateY(1.0416666667vw);
    }
    .sec5 .sec5_swiper .swiper-slide .slide_text .slide_des{
        font-size: 1.6666666667vw;
        transform: translateY(1.0416666667vw);
    }
    .sec5 .absolute{
        bottom: 6.7708333333vw;
    }
    .sec5 .swiper_control{
        gap: 0.9375vw;
        padding: 0.2083333333vw;
        border-radius: 0.7291666667vw;
    }
    .sec5 .swiper_control .item{
        width: 6.7708333333vw;
        height: 2.3958333333vw;
        border-radius: 0.5208333333vw;
    }
    .sec6 .smile{
        width: 55.2083333333vw;
        left: calc(-27.6041666667vw + 50vw);
    }
    .sec6 .wrap .title{
        font-size: 2.5vw;
    }
    .sec6 .wrap .little_title{
        font-size: 2.0833333333vw;
        margin-bottom: 1.25vw;
    }
    .sec6 .wrap .des{
        width: 33.2291666667vw;
        font-size: 0.9375vw;
        margin-bottom: 1.9791666667vw;
    }
    .sec7{
        padding: 5.0520833333vw 0px 6.3541666667vw;
    }
    .sec7 .wrap .sec7_top{
        margin-bottom: 5.1041666667vw;
    }
    .sec7 .wrap .sec7_top .title{
        font-size: 2.5vw;
    }
    .sec7 .wrap .sec7_top .common_more{
        height: 2.1875vw;
    }
    .sec7 .wrap .list .item{
        top: 5.2083333333vw;
        padding: 0.78125vw;
        border-radius: 1.0416666667vw;
        gap: 5.3645833333vw;
    }
    .sec7 .wrap .list .item:not(:last-child){
        margin-bottom: 4.1666666667vw;
    }
    .sec7 .wrap .list .item .img{
        width: 35.4166666667vw;
        height: 21.3541666667vw;
        border-radius: 1.5625vw;
    }
    .sec7 .wrap .list .item .item_r{
        width: 37.9166666667vw;
        padding: 3.4895833333vw 0px 0px;
    }
    .sec7 .wrap .list .item .item_r .item_title{
        font-size: 1.25vw;
        height: 3.6458333333vw;
        margin-bottom: 0.8333333333vw;
    }
    .sec7 .wrap .list .item .item_r .item_des{
        font-size: 0.8333333333vw;
        line-height: 1.4583333333vw;
        margin-bottom: 1.6666666667vw;
    }
    .sec7 .wrap .list .item .item_r .common_more{
        height: 2.1875vw;
    }
}

@media screen and (max-width: 768px) {
    .banner .index_banner {
        transform: unset !important;
    }

    .banner .index_banner .swiper-slide .text {
        padding: 0 20px;
    }

    .banner .index_banner .swiper-slide .text .slide_p {
        font-size: 13px;
        margin: 0 0 8px;
    }

    .banner .index_banner .swiper-slide .text .slide_p p {
        font-size: 13px;
    }

    .banner .index_banner .swiper-slide .text .slide_p p div {
        font-size: 13px;
    }

    .banner .index_banner .swiper-slide .text .slide_title1 {
        font-size: 16px;
    }

    .banner .index_banner .swiper-slide .text .slide_title1 h3 {
        font-size: 16px;
    }

    .banner .index_banner .swiper-slide .text .slide_title1 h3 div {
        font-size: 16px;
    }

    .banner .index_banner .swiper-slide .text .slide_title {
        font-size: 24px;
        margin-bottom: 3px;
    }

    .banner .index_banner .swiper-slide .text .slide_title h2 {
        font-size: 24px;
    }

    .banner .index_banner .swiper-slide .text .slide_title h2 div {
        font-size: 24px;
    }

    .banner .index_banner .swiper-pagination {
        bottom: 20px;
        gap: 6px;
    }

    .banner .index_banner .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 3px;
        border-radius: 8px;
    }

    .banner .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 32px;
    }

    .sec1 {
        padding: 50px 0;
    }

    .sec1 .swiper {
        width: 255vw;
        margin-bottom: 25px;
    }

    .sec1 .swiper .swiper-slide .img_box {
        height: 45.083333vw;
        border-radius: 10px;
    }

    .sec1 .swiper .swiper-slide .slide_text {
        margin-bottom: 20px;
    }

    .sec1 .swiper .swiper-slide .slide_text .slide_des {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .sec1 .swiper .swiper-slide .slide_text .slide_title {
        font-size: 17px;
    }

    .sec1 .swiper_control {
        padding: 3px;
        border-radius: 40px;
        margin: 30px auto 0;
    }

    .sec1 .swiper_control .item {
        height: 32px;
        width: 90px;
        font-size: 14px;
        border-radius: 30px;
    }

    .sec2 {
        height: unset;
        padding: 50px 0;
    }

    .sec2 .wrap {
        height: 100%;
    }

    .sec2 .wrap .title {
        font-size: 20px;
        margin-bottom: 11px;
    }

    .sec2 .wrap .des {
        font-size: 13px;
        padding: 0 20px;
        margin-bottom: 25px;
    }

    .sec2 .wrap .common_more {
        border-radius: 40px;
    }

    .sec2 .wrap .xuan {
        display: none;
        width: 32px;
        bottom: 2vh;
    }

    .sec2 .wrap .img_box {
        position: absolute;
        width: 95vw;
        margin: 100px auto 0;
    }

    .sec2 .wrap .img_box .logo {
        width: 100%;
    }

    .sec2 .wrap .canvas {
        display: none;
        z-index: 11;
    }

    .sec2 .wrap .pro_img {
        display: block !important;
        width: 206px;
        margin: 30px auto 0;
        position: relative;
        z-index: 11;
    }

    .sec2 .wrap .pro_img img {
        display: block;
        width: 100%;
    }

    .sec3 {
        padding: 50px 0;
        height: unset;
    }

    .sec3 .wrap .title {
        text-align: left;
        font-size: 20px;
        margin-bottom: 25px;
    }

    .sec3 .wrap .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .sec3 .wrap .list .swiper {
        width: 100%;
    }

    .sec3 .wrap .list .swiper .swiper-pagination {
        gap: 4px;
        top: calc(55vw - 15px);
    }

    .sec3 .wrap .list .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 3px;
        border-radius: 8px;
    }

    .sec3 .wrap .list .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 32px;
    }

    .sec3 .wrap .list .swiper .swiper-slide .img {
        height: 55.666667vw;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .sec3 .wrap .list .swiper .swiper-slide .item_bottom {
        padding: 0;
    }

    .sec3 .wrap .list .swiper .swiper-slide .item_bottom .item_bottom_l {
        width: 100%;
    }

    .sec3 .wrap .list .swiper .swiper-slide .item_bottom .item_bottom_l .item_title {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .sec3 .wrap .list .swiper .swiper-slide .item_bottom .item_bottom_l .item_des {
        font-size: 13px;
        line-height: 1.8;
    }

    .sec3 .wrap .list .swiper .swiper-slide .item_bottom .item_bottom_l .item_des br {
        display: none;
    }

    .sec4 {
        height: 60vh;
        display: flex;
        align-items: flex-start;
    }

    .sec4 .wrap {
        padding: 50px 0 0;
    }

    .sec4 .wrap .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .sec4 .wrap .des {
        font-size: 13px;
        width: 100%;
        margin-bottom: 25px;
    }

    .sec6 {
        height: 60vh;
        display: flex;
        align-items: flex-start;
    }

    .sec6 .common_bg {
        filter: brightness(0.9);
    }

    .sec6 .wrap {
        padding: 50px 0 0;
    }

    .sec6 .wrap .title {
        font-size: 20px;
        margin-bottom: 3px;
    }

    .sec6 .wrap .little_title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .sec6 .wrap .des {
        font-size: 13px;
        width: 100%;
        margin-bottom: 25px;
    }

    .sec7 {
        padding: 50px 0 70px;
    }

    .sec7 .wrap .sec7_top {
        margin-bottom: 30px;
    }

    .sec7 .wrap .sec7_top .title {
        font-size: 20px;
    }

    .sec7 .wrap .sec7_top .common_more {
        height: 32px;
    }

    .sec7 .wrap .list .item {
        display: block;
        padding: 8px;
        border-radius: 10px;
        position: unset;
    }

    .sec7 .wrap .list .item .img {
        width: 100%;
        height: 54.354167vw;
        border-radius: 8px;
    }

    .sec7 .wrap .list .item .item_r {
        width: 100%;
        padding: 20px 5px 15px;
    }

    .sec7 .wrap .list .item .item_r .item_title {
        font-size: 15px;
        height: unset;
        margin-bottom: 12px;
    }

    .sec7 .wrap .list .item .item_r .item_des {
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .sec7 .wrap .list .item .item_r .common_more {
        height: 32px;
    }

    .sec7 .wrap .list .item:not(:last-child) {
        margin-bottom: 25px;
    }
    .sec4 .wrap .des li {
        padding: 0 0 0 10px;
    }
    .sec4 .wrap .des li:after {
        width: 4px;
        height: 4px;
    }
}