﻿:root{--hometitlefont: 40px;--fontbold6: 600;}
.home-title{font-size: var(--hometitlefont);font-weight: var(--fontbold6);text-align: center;text-transform: capitalize;color: var(--fontcolor);line-height: 1.4;}
.home-des {font-size: var(--fontsize16);color: #565656;text-align: center;max-width: 1000px;margin: 10px auto 0px;}
.home-logo{padding-bottom:100px;width: 100%;flex: inherit;}
.home-logo .l-wrap{display:flex;justify-content:space-between}
.home-logo .home-title{text-align:left;margin:0;white-space:nowrap}
.home-logo .logo-container{width:calc(100% - 300px)}
.home-logo .swiper-free-mode>.swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo .logoswiper-pagination{display:none}
.home-logo .swiper-container-free-mode>.swiper-wrapper{transition-timing-function: linear}
@media (max-width:1024px){
.home-logo{padding-bottom:60px}
.home-logo .l-wrap{display:block}
.home-logo .home-title{text-align:center}
.home-logo .logo-container{width:100%;margin-top:30px}}
@media (max-width:768px){.home-logo .logoswiper-pagination{display:block;bottom:0;text-align:center}
.home-logo{padding-bottom:30px;order: 1;}}
.home-videos{padding:3% 0}
#videoswiper{margin-top:30px}
#videoswiper .videoswiper-pagination{text-align:center;margin-top:30px}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#videoswiper .swiper-slide{background:#F7F7F7;transition:all .2s linear;border-radius:10px;overflow:hidden}
#videoswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#videoswiper .swiper-slide .video{width:100%;aspect-ratio:3/2}
#videoswiper .swiper-slide .video iframe,#videoswiper .swiper-slide .video img,#videoswiper .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper .swiper-slide p{margin:15px 20px;font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4}
#ind{flex-wrap:wrap}
lite-youtube{height:100%}

/*banner*/
#home-swiper .banner-animote{position:absolute;width:100%;opacity:0;}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .2s forwards;animation-delay:.3s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#home-swiper .banner-animote.ban1{left:50%;top:10%;transform: translateX(-50%);text-align: center;}
#home-swiper .banner-animote.ban1 .year p{font-weight:var(--fontbold7);color:var(--color);font-size:66px}
#home-swiper .banner-animote.ban1 .year p span{font-size:110px;}
#home-swiper .banner-animote.ban1 .des{font-size:46px;line-height:1.4;color:var(--color);margin-top:5%;}
#home-swiper .banner-animote.ban1 .ban1-list{display:flex;justify-content: center;margin-top:5.5%;}
#home-swiper .banner-animote.ban1 .ban1-list .ban1-item{padding:0 4%;background: var(--color);color:#fff;border-radius: 10px;font-weight: var(--fontbold7);font-size: var(--fontsize20);margin:0 10px;width:auto;padding:10px 20px;min-width:13%;}
@media (max-width:1600px){#home-swiper .banner-animote.ban1 .year p{font-size:3.5vw;}
#home-swiper .banner-animote.ban1 .year p span{font-size:5vw;}
#home-swiper .banner-animote.ban1 .des{font-size:2.1vw;}
#home-swiper .banner-animote.ban1 .ban1-list .ban1-item{font-size:1.3vw;}}
@media (max-width:640px){#home-swiper .banner-animote.ban1 .year p{font-size:16px;}
#home-swiper .banner-animote.ban1 .year p span{font-size:20px;}
#home-swiper .banner-animote.ban1 .des{font-size:12px;max-width:85%;margin-left:auto;margin-right:auto;}
#home-swiper .banner-animote.ban1 .ban1-list{display:none;}
#home-swiper .banner-animote.ban1 .ban1-list .ban1-item{padding:5px 10px;font-size:12px;}}

#home-swiper .banner-animote.ban2{top:8.8%;left:8.5%;}
#home-swiper .banner-animote.ban2 .ban2-span{color:#fff;font-size:12px;margin-left:1%}
#home-swiper .banner-animote.ban2 .ban2-title{color:#03468D;font-size:40px;font-weight: var(--fontbold7);margin-top:10px;line-height: 1.3;}
#home-swiper .banner-animote.ban2 .ban2-des{color:var(--fontcolor);margin-top:5px;max-width:35%;font-size:20px;}
@media (max-width:1600px){#home-swiper .banner-animote.ban2 .ban2-span{font-size:0.65vw;}
#home-swiper .banner-animote.ban2 .ban2-title{font-size:2.1vw;}
#home-swiper .banner-animote.ban2 .ban2-des{font-size: 1.1vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban2{top:9.2%;}
#home-swiper .banner-animote.ban2 .ban2-title{margin-top:5px;}}
@media (max-width:640px){#home-swiper .banner-animote.ban2 .ban2-des{display:none;}
#home-swiper .banner-animote.ban2 .ban2-title{font-size:12px;max-width:50%;}}

#home-swiper .banner-animote.ban3{position: absolute;top:50%;transform: translateY(-50%);left:6%;color:#fff;}
#home-swiper .banner-animote.ban3 .ban3-title{font-size:40px;font-weight: var(--fontbold7);}
#home-swiper .banner-animote.ban3 .ban3-list{margin:1% 0;}
#home-swiper .banner-animote.ban3 .ban3-list p{position: relative;padding-left:15px;font-size: 22px;}
#home-swiper .banner-animote.ban3 .ban3-list p:before{content:'';width:8px;height:8px;display:inline-block;background: #fff;position: absolute;top:55%;transform: translateY(-50%);left:0;border-radius: 50%;}
#home-swiper .banner-animote.ban3 .ban3-des{font-size:18px;max-width:33%;}
@media (max-width:1600px){#home-swiper .banner-animote.ban3 .ban3-title{font-size:2vw;}
#home-swiper .banner-animote.ban3 .ban3-list p{font-size:1.5vw;}
#home-swiper .banner-animote.ban3 .ban3-des{font-size:1.2vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban3 .ban3-title{font-size:16px;}
#home-swiper .banner-animote.ban3 .ban3-list p{font-size:12px;}
#home-swiper .banner-animote.ban3 .ban3-des{font-size:12px;}}
@media (max-width:600px){#home-swiper .banner-animote.ban3{left:12%;}
#home-swiper .banner-animote.ban3 .ban3-des,#home-swiper .banner-animote.ban3 .ban3-list p{display:none}
#home-swiper .banner-animote.ban3 .ban3-title{max-width:30%;}}
#ind .adv-icon .icon-img{filter: hue-rotate(144deg) saturate(4);}
#ind .ind-l{background:var(--color)}
.sol-top{background:var(--color)}
#product .product-more{display:none;}
#product .main-part{display:none}
#product .main-title{display:flex;justify-content:space-between;align-items:center;}
#product .main-title span{padding-right:20px;font-size:var(--fontsize35);color:var(--fontcolor);font-weight:bold;text-align:left;line-height:1.4}
#product .main-title .more-btn{text-transform:uppercase;padding:10px 25px;white-space:nowrap}
@media (max-width:1080px){#product .main-title{flex-direction:column}
#product .main-title span{width:100%;padding:0 0 15px;text-align:center}}
@media (max-width:768px){#product .main-title .more-btn{padding:6px 20px;}
#product .main-title span{font-size:var(--fontsize20)}}