﻿ @import url(https://js01.v15cdn.com/single-template/public.css);
.home-service{background:no-repeat top;background-size:contain}
.home-service .service-top{display:flex;align-items:center;justify-content:space-between}
.home-service .service-top .home-title{flex:1;text-align:left;color:#FFF}
.home-service .service-top .home-des{text-align:left;width:650px;color:#FFF}
.home-service .service-list{display:flex;flex-wrap:wrap;justify-content:space-between;background:#FFF;box-shadow:0 6px 32px 0 rgba(34,34,34,.09);border-radius:10px;padding:50px 0;margin-top:5em}
.home-service .service-list li{width:25%;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 30px;margin-bottom:30px;transform:translateY(30px);transition:all .2s linear}
.home-service .service-list li::after{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background:#e3e3e3;transition:all .2s linear}
.home-service .service-list li:last-child::after{display:none}
.home-service .service-list li .icon{width:50px;height:50px;mask:no-repeat center;mask-size:contain;background-color:var(--color);margin-bottom:20px}
.home-service .service-list li .title{font-weight:var(--fontbold6);font-size:var(--fontsize20)}
.home-service .service-list li .text{color:var(--introcolor);margin:10px 0px}
.home-service .service-list li .more{font-weight:var(--fontbold5);background:var(--bgcolor);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:all .2s linear}
.home-service .service-list li:hover{transform:translateY(0);margin-bottom:0;padding-bottom:30px}
.home-service .service-list li:hover::after{transform:translateY(30px);height:calc(100% - 30px)}
.home-service .service-list li:hover .more{opacity:1}
@media(max-width:768px){.home-news{padding:30px 0}
.home-service .service-top{flex-direction:column;text-align:center}
.home-service .service-top .home-des,.home-service .service-top .home-title{text-align:center;width:auto}
.home-service .service-list{margin-top:30px;padding:20px 10px}
.home-service .service-list li{width:50%;transform:translateY(0);margin:0px;padding:10px!important}
.home-service .service-list li .more{opacity:1}
.home-service .service-list li::after{display:none}
.home-service{background:0 0}}
@media(max-width:500px){.home-service .service-list li{width:100%;margin-bottom:1em}
.home-service .service-list li .icon{margin-bottom:10px;height:35px}}
.home-tapes .item .img{height:100%}

.home-abourcom{padding: 3% 0;}
.home-abourcom .abourcom-content{display:flex;flex-wrap:wrap;align-items:center}
.home-abourcom .abourcominfo-l{width:45%;margin-right:3%;box-sizing:border-box;border-radius:10px;overflow:hidden}
.home-abourcom .abourcominfo-l img{max-width:100%;width:100%;height:auto;display:block;transition:all .1s linear}
.home-abourcom .abourcominfo-l img:hover{transform:scale(1.02)}
.home-abourcom .abourcominfo-r{flex:1}
.home-abourcom .abourcominfo-r .abourcom-r-tit{font-size:20px;font-weight:var(--fontbold6,600);margin:0;margin-bottom:20px}
.home-abourcom .abourcominfo-r .abourcom-r-des{font-size:16px;font-weight:400;color:var(--introcolor,#555555);line-height:1.7;margin:0;margin-bottom:10px;}
.home-abourcom .abourcom-btn span{text-decoration:underline;}
.home-abourcom .abourcom-btn a{text-decoration:none;}
@media(max-width:768px){.home-abourcom .abourcominfo-l{width:100%;margin-right:0}
.home-abourcom{padding: 40px 0;}
.home-abourcom .abourcominfo-r{margin-top:30px}
}
@media(max-width:500px){.home-abourcom .abourcominfo-r .abourcom-r-tit{margin-bottom:10px}
.home-abourcom .abourcominfo-r{margin-top:20px}}
.home-abourcom .home-title{text-align: left;}
 .home-abourcom .abourcom-btn span{text-decoration:none}
.abourcom-btn a{padding:1% 2%;background:var(--color);color:#fff}
 @media (min-width: 1024px) {.home-abourcom .abourcominfo-r{padding-right:6%}}

.wmpage198-page4{position:relative;background:#fed8e8;z-index:1}
.wmpage198-page4::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#eaeaea;z-index:-1}
.wmpage198-page4 .wmpage198-page4-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase;text-align:center;margin-bottom:15px}
.wmpage198-page4 .wmpage-title{color:var(--wmpage-color33);text-align:center;margin-bottom:30px}
.wmpage198-page4 .wmpage198-page4-img{width:100%;margin-bottom:10px;}
/*.wmpage198-page4 .wmpage198-page4-img{height:540px;border-radius:20px;overflow:hidden;background-image:url(https://img01.v15cdn.com/singletem/wmpage198/wmpage198-page4-img1.webp);background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}*/
.wmpage198-page4 .wmpage198-page4-btn a{position:relative;display:inline-flex;justify-content:center;align-items:center;width:80px;height:80px;background:#fff;border-radius:50%;z-index:1}
.wmpage198-page4 .wmpage198-page4-btn a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:page4 3s infinite;animation-delay:.9s;box-shadow:0 0 0 0 rgba(255,255,255,.6)}
.wmpage198-page4 .wmpage198-page4-btn a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:page4 3s infinite;animation-delay:.6s;box-shadow:0 0 0 0 rgba(255,255,255,.6)}
@keyframes page4{70%{box-shadow:0 0 0 40px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.wmpage198-page4 .wmpage198-page4-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage198-page4 .wmpage198-page4-list .wmpage198-page4-item{width:24%;margin-top:30px;text-align:center}
.wmpage198-page4 .wmpage198-page4-list .wmpage198-page4-item:nth-child(-n+3){border-right:2px dashed #fff}
.wmpage198-page4 .wmpage198-page4-list .wmpage198-page4-item{position:relative}
.wmpage198-page4 .wmpage198-page4-item .wmpage198-page4-num{display:inline-block;-webkit-text-stroke:1px #000;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#fff,#fff);background-size:0 100%;background-position:left center;background-repeat:no-repeat;transition:background-size .5s ease;-webkit-background-clip:text;background-clip:text}
.wmpage198-page4 .wmpage198-page4-item:hover .wmpage198-page4-num{background-size:100% 100%}
.wmpage198-page4 .wmpage198-page4-num{position:relative;color:transparent;-webkit-text-stroke:1px #fff;font-size:var(--wmpage-font52);font-weight:var(--fontbold6);transition:color .3s ease;line-height: 1;margin-bottom: 15px;}
.wmpage198-page4 .wmpage198-page4-num::before{content:attr(data-content);position:absolute;left:0;top:0;width:0;height:100%;color:#fff;-webkit-text-stroke:0;overflow:hidden;transition:width 1s ease}
.wmpage198-page4 .wmpage198-page4-item:hover .wmpage198-page4-num::before{width:100%}
.wmpage198-page4 .wmpage198-page4-item .wmpage198-page4-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
@media screen and (max-width:768px){.wmpage198-page4 .wmpage198-page4-list .wmpage198-page4-item{width:49%}
.wmpage198-page4 .wmpage198-page4-list .wmpage198-page4-item:nth-child(-n+3){border-right:none}
.wmpage198-page4 .wmpage198-page4-list .wmpage198-page4-item:nth-child(2n-1){border-right:2px dashed #fff}
}
/*@media screen and (max-width:500px){.wmpage198-page4 .wmpage198-page4-img{height:360px}}*/
@media (min-width:1025px) {.home-reasons {aspect-ratio: 32 / 15;}}
.home-reasons-1 img{ width: 100%;}