@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide>a::after{display:none}
.home-banner .banner-animote.banner-inner{opacity:1;z-index:2;}
.home-banner .banner-animote.banner-inner .p1{font-size:40px;font-weight:var(--fontbold7)}
.home-banner .banner-animote.banner-inner .p2{font-size:var(--fontsize20);margin:10px 0 20px;max-width:55%;}
.home-banner .banner-animote.banner-inner .p3 a{display:inline-block;padding:8px 15px;color:var(--color);background: #fff;transition:all .3s;font-size:var(--fontsize20);}
.home-banner .banner-animote.banner-inner .p3 a:hover{color:#fff;background:var(--color)}
@media (max-width:1600px){.home-banner .banner-animote.banner-inner .p1{font-size:2.3vw;}
.home-banner .banner-animote.banner-inner .p2,.home-banner .banner-animote.banner-inner .p3 a{font-size:1.25vw;}}
@media (max-width:768px){#indexbanner video{min-height:inherit;}
.home-banner .banner-animote.banner-inner .p1{font-size:var(--fontsize22)}
.home-banner .banner-animote.banner-inner .p2{max-width:100%;}
.home-banner .banner-animote.banner-inner .p2,.home-banner .banner-animote.banner-inner .p3 a{font-size:var(--fontsize16)}}
@media (max-width:550px){.home-banner .banner-animote.banner-inner{bottom:auto;top:15%;}
.home-banner .banner-animote.banner-inner .p1{font-size:var(--fontsize18)}
.home-banner .banner-animote.banner-inner .p2{font-size:var(--fontsize14)}
.home-banner .banner-animote.banner-inner .p3{display:none;}}
.home-products{display:none}
.wmpage211-page5 .wmpage211-page5-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);padding-left:20px;left:50%;transform:translateX(-50%)}
.wmpage211-page5 .wmpage211-page5-text:before{content:'';position:absolute;width:14px;height:7px;background-color:var(--color);border-top-left-radius:7px;border-top-right-radius:7px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.wmpage211-page5 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.wmpage211-page5 .wmpage211-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:22%}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:35px;transition:all .2s linear;cursor: pointer;}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li.active{background:var(--color);border:1px solid transparent}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li:nth-child(-n+4){margin-bottom:20px}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-letter{padding:15px 25px;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font18);flex:1;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-letter{color:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;margin:5px;background:#f6f6f6;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon{background:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon em{transform:rotate(-30deg);color:var(--color);transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon em{color:var(--wmpage-color22)}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:75%;position:relative;overflow:hidden}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item{visibility:hidden;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:0;width:100%}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item.active{visibility:visible;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:1;transform:scale(1);position:relative}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:36%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img img{width:100%;height:auto;border-radius:30px;object-fit:cover}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:61%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{color:var(--wmpage-color8);margin:10px 0 20px}
.wmpage211-page5 .wmpage211-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:7px}
.wmpage211-page5 .wmpage211-page5-item ul li em{color:var(--color);font-weight:var(--fontbold5);margin-right:10px}
@media screen and (max-width:1024px){.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:100%}
}
@media screen and (max-width:768px){.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:100%}
}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info .btn{margin-top: 20px;}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info .btn a{background: var(--bgcolor);padding: 10px 35px;display: inline-block;border-radius: 30px;color: #fff;}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{
   font-size: 15px;
}
.home-banner .banner-animote{left:0;transform:translateY(-50%);text-align:left}
.home-banner .banner-animote1{width:43%}
.home-banner .banner-animote1 .p1{font-size:3vw;line-height:1.2}
.home-banner .banner-animote1 .p2{font-size:1.3vw;margin:5% 0 7%;line-height:1.3}
.home-banner .banner-animote1 .p3{justify-content:flex-start}
.home-banner .banner-animote1 .p3 a{min-width:auto;height:auto;font-size:1.5vw;padding:5px 15px;background:#ff830a;border-radius:5px;border:none}
.home-banner .banner-animote2{top:55%;width:46%;color:#e9e9e9}
.home-banner .banner-animote2 .ban2-top{padding:30px 0;border-top:4px solid #e9e9e9;border-bottom:4px solid #e9e9e9}
.home-banner .banner-animote2 .ban2-top .p1{font-size:2.6vw;line-height:1.2}
.home-banner .banner-animote2 .ban2-top .p2{margin:20px 0 0 0;font-size:var(--fontsize17)}
.home-banner .banner-animote2 .ban2-list{margin-top:14%;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-banner .banner-animote2 .ban2-list li{width:49%;font-size:var(--fontsize17);margin-bottom:40px}
.home-banner .banner-animote2 .ban2-list li:nth-last-child(-n+2){margin-bottom:0}
.home-banner .banner-animote2 .ban2-list li p{position:relative;line-height:1.3}
.home-banner .banner-animote2 .ban2-list li .num{font-size:2vw;padding-right:15px}
.home-banner .banner-animote2 .ban2-list li .unit{position:absolute;top:0;left:12%;font-size:1.5vw}
.home-banner .banner-animote3{top:55%;width:52%}
.home-banner .banner-animote3 .p1{width:400px;height:62px;background:#e71310;font-size:32px;font-weight:var(--fontbold6);font-style:italic;display:flex;justify-content:center;align-items:center}
.home-banner .banner-animote3 .p2{margin:30px 0;font-size:50px;font-weight:var(--fontbold6);line-height:1.2}
.home-banner .banner-animote3 .p3{position:relative;display:block;padding-left:13px;font-size:var(--fontsize18)}
.home-banner .banner-animote3 .p3::before{content:'';position:absolute;top:13px;left:0;width:5px;height:5px;border-radius:50%;background:#fff}
.home-banner .banner-animote3 .more{margin-top:15px;display:inline-block;padding:5px 20px;color:#fff;background:#1262f4;border-radius:20px}
@media (max-width:1440px){.home-banner .banner-animote2{top:60%}
.home-banner .banner-animote2 .ban2-top{padding:15px 0}
.home-banner .banner-animote2 .ban2-top .p2{margin-top:10px}
.home-banner .banner-animote2 .ban2-list{margin-top:5%}
.home-banner .banner-animote2 .ban2-list li{margin-bottom:20px}
.home-banner .banner-animote2 .ban2-list li p br{display:none}
.home-banner .banner-animote3 .p1{width:360px;height:55px;font-size:var(--fontsize28)}
.home-banner .banner-animote3 .p2{font-size:44px;margin:30px 0 20px}}
@media (max-width:1280px){.home-banner .banner-animote1{top:55%}
.home-banner .banner-animote1 .p2{font-size:1.5vw}
.home-banner .banner-animote2{top:50%}
.home-banner .banner-animote2 .ban2-top{padding:20px 0}
.home-banner .banner-animote2 .ban2-top .p1{font-size:34px}
.home-banner .banner-animote2 .ban2-top .p2{margin-top:20px}
.home-banner .banner-animote2 .ban2-list{display:none}
.home-banner .banner-animote3{top:60%;width:60%}
.home-banner .banner-animote3 .p1{width:300px;height:50px;font-size:var(--fontsize24)}
.home-banner .banner-animote3 .p2{font-size:36px;margin:20px 0 10px}}
@media (max-width:1024px){.home-banner .l-wrap{padding:0 15px 0 70px}
.home-banner .banner-animote2{width:43%}
.home-banner .banner-animote2 .ban2-top{border-width:3px}
.home-banner .banner-animote2 .ban2-top .p1{font-size:var(--fontsize30)}
.home-banner .banner-animote2 .ban2-top .p2{font-size:var(--fontsize16)}
.home-banner .banner-animote3{top:50%;width:50%}
.home-banner .banner-animote3 .p1{width:240px;height:40px;font-size:var(--fontsize20)}
.home-banner .banner-animote3 .p2{font-size:var(--fontsize28);margin:15px 0 10px}}
@media (max-width:990px){.home-banner .banner-animote1{top:50%}
.home-banner .banner-animote1 .p1{font-size:var(--fontsize30)}
.home-banner .banner-animote1 .p2{font-size:var(--fontsize18);margin:20px 0 30px}
.home-banner .banner-animote1 .p3 a{font-size:var(--fontsize16)}}
@media (max-width:768px){.home-banner .banner-animote1 .p1{margin-bottom:15px;font-size:var(--fontsize24);line-height:1.5}
.home-banner .banner-animote1 .p1 br{display:none}
.home-banner .banner-animote1 .p2{display:none}
.home-banner .banner-animote1 .p3 a{padding:3px 10px;font-size:var(--fontsize14)}
.home-banner .banner-animote2 .ban2-top{padding:10px 0}
.home-banner .banner-animote2 .ban2-top .p1{font-size:var(--fontsize24)}
.home-banner .banner-animote2 .ban2-top .p2{display:none}
.home-banner .banner-animote3 .p1{width:200px;height:35px;font-size:var(--fontsize16)}
.home-banner .banner-animote3 .p2{font-size:var(--fontsize20);margin-bottom:0}
.home-banner .banner-animote3 .p3{display:none}
.home-banner .banner-animote3 .more{font-size:var(--fontsize14);padding:5px 15px}}
@media (max-width:500px){.home-banner .l-wrap{padding:0 15px}
.home-banner .banner-animote1 .p1{font-size:var(--fontsize18)}
.home-banner .banner-animote2 .ban2-top{padding:0;border:none}
.home-banner .banner-animote2 .ban2-top .p1{font-size:var(--fontsize20)}
.home-banner .banner-animote3 .p1{width:160px;height:30px;font-size:var(--fontsize14)}
.home-banner .banner-animote3 .p2{margin-top:10px;font-size:var(--fontsize16)}
.home-banner .banner-animote3 .more{display:none}}