body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.adapt_screen{ margin: 0 auto; width: 100%; position: relative;}
.name-bk{height: 2px; width: 70%; background: #00a1e9; display: block;margin: 5px auto 0;}
.name-a{color: #00a1e9 !important;font-size: 20px;font-weight: 700;}
h2{font-weight: 300;}
img{display: block;}
html{
	overflow-x: hidden;
	position: relative;
	
}
ul li{list-style: none;}

.play-header img{width: 100%;}
.play-header .p-des{position: absolute; top: 34.4%; left: 13.5%; }
.play-header .p-des h2{line-height: 52px; color: #fff; font-size: 36px;}
.play-header .p-des p{color: #fff; font-size: 16px;margin-top: 10px;}
.play-header .p-des p a{color: #fff;}
.play-header .p-des i{display: inline-block;margin: 0 15px;}

section{background: #f4f4f4; padding-bottom: 50px;}
.play-container{width: 1200px; margin:0 auto;}
.name-list{padding: 24px 0;display: flex;flex-wrap: wrap;}
.name-list li{float: left; margin-bottom: 8px;}
.name-list li a{height: 36px; line-height: 36px; font-size: 18px; color: #666;display: inline-block;padding: 4px 10px;}
.name-list li a:hover{color: #00a1e9;}

.play-container .video-list{width: 100%;}
.play-container .video-list li{float: left; width: 32%; margin-bottom: 30px;}
.play-container .video-list li:nth-of-type(3n+2){margin: 0 2%;}
.video-list li .video-box{background: #fff; cursor: pointer; position: relative; top: 10px;transition: all 0.5s; width: 100%;}
.video-list li .video-box img{width:100%;}
.video-list li .video-box:hover{top:0px;}


.video-box .video-des{padding: 25px;}
.video-box .video-des h2{line-height: 40px; font-size: 18px; color: #303030; font-weight: 600;}
.video-box .video-des p{font-size: 16px; color: #717171; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden;} 

.video-box .video-icon{padding: 10px 0 5px;}
.video-box .video-icon a:nth-of-type(1){margin-left: 30px;}
.video-box .video-icon a{float: right; display: block;}



.html-shade{cursor: pointer; display: none; width: 100%; top: 0; height: 100%; position: absolute; background: rgba(0,0,0,0.6);z-index: 1000;}
.pro-video video{position: absolute; bottom: 0; height: 486px; width: 750px; left: 50%; margin-left: -375px; top: 50%; margin-top: -243px;z-index: 1001;}
.pro-video{display: none; position: fixed; height: 550px; width: 750px; left: 50%; margin-left: -375px; top: 50%; margin-top: -275px;z-index: 1001;}
.pro-video h2{text-align: center; color: white; font-size: 20px;}



@media screen and (min-width: 1200px) and (max-width:1599px) {
	.play-container .video-list li{float: left; width: 32%; margin-bottom: 20px;}
	.video-box .video-des{padding: 20px;}
}


@keyframes mytop
{
0%   {top:10px;}
100% {top: 0px;}
}