@charset "UTF-8";
/* CSS Document||name --年--月 */
html {overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
* {word-wrap: break-word;margin: 0;padding: 0;}/*文字强制换行word-break:keep-all;(Ff)*/
table {border-collapse: collapse;}/*细线表格*/
fieldset, img {border: none;}/*清除描边,块显示*/
ul, li {list-style-type: none;}/*无列表项目标记*/
a {text-decoration: none;color: #666666;outline: none;}/* 链接无下划线,有为underline;链接去框 */
a:link {color: #666666;}/* 未访问的链接 */
a:visited {color: #666666;}/* 已访问的链接 */
a:hover {color: #e94b46;}/* 鼠标在链接上 */
a:active {color: #666666;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
body {font-family:"Microsoft YaHei";font-size: 12px;color: #666;background: #fff;min-width: 1260px;}/* 设置body */
select,input{vertical-align: middle;outline: none;font-family:"Microsoft YaHei";}/* 设置表单 */
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {cursor: pointer;outline: none;}/* 设置表单按钮 */
textarea{outline: none;font-family:"Microsoft YaHei";}/* 设置表单文本域 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color: #aab2bd; /* placeholder颜色  */
	font-size:12px; /* placeholder字体大小  */
	text-align: left; /* placeholder位置  */
}
i,em{font-style: normal}
.box-size{ box-sizing: border-box; -webkit-box-sizing: border-box;}/* 内盒子代码 */
.fl {float: left;display: inline;}/* 左浮动 */
.fr {float: right;display: inline;}/* 右浮动 */
.bai{ background: #FFF;}/* 公共颜色白色 */
.hui{ background: #f2f2f2;}/* 公共颜色灰色 */
.imghover .pic{ overflow:hidden;}/* 设置图片经过放大 */
.imghover .pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}/* 设置图片经过放大 */
.imghover:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
.tableCont {height: 100%;overflow: hidden;position: absolute;left: 0px;top: 0px;z-index: 5;right: 0}
.table{ display: table; width: 100%; height: 100%;}/* 设置表格方式垂直居中 */
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}/* 设置表格方式垂直居中 */
.default{ background: #e5e5e5 url(../images/default.png) no-repeat center center;}/* 设置默认图 */
.wrap {width: 1200px;clear: both;margin: 0 auto;}/* 规定页面内容区域宽度 */
.wrapper {width: 1366px;clear: both;margin: 0 auto;}/* 规定页面内容区域宽度 */
.clear {clear: both;overflow:hidden;}/* 清除浮动 */
.h2 {clear: both;height: 2px;overflow:hidden;}/* 自定义页面间距 */
.h5 {clear: both;height: 5px;overflow:hidden;}/* 自定义页面间距 */
.h10 {clear: both;height: 10px;overflow:hidden;}/* 自定义页面间距 */
.h15 {clear: both;height: 15px;overflow:hidden;}/* 自定义页面间距 */
.h20 {clear: both;height: 20px;overflow:hidden;}/* 自定义页面间距 */
.h25 {clear: both;height: 25px;overflow:hidden;}/* 自定义页面间距 */
.h30 {clear: both;overflow:hidden;height: 30px;}/* 自定义页面间距 */
.h35 {clear: both;height: 35px;}/* 自定义页面间距 */
.h40 {clear: both;height: 40px;}/* 自定义页面间距 */
.h45 {clear: both;height: 45px;}/* 自定义页面间距 */
.h50 {clear: both;height: 50px;}/* 自定义页面间距 */
.h60 {clear: both;height: 60px;overflow:hidden;}/* 自定义页面间距 */
.h70 {clear: both;height: 70px;overflow:hidden;}/* 自定义页面间距 */
.h80 {clear: both;height: 80px;overflow:hidden;}/* 自定义页面间距 */
.h90 {clear: both;height: 90px;overflow:hidden;}/* 自定义页面间距 */
.h100 {clear: both;height: 100px;overflow:hidden;}/* 自定义页面间距 */
.h110 {clear: both;height: 110px;overflow:hidden;}/* 自定义页面间距 */
.h120 {clear: both;height: 120px;overflow:hidden;}/* 自定义页面间距 */
.h125 {clear: both;height: 125px;overflow:hidden;}/* 自定义页面间距 */
.h135 {clear: both;height: 135px;overflow:hidden;}/* 自定义页面间距 */
.h140 {clear: both;height: 140px;overflow:hidden;}/* 自定义页面间距 */

.imgDiv{
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 66.66666667%;
}
.imgDiv img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top:0px;
}

.icon{
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}
.icon.defaultIcon{
	display: block;
}
.eyes{
	background: rgba(0,0,0,0.5) url(../images/eyes.png) no-repeat center center;
}
.play1{
	background: rgba(0,0,0,0.5) url(../images/play1.png) no-repeat center center;
}
.play2{
	background: url(../images/play2.png) no-repeat center center;
}
.book2{
	background: url(../images/book2.png) no-repeat center center;
}

@-webkit-keyframes gupIn {
	from {
		opacity:0;
		-webkit-transform:translate3d(0, -30px, 0);
	}
}
@-moz-keyframes gupIn {
	from {
		opacity:0;
		-moz-transform:translate3d(0, -30px, 0);
	}
}
@keyframes gupIn {
	from {
		opacity:0;
		transform:translate3d(0, -30px, 0);
	}
}
@-webkit-keyframes gdownIn {
	from {
		opacity:0;
		-webkit-transform:translate3d(0, 30px, 0);
	}
}
@-moz-keyframes gdownIn {
	from {
		opacity:0;
		-moz-transform:translate3d(0, 30px, 0);
	}
}
@keyframes gdownIn {
	from {
		opacity:0;
		transform:translate3d(0, 30px, 0);
	}
}
@-webkit-keyframes gleftIn {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-30px, 0, 0);
	}
	100% {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
	}
}
@-moz-keyframes gleftIn {
	0% {
		opacity:0;
		-moz-transform:translate3d(-30px, 0, 0);
	}
	100% {
		opacity:1;
		-moz-transform:translate3d(0, 0, 0);
	}
}
@keyframes gleftIn {
	0% {
		opacity:0;
		transform:translate3d(-30px, 0, 0);
	}
	100% {
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}
@-webkit-keyframes grightIn {
	0% {
		opacity:0;
		-webkit-transform:translate3d(80px, 0, 0);
	}
	100% {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
	}
}
@-moz-keyframes grightIn {
	0% {
		opacity:0;
		-moz-transform:translate3d(80px, 0, 0);
	}
	100% {
		opacity:1;
		-moz-transform:translate3d(0, 0, 0);
	}
}
@keyframes grightIn {
	0% {
		opacity:0;
		transform:translate3d(80px, 0, 0);
	}
	100% {
		opacity:1;
		transform:translate3d(0, 0, 0);
	}
}
@-webkit-keyframes gfadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes gfadeIn {
	0% {opacity:0;}
	100% { opacity:1;}
}
@keyframes gfadeIn {
	0% {opacity:0;}
	100% {opacity:1;}}
@-webkit-keyframes gfadeOut {
	0% {opacity:1;}
	100% { opacity:0;}
}
@-moz-keyframes gfadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes gfadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
}
.op0 {
	opacity: 0;
}
.gupIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gupIn 1s 0.1s both;
	-moz-animation: gupIn 1s 0.1s both;
	animation: gupIn 1s 0.1s both;
	opacity: 1
}
.gdownIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gdownIn 1s 0.1s both;
	-moz-animation: gdownIn 1s 0.1s both;
	animation: gdownIn 1s 0.1s both;
	opacity: 1
}
.gleftIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gleftIn 1s 0.1s both;
	-moz-animation: gleftIn 1s 0.1s both;
	animation: gleftIn 1s 0.1s both;
}
.grightIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: grightIn 1s 0.1s both;
	-moz-animation: grightIn 1s 0.1s both;
	animation: grightIn 1s 0.1s both;
}
.gfadeIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gfadeIn 1s 0.1s both;
	-moz-animation: gfadeIn 1s 0.1s both;
	animation: gfadeIn 1s 0.1s both;
}
.gfadeOut {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gfadeOut 1s 0.1s both;
	-moz-animation: gfadeOut 1s 0.1s both;
	animation: gfadeOut 1s 0.1s both;
}
/*公共部分结束*/