/**
 * 项目介绍
 *
 */

/*公共*/
@import "base.css";
@import "reset.css";

/*动画*/
@import "module/animation.css";
/*导航*/
@import "module/nav.css";
/*目录*/
@import "module/menu.css";
/*底部*/
@import "module/footer.css";


.image-top {
    background: #f4f5f9;
    position: relative;
}

.image-top .content {
    margin-bottom: 1.25rem /* 20/16 */;
}

.image-top h3 {
    font-size: 1.25rem;
    line-height: 2;
    color: #dd6240;
}

.image-top p {
    font-size: 0.75rem;
    color: #aea6a3;
}

.image-top .des {
    margin-top: 2.1875rem /* 35/16 */;
}


/*主体内容*/
.main {
    margin-top: 3rem /* 60/16 */;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-column-gap: 0.625rem /* 10/16 */;
    grid-row-gap: 0.625rem /* 10/16 */;
}

.image-team1 img, .image-team2 img, .image-team4 img, .image-team5 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-team1 {
    grid-area: 1 / 1 / 6 / 8;
}

.image-team2 {
    grid-area: 1 / 8 / 4 / 13;
}

.image-team3 {
    grid-area: 4 / 8 / 6 / 9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-team4 {
    grid-area: 6 / 1 / 10 / 9;
}

.image-team5 {
    grid-area: 4 / 9 / 10 / 13;
}

.image-team7 {
    margin-top: 1rem;
    position: relative;
}

.image-team7 ul {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 0.75rem;
}

.image-team7 .shade{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000002e;
}

.image-team7 li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-team7 li a {
    width: 6.5rem;
    height: 6.5rem;
    color: white;
    display: flex;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    border: 1px solid white;
    align-items: center;
}

.image-team7 ul p {
    font-size: 0.75rem;
    text-align: center;
}

.image-team7 .title{
    font-size: 1.25rem;
    font-weight: bold;
}



.image-team8 {
    margin-top: 2.5rem /* 40/16 */;
    text-align: center;
}

.image-team8 h3 {
    font-size: 2rem /* 45/16 */;
    line-height: 2;
}

.image-team8 p {
    margin-bottom: 1.25rem /* 20/16 */;
    color: #646464;
}


/*分页*/
.mySwiper {
    width: 100%;
    margin-top: 1.25rem;
}

.swiper-deduce-pagination {
    text-align: center;
}

.swiper-deduce-pagination .swiper-pagination-bullet {
    width: 2.5rem;
    height: 3px;
    border-radius: 0;
}

.swiper-deduce-pagination .swiper-pagination-bullet-active {
    background: #4e4e4e;
}