:root{--fontfamily:"Arial",sans-serif}
.about-us .l-wrap{max-width:100%;padding:0}
.about-us .l-wraps{max-width:1710px;margin:0 auto;padding:0;position:relative}
.about-item{display:flex;align-items:end;margin-bottom:100px}
.about-left{flex:1;padding-right:70px}
.about-right{width:45%}
.about-contant p{font-weight:400;font-size:18px;color:#000;line-height:24px;margin-bottom:20px;text-align:justify}
.about-contant p:nth-last-child(1){margin-bottom:0}
.about-titles h5{font-weight:700;font-size:44px;color:#000;line-height:36px;padding-bottom:20px;text-transform:uppercase}
.about-span{width:461px;height:4px;background:#f7cd59;display:block}
.about-contant{margin-top:50px}
.abotu-flex{flex-direction:row-reverse}
.abotu-flex .about-left{padding-left:70px;padding-right:0}
.about-mission{background:#c02d28;padding:105px 0}
.mission-row{display:flex;justify-content:space-between;flex-wrap:wrap}
.mission-row>div{width:31%;padding:50px;margin-bottom:3%}
.mission-col{border:2px solid #fff}
.mission-col h5{font-weight:700;font-size:30px;color:#fff;line-height:36px;margin-bottom:30px}
.mission-col p{font-size:20px;color:#fff;line-height:36px}
.mission-title h5{font-weight:700;font-size:44px;color:#fff;line-height:36px;text-transform:uppercase;margin-bottom:40px}
.mission-title p{font-size:24px;color:#fff;line-height:36px}
.mission-item{width:100%;background:#fefaef;box-shadow:0 2px 9px 1px rgba(0,0,0,.5);display:flex;justify-content:space-between;padding:50px;transform:translateY(-100px);margin-bottom:-100px}
.mission-box{padding:0 5%;text-align:center;border-right:1px solid #d0d0d0}
.mission-box:nth-last-child(1){border-right:none}
.mission-box h5{font-weight:700;font-size:36px;color:#000;line-height:36px;text-transform:uppercase;margin-bottom:25px}
.mission-box p{font-weight:400;font-size:18px;color:#000;line-height:24px;opacity:.8}
.about-choose{padding:90px 0}
.choose-contant{display:flex;align-items:center;margin-top:70px}
.about-titles{display:flex;flex-direction:column;justify-content:center;align-items:center}
.choose-left{width:50%}
.choose-right{flex:1;padding-left:100px}
.choose-box{display:flex;align-items:center;margin-bottom:30px}
.choose-box:nth-last-child(1){margin-bottom:0}
.choose-ic{width:10%}
.choose-text{flex:1;padding-left:38px}
.choose-text h5{font-size:20px;color:#000;line-height:36px}
.about-story{background:url(/uploads/41582/knl/about-story.png) center no-repeat;background-size:cover;padding:65px 0 50px}
.Story-title{margin-top:50px}
.Story-title p{font-size:22px;color:#000;line-height:30px;margin-bottom:20px}
.about-case{padding:110px 0}
.case-item{display:flex;margin-top:50px}
.case-left{width:45%}
.case-right{flex:1;padding-left:40px}
.case-right p{font-weight:400;font-size:18px;color:#000;line-height:30px;margin-bottom:30px}
.exhibition-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.exhibition-img{width:32%;margin-bottom:2%}
@media (max-width:1750px) {
    .about-us .l-wraps{padding: 0 50px;}
}
@media (max-width:1600px) {
    .about-titles h5{font-size: 36px;}
    .about-left{padding-right: 50px;}
    .abotu-flex .about-left{padding-left: 50px;}
    .about-contant{margin-top: 30px;}
    .about-span{width: 370px;}
    .about-contant p,.case-right p{margin-bottom: 15px;}
    .mission-row>div{padding: 35px;}
    .mission-col h5{font-size: 26px;margin-bottom: 15px;}
    .mission-col p,.mission-title p{font-size: 18px;}
    .mission-title h5{font-size: 38px;margin-bottom: 25px;}
    .mission-box h5{font-size: 28px;margin-bottom: 15px;}
    .about-choose{padding: 65px 0;}
    .choose-right{padding-left: 50px;}
    .Story-title p{font-size: 20px;}
}
@media (max-width:1400px) {
    .about-titles h5 {font-size: 32px;line-height: 1;padding-bottom: 10px;}
    .about-contant p,.mission-col p, .mission-title p,.mission-box p,.Story-title p,.case-right p{font-size: 16px;line-height: 1.52;}
    .about-item{align-items: center;margin-bottom: 50px;}
    .about-contant p, .case-right p {margin-bottom: 10px;}
    .about-mission{padding: 80px 0;}
    .mission-item{padding: 25px;transform: translateY(-80px);margin-bottom: -80px;}
    .mission-box h5 {font-size: 24px;margin-bottom: 15px;line-height: 1;}
    .choose-contant{margin-top: 50px;}
    .choose-box{margin-bottom: 15px;}
    .choose-text{padding-left: 30px;}
    .choose-right{padding-left: 30px;}
    .about-choose {padding: 50px 0;}
    .Story-title p{margin-bottom: 10px;}
    .Story-title {margin-top: 25px;}
    .about-story{padding: 40px 0;}
    .about-case {padding: 65px 0;}
}
@media (max-width:1200px) {
    .about-contant p, .mission-col p, .mission-title p, .mission-box p, .Story-title p, .case-right p{font-size: 14px;}
    .about-titles h5{font-size: 28px;}
    .about-span {width: 300px;}
    .mission-row>div{padding: 20px;}
    .mission-title h5 {font-size: 26px;margin-bottom: 10px;}
    .mission-col h5 {font-size: 22px;margin-bottom: 5px;}
    .mission-box{padding: 0 2%;}
    .mission-box h5{font-size: 20px;margin-bottom: 5px;}
    .about-mission {padding: 55px 0 80px;}
    .choose-text p{font-size: 14px;line-height: 1.52;}
    .choose-contant {margin-top: 30px;}
    .about-case {padding: 35px 0;}
}
@media (max-width:1024px) {
    .about-us .l-wraps{padding: 0 30px;}
    .about-item{flex-direction: column;}
    .about-left {padding-right: 0;}
    .about-right {width: 100%;margin-top: 20px;}
    .abotu-flex .about-left{padding-left: 0;}
    .mission-row>div{width: 49%;margin-bottom: 2%;}
    .choose-contant{flex-direction: column;}
    .choose-left{width: 100%;margin-bottom: 20px;}
    .case-item{margin-top: 35px;flex-direction: column;}
    .case-left{width: 100%;}
    .case-right {padding-left: 0;margin-top: 25px;}
    .choose-right{padding: 0;}
    .choose-text {padding-left: 20px;}
}
@media (max-width:768px) {
    .about-titles h5{font-size: 24px;}
    .about-span{width: 250px;}
    .about-contant {margin-top: 15px;}
    .about-mission{padding: 50px 0;}
    .mission-col h5{font-size: 20px;}
    .mission-item{transform: translateY(0px);margin-bottom: 0px;margin-top: 20px;}
    .choose-ic{width: 8%;}
    .exhibition-item{margin-top: 25px;}
}
@media (max-width:550px) {
    .about-us .l-wraps{padding: 0 15px;}
    .about-titles h5{font-size: 22px;}
    .about-item{margin-bottom: 30px;}
    .about-mission {padding: 30px 0;}
    .mission-title h5 {font-size: 20px;margin-bottom: 5px;}
    .mission-item{padding: 20px;flex-wrap: wrap;}
    .mission-box {padding: 3% 2%;width: 50%;border-right: none;}
    .mission-box:nth-of-type(2n-1){border-right: 1px solid #d0d0d0;}
    .mission-box h5{font-size: 18px;}
    .mission-col h5 {font-size: 18px;}
}
@media (max-width:400px) {
    .about-titles h5{font-size: 20px;}
    .mission-row>div{width: 100%;}
    .mission-box {padding: 5% 0%;width: 100%;}
    .mission-box:nth-of-type(2n-1){border-right: none;}
    .choose-box{flex-direction: column;text-align: center;}
    .choose-ic{width: 12%;}
}