.content .main_other_actives .m .box img{
    width: 100%;
}
#prev{
    cursor: pointer;
}
.content .mobs .list{
}
body.on{
    overflow: hidden;
}
.mobs{
    display: none;
}
.prevbox .close{
    width: 40px;
    position: absolute;
    right: 5%;
    top: 10%;
    z-index: 999;
    cursor: pointer;
}
.prevbox{
    width: 100% !important;
    height: 100vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 99999;
}
 @keyframes pulse {
    from,
    75%,
    to {
      transform: scale(1);
    }
 
    25% {
      transform: scale(1.1);
    }
 
    50% {
      transform: scale(1);
    }
  }
  .content .main_navbar .list .item .child {
          overflow: hidden; }
          .content .main_navbar .list .item .child a {
            display: block;
            font-size: 16px;
            color: #053834;
            transition: all .1s;
            padding: 10px 0;
            padding-left: 25px;
            position: relative;
            box-sizing: border-box; }
            .content .main_navbar .list .item .child a::after {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 4px solid transparent;
              border-left-color: #999;
              position: absolute;
              left: 14px;
              top: 50%;
              transform: translateY(-50%); }
            .content .main_navbar .list .item .child a:hover {
              color: #2F9CA7; }
              .content .main_navbar .list .item .child a:hover::after {
                border-left-color: #2F9CA7; }
            .content .main_navbar .list .item .child a.on {
              color: #2F9CA7; }
              .content .main_navbar .list .item .child a.on::after {
                border-left-color: #2F9CA7; }
                
                
                
                 .content .mobs .list .item .child {
          overflow: hidden; }
          .content .mobs .list .item .child a {
            display: block;
            font-size: 16px;
            color: #053834;
            transition: all .1s;
            padding: 10px 0;
            padding-left: 25px;
            position: relative;
            box-sizing: border-box; }
            .content .mobs .list .item .child a::after {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 4px solid transparent;
              border-left-color: #999;
              position: absolute;
              left: 14px;
              top: 50%;
              transform: translateY(-50%); }
            .content .mobs .list .item .child a:hover {
              color: #2F9CA7; }
              .content .mobs .list .item .child a:hover::after {
                border-left-color: #2F9CA7; }
            .content .mobs .list .item .child a.on {
              color: #2F9CA7; }
              .content .mobs .list .item .child a.on::after {
                border-left-color: #2F9CA7; }
                
                
                
.content .banner .mySwiper .swiper-slide img{
    height: 600px;
    object-fit: cover;
}  
  .fadein_form .box form .label input::disabled{
      background: none;
  }
  .fadein_form .box form .label input:disabled{
      background: none;
  }
  
.content .main_activities .m .box .mySwiper .swiper-slide .label .icon.on1{
    animation:  pulse  1.5s linear infinite;
}
.main_distribution .m .box .fade .item .label ul li {
  cursor: pointer; }
.main_brands {
  overflow: hidden;
  padding: 80px 0;
  padding-bottom: 0px; }
  .main_brands .m {
    width: 1200px;
    margin: 0 auto; }
    .main_brands .m .box {
      width: 100%;
      overflow: hidden;
      margin-top: 60px; }
      .main_brands .m .box .mySwiper2 {
        overflow: hidden;
        height: 500px; }
        .main_brands .m .box .mySwiper2 .swiper-wrapper {
          flex-wrap: wrap;
          flex-direction: column; }
        .main_brands .m .box .mySwiper2 .swiper-slide {
          transform: translateZ(0);
          backface-visibility: hidden;
          height: calc(100% / 2) !important;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-bottom: 30px; }
          .main_brands .m .box .mySwiper2 .swiper-slide img {
            width: 90%;
            height: 100%;
            object-fit: cover; }
.fadein_form {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: flex;
  display: none;
  align-items: center;
  justify-content: center; }
  .fadein_form .close {
    cursor: pointer;
    margin: 0 auto;
    display: block;
    margin-top: 30px; }
  .fadein_form .box {
    overflow: hidden;
    width: 970px;
    background: #fff;
    border-radius: 10px;
    padding: 50px 0; }
    .fadein_form .box .head {
      overflow: hidden;
      margin-bottom: 45px; }
      .fadein_form .box .head p {
        text-align: center;
        font-size: 25px;
        color: #333333;
        font-weight: bold;
        margin-bottom: 10px; }
      .fadein_form .box .head span {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #878686; }
    .fadein_form .box form {
      width: 100%; }
      .fadein_form .box form .label {
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        margin-bottom: 26px;
        font-size: 12px;
        justify-content: center; }
        .fadein_form .box form .label p {
          font-size: 14px;
          line-height: 48px;
          color: #ff0600; }
          .fadein_form .box form .label p span {
            font-size: 16px;
            color: #333333;
            display: inline-block;
            width: 65px;
            margin-left: 8px;
            text-align-last: justify; }
        .fadein_form .box form .label input {
          width: 490px;
          height: 48px;
          border: 1px solid #E5E5E5;
          font-size: 16px;
          color: #333;
          padding-left: 22px;
          outline: none;
          margin-left: 20px; }
          .fadein_form .box form .label input::placeholder {
            color: #888888; }
        .fadein_form .box form .label select {
          width: 490px;
          height: 48px;
          border: 1px solid #E5E5E5;
          font-size: 16px;
          color: #333;
          font-family: sy;
          padding-left: 22px;
          outline: none;
          appearance: none;
          margin-left: 20px; }
          .fadein_form .box form .label select::placeholder {
            color: #888888; }
        .fadein_form .box form .label textarea {
          width: 490px;
          height: 100px;
          border: 1px solid #E5E5E5;
          font-size: 16px;
          color: #333;
          padding: 13px 22px;
          box-sizing: border-box;
          font-family: sy;
          resize: none;
          outline: none;
          margin-left: 20px; }
          .fadein_form .box form .label textarea::placeholder {
            color: #888888; }
      .fadein_form .box form input[type="submit"] {
        width: 252px;
        height: 60px;
        cursor: pointer;
        display: block;
        font-size: 18px;
        color: #fff;
        margin: 0 auto;
        margin-top: 60px;
        background: #2f9ca7;
        border-radius: 6px; }
.content .main_search_value .list_box {
  overflow: hidden;
  width: 100%;
  background: #fff; }
  .content .main_search_value .list_box ul {
    overflow: hidden; }
    .content .main_search_value .list_box ul li {
      overflow: hidden;
      width: 100%;
      height: 62px;
      border-bottom: 1px solid #F9F9F9; }
      .content .main_search_value .list_box ul li:hover a p {
        color: #2F9CA7;
        text-decoration: underline; }
      .content .main_search_value .list_box ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%; }
        .content .main_search_value .list_box ul li a p {
          width: 80%;
          font-size: 15px;
          color: #666; }
        .content .main_search_value .list_box ul li a span {
          font-size: 15px;
          color: #666; }

.menus, .mobile_fade {
  display: none; }

.fadein_search {
  display: none; }
.content .main_activities .m .box .mySwiper .swiper-slide .label .icon.on{
    filter: grayscale(1);
}
.right-menu {
  position: fixed;
  right: 0;
  bottom: 55px;
  z-index: 1199;
  display: block; }

.right-menu li {
  padding: 0 10px;
  width: 85px;
  text-align: center;
  background: #2F9CA7;
  transition: all .3s;
  position: relative; }

.right-menu li:hover {
  background: #008896;
  transition: all .3s; }

.right-menu li:hover + li a {
  border-top: 1px solid transparent; }

.right-menu li a p {
  margin-top: 5px;
  font-size: 14px; }

.right-menu li a {
  border-top: 1px solid #008896; }

.right-menu li:first-child a {
  border-top: 0; }

.right-menu li a {
  color: #fff;
  display: block;
  width: 100%;
  padding: 10px 0; }

.chat-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  padding: 28px 0;
  background: #008896;
  color: #fff;
  left: -220px;
  text-align: center;
  cursor: pointer;
  display: none; }

.chat-content p {
  font-size: 18px; }

.traggle {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 10px;
  border-color: transparent transparent transparent #008896;
  border-style: dotted dotted dotted solid; }

.right-wx img {
  width: 140px;
  height: 140px;
  margin-top: 10px; }

.right-menu li:hover .chat-content {
  display: block; }

.content {
  width: 100%;
  overflow: hidden; }
  .content .mobile_history {
    display: none; }
  .content .main_fiexd {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff; }
  .content header {
    width: 100%;
    height: 25px;
    background: #F9F9F9; }
    .content header .m {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .content header .m span {
        cursor: pointer;
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 12px;
        padding: 0 7px;
        color: #333;
        position: relative;
        transition: all .1s; }
        .content header .m span:hover {
          color: #2F9CA7; }
        .content header .m span::after {
          display: block;
          width: 1px;
          height: 13px;
          content: '';
          background: #666;
          right: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
  .content .header {
    width: 100%;
    height: 123px;
    position: relative; }
    .content .header .m {
      width: 1200px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto; }
      .content .header .m .logo {
        width: 209px;
        display: block; }
      .content .header .m .search {
        width: 408px;
        height: 36px;
        border: 1px solid #D7DBE0;
        display: flex; }
        .content .header .m .search .select {
          width: 72px;
          height: 100%;
          display: flex;
          position: relative; }
          .content .header .m .search .select:hover ul {
            opacity: 1;
            top: 100%;
            visibility: inherit; }
          .content .header .m .search .select ul {
            width: 80px;
            position: absolute;
            left: 0;
            top: 120%;
            transition: all .2s;
            opacity: 0;
            background: #fff;
            z-index: 99;
            visibility: hidden;
            border: 1px solid #D7DBE0; }
            .content .header .m .search .select ul li {
              width: 100%;
              font-size: 14px;
              color: #333;
              cursor: pointer;
              height: 36px;
              display: flex;
              align-items: center;
              justify-content: center;
              transition: all .1s; }
              .content .header .m .search .select ul li:hover {
                background: #2F9CA7;
                color: #fff; }
          .content .header .m .search .select .line {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            border-right: 1px solid #D7DBE0;
            justify-content: center;
            cursor: pointer; }
            .content .header .m .search .select .line span {
              font-size: 14px;
              color: #333; }
            .content .header .m .search .select .line img {
              width: 12px;
              margin-left: 3px; }
        .content .header .m .search .change {
          width: 268px;
          height: 100%;
          display: flex;
          align-items: center;
          padding: 0 10px; }
          .content .header .m .search .change img {
            width: 16px; }
          .content .header .m .search .change input {
            flex: 1;
            height: 100%;
            border: none;
            background: none;
            outline: none;
            font-size: 12px;
            color: #333;
            padding-left: 10px; }
            .content .header .m .search .change input::placeholder {
              color: #666; }
        .content .header .m .search .btn {
          width: calc(100% - 268px - 72px);
          height: 100%;
          cursor: pointer;
          display: flex;
          align-items: center;
          border: none;
          outline: none;
          justify-content: center;
          font-size: 16px;
          transition: all .1s;
          color: #fff;
          background: #2F9CA7; }
          
          .content .header .m .search .btn:hover {
            opacity: 0.8; }
      .content .header .m .mobile {
        overflow: hidden; }
        .content .header .m .mobile a {
          display: flex;
          align-items: center; }
          .content .header .m .mobile a img {
            width: 20px;
            margin-right: 4px; }
          .content .header .m .mobile a span {
            font-size: 20px;
            color: #2F9CA7; }
  .content .navbar {
    width: 100%;
    height: 52px;
    background: #2F9CA7; }
    .content .navbar .m {
      width: 1200px;
      height: 100%;
      display: flex;
      margin: 0 auto;
      justify-content: space-between; }
      .content .navbar .m li {
        height: 100%;
        position: relative;
        transition: all .1s; }
        .content .navbar .m li:hover {
          background: #347F8A; }
          .content .navbar .m li:hover div {
            opacity: 1;
            visibility: inherit;
            top: 100%; }
        .content .navbar .m li.on {
          background: #347F8A; }
        .content .navbar .m li div {
          position: absolute;
          left: 0;
          top: 120%;
          z-index: 9;
          visibility: hidden;
          opacity: 0;
          background: #fff;
          transition: all .2s;
          width: 215px; }
          .content .navbar .m li div a {
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #999;
            padding: 15px 0;
            justify-content: center;
            transition: all .1s; }
            .content .navbar .m li div a:hover {
              color: #2F9CA7; }
        .content .navbar .m li > a {
          color: #fff;
          display: flex;
          align-items: center;
          height: 100%;
          font-size: 16px;
          padding: 0 40px; }
  .content .banner {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .content .banner .swiper-pagination-bullet-active {
      background: #2F9CA7 !important; }
    .content .banner .mySwiper {
      width: 100%;
      overflow: hidden;
      position: relative;
      padding-bottom: 55px; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        overflow: hidden; }
        .content .banner .mySwiper .swiper-slide img {
          display: block;
          width: 100%; }
  .content .main_distribution {
    overflow: hidden;
    width: 100%;
    padding-top: 55px; }
    .content .main_distribution .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_distribution .m .box {
        overflow: hidden;
        width: 100%;
        background: #fff;
        padding: 0 50px 40px 50px; }
        .content .main_distribution .m .box .tabbar {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 90px;
          border-bottom: 1px solid #EDEDED; }
          .content .main_distribution .m .box .tabbar div {
            cursor: pointer;
            font-size: 20px;
            color: #333333;
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
            padding: 0 35px; }
            .content .main_distribution .m .box .tabbar div::after {
              content: '';
              width: 0;
              height: 2px;
              background: #2f9ca7;
              position: absolute;
              left: 50%;
              bottom: 0;
              transform: translateX(-50%);
              transition: all .2s; }
            .content .main_distribution .m .box .tabbar div.on {
              color: #2f9ca7; }
              .content .main_distribution .m .box .tabbar div.on::after {
                width: 48px; }
            .content .main_distribution .m .box .tabbar div:hover {
              color: #2f9ca7; }
              .content .main_distribution .m .box .tabbar div:hover::after {
                width: 48px; }
        .content .main_distribution .m .box .fade {
          width: 100%;
          overflow: hidden; }
          .content .main_distribution .m .box .fade .item {
            width: 100%;
            overflow: hidden;
            display: flex;
            padding-top: 36px;
            justify-content: space-between;
            display: none; }
            .content .main_distribution .m .box .fade .item.on {
              display: flex; }
            .content .main_distribution .m .box .fade .item .label {
              overflow: hidden;
              flex: 1;
              position: relative;
              padding-right: 50px; }
              .content .main_distribution .m .box .fade .item .label:nth-child(2n) {
                padding-right: 0;
                padding-left: 50px; }
                .content .main_distribution .m .box .fade .item .label:nth-child(2n)::after {
                  content: '';
                  width: 1px;
                  height: 100%;
                  background: #E5E5E5;
                  position: absolute;
                  left: 0;
                  top: 0; }
              .content .main_distribution .m .box .fade .item .label .status {
                width: 100%;
                height: 40px;
                border-radius: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #2F9CA7;
                font-size: 18px;
                margin-bottom: 36px;
                color: #fff; }
                .content .main_distribution .m .box .fade .item .label .status.on {
                  background: #B2B2B2; }
              .content .main_distribution .m .box .fade .item .label ul {
                overflow: hidden;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                margin-top: 25px; }
                .content .main_distribution .m .box .fade .item .label ul li {
                  font-size: 18px;
                  color: #333333;
                  margin-right: 30px; }
                  .content .main_distribution .m .box .fade .item .label ul li:first-child {
                    color: #2f9ca7;
                    width: 55px;
                    text-align-last: justify; }
  .content .main_search_value {
    overflow: hidden;
    padding: 80px 0; }
    .content .main_search_value .m {
      width: 1200px;
      overflow: hidden;
      margin: 0 auto; }
      .content .main_search_value .m .box {
        overflow: hidden;
        width: 100%;
        background: #fff;
        padding: 30px;
        margin-top: 20px;
        margin-bottom: 20px; }
        .content .main_search_value .m .box table {
          width: 100%;
          border-left: 1px solid #ccc;
          border-bottom: 1px solid #ccc; }
          .content .main_search_value .m .box table tr {
            width: 100%; }
            .content .main_search_value .m .box table tr th {
              padding: 20px 5px;
              text-align: center;
              border-right: 1px solid #ccc;
              border-top: 1px solid #ccc;
              min-width: 16%;
              font-size: 14px;
              color: #333;
              background: #F0F0F0; }
            .content .main_search_value .m .box table tr td {
              padding: 20px 5px;
              text-align: center;
              border-right: 1px solid #ccc;
              min-width: 16%;
              font-size: 14px;
              border-top: 1px solid #ccc;
              color: #333; }
              .content .main_search_value .m .box table tr td a {
                color: #333;
                transition: all .1s; }
                .content .main_search_value .m .box table tr td a:hover {
                  color: #2F9CA7; }
  .content .product_table {
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px; }
    .content .product_table table {
      width: 100%;
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
      .content .product_table table tr {
        width: 100%; }
        .content .product_table table tr th {
          padding: 20px 5px;
          text-align: center;
          border-right: 1px solid #ccc;
          border-top: 1px solid #ccc;
          min-width: 16%;
          font-size: 14px;
          color: #333;
          background: #F0F0F0; }
        .content .product_table table tr td {
          padding: 20px 5px;
          text-align: center;
          border-right: 1px solid #ccc;
          min-width: 16%;
          font-size: 14px;
          border-top: 1px solid #ccc;
          color: #333; }
          .content .product_table table tr td a {
            color: #333;
            transition: all .1s; }
            .content .product_table table tr td a:hover {
              color: #2F9CA7; }
  .content .main_message {
    overflow: hidden;
    width: 100%;
    padding: 80px 0; }
    .content .main_message .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_message .m .box {
        width: 100%; }
        .content .main_message .m .box input[type='submit'] {
          width: 252px;
          height: 60px;
          display: block;
          margin: 0 auto;
          background: #2F9CA7;
          font-size: 20px;
          color: #fff;
          margin-top: 50px;
          cursor: pointer;
          transition: all .1s; }
          .content .main_message .m .box input[type='submit']:hover {
            opacity: 0.8; }
        .content .main_message .m .box .top {
          display: flex;
          justify-content: space-between; }
          .content .main_message .m .box .top .fr {
            width: calc(100% - 410px); }
            .content .main_message .m .box .top .fr textarea {
              width: 100%;
              display: block;
              resize: none;
              border: none;
              box-sizing: border-box;
              height: 188px;
              font-size: 15px;
              padding: 15px;
              color: #333;
              outline: none;
              border: 1px solid #E6E6E6; }
          .content .main_message .m .box .top .fl {
            overflow: hidden;
            width: 410px; }
            .content .main_message .m .box .top .fl div {
              display: flex;
              align-items: center;
              margin-bottom: 40px; }
              .content .main_message .m .box .top .fl div:last-child {
                margin-bottom: 0; }
              .content .main_message .m .box .top .fl div span {
                font-size: 16px;
                color: #333;
                display: block;
                width: 65px; }
              .content .main_message .m .box .top .fl div input {
                width: 220px;
                height: 36px;
                line-height: 36px;
                background: #FFFFFF;
                border-radius: 3px;
                border: 1px solid #E6E6E6;
                padding: 0 10px; }
              .content .main_message .m .box .top .fl div em {
                color: #CE142B;
                font-size: 16px;
                padding-left: 10px; }
  .content .main_contact {
    overflow: hidden;
    width: 100%;
    padding-top: 50px; }
    .content .main_contact .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_contact .m .contacts {
        overflow: hidden;
        margin-top: 40px; }
        .content .main_contact .m .contacts .title {
          display: flex;
          align-items: center; }
          .content .main_contact .m .contacts .title span {
            font-size: 24px;
            color: #2F9CA7;
            margin-left: 10px;
            font-weight: bold; }
        .content .main_contact .m .contacts ul {
          display: flex;
          flex-wrap: wrap;
          margin-top: 10px; }
          .content .main_contact .m .contacts ul li {
            overflow: hidden;
            width: 33.33%;
            position: relative;
            border-right: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6;
            padding: 28px 50px; }
            .content .main_contact .m .contacts ul li:nth-child(3n) {
              border-right: none; }
            .content .main_contact .m .contacts ul li p {
              font-size: 18px;
              color: #333;
              position: relative;
              margin-bottom: 8px; }
              .content .main_contact .m .contacts ul li p::before {
                content: '';
                width: 10px;
                height: 4px;
                background: #2F9CA7;
                position: absolute;
                left: -20px;
                top: 10px; }
            .content .main_contact .m .contacts ul li span {
              display: block;
              font-size: 16px;
              color: #666;
              padding-bottom: 4px; }
      .content .main_contact .m .box {
        width: 100%;
        display: flex;
        background: #fff;
        justify-content: space-between; }
        .content .main_contact .m .box .map {
          overflow: hidden;
          width: 50%; }
          .content .main_contact .m .box .map img {
            display: block;
            display: none;
            width: 100%; }
            .content .main_contact .m .box .map img.on{
                display: block;
            }
        .content .main_contact .m .box .grow {
          overflow: hidden;
          width: 50%;
          padding: 50px 45px 0 40px; }
          .content .main_contact .m .box .grow ul {
            display: flex;
            align-items: center;
            height: 70px;
            border-bottom: 1px solid #F0F0F0; }
            .content .main_contact .m .box .grow ul li {
              height: 100%;
              cursor: pointer;
              display: flex;
              transform-origin: center center;
              align-items: center;
              position: relative;
              font-size: 18px;
              margin-right: 50px;
              color: #000000; }
              .content .main_contact .m .box .grow ul li.on {
                font-size: 24px;
                font-weight: bold;
                color: #2f9ca7; }
                .content .main_contact .m .box .grow ul li.on::after {
                  width: 41px; }
              .content .main_contact .m .box .grow ul li::after {
                content: '';
                width: 0;
                height: 4px;
                background: #2f9ca7;
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
                transition: all .3s; }
          .content .main_contact .m .box .grow .fade {
            width: 100%;
            overflow: hidden; }
            .content .main_contact .m .box .grow .fade .item {
              width: 100%;
              overflow: hidden;
              padding-top: 65px;
              display: none; }
              .content .main_contact .m .box .grow .fade .item.on {
                display: block; }
              .content .main_contact .m .box .grow .fade .item p {
                font-size: 17px;
                margin-bottom: 20px;
                color: #333; }
              .content .main_contact .m .box .grow .fade .item div {
                display: flex;
                align-items: center;
                font-size: 14px;
                color: #333;
                padding: 5px 0; }
                .content .main_contact .m .box .grow .fade .item div img {
                  margin-right: 5px; }
  .content .main_hot_product {
    overflow: hidden;
    width: 100%;
    padding: 80px 0 0 0; }
    .content .main_hot_product .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_hot_product .m ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px; }
        .content .main_hot_product .m ul li {
          overflow: hidden;
          margin-bottom: 40px;
          flex: 0 0 25%;
          max-width: 25%;
          position: relative;
          padding: 0 15px; }
          .content .main_hot_product .m ul li:hover a {
            background: #fff;
            box-shadow: 0px 2px 8px 2px rgba(226, 226, 226, 0.4); }
            .content .main_hot_product .m ul li:hover a .icon {
              opacity: 1; }
          .content .main_hot_product .m ul li a {
            display: block;
            width: 100%;
            transition: all .3s;
            box-sizing: border-box;
            padding: 10px 10px 23px 10px;
            position: relative; }
            .content .main_hot_product .m ul li a .icon {
              position: absolute;
              width: 40px;
              display: inline-block;
              right: 0;
              top: 0;
              opacity: 0;
              transition: all .3s; }
            .content .main_hot_product .m ul li a .picture {
              width: 100%;
              overflow: hidden;
              height: 260px; }
              .content .main_hot_product .m ul li a .picture img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover; }
            .content .main_hot_product .m ul li a p {
              text-align: center;
              color: #111;
              font-size: 18px;
              text-align: center;
              margin-top: 20px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
  .content .public_head {
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 60px; }
    .content .public_head span {
      display: block;
      font-size: 20px;
      color: #999;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .content .public_head p {
      display: inline-block;
      font-size: 30px;
      line-height: 30px;
      padding-bottom: 13px;
      border-bottom: 1px solid #2F9CA7; }
  .content .null {
    height: calc(52px + 123px + 25px); }
  .content .main_preview {
    width: 100%;
    padding-top: 120px; }
    .content .main_preview .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_preview .m .box {
        width: 600px;
    max-width: 90%;
   
    }
    .content .main_preview .m .mySwiper3 {
       width: 800px;
    max-width: 90%;
    margin: 0 auto;
     margin-bottom: 30px; 
     position: relative;
        overflow: hidden;
    }
     .content .main_preview .m .mySwiper3 .swiper-slide{
         width: 600px;
     }
     .content .main_preview .m .mySwiper3 .swiper-slide img{
         width: 100%;
         opacity: 0.5;
     }
      .content .main_preview .m .mySwiper3 .swiper-slide.swiper-slide-active img{
         opacity: 1;
     }
    .content .main_preview .m .mySwiper3 .swiper-pagination{
        bottom: 10px;
    }
        .content .main_preview .m .box img {
          display: block;
          margin: 0 auto;
          max-width: 100%;
          }
        .content .main_preview .m .box span {
          display: block;
          text-align: center;
          font-size: 30px;
          color: #333; }
  .content .main_brand {
    width: 100%;
    padding-top: 50px; 
  }
    .content .main_brand .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_brand .m .box {
        width: 100%;
        overflow: hidden; }
        .content .main_brand .m .box p {
          display: block;
          font-size: 16px;
          color: #333;
          line-height: 34px;
          /*text-indent: 35px;*/
          }
        .content .main_brand .m .box ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -15px; }
          .content .main_brand .m .box ul li {
            overflow: hidden;
            margin-top: 42px;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
            padding: 0 15px; }
            .content .main_brand .m .box ul li .child {
              width: 100%;
              background: #fff;
              height: 100%; }
            .content .main_brand .m .box ul li .icon {
              width: 100%;
              overflow: hidden; }
              .content .main_brand .m .box ul li .icon img {
                display: block;
                width: 100%; }
            .content .main_brand .m .box ul li .info {
              overflow: hidden;
              padding: 19px 18px; }
              .content .main_brand .m .box ul li .info span {
                display: block;
                font-size: 15px;
                color: #333;
                /*text-indent: 30px;*/
                line-height: 34px;
                text-align:justify;}
  .content .main_data {
    width: 100%;
    padding-top: 80px; }
    .content .main_data .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_data .m ul {
        display: flex; }
        .content .main_data .m ul li {
          flex: 1; }
          .content .main_data .m ul li p {
            text-align: center;
            font-size: 80px;
            color: #2F9CA7;
            line-height: 1; }
          .content .main_data .m ul li span {
            display: block;
            text-align: center;
            font-size: 20px;
            margin-top: 20px;
            color: #333; }
  .content .main_involved {
    width: 100%;
    padding-top: 80px; }
    .content .main_involved .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_involved .m .box {
        width: 100%;
        overflow: hidden; }
        .content .main_involved .m .box img {
          width: 100%;
          display: block; }
  .content .main_honor {
    width: 100%;
    padding: 80px 0; }
    .content .main_honor .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_honor .m .box {
        width: 100%;
        overflow: hidden;
        position: relative; }
        .content .main_honor .m .box .mySwiper1 {
          width: 100%;
          overflow: hidden; }
          .content .main_honor .m .box .mySwiper1 .swiper-slide {
            height: 200px;
            cursor: pointer;
            padding: 10px;
            transition: all .4s ease 0s; }
            .content .main_honor .m .box .mySwiper1 .swiper-slide:hover {
              transform: scale(1.13); }
            .content .main_honor .m .box .mySwiper1 .swiper-slide .label {
              height: 100%; }
              .content .main_honor .m .box .mySwiper1 .swiper-slide .label img {
                height: 100%;
                display: block;
                object-fit: contain;
                width: 100%; }
  .content .des_banner {
    width: 100%;
    overflow: hidden; }
    .content .des_banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .content .main_product {
    width: 100%;
    overflow: hidden;
    padding: 40px 0 80px; }
    .content .main_product .m {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
  .content .main_commits {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-top: 20px;
    padding: 38px 30px; }
    .content .main_commits .title {
      display: block;
      font-size: 20px;
      color: #2f9ca7; }
      .content .main_commits .title span {
        font-size: 14px;
        color: #999999;
        margin-left: 10px; }
  .content .main_other_actives {
    overflow: hidden;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 70px; }
    .content .main_other_actives .m {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden; }
      .content .main_other_actives .m .box {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .content .main_other_actives .m .box .swiper-pagination {
          font-size: 12px;
          bottom: 26px; }
        .content .main_other_actives .m .box .swiper-pagination-bullet {
          width: 12px;
          height: 12px;
          background: none;
          border: 1px solid #fff;
          margin: 0 5px; }
        .content .main_other_actives .m .box .swiper-pagination-bullet-active {
          background: #fff; }
        .content .main_other_actives .m .box .mySwiper1 {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .content .main_other_actives .m .box .mySwiper1 img {
            width: 100%;
            display: block;
            object-fit: cover; }
  .content .main_reviews {
    overflow: hidden;
    width: 100%;
    padding-top: 90px; }
    .content .main_reviews .m {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden; }
      .content .main_reviews .m ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .content .main_reviews .m ul li {
          width: 48%;
          background: #fff;
          padding: 10px;
          margin-bottom: 20px; }
          .content .main_reviews .m ul li:hover a img {
            transform: scale(1.03); }
          .content .main_reviews .m ul li a {
            width: 100%;
            display: block;
            box-sizing: border-box;
            position: relative;
            overflow: hidden; }
            .content .main_reviews .m ul li a div {
              width: 100%;
              padding: 60px 24px 20px 24px;
              position: absolute;
              left: 0;
              bottom: 0;
              background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
              .content .main_reviews .m ul li a div span {
                display: block;
                font-size: 24px;
                color: #fff;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .content .main_reviews .m ul li a img {
              width: 100%;
              display: block;
              transition: all .5s;
              object-fit: cover; }
  .content .main_activities {
    overflow: hidden;
    width: 100%;
    padding-top: 60px; }
    .content .main_activities .m {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden; }
      .content .main_activities .m .box {
        width: 100%;
        position: relative;
        height: 410px;
        background-image: url(../images/activity_21.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        padding-left: 180px; }
        .content .main_activities .m .box .mySwiper {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .content .main_activities .m .box .mySwiper .swiper-slide {
            width: 20%;
            position: relative;
            height: 100%; }
            .content .main_activities .m .box .mySwiper .swiper-slide::after {
              content: '';
              width: 14px;
              height: 16px;
              background-image: url(../images/address_03.png);
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-20%); }
            .content .main_activities .m .box .mySwiper .swiper-slide:nth-child(even) .label {
              top: auto;
              padding-top: 20px;
              bottom: 0; }
              .content .main_activities .m .box .mySwiper .swiper-slide:nth-child(even) .label::after {
                left: 0;
                top: auto;
                bottom: 0; }
              .content .main_activities .m .box .mySwiper .swiper-slide:nth-child(even) .label::before {
                content: '';
                width: 2px;
                height: 100%;
                background: linear-gradient(rgba(0, 0, 0, 0), #7D7D7D);
                position: absolute;
                left: 7px;
                top: auto;
                bottom: 10px;
                z-index: 9; }
            .content .main_activities .m .box .mySwiper .swiper-slide .label {
              position: absolute;
              left: 0;
              top: 0;
              height: calc(50% - 25px);
              padding-left: 32px; }
              .content .main_activities .m .box .mySwiper .swiper-slide .label::after {
                content: '';
                width: 15px;
                height: 15px;
                background-image: url(../images/activity_05.png);
                background-size: 100% 100%;
                position: absolute;
                left: 0;
                top: 0; }
              .content .main_activities .m .box .mySwiper .swiper-slide .label::before {
                content: '';
                width: 2px;
                height: 100%;
                background: linear-gradient(#7D7D7D, rgba(0, 0, 0, 0));
                position: absolute;
                left: 7px;
                top: 10px;
                z-index: 9; }
              .content .main_activities .m .box .mySwiper .swiper-slide .label .icon {
                width: 224px;
                height: 62px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                max-width: 100%;
                background: #fff;
                border: 1px solid #8B8B8B;
                margin: 8px 0;
                padding: 0 5px;
                overflow: hidden; }
                .content .main_activities .m .box .mySwiper .swiper-slide .label .icon img {
                  display: block;
                  width: 100%; }
              .content .main_activities .m .box .mySwiper .swiper-slide .label span {
                display: block;
                font-size: 14px;
                line-height: 30px;
                color: #333333;
                white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 超出容器的文本隐藏 */
  text-overflow: ellipsis; /* 使用省略号表示文本被截断 */
  width: 100%; /* 设置容器宽度 */
  max-width: 250px; /* 可选：限制最大宽度 */}
  .content .search_box {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 20px; }
    .content .search_box .change {
      overflow: hidden;
      width: 366px;
      border: 1px solid #E6E6E6;
      padding: 0 20px;
      height: 50px;
      display: flex;
      transition: all .1s;
      align-items: center;
      background: #fff; }
      .content .search_box .change.on {
        border: 1px solid #2F9CA7; }
      .content .search_box .change img {
        width: 20px; }
      .content .search_box .change input {
        flex: 1;
        height: 100%;
        border: none;
        outline: none;
        font-size: 15px;
        padding: 0 10px;
        color: #333;
        text-align: center; }
        .content .search_box .change input::placeholder {
          color: #999; }
    .content .search_box .btn {
      width: 104px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all .1s;
      font-size: 20px;
      background: #2F9CA7;
      /*margin-left: 10px;*/
      color: #fff; }
      .content .search_box bottom {
      width: 104px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all .1s;
      font-size: 20px;
      background: #2F9CA7;
      margin-left: 10px;
      color: #fff; }
      .content .search_box .btn:hover {
        opacity: 0.8; }
  .content .main_about {
    overflow: hidden;
    padding-top: 80px; }
    .content .main_about .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_about .m .box {
        width: 100%;
        overflow: hidden; }
        .content .main_about .m .box p {
          display: block;
          font-size: 16px;
          color: #333;
          /*text-indent: 30px;*/
          line-height: 2.1; }
        .content .main_about .m .box ul {
          display: flex; }
          .content .main_about .m .box ul li {
            flex: 1;
            position: relative;
            margin-top: 75px;
            overflow: hidden;
            height: 250px;
            background: #fff;
            padding-top: 50px;
            border-right: 1px solid #D8D8D8; }
            .content .main_about .m .box ul li:last-child {
              border: none; }
            .content .main_about .m .box ul li:hover p,
            .content .main_about .m .box ul li:hover em,
            .content .main_about .m .box ul li:hover i {
              color: #fff; }
            .content .main_about .m .box ul li:hover img {
              opacity: 1; }
            .content .main_about .m .box ul li p {
              font-size: 40px;
              color: #2F9CA7;
              text-align: center;
              position: relative;
              z-index: 9;
              line-height: 60px;
              transition: all .2s; }
            .content .main_about .m .box ul li em {
              display: block;
              text-align: center;
              font-size: 16px;
              line-height: 24px;
              color: #999;
              position: relative;
              z-index: 9;
              transition: all .2s; }
            .content .main_about .m .box ul li i {
              display: block;
              text-align: center;
              font-size: 16px;
              line-height: 30px;
              color: #333;
              margin-top: 30px;
              position: relative;
              z-index: 9;
              transition: all .2s; }
            .content .main_about .m .box ul li img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              opacity: 0;
              transition: all .2s; }
  .content .main_hitsory {
    width: 100%;
    padding-top: 75px; }
    .content .main_hitsory .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_brands .m .more {
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .main_brands .m .more span {
          font-size: 15px;
          color: #666; }
        .content .main_brands .m .more img {
          width: 20px;
          margin-left: 5px; }
      .content .main_hitsory .m .more {
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .main_hitsory .m .more span {
          font-size: 15px;
          color: #666; }
        .content .main_hitsory .m .more img {
          width: 20px;
          margin-left: 5px; }
          .content .main_activities .m .more {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: .3rem;}
        .content .main_activities .m .more span {
          font-size: 15px;
          color: #666; }
        .content .main_activities .m .more img {
          width: 20px;
          margin-left: 5px; }
      .content .main_hitsory .m .box {
        width: 100%;
        position: relative;
        margin-top: 90px;
        display: flex; }
        .content .main_hitsory .m .box .mySwiper {
          width: 100%;
          overflow: hidden; }
          .content .main_hitsory .m .box .mySwiper .swiper-slide {
            width: 218px;
            margin: 50px 0;
            margin-left: -20px; }
            .content .main_hitsory .m .box .mySwiper .swiper-slide:first-child {
              margin-left: 0; }
            .content .main_hitsory .m .box .mySwiper .swiper-slide:nth-child(even) .label {
              flex-direction: column;
              background-image: url(../images/lc2.png);
              padding: 0 0 110px 0; }
              .content .main_hitsory .m .box .mySwiper .swiper-slide:nth-child(even) .label .dot {
                transform: translateY(-50px); }
              .content .main_hitsory .m .box .mySwiper .swiper-slide:nth-child(even) .label .font {
                display: flex;
                justify-content: space-between;
                flex-direction: column-reverse; }
                .content .main_hitsory .m .box .mySwiper .swiper-slide:nth-child(even) .label .font p {
                  margin-top: 30px;
                  margin-bottom: 0; }
            .content .main_hitsory .m .box .mySwiper .swiper-slide .label {
              position: relative;
              width: 100%;
              background-image: url(../images/lc1.png);
              background-size: 100%;
              background-repeat: no-repeat;
              display: flex;
              align-items: center;
              justify-content: space-between;
              flex-direction: column-reverse;
              height: 400px;
              padding: 50px 0 0px 0; }
              .content .main_hitsory .m .box .mySwiper .swiper-slide .label .dot {
                width: 140px;
                height: 140px;
                border: 13px solid #2F9CA7;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                font-size: 18px;
                color: #666; }
              .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font {
                overflow: hidden;
                width: 100%; }
                .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font p {
                  text-align: center;
                  font-size: 40px;
                  line-height: 1;
                  color: #2F9CA7;
                  margin-bottom: 30px; }
                .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font span {
                  display: block;
                  text-align: center;
                  font-size: 16px;
                  color: #333;
                  line-height: 1.2;
                  padding: 0 20%;
                  box-sizing: border-box; }
  .content .main_product_info {
    width: calc(100% - 264px - 24px);
    overflow: hidden; }
    .content .main_product_info .info_box {
      overflow: hidden;
      width: 100%;
      background: #fff;
      margin-top: 25px;
      padding: 25px; }
      .content .main_product_info .info_box img {
        width: 100%;
        display: block;
        margin: 0 auto; }
    .content .main_product_info .down_button {
      overflow: hidden;
      padding: 22px 0; }
      .content .main_product_info .down_button p {
        text-align: center;
        font-size: 18px;
        color: #138590; }
      .content .main_product_info .down_button div {
        overflow: hidden;
        margin: 0 auto;
        width: 252px;
        height: 60px;
         display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          color: #fff; 
        transition: all .1s;
        margin-top: 30px;
        background: #2F9CA7; }
        .content .main_product_info .down_button div:hover {
          opacity: 0.8; }
        .content .main_product_info .down_button div a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 20px;
          color: #fff; }
    .content .main_product_info .news_info {
      overflow: hidden;
      width: 100%;
      background: #fff;
      margin-top: 20px;
      padding: 30px; }
      .content .main_product_info .news_info .title {
        text-align: center;
        font-size: 18px;
        color: #33; }
      .content .main_product_info .news_info .child {
        overflow: hidden;
        padding: 20px 0; }
        .content .main_product_info .news_info .child span {
          display: block;
          font-size: 14px;
          text-indent: 30px;
          color: #333;
          line-height: 1.7; }
        .content .main_product_info .news_info .child img {
          display: block;
          margin: 20px auto;
          max-width: 100%; }
    .content .main_product_info .list {
      overflow: hidden;
      width: 100%;
      margin-top: 20px; }
      .content .main_product_info .list ul {
        width: 100%;
        background: #fff;
        padding: 15px 30px;
        margin-bottom: 20px; }
        .content .main_product_info .list ul li {
          overflow: hidden;
          height: 64px;
          border-bottom: 1px solid #EEEEEE; }
          .content .main_product_info .list ul li:last-child {
            border: none; }
          .content .main_product_info .list ul li:hover a p,
          .content .main_product_info .list ul li:hover a span {
            color: #2F9CA7; }
          .content .main_product_info .list ul li a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 100%; }
            .content .main_product_info .list ul li a p {
              font-size: 16px;
              color: #333;
              transition: all .1s;
              width: 80%;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .content .main_product_info .list ul li a span {
              font-size: 16px;
              color: #333;
              transition: all .1s; }
    .content .main_product_info .product_info {
      width: 100%;
      margin-top: 20px; }
      .content .main_product_info .product_info .head {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(47, 156, 167, 0.1);
        font-size: 20px;
        color: #2F9CA7; }
      .content .main_product_info .product_info .box {
        width: 100%;
        overflow: hidden;
        background: #fff;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 30px 9px 30px 30px; }
        .content .main_product_info .product_info .box .slide {
          overflow: hidden;
          width: 365px; }
          .content .main_product_info .product_info .box .slide .picture {
            width: 100%;
            overflow: hidden;
            position: relative;
            height: 365px;
            border-radius: 6px; }
            .content .main_product_info .product_info .box .slide .picture .mySwiper {
              width: 100%;
              height: 100%;
              overflow: hidden; }
              .content .main_product_info .product_info .box .slide .picture .mySwiper .swiper-slide {
                width: 100%;
                height: 100%;
                overflow: hidden;
                border-radius: 6px; }
                .content .main_product_info .product_info .box .slide .picture .mySwiper .swiper-slide img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: contain; }
          .content .main_product_info .product_info .box .slide .desc {
            width: 100%;
            position: relative;
            overflow: hidden;
            margin-top: 10px; }
            .content .main_product_info .product_info .box .slide .desc .mySwiper1 {
              width: 100%;
              overflow: hidden; }
              .content .main_product_info .product_info .box .slide .desc .mySwiper1 .swiper-slide {
                width: 68px;
                height: 68px;
                margin-right: 5px;
                cursor: pointer;
                border: 1px solid #fff;
                overflow: hidden;
                border-radius: 6px; }
                .content .main_product_info .product_info .box .slide .desc .mySwiper1 .swiper-slide.on {
                  border: 1px solid #2F9CA7; }
                .content .main_product_info .product_info .box .slide .desc .mySwiper1 .swiper-slide img {
                  width: 100%;
                  height: 100%;
                  display: block;
                  object-fit: cover; }
        .content .main_product_info .product_info .box .grow {
          overflow: hidden;
          width: calc(100% - 365px - 26px); }
          .content .main_product_info .product_info .box .grow .info {
            overflow: hidden; }
            .content .main_product_info .product_info .box .grow .info span {
              display: block;
              font-size: 16px;
              margin-bottom: 12px;
              color: #333; }
          .content .main_product_info .product_info .box .grow .btn {
            width: 145px;
            height: 45px;
            margin-top: 15px;
            transition: all .1s;
            border-radius: 40px;
            background: #2F9CA7; }
            .content .main_product_info .product_info .box .grow .btn:hover {
              opacity: 0.8; }
            .content .main_product_info .product_info .box .grow .btn a {
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 18px;
              color: #fff; }
          .content .main_product_info .product_info .box .grow em {
            display: block;
            font-size: 14px;
            color: #2f9ca7;
            margin-top: 10px; }
          .content .main_product_info .product_info .box .grow ul {
            width: 100%;
            overflow: hidden;
            overflow-y: auto;
            max-height: 240px;
            padding-right: 16px; }
            .content .main_product_info .product_info .box .grow ul::-webkit-scrollbar {
              border-radius: 5px;
              width: 6px; }
            .content .main_product_info .product_info .box .grow ul::-webkit-scrollbar-thumb {
              border-radius: 5px;
              background: #2F9CA7; }
            .content .main_product_info .product_info .box .grow ul::-webkit-scrollbar-track {
              background: #F0F0F0; }
            .content .main_product_info .product_info .box .grow ul li {
              width: 100%;
              height: 40px;
              border-radius: 4px;
              margin-bottom: 10px;
              background: #F0F0F0;
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 0 5px; }
              .content .main_product_info .product_info .box .grow ul li.on {
                background: #2F9CA7; }
                .content .main_product_info .product_info .box .grow ul li.on span {
                  color: #fff; }
              .content .main_product_info .product_info .box .grow ul li.dis {
                opacity: 0.4; }
              .content .main_product_info .product_info .box .grow ul li img {
                width: 30px;
                height: 30px;
                object-fit: cover;
                display: block; }
              .content .main_product_info .product_info .box .grow ul li span {
                display: block;
                font-size: 16px;
                color: #333333;
                width: calc(100% - 7px - 30px);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
  .content .page_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .content .page_list span {
      font-size: 16px;
      color: #666; }
    .content .page_list a {
      font-size: 16px;
      color: #666;
      transition: all .1s;
      padding: 0 10px; }
      .content .page_list a:hover {
        color: #2F9CA7; }
  .content .menu_link {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #999; }
    .content .menu_link a {
      font-size: 15px;
      padding: 0 5px;
      display: block;
      color: #999; }
      .content .menu_link a:last-child {
        color: #333; }
  .content .main_recruit {
    width: calc(100% - 264px - 24px);
    overflow: hidden;
    background: #fff;
    padding: 38px 30px; }
    .content .main_recruit .title {
      display: block;
      font-size: 20px;
      color: #2f9ca7; }
      .content .main_recruit .title span {
        font-size: 14px;
        color: #999999;
        margin-left: 10px; }
    .content .main_recruit ul {
      overflow: hidden; }
      .content .main_recruit ul li {
        overflow: hidden;
        border-bottom: 1px solid #EFEFEF; }
        .content .main_recruit ul li:hover a p {
          color: #2f9ca7; }
        .content .main_recruit ul li a {
          display: block;
          box-sizing: border-box;
          padding: 30px 0 20px 0; }
          .content .main_recruit ul li a p {
            font-size: 22px;
            color: #333333;
            transition: all .1s;
            margin-bottom: 8px; }
          .content .main_recruit ul li a span {
            display: block;
            font-size: 16px;
            color: #333333;
            margin-bottom: 12px; }
          .content .main_recruit ul li a em {
            display: block;
            font-size: 16px;
            font-style: normal;
            color: #666666;
            line-height: 26px; }
    .content .main_recruit .info {
      overflow: hidden; }
      .content .main_recruit .info div {
        overflow: hidden;
        margin-top: 20px; }
        .content .main_recruit .info div p {
          display: block;
          font-size: 15px;
          color: #333;
          line-height: 1.6; }
  .content .main_product_grow {
    width: calc(100% - 264px - 24px);
    overflow: hidden;
    background: #fff;
    padding: 38px 30px; }
    .content .main_product_grow .title {
      display: block;
      font-size: 20px;
      color: #2f9ca7; }
      .content .main_product_grow .title span {
        font-size: 14px;
        color: #999999;
        margin-left: 10px; }
    .content .main_product_grow ul {
      display: flex;
      margin: 0 -15px;
      flex-wrap: wrap;
      margin-top: 34px; }
      .content .main_product_grow ul li {
        overflow: hidden;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 30px;
        padding: 0 15px; }
        .content .main_product_grow ul li:hover .picture img {
          transform: scale(1.03); }
        .content .main_product_grow ul li:hover span {
          color: #2f9ca7; }
        .content .main_product_grow ul li .picture {
          overflow: hidden;
          width: 100%;
          height: 200px;
          margin-bottom: 10px; }
          .content .main_product_grow ul li .picture img {
            width: 100%;
            display: block;
            height: 100%;
            transition: all .3s;
            object-fit: cover; }
        .content .main_product_grow ul li span {
          display: block;
          font-size: 15px;
          text-align: center;
          width: 100%;
          color: #666;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .content .main_navbar {
    width: 264px;
    overflow: hidden;
    background: #fff; }
    .content .main_navbar .head {
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #2F9CA7;
      font-size: 20px;
      color: #fff; }
    .content .main_navbar .list {
      width: 100%;
      overflow: hidden; }
      .content .main_navbar .list .item {
        overflow: hidden;
        padding: 28px 30px 0; }
        .content .main_navbar .list .item:last-child {
          margin-bottom: 40px; }
        .content .main_navbar .list .item p {
          margin-bottom: 10px; }
          .content .main_navbar .list .item p.on a {
            color: #CE142B; }
          .content .main_navbar .list .item p a {
            font-size: 18px;
            transition: all .1s;
            padding-bottom: 18px;
            color: #333; }
            .content .main_navbar .list .item p a:hover {
              color: #2F9CA7; }
        .content .main_navbar .list .item .child {
          overflow: hidden; }
          .content .main_navbar .list .item .child a {
            display: block;
            font-size: 16px;
            color: #053834;
            transition: all .1s;
            padding: 10px 0;
            padding-left: 25px;
            position: relative;
            box-sizing: border-box; }
            .content .main_navbar .list .item .child a::after {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 4px solid transparent;
              border-left-color: #999;
              position: absolute;
              left: 14px;
              top: 50%;
              transform: translateY(-50%); }
            .content .main_navbar .list .item .child a:hover {
              color: #2F9CA7; }
              .content .main_navbar .list .item .child a:hover::after {
                border-left-color: #2F9CA7; }
            .content .main_navbar .list .item .child a.on {
              color: #2F9CA7; }
              .content .main_navbar .list .item .child a.on::after {
                border-left-color: #2F9CA7; }
      .content .main_navbar .list ul {
        width: 100%;
        overflow: hidden;
        padding: 12px 0; }
        .content .main_navbar .list ul li {
          width: 100%;
          position: relative; }
          .content .main_navbar .list ul li.on > a {
            color: #2F9CA7;
            font-weight: bold; }
            .content .main_navbar .list ul li.on > a::before {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 5px solid transparent;
              margin-right: 13px;
              border-left-color: #2F9CA7; }
          .content .main_navbar .list ul li:hover > a {
            color: #2F9CA7;
            font-weight: bold; }
            .content .main_navbar .list ul li:hover > a::before {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 5px solid transparent;
              margin-right: 13px;
              border-left-color: #2F9CA7; }
          .content .main_navbar .list ul li > a {
            display: flex;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            padding: 13px 25px;
            font-size: 18px;
            color: #333333; }
             .content .main_navbar .list ul li .child{
                   overflow: hidden;
                   padding: 5px 25px;
                   display: none;
                   padding-left: 55px;
               }
                .content .main_navbar .list ul li.on .child{
                    display: block;
                }
                .content .main_navbar .list ul li .child a {
                     display: flex;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            padding: 10px 0px;
            font-size: 15px;
            color: #666; 
                }
                 .content .main_navbar .list ul li .child a.on{
                     color: #2F9CA7;
                 }
                 .content .main_navbar .list ul li .child a.on::before{
                     display: block;
              content: '';
              width: 0;
              height: 0;
              border: 5px solid transparent;
              margin-right: 6px;
              border-left-color: #2F9CA7;
                 }
                 
                 
                 
                 
                 
                 .content .mobs .list {
      width: 100%;
      overflow: hidden; }
      .content .mobs .list .item {
        overflow: hidden;
        padding: 28px 30px 0; }
        .content .mobs .list .item:last-child {
          margin-bottom: 40px; }
        .content .mobs .list .item p {
          margin-bottom: 10px; }
          .content .mobs .list .item p.on a {
            color: #CE142B; }
          .content .mobs .list .item p a {
            font-size: 18px;
            transition: all .1s;
            padding-bottom: 18px;
            color: #333; }
            .content .mobs .list .item p a:hover {
              color: #2F9CA7; }
        .content .mobs .list .item .child {
          overflow: hidden; }
          .content .mobs .list .item .child a {
            display: block;
            font-size: 16px;
            color: #053834;
            transition: all .1s;
            padding: 10px 0;
            padding-left: 25px;
            position: relative;
            box-sizing: border-box; }
            .content .mobs .list .item .child a::after {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 4px solid transparent;
              border-left-color: #999;
              position: absolute;
              left: 14px;
              top: 50%;
              transform: translateY(-50%); }
            .content .mobs .list .item .child a:hover {
              color: #2F9CA7; }
              .content .mobs .list .item .child a:hover::after {
                border-left-color: #2F9CA7; }
            .content .mobs .list .item .child a.on {
              color: #2F9CA7; }
              .content .mobs .list .item .child a.on::after {
                border-left-color: #2F9CA7; }
      .content .mobs .list ul {
        width: 100%;
        overflow: hidden;
        padding: 12px 0; }
        .content .mobs .list ul li {
          width: 100%;
          position: relative; }
          .content .mobs .list ul li.on > a {
            color: #2F9CA7;
            font-weight: bold; }
            .content .mobs .list ul li.on > a::before {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 5px solid transparent;
              margin-right: 13px;
              border-left-color: #2F9CA7; }
          .content .mobs .list ul li:hover > a {
            color: #2F9CA7;
            font-weight: bold; }
            .content .mobs .list ul li:hover > a::before {
              display: block;
              content: '';
              width: 0;
              height: 0;
              border: 5px solid transparent;
              margin-right: 13px;
              border-left-color: #2F9CA7; }
          .content .mobs .list ul li > a {
            display: flex;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            padding: 13px 25px;
            font-size: 18px;
            color: #333333; }
             .content .mobs .list ul li .child{
                   overflow: hidden;
                   padding: 5px 25px;
                   display: none;
                   padding-left: 55px;
               }
                .content .mobs .list ul li.on .child{
                    display: block;
                }
                .content .mobs .list ul li .child a {
                     display: flex;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            padding: 10px 0px;
            font-size: 15px;
            color: #666; 
                }
                 .content .mobs .list ul li .child a.on{
                     color: #2F9CA7;
                 }
                 .content .mobs .list ul li .child a.on::before{
                     display: block;
              content: '';
              width: 0;
              height: 0;
              border: 5px solid transparent;
              margin-right: 6px;
              border-left-color: #2F9CA7;
                 }
                 
                 
                 
                 
                 
  .content .footer {
    width: 100%;
    overflow: hidden;
    background: url(../images/footer-bg.png) no-repeat;
    background-size: 100% 100%;
    min-height: 298px;
    color: #999;
    font-size: 14px; }
    .content .footer .m {
      width: 1200px;
      margin: 0 auto;
      padding: 30px 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .content .footer .m .fr {
        overflow: hidden; }
        .content .footer .m .fr .logo {
          display: block;
          width: 209px; }
        .content .footer .m .fr .code {
          display: flex;
          margin-top: 30px; }
          .content .footer .m .fr .code div {
            margin-right: 27px; }
            .content .footer .m .fr .code div img {
              display: block;
              width: 120px;
              margin: 0 auto; }
            .content .footer .m .fr .code div span {
              display: block;
              text-align: center;
              font-size: 14px;
              color: #fff; }
      .content .footer .m .fl {
        overflow: hidden; }
        .content .footer .m .fl .link {
          overflow: hidden; }
          .content .footer .m .fl .link ul {
            display: flex;
            align-items: center; }
            .content .footer .m .fl .link ul li {
              font-size: 14px;
              margin-right: 5px;
              color: #999; }
              .content .footer .m .fl .link ul li:first-child {
                color: #fff; }
              .content .footer .m .fl .link ul li a {
                color: #999;
                transition: all .1s; }
                .content .footer .m .fl .link ul li a:hover {
                  color: #2F9CA7; }
        .content .footer .m .fl .f {
          display: flex;
          align-items: center;
          color: #999;
          margin-top: 20px; }
          .content .footer .m .fl .f a {
            color: #999; }
        .content .footer .m .fl .info {
          overflow: hidden;
          padding: 40px 0 30px 0; }
          .content .footer .m .fl .info p {
            color: #fff;
            margin-bottom: 10px; }
          .content .footer .m .fl .info span {
            display: block;
            color: #999;
            margin-bottom: 10px; }

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

  .content .main_hot_product .m ul li a .picture {
    height: 207px; }

  .content .main_data .m ul li p {
    font-size: 60px; }

  .content .main_about .m .box ul li p {
    font-size: 32px; }

  .content .main_activities .m .box {
    background-size: 100%; }

  .content .main_reviews .m ul li a div span {
    font-size: 20px; }

  .content .main_contact .m .box .grow .fade .item {
    padding-top: 30px; }

  .content .main_contact .m .box .grow ul li.on {
    font-size: 20px; }

  .content .main_contact .m .contacts ul li span {
    font-size: 14px; }

  .content .public_head p {
    font-size: 26px; }

  .content .public_head span {
    font-size: 18px; }

  .content .main_navbar .list ul li a {
    font-size: 16px; }

  .content .main_product_grow ul li .picture {
    height: 140px; }

  .content .main_product_info .list ul li a span {
    font-size: 14px; }

  .content .main_product_info .list ul li a p {
    width: 60%; } }
@media (max-width: 1000px) {
    .content .main_preview .m .mySwiper3 .swiper-slide{
        width: 100%;
    }
     .content .banner .mySwiper .swiper-slide img{
        height: 3rem;
    }
   .content .banner .mySwiper .swiper-pagination{
        bottom: .2rem;
    }
    .content .main_preview .m .mySwiper3{
        max-width: 100%;
        width: 100%;
    }
    .content .main_preview .m .mySwiper3 .swiper-slide img{
        width: 100%;
        display: block;
    }
  .m {
    width: 100% !important; }

  .content header {
    height: .5rem;
    padding: 0 .3rem;
    box-sizing: border-box; }

  .content header .m span {
    font-size: .2rem; }
    .content header .m span:last-child::after {
      display: none; }

  .content .header .m .mobile, .content .header .m .search {
    display: none; }

  .content .header {
    height: 1rem;
    position: fixed;
    left: 0;
    top: .5rem;
    transition: all .2s;
    z-index: 9999;
    background: #fff; }
    .content .header.on {
      top: 0;
      box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
    .content .header .m {
      padding: 0 .3rem; }

  .content .banner .mySwiper {
    padding-bottom: 0; }

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

  .content .navbar {
    display: none; }

  .content .null {
    height: 1rem; }

  .content .main_fiexd {
    position: static; }

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

  .content .public_head {
    margin-bottom: .6rem; }

  .content .public_head p {
    font-size: .33rem;
    padding-bottom: .1rem; }

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

  .content .main_hot_product .m ul {
    margin: 0;
    justify-content: space-between; }
    .content .main_hot_product .m ul li {
      width: 48%;
      max-width: 48%;
      flex: auto;
      padding: 0;
      margin-bottom: .3rem; }
      .content .main_hot_product .m ul li a {
        padding: 0; }
        .content .main_hot_product .m ul li a .icon {
          width: .6rem;
          opacity: 1; }
        .content .main_hot_product .m ul li a .picture {
          height: 3.3rem; }
        .content .main_hot_product .m ul li a p {
          font-size: .26rem;
          margin-top: .2rem; }

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

  .content .main_preview .m .box img {
    margin-bottom: .3rem; }

  .content .main_preview .m .box span {
    font-size: .26rem; }

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

  .content .main_brand .m .box p {
    font-size: .26rem;
    line-height: 2;
    text-indent: .3rem; }

  .content .main_brand .m .box ul {
    margin: 0;
    width: 100%;
    display: block; }
    .content .main_brand .m .box ul li {
      width: 100%;
      margin: 0;
      max-width: 100%;
      margin-top: .3rem;
      padding: 0; }

  .content .main_brand .m .box ul li .info span {
    font-size: .24rem;
    line-height: 2;
    text-indent: .3rem; }

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

  .content .main_data .m ul li p {
    font-size: .56rem; }

  .content .main_data .m ul li span {
    font-size: .26rem;
    margin-top: .15rem; }

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

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

  .content .main_honor .m .box .mySwiper1 .swiper-slide {
    height: 2.6rem; }

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

  .content .footer .m .fl .link ul {
    flex-flow: wrap; }

  .content .footer .m .fl .link ul li {
    font-size: .22rem;
    margin-right: .05rem;
    line-height: 2; }

  .content .footer .m .fl .info {
    padding: .3rem 0; }

  .content .footer .m .fl .info span {
    margin-bottom: .1rem; }

  .content .footer .m .fl .f {
    flex-wrap: wrap; }
    .content .footer .m .fl .f img {
      margin: 0 .05rem; }

  .content .footer .m .fr {
    margin-top: .5rem;
    width: 100%; }
    .content .footer .m .fr .logo {
      width: 3rem;
      margin: 0 auto;
      display: block; }
    .content .footer .m .fr .code {
      display: flex;
      justify-content: center;
      margin-top: .3rem; }
      .content .footer .m .fr .code div {
        width: 1.5rem;
        margin: 0 .2rem; }
        .content .footer .m .fr .code div img {
          width: 100%; }

  .content .footer .m .fr .code div span {
    font-size: .22rem;
    margin-top: .06rem; }

  .content .footer {
    font-size: .22rem; }

  .content .des_banner {
    height: 2rem; }

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

  .content .main_about .m .box p {
    font-size: .26rem;
    line-height: 2;
    /*text-indent: .3rem; }*/

  .content .main_about .m .box ul li {
    margin: 0;
    height: 3.6rem;
    border: none;
    margin-top: .3rem;
    padding-top: .6rem; }

  .content .main_about .m .box ul li p {
    font-size: .4rem;
    line-height: .66rem;
    color: #fff; }

  .content .main_about .m .box ul li em {
    font-size: .26rem;
    line-height: .5rem;
    color: #fff; }

  .content .main_about .m .box ul li i {
    font-size: .26rem;
    line-height: 2;
    color: #fff;
    margin-top: .3rem; }

  .content .main_about .m .box ul li img {
    opacity: 1; }

  .content .main_about .m .box ul {
    display: block;
    margin-top: .5rem; }

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

  .content .main_hitsory .m .box .mySwiper {
    display: none; }

  .content .main_hitsory .m .box {
    margin-top: .6rem; }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font p{
        font-size: .55rem;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label{
        height: 5rem;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label .dot{
        width: 2rem;
        height: 2rem;
        font-size: .26rem;
        border: .15rem  solid  #2F9CA7;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font p{
        margin-bottom: .3rem;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide:nth-child(even) .label{
        padding-bottom: 1.2rem;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font span{
        padding: 0 15%;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label .font span{
        font-size: .26rem;
        line-height: 1.3;
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    }
  .content .main_hitsory .m .more {
    display: none; }
      .content .main_activities .m .more {
    display: none; }
    .content .main_hitsory .m .box .mySwiper .swiper-slide{
        width: 3rem;
        height: 5rem;
    }
    .content .main_hitsory .m .box .mySwiper .swiper-slide .label{
        padding-top: .9rem;
    }
    .content .main_brands .m .more {
    display: none; }

  .content .mobile_history {
    display: none;
    width: 90%;
    margin: 0 auto; }
.content .main_hitsory .m .box .mySwiper{
    display: block;
}
  .content .main_activities {
    padding: .6rem .3rem; }

  .content .main_activities .m .box {
    padding-left: 1rem;
    height: 6rem; }
    .content .main_activities .m .box .mySwiper .swiper-slide .label::after{
        width: .25rem;
        height: .25rem;
        background-size: 100% 100%;
    }
   
    .content .main_activities .m .box .mySwiper .swiper-slide:nth-child(even) .label::before{
        left: .1rem;
    }
  .content .main_activities .m .box .mySwiper .swiper-slide {
    width: 50%; }
    .content .main_activities .m .box .mySwiper .swiper-slide::after{
        width: .2rem;
        height: .2rem;
        background-size: 100% 100%;
    }
  .content .main_activities .m .box .mySwiper .swiper-slide .label .icon {
    width: 2.2rem;
    height: .7rem; }

  .content .main_activities .m .box .mySwiper .swiper-slide .label span {
    font-size: .24rem;
    line-height: 1.6;
    white-space: nowrap; }

  .content .main_activities .m .box .mySwiper .swiper-slide .label {
    padding-left: .3rem; }

  .content .main_activities .m .box .mySwiper .swiper-slide:nth-child(even) .label {
    padding-top: .2rem; }

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

  .content .main_reviews .m ul li {
    padding: 0; }

  .content .main_reviews .m ul li a div {
    padding: .2rem; }
    .content .main_reviews .m ul li a div span {
      font-size: .22rem; }

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

  .content .main_other_actives .m .box .swiper-pagination {
    bottom: .2rem; }

  .content .main_other_actives .m .box .swiper-pagination-bullet {
    width: .14rem;
    height: .14rem; }

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

  .content .main_contact .m .box {
    display: block;
    padding-bottom: .2rem; }

  .content .main_contact .m .box .grow {
    width: 100%;
    padding: .3rem; }

  .content .main_contact .m .box .grow ul {
    height: 1rem; }

  .content .main_contact .m .box .grow ul li {
    font-size: .26rem;
    margin-right: .5rem; }
    .content .main_contact .m .box .grow ul li:last-child {
      margin-right: 0; }
    .content .main_contact .m .box .grow ul li.on {
      font-size: .3rem; }

  .content .main_contact .m .box .grow .fade .item p {
    font-size: .28rem;
    margin-bottom: .3rem; }

  .content .main_contact .m .box .grow .fade .item div {
    font-size: .24rem; }

  .content .main_contact .m .box .map {
    width: 95%;
    margin: 0 auto; }

  .content .main_contact .m .box .grow ul li.on::after {
    width: .6rem;
    height: 2px; }

  .content .main_contact .m .contacts {
    margin-top: .3rem; }

  .content .main_contact .m .contacts .title span {
    font-size: .3rem; }

  .content .main_contact .m .contacts ul {
    border-left: 1px solid #E6E6E6 !important;
    border-top: 1px solid #E6E6E6 !important;
    margin-top: .3rem; }

  .content .main_contact .m .contacts ul li {
    width: 100%;
    padding: .3rem;
    padding-left: .5rem;
    border-right: 1px solid #E6E6E6 !important;
    border-bottom: 1px solid #E6E6E6 !important; }
    .content .main_contact .m .contacts ul li p {
      font-size: .28rem; }
    .content .main_contact .m .contacts ul li span {
      font-size: .24rem; }

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

  .content .main_distribution .m .box {
    padding: 0 .3rem .3rem .3rem; }

  .content .main_distribution .m .box .tabbar {
    height: 1rem; }
    .content .main_distribution .m .box .tabbar div {
      font-size: .28rem;
      padding: 0 .2rem; }

  .content .main_distribution .m .box .fade .item {
    padding: 0; }

  .content .main_distribution .m .box .fade .item .label:nth-child(2n) {
    padding: .3rem 0; }

  .content .main_distribution .m .box .fade .item .label:nth-child(2n)::after {
    display: none; }

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

  .content .main_message .m .box .top .fl {
    width: 100%; }

  .content .main_message .m .box .top .fr {
    width: 100%;
    margin-top: .3rem; }

  .content .main_message .m .box .top .fr textarea {
    height: 3.5rem;
    font-size: .26rem; }

  .content .main_message .m .box input[type='submit'] {
    width: 3.6rem;
    height: 1rem;
    font-size: .28rem;
    margin-top: .5rem; }

  .content .main_message .m .box .top .fl div {
    margin-bottom: .3rem;
    padding-left: .5rem; }

  .content .main_message .m .box .top {
    display: block; }

  .content .main_distribution .m .box .fade .item .label .status {
    height: .7rem;
    margin-bottom: .3rem;
    font-size: .26rem; }

  .content .main_distribution .m .box .fade .item .label ul {
    margin-top: .2rem; }

  .content .main_distribution .m .box .fade .item .label ul li {
    font-size: .26rem;
    margin-right: .3rem; }

  .content .main_distribution .m .box .fade .item .label ul li:first-child {
    width: 1rem; }

  .content .main_distribution .m .box .fade .item .label {
    width: 100%;
    padding: .3rem 0; }

  .content .main_distribution .m .box .fade .item.on {
    display: block; }

  .content .main_product {
    padding: 0; }

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

  .content .main_navbar {
    width: 100%; }

  .content .main_navbar .head {
    height: .88rem;
    font-size: .28rem; }
 .content .main_activities .m .box .mySwiper .swiper-slide{
        width: 40%;
    }
  .content .main_navbar .list ul {
    display: flex;
    flex-wrap: wrap;
    }

  .content .main_navbar .list ul li {
    width: auto; }

  .content .main_navbar .list ul li a {
    font-size: .26rem;
    padding: .15rem .3rem; }
    
    
    
     .content .mobs .list ul {
    display: flex;
    flex-wrap: wrap; }

  .content .mobs .list ul li {
    width: auto; }

  .content .mobs .list ul li a {
    font-size: .26rem;
    padding: .15rem .3rem; }

  .content .main_product_info {
    width: 100%;
    margin-top: .3rem; }

  .content .menu_link {
    display: none; }

  .content .main_product_info .product_info {
    margin: 0; }

  .content .main_product_info .product_info .head {
    height: .7rem;
    font-size: .28rem; }

  .content .main_product_info .product_info .box {
    padding: .3rem;
    display: block; }

  .content .main_product_info .product_info .box .slide {
    width: 100%; }

  .content .main_product_info .product_info .box .slide .picture {
    height: 5rem; }

  .content .main_product_info .product_info .box .grow {
    width: 100%;
    margin-top: .3rem; }

  .content .main_product_info .product_info .box .grow .info span {
    font-size: .26rem; }

  .content .main_product_info .product_info .box .grow ul {
    max-height: 4rem; }

  .content .main_product_info .product_info .box .grow ul li {
    height: .8rem; }

  .content .main_product_info .product_info .box .grow ul li img {
    height: .6rem;
    height: .6rem; }

  .content .main_product_info .product_info .box .grow ul li span {
    font-size: .24rem;
    width: calc(100% - 7px - .6rem); }

  .content .main_product_info .product_info .box .grow .btn {
    margin: 0 auto;
    margin-top: .3rem; }

  .content .main_commits {
    padding: .3rem; }

  .content .main_commits .title {
    font-size: .28rem; }
    .content .main_commits .title span {
      font-size: .22rem; }

  .content .product_table, .content .main_product_info .info_box {
    padding: .3rem; }

  .content .product_table table tr td {
    font-size: .24rem;
    padding: .2rem .05rem; }

  .content .product_table table tr th {
    font-size: .24rem;
    padding: .2rem .05rem; }

  .content .page_list a, .content .page_list span {
    font-size: .24rem;
    padding: 0 .08rem; }

  .content .page_list {
    justify-content: center; }

  .content .main_product_grow {
    width: 100%;
    margin-top: .3rem;
    padding: .3rem; }

  .content .main_product_grow .title {
    font-size: .28rem; }
    .content .main_product_grow .title span {
      font-size: .22rem; }

  .content .main_product_grow ul {
    margin: 0;
    margin-top: .3rem; }
    .content .main_product_grow ul li {
      width: 48%;
      max-width: 48%;
      flex: auto;
      padding: 0;
      margin-right: 2%; }
      /*.content .main_product_grow ul li:nth-child(3n) {*/
      /*  margin-right: 0; }*/

  .content .main_product_grow ul li .picture {
    height: 2rem; }

  .content .main_product_grow ul li span {
    font-size: .25rem; }

  .content .main_navbar .list .item {
    padding: .3rem .3rem 0; }
    .content .main_navbar .list .item p {
      font-size: .28rem; }

  .content .main_navbar .list .item .child {
    display: flex;
    flex-wrap: wrap; }

  .content .main_navbar .list .item .child a {
    font-size: .25rem;
    padding: .1rem;
    padding-left: .3rem; }

  .content .main_navbar .list .item .child a::after {
    left: .15rem; }
    
    
     .content .mobs .list .item {
    padding: .3rem .3rem 0; }
    .content .mobs .list .item p {
      font-size: .28rem; }

  .content .mobs .list .item .child {
    display: flex;
    flex-wrap: wrap; }

  .content .mobs .list .item .child a {
    font-size: .25rem;
    padding: .1rem;
    padding-left: .3rem; }

  .content .mobs .list .item .child a::after {
    left: .15rem; }

  .content .main_recruit {
    width: 100%;
    margin-top: .3rem;
    padding: .3rem; }
    .content .main_recruit .title {
      font-size: .28rem; }
      .content .main_recruit .title span {
        font-size: .22rem; }

  .content .main_navbar .list .item:last-child {
    margin-bottom: .4rem; }

  .content .main_navbar .list .item p a {
    font-size: .28rem; }
    
      .content .mobs .list .item:last-child {
    margin-bottom: .4rem; }

  .content .mobs .list .item p a {
    font-size: .28rem; }

  .content .main_recruit .info div span {
    font-size: .26rem;
    line-height: 2; }

  .content .main_recruit ul li a {
    padding: .3rem 0; }
    .content .main_recruit ul li a p {
      font-size: .28rem; }
    .content .main_recruit ul li a span {
      font-size: .24rem;
      margin-bottom: .06rem; }
    .content .main_recruit ul li a em {
      font-size: .24rem; }

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

  .content .main_search_value .m .box {
    padding: .3rem; }

  .content .main_search_value .m .box table tr th {
    font-size: .24rem;
    padding: .2rem .05rem; }

  .content .main_search_value .m .box table tr td {
    font-size: .24rem;
    padding: .2rem .05rem; }

  .content .main_product_info .news_info {
    padding: .3rem;
    margin-top: .3rem; }

  .content .main_product_info .news_info .title {
    font-size: .3rem; }

  .content .main_product_info .news_info .child span {
    font-size: .26rem;
    line-height: 2;
    text-indent: .3rem; }

  .content .main_product_info .down_button p {
    font-size: .26rem; }

  .content .main_product_info .down_button div {
    width: 3.5rem;
    height: .8rem;
    margin-top: .5rem; }
    .content .main_product_info .down_button div a {
      font-size: .28rem; }

  .content .search_box {
    margin: 0; }

  .content .search_box .change {
    width: 75%;
    height: .8rem;
    padding-left: .2rem; }
    .content .search_box .change img {
      width: .5rem; }

  .content .search_box .change input {
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: .26rem; }

  .content .search_box .btn {
    width: 20%;
    height: .8rem;
    font-size: .26rem; }

  .content .main_product_info .list ul {
    padding: .2rem .3rem; }
    .content .main_product_info .list ul li {
      height: .8rem; }
      .content .main_product_info .list ul li p {
        font-size: .24rem;
        width: 60%; }
      .content .main_product_info .list ul li span {
        font-size: .22rem; }

  .menus {
    display: flex;
    align-items: center; }
    .menus .search_icon {
      width: .3rem;
      margin-right: .45rem; }
    .menus .menu {
      width: .55rem; }

  .mobile_fade {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999; }
    .mobile_fade .box {
      width: 100%;
      height: calc(100vh - 1rem);
      position: absolute;
      left: 0;
      top: -100vh;
      background: #fff; }
      .mobile_fade .box ul {
        overflow: auto;
        height: 100%;
        padding: 0 .3rem; }
        .mobile_fade .box ul li {
          overflow: hidden;
          border-bottom: 1px solid #f1f1f1;
          width: 100%; }
          .mobile_fade .box ul li span {
            height: 1rem;
            display: flex;
            font-size: .28rem;
            color: #000;
            align-items: center;
            justify-content: space-between; }
            .mobile_fade .box ul li span.on img {
              transform: rotate(90deg); }
            .mobile_fade .box ul li span a {
              font-size: .28rem;
              color: #000;
              height: 100%;
              display: flex;
              align-items: center;
              width: 90%; }
            .mobile_fade .box ul li span img {
              width: .35rem;
              transition: all .2s; }
          .mobile_fade .box ul li div {
            overflow: hidden;
            width: 100%;
            display: none; }
            .mobile_fade .box ul li div a {
              display: flex;
              align-items: center;
              font-size: .26rem;
              color: #333;
              height: .8rem; }

  .content .header {
    z-index: 99999999; }

  .fadein_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999999999;
    display: none; }
    .fadein_search .box {
      position: relative;
      width: 100%; }
      .fadein_search .box .closes {
        width: .6rem;
        position: absolute;
        right: .3rem;
        top: -1rem; }
    .fadein_search .child {
      width: 6.9rem;
      height: .8rem;
      background: #fff;
      margin: 0 auto;
      display: flex;
      border-radius: .06rem;
      overflow: hidden; }
      .fadein_search .child select {
        width: 1.5rem;
        height: 100%;
        font-size: .24rem;
        padding-left: .2rem;
        box-sizing: border-box;
        border: none;
        border-right: 1px solid #D7DBE0;
        padding-right: .2rem; }
      .fadein_search .child input[type='text'] {
        width: 4rem;
        height: 100%;
        font-size: .24rem;
        padding-left: .3rem; }
      .fadein_search .child input[type='submit'] {
        width: calc(100% - 4rem - 1.5rem);
        height: 100%;
        font-size: .24rem;
        border: none;
        outline: none;
        background: #2F9CA7;
        color: #fff; }

  .right-menu {
    display: none; }

  body.on {
    overflow: hidden; } 
    
     .fadein_form {
    z-index: 99999999999; }

  .fadein_form .box {
    width: 6.9rem;
    padding: .5rem 0;
    border-radius: .1rem; }

  .fadein_form .close {
    width: .66rem;
    margin-top: .3rem; }

  .fadein_form .box .head {
    margin-bottom: .3rem; }

  .fadein_form .box form .label {
    margin-bottom: .2rem; }

  .fadein_form .box form .label p {
    font-size: .24rem; }
    .fadein_form .box form .label p span {
      font-size: .26rem;
      width: 1.1rem; }

  .fadein_form .box form .label input {
    width: 4.5rem;
    height: .8rem;
    font-size: .26rem;
    padding-left: .3rem; }

  .fadein_form .box form .label select {
    width: 4.5rem;
    height: .8rem;
    font-size: .26rem;
    padding-left: .3rem; }

  .fadein_form .box form .label textarea {
    width: 4.5rem;
    height: 1.5rem;
    font-size: .26rem;
    padding: .2rem .3rem; }

  .fadein_form .box form input[type="submit"] {
    width: 3rem;
    height: .8rem;
    font-size: .26rem;
    margin-top: .5rem; }

  .fadein_form .box .head p {
    font-size: .33rem;
    margin-bottom: .15rem; }

  .fadein_form .box .head span {
    font-size: .26rem; } 
     .main_brands .m .box .mySwiper2 {
    height: 5rem; }

  .main_brands .m .box .mySwiper2 .swiper-slide {
    padding-bottom: .3rem; } 
    .content .banner{
        height: 3.4rem;
    }
    .content .banner .mySwiper .swiper-slide img{
        height: 3.4rem;
    }
    .content .banner .swiper-pagination{
        bottom: .3rem;
    }
    
}
.content .main_product_info .product_info .box .slide .picture .mySwiper .swiper-slide img.vi{
      display: none;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
   @media (max-width: 1000px) {
	.m {
		width: 100% !important;
	}
	.content .main_navbar .list ul li.on{
	    width: 100%;
	}
		.content .mobs .list ul li.on{
	    width: 100%;
	}
	.content header {
		height: .5rem;
		padding: 0 .3rem;
		box-sizing: border-box;
	}
	.content header .m span {
		font-size: .2rem;
	}
	.content .main_navbar .list ul li.on .child{
	    display: flex;
	    flex-wrap: wrap;
	}
	.content .main_navbar .list ul li .child{
	    flex-wrap: wrap;
	    padding-left: .3rem;
	}
	.content .main_navbar .list ul li .child a{
	    padding-left: .3rem;
	}
	
	
	
		.content .mobs .list ul li.on .child{
	    display: flex;
	    flex-wrap: wrap;
	}
	.content .mobs .list ul li .child{
	    flex-wrap: wrap;
	    padding-left: .3rem;
	}
	.content .mobs .list ul li .child a{
	    padding-left: .3rem;
	}
	.content header .m span:last-child::after {
		display: none;
	}
	.content .header .m .mobile,
	.content .header .m .search {
		display: none;
	}
	.content .header {
		height: 1rem;
		position: fixed;
		left: 0;
		top: .5rem;
		transition: all .2s;
		z-index: 9999;
		background: #fff;
	}
	.content .header.on {
		top: 0;
		box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
	}
	.content .header .m {
		padding: 0 .3rem;
	}
	.content .banner .mySwiper {
		padding-bottom: 0;
	}
	.content .header .m .logo {
		width: 2rem;
	}
	.content .navbar {
		display: none;
	}
	.content .null {
		height: 1rem;
	}
	.content .main_fiexd {
		position: static;
	}
	.content .main_hot_product {
		padding: .6rem .3rem;
	}
	.content .public_head {
		margin-bottom: .6rem;
	}
	.content .public_head p {
		font-size: .33rem;
		padding-bottom: .1rem;
	}
	.content .public_head span {
		font-size: .24rem;
		margin-top: .06rem;
	}
	.content .main_hot_product .m ul {
		margin: 0;
		justify-content: space-between;
	}
	.content .main_hot_product .m ul li {
		width: 48%;
		max-width: 48%;
		flex: auto;
		padding: 0;
		margin-bottom: .3rem;
	}
	.content .main_hot_product .m ul li a {
		padding: 0;
	}
	.content .main_hot_product .m ul li a .icon {
		width: .6rem;
		opacity: 1;
	}
	.content .main_hot_product .m ul li a .picture {
		height: 3.3rem;
	}
	.content .main_hot_product .m ul li a p {
		font-size: .26rem;
		margin-top: .2rem;
	}
	.content .main_preview {
		padding: .6rem .3rem;
	}
	.content .main_preview .m .box img {
		margin-bottom: .3rem;
	}
	.content .main_preview .m .box span {
		font-size: .26rem;
	}
	.content .main_brand {
		padding: .6rem .3rem;
	}
	.content .main_brand .m .box span {
		font-size: .26rem;
		line-height: 2;
		text-indent: .3rem;
	}
	.content .main_brand .m .box ul {
		margin: 0;
		width: 100%;
		display: block;
	}
	.content .main_brand .m .box ul li {
		width: 100%;
		margin: 0;
		max-width: 100%;
		margin-top: .3rem;
		padding: 0;
	}
	.content .main_brand .m .box ul li .info span {
		font-size: .24rem;
		line-height: 2;
		text-indent: .3rem;
	}
	.content .main_data {
		padding: .6rem .3rem;
	}
	.content .main_data .m ul li p {
		font-size: .56rem;
	}
	.content .main_data .m ul li span {
		font-size: .26rem;
		margin-top: .15rem;
	}
	.content .main_involved {
		padding: .6rem .3rem;
	}
	.content .main_honor {
		padding: .6rem .3rem;
	}
	.content .main_honor .m .box .mySwiper1 .swiper-slide {
		height: 2.6rem;
	}
	.content .footer .m {
		display: block;
		padding: .6rem .3rem;
	}
	.content .footer .m .fl .link ul {
		flex-flow: wrap;
	}
	.content .footer .m .fl .link ul li {
		font-size: .22rem;
		margin-right: .05rem;
		line-height: 2;
	}
	.content .footer .m .fl .info {
		padding: .3rem 0;
	}
	.content .footer .m .fl .info span {
		margin-bottom: .1rem;
	}
	.content .footer .m .fl .f {
		flex-wrap: wrap;
	}
	.content .footer .m .fl .f img {
		margin: 0 .05rem;
	}
	.content .footer .m .fr {
		margin-top: .5rem;
		width: 100%;
	}
	.content .footer .m .fr .logo {
		width: 3rem;
		margin: 0 auto;
		display: block;
	}
	.content .footer .m .fr .code {
		display: flex;
		justify-content: center;
		margin-top: .3rem;
	}
	.content .footer .m .fr .code div {
		width: 1.5rem;
		margin: 0 .2rem;
	}
	.content .footer .m .fr .code div img {
		width: 100%;
	}
	.content .footer .m .fr .code div span {
		font-size: .22rem;
		margin-top: .06rem;
	}
	.content .footer {
		font-size: .22rem;
	}
	.content .des_banner {
		height: 2rem;
	}
	.content .main_about {
		padding: .6rem .3rem;
	}
	.content .main_about .m .box span {
		font-size: .26rem;
		line-height: 2;
		text-indent: .3rem;
	}
	.content .main_about .m .box ul li {
		margin: 0;
		height: 3.6rem;
		border: none;
		margin-top: .3rem;
		padding-top: .6rem;
	}
	.content .main_about .m .box ul li p {
		font-size: .4rem;
		line-height: .66rem;
		color: #fff;
	}
	.content .main_about .m .box ul li em {
		font-size: .26rem;
		line-height: .5rem;
		color: #fff;
	}
	.content .main_about .m .box ul li i {
		font-size: .26rem;
		line-height: 2;
		color: #fff;
		margin-top: .3rem;
	}
	.content .main_about .m .box ul li img {
		opacity: 1;
	}
	.content .main_about .m .box ul {
		display: block;
		margin-top: .5rem;
	}
	.content .main_hitsory {
		padding: .6rem .3rem;
	}
	.content .main_hitsory .m .box .mySwiper {
		display: none;
	}
	.content .main_hitsory .m .box {
		margin-top: .6rem;
	}
	.content .main_hitsory .m .more {
		display: none;
	}
	.content .mobile_history {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.content .main_activities {
		padding: .6rem .3rem;
	}
	.content .main_activities .m .box {
		padding-left: 1rem;
		height: 6rem;
	}
	.content .main_activities .m .box .mySwiper .swiper-slide {
		width: 50%;
	}
	.content .main_activities .m .box .mySwiper .swiper-slide .label .icon {
		width: 2.5rem;
		height: .7rem;
	}
	.content .main_activities .m .box .mySwiper .swiper-slide .label span {
		font-size: .24rem;
		line-height: 1.6;
		white-space: nowrap;
	}
	.content .main_activities .m .box .mySwiper .swiper-slide .label {
		padding-left: .3rem;
	}
	.content .main_activities .m .box .mySwiper .swiper-slide:nth-child(even) .label {
		padding-top: .2rem;
	}
	.content .main_reviews {
		padding: .6rem .3rem;
	}
	.content .main_reviews .m ul li {
		padding: 0;
	}
	.content .main_reviews .m ul li a div {
		padding: .2rem;
	}
	.content .main_reviews .m ul li a div span {
		font-size: .22rem;
	}
	.content .main_other_actives {
		padding: .6rem .3rem;
	}
	.content .main_other_actives .m .box .swiper-pagination {
		bottom: .2rem;
	}
	.content .main_other_actives .m .box .swiper-pagination-bullet {
		width: .14rem;
		height: .14rem;
	}
	.content .main_contact {
		padding: .6rem .3rem;
	}
	.content .main_contact .m .box {
		display: block;
		padding-bottom: .2rem;
	}
	.content .main_contact .m .box .grow {
		width: 100%;
		padding: .3rem;
	}
	.content .main_contact .m .box .grow ul {
		height: 1rem;
	}
	.content .main_contact .m .box .grow ul li {
		font-size: .26rem;
		margin-right: .5rem;
	}
	.content .main_contact .m .box .grow ul li:last-child {
		margin-right: 0;
	}
	.content .main_contact .m .box .grow ul li.on {
		font-size: .3rem;
	}
	.content .main_contact .m .box .grow .fade .item p {
		font-size: .28rem;
		margin-bottom: .3rem;
	}
	.content .main_contact .m .box .grow .fade .item div {
		font-size: .24rem;
	}
	.content .main_contact .m .box .map {
		width: 95%;
		margin: 0 auto;
	}
	.content .main_contact .m .box .grow ul li.on::after {
		width: .6rem;
		height: 2px;
	}
	.content .main_contact .m .contacts {
		margin-top: .3rem;
	}
	.content .main_contact .m .contacts .title span {
		font-size: .3rem;
	}
	.content .main_contact .m .contacts ul {
		border-left: 1px solid #E6E6E6 !important;
		border-top: 1px solid #E6E6E6 !important;
		margin-top: .3rem;
	}
	.content .main_contact .m .contacts ul li {
		width: 100%;
		padding: .3rem;
		padding-left: .5rem;
		border-right: 1px solid #E6E6E6 !important;
		border-bottom: 1px solid #E6E6E6 !important;
	}
	.content .main_contact .m .contacts ul li p {
		font-size: .28rem;
	}
	.content .main_contact .m .contacts ul li span {
		font-size: .24rem;
	}
	.content .main_distribution {
		padding: .6rem .3rem;
	}
	.content .main_distribution .m .box {
		padding: 0 .3rem .3rem .3rem;
	}
	.content .main_distribution .m .box .tabbar {
		height: 1rem;
	}
	.content .main_distribution .m .box .tabbar div {
		font-size: .28rem;
		padding: 0 .2rem;
	}
	.content .main_distribution .m .box .fade .item {
		padding: 0;
	}
	.content .main_distribution .m .box .fade .item .label:nth-child(2n) {
		padding: .3rem 0;
	}
	.content .main_distribution .m .box .fade .item .label:nth-child(2n)::after {
		display: none;
	}
	.content .main_message {
		padding: .6rem .3rem;
	}
	.content .main_message .m .box .top .fl {
		width: 100%;
	}
	.content .main_message .m .box .top .fr {
		width: 100%;
		margin-top: .3rem;
	}
	.content .main_message .m .box .top .fr textarea {
		height: 3.5rem;
		font-size: .26rem;
	}
	.content .main_message .m .box input[type='submit'] {
		width: 3.6rem;
		height: 1rem;
		font-size: .28rem;
		margin-top: .5rem;
	}
	.content .main_message .m .box .top .fl div {
		margin-bottom: .3rem;
		padding-left: .5rem;
	}
	.content .main_message .m .box .top {
		display: block;
	}
	.content .main_distribution .m .box .fade .item .label .status {
		height: .7rem;
		margin-bottom: .3rem;
		font-size: .26rem;
	}
	.content .main_distribution .m .box .fade .item .label ul {
		margin-top: .2rem;
	}
	.content .main_distribution .m .box .fade .item .label ul li {
		font-size: .26rem;
		margin-right: .3rem;
	}
	.content .main_distribution .m .box .fade .item .label ul li:first-child {
		width: 1rem;
	}
	.content .main_distribution .m .box .fade .item .label {
		width: 100%;
		padding: .3rem 0;
	}
	.content .main_distribution .m .box .fade .item.on {
		display: block;
	}
	.content .main_product {
		padding: 0;
	}
	.content .main_product .m {
		display: block;
		padding: .3rem;
	}
	.content .main_navbar {
		width: 100%;
	}
	.content .main_navbar .head {
		height: .88rem;
		font-size: .28rem;
	}
	.content .main_navbar .list ul {
		display: flex;
		flex-wrap: wrap;
		display:none;
	}
	.content .main_navbar .list ul li {
		width: auto;
	}
	.content .main_navbar .list ul li a {
		font-size: .26rem;
		padding: .15rem .3rem;
	}
	.content .main_product_info {
		width: 100%;
		margin-top: .3rem;
	}
	.content .menu_link {
		display: none;
	}
	.content .main_product_info .product_info {
		margin: 0;
	}
	.content .main_product_info .product_info .head {
		height: .7rem;
		font-size: .28rem;
	}
	.content .main_product_info .product_info .box {
		padding: .3rem;
		display: block;
	}
	.content .main_product_info .product_info .box .slide {
		width: 100%;
	}
	.content .main_product_info .product_info .box .slide .picture {
		height: 5rem;
	}
	.content .main_product_info .product_info .box .grow {
		width: 100%;
		margin-top: .3rem;
	}
	.content .main_product_info .product_info .box .grow .info span {
		font-size: .26rem;
	}
	.content .main_product_info .product_info .box .grow ul {
		max-height: 4rem;
	}
	.content .main_product_info .product_info .box .grow ul li {
		height: .8rem;
	}
	.content .main_product_info .product_info .box .grow ul li img {
		height: .6rem;
		height: .6rem;
	}
	.content .main_product_info .product_info .box .grow ul li span {
		font-size: .24rem;
		width: calc(100% - 7px - .6rem);
	}
	.content .main_product_info .product_info .box .grow .btn {
		margin: 0 auto;
		margin-top: .3rem;
	}
	.content .main_commits {
		padding: .3rem;
	}
	.content .main_commits .title {
		font-size: .28rem;
	}
	.content .main_commits .title span {
		font-size: .22rem;
	}
	.content .product_table,
	.content .main_product_info .info_box {
		padding: .3rem;
	}
	.content .product_table table tr td {
		font-size: .24rem;
		padding: .2rem .05rem;
	}
	.content .product_table table tr th {
		font-size: .24rem;
		padding: .2rem .05rem;
	}
	.content .page_list a,
	.content .page_list span {
		font-size: .24rem;
		padding: 0 .08rem;
	}
	.content .page_list {
		justify-content: center;
	}
	.content .main_product_grow {
		width: 100%;
		margin-top: .3rem;
		padding: .3rem;
	}
	.content .main_product_grow .title {
		font-size: .28rem;
	}
	.content .main_product_grow .title span {
		font-size: .22rem;
	}
	.content .main_product_grow ul {
		margin: 0;
		margin-top: .3rem;
	}
	.content .main_product_grow ul li {
		width: 32%;
		max-width: 32%;
		flex: auto;
		padding: 0;
		margin-right: 2%;
	}
	.content .main_product_grow ul li:nth-child(3n) {
		margin-right: 0;
	}
	.content .main_product_grow ul li .picture {
		height: 2rem;
	}
	.content .main_product_grow ul li span {
		font-size: .25rem;
	}
	.content .main_navbar .list .item {
		padding: .3rem .3rem 0;
	}
	.content .main_navbar .list .item p {
		font-size: .28rem;
	}
	.content .main_navbar .list .item .child {
		display: flex;
		flex-wrap: wrap;
	}
	.content .main_navbar .list .item .child a {
		font-size: .25rem;
		padding: .1rem;
		padding-left: .3rem;
	}
	.content .main_navbar .list .item .child a::after {
		left: .15rem;
	}
	.content .main_recruit {
		width: 100%;
		margin-top: .3rem;
		padding: .3rem;
	}
	.content .main_recruit .title {
		font-size: .28rem;
	}
	.content .main_recruit .title span {
		font-size: .22rem;
	}
	.content .main_navbar .list .item:last-child {
		margin-bottom: .4rem;
	}
	.content .main_navbar .list .item p a {
		font-size: .28rem;
	}
	.content .main_recruit .info div span {
		font-size: .26rem;
		line-height: 2;
	}
	.content .main_recruit ul li a {
		padding: .3rem 0;
	}
	.content .main_recruit ul li a p {
		font-size: .28rem;
	}
	.content .main_recruit ul li a span {
		font-size: .24rem;
		margin-bottom: .06rem;
	}
	.content .main_recruit ul li a em {
		font-size: .24rem;
	}
	.content .main_search_value {
		padding: .6rem .3rem;
	}
	.content .main_search_value .m .box {
		padding: .3rem;
	}
	.content .main_search_value .m .box table tr th {
		font-size: .24rem;
		padding: .2rem .05rem;
	}
	.content .main_search_value .m .box table tr td {
		font-size: .24rem;
		padding: .2rem .05rem;
	}
	.content .main_product_info .news_info {
		padding: .3rem;
		margin-top: .3rem;
	}
	.content .main_product_info .news_info .title {
		font-size: .3rem;
	}
	.content .main_product_info .news_info .child span {
		font-size: .26rem;
		line-height: 2;
		text-indent: .3rem;
	}
	.content .main_product_info .down_button p {
		font-size: .26rem;
	}
	.content .main_product_info .down_button div {
		width: 3.5rem;
		height: .8rem;
		margin-top: .5rem;
	}
	.content .main_product_info .down_button div a {
		font-size: .28rem;
	}
	.content .search_box {
		margin: 0;
	}
	.content .search_box .change {
		width: 75%;
		height: .8rem;
		padding-left: .2rem;
	}
	.content .search_box .change img {
		width: .5rem;
	}
	.content .search_box .change input {
		padding-left: .2rem;
		padding-right: .2rem;
		font-size: .26rem;
	}
	.content .search_box .btn {
		width: 20%;
		height: .8rem;
		font-size: .26rem;
	}
	.content .main_product_info .list ul {
		padding: .2rem .3rem;
	}
	.content .main_product_info .list ul li {
		height: .8rem;
	}
	.content .main_product_info .list ul li p {
		font-size: .24rem;
		width: 60%;
	}
	.content .main_product_info .list ul li span {
		font-size: .22rem;
	}
	.menus {
		display: flex;
		align-items: center;
	}
	.menus .search_icon {
		width: .3rem;
		margin-right: .45rem;
	}
	.menus .menu {
		width: .55rem;
	}
	.mobile_fade {
		overflow: hidden;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 999999;
	}
	.mobile_fade .box {
		width: 100%;
		height: calc(100vh - 1rem);
		position: absolute;
		left: 0;
		top: -100vh;
		background: #fff;
	}
	.mobile_fade .box ul {
		overflow: auto;
		height: 100%;
		padding: 0 .3rem;
	}
	.mobile_fade .box ul li {
		overflow: hidden;
		border-bottom: 1px solid #f1f1f1;
		width: 100%;
	}
	.mobile_fade .box ul li span {
		height: 1rem;
		display: flex;
		font-size: .28rem;
		color: #000;
		align-items: center;
		justify-content: space-between;
	}
	.mobile_fade .box ul li span.on img {
		transform: rotate(90deg);
	}
	.mobile_fade .box ul li span a {
		font-size: .28rem;
		color: #000;
		height: 100%;
		display: flex;
		align-items: center;
		width: 90%;
	}
	.mobile_fade .box ul li span img {
		width: .35rem;
		transition: all .2s;
	}
	.mobile_fade .box ul li div {
		overflow: hidden;
		width: 100%;
		display: none;
	}
	.mobile_fade .box ul li div a {
		display: flex;
		align-items: center;
		font-size: .26rem;
		color: #333;
		height: .8rem;
	}
	.content .header {
		z-index: 99999999;
	}
	.fadein_search {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.6);
		z-index: 9999999999;
		display: none;
	}
	.fadein_search .box {
		position: relative;
		width: 100%;
	}
	.fadein_search .box .closes {
		width: .6rem;
		position: absolute;
		right: .3rem;
		top: -1rem;
	}
	.fadein_search .child {
		width: 6.9rem;
		height: .8rem;
		background: #fff;
		margin: 0 auto;
		display: flex;
		border-radius: .06rem;
		overflow: hidden;
	}
	.fadein_search .child select {
		width: 1.5rem;
		height: 100%;
		font-size: .24rem;
		padding-left: .2rem;
		box-sizing: border-box;
		border: none;
		border-right: 1px solid #D7DBE0;
		padding-right: .2rem;
	}
	.fadein_search .child input[type='text'] {
		width: 4rem;
		height: 100%;
		font-size: .24rem;
		padding-left: .3rem;
	}
	.fadein_search .child input[type='submit'] {
		width: calc(100% - 4rem - 1.5rem);
		height: 100%;
		font-size: .24rem;
		background: #2F9CA7;
		color: #fff;
	}
	.right-menu {
		display: none;
	}
	body.on {
		overflow: hidden;
	}
	.fadein_form {
		z-index: 99999999999;
	}
	.fadein_form .box {
		width: 6.9rem;
		padding: .5rem 0;
		border-radius: .1rem;
	}
	.fadein_form .close {
		width: .66rem;
		margin-top: .3rem;
	}
	.fadein_form .box .head {
		margin-bottom: .3rem;
	}
	.fadein_form .box form .label {
		margin-bottom: .2rem;
	}
	.fadein_form .box form .label p {
		font-size: .24rem;
	}
	.fadein_form .box form .label p span {
		font-size: .26rem;
		width: 1.1rem;
	}
	.fadein_form .box form .label input {
		width: 4.5rem;
		height: .8rem;
		font-size: .26rem;
		padding-left: .3rem;
	}
	.fadein_form .box form .label select {
		width: 4.5rem;
		height: .8rem;
		font-size: .26rem;
		padding-left: .3rem;
	}
	.fadein_form .box form .label textarea {
		width: 4.5rem;
		height: 1.5rem;
		font-size: .26rem;
		padding: .2rem .3rem;
	}
	.fadein_form .box form input[type="submit"] {
		width: 3rem;
		height: .8rem;
		font-size: .26rem;
		margin-top: .5rem;
	}
	.fadein_form .box .head p {
		font-size: .33rem;
		margin-bottom: .15rem;
	}
	.fadein_form .box .head span {
		font-size: .26rem;
	}
	.main_brands .m .box .mySwiper2 {
		height: 6rem;
	}
	.main_brands .m .box .mySwiper2 .swiper-slide {
		padding-bottom: .3rem;
	}
	.mobs .list{
	    display: block;
	}
	.mobs{
	    display: flex;
	}
	.content .mobs .list{
	    width: 30%;
	}
	.content .mobs .list ul li .child a{
	    padding: .1rem .2rem;
	}
	.content .main_product_grow{
	    width: 70%;
	}
	.content .mobs .list ul li.on > a::before{
	    margin-right: .1rem;
	}
	.content .mobs .list ul li > a{
	    font-size: .26rem;
	     padding: .1rem .2rem;
	}
	.content .main_product_grow ul{
	    padding-bottom: .3rem;
	}
	.content .main_product_grow ul li{
	    width: 48%;
	    margin: 0;
	    max-width: 48%;
	    padding: .15rem 0;
	}
	.content .main_navbar .list{
	}
	.content .main_product_info .list ul li{
	    padding: .3rem 0;
	}
	.content .main_distribution .m .box .tabbar{
	    flex-wrap: wrap;
	    height: auto;
	}
	.content .main_product_info .list ul li a p{
	    font-size: .26rem;
	    line-height: 1.6;
	}
	.content .main_distribution .m .box .tabbar div{
	    height: .8rem;
	}
	.content .main_product_info .list ul li{
	    height: auto;
	}
	.content .main_product_info .list ul li a{
	    display: block;
	}
	.content .main_product_info .list ul li a p{
	    width: 100%;
	    white-space: normal;
	    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: .2rem;
overflow: hidden;
	}
	.content .main_product_grow ul{
	    justify-content: space-between;
	}
	.content .mobs .list ul li .child{
	    padding: .1rem .2rem;
	}
	.content .mobs .list ul li .child a{
	    padding-left: 0;
	}
	.content .mobs .list ul li .child a{
	    font-size: .22rem;
	}
	.content .m > .main_product_grow{
	    display: none;
	}
	.content .main_product_info .product_info .box .slide .picture{
	    height: 6.3rem;
	}
	.content .main_product_grow ul li span{
	    display: -webkit-box;
-webkit-box-orient: vertical;
    white-space: inherit;
    text-align: left;
-webkit-line-clamp: 2;
overflow: hidden;
	}
}
/*# sourceMappingURL=css.css.map */