﻿.home-banner .swiper-slide>a::after{display:none}
.home-about .kche-wrap-width .kche-t223-flex{align-items:center;justify-content:space-between}
.home-about .kche-wrap-width .kche-t223-text{padding-left:3%}
@media (max-width:1280px){.home-about .aboutinfo{padding-left:0}
}
@media (max-width:1024px){.home-about .aboutinfo{padding-right:0;margin-bottom:2%}
.home-about .aboutimg img{width:100%}
.home-about .kche-wrap-width{margin-top:3%}
.home-about .kche-wrap-width .kche-t223-flex{flex-direction:column-reverse}
.home-about .kche-wrap-width .kche-t223-img img{width:100%}
.home-about .kche-wrap-width .kche-t223-text{margin-bottom:2%}
}
#projects{position:relative;padding-top:7vw}
#projects::before{content:"";display:block;width:100%;height:65%;position:absolute;top:0px;left:0px;background-color:#e6f7ff}
#projects::after{content:"Customer case";display:block;width:100%;text-align:center;position:absolute;top:0px;left:0px;font-size:7vw;font-weight:bold;color:#d9eaf2;text-transform:uppercase;line-height:1.1}
#projects .l-wrap{position:relative;z-index:1;color:#FFFFFF}
#projects .projects-des{line-height:1.75;text-align:center;max-width:550px;margin:0px auto;padding:10px 0px}
#projects .home-label{font-size:var(--fontsize14);font-weight:var(--fontbold5);color:var(--introcolor);text-transform:uppercase;text-align:center}
#projects .home-label::after,.home-label::before{content:"";display:inline-block;width:34px;height:1px;background:var(--color);vertical-align:middle}
#projects .home-label::before{margin-right:10px}
#projects .home-label::after{margin-left:10px}
#projects .home-title{color:#2ca4dc}
#projects #home-projects{margin-top:30px;padding:7% 0px;overflow:hidden}
#projects #home-projects .swiper-slide{transition:transform .3s;transform:scale(0.64)}
#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(0.64) translateX(-28%)}
#projects #home-projects .swiper-slide.swiper-slide-next{transform:scale(0.64) translateX(28%)}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.57)}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont{opacity:1}
#projects #home-projects .swiper-slide:hover .projects-cont p{color:var(--color)}
#projects #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 0px}
#projects #home-projects .swiper-slide .projects-cont p{font-size:var(--fontsize12);color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
#projects #home-projects .swiper-slide .projects-cont a{display:inline-block;font-weight:normal;text-transform:lowercase;font-size:var(--fontsize14);transform:scale(0.8);text-decoration: none;color: var(--fontcolor);transition: color .2s ease;}
#projects #home-projects .swiper-slide .projects-cont a:hover{color:var(--color)}
@media (max-width:900px){#projects #home-projects{margin-top:20px}
#projects #home-projects .swiper-slide{width:65%}
#projects #home-projects .swiper-slide.swiper-slide-next,#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(0.7)}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.3)}
}

.home-partner{position: relative;padding:4% 0}
@media (max-width:768px){.home-partner{padding:40px 0 0}}
.home-banner .banner-animote.bannertxt1{transform:translateY(-50%);width:48%;top:50%}
.home-banner .banner-animote .p1{font-size:2.5vw}
.home-banner .banner-animote .p3{margin-top:2.5vw;display:block}
.home-banner .banner-animote .p3 .home-more{margin:0;height:auto;min-width:inherit;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:1.2vw;padding:.3vw 2.5vw}
.home-banner .banner-animote .p3 .home-more:hover{background:var(--color);border-color:var(--color)}
@media (max-width:768px){.home-banner .banner-animote.bannertxt1{width:55%;left:auto;right:2%}
.home-banner .banner-animote .p1{font-size:17px}
.home-banner .banner-animote .p3 .home-more{font-size:12px;padding:5px 15px;line-height:1.4}}
@media (max-width:500px){.home-banner .banner-animote .p1{font-size:13px}
.home-banner .banner-animote .p3 .home-more{font-size:12px;padding:5px 15px;transform:scale(.7);transform-origin:top left}}
.home-mainpro{background:#E6F7FF}
.home-about{background:#F3FBFE}
.home-about .kche-wrap-width .kche-t223-text p {margin-bottom: 1em;color: var(--introcolor);}
.home-about .kche-wrap-width .kche-t223-text .home-title { text-align: left;margin-bottom: 1em;}
.home-partner{padding-bottom:0}
.home-news{padding-top:0}

.home-projects{position:relative}
.home-projects .projects-bglist{position:relative;height:960px}
.home-projects .projects-bglist li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .3s ease}
.home-projects .projects-bglist li.act{opacity:1}
.home-projects .projects-bglist li img{width:100%;height:100%;object-fit:cover}
.home-projects .projects-bglist .li-info{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:86%;padding:calc(20 / 16 * 1em);color:#fff;z-index:2}
.home-projects .projects-bglist .li-info .title{font-size:calc(40 / 16 * 1em);line-height:1.2;text-transform:uppercase}
.home-projects .projects-bglist .li-info .title::after{display:block;content:'';width:45px;height:2px;background-color:#fff;margin-top:30px}
.home-projects .projects-bglist .li-info .info{width:40%;margin:1.5vw 0 3vw;line-height:2;opacity:.8}
.home-projects .projects-bglist .li-info .more{display:flex;align-items:center;cursor:pointer}
.home-projects .projects-bglist .li-info .icon{width:calc(50 / 16 * 1em);height:calc(50 / 16 * 1em);border:solid 2px #fff;border-radius:10px;display:flex;justify-content:center;align-items:center;transition:.3s ease-out;transform:rotate(45deg)}
.home-projects .projects-bglist .li-info .icon em{display:inline-block;font-size:24px;transform:rotate(-45deg)}
.home-projects .projects-bglist .li-info .more a{position:relative;margin-left:20px}
.home-projects .projects-bglist .li-info .more a::before{display:inline-block;content:'';vertical-align:middle;width:23px;height:1px;margin-right:7px;background:#fff}
.home-projects .projects-bglist .li-info .more:hover .icon{background:#fff;color:var(--color)}
.home-projects .projects-tablist{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:86%;display:flex;flex-wrap:wrap;z-index:2}
.home-projects .projects-tablist li{color:#888;width:calc(100% / 6);text-align:center;background:#fff;padding:calc(18 / 16 * 1em);transition:.3s;cursor:pointer}
.home-projects .projects-tablist li:first-child,.home-projects .projects-tablist li:nth-child(10),.home-projects .projects-tablist li:nth-child(12),.home-projects .projects-tablist li:nth-child(3),.home-projects .projects-tablist li:nth-child(5),.home-projects .projects-tablist li:nth-child(8){background:#f5f6f8}
.home-projects .projects-tablist .li-icon img{transition:all .3s ease}
.home-projects .projects-tablist .li-title{margin-top:calc(12 / 17 * 1em);font-size:calc(16 / 16 * 1em);line-height:1.25;height:2.5em;overflow:hidden}
.home-projects .projects-tablist li.act,.home-projects .projects-tablist li:hover{color:#fff;background:#e3edff}
.home-projects .projects-tablist li.act .li-icon img{filter:brightness(0) invert(1)}
@media (max-width:990px){.home-projects .projects-bglist .li-info{top:20%}
.home-projects .projects-bglist .li-info .info{width:80%}
.home-projects .projects-bglist .li-info .title{font-size:30px}
.home-projects .projects-bglist .li-info .title::after{width:35px;margin-top:15px}
.home-projects .projects-bglist .li-info .icon{width:45px;height:45px}
.home-projects .projects-tablist li{width:calc(100% / 4);padding:15px 10px}
.home-projects .projects-tablist .li-title{height:auto}
}
@media (max-width:768px){.home-projects .projects-bglist{height:800px}
.home-projects .projects-tablist .li-icon img{width:35px;height:auto}
}
@media (max-width:500px){.home-projects .projects-bglist .li-info .title{font-size:26px}
.home-projects .projects-bglist .li-info .icon{width:35px;height:35px}
.home-projects .projects-tablist{bottom:3%}
.home-projects .projects-tablist li{width:calc(100% / 3)}}
.home-about{background: #fff;}
