input {
  background: none;
  border: none; }
.front_page{
	color:#A0A9B7;
}
body {
	0color:#fff;
  background-color: #13294B; }

select::-ms-expand {
  display: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #8994A5; }
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #8994A5; }
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #8994A5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #8994A5; }
a{
  color:#fff;
}
.left {
  float: left; }

.right {
  float: right; }

.headerBox {
  width: 100%;
  height: 100px;
  transition: all .5s; }
  .headerBox.down {
    height: 70px; }
  @media (max-width: 1024px) {
    .headerBox {
      height: 50px !important; } }

.bgc {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.main {
  width: 100%;
  overflow: hidden;
  height: auto;
  position: relative;
  background-color: #13294B; }

.table {
  width: 100%;
  height: 100%;
  display: table; }
  .table .table-cell {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell; }

.w1400 {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  0z-index: 5; }

.fz42 {
  font-size: 32px;
  line-height: 45px;
  color: #fff;
  text-align: center; }
  @media (max-width: 1366px) {
    .fz42 {
      font-size: 30px;
      line-height: 46px; } }
  @media (max-width: 1200px) {
    .fz42 {
      font-size: 26px;
      line-height: 38px; } }
  @media (max-width: 768px) {
    .fz42 {
      font-size: 22px;
      line-height: 30px; } }

.header {
  width: 100%;
  height: 100px;
  background-color: #E84A27;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  transition: all .5s; }
  .header .w1400 {
    height: 100%; }
  .header .navClick {
    width: 110px;
    height: 44px;
    border-radius: 22px;
    border: 2px solid #fff;
    display: block;
    margin-top: 28px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    transition: all .5s; }
    .header .navClick .aNew {
      display: inline-block; }
      .header .navClick .aNew .line {
        width: 16px;
        float: left;
        height: auto;
        margin-top: 14px; }
        .header .navClick .aNew .line span {
          width: 16;
          height: 1px;
          background-color: #fff;
          display: block; }
          .header .navClick .aNew .line span:nth-child(1), .header .navClick .aNew .line span:nth-child(2) {
            margin-bottom: 5px; }
      .header .navClick .aNew .t {
        font-size: 16px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
        float: left;
        margin-left: 17px; }
    @media (min-width: 1024px) {
      .header .navClick:hover {
        background-color: #fff; }
        .header .navClick:hover .aNew .line span {
          background-color: #E84A27; }
        .header .navClick:hover .aNew .t {
          color: #E84A27; } }
  .header .headerRight {
    float: right;
    margin-right: -110px;
    padding-right: 110px;
    font-size: 14px;
    line-height: 32px;
    margin-top: 34px;
    position: relative;
    z-index: 5;
    transition: all .5s; }
    .header .headerRight .nav {
      float: left; }
      .header .headerRight .nav a {
        color: #fff;
        margin-right: 14px;
        float: left;
        padding: 0 10px; }
        .header .headerRight .nav a:nth-child(4) {
          margin-right: 10px; }
        .header .headerRight .nav a:last-child {
          margin-right: 0; }
        @media (min-width: 1024px) {
          .header .headerRight .nav a:hover {
            color: #13294B; } }
      .header .headerRight .nav span {
        width: 1px;
        height: 10px;
        margin-top: 11px;
        background-color: #fff;
        float: left;
        display: block;
        margin-right: 10px; }
    .header .headerRight .nw {
      width: 66px;
      height: 32px;
      background-color: #13294B;
      border-radius: 4px;
      text-align: center;
      display: block;
      margin-left: 44px;
      color: #fff;
      font-size: 16px;
      line-height: 32px;
      float: left; }
    .header .headerRight .searchBox {
      width: 88px;
      height: 32px;
      border-radius: 16px;
      overflow: hidden;
      margin-left: 30px;
      cursor: pointer;
      background-color: #B33C24;
      transition: all .5s;
      float: left;
      position: relative;
      margin-right: -110px; }
      .header .headerRight .searchBox .t {
        width: 100%;
        height: 32px;
        background-color: #B33C24;
        text-align: center;
        font-size: 0; }
        .header .headerRight .searchBox .t span {
          font-size: 14px;
          line-height: 32px;
          color: #EFD8D3;
          padding-left: 20px;
          background-position: left center;
          background-repeat: no-repeat;
          background-image: url("../img/header_icon1.png");
          background-size: 14px auto; }
      .header .headerRight .searchBox .t1 {
        width: 100%;
        height: 32px;
        position: absolute;
        background-color: #B33C24;
        right: 0;
        top: 0;
        opacity: 0;
        z-index: 5; }
        .header .headerRight .searchBox .t1 .js-form-item {
          width: 145px;
          float: left; }
        .header .headerRight .searchBox .t1 input[type="search"] {
          width: 125px;
          height: 32px;
          margin-left: 20px;
          font-size: 14px;
          line-height: 20px;
          color: #fff;
          border: none;
          background: none; }
        .header .headerRight .searchBox .t1 .close {
          width: 32px;
          height: 32px;
          background: none;
          border: none;
          background-size: 16px;
          background-repeat: no-repeat;
          background-position: center;
          float: right;
          display: block;
          background-image: url("../img/close.png");
          margin-right: 12px; }
        .header .headerRight .searchBox .t1 input[type="submit"] {
          width: 55px;
          color: #fff;
          font-size: 14px;
          line-height: 32px; }
      .header .headerRight .searchBox.on {
        width: 200px;
        margin-left: 8px; }
        .header .headerRight .searchBox.on .t {
          display: none; }
        .header .headerRight .searchBox.on .t1 {
          opacity: 1; }
  .header .logo {
    width: 314px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    left: 50%; }
    .header .logo img {
      max-width: 100%; }
  .header .searchClick {
    width: 24px;
    height: 24px;
    float: right;
    margin-top: 13px;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/search.png"); }
  .header .searchM {
    width: 100%;
    height: 50px;
    background-color: #B33C24;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    transition: all 1s; }
    .header .searchM .text {
      width: calc(100% - 50px - 85px);
      box-sizing: border-box;
      padding-left: 52px;
      height: 50px;
      font-size: 16px;
      line-height: 30px;
      color: #fff;
      border: none;
      background: none;
      background-image: url("../img/search.png");
      background-repeat: no-repeat;
      background-size: 24px;
      background-position: 19px center;
      float: left; }
      .header .searchM .text::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8); }
      .header .searchM .text:-moz-placeholder {
        color: rgba(255, 255, 255, 0.8); }
      .header .searchM .text::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8); }
      .header .searchM .text:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8); }
    .header .searchM .submit {
      width: 85px;
      height: 50px;
      border: none;
      background-color: #E84A27;
      float: left;
      text-align: center;
      font-size: 16px;
      line-height: 50px;
      color: #fff; }
    .header .searchM .closeSearch {
      width: 50px;
      height: 50px;
      float: left;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px;
      background-image: url("../img/clo.png");
      display: block; }
    .header .searchM.on {
      left: 0; }
  .header.down {
    height: 70px; }
    .header.down .navClick {
      margin-top: 13px; }
    .header.down .headerRight {
      margin-top: 19px; }
  @media (max-width: 1650px) {
    .header .headerRight {
      margin-right: -50px;
      padding-right: 90px; }
      .header .headerRight .nav a {
        margin-right: 8px; }
      .header .headerRight .searchBox {
        margin-left: 10px;
        margin-right: -50px; } }
  @media (max-width: 1200px) {
    .header .headerRight .nav a {
      padding: 0 6px;
      margin-right: 4px; } }
  @media (max-width: 1024px) {
    .header {
      height: 50px !important; }
      .header .headerRight {
        display: none; }
      .header .logo {
        width: 190px; }
      .header .navClick {
        width: 22px;
        height: auto;
        margin-top: 17px;
        border: none; }
        .header .navClick .aNew {
          width: 100%; }
          .header .navClick .aNew .t {
            font-size: 14px;
            line-height: 32px;
            font-weight: normal;
            margin-left: 5px;
            display: none; }
          .header .navClick .aNew .line {
            width: 22px;
            margin-top: 0; }
            .header .navClick .aNew .line span {
              width: 22px;
              height: 2px; }
              .header .navClick .aNew .line span:nth-child(1) {
                margin-bottom: 5px; }
              .header .navClick .aNew .line span:nth-child(2) {
                margin-bottom: 5px; }
      .header .searchClick {
        display: block; } }

.header1 {
  width: 100%;
  height: 100px;
  background-color: #E84A27;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  transition: all .5s; }
  .header1 .w1400 {
    height: 100%; }
    .header1 .w1400 .logo {
      width: 314px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 4;
      left: 0; }
      .header1 .w1400 .logo img {
        max-width: 100%; }
    .header1 .w1400 .headerRight {
      float: right;
      font-size: 14px;
      line-height: 32px;
      margin-top: 34px;
      z-index: 5;
      transition: all .5s; }
      .header1 .w1400 .headerRight .nav {
        float: left; }
        .header1 .w1400 .headerRight .nav .t1 {
          float: left; }
          .header1 .w1400 .headerRight .nav .t1 a {
            color: #fff;
            margin-right: 14px;
            float: left;
            padding: 0 10px; }
            .header1 .w1400 .headerRight .nav .t1 a:nth-child(4) {
              margin-right: 10px; }
            .header1 .w1400 .headerRight .nav .t1 a:last-child {
              margin-right: 0; }
            @media (min-width: 1024px) {
              .header1 .w1400 .headerRight .nav .t1 a:hover {
                color: #13294B; } }
            .header1 .w1400 .headerRight .nav .t1 a.lan {
              margin-left: 29px; }
        .header1 .w1400 .headerRight .nav .t {
          float: left;
          margin-left: 20px; }
          .header1 .w1400 .headerRight .nav .t .tt {
            padding-left: 24px;
            font-size: 14px;
            line-height: 32px;
            color: #fff;
            background-position: left center;
            background-image: url("../img/h_icon1.png");
            background-size: 20px 20px;
            background-repeat: no-repeat;
            cursor: pointer; }
            .header1 .w1400 .headerRight .nav .t .tt span {
              padding-right: 14px;
              display: inline-block;
              background-position: right center;
              background-image: url("../img/h_icon2.png");
              background-size: 8px auto;
              background-repeat: no-repeat; }
          .header1 .w1400 .headerRight .nav .t .tt1 {
            width: 230px;
            height: auto;
            right: 0;
            top: 66px;
            background-color: #fff;
            padding: 12px 0;
            position: absolute;
            display: none; }
            .header1.down .w1400 .headerRight .nav .t .tt1
            {
                top:51px;
            }
            .header1 .w1400 .headerRight .nav .t .tt1 a {
              width: 100%;
              font-size: 14px;
              line-height: 36px;
              color: #000;
              padding-left: 58px;
              display: block;
              box-sizing: border-box;
              background-position: 24px center;
              background-size: 24px;
              background-repeat: no-repeat; }
              .header1 .w1400 .headerRight .nav .t .tt1 a.a1 {
                background-image: url("../img/xx.png"); }
              .header1 .w1400 .headerRight .nav .t .tt1 a.a2 {
                background-image: url("../img/sp.png"); }
              .header1 .w1400 .headerRight .nav .t .tt1 a.a3 {
                background-image: url("../img/tc.png"); }
              @media (min-width: 1024px) {
                .header1 .w1400 .headerRight .nav .t .tt1 a:hover {
                  background-color: #F8F9FB; } }
          @media (min-width: 1024px) {
            .header1 .w1400 .headerRight .nav .t:hover .tt1 {
              display: block; } }
      .header1 .w1400 .headerRight .nw {
        width: 66px;
        height: 32px;
        background-color: #13294B;
        border-radius: 4px;
        text-align: center;
        display: block;
        margin-left: 44px;
        color: #fff;
        font-size: 16px;
        line-height: 32px;
        float: left; }
    .header1 .w1400 .navClick1 {
      width: 22px;
      float: left;
      height: auto;
      margin-top: 17px;
      float: right;
      margin-left: 15px;
      display: none; }
      .header1 .w1400 .navClick1 span {
        width: 22px;
        height: 2px;
        background-color: #fff;
        display: block;
        position: relative;
        transition: .3s;
        -webkit-transition: .3s; }
        .header1 .w1400 .navClick1 span:nth-child(1) {
          margin-bottom: 5px; }
        .header1 .w1400 .navClick1 span:nth-child(2) {
          margin-bottom: 5px; }
      .header1 .w1400 .navClick1.on span:nth-child(1) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 7px;
        right: 0px; }
      .header1 .w1400 .navClick1.on span:nth-child(2) {
        display: none; }
      .header1 .w1400 .navClick1.on span:nth-child(3) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        top: 0;
        right: 0; }
  .header1.down {
    height: 70px; }
    .header1.down .w1400 .headerRight {
      margin-top: 19px; }
  @media (max-width: 1024px) {
    .header1 {
      height: 50px !important; }
      .header1 .w1400 .headerRight {
        margin-top: 10px; }
        .header1 .w1400 .headerRight .nav .t1 {
          width: 140px;
          background-color: #fff;
          position: absolute;
          top: 50px;
          right: -6%;
          padding: 6px 0;
          display: none; }
          .header1 .w1400 .headerRight .nav .t1 a {
            width: 100%;
            padding: 0;
            padding-left: 15px;
            margin-right: 0;
            box-sizing: border-box;
            color: #333;
            margin-left: 0 !important; }
        .header1 .w1400 .headerRight .nav .t {
          margin-left: 0; }
          .header1 .w1400 .headerRight .nav .t .tt {
            width: 30px;
            height: 30px;
            background-size: 30px;
            margin-right: 0;
            padding-left: 0; }
            .header1 .w1400 .headerRight .nav .t .tt span {
              display: none; }
          .header1 .w1400 .headerRight .nav .t .tt1 {
            width: 150px;
            right: -6%;
            top: 50px; }
            .header1 .w1400 .headerRight .nav .t .tt1 a {
              background-position: 10px center;
              padding-left: 42px; }
      .header1 .w1400 .navClick1 {
        display: block; }
      .header1 .w1400 .logo {
        width: 230px; } }

.index-banner {
  position: relative; }
  .index-banner ul li {
    position: relative;
    width: 100%;
    cursor: pointer; }
    .index-banner ul li .con {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      font-size: 0;
      padding-top: 12%; }
      .index-banner ul li .con .conNew {
        display: inline-block; }
        .index-banner ul li .con .conNew .t {
          font-size: 54px;
          line-height: 65px;
          color: #fff;
          display: block;
          font-family: Arial;
          transform: translateY(20px);
          opacity: 0;
          transition: all .6s;
          transition-delay: 0.5s; }
        .index-banner ul li .con .conNew .t1 {
          font-size: 70px;
          line-height: 98px;
          color: #fff;
          display: block;
          margin-top: 13px;
          transform: translateY(20px);
          opacity: 0;
          transition: all .6s;
          transition-delay: 0.8s; }
    .index-banner ul li.swiper-slide-active .con .conNew .t {
      transform: translateY(0);
      opacity: 1; }
    .index-banner ul li.swiper-slide-active .con .conNew .t1 {
      transform: translateY(0);
      opacity: 1; }
  .index-banner .btns {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0;
    position: absolute;
    bottom: 48px;
    left: 0;
    z-index: 100; }
    .index-banner .btns span {
      width: 10px;
      height: 10px;
      border-radius: 100%;
      border: 3px solid #fff;
      display: inline-block;
      margin: 0 11px;
      background: none;
      opacity: 1; }
      .index-banner .btns span.swiper-pagination-bullet-active {
        background-color: #fff; }
  @media (max-width: 1366px) {
    .index-banner ul li .con .conNew .t {
      font-size: 40px;
      line-height: 44px; }
    .index-banner ul li .con .conNew .t1 {
      font-size: 50px;
      line-height: 60px; } }
  @media (max-width: 1200px) {
    .index-banner ul li .con .conNew .t {
      font-size: 30px;
      line-height: 32px; }
    .index-banner ul li .con .conNew .t1 {
      font-size: 40px;
      line-height: 50px; } }
  @media (max-width: 768px) {
    .index-banner ul li {
      overflow: hidden; }
      .index-banner ul li img {
        width: 140%;
        margin-left: -20%;
        max-width: 140%; }
      .index-banner ul li .con .conNew .t {
        font-size: 16px;
        line-height: 20px; }
      .index-banner ul li .con .conNew .t1 {
        font-size: 20px;
        line-height: 24px;
        margin-top: 5px; }
    .index-banner .btns {
      bottom: 12px; }
      .index-banner .btns span {
        width: 6px;
        height: 6px;
        border-width: 2px;
        margin: 0 6px; } }

.indexMore {
  width: 200px;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  display: block; }
  .indexMore span {
    font-size: 14px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    z-index: 5;
    transition: all .5s; }
  .indexMore:after {
    width: calc(100% + 2px);
    height: 4px;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: -1px;
    content: '';
    transition: all 0.5s; }
  .indexMore .bg {
    width: 0;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s;
    z-index: 4; }
  @media (min-width: 1024px) {
    .indexMore:hover {
      border-color: #fff; }
      .indexMore:hover span {
        color: #0D1E3A; }
      .indexMore:hover:after {
        width: 0; }
      .indexMore:hover .bg {
        width: 100%; } }
  @media (max-width: 768px) {
    .indexMore {
      width: 130px;
      height: 40px; }
      .indexMore span {
        line-height: 38px; } }

.index .index-box1 {
  background-color: #13294B;
  padding-top: 5.2%;
  padding-bottom: 6.25%; }
  .index .index-box1 .list {
    margin-top: 4.3%; }
    .index .index-box1 .list ul li {
      width: 31.4%;
      float: left;
      height: 215px;
      background-color: rgba(255, 255, 255, 0.1);
      margin-right: 2.9%;
      position: relative;
      overflow: hidden; }
      .index .index-box1 .list ul li:last-child {
        margin-right: 0; }
      .index .index-box1 .list ul li a {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        display: block;
        padding: 40px; }
        .index .index-box1 .list ul li a .tits {
          font-size: 18px;
          line-height: 2;
          color: #fff;
          font-weight: bold;
          height: 4em;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
        .index .index-box1 .list ul li a .tit {
          font-size: 16px;
          line-height: 2;
          color: #A0A9B7;
          0height: 63px;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 18px; }
        .index .index-box1 .list ul li a .time {
          font-size: 18px;
          line-height: 2;
          color: #A0A9B7;
          0margin-top: 64px; }
      .index .index-box1 .list ul li .tag {
        font-size: 80px;
        line-height: 92px;
        color: #0D1E3A;
        opacity: 0.2;
        position: absolute;
        bottom: -20px;
        right: 5px;
        font-weight: bold;
        font-family: Arial; }
    .index .index-box1 .list .btns {
      width: 100%;
      height: auto;
      margin-top: 40px;
      position: relative; }
      .index .index-box1 .list .btns .btnsNew {
        width: 140px;
        height: auto;
        margin: 0 auto; }
        .index .index-box1 .list .btns .btnsNew .a {
          width: 46px;
          height: 46px;
          border-radius: 100%;
          float: left;
          background-position: center;
          background-repeat: no-repeat; }
          @media (min-width: 1024px) {
            .index .index-box1 .list .btns .btnsNew .a:hover {
              background-color: rgba(216, 216, 216, 0.1); } }
          .index .index-box1 .list .btns .btnsNew .a.prev {
            background-image: url("../img/index_prev.png"); }
          .index .index-box1 .list .btns .btnsNew .a.next {
            background-image: url("../img/index_next.png"); }
        .index .index-box1 .list .btns .btnsNew span {
          width: 2px;
          height: 16px;
          margin: 15px 23px 0;
          display: block;
          float: left;
          background-color: #A0A9B7; }
      .index .index-box1 .list .btns .more {
        padding-right: 36px;
        font-size: 14px;
        line-height: 30px;
        top: 0px;
        right: 0;
        background-position: right center;
        background-repeat: no-repeat;
        background-image: url("../img/index_icon1.png");
        position: absolute;
        color: #fff; }
.index .index-box2 {
  background-color: #0D1E3A;
  padding-top: 5.2%;
  padding-bottom: 5.8%; }
  .index .index-box2 .list {
    margin-top: 4.3%; }
    .index .index-box2 .list ul li {
      width: 48.6%;
      float: left;
      margin-right: 2.8%; }
      .index .index-box2 .list ul li:last-child {
        margin-right: 0; }
      .index .index-box2 .list ul li a {
        height: auto;
        display: block;
        text-align: center; }
        .index .index-box2 .list ul li a .pic {
          width: 100%;
          height: auto;
          overflow: hidden; }
          .index .index-box2 .list ul li a .pic img {
            transition: all 1.5s; }
          @media (min-width: 1024px) {
            .index .index-box2 .list ul li a .pic:hover img {
              transform: scale(1.1); } }
        .index .index-box2 .list ul li a .tits {
          font-size: 14px;
          line-height: 19px;
          color: #A0A9B7;
          margin-top: 40px; }
        .index .index-box2 .list ul li a .tit {
          font-size: 20px;
          line-height: 26px;
          font-weight: bold;
          color: #fff;
          height: 52px;
          width: 540px;
          max-width: 100%;
          margin: 36px auto 0;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
        .index .index-box2 .list ul li a .more {
          width: 200px;
          height: 50px;
          box-sizing: border-box;
          margin: 36px auto 0;
          border: 1px solid rgba(255, 255, 255, 0.5);
          position: relative; }
          .index .index-box2 .list ul li a .more span {
            font-size: 14px;
            line-height: 48px;
            color: #fff;
            text-align: center;
            display: block;
            position: relative;
            width: 100%;
            z-index: 5;
            transition: all .5s; }
          .index .index-box2 .list ul li a .more:after {
            width: calc(100% + 2px);
            height: 4px;
            background-color: #fff;
            position: absolute;
            bottom: -1px;
            left: -1px;
            content: '';
            transition: all 0.5s; }
          .index .index-box2 .list ul li a .more .bg {
            width: 0;
            height: 100%;
            background-color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            transition: all 0.5s;
            z-index: 4; }
          @media (min-width: 1024px) {
            .index .index-box2 .list ul li a .more:hover {
              border-color: #fff; }
              .index .index-box2 .list ul li a .more:hover span {
                color: #0D1E3A; }
              .index .index-box2 .list ul li a .more:hover:after {
                width: 0; }
              .index .index-box2 .list ul li a .more:hover .bg {
                width: 100%; } }
      .index .index-box2 .list ul li .indexMore {
        margin: 36px auto 0;
        display: block; }
.index .index-box3 {
  padding-top: 5.2%;
  background-color: #13294B;
  padding-bottom: 60px; }
  .index .index-box3 .list {
    margin-top: 60px; }
    .index .index-box3 .list .listNew ul li {
      width: 33.33333%;
      float: left;
      margin-bottom: 60px;
      cursor: pointer; }
	
      .index .index-box3 .list .listNew ul li .icon {
        width: 100px;
        height: auto;
        margin: 0 auto; }
      .index .index-box3 .list .listNew ul li p {
        text-align: center;
        font-size: 24px;
        line-height: 31px;
		height:62px;
        color: #fff;
        margin-top: 24px; }
      .index .index-box3 .list .listNew ul li.on p {
        color: #E84A27; }
    .index .index-box3 .list .listNew .itemBox {
      width: 100%;
      height: auto;
      position: relative;
      margin-bottom: 60px;
      display: none; }
      .index .index-box3 .list .listNew .itemBox:after {
        width: 10000px;
        top: 0;
        left: 50%;
        margin-left: -5000px;
        height: 100%;
        background-color: #102342;
        position: absolute;
        content: ''; }
      .index .index-box3 .list .listNew .itemBox .item {
        padding: 80px 0;
        position: relative;
        z-index: 5;
        display: none; }
        .index .index-box3 .list .listNew .itemBox .item .tits {
          width: 25.7%;
          float: left;
          padding-left: 80px;
          font-size: 32px;
          line-height: 42px;
          color: #fff;
          font-weight: bold;
          box-sizing: border-box; }
        .index .index-box3 .list .listNew .itemBox .item .tit {
          width: 62.5%;
          max-width: 74.3%;
          float: left; }
          .index .index-box3 .list .listNew .itemBox .item .tit .t {
            font-size: 14px;
            line-height: 19px;
            color: #fff;
            margin-bottom: 34px; }
            .index .index-box3 .list .listNew .itemBox .item .tit .t .t2 {
              color: #A0A9B7;
              margin-top: 13px; }
            .index .index-box3 .list .listNew .itemBox .item .tit .t:last-child {
              margin-bottom: 0; }
.index .index-box4 {
  padding-top: 5.2%;
  background-color: #0D1E3A;
  padding-bottom: 6.25%; }
  .index .index-box4 .title a{
    float:right;
    font-size:16px;
  }
  .index .index-box4 .content {
    margin-top: 60px; }
    .index .index-box4 .content .videoBox {
      width: 48.6%;
      height: 424px;
      float: left;
      background-color: #00091A; }
    .index .index-box4 .content .list {
      width: 48.6%;
      float: right;
      padding-top: 18px; }
      .index .index-box4 .content .list ul li {
        width: 29.4%;
        float: left;
        margin-right: 5.9%;
        cursor: pointer;
        margin-bottom: 25px; }
        .index .index-box4 .content .list ul li:nth-child(3n) {
          margin-right: 0; }
        .index .index-box4 .content .list ul li .pic {
          width: 100%;
          height: auto;
          position: relative; }
          .index .index-box4 .content .list ul li .pic img {
            transition: all 1.5s; }
          .index .index-box4 .content .list ul li .pic .bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: left bottom;
            background-image: url("../img/index_bg2.png"); }
          .index .index-box4 .content .list ul li .pic .t {
            font-size: 14px;
            line-height: 17px;
            color: #fff;
            position: absolute;
            bottom: 12px;
            left: 12px; }
        .index .index-box4 .content .list ul li p {
          font-size: 18px;
          line-height: 24px;
          color: #fff;
          height: 48px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 21px; }
.index .index-box5 {
  width: 100%; }
  .index .index-box5 .itemLeft {
    width: 44.8%;
    float: left;
    position: relative; }
    .index .index-box5 .itemLeft .con {
      left: 30.2%;
      top: 0;
      padding-top: 11.6%;
      position: absolute; }
      .index .index-box5 .itemLeft .con .tits {
        text-align: left; }
      .index .index-box5 .itemLeft .con .tit {
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        margin-top: 37px;
        width: 430px; }
      .index .index-box5 .itemLeft .con .indexMore {
        margin-top: 114px;
        width: 140px;
        height: 63px; }
        .index .index-box5 .itemLeft .con .indexMore span {
          line-height: 61px; }
  .index .index-box5 .itemRight {
    width: 55.2%;
    float: right; }
    .index .index-box5 .itemRight a {
      width: 33.3333333333%;
      height: auto;
      display: block;
      float: left; }
      .index .index-box5 .itemRight a .pic {
        width: 100%;
        height: auto;
        overflow: hidden; }
        .index .index-box5 .itemRight a .pic img {
          transition: all 1.5s; }
        @media (min-width: 1024px) {
          .index .index-box5 .itemRight a .pic:hover img {
            transform: scale(1.1); } }
      .index .index-box5 .itemRight a .tits {
		  display:block;
        width: 100%;
        height: auto;
        position: relative; }
        .index .index-box5 .itemRight a .tits .p {
          width: 100%;
          text-align: center;
          font-size: 26px;
          line-height: 36px;
          left: 0;
          top: 50%;
          margin-top: -21px;
          color: #fff;
          font-weight: bold;
          position: absolute; }
@media (max-width: 1500px) {
  .index .index-box5 .itemLeft .con .indexMore {
    margin-top: 50px; }
  .index .index-box5 .itemLeft .con .tit {
    width: 350px; } }
@media (max-width: 1366px) {
  .index .index-box2 .list ul li a .tit {
    margin: 20px auto 0; }
  .index .index-box2 .list ul li a .tits {
    margin-top: 25px; }
  .index .index-box4 .content .list ul li p {
    font-size: 16px;
    line-height: 22px;
    height: 44px; }
  .index .index-box4 .content .videoBox {
    height: 385px; }
  .index .index-box5 .itemLeft .con .tit {
    font-size: 16px;
    margin-top: 15px; }
  .index .index-box5 .itemRight a .tits p {
    font-size: 24px;
    line-height: 30px;
    margin-top: -15px; } }
@media (max-width: 1200px) {
  .index .index-box1 .list ul li {
    height: 263px; }
  .index .index-box1 .list ul li a {
    padding: 20px; }
  .index .index-box3 .list .listNew ul li p {
    font-size: 20px;
    line-height: 26px;
    margin-top: 15px; }
  .index .index-box3 .list {
    margin-top: 40px; }
  .index .index-box3 .list .listNew .itemBox .item .tits {
    font-size: 24px;
    line-height: 32px; }
  .index .index-box3 .list .listNew .itemBox .item {
    padding: 60px 0; }
  .index .index-box5 .itemLeft .con {
    left: 16%; }
  .index .index-box5 .itemLeft .con .indexMore {
    height: 50px;
    margin-top: 30px; }
    .index .index-box5 .itemLeft .con .indexMore span {
      line-height: 48px; }
  .index .index-box4 .content .videoBox {
    height: 340px; } }
@media (max-width: 960px) {
  .index .index-box5 .itemLeft {
    width: 100%;
    float: none;
    height: 340px;
    overflow: hidden; }
    .index .index-box5 .itemLeft .con {
      width: 90%;
      left: 5%;
      transform: translateY(-50%);
      top: 50%;
      padding-top: 0; }
      .index .index-box5 .itemLeft .con .tit {
        max-width: 100%;
        font-size: 14px;
        line-height: 20px; }
      .index .index-box5 .itemLeft .con .indexMore {
        width: 120px;
        height: 40px;
        margin-top: 25px; }
        .index .index-box5 .itemLeft .con .indexMore span {
          line-height: 38px; }
  .index .index-box5 .itemRight {
    width: 100%;
    float: none; }
  .index .index-box5 .itemRight a .tits p {
    font-size: 18px;
    line-height: 20px;
    margin-top: -10px; }
  .index .index-box4 .content .videoBox {
    height: 310px; } }
@media (max-width: 768px) {
  .index .index-box1 .list ul li {
    height: auto; }
    .index .index-box1 .list ul li a .tits {
      font-size: 16px;
      line-height: 24px;
      height: 48px; }
    .index .index-box1 .list ul li a .tit {
      font-size: 14px;
      line-height: 18px;
      height: 54px;
      margin-top: 10px; }
    .index .index-box1 .list ul li a .time {
      font-size: 14px;
      line-height: 16px;
      margin-top: 30px; }
    .index .index-box1 .list ul li .tag {
      font-size: 46px;
      line-height: 64px; }
  .index .index-box1 .list .btns {
    margin-top: 15px; }
  .index .index-box2 .list ul li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px; }
    .index .index-box2 .list ul li a .tits {
      margin-top: 10px; }
    .index .index-box2 .list ul li a .tit {
      font-size: 16px;
      line-height: 24px;
      height: 48px;
      margin: 10px auto 0; }
    .index .index-box2 .list ul li .indexMore {
      margin: 20px auto 0; }
  .index .index-box3 {
    padding-bottom: 20px; }
  .index .index-box3 .list .listNew ul li {
    margin-bottom: 20px; }
    .index .index-box3 .list .listNew ul li .icon {
      width: 60px; }
    .index .index-box3 .list .listNew ul li p {
      font-size: 16px;
      line-height: 16px;
      margin-top: 5px; }
  .index .index-box3 .list {
    margin-top: 15px; }
  .index .index-box3 .list .listNew .itemBox {
    margin-bottom: 20px; }
  .index .index-box3 .list .listNew .itemBox .item {
    padding: 20px 0; }
    .index .index-box3 .list .listNew .itemBox .item .tits {
      font-size: 20px;
      line-height: 20px;
      padding-left: 0;
      width: 100%;
      float: none; }
    .index .index-box3 .list .listNew .itemBox .item .tit {
      margin-top: 15px;
      width: 100%;
      float: none;
      max-width: 100%; }
      .index .index-box3 .list .listNew .itemBox .item .tit .t {
        margin-bottom: 10px; }
  .index .index-box4 .content .videoBox {
    width: 100%;
    float: none;
    height: 260px; }
  .index .index-box4 .content .list {
    width: 100%;
    float: none; }
    .index .index-box4 .content .list ul li {
      width: 48.5%;
      margin-right: 3%; }
      .index .index-box4 .content .list ul li:nth-child(3n) {
        margin-right: 3%; }
      .index .index-box4 .content .list ul li:nth-child(2n) {
        margin-right: 0; }
      .index .index-box4 .content .list ul li p {
        margin-top: 10px; }
  .index .index-box4 .content {
    margin-top: 20px; }
  .index .index-box5 .itemLeft {
    height: auto; } }

.footer {
  background-color: #C63F20;
  padding-top: 50px;
  padding-bottom: 40px; }
  .footer .conLeft {
    width: 35.6%;
    float: left; }
    .footer .conLeft .logo {
      width: 100%;
      height: auto; }
    .footer .conLeft .tits {
      margin-top: 23px;
      font-size: 12px;
      line-height: 24px;
      color: #E9B9AE; }
      .footer .conLeft .tits a {
        color: #E9B9AE; }
  .footer .conRight {
    width: 58.6%;
    float: right; }
    .footer .conRight .nav a {
      font-size: 18px;
      line-height: 24px;
      color: #E9B9AE;
      float: left;
      position: relative; }
      .footer .conRight .nav a span {
        0width: 40px;
		padding:0 10px;
        height: 18px;
        border-radius: 9px;
        display: block;
        background-color: #B33C24;
        text-align: center;
        font-size: 12px;
        line-height: 18px;
        color: #E9B9AE;
        position: absolute;
        right: -44px;
        top: -8px; }
    .footer .conRight .nav i {
      width: 1px;
      height: 16px;
      background-color: #D36C55;
      display: block;
      margin: 4px 12px 0;
      float: left; }
    .footer .conRight .link {
      margin-top: 26px; }
      .footer .conRight .link a {
        font-size: 12px;
        line-height: 20px;
        color: #E9B9AE;
        margin-right: 24px;
        display: block;
        float: left; }
    .footer .conRight .share {
      width: 100%;
      height: auto;
      margin-top: 16px; }
      .footer .conRight .share a {
        width: 38px;
        height: 38px;
        float: left;
        margin-right: 16px;
        display: block;
        opacity: 0.8; }
  @media (max-width: 768px) {
    .footer {
      padding-top: 30px;
      padding-bottom: 20px; }
      .footer .conLeft {
        width: 100%;
        float: none; }
        .footer .conLeft .logo img {
          width: 300px; }
        .footer .conLeft .tits {
          margin-top: 10px; }
      .footer .conRight {
        width: 100%;
        float: none;
        margin-top: 10px; }
        .footer .conRight .link {
          margin-top: 8px; }
          .footer .conRight .link a {
            margin-right: 10px; }
        .footer .conRight .nav a {
          font-size: 16px; }
        .footer .conRight .nav i {
          margin: 4px 8px 0; } }

.returnTop {
  width: 40px;
  height: 40px;
  background-color: #2B3F5D;
  position: fixed;
  right: 14px;
  bottom: 10%;
  z-index: 20;
  display: none; }
  .returnTop .icon {
    background-size: 16px;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center;
    background-image: url("../img/top.png");
    width: 40px;
    height: 40px; }
  .returnTop p {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    margin-top: 10px;
    display: none; }
  .returnTop.on {
    display: block; }

.xfLeft {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 20;
  display: none; }
  .xfLeft a {
    width: 60px;
    height: 60px;
    background-color: #2B3F5D;
    margin-bottom: 2px;
    display: block; }
    .xfLeft a .icon {
      width: 32px;
      height: 32px;
      padding-top: 4px;
      background-size: 32px 32px;
      background-repeat: no-repeat;
      background-position: center bottom;
	  display:block;
      margin: 0 auto; }
    .xfLeft a .txt {
		display:block;
      text-align: center;
      font-size: 12px;
      line-height: 16px;
      color: #fff;
      margin-top: 4px; }
  @media (max-width: 1366px) {
    .xfLeft {
      top: 58%; }
      .xfLeft a {
        width: 60px;
        height: 60px; }
        .xfLeft a .icon {
          width: 26px;
          height: 26px;
          background-size: 26px 26px;
          padding-top: 5px; }
        .xfLeft a p {
          margin-top: 5px;
          font-size: 13px;
          line-height: 13px; } }
  @media (max-width: 1024px) {
    .xfLeft {
      display: none !important; } }
  .xfLeft.on {
    display: block; }

.banner {
  width: 100%;
  height: 300px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
.banner .img{
	position:relative;
	height:100%;
}
.banner .img img{
	position:absolute;
	left:50%;
	height:100%!important;
	max-width:inherit;
	transform:translateX(-50%);
}
  .banner .con {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    font-size: 54px;
    line-height: 71px;
    color: #fff;
    font-weight: bold; }
  @media (max-width: 1366px) {
    .banner .con {
      font-size: 42px;
      line-height: 52px; } }
  @media (max-width: 1200px) {
    .banner .con {
      font-size: 32px;
      line-height: 44px; } }
  @media (max-width: 768px) {
    .banner {
      height: 180px; }
      .banner .con {
        font-size: 24px;
        line-height: 30px; } }

.home {
  width: 100%;
  height: 70px;
  background-color: #2B3E5D;
  font-size: 18px;
  line-height: 70px;
  color: #fff; }
  .home a {
    color: #fff; }
  .home i {
    color: #A0A9B7; }
  @media (max-width: 768px) {
    .home {
      height: 50px;
      font-size: 14px;
      line-height: 50px; } }

.activity {
  margin: 70px auto 60px; }
  .activity ul li {
    width: 31.4%;
    float: left;
    margin-right: 2.9%;
    margin-bottom: 2.9%;
    background-color: rgba(255, 255, 255, 0.1); }
    .activity ul li:nth-child(3n) {
      margin-right: 0; }
    .activity ul li a {
      width: 100%;
      height: auto;
      display: block; }
      .activity ul li a .pic {
        width: 100%;
        height: auto;
        overflow: hidden; }
        .activity ul li a .pic img {
          transition: all 1.5s; }
      .activity ul li a .con {
        width: calc(100% - 72px);
        padding-left: 24px;
        padding-top: 36px;
        padding-bottom: 40px; }
        .activity ul li a .con .time {
          font-size: 18px;
          line-height: 22px;
          color: #D4D8DE;
          opacity: 0.8; }
        .activity ul li a .con .tits {
          font-size: 24px;
          line-height: 31px;
          color: #fff;
          height: 62px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: bold;
          margin-top: 24px; }
        .activity ul li a .con .tit {
          width: calc(100% - 34px);
          font-size: 18px;
          line-height: 24px;
          color: #D4D8DE;
          padding-left: 34px;
          background-position: left center;
          background-repeat: no-repeat;
          background-image: url("../img/activity_icon.png");
          background-size: 22px 24px;
          margin-top: 71px; }
    @media (min-width: 1024px) {
      .activity ul li:hover a .pic img {
        transform: scale(1.1); } }
  @media (max-width: 1200px) {
    .activity ul li a .con {
      width: calc(100% - 40px);
      padding: 20px; }
      .activity ul li a .con .time {
        font-size: 16px;
        line-height: 20px; }
      .activity ul li a .con .tits {
        font-size: 20px;
        margin-top: 10px; }
      .activity ul li a .con .tit {
        font-size: 16px;
        margin-top: 40px; } }
  @media (max-width: 768px) {
    .activity {
      margin: 30px auto 20px; }
      .activity ul li {
        width: 100%;
        float: none;
        margin-bottom: 15px; }
        .activity ul li a .con {
          padding: 10px 15px 20px;
          width: calc(100% - 30px); }
          .activity ul li a .con .time {
            font-size: 14px;
            line-height: 16px; }
          .activity ul li a .con .tits {
            font-size: 16px;
            line-height: 24px;
            height: 48px; }
          .activity ul li a .con .tit {
            font-size: 14px;
            background-size: 18px;
            padding-left: 24px;
            width: calc(100% - 24px);
            margin-top: 15px; } }

.activityInfo {
  padding-top: 70px;
  padding-bottom: 5.2%; }
  .activityInfo .tits {
    font-size: 32px;
    line-height: 42px;
    color: #fff;
    font-weight: bold; }
  .activityInfo .tit {
    margin-top: 37px;
    font-size: 18px;
    line-height: 32px;
    color: #fff; }
    .activityInfo .tit span {
      opacity: 0.6;
      float: left; }
    .activityInfo .tit i {
      width: 1px;
      height: 12px;
      background-color: #fff;
      opacity: 0.2;
      margin: 10px 12px 0;
      display: block;
      float: left; }
    .activityInfo .tit .share {
      float: left;
      padding-top: 4px; }
      .activityInfo .tit .share a {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0;
        margin-right: 8px;
        background-size: cover;
        background-size: 100%;
        background-repeat: no-repeat;
        padding: 0;
        float: left; }
        .activityInfo .tit .share a.bshare-weixin {
          background-image: url("../img/wx1.png"); }
        .activityInfo .tit .share a.bshare-qqim {
          background-image: url("../img/qq.png"); }
  .activityInfo .con {
    font-size: 16px;
    line-height: 24px;
    color: #A0A9B7;
    margin-top: 40px; }
    .activityInfo .con img {
      width: 800px;
      max-width: 100%;
      height: auto !important; }
  @media (max-width: 1366px) {
    .activityInfo .tits {
      font-size: 24px;
      line-height: 32px; }
    .activityInfo .tit {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .activityInfo {
      padding-top: 20px; }
      .activityInfo .tits {
        font-size: 18px;
        line-height: 30px; }
      .activityInfo .tit {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px; }
        .activityInfo .tit span {
          display: block;
          width: 100%; }
        .activityInfo .tit i {
          display: none; }
      .activityInfo .con {
        font-size: 14px;
        line-height: 24px;
        margin-top: 25px; } }

.news {
  padding-top: 70px;
  padding-bottom: 50px; }
  .news ul li {
    margin-bottom: 30px; }
    .news ul li a {
      width: 100%;
      height: auto;
      display: block; }
      .news ul li a .pic {
        width: 440px;
        float: left;
        overflow: hidden; }
        .news ul li a .pic img {
          transition: all 1.5s; }
        @media (min-width: 1024px) {
          .news ul li a .pic:hover img {
            transform: scale(1.1); } }
      .news ul li a .con {
        width: calc(100% - 480px);
        float: right; }
        .news ul li a .con .conn {
          width: 640px;
          max-width: 100%;
          padding-top: 12px; }
          .news ul li a .con .conn .time {
            font-size: 12px;
            line-height: 14px;
            color: #A0A9B7; }
          .news ul li a .con .conn .tits {
            font-size: 24px;
            line-height: 31px;
            color: #fff;
            font-weight: bold;
            margin-top: 8px;
            max-height: 62px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
          .news ul li a .con .conn .tit {
            font-size: 14px;
            line-height: 19px;
            color: #fff;
            max-height: 57px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 20px; }
          .news ul li a .con .conn .indexMore {
            width: 100px;
            height: 40px;
            margin-top: 32px; }
            .news ul li a .con .conn .indexMore span {
              line-height: 40px;
              font-size: 14px;
              font-weight: bold; }
  @media (max-width: 1200px) {
    .news ul li a .con .conn .tits {
      font-size: 18px;
      line-height: 26px;
      max-height: 52px; } }
  @media (max-width: 1024px) {
    .news ul li a .pic {
      width: 300px; }
    .news ul li a .con {
      width: calc(100% - 340px); } }
  @media (max-width: 768px) {
    .news {
      padding-top: 30px; }
      .news ul li a .pic {
        width: 100%;
        float: none; }
      .news ul li a .con {
        width: 100%;
        float: none; }
        .news ul li a .con .conn .tits {
          font-size: 16px;
          line-height: 24px;
          max-height: 48px; }
        .news ul li a .con .conn .tit {
          margin-top: 6px; }
        .news ul li a .con .conn .indexMore {
          margin-top: 15px; } }

.newsInfo {
  padding-top: 70px;
  padding-bottom: 5.2%; }
  .newsInfo .content {
    width: 1200px;
    max-width: 100%; }
    .newsInfo .content .tits {
      font-size: 32px;
      line-height: 42px;
      color: #fff;
      font-weight: bold; }
    .newsInfo .content .tit {
      font-size: 12px;
      line-height: 14px;
      color: #A0A9B7;
      margin-top: 33px; }
      .newsInfo .content .tit span {
        float: left; }
      .newsInfo .content .tit i {
        width: 1px;
        height: 12px;
        background-color: #fff;
        opacity: 0.2;
        margin: 1px 12px 0;
        display: block;
        float: left; }
    .newsInfo .content .con {
      font-size: 16px;
      line-height: 24px;
      color: #A0A9B7;
      margin-top: 40px; }
      .newsInfo .content .con img {
        max-width: 100%;
        height: auto !important;
        margin: 0 auto;
        display: block; }
  @media (max-width: 1366px) {
    .newsInfo .content .tits {
      font-size: 24px;
      line-height: 34px; } }
  @media (max-width: 768px) {
    .newsInfo {
      padding-top: 30px; }
      .newsInfo .content .tits {
        font-size: 18px;
        line-height: 26px; }
      .newsInfo .content .tit {
        margin-top: 10px; }
        .newsInfo .content .tit i {
          margin: 1px 6px 0; }
      .newsInfo .content .con {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px; } }

.join {
  padding-top: 70px;
  padding-bottom: 60px; }
  .join ul li {
    width: 22.9%;
    float: left;
    margin-right: 2.8%;
    margin-bottom: 2.8%;
    position: relative; }
    .join ul li:nth-child(4n) {
      margin-right: 0; }
    .join ul li a {
      width: 100%;
      height: auto;
      display: block; }
      .join ul li a .con {
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .join ul li a .con .tits {
          font-size: 24px;
          line-height: 32px;
          color: #fff; }
        .join ul li a .con .indexMore {
          width: 100px;
          height: 40px;
          margin: 46px auto 0; }
          .join ul li a .con .indexMore span {
            line-height: 40px;
            font-size: 14px; }
    @media (min-width: 1024px) {
      .join ul li:hover a .con .indexMore {
        border-color: #fff; }
        .join ul li:hover a .con .indexMore span {
          color: #0D1E3A; }
        .join ul li:hover a .con .indexMore:after {
          width: 0; }
        .join ul li:hover a .con .indexMore .bg {
          width: 100%; } }
  @media (max-width: 1200px) {
    .join ul li a .con .tits {
      font-size: 20px;
      line-height: 26px; }
    .join ul li a .con .indexMore {
      margin: 30px auto 0; } }
  @media (max-width: 1024px) {
    .join ul li {
      width: 31.5%;
      margin-right: 2.75%; }
      .join ul li:nth-child(4n) {
        margin-right: 2.75%; }
      .join ul li:nth-child(3n) {
        margin-right: 0; } }
  @media (max-width: 768px) {
    .join {
      padding-top: 30px;
      padding-bottom: 20px; }
      .join ul li {
        width: 100%;
        float: none; } }

.map {
  padding: 70px 0; 
  color:#A0A9B7;
  }
  .map .title {
    font-size: 32px;
    line-height: 42px;
    color: #fff; }
  .map .itemBox {
    width: 800px;
    max-width: 100%;
    margin-top: 68px; }
    .map .itemBox .item {
      margin-bottom: 30px; }
      .map .itemBox .item .tits {
        font-size: 24px;
        line-height: 31px;
        color: #fff; }
        .map .itemBox .item .tits span {
          position: relative; }
          .map .itemBox .item .tits span i {
            position: relative;
            z-index: 5; }
          .map .itemBox .item .tits span:before {
            width: 100%;
            height: 16px;
            background-color: #E84A27;
            position: absolute;
            bottom: -6px;
            left: 0;
            content: ''; }
      .map .itemBox .item .pic {
        margin-top: 36px; }
  @media (max-width: 1200px) {
    .map .title {
      font-size: 24px;
      line-height: 34px; }
    .map .itemBox .item .tits {
      font-size: 20px;
      line-height: 28px; }
      .map .itemBox .item .tits span:before {
        height: 8px;
        bottom: -1px; }
    .map .itemBox {
      margin-top: 35px; } }
  @media (max-width: 768px) {
    .map {
      padding: 30px 0; }
      .map .title {
        font-size: 20px;
        line-height: 30px; }
      .map .itemBox {
        margin-top: 5px; }
        .map .itemBox .item {
          margin-bottom: 15px; }
      .map .itemBox .item .tits {
        font-size: 16px; }
      .map .itemBox .item .pic {
        margin-top: 10px; } }

.contact {
  padding-top: 50px;
  padding-bottom: 5.2%; }
  .contact .content {
    width: 800px;
    max-width: 100%; }
    .contact .content.cc {
      width: 1200px; }
    .contact .content .tabs a {
      font-size: 32px;
      line-height: 82px;
      color: #A0A9B7;
      border-bottom: 4px solid #13294B;
      display: block;
      float: left;
      box-sizing: border-box;
      margin-right: 82px; }
      .contact .content .tabs a.on {
        color: #fff;
        border-color: #E84A27; }
    .contact .content .pic {
      margin-top: 42px; }
    .contact .content .txt {
      font-size: 16px;
      line-height: 40px;
      color: #A0A9B7;
      margin-top: 22px; }
    .contact .content .ewm {
      width: 160px;
      margin-top: 20px; }
    .contact .content .tableBox {
      width: 100%;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 80px 0;
      margin-top: 42px; }
      .contact .content .tableBox .tits {
        text-align: center;
        font-size: 24px;
        line-height: 31px;
        color: #fff; }
      .contact .content .tableBox .tableNew {
        width: 500px;
        margin: 34px auto 0; }
        .contact .content .tableBox .tableNew .t {
          width: calc(100% + 84px);
          margin-left: -84px;
          margin-bottom: 32px; }
          .contact .content .tableBox .tableNew .t span {
            width: 84px;
            font-size: 14px;
            line-height: 32px;
            color: #fff;
            display: block;
            float: left;
            text-align: right; }
            .contact .content .tableBox .tableNew .t span.s1 {
              line-height: 20px; }
          .contact .content .tableBox .tableNew .t .tt {
            width: 500px;
            float: left; }
            .contact .content .tableBox .tableNew .t .tt .ttt {
              font-size: 14px;
              line-height: 22px;
              color: #fff;
              padding-left: 26px;
              position: relative;
              float: left;
              margin-right: 12px;
              cursor: pointer; }
              .contact .content .tableBox .tableNew .t .tt .ttt i {
                width: 14px;
                height: 14px;
                border-radius: 7px;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.18);
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -8px;
                display: block; }
                .contact .content .tableBox .tableNew .t .tt .ttt i:after {
                  width: 8px;
                  height: 8px;
                  border-radius: 100%;
                  position: absolute;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  margin: auto;
                  content: '';
                  display: none;
                  background-color: #E84A27; }
              .contact .content .tableBox .tableNew .t .tt .ttt.on i {
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid #e84a27; }
                .contact .content .tableBox .tableNew .t .tt .ttt.on i:after {
                  display: block; }
              .contact .content .tableBox .tableNew .t .tt .ttt:last-child {
                margin-right: 0; }
          .contact .content .tableBox .tableNew .t .text {
            width: 500px;
            height: 32px;
            padding-left: 11px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-sizing: border-box;
            float: left;
            color: #fff;
            font-size: 14px;
            line-height: 22px; }
            .contact .content .tableBox .tableNew .t .text::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
            .contact .content .tableBox .tableNew .t .text::-moz-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
            .contact .content .tableBox .tableNew .t .text::-ms-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
          .contact .content .tableBox .tableNew .t .txt1 {
            width: 500px;
            height: 88px;
            padding: 0 11px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-sizing: border-box;
            float: left;
            color: #fff;
            font-size: 14px;
            line-height: 30px; }
            .contact .content .tableBox .tableNew .t .txt1::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
            .contact .content .tableBox .tableNew .t .txt1::-moz-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
            .contact .content .tableBox .tableNew .t .txt1::-ms-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
          .contact .content .tableBox .tableNew .t .tt1 {
            width: 500px;
            padding-left: 25px;
            position: relative;
            font-size: 14px;
            line-height: 20px;
            color: #fff;
            float: left;
            box-sizing: border-box;
            cursor: pointer; }
            .contact .content .tableBox .tableNew .t .tt1 i {
              width: 14px;
              height: 14px;
              border-radius: 7px;
              background: rgba(255, 255, 255, 0.1);
              border: 1px solid rgba(255, 255, 255, 0.18);
              position: absolute;
              left: 0;
              top: 50%;
              margin-top: -8px;
              display: block; }
              .contact .content .tableBox .tableNew .t .tt1 i:after {
                width: 8px;
                height: 8px;
                border-radius: 100%;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                content: '';
                display: none;
                background-color: #E84A27; }
            .contact .content .tableBox .tableNew .t .tt1.on i {
              background: rgba(255, 255, 255, 0.1);
              border: 1px solid #e84a27; }
              .contact .content .tableBox .tableNew .t .tt1.on i:after {
                display: block; }
            .contact .content .tableBox .tableNew .t .tt1:last-child {
              margin-right: 0; }
        .contact .content .tableBox .tableNew .t1 {
          margin-top: -12px; }
          .contact .content .tableBox .tableNew .t1 .submit {
            width: 100px;
            height: 32px;
            border-radius: 4px;
            text-align: center;
            background-color: #E84A27;
            font-size: 14px;
            line-height: 32px;
            color: #fff;
            display: block;
            float: left;
            border: none;
            margin-right: 8px; }
          .contact .content .tableBox .tableNew .t1 .reset {
            width: 65px;
            height: 32px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            text-align: center;
            font-size: 14px;
            line-height: 30px;
            color: #fff;
            box-sizing: border-box; }
  @media (max-width: 1200px) {
    .contact .content .tabs a {
      font-size: 24px;
      line-height: 45px; } }
  @media (max-width: 768px) {
    .contact {
      padding-top: 25px; }
      .contact .content .tabs a {
        font-size: 18px;
        line-height: 36px;
        margin-right: 15px;
        border-width: 2px; }
      .contact .content .txt {
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px; }
      .contact .content .pic {
        margin-top: 20px; }
      .contact .content .ewm {
        width: 120px; }
      .contact .content .tableBox {
        padding: 25px 0;
        margin-top: 15px; }
      .contact .content .tableBox .tableNew {
        width: 94%;
        margin: 20px auto 0; }
        .contact .content .tableBox .tableNew .t {
          width: 100%;
          margin-left: 0;
          margin-bottom: 10px; }
          .contact .content .tableBox .tableNew .t span {
            width: 100%;
            text-align: left;
            float: none; }
            .contact .content .tableBox .tableNew .t span.s1 {
              line-height: 32px; }
          .contact .content .tableBox .tableNew .t .tt {
            width: 100%;
            float: none; }
          .contact .content .tableBox .tableNew .t .text {
            width: 100%; }
          .contact .content .tableBox .tableNew .t .txt1 {
            width: 100%; }
        .contact .content .tableBox .tableNew .t1 {
          margin-top: 0; }
      .contact .content .tableBox .tits {
        font-size: 18px;
        line-height: 24px; } }

.notice {
  padding-top: 70px;
  padding-bottom: 5.2%; }
  .notice .list {
    width: 1200px;
    max-width: 100%;
    border-top: 1px solid #233655; }
    .notice .list ul {
      margin-bottom: 60px; }
      .notice .list ul li {
        border-bottom: 1px solid #233655; }
        .notice .list ul li a {
          font-size: 18px;
          line-height: 79px;
          color: #fff;
          display: block;
          width: 100%; }
          .notice .list>ul>li>a>span {
            width: calc(100% - 125px);
            display: block;
            height: 79px;
            float: left;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
          .notice .list ul li a i {
            float: right;
            color: #A0A9B7; }
        @media (min-width: 1024px) {
          .notice .list ul li:hover a {
            color: #E84A27; } }
  @media (max-width: 768px) {
    .notice {
      padding-top: 30px; }
      .notice .list ul {
        margin-bottom: 25px; }
      .notice .list ul li a {
        font-size: 15px;
        line-height: 50px; }
        .notice .list ul li a span {
          height: 50px;
          width: calc(100% - 105px); }
        .notice .list ul li a i {
          font-size: 14px; } }

.page .pageNew {
  float: right; }
  .page .pageNew a, .page .pageNew span {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin-left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center; }
    .page .pageNew a.prev, .page .pageNew span.prev {
      background-image: url("../img/index_prev.png"); }
    .page .pageNew a.next, .page .pageNew span.next {
      background-image: url("../img/index_next.png"); }
    @media (min-width: 1024px) {
      .page .pageNew a:hover, .page .pageNew span:hover {
        background-color: #E84A27; } }
  .page .pageNew span {
    background-color: #E84A27; }

.collegesFocus {
  padding-top: 70px;
  padding-bottom: 5.3%; }
  .collegesFocus ul {
    margin-bottom: 20px; }
    .collegesFocus ul li {
      width: 22.9%;
      margin-right: 2.8%;
      height: auto;
      float: left;
      margin-bottom: 40px; }
      .collegesFocus ul li:nth-child(4n) {
        margin-right: 0; }
      .collegesFocus ul li a {
        width: 100%;
        height: auto;
        display: block; }
        .collegesFocus ul li a .box {
          width: 100%;
          height: auto;
          padding: 20px 20px 15px 20px;
          box-sizing: border-box;
          background-color: #2B3E5D; }
          .collegesFocus ul li a .box .pic {
            width: 100%;
            height: auto;
            overflow: hidden; }
            .collegesFocus ul li a .box .pic img {
              transition: all 1.5s; }
          .collegesFocus ul li a .box .tits {
            font-size: 16px;
            line-height: 21px;
            height: 21px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 14px;
            color: #fff; }
        .collegesFocus ul li a .tit {
          width: calc(100% - 40px);
          margin: 20px auto 0;
          font-size: 12px;
          line-height: 16px;
          color: #A0A9B7; }
          .collegesFocus ul li a .tit .time {
            padding-left: 23px;
            background-size: 14px;
            background-repeat: no-repeat;
            background-position: left center;
            background-image: url("../img/time.png");
            float: left; }
          .collegesFocus ul li a .tit .t {
            float: right; }
      @media (min-width: 1024px) {
        .collegesFocus ul li:hover a .box .pic img {
          transform: scale(1.1); }
        .collegesFocus ul li:hover a .box .tits {
          color: #E84A27; } }
  @media (max-width: 1200px) {
    .collegesFocus {
      padding-top: 50px; }
      .collegesFocus ul li {
        width: 31.5%;
        margin-right: 2.75%; }
        .collegesFocus ul li:nth-child(4n) {
          margin-right: 2.75%; }
        .collegesFocus ul li:nth-child(3n) {
          margin-right: 0; } }
  @media (max-width: 768px) {
    .collegesFocus {
      padding-top: 25px; }
      .collegesFocus ul li {
        width: 100%;
        float: none;
        margin-right: 0 !important;
        margin-bottom: 15px; } }

.collegesInfo {
  width: 920px;
  margin: 0 auto;
  max-width: 92%;
  padding-top: 70px;
  padding-bottom: 5.2%; }
  .collegesInfo .tits {
    font-size: 24px;
    line-height: 31px;
    color: #fff;
    font-weight: bold; }
  .collegesInfo .tit {
    font-size: 14px;
    line-height: 19px;
    color: #A0A9B7;
    margin-top: 21px; }
    .collegesInfo .tit .t {
      float: left; }
      .collegesInfo .tit .t span {
        margin-right: 20px; }
    .collegesInfo .tit .t1 {
      float: right; }
      .collegesInfo .tit .t1 span {
        vertical-align: middle; }
      .collegesInfo .tit .t1 img {
        vertical-align: middle;
        width: 12px;
        margin: 0 4px; }
  .collegesInfo .box {
    width: 100%;
    margin-top: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 32px 32px 12px;
    overflow: hidden;
    box-sizing: border-box; }
    .collegesInfo .box .top a {
      width: 100px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #5D7191;
      float: left;
      margin-right: 12px;
      display: block;
      box-sizing: border-box;
      text-align: center;
      font-size: 0; }
      .collegesInfo .box .top a span {
        padding-left: 23px;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        display: inline-block;
        background-position: left center;
        background-repeat: no-repeat; }
        .collegesInfo .box .top a span.s1 {
          background-size: 14px;
          background-image: url("../img/info_icon1.png"); }
        .collegesInfo .box .top a span.s2 {
          background-size: 15px;
          background-image: url("../img/info_icon2.png"); }
        .collegesInfo .box .top a span.s3 {
          background-size: 14px;
          background-image: url("../img/info_icon3.png"); }
        .collegesInfo .box .top a span.s4 {
          background-size: 19px;
          background-image: url("../img/info_icon4.png"); }
      .collegesInfo .box .top a.a {
        float: right;
        margin-left: 12px;
        margin-right: 0; }
        @media (min-width: 1024px) {
          .collegesInfo .box .top a.a:hover {
            background-color: #E84A27;
            border-color: #E84A27; } }
      .collegesInfo .box .top a.on {
        background-color: #495B78; }
    .collegesInfo .box .picList {
      margin-top: 32px; }
      .collegesInfo .box .picList ul li {
        width: 48.8%;
        float: left;
        margin-right: 2.4%;
        margin-bottom: 2.4%; }
        .collegesInfo .box .picList ul li:nth-child(2n) {
          margin-right: 0; }
    .collegesInfo .box .gallery-top {
	  position:relative;
      width: 100%;
	  padding-bottom:56.25%;
      height: auto;
      margin-top: 32px;	  }
	  .collegesInfo .box .gallery-top ul{
		  position:absolute;
		  width:100%;
		  height:100%;
	  }
	  .collegesInfo .box .gallery-top li{
		  text-align:center;
	  }
	  .collegesInfo .box .gallery-top img{
		  width:auto;
		  max-height:100%;
	  }
    .collegesInfo .box .line {
      width: 200%;
      height: 1px;
      margin-left: -50%;
      background-color: #A0A9B7;
      opacity: 0.2;
      margin-top: 19px; }
    .collegesInfo .box .list {
      position: relative; }
      .collegesInfo .box .list .gallery-thumbs {
        width: calc(100% - 100px);
        margin: 0 auto;
        padding: 20px 0; }
        .collegesInfo .box .list .gallery-thumbs ul li {
          width: 10.3%;
          padding-bottom: 10.3%;
          height: auto;
          background-size: 100% auto;
          background-position: center top;
          background-repeat: no-repeat;
          position: relative;
          margin-right: 2.5%;
          float: left;
          cursor: pointer; }
          .collegesInfo .box .list .gallery-thumbs ul li .bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(255, 255, 255, 0.2); }
            .collegesInfo .box .list .gallery-thumbs ul li .bg span {
              width: 100%;
              text-align: center;
              font-size: 32px;
              line-height: 39px;
              color: #fff;
              opacity: 0;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
              .collegesInfo .box .list .gallery-thumbs ul li .bg span i {
                font-size: 14px; }
          .collegesInfo .box .list .gallery-thumbs ul li:after {
            width: 100%;
            height: 4px;
            position: absolute;
            top: -20px;
            left: 0;
            background-color: #E84A27;
            content: '';
            display: none; }
          .collegesInfo .box .list .gallery-thumbs ul li:last-child {
            margin-right: 0; }
          .collegesInfo .box .list .gallery-thumbs ul li.swiper-slide-thumb-active:after {
            display: block; }
          .collegesInfo .box .list .gallery-thumbs ul li.swiper-slide-thumb-active .bg {
            background-color: #E84A27; }
            .collegesInfo .box .list .gallery-thumbs ul li.swiper-slide-thumb-active .bg span {
              opacity: 1; }
      .collegesInfo .box .list .a {
        width: 50px;
        height: 100%;
        background-position: center;
        background-size: 12px 21px;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 0; }
        .collegesInfo .box .list .a.prev {
          background-image: url("../img/left1.png");
          left: 0; }
        .collegesInfo .box .list .a.next {
          background-image: url("../img/right1.png");
          right: 0; }
  .collegesInfo .con {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    margin-top: 28px; }
  @media (max-width: 1200px) {
    .collegesInfo {
      padding-top: 50px; }
      .collegesInfo .tits {
        font-size: 20px;
        line-height: 26px; } }
  @media (max-width: 800px) {
    .collegesInfo .box {
      padding: 15px 15px 10px; }
    .collegesInfo .box .list .gallery-thumbs {
      width: calc(100% - 60px);
      padding: 10px 0; }
    .collegesInfo .box .list .a {
      width: 30px; }
    .collegesInfo .box .list .gallery-thumbs ul li .bg span {
      font-size: 20px;
      line-height: 30px; }
    .collegesInfo .box .list .gallery-thumbs ul li:after {
      top: -10px;
      height: 2px; } }
  @media (max-width: 768px) {
    .collegesInfo {
      padding-top: 30px; }
      .collegesInfo .box .top a {
        margin-bottom: 5px;
        width: 80px;
        margin-right: 8px; }
        .collegesInfo .box .top a span {
          font-size: 12px;
          padding-left: 18px; }
      .collegesInfo .box .top a.a {
        float: left;
        margin-left: 0;
        margin-right: 8px; }
        .collegesInfo .box .top a.a:last-child {
          margin-right: 0; }
      .collegesInfo .box .list .gallery-thumbs ul li {
        padding-bottom: 20%; }
      .collegesInfo .box .gallery-top {
        margin-top: 15px; }
      .collegesInfo .tits {
        font-size: 18px;
        line-height: 24px; }
      .collegesInfo .tit {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px; }
      .collegesInfo .box {
        margin-top: 20px; }
      .collegesInfo .con {
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px; } }

.picTk {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none; }
  .picTk .bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0; }
  .picTk .box {
    width: 1000px;
    padding: 0 20px 20px 20px;
    background-color: #fff;
    max-width: 96%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .picTk .box .close {
      width: 17px;
      height: 17px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("../img/close1.png");
      position: absolute;
      top: 19px;
      right: 20px;
      display: block;
      z-index: 10; }
    .picTk .box .list {
      width: 100%;
      height: auto;
      position: relative; }
      .picTk .box .list .btns {
        width: 100%;
        height: 54px;
        text-align: center;
        line-height: 54px;
        color: #A0A9B7;
        font-size: 14px; }
        .picTk .box .list .btns .swiper-pagination-current {
          font-size: 32px; }
      .picTk .box .list .a {
        width: 50%;
        height: calc(100% - 54px);
        display: block;
        position: absolute;
        top: 54px;
        z-index: 10; }
        .picTk .box .list .a.prev {
          left: 0;
          cursor: url("../img/cur2.ico"), default; }
        .picTk .box .list .a.next {
          right: 0;
          cursor: url("../img/cur1.ico"), default; }

.collegeTabs {
  border-bottom: 1px solid #233655; }
  .collegeTabs a {
    float: left;
    margin-right: 40px;
    padding-top: 47px;
    padding-bottom: 45px;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    display: block; }
    .collegeTabs a:after {
      width: 0;
      height: 4px;
      position: absolute;
      bottom: 0;
      left: 50%;
      background-color: #E84A27;
      content: '';
      transition: all 0.6s; }
    .collegeTabs a.on {
      color: #E84A27;
      font-weight: bold; }
      .collegeTabs a.on:after {
        width: 100%;
        left: 0; }
    @media (min-width: 1024px) {
      .collegeTabs a:hover {
        color: #E84A27;
        font-weight: bold; }
        .collegeTabs a:hover:after {
          width: 100%;
          left: 0; } }
  @media (max-width: 1200px) {
    .collegeTabs a {
      padding-bottom: 28px;
      padding-top: 30px; } }
  @media (max-width: 768px) {
    .collegeTabs a {
      font-size: 14px;
      line-height: 44px;
      padding: 0;
      margin-right: 8px; }
      .collegeTabs a:after {
        height: 2px; }
    .collegeTabs .w1400 {
      height: 44px;
      overflow: hidden;
      overflow-x: scroll;
      white-space: nowrap; }
      .collegeTabs .w1400 a {
        display: inline-block;
        float: none; } }

.collegeTabs2 {
  border-bottom: 1px solid #233655; }
  .collegeTabs2 .t {
    float: left;
    margin-right: 40px;
    padding-top: 47px;
    position: relative;
    padding-bottom: 45px;
    min-width: 120px; }
    .collegeTabs2 .t .tt {
      position: relative;
      color: #fff;
      font-size: 18px;
      line-height: 27px;
      display: block;
      padding: 0 14px;
      text-align: center; }
      .collegeTabs2 .t .tt span {
        padding-right: 20px;
        background-size: 10px auto;
        background-repeat: no-repeat;
        background-position: right center;
        display: inline-block;
        background-image: url("../img/icon10.png"); }
    .collegeTabs2 .t dl {
      width: 100%;
      height: auto;
      padding: 20px 0;
      top: 100%;
      left: 0;
      position: absolute;
      background-color: #2B3E5D;
      display: none; }
      .collegeTabs2 .t dl dd {
        text-align: center; }
        .collegeTabs2 .t dl dd a {
          font-size: 20px;
          line-height: 60px;
          color: #fff;
          text-align: center;
          display: block; }
          .collegeTabs2 .t dl dd a:hover {
            background-color: #41536E; }
    .collegeTabs2 .t:after {
      width: 0;
      height: 4px;
      position: absolute;
      bottom: 0;
      left: 50%;
      background-color: #E84A27;
      content: '';
      transition: all 0.6s; }
    .collegeTabs2 .t.on .tt {
      color: #E84A27;
      font-weight: bold; }
    .collegeTabs2 .t.on:after {
      width: 100%;
      left: 0; }
    @media (min-width: 1024px) {
      .collegeTabs2 .t:hover .tt {
        color: #E84A27;
        font-weight: bold; }
      .collegeTabs2 .t:hover dl {
        display: block; }
      .collegeTabs2 .t:hover:after {
        width: 100%;
        left: 0; } }

.collegeTabs1 a {
  max-width: 30%;
  font-size: 18px;
  line-height: 24px;
  color: #A0A9B7;
  padding-bottom: 26px;
  float: left;
  margin-right: 5%;
  display: block;
  position: relative; }
  .collegeTabs1 a:last-child{
    margin-right: 0;
  }
  .collegeTabs1 a:after {
    width: 0;
    bottom: 0;
    left: 50%;
    height: 4px;
    background-color: #E84A27;
    content: '';
    position: absolute;
    transition: all 0.5s; }
  .collegeTabs1 a.on {
    color: #fff; }
    .collegeTabs1 a.on:after {
      width: 100%;
      left: 0; }
  @media (min-width: 1024px) {
    .collegeTabs1 a:hover {
      color: #fff; }
      .collegeTabs1 a:hover:after {
        width: 100%;
        left: 0; } }
@media (max-width: 1200px) {
  .collegeTabs1 a {
   /* font-size: 24px;
    line-height: 45px;*/
    padding-bottom: 15px; } }
@media (max-width: 768px) {
  .collegeTabs1 {
    height: auto;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap; }
    .collegeTabs1 a {
      max-width: 100%;
      0width: 65%;
      white-space: initial;
      font-size: 16px;
      line-height: 22px;
      margin-right: 10px;
      padding-bottom: 0; }
      .collegeTabs1 a:after {
        height: 2px; }
    .collegeTabs1 a {
      display: inline-block;
      float: none; } }

.collegeOverview {
  margin: 70px auto 0;
  padding-bottom: 5.2%; }
  .collegeOverview .content {
    width: 1200px;
	color:#a0a9b7;
    max-width: 100%;
    margin-top: 42px; }
    .collegeOverview .content .pic {
      width: 100%; }
    .collegeOverview .content .con {
      margin-top: 40px;
      width: 100%; }
      .collegeOverview .content .con .item .tits {
        font-size: 24px;
        line-height: 31px;
        color: #fff;
        margin-bottom: 30px; }
        .collegeOverview .content .con .item .tits span {
          position: relative; }
          .collegeOverview .content .con .item .tits span i {
            position: relative;
            z-index: 4; }
          .collegeOverview .content .con .item .tits span:after {
            width: 100%;
            height: 16px;
            background-color: #E84A27;
            position: absolute;
            left: 0;
            bottom: -6px;
            content: ''; }
      .collegeOverview .content .con .item .t {
        font-size: 16px;
        line-height: 21px;
        color: #fff;
        margin-bottom: 16px; }
      .collegeOverview .content .con .item .t1 {
        font-size: 16px;
        line-height: 32px;
        color: #A0A9B7;
        margin-bottom: 30px; }
    .collegeOverview .content .box {
      margin-top: 9px;
      width: 240px; }
      .collegeOverview .content .box a {
		  color:#fff;
        width: 100%;
        height: auto;
        display: block; }
        .collegeOverview .content .box a .tits {
          width: 100%;
          margin-top: 25px;
          text-align: center;
          font-size: 0; }
          .collegeOverview .content .box a .tits span {
            font-size: 24px;
            line-height: 42px;
            color: #E84A27;
            font-weight: bold;
            padding-right: 54px;
            background-position: right center;
            background-size: 42px 42px;
            display: inline-block;
            background-repeat: no-repeat;
            background-image: url("../img/collegeOverview_icon.png"); }
  .collegeOverview .notice {
    padding-top: 42px; }
    .collegeOverview .notice.file {
      padding-top: 68px; }
  @media (max-width: 1200px) {
    .collegeOverview {
      margin: 50px auto 0; }
      .collegeOverview .content .con .item .tits {
        font-size: 20px;
        line-height: 28px; }
        .collegeOverview .content .con .item .tits span:after {
          height: 8px;
          bottom: -1px; } }
  @media (max-width: 768px) {
    .collegeOverview {
      margin: 20px auto 0; }
      .collegeOverview .notice {
        padding-top: 20px; }
        .collegeOverview .notice.file {
          padding-top: 20px; }
      .collegeOverview .content .con {
        margin-top: 20px; }
        .collegeOverview .content .con .item .tits {
          margin-bottom: 10px;
          font-size: 16px; }
        .collegeOverview .content .con .item .t1 {
          font-size: 14px;
          line-height: 24px; }
      .collegeOverview .content .box {
        width: 180px; }
      .collegeOverview .content .box a .tits {
        margin-top: 10px; }
      .collegeOverview .content .box a .tits span {
        font-size: 16px;
        line-height: 26px;
        background-size: 26px 26px;
        padding-right: 32px; }
      .collegeOverview .content {
        margin-top: 20px; } }

.history {
  width: 1090px;
  max-width: 100%;
  margin-top: 44px;
  position: relative; }
  .history .line {
    width: 4px;
    height: 100%;
    position: absolute;
    left: 224px;
    top: 0;
    background-color: #627594; }
  .history ul {
    position: relative;
    z-index: 5; }
    .history ul li {
      margin-bottom: 64px; }
      .history ul li .year {
        width: calc(100% - 268px);
        margin-left: 268px;
        font-size: 32px;
        line-height: 30px;
        color: #fff;
        font-weight: bold;
        position: relative; }
        .history ul li .year:after {
          width: 30px;
          height: 30px;
          border-radius: 100%;
          content: '';
          background-color: #E84A27;
          position: absolute;
          left: -56px;
          top: 0; }
      .history ul li .itemBox {
        margin-top: 62px; }
        .history ul li .itemBox .item {
          margin-bottom: 40px;
          position: relative; }
          .history ul li .itemBox .item .time {
            text-align: right;
            font-size: 18px;
            line-height: 22px;
            color: #fff;
            width: 190px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0; }
            .history ul li .itemBox .item .time:after {
              width: 16px;
              height: 16px;
              border-radius: 100%;
              background-color: #627594;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: -44px;
              content: ''; }
          .history ul li .itemBox .item .con {
            width: calc(100% - 268px);
            float: right;
            box-sizing: border-box;
            padding: 24px 32px;
            box-sizing: border-box;
            border: 1px solid #416BBD;
            background-color: #133260;
            font-size: 24px;
            line-height: 31px;
            color: #fff; }
          .history ul li .itemBox .item:last-child {
            margin-bottom: 0; }
      .history ul li:last-child {
        margin-bottom: 0; }
        .history ul li:last-child .itemBox .item:last-child:before {
          width: 4px;
          height: 50%;
          position: absolute;
          left: 224px;
          background-color: #13294B;
          content: '';
          bottom: 0; }
  @media (max-width: 1200px) {
    .history ul li .year {
      font-size: 26px; }
    .history ul li .itemBox .item .con {
      font-size: 20px;
      line-height: 28px; }
    .history ul li .itemBox {
      margin-top: 40px; }
    .history ul li {
      margin-bottom: 40px; } }
  @media (max-width: 768px) {
    .history {
      margin-top: 25px; }
      .history ul li .itemBox .item .time {
        width: 70px;
        font-size: 14px; }
      .history .line {
        width: 2px;
        left: 82px; }
      .history ul li .itemBox .item .time:after {
        width: 10px;
        height: 10px;
        right: -18px; }
      .history ul li .year {
        width: calc(100% - 100px);
        margin-left: 100px;
        font-size: 20px;
        line-height: 18px; }
        .history ul li .year:after {
          width: 14px;
          height: 14px;
          left: -25px; }
      .history ul li .itemBox .item .con {
        width: calc(100% - 100px);
        font-size: 14px;
        line-height: 24px;
        padding: 10px; }
      .history ul li .itemBox {
        margin-top: 12px; }
      .history ul li {
        margin-bottom: 25px; }
      .history ul li .itemBox .item {
        margin-bottom: 15px; } }

.collegeTitle {
  font-size: 32px;
  line-height: 42px;
  color: #fff; }
  @media (max-width: 1200px) {
    .collegeTitle {
      font-size: 24px;
      line-height: 30px; } }
  @media (max-width: 768px) {
    .collegeTitle {
      font-size: 20px;
      line-height: 26px; } }

.speech {
  width: 100%;
  margin-top: 68px;
  position: relative; }
  .speech .bg {
    width: 37.1%;
    height: 92.5%;
    left: 0;
    left: 0;
    position: absolute;
    background-color: #E84A27; }
  .speech ul {
    width: 100%;
    padding-top: 5.7%;
    position: relative;
    z-index: 5; }
    .speech ul li {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding-left: 5.7%;
      margin-bottom: 5.7%; }
      .speech ul li .pic {
        width: 39.4%;
        float: left; }
      .speech ul li .con {
        width: 54.5%;
        float: right;
        padding-top: 52px; }
        .speech ul li .con .tits {
          font-size: 40px;
          line-height: 52px;
          font-weight: bold;
          color: #fff; }
        .speech ul li .con .tit {
          font-size: 18px;
          line-height: 24px;
          color: #fff;
          margin-top: 20px; }
        .speech ul li .con .tit1 {
          font-size: 16px;
          line-height: 32px;
          color: #A0A9B7;
          margin-top: 20px;
          width: 520px;
          max-width: 100%; }
      .speech ul li:last-child {
        margin-bottom: 0; }
  @media (max-width: 1366px) {
    .speech ul li .con .tits {
      font-size: 32px;
      line-height: 42px; } }
  @media (max-width: 1200px) {
    .speech ul li .con {
      padding-top: 25px; }
      .speech ul li .con .tits {
        font-size: 24px;
        line-height: 30px; }
      .speech ul li .con .tit {
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px; }
      .speech ul li .con .tit1 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px; } }
  @media (max-width: 768px) {
    .speech {
      margin-top: 30px; }
      .speech .bg {
        display: none; }
      .speech ul {
        padding-top: 0; }
        .speech ul li {
          padding-left: 0; }
          .speech ul li .pic {
            width: 100%;
            float: none; }
          .speech ul li .con {
            width: 100%;
            float: none;
            padding-top: 15px; }
            .speech ul li .con .tits {
              font-size: 18px;
              line-height: 24px; }
            .speech ul li .con .tit {
              font-size: 14px;
              line-height: 16px;
              margin-top: 5px; }
            .speech ul li .con .tit1 {
              margin-top: 5px; } }

.framework {
  /* width: 740px; */
  max-width: 100%;
  margin: 24px auto 0; }
  .framework .tits {
    width: 100%;
    position: relative;
    margin-bottom: 40px; }
    .framework .tits:after {
      width: 1px;
      height: 40px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      background-color: #416BBD;
      content: ''; }
    .framework .tits .t {
      width: 136px;
      height: 181px;
      background-color: #133260;
      text-align: center;
      font-size: 24px;
      line-height: 60px;
      color: #fff;
      margin: 0 auto; }
    .framework .tits .t1 {
      width: 208px;
      height: 80px;
      background-color: #133260;
      text-align: center;
      font-size: 24px;
      line-height: 80px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #fff; }
      .framework .tits .t1:after {
        width: 80px;
        height: 1px;
        border-bottom: 1px solid #416BBD;
        box-sizing: border-box;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute; }
      .framework .tits .t1.tt1 {
        left: 14px; }
        .framework .tits .t1.tt1:after {
          left: 100%;
          border: 1px dashed #416BBD; }
      .framework .tits .t1.tt2 {
        right: 14px; }
        .framework .tits .t1.tt2:after {
          right: 100%; }
  .framework .tit {
    padding-top: 40px;
    position: relative; }
    .framework .tit:before {
      width: calc(100% - 80px);
      left: 40px;
      height: 1px;
      background-color: #416BBD;
      content: '';
      top: 0;
      position: absolute; }
    .framework .tit .t {
      width: 80px;
      height: 395px;
      background-color: #133260;
      float: left;
      margin-right: 30px;
      position: relative; }
      .framework .tit .t:after {
        width: 1px;
        left: 50%;
        height: 40px;
        background-color: #416BBD;
        content: '';
        transform: translateX(-50%);
        position: absolute;
        top: -40px; }
      .framework .tit .t .tt {
        font-size: 24px;
        line-height: 31px;
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 20px; }
        .framework .tit .t .tt p {
          width: 24px;
          margin-right: 6px;
          float: left; }
          .framework .tit .t .tt p:last-child {
            margin-right: 0; }
        .framework .tit .t .tt.tt1 {
          width: 54px; }
      .framework .tit .t:last-child {
        margin-right: 0; }
  @media (max-width: 845px) {
    .framework {
      width: 320px; }
      .framework .tits {
        margin-bottom: 30px; }
        .framework .tits:after {
          height: 30px;
          margin-left: -2px; }
        .framework .tits .t {
          width: 70px;
          font-size: 14px;
          line-height: 40px;
          height: 120px;
          position: relative;
          z-index: 10; }
        .framework .tits .t1 {
          font-size: 14px;
          line-height: 40px;
          height: 40px;
          width: 105px; }
          .framework .tits .t1.tt1 {
            left: 0; }
          .framework .tits .t1.tt2 {
            right: 0; }
          .framework .tits .t1:after {
            width: 20px; }
      .framework .tit {
        padding-top: 30px; }
        .framework .tit:before {
          width: calc(100% - 43px);
          left: 20px; }
        .framework .tit .t {
          width: 40px;
          margin-right: 6px;
          height: 230px; }
          .framework .tit .t:after {
            height: 30px;
            top: -30px; }
          .framework .tit .t .tt {
            font-size: 14px;
            line-height: 20px; }
            .framework .tit .t .tt p {
              width: 14px;
              margin-right: 4px; }
            .framework .tit .t .tt.tt1 {
              width: 32px; } }

.team {
  width: 1200px;
  max-width: 100%;
  margin-top: 42px; }
  .team .item {
    margin-bottom: 6.7%; }
    .team .item:last-child {
      margin-bottom: 0; }
    .team .item .pic {
      width: 240px;
      float: left;
      margin-right: 32px; }
    .team .item .con .tits {
      font-size: 24px;
      line-height: 31px;
      color: #fff;
      font-weight: bold; }
    .team .item .con .tit {
      font-size: 16px;
      line-height: 32px;
      color: #A0A9B7;
      margin-top: 17px; }
      .team .item .con .tit p {
        margin-bottom: 20px; }
        .team .item .con .tit p:last-child {
          margin-bottom: 0; }
  @media (max-width: 768px) {
    .team {
      margin-top: 25px; }
      .team .item .pic {
        width: 100%;
        float: none; }
      .team .item .con {
        width: 100%;
        float: none;
        margin-top: 15px; }
        .team .item .con .tits {
          font-size: 18px;
          line-height: 20px; }
        .team .item .con .tit {
          font-size: 14px;
          line-height: 26px; } }

.guide {
  width: 1200px;
  max-width: 100%;
  margin-top: 68px; }
  .guide table {
    border-radius: 4px;
    font-size: 16px;
    line-height: 21px;
    color: #A0A9B7; }
    .guide table tr th {
      background-color: #2B3E5D;
      border: 1px solid rgba(255, 255, 255, 0.3);
      font-weight: bold;
      text-align: left; }
      .guide table tr th p {
        padding-left: 10px;
        padding-top: 13px;
        padding-bottom: 11px; }
    .guide table tr td {
      vertical-align: top;
      border: 1px solid rgba(255, 255, 255, 0.3); }
      .guide table tr td p {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px; }
    .guide table tr .td1 {
      width: 103px; }
    .guide table tr .td2 {
      width: 208px; }
    .guide table tr .td3 {
      width: 98px; }
    .guide table tr .td4 {
      width: 154px; }
    .guide table tr .td5 {
      width: 260px; }
    .guide table tr .td6 {
      width: 275px; }
    .guide table tr .td7 {
      width: 93px; }
    .guide table tr .t1 {
      width: 100px; }
    .guide table tr .t2 {
      width: 298px; }
    .guide table tr .t3 {
      width: 200px; }
  @media (max-width: 768px) {
    .guide {
      margin-top: 30px;
      overflow: hidden;
      overflow-x: scroll;
      width: 100%; }
      .guide table {
        width: 1024px;
        font-size: 14px;
        line-height: 20px; }
        .guide table tr td p {
          padding: 5px 10px; }
        .guide table tr .td2 {
          width: 130px; }
        .guide table tr .td6 {
          width: 185px; } }

.talentTits {
  font-size: 24px;
  line-height: 31px;
  color: #fff; }
  .talentTits span {
    position: relative; }
    .talentTits span i {
      position: relative;
      z-index: 4; }
    /*.talentTits span:after {
      width: 100%;
      height: 16px;
      background-color: #E84A27;
      position: absolute;
      left: 0;
      bottom: -6px;
      content: ''; }*/
  @media (max-width: 1200px) {
    .talentTits {
      font-size: 20px;
      line-height: 28px; }
      .talentTits span:after {
        height: 8px;
        bottom: -1px; } }
  @media (max-width: 768px) {
    .talentTits {
      font-size: 16px; } }

.talentTeam {
  width: 1200px;
  max-width: 100%;
  margin-top: 68px; }
  .talentTeam .txt {
    font-size: 16px;
    line-height: 32px;
    color: #A0A9B7;
    margin-top: 30px;
    margin-bottom: 30px; }
    .talentTeam .txt .t {
      color: #fff;
      margin-bottom: 16px; }
    .talentTeam .txt .t1 {
      margin-bottom: 16px; }
  .talentTeam .calendar {
    width: 100%;
    height: 675px;
    background-color: #2B3E5D;
    margin-top: 46px;
    margin-bottom: 40px; }
  .talentTeam .list {
      /*overflow-x:auto;*/
    margin-top: 40px;
    padding-bottom: 12px;
    position: relative; }
    .talentTeam .list ul {
        display:flex;
      border-bottom: 8px solid transparent;}
      .talentTeam .list ul li {
          box-sizing: border-box;
        /*padding-bottom: 12px;*/
        /*width: 18%;*/
        /*flex-shrink: 0;*/
        /*margin-right: 2%;*/
        /*float: left;*/
        /*position: relative;*/
        cursor: pointer; }
        .talentTeam .list ul li.on{
            border:3px solid #E84A27;
        }
    .talentTeam .list .line {
        display:none;
      width: 18%;
      height: 8px;
      background-color: #E84A27;
      position: absolute;
      left: 0;
      bottom: 12px; }
      .talentTeam .list .line:after {
        bottom: -10px;
        left: 50%;
        margin-left: -9px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 10px solid #E84A27;
        position: absolute;
        content: '';
        transition: all .5s; }
  .talentTeam .itemBox {
    margin-top: 30px; }
    .talentTeam .itemBox .item {
      width: 100%;
      height: auto;
      display: none; }
      .talentTeam .itemBox .item .t {
        font-size: 24px;
        line-height: 32px;
        color: #A0A9B7;
        font-weight: bold; }
      .talentTeam .itemBox .item .t1 {
        font-size: 16px;
        line-height: 32px;
        color: #A0A9B7;
        margin-top: 6px; }
  .talentTeam .list1 {
    margin-top: 30px; }
    .talentTeam .list1 ul{
      display: flex;
      flex-wrap: wrap;
    }
    .talentTeam .list1 ul li {
      width: 18%;
      /*float: left;*/
      margin-right: 2%;
      cursor: pointer;
      margin-bottom: 30px; }
      .talentTeam .list1 ul li:nth-child(6n) {
        margin-right: 0; }
      .talentTeam .list1 ul li .pic {
        width: 100%;
		padding-bottom:130%;
        height: 0;
        overflow: hidden;
		background-size:cover;
		background-position:center;
		}
        .talentTeam .list1 ul li .pic img {
          transition: all 1.5s; }
      .talentTeam .list1 ul li .t {
        font-size: 16px;
        line-height: 21px;
        color: #fff;
        margin-top: 16px; }
      .talentTeam .list1 ul li .t1 {
        font-size: 16px;
        line-height: 21px;
        color: #A0A9B7;
        margin-top: 8px;
		overflow:hidden;
        height: 63px; }
		.talentTeam .list1 ul li .t2{
			line-height:22px;
			white-space:nowrap;
			height:22px;
			overflow:hidden;
			text-overflow:ellipsis;
		}
      @media (min-width: 1024px) {
        .talentTeam .list1 ul li:hover .pic img {
          transform: scale(1.1); } }
  .talentTeam .box .item {
    width: 100%;
    margin-bottom: 30px; }
    .talentTeam .box .item p {
      text-align: center;
      font-size: 16px;
      line-height: 24px;
      color: #A0A9B7;
      margin-top: 20px; }
  .talentTeam .box .itemB .item {
    width: 48.3%;
    float: left;
    margin-right: 3.4%; }
    .talentTeam .box .itemB .item:nth-child(2n) {
      margin-right: 0; }
  .talentTeam .pic1 {
    margin-top: 46px; }
  .talentTeam .pic2 {
    margin-top: 40px;
    margin-bottom: 30px; }
  @media (max-width: 1200px) {
    .talentTeam {
      margin-top: 40px; } }
  @media (max-width: 1024px) {
    .talentTeam .list1 ul li {
      width: 32%;
      margin-right: 2%; }
      .talentTeam .list1 ul li:nth-child(6n) {
        margin-right: 2%; }
      .talentTeam .list1 ul li:nth-child(3n) {
        margin-right: 0; } }
  @media (max-width: 768px) {
    .talentTeam {
      margin-top: 20px; }
      .talentTeam .txt {
        margin: 15px 0;
        font-size: 14px;
        line-height: 26px; }
      .talentTeam .list {
        margin-top: 10px; }
        .talentTeam .list ul {
          border-width: 4px; }
          .talentTeam .list ul li:after {
            height: 4px;
            bottom: -4px; }
          .talentTeam .list ul li:before {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #E84A27;
            bottom: -10px; }
      .talentTeam .list .line {
        height: 4px; }
        .talentTeam .list .line:after {
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 6px solid #E84A27;
          bottom: -6px;
          margin-left: -6px; }
      .talentTeam .itemBox {
        margin-top: 15px; }
      .talentTeam .itemBox .item .t {
        font-size: 18px;
        line-height: 20px; }
      .talentTeam .itemBox .item .t1 {
        font-size: 14px;
        line-height: 26px; }
      .talentTeam .list1 ul li {
        width: 48.5%;
        margin-right: 3%; }
        .talentTeam .list1 ul li:nth-child(6n) {
          margin-right: 3%; }
        .talentTeam .list1 ul li:nth-child(3n) {
          margin-right: 3%; }
        .talentTeam .list1 ul li:nth-child(2n) {
          margin-right: 0; }
      .talentTeam .list1 ul li .t1 {
        font-size: 14px;
        line-height: 20px; }
      .talentTeam .calendar {
        margin-top: 20px;
        margin-bottom: 20px;
        height: 300px; }
      .talentTeam .box .item p {
        margin-top: 5px; }
      .talentTeam .box .item {
        margin-bottom: 15px; }
      .talentTeam .box .itemB .item {
        width: 100%;
        float: none; }
      .talentTeam .pic2 {
        margin-top: 15px;
        margin-bottom: 10px; }
      .talentTeam .pic1 {
        margin-top: 10px; } }

.jsTk {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
  .jsTk .box {
    width: 1000px;
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%; }
    .jsTk .box .box-new {
      width: 100%;
      box-sizing: border-box;
      height: 550px;
      position: relative;
      overflow: hidden; }
      .jsTk .box .box-new .pic {
        width: 160px;
        position: absolute;
        top: 0;
        right: 60px; }
      .jsTk .box .box-new .tits {
        font-size: 24px;
        line-height: 31px;
        color: #091425; }
      .jsTk .box .box-new .tit {
        margin-top: 30px;
        font-size: 16px;
        line-height: 21px;
        color: #091425; }
        .jsTk .box .box-new .tit .t {
          opacity: 0.5; }
        .jsTk .box .box-new .tit .t1 {
          margin-top: 8px; }
          .jsTk .box .box-new .tit .t1 a {
            color: #091425; }
            @media (min-width: 1024px) {
              .jsTk .box .box-new .tit .t1 a:hover {
                color: #E84A27; } }
          .jsTk .box .box-new .tit .t1.tt {
            width: calc(100% - 180px); }
    .jsTk .box .close {
      width: 18px;
      height: 18px;
      background-size: 18px;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("../img/close1.png");
      position: absolute;
      top: 20px;
      right: 20px;
      display: block; }
  @media (max-width: 768px) {
    .jsTk .mCSB_scrollTools {
      right: 7px;
      width: 6px; }
    .jsTk .box {
      padding: 30px 0; }
      .jsTk .box .close {
        top: 5px;
        right: 5px; }
      .jsTk .box .box-new .pic {
        right: 20px;
        width: 120px; }
      .jsTk .box .box-new .tits {
        font-size: 20px;
        line-height: 20px; }
      .jsTk .box .box-new .tit {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px; }
        .jsTk .box .box-new .tit .t1.tt {
          width: calc(100% - 130px); } }

@media (max-width: 768px) {
  .jsTk .box .box-new .mCSB_inside > .mCSB_container {
    padding: 0 20px; } }
.administrative {
  width: 1200px;
  max-width: 100%;
  margin-top: 42px; }
  .administrative ul li .tits {
    width: 100%;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
    cursor: pointer; }
    .administrative ul li .tits span {
      font-size: 16px;
      line-height: 70px;
      margin-left: 24px;
      color: #fff;
      display: block;
      float: left; }
    .administrative ul li .tits i {
      width: 18px;
      height: 70px;
      position: absolute;
      right: 26px;
      top: 0;
      background-image: url("../img/down.png");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center; }
    .administrative ul li .tits.on i {
      transform: rotate(180deg); }
  .administrative ul li .con {
    background-color: #0D1E3A;
    padding: 40px 60px 20px;
    box-sizing: border-box;
    display: none; }
    .administrative ul li .con dl dd {
      width: 16.6%;
      margin-right: 4.25%;
      float: left;
      margin-bottom: 20px;
      cursor: pointer; }
      .administrative ul li .con dl dd .pic {
        overflow: hidden;
		padding-bottom:130%;
        width: 100%; }
        .administrative ul li .con dl dd .pic img {
          transition: all 1.5s; }
      .administrative ul li .con dl dd .t {
        font-size: 16px;
        line-height: 21px;
        color: #fff;
        margin-top: 16px; }
      .administrative ul li .con dl dd .t1 {
        font-size: 16px;
        line-height: 21px;
        color: #A0A9B7;
        height: 42px;
        overflow: hidden;
        margin-top: 8px; }
      .administrative ul li .con dl dd:nth-child(5n) {
        margin-right: 0; }
    .administrative ul li .con.con1 {
      padding: 40px 24px;
      font-size: 16px;
      line-height: 21px;
      color: #fff;
      0opacity: 0.6; }
  .administrative ul li:nth-child(2n) .tits {
    background-color: rgba(255, 255, 255, 0.2); }
  .administrative ul li .con2 {
    background-color: #0D1E3A;
	color:#fff;
    padding: 40px 24px;
    box-sizing: border-box;
    display: none; }
    .administrative ul li .con2 .conn {
      font-size: 16px;
      line-height: 21px;
      margin-top: 40px;
      color: #fff; }
      .administrative ul li .con2 .conn .t1 {
        opacity: 0.6;
        margin-top: 20px;
        margin-bottom: 40px; }
      .administrative ul li .con2 .conn .apply {
        width: 200px;
        height: 60px;
        background-color: #E84A27;
        text-align: center;
        border-radius: 8px;
        font-size: 18px;
        line-height: 60px;
        color: #fff;
        font-weight: bold;
        display: block;
        margin-top: 60px; }
  @media (max-width: 768px) {
    .administrative {
      margin-top: 20px; }
      .administrative ul li .tits {
        height: 46px; }
        .administrative ul li .tits span {
          line-height: 46px;
          font-size: 14px; }
        .administrative ul li .tits i {
          height: 46px; }
      .administrative ul li .con {
        padding: 15px 10px; }
        .administrative ul li .con dl dd {
          width: 48.5%;
          margin-right: 3%; }
          .administrative ul li .con dl dd:nth-child(5n) {
            margin-right: 3%; }
          .administrative ul li .con dl dd:nth-child(2n) {
            margin-right: 0; }
          .administrative ul li .con dl dd .t {
            margin-top: 10px; }
          .administrative ul li .con dl dd .t1 {
            font-size: 14px;
            line-height: 20px;
            margin-top: 5px; }
        .administrative ul li .con.con1 {
          padding: 15px 10px;
          font-size: 14px;
          line-height: 20px; }
      .administrative ul li .con2 {
        padding: 15px 10px; }
        .administrative ul li .con2 .conn {
          margin-top: 15px;
          font-size: 14px;
          line-height: 20px; }
          .administrative ul li .con2 .conn .t1 {
            margin-top: 5px;
            margin-bottom: 15px; }
          .administrative ul li .con2 .conn .apply {
            width: 120px;
            height: 40px;
            font-size: 14px;
            line-height: 40px;
            margin-top: 20px; } }

.honor ul {
  margin-top: 68px; }
@media (max-width: 1200px) {
  .honor ul {
    margin-top: 40px; } }
@media (max-width: 768px) {
  .honor ul {
    margin-top: 20px; } }

.introduce {
  width: 1200px;
  max-width: 100%;
  margin-top: 68px;
  font-size: 16px;
  line-height: 32px;
  color: #A0A9B7; }
  .introduce img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: 0 auto; }
  @media (max-width: 1200px) {
    .introduce {
      margin-top: 40px; } }
  @media (max-width: 768px) {
    .introduce {
      margin-top: 20px;
      font-size: 14px;
      line-height: 24px; } }

.research {
  width: 100%;
  margin-top: 68px; }
  .research ul li {
    width: 22.9%;
    float: left;
    margin-right: 2.8%;
    margin-bottom: 2.8%;
    position: relative; }
    .research ul li:nth-child(4n) {
      margin-right: 0; }
    .research ul li a {
      width: 100%;
      height: auto;
      display: block; }
      .research ul li a .bgg {
        width: 100%;
        height: 100%;
        background-color: #2b3f5d;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 1s; }
      .research ul li a .con {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
        .research ul li a .con .tits {
          width: 250px;
          max-width: 90%;
          margin: 0 auto;
          font-size: 24px;
          line-height: 32px;
          color: #fff;
          0height: 64px;
          text-align: center; }
        .research ul li a .con .indexMore {
          width: 100px;
          height: 40px;
          margin: 40px auto 0; }
          .research ul li a .con .indexMore span {
            line-height: 40px; }
          .research ul li a .con .indexMore:after {
            height: 4px; }
    @media (min-width: 1024px) {
      .research ul li:hover a .bgg {
        opacity: 0; } }
  @media (max-width: 1200px) {
    .research {
      margin-top: 40px; }
      .research ul li a .con .tits {
        font-size: 20px;
        line-height: 26px; }
      .research ul li a .con .indexMore {
        margin: 10px auto 0; } }
  @media (max-width: 1024px) {
    .research {
      margin-top: 20px; }
      .research ul li {
        width: 31.5%;
        margin-right: 2.75%; }
        .research ul li:nth-child(4n) {
          margin-right: 2.75%; }
        .research ul li:nth-child(3n) {
          margin-right: 0; }
        .research ul li a .bgg {
          display: none; } }
  @media (max-width: 768px) {
    .research ul li {
      width: 100%;
      float: none;
      margin-right: 0 !important;
      margin-bottom: 15px; } }

.student {
  padding-top: 4.2%;
  padding-bottom: 5.2%; }
  .student .box1 {
    width: 100%;
    height: auto;
    background-color: #2B3E5D;
    padding: 0 30px 40px;
    box-sizing: border-box; }
    .student .box1 .title {
      font-size: 20px;
      line-height: 26px;
      font-weight: bold;
      color: #fff;
      padding: 26px 0;
      border-bottom: 1px solid #4A5E7C; }
    .student .box1 .content {
      margin-top: 24px; }
      .student .box1 .content .pic {
        width: 37.8%;
        float: left;
        height: 285px;
        overflow: hidden;
        position: relative; }
        .student .box1 .content .pic img {
          min-height: 100%;
          width: auto !important;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .student .box1 .content .list {
        width: 58.7%;
        float: right; }
        .student .box1 .content .list ul li {
          margin-bottom: 17px; }
          .student .box1 .content .list ul li a {
            width: 100%;
            height: auto;
            display: block; }
            .student .box1 .content .list ul li a .tits {
              width: calc(100% - 80px);
              font-size: 16px;
              line-height: 21px;
              color: #fff;
              max-width: 95%;
              height: 21px;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis; }
            .student .box1 .content .list ul li a .time {
              font-size: 16px;
              line-height: 18px;
              color: #A0A9B7;
              margin-top: 4px; }
          .student .box1 .content .list ul li:last-child {
            margin-bottom: 0; }
          @media (min-width: 1024px) {
            .student .box1 .content .list ul li:hover a .tits {
              color: #E84A27; } }
  .student .box2 {
    width: 100%;
    height: auto;
    background-color: #2B3E5D;
    padding: 0 30px 40px;
    box-sizing: border-box;
    margin-top: 60px; }
    .student .box2 .title {
      font-size: 20px;
      line-height: 26px;
      font-weight: bold;
      color: #fff;
      padding: 26px 0;
      border-bottom: 1px solid #4A5E7C; }
      .student .box2 .title span {
        float: left; }
      .student .box2 .title a {
        font-weight: normal;
        color: #A0A9B7;
        font-size: 16px;
        float: right;
        line-height: 21px;
        margin-top: 5px; }
    .student .box2 .tabs {
      margin-top: 23px; }
      .student .box2 .tabs a {
        width: 130px;
        height: 40px;
        background-color: #41536E;
        text-align: center;
        font-size: 16px;
        line-height: 40px;
        display: block;
        float: left;
        margin-right: 24px;
        color: #fff; }
        .student .box2 .tabs a.on {
          background-color: #E84A27; }
        @media (min-width: 1024px) {
          .student .box2 .tabs a:hover {
            background-color: #E84A27; } }
	.student .box2 .list {
		display:none;
		margin-top: 24px;
	  }
	  .language_links{
		  display:none;
	  }
	  .visually-hidden{
		  display:none;
	  }
      .student .box2 .list ul li {
        margin-bottom: 20px; }
        .student .box2 .list ul li a {
          font-size: 16px;
          line-height: 21px;
          color: #fff;
          display: block;
          width: 100%; }
          .student .box2 .list ul li a span {
            width: 1024px;
            max-width: calc(100% - 80px);
            float: left;
            display: block;
            height: 21px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
          .student .box2 .list ul li a i {
            float: right;
            color: #A0A9B7; }
        .student .box2 .list ul li:last-child {
          margin-bottom: 0; }
        @media (min-width: 1024px) {
          .student .box2 .list ul li:hover a span {
            color: #E84A27; } }
  .student .ccBox.cc {
    margin-top: 60px; }
  .student .ccBox .box1 {
    width: 65.6%;
    float: left; }
    .student .ccBox .box1 .content .pic {
      width: 44.3%; }
    .student .ccBox .box1 .content .list {
      width: 51.3%; }
  .student .ccBox .box2 {
    width: 31.4%;
    float: right;
    margin-top: 0; }
    .student .ccBox .box2 .list ul li {
      margin-bottom: 17px; }
      .student .ccBox .box2 .list ul li:last-child {
        margin-bottom: 0; }
    .student .ccBox .box2.box1 {
      width: 65.6%;
      float: left; }
  .student .box3 {
    margin-top: 60px; }
    .student .box3 .tabs {
      width: 100%;
      height: auto;
      background-color: #2B3E5D; }
      .student .box3 .tabs a {
        width: 20%;
        float: left;
        display: block;
        text-align: center;
        font-size: 24px;
        line-height: 80px;
        color: #fff;
        position: relative; }
        .student .box3 .tabs a:after {
          width: 1px;
          height: 30px;
          background-color: #4A5E7C;
          position: absolute;
          right: 0;
          top: 25px;
          content: ""; }
        .student .box3 .tabs a:last-child:after {
          display: none; }
        .student .box3 .tabs a.on {
          color: #E84A27;
          font-weight: bold; }
    .student .box3 .itemBox {
      margin-top: 40px; }
      .student .box3 .itemBox .item {
        width: 100%;
        height: auto;
        background-color: #2B3E5D;
        display: none; }
        .student .box3 .itemBox .item .pic {
          width: 58.6%;
          float: left; }
        .student .box3 .itemBox .item .con {
          width: calc(41.4% - 50px);
          float: right;
          padding-top: 60px; }
          .student .box3 .itemBox .item .con .tits {
            font-size: 20px;
            line-height: 26px;
            font-weight: bold;
            color: #fff; }
          .student .box3 .itemBox .item .con ul {
            width: 100%;
            height: auto; }
            .student .box3 .itemBox .item .con ul li {
              width: 49%;
              margin-right: 2%;
              float: left;
              margin-top: 20px; }
              .student .box3 .itemBox .item .con ul li:nth-child(2n) {
                margin-right: 0; }
              .student .box3 .itemBox .item .con ul li a {
                width: 100%;
                height: auto;
                display: block; }
                .student .box3 .itemBox .item .con ul li a img {
                  width: 64px;
                  float: left;
                  display: block; }
                .student .box3 .itemBox .item .con ul li a .p {
                  float: left;
				  width:calc(100% - 74px);
                  margin-left: 8px;
                  font-size: 20px;
                  line-height: 64px;
                  color: #fff; }
              @media (min-width: 1024px) {
                .student .box3 .itemBox .item .con ul li:hover a .p {
                  color: #E84A27; } }
        .student .box3 .itemBox .item .list {
          width: 63.2%;
          float: left;
          margin-left: 2.1%;
          padding-top: 40px; }
          .student .box3 .itemBox .item .list .tits {
            font-size: 20px;
            line-height: 26px;
            color: #fff;
            font-weight: bold; }
            .student .box3 .itemBox .item .list .tits a {
              float: right;
              font-weight: normal;
              color: #A0A9B7;
              font-size: 16px;
              float: right;
              line-height: 21px;
              margin-top: 5px; }
          .student .box3 .itemBox .item .list ul {
            margin-top: 30px; }
            .student .box3 .itemBox .item .list ul li {
              margin-bottom: 20px; }
              .student .box3 .itemBox .item .list ul li a {
                font-size: 16px;
                line-height: 39px;
                color: #fff;
                display: block;
                width: 100%; }
                .student .box3 .itemBox .item .list ul li a img {
                  width: 39px;
                  float: left;
                  display: block; }
                .student .box3 .itemBox .item .list ul li a span {
                  width: calc(100% - 59px - 110px);
                  float: left;
                  margin-left: 20px;
                  height: 39px;
                  display: block;
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis; }
                .student .box3 .itemBox .item .list ul li a i {
                  float: right;
                  color: #A0A9B7; }
              @media (min-width: 1024px) {
                .student .box3 .itemBox .item .list ul li:hover a span {
                  color: #E84A27; } }
        .student .box3 .itemBox .item.item1 .pic {
          float: right;
          height: 410px;
          overflow: hidden;
          width: 29.3%;
          position: relative; }
          .student .box3 .itemBox .item.item1 .pic img {
            width: auto !important;
            position: absolute;
            left: 50%;
            min-height: 100%;
            top: 50%;
            transform: translate(-50%, -50%); }
  @media (max-width: 1440px) {
    .student .box3 .itemBox .item .con ul li {
      margin-top: 30px; } }
  @media (max-width: 1300px) {
    .student .box3 .itemBox .item .con {
      padding-top: 30px; }
    .student .box3 .itemBox .item .con ul li a p {
      font-size: 18px;
      line-height: 52px; }
    .student .box3 .itemBox .item .con ul li a img {
      width: 52px; } }
  @media (max-width: 1200px) {
    .student .box2 .list ul li a span {
      width: calc(100% - 50px); }
    .student .ccBox .box2 .list ul li {
      margin-bottom: 11px; }
    .student .box1 .title {
      padding: 20px 0; }
    .student .box1 .content .list ul li {
      margin-bottom: 10px; }
      .student .box1 .content .list ul li a .tits {
        width: 100%;
        max-width: 100%; }
      .student .box1 .content .list ul li a .time {
        font-size: 14px;
        line-height: 16px; }
    .student .box1 .content .pic {
      height: 245px; }
    .student .box2 .title {
      padding: 20px 0; }
      .student .box2 .title a {
        margin-top: 0; }
    .student .box2 .tabs a {
      margin-right: 15px; }
    .student .box2 {
      margin-top: 40px; }
    .student .box3 {
      margin-top: 40px; }
    .student .box3 .tabs a {
      font-size: 20px;
      line-height: 64px; }
    .student .box3 .itemBox .item .list {
      padding-top: 20px; }
    .student .box3 .itemBox .item .list ul li {
      margin-bottom: 15px; }
    .student .box3 .itemBox .item.item1 .pic {
      width: 32.3%;
      height: 350px; } }
  @media (max-width: 1100px) {
    .student .box2 .tabs a {
      width: auto;
      padding: 0 15px;
      margin-right: 10px;
      font-size: 14px; }
    .student .box3 .itemBox .item .con {
      margin-right: 25px; }
    .student .box3 .itemBox .item .con ul li {
      margin-top: 20px; }
    .student .box3 .itemBox .item .con ul li a p {
      font-size: 16px; }
    .student .ccBox .box1 {
      width: 100%;
      float: none;
      margin-bottom: 30px; }
    .student .ccBox .box2 {
      width: 100%;
      float: none; }
    .student .ccBox .box2.box1 {
      width: 100%;
      float: none;
      margin-bottom: 30px; }
    .student .ccBox.cc {
      margin-top: 30px; } }
  @media (max-width: 1024px) {
    .student .box3 .itemBox .item .pic {
      width: 100%;
      float: none; }
    .student .box3 .itemBox .item .con {
      width: calc(100% - 30px);
      margin: 0 auto 0;
      float: none;
      padding-top: 20px;
      padding-bottom: 20px; }
      .student .box3 .itemBox .item .con .tits {
        font-size: 18px;
        line-height: 22px; }
      .student .box3 .itemBox .item .con ul li {
        margin-top: 15px; }
        .student .box3 .itemBox .item .con ul li a img {
          width: 42px; }
        .student .box3 .itemBox .item .con ul li a p {
          font-size: 14px;
          line-height: 42px; }
    .student .box3 .tabs a {
      font-size: 14px;
      line-height: 46px; }
      .student .box3 .tabs a:after {
        height: 20px;
        top: 13px; }
    .student .box3 .itemBox {
      margin-top: 20px; } }
  @media (max-width: 768px) {
    .student .box1 {
      padding: 0 15px 20px; }
    .student .box3 {
      margin-top: 20px; }
    .student .box1 .title {
      padding: 15px 0;
      font-size: 18px;
      line-height: 22px; }
    .student .box1 .content .pic {
      height: auto;
      width: 100%;
      float: none; }
      .student .box1 .content .pic img {
        width: 100% !important;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0); }
    .student .box1 .content .list {
      width: 100%;
      float: none;
      margin-top: 15px; }
    .student .box1 .content {
      margin-top: 10px; }
    .student .box1 .content .list ul li a .tits {
      font-size: 14px;
      line-height: 20px;
      height: 20px; }
    .student .box1 .content .list ul li a .time {
      font-size: 12px;
      line-height: 14px; }
    .student .box2 {
      margin-top: 20px;
      padding: 0 15px 20px; }
    .student .box2 .tabs {
      overflow-x: scroll;
      white-space: nowrap;
      height: 36px;
      margin-top: 15px; }
      .student .box2 .tabs a {
        line-height: 36px;
        margin-right: 5px;
        display: inline-block;
        float: none;
        padding: 0 10px; }
    .student .box2 .title {
      padding: 15px 0;
      font-size: 18px;
      line-height: 22px; }
      .student .box2 .title a {
        font-size: 14px;
        line-height: 22px; }
    .student .box2 .list {
      margin-top: 15px; }
    .student .box2 .list ul li {
      margin-bottom: 10px; }
      .student .box2 .list ul li a {
        font-size: 14px;
        line-height: 20px; }
        .student .box2 .list ul li a span {
          max-width: calc(100% - 50px);
          height: 20px; }
        .student .box2 .list ul li a i {
          font-size: 12px; }
    .student .box3 .itemBox .item.item1 .pic {
      width: 100%;
      float: none;
      height: auto; }
      .student .box3 .itemBox .item.item1 .pic img {
        width: 100% !important;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0); }
    .student .box3 .itemBox .item .list {
      width: calc(100% - 30px);
      margin-left: 15px;
      padding-bottom: 20px; }
    .student .box3 .itemBox .item .list ul li a {
      font-size: 14px;
      line-height: 28px; }
      .student .box3 .itemBox .item .list ul li a img {
        width: 28px; }
      .student .box3 .itemBox .item .list ul li a span {
        width: calc(100% - 33px - 70px);
        height: 28px;
        margin-left: 5px; }
      .student .box3 .itemBox .item .list ul li a i {
        font-size: 12px; }
    .student .box3 .itemBox .item .list .tits {
      font-size: 18px;
      line-height: 22px; }
      .student .box3 .itemBox .item .list .tits a {
        font-size: 14px;
        line-height: 22px;
        margin-top: 0; }
    .student .box3 .itemBox .item .list ul {
      margin-top: 15px; }
      .student .box3 .itemBox .item .list ul li {
        margin-bottom: 7px; }
    .student .ccBox .box1 .content .pic {
      width: 100%;
      float: none; }
    .student .ccBox .box1 .content .list {
      width: 100%;
      float: none; }
    .student .ccBox .box1 {
      margin-bottom: 20px; }
    .student .ccBox.cc {
      margin-top: 20px; }
    .student .ccBox .box2.box1 {
      margin-bottom: 20px; } }

.community {
  width: 1200px;
  max-width: 100%;
  margin-top: 68px; }
  .community table {
    border-radius: 4px;
    font-size: 16px;
    line-height: 21px;
    color: #A0A9B7; }
    .community table tr th {
      background-color: #2B3E5D;
      border: 1px solid rgba(255, 255, 255, 0.3);
      font-weight: bold;
      text-align: left; }
      .community table tr th p {
        padding-left: 10px;
        padding-top: 13px;
        padding-bottom: 12px; }
    .community table tr td {
      border: 1px solid rgba(255, 255, 255, 0.3); }
      .community table tr td p {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px;
        padding-bottom: 12px; }
    .community table tr .td1 {
      width: 299px; }
    .community table tr .td2 {
      width: 299px; }
    .community table tr .td3 {
      width: 600px; }
  @media (max-width: 768px) {
    .community table {
      font-size: 14px;
      line-height: 18px; }
      .community table tr td p, .community table tr th p {
        padding: 5px; } }

.laboratory {
  width: 1200px;  color: #A0A9B7;
  max-width: 100%;
  margin-top: 68px; }
  .laboratory .talentTits {
    margin-top: 40px; }
  .laboratory .txt {
    font-size: 16px;
    line-height: 32px;
    color: #A0A9B7;
    margin-top: 36px; }
  @media (max-width: 1200px) {
    .laboratory {
      margin-top: 40px; } }
  @media (max-width: 768px) {
    .laboratory {
      margin-top: 20px; }
      .laboratory .talentTits {
        margin-top: 10px; }
      .laboratory .txt {
        margin-top: 10px;
        font-size: 14px;
        line-height: 26px; } }

.pt42 {
  margin-top: 42px !important; }
  @media (max-width: 768px) {
    .pt42 {
      margin-top: 20px !important; } }

.pt0 {
  padding-top: 0 !important; }

.leave {
  padding-top: 70px;
  padding-bottom: 5.2%;
  font-family: Arial; }
  .leave .leaveLeft {
    width: calc(100% - 360px);
    float: left; }
    .leave .leaveLeft .box1 {
      background-color: #2C405E;
      width: 100%;
      padding: 40px 80px;
      box-sizing: border-box;
      margin: 0 auto 32px; }
      .leave .leaveLeft .box1 .tits {
        font-size: 24px;
        line-height: 29px;
        color: #fff; }
      .leave .leaveLeft .box1 .tit {
        margin-top: 30px; }
        .leave .leaveLeft .box1 .tit .t {
          padding-left: 26px;
          float: left;
          margin-right: 70px;
          font-size: 14px;
          line-height: 40px;
          color: rgba(255, 255, 255, 0.85);
          position: relative;
          cursor: pointer; }
          .leave .leaveLeft .box1 .tit .t i {
            width: 14px;
            height: 14px;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            position: absolute;
            left: 0;
            top: 12px;
            display: block;
            border-radius: 100%; }
            .leave .leaveLeft .box1 .tit .t i:after {
              width: 8px;
              height: 8px;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto;
              background-color: #E84A27;
              display: none;
              content: '';
              border-radius: 100%; }
          .leave .leaveLeft .box1 .tit .t:last-child {
            margin-right: 0; }
          .leave .leaveLeft .box1 .tit .t.on i {
            border: 1px solid #e84a27; }
            .leave .leaveLeft .box1 .tit .t.on i:after {
              display: block; }
      .leave .leaveLeft .box1 .txt {
        width: 100%;
        height: 80px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-sizing: border-box;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        padding: 9px 12px;
        margin-top: 22px; }
    .leave .leaveLeft .box {
      background-color: #2C405E;
      width: 100%;
      padding: 80px 80px 1px;
      box-sizing: border-box;
      margin: 0 auto; }
      .leave .leaveLeft .box.box2 {
        margin-top: 40px;
        padding-top: 40px; }
        .leave .leaveLeft .box.box2 .item .itemNew .tit2 {
          margin-top: 40px; }
      .leave .leaveLeft .box .title {
        text-align: center;
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 60px; }
      .leave .leaveLeft .box input[type="text"] {
        width: 100%;
        height: 40px;
        background: none;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-sizing: border-box;
        padding-left: 12px;
        color: #fff;
        line-height: 22px;
        margin-top: 12px; }
      .leave .leaveLeft .box textarea {
        width: 100%;
        height: 80px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-sizing: border-box;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        padding: 9px 12px; }
      .leave .leaveLeft .box span {
        font-size: 14px;
        line-height: 16px;
        color: rgba(255, 255, 255, 0.85);
        display: block; }
        .leave .leaveLeft .box span i {
          color: #E84A27; }
        .leave .leaveLeft .box span a {
          float: right;
          padding-left: 20px;
          background-position: left center;
          background-size: 14px;
          color: #E84A27;
          display: inline-block;
          background-image: url("../img/add.png");
          background-repeat: no-repeat; }
      .leave .leaveLeft .box .item {
        margin-bottom: 40px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 40px; }
        .leave .leaveLeft .box .item:last-child {
          border-bottom: none; }
        .leave .leaveLeft .box .item .tits {
          font-size: 24px;
          line-height: 29px;
          text-transform: uppercase;
          color: #fff; }
        .leave .leaveLeft .box .item .itemNew {
          margin-top: 40px; }
          .leave .leaveLeft .box .item .itemNew .tit {
            margin-bottom: 32px; }
            .leave .leaveLeft .box .item .itemNew .tit .t {
              width: 45.45%;
              float: left;
              margin-right: 9.1%; }
              .leave .leaveLeft .box .item .itemNew .tit .t:last-child {
                margin-right: 0; }
              .leave .leaveLeft .box .item .itemNew .tit .t .text2 {
                background-position: calc(100% - 11px) center;
                background-repeat: no-repeat;
                background-size: 16px;
                background-image: url("../img/data.png"); }
              .leave .leaveLeft .box .item .itemNew .tit .t .tt {
                margin-top: 12px; }
                .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt {
                  padding-left: 26px;
                  float: left;
                  margin-right: 10px;
                  font-size: 14px;
                  line-height: 40px;
                  color: rgba(255, 255, 255, 0.85);
                  position: relative;
                  cursor: pointer; }
                  .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt i {
                    width: 14px;
                    height: 14px;
                    background: rgba(255, 255, 255, 0.1);
                    border: 1px solid rgba(255, 255, 255, 0.2);
                    position: absolute;
                    left: 0;
                    top: 12px;
                    display: block;
                    border-radius: 100%; }
                    .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt i:after {
                      width: 8px;
                      height: 8px;
                      position: absolute;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      background-color: #E84A27;
                      display: none;
                      content: '';
                      border-radius: 100%; }
                  .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt:last-child {
                    margin-right: 0; }
                  .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt.on i {
                    border: 1px solid #e84a27; }
                    .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt.on i:after {
                      display: block; }
              .leave .leaveLeft .box .item .itemNew .tit .t .tt1 {
                margin-top: 12px; }
                .leave .leaveLeft .box .item .itemNew .tit .t .tt1 .text {
                  width: calc(50% - 20px);
                  float: left;
                  margin-top: 0;
                  background-position: calc(100% - 11px);
                  background-repeat: no-repeat;
                  background-size: 16px;
                  background-image: url("../img/data.png"); }
                .leave .leaveLeft .box .item .itemNew .tit .t .tt1 em {
                  text-align: center;
                  width: 40px;
                  display: block;
                  font-size: 14px;
                  line-height: 40px;
                  color: rgba(255, 255, 255, 0.85);
                  float: left; }
              .leave .leaveLeft .box .item .itemNew .tit .t .text1 {
                width: 260px;
                max-width: 100%; }
            .leave .leaveLeft .box .item .itemNew .tit:last-child {
              margin-bottom: 0; }
            .leave .leaveLeft .box .item .itemNew .tit .t1 {
              width: 100%; }
            .leave .leaveLeft .box .item .itemNew .tit .t2 {
              margin-top: 12px; }
              .leave .leaveLeft .box .item .itemNew .tit .t2 .tt {
                float: left; }
                .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt {
                  padding-left: 26px;
                  float: left;
                  margin-right: 10px;
                  font-size: 14px;
                  line-height: 40px;
                  color: rgba(255, 255, 255, 0.85);
                  position: relative;
                  cursor: pointer; }
                  .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt i {
                    width: 14px;
                    height: 14px;
                    background: rgba(255, 255, 255, 0.1);
                    border: 1px solid rgba(255, 255, 255, 0.2);
                    position: absolute;
                    left: 0;
                    top: 12px;
                    display: block;
                    border-radius: 100%; }
                    .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt i:after {
                      width: 8px;
                      height: 8px;
                      position: absolute;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      background-color: #E84A27;
                      display: none;
                      content: '';
                      border-radius: 100%; }
                  .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt:last-child {
                    margin-right: 0; }
                  .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt.on i {
                    border: 1px solid #e84a27; }
                    .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt.on i:after {
                      display: block; }
              .leave .leaveLeft .box .item .itemNew .tit .t2 .tt1 {
                float: left; }
                .leave .leaveLeft .box .item .itemNew .tit .t2 .tt1 .ttt {
                  float: left;
                  margin-left: 20px; }
                  .leave .leaveLeft .box .item .itemNew .tit .t2 .tt1 .ttt em {
                    float: left;
                    margin-right: 8px;
                    font-size: 14px;
                    line-height: 40px;
                    color: rgba(255, 255, 255, 0.85); }
                  .leave .leaveLeft .box .item .itemNew .tit .t2 .tt1 .ttt .text {
                    width: 260px;
                    float: left;
                    margin-top: 0; }
              .leave .leaveLeft .box .item .itemNew .tit .t2 .text1 {
                margin-top: 5px; }
          .leave .leaveLeft .box .item .itemNew .tit1 {
            margin-bottom: 32px; }
            .leave .leaveLeft .box .item .itemNew .tit1 span {
              font-size: 14px;
              line-height: 16px;
              color: #fff; }
              .leave .leaveLeft .box .item .itemNew .tit1 span i {
                color: #E84A27; }
            .leave .leaveLeft .box .item .itemNew .tit1 .t {
              width: 100%;
              margin-top: 12px;
              position: relative; }
              .leave .leaveLeft .box .item .itemNew .tit1 .t .num {
                font-size: 14px;
                line-height: 22px;
                color: rgba(255, 255, 255, 0.5);
                position: absolute;
                right: 12px;
                bottom: 9px; }
          .leave .leaveLeft .box .item .itemNew .tit2 {
            width: 100%;
            box-sizing: border-box;
            border: 1px solid #68768B;
            border-radius: 4px; }
            .leave .leaveLeft .box .item .itemNew .tit2 .tt1 {
              width: 18.1% !important; }
            .leave .leaveLeft .box .item .itemNew .tit2 .tt2 {
              width: 45.7% !important; }
            .leave .leaveLeft .box .item .itemNew .tit2 .t {
              background-color: rgba(255, 255, 255, 0.1);
              border-bottom: 1px solid #68768B; }
              .leave .leaveLeft .box .item .itemNew .tit2 .t .tt {
                width: 33.3333333333%;
                box-sizing: border-box;
                text-align: center;
                font-size: 14px;
                line-height: 46px;
                color: #A0A9B7;
                float: left;
                border-right: 1px solid #68768B; }
                .leave .leaveLeft .box .item .itemNew .tit2 .t .tt:last-child {
                  border-right: none; }
            .leave .leaveLeft .box .item .itemNew .tit2 .t1 {
              border-bottom: 1px solid #68768B; }
              .leave .leaveLeft .box .item .itemNew .tit2 .t1:last-child {
                border-bottom: none; }
              .leave .leaveLeft .box .item .itemNew .tit2 .t1 .text {
                width: 33.3333333333%;
                border: none;
                background: none;
                text-align: center;
                padding-left: 0;
                border-right: 1px solid #68768B;
                box-sizing: border-box;
                margin-top: 0;
                float: left;
                display: block;
                border-radius: 0;
                height: 45px; }
                .leave .leaveLeft .box .item .itemNew .tit2 .t1 .text:last-child {
                  border-right: none; }
              .leave .leaveLeft .box .item .itemNew .tit2 .t1 .c {
                width: 33.3333333333%;
                border-right: 1px solid #68768B;
                box-sizing: border-box;
                margin-top: 0;
                float: left;
                display: block;
                border-radius: 0;
                height: 45px;
                font-size: 14px;
                line-height: 45px;
                color: #A0A9B7;
                text-align: center; }
                .leave .leaveLeft .box .item .itemNew .tit2 .t1 .c:last-child {
                  border-right: none; }
          .leave .leaveLeft .box .item .itemNew .tit3 {
            margin-bottom: 32px; }
            .leave .leaveLeft .box .item .itemNew .tit3 .tit2 {
              margin-top: 12px; }
        .leave .leaveLeft .box .item .con {
          font-size: 14px;
          line-height: 22px;
          color: rgba(255, 255, 255, 0.85);
          margin-top: 30px; }
          .leave .leaveLeft .box .item .con p {
            margin-bottom: 12px; }
          .leave .leaveLeft .box .item .con a {
            color: #E84A27; }
    .leave .leaveLeft .bottom {
		position:fixed;
		bottom:0;
		left:0;
		z-index:999;
      width: 100%;
      height: auto;
      padding: 14px 0;
      background: #2C405E;
      box-shadow: 0px -22px 22px 0px rgba(0, 0, 0, 0.11);
      text-align: center;
      font-size: 0; }
      .leave .leaveLeft .bottom a {
        width: 78px;
        height: 32px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        margin: 0 8px;
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        box-sizing: border-box;
        text-align: center;
        color: #fff; }
        .leave .leaveLeft .bottom a.submit {
          border-color: #E84A27;
          background-color: #E84A27;
          color: #fff; }
  @media (max-width: 1450px) {
    .leave .leaveLeft {
      width: calc(100% - 290px); } }
  @media (max-width: 1366px) {
    .leave .leaveLeft .box {
      padding: 60px 30px 1px; }
    .leave .leaveLeft .box1 {
      padding: 30px 40px; } }
  @media (max-width: 1200px) {
    .leave .leaveLeft .box1 {
      padding: 30px 20px; }
    .leave .leaveLeft .box1 .tits {
      font-size: 20px;
      line-height: 24px; }
    .leave .leaveLeft .box {
      padding: 30px 20px 1px; }
      .leave .leaveLeft .box .title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 40px; }
    .leave .leaveLeft .box .item .tits {
      font-size: 20px;
      line-height: 24px; }
    .leave .leaveLeft .box .item .itemNew {
      margin-top: 30px; }
    .leave .leaveLeft .box .item .itemNew .tit {
      margin-bottom: 10px; }
    .leave .leaveLeft .box .item .itemNew .tit .t {
      width: 100%;
      float: none;
      margin-right: 0;
      margin-bottom: 10px; } }
  @media (max-width: 1024px) {
    .leave {
      padding-top: 30px; }
      .leave .leaveLeft {
        width: 100%; }
      .leave .leaveLeft .box1 {
        padding: 20px 10px;
        margin-bottom: 20px; }
      .leave .leaveLeft .box1 .tits {
        font-size: 18px;
        line-height: 22px; }
      .leave .leaveLeft .box1 .tit {
        margin-top: 10px; }
      .leave .leaveLeft .box1 .tit .t {
        margin-right: 20px;
        font-size: 12px;
        line-height: 32px; }
        .leave .leaveLeft .box1 .tit .t i {
          top: 7px; }
      .leave .leaveLeft .box1 .txt {
        margin-top: 8px; }
      .leave .leaveLeft .box {
        padding: 20px 10px 1px; }
      .leave .leaveLeft .box .title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px; }
      .leave .leaveLeft .box .item {
        padding-bottom: 15px;
        margin-bottom: 15px; }
        .leave .leaveLeft .box .item .tits {
          font-size: 18px;
          line-height: 22px; }
        .leave .leaveLeft .box .item .itemNew {
          margin-top: 10px; }
      .leave .leaveLeft .box input[type="text"] {
        font-size: 12px; }
      .leave .leaveLeft .box span {
        font-size: 12px;
        line-height: 14px; }
      .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt {
        font-size: 12px;
        line-height: 32px; }
        .leave .leaveLeft .box .item .itemNew .tit .t .tt .ttt i {
          top: 7px; }
      .leave .leaveLeft .box .item .itemNew .tit .t2 .tt1 .ttt {
        width: 100%;
        margin-left: 0;
        margin-bottom: 5px; }
      .leave .leaveLeft .box textarea {
        font-size: 12px;
        line-height: 18px; }
      .leave .leaveLeft .box .item .itemNew .tit1 span {
        font-size: 12px; }
      .leave .leaveLeft .box .item .itemNew .tit1 {
        margin-bottom: 15px; }
      .leave .leaveLeft .box .item .itemNew .tit .t2 .tt1 .ttt em {
        font-size: 12px;
        width: 40px; }
      .leave .leaveLeft .box .item .itemNew .tit .t2 .tt .ttt {
        font-size: 12px; }
      .leave .leaveLeft .box .item .itemNew .tit2 .t .tt {
        font-size: 12px; }
      .leave .leaveLeft .box .item .itemNew .tit3 .tit2 {
        width: 100%;
        overflow: scroll; }
        .leave .leaveLeft .box .item .itemNew .tit3 .tit2 .t {
          width: 600px; }
        .leave .leaveLeft .box .item .itemNew .tit3 .tit2 .t1 {
          width: 600px; }
      .leave .leaveLeft .box .item .itemNew .tit2 {
        width: 100%;
        overflow: scroll; }
        .leave .leaveLeft .box .item .itemNew .tit2 .t {
          width: 600px; }
        .leave .leaveLeft .box .item .itemNew .tit2 .t1 {
          width: 600px; }
      .leave .leaveLeft .box.box2 {
        margin-top: 20px;
        padding-top: 20px; }
      .leave .leaveLeft .box.box2 .item .itemNew .tit2 {
        margin-top: 10px; } }

.leaveRight {
  width: 320px;
  float: right;
  background: rgba(44, 64, 94, 0.5); }
  .leaveRight ul li .tits {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 56px;
    padding-left: 72px;
    text-transform: uppercase;
    background-size: 24px;
    background-position: 32px center;
    color: #fff;
    background-repeat: no-repeat;
    position: relative; }
    .leaveRight ul li .tits:after {
      width: 4px;
      height: 56px;
      background-color: #E84A27;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      display: none; }
    .leaveRight ul li .tits.ic1 {
      background-image: url("../img/ic1.png"); }
    .leaveRight ul li .tits.ic2 {
      background-image: url("../img/ic2.png"); }
    .leaveRight ul li .tits.ic3 {
      background-image: url("../img/ic3.png"); }
    .leaveRight ul li .tits.ic4 {
      background-image: url("../img/ic4.png"); }
    .leaveRight ul li .tits.ic5 {
      background-image: url("../img/ic5.png"); }
    .leaveRight ul li .tits.ic6 {
      background-image: url("../img/ic6.png"); }
    .leaveRight ul li .tits.ic7 {
      background-image: url("../img/ic7.png"); }
    .leaveRight ul li .tits.ic8 {
      background-image: url("../img/ic8.png"); }
    .leaveRight ul li .tits.ic9 {
      background-image: url("../img/ic9.png"); }
    .leaveRight ul li .tits.ic10 {
      background-image: url("../img/ic10.png"); }
    .leaveRight ul li .tits.ic11 {
      background-image: url("../img/ic11.png"); }
    .leaveRight ul li .tits.on {
      color: #E84A27; }
      .leaveRight ul li .tits.on:after {
        display: block; }
      .leaveRight ul li .tits.on.ic1 {
        background-image: url("../img/ic1_h.png"); }
      .leaveRight ul li .tits.on.ic2 {
        background-image: url("../img/ic2_h.png"); }
      .leaveRight ul li .tits.on.ic3 {
        background-image: url("../img/ic3_h.png"); }
      .leaveRight ul li .tits.on.ic4 {
        background-image: url("../img/ic4_h.png"); }
      .leaveRight ul li .tits.on.ic5 {
        background-image: url("../img/ic5_h.png"); }
      .leaveRight ul li .tits.on.ic6 {
        background-image: url("../img/ic6_h.png"); }
      .leaveRight ul li .tits.on.ic7 {
        background-image: url("../img/ic7_h.png"); }
      .leaveRight ul li .tits.on.ic8 {
        background-image: url("../img/ic8_h.png"); }
      .leaveRight ul li .tits.on.ic9 {
        background-image: url("../img/ic9_h.png"); }
      .leaveRight ul li .tits.on.ic10 {
        background-image: url("../img/ic10_h.png"); }
      .leaveRight ul li .tits.on.ic11 {
        background-image: url("../img/ic11_h.png"); }
    @media (min-width: 1024px) {
      .leaveRight ul li .tits:hover {
        color: #E84A27; }
        .leaveRight ul li .tits:hover:after {
          display: block; }
        .leaveRight ul li .tits:hover.ic1 {
          background-image: url("../img/ic1_h.png"); }
        .leaveRight ul li .tits:hover.ic2 {
          background-image: url("../img/ic2_h.png"); }
        .leaveRight ul li .tits:hover.ic3 {
          background-image: url("../img/ic3_h.png"); }
        .leaveRight ul li .tits:hover.ic4 {
          background-image: url("../img/ic4_h.png"); }
        .leaveRight ul li .tits:hover.ic5 {
          background-image: url("../img/ic5_h.png"); }
        .leaveRight ul li .tits:hover.ic6 {
          background-image: url("../img/ic6_h.png"); }
        .leaveRight ul li .tits:hover.ic7 {
          background-image: url("../img/ic7_h.png"); }
        .leaveRight ul li .tits:hover.ic8 {
          background-image: url("../img/ic8_h.png"); }
        .leaveRight ul li .tits:hover.ic9 {
          background-image: url("../img/ic9_h.png"); }
        .leaveRight ul li .tits:hover.ic10 {
          background-image: url("../img/ic10_h.png"); }
        .leaveRight ul li .tits:hover.ic11 {
          background-image: url("../img/ic11_h.png"); } }
  .leaveRight ul li .tit {
    background-color: rgba(19, 41, 75, 0.5); }
    .leaveRight ul li .tit a {
      font-size: 16px;
      line-height: 56px;
      padding-left: 72px;
      display: block;
      box-sizing: border-box;
      color: #fff; }
      .leaveRight ul li .tit a:hover {
        background-color: rgba(19, 41, 75, 0.5); }
  @media (max-width: 1450px) {
    .leaveRight {
      width: 260px; }
      .leaveRight ul li .tits {
        background-position: 15px center;
        padding-left: 50px;
        font-size: 14px; } }
  @media (max-width: 1024px) {
    .leaveRight {
      display: none; } }

.menu {
  width: 260px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 100;
  background-color: #13294B;
  transition: all 1s; }
  .menu .tits {
    width: calc(100% - 60px);
    height: auto;
    padding-top: 30px;
    margin: 0 auto;
    padding-bottom: 37px; }
    .menu .tits .t {
      float: left;
      font-size: 18px;
      line-height: 27px;
      color: #fff; }
    .menu .tits a {
      width: 16px;
      height: 27px;
      float: right;
      display: block;
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("../img/close.png"); }
  .menu .nav {
    width: 100%;
    height: auto; }
    .menu .nav ul li .t {
      font-size: 16px;
      line-height: 60px;
      padding-left: 30px;
      width: 100%;
      box-sizing: border-box;
      display: block;
      color: #fff; }
    .menu .nav ul li .mnav {
      width: 340px;
      left: 100%;
      top: 0;
      height: 100vh;
      background-color: #172233;
      position: absolute;
      display: none; }
      .menu .nav ul li .mnav .tt {
        padding-left: 40px;
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        display: none; }
      .menu .nav ul li .mnav .tt1 {
        width: calc(100% - 40px);
        padding-left: 40px;
        margin-top: 0;
        padding-top: 106px; }
        .menu .nav ul li .mnav .tt1 a {
          display: block;
          font-size: 14px;
          line-height: 58px;
          color: #D0D2D6; }
          .menu .nav ul li .mnav .tt1 a:hover {
            color: #E84A27; }
    @media (min-width: 1024px) {
      .menu .nav ul li:hover .t {
        background-color: #172233; }
      .menu .nav ul li:hover .mnav {
        display: block; } }
    .menu .nav .tttt {
      padding-left: 30px;
      margin-top: 46px; }
      .menu .nav .tttt a {
        font-size: 14px;
        line-height: 40px;
        color: #A0A9B7;
        display: block; }
        .menu .nav .tttt a:hover {
          color: #E84A27; }
		  .menu .nav .tttt .high{
			  color: #E84A27;
		  }
		  .menu .nav .tttt .high:hover {
          color: #fff; }
      .menu .nav .tttt.tc1 {
        display: none; }
  .menu.on {
    left: 0; }
  @media (max-width: 1366px) {
    .menu .tits {
      padding-top: 20px;
      padding-bottom: 24px; }
    .menu .nav ul li .t {
      line-height: 40px; }
    .menu .nav .tttt {
      margin-top: 15px; }
      .menu .nav .tttt a {
        line-height: 32px; }
    .menu .nav ul li .mnav .tt {
      font-size: 20px;
      line-height: 20px; }
    .menu .nav ul li .mnav .tt1 a {
      font-size: 16px;
      line-height: 32px; } }
  @media (max-width: 768px) {
    .menu {
      left: -120%; }
      .menu .tits {
        padding-top: 15px;
        padding-bottom: 15px; }
      .menu .nav {
        height: calc(100vh - 60px);
        overflow-y: scroll; }
        .menu .nav ul li .t {
          font-size: 16px;
          line-height: 30px;
          padding: 7px 30px;
          position: relative; }
          .menu .nav ul li .t i {
            width: 16px;
            height: 12px;
            background-image: url("../img/h_icon2.png");
            background-size: cover;
            position: absolute;
            top: 50%;
            right: 30px;
            transform: translateY(-50%);
            display: block; }
        .menu .nav ul li .mnav {
          width: 100%;
          position: relative;
          height: auto;
          left: auto;
          display: block;
          padding: 15px 0;
          display: none; }
          .menu .nav ul li .mnav .tt {
            display: none; }
          .menu .nav ul li .mnav .tt1 {
            width: calc(100% - 40px);
            margin-top: 0;
            padding-left: 40px;
            padding-top: 0; }
            .menu .nav ul li .mnav .tt1 a {
              font-size: 14px;
              line-height: 26px; }
        .menu .nav ul li.on .t i {
          transform: rotateY(180deg); }
        .menu .nav .tttt {
          margin-top: 10px; }
          .menu .nav .tttt a {
            display: inline-block;
            float: none;
            font-size: 15px;
            margin-right: 10px; }
          .menu .nav .tttt.tc1 {
            display: block; } }

.partyUnion {
  width: 1200px;
  max-width: 100%;
  margin-top: 68px; }
  .partyUnion .txts {
    font-size: 16px;
    line-height: 32px;
    color: #A0A9B7; }
  .partyUnion .box {
    margin-top: 70px;
    background-color: rgba(255, 255, 255, 0.1); }
    .partyUnion .box .pic {
      width: 56.7%;
      float: left;
      height: 382px;
      position: relative;
      overflow: hidden; }
      .partyUnion .box .pic img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: 100%;
        width: auto !important; }
    .partyUnion .box .itemBox {
      width: 36.7%;
      float: right;
      margin-right: 3.3%;
      padding-top: 30px; }
      .partyUnion .box .itemBox .item {
        margin-bottom: 22px; }
        .partyUnion .box .itemBox .item a {
          display: block;
          width: 100%;
          height: auto; }
          .partyUnion .box .itemBox .item a .t {
            font-size: 20px;
            line-height: 26px;
            height: 52px;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
          .partyUnion .box .itemBox .item a .t1 {
            font-size: 14px;
            line-height: 19px;
            color: rgba(255, 255, 255, 0.5);
            height: 76px;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 20px;
            display: none; }
          .partyUnion .box .itemBox .item a .time {
            font-size: 14px;
            line-height: 19px;
            color: rgba(255, 255, 255, 0.5);
            margin-top: 12px;
            display: none; }
        .partyUnion .box .itemBox .item.on a .t1 {
          display: block; }
        .partyUnion .box .itemBox .item.on a .time {
          display: block; }
        .partyUnion .box .itemBox .item:last-child {
          margin-bottom: 0; }
  .partyUnion .list1 {
    margin-top: 70px; }
    .partyUnion .list1 ul {
      padding-bottom: 23px; }
      .partyUnion .list1 ul li {
        border-top: 1px solid #233655;
        padding: 37px 0; }
        .partyUnion .list1 ul li a {
          width: 100%;
          height: auto;
          display: block; }
          .partyUnion .list1 ul li a .tits {
            font-size: 18px;
            line-height: 24px;
            height: 24px;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
          .partyUnion .list1 ul li a .tit {
            margin-top: 32px; }
            .partyUnion .list1 ul li a .tit .pic {
              width: 210px;
              height: auto;
              float: left;
              overflow: hidden; }
              .partyUnion .list1 ul li a .tit .pic img {
                transition: all 1.5s; }
            .partyUnion .list1 ul li a .tit .con {
              width: calc(100% - 240px);
              float: right; }
              .partyUnion .list1 ul li a .tit .con .t {
                font-size: 16px;
                line-height: 32px;
                color: #A0A9B7;
                height: 64px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis; }
              .partyUnion .list1 ul li a .tit .con .time {
                font-size: 18px;
                line-height: 22px;
                color: #A0A9B7;
                margin-top: 35px; }
        @media (min-width: 1024px) {
          .partyUnion .list1 ul li:hover a .tits {
            color: #E84A27; }
          .partyUnion .list1 ul li:hover a .tit .pic img {
            transform: scale(1.1); } }
  .partyUnion .notice {
    margin-top: 70px;
    padding-top: 0;
    padding-bottom: 0; }
  @media (max-width: 1200px) {
    .partyUnion {
      margin-top: 40px; }
      .partyUnion .notice {
        margin-top: 35px; }
      .partyUnion .box .itemBox .item a .t {
        font-size: 16px;
        line-height: 24px;
        height: 48px; }
      .partyUnion .box {
        margin-top: 40px; }
      .partyUnion .box .itemBox .item a .t1 {
        margin-top: 10px;
        height: 57px;
        -webkit-line-clamp: 3; }
      .partyUnion .box .itemBox .item {
        margin-bottom: 15px; }
      .partyUnion .box .pic {
        height: 330px; }
      .partyUnion .list1 {
        margin-top: 50px; }
      .partyUnion .list1 ul li {
        padding: 20px 0; } }
  @media (max-width: 768px) {
    .partyUnion {
      margin-top: 20px; }
      .partyUnion .txts {
        font-size: 14px;
        line-height: 24px; }
      .partyUnion .notice {
        margin-top: 15px; }
      .partyUnion .box {
        margin-top: 15px; }
      .partyUnion .box .pic {
        width: 100%;
        float: none;
        height: auto; }
        .partyUnion .box .pic img {
          width: 100% !important;
          position: relative;
          top: 0;
          left: 0;
          transform: translate(0, 0); }
      .partyUnion .box .itemBox {
        width: calc(100% - 30px);
        margin: 0 auto;
        float: none;
        padding-top: 15px;
        padding-bottom: 20px; }
      .partyUnion .box .itemBox .item.on a .t1 {
        display: none; }
      .partyUnion .box .itemBox .item.on a .time {
        display: none; }
      .partyUnion .box .itemBox .item {
        margin-bottom: 10px; }
      .partyUnion .box .itemBox .item a .t {
        font-size: 14px;
        line-height: 22px;
        height: 44px; }
      .partyUnion .list1 {
        margin-top: 20px; }
      .partyUnion .list1 ul li {
        padding: 15px 0; }
        .partyUnion .list1 ul li a .tits {
          font-size: 16px;
          line-height: 20px;
          height: 20px; }
        .partyUnion .list1 ul li a .tit {
          margin-top: 15px; }
          .partyUnion .list1 ul li a .tit .pic {
            width: 100%;
            float: none; }
          .partyUnion .list1 ul li a .tit .con {
            width: 100%;
            float: none;
            margin-top: 10px; }
            .partyUnion .list1 ul li a .tit .con .t {
              font-size: 14px;
              line-height: 24px;
              height: 48px; }
            .partyUnion .list1 ul li a .tit .con .time {
              font-size: 14px;
              line-height: 18px;
              margin-top: 10px; } }

.approval {
  margin: 70px auto 0;
  padding-bottom: 5.2%; }
  .approval .top .t {
    width: 200px;
    float: left;
    margin-right: 40px; }
    .approval .top .t span {
      font-size: 14px;
      line-height: 19px;
      color: rgba(255, 255, 255, 0.85);
      display: block; }
    .approval .top .t .text {
      width: 100%;
      height: 40px;
      background: none;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-sizing: border-box;
      padding-left: 12px;
      color: #fff;
      line-height: 22px;
      margin-top: 13px; }
      .approval .top .t .text.text1 {
        background-position: calc(100% - 11px) center;
        background-repeat: no-repeat;
        background-size: 16px;
        background-image: url("../img/data.png"); }
    .approval .top .t .sel {
      width: 100%;
      height: 40px;
      background: none;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-sizing: border-box;
      padding-left: 12px;
      color: rgba(255, 255, 255, 0.85);
      line-height: 22px;
      margin-top: 13px;
      -moz-appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background-position: calc(100% - 16px) center;
      background-repeat: no-repeat;
      background-size: 10px;
      background-image: url("../img/approval_icon1.png"); }
      .approval .top .t .sel option{
        color:#333;
      }
  .approval .top .t1 {
    margin-top: 32px;
    float: right; }
    .approval .top .t1 .but {
      text-align: center;
      width: 80px;
      height: 40px;
      line-height: 40px;
      background: #41536e;
      border-radius: 4px;
      border: 1px solid #68768b;
      display: block;
      float: left;
      box-sizing: border-box;
      color: rgba(255, 255, 255, 0.85);
      margin-left: 16px; }
      .approval .top .t1 .but.submit {
        background: #e84a27;
        border-color: #e84a27; }
  .approval .list {
    margin-top: 40px; }
    .approval .list table {
      border-radius: 4px;
      font-size: 14px;
      line-height: 19px;
      color: #A0A9B7; }
      .approval .list table tr th {
        background-color: #2B3E5D;
        border: 1px solid rgba(255, 255, 255, 0.3);
        font-weight: bold;
        text-align: left; }
        .approval .list table tr th p {
          padding-left: 10px;
          padding-top: 13px;
          padding-bottom: 13px; }
      .approval .list table tr td {
        vertical-align: top;
        border: 1px solid rgba(255, 255, 255, 0.3); }
        .approval .list table tr td p {
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 13px;
          padding-bottom: 13px; }
        .approval .list table tr td .t {
          padding-top: 8px;
          margin-left: 10px; }
          .approval .list table tr td .t a.off{
            cursor: not-allowed;
          }
          .approval .list table tr td .t a.off span{
            color:#576171;
          }
          .approval .list table tr td .t a {
            width: 90px;
            height: 30px;
            border-radius: 4px;
            border: 1px solid #68768b;
            display: inline-block;
            box-sizing: border-box;
            text-align: center;
            font-size: 0;
            margin: 0 10px; }
            .approval .list table tr td .t a span {
              display: inline-block;
              font-size: 14px;
              line-height: 28px;
              color: #A0A9B7;
              padding-left: 26px;
              background-position: left center;
              background-repeat: no-repeat;
              background-size: 16px; }
            .approval .list table tr td .t a.a1 span {
              background-image: url("../img/approval_icon2.png"); }
            .approval .list table tr td .t a.a2 span {
              background-image: url("../img/approval_icon3.png");
              color: #E84A27; }
            @media (min-width: 1024px) {
              .approval .list table tr td .t a:hover.a1 span {
                background-image: url("../img/approval_icon2_h.png");
                color: #E84A27; } }
      .approval .list table tr .td1 {
        width: 300px; }
      .approval .list table tr .td2 {
        width: 120px; }
      .approval .list table tr .td3 {
        width: 210px; }
      .approval .list table tr .td4 {
        width: 100px; }
      .approval .list table tr .td5 {
        width: 150px; }
      .approval .list table tr .td6 {
        width: 220px; }
      .approval .list table tr .td7 {
        width: 250px; }
  .approval .page {
    margin-top: 40px; }
  @media (max-width: 1200px) {
    .approval {
      margin: 50px auto 0; } }
  @media (max-width: 768px) {
    .approval {
      margin: 30px auto 0; }
      .approval .top .t {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px; }
        .approval .top .t .text {
          margin-top: 5px; }
      .approval .top .t1 {
        margin-top: 15px; }
      .approval .list {
        width: 100%;
        overflow-x: scroll; }
        .approval .list table {
          width: 600px; } }

.login {
  padding-top: 10.4%; }
  .login .box {
    width: 520px;
    margin: 0 auto;
    max-width: 92%;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 12px 18px 0px rgba(133, 146, 164, 0.02);
    border-radius: 2px; }
    .login .box .pic {
      width: 100%;
      height: auto; }
    .login .box .boxNew {
      width: 440px;
      height: auto;
      margin: 0 auto;
      max-width: 92%; }
      .login .box .boxNew .tabs {
        padding-top: 22px; }
        .login .box .boxNew .tabs .t {
          text-align: center;
          width: 50%;
          float: left; }
          .login .box .boxNew .tabs .t a {
            font-size: 16px;
            line-height: 30px;
            border-bottom: 2px solid rgba(232, 74, 39, 0);
            box-sizing: border-box;
            display: inline-block;
            color: #fff; }
            .login .box .boxNew .tabs .t a.on {
              border-bottom-color: #E84A27; }
      .login .box .boxNew .tableBox .text {
        height: 40px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        padding-left: 16px;
        box-sizing: border-box;
        margin-top: 22px; }
      .login .box .boxNew .tableBox .t {
        margin-top: 12px; }
        .login .box .boxNew .tableBox .t a {
          font-size: 12px;
          line-height: 14px;
          float: right;
          color: #E84A27;
          opacity: 0.5; }
      .login .box .boxNew .tableBox .submit {
        width: 100%;
        border: none;
        text-align: center;
        display: block;
        height: 40px;
        background: #e84a27;
        border-radius: 4px;
        margin-top: 28px;
        font-size: 16px;
        line-height: 40px;
        color: #fff;
        font-weight: bold;
        font-family: Arial; }
      .login .box .boxNew .tableBox .txt {
        font-size: 12px;
        line-height: 15px;
        color: #6B778C;
        margin-top: 20px; }
    .login .box .but {
      width: 100%;
      height: 78px;
      border-top: 2px solid rgba(255, 255, 255, 0.1);
      text-align: center;
      font-size: 16px;
      line-height: 78px;
      color: #E84A27;
      display: block;
      margin-top: 30px; }
  .login .ff {
    text-align: center;
    padding-bottom: 40px;
    margin-top: 7.9%; }
    .login .ff span {
      font-size: 12px;
      line-height: 18px;
      color: #6B778C; }
      .login .ff span a {
        color: #6B778C; }

.studentLogin {
  width: 100%;
  height: 100vh;
  position: relative; }
  .studentLogin .box {
    width: 830px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%; }
    .studentLogin .box .boxRight {
      width: 550px;
      height: 600px;
      background-color: #2B3E5D;
      float: right; }
      .studentLogin .box .boxRight .boxNew {
        width: 440px;
        margin: 0 auto;
        padding-top: 100px;
        max-width: 92%; }
        .studentLogin .box .boxRight .boxNew .tits {
          text-align: center;
          font-size: 24px;
          line-height: 31px;
          color: #fff;
          font-weight: bold; }
        .studentLogin .box .boxRight .boxNew .tableBox {
          padding-top: 48px; }
          .studentLogin .box .boxRight .boxNew .tableBox .text {
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            width: 100%;
            font-size: 16px;
            line-height: 20px;
            color: #fff;
            padding-left: 16px;
            box-sizing: border-box;
            margin-top: 22px; }
          .studentLogin .box .boxRight .boxNew .tableBox .t {
            margin-top: 12px; }
            .studentLogin .box .boxRight .boxNew .tableBox .t a {
              font-size: 12px;
              line-height: 14px;
              float: right;
              color: #E84A27;
              opacity: 0.5; }
          .studentLogin .box .boxRight .boxNew .tableBox .submit {
            width: 100%;
            border: none;
            text-align: center;
            display: block;
            height: 40px;
            background: #e84a27;
            border-radius: 4px;
            margin-top: 28px;
            font-size: 16px;
            line-height: 40px;
            color: #fff;
            font-weight: bold;
            font-family: Arial; }
          .studentLogin .box .boxRight .boxNew .tableBox .t1 {
            font-size: 14px;
            line-height: 17px;
            font-weight: bold;
            color: #6B778C;
            margin-top: 18px;
            font-family: Arial;
            text-align: center; }
    .studentLogin .box .boxLeft {
      width: 280px;
      height: 540px;
      float: left;
      margin-top: 30px;
      background-color: #E84A27; }
      .studentLogin .box .boxLeft .boxNew {
        padding-top: 140px; }
        .studentLogin .box .boxLeft .boxNew .logo {
          width: 221px;
          margin: 0 auto; }
        .studentLogin .box .boxLeft .boxNew p {
          text-align: center;
          font-size: 26px;
          line-height: 35px;
          color: #fff;
          font-weight: bold;
          margin-top: 16px; }
  @media (max-width: 1366px) {
    .studentLogin .box .boxRight {
      height: 510px; }
      .studentLogin .box .boxRight .boxNew {
        padding-top: 65px; }
    .studentLogin .box .boxLeft {
      height: 450px; } }
  @media (max-width: 1024px) {
    .studentLogin .box .boxLeft {
      display: none; }
    .studentLogin .box .boxRight {
      width: 100%;
      height: auto;
      padding-bottom: 60px; }
    .studentLogin .box .boxRight .boxNew {
      padding-top: 35px; }
      .studentLogin .box .boxRight .boxNew .tits {
        font-size: 20px;
        line-height: 26px; }
      .studentLogin .box .boxRight .boxNew .tableBox {
        padding-top: 20px; } }

.loginTk {
  width: 580px;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  display: none;
  max-width: 90%; }
  .loginTk .icon {
    width: 60px;
    height: auto;
    margin: 0 auto; }
  .loginTk p {
    text-align: center;
    font-size: 24px;
    line-height: 31px;
    color: #2B3E5D;
    margin-top: 26px; }
  .loginTk .close {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 24px;
    right: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/close1.png");
    display: block; }
  @media (max-width: 768px) {
    .loginTk p {
      font-size: 18px;
      line-height: 26px; } }

.error {
  padding: 16.7% 0; }
  .error img {
    width: 473px;
    display: block;
    margin: 0 auto;
    max-width: 92%; }
  .error p {
    text-align: center;
    font-size: 24px;
    line-height: 31px;
    color: #fff;
    margin-top: 13px; }
  @media (max-width: 768px) {
    .error p {
      font-size: 18px;
      line-height: 24px; } }

.applyFor {
  padding-top: 70px;
  padding-bottom: 5.2%; }
  .applyFor .applyLeft {
    width: calc(100% - 360px);
    float: left;
    background-color: rgba(255, 255, 255, 0.11);
    padding: 80px 50px 0;
    box-sizing: border-box;
    font-family: Arial; }
    .applyFor .applyLeft input[type="text"] {
      width: 100%;
      height: 40px;
      background: none;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-sizing: border-box;
      padding-left: 12px;
      color: #fff;
      line-height: 22px;
      margin-top: 12px; }
    .applyFor .applyLeft .sel {
      width: 100%;
      height: 40px;
      background: none;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-sizing: border-box;
      padding-left: 12px;
      color: #fff;
      line-height: 22px;
      margin-top: 12px;
      -moz-appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background-position: calc(100% - 12px) center;
      background-repeat: no-repeat;
      background-image: url("../img/down.png"); }
	  .applyFor .applyLeft .sel option{
		  color:#666;
	  }
    .applyFor .applyLeft textarea {
      width: 100%;
      height: 80px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-sizing: border-box;
      font-size: 14px;
      line-height: 22px;
      color: #fff;
      padding: 9px 12px;
      margin-top: 12px; }
      .applyFor .applyLeft textarea.txt1 {
        height: 160px; }
    .applyFor .applyLeft span {
      font-size: 14px;
      line-height: 16px;
      color: rgba(255, 255, 255, 0.85);
      display: block; }
      .applyFor .applyLeft span i {
        color: #E84A27; }
      .applyFor .applyLeft span a {
        float: right;
        padding-left: 20px;
        background-position: left center;
        background-size: 14px;
        color: #E84A27;
        display: inline-block;
        background-image: url("../img/add.png");
        background-repeat: no-repeat; }
    .applyFor .applyLeft .item {
      width: 100%;
      box-sizing: border-box;
      padding: 0 30px 40px;
      margin-bottom: 40px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      .applyFor .applyLeft .item:last-child {
        border-bottom: none; }
      .applyFor .applyLeft .item.item1 {
        border-bottom: none;
        padding-bottom: 0; }
      .applyFor .applyLeft .item .tits {
        font-size: 24px;
        line-height: 29px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 40px; }
        .applyFor .applyLeft .item .tits a {
          float: right;
          padding-left: 20px;
          background-position: left center;
          font-size: 14px;
          line-height: 29px;
          background-size: 14px;
          color: #E84A27;
          display: inline-block;
          background-image: url("../img/add.png");
          background-repeat: no-repeat; }
      .applyFor .applyLeft .item .tBox {
        margin-bottom: 40px; }
        .applyFor .applyLeft .item .tBox .tc {
          font-size: 14px;
          line-height: 16px;
          color: rgba(255, 255, 255, 0.85);
          margin-bottom: 40px;
          opacity: 0.5; }
      .applyFor .applyLeft .item .t {
        margin-bottom: 30px;
        position: relative;
        z-index: 5; }
        .applyFor .applyLeft .item .t .tt {
          width: 45.45%;
          float: left;
          margin-right: 9.1%; }
          .applyFor .applyLeft .item .t .tt:last-child {
            margin-right: 0; }
          .applyFor .applyLeft .item .t .tt .ttt .text {
            width: 30.3%;
            float: left;
            margin-right: 4.55%; }
            .applyFor .applyLeft .item .t .tt .ttt .text:last-child {
              margin-right: 0; }
          .applyFor .applyLeft .item .t .tt .ttt1 {
            margin-top: 12px; }
            .applyFor .applyLeft .item .t .tt .ttt1 .text {
              width: calc(50% - 20px);
              float: left;
              margin-top: 0;
              background-position: calc(100% - 11px);
              background-repeat: no-repeat;
              background-size: 16px;
              background-image: url("../img/data.png"); }
            .applyFor .applyLeft .item .t .tt .ttt1 em {
              text-align: center;
              width: 40px;
              display: block;
              font-size: 14px;
              line-height: 40px;
              color: rgba(255, 255, 255, 0.85);
              float: left; }
      .applyFor .applyLeft .item .t1 {
        position: relative;
        z-index: 5; }
        .applyFor .applyLeft .item .t1 a {
          float: right;
          display: block;
          padding: 0 16px;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 4px;
          border: 1px solid rgba(255, 255, 255, 0.18);
          color: #fff;
          height: 30px;
          line-height: 30px;
          margin-left: 16px; }
          .applyFor .applyLeft .item .t1 a.submit {
            background-color: #E84A27;
            border-color: #E84A27; }
      .applyFor .applyLeft .item .txts {
        font-size: 14px;
        line-height: 22px;
        color: #959FAE;
        margin-bottom: 32px; }
      .applyFor .applyLeft .item .tit {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        position: relative; }
        .applyFor .applyLeft .item .tit:after {
          width: 1000%;
          height: 100%;
          position: absolute;
          left: -100%;
          top: 0;
          content: '';
          background-color: #13294B;
          opacity: 0.4; }
        .applyFor .applyLeft .item .tit .tBox {
          margin-bottom: 0; }
      .applyFor .applyLeft .item .tit1 .tt {
        width: 100%; }
        .applyFor .applyLeft .item .tit1 .tt a {
          padding-left: 26px;
          float: left;
          margin-right: 10px;
          font-size: 14px;
          line-height: 32px;
          color: rgba(255, 255, 255, 0.85);
          position: relative;
          cursor: pointer; }
          .applyFor .applyLeft .item .tit1 .tt a i {
            width: 14px;
            height: 14px;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            position: absolute;
            left: 0;
            top: 8px;
            display: block;
            border-radius: 100%; }
            .applyFor .applyLeft .item .tit1 .tt a i:after {
              width: 8px;
              height: 8px;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto;
              background-color: #E84A27;
              display: none;
              content: '';
              border-radius: 100%; }
          .applyFor .applyLeft .item .tit1 .tt a.on i {
            border: 1px solid #e84a27; }
            .applyFor .applyLeft .item .tit1 .tt a.on i:after {
              display: block; }
      .applyFor .applyLeft .item .tit1 .text {
        margin-top: 4px; }
      .applyFor .applyLeft .item .tableBox {
        margin-bottom: 40px; }
        .applyFor .applyLeft .item .tableBox table {
          border-radius: 4px;
          font-size: 14px;
          line-height: 19px;
          color: #A0A9B7; }
          .applyFor .applyLeft .item .tableBox table tr th {
            background-color: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.3);
            font-weight: bold;
            text-align: left; }
            .applyFor .applyLeft .item .tableBox table tr th p {
              padding-left: 10px;
              padding-top: 13px;
              padding-bottom: 13px; }
          .applyFor .applyLeft .item .tableBox table tr td {
            vertical-align: top;
            border: 1px solid rgba(255, 255, 255, 0.3); }
            .applyFor .applyLeft .item .tableBox table tr td p {
              padding-left: 10px;
              padding-right: 10px;
              padding-top: 13px;
              padding-bottom: 13px; }
            .applyFor .applyLeft .item .tableBox table tr td .tx {
              padding-top: 8px;
              margin-left: 28px; }
              .applyFor .applyLeft .item .tableBox table tr td .tx a {
                width: 114px;
                height: 30px;
                border-radius: 4px;
                border: 1px solid #68768b;
                display: inline-block;
                box-sizing: border-box;
                text-align: center;
                font-size: 0;
                margin: 0 10px; }
                .applyFor .applyLeft .item .tableBox table tr td .tx a span {
                  display: inline-block;
                  font-size: 14px;
                  line-height: 28px;
                  color: #A0A9B7;
                  padding-left: 26px;
                  background-position: left center;
                  background-repeat: no-repeat;
                  background-size: 16px; }
                .applyFor .applyLeft .item .tableBox table tr td .tx a.a1 span {
                  background-image: url("../img/ccc.png"); }
                .applyFor .applyLeft .item .tableBox table tr td .tx a.a2 span {
                  background-image: url("../img/approval_icon3.png");
                  color: #E84A27; }
                @media (min-width: 1024px) {
                  .applyFor .applyLeft .item .tableBox table tr td .tx a:hover.a1 span {
                    background-image: url("../img/ccc_h.png");
                    color: #E84A27; } }
          .applyFor .applyLeft .item .tableBox table tr .td1 {
            width: 552px; }
          .applyFor .applyLeft .item .tableBox table tr .td2 {
            width: 327px; }
  @media (max-width: 1450px) {
    .applyFor .applyLeft {
      width: calc(100% - 290px); } }
  @media (max-width: 1366px) {
    .applyFor {
      padding-top: 50px; }
      .applyFor .applyLeft {
        padding: 60px 30px 0; }
      .applyFor .applyLeft .item .tableBox table tr td .tx {
        margin-left: 15px; }
        .applyFor .applyLeft .item .tableBox table tr td .tx a {
          width: 104px;
          margin: 0 6px; } }
  @media (max-width: 1200px) {
    .applyFor {
      padding-top: 30px; }
      .applyFor .applyLeft {
        padding: 40px 20px 0; }
      .applyFor .applyLeft .item {
        padding: 0 0 25px; } }
  @media (max-width: 1024px) {
    .applyFor {
      padding-top: 20px; }
      .applyFor .applyLeft {
        width: 100%;
        padding: 20px 10px 0; }
      .applyFor .applyLeft .item .t .tt {
        width: 100%;
        float: none;
        margin-bottom: 10px; }
      .applyFor .applyLeft .item .t {
        margin-bottom: 5px; }
      .applyFor .applyLeft .item .tits {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px; }
      .applyFor .applyLeft .item {
        margin-bottom: 20px;
        padding: 0 0 15px; }
      .applyFor .applyLeft .item .t .tt .ttt1 .text {
        width: calc(50% - 10px); }
      .applyFor .applyLeft .item .t .tt .ttt1 em {
        width: 20px; }
      .applyFor .applyLeft span {
        font-size: 12px;
        line-height: 14px; }
      .applyFor .applyLeft input[type="text"] {
        font-size: 12px;
        margin-top: 6px; }
      .applyFor .applyLeft textarea {
        margin-top: 6px;
        font-size: 12px;
        line-height: 20px; }
      .applyFor .applyLeft .item .tit {
        padding-top: 20px;
        padding-bottom: 20px; }
      .applyFor .applyLeft .item .tBox .tc {
        margin-bottom: 10px; }
      .applyFor .applyLeft .item .tit1 .tt a {
        font-size: 12px;
        line-height: 26px;
        padding-left: 20px; }
        .applyFor .applyLeft .item .tit1 .tt a i {
          top: 5px; }
      .applyFor .applyLeft .sel {
        margin-top: 6px;
        font-size: 12px; }
      .applyFor .applyLeft .item .tBox {
        margin-bottom: 10px; }
      .applyFor .applyLeft .item .tableBox table tr td .tx a {
        width: 28px; }
      .applyFor .applyLeft .item .tableBox table tr td .tx a span {
        font-size: 0;
        width: 20px;
        height: 28px;
        padding-left: 0;
        background-position: center; }
      .applyFor .applyLeft .item .t .tt .ttt .text {
        width: 100%;
        margin-bottom: 5px; } }

.w100 {
  width: 100% !important; }

.swiper-honor img {
  width: 100% !important; }

.pager::before, .pager::after {
  content: " ";
  display: block;
  clear: both; }

.pager {
  text-align: center; }

.pager ul li.pager__item {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px !important;
  border-radius: 4px;
  font-size: 14px;
  padding: 0;
  float: inherit;
  background: none;
  margin: 0;
  margin-left: 10px;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: top; }

.pager ul li.pager__item a {
  color: #fff;
  line-height: 22px; }

.pager ul li.is-active {
  background-color: #E84A27; }

/*.pager ul li.pager__item--last,
.pager ul li.pager__item--first {
  display: none; }
  */

.pager ul li.pager__item--previous {
  text-indent: 900px;
  overflow: hidden;
  background-image: url("../img/index_prev.png"); }

.pager ul li.pager__item--next {
  text-indent: 900px;
  overflow: hidden;
  background-image: url("../img/index_next.png"); }

h2 {
  width: 1400px;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  color: #fff;
  font-size: 20px;
  line-height: 30px; }
  @media (max-width: 768px) {
    h2 {
      font-size: 18px;
      line-height: 26px; } }

ol {
  width: 1400px;
  max-width: 90%;
  margin: 30px auto 5.2%;
  position: relative;
  z-index: 5; }
  ol li {
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
    ol li h3 a {
      color: #fff;
      font-size: 16px;
      font-weight: bold; }
      ol li h3 a:hover {
        color: #E84A27; }
    ol li p {
      font-size: 14px;
      line-height: 22px;
      margin-top: 10px;
      color: #A0A9B7; }
      ol li p strong {
        color: #E84A27; }
  @media (max-width: 768px) {
    ol {
      margin: 15px auto 5.2%; }
      ol li {
        padding: 15px 0; } }

.search-form {
  width: 1400px;
  max-width: 90%;
  margin: 5.2% auto 30px;
  position: relative;
  z-index: 5;
  zoom: 1; }
  .search-form:after {
    display: block;
    height: 0;
    clear: both;
    /* visibility: hidden; */
    overflow: hidden;
    content: "."; }
  .search-form .js-form-item-keys {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    float: left; }
    .search-form .js-form-item-keys input {
      width: 200px;
      box-sizing: border-box;
      padding-left: 20px;
      color: #fff;
      font-size: 16px;
      border: 1px solid #fff;
      height: 40px;
      border-radius: 10px;
      margin-left: 15px; }
  .search-form .button {
    float: left;
    margin-left: 20px;
    border: none;
    background-color: #E84A27;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    display: block;
    width: 120px;
    border-radius: 10px; }
  .search-form .search-help-link {
    display: none; }
  @media (max-width: 768px) {
    .search-form {
      margin: 5.2% auto 20px; }
      .search-form .js-form-item-keys {
        font-size: 14px; }
      .search-form .js-form-item-keys input {
        margin-left: 10px;
        padding-left: 10px;
        width: 160px; }
      .search-form .button {
        width: 60px;
        margin-left: 10px; } }

#position {
  width: calc(100% - 180px); }
  @media (max-width: 768px) {
    #position {
      width: calc(100% - 130px); } }

* {
  word-wrap: break-word; }
  .page_user .logo{
	  
	  width:320px;
	  margin:0 auto;
	  margin-top:250px;
  }
.user-login-form {
	width: 320px;
    margin: 50px auto;
    color: #fff;
}
.user-login-form input[type="text"],
.user-login-form input[type="password"]{
	background:#fff;
	padding:6px 12px;
	width:210px;
}
.user-login-form label{
	display:inline-block;
	width:80px;
}
.user-login-form .form-item{
	margin-bottom:15px;
}
.user-login-form .description{
	color:#eee;
}
.user-login-form .form-submit{
	background:#e84a27;
	color:#fff;
	border:none;
	padding:6px 12px;
	width:100%;
}
.page_user .contextual-region
{
	margin-top:50px;
	text-align:center;
	color:#fff;
}
.page_search{
	max-width:1400px;
	margin:0 auto;
	margin-bottom:50px;
	color:#fff;
}

.banner.campusLifeBanner{
  height: 520px;
}

.campusLife .tabs a{
  width: 16.6666%;
  padding-bottom: 16%;
  float: left;
  position: relative;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  display: block;
  overflow: hidden;
  transition: all 0.5s;
}
.campusLife .tabs a span{
  width: 100%;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  opacity: 0.5;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0;
}
.campusLife .tabs a:after{
  width: 1px;
  height: 38px;
  top: 50%;
  margin-top: -19px;
  right: 0;
  position: absolute;
  content: '';
  background-color: rgba(255,255,255,0.2);
}
.campusLife .tabs a:last-child:after{
  display: none;
}
.campusLife .tabs a.on{
  background-image: url('../img/campusLife/bg1.png');
  margin-top: -30px;
}
.campusLife .tabs a.on span{
  font-weight: bold;
  opacity: 1;
}
.campusLife .tabs a.on:after{
  margin-top: 11px;
}
@media (min-width: 1024px){
  .campusLife .tabs a:hover{
    background-image: url('../img/campusLife/bg1.png');
    margin-top: -30px;
  }
  .campusLife .tabs a:hover span{
    font-weight: bold;
    opacity: 1;
  }
  .campusLife .tabs a:hover:after{
    margin-top: 11px;
  }
}

.campusLife .box1{
  margin-top: 14px;
  position: relative;
}
.campusLife .box1 .con{
  width: 100%;
  position: absolute;
  left: 0;
  top: 23%;
}
.campusLife .box1 .con .bgH{
  width: calc(47.6% + 100%);
  left: -100%;
  top: 0;
  background-color: #13294A;
  height: 100%;
  position: absolute;
}
.campusLife .box1 .con .conNew{
  width: 27.1%;
  position: relative;
  z-index: 5;
  padding: 5.4% 0;
}
.campusLife .box1 .con .conNew .tits{
  font-size: 54px;
  font-weight: bold;
  line-height: 70px;
  color: #fff;
}
.campusLife .box1 .con .conNew .tit{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  opacity: 0.5;
  height: 96px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow:  ellipsis;
  margin-top: 40px;
}
.campusLife .box1 .con .conNew .indexMore{
  width: 140px;
  height: 63px;
  margin-top: 100px;
}
.campusLife .box1 .con .conNew .indexMore span{
  line-height: 61px;
}

.campusLife .box2{
  padding-top: 5.2%;
  padding-bottom: 6.25%;
  background-color: #0D1E3A;
}
.campusLife .box2 .list{
  margin-top: 4.6%;
}
.campusLife .box2 .list .item{
  float: left;
  width: 50%;
  position: relative;
}
.campusLife .box2 .list .item  .pic{
  width: 50%;
  float: right;
  overflow: hidden;
}
.campusLife .box2 .list .item  .pic img{
  transition: all 1.5s;
}
.campusLife .box2 .list .item  .con{
  width: 50%;
  height: 100%;
  background-color: #26344E;
  position: absolute;
  top: 0;
  left: 0;
}
.campusLife .box2 .list .item:nth-child(3)  .pic{
  float: left;
}
.campusLife .box2 .list .item:nth-child(3)  .con{
  left: auto;
  right: 0;
}
.campusLife .box2 .list .item:nth-child(4)  .pic{
  float: left;
}
.campusLife .box2 .list .item:nth-child(4)  .con{
  left: auto;
  right: 0;
}
.campusLife .box2 .list .item  .con .conNew{
  width: 82.9%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  color: #fff;
}
.campusLife .box2 .list .item  .con .conNew .tits{
  font-size: 24px;
  line-height: 30px;
}
.campusLife .box2 .list .item  .con .conNew .tit{
  opacity: 0.5;
  font-size: 16px;
  line-height: 24px;
  height: 96px;
  margin-top: 24px;
}
.campusLife .box2 .list .item  .con .conNew .indexMore{
  width: 100px;
  height: 40px;
  margin: 27px auto 0;
}
.campusLife .box2 .list .item .con .conNew .indexMore span{
  line-height: 38px;
}
@media (min-width: 1024px){
  .campusLife .box2 .list .item:hover .con{
    background-color: #E84A27;
  }
  .campusLife .box2 .list .item:hover .pic img{
    transform: scale(1.1);
  }
}
.campusLife .box3{
  background-color: #13294A;
  padding-top: 3.5%;
  padding-bottom: 4.8%;
}
.campusLife .box3 .list{
  position: relative;
}
.campusLife .box3 .list ul li .pic{
  float: right;
  width: 21.4%;
  margin-right: 24.3%;
  border-radius: 100%;
  overflow: hidden;
}
.campusLife .box3 .list ul li .con{
  width: 34%;
  float: left;
  margin-left: 11.9%;
  text-align: right;
  padding-top: 20px;
}
.campusLife .box3 .list ul li .con .tits{
  font-size: 54px;
  line-height: 70px;
  font-weight: bold;
}
.campusLife .box3 .list ul li .con .tit{
  font-size: 24px;
  line-height: 30px;
  margin-top: 11px;
}
.campusLife .box3 .list ul li .con .tit1{
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow:  ellipsis;
  opacity: 0.5;
  margin-top: 16px;
}
.campusLife .box3 .list ul li .con .tit2 .indexMore{
  float: right;
  width: 100px;
  height: 64px;
  margin-top: 40px;
}
.campusLife .box3 .list ul li .con .tit2 .indexMore span{
  line-height: 62px;
}
.campusLife .box3 .list ul li .line{
  width: 2px;
  height: 195px;
  background-color: #fff;
  opacity: 0.2;
  top: 32px;
  left: 50%;
  position: absolute;
}
.campusLife .box3 .list .a{
  width: 90px;
  height: 90px;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  background-image: url('../img/campusLife/next.png');
  position: absolute;
  top: 38%;
  display: block;
  z-index: 5;
  background-color: #13294A;
}
.campusLife .box3 .list .a.swiper-button-disabled{
  opacity: 0.5;
}
.campusLife .box3 .list .a.prev{
  transform: rotate(180deg);
  left: 0;
}
.campusLife .box3 .list .a.next{
  right: 0;
}


.campusLife .box4{
  background-color: #0D1E3A;
  padding-top: 5%;
  padding-bottom: 6.25%;
}
.campusLife .box4 .itemBox{
  margin-top: 4.6%;
}
.campusLife .box4 .itemBox .item{
  width: 48.6%;
  float: left;
  background-color: #26344E;
}
.campusLife .box4 .itemBox .item:nth-child(2n){
  float: right;
}
.campusLife .box4 .itemBox .item .f-cb{
  width: 100%;
  display: block;
  height: auto;
  position: relative;
}
.campusLife .box4 .itemBox .item .pic{
  width: 63.2%;
  float: left;
  overflow: hidden;
}
.campusLife .box4 .itemBox .item .pic img{
  transition: all 1.5s;
}
.campusLife .box4 .itemBox .item .con{
  width: 36.8%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.campusLife .box4 .itemBox .item .con .conNew{
  width: 64%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
}
.campusLife .box4 .itemBox .item .con .conNew .tits{
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow:  ellipsis;
}
.campusLife .box4 .itemBox .item .con .conNew .tit{
  opacity: 0.5;
  font-size: 14px;
  line-height: 20px;
  height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow:  ellipsis;
  margin-top: 20px;
}
.campusLife .box4 .itemBox .item .con .conNew .indexMore{
  width: 100px;
  height: 40px;
  margin-top: 32px;
}
.campusLife .box4 .itemBox .item .con .conNew .indexMore span{
  line-height: 38px;
}
.campusLife .box4 .itemBox .item:hover .pic img{
  transform: scale(1.1);
}

.campusLife .box5{
  background-color: #13294A
}
.campusLife .box5 .list{
  position: relative;
}
.campusLife .box5 .list ul li .f-cb{
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.campusLife .box5 .list ul li .pic{
  float: right;
  width: 55.2%;
}
.campusLife .box5 .list ul li .con{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.campusLife .box5 .list ul li .con .conNew{
  padding-top: 5.2%;
  width: calc(40% - 110px);
  padding-left: 110px;
}
.campusLife .box5 .list ul li .con .conNew .tits{
  font-size: 18px;
  line-height: 24px;
  opacity: 0.8;
  color: #fff;
}
.campusLife .box5 .list ul li .con .conNew .tit{
  font-size: 54px;
  line-height: 70px;
  font-weight: bold;
  color: #fff;
  margin-top: 27px;
}
.campusLife .box5 .list ul li .con .conNew .indexMore{
  width: 140px;
  height: 64px;
  margin-top: 110px;
}
.campusLife .box5 .list ul li .con .conNew .indexMore span{
  line-height: 62px;
}
.campusLife .box5 .list .btns{
  position: absolute;
  left: 50%;
  margin-left: -700px;
  top: 0;
  z-index: 10;
  padding-top: 4%;
}
.campusLife .box5 .list .btns .but{
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background-color: #E84A27;
}
.campusLife .box5 .list .btns .but .a{
  width: 100%;
  height: 32px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/campusLife/up.png');
}
.campusLife .box5 .list .btns .but .a.next{
  transform: rotate(180deg);
}
.campusLife .box5 .list .btns .but .a.swiper-button-disabled{
  opacity: 0.5;
}
.campusLife .box5 .list .btns .btnsNew{
  width: 12px;
  margin: 35px auto 0;
}
.campusLife .box5 .list .btns .btnsNew span{
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: #9FA9B7;
  display: block;
  margin-bottom: 34px;
  border-radius: 100%;
  cursor: pointer;
}
.campusLife .box5 .list .btns .btnsNew span.swiper-pagination-bullet-active{
  background-color: #fff;
}

@media (max-width: 1730px){
  .campusLife .box1 .con .conNew .tits{
    font-size: 42px;
    line-height: 50px;
  }
  .campusLife .box1 .con .conNew .indexMore{
    margin-top: 60px;
  }
}
@media (max-width: 1580px){
  .campusLife .box5 .list .btns{
    left: 5%;
    margin-left: 0;
  }
}
@media (max-width: 1500px){
  .campusLife .box1 .con .conNew .tit{
    margin-top: 20px;
  }
  .campusLife .box1 .con .conNew{
    width: 36%;
  }
  .campusLife .box1 .con .conNew .indexMore{
    margin-top: 40px;
  }
}
@media (max-width: 1366px){
  .campusLife .tabs a span{
    font-size: 20px;
  }
  .campusLife .box1 .con .conNew .tits{
    font-size: 32px;
    line-height: 42px;
  }
  .campusLife .box1 .con{
    top: 17%;
  }
  .campusLife .box2 .list .item a .con .conNew .tit{
    margin-top: 8px;
  }
  .campusLife .box2 .list .item a .con .conNew .indexMore{
    margin: 15px auto 0;
  }
  .campusLife .box3 .list ul li a .con .tits{
    font-size: 42px;
    line-height: 50px;
  }
  .campusLife .box4 .itemBox .item a .con .conNew{
    width: 85%;
  }
  .campusLife .box5 .list ul li a .con .conNew .tit{
    font-size: 42px;
    line-height: 50px;
  }
  .campusLife .box5 .list .btns .btnsNew span{
    margin-bottom: 20px;
  }

}
@media (max-width: 1200px){
  .campusLife .box1 .con .conNew .tit{
    font-size: 14px;
    line-height: 22px;
    height: auto;
  }
  .campusLife .box2 .list .item a .con .conNew .tit{
    font-size: 14px;
    line-height: 22px;
    height: 88px;
  }
  .campusLife .box2 .list .item a .con .conNew .tits{
    font-size: 20px;
    line-height: 24px;
  }
  .campusLife .box3 .list ul li a .con .tits{
    font-size: 32px;
    line-height: 42px;
  }
  .campusLife .box3 .list ul li a .con .tit{
    font-size: 20px;
    line-height: 26px;
  }
  .campusLife .box3 .list .a{
    width: 76px;
    height: 76px;
    top: 25%;
  }
  .campusLife .box4 .itemBox .item a .con .conNew .tits{
    font-size: 20px;
    line-height: 24px;
    height: 24px;
  }
  .campusLife .box4 .itemBox .item a .con .conNew .indexMore{
    margin-top: 18px;
  }
  .campusLife .box5 .list ul li a .con .conNew .indexMore{
    margin-top: 60px;
  }
  .campusLife .box5 .list ul li a .con .conNew .tit{
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 1024px){
  .campusLife .tabs{
    display: none;
  }
  .campusLife .box1{
    margin-top: 0;
  }
  .banner.campusLifeBanner{
    height: 320px;
  }
  .campusLife .box1{
    overflow: hidden;
  }
  .campusLife .box1 img{
    width: 130%;
    max-width: 130%;
    margin-left: -15%;
  }
  .campusLife .box2 .list .item{
    width: 100%;
  }
  .campusLife .box2 .list .item:nth-child(2n) .pic{
    float: left !important;
  }
  .campusLife .box2 .list .item:nth-child(2n) .con{
    right: 0 !important;
    left: auto !important;
  }
  .campusLife .box2 .list .item:nth-child(3) a .pic{
    float: right;
  }
  .campusLife .box2 .list .item:nth-child(3) a .con{
    left: 0 !important;
    right: auto !important;
  }
  .campusLife .box4 .itemBox .item{
    width: 100%;
    float: none !important;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px){
  .campusLife .box1 .con .bgH{
    width: 200%;
    left: -50%;
  }
  .campusLife .box1 .con .conNew{
    width: 100%;
  }
  .campusLife .box1 img{
    width: 180%;
    max-width: 180%;
    margin-left: -40%;
  }
  .campusLife .box1 .con .conNew .tits{
    font-size: 20px;
    line-height: 30px;
  }
  .campusLife .box1 .con .conNew .tit{
    margin-top: 10px;
  }
  .campusLife .box1 .con .conNew .indexMore{
    width: 130px;
    height: 40px;
    margin-top: 20px;
  }
  .campusLife .box1 .con .conNew .indexMore span{
    line-height: 38px;
  }
  .campusLife .box2 .list .item a .pic{
    width: 100%;
    float: none !important;
  }
  .campusLife .box2 .list .item a .con{
    width: 100%;
    position: relative;
    left: auto !important; 
    right: auto !important;
    padding: 20px 0;
    height: auto;
  }
  .campusLife .box2 .list .item a .con .conNew{
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
    transform: translate(0,0);
  }
  .campusLife .box2 .list .item:nth-child(2n) .con{
    right: auto !important;
  }
  .campusLife .box2 .list .item:nth-child(2n) .pic{
    float: none !important;
  }

  .campusLife .box3 .list ul li .pic{
    width: 80%;
    float: none;
    margin: 0 auto;
  }
  .campusLife .box3 .list ul li .con{
    width: 80%;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  .campusLife .box3 .list ul li .con .tits{
    font-size: 20px;
    line-height: 22px;
  }
  .campusLife .box3 .list ul li .con .tit{
    font-size: 16px;
    line-height: 20px;
  }
  .campusLife .box3 .list ul li .con .tit2 .indexMore{
    height: 40px;
    float: none;
    margin: 15px auto 0;
  }
  .campusLife .box3 .list ul li .con .tit2 .indexMore span{
    line-height: 38px;
  }
  .campusLife .box3 .list ul li .con .tit1{
    margin-top: 10px;
  }
  .campusLife .box3 .list .a{
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    background-size: 10px;
  }
  .campusLife .box3 .list ul li .line{
    display: none;
  }
  .campusLife .box4 .itemBox .item a .pic{
    float: none;
    width: 100%;
  }
  .campusLife .box4 .itemBox .item a .con{
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    padding: 15px 0;
  }
  .campusLife .box4 .itemBox .item a .con .conNew{
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0,0);
  }
  .campusLife .box4 .itemBox .item a .con .conNew .tit{
    margin-top: 10px;
    height: auto;
  }
  .campusLife .box5 .list ul li a .pic{
    width: 100%;
    float: none;
    
  }
  .campusLife .box5 .list ul li a .con{
    position: relative;
    left: auto;
    top: auto;
    padding-bottom: 15px;
  }
  .campusLife .box5 .list ul li a .con .conNew{
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
  .campusLife .box5 .list ul li a .con .conNew .tit{
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px;
  }
  .campusLife .box5 .list ul li a .con .conNew .indexMore{
    margin-top: 20px;
    width: 130px;
    height: 40px;
  }
  .campusLife .box5 .list ul li a .con .conNew .indexMore span{
    line-height: 38px;
  }
  .campusLife .box5 .list .btns{
    width: 90%;
    position: relative;
    margin: 0 auto;
    top: auto;
    left: auto;
    padding-top: 0;
  }
  .campusLife .box5 .list .btns .but{
    float: left;
    width: 50px;
    height: 50px;
  }
  .campusLife .box5 .list .btns .but .a{
    height: 25px;
    background-size: 16px;
  }
  .campusLife .box5 .list .btns .btnsNew{
    float: left;
    width: auto;
    margin-left: 10px;
    margin-top: 20px;
  }
  .campusLife .box5 .list .btns .btnsNew span{
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
  }
  .campusLife .box5{
    padding-bottom: 20px;
  }
}

/*# sourceMappingURL=style.css.map */
.handbook_navi{

}
.handbook_navi .cur_section{
	font-size:25px;
	font-weight:bold;
	padding:25px 0;
}

.handbook_navi .t{
	display:block;
	line-height:25px;
}
.handbook_navi .t:hover a{
	color:#E84A27;
}
.handbook_navi .t1{
	padding:8px 15px;
}
.handbook_navi .t2{
	padding:8px 15px 8px 35px;
}
.handbook_navi .t3{
	padding:8px 15px 8px 55px;
}
.handbook_content {
	margin-top:50px;
}
.handbook_content ol,.handbook_content ul{
	width:100%;
	max-width:inherit;
	margin:0;
}
.handbook_content li{
	border:none;
}
.handbook_content h2,h3,h4{
	padding-bottom:15px;
	width:100%;
	max-width:inherit;
}
.handbook_content table {
	display:table;
}
.handbook_content table td{
	border:1px solid #eee;
	padding:6px 15px;
}

.file {
	display:block;
	padding-top:2em;
}
.file a{
	display:inline-block;
	text-decoration:underline;
	padding-left:30px;
	background:url(../img/icon_pdf.gif) no-repeat left center;
}
.btn_apply {
	max-width:1200px;
	text-align:right;
}
.btn_apply a{
	display:inline-block;
	padding:10px 15px;
	font-size:16px;
	background:#E84A27;
	font-weight:bold;
	color:#fff;
	border-radius:8px;
}

.collegeOverview table {
	border:1px solid #A0A9B7;
	border-collapse:collapse;
}
.collegeOverview table th,
.collegeOverview table td{
	border:1px solid #A0A9B7;
}

.footer .conRight .share a{
	position:relative;
}
.footer .conRight .share a .wx{
	width:150px;
	height:150px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.hidden {
	display:none;
}
.applyFor .applyLeft .item .tableBox table tr td .tx a.on span{
	color:#68768b;
}

@media (max-width:767px)
{
	.index .index-box5 .itemRight a .tits .p{
		font-size:18px;
	}
}
.btn_link{
	margin-top:20px;
	text-align:center;
}
.btn_link a{
	display:inline-block;
	padding:6px 12px;
	background:#E84A27;
	color:#fff;
}
.education-item,.employment-item{
	padding:15px 0;
	border-top:1px solid rgba(255, 255, 255, 0.2);
}

.applyFor .applyLeft .item .t .tt1 .text {
    width: calc(50% - 20px);
    float: left;
    margin-top: 0;
    background-position: calc(100% - 11px);
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url("../img/data.png");
}
.applyFor .applyLeft .item .t .tt1 em {
    text-align: center;
    width: 40px;
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.85);
    float: left;
}




.reported {
  padding-top: 22px;
  padding-bottom: 6.25%; }
  .reported input[type="text"] {
    width: 100%;
    height: 40px;
    background: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-sizing: border-box;
    padding-left: 12px;
    color: #fff;
    line-height: 22px; }
    .reported input[type="text"].time {
      background-position: calc(100% - 17px) center;
      background-image: url("../img/new/icon3.png");
      background-repeat: no-repeat;
      cursor: pointer; }
  .reported textarea {
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding: 9px 12px; }
  .reported .xx {
    width: 100%;
    height: auto;
    background: none;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-sizing: border-box;
    color: #9ea7b5;
    line-height: 25px;
    padding: 7px 12px; }
  .reported .sel {
    position: relative; }
    .reported .sel .x {
      width: 100%;
      height: 40px;
      background: none;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-sizing: border-box;
      padding-left: 12px;
      color: #9ea7b5;
      line-height: 38px;
      padding-right: 64px;
      background-image: url("../img/new/icon2.png");
      background-position: calc(100% - 17px) center;
      background-repeat: no-repeat;
      cursor: pointer; }
      .reported .sel .x.on {
        background-color: #e7efff;
        color: #000; }
    .reported .sel ul {
      width: 100%;
      max-height: 300px;
      border: 1px solid #627187;
      box-sizing: border-box;
      background-color: #e7efff;
      overflow: auto;
      position: absolute;
      top: 45px;
      left: 0;
      border-radius: 4px;
      display: none; }
      .reported .sel ul li {
        padding: 0 12px;
        font-size: 14px;
        line-height: 40px;
        color: #495870;
        height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer; }
        @media (min-width: 1024px) {
          .reported .sel ul li:hover {
            color: #e84a27; } }
    .reported .sel.on .x {
      background-color: #e7efff;
      color: #000; }
    .reported .sel.on ul {
      display: block; }
  .reported .textTitle {
    font-size: 14px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.85);
    display: block;
    margin-bottom: 12px; }
    .reported .textTitle em {
      color: #E84A27; }
  .reported .return a {
    padding-left: 26px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    background-position: left center;
    background-image: url("../img/new/icon1.png");
    display: inline-block;
    background-repeat: no-repeat; }
  .reported .content {
    box-sizing: border-box;
    padding: 78px 80px;
    background-color: #2c405e;
    margin-top: 18px; }
    .reported .content .title {
      font-size: 52px;
      line-height: 54px;
      color: #fff; }
    .reported .content .item1 {
      margin-top: 60px;
      margin-bottom: 50px; }
      .reported .content .item1 .tits {
        font-size: 24px;
        line-height: 26px;
        color: #fff; }
        .reported .content .item1 .tits span {
          color: #e84a27; }
      .reported .content .item1 .tit {
        margin-top: 40px; }
        .reported .content .item1 .tit .t {
          margin-bottom: 30px; }
          .reported .content .item1 .tit .t:last-child {
            margin-bottom: 0; }
          .reported .content .item1 .tit .t .tt {
            width: 26.9%;
            float: left;
            margin-right: 9.65%; }
            .reported .content .item1 .tit .t .tt:last-child {
              margin-right: 0; }
          .reported .content .item1 .tit .t .txt {
            height: 100px; }
          .reported .content .item1 .tit .t .tt1 {
            width: 48.4%;
            float: left; }
          .reported .content .item1 .tit .t .tt2 {
            width: 250px;
            margin-left: 5.6%;
            float: left; }
          .reported .content .item1 .tit .t .tt3 {
            width: 250px;
            float: left;
            margin-right: 70px; }
      .reported .content .item1 .item {
        width: 100%;
        text-align: center;
        font-size: 0;
        margin-top: 57px;
        height: 145px; }
        .reported .content .item1 .item .itemNew {
          display: inline-block; }
          .reported .content .item1 .item .itemNew .it {
            float: left;
            position: relative; }
            .reported .content .item1 .item .itemNew .it .icon {
              height: 41px;
              display: block; }
              .reported .content .item1 .item .itemNew .it .icon img {
                max-height: 100%; }
            .reported .content .item1 .item .itemNew .it .dian {
              width: 33px;
              height: 33px;
              border-radius: 100%;
              background-color: #41536e;
              margin-top: 4px; }
            .reported .content .item1 .item .itemNew .it .txt {
              width: 260px;
              position: absolute;
              top: 45px;
              left: 50%;
              transform: translateX(-50%);
              text-align: center;
              font-size: 14px;
              line-height: 26px;
              color: #fff; }
              .reported .content .item1 .item .itemNew .it .txt span {
                color: #e84a27; }
          .reported .content .item1 .item .itemNew .li {
            width: 382px;
            height: 11px;
            float: left;
            border-radius: 5.5px;
            background-color: #41536e;
            margin: 15px 10px 0; }
            .reported .content .item1 .item .itemNew .li.on {
              background-color: #13bd67; }
      .reported .content .item1 .tit1 {
        margin-top: 40px; }
        .reported .content .item1 .tit1 .t {
          padding-left: 40px;
          font-size: 20px;
          line-height: 28px;
          color: #fff;
          position: relative;
          float: left;
          margin-right: 60px;
          cursor: pointer; }
          .reported .content .item1 .tit1 .t i {
            width: 28px;
            height: 28px;
            border-radius: 100%;
            box-sizing: border-box;
            border: 2px solid #627187;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #41536e; }
          .reported .content .item1 .tit1 .t.on {
            color: #e84a27; }
            .reported .content .item1 .tit1 .t.on i {
              border-color: #e84a27;
              background: #2c405e; }
              .reported .content .item1 .tit1 .t.on i:after {
                width: 16px;
                height: 16px;
                top: 4px;
                left: 4px;
                border-radius: 100%;
                background-color: #e84a27;
                content: '';
                position: absolute; }
    .reported .content .line {
      width: calc(100% + 60px);
      margin-left: -30px;
      background-color: #617187;
      height: 1px; }
    .reported .content .butBox {
      text-align: center;
      margin-top: 80px;
      font-size: 0; }
      .reported .content .butBox .but {
        display: inline-block;
        width: 77px;
        height: 32px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        margin: 0 8px;
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        box-sizing: border-box;
        text-align: center;
        color: #fff; }
        .reported .content .butBox .but.submit {
          border-color: #E84A27;
          background-color: #E84A27;
          color: #fff; }
  @media (max-width: 1366px) {
    .reported .content .title {
      font-size: 40px;
      line-height: 42px; }
    .reported .content .item1 .tits {
      font-size: 20px;
      line-height: 22px; } }
  @media (max-width: 1200px) {
    .reported .content {
      padding: 40px 50px; }
    .reported .content .title {
      font-size: 32px;
      line-height: 34px; }
    .reported .content .item1 {
      margin-top: 35px;
      margin-bottom: 30px; }
      .reported .content .item1 .tits {
        font-size: 18px;
        line-height: 20px; }
      .reported .content .item1 .tit {
        margin-top: 25px; }
    .reported .content .item1 .item .itemNew .li {
      width: 290px; } }
  @media (max-width: 1024px) {
    .reported .content .item1 .item .itemNew .li {
      width: 200px; } }
  @media (max-width: 768px) {
    .reported {
      max-width: 94%; }
      .reported.w1400 {
        max-width: 94%; }
      .reported .content {
        padding: 25px 15px; }
        .reported .content .title {
          font-size: 18px;
          line-height: 20px; }
        .reported .content .item1 {
          margin-top: 20px;
          margin-bottom: 15px; }
          .reported .content .item1 .tits {
            font-size: 16px;
            line-height: 18px; }
          .reported .content .item1 .tit .t {
            margin-bottom: 10px; }
            .reported .content .item1 .tit .t .tt {
              width: 100%;
              float: none;
              margin-bottom: 10px; }
              .reported .content .item1 .tit .t .tt:last-child {
                margin-bottom: 0; }
            .reported .content .item1 .tit .t .tt1 {
              width: 100%;
              float: none;
              margin-bottom: 10px; }
            .reported .content .item1 .tit .t .tt2 {
              float: none;
              margin-bottom: 10px;
              width: 100%;
              margin-left: 0; }
            .reported .content .item1 .tit .t .tt3 {
              width: 100%;
              float: none;
              margin-right: 0;
              margin-bottom: 10px; }
        .reported .content .butBox {
          margin-top: 30px; }
      .reported .textTitle {
        margin-bottom: 6px; }
      .reported input[type="text"] {
        height: 36px;
        font-size: 14px; }
        .reported input[type="text"].time {
          background-size: 14px; }
      .reported .sel {
        z-index: 10; }
        .reported .sel.on {
          z-index: 20; }
      .reported .sel .x {
        height: 36px;
        line-height: 34px;
        font-size: 14px;
        background-size: 10px; }
      .reported .sel ul {
        z-index: 10;
        top: 40px;
        max-height: 285px; }
        .reported .sel ul li {
          font-size: 13px;
          line-height: 36px; }
      .reported .content .line {
        width: 100%;
        margin-left: 0; }
      .reported .xx {
        padding: 4px 12px; }
      .reported .content .item1 .item {
        height: 125px;
        margin-top: 20px; }
      .reported .content .item1 .item .itemNew .it .icon {
        height: 24px; }
      .reported .content .item1 .item .itemNew .it .dian {
        width: 16px;
        height: 16px; }
      .reported .content .item1 .item .itemNew .it .txt {
        font-size: 12px;
        line-height: 18px;
        width: 145px;
        top: 30px; }
      .reported .content .item1 .item .itemNew .li {
        width: 95px;
        height: 4px;
        border-radius: 2px;
        margin: 9px 5px 0; }
      .reported .content .item1 .tit1 {
        margin-top: 18px; }
        .reported .content .item1 .tit1 .t {
          font-size: 14px;
          line-height: 20px;
          margin-right: 30px;
          padding-left: 30px; }
          .reported .content .item1 .tit1 .t i {
            width: 20px;
            height: 20px;
            border-width: 1px; }
          .reported .content .item1 .tit1 .t.on i:after {
            width: 12px;
            height: 12px;
            top: 3px;
            left: 3px; } }

.dateTk {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
  display: none; }
  .dateTk .box {
    width: 1160px;
    height: auto;
    overflow-y:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #2c405e;
    box-sizing: border-box;
    padding: 90px 0 100px; }
    .dateTk .box.on {
      height: 90vh; }
    .dateTk .box .boxNew {
      padding: 0 100px;
      box-sizing: border-box; }
    .dateTk .box .dateBox {
      width: 250px;
      float: left; }
      .dateTk .box .dateBox .item {
        margin-bottom: 47px; }
        .dateTk .box .dateBox .item:last-child {
          margin-bottom: 0; }
        .dateTk .box .dateBox .item .t .tt1 {
          font-size: 14px;
          line-height: 18px;
          color: #fff; }
          .dateTk .box .dateBox .item .t .tt1 span {
            color: #e84a27; }
        .dateTk .box .dateBox .item .t .tt2 {
          width: 100%;
          box-sizing: border-box;
          background-color: #e7efff;
          border: 1px solid #627187;
          padding-left: 12px;
          font-size: 14px;
          line-height: 38px;
          height: 40px;
          color: #000;
          border-radius: 4px;
          margin-top: 10px; }
        .dateTk .box .dateBox .item .date {
          background-color: #e7efff;
          border: 1px solid #627187;
          width: 100%;
          border-radius: 4px;
          margin-top: 6px;
          box-sizing: border-box;
          padding-top: 23px;
          padding-bottom: 15px; }
          .dateTk .box .dateBox .item .date .top {
            text-align: center;
            font-size: 0;
            width: 100%; }
            .dateTk .box .dateBox .item .date .top .topNew {
              display: inline-block; }
              .dateTk .box .dateBox .item .date .top .topNew a {
                float: left;
                display: block;
                height: 26px;
                background-position: center;
                background-repeat: no-repeat;
                margin: 0 8px; }
                .dateTk .box .dateBox .item .date .top .topNew a.yearPrev {
                  width: 20px;
                  background-image: url("../img/new/ic1.png"); }
                .dateTk .box .dateBox .item .date .top .topNew a.monthPrev {
                  width: 14px;
                  background-image: url("../img/new/ic2.png"); }
                .dateTk .box .dateBox .item .date .top .topNew a.yearNext {
                  width: 14px;
                  background-image: url("../img/new/ic3.png"); }
                .dateTk .box .dateBox .item .date .top .topNew a.monthNext {
                  width: 20px;
                  background-image: url("../img/new/ic4.png"); }
              .dateTk .box .dateBox .item .date .top .topNew .txt {
                font-size: 14px;
                line-height: 26px;
                color: #000;
                float: left;
                width: 90px;
                text-align: center; }
          .dateTk .box .dateBox .item .date .list {
            margin-top: 6px; }
            .dateTk .box .dateBox .item .date .list .week .t {
              width: 14.2%;
              float: left;
              font-size: 16px;
              line-height: 28px;
              color: #9da8b9;
              text-align: center; }
            .dateTk .box .dateBox .item .date .list ul li {
              width: 14.2%;
              height: 28px;
              line-height: 28px;
              font-size: 16px;
              color: #495870;
              text-align: center;
              float: left;
              cursor: pointer; }
              .dateTk .box .dateBox .item .date .list ul li.on {
                color: #e84a27; }
              .dateTk .box .dateBox .item .date .list ul li.no {
                color: #9da8b9; }
    .dateTk .box .timeBox {
      width: 573px;
      float: right;
      box-sizing: border-box;
      background-color: #e7efff;
      border: 1px solid #627187;
      padding-top: 22px;
      margin-top: 30px;
      padding-bottom: 30px;
      border-radius: 4px; }
      .dateTk .box .timeBox .tag {
        width: 100%;
        text-align: center; }
        .dateTk .box .timeBox .tag .t {
          font-size: 14px;
          line-height: 16px;
          color: #495870;
          display: inline-block;
          position: relative;
          padding-left: 49px;
          margin: 0 20px; }
          .dateTk .box .timeBox .tag .t i {
            width: 38px;
            height: 11px;
            top: 2.5px;
            left: 0;
            display: block;
            position: absolute; }
            .dateTk .box .timeBox .tag .t i.i1 {
              background-color: #fff; }
            .dateTk .box .timeBox .tag .t i.i2 {
              background-color: #e84a27; }
            .dateTk .box .timeBox .tag .t i.i3 {
              background-color: #d6deef; }
      .dateTk .box .timeBox .tit {
        font-size: 16px;
        line-height: 20px;
        color: #495870;
        margin-top: 21px;
        margin-left: 150px; }
        .dateTk .box .timeBox .tit .t {
          float: left;
          margin-right: 25px; }
      .dateTk .box .timeBox .list {
        height: 520px;
        overflow-y: auto;
        margin-top: 7px; }
        .dateTk .box .timeBox .list ul li span {
          width: 90px;
          float: left;
          display: block;
          text-align: right;
          font-size: 16px;
          line-height: 29px;
          color: #495870; }
        .dateTk .box .timeBox .list ul li .tt {
          float: left;
          margin-left: 20px;
          margin-top: 5px; }
          .dateTk .box .timeBox .list ul li .tt .t {
            width: 60px;
            height: 17px;
            background-color: #fff;
            float: left;
            margin-right: 10px;
            cursor: pointer; }
            .dateTk .box .timeBox .list ul li .tt .t.on {
              background-color: #e84a27; }
            .dateTk .box .timeBox .list ul li .tt .t.none {
              background-color: #d6deef; }
    .dateTk .box .butBox {
      text-align: center;
      width: 100%;
      margin-top: 95px;
      font-size: 0; }
      .dateTk .box .butBox .but {
        display: inline-block;
        width: 77px;
        height: 32px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        margin: 0 8px;
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        box-sizing: border-box;
        text-align: center;
        color: #fff; }
        .dateTk .box .butBox .but.submit {
          border-color: #E84A27;
          background-color: #E84A27;
          color: #fff; }
  @media (max-width: 1500px) {
    .dateTk .box {
      padding: 60px 0 80px; } }
  @media (max-width: 1366px) {
    .dateTk .box {
      padding: 30px 0 50px; }
    .dateTk .box .butBox {
      margin-top: 50px; } }
  @media (max-width: 1200px) {
    .dateTk .box {
      width: 935px; }
      .dateTk .box .boxNew {
        padding: 0 40px; } }
  @media (max-width: 1024px) {
    .dateTk .box {
      width: 94%;
      height: 90vh;
      padding: 20px 0 55px; }
      .dateTk .box .boxNew {
        padding: 0 10px; }
      .dateTk .box .dateBox {
        width: 100%;
        float: none; }
        .dateTk .box .dateBox .item {
          margin-bottom: 15px; }
          .dateTk .box .dateBox .item .date {
            padding-top: 13px;
            padding-bottom: 10px; }
            .dateTk .box .dateBox .item .date .top .topNew a {
              height: 20px; }
            .dateTk .box .dateBox .item .date .top .topNew .txt {
              line-height: 20px;
              font-size: 14px; }
            .dateTk .box .dateBox .item .date .list ul li {
              font-size: 14px;
              line-height: 22px;
              height: 22px; }
      .dateTk .box .timeBox {
        width: 100%;
        float: none;
        margin-top: 15px;
        padding-top: 8px;
        padding-bottom: 15px; }
        .dateTk .box .timeBox .tag .t {
          margin: 0 10px;
          padding-left: 32px; }
          .dateTk .box .timeBox .tag .t i {
            width: 24px; }
        .dateTk .box .timeBox .tit {
          font-size: 14px;
          line-height: 18px;
          margin-left: 76px;
          font-size: 12px;
          margin-top: 7px; }
          .dateTk .box .timeBox .tit .t {
            margin-right: 8px; }
        .dateTk .box .timeBox .list {
          height: auto; }
          .dateTk .box .timeBox .list ul li span {
            font-size: 12px;
            width: 42px;
            line-height: 20px; }
          .dateTk .box .timeBox .list ul li .tt {
            width: calc(100% - 62px);
            margin-left: 10px;
            margin-top: 5px; }
            .dateTk .box .timeBox .list ul li .tt .t {
              width: 15%;
              height: 10px;
              margin-right: 2%; }
              .dateTk .box .timeBox .list ul li .tt .t:last-child {
                margin-right: 0; }
    .dateTk .box .butBox {
      margin-top: 25px;
      position: fixed;
      z-index: 20;
      bottom: 10px;
      left: 0;
      margin-top: 0; } }
    .approval-result{
      margin:15px 0;
      display:flex;
      flex-direction: row;
      justify-content: flex-start;
    }
    .approval-result div{
      padding-right:15px;
    }
  

    .wap_lang{
      display: none;
    }
    @media (max-width:1024px){
      .wap_lang{
        display: block;
        float: right;
        margin-top: 14px;
        border: 1px solid #fff;
        padding: 0 5px;
        border-radius: 5px;
      }
    }

    .popWindow {
      display: none;
      position:fixed;
      left:0;
      top:0;
      width:100%;
      height:100%;
      z-index:99999;
      background:rgba(0,0,0,0.5);
    }
    .popWindow .out{
      position:absolute;
      width:1000px;
      height:562px;
      top:0;
      left:0;
      right:0;
      bottom: 0;
      margin:auto;
    }
    .popWindow .out video{
      width:100%;
      height:100%;
    }

  .popWindow  .close{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 80px;
    width: 80px;
    height: 80px;
    color: #fff;
    background: rgba(255,255,255,0.5);
    text-align: center;
    line-height: 65px;
    z-index: 100;
    cursor: pointer;
    }
    @media (max-width:768px){
      .popWindow .out{
        width:90%;
        height:0;
        padding-bottom: 56.25%;
      }
      .popWindow .out video{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
      }
      .popWindow  .close{
      font-size: 50px;
      width: 50px;
      height: 50px;
      line-height: 40px;
    }

    }
	
	
	
.applyStudent .tt2 {

}
.applyStudent .tt2 .ttt2 {
  padding-left: 26px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.85);
  position: relative;
  cursor: pointer; }
  .applyStudent .tt2 .ttt2 i {
	width: 14px;
	height: 14px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	position: absolute;
	left: 0;
	top: 12px;
	display: block;
	 }
	.applyStudent .tt2 .ttt2 i:after {
	  width: 8px;
	  height: 8px;
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  margin: auto;
	  background-color: #E84A27;
	  display: none;
	  content: '';
	  }
  .applyStudent .tt2 .ttt2:last-child {
	margin-right: 0; }
  .applyStudent .tt2 .ttt2.on i {
	border: 1px solid #e84a27; }
	.applyStudent .tt2 .ttt2.on i:after {
	  display: block; }

	.jsTk3 {display:block;position:static;}
	.jsTk .box{position:relative;}
	.jsTk3 .pic{max-width:320px;margin-bottom:30px;}
	
	div.text1.on{color:#A0A9B7!important;}
	
	.file_video{
	    
	    text-align:center
	}
	
	.ms_table{
	    width:100%;
	    margin-top:15px;
	}
	.ms_table th{
	    background:rgba(255, 255, 255, 0.1);
	}
	.ms_table th,.ms_table td{
	    border:1px solid #68768B;
	}
	
	
	
.cooperations .list {
    margin-top:30px;
}
.cooperations .co-item{
    display:flex;
    justify-content:space-between;
    margin-bottom: 30px;
}
.cooperations li:nth-child(2n+2) .co-item
{
    flex-direction: row-reverse;
}
.cooperations .co-item > div{
    width:48%;
}
.cooperations .co-item .co-right{
    background:rgba(255,255,255,0.1);
    box-sizing: border-box;
    padding:25px;
}
.cooperations .co-item .tit{
    font-size:32px;
    line-height: 2;
    color:#fff;
}
.cooperations .co-item .intro{
    line-height: 2;
    margin-top:20px;
}
.cooperations .co-item .btn{
    margin-top:20px;
    text-align:right;
}
@media (max-width:1024px)
{
    .cooperations .co-item{
        flex-wrap: wrap;
    }
    .cooperations .co-item > div{
        width:100%;
    }
    .cooperations .co-item .co-left img{
        width:100%;
    }
    .cooperations .co-item .tit{
    font-size:20px;
    }
}