/*头部========================*/
.left{
	float:left;
	}
.right{
	float:right;
	}
.none{
	display:none;
	}
.header{
    position: relative;
	}			
/*.header .nav{
	float:left;
	margin-top:18px;
	margin-left:110px;
}
.header .nav li{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	font-size: 16px;
	padding:0 18px;
	padding-bottom: 15px;
	text-align: center;
	position: relative;
}*/
.header .nav li.act{
	color:#005bac!important;
	border-bottom:3px solid #66bb6a;
	padding-bottom:12px;
	padding-left:0;
	padding-right:0;
	margin:0 18px;
}
.header .nav li i{
	position: absolute;
	display: block;
	width:0px;
	height:3px;
	background-color: #66BB6A;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
}
.header .nav li.act i{
	display: none;
}
.header .nav li a.course-nav-a em{
	position: absolute;
	display: block;
	width:17px;
	height:10px;
	background: url(../image/jt-icon.png) no-repeat center center;
	left:0;
	right:0;
	margin:0 auto;
	bottom:-15px;
	display: none;
}

.course-xiala{
	background: rgba(255,255,255,1.0);
	border-top: 1px solid #ebebeb;
	position: absolute;
	z-index: 3;
	width:100%;
	/*top:55px;
	padding-bottom:30px;*/
	z-index: 10;
	display: none;
}
.course-xiala .div-left{
	width:200px;
	text-align: center;
}
.course-xiala .div-left li{
	height:56px;
	line-height: 56px;
	font-size: 16px;
	border-bottom:1px solid #EBEBEB;
}
.course-xiala .div-left li.act{
	color:#fff!important;
	background-color: #005bac;
}
.course-xiala .div-right{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:900px;
	padding-top:16px;
	overflow: hidden;
	min-height:270px;
    height:auto !important;
    height:270px;
}
.course-xiala .div-right dt{
	margin-bottom:26px;
}
.course-xiala .div-right dd{
	width:4000px;
}
.course-xiala .div-right dd .t-dd{
	float:left;
	font-size: 14px;
	color:#666;
	width:179px;
	margin-right:21px;
	opacity: 0;
	fliter:alpha(opacity=0);
	/*-webkit-transform: translate3d(50%, 0, 0);*/
	/*transform: translate3d(50%, 0, 0);*/
}

.course-xiala .div-right dd .t-dd.act.no-act{
	
}
.course-xiala .div-right dd .t-dd.no-act{
	
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.course-xiala .div-right dd .t-dd:hover .t-h2{
	color:#005bac;
}
.course-xiala .div-right dd .t-dd .t-h1{
	width:100%;
	/*height:109px;*/
	margin-bottom:12px;
}
.course-xiala .div-right dd .t-dd .t-h1 img{
	width:100%;
	/*height:100%;*/
}
.course-xiala .div-right dd .t-dd .t-h2{
	text-align: center;
    margin-bottom: 12px;
    line-height: 20px;
    height: 40px;
}
.course-xiala .div-right dt .btn-box{
	/*width:42px;*/
	width:90px;
	right:0;
	top:2px;
}
.course-xiala .div-right dt .btn-box p{
	/*width:16px;
	height:36px;*/
	width:40px;
	height:30px;
	background-color: #ddd;	
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.course-xiala .div-right dt .btn-box p:hover{
	background-color: #ccc;
}
.course-xiala .div-right dt .btn-box p.no-click:hover{
	background-color: #ddd;
}
.course-xiala .div-right dt .btn-box p.l-btn{
	background-image: url(404.png);
}
.course-xiala .div-right dt .btn-box p.r-btn{
	background-image: url(404.png);
}