/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, input, button, textarea, dl, dt {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
	font-family: normal;
}

body {
	font-size: 14px;
	color: #111;
	overflow-x: hidden;
	background-image: url(../images/bg.jpg);
	background-size: cover;
}

a img {
	border: 0;
}

em {
	font-style: normal;
}

body.head_on {
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #333;
	transition: all .3s;
}

	a:hover {
		color: #9b142b !important;
	}

* {
	box-sizing: border-box;
}

input, select, textarea {
	outline: none;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper {
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1200px) {
	.wapper {
		width: 1200px;
		margin: 0 auto;
	}
}

:root {
	--primary-color: #000;
	--font-color: #000;
	--main-white: #fff;
}





/* 轮播图通用 */
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	.swiper-slide img {
		width: 100%;
	}

.overflow1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
}

.overflow2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overflow3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


header {
	width: 100%;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
	background: #fff;
	height: 132px;
}



.topbox {
	width: 100%;
	margin: 0 auto;
	background: #f5f5f5;
}

.top {
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.top .left {
		display: flex;
	}

	.top .right {
		display: flex;
	}

	.top .left h3 {
		font-size: 13px;
		color: #404040;
		margin-right: 40px;
		white-space: nowrap;
	}

	.top .img {
		font-size: 0;
		margin-bottom: 0;
	}

		.top .img img {
			max-width: 100%;
			width: auto;
			height: 40px;
		}


.centerbox {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0;
}

.center {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	position: relative;
}

	.center .right {
		position: relative;
		display: flex;
		justify-content: flex-end;
		height: 30px;
	}

	.center .list {
	}

		.center .list ul {
			display: flex;
			align-items: center;
		}

			.center .list ul li {
				margin-right: 15px;
			}

				.center .list ul li a {
					padding: 3.5px 8px;
					display: inline-block;
					font-size: 16px;
					color: #000;
					background: #f5f5f5;
					line-height: 1;
				}

				.center .list ul li:hover a {
					background: #000;
					color: #fff !important;
				}

.lan {
	margin-left: 40px;
}

	.lan a {
		font-size: 18px;
		color: #404040;
	}

		.lan a:hover {
			color: var(--primary-color);
		}

.login {
	margin-left: 40px;
}

	.login a {
		display: flex;
		align-items: center;
	}

		.login a i {
			font-size: 20px;
			margin-right: 8px;
		}

		.login a span {
			font-size: 18px;
			color: #404040;
		}

.h_search {
	margin-left: 40px;
}

.s_btn {
}

	.s_btn i {
		font-size: 25px;
		color: #404040;
		cursor: pointer;
	}

.search_form {
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 40px;
	transition: all 0.5s;
}

	.search_form input {
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #404040;
		font-size: 16px;
		color: #404040;
	}

.h_search button {
	background: transparent;
	width: 10%;
	font-size: 25px;
	color: #404040;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.h_search button i {
	}

	.h_search button:hover i {
		color: var(--primary-color);
	}

.search_form.on {
	width: 100%;
}


/* 导航 */
.headerbox {
	width: 100%;
	margin: 0 auto;
}

	.headerbox .header {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}

.logo {
	width: 15%
}

	.logo img {
		width: 187px;
	}

.headerbox .header .menu ul li {
	position: relative;
	display: inline-block;
}

	.headerbox .header .menu ul li a {
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		padding: 10px 8px;
		color: #000;
		display: flex;
		position: relative;
		text-decoration: none;
		border-bottom: 3px solid transparent;
	}

.headerbox .header .menu > ul > li:hover > a {
	border-bottom: 3px solid #404040;
}

.headerbox .header .menu ul li .sub_menu {
	min-width: 100%;
	position: absolute;
	top: 140%;
	left: 0%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	background: white;
	transition: all 400ms ease;
}

.headerbox .header .menu ul li:hover > dl {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.headerbox .header .menu ul li dd {
	position: relative;
	display: block;
	text-align: center;
	transition: all 400ms ease;
}

.headerbox .header .menu dl dd > .three_menu {
	min-width: 100%;
	position: absolute;
	left: 100%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	background: white;
	transition: all 400ms ease;
}

.headerbox .header .menu dl dd:hover > .three_menu {
	opacity: 1;
	visibility: visible;
	top: 0px;
}

.headerbox .header .menu ul li dl dd a {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #333;
	text-align: left;
	display: block;
	padding: 15px 25px 15px 25px;
	position: relative;
	text-decoration: none;
	outline: none;
	text-align: center;
	text-transform: none;
	transition: all 400ms ease;
	border-bottom: 1px solid #f4f4f4;
}

.headerbox .header .menu ul li dl dd:hover {
	background-color: var(--primary-color);
}

	.headerbox .header .menu ul li dl dd:hover > a {
		color: #fff !important;
	}





/*mMenu*/
.m_header {
	width: 100%;
}

.sp_header {
	height: 70px;
	overflow: hidden;
	background: var(--main-white);
	position: fixed;
	z-index: 999;
	width: 100%;
	display: none;
	top: 0;
	align-items: center;
	justify-content: space-between;
}

.sp_logo {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
}

	.sp_logo img {
		margin: auto;
		max-height: 50px;
	}

.sp_nav {
	width: 50px;
	position: relative;
	cursor: pointer;
	height: 30px;
}
	/* 横杠 */
	.sp_nav
	span {
		display: block;
		background: #000000;
		width: 30px;
		height: 3px;
		position: absolute;
		left: 10px;
		transition: all ease 0.35s
	}

		.sp_nav span:nth-of-type(1) {
			top: 0px
		}

		.sp_nav span:nth-of-type(2) {
			top: 10px
		}

		.sp_nav span:nth-of-type(3) {
			top: 20px
		}

.sp_nav_se span:nth-of-type(1) {
	top: 10px;
	transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
	width: 0
}

.sp_nav_se span:nth-of-type(3) {
	top: 10px;
	transform: rotate(-45deg)
}

.sjj_nav {
	position: fixed;
	z-index: 9999;
	background: var(--main-white);
	width: 100%;
	height: calc(100% - 70px);
	font-size: 14px;
	line-height: 40px;
	top: 70px;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	transition: top ease 0.35s;
	display: none;
	transition: all ease 0.35s
}

.nav_show {
	display: block;
}

.sjj_nav ul li i {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 30px;
	padding: 0px 7px 0 7px;
}

	.sjj_nav ul li i svg {
		transform: rotate(-90deg);
		transition: all ease 0.35s
	}

.sjj_nav ul li .sjj_nav_i_se svg {
	transform: rotate(0deg)
}

.sjj_nav ul li {
	border-bottom: 1px dashed #ddd;
	;
	position: relative;
	line-height: 45px;
	font-size: 16px
}

.sjj_nav > ul > li:last-child {
	border-bottom: 1px dashed #ddd;
}

.sjj_nav ul li ul {
	display: none
}

.sjj_nav ul li a {
	color: var(--font-color);
	width: 100%;
	padding: 0 20px;
	display: block;
	box-sizing: border-box;
}

	.sjj_nav ul li a:hover {
		color: #000000;
	}

.sjj_nav ul li ul li a {
	color: var(--font-color);
	display: block;
	text-align: left;
}

.sjj_nav ul li i svg {
	width: 25px;
	height: 25px;
	fill: #333;
}

.sjj_nav ul li .sjj_nav_i_se svg {
	fill: #333;
}

.sjj_nav ul li ul li > ul {
	margin-left: 10px
}

.sjj_nav ul li ul li {
	border-top: none;
}

	.sjj_nav ul li ul li a {
		padding: 0 30px;
	}


.plr15 {
	padding-left: 15px;
	padding-right: 15px;
}

.ptm50 { /* padding-top: 50px; */ /* padding-bottom: 50px; */
}

.bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

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

	.img_list2 ul {
		display: flex;
		flex-wrap: wrap;
	}

		.img_list2 ul li {
			width: 50%;
			font-size: 0;
			padding: 0 15px;
		}

			.img_list2 ul li img {
				width: 100%;
			}

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

	.img_list3 ul {
		display: flex;
		flex-wrap: wrap;
	}

		.img_list3 ul li {
			width: 33.33%;
			font-size: 0;
			padding: 0 15px;
		}

			.img_list3 ul li img {
				width: 100%;
			}

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

	.img_list4 ul {
		display: flex;
		flex-wrap: wrap;
	}

		.img_list4 ul li {
			width: 25%;
			font-size: 0;
			padding: 0 15px;
		}

			.img_list4 ul li img {
				width: 100%;
			}





/* bannerbox */
.bannerbox {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 60px;
}

	.bannerbox .inner {
		/*height: 1070px;*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
		display: block;
		width: 100%;
	}

		.bannerbox .inner .text {
			position: absolute;
			bottom: 100px;
			width: 100%;
			max-width: 1200px;
			left: 58%;
			transform: translateX(-50%);
			z-index: 9;
		}

			.bannerbox .inner .text h1 {
				text-shadow: 0 2px 10px rgba(0,0,0,.6);
				font-size: 50px;
				color: #fff;
			}

				.bannerbox .inner .text h1:hover {
					text-decoration: underline;
				}

			.bannerbox .inner .text p {
				text-shadow: 0 2px 10px rgba(0,0,0,.6);
				font-size: 24px;
				color: #fff;
				line-height: 36px;
			}




/* footer */
.footerbox {
	width: 100%;
	margin: 0 auto;
	background: #262f5c;
	padding: 22px 0;
}

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

.f_menu {
	width: 100%;
	margin-bottom: 20px;
}

	.f_menu ul {
		display: flex;
		flex-wrap: wrap;
	}

		.f_menu ul li {
			margin-right: 10px;
			font-size: 16px;
			color: #fff;
		}

			.f_menu ul li::before {
				content: "|";
			}

			.f_menu ul li:first-child::before {
				display: none;
			}

			.f_menu ul li a {
				font-size: 16px;
				color: #fff;
				font-weight: 500;
			}

			.f_menu ul li:hover a {
				text-decoration: underline;
			}

.f_link {
	width: 100%;
}

	.f_link ul {
		display: flex;
		flex-wrap: wrap;
	}

		.f_link ul li {
			margin-right: 37px;
		}

			.f_link ul li a {
				display: inline-block;
				font-size: 0;
			}

				.f_link ul li a img {
					max-width: 100%;
					width: auto;
					filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
				}

			.f_link ul li:hover a img {
				filter: none;
			}



/* 通用内页 */
.inbannerbox {
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}

	.inbannerbox img {
		width: 100%;
	}

.insidebox {
	width: 100%;
	margin: 0 auto;
	min-height: 500px;
	h
}

	.insidebox .inside {
		width: 100%;
		box-sizing: border-box;
	}

.out_top {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 25px;
	z-index: 999;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	background: var(--primary-color);
	transition: all 0.5s;
	right: 0;
	color: #fff;
	font-size: 30px;
}

	.out_top:hover {
		background: #c69f7e;
	}


.w50 {
	width: 50%;
}

.w33 {
	width: 33.33%;
}

/* ================首页样式========================= */
.index1box {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
}

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

	.index1 a {
		display: block;
		width: 100%;
		max-width: 50%;
		margin: 0 auto;
	}

		.index1 a .imgbox {
			width: 100%;
			font-size: 0;
			margin-bottom: 20px;
		}

			.index1 a .imgbox img {
				width: 100%;
			}

		.index1 a .textbox {
			width: 100%;
		}

			.index1 a .textbox span {
				display: block;
				font-size: 13px;
				line-height: 1.63;
				letter-spacing: 0.23px;
				color: #404040;
			}

			.index1 a .textbox h3 {
				font-size: 20px;
				line-height: 34px;
				font-weight: 600;
				color: #404040;
			}

				.index1 a .textbox h3:hover {
					text-decoration: underline;
				}

			.index1 a .textbox .desc {
				font-size: 18px;
				color: #404040;
				line-height: 30px;
			}


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

.index2 {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background: #f5f5f5;
}

	.index2 .inner {
		width: 100%;
		max-width: 66.66%;
		margin: 0 auto;
	}

	.index2 .video {
		width: 100%;
		position: relative;
		font-size: 0;
	}

		.index2 .video video {
			width: 100%;
		}

		.index2 .video .play {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
			cursor: pointer;
			z-index: 2;
			display:none
		}

	.index2 .inner h3 {
		font-size: 34px;
		color: #404040;
		line-height: 48px;
		margin-top: 20px;
		letter-spacing: -1px;
	}



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

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

	.index3 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

		.index3 ul li {
			margin-bottom: 30px;
			padding: 0 15px;
		}

			.index3 ul li a {
				display: block;
				width: 100%;
			}

				.index3 ul li a .imgbox {
					width: 100%;
					font-size: 0;
					margin-bottom: 20px;
				}

					.index3 ul li a .imgbox img {
						width: 100%;
						height: 410px;
						object-fit: cover;
					}

				.index3 ul li a .textbox {
					width: 100%;
				}

					.index3 ul li a .textbox span {
						display: block;
						font-size: 22px;
						color: #000;
						margin-bottom: 5px;
					}

					.index3 ul li a .textbox h3 {
						font-size: 24px;
						color: #404040;
						line-height: 34px;
						margin-bottom: 10px;
						font-weight: 600;
					}

						.index3 ul li a .textbox h3:hover {
							text-decoration: underline;
						}

					.index3 ul li a .textbox p {
						font-size: 18px;
						color: #404040;
						line-height: 30px;
					}



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

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

	.index4 .list h3 {
		font-size: 14px;
		color: #404040;
		margin-bottom: 20px;
	}

	.index4 .list {
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.2);
		padding-bottom: 30px;
		padding-top: 30px;
	}

		.index4 .list:last-child {
			border-bottom: 0;
		}

		.index4 .list ul {
			display: flex;
			flex-wrap: wrap;
		}

			.index4 .list ul li {
				font-size: 0;
				margin-right: 30px;
			}

				.index4 .list ul li img {
					max-width: 100%;
					width: auto;
				}


.v_tit {
	width: 100%;
}

	.v_tit h1 {
		font-size: 30px;
		margin-bottom: 43px;
		color: #404040;
		font-weight: 600;
		letter-spacing: -1px;
	}


/*  */
.videobox {
	width: 100%;
	margin: 0 auto;
}

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

.img {
	width: 100%;
	margin-bottom: 30px;
}

	.img img {
		max-width: 100%;
		width: auto;
	}

	.img p {
		font-size: 15px;
		color: #404040;
		margin-top: 10px;
	}

.video .desc {
	margin-left: 16.67%;
	width: 100%;
	max-width: 66.66%;
	font-size: 18px;
	color: #404040;
}

.program {
	width: 100%;
	max-width: 66.67%;
	margin: 0 auto;
}

	.program .desc {
		width: 100%;
		font-size: 18px;
		color: #404040;
	}



/*  */
.newsbox {
	width: 100%;
	margin: 0 auto;
}

.news {
	width: 100%;
	margin: 50px 0 0 0;
	max-width: 100%;
}

.news_tab {
	width: 100%;
	position: relative;
}

.nt_btn {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 12px;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 16px;
	padding-bottom: 12px;
}

	.nt_btn h3 {
		font-size: 24px;
		color: #404040;
	}

	.nt_btn i {
		margin-left: 20px;
		font-size: 24px;
		color: #404040;
	}

	.nt_btn.on i {
		transform: rotate(180deg);
	}

.nt_list {
	position: absolute;
	left: 0;
	top: 100%;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	max-height: 75vh;
	overflow-y: auto;
	z-index: 99;
	background: #fff;
	min-width: 300px;
	display: none;
}

	.nt_list.on {
		display: block;
	}

	.nt_list ul li {
		padding: 16px 20px;
		border-bottom: 1px solid #d6d6d6;
		border-right: 1px solid #d6d6d6;
		border-left: 1px solid #d6d6d6;
		line-height: 1.42;
	}

		.nt_list ul li a {
			font-size: 18px;
			color: #404040;
		}

		.nt_list ul li:hover a {
			color: var(--primary-color);
		}

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

	.news_content ul li {
		width: 100%;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 21px;
		margin-bottom: 24px;
	}

		.news_content ul li a {
			display: block;
			width: 100%;
		}

			.news_content ul li a .tip {
				display: block;
				font-size: 16px;
				color: #404040;
				letter-spacing: 0.23px;
			}

			.news_content ul li a h3 {
				font-size: 22px;
				line-height: 34px;
				color: #000;
				font-weight: 600;
			}

		.news_content ul li:hover a h3 {
			text-decoration: underline;
			color: #c01407;
		}

		.news_content ul li a p {
			font-size: 18px;
			color: #404040;
			line-height: 30px;
		}




/*  */
.profilebox {
	width: 100%;
	margin: 0 auto;
}

.profile {
	width: 100%;
	margin: 0 auto;
	max-width: 66.66%;
}

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

	.profile_list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.profile_list ul li {
			width: 48%;
			margin-bottom: 30px;
		}

			.profile_list ul li .imgbox {
				width: 100%;
				font-size: 0;
				margin-bottom: 20px;
			}

				.profile_list ul li .imgbox img {
					width: 100%;
				}

			.profile_list ul li .textbox {
				width: 100%;
			}

				.profile_list ul li .textbox h3 {
					font-size: 24px;
					color: #404040;
					font-weight: 600;
				}

				.profile_list ul li .textbox p {
					font-size: 16px;
					line-height: 30px;
					color: #404040;
				}

					.profile_list ul li .textbox p a {
						font-size: 18px;
						color: var(--primary-color);
					}

						.profile_list ul li .textbox p a i {
							font-size: 18px;
							color: var(--primary-color);
							transform: rotate(-45deg);
						}




/*  */
.partners1box {
	width: 100%;
	margin: 50px 0 0 0;
}

.partners1 {
	width: 100%;
	margin: 0 auto;
	/* margin-left: 16.66666667%; */
	/* max-width: 66.66%; */
}

	.partners1 strong {
		/*font-size: 27px;*/
		color: #000;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.partners1 h1 {
		font-size: 34px;
		color: #000;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.partners1 p {
		font-size: 16px;
		line-height: 30px;
		color: #000;
	}

		.partners1 p a {
			font-size: 18px;
			color: var(--primary-color);
		}

			.partners1 p a i {
				font-size: 18px;
				color: var(--primary-color);
				transform: rotate(-45deg);
			}




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

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

	.partners2 .item {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 40px;
	}

		.partners2 .item h3 {
			font-size: 30px;
			color: #404040;
			margin-bottom: 50px;
			padding-bottom: 10px;
			border-bottom: 1px solid #404040;
			font-weight: 600;
			letter-spacing: -1px;
		}

		.partners2 .item ul {
			display: flex;
			flex-wrap: wrap;
		}

			.partners2 .item ul li {
				width: 25%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 0;
				margin-bottom: 20px;
			}

				.partners2 .item ul li img {
					max-width: 100%;
					width: 120px;
				}

	.partners2 .item2 ul li {
		width: 16.67%;
	}

		.partners2 .item2 ul li img {
			width: 120px;
		}

	.partners2 .else {
	}

		.partners2 .else h3 {
			font-size: 24px;
			color: #404040;
			margin-bottom: 5px;
			letter-spacing: -1px;
			margin-bottom: 10px;
		}

		.partners2 .else ul li {
			width: 100%;
			margin-bottom: 10px;
		}

			.partners2 .else ul li a {
				color: var(--primary-color);
				font-size: 18px;
			}

				.partners2 .else ul li a i {
					font-size: 18px;
					transform: rotate(-45deg);
					margin-right: 10px;
				}

			.partners2 .else ul li:hover a {
				color: #c69f7e;
			}




/*  */
.achive_search {
	margin-top: 30px;
	width: 100%;
	position: relative;
}

	.achive_search.active {
		position: fixed;
		padding: 50px 0;
		background-color: #fff;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 0;
	}

		.achive_search.active .inner {
			max-width: 66.66%;
			margin: 0 auto;
			width: 100%;
			position: relative;
		}

	.achive_search input {
		width: 100%;
		padding: 10px;
		background: #f5f5f5;
		border: 1px solid #d6d6d6;
		font-size: 16px;
	}

	.achive_search button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
		font-size: 16px;
	}

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

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

	.achive1 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.achive1 ul li {
			width: 48%;
			margin-bottom: 30px;
		}

			.achive1 ul li a {
				display: block;
				width: 100%;
				position: relative;
			}

				.achive1 ul li a .imgbox {
					width: 100%;
					font-size: 0;
				}

					.achive1 ul li a .imgbox img {
						width: 100%;
					}

				.achive1 ul li a .textbox {
					position: absolute;
					left: 0;
					bottom: 30px;
					width: 100%;
					padding: 10px;
				}

					.achive1 ul li a .textbox h3 {
						font-size: 24px;
						color: #fff;
						font-weight: 500;
						line-height: 34px;
					}

						.achive1 ul li a .textbox h3 i {
							margin-left: 10px;
						}

			.achive1 ul li:hover a .textbox h3 {
				text-decoration: underline;
			}

			.achive1 ul li a .textbox p {
				font-size: 16px;
				line-height: 30px;
				color: #fff;
			}


/*  */
.shop1box {
	width: 100%;
	margin: 0 auto;
}

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

.shop1_content {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.shop1_content .left {
		width: 48%;
		font-size: 16px;
		color: #404040;
		line-height: 30px;
	}

	.shop1_content .right {
		width: 48%;
		font-size: 0;
	}

		.shop1_content .right img {
			width: 100%;
		}



/*  */
.contact {
	padding: 24px 15px;
	width: 100%;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #404040;
}

.c1_tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.c1_tab h3 {
		font-size: 22px;
		color: #404040;
		font-weight: 500;
	}

	.c1_tab:hover h3 {
		text-decoration: underline;
	}

	.c1_tab i {
		color: var(--primary-color);
		font-size: 30px;
	}

	.c1_tab.on i {
		transform: rotate(180deg);
	}

.c1_box {
	display: none;
	width: 100%;
	padding: 20px;
}

	.c1_box.on {
		display: block;
	}

	.c1_box a {
		font-size: 16px;
		color: var(--primary-color);
		line-height: 40px;
	}



.contact1 a i {
	transform: rotate(0) !important;
	margin-right: 10px;
}

.contact1 a {
	font-size: 18px;
	color: var(--primary-color);
}

	.contact1 a:hover {
		color: #c69f7e;
	}


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

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

	.contact2 ul {
		display: flex;
		flex-wrap: wrap;
	}

		.contact2 ul li {
			width: 32%;
			margin-right: 2%;
			margin-bottom: 20px;
			background: #f5f5f5;
			padding: 20px;
		}

			.contact2 ul li:nth-child(3n) {
				margin-right: 0;
			}

			.contact2 ul li h3 {
				font-size: 24px;
				color: #404040;
				margin-bottom: 5px;
				font-weight: 500;
			}

			.contact2 ul li p {
				font-size: 16px;
				color: #404040;
				line-height: 30px;
			}






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

	.contact3 ul {
		display: flex;
		flex-wrap: wrap;
	}

		.contact3 ul li {
			width: 33.33%;
			margin-bottom: 30px;
		}

			.contact3 ul li h3 {
				font-size: 24px;
				color: #404040;
				margin-bottom: 5px;
				font-weight: 500;
			}

			.contact3 ul li .desc {
				font-size: 16px;
				color: #404040;
				line-height: 30px;
			}

			.contact3 ul li a i {
				transform: rotate(0) !important;
				margin-right: 10px;
			}

			.contact3 ul li a {
				font-size: 18px;
				color: var(--primary-color);
			}

				.contact3 ul li a:hover {
					color: #c69f7e;
				}


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

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

	.contact4 .item {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 50px;
	}

		.contact4 .item h3 {
			font-size: 32px;
			color: #404040;
			margin-bottom: 5px;
			font-weight: 500;
			margin-bottom: 20px;
			max-width: 60%;
		}

		.contact4 .item .item_content {
			width: 100%;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

			.contact4 .item .item_content .left {
				width: 60%;
				font-size: 16px;
				color: #404040;
				line-height: 30px;
			}

			.contact4 .item .item_content .right {
				font-size: 0;
				width: 30%;
				background: #f5f5f5;
			}

				.contact4 .item .item_content .right img {
					width: 100%;
				}

				.contact4 .item .item_content .right .list {
					width: 100%;
					padding: 20px;
				}

					.contact4 .item .item_content .right .list ul li {
						width: 100%;
					}

						.contact4 .item .item_content .right .list ul li a {
							font-size: 16px;
							color: var(--primary-color);
						}

			.contact4 .item .item_content .left a i {
				transform: rotate(0) !important;
				margin-right: 10px;
			}

			.contact4 .item .item_content .left a {
				font-size: 18px;
				color: var(--primary-color);
			}

				.contact4 .item .item_content .left a:hover {
					color: #c69f7e;
				}




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

	.contact5 ul {
		display: flex;
		flex-wrap: wrap;
	}

		.contact5 ul li {
			width: 50%;
			margin-bottom: 30px;
		}

			.contact5 ul li h3 {
				font-size: 24px;
				color: #404040;
				margin-bottom: 5px;
				font-weight: 500;
			}

			.contact5 ul li .desc {
				font-size: 16px;
				color: #404040;
				line-height: 30px;
			}

			.contact5 ul li a i {
				transform: rotate(0) !important;
				margin-right: 10px;
			}

			.contact5 ul li a {
				font-size: 18px;
				color: var(--primary-color);
			}

				.contact5 ul li a:hover {
					color: #c69f7e;
				}



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

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

	.contact6 .item1 {
		max-width: 50%;
		margin: 0 auto;
		padding: 20px;
		background: var(--primary-color);
		width: 100%;
		margin-bottom: 50px;
	}

		.contact6 .item1 h3 {
			font-size: 24px;
			color: #fff;
			margin-bottom: 5px;
		}

		.contact6 .item1 p {
			font-size: 18px;
			color: #fff;
			line-height: 30px;
		}

		.contact6 .item1 a i {
			transform: rotate(0) !important;
			margin-right: 10px;
		}

		.contact6 .item1 a {
			font-size: 18px;
			color: var(--primary-color);
		}

			.contact6 .item1 a:hover {
				color: #c69f7e;
			}

	.contact6 .item2 {
		max-width: 70%;
		margin: 0 auto;
		width: 100%;
		background: #f5f5f5;
		padding: 20px;
	}

		.contact6 .item2 h3 {
			font-size: 34px;
			color: #404040;
			margin-bottom: 30px;
		}

		.contact6 .item2 p {
			font-size: 18px;
			color: #404040;
			line-height: 30px;
		}

		.contact6 .item2 a i {
			transform: rotate(0);
			margin-right: 10px;
		}

		.contact6 .item2 a {
			font-size: 18px;
			color: var(--primary-color);
		}

			.contact6 .item2 a:hover {
				color: #c69f7e;
			}























@media only screen and (max-width: 980px) {
	header {
		display: none;
	}

	.sp_header {
		display: flex;
	}

	.height {
		height: 70px;
	}

	.img_list2 ul li, .img_list3 ul li, .img_list4 ul li {
		width: 50%;
		margin-bottom: 15px;
	}

	.bannerbox .inner .text {
		padding: 0 15px;
	}

		.bannerbox .inner .text h1 {
			font-size: 30px;
		}

		.bannerbox .inner .text p {
			font-size: 16px;
		}

	.index1 a {
		max-width: 100%;
	}

	.index2 .inner {
		max-width: 100%;
	}

	.index3 ul li {
		width: 100% !important;
	}

		.index3 ul li a .textbox h3 {
			font-size: 20px;
		}

	.index4 .list ul li img {
		height: 40px;
	}

	.program {
		max-width: 100%;
	}

	.news {
		max-width: 100%;
	}

	.profile_list ul li {
		width: 100%;
	}

	.profile {
		max-width: 100%;
	}

	.partners1 {
		max-width: 100%;
		margin-left: 0;
	}

		.partners1 h1 {
			font-size: 25px;
		}

	.partners2 .item ul li {
		width: 50%;
	}

	.partners2 .item2 ul li {
		width: 50%;
	}

	.shop1_content .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.shop1_content .right {
		width: 100%;
	}

	.contact2 ul li {
		width: 100%;
		margin-right: 0 !important;
	}

	.contact3 ul li {
		width: 100%;
		margin-right: 0 !important;
	}

	.contact4 .item .item_content .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.contact4 .item .item_content .right {
		width: 100%;
	}

	.contact4 .item h3 {
		font-size: 25px;
	}

	.contact5 ul li {
		width: 100%;
	}
}


@media only screen and (max-width: 680px) {
	.img_list2 ul li, .img_list3 ul li, .img_list4 ul li {
		width: 100%;
	}
}