@charset "UTF-8";
@font-face {
  font-family: 'TT0861M_6';
  src: url("../fonts/TT0861M_6.eot");
  src: url("../fonts/TT0861M_6.eot?#iefix") format("embedded-opentype"), url("../fonts/TT0861M_6.woff") format("woff"), url("../fonts/TT0861M_6.ttf") format("truetype"), url("../fonts/TT0861M_6.svg#Sri-TSCRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

body::-webkit-scrollbar {
  display: none; }

.tt0861 {
  font-family: 'TT0861M_6' !important; }

header {
  width: 100%;
  position: fixed;
  height: 55px;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 101;
  display: block;
  transition: all 0.5s; }
  @media (max-width: 1024px) {
    header {
      height: 0.6rem; } }
  @media (max-width: 1024px) {
    header .w1200 {
      width: 100%;
      position: relative;
      overflow: inherit; } }
  header .w1200 .m_top {
    position: relative;
    z-index: 2; }
    @media (max-width: 1024px) {
      header .w1200 .m_top {
        padding: 0 0.26rem; } }
    header .w1200 .m_top .bocweb-logo {
      width: 52px;
      height: 22px;
      float: left;
      margin-top: 16px; }
      @media (max-width: 1024px) {
        header .w1200 .m_top .bocweb-logo {
          width: 0.52rem;
          height: 0.22rem;
          margin-top: 0.19rem; } }
      header .w1200 .m_top .bocweb-logo img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
    header .w1200 .m_top .bocweb-menu {
      float: right;
      width: 0.41rem;
      height: 0.31rem;
      background: url(../img/bocweb-menu.png) no-repeat;
      background-size: cover;
      margin-top: 0.14rem;
      display: none; }
      @media (max-width: 1024px) {
        header .w1200 .m_top .bocweb-menu {
          display: block; } }
    header .w1200 .m_top .bocweb-menu.on {
      background: url(../img/menu_close.png) no-repeat;
      background-size: cover; }
  header .w1200 .bocweb-nav {
    float: right;
    margin-top: 16px; }
    @media (max-width: 1024px) {
      header .w1200 .bocweb-nav {
        position: absolute;
        left: 0%;
        top: 0.6rem;
        width: 100%;
        background: #fff;
        margin-top: 0;
        float: inherit;
        z-index: 1;
        display: none;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); } }
    header .w1200 .bocweb-nav nav ul li {
      float: left;
      margin-left: 66px;
      position: relative; }
      @media (max-width: 1024px) {
        header .w1200 .bocweb-nav nav ul li {
          float: inherit;
          margin-left: inherit; } }
      header .w1200 .bocweb-nav nav ul li > a {
        font-size: 14px;
        color: #d0d0d0;
        line-height: 20px;
        display: block; }
        @media (max-width: 1024px) {
          header .w1200 .bocweb-nav nav ul li > a {
            line-height: 40px;
            color: #333;
            text-align: center;
            font-size: 16px;
            border-bottom: 1px solid #eee; } }
      @media (min-width: 1024px) {
        header .w1200 .bocweb-nav nav ul li a:hover {
          color: #7b98f3; } }
      header .w1200 .bocweb-nav nav ul li dl {
        display: none;
        width: 142px;
        position: absolute;
        left: 50%;
        margin-left: -71px;
        top: 20px;
        background: url(../img/jiant.png) no-repeat center 13px;
        padding-top: 19px; }
        @media (max-width: 1024px) {
          header .w1200 .bocweb-nav nav ul li dl {
            position: inherit;
            left: inherit;
            top: inherit;
            margin-left: inherit;
            padding: 0;
            width: 80%;
            background: none;
            margin: 0 auto; } }
        header .w1200 .bocweb-nav nav ul li dl dd {
          border-bottom: 1px solid #edecec;
          background: #fff; }
          header .w1200 .bocweb-nav nav ul li dl dd a {
            font-size: 14px;
            color: #333333;
            line-height: 40px;
            height: 40px;
            box-sizing: border-box;
            text-align: center;
            display: block; }
    header .w1200 .bocweb-nav nav ul li.active > a {
      color: #7b98f3; }
    header .w1200 .bocweb-nav nav ul:after {
      display: block;
      clear: both;
      content: ''; }
  header .w1200:after {
    display: block;
    clear: both;
    content: ''; }

header.on {
  background: black; }

.header-subnav {
  display: none;
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 100;
  top: 0.6rem;
  background: #eee; }
  @media (max-width: 1024px) {
    .header-subnav {
      display: block; } }
  .header-subnav ul {
    overflow: hidden; }
    .header-subnav ul li {
      width: 25%;
      float: left; }
      .header-subnav ul li a {
        font-size: 14px;
        color: #333333;
        line-height: 0.52rem;
        height: 0.52rem;
        box-sizing: border-box;
        text-align: center;
        display: block; }
    .header-subnav ul li.active a {
      color: #7b98f3; }

footer {
  background: #202020; }
  footer .w1200 .top {
    padding-top: 26px; }
    @media (max-width: 1024px) {
      footer .w1200 .top {
        text-align: center;
        font-size: 0; } }
    footer .w1200 .top .app {
      float: left;
      overflow: hidden;
      width: 258px; }
      @media (max-width: 1024px) {
        footer .w1200 .top .app {
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          float: inherit;
          margin: 0 11px; } }
      @media (max-width: 640px) {
        footer .w1200 .top .app {
          display: block;
          width: 100%;
          margin: 0; } }
      footer .w1200 .top .app .erweima {
        width: 105px;
        height: 105px;
        overflow: hidden;
        float: left; }
        @media (max-width: 640px) {
          footer .w1200 .top .app .erweima {
            display: inline-block;
            text-align: center;
            float: inherit;
            vertical-align: middle; } }
        footer .w1200 .top .app .erweima img {
          width: 100%;
          display: block; }
      footer .w1200 .top .app .text {
        float: left;
        width: 126px;
        height: 105px;
        font-size: 14px;
        color: #333333;
        line-height: 24px;
        display: table;
        padding: 0 13px; }
        @media (max-width: 640px) {
          footer .w1200 .top .app .text {
            display: inline-block;
            text-align: center;
            float: inherit;
            vertical-align: middle; } }
        footer .w1200 .top .app .text .txt {
          display: table-cell;
          vertical-align: middle; }
          @media (max-width: 640px) {
            footer .w1200 .top .app .text .txt {
              display: block;
              text-align: left;
              margin-top: 14px; } }
          footer .w1200 .top .app .text .txt .fz14 {
            font-size: 16px;
            color: #fff;
            line-height: 40px;
            text-align: left; }
          footer .w1200 .top .app .text .txt .fz12 {
            font-size: 14px;
            color: #858585;
            line-height: 36px;
            text-align: left; }
    footer .w1200 .top .com {
      float: left;
      margin-left: 21px;
      margin-top: -2px;
      border-left: 1px solid #2b2b2b;
      padding-left: 34px; }
      @media (max-width: 1100px) {
        footer .w1200 .top .com {
          padding-left: 30px; } }
      @media (max-width: 1024px) {
        footer .w1200 .top .com {
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          float: inherit;
          margin: 0 11px; } }
      @media (max-width: 640px) {
        footer .w1200 .top .com {
          display: block;
          margin: 14px 0 0 0;
          border-left: 0 none;
          padding: 0; } }
      footer .w1200 .top .com dl dd {
        margin-bottom: 1px;
        font-size: 14px;
        color: #707070;
        line-height: 26px;
        text-align: left; }
        @media (max-width: 640px) {
          footer .w1200 .top .com dl dd {
            line-height: 20px;
            text-align: center; } }
    footer .w1200 .top .footer_right {
      float: right; }
      @media (max-width: 1024px) {
        footer .w1200 .top .footer_right {
          display: none; } }
      footer .w1200 .top .footer_right .footer_nav ul {
        overflow: hidden; }
        footer .w1200 .top .footer_right .footer_nav ul li {
          float: left;
          font-size: 0; }
          footer .w1200 .top .footer_right .footer_nav ul li a {
            margin-left: 66px;
            font-size: 14px;
            color: #c0c0c0;
            line-height: 22px; }
            @media (max-width: 1217px) {
              footer .w1200 .top .footer_right .footer_nav ul li a {
                margin-left: 40px; } }
          @media (min-width: 1024px) {
            footer .w1200 .top .footer_right .footer_nav ul li a:hover {
              color: #7b98f3; } }
      footer .w1200 .top .footer_right .footer_links {
        float: right;
        margin-top: 23px;
        position: relative; }
        footer .w1200 .top .footer_right .footer_links .links_tit {
          width: 223px;
          height: 38px;
          background: #ececec;
          overflow: hidden;
          cursor: pointer; }
          footer .w1200 .top .footer_right .footer_links .links_tit span {
            font-size: 14px;
            color: #646464;
            line-height: 38px;
            float: left;
            display: block;
            margin-left: 17px; }
          footer .w1200 .top .footer_right .footer_links .links_tit .icon {
            width: 9px;
            height: 6px;
            background: url(../img/links_up.png) no-repeat;
            background-size: cover;
            float: right;
            margin-right: 17px;
            margin-top: 16px; }
        footer .w1200 .top .footer_right .footer_links .links_con {
          background: #fff;
          position: absolute;
          left: 0;
          width: 100%;
          bottom: 38px;
          display: none; }
          footer .w1200 .top .footer_right .footer_links .links_con ul li {
            border-bottom: 1px solid #eee; }
            footer .w1200 .top .footer_right .footer_links .links_con ul li a {
              transition: all 0.5s;
              padding: 0 17px;
              display: block;
              font-size: 14px;
              color: #646464;
              line-height: 36px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
            footer .w1200 .top .footer_right .footer_links .links_con ul li a:hover {
              background: #ececec; }
  footer .w1200 .top:after {
    clear: both;
    content: '';
    display: block; }
  footer .w1200 .copy {
    margin-top: 14px;
    font-size: 12px;
    color: #666666;
    line-height: 56px;
    text-align: center; }
    @media (max-width: 1024px) {
      footer .w1200 .copy {
        line-height: 20px;
        padding: 10px 0 18px 0;
        margin-top: 0; } }
    footer .w1200 .copy a {
      color: #666666; }
    @media (min-width: 1024px) {
      footer .w1200 .copy a:hover {
        color: #7b98f3; } }

.navigation_bg {
  position: fixed;
  width: 187px;
  height: 100%;
  left: 250px;
  top: 0;
  z-index: 8;
  background: #b10100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform: translateX(-10px); }
  @media (max-width: 1024px) {
    .navigation_bg {
      display: none; } }

.navigation_bg.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible; }

.header_m {
  height: 0.9rem;
  background: #fff;
  background-size: contain;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  transition: all 0.5s;
  box-shadow: 0 0 0.16rem 0 rgba(6, 0, 1, 0.28); }
  @media (max-width: 1024px) {
    .header_m {
      display: block; } }
  .header_m .top {
    overflow: hidden; }
    .header_m .top .bocweb-logo {
      width: 1rem;
      height: 0.82rem;
      float: left;
      margin-left: 0.24rem;
      margin-top: 0.02rem; }
      .header_m .top .bocweb-logo img {
        width: 100%;
        display: block; }
    .header_m .top .bocweb-menu {
      width: 0.35rem;
      height: 0.27rem;
      background: url(../img/bocweb-menu.png) no-repeat;
      background-size: contain;
      float: right;
      margin: 0.34rem 0.2rem 0 0; }
    .header_m .top .bocweb-menu.on {
      background: url(../img/menu_close.png) no-repeat;
      background-size: contain; }
  .header_m nav {
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0.9rem;
    display: none;
    border-top: 1px solid #f2f2f2; }
    .header_m nav > ul {
      width: 100%;
      overflow-y: scroll; }
      .header_m nav > ul > li {
        border-bottom: 1px solid #f2f2f2; }
        .header_m nav > ul > li > a {
          display: block;
          font-size: 0.24rem;
          color: #333;
          line-height: 0.62rem;
          padding: 0 0.57rem 0 0.63rem;
          overflow: hidden; }
          .header_m nav > ul > li > a span {
            float: left;
            display: block; }
          .header_m nav > ul > li > a em {
            width: 0.21rem;
            height: 0.1rem;
            float: right;
            display: block;
            background: url(../img/nav_icon1.png) no-repeat center center;
            background-size: cover;
            margin: 0.32rem 0 0 0;
            transition: all 0.5s;
            transform-origin: center center; }
        .header_m nav > ul > li > a.on em {
          transform: rotate(-180deg); }
        .header_m nav > ul > li dl {
          background: #f8f8f8;
          display: none; }
          .header_m nav > ul > li dl dd > a {
            padding: 0 0.57rem 0 0.64rem;
            font-size: 0.24rem;
            color: #333333;
            line-height: 0.54rem;
            display: block;
            border-bottom: 1px solid #f2f2f2; }
          .header_m nav > ul > li dl dd > ul {
            display: none; }
            .header_m nav > ul > li dl dd > ul > li {
              display: block;
              font-size: 0.26rem;
              color: #333;
              line-height: 0.62rem;
              padding: 0 0.77rem 0 0.83rem; }
              .header_m nav > ul > li dl dd > ul > li a {
                color: #333333;
                display: block;
                line-height: 0.5rem; }
          .header_m nav > ul > li dl dd:last-child a {
            border-bottom: 0 none; }
  .header_m nav.on {
    transition: all 0.5s 0.1s;
    opacity: 1;
    right: 0; }

.nav_slider {
  width: 68px;
  height: auto;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10;
  margin-top: -160px;
  transition: all 0.5s; }
  @media (max-width: 1400px) {
    .nav_slider {
      transform: translateX(70px);
      opacity: 0; } }
  @media (max-width: 1024px) {
    .nav_slider {
      transform: translateX(70px);
      display: none; } }
  .nav_slider .qq {
    display: block;
    width: 100%;
    height: 60px;
    margin-top: 1px;
    background: #de0512; }
    .nav_slider .qq .ico {
      width: 100%;
      height: 32px;
      background: url(../img/nav_slider_qq.png) no-repeat bottom center; }
    .nav_slider .qq .txt {
      font-size: 12px;
      color: #fff;
      text-align: center;
      line-height: 24px; }
  .nav_slider .tel {
    margin-top: 1px;
    background: #de0512;
    width: 200px;
    position: relative;
    left: 0;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.5s; }
    .nav_slider .tel .t1 {
      float: left;
      width: 68px;
      height: 60px; }
      .nav_slider .tel .t1 .ico {
        width: 100%;
        height: 32px;
        background: url(../img/nav_slider_tel.png) no-repeat bottom center; }
      .nav_slider .tel .t1 .txt {
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 24px; }
    .nav_slider .tel .t2 {
      float: left;
      font-size: 14px;
      color: #fff;
      line-height: 60px;
      width: 132px; }
    .nav_slider .tel:hover {
      left: -132px; }
  .nav_slider .ms {
    display: block;
    width: 100%;
    margin-top: 1px;
    height: 60px;
    background: #de0512; }
    .nav_slider .ms .ico {
      width: 100%;
      height: 32px;
      background: url(../img/nav_slider_email.png) no-repeat bottom center; }
    .nav_slider .ms .txt {
      font-size: 12px;
      color: #fff;
      text-align: center;
      line-height: 24px; }
  .nav_slider .wx {
    display: block;
    width: 100%;
    margin-top: 1px;
    height: 60px;
    background: #de0512;
    position: relative; }
    .nav_slider .wx .code {
      width: 120px;
      height: 120px;
      position: absolute;
      left: -120px;
      top: 0;
      overflow: hidden;
      display: none;
      background: #fff; }
      .nav_slider .wx .code img {
        width: 100%;
        height: auto; }
    .nav_slider .wx .ico {
      width: 100%;
      height: 32px;
      background: url(../img/nav_slider_wx2.png) no-repeat bottom center; }
    .nav_slider .wx .txt {
      font-size: 12px;
      color: #fff;
      text-align: center;
      line-height: 24px; }
    .nav_slider .wx:hover .code {
      display: block; }
  .nav_slider .top {
    display: block;
    width: 100%;
    margin-top: 1px;
    height: 60px;
    background: #de0512; }
    .nav_slider .top .ico {
      width: 100%;
      height: 32px;
      background: url(../img/nav_slider_top.png) no-repeat bottom center; }
    .nav_slider .top .txt {
      font-size: 12px;
      color: #fff;
      text-align: center;
      line-height: 24px; }

.search_mark {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  display: none; }
  .search_mark .close {
    width: 41px;
    height: 31px;
    position: absolute;
    right: 40px;
    top: 40px;
    background: url(../img/menu_close.png) no-repeat;
    background-size: cover;
    cursor: pointer; }
  .search_mark .mark_con {
    width: 500px;
    height: 68px;
    border: 1px solid #7d7d7d;
    border-radius: 68px;
    position: relative;
    padding: 0 58px 0 178px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -34px 0 0 -368px; }
    .search_mark .mark_con form .left {
      position: absolute;
      left: 0;
      top: 0;
      line-height: 68px;
      width: 120px; }
      .search_mark .mark_con form .left select {
        width: 120px;
        height: 68px;
        text-indent: 42px;
        border: 0 none;
        line-height: 68px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        -webkit-appearance: none;
        outline: none;
        background: url(../img/select_bg.png) no-repeat center right; }
        .search_mark .mark_con form .left select option {
          background: none !important;
          color: #333 !important; }
    .search_mark .mark_con form .cen {
      width: 100%; }
      .search_mark .mark_con form .cen input {
        width: 100%;
        padding: 15px 0;
        line-height: 38px;
        font-size: 18px;
        color: #fff;
        border: 0 none;
        background: none; }
    .search_mark .mark_con form .right {
      width: 29px;
      height: 29px;
      position: absolute;
      right: 20px;
      top: 20px; }
      .search_mark .mark_con form .right button {
        width: 29px;
        height: 29px;
        padding: 0;
        border: 0 none;
        outline: none;
        background: url(../img/search_icon.png) no-repeat; }

.w1200 {
  width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1220px) {
    .w1200 {
      width: 92%; } }

.w1200:after {
  clear: both;
  display: block;
  content: ''; }

.loadding {
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) no-repeat;
  background-size: cover;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
  z-index: 100; }

.main {
  opacity: 0;
  transition: opacity 0.3s; }
  @media (max-width: 1024px) {
    .main .welcome {
      width: 100% !important; } }
  .main .welcome .page1 .banner {
    position: relative;
    overflow: hidden;
    display: block; }
    @media (max-width: 1024px) {
      .main .welcome .page1 .banner {
        display: none; } }
    .main .welcome .page1 .banner ul {
      overflow: hidden;
      position: relative;
      height: 100%;
      z-index: 1; }
      .main .welcome .page1 .banner ul li {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0;
        width: 100%;
        height: 100%; }
        .main .welcome .page1 .banner ul li img {
          width: 100%;
          display: block; }
        .main .welcome .page1 .banner ul li .pic {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 622px;
          height: 271px;
          overflow: hidden;
          display: block;
          margin: -130px 0 0 -311px;
          z-index: 100; }
          .main .welcome .page1 .banner ul li .pic img {
            max-width: 100%;
            display: block; }
        .main .welcome .page1 .banner ul li a {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }
    .main .welcome .page1 .banner ol {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 60px;
      text-align: center;
      font-size: 0;
      z-index: 10;
      cursor: pointer; }
      .main .welcome .page1 .banner ol li {
        width: 9px;
        height: 9px;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        margin: 0 5px;
        border: 2px solid #fff;
        background: #fff; }
      .main .welcome .page1 .banner ol li.active {
        background: none; }
  .main .welcome .page1 .m_banner {
    display: none;
    margin-bottom: 12px; }
    @media (max-width: 1024px) {
      .main .welcome .page1 .m_banner {
        display: block; } }
    .main .welcome .page1 .m_banner .swiper-banner .swiper-wrapper .swiper-slide {
      overflow: hidden;
      position: relative; }
      .main .welcome .page1 .m_banner .swiper-banner .swiper-wrapper .swiper-slide video {
        width: 130%;
        display: block;
        margin-left: -15%; }
      .main .welcome .page1 .m_banner .swiper-banner .swiper-wrapper .swiper-slide .pic {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 6rem;
        height: 2.7rem;
        overflow: hidden;
        display: block;
        margin: -1.35rem 0 0 -3rem; }
        @media (max-width: 640px) {
          .main .welcome .page1 .m_banner .swiper-banner .swiper-wrapper .swiper-slide .pic {
            width: 4rem;
            height: 1.7rem;
            margin: -0.85rem 0 0 -2rem; } }
        .main .welcome .page1 .m_banner .swiper-banner .swiper-wrapper .swiper-slide .pic img {
          width: 100%;
          display: block;
          margin-left: 0; }
      .main .welcome .page1 .m_banner .swiper-banner .swiper-wrapper .swiper-slide img {
        width: 150%;
        display: block;
        margin-left: -25%; }
    .main .welcome .page1 .m_banner .swiper-banner .swiper-pagination.swiper-pagination-bullets {
      font-size: 0;
      bottom: 10px; }
      .main .welcome .page1 .m_banner .swiper-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        margin: 0 5px;
        border: 2px solid #fff;
        background: #fff;
        opacity: 1; }
      .main .welcome .page1 .m_banner .swiper-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: none; }
  .main .welcome .page2 .home_content {
    overflow: hidden; }
    .main .welcome .page2 .home_content .item {
      width: 50%;
      height: 50%;
      float: left;
      position: relative;
      overflow: hidden; }
      @media (max-width: 750px) {
        .main .welcome .page2 .home_content .item {
          height: 340px !important;
          width: 100%;
          margin-bottom: 12px; } }
      .main .welcome .page2 .home_content .item a {
        display: block;
        height: 100%; }
        .main .welcome .page2 .home_content .item a .tits {
          position: absolute;
          left: 0;
          top: 19.08%;
          width: 100%;
          z-index: 2; }
          @media (max-width: 1024px) {
            .main .welcome .page2 .home_content .item a .tits {
              top: 12.08%; } }
          .main .welcome .page2 .home_content .item a .tits h4 {
            line-height: 56px;
            font-size: 38px;
            color: #111111;
            text-align: center;
            font-weight: inherit;
            transition: all 0.3s; }
            @media (max-width: 1366px) {
              .main .welcome .page2 .home_content .item a .tits h4 {
                line-height: 44px;
                font-size: 32px; } }
            @media (max-width: 1024px) {
              .main .welcome .page2 .home_content .item a .tits h4 {
                line-height: 44px;
                font-size: 26px; } }
            @media (max-width: 750px) {
              .main .welcome .page2 .home_content .item a .tits h4 {
                line-height: 30px;
                font-size: 22px; } }
          .main .welcome .page2 .home_content .item a .tits .txt {
            font-size: 18px;
            color: #333333;
            line-height: 40px;
            text-align: center;
            transition: all 0.3s; }
            @media (max-width: 1024px) {
              .main .welcome .page2 .home_content .item a .tits .txt {
                line-height: 36px;
                font-size: 14px; } }
        .main .welcome .page2 .home_content .item a .pic {
          position: absolute;
          left: 50%;
          bottom: 0;
          overflow: hidden; }
          @media (max-width: 750px) {
            .main .welcome .page2 .home_content .item a .pic {
              width: 360px !important;
              margin-left: -180px !important; } }
          .main .welcome .page2 .home_content .item a .pic img {
            width: 100%;
            display: block; }
      .main .welcome .page2 .home_content .item a:hover .tits h4 {
        letter-spacing: 3px; }
      .main .welcome .page2 .home_content .item a:hover .tits .txt {
        letter-spacing: 2px; }
    .main .welcome .page2 .home_content .item1 {
      background: #eeeeee; }
      .main .welcome .page2 .home_content .item1 a .pic {
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 490px;
        margin-left: -245px;
        overflow: hidden;
        z-index: 1; }
        @media (max-width: 1920px) and (max-height: 900px) {
          .main .welcome .page2 .home_content .item1 a .pic {
            width: 360px;
            margin-left: -180px; } }
        @media (max-width: 1920px) and (max-height: 850px) {
          .main .welcome .page2 .home_content .item1 a .pic {
            width: 320px;
            margin-left: -160px; } }
        @media (max-width: 1920px) and (max-height: 720px) {
          .main .welcome .page2 .home_content .item1 a .pic {
            width: 280px;
            margin-left: -140px; } }
        .main .welcome .page2 .home_content .item1 a .pic img {
          width: 100%;
          display: block; }
    .main .welcome .page2 .home_content .item2 {
      background: #fafafa; }
      .main .welcome .page2 .home_content .item2 a .pic {
        width: 568px;
        margin-left: -284px;
        overflow: hidden;
        z-index: 1; }
        @media (max-width: 1920px) and (max-height: 900px) {
          .main .welcome .page2 .home_content .item2 a .pic {
            width: 370px;
            margin-left: -185px; } }
        @media (max-width: 1920px) and (max-height: 850px) {
          .main .welcome .page2 .home_content .item2 a .pic {
            width: 330px;
            margin-left: -165px; } }
        @media (max-width: 1920px) and (max-height: 720px) {
          .main .welcome .page2 .home_content .item2 a .pic {
            width: 290px;
            margin-left: -145px; } }
    .main .welcome .page2 .home_content .item3 {
      background: #fafafa; }
      .main .welcome .page2 .home_content .item3 a .tits {
        top: 12.08%; }
      .main .welcome .page2 .home_content .item3 a .pic {
        width: 488px;
        margin-left: -244px;
        overflow: hidden;
        z-index: 1; }
        @media (max-width: 1920px) and (max-height: 900px) {
          .main .welcome .page2 .home_content .item3 a .pic {
            width: 300px;
            margin-left: -150px; } }
        @media (max-width: 1920px) and (max-height: 850px) {
          .main .welcome .page2 .home_content .item3 a .pic {
            width: 260px;
            margin-left: -130px; } }
        @media (max-width: 1920px) and (max-height: 720px) {
          .main .welcome .page2 .home_content .item3 a .pic {
            width: 220px;
            margin-left: -110px; } }
    .main .welcome .page2 .home_content .item4 {
      background: #060606; }
      .main .welcome .page2 .home_content .item4 a .tits {
        top: 12.08%; }
        .main .welcome .page2 .home_content .item4 a .tits h4 {
          color: #fff; }
        .main .welcome .page2 .home_content .item4 a .tits .txt {
          color: #fff; }
      .main .welcome .page2 .home_content .item4 a .pic {
        width: 836px;
        margin-left: -390px;
        overflow: hidden;
        z-index: 1; }
        @media (max-width: 1920px) and (max-height: 900px) {
          .main .welcome .page2 .home_content .item4 a .pic {
            width: 600px;
            margin-left: -300px; } }
        @media (max-width: 1920px) and (max-height: 850px) {
          .main .welcome .page2 .home_content .item4 a .pic {
            width: 560px;
            margin-left: -280px; } }
        @media (max-width: 1920px) and (max-height: 720px) {
          .main .welcome .page2 .home_content .item4 a .pic {
            width: 520px;
            margin-left: -260px; } }
        @media (max-width: 750px) {
          .main .welcome .page2 .home_content .item4 a .pic {
            width: 460px !important;
            margin-left: -230px !important; } }
  .main .welcome .page3 .home_content {
    height: 100%; }
    .main .welcome .page3 .home_content .pic {
      height: 100%; }
      @media (max-width: 1024px) {
        .main .welcome .page3 .home_content .pic {
          background: none !important; } }
      .main .welcome .page3 .home_content .pic img {
        display: block;
        width: 100%; }
        @media (max-width: 1024px) {
          .main .welcome .page3 .home_content .pic img {
            display: block; } }
  .main .welcome .page4 .home_content {
    overflow: hidden; }
    .main .welcome .page4 .home_content .index_video .con {
      margin-top: 50px; }
      @media (max-width: 1024px) {
        .main .welcome .page4 .home_content .index_video .con {
          margin-top: 0px; } }
      .main .welcome .page4 .home_content .index_video .con h4 {
        font-size: 38px;
        color: #333333;
        line-height: 60px;
        text-align: center;
        font-weight: inherit; }
        @media (max-width: 1024px) {
          .main .welcome .page4 .home_content .index_video .con h4 {
            line-height: 44px;
            font-size: 26px;
            margin-top: 24px; } }
        @media (max-width: 750px) {
          .main .welcome .page4 .home_content .index_video .con h4 {
            line-height: 30px;
            font-size: 22px; } }
      .main .welcome .page4 .home_content .index_video .con p.more {
        text-align: center;
        line-height: 20px;
        font-size: 18px;
        color: #333333;
        opacity: 0.8;
        vertical-align: middle; }
        @media (max-width: 1024px) {
          .main .welcome .page4 .home_content .index_video .con p.more {
            line-height: 14px;
            font-size: 14px; } }
        .main .welcome .page4 .home_content .index_video .con p.more::after {
          display: inline-block;
          content: "";
          width: 7px;
          height: 14px;
          background: url("../img/icon-gomore.png") center center no-repeat;
          background-size: 100%; }
          @media (max-width: 1024px) {
            .main .welcome .page4 .home_content .index_video .con p.more::after {
              width: 6px;
              height: 14px; } }
      .main .welcome .page4 .home_content .index_video .con ul {
        width: 100%;
        padding: 46px 9px 64px 9px;
        float: left;
        box-sizing: border-box; }
        @media (max-width: 1024px) {
          .main .welcome .page4 .home_content .index_video .con ul {
            padding: 20px 9px; } }
        .main .welcome .page4 .home_content .index_video .con ul li {
          position: relative;
          display: block;
          float: left;
          box-sizing: border-box;
          cursor: pointer;
          width: calc(50% - 10px);
          margin: 0 5px;
          transition: all 0.5s; }
          @media (max-width: 1024px) {
            .main .welcome .page4 .home_content .index_video .con ul li {
              width: 100%;
              padding: 0px;
              margin: 0;
              margin-bottom: 18px; } }
          .main .welcome .page4 .home_content .index_video .con ul li .icon-player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            width: 80px; }
            @media (max-width: 1500px) {
              .main .welcome .page4 .home_content .index_video .con ul li .icon-player {
                width: 60px; } }
            @media (max-width: 750px) {
              .main .welcome .page4 .home_content .index_video .con ul li .icon-player {
                width: 40px; } }
          .main .welcome .page4 .home_content .index_video .con ul li .videoPoster {
            display: inline-block;
            width: 100%;
            object-fit: fill;
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            transition: all 0.5s; }
          .main .welcome .page4 .home_content .index_video .con ul li .hover-mask {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            transition: all 0.5s;
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%); }
          .main .welcome .page4 .home_content .index_video .con ul li .content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 15px;
            transition: all 0.5s;
            overflow: hidden;
            z-index: 2;
            box-sizing: border-box;
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
            .main .welcome .page4 .home_content .index_video .con ul li .content p {
              color: #fff;
              text-align: left; }
              .main .welcome .page4 .home_content .index_video .con ul li .content p.title {
                line-height: 10px; }
                .main .welcome .page4 .home_content .index_video .con ul li .content p.title .text {
                  display: inline-block;
                  max-width: 90%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  line-height: 20px;
                  font-size: 20px;
                  letter-spacing: .35px; }
                  @media (max-width: 1024px) {
                    .main .welcome .page4 .home_content .index_video .con ul li .content p.title .text {
                      font-size: 16px; } }
              .main .welcome .page4 .home_content .index_video .con ul li .content p.desc {
                padding-top: 14px;
                display: none;
                font-size: 14px;
                line-height: 22px;
                letter-spacing: .25px; }
          .main .welcome .page4 .home_content .index_video .con ul li:hover .hover-mask {
            height: 100%; }
          .main .welcome .page4 .home_content .index_video .con ul li:hover .content {
            height: auto;
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); }
            .main .welcome .page4 .home_content .index_video .con ul li:hover .content p.desc {
              display: block; }
            .main .welcome .page4 .home_content .index_video .con ul li:hover .content p.title::after {
              display: inline-block;
              content: "";
              width: 17.5px;
              height: 17.5px;
              margin-left: 10px;
              background: url("../../web/img/goto-icon.png") center center no-repeat;
              background-size: 100%; }
    .main .welcome .page4 .home_content .index_news {
      background: #eeeeee;
      padding: 0 17px 64px 17px;
      overflow: hidden; }
      @media (max-width: 1024px) {
        .main .welcome .page4 .home_content .index_news {
          padding: 0 0.2rem 20px;
          height: auto !important; } }
      .main .welcome .page4 .home_content .index_news .con {
        margin-top: 50px; }
        @media (max-width: 1024px) {
          .main .welcome .page4 .home_content .index_news .con {
            margin-top: 12px !important; } }
        .main .welcome .page4 .home_content .index_news .con h4 {
          font-size: 38px;
          color: #333333;
          line-height: 60px;
          text-align: center;
          font-weight: inherit; }
          @media (max-width: 1024px) {
            .main .welcome .page4 .home_content .index_news .con h4 {
              line-height: 44px;
              font-size: 26px;
              margin-top: 24px; } }
          @media (max-width: 750px) {
            .main .welcome .page4 .home_content .index_news .con h4 {
              line-height: 30px;
              font-size: 22px; } }
        .main .welcome .page4 .home_content .index_news .con .slider {
          margin-top: 46px;
          overflow: hidden;
          position: relative; }
          @media (max-width: 1920px) and (max-height: 850px) {
            .main .welcome .page4 .home_content .index_news .con .slider {
              margin-top: 14px; } }
          @media (max-width: 1024px) {
            .main .welcome .page4 .home_content .index_news .con .slider {
              display: none; } }
          .main .welcome .page4 .home_content .index_news .con .slider ul {
            overflow: hidden;
            position: relative; }
            .main .welcome .page4 .home_content .index_news .con .slider ul li {
              width: 49.575%;
              float: left;
              background: #fff;
              margin-right: 0.95%; }
              .main .welcome .page4 .home_content .index_news .con .slider ul li .left {
                width: 31.55%;
                float: left; }
                .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con {
                  padding: 30px 41px 0; }
                  @media (max-width: 1600px) {
                    .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con {
                      padding: 30px 20px 0; } }
                  .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .tit {
                    font-size: 14px;
                    color: #ed6d00;
                    line-height: 30px; }
                  .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .txt {
                    display: block;
                    font-size: 14px;
                    color: #333333;
                    line-height: 24px; }
                  .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .time {
                    font-size: 12px;
                    color: #666666;
                    line-height: 20px;
                    margin-top: 46px; }
                    @media (max-width: 1400px) {
                      .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .time {
                        margin-top: 20px; } }
                    @media (max-width: 1200px) {
                      .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .time {
                        margin-top: 10px; } }
                  .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .more {
                    text-align: left;
                    font-size: 0;
                    margin-top: 62px;
                    display: block; }
                    @media (max-width: 1500px) {
                      .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .more {
                        margin-top: 30px; } }
                    @media (max-width: 1400px) {
                      .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .more {
                        margin-top: 20px; } }
                    @media (max-width: 1200px) {
                      .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .more {
                        margin-top: 10px; } }
                    .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .more span {
                      font-size: 14px;
                      color: #486cdc;
                      line-height: 20px;
                      text-align: center;
                      display: inline-block;
                      margin: 0 5px 0 0; }
                    .main .welcome .page4 .home_content .index_news .con .slider ul li .left .left_con .more .icon {
                      width: 6px;
                      height: 10px;
                      background: url(../img/more_icon.png) no-repeat;
                      background-size: cover;
                      display: inline-block;
                      text-align: center;
                      margin: 0 5px; }
              .main .welcome .page4 .home_content .index_news .con .slider ul li .right {
                width: 68.45%;
                float: left; }
                .main .welcome .page4 .home_content .index_news .con .slider ul li .right a {
                  display: block;
                  overflow: hidden; }
                  .main .welcome .page4 .home_content .index_news .con .slider ul li .right a img {
                    width: 100%;
                    display: block;
                    transition: all 0.5s; }
                .main .welcome .page4 .home_content .index_news .con .slider ul li .right a:hover img {
                  transform: scale(1.05); }
          .main .welcome .page4 .home_content .index_news .con .slider ol {
            display: none;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            text-align: center;
            font-size: 0;
            z-index: 10; }
            .main .welcome .page4 .home_content .index_news .con .slider ol li {
              cursor: pointer;
              width: 9px;
              height: 9px;
              border-radius: 100%;
              display: inline-block;
              text-align: center;
              margin: 0 5px;
              border: 2px solid #939393;
              background: #939393; }
            .main .welcome .page4 .home_content .index_news .con .slider ol li.active {
              background: none; }
          .main .welcome .page4 .home_content .index_news .con .slider .slider-button {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            width: 36px;
            height: 60px;
            background: rgba(0, 0, 0, 0.4); }
            .main .welcome .page4 .home_content .index_news .con .slider .slider-button.slider-button-next {
              right: 0; }
              .main .welcome .page4 .home_content .index_news .con .slider .slider-button.slider-button-next::after {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                display: block;
                content: "";
                width: 18px;
                height: 30px;
                background: url("../../web/img/goto-right-icon.png") center center no-repeat;
                background-size: 100%; }
            .main .welcome .page4 .home_content .index_news .con .slider .slider-button.slider-button-pre {
              display: none;
              left: 0; }
              .main .welcome .page4 .home_content .index_news .con .slider .slider-button.slider-button-pre::after {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                display: block;
                content: "";
                width: 18px;
                height: 30px;
                background: url("../../web/img/goto-left-icon.png") center center no-repeat;
                background-size: 100%; }
        .main .welcome .page4 .home_content .index_news .con .m_slider {
          margin-top: 14px;
          display: none; }
          @media (max-width: 1024px) {
            .main .welcome .page4 .home_content .index_news .con .m_slider {
              display: block; } }
          .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper {
            padding-bottom: 30px; }
            .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide {
              overflow: hidden; }
              .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a {
                background: #fff;
                display: block; }
                .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a .pic {
                  display: block;
                  overflow: hidden; }
                  .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a .pic img {
                    width: 100%;
                    display: block; }
                .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a .text {
                  padding: 2%; }
                  .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a .text h6 {
                    font-size: 16px;
                    color: #ed6d00;
                    font-weight: inherit;
                    line-height: 32px; }
                  .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a .text .txt {
                    font-size: 14px;
                    line-height: 20px;
                    height: 40px;
                    color: #333333;
                    overflow: hidden; }
                  .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-wrapper .swiper-slide a .text .time {
                    font-size: 12px;
                    color: #666666;
                    line-height: 24px; }
          .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-pagination.swiper-pagination-bullets {
            font-size: 0;
            bottom: 10px; }
            .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
              width: 6px;
              height: 6px;
              border-radius: 100%;
              display: inline-block;
              text-align: center;
              margin: 0 5px;
              border: 2px solid #939393;
              background: #939393;
              opacity: 1; }
            .main .welcome .page4 .home_content .index_news .con .m_slider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background: none; }
  .main .tiejia_net, .main .used_machinery, .main .iron_armor {
    overflow: hidden; }
    @media (max-width: 1024px) {
      .main .tiejia_net, .main .used_machinery, .main .iron_armor {
        width: 100% !important; } }
    .main .tiejia_net > div, .main .used_machinery > div, .main .iron_armor > div {
      overflow: hidden; }
    .main .tiejia_net .fp-auto-height, .main .used_machinery .fp-auto-height, .main .iron_armor .fp-auto-height {
      height: auto !important; }
    .main .tiejia_net .page1 .home_content, .main .tiejia_net .page2 .home_content, .main .tiejia_net .page3 .home_content, .main .tiejia_net .page4 .home_content, .main .used_machinery .page1 .home_content, .main .used_machinery .page2 .home_content, .main .used_machinery .page3 .home_content, .main .used_machinery .page4 .home_content, .main .iron_armor .page1 .home_content, .main .iron_armor .page2 .home_content, .main .iron_armor .page3 .home_content, .main .iron_armor .page4 .home_content {
      height: 100%; }
      .main .tiejia_net .page1 .home_content a, .main .tiejia_net .page2 .home_content a, .main .tiejia_net .page3 .home_content a, .main .tiejia_net .page4 .home_content a, .main .used_machinery .page1 .home_content a, .main .used_machinery .page2 .home_content a, .main .used_machinery .page3 .home_content a, .main .used_machinery .page4 .home_content a, .main .iron_armor .page1 .home_content a, .main .iron_armor .page2 .home_content a, .main .iron_armor .page3 .home_content a, .main .iron_armor .page4 .home_content a {
        display: block;
        width: 100%;
        height: 100%; }
      .main .tiejia_net .page1 .home_content .pic, .main .tiejia_net .page1 .home_content .m_pic, .main .tiejia_net .page2 .home_content .pic, .main .tiejia_net .page2 .home_content .m_pic, .main .tiejia_net .page3 .home_content .pic, .main .tiejia_net .page3 .home_content .m_pic, .main .tiejia_net .page4 .home_content .pic, .main .tiejia_net .page4 .home_content .m_pic, .main .used_machinery .page1 .home_content .pic, .main .used_machinery .page1 .home_content .m_pic, .main .used_machinery .page2 .home_content .pic, .main .used_machinery .page2 .home_content .m_pic, .main .used_machinery .page3 .home_content .pic, .main .used_machinery .page3 .home_content .m_pic, .main .used_machinery .page4 .home_content .pic, .main .used_machinery .page4 .home_content .m_pic, .main .iron_armor .page1 .home_content .pic, .main .iron_armor .page1 .home_content .m_pic, .main .iron_armor .page2 .home_content .pic, .main .iron_armor .page2 .home_content .m_pic, .main .iron_armor .page3 .home_content .pic, .main .iron_armor .page3 .home_content .m_pic, .main .iron_armor .page4 .home_content .pic, .main .iron_armor .page4 .home_content .m_pic {
        width: 100%;
        height: 100%;
        position: relative; }
        .main .tiejia_net .page1 .home_content .pic .tit, .main .tiejia_net .page1 .home_content .m_pic .tit, .main .tiejia_net .page2 .home_content .pic .tit, .main .tiejia_net .page2 .home_content .m_pic .tit, .main .tiejia_net .page3 .home_content .pic .tit, .main .tiejia_net .page3 .home_content .m_pic .tit, .main .tiejia_net .page4 .home_content .pic .tit, .main .tiejia_net .page4 .home_content .m_pic .tit, .main .used_machinery .page1 .home_content .pic .tit, .main .used_machinery .page1 .home_content .m_pic .tit, .main .used_machinery .page2 .home_content .pic .tit, .main .used_machinery .page2 .home_content .m_pic .tit, .main .used_machinery .page3 .home_content .pic .tit, .main .used_machinery .page3 .home_content .m_pic .tit, .main .used_machinery .page4 .home_content .pic .tit, .main .used_machinery .page4 .home_content .m_pic .tit, .main .iron_armor .page1 .home_content .pic .tit, .main .iron_armor .page1 .home_content .m_pic .tit, .main .iron_armor .page2 .home_content .pic .tit, .main .iron_armor .page2 .home_content .m_pic .tit, .main .iron_armor .page3 .home_content .pic .tit, .main .iron_armor .page3 .home_content .m_pic .tit, .main .iron_armor .page4 .home_content .pic .tit, .main .iron_armor .page4 .home_content .m_pic .tit {
          position: absolute;
          left: 0;
          top: 19%;
          width: 100%;
          color: #fff; }
          .main .tiejia_net .page1 .home_content .pic .tit h2, .main .tiejia_net .page1 .home_content .m_pic .tit h2, .main .tiejia_net .page2 .home_content .pic .tit h2, .main .tiejia_net .page2 .home_content .m_pic .tit h2, .main .tiejia_net .page3 .home_content .pic .tit h2, .main .tiejia_net .page3 .home_content .m_pic .tit h2, .main .tiejia_net .page4 .home_content .pic .tit h2, .main .tiejia_net .page4 .home_content .m_pic .tit h2, .main .used_machinery .page1 .home_content .pic .tit h2, .main .used_machinery .page1 .home_content .m_pic .tit h2, .main .used_machinery .page2 .home_content .pic .tit h2, .main .used_machinery .page2 .home_content .m_pic .tit h2, .main .used_machinery .page3 .home_content .pic .tit h2, .main .used_machinery .page3 .home_content .m_pic .tit h2, .main .used_machinery .page4 .home_content .pic .tit h2, .main .used_machinery .page4 .home_content .m_pic .tit h2, .main .iron_armor .page1 .home_content .pic .tit h2, .main .iron_armor .page1 .home_content .m_pic .tit h2, .main .iron_armor .page2 .home_content .pic .tit h2, .main .iron_armor .page2 .home_content .m_pic .tit h2, .main .iron_armor .page3 .home_content .pic .tit h2, .main .iron_armor .page3 .home_content .m_pic .tit h2, .main .iron_armor .page4 .home_content .pic .tit h2, .main .iron_armor .page4 .home_content .m_pic .tit h2 {
            font-size: 76px;
            line-height: 86px;
            text-align: center;
            font-weight: bold;
            text-shadow: 3px 5.196px 5px rgba(7, 0, 2, 0.08); }
            @media (max-width: 1366px) {
              .main .tiejia_net .page1 .home_content .pic .tit h2, .main .tiejia_net .page1 .home_content .m_pic .tit h2, .main .tiejia_net .page2 .home_content .pic .tit h2, .main .tiejia_net .page2 .home_content .m_pic .tit h2, .main .tiejia_net .page3 .home_content .pic .tit h2, .main .tiejia_net .page3 .home_content .m_pic .tit h2, .main .tiejia_net .page4 .home_content .pic .tit h2, .main .tiejia_net .page4 .home_content .m_pic .tit h2, .main .used_machinery .page1 .home_content .pic .tit h2, .main .used_machinery .page1 .home_content .m_pic .tit h2, .main .used_machinery .page2 .home_content .pic .tit h2, .main .used_machinery .page2 .home_content .m_pic .tit h2, .main .used_machinery .page3 .home_content .pic .tit h2, .main .used_machinery .page3 .home_content .m_pic .tit h2, .main .used_machinery .page4 .home_content .pic .tit h2, .main .used_machinery .page4 .home_content .m_pic .tit h2, .main .iron_armor .page1 .home_content .pic .tit h2, .main .iron_armor .page1 .home_content .m_pic .tit h2, .main .iron_armor .page2 .home_content .pic .tit h2, .main .iron_armor .page2 .home_content .m_pic .tit h2, .main .iron_armor .page3 .home_content .pic .tit h2, .main .iron_armor .page3 .home_content .m_pic .tit h2, .main .iron_armor .page4 .home_content .pic .tit h2, .main .iron_armor .page4 .home_content .m_pic .tit h2 {
                font-size: 66px;
                line-height: 76px; } }
            @media (max-width: 1024px) {
              .main .tiejia_net .page1 .home_content .pic .tit h2, .main .tiejia_net .page1 .home_content .m_pic .tit h2, .main .tiejia_net .page2 .home_content .pic .tit h2, .main .tiejia_net .page2 .home_content .m_pic .tit h2, .main .tiejia_net .page3 .home_content .pic .tit h2, .main .tiejia_net .page3 .home_content .m_pic .tit h2, .main .tiejia_net .page4 .home_content .pic .tit h2, .main .tiejia_net .page4 .home_content .m_pic .tit h2, .main .used_machinery .page1 .home_content .pic .tit h2, .main .used_machinery .page1 .home_content .m_pic .tit h2, .main .used_machinery .page2 .home_content .pic .tit h2, .main .used_machinery .page2 .home_content .m_pic .tit h2, .main .used_machinery .page3 .home_content .pic .tit h2, .main .used_machinery .page3 .home_content .m_pic .tit h2, .main .used_machinery .page4 .home_content .pic .tit h2, .main .used_machinery .page4 .home_content .m_pic .tit h2, .main .iron_armor .page1 .home_content .pic .tit h2, .main .iron_armor .page1 .home_content .m_pic .tit h2, .main .iron_armor .page2 .home_content .pic .tit h2, .main .iron_armor .page2 .home_content .m_pic .tit h2, .main .iron_armor .page3 .home_content .pic .tit h2, .main .iron_armor .page3 .home_content .m_pic .tit h2, .main .iron_armor .page4 .home_content .pic .tit h2, .main .iron_armor .page4 .home_content .m_pic .tit h2 {
                font-size: 0.52rem;
                line-height: 76px; } }
            @media (max-width: 640px) {
              .main .tiejia_net .page1 .home_content .pic .tit h2, .main .tiejia_net .page1 .home_content .m_pic .tit h2, .main .tiejia_net .page2 .home_content .pic .tit h2, .main .tiejia_net .page2 .home_content .m_pic .tit h2, .main .tiejia_net .page3 .home_content .pic .tit h2, .main .tiejia_net .page3 .home_content .m_pic .tit h2, .main .tiejia_net .page4 .home_content .pic .tit h2, .main .tiejia_net .page4 .home_content .m_pic .tit h2, .main .used_machinery .page1 .home_content .pic .tit h2, .main .used_machinery .page1 .home_content .m_pic .tit h2, .main .used_machinery .page2 .home_content .pic .tit h2, .main .used_machinery .page2 .home_content .m_pic .tit h2, .main .used_machinery .page3 .home_content .pic .tit h2, .main .used_machinery .page3 .home_content .m_pic .tit h2, .main .used_machinery .page4 .home_content .pic .tit h2, .main .used_machinery .page4 .home_content .m_pic .tit h2, .main .iron_armor .page1 .home_content .pic .tit h2, .main .iron_armor .page1 .home_content .m_pic .tit h2, .main .iron_armor .page2 .home_content .pic .tit h2, .main .iron_armor .page2 .home_content .m_pic .tit h2, .main .iron_armor .page3 .home_content .pic .tit h2, .main .iron_armor .page3 .home_content .m_pic .tit h2, .main .iron_armor .page4 .home_content .pic .tit h2, .main .iron_armor .page4 .home_content .m_pic .tit h2 {
                font-size: 0.42rem;
                line-height: 66px; } }
          .main .tiejia_net .page1 .home_content .pic .tit .txt, .main .tiejia_net .page1 .home_content .m_pic .tit .txt, .main .tiejia_net .page2 .home_content .pic .tit .txt, .main .tiejia_net .page2 .home_content .m_pic .tit .txt, .main .tiejia_net .page3 .home_content .pic .tit .txt, .main .tiejia_net .page3 .home_content .m_pic .tit .txt, .main .tiejia_net .page4 .home_content .pic .tit .txt, .main .tiejia_net .page4 .home_content .m_pic .tit .txt, .main .used_machinery .page1 .home_content .pic .tit .txt, .main .used_machinery .page1 .home_content .m_pic .tit .txt, .main .used_machinery .page2 .home_content .pic .tit .txt, .main .used_machinery .page2 .home_content .m_pic .tit .txt, .main .used_machinery .page3 .home_content .pic .tit .txt, .main .used_machinery .page3 .home_content .m_pic .tit .txt, .main .used_machinery .page4 .home_content .pic .tit .txt, .main .used_machinery .page4 .home_content .m_pic .tit .txt, .main .iron_armor .page1 .home_content .pic .tit .txt, .main .iron_armor .page1 .home_content .m_pic .tit .txt, .main .iron_armor .page2 .home_content .pic .tit .txt, .main .iron_armor .page2 .home_content .m_pic .tit .txt, .main .iron_armor .page3 .home_content .pic .tit .txt, .main .iron_armor .page3 .home_content .m_pic .tit .txt, .main .iron_armor .page4 .home_content .pic .tit .txt, .main .iron_armor .page4 .home_content .m_pic .tit .txt {
            font-size: 40px;
            line-height: 62px;
            text-align: center;
            text-shadow: 3px 5.196px 5px rgba(7, 0, 2, 0.08);
            margin-top: 22px; }
            @media (max-width: 1366px) {
              .main .tiejia_net .page1 .home_content .pic .tit .txt, .main .tiejia_net .page1 .home_content .m_pic .tit .txt, .main .tiejia_net .page2 .home_content .pic .tit .txt, .main .tiejia_net .page2 .home_content .m_pic .tit .txt, .main .tiejia_net .page3 .home_content .pic .tit .txt, .main .tiejia_net .page3 .home_content .m_pic .tit .txt, .main .tiejia_net .page4 .home_content .pic .tit .txt, .main .tiejia_net .page4 .home_content .m_pic .tit .txt, .main .used_machinery .page1 .home_content .pic .tit .txt, .main .used_machinery .page1 .home_content .m_pic .tit .txt, .main .used_machinery .page2 .home_content .pic .tit .txt, .main .used_machinery .page2 .home_content .m_pic .tit .txt, .main .used_machinery .page3 .home_content .pic .tit .txt, .main .used_machinery .page3 .home_content .m_pic .tit .txt, .main .used_machinery .page4 .home_content .pic .tit .txt, .main .used_machinery .page4 .home_content .m_pic .tit .txt, .main .iron_armor .page1 .home_content .pic .tit .txt, .main .iron_armor .page1 .home_content .m_pic .tit .txt, .main .iron_armor .page2 .home_content .pic .tit .txt, .main .iron_armor .page2 .home_content .m_pic .tit .txt, .main .iron_armor .page3 .home_content .pic .tit .txt, .main .iron_armor .page3 .home_content .m_pic .tit .txt, .main .iron_armor .page4 .home_content .pic .tit .txt, .main .iron_armor .page4 .home_content .m_pic .tit .txt {
                font-size: 30px;
                line-height: 52px; } }
            @media (max-width: 1024px) {
              .main .tiejia_net .page1 .home_content .pic .tit .txt, .main .tiejia_net .page1 .home_content .m_pic .tit .txt, .main .tiejia_net .page2 .home_content .pic .tit .txt, .main .tiejia_net .page2 .home_content .m_pic .tit .txt, .main .tiejia_net .page3 .home_content .pic .tit .txt, .main .tiejia_net .page3 .home_content .m_pic .tit .txt, .main .tiejia_net .page4 .home_content .pic .tit .txt, .main .tiejia_net .page4 .home_content .m_pic .tit .txt, .main .used_machinery .page1 .home_content .pic .tit .txt, .main .used_machinery .page1 .home_content .m_pic .tit .txt, .main .used_machinery .page2 .home_content .pic .tit .txt, .main .used_machinery .page2 .home_content .m_pic .tit .txt, .main .used_machinery .page3 .home_content .pic .tit .txt, .main .used_machinery .page3 .home_content .m_pic .tit .txt, .main .used_machinery .page4 .home_content .pic .tit .txt, .main .used_machinery .page4 .home_content .m_pic .tit .txt, .main .iron_armor .page1 .home_content .pic .tit .txt, .main .iron_armor .page1 .home_content .m_pic .tit .txt, .main .iron_armor .page2 .home_content .pic .tit .txt, .main .iron_armor .page2 .home_content .m_pic .tit .txt, .main .iron_armor .page3 .home_content .pic .tit .txt, .main .iron_armor .page3 .home_content .m_pic .tit .txt, .main .iron_armor .page4 .home_content .pic .tit .txt, .main .iron_armor .page4 .home_content .m_pic .tit .txt {
                font-size: 28px;
                line-height: 44px;
                padding: 0 0.24rem;
                margin-top: 10px; } }
            @media (max-width: 640px) {
              .main .tiejia_net .page1 .home_content .pic .tit .txt, .main .tiejia_net .page1 .home_content .m_pic .tit .txt, .main .tiejia_net .page2 .home_content .pic .tit .txt, .main .tiejia_net .page2 .home_content .m_pic .tit .txt, .main .tiejia_net .page3 .home_content .pic .tit .txt, .main .tiejia_net .page3 .home_content .m_pic .tit .txt, .main .tiejia_net .page4 .home_content .pic .tit .txt, .main .tiejia_net .page4 .home_content .m_pic .tit .txt, .main .used_machinery .page1 .home_content .pic .tit .txt, .main .used_machinery .page1 .home_content .m_pic .tit .txt, .main .used_machinery .page2 .home_content .pic .tit .txt, .main .used_machinery .page2 .home_content .m_pic .tit .txt, .main .used_machinery .page3 .home_content .pic .tit .txt, .main .used_machinery .page3 .home_content .m_pic .tit .txt, .main .used_machinery .page4 .home_content .pic .tit .txt, .main .used_machinery .page4 .home_content .m_pic .tit .txt, .main .iron_armor .page1 .home_content .pic .tit .txt, .main .iron_armor .page1 .home_content .m_pic .tit .txt, .main .iron_armor .page2 .home_content .pic .tit .txt, .main .iron_armor .page2 .home_content .m_pic .tit .txt, .main .iron_armor .page3 .home_content .pic .tit .txt, .main .iron_armor .page3 .home_content .m_pic .tit .txt, .main .iron_armor .page4 .home_content .pic .tit .txt, .main .iron_armor .page4 .home_content .m_pic .tit .txt {
                font-size: 18px;
                line-height: 24px; } }
      .main .tiejia_net .page1 .home_content .pic, .main .tiejia_net .page2 .home_content .pic, .main .tiejia_net .page3 .home_content .pic, .main .tiejia_net .page4 .home_content .pic, .main .used_machinery .page1 .home_content .pic, .main .used_machinery .page2 .home_content .pic, .main .used_machinery .page3 .home_content .pic, .main .used_machinery .page4 .home_content .pic, .main .iron_armor .page1 .home_content .pic, .main .iron_armor .page2 .home_content .pic, .main .iron_armor .page3 .home_content .pic, .main .iron_armor .page4 .home_content .pic {
        display: block; }
        @media (max-width: 1024px) {
          .main .tiejia_net .page1 .home_content .pic, .main .tiejia_net .page2 .home_content .pic, .main .tiejia_net .page3 .home_content .pic, .main .tiejia_net .page4 .home_content .pic, .main .used_machinery .page1 .home_content .pic, .main .used_machinery .page2 .home_content .pic, .main .used_machinery .page3 .home_content .pic, .main .used_machinery .page4 .home_content .pic, .main .iron_armor .page1 .home_content .pic, .main .iron_armor .page2 .home_content .pic, .main .iron_armor .page3 .home_content .pic, .main .iron_armor .page4 .home_content .pic {
            display: none; } }
      .main .tiejia_net .page1 .home_content .m_pic, .main .tiejia_net .page2 .home_content .m_pic, .main .tiejia_net .page3 .home_content .m_pic, .main .tiejia_net .page4 .home_content .m_pic, .main .used_machinery .page1 .home_content .m_pic, .main .used_machinery .page2 .home_content .m_pic, .main .used_machinery .page3 .home_content .m_pic, .main .used_machinery .page4 .home_content .m_pic, .main .iron_armor .page1 .home_content .m_pic, .main .iron_armor .page2 .home_content .m_pic, .main .iron_armor .page3 .home_content .m_pic, .main .iron_armor .page4 .home_content .m_pic {
        display: none; }
        @media (max-width: 1024px) {
          .main .tiejia_net .page1 .home_content .m_pic, .main .tiejia_net .page2 .home_content .m_pic, .main .tiejia_net .page3 .home_content .m_pic, .main .tiejia_net .page4 .home_content .m_pic, .main .used_machinery .page1 .home_content .m_pic, .main .used_machinery .page2 .home_content .m_pic, .main .used_machinery .page3 .home_content .m_pic, .main .used_machinery .page4 .home_content .m_pic, .main .iron_armor .page1 .home_content .m_pic, .main .iron_armor .page2 .home_content .m_pic, .main .iron_armor .page3 .home_content .m_pic, .main .iron_armor .page4 .home_content .m_pic {
            display: block; } }
    .main .tiejia_net .page2 .home_content .pic .tit, .main .tiejia_net .page2 .home_content .m_pic .tit, .main .used_machinery .page2 .home_content .pic .tit, .main .used_machinery .page2 .home_content .m_pic .tit, .main .iron_armor .page2 .home_content .pic .tit, .main .iron_armor .page2 .home_content .m_pic .tit {
      position: absolute;
      left: 0;
      top: 19%;
      width: 100%; }
      .main .tiejia_net .page2 .home_content .pic .tit h2, .main .tiejia_net .page2 .home_content .m_pic .tit h2, .main .used_machinery .page2 .home_content .pic .tit h2, .main .used_machinery .page2 .home_content .m_pic .tit h2, .main .iron_armor .page2 .home_content .pic .tit h2, .main .iron_armor .page2 .home_content .m_pic .tit h2 {
        color: #111111; }
      .main .tiejia_net .page2 .home_content .pic .tit .txt, .main .tiejia_net .page2 .home_content .m_pic .tit .txt, .main .used_machinery .page2 .home_content .pic .tit .txt, .main .used_machinery .page2 .home_content .m_pic .tit .txt, .main .iron_armor .page2 .home_content .pic .tit .txt, .main .iron_armor .page2 .home_content .m_pic .tit .txt {
        color: #222; }
    .main .tiejia_net .page2 .home_content .pic, .main .used_machinery .page2 .home_content .pic, .main .iron_armor .page2 .home_content .pic {
      display: block; }
      @media (max-width: 1024px) {
        .main .tiejia_net .page2 .home_content .pic, .main .used_machinery .page2 .home_content .pic, .main .iron_armor .page2 .home_content .pic {
          display: none; } }
    .main .tiejia_net .page2 .home_content .m_pic, .main .used_machinery .page2 .home_content .m_pic, .main .iron_armor .page2 .home_content .m_pic {
      display: none; }
      @media (max-width: 1024px) {
        .main .tiejia_net .page2 .home_content .m_pic, .main .used_machinery .page2 .home_content .m_pic, .main .iron_armor .page2 .home_content .m_pic {
          display: block; } }
    .main .tiejia_net .page3 .home_content .pic .tit, .main .tiejia_net .page3 .home_content .m_pic .tit, .main .used_machinery .page3 .home_content .pic .tit, .main .used_machinery .page3 .home_content .m_pic .tit, .main .iron_armor .page3 .home_content .pic .tit, .main .iron_armor .page3 .home_content .m_pic .tit {
      position: absolute;
      left: 0;
      top: 19%;
      width: 100%; }
      .main .tiejia_net .page3 .home_content .pic .tit h2, .main .tiejia_net .page3 .home_content .m_pic .tit h2, .main .used_machinery .page3 .home_content .pic .tit h2, .main .used_machinery .page3 .home_content .m_pic .tit h2, .main .iron_armor .page3 .home_content .pic .tit h2, .main .iron_armor .page3 .home_content .m_pic .tit h2 {
        color: #111111; }
      .main .tiejia_net .page3 .home_content .pic .tit .txt, .main .tiejia_net .page3 .home_content .m_pic .tit .txt, .main .used_machinery .page3 .home_content .pic .tit .txt, .main .used_machinery .page3 .home_content .m_pic .tit .txt, .main .iron_armor .page3 .home_content .pic .tit .txt, .main .iron_armor .page3 .home_content .m_pic .tit .txt {
        color: #222; }
    .main .tiejia_net .page3 .home_content .pic, .main .used_machinery .page3 .home_content .pic, .main .iron_armor .page3 .home_content .pic {
      display: block; }
      @media (max-width: 1024px) {
        .main .tiejia_net .page3 .home_content .pic, .main .used_machinery .page3 .home_content .pic, .main .iron_armor .page3 .home_content .pic {
          display: none; } }
    .main .tiejia_net .page3 .home_content .m_pic, .main .used_machinery .page3 .home_content .m_pic, .main .iron_armor .page3 .home_content .m_pic {
      display: none; }
      @media (max-width: 1024px) {
        .main .tiejia_net .page3 .home_content .m_pic, .main .used_machinery .page3 .home_content .m_pic, .main .iron_armor .page3 .home_content .m_pic {
          display: block; } }
    .main .tiejia_net .page4 .home_content .pic .tit, .main .tiejia_net .page4 .home_content .m_pic .tit, .main .used_machinery .page4 .home_content .pic .tit, .main .used_machinery .page4 .home_content .m_pic .tit, .main .iron_armor .page4 .home_content .pic .tit, .main .iron_armor .page4 .home_content .m_pic .tit {
      position: absolute;
      left: 0;
      top: 19%;
      width: 100%; }
      .main .tiejia_net .page4 .home_content .pic .tit .more, .main .tiejia_net .page4 .home_content .m_pic .tit .more, .main .used_machinery .page4 .home_content .pic .tit .more, .main .used_machinery .page4 .home_content .m_pic .tit .more, .main .iron_armor .page4 .home_content .pic .tit .more, .main .iron_armor .page4 .home_content .m_pic .tit .more {
        display: block;
        width: 236px;
        height: 52px;
        background: url(../img/more_btn.png) no-repeat;
        background-size: cover;
        margin: 68px auto 0;
        text-align: center;
        font-size: 0; }
        @media (max-width: 1024px) {
          .main .tiejia_net .page4 .home_content .pic .tit .more, .main .tiejia_net .page4 .home_content .m_pic .tit .more, .main .used_machinery .page4 .home_content .pic .tit .more, .main .used_machinery .page4 .home_content .m_pic .tit .more, .main .iron_armor .page4 .home_content .pic .tit .more, .main .iron_armor .page4 .home_content .m_pic .tit .more {
            width: 190px;
            height: 42px;
            line-height: 42px; } }
        .main .tiejia_net .page4 .home_content .pic .tit .more span, .main .tiejia_net .page4 .home_content .m_pic .tit .more span, .main .used_machinery .page4 .home_content .pic .tit .more span, .main .used_machinery .page4 .home_content .m_pic .tit .more span, .main .iron_armor .page4 .home_content .pic .tit .more span, .main .iron_armor .page4 .home_content .m_pic .tit .more span {
          font-size: 20px;
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          margin: 0 5px;
          color: #fff;
          transition: all 0.3s;
          line-height: 51px; }
          @media (max-width: 1024px) {
            .main .tiejia_net .page4 .home_content .pic .tit .more span, .main .tiejia_net .page4 .home_content .m_pic .tit .more span, .main .used_machinery .page4 .home_content .pic .tit .more span, .main .used_machinery .page4 .home_content .m_pic .tit .more span, .main .iron_armor .page4 .home_content .pic .tit .more span, .main .iron_armor .page4 .home_content .m_pic .tit .more span {
              font-size: 16px;
              line-height: inherit; } }
        .main .tiejia_net .page4 .home_content .pic .tit .more .icon, .main .tiejia_net .page4 .home_content .m_pic .tit .more .icon, .main .used_machinery .page4 .home_content .pic .tit .more .icon, .main .used_machinery .page4 .home_content .m_pic .tit .more .icon, .main .iron_armor .page4 .home_content .pic .tit .more .icon, .main .iron_armor .page4 .home_content .m_pic .tit .more .icon {
          width: 10px;
          height: 16px;
          background: url(../img/more_icon2.png) no-repeat;
          background-size: cover;
          display: inline-block;
          text-align: center;
          vertical-align: -9px;
          margin: 0 5px;
          transition: all 0.3s; }
      @media (min-width: 1024px) {
        .main .tiejia_net .page4 .home_content .pic .tit .more:hover span, .main .tiejia_net .page4 .home_content .m_pic .tit .more:hover span, .main .used_machinery .page4 .home_content .pic .tit .more:hover span, .main .used_machinery .page4 .home_content .m_pic .tit .more:hover span, .main .iron_armor .page4 .home_content .pic .tit .more:hover span, .main .iron_armor .page4 .home_content .m_pic .tit .more:hover span {
          margin: 0 10px; }
        .main .tiejia_net .page4 .home_content .pic .tit .more:hover .icon, .main .tiejia_net .page4 .home_content .m_pic .tit .more:hover .icon, .main .used_machinery .page4 .home_content .pic .tit .more:hover .icon, .main .used_machinery .page4 .home_content .m_pic .tit .more:hover .icon, .main .iron_armor .page4 .home_content .pic .tit .more:hover .icon, .main .iron_armor .page4 .home_content .m_pic .tit .more:hover .icon {
          margin: 0 10px; } }
    .main .tiejia_net .page4 .home_content .pic, .main .used_machinery .page4 .home_content .pic, .main .iron_armor .page4 .home_content .pic {
      display: block; }
      @media (max-width: 1024px) {
        .main .tiejia_net .page4 .home_content .pic, .main .used_machinery .page4 .home_content .pic, .main .iron_armor .page4 .home_content .pic {
          display: none; } }
    .main .tiejia_net .page4 .home_content .m_pic, .main .used_machinery .page4 .home_content .m_pic, .main .iron_armor .page4 .home_content .m_pic {
      display: none; }
      @media (max-width: 1024px) {
        .main .tiejia_net .page4 .home_content .m_pic, .main .used_machinery .page4 .home_content .m_pic, .main .iron_armor .page4 .home_content .m_pic {
          display: block; } }
  .main .tiejia_net .page1 .home_content a .pic .tit h2 {
    display: none; }
  .main .tiejia_net .page1 .home_content a .pic .tit .font {
    width: 234px;
    height: 81px;
    overflow: hidden;
    margin: 0 auto; }
    @media (max-width: 1366px) {
      .main .tiejia_net .page1 .home_content a .pic .tit .font {
        width: 224px;
        height: 78px; } }
    .main .tiejia_net .page1 .home_content a .pic .tit .font img {
      width: 100%;
      display: block; }
  .main .tiejia_net .page1 .home_content a .m_pic .tit h2 {
    display: none; }
  .main .tiejia_net .page1 .home_content a .m_pic .tit .font {
    width: 224px;
    height: 78px;
    overflow: hidden;
    margin: 0 auto; }
    @media (max-width: 640px) {
      .main .tiejia_net .page1 .home_content a .m_pic .tit .font {
        width: 110px;
        height: 38px; } }
    .main .tiejia_net .page1 .home_content a .m_pic .tit .font img {
      width: 100%;
      display: block; }
  .main .tiejia_net .page2 .home_content a .pic .tit .font, .main .tiejia_net .page3 .home_content a .pic .tit .font, .main .tiejia_net .page4 .home_content a .pic .tit .font {
    display: none; }
  .main .tiejia_net .page2 .home_content a .m_pic .tit .font, .main .tiejia_net .page3 .home_content a .m_pic .tit .font, .main .tiejia_net .page4 .home_content a .m_pic .tit .font {
    display: none; }
  .main .used_machinery .page1 .home_content .pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .used_machinery .page1 .home_content .pic .tit h2 {
      display: none; }
    .main .used_machinery .page1 .home_content .pic .tit .font {
      width: 408px;
      height: 86px;
      overflow: hidden;
      margin: 0 auto; }
      @media (max-width: 1366px) {
        .main .used_machinery .page1 .home_content .pic .tit .font {
          width: 398px;
          height: 84px; } }
      .main .used_machinery .page1 .home_content .pic .tit .font img {
        width: 100%;
        display: block; }
  .main .used_machinery .page1 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .used_machinery .page1 .home_content .m_pic .tit h2 {
      display: none; }
    .main .used_machinery .page1 .home_content .m_pic .tit .font {
      width: 398px;
      height: 84px;
      overflow: hidden;
      margin: 0 auto; }
      @media (max-width: 640px) {
        .main .used_machinery .page1 .home_content .m_pic .tit .font {
          width: 190px;
          height: 40px; } }
      .main .used_machinery .page1 .home_content .m_pic .tit .font img {
        width: 100%;
        display: block; }
  .main .used_machinery .page2 .home_content .pic .tit, .main .used_machinery .page2 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%;
    color: #fff; }
    .main .used_machinery .page2 .home_content .pic .tit h2, .main .used_machinery .page2 .home_content .m_pic .tit h2 {
      color: #fff; }
    .main .used_machinery .page2 .home_content .pic .tit .txt, .main .used_machinery .page2 .home_content .m_pic .tit .txt {
      color: #fff; }
    .main .used_machinery .page2 .home_content .pic .tit .font, .main .used_machinery .page2 .home_content .m_pic .tit .font {
      display: none; }
  .main .used_machinery .page3 .home_content .pic .tit, .main .used_machinery .page3 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%;
    color: #fff; }
    .main .used_machinery .page3 .home_content .pic .tit h2, .main .used_machinery .page3 .home_content .m_pic .tit h2 {
      color: #111; }
    .main .used_machinery .page3 .home_content .pic .tit .txt, .main .used_machinery .page3 .home_content .m_pic .tit .txt {
      color: #222; }
    .main .used_machinery .page3 .home_content .pic .tit .font, .main .used_machinery .page3 .home_content .m_pic .tit .font {
      display: none; }
  .main .used_machinery .page4 .home_content .pic .tit, .main .used_machinery .page4 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .used_machinery .page4 .home_content .pic .tit h2, .main .used_machinery .page4 .home_content .m_pic .tit h2 {
      color: #fff; }
    .main .used_machinery .page4 .home_content .pic .tit .txt, .main .used_machinery .page4 .home_content .m_pic .tit .txt {
      color: #fff; }
    .main .used_machinery .page4 .home_content .pic .tit .font, .main .used_machinery .page4 .home_content .m_pic .tit .font {
      display: none; }
  .main .iron_armor .page1 .home_content .pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .iron_armor .page1 .home_content .pic .tit h2 {
      display: none;
      color: #111; }
    .main .iron_armor .page1 .home_content .pic .tit .txt {
      color: #005cac; }
    .main .iron_armor .page1 .home_content .pic .tit .font {
      width: 671px;
      height: 66px;
      overflow: hidden;
      margin: 0 auto; }
      @media (max-width: 1366px) {
        .main .iron_armor .page1 .home_content .pic .tit .font {
          width: 661px;
          height: 65px; } }
      .main .iron_armor .page1 .home_content .pic .tit .font img {
        width: 100%;
        display: block; }
  .main .iron_armor .page1 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .iron_armor .page1 .home_content .m_pic .tit h2 {
      display: none;
      color: #111; }
    .main .iron_armor .page1 .home_content .m_pic .tit .txt {
      color: #005cac; }
    .main .iron_armor .page1 .home_content .m_pic .tit .font {
      width: 661px;
      height: 65px;
      overflow: hidden;
      margin: 0 auto; }
      @media (max-width: 1366px) {
        .main .iron_armor .page1 .home_content .m_pic .tit .font {
          width: 312px;
          height: 32px; } }
      .main .iron_armor .page1 .home_content .m_pic .tit .font img {
        width: 100%;
        display: block; }
  .main .iron_armor .page2 .home_content a {
    display: table; }
    .main .iron_armor .page2 .home_content a .pic {
      display: table-cell;
      vertical-align: middle; }
      @media (max-width: 1024px) {
        .main .iron_armor .page2 .home_content a .pic {
          display: none; } }
      .main .iron_armor .page2 .home_content a .pic .tit {
        position: inherit;
        left: inherit;
        top: inherit;
        width: 100%; }
        .main .iron_armor .page2 .home_content a .pic .tit h2 {
          color: #fff; }
        .main .iron_armor .page2 .home_content a .pic .tit .txt {
          color: #fff; }
        .main .iron_armor .page2 .home_content a .pic .tit .font {
          display: none; }
    .main .iron_armor .page2 .home_content a .m_pic {
      display: none; }
      @media (max-width: 1024px) {
        .main .iron_armor .page2 .home_content a .m_pic {
          display: table-cell;
          vertical-align: middle; } }
      .main .iron_armor .page2 .home_content a .m_pic .tit {
        position: inherit;
        left: inherit;
        top: inherit;
        width: 100%; }
        .main .iron_armor .page2 .home_content a .m_pic .tit h2 {
          color: #fff; }
        .main .iron_armor .page2 .home_content a .m_pic .tit .txt {
          color: #fff; }
        .main .iron_armor .page2 .home_content a .m_pic .tit .font {
          display: none; }
  .main .iron_armor .page3 .home_content .pic .tit, .main .iron_armor .page3 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .iron_armor .page3 .home_content .pic .tit h2, .main .iron_armor .page3 .home_content .m_pic .tit h2 {
      color: #111; }
    .main .iron_armor .page3 .home_content .pic .tit .txt, .main .iron_armor .page3 .home_content .m_pic .tit .txt {
      color: #222; }
    .main .iron_armor .page3 .home_content .pic .tit .font, .main .iron_armor .page3 .home_content .m_pic .tit .font {
      display: none; }
  .main .iron_armor .page4 .home_content .pic .tit, .main .iron_armor .page4 .home_content .m_pic .tit {
    position: absolute;
    left: 0;
    top: 19%;
    width: 100%; }
    .main .iron_armor .page4 .home_content .pic .tit h2, .main .iron_armor .page4 .home_content .m_pic .tit h2 {
      color: #111; }
    .main .iron_armor .page4 .home_content .pic .tit .txt, .main .iron_armor .page4 .home_content .m_pic .tit .txt {
      color: #222; }
    .main .iron_armor .page4 .home_content .pic .tit .font, .main .iron_armor .page4 .home_content .m_pic .tit .font {
      display: none; }
  .main .cloud_box {
    overflow: hidden; }
    @media (max-width: 1024px) {
      .main .cloud_box {
        padding-top: 0.6rem; } }
    .main .cloud_box .banner {
      height: 795px;
      position: relative; }
      @media (max-width: 1024px) {
        .main .cloud_box .banner {
          height: auto;
          background: none; } }
      .main .cloud_box .banner img {
        display: none; }
        @media (max-width: 1024px) {
          .main .cloud_box .banner img {
            display: block;
            width: 120%;
            margin-left: -10%; } }
        @media (max-width: 640px) {
          .main .cloud_box .banner img {
            width: 140%;
            margin-left: -20%; } }
        @media (max-width: 480px) {
          .main .cloud_box .banner img {
            width: 170%;
            margin-left: -35%; } }
      .main .cloud_box .banner .text {
        position: absolute;
        left: 0;
        top: 167px;
        width: 100%; }
        @media (max-width: 1024px) {
          .main .cloud_box .banner .text {
            top: 21%; } }
        .main .cloud_box .banner .text .tit {
          font-size: 60px;
          font-weight: bold;
          color: #fff;
          text-align: center;
          line-height: 86px; }
          @media (max-width: 1024px) {
            .main .cloud_box .banner .text .tit {
              font-size: 40px;
              line-height: 56px; } }
          @media (max-width: 640px) {
            .main .cloud_box .banner .text .tit {
              font-size: 30px;
              line-height: 46px; } }
        .main .cloud_box .banner .text .font {
          width: 243px;
          height: 56px;
          overflow: hidden;
          margin: 0 auto; }
          @media (max-width: 1024px) {
            .main .cloud_box .banner .text .font {
              width: 160px;
              height: 37px; } }
          @media (max-width: 640px) {
            .main .cloud_box .banner .text .font {
              width: 132px;
              height: 32px; } }
          .main .cloud_box .banner .text .font img {
            width: 100%;
            display: block;
            margin-left: 0; }
        .main .cloud_box .banner .text .txt {
          font-size: 36px;
          text-align: center;
          color: #fff;
          line-height: 62px;
          margin-top: 12px; }
          @media (max-width: 1024px) {
            .main .cloud_box .banner .text .txt {
              font-size: 20px;
              line-height: 46px;
              padding: 0 0.3rem; } }
          @media (max-width: 640px) {
            .main .cloud_box .banner .text .txt {
              margin-top: 8px;
              font-size: 18px;
              line-height: 42px; } }
    .main .cloud_box .box1 {
      padding: 50px 0;
      background: #eeeeee; }
      @media (max-width: 1024px) {
        .main .cloud_box .box1 {
          padding: 30px 0 0; } }
      .main .cloud_box .box1 .w1200 {
        padding: 0 1px; }
        .main .cloud_box .box1 .w1200 ul {
          overflow: hidden; }
          .main .cloud_box .box1 .w1200 ul li {
            width: 31.38%;
            float: left;
            background: #fff;
            margin-right: 2.92%;
            margin-bottom: 37px; }
            @media (max-width: 840px) {
              .main .cloud_box .box1 .w1200 ul li {
                width: 48.5%; } }
            @media (max-width: 520px) {
              .main .cloud_box .box1 .w1200 ul li {
                width: 100%;
                margin-bottom: 16px !important; } }
            .main .cloud_box .box1 .w1200 ul li .pic {
              width: 100%;
              height: 203px;
              overflow: hidden; }
              .main .cloud_box .box1 .w1200 ul li .pic img {
                width: 100%;
                display: block; }
            .main .cloud_box .box1 .w1200 ul li .text {
              padding: 0 20px 0 26px;
              height: 144px;
              overflow: hidden; }
              .main .cloud_box .box1 .w1200 ul li .text h5 {
                font-size: 18px;
                color: #3e3e3e;
                line-height: 32px;
                margin-top: 25px;
                font-weight: inherit; }
                @media (max-width: 1024px) {
                  .main .cloud_box .box1 .w1200 ul li .text h5 {
                    font-size: 16px;
                    line-height: 28px; } }
              .main .cloud_box .box1 .w1200 ul li .text .txt {
                font-size: 14px;
                color: #666666;
                line-height: 24px;
                margin-top: 8px; }
          @media (min-width: 841px) {
            .main .cloud_box .box1 .w1200 ul li:nth-child(3n) {
              margin-right: 0; } }
          @media (max-width: 840px) {
            .main .cloud_box .box1 .w1200 ul li:nth-child(2n) {
              margin-right: 0; } }
          @media (max-width: 520px) {
            .main .cloud_box .box1 .w1200 ul li {
              margin-right: 0; } }
    .main .cloud_box .box2 {
      background: #fff;
      padding-top: 42px; }
      @media (max-width: 1024px) {
        .main .cloud_box .box2 {
          padding-top: 30px; } }
      .main .cloud_box .box2 h3 {
        font-size: 38px;
        color: #111111;
        line-height: 64px;
        text-align: center;
        font-weight: inherit; }
        @media (max-width: 1024px) {
          .main .cloud_box .box2 h3 {
            font-size: 28px;
            line-height: 44px; } }
        @media (max-width: 1024px) {
          .main .cloud_box .box2 h3 {
            font-size: 28px;
            line-height: 44px; } }
        @media (max-width: 640px) {
          .main .cloud_box .box2 h3 {
            font-size: 24px;
            line-height: 36px; } }
      .main .cloud_box .box2 .list {
        margin-top: 42px;
        overflow: hidden; }
        @media (max-width: 1024px) {
          .main .cloud_box .box2 .list {
            margin-top: 30px;
            padding: 0 0.2rem; } }
        .main .cloud_box .box2 .list ul {
          overflow: hidden; }
          .main .cloud_box .box2 .list ul li {
            width: 25%;
            float: left;
            position: relative; }
            @media (max-width: 1024px) {
              .main .cloud_box .box2 .list ul li {
                width: 50%; } }
            @media (max-width: 520px) {
              .main .cloud_box .box2 .list ul li {
                width: 100%;
                margin-bottom: 16px !important; } }
            .main .cloud_box .box2 .list ul li .pic {
              width: 100%;
              overflow: hidden; }
              .main .cloud_box .box2 .list ul li .pic img {
                width: 100%;
                display: block; }
            .main .cloud_box .box2 .list ul li .text {
              position: absolute;
              left: 0;
              top: 0;
              height: 100%;
              width: 100%;
              display: table;
              opacity: 1;
              filter: alpha(opacity=100);
              transition: all 0.3s;
              z-index: 2; }
              .main .cloud_box .box2 .list ul li .text .table-cell {
                display: table-cell;
                vertical-align: middle; }
                .main .cloud_box .box2 .list ul li .text .table-cell .txt {
                  font-size: 30px;
                  color: #fff;
                  line-height: 40px;
                  text-align: center; }
                  @media (max-width: 1024px) {
                    .main .cloud_box .box2 .list ul li .text .table-cell .txt {
                      font-size: 24px;
                      line-height: 30px;
                      font-weight: bold; } }
                .main .cloud_box .box2 .list ul li .text .table-cell .m_play {
                  display: none;
                  width: 0.8rem;
                  height: 0.8rem;
                  margin: 0.2rem auto 0;
                  background: url(../img/video_icon.png) no-repeat;
                  background-size: contain; }
                  @media (max-width: 1024px) {
                    .main .cloud_box .box2 .list ul li .text .table-cell .m_play {
                      display: block; } }
            .main .cloud_box .box2 .list ul li .mark {
              width: 100%;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0;
              background: rgba(0, 0, 0, 0.3);
              opacity: 1;
              filter: alpha(opacity=100);
              transition: all 0.3s;
              z-index: 1; }
            .main .cloud_box .box2 .list ul li .play {
              width: 90px;
              height: 90px;
              background: url(../img/video_icon.png) no-repeat;
              background-size: contain;
              position: absolute;
              left: 50%;
              top: 50%;
              margin: -45px 0 0 -45px;
              opacity: 0;
              filter: alpha(opacity=0);
              transition: all 0.3s;
              cursor: pointer;
              z-index: 2;
              cursor: pointer; }
          @media (min-width: 1024px) {
            .main .cloud_box .box2 .list ul li:hover .text {
              opacity: 0;
              filter: alpha(opacity=0); }
            .main .cloud_box .box2 .list ul li:hover .mark {
              opacity: 0;
              filter: alpha(opacity=0); }
            .main .cloud_box .box2 .list ul li:hover .play {
              opacity: 1;
              filter: alpha(opacity=100); } }
    .main .cloud_box footer {
      margin-top: -1px; }
  .main .team {
    overflow: hidden;
    padding-top: 95px; }
    @media (max-width: 1024px) {
      .main .team {
        padding-top: 0.6rem; } }
    .main .team .content {
      padding-bottom: 80px; }
      @media (max-width: 1024px) {
        .main .team .content {
          padding-bottom: 30px; } }
      @media (max-width: 1220px) {
        .main .team .content .w1200 {
          width: 1000px; } }
      @media (max-width: 1024px) {
        .main .team .content .w1200 {
          width: 100%; } }
      .main .team .content .w1200 .banner {
        height: 679px; }
        @media (max-width: 1220px) {
          .main .team .content .w1200 .banner {
            height: 566px; } }
        @media (max-width: 1024px) {
          .main .team .content .w1200 .banner {
            height: auto;
            background: none;
            width: 108.6%;
            margin-left: -4.3%; } }
        .main .team .content .w1200 .banner img {
          display: none; }
          @media (max-width: 1024px) {
            .main .team .content .w1200 .banner img {
              display: block;
              width: 100%;
              margin-left: 0; } }
      .main .team .content .w1200 .con {
        margin-top: 40px; }
        @media (max-width: 1024px) {
          .main .team .content .w1200 .con {
            padding: 0 0.2rem;
            display: none; } }
        .main .team .content .w1200 .con .leader.employee {
          border-bottom: 1px solid #b2b2b2;
          padding-bottom: 40px;
          margin-bottom: 40px; }
          .main .team .content .w1200 .con .leader.employee .introduce {
            position: relative;
            display: block; }
            .main .team .content .w1200 .con .leader.employee .introduce .introduce_con {
              overflow: hidden;
              min-height: 475px; }
              @media (max-width: 1220px) {
                .main .team .content .w1200 .con .leader.employee .introduce .introduce_con {
                  min-height: 400px; } }
              .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .left {
                width: 399px;
                height: 475px;
                overflow: hidden;
                float: left; }
                @media (max-width: 1220px) {
                  .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .left {
                    width: 335px;
                    height: 400px; } }
                .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .left img {
                  width: 100%;
                  display: block; }
              .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right {
                width: 560px;
                float: left;
                margin-left: 122px; }
                @media (max-width: 1220px) {
                  .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right {
                    width: 460px;
                    margin-left: 110px; } }
                .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .name {
                  margin-top: 44px;
                  font-size: 24px;
                  color: #111111;
                  line-height: 38px;
                  text-align: center; }
                  @media (max-width: 1220px) {
                    .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .name {
                      margin-top: 30px; } }
                .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .position {
                  text-align: center;
                  font-size: 18px;
                  color: #111111;
                  line-height: 34px; }
                .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .experience {
                  font-size: 16px;
                  color: #111111;
                  line-height: 26px;
                  margin-top: 22px;
                  height: 182px;
                  /*原52px*/
                  text-align: left;
                  overflow: hidden; }
                .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .character {
                  margin-top: 56px;
                  /*原86px*/
                  font-size: 16px;
                  color: #666666;
                  line-height: 26px;
                  text-align: center;
                  word-break: keep-all;
                  word-wrap: break-word; }
                  @media (max-width: 1220px) {
                    .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .character {
                      margin-top: 36px; } }
                  .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .character p {
                    display: inline; }
                    @media (max-width: 1024px) {
                      .main .team .content .w1200 .con .leader.employee .introduce .introduce_con .right .character p {
                        display: block; } }
            .main .team .content .w1200 .con .leader.employee .introduce .controls {
              width: 686px;
              position: absolute;
              right: 56px;
              top: 383px;
              /*原280*/ }
              @media (max-width: 1220px) {
                .main .team .content .w1200 .con .leader.employee .introduce .controls {
                  width: 588px;
                  right: 30px;
                  top: 347px;
                  /*原216*/ } }
              .main .team .content .w1200 .con .leader.employee .introduce .controls span {
                width: 13px;
                height: 19px;
                position: absolute;
                cursor: pointer;
                transition: all 0.3s; }
              .main .team .content .w1200 .con .leader.employee .introduce .controls .prev {
                left: 0;
                top: 0;
                background: url(../img/team_prev.png) no-repeat; }
              .main .team .content .w1200 .con .leader.employee .introduce .controls .prev:hover {
                background: url(../img/team_prev_h.png) no-repeat; }
              .main .team .content .w1200 .con .leader.employee .introduce .controls .next {
                right: 0;
                top: 0;
                background: url(../img/team_next.png) no-repeat; }
              .main .team .content .w1200 .con .leader.employee .introduce .controls .next:hover {
                background: url(../img/team_next_h.png) no-repeat; }
          .main .team .content .w1200 .con .leader.employee .list {
            margin-top: 24px; }
            .main .team .content .w1200 .con .leader.employee .list ul {
              overflow: hidden; }
              .main .team .content .w1200 .con .leader.employee .list ul li {
                width: 220px;
                height: 261px;
                overflow: hidden;
                position: relative;
                cursor: pointer;
                float: left;
                margin-right: 24px; }
                @media (max-width: 1220px) {
                  .main .team .content .w1200 .con .leader.employee .list ul li {
                    width: 184px;
                    height: 218px;
                    margin-right: 20px; } }
                .main .team .content .w1200 .con .leader.employee .list ul li img {
                  width: 100%;
                  display: block;
                  transition: all 0.8s;
                  position: absolute;
                  left: 0;
                  top: 0; }
                .main .team .content .w1200 .con .leader.employee .list ul li .img1 {
                  opacity: 1;
                  filter: alpha(opacity=100); }
                .main .team .content .w1200 .con .leader.employee .list ul li .img2 {
                  opacity: 0;
                  filter: alpha(opacity=0); }
              .main .team .content .w1200 .con .leader.employee .list ul li:hover .img1 {
                opacity: 0;
                filter: alpha(opacity=0); }
              .main .team .content .w1200 .con .leader.employee .list ul li:hover .img2 {
                opacity: 1;
                filter: alpha(opacity=100); }
              .main .team .content .w1200 .con .leader.employee .list ul li:nth-child(5n) {
                margin-right: 0; }
              .main .team .content .w1200 .con .leader.employee .list ul li.vacancy {
                overflow: hidden; }
                .main .team .content .w1200 .con .leader.employee .list ul li.vacancy img {
                  width: 100%;
                  display: block;
                  opacity: 1; }
        .main .team .content .w1200 .con .employee {
          margin-bottom: 24px; }
          .main .team .content .w1200 .con .employee .list {
            margin-top: 24px; }
            .main .team .content .w1200 .con .employee .list ul {
              overflow: hidden; }
              .main .team .content .w1200 .con .employee .list ul li {
                width: 220px;
                height: 261px;
                overflow: hidden;
                position: relative;
                cursor: pointer;
                float: left;
                margin-right: 24px; }
                @media (max-width: 1220px) {
                  .main .team .content .w1200 .con .employee .list ul li {
                    width: 184px;
                    height: 218px;
                    margin-right: 20px; } }
                .main .team .content .w1200 .con .employee .list ul li img {
                  width: 100%;
                  display: block;
                  transition: all 0.8s;
                  position: absolute;
                  left: 0;
                  top: 0; }
                .main .team .content .w1200 .con .employee .list ul li .img1 {
                  opacity: 1;
                  filter: alpha(opacity=100); }
                .main .team .content .w1200 .con .employee .list ul li .img2 {
                  opacity: 0;
                  filter: alpha(opacity=0); }
              .main .team .content .w1200 .con .employee .list ul li:hover .img1 {
                opacity: 0;
                filter: alpha(opacity=0); }
              .main .team .content .w1200 .con .employee .list ul li:hover .img2 {
                opacity: 1;
                filter: alpha(opacity=100); }
              .main .team .content .w1200 .con .employee .list ul li:nth-child(5n) {
                margin-right: 0; }
              .main .team .content .w1200 .con .employee .list ul li.vacancy {
                overflow: hidden; }
                .main .team .content .w1200 .con .employee .list ul li.vacancy img {
                  width: 100%;
                  display: block;
                  opacity: 1; }
          .main .team .content .w1200 .con .employee .introduce {
            position: relative;
            display: none;
            margin-top: 24px; }
            .main .team .content .w1200 .con .employee .introduce .introduce_con {
              overflow: hidden;
              min-height: 475px; }
              @media (max-width: 1220px) {
                .main .team .content .w1200 .con .employee .introduce .introduce_con {
                  min-height: 400px; } }
              .main .team .content .w1200 .con .employee .introduce .introduce_con .left {
                width: 399px;
                height: 475px;
                overflow: hidden;
                float: left; }
                @media (max-width: 1220px) {
                  .main .team .content .w1200 .con .employee .introduce .introduce_con .left {
                    width: 335px;
                    height: 400px; } }
                .main .team .content .w1200 .con .employee .introduce .introduce_con .left img {
                  width: 100%;
                  display: block; }
              .main .team .content .w1200 .con .employee .introduce .introduce_con .right {
                width: 560px;
                float: left;
                margin-left: 122px; }
                @media (max-width: 1220px) {
                  .main .team .content .w1200 .con .employee .introduce .introduce_con .right {
                    width: 460px;
                    margin-left: 110px; } }
                .main .team .content .w1200 .con .employee .introduce .introduce_con .right .name {
                  margin-top: 44px;
                  font-size: 24px;
                  color: #111111;
                  line-height: 38px;
                  text-align: center; }
                  @media (max-width: 1220px) {
                    .main .team .content .w1200 .con .employee .introduce .introduce_con .right .name {
                      margin-top: 30px; } }
                .main .team .content .w1200 .con .employee .introduce .introduce_con .right .position {
                  text-align: center;
                  font-size: 18px;
                  color: #111111;
                  line-height: 34px; }
                .main .team .content .w1200 .con .employee .introduce .introduce_con .right .experience {
                  font-size: 16px;
                  color: #111111;
                  line-height: 26px;
                  margin-top: 22px;
                  height: 182px;
                  /*原52px*/
                  text-align: left;
                  overflow: hidden; }
                .main .team .content .w1200 .con .employee .introduce .introduce_con .right .character {
                  margin-top: 56px;
                  /*原86px*/
                  font-size: 16px;
                  color: #666666;
                  line-height: 26px;
                  text-align: center;
                  word-break: keep-all;
                  word-wrap: break-word; }
                  @media (max-width: 1220px) {
                    .main .team .content .w1200 .con .employee .introduce .introduce_con .right .character {
                      margin-top: 36px; } }
                  .main .team .content .w1200 .con .employee .introduce .introduce_con .right .character p {
                    display: inline; }
                    @media (max-width: 1024px) {
                      .main .team .content .w1200 .con .employee .introduce .introduce_con .right .character p {
                        display: block; } }
            .main .team .content .w1200 .con .employee .introduce .controls {
              width: 686px;
              position: absolute;
              right: 56px;
              top: 280px; }
              @media (max-width: 1220px) {
                .main .team .content .w1200 .con .employee .introduce .controls {
                  width: 588px;
                  right: 30px;
                  top: 216px; } }
              .main .team .content .w1200 .con .employee .introduce .controls span {
                width: 13px;
                height: 19px;
                position: absolute;
                cursor: pointer;
                transition: all 0.3s; }
              .main .team .content .w1200 .con .employee .introduce .controls .prev {
                left: 0;
                top: 0;
                background: url(../img/team_prev.png) no-repeat; }
              .main .team .content .w1200 .con .employee .introduce .controls .prev:hover {
                background: url(../img/team_prev_h.png) no-repeat; }
              .main .team .content .w1200 .con .employee .introduce .controls .next {
                right: 0;
                top: 0;
                background: url(../img/team_next.png) no-repeat; }
              .main .team .content .w1200 .con .employee .introduce .controls .next:hover {
                background: url(../img/team_next_h.png) no-repeat; }
      .main .team .content .w1200 .m_con {
        display: none;
        padding: 0 0.2rem;
        margin-top: 20px; }
        @media (max-width: 1024px) {
          .main .team .content .w1200 .m_con {
            display: block;
            margin-top: 0.2rem; } }
        .main .team .content .w1200 .m_con ul {
          overflow: hidden; }
          .main .team .content .w1200 .m_con ul li {
            float: left;
            width: 48.5%;
            margin-bottom: 24px; }
            @media (max-width: 750px) {
              .main .team .content .w1200 .m_con ul li {
                margin-bottom: 16px; } }
            @media (max-width: 480px) {
              .main .team .content .w1200 .m_con ul li {
                margin-bottom: 10px; } }
            .main .team .content .w1200 .m_con ul li a {
              display: block; }
              .main .team .content .w1200 .m_con ul li a img {
                width: 100%;
                display: block; }
          .main .team .content .w1200 .m_con ul li:nth-child(2n) {
            float: right; }
          .main .team .content .w1200 .m_con ul li.vacancy {
            overflow: hidden; }
            .main .team .content .w1200 .m_con ul li.vacancy img {
              width: 100%;
              display: block;
              opacity: 1; }
      .main .team .content .w1200 .pic {
        margin-top: 40px; }
        @media (max-width: 1024px) {
          .main .team .content .w1200 .pic {
            margin-top: 10px; } }
        .main .team .content .w1200 .pic img {
          width: 100%;
          display: block; }
      .main .team .content .w1200 .team_join {
        margin-top: 33px; }
        @media (max-width: 1024px) {
          .main .team .content .w1200 .team_join {
            margin-top: 20px; } }
        .main .team .content .w1200 .team_join .tit {
          position: relative; }
          .main .team .content .w1200 .team_join .tit .line {
            width: 100%;
            height: 1px;
            background: #b2b2b2;
            position: absolute;
            left: 0;
            top: 50%;
            z-index: 1; }
          .main .team .content .w1200 .team_join .tit .icon {
            width: 74px;
            height: 74px;
            background: url(../img/team_icon1.jpg) no-repeat;
            background-size: cover;
            margin: 0 auto;
            position: relative;
            z-index: 2; }
            @media (max-width: 1024px) {
              .main .team .content .w1200 .team_join .tit .icon {
                width: 54px;
                height: 54px; } }
        .main .team .content .w1200 .team_join .text {
          font-size: 30px;
          color: #333333;
          line-height: 50px;
          margin-top: 50px;
          text-align: center; }
          @media (max-width: 1024px) {
            .main .team .content .w1200 .team_join .text {
              font-size: 20px;
              line-height: 40px;
              margin-top: 20px; } }
        .main .team .content .w1200 .team_join .more {
          display: block;
          width: 211px;
          height: 57px;
          background: url(../img/more_icon1.png) no-repeat;
          background-size: cover;
          margin: 25px auto 0;
          line-height: 57px;
          text-align: center;
          font-size: 0; }
          @media (max-width: 1024px) {
            .main .team .content .w1200 .team_join .more {
              width: 155px;
              height: 42px;
              line-height: 42px;
              margin: 10px auto 0; } }
          .main .team .content .w1200 .team_join .more span {
            font-size: 20px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            margin: 0 5px;
            color: #fff;
            transition: all 0.3s; }
            @media (max-width: 1024px) {
              .main .team .content .w1200 .team_join .more span {
                font-size: 16px; } }
          .main .team .content .w1200 .team_join .more .icon {
            width: 10px;
            height: 16px;
            background: url(../img/more_icon2.png) no-repeat;
            background-size: cover;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            margin: 0 5px;
            transition: all 0.3s; }
        @media (min-width: 1024px) {
          .main .team .content .w1200 .team_join .more:hover span {
            margin: 0 10px; }
          .main .team .content .w1200 .team_join .more:hover .icon {
            margin: 0 10px; } }
  .main .team_info {
    overflow: hidden;
    padding-bottom: 40px; }
    @media (max-width: 1024px) {
      .main .team_info {
        padding-top: 0.6rem; } }
    .main .team_info .content {
      background: #fff; }
      @media (max-width: 1024px) {
        .main .team_info .content {
          padding: 0 0.2rem; } }
      .main .team_info .content .pic {
        width: 100%;
        overflow: hidden; }
        .main .team_info .content .pic img {
          width: 100%;
          display: block; }
      .main .team_info .content .text .name {
        margin-top: 30px;
        font-size: 16px;
        color: #111111;
        line-height: 28px;
        text-align: center; }
      .main .team_info .content .text .position {
        text-align: center;
        font-size: 14px;
        color: #111111;
        line-height: 24px; }
      .main .team_info .content .text .experience {
        font-size: 14px;
        color: #111111;
        line-height: 24px;
        margin-top: 14px;
        text-align: left;
        word-break: keep-all;
        word-wrap: break-word; }
      .main .team_info .content .text .character {
        margin-top: 26px;
        font-size: 14px;
        color: #666666;
        line-height: 22px;
        text-align: center; }
      .main .team_info .content .team_page {
        margin-top: 26px;
        text-align: center;
        font-size: 0; }
        .main .team_info .content .team_page a {
          display: inline-block;
          text-align: center;
          width: 84px;
          height: 35px;
          background: url(../img/more_icon1.png) no-repeat right center;
          background-size: cover;
          margin: 0 6px;
          vertical-align: middle;
          font-size: 0;
          line-height: 35px; }
          .main .team_info .content .team_page a span {
            font-size: 14px;
            color: #fff;
            line-height: 35px;
            display: inline-block;
            text-align: center;
            margin: 0 4px;
            vertical-align: middle; }
          .main .team_info .content .team_page a .icon {
            width: 8px;
            height: 14px;
            background: url(../img/page_prev1_h.png) no-repeat center center;
            display: inline-block;
            text-align: center;
            margin: 0 4px;
            vertical-align: -8px; }
        .main .team_info .content .team_page a.next .icon {
          background: url(../img/page_next1_h.png) no-repeat center center;
          display: inline-block; }
  .main .course {
    overflow: hidden; }
    .main .course .content .banner {
      height: 680px; }
      @media (max-height: 901px) {
        .main .course .content .banner {
          height: 600px; } }
      @media (max-height: 801px) {
        .main .course .content .banner {
          height: 600px; } }
      @media (max-height: 769px) {
        .main .course .content .banner {
          height: 500px; } }
      @media (max-height: 721px) {
        .main .course .content .banner {
          height: 420px; } }
      @media (max-width: 1220px) {
        .main .course .content .banner {
          height: 600px; } }
      @media (max-width: 1024px) {
        .main .course .content .banner {
          background: none !important;
          height: auto; } }
      .main .course .content .banner img {
        display: none;
        width: 100%; }
        @media (max-width: 1024px) {
          .main .course .content .banner img {
            display: block; } }
    .main .course .content .box1 {
      overflow: hidden;
      padding: 14px 0; }
      @media (max-width: 1024px) {
        .main .course .content .box1 {
          padding: 10px 0.2rem; } }
      .main .course .content .box1 .left {
        width: 38.89%;
        float: left;
        margin-left: 7.39%; }
        @media (max-width: 1300px) {
          .main .course .content .box1 .left {
            width: 45%;
            margin-left: 2%; } }
        @media (max-width: 1024px) {
          .main .course .content .box1 .left {
            width: 100%;
            margin-left: 0;
            float: inherit; } }
        .main .course .content .box1 .left h4 {
          font-size: 38px;
          line-height: 56px;
          color: #333333;
          font-weight: inherit;
          margin-top: 50px; }
          @media (max-width: 1300px) {
            .main .course .content .box1 .left h4 {
              margin-top: 20px; } }
          @media (max-width: 1024px) {
            .main .course .content .box1 .left h4 {
              line-height: 44px;
              text-align: center;
              font-size: 26px; } }
          @media (max-width: 750px) {
            .main .course .content .box1 .left h4 {
              line-height: 30px;
              font-size: 22px; } }
        .main .course .content .box1 .left .text {
          font-size: 16px;
          color: #333333;
          line-height: 28px;
          margin-top: 18px; }
          @media (max-width: 1024px) {
            .main .course .content .box1 .left .text {
              line-height: 24px;
              font-size: 14px;
              margin-top: 10px; } }
          .main .course .content .box1 .left .text strong {
            line-height: 34px;
            font-size: 20px;
            color: #fc5a07;
            font-weight: inherit; }
            @media (max-width: 1024px) {
              .main .course .content .box1 .left .text strong {
                line-height: 28px;
                font-size: 16px; } }
      .main .course .content .box1 .right {
        width: 48.75%;
        margin-right: 14px;
        float: right;
        overflow: hidden;
        height: 580px; }
        @media (max-width: 1300px) {
          .main .course .content .box1 .right {
            height: 540px; } }
        @media (max-width: 1024px) {
          .main .course .content .box1 .right {
            width: 100%;
            margin-right: 0;
            float: inherit;
            margin-top: 20px;
            height: auto;
            background: none !important; } }
        .main .course .content .box1 .right img {
          width: 100%;
          display: none; }
          @media (max-width: 1024px) {
            .main .course .content .box1 .right img {
              display: block; } }
    .main .course .content .box2 {
      background: #eeeeee;
      padding-top: 95px;
      padding-bottom: 76px; }
      @media (max-width: 1024px) {
        .main .course .content .box2 {
          padding-top: 30px;
          padding-bottom: 36px; } }
      .main .course .content .box2 h4 {
        font-size: 38px;
        line-height: 56px;
        color: #333333;
        font-weight: inherit;
        text-align: center; }
        @media (max-width: 1024px) {
          .main .course .content .box2 h4 {
            line-height: 44px;
            text-align: center;
            font-size: 26px; } }
        @media (max-width: 750px) {
          .main .course .content .box2 h4 {
            line-height: 30px;
            font-size: 22px; } }
      .main .course .content .box2 .w1600.pc {
        width: 1600px;
        margin: 0 auto 0;
        transition: all 0.3s; }
        @media (max-width: 1620px) {
          .main .course .content .box2 .w1600.pc {
            width: 1371px; } }
        @media (max-width: 1383px) {
          .main .course .content .box2 .w1600.pc {
            width: 1171px; } }
        @media (max-width: 1183px) {
          .main .course .content .box2 .w1600.pc {
            width: 972px; } }
        @media (max-width: 1024px) {
          .main .course .content .box2 .w1600.pc {
            display: none; } }
        .main .course .content .box2 .w1600.pc .prev {
          width: 21px;
          height: 37px;
          background: url(../img/course_prev.png) no-repeat;
          background-size: cover;
          float: left;
          margin-top: 270px;
          cursor: pointer; }
        .main .course .content .box2 .w1600.pc .star {
          margin-left: 36px;
          float: left;
          width: 52px;
          font-size: 16px;
          color: #414141;
          line-height: 118px;
          margin-top: 229px;
          border-right: 2px solid #777777; }
        .main .course .content .box2 .w1600.pc .w1375 {
          width: 1375px;
          float: left;
          overflow: hidden;
          padding: 200px 0 174px 0;
          position: relative;
          transition: all 0.3s; }
          @media (max-width: 1620px) {
            .main .course .content .box2 .w1600.pc .w1375 {
              width: 1146px; } }
          @media (max-width: 1383px) {
            .main .course .content .box2 .w1600.pc .w1375 {
              width: 946px; } }
          @media (max-width: 1183px) {
            .main .course .content .box2 .w1600.pc .w1375 {
              width: 747px; } }
          .main .course .content .box2 .w1600.pc .w1375 .slider {
            position: relative; }
            .main .course .content .box2 .w1600.pc .w1375 .slider .line {
              width: 84px;
              height: 26px;
              background: url(../img/course_line.jpg) no-repeat;
              float: left;
              margin-top: 64px; }
            .main .course .content .box2 .w1600.pc .w1375 .slider ul {
              position: relative;
              float: left; }
              .main .course .content .box2 .w1600.pc .w1375 .slider ul li {
                height: 191px;
                float: left;
                position: relative;
                transition: all 0.3s; }
                .main .course .content .box2 .w1600.pc .w1375 .slider ul li .text {
                  position: absolute;
                  left: 0;
                  bottom: 191px;
                  width: 150%;
                  margin-left: -25%;
                  opacity: 0;
                  filter: alpha(opacity=0);
                  transition: all 0.5s; }
                  .main .course .content .box2 .w1600.pc .w1375 .slider ul li .text .txt {
                    font-size: 16px;
                    color: #333333;
                    line-height: 24px;
                    text-align: center; }
                  .main .course .content .box2 .w1600.pc .w1375 .slider ul li .text h5 {
                    line-height: 50px;
                    text-align: center;
                    font-size: 30px;
                    color: #fc5a07;
                    font-family: 'Arial'; }
              .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(odd) {
                width: 200px;
                background: url(../img/course_top.jpg) no-repeat center top; }
              .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(even) {
                width: 200px;
                background: url(../img/course_bot.jpg) no-repeat center bottom; }
                .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(even) .text {
                  top: 191px; }
              .main .course .content .box2 .w1600.pc .w1375 .slider ul li.show .text {
                opacity: 1;
                filter: alpha(opacity=100); }
              @media (min-width: 1620px) {
                .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(6) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(5) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(4) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(3) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(2) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(1) .text {
                  opacity: 1;
                  filter: alpha(opacity=100); } }
              @media (max-width: 1619px) and (min-width: 1384px) {
                .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(5) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(4) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(3) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(2) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(1) .text {
                  opacity: 1;
                  filter: alpha(opacity=100); } }
              @media (max-width: 1383px) and (min-width: 1184px) {
                .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(4) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(3) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(2) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(1) .text {
                  opacity: 1;
                  filter: alpha(opacity=100); } }
              @media (max-width: 1183px) {
                .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(3) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(2) .text, .main .course .content .box2 .w1600.pc .w1375 .slider ul li:nth-child(1) .text {
                  opacity: 1;
                  filter: alpha(opacity=100); } }
            .main .course .content .box2 .w1600.pc .w1375 .slider ul:after {
              clear: both;
              display: block;
              content: ''; }
          .main .course .content .box2 .w1600.pc .w1375 .slider:after {
            clear: both;
            display: block;
            content: ''; }
        .main .course .content .box2 .w1600.pc .end {
          margin-right: 36px;
          float: left;
          width: 52px;
          font-size: 16px;
          color: #414141;
          line-height: 118px;
          border-left: 2px solid #777777;
          text-align: right;
          margin-top: 229px; }
        .main .course .content .box2 .w1600.pc .next {
          width: 21px;
          height: 37px;
          background: url(../img/course_next.png) no-repeat;
          background-size: cover;
          float: left;
          margin-top: 270px;
          cursor: pointer; }
      .main .course .content .box2 .w1600:after {
        clear: both;
        display: block;
        content: ''; }
      .main .course .content .box2 .m {
        display: none;
        padding: 120px 0; }
        @media (max-width: 1024px) {
          .main .course .content .box2 .m {
            display: block; } }
        .main .course .content .box2 .m .swiper-container {
          overflow: inherit; }
          .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide {
            height: 128px;
            float: left;
            position: relative;
            transition: all 0.3s; }
            .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide .text {
              position: absolute;
              left: 0;
              bottom: 128px;
              width: 100%;
              opacity: 1;
              filter: alpha(opacity=100);
              transition: all 0.5s; }
              .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide .text .txt {
                font-size: 14px;
                color: #333333;
                line-height: 20px;
                text-align: center; }
              .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide .text h5 {
                line-height: 40px;
                text-align: center;
                font-size: 20px;
                color: #fc5a07;
                font-family: 'Arial'; }
          .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd) {
            width: 200px;
            background: url(../img/course_top_m.jpg) no-repeat center top; }
          .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide:nth-child(even) {
            width: 200px;
            background: url(../img/course_bot_m.jpg) no-repeat center bottom; }
            .main .course .content .box2 .m .swiper-container .swiper-wrapper .swiper-slide:nth-child(even) .text {
              top: 128px; }
          .main .course .content .box2 .m .swiper-container .swiper-button-prev {
            width: 21px;
            height: 37px;
            margin-top: -18px;
            background: url(../img/course_prev_h.png) no-repeat; }
          .main .course .content .box2 .m .swiper-container .swiper-button-next {
            width: 21px;
            height: 37px;
            margin-top: -18px;
            background: url(../img/course_next_h.png) no-repeat; }
  .main .news {
    overflow: hidden;
    padding-bottom: 75px; }
    @media (max-width: 1024px) {
      .main .news {
        padding-bottom: 40px; } }
    .main .news .content .banner {
      height: 680px; }
      @media (max-height: 901px) {
        .main .news .content .banner {
          height: 600px; } }
      @media (max-height: 801px) {
        .main .news .content .banner {
          height: 600px; } }
      @media (max-height: 769px) {
        .main .news .content .banner {
          height: 500px; } }
      @media (max-height: 721px) {
        .main .news .content .banner {
          height: 420px; } }
      @media (max-width: 1220px) {
        .main .news .content .banner {
          height: 600px; } }
      @media (max-width: 1024px) {
        .main .news .content .banner {
          background: none !important;
          height: auto; } }
      .main .news .content .banner .flexslider {
        height: 100%; }
        .main .news .content .banner .flexslider .slides {
          height: 100%; }
          .main .news .content .banner .flexslider .slides li {
            height: 100%; }
        .main .news .content .banner .flexslider .flex-control-nav {
          bottom: 30px;
          line-height: 0; }
          @media (max-width: 1024px) {
            .main .news .content .banner .flexslider .flex-control-nav {
              bottom: 15px; } }
          .main .news .content .banner .flexslider .flex-control-nav li {
            margin: 0 5px; }
            .main .news .content .banner .flexslider .flex-control-nav li a {
              width: 9px;
              height: 9px;
              border-radius: 100%;
              display: inline-block;
              text-align: center;
              border: 2px solid #fff;
              background: #fff; }
              @media (max-width: 1024px) {
                .main .news .content .banner .flexslider .flex-control-nav li a {
                  width: 6px;
                  height: 6px; } }
              .main .news .content .banner .flexslider .flex-control-nav li a.flex-active {
                background: none; }
      .main .news .content .banner img {
        display: none;
        width: 140%;
        margin-left: -20%; }
        @media (max-width: 1024px) {
          .main .news .content .banner img {
            display: block; } }
        @media (max-width: 640px) {
          .main .news .content .banner img {
            width: 160%;
            margin-left: -30%; } }
    .main .news .content .list {
      margin-top: 50px; }
      @media (max-width: 1024px) {
        .main .news .content .list {
          margin-top: 0.2rem;
          padding: 0 0.5rem; } }
      @media (max-width: 750px) {
        .main .news .content .list {
          padding: 0; } }
      .main .news .content .list .classification {
        margin-bottom: 50px; }
        @media (max-width: 1024px) {
          .main .news .content .list .classification {
            margin-bottom: 0.2rem; } }
        .main .news .content .list .classification ul {
          text-align: center;
          font-size: 0; }
          .main .news .content .list .classification ul li {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            width: 211px;
            height: 57px;
            line-height: 57px;
            margin: 0 19px; }
            @media (max-width: 1024px) {
              .main .news .content .list .classification ul li {
                width: 155px;
                height: 42px;
                line-height: 42px;
                margin: 0 10px; } }
            @media (max-width: 500px) {
              .main .news .content .list .classification ul li {
                width: 141px;
                height: 38px;
                line-height: 38px;
                margin: 0 4px; } }
            .main .news .content .list .classification ul li a {
              display: block;
              text-align: center;
              font-size: 0;
              background: url(../img/more_icon3.png) no-repeat;
              background-size: cover;
              transition: all 0.3s; }
              .main .news .content .list .classification ul li a span {
                font-size: 20px;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                margin: 0 5px;
                color: #fff;
                transition: all 0.3s; }
                @media (max-width: 1024px) {
                  .main .news .content .list .classification ul li a span {
                    font-size: 16px; } }
              .main .news .content .list .classification ul li a .icon {
                width: 10px;
                height: 16px;
                background: url(../img/more_icon2.png) no-repeat;
                background-size: cover;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                margin: 0 5px;
                transition: all 0.3s; }
            @media (min-width: 1024px) {
              .main .news .content .list .classification ul li a:hover {
                background: url(../img/more_icon1.png) no-repeat; }
                .main .news .content .list .classification ul li a:hover span {
                  margin: 0 10px; }
                .main .news .content .list .classification ul li a:hover .icon {
                  margin: 0 10px; } }
            .main .news .content .list .classification ul li.active a {
              background: url(../img/more_icon1.png) no-repeat; }
              .main .news .content .list .classification ul li.active a span {
                margin: 0 10px; }
              .main .news .content .list .classification ul li.active a .icon {
                margin: 0 10px; }
      .main .news .content .list .w1200 ul {
        overflow: hidden; }
        .main .news .content .list .w1200 ul li {
          width: 31.25%;
          float: left;
          background: #eeeeee;
          margin-right: 3.08%;
          margin-bottom: 36px; }
          @media (max-width: 1150px) {
            .main .news .content .list .w1200 ul li {
              margin-right: 2.08%;
              margin-bottom: 26px; } }
          @media (max-width: 1080px) {
            .main .news .content .list .w1200 ul li {
              margin-bottom: 18px; } }
          @media (max-width: 1024px) {
            .main .news .content .list .w1200 ul li {
              width: 49%;
              margin-right: 2%; } }
          @media (max-width: 750px) {
            .main .news .content .list .w1200 ul li {
              margin-bottom: 12px; } }
          @media (max-width: 580px) {
            .main .news .content .list .w1200 ul li {
              margin-bottom: 8px; } }
          @media (max-width: 480px) {
            .main .news .content .list .w1200 ul li {
              width: 100%;
              margin-bottom: 0.2rem; } }
          .main .news .content .list .w1200 ul li a {
            padding: 30px 30px 21px 30px;
            display: block; }
            @media (max-width: 1150px) {
              .main .news .content .list .w1200 ul li a {
                padding: 30px 20px 21px 20px; } }
            @media (max-width: 1080px) {
              .main .news .content .list .w1200 ul li a {
                padding: 20px 14px 14px 14px; } }
            .main .news .content .list .w1200 ul li a .pic {
              width: 100%;
              height: 54px; }
              .main .news .content .list .w1200 ul li a .pic img {
                height: 100%;
                max-width: 100%;
                display: block; }
            .main .news .content .list .w1200 ul li a .time {
              line-height: 24px;
              font-size: 14px;
              color: #666666;
              margin-top: 46px; }
              @media (max-width: 1024px) {
                .main .news .content .list .w1200 ul li a .time {
                  margin-top: 26px;
                  line-height: 20px;
                  font-size: 12px; } }
            .main .news .content .list .w1200 ul li a .text {
              margin-top: 15px;
              font-size: 16px;
              color: #111111;
              line-height: 28px;
              overflow: hidden;
              height: 84px;
              transition: all 0.5s; }
              @media (max-width: 1024px) {
                .main .news .content .list .w1200 ul li a .text {
                  margin-top: 8px;
                  font-size: 14px;
                  line-height: 24px;
                  height: 48px; } }
          @media (min-width: 1024px) {
            .main .news .content .list .w1200 ul li a:hover .text {
              color: #fc5a07; } }
        @media (min-width: 1024px) {
          .main .news .content .list .w1200 ul li:nth-child(3n) {
            margin-right: 0; } }
        @media (max-width: 1024px) {
          .main .news .content .list .w1200 ul li:nth-child(2n) {
            margin-right: 0; } }
        @media (max-width: 480px) {
          .main .news .content .list .w1200 ul li {
            margin-right: 0; } }
      .main .news .content .list .w1200 .more {
        display: block;
        width: 211px;
        height: 57px;
        background: url(../img/more_icon1.png) no-repeat;
        background-size: cover;
        margin: 44px auto 0;
        line-height: 57px;
        text-align: center;
        font-size: 0; }
        @media (max-width: 1024px) {
          .main .news .content .list .w1200 .more {
            width: 155px;
            height: 42px;
            line-height: 42px;
            margin: 24px auto 0; } }
        .main .news .content .list .w1200 .more span {
          font-size: 20px;
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          margin: 0 5px;
          color: #fff;
          transition: all 0.3s; }
          @media (max-width: 1024px) {
            .main .news .content .list .w1200 .more span {
              font-size: 16px; } }
        .main .news .content .list .w1200 .more .icon {
          width: 10px;
          height: 16px;
          background: url(../img/more_icon2.png) no-repeat;
          background-size: cover;
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          margin: 0 5px;
          transition: all 0.3s; }
      @media (min-width: 1024px) {
        .main .news .content .list .w1200 .more:hover span {
          margin: 0 10px; }
        .main .news .content .list .w1200 .more:hover .icon {
          margin: 0 10px; } }
  .main .news_info {
    overflow: hidden;
    padding-bottom: 75px; }
    @media (max-width: 1024px) {
      .main .news_info {
        padding-bottom: 40px; } }
    .main .news_info .content {
      background: #fff; }
      .main .news_info .content .banner {
        height: 680px; }
        @media (max-height: 901px) {
          .main .news_info .content .banner {
            height: 600px; } }
        @media (max-height: 801px) {
          .main .news_info .content .banner {
            height: 600px; } }
        @media (max-height: 769px) {
          .main .news_info .content .banner {
            height: 500px; } }
        @media (max-height: 721px) {
          .main .news_info .content .banner {
            height: 420px; } }
        @media (max-width: 1220px) {
          .main .news_info .content .banner {
            height: 600px; } }
        @media (max-width: 1024px) {
          .main .news_info .content .banner {
            background: none !important;
            height: auto; } }
        .main .news_info .content .banner .flexslider {
          height: 100%; }
          .main .news_info .content .banner .flexslider .slides {
            height: 100%; }
            .main .news_info .content .banner .flexslider .slides li {
              height: 100%; }
          .main .news_info .content .banner .flexslider .flex-control-nav {
            bottom: 30px;
            line-height: 0; }
            @media (max-width: 1024px) {
              .main .news_info .content .banner .flexslider .flex-control-nav {
                bottom: 15px; } }
            .main .news_info .content .banner .flexslider .flex-control-nav li {
              margin: 0 5px; }
              .main .news_info .content .banner .flexslider .flex-control-nav li a {
                width: 9px;
                height: 9px;
                border-radius: 100%;
                display: inline-block;
                text-align: center;
                border: 2px solid #fff;
                background: #fff; }
                @media (max-width: 1024px) {
                  .main .news_info .content .banner .flexslider .flex-control-nav li a {
                    width: 6px;
                    height: 6px; } }
                .main .news_info .content .banner .flexslider .flex-control-nav li a.flex-active {
                  background: none; }
        .main .news_info .content .banner img {
          display: none;
          width: 140%;
          margin-left: -20%; }
          @media (max-width: 1024px) {
            .main .news_info .content .banner img {
              display: block; } }
          @media (max-width: 640px) {
            .main .news_info .content .banner img {
              width: 160%;
              margin-left: -30%; } }
      .main .news_info .content .w1200 {
        padding-top: 40px; }
        @media (max-width: 1220px) {
          .main .news_info .content .w1200 {
            width: 1000px; } }
        @media (max-width: 1024px) {
          .main .news_info .content .w1200 {
            width: 94%;
            padding: 20px 3% 0; } }
        .main .news_info .content .w1200 .retrun {
          display: inline-block;
          margin-bottom: 30px; }
          .main .news_info .content .w1200 .retrun i {
            width: 8px;
            height: 14px;
            display: block;
            float: left;
            margin-top: 6px;
            transition: all 0.5s;
            background: url(../img/page_prev1.png) no-repeat; }
          .main .news_info .content .w1200 .retrun span {
            font-size: 12px;
            color: #666;
            margin-left: 10px;
            line-height: 24px;
            float: left;
            transition: all 0.5s; }
        .main .news_info .content .w1200 .retrun:after {
          clear: both;
          display: block;
          content: ''; }
        .main .news_info .content .w1200 .retrun:hover i {
          transform: translateX(-4px); }
        .main .news_info .content .w1200 .retrun:hover span {
          color: #000; }
        .main .news_info .content .w1200 .time {
          overflow: hidden;
          padding-bottom: 10px; }
          .main .news_info .content .w1200 .time .time_l {
            float: left;
            font-size: 14px;
            color: #666666;
            line-height: 24px; }
          .main .news_info .content .w1200 .time .link {
            float: right;
            font-size: 14px;
            color: #666666;
            line-height: 24px;
            display: block;
            transition: all 0.5s; }
          .main .news_info .content .w1200 .time .link:hover {
            color: #000; }
        .main .news_info .content .w1200 .text {
          margin-top: 10px;
          border-top: 1px solid #eee;
          border-bottom: 1px solid #eee;
          font-size: 14px;
          color: #444;
          line-height: 28px;
          padding: 40px 0 40px;
          margin-bottom: 30px; }
          @media (max-width: 1024px) {
            .main .news_info .content .w1200 .text {
              margin-top: 10px;
              padding: 20px 0;
              margin-bottom: 20px; } }
          .main .news_info .content .w1200 .text img {
            max-width: 100%;
            height: auto !important; }
  .main .videoCon, .main .videoInfo {
    padding-top: 55px;
    padding-bottom: 75px; }
    @media (max-width: 1220px) {
      .main .videoCon.w1200, .main .videoInfo.w1200 {
        width: 1000px; } }
    @media (max-width: 1024px) {
      .main .videoCon.w1200, .main .videoInfo.w1200 {
        width: 100%;
        padding-top: .6rem; } }
    .main .videoCon .video, .main .videoInfo .video {
      object-fit: fill; }
    .main .videoCon .videoList, .main .videoInfo .videoList {
      float: left;
      width: 100%; }
      .main .videoCon .videoList li, .main .videoInfo .videoList li {
        position: relative;
        float: left;
        width: 48.66%;
        margin-bottom: 32px;
        margin-right: 32px; }
        @media (min-width: 1001px) and (max-width: 1220px) {
          .main .videoCon .videoList li, .main .videoInfo .videoList li {
            width: 48.4%; } }
        @media (max-width: 1024px) {
          .main .videoCon .videoList li, .main .videoInfo .videoList li {
            width: 100%;
            height: auto;
            margin-right: 0; } }
        .main .videoCon .videoList li .poster, .main .videoInfo .videoList li .poster {
          width: 100%;
          object-fit: fill; }
        .main .videoCon .videoList li .icon-player, .main .videoInfo .videoList li .icon-player {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 52px;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .main .videoCon .videoList li .hover-mask, .main .videoInfo .videoList li .hover-mask {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0;
          transition: all 0.5s;
          background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%); }
        .main .videoCon .videoList li .content, .main .videoInfo .videoList li .content {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 15px;
          transition: all 0.5s;
          overflow: hidden;
          z-index: 2;
          box-sizing: border-box;
          background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
          .main .videoCon .videoList li .content p, .main .videoInfo .videoList li .content p {
            color: #fff;
            text-align: left; }
            .main .videoCon .videoList li .content p.title, .main .videoInfo .videoList li .content p.title {
              line-height: 10px; }
              .main .videoCon .videoList li .content p.title .text, .main .videoInfo .videoList li .content p.title .text {
                display: inline-block;
                max-width: 90%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 20px;
                font-size: 20px;
                letter-spacing: .35px; }
                @media (max-width: 1024px) {
                  .main .videoCon .videoList li .content p.title .text, .main .videoInfo .videoList li .content p.title .text {
                    font-size: 16px; } }
            .main .videoCon .videoList li .content p.desc, .main .videoInfo .videoList li .content p.desc {
              padding-top: 12px;
              display: none;
              font-size: 14px;
              line-height: 21px;
              letter-spacing: .25px;
              text-align: justify; }
        .main .videoCon .videoList li:hover .hover-mask, .main .videoInfo .videoList li:hover .hover-mask {
          height: 100%; }
        .main .videoCon .videoList li:hover .content, .main .videoInfo .videoList li:hover .content {
          height: auto;
          background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); }
          .main .videoCon .videoList li:hover .content p.desc, .main .videoInfo .videoList li:hover .content p.desc {
            display: block; }
          .main .videoCon .videoList li:hover .content p.title::after, .main .videoInfo .videoList li:hover .content p.title::after {
            display: inline-block;
            content: "";
            width: 17.5px;
            height: 17.5px;
            margin-left: 6px;
            background: url("../../web/img/goto-icon.png") center center no-repeat;
            background-size: 100%; }
      @media (min-width: 841px) {
        .main .videoCon .videoList li:nth-child(2n), .main .videoInfo .videoList li:nth-child(2n) {
          margin-right: 0; } }
      @media (max-width: 840px) {
        .main .videoCon .videoList li:nth-child(2n), .main .videoInfo .videoList li:nth-child(2n) {
          margin-right: 0; } }
      @media (max-width: 520px) {
        .main .videoCon .videoList li, .main .videoInfo .videoList li {
          margin-right: 0; } }
    .main .videoCon .more, .main .videoInfo .more {
      clear: both;
      display: block;
      width: 211px;
      height: 57px;
      background: url(../img/more_icon1.png) no-repeat;
      background-size: cover;
      margin: 44px auto 0;
      line-height: 57px;
      text-align: center;
      font-size: 0; }
      @media (max-width: 1024px) {
        .main .videoCon .more, .main .videoInfo .more {
          width: 155px;
          height: 42px;
          line-height: 42px;
          margin: 24px auto 0; } }
      .main .videoCon .more span, .main .videoInfo .more span {
        font-size: 20px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin: 0 5px;
        color: #fff;
        transition: all 0.3s; }
        @media (max-width: 1024px) {
          .main .videoCon .more span, .main .videoInfo .more span {
            font-size: 16px; } }
      .main .videoCon .more .icon, .main .videoInfo .more .icon {
        width: 10px;
        height: 16px;
        background: url(../img/more_icon2.png) no-repeat;
        background-size: cover;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin: 0 5px;
        transition: all 0.3s; }
    @media (min-width: 1024px) {
      .main .videoCon .more:hover span, .main .videoInfo .more:hover span {
        margin: 0 10px; }
      .main .videoCon .more:hover .icon, .main .videoInfo .more:hover .icon {
        margin: 0 10px; } }
    @media (max-width: 1023px) {
      .main .videoCon .videoInfo-content, .main .videoInfo .videoInfo-content {
        padding: 0 3%; } }
    .main .videoCon .videoInfo-introduce, .main .videoInfo .videoInfo-introduce {
      opacity: 0.8;
      color: #333333;
      letter-spacing: 0.25px;
      font-size: 14px;
      margin-bottom: 60px; }
    .main .videoCon .videoInfo-title, .main .videoInfo .videoInfo-title {
      padding: 32px 0 16px 0;
      text-align: center;
      color: #333333;
      letter-spacing: 0.3px;
      font-size: 18px; }
    .main .videoCon .retrun, .main .videoInfo .retrun {
      display: inline-block;
      margin-bottom: 30px; }
      .main .videoCon .retrun i, .main .videoInfo .retrun i {
        width: 8px;
        height: 14px;
        display: block;
        float: left;
        margin-top: 6px;
        transition: all 0.5s;
        background: url(../img/page_prev1.png) no-repeat; }
      .main .videoCon .retrun span, .main .videoInfo .retrun span {
        font-size: 12px;
        color: #666;
        margin-left: 10px;
        line-height: 27px;
        float: left;
        transition: all 0.5s; }
    .main .videoCon .retrun:after, .main .videoInfo .retrun:after {
      clear: both;
      display: block;
      content: ''; }
    .main .videoCon .retrun:hover i, .main .videoInfo .retrun:hover i {
      transform: translateX(-4px); }
    .main .videoCon .retrun:hover span, .main .videoInfo .retrun:hover span {
      color: #000; }
  .main .recruitment {
    background: #eeeeee;
    overflow: hidden;
    padding-top: 95px;
    padding-bottom: 75px; }
    @media (max-width: 1024px) {
      .main .recruitment {
        padding-top: 0.6rem;
        padding-bottom: 40px; } }
    @media (max-width: 1220px) {
      .main .recruitment .content .w1200 {
        width: 1000px; } }
    @media (max-width: 1024px) {
      .main .recruitment .content .w1200 {
        width: 100%; } }
    .main .recruitment .content .w1200 .banner {
      height: 680px; }
      @media (max-width: 1220px) {
        .main .recruitment .content .w1200 .banner {
          height: 566px; } }
      @media (max-width: 1024px) {
        .main .recruitment .content .w1200 .banner {
          height: auto;
          background: none;
          width: 108.6%;
          margin-left: -4.3%; } }
      .main .recruitment .content .w1200 .banner img {
        display: none; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .banner img {
            display: block;
            width: 100%;
            margin-left: 0; } }
    .main .recruitment .content .w1200 .con .box1, .main .recruitment .content .w1200 .con .box2 {
      background: #fff;
      overflow: hidden; }
      .main .recruitment .content .w1200 .con .box1 h4, .main .recruitment .content .w1200 .con .box2 h4 {
        line-height: 56px;
        font-size: 38px;
        color: #111111;
        text-align: center;
        font-weight: inherit;
        transition: all 0.3s;
        margin-top: 61px; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box1 h4, .main .recruitment .content .w1200 .con .box2 h4 {
            line-height: 44px;
            font-size: 26px;
            margin-top: 41px; } }
        @media (max-width: 750px) {
          .main .recruitment .content .w1200 .con .box1 h4, .main .recruitment .content .w1200 .con .box2 h4 {
            line-height: 30px;
            font-size: 22px; } }
        @media (max-width: 640px) {
          .main .recruitment .content .w1200 .con .box1 h4, .main .recruitment .content .w1200 .con .box2 h4 {
            margin-top: 21px; } }
      .main .recruitment .content .w1200 .con .box1 .text, .main .recruitment .content .w1200 .con .box2 .text {
        font-size: 16px;
        color: #666666;
        line-height: 28px;
        margin-top: 15px;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box1 .text, .main .recruitment .content .w1200 .con .box2 .text {
            padding: 0 0.36rem; } }
        @media (max-width: 640px) {
          .main .recruitment .content .w1200 .con .box1 .text, .main .recruitment .content .w1200 .con .box2 .text {
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px; } }
      .main .recruitment .content .w1200 .con .box1 .pic, .main .recruitment .content .w1200 .con .box2 .pic {
        width: 100%;
        height: 680px;
        overflow: hidden;
        margin-top: 63px; }
        @media (max-width: 1220px) {
          .main .recruitment .content .w1200 .con .box1 .pic, .main .recruitment .content .w1200 .con .box2 .pic {
            height: 568px; } }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box1 .pic, .main .recruitment .content .w1200 .con .box2 .pic {
            margin-top: 43px; } }
        @media (max-width: 640px) {
          .main .recruitment .content .w1200 .con .box1 .pic, .main .recruitment .content .w1200 .con .box2 .pic {
            margin-top: 20px; } }
        .main .recruitment .content .w1200 .con .box1 .pic img, .main .recruitment .content .w1200 .con .box2 .pic img {
          width: 100%;
          display: block; }
    .main .recruitment .content .w1200 .con .box3 {
      background: #fff;
      overflow: hidden; }
      .main .recruitment .content .w1200 .con .box3 h4 {
        line-height: 56px;
        font-size: 38px;
        color: #111111;
        text-align: center;
        font-weight: inherit;
        transition: all 0.3s;
        margin-top: 61px; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box3 h4 {
            line-height: 44px;
            font-size: 26px;
            margin-top: 41px; } }
        @media (max-width: 750px) {
          .main .recruitment .content .w1200 .con .box3 h4 {
            line-height: 30px;
            font-size: 22px; } }
        @media (max-width: 640px) {
          .main .recruitment .content .w1200 .con .box3 h4 {
            margin-top: 21px; } }
      .main .recruitment .content .w1200 .con .box3 .text {
        font-size: 16px;
        color: #666666;
        line-height: 28px;
        margin-top: 15px;
        text-align: center; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box3 .text {
            padding: 0 0.4rem; } }
        @media (max-width: 640px) {
          .main .recruitment .content .w1200 .con .box3 .text {
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px; } }
      .main .recruitment .content .w1200 .con .box3 .list {
        margin-top: 63px; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box3 .list {
            margin-top: 43px; } }
        @media (max-width: 640px) {
          .main .recruitment .content .w1200 .con .box3 .list {
            margin-top: 20px;
            padding: 0 0.2rem; } }
        .main .recruitment .content .w1200 .con .box3 .list ul {
          overflow: hidden; }
          .main .recruitment .content .w1200 .con .box3 .list ul li {
            float: left;
            width: 33.33%;
            background: #fafafa; }
            @media (max-width: 640px) {
              .main .recruitment .content .w1200 .con .box3 .list ul li {
                width: 100%;
                float: inherit;
                overflow: hidden; } }
            .main .recruitment .content .w1200 .con .box3 .list ul li .padding {
              padding: 0 36px 15px; }
              @media (max-width: 1220px) {
                .main .recruitment .content .w1200 .con .box3 .list ul li .padding {
                  padding: 0 16px 15px; } }
              @media (max-width: 750px) {
                .main .recruitment .content .w1200 .con .box3 .list ul li .padding {
                  padding: 0 6px 10px; } }
              .main .recruitment .content .w1200 .con .box3 .list ul li .padding .icon {
                width: 71px;
                height: 62px;
                overflow: hidden;
                margin: 42px auto 0; }
                @media (max-width: 1024px) {
                  .main .recruitment .content .w1200 .con .box3 .list ul li .padding .icon {
                    margin: 22px auto 0;
                    width: 51px;
                    height: 44px; } }
                .main .recruitment .content .w1200 .con .box3 .list ul li .padding .icon img {
                  width: 100%;
                  display: block; }
              .main .recruitment .content .w1200 .con .box3 .list ul li .padding h5 {
                margin-top: 22px;
                font-size: 24px;
                color: #111111;
                line-height: 42px;
                text-align: center;
                font-weight: inherit; }
                @media (max-width: 1024px) {
                  .main .recruitment .content .w1200 .con .box3 .list ul li .padding h5 {
                    font-size: 20px;
                    line-height: 38px;
                    margin-top: 14px; } }
                @media (max-width: 750px) {
                  .main .recruitment .content .w1200 .con .box3 .list ul li .padding h5 {
                    font-size: 18px;
                    line-height: 34px;
                    margin-top: 10px; } }
              .main .recruitment .content .w1200 .con .box3 .list ul li .padding .text {
                font-size: 16px;
                color: #4d4d4d;
                line-height: 30px;
                text-align: center;
                margin-top: 23px;
                height: 150px; }
                @media (max-width: 1024px) {
                  .main .recruitment .content .w1200 .con .box3 .list ul li .padding .text {
                    margin-top: 14px;
                    font-size: 14px;
                    line-height: 24px;
                    height: 120px; } }
                @media (max-width: 750px) {
                  .main .recruitment .content .w1200 .con .box3 .list ul li .padding .text {
                    margin-top: 10px; } }
                @media (max-width: 640px) {
                  .main .recruitment .content .w1200 .con .box3 .list ul li .padding .text {
                    height: 96px; } }
          .main .recruitment .content .w1200 .con .box3 .list ul li:nth-child(2) {
            background: #ebebeb; }
    .main .recruitment .content .w1200 .con .box4 {
      background: #fff;
      overflow: hidden;
      padding-bottom: 109px; }
      @media (max-width: 1024px) {
        .main .recruitment .content .w1200 .con .box4 {
          padding-bottom: 20px; } }
      .main .recruitment .content .w1200 .con .box4 h5 {
        font-size: 30px;
        color: #333333;
        line-height: 48px;
        text-align: center;
        margin-top: 100px;
        font-weight: inherit; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box4 h5 {
            margin-top: 70px;
            font-size: 26px;
            line-height: 44px; } }
        @media (max-width: 750px) {
          .main .recruitment .content .w1200 .con .box4 h5 {
            font-size: 20px;
            line-height: 38px;
            margin-top: 20px; } }
      .main .recruitment .content .w1200 .con .box4 .list {
        margin-top: 34px; }
        @media (max-width: 1024px) {
          .main .recruitment .content .w1200 .con .box4 .list {
            margin-top: 24px; } }
        .main .recruitment .content .w1200 .con .box4 .list ul {
          text-align: center;
          font-size: 0; }
          .main .recruitment .content .w1200 .con .box4 .list ul li {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            width: 211px;
            height: 57px;
            line-height: 57px;
            margin: 0 19px; }
            @media (max-width: 1024px) {
              .main .recruitment .content .w1200 .con .box4 .list ul li {
                width: 155px;
                height: 42px;
                line-height: 42px;
                margin: 0 10px; } }
            @media (max-width: 640px) {
              .main .recruitment .content .w1200 .con .box4 .list ul li {
                display: block;
                text-align: center;
                margin: 0 auto 10px; } }
            .main .recruitment .content .w1200 .con .box4 .list ul li a {
              display: block;
              text-align: center;
              font-size: 0;
              background: url(../img/more_icon3.png) no-repeat;
              background-size: cover;
              transition: all 0.3s; }
              @media (max-width: 1024px) {
                .main .recruitment .content .w1200 .con .box4 .list ul li a {
                  background: url(../img/more_icon1.png) no-repeat;
                  background-size: cover; } }
              .main .recruitment .content .w1200 .con .box4 .list ul li a span {
                font-size: 20px;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                margin: 0 5px;
                color: #fff;
                transition: all 0.3s; }
                @media (max-width: 1024px) {
                  .main .recruitment .content .w1200 .con .box4 .list ul li a span {
                    font-size: 16px; } }
              .main .recruitment .content .w1200 .con .box4 .list ul li a .icon {
                width: 10px;
                height: 16px;
                background: url(../img/more_icon2.png) no-repeat;
                background-size: cover;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                margin: 0 5px;
                transition: all 0.3s; }
            @media (min-width: 1024px) {
              .main .recruitment .content .w1200 .con .box4 .list ul li a:hover {
                background: url(../img/more_icon1.png) no-repeat; }
                .main .recruitment .content .w1200 .con .box4 .list ul li a:hover span {
                  margin: 0 10px; }
                .main .recruitment .content .w1200 .con .box4 .list ul li a:hover .icon {
                  margin: 0 10px; } }
  .main .campus_recru, .main .social_recru {
    background: #eeeeee;
    overflow: hidden;
    padding-top: 95px;
    padding-bottom: 50px; }
    @media (max-width: 1024px) {
      .main .campus_recru, .main .social_recru {
        padding-top: 1.12rem;
        padding-bottom: 40px; } }
    @media (max-width: 1220px) {
      .main .campus_recru .content .w1200, .main .social_recru .content .w1200 {
        width: 1000px; } }
    @media (max-width: 1024px) {
      .main .campus_recru .content .w1200, .main .social_recru .content .w1200 {
        width: 100%; } }
    .main .campus_recru .content .w1200 .banner, .main .social_recru .content .w1200 .banner {
      height: 680px;
      position: relative; }
      @media (max-width: 1220px) {
        .main .campus_recru .content .w1200 .banner, .main .social_recru .content .w1200 .banner {
          height: 566px; } }
      @media (max-width: 1024px) {
        .main .campus_recru .content .w1200 .banner, .main .social_recru .content .w1200 .banner {
          height: auto;
          display: none; } }
      .main .campus_recru .content .w1200 .banner ul, .main .social_recru .content .w1200 .banner ul {
        width: 100%;
        height: 680px; }
        @media (max-width: 1220px) {
          .main .campus_recru .content .w1200 .banner ul, .main .social_recru .content .w1200 .banner ul {
            height: 566px; } }
        @media (max-width: 1024px) {
          .main .campus_recru .content .w1200 .banner ul, .main .social_recru .content .w1200 .banner ul {
            height: auto; } }
        .main .campus_recru .content .w1200 .banner ul li, .main .social_recru .content .w1200 .banner ul li {
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          height: 680px;
          z-index: 1; }
          @media (max-width: 1220px) {
            .main .campus_recru .content .w1200 .banner ul li, .main .social_recru .content .w1200 .banner ul li {
              height: 566px; } }
          @media (max-width: 1024px) {
            .main .campus_recru .content .w1200 .banner ul li, .main .social_recru .content .w1200 .banner ul li {
              height: auto;
              background: none;
              width: 108.6%;
              margin-left: -4.3%; } }
          .main .campus_recru .content .w1200 .banner ul li img, .main .social_recru .content .w1200 .banner ul li img {
            display: none; }
            @media (max-width: 1024px) {
              .main .campus_recru .content .w1200 .banner ul li img, .main .social_recru .content .w1200 .banner ul li img {
                display: block;
                width: 100%;
                margin-left: 0; } }
          .main .campus_recru .content .w1200 .banner ul li .more, .main .social_recru .content .w1200 .banner ul li .more {
            display: block;
            width: 159px;
            height: 45px;
            background: url(../img/but-bg.png) no-repeat;
            background-size: cover;
            margin: 68px auto 0;
            text-align: center;
            font-size: 0;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: 0 0 0 -79px;
            z-index: 100; }
            @media (max-width: 1024px) {
              .main .campus_recru .content .w1200 .banner ul li .more, .main .social_recru .content .w1200 .banner ul li .more {
                width: 159px;
                height: 45px;
                line-height: 45px;
                margin: 0 0 0 -79px; } }
            .main .campus_recru .content .w1200 .banner ul li .more span, .main .social_recru .content .w1200 .banner ul li .more span {
              font-size: 16px;
              display: inline-block;
              text-align: center;
              vertical-align: middle;
              margin: 0 5px;
              color: #fff;
              transition: all 0.3s;
              line-height: 44px; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .banner ul li .more span, .main .social_recru .content .w1200 .banner ul li .more span {
                  font-size: 16px;
                  line-height: inherit; } }
            .main .campus_recru .content .w1200 .banner ul li .more .icon, .main .social_recru .content .w1200 .banner ul li .more .icon {
              width: 8px;
              height: 12px;
              background: url(../img/jiantou.png) no-repeat;
              background-size: cover;
              display: inline-block;
              text-align: center;
              vertical-align: -7px;
              margin: 0 5px;
              transition: all 0.3s; }
          @media (min-width: 1024px) {
            .main .campus_recru .content .w1200 .banner ul li .more:hover span, .main .social_recru .content .w1200 .banner ul li .more:hover span {
              margin: 0 10px; }
            .main .campus_recru .content .w1200 .banner ul li .more:hover .icon, .main .social_recru .content .w1200 .banner ul li .more:hover .icon {
              margin: 0 10px; } }
      .main .campus_recru .content .w1200 .banner ol, .main .social_recru .content .w1200 .banner ol {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 50px;
        text-align: center;
        font-size: 0;
        z-index: 10; }
        .main .campus_recru .content .w1200 .banner ol li, .main .social_recru .content .w1200 .banner ol li {
          width: 9px;
          height: 9px;
          border-radius: 100%;
          display: inline-block;
          text-align: center;
          margin: 0 5px;
          border: 2px solid #fff;
          background: #fff;
          cursor: pointer; }
        .main .campus_recru .content .w1200 .banner ol li.active, .main .social_recru .content .w1200 .banner ol li.active {
          background: none; }
    .main .campus_recru .content .w1200 .m_banner, .main .social_recru .content .w1200 .m_banner {
      display: none;
      position: relative; }
      @media (max-width: 1024px) {
        .main .campus_recru .content .w1200 .m_banner, .main .social_recru .content .w1200 .m_banner {
          display: block; } }
      .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide {
        overflow: hidden; }
        .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide img, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide img {
          width: 100%;
          display: block; }
        .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more {
          display: block;
          background: url(../img/but-bg.png) no-repeat;
          background-size: cover;
          text-align: center;
          font-size: 0;
          position: absolute;
          left: 50%;
          top: 50%;
          z-index: 100;
          width: 120px;
          height: 34px;
          line-height: 34px;
          margin: 0 0 0 -60px; }
          .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more span, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more span {
            font-size: 14px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            margin: 0 5px;
            color: #fff;
            transition: all 0.3s;
            line-height: 34px; }
            @media (max-width: 1024px) {
              .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more span, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more span {
                font-size: 14px;
                line-height: inherit; } }
          .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more .icon, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-wrapper .swiper-slide .more .icon {
            width: 8px;
            height: 12px;
            background: url(../img/jiantou.png) no-repeat;
            background-size: cover;
            display: inline-block;
            text-align: center;
            vertical-align: -6px;
            margin: 0 5px;
            transition: all 0.3s; }
      .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-pagination.swiper-pagination-bullets, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-pagination.swiper-pagination-bullets {
        font-size: 0;
        bottom: 10px; }
        .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
          width: 6px;
          height: 6px;
          border-radius: 100%;
          display: inline-block;
          text-align: center;
          margin: 0 5px;
          border: 2px solid #fff;
          background: #fff;
          opacity: 1; }
        .main .campus_recru .content .w1200 .m_banner .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .main .social_recru .content .w1200 .m_banner .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: none; }
    .main .campus_recru .content .w1200 .con, .main .social_recru .content .w1200 .con {
      background: #fff;
      padding-bottom: 72px; }
      @media (max-width: 1024px) {
        .main .campus_recru .content .w1200 .con, .main .social_recru .content .w1200 .con {
          padding-bottom: 30px; } }
      .main .campus_recru .content .w1200 .con .pic, .main .social_recru .content .w1200 .con .pic {
        height: 680px;
        position: relative; }
        @media (max-width: 1220px) {
          .main .campus_recru .content .w1200 .con .pic, .main .social_recru .content .w1200 .con .pic {
            height: 566px; } }
        @media (max-width: 1024px) {
          .main .campus_recru .content .w1200 .con .pic, .main .social_recru .content .w1200 .con .pic {
            height: auto; } }
        .main .campus_recru .content .w1200 .con .pic img, .main .social_recru .content .w1200 .con .pic img {
          display: block;
          width: 100%; }
      .main .campus_recru .content .w1200 .con h4, .main .social_recru .content .w1200 .con h4 {
        line-height: 56px;
        font-size: 38px;
        color: #111111;
        text-align: center;
        font-weight: inherit;
        transition: all 0.3s;
        margin-top: 27px; }
        @media (max-width: 1024px) {
          .main .campus_recru .content .w1200 .con h4, .main .social_recru .content .w1200 .con h4 {
            line-height: 44px;
            font-size: 26px;
            margin-top: 16px; } }
        @media (max-width: 750px) {
          .main .campus_recru .content .w1200 .con h4, .main .social_recru .content .w1200 .con h4 {
            line-height: 30px;
            font-size: 20px; } }
        @media (max-width: 640px) {
          .main .campus_recru .content .w1200 .con h4, .main .social_recru .content .w1200 .con h4 {
            margin-top: 10px; } }
      .main .campus_recru .content .w1200 .con .list, .main .social_recru .content .w1200 .con .list {
        margin-top: 46px;
        padding: 0 26px 0 26px; }
        @media (max-width: 1024px) {
          .main .campus_recru .content .w1200 .con .list, .main .social_recru .content .w1200 .con .list {
            margin-top: 0px;
            padding: 0 0.2rem; } }
        .main .campus_recru .content .w1200 .con .list .list-header, .main .social_recru .content .w1200 .con .list .list-header {
          padding: 12px 3%;
          height: 30px;
          line-height: 30px;
          margin-top: 16px;
          border-top: 1px solid #b2b2b2;
          border-bottom: 1px solid #f5f5f5; }
          @media (max-width: 1024px) {
            .main .campus_recru .content .w1200 .con .list .list-header, .main .social_recru .content .w1200 .con .list .list-header {
              padding: 8px 3%;
              height: 24px;
              line-height: 24px;
              margin-top: 10px; } }
          .main .campus_recru .content .w1200 .con .list .list-header dl, .main .social_recru .content .w1200 .con .list .list-header dl {
            overflow: hidden; }
            .main .campus_recru .content .w1200 .con .list .list-header dl dd, .main .social_recru .content .w1200 .con .list .list-header dl dd {
              font-size: 14px;
              color: #333;
              float: left;
              font-weight: bold; }
            .main .campus_recru .content .w1200 .con .list .list-header dl .column1, .main .social_recru .content .w1200 .con .list .list-header dl .column1 {
              width: 30%; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-header dl .column1, .main .social_recru .content .w1200 .con .list .list-header dl .column1 {
                  width: 70%; } }
            .main .campus_recru .content .w1200 .con .list .list-header dl .column2, .main .social_recru .content .w1200 .con .list .list-header dl .column2 {
              width: 15%; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-header dl .column2, .main .social_recru .content .w1200 .con .list .list-header dl .column2 {
                  display: none; } }
            .main .campus_recru .content .w1200 .con .list .list-header dl .column3, .main .social_recru .content .w1200 .con .list .list-header dl .column3 {
              width: 20%; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-header dl .column3, .main .social_recru .content .w1200 .con .list .list-header dl .column3 {
                  width: 30%; } }
            .main .campus_recru .content .w1200 .con .list .list-header dl .column4, .main .social_recru .content .w1200 .con .list .list-header dl .column4 {
              width: 20%; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-header dl .column4, .main .social_recru .content .w1200 .con .list .list-header dl .column4 {
                  display: none; } }
            .main .campus_recru .content .w1200 .con .list .list-header dl .column5, .main .social_recru .content .w1200 .con .list .list-header dl .column5 {
              width: 14%; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-header dl .column5, .main .social_recru .content .w1200 .con .list .list-header dl .column5 {
                  display: none; } }
        .main .campus_recru .content .w1200 .con .list .list-body, .main .social_recru .content .w1200 .con .list .list-body {
          padding: 0 1%; }
          .main .campus_recru .content .w1200 .con .list .list-body ul li, .main .social_recru .content .w1200 .con .list .list-body ul li {
            padding: 0 2%; }
            .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit {
              padding: 12px 0;
              border-bottom: 2px dotted #f5f5f5; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit {
                  padding: 8px 0; } }
              .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl {
                overflow: hidden; }
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd {
                  font-size: 14px;
                  color: #666;
                  float: left;
                  line-height: 24px;
                  position: relative; }
                  .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd a, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd a {
                    font-size: 14px;
                    color: #333; }
                  @media (min-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd a:hover, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd a:hover {
                      color: #7b98f3; } }
                  .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd .icon, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd .icon {
                    width: 20px;
                    height: 10px;
                    background: url(../img/row-down.png) no-repeat;
                    background-size: cover;
                    position: absolute;
                    right: 0;
                    top: 0;
                    margin-top: 10px;
                    cursor: pointer; }
                    @media (max-width: 1024px) {
                      .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd .icon, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd .icon {
                        width: 16px;
                        height: 8px;
                        margin-top: 9px; } }
                  @media (min-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd .icon:hover, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl dd .icon:hover {
                      background: url(../img/row-down-h.png) no-repeat;
                      background-size: cover; } }
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column1, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column1 {
                  width: 30%; }
                  @media (max-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column1, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column1 {
                      width: 70%; } }
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column2, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column2 {
                  width: 15%; }
                  @media (max-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column2, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column2 {
                      display: none; } }
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3 {
                  width: 20%; }
                  @media (max-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3 {
                      width: 30%; } }
                  .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3 .icon, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3 .icon {
                    display: none; }
                    @media (max-width: 1024px) {
                      .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3 .icon, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column3 .icon {
                        display: block; } }
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column4, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column4 {
                  width: 20%; }
                  @media (max-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column4, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column4 {
                      display: none; } }
                .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column5, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column5 {
                  width: 14%; }
                  @media (max-width: 1024px) {
                    .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column5, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit dl .column5 {
                      display: none; } }
            .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit.active dl dd .icon, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit.active dl dd .icon {
              background: url(../img/row-up.png) no-repeat;
              background-size: cover; }
            @media (min-width: 1024px) {
              .main .campus_recru .content .w1200 .con .list .list-body ul li .li_tit.active dl dd .icon:hover, .main .social_recru .content .w1200 .con .list .list-body ul li .li_tit.active dl dd .icon:hover {
                background: url(../img/row-up-h.png) no-repeat;
                background-size: cover; } }
            .main .campus_recru .content .w1200 .con .list .list-body ul li .job-detail, .main .social_recru .content .w1200 .con .list .list-body ul li .job-detail {
              padding: 0 0 20px;
              display: none;
              border-bottom: 2px dotted #f5f5f5; }
              .main .campus_recru .content .w1200 .con .list .list-body ul li .job-detail .text h6, .main .social_recru .content .w1200 .con .list .list-body ul li .job-detail .text h6 {
                margin-top: 20px;
                font-size: 12px;
                color: #666;
                line-height: 24px;
                font-weight: inherit; }
                @media (max-width: 1024px) {
                  .main .campus_recru .content .w1200 .con .list .list-body ul li .job-detail .text h6, .main .social_recru .content .w1200 .con .list .list-body ul li .job-detail .text h6 {
                    margin-top: 10px;
                    line-height: 20px; } }
              .main .campus_recru .content .w1200 .con .list .list-body ul li .job-detail .text p, .main .social_recru .content .w1200 .con .list .list-body ul li .job-detail .text p {
                font-size: 12px;
                color: #666;
                line-height: 20px;
                margin: 1em 0; }
                @media (max-width: 1024px) {
                  .main .campus_recru .content .w1200 .con .list .list-body ul li .job-detail .text p, .main .social_recru .content .w1200 .con .list .list-body ul li .job-detail .text p {
                    margin: 0.5em 0; } }
              .main .campus_recru .content .w1200 .con .list .list-body ul li .job-detail .btn, .main .social_recru .content .w1200 .con .list .list-body ul li .job-detail .btn {
                width: 140px;
                height: 38px;
                background: url(../img/more_icon1.png) no-repeat;
                background-size: cover;
                font-size: 14px;
                text-align: center;
                line-height: 38px;
                color: #fff;
                display: block;
                margin-top: 20px; }
          .main .campus_recru .content .w1200 .con .list .list-body .page, .main .social_recru .content .w1200 .con .list .list-body .page {
            text-align: center;
            font-size: 0;
            margin-top: 53px; }
            @media (max-width: 1024px) {
              .main .campus_recru .content .w1200 .con .list .list-body .page, .main .social_recru .content .w1200 .con .list .list-body .page {
                margin-top: 30px; } }
            .main .campus_recru .content .w1200 .con .list .list-body .page span, .main .social_recru .content .w1200 .con .list .list-body .page span {
              width: 42px;
              height: 40px;
              border: 1px solid #d5d5d5;
              display: inline-block;
              text-align: center;
              margin: 0 4px;
              font-size: 24px;
              color: #666666;
              font-family: 'Arial';
              line-height: 40px;
              vertical-align: middle;
              transition: all 0.3s;
              padding: 0; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-body .page span, .main .social_recru .content .w1200 .con .list .list-body .page span {
                  width: 32px;
                  height: 30px;
                  font-size: 18px;
                  line-height: 30px;
                  margin: 0 3px; } }
            .main .campus_recru .content .w1200 .con .list .list-body .page a, .main .social_recru .content .w1200 .con .list .list-body .page a {
              width: 42px;
              height: 40px;
              border: 1px solid #d5d5d5;
              display: inline-block;
              text-align: center;
              margin: 0 4px;
              font-size: 24px;
              color: #666666;
              font-family: 'Arial';
              line-height: 40px;
              vertical-align: middle;
              transition: all 0.3s;
              padding: 0; }
              @media (max-width: 1024px) {
                .main .campus_recru .content .w1200 .con .list .list-body .page a, .main .social_recru .content .w1200 .con .list .list-body .page a {
                  width: 32px;
                  height: 30px;
                  font-size: 18px;
                  line-height: 30px;
                  margin: 0 3px; } }
            .main .campus_recru .content .w1200 .con .list .list-body .page a.active, .main .social_recru .content .w1200 .con .list .list-body .page a.active {
              background: #7b98f3;
              color: #fff; }
            .main .campus_recru .content .w1200 .con .list .list-body .page .laypage_curr, .main .social_recru .content .w1200 .con .list .list-body .page .laypage_curr {
              background: #7b98f3;
              color: #fff; }
            .main .campus_recru .content .w1200 .con .list .list-body .page a.laypage_prev, .main .social_recru .content .w1200 .con .list .list-body .page a.laypage_prev {
              background: url(../img/page_prev1.png) no-repeat center center; }
            .main .campus_recru .content .w1200 .con .list .list-body .page a.laypage_next, .main .social_recru .content .w1200 .con .list .list-body .page a.laypage_next {
              background: url(../img/page_next1.png) no-repeat center center; }
            @media (min-width: 1024px) {
              .main .campus_recru .content .w1200 .con .list .list-body .page a:hover, .main .social_recru .content .w1200 .con .list .list-body .page a:hover {
                background: #7b98f3;
                color: #fff; }
              .main .campus_recru .content .w1200 .con .list .list-body .page a.laypage_prev:hover, .main .social_recru .content .w1200 .con .list .list-body .page a.laypage_prev:hover {
                background: #7b98f3 url(../img/page_prev1_h.png) no-repeat center center; }
              .main .campus_recru .content .w1200 .con .list .list-body .page a.laypage_next:hover, .main .social_recru .content .w1200 .con .list .list-body .page a.laypage_next:hover {
                background: #7b98f3 url(../img/page_next1_h.png) no-repeat center center; } }
  .main .social_recru .content .w1200 .con h4 {
    padding-top: 64px;
    margin-top: 0; }
    @media (max-width: 1024px) {
      .main .social_recru .content .w1200 .con h4 {
        padding-top: 10px; } }
  .main .plan {
    background: #eeeeee;
    overflow: hidden;
    padding-top: 95px;
    padding-bottom: 50px; }
    @media (max-width: 1024px) {
      .main .plan {
        padding-top: 1.12rem;
        padding-bottom: 40px; } }
    @media (max-width: 1220px) {
      .main .plan .content .w1200 {
        width: 1000px; } }
    @media (max-width: 1024px) {
      .main .plan .content .w1200 {
        width: 100%; } }
    .main .plan .content .w1200 .banner {
      height: 680px; }
      @media (max-width: 1220px) {
        .main .plan .content .w1200 .banner {
          height: 566px; } }
      @media (max-width: 1024px) {
        .main .plan .content .w1200 .banner {
          height: auto;
          background: none;
          width: 108.6%;
          margin-left: -4.3%; } }
      .main .plan .content .w1200 .banner img {
        display: none; }
        @media (max-width: 1024px) {
          .main .plan .content .w1200 .banner img {
            display: block;
            width: 100%;
            margin-left: 0; } }
    .main .plan .content .w1200 .con .box1 {
      background: #fff;
      overflow: hidden; }
      .main .plan .content .w1200 .con .box1 h4 {
        line-height: 56px;
        font-size: 38px;
        color: #111111;
        text-align: center;
        font-weight: inherit;
        transition: all 0.3s;
        margin-top: 61px; }
        @media (max-width: 1024px) {
          .main .plan .content .w1200 .con .box1 h4 {
            line-height: 44px;
            font-size: 26px;
            margin-top: 41px; } }
        @media (max-width: 750px) {
          .main .plan .content .w1200 .con .box1 h4 {
            line-height: 30px;
            font-size: 22px; } }
        @media (max-width: 640px) {
          .main .plan .content .w1200 .con .box1 h4 {
            margin-top: 21px; } }
      .main .plan .content .w1200 .con .box1 .text {
        font-size: 16px;
        color: #666666;
        line-height: 28px;
        margin-top: 15px;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word; }
        @media (max-width: 1024px) {
          .main .plan .content .w1200 .con .box1 .text {
            padding: 0 0.36rem; } }
        @media (max-width: 640px) {
          .main .plan .content .w1200 .con .box1 .text {
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px; } }
        .main .plan .content .w1200 .con .box1 .text p:nth-child(3) {
          display: inline; }
          @media (max-width: 1024px) {
            .main .plan .content .w1200 .con .box1 .text p:nth-child(3) {
              display: block; } }
        .main .plan .content .w1200 .con .box1 .text p:nth-child(4) {
          display: inline; }
          @media (max-width: 1024px) {
            .main .plan .content .w1200 .con .box1 .text p:nth-child(4) {
              display: block; } }
    .main .plan .content .w1200 .con .box2 {
      background: #fff;
      overflow: hidden;
      padding: 0 26px 100px; }
      @media (max-width: 1024px) {
        .main .plan .content .w1200 .con .box2 {
          padding: 0 0.2rem 30px; } }
      .main .plan .content .w1200 .con .box2 h4 {
        line-height: 56px;
        font-size: 38px;
        color: #111111;
        text-align: center;
        font-weight: inherit;
        transition: all 0.3s;
        margin-top: 54px; }
        @media (max-width: 1024px) {
          .main .plan .content .w1200 .con .box2 h4 {
            line-height: 44px;
            font-size: 26px;
            margin-top: 40px; } }
        @media (max-width: 750px) {
          .main .plan .content .w1200 .con .box2 h4 {
            line-height: 30px;
            font-size: 22px; } }
        @media (max-width: 640px) {
          .main .plan .content .w1200 .con .box2 h4 {
            margin-top: 20px; } }
      .main .plan .content .w1200 .con .box2 .list.pc {
        margin-top: 60px;
        display: block; }
        @media (max-width: 1024px) {
          .main .plan .content .w1200 .con .box2 .list.pc {
            margin-top: 40px;
            display: none; } }
        @media (max-width: 640px) {
          .main .plan .content .w1200 .con .box2 .list.pc {
            margin-top: 20px; } }
        .main .plan .content .w1200 .con .box2 .list.pc ul {
          overflow: hidden; }
          .main .plan .content .w1200 .con .box2 .list.pc ul li {
            width: 272px;
            margin-right: 20px;
            float: left;
            margin-bottom: 20px; }
            @media (max-width: 1220px) {
              .main .plan .content .w1200 .con .box2 .list.pc ul li {
                width: 222px;
                margin-right: 20px; } }
            @media (max-width: 1024px) {
              .main .plan .content .w1200 .con .box2 .list.pc ul li {
                width: 32%;
                margin-right: 2%; } }
            @media (max-width: 750px) {
              .main .plan .content .w1200 .con .box2 .list.pc ul li {
                margin-bottom: 14px; } }
            @media (max-width: 640px) {
              .main .plan .content .w1200 .con .box2 .list.pc ul li {
                width: 49%;
                margin-bottom: 10px; } }
            .main .plan .content .w1200 .con .box2 .list.pc ul li a {
              display: block;
              position: relative;
              height: 290px;
              overflow: hidden; }
              .main .plan .content .w1200 .con .box2 .list.pc ul li a .pic {
                height: 290px;
                width: 100%;
                overflow: hidden; }
                .main .plan .content .w1200 .con .box2 .list.pc ul li a .pic img {
                  width: 100%;
                  display: block; }
              .main .plan .content .w1200 .con .box2 .list.pc ul li a .tit {
                width: 100%;
                background: rgba(0, 0, 0, 0.5);
                position: absolute;
                left: 0;
                bottom: 0;
                transition: all 0.5s; }
                .main .plan .content .w1200 .con .box2 .list.pc ul li a .tit .txt {
                  font-size: 16px;
                  color: #fff;
                  padding: 7px 20px;
                  line-height: 27px; }
                  @media (max-width: 1024px) {
                    .main .plan .content .w1200 .con .box2 .list.pc ul li a .tit .txt {
                      font-size: 14px;
                      padding: 7px 14px;
                      line-height: 24px; } }
              .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con {
                background: rgba(123, 152, 243, 0.9);
                width: 100%;
                position: absolute;
                left: 0;
                bottom: -100%;
                opacity: 0;
                transition: all 0.5s; }
                .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con .padding {
                  padding: 16px 22px 42px; }
                  @media (max-width: 1024px) {
                    .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con .padding {
                      padding: 10px 16px 22px; } }
                  .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con .padding h6 {
                    color: #fff;
                    font-size: 16px;
                    line-height: 28px;
                    font-weight: inherit; }
                    @media (max-width: 1024px) {
                      .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con .padding h6 {
                        font-size: 14px;
                        line-height: 24px; } }
                  .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con .padding .text {
                    font-size: 14px;
                    color: #fff;
                    line-height: 22px;
                    margin-top: 8px; }
                    @media (max-width: 1024px) {
                      .main .plan .content .w1200 .con .box2 .list.pc ul li a .mark_con .padding .text {
                        font-size: 12px;
                        line-height: 20px;
                        margin-top: 4px; } }
            @media (min-width: 1024px) {
              .main .plan .content .w1200 .con .box2 .list.pc ul li a:hover .tit {
                opacity: 0; }
              .main .plan .content .w1200 .con .box2 .list.pc ul li a:hover .mark_con {
                bottom: 0;
                opacity: 1; } }
          @media (min-width: 1025px) {
            .main .plan .content .w1200 .con .box2 .list.pc ul li:nth-child(4n) {
              margin-right: 0; } }
          @media (max-width: 1024px) and (min-width: 641px) {
            .main .plan .content .w1200 .con .box2 .list.pc ul li:nth-child(3n) {
              margin-right: 0; } }
          @media (max-width: 640px) and (min-width: 421px) {
            .main .plan .content .w1200 .con .box2 .list.pc ul li:nth-child(2n) {
              margin-right: 0; } }
        .main .plan .content .w1200 .con .box2 .list.pc .join_plan {
          text-align: center;
          font-size: 0;
          margin: 66px auto 0; }
          @media (max-width: 1024px) {
            .main .plan .content .w1200 .con .box2 .list.pc .join_plan {
              margin: 46px auto 0; } }
          @media (max-width: 640px) {
            .main .plan .content .w1200 .con .box2 .list.pc .join_plan {
              margin: 16px auto 0; } }
          .main .plan .content .w1200 .con .box2 .list.pc .join_plan .more {
            font-size: 30px;
            color: #fc5a07;
            line-height: 50px;
            display: inline-block;
            text-align: center;
            border-bottom: 2px solid #fc5a07;
            transition: all 0.3s; }
            @media (max-width: 1024px) {
              .main .plan .content .w1200 .con .box2 .list.pc .join_plan .more {
                font-size: 24px;
                line-height: 44px; } }
            @media (max-width: 640px) {
              .main .plan .content .w1200 .con .box2 .list.pc .join_plan .more {
                font-size: 16px;
                line-height: 34px; } }
            @media (max-width: 360px) {
              .main .plan .content .w1200 .con .box2 .list.pc .join_plan .more {
                font-size: 14px;
                line-height: 32px; } }
          @media (min-width: 1024px) {
            .main .plan .content .w1200 .con .box2 .list.pc .join_plan .more:hover {
              letter-spacing: 2px; } }
      .main .plan .content .w1200 .con .box2 .m_list.m {
        margin-top: 60px;
        display: none; }
        @media (max-width: 1024px) {
          .main .plan .content .w1200 .con .box2 .m_list.m {
            margin-top: 40px;
            display: block; } }
        @media (max-width: 640px) {
          .main .plan .content .w1200 .con .box2 .m_list.m {
            margin-top: 20px; } }
        .main .plan .content .w1200 .con .box2 .m_list.m ul {
          overflow: hidden;
          display: none; }
          @media (max-width: 1024px) {
            .main .plan .content .w1200 .con .box2 .m_list.m ul {
              display: block; } }
          .main .plan .content .w1200 .con .box2 .m_list.m ul li {
            width: 272px;
            margin-right: 20px;
            float: left;
            margin-bottom: 20px; }
            @media (max-width: 1220px) {
              .main .plan .content .w1200 .con .box2 .m_list.m ul li {
                width: 222px;
                margin-right: 20px; } }
            @media (max-width: 1024px) {
              .main .plan .content .w1200 .con .box2 .m_list.m ul li {
                width: 32%;
                margin-right: 2%; } }
            @media (max-width: 750px) {
              .main .plan .content .w1200 .con .box2 .m_list.m ul li {
                margin-bottom: 14px; } }
            @media (max-width: 640px) {
              .main .plan .content .w1200 .con .box2 .m_list.m ul li {
                width: 49%;
                margin-bottom: 10px; } }
            .main .plan .content .w1200 .con .box2 .m_list.m ul li a {
              display: block;
              position: relative;
              height: 290px;
              overflow: hidden; }
              .main .plan .content .w1200 .con .box2 .m_list.m ul li a .pic {
                height: 290px;
                width: 100%;
                overflow: hidden; }
                .main .plan .content .w1200 .con .box2 .m_list.m ul li a .pic img {
                  width: 100%;
                  display: block; }
              .main .plan .content .w1200 .con .box2 .m_list.m ul li a .tit {
                width: 100%;
                background: rgba(0, 0, 0, 0.5);
                position: absolute;
                left: 0;
                bottom: 0;
                transition: all 0.5s; }
                .main .plan .content .w1200 .con .box2 .m_list.m ul li a .tit .txt {
                  font-size: 16px;
                  color: #fff;
                  padding: 7px 20px;
                  line-height: 27px; }
                  @media (max-width: 1024px) {
                    .main .plan .content .w1200 .con .box2 .m_list.m ul li a .tit .txt {
                      font-size: 14px;
                      padding: 7px 14px;
                      line-height: 24px; } }
              .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con {
                background: rgba(123, 152, 243, 0.9);
                width: 100%;
                position: absolute;
                left: 0;
                bottom: -100%;
                opacity: 0;
                transition: all 0.5s; }
                .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con .padding {
                  padding: 16px 22px 42px; }
                  @media (max-width: 1024px) {
                    .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con .padding {
                      padding: 10px 16px 22px; } }
                  .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con .padding h6 {
                    color: #fff;
                    font-size: 16px;
                    line-height: 28px;
                    font-weight: inherit; }
                    @media (max-width: 1024px) {
                      .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con .padding h6 {
                        font-size: 14px;
                        line-height: 24px; } }
                  .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con .padding .text {
                    font-size: 14px;
                    color: #fff;
                    line-height: 22px;
                    margin-top: 8px; }
                    @media (max-width: 1024px) {
                      .main .plan .content .w1200 .con .box2 .m_list.m ul li a .mark_con .padding .text {
                        font-size: 12px;
                        line-height: 20px;
                        margin-top: 4px; } }
            @media (min-width: 1024px) {
              .main .plan .content .w1200 .con .box2 .m_list.m ul li a:hover .tit {
                opacity: 0; }
              .main .plan .content .w1200 .con .box2 .m_list.m ul li a:hover .mark_con {
                bottom: 0;
                opacity: 1; } }
          @media (min-width: 1025px) {
            .main .plan .content .w1200 .con .box2 .m_list.m ul li:nth-child(4n) {
              margin-right: 0; } }
          @media (max-width: 1024px) and (min-width: 641px) {
            .main .plan .content .w1200 .con .box2 .m_list.m ul li:nth-child(3n) {
              margin-right: 0; } }
          @media (max-width: 640px) {
            .main .plan .content .w1200 .con .box2 .m_list.m ul li:nth-child(2n) {
              margin-right: 0; } }
        .main .plan .content .w1200 .con .box2 .m_list.m .join_plan {
          text-align: center;
          font-size: 0;
          margin: 66px auto 0; }
          @media (max-width: 1024px) {
            .main .plan .content .w1200 .con .box2 .m_list.m .join_plan {
              margin: 46px auto 0; } }
          @media (max-width: 640px) {
            .main .plan .content .w1200 .con .box2 .m_list.m .join_plan {
              margin: 16px auto 0; } }
          .main .plan .content .w1200 .con .box2 .m_list.m .join_plan .more {
            font-size: 30px;
            color: #fc5a07;
            line-height: 50px;
            display: inline-block;
            text-align: center;
            border-bottom: 2px solid #fc5a07;
            transition: all 0.3s; }
            @media (max-width: 1024px) {
              .main .plan .content .w1200 .con .box2 .m_list.m .join_plan .more {
                font-size: 24px;
                line-height: 44px; } }
            @media (max-width: 640px) {
              .main .plan .content .w1200 .con .box2 .m_list.m .join_plan .more {
                font-size: 16px;
                line-height: 34px; } }
            @media (max-width: 360px) {
              .main .plan .content .w1200 .con .box2 .m_list.m .join_plan .more {
                font-size: 14px;
                line-height: 32px; } }
          @media (min-width: 1024px) {
            .main .plan .content .w1200 .con .box2 .m_list.m .join_plan .more:hover {
              letter-spacing: 2px; } }
  .main .contact {
    background: #eeeeee;
    overflow: hidden;
    padding-top: 95px;
    padding-bottom: 40px; }
    @media (max-width: 1024px) {
      .main .contact {
        padding-top: 0.6rem;
        padding-bottom: 0; } }
    .main .contact .content .w1200 {
      overflow: hidden;
      background: #fff; }
      @media (max-width: 1220px) {
        .main .contact .content .w1200 {
          width: 1000px; } }
      @media (max-width: 1024px) {
        .main .contact .content .w1200 {
          width: 100%; } }
      .main .contact .content .w1200 .left {
        width: 50%;
        height: 740px;
        float: left; }
        @media (max-height: 850px) and (min-width: 1024px) {
          .main .contact .content .w1200 .left {
            height: 640px; } }
        @media (max-height: 799px) and (min-width: 1024px) {
          .main .contact .content .w1200 .left {
            height: 600px; } }
        @media (max-width: 1024px) {
          .main .contact .content .w1200 .left {
            width: 100%;
            height: 4rem;
            float: inherit; } }
        .main .contact .content .w1200 .left .map {
          height: 740px; }
          @media (max-height: 850px) and (min-width: 1024px) {
            .main .contact .content .w1200 .left .map {
              height: 640px; } }
          @media (max-height: 799px) and (min-width: 1024px) {
            .main .contact .content .w1200 .left .map {
              height: 600px; } }
          @media (max-width: 1024px) {
            .main .contact .content .w1200 .left .map {
              width: 100%;
              height: 4rem;
              float: inherit; } }
          .main .contact .content .w1200 .left .map .anchorBL {
            display: none; }
      .main .contact .content .w1200 .right {
        float: right;
        width: 50%;
        height: 740px;
        display: table; }
        @media (max-height: 850px) and (min-width: 1024px) {
          .main .contact .content .w1200 .right {
            height: 640px; } }
        @media (max-height: 799px) and (min-width: 1024px) {
          .main .contact .content .w1200 .right {
            height: 600px; } }
        @media (max-width: 1024px) {
          .main .contact .content .w1200 .right {
            width: 100%;
            float: inherit;
            height: auto; } }
        .main .contact .content .w1200 .right .r_con {
          display: table-cell;
          height: 100%;
          vertical-align: middle;
          padding: 38px 66px; }
          @media (max-height: 850px) and (min-width: 1024px) {
            .main .contact .content .w1200 .right .r_con {
              padding: 28px 66px; } }
          @media (max-height: 799px) and (min-width: 1024px) {
            .main .contact .content .w1200 .right .r_con {
              padding: 18px 66px; } }
          @media (max-width: 1220px) {
            .main .contact .content .w1200 .right .r_con {
              padding: 18px 30px; } }
          @media (max-width: 640px) {
            .main .contact .content .w1200 .right .r_con {
              padding: 10px 0.2rem 20px; } }
          .main .contact .content .w1200 .right .r_con dl dd {
            position: relative;
            padding: 20px 0 16px 77px;
            border-bottom: 1px solid #e7e7e7; }
            @media (max-height: 850px) and (min-width: 1024px) {
              .main .contact .content .w1200 .right .r_con dl dd {
                padding: 16px 0 14px 77px; } }
            @media (max-height: 799px) and (min-width: 1024px) {
              .main .contact .content .w1200 .right .r_con dl dd {
                padding: 14px 0 10px 77px; } }
            @media (max-width: 640px) {
              .main .contact .content .w1200 .right .r_con dl dd {
                padding: 10px 0 8px 60px; } }
            .main .contact .content .w1200 .right .r_con dl dd .icon {
              width: 49px;
              height: 49px;
              overflow: hidden;
              position: absolute;
              left: 0;
              top: 20px; }
              @media (max-height: 850px) and (min-width: 1024px) {
                .main .contact .content .w1200 .right .r_con dl dd .icon {
                  top: 16px; } }
              @media (max-height: 799px) and (min-width: 1024px) {
                .main .contact .content .w1200 .right .r_con dl dd .icon {
                  top: 14px; } }
              @media (max-width: 640px) {
                .main .contact .content .w1200 .right .r_con dl dd .icon {
                  width: 44px;
                  height: 44px;
                  top: 10px; } }
              .main .contact .content .w1200 .right .r_con dl dd .icon img {
                width: 100%;
                display: block; }
            .main .contact .content .w1200 .right .r_con dl dd .text h6 {
              font-size: 16px;
              color: #111111;
              line-height: 24px;
              font-weight: inherit; }
              @media (max-width: 640px) {
                .main .contact .content .w1200 .right .r_con dl dd .text h6 {
                  line-height: 22px; } }
            .main .contact .content .w1200 .right .r_con dl dd .text .txt {
              font-size: 16px;
              color: #626262;
              line-height: 28px; }
              @media (max-width: 640px) {
                .main .contact .content .w1200 .right .r_con dl dd .text .txt {
                  font-size: 14px;
                  line-height: 20px; } }
          .main .contact .content .w1200 .right .r_con dl dd:last-child {
            border: 0 none; }
          .main .contact .content .w1200 .right .r_con .app {
            width: 256px;
            height: 158px;
            overflow: hidden;
            box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
            margin-top: 25px; }
            @media (max-width: 1024px) {
              .main .contact .content .w1200 .right .r_con .app {
                display: none; } }
            .main .contact .content .w1200 .right .r_con .app .padding {
              padding: 12px;
              overflow: hidden; }
              .main .contact .content .w1200 .right .r_con .app .padding .pic {
                width: 135px;
                height: 135px;
                float: left;
                overflow: hidden; }
                .main .contact .content .w1200 .right .r_con .app .padding .pic img {
                  width: 100%;
                  display: block; }
              .main .contact .content .w1200 .right .r_con .app .padding .text {
                float: right;
                display: table;
                width: 90px;
                height: 135px; }
                .main .contact .content .w1200 .right .r_con .app .padding .text .txt {
                  display: table-cell;
                  vertical-align: middle;
                  font-size: 14px;
                  color: #333333;
                  line-height: 24px; }

.plan_wechat {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 100; }
  .plan_wechat .con {
    width: 135px;
    background: #fff;
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -67px 0 0 -67px;
    z-index: 2; }
    .plan_wechat .con .tit {
      font-size: 12px;
      color: #333;
      text-align: center; }
    .plan_wechat .con .pic {
      width: 135px;
      height: 135px;
      overflow: hidden;
      margin-top: 10px; }
      .plan_wechat .con .pic img {
        width: 100%;
        display: block; }
  .plan_wechat .mark {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5); }

.video_modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #000;
  width: 960px;
  left: 50%;
  top: 50%;
  margin: -240px 0 0 -480px;
  transition: all 0.4s;
  transform: translateY(-1000px);
  opacity: 0; }
  @media (max-width: 1000px) {
    .video_modal {
      width: 710px;
      margin: 0 0 0 -355px; } }
  @media (max-width: 750px) {
    .video_modal {
      width: 90%;
      height: 5rem;
      margin: -2.5rem 0 0 -45%;
      transform: translateY(-10rem); } }
  .video_modal #jp_container_1 {
    width: 100%;
    height: 100% !important; }
    .video_modal #jp_container_1 .close {
      width: 31px;
      height: 31px;
      border-radius: 100%;
      background: #e53935;
      position: absolute;
      right: 14px;
      top: 14px;
      font-size: 14px;
      color: #fff;
      line-height: 30px;
      text-align: center;
      z-index: 1000;
      cursor: pointer;
      background: url(../img/video_close.png);
      background-size: cover; }
      @media (max-width: 980px) {
        .video_modal #jp_container_1 .close {
          width: 26px;
          height: 26px;
          font-size: 12px;
          line-height: 26px;
          right: 6px;
          top: 6px; } }
    .video_modal #jp_container_1 .jp-interface {
      transition: all 0.5s; }
    .video_modal #jp_container_1 .jp-type-single {
      height: 100%; }
    .video_modal #jp_container_1 #jquery_jplayer_1 {
      width: 100% !important;
      height: 100% !important; }
      .video_modal #jp_container_1 #jquery_jplayer_1 img {
        width: 100% !important;
        height: auto !important;
        display: block; }
      .video_modal #jp_container_1 #jquery_jplayer_1 video {
        width: 100% !important;
        height: auto !important; }
    @media (max-width: 980px) {
      .video_modal #jp_container_1 .jp-video-play {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px; } }
    @media (max-width: 980px) {
      .video_modal #jp_container_1 .jp-video-play .jp-video-play-icon {
        width: 40px;
        height: 40px;
        background-size: cover; } }

.video_modal.in {
  transform: translateY(0);
  opacity: 1; }

.fixed_mark {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none; }

.fullpage_controls {
  position: fixed;
  right: 3.54%;
  top: 50%;
  z-index: 1; }
  .fullpage_controls span {
    width: 7px;
    height: 7px;
    border: 3px solid #fff;
    border-radius: 100%;
    display: block;
    margin-bottom: 17px;
    background: #fff;
    cursor: pointer; }
  .fullpage_controls span.active {
    background: none; }

.main.on {
  opacity: 1; }