@charset "utf-8";
@media (max-width:768px){.contactlist li {width:31%;}}
.home-service .service-item::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000082;}
.home-service .service-item .box{z-index:9;}
.choose-service .service-tittle{color:#fff;font-size:3em;text-transform:uppercase;line-height:1em;padding:.625em 0;text-align:center;display:inline-block;position:relative}
.choose-service .service-tittle:after{content:' ';position:absolute;top:0;left:0;width:100%;height:4px;border-radius:2px;background:var(--color)}
.choose-service .service-tittle{color:#fff;}
.choose-service{width:100%;background:url(https://css02.v15cdn.com/m259/orange/bg.jpg) 0 0 repeat;position:relative;z-index:10}
.choose-service .our-ser{clear:both;padding:6em 0;text-align:center;margin-top:6em}
.choose-service #our-ser-list{margin-top:4.5em;width:100%;text-align:center}
.choose-service #our-ser-list li{display:flex;justify-content:space-between;flex-wrap:wrap}
.choose-service #our-ser-list li>div{transition:all .3s ease-in .4s;border-radius:5px;border:1px solid #676767;width:48%;flex-basis:48%;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:rgba(81,75,77,.6);margin-bottom:20px;padding:10px}
.choose-service #our-ser-list li .ser-pic{width:20%;background:url(https://css02.v15cdn.com/m259/orange/vip.png) center no-repeat;flex-basis:20%;height:8em}
.choose-service #our-ser-list li .ser-text{width:78%;flex-basis:78%;text-align:left}
.choose-service #our-ser-list li h3{font-size:1em;margin-top:2em;color:#fff;margin-bottom:5px}
.choose-service #our-ser-list li p{font-size:.875em;color:#fff}
.choose-service #our-ser-list li>div:hover{background:rgba(0,0,0,.5);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,25deg) translate3d(0,-50%,0);transform:scale3d(1,1,1) rotate3d(0,0,1,25deg) translate3d(0,-50%,0)}
.choose-service .our-ser-btn{display:flex;justify-content:center}
.choose-service #our-ser-list{overflow:hidden}
.choose-service .pro-btn{margin:30px 0}
.choose-service .our-ser-btn>div{width:48px;height:35px;background:#fff;line-height:35px;color:var(--color);display:flex;justify-content:center;align-items:center}
.choose-service .our-ser-btn>div:last-child{color:#fff;background:var(--color)}
@media (max-width:800px) {.choose-service #our-ser-list li .clearfix {width: 100%;flex-basis: 100%;}}
@media (min-width:769px){.home-cate .homecate-list li{width:23.5%;}
.home-cate .homecate-list li:nth-child(3n){margin-right:2%}
.home-cate .homecate-list li:nth-child(4n){margin-right:0}}
.home-thrive{background:#000;padding:4% 0;margin-bottom:4%;}
.home-thrive .thrive-inner{display:flex;flex-wrap:wrap;justify-content: space-between;color:#d9c6ac;}
.home-thrive .thrive-inner .left{width:35%;}
.home-thrive .thrive-inner .home-des{color:var(--color);text-align:left;font-size:22px;}
.home-thrive .thrive-inner .home-title{text-align:left;color: #d9c6ac;}
.home-thrive .thrive-inner .th-more{display:inline-block;position: relative;color: var(--color);}
.home-thrive .thrive-inner .th-more em{transition: all .3s linear;display:inline-block}
.home-thrive .thrive-inner .th-more:after{content:'';width:100%;height:1px;background: var(--color);display:block;transition: width .5s;}
.home-thrive .thrive-inner .th-more:hover em{transform: translateX(10px);}
.home-thrive .thrive-inner .th-more:hover:after{width:0;}
.home-thrive .thrive-inner .right{width:60%;display: flex;align-items: center;justify-content: space-between;}
.home-thrive .thrive-inner .right .homethrive-btn{width:50px;height:50px;background: var(--color);display:flex;justify-content: center;align-items: center;cursor: pointer;transition: all .3s;}
.home-thrive .thrive-inner .right .homethrive-btn.swiper-button-disabled{opacity:0.5}
.home-thrive .thrive-inner .right .homethrive-btn em{font-size:var(--fontsize30);font-weight:var(--fontbold7);color:#fff;}
.home-thrive .thrive-inner .right .homethrive-btn:hover{background:var(--color)}
.home-thrive .thrive-inner .right .homethriveSwiper{max-width:calc(100% - 150px);margin:0 auto;}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item{width:50%;text-align: center;padding:20px;}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item .title{margin-top:10px;min-height:58px;}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item:nth-child(n + 3){border-top:1px solid #d9c6ac}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item:nth-child(2n-1){border-right:1px solid #d9c6ac}
@media (max-width:1024px){.home-thrive .thrive-inner .left,.home-thrive .thrive-inner .right{width:100%;margin:15px 0;}}
@media (max-width:768px){.home-thrive{padding:20px 0;margin-bottom:30px;}
.home-thrive .thrive-inner .home-des,.home-thrive .thrive-inner .th-more{font-size:14px}
.home-thrive .thrive-inner .right .homethrive-btn{width:25px;height:25px;}
.home-thrive .thrive-inner .right .homethriveSwiper{max-width:calc(100% - 70px)}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item img{max-height:45px;width:auto;}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item .title,.home-thrive .thrive-inner .right .homethrive-btn em{font-size:12px;}
.home-thrive .thrive-inner .right .homethriveSwiper .square-box .square-item{padding:7px;}}

.banner-inner::after{z-index:1}
.home-middle{padding-top:20px;}
.home-middle .box-list ul#box{display:flex;justify-content: space-between;}
.home-middle .box-list ul#box li{width:20%;position: relative;height:500px;overflow: hidden;border-radius:20px;cursor: pointer;transition: all .25s ease-in-out;margin-right: 10px;}
.home-middle .box-list ul#box li .inner-page{position: absolute;left:0;top:0;width:100%;height:100%;}
.home-middle .box-list ul#box li .inner-page video,.home-middle .box-list ul#box li .inner-page img{width:100%;height:100%;object-fit: cover;min-height:inherit}
.home-middle .box-list ul#box li .inner-page.img:before{content:'';width:100%;height:100%;background:rgba(21,21,21,0.3);position: absolute;top:0;left:0;}
.home-middle .box-list ul#box li .cgjcs_s{color:#fff;font-weight:var(--fontbold7);font-size: 20px;height: 100%;position: relative;display: flex;justify-content: center;flex-wrap: wrap;flex-direction: row;align-items: center;z-index: 2;text-align: center;}
.home-middle .box-list ul#box li .dingw{position: absolute;bottom:90px;left:50%;color:#fff;z-index:2;transform: translateX(-50%);font-size:20px;font-weight:var(--fontbold7)}
@media (min-width:769px){.home-middle .box-list ul#box li.active .cgjcs_s{display:none;}
.home-middle .box-list ul#box li.active .dingw{display:block;}}
@media (max-width:768px){.home-middle .box-list ul#box{flex-wrap:wrap;}
.home-middle .box-list ul#box li{width:100%;height:300px;margin:10px 0;border-radius: 10px;}
.home-middle .box-list ul#box li .dingw{display:none}
.home-middle .box-list ul#box li .cgjcs_s{font-size:16px}
.home-middle .box-list ul#box li .cgjcs_s{height:auto;padding-top:20px;}}
.home-contant{margin: 0 0 4%;padding: 4% 0;background:#000}
body.index .foottop{display:none;}
.pro-d-main+ .home-contant{display: none;}
.foottop{display: none;}
.home-middle .home-des{ font-size: 60px; margin-bottom: 20px;color:#000;}
@media (max-width:1024px) { .home-middle .home-des{font-size: 24px;margin-bottom: 10px;}}
.news-main .page-nav.news-nav{display:none}
@media (min-width:1024px){
 .banner-inner{overflow: unset;}
.banner-inner .banner-content{position: relative;height: auto;}
.banner-content .l-wrap{display: flex;flex-direction: column-reverse;position: absolute;left: 50%;top: 0;transform: translate(-50%, -50%);background: #141414;height:auto !important;width: 70%;z-index: 9;padding: 35px 0;}
.banner-title-h1{color: #Fff !important;font-size: 38px !important;line-height: 1;margin-bottom: 15px;}
.banner-inner .banner-breadcrumbs{color: #ffffff;}
.banner-inner::after{height: 100% !important;}
.common-main {padding: 100px 0px 0;}
}
.banner-inner::after{display: none;}

.home-about .about-info .title { font-size: 24px;}
.home-title { font-size: 24px;}
@media (min-width:1024px) {
   .kche-t58 .kche-template-item h2 span{font-size: 35px !important;    display: inline-block;width: 100%;text-align: center;}
.kche-t114 .kche-t114-title span , .kche-t135 h5 span{ display: inline-block;width: 100%;text-align: center; font-size: 35px !important;}
}
#videobox{display: flex;flex-wrap: wrap;justify-content: space-between;}
#videobox li{width: 24%;display: flex;flex-wrap: wrap;flex-direction: column-reverse;margin-bottom:10px}
#videobox .inner-page{width: 100%;border:1px solid #eee;}
#videobox .cgjcs_s{display: none;}
#videobox .dingw{display: flex;width: 100%;height: 40px;justify-content: center;align-items: center; background: #eee;}
#videobox video{width: 100%;display:block;aspect-ratio:1/1;object-fit:contain;min-height: inherit;}
@media (max-width:1024px) {#videobox li{width: 49%;}}
.pro-main .pro-maylink{display:none;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner{display:flex;justify-content: space-between;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner>div{width:50%;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left{padding:4%;background:#eee;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left>a{width:100%;height:100%;display:flex;flex-direction: column;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .title{font-weight:var(--fontbold7);font-size:30px}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .des{margin-top:10px;font-size:16px;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .more{display:inline-flex;margin-top:auto;width:50px;height:50px;border:1px solid var(--color);color:var(--color);align-items: center;justify-content: center;transition: all .3s;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .more em{font-size:26px;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .more:hover{background: var(--color);color:#fff;}
@media (max-width:1024px){.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .title{font-size:24px;}}
@media (max-width:600px){.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner{flex-direction: column;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner>div{width:100%;}
.home-proservice .indexproserviceSwiper .swiper-slide .swiper-inner .inner-left .more{margin-top:10px;}}

.body-v-bg{background: #000000a0;position: fixed;top: 0;width: 100vw;height: 100vh;align-items: center;justify-content: center;display: flex;z-index: 9999;}
.body-v-box{max-width: 800px;background: #fff;padding: 40px;border-radius: 20px;}
.body-v-feexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: relative;}
.body-v-feexit span{width: 3px;height: 40px;background: #000;position: absolute;}
.body-v-feexit span:nth-child(1){transform: rotate(45deg);}
.body-v-feexit span:nth-child(2){transform: rotate(-45deg);}
.body-v-title{display: flex;align-items: center;}
#videobox .inner-page{position: relative;}
#videobox .inner-page svg{width: 100px;position: absolute;top: calc(50% - 10px);left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.body-v-top{display: flex;justify-content: space-between;}
.body-viceo video{max-height:50vh}
#videobox .inner-page svg{display: none;}
.home-news .newslist .swiper-slide .img{background:#fff;}
.home-news .newslist .swiper-slide .img img{width:auto;}
.newslist li .img img{object-fit: contain;}

.pagesbanner{position: relative;}
.pagesbanner video{min-height:inherit}
.pagesbanner:before{content:'';width:100%;height:100%;display:block;position: absolute;top:0;left:0;background:rgba(21,21,21,0.5);z-index:3;}
.pagesbanner .homebanner-text{position: absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:flex;justify-content: center;align-items: center;}
.pagesbanner .homebanner-text .l-wrap{max-width:1400px;border:1px solid #fff;padding:5% 20px;}
.pagesbanner .homebanner-text .homeban-title{text-align: center;font-size:40px;color:#fff;font-weight:var(--fontbold7);}
.pagesbanner .homebanner-text .homeban-line{width:200px;height:1px;background: #fff;display: block;margin:2% auto;}
.pagesbanner .homebanner-text .homeban-des{text-align: center;font-size:20px;color:#fff;}
@media (max-width:1600px){.pagesbanner .homebanner-text .l-wrap{max-width:80%;}
.pagesbanner .homebanner-text .homeban-title{font-size:2.5vw;}
.pagesbanner .homebanner-text .homeban-des{font-size:1.2vw;}}
@media (max-width:768px){.pagesbanner .homebanner-text .l-wrap{max-width:90%;}
.pagesbanner .homebanner-text .homeban-title{font-size:22px;}
.pagesbanner .homebanner-text .homeban-des{font-size:14px;}}
@media (max-width:550px){.pagesbanner .homebanner-text .homeban-title{font-size:16px;}
.pagesbanner .homebanner-text .l-wrap{padding:10px;}
.pagesbanner .homebanner-text .homeban-des,.pagesbanner .homebanner-text .homeban-line{display: none;}}
@media (max-width:1024px){.search-box{height:100%;position:relative}
.search-box .head-search{height:100%;display:inline-flex;align-items:center}
.search-box .head-search button{outline:0;border:none;cursor:pointer;background:0 0;color:#FFFFFF;border-radius:50%;margin-right:15px;width:32px;height:32px}
.search-box .head-search button em{font-weight:var(--fontbold5);font-size:var(--fontsize28,28px);color:var(--fontcolor)}
.search-input{padding:15px;position:fixed;top:70px;width:100%;right:0px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.search-input input{flex:1;border:1px solid #f1f1f1;height:40px;padding-left:10px;font-size:var(--fontsize16);outline:0}
.search-input button{width:40px;height:40px;border:none;outline:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.search-input button em{font-size:var(--fontsize22);color:var(--color);font-weight:var(--fontbold6)}
header.is-active {background:#fff}}
@media (max-width:768px){.search-input{top:60px}
.is-active .search-input{display:none}}
#liproducts .nav4>li .cate1-item .cate-img {display:none;}
@media (min-width:1025px) {#liproducts {position:static}
#liproducts .nav4 {padding:20px calc(50% - 740px);width:100%;min-height:480px;max-height:80vh;overflow-y:auto;background:#fff;position:absolute;top:100%;left:0;box-sizing:border-box;display:block;}
#liproducts .nav4>li {display:block;margin:0;position:static;}
#liproducts .nav4>li:nth-child(1) .cate2-item {display:block;}
#liproducts .nav4>li a {padding:0}
#liproducts .nav4>li.navcateact .cate2-item{display:block}
#liproducts .nav4>li:not(.navcateact) .cate2-item{display:none}
#liproducts .nav4>li.navcateli .cate1-item:after {content:'';width:10px;height:10px;border:2px solid #000;border-left:none;border-bottom:none;position:absolute;right:10px;top:24px;transform:rotate(45deg)}
#liproducts .nav4>li .cate1-item {display:flex;align-items:center;padding:6px 20px 6px 0;width:350px;height:100%;box-sizing:border-box;position:relative;}
#liproducts .nav4>li .cate1-item .cate-name {padding:0;margin:0;padding-left:10px;font-size:18px;font-weight:700;display:block;}
#liproducts .nav4>li .cate2-item {margin:20px 0 0;z-index:2;display:none;flex:1;position:absolute;left:calc(50% - 360px);top:0;box-shadow:none;border:none;flex-wrap:wrap;background:#fff;width:1100px;overflow-y:auto;opacity:1;visibility:inherit;transform:none;padding:10px 400px 10px 0;min-height:450px;box-sizing:border-box;}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar {width:4px}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-track {border-radius:0;background-color:rgba(0,0,0,.05)}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-thumb {border-radius:10px;background-color:rgba(0,0,0,.15)}
#liproducts .nav4>li .cate2-item li {padding:0 20px;margin:0 0 10px;display:block;position:static;}
#liproducts .nav4>li .cate2-item a {display:block;position:static;}
#liproducts .nav4>li .cate2-item a img {width:400px;height:400px;object-fit:contain;transition:all .1s linear;position:absolute;right:10%;top:50%;margin-top:-210px;display:none;}
#liproducts .nav4>li .cate2-item .navcatesmli a {color:var(--color);}
#liproducts .nav4>li .cate2-item .navcatesmli a img {display:block}
#liproducts .nav4>li .cate2-item .navcatesmli a span:before {background:var(--color)}
#liproducts .nav4>li .cate2-item a span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:wrap;line-height:1.4;padding-left:20px;font-size:17px;position:relative;}
#liproducts .nav4>li .cate2-item a span:before {content:'';width:8px;height:8px;background:#222;border-radius:50%;position:absolute;left:0;top:8px;}
#liproducts .nav4>li:hover .cate1-item {background:#eee}
#liproducts .nav4>li:hover .cate2-item {display:block;}}
@media (max-width:1620px) and (min-width:1025px){#liproducts .nav4{padding:20px 70px}
#liproducts .nav4>li .cate2-item{left:420px;width:calc(100% - 490px)}}
@media (max-width:1280px) and (min-width:1025px){#liproducts .nav4>li .cate2-item a img{right:0}}
@media (max-width:1200px) and (min-width:1025px){#liproducts .nav4>li .cate2-item a img{width:300px;}
#liproducts .nav4>li .cate2-item{padding-right:300px}}
@media (max-width:1024px){#liproducts .nav4>li .cate2-item a img,#liproducts .nav4>li .cate2-item .navcatesmli a img{display:none}}
@media (min-width:1025px) {#liproducts {position: static !important;}#liproducts .nav4>li .cate2-item a{color:#000;}#nav ul #liproducts .submenu a:hover{background: none;color: var(--color);}#nav ul #liproducts .submenu{left:0}#nav ul #liproducts .submenu a{color:#000;}#nav ul #liproducts .submenu{background: #fff;}}
@media (max-width:1550px) and (min-width:1025px){#liproducts .nav4{min-height:350px}
#liproducts .nav4 a{line-height:1.5;height:auto}
#liproducts .nav4>li .cate1-item .cate-name{font-size:16px}
#liproducts .nav4>li.navcateli .cate1-item:after{top:14px;width:8px;height:8px;}
#liproducts .nav4>li .cate2-item a span{font-size:15px}
#liproducts .nav4>li .cate2-item a img{width:300px;height:300px;margin-top:-150px}
#liproducts .nav4>li .cate2-item{min-height:310px}}

@media (min-width:1551px){#liproducts .nav4>li .cate2-item li.cate-imgwrap{width:400px;height:400px}}
@media (max-width:1550px) and (min-width:1025px){#liproducts .nav4>li .cate2-item li.cate-imgwrap{width:300px;height:300px}}
@media (min-width:1025px){#liproducts .nav4>li .cate2-item li.cate-imgwrap{position:absolute;right:0;padding:0;margin:0;display:none}
#liproducts:hover .nav4>li .cate2-item li.cate-imgwrap{display:block}
#liproducts:hover .nav4>li:hover li.cate-imgwrap{display:block}
}