﻿
/* ---------------------------------------------------------- */
.about-brief-box{
    width: 100%;
    /*overflow: hidden;*/
    padding: 3rem 0;
}
.about-brief{
    width: 1280px;
    margin: 0 auto;
}


.about-black-title{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.about-black-title h4{
    font-size: 36px;
    font-weight: bold;
    color: #000;
}
.about-black-title i{
    width: 44px;
    height: 1px;
    background-color: #333;
    display: inline-block;
    margin-top: 12px;
}

.about-brief-num{
    width: 100%;
    overflow: hidden;
    padding: 30px 0 0 0;
}

.about-brief-num ul li{
    width: 25%;margin-left:-1px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-top: 16px;
    border-right: 1px solid #e5e5e5;
}

.about-brief-num ul li h6{
    color: #de4721;
    font-size: 26px;
}
.about-brief-num ul li h6 span{
    font-size: 76px;
    font-weight: bold;
}
.about-brief-num ul li p{
    font-size: 16px;
    color: #666;
    margin-top: 12px;
}

.about-brief-num ul li:last-child{
    border-right: none;
}


.about-brief-words{
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0 0;
    height: 224px;
}
.about-brief-words p{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin-top: 16px;
}
.about-brief-more{
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 36px 0 10px 0;
}
.about-brief-more h6{
    width: 200px;
    height: 46px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 46px;
    color: #666;
    font-size: 14px;font-weight:normal;
    cursor: pointer;
    transition: all .4s;
}
.about-brief-more h6:hover{
    background-color: #de4721;
    color: #fff;
}
.about-brief-more h6:hover i{
    background-image: url('../images/about/about_arrUpH.png');
}

.about-culture-box{
    width: 100%;
    overflow: hidden;
    padding: 2rem 0;
}
.about-culture{
    width: 1280px;
    margin: 0 auto;
}

.about-culture-piclist{
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0 0;
}
.about-culture-piclist ul{
    margin-left: -1%
}
.about-culture-piclist ul li{
    width: 19%;
    margin-left: 1%;
    height: 350px;
    float: left;
    overflow: hidden;
    position: relative;
}
.about-culture-piclist ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}
.about-culture-piclist ul li:hover img{
    transform: scale(1.1);
}

.about-culture-words{
    position: absolute;
    width: 82%;
    height: 30px;
    bottom: 2%;
    left: 4%;
    background-color: rgba(255, 255, 255, .9);
    padding: 15px 5%;
    text-align: center;
    transition: all .6s;
    overflow: hidden;
    z-index: 9;
}
.about-culture-words h6{
    font-size: 18px;
    color: #333;
    height: 28px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.about-culture-words p{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin-top: 12px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.about-culture-piclist ul li:hover .about-culture-words{
    background-color: rgba(0, 0, 0, .6); 
    height: 120px;
}
.about-culture-piclist ul li:hover .about-culture-words h6{
    color: #fff;
}

/*发展历程*/
.abUs-comHist{padding:50px 0 0;background:url(../images/develop.jpg) no-repeat top center / 100% 579px;}
.abUs-comHist .p-title .t{color:#fff;}
.abUs-comHist .p-title .s{background:#e50012;}

/*大*/
.auCHist-man{width:928px;padding:0 0 246px;position:relative;margin:30px auto 0;}
.auCHist-man .swiper-container{padding:69px 0 0;}
.auCHist-man .auCHman-box{display:block;height:72px;text-align:center;color:#fff;background:url(../images/auCHist-bg.png) no-repeat center 68px;position:relative;}
.auCHman-box .year{line-height:28px;font-size:16px;}
.auCHman-box:before{content:"";display:block;width:8px;height:8px;border-radius:100%;background:#fff;position:absolute;left:50%;margin-left:-4px;bottom:0px;}
.auCHman-box:after{content:"";display:block;width:1px;height:9px;background:#fff;position:absolute;left:50%;margin-left:-1px;bottom:11px;}

.auCHman-box.cur .year{width:77px;height:77px;line-height:77px;background:rgba(229,0,18,.75);border-radius:100%;position:absolute;top:-53px;left:50%;margin-left:-38.5px;}
.auCHman-box.cur .year:after{content:"";display:block;width:109px;height:109px;background:rgba(229,0,18,.25);border-radius:100%;position:absolute;top:-16px;left:-16px;z-index:-1;}
.auCHman-box.cur:before,
.auCHman-box.cur:after{background:#e50012;}
.auCHman-box.cur:after{height:30px;z-index:2;}

.auCHistManSwiper-prev,
.auCHistManSwiper-next{display:block;width:11px;height:21px;position:absolute;top:70px;}
.auCHistManSwiper-prev{left:-58px;background:url(../images/swiper2-l.png) no-repeat center center;}
.auCHistManSwiper-next{right:-58px;background:url(../images/swiper2-r.png) no-repeat center center;}

.auCHist-man:before,
.auCHist-man:after{content:"";display:block;width:26px;height:24px;background:url(../images/auCHist-orn1.png) no-repeat center center;position:absolute;top:125px;}
.auCHist-man:before{left:-103px;}
.auCHist-man:after{right:-103px;}

.auCHist-man .orn1,
.auCHist-man .orn2{display:block;height:1px;background:rgba(255,255,255,.3);position:absolute;top:137px;}

/*小*/
.auCHist-min{width:1000px;position:relative;margin:-151px auto 0;z-index:2;}
.auCHist-min .swiper-container{padding:0 0 69px;}/*
.auCHist-min .swiper-container .swiper-slide{padding:0 10px;}*/
.auCHmin-box{background:url(../images/auCHistMin-bg.jpg) center no-repeat #fff;box-shadow:0 4px 20px rgba(162,162,162,.24);position:relative;}
.auCHmin-box .auCHmin-img{display:block;width:38%;height:280px;/*height:100%;object-fit:cover;position:absolute;left:0px;top:0px;*/}
.auCHmin-box .auCHmin-block{width:55%;height:220px;padding-right:1%;margin-right:2%;overflow-y:auto;}
.auCHmin-block li{padding:0 0 0 37px;line-height:29px;color:#666666;position:relative;margin:9px 0 0;}
.auCHmin-block li:first-child{margin:0px;}
.auCHmin-block li:before{content:"";display:block;width:13px;height:1px;background:#afafaf;position:absolute;left:0px;top:14px;}
