.a_banner {
  width: 100%;
  background:#f7f7f7;
  position: relative;
  overflow:hidden;
  margin:0px 0 30px;
}
.a_banner_pic {
  width:100%;
  height: 545px;
  position: relative;
}
.a_banner_pic li{opacity:0;}
.a_banner_pic li:nth-child(1){opacity:1;}
.a_prev,
.a_next {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 74px;
  height: 300px;
  background: url(imggood_indexa_btn.png) no-repeat 20px 118px;
  opacity: 0;
  margin-top: -120px;
  z-index: 30;
}
.a_prev {
  margin-left: -600px;
}
.a_next {
  margin-left: 520px;
  background-position: -50px 118px;
}
.a_banner:hover .a_prev,
.a_banner:hover .a_next {
  opacity: 1;
}
.a_banner:hover .a_prev {
  margin-left: -580px;
}
.a_banner:hover .a_next {
  margin-left: 500px;
}
.a_banner ul {
  width:100%;
  height: 100%;
  overflow: hidden;
}
.a_banner li {
  width:100%;
  height: 100%;
  left:50%;
  margin-left:-960px;
  position: absolute;
}
.a_change_btn {
  height: 14px;
  text-align: center;
  position: absolute;
  bottom: 23px;
  left: 50%;
  width:220px;
  z-index: 10;
  margin-left: -110px;
  vertical-align: middle;
}
.a_change_btn a {
  display: inline-block;
  width: 14px;
  height: 14px;
  background:#f5f5f5;
  margin: 0 4px;
  vertical-align: middle;
  position: relative;
  border-radius:50%;
}
.a_change_btn .btn_active {
  background: #c80f19;
}

.hcx_more{float:right;font-size:14px; margin:15px 10px 0 0; display: block; color:#000;}
.hcx_more:hover{color:#c80f19;}
.zx{height:60px;line-height: 60px; background: #f5f5f5;margin-bottom:50px;}
.zx span{display: block;width:65px;float: left;padding-left:35px;position: relative; background: #ddd; font-size:22px; color:#000;}
.zx span:after{content:"";position:absolute;border-width:30px 25px;left:100px; top:0; border-style:solid; border-color:transparent transparent transparent #ddd;}
.zx span:before{content:"";position:absolute;width:10px; height:10px; border-radius: 50%;background: #fff;left:10px; top:10px;}
.zx .zx_auto{float: left;width:790px; margin-left:60px; height:30px;position: relative;line-height:30px; margin-top:15px; overflow:hidden;}
.zx .zx_run{position:absolute;top:0;}
.zx a{font-size:16px; color:#333;display: block;height:30px;}
.zx a:hover{text-decoration: underline;}
.zx .zx_right{float: right;width:30px; background: url(imggood_indexzx_ico.png) no-repeat center center; height:60px; margin-right:15px; display: inline;}
.zx .zx_right i{display: block; height:30px;cursor:pointer;}

.dtxw{margin-bottom:40px; padding-top: 30px;}
.dtxw_tab_title{border-bottom:2px solid #000;margin-bottom:30px; position: relative;/* padding-top: 46px; */}
.dtxw_tab_title1{margin-left:125px;}
.dtxw_tab_title1:after{content:"";width:114px; height:58px; background: url(imggood_indexnews_img.jpg) no-repeat; position: absolute; left: -120px; top:0;}
.dtxw_tab_title2{margin-left:192px;}
.dtxw_tab_title2:after{content:"";width:194px; height:58px; background: url(imggood_indexxinzi_img.png) no-repeat; position: absolute; left: -193px; top:0;}
.dtxw_tab_title span{display: inline-block;width:170px;font-size:25px; color:#000; text-align: center; padding-bottom:20px; cursor:pointer;}
.dtxw_tab_title .dtxw_tab_on{position: relative;}
.dtxw_tab_title .dtxw_tab_on:after{position: absolute;content:"";width:170px; height:5px; background: #c80f19; top:50px; left:0px;}
.dtxw_tab_nr li{margin-right:-30px; display: none;}
.dtxw_tab_nr li:nth-child(1){display:list-item;}
.dtxw_tab_nr img{margin-bottom:20px;}
.dtxw_tab_nr p{text-align: center; font-size:14px; color:#333; line-height: 24px;}
.dtxw_tab_nr a{display:block;width:286px;float: left; margin-right:19px;}
.spjc_tab_nr a{display:block;width:286px;float: left; margin-right:19px;}
.dtxw_tab_nr a:hover p{text-decoration: underline;}



/*----------------- 课程板块改版  陈蔚磊 7.31 ------------------*/
.gxkc{
  background-color: #f5f5f5;
  padding-bottom: 55px;
}
.gxkc .base>div>h3{
  font-size: 28px;
  color: #000;
  padding-top: 40px;
  padding-bottom: 26px;
}
.gxkc .base>div>div{
  background-color: #fff;
}
.gxkc .base>div>div>div{
  float: left;
}
/*-------- 左边 ----------*/
.kc-l{
  width: 366px;
  height: 392px;
  border-right: 1px solid #eeeeee;
}
.kc-l img{
  width: 100%;
}
.kc-l p{
  font-size: 14px;
  line-height: 24px;
  color: #333;
  width: 306px;
  margin: 0 auto;
  margin-top: 32px;
  margin-bottom: 36px;
}
.kc-l div{
  text-align: center;
  vertical-align: middle;
}
.kc-l div a{
  display: inline-block;
  width: 144px;
  height: 40px;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  vertical-align: middle;
}
.kc-l div a:nth-child(1){
  margin-right: 15px;
}

/*-- h5课程按钮hover --*/
.h5-kc-btn1{
  background-color: #f95d43;
  color: #fff;
}
.h5-kc-btn1:hover{
  background-color: #ea4529;
}
.h5-kc-btn2{
  border: 2px solid #f95d43;
  background-color: #fff;
  color: #f95d43;
  line-height: 36px!important;
}
.h5-kc-btn2:hover{
  background-color: #f95d43;
  color: #fff;
}

/*--javaee课程按钮hover --*/
.javaee-kc .h5-kc-btn1{
  background-color: #2372d6;
  color: #fff;
}
.javaee-kc .h5-kc-btn1:hover{
  background-color: #135fbf;
}
.javaee-kc .h5-kc-btn2{
  border: 2px solid #2372d6;
  background-color: #fff;
  color: #2372d6;
  line-height: 36px!important;
}
.javaee-kc .h5-kc-btn2:hover{
  background-color: #2372d6;
  color: #fff;
}

/*-- 大数据课程按钮hover --*/
.bigdata-kc .h5-kc-btn1{
  background-color: #0abfaa;
  color: #fff;
}
.bigdata-kc .h5-kc-btn1:hover{
  background-color: #06a290;
}
.bigdata-kc .h5-kc-btn2{
  border: 2px solid #0abfaa;
  background-color: #fff;
  color: #0abfaa;
  line-height: 36px!important;
}
.bigdata-kc .h5-kc-btn2:hover{
  background-color: #0abfaa;
  color: #fff;
}

/*-- 安卓课程按钮hover --*/
.android-kc .h5-kc-btn1{
  background-color: #2bb843;
  color: #fff;
}
.android-kc .h5-kc-btn1:hover{
  background-color: #1c9d32;
}
.android-kc .h5-kc-btn2{
  border: 2px solid #2bb843;
  background-color: #fff;
  color: #2bb843;
  line-height: 36px!important;
}
.android-kc .h5-kc-btn2:hover{
  background-color: #2bb843;
  color: #fff;
}

/*-- ios课程按钮hover --*/
.ios-kc .h5-kc-btn1{
  background-color: #3d6387;
  color: #fff;
}
.ios-kc .h5-kc-btn1:hover{
  background-color: #2f5981;
}
.ios-kc .h5-kc-btn2{
  border: 2px solid #3d6387;
  background-color: #fff;
  color: #3d6387;
  line-height: 36px!important;
}
.ios-kc .h5-kc-btn2:hover{
  background-color: #3d6387;
  color: #fff;
}



/*---------右边-----------*/
.kc-r{
  width: 833px;
}
.kc-r>div>div{
  float: left;
}
.kc-r .kc-r-01{
  width: 257px;
  height: 301px;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  text-align: center;
  padding-top: 48px;
}
.kc-r .kc-r-01 p{
  font-size: 15px;
  line-height: 15px;
  margin-top: 34px;
  margin-bottom: 21px;
}
.kc-r .kc-r-01 a{
  display: inline-block;
  width: 132px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 8px;
}
.kc-r .kc-r-02,
.kc-r .kc-r-03
{
  width: 287px;
  border-right: 1px solid #eee;
  text-align: center;
}
.kc-r .kc-r-02>div,
.kc-r .kc-r-03>div
{
  height: 150px;
  vertical-align: middle;
  line-height: 150px;
}
.kc-r .kc-r-02>div:hover img,
.kc-r .kc-r-03>div:hover img{
  right: -3px;
}
.kc-r .kc-r-02>div:hover a,
.kc-r .kc-r-03>div:hover a{
  left: -3px;
}

.kc-r .kc-r-02>div img,
.kc-r .kc-r-03>div img
{
  vertical-align: middle;
  margin-right: 25px;
  position: relative;
  right: 0;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease;
}
.kc-r .kc-r-02>div a,
.kc-r .kc-r-03>div a{
  color: #333;
  position: relative;
  left: 0;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  -ms-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease;
}

.kc-r .kc-r-02>div:nth-child(1),
.kc-r .kc-r-03>div:nth-child(1)
{
  border-bottom: 1px solid #eee;
}
.kc-r .kc-r-03{
  border-right: none;
}
.kc-r-04{
  margin-left: 29px;
}




.jxhj{background: #f5f5f5;padding-bottom:20px;}
.jxhj a:hover i{text-decoration: underline;}
.jxhj h6{  margin-bottom: 30px;font-size: 28px;color: #000;}
.jxhj ul{margin-right:-20px;}
.jxhj li{width:224px;float: left; margin-right:20px; display: inline;}
.jxhj i{display: block; text-align: center;color:#333; height:70px; line-height: 70px;}

.jqhd{background: #f5f5f5; padding:50px 0;}
.jqhd .base{width:1200px; overflow:hidden;}
.jqhd ul{margin-right:-75px;}
.jqhd h6{margin-bottom:30px;font-size:25px; color:#000;}
.jqhd li{width:355px; float: left; display: inline; margin-right:69px;}
.jqhd a{display:block;font-size:16px; color:#333; margin-bottom:15px;}
.jqhd a:hover{text-decoration: underline;}
.jqhd i{display:block;margin:15px 0; text-indent: -42px;}
.jqhd p{text-indent: -42px;}
.jqhd .img_word img{float: left;}
.jqhd .img_word .jqhd_word{float: right;width:170px; font-size:14px; color:#404040; line-height: 22px;}
/*new*/
.picScroll-left{ overflow:hidden; position:relative;  border:1px solid #ccc;  width:1200px;margin:0 auto; border:none;padding-bottom:30px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; position: absolute;bottom:15px;left:50%;margin-left:-17px;}
    .picScroll-left .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#cc878b; }
    .picScroll-left .hd ul li.on{ background:#c80f19; }