﻿.company-about-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:3%}
.company-about-wrap>div{width:50%}
.company-about-wrap .about-img{position:relative;padding:10px 3% 0px 10px}
.company-about-wrap .about-img>img{width:100%;height:100%;object-fit:contain}
.company-about-wrap .about-info{padding-top:30px}
.company-about-wrap .about-info .home-des,.company-about-wrap .about-info .home-title{text-align:left}
.company-about-wrap .about-info .home-title{font-size: 24px;font-weight: 500;}
.company-about-wrap .about-info ul{list-style:none;display:flex;flex-wrap:wrap;margin-bottom:30px}
.company-about-wrap .about-info ul li{width:50%;margin-bottom:10px;display:flex;align-items:center}
.company-about-wrap .about-info ul li img{margin-right:10px}
.company-about-wrap .about-info ul li p{margin:0px}
.company-about-wrap .about-info .about-content{margin-top:30px}
.company-about-wrap .about-info .about-content p{margin-bottom:30px}
.company-about-wrap .color{font-weight:var(--fontbold7);font-size:var(--fontsize18);color:#080808;display:flex;align-items:center}
.company-about-wrap .color span{color:var(--color);font-size:var(--fontsize24);padding-left:15px}
@media (max-width:768px){.company-about-wrap>div{width:100%}
.company-about-wrap .about-img{padding:0px}
}.about1 .list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#FFFFFF;box-shadow:0px 10px 40px 0px rgba(0,0,0,.1);list-style:none;padding:40px 5%}
.about1 .list li{display:flex;align-items:flex-start;line-height:1}
.about1 .list li em{font-size:var(--fontsize36);color:var(--color)}
.about1 .list li p{font-size:32px;color:var(--color);font-weight:var(--fontbold6)}
.about1 .list li span{margin-top:10px;display:block;font-size:var(--fontsize18)}
@media (max-width:1024px){.about1 .list li{width:50%}
.about1 .list li:nth-child(n+3){margin-top:2em}
.about1 .list li{width:100%}
.about1 .list li:nth-child(n+2){margin-top:2em}}
.aboutcompany-2{padding-top: 2%;padding-bottom: 6%;}
.aboutcompany-2 .list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none}
.aboutcompany-2 .list li{width:33.33333%}
.aboutcompany-2 .list li .img{overflow:hidden}
.aboutcompany-2 .list li .img img{transition:all .1s linear;width:100%}
.aboutcompany-2 .list li .info{background:#FFFFFF;box-shadow:0 3px 29px 0 rgba(228,228,228,.48);text-align:center;padding:30px 20px;transition:all .1s linear}
.aboutcompany-2 .list li .info .title{color:var(--color);font-size:var(--fontsize20)}
.aboutcompany-2 .list li .info .text{color:var(--introcolor)}
.aboutcompany-2 .list li:hover .img img{transform:scale(1.02)}
.aboutcompany-2 .list li:hover .info{background:var(--color)}
.aboutcompany-2 .list li:hover .info .text,.aboutcompany-2 .list li:hover .info .title{color:#FFFFFF}
@media(max-width:768px){.inquiry-title{font-size:var(--fontsize22)}
.aboutcompany-2 .list li{width:100%;margin-bottom:10px}
}.about2{padding:8% 0px;position:relative;z-index:1}
.about2::before{content:"";position:absolute;left:50%;top:0px;transform:translateX(-50%);width:1920px;height:100%;background:#FAFAFA;z-index:-1}
.about2 .mySwiper .swiper-slide{position:relative;text-align:center;color:var(--introcolor);font-weight:var(--fontbold6);padding:30px 0px;cursor:pointer}
.about2 .mySwiper .swiper-slide::after{content:"";position:absolute;left:50%;bottom:0px;transform:translateX(-50%);width:12px;height:12px;background:#FAFAFA;border-radius:50%;border:2px solid #E5E5E5}
.about2 .mySwiper .swiper-slide::before{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:100%;height:2px;background:#E5E5E5}
.about2 .mySwiper .swiper-slide.swiper-slide-thumb-active{color:var(--color)}
.about2 .mySwiper .swiper-slide.swiper-slide-thumb-active::after{background:var(--color);border-color:var(--color)}
.about2 .mySwiper2{margin-top:40px}
.about2 .mySwiper2 .swiper-slide{display:flex;align-items:center;justify-content:center}
.about2 .mySwiper2 .swiper-slide .year{color:var(--fontcolor);font-size:var(--fontsize36);font-weight:var(--fontbold6);margin-right:20px}
 .about1 .home-title{font-size:30px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor);line-height:1.4}
.aboutcompany-2 .home-title{font-size:30px;font-weight:var(--fontbold5);text-align:center;text-transform:capitalize;color:var(--fontcolor);margin-bottom:10px;line-height:1.4}
.aboutcompany-2  .home-des{font-size:var(--fontsize14);font-weight:var(--fontbold4);color:var(--introcolor);text-align:center;max-width:1000px;margin:0px auto 10px}
.about2 .home-title{font-size:40px;font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;color:var(--fontcolor);line-height:1.4}