.features-main{width:100%;position:relative}.features-main .features-main-container{width:1160px;margin:0 auto;position:relative;padding:80px 0}.features-main .features-main-container .title{height:48px;font-size:32px;font-family:PingFangSC-Medium;font-weight:500;color:#333;line-height:48px}.features-main .features-main-container .line{width:1160px;height:1px;background:#333;opacity:.1;position:absolute;top:140px}.features-main .features-main-container .blue-line{width:146px;height:2px;background:#0e57a2;position:absolute;top:140px}.features-main .features-main-container .features-swiper-container{margin-top:70px}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item{width:360px;height:433px;background:#0e57a2;border-radius:12px;overflow:hidden}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-image{width:360px;height:433px;transition:all .3s;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content{width:360px;transition:all .3s;background:rgba(0,0,0,.7);border-radius:0 0 12px 12px;position:absolute;bottom:-135px;padding:32px 24px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content .name{width:312px;font-size:22px;font-weight:400;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content .split{width:312px;height:1px;background:#fff;opacity:.2;margin:8px 0}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content .description{width:312px;font-size:14px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item:hover .item-image{background-size:calc(360px*1.1) calc(433px*1.1)}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item:hover .item-content{bottom:0}.features-main .features-main-container .features-swiper-container .swiper-pagination{position:relative;bottom:0;margin-top:40px}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper{display:flex;justify-content:center;align-items:center}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item{cursor:pointer;position:relative;margin-right:12px;border:1px solid #fff;border-radius:50%;width:14px;height:14px;opacity:.4;background:0 0}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item:last-child{margin-right:0}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item.pagination_avtive,.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item:hover{opacity:1}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item.pagination_avtive::after,.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item:hover::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item.pagination_avtive{cursor:default}.features-main .background{width:100%;position:absolute;height:332px;margin-top:-332px;background:#0e57a2}@media only screen and (max-width:767px){.features-main{width:100%}.features-main .features-main-container{width:100%;margin:0 auto;position:relative;padding:.48rem 0}.features-main .features-main-container .title{height:.28rem;font-size:.2rem;font-family:PingFangSC-Medium;font-weight:500;color:#000;line-height:.28rem;margin:0 .24rem}.features-main .features-main-container .line{width:3.27rem;height:.01rem;background:#333;opacity:.1;position:absolute;top:.84rem;margin:0 .24rem}.features-main .features-main-container .blue-line{width:.9rem;height:.02rem;background:#0e57a2;position:absolute;top:.84rem;margin:0 .24rem}.features-main .features-main-container .features-swiper-container{margin-top:.34rem;width:100%}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item{width:2.34rem;height:2.73rem;background:#fff;border-radius:.08rem;overflow:hidden}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-image{width:2.34rem;height:2.73rem;transition:all .3s;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content{width:2.34rem;height:1.05rem;transition:all .3s;background:rgba(0,0,0,.7);border-radius:0 0 .08rem .08rem;position:absolute;bottom:0;padding:.16rem;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:2.02rem;height:.22rem;font-size:.16rem;font-weight:500;color:#fff;line-height:.22rem}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content .split{width:2.02rem;height:.01rem;background:#fff;opacity:.2;margin:8px 0}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item .item-content .description{width:2.02rem;height:.34rem;font-size:.12rem;font-weight:400;line-height:.17rem;overflow:hidden;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.features-main .features-main-container .features-swiper-container .swiper-wrapper .features-item:hover .item-image{background-size:100% 100%}.features-main .features-main-container .features-swiper-container .swiper-pagination{position:relative;bottom:0;margin-top:.24rem}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper{display:flex;justify-content:center;align-items:center}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item{cursor:pointer;position:relative;margin-right:.12rem;border:.01rem solid #fff;border-radius:50%;width:.14rem;height:.14rem;opacity:.4;background:0 0}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item:last-child{margin-right:0}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item.pagination_avtive,.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item:hover{opacity:1}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item.pagination_avtive::after,.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item:hover::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.06rem;height:.06rem;border-radius:50%;background:#fff}.features-main .features-main-container .features-swiper-container .swiper-pagination .pagination-wrapper .pagination-item.pagination_avtive{cursor:default}.features-main .background{width:100%;position:absolute;height:1.65rem;margin-top:-1.65rem;background:#0e57a2}}