@charset "UTF-8";
.mobile_navbar,
.menus {
  display: none; }

.content {
  width: 100%;
  border-top: .09rem solid #329151; }
  .content .header {
    width: 100%;
    height: .9rem;
    position: sticky;
    left: 0;
    top: 0;
    transition: all .2s;
    z-index: 1000;
    background: #f3f3f3; }
    .content .header .m {
      width: 15.5rem;
      margin: 0 auto;
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: space-between; }
      .content .header .m .logo {
        display: block;
        width: 3.08rem; }
        .content .header .m .logo img {
          display: block;
          width: 100%; }
      .content .header .m .tel {
        height: 100%;
        display: flex;
        align-items: center; }
        .content .header .m .tel a {
          display: block;
          font-size: .14rem;
          color: #808081; }
          .content .header .m .tel a span {
            color: #1e4e8e;
            font-size: .3rem;
            font-style: italic; }
      .content .header .m > ul {
        height: 100%;
        display: flex; }
        .content .header .m > ul > li {
          height: 100%;
          padding: 0 .19rem;
          position: relative; }
          .content .header .m > ul > li:hover .slide {
            left: .19rem;
            visibility: inherit;
            opacity: 1; }
          .content .header .m > ul > li .slide {
            display: flex;
            align-items: center;
            background: #1e4e8e;
            position: absolute;
            white-space: nowrap;
            left: 0rem;
            z-index: 9;
            top: 100%;
            visibility: hidden;
            transition: all .4s;
            opacity: 0; }
            .content .header .m > ul > li .slide a {
              display: flex;
              height: .44rem;
              font-size: .14rem;
              padding: 0 .16rem;
              align-items: center;
              justify-content: center;
              color: #fff;
              transition: all .2s;
              position: relative; }
              .content .header .m > ul > li .slide a:hover {
                opacity: 0.8; }
              .content .header .m > ul > li .slide a::after {
                content: '';
                width: 1px;
                height: .15rem;
                background: #fff;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%); }
              .content .header .m > ul > li .slide a:last-child::after {
                display: none; }
          .content .header .m > ul > li.on > a {
            background: #1e4e8e;
            color: #fff; }
          .content .header .m > ul > li:hover > a {
            background: #1e4e8e;
            color: #fff; }
          .content .header .m > ul > li > a {
            height: 100%;
            display: flex;
            min-width: .9rem;
            box-sizing: border-box;
            justify-content: center;
            transition: all .2s;
            align-items: center;
            font-size: .16rem;
            padding: 0 .12rem;
            color: #000000; }
  .content .banner {
    overflow: hidden;
    width: 100%;
    position: relative; }
    .content .banner .mySwiper {
      width: 100%;
      overflow: hidden; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        overflow: hidden; }
    .content .banner .swiper-pagination-bullet-active {
      background: #1e4e8e; }
    .content .banner a {
      display: block;
      width: 100%; }
    .content .banner img {
      display: block;
      width: 100%; }
  .content .navbar {
    width: 100%;
    background: #f9f9f9;
    height: 1.08rem; }
    .content .navbar .m {
      width: 12.8rem;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center; }
      .content .navbar .m li {
        flex: 1;
        height: 100%;
        transition: all .2s; }
        .content .navbar .m li.on {
          background: #1e4e8e; }
          .content .navbar .m li.on a div p,
          .content .navbar .m li.on a div span {
            color: #fff; }
        .content .navbar .m li:hover {
          background: #1e4e8e; }
          .content .navbar .m li:hover a div p,
          .content .navbar .m li:hover a div span {
            color: #fff; }
        .content .navbar .m li a {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .content .navbar .m li a img {
            width: .7rem;
            margin-right: .1rem; }
          .content .navbar .m li a div {
            overflow: hidden; }
            .content .navbar .m li a div p {
              font-size: .18rem;
              color: #000000;
              font-weight: bold; }
            .content .navbar .m li a div span {
              display: block;
              font-size: .14rem;
              color: #000000;
              margin-top: .06rem; }
  .content .public_head {
    width: 100%;
    font-size: 12px;
    text-align: center; }
    .content .public_head p {
      text-align: center;
      font-size: .24rem;
      font-weight: bold;
      display: inline-block;
      position: relative;
      color: #000000; }
      .content .public_head p::after {
        content: '';
        width: 100%;
        height: .04rem;
        background: #329151;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: .44rem; }
    .content .public_head span {
      display: block;
      text-align: center;
      font-size: .16rem;
      color: #6c6c6c;
      margin-top: .22rem;
      text-transform: uppercase; }
  .content .footer {
    width: 100%;
    background: #1e4e8e;
    padding: .42rem 0; }
    .content .footer .m {
      width: 12.8rem;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .content .footer .m .fotlogo {
        width: 3.42rem; }
        .content .footer .m .fotlogo img {
          display: block;
          width: 100%; }
      .content .footer .m .code {
        overflow: hidden;
        width: 1.2rem; }
        .content .footer .m .code img {
          display: block;
          width: 100%; }
      .content .footer .m .link {
        overflow: hidden; }
        .content .footer .m .link ul {
          display: flex; }
          .content .footer .m .link ul li {
            font-size: .16rem;
            margin-right: .6rem; }
            .content .footer .m .link ul li:last-child {
              margin-right: 0; }
            .content .footer .m .link ul li a {
              color: #fff; }
        .content .footer .m .link span {
          display: block;
          font-size: .16rem;
          color: #fff;
          margin-top: .66rem; }
  .content .main_content {
    overflow: hidden;
    background: #f4f4f4; }
    .content .main_content .m {
      width: 12.8rem;
      margin: 0 auto;
      padding: .26rem 0 1.4rem 0;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .content .main_content .m .content_right {
        width: 3.2rem; }
        .content .main_content .m .content_right .main_case1 {
          overflow: hidden;
          margin-top: .12rem;
          width: 100%;
          background: #fff; }
          .content .main_content .m .content_right .main_case1 .head {
            display: flex;
            align-items: center;
            height: .35rem;
            font-size: .16rem;
            color: #23af3a;
            background: #00194a;
            padding-left: .16rem; }
          .content .main_content .m .content_right .main_case1 ul {
            overflow: hidden;
            padding: .2rem;
            box-sizing: border-box; }
            .content .main_content .m .content_right .main_case1 ul li {
              font-size: .14rem;
              border-bottom: 1px dashed #dddddd; }
              .content .main_content .m .content_right .main_case1 ul li a {
                color: #333;
                padding: .12rem 0;
                display: block; }
                .content .main_content .m .content_right .main_case1 ul li a:hover {
                  color: #1e4e8e; }
        .content .main_content .m .content_right .main_form {
          overflow: hidden;
          margin-top: .12rem;
          width: 100%;
          background: #fff; }
          .content .main_content .m .content_right .main_form .head {
            display: flex;
            align-items: center;
            height: .35rem;
            font-size: .16rem;
            color: #23af3a;
            background: #00194a;
            padding-left: .16rem; }
          .content .main_content .m .content_right .main_form .box {
            overflow: hidden;
            padding: .2rem; }
            .content .main_content .m .content_right .main_form .box .item {
              overflow: hidden;
              margin-bottom: .2rem; }
              .content .main_content .m .content_right .main_form .box .item p {
                font-size: .14rem;
                color: #666; }
                .content .main_content .m .content_right .main_form .box .item p span {
                  color: #23af37;
                  margin-right: 0.06rem; }
              .content .main_content .m .content_right .main_form .box .item input {
                width: 100%;
                height: .36rem;
                margin-top: .2rem;
                font-size: .12rem;
                color: #000;
                padding-left: .12rem;
                border-radius: .04rem;
                border: 1px solid #000;
                box-sizing: border-box; }
              .content .main_content .m .content_right .main_form .box .item textarea {
                width: 100%;
                height: .8rem;
                margin-top: .2rem;
                font-size: .12rem;
                color: #000;
                outline: none;
                box-sizing: border-box;
                padding: .12rem;
                border-radius: .04rem;
                border: 1px solid #000; }
            .content .main_content .m .content_right .main_form .box .submit {
              display: flex;
              align-items: center;
              justify-content: center;
              height: .36rem;
              font-size: .14rem;
              color: #fff;
              cursor: pointer;
              margin-top: .3rem;
              background: #23af37; }
        .content .main_content .m .content_right .main_case {
          overflow: hidden;
          margin-top: .12rem;
          width: 100%;
          background: #fff; }
          .content .main_content .m .content_right .main_case .head {
            display: flex;
            align-items: center;
            height: .35rem;
            font-size: .16rem;
            color: #23af3a;
            background: #00194a;
            padding-left: .16rem; }
          .content .main_content .m .content_right .main_case ul {
            overflow: hidden;
            padding: .2rem;
            box-sizing: border-box; }
            .content .main_content .m .content_right .main_case ul li {
              overflow: hidden;
              width: 100%;
              margin-bottom: .14rem; }
              .content .main_content .m .content_right .main_case ul li .picture {
                overflow: hidden;
                width: 100%;
                height: 1.64rem; }
                .content .main_content .m .content_right .main_case ul li .picture img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: cover; }
              .content .main_content .m .content_right .main_case ul li .info {
                overflow: hidden;
                padding: .12rem 0;
                border-bottom: 1px dashed #dddddd; }
                .content .main_content .m .content_right .main_case ul li .info p {
                  font-size: .14rem;
                  color: #23af3a;
                  line-height: 1.4; }
                .content .main_content .m .content_right .main_case ul li .info span {
                  display: block;
                  text-align: right;
                  font-size: .12rem;
                  margin-top: .2rem;
                  color: #23af3a; }
        .content .main_content .m .content_right .hot_link {
          width: 100%;
          overflow: hidden;
          background: #00194a;
          padding: .24rem; }
          .content .main_content .m .content_right .hot_link a {
            display: flex;
            align-items: center;
            height: .86rem;
            font-size: .18rem;
            color: #fff;
            padding-left: .4rem;
            box-sizing: border-box;
            border-bottom: 1px dashed #fff;
            position: relative; }
            .content .main_content .m .content_right .hot_link a::after {
              content: '';
              width: 2px;
              height: .2rem;
              background: #23af3a;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%); }
      .content .main_content .m .content_left {
        overflow: hidden;
        width: 9.5rem;
        background: #fff; }
        .content .main_content .m .content_left .infobox {
          width: 100%; }
          .content .main_content .m .content_left .infobox .title {
            display: flex;
            align-items: center;
            height: .4rem;
            background: #23af37;
            font-size: .16rem;
            color: #fff;
            padding-left: .36rem; }
          .content .main_content .m .content_left .infobox .box {
            overflow: hidden;
            padding: .36rem; }
            .content .main_content .m .content_left .infobox .box span {
              font-size: .14rem;
              color: #666;
              display: block;
              line-height: 1.6;
              margin-bottom: .06rem; }
        .content .main_content .m .content_left .page-nav {
          padding: .6rem 0; }
          .content .main_content .m .content_left .page-nav ul {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center; }
            .content .main_content .m .content_left .page-nav ul li {
              display: flex;
              align-items: center;
              justify-content: center;
              box-sizing: border-box;
              height: .34rem;
              min-width: .34rem;
              padding: 0 .1rem;
              font-size: .12rem;
              color: #000;
              border: 1px solid #dddddd;
              cursor: pointer;
              margin: 0 .04rem;
              transition: all .1s; }
              .content .main_content .m .content_left .page-nav ul li a {
                color: #000; }
              .content .main_content .m .content_left .page-nav ul li:hover {
                border: 1px solid #1e4e8e;
                color: #fff;
                background: #1e4e8e; }
                .content .main_content .m .content_left .page-nav ul li:hover a {
                  color: #fff; }
              .content .main_content .m .content_left .page-nav ul li.on {
                border: 1px solid #1e4e8e;
                color: #fff;
                background: #1e4e8e; }
                .content .main_content .m .content_left .page-nav ul li.on a {
                  color: #fff; }
        .content .main_content .m .content_left .list1 {
          padding: 0 .36rem;
          display: flex;
          flex-wrap: wrap;
          margin-top: .2rem; }
          .content .main_content .m .content_left .list1 .label {
            overflow: hidden;
            width: 2.86rem;
            margin-right: .1rem;
            box-shadow: 0.04rem 0.04rem 0.1rem rgba(0, 0, 0, 0.1);
            margin-top: .1rem; }
            .content .main_content .m .content_left .list1 .label:nth-child(3n) {
              margin-right: 0; }
            .content .main_content .m .content_left .list1 .label .picture {
              overflow: hidden;
              width: 100%;
              height: 1.6rem; }
              .content .main_content .m .content_left .list1 .label .picture img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .content .main_content .m .content_left .list1 .label .info {
              overflow: hidden;
              padding: 0 .12rem;
              padding-bottom: .12rem; }
              .content .main_content .m .content_left .list1 .label .info span {
                display: block;
                font-size: .14rem;
                color: #000;
                line-height: .48rem;
                border-bottom: 1px dashed #1fae34; }
              .content .main_content .m .content_left .list1 .label .info em {
                display: block;
                text-align: right;
                font-size: .12rem;
                color: #1fae34; }
              .content .main_content .m .content_left .list1 .label .info div {
                height: .8rem;
                overflow: hidden;
                margin-bottom: .1rem;
                margin-top: .1rem; }
              .content .main_content .m .content_left .list1 .label .info p {
                font-size: .14rem;
                color: #666;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                line-height: 1.4; }
        .content .main_content .m .content_left .list {
          overflow: hidden;
          padding: 0 .36rem;
          display: flex;
          flex-wrap: wrap; }
          .content .main_content .m .content_left .list .label {
            overflow: hidden;
            width: 2.86rem;
            margin-right: .1rem;
            position: relative;
            margin-top: .1rem; }
            .content .main_content .m .content_left .list .label:hover .col-1-bottom {
              -webkit-transition: 0.6s;
              -moz-transition: 0.6s;
              -ms-transition: 0.6s;
              -o-transition: 0.6s;
              transition: 0.6s;
              filter: alpha(opacity=100);
              -wekbit-opacity: 1;
              -moz-opacity: 1;
              opacity: 1;
              -webkit-transform: translateX(0) rotateY(0);
              -moz-transform: translateX(0) rotateY(0);
              -ms-transform: translateX(0) rotateY(0);
              -o-transform: translateX(0) rotateY(0);
              transform: translateX(0) rotateY(0); }
            .content .main_content .m .content_left .list .label .col-1-bottom {
              transform: translateY(100%) rotateX(-90deg);
              transform-origin: top;
              background: rgba(0, 0, 0, 0.6);
              z-index: 2;
              opacity: 0;
              top: 0;
              left: 0;
              position: absolute;
              display: block;
              width: 100%;
              height: 100%;
              transition: all 0.4s ease-in-out;
              backface-visibility: hidden; }
              .content .main_content .m .content_left .list .label .col-1-bottom .info-text {
                display: block;
                position: relative;
                padding: .2rem;
                float: left;
                left: 50%;
                top: 50%;
                text-align: center;
                transform: translateX(-50%) translateY(-50%); }
                .content .main_content .m .content_left .list .label .col-1-bottom .info-text h5 {
                  color: #eee;
                  font-size: .16rem;
                  border-bottom: 1px double #eee;
                  margin-bottom: 0.2rem;
                  padding-bottom: .2rem;
                  text-transform: capitalize; }
                .content .main_content .m .content_left .list .label .col-1-bottom .info-text p {
                  color: #ccc;
                  font-size: 0.12rem; }
            .content .main_content .m .content_left .list .label:nth-child(3n) {
              margin-right: 0; }
            .content .main_content .m .content_left .list .label .picture {
              overflow: hidden;
              width: 100%;
              height: 2.22rem; }
              .content .main_content .m .content_left .list .label .picture img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .content .main_content .m .content_left .list .label .name {
              height: .48rem;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #2caa3e; }
              .content .main_content .m .content_left .list .label .name span {
                font-size: .16rem;
                color: #fff; }
  .content .menu {
    width: 100%;
    background: #FFFFFF;
    padding-bottom: .36rems; }
    .content .menu .m {
      width: 12.8rem;
      margin: 0 auto;
      height: .7rem;
      display: flex;
      align-items: center;
      border-bottom: 1px dashed #dddddd; }
      .content .menu .m li {
        height: 100%;
        display: flex;
        font-size: .16rem;
        align-items: center;
        color: #000;
        margin-right: .1rem; }
        .content .menu .m li:last-child a {
          color: #4daf5d; }
        .content .menu .m li a {
          height: 100%;
          display: flex;
          align-items: center;
          font-size: .16rem;
          color: #000; }
  .content .main_news {
    overflow: hidden;
    padding: .6rem 0;
    background: #f9f9f9; }
    .content .main_news .m {
      width: 12.8rem;
      margin: 0 auto; }
      .content .main_news .m .box {
        display: flex;
        flex-wrap: wrap; }
        .content .main_news .m .box .label {
          overflow: hidden;
          width: 3.08rem;
          margin-top: .2rem;
          margin-right: .16rem;
          background: #eaeaea; }
          .content .main_news .m .box .label:nth-child(4n) {
            margin-right: 0; }
          .content .main_news .m .box .label:hover a .picture img {
            transform: scale(1.06); }
          .content .main_news .m .box .label a {
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: .22rem .16rem 0 .16rem; }
            .content .main_news .m .box .label a .picture {
              overflow: hidden;
              width: 100%;
              height: 1.86rem; }
              .content .main_news .m .box .label a .picture img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
                transition: all .6s; }
            .content .main_news .m .box .label a .info {
              overflow: hidden;
              padding: .22rem 0 .16rem 0; }
              .content .main_news .m .box .label a .info p {
                font-size: .16rem;
                color: #000000;
                min-height: .8rem;
                line-height: 1.8; }
              .content .main_news .m .box .label a .info span {
                display: block;
                margin-top: .1rem;
                font-size: .12rem;
                color: #329151;
                text-align: right; }
  .content .main_about {
    overflow: hidden;
    padding: .6rem 0; }
    .content .main_about .m {
      width: 12.8rem;
      margin: 0 auto; }
      .content .main_about .m .box {
        width: 100%;
        margin-top: .38rem; }
        .content .main_about .m .box p {
          text-align: center;
          font-size: .16rem;
          color: #3d3d3d;
          line-height: 1.8; }
  .content .main_equipment {
    overflow: hidden;
    padding: .6rem 0;
    background: #f9f9f9; }
    .content .main_equipment .m {
      width: 12.8rem;
      margin: 0 auto; }
      .content .main_equipment .m .box {
        width: 100%;
        margin-top: .3rem;
        display: flex;
        margin-top: .2rem;
        flex-wrap: wrap; }
        .content .main_equipment .m .box .label {
          overflow: hidden;
          width: 2.49rem;
          height: 3.85rem;
          margin-top: .1rem;
          background: #e6e5e5;
          margin-right: .08rem;
          transition: all .4s;
          box-shadow: 0.04rem 0.04rem 0.08rem rgba(0, 0, 0, 0.2);
          position: relative; }
          .content .main_equipment .m .box .label:hover {
            transform: translateY(-0.06rem); }
            .content .main_equipment .m .box .label:hover::after {
              opacity: 0.68; }
            .content .main_equipment .m .box .label:hover a p,
            .content .main_equipment .m .box .label:hover a span {
              position: relative;
              z-index: 99;
              color: #fff; }
            .content .main_equipment .m .box .label:hover a p::after {
              background: #fff; }
          .content .main_equipment .m .box .label::after {
            content: '';
            width: 100%;
            height: 100%;
            background: #1e4e8e;
            position: absolute;
            left: 0;
            top: 0;
            transition: all .46s;
            opacity: 0; }
          .content .main_equipment .m .box .label:nth-child(5n) {
            margin-right: 0; }
          .content .main_equipment .m .box .label a {
            width: 100%;
            height: 100%;
            display: block;
            box-sizing: border-box;
            padding: .26rem .16rem; }
            .content .main_equipment .m .box .label a p {
              font-size: .18rem;
              color: #000000;
              font-weight: bold;
              margin-bottom: .38rem;
              position: relative; }
              .content .main_equipment .m .box .label a p::after {
                content: '';
                width: .36rem;
                height: 2px;
                background: #329151;
                position: absolute;
                left: 0;
                top: 140%; }
            .content .main_equipment .m .box .label a span {
              display: block;
              font-size: .14rem;
              color: #000;
              margin-bottom: .1rem; }
          .content .main_equipment .m .box .label .bgpic {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0; }
  .content .main_product {
    overflow: hidden;
    padding: .46rem 0; }
    .content .main_product .m {
      width: 12.8rem;
      margin: 0 auto; }
      .content .main_product .m .box {
        width: 100%;
        display: flex;
        margin-top: .46rem;
        flex-wrap: wrap; }
        .content .main_product .m .box .label {
          width: 25%;
          height: 2.24rem;
          overflow: hidden;
          position: relative; }
          .content .main_product .m .box .label .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .14rem;
            color: #fff;
            background: #1e4e8e;
            width: 1rem;
            height: .46rem;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -.5rem;
            margin-top: -.23rem;
            z-index: 9;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            opacity: 0;
            transition: all .4s;
            -moz-osx-font-smoothing: grayscale; }
            .content .main_product .m .box .label .btn:hover::after {
              opacity: 1;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px; }
            .content .main_product .m .box .label .btn::after {
              content: '';
              position: absolute;
              border: #1e4e8e solid 2px;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
              -webkit-transition-property: top, right, bottom, left;
              transition-property: top, right, bottom, left; }
          .content .main_product .m .box .label.on:hover .btn {
            opacity: 1; }
          .content .main_product .m .box .label.on:hover::after {
            opacity: 1;
            transform: rotateY(0); }
          .content .main_product .m .box .label.on:hover::before {
            opacity: 1;
            transform: rotateY(0); }
          .content .main_product .m .box .label.on:hover .picture::after {
            opacity: 1;
            transform: rotateY(0); }
          .content .main_product .m .box .label.on:hover .picture::before {
            opacity: 1;
            transform: rotateY(0); }
          .content .main_product .m .box .label.on::after {
            content: "";
            display: block;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1;
            transition: 0.8s ease-in-out;
            opacity: 0;
            top: 0;
            left: 50%;
            width: 25%;
            height: 100%;
            transform: rotateY(90deg); }
          .content .main_product .m .box .label.on::before {
            content: "";
            display: block;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1;
            transition: 0.8s ease-in-out;
            opacity: 0;
            top: 0;
            left: 75%;
            width: 25%;
            height: 100%;
            transform: rotateY(90deg); }
          .content .main_product .m .box .label .picture {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            position: relative; }
            .content .main_product .m .box .label .picture::after {
              content: "";
              display: block;
              position: absolute;
              background-color: rgba(0, 0, 0, 0.5);
              z-index: 1;
              transition: 0.8s ease-in-out;
              opacity: 0;
              top: 0;
              left: 0;
              width: 25%;
              height: 100%;
              transform: rotateY(90deg); }
            .content .main_product .m .box .label .picture::before {
              content: "";
              display: block;
              position: absolute;
              background-color: rgba(0, 0, 0, 0.5);
              z-index: 1;
              transition: 0.8s ease-in-out;
              opacity: 0;
              top: 0;
              left: 25%;
              width: 25%;
              height: 100%;
              transform: rotateY(90deg); }
            .content .main_product .m .box .label .picture img {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover;
              position: relative; }
          .content .main_product .m .box .label .font {
            width: 100%;
            height: 100%;
            background: #329151;
            padding: .3rem .26rem; }
            .content .main_product .m .box .label .font p {
              font-size: .14rem;
              color: #fff;
              font-weight: bold; }
            .content .main_product .m .box .label .font span {
              display: block;
              font-size: .12rem;
              color: #fff;
              line-height: 1.8;
              margin-top: .26rem;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 4;
              overflow: hidden; }

@media (max-width: 1000px) {
  .m {
    width: 100% !important; }

  .content .header .m > ul {
    display: none; }

  .content .header .m {
    padding: 0 .3rem;
    padding-right: 1.2rem; }

  .content .navbar {
    height: auto;
    padding: .3rem; }

  .content .navbar .m {
    flex-wrap: wrap; }
    .content .navbar .m li {
      flex: auto;
      width: 50%; }
      .content .navbar .m li a {
        padding: .3rem 0;
        display: block; }
        .content .navbar .m li a img {
          width: 1.2rem;
          margin: 0 auto;
          display: block; }
        .content .navbar .m li a div {
          width: 100%;
          text-align: center;
          margin-top: .4rem; }
          .content .navbar .m li a div p {
            font-size: .28rem; }
          .content .navbar .m li a div span {
            font-size: .24rem; }

  .content .main_product {
    padding: .6rem .3rem; }

  .content .public_head p {
    font-size: .3rem; }

  .content .public_head p::after {
    top: 140%; }

  .content .public_head span {
    font-size: .24rem;
    margin-top: .3rem; }

  .content .header {
    height: 1rem; }

  .content .header .m .logo {
    width: 2.6rem; }

  .content .header .m .tel a span {
    font-size: .26rem;
    font-weight: bold; }

  .content .main_product .m .box .label {
    width: 50%;
    height: 2.6rem;
    margin-top: .2rem; }

  .content .main_product .m .box .label .font p {
    font-size: .26rem; }

  .content .main_product .m .box .label .font span {
    font-size: .2rem;
    line-height: 1.6;
    margin-top: .1rem; }

  .content .main_equipment {
    padding: .6rem .3rem; }

  .content .main_equipment .m .box {
    justify-content: space-between; }
    .content .main_equipment .m .box .label {
      width: 48%;
      margin-top: .2rem; }

  .content .main_equipment .m .box .label a p {
    font-size: .28rem;
    position: relative;
    z-index: 9; }

  .content .main_equipment .m .box .label a span {
    font-size: .24上rem;
    position: relative;
    z-index: 9; }

  .content .main_equipment .m .box .label:last-child {
    width: 100%; }

  .content .main_about {
    padding: .6rem .3rem; }

  .content .main_about .m .box p {
    font-size: .24rem; }

  .content .main_news {
    padding: .6rem .3rem; }
    .content .main_news .box {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .content .main_news .box .label {
        width: 48%;
        margin: 0;
        margin-top: .2rem; }

  .content .main_news .m .box .label {
    width: 48%;
    margin: 0;
    margin-top: .2rem; }

  .content .main_news .m .box .label a .picture {
    height: 2.4rem; }

  .content .main_news .m .box .label a .info p {
    font-size: .24rem; }

  .content .main_news .m .box .label a .info span {
    font-size: .24rem;
    margin-top: .2rem; }

  .content .footer {
    padding: .6rem .3rem; }

  .content .footer .m {
    display: block; }

  .content .footer .m .fotlogo {
    display: block;
    margin: 0 auto; }

  .content .footer .m .link span {
    text-align: center;
    margin-top: .4rem; }

  .content .footer .m .code {
    margin: 0 auto;
    margin-top: .4rem;
    display: block; }

  .content .footer .m .link ul {
    justify-content: center;
    margin-top: .4rem; }
    .content .footer .m .link ul li {
      font-size: .22rem; }

  .content .menu .m {
    padding: 0 .3rem; }

  .content .menu .m li {
    font-size: .22rem; }
    .content .menu .m li a {
      font-size: .22rem; }

  .content .main_content .m {
    padding: .3rem;
    display: block; }

  .content .main_content .m .content_left {
    width: 100%; }

  .content .main_content .m .content_left .infobox .title {
    height: .6rem;
    font-size: .26rem; }

  .content .main_content .m .content_left .infobox .box {
    font-size: .26rem; }
    .content .main_content .m .content_left .infobox .box span {
      font-size: .26rem; }

  .content .main_content .m .content_left .list .label {
    width: 100%;
    margin: 0;
    margin-top: .2rem; }

  .content .main_content .m .content_left .list .label .picture {
    height: 4rem; }

  .content .main_content .m .content_left .list .label .name {
    height: .66rem; }
    .content .main_content .m .content_left .list .label .name span {
      font-size: .26rem; }

  .content .main_content .m .content_left .list1 .label {
    width: 100%;
    margin: 0;
    margin-top: .2rem; }

  .content .main_content .m .content_left .list1 .label .picture {
    height: 3rem; }

  .content .main_content .m .content_left .list1 .label .info {
    padding-bottom: .3rem; }

  .content .main_content .m .content_left .page-nav ul li {
    height: .48rem;
    min-width: .48rem;
    font-size: .24rem; }

  .content .main_content .m .content_right {
    width: 100%;
    margin-top: .2rem; }

  .content .main_content .m .content_right .hot_link a {
    font-size: .26rem; }

  .content .main_content .m .content_right .main_case .head {
    height: .8rem;
    font-size: .26rem; }

  .content .main_content .m .content_right .main_case ul li .picture {
    height: 2.6rem; }

  .content .main_content .m .content_right .main_case ul li .info p {
    font-size: .26rem; }

  .content .main_content .m .content_right .main_case ul li .info span {
    font-size: .24rem; }

  .content .main_content .m .content_right .main_case1 .head {
    height: .8rem;
    font-size: .26rem; }

  .content .main_content .m .content_right .main_case1 ul li {
    font-size: .26rem; }

  .content .main_content .m .content_right .main_form .head {
    height: .8rem;
    font-size: .26rem; }

  .content .main_content .m .content_right .main_form .box .item p {
    font-size: .26rem; }

  .content .main_content .m .content_right .main_form .box .item input {
    height: .66rem;
    font-size: .24rem; }

  .content .main_content .m .content_right .main_form .box .item textarea {
    height: 2.6rem;
    font-size: .24rem; }

  .content .main_content .m .content_right .main_form .box .submit {
    height: .88rem;
    font-size: .28rem; }

  .content .main_content .m .content_left .list1 .label .info span {
    font-size: .26rem;
    line-height: .66rem; }

  .content .main_content .m .content_left .list1 .label .info p {
    font-size: .26rem; }

  .content .main_content .m .content_left .list1 .label .info em {
    font-size: .22rem;
    margin-top: .4rem; }

  .menus {
    width: .5rem;
    display: block;
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%); }

  .mobile_navbar {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    display: none; }

  .mobile_navbar .box {
    width: 70%;
    position: absolute;
    right: -70%;
    top: 0;
    overflow: auto;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

  .mobile_navbar .box ul {
    overflow: hidden; }

  .mobile_navbar .box ul li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ECECEC; }

  .mobile_navbar .box ul li > a {
    display: flex;
    align-items: center;
    height: 100%;
    height: .9rem;
    padding-right: .2rem;
    padding-left: .3rem;
    font-size: .28rem;
    color: #333;
    justify-content: space-between; }

  .mobile_navbar .box ul li > a.on img {
    transform: rotate(90deg); }

  .mobile_navbar .box ul li > a img {
    transition: all .2s; }

  .childer {
    overflow: hidden;
    padding-left: .3rem;
    display: none; }

  .childer a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ECECEC;
    height: 100%;
    height: .9rem;
    padding-left: .5rem;
    font-size: .26rem;
    color: #333; }

  .childer a:last-child {
    border: none; }

  .mobile_navbar .box > img {
    width: .4rem;
    margin: .3rem;
    float: right; }

  .mobile_navbar .box ul li div {
    display: none; }

  .mobile_navbar .box ul li div a {
    display: flex;
    align-items: center;
    height: 1rem;
    padding-left: .6rem;
    color: #9D9EA5;
    font-size: .28rem; } }

/*# sourceMappingURL=css.css.map */