@charset "utf-8";
.load {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw !important;
	height: 100vh;
	z-index: 999999;
	display: none;
	opacity: 0;
	align-items: center;
	justify-content: center;
}
.load img {
	display: none;
}
 .load::after {
 content: '';
 width: 100%;
 height: 100%;
 background-color: #fff;
 position: absolute;
 z-index: -1;
 transition: all 1s;
}
.load.on::after {
 transform: translateY(-100%);
}
.load.show {
	display: flex;
	opacity: 1 !important;
}
.section {
	height: 100vh;
	overflow: hidden;
}
.section .fp-tableCell {
	display: flex;
	align-items: center;
	/* justify-content: center; */
  position: relative;
	height: 100%;
}
.section1 .swiper {
	height: 100%;
	width: 100%;
}
.section1 .swiper .swiper-slide {
	overflow: hidden;
}
.section1 .swiper .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section1 .swiper .swiper-slide-active .back {
	transform: scale(1);
}
.section1 .swiper .fist_content {
	position: absolute;
	top: 26%;
	left: 0;
	z-index: 12;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
	transition: 1s;
	padding-top: 46px;
	padding-right:0px;
	padding-bottom: 31px;
	padding-left: 100px;
}
.section1 .swiper .fist_content .english {
	font-size: 20px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
	line-height: 20px;
}
.section1 .swiper .fist_content .line {
	width: 190px;
	height: 3px;
	margin: 13px 0 13px 0;
	position: relative;
	overflow: hidden;
}
.section1 .swiper .fist_content .line:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
	background: #ffffff;
}
.section1 .swiper .fist_content .headline {
	font-size: 34px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 58px;
}
.section1 .swiper .fist_content .text {
	width: 503px;
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
	line-height: 26px;
}
.section1 .position_r {
	position: absolute;
	right: 99px;
	bottom: 96px;
	z-index: 5;
	font-size: 20px;
	font-weight: 200;
	color: #ffffff;
	writing-mode: vertical-rl;
	letter-spacing: 8px;
}
.section1 .explore {
	position: absolute;
	left: 50%;
	bottom: 47px;
	transform: translateX(-50%);
	z-index: 5;
	text-align: center;
}
.section1 .explore a {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #ffffff;
	margin: 26px 0 0 0;
	letter-spacing: 1px;
}
.section1 .swiper-pagination {
	position: static;
	display: flex;
	left: unset;
	width: fit-content;
	height: fit-content;
	align-items: center;
	margin: 0 auto 20px;
}
.section1 .swiper-pagination span {
	width: 25px;
	height: 25px;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	transition: 0.6s;
	position: relative;
	opacity: 1;
	margin: 0 15px 0 0 !important;
}
.section1 .swiper-pagination span:last-child {
	margin: 0 !important;
}
.section1 .swiper-pagination span:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	background: #ffffff;
	border-radius: 50%;
	margin: auto;
}
.section1 .swiper-pagination span svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 125%;
	height: 125%;
}
.section1 .swiper-pagination span .path-loop-bg {
	fill: none;
	stroke: transparent;
	stroke-miterlimit: 10;
	stroke-width: 1px;
}
.section1 .swiper-pagination span .path-loop {
	stroke-dashoffset: 157px;
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 1px;
	transition: 1s;/*stroke-dashoffset: 19px;*/
}
.section1 .swiper-pagination .swiper-pagination-bullet-active {
	border: 1px solid rgba(255, 255, 255, 0.25);
}
.section1 .swiper-pagination .swiper-pagination-bullet-active .path-loop {
	/*animation: index_circle 1s linear forwards;*/
  stroke-dashoffset: 19px;
}
 @keyframes index_circle {
 0% {
 stroke-dashoffset: 157px;
}
 100% {
 stroke-dashoffset: 19px;
}
}
.section1 .swiper .content {
	position: absolute;
	left: 96px;
	top: 38%;
	transform: translateY(-50%);
	z-index: 5;
	opacity: 0;
	transition: 1s;
}
.section1 .swiper .swiper-slide-active .content {
	opacity: 1;
}
.section1 .swiper .content .english {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
	width: fit-content;
	letter-spacing: 4px;
}
.section1 .swiper .content .line {
	width: 296px;
	height: 1px;
	margin: 13px 0 28px 0;
	position: relative;
	overflow: hidden;
}
.section1 .swiper .content .line:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
	background: #ffffff;
}
.section1 .swiper .content .box {
	/*border: 1px solid rgba(255,255,255,0.5);*/
  background: rgba(0, 0, 0, 0.2);
	padding: 34px 26px 41px 15px;
	position: relative;
}
.section1 .swiper .content .box-x {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}
.section1 .swiper .content .box:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.5);
}
.section1 .swiper .content .box:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background: rgba(255, 255, 255, 0.5);
}
.section1 .swiper .content .box-x:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.5);
}
.section1 .swiper .content .box-x:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
	background: rgba(255, 255, 255, 0.5);
}
.section1 .swiper .swiper-slide-active .box:after {
	width: 100%;
	transition: 0.6s;
	transition-delay: 0.3s;
}
.section1 .swiper .swiper-slide-active .box:before {
	height: 100%;
	transition: 0.6s;
	transition-delay: 0.9s;
}
.section1 .swiper .swiper-slide-active .box-x:after {
	width: 100%;
	transition: 0.6s;
	transition-delay: 1.5s;
}
.section1 .swiper .swiper-slide-active .box-x:before {
	height: 100%;
	transition: 0.6s;
	transition-delay: 2.1s;
}
.section1 .swiper .content .box .headline {
	font-size: 45px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 58px;
}
.section1 .swiper .content .box .pick {
	font-size: 16px;
	font-weight: 200;
	color: #ffffff;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	line-height: 26px;
}
.section1 .swiper .swiper-slide.on .fist_content {
	opacity: 1;
}
.section1 .swiper .swiper-slide .sec1_each div {
	transform: translateY(25px);
	/*transition: 1s;*/
  opacity: 0;
}
.section1 .swiper .swiper-slide.on .sec1_each div {
	opacity: 1;
}
.section1 .swiper .swiper-slide-active .sec1_each div {
	transition: 1s;
}
.section1 .swiper .swiper-slide.on .sec1_each div {
	transform: translateY(0) !important;
}
.section1 .swiper .swiper-slide-active .fist_content .line:after {
	transform: translateX(0);
	transition: 1s;
	transition-delay: 0.3s;
}
.section1 .swiper .swiper-slide-active .fist_content .headline div {
	transition-delay: 0.5s;
}
.section1 .swiper .swiper-slide-active .fist_content .text div {
	transition-delay: 0.7s;
}
.section1 .swiper .swiper-slide-active .content .english {
	transition-delay: 0.3s;
}
.section1 .swiper .swiper-slide-active .content .line:after {
	transform: translateX(0);
	transition: 1s;
	transition-delay: 0.5s;
}
.section1 .swiper .swiper-slide-active .content .box .headline div {
	transition-delay: 0.5s;
}
.section1 .swiper .swiper-slide-active .content .box .pick div {
	transition-delay: 0.7s;
}
.section2 {
	position: relative;
}
.section2 .fp-tableCell {
	display: flex;
	align-items: center;
	justify-content: center;
}
.section2 .wrap {
	width: 1920px;
	height: 70vh;
	position: relative;
}
.section2 .back {
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
.section2 .big_wrap {
	display: flex;
	/*justify-content: flex-end;*/
  overflow: hidden;
	position: relative;
	height: 100%;
}
.section2 .big_wrap .left {
	margin: 180px 284px 0 98px;
	width: 743px;
	position: relative;
}
.section2 .big_wrap .left .english {
	font-size: 40px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	
	font-weight: 600;
	color: #070707;
	margin: 0;
	transform: translateY(50px);
	opacity: 0;
	transition: 1s;
}
.section2.active .big_wrap .left .english {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.6s;
}
.section2 .big_wrap .left .headline {
	font-size: 26px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #1e1e1e;
	line-height: 40px;
	margin: 0 0 50px 0;
	transform: translateY(50px);
	opacity: 0;
	transition: 1s;
}
.section2.active .big_wrap .left .headline {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.8s;
}
.section2 .big_wrap .left .text {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #1e1e1e;
	line-height: 42px;
	margin: 0 0 50px 0;
	position: relative;
	transform: translateY(50px);
	opacity: 0;
	transition: 1s;
}
.section2.active .big_wrap .left .text {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 1s;
	
}
.section2 .big_wrap .left .text:after {
	content: '';
	position: absolute;
	top: 26px;
	left: -99px;
	width: 21px;
	height: 154px;
	background: #caa672;
}
.section2 .big_wrap .left .figure {
	display: flex;
	align-items: center;
	margin: 0 0 54px 0;
}
 .section2 .big_wrap .left .figure .item:not(:last-child) {
 margin: 0 167px 0 0;
}
.section2 .big_wrap .left .figure .item {
	transform: translateY(50px);
	opacity: 0;
	transition: 1s;
}
.section2.active .big_wrap .left .figure .item {
	opacity: 1;
	transform: translateY(0);
}
.section2.active .big_wrap .left .figure .item:first-child {
	transition-delay: 1.1s;
}
.section2.active .big_wrap .left .figure .item:nth-child(2) {
 transition-delay: 1.2s;
}
.section2.active .big_wrap .left .figure .item:nth-child(3) {
 transition-delay: 1.3s;
}
.section2 .big_wrap .left .figure .item span {
	font-size: 42px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 800;
	color: #caa672;
	line-height: 42px;
	position: relative;
	display: block;
	margin: 0 0 10px 0;
}
.section2 .big_wrap .left .figure .item span:after {
	content: attr(data-text);
	display: inline-block;
}
.section2 .big_wrap .left .figure .item p {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #1e1e1e;
}
.section2 .big_wrap .left .figure .item.center {
	text-align: center;
}
.section2 .big_wrap .left .joke_read {
	transform: translateY(50px);
	opacity: 0;
	transition: 1s;
}
.section2.active .big_wrap .left .joke_read {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 1.4s;
}
.section2 .big_wrap .left .read {
	width: 120px;
	height: 30px;
	background: #caa672;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	transition: 0.7s;
	position: relative;
}
.section2 .big_wrap .left .read p {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
}
.section2 .big_wrap .left .read .a_box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}
.section2 .big_wrap .left .read:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #caa672;
	transition: 0.3s;
}
.section2 .big_wrap .left .read:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background: #caa672;
	transition: 0.3s;
}
.section2 .big_wrap .left .a_box:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #caa672;
	transition: 0.3s;
}
.section2 .big_wrap .left .a_box:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
	background: #caa672;
	transition: 0.3s;
}
.section2 .big_wrap .left .read:hover:after {
	width: 100%;
	transition-delay: 0.3s;
}
.section2 .big_wrap .left .read:hover:before {
	height: 100%;
	transition-delay: 0.6s;
}
.section2 .big_wrap .left .read:hover .a_box:after {
	width: 100%;
	transition-delay: 0.9s;
}
.section2 .big_wrap .left .read:hover .a_box:before {
	height: 100%;
	transition-delay: 1.2s;
}
.section2 .big_wrap .left .read:hover {
	background: transparent;
}
.section2 .big_wrap .right .images {
	width: 730px;
	height: 559px;
	position: relative;
	display: block;
	opacity: 0;
	overflow: hidden;
	transition: 1s;
}
.section2.active .big_wrap .right .images {
	opacity: 1;
	transition-delay: 0.5s;
}
.section2 .big_wrap .right .images img {
	width: 100%;
	height: 100%;
	transform: scale(1.3);
	transition: 2s;
}
.section2.active .big_wrap .right .images img {
	transform: scale(1);
	transition-delay: 0.5s;
}
.section2 .big_wrap .right .images:hover img {
	transform: scale(1.1);
	transition-delay: unset;
}
.section2 .big_wrap .right .images .text {
	padding: 34px 59px 25px 34px;
	background: rgba(202, 166, 114, 0.8);
	position: absolute;
	bottom: 123px;
	z-index: 4;
	left: 0;
}
.section2 .big_wrap .right .images .text span {
	font-size: 22px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #ffffff;
	line-height: 30px;
	display: block;
}
.section2 .big_wrap .right .images .text p {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	line-height: 30px;
}
.section2 .big_wrap .right .images.position {
	position: absolute;
	right: 230px;
	bottom: 0;
	width: 732px;
	height: 480px;
	z-index: 12;
}
 @media screen and (max-height: 1080px) {
 .section2 .wrap {
 height: 100vh;
}
 .section2 .big_wrap .right .images {
 height: 58vh;
}
 .section2 .big_wrap .right .images.position {
 height: 50vh;
}
}
@media screen and (max-width: 1600px) {
 .section2 .big_wrap .left {
 margin: 100px 284px 0 98px;
}
 .section2 .big_wrap .left .english {
 font-size: 20px;
}
 .section2 .big_wrap .left .headline {
 font-size: 20px;
}
 .section2 .big_wrap .left .figure .item span {
 font-size: 32px;
}
 .section2 .big_wrap .right .images {
 width: 450px !important;
}
 .section5 .wrap .english {
 font-size: 20px !important;
}
 .section5 .wrap .headline {
 font-size: 20px !important;
}
 .section6 .wrap {
 transform-origin: center bottom;
 transform: scale(0.95, 0.9);
}
 .section7 .wrap {
 transform: scale(0.75, 0.8);
}
 .section8 .wrap {
 transform-origin: center center;
 transform: scale(0.85, 0.85);
 padding: 0px !important;
}
 .section8 .wrap .title .english {
 font-size:23px !important;
}
 .section8 .wrap .title .headline {
 font-size: 23px !important;
}
 .section8 .wrap .content .left .text .headline {
 font-size: 16px !important;
}
 .section8 .wrap .content .left .text .pick {
 font-size: 14px !important;
}
 .fp-tableCell .index_footer {
/* transform: scale(0.85, 0.85); */
  }
 .header .nav a {
 font-size: 14px;
}
 .section8 .wrap span {
 font-size: 16px !important;
}
}
.section2 .big_wrap .right .images.position .text {
	bottom: unset;
	top: 89px;
}
.section3 .fp-tableCell {
	width: 100%;
}
.section3 .video_background {
	width: 100vw;
	height: 100vh;
	background: url(../image/2.jpg) no-repeat;
	background-size: cover;
	padding: 70px 0 20px 0px;
	display: flex;
	justify-content: center;
}
.section3 .video {
	position: relative;
	text-align: center;
	height: calc(100% - 30px);
	width: fit-content;
}
.section3 .video img {
	width: 100%;
	height: 100%;
}
@keyframes round {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
.section3 .video .video_play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	transform: rotate(0deg);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section3 .video .video_play:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	border: 3px solid #ffffff;
	border-radius: 50%;
	border-right: 3px solid transparent;
	border-bottom: transparent;
	-webkit-animation: round 2s infinite normal;
	animation: round 2s infinite normal;
}
.section3 .video .video_play div {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
}
.section4 {
	position: relative;
}
#particles-js {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.section4 .back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1.1);
	transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section4.active .back {
	transform: scale(1);
	transition-delay: 0.3s;
}
.section4 .qiu {
	position: absolute;
	left: 50%;
	top: 95px;
	transform: translateX(-50%) translateY(25px);
	pointer-events: none;
	transition: 4s;
	opacity: 0;
}
.section4.active .qiu {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
	transition-delay: 0.6s;
}
.section4 .fp-tableCell {
	display: flex;
	align-items: unset;
	justify-content: center;
}
.section4 .wrap {
	width: 54vw;
	text-align: center;
	margin: 16vh 0 0 45vw;
	position: relative;
}
.section4 .wrap .english {
	font-size: 45px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 600;
	color: #ffffff;
	line-height: 18px;
	margin: 30px 0 0 0;
	text-align: left;
}
.section4 .wrap .headline {
	font-size: 36px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 55px;
	margin: 1.5rem 0;
	text-align: left;
}
.section4 .wrap .line {
	display: flex;
	align-items: center;
	margin-bottom: 26px;
}
.section4 .wrap .line .line-left {
	width: 197px;
	height: 4px;
	background: #fff;
}
.section4 .wrap .line .line-right {
	width: 548px;
	height: 2px;
	background: #fff;
}
.section4 .wrap .text {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #ffffff;
	line-height: 3.2rem;
	margin: 0 0 26px 0;
	text-align: left;
}
.section4 .wrap .button {
	display: flex;
	align-items: center;
}
 .section4 .wrap .button .item:not(:last-child) {
 margin: 0 43px 0 0;
}
.section4 .wrap .button .item {
	position: relative;
	width: 230px;
	height: 27vh;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	align-items: end;
	justify-content: center;
	padding-bottom: 25px;
}
.section4 .wrap .button .bg1 {
	background: url('../image/index_bg1.png');
	background-size: 100% 100%;
}
.section4 .wrap .button .bg2 {
	background: url('../image/index_bg2.png');
	background-size: 100% 100%;
}
.section4 .wrap .button .bg3 {
	background: url('../image/index_bg3.png');
	background-size: 100% 100%;
}
.section4 .wrap .button .item p {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #ffffff;
	position: relative;
	z-index: 6;
}
.section5 {
	position: relative;
}
.section5:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(13, 8, 28, 0.95);
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}
.section5 .back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1.1);
	transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section5.active .back {
	transform: scale(1);
	transition-delay: 0.3s;
}
.section5 .wrap {
	position: relative;
	max-width: 50%;
	/* margin: 0 700px 0 0; */
  margin-left:100px;
	z-index: 2;
}
.section5 .wrap .english {
	font-size: 20px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight:bold;
	color: #ffffff;
	line-height: 18px;
	margin: 30px 0 0 0;
	text-align: left;
}
.section5 .wrap .headline {
	font-size: 36px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 36px;
	margin: 11px 0;
	text-align: left;
}
.section5 .wrap .line {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.section5 .wrap .line .line-left {
	width: 197px;
	height: 4px;
	background: #fff;
}
.section5 .wrap .line .line-right {
	width: 548px;
	height: 2px;
	background: #fff;
}
.section5 .wrap .text {
	width: 54vw;
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	line-height: 30px;
	text-align: left;
}
.section5 .wrap .content {
	width: 54vw;
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.section5 .wrap .content .item {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.section5 .wrap .content .item .border {
	position: relative;
	width: 114px;
	height: 114px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section5 .wrap .content .item .border > p:after {
	display: none !important;
}
.section5 .wrap .content .item .border .rote {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.7s;
	animation: 8s rote infinite linear;
}
.section5 .wrap .content .item:hover .border .rote {
	opacity: 1;
}
.section5 .wrap .content .item .border .rote:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.62);
	border-bottom: transparent;
	border-right: 1px solid transparent;
	border-radius: 50%;
	transform: rotate(4deg);
}
.section5 .wrap .content .item .border .rote:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 96px;
	width: 8px;
	height: 8px;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.section5 .wrap .content .item p {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.section5 .wrap .content .item p:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45px;
	height: 11px;
	background: #325fff;
	z-index: -1;
	transform: translateX(-45px);
	transition: 1s;
}
.section5 .wrap .content .item:hover p:after {
	transform: translateX(0);
}
.section5 .wrap .content .item .border img {
	position: relative;
	z-index: 5;
}
.section5 .wrap .content .item .border svg {
	position: absolute;
	width: 74px;
	height: 85px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
}
.section5 .wrap .content .item .border svg polygon {
	transition: 1s;
	fill: transparent;
}
.section5 .wrap .content .item:hover .border svg polygon {
	fill: rgba(50, 95, 255, 1);
	stroke: transparent;
}
.section5 .wrap .content .center {
	margin: 0 80px;
	height: 670px;
	width: 670px;
	position: relative;
}
.section5 .wrap .content .center .center_pick {
	font-size: 26px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 55px;
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 43%;
	transform: translateY(-50%);
}
.section5 .wrap .content .center .english {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
}
.section5 .wrap .content .center .max_video {
	width: 578px;
	margin: auto;
}
.section5 .wrap .content .center .max_video video {
	width: 100%;
}
.section5 .wrap .content .center .max_height {
	height: 490px;
	width: 670px;
	position: relative;/*display: none;*/
}
.section5 .wrap .content .center .big_cut {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.section5 .wrap .content .center .big_cut.on {
	display: block;
	pointer-events: auto;
}
.section5 .wrap .content .center .big_cut .blue {
	position: absolute;
	top: -155px;
	left: 50%;
	transform: translateX(-50%) translateY(200px);
	pointer-events: none;
	opacity: 0;
}
.section5 .wrap .content .center .big_cut.on .blue {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
	transition: 3s;
}
.section5 .wrap .content .center .big_cut .joke {
	width: 671px;
	opacity: 0;
	pointer-events: none;
}
.section5 .wrap .content .center .headline {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	z-index: 5;
	margin: 0 0 30px 0;
	opacity: 0;
	pointer-events: none;
}
.section5 .wrap .content .center .headline .border {
	position: relative;
	width: 114px;
	height: 114px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.section5 .wrap .content .center .headline .border .rote {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.7s;
}
.section5 .wrap .content .center .headline.on .border .rote {
	opacity: 1;
}
.section5 .wrap .content .center .headline .border .rote {
	animation: 8s rote infinite linear;
}
.section5 .wrap .content .center .headline .border .rote:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.62);
	border-bottom: transparent;
	border-right: 1px solid transparent;
	border-radius: 50%;
	transform: rotate(4deg);
}
.section5 .wrap .content .center .headline .border .rote:before {
	content: '';
	position: absolute;
	top: 17px;
	left: 96px;
	width: 8px;
	height: 8px;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.section5 .wrap .content .center .headline .border svg {
	position: absolute;
	width: 74px;
	height: 85px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.section5 .wrap .content .center .headline.on .border svg polygon {
	fill: rgba(50, 95, 255, 1);
	stroke: transparent;
}
.section5 .wrap .content .center .headline .border svg polygon {
	transition: 1s;
	fill: transparent;
}
.section5 .wrap .content .center .headline p {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #ffffff;
	position: relative;
	z-index: 1;
	margin: 0 0 0 25px;
	overflow: hidden;
}
.section5 .wrap .content .center .headline p:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45px;
	height: 11px;
	background: #325fff;
	z-index: -1;
	transform: translateX(-45px);
	transition: 1s;
}
.section5 .wrap .content .center .headline.on p:after {
	transform: translateX(0);
}
.section5 .wrap .content .center .big_cut .joke {
	position: relative;
}
.section5 .wrap .content .center .big_cut .joke .images {
	width: 486px;
	height: 297px;
	margin: 32px auto 30px;
	overflow: hidden;
	clip-path: inset(0% 100% 0% 0%);
}
.section5 .wrap .content .center .big_cut.on .joke .images {
	clip-path: inset(0% 0% 0% 0%);
	transition: 1.2s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	transition-delay: 0.3s;
}
.section5 .wrap .content .center .big_cut .joke .images img {
	width: 100%;
	height: 100%;
	transform: scale(1.8);
}
.section5 .wrap .content .center .big_cut.on .joke .images img {
	transform: scale(1);
	transition: 3s;
}
.section5 .wrap .content .center .big_cut .joke .text {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 28px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	text-align: center;
	transform: translateY(50px);
	opacity: 0;
}
.section5 .wrap .content .center .big_cut .joke .text p {
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.section5 .wrap .content .center .big_cut.on .joke .text {
	opacity: 1;
	transform: translateY(0);
	transition: 1s;
	transition-delay: 0.8s;
}
.section5 .wrap .content .center .big_cut .joke .joke_more {
	transform: translateY(50px);
	opacity: 0;
}
.section5 .wrap .content .center .big_cut.on .joke .joke_more {
	opacity: 1;
	transform: translateY(0);
	transition: 1s;
	transition-delay: 1s;
}
.section5 .wrap .content .center .big_cut .joke .more {
	width: 199px;
	height: 49px;
	border: 2px solid #ffffff;
	border-radius: 25px;
	margin: 30px auto 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.7s;
}
.section5 .wrap .content .center .big_cut .joke .more .iconfont {
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	transform: rotate(-45deg);
	margin: 0 17px 0 0;
	transition: 0.7s;
}
.section5 .wrap .content .center .big_cut .joke .more p {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
	transition: 0.7s;
}
.section5 .wrap .content .center .big_cut .joke .more:hover {
	background: #fff;
}
.section5 .wrap .content .center .big_cut .joke .more:hover .iconfont {
	color: #111;
	transform: rotate(-45deg);
}
.section5 .wrap .content .center .big_cut .joke .more:hover p {
	color: #111;
	transform: translateX(5px);
}
.section6 {
	position: relative;
}
.section6 .back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1.1);
	transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section6.active .back {
	transform: scale(1);
	transition-delay: 0.4s;
}
.section6 .fp-tableCell {
	align-items: flex-end;
}
.section6 .wrap {
	position: relative;
	width: 100%;
	z-index: 6;
	max-width: 100%;
	padding: 0 65px;
}
.section6 .wrap .title {
	display: flex;
	justify-content: space-between;
	padding: 0 27px 0 0;
}
.section6 .wrap .title .headline {
	margin: 18px 0 0 0;
}
.section6 .wrap .title .headline .english {
	font-size: 45px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 600;
	color: #ffffff;
}
.section6 .wrap .title .headline .head_text {
	font-size: 36px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 55px;
}
.section6 .wrap .title .text {
	display: none;
}
.section6 .wrap .title .text .english {
	font-size: 26px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
	line-height: 26px;
	margin: 0 0 29px 0;
}
.section6 .wrap .title .text p {
	font-size: 24px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	line-height: 42px;
}
.section6 .wrap .content {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 760px;
	margin: 20vh 0 0 0;
}
 @media screen and (max-width: 2400px) {
 .section6 .wrap .content {
 margin: 0;
}
}
 .section6 .wrap .content .images:not(:last-child) {
 margin: 0 69px 0 0;
}
 .section6 .wrap .content .images:nth-child(2) {
 height: 100%;
}
.section6 .wrap .content .images {
	width: 440px;
	height: 650px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.section6 .wrap .content .images > img {
	transition: 0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover !important;
}
.section6 .wrap .content .images:hover > img {
	transform: scale(1.2);
}
.section6 .wrap .content .images .matter {
	position: absolute;
	width: 100%;
	top: 29px;
	left: 0;
	padding: 0 24px 0 34px;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}
.section6 .wrap .content .images .matter .con .line {
	width: 193px;
	height: 4px;
	background: #f4cec8;
	margin: 21px 0 13px 0;
}
 .section6 .wrap .content .images:nth-child(2) .matter .con .line {
 background: #70bdad;
}
 .section6 .wrap .content .images:nth-child(3) .matter .con .line {
 background: #b8a38b;
}
.section6 .wrap .content .images .matter .con span {
	font-size: 24px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #1e1e1e;
}
.section6 .wrap .content .images .matter .con p {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #070707;
}
.section6 .wrap .content .images .matter .con_back {
	width: 29px;
	height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.section6 .wrap .content .images .matter .con_back div {
	width: 100%;
	height: 4px;
	background: #fff;
}
.section6 .wrap .content .images img {
	transition: 1s;
	object-fit: contain;
}
.section7 {
	position: relative;
}
.section7 .back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1);
	transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section7.active .back {
	transform: scale(1);
	transition-delay: 0.4s;
}
.section7 .wrap {
	position: relative;
	width: 100%;
	z-index: 6;
	max-width: 100%;
	width: 1300px;
	text-align: center;
	margin-bottom: 100px;
}
.section7 .wrap .title {
	font-size: 45px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 200px;
}
.section7 .wrap .content {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.section7 .wrap .content .top {
	font-size: 28px;
	color: #ffffff;
}
.section7 .wrap .content .bottom {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}
.index_svg {
	width: 926px;
	height: 488px;
	position: relative;
	top: -20px;
}
.index_svg .path {
	animation: line-move 5s linear infinite normal forwards;
	stroke-width: 1px;
	fill: none;
	stroke: #b3a89a;
	stroke-linecap: square;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 4, 7;
}
 @keyframes line-move {
 0% {
 stroke-dashoffset: 0;
}
 100% {
 stroke-dashoffset: -222;
}
}
.index_svg .point {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.index_svg .point .item {
	position: absolute;
}
.index_svg .point .item .text {
	text-align: center;
	margin: 7px 0 0 0;
}
.index_svg .point .item .text span {
	font-size: 16px;
	font-weight: 400;
	color: #1e1e1e;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.index_svg .point .item .text p {
	font-size: 16px;
	font-weight: 400;
	color: #1e1e1e;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.index_svg .point .item .text img {
/*animation: 10s;*/
}
.index_svg .point .item .circle {
	width: 186px;
	height: 186px;
	background: #fff;
	border-radius: 50%;
	position: relative;
}
.index_svg .point .item .circle img:first-child {
	animation: 20s rote infinite linear;
}
 @keyframes rote {
 100% {
 transform: rotate(360deg);
}
}
 .index_svg .point .item:nth-child(1) {
 position: absolute;
 left: 50%;
 top: 0;
 transform: translateX(-50%);
}
 .index_svg .point .item:nth-child(2) {
 left: 0;
 bottom: -81px;
}
 .index_svg .point .item:nth-child(3) {
 right: 0;
 bottom: -81px;
}
.index_svg .point .item .img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 50%;
}
 .index_svg .point .item:nth-child(1) .img {
 max-width: 30%;
}
 .index_svg .point .item:nth-child(3) .img {
 max-width: 40%;
}
.section7 {
	overflow: unset !important;
}
.section8 .back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(1.1);
	transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.section8.active .back {
	transform: scale(1);
	transition-delay: 0.3s;
}
.section8 .wrap {
	width: 1690px;
	max-width: 90%;
	position: relative;
	top: 2.2rem;
}
.section8 .wrap .title {
	margin: 0 0 60px 0;
}
.section8 .wrap .title .english {
	font-size: 20px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight:bold;
	color: #070707;
	
}
.section8 .wrap .title .headline {
	font-size: 36px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	color: #1e1e1e;
	line-height: 3rem;
	padding: 10px 0;
}
.section8 .wrap .content {
	height: 588px;
	display: flex;
	justify-content: space-between;
}
.section8 .wrap .content .left {
	width: 526px;
	height: 100%;
	background: #ffffff;
	box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.05);
	border-radius: 26px 0px 26px 0px;
	padding: 1.3rem;
}
.section8 .wrap .content .left .images {
	height: 356px;
	border-radius: 26px 0px 26px 0px;
	overflow: hidden;
	margin: 0 0 1.5rem 0;
}
.section8 .wrap .content .left .images img {
	width: 100%;
	height: 100%;
	transition: 3s;
}
.section8 .wrap .content .left .text .headline {
	font-size: 20px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #1c1c1c;
	padding: 0 0 0 24px;
	margin: 0 0 1.5rem 0;
	position: relative;
	transition: 0.7s;
}
.section8 .wrap .content .left .text .headline:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 24px;
	background: #caa672;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.section8 .wrap .content .left .text .pick {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 300;
	color: #606060;
	line-height: 24px;
}
.section8 .wrap .content .left .text .time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0 0 0;
	padding: 0 15px 0 0;
}
.section8 .wrap .content .left .text .time p {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #1e1e1e;
}
.section8 .wrap .content .left .text .time .iconfont {
	color: rgba(202, 202, 204, 1);
	font-size: 26px;
	transition: 0.6s;
	transform: rotateX(180deg);
}
.section8 .wrap .content .left:hover .images img {
	transform: scale(1.1);
}
.section8 .wrap .content .left:hover .text .headline, .section8 .wrap .content .left:hover .text .time .iconfont {
	color: #caa672;
}
.section8 .wrap .content .right {
	width: 1136px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 26px 30px;
}
.section8 .wrap .content .right .item {
	width: 100%;
	height: 282px;
	padding: 48px 36px;
	display: block;
	position: relative;
	z-index: 1;
}
.section8 .wrap .content .right .item:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.05);
	border-radius: 26px 0px 26px 0px;
	transition: 0.7s;
	border: 3px solid transparent;
	z-index: -1;
}
.section8 .wrap .content .right .item span {
	min-height: 40px;
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #1c1c1c;
	line-height: 1.6rem;
	display: block;
	margin: 0 0 0.5rem 0;
	transition: 0.7s;
}
.section8 .wrap .content .right .item > p {
	font-size: 14px;
	color: #606060;
	line-height:20px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.section8 .wrap .content .right .item .time {
	margin: 90px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 400;
	color: #1e1e1e;
	transition: 0.7s;
}
.section8 .wrap .content .right .item .iconfont {
	color: rgba(202, 202, 204, 1);
	font-size: 26px;
	transition: 0.6s;
	transform: rotateX(180deg);
}
.section8 .wrap .content .right .item:hover:after {
	border: 3px solid #caa672;
}
.section8 .wrap .content .right .item:hover span, .section8 .wrap .content .right .item:hover .time .iconfont {
	color: #caa672;
}
.btn p {
	color: #333;
	font-size: 15px;
	font-weight: 200;
}
/* common */
.btn_each {
	transition: 0.6s;
}
.btn_each p > div {
	transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: relative;
}
.btn_each div .before {
	display: block;
	position: absolute;
	top: 100%;
	z-index: 3;
	color: rgba(0, 0, 0, 0);
	transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn_each:hover p > div {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	color: rgba(0, 0, 0, 0);
}
.btn_each:hover div .before {
	color: #caa672;
}
.index_footer, .index_footer .fp-tableCell {
	height: auto !important;
}
.index_footer {
	background: rgba(14, 15, 20, 1);
	width: 100%;
	overflow: hidden;
}
.index_footer .wrap {
	margin: 158px auto 0;
}
.index_footer .wrap .top {
	display: flex;
	justify-content: flex-start;
	padding: 0 0 20px 0;
	width: 1771px;
	max-width: 90%;
	margin: auto;
}
.index_footer .wrap .top .left {
	position: relative;
	padding: 24px 55px 0 0;
	margin: 0 128px 0 0;
}
.index_footer .wrap .top .left:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 0;
	background: #caa672;
	max-height: 100%;
	transition: 1s;
}
.index_footer.active .wrap .top .left:after {
	height: 305px;
	transition-delay: 0.6s;
}
.index_footer .wrap .top .address {
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
}
.index_footer .wrap .top .address .iconfont {
	color: rgba(202, 166, 114, 1);
	font-size: 34px;
	margin: 0 12px 0 0;
}
.index_footer .wrap .top .address p {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
}
.index_footer .wrap .top .code {
	width: 174px;
	height: 174px;
	margin: 0 0 70px 50px;
}
.index_footer .wrap .top .text {
	text-align:center
}
.index_footer .wrap .top .text span {
	font-size: 18px;

	color: #ffffff;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	display: block;
	margin: 0 0 15px 0;
	line-height: 28px;
}
.index_footer .wrap .top .text p {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 300;
	color: #ffffff;

}
.index_footer .wrap .top .foo_nav {
	display: flex;
	flex: 1;
	justify-content: space-evenly;
}
 .index_footer .wrap .top .foo_nav .item:not(:last-child) {
 margin: 0 144px 0 0;
}
.index_footer .wrap .top .foo_nav .item .headline {
	margin: 0 0 20px 0;
	display: block;
}
.index_footer .wrap .top .foo_nav .item .headline span {
	font-size: 24px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	display: block;
}
.index_footer .wrap .top .foo_nav .item .headline p {
	font-size: 16px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	color: #ffffff;
}
.index_footer .wrap .top .foo_nav .item .headline .line {
	width: 42px;
	height: 2px;
	background: #ffffff;
	margin: 17px 0 0 0;
}
.index_footer .wrap .top .foo_nav .item .second a {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	line-height:30px;
	display: block;
	transition: 0.7s;
}
.index_footer .wrap .top .foo_nav .item .second a:hover {
	opacity: 1;
	color: #caa672;
}
.index_footer .wrap .link {
	border-top: 1px solid rgba(202, 166, 114, 1);
	padding: 38px 0 33px 0;
	overflow: hidden;
}
.index_footer .wrap .link .joke {
	width: 1658px;
	max-width: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index_footer .wrap .link .joke p, .index_footer .wrap .link .joke a {
	font-size: 14px;
	font-family: 'Noto Sans SC', "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	color: #ffffff;

}
.index_footer .wrap .link .joke a:hover {
	color: #caa672;
}
 @media screen and (max-width: 2600px) {
 .section6 .wrap .content {
 height: 74vh;
}
 .section7 .content .joke {
 top: 54%;
}
 .section7 .content .joke .left .text div {
 font-size: 15px;
 line-height: 26px;
}
 .section7 .content .joke .left .headline {
 margin: 0 0 24px 0;
}
 .section6 .wrap .content .images {
 height: 90%;
}
 .index_footer .wrap .top .foo_nav .item:not(:last-child) {
 margin: 0 3.3vw 0 0;
}
 .index_footer .wrap .top .foo_nav .item .headline span {
 font-size: 16px;
 padding-bottom:0px;
 font-weight:bold
}
 .index_footer .wrap .top .foo_nav .item .headline u {
 font-size: 13px;

}
 .index_footer .wrap .top .address p {
 font-size: 14px;
}
 .index_footer .wrap .top .foo_nav .item .headline p, .index_footer .wrap .top .text p {
 font-size: 14px;
 opacity: 0.5;
}
 .section2 .wrap {
 width: 100%;
}
 .section2 .big_wrap .right .images {
 width: 600px;
}
 .section2 .big_wrap .right .images.position {
 width: 600px;
 right: 100px;
}
 .section2 .big_wrap .left .text {
 width: 100%;
 margin: 0 0 1rem 0;
 line-height: 30px;
}
 .section2 .big_wrap .left .headline {
 margin: 5px 0;
}
 .section2 .big_wrap .left .text {
 line-height: 30px;
}
 .section2 .big_wrap .left .figure {
 margin: 1rem 0;
 justify-content: space-between;
 width: 88%;
}
 .section2 .big_wrap .left .figure .item:not(:last-child) {
 margin: 0;
}
 .section8 .wrap {
 max-width: 100%;
 width: 100%;
 padding: 0 100px;
}
 .index_footer .wrap .top .foo_nav .item .second a {
 line-height: 30px;
}
 .index_footer .wrap {
 width: 100%;
 margin: 30px auto 0;
 padding: 0 100px;
}
 .index_footer .wrap .top {
 width: 100%;
 max-width: 100%;
}
 .index_footer .wrap .top .left {
 margin: 0 6vw 0 0;
 padding: 0 40px 0 0;
}
 .index_footer .wrap .top .code {
 margin: 0 0 25px 70px;
 width: 100px;
 height: 100px;
}
 .index_footer .wrap .link {
 padding: 10px 0;
}
 .section7 .content .joke .index_svg {
 transform: scale(0.7);
 transform-origin: top right;
 position: relative;
 top: 30px;
}
 .section8 .wrap .content .right .item span {
 font-size: 16px;
}
 .section8 .wrap .content .right .item > p {
 font-size: 14px;
}
 .section8 .wrap .content .right .item .time {
 margin: 1rem 0 0 0;
}
 .section8 .wrap .content .right .item {
 height: 100%;
}
 .section8 .wrap {
/*top: 0;*/
  }
 .section8 .wrap .content .right {
 width: 58%;
 grid-gap: 20px;
}
 .section8 .wrap .content {
 height: 65vh;
}
 .section8 .wrap .title {
 margin: 0 0 0.2rem 0;
}
 .section8 .wrap .content .left .images {
 height: 60%;
}
 .section8 .wrap .content .left {
 width: 40%;
}
 .section8 .wrap .content .right .item {
 padding: 1.5rem;
}
}
.video .close {
	position: absolute;
	right: 20px;
	top: 60px;
	font-size: 26px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 44px;
	border: 2px solid #000;
	border-radius: 50px;
	display: none;
}
.video .close:hover {
	color: #fff;
	border-color: #fff;
}