.inner{position:relative;display:block;max-width:1400px;height:100%;margin:0 auto}.loop{animation-iteration-count:infinite;animation-timing-function:linear}.swiper-slide{position:relative}.wrapper{padding-top:88px}.arowshow{display:block}.swiper-pagination{text-align:center;position:absolute;bottom:0;left:50% !important;z-index:40;width:auto !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.swiper-pagination div{cursor:pointer;width:50px;height:3px;float:left;opacity:1;border-radius:5px;margin:0 5px;background:rgba(36,20,94,0.5);position:relative;overflow:hidden}.swiper-pagination div p{position:absolute;top:0;left:-50px;width:50px;height:3px;background:#e1c2c2;float:left}.login{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);-webkit-transition:-webkit-transform 5s linear;transition:transform 5s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.banner{width:100%;height:480px;box-sizing:border-box}.banner .banner_item{width:100%;height:100%;position:relative;overflow:hidden;opacity:0;transition:opacity 1.8s linear}.banner .banner_item a{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.banner .banner_item.s-active{opacity:1}.banner .banner_item .item_left{float:left;width:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin-top:10%;overflow:hidden;box-sizing:border-box}.banner .banner_item .item_left.item-text-01 .text-top{left:10%;width:30%}.banner .banner_item .item_left.item-text-01 .text-bottom{width:51%;top:14%;right:10%}.banner .banner_item .item_left.item-text-02 .text-top{left:10%;width:56%}.banner .banner_item .item_left.item-text-02 .text-bottom{width:27%;top:40%;right:11.5%}.banner .banner_item .item_left.item-text-03 .text-top{left:13%;width:30%}.banner .banner_item .item_left.item-text-03 .text-bottom{width:51%;top:11%;right:13%}.banner .banner_item .item_left.item-text-04 .text-top{left:7%;width:30%}.banner .banner_item .item_left.item-text-04 .text-middle{left:52%;top:26%;transform:translateX(-52%);width:30%}.banner .banner_item .item_left.item-text-04 .text-bottom{width:27%;top:49%;right:7%}.banner .banner_item .item_left img{margin:auto}.banner .banner_item .item_right{float:right;width:50%;position:relative}.banner .banner_item .item_right img{margin:auto}.service{position:relative;overflow:hidden;display:flex;justify-content:space-between}.service .service_item{float:left;display:flex;flex-direction:column;align-items:center;padding:3%;position:relative;overflow:hidden;color:#333;transition:all 400ms ease-in-out}.service .service_item:active h3,.service .service_item:hover h3{color:#27268e}.service .service_item:active .icon-pc img,.service .service_item:hover .icon-pc img{animation:rubberBand 1s ease-in-out both}.service .service_item:active .icon-mobile img,.service .service_item:hover .icon-mobile img{animation:upShow .5s linear both}.service .service_item:active .icon-applet img,.service .service_item:hover .icon-applet img{animation:flipInY 1s ease-in-out both}.service .service_item:active .icon-run img,.service .service_item:hover .icon-run img{animation:rubberBand 1s ease-in-out both}.service .cn-icon{width:100%;position:relative}.service .cn-icon .icon-pc{top:30%;left:50%;transform:translate(-50%, -30%)}.service .cn-icon .icon-pc .cn-active{animation:rubberBand 1s ease-in-out both}.service .cn-icon .icon-mobile{width:25%;overflow:hidden;bottom:20%;left:50%;transform:translate(-50%, -20%)}.service .cn-icon .icon-mobile .cn-active{animation:upShow .5s linear both}.service .cn-icon .icon-applet{top:50%;left:50%;transform:translate(-50%, -50%)}.service .cn-icon .icon-applet .cn-active{animation:flipInY 1s ease-in-out both}.service .cn-icon .icon-run{left:50%;top:25%;transform:translate(-50%, -25%)}.service .cn-icon .icon-run .cn-active{animation:rubberBand 1s ease-in-out both}.service .icon-center{width:50%;position:absolute}.service .lines{fill:none;fill-rule:evenodd;stroke:#2A334F;stroke-width:2}.service img{margin:auto;transition:all 350ms ease-in-out}.service h3{line-height:2;text-align:center;font-size:18px;font-weight:600;transition:all 350ms ease-in-out}.service p{text-align:center;font-size:14px;transition:all 350ms ease-in-out}.case .case_wrapper{width:100%;display:grid;position:relative;overflow:hidden}.case .case_wrapper.pc-content{grid-template-columns:repeat(3, 1fr);gap:4% 3%}.case .case_wrapper.phone-content{grid-template-columns:repeat(5, 1fr);gap:2%;margin-top:30px}.case .case_item1,.case .case_item2{float:left;border-radius:10px;position:relative;overflow:hidden}.case .case_item1 img,.case .case_item2 img{transition:transform 400ms ease-out}.case .case_item1:hover img,.case .case_item2:hover img{transform:scale(1.2)}.case .case_item1:hover .mask,.case .case_item2:hover .mask{opacity:1}.case .case_item1:hover .mask .mask_icon,.case .case_item2:hover .mask .mask_icon,.case .case_item1:hover .mask .mask_ewm,.case .case_item2:hover .mask .mask_ewm,.case .case_item1:hover .mask .mask_content,.case .case_item2:hover .mask .mask_content{transform:none}.case .case_item1 .cover,.case .case_item2 .cover{width:100%;overflow:hidden}.case .case_item1 .cover img,.case .case_item2 .cover img{width:100%;height:100%;object-fit:cover}.case .case_item1 .cover{max-height:240px}.case .case_item2 .cover{max-height:420px}.case .mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 400ms ease-in-out}.case .mask .mask_icon{width:15%;padding-bottom:15%;margin:25px auto 0;background-color:#fff;background-image:url('../images/icon/link.png');background-size:100%;border-radius:50%;transform:translateY(-30%);transition:transform 350ms ease-out}.case .mask .mask_ewm{width:75%;margin:15% auto 0;background-color:#fff;border-radius:8px;box-shadow:0 0 10px 5px rgba(226,226,226,0.5);transform:translateY(-30%);transition:transform 350ms ease-out}.case .mask .mask_content{width:100%;padding:15px;color:#fff;position:absolute;left:0;bottom:0;transform:translateY(50%);transition:transform 350ms ease-out}.case .mask h3{line-height:1.6;font-size:16px;font-weight:600}.about{float:left;width:50%}.about .about_container1{padding-top:5%;padding-right:10%}.about .about_container2{width:100%;padding-bottom:60%;position:relative;overflow:hidden;border-radius:8px;box-shadow:0 0 5px 4px rgba(226,226,226,0.5)}.about .about_p{text-align:justify;text-indent:2em;line-height:2;font-size:16px;color:#333}.about .about_p:first-child{margin-bottom:15px}.about .about_video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}@media screen and (min-width:1251px) and (max-width:1450px){.banner{height:500px}}@media screen and (min-width:1025px) and (max-width:1250px){.banner{height:450px}}@media screen and (min-width:941px) and (max-width:1024px){.banner{height:400px}.service .service_item{width:50%;position:relative;overflow:hidden}.service .service_item img{width:30%}.service .service_item h3{font-size:24px}.service .service_item p{font-size:20px}.about{width:100%}.about .about_container1{padding:15px}.about .about_p{line-height:2;font-size:20px}.about .about_p:first-child{margin-bottom:5px}}@media screen and (min-width:641px) and (max-width:940px){.banner{height:350px}}@media screen and (min-width:561px) and (max-width:1024px){.phone-content{margin-top:20px}.case_wrapper.phone-content{grid-template-columns:repeat(4, 1fr) !important;gap:1% 2% !important}.service .service_item{width:50%;position:relative;overflow:hidden}.service .service_item img{width:30%}.service .service_item h3{font-size:24px}.service .service_item p{font-size:16px}.about{width:100%}.about .about_container1{padding:15px}.about .about_p{line-height:2;font-size:20px}.about .about_p:first-child{margin-bottom:5px}}@media screen and (min-width:561px) and (max-width:640px){.banner{height:250px}}@media screen and (max-width:560px){.wrapper{padding-top:75px}.case_wrapper.pc-content{grid-template-columns:1fr !important;gap:2.5% !important}.case_wrapper.phone-content{grid-template-columns:repeat(2, 1fr) !important;gap:1% 1.5% !important}.banner{height:200px;margin-bottom:20px}.banner .item_right{position:absolute;right:0}.service .service_item{width:50%;position:relative;overflow:hidden}.service .service_item img{width:40%}.service .service_item h3{font-size:16px}.service .service_item p{font-size:12px}.case .case_wrapper{margin-top:20px !important}.about{width:100%}.about .about_container1{padding:15px}.about .about_p{line-height:1.75;font-size:16px}.about .about_p:first-child{margin-bottom:5px}}@media screen and (max-width:420px){.banner{height:180px}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:22px}.swiper-pagination div{width:35px}.swiper-pagination div p{width:35px}.case .block_title,.about .block_title{margin-bottom:0}}