body{background: url("../img/bg.png") no-repeat;background-size: 100%;background-position: top center;}

.content{width:1200px;margin: 0 auto;}
.top{width:272px;margin: 0 auto;}

.info{width:1100px;margin: 90px auto;}
.info-list{width:1060px;padding: 20px;border-radius: 10px;background-color: #fff;box-shadow: 0px 10px 12px #ddd;margin-top: 40px;}
.list-left{width:142px;float: left;cursor: pointer;}
.list-center{width:800px;margin-left:20px;float: left;}
.list-right{width:76px;float: left;}
.tip{margin-left:19.5px;margin-top: -20px;}
.play{margin-top: 77px;cursor: pointer;}
.list-center h1{font-size: 24px;color:#333;}
.list-center h2{font-size: 16px;color:#333;margin-top: 20px;}
.list-center p{font-size: 12px;color:#666;margin-top: 30px;}

.play:hover{animation:routate 1s 1;
-moz-animation:routate 1s 1; /* Firefox */
-webkit-animation:routate 1s 1; /* Safari and Chrome */
-o-animation:routate 1s 1;}

@-webkit-keyframes routate{
	0%   {transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@keyframes routate{
	0%    {transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.moceng{width:100%;height:100%;top:0;left:0;z-index: 100000;background-color: rgba(0,0,0,0.6);position: fixed;!important;display: none;}
.line{width:100%;margin-top: 420px;}
.line img{width:100%;}
.video-info{width:1000px;margin: 0 auto;background: url("../img/video_back.png")no-repeat;background-position: top center;background-size: 100%;padding:40px 0;margin-top: -304px;padding-bottom: 50px; position: relative;}
#close{width:60px;margin-left: 470px;cursor: pointer;}
.video-info video{margin-left: 120px;margin-top: 35px;}

@-webkit-keyframes bounceInUp{
	0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
	60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
	80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
	100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{
	0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
	60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
	80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
	100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation:bounceInUp 1s 1;animation:bounceInUp 1s 1;}

@-webkit-keyframes bounceOutDown{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{
	0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation:bounceOutDown 1s 1;animation:bounceOutDown 1s 1;}

.page{width:180px;margin: 0 auto;margin-bottom: 100px;height:30px;}
.page p{line-height: 30px;float: left;font-size: 12px;margin-left: 10px;border-radius: 6px;box-shadow: 0px 3px 3px #ddd;color:#fff;background-color: #82DDBD;padding: 0px 10px;}
.page p:hover{background-color: #40C793;}
#this-page{background-color: #40C793;}
.page2{width:270px;margin: 0 auto;margin-bottom: 100px;height:30px;}
.page2 p{line-height: 30px;float: left;font-size: 12px;margin-left: 10px;border-radius: 6px;box-shadow: 0px 3px 3px #ddd;color:#fff;background-color: #82DDBD;padding: 0px 10px;}
.page2 p:hover{background-color: #40C793;}