@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{width: 1100px; height: 538px; display: block; background: #fff;margin: auto;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0 0 18px rgba(15,15,15,.2);
	box-shadow: 0 0 18px rgba(15,15,15,.2);
}
.video-menu li{display:inline-block;width:209px;height:67px;margin-right: 1px;font:20px/67px "microsoft yahei";color:#fff;background:#222;cursor:pointer; margin: 30px auto 0;}
.video-menu .active{background:#ff3d24}
.video-menu .open-kefu{width:148px;background:#383838;border-right:none}
.video-l{display:inline-block;position:relative;width:731px;height:411px;background:#000;vertical-align:top}
.video-r{display:inline-block;width:314px;height:411px;background:#fff;vertical-align:top}
.video-r .video-nav li{display:none}
.video-r .video-nav .on{display:block}
.video-r h3{height:50px;font:22px/50px "microsoft yahei";color:#000;background:#eee}
.video-r .nav-con{height:305px;padding:2px 0; margin-left: 25px;}
.nav-con a{display:block;font:14px/32px "microsoft yahei";text-align:left;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.nav-con a.active,.nav-con a:hover{color:#222;text-decoration:underline}
.video-r .nav-a span{display:inline-block;height:20px;width:35px;margin-left:10px;font:12px/20px "microsoft yahei";color:#fff;background:#1faa4d;text-align:center;vertical-align:middle}
.video-r .video-a1{display:inline-block;width:152px;height:53px;margin:auto 2px;font:20px/53px "microsoft yahei";background:#333333;color:#fff}
.video-r .video-a2{display:inline-block;width:152px;height:53px;margin:auto 2px;font:20px/53px "microsoft yahei";background:#333;color:#fff}
.video-r .video-a1:hover,.video-r .video-a2:hover,.video-r .video-btn:hover{background:#ff3d24}
.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: #eee;}
.video-r .nav-teacher h3{display: inline-block;width:150px ;cursor: pointer;margin-top: 10px; height:40px;font: 18px/40px "microsoft yahei";color: #666;}
.video-r .nav-teacher h3.on{display: inline-block; background: #fff;color: #333;}