* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: SketchRockwell; /*这里是说明调用来的字体名字*/
	src: url('../font/FZBWKSJW.TTF'); /*这里是字体文件路径*/
}

*{
	font-family: "SketchRockwell", serif;
}

a {
	text-decoration: none;
}

::-webkit-scrollbar {
	/* display: none; */
}

.main {
}

/* 首屏 */
.first {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../image/bg.jpg);
	position:relative;
	z-index: 199;
}

/* logo */
.first .logo-box {
	width: 10%;
	height: 8%;
	display: block;
	position: absolute;
	left: 35%;
	z-index: 180;
}

.first .first-bottom{
	width: 100%;
	background: url(../image/index_bg_bottom.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	height: 58rem;
}

.first .logo-box .logo {
	width: 201%;
	position: absolute;
	top: 0;
}

.first .logo-box .logo-nian {
	width: 193%;
	height: 104%;
	background: url(../image/logo-nian.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 138%;
	right: -198%;
}

.first .video-wrapper {
	width: 100%;
}

.first .video-wrapper video {
	width: 100%;
	display: block;
}

.first .index-button {
	position: absolute;
	z-index: 99;
	top: 13vh;
	right: 2vw;
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}

.frist .index-button a {
	text-decoration: none;
	cursor: pointer;
}

.first .index-button-bg {
	width: 359px;
	height: 77px;
	background: url(../image/button-bg.png) no-repeat;
	background-size: 100% 100%;
	font-size: 36px;
	color: #03090D;
	text-align: center;
	line-height: 77px;
	cursor: pointer;
}

.first .index-button-bg:hover {
	width: 359px;
	height: 77px;
	background: url(../image/button-bg-c.png) no-repeat;
	background-size: 100% 100%;
}


/* 第2屏 */
.third{
	/*margin-top:-90px;*/
	position: relative;
}
.third .top{
	width:100%;
	height:126px;
	background:url(../image/video_top.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:absolute;
	z-index:20;
	top: 0;
}
.third .center{
	width:100%;
	height:762px;
	/*margin-top:-80px;*/
	position:relative;
	z-index:10;
}
.third .center >video{
	width:100%;
	height:762px;
	object-fit: cover;
}
.third .center .mask{
	width:100%;
	height:762px;
	position:absolute;
	top:0;
	z-index:99;
	background:rgba(0,0,0,.7);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.mask .title{
	font-size: 18px;
	text-align: center;
	color: #FFDFA0;
	letter-spacing: 3px;
}
.mask .text{
	font-size: 26px;
	text-align: center;
	color: #fff;
	margin-top:32px;
	letter-spacing: 3px;
}
.mask >img{
	width:68px;
	height:63px;
	margin-top:26px;
	cursor: pointer;
	
}
.third .bottom{
	width:100%;
	height:529px;
	background:url(../image/video_bottom.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position:absolute;
	z-index:20;
	bottom: 0;
}
.third .panel-background-introudce{
	position:absolute;
	bottom: 0;
}

.third .panel-background-introudce p{
	font-size: 18px!important;
}
.third .bottom p{
	font-size:14px;
	line-height: 31px;
	color: #9a948c;
	text-align: center;
	text-shadow:0px .06rem .12rem rgba(0, 0, 0, .4);
}


/* 第3屏 */
.second {
	width: 100%;
	background-size: cover;
	color: #f7e2c3;
	min-height: 101vh;
	position:relative;
	z-index:19;
}
.second .top{
	width:100%;
	height:126px;
	background:url(../image/video_top.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position:absolute;
	z-index:20;
	top: 0;
}

.text-primary{
	color:#FF6A61;
}

/* 弹出窗 视频播放 */
.chanqi-popbox {
	position: fixed;
	inset: 0;
	z-index: 100;
	background: #050504;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.chanqi-popbox-close {
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 100px;
	right: 45px;
	filter: brightness(2);
	background-image: url(../image/close_normal.png);
	background-position: 50% 50%;
	background-size: 100% 100%;
	cursor: pointer;
}

.chanqi-popbox-close {
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	top: 23vh;
	right: 26vw;
	filter: brightness(2);
	background-image: url(../image/close_normal.png);
	background-position: 50% 50%;
	background-size: 100% 100%;
	cursor: pointer;
}

.chanqi-popbox-close::after {
	content: '';
	opacity: 0;
	transition: opacity .2s ease-in-out;
	position: absolute;
	inset: 0;
	background-image: url(../image/close_active.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
}

.chanqi-popbox-close:hover:after {
	opacity: 1;
}

.chanqi-popbox-video {
	width:38%;
	object-fit: cover;
}

.hidden{
	display: none!important;
}

.second-menu-left{
	position: absolute;
	left: 146px;
	top: 357px;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	width: 12.5%;
}

.second-menu-right{
	position: absolute;
	right: 243px;
	top: 256px;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	width: 14%;
}

.second-menu-right .tabs{
	width:82%;
	height:40px;
}

.tabs{
	width: 70%;
	height:40px;
	background-size: 100% 100%;
	line-height: 19px;
	padding-left: 108px;
	padding-top: 12px;
	cursor: pointer;
}

.tabs p{
	transform: rotate(357deg);
	font-size: 20px;
	color: #E8CEB5;
}

.tabs.active p{
	color: #FFBB04;
}

.tabs_normal{
	background-image: url(../image/menu_normal.png);
}

.tabs_active{
	background-image: url(../image/menu_active.png)!important;
}

.article{
	position: absolute;
	top: 24vh;
	left: 40%;
}

.article .article-info{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.article .article-info p{
	width: 25vw;
	line-height: 40px;
	font-weight: 400;
	font-size: 22px;
	color: #6C4C30;
	margin-bottom: 11px;
	transform: rotate(357deg);
}

.article .article-info img{
	transform: rotate(357deg);
	margin: 0 auto;
}

.fotter{
	/*background-image: url(../images/fotter_bg.png);*/
	/*background-repeat: no-repeat;*/
	/*background-size: 100% 100%;*/
	background: #000;
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: space-around;
	position: relative;
	align-items: center;
	color: #9E9E9E;
	display: flex;
}
.fotter .bg{
	position: absolute;
	width: 100%;
	height: 100%;
}

.fotter .fotter-right{
	display: flex;
	column-gap: 16px;
}