/* banner样式在common.css中 */
/* 面包屑样式在common.css中 */


/* 关于中兆 */
.about {
    width: 100%;
    background-image: url("../imgs/aboutus/one_bgc1.png");
}
.about .about_center {
    position: relative;
    width: 15rem;
    margin: 0 auto;
    padding: 1.5rem 0 1.2rem;
}
/* 标题在common.css */
/* 公司介绍 */
.about .intro {
    width: 11rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    font-size: 0.18rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #666666;
    line-height: 0.49rem;
    text-align: center;
}
.about .intro p {
    font-size: 0.18rem;
}



/* 企业文化 */
.culture {
    width: 100%;
}
.culture .culture_center {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
/* 标题 */
.culture .culture_t {
    position: absolute;
    left: 50%;
    top: 1.5rem;
    width: fit-content;
    transform: translateX(-50%);
    z-index: 11;
}
.culture .culture_t .english {
    position: absolute;
    left: 50%;
    top: -1.45rem;
    transform: translateX(-50%);
    font-size: 2rem;
    font-family: Source Han Sans CN-Heavy, Source Han Sans CN;
    font-weight: 800;
    letter-spacing: .06rem;
    white-space: nowrap;
    z-index: 1;
    background: linear-gradient(180deg, rgba(253,253,253,0.99) 0%, #FAFAFA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.2;
}
.culture .culture_t .before {
    position: relative;
    text-align: center;
    /* font-family: Source Han Sans CN-Bold, Source Han Sans CN; */
    z-index: 2;
}
.culture .culture_t .fonts1 {
    font-size: .4rem;
    font-weight: bold;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    color: #fff;
}
.culture .culture_t .fonts2 {
    position: relative;
    text-align: center;
    /* font-family: Source Han Sans CN-Bold, Source Han Sans CN; */
    color: #fff;
}

/* 内容 */
.culture .item {
    position: relative;
    width: 6.38rem;
    height: 9.65rem;
    overflow: hidden;
}
.culture .item + .item{
        border-left: 0.03rem solid #fff;
}
.culture .item .backg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.culture .item .fonts {
    position: absolute;
    left: 0;
    top: 6.7rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* font-family: Source Han Sans CN-Bold, Source Han Sans CN; */
    color: #FFFFFF;
    transition: all 0.3s;
}
.culture .item .fonts img {
    width: 0.78rem;
    height: auto;
    object-fit: contain;
}
.culture .item .fonts .tit {
    margin-top: 0.2rem;
    font-size: 0.36rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
}
.culture .item .fonts .tit::after {
    content: "";
    display: block;
    width: 0.24rem;
    height: 0.04rem;
    margin-top: 0.05rem;
    margin-left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
}
.culture .item .fonts .tie {
    margin-top: 0.15rem;
    font-size: 0.2rem;
    font-weight: 400;
}
/* hover状态 */
.culture .item:hover .fonts {
    top: 0;
    height: 100%;
    padding-top: 3.5rem;
    background: rgba(0,94,169,0.9);
    z-index: 22;
}




/* 资质荣誉 */
.honor {
    width: 100%;
}
.honor .honor_center {
    position: relative;
    width: 14rem;
    margin: 0 auto;
    padding: 2rem 0 3.5rem;
}
/* 标题 */
.honor .common_t .bg_fonts {
    background-image: linear-gradient(to bottom, transparent 35%, #F6F6F6 100% );
}
/* 轮播图 */
.honor .honor_swiper {
    width: 100%;
    margin-top: 0.7rem;
    padding-bottom: 1.08rem;
}
.honor .swiper-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.honor .honor_img {
    width: 4.38rem;
    height: 6.2rem;
    margin-top: 0.4rem;
    margin-right: 0.4rem;
    overflow: hidden;
}
.honor .honor_img:nth-child(-n+3) {
    margin-top: 0;
}
.honor .honor_img:nth-child(3n) {
    margin-right: 0;
}
/* 左右按钮 */
.honor .honor_prev {
    top: auto;
 bottom: 0.04rem;
    left: 6.3rem;
}
.honor .honor_next {
    top: auto;
    bottom: 0.04rem;
    right: 6.3rem;
}
.honor .honor_prev::after {
    display: none;
}
.honor .honor_next::after {
    display: none;
}
.honor .honor_prev img {
    width: 0.5rem;
    height: 0.5rem;
    object-fit: contain;
}
.honor .honor_next img {
    width: 0.5rem;
    height: 0.5rem;
    object-fit: contain;
}
.honor .honor_prev .icon2 {
    transform: rotate(180deg);
    display: none;
}
.honor .honor_next .icon1 {
    transform: rotate(180deg);
}
.honor .honor_next .icon2 {
    display: none;
}
.honor .honor_prev:hover .icon1 {
    display: none;
}
.honor .honor_prev:hover .icon2 {
    display: block;
}
.honor .honor_next:hover .icon1 {
    display: none;
}
.honor .honor_next:hover .icon2 {
    display: block;
}