@charset "utf-8"; 
:root{--color:#df030b;--summarycolor:#282828;}
@font-face {font-family: "iconfont";src: url('/js/33979/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-service:before {content: "\e649";}
.icon-sheji:before {content: "\e65e";}
.icon-washMode_cotton:before {content: "\e605";}
.icon-keji:before {content: "\e664";}
.icon-leaf:before {content: "\e642";}
.icon-bijijilu:before {content: "\e6f3";}
.home-introduction{padding:5% 0;transform: inherit;}
.home-case{background:var(--color)}
.home-case .l-wrap .case .item .text{background-color:rgb(223 3 11 / 80%)}
.footer-bottom{background-color: #282828;}
.dialog-box .title,.thanks-dialog-box .thanks-title {font-size:28px;}
.dialog-box .con p,.thanks-dialog-box .thanks-con p {font-size:15px;}
.dialog-box .con a,.thanks-dialog-box .thanks-con a {display:flex;align-items:center;justify-content:center;text-transform:uppercase;color:var(--color);font-weight:bold;font-size:17px;overflow:hidden;}
.dialog-box .con a img,.thanks-dialog-box .thanks-con a img {top:0;filter:drop-shadow(0 50px 0 var(--color));transform:translateY(-50px);}
.home-solution{padding:5% 0;}
.home-solution .swiper{padding-bottom:30px}
.solution-btn{display:none}
.home-solution .project-wrap {display:flex;list-style:none}
.home-solution .project-wrap li {width:31%;margin-right:3.5%;margin-bottom:30px;position:relative;overflow:hidden;border-radius:var(--borderradius)}
.home-solution .project-wrap li:hover .project-info {transform:translateY(0);opacity:1;visibility:initial}
.home-solution .project-wrap li .project-img img {width:100%;height:100%;object-fit:cover}
.home-solution .project-wrap li .project-info {position:absolute;left:0px;top:0px;width:100%;height:100%;padding:20px 26px;transition:all .2s linear;background:rgba(0,0,0,.6);transform:translateY(100%);opacity:0;visibility:hidden}
.home-solution .project-wrap li .project-info a {display:flex;height:100%;width:100%;flex-direction:column;padding:30px;border:1px solid var(--color);color:#F3F3F3;border-radius:var(--borderradius)}
.home-solution .project-wrap li .project-info a .project-name {font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:15px;line-height:1.2}
.home-solution .project-wrap li .project-info a .project-content {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.kche-t119 .kche-t119-item .kche-t119-item-p1 { margin-bottom: unset;}
.home-banner .indexbanner-text.homeba1{color:#000;}
.home-banner .indexbanner-text.indexbanner-text3{max-width:25%;left:77% !important;top:32% !important;}
.home-banner .indexbanner-text.indexbanner-text3 .title{font-size:30px;color:#000;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.home-banner .indexbanner-text.indexbanner-text3 .text{color:#000;}
.home-banner .indexbanner-text.indexbanner-text3 .btn{margin-top:15px;}
.home-introduction .introduction .item{flex-direction: row;}
.home-introduction .introduction .item .right .title{display: flex;font-size: 26px;}
.introduction-date{display: flex;align-items: baseline;}
.introduction-date p:nth-of-type(1){font-size: 26px;font-weight: 600;line-height: 1;}
.introduction-date p:nth-of-type(2){font-size: 18px;line-height: 1;margin-left: 5px;}
.introduction-con p{font-size: 18px;margin-top: 20px;margin-top: 50px;}
.home-solution{background-size:cover;overflow:hidden;position:relative;}
.home-solution .loading{position:absolute;right:40px;top:-12%;border-radius:50%;animation:loading 10s linear infinite}
@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}
.home-title{font-size:36px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor)}
.home-solution .home-title{position:relative;z-index:2}
.home-solution .homesolution-wrap{margin-top:3%;position:relative}
.home-solution .mySwiper{position:absolute;left:48%;bottom:20px;padding:0 30px;width:45%}
.home-solution .mySwiper2 .swiper-slide{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.home-solution .mySwiper2 .swiper-slide img{width:45%;border-radius:var(--borderradius)}
.home-solution .mySwiper2 .swiper-slide .content{flex:1;padding-left:50px;padding-top:20px}
.home-solution .mySwiper2 .swiper-slide .content .title{font-size:30px;font-weight:var(--fontbold6);margin-bottom:20px}
.home-solution .mySwiper2 .swiper-slide .content .text{font-size:16px;opacity:.8;margin-bottom:2em;max-width:700px;}
.home-more{min-width:170px;height:50px;background:var(--color);color:#fff;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;padding:0 20px;text-transform:capitalize;cursor:pointer;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;overflow:hidden}
.home-more::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.home-solution .mySwiper .swiper-slide{display:flex;align-items:center;justify-content:center}
.home-solution .mySwiper .swiper-slide .icon{border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;width:110px;height:110px;padding:4px;position:relative;z-index:1;cursor:pointer}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon{box-sizing:border-box;padding:5px;border-radius:50%;background-image:var(--bgcolor)}
.home-solution .mySwiper .swiper-slide .icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .1s linear}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon img{animation:float 5s linear infinite}
@keyframes float{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(.95)}100%{transform:scale(1)}}
.home-solution .mySwiper-button-next,.home-solution .mySwiper-button-prev{position:absolute;cursor:pointer;left:0;top:50%;transform:translateY(-50%);z-index:1}
.home-solution .mySwiper-button-next{left:auto;right:0}
.home-solution .mySwiper-button-next em,.home-solution .mySwiper-button-prev em{font-weight:var(--fontbold3);font-size:30px}
.home-solution .mySwiper-button-next.swiper-button-disabled em,.home-solution .mySwiper-button-prev.swiper-button-disabled em{color:#666}


@media (max-width:1440px){.home-banner .indexbanner-text.indexbanner-text3{top:30% !important;left:78% !important;}
.home-banner .indexbanner-text.indexbanner-text3 .title{font-size:24px;}
.home-solution{padding-bottom: 3%;}}
@media (max-width:1200px){
.home-solution .mySwiper .swiper-wrapper{overflow: hidden;}
.home-solution .mySwiper{width: 55%;}
.home-solution .mySwiper2 .swiper-slide{align-items: flex-start;}
.home-solution .mySwiper2 .swiper-slide .content .title{font-size: 24px;margin-bottom: 10px;}}
@media (max-width:1024px){.home-banner .indexbanner-text.indexbanner-text3 .title{font-size:17px;}
.home-solution .mySwiper{position: relative;left: 0;bottom: 20px;padding: 0 30px;width: 100%;}
.home-solution .mySwiper .swiper-wrapper{overflow: unset;}
.home-solution .mySwiper2 .swiper-slide .content{padding-left: 20px;}  
.home-solution .mySwiper2 .swiper-slide .content .title{font-size: 18px;}  
}
@media (max-width:768px){.home-banner .indexbanner-text.indexbanner-text3{left:76% !important;}
.home-banner .indexbanner-text.indexbanner-text3 .text{display:none;}
.home-solution .mySwiper2 .swiper-slide{flex-direction: column;}
.home-solution .mySwiper2 .swiper-slide img{width:100%}
.home-solution .mySwiper2 .swiper-slide .content{padding: 20px;}  
.home-title{font-size: 24px;}
}
@media (max-width:500px){.home-banner .indexbanner-text.indexbanner-text3 .title{font-size:10px;line-height: 1.1;}}
.home-banner .indexbanner-text.homeba1 {transform:translate(0,-50%);left:7%;text-align:left;width:35%;}
.home-banner .indexbanner-text.homeba1 .title {line-height:1.3;margin-bottom:15px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
@media (max-width:1200px){.home-banner .indexbanner-text.homeba1 .title{font-size:26px}}
@media (max-width:768px){.home-banner .indexbanner-text.homeba1 .title{font-size:18px}}
@media (max-width:500px){.home-banner .indexbanner-text.homeba1 {left:55px;}
.home-banner .indexbanner-text.homeba1 .title{font-size:12px}
.home-banner .indexbanner-text.homeba1 .text{display:none}}
.home-banner .indexbanner-text.homeba2 {transform:translate(0,-50%);left:7%;text-align:left;width:38%;color:#000}
.home-banner .indexbanner-text.homeba2 .title {line-height:1.3;margin-bottom:15px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
@media (max-width:1200px){.home-banner .indexbanner-text.homeba2 .title{font-size:26px}}
@media (max-width:768px){.home-banner .indexbanner-text.homeba2 .title{font-size:18px}}
@media (max-width:500px){.home-banner .indexbanner-text.homeba2 {left:55px;}
.home-banner .indexbanner-text.homeba2 .title{font-size:12px;margin:0}
.home-banner .indexbanner-text.homeba2 .text{display:none}}
@media (min-width:1025px){.home-about .l-wrap .left {width:48%;padding:0;}
.home-about .l-wrap .left lite-youtube {max-width:100%;min-height:480px;}
.home-about .l-wrap .right {width:48%;}
.home-about .l-wrap {justify-content:space-between;padding-bottom: 5%;}}
.home-solution .loading{display:none}
@media (min-width:1025px){.home-solution .mySwiper2 .swiper-slide .content{padding-bottom:140px;}}
@media (min-width:1441px){.home-solution .mySwiper2 .swiper-slide .content{padding-bottom:160px;}}

.home-choose{color:#898989;background:no-repeat center;background-size:cover;overflow:hidden;padding:5% 0;}
.home-choose .l-wrap{display:flex;flex-wrap:wrap}
.home-choose .home-title{color:#fff;font-size:36px;text-align: inherit;}
.home-choose .homechoose-text{font-size:18px;line-height:1.8;margin-top:20px}
.home-choose .homechoose-title{width:400px;padding-top:30px}
.home-choose .homechoose-content{flex: 1;padding-left: 85px;display: flex;flex-wrap: wrap}
.home-choose .homechoose-content .homechoose-item{width:32%;margin-bottom:40px;padding:20px 30px;border:1px solid rgba(125,125,125,.3);display:flex;flex-direction:column;position:relative;border-radius:var(--borderradius);z-index:1;transition:all .1s linear;margin-right: 1.5%;}
.home-choose .homechoose-content .homechoose-item:nth-of-type(3n){margin-right: 0;}
.home-choose .homechoose-content .homechoose-item:hover{border-color:var(--color)}
.home-choose .homechoose-content .homechoose-item:hover::after{border-color:var(--color)}
.home-choose .homechoose-content .homechoose-item::after{content:"";content:"";position:absolute;bottom:-33px;right:-24px;width:58px;height:70px;border-left:1px solid rgba(125,125,125,.3);transform:rotate(47deg);z-index:1;background:#272727}
.home-choose .homechoose-content .homechoose-item .icon em{font-size:45px;color:var(--color)}
.home-choose .homechoose-content .homechoose-item .title{color:#fff;font-size:22px;margin-bottom:10px}
@media (max-width:1420px) {
    .home-choose .homechoose-content .homechoose-item{width: 48%;}
    .home-choose .homechoose-content .homechoose-item:nth-of-type(3n){margin-right: auto;}
}
@media (max-width:1024px) {
    .home-choose .l-wrap{flex-direction: column;}
    .home-choose .homechoose-title{width: 100%;}
    .home-choose .homechoose-content{padding-left: 0;margin-top: 25px;}
}
@media (max-width:450px) {
    .home-choose .homechoose-content .homechoose-item{width: 100%;margin-bottom: 25px;padding: 10px 20px;}
    .home-choose .home-title{font-size: 25px;line-height: 1;}
    .homechoose-text{font-size: 16px !important;}
}

.projects-play{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1560px;align-items:center;margin:0 auto}
.homeprojects-left{width:500px;padding-right:30px}
.homeprojects-right{width:calc(100% - 500px)}
.home-projects .home-des{font-size:16px;font-weight:400;color:#333;text-align:left;margin-bottom:10px;text-transform:uppercase}
.home-projects .home-title{font-size:36px;color:var(--fontcolor);font-weight:var(--fontbold5);text-transform:capitalize;text-align:left}
.home-line{height:3px;margin-top:20px;position:relative;background:var(--color);width:40px}
.home-projects .home-mores{width:80%;background:#f5f5f5;color:#000;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;text-transform:lowercase;font-weight:var(--fontbold6);z-index:1;position:relative;overflow:hidden;margin-top:26px;padding:15px 0;cursor: pointer;}
.home-projects .home-mores.active,.home-projects .home-mores:hover {background:var(--color);color:#fff;}
.home-projects .home-mores::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);background:rgba(0,0,0,.1);width:300px;height:300px;transition:all .15s linear;z-index:-1;border-radius:50%}
.homeprojects-right .box{position:absolute;left:0;bottom:0;background:var(--color);color:#fff;display:flex;align-items:center;padding:30px 20px;width:100%;max-width:300px;min-height:100px}
.home-projects{padding:5% 0}
.homeprojects-box{display:none}
#project-swiper1,#project-swiper2,#project-swiper3{padding-bottom:50px}
@media (max-width:1560px) {
    .projects-play{padding: 0 3%;}
}
@media (max-width:1024px) {
    .projects-play{flex-direction: column;}
    .homeprojects-left {width: 100%;padding-right: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 50px;}
    .homeprojects-right{width: 100%;}
    .home-projects {padding: 51px 0;}
    .home-projects .home-mores{width: 100%;}
}
@media (max-width:768px) {
    .home-projects .home-title{font-size: 22px;}
    .home-projects .home-mores{margin-top: 15px;padding: 8px 0;}
}
.home-product .l-wrap .theme{display:none}
@media(min-width:1025px){.home-projects .home-mores{width: 68%;}}
.home-projects .home-mores{border-radius: 5px;padding: 15px 5px;text-transform: capitalize;font-weight: 500;justify-content: flex-start;}
.homeprojects-right .box{background: #df030b69;border: 1px solid var(--color);}
.home-introduction .introduction .item .right .title{font-size: 28px;font-weight: 800;}
.home-solution{background: #eff2f7;}
.home-about .l-wrap{padding-top: 5%;}
.innercase-tags .kche-t119 .kche-t119-item {background:#f5f5f5;}
.innercase-tags .kche-t119 .kche-t119-item:hover {background:var(--color)}
.innercase-tags .kche-t119 .kche-t119-item:hover a {color:#fff!important}
.innercase-tags .kche-t119 .kche-t119-item.active {background:var(--color)}
.innercase-tags .kche-t119 .kche-t119-item.active a {color:#fff!important}
.innercase-tags .kche-t119 .kche-t119-list .kche-t119-item {padding:0;}
.innercase-tags .kche-t119 .kche-t119-list .kche-t119-item .kche-t119-item-p1 {display:block;width:100%;height:100%;}
.innercase-tags .kche-t119 .kche-t119-list .kche-t119-item .kche-t119-item-p1 span {display:block;width:100%;height:100%;}
.innercase-tags .kche-t119 .kche-t119-list .kche-t119-item .kche-t119-item-p1 a {color:var(--fontcolor);font-weight:500;display:flex;width:100%;height:100%;text-align:center;align-items:center;justify-content:center;padding:10px 20px;}
@media (min-width:769px){.innercase-tags .kche-t119 .kche-t119-list {justify-content:center;}
.innercase-tags .kche-t119 .kche-t119-list .kche-t119-item {width:auto;margin-left:10px;margin-right:10px;}}
.home-projectsbtn {justify-content:center;display:flex;margin-top:20px;}
.home-projectsbtn a {display:block;text-transform:capitalize;padding:8px 50px;border:1px solid #ccc;border-radius:40px;}
.home-projectsbtn a:hover {background:var(--color);border-color:var(--color);color:#fff;}
@media (max-width:768px){.home-projectsbtn {margin-top:10px;}
.home-projectsbtn a{font-size:14px;padding:6px 30px}}
.home-news .news-item-img{position:relative;height:0;padding-bottom:67%;}
.home-news .news-item-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;width:100%;}
@media (max-width:1366px){header .head-info .head-logo a span{font-size:14px;}}
@media (min-width:1025px) and (max-width:1440px){header .head-info .head-nav .nav-ul>li>a{padding:0 12px;}}
@media (max-width:1024px){header .head-info .head-logo a span{display:none;}}
.home-about .l-wrap .right .btn { text-transform: capitalize;}
.news-item-read {text-transform: capitalize;}
.home-product .l-wrap .product .pro-list .item .text .btn{text-transform:initial;}