@charset "UTF-8";
.main-wrapper { }
  .main-wrapper .slider-adv-box {
    background: #ffffff;
    padding: 20px 0 35px 0; }
  .main-wrapper .slider-adv {
    padding-bottom: 20px;
    overflow: hidden; }
    .main-wrapper .slider-adv li img {
      border-radius: 4px; }
    .main-wrapper .top-hull .tab-nav-placeholder {
      border-bottom: 1px solid #dddddd;
      background: #ffffff;
      height: 60px;
      width: 100%; }
      .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper {
        position: static;
        margin: 0 auto;
        height: 60px; }
        .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container {
          margin: 0 auto;
          overflow: hidden;
          width: 1180px; }
          .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab {
            overflow: hidden;
            text-align: center; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab a.title {
              display: inline-block;
              width: 66px; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab li {
              display: inline-block;
              height: 58px;
              line-height: 60px;
              font-size: 16px;
              color: #666666;
              text-align: center;
              cursor: pointer;
              margin: 0 30px; }
              .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab li:hover {
                color: #333333;
                border-bottom: 2px solid #333333;
                font-weight: bold; }
              .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab li .recommend-list {
                background: #ffffff;
                position: absolute;
                z-index: 999;
                top: 49px;
                border: 1px solid #eaeaea;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                padding: 16px 0;
                width: 106px;
                text-align: center;
                margin-left: -22px; }
                .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab li .recommend-list p {
                  line-height: 44px;
                  color: #666666;
                  font-size: 14px; }
                  .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab li .recommend-list p a:hover {
                    color: #666666; }
                .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab li .recommend-list .recommend-indicate {
                  position: absolute; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab .tab-nav-current {
              color: #333333;
              font-weight: bold;
              border-bottom: 2px solid #333333; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .tab #course-li:hover .recommend-list {
              display: block; }
          .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down {
            position: absolute;
            top: 8px;
            right: 0;
            width: 125px; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down .pull-sub {
              position: absolute;
              top: 40px;
              width: 124px;
              background: #ffffff;
              z-index: 999;
              border: 1px solid #eaeaea;
              border-radius: 4px;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px; }
              .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down .pull-sub li {
                font-size: 14px;
                text-align: center;
                cursor: pointer; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down p {
              position: relative;
              border: 1px solid #EDEDED;
              font-size: 14px;
              padding-left: 20px;
              height: 34px;
              line-height: 34px;
              cursor: pointer;
              border-radius: 4px;
              -webkit-border-radius: 4px;
              -moz-border-radius: 4px; }
              .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down p i {
                display: inline-block;
                background: url("/img/TAselect.png") no-repeat scroll right transparent;
                width: 31px;
                height: 36px;
                position: absolute;
                right: 0;
                top: -1px; }
            .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down select {
              width: 112px;
              height: 36px;
              border: 1px solid #eeeeee;
              border-radius: 4px;
              padding: 0 12px;
              background: url("/img/TAselect.png") no-repeat scroll right center transparent;
              color: #666666; }
              .main-wrapper .top-hull .tab-nav-placeholder .tab-nav-wrapper .tab-nav-container .TA-pull-down select option {
                padding: 20px; }
  .main-wrapper .tab-nav-fixed {
    position: fixed;
    left: 0;
    z-index: 190;
    transform: translateZ(0);
    -webkit-transform: translateZ(0); }
  .main-wrapper .advtop {
    margin: 0px auto; }
    .main-wrapper .advtop ul {
      margin-right: -20px; }
      .main-wrapper .advtop ul li {
        float: left;
        margin-right: 20px;
        width: 100%; }
        .main-wrapper .advtop ul li img {
          width: 210px;
		  height: 168px;
          border-radius: 4px; }

  .slider-adv-box {
    height: 500px; }
    .advtop ul {
      height:170px; }