/*!
 * style.css
 * Copyright 2016=11=18
 * 
 */
@charset "utf-8";

 body{font-family: 微软雅黑; margin:0px; padding: 0px; font-size: 14px}
ul,li{list-style: none;}
ul,li,table,td,th,tr,dl,dt,dd,p,h3{margin: 0px; padding: 0px; font-weight: normal;}
ul{ padding-left: 0px}
img{border: none}
.fl{float:left}
.fr{float:right}
input{font-family: 微软雅黑;}
.cl{clear: both;}
.text-c{text-align: center;}
.w-1170{width: 1170px; margin:0px auto;}
.header-top{height: 30px; line-height: 30px; border-bottom: 1px solid #eee}
.header-menu .navbar-default {
    background-color: #576077;
    border: none; margin-bottom: 0px; min-height: 20px
}
.bg-f5{background: #f5f5f5}
a{color: #666;text-decoration: none}
a:hover{text-decoration: none; color: #C9302B}
.mart-15 {margin-top:15px;}
.mart-20 {margin-top:20px;}
.mart-10 {margin-top:10px;}
.mart-30 {margin-top:30px;}
.fg-32{ font-size: 32px }
.fg-26{font-size: 26px;  }
.fg-22{font-size: 22px;  }
.fg-20{font-size: 20px;  }
.fg-14{font-size: 14px;  }
.fg-12{font-size: 12px;  }
.logo img{max-width: 100%}
.header-menu{background-color: #576077; height: 40px; line-height: 40px}
.menu{width: 100%;}
.menu ul{padding:0px;}
.menu ul li{float: left;  font-size: 16px;width: 10%;display: block; }
.menu ul li a{color: #333;  display: block;color: #fff; text-align: center; }
.menu ul li.active a{ background:#C9302B; }
.menu ul li a:hover{ background:#444B5D}

.search{padding-top:20px;}
.sear-div{text-align: right; width: 740px;}
#frm-search{padding-top:5px;}
#frm-search input.sear-inp{border:1px solid #ddd; width:570px; height:43px; line-height:43px; border-top-left-radius:3px;border-bottom-left-radius:3px; padding:0px 5px;}
#frm-search 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; vertical-align: -2px; font-size: 16px; cursor: pointer;}

#frm-search .fbxq{background: #ff782f;border-radius:3px; text-align:center; width:100px; display:inline-block; border:none;height:45px; line-height:45px;vertical-align: -1px; color:#fff;font-size: 16px}
.ioc-text{width: 166px;}

.ioc-text p{display: block; clear: both;}
.tel-stl{display: block; width: 25px; line-height: 25px; height: 25px;  text-align: center; color: #666; font-weight: normal;}
.tel-text{font-size:16px; width: 131px; line-height: 26px; height: 26px; color: #ff782f; margin-left: 10px; font-family: " Arial"; font-weight: bold; letter-spacing: 1px}

.tel-stl:hover{color: #C9302B;}
.tel-text:hover{color: #C9302B;}




.title{height: 40px; line-height: 40px; margin-bottom: 15px}

.br-teach{border-bottom: 3px solid #055C92}
.br-red{border-bottom: 3px solid #C9302B}
.br-safe{border-bottom: 3px solid #009688}
.title .br-warning{border-bottom: 3px solid #ff782f;height: 40px; line-height: 40px;}
.title .br-green{border-bottom: 3px solid #3ebb2b;height: 40px; line-height: 40px;}
.title .fr span{float: right;  background: #3ebb2b; border:1px solid #3ebb2b; height: 30px; line-height: 30px; padding:0px 10px; border-radius: 3px; color: #fff; margin-top: 3px }
.title .fr a:hover span{background: none;color: #3ebb2b;}
.title .fr span.btn-blue{ background: #055C92; border:1px solid #055C92; }
.title .fr a:hover span.btn-blue{background: none;color: #055C92;}

.title .fl i{/*vertical-align: -2px*/}
.fg-red{color: #C9302B}
.text-r{text-align: right;}
.w-730{width:730px;}
.w-950{width:950px;}
.w-750{width:750px;}
.w-368{width:368px;}
 .w-200{width: 200px}
.w-912{width:912px;}
  .w-238{width: 238px}
 .w-686{width: 686px}
/**banner**/
.banner{height: 380px;}
.slideBox{ width:100%; height:380px; overflow:hidden; position:relative;   }
		.slideBox .hd{ height:30px; width: 136px; overflow:hidden; position:absolute; left:50%; margin-left: -63px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1;    }
		.slideBox .hd ul li{ float:left; margin-right:8px;  width:12px; height:12px; border-radius: 6px; text-align:center; cursor:pointer; background: #fff;  }
		.slideBox .hd ul li.on{ background:#f00;  width:20px; height:12px; border-radius: 6px; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:380px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

 /**本站公告**/
 .tzgg{ height: 40px; line-height:40px; overflow: hidden;  }
 .tzgg-title{width: 120px; text-align: center; background: #576077; color: #fff}
.txtMarquee-left{ position:relative;    width: 1048px; border:1px solid #888; height: 38px; line-height: 38px  }
.txtMarquee-left .hd{ overflow:hidden;  background:#f1f1f1; padding:0 10px; width: 40px; height: 38px; line-height: 38px }
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:20px;  float:left; text-align: center;  overflow:hidden; cursor:pointer; font-weight: bold;}
.txtMarquee-left .hd:hover{color: #C9302B}
.txtMarquee-left .bd{ padding:10px; }
.txtMarquee-left .bd .tempWrap{ width:940px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

 /*.txtMarquee-left .bd ul li{ margin-right:20px;background:url(../img/dot.gif) no-repeat left center; padding-left:10px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
 .txtMarquee-left .bd ul li{ margin-right:20px; padding-left:10px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999; font-size: 12px }

 /**讲师**/

.img-single{width:206px; padding-right: 20px; overflow: hidden; }

.img-single ul li img{width: 100%; height: 104px}
.img-single ul li a:hover img{opacity: 0.8}
.teach-list ul li {
	float: left;
	width:184px; margin:0px 20px 16px 0px; overflow:hidden; padding:10px 12px 5px 10px;border: 1px solid #E4E4E4;box-shadow: 0px 0px 15px #EAEAEA inset; background:#fff;
}
.teach-list ul li:hover{border:1px solid #2488cc}
.teach-list ul li:hover a{color:#ff4800}
.teach-list ul li h3{padding:0px; text-align:center; margin:5px 0px;}
.teach-list ul li h3 a{font-size:14px; color:#000; }
.teach-list ul li h3 span a{color: #888}
.teach-list ul li h3 a:hover{color:#ff4800}
.teach-list ul li p{color:#888; font-size:12px; height:40px; line-height:20px; overflow:hidden}
.teach-list ul li a.btn-more {background:#4cae4c;color:#fff;padding:1px 6px;	margin:-30px 0px 0px 170px; position:absolute;}

.teach-list ul li a.btn-more:hover {background:#398439;}
.teach-list ul li div{width:184px; height:184px;border-radius:5px; overflow:hidden; }
.teach-list ul li img {
	width:184px;
	left:10px;
	
	height:184px;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.teach-list ul li:hover img {
   -webkit-transform: scale(1.2) rotate(1deg);
   -moz-transform: scale(1.2) rotate(1deg);
   -o-transform: scale(1.2) rotate(1deg);
   -ms-transform: scale(1.2) rotate(1deg);
   transform: scale(1.2) rotate(1deg);
}

.txt-list { background: #F9F8F8; padding-top: 5px; padding-bottom: 3px }

.txt-list a{display: inline-block; width: 39px; font-family: "宋体"; font-size: 12px; background: url(../images/ico-1.gif) no-repeat left center; padding-left:7px; line-height: 21px; height: 21px; overflow: hidden; margin:0px 4px 0px 9px}



/*
		.slideTxtBox3{ width:1170px; margin:0px auto; overflow:hidden;  height:600px;}
		.slideTxtBox3 .hd{ position:relative; height:80px; }
		
		.slideTxtBox3 .hd ul li{ float:left; width:21%; cursor:pointer; margin:0 2%; height:30px; line-height:30px; border-radius:15px; background:#f1f1f1; text-align:center;  }
		.slideTxtBox3 .hd ul li.on{  background:#ed7101; color:#fff; }
		.slideTxtBox3 .hd ul li.on a{color:#fff;}
		.slideTxtBox3 .bd{ clear:both;overflow:hidden;}
		.slideTxtBox3 .bd ul{  zoom:1; }*/
.slideTxtBox3{ width:1170px; margin:0px auto; overflow:hidden;  height:550px;}
		.slideTxtBox3 .hd{ position:relative; height:30px; line-height: 30px; padding-top: 8px; color: #666  }
		
		.slideTxtBox3 .hd ul li{ float:left; width: 80px; display: block; text-align: center; cursor:pointer; margin-left:10px; border:1px solid #ddd;   }
		.slideTxtBox3 .hd ul li.on,.slideTxtBox3 .hd ul li:hover{  background:#055C92; color:#fff;border:1px solid #055C92 }
	
		.slideTxtBox3 .bd{overflow:hidden;}
		.slideTxtBox3 .bd ul{  zoom:1; }




.slideTxtBox{ width:1168px; border:1px solid #ddd; height: 172px  }
		.slideTxtBox .hd{ height:172px; width: 128px;}
		.slideTxtBox .hd ul{  }
		.slideTxtBox .hd ul li{ height: 42px; line-height: 42px;background:#f1f1f1; cursor:pointer; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd  }
		.slideTxtBox .hd ul li.on{  background:#C9302B;  color: #fff;border-bottom: 1px solid #C9302B; border-right: 1px solid #C9302B }
		.slideTxtBox .hd ul li.no-br,.slideTxtBox .hd ul li.no-br.on{border-bottom: none}
		.slideTxtBox .bd{width: 1040px;}
		.slideTxtBox .bd ul{ padding:5px;  zoom:1;  }
		.slideTxtBox .bd ul li{line-height:24px;   }


		
.slideTxtBox .bd ul.ul-big{padding:15px;}

.slideTxtBox .bd ul.ul-big li a{ display: inline-block; width: 9%; padding-left: 1%; line-height: 30px;  word-break:keep-all;white-space:nowrap; display:inline-block;background: url(../images/ico-1.gif) no-repeat left center; font-size: 14px;}
.slideTxtBox .bd ul.ul-small li a{ margin:0px 6px; line-height: 26px;  padding:0px 0px 0px 8px;word-break:keep-all;white-space:nowrap; display:inline-block;background: url(../images/ico-1.gif) no-repeat left center;font-size: 12px;}
/**专栏人物**/
.picMarquee-left{ overflow:hidden; position:relative;    }
		.picMarquee-left .hd{  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:4px; height:9px; float:right; margin-left:8px; margin-top:20px;  overflow:hidden;
			 cursor:pointer;}
		.picMarquee-left .hd .prev{  background:url("../images/left.png") no-repeat;  }
		.picMarquee-left .hd .next{  background:url("../images/dot3.gif") no-repeat;  }
		.picMarquee-left .hd .prevStop{ background:url("../images/dot4.gif") no-repeat; }
		.picMarquee-left .hd .nextStop{ background:url("../images/dot4.gif") no-repeat; }

		.picMarquee-left .bd{ padding:10px 0px; background: #f1f1f1 ;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1;  }
		.picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;   }
		.picMarquee-left .bd ul li dl dt{float: left; width: 160px;}
		.picMarquee-left .bd ul li dl dt img{ width:150px; height:150px; }
		.picMarquee-left .bd ul li dl dd{float: right; width: 130px; text-align: left; line-height: 21px; padding-left: 5px}
		.picMarquee-left .bd ul li dl dd h3{font-size: 14px; margin-bottom: 5px}
		.picMarquee-left .bd ul li dl dd h3 a{color: #000}
		.picMarquee-left .bd ul li dl dd h3 a.fr {color: #888}
		.picMarquee-left .bd ul li dl dd h3 a:hover{color:#C9302B}
		.picMarquee-left .bd ul li dl dd span{ display: block; font-size: 12px; color: #999  }
		.picMarquee-left .bd ul li dl dd span.span-ly a{color: #444 ;padding:0px 10px 0px 0px;}

		.picMarquee-left .bd ul li dl dd span.span-ly a:hover{color:#C9302B}

		.picMarquee-left .bd ul li dl dd span.span-wz a{display: block;background: url(../images/ico-1.gif) no-repeat left center; padding-left:7px;}
/**课程**/
.course-list ul{margin-top: -5px}
.course-list ul li{line-height:40px;height:40px;  clear: both;background: url(../images/ico-1.gif) no-repeat left center; padding-left:7px;}
.course-list ul li span{display: block; float: left;}

.course-list ul li span.mingcheng{width: 62%;}
.course-list ul li span.feiyong{width: 20%; font-size: 12px; color: #999}
.course-list ul li span.dt{width: 18%; text-align: right;}
.course-list ul li a{color: #444}
.course-list ul li a:hover{color:#C9302B; }
.course-list a.a-zixun{ border:1px solid #C9302B; border-radius: 12px; padding:0px 20px; font-size: 12px; display:inline-block; height: 24px; line-height: 22px;  }

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

.cla-list{background: #F9F8F8;}

.cla-list ul li{ width: 116px; float: left; display: block;height: 30px; line-height: 30px;  border-left: 3px solid #fff; border-bottom: 1px solid #fff}
.cla-list ul li .fr{}
.cla-list ul li a{display: block; padding:0px 5px;}
.cla-list ul li a:hover{background: #C9302B; color: #fff}

.cla-list2{background: #F9F8F8;}

.cla-list2 ul li{  line-height: 30px; height: 30px; border-left: 3px solid #fff; border-bottom: 1px solid #fff; clear: both}
.cla-list2 ul li .fr{}
.cla-list2 ul li a{display: block; padding:0px 5px;}
.cla-list2 ul li a:hover{background: #C9302B; color: #fff}


.course-list2 {}
.course-list2 ul li{ float: left; width: 323px; display: block;height: 30px; line-height: 30px;background: url(../images/ico-1.gif) no-repeat left center; padding-left:10px; }
.m-r20{margin-right: 20px}
.dq-list{background: #F9F8F8;}
.dq-list ul{padding-left: 1px}
.dq-list ul li{ width: 76px; float: left; display: block; line-height: 32px;  border-left: 3px solid #fff; border-bottom: 1px solid #fff}
.dq-list ul li .fr{}
.dq-list ul li a{display: block; padding:0px 5px;}
.dq-list ul li a:hover{background: #C9302B; color: #fff}


.course .title .fr span{float: right;  background: #C9302B; border:1px solid #C9302B; height: 30px; line-height: 30px; padding:0px 10px; border-radius: 3px; color: #fff; margin-top: 3px }
.course .title .fr a:hover span{background: none;color: #C9302B;}

/**内训/文库**/

.dl-list dl{float: left; width: 440px; margin-right: 32px;height: 160px;overflow: hidden;}
.dl-list dl dt{float: left; width: 175px; height: 120px;}
.dl-list dl dt img{width: 100%}
.dl-list dl dd{float: right;width:255px; }
.dl-list dl dd h3{height: 50px; margin:0px 0px 0px 0px; line-height: 24px; font-size: 14px}
.dl-list dl dd p{font-size: 12px; line-height: 21px; color: #666}
.dl-list dl dd p a{color: #000}
.dl-list dl dd p a:hover{ color: #C9302B}

.neixun-list ul {padding-top: 15px}
.neixun-list ul li{float: left; width: 430px; margin-right: 32px; line-height: 30px; background: url(../images/ico-1.gif) no-repeat left center; padding-left:10px;}

.wenku-cont .neixun-list ul li{ line-height: 29px;}
.wenku-cont .neixun-list ul li .fr{font-size: 12px; color: #999}

.mr-8-0{margin-top: -8px}
/**管理工具**/
.w-376{width: 376px}
.w-418{width: 418px}
.glgj-list{float: left; width: 376px}
.glgj .br-safe{height: 40px;    line-height: 40px;}
.m-l-r15{margin:0px 21px;}
.glgj-list ul li{clear: both; height: 30px; line-height: 30px;background: url(../images/ico-1.gif) no-repeat left center; padding-left:10px;}
.glfl-list{background: #f1f1f1; padding:10px 0px;}
.glfl-list a{ margin:0px 6px; line-height: 26px; word-break:keep-all;white-space:nowrap; display:inline-block;background: url(../images/ico-1.gif) no-repeat left center; padding-left:8px;font-size: 12px;}

.glgj-list ul li .fr{font-size: 12px; color: #444}

.phb-list{float: left; width: 376px}
.phb-list ul li{clear: both; height: 30px; line-height: 30px;}

.phb-list a{ padding:0px 5px; line-height: 24px; word-break:keep-all;white-space:nowrap; display:inline-block;}
.phb-list ul li .fr{font-size: 12px; color: #999}
.phb-list ul li .fg-red{font-weight: bold;}
.phb-list ul li .fg-default{font-weight: bold; color: #ff782f}

/**网络课堂**/
.video-list dl{float: left; width: 216px; margin:0px 16px 19px 0px;}
.video-list dl dt img{ width: 100%; height: 152px }
.video-list dl dt a:hover{ opacity: 0.9 }
.video-list dl dd h3{font-size: 12px; margin-top: 0px; font-weight: normal; margin-bottom: 0px; height: 24px; line-height: 22px; overflow: hidden; margin-top: -28px; font-family: "宋体"; background: rgba(0,0,0,0.6); position: absolute; width: 211px; padding-left: 5px }

.video-list dl dd h3 a{color: #fff}
.video-list dl dd p{font-size: 12px}

.img-list dl{float: left; width: 216px; margin:0px 22px 19px 0px;}
.img-list dl dt img{ width: 100%; height: 152px }
.img-list dl dt a:hover{ opacity: 0.9 }
.img-list dl dd h3{font-size: 12px; margin-top: 0px; font-weight: normal; margin-bottom: 0px;  line-height: 24px; height: 24px; overflow: hidden; }

/**图说教育**/
.img-list dl dd p{font-size: 12px}


/**图书管理**/
.ts-list dl{float: left; width: 294px; height: 156px;overflow: hidden; margin-bottom: 20px}
.ts-list dl dt{float: left; width: 124px; height: 156px;}
.ts-list dl dt img{width: 100%}
.ts-list dl dd{float: right;width:160px; }
.ts-list dl dd h3{height: 50px; margin:0px 0px 0px 0px; line-height: 24px; font-size: 14px}
.ts-list dl dd p{font-size: 12px; line-height: 21px; color: #666}
.ts-list dl dd p a{color: #000}
.ts-list dl dd p a:hover{ color: #C9302B}

.ts-list dl a.a-zixun{ background:#055C92; border-radius: 12px; padding:0px 20px; margin-top: 20px; font-size: 12px; display:inline-block; height: 24px; line-height: 22px;color:#fff;  }
.ts-list dl a.a-zixun:hover{ background:none;  border:1px solid #055C92;}
.m-l-r21{margin-left: 15px; margin-right: 15px;}
/**音像教材**/
.yx-list dl{float: left; width: 370px;height: 180px;overflow: hidden; margin-bottom: 20px}
.yx-list dl dt{float: left; width: 150px; height: 180px; overflow: hidden;}
.yx-list dl dt img{width: 100%}
.yx-list dl dd{float: right;width:210px; }
.yx-list dl dd h3{height: 50px; margin:0px 0px 0px 0px; line-height: 24px; font-size: 14px}
.yx-list dl dd p{font-size: 12px; line-height: 21px; color: #666}
.yx-list dl dd p a{color: #000}
.yx-list dl dd p a:hover{ color: #C9302B}

.yx-list dl a.a-zixun{ background:#055C92; border-radius: 12px; padding:0px 20px; margin-top: 20px; font-size: 12px; display:inline-block; height: 24px; line-height: 22px;color:#fff;  }
.yx-list dl a.a-zixun:hover{ background:none;  border:1px solid #055C92;}
.m-l-r30{margin-left: 30px; margin-right: 30px;}


.gdfl{width:380px;} 

.gdfl .db_title{margin-bottom:15px}

.gdfl-list a{  display: inline-block; width: 33%; line-height: 40px; text-align: center;}