/* company introduction */
.company-about-wrap {display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:6%}
.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{text-align:left;color:var(--color)}
.company-about-wrap .about-info .home-title {text-align:left}
.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:18px;color:#080808;display:flex;align-items:center}
.company-about-wrap .color span {color:var(--color);font-size:24px;padding-left:15px}
.company-logo {position:relative;z-index:1}
.company-logo:after {content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:#FFFbfa;z-index:-1}
.company-logo ul {padding:15px;list-style:none;flex-wrap:wrap;display:flex;justify-content:space-between;}
.company-logo ul li {width:10%;padding:5px;list-style:none;display:flex;justify-content:space-between;align-items:center;background:#FFF;}
.company-logo ul li img{max-height:70px;object-fit:contain;}
.company-list {padding-top:6%}
.company-list ul {display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-top:50px}
.company-list ul li {margin-bottom:20px;width:23%;background:#FFF;box-shadow:0 6px 13px 0 rgba(19,20,21,.2);padding:50px 30px;position:relative;transition:all .1s linear}
.company-list ul li:hover {box-shadow:0 6px 13px 0 rgba(19,20,21,.4)}
.company-list ul li::before {content:"";position:absolute;left:0px;top:0px;width:100%;height:2px;background:var(--color)}
.company-list ul li .title {font-weight:var(--fontbold7);padding:0px 0px 20px;color:var(--fontcolortitle);font-size:22px}
.company-list ul li em {font-size:50px;color:var(--color)}
@media (max-width:1024px){.company-logo ul li img{max-height:50px;}}
@media (max-width:768px){.company-logo ul li {width:24%;margin:5px 0}
.company-logo ul li:nth-child(n + 5) {width:19%;}}
@media (max-width:500px){.company-logo ul li {width:32%;}
.company-logo ul li:nth-child(n + 5) {width:32%;}}
@media (max-width:768px){.company-about-wrap>div{width:100%}
.company-about-wrap .about-img{padding:0px}
.company-list ul li{width:49%;padding:20px 15px}}