* {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "microsoft yahei";
}

body {
	background-color: #191a20;
	overflow-x: hidden;
}

li {
	cursor: pointer;
}

body>div {
	width: 1200px;
	margin: 0 auto;
}

#BANNER {
	width: 100vw;
}

#LOGO>img {
	width: 100px;
	height: 50px;
}

.Exhibits>.global_nav>p{
	/* white-space: nowrap; */
	margin-right: 30px;
}
.Exhibits>.global_nav>ul>li{
	margin-right: 30px;
	margin-left: 0;
}
.recommend_num{
	font-size: 16px;
	display: flex;
	align-items: center;
}
.global_nav {
	display: flex;
	color: #FFFFFF;
	font-size: 30px;
	align-items: center;
	margin: 50px 0 30px 0;
}
.Publicity_control{
	display: flex;
	align-items: center;
}
.global_nav>ul {
	align-items: center;
	display: flex;
	flex: 1;
	font-size: 16px;
	color: #666976;
}

.global_nav>ul>li {
	margin-left: 40px;
	cursor: pointer;
}

.global_nav>ul>li:hover {
	color: #DCB785;
}

#title {
	margin: 61px 0 35px 0;
	font-size: 30px;
	font-weight: 500;
	color: #FFFFFF;
}

#content_right>div>.global_nav {
	font-size: 20px;
	margin: 0 0 26px 0;
}

#content_right>div {
	padding: 20px 20px 40px 20px;
}

#BANNER_BOX {
	width: 1200px;
	margin: 0 auto;
}

#banner {
	height: 480px;
}

#banner_left {
	width: 100%;
	color: #FFFFFF;
	z-index: 9;
	position: relative;
	margin-top: 128px;
}

.banner_title {
	color: #FFFFFF;
	opacity: 1;
	font-size: 40px;
	margin-bottom: 33px;
}

/* .banner_content {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
	width: 446px;
	min-height: 100px;
	font-size: 14px;
	line-height: 26px;
	opacity: .8;
	transition: ease all .5s;
} */
/* .banner_content:hover{
	width: 100%;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	opacity: 1;
} */
.banner_content{
	position: relative;
	width: 446px;
	font-size: 14px;
	/* height: 95px; */
	overflow: hidden;
	opacity: .8;
	/* transition: ease all .5s; */
}

#banner_view{
	margin-top: 80px;
	display: flex;
}

#banner_view>a {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-right: 14px;
	padding: 14px 40px;
	border-radius: 50px;
	color: #4A2B0E;
}

#banner_view>a:nth-child(1) {
	color: #4A2B0E;
	background: #D7B587;
	border: 2px solid #DCB785;
}

#banner_view>a:nth-child(2) {
	color: #DCB785;
	border: 2px solid #DCB785;
}

#banner_back {
	width: 100%;
}

#img_back {
	position: absolute;
	height: 700px;
	top: 0;
	right: 0;
	transition: ease all .5s;
}

#img_back>img {
	position: absolute;
	height: 700px;
	right: 0;
	top: 0;
	z-index: -1;
	width: 100vw;
	opacity: 0;
	transition: ease all .5s;
	object-fit: cover;
}

#img_back>.active_img_show {
	opacity: 1;
}



.black_inset {
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	z-index: 0;
	pointer-events: none;
}

/* #img_shadow{
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 0;
	right: 0;
	height: 700px;
	box-shadow: 0 0 200px 150px inset #000; 
	-moz-box-shadow: 0 0 200px 150px inset #000;
	-webkit-box-shadow: 0 0 200px 150px inset #000;

} */

#banner_back_select_box {
	width: 1200px;
	position: relative;

}

#banner_check_list {
	position: absolute;
	display: flex;
	left: 0;
	margin-top: 52px;
}

#banner_check_list>.active_check_point {
	opacity: 1;
}

#banner_check_list>p {
	cursor: pointer;
	width: 10px;
	height: 10px;
	background-color: #FFF;
	opacity: .3;
	border-radius: 50%;
	margin-right: 10px;
}

#banner_img_list {
	position: absolute;
	top: 175px;
	right: 0;
}

#banner_img_list_ul {
	display: flex;
	align-items: center;
}

#banner_img_list_ul>li {
	cursor: pointer;
	margin-left: 10px;
	width: 130px;
	height: 70px;
}

#banner_img_list_ul img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	object-fit: cover;
}



.active_img {
	border-radius: 3px;
	border: #FFFFFF solid 2px;
}

#top_info {
	position: relative;
	display: flex;
	justify-content: space-between;
	color: rgba(255, 255, 255, .6);
	font-size: 12px;
	z-index: 2;
}

#top_info::after {
	content: '';
	width: 200rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
	position: absolute;
	left: -50vw;
	top: 25px;
}

#top_info>div {
	display: flex;
	justify-content: center;
	align-items: center;
}

#top_info>div>p {
	display: flex;
	align-items: inherit;
	padding: 5px 30px 5px 30px;
	border-left: rgba(255, 255, 255, .1) solid 1px;
	border-right: rgba(255, 255, 255, .1) solid 1px;
}

#top_info>div>p>span {
	padding-left: 10px;
	cursor: pointer;
}


#LOGIN {
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-left: 37.5px;
}

#LOGIN>img {
	width: 20px;
	height: 20px;
}

#LOGIN>p {
	opacity: .8;
	font-size: 14px;
	margin-left: 10px;
}

/* ie */
.top_info_right {
	position: absolute;
	right: 0;
}

#top_nav {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #FFFFFF;
	font-size: 15px;
	margin-top: 10px;
}

#top_nav>div {
	display: flex;
	width: 1200px;
	justify-content: space-between;
	align-items: center;
}

#HTML_NAV>ul {
	display: flex;
	align-items: center;
}

#HTML_NAV>ul>li {
	cursor: pointer;
	margin-left: 44px;
}



#search {
	position: relative;
	z-index: 999;
	display: flex;
	align-items: center;
}

#search_input {
	font-size: 14px;
	padding: 14px 22px;
	/* width: 200px; */
	/* height: 42px; */
	border-radius: 50px 0 0 50px;
	background-color: #262626;
	border: none;
	color: #FFFFFF;
}

#search_input:focus {
	outline: none;
}

#search_btn {
	white-space: nowrap;
	cursor: pointer;
	font-size: 17px;
	color: #4A2B0E;
	display: flex;
	align-items: center;
	background: linear-gradient(180deg, #F3E2BF, #D7B587);
	padding: 12px 17px;
	height: 20px;
	border-radius: 0 50px 50px 0;
}

#search_btn>img {
	padding-right: 10px;
}

#CONTENT {
	display: flex;
	justify-content: space-between;
}

#content_left {
	width: 850px;
}

#friend_logos_head {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: space-between;
}

#change_page_com {
	display: flex;
	color: #FFFFFF;
	align-items: center;
}

#change_page_com p,#change_page_com span {
	margin: 0 11px;
	color: #d1d1d2;
}

#change_page_com img {
	width: 26px;
	height: 26px;
}

#content_right {
	margin-top: 61px;
	width: 287px;
	height: 643px;
	background-color: #1f2128;
	border-radius: 6px;
	margin-right: 43px;
}

/* .friend_logos ul{
	display: flex;
}

.friend_logos{
	overflow: hidden;
}
 */


/* .friend_logos>ul>li{
	width: 150px;
	height: 85px;
	background-color: #FFFFFF;
	margin-right: 19px;
	cursor: pointer;
} */
/* 
.friend_logos img{
	width: 90px;
	height: 85px;
	border-radius: 6px;
	cursor: pointer;
}

.friend_logos>ul>li>img{
	background-color: #FFFFFF;
}

#good_client{
	overflow: hidden;
	margin-left: -102%;
} */
.friend_logos .swiper-slide {
	height: 100px;
}
.friend_logos .swiper-slide>a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: #FFFFFF;
}
.friend_logos .swiper-slide>a>img {
	width: 80%;
	height: 80%;
}

.friend_logos {
	width: 830px;
	overflow: hidden;
}

#good_client {
	width: 4200px;
	display: flex;
	overflow: hidden;
}

#good_client>li {
	width: 200px;
	height: 85px;
	overflow: hidden;
	margin-right: 10px;
	background-color: #FFFFFF;
	border-radius: 6px;
	display: flex;
	justify-content: center;
}

#good_client img {
	/* width: 100px; */
	height: 85px;
}

.Wonderful_review_box {
	width: 100%;
	height: 500px;
}

.Wonderful_review_box .swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.Wonderful_review_box .swiper-slide{
	width: 100%;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}
.Wonderful_review_box .swiper-slide img,.Wonderful_review_box .swiper-slide video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.Wonderful_review_box .gallery-top .swiper-slide {
	width: 100% !important;
	background-size: cover;
	background-position: center;
}

.Wonderful_review_box .gallery-top {
	height: 80%;
	width: 100%;
}


.Wonderful_review_box .gallery-thumbs {
	height: 20%;
	/* box-sizing: border-box; */
	padding: 10px 0;
}

.Wonderful_review_box .gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.Wonderful_review_box .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

#Publicity_box img {
	width: 830px;
	height: 440px;
	border-radius: 6px;
	object-fit: cover;
	cursor: pointer;
}

#Publicity_box>video {
	width: 830px;
	height: 440px;
	/* position: absolute; */
}

.off_video {
	display: none;
}

#Publicity_box {
	position: relative;
}

#Publicity_box>.play {
	position: absolute;
	width: 58px;
	height: 58px;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, -50%);
}

#Publicity_info {
	display: flex;
	/* flex-direction: column; */
	justify-content: space-between;
	align-items: center;
	color: #666976;
	margin: 0 15px;
	font-size: 16px;
}

#Publicity_info p {
	display: flex;
	align-items: center;
}
.Publicity_control p{
	margin-right: 10px;
}
#Publicity_info a{
	color: #666976;
}

#Publicity_info img {
	width: 18px;
	height: 100%;
	padding-right: 10px;
}

.Publicity_title {
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #FFFFFF;
	margin: 25px 0;
	font-size: 20px;
}

#change_page_com p{
	font-size: 16px;
}


.more_video {
	color: #4A2B0E;
	font-size: 15px;
	padding: 12px 30px;
	background: linear-gradient(180deg, #F3E2BF, #D7B587);
	border-radius: 20px;
}

#recommend_video_list_ul {
	display: flex;
	flex-wrap: wrap;
	color: #FFFFFF;
}

#recommend_video_list_ul>li>a>img {
	height: 260px;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 4px;
	object-fit: cover;
}

#recommend_video_list_ul>li {
	width: 180px;
	margin-right: 35px;
	margin-bottom: 40px;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
}

#recommend_video_list_ul>li:nth-child(4n) {
	margin-right: 0;
}

#recommend_video_list_ul>li>a>p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#recommend_video_list_ul>li>a>p:last-child {
	font-size: 13px;
	color: #666976;
	margin-top: 12px;

}

.News_ul img {
	width: 140px;
	height: 100px;
	border-radius: 4px;
	margin-right: 17px;
	object-fit: cover;
}

.News_ul {
	display: flex;
	flex-wrap: wrap;
	color: #FFFFFF;
}

.News_ul>li>a {
	align-items: center;
	display: flex;
	flex-direction: row;
	font-size: 13px;
	color: #666976;
	margin-right: 25px;
	margin-bottom: 25px;
	cursor: pointer;
}

.News_ul p {
	width: 230px;
}
#new_info{
	width: 100%;
}
.news_title {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	color: #FFFFFF;
}

.news_content {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	margin: 10px 0 13px 0;
}

.Wonderful_review>.global_nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Wonderful_review_box img {
	border-radius: 5px;
	cursor: pointer;
}

.Wonderful_review_big_img {
	width: 830px;
	height: 420px;
}

.Wonderful_review_box>ul {
	display: flex;
	margin-top: 5px;
}

.Wonderful_review_box>ul>li {
	cursor: pointer;
	opacity: .5;
}

.Wonderful_review_box>ul>.select_active_img {
	opacity: 1;
}

.Wonderful_review_box>ul img {
	width: 200px;
	height: 115px;
	margin-right: 10px;
}

.More_info {
	display: flex;
	margin-bottom: 100px;
}

.More_info>div {
	width: 410px;
}

.More_info>div>.global_nav>p {
	font-size: 20px;
}

#more_one {
	/*  */
	width: 410px;
	/*  */
	margin-right: 22px;
}

#more_one>ul {
	display: flex;
	flex-direction: row;
	background-color: #1f2128;
	padding: 22.5px 50px;
	justify-content: space-between;
	border-radius: 5px;
	color: #D7B587;
}

#more_one li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	line-height: 20px;
	font-size: 14px;
}

#more_one li>a>p {
	color: #D7B587;
	width: 100px;
	margin-top: 10px;
	word-wrap: break-word;
	white-space: normal;
}

#more_two>ul {
	display: flex;
	flex-direction: row;
	background-color: #1f2128;
	/* padding: 22.5px 50px; */
	border-radius: 5px;
	color: #D7B587;
	flex-wrap: wrap;
}

#more_two li {
	font-size: 14px;
	line-height: 52px;
	margin-left: 42px;
}

#AD img {
	width: 245px;
	height: 164px;
	margin-bottom: 22px;
	border-radius: 6px;
	object-fit: cover;
}

#AD li {
	cursor: pointer;
}

#new_notice {
	background-color: #1f2128;
	margin-top: 30px;
}

#new_notice li {
	padding: 20px 0;
	border-top: rgba(255, 255, 255, .06) solid 1px;
	color: #9FA3B5;
	font-size: 14px;
	cursor: pointer;
}

#new_notice>ul>li>a>p:last-child {
	font-size: 12px;
	color: #666976;
	padding-top: 15px;
}

#new_notice li:last-child {
	padding: 20px 0 0 0;
}

@media screen and (max-width:512px) {
	.friend_logos .swiper-slide{
		height: 60px;
	}
	.Exhibits #change_page_com{
		display: none;
	}
	.active_color {
		font-size: 18px;
		position: relative;
	}

	.active_color:after {
		content: '';
		position: absolute;
		width: 50%;
		height: 4px;
		background-color: #dcb785;
		bottom: -10px;
		left: 50%;
		border-radius: 10px;
		transform: translateX(-50%);
	}

	#banner {
		height: 15rem;

	}

	#banner_left {
		margin-top: 0;
		position: relative;
		text-align: center;
	}

	.black_inset {
		margin-top: 3.5rem;
		height: 15rem;
	}

	.banner_title {
		width: 100%;
		text-align: center;
		position: absolute;
		top: 3rem;
		font-size: 1.25em;
	}

	.banner_content {
		position: absolute;
		top: 5rem;
		width: 95%;
		left: 50%;
		transform: translateX(-50%);
		text-overflow: -o-ellipsis-lastline;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 display: -webkit-box;
		 -webkit-line-clamp: 4;
		 line-clamp: 4;
		 -webkit-box-orient: vertical;
		line-height: unset;
		height: auto;
		font-size: 0.875rem;
	}

	#banner_back {
		height: 100%;
	}

	#banner_view {
		margin: 0;
		position: absolute;
		top: 12rem;
		left: 50%;
		transform: translateX(-50%);
		font-size: 16px;
	}

	#banner_view img {
		width: 50px;
		height: 50px;
	}

	#banner_view>a:first-child {
		margin-right: 10px;
	}

	#banner_view>a {
		margin-right: 0;
		white-space: nowrap;
		padding: .5rem 1.5rem;
		font-size: 14px;
	}

	#img_back {
		margin-top: 3.5rem;
		height: 100%;
	}

	#img_back>img {
		height: 15rem;
	}

	.global_nav {
		margin: 0;
		font-size: 1em;
		padding: 30px .5rem 0 .5rem;
		flex-direction: column;
		align-items: flex-start;
	}

	.global_nav>ul {
		margin-bottom: 30px;
	}

	.global_nav>p {
		font-size: 1.25em;
		display: block;
		margin-bottom: 30px;
	}

	#Publicity_info {
		flex-direction: column;
		justify-content: unset;
		align-items: unset;
		margin: 0;
	}

	.Exhibits {
		/* background-color:#1c1d24; */
	}

	.News {
		background-color: #1c1d24;
	}
	.global_nav>ul{
		width: 100%;
		overflow-x: scroll;
		padding-bottom: 10px;
	}
	.global_nav>ul>li {
		white-space: nowrap;
		font-size: 1em;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-left: 0;
		margin-right: 10px;
	}

	.global_nav>ul>li:first-child {
		/* margin-right: .5rem; */
	}

	#title {
		font-size: 1.2em;
		padding: 30px 0;
		margin: 0 .5rem;
	}

	body>div {
		width: 100%;
	}

	.More_info {
		background-color: #1c1d24;
	}

	#content_left {
		width: 100%;
	}

	.swiper-container {
		width: 95%;
		margin: 0 auto;
	}

	/* .swiper-slide {
		height: 50px;
	} */

	.Wonderful_review_box {
		box-sizing: border-box;
		padding: 0 10px;
	}
	.Wonderful_review_box .gallery-top .swiper-slide img {
		object-fit: contain;
	}

	.swiper-slide>a>img {
		border-radius: 5px;
	}

	.friend_logos {
		width: 100%;
		margin-top: .5rem;
	}

	#more_one {
		margin-top: 10px;
		background-color: #1c1d24;
	}

	#more_one>ul {
		background-color: unset;
		border-radius: 0;
		width: 100%;
		margin: 0 auto;
		padding: 1rem 0 50px 0;
	}

	#change_page_com {
		display: flex;
		margin-right: .5rem;
	}

	#change_page_com>img {
		display: none;
	}

	#good_client {
		width: 800%;
	}

	#good_client>li {
		width: 100%;
		height: 5rem;
		overflow: auto;
	}

	#good_client>li>img {
		width: 100%;
		height: 100%;
		border-radius: 20px;
		transform: scale(.8);
		object-fit: cover;
	}

	#more_one,
	#more_two {
		width: 100%;
	}

	#more_one>.global_nav>p {
		display: block;
		font-size: 1.2em;
	}

	#more_one>ul>li>img {
		width: 30px;
		height: 30px;
		margin-bottom: 1rem;
	}

	#more_one>ul {
		width: 90%;
		margin: 0 auto;
	}

	#more_one>ul>li {
		padding: 0;
		font-size: 1em;
	}

	#Publicity_box {
		width: 95%;
		margin: 0 auto;
	}

	#Publicity_box>video {
		width: 100%;
		height: 100%;
	}

	.Publicity_title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		font-size: 1.5em;
		margin: .5rem 0;
	}

	.Publicity_control p{
		margin-right: 10px;
	}

	#Publicity_info img {
		width: 20px;
		padding-right: 5px;
		/* height: 50px; */
	}

	#Publicity_info p {
		font-size: 1em;

	}

	#recommend_video_list_ul>li:nth-child(4n) {
		margin: 0 5% 1rem 0;
	}

	#recommend_video_list_ul>li:nth-child(3n) {
		margin: 0 0rem 1rem 0;
	}

	#recommend_video_list {
		width: 95%;
		margin: 0 auto;
	}

	#recommend_video_list_ul {
		justify-content: flex-start;
	}

	#recommend_video_list_ul>li {
		width: 30%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0 5% 1rem 0;
	}

	#recommend_video_list_ul>li>a>img {
		width: 100%;
		height: 20vh;
		margin-bottom: .5rem;
		border-radius: 10px;
	}

	#recommend_video_list_ul>li>a>p {
		font-size: 1em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#recommend_video_list_ul>li>a>p:last-child {
		font-size: .8em;
		margin-top: .5rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	 .News_ul{
		width: 95%;
		margin: 0 auto;
		flex-direction: column;
	}

	#news_info {
		width: 95%;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}
	.News_ul>li>a{
		margin-right: 0;
	}
	#news_info p:first-child{
		-webkit-line-clamp: 1;
	}
	#news_info p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		width: 100%;
		font-size: 1em;
	}

	.News_ul>li {
		padding: 0;
		margin: 0 0 .5rem 0;
	}

	.News_ul>li>a>img {
		width: 10rem;
		min-width: 10rem;
		height: 6rem;
		border-radius: 10px;
	}

	/* .Wonderful_review {
		display: none;
	} */

	#more_two>.global_nav>p {
		display: block;
		font-size: 1.2em;

	}

	#more_two li {
		font-size: 1em;
		padding: .5rem;
	}

	#content_right {
		display: none;
	}

	.More_info {
		margin-bottom: 0;
	}

	.Wonderful_review_box .gallery-top {
		height: auto;
	}
	.Wonderful_review_box {
		height: auto;
	}
	/* .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
		padding: 0;
	} */
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 16px;
	}

}