@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:99999;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:9999;left:0;top:0;display:none;width:100%;height:100%;opacity:0.6;filter: alpha(opacity=50);-moz-opacity: 0.5;}

/*video*/
.video-menu {
    width: 67%;
    display: inline-block;
    float: left;
    padding-left: 3.5%;
}
.video-menu li{position: relative; display:inline-block;float: left; width:31.45%;height:60px;margin-right:1px;font:20px/60px "microsoft yahei";background:#222;cursor:pointer;color: #fff;*display:inline; *zoom:1;}
.video-menu li:nth-of-type(3){margin-right: 0;}
.video-menu .li4{margin-right:326px;}
.video-menu .active{
	border-color: #607bf1;
	background: #607bf1;
    background: -webkit-linear-gradient(left, #395cb9 , #607bf1);
    background: -o-linear-gradient(right, #395cb9 , #607bf1);
    background: -moz-linear-gradient(right, #395cb9 , #607bf1);
    background: linear-gradient(to right, #395cb9 , #607bf1);

}
.video-menu .active:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 110px;
    width: 0;
    height: 0;
	z-index: 11;
    border-style: solid;
    border-width: 11px 8px 0 8px;
    border-color: #4c6cd5 transparent transparent transparent;
    line-height: 0px;
    _border-color: #e1413e #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.video-menu .open-kefu{width:148px;background:#383838;border-right:none}
.video-l{display:inline-block;margin-right:15px; position:relative;width:697px;height:488px;background:#000;vertical-align:top;overflow: hidden;*display:inline; *zoom:1;}
.video-r{position: relative; display:inline-block;top: -58px; width:310px;font-size: 0; background:#fff;vertical-align:top;*display:inline; *zoom:1;}
.video-r .video-nav li{display:none}
.video-r .video-nav .on{display:block}
.video-r h3{height:60px;font:22px/60px "microsoft yahei";color:#fff;
	background: #607bf1;
    background: -webkit-linear-gradient(left, #395cb9 , #607bf1);
    background: -o-linear-gradient(right, #395cb9 , #607bf1);
    background: -moz-linear-gradient(right, #395cb9 , #607bf1);
    background: linear-gradient(to right, #395cb9 , #607bf1);
}
.video-r .nav-con{position: relative; height:428px;padding:3px 0 0 15px;overflow-x: hidden;overflow-y: auto;text-align: left;}
.video-r .li2 .nav-con,.video-r .li3 .nav-con{height:428px;}
.nav-con a{position: relative; display:block;font:14px/34px "microsoft yahei";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}
.nav-con strong{display:inline-block;width: 280px;margin-top:6px;font:16px/32px "microsoft yahei";background:#ececec;text-align: left;*display:inline; *zoom:1;}
.nav-con strong img{display: inline-block;vertical-align: middle;margin-left:5px;*display:inline; *zoom:1;}
.video-r .nav-a span{position: absolute;top:6px;right:10px; display:inline-block;height:20px;width:35px;margin-left:10px;font:12px/20px "microsoft yahei";color:#fff;background:#cc2215;text-align:center;vertical-align:middle;*display:inline; *zoom:1;}
.video-r .video-a1 {
    display: inline-block;
    width: 84%;
    height: 58px;
    font: 24px/58px "microsoft yahei";
    border-radius: 8px;
    background: #e1413e;
    color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(251,78,57,.2);
    box-shadow: 0 0 10px rgba(251,78,57,.2);
    *display: inline;
    *zoom: 1;
}
.video-r .video-a2{display:inline-block;width:50%;height:44px;font:18px/40px "microsoft yahei";background:#e1413e;color: #fff;*display:inline; *zoom:1;*margin-left: -1px;}
/*.video-r .video-a1:hover,.video-r .video-a2:hover,.video-r .video-btn:hover{background:#cc2215}*/
.video-r .video-btn{display:block;height:50px;background:#d7232b;font:bold 24px/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 h4{display: inline-block;width:130px ;cursor: pointer;border-radius:5px 5px 0 0; margin-top: 10px; height:40px;font: 18px/40px "microsoft yahei";color: #666;*display:inline; *zoom:1;}
.video-r .nav-teacher h4.on{display: inline-block; background: #fff;color: #333;*display:inline; *zoom:1;}
/*.video-nav{height: 366px;}*/