﻿/*about*/
.about .page-nav .page-nav-ul li{width: 25%;}
.about .loc{width: 50%;line-height: 80px;color: #868e96;font-family: "Microsoft Yahei"}
.about .loc a{font-size: 16px;color: #868e96;font-family: "Microsoft Yahei"}
.about .loc i{font-size: 2rem;}
.about .loc .icon-jiantouyou{font-size: 1.4rem;padding-left: 10px;}
.about .page-nav .page-nav-ul{width: 50%;}
.about .container{flex-wrap:wrap;}
@media (max-width: 1440px) {
    .about .loc{line-height: 60px;}
}
@media (max-width: 991px) {
    .about .section-title{margin:20px 0;}
    .about .page-nav{margin-bottom: 0;}
    .about .page-nav .container{flex-wrap: wrap;padding: 0;}
    .about .loc{display: none}
    .about .page-nav .page-nav-ul{width:100%;order: 1;}
    .about .page-nav .page-nav-ul li{width:50%;}
}

.about{background-color:#f8f9fa}
.about .section-title{margin-bottom: 50px;}
.about .section-title h4{color:#495057;}
.about .section-title p{color:rgba(255,255,255,0.65);}
.about .about-main{align-items: center;padding:50px 0 0 0;}
.about .about-main .info{width: 45%;}
.about .about-main .info p{font-family: "Microsoft Yahei";font-size:22px;line-height:40px;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom:30px;}
.about .about-main .img{width: 50%;margin-left:5%;text-align: right;position: relative;}
.about .about-main .img img{width: 100%;border-radius: 20px;border-top-right-radius:80px;border-bottom-left-radius:80px;z-index:10;position: absolute;left: 0;top:0;}
.culture{background-color:#868e96;padding:80px 0 120px 0;background-size:100% auto;background-position: bottom center;}
.culture h4{font-size: 36px;font-weight: 600;color:#495057;text-align: center;margin-bottom: 30px;}
.culture p{line-height:40px;font-size: 22px;color: #495057;text-align: center;font-family: "Microsoft YaHei"}
@media screen and (max-width: 1440px){
    .about .about-main{padding:50px 0;}
    .about .about-main .info{width:50%;}
    .about .about-main .info p{font-size: 18px;line-height:30px;margin-bottom:20px}
    .about .about-main .info h4{font-size:25px;margin-bottom:20px;}
    .about .about-main .img{width: 45%;margin-left:5%;}
    .culture{}
    .culture h4{font-size: 30px;}
    .culture p{line-height:32px;font-size: 18px;}
}
@media (max-width: 991px) {
    .about .section-title{margin-bottom:20px;}
    .about .about-main{padding:0;flex-wrap: wrap;margin-bottom: 0;}
    .about .about-main .container{border-bottom: none;padding-bottom:0;}
    .about .about-main .img{width: 100%;margin-left:0;text-align: center;margin-bottom:20px;padding: 0 10px;}
    .about .about-main .img img{
        border-radius: 12px;
        box-shadow:10px 10px 1px rgba(0,0,0,0.05);
        -webkit-box-shadow:10px 10px 1px rgba(0,0,0,0.05);
        -moz-box-shadow:10px 10px 1px rgba(0,0,0,0.05);
        position: relative;left: unset;top: unset;
    }
    .about-info{flex-wrap: wrap;}
    .about .about-main .info{width:100%;padding:10px;order: 2;min-height:auto;}
    .about .about-main .info p{font-size: 1.6rem;line-height:3rem; margin-bottom:10px;}
    .culture{background-size:cover;background-repeat: no-repeat;padding:30px 0;border-top: 1px solid #ddd;}
    .culture h4{font-size:2.5rem;}
    .culture p{line-height:3rem;font-size:1.6rem;}
}


.contact{padding:100px 0;background-color:#f8f9fa;}
.contact .c-title{width: 40%;border-right: 1px solid #eaeaea;}
.contact .c-title h4{font-size: 25px;font-weight:600;color: #495057;margin-bottom:30px;}
.contact .c-title p{font-size: 16px;font-family: "Microsoft Yahei";color:#868e96;margin-bottom: 10px;line-height: 25px;position: relative;padding: 0 0 0 30px;}
.contact .c-title p em{font-size:2rem;color:#868e96;position: absolute;left: 0;top:0;}
.contact .info{width: 30%;text-align: center;border-right: 1px solid #eaeaea;}
.contact .info p{font-size: 18px;font-weight:500;color:#868e96;}
.contact .info p span{font-size: 36px;font-family: "DINPro-Bold";color:#e60012;display: block;}
.contact .info p em{font-size: 5rem;display: block;color:#e60012;}
.contact .img{width: 30%;}
.contact .img p{margin-right:20px;}
.contact .img p:last-child{margin-right: 0;}
.contact .img img{width: 120px;}
.contact .img span{display: block;font-size: 18px;line-height: 30px;color:#868e96;text-align: center;padding-bottom: 10px;font-weight: 500;}
.contact .img span i{color: #aaa;font-size: 2.2rem;margin-right: 2px;}
@media screen and (max-width: 992px){
    .contact{padding:30px 0;background-color: #f1f3f5}
    .contact .container{flex-wrap: wrap;}
    .contact .c-title{width: 100%;border-right:none;padding: 10px 0;}
    .contact .c-title h4{font-size: 2rem;margin-bottom:20px;}
    .contact .c-title p{font-size: 1.5rem;margin-bottom: 10px;line-height:2.2rem;}
    .contact .c-title p em{font-size:1.8rem;margin-right: 5px;}
    .contact .info{width:100%;text-align: center;border-right:none;background-color: #fff;padding:15px 0;border-radius: 4px;}
    .contact .info p{font-size:1.6rem;}
    .contact .info p span{font-size:2.6rem;}
    .contact .info p em{font-size: 4.5rem;}
    .contact .img{display: none;}

}