.about{padding-bottom:156px}.about .container{display:flex}.about .container .about-left{position:relative;padding-left:50px;width:503px;height:445px;background:#e60611}.about .container .about-left .left-line{position:absolute;left:-40px;top:79px;width:526px;height:444px;border:2px solid #dcdcdc;z-index:-1}.about .container .about-left .introduceSwiepr{position:absolute;left:-67px;top:193px;width:512px;height:298px;overflow:hidden}.about .container .about-left .introduceSwiepr .slide-image{width:100%;height:100%;font-size:22px;font-weight:400;color:#000;line-height:40px}.about .container .about-left .introduceSwiepr .video-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.about .container .about-left .introduceSwiepr .video-mask .play-icon{position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%, -50%);cursor:pointer}.about .container .about-left .introduceSwiepr .video-mask.hide{display:none}.about .container .about-left .introduceSwiepr .slide-video{width:100%;height:100%;object-fit:contain}.about .container .about-left .introduceSwiepr .swiper-pagination-bullet{background-color:#fff;opacity:1}.about .container .about-left .introduceSwiepr .swiper-pagination-bullet-active{background-color:#e80122}.about .container .about-left .about-left-title{padding-top:38px;font-size:14px;font-weight:400;color:#fff;line-height:20px}.about .container .about-left .about-left-content{padding-top:17px;font-size:48px;font-weight:bold;color:#ffff;line-height:50px}.about .container .about-right{margin-left:100px;padding-top:60px;width:585px}.about .container .about-right .right-title{font-size:24px;font-weight:bold;color:#333}.about .container .about-right .right-content{padding-top:15px;text-align:justify;font-size:14px;font-weight:400;color:#666;line-height:30px}.develop{position:relative;padding:0 40px;width:100%;height:491px;background-repeat:no-repeat;background-size:cover;background-position:center center;background-image:url(/cn/images/about/develop.jpg)}.develop .develop-line{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.develop .develop-swiper{width:100%;top:50%;transform:translateY(-50%)}.develop .develop-swiper .swiper-wrapper{width:100%}.develop .develop-swiper .swiper-wrapper .develop-item-one{display:flex;flex-direction:column;align-items:center;margin-top:-3px;width:100%}.develop .develop-swiper .swiper-wrapper .develop-item-one .develop-item-content{width:100%;padding:0 20px;height:64px;text-align:center;font-size:20px;font-weight:400;color:#fff;line-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.develop .develop-swiper .swiper-wrapper .develop-item-one .develop-item-count{display:flex;justify-content:center;align-items:center;margin-top:10px;width:16px;height:16px;background-color:#fff;border-radius:50%}.develop .develop-swiper .swiper-wrapper .develop-item-one .develop-item-count .develop-item-counts{width:6px;height:6px;background-color:#e60611;border-radius:50%}.develop .develop-swiper .swiper-wrapper .develop-item-one .develop-item-year{margin-top:20px;font-size:49px;font-weight:bold;color:#fff;line-height:51px}.develop .develop-swiper .swiper-wrapper .develop-item-two{display:none;flex-direction:column;position:absolute;left:0;top:0;padding:13px 13px 0;width:100%;height:100%;background-color:#fff}.develop .develop-swiper .swiper-wrapper .develop-item-two .develop-two-img{width:100%}.develop .develop-swiper .swiper-wrapper .develop-item-two .develop-two-title{margin-top:18px;font-size:34px;font-weight:500;color:#e60611;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.develop .develop-swiper .swiper-wrapper .develop-item-two .develop-two-text{margin-top:10px;height:72px;font-size:14px;font-weight:400;color:#666;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.develop .develop-swiper .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;width:100%;height:325px;transition:all .3s}.develop .develop-swiper .swiper-wrapper .swiper-slide:hover{box-shadow:1px 11px 27px 0 rgba(42,129,162,0.45)}.develop .develop-swiper .swiper-wrapper .swiper-slide:hover .develop-item-one{display:none;animation:show1 .5s forwards;-webkit-animation:show1 .5s forwards}.develop .develop-swiper .swiper-wrapper .swiper-slide:hover .develop-item-two{display:flex;animation:show2 .5s forwards;-webkit-animation:show2 .5s forwards}.develop .swiper-pagination{bottom:24px;left:50%;transform:translateX(-50%)}.develop .swiper-pagination .swiper-pagination-bullet{width:32px;height:3px;background-color:#fff;border-radius:0}.develop .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:32px;height:3px;background-color:#fff;border-radius:0}.custom{padding-top:70px}.custom .small-title{font-size:14px;font-weight:400;color:#7d7d7d;line-height:20px}.custom .custom-title{padding-top:17px;font-size:48px;font-weight:bold;color:#333;line-height:50px}.custom .custom-box{display:flex;flex-wrap:wrap;margin-top:60px;margin-bottom:115px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.custom .custom-box .custom-item{width:239px;height:150px;background-repeat:no-repeat;background-size:contain;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;transition:all .3s}.custom .custom-box .custom-item .item-title{padding-top:96px;font-size:16px;font-weight:400;color:#747474;line-height:30px;text-align:center;transition:all .3s}.custom .custom-box .custom-item:hover{transform:scale(1.17);background:#fff;border-bottom:1px solid transparent;border-right:1px solid transparent;box-shadow:0 0 31px 4px rgba(37,94,197,0.1)}.custom .custom-box .custom-item:hover .item-title{padding-top:110px}@keyframes show1{from{opacity:1}to{opacity:0}}@-webkit-keyframes show1{from{opacity:1}to{opacity:0}}@keyframes show2{from{opacity:0}to{opacity:1}}@-webkit-keyframes show2{from{opacity:0}to{opacity:1}}