@import url(https://js01.v15cdn.com/single-template/public.css);
.home-projects .project-nav{align-items: initial;}
.home-projects .project-nav li p{white-space: normal;}
@media (min-width:1025px){.home-projects .project-nav li{width:245px;}}
.home-projects::before {background-image: url(/Content/uploads/20261284010/2026062316343344b211a59feb4658ba416c1ed0061753.jpg);}


.home-cate{background:#f5f5f5;padding:4% 0;position: relative;}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0px 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0px 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#FFF;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color)}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{display:none;width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#FFF;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0px 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#FFF;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#FFF;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%}
.home-cate .catelist ul li:nth-child(3n){margin-right:0}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}}
@media (max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0px}}
@media (max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media (max-width:768px){.home-cate{padding:40px 0;}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0;font-size:12px;}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);}}


.wmpage21-s06 h5{margin-bottom:25px;font-size:var(--wmpage-font36);color:var(--color);line-height:1.2;font-weight:var(--fontbold7);}
.wmpage21-s06 .wmpage21-container{max-width:var(--wmpage-container2);margin:0 auto;padding:0 15px;}
.wmpage21-s06{padding:80px 0;background-color:#f5f5f5}
.wmpage21-s06 .text{margin-bottom:45px}
.wmpage21-s06 .text h5{text-align:center;margin-bottom:30px}
.wmpage21-s06 .text p{margin:0 auto;max-width:800px;text-align:center}
.wmpage21-s06 .slicker{position:relative;overflow:hidden}
.wmpage21-s06 .slicker-next{left:-10px}
.wmpage21-s06 .slicker-prev{right:-15px}
.wmpage21-s06 .slicker-swiper{cursor:pointer;z-index:3;position:absolute;top:50%;transform:translateY(-50%);margin:auto;opacity:.3;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;color:#2c2c2c;transition:all .3s ease-in-out}
.wmpage21-s06 .slicker-swiper em{font-size:var(--wmpage-font38)}
.wmpage21-Swiper06 .swiper-slide img{padding:10px 25px;}
.wmpage21-s06 .video{display:flex;justify-content:center;position:relative;margin-top:60px}
.wmpage21-s06 .video-btn{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.wmpage21-s06 .video-btn em{line-height:1;font-size:var(--wmpage-font46);color:var(--color);opacity:.9;cursor:pointer}
.wmpage21-s06 .share-modify{position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.9);z-index:9999;display:none}
.wmpage21-s06 .share-modify-guan{position:absolute;top:50px;right:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color);transition:all .1s linear;z-index:99999}
.wmpage21-s06 .share-modify-guan em{width:20px;height:3px;background-color:#fff;border-radius:3px;position:absolute}
.wmpage21-s06 .share-modify-guan em:first-child{top:17px;transform:rotate(45deg)}
.wmpage21-s06 .share-modify-guan em:last-child{bottom:20px;transform:rotate(-45deg)}
.wmpage21-s06 .share-modify .share-modify-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.wmpage21-s06 .share-modify .share-modify-video video{display:none;width:100%;max-width:1200px;border:5px solid #fff;border-radius:5px;overflow:hidden}
@media(max-width:1440px){.wmpage21-s02,.wmpage21-s03,.wmpage21-s04,.wmpage21-s05,.wmpage21-s06{padding:50px 0}
.wmpage21-s06 .text{margin-bottom:20px}
.wmpage21-s06 .video{margin-bottom:45px}}
@media(max-width:1366px){.wmpage21-s06 .video{margin:30px 0}
.wmpage21-s02,.wmpage21-s03,.wmpage21-s04,.wmpage21-s05,.wmpage21-s06{padding:35px 0}}
@media(max-width:1280px){.wmpage21-s06 .share-modify .share-modify-video{margin:0 auto;width:64%}}
@media(max-width:768px){.wmpage21-s06 .video{margin:0}}
@media(max-width:450px){.wmpage21-s06 .text h5{margin-bottom:10px}}


#home-swiper .swiper-slide::after{display:none}
#home-swiper .swiper-slide .banner-animate{padding-left:0;padding-right:0;}
#home-swiper .swiper-slide .banner-animate.ban1{left:65.5%;top:56%}
#home-swiper .swiper-slide .banner-animate.ban1 .tit{display:flex;align-items: center;font-weight: var(--fontbold7);}
#home-swiper .swiper-slide .banner-animate.ban1 .tit-l{font-size:3.6vw;text-shadow: -2px -2px 3px #666;}
#home-swiper .swiper-slide .banner-animate.ban1 .tit-r{font-size:1.45vw;line-height: 1.1;padding-left:1%}
#home-swiper .swiper-slide .banner-animate.ban1 .tit-r p:nth-child(1){color:var(--color)}
#home-swiper .swiper-slide .banner-animate.ban1>.des{margin-top:2%;font-weight: var(--fontbold7);font-size:1.48vw}
#home-swiper .swiper-slide .banner-animate.ban1 .list{display:flex;margin-top:8%}
#home-swiper .swiper-slide .banner-animate.ban1 .list .item{text-align:center;max-width:7.4%;margin-right:1.75%}
#home-swiper .swiper-slide .banner-animate.ban1 .list .item .num{color:var(--color);font-weight: var(--fontbold7);font-size:1.3vw;line-height: 1;}
#home-swiper .swiper-slide .banner-animate.ban1 .list .item .des{color:#555;margin-top:5px;font-size:0.95vw;line-height: 1;}
#home-swiper .swiper-slide .banner-animate.ban1 .more a{margin-top:4%;display:inline-block;background: var(--color);color:#fff;line-height: 1;padding:0.5% 1%;font-size:0.85vw;transition: all .3s;border-radius: 5px;overflow: hidden;}
#home-swiper .swiper-slide .banner-animate.ban1 .more a:hover{background: var(--fontcolor);}
@media (max-width:768px){#home-swiper .swiper-slide .banner-animate.ban1{top:30%}
#home-swiper .swiper-slide .banner-animate.ban1 .tit-l{font-size:27px;}
#home-swiper .swiper-slide .banner-animate.ban1 .tit-r{font-size:12px;}
#home-swiper .swiper-slide .banner-animate.ban1 .list,#home-swiper .swiper-slide .banner-animate.ban1>.des{display:none}
#home-swiper .swiper-slide .banner-animate.ban1 .more{display:none}}
@media (max-width:600px){#home-swiper .swiper-slide .banner-animate.ban1 .tit-l{font-size:14px;}
#home-swiper .swiper-slide .banner-animate.ban1{left:53%;}}
#home-swiper .swiper-slide .banner-animate.ban2{padding-left:8%;top:45%;}
#home-swiper .swiper-slide .banner-animate.ban2 .tit{font-weight: var(--fontbold7);font-size:2.75vw;line-height: 1.2;}
#home-swiper .swiper-slide .banner-animate.ban2 .des{font-size:1.18vw;margin:2% 0 3%;line-height: 1.2;}
#home-swiper .swiper-slide .banner-animate.ban2 .more a{display:inline-block;background: var(--color);color:#fff;line-height: 1;padding:0.5% 2%;font-size:1.5vw;transition: all .3s;border-radius: 30px;overflow: hidden;}
#home-swiper .swiper-slide .ban2-bot{width:100%;position: absolute;bottom:2%;left:0;}
#home-swiper .swiper-slide .ban2-bot .inner{display:flex;align-items:center;justify-content: center;}
#home-swiper .swiper-slide .ban2-bot .inner .item{text-align:center}
#home-swiper .swiper-slide .ban2-bot .inner .item:nth-child(2){margin:0 30%}
#home-swiper .swiper-slide .ban2-bot .inner .item .num{font-weight: var(--fontbold7);color:var(--color);font-size:1.8vw;line-height: 1;}
#home-swiper .swiper-slide .ban2-bot .inner .item .art{font-weight: var(--fontbold7);color:#333;font-size:1vw}
@media (max-width:768px){#home-swiper .swiper-slide .ban2-bot{display:none}
#home-swiper .swiper-slide .banner-animate.ban2 .tit{font-size:20px;}
#home-swiper .swiper-slide .banner-animate.ban2 .des{font-size:12px;max-width:35%;}
#home-swiper .swiper-slide .banner-animate.ban2 .more{display:none;}}
@media (max-width:600px){#home-swiper .swiper-slide .banner-animate.ban2 .tit{font-size:12px;max-width:30%}
#home-swiper .swiper-slide .banner-animate.ban2 .des{display:none;}}
#home-swiper .swiper-slide .ban3-list{position: absolute;top:25%;left:19%;width:19%}
#home-swiper .swiper-slide .ban3-list .item{font-size:1.3vw;text-align:center;font-weight: var(--fontbold7);margin-bottom:28%;}
#home-swiper .swiper-slide .ban3-list .item p:nth-child(1){color:#F9F289;}
#home-swiper .swiper-slide .ban3-list .item p:nth-child(2){color:#fff;margin-top:5px;}
#home-swiper .swiper-slide .banner-animate.ban3{padding-left:62%;top:45%;}
#home-swiper .swiper-slide .banner-animate.ban3 .tit{font-weight: var(--fontbold7);text-transform: uppercase;font-size:2.45vw;position: relative;text-shadow: 1px 2px 3px #333;}
#home-swiper .swiper-slide .banner-animate.ban3 .tit2{padding-bottom:1%;}
#home-swiper .swiper-slide .banner-animate.ban3 .tit2:after{content:'';width:3vw;height:0.5vw;display: block;background: #fff;position: absolute;bottom:0;left:0;}
#home-swiper .swiper-slide .banner-animate.ban3 .des{font-size:0.8vw;margin-top:1%;}
@media (max-width:768px){#home-swiper .swiper-slide .ban3-list,#home-swiper .swiper-slide .banner-animate.ban3 .des{display:none;}
#home-swiper .swiper-slide .banner-animate.ban3 .tit{font-size:18px;}}
@media (max-width:600px){#home-swiper .swiper-slide .banner-animate.ban3 .tit{font-size:12px;line-height: 1;}
#home-swiper .swiper-slide .banner-animate.ban3 .tit2:after{display:none}}
.home-projects .project-nav li h3{white-space:normal;font-weight:normal;font-size:16px;margin-top:10px}