@charset "gb2312";
	.mt20 {
	margin-top:20px
}
.mt40 {
	margin-top:40px
}
.IE_main_gradient {
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#4d8fff,endColorstr=#28c3fc)
}
.IE_hover_gradient {
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#f9642a,endColorstr=#ffc411)
}
.IE_black_opacity {
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#7f000000,endColorstr=#7f000000)
}
.IE_white_opacity {
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#7fffffff,endColorstr=#7fffffff)
}
.ui_media {
	padding-top:20px;
	background:#f1f2f3;
	overflow:hidden;
}
.ui_media img {
	display:block
}
.ui_media .shadow {
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
	-moz-box-shadow:0 2px 10px rgba(0,0,0,.1);
	-ms-box-shadow:0 2px 10px rgba(0,0,0,.1);
	-o-box-shadow:0 2px 10px rgba(0,0,0,.1);
	box-shadow:0 2px 10px rgba(0,0,0,.1)
}
.ui_media .block_color {
	background:#fff
}
.ui_media .main_container {
	padding:0 25px;
	overflow:hidden;
}
.ui_media header {
	padding-top:40px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc
}
.ui_media header h2,.ui_media header h2 b {
	font-weight:400
}
.ui_media header h2 .iconfont {
	float:left;
	font-size:45px;
	color:#39a4ec;
	line-height:45px;
	margin-top:-2px;
	margin-top:-4px \9
}
.ui_media header h2 b {
	font-size:30px;
	color:#333;
	float:left;
	line-height:45px;
	margin-left:20px
}
.ui_media header h2 a {
	float:right;
	font-size:18px;
	color:#333;
	line-height:18px;
	margin-top:12px
}
.ui_media header h2 a:hover {
	color:#d86203
}
.ui_media .ui-block-0 ul {
	padding:30px 0
}
.ui_media .ui-block-0 ul li {
	box-sizing:border-box;
	border-radius:50%;
	width:134px;
	height:100px;
	float:left;
	margin-left:70px
}
.ui_media .ui-block-0 ul li:first-child {
	margin-left:15px
}
.ui_media .ui-block-0 ul li a {
	display:block
}
.ui_media .ui-block-0 ul li a:hover .iconfont {
	color:#337bdb
}
.ui_media .ui-block-0 ul li a .iconfont {
	display:block;
	font-size:45px;
	width:45px;
	height:45px;
	margin:auto;
	text-align:center;
	line-height:45px;
	transition:all .1s;
	-webkist-transition:all .1s;
	-moz-transition:all .1s;
	-ms-transition:all .1s;
	-o-transition:all .1s;
	margin-top:20px
}

.ui_media .ui-block-0 ul li a b {
	display:block;
	font-size:18px;
	color:#666;
	text-align:center;
	line-height:18px;
	margin-top:10px;
	font-weight:400
}
.ui_media .ui-block-1 article {
	padding:30px 0
}
.ui_media .ui-block-1 article ul li {
	float:left;
	width:370px;
	height:250px;
	margin-left:20px;
}
.ui_media .ui-block-1 article ul li:first-child {
	margin-left:0;
}
.ui_media .ui-block-1 article ul li a {
	display:block;
	position:relative;
	overflow:hidden;
	width:370px;
	height:250px;
}
.ui_media .ui-block-1 article ul li .ui_layer {
	width:370px;
	height:250px;
	position:absolute;
	top:0;
	left:0;
	background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#7F000000);
}
.ui_media .ui-block-1 article ul li .ui_layer .iconfont {
	font-size:80px;
	color:#fff;
	display:block;
	background:url(../images/vcon8.png) top center no-repeat;
	height:80px;
	text-align:center;
	margin-top:85px;
	opacity:.8;
	filter:alpha(opacity=80)
}

.ui_media .ui-block-common article {
	padding:30px 0
}


.ui_media .ui-block-common article ul li:first-child {
	margin-left:0
}
.ui_media .ui-block-common article ul li a {
	display:block
}
.ui_media .ui-block-common article ul li a .img_container {
	width:280px;
	height:186px;
	position:relative;
	overflow:hidden;
}
.ui_media .ui-block-common article ul li a .img_container .ui_layer {
	width:280px;
	height:186px;
	position:absolute;
	top:0;
	left:0;
	background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#7F000000);
}
.ui_media .ui-block-common article ul li a .img_container .ui_layer .iconfont {
	font-size:60px;
	color:#fff;
	display:block;
	background:url(../images/vcon8.png) top center no-repeat;
	height:70px;
	text-align:center;
	margin-top:58px;
	opacity:.8;
	filter:alpha(opacity=80);
	transition:all .6s;
	-webkist-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s
}
.ui_media .ui-block-common article ul li a p {
	font-size:18px;
	color:#333;
	line-height:18px;
	margin-top:10px;
	text-align:center
}
.ui_media .ui-block-7 article {
	padding:30px 0
}
.ui_media .ui-block-7 article ul li {
	float:left;
	margin-left:9px;
	width:370px
}
.ui_media .ui-block-7 article ul li:first-child {
	margin-left:0
}
.ui_media .ui-block-7 article ul li a {
	width:370px;
	padding-bottom:10px;
	position:relative;
	overflow:hidden
}
.ui_media .ui-block-7 article ul li a p {
	text-align:center;
	margin-top:10px;
	font-size:18px;
	color:#333;
	line-height:18px
}



/*ÊÓÆµÄ£¿é*/

.shipinbox{
	width:1200px;
	margin:0 auto;
}

.splist{
	width:100%;
	margin-bottom:40px;
	margin-top:30px;
}

.splist ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}

.splist ul li{
	width:360px;
	border:1px solid #eee;
	transition:0.6s;
}

.splist ul li:hover{
	box-shadow:0 0 14px #333333;
	border-radius:10px;
	background:#eee;
}


.splist ul li p{
	width:350px;
	height:auto;
	margin:5px;
	position:relative;
}

.splist ul li p em{
	width:70px;
	height:70px;
	position:absolute;
	left:140px;
	top:82px;
	transition:0.5s;
}


.splist ul li:hover p em{
	animation:zhuan 1s infinite linear;
}



.splist ul li p img{
	width:100%;
	display:block;
}

.video_name{
	width:350px;
	margin:10px auto;
	line-height:30px;
}

.video_name span{
	color:#666;
	font-size:14px;
}


.video_name i, .video_name span{
	vertical-align:top;
}

.video_name i{
	width:25px;
	display:inline-block;
	margin-top:7px;
}

.video_name i img{
	width:100%;
	display:block;
}

.video_name b{
	width:200px;
	display:inline-block;
	margin-left:20px;
	font-weight:normal;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


@keyframes zhuan{

0%{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg); 
}
	
100%{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg); 
}

}











