/* CSS Document */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0
}

html {
	background: #fff;
	position: relative;
	height: 100%;
	font-size: 125%;
	overflow-x: hidden;
}

@media (max-width:1200px) {
	html {
		font-size: 100%;
	}
}

@media (max-width:1024px) {
	html {
		font-size: 87.5%;
	}
}

@media (max-width:768px) {
	html {
		font-size: 100%;
	}
}

@media (max-width:540px) {
	html {
		font-size: 100%;
	}
}

@media (max-width:440px) {
	html {
		font-size: 87.5%;
	}
}

@media (max-width:340px) {
	html {
		font-size: 75%;
	}
}

body {
	/*�?body 初始 width �?height �?等于 页面可视区域�?宽高*/
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	font-size: 100%;
	color: #333;
	font-family: "Microsoft YaHei";
	background-color: #a20023;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

body * {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

@media screen and (orientation:portrait) {

	/*竖屏样式*/
	body {
		transform-origin: 0 0;
		transform: rotateZ(90deg) translateY(-100%);
	}
}

form {
	display: inline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	font-family: "Microsoft YaHei";
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	text-align: inherit
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

input,
img {
	vertical-align: middle
}

ol,
ul {
	list-style: none
}

em,
i {
	font-style: normal
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

textarea {
	resize: none
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* ---- mainSwiperBox Style ---- */
.mainSwiperBox {
	height: 100%;
}

.mainSwiperBox .swiper-container {
	width: 100%;
	height: 100%;
}

.mainSwiperBox .swiper-wrapper {
	height: 100%;
}

.mainSwiperBox .swiper-slide {
	height: 100%;
	width: 100vmax;
	position: relative;
}


/* ---- firstBox Style ---- */
.firstBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../img/first_bg.jpg) center center /100% 100% no-repeat;
	z-index: 10;
}

.firstBox .logo {
	position: absolute;
	left: 17.2621vmax;
	top: 14.71698vmin;
	width: 14.5030vmax;
	height: auto;
}
.firstBox .logo100 {
	position: absolute;
	left: 42.3vmax;
	top: 13.2704vmin;
	width: 14.8118vmax;
	height: auto;
}

.firstBox .banner {
	position: absolute;
	left: 19.3845vmax;
	top: 36.7924vmin;
	width: 58.6487vmax;
	height: auto;
}

.firstBox .slogan {
	position: absolute;
	left: 34.7011vmax;
	bottom: 35.03145vmin;
	width: 30.66855vmax;
	height: auto;
}

.firstBox .cooper {
	position: absolute;
	left: 26.6169vmax;
	bottom: 25.3459vmin;
	width: 48.08454vmax;
	height: auto;
}
.firstBox .cooperBox{
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 11.5723vmin;
	max-width: 39vmax;
}
.firstBox .cooperBox p{
	position: relative;
	line-height: 160%;
	font-size: 1.0612vmax;
	color: #ffe59c;
	text-shadow: 0.3891vmax 0.3891vmax 2px #80020b;
	padding: 0 0 0 3.3251vmax;
}
.firstBox .cooperBox p label{
	position: absolute;
	left: 0;
	top: 0;
}
.firstBox .rightBtn {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6.2893vmin;
	height: 12.5786vmin;
	width: auto;
}

.firstBox .rightBtn img {
	width: auto;
	height: 100%;
}

/* ---- firstBox Style ---- */
.secondBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/second_bg.jpg) center center / 100% 100% no-repeat;
	z-index: 9;
}

.secondBox .flag {
	position: absolute;
	left: 0;
	bottom: 16.4780vmin;
	width: 95.2954vmax;
	height: auto
}

.secondBox .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24.02516vmin;
}

.secondBox .statue {
	position: absolute;
	bottom: 0;
	left: 5.4121vmax;
	width: 47.3293vmax;
	height: auto;
}

.secondBox .birds {
	position: absolute;
	top: 10.3145vmin;
	left: 36.099vmax;
	width: 22.9926vmax;
	height: auto;
}

/* ---- thirdBox Style ---- */
/* #mainSwiper .swiper-wrapper>.swiper-slide:nth-of-type(3){
	z-index: 9;
} */
.thirdBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/third_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 8;
}

.thirdBox .emblem {
	position: absolute;
	right: -11.4963vmax;
	top: 0;
	width: 51.5387vmax;
	height: 93.1446vmin;
}

.introductionBox {
	position: relative;
	width: 43.66vmax;
	margin: 0 auto;
	line-height: 187.5%;
	font-size: 1.1319vmax;
	color: #333333;
}
.introductionBox .con{
	overflow-y: auto;
	max-height: 70vmin;
}
.introductionBox p {
	text-indent: 2em;
	padding: 0.755vmin 0;
}

.introductionBox::before {
	content: "";
	position: absolute;
	left: -6.5087vmax;
	top: -13.27vmin;
	width: 8.56vmax;
	height: 14.088vmin;
	background: url(../img/third_introduction.png) center center / 100% 100% no-repeat;
}

@media screen and (orientation:portrait) {

	.introductionBox {
		width: 60vmax;
		font-size: 1.4vmax;
	}
}

@media (max-width:340px) {
	.introductionBox {
		width: 65vmax;
		line-height: 150%;
	}
	
}

/* ---- fourthBox Style ---- */
.fourthBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: url(../img/fourth_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fourthBox .emblem {
	position: absolute;
	left: -40.0424vmax;
	top: 0;
	width: 51.5387vmax;
	height: 93.1446vmin;
}
.fourthBox .logo {
	position: absolute;
	left: 16.5193vmax;
	top: 14.4654vmin;
	width: 15.069vmax;
	height: auto;
	z-index: 9;
}
.fourthBox .finger{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4vmin;
	height: 5vmin;
	width: 20vmax;
	margin: 0 auto;
	text-align: center;
	animation: finger 5s ease-in-out infinite alternate;
}
.fourthBox .finger img{
	width: auto;
	height: 100%;
	opacity: 0.4;
}
@keyframes finger {
	0% {
		transform:translate(10vmax,0);
		opacity: 0;
	}
	30% {
		transform:translate(0,0);
		opacity: 1;
	}
	70% {
		transform:translate(0,0);
		opacity: 1;
	}
	100% {
		transform:translate(-10vmax,0);
		opacity: 0;
	}
}
#map-wrap{
	position: absolute;
	left: 0;
	right: 0;
	top: 8vmin;
	margin: 0 auto;
	width: 80vmax;
	height: 80vmin;
	z-index: 9;

}
/* ---- fifthBox Style ---- */
.fifthBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/fifth_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fifthBox .logo {
	position: absolute;
	left: 16.1655vmax;
	top: 17.8616vmin;
	width: 15.069vmax;
	height: auto;
}

.fifthBox .videoBox {
	position: absolute;
	left: 16.1655vmax;
	top: 31.5723vmin;
	width: 46.1266vmax;
	height: 43.0149vmin;
	border: 0.849vmax solid rgba(255, 230, 186, 0.3);
	/* background: rgba(255, 230, 186, 0.3); */
	overflow: hidden;
}

.fifthBox .videoBox video {
	object-fit: fill;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
}

.fifthBox .videoBox p.title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5.0314vmin;
	line-height: 5.0314vmin;
	font-size: 2.1383vmin;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.fifthBox .videoBox p.playing {
	bottom: -5.1vmin;
}

.fifthBox .videoBox .palyBtn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/icon_play.png) center center / auto 7.5472vmin no-repeat;
	overflow: hidden;
	text-indent: -99999px;
}

.fifthBox .videoSwiper {
	position: absolute;
	right: 16.2009vmax;
	top: 31.5723vmin;
	width: 18.7478vmax;
	height: 43.0149vmin;
	padding: 0.849vmax;
	background: rgba(255, 230, 186, 0.3);
}

.fifthBox .videoSwiper .swiper-container {
	height: 100%;
	width: 100%;
}

.fifthBox .videoSwiper .swiper-slide {
	overflow: hidden;
	height: unset;
	width: 100%;
}

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

.fifthBox .videoNext,
.fifthBox .videoPrev {
	position: absolute;
	width: 3.5019vmax;
	height: 3.7107vmin;
	left: 0;
	right: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	cursor: pointer;
}

.fifthBox .videoPrev {
	top: -5.6604vmin;
	background-image: url(../img/video_prev.png);
	border-radius: 0.21224vmax 0.21224vmax 0 0;
}

.fifthBox .videoNext {
	bottom: -5.6604vmin;
	background-image: url(../img/video_next.png);
	border-radius: 0 0 0.21224vmax 0.21224vmax;
}

/* ---- sixthBox Style ---- */
.sixthBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/sixth_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sixthNewsBox {
	width: 65.4404vmax;
	margin: 0 auto;
}

.sixthNewsBox .focusNews {
	padding: 0 0 0 10.4351vmax;
	position: relative;
	margin-bottom: 3.522vmin;
}

.sixthNewsBox .focusNews::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 8.7725vmax;
	height: 9.3082vmin;
	background: url(../img/sixth_news_head.png) center center / 100% 100% no-repeat;
}

.sixthNewsBox .focusNews h1 {
	font-size: 3.522vmin;
	line-height: 114.286%;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0.503vmin;
}

.sixthNewsBox .focusNews p {
	height: 4.4026vmin;
	line-height: 2.2013vmin;
	font-size: 1.5094vmin;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sixthNewsBox .newsSwiper {
	width: 40.1839vmax;
	height: 37.2327vmin;
	float: left;
	border: 1.132vmin solid rgba(117, 96, 82, 0.42);
	position: relative;
}

.sixthNewsBox .newsSwiper .swiper-container {
	height: 100%;
}

.sixthNewsBox .newsSwiper .swiper-wrapper {
	height: 100%;
}

.sixthNewsBox .newsSwiper .swiper-slide {
	height: 100%;
	width: unset;
	overflow: hidden;
}

.sixthNewsBox .newsSwiper .swiper-slide img {
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.sixthNewsBox .newsSwiper .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.sixthNewsBox .newsSwiper .swiper-slide p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4.2767vmin;
	line-height: 4.2767vmin;
	padding: 0 13.8365vmin 0 1.1321vmin;
	font-size: 1.8868vmin;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}

.sixthNewsBox .newsSwiper .pagination {
	position: absolute;
	height: 1.1321vmin;
	right: 2.0126vmin;
	bottom: 1.5723vmin;
	z-index: 2;
	line-height: 0;
}

.sixthNewsBox .newsSwiper .swiper-pagination-bullet {
	height: 1.1321vmin;
	width: 1.1321vmin;
	border-radius: 50%;
	opacity: 1;
	margin: 0 0.503vmin;
	background: #d1d1d1;
}

.sixthNewsBox .newsSwiper .swiper-pagination-bullet-active {
	background: #d82f0c;
}
.sixthNewsBox .newsSwiper .newsNext,
.sixthNewsBox .newsSwiper .newsPrev{
	position: absolute;
	top: 50%;
	margin-top: -4.90565vmin;
	width: 1.76866vmax;
	height: 5.5346vmin;
	background-size:100% 100%;
	background-repeat: no-repeat;
	z-index: 99;
	cursor: pointer;
	border: none;
	outline: none;
	box-shadow: unset;
}
.sixthNewsBox .newsSwiper .newsNext{
	background-image: url(../img/news_next.png);
	right: 0;
}
.sixthNewsBox .newsSwiper .newsPrev{
	background-image: url(../img/news_prev.png);
	left: 0;
}
.sixthNewsBox .mainNews {
	width: 23.8415vmax;
	float: right;
}
.sixthNewsBox .mainNews .headlines li{
	margin-bottom: 1.0063vmin;
}
.sixthNewsBox .mainNews .headlines h2 {
	height: 4.0252vmin;
	line-height: 4.0252vmin;
	font-size: 2.5157vmin;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sixthNewsBox .mainNews .headlines p {
	height: 5.0314vmin;
	line-height: 2.5157vmin;
	font-size: 1.5094vmin;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.sixthNewsBox .newsList li{
	height: 3.522vmin;
	line-height: 3.522vmin;
	font-size: 1.761vmin;
	color: #fff;
	padding-left: 2.5157vmin;
	background: url(../img/news_arrow.png) left center / auto 1.5723vmin no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (orientation:portrait) {
	.sixthNewsBox {
		width: 72vmax;
	}
	
	.sixthNewsBox .focusNews h1 {
		font-size: 4.2vmin;
		line-height: 114.286%;
	}
	
	.sixthNewsBox .focusNews p {
		height: 8.4026vmin;
		line-height: 4.2013vmin;
		font-size: 2.5vmin;
		display: none;
	}
	
	.sixthNewsBox .newsSwiper {
		height: 44vmin;
	}
	
	.sixthNewsBox .newsSwiper .swiper-slide p {
		height: 4.2767vmin;
		line-height: 4.2767vmin;
		padding: 0 1.1321vmin 0 1.1321vmin;
	}
	.sixthNewsBox .newsSwiper .pagination {
		bottom: 1.5723vmin;
		display: none;
	}
	
	.sixthNewsBox .mainNews {
		width: 30vmax;
	}
	.sixthNewsBox .mainNews .headlines li{
		margin-bottom: 1.0063vmin;
	}
	.sixthNewsBox .mainNews .headlines h2 {
		height: 6.0252vmin;
		line-height: 6.0252vmin;
		font-size: 3vmin;
	}
	
	.sixthNewsBox .mainNews .headlines p {
		display: none;
	}
	.sixthNewsBox .newsList li{
		height: 6vmin;
		line-height: 6vmin;
		font-size: 2.5vmin;
	}
}
/* ---- seventhBox Style ---- */
.seventhBox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/seventh_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.seventhBox h1{
	position: absolute;
	top: 14.4654vmin;
	left: 0;
	right: 0;
	width: 50.19544vmax;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}
.seventhBox h1 img{
	width: 16.3778vmax;
	height: auto;
}
.seventhBox .picNews{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 27.044vmin;
	width: 50.19544vmax;
	height: 51.195vmin;
	overflow: hidden;
}
.seventhBox .picNews img{
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.seventhBox .picNews:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ---- eighthBox Style ---- */
.eighthBox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/eighth_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.eighthBox img.bottom{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12.57861635vmin;
	z-index: 99;
}
.eighthBox img.blood{
	position: absolute;
	left: 13.3003vmax;
	top: 0;
	width: 85.7092vmax;
	height: 100%;
}
.eighthBox img.silk{
	position: absolute;
	left: 24.9027vmax;
	bottom: 0;
	width: 46.9402vmax;
	height: auto;
}
.eighthBox img.monument{
	position: absolute;
	left: 40.8207vmax;
	bottom: 6.1635vmin;
	width: 25.8931vmax;
	height: auto;
}
.eighthBox img.statue{
	position: absolute;
	left: 28.6169vmax;
	bottom: 0;
	width: 43.226vmax;
	height: auto;
}
.eighthBox img.flag{
	position: absolute;
	left: 52.5999vmax;
	bottom: 0;
	width: 44.7117vmax;
	height: auto;
}
/* ---- ninthBox Style ---- */
.ninthBox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/ninth_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ninthBox h1{
	position: absolute;
	top: 14.4654vmin;
	left: 0;
	right: 0;
	width: 60.48815vmax;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}
.ninthBox h1 img{
	width: 16.7315vmax;
	height: auto;
}
.ninthBox .picNews{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	border: 1.132vmin solid rgba(255, 230, 186, 0.5);
	top: 27.044vmin;
	width: 60.48815vmax;
	height: 50.9434vmin;
	overflow: hidden;
}
.ninthBox .picNews img{
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ninthBox .picNews:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ---- tenthBox Style ---- */
.tenthBox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/tenth_bg.jpg) center center / 100% 100% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}
.tenthBox .logoList{
	width: 68.6947vmax;
	max-height: 37.4843vmin;
	/* max-height: 47.7987vmin; */
	overflow-y: auto;
	margin-bottom: 5.4088vmin;
}
.tenthBox .logoList ul{
	width: 100%;
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	justify-content:space-around;
	flex-wrap: wrap;
}
.tenthBox .logoList ul li{
	width: 13.06165%;
	height: 6.4151vmin;
	margin-bottom: 3.8994vmin;
	overflow: hidden;
	position: relative;
}
.tenthBox .logoList ul li img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.tenthBox .logoBox{
	width: 68.6947vmax;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.tenthBox .logoBox img{
	width: auto;
	height: 5.1572vmin;
	margin: 0 1.2734vmax;
}