@charset "gb2312";
/* CSS Document */

/*videoÑùʽ*/
.download-box {
	padding: 110px 0 90px;
	background: #ededed;
	overflow: hidden;
}
.download.inner {
	width: 1000px;
	margin: 0px auto;
}
.video-list li {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 52px;
	overflow: hidden;
}
.video-list li:nth-child(3n+3) {
	margin-right: 0;
}
.video-list li figure {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.video-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
}
.video-list li figure span {
	display: block;
	width: 22px;
	height: 28px;
	background: url(../img/video.png) center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -11px;
	margin-top: -14px;
	opacity: 0;
	transition: 670ms;
}
.video-list li figcaption {
	display: block;
	height: 46px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.video-list li figcaption:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #e56724;
	position: absolute;
	left: 0;
	top: 100%;
	transition: 680ms;
}
.video-list li figcaption h3 {
	float: left;
	line-height: 46px;
	color: #323232;
	font-size: 14px;
	margin-left: 8px;
	font-weight: normal;
	transition: 640ms;
	position: relative;
	z-index: 5;
	width: 70%;
	overflow: hidden;
}
.video-list li figcaption a {
	float: right;
	line-height: 46px;
	padding-left: 24px;
	color: #fff;
	margin-right: 8px;
	background: url(../img/load0.png) center center no-repeat;
	position: relative;
	z-index: 5;
	transition: 540ms 200ms;
}
.video-list li figcaption a.sharpBtn {
	background-image: url(../img/sharp0.png);
}
.video-list li figcaption a span {
	color: #e56724;
}
.video-list li:hover figure span {
	opacity: 1;
}
.video-list li:hover figcaption:before {
	top: 0;
}
.video-list li:hover figcaption h3 {
	color: #fff;
}
.video-list li:hover figcaption a {
	background-image: url(../img/load.png);
}
.video-list li:hover figcaption a.sharpBtn {
	background-image: url(../img/sharp.png);
}
.video-list li:hover figcaption a span {
	color: #fff;
}
/*video style*/
.vwrap {
	display: none;
	z-index: 999;
	width: 100%;
	position: fixed;
}
.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	overflow: hidden;
}
.vwrap .videobox {
	z-index: 990;
	width: 800px;
	height: 500px;
	border: 12px solid #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -400px;
}
.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #bebebe;
}
#videobox_wrapper {
	height: 100%!important;
}
.vwrap .close {
	z-index: 999;
	width: 36px;
	height: 36px;
	background-color: #b20004;
	cursor: pointer;
	position: absolute;
	top: -12px;
	right: -48px;
}
.vwrap .close i {
	display: block;
	width: 36px;
	height: 36px;
	background: url(../img/closebtn.png) no-repeat 50% 50%;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.jwplayer.aspectMode {
	height: 100% !important;
}
.jwlogo {
	display: none;
}
/*video style end*/

@media screen and (max-width: 640px) {
.vwrap .videobox {
	width: 80%;
	margin-left: -45%;
}
}
.swiper-pagination-bullet-active {
	background: #f38200 !important;
	border: solid 1px #f38200 !important;
}