.home-about{padding:3% 0 0;}
.home-about .common-wrapper{display:flex;flex-wrap:wrap;align-items:center}
.home-about .common-wrapper .about-img{width:45%;background: none;}
.home-about .common-wrapper .about-img img{transition:all 0.1s linear;border-radius:4px;width:100%;opacity: 1;}
.home-about .common-wrapper .about-info{padding-left:3%;width:55%;}
.home-about .common-wrapper .about-info h1{text-align:left}
.home-about .common-wrapper .about-info h1::after{content:"";position:absolute;bottom:0px;left:0px;width:34px;height:3px;background:var(--color)}
.home-about .common-wrapper .about-info .p{margin:20px 0px}
.home-about .common-wrapper .common-more-btn{margin-left:0;}
@media (max-width:1280px){.home-about .common-wrapper .about-info .p{margin:30px 0px}}
@media (max-width:1280px){.home-about .common-wrapper .about-info .p{margin:20px 0px}
.home-about .common-wrapper .about-info .list li{width:100%}
.home-about .common-wrapper .about-info .list li .text{margin:0px 0px 20px}
.home-about .common-wrapper .about-info .home-more{margin-top:10px}}
@media (max-width:768px){.home-about .common-wrapper .about-img{width:100%}
.home-about .common-wrapper .about-info{padding:0px;width:100%;}
.home-about .btn-wrapper{display:block;}}


.company-advantage .advantage-list{overflow:hidden;width:100%;display:flex;justify-content:space-between;margin-top:30px}
.company-advantage .advantage-list li{width:calc(33.3% - 20px);box-sizing:border-box;background:#F3F3F3;padding:20px 40px 40px;overflow:hidden;position:relative;z-index:1;margin-bottom:80px;transition:all .6s ease-out;text-align:center}
.company-advantage .advantage-list li .cat,.company-advantage .advantage-list li h3{color:var(--fontcolor);font-size:var(--fontsize20);text-transform:capitalize;margin:15px 0px 10px}
.company-advantage .advantage-list li p{font-size:var(--fontsize16);color:var(--introcolor);line-height:1.4}
.company-advantage .advantage-list li:after{content:" ";position:absolute;top:0px;left:-210%;width:186%;height:160%;background:var(--color);transform:skew(-45deg);z-index:-1;transition:left .4s ease-in-out}
.company-advantage .advantage-list li:hover{box-shadow:0 0 10px rgba(0,0,0,.3);transform:translateY(-5px)}
.company-advantage .advantage-list li:hover:after{left:-69%;transition:left .4s ease-in-out}
.company-advantage .advantage-list li:hover img{filter: invert(1);}
.company-advantage .advantage-list li:hover p{color:#fff}
@media (max-width:1280px){.company-advantage .advantage-list li{padding:20px 20px 40px}}
@media (max-width:768px){.company-advantage .advantage-list{flex-wrap:wrap}
.company-advantage .advantage-list li{padding:15px 10px;width:100%;margin-bottom:20px;}}
@media (max-width:550px){.company-advantage .advantage-list li img{max-height: 60px;width:auto;}}
@media (min-width:769px){.home-about .common-wrapper .about-info h1{font-size:32px;}}
@media (min-width:769px) and (max-width:1440px){.home-about .common-wrapper .about-info h1{font-size:24px;}}