.project-wrap{background:url(/images/s-bgc.png) no-repeat center center;background-size:cover;overflow:hidden;height:1000px;box-sizing:border-box;padding-top:60px;}.project-wrap h2{font-size:40px;color:#333;text-align:center;margin:unset;margin-bottom:15px;}.project-wrap small{display:block;text-align:center;font-size:16px;color:#666;max-width:753px;margin:0 auto;line-height:1.6;}.project-wrap .swiper{margin-top:100px;transform:translateX(-12px);max-width:1800px;}.project-wrap .swiper-wrapper{align-items:center;height:500px;}.project-wrap .swiper-slide{width:325px;height:325px;transition:width .3s ease,height .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;}.project-wrap .swiper-slide.swiper-slide-prev .item{transform:translateX(-120px);}.project-wrap .swiper-slide.swiper-slide-next .item{transform:translateX(120px);}.project-wrap .swiper-slide.swiper-slide-active .item{width:100%;height:100%;transform:scale(1.5);}.project-wrap .swiper-slide.swiper-slide-active .item::before{transform:translate(-50%,-50%) rotate(180deg);background:var(--main-color);}.project-wrap .swiper-slide.swiper-slide-active .item::after{width:97%;height:97%;}.project-wrap .swiper-slide.swiper-slide-active .item h3{height:unset;font-size:16px;margin:8px;max-width:80%;}.project-wrap .swiper-slide.swiper-slide-active .item p{display:block;transform-origin:top center;transform:scale(0.8);width:105%;}.project-wrap .swiper .swiper-control{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:680px;display:flex;align-items:center;justify-content:space-between;z-index:1;}.project-wrap .swiper .swiper-control .btn{width:60px;height:60px;border-radius:10px;transform:rotate(45deg);background:#fff;color:var(--main-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}.project-wrap .swiper .swiper-control .btn:hover{background:var(--main-color);color:#fff;}.project-wrap .swiper .swiper-control .btn i{font-size:24px;transform:rotate(-45deg);}.project-wrap .item{width:200px;height:200px;position:relative;transition:width .3s ease,height .3s ease;}.project-wrap .item::before{content:"";border-radius:50%;background:radial-gradient(circle at top center,var(--main-color) 30%,rgba(178,20,65,0.6),transparent,transparent);color:transparent;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);transition:transform .3s ease,background .3s ease;}.project-wrap .item .after{content:"";border-radius:50%;background:radial-gradient(circle at bottom center,#FFFFFF 40%,#eee 70%);box-shadow:0 0 10px 0 rgba(0,0,0,0.2);position:absolute;top:50%;left:50%;width:95%;height:95%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;}.project-wrap .item h3{font-size:14px;font-weight:400;color:#333;text-align:center;line-height:1.6;height:40px;}.project-wrap .item p{display:none;text-align:center;font-size:12px;width:80%;margin:unset;color:#666;line-height:1.6;}.project-wrap .item .wrap{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;}.project-wrap .item .wrap .icon{width:50px;height:50px;}.project-wrap .item .wrap .icon img{width:100%;height:100%;object-fit:contain;}.center-wrap{padding:60px 0;}.center-wrap .video-wrap{position:relative;cursor:pointer;}.center-wrap .video-wrap img{max-width:100%;object-fit:cover;border-radius:15px;}.center-wrap .video-wrap .play{width:80px;height:80px;background:#fff;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}.center-wrap .video-wrap .play img{display:block;width:50%;height:50%;}.center-wrap .desc h2{font-size:40px;color:#333;margin:0 0 25px;}.center-wrap .desc .rich-text{font-size:16px;color:#666;line-height:1.8;text-indent:32px;}.center-wrap .desc .rich-text p{margin:unset;}.center-wrap .desc .rich-text p+p{margin-top:15px;}.center-wrap .swiper{padding:170px 0 0;}.center-wrap .swiper .swiper-slide{border-radius:15px;overflow:hidden;position:relative;}.center-wrap .swiper .swiper-slide>img{display:block;width:100%;height:350px;object-fit:cover;transition:transform .5s ease;}.center-wrap .swiper .swiper-slide:hover>img{transform:scale(1.05);}.center-wrap .swiper .swiper-slide .hover{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);transition:background .3s ease;}.center-wrap .swiper .swiper-slide .hover .right{width:250px;height:100%;float:right;border-radius:15px 0 0 15px;background:rgba(14,87,223,0.3);padding:30px;transition:background .6s ease,width .6s ease;}.center-wrap .swiper .swiper-slide:hover .hover{background:rgba(0,0,0,0.05);}.center-wrap .swiper .swiper-slide:hover .hover .right{width:50%;background:rgba(255,255,255,0.9);}.center-wrap .swiper .swiper-slide:hover .hover .right h2{color:#333;}.center-wrap .swiper .swiper-slide:hover .hover .right p{color:#666;-webkit-line-clamp:10;}.center-wrap .swiper .swiper-slide .hover .right h2{margin:unset;color:#fff;line-height:1.5;font-size:24px;transition:color .3s ease;}.center-wrap .swiper .swiper-slide .hover .right p{font-size:16px;color:#ffff;line-height:1.6;transition:color .3s ease;}.center-wrap .swiper .swiper-slide .hover .icon{width:51px;height:50px;transition:transform .3s ease;}.center-wrap .swiper .swiper-slide .hover .icon:hover{transform:translateX(10px);}.center-wrap .swiper .swiper-slide .hover .icon path{transition:fill .3s ease;}.center-wrap .swiper .swiper-slide:hover .hover .icon path{fill:var(--main-color);}.center-wrap .swiper .swiper-pagination{position:absolute;top:75px;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:center;}.center-wrap .swiper .swiper-pagination::after{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;border-bottom:4px dotted #A8A8A8;}.center-wrap .swiper .swiper-pagination .swiper-pagination-bullet{width:33px;height:33px;opacity:1;background:rgba(14,87,223,0.1);position:relative;z-index:1;}.center-wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgb(183,0,48,0.1);}.center-wrap .swiper .swiper-pagination .swiper-pagination-bullet::after{content:"";width:10px;height:10px;border-radius:50%;background:#0E57DF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.center-wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{background:rgb(183,0,48,1);}.center-wrap .swiper .swiper-pagination .swiper-pagination-bullet::before{content:"";width:23px;height:23px;border-radius:50%;background:rgba(14,87,223,0.3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.center-wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background:rgb(183,0,48,0.3);}.center-wrap .swiper-wrap{position:relative;}.center-wrap .swiper-wrap .swiper-control{position:absolute;bottom:30%;left:-90px;right:-90px;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none;}.center-wrap .swiper-wrap .swiper-control .btn{transform:rotate(45deg);background:#Fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:15px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);transition:background .3s ease;cursor:pointer;pointer-events:all;}.center-wrap .swiper-wrap .swiper-control .btn:hover{background:var(--main-color);}.center-wrap .swiper-wrap .swiper-control .btn svg{transform:rotate(-45deg);width:50%;height:50%;}.center-wrap .swiper-wrap .swiper-control .btn svg path{fill:var(--main-color);transition:fill .3s ease;}.center-wrap .swiper-wrap .swiper-control .btn:hover svg path{fill:#fff;}@media screen and (max-width:640px){.project-wrap{padding:30px 0 0px;background:url(/images/s-bgc.png) no-repeat 49% center;background-size:cover;height:auto;}.project-wrap h2{font-size:24px;margin-bottom:10px;}.project-wrap small{font-size:12px;color:#999;}.project-wrap .swiper-wrap{padding:0;}.project-wrap .swiper{margin-top:20px;width:100%;transform:unset;padding-bottom:100px;}.project-wrap .swiper-wrapper{height:unset;}.project-wrap .swiper-slide{width:unset;height:unset;}.project-wrap .swiper-slide .item{width:90vw;height:90vw;transform:unset;}.project-wrap .swiper-slide.swiper-slide-prev .item{transform:unset;}.project-wrap .swiper-slide.swiper-slide-next .item{transform:unset;}.project-wrap .swiper-slide.swiper-slide-active .item p{transform:scale(1);width:85%;}.project-wrap .item .wrap{justify-content:unset;}.project-wrap .swiper-slide.swiper-slide-active .item{width:90vw;height:90vw;transform:unset;}.project-wrap .swiper-slide.swiper-slide-active .item h3{font-size:18px;line-height:1.4;margin:10px 0;}.project-wrap .item .wrap .icon{width:40px;height:40px;margin-top:30px;}.project-wrap .swiper .swiper-control{width:100%;top:unset;left:0;right:0;transform:unset;bottom:30px;justify-content:center;}.project-wrap .swiper .swiper-control .prev{margin-right:40px;}.project-wrap .swiper .swiper-control .btn{width:50px;height:50px;}.center-wrap{padding:30px 0;}.center-wrap .desc h2{font-size:24px;margin-bottom:15px;}.center-wrap .desc .rich-text p{font-size:14px;}.center-wrap .desc .rich-text p+p{margin-top:10px;}.center-wrap .video-wrap{margin-top:30px;}.center-wrap .swiper .swiper-slide:hover .hover .right{width:100%;}.center-wrap .swiper .swiper-slide:hover .hover .right p{display:block;}.center-wrap .swiper{padding-top:60px;padding-bottom:80px;}.center-wrap .swiper .swiper-pagination{top:0px;height:60px;}.center-wrap .video-wrap .play{width:60px;height:60px;}.center-wrap .video-wrap .play img{width:40%;height:40%;}.center-wrap .swiper .swiper-slide>img{height:200px;}.center-wrap .swiper .swiper-slide .hover .right h2{font-size:18px;}.center-wrap .swiper .swiper-slide .hover .right p{font-size:12px;-webkit-line-clamp:3;}.center-wrap .swiper .swiper-slide .hover .right{width:50%;padding:15px;}.center-wrap .swiper .swiper-slide .hover .icon{width:30px;height:30px;}.center-wrap .swiper-wrap .swiper-control{left:0;right:0;bottom:0;justify-content:center;}.center-wrap .swiper-wrap .swiper-control .btn{width:50px;height:50px;}.center-wrap .swiper-wrap .swiper-control .next{margin-left:30px;}}.video-popup-wrap .video-popup{border-radius:30px;overflow:hidden;position:relative;}.video-popup-wrap .video-popup .close{position:absolute;top:0;right:0;width:60px;height:60px;background:var(--main-color);display:flex;align-items:center;justify-content:center;transition:width .3s ease,height .3s ease,background .3s ease;cursor:pointer;}.video-popup-wrap .video-popup .close:hover{width:55px;height:55px;background:var(--hover-color);}.video-popup-wrap .video-popup .close img{width:40%;height:40%;object-fit:contain;}.video-popup-wrap video{display:block;width:100%;object-fit:contain;}@media screen and (max-width:640px){.dialog-wrap .content{width:95%;border-radius:15px;}.video-popup-wrap .video-popup .close{width:40px;height:40px;}.video-popup-wrap .video-popup .close.active,.video-popup-wrap .video-popup .close:hover{width:35px;height:35px;}}