@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
i,em{ font-style:normal;}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{/*width: 100%;*/height: auto;font-size: 12px;font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #333;}
.wrap{width: 1100px;margin: 0 auto;font-size: 0;text-align: center;}
.text-l{text-align: left;}
.text-r{text-align: right;}
.nav-bgd{display: none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-bottom: 20px!important;}
/*--------------弹出窗-----------*/
.showbox{width:0px;height:0px;display:none;position:fixed;right:50%;top:50% !important; margin: -120px 100px 0 0; z-index:100;border:1px #8FA4F5 solid;padding:1px;background:#fff; border-radius: 15px; padding: 20px;}
.showbox h2{height:50px; font-size:16px; position:relative; line-height:50px; color:#333; border-bottom: 1px #999 solid;}
.showbox h2 a{position:absolute;right:0px;top:-16px;}
.showbox .mainlist{padding:10px;}
.mainlist_p {font-size: 16px; color: #333; line-height: 30px; padding-top:20px; text-align: center;}
.mainlist_p img {display: inline-block; margin: -2px 0 0 0;}
.mainlist_p2 {width: 100%; text-align: center; margin-top: 30px;}
.mainlist_a {display: inline-block; margin: 0 10px; width: 140px; height: 50px; background: #1faa4d; font-size: 18px; color: #fff; line-height: 50px; border-radius: 6px;}
.mainlist_a2 {background: #ff5030;}
#zhezhao{/*background-color:#000;*/position:fixed;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.6;filter: alpha(opacity=50);-moz-opacity: 0.5;}

/*video*/
.video-menu li{display:inline-block;width:195px;height:70px;border-right:1px solid #525252;font:20px/70px "microsoft yahei";color:#fff;background:#1b1b1b;cursor:pointer}
.video-menu .active{background:#e14253;
	background: -webkit-linear-gradient(left, #be3040 , #e14253); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #be3040 , #e14253); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #be3040 , #e14253); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #be3040 , #e14253); /* 标准的语法 */
}
.video-menu li:last-child{width: 314px; background: #323232;}

.video-menu .open-kefu{width:148px;background:#383838;border-right:none}
.video-l{display:inline-block;position:relative;width:785px;height:443px;background:#000;vertical-align:top}
.video-r{display:inline-block;width:315px;height:443px;background:#1b1b1b;vertical-align:top}
.video-r .video-nav >li{display:none}
.video-r .video-nav .on{display:block}
.video-r h3{height:60px;font:bold 20px/60px "microsoft yahei";color:#ffd84f;background:#333333;border-top:solid 1px #525252;border-bottom:solid 1px #525252;}
.video-r .nav-con{height:150px;margin:auto;padding:10px 0 3px; clear: both;}
.nav-con a.active,.nav-con a:hover{color:#ffd84f;}

.video-r .nav-con:before{content: '';width: 0; height: 126px;display: block; border-left:solid 1px rgba(255,255,255,.6); margin-left: 20px; margin-top: 10px; float:left; margin-right: 15px;}
.nav-con a{font:14px/24px "微软雅黑";color:#fff;cursor:pointer;width: 270px; text-align: left; display: block;}
.nav-con a:before{content: ''; width: 13px; height: 24px; display: block; background: url(../images/list-icon.png) no-repeat center; float:left; margin-left: -22px;}



.video-r .video-btn{display:block;height:50px;background:#339479;font:bold 26px/50px "microsoft yahei";color:#fff;cursor: pointer;}
.video-r .nav-con-box .nav-con{display: none;}
.video-r .nav-con-box .nav-con.active{display: block;}
.video-r .nav-teacher {background: #1b1b1b;}
.video-r .nav-teacher h3{display: inline-block;width:150px ;cursor: pointer; height:60px;font: 18px/60px "microsoft yahei";color: #999;}
.video-r .nav-teacher h3.on{display: inline-block; color: #ffd84f; font-weight: bold;}
.video-r .nav-teacher font{width: 100%; height: 48px;float: left; font: 18px/48px "微软雅黑";color: #fff; border-top:1px solid #525252; border-bottom:1px solid #525252; }

.video-r .nav-con-box{clear: both;width: 100%;float: left; height: 246px;}
.video-r .nav-con-box ul{width: 100%; float: left; margin-top: 6px;}
.video-r .nav-con-box ul li{float: left; clear: both;display: block;margin-left: 30px;}
.video-r .nav-con-box ul li a{font: 14px/30px "微软雅黑";color: #fff; display: block;float: left; cursor: pointer;}
.video-r .nav-con-box ul li a.active{color: #df4152;}
.video-r .nav-con-box ul li a span{display:inline-block;height:18px;width:41px;margin-left:10px;font:12px/18px "微软雅黑";color:#fff;text-align:center;vertical-align:middle; background:#c03241;
	-webkit-border-radius: 9px 9px 9px 0;
	-moz-border-radius: 9px 9px 9px 0;
	border-radius: 9px 9px 9px 0;
}
.video-r .nav-con-box ul li a.nav-a span{color:#333; background:#fff;}
.video-r .nav-con-box ul li a:hover{color: #df4152;}
.video-r .btm-btn{clear: both; float: left; width: 100%; margin-top: 16px;}
.video-r .video-a1,.video-r .video-a2{display:inline-block;width:142px;height:54px;margin:auto 4px;font:17px/54px "microsoft yahei";background:#292929;color:#fff;}
.video-r .video-a2{background: ;}
.video-r .video-a3{display: inline-block; width: 292px; height:54px;margin:8px 4px;font:17px/54px "microsoft yahei";background:#666666;color:#fff;}
.video-r .video-a1:hover,.video-r .video-a2:hover,.video-r .video-btn:hover{background:#ef3044;
	background: -webkit-linear-gradient(left, #be3040 , #e14253); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #be3040 , #e14253); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #be3040 , #e14253); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #be3040 , #e14253); /* 标准的语法 */
}