@charset "utf-8";
@import url(animate.css);
/* CSS Document */
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding: 0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}
.clear{clear:both;float:none;}
.ds_box{ width: 100%; overflow:hidden; height: 100%; position: relative; }
/*top背景*/
.ds_top {width:100%; height: 500px; position: relative; overflow: hidden;margin: 0 auto;}
.video_bg{position: absolute; width: 1920px; left: 50%; top: -260px; margin-left: -960px;z-index: -2;}
.ds_top img{position: absolute; width: 1920px; left: 50%;margin-left: -960px;z-index: -1; }
.ds_box01{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}
@media(max-width:1919px){.ds_box01{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}}
.ds_main{width: 1578px; height: 100%; margin: 5% auto; margin-top: -50px; padding:3% 0;background: #f2f2f2; box-shadow: 0px 0px 80px #999999;position: relative; overflow: hidden;}
/*栏目*/
.ds_nav{width:100%; position: relative; overflow: hidden; text-align: center;}
.ds_nav a{ display: inline-block; width:10.13%; color: #666; margin:0 1%; height: 50px; line-height: 50px; cursor: pointer; font-size: 24px;}
.ds_nav a:hover{color:#ee7800;}
.ds_nav a span{margin-left:38px;}
.ds_nav .ds_active{background:#ee7800; border-radius: 26px; color: #fff;}
.ds_nav .ds_active:hover{color: #fff;}
.ds_nav .ds_quanbu{background:url(http://www.syxdf.cn/msfc/images/teacher_list02.png) no-repeat; background-position:33px 10px; background-color:#ee7800;border-radius: 26px; color: #fff!important;}
/*.ds_nav .ds_quanbu{background:#ee7800; border-radius: 26px; color: #fff;}
.ds_nav .ds_quanbu:hover{background:#ee7800; border-radius: 26px; color: #fff;}*/
.ds_nav img:nth-child(1){width:14%; margin-right: 8px; display: inline-block;vertical-align: middle;}

.ds_video{width:100%; max-width:1200px; position: relative; overflow: hidden; margin: 3% auto;}
.ds_video .ds_video_fl{width:740px; height: 416px; float:left; position: relative; overflow: hidden;}
.ds_video .ds_video_fr{width:416px; height: 416px; float:right;position: relative; overflow: hidden;background:#fff;}
.ds_video .player_id-dimensions{width:100%;}
.ds_video .video-js{background-color: #fff;}
.ds_video .vjs-poster{background-color: #fff;}
.ds_video .ds_mask{position: absolute; left: 0; top: 2px; width: 100%; height: 99%; background: rgba(0,0,0,0.4);}
.ds_video .ds_player{display: block; width:100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}
.ds_video .ds_player img{position:absolute; top: 50%; left: 50%; margin-left: -44px; margin-top: -44px;}
.ds_video h2{color:#ee7800; font-size: 30px; text-align: center; margin: 5% 0;}
.ds_video p{line-height: 2; font-size:18px; margin: 26px;}
.ds_video a{display:block; width:88%; margin: 12% auto; background: #ee7800; color:#fff; text-align: center; padding: 8px 0; font-size: 24px;}
.ds_video a:hover{font-size: 26px;}
.ds_list{width:100%; max-width:1230px; position: relative; overflow: hidden; margin: 3% auto;}
.ds_list img{display:block; width:380px;}
.ds_list li{width:380px;height:506px; float:left; margin:0 15px; margin-bottom: 3%; position: relative; overflow: hidden; background:#fff;}
.ds_list a:nth-child(1){ display: block; overflow: hidden;}
.ds_list .ds_list03{display: none; position: absolute; top: 0; left: 0; width:100%; height: 56%; background: url(http://www.syxdf.cn/msfc/images/teacher_list03.png) no-repeat; background-position:50% 38%; background-size:66px; background-color:rgba(0,0,0,0.5);}
/*.ds_list .ds_list04{position:absolute; top: 15%; left: 50%; width:66px; margin-left: -33px;z-index: 3;opacity: 0; transition: all .5s;transform:translateY(-20px)}
.ds_list li:hover .ds_list04{opacity: 1;cursor:pointer; 
	transition-delay: 0.2s;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}*/
.ds_list .ds_list05{ width:100%; position: absolute; top: 56%;left: 0;z-index: 5; background: #fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear}
.ds_list .ds_list05 h2{display:inline-block; font-size:24px; margin: 3% 0; color:#ee7800; padding: 0 6%;}
.ds_list .ds_list05 span:nth-child(2){display:inline-block; float:right;padding: 0 6%;margin: 2% 0; color:#ee7800;font-size: 24px; font-weight: bold; letter-spacing: 3px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear}
.ds_list .ds_list05 p{ padding: 0 6%; line-height: 1.8; width:88%;height:130px; overflow: hidden; font-size: 18px;}
.ds_list .ds_list05 p.active{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.ds_list .ds_zx{ width:32%; border:1px solid #666666;text-align: center; color:#666;display:inline-block;padding:4px 0; font-size: 18px; position: absolute; top: 100%; left: 12%;
	-webkit-transition: top 0.3s linear 0.1s;
	-moz-transition: top 0.3s linear 0.1s;
	-o-transition: top 0.3s linear 0.1s;
	-ms-transition: top 0.3s linear 0.1s;
	transition: top 0.3s linear}
.ds_list li:hover .ds_zx{top:88%;
	-webkit-transition: top 0.3s linear 0.1s;
	-moz-transition: top 0.3s linear 0.1s;
	-o-transition: top 0.3s linear 0.1s;
	-ms-transition: top 0.3s linear 0.1s;
	transition: top 0.3s linear 0.1s}


.ds_list .msjs1{background:#ee7800; color:#fff; border:1px solid #ee7800; left: 54%;}

.ds_list li:hover{box-shadow:5px 10px 40px #a4a4a4;}


.ds_list li:hover .ds_list05{
	top: 45%;
	-webkit-transition: all 0.3s linear 0;
	-moz-transition: all 0.3s linear 0;
	-o-transition: all 0.3s linear 0;
	-ms-transition: all 0.3s linear 0;
	transition: all 0.3s linear 0
}
.ds_list li:hover .ds_list05 span{
	margin-right: -100px;
	-webkit-transition: all 0.3s linear 0;
	-moz-transition: all 0.3s linear 0;
	-o-transition: all 0.3s linear 0;
	-ms-transition: all 0.3s linear 0;
	transition: all 0.3s linear 0
}
.ds_list .ds_list01 a{
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear
}
.ds_list .ds_list01 a:nth-child(3):hover{
	top:87%;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear
}
.ds_list .ds_list01 a:nth-child(4):hover{
	top:87%;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear
}
.tcp-skin .tcp-right-click-popup-menu{display: none!important;}
.tcp-skin .vjs-custom-control-spacer{opacity: 0!important;}
/*分页*/
.dede_pages ul{	float:left;	padding:12px 0px; margin-top:20px;}
.dede_pages ul li{	float:left;	font-family:Tahoma;	line-height:20px;	margin-right:5.5px;  color: #030303;  border: 1px solid #ccc; border-radius: 5px; padding: 2px 8px;}
.dede_pages ul li a{	float:left; color: #030303; display:block;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{color:#FFF; border: 1px solid #EE7800; background-color: #EE7800;}
.dede_pages .pageinfo strong{	color:#555;	font-weight:normal;	margin:0px 2px;}
.pagelist li:first-child{padding: 2px 5px; text-align: center;}