* {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

.tab {
  position: relative;
  width:1024px;
  margin: 50px auto;
}

.tab_list {
  height: 39px;
  /* border: 1px solid #ccc; */
  /* background-color: #f1f1f1; */
}

.tab_list .tab_nav li {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999;
}

.look_more {
  display: none;
  width: 115px;
  height: 60px;
  background-color: #fff;
  position: absolute;
  left: 660px;
  top: 38px;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  z-index: 2;
}

.look_more li {
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #e9e9e9;
}

.look_more li:hover {
  background-color: #284c86;
}
.tab_list li {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999;
}

.tab_list .current {
  width: 58px;
  height: 30px;
  border-radius: 5px;
  background-color: #284c86;
  color: #fff !important;
}

.item_info {
  padding: 20px 0 0 20px;
}

.item {
  display: none;
}
.btns{
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 30px;
  background-color: #499d3d;
  border-radius: 0px 5px 5px 0px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}



/* 全部课程样式 */
.content{
  height: 100%;
  /*height: 680px;*/
  /* background-color: pink; */
 
}
.content ul li {
  float: left;
  margin-left: 55px;
  margin-top: 27px;
  width: 300px;
  height: 310px;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  position: relative;
}
.content ul li:last-child{
  margin-left: 30px;
}
.icon{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 77px;
  height: 30px;
}
/* .icon img{
  filter:alpha(opacity=70);  
  opacity: 0.7; 
} */


.icon p{
  position: absolute;
  top: 4px;
  left: 7px;
  font-size: 12px;
  color: #fff;
}
.content ul li:nth-child(1){
  margin-left: 0px;
}
.content ul li:nth-child(3n+1){
  margin-left: 0px;
}

.picture{
  position: relative;
  height: 210px;
  background-color:aquamarine;
  border-radius: 5px;
}

.picture .p1{
  margin-top: 12px;
  margin-left: -17px;
  font-size: 12px;
  color: #333;
}
.picture .p2{
  width: 145px;
  margin-top: 10px;
  /*margin-left: -157px;*/
  font-size: 16px;
  color: red;
}
.picture .p3{
  width: 130px;
  margin-top: 10px;
  /*margin-left: -174px;*/
  font-size: 12px;
  color: #9d9d9d;
}
.signUp{
  position: absolute;
  z-index: 99;
  top: 263px;
  right: 10px;
  width: 77px;
  height: 30px;
  background-color: #284c86;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}





/* 系列课程一样式 */
.study img{
  margin-top: 16px;
}
.curriculum{
  height: 650px;
  /* background-color: aquamarine; */
  margin-top: 24px;
}

.curriculum ul li{
  float: left;
  margin-left: 55px;
  margin-top: 27px;
  width: 300px;
  height: 310px;
  border-radius: 5px;
  border: 1px solid #e9e9e9;
}
.curriculum ul li:nth-child(1){
  margin-left: 0px;
}
.curriculum ul li:nth-child(3n+1){
  margin-left: 0px;
}





.navs{
  position: absolute;
  top: -5px;
  left: 720px;
 font-size: 12px;
  line-height: 30px;
  margin:0 auto;
  z-index: 3;
  margin-top: 3px;
  color: #e9e9e9 !important;
}
/*横向一级菜单样式设置*/
/*ul{*/
  /*list-style:none;*/
/*}*/
/*ul li{*/
  /*float:left;*/
  /*!* line-height:40px; *!*/
  /*text-align:center;*/
  /*position:relative;*/
  /*color: #999999;*/
/*}*/
/*a{*/
   /*text-decoration:none;*/
  /*color:#999999 !important;*/
  /*display:block;!*将a行内元素转变成块级元素*!*/
  /*width:90px;*/
  /*!* height:40px; *!*/
/*}*/
/*a:hover{*/
  /*border-radius: 5px;*/
  /*!* height: 40px; *!*/
   /*background-color:#284c86;*/
   /*color:#FFFFFF !important;*/
/*}*/
/*二级下拉菜单样式设置*/
 .navs ul li ul li{
   float:none;
 background-color:#EEEEEE;
}
.navs ul li ul{
  display: block;
  width: 120px;
  height: 59px;
   position:absolute;
 /* top:40px; */
 left:0px;
 display:none;/*默认状态下或鼠标离开时隐藏*/
 width:90px;
 border-radius: 5px;
}

/*为了兼容IE7写的CSS样式，但是必须写在a:hover前面*/
/*ul li ul li a:link,ul li ul li a:visited{*/
   /*background-color:#EEEEEE;*/
/*}*/
/*ul li ul li a:hover{*/
   /*background-color:#284c86;*/
   /**/
/*}*/
/*鼠标滑过一级菜单的元素时显示下拉菜单*/
ul li:hover ul{
   display:block;
}
.navul{
  width: 120px;
  height: 60px;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
}
.navul li:nth-child(2){
  border-top: 1px solid #e9e9e9;
}
.explain{
  position: absolute;
  top: -30px;
  left: 0px;
  font-size: 13px;
  color: #ff0202;
  margin: 0 10px;
}

.navul li a {
  text-decoration: none;
  color: #999999 !important;
  display: block; /*将a行内元素转变成块级元素*/
  width: 90px;
  font-size: 12px;
  /* height:40px; */
}

.navul li a:hover {
  border-radius: 5px;
  /* height: 40px; */
  background-color: #284c86;
  color: #FFFFFF !important;
}

.navs a {
  text-decoration: none;
  color: #999999 !important;
  display: block; /*将a行内元素转变成块级元素*/
  width: 90px;
  /* height:40px; */
}

.navs a:hover {
  border-radius: 5px;
  /* height: 40px; */
  background-color: #284c86;
  color: #FFFFFF !important;
}

.item ul {
  list-style: none;
}

.item ul li {
  float: left;
  /* line-height:40px; */
  text-align: center;
  position: relative;
  color: #999999;
}

.navs ul {
  list-style: none;
}

.navs ul li {
  float: left;
  /* line-height:40px; */
  text-align: center;
  position: relative;
  color: #999999;
}


.navs ul li ul li a:link, .navs ul li ul li a:visited {
  background-color: #EEEEEE;
}

.navs ul li ul li a:hover {
  background-color: #284c86;

}