@charset "utf-8";

.main-b {background-color: #f7f7f7;}
.main {margin: 0 auto;
       width: 1000px;}
/* submenu */       
.hide{display:none;}
.nav-left{width: 215px;
          margin-left: 6px;
          position: relative;
          top: -4px;
          float: left;
          font-family: tahoma, arial, SimSun!important;}
#js-menu {margin-bottom: 30px;}
.submenulist ul{border: 2px solid #084;
                border-top: none;
                background-color: #fff;}
.submenulist li{position:relative;line-height:32px;vertical-align:middle;}
.submenulist li div.nav-left-tit>a{position:relative;display:block;height:35px;line-height:35px;color:#333;font-size:16px;background:#fff;z-index:1;overflow:hidden;font-weight: bold;text-indent: 15px;}
.submenulist li div.nav-left-tit>a:hover {color: #D2364C;}
.submenulist li div.nav-left-tit {border-bottom:2px solid #fff;border-top: 2px solid #fff;}
.submenulist li div.nav-left-tit.on {border-bottom: 2px solid #084;
                                     border-top: 2px solid #084;}
.nav-left .listbox{position:absolute;top:0;left:211px;width:430px;background:#fff;border:2px solid #084;border-left:none;font-size:12px;box-shadow: 5px 3px 6px #ccc;}
.nav-left-link {overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
                padding-bottom: 5px;
                line-height: 26px;
                height: 26px;
                text-indent: 15px;}
.nav-left-link a {margin-right: 8px;
                  color: #626262;}
.nav-left-link a:hover {color: #D2364C;}
.dl-sort dt {font-size: 14px;
             font-weight: bold;
             color: #31694b;
             text-indent: 15px;
             margin-top: 10px;}
.dl-sort dd {margin: 5px 15px 20px 15px;}
.dl-sort a {border: 1px solid #e6e6e6;
            color: #888;
            display: inline-block;
            padding: 0 10px;
            line-height: 22px;
            margin-right: 5px;}

.content-right {margin-left: 35px;
                width: 720px;
                float: left;}
.bannerBox {
  width: 720px;
  height: 360px;
  margin-top: 35px;
}
#flashs {
  position: relative;
  height: 360px;
  overflow: hidden;
}
#flashs .bgitem {
  z-index: 1;
  position: absolute;
  top: 0;
}
#flashs .btn {
  position: absolute;
  z-index: 7;
  bottom: 5px;
  right: 15px;
  padding: 0px 6px;
}
#flashs .btn span {
  color: #fff;
  background: #202932;
  cursor: pointer;
  display: inline-block;
  margin: 0 2px;
  width: 25px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
#flashs .btn span.cur {
  background: #3f3f3f;
}
.tit-1 {font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px;
        border-bottom: 2px solid #e9e9e9;
        margin-top: 40px;
        letter-spacing: 1px;}
.push-box {margin-left: 15px;
           margin-top: 25px;}
.push-li {float: left;
          display: block;
          width: 220px;
          margin-right: 15px;}
.push-li-img {width: 220px;
              height: 150px;
              position: relative;}
.push-li-text {display: -webkit-box;
               -webkit-box-orient: vertical;
               -webkit-line-clamp: 2;
               overflow: hidden;
               text-align: justify;
               font-size: 14px;
               height: 38px;
               line-height: 19px;
               margin: 10px auto;}
.push-li-price {font-size: 14px;}
.push-li-price>span {color: #f60;
                     font-weight: bold;}
.push-li-img>div {position: absolute;
                  font-size: 14px;}
.push-list-time {top: 10px;
                 left: 10px;
                 padding: 1px 6px;
                 border-radius: 3px;
                 background-color: #fff;}
.push-list-time>span {color: #317e5a;}
.push-list-place {top: 37px;
                  left: 10px;
                  padding: 1px 6px;
                  border-radius: 3px;
                  background-color: #1f4c37;
                  color: #fff;}
.tit-2 {font-size: 20px;
        font-weight: bold;
        background-color: #fff;
        padding: 15px;
        margin-top: 40px;
        border: 1px solid #F2F2F3;
        border-bottom: none;}
.course-list-li {background-color: #fff;
                 border: 1px solid #F2F2F3;
                 padding: 0 15px;
                 margin-bottom: 20px;}
.course-list-bt {font-size: 16px;
                 margin: 15px auto;}
.course-list-bt>div {display: inline-block;
                     vertical-align: middle;}
.course-list-place {color: #fff;
                    background-color: #1f4c37;
                    padding: 3px 15px;
                    border-radius: 3px;}
.course-list-tit {font-weight: bold;
                  margin-left: 5px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  width: 610px;}
.course-list-tatit {font-size: 14px;
                    color: #424242;
                    background-color: #f7f7f7;
                    padding: 5px 0;}
.course-list-tatit>div {float: left;}
.course-list-time-tit {text-align: center;
                       width: 15%;}
.course-list-price-tit {text-align: center;
                        width: 15%;}
.course-list-objective-tit {width: 70%;
                            padding: 0 5px;
                            box-sizing: border-box;}
.course-list-tatext {font-size: 14px;
                     padding: 8px 0;
                     background-color: #fcfcfc;
                     margin-bottom: 15px;}
.course-list-tatext>div {float: left;}
.course-list-time-text {width: 15%;
                        text-align: center;}
.course-list-price-text {width: 15%;
                         text-align: center;
                         padding: 0 5px;
                         box-sizing: border-box;
                         color: #f60;}
.course-list-objective-text {width: 70%;
                             padding: 0 5px;
                             box-sizing: border-box;}
.flink-tit {font-size: 14px;
            font-weight: bold;
            background-color: #fff;
            padding: 10px 15px;
            border-bottom: 1px solid #91ccae;
            margin-top: 30px;}
.flink-tit>div {padding-left: 15px;
            border-left: 2px solid #388f63;}
.flink-list {background-color: #fff;
             padding: 15px 25px;
             font-size: 12px;
             margin-bottom: 30px;}
.flink-list>a {margin-right: 15px;
               display: inline-block;}
.flink-list>a:hover {text-decoration: underline;}
.place {font-size: 16px;
        margin: 30px auto;}
.place>a {color: #339966;}
.place>a:hover {text-decoration: underline;}
.tit-3 {width: 100px;
        text-align: center;
        border-bottom: 2px solid #65786f;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 5px;
        margin-left: 10px;
        margin-top: 40px;}
.course-scr {border-top: 1px solid #e9e9e9;}
.course-scr-list {font-size: 14px;
                  padding-top: 25px;}
.course-scr-list div {float: left;}
.course-scr-li {width: 670px;
                text-align: justify;}
.course-scr-tit {padding: 2px 0;
                 width: 50px;
                 text-align: right;}
.course-scr-li>a {padding: 2px 10px;
                  display: inline-block;
                  background-color: #f7f7f7;
                  border-radius: 3px;
                  margin-right: 5px;
                  margin-bottom: 5px;}
.course-scr-li>a.active {background-color: #153325;
                         color: #fff;}
.course-scr-li>a:hover {background-color: #153325;
                         color: #fff;
                         transition: 0.3s;}
.content-right-ny {width: 740px;
                   margin-left: 35px;
                   float: left;}
.content-tit {font-size: 20px;
              font-weight: bold;
              margin-bottom: 15px;}
.content-outline {line-height: 30px;
                  background-color: #fff;
                  padding: 20px 30px;}
.content-outline-pj {margin: 10px auto;}
.content-outline-pj-text,.content-outline-pj-btn {display: inline-block;
                                                  vertical-align: middle;}
.content-outline-pj-btn {background: url(../../../images/pj-btn.jpg) center top / cover no-repeat;
                         border: none;
                         text-indent: -9999px;
                         cursor: pointer;
                         width: 220px;
                         height: 30px;
                         margin-left: 5px;}
.content-outline-pj-text {font-size: 16px;}
.content-outline-ot>p {margin: 10px auto;}
.content-outline-ot>p>span {color: #f60;}
.content-outline-ot>p:first-child {display: none;}

.animated{
  -webkit-animation-duration:1.4s;
  animation-duration:1.4s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}

@-webkit-keyframes bounceIn{
  0%{
  opacity:0;
  -webkit-transform:scale(.3);
  transform:scale(.3)
}
50%{
  opacity:1;
  -webkit-transform:scale(1.05);
  transform:scale(1.05)
}
70%{
  -webkit-transform:scale(.9);
  transform:scale(.9)
}
100%{
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}

}
@keyframes bounceIn{
  0%{
  opacity:0;
  -webkit-transform:scale(.3);
  -ms-transform:scale(.3);
  transform:scale(.3)
}
50%{
  opacity:1;
  -webkit-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05)
}
70%{
  -webkit-transform:scale(.9);
  -ms-transform:scale(.9);
  transform:scale(.9)
}
100%{
  opacity:1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}

}
.bounceIn{
  -webkit-animation-name:bounceIn;
  animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 300px; height: 370px; margin: 0 auto; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%; margin: -205px 0 0 -150px; z-index: 10000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:15px 0;}
.claseDialogBtn {border: 1px solid #1f4c37;
                 vertical-align: middle;
                 width: 130px;
                 display: inline-block;
                 text-align: center;
                 color: #1f4c37;
                 height: 43px;
                 font-size: 16px;
                 line-height: 43px;
                 margin-top: 10px;}
.dialogTop-tit {padding-left: 5px;font-size: 20px;font-weight: bold;}
.dialogTop>p>span {vertical-align: middle;}
.in-form-btn {color: #fff;
              background-color: #1f4c37;
              border: 1px solid #1f4c37;
              vertical-align: middle;
              width: 130px;
              text-align: center;
              height: 45px;
              font-size: 16px;
              margin-top: 10px;
              cursor: pointer;}
#appy {width: 90%;
       margin: 25px auto 0 auto;}
#appy>div>p {font-size: 16px;}
#appy>div>input {width: 100%;
                 padding: 5px 10px;
                 font-size: 14px;
                 border-radius: 5px;
                 border: 1px solid #b7b7b7;
                 margin: 10px 0;
                 color: #1a1d33;
                 -webkit-appearance: none;
                 outline: none;}
.content-btn>a,.content-btn>p {display: inline-block;
                               margin: 30px 49px;}
.content-btn>p {font-size: 14px;
                color: #f60;
                margin-left: 65px;
                margin-right: 0;}
.content-btn>p>i {font-size: 18px;
                  font-weight: bold;}
.content-center {background-color: #fff;
                 padding: 0 5%;
                 margin-bottom: 40px;}
.content-center-ico {padding: 30px 0;}
.content-center-text {padding-bottom: 30px;
                      font-size: 14px;
                      line-height: 32px;}
.content-center-text a {text-decoration: underline;}
.content-center-text a:hover {color: #f60;}
.centent-fixed {z-index: 999;
                width: 215px;}
.centent-push {background-color: #fff;
               padding: 15px 5% 0 5%;
               margin-bottom: 25px;}
.centent-push>div {font-size: 16px;
                   border-bottom: 1px solid #f5f5f5;}
.centent-push>div:after {content: "";
                         width: 60px;
                         display: block;
                         height: 2px;
                         background-color: #7aac94;
                         margin-top: 5px;}
.centent-push>ul {padding: 5px 0 10px 0;}
.centent-push>ul>li {font-size: 12px;
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
                     margin: 8px auto;}
.pages {
    margin: 30px auto;
}
.pagelist {
    margin: 0 10px;
}
.pagelist>li {
    float: left;
    border: 1px solid #c5b7b7;
    color: #888;
    font-size: 12px;
    margin-right: 7px;
    margin-bottom: 7px;
    background-color: #fff;
}
.pagelist>li:hover {border-color: #317e5a;}
.pagelist>li>a {padding: 3px 8px;
                display: block;
                color: #888;}
.pagelist>li>a:hover {color: #317e5a;}
.pageinfo {padding: 3px 8px;
           display: block;}
.pagelist>li.thisclass {
    padding: 3px 8px;
    background: #317e5a;
    border-color: #317e5a;
    color: #fff;
}
.jquery-word-export {cursor: pointer;
                     margin-left: 20px;}
.goup-container {z-index: 9999;}
.goup-text {color: #1f4c37;
            font-weight: bold;
            bottom: 35px !important;}