html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i ,b{font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #222; background: #eee; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th {font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }

section{
    width: 100%;
    box-sizing: border-box;
}
.banner {
    width: 100%;
    height: auto;
}
.banner img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.videoPath{
    width: 100%;
    height: 450px;
    margin: 20px auto;
    clear: both;
}
.videoLeft{
    width: 70%;
    height: 450px;
    float: left;
}
.videoLeft img{
    width: 100%;
    height: 450px;
    vertical-align: middle;
}
.videoRight{
    width: 30%;
    height: 450px;
    overflow-y: scroll;
    background: #fff;
    box-sizing: border-box;
    padding: 0px 15px 15px;
    float: right;
    background: #fff;
}
.videoRight ul li{
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 20px 15px;
    border-bottom: 1px solid #e6e6e6;

}
.videoRight ul{
    margin-top: 15px;
}
.videoRight ul li img{
    width: 100px;
    height: 70px;
    float: left;
    vertical-align: middle
}
.videoRight ul li p{
    width: 120px;
    height: 60px;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 5px;
    font-size: 14px;
    color: #666;
    float: right;
    position: relative;
}
.videoRight ul li p::after{
	content: "..."; 
	position: absolute;
	 bottom: 0; right: 0; 
}
.active{
    background: #1d71b7;  
}
.active p{
  color: #fff!important;
}

footer{
	width: 100%;
	background: #e60002;
	box-sizing: border-box;
}
.listItem{
	float: left;
	margin-top: 20px;
	font-size: 12px;
}
.foot{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 15px;
}
.foot p{
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 2.5;
	font-size: 12px;
}
.listItem a{
	color: #fff;
	font-size: 12px;
	margin-right: 15px;
	margin-left: 10px;
}
/*2018-9-20-lhy***/
.videoLeft{
    background: #000;
}
