﻿#homeproducts .slide-title{height:60px;padding:0 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:var(--fontbold6)}
#homeproducts .swiper-slide:hover .slide-title{background:var(--bgcolor);color:#fff}
@font-face{font-family:iconfont2;display:swap;src:url(https://css02.v15cdn.com/m427/fonts/iconfont.woff2?t=1743399312535) format('woff2'),url(https://css02.v15cdn.com/m427/fonts/iconfont.woff?t=1743399312535) format('woff'),url(https://css02.v15cdn.com/m427/fonts/iconfont.ttf?t=1743399312535) format('truetype')}
.icon-homevideo{font-family:iconfont2!important;}
.icon-homevideo:before{content:"\ebe7"}
.home-video{background:no-repeat center fixed;background-size:cover;padding:8% 0 12%}
.home-video .homevideo-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.home-video .homevideo-info .homevideo-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color);border-radius:50%;position:relative;cursor:pointer;transition:all .1s linear}
.home-video .homevideo-info .homevideo-icon:hover{opacity:.9}
.home-video .homevideo-info .homevideo-icon em{font-size:40px;font-weight:var(--fontbold7);color:var(--headercolor)}
.home-video .homevideo-info .homevideo-icon::after,.home-video .homevideo-info .homevideo-icon::before{content:"";width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #FFFFFF;opacity:.1;animation:before 3s linear infinite;border-radius:50%}
.home-video .homevideo-info .homevideo-icon::after{animation-delay:1.5s}
.home-video .homevideo-info .homevideo-title{margin-top:50px;font-size:42px;font-weight:var(--fontbold7);color:var(--headercolor);text-transform:uppercase}
.home-video .homevideo-fixed{position:fixed;left:0px;top:0px;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:9999999;display:none}
.home-video iframe,.home-video video,.home-video lite-youtube{width:100%;aspect-ratio:16/9;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%}
.home-video .homevideo-colse{position:absolute;top:30px;right:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.home-video .homevideo-colse em{color:var(--headercolor);transition:all .1s linear;font-size:40px}
.home-video .homevideo-colse:hover{opacity:.9}
.home-video .homevideo-colse:hover em{color:var(--color)}
@keyframes before{0%{transform:translate(-50%,-50%) scale(1)}
100%{transform:translate(-50%,-50%) scale(1.5)}}
@media(max-width:1600px){.home-video .homevideo-info .homevideo-title{font-size:36px}}
@media(max-width:1440px){.home-video .homevideo-info .homevideo-title{font-size:var(--fontsize30)}}
@media(max-width:1024px){.home-video .homevideo-info .homevideo-icon{width:60px;height:60px}
.home-video .homevideo-info .homevideo-title{margin-top:30px;font-size:var(--hometitlefont)}
.home-video{padding:50px 0px 80px}}
@media(max-width:768px){.home-video{background-attachment:inherit}
.home-video iframe,.home-video video,.home-video lite-youtube{max-width:90%;max-height:90%}}
.home-news{padding-top:4%}
@media (max-width:768px){.home-news{padding-top:40px}}

.home-banner .swiper-slide>a::after{background:rgba(0,0,0,0.7)}
.home-banner .banner-animote.ban1{color:#00ca97;top:22%;left:15%;transform: initial;text-align: left;}
.home-banner .banner-animote.ban1 .ban1-top{display:flex;align-items: center;transform:translateX(-15px);}
.home-banner .banner-animote.ban1 .ban1-top em{font-size:54px;line-height: 1;}
.home-banner .banner-animote.ban1 .ban1-top p{font-size:26px;}
.home-banner .banner-animote.ban1 .ban1-title{font-size:118px;font-weight:var(--fontbold5);line-height:1;margin: 1% 0;}
.home-banner .banner-animote.ban1 .ban1-num{font-size: 51px;border: 2px solid #00ca97;display: inline-block;line-height: 1;padding: 5px 2px;margin-bottom:1.5%}
.home-banner .banner-animote.ban1 .ban1-des{max-width:30%;font-size:26px;line-height:1.3}
@media (max-width:1600px){.home-banner .banner-animote.ban1 .ban1-top em{font-size:2.6vw;}
.home-banner .banner-animote.ban1 .ban1-top p{font-size:1.35vw;}
.home-banner .banner-animote.ban1 .ban1-title{font-size:6vw;}
.home-banner .banner-animote.ban1 .ban1-num{font-size:2.55vw;}
.home-banner .banner-animote.ban1 .ban1-des{font-size: 1.395vw;}}
@media (max-width:768px){.home-banner .banner-animote.ban1 .ban1-top em{font-size:16px}
.home-banner .banner-animote.ban1 .ban1-top{transform: initial;}
.home-banner .banner-animote.ban1 .ban1-top p{font-size:10px;}
.home-banner .banner-animote.ban1 .ban1-title{font-size:46px}
.home-banner .banner-animote.ban1 .ban1-num{font-size:19px;}
.home-banner .banner-animote.ban1 .ban1-des{font-size:12px;}}
@media (max-width:640px){.home-banner .banner-animote.ban1 .ban1-top,.home-banner .banner-animote.ban1 .ban1-des{display:none;}
.home-banner .banner-animote.ban1{left:5%;}
.home-banner .banner-animote.ban1 .ban1-title{font-size:24px;}
.home-banner .banner-animote.ban1 .ban1-num{font-size:12px;}}

.home-banner .banner-animote.ban2{color:#fff;top:56%;}
.home-banner .banner-animote.ban2 .ban2-title{font-weight: var(--fontbold7);font-size:74px;line-height: 1;}
.home-banner .banner-animote.ban2 .ban2-des{font-size:51px;line-height: 1.4;}
.home-banner .banner-animote.ban2 .ban2-bot{padding-top:24%;font-weight:var(--fontbold7);font-size: 26px;}
@media (max-width:1600px){.home-banner .banner-animote.ban2 .ban2-title{font-size:3.9vw;}
.home-banner .banner-animote.ban2 .ban2-des{font-size:2.8vw;}
.home-banner .banner-animote.ban2 .ban2-bot{font-size:1.35vw;}}
@media (max-width:768px){.home-banner .banner-animote.ban2{top:26%;}
.home-banner .banner-animote.ban2 .ban2-title{font-size:28px;}
.home-banner .banner-animote.ban2 .ban2-des{font-size:20px;}
.home-banner .banner-animote.ban2 .ban2-bot{display:none;}}
@media (max-width:640px){.home-banner .banner-animote.ban2 .ban2-title{font-size:15px;}
.home-banner .banner-animote.ban2 .ban2-des{font-size:12px;}}

.home-banner .banner-animote.ban3{top:26%;color:#fff;font-weight:var(--fontbold7)}
.home-banner .banner-animote.ban3 .ban3-title{font-size:74px;line-height: 1;}
.home-banner .banner-animote.ban3 .ban3-des{font-size:26px;margin-top:1.5%;}
@media (max-width:1600px){.home-banner .banner-animote.ban3 .ban3-title{font-size:3.8vw;}
.home-banner .banner-animote.ban3 .ban3-des{font-size:1.37vw;}}
@media (max-width:768px){.home-banner .banner-animote.ban3 .ban3-title{font-size:29px;}
.home-banner .banner-animote.ban3 .ban3-des{font-size:12px;}}
@media (max-width:640px){.home-banner .banner-animote.ban3{top:24%;}
.home-banner .banner-animote.ban3 .ban3-title{font-size:16px;}
.home-banner .banner-animote.ban3 .ban3-des{display:none;}}

.home-banner .banner-animote.ban4{top:26%;color:#fff;font-weight:var(--fontbold7)}
.home-banner .banner-animote.ban4 .ban4-title{font-size:74px;line-height: 1;}
.home-banner .banner-animote.ban4 .ban4-des{font-size:26px;margin-top:1.5%;}
@media (max-width:1600px){.home-banner .banner-animote.ban4 .ban4-title{font-size:3.8vw;}
.home-banner .banner-animote.ban4 .ban4-des{font-size:1.37vw;}}
@media (max-width:768px){.home-banner .banner-animote.ban4 .ban4-title{font-size:29px;}
.home-banner .banner-animote.ban4 .ban4-des{font-size:12px;}}
@media (max-width:640px){.home-banner .banner-animote.ban4{top:24%;}
.home-banner .banner-animote.ban4 .ban4-title{font-size:16px;}
.home-banner .banner-animote.ban4 .ban4-des{display:none;}}
@media (min-width:1025px){.home-banner .swiper-slide:hover>a::after{background:none}
.home-banner .swiper-slide:hover .banner-animote.ban2,.home-banner .swiper-slide:hover .banner-animote.ban3,.home-banner .swiper-slide:hover .banner-animote.ban4{color:#000}
header.headerhover .head-top{color:var(--fontcolor)}
header.headerhover .head-share ul a{border-color:#333;color:#333}
header.headerhover .himg{display:none}
header.headerhover .fimg{display:block}
header.headerhover .head-nav .nav-ul>li>a{color:var(--fontcolor)}
header.headerhover .head-nav .nav-ul>li:hover>a,header.headerhover .head-nav .nav-ul>li>a.inmenu_1{color:var(--color)}}