@charset "utf-8";

/* CSS Document */
body,
html {
	margin: 0;
	padding: 0;
	font: 14px;
	color: #222;
	font-family: "Source Han Sans CN";
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	position: relative;
	height: 100%;
	background: #F2F2F2 url(../images/line.png) top center;
}

html {
	overflow-x: hidden;
}

div {
	box-sizing: border-box;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

em,
i {
	font-style: normal
}

ul,
li,
dl,
dt,
dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a,
a:hover,
img {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

a,
a:hover {
	color: #424242;
	text-decoration: none;
}

a:hover {
	color: #0999B5;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.mtp0 {
	margin-top: 0 !important;
}

.mtp20 {
	margin-top: 20px
}

.mtp40 {
	margin-top: 40px !important;
}

.mtp70 {
	margin-top: 70px
}

.clear {
	clear: both;
}

.colr01 {
	color: #fff !important;
}

::-webkit-scrollbar {
	display: none
}

img {
	border: none;
}

/* 以上全局 */
.banner {
	width: 100%;
	margin-top: 120px;
	position: relative;
}

.banner_txt {
	width: 90%;
	height: 100%;
	position: absolute;
	left: 5%;
	right: 5%;
	top: 0;
	margin: 0 auto;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	transform: translateY(-40px);
	transition: all 1.5s ease 0s;
}

.banner_txt p {
	width: 100%;
	font-size: 68px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.banner_txt p.tet {
	font-size: 50px;
	font-weight: normal;
}

.banner img {
	width: 100%;
}

/* 第一部分 */
.in_part01_z {
	width: 100%;
	background: url(../images/in_part1_bg.png) no-repeat bottom center;
}

.in_part01,
.sub_kechxshi01 {
	width: 100%;
	max-width: 1440px;
	margin: 80px auto 0 auto;
	transition: transform 0.3s ease;
	transition: all 1.5s ease 0s;
}

.in_part01 .title h2,
.sub_kechxshi01 .title h2 {
	text-align: center;
	font-size: 54px;
	font-weight: 600;
	color: #222;
	transition: all 1.5s ease 0s;
}

.in_part01 .title h2 strong,
.sub_kechxshi01 .title h2 strong {
	color: #F56C2F;
}

.in_part01 .title h3,
.sub_kechxshi01 .title h3 {
	text-align: center;
	font-size: 30px;
	color: #666666;
	padding-top: 10px;
	transition: transform 0.3s ease;
}

.in_part01_cont {
	width: 100%;
	max-width: 1440px;
	transition: transform 0.3s ease;
	margin: 0 auto;
}

/* 网格布局核心样式 */
.grid-container {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 20px;
	padding: 80px 0 160px 0;
	transition: all 1.5s ease 0s;
}

.grid-item {
	background: white;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	transition: all 0.4s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: all 1.5s ease 0s;
}

.grid-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	background: linear-gradient(135deg, #2DB3CE, #0092AF);
}

/* 悬停效果：背景变蓝，图标和文字变白 */
.grid-item:hover::before {
	background: white;
}

.grid-item:hover .item-icon,
.grid-item:hover .item-title,
.grid-item:hover .item-content {
	color: white;
}

.grid-item:hover .item-icon {
	border: #fff solid 1px;
}

.item-icon {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	border: #0999B5 solid 1px;
	display: inline-block;
	line-height: 80px;
	font-size: 46px;
	color: #0999B5;
	margin: 20px 0;
}

.item-title {
	font-size: 28px;
	margin-bottom: 10px;
	color: #2c3e50;
	font-weight: 600;
}

.item-content {
	color: #666;
	line-height: 1.5;
	font-size: 20px;
}

/* 响应式设计 */
@media screen and (max-width: 1440px) {
	.in_part01 {
		width: 96%;
		transition: transform 0.3s ease;
	}
}

@media screen and (max-width: 1240px) {

	/* 第一部分 */
	.in_part01_cont {
		width: 100%;
		padding: 0;
		transition: all 1.5s ease 0s;
	}

	.grid-container {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		transition: all 1.5s ease 0s;
	}
}

@media screen and (max-width: 960px) {
	.in_part01 .title h2 {
		font-size: 45px;
		transition: all 1.5s ease 0s;
	}

	.in_part01 .title h3 {
		font-size: 25px;
		transition: all 1.5s ease 0s;
	}

}

@media screen and (max-width: 640px) {

	/* 第一部分 */
	.grid-container {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(5, 1fr);
		transition: all 1.5s ease 0s;
		padding: 80px 0 80px 0;
		transition: all 1.5s ease 0s;
	}

	.in_part01 {
		margin: 40px auto 0 auto;
		transition: all 1.5s ease 0s;
	}

	.in_part01 .title h2 {
		font-size: 36px;
		transition: all 1.5s ease 0s;
		line-height: 60px;
	}

	.in_part01 .title h3 {
		font-size: 18px;
		transition: all 1.5s ease 0s;
		transition: all 1.5s ease 0s;
	}
}

@media screen and (max-width: 540px) {
	.in_part01 .title h2 {
		font-size: 35px;
		transition: all 1.5s ease 0s;
	}

	.in_part01 .title h3 {
		font-size: 18px;
		transition: all 1.5s ease 0s;
	}
}

/* 第二部分 */
.in_part02_z {
	width: 100%;
	background: url(../images/in_part2_bg.jpg) no-repeat bottom center;
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	padding: 40px 0;
	transition: all 1.5s ease 0s;
}

.in_part02_z::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	background-color: rgba(18, 130, 152, 0.6);
	/* 蓝色背景，透明度60% */
	z-index: 1;
	transition: all 1.5s ease 0s;
}

.in_part02_cont {
	position: relative;
	z-index: 2;
	display: flex;
	width: 96%;
	max-width: 1440px;
	max-width: 1500px;
	margin: 0 auto;
	padding: 80px 0;
	transition: all 1.5s ease 0s;
}

.left-section {
	flex: 0.8;
	color: white;
	transition: all 1.5s ease 0s;
}

.main-title {
	font-size: 54px;
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	transition: all 1.5s ease 0s;
}

.main-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 4px;
	/* 线在文字下方2像素 */
	width: 160px;
	/* 前四个字的宽度 */
	height: 10px;
	background-color: #F56C2F;
	z-index: -1;
	/* 线在文字下方 */
	transition: all 1.5s ease 0s;
}

.subtitle {
	font-size: 24px;
	font-weight: 300;
	opacity: 0.9;
	line-height: 56px;
	transition: all 1.5s ease 0s;
}

.right-section {
	flex: 1;
	padding: 40px 0;
	margin-top: 60px;
	transition: all 1.5s ease 0s;
}

.info-list {
	list-style: none;
}

.info-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	font-size: 24px;
	color: #fff;
	line-height: 46px;
	transition: all 1.5s ease 0s;
}

.check-icon {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	border: #F56C2F solid 1px;
	line-height: 40px;
	text-align: center;
	color: #F56C2F;
	font-size: 30px;
	margin-right: 15px;
	flex-shrink: 0;
	margin-top: 2px;
	transition: all 1.5s ease 0s;
}

@media screen and (max-width: 1240px) {
	.in_part02_cont {
		width: 96%;
		flex-direction: column;
		transition: all 1.5s ease 0s;
	}

	.left-section {
		width: 100%;
		flex: 1;
		color: white;
		transition: all 1.5s ease 0s;
	}

	.right-section {
		width: 100%;
		flex: 1;
		padding: 40px 0;
		margin-top: 60px;
		transition: all 1.5s ease 0s;
	}
}

@media screen and (max-width: 960px) {
	.main-title {
		font-size: 45px;
		transition: all 1.5s ease 0s;
	}
}

/* 第三部分 */
.in_part03_z {
	width: 100%;
	background: url(../images/in_part3_bg.png) no-repeat bottom center;
}

.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 30px;
	padding: 60px 0 120px 0;
	margin-top: 40px;
}

.card {
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	padding: 20px;
	position: relative;
	margin: 40px 0 70px 0;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grid .card:nth-child(2n) .icon-container {
	background: #0999B5;
}

.grid .card:nth-child(4) .card_icon,
.grid .card:nth-child(5) .card_icon,
.grid .card:nth-child(6) .card_icon {
	font-size: 60px;
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.card_icon {
	font-size: 70px;
	color: #fff;
}

.icon-container {
	position: absolute;
	top: -70px;
	/* 将图标向上移动一半，使其一半在卡片外 */
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 140px;
	background: #F56C2F;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	transition: all 1.5s ease 0s;
}

.txt_cont {
	margin-top: 80px;
	/* 为圆形图标预留空间 */
	text-align: center;
	transition: all 1.5s ease 0s;
}

.txt_cont .tit {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #2c3e50;
	transition: all 1.5s ease 0s;
}

.part03_subtitle {
	font-size: 20px;
	color: #666;
	line-height: 1.5;
	transition: all 1.5s ease 0s;
}

/* 响应式设计 */
@media (max-width: 992px) {
	.grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 576px) {
	.grid {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, 1fr);
		transition: all 1.5s ease 0s;
	}
}

/* 第四部分 */
.in_part04_z {
	width: 100%;
	background: url(../images/in_part4_bg.jpg) no-repeat top center;
	padding: 80px 0;
	position: relative;
}

.in_part04_z::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(18, 130, 152, 0.6);
	/* 蓝色背景，透明度60% */
	z-index: 1;
	transition: all 1.5s ease 0s;
}

.in_part04_cont {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.part4_header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
	position: relative;
	padding: 0 20px;
}

.title-section {
	position: relative;
}

.part4_title {
	font-size: 54px;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
}

.underline {
	position: absolute;
	bottom: 6px;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #F56C2F;
	z-index: 1;
}

.nav-arrows {
	display: inline-block;
	gap: 15px;
}

.swiper-button-next {
	right: 20px;
	left: auto;
	background: none;
	background-color: #F56C2F !important;
}

.swiper-button-prev {
	left: auto;
	right: 100px;
	background: none;
	background-color: #F56C2F !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	background: none;
}

.arrow {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(245, 108, 47, 0.1);
	transition: all 0.3s ease;
	user-select: none;
}

.arrow:hover {
	color: white;
	transform: scale(1.05);
	background-color: #F56C2F !important;
}

.arrow:active {
	transform: scale(0.95);
}

.swiper {
	overflow: auto !important;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	font-size: 18px;
	/* Center slide text vertically */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: auto;
}

.list_btn {
	width: 210px;
	position: absolute;
	top: 0;
	margin-left: -105px;
	left: 50%;
	transition: all 1.5s ease 0s;
}

.grid-container4 {
	overflow: hidden;
	padding: 20px;
}

.part4_card {
	background: white;
	border-radius: 12px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	padding: 25px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}

.part4_card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.card-header {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 15px;
	border: 3px solid #e0e6ed;
	transition: all 1.5s ease 0s;
}

.part4_name {
	font-size: 1.3rem;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 5px;
	transition: all 1.5s ease 0s;
}

.stars {
	display: flex;
}

.star {
	color: #ffc107;
	margin-right: 2px;
	font-size: 1.2rem;
}

.description {
	color: #546e7a;
	line-height: 1.6;
	font-size: 1rem;
	transition: all 1.5s ease 0s;
}

/* 课程安排 */
.sub_kech02_z {
	width: 100%;
}

.sub_kech_cont {
	width: 100%;
	max-width: 1440px;
	transition: transform 0.3s ease;
	margin: 0 auto;
	padding: 100px 0;
	transition: all 1.5s ease 0s;
}

.sub_kech_cont img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	margin: 0 auto;
}

.sub_falv_cont,
.sub_shigong_cont {
	margin-top: 80px;
	transition: all 1.5s ease 0s;
}

.kech_container {
	width: 100%;
	margin: 0 auto;
}

/* 头部区域 */
.kech_header {
	width: 100%;
	background: url(../images/kecheng_bg01.jpg) no-repeat bottom center;
	background-size: cover;
	height: 32vh;
	min-height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	position: relative;
}

.kech_header2 {
	background: url(../images/kecheng_bg02.jpg) no-repeat bottom center;
	background-size: cover;
}

.kech_header::before,
.kech_header2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(18, 130, 152, 0.6);
	/* 蓝色背景，透明度60% */
	z-index: 0;
	transition: all 1.5s ease 0s;
}

.kech_header2::before {
	background-color: rgba(158, 67, 17, 0.6);
}

.kech_header_content {
	width: 96%;
	max-width: 1440px;
	z-index: 2;
	position: relative;
	transition: all 1.5s ease 0s;
}

.kech_main_title {
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 700;
	position: relative;
	z-index: 1;
	transition: all 1.5s ease 0s;
}

.kech_main_title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 160px;
	height: 10px;
	background-color: #F56C2F;
	z-index: -1;
	transition: all 1.5s ease 0s;
}

.kech_description {
	font-size: 18px;
	max-width: 1440px;
	margin: 0 auto;
	opacity: 0.95;
	line-height: 28px;
	padding-bottom: 33px;
	transition: all 1.5s ease 0s;
}

/* 内容区域 - 关键部分：向上覆盖标题 */
.kech_content_section {
	width: 96%;
	max-width: 1440px;
	position: relative;
	z-index: 10;
	margin: -68px auto 100px auto;
	transition: all 1.5s ease 0s;
}

.kech_content_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	transition: all 1.5s ease 0s;
}

.kech_content_item {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	background: #fff url(../images/falv_bg.png) no-repeat 13px 10px;
}

.kech_content_item2 {
	background: #fff url(../images/shigong_bg.png) no-repeat 13px 10px;
}

.kech_content_item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.kech_item_header {
	background: linear-gradient(to right, #ff7b00, #FF7233);
	padding: 6px 0;
	display: flex;
	text-align: left;
	align-items: center;
	transition: all 1.5s ease 0s;
}

.kech_item_header2 {
	background: linear-gradient(to right, #03AFD0, #0999B5);
	transition: all 1.5s ease 0s;
}

.kech_item_number {
	font-size: 46px;
	margin-right: 10px;
	color: white;
	font-family: impact;
	opacity: 0.7;
	transition: all 1.5s ease 0s;
}

.kech_item_title {
	font-size: 20px;
	font-weight: 600;
	color: white;
	transition: all 1.5s ease 0s;
}

.kech_item_body {
	padding: 20px;
	transition: all 1.5s ease 0s;
}

.kech_item_list {
	list-style: none;
}

.kech_list_item {
	display: flex;
	margin-bottom: 5px;
	padding-bottom: 10px;
	transition: all 1.5s ease 0s;
}

.kech_list_item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.kech_item_icon,
.kech_item_icon2 {
	flex-shrink: 0;
	width: 12px;
	height: 12px;
	margin: 7px 15px 0 0;
	position: relative;
	transition: all 1.5s ease 0s;
}

.kech_item_icon::before,
.kech_item_icon2::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 1px solid #ff7b00;
	transition: all 1.5s ease 0s;
}

.kech_item_icon2::before {
	border: 1px solid #0999B5;
}

.kech_item_icon::after,
.kech_item_icon2::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ff7b00;
	top: 4px;
	left: 4px;
	transition: all 1.5s ease 0s;
}

.kech_item_icon2::after {
	background-color: #0999B5;
}

.kech_item_text {
	flex: 1;
	color: #555;
	transition: all 1.5s ease 0s;
}

.kech_item_subtitle {
	font-size: 15px;
	margin-bottom: 5px;
	color: #333;
	transition: all 1.5s ease 0s;
}

.kech_item_desc {
	font-size: 0.9rem;
	color: #666;
	transition: all 1.5s ease 0s;
}

/* 响应式设计 */
/* @media (max-width: 1200px) {
	.kech_header2 {
		height: auto;
		padding: 30px 0;
		transition: all 1.5s ease 0s;
		background-size: cover;
		background-position: center;
	}
	
} */
@media (max-width: 992px) {
	.sub_kech_cont {
		padding: 60px 0;
		transition: all 1.5s ease 0s;
	}

	.kech_content_grid {
		grid-template-columns: repeat(2, 1fr);
		transition: all 1.5s ease 0s;
	}

	.kech_main_title {
		font-size: 2.8rem;
		transition: all 1.5s ease 0s;
	}

	.kech_content_section {
		margin-top: -60px;
		transition: all 1.5s ease 0s;
	}
	
}

@media (max-width: 640px) {

	.sub_falv_cont,
	.sub_shigong_cont {
		margin-top: 40px;
		transition: all 1.5s ease 0s;
	}

	.kech_main_title::after {
		width: 120px;
	}
}

@media (max-width: 576px) {
	.sub_kech_cont {
		padding: 40px 0;
		transition: all 1.5s ease 0s;
	}

	.kech_content_grid {
		grid-template-columns: 1fr;
		transition: all 1.5s ease 0s;
	}

	.kech_main_title {
		font-size: 30px;
		transition: all 1.5s ease 0s;
	}

	.kech_description {
		font-size: 1rem;
		transition: all 1.5s ease 0s;
	}

	.kech_header {
		height: 30vh;
		transition: all 1.5s ease 0s;
	}
	.kech_header2 {
		height: auto;
		padding: 30px 0;
		transition: all 1.5s ease 0s;
	}
	.kech_content_section {
		margin-top: -40px;
		transition: all 1.5s ease 0s;
	}
}

/* 第三部分 */
.sub_kech03_z {
	width: 100%;
	background: url(../images/kecheng_bg03.jpg) no-repeat bottom center;
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	padding: 40px 0;
	transition: all 1.5s ease 0s;
}

.sub_kech03_z::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	background-color: rgba(18, 130, 152, 0.8);
	/* 蓝色背景，透明度60% */
	z-index: 0;
	transition: all 1.5s ease 0s;
}

.sub_kech03_cont {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.kechanpai_card_container {
	width: 100%;
	max-width: 800px;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	min-height: 400px;
	float: right;
}

.kechanpai_section {
	flex: 1.5;
	/* 占60%宽度 */
	/* 蓝色0.8透明 */
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.kechanpai_info_item {
	padding: 25px 0;
	position: relative;
}

.kechanpai_info_item:not(:last-child)::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
}

.kechanpai_info_title {
	font-size: 32px;
	font-weight: 600;
	color: white;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.kechanpai_info_title i {
	margin-right: 10px;
	font-size: 20px;
}

.kechanpai_info_content {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 50px;
}

.kechanpai_highlight {
	color: #ffeb3b;
	font-weight: 600;
}

@media (max-width: 1440px) {
	.sub_kech03_z::before {
		width: 70%;
		transition: all 1.5s ease 0s;
	}

	.kechanpai_card_container {
		width: 100%;
		max-width: 900px;
		border-radius: 12px;
		overflow: hidden;
		display: flex;
		min-height: 400px;
		float: right;
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 1300px) {
	.sub_kech03_z::before {
		width: 80%;
		transition: all 1.5s ease 0s;
	}

	.kechanpai_card_container {
		width: 100%;
		max-width: 900px;
		border-radius: 12px;
		overflow: hidden;
		display: flex;
		min-height: 400px;
		float: right;
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 1200px) {
	.sub_kech03_z::before {
		width: 90%;
		transition: all 1.5s ease 0s;
	}

	.kechanpai_card_container {
		width: 100%;
		border-radius: 12px;
		overflow: hidden;
		display: flex;
		min-height: 400px;
		float: right;
	}
}

@media (max-width: 1024px) {
	.sub_kech03_z::before {
		width: 100%;
		transition: all 1.5s ease 0s;
	}

	.kechanpai_card_container {
		width: 96%;
		border-radius: 12px;
		overflow: hidden;
		display: flex;
		min-height: 400px;
		float: right;
	}
}

@media (max-width: 650px) {
	.kechanpai_card_container {
		flex-direction: column;
	}

	.kechanpai_right_section {
		flex: 1;
		transition: all 1.5s ease 0s;
	}
}

/* 第四部分 */
.sub_kech04_z {
	width: 100%;
	background: #F8F9FB url(../images/in_part3_bg.png) no-repeat bottom center;
	padding: 80px 0;
}

.sub_kech04_cont {
	width: 96%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 0 40px 0;
	transition: all 1.5s ease 0s;
}

.sub_kechxshi01 {
	margin: 0 auto;
	transition: transform 0.3s ease;
	transition: all 1.5s ease 0s;
}

.kechxshi-header {
	text-align: center;
	margin-bottom: 40px;
	transition: all 1.5s ease 0s;
}

.kechxshi-header h1 {
	font-size: 2.5rem;
	color: #2c3e50;
	margin-bottom: 10px;
	transition: all 1.5s ease 0s;
}

.kechxshi-header p {
	font-size: 1.1rem;
	color: #7f8c8d;
	max-width: 600px;
	margin: 0 auto;
	transition: all 1.5s ease 0s;
}

.kechxshi-modules {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 30px;
	transition: all 1.5s ease 0s;
}

.kechxshi-module {
	border-radius: 12px;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
}

.kechxshi-module:hover {
	transform: translateY(-8px);
	transition: all 0.3s ease;
}

.kechxshi-module-title {
	background: linear-gradient(to right, #03AFD0, #0999B5);
	color: white;
	padding: 15px 25px;
	font-size: 30px;
	font-weight: 700;
	width: 160px;
	margin-left: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	transition: all 1.5s ease 0s;
	text-align: center;
}
.kechxshi-module-title a{
	color: #fff;
}
.kechxshi-module-content {
	background: white;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	transition: all 1.5s ease 0s;
}

.kechxshi-image-container {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 1.5s ease 0s;
}

.kechxshi-module-image {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.kechxshi-module:hover .kechxshi-module-image {
	transform: scale(1.05);
}

.kechxshi-image-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(9, 153, 181, 0.8);
	color: white;
	padding: 10px 20px;
	align-items: center;
	font-size: 0.95rem;
	transition: all 1.5s ease 0s;
	height: 24%;
}

.kechxshi-image-caption2 {
	background-color: rgba(245, 108, 47, 0.8);
}

.kechxshi-features-title {
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0 15px;
	color: #0999B5;
	padding: 8px 30px 8px 30px;
	transition: all 1.5s ease 0s;
	z-index: 2;
}

.kechxshi_list {
	padding: 0 20px 40px 36px;
	transition: all 1.5s ease 0s;
	z-index: 2;
}

.kechxshi-features-list {
	list-style: none;
	flex-grow: 1;
}

.kechxshi-feature-item {
	position: relative;
	padding: 10px 0 10px 35px;
	margin-bottom: 8px;
	border-bottom: 1px dashed #f0f0f0;
	transition: all 1.5s ease 0s;
}

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

.kechxshi-feature-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-color: #3498db;
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

/* 为不同模块添加不同颜色 */
.kechxshi-module:nth-child(2) .kechxshi-module-title {
	background: linear-gradient(to right, #ff7b00, #FF7233);
}

.kechxshi-module:nth-child(2) .kechxshi-feature-item::before {
	background-color: #3498db;
	box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.2);
}

/* 响应式调整 */
@media (max-width: 768px) {
	.kechxshi-modules {
		grid-template-columns: 1fr;
		transition: all 1.5s ease 0s;
	}

	.sub_kechxshi01 .title h2 {
		font-size: 36px;
		transition: all 1.5s ease 0s;
		transition: all 1.5s ease 0s;
	}

	.sub_kechxshi01 .title h3 {
		font-size: 20px;
	}

	.kechxshi-header h1 {
		font-size: 2rem;
		transition: all 1.5s ease 0s;
	}
	.sub_kech04_cont{
    padding: 40px 0 40px 0;
	}
}

/* 第五部分 */
.sub_kech05_z {
	width: 100%;
	background: #fff url(../images/in_part1_bg.png) no-repeat bottom center;
	padding: 80px 0 140px 0;
}

.grid-container5 {
	margin: 40px 0;
}

.sub_kech05_cont {
	width: 96%;
	max-width: 1560px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	transition: all 1.5s ease 0s;
	position: relative;
}

.jiangshi-card {
	display: flex;
	width: 100%;
	background-color: #F5F5F5;
	border-radius: 16px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	transition: all 1.5s ease 0s;
}

.jiangshi-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
	transition: all 1.5s ease 0s;
}

.jiangshi-image-container {
	flex: 0 0 230px;
	position: relative;
	overflow: hidden;
	transition: all 1.5s ease 0s;
}

.jiangshi-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.jiangshi-card:hover .jiangshi-image {
	transform: scale(1.05);
	transition: all 1.5s ease 0s;
}

.jiangshi-content {
	flex: 1;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.jiangshi-name {
	font-size: 28px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 10px;
	transition: all 1.5s ease 0s;
}

.jiangshi-title {
	font-size: 18px;
	color: #3498db;
	font-weight: 600;
	margin-bottom: 20px;
	transition: all 1.5s ease 0s;
}

.jiangshi-intro {
	color: #555;
	line-height: 1.6;
	margin-bottom: 25px;
	flex-grow: 1;
	transition: all 1.5s ease 0s;
}

.jiangshi-content a {
	width: 100px;
	display: inline-block;
	color: #0999B5;
	padding: 5px 28px;
	border: #0999B5 solid 1px;
	border-radius: 50px;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
	align-self: flex-start;
	transition: all 1.5s ease 0s;
}

.jiangshi-content a:hover {
	background-color: #0999B5;
	color: #fff;
}

.jiangshi-tags {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	transition: all 1.5s ease 0s;
}

.jiangshi-tag {
	background-color: #f1f8ff;
	color: #3498db;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 1.5s ease 0s;
}

.list_btn2 {
	width: 210px;
	position: absolute;
	bottom: 0;
	margin-left: -105px;
	left: 50%;
}

/* 响应式设计 */
@media (max-width: 1440px) {
	.jiangshi-card {
		flex-direction: column;
	}

	.jiangshi-image-container {
		flex: 0 0 auto;
		transition: all 1.5s ease 0s;
	}

	.jiangshi-content {
		padding: 25px;
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 768px) {
	.jiangshi-card {
		flex-direction: column;
	}

	.jiangshi-image-container {
		flex: 0 0 auto;
		transition: all 1.5s ease 0s;
	}

	.jiangshi-content {
		padding: 25px;
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 480px) {
	.jiangshi-name {
		font-size: 24px;
		transition: all 1.5s ease 0s;
	}

	.jiangshi-title {
		font-size: 16px;
		transition: all 1.5s ease 0s;
	}

	.jiangshi-content {
		padding: 20px;
		transition: all 1.5s ease 0s;
	}
}

/* 关于考试 */
.sub_kaoshi_cont {
	width: 96%;
	max-width: 1440px;
	transition: transform 0.3s ease;
	margin: 0 auto;
	padding: 100px 0;
	transition: all 1.5s ease 0s;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	gap: 80px;
}

.kaoshi-module {
	background: white;
	border-radius: var(--kaoshi-border-radius);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 10px;
}

.kaoshi-module:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	transition: all 1.5s ease 0s;
}

.kaoshi-module-header,
.kaoshi-module-header2 {
	height: 80px;
	display: flex;
	align-items: center;
	padding: var(--kaoshi-spacing);
	border-bottom: 1px solid var(--kaoshi-light-gray);
	background: linear-gradient(to right, #ff7b00, #FF7233);
}

.kaoshi-module-header2 {
	background: linear-gradient(to right, #03AFD0, #0999B5);
	transition: all 1.5s ease 0s;
}

.kaoshi-module-icon {
	font-size: 30px;
	margin: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	color: white;
	transition: all 1.5s ease 0s;
}

.kaoshi-module-title {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	transition: all 1.5s ease 0s;
}

.kaoshi-module-content {
	padding: 0;
}

.kaoshi-content-section {
	padding: 20px;
	background-color: #FFF7EF;
	transition: all 1.5s ease 0s;
}

.kaoshi-content-section2 {
	background-color: #EFFCFF;
}

.kaoshi-content-section:nth-child(2n),
.kaoshi-content-section2:nth-child(2n) {
	background-color: #fff;
}

.kaoshi-content-section:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.kaoshi-progress-row {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	transition: all 1.5s ease 0s;
}

.kaoshi-progress-info {
	display: flex;
	align-items: center;
	flex: 1;
	transition: all 1.5s ease 0s;
}

.kaoshi-progress-icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-size: 0.9rem;
	color: white;
	transition: all 1.5s ease 0s;
}

.kaoshi-module-1 .kaoshi-progress-icon {
	background-color: var(--kaoshi-primary-color);
}

.kaoshi-module-2 .kaoshi-progress-icon {
	background-color: var(--kaoshi-secondary-color);
}

.kaoshi-progress-label {
	font-weight: 500;
	color: #F56C2F;
	font-size: 22px;
	transition: all 1.5s ease 0s;
}

.kaoshi-progress-label2 {
	color: #0999B5;
}

.kaoshi-progress-container {
	flex: 1;
	max-width: 250px;
	margin-left: 20px;
	position: relative;
	transition: all 1.5s ease 0s;
}

.kaoshi-progress-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.kaoshi-progress-value {
	font-size: 0.9rem;
	font-weight: 600;
}

.kaoshi-progress-percentage,
.kaoshi-progress-percentage2 {
	font-size: 0.85rem;
	color: #F56C2F;
	position: absolute;
	right: 0;
}

.kaoshi-progress-percentage2 {
	color: #016F84;
}

.kaoshi-progress-bar,
.kaoshi-progress-bar2 {
	height: 10px;
	background-color: #FFDCCD;
	border-radius: 5px;
	overflow: hidden;
}

.kaoshi-progress-bar2 {
	background-color: #AAF1FF;
}

.kaoshi-progress-fill {
	height: 100%;
	border-radius: 5px;
	transition: width 1s ease;
	position: relative;
	transition: all 1.5s ease 0s;
}

.kaoshi-module-1 .kaoshi-progress-fill {
	background: linear-gradient(90deg, #F56C2F, #F56C2F);
}

.kaoshi-module-2 .kaoshi-progress-fill {
	background: linear-gradient(90deg, #0999B5, #0999B5);
}

.kaoshi-info-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	transition: all 1.5s ease 0s;
}

.kaoshi-info-item {
	display: flex;
	align-items: center;
	white-space: nowrap;
	font-size: 18px;
	padding: 6px 0;
	border-radius: 20px;
	transition: all 0.2s ease;

}

.kaoshi-info-icon,
.kaoshi-info-icon2 {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 50px;
	color: #F56C2F;
	transition: all 1.5s ease 0s;
}

.kaoshi-info-icon2 {
	color: #0999B5;
}

.kaoshi-section-title {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 15px;
	color: #2c3e50;
	padding-left: 10px;
	border-left: 3px solid var(--kaoshi-primary-color);
	transition: all 1.5s ease 0s;
}

.kaoshi-module-2 .kaoshi-section-title {
	border-left-color: var(--kaoshi-secondary-color);
}

@media (max-width: 600px) {
	.kaoshi-container {
		grid-template-columns: 1fr;
		transition: all 1.5s ease 0s;
	}

	.kaoshi-progress-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.kaoshi-progress-container {
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
		max-width: 100%;
		transition: all 1.5s ease 0s;
	}
	.sub_kaoshi_cont {
		padding: 60px 0;
		transition: all 1.5s ease 0s;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 80px;
	}
}

/* 第二部分 */
.sub_kaoshi02_z,
.sub_kaoshi04_z {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 60px 0;
	margin: 0 auto;
	transition: all 1.5s ease 0s;
}

.sub_kaoshi04_z {
	padding: 84px 0;
	transition: all 1.5s ease 0s;
}

.xingshi-hero-bg,
.xingshi-hero-bg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/kaoshi_xingshi_tu1.jpg) no-repeat bottom center;
	background-size: cover;
	background-position: center;
	z-index: -2;
	transition: all 1.5s ease 0s;

}

.xingshi-hero-bg2 {
	background: url(../images/kaoshi_xingshi_tu2.jpg) no-repeat bottom center;
	    background-size: cover;
	    background-position: center;
		transition: all 1.5s ease 0s;
}

.xingshi-hero-bg::after,
.xingshi-hero-bg2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(18, 130, 152, 0.6);
	/* 半透明底色 */
	z-index: -1;
	transition: all 1.5s ease 0s;
}

.xingshi-hero-bg2::after {
	background-color: rgba(245, 108, 47, 0.6);
}

.xingshi-hero-content {
	text-align: center;
	color: white;
	padding: 0 20px;
	transition: all 1.5s ease 0s;
}

.xingshi-hero-title {
	font-size: 3.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	transition: all 1.5s ease 0s;
}

.xingshi-hero-subtitle {
	font-size: 1.3rem;
	font-weight: 300;
	margin-bottom: 2rem;
	line-height: 1.8;
	transition: all 1.5s ease 0s;
}

.xingshi-cta-button {
	display: inline-block;
	padding: 12px 30px;
	background-color: #ff6b6b;
	color: white;
	text-decoration: none;
	border-radius: 30px;
	font-weight: 600;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: all 1.5s ease 0s;
}

.xingshi-cta-button:hover {
	background-color: #ff5252;
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
	transition: all 1.5s ease 0s;
}

.sub_kaoshi03_z {
	padding-top: 80px;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	transition: all 1.5s ease 0s;
}

/* 第六部分常见问题 */
.wenti-header {
	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
	color: white;
	padding: 30px;
	text-align: center;
	transition: all 1.5s ease 0s;
}

.wenti-header h1 {
	font-size: 2.2rem;
	margin-bottom: 10px;
	transition: all 1.5s ease 0s;
}

.wenti-header p {
	opacity: 0.9;
	font-size: 1.1rem;
	transition: all 1.5s ease 0s;
}

.wenti-list {
	padding: 20px;
	transition: all 1.5s ease 0s;
}

.wenti-item {
	border: 1px solid #e1e5e9;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
	transition: all 1.5s ease 0s;
}

.wenti-item:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.wenti-item.active {
	border-color: #0999B5;
	box-shadow: 0 4px 12px rgba(9, 153, 181, 0.15);
	transition: all 1.5s ease 0s;
}

.wenti-question {
	padding: 20px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	transition: all 0.3s ease;
	/* 防止点击时晃动 */
	user-select: none;
	-webkit-user-select: none;
	transition: all 1.5s ease 0s;
}

.wenti-question .icon-tubiao {
	font-size: 22px;
	margin-right: 12px;
	transition: all 1.5s ease 0s;
}

.wenti-question:hover {
	background-color: #f8f9fa;
}

.wenti-item.active .wenti-question {
	background: linear-gradient(135deg, #0DADCD 0%, #0999B5 100%);
	color: white;
}

.wenti-question h3 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #0999B5;
	margin-right: 15px;
	transition: color 0.3s ease;
	transition: all 1.5s ease 0s;
}

.wenti-item.active .wenti-question h3 {
	color: white;
}

.wenti-icon {
	width: 24px;
	height: 24px;
	position: relative;
	flex-shrink: 0;
	transition: all 0.3s ease;
	transition: all 1.5s ease 0s;
}

.wenti-icon::before,
.wenti-icon::after {
	content: '';
	position: absolute;
	background-color: #0999B5;
	transition: all 0.3s ease;
	border-radius: 2px;
}

.wenti-icon::before {
	top: 50%;
	left: 0;
	width: 100%;
	height: 3px;
	transform: translateY(-50%);
	transition: all 1.5s ease 0s;
}

.wenti-icon::after {
	left: 50%;
	top: 0;
	width: 3px;
	height: 100%;
	transform: translateX(-50%);
	transition: all 1.5s ease 0s;
}

.wenti-item.active .wenti-icon::before,
.wenti-item.active .wenti-icon::after {
	background-color: white;
}

.wenti-item.active .wenti-icon::after {
	transform: translateX(-50%) rotate(90deg);
	opacity: 0;
	transition: all 1.5s ease 0s;
}

.wenti-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	background-color: #fff;
	transition: all 1.5s ease 0s;
}

.wenti-item.active .wenti-answer {
	max-height: 1000px;
	transition: max-height 1s ease-in-out;
	transition: all 1.5s ease 0s;
}

.wenti-answer-content {
	padding: 20px;
	color: #333;
	line-height: 30px;
	transition: all 1.5s ease 0s;
}

.wenti-contact {
	text-align: center;
	padding: 20px;
	background-color: #f8f9fa;
	color: #666;
	font-size: 0.9rem;
	border-top: 1px solid #e1e5e9;
	transition: all 1.5s ease 0s;
}

.wenti-contact a {
	color: #6a11cb;
	text-decoration: none;
	font-weight: 600;
	transition: all 1.5s ease 0s;
}

.wenti-contact a:hover {
	text-decoration: underline;
}
@media (max-width: 960px) {
	.xingshi-hero-title {
	    font-size: 45px;
	    transition: all 1.5s ease 0s;
	    }
}
@media (max-width: 640px) {
	.wenti-header {
		padding: 20px;
		transition: all 1.5s ease 0s;
	}

	.wenti-header h1 {
		font-size: 1.8rem;
		transition: all 1.5s ease 0s;
	}

	.wenti-question h3 {
		font-size: 1.1rem;
		transition: all 1.5s ease 0s;
	}

	.wenti-question {
		padding: 15px;
		transition: all 1.5s ease 0s;
	}

	.wenti-answer-content {
		padding: 0 15px 15px;
		transition: all 1.5s ease 0s;
	}
	.xingshi-hero-title {
	    font-size: 35px;
	    transition: all 1.5s ease 0s;
	    }
}

/* 执照指南 */
.zhizhao_title01 {
	background: linear-gradient(to right, #FF873C, #F57B2F);
}

.zhizhao_title02 {
	background: linear-gradient(to right, #02E0C4, #13DDC3) !important;
}

.zhizhao_title03 {
	background: linear-gradient(to right, #42B6FE, #3FA8E9) !important;
}

.zhizhao_conttit {
	color: #333;
}

.zhizhao_conttit span {
	font-size: 14px;
	transition: all 1.5s ease 0s;
}

.zhizhao_contbg01 {
	background: linear-gradient(to bottom, #FFEED8, #FFF6EF);
	position: relative;
	z-index: 0;
}

.zhizhao_contbg01::before,
.zhizhao_contbg02::before,
.zhizhao_contbg03::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/zhizhao01_bg.png) no-repeat bottom right;
	z-index: 0;
	transition: all 1.5s ease 0s;

}

.zhizhao_contbg02 {
	background: linear-gradient(to bottom, #D7FFFB, #EDFFFF);
}

.zhizhao_contbg02::before {
	background: url(../images/zhizhao02_bg.png) no-repeat bottom right;
}

.zhizhao_contbg03 {
	background: linear-gradient(to bottom, #D0F0FF, #EFFAFF);
}

.zhizhao_contbg03::before {
	background: url(../images/zhizhao03_bg.png) no-repeat bottom right;
}

.zhizhao_txt01 {
	font-size: 40px;
	text-align: center;
	padding: 70px 0;
	transition: all 1.5s ease 0s;
}
@media (max-width: 960px) {
	.zhizhao_txt01 {
	    font-size: 25px;
		padding: 30px 0;
	    transition: all 1.5s ease 0s;
	    }
}
@media (max-width: 640px) {
	.main-title {
	    font-size: 35px;
	    transition: all 1.5s ease 0s;
	}
}
/* 联系我们 */
.sub_lianxibg {
	padding-top: 20px;
	background-color: #fff;
	background-image: none;
	transition: all 1.5s ease 0s;
}

.lianxi-content {
	width: 96%;
	max-width: 1440px;
	margin: 40px auto 0 auto;
	overflow: hidden;
	transition: all 1.5s ease 0s;
}

.lianxi-header {
	background: linear-gradient(135deg, #2c3e50, #4a6491);
	color: white;
	padding: 30px 40px;
	text-align: center;
	transition: all 1.5s ease 0s;
}

.lianxi-title {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
	transition: all 1.5s ease 0s;
}

.lianxi-subtitle {
	font-size: 16px;
	opacity: 0.9;
	transition: all 1.5s ease 0s;
}

.lianxi-content {
	display: flex;
	flex-wrap: wrap;
	padding: 40px;
	transition: all 1.5s ease 0s;
}

.lianxi-info {
	flex: 1;
	min-width: 300px;
	padding-right: 40px;
	transition: all 1.5s ease 0s;
}

.lianxi-company {
	font-size: 30px;
	font-weight: 700;
	color: #222;
	margin-bottom: 25px;
	padding-bottom: 15px;
	transition: all 1.5s ease 0s;
}

.lianxi-details {
	margin-bottom: 30px;
	transition: all 1.5s ease 0s;
}

.lianxi-detail-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	transition: all 1.5s ease 0s;
}

.lianxi-icon {
	width: 24px;
	height: 24px;
	margin-right: 15px;
	color: #4a6491;
	flex-shrink: 0;
	transition: all 1.5s ease 0s;
}

.lianxi-detail-text {
	flex: 1;
	transition: all 1.5s ease 0s;
}

.lianxi-detail-title {
	font-size: 22px;
	margin-bottom: 5px;
	color: #222;
	transition: all 1.5s ease 0s;
}

.lianxi-detail-title i {
	color: #F56C2F;
	font-size: 20px;
	padding-right: 15px;
	transition: all 1.5s ease 0s;
}

.lianxi-qrcode {
	flex: 0 0 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	padding: 30px;
	transition: all 1.5s ease 0s;
}

.lianxi-qrcode-image {
	width: 200px;
	height: 200px;
	background: #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	transition: all 1.5s ease 0s;
}

.lianxi-qrcode-text {
	text-align: center;
	color: #666;
	font-size: 14px;
	transition: all 1.5s ease 0s;
}
 
.lianxi-footer {
	background: #f5f7fa;
	padding: 20px 40px;
	text-align: center;
	color: #777;
	font-size: 14px;
	border-top: 1px solid #eaeaea;
	transition: all 1.5s ease 0s;
}

/* 第二部分 */
.sub_lianxi_ditu {
	width: 100%;
	background: url(../images/lianxi_ditu_bg.jpg) no-repeat bottom center;
	transition: all 1.5s ease 0s; 
}

.sub_lianxi_ditu img {
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
	transition: all 1.5s ease 0s;
}

@media (max-width: 768px) {
	.lianxi-content {
		flex-direction: column;
		padding: 30px 20px;
		transition: all 1.5s ease 0s;
	}

	.lianxi-info {
		padding-right: 0;
		margin-bottom: 30px;
		transition: all 1.5s ease 0s;
	}

	.lianxi-qrcode {
		flex-basis: auto;
	}
}

/* 登录页面 */
.sub_denglu_cont {
	margin-top: 120px;
	padding: 80px 0;
	transition: all 1.5s ease 0s;
}

.denglu-container {
	width: 96%;
	max-width: 1440px;
	height: 685px;
	display: flex;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
	margin: 0 auto;
	transition: all 1.5s ease 0s;
}

.denglu-left {
	width: 60%;
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/denglv_tu.jpg) no-repeat bottom center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0;
	transition: all 1.5s ease 0s;
}

.denglu-title-container {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
	transition: all 1.5s ease 0s;
}

.denglu-title-bg {
	width: 100%;
	background-color: rgba(9, 153, 181, 0.5);
	padding: 30px 50px;
	margin-bottom: 20px;
	transition: all 1.5s ease 0s;
}

.denglu-main-title {
	font-size: 48px;
	color: white;
	margin-bottom: 15px;
	font-weight: 600;
	transition: all 1.5s ease 0s;
}

.denglu-sub-title {
	font-size: 24px;
	color: white;
	font-weight: 300;
	opacity: 0.9;
	transition: all 1.5s ease 0s;
}

.denglu-right {
	width: 40%;
	background-color: white;
	padding: 60px 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all 1.5s ease 0s;
}

.denglu-login-title {
	font-size: 32px;
	color: #333;
	margin-bottom: 15px;
	font-weight: 600;
	text-align: center;
	transition: all 1.5s ease 0s;
}

.denglu-login-subtitle {
	font-size: 18px;
	color: #666;
	margin-bottom: 40px;
	text-align: center;
	transition: all 1.5s ease 0s;
}

.denglu-input-group {
	margin-bottom: 25px;
	transition: all 1.5s ease 0s;
}

.denglu-input {
	width: 100%;
	height: 56px;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0 16px;
	font-size: 18px;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	transition: all 1.5s ease 0s;
}

.denglu-input:focus-within {
	border-color: #0999B5;
	box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
	transition: all 1.5s ease 0s;
}

.denglu-input i {
	color: #888;
	font-size: 18px;
	margin-right: 12px;
	flex-shrink: 0;
	transition: all 1.5s ease 0s;
}

.denglu-input input {
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	font-size: 18px;
	color: #333;
	background: transparent;
	transition: all 1.5s ease 0s;
}

.denglu-input input::placeholder {
	color: #aaa;
}

.denglu-code-container {
	display: flex;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #ddd;
	transition: all 0.3s;
}

.denglu-code-container:focus-within {
	border-color: #0999B5;
	box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
	transition: all 1.5s ease 0s;
}

.denglu-code-input {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 0 16px;
	height: 56px;
	border: none;
	background: transparent;
	min-width: 0;
	transition: all 1.5s ease 0s;
}

.denglu-code-input i {
	color: #888;
	font-size: 18px;
	margin-right: 12px;
	flex-shrink: 0;
}

.denglu-code-input input {
	flex: 1;
	min-width: 0;
	border: none;
	outline: none;
	font-size: 18px;
	color: #333;
	background: transparent;
	transition: all 1.5s ease 0s;
}

.denglu-code-input input::placeholder {
	color: #aaa;
}

.denglu-divider {
	width: 1px;
	background-color: #ddd;
	margin: 10px 0;
	flex-shrink: 0;
	transition: all 1.5s ease 0s;
}

.denglu-code-send {
	width: 140px;
	height: 56px;
	background-color: #fff;
	border: none;
	color: #0999B5;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	flex-shrink: 0;
	padding: 0 10px;
	transition: all 1.5s ease 0s;
}

.denglu-code-send:hover {
	background-color: #e3f2fd;
}

.denglu-login-btn {
	width: 100%;
	height: 56px;
	background-color: #0999B5;
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 10px;
	transition: all 1.5s ease 0s;
}

.denglu-login-btn:hover {
	background-color: #0999B5;
	box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
	transition: all 1.5s ease 0s;
}

.denglu-extra-links {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	font-size: 14px;
	transition: all 1.5s ease 0s;
}

.denglu-link {
	color: #0999B5;
	text-decoration: none;
	transition: all 0.3s;
}

.denglu-link:hover {
	text-decoration: underline;
}

/* 响应式设计 */
@media (max-width: 1200px) {
	.sub_denglu_cont {
		margin-top: 50px;
		transition: all 1.5s ease 0s;
	}

	.denglu-container {
		height: auto;
		flex-direction: column;
		max-height: none;
		transition: all 1.5s ease 0s;
	}

	.denglu-left,
	.denglu-right {
		width: 100%;
		transition: all 1.5s ease 0s;
	}

	.denglu-left {
		height: 300px;
		padding: 20px 0;
		transition: all 1.5s ease 0s;
	}

	.denglu-right {
		padding: 40px 30px;
		transition: all 1.5s ease 0s;
	}

	.denglu-main-title {
		font-size: 36px;
		transition: all 1.5s ease 0s;
	}

	.denglu-sub-title {
		font-size: 18px;
		transition: all 1.5s ease 0s;
	}

}

@media (max-width: 768px) {
	.denglu-left {
		height: 250px;
		transition: all 1.5s ease 0s;
	}

	.denglu-main-title {
		font-size: 32px;
		transition: all 1.5s ease 0s;
	}

	.denglu-sub-title {
		font-size: 16px;
		transition: all 1.5s ease 0s;
	}

	.denglu-title-bg {
		padding: 20px 30px;
		transition: all 1.5s ease 0s;
	}

	.denglu-right {
		padding: 30px 20px;
		transition: all 1.5s ease 0s;
	}

	.denglu-login-title {
		font-size: 28px;
		transition: all 1.5s ease 0s;
	}

	.denglu-code-send {
		width: 120px;
		font-size: 15px;
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 480px) {
	.denglu-left {
		height: 200px;
		padding: 15px;
		transition: all 1.5s ease 0s;
	}

	.denglu-main-title {
		font-size: 24px;
		transition: all 1.5s ease 0s;
	}

	.denglu-sub-title {
		font-size: 14px;
		transition: all 1.5s ease 0s;
	}

	.denglu-title-bg {
		padding: 15px 20px;
		transition: all 1.5s ease 0s;
	}

	.denglu-right {
		padding: 25px 15px;
		transition: all 1.5s ease 0s;
	}

	.denglu-login-title {
		font-size: 22px;
		transition: all 1.5s ease 0s;
	}

	.denglu-login-subtitle {
		font-size: 14px;
		margin-bottom: 30px;
		transition: all 1.5s ease 0s;
	}

	.denglu-code-send {
		width: 100px;
		font-size: 12px;
		padding: 0 5px;
		transition: all 1.5s ease 0s;
	}

	.denglu-input,
	.denglu-code-input {
		padding: 0 12px;
		transition: all 1.5s ease 0s;
	}

	.denglu-input i,
	.denglu-code-input i {
		margin-right: 8px;
		transition: all 1.5s ease 0s;
	}
}

@media (max-width: 360px) {
	.denglu-code-send {
		width: 90px;
		font-size: 11px;
		transition: all 1.5s ease 0s;
	}

	.denglu-divider {
		margin: 10px 5px;
		transition: all 1.5s ease 0s;
	}
}

/* 录播视频 */
.sub_lubobg{
	backgroundr: none !important;
}
.shipin-container {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.shipin-header {
	text-align: center;
	margin-bottom: 40px;
	padding: 20px 0;
}

.shipin-title {
	font-size: 2.5rem;
	color: #2c3e50;
	margin-bottom: 10px;
}

.shipin-subtitle {
	color: #7f8c8d;
	font-size: 1.1rem;
}

/* 视频网格布局 */
.shipin-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 50px 0;
}

.shipin-item {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}

.shipin-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.shipin-thumbnail-container {
	position: relative;
	width: 100%;
	height: 180px;
	overflow: hidden;
}

.shipin-thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.shipin-item:hover .shipin-thumbnail {
	transform: scale(1.05);
}

/* 播放按钮样式 */
.shipin-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 24px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	opacity: 0.9;
	border: #fff solid 2px;
}

.shipin-item:hover .shipin-play-btn {
	background: rgba(9, 153, 181, 0.95);
	transform: translate(-50%, -50%) scale(1.1);
	opacity: 1;
	border: #0999B5 solid 2px;
}

.shipin-play-btn::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 18px solid white;
	margin-left: 4px;
}

.shipin-info {
	padding: 25px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.shipin-item-title {
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0;
	color: #2c3e50;
	flex-grow: 1;
}

.shipin-meta {
	display: flex;
	justify-content: space-between;
	font-size: 0.85rem;
	color: #7f8c8d;
	margin-bottom: 15px;
}

/* 查看详情按钮 - 白底蓝色边框 */
.shipin-info a {
	display: inline-block;
	color: #0999B5;
	padding: 10px 28px;
	border: #0999B5 solid 1px;
	border-radius: 50px;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
	align-self: flex-start;
	transition: all 1.5s ease 0s;
}

.shipin-info a:hover {
	padding: 10px 28px;
	background-color: #0999B5;
	color: #fff;
}
 

/* 查看更多按钮 */
.shipin-more-container {
	text-align: center;
	margin: 40px 0;
}

.shipin-more-btn {
	display: inline-block;
	padding: 12px 30px;
	background: linear-gradient(135deg, #3498db, #0999B5);
	color: white;
	text-decoration: none;
	border-radius: 30px;
	font-weight: 600;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
}

.shipin-more-btn:hover {
	padding: 12px 30px;
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
}

/* 分页样式 */
.shipin-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.shipin-page-btn,
.shipin-page-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	text-decoration: none;
	transition: all 0.3s ease;
}

/* 上一页/下一页 - 长方形圆角 */
.shipin-page-btn {
	padding: 10px 30px;
	background-color: #fff;
	color: #7f8c8d;
	border-radius: 65px;
	display: inline-block;
}

/* 数字页码 - 圆形 */
.shipin-page-num {
	width: 44px;
	height: 44px;
	background-color: white;
	color: #7f8c8d;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	display: inline-block;
	line-height: 44px;
	text-align: center;
}

.shipin-page-num.active {
	background: linear-gradient(135deg, #3498db, #2980b9);
	color: white;
	box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
	display: inline-block;
}

.shipin-page-btn:hover,
.shipin-page-num:hover:not(.active) {
	background-color: #3498db;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
	display: inline-block;
}
.shipin-page-btn:hover{
	padding: 10px 30px;
}
/* 响应式设计 */
@media (max-width: 992px) {
	.shipin-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.shipin-grid {
		grid-template-columns: 1fr;
	}

	.shipin-title {
		font-size: 2rem;
	}

	.shipin-play-btn {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.shipin-play-btn::after {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid white;
	}
}

/* 底部footer */
footer {
	width: 100%;
	background-color: #161C28;
	margin-top: 0;
	color: #A6A6A6;
	transition: all 1.5s ease 0s;
}

.footer {
	width: 70%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	transition: all 1.5s ease 0s;
}

.footer_lft {
	width: 40%;
	padding: 50px 0;
	transition: all 1.5s ease 0s;
}

.footer_lft dl {
	width: 100%;
	font-size: 28px;
	transition: all 1.5s ease 0s;
}

.footer_lft dl dd {
	margin-top: 40px;
	font-size: 20px;
	transition: all 1.5s ease 0s;
}

.footer_lft dl dd {
	line-height: 36px;
	display: flex;
	justify-content: left;
	transition: all 1.5s ease 0s;
}

.footer_lft dl dd i {
	padding-right: 10px;
	transition: all 1.5s ease 0s;
}

.footer_rgt {
	width: 60%;
	padding-top: 50px;
	padding-left: 100px;
	padding-bottom: 50px;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan {
	width: 100%;
	background-color: #222938;
	padding: 40px 60px 60px 60px;
	box-sizing: border-box;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan h2 {
	line-height: 60px;
	font-size: 40px;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li {
	width: 100%;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li span {
	display: block;
	line-height: 50px;
	color: #a6a6a6;
	font-size: 18px;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li input {
	width: 100%;
	height: 30px;
	padding: 10px;
	line-height: 30px;
	font-size: 18px;
	border-radius: 5px;
	box-sizing: content-box;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li .btn_tijiao {
	width: 100%;
	height: 30px;
	padding: 10px;
	line-height: 30px;
	font-size: 18px;
	border-radius: 5px;
	color: #FFF;
	background-color: #005060;
	list-style: none;
	margin-top: 20px;
	outline: none;
	border: none;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li input[type=text] {
	width: 100%;
	line-height: 30px;
	border-radius: 5px;
	border: #D9D9D9 solid 1px;
	text-indent: 12px;
	transition: width 0.1s ease-in-out;
	-webkit-transition: width 0.1s ease-in-out;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li textarea {
	width: 100%;
	height: 100px;
	padding: 0 10px;
	line-height: 24px;
	border-radius: 5px;
	transition: all 1.5s ease 0s;
}

.footer_bottom {
	width: 100%;
	text-align: center;
	line-height: 50px;
	background-color: #464646;
	color: #fff;
	transition: all 1.5s ease 0s;
}

.footer_bottom a {
	display: inline-block;
}

.footer_top50 {
	margin-top: 50px;
	transition: all 1.5s ease 0s;
}

/* 以下是不同分辨率 */

@media screen and (max-width: 1300px) {
	.banner_txt p {
		font-size: 68px;
		transition: all 1.5s ease 0s;
	}

	.banner_txt p.tet {
		font-size: 38px;
		transition: all 1.5s ease 0s;
	}

	.footer {
		width: 96%;
		margin: 0 auto;
		transition: all 1.5s ease 0s;
	}

	.footer_lft {
		width: 50%;
		padding: 40px 0;
		transition: all 1.5s ease 0s;
	}

	.footer_rgt {
		width: 60%;
		transition: all 1.5s ease 0s;
	}
}

@media screen and (max-width: 1240px) {
	.banner_list {
		width: 100%;
		position: relative;
		transition: all 1.5s ease 0s;
	}
}

@media screen and (max-width: 960px) {
	.banner_txt {
		transform: translateY(-20px);
	}

	.banner_txt p {
		font-size: 45px;
		transition: all 1.5s ease 0s;
	}

	.banner_txt p.tet {
		font-size: 30px;
		transition: all 1.5s ease 0s;
	}

	.footer {
		width: 96%;
		margin: 0 auto;
		display: block;
		transition: all 1.5s ease 0s;
	}

	.footer_lft {
		width: 96%;
		padding: 40px 0;
		transition: all 1.5s ease 0s;
	}

	.footer_rgt {
		width: 100%;
		transition: all 1.5s ease 0s;
		padding-left: 0;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 750px) {
	.banner_txt {
		transform: translateY(0px);
	}
}

@media screen and (max-width: 640px) {
	.banner_list {
		display: none;
		transition: all 1.5s ease 0s;
	}

	.banner_txt p {
		font-size: 30px;
		transition: all 1.5s ease 0s;
	}

	.banner_txt p.tet {
		font-size: 24px;
		transition: all 1.5s ease 0s;
	}
}

@media screen and (max-width: 540px) {
	.banner_txt {
		transform: translateY(0px);
	}

	.banner_txt p {
		font-size: 30px;
		transition: all 1.5s ease 0s;
	}

	.banner_txt p.tet {
		font-size: 24px;
		transition: all 1.5s ease 0s;
	}

}
@media screen and (max-width: 414px) {
	.banner_txt {
		transform: translateY(0px);
	}
	.banner_txt p {
		font-size: 24px;
		transition: all 1.5s ease 0s;
	}

	.banner_txt p.tet {
		font-size: 16px;
		transition: all 1.5s ease 0s;
	}
	.in_part01 .title h2 {
	    font-size: 30px;
	    transition: all 1.5s ease 0s;
	}
	.in_part01 .title h3 {
	    font-size: 16px;
	    transition: all 1.5s ease 0s;
	    }

}

/*留言板*/

.footer_rgt {
	width: 60%;
	padding-top: 50px;
	padding-left: 100px;
	padding-bottom: 50px;
	transition: all 1.5s ease 0s;
}
 
.footer_rgt .liuyan {
	width: 100%;
	 
	padding: 40px 60px 60px 60px;
	box-sizing: border-box;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan h2 {
	line-height: 60px;
	font-size: 40px;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan ul li {
	width: 100%;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan span {
	display: block;
	line-height: 50px;
	color: #a6a6a6;
	font-size: 18px;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan input {
	width: 100%;
	height: 30px;
	padding: 10px 0;
	line-height: 30px;
	font-size: 18px;
	border-radius: 5px;
	box-sizing: content-box;
	transition: all 1.5s ease 0s;
	text-indent: 12px;
}

.footer_rgt .liuyan .btn_tijiao {
	width: 100%;
	height: 50px;
	padding: 10px;
	line-height:30px;
	font-size: 18px;
	border-radius: 5px;
	color: #FFF;
	background-color: #005060;
	list-style: none;
	margin-top: 20px;
	outline: none;
	border: none;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan input[type=text] {
	width: 100%;
	line-height: 30px;
	border-radius: 5px;
	border: #D9D9D9 solid 1px;
	text-indent: 12px;
	transition: width 0.1s ease-in-out;
	-webkit-transition: width 0.1s ease-in-out;
	transition: all 1.5s ease 0s;
}

.footer_rgt .liuyan textarea {
	width: 100%;
	height: 100px;
	padding: 0;
	line-height: 24px;
	border-radius: 5px;
	transition: all 1.5s ease 0s;
	text-align: left;
	text-indent: 12px;
}

.footer_bottom {
	width: 100%;
	text-align: center;
	line-height: 50px;
	background-color: #464646;
	color: #fff;
	transition: all 1.5s ease 0s;
}

.footer_bottom a {
	display: inline-block;
}

.footer_top50 {
	margin-top: 50px;
	transition: all 1.5s ease 0s;
}

/* 以下是不同分辨率 */

@media screen and (max-width: 1300px) {
	.footer_rgt {
		width: 60%;
		transition: all 1.5s ease 0s;
	}
}
@media screen and (max-width: 960px) {
	.footer_rgt {
		width: 100%;
		transition: all 1.5s ease 0s;
		padding-left: 0;
		padding-bottom: 50px;
	}
}

.evf-field-hp  {
display: none;
}
label abbr {
display: none;
}

#evf-submit-33 {
	width: 100%;
	height: 30px;
	padding: 10px;
	line-height: 30px;
	font-size: 18px;
	border-radius: 5px;
	color: #FFF;
	background-color: #005060;
	list-style: none;
	margin-top: 20px;
	outline: none;
	border: none;
	transition: all 1.5s ease 0s;
}
.footer_rgt #evf-submit-33 {
	width: 100%;
	height: 50px;
	padding: 10px;
	line-height:30px;
	font-size: 18px;
	border-radius: 5px;
	color: #FFF;
	background-color: #005060;
	list-style: none;
	margin-top: 20px;
	outline: none;
	border: none;
	transition: all 1.5s ease 0s;
}



.sub_lianxi_ditu .everest-forms {
	width: 80%;
	 
	padding: 40px 60px 60px 60px;
	box-sizing: border-box;
	transition: all 1.5s ease 0s;
}

.sub_lianxi_ditu .everest-forms .everest-forms-submit-button {
	width: 80%;
	text-align: center;
	line-height: 50px;
	background-color: #464646;
	color: #fff;
	transition: all 1.5s ease 0s;
}

.sub_lianxi_ditu .everest-forms span {
	 
	line-height: 50px;
	color: #a6a6a6;
	font-size: 18px;
	transition: all 1.5s ease 0s;
}

.sub_lianxi_ditu .everest-forms input[type=text] {
	width: 100%;
	line-height: 30px;
	border-radius: 5px;
	border: #D9D9D9 solid 1px;
	text-indent: 12px;
	transition: width 0.1s ease-in-out;
	-webkit-transition: width 0.1s ease-in-out;
	transition: all 1.5s ease 0s;
}
.sub_lianxi_ditu .everest-forms input[type=email] {
	width: 100%;
	line-height: 30px;
	border-radius: 5px;
	border: #D9D9D9 solid 1px;
	text-indent: 12px;
	transition: width 0.1s ease-in-out;
	-webkit-transition: width 0.1s ease-in-out;
	transition: all 1.5s ease 0s;
}
.sub_lianxi_ditu .everest-forms textarea {
	width: 100%;
	height: 100px;
	padding: 0;
	line-height: 24px;
	border-radius: 5px;
	transition: all 1.5s ease 0s;
	text-align: left;
	text-indent: 12px;
}
.sub_lianxi_ditu .everest-forms label {
	color: #a6a6a6;
}
.sub_lianxi_ditu .everest-forms .evf-field-description {
	color: #a6a6a6;
}
/***********************
 

 


.sub_lianxi_ditu .everest-forms h2 {
	line-height: 60px;
	font-size: 40px;
	transition: all 1.5s ease 0s;
}

.sub_lianxi_ditu .everest-forms ul li {
	width: 100%;
	transition: all 1.5s ease 0s;
}

.sub_lianxi_ditu .everest-forms span {
	display: block;
	line-height: 50px;
	color: #a6a6a6;
	font-size: 18px;
	transition: all 1.5s ease 0s;
}

.sub_lianxi_ditu .everest-forms input {
	width: 100%;
	height: 30px;
	padding: 10px 0;
	line-height: 30px;
	font-size: 18px;
	border-radius: 5px;
	box-sizing: content-box;
	transition: all 1.5s ease 0s;
	text-indent: 12px;
}

.sub_lianxi_ditu .everest-forms .btn_tijiao {
	width: 100%;
	height: 50px;
	padding: 10px;
	line-height:30px;
	font-size: 18px;
	border-radius: 5px;
	color: #FFF;
	background-color: #005060;
	list-style: none;
	margin-top: 20px;
	outline: none;
	border: none;
	transition: all 1.5s ease 0s;
}







*****************************/