﻿@import url(https://js01.v15cdn.com/single-template/public.css);
#indexbanner1 .swiper-slide .lt{position: absolute;width: 70%;top: 0;left: 0;height: auto;animation: initial;object-fit: initial;}
.home-banner .swiper-slide>a::after{display:none}
@media (max-width:1024px) {
#indexbanner1 .swiper-slide .lb,#indexbanner1 .swiper-slide .lt{display: none;}
}
.slide-inner img{visibility: hidden;}
.slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}
.home-pro .list li:hover .info{background: #ffeedd;color: #000;}
#newswiper .swiper-slide:hover,.home-boxshaw .box{background:#FFEEDD}
.home-title {color: #ff9500;}
.home-advantages::before{display:none}
.home-about .aboutinfo h1{color: var(--color);}
#newswiper .swiper-slide:hover .info .date{color:#000;}
#newswiper .swiper-slide:hover .info .title{color:#000;}
.home-boxshaw .box .p1{color:#000;}
.home-boxshaw .box .p2{color:#000;}
#videoswiper .swiper-slide:hover{background: #ffeedd;color: #000;}
#advantageswiper .swiper-slide{color:#000;background: #ffffff78;}
.home-pro{padding-top:40px;}
.home-pro .home-des{display:none;}
.home-pro .list{margin-top:40px}
.home-videos .home-des{display:none;}
.home-customer{padding-bottom:35px;}
#videoswiper{margin-top:40px}
@media (max-width:768px){.home-about{padding-bottom:0}
.home-about{padding-top:30px;}
.home-pro{padding-top:30px;}
.home-pro .list{margin-top:30px}
.home-customer{padding-bottom:25px;}
#videoswiper{margin-top:30px}
.home-videos{padding-top:0}}
.home-cate{position:relative;padding:4% 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%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n){margin-right:0px}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;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:0px;top:0px;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 0px}
.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:0px;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:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
.home-case{padding:4% 0 0;position:relative}
.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderradius)}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFFFFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:var(--borderradius);z-index:1;padding:20px 20px;text-align:center}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#FFFFFF}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%}
@media (max-width:1024px){.home-case .homecase-wrap .swiper-slide{transform:scale(1) !important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0px}
}@media(max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-case{padding:40px 0px}
.home-cate .homecate-list li{width:49%;margin-right:0px}
.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0px}
}@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
.wmpage28-featured-con{position:relative;margin-top:50px}
.wmpage28-featured .wmpage28-item{max-width:90%;margin:0 auto;transition:all .3s ease-in-out;overflow:hidden}
.wmpage28-featured .wmpage28-item a{color:#2c2d31}
.wmpage28-featured .wmpage28-item p{margin: 20px 15px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .3s ease-in-out}
.wmpage28-featured .wmpage28-texts-wrap{padding:10px;display:flex;align-items:center;border:solid 1px #c2c2c2}
.wmpage28-featured .wmpage28-texts{line-height: 1.75;text-align: center;color: #000;}
.wmpage28-featured .wmpage28-item:hover p{color:var(--wmpage-color33,#2e5399)}
.wmpage28-featured .wmpage28-button-next,.wmpage28-featured .wmpage28-button-prev{cursor:pointer;outline:0;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:45px;height:45px;z-index:10;background-color:#fff;position:absolute;top:50%;transform:translate(0,-50%);color:#111;border: 1px solid #e7dede;}
.wmpage28-featured .wmpage28-mySwiper{position:relative;padding-bottom: 50px;}
.wmpage28-featured .wmpage28-mySwiper img{border:1px solid #eee;}
@media(max-width:1366px){.wmpage28-featured .wmpage28-texts{margin-left:20px}
}
@media(max-width:1024px){.wmpage28-featured h5{text-align:center}
.wmpage28-featured .wmpage28-texts{margin-left:0;font-size:var(--wmpage-font14)}
}
@media (min-width:1025px){:root{--hometitlefont:32px}
.index main,.home-des{font-size:var(--fontsize17)}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize20)}
.home-cate .homecate-list li .title a{font-size:var(--fontsize20)}
#videoswiper .swiper-slide p,#newswiper .swiper-slide .info .title{font-size:var(--fontsize18)}}
@media (min-width:1441px){:root{--hometitlefont:40px}
.index main,.home-des{font-size:var(--fontsize18)}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize22)}
.home-cate .homecate-list li .title a{font-size:var(--fontsize22)}
#videoswiper .swiper-slide p,#newswiper .swiper-slide .info .title{font-size:var(--fontsize20)}}
@media (min-width:1601px){.home-about .text{font-size:var(--fontsize20)}}
.home-about .aboutinfo .text p ,.home-des {font-size: var(--fontsize20);}

.banner-text{position:absolute;left:3%;top:55%;width:100%;font-family: Arial;}
.banner-text .ltitle{font-weight:900;font-size:87px;font-style: italic;line-height: 1;margin-bottom:1%;color:transparent;-webkit-text-stroke:2px #fff;background-clip: text;-webkit-background-clip: text;background: transparent;font-weight:var(--fontbold7);}
.banner-text .desc{line-height: 1.1;font-weight: var(--fontbold7);font-size:33px;color:#fff;text-align:center}
@media (max-width:1600px){.banner-text .ltitle{font-size:4.5vw;}
.banner-text .desc{font-size:1.72vw;}}
@media (max-width:768px){.home-banner{height:auto;}
.banner-text .ltitle{font-size:28px;-webkit-text-stroke:1px #fff}
.banner-text .desc{font-size:14px;}}
@media (max-width:600px){.home-banner{height:auto;}
.banner-text .ltitle{font-size:23px;}}
@media (max-width:550px){.home-banner{height:auto;}
.banner-text .ltitle{font-size:18px;margin-bottom:10px;-webkit-text-stroke:0.5px #fff}
.banner-text .desc{font-size:12px;}}
@media (max-width:350px){.banner-text .desc{display:none}}
.home-banner .banner-text{transition:all ease 2s .5s;opacity:0;transform:translateY(40px);top:auto;bottom:10%}
.home-banner  .swiper-slide-active .banner-text{opacity:1;transform:translateY(0px)}
.home-banner .swiper-slide >a{transition:all ease 2s!important;transform:scale(1.2)!important;}
.home-banner .swiper-slide.swiper-slide-active >a{transform:scale(1)!important}
.home-banner .swiper-pagination {bottom:20px}
.home-banner .swiper-pagination-bullet{opacity:.5}
.home-banner .swiper-pagination-bullet-active{opacity:1}
@media (max-width:768px){.home-banner .swiper-pagination {bottom:5px}
.swiper-pagination-bullet{width:8px;height:8px;}}