﻿@charset "utf-8";
:root{--color:#8FC31E}
.home-about .about-info .about-line{background:var(--color)}
.home-banner .banner-animote.bannertxt4{top:5%;transform:translate(-50%,0);text-align:center;background:rgba(0,0,0,.2);padding:15px 30px 25px;max-width:1120px}
.home-banner .banner-animote.bannertxt4 .p2{font-size:40px}
.home-banner .banner-animote.bannertxt4 .p3{justify-content:center;margin-top:20px}
.home-banner .banner-animote.bannertxt4 .p3 a{margin:0;background:none;border:1px solid #fff}
.home-banner .swiper-slide-active .banner-animote.bannertxt4{animation:bannerani2 .5s forwards;animation-delay:.7s}
@keyframes bannerani2{0%{margin-top:30px}
100%{opacity:1;margin-top:0}}
@media (max-width:1366px){.home-banner .banner-animote.bannertxt4{max-width:940px}
.home-banner .banner-animote.bannertxt4 .p2{font-size:35px}}
@media (max-width:1024px){.home-banner .banner-animote.bannertxt4{max-width:90%;padding:15px}
.home-banner .banner-animote.bannertxt4 .p2{font-size:30px}}
@media (max-width:768px){.home-banner .banner-animote.bannertxt4 .p2{font-size:22px}}
@media (max-width:560px){.home-banner .banner-animote.bannertxt4 .p2{font-size:18px}}
.home-banner .banner-move1{left:10%;top:50%;transform:translateY(-50%)}
.home-banner .banner-move2{left:50%;top:10%;transform:translateX(-50%);background:#00000050;width:100%;max-width:55%;text-align:center;padding:10px 20px}
.home-banner .banner-move3{left:50%;top:50%;transform:translate(-50%,-50%);background:#00000050;width:100%;max-width:55%;text-align:center;padding:10px 20px}
.home-banner .banner-animote .p1{font-size:36px;font-weight:var(--fontbold6);margin-bottom:0}
.home-banner .banner-animote .p2{font-size:22px;font-weight:400}
.home-banner .banner-animote .more{margin:10px auto 0}
.home-banner .banner-animote .more a{border:1px solid #fff;border-radius:10px;display:inline-block;margin:0 auto;padding:8px 15px;background:#ffffff30;color:#fff}
.home-banner .banner-icon-list .banner-icon-item{display:flex;margin:15px 0}
.home-banner .banner-icon-list .banner-icon-item img{margin-right:25px;max-height:60px;width:auto;height:auto;object-fit:contain}
.home-banner .banner-icon-list .banner-icon-item img:last-child{margin-right:0}
.home-banner .banner-move3 .banner-icon-list .banner-icon-item{justify-content:center}
@media (max-width:1024px){.home-banner .banner-move2,.home-banner .banner-move3{max-width:60%}
.home-banner .banner-animote .p1{font-size:30px}
.home-banner .banner-animote .p2{font-size:18px}}
@media (max-width:768px){.home-banner .banner-move2,.home-banner .banner-move3{max-width:75%}
.home-banner .banner-animote .p1{font-size:3vw}
.home-banner .banner-animote .more a,.home-banner .banner-animote .p2{font-size:2vw}
.home-banner .banner-icon-list .banner-icon-item img{margin-right:10px;max-height:40px}}
@media (max-width:500px){.home-banner .banner-move2,.home-banner .banner-move3{max-width:85%}
.home-banner .banner-icon-list .banner-icon-item img{max-height:30px}}
@media (min-width:1367px){.head-info .head-logo a img{max-height:80px}
.is-active .head-info .head-logo a img{max-height:60px}
.head-info .nav-ul>li>a{font-size:20px}}
.home-service .homeservice-list .homeservice-item{justify-content:flex-start}
.home-service .homeservice-list .homeservice-item .text{text-align:left}
.home-about .about-img .about-icon .about-route img{max-width:110px}
.home-banner .swiper-slide img{object-fit: contain;}
section.common-main.about-us article{max-width:1000px;margin:0 auto}
.prodetails-content .prodetails-tabs .prodetails-tabs-item:last-child{display: none;}