@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
img{ display:block;}

section{ width:100%; margin:0 auto; max-width:1920px; overflow:hidden;}
header { width:100%; margin:0 auto; }
header img{width:100%;}
article{ width:80%; margin:0 auto; background:url(img/bg.jpg) repeat; overflow:hidden; padding:50px 15%;}
.logo{ float:left; width:20%}
.logo img{width:100%; margin: 0 auto; max-width:160px;}
.text{ width:80%; float:left; color:#666; font-size:16px;}
.text p{ line-height:2; margin:16px 0; text-align:justify; text-indent:2em;}
.content{ width:100%;}
.tab{ width:100%; overflow:hidden; box-shadow:0px 0px 10px #CCC; }
.tab h1{ float:left; width:50%; font-size:24px; color:#666; text-align:center; line-height:90px; font-weight:500; cursor:pointer;}
.tab h1.cur{ color:#aa1a00; font-weight:600; border-bottom:#aa1a00 3px solid;}

.box{ width:100%;}
.menu{ width:90%; margin:0 auto; overflow:hidden; margin-top:10px;}
.menu div{ width:20%; margin:0 1.6%; float:left; margin-top:2rem; cursor:pointer; }
.menu div img{ margin:0 auto; width:90%;}
.video{width:90%; margin:0 auto; overflow: hidden; margin-top:2rem; position:relative;}
.video li{width:30%; float:left; margin:15px 1.6%; background:#f3f3f3; position:relative;  cursor:pointer;}
.video li .video-img{ width:100%;}
.video li img.icon{ position:absolute; top:10px; left:10px; z-index:10;}
.video li p{ text-align:center; color:#666; font-size:16px; line-height:30px; margin:5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.video li:hover{ background:#fff; box-shadow:0 0 10px #bbb;}
.video li:hover p{ color:#aa1a00; font-weight:600;}
footer{ background:url(img/footer.jpg) no-repeat center top; height:90px; width:100%; margin-top:50px;}

h3{color:#666; font-weight:500; text-align:center;}

.video-img{width:100%; margin:0 auto; display: block;}
.close{position:absolute; top:10px; right:-30px; cursor:pointer; z-index:1000;    background-color: lightgrey;}
.hover{ z-index:999; position: fixed; top:0; left:0; width:60%; margin:10%; }