@charset "UTF-8";
/* CSS Document */
body{font-family:"Arial","Microsoft YaHei","Verdana,Arial,sans-serif";text-align:center;padding:0; margin:0 auto;font-size:12px;color:#404040;line-height:24px; background:#fff;}
body > div{text-align: left;margin-right:auto;margin-left:auto;}
div,form,ul,ol,li,span,dl,dt,dd{margin:0 auto;padding:0;border:0;/*text-align:left;*/}
img,a img,p,pre{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
ul,ol,li{list-style:none;text-align:left;}
table{border-collapse: collapse;border-spacing: 0;border-color: transparent;}
table,td,select,input,textarea{font-size:12px;font-family:"Microsoft YaHei";}
table,td,th,textarea{font-weight:normal;font-family:"Microsoft YaHei";}
input{vertical-align:middle; border:none;font-family:"Microsoft YaHei";}
img{vertical-align:middle;}
pre{white-space:normal;}
/* 默认链接颜色 */
a{outline-style:none;color:#333;text-decoration:none;}
a:hover{ color:#e51b22;text-decoration:none;}
/*清除链接虚框*/
a,area{blur:expression(this.onFocus=this.blur());}/*for IE*/
:focus{-moz-outline-style:none;}/*for Firefox*/
/* 下划线 */
.unline,.unline a{text-decoration:underline}
.nounline,.nounline a,.list12 .nounline{text-decoration:none;}
/* 常用属性 */
.left{float:left;}
.right{float:right;}
.margin_b20{margin-bottom: 20px;}
.margin_b30{margin-bottom: 30px;}
.margin_b40{margin-bottom: 40px;}
.padding_tb30{padding :30px 0;}
/* 清除浮动 */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
.clear{ clear:both;}

/*------内页公用样式------*/
.wrap{width: 1200px;margin: 0 auto;}
.title{font-size: 22px;color: #000000;border-bottom: 1px solid #DCDCDC;padding: 12px 0 15px 0;margin-bottom: 20px;}
.arrow{width: 40px;height: 50px;position:absolute;top: 50%;margin-top:-25px;cursor: pointer;z-index: 999;display:none;}
.arrow-left{left: 0;background: url(../images/arrow_left.png) no-repeat;}
.arrow-right{right: 0;background: url(../images/arrow_right.png) no-repeat;}
/*视频*/
.video-class{margin: 42px 151px 92px;}
.video-class ul{margin-left: -130px;}
.video-class li{float: left;width: 127px;display: inline;margin: 0 0 0 130px;text-align: center;overflow: hidden;}
.video-class img{width: 127px;height: 113px;}
.video-class p{font-size: 16px;color: #474747;padding-top: 24px;}
.video-class a:hover p{color: #0088cc;}


.video-details{margin: 48px 0 0 0;}
.video-t{background: url("../images/video_tb.png") no-repeat;height: 43px;position: relative;}
.video-t .sm,.video-t .md{color: #FFF;position: absolute;}
.video-t .lg{font-size: 36px;color: #FFF;line-height: 43px;padding-left: 48px;}
.video-t .sm{font-size: 14px;left: 240px;top: -2px;}
.video-t .md{font-size: 18px;left: 240px;top: 20px;}
.video-c{margin: 0 36px 0 56px;}
.video-d{margin: 0px 33px 24px 6px;}
.video-d img{float: left;width: 240px;height: 180px;margin: 0 39px 0 0;}
.video-c img{float: left;width: 194px;height: 140px;margin: 0 24px 0 0;}
.video-c .txt{margin-left: 218px;}
.video-c .txt h3{font-size: 18px;color: #333;padding: 6px 0 8px;}
.video-c .txt p{font-size: 14px;color: #656565;text-indent: 2em;line-height: 22px;}
.video-action {text-align: right;margin: 24px 0 0 0;}
.video-action a{font-size: 16px;color: #FFF;background-repeat: no-repeat;display: inline-block;width: 128px;height: 31px;line-height: 31px;text-align: center;}
.video-action .fold{background-image: url("../images/btn_bg_2.png");}
.video-action .com{background-image: url("../images/btn_bg_3.png");margin: 0 8px 0 32px;}
.video-action .note-div span{display: inline-block; width: 128px;text-align: center;font-weight: bold;font-size: 14px;}
.video-action .note-div span i{color: red;}
.video-course{
	padding: 20px 0px 0;
	border-top: 1px solid #ddd;
	margin: 24px 0 0 0;}
.video-course ul{
	/*margin-left: -62px;*/
}
.video-course li{
	border-bottom: 1px dashed #DDD;
	width: 340px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 0px 20px;
	float: left;
}
.video-course span{font-size: 12px;color: #222;float: left;padding-left: 22px;}
.video-course em{font-size: 12px;color: #949494;float: right;font-style: normal;}
.video-course li b{background: url(../images/spxz_03.jpg) no-repeat center;display: block; float: right;width: 19px;height: 27px;line-height: 27px;text-align: center;margin-left: 7px;margin-top:8px;color: #FFF;}
.video-share{text-align: right;margin: 20px 0 0 0;}
.video-share a{background: url("../images/btn_bg_4.png") no-repeat ;display: inline-block;width: 389px;height: 35px;line-height: 35px;text-align: center;font-size: 18px;color: #FFF;}
.video-box .video-item{padding: 30px 0;border-top: 1px solid #DDD;}
.video-box .video-item:first-child{border-top: 0;}
.video-intro{padding: 40px 40px 0;}
.video-pic{text-align: center;padding-bottom: 60px;}
.video-pic h1{font-size: 36px;color: #4e4e4e;padding: 80px 0 18px;font-weight: bold;}
.video-pic h2{font-size: 24px;color: #4e4e4e;}
.video-pic p{font-size: 18px;color: #f04141;line-height: 32px;}
.video-pic img{width: 995px;height: 400px;margin: 54px 0 16px;}
.video-wrap-2 .video-course{border-top: 1px dashed #DDD;}
.vs-anchor{padding: 0 191px 60px 190px;}
.vs-anchor ul{margin-left: -36px;}
.vs-anchor li{float: left;display: inline;width: 249px;overflow: hidden;margin: 0 0 0 36px;}
.vs-link{text-align: center;padding: 60px 0 100px;}
.vs-link a{background: url("../images/btn_bg_5.png") no-repeat;display: inline-block;width: 359px;height: 45px;color: #FFF;line-height: 45px;font-size: 24px;text-align: center;}
.share-t{font-size: 27px;font-weight: bold;color: #aeaeae;text-align: center;padding: 40px 0 50px;}
.share-c img{float: right;margin-right: 35px;}
.share-de{padding-top: 30px;}
.share-step-1,.share-step-2{background: url('../images/vss_1.png') no-repeat;width: 700px;height: 100px;margin: 0px 0 0 55px;font-size: 17px;color: #030303;position: relative;}
.share-step-2{background-image: url("../images/vss_2.png");margin-top: 60px;}
.share-step-1 span,.share-step-2 span{position: absolute;top: 40px;left: 60px;}
.share-de-2{background: url("../images/vss_3.png") no-repeat left bottom;height: 250px;}
.share-content{width: 500px;height: 106px;border: 1px solid #00b7ee;padding: 20px 15px;line-height: 16px;font-size: 12px;color: #000;text-indent: 2em;margin: 40px 0 0 140px;}
.share-action{text-align: center;padding-top: 20px;}
.share-action .copy{background: url("../images/btn_bg_6.png") no-repeat;display: inline-block;width: 129px;height: 39px;font-size: 20px;color: #FFF;line-height: 39px;margin-right: 60px;}