@charset "utf-8";

.team-leader-padding{padding-top: 50px; padding-left: 8%; padding-bottom: 80px;}

.team-leader-swiper{ position: relative; margin-top: 60px;}
.team-leader-arrows{ position: absolute; top: -200px; right: 8%; z-index: 3; width: 180px; display: flex; justify-content: space-between; align-items: center; }
.team-leader-arrows .swiper-button-prev,
.team-leader-arrows .swiper-button-next{position: static; width: 80px;height: 80px; border-radius: 16px; border: 2px solid #fff; background-color: transparent; opacity: 1; transition: .3s; }
.team-leader-arrows .swiper-button-prev{}
.team-leader-arrows .swiper-button-next{}

.team-leader-arrows .swiper-button-prev::after,
.team-leader-arrows .swiper-button-next::after{display: none;}
.team-leader-arrows .swiper-button-prev i,
.team-leader-arrows .swiper-button-next i{font-size: 36px; color: #fff;}

.team-leader-arrows .swiper-button-prev:hover,
.team-leader-arrows .swiper-button-next:hover{ background-color: #fff;}
.team-leader-arrows .swiper-button-prev:hover i,
.team-leader-arrows .swiper-button-next:hover i{ color: var(--yf-green-default);}

@media (max-width:1600px) {
    .team-leader-swiper{ margin-top: 0;}
}

@media (max-width:1280px) {
    .team-leader-padding{ padding-left: 8%; padding-right: 8%;}
}


@media (max-width:1200px) {
    .team-leader-padding{ padding-left: 15px; padding-right: 15px;}
}


/*  */
.team-leader-item{height: 100%; padding-top: 50px;}
/*  */
.team-leader-left{ width: 630px;}
.team-leader-picbg{ position: relative; width: 100%;}
.team-leader-picbg img{width: 100%;}
.team-leader-pic{position: absolute; bottom: 0; left: 0; width: 100%;}

@media (max-width:640px) {
    .team-leader-item{ padding-top: 45px;}
}
    

/*  */
.team-leader-right{ position: relative; z-index: 1; flex: 1; padding: 40px 30px 40px 60px; background-color: #39AAA1; overflow: hidden;}
/* scrollbar */
.team-leader-scroll{height: 330px; overflow-y: auto;}
.team-leader-scroll::-webkit-scrollbar {-webkit-appearance: none; width: 6px; width: 6px;}
.team-leader-scroll::-webkit-scrollbar-track {background-color: #61BBB4; border-radius: 6px;}
.team-leader-scroll::-webkit-scrollbar-thumb {background-color: #C0E4E1; border-radius: 6px;}
.team-leader-scroll::-webkit-scrollbar-thumb:active {background: #666;}
/*  */
.team-leader-name h3{color: #fff;}
.team-leader-name p span {display: inline-block;color: #fff;}
/*  */
.team-leader-content{margin-top: 70px;}
.team-leader-content ul li{line-height: 44px; color: #fff; border-top: 1px solid #5FBAB3;}
@media (max-width:1200px) {
    .team-leader-left{ width: 500px;}
    .team-leader-right{ position: relative; z-index: 1; flex: 1; padding: 20px 30px;}
    .team-leader-scroll{height: 280px;}
}


@media (max-width:860px) {
    .team-leader-left{ width: 400px;}
    .team-leader-right{ position: relative; z-index: 1; flex: 1; padding: 20px 30px;}
    .team-leader-scroll{height: 225px;}
}


@media (max-width: 768px) {
    .team-leader-left{ width: 100%;}
    .team-leader-right{ width: 100%; padding: 20px 30px;}
}


@media (max-width: 640px) {
    .team-leader-right{ width: 100%; padding: 20px 15px;}

    .team-leader-scroll{height: 200px;}

    .team-leader-content{margin-top: 30px;}
    .team-leader-content ul li{ padding: 10px 0; line-height: 1.2;}

}


/* member */

.team-member-padding{padding-top: 100px; padding-left: 8%;}

.team-member-item{position: relative;}
.team-member-pic{ position: relative; width: 100%; transition: .3s;}
.team-member-pic img{width: 100%;}
.team-member-content{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px 40px; background-color: #fff; opacity: 0; visibility: hidden; transform: translateY(100%); transition: .3s;}
.team-member-scroll{height: 92px; padding-right: 5px; overflow-y: auto;}
.team-member-item:hover .team-member-content{ opacity: 1; visibility: visible; transform: translateY(0);}
/*  */
.team-member-swiper{position: relative;}
.team-member-swiper .swiper-slide:nth-child(2n) .team-member-pic{transition-property:all; transform: translateY(50px);} 
.team-member-arrows{ position: absolute; top: -150px; right: 8%; z-index: 3; width: 180px; display: flex; justify-content: space-between; align-items: center; }
.team-member-arrows .swiper-button-prev,
.team-member-arrows .swiper-button-next{position: static; width: 80px;height: 80px; border-radius: 16px; border: 2px solid #fff; background-color: transparent; opacity: 1; transition: .3s; }
.team-member-arrows .swiper-button-prev{}
.team-member-arrows .swiper-button-next{}
.team-member-arrows .swiper-button-prev::after,
.team-member-arrows .swiper-button-next::after{display: none;}
.team-member-arrows .swiper-button-prev i,
.team-member-arrows .swiper-button-next i{font-size: 36px; color: #fff;}

.team-member-arrows .swiper-button-prev:hover,
.team-member-arrows .swiper-button-next:hover{ background-color: #fff;}
.team-member-arrows .swiper-button-prev:hover i,
.team-member-arrows .swiper-button-next:hover i{ color: var(--yf-green-default);}


@media (max-width:1200px) {
    .team-member-padding{padding-top: 80px; padding-left: 15px; padding-right: 15px;}

	.team-member-arrows{right: 0; top: -120px; width: 140px; }

	.team-member-arrows .swiper-button-prev,
	.team-member-arrows .swiper-button-next{width: 60px; height: 60px;}

	.team-member-arrows .swiper-button-prev i,
	.team-member-arrows .swiper-button-next i{font-size: 32px; }
}

@media (max-width:768px) {

    .team-member-padding{padding-top: 40px;}

	.team-member-arrows{width: 100px;}

	.team-member-arrows .swiper-button-prev,
	.team-member-arrows .swiper-button-next{ margin: 0 5px; width: 44px; height: 40px; border-radius: 4px;}

	.team-member-arrows .swiper-button-prev i,
	.team-member-arrows .swiper-button-next i{font-size: 18px; }

    .team-member-content{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px;}
    .team-member-scroll{height: 62px;}
}


/* honor */
.team-honor-padding{ position: relative; padding-top: 100px; padding-bottom: 145px;}

.team-honor-swiper{ position: relative; padding-left: 100px; padding-right: 100px;}
.team-honor-swiper .swiper-button-next,
.team-honor-swiper .swiper-button-prev{ margin-top: -32px; width: 64px; height: 64px;}
.team-honor-swiper .swiper-button-next::after,
.team-honor-swiper .swiper-button-prev::after{font-size: 24px; color: #fff;}
/* .team-honor-swiper .swiper-button-prev{left: -64px;}
.team-honor-swiper .swiper-button-next{right: -64px;} */
/* .team-honor-swiper .swiper-slide{width: 520px;} */
.team-honor-pic{ position: relative; width: 100%;}
.team-honor-pic img{width: 100%;}

@media (max-width:1200px) {
    .team-honor-padding{padding-top: 80px; padding-bottom: 105px;}

}


@media (max-width:768px) {
    .team-honor-padding{padding-top: 40px; padding-bottom: 80px;}
    .team-honor-swiper{ padding-left: 60px; padding-right: 60px;}

    .team-honor-swiper .swiper-button-next,
    .team-honor-swiper .swiper-button-prev{ width: auto; }
    .team-honor-swiper .swiper-button-next{right: 0;}
    .team-honor-swiper .swiper-button-prev{left: 0;}

}

@media (max-width:640px) {
    .team-honor-swiper{ padding-left: 30px; padding-right: 30px;}

}

/*  */
.team-honor-count{position: absolute; top: 100px; right: 8%;} 
.team-honor-count ul{justify-content: flex-end;}
.team-honor-count ul li{position: relative; }
.team-honor-count ul li a{align-items: center; justify-content: center; padding: 0 40px; border-left: 1px solid rgba(255, 255, 255, .16);}
.team-honor-count ul li:first-child a{ padding-left: 0; border-left: none;}
.team-honor-count ul li h3{color: #fff; text-align: center;}
.team-honor-count ul li p{ margin-top: 5px; color: #eee;}

@media (max-width:1200px) {
    .team-honor-count{ right: 15px;} 
}

@media (max-width:960px) {
	.team-honor-count ul li a{padding: 0 20px;}
}

@media (max-width:768px) {
    .team-honor-count{position: absolute; top: 40px;}
	 .team-honor-count ul li{width: 33.33%; text-align: center;}

}

@media (max-width:640px) {
	.team-honor-count{position: static; padding: 10px 0 30px;}
	.team-honor-count ul li a{padding: 0 10px;}

}

@media (max-width:480px) {

}