html,body {
  height: 100%;;
}
.wrap {
  min-height: 100%;
  background: #f9f9f9;
  padding-bottom: 130px;
}

/* 头部 */
.header {
	height: 86px;
	padding-top: 41px;
}
.header .nav {
	height: 45px;
}
.header .nav .selected {
	color: #2D7EE2 !important;
	background: url(../images/dot.png) 40px 34px no-repeat;
}
.header .nav .selecteds {
	color: #2D7EE2 !important;
	background: url(../images/dot.png) 26px 34px no-repeat;
}

.nav li a:hover {
	background-color: #fff;
}
.header img {
	width: 247px;
	height: 27px;
}

/* main */

/* banner轮播大图 */
.main .banner {
	height: 351px;
}
.main .banner img {
	width: 100%;
	height: 100%;
}
.main .banner .notice {
	top: 0;
	right: 45px;
	width: 270px;
	height: 100%;
	background: rgba(240,248,253,0.7);
}
/* 兼容IE8背景透明 */
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .main .banner .notice, .carousel-indicators li{
    background-color: rgb(240,248,253);
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .main .banner .notice .title, .main .banner .notice .item-list{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.banner .notice .title {
	height: 32px;
background: url(../images/notice.png) no-repeat;
}
.banner .notice .title span {
	color: #3399ff;
}
.banner .notice img {
	width: 100%;
	height: 118px;
}
.banner .notice .item-list li {
	height: 18px;
	overflow: hidden\0;
  white-space: nowrap\0;
  text-overflow: ellipsis\0;
}

/* access 安全监管人员 三项岗位人员... */
.main .access, .access ul {
	height: 124px;
}
.main .access li {
	width: 288px;
	height: 100%;
}
.main .access li a {
	width: 100%;
	height: 100%;
	color: #fff;
	background: #000;
}
.main .access li a:hover {
	color: #fff;
}

/* 培训流程 */
.main .process {
	height: 210px;
}
.main .process .title {
	height: 29px;
	color: #3399ff;
	background: url(../images/process-icon.png) no-repeat;
}
.main .process img {
	width: 1169px;
	height: 114px;
}

/* 新闻资讯 */
.main .news {
	height: 390px;
	overflow: hidden;
}
.main .news .title {
	height: 28px;
	color: #3399ff;
	background: url(../images/news-icon.png) no-repeat;
}
.main .news .picnews {
	width: 766px;
} 
.news .picnews .pic-left {
	width: 358px;
	height: 304px;
}
.news .picnews .pic-left p {
	height: 40px;
	overflow: hidden;
}
.news .picnews .pic-left img {
	width: 358px;
	height: 200px;
}
.txtnews p {
	max-height: 100px;
	display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

/* 热门课程 */
.main .hot-course {
	height: 610px;
}
.main .hot-course .title {
	height: 35px;
	background: url(../images/course.png) no-repeat;
}
.main .hot-course .title span {
	color: #3399ff;
}
.main .hot-course .nav {
	margin-left: 570px;
}
.main .hot-course .nav span {
        display:none;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 100%;
	height: 3px;
	background: url(../images/triangle.png) 0 0 no-repeat;
}
.hot-course .nav li {
	padding: 10px 15px;
	margin-bottom: -1px;
}
.hot-course .nav .selected {
	color: #3399ff;
	background: url(../images/line.png) 0 39px repeat-x;
}
.hot-course .course-list {
	/* height: 474px; */
}
.hot-course .course-list ul {
	display: none;
}
.hot-course .course-list .show {
	display: block;
}
.hot-course .course-list ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	zoom: 1;
}
.hot-course .course-list li {
	width: 278px;
	height: 237px;
}
.hot-course .course-list li img {
	width: 100%;
	height: 173px;
}
.hot-course .course-list li p {
	height: 40px;
	overflow: hidden;
}

/* 学习提升 */
.main .learn-up {
	height: 370px;
}
.main .learn-up .title {
	height: 25px;
	background: url(../images/learn.png) no-repeat;
	color: #3399ff;
}
.main .learn-up .title span {
	padding-left: 35px;
}
.main .learn-up .learn-left {
	width: 560px;
}
.learn-up .learn-left .bigpic {
	height: 120px;
}
.learn-up .bigpic img {
	width: 100%;
	height: 100%;
}
.learn-up .bigpic .date {
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: #48d0ff;
}
.learn-up .bigpic .date strong {
	height: 36px;
}
.learn-up .bigpic .date span {
	height: 24px;
}
.learn-up .learn-left p {
	height: 38px;
	overflow: hidden;
}
.learn-up .learn-left a {
	width: 160px;
	height: 36px;
	background: #f19c3c;
}
.learn-up .learn-right {
	width: 570px;
}
.learn-up .learn-right .news-list {
	height: 86px;
}
.learn-right .news-list .date {
	width: 60px;
	height: 66px;
}
.learn-right .date strong {
	height: 44px;
}
.learn-right .date span {
	height: 22px;
}
.learn-right .news-list .news-detail {
	width: 490px;
	height: 66px;
	overflow: hidden;
}

/* 教材中心 */
.main .teaching-center {
	height: 460px;
}
.main .teaching-center .title {
	height: 35px;
	background: url(../images/course.png) no-repeat;
}
.teaching-center .title span {
	color: #3399ff;
}
.teaching-center .nav {
	margin-left: 150px;
	z-index: 9999;
}
.teaching-center .nav span {
display:none;
	top: 40px;
	left: 56px;
	width: 150px;
	height: 3px;
	background: url(../images/triangle.png) 0 0 no-repeat;
}
.teaching-center .nav li {
	padding: 10px 15px;
	margin-bottom: -1px;
}
.teaching-center .nav .selected {
	color: #3399ff;
	background: url(../images/line.png) 0 39px repeat-x;
}
.teaching-center .teaching-tab {
	width: 200px;
	height: 356px;
}
.teaching-center .teaching-tab li {
	height: 89px;
	background: #f6f6f6;
}
.teaching-center .teaching-tab .selected {
	background: url(../images/bg.png);
}
.teaching-center .teaching-tab .selected h3, .teaching-tab .selected p {
	color: #fff !important;
}
.teaching-center .tab-side {
	width: 8px;
	height: 356px;
}
.teaching-center .tab-side li {
	visibility: hidden;
	height: 89px;
	background: url(../images/bg.png) -200px 0 no-repeat;
}
.teaching-center .tab-side .vv {
	visibility: visible;
}
.teaching-center .material, .teaching-center .test-info, .teaching-center .paper, .teaching-center .policy {
	width: 872px;
	height: 356px;
}
.teaching-center .material .carousel {
	display: none;
}
.teaching-center .material .show {
	display: block;
}

.teaching-center .material .item li a {
	width: 100%;
	height: 100%;
}

.teaching-center .material .item li {
  width: 218px;
  height: 280px;
  padding: 10px;
}
.teaching-center .material .item li img {
  width: 100%;
  height: 210px;
  margin-bottom: 10px;
}
.teaching-center .material .item li p {
  height: 36px;
  overflow: hidden;
}
.teaching-center .material .carousel-indicators li {
	background: #ccc;
}
.teaching-center .material .carousel-indicators .active {
	background: url(../images/dot.png);
	background-size: cover;
}
.teaching-center .test-info li, .teaching-center .policy li {
	width: 406px;
	height: 119px;
}
.teaching-center .test-info li p, .teaching-center .policy li p {
	height: 38px;
	overflow: hidden;
}
.teaching-center .paper li {
	width: 406px;
	height: 89px;
}
.teaching-center .paper li h3 {
	height: 34px;
	overflow: hidden;
}
.teaching-center .paper li img {
	width: 55px;
	height: 65px;
}

/* 尾部 */

.footer {
  height: 226px;
  margin-top: -130px;
}

.foot-container {
	height: 104px;
}
.footer .nav {
	max-width: 1120px;
}
.footer .nav li a {
	color: #666;
}
.footer li a:hover {
	color: #666;
}
.footer .foot-left {
	width: 80px;
	height: 50px;
}
.footer .copyright p {
	color: #666;
}






/* policy二级页面 */
.policy-footer {
	height: 130px;
}
.neck {
	height: 104px;
	background: url(../images/bg3.png);
}
.policy-main li {
	width: 1130px;
	height: 120px;
	border-bottom: 1px dashed #666;
	margin: 0 auto;
}
.policy-main li .date {
	height: 100%;
}
.policy-main li .date strong {
	width: 60px;
	color: #3399ff;
}
.policy-main li .date span {
	height: 26px;
	background: url(../images/bg2.png);
	background-size: 60px 26px;
}
 .paging {
	height: 70px;
}
 .paging .page-wrap {
	left: 50%;
}
 .paging .page-inner {
	left: -50%;
}
 .paging .page span {
	width: 20px;
	border-radius: 50%;
}
 .paging .selected {
	background: url(../images/bg2.png);
	background-size: 100%;
	color: #fff !important;
}





/* hot-course二级页面 */
.course-main {
	
}
.courseshadow {
	box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.21);
}
.course-main .course-list ul {
	display: none;
}
.course-main .course-list .show {
	display: block;
}
.course-main .course-list ul:after {
	content: "";
	clear: both;
	zoom: 1;
	display: block;
	height: 0;
}
.course-main .nav li {
	padding: 5px 15px;
}
.course-main .nav .selected {
	color: #fff;
	background: url(../images/bg2.png);
	background-size: cover;
	/* 兼容IE8的背景图片尺寸100% */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///C:/Users/Administrator/Desktop/中国安全生产培训网/_files/images/bg2.png',sizingMethod='scale');
}
.course-main .course-list ul a {
	width: 220px;
	height: 220px;
}
.course-main .course-list li {
	height: 100%;
}
.course-main .course-list li img {
	width: 100%;
	height: 120px;
}
.course-main .course-list li strong {
	color: #1646b2;
}
.course-main .paging {
	height: 50px;
}



/* 帮助中心二级页面 */
.help-main .questions {
	height: 580px;
}
.help-main .questions .classification {
	width: 240px;
}
.help-main .questions .classification .selected {
	color: #3399ff;
	background: url(../images/help.png) repeat-y;
}
.help-main .questions .questions-panel {
	width: 960px;
}
.help-main .questions .panel-group {
	display: none;
	/* 兼容IE8不支持calc属性 */
	width: 87%;
	width: calc(100% - 110px);
}
.help-main .questions .show {
	display: block;
}
.help-main .questions .panel {
	-webkit-box-shadow: 0 0 0 rgb(0,0,0) !important;
	box-shadow: 0 0 0 rgb(0,0,0) !important;
}
.help-main .questions .panel-default {
	border-color: #fff !important;
}
.help-main .questions .panel .panel-heading {
	background: #fff url(../images/icon1.png) 5px center no-repeat;
	border-bottom: 1px dashed #e7e7e7;
}
.help-main .questions .panel .panel-heading a:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 12px;
	width: 18px;
	height: 18px;
	background: url(../images/icon2.png) no-repeat;
}
.help-main .questions .panel-body {
	border-top-width: 0 !important;
}



/* 课程详情 */
.course_detail_l{
	height: 250px;
	background-color: #333;
}

.course_detail_r .jg{line-height: 50px;padding-left: 20px;}
.course_detail_r .jxxx{
	display: block;
	margin-top: 28px;
	height: 38px;
	line-height: 40px;
	font-size: 16px;
	width: 181px;
	text-align: center;
	border-radius: 3px;
}

.lecturer-box{
	height: 34px;
	line-height: 34px;
}
.span-holl-1646b2{
	background-image: url(../images/圆角矩形1.png);
	color: #fff;
}
/*----------------*/
.tab_blue li{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	text-align: center;
	font-weight: 700;
	width: 98px
}
.tab_blue li:hover,.tab_blue li.active{
		
}
.tab_blue li:hover a,.tab_blue li.active a{
	color: #fff;
	background-color: #1646B2;
	padding: 5px 10px;
	border-radius: 3px;
}
.tab-content_blue img{
	max-width: 100%;
}
.tab-content_blue{
	padding: 30px 20px;
}

.progress-bar-height{
	height: 14px;
	background-color: #e0e0e0;
	width: 100%;
}
.progress-bar-green{
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#57df95,endColorStr=#23c58c); /*IE 6 7 8*/   
    background: -ms-linear-gradient(left, #57df95,  #23c58c);        /* IE 10 */  
    background:-moz-linear-gradient(left,#57df95,#23c58c);/*火狐*/   
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#57df95), to(#23c58c));/*谷歌*/   
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#57df95), to(#23c58c));      /* Safari 4-5, Chrome 1-9*/  
    background: -webkit-linear-gradient(left, #57df95, #23c58c);   /*Safari5.1 Chrome 10+*/  
    background: -o-linear-gradient(left, #57df95, #23c58c);  /*Opera 11.10+*/ 
}
.progress-bar-text{
	height: 18px;
	
}
/*-------讲师介绍--------*/
.teacherInd{
	height: 42px;
	line-height: 42px;
}

.icon-1-8{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-position: -350px -23px;
	position: relative;
	left: 20px;
}
.teacher-coler a:hover{
	color: #1646B2;
}
.course_detail_l img{
	max-height: 100%;
	max-width:100%;
	width: 100%;
	height: 340px;
}
.text-f5aad59{
	color: #5AAD59;
}
.course-card-item .item-box{
	width: 208px;
	height: 124px;
}
.course-card-item .item-box img{
	width: 100%;
	height: 100%;
}
.course-card-item .item-tt{
	width: 208px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 8px;
	height: 42px;
}
.course-card-list li{
	margin: 0 7px 15px;
}

.course-main .course-list ul a:nth-child(5n) {
  margin-right: 0;
}

/* 推荐用书二级页面 */

.book-main .booklist a {
  width: 220px;
  height: 220px;
  background: #fff;
}
.book-main .booklist a:nth-child(5n) {
  margin-right: 0;
}
.book-main .booklist a p {
  height: 40px;
  overflow: hidden;
}
.book-main .booklist a {
  width: 220px;
  height: 280px;
  background: #fff;
}

.book-main .booklist a img {
  width: 100%;
  height: 210px;
  margin-bottom: 10px;
}