.app{background: #fff;}
.main{padding: 0;}
.banner{background-image: url('../imgs/ban-about.jpg');}
.banner .en{background-image: url('../imgs/ban-en-about.png');}
.part-nav{height: .7rem; position: relative; z-index: 2;}
.part-nav .nav{position: absolute; left: 0; top: 0; width: 100%;}
.title{font-size: .5rem;font-weight: bold;line-height: .68rem;text-align: center;}
.part1{padding: 1rem .24rem 0;}
.about-video{margin: .58rem 0 0;position: relative;}
.text{padding: .5rem .6rem; line-height: .8rem; text-indent: 2em;}
.part2{padding: .6rem .24rem 1.1rem;}
.culture li{height: 1.7rem; margin-bottom: .03rem; display: flex; box-sizing: border-box; line-height: .38rem; padding: .32rem .5rem 0; background-repeat: no-repeat;background-size: auto 1.7rem;background-position: right center;}
.culture li .ct{font-size: .4rem; font-weight: bold; width: 1.6rem;}
.culture li:nth-child(1){background-image: url('../imgs/about-culture1.jpg');color: #ed7220;}
.culture li:nth-child(2){background-image: url('../imgs/about-culture2.jpg');color: #869eec;}
.culture li:nth-child(3){background-image: url('../imgs/about-culture3.jpg');color: #a1c579;}
.part3{background: #f8f8fa; padding: .76rem .24rem;}
.part3 .title{margin-bottom: .35rem;}
.tag{font-size: .4rem;font-weight: bold;line-height: 1; padding: .48rem 0;text-align: center;}
.theme{padding-bottom: 1rem;}
.more{line-height: .54rem; width: 1.72rem; background: #ffd71f; border-radius: .27rem; display: block; margin: .38rem auto 0; text-align: center;}
.product .swiper-slide{min-height: 3.36rem;text-align: center;}
.product .swiper-slide p{background: #fff; line-height: .6rem; font-size: .3rem;}
.tag-ai{line-height: 1.4; padding: .4rem 0 0;}
.ai{position: relative;}
.ai .cover{min-height: 3.38rem; margin-bottom: .3rem;}
.ai .cover p{background: #fff;line-height: .6rem;text-align: center;}
.ai .text{text-indent: 0;}
.ai .swiper-pagination{width: 100%; z-index: 1; display: flex; justify-content: center;}
.ai .swiper-pagination-bullet{width: .2rem; height: .2rem; border-radius: 50%; border: .03rem solid #000; display: block; margin: 0 .08rem; -webkit-transition: all .2s linear; transition: all .2s linear;}
.ai .swiper-pagination-bullet-active{background: #ffd71f; border-color: #ffd71f;}
.part4{padding: 1rem .24rem;}
.part4 .title{padding-bottom: .3rem;}
.part5{background: #f8f8fa; padding: 1rem .24rem;}
.team li{margin-top: 1rem;text-align: center;}
.team .name{font-size: .4rem; font-weight: bold; padding: .2rem 0 .1rem;}
.team .job{font-size: .28rem; display: inline-block; line-height: .32rem; position: relative; padding-right: .4rem;}
.team .job::after{content: ''; position: absolute; right: 0; top: 50%; width: .32rem; height: .32rem; margin-top: -.16rem; border-radius: 50%; background: #ffd71f url('../imgs/arrow-right.png') no-repeat center / .08rem auto;}
.part6{padding: 1rem 0;}
.year{margin: .75rem 0 .42rem; height: 1.04rem; text-align: center;}
.year::after{content: ''; position: absolute; left: 50%; margin-left: -3.75rem; top: 50%; width: 7.5rem; height: 1px; background: #9b9b9b;}
.year .swiper-slide span{font-weight: bold; font-size: .3rem; line-height: 1; display: block; width: 1.04rem; height: 1.04rem; margin: 0 auto;}
.year .swiper-slide::after{content: ''; width: .12rem; height: .12rem; position: absolute; left: 50%; top: 50%; margin: -.06rem 0 0 -.06rem; background: #4e5259; border-radius: 50%;}
.year .swiper-slide-active span{border-radius: 50%; line-height: 1.04rem; background: #000; color: #ffd71f;}
.year .swiper-slide-active::after{display: none;}
.year-info{margin: 0 .24rem; text-align: center;}
.year-list li{display: none;}
.year-list .on{display: block; -webkit-animation: fadeInRight .6s forwards; animation: fadeInRight .6s forwards;}
.year-list li .year-text{color: #4e5259; line-height: .6rem;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.part7{background: #231000 url('../imgs/about-honor.jpg') no-repeat center bottom / 7.5rem auto; color: #fff; padding: .7rem .24rem; min-height: 9rem;}
.part7 .more{color: #000;}
.honor{text-align: center; margin-top: .85rem;}
.honor li{line-height: .5rem; margin-bottom: .7rem;}
.honor li h3{font-size: .3rem;}
.honor li p{color: #848484;}
.pop .title{margin: .3rem 0;}
.pop .pop-body{padding-bottom: 1rem;max-height: 7rem;text-align: justify;}
.pop .pop-main::after{content: '';position: absolute;bottom: .3rem; left: 0;width: 100%;height: 1.8rem;background: linear-gradient(to bottom, transparent, white);}
.pop-team .pop-main{overflow: hidden;}
.pop-team .pop-cont{padding: 0 .6rem  .5rem;}
.pop-team .pop-body{max-height: 5rem;}
.pop-team .pop-job{border-bottom: 1px solid #8c8c8c; text-align: center; padding-bottom: .24rem; margin-bottom: .24rem;}
.en .nav .nav-item{line-height: .28rem;padding: .1rem; font-size: .22rem;}
.en .nav .nav-item:nth-child(1){line-height: .46rem;}
.en .text{padding: 0.5rem;line-height: .6rem; text-align: justify;}
.en .tag{font-size: .36rem;}
.en .culture li{display: block;}
.en .culture li .ct{width: auto; margin-bottom: .1rem;}
.en .pop .title{font-size: .34rem;line-height: 1.4;}
.en .year-list li .year-text{line-height: 1.8;}
.en .year-list li .year-text div{margin-bottom: .2rem;}
.en .honor li{margin-bottom: .34rem;}
.en .ai .cover p{font-size: .22rem;}
.en .part3{padding: 1rem 0.24rem;}