/*about*/
.about .page-nav .page-nav-ul li{width: 33.33%;}
.about .loc{width: 50%;line-height: 80px;color: #868e96;font-family: "Microsoft Yahei"}
.en .about .loc{width: 40%;}
.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%;}
.en .about .page-nav .page-nav-ul{width: 60%;}
.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}
    .en .about .loc{width: 0;display: none}
    .about .page-nav .page-nav-ul{width:100%;order: 1;}
    .en .about .page-nav .page-nav-ul{width: 100%;}
    .about .page-nav .page-nav-ul li{width:50%;}
    .sub-banner.about-banner{background-image: none!important;height:180px;background-color: #fab005}
    .sub-banner.about-banner .container p{padding: 0;font-size: 2.5rem!important;}
}

.about{background-color:#f8f9fa}
.about .section-title{margin-bottom: 50px;}
.about .section-title h4{color:#495057;text-transform: uppercase}
.en .about .section-title h4{text-transform: uppercase}
.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%;}
.en .about .about-main .info{width: 50%;}
.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;}
.en .about .about-main .info p{font-size: 16px;line-height:30px;text-align:unset;text-justify:unset;margin-bottom: 20px;}
.about .about-main .img{width: 50%;margin-left:5%;text-align: right;position: relative;}
.en .about .about-main .img{width: 45%}
.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:center bottom;}
.culture h4{font-size: 36px;font-weight: 600;color:#495057;text-align: center;margin-bottom: 30px;}
.culture p{line-height:50px;font-size: 25px;color: #495057;text-align: center;font-family: "Microsoft YaHei"}
.en .culture h4{font-size: 30px;text-transform: uppercase}
.en .culture p{font-size: 18px;line-height: 36px;}
@media screen and (max-width: 1440px){
    .about .about-main{padding:50px 0 0 0;}
    .about .about-main .info{width:50%;}
    .about .about-main .info p{font-size: 18px;line-height:32px;margin-bottom:20px}
    .about .about-main .info h4{font-size:25px;margin-bottom:20px;}
    .about .about-main .img{width: 45%;margin-left:5%;}
    .culture{padding:100px 0;}
    .culture h4{font-size: 30px;}
    .culture p{line-height:40px;font-size:20px;width: 60%;margin: 0 auto}
}
@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;}
    .en .about .about-main .info{width: 100%;}
    .en .about .about-main .info p{font-size: 1.4rem;line-height:2.2rem;margin-bottom:10px;}
    .en .about .about-main .img{width: 100%}
    .culture{background-size:cover;background-repeat: no-repeat;padding:20px 0 40px 0;border-top: 1px solid #ddd;}
    .culture h4{font-size:2.2rem;}
    .culture p{line-height:3rem;font-size:1.6rem;width: 100%}
    .en .culture h4{font-size: 2rem;}
    .en .culture p{font-size: 1.4rem;;line-height: 2.5rem;}
}


.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;text-transform: uppercase}
.contact .info p span{font-size: 40px;font-family: "DINPro-Bold"!important;color:#e60012;display: block;}
.contact .info p em{font-size: 5rem;display: block;color:#e60012;}
.contact .img{width: 30%;}
.en .contact .c-title{width:60%}
.en .contact .info{border-right: none;width: 40%;}
.en .contact .info p{font-size: 16px;}
.en .contact .img{width: 0;}
.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.4rem;margin-bottom: 10px;line-height:2.2rem;}
    .contact .c-title p em{font-size:1.8rem;margin-right: 3px;}
    .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;}
    .en .contact .info p{font-size: 1.4rem;}
    .contact .info p span{font-size:2.6rem;}
    .contact .info p em{font-size: 4.5rem;}
    .contact .img{display: none;}
    .en .contact .c-title{width:100%}
    .en .contact .info{border-right: none;width: 100%;}
    .en .contact .info p{font-size: 1.4rem;}

}

.sb{padding: 50px 0;background-color:#f1f3f5}
.sb-ul{flex-wrap: wrap;padding: 20px 0;}
.sb-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.sb-ul li a{
    display: block;
    box-shadow:8px 8px 2px rgba(0,0,0,0.03);
    -webkit-box-shadow:8px 8px 2px rgba(0,0,0,0.03);
    -moz-box-shadow:8px 8px 2px rgba(0,0,0,0.03);
    background-color: #fff;padding:10px;
}
.sb-ul li:nth-child(4n){margin-right: 0;}
.sb-ul li .img{margin-bottom: 10px;max-height: 200px;overflow: hidden}
.sb-ul li a img{width:auto;max-width: 100%;}
.sb-ul li a p{font-size: 18px;font-weight:500;text-align: center;display: block;line-height: 36px;color: #495057}
.sb-ul li a:hover{
    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);
}
.sb-ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
@media screen and (max-width: 1440px){
    .sb{padding: 30px 0;}
    .sb-ul{flex-wrap: wrap;padding:10px 0;}
    .sb-ul li a p{font-size: 16px;line-height:26px}
}
@media screen and (max-width: 992px){
    .sb{padding: 20px 0;}
    .sb-ul{padding:20px 0 0 0;}
    .sb-ul li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .sb-ul li a{
        box-shadow:2px 2px 0 rgba(0,0,0,0.03);
        -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.03);
        -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.03);
        background-color: #fff;padding:8px;
    }
    .sb-ul li:nth-child(2n){margin-right: 0;}
    .sb-ul li .img{max-height: 200px;}
    .sb-ul li a p{font-size: 1.4rem;line-height:2.5rem;}
    .sb-ul li a:hover{
        box-shadow:5px 5px 1px rgba(0,0,0,0.05);
        -webkit-box-shadow:5px 5px 1px rgba(0,0,0,0.05);
        -moz-box-shadow:5px 5px 1px rgba(0,0,0,0.05);
    }
}

.zz{padding: 50px 0;background-color:#f1f3f5}
.zz-ul{flex-wrap: wrap;padding: 20px 0;}
.zz-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.zz-ul li a{
    display: block;overflow: hidden;
    box-shadow:8px 8px 2px rgba(0,0,0,0.03);
    -webkit-box-shadow:8px 8px 2px rgba(0,0,0,0.03);
    -moz-box-shadow:8px 8px 2px rgba(0,0,0,0.03);
    background-color: #fff;padding:10px;
}
.zz-ul li:nth-child(4n){margin-right: 0;}
.zz-ul li .img{margin-bottom: 10px;}
.zz-ul li a img{width:auto;max-width: 100%;}
.zz-ul li a p{font-size: 18px;font-weight:500;text-align: center;display: block;line-height: 36px;color: #495057; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.zz-ul li a:hover{
    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);
}
.zz-ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
@media screen and (max-width: 1440px){
    .zz{padding: 30px 0;}
    .zz-ul{flex-wrap: wrap;padding:10px 0;}
    .zz-ul li a p{font-size: 16px;line-height:26px}
}
@media screen and (max-width: 992px){
    .zz{padding: 20px 0;}
    .zz-ul{padding:20px 0 0 0;}
    .zz-ul li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .zz-ul li a{
        box-shadow:2px 2px 0 rgba(0,0,0,0.03);
        -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.03);
        -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.03);
        background-color: #fff;padding:8px;
    }
    .zz-ul li:nth-child(2n){margin-right: 0;}
    .zz-ul li a p{font-size: 1.4rem;line-height:2.5rem;}
    .zz-ul li a:hover{
        box-shadow:5px 5px 1px rgba(0,0,0,0.05);
        -webkit-box-shadow:5px 5px 1px rgba(0,0,0,0.05);
        -moz-box-shadow:5px 5px 1px rgba(0,0,0,0.05);
    }
}