@charset 'UTF-8'; 

/* 公司概况 */
.section-company {
    margin-top: -72px;
}

.section-company .section-title {
    background: url(../img/icon-building.jpg) left top no-repeat;
}

.section-company .section-body-inner {
    height: 322px;
    background: url(../img/bg-about-company-01.jpg) left top no-repeat;
    padding: 0 0 0 495px;
    background-size: contain;
}

.section-company .section-body-inner .section-body-text {
    font-size: 21px;
    line-height: 42px;
    color: #353535;
    padding: 56px 40px;
    background: #f7f8f8;
    text-align: justify;
}

/* 公司愿景 */
.section-scope .wrapper {
    height: 470px;
    background: url(../img/bg-about-company-02.png) right top no-repeat;
    border-bottom: 10px solid #fb6703;
}

.section-scope .section-title {
    background: url(../img/icon-square.jpg) left top no-repeat;
    background-size: 45px;
}

.section-scope .section-body {
    padding: 0 600px 0 0;
}

.section-scope .section-body-inner .section-body-text {
    font-size: 21px;
    line-height: 42px;
    color: #353535;
    text-align: justify;
    margin: 40px 0 0 0;
}

/* 董事会 */
.section-board {
    padding: 60px 0 56px 0;
    background-color: #f7f8f8;
}

.section-board .section-title {
    background: url(../img/icon-board.png) left top no-repeat;
}

.director-box-title {
    height: 36px;
    background-color: #ff6601;
    display: inline-block;
    color: #fff;
    font-size: 23px;
    line-height: 36px;
    text-align: center;
    padding: 0 13px;
}

.director-list {
    font-size: 0;
    margin: 15px 0 30px 0;
}

.director-list .director-list-item {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    margin: 0 90px 0 0;
    width: 200px;
}

.director-list .director-list-item a {
    color: #333;
}

.director-list .director-list-item a:hover {
    color: #ff6601;
}

.director-list .director-list-item .director-name {
    font-size: 18px;
    margin: 0 0 5px 0;
    font-family: "fzlantingheis-l-gbregular";
}

.director-list .director-list-item .director-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
}

/* 管理团队 */
/* .section-management .wrapper {width: 1136px;} */
.section-management .section-title {
    background: url(../img/icon-management.jpg) left top no-repeat;
}

.section-management .swiper-container {
    padding: 0 60px;
}

.section-management .swiper-wrapper .swiper-slide {
    font-size: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.section-management .swiper-wrapper .swiper-slide a {
    flex: 1;
}

.section-management .swiper-wrapper .swiper-slide:last-child a {
    flex: unset;
    margin: 0 2%;
}

.section-management .swiper-wrapper .swiper-item {
    width: 256px;
    height: 324px;
    position: relative;
    margin: auto;
}

.section-management .swiper-wrapper .slide-image {
    width: 100%;
    height: 100%;
}

.section-management .swiper-wrapper .slide-title {
    font-size: 22px;
    color: #ffffff;
    position: absolute;
    left: 22px;
    bottom: 62px;
}

.section-management .swiper-wrapper .slide-text {
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    left: 22px;
    top: 268px;
}

.section-management .swiper-button-prev, .section-management .swiper-button-next {
    width: 23px;
    height: 30px;
}

.section-management .swiper-button-prev {
    background: url(../img/arr-left-04.png) center center no-repeat;
}

.section-management .swiper-button-next {
    background: url(../img/arr-right-04.png) center center no-repeat;
}

/* 20231112管理团队 */
.section-management .section-body {
	padding: 0 3.6%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.management-slide {
    width: 260px;
    height: 350px;
    margin: 2% 2%;
}

.management-image {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.management-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.management-title {
    font-size: 22px;
    color: #fff;
    position: relative;
    bottom: 0;
    margin: -43% 0 0 5%;
}

.management-text {
    font-size: 14px;
    color: #fff;
    position: relative;
    bottom: 0;
    margin: 2% 0 0 5%;
}

/* 20231112管理团队 */


/* 科学顾问委员会 */
.section-scientist .section-title {
    background: url(../img/icon-doctor.jpg) left top no-repeat;
}

.section-scientist .section-body {
    height: 329px;
    background: url(../img/bg-scientist.jpg) center top no-repeat;
}

.section-scientist .section-body .section-body-text {
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top: 65px;
}

.more {
    width: 142px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    display: block;
    margin: 60px auto 0;
}

.more:hover {
    color: #ff6600;
    border: 1px solid #ff6600;
}

.section-scientist .section-footer {
    margin: 45px 0 0 0;
    background-color: #fff;
}

.section-scientist .section-footer .section-tip {
    font-size: 18px;
    line-height: 1.8em;
    color: #383838;
    width: 1200px;
    margin: 0 auto 35px;
}

.section-scientist .section-footer .section-block {
    height: 772px;
    background: url(../img/bg-block.png) center center no-repeat;
}

.section-scientist .section-footer .section-block .wrapper {
    position: relative;
}

.section-scientist .section-footer .section-block-item {
    width: 283px;
    height: 245px;
    position: absolute;
    background: url(../img/bg-block-item.png) center center no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    line-height: 38px;
    color: #333333;
}

.section-scientist .section-footer .section-block-item:hover {
    background: url(../img/bg-block-item-02.png) center center no-repeat;
    color: #fff;
}

.section-scientist .section-footer .section-block-item:nth-of-type(1) {
    top: 132px;
    left: 47px;
}

.section-scientist .section-footer .section-block-item:nth-of-type(2) {
    top: 132px;
    left: 515px;
}

.section-scientist .section-footer .section-block-item:nth-of-type(3) {
    top: 264px;
    left: 281px;
}

.section-scientist .section-footer .section-block-item:nth-of-type(4) {
    top: 264px;
    left: 750px;
}

.section-scientist .section-footer .section-block-item:nth-of-type(5) {
    top: 395px;
    left: 515px;
}

.section-scientist .section-footer .section-block-item p {
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .wrapper {
        width: 100%;
    }

    .bread-wrapper {
        display: none;
    }

    .section-title {
        display: block;
        padding: 0 .32rem;
        margin-top: .9rem;
    }

    .section-title-text {
        font-size: .4rem;
        color: #ff6600;
        font-weight: bold;
    }

    .section-title::after {
        width: .7rem;
        height: .04rem;
        content: "";
        position: absolute;
        left: .32rem;
        bottom: -.3rem;
        background: #ff6600;
    }

	.section-company {
		margin-top: -44px;
	}
	
    .section-cnt .section-body {
        margin-top: .6rem;
    }

    .section-information {
        margin-top: 0;
    }

    .section-company .section-body-inner {
        height: auto;
        padding: 0;
        background: url(../img/bg-about-company-wap.jpg) left bottom no-repeat;
        background-size: contain;
        padding-bottom: 5.4rem;
    }

    .section-company .section-body-inner .section-body-text {
        padding: 0;
        background: transparent;
        font-size: .28rem;
        line-height: .5rem;
    }

    .section-scope .wrapper {
        height: auto;
        background: url(../img/bg-about-company-02-wap.jpg) left bottom no-repeat;
        background-size: contain;
        padding-bottom: 4.8rem;
    }

    .section-scope .section-body {
        padding: 0;
    }

    .section-scope .section-body-inner .section-body-text {
        font-size: .28rem;
        line-height: .5rem;
        margin: .4rem 0 0 0;
    }

    .section-board {
        padding: 0 .35rem;
        background: #fff;
    }

    .director-box-title {
        font-size: .3rem;
        line-height: .48rem;
        height: .48rem;
        margin-bottom: .1rem;
    }

    .director-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .director-list .director-list-item {
        width: 50%;
        margin: 0;
        text-align: left;
        margin-bottom: .38rem;
    }

    .director-list .director-list-item .director-name {
        font-size: .3rem;
        color: #ff6600;
        font-weight: bold;
    }

    .director-list .director-list-item a {
        color: #ff6600;
    }

    .director-list .director-list-item .director-title {
        font-weight: normal;
    }

    .section-scientist {
        padding: 0;
    }

    .section-scientist .section-title {
        margin: 0 .35rem;
    }

    .section-scientist .section-body {
        height: 3.66rem;
        background: url(../img/bg-scientist-wap.jpg) center center no-repeat;
        background-size: contain;
    }

    .section-scientist .section-body .wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-scientist .section-body .section-body-text {
        padding: 0 .5rem;
        font-size: .28rem;
        line-height: .5rem;
    }

    .section-scientist .section-body .more {
        font-size: .28rem;
        height: .48rem;
        line-height: .48rem;
        border: none;
        margin: .3rem auto 0;
        background: url(../img/bg-btn-orange.png) center center no-repeat;
        background-size: contain;
    }

    .section-management .swiper-container {
        padding: 0;
    }

    .section-management .swiper-wrapper .swiper-item {
        width: 3.24rem;
        height: 6rem;
    }

    .section-management .swiper-wrapper .slide-image {
        height: 4.25rem;
    }

    .section-management .swiper-wrapper .slide-title, .section-management .swiper-wrapper .slide-text {
        position: static;
    }

    .section-management .swiper-wrapper .slide-title {
        color: #e95513;
        font-size: .36rem;
        font-weight: bold;
        margin-bottom: .14rem;
    }

	.section-management .swiper-wrapper .swiper-slide:last-child a {
		flex:1;
		margin:unset;
	}
	
    .section-management .swiper-wrapper .slide-text {
        color: #231815;
        font-size: .28rem;
    }

    .section-management .swiper-button-prev, .section-management .swiper-button-next {
        display: none;
    }

    /* 20231112管理团队 */
	.section-management .section-body {
		padding: 0 0;
    }
    
    .management-slide {
        width: 45%;
        height: 205px;
        margin: 2% 2.5%;
    }
    .management-title {
        font-size: 18px;
        color: #fff;
        position: relative;
        bottom: 0;
        margin: -50% 0 0 5%;
    }
     /* 20231112管理团队 */
    .section-scientist .section-footer {
        background: #fff;
        padding: 0 .28rem;
        margin-top: .6rem;
    }

    .section-scientist .section-footer .section-tip {
        width: auto;
        font-size: .28rem;
        line-height: .5rem;
        margin-bottom: .4rem;
    }

    .section-scientist .section-footer .section-block {
        background: none;
        height: 10.4rem;
    }

    .section-scientist .section-footer .section-block-item {
        width: 3.77rem;
        height: 3.28rem;
        background-size: contain;
        font-size: .28rem;
        line-height: .46rem;
    }

    .section-scientist .section-footer .section-block-item:nth-of-type(1) {
        top: 0;
        left: 0;
    }

    .section-scientist .section-footer .section-block-item:nth-of-type(2) {
        top: 1.79rem;
        left: auto;
        right: 0;
    }

    .section-scientist .section-footer .section-block-item:nth-of-type(3) {
        top: 3.58rem;
        left: 0;
    }

    .section-scientist .section-footer .section-block-item:nth-of-type(4) {
        top: 5.37rem;
        left: auto;
        right: 0;
    }

    .section-scientist .section-footer .section-block-item:nth-of-type(5) {
        top: 7.16rem;
        left: 0;
    }

    .section-scientist .section-footer .section-block-item:hover {
        background-size: contain;
    }
}