@charset "UTF-8";
 .__zh__title {
     font-size: 5.46667vw;
     font-weight: 500;
     color: #3877EE;
     margin-bottom: 4px;
     background: -webkit-linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
    /* Chrome, Safari */
     background: linear-gradient(to left, #6EB5F5 0.68359%, #0087FF 100%);
    /* 标准语法 */
     -webkit-background-clip: text;
    /* Chrome, Safari */
     background-clip: text;
     -webkit-text-fill-color: transparent;
    /* Chrome, Safari */
}
 .__en__title {
     font-family: "Microsoft Yahei", sans-serif;
     font-size: 2.93333vw;
     font-weight: 400;
     color: #BED2E5;
     opacity: 0.5;
}
/** 全局变量 */
/*================================================Page about-enterprise=================================================*/
/*================================================Honor=================================================*/
/*================================================Honor=================================================*/
/* .section-3 {
     box-sizing: border-box;
     padding: 40px 0 40px 0;
     display: flex;
     flex-direction: column;
     background-color: #F3F8FD;
     .section-title {
         width: 100%;
         text-align: center;
         .main-title {
             font-size: 2rem;
             color: #2F3A47;
             margin-bottom: 0;
        }
         .sub-title {
             font-family: "Microsoft Yahei", sans-serif;
             font-size: 1.5rem;
             color: #BECDDE;
        }
    }
     .section-main {
         position: relative;
         width: 100%;
         height: 500px;
         margin-top: 40px;
         #dowebok {
             width: 100%;
             height: 100%;
             display: none;
        }
         .honor-list {
             box-sizing: border-box;
             display: block;
             width: 100%;
             height: 100%;
             padding: 10px 12px;
             text-align: center;
             overflow-y: scroll;
             &::-webkit-scrollbar {
                 width: 3px;
            }
             &::-webkit-scrollbar-track {
                 background-color: #F3F8FD;
            }
             &::-webkit-scrollbar-thumb {
                 background-color: #0087FF;
            }
             &::-webkit-scrollbar-thumb:hover {
                 background-color: #0087FF;
            }
             * {
                 scrollbar-width: 3px;
                 scrollbar-color: #F3F8FD;
            }
             .honor-item {
                 width: 94%;
                 height: 50px;
                 line-height: 50px;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 -o-text-overflow: ellipsis;
                 overflow: hidden;
            }
        }
    }
}
 */
 @keyframes scroll-left {
     from {
         transform: translateX(0%);
    }
     to {
         transform: translateX(-50%);
        /* 只滚动一半的距离 */
    }
}
 @keyframes animate {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-100%);
    }
}
 @-webkit-keyframes animate {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-100%);
    }
}
/* @keyframes animate {
     0% {
         transform: translateX(100%);
    }
     100% {
         transform: translateX(-100%);
    }
}
 */
 @keyframes animate2 {
     0% {
         transform: translateX(0);
    }
     100% {
         transform: translateX(-200%);
    }
}
 .banner-area {
     height: 980px;
     background: url("../img/about/banner.png") center center no-repeat;
     background-size: cover;
}
 .banner-area .banner-words .banner-title {
     color: #FFF;
}
 .banner-area .banner-words .banner-title-en {
     color: #FFF;
}
 .banner-area .banner-words .divider {
     background-color: #FFF;
}
 .banner-area .banner-words .desc {
     width: 560px;
     color: #FFF;
}
 .section-1 {
     width: 100%;
     height: 800px;
     display: flex;
}
 .section-1 .content {
     position: relative;
     flex: 1;
     height: 100%;
     background-color: #F3F8FD;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .section-1 .content .desc {
     width: 50%;
     height: 540px;
     display: flex;
     flex-direction: column;
}
 .section-1 .content .desc .head {
     display: flex;
     flex-direction: column;
}
 .section-1 .content .desc .head .divider {
     width: 65px;
     height: 8px;
     background: #2B91FE;
}
 .section-1 .content .desc .head .title {
     color: #2F3A47;
     font-weight: bold;
     margin: 40px 0 40px 0;
}
 .section-1 .content .desc .head .title .en {
     font-size: 40px;
     font-family: "Microsoft Yahei", sans-serif;
     line-height: 50px;
}
 .section-1 .content .desc .head .title .zh {
     font-size: 32px;
}
 .section-1 .content .desc .detail {
     font-size: 16px;
     line-height: 32px;
}
 .section-1 .content .content-img {
     position: absolute;
     width: 484px;
     height: auto;
     right: -242px;
     bottom: 0;
}
 .section-1 .right {
     width: 640px;
     height: 100%;
}
 .section-1 .right img {
     width: 100%;
     height: 100%;
}
 .section-2 {
     box-sizing: border-box;
     padding: 40px 0 60px 0;
     display: flex;
     flex-direction: column;
}
 .section-2 .section-title {
     width: 100%;
     text-align: center;
}
 .section-2 .section-title .main-title {
     font-size: 3rem;
     color: #0087FF;
     margin-bottom: 0;
}
 .section-2 .section-title .sub-title {
     font-family: "Microsoft Yahei", sans-serif;
     font-size: 1.5rem;
     color: #BECDDE;
}
 .section-2 .section-main {
     width: 100%;
     margin-top: 40px;
     display: flex;
     justify-content: center;
}
 .section-2 .section-main .cul-list {
     display: flex;
}
 .section-2 .section-main .cul-list .cul-item {
     position: relative;
     box-sizing: border-box;
     width: 216px;
     height: 462px;
     padding: 40px 12px 40px 40px;
     background-image: url(../img/about/bg-4.png);
     background-position-x: center;
     background-position-y: center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: width linear 0.4s;
     cursor: pointer;
     margin-right: 6px;
}
 .section-2 .section-main .cul-list .cul-item .header {
     width: 100%;
     text-align: center;
     color: #2B91FE;
}
 .section-2 .section-main .cul-list .cul-item .header h1 {
     font-size: 24px;
}
 .section-2 .section-main .cul-list .cul-item .header h2 {
     font-size: 18px;
     font-family: "Microsoft Yahei", sans-serif;
}
 .section-2 .section-main .cul-list .cul-item .desc {
     width: 100%;
     font-size: 0;
     color: transparent;
     line-height: 40px;
     margin-top: 40px;
     transition: color linear .2s;
     display: flex;
     flex-direction: column;
}
 .section-2 .section-main .cul-list .cul-item .open-icon {
     position: absolute;
     width: 180px;
     display: none;
}
 .section-2 .section-main .cul-list .cul-item:last-child {
     margin-right: 0;
}
 .section-2 .section-main .cul-list .cul-item:hover {
     width: 380px;
     height: 460px;
     background-image: url(../img/about/bg-2.png);
}
 .section-2 .section-main .cul-list .cul-item:hover .header {
     text-align: left;
     color: #FFF;
}
 .section-2 .section-main .cul-list .cul-item:hover .header h1 {
     font-size: 32px;
}
 .section-2 .section-main .cul-list .cul-item:hover .header h2 {
     font-size: 22px;
}
 .section-2 .section-main .cul-list .cul-item:hover .desc {
     width: 100%;
     font-size: 20px;
     color: #FFF;
}
 .section-2 .section-main .cul-list .cul-item:hover .open-icon {
     position: absolute;
     right: 20px;
     bottom: -20px;
     display: block;
}
 .section-2 .section-main .cul-list-1 {
     box-sizing: border-box;
     width: 100%;
     height: 300px;
     padding: 0 12px;
}
 .section-2 .section-main .cul-list-1 .swiper-container {
     width: 100%;
     height: 100%;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-button-next:after, .section-2 .section-main .cul-list-1 .swiper-container .swiper-button-prev:after {
     font-size: 20px !important;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item {
     position: relative;
     box-sizing: border-box;
     padding: 40px;
     width: 300px;
     height: 300px;
     background-image: url(../img/about/bg-2.png);
     background-position-x: center;
     background-position-y: center;
     background-repeat: no-repeat;
     background-size: cover;
    /* &:hover {
         width: 300px;
         height: 300px;
         background-image: url(../img/about/bg-2.png);
         .header {
             text-align: left;
             color: $color_1;
             h1 {
                 font-size: 28px;
            }
             h2 {
                 font-size: 18px;
            }
        }
         .desc {
             width: 224px;
             font-size: 20px;
             color: $color_1;
             margin-bottom: 0;
             margin-top: 20px;
             line-height: 28px;
        }
         .open-icon {
             position: absolute;
             right: 20px;
             bottom: 0;
             display: block;
             width: 100px;
        }
    }
     */
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .header {
     width: 100%;
     text-align: left;
     color: #FFF;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .header h1 {
     font-size: 22px;
     margin-bottom: 4px;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .header h2 {
     font-size: 18px;
     font-family: "Microsoft Yahei", sans-serif;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .desc {
     width: 224px;
     font-size: 16px;
     color: #FFF;
     margin-bottom: 0;
     margin-top: 20px;
     line-height: 28px;
     margin-top: 30px;
     display: flex;
     flex-direction: column;
     transition: color linear .2s;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item .open-icon {
     position: absolute;
     height: auto;
     right: 20px;
     bottom: 0;
     display: block;
     width: 100px;
}
 .section-2 .section-main .cul-list-1 .swiper-container .swiper-slide .cul-item:last-child {
     margin-right: 0;
}
 .section-3 {
     box-sizing: border-box;
     padding: 40px 0 60px 0;
     display: flex;
     flex-direction: column;
     background-color: #F3F8FD;
}
 .section-3 .section-title {
     width: 100%;
     text-align: center;
}
 .section-3 .section-title .main-title {
     font-size: 3rem;
     color: #2F3A47;
     margin-bottom: 0;
}
 .section-3 .section-title .sub-title {
     font-family: "Microsoft Yahei", sans-serif;
     font-size: 1.5rem;
     color: #BECDDE;
}
 .section-3 .section-main {
     position: relative;
     width: 100%;
     height: 600px;
     margin-top: 40px;
}
 .section-3 .section-main #dowebok {
     width: 100%;
     height: 100%;
}
 .section-3 .section-main .honor-list {
     display: none;
}
 .honor-area {
     position: relative;
     z-index: 1;
     box-sizing: border-box;
     width: 100%;
     background: url("../img/a4.png") center center no-repeat;
     background-size: contain;
     padding: 40px 0 100px 0;
}
 .honor-area .honor-container {
     width: 85%;
     box-sizing: border-box;
     position: relative;
}
@media (min-width: 1739px) {
    .honor-area .honor-container {
        width: 50%;
    }
}
 .honor-area .honor-container .section-title {
     width: 100%;
     margin-bottom: 145px;
     text-align: center;
}
 .honor-area .honor-container .section-title .main-title {
     font-size: 3rem;
     color: #0087FF;
     margin-bottom: 14px;
}
 .honor-area .honor-container .section-title .sub-title {
     font-size: 1.5rem;
     color: #BECDDE;
}
 .honor-area .honor-container .honor-wall {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #F3F8FD50;
    padding: 50px 20px;
}
 .honor-area .honor-container .honor-wall * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 .honor-area .honor-container .honor-wall .honor-content {
     display: flex;
     width: 100%;
     overflow: hidden;
     mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
     -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}
 .honor-area .honor-container .honor-wall .honor-content .honor-item {
     white-space: nowrap;
     animation: animate var(--t) linear infinite;
     animation-delay: calc(var(--t) * -1);
}
 .honor-area .honor-container .honor-wall .honor-content .honor-item span {
     display: inline-block;
     margin: 10px;
     width: auto;
     box-sizing: border-box;
     padding: 0 40px;
     height: 100px;
     line-height: 100px;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.7);
     border-radius: 37px;
     font-size: 8px;
     color: #0087FF;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     cursor: pointer;
     transition: background-color 0.5s;
}
 .honor-area .honor-container .honor-wall .honor-content .honor-item span:hover {
     background-color: #0087FF;
     color: #FFF;
}
 .honor-area .honor-container .honor-wall .honor-content:hover .honor-item {
     animation-play-state: paused;
}
 @media screen and (max-width: 1580px) and (min-width: 1024px) {
     .banner-area {
         height: 980px;
         background: url("../img/about/banner.png") center center no-repeat;
    }
     .banner-area .banner-words .banner-title {
         color: #FFF;
    }
     .banner-area .banner-words .banner-title-en {
         color: #FFF;
    }
     .banner-area .banner-words .divider {
         background-color: #FFF;
    }
     .banner-area .banner-words .desc {
         width: 550px;
         color: #FFF;
    }
     .section-1 {
         width: 100%;
         height: 800px;
         display: flex;
    }
     .section-1 .content {
         position: relative;
         flex: 1;
         height: 100%;
         background-color: #F3F8FD;
         display: flex;
         justify-content: center;
         align-items: center;
    }
     .section-1 .content .desc {
         width: 50%;
         height: 540px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
    }
     .section-1 .content .desc .head {
         display: flex;
         flex-direction: column;
         margin-top: -100px;
    }
     .section-1 .content .desc .head .divider {
         width: 65px;
         height: 8px;
         background: #2B91FE;
    }
     .section-1 .content .desc .head .title {
         color: #2F3A47;
         font-weight: bold;
         margin: 20px 0 0px 0;
    }
     .section-1 .content .desc .head .title .en {
         font-size: 20px;
         font-family: "Microsoft Yahei", sans-serif;
         line-height: 50px;
    }
     .section-1 .content .desc .head .title .zh {
         font-size: 20px;
    }
     .section-1 .content .desc .detail {
         font-size: 15px;
         line-height: 32px;
    }
     .section-1 .content .content-img {
         position: absolute;
         width: 464px;
         height: auto;
         right: -242px;
         bottom: 0;
    }
     .section-1 .right {
         width: 640px;
         height: 100%;
    }
     .section-1 .right img {
         width: 100%;
         height: 100%;
    }
     .section-2 {
         box-sizing: border-box;
         padding: 40px 0 60px 0;
         display: flex;
         flex-direction: column;
    }
     .section-2 .section-title {
         width: 100%;
         text-align: center;
    }
     .section-2 .section-title .main-title {
         font-size: 3rem;
         color: #0087FF;
         margin-bottom: 0;
    }
     .section-2 .section-title .sub-title {
         font-family: "Microsoft Yahei", sans-serif;
         font-size: 1.5rem;
         color: #BECDDE;
    }
     .section-2 .section-main {
         width: 100%;
         margin-top: 40px;
         display: flex;
         justify-content: center;
    }
     .section-2 .section-main .cul-list {
         display: flex;
    }
     .section-2 .section-main .cul-list .cul-item {
         position: relative;
         box-sizing: border-box;
         width: 216px;
         height: 462px;
         padding: 40px 20px;
         background-image: url(../img/about/bg-4.png);
         background-position-x: center;
         background-position-y: center;
         background-repeat: no-repeat;
         background-size: cover;
         transition: width linear 0.4s;
         cursor: pointer;
         margin-right: 6px;
    }
     .section-2 .section-main .cul-list .cul-item .header {
         width: 100%;
         text-align: center;
         color: #2B91FE;
    }
     .section-2 .section-main .cul-list .cul-item .header h1 {
         font-size: 24px;
    }
     .section-2 .section-main .cul-list .cul-item .header h2 {
         font-size: 18px;
         font-family: "Microsoft Yahei", sans-serif;
    }
     .section-2 .section-main .cul-list .cul-item .desc {
         width: 0;
         font-size: 0;
         color: transparent;
         line-height: 35px;
         margin-top: 25px;
         transition: color linear .2s;
    }
     .section-2 .section-main .cul-list .cul-item .open-icon {
         position: absolute;
         width: 180px;
         height: auto;
         display: none;
    }
     .section-2 .section-main .cul-list .cul-item:last-child {
         margin-right: 0;
    }
     .section-2 .section-main .cul-list .cul-item:hover {
         width: 300px;
         height: 460px;
         background-image: url(../img/about/bg-2.png);
    }
     .section-2 .section-main .cul-list .cul-item:hover .header {
         text-align: left;
         color: #FFF;
    }
     .section-2 .section-main .cul-list .cul-item:hover .header h1 {
         font-size: 32px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .header h2 {
         font-size: 22px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .desc {
         width: 224px;
         font-size: 20px;
         color: #FFF;
    }
     .section-2 .section-main .cul-list .cul-item:hover .open-icon {
         position: absolute;
         right: 20px;
         bottom: -20px;
         display: block;
    }
     .section-3 {
         box-sizing: border-box;
         padding: 40px 0 60px 0;
         display: flex;
         flex-direction: column;
         background-color: #F3F8FD;
    }
     .section-3 .section-title {
         width: 100%;
         text-align: center;
    }
     .section-3 .section-title .main-title {
         font-size: 3rem;
         color: #2F3A47;
         margin-bottom: 0;
    }
     .section-3 .section-title .sub-title {
         font-family: "Microsoft Yahei", sans-serif;
         font-size: 1.5rem;
         color: #BECDDE;
    }
     .section-3 .section-main {
         position: relative;
         width: 100%;
         height: 600px;
         margin-top: 40px;
    }
     .section-3 .section-main #dowebok {
         width: 100%;
         height: 100%;
    }
     .section-3 .section-main .honor-list {
         display: none;
    }
}
 @media screen and (min-width: 768px) and (max-width: 1024px) {
     .banner-area {
         height: 600px;
         background: url("../img/about/banner.png") center center no-repeat;
    }
     .banner-area .banner-words .banner-title {
         color: #FFF;
    }
     .banner-area .banner-words .banner-title-en {
         color: #FFF;
    }
     .banner-area .banner-words .divider {
         background-color: #FFF;
    }
     .banner-area .banner-words .desc {
         width: 480px;
         color: #FFF;
    }
     .section-1 {
         position: relative;
         width: 100%;
         height: 700px;
         display: flex;
    }
     .section-1 .content {
         position: relative;
         flex: 1;
         width: 100%;
         height: 100%;
         box-sizing: border-box;
         padding: 0 40px;
         background-color: #F3F8FD;
         display: flex;
         justify-content: flex-start;
         align-items: center;
    }
     .section-1 .content .desc {
         width: 60%;
         height: 540px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
    }
     .section-1 .content .desc .head {
         display: flex;
         flex-direction: column;
    }
     .section-1 .content .desc .head .divider {
         width: 65px;
         height: 8px;
         background: #2B91FE;
    }
     .section-1 .content .desc .head .title {
         color: #2F3A47;
         font-weight: bold;
         margin: 40px 0 40px 0;
    }
     .section-1 .content .desc .head .title .en {
         font-size: 24px;
         font-family: "Microsoft Yahei", sans-serif;
         line-height: 30px;
    }
     .section-1 .content .desc .head .title .zh {
         font-size: 26px;
    }
     .section-1 .content .desc .detail {
         font-size: 16px;
         line-height: 32px;
    }
     .section-1 .content .content-img {
         position: absolute;
         width: 384px;
         height: auto;
         right: 0;
    }
     .section-1 .right {
         display: none;
         width: 100%;
         height: 100%;
         right: 0;
         bottom: 0;
    }
     .section-1 .right img {
         width: 100%;
         height: 100%;
    }
     .section-2 {
         box-sizing: border-box;
         padding: 40px 0 60px 0;
         display: flex;
         flex-direction: column;
    }
     .section-2 .section-title {
         width: 100%;
         text-align: center;
    }
     .section-2 .section-title .main-title {
         font-size: 3rem;
         color: #0087FF;
         margin-bottom: 0;
    }
     .section-2 .section-title .sub-title {
         font-family: "Microsoft Yahei", sans-serif;
         font-size: 1.5rem;
         color: #BECDDE;
    }
     .section-2 .section-main {
         width: 100%;
         margin-top: 40px;
         display: flex;
         justify-content: center;
    }
     .section-2 .section-main .cul-list {
         box-sizing: border-box;
         display: flex;
         width: 100%;
         padding: 0 40px;
         flex-wrap: wrap;
    }
     .section-2 .section-main .cul-list .cul-item {
         position: relative;
         box-sizing: border-box;
         padding: 40px;
         width: 300px;
         height: 460px;
         transition: width linear 0.4s;
         cursor: pointer;
         margin-right: 6px;
         margin-bottom: 20px;
    }
     .section-2 .section-main .cul-list .cul-item .header {
         width: 100%;
         text-align: center;
         color: #2B91FE;
    }
     .section-2 .section-main .cul-list .cul-item .header h1 {
         font-size: 24px;
    }
     .section-2 .section-main .cul-list .cul-item .header h2 {
         font-size: 18px;
         font-family: "Microsoft Yahei", sans-serif;
    }
     .section-2 .section-main .cul-list .cul-item .desc {
         width: 0;
         font-size: 0;
         width: 300px;
         height: 460px;
         color: transparent;
         line-height: 40px;
         margin-top: 60px;
         transition: color linear .2s;
    }
     .section-2 .section-main .cul-list .cul-item .open-icon {
         position: absolute;
         width: 180px;
         height: auto;
         display: none;
    }
     .section-2 .section-main .cul-list .cul-item:last-child {
         margin-right: 0;
    }
     .section-2 .section-main .cul-list .cul-item:hover {
         width: 300px;
         height: 460px;
         background-image: url(../img/about/bg-2.png);
    }
     .section-2 .section-main .cul-list .cul-item:hover .header {
         text-align: left;
         color: #FFF;
    }
     .section-2 .section-main .cul-list .cul-item:hover .header h1 {
         font-size: 32px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .header h2 {
         font-size: 22px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .desc {
         width: 224px;
         font-size: 24px;
         color: #FFF;
    }
     .section-2 .section-main .cul-list .cul-item:hover .open-icon {
         position: absolute;
         right: 20px;
         bottom: 0;
         display: block;
    }
     .section-3 {
         box-sizing: border-box;
         padding: 40px 0 60px 0;
         display: flex;
         flex-direction: column;
         background-color: #F3F8FD;
    }
     .section-3 .section-title {
         width: 100%;
         text-align: center;
    }
     .section-3 .section-title .main-title {
         font-size: 3rem;
         color: #2F3A47;
         margin-bottom: 0;
    }
     .section-3 .section-title .sub-title {
         font-family: "Microsoft Yahei", sans-serif;
         font-size: 1.5rem;
         color: #BECDDE;
    }
     .section-3 .section-main {
         position: relative;
         width: 100%;
         height: 600px;
         margin-top: 40px;
    }
     .section-3 .section-main #dowebok {
         display: none;
         width: 100%;
         height: 100%;
    }
     .section-3 .section-main .honor-list {
         display: block;
    }
}
 @media screen and (max-width: 768px) {
     .banner-area {
         height: 141.86667vw;
         background: url("../img/about/banner.png") center center no-repeat;
    }
     .banner-area .banner-words {
         width: calc(100% - 40px);
    }
     .banner-area .banner-words .banner-title {
         color: #FFF;
    }
     .banner-area .banner-words .banner-title-en {
         color: #FFF;
    }
     .banner-area .banner-words .divider {
         background-color: #FFF;
    }
     .banner-area .banner-words .desc {
         width: 100%;
         color: #FFF;
    }
     .section-1 {
         position: relative;
         width: 100%;
         height: auto;
         display: flex;
    }
     .section-1 .content {
         position: relative;
         flex: 1;
         width: 100%;
         height: auto;
         box-sizing: border-box;
         padding: 0 40px;
         background-color: #F3F8FD;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         align-items: center;
    }
     .section-1 .content .desc {
         box-sizing: border-box;
         width: 100%;
         height: auto;
         padding: 20px 0;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
    }
     .section-1 .content .desc .head {
         display: flex;
         flex-direction: column;
    }
     .section-1 .content .desc .head .divider {
         width: 65px;
         height: 8px;
         background: #2B91FE;
    }
     .section-1 .content .desc .head .title {
         color: #2F3A47;
         font-weight: bold;
         margin: 20px 0 0 0;
    }
     .section-1 .content .desc .head .title .en {
         font-size: 22px;
         font-family: "Microsoft Yahei", sans-serif;
         line-height: 30px;
         margin-bottom: 15px;
    }
     .section-1 .content .desc .head .title .zh {
         font-size: 22px;
    }
     .section-1 .content .desc .detail {
         margin: 0 auto;
         font-size: 3.33333vw;
         font-weight: 400;
         color: #2F3A47;
         line-height: 5.06667vw;
    }
     .section-1 .content .content-img {
         display: none;
         position: absolute;
         width: 384px;
         height: auto;
         right: 0;
    }
     .section-1 .right {
         display: none;
         width: 100%;
         height: 100%;
         right: 0;
         bottom: 0;
    }
     .section-1 .right img {
         width: 100%;
         height: 100%;
    }
     .section-2 {
         box-sizing: border-box;
         padding: 40px 0 40px 0;
         display: flex;
         flex-direction: column;
    }
     .section-2 .section-title {
         width: 100%;
         text-align: center;
    }
     .section-2 .section-title .main-title {
         font-size: 5.6vw;
         color: #0087FF;
         margin-bottom: 0;
    }
     .section-2 .section-title .sub-title {
         font-family: "Microsoft Yahei", sans-serif;
         font-size: 2.93333vw;
         color: #BECDDE;
    }
     .section-2 .section-main {
         width: 100%;
         margin-top: 20px;
         display: flex;
         justify-content: center;
    }
     .section-2 .section-main .cul-list {
         box-sizing: border-box;
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100%;
         padding: 0 12px;
         flex-wrap: nowrap;
    }
     .section-2 .section-main .cul-list .cul-item {
         position: relative;
         box-sizing: border-box;
         padding: 40px;
         width: 300px;
         height: 300px;
         transition: width linear 0.4s;
         cursor: pointer;
         margin-right: 6px;
         margin-bottom: 20px;
    }
     .section-2 .section-main .cul-list .cul-item .header {
         width: 100%;
         text-align: center;
         color: #2B91FE;
    }
     .section-2 .section-main .cul-list .cul-item .header h1 {
         font-size: 22px;
    }
     .section-2 .section-main .cul-list .cul-item .header h2 {
         font-size: 18px;
         font-family: "Microsoft Yahei", sans-serif;
    }
     .section-2 .section-main .cul-list .cul-item .desc {
         width: 0;
         font-size: 0;
         width: 300px;
         height: 460px;
         color: transparent;
         line-height: 40px;
         margin-top: 60px;
         transition: color linear .2s;
    }
     .section-2 .section-main .cul-list .cul-item .open-icon {
         position: absolute;
         width: 120px;
         height: auto;
         display: none;
    }
     .section-2 .section-main .cul-list .cul-item:last-child {
         margin-right: 0;
    }
     .section-2 .section-main .cul-list .cul-item:hover {
         width: 300px;
         height: 300px;
         background-image: url(../img/about/bg-2.png);
    }
     .section-2 .section-main .cul-list .cul-item:hover .header {
         text-align: left;
         color: #FFF;
    }
     .section-2 .section-main .cul-list .cul-item:hover .header h1 {
         font-size: 28px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .header h2 {
         font-size: 18px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .desc {
         width: 224px;
         font-size: 20px;
         color: #FFF;
         margin-bottom: 0;
         margin-top: 20px;
         line-height: 28px;
    }
     .section-2 .section-main .cul-list .cul-item:hover .open-icon {
         position: absolute;
         right: 20px;
         bottom: 0;
         display: block;
         width: 100px;
    }
     .honor-area {
         position: relative;
         z-index: 1;
         box-sizing: border-box;
         width: 100%;
         background: url("../img/bg-honor-1.png") center center;
         background-size: cover;
         padding: 40px 0 40px 0;
    }
     .honor-area .honor-container {
         width: 100%;
         box-sizing: border-box;
         position: relative;
    }
     .honor-area .honor-container .section-title {
         width: 100%;
         margin-bottom: 40px;
         text-align: center;
    }
     .honor-area .honor-container .section-title .main-title {
         font-size: 5.6vw;
         color: #0087FF;
         margin-bottom: 3px;
    }
     .honor-area .honor-container .section-title .sub-title {
         font-family: "Microsoft Yahei", sans-serif;
         font-size: 2.93333vw;
         color: #BECDDE;
    }
     .honor-area .honor-container .honor-wall {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .honor-area .honor-container .honor-wall * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
    }
     .honor-area .honor-container .honor-wall .honor-content {
         display: flex;
         width: 100%;
         overflow: hidden;
         mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
         -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
    }
     .honor-area .honor-container .honor-wall .honor-content .honor-item {
         white-space: nowrap;
         animation: animate var(--t) linear infinite;
         -webkit-animation: animate var(--t) linear infinite;
         animation-delay: calc(var(--t) * -1);
    }
     .honor-area .honor-container .honor-wall .honor-content .honor-item span {
         display: inline-block;
         margin: 10px;
         width: auto;
         height: 60px;
         line-height: 60px;
         text-align: center;
         border-radius: 30px;
         padding: 0 12px;
         font-size: 20px;
         color: #0087FF;
         letter-spacing: 0.1em;
         transition: background-color 0.5s;
    }
     .honor-area .honor-container .honor-wall .honor-content .honor-item span:hover {
         background-color: #0087FF;
         color: #FFF;
    }
     .honor-area .honor-container .honor-wall .honor-content:hover .honor-item {
         animation-play-state: paused;
    }
}