@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .banner-animote.ban1{max-width: 800px;transform: translateY(-50%);left: 5%;text-align:left}
.home-banner .banner-animote.ban1 .p1{text-align:left}
@media (min-width:1025px){.home-banner .banner-animote.ban1{top:50%;max-width:50%;}
.home-banner .banner-animote.ban2{max-width:80%;}
.home-banner .banner-animote.ban1 .p1{font-size:3.5vw;}
.home-banner .banner-animote.ban1 .p2,.home-banner .banner-animote.ban2 .p2{font-size:1.2vw;margin-bottom:0;}}
.home-banner .banner-animote.ban2{top:50%;}
@media (min-width:769px) and (max-width:1800px){.home-banner .banner-animote.ban2 .p1{font-size:2.45vw}}
.home-banner .swiper-slide>a::after{background:rgba(21,21,21,.25)}
@media (max-width:600px){.home-banner .banner-animote.ban2 .p1{font-size:12px;}}
.appli{padding:3% 0 10px}
.appli .sw-next,.appli .sw-prev{position: absolute;top: calc(45% - 60px);width: 40px;height: 80px;display: flex;align-items: center;justify-content: center;background: 0 0;color: var(--fontcolor);z-index: 9;cursor: pointer;transition: all 0.15s linear;border-radius: var(--borderradius);}
.appli .sw-next:hover,.appli .sw-prev:hover{transform: scale(1.1);}
.appli .sw-next em,.appli .sw-prev em{font-size: var(--fontsize24);}
.appli .sw-prev{left: 0;}
.appli .sw-next{right: 0;}
.appli .swiper-pagination-bullet{cursor: pointer;}
.appli .swiper-pagination-bullet:hover{transform: scale(1.1);background: var(--color);opacity: 1;}
.appli .swiper-pagination-bullet.swiper-pagination-bullet-active{transform: scale(1.2);}
.appli .tabcon{text-align: center;}
.appli .tabs{background: #e0f3f6;display: inline-flex;margin: auto;color: #7b7b7b;padding: 8px;border-radius: 50px;}
.appli .tabs .tabitem{border-radius: 50px;padding: 10px 24px;cursor: pointer;}
.appli .tabs .tabitem.act{background: #0055a4;color: #ffffff;}
.appli .tabboxitem{display: none;padding-top: 80px;}
.appli .tabboxitem.act{display: block;}
.appli .tabboxitem > .btn{text-transform: uppercase;display: flex;align-items: center;margin-bottom: 30px;}
.appli .tabboxitem > .btn a{margin-right: 40px;}
.appli .tabboxitem > .btn .line{flex: 1;height: 1px;background: #7b7b7b;}
.appli .appbox{padding: 0 50px;position: relative;padding-bottom: 80px;}
.appli .app-probox .img img{width: 100%;}
.appli .app-probox .name{text-align: center;padding: 5px 0;color: #7b7b7b;}
.appli .app-stylebox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.appli .app-stylebox .item{width: 48%;display: flex;margin-bottom: 20px;border-radius: 5px;padding: 20px;}
.appli .app-stylebox .item:hover{background: #f2f2f2;}
@media (max-width: 768px){.appli{padding:30px 0 10px}
.appli .app-stylebox .item{width: 100%;}}
.appli .app-stylebox .icon{width: 64px;}
.appli .app-stylebox .info{width: calc(100% - 64px);padding-left: 30px;}
.appli .app-stylebox .title{font-size: var(--fontsize22);margin-bottom: 5px;}
.appli .app-insbox .swiper-slide{display: flex;justify-content: space-between;}
.appli .app-insbox .info{flex: 1 1 0%;text-align: center;}
.appli .app-insbox .info .title{font-size: 24px;color: #0055a4;font-weight: bold;margin-bottom: 3px;}
.appli .app-insbox .info .des{font-size: 18px;font-weight: bold;color: #3a3a3a;margin-bottom: 5px;}
.appli .app-insbox .info .flex{display: flex;justify-content: center;}
.appli .app-insbox .info .value{border-top-right-radius: 15px;border-bottom-left-radius: 15px;padding: 12px;background: #cacaca;margin: 0 20px;}
.appli .app-insbox .info .num{font-size: 30px;font-weight: bold;min-width: 110px;color: #0055a4;background: #fff;}
.appli .app-insbox .info .name{padding-top: 5px;color: #fff;font-weight: bold;}
.appli .app-insbox .info .price{display: flex;margin-top: 10px;justify-content: center;}
.appli .app-insbox .info .yuan{color: #0055a4;margin-right: 5px;}
.appli .app-insbox .info .yuan em{transform: rotate(-90deg);display: inline-block;font-style: initial;}
.appli .app-insbox .color .title{font-size: 24px;font-weight: bold;color: #0055a4;text-align: center;}
.appli .app-insbox .color .list{display: grid;flex-wrap: wrap;justify-content: space-between;gap: 20px;grid-template-columns: repeat(4, 1fr);}
.appli .app-insbox .color .item{text-align: center;color: #676767;font-size: 12px;}
.appli .app-insbox .color img{width: 48px;height: 48px;border-radius: 50%;overflow: hidden;border: 1px #676767 solid;}
.appli .app-insbox .color .name{padding-top: 5px;}
.appli .app-galbox img{width: 100%;}
.appli .app-galbox .swiper-slide{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border: 1px solid #e2e2e2;display: flex;flex-direction: column;justify-content: space-between;}
.appli .app-galbox .info{padding: 20px;}
.appli .app-galbox .title{color: #3a3a3a;}
.appli .app-galbox .des{color: #7b7b7b;margin: 10px 0;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.appli .app-galbox .btn{background: #0055a4;padding: 10px 0;}
.appli .app-galbox .btn a{color: #fff;display: block;text-align: center;}

.home-onestop{padding:4% 0;}
.home-onestop .home-title{color:var(--color);font-weight: var(--fontbold7);}
.home-onestop .inner{display:flex;align-items:center;justify-content: space-between;flex-wrap:wrap;margin-top:2%;}
.home-onestop .inner .one-left{width:49%;}
.home-onestop .inner .one-left .title{position:relative;padding-bottom:10px;margin-bottom:20px;font-size:26px;font-weight: var(--fontbold5);}
.home-onestop .inner .one-left .title:after{content:'';width:70px;height:3px;display:block;background:var(--color);position: absolute;bottom:0;left:0;}
.home-onestop .inner .one-left .home-des{text-align:left;}
.home-onestop .inner .one-right{width:49%;}
.home-onestop .inner .one-right img{width:100%;display:block;}
@media (max-width:768px){.home-onestop{padding:40px 0;}
.home-onestop .inner .one-left{width:100%;}
.home-onestop .inner .one-right{width:100%;margin-top:10px;}
.home-onestop .inner .one-left .title{font-size:22px;}}

.home-door{padding:2% 0 3.5%}
.home-door .door-list{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:2.5%;}
.home-door .door-list li{width:49%;display:flex;flex-direction:column;}
.home-door .door-list li .img{overflow: hidden;}
.home-door .door-list li img{width:100%;display:block;transition: all .3s;}
.home-door .door-list li:hover img{transform: scale(1.05);}
.home-door .door-list li .inner{padding:15px 20px;background:#E7E7E7;display:flex;flex-direction:column;flex:1;}
.home-door .door-list li .inner .tit{font-weight: var(--fontbold7);font-size:var(--fontsize20)}
.home-door .door-list li .inner .des{margin-bottom:10px;}
.home-door .door-list li .inner .more-box{margin-top:auto;}
.home-door .door-list li .inner .home-more{background:var(--color);border-radius:5px;color:#fff;border-color:var(--color)}
.home-door .door-list li .inner .home-more:hover{background:#fff;border-color:#fff;color:var(--color)}
@media (max-width:1024px){.home-door{padding:20px 0 30px}}
@media (max-width:768px){.home-door .door-list{margin-top:20px;}
.home-door .door-list li{width:100%;margin:10px 0;}
.home-door .door-list li .inner{padding:10px;}
.home-door .door-list li .inner .tit{font-size:var(--fontsize18)}}

.home-new{padding-bottom:4%;}
.wmpage202-page5 .wmpage202-page5-box{display:flex;flex-wrap:wrap;}
.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item{width:23.5%;height:auto;margin-top:2%;margin-right:2%}
.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item:nth-child(4n){margin-right:0;}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-top{width:100%;position:relative}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-img{width:100%;position:relative;overflow:hidden}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-img img{width:100%;display:block;transition: all .3s;}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-img img{transform: scale(1.05);}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-card{display:inline-flex;justify-content:center;align-items:center;min-width:140px;padding:5px 15px;background:#fff;border-radius:20px;position:absolute;left:20px;top:30px;transition:all .2s linear;z-index:2}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-card{background:var(--color)}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-card em{color:var(--color);font-size:var(--wmpage-font20);transition:all .2s linear}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-card em{color:#fff}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-card p{color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-left:10px;transition:all .2s linear}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-card p{color:#fff}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-online{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:all .3s linear}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-online em{font-size:var(--wmpage-font30);color:#fff}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-online{opacity:1;top:50%}
.wmpage202-page5 .wmpage202-page5-bottom{border:1px solid #ddd}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-info{padding:15px 20px 30px}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold7);color:var(--wmpage-color22);background:linear-gradient(to right,var(--fontcolor) 0,var(--fontcolor) 100%) 0 95%/0 1px no-repeat;transition:all .5s ease}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-title:hover{background-size:100% 1px;color:var(--color)}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-desc{color:var(--wmpage-color8);margin:10px 0}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-btn{position:relative}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-btn a:first-child{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--wmpage-font20);background:var(--color);color:#fff;perspective:300px;transition:transform .5s ease;transform-origin:top center;transform:translateY(0) translateZ(0) scaleY(1) rotateX(0);margin-top:20px}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-btn a:first-child{transform-origin:bottom center;transform:translateY(-100%) translateZ(150px) scaleY(0) rotateX(90deg)}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-btn a:last-child{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;border-radius:10px;background:var(--color);transition:transform .7s ease,top .7s ease;transform:translateY(0) translateZ(150px) scaleY(0) rotateX(90deg);perspective:300px;transform-origin:bottom center;color:#fff;font-weight:var(--fontbold6)}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-btn a:last-child{transition:transform .5s ease,top .5s ease;transform:translateY(0) translateZ(0) scaleY(1) rotateX(0)}
@media (max-width:1024px){.wmpage202-page5 .wmpage202-page5-box{justify-content: space-between;}
.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item{width:48.5%;margin-right:0;}}
@media (max-width:768px){.home-new{padding-bottom:40px}
.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item{width:100%;}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-info{padding:10px 20px 25px}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-title{font-size:var(--fontsize18)}}
.home-why{padding:3.5% 0;background:#F2F2F0}
.home-why .l-wrap{max-width:1300px;}
.home-why .home-title{color:#002855;padding-bottom:10px;position:relative;}
.home-why .home-title:after{content:'';width:60px;height:2px;background:#002855;position:absolute;bottom:0;left:50%;margin-left:-30px;}
.home-why .inner{text-align:center;padding-top:5px;}
.home-why .inner p{margin-top:10px;}
.why-btn{margin-top:40px}
.why-btn .home-more{margin:0;background:var(--color);min-width:inherit;border-radius:0;height:40px;font-size:16px}
.why-btn .home-more:hover{color:var(--color);background:#fff}
@media (max-width:768px){.home-why{padding:40px 0;}
.home-why .inner{padding-top:1px;}
.why-btn{margin-top:25px}}
.home-choose{background: #e7e7e7;}
.home-choose .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.home-choose .item{width: 32%;padding: 20px;background: #fff;}
.home-choose .star{text-align: center;font-size: var(--fontsize22);margin-bottom: 10px;}
.home-choose .star .red{color: red;}
.home-choose .info{margin-bottom: 20px;}
.home-choose .username{font-weight: bold;text-align: center;}
.home-choose .proname{text-align: center;}
@media (max-width:1024px) {
.home-choose .item{width: 48%;}
}
.home-title{font-weight:var(--fontbold6)}
.home-custom{position:relative;padding:4% 0;background:#f2f2f0}
.home-custom .home-title{position:relative}
.home-custom .home-title::after{content:"";background:#002855;height:2px;width:60px;display:block;margin:15px auto 10px}
.home-custom .custom-content{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.home-custom .custom-img{width:46%}
.home-custom .custom-img img{width:100%}
.home-custom .custom-info{width:50.5%}
.home-custom .custom-info .title{color:#002855;font-size:30px;font-weight:var(--fontbold6);line-height:1.2}
.home-custom .custom-info .desc{margin:20px 0 30px}
.home-custom .custom-info .more{font-weight:var(--fontbold6);text-transform:uppercase;text-decoration:none;line-height:1;border:1px solid var(--color);background:var(--color);padding:8px 12px;transition:all .4s ease}
.home-custom .custom-info .more:hover{background:0 0}
@media (max-width:1024px){.home-custom{padding:40px 0}
.home-custom .custom-info .title{font-size:26px}
.home-custom .custom-info .desc{margin:15px 0 25px}
}
@media (max-width:768px){.home-custom .custom-img{width:100%;margin-bottom:15px}
.home-custom .custom-info{width:100%}
}
.home-cases{padding:2.5% 0 0;background:#F2F2F0}
.home-cases .cases-list{margin-top:5px;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-cases .cases-list li{position:relative;width:32.5%;margin-top:20px}
.home-cases .cases-list li img{width:100%}
.home-cases .cases-list li .more{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:var(--fontbold6);padding:10px 20px;line-height:1;border-radius:10px;border:3px solid #fff;background:0 0;text-transform:capitalize;transition:all .3s ease}
.home-cases .cases-list li .more:hover{background:var(--color);border-color:var(--color)}
@media (max-width:1024px){.home-cases{padding:30px 0 0}
.home-cases .cases-list li{margin-top:10px}}
@media (max-width:768px){.home-cases .cases-list li{width:49%}}
@media (max-width:500px){.home-cases .cases-list{margin-top:0}
.home-cases .cases-list li{width:100%}}
.wmpage202-page5 .home-icon{ display: none;}

.wmpage155-page5 .wmpage-title{text-align:center;color:var(--color);margin-bottom:10px}
.wmpage155-page5 .wmpage-lwrap{overflow:hidden}
.wmpage155-page5 .wmpage155-page5-txt{text-align:center;color:#666}
.wmpage155-page5 .wmpage155-page5-box{padding-top:40px;overflow:visible}
.wmpage155-page5 .wmpage155-page5-box .wmpage155-page5-item{padding:30px;position:relative;border-radius:10px;border:1px solid #555}
.wmpage155-page5 .wmpage155-page5-box-1{padding-top:40px;overflow:visible}
.wmpage155-page5 .wmpage155-page5-box-1 .wmpage155-page5-item{padding:30px;position:relative;border-radius:10px;border:1px solid #e4e6e9}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top{display:flex;align-items:center;justify-content:space-between}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-img{width:20%;border-radius:50%;transition:all .2s linear}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-img img{width:100%;height:auto;object-fit:cover;border-radius:50%}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-img:hover{transform:scale(1.04)}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info{width:73%}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .desc{font-size:15px;font-weight:700}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .wmpage155-page5-name{font-size:17px;font-weight:normal}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .wmpage155-page5-letter{color:#a3a4af;font-size:12px}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .wmpage155-page5-list{display:flex}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .wmpage155-page5-list li{margin-right:4px}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .wmpage155-page5-list li em{font-size:var(--wmpage-font14);color:#ffc107}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-bottom{margin-top:20px;color:#555}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-bottom em{color:var(--color);margin:0 10px}
.wmpage155-page5 .wmpage155-page5-pagination{text-align:center;margin-top:25px}
@media screen and (max-width:768px){.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top{flex-direction:column}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-img{width:auto}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info{width:100%;text-align:center}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info .wmpage155-page5-list{justify-content:center}
}.wmpage155-page5 .wmpage155-page5-box{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage155-page5 .wmpage155-page5-box .swiper-wrapper{-webkit-transition-timing-function:linear !important;-moz-transition-timing-function:linear !important;-ms-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important}
.wmpage155-page5 .wmpage155-page5-box-1{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage155-page5 .wmpage155-page5-box-1 .swiper-wrapper{-webkit-transition-timing-function:linear !important;-moz-transition-timing-function:linear !important;-ms-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important}
section .l-wrap{ max-width: 1300px;   padding: 0 20px;}
 @media screen and (max-width:768px){.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-info{width:73%;text-align:left}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top{flex-direction:unset}
.wmpage155-page5 .wmpage155-page5-item .wmpage155-page5-top .wmpage155-page5-img{width:20%}}
.home-why .home-title{color: #111;}
.wmpage155-page5 .wmpage155-page5-box{padding-top:0}
.home-banner .banner-animote .p1,.home-banner .banner-animote .p2{text-shadow: 0 0 5px rgba(255, 255, 255, 0.2), 0 0 10px rgba(255, 255, 255, 0.2);}
.home-banner .banner-animote.ban2 .p2{margin-top:1%}
.wmpage155-page5 .wmpage155-page5-box{margin-top:2%}
.wmpage202-page5.home-new{padding-top: 2%;}
.home-why,.home-custom,.home-cases,.wmpage202-page5.home-new{background:#E5EDF9}
.home-door .door-list li .inner{background:#E5EDF9}
.home-door .door-list li .inner{background:#F1F1F1}
.wmpage202-page5.home-new{background:#fff}
.wmpage155-page5{background:#E5EDF9}
.home-cases{background: #F1F1F1;padding-bottom:2%}
.wmpage155-page5 .wmpage-lwrap{padding-top:1.5%}