@media screen and (min-width: 769px) {
  #wrap_en {
    display: none; }

  .wrap {
    width: 100%;
    height: auto;
    position: relative;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
     }
    .wrap p {
      padding: 0;
      margin: 0; }
    .wrap .mobile_container {
      display: none; }
    .wrap .des_mobile {
      display: none; }

  .head {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    background: #fff; }
    .head .logo {
      margin: 12px 8% 0;
      width: 100px;
      height: 50px;
      background: url("../images/img_logo.png") no-repeat center;
      background-size: 88% auto;
      float: left; }
    .head .list_nav {
      width: 60%;
      height: 70px;
      background: #fff;
      float: left; }
      .head .list_nav .nav {
        width: 11%;
        height: 70px;
        position: relative;
        float: left; }
        .head .list_nav .nav .nav_f {
          width: 100%;
          height: 70px;
          line-height: 70px;
          background: #fff;
          font-size: 16px;
          color: #2a4e71;
          text-align: center;
          cursor: pointer;
          float: left; }
          .head .list_nav .nav .nav_f a {
            font-size: 16px;
            color: #2a4e71;
            display: block; }
          .head .list_nav .nav .nav_f:hover a {
            background: #2a4e71;
            color: #fff; }
        .head .list_nav .nav:hover .nav_f {
          background: #2a4e71; }
          .head .list_nav .nav:hover .nav_f a {
            color: #fff; }
        .head .list_nav .nav:hover .nav_s {
          display: block !important;
          z-index: 88; }
        .head .list_nav .nav .nav_s {
          display: none;
          position: absolute;
          width: 100%;
          height: auto;
          top: 100px;
          padding: 20px 0;
          box-sizing: border-box; }
          .head .list_nav .nav .nav_s::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #2a4e71;
            opacity: 0.6; }
          .head .list_nav .nav .nav_s .list {
            position: relative;
            width: 100%;
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            cursor: pointer; }
            .head .list_nav .nav .nav_s .list:hover {
              background: #2a4e71; }
            .head .list_nav .nav .nav_s .list a {
              font-size: 14px;
              color: #fff; }
      .head .list_nav .on .nav_f {
        background: #2a4e71; }
        .head .list_nav .on .nav_f a {
          color: #fff; }
    .head .mobile_nav {
      display: none; }
    .head .search {
      width: 15.66%;
      height: 70px;
      float: left;
      text-align: center;
      box-sizing: border-box;
      background: #2a4e71;
      font-size: 14px; }
      .head .search .lanuge {
        display: inline-block;
        width: 86.71%;
        margin-top: 20px;
        font-size: 12px;
        color: #fff;
        overflow: hidden; }
        .head .search .lanuge .text {
          height: 36px;
          line-height: 36px;
          float: right;
          cursor: pointer;
          margin-left: 24px; }
        .head .search .lanuge .piao {
          text-align: right;
          cursor: pointer; }
        .head .search .lanuge .headerbox {
          height: 100%; }
          .head .search .lanuge .headerbox select {
            font-size: 14px;
            width: 100px;
            height: 30px;
            line-height: 30px;
            background: #2a4e71;
            color: #ffffff;
            outline: none; }
          .head .search .lanuge .headerbox .hb {
            background: #2a4e71; }
          .head .search .lanuge .headerbox div {
            height: 16px;
            line-height: 16px;
            float: right;
            cursor: pointer;
            margin-left: 24px; }
      .head .search .searchbox {
        margin-top: 0.20rem; }
        .head .search .searchbox button {
          outline: none;
          width: 55px;
          height: 27px;
          cursor: pointer;
          text-align: center;
          line-height: 25px;
          border: 1px solid #fff;
          color: #ffffff;
          background: #2a4e71;
          margin-top: 0.10rem;
          display: inline-block; }
      .head .search .search_i {
        display: inline-block;
        width: 68.71%;
        height: 28px;
        position: relative; }
        .head .search .search_i .i {
          width: 100%;
          height: 28px;
          border: none;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 2px 3px;
          outline: none;
          padding-right: 28px; }
        .head .search .search_i i {
          width: 20px;
          height: 20px;
          background: url("../images/icon_search.png") no-repeat 0 0/cover;
          position: absolute;
          top: 4px;
          right: 8px; }

  .foot {
    width: 100%;
    height: auto;
    background-color: #2a4e71;
    overflow: hidden;
    margin-top: 128px;
    text-align: center; }
    .foot .foot_nav {
      margin: 48px auto 34px;
      width: 1100px; }
      .foot .foot_nav .left {
        float: left; }
        .foot .foot_nav .left .list_nav {
          float: left;
          text-align: center;
          margin-right: 37px; }
          .foot .foot_nav .left .list_nav .title {
            font-size: 18px;
            color: #ffffff;
            margin-bottom: 26px; }
            .foot .foot_nav .left .list_nav .title a {
              font-size: 18px;
              color: #ffffff; }
          .foot .foot_nav .left .list_nav .nav {
            font-size: 14px;
            color: #ffffff;
            margin-bottom: 17px;
            cursor: pointer; }
            .foot .foot_nav .left .list_nav .nav a {
              font-size: 14px;
              color: #ffffff; }
      .foot .foot_nav .right .logo_text {
        height: 74px; }
        .foot .foot_nav .right .logo_text .logo {
          float: left;
          width: 74px;
          height: 31px;
          background: url("../images/img_logo_white.png") no-repeat;
          background-size: cover; }
        .foot .foot_nav .right .logo_text .text {
          height: 32px;
          line-height: 32px;
          float: left;
          font-size: 18px;
          color: #ffffff;
          margin-left: 12px; }
      .foot .foot_nav .right .des_text {
        font-size: 14px;
        color: #ffffff;
        margin-bottom: 20px; }
    .foot .foot_copyright {
      width: 100%;
      line-height: 40px;
      height: 40px;
      background-color: #2a4e71;
      color: #ffffff;
      font-size: 13px;
      text-align: center; } }
@media screen and (max-width: 768px) {
  #wrap_en {
    display: none; }

  .wrap {
    height: auto;
    width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative; }
    .wrap .head {
      height: 1.2rem; }
      .wrap .head .logo {
        width: 1.6rem;
        margin: 0 1.34rem;
        height: 100%;
        background: url("../images/mobile/mobilelogo.jpg") no-repeat center;
        background-size: 88% auto;
        float: left;
        position: relative; }
      .wrap .head .list_nav {
        display: none; }
      .wrap .head .search {
        display: none; }
      .wrap .head select {
        background: #2a4e71;
        color: #ffffff;
        outline: none;
        width: 1rem; }
      .wrap .head .mobile_nav_box {
        background-color: #2a4e71;
        width: 3.22rem;
        float: left;
        height: 1.2rem;
        line-height: 1.2rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .wrap .head .mobile_nav_box .title {
          width: 2.1rem;
          line-height: 100%;
          box-sizing: border-box;
          display: flex;
          justify-content: space-around;
          align-items: center; }
          .wrap .head .mobile_nav_box .title span {
            font-size: 0.18rem;
            color: #ffffff; }
        .wrap .head .mobile_nav_box i:nth-child(2) {
          margin: 0 0.28rem 0 0;
          width: 0.04rem;
          height: 0.28rem;
          background-color: #2a4e71;
          border-radius: 0.02rem; }
        .wrap .head .mobile_nav_box b {
          cursor: pointer;
          width: 0.60rem;
          height: 0.34rem;
          background: url(../images/mobile/nav1.png) no-repeat 0 0/cover; }
    .wrap .mobile_list {
      position: absolute;
      right: -100%;
      top: 0;
      width: 7.5rem;
      height: 100%;
      z-index: 220;
      background-color: rgba(255, 255, 255, 0.96); }
      .wrap .mobile_list .mobile_list_header {
        width: 100%;
        height: 1.20rem; }
        .wrap .mobile_list .mobile_list_header .mobile_list_logo {
          width: 1.60rem;
          height: 100%;
          margin: 0 1.3rem;
          background: url("../images/mobile/mobilelogo.jpg") no-repeat center;
          background-size: 88% auto;
          float: left; }
        .wrap .mobile_list .mobile_list_header .mobile_list_cao {
          position: relative; }
          .wrap .mobile_list .mobile_list_header .mobile_list_cao b {
            position: absolute;
            width: 0.70rem;
            height: 0.70rem;
            top: 0.26rem;
            right: 0.26rem;
            background: url("../images/mobile/close.png") no-repeat 0 0/cover; }
      .wrap .mobile_list .mobile_container {
        padding: 0 0.79rem 0 0.39rem;
        margin-top: 0.10rem; }
        .wrap .mobile_list .mobile_container .parlist .subnav {
          box-sizing: border-box;
          min-height: 1rem;
          border-bottom: 1px solid #2a4e71;
          padding: 0.35rem 0;
          position: relative; }
          .wrap .mobile_list .mobile_container .parlist .subnav .subnavtit a {
            font-size: 0.28rem;
            color: #2a4e71;
            float: left;
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none; }
          .wrap .mobile_list .mobile_container .parlist .subnav .subnavtit i {
            position: absolute;
            width: 0.56rem;
            height: 0.56rem;
            background: url("../images/mobile/plus.png") no-repeat 0 0/cover;
            right: 0;
            top: 0.22rem; }
          .wrap .mobile_list .mobile_container .parlist .subnav .subnavtit i.on {
            background: url("../images/mobile/reduce.png") no-repeat 0 0/cover; }
          .wrap .mobile_list .mobile_container .parlist .subnav .sublist {
            display: none;
            margin-top: 0.3rem;
            padding: 0; }
            .wrap .mobile_list .mobile_container .parlist .subnav .sublist li {
              height: 0.60rem;
              line-height: 0.60rem; }
              .wrap .mobile_list .mobile_container .parlist .subnav .sublist li a {
                font-size: 0.24rem;
                color: #4d4d4d;
                display: block; }
    .wrap .lunbo {
      width: 7.5rem; }
      .wrap .lunbo img {
        width: 7.5rem; }
      .wrap .lunbo .swiper1-next, .wrap .lunbo .swiper1-prev {
        width: 0.80rem;
        height: 0.80rem;
        background-color: #2a4e71;
        opacity: 0.8;
        background-size: contain; }
    .wrap .foot {
      margin-top: 0.60rem; }
      .wrap .foot .left {
        display: none; }
      .wrap .foot .right {
        padding-top: 0.31rem;
        box-sizing: border-box;
        width: 7.5rem;
        background-color: #2a4e71;
        text-align: center;
        float: none;
        padding-bottom: 0.32rem; }
        .wrap .foot .right .logo_text {
          margin: 0 auto;
          margin-bottom: 0.34rem;
          text-align: center; }
          .wrap .foot .right .logo_text:after {
            content: "";
            display: block;
            clear: both;
            width: 0;
            height: 0; }
          .wrap .foot .right .logo_text .text {
            font-size: 0.24rem;
            line-height: 0.40rem;
            color: #ffffff;
            float: left; }
          .wrap .foot .right .logo_text .logo {
            float: left;
            width: 1.02rem;
            margin-right: 0.13rem;
            height: 0.43rem;
            background: url("../images/img_logo_white.png") no-repeat;
            background-size: cover;
            margin-left: 1.68rem; }
        .wrap .foot .right .des_text {
          font-size: 0.22rem;
          line-height: 0.40rem;
          color: #ffffff; }
      .wrap .foot .foot_copyright {
        width: 7.5rem;
        height: 0.48rem;
        background-color: #2a4e71;
        text-align: center;
        line-height: 0.48rem;
        font-size: 0.22rem;
        color: #ffffff; } }