@charset "utf-8"; 
:root {--color: #02A6E4;--headercolor:#000000}
#indexbanner video{width:100%;display:block;min-height:inherit;height:auto;}
body.index .home-more,body.index .home-more:hover{color:#fff;}
.home-helpcenter{display:none}
@media (min-width:1025px) {body{padding-top: 120px;}
#indexbanner{display: flex;justify-content: center;align-items: center;}  }
.head-nav .nav-ul>li>a,.head-left,.head-top .head-right .head-share .icon-share{color: #000;}
header{background: #ffffff;}
.nobanner header .head-top {background: #ffffff;}
.nobanner header {background: #fff;}
.proswiper-next,.proswiper-prev{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: #b0b0b0;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 99;cursor: pointer;color: #fff;}
.proswiper-next{left: auto;right: 0px;}
.proswiper .swiper-slide>a{background: #fff;border: 1px solid #eee;display: block;width: 100%;height: 100%;position: relative;}
.proswiper .img{width: 100%;aspect-ratio: 1 / 1;position: relative;}
.proswiper .img img{width: 100%;height: 100%;object-fit: cover;}
.proswiper .title{margin-bottom: 10px;padding: 10px 15px 0;font-size: var(--fontsize18);transition: all .1s linear;position: relative;border-top: 1px solid #eee;}
.proswiper .title::before{content: "";position: absolute;top: -1px;left: 0;width: 0%;height: 1px;background: var(--color);transition: all .3s linear;z-index: 1;}
.proswiper .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);}
.proswiper .line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.home-cate{position:relative;padding:4% 0 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li{width:32%;margin-right:2%;}
.home-cate .homecate-list li:nth-child(3n){margin-right:0}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#eee;border:1px solid #eee;aspect-ratio:25/16}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media(max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0}}
@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0}
.home-cate .homecate-list li .title{margin-top:0}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
.home-customize{padding:4% 0}
.customizelist{display:flex;margin-top:30px;flex-wrap:wrap;justify-content:space-between}
.customizelist li{width:13.5%;list-style:none}
.customizelist li .customizepic{position:relative;padding-bottom:75%}
.customizelist li .customizepic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.customizelist li .customizenum{position:relative;margin:18px 0}
.customizelist li .customizenum span{position:relative;z-index:2;background:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color);font-weight:700;font-size:17px}
.customizelist li:not(:last-child) .customizenum:before{content:'';width:120%;height:1px;background:var(--color);position:absolute;top:50%;left:0}
.customizelist li .customizetit{font-weight:700;font-size:16px;text-transform:capitalize;line-height:1.3;margin-bottom:12px}
.customizelist li p{color:#555;font-size:14px;line-height:1.5}
@media (max-width:1300px) and (min-width:1025px){.customizelist{justify-content:flex-start}
.customizelist li{width:24%;margin:0 1.3333% 30px 0}
.customizelist li:nth-child(4n){margin-right:0}
.customizelist li:nth-child(4) .customizenum:before{display:none}}
@media (max-width:1024px) and (min-width:769px){.customizelist li{width:32%;margin:0 2% 30px 0}
.customizelist li:nth-child(3n){margin-right:0}
.customizelist li:nth-child(3n) .customizenum:before{display:none}}
@media (max-width:768px) and (min-width:501px){.customizelist li{width:48%;margin:0 4% 30px 0}
.customizelist li:nth-child(2n){margin-right:0}
.customizelist li:nth-child(2n) .customizenum:before{display:none}}
@media (max-width:500px){.home-customize{padding:30px 0 10px}
.customizelist li{width:100%;margin-bottom:30px}
.customizelist li .customizenum:before{width:100%!important}
.customizelist li:last-child .customizenum:before{content:'';width:100%;height:1px;background:var(--color1);position:absolute;top:50%;left:0}}
.home-customize .l-wrap .more {text-align: center;margin-top: 20px;}
#logoswiper2 .swiper-wrapper{display:flex;    align-items: center;}
#logoswiper2 .swiper-wrapper .swiper-slide{width:auto;margin-right: 10%;}
@media(max-width:500px){#logoswiper2 .swiper-wrapper .swiper-slide img{max-width: 60px;}}
.home-cate #home-projects{margin-top:30px;padding:7% 0}
.home-cate #home-projects .swiper-slide{transition:transform .3s;transform:scale(.64)}
.home-cate #home-projects .swiper-slide.swiper-slide-prev{transform:scale(.64) translateX(-28%)}
.home-cate #home-projects .swiper-slide.swiper-slide-next{transform:scale(.64) translateX(28%)}
.home-cate #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.57)}
.home-cate #home-projects .swiper-slide.swiper-slide-active .projects-cont{opacity:1}
.home-cate #home-projects .swiper-slide:hover .projects-cont p{color:var(--color)}
.home-cate #home-projects .swiper-slide .projects-cont{position:absolute;bottom:10%;left:15%;width:70%;background-color:rgba(255,255,255,.9);text-align:center;font-weight:var(--fontbold5);opacity:0;transition:opacity .3s .1s;padding:10px 0}
.home-cate #home-projects .swiper-slide .projects-cont p{font-size:var(--fontsize12);color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
.home-cate #home-projects .swiper-slide .projects-cont a{display:inline-block;font-weight:400;text-transform:lowercase;font-size:var(--fontsize14);transform:scale(.8)}
.home-cate #home-projects .swiper-slide .projects-cont a:hover{color:var(--color)}
#home-projects{overflow: hidden;}
.home-banner{position:relative;}
.home-banner:before{content:'';width:100%;height:100%;display:block;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:3;}
.home-banner .home-banner-des{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:5;}
.home-banner .home-banner-des p{font-weight:var(--fontbold7);color:#fff;font-size:30px;}
@media (max-width:1600px){.home-banner .home-banner-des p{font-size:1.8vw;}}
@media (max-width:768px){.home-banner .home-banner-des p{font-size:20px;padding:0 20px;text-align:center;}}
@media (max-width:550px){.home-banner .home-banner-des p{font-size:12px;}}
footer .foot-share ul .ins i{color:#e93e76}
footer .foot-share ul .fb i{color:#3b5997}
.head-top .head-right .head-share{width:auto;}
.head-top .head-right .head-share .icon-share{display:none;}
.head-top .head-right .head-share ul{opacity: 1;transform: translateX(0);overflow: inherit;visibility: inherit;position: static;}
.lang-icon img{filter: brightness(0);}
@media (min-width:1025px){.lang-icon span {display: block;}}