.about{background-color: #f6f6f6;padding:0;}
.about .page-nav .page-nav-ul li{width: 25%;}
.about .loc{width: 50%;}
.about .page-nav .page-nav-ul{width: 50%;}

.about .about-cont{padding: 20px 0 40px 0;}
.about .about-cont .img{width: 50%;overflow: hidden;position: relative;}
.about .about-cont .img img{max-width: 100%;width: auto;transition: all 0.5s;-webkit-transition: all 0.5s;}
.about .about-cont .img img:hover{
    transition: 2s cubic-bezier(0.28, 0, 0.12, 1);
    -webkit-transform: scale3d(1.12, 1.12, 1);
    transform: scale3d(1.12, 1.12, 1)
}
.about .about-cont .info{width: 50%;padding-left: 50px;position: relative;}
.about .about-cont .info:after{
    content: '';
    width:60px;height: 1px;background-color:#d71718;
    position: absolute;left: -30px;z-index: 3;top:50%;}
.about .about-cont .info h4{font-size: 32px;font-weight: 600;margin-bottom: 10px;position: relative;}
.about .about-cont .info h4:after{
    content: '';
    width: 2px;height: 40px;background-color: #bbb;
    position: absolute;left: 135px;top:0;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
}
.about .about-cont .info h4 span{font-size: 22px;color: #666;margin-left:30px;font-weight: 300;}
.about .about-cont .info h5 {font-family: "DINPro-Regular";font-size:22px;color: #999;font-weight:300;text-transform: uppercase;padding-bottom: 50px;position: relative;}
.about .about-cont .info h5:after{
    content: '';
    width: 100%;height: 1px;background-color: #ddd;
    position: absolute;left: 0;bottom:20px;
}
.about .about-cont .info p{max-width:550px;text-align: left;font-size: 16px;line-height: 30px;color: #888;margin-bottom: 30px;text-align:justify; text-justify:inter-ideograph}
.about .about-cont .info a{}
.about .about-cont .info a:hover{}
.about .about-cont .info a i{}
.about .about-cont .info a:hover i{}
.about .about-ul{padding: 30px 0 60px 0;}
.about .about-ul li{width: 24.25%;margin-right: 1%;background-color: #fff;padding: 20px 10px 20px 70px;;position: relative;}
.about .about-ul li:nth-child(4n){margin-right: 0;}
.about .about-ul li h4{font-size: 22px;font-weight: 500;margin-bottom: 10px;}
.about .about-ul li p{font-size: 14px;color: #888;line-height: 22px;font-weight: 400;font-family: "Microsoft YaHei UI"}
.about .about-ul li i{font-size: 4.5rem;color: #d71718;position: absolute;left:10px;top:50%;display: block;height:50px;margin-top: -25px;}

@media (max-width: 992px) {
    .about{background-color: #f2f2f2;padding:0;}
    .about .container{padding: 0;}
    .about .loc{width: 100%;}
    .about .page-nav .page-nav-ul{width: 100%;}
    .about .about-cont{padding: 0 0 20px 0;flex-wrap: wrap;background-color: #fff;}
    .about .about-cont .img{width: 100%;order: 2;}
    .about .about-cont .info{width: 100%;padding:30px 20px 5px 20px;order: 1;}
    .about .about-cont .info:after{width:1px;height: 40px;left:unset;top:unset;bottom: -20px;right: 20px;}
    .about .about-cont .info h4{font-size: 2.2rem;}
    .about .about-cont .info h4:after{width: 1px;left:100px;height:20px;top:5px;}
    .about .about-cont .info h4 span{font-size:1.6rem;margin-left:25px;}
    .about .about-cont .info h5 {font-size:1.4rem;padding-bottom:20px;}
    .about .about-cont .info h5:after{bottom:10px;}
    .about .about-cont .info p{font-size:1.3rem;line-height:2.2rem;margin-bottom:20px;}
    .about .about-cont .info a{width: 50%;margin: 0 auto 30px 0;}
    .about .about-ul{padding:20px;flex-wrap: wrap;background-color: #fff;}
    .about .about-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;padding: 10px 10px 10px 50px;border: 1px solid #aaa;}
    .about .about-ul li:nth-child(2n){margin-right: 0;}
    .about .about-ul li h4{font-size:1.4rem;margin-bottom:5px;}
    .about .about-ul li p{font-size: 1.2rem;line-height:1.8rem;}
    .about .about-ul li i{font-size: 3.2rem;left:10px;height:30px;margin-top: -30px;}
}


.design-team{background-color: #f7f7f7;padding: 0 0 30px 0;}
.design-team .team-ul{padding: 20px 0;flex-wrap: wrap;}
.design-team .team-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.design-team .team-ul li:nth-child(3n){margin-right: 0;}
.design-team .team-ul li a{display: block;background-color: #fff;padding: 20px;}
.design-team .team-ul li a .img{width: 100%;overflow: hidden;}
.design-team .team-ul li a .img img{width:100%;}
.design-team .team-ul li a .info{padding: 20px 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.design-team .team-ul li a .info h4{font-size: 18px;font-weight: 500;color: #333;margin-bottom: 10px;}
.design-team .team-ul li a .info span{display: block;font-size: 15px;font-weight: 500;color: #333;margin-bottom: 10px;}
.design-team .team-ul li a .info p{font-size: 15px;color: #888;line-height: 25px;border-top:1px solid #eee;padding: 10px 0 0 0;font-weight: 300;}
.design-team .team-ul li a:hover h4{color: #fff;}
.design-team .team-ul li a:hover span{color: #fff;}
.design-team .team-ul li a:hover p{color: #fff;}
.design-team .team-ul li a:hover .img img{
    transition: 2s cubic-bezier(0.28, 0, 0.12, 1);
    -webkit-transform: scale3d(1.12, 1.12, 1);
    transform: scale3d(1.12, 1.12, 1)
}
.design-team .team-ul li a:hover{
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.05);
    background-color: #595959;
    padding: 20px;
}

@media (max-width: 1280px) {}
@media (max-width: 992px) {
    .design-team{padding: 0 10px;background-color: #fff;margin-bottom: 10px;}
    .design-team .team-ul{padding: 10px 0 0 0;}
    .design-team .team-ul li{width: 50%;margin-bottom: 1%;margin-right: 0;}
    .design-team .team-ul li a{padding:10px;}
    .design-team .team-ul li a .img{height:auto;}
    .design-team .team-ul li a .info{padding: 10px 0 0 0;}
    .design-team .team-ul li a .info h4{font-size:1.4rem;margin-bottom:5px;}
    .design-team .team-ul li a .info span{font-size: 1.2rem;margin-bottom:5px;}
    .design-team .team-ul li a .info p{font-size:1.2rem;line-height:1.8rem;padding: 5px 0 0 0;}
    .design-team .team-ul li a:hover{padding: 10px;}

}


.partner{background-color: #f7f7f7;}
.partner-list{flex-wrap: wrap;padding: 30px 0;}
.partner-list li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.partner-list li:nth-child(4n){margin-right: 0;}
.partner-list li img{width: auto;max-width: 100%;}
.partner-list li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);}
@media (max-width: 992px) {
    .partner{padding: 0 0 10px 0;background-color: #fff;margin-bottom: 10px;}
    .partner .container{padding: 0;}
    .partner-list{padding: 10px 0;}
    .partner-list li{width: 24.25%;margin-right: 1%;margin-bottom: 1%;}
}

.advantage{background-image: url("../image/advantage-bg.jpg");background-size: cover;background-position: center;height: 650px;}
.advantage .advantage-ul{width: 50%;padding: 10px 0 30px 0;background-color: rgba(0,0,0,0.15);margin: 50px 0 20px 0;border-radius: 6px;}
.advantage .advantage-ul li{width: 33.33%;color: #fff;font-size: 16px;text-align: center;}
.advantage .advantage-ul li span{display: block;font-size: 28px;font-weight: 500;margin-bottom: 10px;letter-spacing: 1px;}
.advantage .advantage-ul li i{display: block;font-size: 5rem;color: #d71718;}
.advantage .info{width: 50%;text-align: center;}
.advantage .info p{width: 50%;text-align: center;font-size: 16px;font-weight: 400;color: #fff;letter-spacing: 1px;}
.advantage .info p span{font-size: 60px;color: #fff;font-family: "DINPro-Regular";display: block;font-weight: 600;}
@media (max-width: 1280px) {}
@media (max-width: 992px) {
    .advantage{height:auto;}
    .advantage .advantage-ul{width: 100%;padding: 10px 0 20px 0;margin: 0 0 10px 0;border-radius:4px;background-color: rgba(0,0,0,0.25);}
    .advantage .advantage-ul li{font-size:1.1rem;}
    .advantage .advantage-ul li span{font-size: 1.4rem;margin-bottom: 5px;letter-spacing: 0;}
    .advantage .advantage-ul li i{font-size: 3.2rem;}
    .advantage .info{width: 100%;margin-bottom: 20px;}
    .advantage .info p{width: 50%;font-size: 1.1rem;letter-spacing:0;}
    .advantage .info p span{font-size: 3rem;}
}

.news{background-color: #f6f6f6;padding: 0 0 80px 0;}
.news .page-nav .page-nav-ul li{width: 33.33%;}
.news .loc{width: 50%;}
.news .page-nav .page-nav-ul{width: 50%;}
.bottom-btn{border-top: 1px solid #eee;padding:20px 0 0 0;}
.bottom-btn a{display: block;font-size: 16px;color: #444;font-family: "DINPro-Regular";margin-bottom: 10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bottom-btn a:hover{color:#d71718}
.news .newslist{padding: 0 0 30px 0;}
.news .newslist li{background-color: #fff;}
.news .newslist li a{display: block;position:relative;padding: 40px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;}
.news .newslist li a .info{padding: 0 0 0 20px;width:73%;}
.news .newslist li a .info h4{font-size:16px;color: #666;margin-bottom:10px;font-weight: 500;}
.news .newslist li a .info span{position: absolute;bottom: 40px;right: 0;display: block;font-size: 13px;color: #666;font-weight: 400;border: 1px solid #ddd;width: 120px;height: 35px;line-height: 30px;text-align: center;}
.news .newslist li a .info span i{font-size: 2rem;position: relative;top:2px;}
.news .newslist li a .info p{font-size: 14px;color: #888;line-height: 22px;margin-bottom: 10px;font-family: "DINPro-Regular";font-weight:400;letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .newslist li a .img{width:27%;height: 140px;border:1px solid #ddd;background-size: auto 100%; overflow: hidden;background-color: #f8f8f8;text-align: center;line-height: 140px;}
.news .newslist li a .img img{width: 50%;display: inline-block;vertical-align: middle;opacity: 0.5;filter:Alpha(opacity=50)}
.news .newslist li a .time{font-size:14px;color: #999;font-family: "DINPro-Regular";}
.news .newslist li a .time i{font-size: 1.8rem;position: relative;top:2px;}
.news .newslist li a:hover{text-decoration : none }
.news .newslist li a:hover .info h4{color:#d71718;}
.news .newslist li a:hover .info span{background-color:#d71718;color: #fff;border: 1px solid #d71718;}
.news .newslist li:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.shownews{margin-top: 100px;background-color: #f6f6f6}
.shownews .loc{width: 50%;line-height: 40px;}
.shownews .page-back{width: 50%;}

@media (max-width: 992px) {
    .news{background-color: #f2f2f2;padding:0;}
    .news .container{padding: 0;}
    .news .page-nav .page-nav-ul li{width: 33.33%;}
    .news .loc{width: 100%;}
    .news .page-nav .page-nav-ul{width: 100%;}
    .news .newslist{padding:0;background-color: #fff;}
    .news .newslist li:last-child{border-bottom: none;}
    .news .newslist li a{padding: 15px 0;}
    .news .newslist li a .info{padding: 0 0 0 15px;width:60%;}
    .news .newslist li a .info h4{font-size: 1.2rem;margin-bottom:5px;padding-bottom: 5px;line-height: 1.6rem;}
    .news .newslist li a .info p{font-size: 1rem;line-height:1.3rem;margin-bottom:5px;letter-spacing: 0;}
    .news .newslist li a .img{width:40%;height:auto;line-height:normal;}
    .news .newslist li a .img img{width: 50%;}
    .news .newslist li a .time{font-size:1rem;}
    .news .newslist li a .time i{font-size: 1.3rem;top:1px;}
    .news .newslist li a .info span{display: none;}
    .shownews{margin-top:65px;}
    .shownews .container{padding: 0;}
    .shownews .loc{width: 60%;line-height: 40px;order: 1;padding: 0 0 0 20px;margin-bottom: 10px;}
    .shownews .page-back{width: 40%;order: 2;padding: 0 20px 0 0;}
    .bottom-btn{padding:10px 0;}
    .bottom-btn a{font-size: 1.3rem;}
}