.pb-100 {
	padding-bottom: 100px
}

.bg-blue {
	background: #0062B9;
}

.bg-gray {
	background: #f6f6f6;
}

.bg-white {
	background: #fff;
}

.bg-light_blue {
	background: #3276ff;
}

.bg-green-q {
	background-color: #f1f7f7;
}

.text-white {
	color: white !important;
}

.common-title {
	padding: 70px 0;
	text-align: center;

}

.common-title .t {
	font-size: 45px;
	margin-bottom: 5px;
	color: #282422;
	font-weight: 400;
}

.common-title .e {
	font-size: 18px;
	color: #d1d0d0;
}

.common-title .line {
	height: 23px;
	background: url(https://www.gdmd.com/static/index/images/common_title_line.png) no-repeat;
	background-position: center;
	margin-top: 5px;
}

.banner_contianer {
	position: relative;
}

.banner_background {
	width: 100%;
	height: 450px;
	background-size: contain;
}

.categoty-banner-list {
	position: absolute;
	top: 0;
	left: calc(50% - 700px);
}

.m-categoty-banner-container {
	margin: 0 auto;
	width: 1400px;
	height: 450px;
	display: flex;
	position: relative;
}

.categoty-menu-container {
	position: relative;
	width: 320px;
	box-sizing: border-box;
	background: #ffffff;

	/* border-radius: 6px; */
	font-size: 14px;
	z-index: 9;
	font-family: PingFang SC;
}

.categoty-menu-item-list {
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}

.categoty-menu-container {
	position: relative;
	width: 320px;
	box-sizing: border-box;
	background: #ffffff;
	/* border-radius: 6px; */
	font-size: 14px;
	z-index: 9;
	font-family: PingFang SC;
}

.categoty-menu-container.is-open {
	z-index: 1000;
}

.categoty-menu-item-list {
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}

.categoty-menu-title {
	padding: 0px 16px 0px 12px;
}

.categoty-menu-item-list {
	overflow: hidden;
	/* background: #ffffff; */
	transition: all 0.15s ease-in-out;
}

.categoty-menu-more-btn {
	padding: 0px 16px 0px 12px;
	color: #333333;
}

.categoty-menu-more-btn_arrow {
	display: inline-block;
	font-size: 14px;
	position: relative;
	font-family: "ux-icon" !important;
	transform: rotate(90deg);
	margin-left: 4px;
	top: 2px;
}

.categoty-menu-more-btn_arrow::before {
	content: "";
}

.banner-container {
	flex: none;
	width: 970px;
	height: 100%;
	background: #ffffff;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 14px;
	display: none;
	;
}

.banner-container .small {
	cursor: pointer;
	width: 970px;
	height: 100%;
}

.banner-container .small .ykt-image {
	width: 100%;
	height: 100%;
}

.banner-container .small .ykt-image .doload-img {
	object-fit: cover;
}

.banner-container .el-carousel__arrow {
	background: rgba(72, 72, 89, 0.5);
	width: 32px;
	height: 40px;
	font-size: 22px;
}

.banner-container .el-carousel__arrow--right {
	padding: 8px 2px 8px 8px;
	border-radius: 100% 0px 0px 100%;
	right: 0;
}

.banner-container .el-carousel__arrow--left {
	padding: 8px 8px 8px 2px;
	border-radius: 0px 100% 100% 0px;
	left: 0;
}

/* 主页banner轮播按钮 star*/
.banner_contianer .slidetabs {
	position: absolute;
	left: 50%;
	margin-left: -470px;
	width: 560px;
	z-index: 666;
	margin-top: -40px;
	padding-left: 443px;
}

.slidetabs a {
	outline: none;
	background-repeat: no-repeat;
	border: none;
	width: 17px;
	height: 17px;
	float: left;
	margin: 3px;
	background: url(http://www.mede.com.cn/images/round.png) 0 0 no-repeat;
	display: block;
	font-size: 1px;
}

.slidetabs a:hover,
.slidetabs .a_hover {
	background-image: url(http://www.mede.com.cn/images/round_hover.png);

	background-repeat: no-repeat;

	border: none;
}

/* 主页banner轮播按钮 end*/

.module-title {
	height: 34px;
	line-height: 34px;
	font-size: 24px;
	font-family: PingFang SC;
	color: #333;
	position: relative;
}

.module-title_tag {
	width: 36px;
	height: 19px;
	position: relative;
	top: 1px;
	left: 8px;
}

.module-title .more {
	position: absolute;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	font-weight: 400;
	right: 0;
	top: 17px;
	cursor: pointer;
}

.module-title .more:after {
	content: " ";
	position: relative;
	top: calc(50% - 8px);
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(//study-image.nosdn.127.net/79db9e143e524ed8aa0cc61da5ef14c5.png?imageView&quality=100);
	background-size: 14px 14px;
}

.module-title .more:hover {
	color: #ff3f29;
}

.module-title .more:hover:after {
	background-image: url(//study-image.nosdn.127.net/d209be2eef864126a2249361e153c4e3.png?imageView&quality=100);
	background-size: 14px 14px;
}

.open-module {
	width: 100%;
	margin-top: 40px;
}

.module-title {
	margin-bottom: 0;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}

.module-title .module-title-h1 {
	border-left: 5px solid rgb(5, 120, 251);
	padding-left: 10px
}

.fullmodule.open-module {
	width: 1200px;
}

.fullmodule.open-module .open-course-list_btn {
	width: 28px;
	height: 28px;
	top: calc(50% - 14px);
}

.fullmodule.open-module .open-course-list .left-btn {
	left: 19px;
}

.fullmodule.open-module .open-course-list .right-btn {
	right: 19px;
}

.fullmodule.open-module .open-course-list_window {
	width: 1072px;
	margin: 0 auto;
}

.open-course-list {
	height: 315px;
	margin-top: 16px;
	position: relative;
}

.open-course-list_btn {
	width: 42px;
	height: 50px;
	position: absolute;
	top: calc(50% - 25px);
}

.open-course-list_btn img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.open-course-list .left-btn {
	left: 0px;
}

.open-course-list .right-btn {
	right: 0px;
	transform: rotate(180deg);
}

.open-course-list_content {
	width: max-content;
	position: relative;
}

.open-course-list_content .open-course-card {
	float: left;
	margin: 0 12px 0 0;
}

.fullmodule.open-module .openCourselist2 {
	height: 310px;
}

.fullmodule.open-module .openCourselist2 .open-course-list_window {
	width: 1200px;
}

.fullmodule.open-module .openCourselist2 .open-course-list_window .open-card {
	width: 291px;
	height: 310px;
}

.fullmodule.open-module .openCourselist2 .open-course-list_window .open-card_img {
	height: 164px;
}

.f-dn {
	display: none;
}

.tool-entry-module {
	position: relative;
	font-size: 0px;
	width: 230px;
	height: 450px;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
	z-index: 9;
}

.tool-entry-module.show-more {
	height: auto;
}

.tool-entry-module.show-more .tool-entry-item:nth-last-child(2) {
	margin-bottom: 10px;
}

.tool-entry-module_title {
	font-size: 16px;
	color: #333;
	padding: 12px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #333333;
}

.tool-entry-module_more {
	position: absolute;
	height: 52px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding-top: 15px;
	box-sizing: border-box;
	background: #fff;
	cursor: pointer;
}

.tool-entry-module_more.hidden {
	display: none;
}

.tool-entry-module_more span {
	font-family: PingFang SC;
	font-size: 14px;
	font-weight: 600;
	color: #333333;
	margin-right: 5px;
}

.tool-entry-module_more img {
	position: relative;
	top: -2px;
	width: 8.5px;
	height: 8.5px;
}

.tool-entry-module .tool-entry-item {
	display: block;
	line-height: 0px;
	cursor: pointer;
}

.tool-entry-module .tool-entry-item:hover {
	background: rgba(255, 63, 41, 0.04);
}

.tool-entry-module .tool-entry-item_img {
	width: 230px;
	height: 58px;
}

.module-course {
	font-family: PingFang SC;
	width: 1200px;
	margin: 0 auto;
}

.module-course .course-module {
	margin-top: 50px;
}

.module-course .course-module .module-title {
	margin-bottom: 0;
}

.module-course .course-module_content {
	margin-top: 16px;
}

.module-course .course-module .course-list_card {
	margin-bottom: 0;
}

.ykt-image {
	background: #e4e7eb;
	position: relative;
}

.ykt-image .default_img {
	width: 110px;
	height: 33px;
	position: absolute;
	top: calc(50% - 16.5px);
	left: calc(50% - 55px);
}

.ykt-image .doload-img {
	width: 100%;
	height: 100%;
}

.course-list {
	width: 1200px;
	background-color: #f6f6f6 !important;
}

.course-list_card {
	float: left;
	margin: 0 12px 24px 0;
}

.course-list_card:nth-child(4n+4) {
	margin-right: 0;
}

.course-card {
	width: 291px;
	height: 351px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	font-family: PingFang SC;
	overflow: hidden;
	cursor: pointer;
}

.course-card:hover {
	border-color: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	transform: translateY(-5px);
}

.course-card:hover .course-card_enter {
	color: #f4ad0b;
}

.course-card_img {
	height: 164px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.course-card_img_img {
	width: 100%;
	height: 100%;
}

.course-card_img_jpk {
	width: 100%;
	height: 178px;
	position: absolute;
	left: 0;
	top: -7px;
}

.course-card_img_default {
	width: 110px;
	vertical-align: middle;
}

.course-card_content {
	padding: 8px 8px 12px;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
}

.course-card_content_header {
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	color: #333;
	margin-bottom: 12px;
}

.course-card_content_header .tag {
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	display: inline-block;
	padding: 0 4px;
	margin-right: 6px;
	color: #fff;
	border-radius: 3px;
	background: rgba(112, 120, 137, 0.6);
}

.course-card_content_header .tag.self-tag {
	background: rgba(255, 63, 41, 0.8);
}

.course-card_info {
	height: 17px;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	margin-bottom: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.course-card_teacher {
	padding-bottom: 14px;
	border-bottom: 0.5px solid rgba(153, 153, 153, 0.15);
	height: 65px;
	color: #666;
	height: 17px;
	font-size: 12px;
	line-height: 17px;
}

.course-card_enter {
	width: 100%;
	height: 22px;
	font-size: 16px;
	line-height: 22px;
	color: #666;
	margin-top: 16px;
	text-align: center;
}

.course-card_enter.disabled {
	color: #d0d0d0;
}

.course-time_time {
	display: inline-block;
	margin-right: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
}

.course-time_class {
	display: inline-block;
	padding-left: 9px;
	position: relative;
	vertical-align: top;
}

.course-time_class::before {
	content: " ";
	width: 1px;
	height: 10px;
	background: #c6c6c6;
	position: absolute;
	left: 0;
	top: 3px;
}

.open-card {
	width: 291px;
	height: 309px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	font-family: PingFangSC;
	cursor: pointer;
}

.open-card:hover {
	box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1);
	transform: translateY(0);
}

.open-card_img {
	height: 164px;
	width: 100%;
}

.open-card_img_img {
	width: 100%;
	height: 100%;
}

.open-card_content {
	color: #333;
	padding: 8px;
}

.open-card_content_time {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 4px;
}

.open-card_content_title {
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.open-card_content_title .tag {
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	display: inline-block;
	padding: 0 4px;
	margin-right: 6px;
	color: #fff;
	border-radius: 3px;
	background: rgba(112, 120, 137, 0.6);
	font-weight: 400;
	transform: translateY(-1px);
}

.open-card_content_title .tag.self-tag {
	background: rgba(255, 63, 41, 0.8);
}

.open-card_content_teacher {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.open-card_content_teacher .teacher-tag {
	height: 20px;
	line-height: 20px;
	background: rgba(255, 152, 48, 0.04);
	border: 0.5px solid rgba(255, 152, 48, 0.4);
	border-radius: 4px;
	color: #FF9830;
	font-size: 12px;
	display: inline-block;
	margin-left: 12px;
	padding: 0 4px;
	box-sizing: border-box;
}

.open-card_content_des {
	max-height: 18px;
	line-height: 18px;
	width: 235px;
	font-size: 12px;
	color: #888888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.openCard2 {
	width: 291px;
	height: 310px;
	margin-right: 12px;
}

.openCard2 .open-card_img {
	height: 164px;
}

.buy-info_index {
	margin-top: 14px;
	height: 35px;
	position: relative;
}

.buy-info_right {
	position: absolute;
	right: 0;
	bottom: 0;
}

.buy-info_right .price {
	display: inline-block;
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	color: #ff1d00;
}

.buy-info_right .price .yan {
	font-size: 12px;
}

.buy-info_right .sell-out {
	color: #b0b3b7;
	font-weight: 600;
}

.buy-info_right .origin-price {
	font-size: 14px;
	color: #a7b0b8;
	margin-right: 5px;
	text-decoration: line-through;
}

.buy-info_left {
	overflow: hidden;
	font-size: 12px;
	position: absolute;
	bottom: 0;
}

.buy-info_left .buy-limit {
	font-weight: 300;
	color: #ff9830;
	margin-bottom: 2px;
}

.buy-info_left .buy-count {
	color: #818a92;
	font-weight: 300;
}

.buy-info_left>span {
	display: block;
	height: 17px;
	line-height: 17px;
}

.buy-info_index .hideNum {
	margin-bottom: 4px;
}

.categoty-menu-item-container {
	line-height: 58px;
	height: 58px;
	/* background: #ffffff; */
	padding: 0 35px;
}

.categoty-menu-item-container:hover {
	background: #f6f6f6;
}

.categoty-menu-item {
	overflow: hidden;
	position: relative;
	white-space: nowrap;

	display: flex;
    align-items: center;
    /* line-height: 60px; */
}

.categoty-menu-item-name {
	color: #333333;
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
	margin-right: 9px;
	font-size: 22px;
}

.categoty-menu-item-name:hover {
	color: #ff3f29;
	text-decoration: underline;
}

.categoty-menu-item-sub {
	color: #777;
	display: inline-block;
	letter-spacing: -1px;
}

.categoty-menu-item-sub .separator {
	margin: 0px 3px;
}

.categoty-menu-item-sub-name {
	cursor: pointer;
}

.categoty-menu-item-sub-name:hover {
	color: #ff3f29;
	text-decoration: underline;
}

.categoty-menu-item-detail {
	display: none;
	box-sizing: border-box;
	position: absolute;
	width: 513px;
	min-height: 450px;
	background: #ffffff;
	border-radius: 0px;
	box-shadow: 10px 3px 16px 0px rgba(0, 0, 0, 0.1);
	padding: 24px;
	box-sizing: border-box;
	z-index: 999;


}

.categoty-menu-item-detail.show {
	display: block;
	left: 320px;
	top: 0px;
	font-size: 0px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.categoty-item-detail {
	position: relative;
}

.categoty-item-detail-recommend-imgs {
	margin-bottom: 24px;
	line-height: 0;
}

.categoty-item-detail-recommend-imgs_item {
	width: 226px;
	height: 58px;
	margin-right: 8px;
	border-radius: 12px;
	background: #FAFAFA;
	cursor: pointer;
}

.categoty-item-detail-recommend-imgs_item:hover {
	background: #F3F3F3;
}

.categoty-item-detail-recommend-imgs_item:last-child {
	margin-right: 0px;
}

.categoty-item-detail-title {
	display: inline-block;
	margin-bottom: 12px;
	cursor: pointer;
	user-select: none;
	font-family: PingFang SC;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	height: 20px;
}

.categoty-item-detail-title:hover {
	text-decoration: underline;
}

.categoty-item-detail-title_arrow[data-v-05e3ec32] {
	width: 0;
	height: 0;
	border-left: 5px solid #333;
	border-top: 3.5px solid #fff;
	border-bottom: 3.5px solid #fff;
	display: inline-block;
	vertical-align: middle;
	transform: translateY(-1px);
}

.categoty-item-detail-sub-item-list {
	overflow: hidden;
}

.categoty-item-detail-sub-item {
	line-height: 20px;
	width: 150px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 8px;
	float: left;
}

.categoty-item-detail-sub-item-title {
	font-size: 14px;
	margin-right: 24px;
	cursor: pointer;
	color: #666;
}

.categoty-item-detail-sub-item-title:hover {
	color: #ff3f29;
	text-decoration: underline;
}

.categoty-item-detail-quality-list {
	/* margin-top: 24px; */
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 10px;
}

.categoty-item-detail-quality-list-title {
	font-family: PingFang SC;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-bottom: 12px;
}

.categoty-item-detail-quality-list-course {
	display: block;
	float: left;
	/* margin-right: 12px; */
	text-decoration: none;
}

.categoty-item-detail-quality-list-course .img {
	display: block;
	width: 216px;
	height: 96px;
	border-radius: 4px;
}

.categoty-item-detail-quality-list-course .title {
	height: 34px;
	width: 146px;
	font-family: PingFang SC;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 8px;
}

.categoty-item-detail-quality-list-course:nth-child(4) {
	margin-right: 0;
}

.categoty-item-detail-quality-list .clearfix {
	overflow: hidden;
}

.uc-recommend-list-row {
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;
}

.uc-recommend-list-row-tit {
	margin-top: 50px;
	margin-bottom: 44px;
	font-size: 24px;
	color: #333;
	height: 31px;
	line-height: 31px;
}

.m-module-4 .uc-recommend-list-row-r {
	height: 170px !important;
}

.uc-recomend-series-list {
	overflow: hidden;
}

.uc-recomend-series {
	float: left;
	margin: 0 12px 32px 0;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}

.uc-recomend-series:last-child {
	margin-right: 0px;
}

.uc-recomend-series a.j-href {
	display: block;
	text-decoration: none;
}

.uc-recomend-series:hover .uc-recomend-series-img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

.uc-recomend-series-img {
	overflow: hidden;
}

.uc-recomend-series-img img {
	display: block;
	width: 291px;
	height: 170px;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
}

.uc-recomend-series-container {
	position: absolute;
	width: 246px;
	height: 76px;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	top: 76px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(//nos.netease.com/edu-image/E46FA261C21E4F1C430EB576E8B32F26.png) no-repeat;
}

.uc-recomend-series-title h3 {
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	margin: 14px 0 3px;
	color: #333;
	overflow: hidden;
}

.uc-recomend-series-des p {
	font-size: 14px;
	height: 19px;
	line-height: 19px;
	margin: 0;
	color: #666;
	overflow: hidden;
}


/* Banner区域  */
.banner-section {
	background: url('../images/banner/index.jpg') center center no-repeat;
	background-size: cover;
	min-height: 500px;
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}

.banner-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	background: radial-gradient(circle at 70% 50%, rgba(26, 109, 187, 0.1) 0%, rgba(26, 109, 187, 0.05) 30%, transparent 70%);
}

.banner-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	width: 1200px;
}

/* 左侧分类菜单 - 高度与Banner一致 */
.category-menu {
	background-color: rgba(255, 255, 255, 0.95);
	width: 280px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	height: 500px;
	/* 与Banner高度匹配 */
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 10;
}

.category-item {
	padding: 15px 20px;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	position: relative;
}

.category-item:hover {
	background-color: var(--light-blue);
}

.category-item.active {
	background-color: var(--light-blue);
	color: var(--primary-blue);
}

.category-name {
	font-size: 16px;
	font-weight: 500;
}

.category-desc {
	font-size: 13px;
	color: var(--light-text);
	margin-top: 3px;
}

.category-icon {
	color: var(--light-text);
	font-size: 12px;
}

.category-item {
	position: relative;
}

.category-dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	width: 600px;
	background: #fff;
	border-radius: 0 10px 10px 0;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 1000;
	padding: 20px;
}

.category-item:hover .category-dropdown {
	display: block;
}

.dropdown-column {
	flex: 1;
	padding: 0 15px;
}

.dropdown-column:first-child {
	border-right: 1px solid #eee;
}

.dropdown-column:nth-child(2) {
	border-right: 1px solid #eee;
}

.dropdown-column h4 {
	font-size: 15px;
	color: var(--primary-blue);
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--light-blue);
}

.dropdown-column a {
	display: block;
	font-size: 13px;
	color: var(--dark-text);
	padding: 6px 0;
	transition: all 0.2s;
}

.dropdown-column a:hover {
	color: var(--primary-blue);
	padding-left: 5px;
}

/* Banner主要内容 */
.banner-main {
	flex: 1;
	margin-left: 40px;
	color: var(--dark-text);
}

.banner-subtitle {
	font-size: 18px;
	color: var(--primary-blue);
	font-weight: 600;
	margin-bottom: 10px;
}

.banner-title {
	font-size: 42px;
	font-weight: 800;
	color: var(--dark-text);
	margin-bottom: 20px;
	line-height: 1.2;
}

.banner-desc {
	font-size: 18px;
	color: var(--light-text);
	margin-bottom: 30px;
	line-height: 1.5;
}

.banner-features {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 30px;
}

/* 右侧图标区域 */
.banner-icons {
	width: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.icon-circle {
	width: 100px;
	height: 100px;
	background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	box-shadow: 0 5px 15px rgba(26, 109, 187, 0.3);
}

.icon-circle i {
	font-size: 40px;
	color: white;
}

.icon-text {
	text-align: center;
	font-size: 16px;
	color: var(--primary-blue);
	font-weight: 600;
}

/* 我们的特色 */
.height-30 {
	height: 30px
}

.our_tese {
	padding: 20px 0;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	height: auto;
}

.tese_block {
	display: flex;
	align-items: center;
	flex: 1;
	/* 均分宽度 */
	padding: 0 16px;
	/* 左右内边距，避免内容贴边 */
	box-sizing: border-box;
}

/* 右侧分隔线：除了最后一个 */
.tese_block:not(:last-child) {
	border-right: 1px solid #ebebeb;
}

.tese_block img {
	width: 58px;
	height: 58px;
	margin-right: 5px;
	/* 图片与文字间距 */
}

.text_block h1 {
	font-size: 20px;
	margin: 0;
	font-weight: bold;
	color: #333;
}

.text_block p {
	font-size: 14px;
	color: #666;
}

/**------最新推荐----------------------开始------------------**/
:root {
	--primary-blue: #1a6dbb;
	--secondary-blue: #2c8ae6;
	--light-blue: #e6f2ff;
	--accent-orange: #ff6b35;
	--dark-text: #333333;
	--light-text: #666666;
	--white: #ffffff;
	--border-color: #e8e8e8;
	--light-gray: #f5f7fa;
}

body {
	background-color: #f8fafc;
	color: var(--dark-text);
	line-height: 1.6;
}



/* 主内容区域 */
.training-page {
	height: 520px;
	display: flex;
	background-color: var(--white);
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}

/* 左侧广告区域 */
.training-ad {
	width: 300px;
}

.training-ad img {
	width: 100%;
	height: 100%
}

/* 中间推荐区域 */
.training-recommend {
	width: calc(100% - 680px);
	padding: 30px;
	border-right: 1px solid var(--border-color);
	display: flex;
	flex-direction: column;
}

.section-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.hot-classes {
	margin-bottom: 30px;
}

.hot-classes-list {
	display: flex;
	gap: 10px;
}

.hot-classes-list .class-item img {
	border-radius: 10px;
	width: 250px;
	height: 88px;
}

.hot-classes-list .class-item img:hover {
	transform: scale(1.02);
}

.opening-classes {
	flex: 1;
}

.opening-list {
	max-height: 280px;
	overflow-y: auto;
}

.opening-item {
	display: flex;
	align-items: center;
	padding: 2px 0;
}

.opening-item:last-child {
	border-bottom: none;
}

.opening-campus {
	font-size: 12px;
	color: var(--primary-blue);
	background-color: var(--light-blue);
	padding: 3px 8px;
	border-radius: 4px;
	margin-right: 10px;
	white-space: nowrap;
	width: 60px;
	text-align: center;
}

.opening-name {
	font-size: 14px;
	width: 49%;
}

.opening-date {
	font-size: 12px;
	color: var(--light-text);
	width: 20%;
}

.opening-icon-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 20px;
	margin-top: 33px
}

.opening-icon-list .opening-icon {
	display: flex;
	width: 100%;
	padding: 8px;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	justify-content: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.opening-icon-list .opening-icon:hover {
	transform: scale(1.02);
}

.opening-icon-list .opening-icon img {
	width: 30px;
}

.opening-icon-list .opening-icon a {
	font-size: 16px;
	margin: 5px 0 0 5px;
	font-weight: 500;
}

/* 新增 opening-table star */
.opening-list {
	max-height: 400px;
	overflow-y: auto;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	background: #fff;
}

.opening-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14px;
	color: #333;
	table-layout: fixed;
}

.opening-table thead th {
	background-color: #4472c4;
	color: #fff;
	padding: 11px 8px;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
}

.opening-table thead th:first-child {
	border-radius: 8px 0 0 0;
	text-align: left;
	padding-left: 16px;
}

.opening-table thead th:last-child {
	border-radius: 0 8px 0 0;
}

.opening-table thead th:nth-child(1) {
	width: 10%;
}

.opening-table thead th:nth-child(2) {
	width: 20%;
}

.opening-table thead th:nth-child(3) {
	width: 10%;
}

.opening-table thead th:nth-child(4) {
	width: 10%;
}

.opening-table thead th:nth-child(5) {
	width: 20%;
}

.opening-table thead th:nth-child(6) {
	width: 13%;
}

.opening-table tbody tr {
	background-color: #fff;
	transition: background-color 0.2s;
}

.opening-table tbody tr:nth-child(even) {
	background-color: #f5f7fa;
}

.opening-table tbody tr:hover {
	background-color: #eef5ff;
}

.opening-table tbody td {
	padding: 11px 8px;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	font-size: 13px;
}

.opening-table tbody td:first-child {
	text-align: left;
	padding-left: 16px;
	font-weight: 500;
}

.opening-table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}

.opening-table tbody tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
}

.opening-table tbody tr:last-child td {
	border-bottom: none;
}

.opening-table tbody tr td .faq-trigger-btn {
	background: #ffffff00;
	color: #4472c4;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
}

.opening-table tbody tr td .faq-trigger-btn:hover {
	color: #ff3f29;
	text-decoration: underline;
}



.opening-list::-webkit-scrollbar {
	width: 6px;
}

.opening-list::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.opening-list::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 3px;
}

/* 新增 opening-table end */
/* 右侧问答区域 */
.training-qa {
	width: 260px;
	padding: 30px;
	display: flex;
	flex-direction: column;
}

.training-qa h2 {
	display: flex;
	justify-content: space-between;
}

.training-qa h2 .qa-button {
	padding: 5px 20px;
	background: #fff;
	border: 1px solid #5595ff;
	font-size: 14px;
	color: #5595ff;
}

.training-qa h2 .qa-button i {
	margin-right: 10px;
}

.training-qa h2 span {
	margin-top: 8px;
}

.qa-list {
	flex: 1;
	margin-bottom: 20px;
}

.qa-item {
	display: flex;
	align-items: center;
	padding: 8px 0;
	cursor: pointer;
	transition: all 0.2s;
}

.qa-item:hover .qa-question {
	color: var(--primary-blue);
}

.qa-number {
	width: 20px;
	height: 20px;
	background-color: #1980FA;
	border-radius: 5PX;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	margin-right: 10px;
}

.qa-question {
	flex: 1;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 260px;
}


.qa-actions {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.qa-button {
	padding: 12px 20px;
	border-radius: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
}

.qa-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.btn-group {
	background-color: var(--primary-blue);
	color: var(--white);
}

.btn-trial {
	background-color: var(--accent-orange);
	color: var(--white);
}


/**------优势服务----------------------开始------------------**/
/* TAB导航区域 - 根据图片重新设计 */
.tab-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	gap: 20px;
}

/* 每个TAB按钮样式 - 完全按照图片设计 */
.tab-button {
	flex: 1;
	/* 平均平铺 */
	background-color: #ffffff;
	border: none;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
	text-align: left;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	margin-bottom: 20px;
}

/* 移除第一个按钮的左边框 */
.tab-button:first-child {
	border-left: none;
}

.tab-button:hover {
	background-color: #f8f9fa;
}

/* 选中的TAB按钮样式 - 底部有蓝色边框 */
.tab-button.active {
	border-bottom: 5px solid #00f5fe;
}

/* 按钮内容容器 */
.tab-content {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 20px;
	justify-content: center;
}

/* 左侧数字 - 灰色 */
.tab-number {
	font-size: 24px;
	font-weight: 600;
	color: #666;
	/* 灰色数字 */
	min-width: 40px;
}

/* 右侧文本 - 深灰色 */
.tab-text {
	text-align: left;
	color: #333;
	/* 深灰色文字 */
}

.tab-main-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

/* 内容区域 */
.content-section {
	display: none;
	animation: fadeIn 0.5s ease-in-out;
}

.content-section.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/**------优势服务----------------------结束------------------**/


/**------师资团队轮播样式----------------------开始------------------**/
/* 轮播图容器 */
.slider-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.slider {
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-inner {
	display: flex;
	transition: transform 0.5s ease-in-out;
	height: 100%;
}

/* 单个讲师卡片 */
.slide {
	flex: 0 0 20%;
	/* 一行显示5个讲师 */
	height: 100%;
	/* padding: 0 10px; */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.slide:hover {
	transition: transform 0.5s ease-in-out;
}

.instructor-photo {
	position: relative;
	overflow: hidden;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 230px;
	height: 265px;
	text-align: center;
}

.instructor-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.instructor-photo:hover img {
	transform: scale(1.05);
}

.instructor-info {
	text-align: center;
	width: 230px;
	display: flex;
	gap: 10px;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	border-radius: 0 0 15px 15px;
	margin-top: 0;
}

.instructor-name {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	text-indent: 15px;
	margin-bottom: 0;
}

.instructor-title {
	font-size: 14px;
	color: #666;
}

.try-button {
	display: inline-block;
	padding: 8px 20px;
	background-color: #1a6dbb;
	color: white;
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s;
	border: none;
	cursor: pointer;
}

.try-button:hover {
	background-color: #155fa3;
	transform: translateY(-2px);
	box-shadow: 0 5px 10px rgba(26, 109, 187, 0.3);
}

/* 左右箭头 */
.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
	border-radius: 50%;
	font-size: 24px;
	color: #1a6dbb;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
	z-index: 10;
}

.arrow:hover {
	background-color: #1a6dbb;
	color: white;
}

.arrow-left {
	left: 20px;
}

.arrow-right {
	right: 20px;
}

/* 指示点 */
.dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s;
}

.dot.active {
	background-color: #1a6dbb;
	transform: scale(1.2);
}

/* 响应式调整 */
@media (max-width: 1200px) {
	.slide {
		flex: 0 0 33.333%;
		/* 一行显示3个 */
	}
}

@media (max-width: 992px) {
	.slide {
		flex: 0 0 50%;
		/* 一行显示2个 */
	}
}

@media (max-width: 768px) {
	.slide {
		flex: 0 0 100%;
		/* 一行显示1个 */
	}
}

/* 现代立体师资卡片样式 */
.teacher-card {
	position: relative;
	width: 100%;
	height: 450px;
	perspective: 1000px;
	margin: 0 auto;
}

.card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
	border-radius: 20px;
	overflow: hidden;
	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.08),
		0 1px 3px rgba(0, 0, 0, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: 2;
}

.teacher-card:hover .card-inner {
	transform: translateY(-8px) scale(1.02);
	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.15),
		0 5px 15px rgba(0, 0, 0, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.card-shadow {
	position: absolute;
	bottom: -15px;
	left: 10%;
	width: 80%;
	height: 20px;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, transparent 70%);
	border-radius: 50%;
	filter: blur(10px);
	transition: all 0.4s ease;
	z-index: 1;
}

.teacher-card:hover .card-shadow {
	bottom: -25px;
	opacity: 0.6;
	transform: scale(1.1);
}

.card-image-wrapper {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	/*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
}

.image-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.teacher-image {
	width: auto;
	max-width: 85%;
	height: auto;
	max-height: calc(100% - 40px);
	object-fit: cover;
	display: block;
	margin: 20px auto;
	transition: transform 0.5s ease;
	filter: brightness(0.95);
}

.teacher-card:hover .teacher-image {
	transform: scale(1.1);
	filter: brightness(1);
}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.1) 60%,
			rgba(0, 0, 0, 0.3) 100%);
	transition: all 0.4s ease;
}

.teacher-card:hover .image-overlay {
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.05) 60%,
			rgba(0, 0, 0, 0.2) 100%);
}

.card-badge {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
	z-index: 3;
	animation: pulse 2s infinite;
}

@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
		box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
	}

	50% {
		transform: scale(1.05);
		box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
	}
}

.badge-text {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}

.card-content {
	position: relative;
	padding: 20px 25px;
	background: #fff;
	height: 190px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}

.teacher-name {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a2e;
	margin: 0;
	line-height: 1.3;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	transition: all 0.3s ease;
}

.teacher-card:hover .teacher-name {
	transform: translateX(5px);
}

.teacher-desc {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.6;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.card-decoration {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #667eea 100%);
	background-size: 200% 100%;
	animation: shimmer 3s linear infinite;
}

@keyframes shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

/* 响应式调整 */
@media (max-width: 1200px) {
	.teacher-card {
		height: 440px;
	}

	.card-image-wrapper {
		height: 280px;
	}

	.card-content {
		height: 160px;
	}

	.teacher-name {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.teacher-card {
		height: 400px;
	}

	.card-image-wrapper {
		height: 250px;
	}

	.card-content {
		padding: 15px 20px;
	}

	.teacher-name {
		font-size: 18px;
	}

	.teacher-desc {
		font-size: 13px;
	}
}

/**------师资团队轮播样式----------------------结束------------------**/

/* 新版师资卡片 star */
.slider .slider-inner {
	width: 1200px;
	/* margin: 0 auto; */
	position: relative;
	gap: 20px;
}


.slider .swiper-slide {
	height: 326px;
	background: #fff;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative;

	/* flex: 0 0 22%; */
	flex: 0 0 23%;
}

.slider .swiper-slide .swiper-main_top {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slider .swiper-slide .swiper-main_top img {
	transition: all .5s;
	width: 90%;
	transform: scale(1.05);
	position: absolute;
	bottom: 0;
	left: 14px;
	transform-origin: bottom;
}

.slider .swiper-slide:hover .swiper-main_top img {
	transform: scale(1.1)
}

.slider .swiper-slide .swiper-main_bottom {
	width: 100%;
	height: 66px;
	flex: none;
	display: flex;
	align-items: center;
	padding: 0 14px;
	box-sizing: border-box
}

.slider .swiper-slide .teacher-name {
	font-size: 18px;
	color: #242f3e;
	font-weight: 700;
	margin-right: 8px;
	flex: none
}

.slider .swiper-slide .teacher-title {
	font-size: 14px;
	color: #53586c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.slider .swiper-slide .teacher-info-mask {
	width: 100%;
	height: 0;
	padding: 20px 20px 0;
	box-sizing: border-box;
	background: rgba(15, 20, 31, .7);
	border-radius: 10px 10px 0 0;
	backdrop-filter: blur(10px);
	position: absolute;
	top: 260px;
	left: 0;
	transition: all .5s;
	/* animation: move-4c8e1988 infinite */
}

.slider .swiper-slide .teacher-info-mask .teacher-desc {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	color: #fff;
	line-height: 18px
}

.slider .swiper-slide .teacher-info-mask .teacher-info {
	margin-top: 19px;
	width: 100%;
	height: 132px;
	font-size: 14px;
	font-family: Source Han Sans CN, Source Han Sans CN-Regular;
	font-weight: Regular;
	text-align: left;
	color: #fff;
	line-height: 22px;
	word-break: break-all;
	letter-spacing: .4px;
	white-space: wrap;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	text-overflow: ellipsis;
	overflow: hidden
}

.slider .swiper-slide:hover .teacher-info-mask {
	display: block;
	height: 260px;
	top: 0
}

.slider .audition-box {
	width: 124px;
	position: absolute;
	bottom: 78px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	height: 30px;
	background: #e5ecfe;
	border-radius: 19px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 9px 0 3px;
	cursor: pointer
}

.slider .audition-box span {
	font-size: 13px;
	color: #2383d2;
	font-weight: 700;
	padding: 0 5px
}

.slider .audition-box img:first-child {
	width: 24px;
	height: 24px
}

.slider .audition-box img:last-child {
	width: 19px;
	height: 13px
}

/* 新版师资卡片 end */

/* 新版 优秀服务tabItem star */
.tab-home-about-container {
	max-width: 1400px;
	border-radius: 8px;
	border: 1px solid rgba(208, 229, 251, 0.8);
	background: linear-gradient(115deg, rgba(241, 249, 255, 0.96) 0%, rgba(224, 238, 251, 0.93) 58%, rgba(215, 231, 247, 0.92) 100%), radial-gradient(circle at 88% 20%, rgba(149, 187, 224, 0.2) 0%, rgba(149, 187, 224, 0) 65%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
	padding: clamp(10px, 1.1vw, 13px) clamp(12px, 1.3vw, 16px) clamp(14px, 1.8vw, 19px);
}

.tab-home-about-container .tab-title {
	margin: 0;
	color: #0f1f33;
	font-size: clamp(20px, 2.3vw, 22px);
	line-height: 1.2;
	font-weight: 700;
}

.tab-home-about-container .tab-desc {
	margin: 12px 0 9px;
    /* padding-top: 11px; */
    border-top: 1px solid rgba(143, 174, 204, 0.45);
    font-size: clamp(11px, 0.9vw, 15px);
    line-height: 1.65;
    color: #3f556b;
    font-weight: 600;

    display: flex;
    align-items: center;

    height: 85px;
}

.tab-home-about-container .tab-desc .tab-desc-text {
	color: #3f556b;
	font-weight: 600;
	font-size: 15px;

}

.tab-home-about-container .tab-desc .highlight-text {
	font-size: 17px;
	color: #0062b9;
}

/* tab-body-1 star */
.tab-home-about-container .tab-body-1 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-1 .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(6px, 0.8vw, 9px);

	height: 347px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .gallery-left-item {
	background: #fff;
	border: 1px solid #e2f1ff;
	border-radius: 10px;
	padding: 7px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .gallery-left-item .img-wrap {
	width: 100%;
	height: 155px;

	overflow: hidden;
	border-radius: 6px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .gallery-left-item .img-wrap img {
	width: 100%;
	/* height: clamp(80px, 9.5vw, 120px); */
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);
	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-left .img-wrap img:hover {
	transform: scale(1.2);
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-right {
	overflow: hidden;

	height: 347px;
	border-radius: 6px;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-right img {
	width: 100%;
	height: 100%;
	/* height: clamp(170px, 20vw, 250px); */
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);
	object-fit: cover;

	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body-1 .tab-gallery .tab-gallery-right:hover img {
	transform: scale(1.2);
}

/* tab-body-1 end */

/* tab-body- star */
.tab-home-about-container .tab-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(196px, 21vw, 300px);
	gap: clamp(8px, 1vw, 12px);
	height: 347px;
}

.tab-home-about-container .tab-body .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-left {
	overflow: hidden;
	border-radius: 6px;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-left img {
	/* width: 100%;
	height: 100%; */
	/* height: clamp(170px, 20vw, 250px); */
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);
	object-fit: cover;

	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-left:hover img {
	transform: scale(1.2);
}


.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(6px, 0.8vw, 9px);
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right .gallery-right-item {
	overflow: hidden;
	border-radius: 6px;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right img {
	/* width: 100%; */
	/* height: clamp(80px, 9.5vw, 120px); */
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid rgba(194, 214, 236, 0.8);

	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body .tab-gallery .tab-gallery-right img:hover {
	transform: scale(1.2);
}

.tab-home-about-container .tab-body .tab-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: clamp(6px, 1.8vw, 17px);
	padding: 30px 15px 30px 15px;
	background: #fff;
	border-radius: 10px;
}

.tab-home-about-container .tab-body .tab-list li {
	border-radius: 5px;
	background: #f4f6fb;
	display: flex;
	align-items: center;
	padding: 0 clamp(8px, 1vw, 12px) 0 clamp(8px, 1vw, 12px);
	position: relative;
	color: #27313f;
	font-size: clamp(11px, 0.95vw, 13px);
	line-height: 1.2;
}

.tab-home-about-container .tab-body .tab-list li img {
	width: 19px;
	height: 13px;
	margin-right: 5px;
}

.tab-home-about-container .tab-body .tab-list li span {
	font-size: 14px;
	font-weight: 600;
}

/* tab-body end */

/* tab-body-3 star */
.tab-home-about-container .tab-body-3 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-3 .tab-gallery {
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-left {
	height: 347px;

	display: flex;
    justify-content: center;
    align-items: center;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-left img {
	width: 92%;
	height: 92%;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 347px;
	flex-wrap: wrap;
	margin-left: 20px;
	justify-content: center;

	padding-top: 15px;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right .link-item {
	margin-bottom: 22px;
	width: 387px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #fff;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	color: #3a3d4b;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right .link-item:hover {
	color: #f8323c;
}

.tab-home-about-container .tab-body-3 .tab-gallery .tab-gallery-right .link-item .num {
	margin-right: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAh1BMVEUAAACCzv9fqv9+yf9YpP9/y/+AzP9dqf+Bz/9dqf9WoP+Bzf+Azf9hrP9kr/9Zo/9cp/9fqv9lsP9Tnv9irf9NmP9ZpP9Wof9os/9suP9Qm/9Gkf9KlP9yvv9ptv9Djf9vvP90wP92w/9uuv9Aiv94xf8+iP98yf96x/88hf85g/9/zP83gP/BPhiMAAAAEHRSTlMAVFPz29mlpYqK89zc3NlWVfGx2AAAAVBJREFUSMeVkNl2gkAUBNs9e0gEFRHXCCr8//elcYZcc0KSnvtc1Wem4K43Hg3K8nQ6Ho/7/X63y/N8u90e0jRdrxeLxTsvjuM3nsMfq6r0vMdz4l18BN5d5XkKxjv8Ox9F0S3vn7NreduPv3gKPdu/5Q8/+UaYAU/6PvkZevbf7n0KxlMYd/VJf+XnGJVaf8/PMRD6G09B7e/5KaQ+xk+h9DeeQtg+Bam/8Uuo/Z2wpCD0t30KUn/jE0j9jU+g9DGegtLfeAph+8kKSn/jKSj9bX9FQeyftALxED6D1t/h5DMofYynIPS39/AQtp9toPYn7wSlv+1vNpB7tkIg/wGpv/EU5D4NT0Htnzm+QNh+UUDtT544hRehv+2fz5gEvP8q9HWe+PkCPEv9ibdCX+1TEL9QwL38fvI1GkPfr68C+sN/+hvvBOB1Mnz4u7/n608eIdwzHIfmVgAAAABJRU5ErkJggg==);
	background-position: 0 0;
	background-size: 48px 48px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	border-radius: 10px 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

/* tab-body-3 end */

/* tab-body-4 star */
.tab-home-about-container .tab-body-4 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-4 .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 25px;
	row-gap: 8px;
	height: 347px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap {
	width: 100%;
	height: 170px;

	position: relative;
	background: linear-gradient(180deg, rgba(10, 63, 148, 0) 23%, rgba(9, 16, 32, .72));
	border-radius: 4px;
	overflow: hidden;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	z-index: 1;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;

	object-fit: cover;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .titlle {
	position: absolute;
	left: 16px;
	top: 134px;
	height: 15px;
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	color: #fff;
	line-height: 15px;
	transition: all .3s;

	z-index: 10;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .title-line {
	margin-top: 10px;
	width: 85px;
	height: 3px;
	background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
	z-index: 10;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap .sub-title {
	position: absolute;
	left: 16px;
	top: 170px;
	opacity: .8;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	color: #fff;
	line-height: 13px;
	transition: all .3s;
	z-index: 10;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap:hover .titlle {
	top: 105px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-left .img-wrap:hover .sub-title {
	top: 145px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right {
	margin-left: 10px;
	background: #fff;
	border: 1px solid #e2f1ff;
	border-radius: 10px;
	padding: 12px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right .img-wrap {
	overflow: hidden;
	border-radius: 10px;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right .img-wrap img {
	border-radius: 10px;
	width: 100%;
	height: 323px;
	object-fit: cover;
	transition: transform .5s ease-in-out;
}

.tab-home-about-container .tab-body-4 .tab-gallery .tab-gallery-right .img-wrap img:hover {
	transform: scale(1.2);
}

/* tab-body-4 end */

/* tab-body-5 star */
.tab-home-about-container .tab-body-5 {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(8px, 1vw, 12px);
}

.tab-home-about-container .tab-body-5 .tab-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: clamp(6px, 0.8vw, 9px);
	height: 347px;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item {
	position: relative;
	transition: all .5s;
	height: 347px;
	overflow: hidden;
	border-radius: 10px;
}

/* .tab-home-about-container .tab-body-5 .tab-gallery .gallery-item:hover {
	transform: translateY(-10px);
} */
.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item img {
	/* border-radius: 5px; */
	height: 310px;

	width: 100%;
    border-radius: 15px 15px 0 0;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info {
	width: 335px;
	height: 143px;
	padding: 20px 16px 0;
	box-sizing: border-box;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .8), #fff 52%);
	border-radius: 10px;
	backdrop-filter: blur(10px);
	transform: translateY(-30px);
	backdrop-filter: blur(5px);
	transition: all .5s;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item:hover .gallery-info {
	transform: translateY(-105px);
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info .title {
	margin-top: 6px;
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 700;
	color: #202228;
	line-height: 15px;
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info .title-line {
	margin-bottom: 12px;
	width: 181px;
	height: 5px;
	filter: sepia(1) saturate(5) hue-rotate(202deg) brightness(0.88);
}

.tab-home-about-container .tab-body-5 .tab-gallery .gallery-item .gallery-info .desc {
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	color: #77798d;
	line-height: 18px;
}

/* tab-body-5 end */

/* 新增优秀服务  end*/

/*  新增 常见问题 star */
.cjwt_l {

	width: 750px;

	height: 272px;

	background: #fff;

	padding: 20px 10px 0 20px;

	overflow: hidden;

}

.sy_title {

	height: 22px;

	line-height: 22px;

	padding-bottom: 20px;
}

.cjwt_l ul {

	margin-left: -45px;

	display: table;

	display: grid;
    grid-template-columns: repeat(2, 1fr);

}

.cjwt_l ul li {

	height: 26px;

	/* width: 289px; */

	line-height: 26px;

	margin-left: 45px;

	margin-bottom: 20px;

}

.cjwt_l ul li:nth-child(even) {
	/* margin-left: 120px; */
}


.cjwt_l ul li span {

	width: 26px;

	height: 26px;

	font-size: 12px;

	color: #FFF;

	text-align: center;

	line-height: 26px;

	margin-right: 12px;

	background: #2c99f4;

}

.cjwt_l ul li>button {
	background: #fff;
	display: inline-block;
	text-decoration: none;
	color: #3c495a;
	background: #fff;
	cursor: pointer;
}

.cjwt_l ul li>button:hover {
	color: #125696;

}



.cjwt_r {

	/* width:272px; */

	padding: 20px;

	background: #fff;

}

.cjwt_r ul {

	/* display:table; */

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 两列 */
	/* gap: 10px 20px;  */

}

.cjwt_r ul li {

	width: 262px;

	height: 30px;

	font-size: 14px;

	line-height: 30px;

	padding-left: 10px;

	background: url(http://www.mede.com.cn/images/ghzx_bg.jpg) 0px 13px no-repeat;



}

.cjwt_r ul li a {
	width: 262px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

/*  新增 常见问题 end */


/*  新增 干货资讯 star */
.dszx {
	width: 1400px;
	overflow: hidden;
}

.dszxT {
	height: 56px;
}

.dszxT ul {
	width: 1400px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
}

.dszxT ul li {
	float: left;
	/* margin-right: 20px; */
}

.dszxT ul li a {
	display: inline-block;
	width: 181px;
	text-align: center;
	height: 54px;
	line-height: 54px;
	font-size: 20px;
	color: #095199;
	border-radius: 8px;
	border: solid 1px #095199;
}

.dszxT ul li.con03Cur a {
	display: inline-block;
	background: #095199;
	color: #fff;
}

.dszxT ul li a:hover {
	display: inline-block;
	background: #095199;
	color: #fff;
}

.dszxBon {
	overflow: hidden;
	margin-top: 30px;
	display: none;
}

.dszx_l {
	display: table;
}

.dszx_l .tuijian {
	width: 850px;
	display: table;
}

.dszx_l .tuijian .chart,
.chart img {
	width: 425px;
	height: 200px;
}

.dszx_l .tuijian .writing {
	overflow: hidden;
}

.dszx_l .tuijian .writing h3 {
	width: 387px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;

	white-space: nowrap;     /* 强制单行 */
    text-overflow: ellipsis; /* 超出显示省略号 */
}

.dszx_l .tuijian .writing h3>a {
	display: block;          
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.dszx_l .tuijian .writing .content {
	width: 387px;
    height: 160px;
    line-height: 180%;
    overflow: hidden;

	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dszx_l .tuijian .writing .content .writing-content-desc {
	line-height: 27px;
}

.dszx_l .tuijian .writing .content .writing-content-time {
	display: flex;
    column-gap: 10px;
    justify-content: end;
    color: #999;
    font-size: 16px;
}

.dszx_l .article {
	margin-top: 15px;
	border-top: solid 1px #f2f2f2;
}

.dszx_l .article ul {
	width: 850px;
	padding-top: 10px;
}

.dszx_l .article ul li {
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	font-size: 16px;
	background: url(http://www.mede.com.cn/images/ghzx_bg.jpg) 0px 13px no-repeat;
}

.dszx_l .article ul li .span1 {
	padding-right: 10px;
}

.dszx_l .article ul li .span2 {
	width: 410px;
	height: 32px;
	overflow: hidden;
}

.dszx_l .article ul li .span3 {
	color: #999;
}

.dszx_r {
	width: 450px;
	height: 354px;
	overflow: hidden;
}

/* 	新增 干货资讯 end */