@charset "utf-8";

 body{font-family: 微软雅黑}
ul,li{list-style: none;}
.header-top{height: 40px; line-height: 40px; background: #055C92; color: #fff}
.header-top a{color: #fff}
.bg-ff .navbar-default {
    background-color: #fff;
    border: none;
}
a:hover{text-decoration: none}
.logo img{max-width: 100%}
.header-menu{padding-top: 30px;padding-bottom: 5px}
.header-menu .menu{padding-top: 12px}
.menu ul li{float: left; line-height: 30px;  text-align: right; font-size: 16px;  }
.menu ul li a{color: #333; padding:5px 12px; border-radius: 15px; }
.menu ul li.active a,.menu ul li a:hover{ background: #C9302B; color: #fff}
@media (max-width: 768px) {
 
.logo { padding-left: 25px}
.menu ul li{float: left; line-height: 30px;  text-align: center; font-size: 16px; padding:5px 0px; width: 25%; }
.menu ul {margin:0px; padding:10px 0px 0px 0px;}
}
.tech-cla .tab-pane{padding:10px 0px; height:auto !important; min-height:260px; height:260px;}
.tech-cla .tab-pane a{display: inline-block; width: 10%; color: #666; text-align:center; line-height:30px;}
.tech-cla .tab-pane a:hover{color: #000}
@media (max-width: 768px) {
  .tech-cla .tab-pane{ height:auto !important; min-height:160px; height:160px;}
.tech-cla .tab-pane a{width: 20%;}
}
.position{background:url(../images/ban.jpg) no-repeat left center; height:100px; line-height:100px;}

.position .breadcrumb {
    padding: 0px;
    margin-bottom: 0px;
    
    background-color: transparent;
    border-radius: 0px;
}
.position .breadcrumb>.active {
    color: #EAEAEA;
}
.position .breadcrumb a{color:#EAEAEA}
.sear-div{text-align: right;}
#frm-search{padding-top: 28px; }
#frm-search input.sear-inp{float:left;border:none; width:74%; height:45px; line-height:45px; border-top-left-radius:3px;border-bottom-left-radius:3px; padding:0px 5px;}
#frm-search input.sear-submit{float:left;background: #3ebb2b;border-top-right-radius:3px;border-bottom-right-radius:3px; text-align:center; width:100px; border:none;height:45px; line-height:45px;vertical-align: -1px; color:#fff}
@media (max-width: 480px) {
  #frm-search input.sear-inp{ width:66.5%;}
}
#frm-search input.fbxq{float:right;background: #ff782f;border-radius:3px; text-align:center; width:100px; border:none;height:45px; line-height:45px;vertical-align: -1px; color:#fff}
.mart-15 {margin-top:15px;}
.mart-20 {margin-top:20px;}
.mart-10 {margin-top:10px;}
.mart-30 {margin-top:30px;}
.tech-cla .nav-tabs {
    border-bottom: 2px solid #ff782f;
}
.tech-cla .nav-tabs>li.active>a, .tech-cla .nav-tabs>li.active>a:focus, .tech-cla .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #ff782f;
    
    
}
.tech-cla .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    
    border-radius:2px 2px 0 0;
}
.tech-cla .nav-tabs > li > a:hover {
  border-color: transparent;
  background-color: #ff782f;
   color:#fff;
}
.tech-cla .a-in a{ display: inline-block; width: 8.3%; color: #666}

.tech-active .col-md-3{margin-bottom: 15px }
.tech-active .col-md-3:hover .teach-info{background: #f1f1f1}
.tech-news {  height: 45px;  background: rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/ position: absolute;width: 100%; bottom: 0; color: #fff; border:1px solid #f00; }
.tech-news h3 { font-size: 20px; font-weight: 100; height: 45px; text-align: center; line-height: 45px; margin:0px; }
.tech-news p { font-size: 14px; text-align: center; }
.tech-active h2{font-size: 20px; border-left: 4px solid #ff782f; padding-left: 10px;    margin-bottom: 20px }
.teach-info{padding-top: 8px; }
.teach-info p{margin-bottom: 4px}
.teach-info  .text-black{color: #000}
.tech-active figure {
	position: relative;	
	overflow: hidden;
	width:100%;	background: #000;	
	cursor: pointer;
}

.tech-active figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1;-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */transition: all 1s linear; border-right: 1px solid #fff
}

.tech-active figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
}

.tech-active figure figcaption::before,
.tech-active figure figcaption::after {
	pointer-events: none;
}

.tech-active figure figcaption,
.tech-active figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

.tech-active figure h2 {
	font-size:1em;
}



/*---------------*/
/***** Zoe *****/
/*---------------*/

.tech-active figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 2.75em; 
	background: rgba(255,255,255,1);
	color: #3c4a50; 
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}





.tech-active figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 0em;
	color: #fff;
	text-transform: none;
	font-size: 14px;
	opacity: 0; 
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; 
	transition: all 1s linear; 
}





.tech-active figure.effect-zoe h3 {
	 background:rgba(0,0,0,0.5);position: absolute; top:-30px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; margin:0px; left:0; padding: 0px 5px; width: 100%;transition: all 1s linear;
}
.tech-active figure.effect-zoe h3 small{color: #f1f1f1}

.tech-active figure.effect-zoe:hover img {
	opacity: 0.5;
}
.tech-active figure.effect-zoe:hover p.description {
	opacity: 1;
}

.tech-active figure.effect-zoe:hover h3{opacity: 0}

.tech-golden h2,.tech-top h2{font-size: 20px; border-left: 4px solid #ff782f; padding-left: 10px;    margin-bottom: 20px }
.tech-golden .col-md-3{margin-bottom: 24px;}
.tech-golden figure {
	position: relative;	
	overflow: hidden;
	width:100%;	background: #000;	
	cursor: pointer;
}

.tech-golden figure img {
	
	width: 100%;
	
}

/*a.btn-sub{background:#ff782f; border-radius:0px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center; display: block; margin-bottom: 10px; transition: all 1s linear}*/
a.btn-sub{background:#ff782f; border-radius:0px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center; display: block; margin-bottom: 10px; }
a.btn-sub:hover{background: none;border:1px solid #ff782f; color: #ff782f}
.tech-golden figure figcaption::before,
.tech-golden figure figcaption::after {
	pointer-events: none;
}


/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

.tech-golden figure h2 {
	font-size:1em;
}



/*---------------*/
/***** Zoe *****/
/*---------------*/

.tech-golden figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 0px 8px;	
	background: rgba(0,0,0,0.6);
	color: #3c4a50; 
	position: absolute; width: 100%;  height: 31px; overflow: hidden; color: #fff
}



.tech-golden figure.effect-zoe h3 {
	 font-size: 16px; height: 32px; line-height: 32px; margin:0px 0px 10px 0px; border-bottom: 1px solid #ccc; 
}
.tech-golden figure.effect-zoe p{margin-bottom: 5px;}
.tech-golden figure.effect-zoe p.teach-des{color: #C1BEBE}
.tech-golden figure.effect-zoe p.teach-des span{color: #fff}
.tech-golden figure.effect-zoe p a{color: #f5f5f5}
.tech-golden figure.effect-zoe h3 small{color: #f5f5f5}

.tech-golden .teach-detail{display: block; height: 40px; line-height: 40px; text-align: center; color: #222; font-size: 16px; background: #D4CCCC; transition: all 1s linear;}
.tech-golden .teach-detail:hover{background:#FF782F;color: #fff;}
.tech-golden.teach-tj .col-md-3 {
    margin-bottom: 13px;
}
.teach-tj h3{font-size: 16px;margin-top:5px; margin-bottom: 5px; }
.teach-tj h3 small{}
.tech-golden h3 a{}
.tech-list h3{font-size: 18px;margin-top: 0px; margin-bottom: 10px;}
.tech-list h2,.tech-new h2{font-size: 20px; border-left: 4px solid #ff782f; padding-left: 10px; }
.tech-list img{width: 100%; max-height:184px;}
.tech-list h3{font-size: 18px;margin-top: 0px; margin-bottom: 10px;}
.tech-list p{margin-bottom: 5px}
.bg-f1{background-color: #f1f1f1}
.bg-ff{background-color: #fff}
.tech-list span.clicks{font-size: 12px;}
@media (max-width: 768px) {
  .teach-tj .img-thumbnail {     width: 100%;  }
}
.p-t-b-10{padding-bottom:15px;padding-top:17px;}
.p-t-25{padding-top: 25px;}
.p-b-25{padding-bottom: 25px;}
.danger-set a.btn-danger{background-color:#fff; color:#c9302c}
.danger-set a.btn-danger:hover{color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;}
.tech-new img{width: 100%; max-height:192px;}
.tech-new h3{font-size: 18px;margin-top: 10px; margin-bottom: 10px; text-align:center}
.tech-new div{padding-top:15px;}

.tech-new div p{text-align:center}
.tech-new{padding-bottom:13px}

.tech-top img{width: 100%; max-height:184px;}
.tech-top h3{font-size: 18px;margin-top: 10px; margin-bottom: 4px;}
.tech-top div{padding-top:15px;}
.tech-top{padding-bottom:12px}

.sub-list .row.no-row{margin-left:0px}
@media (max-width: 768px) {
  .sub-list .row.no-row{margin-right:0px}
}
.sub-list h3{font-size: 18px;margin-top: 3px; margin-bottom: 3px;}
.sub-list .list-group{color:#666}
.sub-list .list-group li a{color:#666}
.sub-list .list-group li a:hover{color:#000}
.sub-list .panel.no-panel{margin-bottom: 0px;}

/*.foot{background:url(../images/bg.jpg) repeat-x left top;color:#EAEAEA; border-top:5px solid #ff8300;}
.foot a{color:#f1f1f1}
.foot a:hover{color:#666}
.copy{
	font-size:12px;
	height:40px; line-height:40px;
	background:#191919;
	border-top:1px solid #575757
}
.copy a{}
@media (max-width: 768px) {
  .copy{
	
	 line-height:18px;
	
}
}
.foot_top{width:1170px; margin:0px auto; padding:30px 0px 20px 0px;}
.db_title{height:45px; border-bottom:1px dotted #575757; margin-bottom:20px; color:#f1f1f1}
.db_title h3{ display:inline-block; padding-bottom:15px; font-size: 18px; font-weight: normal;}
.db_title h3 span{font-size: 16px} 
.db_w{width:310px; border-left:1px solid #595a69; margin-top:30px; padding:20px 0px 50px 0px} 
.phone-box .phone-title{display:block;height:26px;background:url(../images/footer_line02.png) no-repeat;padding:0 0 0 40px;font-size:20px;color:#fff;line-height:14px;margin:0px 0 7px 49px}
.phone-box .phone-num{display:block;float:left;width:260px;color:#ff4800;font-size:20px;font-weight:400;margin:0 0 7px 80px}
.phone-box .phone-time{display:block;width:260px;font-size:14px;color:#c0c7da;margin:0 0 0 75px}

.db_w2{width:380px;} 

.db_w2 .db_title{margin-bottom:30px}
.db_w3{width:420px;} 
.mar_lr{ margin-left:25px}
.inp{border:1px solid #C0C0C0; background:none; width:260px; height:32px; line-height:32px; float:left; padding-left:10px; font-size:12px; color:#888; font-family:"宋体"}
.db_w ul li{line-height:26px; color:#C0C0C0}
.sear a{ padding:0px 5px; line-height:40px;}
.mrt10{margin-top:10px}
.w_1180{width:1170px; margin:0px auto}
.w_1180 .fr a{ padding:0px 8px; }
.db_cont{background:url(../images/weixin.png) no-repeat right 10px; background-size:90px; }
.db_cont ul{  padding:0px}
.db_cont ul li{line-height:24px;}
.xs-sear{width: 90%; margin:10px auto;}
.xs-sear a{ display:inline-block; width: 18%; text-align: center; padding:5px 0px; }*/

.fl{float:left}
.fr{float:right}

/******重置模态框上下居中********/
   .modal_wrapper{
      display: table;
        height: 100%;
          margin: 0px auto;
    }
 .modal-dialog{
     display: table-cell;
           vertical-align: middle;
    }
/******讲师分类********/

.sub-tech h3{font-size: 16px; margin-top: 3px; margin-bottom: 10px;}
.sub-tech em{font-style: normal; font-size: 14px; padding: 0px 5px;}
.sub-tech p{}
.fg-22{font-size: 22px;}
.list-tech{ margin: 15px 0px; border-bottom: 2px solid #eee;}
.sub-tech img{max-width: 100%; }
.v-list-tech figure{border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 10px;}
.v-list-tech figcaption{ overflow: hidden;margin-top: -30px; position: relative; }
.v-list-tech figcaption h3{color: #f1f1f1;  text-align: center; background: rgba(0,0,0,0.6);height: 30px;  line-height: 30px; margin-top: 0px; font-size: 13px; margin-bottom: 5px; }

.v-list-tech figcaption p span.pull-right{color:#999; font-size:12px}
/******课程********/
.course-cla{line-height: 30px; padding-top:15px ;padding-bottom:20px ;}
.course-cla .col-md-1{text-align: right;}
.course-cla ul{padding: 0px ;margin:0px;}
.course-cla ul li{float: left; display: inline-block; width: 10%; height: 30px; }
figure img{max-width: 100%; }
.course-cla ul.course-time li{width: 4.5%; }
.course-cla ul.course-time li.w-6{width: 8%; }
.course-list ul{padding:10px 10px;}
.course-list ul li{line-height:30px;  height:36px;clear: both; overflow: hidden;}
.course-list .gkk ul li{ line-height: 42px;  clear: both; }
@media (max-width: 768px) {
 .course-cla ul li{display: inline-block; width: 20%;  }
 .course-cla .col-md-1{text-align: left; padding-left: 30px; font-size: 14px}
 .course-cla ul.course-time li{width: 10%; }
.course-cla ul.course-time li.w-6{width: 20%; }
}
.course-list h3.bt-h3{margin-bottom: 0px; margin-top: 20px;  border-bottom: 1px solid #ccc; padding-bottom: 10px}
.course-list h3.bt-h3 span{border-bottom: 3px solid #ff782f; padding-bottom: 7px}

.course-list ul li span{display: block; float: left;}
.course-list ul li span.diqu{width: 25%;}
.course-list ul li span.mingcheng{width: 50%;}
.course-list ul li span.feiyong{width: 11%; font-size: 12px; color: #999}
.course-list ul li span.dt{width: 14%; text-align: right;}
.course-index .jp-course ul li span.pull-right{ font-size:12px}
.course-index .jp-course ul li span.pull-right a{color:#C9302B}
.course-index .jp-course ul li span a:hover{color:#000}
.course-list ul li a{color: #444}
.course-list ul li a:hover{color:#055C92; }
.course-list a.a-zixun{color:#055C92;  border:1px solid #055C92; border-radius: 12px; padding:0px 20px; font-size: 12px; display:inline-block; height: 24px; line-height: 22px;  }

.course-list a.a-zixun:hover{ background:#055C92; color:#fff; }

@media (max-width: 768px) {
 .course-list ul li span.mingcheng{width: 70%;}
.course-list ul li span.feiyong{width: 28%; text-align: right;}
  .course-index ul.list-group li span.pull-left{ display: block; width: 80%; overflow: hidden; }
.course-index ul.list-group li span.pull-right{display: block; width: 20%; text-align: right;}
.sub-course{overflow: hidden;}
}

.course-list .panel-heading h3{margin-top: 0px; margin-bottom: 0px; height: 16px }
.course-list .panel-heading h3 span.pull-right{font-size:12px;}
.course-arti p{ line-height:30px}
.row.m-l-0{margin-left: -5px;}
.row.m-r-0{margin-right:-5px;}
.cut {
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap; 
}

.course-ads{padding-top:15px;padding-bottom:15px; margin-bottom: 15px;}
.course-ads img{max-width: 100%; border:1px solid #ccc; padding:2px;}

.img-ad{padding-bottom: 20px;}
.img-ad img{width: 100%}
/* 课程分类 */
.course-fl{padding: 15px 5px;}
.course-fl dl{ margin-bottom: 10px}
.course-fl dl dd {clear: both;}
.course-fl dl dt {height: 30px; line-height: 30px;}
.course-fl dl dt span{display: block; float: left;text-align: right; }
.course-fl dl dt span.cr-title{width:45%;text-align: left;}
.course-fl dl dt span.cr-teach{width:30%;text-align: center; }
.course-fl dl dt span.cr-time{width:10%;}
.course-fl dl dt span.cr-area{width:5%;}
.course-fl dl dt span.cr-feiyong{width:10%;padding-right: 5px}

.course-fl dl dd{height: 40px; line-height: 40px}
.course-fl dl dd span{padding: 0px 5px;}


/**网络课堂**/
.sub-video{margin-top: 25px}
.mt-t25{margin-top: 25px;}
.video-list figure{background: #fff}
.video-list figure img{width: 100%; max-height: 170px;}
@media (max-width: 768px) {
  .video-list figure img{ max-height: 220px;}

  .video-list iframe{height: 280px;}

  .v-arti .nav>li>a {    padding: 10px 5px;}
}
.video-list h3.bt-h3{margin-bottom: 20px; margin-top: 0px; border-left: 3px solid #ff782f; padding-left: 10px}
.video-list h3.bt-h3 small{font-size: 13px;}
.video-list h3.bt-h3 small a{color: #666; line-height: 36px; padding-right: 5px;}
.video-list h3.bt-h3 small a:hover{color: #222}
.video-list h3.reset-h3{margin-bottom: 10px; margin-top: 0px;}
.video-list figure a{color: #888}
.video-list figure a.show-play span{width: 40px; height: 40px;display: block;position: absolute;left: 50%;margin-left: -20px;top: 56px;  display: none; background: url(../images/ioc4.png) no-repeat left top;}
.video-list figure a.show-play:hover img{opacity: 0.8}
.video-list figure a.show-play:hover span{ display: block; }
.video-list figure figcaption{padding: 5px 8px 10px 8px}
.video-list h3.reset-h3 a{color: #333}
.video-list figure a:hover{color: #E65D13}
.video-list .col-md-4{  margin-bottom: 20px; }

.video-list figure span.glyphicon{color: #666}
.video-list figure span.pull-right{color: #666}




.photos-list figure{background: #fff}
.photos-list figure img{width: 100%; max-height: 170px;}
@media (max-width: 768px) {
  .photos-list figure img{ max-height: 220px;}

  .photos-list iframe{height: 280px;}

  .v-arti .nav>li>a {    padding: 10px 5px;}
}
.photos-list h3.bt-h3{margin-bottom: 20px; margin-top: 0px; border-left: 3px solid #ff782f; padding-left: 10px}
.photos-list h3.bt-h3 small{font-size: 13px;}
.photos-list h3.bt-h3 small a{color: #666; line-height: 36px; padding-right: 5px;}
.photos-list h3.bt-h3 small a:hover{color: #222}
.photos-list h3.reset-h3{margin-bottom: 10px; margin-top: 0px;}
.photos-list figure a{color: #888}
.photos-list figure a.show-play span{width: 40px; height: 40px;display: block;position: absolute;left: 50%;margin-left: -20px;top: 56px;  display: none; background: url(../images/ioc3.png) no-repeat left top;}
.photos-list figure a.show-play:hover img{opacity: 0.8}
.photos-list figure a.show-play:hover span{ display: block; }
.photos-list figure figcaption{padding: 5px 8px 10px 8px}
.photos-list h3.reset-h3 a{color: #333}
.photos-list figure a:hover{color: #E65D13}
.photos-list .col-md-4{  margin-bottom: 20px; }

.photos-list figure span.glyphicon{color: #666}
.photos-list figure span.pull-right{color: #666}








.video-cla a{display: inline-block; width: 33.33%; line-height: 30px;}
.wk-a a{color: #666}
.wk-a a:hover{color: #222}

.phb span{color:#999 }

.phb li a:hover{color: #337ab7;}


.v-pxxc figure{border-bottom: 1px dashed #ccc; margin-bottom: 15px; }
.v-pxxc figcaption p{  line-height: 26px; padding-top: 5px;  }
.v-pxxc figcaption a{color: #666}
.v-pxxc figcaption a:hover{color: #222}


.v-arti{margin-top: 20px; margin-bottom: 15px;}
.v-arti .nav-tabs { border-bottom: 1px solid #ccc;}
.v-arti .nav-tabs li a{color:#444; font-size: 16px}
.v-arti .nav-tabs li.pull-right{padding-top: 8px}
.v-arti .nav-tabs li.pull-right a,.v-arti .nav-tabs li.pull-right span{color:#444; font-size: 12px; height: 25px;}

.v-arti .nav-tabs>li.active>a, .v-arti .nav-tabs>li.active>a:focus, .v-arti .nav-tabs>li.active>a:hover{color: #222;cursor: default; background: none;  border:none;border-bottom: 2px solid #ff782f; }

.waring p{background: #fff; padding: 15px; line-height: 24px; color: #888}


/******内训*******/
.neixun-cont .panel-body img{width: 100%}
.neixun-cont h3.reset-h3{font-size: 16px; margin-bottom: 0px; margin-top: 0px; height: 50px; line-height: 20px}
.neixun-cont .panel>.list-group .list-group-item, .neixun-cont .panel>.panel-collapse>.list-group .list-group-item {
    border-width: 0 0;
    border-radius: 0;
}
.no-mt-l{margin-left: -15px}
.no-mt-l p{font-size: 12px; color: #666; line-height: 18px}
.neixun-cont ul li span{color: #999}
.neixun-cont ul li a{color: #666}
.neixun-cont ul li a:hover{color: #222}

.neixun-cont .jp-course .list-group-item {padding-top: 9px; padding-bottom: 9px}
.jp-course {
    border-color: #ddd;
}
.jp-course>.panel-heading {
    color: #fff;
    background-color: #055C92;
    border-color: #ddd;
}
.jp-course .panel-heading a {
    color: #ddd;font-size:12px
}
.jp-course .panel-heading a:hover {
    color: #fff; 
}

.neixun-fl{margin-top: 25px}
.neixun-fl img{width: 100%}



.neixun-fl h3.reset-h3{margin-bottom: 20px; margin-top: 0px; font-size: 16px;}
.neixun-fl h3.reset-h3 a{color: #111}
h3.reset-h3-s{margin-bottom: 0px; margin-top: 0px; font-size: 16px;}
h3.reset-h3-s span a{color: #666; border:1px solid #666; border-radius: 15px; padding:0px 20px; font-size: 14px; display: inline-block; height: 30px; line-height: 28px; margin-left: 5px}

h3.reset-h3-s span a.a-zixun{ border:1px solid #055C92; color:#055C92 }
h3.reset-h3-s span a.a-zixun:hover{ background:#055C92; color:#fff; }
h3.reset-h3-s span a.a-down{ border:1px solid #ff782f; color:#ff782f }
h3.reset-h3-s span a.a-down:hover{ background:#ff782f; color:#fff; }
.neixun-fl p{color: #666; line-height: 21px;}

.neixun-list hr{ border-bottom: 1px solid #eee; }

.cla-fl h3.bt-h3{margin-bottom: 25px; margin-top: 20px;  border-bottom: 1px solid #ccc; padding-bottom: 10px}
.cla-fl h3.bt-h3 span{border-bottom: 3px solid #ff782f; padding-bottom: 7px}
h3.bt-h3 small.pull-right a{font-size:12px}
/* 管理文库 */

.wk-cont .panel-body img{width: 100%; max-height:120px }
.wk-cont h3.reset-h3{font-size: 14px; margin-bottom: 0px; margin-top: 0px; height: 40px; line-height: 20px}

.wk-cont ul li span{color: #999}
.wk-cont ul li a{color: #555}
.wk-cont ul li a:hover{color: #222}

.wk-cont ul li small{color: #999}
.wk-cont .panel>.list-group .list-group-item, .wk-cont .panel>.panel-collapse>.list-group .list-group-item {
    border-width: 0 0;
    border-radius: 0;
}
.wk-cont .list-group {padding-bottom: 10px}
.wk-cont .list-group-item {
  
    padding: 5px 15px;
 
}

.wk-cont .panel-heading a{color: #eee}
.wk-cont .panel-heading a:hover{color: #fff}

.wk-cont .panel-body span{display: block;}

.wk-cont .panel-body span a{ color: #666;border:1px solid #055C92;border-radius: 15px; padding:0px 15px; font-size: 14px; display: inline-block; height: 20px;  color:#055C92; font-size: 12px;  margin-right: 5px}
.wk-cont .panel-body span a:hover{ background:#055C92; color:#fff; }

.wk-list img{max-height: 120px}

.wk-arti h3.bt-h3{text-align: center; border-bottom: 1px solid #eee; font-size: 20px; padding-bottom: 10px; color:#000}

.wk-arti .arti-mes{text-align: center; line-height: 26px; color: #666}

.wk-arti .wk-arti-cont{padding: 20px 30px; line-height: 32px; font-size: 16px}

.forms{margin-top: 40px;}

.forms h3.bt-h3,h3.bt-h3-kz{margin-bottom: 25px; margin-top: 20px;  border-bottom: 1px solid #ccc; text-align: left;padding-bottom: 10px}
.forms h3.bt-h3 span,h3.bt-h3-kz span{border-bottom: 3px solid #ff782f; padding-bottom: 7px}


.forms #comment{margin-bottom: 10px;resize: none;}
/*<!--h3.bt-h3-kz{  border-left: 3px solid #ff782f; padding-left: 10px;text-align: left; border-bottom: none;font-size: 20px; margin-top: 50px}
-->*/


/**管理工具**/
.ul-p3{padding-top: 3px}
.ul-p10{padding-top: 10px}
.gj-cla{}
.gj-cla a{display: inline-block; width: 33.33%; line-height: 30px; text-align: center;  font-size: 13px; border:1px solid #f1f1f1; color: #888}
.gj-cla a:hover{color: #222}

span.fg-red,em.fg-red,small.fg-red{color:#C9302B; font-style: normal;}
h3.bt-h3-hr{text-align: center; border-bottom: 1px solid #eee; font-size: 20px; padding-bottom: 10px;}

img{max-width: 100%}
.gl-arti{ line-height: 32px; font-size: 14px}
.rj-list p{line-height:22px}
.p-t-20{padding-bottom:20px;padding-top:20px;}
.phb em.fg-default{ padding-right:8px;}

.phb em.fg-red{color:#C9302B; padding-right:8px; font-style:italic;  }
/******软件*******/
.rj-index img{width: 100%; min-height: 120px; max-height: 202px;}
@media (max-width: 768px) {
  .rj-index img{  max-height: 320px;}
  .btns .btn { padding-left: 4px; padding-right: 4px; font-size: 12px}
  .btns span.fg-red{display: block;}
  .gl-cont{overflow: hidden;}
}
.rj-index figure{}
.rj-index figcaption{ overflow: hidden;margin-top: -30px; position: relative; }
.rj-index figcaption h3{color: #f1f1f1;  text-align: center; background: rgba(0,0,0,0.6);height: 30px;  line-height: 30px; margin-top: 0px; font-size: 13px; margin-bottom: 5px; overflow: hidden;}
.rj-index figcaption p{ font-size: 12px; color: #000; line-height: 20px }

.sub-rj .no-mt-l p{font-size: 12px; color: #000; line-height: 24px }

.rj-list .col-md-9 p{line-height: 25px}

.rj-list h3.reset-h3-dg{margin-bottom: 0px; margin-top: 0px; font-size: 16px;}
.rj-list h3.reset-h3-dg span a{color: #666;  border-radius: 15px; padding:0px 20px; font-size: 14px; display: inline-block; height: 30px; line-height: 30px; }
.rj-list h3.reset-h3-dg span a.a-zixun{ background:#ff782f; color:#fff; }
.rj-list h3.reset-h3-dg span a.a-zixun:hover{ border:1px solid #ff782f; color:#055C92;background:none; }
.rj-arti img{max-height: 240px; min-width: 220px}
.rj-arti p{line-height: 32px}
.yx-panel{background: #f1f1f1;}
.ul-cla {  padding-left: 0px}
.ul-cla li{text-align: left; padding-left: 10px; line-height: 40px; border-top: 1px solid #eee}
.ul-cla li a{color: #222}
.ul-cla li a:hover{color:#055C92 }
/******音像*******/

/****图说教育****/
.tsjy img{max-height: 156px; width: 100%}
@media (max-width: 768px) {
  .tsjy img{ max-height: 220px;}

  
}
.tsjy figcaption h3{margin-top: 10px; margin-bottom: 25px; font-size: 13px}
.tsjy img:hover{opacity: 0.6}
.tsjy figcaption h3 a{color: #666}
.tsjy figcaption h3 a:hover{color: #000}

/**会讯**/
.br-bottom{border-bottom: 1px dotted #e1e1e1;}
.pd-bottom-5{ padding-bottom: 5px}
.md-bottom-5{margin-bottom: 5px}
.hx-list ul{padding:10px 10px;}
.hx-list ul li{ line-height: 42px;  clear: both; }
.hx-list ul li span{display: block; float: left;}
.hx-list ul li span.diqu{width: 10%;}
.hx-list ul li span.mingcheng{width: 65%;}
.hx-list ul li span.feiyong{width: 11%; font-size: 12px; color: #999}
.hx-list ul li span.dt{width: 14%; text-align: right;}


.hx-list ul li a{color: #444}
.hx-list ul li a:hover{color:#055C92; }
.hx-list a.a-zixun{color:#055C92;  border:1px solid #055C92; border-radius: 12px; padding:0px 20px; font-size: 12px; display:inline-block; height: 24px; line-height: 24px;  }

.hx-list a.a-zixun:hover{ background:#055C92; color:#fff; }
.hx-list .panel-heading a{color: #ddd; }
.hx-list .panel-heading a:hover{color: #fff;}
.hx-list .panel-heading span.pull-right{font-size:12px;}
.course-cla ul.hx-li li{ width: 6.5%; }
@media (max-width: 768px) {
.course-cla ul.hx-li li{ width: 16%;  }
 
}
.cla-fl .hx-list h3.bt-h3{margin-bottom: 10px; }

.pd-15{padding:0px 15px;}
.pd-7{padding:0px 7px;}

.panel-green>.panel-heading {
    color: #fff;
    background-color: #3ebb2b;
    border-color: #d6e9c6;
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #ff782f;
    border-color: #d6e9c6;
}

.panel-safe>.panel-heading {
    color: #fff;
    background-color: #009688;
    border-color: #d6e9c6;
}
/* 登录注册 */
.login{ height: 430px;  background: url(../images/login.png) no-repeat left top; background-size: cover; }
.login-bg{ padding-top:30px;padding-bottom:30px;background:rgba(0,0,0,0.5)}
.login ul li a{color: #fff;}
.login a.fg-red{color: #C9302B;}
.login .tab-pane{padding:10px 0px; height:auto !important; min-height:294px; height:294px; line-height: 40px; font-size: 15px; color: #fff}

@media (max-width: 768px) {
 .login .tab-pane{ height:auto !important; min-height:160px; height:160px;}
.login .tab-pane a{width: 20%;}
}
.login .nav-tabs {
    border-bottom: 2px solid #C9302B;
}
.login .nav-tabs>li.active>a, .tech-cla .nav-tabs>li.active>a:focus, .tech-cla .nav-tabs>li.active>a:hover {
	border:1px solid #C9302B;
    color: #fff;
    cursor: default;
    background-color: #C9302B;
    
    
}
.login .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    
    border-radius:2px 2px 0 0;
}
.login .nav-tabs > li > a:hover {
  border-color: transparent;
  background-color: #C9302B;
   color:#fff;
}

.login-pan .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.login-ques {font-size: 18px; padding-top: 25px}
.login-ques a{color: #666}
.login-ques a:hover{color: #222}
.others a{padding: 0px 5px}
.others{padding: 10px 0px 20px 0px}
.others .popover {
    width: 200px; top: 120px; left: 100px}


h3.br-bottom{margin-bottom: 20px; margin-top: 20px;  border-bottom: 1px solid #ccc; padding-bottom: 10px; font-size: 18px;}
h3.br-bottom span{border-bottom: 3px solid #ff782f; padding-bottom: 7px; padding-right: 10px;}
.reg label{line-height:30px}
.reg .login-pan{background:rgba(255,255,255,0.8); padding:0px 15px;}
.reg  .popover {     top: 130px; }
.mb-20{margin-bottom: 20px}
.inp-1{width: 80%; font-size: 14px; padding-left: 5px;}

.neixun-fl .ioc-small img{
    width: 22px;
}

/* 绿色主题 */
.skin-green .header-top { background: #249413; }
.skin-green #frm-search input.sear-submit { background: #ff782f;}
.skin-green #frm-search input.fbxq {    background: #055C92;}
.skin-green .jp-course>.panel-heading {    }
.skin-green .ioc-green{color: #249413}
.skin-green h3.small-h3{margin-top: 0px; margin-bottom: 0px; font-size: 14px;  color: #000}

.skin-green .lists .panel-body img{width: 100%; max-height:120px }
@media (max-width: 768px) {
 .skin-green .lists .panel-body img{width: 100%; max-height:150px }
}
.skin-green .lists .fg-red{font-size: 16px; font-family: Georgia}
.skin-green .lists h3.reset-h3{font-size: 14px; margin-bottom: 0px; margin-top: 0px; height: 30px; line-height: 30px}

.skin-green .lists ul li span{color: #999}
.skin-green .lists ul li a{color: #555}
.skin-green .lists  ul li a:hover{color: #249413}

.skin-green .lists ul li small{color: #999}
.skin-green .lists .panel>.list-group .list-group-item, .skin-green .lists .panel>.panel-collapse>.list-group .list-group-item {    border-width: 0 0;    border-radius: 0;}
.skin-green .lists .list-group {padding-bottom: 10px}
.skin-green .lists  .list-group-item {    padding: 5px 15px;}

.skin-green .lists .panel-heading a{color: #666}
.skin-green .lists .panel-heading a:hover{color: #000}

.skin-green .lists .panel-body span{display: block;}

.skin-green .lists .panel-body span a{ color: #666;border:1px solid #055C92;border-radius: 15px; padding:0px 15px; font-size: 14px; display: inline-block; height: 20px;  color:#055C92; font-size: 12px;  margin-right: 5px}
.skin-green .lists .panel-body span a:hover{ background:#055C92; color:#fff; }
.skin-green .lists .cla-fl h3.bt-h3 span {    border-bottom: 3px solid #249413;}
.skin-green .ul-cla li a{color: #222}
.skin-green .ul-cla li a:hover{color:#249413 }
.skin-green a:hover{color:#249413 }
.skin-green .sub-list .list-group li a:hover{color:#249413}
.skin-green .v-pxxc figcaption a:hover{color: #249413}


.skin-green .rj-list h3.reset-h3-dg span a.btn-green-buy {     border-radius: 15px;    padding: 0px 20px;    font-size: 14px;    display: inline-block;    height: 30px;    line-height: 30px; background: #249413;    color: #fff;}
.skin-green .rj-list h3.reset-h3-dg span a.btn-green-buy:hover{ border:1px solid #249413; color:#222;background:none; }
.skin-green h3.bt-h3-hr{color: #249413}

/* 棕黄色主题 */
.skin-warning .header-top { background: #ff782f; }
.skin-warning #frm-search input.fbxq {    background: #055C92;}

.skin-warning .ioc-warning{color: #ff782f}
.skin-warning h3.small-h3{margin-top: 0px; margin-bottom: 0px; font-size: 14px;  color: #000}

.skin-warning .lists .panel-body img{width: 100%; max-height:120px }
.skin-warning .lists .fg-red{font-size: 16px; font-family: Georgia}
.skin-warning .lists h3.reset-h3{font-size: 16px; margin-bottom: 0px; margin-top: 0px; height: 30px; line-height: 30px}

.skin-warning .lists ul li span{color: #999}
.skin-warning .lists ul li a{color: #555}
.skin-warning .lists  ul li a:hover{color: #E65D13}

.skin-warning .lists ul li small{color: #999}
.skin-warning .lists .panel>.list-group .list-group-item, .skin-green .lists .panel>.panel-collapse>.list-group .list-group-item {    border-width: 0 0;    border-radius: 0;}
.skin-warning .lists .list-group {padding-bottom: 10px}
..skin-warning .lists  .list-group-item {    padding: 5px 15px;}

.skin-warning .lists .panel-heading a{color: #666}
.skin-warning .lists .panel-heading a:hover{color: #000}

.skin-warning .lists .panel-body span{display: block;}

.skin-warning .lists .panel-body span a{ color: #666;border:1px solid #E65D13;border-radius: 15px; padding:0px 15px; font-size: 14px; display: inline-block; height: 20px;  color:#E65D13; font-size: 12px;  margin-right: 5px}
.skin-warning .lists .panel-body span a:hover{ background:#E65D13; color:#fff; }
.skin-warning .lists .cla-fl h3.bt-h3 span {    border-bottom: 3px solid #E65D13;}
.skin-warning .ul-cla li a{color: #222}
.skin-warning .ul-cla li a:hover{color:#E65D13 }
.skin-warning a:hover{color:#E65D13 }
.skin-warning .sub-list .list-group li a:hover{color:#E65D13}
.skin-warning .v-pxxc figcaption a:hover{color: #E65D13}

h3.warning-h3-s{margin-bottom: 0px; margin-top: 0px; font-size: 16px;}
/*h3.warning-h3-s span a{color: #666; border:1px solid #666; border-radius: 15px; padding:0px 20px; font-size: 14px; display: inline-block; height: 30px; line-height: 30px; margin-left: 5px}*/
.skin-warning  h3.warning-h3-s span a.btn-warning-detail {     border-radius: 15px;    padding: 0px 20px;    font-size: 14px;    display: inline-block;    height: 30px;    line-height: 30px; background: #E65D13;    color: #fff;}
.skin-warning  h3.warning-h3-s span a.btn-warning-detail:hover{ border:1px solid #E65D13; color:#222;background:none; }
.skin-warning h3.bt-h3-hr{color: #E65D13}
.skin-warning a.btn-sub{ height: 50px; line-height:50px;}
/* 安全色主题 */
.skin-safe .header-top { background: #009688; }
.skin-safe #frm-search input.sear-submit { background: #ff782f;}
.skin-safe #frm-search input.fbxq {    background: #055C92;}
.skin-safe .jp-course>.panel-heading {    }
.skin-safe .ioc-safe{color: #1AA094}
.skin-safe h3.small-h3{margin-top: 0px; margin-bottom: 0px; font-size: 14px;  color: #000}

.skin-safe .lists .panel-body img{width: 100%; max-height:120px }

@media (max-width: 768px) {
  .skin-safe .sub-wk .no-mt-l{margin-left: 0px}
  .skin-safe .sub-wk .no-mt-l h3.reset-h3{line-height: 30px; margin-bottom: 0px}
  .skin-safe .lists .panel-body img{ max-height:200px }
}
.skin-safe .lists .fg-red{font-size: 16px; font-family: Georgia}
.skin-safe .lists h3.reset-h3{font-size: 14px; margin-bottom: 0px; margin-top: 0px; height: 40px; line-height: 18px}

.skin-safe .lists ul li span{color: #999}
.skin-safe .lists ul li a{color: #555}
.skin-safe .lists  ul li a:hover{color: #1AA094}

.skin-safe .lists ul li small{color: #999}
.skin-safe .lists .panel>.list-group .list-group-item, .skin-green .lists .panel>.panel-collapse>.list-group .list-group-item {    border-width: 0 0;    border-radius: 0;}
.skin-safe .lists .list-group {padding-bottom: 10px}
.skin-safe .lists  .list-group-item {    padding: 5px 15px;}

.skin-safe .lists .panel-heading a{color: #666}
.skin-green .lists .panel-heading a:hover{color: #000}

.skin-safe .lists .panel-body span{display: block;}

.skin-safe .lists .panel-body span a{ color: #666;border:1px solid #009688;border-radius: 15px; padding:0px 15px; font-size: 14px; display: inline-block; height: 20px;  color:#1AA094; font-size: 12px;  margin-right: 5px}
.skin-safe .lists .panel-body span a:hover{ background:#009688; color:#fff; }
.skin-safe .lists .cla-fl h3.bt-h3 span {    border-bottom: 3px solid #1AA094;}
.skin-safe .ul-cla li a{color: #222}
.skin-safe .ul-cla li a:hover{color:#1AA094 }
.skin-safe a:hover{color:#1AA094 }
.skin-safe .sub-list .list-group li a:hover{color:#1AA094}
.skin-safe .v-pxxc figcaption a:hover{color: #1AA094}

h3.safe-h3-s{margin-bottom: 0px; margin-top: 0px; font-size: 16px;}
.skin-safe  h3.safe-h3-s span a.btn-safe-detail {     border-radius: 15px;    padding: 0px 20px;    font-size: 14px;    display: inline-block;    height: 30px;    line-height: 30px; background: #1AA094;    color: #fff;}
.skin-safe  h3.safe-h3-s span a.btn-safe-detail:hover{ border:1px solid #1AA094; color:#222;background:none; }

.skin-safe h3.bt-h3-hr{color: #1AA094}
.skin-safe .gj-cla a{ border:1px solid #f1f1f1; color: #222}
.skin-safe .gj-cla a:hover{color: #fff; background: #1AA094;}

.skin-safe .neixun-fl{margin-top: 0px}
.skin-safe .cla-fl h3.bt-h3 span {  border-bottom: 3px solid #1AA094;}

/* 搜索页面 */
.search-menu{height: 40px; line-height: 40px; background: #009688; color: #fff}
.search-menu ul{ display: block; height: 40px; padding-left: 5px}
.search-menu ul li{float: left; font-size: 16px; margin:0px 5px;}
.search-menu ul li a{color: #fff;display: block; padding:0px 15px; }
.search-menu ul li.active a{  background: #0D675E; }

.search-menu ul li a:hover{background: #0D675E; color: #fff}
.logo-a{display: block;}
.frm-div{ width: 75%; padding-top: 5px}
#search-submit{ }
#search-submit input.sear-inp{border:1px solid #009688; width:68%; height:45px; line-height:45px; border-top-left-radius:3px;border-bottom-left-radius:3px; padding:0px 5px;}
#search-submit input.sear-submit{background: #3ebb2b;border-top-right-radius:3px;border-bottom-right-radius:3px; text-align:center; width:100px; border:none;height:45px; line-height:45px;vertical-align: -1px; color:#fff}
@media (max-width: 480px) {
  #search-submit input.sear-inp{ width:66.5%;}
}
#search-submit input.fbxq{background: #ff782f;border-radius:3px; text-align:center; width:100px; border:none;height:45px; line-height:45px;vertical-align: -1px; color:#fff}


.search-top{padding-top: 20px;padding-bottom: 20px}
.search-dh{padding-top: 30px}
.search-dh a{font-size: 14px; color: #333; padding:0px 5px;}


.br-left{border-left: 1px solid #eee}
.search-list hr{ border-bottom: 1px solid #eee; }
.lists .search-list .fg-red{font-family: "微软雅黑"; font-size: 14px}
.lists .search-list .fg-red a{color:#C9302B;}
.skin-safe .lists .search-list h3.reset-h3 { height: 24px;   line-height: 18px;}
.lists .search-list p{font-family: "宋体"; font-size: 12px; line-height: 20px}
.search-tz{padding-top: 10px;}
.search-tz li{line-height: 24px;}

h3.h3-search{font-size: 14px; color: #888; height: 30px}
h3.h3-search .fg-red{font-size: 16px;}

/**讲师详情**/
/* 搜索页面 */
.js-arti{height: 40px; line-height: 40px; background: #009688; color: #fff}
.js-arti ul{ display: block; height: 40px; padding-left: 0px }
.js-arti ul li{float: left; font-size: 16px; margin-right:15px;}
.js-arti ul li a{color: #fff;display: block; padding:0px 20px; }
.js-arti ul li.active a{  background: #0D675E; }

.js-arti ul li a:hover{background: #0D675E; color: #fff}

.js-cont h3.bt-h3{margin-bottom: 0px; margin-top: 20px;  border-bottom: 1px solid #ccc; padding-bottom: 10px; font-size: 16px;}
.js-cont h3.bt-h3 span{border-bottom: 3px solid #ff782f; padding-bottom: 7px}
.js-detail{line-height: 26px}
.js-detail ul{padding-left: 0px}
.js-detail ul li{clear: both; line-height: 30px;color: #666}
.js-detail ul li a{color: #666}
.js-detail ul li a:hover{color: #0D675E}
.js-detail ul li span.fg-red a{color:#C9302B;}
.js-detail ul li span.fg-red a:hover{color:#000;}
.js-video figure img{width: 100%}
.js-video figcaption{ line-height: 28px; text-align: center;  }
.js-video figcaption a{color: #666}
.js-video figcaption a:hover{color: #0D675E}
.p-b-20{padding-bottom: 20px}
.js-intro{line-height: 28px; color: #F16114}
.js-right ul li a{padding:0px 5px;color:#C9302B; font-size: 12px}
.js-right ul li a:hover{color:#000;}
.br-eee{border:1px solid #ddd;}
.br-eee h3{margin-top: 2px; font-size: 14px; margin-bottom: 10px; }
.js-lists h3.reset-h3{font-size: 16px; margin-bottom: 0px; margin-top: 20px; height: 40px; line-height: 40px}

.js-cont .video-list figure figcaption {background: #f1f1f1;}


.js-right .panel-body h3{margin-top:0px; margin-bottom: 0px; line-height: 22px; font-size: 14px;}