﻿.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}


/*  代码开始 */

.videopool{
	
	 width: 100%;
	        height: 100%;
	        display: block;
			object-fit: fill;
}
 
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, dl, dt, dd, img {
     padding: 0;
     margin: 0;
 	
 }
 ul li {
 	list-style: none;
 }
 a{
 	text-decoration: none;
 }
 
 body{
 	    font: normal 12px "Microsoft YaHei","SimSun";
 	    background-color: #171a1b;
 }
 
 .nav{
 	top: 0px;
 	height: 40px;
 	width: 100%;
 	background-color: #ffffff;
 	line-height: 50px;
 	font-size: 14px;
 	position: relative;
 }
 .nav a:hover{
 	color: deepskyblue;
 }
 .nav a:active{
 	 color: aquamarine;
 }
 .logo{
 	    position: absolute;
 	    width: 400px;
 	    z-index: 2;
 }
 .logo a{
 	    margin: 0;
 	    height: 40px;
 }
 .logo img{
 	    max-width: 80%;
 	    max-height: 80%;
 }
 .leftlist{
 	float: left;
 	padding: 0 100px;
 	position: relative;
 }
 
 .leftlist ul{	
 	    margin-left: 400px;
		 
 }
 .leftlist li{	
 	  float: left;
 }
 .listnav-1 a{
 	color: #242e31;
 	padding: 0 10px;
 }
  
  
  .rightlist{
 	 float: right;
 	 padding: 0 100px;
  }
  
 
 