/*about*/
.about{width: 100%;padding: 50px 0 0 0;}
.about .title{margin-bottom:30px;position: relative;z-index:10}
.about .title h4{font-size: 35px;font-weight: 550;line-height: 40px;color: var(--color-3);position: relative;width: auto;z-index:10}
.about .title span{font-size:50px;font-weight:500;letter-spacing: -2px;color: #f1f3f5;text-transform: uppercase;position:absolute;bottom:-30px;left:0;z-index:5}
.about .title p{font-size: 18px;font-weight: 400;line-height: 30px;}
@media (max-width: 992px) {
    .about{width: 100%;padding:30px 0 0 0;}
    .about .title{margin-bottom:20px;}
    .about .title h4{font-size:2.2rem;line-height:3.2rem;}
    .about .title span{font-size:2.5rem;bottom:-15px;}
    .about .title p{font-size: 1.6rem;line-height:2.5rem;}
}
.about .about-info{width: 100%;margin-bottom: 50px;padding:20px 0 50px 0}
.about .about-info .info{width:52%;}
.about .about-info .info p{
    font-size:16px;line-height:28px;font-weight: 400;color: #495057;
    text-align:justify; text-justify:inter-ideograph;
    margin-bottom:15px;}
.about .about-info .info p:last-child{margin-bottom: 0}
.about .about-info .img{width:45%;}
.about .about-info .img img{width: auto;max-width: 100%}
.about .advantage{padding:80px 0;background-color:#f1f3f5;width: 100%}
.about .advantage .title{text-align: center;margin-bottom: 50px}
.about .advantage .title span{left: 50%!important;width:500px;display:block;text-align: center;margin-left: -250px;color:#e9ecef}
.about .advantage .advantage-ul{background-image:url(../images/advantage.jpg);background-size: cover;background-position: center;}
.about .advantage .advantage-ul li{cursor: pointer;width: 25%;padding:50px 25px;background-color:rgba(0,117,212,.6);background-size:100%;border-right:solid 20px #f1f3f5}
.about .advantage .advantage-ul li:last-child{border-right:none;}
.about .advantage .advantage-ul li:hover{background-color:rgba(0,117,212,.85)}
.about .advantage .advantage-ul li .icon{text-align: center;margin-bottom:30px;}
.about .advantage .advantage-ul li .info{text-align: center}
.about .advantage .advantage-ul li .info h6{font-size:30px;font-weight:500;color: #fff;margin-bottom:20px;letter-spacing: 0}
.about .advantage .advantage-ul li .info p{font-size: 14px;line-height: 22px;color: #fff;font-weight: 400;font-family: "Microsoft YaHei", "Roboto", sans-serif}
.about .development{width: 100%;padding:60px 0;background-color: var(--color-4);background-image: url(../images/development.jpg);background-size: cover;background-position: center;position: relative}
.about .development .title{text-align: center}
.about .development .title h4{color: #fff;margin-bottom: 10px;}
.about .development .title p{color: rgba(255,255,255,0.8);}
.about .development:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1;background-color: rgba(0,0,0,0.65);}
.about .development .development-ul{position: relative;z-index: 2;}
.about .development-ul{width: 100%;align-items: center;margin: 30px 0;border-bottom:0.5px solid rgba(255,255,255,0.3);}
.about .development-ul li{width:16.66%;text-align: center;position: relative;font-size: 25px;padding: 20px 0;border: 0.5px solid rgba(255,255,255,0.3);border-right: none;border-bottom: none;}
.about .development-ul li:last-child{border-right:0.5px solid rgba(255,255,255,0.3);}
.about .development-ul li h6{color:#fff;margin-bottom:10px;}
.about .development-ul li h6 span{font-size: 40px;line-height:50px;font-weight: 600;}
.about .development-ul li h6 em{font-style: normal;font-size: 15px;font-weight: 400!important;margin-left: 5px;}
.about .development-ul li p{font-size: 15px;line-height:28px;font-weight:400!important;color:#fff;}
@media (max-width: 1440px) {
    .about .about-info .info p{font-size:16px;line-height:30px;}
    .about .development-ul li h6 span{font-size: 35px;line-height:40px;}
    .about .development-ul li h6 em{font-size: 16px}
    .about .development-ul li p{font-size: 16px;line-height:26px;}
}
@media (max-width: 991px) {
    .about .about-info{padding:0;flex-wrap: wrap;margin-bottom:10px;}
    .about .about-info .info{width:100%;margin-bottom: 20px;padding:10px 0}
    .about .about-info .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .about .about-info .img{width:100%;margin-bottom: 10px;}
    .about .development{padding:30px 0;}
    .about .development .title h4{margin-bottom:0;}
    .about .development-ul{flex-wrap: wrap;padding: 0;margin:10px 0;}
    .about .development-ul li{font-size: 1.4rem;padding:15px 5px;border: 1px solid #ddd;width:49%;margin-bottom: 2%;margin-right: 2%;}
    .about .development-ul li:nth-child(2n){margin-right: 0;border-right: 1px solid #ddd;}
    .about .development-ul li h6{margin-bottom:5px;}
    .about .development-ul li h6 span{font-size:2.5rem;line-height:2rem;}
    .about .development-ul li h6 em{font-size: 1.1rem;position: relative;top:-3px;}
    .about .development-ul li p{font-size:1.2rem;line-height:1.8rem;}
    .about .advantage{padding:30px 0 0 0;background-color: #fff}
    .about .advantage .title{margin-bottom:20px}
    .about .advantage .title span{width:300px;margin-left: -150px;}
    .about .advantage .advantage-ul{flex-wrap: wrap;width: 100%;}
    .about .advantage .advantage-ul li{width:100%;padding:15px 15px;border-right:none!important;margin-bottom: 2%;position: relative!important;}
    .about .advantage .advantage-ul li:last-child{margin-bottom: 0}
    .about .advantage .advantage-ul li .icon{margin-bottom:0;position: absolute!important;right: 0;top:0;display: block!important;}
    .about .advantage .advantage-ul li .icon img{width:50px;display: none!important;}
    .about .advantage .advantage-ul li .info h6{font-size:1.8rem;margin-bottom:10px;}
    .about .advantage .advantage-ul li .info p{font-size: 1.3rem;line-height: 2rem}

}