.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor);line-height:1.4}
.home-title span{color:var(--color)}
.home-des{color:var(--introcolor);font-size:var(--fontsize16);text-align:center;max-width:1000px;margin:0px auto 10px}
.home-more{margin-right:20px;min-width:200px;padding:0px 20px;height:50px;border:1px solid var(--color);border-radius:5px;color:#fff;background:var(--color);text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:var(--fontsize18)}
.home-more em{margin-left:10px}
.home-more:hover{color:#fff;background:red;border-color:red}
.home-choose,.home-custom,.home-mainpro,.home-news,.home-service{position:relative;padding:4% 0}
.home-mainpro .mainpro-list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none}
.home-mainpro .mainpro-list li{width:23%;margin-right:2.6%;margin-bottom:2em}
.home-mainpro .mainpro-list li:nth-child(4n){margin-right:0}
.home-mainpro .mainpro-list li a{background:#FFFFFF;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);display:block;width:100%;height:100%;position:relative;padding-bottom:5px}
.home-mainpro .mainpro-list li a .img{width:100%;aspect-ratio:1/1;position:relative;}
.home-mainpro .mainpro-list li a .img img{width:100%;height:100%;object-fit:cover}
.home-mainpro .mainpro-list li a .title{margin-bottom:10px;padding:10px 15px 0;font-size:var(--fontsize18);transition:all .1s linear;position:relative;border-top:1px solid #EEEEEE}
.home-mainpro .mainpro-list li a .title::before{content:"";position:absolute;top:-1px;left:0;width:0%;height:1px;background:var(--color);transition:all .3s linear;z-index:1}
.home-mainpro .mainpro-list li a .title::after{transition:all .3s linear;content:"";position:absolute;top:-3.5px;left:0;opacity:0;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
.home-mainpro .mainpro-list li a:hover .img img{transform:scale(1.02)}
.home-mainpro .mainpro-list li a:hover .title{color:var(--color)}
.home-mainpro .mainpro-list li a:hover .title::before{width:100%}
.home-mainpro .mainpro-list li a:hover .title::after{opacity:1;left:calc(100% - 4px)}
.home-logo{padding-bottom:4%}
.home-logo .l-wrap{display:flex;justify-content:space-between}
.home-logo .home-title{text-align:left;margin:0;white-space:nowrap}
.home-logo .logo-container{width:calc(100% - 300px)}
.home-logo .swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo .logoswiper-pagination{display:none}
.home-choose{z-index:1}
.home-choose::before{content:"";position:absolute;left:0;top:0;width:100%;background:#fafafa;max-width:620px;height:360px;z-index:-1}
.home-choose .l-wrap{display:flex;flex-wrap:wrap}
.home-choose .l-wrap>div{width:50%}
.home-choose .chooseimg img{width:100%}
.home-choose .chooseinfo{padding-left:5%}
.home-choose .chooseinfo .home-title{text-align:left}
.home-choose .chooseinfo .text{color:var(--introcolor)}
.home-choose .chooseinfo ul{width:100%;list-style:none;margin-top:30px}
.home-choose .chooseinfo ul li{width:100%;display:flex;align-items:flex-start;margin-bottom:1em}
.home-choose .chooseinfo ul li:last-child{margin-bottom:0}
.home-choose .chooseinfo ul li .icon{width:50px;height:50px;background:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center}
.home-choose .chooseinfo ul li .icon img{transition:all .2s linear}
.home-choose .chooseinfo ul li .info{flex:1;padding-left:20px}
.home-choose .chooseinfo ul li .info .p1{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.3}
.home-choose .chooseinfo ul li:hover .icon img{transform:rotateY(180deg)}
.home-service{background: url(https://css02.v15cdn.com/m432/imgs/service.webp) no-repeat top;}
.home-service .home-des,.home-service .home-title{color:#FFFFFF}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{background:#fafafa;width:49%;padding:3% 4%;text-align:center}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold6)}
#serviceswiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0}
#serviceswiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
#serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
#serviceswiper .swiper-slide .icon li>em{height:45px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
#serviceswiper .swiper-slide .icon li>img{max-height:45px;width:auto;margin:0 auto;display:block;}
#serviceswiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
.home-helpcenter .list{display:flex;flex-flow:row;margin-top:30px}
.home-helpcenter .list li{transition:all .2s linear;overflow:hidden;position:relative;width:25%;font-size:var(--fontsize20);background:#efefef}
.home-helpcenter .list li:hover{transition:.8s;width:30%}
.home-helpcenter .list li:hover .imgbg{transition:.8s;transform:perspective(1000px) translate3d(-15%,0,0)}
.home-helpcenter .list li:nth-child(even){background:#fafafa}
.home-helpcenter .list .img{right:0;position:relative;width:100%;margin-left:auto;padding-top:0;height:22vw}
.home-helpcenter .list .img a{display:block;position:absolute;top:0;bottom:0;left:0;right:0}
.home-helpcenter .list .info{position:absolute;top:0;left:0;top:0;padding:20px}
.home-helpcenter .list .imgbg{position:absolute;top:28%;bottom:8%;width:90%;right:5%;transition:.8s;transform:perspective(1000px) translate3d(0,0,0)}
.home-helpcenter .list .imgbg img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain}
.home-helpcenter .list .title{opacity:1;font-size:var(--fontsize18);font-weight:var(--fontbold7);color:var(--fontcolor);line-height:1.2}
.logoswiper-pagination,.newswiper-pagination,.serviceswiper-pagination{text-align:center;position:absolute;bottom:0}
.logoswiper-pagination .swiper-pagination-bullet,.newswiper-pagination .swiper-pagination-bullet,.serviceswiper-pagination .swiper-pagination-bullet{background:#000;opacity:1}
.logoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.newswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.serviceswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media (min-width:768px){#serviceswiper .swiper-wrapper{display:flex;justify-content:space-between;align-items:flex-start}}
.home-news .homenewslist{flex-wrap:wrap;justify-content:space-between;margin-top:20px;list-style:none}
.home-news .homenewslist .swiper-slide{width:49%;height:auto;margin-bottom:2em;display:flex;align-items:center;justify-content:space-between;background:#fafafa;padding:20px}
.home-news .homenewslist .swiper-slide:nth-child(3),.home-news .homenewslist .swiper-slide:nth-child(4){margin-bottom:0}
.home-news .homenewslist .swiper-slide .img{width:42%;}
.home-news .homenewslist .swiper-slide .img img{width:100%;transition: all .3s;}
.home-news .homenewslist .swiper-slide .info{flex:1;padding-left:20px;line-height:1.6}
.home-news .homenewslist .swiper-slide .info .date{color:var(--introcolor);font-size:var(--fontsize14)}
.home-news .homenewslist .swiper-slide .info .date em{font-size:inherit;margin-right:3px}
.home-news .homenewslist .swiper-slide .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4;margin:10px 0 10px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.home-news .homenewslist .swiper-slide .info .text{color:var(--introcolor);line-height:1.4;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;}
.home-news .homenewslist .swiper-slide:hover .img img{transform:scale(1.02)}
.home-news .homenewslist .swiper-slide:hover .info .title{color:var(--color)}
.home-about{position: relative;}
.home-about .about-img{width:100%;display:block;}
.home-about .l-wrap{position: absolute;top:50%;left:8%;transform: translateY(-50%);z-index:2;color:#fff;max-width:50%;}
.home-about .about-inner .home-title{color:#E60212;text-align:left;font-size:54px;}
.home-about .about-inner .home-des{color:#fff;text-align:left;font-size:26px;max-width:100%;margin:3% 0 5%;}
.home-about .about-inner .about-more a{display:inline-block;padding:5px 25px;color:#fff;transition: all .3s;background:#E60212;font-size:18px;}
.home-about .about-inner .about-more a:hover{background: var(--color);}
.home-static{background:url(https://css02.v15cdn.com/m421/static-bg.webp) var(--color) no-repeat left top;background-size:cover;padding:4% 0;margin:4% 0;}
.home-static .list{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0;}
.home-static .list li{width:16%;display:flex;flex-direction:column;align-items:center;color:#FFFFFF}
.home-static .list li .num{font-size:50px;font-weight:var(--fontbold5);position:relative;line-height:1;padding-bottom:20px}
.home-static .list li .num sup{font-size:25px}
.home-static .list li .num::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#FFFFFF}
.home-static .list li .inner{padding:20px 0px;font-size:var(--fontsize18);color:#FFFFFF}
.home-static .list li .icon img{height:50px;width:auto}
.home-video .videowrap{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.home-video .videowrap .videoitem{background:#F8F8F8;transition:all .2s linear;margin-bottom:20px;width:23%}
.home-video .videowrap .videoitem:hover{background:var(--color);color:#FFFFFF}
.home-video .videowrap .videoitem:hover i{color:var(--color)}
.home-video .videowrap .videoinner{position:relative;width:100%;height:0;padding-bottom: 56.25%;}
.home-video .videowrap .videoinner iframe,.home-video .videowrap .videoinner video{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
.home-video .videowrap .videoinner i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;font-size:40px;cursor:pointer}
.home-video .videowrap .title{height:50px;padding:0px 10px;display:flex;align-items:center;justify-content:center;text-align:center}


@media (max-width:1600px){.home-about .about-inner .home-title{font-size:2.7vw;}
.home-about .about-inner .home-des{font-size:1.3vw}
.home-about .about-inner .about-more a{font-size:18px;}
.home-about .l-wrap{left:0;max-width:64%;}}
@media (max-width:1024px){.home-logo{padding-bottom:40px}
.home-logo .l-wrap{display:block}
.home-logo .home-title{text-align:center}
.home-logo .logo-container{width:100%;margin-top:30px}
.home-choose::before{display:none}
.home-choose .chooseinfo{padding-left:30px}
#serviceswiper .swiper-slide .icon li p{font-size:var(--fontsize16);font-weight:var(--fontbold4)}
.home-helpcenter .list{flex-wrap:wrap}
.home-helpcenter .list li{width:33.333%!important}
.home-static .list li{width:50%}
.home-static .list li:nth-child(1),.home-static .list li:nth-child(2){margin-bottom:20px}
.home-video .videowrap{padding:0px}
.home-video .videowrap .videoitem{width:48%}}
@media (max-width:768px){.home-about .about-img{display:none}
.home-about{padding:20px 0;}
.home-about .l-wrap{max-width:100%;position:initial;transform: initial;}
.home-about .about-inner .home-des{color:var(--fontcolor);font-size:16px;margin:10px 0 15px;}
.home-about .about-inner .about-more{text-align: center;}
.home-about .about-inner .about-more a{font-size:16px;}
.home-about .about-inner .home-title{font-size:var(--hometitlefont);text-align: center;}
.home-choose,.home-custom,.home-mainpro,.home-news,.home-service{padding:40px 0}
.home-logo .logoswiper-pagination{display:block;bottom:0}
.home-mainpro .mainpro-list{justify-content:space-between}
.home-mainpro .mainpro-list li{width:48%;margin-right:0;margin-bottom:1em}
.home-choose .l-wrap>div{width:100%}
.home-choose .chooseinfo{padding-left:0;margin-top:20px}
.home-logo{padding-bottom:30px}
#logoswiper{padding-bottom:60px}
.home-news .homenewslist{flex-wrap:nowrap}
.home-news .homenewslist .swiper-slide{width:100%;padding:20px 10px;margin-bottom:0}
.home-news .homenewslist .swiper-slide .info{padding-left:15px;line-height:1.4}
.home-news .homenewslist .swiper-slide .info .title{margin:10px 0 10px}
#newswiper{padding-bottom:50px}
.home-helpcenter .list li{width:50%!important;background:#efefef!important}
.home-helpcenter .list li:nth-child(2),.home-helpcenter .list li:nth-child(3),.home-helpcenter .list li:nth-child(6){background:#fafafa!important}
.home-helpcenter .list .img{height:36vw}
.home-helpcenter .list .info{padding:10px}
.home-helpcenter .list:hover li:hover{width:100%}
#serviceswiper{padding-bottom:50px;margin-top:30px}
#serviceswiper .swiper-slide{padding:20px 15px}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize22)}
#serviceswiper .swiper-slide .icon li{width:50%;margin:10px 0 0}
.home-static .list li .num{font-size:var(--fontsize30)}
.home-static .list li .inner{font-size:var(--fontsize14);padding:10px 0px}
.home-static .list li .icon img{height:8.26667vw}
.home-video .videowrap .videoitem{width:100%}}
@media (min-width:769px){body{padding-top:0;}
header{box-shadow:0 0 0;}
.header:not(.headscroll){background:none;}
.header:not(.headscroll) .header-top{background:none;}
.header:not(.headscroll) .logo img.rectangle{visibility:hidden;}
.header:not(.headscroll) nav{background:none;}
.header:not(.headscroll) .header-top .mailclock a{color:#fff;}
.header:not(.headscroll) .header-top .mailclock .mail img,.header:not(.headscroll) .header-top .mailclock .clock img{filter:brightness(5);}}