@charset "UTF-8";
/* Scss Document */
@import url(base.jpg.css);
@import url(../fonts/stylesheet.jpg.css);
.header .mainWrap {
  width: auto;
  padding: 0 25px;}

.content {
  color: #444;}
  .content .channel {
    background-position: top right;
    background-repeat: no-repeat;
    color: #fff;}
    .content .channel .wrapper {
      height: 350px;
      background: url(../images/topimggrad.jpg) no-repeat -1000px top;
      position: relative;
      margin-left: 0 !important;}
    .content .channel .nav {
      line-height: 30px;
      padding: 30px 0 0 40px;}
      .content .channel .nav a {
        color: #fff;}
    .content .channel .txt {
      font-size: 32px;
      display: inline-block;
      line-height: 1em;
      margin: 60px 0 0  130px;}
      .content .channel .txt span {
        font-family: "philosopher";
        font-size: 50px;
        display: block;
        line-height: 1.25em;}
      .content .channel .txt b {
        background: #ffdd95;
        height: 3px;
        width: 30px;
        float: right;
        margin-top: 25px;}
  .content .section .mainWrap {
    padding-top: 80px;
    padding-bottom: 80px;}
  .content .section.grey {
    background: #f7f6f2;}
    .content .section.grey h1 {
      top: -42px;
      color: #5c307d;}
  .content .section h1 {
    font-size: 42px;
    writing-mode: tb-rl;
    writing-mode: vertical-lr;
    position: absolute;
    left: 0;
    color: #be926f;
    line-height: 110px;
    top: 60px;}
    .content .section h1.hasbg {
      width: 110px;
      background: #fff;
      text-indent: 55px;
      top: -60px;}
    .content .section h1 a {
      position: absolute;
      bottom: -80px;
      font-size: 14px;
      color: #777;}
  .content .section .viewmore {
    text-align: center;
    padding-top: 30px;}
    .content .section .viewmore a {
      display: inline-block;
      margin: auto;
      line-height: 48px;
      background: #f4edde;
      font-size: 16px;
      padding: 0 60px;
      border-radius: 4px;}
  .content.about .channel {
    background-image: url(../images/img_about.jpg);
    background-color: #E4F4E9;}
  .content.about .wrapper {
    margin-left: 160px;
    line-height: 1.75em;}
    .content.about .wrapper p {
      padding: 0.75em 0;}
  .content.about .section .wrapper {
    font-size: 16px;}
  .content.about .section_1 .wrapper {
    width: 880px;
    margin: auto;}
  .content.about .section_1 p {
    padding: 0.75em 0;
    font-size: 16px;
    line-height: 1.75em;}
  .content.about .section_2 .img {
    float: left;
    width: 202px;
    padding-top: 20px;
    font-size: 14px;
    color: #5c307d;
    line-height: 1.5em;
    text-align: center;}
    .content.about .section_2 .img img {
      padding-bottom: 15px;
      max-width: 100%;}
  .content.about .section_2 .txt {
    margin-left: 300px;}
  .content.about .section_2 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #5c307d;
    text-align: center;
    line-height: 1.75em;}
  .content.about .section_3 ul {
    margin-left: -85px;}
  .content.about .section_3 li {
    width: 33.33%;
    float: left;}
    .content.about .section_3 li img {
      width: 100%;}
    .content.about .section_3 li a {
      display: block;
      margin: 30px 0 30px 85px;}
      .content.about .section_3 li a span {
        display: block;
        position: relative;
        margin-top: -25px;
        font-size: 16px;
        padding-top: 15px;
        margin-right: 40px;
        z-index: 1;
        background: #fff;}
  .content.about .section_4 {
    background: #F1F1EF url(../images/about_bg_2.jpg) no-repeat right top;}
    .content.about .section_4 .wrapper {
      text-align: center;}
    .content.about .section_4 p a {
      border: 1px solid #ccc;
      background: #fff;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 4px;
      display: inline-block;
      line-height: 41px;
      padding: 0 30px;
      margin: 2px 5px;}
    .content.about .section_4 .viewmore a {
      background: #fff;}
  .content.about .section_5 .wrapper {
    padding-top: 40px;}
  .content.about .section_5 li {
    width: 50%;}
    .content.about .section_5 li.rt {
      padding-top: 30px;}
      .content.about .section_5 li.rt .liwrapper {
        border: 0;
        border-left: 2px solid #be926f;
        position: relative;
        left: -2px;}
      .content.about .section_5 li.rt span {
        float: right;
        padding-left: 30px;
        padding-right: 0;}
      .content.about .section_5 li.rt .vt {
        padding-right: 0;
        padding-left: 50px;}
      .content.about .section_5 li.rt b {
        float: left;
        right: auto;
        left: -7px;}
  .content.about .section_5 ul > .rt ~ .rt {
    padding-top: 0;}
  .content.about .section_5 .time {
    font-family: "philosopher";
    font-size: 30px;
    line-height: 30px;
    color: #be926f;
    border-top: 1px solid #be926f;}
    .content.about .section_5 .time span {
      display: inline-block;
      background: #fff;
      top: -15px;
      position: relative;
      padding-right: 30px;
      font-style: italic;}
    .content.about .section_5 .time b {
      width: 12px;
      height: 12px;
      border-radius: 6px;
      background: #be926f;
      float: right;
      top: -7px;
      right: -7px;
      position: relative;}
  .content.about .section_5 .liwrapper {
    border-right: 2px solid #be926f;}
  .content.about .section_5 .vt {
    font-size: 14px;
    padding-right: 50px;
    padding-bottom: 60px;}
  .content.news .channel {
    background-image: url(../images/img_news.jpg);
    background-color: #9C3A49;}
  .content.news .section_1 {
    margin-top: -60px;}
    .content.news .section_1 li {
      position: relative;}
      .content.news .section_1 li b {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 259px;
        background: url(../images/gradeblack.jpg) repeat-x bottom;}
      .content.news .section_1 li span {
        position: absolute;
        bottom: 0;
        left: 25px;
        right: 25px;
        font-size: 24px;
        line-height: 100px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
      .content.news .section_1 li img {
        width: 100%;}
      .content.news .section_1 li a {
        display: block;}
    .content.news .section_1 .arrow {
      position: absolute;
      top: 50%;
      background: #000;
      color: #fff;
      font-size: 40px;
      height: 70px;
      width: 70px;
      margin-top: -35px;
      border-radius: 50%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      text-align: center;
      cursor: pointer;
      z-index: 1;}
      .content.news .section_1 .arrow i {
        line-height: 65px;}
      .content.news .section_1 .arrow.pre {
        left: 20px;}
      .content.news .section_1 .arrow.next {
        right: 20px;}
      .content.news .section_1 .arrow:hover {
        opacity: 0.4;
        filter: alpha(opacity=40);}
    .content.news .section_1 .slick-dots {
      position: absolute;
      bottom: -40px;
      width: 100%;
      text-align: center;}
    .content.news .section_1 .slick-dots li {
      display: inline-block;
      width: auto;
      float: none;
      vertical-align: middle;}
    .content.news .section_1 .slick-dots li button {
      background: #A8B3C6;
      border: 0 none;
      border-radius: 7px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 12px;
      line-height: 0;
      margin: 0 8px;
      outline: medium none;
      padding: 0;
      width: 12px;}
    .content.news .section_1 .slick-dots li.slick-active button {
      background: #5c307d;}
  .content.news .section_2 h1 {
    top: 0;
    line-height: 1em;}
  .content.news .section_2 .column_1 {
    float: right;
    width: 370px;
    background: #F7F6F2;
    position: relative;
    z-index: 1;}
    .content.news .section_2 .column_1 h1 {
      left: -25px;
      background: #fff;
      padding-right: 27px;
      padding-bottom: 35px;}
      .content.news .section_2 .column_1 h1 a {
        right: 22px;
        margin-right: 0;}
  .content.news .section_2 .column_2 {
    margin-right: 460px;}
    .content.news .section_2 .column_2 .clearfix:after {
      clear: left;}
    .content.news .section_2 .column_2 .mod_1 {
      position: relative;
      padding-bottom: 20px;
      border-bottom: 2px solid #ddd;
      margin-bottom: 40px;}
    .content.news .section_2 .column_2 .mod_2 {
      position: relative;}
  .content.course .channel {
    background-image: url(../images/img_course.jpg);
    background-color: #CCC7CE;}
  .content.course .psearch .mainWrap {
    padding-top: 50px;
    padding-bottom: 50px;}
  .content.course .psearch .search {
    border: 3px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    position: relative;}
    .content.course .psearch .search input {
      width: 100%;
      height: 70px;
      line-height: 70px;
      font-size: 18px;
      border: 0;
      text-indent: 30px;}
    .content.course .psearch .search button {
      background: none;
      font-size: 26px;
      position: absolute;
      height: 70px;
      line-height: 70px;
      width: 70px;
      color: #be926f;
      right: 0;
      top: 0;}
  .content.course .section_1 .wrapper, .content.course .section_2 .wrapper, .content.course .section_3 .wrapper, .content.course .section_4 .wrapper {
    margin-left: 190px;}
  .content.course .section_3 {
    background: url(../images/flower_bg.jpg) no-repeat center 100%;}
    .content.course .section_3 .txt {
      font-size: 16px;
      line-height: 1.5em;
      padding-bottom: 30px;}
    .content.course .section_3 .tnav {
      line-height: 70px;
      font-size: 22px;
      width: 70px;
      float: left;}
      .content.course .section_3 .tnav li {
        writing-mode: tb-rl;
        writing-mode: vertical-lr;
        float: left;
        font-weight: bold;
        color: #777;
        padding: 50px 0;
        cursor: pointer;}
        .content.course .section_3 .tnav li.current {
          background: #f7f6f2;
          color: #be926f;}
    .content.course .section_3 .awardslist {
      background: #f7f6f2;
      padding: 40px 40px 20px 40px;
      margin-left: 70px;}
  .content.course .section_4 ul {
    margin-left: -30px;}
  .content.course .section_4 li {
    float: left;
    width: 33.33%;}
    .content.course .section_4 li a {
      display: block;
      margin-left: 30px;
      margin-bottom: 30px;}
      .content.course .section_4 li a img {
        width: 100%;}
  .content.teacher .channel {
    background-image: url(../images/img_teacher.jpg);
    background-color: #ffffff;}
  .content.teacher .section_1 .wrapper, .content.teacher .section_2 .wrapper {
    margin-left: 190px;}
  .content.teacher .section_2 {
    padding-bottom: 60px;}
    .content.teacher .section_2 h2 {
      font-size: 22px;
      font-weight: bold;
      line-height: 1em;
      padding-bottom: 25px;}
      .content.teacher .section_2 h2 a {
        float: right;
        font-size: 12px;}
    .content.teacher .section_2 .columnwrapper {
      margin-left: -60px;}
    .content.teacher .section_2 .column {
      width: 50%;
      float: left;}
    .content.teacher .section_2 .column_1 li {
      position: relative;}
      .content.teacher .section_2 .column_1 li b {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 259px;
        background: url(../images/gradeblack.jpg) repeat-x bottom;}
      .content.teacher .section_2 .column_1 li span {
        position: absolute;
        bottom: 0;
        left: 25px;
        right: 25px;
        font-size: 18px;
        line-height: 70px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
      .content.teacher .section_2 .column_1 li img {
        width: 100%;}
      .content.teacher .section_2 .column_1 li a {
        display: block;}
    .content.teacher .section_2 .column_1 .slick-dots {
      position: absolute;
      bottom: -40px;
      width: 100%;
      text-align: center;}
    .content.teacher .section_2 .column_1 .slick-dots li {
      display: inline-block;
      width: auto;
      float: none;
      vertical-align: middle;}
    .content.teacher .section_2 .column_1 .slick-dots li button {
      background: #A8B3C6;
      border: 0 none;
      border-radius: 7px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 12px;
      line-height: 0;
      margin: 0 8px;
      outline: medium none;
      padding: 0;
      width: 12px;}
    .content.teacher .section_2 .column_1 .slick-dots li.slick-active button {
      background: #5c307d;}
    .content.teacher .section_2 .subwrapper {
      margin-left: 60px;}
  .content.forum .channel {
    background-image: url(../images/img_forum.jpg);
    background-color: #4FC0EC;}
  .content.forum .section_1 {
    margin-top: -60px;
    margin-bottom: 150px;}
    .content.forum .section_1 .row {
      background: #F1F3F6;
      position: relative;}
      .content.forum .section_1 .row > li {
        float: left;
        width: 45%;}
        .content.forum .section_1 .row > li.piclist {
          width: 55%;}
      .content.forum .section_1 .row .txt {
        padding: 60px;}
        .content.forum .section_1 .row .txt h2 {
          font-size: 32px;
          line-height: 1em;
          color: #5c307d;
          border-bottom: 2px solid #5c307d;
          display: inline-block;}
          .content.forum .section_1 .row .txt h2:hover {
            border: 0;}
        .content.forum .section_1 .row .txt p {
          color: #777;
          padding-top: 30px;
          font-size: 13px;}
        .content.forum .section_1 .row .txt .more {
          position: absolute;
          bottom: 0;
          right: 60px;
          background: #fff;}
          .content.forum .section_1 .row .txt .more a {
            display: block;
            line-height: 50px;
            padding: 0 30px;
            font-size: 14px;}
      .content.forum .section_1 .row.row_1 .more {
        right: auto;
        left: 60px;}
      .content.forum .section_1 .row.row_1 .piclist {
        float: right;}
        .content.forum .section_1 .row.row_1 .piclist li span {
          text-indent: 90px;}
        .content.forum .section_1 .row.row_1 .piclist .arrow.pre {
          left: -50px;
          background: #d0c1a0;
          color: #fff;}
        .content.forum .section_1 .row.row_1 .piclist .arrow.next {
          left: 0px;
          background: #fff;
          color: #7f718a;}
    .content.forum .section_1 .piclist li {
      position: relative;}
      .content.forum .section_1 .piclist li b {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 259px;
        background: url(../images/gradeblack.jpg) repeat-x bottom;}
      .content.forum .section_1 .piclist li span {
        position: absolute;
        bottom: 0;
        left: 25px;
        right: 25px;
        font-size: 18px;
        line-height: 70px;
        color: #fff;
        text-indent: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;}
      .content.forum .section_1 .piclist li img {
        width: 100%;}
      .content.forum .section_1 .piclist li a {
        display: block;}
    .content.forum .section_1 .piclist .arrow {
      position: absolute;
      bottom: 0;
      background: #fff;
      color: #7f718a;
      font-size: 40px;
      height: 50px;
      width: 50px;
      right: 0;
      text-align: center;
      cursor: pointer;
      z-index: 1;}
      .content.forum .section_1 .piclist .arrow i {
        line-height: 45px;}
      .content.forum .section_1 .piclist .arrow.pre {
        right: 0px;}
      .content.forum .section_1 .piclist .arrow.next {
        right: -50px;
        background: #d0c1a0;
        color: #fff;}
      .content.forum .section_1 .piclist .arrow:hover {
        color: #000;}
    .content.forum .section_1 .piclist .slick-dots {
      position: absolute;
      bottom: -40px;
      width: 100%;
      text-align: center;}
    .content.forum .section_1 .piclist .slick-dots li {
      display: inline-block;
      width: auto;
      float: none;
      vertical-align: middle;}
    .content.forum .section_1 .piclist .slick-dots li button {
      background: #A8B3C6;
      border: 0 none;
      border-radius: 7px;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 12px;
      line-height: 0;
      margin: 0 8px;
      outline: medium none;
      padding: 0;
      width: 12px;}
    .content.forum .section_1 .piclist .slick-dots li.slick-active button {
      background: #5c307d;}
  .content.forum .section_2 .mainWrap {
    padding-top: 80px;
    padding-bottom: 0;}
  .content.forum .section_2 .subwrapper {
    margin-left: -90px;}
  .content.forum .section_2 .column {
    float: left;
    width: 50%;}
    .content.forum .section_2 .column h1 {
      line-height: 1em;
      top: 0;}
    .content.forum .section_2 .column .wrapper {
      margin-left: 90px;
      padding: 40px 0 90px 0;}
    .content.forum .section_2 .column .columnwrapper {
      position: relative;
      margin-left: 90px;}
  .content.forum_1 .channel {
    background: #eee2cb;}
    .content.forum_1 .channel .wrapper {
      height: 156px;
      padding: 0;}
  .content.forum_1 .section_1 .mainWrap {
    margin-top: -60px;
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;}
  .content.forum_1 .title {
    width: 1000px;
    margin: auto;}
    .content.forum_1 .title img {
      float: left;
      width: 240px;}
    .content.forum_1 .title .titlewrapper {
      margin-left: 300px;}
      .content.forum_1 .title .titlewrapper h1 {
        font-size: 34px;
        font-weight: bold;
        line-height: 1.5em;}
      .content.forum_1 .title .titlewrapper h2 {
        font-size: 16px;}
  .content.forum_1 .forumnav {
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 50px;}
    .content.forum_1 .forumnav li {
      display: inline-block;}
      .content.forum_1 .forumnav li a {
        display: block;
        line-height: 60px;
        padding: 0 30px;
        font-size: 16px;}
  .content.forum_1 .plist li {
    position: relative;}
    .content.forum_1 .plist li b {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 259px;
      background: url(../images/gradeblack.jpg) repeat-x bottom;}
    .content.forum_1 .plist li span {
      position: absolute;
      bottom: 0;
      left: 25px;
      right: 25px;
      font-size: 24px;
      line-height: 100px;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;}
    .content.forum_1 .plist li img {
      width: 100%;}
    .content.forum_1 .plist li a {
      display: block;}
  .content.forum_1 .plist .arrow {
    position: absolute;
    top: 50%;
    background: #000;
    color: #fff;
    font-size: 40px;
    height: 70px;
    width: 70px;
    margin-top: -35px;
    border-radius: 50%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    text-align: center;
    cursor: pointer;
    z-index: 1;}
    .content.forum_1 .plist .arrow i {
      line-height: 65px;}
    .content.forum_1 .plist .arrow.pre {
      left: 20px;}
    .content.forum_1 .plist .arrow.next {
      right: 20px;}
    .content.forum_1 .plist .arrow:hover {
      opacity: 0.4;
      filter: alpha(opacity=40);}
  .content.forum_1 .plist .slick-dots {
    position: absolute;
    bottom: -40px;
    width: 100%;
    text-align: center;}
  .content.forum_1 .plist .slick-dots li {
    display: inline-block;
    width: auto;
    float: none;
    vertical-align: middle;}
  .content.forum_1 .plist .slick-dots li button {
    background: #A8B3C6;
    border: 0 none;
    border-radius: 7px;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 12px;
    line-height: 0;
    margin: 0 8px;
    outline: medium none;
    padding: 0;
    width: 12px;}
  .content.forum_1 .plist .slick-dots li.slick-active button {
    background: #5c307d;}
  .content.forum_1 p {
    padding: 0.75em 0;
    font-size: 16px;
    line-height: 1.75em;}
  .content.forum_1 .section_2 h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #5c307d;
    line-height: 1.5em;
    padding-bottom: 20px;}
    .content.forum_1 .section_2 h2 span {
      font-size: 18px;
      display: block;}
  .content.forum_1 .section_2 .tg {
    padding: 30px 0;}
    .content.forum_1 .section_2 .tg ul {
      margin-left: -100px;}
    .content.forum_1 .section_2 .tg li {
      float: left;
      width: 50%;
      padding: 0;}
      .content.forum_1 .section_2 .tg li .wrapper {
        margin-left: 100px;
        border: 1px solid #ddd;
        padding: 45px;
        height: 110px;}
        .content.forum_1 .section_2 .tg li .wrapper h3 {
          font-size: 22px;
          font-weight: bold;
          color: #5c307d;
          line-height: 1em;}
        .content.forum_1 .section_2 .tg li .wrapper img {
          width: 50%;}
  .content.forum_1 .section_3 .wrapper, .content.forum_1 .section_4 .wrapper, .content.forum_1 .section_5 .wrapper, .content.forum_1 .section_6 .wrapper, .content.forum_1 .section_7 .wrapper {
    margin-left: 150px;
    width: 675px;}
  .content.forum_1 .section_3 .wrapper ul {
    margin-top: -20px;}
  .content.forum_1 .section_3 .wrapper li {
    border-bottom: 1px solid #ddd;}
    .content.forum_1 .section_3 .wrapper li a {
      display: block;
      line-height: 1.5em;
      font-size: 16px;
      padding: 20px 0;}
  .content.forum_1 .section_3 .contactwrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;}
    .content.forum_1 .section_3 .contactwrapper.start .contact {
      top: 0;}
    .content.forum_1 .section_3 .contactwrapper.end {
      top: auto;
      bottom: 0;}
      .content.forum_1 .section_3 .contactwrapper.end .contact {
        top: auto;
        bottom: 0;}
  .content.forum_1 .section_3 .contact {
    position: absolute;
    right: 0;
    width: 260px;
    padding: 35px;
    top: -50px;
    font-size: 14px;
    line-height: 1.75em;
    background: url(../images/linebg.jpg);
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;}
    .content.forum_1 .section_3 .contact li {
      border-bottom: 1px solid #ddd;
      padding: 15px 0;}
    .content.forum_1 .section_3 .contact h2 {
      font-size: 22px;
      font-weight: bold;
      line-height: 1em;
      text-align: center;
      color: #5c307d;
      padding-bottom: 20px;}
    .content.forum_1 .section_3 .contact .qrcode {
      padding-top: 20px;}
      .content.forum_1 .section_3 .contact .qrcode span {
        display: block;}
    .content.forum_1 .section_3 .contact.news {
      position: relative;
      float: right;
      clear: both;
      margin-top: -80px;
      margin-bottom: 120px;}
  .content.forum_1 .section_4, .content.forum_1 .section_6 {
    background: url(../images/forum_img_4.jpg) no-repeat center 120%;}
    .content.forum_1 .section_4 h2, .content.forum_1 .section_6 h2 {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.5em;}
      .content.forum_1 .section_4 h2 span, .content.forum_1 .section_6 h2 span {
        font-size: 16px;
        display: block;}
    .content.forum_1 .section_4 .wrapper, .content.forum_1 .section_6 .wrapper {
      text-align: center;}
  .content.forum_1 .section_5 li {
    padding-bottom: 30px;}
  .content.forum_1 .section_5 img {
    float: left;
    width: 150px;}
  .content.forum_1 .section_5 .txt {
    margin-left: 200px;}
    .content.forum_1 .section_5 .txt h3 {
      font-size: 22px;
      font-weight: bold;
      color: #5c307d;
      line-height: 1.5em;}
    .content.forum_1 .section_5 .txt p {
      font-size: 14px;
      color: #666;}
  .content.forum_1 .section_7 img {
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 0 30px rgba(92, 48, 125, 0.2);}
  .content.forum_1 .section_8 .mainWrap {
    padding-top: 0px;
    padding-bottom: 60px;}
  .content.forum_1 .section_8 .subwrapper {
    margin-left: -90px;}
  .content.forum_1 .section_8 .column {
    float: left;
    width: 50%;}
    .content.forum_1 .section_8 .column h1 {
      line-height: 1em;}
    .content.forum_1 .section_8 .column .wrapper {
      margin-left: 90px;
      padding: 90px 0 90px 0;}
    .content.forum_1 .section_8 .column .columnwrapper {
      position: relative;
      margin-left: 90px;}
  .content.forum_1 .section_8 .plist span {
    font-size: 18px;
    line-height: 70px;}
  .content.forum_2 .section_1 .mainWrap {
    padding-top: 30px;
    padding-bottom: 30px;}
  .content.forum_2 .section_2 {
    padding-bottom: 100px;
    background: url(../images/forum_img_8.jpg) center bottom no-repeat;}
    .content.forum_2 .section_2 .mainWrap {
      width: 1000px;
      margin: auto;}
    .content.forum_2 .section_2 h1 {
      font-size: 34px;
      font-weight: bold;
      line-height: 1.5em;
      text-align: center;
      padding-bottom: 20px;}
    .content.forum_2 .section_2 h2 {
      font-size: 22px;
      font-weight: bold;
      color: #5c307d;
      line-height: 1.5em;
      text-align: center;
      padding-top: 20px;}
    .content.forum_2 .section_2 ul li {
      position: relative;
      padding-left: 20px;
      line-height: 2em;
      color: #5c307d;
      font-size: 16px;}
      .content.forum_2 .section_2 ul li:after {
        display: block;
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #5c307d;
        left: 0px;
        top: 13px;}
  .content.forum_2 .section_3 .txtlist {
    text-align: left;}
  .content.forum_2 .section_3 .historylist .time {
    font-family: "philosopher";
    font-size: 30px;
    line-height: 30px;
    color: #be926f;
    border-top: 1px solid #be926f;
    width: 140px;}
    .content.forum_2 .section_3 .historylist .time span {
      display: inline-block;
      background: #F7F6F2;
      top: -15px;
      position: relative;
      padding-right: 30px;
      font-style: italic;
      float: right;}
    .content.forum_2 .section_3 .historylist .time b {
      width: 12px;
      height: 12px;
      border-radius: 6px;
      background: #be926f;
      float: left;
      top: -7px;
      left: -7px;
      position: relative;}
  .content.forum_2 .section_3 .historylist .liwrapper {
    border-left: 2px solid #be926f;}
  .content.forum_2 .section_3 .historylist h3 {
    font-size: 18px;
    padding: 10px 0 20px 0;}
  .content.forum_2 .section_3 .historylist .vt {
    padding-left: 50px;
    padding-bottom: 80px;}
  .content.forum_2 .section_3 .historylist img {
    max-width: 100%;}
  .content.forum_2 .section_3 .historylist li {
    border: 0;}
  .content.contact .channel {
    background-image: url(../images/img_contact.jpg);
    background-color: #B6E6FF;}
  .content.contact .section_1 {
    margin-top: -60px;}
    .content.contact .section_1 .mainWrap {
      background: #fff;}
    .content.contact .section_1 .txt {
      width: 650px;
      margin: auto;
      font-size: 16px;
      line-height: 1.75em;}
    .content.contact .section_1 .code {
      float: right;
      text-align: center;}
      .content.contact .section_1 .code img {
        display: block;
        margin-bottom: 10px;}
    .content.contact .section_1 h2 {
      font-size: 30px;
      color: #5c307d;
      line-height: 1em;
      padding-bottom: 20px;
      padding-top: 20px;}
  .content.contact .section_2 {
    margin-top: 150px;
    padding-bottom: 100px;}
    .content.contact .section_2 .mainWrap {
      padding-top: 0px;
      padding-bottom: 0px;}
    .content.contact .section_2 .tnav:first-child {
      top: -120px;
      margin-bottom: -90px;}
    .content.contact .section_2 .tnav {
      margin-top: 100px;
      margin-bottom: 30px;
      position: relative;}
      .content.contact .section_2 .tnav ul {
        text-align: center;
        border-top: 1px solid #bbb;}
      .content.contact .section_2 .tnav li {
        display: inline-block;}
        .content.contact .section_2 .tnav li a {
          display: block;
          padding: 0 30px;
          line-height: 60px;
          font-size: 14px;}
        .content.contact .section_2 .tnav li.current a {
          font-weight: bold;
          color: #5c307d;}
      .content.contact .section_2 .tnav h2 {
        line-height: 70px;
        background: #be926f;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        text-indent: 40px;}
    .content.contact .section_2 table {
      font-size: 16px;}
      .content.contact .section_2 table th {
        text-align: left;
        padding: 15px 0;
        border-bottom: 1px solid #777;
        font-weight: bold;}
      .content.contact .section_2 table td {
        padding: 15px 15px 15px 0;
        border-bottom: 1px solid #ddd;
        line-height: 1.75em;}
      .content.contact .section_2 table .inst {
        vertical-align: top;}
      .content.contact .section_2 table h3 {
        font-size: 22px;
        color: #5c307d;
        font-weight: bold;
        line-height: 1.5em;}
  .content .org {
    padding-bottom: 60px;}
    .content .org p {
      padding: 0.75em 0;
      font-size: 16px;
      line-height: 1.75em;}
    .content .org .organization {
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 80px 0;}
      .content .org .organization .utitle {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        line-height: 70px;
        background: #734d8a;
        width: 480px;
        text-align: center;
        margin: auto;}
      .content .org .organization ul {
        margin-left: 30px;
        width: 420px;
        margin: auto;}
      .content .org .organization li {
        padding: 15px 0 15px 30px;
        border-left: 1px solid #734d8a;
        position: relative;}
        .content .org .organization li i {
          font-size: 36px;
          position: absolute;
          left: -25px;
          top: 17px;
          color: #5c307d;}
        .content .org .organization li a {
          color: #5c307d;
          font-size: 18px;
          line-height: 40px;
          display: block;}
          .content .org .organization li a:hover {
            color: #d18e59;}
        .content .org .organization li ul {
          margin-left: 80px;}
          .content .org .organization li ul li {
            padding: 0 0 0 30px;}
          .content .org .organization li ul a {
            color: #777;
            line-height: 1.75em;
            font-size: 16px;}
  .content .orgdetail {
    padding-bottom: 60px;}
    .content .orgdetail .lnav {
      position: absolute;
      left: 50px;
      width: 220px;}
      .content .orgdetail .lnav li.current a {
        border-bottom: 2px solid #5c307d;
        font-weight: bold;
        color: #5c307d;}
      .content .orgdetail .lnav a {
        display: block;
        font-size: 16px;
        line-height: 60px;
        border-bottom: 1px solid #ddd;}
    .content .orgdetail .orgdetailwrapper {
      width: 750px;
      margin-left: 360px;}
      .content .orgdetail .orgdetailwrapper .contentwrapper {
        width: auto;}
  .content.comm .channel {
    background: #eee2cb;}
    .content.comm .channel .wrapper {
      height: 156px;
      padding: 0;}
  .content.comm .mainWrap {
    margin-top: -60px;
    background: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;}
  .content.comm h1 {
    font-size: 42px;
    text-align: center;
    line-height: 1.5em;
    font-family: "微软雅黑", "Microsoft YaHei", Arial, Helvetica;}
    .content.comm h1 span {
      display: block;
      font-size: 14px;
      color: #777;}
    .content.comm h1 .source span {
      display: inline-block;
      font-size: 12px;
      line-height: 20px;
      border: 1px solid #be926f;
      padding: 0 10px;
      margin-bottom: 3px;
      color: #be926f;}
    .content.comm h1 b {
      width: 50px;
      background: #ddcfc3;
      height: 4px;
      margin: auto;
      display: block;
      margin-top: 12px;}
    .content.comm h1 .h2 {
      font-size: 24px;}
  .content.comm .contentwrapper {
    width: 1000px;
    margin: auto;
    padding-top: 40px;}
    .content.comm .contentwrapper .viewmore {
      text-align: center;
      padding: 40px 0;}
      .content.comm .contentwrapper .viewmore a {
        display: inline-block;
        margin: auto;
        line-height: 48px;
        background: #f4edde;
        font-size: 16px;
        padding: 0 60px;
        border-radius: 4px;}
    .content.comm .contentwrapper img {
      max-width: 100%;}
  .content.comm .awardslist ul {
    margin-left: -20px;}
  .content.comm .awardslist li {
    width: 25%;}
    .content.comm .awardslist li a {
      margin-left: 20px;}
  .content.comm .programslist li .txtwrapper {
    background: #F7F6F2;}
  .content.comm .newslist, .content.comm .newspic {
    margin-left: 0;}
  .content.comm .search {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;}
    .content.comm .search input {
      width: 99.6%;
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      border: 0;
      text-indent: 30px;}
    .content.comm .search button {
      background: none;
      font-size: 20px;
      position: absolute;
      height: 50px;
      line-height: 50px;
      width: 70px;
      color: #777;
      right: 0;
      top: 0;}
  .content.comm .entry .title {
    position: relative;
    background: #F7F6F2;
    padding: 50px 70px;}
    .content.comm .entry .title .addr {
      font-size: 18px;
      color: #5c307d;
      line-height: 1em;}
    .content.comm .entry .title h2 {
      font-size: 30px;
      font-weight: bold;
      line-height: 1.5em;
      padding-top: 10px;}
    .content.comm .entry .title .time {
      font-size: 16px;
      color: #fff;
      background: #5c307d;
      line-height: 40px;
      padding: 0 25px;
      position: absolute;
      bottom: -20px;}
  .content.comm .entry .form {
    padding: 70px;}
    .content.comm .entry .form li {
      padding: 8px 0;}
    .content.comm .entry .form .c_1 {
      float: left;
      width: 200px;
      font-size: 16px;
      padding-top: 10px;}
    .content.comm .entry .form .c_2 {
      margin-left: 200px;}
      .content.comm .entry .form .c_2 input {
        width: 100%;
        border: 1px solid #ddd;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-indent: 20px;
        box-shadow: 0 0 30px rgba(92, 48, 125, 0.1);}
    .content.comm .entry .form button {
      background: #3c3c3c;
      height: 50px;
      width: 200px;
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      border-radius: 4px;
      margin-top: 20px;}
  .content.comm .article {
    font-size: 16px;
    line-height: 1.75em;
    font-family: "微软雅黑", "Microsoft YaHei", Arial, Helvetica;
    padding-bottom: 60px;}
    .content.comm .article p {
      padding: 0.75em 0;}
    .content.comm .article img {
      max-width: 100%;}
    .content.comm .article a {
      color: #5c307d;
      border-bottom: 1px dashed #5c307d;}
      .content.comm .article a:hover {
        color: #d18e59;
        border: 0;}
    .content.comm .article h2 {
      font-size: 24px;
      font-weight: bold;
      line-height: 40px;
      margin: 30px 0 15px 0;
      padding-left: 25px;
      color: #5c307d;
      border-left: 5px solid #5c307d;
      position: relative;}
      .content.comm .article h2 .dm {
        display: inline-block;
        width: 40px;
        border: 1px solid #ccc;
        text-align: center;
        float: right;}
      .content.comm .article h2.act {
        cursor: pointer;}
        .content.comm .article h2.act:hover {
          border-color: #be926f;
          color: #be926f;}
        .content.comm .article h2.act.on span:before {
          content: "\ea25";}
    .content.comm .article h3 {
      font-size: 20px;
      font-weight: bold;
      line-height: 40px;
      padding: 30px 0 15px 0;}
      .content.comm .article h3 a {
        float: right;
        font-size: 12px;
        border: 0;}
    .content.comm .article ul li {
      position: relative;
      padding-left: 20px;
      line-height: 2em;}
      .content.comm .article ul li:after {
        display: block;
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #5c307d;
        left: 0px;
        top: 13px;}
    .content.comm .article .innernews ul {
      margin-left: -25px;}
    .content.comm .article .innernews .date {
      float: left;
      font-weight: 700;
      width: 50px;
      color: #5c307d;
      text-align: center;
      font-size: 12px;
      line-height: 18px;}
      .content.comm .article .innernews .date span {
        font-size: 36px;
        font-weight: 700;
        line-height: 1em;
        font-family: arial,Helvetica;}
    .content.comm .article .innernews .wrapper {
      margin-left: 75px;}
      .content.comm .article .innernews .wrapper h4 {
        font-size: 18px;
        line-height: 1.5em;
        padding-bottom: 5px;}
    .content.comm .article .innernews li {
      float: left;
      width: 50%;
      padding: 0;
      margin-bottom: 30px;}
      .content.comm .article .innernews li:after {
        display: none;}
    .content.comm .article .innernews a {
      display: block;
      background: #F7F6F2;
      margin-left: 25px;
      padding: 30px;
      border: 0;
      color: #000;
      border-top: 2px solid #ddd;
      height: 4.5em;
      overflow: hidden;}
      .content.comm .article .innernews a:hover {
        color: #be926f;}
    .content.comm .article .innercourse .courseslist {
      margin-left: -25px;}
      .content.comm .article .innercourse .courseslist li {
        float: left;
        width: 50%;
        padding: 0;
        margin-bottom: 30px;}
        .content.comm .article .innercourse .courseslist li:after {
          display: none;}
      .content.comm .article .innercourse .courseslist .time, .content.comm .article .innercourse .courseslist .addr {
        font-size: 12px;
        line-height: 20px;}
      .content.comm .article .innercourse .courseslist h4 {
        font-size: 16px;
        line-height: 1.5em;
        padding: 10px 0 20px 0;
        height: 3em;
        overflow: hidden;}
      .content.comm .article .innercourse .courseslist a {
        border: 0;
        margin-left: 25px;
        color: #000;
        display: block;}
        .content.comm .article .innercourse .courseslist a .txt {
          background: #F7F6F2;}
    .content.comm .article .shrinkrow.off {
      display: none;}
    .content.comm .article .tablesytle_1 th {
      text-align: left;
      padding: 15px 0;
      border-bottom: 1px solid #777;}
    .content.comm .article .tablesytle_1 td {
      padding: 15px 15px 15px 0;
      border-bottom: 1px solid #ddd;
      line-height: 1.75em;}
    .content.comm .article .tablesytle_1 .inst {
      vertical-align: top;}
    .content.comm .article .tablesytle_1 h3 {
      font-size: 22px;
      color: #5c307d;
      font-weight: bold;
      line-height: 1.5em;}
    .content.comm .article .tablesytle_2 th {
      text-align: left;
      padding: 15px 0 15px 30px;
      border-bottom: 1px solid #777;
      background: #F7F6F2;
      font-weight: bold;
      line-height: 1.5em;}
    .content.comm .article .tablesytle_2 td {
      padding: 5px 0 5px 30px;
      line-height: 1.75em;
      color: #5c307d;
      font-size: 18px;}
    .content.comm .article .tablesytle_2 tr.first-row td {
      padding-top: 20px;}
    .content.comm .article .tablesytle_2 tr.last-row td {
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd;}
    .content.comm .article .tablesytle_2 p {
      color: #444;}
  .content.comm .programtemplate .programtitle {
    background: #F7F6F2;
    color: #5c307d;
    padding: 30px 0;
    text-align: center;
    margin: 10px 0;}
    .content.comm .programtemplate .programtitle strong {
      font-size: 24px;
      font-weight: bold;
      display: block;
      line-height: 1.5em;
      padding-bottom: 10px;
      text-transform: uppercase;}
    .content.comm .programtemplate .programtitle span {
      padding: 0 20px;}
  .content.comm .programtemplate .univerintro {
    border: 1px solid #ddd;
    padding: 30px 60px 60px 60px;
    margin: 60px 0;
    border-radius: 6px;}
    .content.comm .programtemplate .univerintro h2 {
      border: 0;
      padding-left: 0;
      text-align: center;}
  .content.comm .programtemplate .feelingslist {
    background: #F7F6F2;
    margin: 60px 0;
    padding: 10px 0 50px 0;}
    .content.comm .programtemplate .feelingslist h4 {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-top: -24px;
      padding-bottom: 30px;}
    .content.comm .programtemplate .feelingslist .feelingwrapper {
      font-size: 14px;
      line-height: 1.75em;
      position: relative;
      margin: 0 120px 0 120px;}
      .content.comm .programtemplate .feelingslist .feelingwrapper i {
        font-size: 30px;
        color: #CCC4D0;
        position: absolute;}
        .content.comm .programtemplate .feelingslist .feelingwrapper i.icon-quote-left {
          left: -48px;
          top: 0;}
        .content.comm .programtemplate .feelingslist .feelingwrapper i.icon-quote-right {
          right: -48px;
          bottom: 0;}
  .content.comm .programtemplate .contact {
    border: 1px solid #ddd;
    padding: 30px 100px 60px 100px;
    margin: 60px 0;
    border-radius: 6px;
    background: url(../images/linebg.jpg);}
    .content.comm .programtemplate .contact h2 {
      border: 0;
      padding-left: 0;
      text-align: center;}
    .content.comm .programtemplate .contact .entry {
      width: 200px;
      text-align: center;
      border: 0;
      color: #fff;
      font-weight: bold;
      margin: auto;
      line-height: 50px;
      background: #5c307d;
      border-radius: 6px;
      display: block;
      margin-top: 30px;}
      .content.comm .programtemplate .contact .entry:hover {
        background: #be926f;}
  .content.comm .programtemplate .ulist {
    padding: 20px 0 0 0;}
    .content.comm .programtemplate .ulist ul {
      margin-left: -50px;}
    .content.comm .programtemplate .ulist li {
      float: left;
      width: 50%;
      padding: 0;
      margin-bottom: 20px;}
      .content.comm .programtemplate .ulist li:after {
        display: none;}
      .content.comm .programtemplate .ulist li img {
        width: 140px;
        float: left;}
      .content.comm .programtemplate .ulist li .utxtwrapper {
        margin-left: 170px;
        height: 160px;
        overflow: hidden;}
        .content.comm .programtemplate .ulist li .utxtwrapper h4 {
          font-size: 20px;
          font-weight: bold;
          color: #5c307d;}
        .content.comm .programtemplate .ulist li .utxtwrapper p {
          font-size: 14px;
          line-height: 1.5em;}
      .content.comm .programtemplate .ulist li .uwrapper {
        margin-left: 50px;}
  .content.comm .programtemplate .piclist {
    padding: 20px 0 0 0;}
    .content.comm .programtemplate .piclist ul {
      margin-left: -20px;}
    .content.comm .programtemplate .piclist li {
      float: left;
      width: 33.33%;
      padding: 0;
      margin-bottom: 10px;
      margin-top: 10px;
      text-align: center;}
      .content.comm .programtemplate .piclist li:after {
        display: none;}
      .content.comm .programtemplate .piclist li img {
        width: 100%;
        margin-bottom: 10px;}
      .content.comm .programtemplate .piclist li .pwrapper {
        margin-left: 20px;}
    .content.comm .programtemplate .piclist.column2 li {
      width: 50%;}
  .content.photo .channel {
    background-image: url(../images/img_photo.jpg);
    background-color: #ECC699;
    background-position: top right;
    background-repeat: no-repeat;}
    .content.photo .channel .wrapper {
      height: 350px;}
  .content.learn .channel {
    background-image: url(../images/img_learn.jpg);
    background-color: #90D0FE;
    background-position: top right;
    background-repeat: no-repeat;}
    .content.learn .channel .wrapper {
      height: 350px;}
  .content .courseslist {
    margin-left: -50px;}
    .content .courseslist li {
      float: left;
      width: 33.33%;
      margin-bottom: 40px;}
      .content .courseslist li .txtwrapper {
        display: block;
        margin-left: 50px;
        background: #F7F6F2;}
      .content .courseslist li .txt {
        padding: 40px;}
        .content .courseslist li .txt .time {
          color: #617f8d;}
        .content .courseslist li .txt h3 {
          font-size: 16px;
          line-height: 1.5em;
          padding: 10px 0 20px 0;
          height: 5em;
          overflow: hidden;}
          .content .courseslist li .txt h3 a {
            display: block;}
        .content .courseslist li .txt .btn {
          background: #fff;
          line-height: 40px;
          color: #5c307d;
          border-radius: 4px;
          box-shadow: 0 0 30px rgba(92, 48, 125, 0.2);
          text-align: center;
          font-size: 16px;
          font-weight: bold;
          display: block;}
          .content .courseslist li .txt .btn:hover {
            background: #5c307d;
            color: #fff;}
        .content .courseslist li .txt .addr {
          color: #989087;
          padding-top: 15px;
          text-align: center;}
  .content .programslist li {
    margin: 0 0 40px 0;}
    .content .programslist li .txtwrapper {
      border-left: 4px solid #5c307d;
      background: #fff;
      display: block;
      padding: 30px 40px 35px 40px;
      position: relative;}
      .content .programslist li .txtwrapper:hover {
        border-color: #d18e59;}
  .content .programslist .txt {
    margin-right: 305px;}
    .content .programslist .txt .time {
      font-size: 14px;
      color: #617f8d;}
    .content .programslist .txt h3 {
      font-size: 18px;
      line-height: 1.5em;
      padding: 10px 0 0 0;}
    .content .programslist .txt .addr {
      color: #be926f;
      line-height: 26px;
      border: 1px solid #be926f;
      background: #fff;
      position: absolute;
      display: inline-block;
      padding: 0 20px;
      bottom: -14px;}
  .content .programslist .btn {
    float: right;
    background: #fff;
    line-height: 40px;
    color: #5c307d;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(92, 48, 125, 0.2);
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    margin-top: 10px;}
    .content .programslist .btn:hover {
      background: #5c307d;
      color: #fff;}
  .content .awardslist h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0 40px 0;
    line-height: 1em;
    color: #888;}
  .content .awardslist ul {
    margin-left: -30px;}
  .content .awardslist li {
    width: 33.33%;
    float: left;
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center;}
    .content .awardslist li a {
      display: block;
      margin-left: 30px;}
    .content .awardslist li img {
      width: 100%;
      margin-bottom: 15px;
      box-shadow: 0 0 30px rgba(92, 48, 125, 0.2);}
    .content .awardslist li span {
      display: block;
      height: 3em;
      overflow: hidden;}
  .content .awardslist .snav {
    text-align: center;}
    .content .awardslist .snav a {
      display: inline-block;
      font-size: 18px;
      background: #eee;
      padding: 0 30px;
      line-height: 44px;
      margin: 0 20px;
      border-radius: 22px;
      margin-bottom: 20px;}
      .content .awardslist .snav a.current {
        background: #5c307d;
        color: #fff;}
  .content .imgslist {
    margin-left: -30px;}
    .content .imgslist li {
overflow: hidden;
    height: 220px;
      width: 33.33%;
      float: left;
      font-size: 14px;
      padding-bottom: 30px;}
      .content .imgslist li a {
        display: block;
        margin-left: 30px;}
      .content .imgslist li img {
        width: 100%;}
      .content .imgslist li span {
        display: block;
        height: 4.5em;
        overflow: hidden;
        position: relative;
        z-index: 1;
        margin: -40px 30px 0 30px;
        background: #fff;
        font-size: 16px;
        padding: 25px 25px 0 25px;
        line-height: 1.5em;}
  .content .trivialist li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;}
    .content .trivialist li h3 {
      font-size: 18px;
      color: #5c307d;
      line-height: 1.5em;
      padding-bottom: 5px;}
    .content .trivialist li span {
      display: block;}
  .content .txtlist li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;}
    .content .txtlist li h3 {
      font-size: 16px;
      line-height: 1.5em;
      padding-top: 5px;}
    .content .txtlist li .time {
      font-size: 14px;
      color: #5c307d;}
  .content .downloadlist {
    margin-left: -30px;}
    .content .downloadlist li {
      width: 33.33%;
      float: left;
      font-size: 16px;
      padding-bottom: 30px;
      line-height: 1.5em;}
      .content .downloadlist li a {
        display: block;
        margin-left: 30px;
        padding: 40px;
        background: #fff;
        box-shadow: 0 0 30px rgba(92, 48, 125, 0.2);
        height: 4.5em;
        overflow: hidden;
        position: relative;}
      .content .downloadlist li span {
        position: relative;
        z-index: 1;}
      .content .downloadlist li i {
        color: #F6F3EE;
        font-size: 120px;
        position: absolute;
        line-height: 1em;
        right: -55px;
        bottom: -10px;
        z-index: 0;}
      .content .downloadlist li.bg a {
        background: #F6F3EE;}
        .content .downloadlist li.bg a i {
          color: #fff;}
  .content .newslist {
    margin-left: 90px;
    padding-top: 50px;}
    .content .newslist .date {
      float: left;
      font-weight: 700;
      width: 50px;
      color: #5c307d;
      text-align: center;}
      .content .newslist .date span {
        font-size: 36px;
        font-weight: 700;
        line-height: 1em;
        font-family: arial,Helvetica;}
    .content .newslist .wrapper {
      margin-left: 75px;}
      .content .newslist .wrapper h3 {
        font-size: 18px;
        line-height: 1.5em;
        padding-bottom: 5px;}
        .content .newslist .wrapper h3 span {
          display: inline-block;
          font-size: 12px;
          line-height: 20px;
          border: 1px solid #be926f;
          padding: 0 10px;
          margin-bottom: 3px;
          color: #be926f;
          vertical-align: middle;
          margin-right: 15px;}
      .content .newslist .wrapper p {
        color: #777;}
    .content .newslist li {
      padding-bottom: 30px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 30px;}
  .content .tlist li {
    border-bottom: 1px solid #ddd;}
    .content .tlist li a {
      display: block;
      font-size: 18px;
      line-height: 1.5em;
      padding: 20px 0;}
      .content .tlist li a .time {
        color: #5c307d;
        float: left;}
      .content .tlist li a h3 {
        margin: 0 30px 0 140px;}
  .content .eventslist {
    padding: 60px 60px 30px 70px;}
    .content .eventslist h3 {
      font-size: 16px;
      line-height: 1.5em;
      padding-bottom: 8px;}
    .content .eventslist p {
      color: #989087;}
    .content .eventslist li {
      padding-bottom: 30px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 30px;}
  .content .newspic {
    margin-left: 90px;
    padding-top: 50px;}
    .content .newspic .img {
      float: left;
      width: 260px;
      position: relative;}
      .content .newspic .img img {
        width: 100%;}
      .content .newspic .img .time {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 64px;
        text-align: center;
        color: #5c307d;}
        .content .newspic .img .time span {
          display: block;
          font-size: 36px;
          font-weight: bold;
          line-height: 1em;
          margin-top: 12px;
          font-family: arial,Helvetica;}
    .content .newspic .wrapper {
      margin-left: 300px;}
    .content .newspic h3 {
      font-size: 18px;
      line-height: 1.5em;
      padding-bottom: 8px;}
    .content .newspic p {
      color: #777;}
    .content .newspic li {
      padding-bottom: 50px;}
  .content .scrollfix {
    z-index: 99;}

@media screen and (max-width: 1440px) {
  .content .channel {
    background-position: 80% 0;}
    .content .channel .wrapper {
      background-position: -1300px top;}
    .content .channel .txt {
      margin-left: 80px;} }
@media screen and (max-width: 1200px) {
  .content .channel {
    background-size: auto 100%;}
    .content .channel .wrapper {
      height: 250px;
      background-position: -1200px top;}
    .content .channel .txt {
      font-size: 24px;
      margin: 30px 0 0  25px;}
      .content .channel .txt span {
        font-size: 40px;}
      .content .channel .txt b {
        margin-top: 20px;}
    .content .channel .nav {
      padding-left: 25px;
      font-size: 12px;}
  .content.learn .channel .wrapper, .content.photo .channel .wrapper {
    height: 250px;}
  .content.learn .mainWrap, .content.photo .mainWrap {
    margin-top: 0;}
  .content .section .mainWrap {
    padding-top: 20px;
    padding-bottom: 60px;}
  .content .section h1 {
    font-size: 36px;
    writing-mode: horizontal-tb;
    position: static;
    line-height: 2em;
    padding-top: 20px;}
    .content .section h1.hasbg {
      width: auto;
      text-indent: 0;}
    .content .section h1 a {
      position: static;
      float: right;}
  .content.about .section h1 {
    text-align: center;}
  .content.about .wrapper {
    margin-left: 0px;}
  .content.about .section_1 .wrapper {
    width: auto;}
  .content.about .section_2 h1 {
    padding-bottom: 20px;}
  .content.about .section_2 h2 {
    color: #000;}
  .content.about .section_3 ul {
    display: flex;
    flex-wrap: wrap;}
  .content.news .section_1 {
    margin-top: 0px;
    margin-bottom: 50px;}
    .content.news .section_1 .mainWrap {
      padding-left: 0;
      padding-right: 0;}
  .content.news .section_2 .column_1 {
    width: 300px;}
  .content.news .section_2 .column_2 {
    margin-right: 350px;}
  .content.course .section_1 .wrapper, .content.course .section_2 .wrapper, .content.course .section_3 .wrapper, .content.course .section_4 .wrapper {
    margin-left: 0;}
  .content.course .section_1 h1, .content.course .section_2 h1, .content.course .section_3 h1, .content.course .section_4 h1 {
    margin-bottom: 20px;}
  .content.teacher .section_1 .wrapper, .content.teacher .section_2 .wrapper {
    margin-left: 0;}
  .content.teacher .section_1 h1, .content.teacher .section_2 h1 {
    margin-bottom: 20px;}
  .content.teacher .section_2 h1 {
    text-align: center;}
  .content.forum .section_1 {
    margin-top: 60px;
    margin-bottom: 50px;}
    .content.forum .section_1 .row > li {
      width: 100%;}
      .content.forum .section_1 .row > li.piclist {
        width: 100%;}
        .content.forum .section_1 .row > li.piclist li span {
          text-indent: 0 !important;
          text-align: center;}
    .content.forum .section_1 .row .txt {
      padding-top: 80px;}
      .content.forum .section_1 .row .txt h2 {
        text-align: center;
        display: block;
        border-bottom: 0;}
      .content.forum .section_1 .row .txt .more {
        position: static;
        width: 200px;
        border-radius: 6px;
        margin: auto;
        text-align: center;
        margin-top: 20px;}
  .content.forum .section_2 .mainWrap {
    padding-top: 0;}
  .content.forum .section_2 .column {
    padding-top: 20px;}
    .content.forum .section_2 .column .wrapper {
      margin-left: 0;
      padding-top: 30px;}
    .content.forum .section_2 .column:first-child .wrapper {
      padding-bottom: 0px;}
  .content.contact .section_1 {
    margin-top: 60px;
    margin-bottom: 10px;}
  .content.contact .section_2 {
    margin-top: 50px;}
    .content.contact .section_2 .tnav {
      margin-top: 50px;}
      .content.contact .section_2 .tnav ul {
        display: none;}
      .content.contact .section_2 .tnav:first-child {
        top: -54px;
        margin-bottom: -30px;}
  .content.comm .mainWrap {
    padding-top: 50px;}
  .content.comm .contentwrapper {
    width: auto;
    padding-top: 20px;}
  .content.forum_1 .title {
    width: auto;
    text-align: center;
    padding-bottom: 30px;}
    .content.forum_1 .title img {
      float: none;}
    .content.forum_1 .title .titlewrapper {
      margin-left: 0;
      padding-top: 10px;}
  .content.forum_1 .section h1 {
    text-align: center;
    padding-bottom: 20px;}
  .content.forum_1 .forumnav {
    display: none;}
  .content.forum_1 .section_3 .wrapper, .content.forum_1 .section_4 .wrapper, .content.forum_1 .section_5 .wrapper, .content.forum_1 .section_6 .wrapper, .content.forum_1 .section_7 .wrapper {
    margin-left: 0;
    width: auto;}
  .content.forum_1 .section_3 .contactwrapper {
    position: static !important;}
    .content.forum_1 .section_3 .contactwrapper .mainWrap {
      padding-bottom: 20px;}
  .content.forum_1 .section_3 .contact {
    position: static !important;
    width: auto;
    float: none !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;}
  .content.forum_1 .section_8 {
    padding-top: 40px;}
    .content.forum_1 .section_8 .column .columnwrapper {
      margin-left: 0;}
    .content.forum_1 .section_8 .column .wrapper {
      padding-top: 10px;}
  .content.forum_2 .section_2 {
    padding-bottom: 50px;}
    .content.forum_2 .section_2 .mainWrap {
      width: auto;}
  .content.forum_2 .section_3 h1 {
    padding-bottom: 50px;}
  .content .orgdetail .lnav {
    position: static;
    width: auto;
    white-space: nowrap;
    overflow-x: auto;}
    .content .orgdetail .lnav li {
      float: none;
      display: inline-block;
      width: auto;}
      .content .orgdetail .lnav li a {
        padding-right: 30px;}
  .content .orgdetail .orgdetailwrapper {
    margin-left: 0;
    width: auto;
    padding-top: 50px;}
  .content .eventslist {
    padding: 40px 40px 30px 40px;}
  .content .newspic, .content .newslist {
    margin-left: 0px;}
  .content .imgslist, .content .downloadlist {
    display: flex;
    flex-wrap: wrap;} }
@media screen and (max-width: 900px) {
  .content.about .section_3 ul {
    margin-left: -30px;}
    .content.about .section_3 ul li a {
      margin-left: 30px;}
  .content.news .section_1 li b {
    background-position: left 0 bottom -50px;}
  .content.news .section_1 li span {
    font-size: 18px;
    line-height: 4em;}
  .content.news .section_2 .column_1 {
    width: 100%;
    margin-bottom: 50px;}
  .content.news .section_2 .column_2 {
    margin-right: 0;}
  .content.course .section_4 li {
    width: 50%;}
  .content.teacher .section_2 .column_1 li b {
    background-position: left 0 bottom -50px;}
  .content.forum .section_1 .piclist li b {
    background-position: left 0 bottom -50px;}
  .content.forum .section_2 .column {
    width: 100%;}
  .content.contact .section_1 .txt {
    width: 550px;}
  .content.contact .section_2 table th {
    display: none;}
  .content.contact .section_2 table td {
    display: block;
    width: 100%;}
    .content.contact .section_2 table td h3 {
      font-size: 26px;}
    .content.contact .section_2 table td.inst {
      border-bottom: 0;
      padding-bottom: 0;}
    .content.contact .section_2 table td.proj {
      border-bottom: 0;
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 0;}
    .content.contact .section_2 table td.uname {
      border-bottom: 0;
      padding-bottom: 0;}
    .content.contact .section_2 table td.ci {
      padding-top: 0;}
  .content.comm .awardslist li {
    width: 33.33%;}
  .content.comm .programtemplate .ulist li {
    width: 100%;}
    .content.comm .programtemplate .ulist li .utxtwrapper {
      height: auto;}
  .content.comm .programtemplate .piclist li {
    width: 50%;}
  .content.forum_1 .section_2 .tg ul {
    margin-left: -30px;}
  .content.forum_1 .section_2 .tg li .wrapper {
    margin-left: 30px;
    height: auto;}
    .content.forum_1 .section_2 .tg li .wrapper img {
      width: 100%;
      margin: 10px 0;}
  .content.forum_1 .section_8 .subwrapper {
    margin-left: -30px;}
  .content.forum_1 .section_8 .column .wrapper {
    margin-left: 30px;}
  .content .courseslist li {
    width: 50%;}
  .content .awardslist li {
    width: 50%;}
  .content .imgslist li, .content .downloadlist li {
height: 260px;
    width: 50%;} }
@media screen and (max-width: 600px) {
  .content .channel {
    background-image: none !important;}
    .content .channel .wrapper {
      height: 160px;
      background-position: -1200px top;}
    .content .channel .txt {
      font-size: 20px;
      margin-top: 8px;
      line-height: 1.25em;}
.content .channel .txt .titlestyle1013248{
 font-size: 21px !important;
}
      .content .channel .txt span {
        font-size: 30px;}
    .content .channel .nav {
      padding-top: 20px;}
  .content.about .section_2 .img {
    float: none;
    padding-bottom: 30px;
    text-align: center;
    width: auto;}
    .content.about .section_2 .img img {
      display: block;
      margin: auto;}
  .content.about .section_2 .txt {
    margin-left: 0;}
  .content.about .section_3 ul li {
    width: 50%;}
  .content.course .section_4 li {
    width: 100%;}
  .content.teacher .section_2 .column {
    width: 100%;}
  .content.teacher .section_2 .column_1 {
    margin-bottom: 80px;}
  .content.contact .section_1 .txt {
    width: 100%;
    text-align: center;}
    .content.contact .section_1 .txt .code {
      float: none;}
      .content.contact .section_1 .txt .code img {
        margin: auto;}
  .content.comm .article .innernews li {
    width: 100%;}
  .content.comm .article .innernews a {
    height: auto;}
  .content.comm .article .innercourse .courseslist li {
    width: 100%;}
  .content.comm .article .innercourse .courseslist h4 {
    height: auto;}
  .content.comm .entry .title h2 {
    font-size: 24px;}
  .content.comm .entry .form .c_1 {
    float: none;
    padding-bottom: 10px;}
  .content.comm .entry .form .c_2 {
    margin-left: 0;}
  .content.comm .awardslist li {
    width: 50%;}
  .content.comm .awardslist .snav a {
    font-size: 14px;
    padding: 0 20px;
    line-height: 40px;
    margin: 0 5px;
    border-radius: 20px;
    margin-bottom: 20px;}
  .content.comm .programtemplate .piclist li {
    width: 100%;}
  .content.comm .programtemplate .piclist.column2 li {
    width: 100%;}
  .content.forum_1 .section_8 .column {
    width: 100%;}
  .content.forum_1 .section_2 .tg {
    padding: 0;}
    .content.forum_1 .section_2 .tg li {
      width: 100%;
      margin: 10px 0;}
  .content.learn .channel .wrapper, .content.photo .channel .wrapper {
    height: 160px;}
  .content .org .organization {
    border: 0;
    padding: 40px 0 0 0;}
    .content .org .organization .utitle, .content .org .organization ul {
      width: auto;}
  .content .newspic .img {
    width: 220px;}
  .content .newspic .wrapper {
    margin-left: 250px;}
  .content .courseslist li {
    width: 100%;}
  .content .programslist .btn {
    float: none;
    position: absolute;
    bottom: 35px;
    left: 40px;
    right: 30px;
    width: auto;}
  .content .programslist .txt {
    margin-right: 0;}
    .content .programslist .txt .addr {
      position: static;
      margin: 10px 0 0 0;}
  .content .programslist li .txtwrapper {
    padding-bottom: 110px;}
  .content .awardslist li {
    width: 100%;}
  .content .imgslist li {
height: 315px;
    width: 100%;}
    .content .imgslist li span {
      height: auto;}
  .content .downloadlist li {
    width: 100%;}
    .content .downloadlist li a {
      height: auto;} }
@media screen and (max-width: 500px) {
  .content.about .section_3 ul li {
    width: 100%;}
  .content.about .section_5 li {
    width: 100%;
    padding-top: 0;}
    .content.about .section_5 li.rt {
      padding-top: 0;}
      .content.about .section_5 li.rt .vt {
        padding-left: 30px;}
    .content.about .section_5 li .vt {
      padding-right: 30px;
      padding-bottom: 40px;}
  .content.forum .section_1 .row .txt {
    padding-left: 40px;
    padding-right: 40px;}
    .content.forum .section_1 .row .txt h2 {
      font-size: 20px;}
    .content.forum .section_1 .row .txt p {
      padding-top: 10px;}
  .content.comm h1 {
    font-size: 30px;
    line-height: 1.25em;}
  .content.comm .entry .title {
    padding: 30px 30px 40px 30px;}
  .content.comm .entry .form {
    padding: 30px;}
  .content.comm .awardslist li {
    width: 100%;}
  .content.comm .awardslist h2 {
    font-size: 24px;}
  .content.comm .programtemplate .univerintro {
    padding: 0px 30px 30px 30px;}
  .content.comm .programtemplate .feelingslist .feelingwrapper {
    margin: 0 30px 0 30px;}
  .content.comm .programtemplate .contact {
    padding: 0px 30px 30px 30px;}
  .content.comm .programtemplate .programtitle span {
    display: block;}
  .content.comm .article .tablesytle_2 td {
    display: block;}
  .content.comm .article .tablesytle_2 tr.last-row td:first-child {
    border-bottom: 0;
    padding-bottom: 5px;}
  .content.forum_1 .section_5 img {
    float: none;
    display: block;
    margin: auto;}
  .content.forum_1 .section_5 .txt {
    margin-left: 0;
    padding-top: 20px;}
    .content.forum_1 .section_5 .txt h3 {
      text-align: center;}
  .content.forum_2 .section_3 .historylist .time {
    width: 120px;}
  .content.forum_2 .section_3 .historylist .vt {
    padding-left: 30px;
    padding-bottom: 60px;}
  .content .org .organization li ul {
    margin-left: 40px;}
  .content .newspic .img {
    width: 100%;
    margin-bottom: 20px;}
  .content .newspic .wrapper {
    margin-left: 0;}
  .content .tlist li a .time {
    float: none;}
  .content .tlist li a h3 {
    padding-top: 5px;
    margin-left: 0;} }
video#_vsb_player{max-width:100%;}

@media screen and (max-width: 500px) {
.content .imgslist li {
height: 270px;
    width: 100%;}
}
@media screen and (max-width: 420px) {
.content .imgslist li {
height: 240px;
    width: 100%;}
}
@media screen and (max-width: 380px) {
.content .imgslist li {
height: 225px;
    width: 100%;}
}
@media screen and (max-width: 320px) {
.content .imgslist li {
height: 220px;
    width: 100%;}
}