@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:156px;height:70px;border-right:1px solid #525252;font:20px/70px "microsoft yahei";color:#fff;background:#333;cursor:pointer}
.video-menu .active{background:#ef3044;
	background: -webkit-linear-gradient(left, #df0025 , #ff5e62); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #df0025 , #ff5e62); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #df0025 , #ff5e62); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #df0025 , #ff5e62); /* 标准的语法 */
}
.video-menu .open-kefu{width:148px;background:#383838;border-right:none}
.video-l{display:inline-block;position:relative;width:800px;height:432px;background:#000;vertical-align:top}
.video-r{display:inline-block;width:300px;height:432px;background:#333;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; }
.nav-con a.active,.nav-con a:hover{color:#ffd84f;}

.video-r .nav-con:before{content: '';width: 0; height: 143px;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/26px "微软雅黑";color:#fff;cursor:pointer;width: 300px; 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 .nav-a span{display:inline-block;height:18px;width:41px;margin-left:6px;font:12px/18px "微软雅黑";color:#fff;text-align:center;vertical-align:middle; background:url(../images/free-icon.png) no-repeat center;}



.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: #333333;}
.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 .ewmbox{width: 248px; height: 98px; display: block; border:solid 1px #fff; float:left; margin:20px 25px 26px;}
.video-r .ewmbox img{float:left;}
.video-r .ewmbox font{width:110px; float:left; margin-left: 20px; font: 18px/22px "微软雅黑";color:#fff; text-align: left; margin-top: 15px;}
.video-r .ewmbox font span{font-weight: bold;}

.video-r .video-a1,.video-r .video-a2{display:inline-block;width:150px;height:60px;margin:auto;font:20px/60px "microsoft yahei";background:#333;color:#fff; border-top:solid 1px #525252;}
.video-r .video-a1:hover,.video-r .video-a2:hover,.video-r .video-btn:hover{background:#ef3044;
	background: -webkit-linear-gradient(left, #df0025 , #ff5e62); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #df0025 , #ff5e62); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #df0025 , #ff5e62); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #df0025 , #ff5e62); /* 标准的语法 */
}
.video-nav{height: 212px;}