
    html,
    body {
      width: 100%;
      margin: 0;
      padding: 0;
      font-family: "Microsoft YaHei";
      /* font-size: 10px; */
      /* font-size: 0.895833rem; */
      background-color: #fff;
    }

    .active {
      /* background-color: #000; */
      color: #000 !important;
    }

    * {
      margin: 0;
      padding: 0;
    }

    li {
      list-style: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    li {
      margin: 0;
      padding: 0;
    }

    a {
      color: #fff !important;
      text-decoration: none !important;
    }

    a:hover {
      color: #fff !important;
      /* color: rgb(245, 222, 62); */
    }

    .fl {
      float: left;
    }

    .fr {
      float: right;
    }

    ol li {
      list-style-type: decimal;
      list-style-position: inside;
    }

    /* ol li::marker {
      color: red;
      font-size: 1.5em;
      
    } */

    .bottom {
      cursor: default !important;
    }

    .bottom h3 a {
      padding: 0 !important;
      margin: 0 !important;
      color: #d5d5d5 !important;
      cursor: default !important;
    }

    .pltou {
      padding-left: 1.041667rem !important;
    }

    .pltou span {
      font-size: .3125rem;
      color: #D5D5D5;
      font-weight: 700;
      cursor: pointer;

    }

    .spys {
      font-size: 0.5rem !important;
      color: #000 !important;
      font-weight: 700;
      border-bottom: 2px solid #000;


    }

    @media (min-width: 1921px) {

      html,
      body {
        /* overflow: scroll;
      overflow-y: hidden; */
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Microsoft YaHei";
        /* font-size: 10px; */
        /* font-size: 0.895833rem; */
        background-color: #fff;
      }

      .container {
        width: 100%;
        /* width: 1920px; */
      }

      /* 顶部样式 */
      .top {
        width: 100%;
        z-index: 10;
        height: 0.833333rem;
        background-color: #0c3506;
        opacity: 0.85;
        padding: 0 3%;
        line-height: 0.833333rem;
        font-size: 0.25rem !important;
        color: rgb(255, 255, 255);
        text-align: center;
        position: relative;
      }

      .top .topContent {
        /* background-color: aquamarine; */
        height: 0.833333rem;
      }

      .top .topContent .fl {
        height: 0.833333rem;
        margin-left: 0.5rem;
        /* width: 200px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fl .topLeft li:first-child {
        font-weight: 700;
        margin-right: 0.2rem;
      }

      .top .topContent .fl .topLeft li img {
        position: absolute;
        top: 0.108333rem;
        left: 0.8rem;
        width: 0.927083rem;
        height: 0.604167rem;
      }

      .top .topContent .fl .topLeft li:last-child i {
        display: inline-block;
        font-size: 0.166667rem;
        text-align: center;
      }

      .top .topContent .fl .topLeft li:last-child i img {
        position: absolute;
        top: 0.25rem;
        left: 5.05rem;
        width: 0.224583rem;
        height: 0.344583rem;
      }

      .top .topContent .fr {
        height: 0.833333rem;
        /* width: 300px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fr .topRight li {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        cursor: pointer;
      }

      .tw {
        color: rgb(245, 222, 62) !important;
      }

      .on {
        color: rgb(245, 222, 62) !important;
        /* border-bottom: 0; */
        font-weight: 550;
      }

      /* banner层样式 */

      .banner {
        width: 100%;
        /* width: 20rem; */
        background-color: #fff;
        margin-top: -0.833333rem;
        /* height: 280px; */
        /* background-color: beige; */
      }

      .banner .bannerBox {
        width: 100%;
        /* position: relative; */
        /* background-color: #f1f1f1; */
        background-color: #fff;
        /* z-index: 1; */
      }

      .banner span {
        margin-top: -0.133333rem;
        display: block;
        /* width: 1220px; */
        padding-bottom: 0.520833rem;
      }

      .banner span img {
        margin-top: -0.833333rem;
        width: 100%;
        height: 100%;
      }

      /* <!-- 内容 --> */
      .content {
        width: 100%;
        /* width: 20rem; */
        /* height: 28.020833rem; */
      }

      .w {
        width: 15.3125rem;
        /* height: 20.020833rem; */
        margin-left: 2.34375rem;
      }

      .content .text {
        height: 2.395833rem;
        /* margin-bottom: 1.375rem; */
        font-family: "Microsoft YaHei";
        background-color: #fff;
      }

      .content .text p {
        font-size: 0.25rem;
        line-height: 0.433333rem;
        font-family: "Microsoft YaHei";
        margin-bottom: 0.3125rem;
      }

      /* 招生板块 */
      .pltou {
        display: flex;
        justify-content: space-between;

        margin-top: 0.820833rem;
        margin-bottom: 0.520833rem;
      }

      .pltou span {
        /* font-size: 0.5rem; */
        font-weight: 700;
      }

      .pltou .sousuo {
        position: relative;
        width: 4.270833rem;
        height: 0.625rem;
        font-size: 0.25rem;
        background-color: rgb(241, 161, 161);
      }

      .pltou .sousuo input {
        width: 4.270833rem !important;
        height: 0.625rem !important;
        font-size: 0.25rem;
        padding-left: 0.052083rem;
      }

      .pltou .sousuo input .value {
        color: rgb(224, 121, 121);
      }

      input:-moz-placeholder,
      textarea:-moz-placeholder {
        color: #d0d0d0;
      }

      .pltou .sousuo button {
        position: absolute;
        width: 1.247917rem;
        height: 0.625rem;
        color: #fff;
        font-size: 0.25rem;
        background-color: #414141;
        border: 1px solid #707070;
        border-radius: 0.052083rem;
        top: 0;
        right: 0;
      }

      .plate .plc {
        margin-left: 1.041667rem;
      }

      .plate .plc .plct li {
        width: 10.416667rem;
        line-height: 0.720833rem;
        cursor: pointer;
        font-size: 0.25rem;
      }

      .plate .plc .plct li a {
        display: inline-block;
        width: 100%;
        height: 100%;
      }

      .pua {
        width: 8.333333rem;
        height: 0.625rem;
        margin-bottom: 0.520833rem;
        margin-left: 1.041667rem;
      }

      .pua .M-box1 {
        width: 8.333333rem;
        height: 0.625rem;

        line-height: 0.625rem;
      }

      .pua .M-box1 a {
        display: inline-block;
        width: 0.425rem;
        height: 0.425rem;
        color: #000 !important;
        font-size: 0.2125rem;
        text-align: center;
        /* background-color: rgb(226, 145, 145); */
      }

      /* .pua .M-box1 a:hover {
    background-color: rgb(27, 27, 27);
    color: #fff;
  } */
      .pua .M-box1 span {
        display: inline-block;
        width: 0.625rem;
        height: 0.625rem;
        color: #000;
        text-align: center;
        font-size: 0.3125rem;
      }

      .hard {
        height: 11.375rem;
        width: 16.2rem;
        /* background-color: rgb(230, 134, 134); */
        margin-bottom: 2.385417rem;
      }

      .hard .hard_t {
        display: inline-block;
        width: 5.104167rem;
        height: 100%;
        overflow: hidden;
        border-radius: 0.416667rem;
        box-shadow: 0px 0.03125rem 0.125rem #00000029;
        opacity: 1;
        /* background-color: rgb(81, 218, 27); */
      }

      .hard .to {
        margin: 0 0.200417rem;
      }

      .hard .hard_t .ware {
        width: 100%;
        background-color: #c3eebd;
        color: #fff;
        padding-top: 0.208333rem;
        height: 3.21875rem;
        font-size: 0.25rem;
        text-align: center;
        line-height: 1.666667rem;
        font-weight: 700;
      }

      .ware .ware_tu {
        /* width: 200px; */
        /* height: 200px; */
        margin: auto;
      }

      .ware .ware_tu img {
        width: 100%;
        height: 100%;
      }

      .wf {
        width: 1.645833rem;
        height: 1.625rem;
      }

      .wr {
        width: 2.15625rem;
        height: 1.708333rem;
      }

      .wo {
        width: 2.71875rem;
        height: 2.041667rem;
      }

      .hard .hard_t:nth-child(1) .ware {
        color: #000;
      }

      .hard .hard_t:nth-child(2) .ware {
        line-height: 140px;
        background-color: #4caf50;
      }

      .hard .hard_t:nth-child(3) .ware {
        line-height: 0.833333rem;
        background-color: #28742b;
      }

      .nr ul {
        margin: 1.010417rem 0.489583rem 0.572917rem 0.708333rem;
      }

      .nr ul li {
        width: 3.2rem;
        font-size: 0.25rem;
        margin-bottom: 0.833333rem;
      }

      .nr ul li span {
        text-align: right;
        font-weight: 700;
      }

      .nr ul li div {
        display: block;
      }

      /* 底部样式 */

      .bottom {
        width: 100%;
        height: 4rem;
        background-color: #000000cf;
        color: #d5d5d5;
        padding: 0 8%;
        margin-top: 0rem;
        /* z-index: 11; */
      }

      .bottom ul {
        padding-top: 0.78125rem;
        /* width: 20rem; */
        width: 100%;
        display: flex;
        font-size: 0.25rem;
        line-height: 0.520833rem;
      }

      .bottom ul li:nth-child(1) {
        width: 4.041667rem;
        margin-left: 0;
      }

      .bottom ul li:nth-child(2) {
        width: 3.125rem;
        margin-left: 1.6rem;
      }

      .bottom ul li:nth-child(2) span {
        display: flex;
      }

      .bottom ul li:nth-child(2) span img {
        /* display: block; */
        margin-top: 0.104167rem;
      }

      .bottom ul li:nth-child(2) span:nth-child(1) img {
        display: block;
        width: 1rem;
        height: 0.3125rem;
      }

      .bottom ul li:nth-child(2) span:nth-child(2) img {
        width: 1.5625rem;
        height: 1.5625rem;
        display: block;
        /* margin-top: -20px; */
      }

      .bottom ul li:nth-child(2) span img {
        margin-left: 0.104167rem;
      }

      .bottom ul li:nth-child(3) .dz img {
        width: 0.239583rem;
        height: 0.333333rem;
        margin-right: 0.208333rem;
      }

      .bottom ul li p input {
        border: 1px solid #cfd1d0;
      }

      .bottom ul li p i {
        font-size: 0.229167rem;
      }

      .bottom ul li p span {
        display: flex;
      }

      .bottom ul li p span img {
        display: block;
        margin-top: 0.104167rem;
        width: 0.416667rem;
        height: 0.3125rem;
      }

      .bottom h3 {
        font-size: 0.260417rem;
        /* width: 100%; */
        padding-top: 0rem;
        margin-top: 0.304167rem;
      }

      .bottom ul li:nth-child(2) {
        width: 4.125rem;
        height: 1.375rem;
      }

      .bottom ul li:nth-child(3) {
        width: 7.125rem;
        height: 1.375rem;
        margin-left: 0.675rem;
        display: flex;
        flex-direction: column;
      }

      .bottom ul li:nth-child(3) span .dz {
        color: #ff5858;
        font-size: 0.208333rem;
        margin-right: 0.208333rem;
      }
    }

    @media screen and (min-width: 1301px) and (max-width: 1920px) {

      html,
      body {
        /* overflow: scroll;
      overflow-y: hidden; */
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Microsoft YaHei";
        /* font-size: 10px; */
        /* font-size: 0.895833rem; */
        background-color: #fff;
      }

      .container {
        width: 100%;
        /* width: 1920px; */
      }

      /* 顶部样式 */
      .top {
        width: 100%;
        z-index: 10;
        height: 0.833333rem;
        background-color: #0c3506;
        opacity: 0.85;
        padding: 0 3%;
        line-height: 0.833333rem;
        font-size: 0.25rem !important;
        color: rgb(255, 255, 255);
        text-align: center;
        position: relative;
      }

      .top .topContent {
        /* background-color: aquamarine; */
        height: 0.833333rem;
      }

      .top .topContent .fl {
        height: 0.833333rem;
        margin-left: 0.5rem;
        /* width: 200px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fl .topLeft li:first-child {
        font-weight: 700;
        margin-right: 0.2rem;
      }

      .top .topContent .fl .topLeft li img {
        position: absolute;
        top: 0.108333rem;
        left: 0.8rem;
        width: 0.927083rem;
        height: 0.604167rem;
      }

      .top .topContent .fl .topLeft li:last-child i {
        display: inline-block;
        font-size: 0.166667rem;
        text-align: center;
      }

      .top .topContent .fl .topLeft li:last-child i img {
        position: absolute;
        top: 0.25rem;
        left: 5.05rem;
        width: 0.224583rem;
        height: 0.344583rem;
      }

      .top .topContent .fr {
        height: 0.833333rem;
        /* width: 300px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fr .topRight li {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        cursor: pointer;
      }

      .tw {
        color: rgb(245, 222, 62) !important;
      }

      .on {
        color: rgb(245, 222, 62) !important;
        /* border-bottom: 0; */
        font-weight: 550;
      }

      /* banner层样式 */

      .banner {
        width: 100%;
        /* width: 20rem; */
        background-color: #fff;
        margin-top: -0.833333rem;
        /* height: 280px; */
        /* background-color: beige; */
      }

      .banner .bannerBox {
        width: 100%;
        /* position: relative; */
        /* background-color: #f1f1f1; */
        background-color: #fff;
        /* z-index: 1; */
      }

      .banner span {
        margin-top: -0.133333rem;
        display: block;
        /* width: 1220px; */
        padding-bottom: 0.520833rem;
      }

      .banner span img {
        margin-top: -0.833333rem;
        width: 100%;
        height: 100%;
      }

      /* <!-- 内容 --> */
      .content {
        width: 100%;
        /* width: 20rem; */
        /* height: 28.020833rem; */
      }

      .w {
        width: 15.3125rem;
        /* height: 20.020833rem; */
        margin-left: 2.34375rem;
      }

      .content .text {
        height: 2.395833rem;
        /* margin-bottom: 1.375rem; */
        font-family: "Microsoft YaHei";
        background-color: #fff;
      }

      .content .text p {
        font-size: 0.25rem;
        line-height: 0.433333rem;
        font-family: "Microsoft YaHei";
        margin-bottom: 0.3125rem;
      }

      /* 招生板块 */
      .pltou {
        display: flex;
        justify-content: space-between;

        margin-top: 0.820833rem;
        margin-bottom: 0.520833rem;
      }

      .pltou span {
        /* font-size: 0.5rem; */
        font-weight: 700;
      }

      .pltou .sousuo {
        position: relative;
        width: 4.270833rem;
        height: 0.625rem;
        font-size: 0.25rem;
        background-color: rgb(241, 161, 161);
      }

      .pltou .sousuo input {
        width: 4.270833rem !important;
        height: 0.625rem !important;
        font-size: 0.25rem;
        padding-left: 0.052083rem;
      }

      .pltou .sousuo input .value {
        color: rgb(224, 121, 121);
      }

      input:-moz-placeholder,
      textarea:-moz-placeholder {
        color: #d0d0d0;
      }

      .pltou .sousuo button {
        position: absolute;
        width: 1.247917rem;
        height: 0.625rem;
        color: #fff;
        font-size: 0.25rem;
        background-color: #414141;
        border: 1px solid #707070;
        border-radius: 0.052083rem;
        top: 0;
        right: 0;
      }

      .plate .plc {
        margin-left: 1.041667rem;
      }

      .plate .plc .plct li {
        width: 10.416667rem;
        line-height: 0.720833rem;
        cursor: pointer;
        font-size: 0.25rem;
      }

      .plate .plc .plct li a {
        display: inline-block;
        width: 100%;
        height: 100%;
      }

      .pua {
        width: 8.333333rem;
        height: 0.625rem;
        margin-bottom: 0.520833rem;
        margin-left: 1.041667rem;
      }

      .pua .M-box1 {
        width: 8.333333rem;
        height: 0.625rem;
        line-height: 0.625rem;
      }

      .pua .M-box1 a {
        display: inline-block;
        width: 0.425rem;
        height: 0.425rem;
        color: #000 !important;
        font-size: 0.2125rem;
        text-align: center;
        /* background-color: rgb(226, 145, 145); */
      }

      /* .pua .M-box1 a:hover {
    background-color: rgb(27, 27, 27);
    color: #fff;
  } */
      .pua .M-box1 span {
        display: inline-block;
        width: 0.625rem;
        height: 0.625rem;
        color: #000;
        text-align: center;
        font-size: 0.3125rem;
      }

      .hard {
        height: 11.375rem;
        width: 16.2rem;
        /* background-color: rgb(230, 134, 134); */
        margin-bottom: 2.385417rem;
      }

      .hard .hard_t {
        display: inline-block;
        width: 5.104167rem;
        height: 100%;
        overflow: hidden;
        border-radius: 0.416667rem;
        box-shadow: 0px 0.03125rem 0.125rem #00000029;
        opacity: 1;
        /* background-color: rgb(81, 218, 27); */
      }

      .hard .to {
        margin: 0 0.200417rem;
      }

      .hard .hard_t .ware {
        width: 100%;
        background-color: #c3eebd;
        color: #fff;
        padding-top: 0.208333rem;
        height: 3.21875rem;
        font-size: 0.25rem;
        text-align: center;
        line-height: 1.666667rem;
        font-weight: 700;
      }

      .ware .ware_tu {
        /* width: 200px; */
        /* height: 200px; */
        margin: auto;
      }

      .ware .ware_tu img {
        width: 100%;
        height: 100%;
      }

      .wf {
        width: 1.645833rem;
        height: 1.625rem;
      }

      .wr {
        width: 2.15625rem;
        height: 1.708333rem;
      }

      .wo {
        width: 2.71875rem;
        height: 2.041667rem;
      }

      .hard .hard_t:nth-child(1) .ware {
        color: #000;
      }

      .hard .hard_t:nth-child(2) .ware {
        line-height: 140px;
        background-color: #4caf50;
      }

      .hard .hard_t:nth-child(3) .ware {
        line-height: 0.833333rem;
        background-color: #28742b;
      }

      .nr ul {
        margin: 1.010417rem 0.489583rem 0.572917rem 0.708333rem;
      }

      .nr ul li {
        width: 3.2rem;
        font-size: 0.25rem;
        margin-bottom: 0.833333rem;
      }

      .nr ul li span {
        text-align: right;
        font-weight: 700;
      }

      .nr ul li div {
        display: block;
      }

      /* 底部样式 */

      .bottom {
        width: 100%;
        height: 4rem;
        background-color: #000000cf;
        color: #d5d5d5;
        padding: 0 8%;
        margin-top: 0rem;
        /* z-index: 11; */
      }

      .bottom ul {
        padding-top: 0.78125rem;
        /* width: 20rem; */
        width: 100%;
        display: flex;
        font-size: 0.25rem;
        line-height: 0.520833rem;
      }

      .bottom ul li:nth-child(1) {
        width: 4.041667rem;
        margin-left: 0;
      }

      .bottom ul li:nth-child(2) {
        width: 3.125rem;
        margin-left: 1.6rem;
      }

      .bottom ul li:nth-child(2) span {
        display: flex;
      }

      .bottom ul li:nth-child(2) span img {
        /* display: block; */
        margin-top: 0.104167rem;
      }

      .bottom ul li:nth-child(2) span:nth-child(1) img {
        display: block;
        width: 1rem;
        height: 0.3125rem;
      }

      .bottom ul li:nth-child(2) span:nth-child(2) img {
        width: 1.5625rem;
        height: 1.5625rem;
        display: block;
        /* margin-top: -20px; */
      }

      .bottom ul li:nth-child(2) span img {
        margin-left: 0.104167rem;
      }

      .bottom ul li:nth-child(3) .dz img {
        width: 0.239583rem;
        height: 0.333333rem;
        margin-right: 0.208333rem;
      }

      .bottom ul li p input {
        border: 1px solid #cfd1d0;
      }

      .bottom ul li p i {
        font-size: 0.229167rem;
      }

      .bottom ul li p span {
        display: flex;
      }

      .bottom ul li p span img {
        display: block;
        margin-top: 0.104167rem;
        width: 0.416667rem;
        height: 0.3125rem;
      }

      .bottom h3 {
        font-size: 0.260417rem;
        /* width: 100%; */
        padding-top: 0rem;
        margin-top: 0.304167rem;
      }

      .bottom ul li:nth-child(2) {
        width: 4.125rem;
        height: 1.375rem;
      }

      .bottom ul li:nth-child(3) {
        width: 7.125rem;
        height: 1.375rem;
        margin-left: 0.675rem;
        display: flex;
        flex-direction: column;
      }

      .bottom ul li:nth-child(3) span .dz {
        color: #ff5858;
        font-size: 0.208333rem;
        margin-right: 0.208333rem;
      }
    }

    @media screen and (min-width: 751px) and (max-width: 1300px) {

      html,
      body {
        /* overflow: scroll;
      overflow-y: hidden; */
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Microsoft YaHei";
        /* font-size: 10px; */
        /* font-size: 0.895833rem; */
        background-color: #fff;
      }

      .container {
        width: 100%;
        /* width: 1920px; */
      }

      /* 顶部样式 */
      .top {
        width: 100%;
        z-index: 10;
        height: 0.833333rem;
        background-color: #0c3506;
        opacity: 0.85;
        padding: 0 3%;
        line-height: 0.833333rem;
        font-size: 0.25rem !important;
        color: rgb(255, 255, 255);
        text-align: center;
        position: relative;
      }

      .top .topContent {
        /* background-color: aquamarine; */
        height: 0.833333rem;
      }

      .top .topContent .fl {
        height: 0.833333rem;
        margin-left: 0.5rem;
        /* width: 200px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fl .topLeft li:first-child {
        font-weight: 700;
        margin-right: 0.2rem;
      }

      .top .topContent .fl .topLeft li img {
        position: absolute;
        top: 0.108333rem;
        left: 0.8rem;
        width: 0.927083rem;
        height: 0.604167rem;
      }

      .top .topContent .fl .topLeft li:last-child i {
        display: inline-block;
        font-size: 0.166667rem;
        text-align: center;
      }

      .top .topContent .fl .topLeft li:last-child i img {
        position: absolute;
        top: 0.25rem;
        left: 5.05rem;
        width: 0.224583rem;
        height: 0.344583rem;
      }

      .top .topContent .fr {
        height: 0.833333rem;
        /* width: 300px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fr .topRight li {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        cursor: pointer;
      }

      .tw {
        color: rgb(245, 222, 62) !important;
      }

      .on {
        color: rgb(245, 222, 62) !important;
        /* border-bottom: 0; */
        font-weight: 550;
      }

      /* banner层样式 */

      .banner {
        width: 100%;
        /* width: 20rem; */
        background-color: #fff;
        margin-top: -0.833333rem;
        /* height: 280px; */
        /* background-color: beige; */
      }

      .banner .bannerBox {
        width: 100%;
        /* position: relative; */
        /* background-color: #f1f1f1; */
        background-color: #fff;
        /* z-index: 1; */
      }

      .banner span {
        margin-top: -0.133333rem;
        display: block;
        /* width: 1220px; */
        padding-bottom: 0.520833rem;
      }

      .banner span img {
        margin-top: -0.833333rem;
        width: 100%;
        height: 100%;
      }

      /* <!-- 内容 --> */
      .content {
        width: 100%;
        /* width: 20rem; */
        /* height: 28.020833rem; */
      }

      .w {
        width: 15.3125rem;
        /* height: 20.020833rem; */
        margin-left: 2.34375rem;
      }

      .content .text {
        height: 2.395833rem;
        /* margin-bottom: 1.375rem; */
        font-family: "Microsoft YaHei";
        background-color: #fff;
      }

      .content .text p {
        font-size: 0.25rem;
        line-height: 0.433333rem;
        font-family: "Microsoft YaHei";
        margin-bottom: 0.3125rem;
      }

      /* 招生板块 */
      .pltou {
        display: flex;
        justify-content: space-between;

        margin-top: 0.820833rem;
        margin-bottom: 0.520833rem;
      }

      .pltou span {
        /* font-size: 0.5rem; */
        font-weight: 700;
      }

      .pltou .sousuo {
        position: relative;
        width: 4.270833rem;
        height: 0.625rem;
        font-size: 0.25rem;
        background-color: rgb(241, 161, 161);
      }

      .pltou .sousuo input {
        width: 4.270833rem !important;
        height: 0.625rem !important;
        font-size: 0.25rem;
        padding-left: 0.052083rem;
      }

      .pltou .sousuo input .value {
        color: rgb(224, 121, 121);
      }

      input:-moz-placeholder,
      textarea:-moz-placeholder {
        color: #d0d0d0;
      }

      .pltou .sousuo button {
        position: absolute;
        width: 1.247917rem;
        height: 0.625rem;
        color: #fff;
        font-size: 0.25rem;
        background-color: #414141;
        border: 1px solid #707070;
        border-radius: 0.052083rem;
        top: 0;
        right: 0;
      }

      .plate .plc {
        margin-left: 1.041667rem;
      }

      .plate .plc .plct li {
        width: 10.416667rem;
        line-height: 0.720833rem;
        cursor: pointer;
        font-size: 0.25rem;
      }

      .plate .plc .plct li a {
        display: inline-block;
        width: 100%;
        height: 100%;
      }

      .pua {
        width: 8.333333rem;
        height: 0.625rem;
        margin-bottom: 0.520833rem;
        margin-left: 1.041667rem;
      }

      .pua .M-box1 {
        width: 8.333333rem;
        height: 0.625rem;
        line-height: 0.625rem;
      }

      .pua .M-box1 a {
        display: inline-block;
        width: 0.425rem;
        height: 0.425rem;
        color: #000 !important;
        font-size: 0.2125rem;
        text-align: center;
        /* background-color: rgb(226, 145, 145); */
      }

      .pua .M-box1 span {
        display: inline-block;
        width: 0.625rem;
        height: 0.625rem;
        color: #000;
        text-align: center;
        font-size: 0.3125rem;
      }

      .hard {
        height: 11.375rem;
        width: 16.2rem;
        /* background-color: rgb(230, 134, 134); */
        margin-bottom: 2.385417rem;
      }

      .hard .hard_t {
        display: inline-block;
        width: 5.104167rem;
        height: 100%;
        overflow: hidden;
        border-radius: 0.416667rem;
        box-shadow: 0px 0.03125rem 0.125rem #00000029;
        opacity: 1;
        /* background-color: rgb(81, 218, 27); */
      }

      .hard .to {
        margin: 0 0.200417rem;
      }

      .hard .hard_t .ware {
        width: 100%;
        background-color: #c3eebd;
        color: #fff;
        padding-top: 0.208333rem;
        height: 3.21875rem;
        font-size: 0.25rem;
        text-align: center;
        line-height: 1.666667rem;
        font-weight: 700;
      }

      .ware .ware_tu {
        /* width: 200px; */
        /* height: 200px; */
        margin: auto;
      }

      .ware .ware_tu img {
        width: 100%;
        height: 100%;
      }

      .wf {
        width: 1.645833rem;
        height: 1.625rem;
      }

      .wr {
        width: 2.15625rem;
        height: 1.708333rem;
      }

      .wo {
        width: 2.71875rem;
        height: 2.041667rem;
      }

      .hard .hard_t:nth-child(1) .ware {
        color: #000;
      }

      .hard .hard_t:nth-child(2) .ware {
        line-height: 140px;
        background-color: #4caf50;
      }

      .hard .hard_t:nth-child(3) .ware {
        line-height: 0.833333rem;
        background-color: #28742b;
      }

      .nr ul {
        margin: 1.010417rem 0.489583rem 0.572917rem 0.708333rem;
      }

      .nr ul li {
        width: 3.2rem;
        font-size: 0.25rem;
        margin-bottom: 0.833333rem;
      }

      .nr ul li span {
        text-align: right;
        font-weight: 700;
      }

      .nr ul li div {
        display: block;
      }

      /* 底部样式 */

      .bottom {
        width: 100%;
        height: 4rem;
        background-color: #000000cf;
        color: #d5d5d5;
        padding: 0 8%;
        margin-top: 0rem;
        /* z-index: 11; */
      }

      .bottom ul {
        padding-top: 0.78125rem;
        /* width: 20rem; */
        width: 100%;
        display: flex;
        font-size: 0.25rem;
        line-height: 0.520833rem;
      }

      .bottom ul li:nth-child(1) {
        width: 4.041667rem;
        margin-left: 0;
      }

      .bottom ul li:nth-child(2) {
        width: 3.125rem;
        margin-left: 1.6rem;
      }

      .bottom ul li:nth-child(2) span {
        display: flex;
      }

      .bottom ul li:nth-child(2) span img {
        /* display: block; */
        margin-top: 0.104167rem;
      }

      .bottom ul li:nth-child(2) span:nth-child(1) img {
        display: block;
        width: 1rem;
        height: 0.3125rem;
      }

      .bottom ul li:nth-child(2) span:nth-child(2) img {
        width: 1.5625rem;
        height: 1.5625rem;
        display: block;
        /* margin-top: -20px; */
      }

      .bottom ul li:nth-child(2) span img {
        margin-left: 0.104167rem;
      }

      .bottom ul li:nth-child(3) .dz img {
        width: 0.239583rem;
        height: 0.333333rem;
        margin-right: 0.208333rem;
      }

      .bottom ul li p input {
        border: 1px solid #cfd1d0;
      }

      .bottom ul li p i {
        font-size: 0.229167rem;
      }

      .bottom ul li p span {
        display: flex;
      }

      .bottom ul li p span img {
        display: block;
        margin-top: 0.104167rem;
        width: 0.416667rem;
        height: 0.3125rem;
      }

      .bottom h3 {
        font-size: 0.260417rem;
        /* width: 100%; */
        padding-top: 0rem;
        margin-top: 0.304167rem;
      }

      .bottom ul li:nth-child(2) {
        width: 4.125rem;
        height: 1.375rem;
      }

      .bottom ul li:nth-child(3) {
        width: 7.125rem;
        height: 1.375rem;
        margin-left: 0.675rem;
        display: flex;
        flex-direction: column;
      }

      .bottom ul li:nth-child(3) span .dz {
        color: #ff5858;
        font-size: 0.208333rem;
        margin-right: 0.208333rem;
      }
    }

    @media screen and (min-width: 751px) and (max-width: 1110px) {
      .content .try {
        width: 100%;
        height: 7.770833rem;
        margin-top: 1.283333rem;
      }

      .content .try div:first-child .flss {
        width: 50%;
        height: 7.770833rem;
        overflow: hidden;
      }

      .content .try .flss img {
        /* width: 100%; */
        height: 100%;
        /* height: 746px; */
        /* height: 100%; */
        /* transform: translateX(-2.8rem); */
      }

      .content .try div:last-child {
        background-color: #f6f8f6;
        width: 50%;
        height: 7.770833rem;
        padding: 0 4%;
        font-size: 0.25rem;
        padding-right: 8%;
      }

      .content .try .fr form {
        text-align: center;
        margin-left: -1.5rem;
      }

      .content .try div:last-child h2 {
        font-size: 0.395833rem;
        font-weight: bold;
        text-align: left;
        margin-left: 2.291667rem;
        margin-top: 1.166667rem;
        margin-bottom: 0.208333rem;
      }

      .content .try div:last-child h2 img {
        width: 0.4375rem;
        height: 0.458333rem;
      }

      .content .try div:last-child h3 {
        width: 8.9rem;
        font-size: 0.25rem;
        text-align: right;
        margin-bottom: 0.3125rem;
      }

      .content .try div:last-child input {
        height: 0.520833rem;
        border: 1px solid #cfd1d0;
        margin-bottom: 0.208333rem;
      }

      .content .try .fr form p {
        width: 9.9rem;
        height: 0.66875rem;
      }

      .content .try .fr form p label {
        font-weight: 400;
      }

      .content .try .fr form p textarea {
        border: 1px solid #cfd1d0;
        height: 0.825rem !important;
      }

      .content .try .fr form p .inp {
        margin-top: 0.416667rem;
        padding: 0.208333rem;
        height: 1.5625rem !important;
      }

      .content .try div:last-child h2 {
        font-size: 0.395833rem;
        font-weight: bold;
        text-align: left;
        margin-left: 1.8rem;
        margin-top: 0.5rem;
        margin-bottom: 0.208333rem;
      }

      .content .try div:last-child h3 {
        text-align: left;
        margin-right: 0rem;
        font-size: 0.01rem;
        margin-bottom: 0.3125rem;
      }

      .content .try div:last-child input {
        height: 0.520833rem;
        border: 0.010417rem solid #cfd1d0;
        margin-bottom: 0.208333rem;
      }
    }

    @media screen and (min-width: 751px) and (max-width: 1260px) {
      .content .article {
        height: 10.416667rem;
        padding: 0 8%;
        margin-top: 1.270833rem;
      }

      .content .article .fl {
        margin-right: 2.25rem;
      }

      .content .article .frr {
        /* float: left; */
        overflow: hidden;
      }

      .content .article .fl ul li {
        width: 7.291667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .content .article .frr ul li {
        width: 7.291667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .content .article h3 {
        font-size: 0.416667rem;
        font-weight: bold;
        margin-bottom: 0.375rem;
      }

      .content .article h3 span {
        display: inline-block;
        /* display: none; */
        margin-left: 0.2rem;
        width: 1.3rem;
        line-height: 0.35rem;
        height: 0.35rem;
        font-size: 0.1875rem;
        color: #fff;
        background-color: #4caf50;
        border-radius: 0.05rem;
        padding: 0 0.052083rem;
        font-weight: 400;
        overflow: hidden;
        text-align: center;
      }

      .content .article h3 span p {
        font-size: 0.010417rem;
      }

      .content .article li {
        margin-bottom: 0.208333rem;
        font-size: 0.25rem;
      }

      .content .article li span {
        display: inline-block;
        width: 0.416667rem;
        text-align: right;
        margin-right: 0.104167rem;
      }

      .content .article a {
        color: #414141;
      }

      .content .article {
        height: 11rem;
        padding: 0 8%;
        margin-top: 1.270833rem;
      }

      .bottom h3 {
        font-size: 0.260417rem;
        /* width: 100%; */
        padding-top: 0rem;
        margin-top: 0rem;
      }
    }

    @media screen and (min-width: 751px) and (max-width: 920px) {

      /* 顶部样式 */
      .top {
        width: 100%;
        z-index: 10;
        height: 0.833333rem;
        background-color: #0c3506;
        opacity: 0.85;
        padding: 0 3%;
        line-height: 0.833333rem;
        font-size: 0.25rem !important;
        color: rgb(255, 255, 255);
        text-align: center;
        position: relative;
      }

      .top .topContent {
        /* background-color: aquamarine; */
        height: 0.833333rem;
      }

      .top .topContent .fl {
        height: 0.833333rem;
        margin-left: 0.5rem;
        /* width: 200px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fl .topLeft li:first-child {
        font-weight: 700;
        margin-right: 0.2rem;
      }

      .top .topContent .fl .topLeft li img {
        position: absolute;
        top: 0.108333rem;
        left: 0.8rem;
        width: 0.927083rem;
        height: 0.604167rem;
      }

      .top .topContent .fl .topLeft li:last-child i {
        display: inline-block;
        font-size: 0.166667rem;
        text-align: center;
      }

      .top .topContent .fl .topLeft li:last-child i img {
        position: absolute;
        top: 0.25rem;
        left: 26%;
        width: 0.224583rem;
        height: 0.344583rem;
      }

      .top .topContent .fr {
        height: 0.833333rem;
        /* width: 300px; */
        /* background-color: aliceblue; */
      }

      .top .topContent .fr .topRight li {
        margin-left: 0.15rem;
        margin-right: 0.15rem;
        cursor: pointer;
      }

      .top .topContent .fr .topRight li.on {
        color: rgb(245, 222, 62);
        /* border-bottom: 0; */
        font-weight: 550;
      }
    }

    @media screen and (max-width: 751px) {
      a {
        text-decoration: none;
      }

      html {
        font-size: 75px !important;
      }

      .container {
        /* width: 7.8125rem; */
        width: 750px;
        /* width: 10rem; */
        /* width: 750px; */
      }

      html,
      body {
        /* width: 10rem; */
        width: 750px;
        font-family: Arial, Helvetica;
        background: #fff;
      }

      /* 顶部弹层 */
      .tabc {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        margin: 0;
        padding: 0;
        background-color: #145a36;
      }

      .Gg {
        display: block !important;
      }

      .tabc .topx {
        position: relative;
        display: block !important;
        width: 10rem;
        z-index: 10;
        height: 100px;
        background-color: #145a36;
        padding: 0 6%;
        line-height: 100px;
        font-size: 0.25rem !important;
        color: rgb(255, 255, 255);
        text-align: center;
        position: relative;
        font-weight: 400;
        font-family: "Microsoft YaHei";
      }

      .tabc .yi {
        /* -moz-transform: rotate(-90deg); */
        width: 36px;
        height: 36px;
        -webkit-transform: rotate(-180deg);
        display: block !important;
        position: absolute;
        top: 66px;
        left: 40px;
      }

      .tabc .fl ul {
        display: flex;
        height: 100px;
        justify-content: flex-end;
      }

      .tabc .topLeft li {
        display: inline-block;
        font-size: 28px;
        margin-left: 60px;
      }

      .tabc .topLeft li img {
        width: 88px;
        height: 58px;
      }

      .tabc .topLeft .yi img {
        width: 36px;
        height: 36px;
      }

      .tabc .ft ul {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        color: #fff;
        text-align-last: left;
      }

      .tabc .ft ul li:hover {
        background-color: #467d61;
      }

      .tabc .ft ul li a {
        display: block !important;
        width: 100%;
        height: 100%;
      }

      .tabc .ft ul li {
        height: 132px;
        line-height: 132px;
        font-size: 28px;
        padding-left: 150px;
        border-bottom: 1px solid #467d61;
      }

      .tow {
        background-color: #467d61;
      }

      /* 顶部样式 */
      .top {
        display: none;
      }

      .Yt {
        position: fixed;
        top: 0;
        height: 100px;
        /* overflow: hidden; */
        width: 100%;
        max-width: 750px;
        z-index: 9999;
      }

      .topy {
        position: relative;
        display: block !important;
        width: 10rem;
        z-index: 10;
        height: 100px;
        background-color: #145a36;
        padding: 0 6%;
        line-height: 100px;
        font-size: 0.25rem !important;
        color: rgb(255, 255, 255);
        text-align: center;
        position: relative;
        font-weight: 400;
        font-family: "Microsoft YaHei";
      }

      .yi {
        /* -moz-transform: rotate(-90deg); */
        width: 36px;
        height: 36px;
        -webkit-transform: rotate(-180deg);
        display: block !important;
        position: absolute;
        top: 66px;
        left: 40px;
      }

      .topy .topContent .fl ul {
        display: flex;
        height: 100px;
        line-height: 100px;
        justify-content: flex-end;
      }

      .topy .topContent .topLeft li {
        display: inline-block;
        font-size: 28px;
        margin-left: 60px;
      }

      .topy .topContent .topLeft li img {
        width: 88px;
        height: 58px;
      }

      .topy .topContent .topLeft .yi img {
        width: 36px;
        height: 36px;
      }

      .fl {
        float: none;
      }

      .topy .topContent .fr {
        display: none;
      }

      .topy .topContent .fr .topRight li.on {
        color: rgb(245, 222, 62);
        /* border-bottom: 0; */
        font-weight: 550;
      }

      /* banner层样式 */
      .banner {
        display: none;
      }

      .bannery {
        display: block !important;
        /* width: 10rem; */
        width: 100%;
        /* height: 635px; */
        margin-top: 100px;
        background-color: #4caf50;
        position: relative;
      }

      .bannery .bannerBox {
        width: 100%;
        background-color: #f1f1f1;
      }

      .bannery span {
        width: 100%;
        /* height: 1270px; */
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .bannery span img {
        /* width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; */
        display: block;
        width: 100%;
        /* height: 100%; */
      }

      .bannery .sp1 {
        width: 570px;
        height: 244px;
        font-family: "Microsoft YaHei";
        position: absolute;
        text-align: right;
        bottom: 40px;
        right: 38px;
        color: #fff;
      }

      .bannery .sp1 h3 {
        font-weight: 700;
        font-size: 33px;
        margin-bottom: 18px;
      }

      .bannery .sp1 p {
        font-size: 25px;
        font-weight: 100;
        line-height: 18px;
        margin: 0 0 20px;
      }

      /* 内容样式 */
      body,
      html {
        padding: 0;
        margin: 0;
        height: 100%;
        font-family: Arial, Microsoft YaHei;
        /* color: #111; */
      }

      .content {
        display: none;
      }

      .contenty {
        position: relative;
        display: block !important;
        /* height: 2500px; */
        box-sizing: border-box !important;
      }

      .tou {
        position: relative;
        width: 100%;
        height: 150px;
        padding: 0 60px;
        /* background-color: rgb(214, 130, 130); */
      }

      .tou .toutex {
        display: flex;
        margin: 30px auto;
        font-weight: 700;
        font-size: 28px;
        line-height: 70px;
        justify-content: space-around;
      }
      .tou .toutex img {
        margin-top: 20px;
        margin-right: 10px;
        width: 32px;
        height: 32px;
      }
      .ap1,.ap2 {
        color: #7f7e7e ;
      }
      .tou input {
        width: 624px;
        height: 60px;
        padding-left: 20px;
        background: #f5f5f5 0% 0% no-repeat padding-box;
        border-radius: 5px;
        opacity: 1;
        color: #8f8e8e;
        border: 0px solid #f5f5f5;
      }

      .tou .img {
        width: 80px;
        /* height: 100px; */
        position: absolute;
        bottom: 30px;
        right: 70px;
        height: 40px;
        /* background-color: rgb(45, 180, 11); */
      }

      .tou .img img {
        width: 100%;
        height: 100%;
        position: relative !important;
        top: 20px !important;
      }

      .lan {
        width: 100%;
        padding: 0 0.364583rem;
        /* height: 837px; */
      }

      .lan ul li {
        font-size: 24px;
        height: 50px;
        margin-bottom: 30px;
      }

      .bud {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        text-align: center;
        font-size: 28px;
      }

      .pullUpLabel,
      .pullDownLabel {
        font-size: 24px;
      }

      #wrapper {
        display: block !important;
      }

      /* 底部样式 */
      .bottom {
        display: none;
      }

      .bottomy {
        position: fixed;
        bottom: 0;
        display: block !important;
        width: 750px;
        /* height: 838px; */
        background-color: #303030;
        /* padding: 48px 56px 0 0px; */
        padding: 25px 64px;
        margin-top: 0px;
        height: 100px;
        box-sizing: border-box;
        z-index: 666;
      }

      .bottomy h3 {
        font-size: 18px;
        /* width: 100%; */
        color: #d0d0d0;
        margin-bottom: 15px;
      }

      .bottomy h2 {
        font-size: 18px;
        /* width: 100%; */
        color: #d0d0d0;
      }

      .bottomy .imgs {
        position: absolute;
        top: 20px;
        right: 100px;
        width: 60px;
        height: 60px;
      }

      .bottomy .imgs img {
        width: 100%;
        height: 100%;
      }

      .ydlogin {
        display: none;
        width: 500px;
        height: 550px;
        position: fixed;
        border: #ebebeb solid 1px;
        left: 50%;
        top: 50%;
        background: #fff 0% 0% no-repeat padding-box;
        box-shadow: 0px 0.03125rem 0.375rem #00000087;
        opacity: 1;
        z-index: 9999;
        transform: translate(-50%, -50%);
      }

      .ydlogin .tesb {
        position: absolute;
        left: 20px;
        bottom: 0;
        width: 460px;
        height: 460px;
      }

      .ydlogin .tesb img {
        width: 100%;
        height: 100%;
      }

      .ydlogin .test {
        padding-top: 5px;
        padding-left: 60px;
        width: 100%;
        height: 140px;
      }

      .ydlogin .test span {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 700;
      }

      .ydlogin-bg {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999;
        background: rgba(255, 252, 252, 0);
      }

      @media screen and (min-width: 320px) {
        html {
          font-size: 32px;
        }
      }

      @media screen and (min-width: 360px) {
        html {
          font-size: 36px;
        }
      }

      @media screen and (min-width: 375px) {
        html {
          font-size: 37.5px;
        }
      }

      @media screen and (min-width: 384px) {
        html {
          font-size: 38.4px;
        }
      }

      @media screen and (min-width: 400px) {
        html {
          font-size: 40px;
        }
      }

      @media screen and (min-width: 414px) {
        html {
          font-size: 41.4px;
        }
      }

      @media screen and (min-width: 424px) {
        html {
          font-size: 42px;
        }
      }

      @media screen and (min-width: 480px) {
        html {
          font-size: 48px;
        }
      }

      @media screen and (min-width: 540px) {
        html {
          font-size: 54px;
        }
      }

      @media screen and (min-width: 720px) {
        html {
          font-size: 72px;
        }
      }

      @media screen and (min-width: 750px) {
        html {
          font-size: 75px;
        }
      }
    }