* {
	padding:0;
	margin:0;
	font-family:"Microsoft YaHei";
}

.top {
	width:100%;
	height:25vw;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.nav_img {
	background-image:url(../img/nav.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:6vw;
	height:2.5vw;
	position:absolute;
	top:2vw;
	left:20vw;
}

.nav {
	width:50vw;
	height:5vw;
	margin-left:35%;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.nav_item {
	width:16%;
	height:5vw;
	float:left;
	text-align:center;
	line-height:5vw;
	border-top:#021951 solid 6px;
	letter-spacing:2px;

}

.nav_item:hover {
	border-top:#1953ab solid 6px;
	cursor:pointer;
}

.nav_item_active {
	width:16%;
	height:5vw;
	float:left;
	text-align:center;
	line-height:5vw;
	border-top:#1953ab solid 6px;
	letter-spacing:2px;
	cursor:pointer;
}

.content {
	display:flex;
	width:100%;
	height:20vw;
	position:relative;
	background-image:url(../img/top_background.png);
	background-size:100% auto;
	background-repeat: no-repeat;
}

.content_left {
	width:30vw;
	height:50%;
	margin-left:20px;
	position:absolute;
	animation:myfirst0 1.9s;
	left:20%;
	bottom:25%;
	background-image:url(../img/top_content_left.png);
	background-size:100% auto;
	background-repeat:no-repeat;
}

@keyframes myfirst0 {
	from {
		bottom:-200px;
		opacity:0;
	}
	to {
		bottom:25%;
		opacity:1;
	}
}

.content_right {
	width:35vw;
	height:50%;
	margin-left:30px;
	left:50%;
	bottom:15%;
	position:absolute;
	animation:myfirst01 1.9s;
	background-image:url(../img/top_content_right.png);
	background-size:100% auto;
	background-repeat:no-repeat;
}

@keyframes myfirst01 {
	from {
		bottom:-200px;
		opacity:0;
	}
	to {
		bottom:15%;
		opacity:1;
	}
}

.welcome {
	width:100%;
	height:60vw;
	position:relative;
}

.welcome_top {
	width:100%;
	height:5vw;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	margin-bottom:2vw;
	position:relative;

}

.welcome_top_title {
	font-size:3.125vw;
	color:#ffffff;
	position:absolute;
	bottom:0.2vw;
	left:40vw;
	z-index:2;
}

.welcome_top_img {
	background-image:url(../img/title.png);
	width:25vw;
	height:2vw;
	background-size:100% 100%;
	color:#ffffff;
	left:38vw;
	display:flex;
	position:absolute;
	bottom:0;
	z-index:1;
}

.welcome_content {
	 width:100%;
	 height:45vw;
	 display:flex;
    justify-content:center;
	opacity:1;
	 position:absolute;
	 animation:myfirst 1.9s;
	bottom:8vw;
 }
.welcome_content_out{
	width:100%;
	height:45vw;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:5vw;
	opacity:0;
	position:absolute;
	bottom:15vw;
}

@keyframes myfirst {
    from {
		bottom:-200px;
        opacity:0;
    }
    to {
		bottom:8vw;
        opacity:1;
    }
}
.welcome_in {
	width:82vw;
	height:42.5vw;
	cursor:pointer;
	background-image:url(../img/video_back2.png);
	background-size:100% auto;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.welcome_in_item{
	background-image: url(../img/welcome_video2.png);
	width: 93%;
	height: 91%;
	background-size:100% auto;
	background-repeat: no-repeat;
	border-radius: 0.2vw;
	overflow: hidden;
	margin:0.6vw 0 0 -0.5vw;
	display: flex;
	align-items: center;
	justify-content: center;

}

.welcome_in_item_play{
	background-image: url(../img/play.png);
	background-size: 100% auto;
	width: 5vw;
	height: 5vw;
}

.release {
	height:44vw;
	width:100%;
	position:relative;
	margin-bottom:5vw;
    margin-top: 5vw;
}

.release_top {
	height:5vw;
	width:100%;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	margin-bottom:5vw;
	position:relative;
}

.release_top_img {
	background-image:url(../img/title.png);
	width:25vw;
	height:2vw;
	left:38vw;
	background-size:100% 100%;
	color:#ffffff;
	display:flex;
	position:absolute;
	bottom:0;
	z-index:1;
}

.welcome_top_title {
	font-size:3.125vw;
	color:#ffffff;
	position:absolute;
	bottom:0.2vw;
	z-index:2;
}

.release_content_in {
	width:100%;
	height:34vw;
	animation:releaseContent 1.9s;
	opacity:1;
	bottom:0;
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
}

@keyframes releaseContent {
	from {
		bottom:-200px;
		opacity:0;
	}
	to {
		bottom:0;
		opacity:1;
	}
}

.release_content_left {
	width:59vw;
	height:34vw;
	background-image:url(../img/video_back.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-right:4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
.release_content_left_content{
	background-image: url(../img/welcome_video2.png);
	width: 89%;
	height: 90%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 1.5vw 0.5vw 0 0;
	display: flex;
	align-items: center;
	justify-content: center;

}

.release_content_right {
	width:20vw;
	height:40%;
	color:#FFFFFF;
	top:10%;
}

.speech {
	width:100%;
	height:44vw;
	position:relative;
	margin-bottom:5vw;
}

.speech_top {
	height:5vw;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:5vw;
	position:relative;
}

.speech_top_img {
	background-image:url(../img/title.png);
	width:25vw;
	height:2vw;
	left:38vw;
	background-size:100% 100%;
	color:#ffffff;
	display:flex;
	position:absolute;
	bottom:0;
	z-index:1;
}

.speech_content_in {
	width:100%;
	height:34vw;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:1;
	animation:myfirst2 1.9s;
	position:absolute;
	bottom:0;
}

.speech_content_out {
	width:100%;
	height:30vw;
	display:flex;
	opacity:0;
	position:absolute;
	bottom:-300px;
}

@keyframes myfirst2 {
	from {
		opacity:0;
		bottom:-300px;
	}
	to {
		opacity:1;
		bottom:0;
	}
}

.speech_content_left {
	width:59vw;
	height:34vw;
	background-image:url(../img/video_back.png);
	background-size:100% 100%;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.speech_content_left_content{
	background-image: url(../img/machengen2.png);
	width: 89%;
	height: 90%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 1.5vw 0.5vw 0 0;
	display: flex;
	align-items: center;
	justify-content: center;

}

.speech_content_right {
	width:24vw;
	height:16vw;
	background-image:url(../img/speech_right.png);
	background-size:100% 100%;
}
            .Top_list{
                width: 100%;
				height: 55vw;
                position: relative;
				margin-bottom: 2vw;
            }
			.Top_list_content_in{
				width:100%;
				height: 45vw;
				display: flex;
				align-items: center;
				justify-content: center;
				opacity: 1;
				position: absolute;
				animation: myfirstTop_list 1.9s;
				bottom: 0;
			}
            @keyframes myfirstTop_list {
                from {
                    opacity:0;
                    bottom:-300px;
                }
                to {
                    opacity:1;
                    bottom:0;
                }
            }
			.Top_list_content_out{
				width:100%;
				height: 45vw;
				display: flex;
				align-items: center;
				justify-content: center;
				opacity: 0;
				position: absolute;
				bottom: 0;
			}
			.Top_list_content_img{
				width: 84vw;
				height: 42.5vw;
				cursor: pointer;
				background-image: url(../img/Top_list_img.png);
				background-size: 100% 100%;;
			}

.experts {
	width:100%;
	height:77vw;
	position:relative;
    margin-bottom: 5vw;
}

.experts_top {
	width:100%;
	height:8vw;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-bottom:7vw;
	position:relative;
}

.experts_top_img {
	background-image:url(../img/title.png);
	width:25vw;
	height:2vw;
	left:38vw;
	background-size:100% 100%;
	color:#ffffff;
	display:flex;
	position:absolute;
	bottom:0;
	z-index:1;
}

.experts_content_in {
	height:62vw;
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	animation:myfirst3 1.9s;
	position:absolute;
}

.experts_content_out {
	height:62vw;
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:absolute;
	opacity:0;
}

@keyframes myfirst3 {
	from {
		opacity:0;
		bottom:-300px;
	}
	to {
		opacity:1;
		bottom:0;
	}
}

.experts_content_oneLine {
	width:85%;
	height:26vw;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

.experts_content_oneLine_item {
	width:22vw;
	height:23vw;
	padding:20px;
	transition:background-color 1s;
	background-image:url(../img/experts_item.png);
	background-size:100% 100%;
	color:#FFFFFF;
	cursor:pointer;
}

.experts_content_oneLine_item:hover {
	background-color:#0094dc;
}

.experts_content_oneLine_item_img {
	width:100%;
	height:50%;
	background-color:#00FFFF;
}

.experts_content_oneLine_item_name {
	width:100%;
	line-height:2.34vw;
	font-size:1.25vw;
	margin-top:10px;
	text-align:center;
}

.experts_content_oneLine_item_content {
	width:100%;
	font-size:0.83vw;
	line-height:1.56vw;
	text-align:center;
}

.experts_content_center {
	background-image:url(../img/experts_center.png);
	background-size:100% 100%;
	width:80vw;
	height:10vw;
}

.Display {

	width:100%;
	height:62vw;
	position:relative;
    margin-bottom: 3vw;
}

.Display_top {
	height:5vw;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-bottom:2vw;
	position:relative;
}

.Display_top_img {
	background-image:url(../img/title.png);
	width:25vw;
	left:38vw;
	height:2vw;
	background-size:100% 100%;
	color:#ffffff;
	display:flex;
	position:absolute;
	bottom:0;
	z-index:1;
}

.Display_content_in {
	width:100%;
	height:55vw;
	animation:myfirst4 1.9s;
	position:absolute;
	opacity:1;
}

.Display_content_out {
	width:100%;
	height:56vw;
	position:absolute;
	opacity:0;
	bottom:-300px;
}

@keyframes myfirst4 {
	from {
		opacity:0;
		bottom:-300px;
	}
	to {
		opacity:1;
		bottom:0;
	}
}

.Display_content_line {
	width:87%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	margin:2.6vw auto 0;
	color:#FFFFFF;
}

.Display_content_line_item {
	width:22.7vw;
	height:22vw;
	background-color:#08306a;
	padding:1.04vw;
	transition:background-color 1s;
	cursor:pointer;
}

.Display_content_line_item:hover {
	background-color:#023f91;
}

.Display_content_line_item_img {
	width:100%;
	height:50%;
	background-color:#fff;
}

.Display_content_line_item_title {
	width:100%;
	height:29%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.04vw;
}

.creditsof {
	width:100%;
	height:65vw;
	padding-top:5vw;
}

.creditsof_top {
	width:100%;
	height:5vw;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-bottom:5vw;
}

.creditsof_top_img {
	width:25vw;
	height:4vw;
	background-image:url(../img/creditsof_top.png);
	background-size:100% 100%;
}

.creditsof_content_in {
	height:55vw;
	width:100%;
	animation:myfirst4 1.9s;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.creditsof_content_out {
	height:55vw;
	width:100%;
	cursor:pointer;
	opacity:0;
}

@keyframes myfirst5 {
	from {
		opacity:0;

	}
	to {
		opacity:1;

	}
}

.creditsof_content_line {
	display:flex;
	justify-content:space-between;
	margin-bottom:5%;
	align-items:center;
}

.creditsof_content_line_item {
	width:28vw;
	height:25vw;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
}

.creditsof_content_line_item_title {
	background-color:#ffbe57;
	color:#001f59;
	border-radius:2vh;
	text-align:center;
	line-height:2vw;
	font-weight:bold;
	padding:0 8px;
	margin:10px auto 0;
}

.creditsof_content_line_item_img {
	background-image:url(../img/creditsof_item.png);
	background-size:100% 100%;
	width:17vw;
	height:17vw;
	display:flex;
	align-items:center;
	justify-content:center;
}

.footer {
	width:100%;
	color:#FFFFFF;
	background-color:rgba(1, 44, 44, 0.2);
}

.footer_top {
	height:4.16vw;
	margin-left:13vw;
	line-height:4.16vw;
}

.footer_content {
	width:100%;
	height:15vw;
	display:flex;
	justify-content:center;
	opacity:1;
}

.footer_content_item {
	width:20%;
	height:80%;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.footer_content_itemOne {
	width:25%;
	display:flex;
	height:80%;
	flex-direction:column;
	justify-content:space-between;
}

.footer_content_itemTwo {
	width:30%;
	display:flex;
	height:80%;
	align-items:center;
	justify-content: space-around;
}
.footer_content_itemTwo_item{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.footer_content_item_erwei {
	background-image:url(../img/erweima.jpg);
	width:100px;
	height:100px;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
.footer_content_item_erwei2 {
	background-image:url(../img/erweima2.png);
	width:100px;
	height:100px;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.footer_content_item_line {
	margin-bottom:2.6vw;
	font-size:1.04vw;
	width:100%;
	white-space:nowrap;
}

.footer_content_item_arr {
	width:2vw;
	height:2vw;
	background-image:url(../img/arrive_top.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	position:fixed;
	bottom:12vw;
	right:2vw;
	cursor:pointer;
}

.box_title {
	color:#ffbe57;
	text-align:center;
	font-size:1.04vw;
	margin-top:1vw;

}

.box_title_item {
	line-height:1.82vw;
	height:1.82vw;
	display:flex;
	align-items:center;
	justify-content:center;
}

.box_title_arrow {
	margin-right:0.5vw;
	width:0.8vw;
	height:0.8vw;
}
			.video_play{
				width: 100%;
				height: 95vh;
				position: fixed;
				background-color: rgba(14,14,14,0.5);
				z-index: 9999;
				top:2.5vh;

			}
			.video_play_close{
				background-image: url(../img/close.png);
				background-size: 100% 100%;
				width: 2vw;
				height: 2vw;
				position: absolute;
				right: 2vw;
				top: 2vw;
				cursor: pointer;
			}
            .tcp-video-quality-switcher .tcp-quality-switcher-value{
                font-size: 0.9vw;
				white-space:nowrap;
            }
			/*file2*/
.pop_up_page {
	color:#ffffff;
	width:100%;
}

.pop_up_page_title {
	width:100%;
	font-size:2.5vw;
	line-height:2.5vw;
	text-align:center;
	margin-top:2vw;
	color:#ffbe57;
}

.pop_up_page_author {
	width:100%;
	font-size:1.25vw;
	text-align:center;
	margin-top:2vw;
	margin-bottom:1vw;
}

.pop_up_page_work {
	width:100%;
	font-size:1.25vw;
	text-align:center;
	margin-top:0.5vw;
}

.pop_up_page_video {
	padding-top:5vw;
	height:60vw;
}

.pop_up_page_video_title {
	width:100%;
	height:5vw;
	margin:0 auto 6vw;
	position:relative;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: flex-start;*/
}

.pop_up_page_video_title_text {
	font-size:3.125vw;
	color:#ffffff;
	z-index:2;
	position:absolute;
	margin:auto;
	left:40vw;

}

.pop_up_page_video_title_img {
	background-image:url(../img/flie2_title.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:0.8vw;
	position:absolute;
	bottom:0;
	z-index:1;

}

.pop_up_page_video_title_back {
	background-image:url(../img/file2_back.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:100%;
	height:3.5vw;
	position:absolute;
	bottom:-1vw;
	z-index:1
}

.pop_up_page_video_content {
	width:90vw;
	height:45vw;
	background-image:url(../img/file2_video.png);
	background-size:100% 100%;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center;

}

.pop_up_page_img {
	width:100%;
	height:90vh;
	padding-bottom:2vh;
}

.pop_up_page_img_content {
	width:83.3vw;
	height:33vw;
	background-color:rgba(8, 8, 8, 0.3);
	margin:0.6vh auto 0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.sp-fade-arrows {
	opacity:1;
}

/*file3*/
.table{
	height: 80vw;
	width: 100%;
}
.table_top{
	height: 5vw;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	margin: 5vw 0 5vw;
}
.table_top_img{
	width:100%;
	height: 1vw;
	background-image: url(../img/flie2_title.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0.5vw;
}
.table_top_title{
	font-size: 3.125vw;
	color: #ffffff;
	margin-left: 3vw;
}
.table_table{
	background: url(../img/file3_table.png) top center no-repeat;
	background-size: 100% auto;
	width: 86vw;
	height: 43vw;
	margin: 3vw auto 0;
}
.table_title{
	width: 80vw;
	height: 15vw;
	margin:2vw auto 0;
	background-color: rgba(14,14,14,0.5);
	color: #ffffff;
	padding: 2vw 3vw;
	font-size: 1.25vw;
	line-height: 2.5vw;
}
p{
	text-indent: 2em;
}

*, html, body, div {
	/*三角箭头的颜色*/
	scrollbar-arrow-color:#fff;
	/*滚动条滑块按钮的颜色*/
	scrollbar-face-color:#286097;
	/*滚动条整体颜色*/
	scrollbar-highlight-color:#286097;
	/*滚动条阴影*/
	scrollbar-shadow-color:#286097;
	/*滚动条轨道颜色*/
	scrollbar-track-color:#162c61;
	/*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
	scrollbar-3dlight-color:#286097;
	/*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
	scrollbar-darkshadow-color:#286097;
	/*滚动条基准颜色*/
	scrollbar-base-color:#286097;
}

::-webkit-scrollbar-track-piece {
	background-color:#162c61;
}

::-webkit-scrollbar {
	width:9px;
	height:9px;
}

::-webkit-scrollbar-thumb {
	background-color:#286097;
	background-clip:padding-box;
	border-radius:5px;
	min-height:28px;
}

::-webkit-scrollbar-thumb:hover {
	background-color:#286097;
}

/*.sp-thumbnail, .sp-thumbnail-image-container {
	width:100%;
	height:100%;
}*/