﻿.home-banner .swiper-slide>a::after{background: rgba(21, 21, 21, .1);}
.home-banner .banner-animote.bannertxt1{max-width:32%;left: 23%;color: #000;top:50%;padding:0;}
.home-banner .banner-animote.bannertxt1 .p1{border-bottom: 1px #000 solid;padding-bottom: 10px;background: linear-gradient(to bottom, var(--color), #66b4ea); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; display: inline-block;font-size:48px;}
.home-banner .banner-animote.bannertxt1 .p2{font-weight: bold;margin-top:15px;}
.home-banner .banner-animote.bannertxt1 .p3 a{background: linear-gradient(to right, var(--color), #66b4ea);border: none;border-radius: 0;}
@media (max-width:1910px){.home-banner .banner-animote.bannertxt1 .p1{font-size:2.49vw;}}
@media (max-width:1440px){.home-banner .home-more{min-width:165px;}}
@media (max-width:1024px){.home-banner .banner-animote.bannertxt1 .p2,.home-banner .banner-animote.bannertxt1 .p3{display: none;}
.home-banner .banner-animote.bannertxt1 .p1{border-bottom:none}}
@media (max-width:768px){.home-banner .banner-animote.bannertxt1 .p1{font-size:16px;padding-bottom:0;}}
@media (max-width:550px){.home-banner .banner-animote.bannertxt1 .p1{font-size:12px;}}
.home-banner .banner-animote.bannertxt2{max-width:32%;left: 23%;color: #000;top:50%;padding:0;}
.home-banner .banner-animote.bannertxt2 .p1{background: linear-gradient(to bottom, var(--color), #66b4ea); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; display: inline-block;font-size:48px;}
.home-banner .banner-animote.bannertxt2 .p3{margin-top:50px}
.home-banner .banner-animote.bannertxt2 .p3 a{background: linear-gradient(to right, var(--color), #66b4ea);border: none;border-radius: 0;}
@media (max-width:1910px){.home-banner .banner-animote.bannertxt2 .p1{font-size:2.49vw;}}
@media (max-width:1440px){.home-banner .home-more{min-width:165px;}}
@media (max-width:1024px){.home-banner .banner-animote.bannertxt2 .p3{display: none;}
.home-banner .banner-animote.bannertxt2 .p1{border-bottom:none}}
@media (max-width:768px){.home-banner .banner-animote.bannertxt2 .p1{font-size:16px;padding-bottom:0;}}
@media (max-width:550px){.home-banner .banner-animote.bannertxt2{max-width:40%;left: 23%;}
.home-banner .banner-animote.bannertxt2 .p1{font-size:12px;}}

@media (min-width:768px){#serviceswiper .swiper-slide{width:80%;margin:0 auto}}
.home-cate{background:#f5f5f5;padding:4% 0;position: relative;}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color);}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .catelist{width:100%;}
.home-cate .catelist ul{height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:24%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3),.home-cate .catelist ul li:nth-child(4){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media (max-width:1446px){.home-cate .cateul li{width:20%}}
@media (max-width:1280px){.home-cate .catelist{padding:0}}
@media (max-width:1024px){.home-cate{padding:40px 0;}
.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media (max-width:768px){.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul li{width:49%;margin-bottom:1em}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:auto;}}
.home-message{padding-bottom:4%;}
.home-message .contactbox{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-message .contactbox .contact-title{font-size:var(--fontsize36);color:var(--fontcolor);font-weight:var(--fontbold5)}
.home-message .contactbox .contactform,.home-message .contactbox .contactinfo{background:#FAFAFA;padding:30px}
.home-message .contactbox .contactinfo{width:550px}
.home-message .contactbox .contactinfo ul{margin-top:20px}
.home-message .contactbox .contactinfo ul li{display:flex;margin-bottom:2em}
.home-message .contactbox .contactinfo ul li:last-child{margin-bottom:0px}
.home-message .contactbox .contactinfo ul li .icon{display:flex;align-items:center;justify-content:center;background:var(--color);width:60px;height:60px;margin-right:10px}
.home-message .contactbox .contactinfo ul li .icon em{color:#FFFFFF;font-size:var(--fontsize26)}
.home-message .contactbox .contactinfo ul li .info{flex:1;color:var(--fontcolor);margin-top:-10px}
.home-message .contactbox .contactinfo ul li .info a{color:var(--fontcolor)}
.home-message .contactbox .contactinfo ul li .info .p1{font-weight:var(--fontbold6)}
.home-message .contactbox .contactform{flex:1;margin-right:30px}
@media (max-width:1280px){.home-message .contactbox .contactinfo{width:40%}
.home-message .contactbox .contact-title{font-size:var(--fontsize28)}}
@media (max-width:1024px){.home-message .contactbox{flex-wrap:wrap;}
.home-message .contactbox .contactform{margin-right:0px;margin-bottom:20px}
.home-message .contactbox .contactinfo{width:100%}}
@media (max-width:768px){.home-message{padding-bottom:40px;}
.home-message .contactbox .contactform,.home-message .contactbox .contactinfo{padding:20px 15px}
.home-message .contactbox .contact-title{font-size:var(--fontsize24)}}
.home-helpcenter {padding:4% 0}
@media (max-width:768px){.home-helpcenter {padding:40px 0}}
.home-title{color: var(--color);}
 .home-helpcenter .list li:hover .imgbg{transform:unset}
.home-helpcenter .list li:hover .imgbg  img{transition:.2s;transform:scale(1.2)}
.home-helpcenter .list{justify-content:space-between}
.home-helpcenter .list li{width:24%;border-radius:5px}
.home-helpcenter .list .img{height:auto}
.home-helpcenter .list .img a{position:relative;width:100%}
.home-helpcenter .list .imgbg{position:static;width:100%;transform:none!important}
.home-helpcenter .list .imgbg img{position:static}
.home-helpcenter .list .info{top:auto;bottom:2%;width:100%;text-align:center;padding:10px}
.home-helpcenter .list .title{color:#fff}
.home-helpcenter .list li:hover{width:24%;box-shadow:0 0 8px #999}
.home-helpcenter .list li:hover .imgbg img{transform:none}
@media (max-width:1024px){.home-helpcenter .list li{width:48%!important;margin-bottom:2.5%}}
@media (max-width:500px){.home-helpcenter .list .info{padding:8px}
.home-helpcenter .list .title{font-size:var(--fontsize15)}}