.home-about{padding-top:5%;}
.home-about .container{display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}
.home-about .container>div{width:49%;}
.home-about .container .about-left img{width:100%;display:block;}
.home-about .container .about-right p{margin-top:10px;}
@media (max-width:768px){.home-about{pading-top:.7rem}
.home-about .container>div{width:100%;}
.home-about .container .about-right{margin-top:15px}}
.factory{padding:3% 0 0;}
.factory-swiper{width:100%;}
.factory-swiper .swiper-container{padding-bottom:40px}
.factory-swiper .swiper-pagination{bottom:0}
.factory-swiper .swiper-pagination-bullet-active{background:var(--color)}
.factory-btn{display:none;}
.factory-swiper .swiper-slide img{width:100%}
@media (max-width:768px){.factory{padding:40px 0 0;}}
#swiper-banner .banner-animote{position:absolute;top:50%;left:10%;transform:translateY(-50%);width:50%;color:var(--footercolor);opacity:0;}
#swiper-banner .banner-animote.banner-txt1 .p1{font-size:3.2vw;font-weight:var(--fontbold5);line-height:1.2;text-shadow:1px 1px 3px var(--fontcolor)}
#swiper-banner .banner-animote.banner-txt1 .p2{font-size:1.5vw;margin:3% 0 0;text-shadow:1px 1px 3px var(--fontcolor)}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media (max-width:768px){#swiper-banner .banner-animote.banner-txt1{left:5%;width:68%}
#swiper-banner .banner-animote.banner-txt1 .p1{font-size:var(--fontsize22)}
#swiper-banner .banner-animote.banner-txt1 .p2{font-size:var(--fontsize14)}}
@media (max-width:540px){#swiper-banner .banner-animote.banner-txt1 .p1{font-size:var(--fontsize17)}
#swiper-banner .banner-animote.banner-txt1 .p2{font-size:var(--fontsize12)}}
#swiper-banner .banner-animote.banner-txt3{left:5%;width:40%}
#swiper-banner .banner-animote.banner-txt3 .p1{font-size:1.5vw;font-weight:var(--fontbold5);line-height:1.2;background:var(--color);padding:.5vw 1vw;display:inline-block;position:relative}
#swiper-banner .banner-animote.banner-txt3 .p1:after{content:'';width:1vw;height:100%;background:var(--color);position:absolute;left:100%;top:0;transform:skew(-10deg);margin-left:-.5vw;}
#swiper-banner .banner-animote.banner-txt3 .p2{font-size:2.7vw;margin:3% 0 0;color:var(--color);font-weight:var(--fontbold5);line-height:1.2;text-shadow:1px 1px 1px var(--footercolor)}
@media (max-width:768px){#swiper-banner .banner-animote.banner-txt3{left:2%;width:45%}
#swiper-banner .banner-animote.banner-txt3 .p1{font-size:var(--fontsize15)}
#swiper-banner .banner-animote.banner-txt3 .p2{font-size:var(--fontsize20)}}
@media (max-width:540px){#swiper-banner .banner-animote.banner-txt3 .p1{font-size:var(--fontsize12)}
#swiper-banner .banner-animote.banner-txt3 .p2{font-size:var(--fontsize16)}}
#swiper-banner .banner-animote.banner-txt2{color:var(--fontcolor);width:auto;position: absolute;top:28.5%;left:12%;}
#swiper-banner .banner-animote.banner-txt2 .ban2-list{display: flex;flex-direction: column;}
#swiper-banner .banner-animote.banner-txt2 .ban2-list li{display: inline-block;font-size:20px;margin-bottom:30%;text-align: center;}
#swiper-banner .banner-animote.banner-txt2 .bot{font-weight:var(--fontbold7);font-size: 22px;color:var(--color);position: absolute;top:120%;left:-35%;white-space:nowrap;}
@media (max-width:1600px){#swiper-banner .banner-animote.banner-txt2 .ban2-list li{font-size:1.1vw}
#swiper-banner .banner-animote.banner-txt2 .bot{font-size: 1.3vw;}}
@media (max-width:768px){#swiper-banner .banner-animote.banner-txt2 .ban2-list li{font-size:12px;margin-bottom:5px;line-height: 1;}
#swiper-banner .banner-animote.banner-txt2{left:7%;}
#swiper-banner .banner-animote.banner-txt2 .bot{display:none;}}