/* pc */
@media screen {
    body {
        background: #F6F6F6;
    }

    .about1 {
        position: relative;
    }

    .about1 .C-title {
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translate(-50%, -50%);
    }

    .about2 {
        padding: 0 7.813vw 15.469vw;
        margin-top: -8.438vw;
        position: relative;
        z-index: 5;
    }

    .about2 .main {
        border-radius: 41px;
        background: #F6F6F6;
        padding: 0 5.938vw;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 80% auto;
    }

    .about2-1 {
        padding-top: 2.396vw;
        justify-content: space-around;
    }

    .about2-1 .number {
        text-align: center;
        display: flex;
        align-items: center;
    }

    .about2-1 .number b {
        font-family: Poppins;
        font-size: 3.333vw;
        line-height: 1;
        background: linear-gradient(180deg, #FA6C10 0%, #FCB817 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about2-1 .number .jia {
        color: #999;
        font-family: Poppins;
        font-size: 2.083vw;
    }

    .about2-1 p {
        color: #000;
        font-size: 0.938vw;
    }

    .about2-2 {
        margin: 8.854vw 0 7.031vw;
        width: 41vw;
    }

    .about2-2 h2 {
        color: #000;
        font-family: Poppins;
        font-size: 2.917vw;
        margin-bottom: 0.8em;
    }

    .about2-2 h2 span {
        background: linear-gradient(180deg, #FA6C10 0%, #F7951D 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0 0.4em;
    }

    .about2-2 p {
        color: #5C5C5C;
        font-size: 1.25vw;
    }

    .about2-3 .ev {
        margin-bottom: 2.396vw;
    }

    .about2-3 h2 {
        font-family: Poppins;
        font-size: 1.563vw;
        background: linear-gradient(180deg, #FA6C10 0%, #F7951D 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about2-3 p {
        color: #545454;
        margin-top: 0.5em;
        font-size: 1.042vw;
        width: 36.042vw;
    }

    .about3 {
        overflow: hidden;
        position: relative;
    }

    .about3 .bg {
        width: 46.198vw;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

    .about3 .main {
        padding: 3.646vw 0;
        width: 59.896vw;
        position: relative;
    }

    .about3 .title {
        font-family: Poppins;
        font-size: 2.917vw;
        text-align: center;
        margin-bottom: 4.688vw;
        font-weight: 700;
        background: linear-gradient(180deg, #FA6C10 0%, #F7951D 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about3 .swiper-father {
        position: relative;
    }

    .about3 .swiper-slide {
        width: 23.958vw;
        position: relative;
        border-radius: 30px;
        overflow: hidden;
        opacity: 0.5;
        transition: all ease .3s;
    }

    .about3 .swiper-slide-active,
    .about3 .swiper-slide-next {
        opacity: 1;
    }

    .about3 .swiper-slide .intr {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #FEFEFE;
        opacity: 0;
        transition: all ease .3s;
    }

    .about3 .swiper-slide-active .intr,
    .about3 .swiper-slide-next .intr {
        opacity: 1;
    }

    .about3 .intr h2 {
        font-size: 1.875vw;
        margin-bottom: 1em;
        font-weight: 600;
    }

    .about3 .intr p {
        font-size: 1.198vw;
        font-weight: 400;
        padding: 0 10px;
        text-align: center;
    }

    .about3 .my-swiper-button {
        position: absolute;
        top: 50%;
        z-index: 5;
        transform: translateY(-50%);
    }

    .about3 .my-swiper-button.prev {
        right: 100%;
    }

    .about3 .my-swiper-button.next {
        right: 0%;
    }

    .about3 .swiper-pagination {
        top: auto;
        bottom: 0;
        left: 11.458vw;
        width: 8.854vw;
        height: 0.104vw;
        background-color: rgba(114, 113, 113, 0.3);
    }

    .about3 .swiper-pagination-progressbar-fill {
        background-color: rgba(114, 113, 113, 1);
    }

    .about4 {
        margin-top: 12.5vw;
        padding: 10.417vw 0 2.604vw 0;
        background: linear-gradient(180deg, #FFE9CD 0%, #F6F6F6 53.65%);
    }

    .about4-1 {
        padding: 00 14.583vw 0 10.417vw;
    }

    .about4-1 .pic {
        width: 36.823vw;
    }

    .about4-1 .main {
        padding-left: 5.625vw;
        flex: 1;
        overflow: hidden;
        height: 35.156vw;
    }

    .about4-1 .main .content {
        width: 28.125vw;
        height: 100%;
    }

    .about4-1 .content .swiper-slide {
        padding: 2.083vw 0;
        transition: all ease .3s;
        height: auto;
        opacity: 0.3;
    }

    .about4-1 .content .swiper-slide-prev,
    .about4-1 .content .swiper-slide-next {
        opacity: 0.5;
    }

    .about4-1 .content .swiper-slide-active {
        padding: 5.208vw 0;
        opacity: 1;
    }

    .about4-1 .content h2 {
        font-size: 1.667vw;
        font-weight: 600;
        color: #000;
    }

    .about4-1 .content p {
        color: #606060;
        font-family: Montserrat;
        font-size: 0.938vw;
    }

    .about4-1 .swiper-pagination {
        left: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0.26vw;
        height: 30.208vw;
        background: linear-gradient(0deg, #F2F2F2 0%, #F2F2F2 100%), #F2F2F2;
    }

    .about4-1 .swiper-pagination-progressbar-fill {
        background: linear-gradient(0deg, #F29600 0%, #F29600 100%), #F2F2F2;
    }

    .about4-1 .control {
        flex: 1;
    }

    .about4-1 .control .swiper-slide {
        padding: 1.146vw 0;
        height: auto;
        cursor: pointer;
    }

    .about4-1 .control h2 {
        color: #999;
        font-size: 0.729vw;
        text-align: right;
    }

    .about4-1 .control .swiper-slide-thumb-active h2 {
        font-size: 1.042vw;
        font-weight: 800;
        background: linear-gradient(180deg, #FA6C10 0%, #F7951D 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about4-2 {
        padding-top: 5.729vw;
        overflow: hidden;
    }

    .about4-2 p {
        color: rgba(35, 35, 35, 0.03);
        font-family: Montserrat;
        font-size: 9.01vw;
        font-weight: 600;
        text-wrap: nowrap;
        animation: moveLeftRight 10s linear infinite;
        width: max-content;
    }

    .about4-2 p span {
        padding-right: 1em;
    }

    @keyframes moveLeftRight {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .about5 .main {
        width: 75vw;
    }

    .about5 .title {
        color: #000;
        text-align: center;
        font-size: 2.917vw;
    }

    .about5 .title span {
        display: block;
        background: linear-gradient(91deg, #FA6C10 4.25%, #F7951D 59.61%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about5 .text-group {
        margin: 6.146vw 0 3.438vw;
    }

    .about5 .text-group .number b {
        font-size: 3.333vw;
        font-weight: 500;
        background: linear-gradient(180deg, #FA6C10 0%, #F7951D 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .about5 .text-group .number .jia {
        color: #6F6F6F;
        font-family: Poppins;
        font-size: 1.771vw;
    }

    .about5 .text-group p {
        color: #000;
        text-align: center;
        font-size: 0.938vw;
    }

    .about6 {
        position: fixed;
        right: 4.792vw;
        top: 50%;
        z-index: 10;
        transform: translate(-50%, -50%);
    }

    .about6 li {
        margin-bottom: 1.146vw;
        font-size: 0.729vw;
        line-height: 1;
        color: #FFF;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .about6 li .yuan {
        width: 0.625vw;
        height: 0.625vw;
        border: 1px solid #C3C3C3;
        border-radius: 100%;
        margin-right: 1.198vw;
        position: relative;
    }

    .about6 li.on .yuan {
        background: linear-gradient(91deg, #FA6C10 4.25%, #F7951D 59.61%);
        border: 1px solid transparent;
    }

    .about6 li:not(:last-child) .yuan:after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        top: 100%;
        height: 1.354vw;
        width: 0.052vw;
        background-color: #C3C3C3;
    }
}

/* mob */
@media screen and (max-width:768px) {
    .about2 {
        padding: 0 5% 20px;
        margin-top: 0;
    }
    .main .center_img{
        display: block !important;
    }
    .about2 .main {
        border-radius: 0;
        padding: 0;
        background-size: 80% auto;
        /*padding: 0 0 160px;*/
        background: none !important;
    }

    .about2-1 {
        padding-top: 30px;
    }

    .about2-1 .ev {
        width: 50%;
        margin: 5px 0;
    }

    .about2-1 .number b {
        font-size: 34px;
    }

    .about2-1 .number .jia {
        font-size: 20px;
    }

    .about2-1 p {
        font-size: 14px;
    }

    .about2-2 {
        margin: 50px 0 35px;
        width: 100%;
    }

    .about2-2 h2 {
        font-size: 24px;
    }

    .about2-2 p {
        font-size: 16px;
    }

    .about2-3 .ev {
        margin-bottom: 26px;
    }

    .about2-3 h2 {
        font-size: 20px;
    }

    .about2-3 p {
        font-size: 14px;
        width: 100%;
    }

    .about3 .bg {
        width: 100%;
        display: none;
        position: static;
    }

    .about3 .main {
        padding: 70px 0;
        width: 100%;
    }

    .about3 .title {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .about3 .swiper-slide {
        width: 70vw;
        border-radius: 10px;
    }

    .about3 .swiper-slide .intr {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .about3 .intr h2 {
        font-size: 26px;
    }

    .about3 .intr p {
        font-size: 13px;
    }

    .about3 .my-swiper-button {
        top: 50%;
        transform: translateY(-50%);
    }

    .about3 .my-swiper-button.prev {
        right: 100%;
    }

    .about3 .my-swiper-button.next {
        right: 0%;
    }

    .about3 .swiper-pagination {
        left: 5%;
        width: 90%;
        height: 2px;
    }

    .about4 {
        margin-top: 40px;
        padding: 50px 0;
    }

    .about4-1 {
        padding: 0 5%;
    }

    .about4-1 .swiper-wrapper {
        flex-direction: column;
    }

    .about4-1 .pic {
        width: 100%;
    }

    .about4-1 .main {
        padding-left: 0;
        flex: none;
        height: auto;
        width: 100%;
    }

    .about4-1 .main .content {
        width: 100%;
        height: 100%;
    }

    .about4-1 .content .swiper-slide {
        padding: 10px 0;
    }

    .about4-1 .content .swiper-slide-active {
        padding: 10px 0;
    }

    .about4-1 .content h2 {
        font-size: 22px;
    }

    .about4-1 .content p {
        font-size: 14px;
    }

    .about4-1 .swiper-pagination {
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 580px;
        display: none;
    }

    .about4-1 .control {
        flex: 1;
        display: none;
    }

    .about4-1 .control .swiper-slide {
        padding: 22px 0;
    }

    .about4-1 .control h2 {
        font-size: 14px;
    }

    .about4-1 .control .swiper-slide-thumb-active h2 {
        font-size: 20px;
    }

    .about4-2 {
        padding-top: 40px;
    }

    .about4-2 p {
        font-size: 53px;
    }

    .about5 .main {
        width: 90%;
    }

    .about5 .title {
        font-size: 26px;
    }

    .about5 .text-group {
        margin: 28px 0 46px;
    }

    .about5 .text-group .number b {
        font-size: 34px;
    }

    .about5 .text-group .number .jia {
        font-size: 24px;
    }

    .about5 .text-group p {
        font-size: 14px;
    }

    .about6 {
        right: 92px;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none;
    }

    .about6 li {
        margin-bottom: 22px;
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
    }

    .about6 li .yuan {
        width: 12px;
        height: 12px;
        border: 1px solid #C3C3C3;
        border-radius: 100%;
        margin-right: 23px;
    }

    .about6 li.on .yuan {
        border: 1px solid transparent;
    }

    .about6 li:not(:last-child) .yuan:after {
        left: 50%;
        top: 100%;
        height: 26px;
        width: 1px;
    }
}