.about-container .about-title-wrap{padding-top:15%;text-align:center}
.about-container .about-title-wrap .about-title{font-family:PingFangSC-Semibold;font-size:40px;color:#ffffff}
.about-container .about-title-wrap .about-sub-title{font-size:26px;color:#fcdb00}
.about-container .info-panel{margin-top:10vw;padding:50px 50px;background:#fff;-webkit-box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37);box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37)}
.about-container .info-panel .about-us-title{line-height:24px;font-size:32px;text-align:center;color:#27292e}
.about-container .info-panel .about-us-title::after{content:"ABOUT US";display:block;font-size:20px;line-height:28px;color:#dfdfe0}
.about-container .info-panel .about-us-content{margin-top:35px}
.about-container .info-panel .about-us-content p{margin-top:10px;line-height:32px;text-align:left;font-size:15px;color:#6c7179}

.about-container .info-panel_leader{margin-top:2vw;padding:50px 50px;background:#fff;-webkit-box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37);box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37)}
.about-container .info-panel_leader .about-leader-title{line-height:24px;font-size:32px;text-align:center;color:#27292e}
.about-container .info-panel_leader .about-leader-title::after{content:"Ladership speech";display:block;font-size:20px;line-height:28px;color:#dfdfe0}
.about-container .info-panel_leader .about-leader-content{margin-top:35px}
.about-container .info-panel_leader .about-leader-content p{margin-top:10px;line-height:32px;text-align:left;font-size:15px;color:#6c7179}
		
.about-container .info-panel_wl{margin-top:2vw;padding:50px 100px;background:#fff;-webkit-box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37);box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37)}
.about-container .info-panel_wl .about-wl-title{line-height:24px;font-size:32px;text-align:center;color:#27292e}
.about-container .info-panel_wl .about-wl-title::after{content:"Culture idea";display:block;font-size:20px;line-height:28px;color:#dfdfe0}
.about-container .info-panel_wl .about-wl-content{margin-top:35px}
.about-container .info-panel_wl .about-wl-content p{margin-top:10px;line-height:32px;text-align:left;font-size:15px;color:#6c7179}
.page-span{text-align:justify;color:#4D4C4C;line-height:1.9;}
		
.about-container .info-panel_sc{margin-top:2vw;padding:50px 50px;background:#fff;-webkit-box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37);box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37)}
.about-container .info-panel_sc .about-sc-title{line-height:24px;font-size:32px;text-align:center;color:#27292e}
.about-container .info-panel_sc .about-sc-title::after{content:"The production process";display:block;font-size:20px;line-height:28px;color:#dfdfe0}
.marqueeleft {height: 230px;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:208px;height:200px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:205px;height:180px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{height:100%;width:100%;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li{font-size:15px;font-weight:bold;}
.button-center{display:flex;justify-content:center;align-items:center;}
		
.about-container .milestone-wrap{background-color:#fff;margin-top:100px}
.about-container .milestone-wrap .milestone-title{font-family:PingFangSC-Medium;line-height:24px;font-size:24px;text-align:center;color:#27292e}
.about-container .milestone-wrap .milestone-title::after{content:"MILESTONES";display:block;font-family:PingFangSC-Semibold;font-size:26px;line-height:28px;color:#dfdfe0}
.about-container .milestone-wrap .step-wrap{margin-top:60px;margin-bottom:120px}
.about-container .milestone-wrap .step-wrap .step-row{overflow:hidden}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left{float:left;width:50%;text-align:right}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-title{position:relative;padding-right:30px}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-title .step-title-icon{position:absolute;top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:14px;height:14px;border-radius:100%;background-color:#fecfc1}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-title .step-title-icon .step-title-icon-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:7px;height:7px;border-radius:100%;background-color:#fd6232}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-title .step-title-text{line-height:28px;font-size:20px;color:#ff6602}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-content{position:relative;padding:5px 30px 8px 0}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-content .step-content-icon{position:absolute;top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:1px;height:80%;background-color:#fd6232}
.about-container .milestone-wrap .step-wrap .step-row .step-col-left .step-content .step-content-text{line-height:20px;font-size:15px;color:#6b6b6b}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right{float:right;width:50%;text-align:left}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-title{position:relative;padding-left:30px}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-title .step-title-icon{position:absolute;top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:14px;height:14px;border-radius:100%;background-color:#fecfc1}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-title .step-title-icon .step-title-icon-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:7px;height:7px;border-radius:100%;background-color:#fd6232}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-title .step-title-text{line-height:28px;font-size:20px;color:#ff6602}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-content{position:relative;padding:5px 0px 8px 30px}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-content .step-content-icon{position:absolute;top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1px;height:80%;background-color:#fd6232}
.about-container .milestone-wrap .step-wrap .step-row .step-col-right .step-content .step-content-text{line-height:20px;font-size:15px;color:#6b6b6b}
.about-container .busi-intro-wrap{padding:70px 15%;text-align:center;background-color:#f4f4f4}
.about-container .busi-intro-wrap .busi-intro-title{font-family:PingFangSC-Medium;line-height:24px;font-size:24px;text-align:center;color:#27292e}
.about-container .busi-intro-wrap .busi-intro-title::after{content:"OUR BUSINESS";display:block;font-family:PingFangSC-Semibold;font-size:26px;line-height:28px;color:#dfdfe0}
.about-container .busi-intro-wrap .busi-intro-content{margin-top:10px;font-size:15px;color:#9da0a5;line-height:28px}
.about-container .busi-intro-wrap .busi-intro-col{padding:60px 45px 0 45px}
.about-container .busi-intro-wrap .busi-intro-col .busi-intro-col-icon img{width:100px;height:100px}
.about-container .busi-intro-wrap .busi-intro-col .busi-intro-col-title{font-family:PingFangSC-Medium;margin:25px 0;line-height:25px;font-size:18px;color:#4a4a4a}
.about-container .busi-intro-wrap .busi-intro-col .busi-intro-col-content{line-height:28px;font-size:15px;text-align:left;color:#6c7179}
.about-container .busi-intro-wrap .busi-intro-col .busi-intro-col-content ul{list-style-type:circle}
.about-container .busi-intro-wrap .busi-intro-col .busi-intro-col-content ul li{margin-bottom:15px}
.about-container .shareholder-wrap{margin:0px 0 150px 0;background-color:#fff}
.about-container .shareholder-wrap .shareholder-title{font-family:PingFangSC-Medium;line-height:24px;font-size:24px;text-align:center;color:#27292e}
.about-container .shareholder-wrap .shareholder-title::after{content:"SHAREHOLDER";display:block;font-family:PingFangSC-Semibold;font-size:26px;line-height:28px;color:#dfdfe0}
.about-container .shareholder-wrap .shareholder-content{margin-top:13px}
.about-container .shareholder-wrap .shareholder-content p{text-align:center;margin-top:5px;line-height:20px;font-size:14px;color:#9da0a5}
.about-container .shareholder-wrap .shareholder-col-wrap{padding:70px 64px 0}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap{position:relative;overflow:hidden}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap img{width:100%}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap .shareholder-intro-wrap{position:absolute;top:100%;left:0;width:100%;height:100%;padding:50px 22px 0;text-align:center;background:rgba(39,41,46,0.79);color:#ffffff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap .shareholder-intro-wrap .shareholder-name{font-family:PingFangSC-Semibold;line-height:30px;font-size:22px;color:#fcdb00}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap .shareholder-intro-wrap .shareholder-name::after{content:"";display:block;margin:5px auto;height:2px;width:42px;background-color:#fcdb00}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap .shareholder-intro-wrap .shareholder-position{margin-top:10px;line-height:22px;font-size:16px;color:#fcdb00}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap .shareholder-intro-wrap .shareholder-intro{margin-top:20px;line-height:24px;text-align:left;font-size:12px;color:#fff}
.about-container .shareholder-wrap .shareholder-col-wrap .shareholder-col .shareholder-img-wrap:hover .shareholder-intro-wrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.about-container .shareholder-wrap .shareholder-carousel{display:none}
.about-container .cooperation-wrap{margin-bottom:100px;background-color:#fff}
.about-container .cooperation-wrap .cooperation-title{font-family:PingFangSC-Medium;line-height:24px;font-size:24px;text-align:center;color:#27292e}
.about-container .cooperation-wrap .cooperation-title::after{content:"COOPERATION";display:block;font-family:PingFangSC-Semibold;font-size:26px;line-height:28px;color:#dfdfe0}
.about-container .cooperation-wrap .cooperation-content{padding:0 15px;margin-top:10px;line-height:28px;text-align:center;font-size:15px;color:#9da0a5}
.about-container .cooperation-wrap .cooperation-logos{margin-top:30px;background-repeat:no-repeat;background-size:contain}
@media screen and (max-width:768px){
.about-container .header-tab ul li{width:70px;height:40px;line-height:40px}
.about-container .header-tab ul li.active {width:70px;height:40px;line-height:40px}
.about-container .about-title-wrap{padding-top:5%}
.about-container .about-title-wrap .about-title{padding:0 15px;font-size:18px}
.about-container .about-title-wrap .about-sub-title{font-size:16px}
.about-container .info-panel{padding:50px 15px}
.about-container .info-panel_wl{padding:50px 15px}
.about-container .info-panel_leader{padding:50px 15px}
.about-container .milestone-wrap{margin-top:50px;padding:0 15px}
.about-container .busi-intro-wrap{padding:50px 30px}
.about-container .busi-intro-wrap .busi-intro-col{padding:20px 0}
.about-container .shareholder-wrap{margin:50px 0 50px 0;padding:0 15px}
.about-container .shareholder-wrap .shareholder-col-wrap{display:none}
.about-container .shareholder-wrap .shareholder-carousel{display:block;margin-top:30px}
.about-container .shareholder-wrap .shareholder-carousel img{width:100%}
.about-container .shareholder-wrap .shareholder-carousel .carousel-caption{left:0;right:0;bottom:0;padding-bottom:40px;background:rgba(39,41,46,0.3)}
.about-container .shareholder-wrap .shareholder-carousel .carousel-caption .shareholder-name{font-family:PingFangSC-Semibold;line-height:30px;font-size:22px;color:#fcdb00}
.about-container .shareholder-wrap .shareholder-carousel .carousel-caption .shareholder-name::after{content:"";display:block;margin:5px auto;height:2px;width:42px;background-color:#fcdb00}
.about-container .shareholder-wrap .shareholder-carousel .carousel-caption .shareholder-position{margin-top:10px;line-height:22px;font-size:16px;color:#fcdb00}
}
.cooperation-logos .partner img {
    max-width: 100%;
    margin-bottom:20px;
}