@charset "utf-8";
/* 公共样式 */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "Microsoft YaHei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;color: #333;}
em{font-style:normal}
li{list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
a{color:#333;text-decoration:none;cursor:pointer;}
a:focus{outline:none;}
img {border:none;display: block}
ol,ul,li {list-style:none;}
input, textarea, select, button {font:14px "微软雅黑",Verdana, Arial, Helvetica, sans-serif ,"宋体","黑体";}
input{outline: none}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
table {border-collapse:collapse;border-spacing:0;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
.clear {clear: both;}
.clear:after{height:0;}
.fr{float:right}
.fl{float:left;}
.show{display:block;}
.hide{display:none;}
.teacher-wrap,.live-wrap,.product-wrap{padding: 0 20px;/* padding-bottom: 30px; */}
.shadow{
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
/*.border{border: 1px solid #eee;border-top: 0;}*/
/*index*/
.wrap { width: 1180px; margin: 0 auto; }
/*公共头部start*/
.header{ line-height: 31px; background: #f5f5f5; }
.main{width: 1180px; margin: 0 auto;}
.shortcut_left li{float: left;margin-right: 16px; display: inline-block; text-align: center;}
.shortcut_left li.mr_0{margin-right: 0}
.shortcut_left a{color: #333333; display: inline-block;}
.a_img_ico img{float: left;  margin-top: 8px;  margin-right: 5px;}
.shortcut_left em{font-style: normal; color: #ff6000;   margin-right: 5px;}
.shortcut_right{float: right;}
.shortcut_right li{float: left; margin-right: 19px;  z-index: 13;}
.shortcut_right em{color: #ff6000;}
.a_nav{ background: url(//files.dongao.com/static/public/images/arrow_ico.jpg) 55px center no-repeat; padding:0  15px 0 5px;  display: inline-block;   z-index: 2;  position: relative;
        border: #f5f5f5 solid 1px; border-bottom: 0; border-top: 0;}
.a_nav_khd{ background: url(//files.dongao.com/static/public/images/arrow_ico.jpg) 68px center no-repeat;}
.a_nav a {background: #fff;}
.li_rel{position: relative;  zoom: 1;}
.nav_info{display: none; position: absolute; top: 30px; background: #fff;
        left: -238px;width: 286px; border: #dfdfdf solid 1px; padding: 10px; }
.nav_info a{ display: inline-block; float: left; padding: 0 5px; color: #666; line-height: 26px; width: 84px;}
.nav_info a:hover{/*background: #f9f9f9; */color: #ff6000}
.nav_info  li a{border: 0;}
.shortcut_right .nav_info li.border_b{border-bottom: #999 dashed 1px; padding-bottom: 5px; margin-bottom: 5px;}
.shortcut_right .nav_info li{margin-right: 0; display:inline-block; float: none;  overflow: hidden; margin: 0 2px;}
.clear, .clr {  display: block;  overflow: hidden;  clear: both;  height: 0;  line-height: 0;  font-size: 0;}
.shortcut_right li.active .a_nav{background:#fff url(//files.dongao.com/static/public/images/arrow_ico_active.jpg) 55px center no-repeat;border: #dfdfdf solid 1px; border-bottom: 0; border-top: 0; color: #ff6000;}
.shortcut_right li.active .a_nav_khd{background:#fff url(//files.dongao.com/static/public/images/arrow_ico_active.jpg) 68px center no-repeat;}
.shortcut_right li.active .nav_info{display: block;}
.nav_mydongao{padding: 0 0 0 10px;     width: 76px;left: -18px;}
.shortcut_right li.active .a_nav_khd,.a_nav_khd{background-position: 56px center;}
.khd{  padding: 0 0 0 10px;  width: 102px;  left: -44px;}
.khd  a{float: none; display:block;width: 90px;}
.nav_mydongao a{width: auto;}
.sygj{  padding: 0;  width: 68px;  left: 0;}
.none{display: none;}
/*公共头部end*/
/* 公共顶部 start */
.head{
    height:100px; line-height:100px; font-size:24px; margin:0 auto; background: #fff;
}
.head .logo{
    margin-top:26px;
}
.head b{
    font-size: 22px;
    vertical-align: middle;
    font-weight: normal;
    margin-left: 20px;
    display: inline-block;
}
.head h1 a{
  display: inline-block;
    text-align: center;
    color: #666;
}
.head h1 a:hover{
    text-decoration:none;
}
/* 公共顶部 end */
/* 导航 start */
.nav{
    height:58px; line-height:58px; background:#242323;
}
.dh_tab_div a,.nav span{
    display:block;width:153px; height:58px; float: left; font-size: 16px; color:#fff;text-align: center;
}
.nav span{width: 240px;position: relative;}
.nav .on{
    background: #ff8606;
}
.nav a:hover{
    background: #ff8606; text-decoration: none;
}
.nav span b{
     padding-left:18px;
     margin-left: 70px;
     background:url(../images/icon.png) no-repeat 0 3px; 
}
.dh_tab_div{
    display: inline-block;
    float: left;
    width: 153px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}
.div_active{
    background: #cd6803;
}

.dh_cent{
    width:100%; height:45px; position: absolute; left:0px; top:58px; font-size:14px; color:#fdfffe; z-index: 1111; display: none; background: #fff; box-shadow: 0 1px 3px #ececec;
}

.dh_cent p{
    line-height: 45px; text-align: left; padding:0 0 0 7px;
}
.dh_cent p a{
        color:#333; display: inline-block; margin:0 18px; height:45px;line-height:45px;width:100px;
}
.dh_cent p a:hover{
    color:#709ce5; text-decoration: none;
}

.dh_tab .on{
    background: #ff8606
}
.nav a:hover{
    text-decoration: none;
}
.nav{
    position:relative;
}
    .cont1_l li dd{
    padding-left: 0px;
}
  .cont2 .sy_title2,.cont3 .sy_title2,.cont4 .sy_title2,.cont5 .sy_title2,.cont6 .sy_title2{
    line-height: 45px;
}
  .cont1_l li dl {
    position: absolute;
    left: 168px;
    top: 0px;
    display: none;
    width: 500px;
    height: 460px;
    line-height: 36px;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: left;
    background: #f3f5f7;
}
  .cont1_l li dd a{font-size: 14px;}
  .dh_cent2{
        position: absolute;
        top: 58px;
        font-size: 14px;
        z-index: 1111;
        background: #fff;
        width: 175px;
        right: 0;
        display: none;
        padding:  15px 0;
      }
  .dh_cent2 ul li a{
        color: #333;
        font-size: 14px;
        text-align: left;
        width: 82px;
        padding: 10px 21px 0 72px;
        clear: both;
        height: 40px;
        line-height: 16px;
        background: url(../images/bg.png) no-repeat 20px 8px;
        position: relative;
        }
  .dh_cent2 ul li a:hover{color: #ff8606;background: url(../images/bg-hover.png) no-repeat 20px 8px;}
  .dh_have2{position: relative;width:  175px;}
  .dh_have2 a{width:  175px;}
  .dh_cent2 i{background: url(../images/icon.png) no-repeat;width: 18px;height: 19px;display: inline-block;position: absolute;left: 31px;top: 18px;}
  .dh_cent2_a1 i{background-position: 0 -24px;}
  .dh_cent2_a2 i{background-position: -32px -24px;}
  .dh_cent2_a3 i{background-position: -64px -24px;}
  .dh_cent2_a4 i{background-position: -96px -24px;}
  .dh_cent2_a5 i{background-position: -127px -24px;}
  .dh_cent2_a6 i{background-position: -161px -24px;}
  .dh_cent2_a1:hover i{background-position: 0 -48px;}
  .dh_cent2_a2:hover i{background-position: -32px -48px;}
  .dh_cent2_a3:hover i{background-position: -64px -47px;}
  .dh_cent2_a4:hover i{background-position: -96px -49px;}
  .dh_cent2_a5:hover i{background-position: -128px -49px;}
  .dh_cent2_a6:hover i{background-position: -160px -48px;}
.dh_cent2 ul li a.dh_cent2_a6,.dh_cent2 ul li a.dh_cent2_a5,.dh_cent2 ul li a.dh_cent2_a4,.dh_cent2 ul li a.dh_cent2_a3{
      	width: 84px;
      	padding: 10px 19px 0 72px;
      	line-height: 33px;
      }
/* 导航 end */
/* banner start */
.banner-container{position: relative;height:  400px;overflow:  hidden;}
.banner a{
    width: auto !important;
        min-width: 1180px;
        max-width: 100%;
        display: block;
        margin: 0 auto;
        height: 400px;
}
.adv{
    position: absolute;
    left: 962px;
    top: 140px;
    z-index: 2;
    opacity:  0.8;
    width:  220px;
    height:  235px;
    background: url(../images/adv.png) no-repeat;
    }
.nav .adv:hover{
    position: absolute;
    left: 962px;
    top: 140px;
    z-index: 2;
    opacity:  0.8;
    width:  220px;
    height:  235px;
    background: url(../images/adv_hover.png) no-repeat;
    }
.slidebar{
    min-width: 1180px;
        width: 100%;
        height: 12px;
        position: absolute;
        bottom: 30px;
        left: 0px;
        text-align: center;
}
.slidebar span{
    display: inline-block;
        width: 12px;
        height: 12px;
        background: url(../images/icon.png) no-repeat -128px 0;
        margin: 0 5px;
    cursor: pointer;
}
.slidebar span.on{
    background-position: -103px 0;
}
.nav-wrap{
    height: 400px;
    position: absolute;
    left: 0;
    top: 58px;
    z-index: 10;

}
.nav-wrap-mask{
    width:  240px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 58px;
    z-index: 9;
    background:#000;
    filter: Alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}
.nav-wrap-ul{position: relative;}
.nav-wrap-ul li{height: 50px;}
.nav-wrap-ul li:hover{cursor:pointer;}
.nav-wrap-ul li span{
    display: block;
    width: 184px;
    height: 50px;
    padding: 0 28px;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    text-align: left;
    filter: Alpha(opacity=60);
    -moz-opacity:0.6;
}
.nav-wrap-ul li.hover span{
    background:#000;
}
.nav-wrap-ul li span i{
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(../images/icon.png) no-repeat -30px 0;
    position: absolute;
    right: 30px;
    top: 18px;
}
.nav-wrap-ul li dl{
    position: absolute;
        left:240px;
        top: 0;
        display: block;
        width: 650px;
        line-height: 36px;
        font-size: 14px;
        padding-left: 30px;
        padding-top: 10px;
        text-align: left;
    background: #fafafa;
    z-index: 10;
    height: 390px;
    overflow: auto;
}
.nav-wrap-ul li dt{
    color: #ff6949;font-size: 16px;
}
.nav-wrap-ul li dd{margin-bottom: 6px;}
.nav-wrap-ul li dd a{
    display: inline-block;
    font-size: 14px;
    color: #333333;
    height: 36px;
}
.nav-wrap-ul li dd a:hover{
    text-decoration: underline;
    background-color:#fafafa;
}
.nav-wrap-ul li dl i{
    display: inline-block;
    color: #333;
    margin: 0 6px;
    font-style: normal;
}
/* banner start */
/* 搜索 */
.head h1{display: inline-block;font-size: 22px;}
.head-input{
    float: right;
    vertical-align: middle;
    position: relative;
    width: 510px;
    margin-right: 20px;
    height:  40px;
}
.select{background: url(../images/line.jpg) no-repeat right 43px;position: absolute;left:  0;top: 34px;height: 40px;}
.select ul{display:none;position: absolute;left: 0;top: 38px;width: 90px;color: #999;font-size: 14px;text-align: center;z-index: 10;background: #fff;border: 2px solid #ef8b34;border-top: 0;}
.select ul li{line-height: 28px;cursor: pointer;}
.select ul li.on{background: #eee;}
.showmenu{
    padding: 0 40px 0 24px;
    background: url(../images/down.png) no-repeat 70px 16px;
    font-size: 14px;
    color: #999;
    line-height: 36px;
    height:  36px;
    display: block;
    border: 2px solid #ef8b34;
    border-right: none;
}
.head-input input{
        line-height: 36px;
        height: 36px;
        border: 2px solid #ef8b34;
        border-left: none;
        outline: none;
        background: url(../images/input-icon.png) no-repeat 4px center;
        padding-left: 25px;
        color: #333;
        font-size: 12px;
        width: 300px;
        position: absolute;
        top: 34px;
        left: 94px;z-index:5;
        }
.head-input .submit{width: 94px;background-color: #ef8b34;line-height: 40px;display: inline-block;text-align: center;color: #fff;font-size: 18px;
    position: absolute;right: 0;top:34px;}

/*课程css start*/
.cont-right-a{display:  inline-block;margin-right: 20px;width: 209px;overflow:  hidden;}
.cont-right-a:hover{
	-moz-box-shadow:0px 10px 20px rgba(0,0,0,0.15);/*firefox*/ 
	-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.15);/*webkit*/ 
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);/*opera或ie9*/
}
.title{
    font-size: 14px;line-height: 18px;padding: 10px;
    color: #333;height:36px;
}

.price{
    font-size: 20px;
    line-height: 18px;
    color: #ff6949;
    padding: 0 10px 15px 10px;
}
.price.free{font-size: 16px;color: #35b558;}
.right-buttom{border-top: 1px solid #eee;padding: 10px 10px 6px 10px;font-size:12px;color: #b5b5b5;

}
.number,.tag{padding-left: 18px;position: relative;font-size: 12px;
        color: #1f81ff;}
.number i,.tag i{
    position: absolute;
    left: 4px;
    top: 4px;
    width: 12px;
    height: 12px;
    background: url("../images/icon-tag.png") no-repeat;
}
.number i{background-position: -54px 0;}
.tag i{background-position:0 0;}
.mr_30{margin-right: 30px;}
.mr_0{margin-right: 0;}
.mb_30{margin-bottom: 20px;}
/*课程css end*/
/*公共底部 start*/
.bottom_div1{padding:20px;}
.bottom_div1 a{margin-left:10px;}
div.copyrigyt{padding-top:3px;}
.terrace_footer{padding-top:10px;}
.foot_bottom {
    background: #545353;
}
.footer{
    margin:10px auto;text-align:center;
}
.footnav{
    padding:10px 0;border-bottom:1px #ccc solid;
}
.robots-nocontent img{
    display: inline-block;
}
div.copyrigyt{
    padding:10px 0;line-height:200%;color:#333;font-size:12px;
}
div.copyrigyt>a{
    color:#333;
}
.foot_bottom{background:#545353;}
.footer{
    margin:0 auto;
    text-align:center;
}
.footer{
    padding:15px 0 30px; background: #eaeaea;
}
.terrace { margin:0px auto; }
.terrace a{cursor: pointer; cursor:hand ;}
.terrace .xzzxg{border:1px solid #CCCCCC;position:absolute;padding:10px 13px 8px 7px;background:#fff;margin:4px 0 0 -140px;display:none;}
.terrace .xzzxg .pic{float:left;width:60px;}
.terrace .xzzxg .tent{float:left;margin-left:10px;}
.terrace .xzzxg p{font-size:14px;color:#0086CE;}
.terrace .xzzxg p a{color:#0086CE;}
.terrace .xzzxg .tent font{font-size:12px;background:url(//files.dongao.com/imgcn/imgcms/index/picbj.png) no-repeat;width:55px;height:20px;line-height:20px;float:left;margin-top:10px;}
.terrace .xzzxg .tent font a {color:#fff;}
.terrace .xzztwo{padding:5px;}
.terrace .xzztwo .tent p{margin-top:10px;}
/**新加**/
.terrace_con{width:280px; margin:10px auto 0px auto;}
.aone{width:100px; float:left;}
.atwo{width:100px; float:left;}
.clear{clear:both;}
.xzzone,.xzztwo{display:none;padding:4px 0px;}
.aone:hover div.xzzone{display:block;margin:0 0 0 0;+margin:24px 0px 0px -100px;position:absolute;}
.atwo:hover div.xzzone{display:none;}
.atwo:hover div.xzztwo{display:block;margin:0px 0px 0px 0px;+margin:24px 0px 0px -100px;position:absolute;}
.a_anquan img{vertical-align:middle;margin-top: 2px;}
/*公共底部 end*/
.paging{text-align:right;padding:20px 20px 50px 0;}
.paging .pagination li{display:inline-block;line-height:28px;border:1px solid #d8d8d8;margin:0 2px;}
.paging .pagination li a{
    font-size:14px;display:inline-block;text-align:center;padding:0 10px;
}
.paging .pagination li a:hover,.paging .pagination li.active a{
    background:#ff6949;
    color:#fff;
}
.paging .pagination li.disabled a{
    color:#bcbcbc;
}
.paging .pagination li.disabled a:hover{
    background:none;
    cursor:default;
}
/*输入框ie8兼容 placeholder*/
.inp-pl-p{ position: relative; }
.inp-bg-pl{ position: absolute; color: #999; line-height: 40px; text-indent: 5px; z-index: 1; 
    height: 40px;padding-left: 20px;
    font-size: 12px;
    position: absolute;
    top: 34px;
    left: 94px;
}
/*输入框ie8兼容 placeholder end*/

/*定位导航 end*/
.floor-nav.hidden{
	display: none;
}
.floor-nav{
	background:  #fff;
	height: auto;
	width: 156px;
	text-align: center;
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 999;
	border-radius: 5px;
}
.scroll-nav{
	display: inline-block;
	width: 156px;
	height: 75px;
	line-height: 75px;
	cursor: pointer;
	font-size: 24px;
	color: #333;
}
.scroll-nav.to_top:hover{background-color: #f9f9f9}
.scroll-nav.to_top{
	color: #ef8b34;
	background: #fff url("../images/to_top.png") no-repeat 76px 12px;
	border-radius: 5px;
}
.scroll-nav.active{
	background-color: #ef8b34;
	color: #fff;	border-radius: 5px;
}
.jwlogo{display:none!important;}