@import url("iconfont.css");
/* banner inner */
.banner-inner{position:relative;background:#FAFAFA;min-height:100px;display:flex;flex-direction:column;width:100%;justify-content:flex-end}
.banner-inner img{width:100%}
.banner-inner .banner-content{width:100%}
.banner-inner .banner-content .container{width:100%;max-width:1600px;margin:0px auto;padding:10px 70px;display:flex;align-items:center;justify-content:space-between}
.banner-inner .banner-content .banner-title-h1{font-size:20px;font-weight:700}
.banner-inner .banner-content .banner-breadcrumbs a{color:inherit;transition:all .2s linear}
.banner-inner .banner-content .banner-breadcrumbs a em{margin-right:5px}
.banner-inner .banner-content .banner-breadcrumbs a:hover{color:var(--color)}
.common-main{padding:50px 0 80px}
article p{color:var(--fontcolortitle)}
article a{color:var(--color);text-decoration:underline}
table{border-collapse:collapse;width:100%}
table td,table th{border:1px solid #ddd;padding:4px 10px}
.table-wrap{overflow-x:auto;width:100%}
/* 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,.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(--fontweight);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{list-style:none;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center}
.company-logo ul li{width:14%}
.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(--fontweight);padding:0px 0px 20px;color:var(--fontcolortitle);font-size:22px}
.company-list ul li em{font-size:50px;color:var(--color)}