.about .swiper{width: 100%; position: relative;}
.about .swiper-slide{width: 100%;}
.about .swiper-slide img {display: block;width: 100%;object-fit: cover;}
.about .swiper-pagination{bottom: 40px !important;}
.about .swiper-pagination-bullet {width: 50px;height: 8px;opacity: 1;background: rgba(255, 255, 255, 0.3); border-radius: 0;}
.about .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 1);}

.about .tit img{padding-left: 5px;}
.about .name{font-size: 60px; color: #00acc9; font-weight: bold; padding-top: 10px; padding-bottom: 30px;}
.about .con{font-size: 32px; color: #5f5f5f; line-height: 1.5;}

.about .mission{width: 600px;}
.about .mission .label{color: #00acc9; font-weight: bold;}
.about .mission .text{padding-top: 30px;}
.about .mission .txt{padding-right: 100px; font-size: 26px; padding-bottom: 60px;}
.about .values{width: 1000px;}
.about .values .flex{flex-wrap: wrap;}
.about .values .text .item{width: 50%;}
.about .content{padding-top: 60px;}
.about .con img{max-width: 100%;}