@import url(jquery.bxslider.css);
@import url(pscroll.css);
/*棣栭〉*/
.i_product_bg {
	background-color: #f5f5f5;
	overflow: hidden;
	padding-bottom: 2.5%;
}
.i_index_bg {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 2.5%;
	font: 14px / 1.6 "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.i_index_bg_mobile {
	display: none;
}

/* 瀹氫箟鍔ㄧ敾 */
@keyframes moveImage {
	0% {
		top: 0;
		left: 0;
	}
	25% {
		top: 80%; /* 鍋囪鍥剧墖楂樺害涓?100px锛岄伩鍏嶇Щ鍑洪〉闈?*/
		left: 80%;
	}
	50% {
		top: 0;
		left: 80%; /* 鍋囪鍥剧墖瀹藉害涓?100px锛岄伩鍏嶇Щ鍑洪〉闈?*/
	}
	75% {
		top: 80%;
		left: 0;
	}
	100% {
		top: 0;
		left: 0;
	}
}

/* 搴旂敤鍔ㄧ敾鍒板浘鐗?*/
.moving-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px; /* 璁剧疆鍥剧墖瀹藉害 */
	height: 200px; /* 璁剧疆鍥剧墖楂樺害 */
	animation: moveImage 0.5s infinite;
}

/* 榧犳爣鎮仠鏃舵殏鍋滃姩鐢?*/
.moving-image:hover {
	animation-play-state: paused;
}
/*鏍″洯娲诲姩*/

.i_index_hd_bg {
	background: #fff;
	padding: 20px 30px 10px 30px;
	overflow: hidden;
	margin-top: 15px;
	display: flex;  /* 娣诲姞flex甯冨眬 */
	align-items: stretch;  /* 浣垮瓙鍏冪礌楂樺害涓€鑷?*/
}
.hd-left {
	width: 680px;
	float: left;
}
.hd-right {
	margin-left: 3%;
	width: 420px;
	max-height: 350px;
	float: none;  /* 绉婚櫎float锛屼娇鐢╢lex甯冨眬 */
	height: 100%;
	display: flex;
	flex-direction: column;
}
.right-nor-hd-list {
	max-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.right-nor-hd-list img {
	height: 226px;
	object-fit: cover;
	flex-shrink: 0;
	width: 100%;
}
.right-nor-hd-list a {
	height: 100%;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
.right-nor-hd-list a h2 {
	flex: 1; /* 鏍囬鍗犵敤1浠芥瘮渚?*/
	font-size: 16px;
	color: #333;
	font-weight: 700;
	height: auto;
	overflow: hidden;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	float: left;
	line-height: 20px;
}
.right-nor-hd-list a p {
	flex: 2;
	color: #666;
	line-height: 25px;
	font-size: 14px;
	overflow: hidden;
	margin: 0;
	padding-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.hd-left-top .tab-title {
	overflow: hidden;
	border-bottom: 1px #eee solid;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.hd-left-top .tab-title li {
	float: left;
	cursor: pointer;
	line-height: 40px;
	padding-bottom: 5px;
	flex: 1;
	text-align: center;
}
.hd-left-top .nor-hd {
	font-size: 18px;
	color: black;
	font-weight: 400;
}
.hd-left-top .active-tab {
	color: #ad0a25;
	font-size: 26px;
	font-weight: 700;
	border-bottom: 3px #ad0a25 solid;
}
.fline {
	float: left;
	display: flex;
	align-items: center;
	color: #eee;
}
.hd-left-bot {
	margin-top: 20px;
}
.hd-left-bot .nor-hd-list {
	/*display: none;*/
}
.hd-left-bot h2 {
	overflow: hidden;
}
.hd-left-bot h2 a {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	line-height: 35px;
	float: left;
}
.hd-left-bot h2 span {
	color: #ccc;
	float: right;
	font-size: 14px;
	font-weight: normal;
	margin-right: 2%;
}

.i_index_zk_bg {
	overflow: hidden;
	padding: 20px 0;
	display: flex;
	align-items: stretch;  /* 浣垮瓙鍏冪shi樺害涓€鑷?*/
}
.i_index_zkleft-section {
	width: 850px;
	float: left;
	background: #fff;
}
.zk-left-container {
	display: flex;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	align-items: flex-start;
}
.zk-right-content {
	max-height: 100%;
	width: 40%;
	/*flex: 1 0 0; !* 鍗犳嵁鍓╀綑绌洪棿鐨勪竴閮ㄥ垎 *!*/
	background: #fff;
	display: flex;
	flex-direction: column;
}
.zk-right-content-item {
	display: flex;
	flex-direction: column;
	/*margin-bottom: 20px;*/
}
.zk-right-content-item img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	margin-bottom: 10px;
}

.zk-right-content-item h2 {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	margin-bottom: 10px;
}

.zk-right-content-item p {
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.zk-left-top {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
}
.zk-left-bottom {
	height: 90%;
	width: 60%;
	/*flex: 1.5 0 0; !* 鍗犳嵁鍓╀綑绌洪棿鐨勪竴閮ㄥ垎 *!*/
	margin-right: 20px; /* 涓庡彸渚у尯鍩熺殑闂磋窛 */
}
.i_index_zk_title {
	font-size: 18px;
	color: black;
	font-weight: 400;
}
.i_index_zktab .active-tab {
	color: #ad0a25;
	font-size: 26px;
	font-weight: 700;
	border-bottom: 3px #ad0a25 solid;
}
.hd-left {
	width: 680px;
	float: left;
}
.zk-left-top .i_index_zktab li {
	float: left;
	cursor: pointer;
	line-height: 40px;
	padding-bottom: 5px;
	flex: 1;
	text-align: center;
}
.zk-left-bottom h2 {
	overflow: hidden;
	height: auto;
}
.zk-left-bottom h2 a {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	/*float: left;*/
	display: block; /* 鏀逛负鍧楃骇鍏冪礌锛屽崰鎹暣琛屽搴?*/
	/*word-wrap: break-word; !* 鍏佽闀垮崟璇嶆崲琛?*!*/
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.i_index_zkright-section {
	background: #fff;
	padding: 20px 30px;
	width: 270px;
	float: none;  /* 绉婚櫎float锛屼娇鐢╢lex甯冨眬 */
	display: flex;
	flex-direction: column;
	margin-left: auto;
}
.i_index_zkright-bottom {
	display: flex;
	flex-direction: column;
}

.i_index_zkright-bottom img {
	width: 100%;
	height: 50%;
	object-fit: cover;
}
.i_index_zkright-bottom p {
	height: 50%;
	padding: 6% 0 0 5%;
	line-height: 40px;
	color: #666;
	font-size: 14px;
}
.i_index_zkright-bottom-xzjy {
	color: #ad0a25 !important;
	font-weight: bolder;
	text-align: right;
}
.i_index_zktab {
	overflow: hidden;
	border-bottom: 1px #eee solid;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.i_index_zktabcontent {
	display: flex;
	flex-direction: column;
	padding: 6px 12px;
	overflow: hidden;
}
/*鎷涜€冧俊鎭?end*/
/*璇剧▼璁剧疆*/
.i_index_kec_bg {
	background: #fff;
	padding: 20px 30px 10px 30px;
	overflow: hidden;
	margin-top: 15px;
}
.course_index h2, .choose_index h2, .intr_index h2 {
	border-bottom: 1px #eee solid;
	overflow: hidden;
}
.course_index h2 span, .choose_index h2 span, .intr_index h2 span {
	color: #ad0a25;
	font-size: 26px;
	font-weight: 700;
	border-bottom: 3px #ad0a25 solid;
	padding-bottom: 5px;
	float: left;
}
.i_index_kec_ul {
	border-bottom: 1px #eee solid;
	margin-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
.i_index_kec_ul .kec_pic {
	width: 240px;
	height: 160px;
	display: inline-block;
	overflow: hidden;
	float: left;
}
.i_index_kec_ul .kec_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 淇濇寔鍥剧墖姣斾緥 */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}
.kec_info {
	width: 870px;
	float: right;
}
.kec_info h3 a {
	font-size: 20px;
	color: #333;
	font-weight: 700;
}
.kec_p {
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0px 10px 0px 0px;
	width: 860px;
	background-color: #f5f5f5;
	font-size: 14px;
	color: #666;
}
.kec_p i {
	float: left;
	margin-right: 10px;
	width: 2px;
	height: 15px;
	margin-top: 13px;
	background-color: #454545;
}
.kec_req {
	float: left;
	margin-top: 10px;
}
.kec_req dl {
	width: 290px;
	margin-bottom: 10px;
	float: left;
}
.kec_req dl dt {
	width: 70px;
	color: black;
}
.kec_req dl dt, .kec_req dl dd {
	float: left;
	line-height: 28px;
}
.kec_req dl dd {
	color: #666;
	width: 210px;
	height: 28px;
	overflow: hidden;
}
.kec_button {
	margin-top: 20px;
	float: left;
}
.kec_btn {
	width: 145px;
	background-color: #333;
	border: 1px #333 solid;
	color: #fff;
	line-height: 40px;
	float: left;
	text-align: center;
	font-size: 16px;
	margin-right: 20px;
}
/*璇剧▼璁剧疆 end*/
/*绔嬭浼樺娍*/
.i_index_choose_bg {
	background: #fff;
	padding: 20px 30px 10px 30px;
	overflow: hidden;
	margin-top: 15px;
}
.i_index_choose_container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
}
.i_index_choose_row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.i_index_choose_item {
	display: flex;
	flex-direction: row;
	width: 48%;
	background-color: #f9f9f9;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	cursor: pointer;
}
.i_index_choose_item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.i_index_choose_img {
	width: 40%;
	height: 160px;
	overflow: hidden;
}

.i_index_choose_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	border-radius: 10px 10px 10px 10px;
}

.i_index_choose_item:hover .i_index_choose_img img {
	transform: scale(1.05);
}

.i_index_choose_content {
	width: 60%;
	padding: 15px;
	display: flex;
	flex-direction: column;
}

.i_index_choose_header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.i_index_choose_icon {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.i_index_choose_icon img,
.i_index_choose_icon i {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px; /* 閫傚綋璁剧疆鍥炬爣灏哄 */
	color: #333; /* 璁剧疆鍥炬爣棰滆壊涓烘繁鐏拌壊 */
}

.i_index_choose_icon img {
	object-fit: contain;
}

.i_index_choose_title {
	font-size: 20px;
	font-weight: bold;
	color: black;
}

.i_index_choose_desc {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.5;
	flex-grow: 1;
}
/*绔嬭浼樺娍 end*/
/*瀛︽牎浠嬬粛*/
.i_index_introduce_bg {
	background: #fff;
	padding: 20px 30px 10px 30px;
	overflow: hidden;
	margin-top: 15px;
}
.i_index_introduce_bg_m {
	background: #fff;
	padding: 20px 5%;
	margin-top: 15px;
}
/*瀛︽牎鍐呭*/
.i_index_xxcontent_bg {
	display: flex;
	flex-wrap: wrap;
	color: black;
	justify-content: space-between;
	align-items: stretch;
	line-height: 40px;
	font-size: 14px;
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
	background-color: #ffffff;
	padding: 20px 0;
	box-sizing: border-box;
}
.i_index_xxcontent_bg h3 {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	margin-bottom: 40px;
}
.i_index_xxcontent_text {
	width: 62%;
	padding: 20px;
	background-color: #EEF9FF;
	color: #666;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.i_index_xxcontent_image {
	width: 38%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
}
.i_index_xxcontent_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.more-link-container {
	width: 100%;
	margin-top: 15px;
}
.i_index_xxcontent_bg a{
	font-weight: bolder;
	text-align: left;
	display: block;
	color: rgb(169,2,22);
}
.i_index_xxcontent_bg a::after {
	content: '>>'; /* 娣诲姞鍚戝彸绠ご */
	display: inline-block;
	width: 21px; /* 璋冩暣鍦嗗湀鐨勫搴?*/
	height: 16px; /* 璋冩暣鍦嗗湀鐨勯珮搴?*/
	line-height: 13px; /* 鍨傜洿灞呬腑绠ご */
	text-align: center; /* 姘村钩灞呬腑绠ご */
	margin-left: 5px; /* 涓庨摼鎺ユ枃瀛椾箣闂寸殑闂磋窛 */
	font-size: 14px; /* 绠ご鐨勫ぇ灏?*/
	color: rgb(169,2,22);
}
/*瀛︽牎浠嬬粛 end*/
/*浼樼瀛︾敓*/
.i_index_student_bg {
	background: #fff;
	padding: 20px 30px 10px 30px;
	overflow: hidden;
	margin-top: 15px;
}
.i_index_student_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 200px);
	gap: 2%;
	row-gap: 30px;
	margin-top: 20px;
}
.i_index_student_bg_item {
	display: flex;
	flex-direction: column;
}
.i_index_student_bg_item figure {
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
}
/* 鍥剧墖鏍峰紡 */
.i_index_student_bg_item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}

/* 鏂囧瓧鏍峰紡 */
.i_index_student_bg_item figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 0;
	background-color: rgba(0, 0, 0, 0.6);
	color: white; /* 璁剧疆鏂囧瓧棰滆壊涓虹櫧鑹?*/
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}
/*浼樼瀛︾敓end*/
@media screen and (max-width: 750px) {

	/* 宸︿晶鍥剧墖鏍峰紡 */
}
.i_title {
	margin-top: 5%;
	margin-bottom: 4%;
	overflow: hidden;
	text-align: center;
}
.i_title h2 {
	overflow: hidden;
	font-weight: bold;
	color: #000000;
	letter-spacing: -3px;
	text-transform: uppercase;
	font-family: Arial;
}
.i_title p {
	background: url(../images/i_bg1.png) center bottom no-repeat;
	color: #000000;
	padding-bottom: 15px;
}
.nproduct_list2 {
	overflow: hidden;
	padding-bottom: 20px;
	padding-top: 8px;
}
.nproduct_list2 ul {
	display: flex;
	flex-wrap: wrap;
}
.nproduct_list2 ul li {
	float: left;
	width: 32.1%;
	margin-left: 0.5%;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 1.5%;
	text-align: center;
	background-color: #fff;
	padding-bottom: 4%;
}
.nproduct_list2 ul li:nth-child(3n+0) {
	margin-right: 0;
}
.nproduct_list2 ul li img {
	display: inline-block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}
.nproduct_list2 ul li .imgs {
	width: 100%;
	overflow: hidden;
}
.nproduct_list2 ul li h2 {
	font-weight: normal;
	color: #333333;
	line-height: 36px;
	height: 36px;
	text-align: center;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
	margin-bottom: 1%;
}
.nproduct_list2 ul li p {
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #929292;
	font-size: 14px;
	padding-left: 2%;
	padding-right: 2%;
	max-width: 350px;
	margin: 0 auto;
}
.nproduct_list2 ul li em {
	display: block;
	color: #ee697e;
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.nproduct_list2 ul li label {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-top: 5px;
}
.nproduct_list2 ul li:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.nproduct_list2 ul li:hover {
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	transition: all 0.3s;
}
.nproduct_list2 ul li:hover h2 {
	color: #00a1e9;
}
.i_solution {
	overflow: hidden;
	padding-bottom: 4%;
	padding-top: 8px;
}
.i_solution ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	overflow: hidden;
	margin-bottom: 1.5%;
	text-align: center;
}
.i_solution ul li:nth-child(2n+0) {
	margin-right: 0;
}
.i_solution ul li img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
}
.i_solution ul li .imgs {
	margin: 0 auto;
	overflow: hidden;
}
.i_solution ul li .txts {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}
.i_solution ul li h2 {
	font-weight: normal;
	color: #fff;
	line-height: 36px;
	height: 36px;
	text-align: center;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
	margin-bottom: 1%;
	margin-top: 30%;
}
.i_solution ul li p {
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #FFF;
	font-size: 16px;
	padding-left: 2%;
	padding-right: 2%;
	max-width: 350px;
	margin: 0 auto;
}
.i_solution ul li:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.i_case_bg {
	background: url(../images/i_bg2.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 4%;
}
.i_case_bg .i_title h2 {
	color: #fff;
}
.i_case_bg .i_title p {
	color: #fff;
	background: url(../images/i_bg3.png) center bottom no-repeat;
}
.i_link {
	overflow: hidden;
	margin-bottom: 3%;
}
.i_link ul li {
	float: left;
	width: 15.8%;
	margin-right: 1%;
	margin-bottom: 1%;
	overflow: hidden;
}
.i_link ul li:nth-child(6n+0) {
	margin-right: 0;
}
.i_link ul li .imgs {
	overflow: hidden;
	border: 1px solid #f0f0f0;
}
.i_link ul li .imgs img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.i_link ul li .imgs:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.banner_pos {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
}
.banner_pos .banner_div {/* display:table; vertical-align:bottom; */
	height: 100%;
	width: 100%;
	position: relative;
}
/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
.banner_pos .img001 {
	height: 100%;
	width: 57.6%;
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	right: 0%;
}
.banner_pos .img001 img {
	height: 100%;
	filter: Alpha(Opacity=0);
	opacity: 0;
}
.banner_pos .txtsbox {
	float: left;
	width: 50%;
}
.banner_pos .txts {
	float: right;
	margin-right: 3%;
	margin-top: 20%;
	width: 94%;
	max-width: 536px;
	text-align: left;
}
.banner_pos .txts h2 {
	color: #00a1e9;
}
.banner_pos .txts p {
	color: #767676;
	margin-top: 6%;
}
.banner_pos .txts a {
	margin-top: 6%;
	width: 220px;
	display: block;
	height: 48px;
	line-height: 48px;
	border: 1px solid #606060;
	text-align: center;
	font-size: 12px;
	color: #a2a2a2;
}
.banner_pos .txts a em {
	float: right;
	margin-right: 7%;
	font-style: normal;
	font-family: "瀹嬩綋";
	font-size: 18px;
}
.banner_pos .txts a:hover {
	border: 1px solid #00a1e9;
}
.banner_pos .txts a:hover {
	color: #00a1e9;
}

/*鍔ㄧ敾*/


@media screen and (max-width:1760px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1000px) {
}
@media screen and (max-width:960px) {
	.i_index_bg {
		display: none;
	}
	.i_index_bg_mobile {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 2.5%;
		font: 14px / 1.6 "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	}
	.course_index h2 span, .choose_index h2 span, .intr_index h2 span {
		font-size: 22px;
		font-weight: 700;
		float: left;
		padding-bottom: 5px;
		color: black;
		border-bottom: 3px solid #ad0a25;
	}
	.i_index_xxcontent_text {
		width: 100%;
		line-height: 30px;
	}
	.i_index_xxcontent_image {
		width: 100%;
	}
	.i_index_xxcontent_bg {
		padding: 20px 0 0 0;
	}
	.kec_p {
		display: none;
	}
	.i_index_kec_ul .kec_pic {
		width: 51%;
	}
	.kec_info {
		width: 45%;
	}
	.kec_req dl dt, .kec_req dl dd {
		line-height: 18px;
	}
	.kec_button {
		margin-top: 0;
	}
	.kec_req dl {
		margin-bottom: 0;
	}
	.i_index_choose_item {
		display: flex;
		flex-direction: column;
		width: 48%;
	}
	.i_index_choose_img {
		height: 150px;
		width: 100%;
	}
	.i_index_choose_content {
		width: 85%;  /* 鍐呭鍗犳弧鏁翠釜椤圭殑瀹藉害 */
	}
	.i_index_choose_img img {
		border-radius: 8px 8px 0 0;  /* 璋冩暣鍥剧墖鍦嗚浠ラ€傚簲鏂板竷灞€ */
	}
	.i_index_choose_title {
		font-size: 16px;
		text-align: center;
	}
	.hd-left-top .active-tab {
		font-size: 18px;
		color: #ad0a25;
		font-weight: 700;
		border-bottom: 3px #ad0a25 solid;
	}
	.i_index_student_container {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 200px);
	}
	.hd-left-bot h2 a {
		border-bottom: 1px #231a1a solid;
		max-width: 370px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.i_index_student_bg {
		margin-bottom: 8%;
	}
}
.i_index_container {
	padding-top: 3%;
	background-image: url(../images/index.svg);
	background-color: #EBECEC;
	background-size: 500px;
	background-repeat: repeat;
	background-position: top left;
}
/* ========== 璧拌繘绔嬭 ========== */
.i_index_unit {
	width: 80%;
	margin: 0 10% 1%;
	position: relative;
	overflow: hidden;
}
.i_index_unit-title {
	text-align: center;
	margin-bottom: 10px;
}
.i_index_unit-title h2 {
	font-size: 28px;
	font-weight: bold;
	color: #B30909;
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	letter-spacing: 6px;
}
.i_index_unit-title h2::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 40px;
	height: 3px;
	background-color: #B30909;
}
.i_index_unit-desc {
	text-align: center;
	color: #666;
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 28px;
	letter-spacing: 2px;
}
.i_index_unit-content {
	width: 96%;
	margin: 0 auto;
	background-color: #ffffff;
	box-shadow: 0 2px 20px rgba(0,0,0,0.08);
	position: relative;
	overflow: hidden;
}
.i_index_unit-content .unit-profile-title {
	line-height: 1;
	position: relative;
}
.i_index_unit-content .unit-profile-en {
	font-size: 42px;
	color: #f0f0f0;
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	letter-spacing: -2px;
	line-height: 1;
	display: block;
	position: relative;
	z-index: 0;
	margin: 1% 0 0 2%;
}
.i_index_unit-content .unit-profile-cn {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	line-height: 1;
	display: block;
	position: relative;
	z-index: 1;
	margin: 1% 0 0 5%;
}
.i_index_unit-content .unit-bg {
	position: relative;
	min-height: 540px;
	background-image: url(../images/index-xuexiaojianjie.jpg);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	margin: 1% 40px 50px;
}
.i_index_unit-content .unit-content-panel-content {
	background-color: #FFFFFF;
	position: relative;
	z-index: 2;
	width: 52%;
	padding-bottom: 3%;
	min-width: 460px;
	margin-top: 3%;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.08);
}
.i_index_unit-content .unit-content-panel-content p{
	font-size: 13px;
	line-height: 25px;
	margin: 0 6% 0 0;
}
.i_index_unit-content .unit-content-tag {
	display: inline-block;
	padding: 8px 36px;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #444;
	letter-spacing: 1px;
	min-width: 160px;
	text-align: center;
	margin-bottom: 20px;
}
.i_index_unit-content .unit-content-title {
	font-size: 20px;
	font-weight: bold;
	color: #727070;
	margin-left: 6px;
	margin-bottom: 6px;
}
.i_index_unit-content .unit-content-text {
	font-size: 14px;
	color: black;
	margin-left: 3px;
	padding-bottom: 2px;
	letter-spacing: 1px;
}
.i_index_unit-content .unit-content-text .span {
	text-wrap-mode: wrap !important;
}
.i_index_unit-content .unit-content-text p {
	margin-bottom: 14px;
}
.i_index_youshi_area {
	width: 96%;
	margin: 0 auto;
	background-image: url(../images/index-youshi.png);
	background-size: 55% auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	min-height: 580px;
}
.i_index_youshi_area .youshi-stage {
	position: relative;
	width: 100%;
	height: 540px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_index_youshi_area .youshi-rotate {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
}
.i_index_youshi_area .youshi-item-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	margin-left: -100px;
	margin-top: -42px;
	animation: youshi-orbit 40s linear infinite;
}
@keyframes youshi-orbit {
	0%   { transform: translate(364px, 0); }
	16.67% { transform: translate(182px, -208px); }
	33.33% { transform: translate(-182px, -208px); }
	50%  { transform: translate(-364px, 0); }
	66.67% { transform: translate(-182px, 208px); }
	83.33% { transform: translate(182px, 208px); }
	100% { transform: translate(364px, 0); }
}
.i_index_youshi_area:has(.youshi-item:hover) .youshi-item-wrap {
	animation-play-state: paused;
}
.i_index_youshi_area .youshi-item-wrap:nth-child(1) { animation-delay: 0s; }
.i_index_youshi_area .youshi-item-wrap:nth-child(2) { animation-delay: -6.6667s; }
.i_index_youshi_area .youshi-item-wrap:nth-child(3) { animation-delay: -13.3333s; }
.i_index_youshi_area .youshi-item-wrap:nth-child(4) { animation-delay: -20s; }
.i_index_youshi_area .youshi-item-wrap:nth-child(5) { animation-delay: -26.6667s; }
.i_index_youshi_area .youshi-item-wrap:nth-child(6) { animation-delay: -33.3333s; }
.i_index_youshi_area .youshi-item {
	padding: 14px 20px;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	text-align: center;
	font-size: 13px;
	color: #333;
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	cursor: pointer;
}
.i_index_youshi_area .youshi-icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: filter 0.25s ease;
}
.i_index_youshi_area .youshi-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: none;
	transition: filter 0.25s ease;
}
.i_index_youshi_area .youshi-text {
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	white-space: nowrap;
}
.i_index_youshi_area .youshi-desc {
	display: none;
	font-size: 12px;
	color: #fff;
	line-height: 1.5;
	text-align: left;
}
.i_index_youshi_area .youshi-item:hover {
	background-color: #B30909;
	border-color: #B30909;
	color: #fff;
}
.i_index_youshi_area .youshi-item:hover .youshi-text {
	display: none;
}
.i_index_youshi_area .youshi-item:hover .youshi-desc {
	display: block;
}
.i_index_youshi_area .youshi-item:hover .youshi-icon img {
	filter: none;
}
.i_index_youshi_area .youshi-center {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	text-align: center;
}
.i_index_youshi_area .youshi-center img {
	max-width: 260px;
	height: auto;
}

.i_index_kecheng_area {
	width: 96%;
	margin: 0 auto;
	background-color: white;
	position: relative;
	padding: 40px 40px 50px;
	box-sizing: border-box;
	text-align: right;
}
.i_index_kecheng_area .kecheng-all-btn {
	position: relative;
	float: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 10px 22px;
	background-color: #B30909;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	border-radius: 30px;
	transition: background-color 0.25s ease;
	z-index: 2;
	margin-bottom: 10px;
}
.i_index_kecheng_area .kecheng-all-btn:hover {
	background-color: #B30909;
}
.i_index_kecheng_area .kecheng-all-btn .kecheng-arrow {
	font-size: 18px;
	line-height: 1;
}
.i_index_kecheng_area .kecheng-viewport {
	overflow: hidden;
	margin-top: 20px;
	position: relative;
	text-align: left;
}
.i_index_kecheng_area .kecheng-cards {
	display: flex;
	gap: 20px;
	transition: transform 0.4s ease;
}
.i_index_kecheng_area .kecheng-card {
	flex: 0 0 calc((100% - 60px) / 4);
	background-color: #fff;
	border: 1px solid #eaeaea;
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	height: 420px;
	border-radius: 4px;
	cursor: pointer;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.i_index_kecheng_area .kecheng-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #666;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.i_index_kecheng_area .kecheng-nav:hover {
	background-color: #B30909;
	border-color: #B30909;
	color: #fff;
}
.i_index_kecheng_area .kecheng-nav.kecheng-prev {
	left: -20px;
}
.i_index_kecheng_area .kecheng-nav.kecheng-next {
	right: -20px;
}
.i_index_kecheng_area .kecheng-nav:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}
.i_index_kecheng_area .kecheng-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	transform: translateY(-4px);
}
.i_index_kecheng_area .kecheng-card-img {
	width: 100%;
	height: 260px;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
}
.i_index_kecheng_area .kecheng-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.i_index_kecheng_area .kecheng-card-info {
	padding: 18px 20px 24px;
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.i_index_kecheng_area .kecheng-card-info-text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.i_index_kecheng_area .kecheng-card-title {
	font-size: 18px;
	font-weight: 600;
	color: #5c5a5a;
	margin: 0 0 10px;
	line-height: 1.4;
}
.i_index_kecheng_area .kecheng-card-desc {
	font-size: 13px;
	color: #5c5a5a;
	margin: 0;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.i_index_kecheng_area .kecheng-card-arrow {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 12px;
	flex-shrink: 0;
	align-self: flex-start;
	transition: border-color 0.25s ease, transform 0.25s ease;
}
.i_index_kecheng_area .kecheng-card-arrow::after {
	content: '';
	position: absolute;
	right: 3px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 3px solid #B30909;
	border-right: 3px solid #B30909;
	transform: translateY(-50%) rotate(45deg);
}
.i_index_kecheng_area .kecheng-card-arrow::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 3px;
	background-color: #B30909;
	transform: translateY(-50%);
}
.i_index_kecheng_area .kecheng-card-hover-icon {
	display: none;
	width: 24px;
	height: 24px;
	margin-bottom: 20px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 4px;
}
.i_index_kecheng_area .kecheng-card-hover-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-img {
	height: 420px;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: #b30909;
	padding: 30px 24px 24px;
	justify-content: center;
	align-items: center;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-hover-icon {
	display: flex;
	align-self: center;
	margin-top: 90px;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-info-text {
	align-items: center;
	text-align: center;
	flex: none;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-title {
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-desc {
	color: rgba(255, 255, 255, 0.88);
	text-align: center;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-arrow {
	margin-top: auto;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-arrow::after {
	border-color: #fff;
}
.i_index_kecheng_area .kecheng-card:hover .kecheng-card-arrow::before {
	background-color: #fff;
}
.i_index_kecheng_area .kecheng-card-featured {
	border: none;
	position: relative;
}
.i_index_kecheng_area .kecheng-card-featured .kecheng-card-img {
	height: 100%;
	flex: 1;
}
.i_index_kecheng_area .kecheng-card-featured .kecheng-card-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(179, 9, 9, 0.82);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px;
	text-align: center;
	box-sizing: border-box;
}
.i_index_kecheng_area .kecheng-card-featured .kecheng-hat-icon {
	font-size: 42px;
	margin-bottom: 12px;
}
.i_index_kecheng_area .kecheng-card-featured .kecheng-card-title {
	color: #fff;
	font-size: 22px;
	margin-bottom: 12px;
}
.i_index_kecheng_area .kecheng-card-featured .kecheng-card-desc {
	color: rgba(255,255,255,0.85);
	font-size: 14px;
	max-width: 220px;
}
.i_index_kecheng_area .kecheng-card-featured .kecheng-card-arrow {
	position: static;
	margin-top: 18px;
	background-color: rgba(255,255,255,0.2);
}
.i_index_kecheng_area .kecheng-card-featured:hover .kecheng-card-arrow {
  background-color: rgba(255,255,255,0.35);
  transform: translateX(3px);
}
.i_index_zk_area {
	width: 96%;
	display: flex;
	gap: 20px;
	margin: 0 auto;
	background-color: white;
	padding: 1%;
	box-sizing: border-box;
}
.i_index_zk_area .zk-left-card {
	flex: 0 0 48%;
	overflow: hidden;
	box-sizing: border-box;
	height: 420px;
	background-color: #f5f5f5;
	position: relative;
}
.i_index_zk_area .zk-left-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	border-radius: 4px;
	text-decoration: none;
	background-color: #f5f5f5;
}
.i_index_zk_area .zk-left-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	z-index: 1;
}
.i_index_zk_area .zk-left-mask {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;
	background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
	z-index: 2;
}
.i_index_zk_area .zk-left-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 28px 28px 60px;
	z-index: 3;
}
.i_index_zk_area .zk-left-title {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	line-height: 1.4;
}
.i_index_zk_area .zk-left-btn {
	position: absolute;
	right: 28px;
	bottom: 48px;
	display: inline-block;
	background-color: #B30909;
	color: #fff;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 20px;
	text-decoration: none;
	z-index: 4;
	transition: background-color 0.25s ease;
}
.i_index_zk_area .zk-left-btn:hover {
	background-color: #900707;
}
.i_index_zk_area .zk-right-list {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.i_index_zk_area .zk-right-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 420px;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	box-sizing: border-box;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.i_index_zk_area .zk-left-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	transform: translateY(-4px);
}
.i_index_zk_area .zk-right-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	transform: translateY(-4px);
}
.i_index_zk_area .zk-right-img {
	width: 100%;
	height: 55%;
	overflow: hidden;
	flex-shrink: 0;
}
.i_index_zk_area .zk-right-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.i_index_zk_area .zk-right-info {
	flex: 1;
	padding: 16px 20px 18px;
	display: flex;
	flex-direction: column;
}
.i_index_zk_area .zk-right-title {
	font-size: 17px;
	font-weight: 600;
	color: #333;
	margin: 0 0 8px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.i_index_zk_area .zk-right-desc {
	font-size: 13px;
	color: #777;
	margin: 0;
	line-height: 1.6;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.i_index_zk_area .zk-right-hover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 45%;
	background-color: #B30909;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	display: flex;
	flex-direction: column;
	padding: 16px 20px 18px;
	box-sizing: border-box;
	transition: opacity 0.3s ease;
}
.i_index_zk_area .zk-right-hover-info {
	flex: 1;
}
.i_index_zk_area .zk-right-hover-title {
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 8px;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.i_index_zk_area .zk-right-hover-desc {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.88);
	margin: 0;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.i_index_zk_area .zk-right-hover-arrow {
	margin-top: 10px;
	width: 22px;
	height: 12px;
	position: relative;
}
.i_index_zk_area .zk-right-hover-arrow::after {
	content: '';
	position: absolute;
	right: 3px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}
.i_index_zk_area .zk-right-hover-arrow::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 3px;
	background-color: #fff;
	transform: translateY(-50%);
}
.i_index_zk_area .zk-right-card:hover .zk-right-hover {
	opacity: 1;
	pointer-events: auto;
}
.i_index_xiaoyuan_area {
	width: 96%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 1%;
	background-color: white;
	gap: 12px;
	box-sizing: border-box;
}
.i_index_xiaoyuan_area .xiaoyuan-prev,
.i_index_xiaoyuan_area .xiaoyuan-next {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #666;
	font-size: 22px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.i_index_xiaoyuan_area .xiaoyuan-prev:hover,
.i_index_xiaoyuan_area .xiaoyuan-next:hover {
	background-color: #B30909;
	color: #fff;
	border-color: #B30909;
}
.i_index_xiaoyuan_area .xiaoyuan-prev:disabled,
.i_index_xiaoyuan_area .xiaoyuan-next:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	background-color: #fff;
	color: #666;
	border-color: #ddd;
}
.i_index_xiaoyuan_area .xiaoyuan-viewport {
	flex: 1;
	overflow: hidden;
	border-radius: 4px;
}
.i_index_xiaoyuan_area .xiaoyuan-track {
	display: flex;
	gap: 0;
	transition: transform 0.4s ease;
}
.i_index_xiaoyuan_area .xiaoyuan-card {
	position: relative;
	flex: 0 0 20%;
	height: 260px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	border-right: 1px solid #fff;
	background-color: #f5f5f5;
}
.i_index_xiaoyuan_area .xiaoyuan-card:last-child {
	border-right: none;
}
.i_index_xiaoyuan_area .xiaoyuan-img {
	width: 100%;
	flex: 1;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
	min-height: 0;
}
.i_index_xiaoyuan_area .xiaoyuan-card:hover .xiaoyuan-img {
	transform: scale(1.06);
}
.i_index_xiaoyuan_area .xiaoyuan-info {
	position: relative;
	flex-shrink: 0;
	height: 46px;
	background-color: #e8e8e8;
	padding: 0 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.25s ease;
	z-index: 2;
}
.i_index_xiaoyuan_area .xiaoyuan-label {
	font-size: 14px;
	font-weight: 500;
	color: #555;
	display: block;
	white-space: nowrap;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.25s ease;
}
.i_index_xiaoyuan_area .xiaoyuan-link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 46px;
	background-color: #B30909;
	padding: 0 18px;
	z-index: 3;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_index_xiaoyuan_area .xiaoyuan-card:hover .xiaoyuan-info {
	opacity: 0;
}
.i_index_xiaoyuan_area .xiaoyuan-card:hover .xiaoyuan-link {
	opacity: 1;
	pointer-events: auto;
}
@media screen and (max-width:830px) {
/*杞樉*/
#slider {
	display: none;
}
.flash_div {
	display: block;
}
.i_link ul li {
	width: 24%;
}
.i_link ul li:nth-child(5n+0) {
	margin-right: 1.1%;
}
.i_link ul li:nth-child(4n+0) {
	margin-right: 0;
}
}
 @media screen and (max-width: 780px) {
.nproduct_list2 ul li {
	width: 49%;
}
.nproduct_list2 ul li:nth-child(3n+0) {
	margin-right: 1%;
}
.nproduct_list2 ul li:nth-child(2n+0) {
	margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.nproduct_list2 ul li p {
	font-size: 13px;
}
.i_link ul li {
	width: 32.5%;
}
.i_link ul li:nth-child(4n+0) {
	margin-right: 1.1%;
}
.i_link ul li:nth-child(3n+0) {
	margin-right: 0;
}
}
 @media screen and (max-width: 480px) {
	 .i_index_choose_title {
		 font-size: 12px;
		 text-align: center;
	 }
	 .floating_ck {
		 display: none;
	 }
	 }
 @media screen and (max-width:360px) {
	 .i_index_choose_title {
		 font-size: 12px;
		 text-align: center;
	 }
 }
.i_index_lianix_area {
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}
.i_index_lianix_area .lianix-container {
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 1% 30px;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	gap: 40px;
	box-sizing: border-box;
}
.i_index_lianix_area .lianix-left {
	flex: 1;
	min-width: 0;
}
.i_index_lianix_area .lianix-left-title {
	font-size: 18px;
	font-weight: 600;
	color: #B30909;
	margin: 0 0 20px;
	margin-top: 13px;
	text-align: center;
}
.i_index_lianix_area .lianix-map {
	width: 100%;
	height: 360px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #eee;
	position: relative;
}
.i_index_lianix_area .lianix-map-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.i_index_lianix_area .lianix-map-item.active {
	display: block;
}
.i_index_lianix_area .lianix-map-item img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.i_index_lianix_area .lianix-right {
	flex: 0 0 420px;
	min-width: 0;
}
.i_index_lianix_area .lianix-right-title {
	font-size: 18px;
	font-weight: 600;
	color: #B30909;
	text-align: center;
	margin: 0 0 24px;
	margin-top: 13px;
}
.i_index_lianix_area .lianix-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.i_index_lianix_area .lianix-form-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.i_index_lianix_area .lianix-form-item label {
	font-size: 14px;
	color: #555;
}
.i_index_lianix_area .lianix-required {
	color: #B30909;
}
.i_index_lianix_area .lianix-form-item input[type="text"],
.i_index_lianix_area .lianix-form-item input[type="tel"],
.i_index_lianix_area .lianix-form-item select {
	width: 100%;
	height: 42px;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 0 14px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	background-color: #fff;
	outline: none;
	transition: border-color 0.2s ease;
}
.i_index_lianix_area .lianix-form-item input:focus,
.i_index_lianix_area .lianix-form-item select:focus {
	border-color: #B30909;
}
.i_index_lianix_area .lianix-code-row {
	display: flex;
	gap: 10px;
}
.i_index_lianix_area .lianix-code-row input {
	flex: 1;
}
.i_index_lianix_area .lianix-code-img {
	width: 120px;
	height: 42px;
	border: 1px solid #ddd;
	border-radius: 2px;
	cursor: pointer;
}
.i_index_lianix_area .lianix-form-agree {
	margin-top: 4px;
}
.i_index_lianix_area .lianix-agree-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #777;
	cursor: pointer;
}
.i_index_lianix_area .lianix-agree-label a {
	color: #B30909;
	text-decoration: none;
}
.i_index_lianix_area .lianix-agree-label a:hover {
	text-decoration: underline;
}
.i_index_lianix_area .lianix-submit-btn {
	width: 100%;
	height: 46px;
	background-color: #1aad19;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	transition: background-color 0.25s ease;
	margin-top: 4px;
}
.i_index_lianix_area .lianix-submit-btn:hover {
	background-color: #1aad19;
}

/* ========== 鍏ㄥ浗鏍″尯 ========== */
.i_index_xiaoqu_area {
  width: 96%;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px 30px 40px;
  box-sizing: border-box;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08);
  border-radius: 4px;
  position: relative;
}
.xiaoqu-campus-wrap {
	display: flex;
	flex-direction: column;
}
.xiaoqu-campus-head {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.xiaoqu-all-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 10px 22px;
	background-color: #B30909;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	border-radius: 30px;
	transition: background-color 0.25s ease;
}
.xiaoqu-all-btn:hover {
	background-color: #B30909;
}
.xiaoqu-all-btn .xiaoqu-btn-arrow {
	font-size: 18px;
	line-height: 1;
}
.xiaoqu-viewport {
  overflow: hidden;
  margin-top: 20px;
  position: relative;
  text-align: left;
}
.xiaoqu-cards {
  display: flex;
  gap: 16px;
  transition: transform 0.4s ease;
}
.xiaoqu-nav {
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #666;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.xiaoqu-nav:hover {
  background-color: #B30909;
  border-color: #B30909;
  color: #fff;
}
.xiaoqu-nav.xiaoqu-prev {
  left: -20px;
}
.xiaoqu-nav.xiaoqu-next {
  right: -20px;
}
.xiaoqu-nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.xiaoqu-campus-card {
  flex: 0 0 calc((100% - 48px) / 4);
	position: relative;
	height: 300px;
	border-radius: 4px;
	overflow: hidden;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	background-color: #f5f5f5;
	cursor: pointer;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.xiaoqu-campus-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
	transform: translateY(-4px);
}
.xiaoqu-campus-img {
	width: 100%;
	flex: 1;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
	min-height: 0;
}
.xiaoqu-campus-card:hover .xiaoqu-campus-img {
	transform: scale(1.06);
}
.xiaoqu-campus-label {
	flex-shrink: 0;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	color: #4F4F4F;
	background-color: #f0f0f0;
	z-index: 2;
}
.xiaoqu-mode-title {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 30px 0 16px;
}
.xiaoqu-mode-banner {
	margin: 0 auto;
	width: 80%;
	border-radius: 4px;
	overflow: hidden;
}
.xiaoqu-mode-banner-img {
	width: 100%;
	display: block;
}
.xiaoqu-featured-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(179,9,9,0.82);
	z-index: 1;
	opacity: 0;
	transition: opacity 0.35s ease;
}
.xiaoqu-featured-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	padding: 28px 18px 44px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.35s ease 0.05s;
	pointer-events: none;
}
.xiaoqu-featured-title {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 8px;
	letter-spacing: 2px;
}
.xiaoqu-featured-slogan {
	font-size: 13px;
	color: rgba(255,255,255,0.85);
	margin: 0 0 10px;
}
.xiaoqu-featured-desc {
	font-size: 12px;
	color: rgba(255,255,255,0.9);
	line-height: 1.7;
	margin: 0;
}

.xiaoqu-campus-card:hover .xiaoqu-featured-mask,
.xiaoqu-campus-card:hover .xiaoqu-featured-body {
	opacity: 1;
	pointer-events: auto;
}
.xiaoqu-campus-card:hover .xiaoqu-campus-label {
	opacity: 0;
	transition: opacity 0.25s ease;
}

/* ========== 鏁欏绠＄悊妯″紡 ========== */
.xiaoqu-mode-wrap {
	margin-top: 50px;
	text-align: center;
	position: relative;
}
.xiaoqu-mode-title {
	font-size: 17px;
	font-weight: bold;
	color: #616161;
	margin: 3% 0;
	position: relative;
	display: inline-block;
	padding: 0 30px;
}
.xiaoqu-mode-list {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	position: relative;
	padding-top: 10px;
}
.xiaoqu-mode-list::before {
	content: "";
	position: absolute;
	top: 28px;
	left: 10%;
	right: 10%;
	height: 60px;
	border-top: 1px solid #B30909;
	border-radius: 50%;
	pointer-events: none;
}
.xiaoqu-mode-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	position: relative;
	z-index: 2;
}
.xiaoqu-mode-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	transition: all 0.3s ease;
	cursor: pointer;
}
.xiaoqu-mode-icon:hover {
	background-color: #B30909;
	border-color: #B30909;
	transform: translateY(-4px);
	box-shadow: 0 6px 16px rgba(179,9,9,0.25);
}
.xiaoqu-mode-icon:hover svg path,
.xiaoqu-mode-icon:hover svg circle {
	stroke: #fff;
	fill: #fff;
}
.xiaoqu-mode-icon svg {
	transition: all 0.3s ease;
}
.xiaoqu-mode-icon:hover svg path,
.xiaoqu-mode-icon:hover svg circle {
	fill: #fff;
}
.xiaoqu-mode-text {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	white-space: nowrap;
}
/* =============== 浮动条新样式 =============== */
.floating_ck{
	position:fixed;
	right:0;
	top:30%;
	z-index:999;
}
.floating-list{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.floating-item{
	position:absolute;
	right:-78px;           /* 默认推到墙外，只露图标 */
	height:80px;
	background-color:#B30909;
	border-radius:22px 0 0 22px;  /* 左圆右方（贴墙） */
	display:flex;
	align-items:center;
	padding-left:44px;      /* 给 ::before 图标留位置 */
	padding-right:18px;
	margin-bottom:10px;
	cursor:pointer;
	white-space:nowrap;
	color:#fff;
	font-size:14px;
	box-shadow:0 2px 8px rgba(179,9,9,0.25);
	transition:right 0.35s ease, background-color 0.25s ease;
	z-index:1;
}
.floating-item:nth-child(1){ top:0; padding-left: 80px;    right: -114px;}
.floating-item:nth-child(2){ top:90px; padding-left: 80px;    right: -45px;}   /* 44px高 + 10px间距 */
.floating-item:nth-child(3){     top: 180px;
	padding-left: 97px;
	right: -89px;}
.floating-item:nth-child(4){ top:270px; padding-left: 90px;    right: -80px;}

/* 电话 - 拉出 */
.fi-phone:hover{
	right:0;
	background-color:#8C0707;
	box-shadow:0 4px 12px rgba(179,9,9,0.4);
	z-index:10;
}

/* 在线咨询 - 拉出 */
.fi-online:hover{
	right:0;
	background-color:#8C0707;
	box-shadow:0 4px 12px rgba(179,9,9,0.4);
	z-index:10;
}

/* 在线留言 - 拉出 */
.fi-msg:hover{
	right:0;
	background-color:#8C0707;
	box-shadow:0 4px 12px rgba(179,9,9,0.4);
	z-index:10;
}

/* 微信 - 不拉出，只变色 + 弹面板 */
.fi-qrcode:hover{
	background-color:#8C0707;
	box-shadow:0 4px 12px rgba(179,9,9,0.4);
	z-index:10;
}
/* 微信面板弹出（已有，保留） */
.fi-qrcode:hover .fi-qr-panel{
	border-color:#B30909;
	opacity:1;
	visibility:visible;
	transform:translateY(-50%) translateX(-2px);
}

/* ::before 伪元素图标 */
.floating-item::before{
	content:'';
	position:absolute;
	left:18px;
	top:50%;
	transform:translateY(-50%);
	width:36px;
	height:36px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.fi-phone::before{   background-image:url(../images/float-phone.png); left: 21px}
.fi-qrcode::before{  background-image:url(../images/float-wechat.png); left: 21px}
.fi-online::before{  background-image:url(../images/float-online.png); left: 21px}
.fi-msg::before{     background-image:url(../images/float-note.png); left: 21px}

.floating-text{
	line-height:1;
}

/* 二维码 hover 面板 */
.fi-qrcode .fi-qr-panel{
	position:absolute;
	right:calc(100% + 10px);
	top:100%;
	transform:translateY(-50%);
	background:#fff;
	padding:3%;
	border-radius:6px;
	box-shadow:0 4px 12px rgba(0,0,0,0.18);
	text-align:center;
	white-space:normal;
	opacity:0;
	border:5px solid transparent;
	visibility:hidden;
	transition:opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
	z-index:1000;
}
/* 二维码面板加右侧箭头 */
.fi-qrcode .fi-qr-panel::after{
	content:'';
	position:absolute;
	right:-28px;
	top:20%;
	transform:translateY(-50%);
	width:0;
	height:0;
	border:12px solid transparent;
	border-left-color:#B30909;
}
.fi-qr-img{
	display:block;
	width:140px;
	height:140px;
	background:#fff;
}
.fi-qr-text{
	margin:6px 0 0;
	font-size:12px;
	color:#666;
}

/* =============== 留言弹窗样式 =============== */
.fmp-mask{
	display:none;
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background-color:rgba(0,0,0,0.55);
	z-index:9999;
	justify-content:center;
	align-items:center;
	opacity:0;
	transition:opacity 0.22s ease;
}
.fmp-mask.fmp-show{
	display:flex;
	opacity:1;
}
.fmp-box{
	background:#fff;
	border-radius:12px;
	width:720px;
	max-width:94vw;
	position:relative;
	box-shadow:0 10px 40px rgba(0,0,0,0.25);
	transform:translateY(16px) scale(0.97);
	transition:transform 0.22s ease;
	display:flex;
	overflow:hidden;
}
.fmp-mask.fmp-show .fmp-box{
	transform:none;
}
.fmp-close{
	position:absolute;
	top:12px;right:16px;
	width:28px;height:28px;
	cursor:pointer;
	color:#999;
	font-size:22px;
	line-height:26px;
	text-align:center;
	border-radius:50%;
	transition:color 0.2s, background-color 0.2s;
	z-index:2;
}
.fmp-close:hover{
	color:#B30909;
	background-color:#f5f5f5;
}
.fmp-left{
	width:300px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.fmp-left img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.fmp-right{
	flex:1;
	padding:32px 36px 28px;
}
.fmp-title{
	font-size:20px;
	font-weight:600;
	color:#B30909;
	margin:0 0 22px;
	text-align:center;
}
.fmp-form{
	width:100%;
}
.fmp-group{
	margin-bottom:14px;
}
.fmp-group label{
	display:block;
	font-size:14px;
	color:#444;
	margin-bottom:8px;
}
.fmp-group label .req{
	color:#B30909;
	margin-left:2px;
}
.fmp-group input,
.fmp-group select{
	width:100%;
	box-sizing:border-box;
	border:1px solid #e0e0e0;
	border-radius:4px;
	padding:10px 14px;
	font-size:14px;
	color:#333;
	outline:none;
	transition:border-color 0.2s;
	font-family:inherit;
	background-color:#f5f5f5;
}
.fmp-group input:focus,
.fmp-group select:focus{
	border-color:#B30909;
	background-color:#fff;
}
.fmp-captcha{
	display:flex;
	gap:10px;
}
.fmp-captcha input{
	flex:1;
}
.fmp-captcha img{
	height:40px;
	cursor:pointer;
	border-radius:4px;
	border:1px solid #e0e0e0;
}
.fmp-agree{
	margin:14px 0 18px;
	font-size:13px;
	color:#666;
}
.fmp-agree label{
	display:flex;
	align-items:center;
	gap:6px;
}
.fmp-agree input[type="checkbox"]{
	margin:0;
	cursor:pointer;
}
.fmp-agree a{
	color:#2d7ff9;
	text-decoration:none;
}
.fmp-agree a:hover{
	text-decoration:underline;
}
.fmp-submit{
	width:100%;
	background-color:#1ea84c;
	color:#fff;
	border:none;
	border-radius:4px;
	padding:13px 0;
	font-size:16px;
	cursor:pointer;
	transition:background-color 0.2s;
}
.fmp-submit:hover{
	background-color:#188d3f;
}
.fmp-toast{
	position:fixed;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:12px 24px;
	border-radius:6px;
	color:#fff;
	font-size:14px;
	z-index:10001;
	opacity:0;
	transition:opacity 0.25s;
	pointer-events:none;
}
.fmp-toast.fmp-toast-show{
	opacity:1;
}
.fmp-toast-success{
	background-color:#B30909;
}
.fmp-toast-warn{
	background-color:#d9534f;
}
/* =============== END 浮动条 =============== */

/* =============== 首页透明Header =============== */
body.home-page .blank_h {
	display: none;
}
body.home-page #slider {
	margin-top: -100px;
	position: relative;
	z-index: 5;
}
body.home-page .header-v1 {
	background-color: transparent;
	box-shadow: none;
}
body.home-page .header-v1 .top-main .navBar .nav .m h3 a {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
body.home-page .header-v1 .top-main .navBar .nav .m::after {
	background: #fff;
}
body.home-page .header-v1.header-scrolled {
	background-color: #B30909;
	box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}
body.home-page .header-v1.header-scrolled .top-main .navBar .nav .m h3 a {
	color: #fff;
	text-shadow: none;
}
/* =============== END 首页透明Header =============== */