.box1 {
     color: #fff;
     position: relative;
 }

 .box1 .bannertitle {
     width: 100%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     text-align: center;
 }

 .box1 .bannertitle .bannertitle-zh {
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
     font-weight: normal;
     font-size: 36px;
     color: #FDFDFD;
 }

 .box1 .bannertitle .bannertitle-en {
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
     font-weight: normal;
     font-size: 20px;
     color: #FFFFFF;
     margin-top: 15px;
 }

 .box1 .text1 {
     font-size: 35px;
     padding-top: 5%;
     margin-left: 19%;
 }

 .box1 .text2 {
     margin-left: 19%;
     width: 40%;
     font-size: 15px;
     line-height: 24px;
     margin-top: 1%;
 }

 .about {
     background-image: url('./../images/202601/about/top_bg.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }

 .about .about-container {
     padding: 100px 0;
     width: 1400px;
     margin: 0 auto;
 }

 .about .about-container .abouttitle .abouttitle-zh {
     font-size: 36px;
     font-weight: bold;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
 }

 .about .about-container .abouttitle .abouttitle-en {
     font-size: 20px;
     color: #323232;
     font-family: ArialMT;
     font-weight: bold;
 }

 .about .about-container .flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: relative;
 }

 .about .about-container .flex .desc {
     font-size: 16px;
     color: #505050;
     line-height: 26px;
     width: 769px;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
 }

 .about .about-container .flex .dtss {
     position: absolute;
     left: 0;
     bottom: 0;
 }

 .about .about-container .flex .dtss .dtss1 {
     font-size: 14px;
     color: #57545F;
     line-height: 17px;
 }

 .about .about-container .flex .dtss .dtss2 {
     font-size: 41px;
     color: #003E9B;
     text-align: left;
     font-weight: bold;
 }

 .about .about-container .flex .dtss .dtss3 {
     font-size: 16px;
     color: #57545F;
     line-height: 17px;
 }

 .about .about-container .flex .topitem {
     width: 318px;
     background: rgba(255, 255, 255, .6);
     border-radius: 8px 8px 8px 8px;
     text-align: center;
     height: 130px;
     padding-top: 30px;
     margin-top: 30px;
     display: flex;
     align-items: center;
     justify-content: top;
     flex-direction: column;
     cursor: pointer;
 }

 .about .about-container .flex .topitem:hover {
     background: #003E9B;
     box-shadow: 0px 13px 16px 13px rgba(137, 177, 221, 0.84);
     color: #fff;
 }

 .about .about-container .flex .topitem:hover .divider {
     background-color: #fff;
 }

 .about .about-container .flex .topitem:hover .textlabel {
     color: #fff;
 }

 .about .about-container .flex .topitem .topflex {
     display: flex;
     align-items: center;
     justify-content: center;

 }

 .about .about-container .flex .topitem .divider {
     width: 2px;
     height: 13px;
     background-color: #000;
     margin: 0 10px;
     /* background: #FFFFFF; */
 }

 .about .about-container .flex .topitem .textlabel {
     font-size: 24px;
     color: #666;
     line-height: 22px;

 }

 .about .about-container .flex .topitem .bottomflex {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 20px;
     height: 52px;
 }

 .about .about-container .flex .topitem .bottomflex .bottomitem {
     margin: 0 4px;
     font-size: 18px;
 }
















 .box4 .title,
 .box5 .title,
 .box7 .title {
     text-align: center;
     font-size: 36px;
     letter-spacing: 5px;
     padding-top: 3%;
     font-weight: bold;
     color: #fff;
 }

 .box3 .title {
     text-align: left;
     width: 1400px;
     margin: 0 auto;
     font-size: 36px;
     /* letter-spacing: 2px; */
     padding-top: 97px;
     color: #323232;
     font-weight: bold;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
 }

 .box3 .title .title-en {
     font-size: 20px;
 }

 .box3 {
     /* background-image: url('../img/zoujinSH/sh_3.jpg'); */
     background-image: url('../images/202601/about/zizhi/bg.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     min-height: 783px;
     overflow: hidden;
     padding-bottom: 104px;
 }

 .box3 #rongyaochengguo {
     width: 1500px;
     /* height: 300px; */
     margin: 0 auto;
     margin-top: 150px;
     position: relative;
     overflow: visible !important;
     /* overflow-y: hidden !important;
            overflow-x: visible !important; */
 }

 .box3 .swiper-container img {
     display: block;
     /* width: auto;
     height: 200px; */
     width: 100%;
     margin: 0 auto;
     /* border: 1px solid #333; */
 }

 .box3 .swiper-container .chengguoDesc {
     text-align: center;
     color: #fff;
     position: absolute;
     bottom: -176px;
     height: 120px;
     width: 100%;
     visibility: hidden;
     transition: all 0.3s;
     font-size: 24px;
     color: #323232;
     line-height: 1.5;
 }

 .box3 .swiper-container .swiper-slide-active .chengguoDesc {
     visibility: visible;
 }

 .box3 .swiper-container-horizontal>.swiper-pagination-bullets,
 .box3 .swiper-pagination-custom,
 .box3 .swiper-pagination-fraction {
     bottom: 0;
     left: 0;
     width: 100%;
 }

 .box3 .swiper-pagination-bullet-active {
     background-color: #ffd200;
 }

 .box3 .swiper-container .swiper-slide img {
     /* -webkit-box-reflect: below 2px linear-gradient(transparent, rgba(0, 0, 0, .5)); */
     transition: all 0.5s;
 }

 .box3 .swiper-pagination-bullet {
     width: 40px;
     height: 2px;
     /* margin: 0 8px; */
 }

 .box3 .swiper-pagination-bullet-active {
     background: #1890ff;
     height: 3px;
 }

 .box3 .swiper-slide-active img {
     transform: scale(1.2);
     margin-top: -15px;
 }

 .box3 #rongyaochengguo .swiper-button-next {
     width: 64px;
     height: 64px;
     right: -64px;
     border-radius: 50%;
     overflow: hidden;
     background-image: none;
 }

 .box3 #rongyaochengguo .swiper-button-prev {
     width: 64px;
     height: 64px;
     left: -64px;
     border-radius: 50%;
     overflow: hidden;
     background-image: none;
 }

 .box3 #rongyaochengguo .swiper-button-prev img,
 .box3 #rongyaochengguo .swiper-button-next img {
     width: 100%;
     border: none;
 }

 @-webkit-keyframes animate_line {

     0%,
     to {
         transform: scale(1, 1);
         transform-origin: 50% 100%;
         opacity: 1
     }

     20% {
         transform: scale(1, .01);
         transform-origin: 50% 100%;
         opacity: 1
     }

     30% {
         transform: scale(1, .01);
         transform-origin: 50% 100%;
         opacity: 0
     }

     31% {
         transform: scale(1, .01);
         transform-origin: 50% 0;
         opacity: 0
     }

     50% {
         transform: scale(1, 1);
         transform-origin: 50% 0;
         opacity: 1
     }
 }

 @keyframes animate_line {

     0%,
     to {
         transform: scale(1, 1);
         transform-origin: 50% 100%;
         opacity: 1
     }

     20% {
         transform: scale(1, .01);
         transform-origin: 50% 100%;
         opacity: 1
     }

     30% {
         transform: scale(1, .01);
         transform-origin: 50% 100%;
         opacity: 0
     }

     31% {
         transform: scale(1, .01);
         transform-origin: 50% 0;
         opacity: 0
     }

     50% {
         transform: scale(1, 1);
         transform-origin: 50% 0;
         opacity: 1
     }
 }

 .about_megvii-banner-container {
     padding-top: 160px;
     text-align: center;
     color: #fff;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-color: #000
 }

 .about_megvii-banner-container>.title {
     font-size: 32px;
     font-weight: 600;
     line-height: 60px;
     margin-bottom: 24px
 }

 .about_megvii-banner-container>.desc {
     font-size: 16px;
     line-height: 28px;
     margin-bottom: 48px
 }

 .about_megvii-banner-container .button {
     margin: 0 auto 72px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer
 }

 .about_megvii-banner-container .button .icon {
     background-position: center;
     width: 18px;
     height: 18px;
     background-image: url(../images/button_play.7141db62.png);
     display: inline-block;
     background-size: contain;
     margin-right: 12px
 }

 .about_megvii-banner-container .slogan-container {
     display: flex;
     min-height: 132px;
     justify-content: space-between
 }

 .about_megvii-banner-container .slogan-container .slogan-item {
     margin-right: 25px;
     height: auto;
     background: rgba(14, 87, 162, .3);
     padding: 22px 36px;
     flex: 1;
     transition: all .3s linear;
     position: relative;
     top: 0
 }

 .about_megvii-ability,
 .about_megvii-banner-container .slogan-container .slogan-item .title {
     position: relative
 }

 .about_megvii-banner-container .slogan-container .slogan-item .title:after,
 .about_megvii-banner-container .slogan-container .slogan-item .title:before {
     content: "";
     position: absolute;
     width: 6px;
     height: 17px;
     transform: skew(-10deg);
     background-color: #2590f2
 }

 .about_megvii-banner-container .slogan-container .slogan-item .title:before {
     top: -10px;
     left: -14px;
     opacity: 0;
     transition: all .3s linear
 }

 .about_megvii-banner-container .slogan-container .slogan-item .title:after {
     top: 10px;
     right: -14px;
     opacity: 0;
     transition: all .3s linear
 }

 .about_megvii-banner-container .slogan-container .slogan-item:last-child {
     margin-right: 0
 }

 .about_megvii-banner-container .slogan-container .slogan-item .title {
     font-size: 16px;
     line-height: 22px;
     margin-bottom: 12px;
     display: inline
 }

 .about_megvii-banner-container .slogan-container .slogan-item .desc {
     margin-top: 10px
 }

 .about_megvii-banner-container .slogan-container .slogan-item:first-child .desc {
     margin-top: 12px
 }

 .about_megvii-banner-container .slogan-container .slogan-item:first-child,
 .about_megvii-banner-container .slogan-container .slogan-item:last-child {
     padding-top: 36px
 }

 .about_megvii-banner-container .slogan-container .slogan-item .desc {
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     line-height: 28px
 }

 .about_megvii-brainpp .main {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 1160px
 }

 .about_megvii-brainpp .brainpp-img {
     width: 700px;
     margin-right: 4px;
     flex-shrink: 0
 }

 .about_megvii-brainpp .content .title {
     font-size: 32px;
     font-weight: bolder;
     color: #333;
     line-height: 50px;
     margin-bottom: 20px
 }

 .about_megvii-brainpp .content .desc {
     font-size: 14px;
     color: #333;
     line-height: 28px;
     margin-bottom: 32px;
     text-align: left
 }

 .about_megvii-brainpp .content .desc p {
     margin-bottom: 20px
 }

 .about_megvii-brainpp .content .button {
     margin-right: 32px;
     justify-content: center;
     align-items: center
 }

 .about_megvii-brainpp .btns-container {
     display: flex
 }

 .about_megvii-ability>.desc,
 .about_megvii-ability>.title {
     position: absolute;
     top: 48px;
     left: 0;
     right: 0;
     text-align: center;
     font-size: 32px;
     font-weight: bolder;
     color: #fff;
     line-height: 60px;
     z-index: 2
 }

 .about_megvii-ability>.desc {
     top: 128px;
     font-size: 16px;
     line-height: 28px;
     font-weight: 700
 }

 .about_megvii-ability .abilities-contianer {
     display: flex;
     justify-content: center
 }

 .about_megvii-ability .abilities-contianer .ability-item {
     flex: 1;
     height: 643px;
     position: relative;
     overflow: hidden;
     display: block;
     transition: all .5s linear
 }

 .about_megvii-ability .abilities-contianer .ability-item .bg {
     height: 100%;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     transition: all .3s
 }

 .about_megvii-ability .abilities-contianer .ability-item .content {
     position: absolute;
     width: 100%;
     top: 483px;
     padding: 40px 50px;
     text-align: center;
     transition: all .3s
 }

 .about_megvii-ability .abilities-contianer .ability-item .content .title {
     font-size: 24px;
     font-weight: bolder;
     color: #fff;
     line-height: 40px;
     margin-bottom: 16px
 }

 .about_megvii-ability .abilities-contianer .ability-item .content .desc {
     font-size: 14px;
     color: #fff;
     line-height: 28px;
     margin-bottom: 16px;
     text-align: left;
     opacity: 0;
     transition: all .3s;
     display: -webkit-box;
     overflow: hidden;
     white-space: normal;
     text-overflow: ellipsis;
     word-wrap: break-word;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical
 }

 .about_megvii-ability .abilities-contianer .ability-item .content .learn-more {
     font-size: 14px;
     font-weight: bolder;
     color: #2590f2;
     line-height: 28px
 }

 .about_megvii-declaration {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-bottom: 147px;
     position: relative
 }

 .about_megvii-declaration .goose-img {
     background-position: center;
     background-repeat: no-repeat;
     background-image: url(../images/development_AI_goose.59f08e13.png);
     background-size: contain;
     position: absolute;
     right: 100px;
     bottom: 50px;
     width: 540px;
     height: 500px
 }

 .about_megvii-declaration .content {
     margin-top: 80px;
     width: 671px;
     font-size: 14px;
     font-weight: 700;
     color: #333;
     line-height: 24px
 }

 .about_megvii-declaration .content p {
     margin-bottom: 24px
 }

 /* .about_megvii-history {
     padding-bottom: 100px
 } */

 .about_megvii-history .card-title {
     color: #fff;
     z-index: 1;
     position: relative;
     font-size: 36px;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
     font-weight: bold;
     line-height: 60px;
     text-align: left;
     width: 1400px;
     margin: 0 auto;
     padding-top: 30px;
 }

 .about_megvii-history .card-title .card-title-en {
     font-size: 20px;
     color: #FFFFFF;
     line-height: 1.2;
     text-align: left;
     font-family: ArialMT;

 }

 .about_megvii-history .swiper-slide .years {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 55px;
     padding: 0 46px
 }

 .about_megvii-history .swiper-slide .years span {
     font-size: 60px;
     font-weight: bolder;
     color: rgba(255, 255, 255, .5);
     line-height: 84px;
     flex: 1;
     cursor: pointer;
     visibility: hidden;
 }

 .about_megvii-history .swiper-pagination .swiper-pagination-bullet span.end span,
 .about_megvii-history .swiper-slide .years span.end span {
     display: inline-block;
     width: 10px;
     height: 10px;
     background-color: rgba(255, 255, 255, .5);
     border-radius: 100%;
     position: relative;
     top: -12px
 }

 .about_megvii-history .swiper-slide .years span.end span:after,
 .about_megvii-history .swiper-slide .years span.end span:before {
     content: "";
     position: absolute;
     width: 10px;
     height: 10px;
     background-color: rgba(255, 255, 255, .5);
     border-radius: 100%
 }

 .about_megvii-history .swiper-slide .years span.end span:before {
     left: -15px
 }

 .about_megvii-history .swiper-slide .years span.end span:after {
     left: -30px
 }

 .about_megvii-history .swiper-slide .years span:nth-child(2) {
     text-align: center;
     cursor: auto;
     font-family: Rajdhani, Rajdhani;
     font-weight: bold;
     font-size: 60px;
     color: #FFFFFF;
     visibility: visible;
 }

 .about_megvii-history .swiper-slide .years span:last-child {
     text-align: right
 }

 .about_megvii-history .swiper-slide .animate {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     bottom: 0
 }

 .about_megvii-history .swiper-slide .animate .line {
     width: 2px;
     height: 20px;
     margin-bottom: 8px;
     background-color: #fff;
     -webkit-animation: animate_line 3s .3s linear both infinite;
     animation: animate_line 3s .3s linear both infinite
 }

 .about_megvii-history .swiper-slide:last-child .years span:last-child {
     cursor: auto
 }

 .swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more {
     cursor: default;
     font-size: 40px !important
 }

 .swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more:hover {
     color: rgba(255, 255, 255, .4) !important
 }

 .about_megvii-history .swiper-slide .animate .text {
     font-size: 12px;
     color: #fff;
     line-height: 17px
 }

 .about_megvii-history .swiper-slide {
     overflow: hidden;
     height: 573px
 }

 .about_megvii-history .swiper-slide .main {
     /* height: 268px; */
     height: 280px;
     overflow-y: scroll;
     overflow-x: hidden;
     margin-top: 20px;
     position: absolute;
     left: -20px;
     right: -20px
 }

 .about_megvii-history .swiper-slide .content {
     font-size: 16px;
     color: #fff;
     line-height: 22px;
     margin-top: 20px;
     width: 740px;
     /* position: relative;
     left: 20% */
 }

 .about_megvii-history .swiper-slide .content .event {
     padding-bottom: 15px;
     position: relative;
     padding-left: 20px
 }

 .about_megvii-history .swiper-slide .content .desc {
     line-height: 28px;
     font-size: 16px;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
 }

 .about_megvii-history .swiper-slide .content .event .month {
     font-size: 20px;
     font-weight: bolder;
     color: #fff;
     line-height: 28px;
     margin-right: 10px;
     position: absolute;
     left: -60px;
     top: -5px
 }

 .about_megvii-history .swiper-slide .content .event .line {
     width: 7px;
     height: 7px;
     background: #fff;
     border-radius: 100%;
     display: inline-block;
     margin-right: 16px;
     position: absolute;
     top: 12px;
     left: -4px
 }

 /* .about_megvii-history .swiper-slide .content .event:after {
     content: "";
     position: absolute;
     top: 11px;
     left: -1px;
     bottom: -11px;
     width: 1px;
     background-color: #fff;
     text-align: right
 } */

 .about_megvii-history .swiper-slide .content .event:last-child:after {
     display: none
 }

 .about_megvii-history .swiper-pagination {
     bottom: 72px
 }

 .about_megvii-history .swiper-pagination .swiper-pagination-bullet {
     font-size: 20px;
     color: rgba(255, 255, 255, .4);
     line-height: 28px;
     margin-right: 64px;
     width: auto;
     height: auto;
     opacity: 1;
     background: 0 0;
     transform: scale(1)
 }

 .about_megvii-history .swiper-pagination .swiper-pagination-bullet-active {
     color: #fff;
     position: relative
 }

 .about_megvii-history .swiper-pagination .swiper-pagination-bullet-active:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     height: 2px;
     background-color: #fff;
     bottom: 0
 }

 .about_megvii-history .parallax-bg {

     background-image: url('../images/202601/about/history.png');
     background-repeat: no-repeat;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center
 }

 .about_megvii-history .parallax-bg:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.3);
 }

 .about_megvii-history .swiper-button-next,
 .about_megvii-history .swiper-button-prev {
     background: 0 0;
     width: 64px;
     height: 64px;
     top: 50%;
     margin: 0;
     transform: translateY(-50%);
 }

 .about_megvii-history .swiper-button-prev {
     left: 114px
 }

 .about_megvii-history .swiper-button-next {
     right: 114px
 }

 .about_megvii-video-modal,
 .about_megvii-video-modal .mask {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 102
 }

 .about_megvii-video-modal .mask {
     background: #000;
     opacity: .7
 }

 .about_megvii-video-modal .video-container {
     z-index: 103;
     width: 66.71875vw;
     min-width: 615px;
     margin: auto;
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center
 }

 .about_megvii-video-modal .video-player-box {
     position: relative
 }

 .about_megvii-video-modal .video-container .close {
     position: absolute;
     right: 10px;
     top: 10px;
     z-index: 1;
     color: #fff;
     font-size: 18px;
     cursor: pointer
 }

 .about_megvii-video-modal .video-player-box .video-js {
     font-size: 10px;
     color: #fff;
     width: 66.71875vw;
     min-width: 615px;
     height: 37.5vw;
     min-height: 345.75px
 }

 .about_megvii-video-modal .video-player-box .video-js * {
     outline: 0
 }

 .about_megvii-video-modal .video-player-box .video-js .vjs-big-play-button {
     text-align: center;
     font-size: 8em;
     height: 8em;
     width: 8em;
     border: 0;
     border-radius: 50%;
     background-color: rgba(255, 255, 255, .5);
     left: 0;
     right: 0;
     margin: auto;
     top: 28.75em;
     line-height: 8em
 }

 .about_megvii-video-modal .video-player-box .video-js .vjs-control-bar {
     background-color: transparent
 }

 .about_megvii-video-modal .video-player-box .video-js .vjs-load-progress,
 .about_megvii-video-modal .video-player-box .video-js .vjs-slider,
 .about_megvii-video-modal .video-player-box .video-js .vjs-slider-bar,
 .about_megvii-video-modal .video-player-box .video-js .vjs-volume-level {
     height: 2px;
     background: #fff
 }

 .about_megvii-video-modal .video-player-box .video-js .vjs-slider {
     opacity: .4
 }

 .about_megvii-video-modal .video-player-box .video-js .vjs-load-progress:before {
     font-size: .5em
 }

 @media screen and (min-width:768px) {
     .about_megvii-video-modal .video-player-box .video-js .vjs-slider:hover {
         opacity: .8
     }

     .about_megvii-history .swiper-pagination .swiper-pagination-bullet:hover {
         color: #fff
     }

     .about_megvii-banner-container .slogan-container .slogan-item:hover {
         top: -16px
     }

     .about_megvii-ability .abilities-contianer .ability-item:hover .content {
         transform: translateY(-110px)
     }

     .about_megvii-ability .abilities-contianer .ability-item:hover .bg {
         transform: scale(1.1, 1.1)
     }

     .about_megvii-ability .abilities-contianer .ability-item:hover .content .desc {
         opacity: 1
     }

     .about_megvii-banner-container .slogan-container .slogan-item:hover .title:after,
     .about_megvii-banner-container .slogan-container .slogan-item:hover .title:before {
         content: "";
         position: absolute;
         width: 6px;
         height: 17px;
         transform: skew(-10deg);
         background-color: #2590f2
     }

     .about_megvii-banner-container .slogan-container .slogan-item:hover .title:before {
         top: 0;
         left: -14px;
         opacity: 1
     }

     .about_megvii-banner-container .slogan-container .slogan-item:hover .title:after {
         top: 0;
         right: -14px;
         opacity: 1
     }
 }

 @media screen and (max-width:767px) {

     .card,
     .card-dark {
         padding: .48rem 0
     }

     .about_megvii-banner-container .button {
         margin: 0 auto .24rem
     }

     .button {
         height: .32rem;
         width: 1.2rem;
         font-size: .12rem;
         line-height: .32rem;
         text-align: center;
         margin: 0 auto
     }

     .about_megvii-video-modal .video-player-box .video-js {
         font-size: .05rem;
         width: .32rem
     }

     .about_megvii-banner-container {
         padding-top: 1.01rem;
         width: 100vw;
         height: initial
     }

     .about_megvii-banner-container>.title {
         font-size: .2rem;
         line-height: .28rem;
         margin-bottom: .21rem;
         font-weight: 700
     }

     .about_megvii-banner-container>.desc {
         padding: 0 .48rem;
         font-size: .12rem;
         line-height: .2rem;
         margin-bottom: .24rem
     }

     .about_megvii-banner-container .button .icon {
         width: .14rem;
         height: .14rem
     }

     .about_megvii-banner-container .slogan-container {
         margin: 0 auto;
         padding: 0;
         width: 3.55rem;
         height: .98rem;
         display: flex;
         justify-content: space-between
     }

     .about_megvii-banner-container .slogan-container .slogan-item:first-child,
     .about_megvii-banner-container .slogan-container .slogan-item:last-child {
         padding: 0
     }

     .about_megvii-banner-container .slogan-container .slogan-item {
         margin: 0;
         height: initial;
         background: rgba(14, 87, 162, .3);
         padding: 0;
         flex: 1;
         transition: all .3s linear;
         position: relative;
         top: 0;
         display: flex;
         flex-direction: column;
         justify-content: center;
         flex-basis: .9rem
     }

     .about_megvii-banner-container .slogan-container .slogan-item:nth-of-type(2) {
         flex-basis: 1.4rem
     }

     .about_megvii-banner-container .slogan-container .slogan-item .title {
         font-size: .1rem;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 500;
         color: #fff;
         line-height: .14rem;
         margin-bottom: .04rem
     }

     .about_megvii-banner-container .slogan-container .slogan-item .desc {
         margin: 0;
         font-size: .1rem;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 400;
         color: #fff;
         line-height: .16rem
     }

     .about_megvii-brainpp .brainpp-img {
         display: none
     }

     .about_megvii-brainpp .main {
         width: 100vw
     }

     .about_megvii-brainpp .content {
         padding: 0 .24rem;
         width: 100vw;
         text-align: justify
     }

     .about_megvii-brainpp .content .title {
         font-size: .24rem;
         line-height: .33rem;
         margin-bottom: .24rem;
         text-align: center;
         font-weight: 700;
         font-family: PingFangSC-Medium, PingFang SC
     }

     .about_megvii-brainpp .content .desc p {
         font-size: .14rem;
         line-height: .24rem;
         margin-bottom: .24rem
     }

     .about_megvii-brainpp .content .button {
         margin-right: .24rem;
         height: .36rem
     }

     .btns-container {
         padding: 0 .32rem;
         display: flex;
         justify-content: space-between
     }

     .about_megvii-brainpp .content .button:last-of-type {
         margin: 0
     }

     .about_megvii-ability .abilities-contianer {
         display: flex;
         flex-direction: column
     }

     .about_megvii-ability .abilities-contianer .ability-item {
         height: 1.76rem
     }

     .about_megvii-ability>.desc,
     .about_megvii-ability>.title {
         display: none
     }

     .about_megvii-ability .abilities-contianer .ability-item .content .desc {
         opacity: 1;
         font-size: .1rem;
         line-height: .14rem
     }

     .about_megvii-ability .abilities-contianer .ability-item .content {
         position: absolute;
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         padding: .52rem .24rem 0;
         text-align: justify
     }

     .about_megvii-ability .abilities-contianer .ability-item .content .title {
         font-size: .16rem;
         line-height: .22rem;
         margin-bottom: .08rem;
         text-align: left;
         font-weight: 700
     }

     .about_megvii-declaration {
         width: 100vw;
         height: 7.37rem
     }

     .about_megvii-declaration-en {
         height: 10.37rem
     }

     .card .card-title,
     .card-dark .card-title {
         font-size: .24rem;
         line-height: .33rem;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 700
     }

     .about_megvii-declaration .content,
     .about_megvii-history .swiper-slide .content .desc {
         font-size: .14rem;
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         line-height: .24rem
     }

     .about_megvii-declaration .content {
         width: 100vw;
         padding: .24rem;
         margin: 0;
         color: #333
     }

     .about_megvii-declaration .goose-img {
         width: 2rem;
         height: 1.85rem;
         right: .1rem;
         bottom: -1rem
     }

     .about_megvii-history .swiper-slide .years {
         margin-top: .15rem
     }

     .about_megvii-history .swiper-slide .years span {
         line-height: .33rem;
         font-size: .24rem;
         font-weight: 500
     }

     .about_megvii-history .swiper-slide .main {
         height: 3.12rem;
         width: 100vw;
         left: 0
     }

     .about_megvii-history .swiper-slide .content {
         width: 76vw;
         font-size: .14rem;
         line-height: .24rem;
         left: 24vw
     }

     .about_megvii-history .swiper-slide .content .desc {
         display: inline-block;
         padding-right: .24rem;
         text-align: left;
         color: #fff
     }

     .about_megvii-banner-container .slogan-container .slogan-item .title:after,
     .about_megvii-banner-container .slogan-container .slogan-item .title:before {
         top: .02rem;
         opacity: 1;
         width: .02rem;
         height: .08rem
     }

     .about_megvii-banner-container .slogan-container .slogan-item .title:before {
         left: -.05rem
     }

     .about_megvii-banner-container .slogan-container .slogan-item .title:after {
         right: -.05rem
     }

     .about_megvii-banner-container .slogan-container .slogan-item div {
         line-height: 0;
         display: flex;
         justify-content: center;
         align-items: center
     }

     .about_megvii-history .swiper-slide {
         height: 5.5rem
     }

     .about_megvii-history .swiper-slide .animate .line {
         height: .15rem
     }

     .about_megvii-history .swiper-slide .animate {
         bottom: .6rem
     }

     .about_megvii-history .swiper-pagination .swiper-pagination-bullet {
         margin-right: .3rem
     }

     .about_megvii-video-modal .video-container {
         width: 100vw;
         min-width: initial
     }

     .about_megvii-video-modal .video-player-box .video-js {
         width: 100vw;
         min-width: initial;
         height: 2.5rem;
         min-height: initial
     }

     .about_megvii-video-modal .video-container .close {
         top: -.2rem;
         right: 0
     }

     .about_megvii-banner-container .slogan-container .slogan-item:first-child .desc {
         margin: 0
     }

     .about_megvii-history .swiper-pagination .swiper-pagination-bullet {
         font-size: .16rem;
         line-height: .28rem
     }
 }



 /* 研发实力 */
 .capability {
     /* background-image: url('../images/202601/about/capability_bg.png'); */
     background-image: url('../images/202601/about/yfslbg.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     padding-top: 90px;
     padding-bottom: 80px;
 }

 .capability .capability-container {
     width: 1400px;
     margin: 0 auto;

 }

 .capability .capability-container .capability-title .capability-title-zh {
     font-size: 36px;
     color: #FFFFFF;
     line-height: 1.5;
     text-align: left;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
     font-weight: 600;
 }

 .capability .capability-container .capability-title .capability-title-en {
     font-size: 20px;
     color: #FFFFFF;
     line-height: 1.2;
     font-weight: bold;
 }

 .capability .flex {
     display: flex;
     align-items: center;
 }

 .capability .capability-container .capabilityNum-item {
     text-align: center;
     color: #FFFFFF;
 }

 .capability .capability-container .capabilityNum {
     align-items: center;
     justify-content: space-between;
     margin-top: 60px;
 }

 .capability .capability-container .capabilityNum-item .num {
     font-size: 83px;
     color: #FFFFFF;
     font-family: Rajdhani, Rajdhani;
     font-weight: bold;
 }

 .capability .capability-container .capabilityNum-item .num .unit {
     font-size: 23px;
     color: #FFFFFF;
     font-weight: normal;
 }

 .capability .capability-container .capabilityNum-item .text {
     line-height: 64px;
     font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
     font-weight: normal;
     font-size: 23px;
     color: #F3FCFF;
 }

 .capability .capability-container .lianheshiyan {
     border-bottom: 1px solid #FFFFFF;
     margin-bottom: 30px;
     margin-top: 60px;
 }

 .capability .capability-container .lianheshiyan .lianheshiyantitle {
     font-size: 20px;
     color: #FFFFFF;
     line-height: 22px;
     display: inline-block;
     border-bottom: 2px solid #FFFFFF;
     padding-bottom: 10px;
 }

 .capability .capability-container .shiyanshi {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 /* lianheshiyan-item lianheshiyan-item2 */
 .capability .capability-container .shiyanshi .lianheshiyan-item {
     flex: 0 0 393px;
     font-size: 18px;
     color: #505050;
     line-height: 24px;
     background-color: #FFFFFF;
     height: 97px;
     margin-bottom: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .capability .capability-container .shiyanshi .lianheshiyan-item:hover {
     background-color: #0540D4;
     box-shadow: 0px 2px 16px 2px rgba(122, 134, 148, 0.28);
     color: #fff;
 }

 .capability .capability-container .shiyanshi .lianheshiyan-item2 {
     flex: 0 0 592px;
 }

 .capability .capability-container .shiyanshi .lianheshiyan-item3 {
     flex: 0 0 683px;
 }