a {
  text-decoration: none;
}
.guidance {
  width: 100%;
  height: 90%;
  background: url("../images/bg_01_1.png") no-repeat center top;
  background-size: 100% 150%;
  position: relative;
}
.introduce {
  width: 1000px;
  height: 150px;
  /*border: 1px solid salmon;*/
  margin: 0 auto;
  padding-bottom: 30px;
}
.introduce div {
  float: left;
}
.introduce_shou {
  width: 209px;
  height: 133px;
  margin-top: 4px;
  /*border: 1px solid darkblue;*/
  background: url("../images/zi_shou_1.png") no-repeat center;
}
.introduce_shou:hover {
  margin-top: -6px;
  cursor: pointer;
  background: url("../images/zi_shou_pass_1.png") no-repeat center;
}
.introduce_sh {
  width: 209px;
  height: 139px;
  margin-left: 51px;
  margin-top: 1px;
  /*border: 1px solid darkblue;*/
  background: url("../images/zi_sh_1.png") no-repeat center;
}
.introduce_sh:hover {
  margin-top: -12px;
  cursor: pointer;
  background: url("../images/zi_sh_pass_1.png") no-repeat center;
}
.introduce_shi {
  width: 209px;
  height: 139px;
  margin-left: 55px;
  /*border: 1px solid darkblue;*/
  background-color: floralwhite;
  background: url("../images/zi_shi_1.png") no-repeat center;
}
.introduce_shi:hover {
  cursor: pointer;
  margin-top: -12px;
  background: url("../images/zi_shi_pass_1.png") no-repeat center;
}
.introduce_jiu {
  width: 209px;
  height: 136px;
  margin-top: 2px;
  margin-left: 53px;
  /*border: 1px solid darkblue;*/
  background-color: floralwhite;
  background: url("../images/zi_jiu_1.png") no-repeat center;
}
.introduce_jiu:hover {
  margin-top: -10px;
  background: url("../images/zi_jiu_pass_1.png") no-repeat center;
}
.logo_menu {
  width: 100%;
  /*position: relative;*/
  /*background: url("../images/bg_02_1.png") no-repeat center top;*/
  /*background-size: 100% 100%;*/
}
.logo_mouse {
  width: 250px;
  height: 66px;
  position: absolute;
  left: 50%;
  margin-left: -101px;
  margin-top: 20px;
}
.logo {
  width: 133px;
  height: 58px;
  float: left;
  background: url("../images/logo_1.png");
}
.click_mouse {
  width: 43px;
  height: 43px;
  float: left;
  position: absolute;
  margin-left: 165px;
  margin-top: 11px;
}
.c1 {
  width: 36px;
  height: 36px;
  background: url("../images/quan_1.gif");
  position: absolute;
  z-index: 10;
  margin-left: 3px;
}
.mouse {
  width: 23px;
  height: 32px;
  background: url("../images/icon_shu_1.png");
  position: absolute;
  z-index: 30;
  margin-top: 7px;
  margin-left: 10px;
}
.mouse:hover {
  width: 22px;
  background: url("../images/icon_shu_1.png");
  background-position: 22px 0px;
}
.progress {
  width: 0%;
  height: 2px;
  background: url("../images/loading_1.png") no-repeat;
  background-size: 100% 100%;
}
.time_bar {
  width: 100%;
  height: 21px;
  color: #bfbfbf;
  font-size: 12px;
  margin-top: 2px;
}
.time_speed {
  width: 140px;
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: -68px;
}
.nav_title {
  text-align: center;
  width: 410px;
  height: 120px;
  margin: 0 auto;
  margin-top: 36px;
}

.title {
  font-size: 26px;
  color: #222222;
  text-align: center;
}

.course_nav {
  width: 1128px;
  height: 210px;
  margin: 0 auto;
  background: url("../images/xuline_1.png") no-repeat;
  background-position: 42px 75px;
  margin-bottom: 20px;
}
.index .word {
  font-size: 14px;
  color: #777777;
  line-height: 32px;
}
.line {
  background-color: #d3321f;
  width: 60px;
  height: 2px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 15px;
}
.center_first {
  width: 1168px;
  height: 300px;
  margin: 32px auto 0 auto;
}
.do_flaot_left {
  float: left;
}
.center_first dl {
  width: 252px;
  margin-right: 53px;
}
.center_first dt {
  height: 62px;
  width: 100%;
}
.student dt {
  background: url("../images/doubleq_1.png") no-repeat 98px;
}
.drill dt {
  background: url("../images/rocket_1.png") no-repeat 104px;
}
.recommend dt {
  background: url("../images/enterprise_1.png") no-repeat 102px;
}
.base dt {
  background: url("../images/gps_1.png") no-repeat 98px;
}
.center_first dd {
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #777;
}
.center_first .topline {
  text-align: center;
  line-height: 64px;
  height: 64px;
  font-size: 18px;
  color: #222;
  font-weight: bold;
  border-top-color: #dddddd;
  border-top-width: 1px;
  border-top-style: solid;
}
.center_first .base {
  margin-right: 0px;
}

.center_two {
  width: 100%;
  height: 1090px;
  background-color: #f8f8f8;
}
.center_two_title {
  text-align: center;
  height: 100px;
  width: 1210px;
  margin: 0px auto;
  padding-top: 32px;
}
.center_two_title .line {
  margin-top: 15px;
  margin-bottom: 12px;
}
.courseinfo {
  width: 1210px;
  margin: 32px auto 0 auto;
  cursor: default;
}
.courseinfo .courseinfo-item {
  /*transition: all .3s ease-out;*/
}
.courseinfo .courseinfo-item:hover {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
  line-height: 30px;
  background-color: #d3221f;
  color: #fff;
}
.courseinfo dl {
  width: 1043px;
  height: 116px;
  border: solid 1px #eaeaea;
  border-radius: 6px;
  margin: 10px auto;
  background-color: #ffffff;
}
.courseinfo dt,
.courseinfo dd {
  float: left;
}
.courseinfo dl dt {
  width: 150px;
  height: 116px;
  z-index: 1000;
}
.courseinfo dl .content {
  margin-top: 25px;
  height: 70px;
  font-size: 16px;
  color: #222;
  line-height: 30px;
}
.courseinfo dl:hover .content {
  color: #fff;
}
.courseinfo .ddBtn {
  width: 124px;
  height: 43px;
  border: solid 1px #d3321f;
  float: right;
  text-align: center;
  margin-right: 42px;
  margin-top: 36px;
  border-radius: 6px;
  color: #d3321f;
  font-size: 16px;
  line-height: 42px;
  background-color: #fff;
}
.courseinfo .ddBtn a {
  color: #d3321f;
}
/*.courseinfo dl:hover .ddBtn{
    margin-right: 58px;
    margin-top: 46px;
}
.courseinfo dl:hover dt{
    width: 166px;
    height: 136px;
}
.courseinfo dl:hover{
    width: 1075px;
    height: 136px;
    background-color: #d3321f;
    margin: 0 auto;
}*/
.courseinfo .javaInfo dt {
  background: url("../images/icon_java_select_1.png") center center no-repeat;
}
.courseinfo .javaInfo:hover dt {
  background: url("../images/icon_java_1.png") center center no-repeat;
}
.courseinfo .cInfo dt {
  background: url("../images/icon_cpp_select_1.png") center center no-repeat;
}
.courseinfo .cInfo:hover dt {
  background: url("../images/icon_cpp_1.png") center center no-repeat;
}
.courseinfo .androInfo dt {
  background: url("../images/icon_andriod_select_1.png") center center no-repeat;
}
.courseinfo .androInfo:hover dt {
  background: url("../images/icon_andriod_1.png") center center no-repeat;
}
.courseinfo .iosInfo dt {
  background: url("../images/icon_apple_select_1.png") center center no-repeat;
}
.courseinfo .iosInfo:hover dt {
  background: url("../images/icon_apple_1.png") center center no-repeat;
}
.courseinfo .ieInfo dt {
  background: url("../images/icon_ie_select_1.png") center center no-repeat;
}
.courseinfo .ieInfo:hover dt {
  background: url("../images/icon_ie_1.png") center center no-repeat;
}
.courseinfo .webInfo dt {
  background: url("../images/icon_ie_select_1.png") center center no-repeat;
}
.courseinfo .webInfo:hover dt {
  background: url("../images/icon_ie_1.png") center center no-repeat;
}
.courseinfo .uiInfo dt {
  background: url("../images/icon_ui_select_1.png") center center no-repeat;
}
.courseinfo .uiInfo:hover dt {
  background: url("../images/icon_ui_1.png") center center no-repeat;
}
.courseinfo .ueInfo dt {
  background: url("../images/icon_ue_select_1.png") center center no-repeat;
}
.courseinfo .ueInfo:hover dt {
  background: url("../images/icon_ue_1.png") center center no-repeat;
}
.center_three {
  width: 1210px;
  height: 905px;
  margin: 0px auto;
}
.center_three .iconform {
  width: 1078px;
  height: 660px;
  margin: 32px auto 0 auto;
}
.iconform dl {
  width: 330px;
  height: 300px;
  border: solid 1px #e4e4e4;
  background-color: #f8f8f8;
  float: left;
  margin-right: 26px;
  margin-bottom: 22px;
  overflow: hidden;
}
.iconform dt {
  width: 330px;
  height: 208px;
  margin-bottom: 15px;
}
.iconform dd {
  margin-left: 22px;
  width: 290px;
  height: 30px;
  font-size: 14px;
}
.iconform .last {
  margin-right: 0px;
}
.iconform .money {
  font-size: 18px;
  color: #d3321f;
  display: none;
}
.iconform .name {
  font-size: 18px;
}
.iconform .name div {
  float: right;
  margin-top: 2px;
  color: #fff;
  height: 20px;
  background-color: #d3321f;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.iconform .icon_first dt {
  background: url("../images/chenzhiwei_1.png") no-repeat;
}
.iconform .icon_first .name div {
  width: 38px;
}
.iconform .icon_two dt {
  background: url("../images/liweiting_1.png") no-repeat;
}
.iconform .icon_two .name div {
  width: 42px;
}
.iconform .icon_three dt {
  background: url("../images/andong_1.png") no-repeat;
}
.iconform .icon_three .name div {
  width: 35px;
}
.iconform .icon_four dt {
  background: url("../images/caizhihong_1.png") no-repeat;
}
.iconform .icon_four .name div {
  width: 45px;
}
.iconform .icon_five dt {
  background: url("../images/chenlingxian_1.png") no-repeat;
}
.iconform .icon_five .name div {
  width: 42px;
}
.iconform .icon_sex dt {
  background: url("../images/maweiwei_1.png") no-repeat;
}
.iconform .icon_sex .name div {
  width: 71px;
}
.center_three a {
  display: block;
  width: 164px;
  height: 42px;
  border: solid 1px #d3321f;
  font-size: 14px;
  text-align: center;
  line-height: 42px;
  color: #d3321f;
  border-radius: 2px;
  margin: 0px auto 0 auto;
}
.center_four {
  background-color: #f8f8f8;
}
.four_form {
  width: 1210px;
  height: 640px;
  margin: 0 auto;
}
.four_form .icons {
  width: 1025px;
  height: 260px;
  margin: 30px auto 0 auto;
}
.four_form .icons dl {
  float: left;
  width: 231px;
  height: 256px;
  margin-right: 30px;
  border: solid 1px #858585;
  cursor: default;
}
.four_form .icons dl:hover {
  border: solid 1px #d3321f;
}
.four_form .icons dt {
  width: 100%;
  height: 100%;
}
.four_form .icons dd {
  width: 232px;
  height: 53px;
  position: relative;
  bottom: 58px;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding-top: 5px;
  opacity: 0.7; /* Firefox, Safari(WebKit), Opera */
  -ms-filter: "alpha(opacity=70)"; /* IE 8 */
  filter: alpha(opacity=70); /* IE 4-7 */
  zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}
.four_form .icons dl:hover dd {
  background-color: #d3321f;
}
.four_form .icons dd:hover {
  background-color: #d3321f;
}
.four_form .icons .four {
  margin-right: 0px;
}
.four_form .icons .first dt {
  background: url("../images/quezong_1.png") no-repeat;
}
.four_form .icons .two dt {
  background: url("../images/laoyang_1.png") no-repeat;
}
.four_form .icons .three dt {
  background: url("../images/songxiaozong_1.png") no-repeat;
}
.four_form .icons .four dt {
  background: url("../images/limm_1.png") no-repeat;
}
.four_form .icons .name {
  font-size: 18px;
}
.four_form .icons .content {
  font-size: 14px;
  line-height: 25px;
}
.textcontent {
  width: 1025px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
  color: #222;
  line-height: 25px;
  font-weight: 600;
}
.four_form a {
  display: block;
  width: 164px;
  height: 44px;
  border: solid 1px #d3321f;
  border-radius: 2px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #d3321f;
  margin: 40px auto 0 auto;
}
.center_fire {
  padding-bottom: 50px;
}
/*.center_fire{
    width: 1210px;
    height: 933px;
    margin: 0px auto;
}
.center_fire .icon_dl{
    width: 976px;
    height: 150px;
    margin: 40px auto 40px auto;
}
.center_fire .jiange{
    width: 976px;
    height: 1px;
    margin: 0px auto;
    border-top: dotted 1px #e9e9e9;
}
.center_fire .icon{
    width: 148px;
    height: 150px;
    float: left;
}
.center_fire .right_dd{
    width: 802px;
    height: 150px;
    float: left;
    margin-left: 26px;
}
.center_fire .first .icon{
    background: url("../images/ui_1.png") no-repeat;
}
.center_fire .two .icon{
    background: url("../images/ue_1.png") no-repeat;
}
.center_fire .three .icon{
    background: url("../images/java_1.png") no-repeat;
}
.center_fire .three{
    margin: 40px auto 30px auto;
}
.center_fire .name{
    color: #d3321f;
    font-size: 20px;
}
.center_fire .text{
    width: 100%;
}
.center_fire .content{
    color: #222222;
    font-size: 14px;
    margin-top: 10px;
    line-height: 28px;
    font-weight: 600;
}
.center_fire .info{
    width: 100%;
    height: 20px;
    margin-top: 20px;
    font-size: 14px;
    color: #777777;
}
.center_fire .info div{
    float: left;
}
.info .info_time{
    margin-left: 28px;
}
.info .info_number{
    margin-left: 28px;
}*/
.center_fire > a {
  display: block;
  width: 164px;
  height: 44px;
  border: solid 1px #d3321f;
  border-radius: 2px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #d3321f;
  margin: 0px auto 0 auto;
}
.center_sex {
  height: 870px;
  background-color: #f8f8f8;
}
.center_sex .icons {
  width: 1130px;
  height: 572px;
  margin: 20px auto 0 auto;
}
.center_sex .icons dl {
  width: 348px;
  height: 268px;
  border: solid 1px #d7d7d7;
  margin-right: 40px;
  margin-bottom: 30px;
  float: left;
  position: relative;
}
.center_sex .icons dt {
  width: 100%;
  height: 100%;
}
.center_sex .icons dd {
  visibility: hidden;
  width: 308px;
  position: absolute;
  bottom: 0;
  color: #f2f2f2;
  font-size: 12px;
  line-height: 22px;
  word-spacing: 2px;
  padding: 8px 20px 8px 20px;
  background-color: #333;
  opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
  -ms-filter: "alpha(opacity=80)"; /* IE 8 */
  filter: alpha(opacity=80); /* IE 4-7 */
  zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
  transition: all 0.3s ease-out;
}
.center_sex .icons dd .excel-name {
  font-size: 16px;
  color: #fefefe;
}
.center_sex .icons dl:hover dd {
  visibility: visible;
}
.center_sex .icons .right_dl {
  margin-right: 0px;
}
.center_sex .icons .first dt {
  background: url("../images/cs-2_1.png") no-repeat;
}
.center_sex .icons .first:hover {
  visibility: visible;
}
.center_sex .icons .first dd:hover {
  visibility: visible;
}
.center_sex .icons .two dt {
  background: url("../images/01_1.png") no-repeat;
}
.center_sex .icons .two:hover {
  visibility: visible;
}
.center_sex .icons .two dd:hover {
  visibility: visible;
}
.center_sex .icons .three dt {
  background: url("../images/cs-4_1.png") no-repeat;
}
.center_sex .icons .three:hover {
  visibility: visible;
}
.center_sex .icons .three dd:hover {
  visibility: visible;
}
.center_sex .icons .four dt {
  background: url("../images/app_2_1.png") center center no-repeat;
}
.center_sex .icons .four:hover {
  visibility: visible;
}
.center_sex .icons .four dd:hover {
  visibility: visible;
}
.center_sex .icons .five dt {
  background: url("../images/02_1.png") center center no-repeat;
}
.center_sex .icons .five:hover {
  visibility: visible;
}
.center_sex .icons .five dd:hover {
  visibility: visible;
}
.center_sex .icons .sex dt {
  background: url("../images/app_5_1.png") center center no-repeat;
}
.center_sex .icons .sex:hover {
  visibility: visible;
}
.center_sex .icons .sex dd:hover {
  visibility: visible;
}
.center_sex a {
  display: block;
  width: 164px;
  height: 44px;
  border: solid 1px #d3321f;
  border-radius: 2px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #d3321f;
  margin: 40px auto 0 auto;
}

/* 资讯列表 begin */
#applyOnline {
  width: 1020px;
  margin: 8px auto;
}
#applyOnline tr td {
  padding: 16px 0;
  border-bottom: 1px dashed #e9e9e9;
}
#applyOnline tr:first-child td {
  padding-top: 8px;
}
#applyOnline tr:last-child td {
  border-bottom: none;
}
#applyOnline tr td:last-child {
  padding-left: 30px;
  vertical-align: top;
}
#applyOnline ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #777777;
}
#applyOnline td a {
  display: block;
}
#applyOnline td img {
  width: 148px;
  height: 148px;
}
.applyOnline-title {
  font-weight: normal;
  color: #d3321f;
  font-size: 20px;
}
.applyOnline-info::before,
.applyOnline-info::after {
  content: "";
  display: table;
  clear: both;
}
.applyOnline-info li {
  float: left;
  margin-right: 30px;
  line-height: 24px;
}
.applyOnline-desc {
  color: #222222;
  font-size: 14px;
  line-height: 24px;
}
/* end 资讯列表 */
/* .carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
} */
.carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  margin-bottom: 15px !important;
}
.carousel-indicators li {
  width: 10px !important;
  height: 6px !important;
  border: 0 !important;
  margin: 0 10px !important;
  background: url(../picture/ue4/qiehuan_nor.png) center no-repeat !important;
}
.carousel-indicators li:hover {
  width: 10px !important;
  height: 6px !important;
  background: url("../picture/ue4/qiehuan_nor(1).png") center no-repeat !important;
  text-indent: -999px;
  cursor: pointer;
  border: 0 !important;
  background-color: #fff \9;
  border-radius: 1px;
}
.carousel-indicators .active {
  pointer-events: none;
  width: 20px !important;
  height: 6px !important;
  border: 0 !important;
  background: url("../picture/ue4/qiehuan_hot.png") center no-repeat !important;
  margin: 0;
  background-color: #fff;
}