@charset "utf-8";

.layui-tab {
	margin: 0px;
}

.layui-tab-title {
	height: 66px;
	border-bottom: none;
}

.layui-tab-title li:nth-child(1) {
	margin-left: 0;
}

.layui-tab-title li {
	line-height: 66px;
	padding: 0;
	margin-left: 40px;
}

.layui-tab-title .layui-this:after {
	height: 67px;
}

.layui-tab-brief > .layui-tab-title .layui-this:after {
	border-bottom: 2px solid #2D7AE2;
}

.layui-tab-brief > .layui-tab-title .layui-this {
	color: #2D7AE2;
	font-weight: bold;
}

/* 内容 */
.con_dom {
	position: relative;
	margin: 15px auto;
	width: 1170px;
}

.con_Honor {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	border: 4px solid white;
	cursor: pointer;
}

.con_Honor:hover {
	border: 4px solid #2D7AE2;
}

.con_Honor:hover > div:nth-child(2) {
	background: #2D7AE2;
	color: white;
}

.con_Honor > div:nth-child(1) {
	width: 100%;
	height: 250px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.con_Honor > div:nth-child(1) img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
}

.con_Honor > div:nth-child(1) p {
	font-size: 14px;
	color: #000000;
	margin-top: 20px;
}

.con_Honor > div:nth-child(2) {
	width: 100%;
	background: white;
	height: 50px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	color: #827F82;
	border-top: 2px solid #FAF7FA;
}

.con_Honor > div:nth-child(2) span {
	font-size: 15px;
}

.con_Honor > div:nth-child(2) i {
	transform: rotate(180deg);
	padding: 0 10px;
}

/* 分页 */
#con_page_dom {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

/* 弹出层 */
.honor_main_dom {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: rgba(0, 0, 0, 0.3);
	display: none;
}

.honor_main_dom .honor_main {
	width: 1170px;
	margin: 0 calc((100% - 1170px) / 2);
	position: absolute;
}

#honor_swiper {
	position: relative;
	margin: 55px auto 0;
}

#honor_swiper .swiper-container {
	overflow: visible !important;
}

#honor_swiper .swiper-slide {
	width: 520px;
	background: #fff;
	height: 320px;
	box-shadow: 0 8px 30px #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
}

#honor_swiper .swiper-slide img {
	display: block;
	width: 97%;
	height: 97%;
	margin: 1.5%;
}

#honor_swiper .swiper-slide div {
	bottom: 0;
	height: 0;
	opacity: 0;
	width: 100%;
	color: #fff;
	display: flex;
	padding: 20px;
	position: absolute;
	transition: all 0.3s;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

#honor_swiper .swiper-slide.swiper-slide-active div {
	opacity: 1;
	height: 40%;
}

#honor_swiper .swiper-slide div > p:nth-child(1) {
	font-size: 24px;
	font-weight: bold;
}

#honor_swiper .swiper-slide div > p:nth-child(2) {
	font-size: 16px;
	line-height: 30px;
}

#honor_swiper .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#honor_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
}

#honor_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #fff;
	border: 3px solid #00aadc;
}

#honor_swiper .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
}

#honor_swiper .swiper-button-prev:hover {
	background-size: 100%;
	background-position: 0 -46px;
}

#honor_swiper .swiper-button-next {
	width: 45px;
	height: 45px;
	right: -30px;
}

#honor_swiper .swiper-button-next:hover {
	background-size: 100%;
	background-position: 0 -139px;
}

/* 弹出关闭 */
.close_dom {
	width: 1170px;
	height: 50px;
	margin: 50px 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	position: absolute;
}

.swiper-button-close {
	width: 50px;
	height: 50px;
	display: flex;
	border-radius: 50%;
	background: #FFFFFF;
	align-items: center;
	transition: all 0.15s;
	justify-content: center;
	transform: rotate(180deg);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.swiper-button-close > i {
	color: #2D7AE2;
	font-size: 24px;
	font-weight: bold;
}