.mask_wrap {
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 9999999999;
}

.mask_wrap .block {
    width: 100vw;
    height: 100vh;
    position: absolute;
}

.mask_wrap .block1 {
    background-color: #292929;
}

.mask_wrap .block2 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #C0102A;
}

.mask_wrap .block2 p {
    font-size: 16px;
    color: #fff;
    margin: 30px auto 28px;
}

.mask_wrap .block2 .count {
    font-size: 14px;
    color: #fff;
    min-height: 20px;
}

.mask_wrap.on .block1 {
    animation: 0.6s cubic-bezier(0.6, 0.16, 0.81, 0.56) 0.4s block-transition forwards;
}

.mask_wrap.on .block2 {
    animation: 0.8s cubic-bezier(0.6, 0.16, 0.81, 0.56) block-transition forwards;
}

body {
    opacity: 0;
}

.mask_wrap .black {
    background-color: #292929;
}

.mask_wrap .black .joke img,
.mask_wrap .black .joke p,
.mask_wrap .black .joke .count,
.mask_wrap .black .joke svg {
    filter: grayscale(2) brightness(8);
}

.mask_wrap .white {
    background-color: white;
}

.mask_wrap svg {
    width: 224px;
}

.mask_wrap .images {
    width: 217px;
    position: relative;
    height: 70px;
}

.mask_wrap .line {
    width: 200px;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    margin: 50px auto;
}

.mask_wrap .line div {
    width: 0;
    height: 100%;
    background: #fff;
}

.mask_wrap .images svg {
    width: 100%;
}

.mask_wrap .images img {
    position: relative;
    z-index: 5;
    width: 217px;
}

.mask_wrap .images svg {
    height: 70px;
    transition: 0.7s;
}

.mask_wrap .images svg path {
    fill: none;
    stroke: #fff;
    stroke-width: 10px;
    animation: dash_2 11s ease forwards;
}

.mask_wrap .images .position {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 70px;
    max-height: fit-content !important;
    opacity: 0;
    transition: 0.7s;
}

.mask_wrap .images.on svg {
    opacity: 0;
}

.mask_wrap .images.on .position {
    opacity: 1 !important;
}

@keyframes dash_2 {
    0% {
        stroke-dasharray: 4000;
        stroke-dashoffset: 4000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.mask_wrap svg path {
    stroke: #fff;
    stroke-width: 5px;
}

@keyframes block-transition {
    0% {
        clip-path: ellipse(80% 80% at 50% 40%);
    }
    100% {
        clip-path: ellipse(120% 80% at 50% -80%);
    }
}

@media only screen and (min-width: 996px) {
    .banner .swiper {
        width: 100%;
        height: 100vh;
    }
}

@media only screen and (max-width: 996px) {}

.banner .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0 !important;
    position: relative;
}

.banner .swiper:not(.swiper-initialized) .swiper-slide:first-child {
    opacity: 1 !important;
}

.banner .swiper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .swiper .swiper-slide:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.banner .swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.banner .swiper .swiper-slide.swiper-slide-active .img {
    /* display: none; */
    transform: scale(1) !important;
}

.banner .swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.1);
    transition: cubic-bezier(0.77, 0, 0.175, 1) transform 2s;
    object-fit: cover;
}

.banner .swiper .swiper-slide .content {
    width: 100%;
    padding: 0 329px;
    position: relative;
    z-index: 6;
    top: 91px;
}

.banner .swiper .swiper-slide .content .thread {
    width: 51px;
    height: 3px;
    margin: 0 0 35px 0;
    overflow: hidden;
    position: relative;
}

.banner .swiper .swiper-slide .content .thread:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #FFFFFF;
    transform: translateX(-100%);
}

.banner .swiper .swiper-slide .content .text {
    margin: 0 0 38px 0;
    width: fit-content;
    position: relative;
}

.banner .swiper .swiper-slide .content .text .more {
    position: absolute;
    top: 115px;
    left: calc(100% + 270px);
    width: 101px;
    height: 101px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: DIN Light;
    font-weight: 200;
    color: #FFFFFF;
    opacity: 0;
    transform: translateY(25px);
}

.banner .swiper .swiper-slide .content .text .more:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: rotate(-12deg);
    transition: 1s;
}

.banner .swiper .swiper-slide .content .text .more:hover:after {
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.banner .swiper .swiper-slide .content .text p {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 70px;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
}

.banner .swiper .swiper-slide .content .text p div {
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
}

.banner .swiper .swiper-slide .content .text p:nth-child(2) div {
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
}

.banner .swiper .swiper-slide .content .text p span {
    color: #851B21;
}

.banner .swiper .swiper-slide .content .pick {
    font-size: 20px;
    font-weight: 300;
    color: #FFFFFF;
    margin: 0 0 91px 0;
}

.banner .swiper .swiper-slide .content .hint {
    width: 41px;
    height: 41px;
    background: #851B21;
    border-radius: 50%;
    margin: 91px 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(10px);
    opacity: 0;
}

.banner .swiper .swiper-slide .content .hint .line {
    width: 13px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .swiper .swiper-slide .content .hint .line div {
    width: 2px;
    height: 5px;
    background: #fff;
    position: relative;
    top: -5px;
    animation: down 1s infinite linear;
}

.banner .swiper .swiper-slide.on .content .thread:after {
    transition: 1s;
    transform: translateX(0);
    transition-delay: 0.8s;
}

.banner .swiper .swiper-slide.on .content .text .more {
    transition: 1s;
    opacity: 1;
    transform: translateY(0);
}

.banner .swiper .swiper-slide.on .content .text p div {
    transition: 1s;
    opacity: 1 !important;
    transform: translateX(0) !important;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.banner .swiper .swiper-slide.on .content .pick p div {
    transition: 1s;
    opacity: 1 !important;
    transform: translateX(0) !important;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}

.banner .swiper .swiper-slide.on .content .hint {
    transition: 1s;
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition-delay: 0.8s;
}

.banner .swiper .swiper-slide.unset .content .text p div {
    transition-delay: unset !important;
}

.banner .swiper .swiper-slide.unset .content .pick p div {
    transition-delay: unset !important;
}

.banner .swiper .swiper-slide .down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    z-index: 9;
    animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

@keyframes Tmouse {
    0% {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    100% {
        -webkit-transform: translate(-50%, 12px);
        -moz-transform: translate(-50%, 12px);
        -ms-transform: translate(-50%, 12px);
        -o-transform: translate(-50%, 12px);
        transform: translate(-50%, 12px);
    }
}

.banner .swiper .swiper-slide .down svg {
    width: 25px;
    height: 25px;
    transform: rotate(180deg);
}

.banner .swiper .swiper-slide .down svg path {
    fill: #fff;
}

.banner .swiper .button {
    position: absolute;
    z-index: 9;
    bottom: 65px;
    right: 61px;
}

.banner .swiper .button .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    transition: 0.7s;
}

.banner .swiper .button .iconfont:nth-child(1) {
    margin-bottom: 5px;
}

.banner .swiper .button .iconfont:nth-child(2) {
    transform: rotate(180deg);
}

.banner .swiper .button .iconfont:hover {
    background: #FFFFFF;
    color: #0a0c0e;
    border: 1px solid transparent;
}

@keyframes down {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}

.section1 .wrap {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section1 .wrap .top {
    width: 1770px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.section1 .wrap .top .images {
    width: 1012px;
    height: 561px;
    position: relative;
    z-index: 3;
    transition: 2s;
    opacity: 0;
    transform: translateY(-50px);
    margin: 108px 0 0 0;
}

.section1.active .wrap .top .images {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
}

.section1 .wrap .top .images img {
    width: 100%;
    height: 100%;
}

.section1 .wrap .top .content {
    width: 1004px;
    margin: 114px 0 0 0;
    position: relative;
    z-index: 1;
    left: 0;
    padding: 0 0 0 175px;
}

.section1 .wrap .top .content .map {
    position: absolute;
    bottom: 0;
    left: 94px;
    transform: scale(0.8);
    z-index: -1;
}

.section1 .wrap .top .content .title {
    margin: 0 0 48px 0;
    padding: 0;
}

.section1 .wrap .top .content .title .hidden {
    height: 79px;
    overflow: hidden;
    margin: 0 0 23px 0;
}

.section1 .wrap .top .content .title span {
    font-size: 50px;
    color: #292929;
    display: block;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    transform: translateY(100%);
    transition: 2s;
}

.section1 .wrap .top .content .title .hidden.aos-animate span {
    transform: translateY(0);
    transition-delay: 0.5s;
}

.section1 .wrap .top .content .title .line {
    width: 0;
    height: 1px;
    background: #000000;
    margin: 0 0 33px 0;
    transition: 2s;
}

.section1 .wrap .top .content .title .line.aos-animate {
    width: 63px;
    transition-delay: 0.7s;
}

.section1 .wrap .top .content .title p {
    font-size: 18px;
    font-weight: 400;
    color: #292929;
    line-height: 45px;
}

.section1 .wrap .top .content .flex {
    display: flex;
    flex-direction: column;
    position: relative;
    left: 0;
}

.section1 .wrap .top .content .flex .more {
    width: 101px;
    height: 101px;
    border: 1px solid transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #6F6F6F;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    margin: 0 110px 0 0;
}

.section1 .wrap .top .content .flex .more>img {
    position: absolute;
    width: 101px;
    height: 101px;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    transition: 3s;
}

.section1 .wrap .top .content .flex .more:hover>img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.section1 .wrap .top .content .flex .more:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    border: 1px solid #851B21;
    z-index: -1;
    transition: 3s;
    display: none;
}

.section1 .wrap .top .content .flex .more:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(transparent, #fff, #fff, #fff, transparent);
    width: 110%;
    height: 120%;
    z-index: -1;
    transition: 3s;
    display: none;
}

.section1 .wrap .top .content .flex .more:hover:before {
    transform: rotate(360deg);
}

.section1 .wrap .top .content .flex .more:hover:after {
    transform: translate(-50%, -50%) rotate(360deg);
}

.section1 .wrap .top .content .flex .more .text_effect {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.section1 .wrap .top .content .flex .more .text_effect .fist {
    width: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.section1 .wrap .top .content .flex .more .text_effect:after {
    content: '';
    position: absolute;
    width: 112px;
    height: 25px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background: #fff;
    z-index: 1;
    display: none;
}

.section1 .wrap .top .content .flex .figure {
    display: flex;
    margin: 41px 0 0 0;
}

.section1 .wrap .top .content .flex .figure .item {
    text-align: center;
}

.section1 .wrap .top .content .flex .figure .item:not(:last-child) {
    margin: 0 150px 0 0;
}

.section1 .wrap .top .content .flex .figure .item span {
    font-size: 60px;
    font-family: "DINCond-Bold", sans-serif !important;
    font-weight: 400;
    color: #851B21;
    position: relative;
    line-height: 44px;
    margin: 0 0 19px 0;
    display: flex;
}

.section1 .wrap .top .content .flex .figure .item:nth-child(1) span {
    width: 120px;
}

.section1 .wrap .top .content .flex .figure .item:nth-child(2) span {
    width: 96px;
}

.section1 .wrap .top .content .flex .figure .item:nth-child(3) span {
    width: 72px;
}

.section1 .wrap .top .content .flex .figure .item:nth-child(4) span {
    width: 72px;
}

.section1 .wrap .top .content .flex .figure .item span:before {
    content: attr(data-text2);
    font-size: 18px;
    display: inline-block;
    font-weight: 500;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    color: #851B21;
    position: absolute;
    left: 102%;
    bottom: -12px;
    white-space: nowrap;
}

.section1 .wrap .top .content .flex .figure .item span:after {
    content: attr(data-text);
    font-size: 40px;
    font-family: "DINCond-Bold", sans-serif;
    white-space: nowrap;
    margin: 0 0 0 5px;
    position: relative;
    top: 9px;
}

.section1 .wrap .top .content .flex .figure .item p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    white-space: nowrap;
}

.section1 .wrap .top .content .flex .figure .item:nth-child(3) span:after {
    left: 20px;
}

.section1 .wrap .top .content .flex .figure .item:nth-child(3) span:before {
    left: 72%;
}

html[lang="en"] .section1 .wrap .top .content .flex .figure .item:nth-child(3) span:after {}

.section1 .wrap .bottom {
    display: flex;
    justify-content: center;
    height: 67px;
    margin: 100px auto 0;
    width: 1770px;
}

.section1 .wrap .bottom .list {
    width: 177px;
    height: 100%;
    border: 1px solid #E5E5E5;
    border-right: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.section1 .wrap .bottom .list:last-child {
    border-right: 1px solid #E5E5E5;
}

.section1 .wrap .bottom .list img {
    transition: 1s;
}

.section1 .wrap .bottom .list:hover img {
    transform: scale(1.1);
}

.cursor {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    transition: opacity 0.3s, color 0.4s, transform 0.15s;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    backface-visibility: hidden;
}

.cursor .more {
    width: 101px;
    height: 101px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 200;
    color: #FFFFFF;
    position: relative;
}

.cursor .more img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: rote 3s infinite linear;
}

.cursor.on {
    opacity: 1;
}

.section2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.section2 .back_swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    filter: blur(10px);
    transform: scale(1.02);
}

.section2 .back_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.section2 .fp-tableCell {
    display: flex;
    align-items: center;
}

.section2 .wrap {
    width: 100%;
    position: relative;
}

.section2 .wrap .solve_swiper {
    width: 178%;
    position: relative;
    left: 46%;
    transform: translateX(-50%);
}

.section2 .wrap .button {
    position: absolute;
    left: 71.30208333vw;
    bottom: 0;
    z-index: 2;
    transform: translateX(20px);
}

@media screen and (max-width: 1920px) {
    .section2 .wrap .button {
        transform: translateX(0);
    }
}

.section2 .wrap .button .iconfont {
    width: 36px;
    height: 36px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.7s;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
}

.section2 .wrap .button .iconfont:last-child {
    margin: 5px 0 0 0;
    transform: rotate(180deg);
}

.section2 .wrap .button .iconfont:hover {
    background: #851B21;
    border: 1px solid #851B21;
}

.section2 .wrap .solve_swiper .swiper-slide {
    display: flex;
    justify-content: flex-end;
    z-index: 1;
}

.section2 .wrap .solve_swiper .swiper-slide:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #851B21;
    z-index: -1;
    transition: 0.6s;
    transition-delay: 0.8s;
}

.section2 .wrap .solve_swiper .swiper-slide .images {
    width: 38.22916667vw;
    height: 23.95833333vw;
    min-height: 460px;
    opacity: 0;
    transition: 1.5s;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    overflow: hidden;
    position: relative;
}

.section2 .wrap .solve_swiper .swiper-slide .images:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    background: #000;
}

.section2 .wrap .solve_swiper .swiper-slide .images img {
    width: 100%;
    height: 100%;
    min-height: 460px;
    transform: scale(1.2);
    transition: 2s;
}

.section2 .wrap .solve_swiper .swiper-slide .content {
    width: 576px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.section2 .wrap .solve_swiper .swiper-slide .content .position {
    font-size: 20px;
    font-weight: bold;
    color: #EAEAEA;
    position: absolute;
    bottom: 63px;
    left: 45px;
    transition: 0.6s;
    z-index: 2;
}

.section2 .wrap .solve_swiper .swiper-slide .content .num {
    display: flex;
    align-items: center;
    margin: 0 0 107px 0;
    transform: translate(45px, 45px);
    transition: 0.7s;
}

.section2 .wrap .solve_swiper .swiper-slide .content .num span {
    font-size: 60px;
    font-family: DINCond-Bold;
    font-weight: 400;
    color: #FFFFFF;
    display: block;
    margin: 0 15px 0 0;
    line-height: 44px;
}

.section2 .wrap .solve_swiper .swiper-slide .content .num p {
    font-size: 18px;
    font-family: DINCond-Bold;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0;
    position: relative;
    top: -8px;
    transition: 0.7s;
}

.section2 .wrap .solve_swiper .swiper-slide .content .text {
    margin: 0 0 38px 0;
    opacity: 0;
    transition: 0.7s;
}

.section2 .wrap .solve_swiper .swiper-slide .content .text span {
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    margin: 0 0 42px 0;
    transform: translateY(45px);
    opacity: 0;
    transition: 0.6s;
    line-height: 47px;
}

.section2 .wrap .solve_swiper .swiper-slide .content .text p {
    font-size: 14px;
    font-weight: 400;
    color: #EBEBEB;
    line-height: 26px;
    transform: translateY(45px);
    opacity: 0;
    transition: 0.6s;
}

.section2 .wrap .solve_swiper .swiper-slide .content .more {
    width: 101px;
    height: 101px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
    font-weight: 200;
    color: #FFFFFF;
    opacity: 0;
    transform: translateY(45px);
    transition: 0.6s;
    margin: 100px 0 0 0;
}

@media screen and (max-width: 1920px) {
    .section2 .wrap .solve_swiper .swiper-slide .content .more {
        margin: 0;
    }
}

.section2 .wrap .solve_swiper .swiper-slide .content .more img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 3s;
}

.section2 .wrap .solve_swiper .swiper-slide .content .more:hover img {
    transform: rotate(360deg);
}

.section2 .wrap .solve_swiper .swiper-slide .content .more .fist {
    white-space: nowrap;
}

.section2 .wrap .solve_swiper .swiper-slide .content .more .text_effect {
    width: 100%;
    height: 100%;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active:after {
    opacity: 0;
    transition-delay: unset;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .images {
    transition-delay: 0.2s;
    opacity: 1;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .images img {
    transform: scale(1);
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .position {
    opacity: 0;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .text {
    opacity: 1;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .text span {
    transition-delay: 0.8s;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .text p {
    transition-delay: 1.1s;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .text span,
.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .text p {
    transform: translateY(0);
    opacity: 1;
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .more {
    transition-delay: 1.4s;
    opacity: 1;
    transform: translateY(0);
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .num {
    transform: translate(0, 0);
}

.section2 .wrap .solve_swiper .swiper-slide.swiper-slide-active .content .num p {
    opacity: 0.7;
}

.section3 {
    overflow: hidden;
}

.section3 .wrap {
    width: 100%;
    height: 100%;
    display: flex;
}

.section3 .wrap .left {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 191px 0 161px;
}

.section3 .wrap .left .joke .title {
    font-size: 50px;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    color: #292929;
    margin: 0 0 74px 0;
}

.section3 .wrap .left .joke .content .headline {
    font-size: 18px;
    font-weight: bold;
    color: #747474;
    padding: 0 0 28px 0;
    margin: 0 0 41px 0;
    position: relative;
}

.section3 .wrap .left .joke .content .headline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #ebebeb;
    transition: 2s;
}

.section3 .wrap .left .joke .content .headline.aos-animate:after {
    width: 100%;
    transition-delay: 0.8s;
}

.section3 .wrap .left .joke .content .index_news_swiper {
    width: 485px;
    margin: 0 0 54px 0;
}

.section3 .wrap .left .joke .content .index_news_swiper .swiper-slide>p {
    font-size: 30px;
    font-weight: 400;
    color: #494949;
}

.section3 .wrap .left .joke .content .display {
    display: flex;
    align-items: center;
    margin: 42px 0 0 0;
}

.section3 .wrap .left .joke .content .display .time {
    display: flex;
    align-items: center;
    margin: 0 41px 0 0;
}

.section3 .wrap .left .joke .content .display .time .iconfont {
    color: #969696;
    font-size: 21px;
    margin: 0 16px 0 0;
}

.section3 .wrap .left .joke .content .display .time p {
    font-size: 16px;
    color: #3E3E3E;
}

.section3 .wrap .left .joke .content .display .more {
    display: flex;
    align-items: center;
    margin: 0 41px 0 0;
}

.section3 .wrap .left .joke .content .display .more p {
    font-size: 16px;
    font-weight: 500;
    color: #494949;
    margin: 0 17px 0 0;
}

.section3 .wrap .left .joke .content .display .more .iconfont {
    font-size: 12px;
    color: #000;
}

.section3 .wrap .left .joke .content .display .link {
    color: #818181;
    font-size: 18px;
}

.section3 .wrap .left .joke .content .button {
    display: flex;
    margin: 0 0 41px 0;
}

.section3 .wrap .left .joke .content .button .iconfont {
    width: 36px;
    height: 36px;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #484848;
    font-size: 12px;
    cursor: pointer;
    transition: 0.7s;
}

.section3 .wrap .left .joke .content .button .iconfont:first-child {
    transform: rotate(180deg);
}

.section3 .wrap .left .joke .content .button .iconfont:not(:last-child) {
    margin: 0 16px 0 0;
}

.section3 .wrap .left .joke .content .button .iconfont:hover {
    background: #851B21;
    color: #fff;
}

.section3 .wrap .left .joke .content .other {
    width: fit-content;
    height: 116px;
    border: 1px solid #EBEBEB;
    display: flex;
    /*padding: 0 20px 0 0;*/
}

.section3 .wrap .left .joke .content .other .list {
    width: 133px;
    /*border-right: 1px solid #ebebeb;*/
    height: 100%;
    text-align: center;
    padding: 32px 10px 10px 10px;
    cursor: pointer;
}

.section3 .wrap .left .joke .content .other .list img {
    width: 26px;
    margin: 0 0 11px 0;
    transition: 1s;
}

.section3 .wrap .left .joke .content .other .list .iconfont {
    color: #818181;
    font-size: 26px;
    margin: 0 0 11px 0;
    transition: 1s;
}

.section3 .wrap .left .joke .content .other .list:hover .iconfont,
.section3 .wrap .left .joke .content .other .list:hover img {
    transform: translateY(-7px);
}

.section3 .wrap .left .joke .content .other .list p {
    font-size: 16px;
    font-weight: 400;
    color: #494949;
}

.section3 .wrap .left .joke .content .other .last {
    display: flex;
}

.section3 .wrap .left .joke .content .other .last .text {
    width: 184px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding: 0 16px 0 0;
}

.section3 .wrap .left .joke .content .other .last .text p {
    font-size: 14px;
    font-weight: 400;
    color: #494949;
    margin: 0 0 10px 0;
}

.section3 .wrap .left .joke .content .other .last .text .red {
    font-size: 16px;
    font-weight: 500;
    color: #851B21;
}

.section3 .wrap .left .joke .content .other .last .img {
    width: 160px;
    height: 100%;
    overflow: hidden;
}

.section3 .wrap .left .joke .content .other .last .img img {
    width: 100%;
    height: 100%;
}

.section3 .wrap .left .joke .content .go_news {
    width: fit-content;
    padding: 0 46px;
    height: 45px;
    background: #851B21;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 74px 0 0 0;
    position: relative;
    left: 27px;
}

.section3 .wrap .left .joke .content .go_news .fist {
    white-space: nowrap;
}

.section3 .wrap .left .joke .content .go_news .fist:first-child {
    position: static;
    transform: translate(0, 0);
}

.section3 .wrap .left .joke .content .go_news:after {
    content: '';
    position: absolute;
    left: 0;
    width: 27px;
    height: 1px;
    background: #FFFFFF;
}

.section3 .wrap .left .joke .content .go_news:before {
    content: '';
    position: absolute;
    left: -27px;
    width: 27px;
    height: 1px;
    background: #851B21;
}

.section3 .wrap .right {
    width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 90px;
    z-index: 1;
    overflow: hidden;
}

.section3 .wrap .right .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transform: scale(1.1);
    transition: cubic-bezier(.77, 0, .175, 1) transform 2s;
}

.section3.active .wrap .right .bg {
    transform: scale(1);
    transition-delay: 0.5s;
}

.section3 .wrap .right .joke .headline {
    width: 608px;
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 0 28px 0;
    margin: 0 0 43px 0;
}

.section3 .wrap .right .joke .headline:after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 4s;
    background: rgba(235, 235, 235, 0.3);
}

.section3 .wrap .right .joke .headline.aos-animate:after {
    width: 100%;
}

.section3 .wrap .right .joke .text {
    margin: 0 0 53px 0;
}

.section3 .wrap .right .joke .text p {
    font-size: 35px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 51px;
}

.section3 .wrap .right .joke .pick {
    width: 713px;
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    margin: 0 0 30px 0;
}

.section3 .wrap .right .joke .last {
    display: flex;
    justify-content: space-between;
}

.section3 .wrap .right .joke .last .more {
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
}

.section3 .wrap .right .joke .last .more img {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    transition: 3s;
}

.section3 .wrap .right .joke .last .more:hover img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.section3 .wrap .right .joke .last p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.footer {
    height: auto !important;
}

.footer .fp-tableCell {
    height: auto !important;
}

@keyframes rote {
    100% {
        transform: rotate(1turn);
    }
}

.header.on {
    background: transparent;
}

.index_solve {
    height: 100vh;
    display: flex;
    align-items: flex-end;
}

.index_solve .fp-tableCell {
    width: 100%;
    display: flex;
    align-items: center;
}

.index_solve .wrap {
    width: 100%;
}

.index_solve .wrap {
    margin: 70px auto 0;
}

.index_solve .title {
    font-size: 50px;
    color: #292929;
    margin: 0 0 63px;
    text-align: center;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
}

.index_solve .cut {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 0 23px;
}

.index_solve .cut .list {
    font-size: 26px;
    font-weight: 500;
    color: #333333;
    transition: 0.6s;
    position: relative;
    cursor: pointer;
}

.index_solve .cut .list:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #851B21;
    bottom: -23px;
    left: 0;
    transform: scale(0.3);
    opacity: 0;
    transition: all .4s;
}

.index_solve .cut .list.on,
.index_solve .cut .list:hover {
    color: #851B21;
}

.index_solve .cut .list.on:after,
.index_solve .cut .list:hover:after {
    transform: scale(1);
    opacity: 1;
}

.index_solve .cut .list:not(:last-child) {
    margin: 0 50px 0 0;
}

.index_solve .content {
    width: 100%;
    height: 64.96296296296296vh;
    margin: 72px 0 0 0;
}

@media screen and (max-width: 1920px) {
    .index_solve .content {
        height: 61.962963vh;
    }
}

.index_solve .content .swiper {
    width: 100%;
    height: 100%;
}

.index_solve .content .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.index_solve .content .swiper .swiper-slide .position {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 5;
}

.index_solve .content .swiper .swiper-slide {
    overflow: hidden;
}

.index_solve .content .swiper .swiper-slide .slide-inner {
    width: 100%;
    height: 100%;
}

.index_solve .content .swiper .swiper-slide .position span {
    display: block;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    transition: 0.6s;
    position: relative;
    margin: 0 0 33px;
}

.index_solve .content .swiper .swiper-slide .position p {
    color: #fff;
    line-height: 1.3;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    font-size: 40px;
}

.index_solve .content .swiper .swiper-slide .position .common_more {
    margin: 46px 0 0 0;
}

.common_more {
    width: fit-content;
    height: 42px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
    border: 1px solid #fff;
    z-index: 1;
    transition: 1s;
    overflow: hidden;
}

.common_more:after {
    content: '';
    position: absolute;
    top: -45px;
    left: -47px;
    transition: 1s;
    z-index: -1;
    width: 0;
    height: 300%;
    background: #851B21;
    transform: rotate(20deg);
}

.common_more .iconfont {
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 8px;
    transition: 0.6s;
}

.common_more:hover {
    border: 1px solid transparent;
}

.common_more:hover:after {
    width: 150%;
}

.common_more.init {
    border: 1px solid rgba(232, 235, 241, 0.9);
    color: #292929;
}

.common_more.init .iconfont {
    color: #292929;
}

.common_more.init:hover {
    color: #fff;
    border: 1px solid transparent;
}

.common_more.init:hover .iconfont {
    color: #fff;
}

.footer .wenhua {
    position: relative;
    display: none;
}

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

.footer .wenhua .position {
    position: absolute;
    left: 223px;
    top: 60%;
    transform: translateY(-50%);
}

.footer .wenhua .position .title {
    font-size: 50px;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    color: #FFFFFF;
    margin: 0 0 9px;
}

.footer .wenhua .position .pick {
    font-size: 32px;
    font-weight: 300;
    color: #FFFFFF;
    margin: 0 0 48px;
}

.footer .wenhua .position .more {
    width: 101px;
    white-space: nowrap;
    height: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
}

.footer .wenhua .position .more .text_effect {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.footer .wenhua .position .more img {
    position: absolute;
    width: 101px;
    height: 101px;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    transition: 3s;
}

.footer .wenhua .position .more:hover img {
    transform: translate(-50%, -50%) rotate(360deg);
}


/**/

.news_last .fp-tableCell {
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_last .wrap {}

.news_last .wrap .fist {
    width: 1643px;
    margin: auto;
}

.news_last .wrap .fist .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.news_last .wrap .fist .top .title {
    font-size: 50px;
    color: #292929;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    transition: 2s;
}

.news_last .wrap .fist .top .more {
    display: flex;
    align-items: center;
}

.news_last .wrap .fist .top .more p {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    transition: 0.7s;
}

.news_last .wrap .fist .top .more .circle {
    width: 46px;
    height: 46px;
    background: #851B21;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    border-radius: 50%;
}

.news_last .wrap .fist .top .more .circle .iconfont {
    color: #fff;
    font-size: 20px;
}

.news_last .wrap .fist .top .more:hover p {
    transform: translateX(-10px);
}

.news_last .wrap .fist .content {
    display: flex;
    justify-content: space-between;
}

.news_last .wrap .fist .content .l_swiper {
    position: relative;
    width: 36.97916666666667vw;
    height: 19.58333333333333vw;
    margin: 0;
}

.news_last .wrap .fist .content .l_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.news_last .wrap .fist .content .r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 395px;
    padding-left: 44px;
    width: 46%;
}

.news_last .wrap .fist .content .r .r_swiper {
    width: 100%;
    height: 416px;
    margin: 50px 0 0 0;
}

.news_last .wrap .fist .content .r .r_swiper .swiper-slide .time {
    display: inline-block;
    font-family: DinCondensed;
    font-size: 16px;
    color: #851B21;
}

.news_last .wrap .fist .content .r .r_swiper .swiper-slide a {
    color: #851B21;
    display: block;
    font-family: "SourceHanSansCN-Regular b", sans-serif !important;
    line-height: 1.2;
    margin-bottom: 30px;
    margin-top: 0.5em;
    font-size: 32px;
}

.news_last .wrap .fist .content .r .r_swiper .swiper-slide p {
    font-size: 18px;
    text-align: justify;
    color: #000;
    line-height: 39px;
}

.news_last .wrap .fist .content .r .button {
    display: none;
}

.news_last .wrap .fist .content .r .button .circle {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #851B21;
    color: #851B21;
    transition: 0.6s ease color, 0.6s ease background;
    cursor: pointer;
}

.news_last .wrap .fist .content .r .button .circle:first-child {
    margin: 0 20px 0 0;
    transform: rotate(180deg);
}

.news_last .wrap .fist .content .r .button .circle .iconfont {
    font-size: 22px;
    color: #851B21;
    transition: 0.6s;
}

.news_last .wrap .fist .content .r .button .circle:hover {
    color: white;
    background: #851B21;
}

.news_last .wrap .fist .content .r .button .circle:hover .iconfont {
    color: white;
}

.news_last .wrap .fist2 {
    width: 1643px;
    margin: 20px auto 0;
    position: relative;
}

.news_last .wrap .fist2 .long_swiper {
    width: 100%;
}

.news_last .wrap .fist2 .long_swiper .swiper-slide {
    height: auto;
}

.news_last .wrap .fist2 .long_swiper a {
    background: #F6F7F7;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: 0.7s;
}

.news_last .wrap .fist2 .long_swiper a .images {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}

.news_last .wrap .fist2 .long_swiper a .images img {
    bottom: 0;
    height: 100%;
    left: 0;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-fit: fill;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.6s ease;
    width: 100%;
    object-fit: cover;
}

.news_last .wrap .fist2 .long_swiper a .text {
    color: #000;
    flex: 1 1 auto;
    font-size: 18px;
    min-height: 88px;
    padding: 20px 14px 13px 14px;
    font-weight: bold;
    position: relative;
}

.news_last .wrap .fist2 .long_swiper a .text p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.6s;
}

.news_last .wrap .fist2 .long_swiper a:hover .text {
    color: #851B21;
}

.news_last .wrap .fist2 .long_swiper a .text .time {
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0 0;
    transition: 0.7s;
}

.news_last .wrap .fist2 .long_swiper a:hover .images img {
    transform: scale(1.15);
}

.news_last .wrap .fist2 .arrows {
    position: absolute;
    width: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.news_last .wrap .fist2 .arrows .circle {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    background: #fff;
    box-shadow: 0 0 10px #851B21;
    transition: 0.7s;
}

.news_last .wrap .fist2 .arrows .circle:first-child {
    transform: rotate(180deg);
}

.news_last .wrap .fist2 .arrows .circle .iconfont {
    font-size: 22px;
    color: #fff;
    transition: 0.6s;
}

.news_last .wrap .fist2 .arrows .circle .iconfont {
    color: #851B21;
}

.news_last .wrap .fist2 .arrows .circle:hover {
    background: #851B21;
    box-shadow: 0 0 10px transparent;
}

.news_last .wrap .fist2 .arrows .circle:hover .iconfont {
    color: #fff;
}

html[lang="en"] .news_last .wrap .fist .content .r .r_swiper .swiper-slide p {
    text-align: left;
}

html[lang="en"] .news_last .wrap .fist .content .r .r_swiper .swiper-slide p,
html[lang="en"] .news_last .wrap .fist .content .r .r_swiper .swiper-slide a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

html[lang="en"] .banner .swiper .swiper-slide .content {
    padding: 0 8.135417vw;
}

html[lang="en"] .banner .swiper .swiper-slide .content .pick,
html[lang="en"] .banner .swiper .swiper-slide .content .text p {
    transform: translateX(100px);
    opacity: 0;
}

html[lang="en"] .banner .swiper .swiper-slide.swiper-slide-active .content .pick,
html[lang="en"] .banner .swiper .swiper-slide.swiper-slide-active .content .text p {
    transform: translateX(0);
    opacity: 1;
    transition: all 2s;
}

html[lang="en"] .banner .swiper .swiper-slide.swiper-slide-active .content .text p:nth-child(2) {
    transition-delay: .3s;
}

html[lang="en"] .banner .swiper .swiper-slide.swiper-slide-active .content .pick {
    transition-delay: .6s;
}


/*# sourceMappingURL=index.css.map */

@media screen and (max-width: 2056px) {
    .news_last .wrap .fist .content .r .r_swiper {
        height: 374px;
    }
}

@media screen and (max-width: 1920px) {
    .news_last .wrap .fist .content .l_swiper {
        width: 42.979167vw;
    }
    .news_last .wrap .fist2 {
        margin: 0;
    }
    .news_last .wrap .fist .content .r .r_swiper {
        height: 366px;
    }
    .news_last .wrap .fist .content .r {
        width: 48%;
    }
    .news_last .wrap .fist .top {
        margin: 0 0 10px;
    }
    .news_last .wrap .fist2 .long_swiper a .images {
        padding-bottom: 43.25%;
    }
    .news_last .wrap .fist2 .long_swiper a .images img {
        object-fit: cover;
    }
    .news_last .wrap {
        position: relative;
        top: 30px;
    }
}

@media screen and (max-width: 1856px) {
    .section1 .wrap .top .content .flex .figure {
        justify-content: space-between;
    }
    .section1 .wrap .top .content .flex .figure .item:not(:last-child) {
        margin: 0;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        justify-content: center;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        width: fit-content !important;
    }
    .index_solve .cut {
        padding-bottom: 15px;
    }
    .index_solve .cut .list:after {
        bottom: -15px;
    }
    .index_solve .content .swiper .swiper-slide .position p {
        font-size: 38px;
    }
    .index_solve .cut .list {
        font-size: 24px;
    }
    .news_last .wrap .fist,
    .news_last .wrap .fist2,
    .section1 .wrap .top {
        width: 85%;
    }
    .index_solve .title,
    .news_last .wrap .fist .top .title,
    .section1 .wrap .top .content .title span {
        font-size: 48px;
    }
    .section1 .wrap .top .content {
        padding-left: 9.11458333vw;
        width: 52.29166666vw;
    }
    .news_last .wrap .fist2 .long_swiper a .images {
        padding-bottom: 57.25%;
    }
    .news_last .wrap .fist2 {
        margin: 0 auto;
    }
    .news_last .wrap {
        width: 100%;
    }
    .news_last .wrap .fist2 .arrows {
        width: 112%;
    }
    .news_last .wrap .fist .content .r .r_swiper {
        /* margin-top: 30px; */
        margin-top: 0;
        padding-top: 30px;
    }
    .banner .swiper .swiper-slide .content {
        padding: 0 17.1354166666vw;
    }
    .banner .swiper .swiper-slide .content .text p {
        font-size: 58px;
    }
    .section1 .wrap .top .images {
        flex: 1;
        width: auto;
        height: auto;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        font-size: 58px;
    }
    .section1 .wrap .top .content .title .hidden {
        height: 72px;
    }
}

@media screen and (max-width: 1792px) {
    .index_solve .title,
    .news_last .wrap .fist .top .title,
    .section1 .wrap .top .content .title span {
        font-size: 42px;
    }
    .section1 .wrap .top .content {
        padding-left: 7.114583vw;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        font-size: 52px;
    }
    .banner .swiper .swiper-slide .content .text p {
        font-size: 52px;
    }
    .section1 .wrap .top .content .title .hidden {
        height: 63px;
    }
    .section1 .wrap .top .images {
        margin-top: 70px;
    }
    .section1 .wrap .top .content {
        margin-top: 80px;
    }
    .news_last .wrap .fist2 .long_swiper a .text {
        padding: 20px 14px;
    }
}

@media screen and (max-width: 1680px) {
    .news_last .wrap .fist .content .r {
        padding-left: 0;
    }
    .section1 .wrap .top .content .flex .figure .item:not(:last-child) {
        margin-right: 0;
    }
    .index_solve .title {
        margin-bottom: 50px;
    }
    .section1 .wrap .top .content .flex .figure {
        justify-content: space-between;
    }
    .section1 .wrap .top .content {
        padding-left: 6.114583vw;
    }
    .section1 .wrap .top .content .title p {
        line-height: 42px;
    }
    .news_last .wrap .fist .content .r {
        min-height: 370px;
    }
}

@media screen and (max-width: 1600px) {
    .section1 .wrap .top .content .title {
        margin-bottom: 30px;
    }
    .news_last .wrap .fist2 .long_swiper a .text {
        font-size: 16px;
    }
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide p {
        font-size: 16px;
    }
    .index_solve .title,
    .news_last .wrap .fist .top .title,
    .section1 .wrap .top .content .title span {
        font-size: 38px;
    }
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide a {
        font-size: 28px;
    }
    .index_solve .content {
        height: auto;
        margin-top: 10px;
        max-height: 65vh;
    }
    .section1 .wrap .top .content {
        width: 50.291667vw;
    }
    .index_solve .content .swiper .swiper-slide .position p {
        font-size: 32px;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        font-size: 44px;
    }
    .section1 .wrap .top .content .flex .figure .item span:after {
        top: 5px;
    }
    .section1 .wrap .top .content .flex .figure .item span:before {
        bottom: -8px;
    }
    .section1 .wrap .top .content .title .line {
        margin-bottom: 20px;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        margin-bottom: 10px;
    }
    .index_solve .title {
        margin-bottom: 30px;
    }
    .index_solve .cut .list {
        font-size: 22px;
    }
    .news_last .wrap .fist .content .r {
        width: 55%;
        margin-left: 5%;
    }
    .news_last .wrap .fist .content .r {
        min-height: 22.875vw;
    }
    .news_last .wrap .fist .content .r .r_swiper {
        height: 22.875vw;
    }
}

@media screen and (max-width: 1440px) {
    .index_solve .title,
    .news_last .wrap .fist .top .title,
    .section1 .wrap .top .content .title span {
        font-size: 32px;
    }
    .index_solve .cut .list {
        font-size: 20px;
    }
    .index_solve .content .swiper .swiper-slide .position p {
        font-size: 28px;
    }
    .index_solve .content .swiper .swiper-slide .position span {
        font-size: 22px;
    }
    .news_last .wrap .fist .content .l_swiper {
        height: 20.583333vw;
    }
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide a {
        font-size: 24px;
    }
    .section1 .wrap .top .content .title .hidden {
        height: 48px;
    }
    .news_last .wrap .fist2 .arrows .circle .iconfont {
        font-size: 20px;
    }
    .news_last .wrap .fist2 .arrows .circle {
        width: 40px;
        height: 40px;
    }
    .news_last .wrap .fist .top .more .circle {
        width: 40px;
        height: 40px;
    }
    .news_last .wrap .fist .content .r .r_swiper {
        padding-top: 10px;
    }
    .news_last .wrap .fist .top .more p {
        font-size: 16px;
    }
    .banner .swiper .swiper-slide .content {
        padding: 0 10.135417vw;
    }
    .section1 .wrap .top .content .title p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1366px) {
    .section1 .wrap .top .content .title p {
        line-height: 38px;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        font-size: 40px;
    }
}

@media screen and (max-width: 1280px) {
    .section1 .wrap .top .content {
        padding-left: 4.114583vw;
    }
    .index_solve .content .swiper .swiper-slide .position span {
        margin-bottom: 20px;
    }
    .index_solve .content .swiper .swiper-slide .position .common_more {
        margin-top: 30px;
    }
    .news_last .wrap .fist2 .long_swiper a .text {
        font-size: 14px;
    }
    .news_last .wrap .fist2 .long_swiper a .text {
        padding: 14px;
    }
    .news_last .wrap .fist2 .long_swiper a .text {
        min-height: 70px;
    }
}

@media screen and (max-width: 1200px) {
    .news_last .wrap .fist2 .long_swiper a .text {
        padding: 14px 10px;
    }
}

@media screen and (max-width: 1150px) {
    .news_last .wrap .fist,
    .news_last .wrap .fist2,
    .section1 .wrap .top {
        width: 87%;
    }
}

@media screen and (max-width: 1024px) {
    .news_last .wrap .fist .content {
        flex-direction: column;
    }
    .news_last .wrap .fist .content .l_swiper {
        width: 100%;
    }
    .news_last .wrap .fist .content .r {
        width: 100%;
    }
    .banner {
        overflow: hidden;
        position: relative;
        padding: 1.33vw;
    }
    .banner .swiper {
        border-radius: 5.33vw;
        overflow: hidden;
    }
    .banner .swiper .swiper-slide video {
        display: none;
    }
    .banner .swiper .swiper-slide .sj_webp {
        display: block !important;
        width: 100%;
        /* height: 100%;
        position: absolute;
        top: 0;
        left: 0; */
        transition: cubic-bezier(0.77, 0, 0.175, 1) transform 2s;
        object-fit: cover;
    }
    .banner .swiper .swiper-slide .sj_webp img {
        width: 100%;
        height: 100%;
    }
    .news_last .wrap .fist .content {
        width: 105%;
    }
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mask_wrap .block2 p {
        font-size: 14px;
    }
    .index_solve {
        height: auto;
    }
    #fullPage>.section:not(.banner),
    #fullPage>.section:not(.banner) .fp-tableCell {
        height: auto !important;
    }
    .section1 .wrap {
        top: 0;
        left: 0;
        transform: none;
    }
    .index_solve .wrap {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .section1 .wrap .top .content .flex .figure {
        display: none;
    }
    .news_last .wrap .fist2 {
        display: none;
    }
    .news_last .wrap .fist2 .arrows {
        display: none;
    }
    .index_solve .content {
        height: 400px;
    }
    .section1 .wrap .top {
        flex-direction: column-reverse;
    }
    .section1 .wrap .top .images {
        opacity: 1;
        margin-top: 0;
        transform: none;
    }
    .section1 .wrap .top .content {
        padding-left: 0;
        width: 100%;
        margin-bottom: 40px;
        margin-top: 0;
    }
    .news_last .wrap {
        top: 0;
    }
    .section1 .wrap .top .content .flex .figure {
        justify-content: start;
    }
    .section1 .wrap .top .content .flex .figure .item:not(:last-child) {
        margin-right: 80px;
    }
    .news_last .wrap .fist,
    .news_last .wrap .fist2,
    .section1 .wrap .top {
        width: 100%;
        padding: 0 30px;
    }
    .news_last .wrap {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .news_last .wrap .fist2 {
        margin-top: 20px;
    }
    .news_last .wrap .fist .top {
        margin-bottom: 20px;
    }
    .news_last .wrap .fist .content .l_swiper {
        height: auto;
    }
    .news_last .wrap .fist .content .r {
        margin-left: 0;
    }
    .banner .swiper .swiper-slide .content {
        padding: 0 30px;
    }
    html[lang="en"] .banner .swiper .swiper-slide .content {
        padding: 0 30px;
    }
    .banner .swiper .swiper-slide .content .text p {
        font-size: 48px;
    }
    .banner .swiper .swiper-slide .content .hint {
        display: none;
    }
    .index_solve .title,
    .news_last .wrap .fist .top .title,
    .section1 .wrap .top .content .title span {
        font-size: 28px;
    }
    .index_solve .cut .list {
        font-size: 18px;
    }
    .index_solve .content .swiper .swiper-slide .position p {
        font-size: 24px;
    }
    .index_solve .content .swiper .swiper-slide .position span {
        font-size: 18px;
    }
    .news_last .wrap .fist2 .arrows {
        width: 100px;
        position: static;
        transform: none;
        margin: 30px auto 0;
    }
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide p {
        font-size: 14px;
        line-height: 25px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .banner .swiper {
        /* height: 100vh; */
    }
    .section1 .wrap .top .content .title p {
        font-size: 14px;
        line-height: 28px;
    }
    .section1 .wrap .top .content .flex .figure .item p {
        font-size: 16px;
    }
    .news_last .wrap .fist .top .more .circle .iconfont {
        font-size: 18px;
    }
    .news_last .wrap .fist .top .more .circle {
        width: 32px;
        height: 32px;
    }
    .news_last .wrap .fist .content .l_swiper .swiper-slide,
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide {
        width: 66.67vw;
    }
    .news_last .wrap .fist .top .more {
        display: none;
    }
    .news_last .wrap .fist .content .sj_content {
        display: block !important;
        margin: 25px 0 0 0;
    }
    .news_last .wrap .fist .content .sj_content .line {
        height: 2px;
        width: 100%;
        background: rgba(0, 0, 0, .1);
        margin: 0 0 25px;
    }
    .news_last .wrap .fist .content .sj_content .line div {
        width: 0;
        height: 2px;
        background: #851B21;
        transition: 1s;
    }
    .news_last .wrap .fist .content .sj_content .more {
        display: flex;
        align-items: center;
    }
    .news_last .wrap .fist .content .sj_content .more p {
        color: #000;
        font-weight: 500;
        font-size: 16px;
        transition: 0.7s;
    }
    .news_last .wrap .fist .content .sj_content .more .circle {
        width: 30px;
        height: 30px;
        background: #851B21;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 10px;
        border-radius: 50%;
    }
    .news_last .wrap .fist .content .sj_content .circle .iconfont {
        color: #fff;
        font-size: 16px;
    }
    body .header {
        height: 80px !important;
        background: transparent !important;
    }
    .header .l .logo img:nth-child(2) {
        opacity: 0 !important;
    }
    .header .l .logo img:nth-child(1) {
        opacity: 1 !important;
    }
    .header .l .code span,
    .header .l .code p {
        color: #fff !important;
    }
    .header .r .menu .show p {
        color: #fff !important;
    }
    .header .r .menu .show .flex div {
        background: #fff !important;
    }
    body .header.index_on {
        height: 60px !important;
        transition: 0.6s;
        background: #fff !important;
    }
    .header.index_on .l .logo img:nth-child(2) {
        opacity: 1 !important;
    }
    .header.index_on .l .logo img:nth-child(1) {
        opacity: 0 !important;
    }
    body .header.index_on .l .code span,
    body .header.index_on .l .code p {
        color: #5b5b5b !important;
    }
    .header.index_on .r .menu .show p {
        color: rgba(0, 0, 0, 0.6) !important;
    }
    .header.index_on .r .menu .show .flex div {
        background: #666666 !important;
    }
}

@media screen and (max-width: 767px) {
    .banner .swiper .swiper-slide .content .text p {
        font-size: 32px;
        line-height: 52px;
    }
    .banner .swiper .swiper-slide .content .pick {
        font-size: 18px;
    }
    .news_last .wrap .fist .content {
        flex-direction: column;
    }
    .news_last .wrap .fist .content .r {
        margin-left: 0;
        width: 100%;
    }
    .news_last .wrap .fist .content .r .r_swiper {
        height: auto;
    }
    .news_last .wrap .fist .content .l_swiper {
        width: 100%;
    }
    .section1 .wrap .top .content .flex .figure .item:not(:last-child) {
        margin-right: 60px;
    }
    .news_last .wrap .fist .content .r .r_swiper .swiper-slide a {
        font-size: 20px;
    }
    html[lang="en"] .index_solve .scroll {
        overflow: scroll;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    html[lang="en"] .index_solve .scroll .cut {
        width: max-content;
        min-width: 100%;
    }
    html[lang="en"] .index_solve .scroll::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (max-width: 540px) {
    .section1 .wrap .top .content .flex .figure .item span {
        font-size: 32px;
        line-height: 32px;
    }
    .section1 .wrap .top .content .flex .figure .item span:after {
        font-size: 32px;
    }
    .section1 .wrap .top .content .flex .figure .item:nth-child(3) span:before {
        left: 60%;
    }
    .section1 .wrap .top .content .flex .figure .item span:before {
        font-size: 16px;
        bottom: -5px;
    }
    .index_solve .wrap {
        margin-bottom: 0;
        margin-top: 13.6vw;
    }
    .index_solve .content {
        height: 320px;
    }
    .common_more {
        padding: 0 20px;
    }
    .section1 .wrap .top .content {
        margin-top: 20px;
    }
    .index_solve .content {
        margin-top: 30px;
    }
    .news_last .wrap .fist .top .more .circle .iconfont {
        font-size: 16px;
    }
    .news_last .wrap .fist .top .more .circle {
        width: 30px;
        height: 30px;
    }
    .news_last .wrap .fist,
    .news_last .wrap .fist2,
    .section1 .wrap .top {
        padding: 0 20px;
    }
    .section1 .wrap .top .content .map {
        left: 0;
    }
    .section1 .wrap .top .content .title .hidden {
        height: 42px;
    }
    .banner .swiper .button {
        right: 30px;
    }
    .section1 .wrap .top .content .flex .figure .item p {
        font-size: 14px;
    }
    .section1 .wrap .top .content .flex .figure .item:not(:last-child) {
        margin-right: 40px;
    }
    .banner .swiper .swiper-slide .content .text p {
        font-size: 24px;
        line-height: 38px;
    }
    .banner .swiper .swiper-slide .content .pick {
        font-size: 16px;
    }
    .banner .swiper .swiper-slide .content {
        padding: 0px 20px;
    }
    html[lang="en"] .banner .swiper .swiper-slide .content {
        padding: 0 20px;
    }
    .index_solve .cut .list {
        font-size: 16px;
    }
    .index_solve .cut {
        padding-bottom: 5px;
    }
    .index_solve .cut .list:after {
        bottom: -7px;
    }
    .index_solve .title {
        margin-bottom: 20px;
    }
    .section .wrap {
        margin-top: 6.6vw;
    }
    html[lang="en"] .index_solve .content .swiper .swiper-slide .position p {
        font-size: 20px;
    }
}

@media screen and (max-width:450px) {
    .section1 .wrap .top .content .flex .figure .item:not(:last-child) {
        margin-right: 0;
    }
    .section1 .wrap .top .content .flex .figure .item {
        width: 50%;
        margin-bottom: 30px !important;
    }
    .section1 .wrap .top .content .flex .figure .item span {
        justify-content: center;
    }
    .section1 .wrap .top .content .flex .figure {
        flex-wrap: wrap;
    }
    .section1 .wrap .top .content .flex .figure .item:nth-child(3) span:before {
        left: 55%;
    }
    .index_solve .cut .list:not(:last-child) {
        margin: 0 30px 0 0;
    }
}

.ml_sidebar_pos {
    background-color: #851B21
}

@media screen and (max-width:414px) {
    .banner .swiper .swiper-slide .content .text p {
        font-size: 20px;
        line-height: 32px;
    }
    .banner .swiper .swiper-slide .content .pick {
        font-size: 14px;
    }
}