@font-face {
  font-family: 'DINCond';
  src: url('fonts/DINCond-Medium.eot');
  src: url('fonts/DINCond-Medium.eot') format('embedded-opentype'), url('fonts/DINCond-Medium.woff2') format('woff2'), url('fonts/DINCond-Medium.woff') format('woff'), url('fonts/DINCond-Medium.ttf') format('truetype'), url('fonts/DINCond-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.section { text-align: center; }
.frist_section{padding:0;margin:0;position: relative; overflow: hidden;  }
.frist_section video{position: absolute;min-width: 100%;min-height: 100%;height: auto;width: auto;z-index: 100;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.frist_section_video .fp-tableCell{position: absolute; left: 0; top: 0; overflow: hidden;}
.top{ position:fixed; top:0 ;z-index:999;width: 100%;height: 70px;background: rgba(255,255,255,0.6); border-bottom:1px rgba(0,0,0,0.1) solid;}
.top img{float: left;display: block;width: 130px;margin-left: 20px;margin-top: 10px;}
 .top A P {  color: #333;  font-size: 19px;margin:0; margin-right: 70px;display: block; text-align: right;  line-height: 70px;    }
.nav__trigger {display: block; position:fixed; width: 30px; height: 25px; right: 20px; top: 20px; z-index: 1000;}
.nav--active .nav__trigger { opacity: 0.5;}
.nav__icon { display: inline-block;position: relative;width: 30px;height: 5px;background-color: #FFFFFF; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute;background: #333;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;
  transition-property: margin, transform;transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before { margin-top: -10px;}
.nav__icon:after {margin-top: 10px;}
.nav { width: 200px; -webkit-transform: translateX(100%); transform: translateX(100%); border-left: 1px solid rgba(255,255,255,.1);}
.nav--active .nav { -webkit-transform: translateX(0); transform: translateX(0); transition: all 300ms ease-in-out;}
.nav__icon {background:#333; height:3px;}
.nav__icon:before {margin-top: -10px;-webkit-transform: rotate(0);  transform: rotate(0);}
.nav__icon:after {margin-top: 10px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.nav--active .nav__icon { background:rgba(0,0,0,0);}
.nav--active .nav__icon:before{ margin-top:0; -webkit-transform: rotate(135deg);transform: rotate(135deg); }
.nav--active .nav__icon:after{ margin-top:0; -webkit-transform: rotate(45deg);transform: rotate(45deg); }
.nav { position: absolute; z-index: 100; opacity: 0; top:70px; right: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav--active .nav { opacity: 1;background-color: #333; transition: all 300ms ease-in-out;}
.nav__list {margin: 0;padding:0px;width: 100%;height: 100%; list-style: none;}
.nav__item {list-style-type: none;text-align:center; border-bottom: 1px solid rgba(255,255,255,.1);}
.nav__link {font-size:16px; display:block; padding:30px 0; text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;-webkit-transition: opacity 300ms ease-in-out;transition: all 300ms ease-in-out;}
.nav__link:hover{ background: #000;}
.frist_section h3 img{ width:280px;}
.frist_section p{ font: 50px "Microsoft Yahei"; color: #E8CD98;}
.txt{ position:relative; z-index:1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{border: 1px solid #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#fff;}
.fp-tableCell{height:100%;}
.second_section{ height:100%;}
.left_title{ float:left; width:16.6666667%; height:100%; position:relative; background-color:#CF000E;}
.left_title a{position: absolute;bottom: 30px;text-align: left;color: #fff;margin-left:-80px;border:1px #fff solid;padding: 10px 15px;}
.left_title a:hover{background: #fff;color: #666;}
.right_content{float:left; width:83.3333333% !important; height:100%; position:relative; background:#f7f7f7; box-sizing: border-box; }
.owl-carousel-history{  background:#000; }
.title_en{line-height: 55px; font-size: 54px; text-align: left; color:#fff; font-weight:bold; transform:rotate(90deg); transform-origin:left top; position:absolute; top:100px; left:50%;}
.title_cn{font-size: 22px; line-height: 27px; color: rgba(255,255,255,.7); position:absolute; top:100px; left:50%; width:22px;}
.owl-item{position:relative; top:0;opacity: 1;transition: all 0.5s; }
.history_item{ text-align:center;transform: scale(0.3, 0.3); opacity: 0;transition: all 0.5s;background-position:center center; background-repeat:no-repeat; background-size: cover; display:table; padding:0; width:100%; box-sizing: border-box; position:relative;}
.active .owl-item.active .history_item{transform: scale(1, 1); opacity: 1;transition-delay:0.5s;}
.history_item ul{width: 100%;margin:0;padding:0;height: 100%;}


.history_item ul li{width: 25%;float:left; height:100%;text-align:center;list-style: none; position:relative;}
.history_item ul li:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;border-right: 1px rgba(255,255,255,0.6)solid; background:rgba(0,0,0,0.6); transition: all .3s linear 0s;}
.history_item ul li:hover:before{background:rgba(0,0,0,0);}
.owl-stage-outer,.owl-stage,.owl-item,.history_item{ height:100%;}
.owl-controls{ position:absolute; left:-150px; bottom:60px;}

.history_item_li{ display:table; z-index:2; position:relative;top:-100%; height:100%; width:100%; opacity: 0;transition: all 0.5s;}
.item_middle{vertical-align:middle;display: table-cell;}
.item_middle .year{display: inline-block; text-align: left;}
.item_middle h2{ color:#fff; font-size:48px; line-height:1em; margin:0; font-family:DINCond; font-weight:normal;}
.item_middle h2 i{ display:inline-block; font-style:normal; font-size:24px; margin-left:8px;}
.active .owl-item.active .history_item_li {top:0; opacity: 1;}

.item_middle p{ color:#fff; font-size:32px; line-height:1em; margin:0;}
.item_middle p i{display: inline-block; margin-left: 12px; font-style: normal; font-size: 24px;}
.owl-carousel-news{ padding-left: 50px;}
.owl-carousel-news .news_item{ padding-bottom:60px;}
.owl-carousel .owl-item .news_img{overflow:hidden;}
.owl-carousel .owl-item .news_img img{ width:100%; min-height:inherit; min-width:inherit;  transition: all .36s ease;}
.owl-carousel .owl-item a:hover .news_img img{transform: scale(1.3, 1.3)}
.news_show{ padding:30px 8px 20px 0; text-align:left; position:relative;}
.news_show h3{ font-size: 16px; line-height: 30px; margin:0; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.news_show p{font-size: 13px; line-height: 26px; height: 78px; color: #999; margin-left:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news_show:after{content: ""; width: 0; height: 1px; background-color: #ccc; position: absolute; bottom: 0; left: 50%; transition: all .36s ease;}
.news_item a:hover .news_show:after{ width:100%; left:0;}
.date{display: block; position: absolute; bottom: -30px; left: 30px; opacity: 0; color:#999; font-size:12px; width:100%; transition: all .36s ease;}
.date:after{content: "\f105"; font-family: FontAwesome; position: absolute; width: 14px; height: 14px; color: #aaa; font-size: 14px; right: 60px; top: 0px; transition: all .36s ease;}
.news_item a:hover .date{left:0; opacity:1}
.news_item a:hover .date:after{right: -10px;}
.height100{ height:100%; display:table;}
.owl-carousel-news.owl-carousel.owl-loaded{ display:table-cell; vertical-align:middle;}
.owl-carousel-news.owl-theme .owl-stage-outer{ height:auto;}
.right_content .width8,.right_content .width4{ height:100%;}
.big_video{ height:100%; background: #333;}
.big_video a{ display:block; height:100%; width:100%;bottom:-100%;opacity: 0;transition: all 0.5s; overflow:hidden; position:relative; background-position:center center; background-repeat:no-repeat; background-size: cover;}
.active .big_video a{bottom: 0; opacity: 1; transition-delay: .5s;}
.big_video a img{ min-width:100%; min-height:100%; transition: all .36s ease;}
.big_video a:hover img{transform: scale(1.1, 1.1)}
.big_video_bg{padding: 100px 0;background: rgba(0,0,0,0.6);left:-100%;opacity: 0;transition: all 0.5s;bottom: 0;position: absolute; width:100%;}
.big_video_title{ position:absolute;  bottom:80px; width:100%;box-sizing: border-box;  padding-right:150px;padding-left: 50px; text-align:left; z-index:1;}
.active .big_video_bg{left: 0; opacity: 1; transition-delay: 1s;}
.big_video_title h4{ margin:0; margin-bottom:15px; font-size:18px; color:#fff;}
.big_video_title p{ margin:0; color: rgba(255,255,255,.5); font-size:14px; line-height:22px;}
.big_video_play{ position:absolute; right:50px; bottom:80px; z-index:2;}
.big_video_play i{ color:#fff; font-size:60px;}
.video_list{ margin:0; padding:0;list-style:none; height:100%; background:#333;}
.video_list li{ height:33.33%; border:8px rgba(255,255,255,0) solid;border-bottom: 1px solid rgba(255,255,255,.2);  box-sizing: border-box;
 position:relative; top:0; right:-100%; opacity: 0;transition: all 0.5s; }
.video_list li:hover{ border:8px #CF000E solid;}
.video_txt{display:table-cell; vertical-align:middle; padding:0 20px;}
.video_txt h4{ color:#fff; margin:0; font-size: 16px; line-height: 30px;}
.video_txt p{ color:rgba(255,255,255,0.6); font-size: 14px; line-height: 22px;}
.active .video_list li{right:0;opacity: 1; transition-delay: 1.2s;}
.active .video_list li:nth-child(2){ transition-delay: 1.6s;}
.active .video_list li:nth-child(3){ transition-delay: 2s;}

.black_bg{ position:fixed; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.5); display:none;}
.show_video{ width:980px; height:600px; position:fixed; top:50%; margin-top:-300px; left:50%; margin-left:-490px; background:#fff; z-index:2; padding:10px; box-sizing: border-box; display:none;}
.show_video video{ width:100%;}
.show_video h3{ font-size: 16px; color: #2e2e2e; font-weight:normal; margin:10px 0;}
.next_section{ position:absolute; width:28px; height:40px; border:1px rgba(255,255,255,0.6) solid; left:50%; margin-left:-14px; bottom:50px; display:block; z-index:999; border-radius: 12px;}
.next_section i{width: 2px;height: 10px;background: rgba(255,255,255,0.6);display: block; position:absolute; margin-top:5px; left:50%; margin-left:-1px;-webkit-animation: mymove infinite;animation: mymove infinite;-webkit-animation-duration: 2s;animation-duration: 2s;}
.black_show{border:1px rgba(0,0,0,0.6) solid;}
.black_show i{background: rgba(0,0,0,0.6);}	
.htmleaf-container{ position: absolute; left: 0; top: 70px; width: 100%; height:calc(100% - 70px);}
.first_news{height:65%; overflow:hidden; padding: 0; position: relative;}
.news_bg_img{ position: absolute; width: 100%; height: 100%; top: -100%; left: 0; opacity: 0; background-repeat: no-repeat;background-position: center center;background-size: cover; transition: all 0.5s;}
.active .news_bg_img{top: 0; opacity: 1; transition-delay: .5s;}
.news_first_content{ position: absolute; z-index: 1; width: 100%; left: 0; bottom: -100%; background: rgba(0,0,0,0.75); padding: 50px 60px; opacity: 0; transition: all 0.5s;}
.active .news_first_content{opacity: 1; bottom: 0; transition-delay: 1s;}
.news_first_content a{display: block;}
.news_box{background: #333;}
.Title_news{font-size: 18px; color: #fff; text-align: left; width: 70%;}
.txt_news{font-size: 14px;text-align: left; margin:20px 0; color: #999; line-height: 1.6em; height:6.4em; display: -webkit-box;
-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 70%;}
.first_news_read{ position: absolute; z-index: 2; box-sizing: border-box; width: 25%;padding-right: 60px; height: 100%; right: 0; bottom: 0; display: table;}
.middle_a{ display: table-cell; vertical-align: middle;}  
.middle_a a{ display: block; font-size: 28px; }
.middle_a a i{ color: #fff;}

.news{height: 35%;  }

.news ul{ margin: 0; padding: 0; list-style: none; height: 100%; border: 1px rgba(255,255,255,0.3) solid; border-left:none; border-right:none;}

.news ul li{ float: left; width: 33.33%; height: 100%; border-left: 1px rgba(255,255,255,0.3) solid; box-sizing: border-box; transition: all 0.5s;transform: scale(0.8, 0.8); opacity: 0;}
.news ul li:first-child{border-left:none;}
.news ul li a{ display: block; height: 100%;box-sizing: border-box; padding:30px 40px; text-align: left;}
.news ul li a h2{ font-size: 16px; color: #fff; margin: 0;}
.news ul li a p{ color: #999; margin: 20px 0; line-height: 1.8em; height: 7.2em; font-size: 12px; display: -webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.news ul li a span{ display: inline-block; border: 1px rgba(255,255,255,0.3) solid; color: #999; font-size: 12px; padding: 8px 15px;}
.active .news ul li{transform: scale(1, 1);transition-delay: 1.5s;opacity: 1;}
.active .news ul li:nth-child(2){transition-delay: 1.8s;}
.active .news ul li:nth-child(3){transition-delay: 2s;}
@-webkit-keyframes mymove {
	from {
		top: 0;
	}

	to {
		top: 20px;
	}
}

@keyframes mymove {
	from {
		top: 0;
	}

	to {
		top: 20px;
	}
}

.photo_box{ background: #231815; position: relative;}
.photo_more{ position: absolute; width: 100%; height: 112px; left: 0; bottom:0; background: url(../images/photo_bg.png) repeat-x; z-index: 9;}
.photo_more a{ display: block; line-height: 112px; color: #fff; } 

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */


audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}


h1 {
	font-size: 2em;
	margin: .67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}



.header {
	background-color: #fdfdfd;
}

.sidebar1 {
	float: right;
	width: 20%;
	background-color: #93A5C4;
	padding-bottom: 10px
}

.content {
	padding: 20px 30px;
}

.content ol,
.content ul {
	padding: 0 15px 15px 40px
}

ul.nav {
	list-style: none;
	border-top: 1px solid #666;
	margin-bottom: 15px
}

ul.nav li {
	border-bottom: 1px solid #666
}

ul.nav a,
ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	background-color: #8090AB;
	color: #000
}

ul.nav a:active,
ul.nav a:focus,
ul.nav a:hover {
	background-color: #6F7D94;
	color: #FFF
}

.fltrt {
	float: right;
	margin-left: 8px
}

.fltlft {
	float: left;
	margin-right: 8px
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0
}

.content,
.sidebar1 {
	min-height: 500px
}

.content>div {
	margin: 20px 15px
}

@media screen and (max-width:900px) {
	.content>div {
		width: 100%!important
	}
}

.elem, .elem * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem {
		display: inline-block;
        float:left;
		font-size: 0;
		width: 25%;
		border-bottom: none;
        padding: 10px;
		height: auto;
		background-clip: padding-box;
		opacity: 0;
		transform: scale(0.5, 0.5);
	  transition: all 0.5s;
	}
	.active .elem{opacity: 1;transform: scale(1, 1);}
	.elem > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	70%;
		background-size: cover;	
		background-position: center center;
	}
.elem em{ display: block; color: #ccc; text-align: center; line-height: 2em; font-style: normal; font-size:14px; margin-top: 10px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.left{ position:fixed; left:0;top:0;z-index:1;width: 16.67%;height: 100%;background: rgb(207, 0, 14);}
.left_title1{width: 16.67%;}
.left_title1 a{position: absolute;bottom: 30px;text-align: left;color: #fff;margin-left:80px;border:1px #fff solid;padding: 10px 15px;}
.left_title1 a:hover{background: #fff;color: #666;}


.main_content{ width:83.333333%; float: right;}
.news_list{height: 100%;}
.news_list ul{margin: 0;padding:0 120px;list-style: none;margin-top: 30px;}
.news_list ul li {margin: 0;padding: 0;}
.news_list ul li a{display: block;position: relative;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px #eee solid;}
.news_list ul li a .news_txt{overflow: hidden;padding-right: 100px;transition: all .3s ease-out 0s;}
.news_list ul li a:hover .news_txt{ padding-left:10px; padding-right:90px;}
.news_list ul li a .news_txt h2{color: #333;font-size: 18px;font-weight: normal;margin: 15px 0;}
.news_list ul li a .news_txt p{color: #999;font-size: 13px;margin:0;}
.news_list ul li a .data{position: absolute;right: 0;top: 15px;text-align: right;}
.news_list ul li a .data span {color:#999;font-size: 14px;}
.news_list ul li a .data p {margin: 0;color: #999;font-size: 24px;}
.share{margin-top: 30px; margin-right:30px;}
.share input{height:36px; width:100%; margin-bottom: 10px;display: block; padding: 6px;font-size: 12px;color: #555555;border: 1px solid #ddd; box-sizing: border-box}
.share .search_btn{ background: rgb(207,0,14); color:#fff; border: 0; cursor:pointer;}
.share .search_btn:hover{background: rgba(207,0,14,0.8);}
.share h3{margin:0; padding-bottom:10px; font-size:16px; color:#333; font-weight: normal;}
.share #qrcode{text-align: center;border: 1px #e6e6e6 solid; padding: 20px; display: inline-block;}
.derails_main{margin-left: 16.67%;}
.derails_main_title{height:300px; padding: 150px;background-image: url(../images/derails_main_title_bg.jpg);background-position:center center; background-repeat:no-repeat;box-sizing: border-box;background-size:cover;}
.derails_main_title .derails_main_title_txt{width: 100%;max-width:900px;margin:0;font-size:21px;}
.derails_main_title_txt h2{font-weight:bold;color: #fff;line-height: 1.4em;margin: 0;}
.derails_main_title_txt span{color: #fff;font-size: 14px;display: block;margin-top: 10px;margin-left: -10px;}
.derails_main_title_txt span i{margin: 0 6px;}
.derails_main_main{margin:50px 150px;max-width: 900px;}
.derails_main_main p{font-size: 14px ;line-height: 2em;}
.derails_main_main img{max-width: 100%;}


.news_data_list{ float:right; margin-left:40px;}
.news_data_list p{ margin:0; font-size:21px; font-family:helveticaneuethn,Arial; color:#999; margin-top:4px; margin-bottom:20px;  transition: all .3s ease-out 0s;}
.news_data_list font{ display:block; border-left:1px #e6e6e6 solid; margin-left:15px; padding-left:25px;  transition: all .3s ease-out 0s;}
.news_data_list font i{ position:relative; font-size:18px; color:#666;  transition: all .3s ease-out 0s;}
.news_data_list font i:after{ content:""; position:absolute; left:-11px; top:9px; height:1px; width:15px; background:#666;  transition: all .3s ease-out 0s;}

.news_related{ margin-top:80px; background:#f7f7f7;}
.news_related a{ padding:40px 30px; display:block;  transition: all .3s ease-out 0s;}
.news_related a:hover{ background:#CF000E;}
.news_related h3{ margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#666; font-size:14px; font-weight:normal;  transition: all .3s ease-out 0s;}
.news_related .related_right h3{ text-align:right;}
.news_related a:hover h3{ color:#fff; }
.related_left .news_data_list{ float:left; margin-right:20px; margin-left:0;}
.related_left .news_data_list font{transform:rotate(180deg); margin-left:0;}
.related_right .news_data_list{ margin-left:20px;}
.news_related a:hover .news_data_list font{ border-color:#fff;}
.news_related a:hover .news_data_list font i{ color:#fff;}
.news_related a:hover .news_data_list font i:after{background:#fff;}




.all_bottom{ position:absolute; bottom:0; left:16.6666667%; width:83.3333333%; background:#000; color:(255,255,255,0.6); text-align:center; z-index:88; font-size:12px; line-height:4em;}
.all_bottom i{ margin-right:6px;}
.site_bottom{background:#000; color:rgba(255,255,255,0.6); text-align:center; z-index:88; font-size:12px; line-height:4em;}
.site_bottom i{margin-right:6px;}
.list_photo{top:0;left: 0;position: relative;padding:80px 0;}
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
	.lcl_fade_oc.lcl_pre_show #lcl_window,
	.lcl_fade_oc.lcl_is_closing #lcl_overlay,
	.lcl_fade_oc.lcl_is_closing #lcl_window {
		opacity: 0 !important;
	}
	.lcl_fade_oc.lcl_is_closing #lcl_overlay {
		-webkit-transition-delay: .15s !important; 
		transition-delay: .15s !important;
	}
	.news_list ul li a .video{position: absolute;right: 0;top: 25px;text-align: right;}
  .news_list ul li a .video span {color:#999;font-size: 18px;}
  
  #lcl_window{box-shadow: none !important;}
  #lcl_descr{ display:none;}
  #lcl_txt{ bottom:auto !important}
  #lcl_txt:hover  #lcl_descr{ display:block;}
  
  .zhaiyao{ padding:20px; background:#f7f7f7; margin-bottom:40px;}
.zhaiyao span{ color:#CF000E; margin-right:6px;}

.top_video_content{position: absolute; width: 83.33333333%; height: 100%; top: 0; left: 16.66666667%; z-index: 0; background: url(../images/video_bg_new.jpg) center center no-repeat; background-size: cover;}


.right_video_content{float:left; width:83.3333333%; height:100%; position:relative; background: url(../images/video_bg_new.jpg) center center no-repeat; background-size: cover; text-align: center;}
.first_video{display: inline-block; cursor: pointer;}
.right_video_content img{width:130px;}
.show_videotop{position:fixed; width:100%; height:100%; background:#000; top:0; left:0; margin-left:0; margin-top:0; text-align:center; z-index:9998;display:none;}
.video_middle{ width:100%; height:100%; display:table;}
.video_middle_content{ display:table-cell; vertical-align:middle;}
.show_videotop video{ max-width:80%; max-height:80%;}
.show_videox{position:fixed; z-index:9999; right:20px; top:20px; font-size: 48px; cursor: pointer; color: rgba(255,255,255,0.6); display:none;}