.menu {

  display: none; }



.mobile_fade {

  display: none; }

  .flex_right {
    width: 78px;
    position: fixed;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 9999999;
    .lab {
        position: relative;
        margin-bottom: 1px;
        width: 100%;
        cursor: pointer;
        &:hover .code{
        	display: block;
        }
        .code{
        	overflow: hidden;
        	padding: 6px;
        	background: #fff;
        	position: absolute;
        	right: 80px;
        	display: none;
        	top: 50%;
        	transform: translateY(-50%);
        	img{
        		display: block;
        		width: 100px;
        	}
        }
        a {
            display: block;
            width: 100%;
            img {
                display: block;
                width: 100%;
            }
        }
    }
}
.flex_right {
  width: 78px;
  position: fixed;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  z-index: 9999999; }
  .flex_right .lab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    cursor: pointer; }
    .flex_right .lab:hover .code {
      display: block; }
    .flex_right .lab .code {
      overflow: hidden;
      padding: 6px;
      /* background: #fff; */
      position: absolute;
      right: 80px;
      display: none;
      top: 50%;
      transform: translateY(-50%); }
      .flex_right .lab .code img {
        display: block;
        width: 100px; }
    .flex_right .lab a {
      display: block;
      width: 100%; }
      .flex_right .lab a img {
        display: block;
        width: 100%; }

.content {

  width: 100%; }

  .content .banner {

    width: 100%;

    overflow: hidden;

    position: relative; }

    .content .banner .swiper-pagination-bullet {

      width: 105px;

      height: 4px;

      background: #fff;

      margin: 0 7px;

      opacity: 0.6;

      border-radius: 0; }

    .content .banner .swiper-pagination-bullet-active {

      opacity: 1; }

    .content .banner img {

      display: block;

      width: 100%; }

  .content .main_advantge {

    overflow: hidden;

    padding: 55px 0; }

    .content .main_advantge .m {

      width: 1400px;

      margin: 0 auto; }

      .content .main_advantge .m ul {

        display: flex;

        justify-content: space-between; }

        .content .main_advantge .m ul li {

          overflow: hidden;

          width: 31%;

          border: 1px solid #E5E5E5;

          margin-top: 84px;

          padding: 30px 40px 40px 40px;

          position: relative; }

          .content .main_advantge .m ul li img {

            display: block;

            margin: 0 auto;

            max-width: 60%;

            margin-bottom: 15px; }

          .content .main_advantge .m ul li:hover .show {

            top: 0; }

          .content .main_advantge .m ul li .show {

            overflow: hidden;

            width: 100%;

            height: 100%;

            background: #2E3289;

            position: absolute;

            left: 0;

            top: -100%;

            transition: all .3s;

            display: flex;

            align-items: center;

            justify-content: center; }

            .content .main_advantge .m ul li .show div {

              padding: 20px; }

            .content .main_advantge .m ul li .show p {

              text-align: center;

              margin-bottom: 15px;

              color: #fff;

              font-size: 20px;

              font-weight: bold; }

            .content .main_advantge .m ul li .show span {

              display: block;

              font-size: 14px;

              color: #fff;

              line-height: 30px;

              text-align: center; }

          .content .main_advantge .m ul li > p {

            text-align: center;

            font-size: 20px;

            font-weight: bold;

            color: #272a70; }

          .content .main_advantge .m ul li .div {

            width: 40px;

            height: 2px;

            background: #000;

            margin: 0 auto;

            margin-top: 20px;

            margin-bottom: 15px; }

          .content .main_advantge .m ul li > span {

            display: block;

            font-size: 14px;

            color: #363636;

            line-height: 30px;

            text-align: center; }

  .content .main_qualification {

    overflow: hidden;

    width: 100%;

    padding: 50px 130px;

    background: #F7F7F7; }

    .content .main_qualification .bottom {

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-top: 75px; }

      .content .main_qualification .bottom img {

        display: block;

        cursor: pointer;

        margin-left: 12px; }

      .content .main_qualification .bottom .dot {

        flex: 1;

        display: flex; }

        .content .main_qualification .bottom .dot div {

          flex: 1;

          height: 3px;

          cursor: pointer;

          background: #EAEAEA; }

          .content .main_qualification .bottom .dot div.on {

            background: #2E3289; }

    .content .main_qualification .box {

      overflow: hidden;

      width: 100%;

      margin-top: 40px; }

      .content .main_qualification .box .mySwiper2 {

        overflow: hidden;

        width: 100%; }

        .content .main_qualification .box .mySwiper2 .swiper-slide {

          width: 300px;

          margin-right: 30px; }

      .content .main_qualification .box .label {

        width: 100%;

        padding-bottom: 45px;

        background: #fff; }

        .content .main_qualification .box .label span {

          display: block;

          text-align: center;

          font-size: 18px;

          color: #000000;

          margin-top: 5px; }

        .content .main_qualification .box .label:hover .pic img {

          transform: scale(1.05); }

        .content .main_qualification .box .label .pic {

          width: 100%;

          height: 300px; }

          .content .main_qualification .box .label .pic img {

            display: block;

            width: 100%;

            height: 100%;

            transition: all .5s;

            object-fit: cover; }

  .content .main_history {

    overflow: hidden;

    width: 100%;

    padding: 115px 0 125px 0; }

    .content .main_history .m {

      width: 1400px;

      margin: 0 auto; }

    .content .main_history .box {

      overflow: hidden;

      width: 100%;

      position: relative;

      margin-top: 78px; }

      .content .main_history .box .mySwiper1 {

        overflow: hidden;

        width: 100%; }

        .content .main_history .box .mySwiper1 .swiper-slide {

          display: flex; }

      .content .main_history .box .label {

        flex: 1;

        min-height: 100px;

        padding-left: 30px;

        position: relative; }

        .content .main_history .box .label::after {

          content: '';

          width: 16px;

          height: 16px;

          border-radius: 50%;

          border: 2px solid #272A70;

          position: absolute;

          left: 0;

          top: 5px;

          box-sizing: border-box; }

        .content .main_history .box .label::before {

          content: '';

          width: 1px;

          height: 100px;

          background: #B7B7B7;

          position: absolute;

          left: 8px;

          top: 19px; }

        .content .main_history .box .label p {

          display: flex;

          align-items: flex-end;

          font-weight: bold;

          font-size: 20px;

          color: #272A70; }

          .content .main_history .box .label p span {

            font-size: 30px;

            color: #272A70;

            font-weight: bold;

            margin-right: 5px;

            display: inline-block;

            line-height: 1; }

        .content .main_history .box .label em {

          display: block;

          font-size: 14px;

          width: 70%;

          line-height: 2;

          color: #221815;

          margin-top: 10px;

          padding-left: 22px;

          position: relative; }

          .content .main_history .box .label em::after {

            content: '';

            width: 8px;

            height: 8px;

            background-size: 100% 100%;

            position: absolute;

            left: 0;

            top: 10px;

            background-image: url(../image/about_15.jpg); }

    .content .main_history .tabbar {

      width: 100%;

      display: flex;

      margin-top: 50px;

      border-bottom: 1px solid #DDDDDD; }

      .content .main_history .tabbar div {

        flex: 1;

        cursor: pointer;

        height: 75px;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 25px;

        color: #000;

        position: relative; }

        .content .main_history .tabbar div.on {

          color: #272A70;

          font-weight: bold; }

          .content .main_history .tabbar div.on::after {

            content: '';

            width: 100%;

            height: 1px;

            background: #272A70;

            position: absolute;

            left: 0;

            bottom: 0; }

  .content .main_culture {

    overflow: hidden;

    width: 100%; }

    .content .main_culture .box {

      overflow: hidden;

      width: 100%;

      margin-top: 70px;

      background-image: url(../image/about_12.jpg);

      height: 811px;

      background-size: cover;

      position: relative;

      display: flex;

      justify-content: flex-end; }

      .content .main_culture .box .font {

        width: 950px;

        overflow: hidden;

        background: rgba(38, 40, 100, 0.9);

        display: flex;

        justify-content: space-between;

        flex-direction: column; }

        .content .main_culture .box .font ul {

          flex: 1;

          width: 100%;

          border-top: 1px solid rgba(255, 255, 255, 0.1);

          display: flex; }

          .content .main_culture .box .font ul li {

            width: 50%;

            height: 100%;

            display: flex;

            align-items: center;

            justify-content: center;

            border-right: 1px solid rgba(255, 255, 255, 0.1);

            padding: 0 50px; }

            .content .main_culture .box .font ul li .md {

              overflow: hidden; }

              .content .main_culture .box .font ul li .md p {

                font-size: 48px;

                margin-bottom: 30px;

                color: #fff; }

              .content .main_culture .box .font ul li .md div {

                width: 25px;

                height: 3px;

                background: #fff;

                margin-bottom: 30px; }

              .content .main_culture .box .font ul li .md span {

                display: block;

                font-size: 30px;

                margin-bottom: 20px;

                color: #fff; }

              .content .main_culture .box .font ul li .md em {

                display: block;

                font-size: 14px;

                color: #fff;

                line-height: 25px; }

        .content .main_culture .box .font .top {

          overflow: hidden;

          padding: 70px 50px 25px 50px; }

          .content .main_culture .box .font .top p {

            font-size: 48px;

            margin-bottom: 30px;

            color: #fff; }

          .content .main_culture .box .font .top div {

            width: 25px;

            height: 3px;

            background: #fff;

            margin-bottom: 15px; }

          .content .main_culture .box .font .top span {

            display: block;

            font-size: 30px;

            margin-bottom: 20px;

            color: #fff; }

          .content .main_culture .box .font .top em {

            display: block;

            font-size: 14px;

            color: #fff;

            line-height: 25px; }

  .content .main_info {

    overflow: hidden;

    width: 100%;

    padding: 55px 0 70px 0; }

    .content .main_info .m {

      width: 1400px;

      margin: 0 auto; }

      .content .main_info .m .box {

        overflow: hidden;

        display: flex;

        margin-top: 40px;

        align-items: center;

        justify-content: space-between; }

        .content .main_info .m .box .fl {

          overflow: hidden; }

          .content .main_info .m .box .fl span {

            display: block;

            font-size: 33px;

            color: #000;

            text-align: center;

            line-height: 50px; }

          .content .main_info .m .box .fl img {

            display: block;

            margin: 0 auto;

            margin-top: 40px; }

        .content .main_info .m .box .fr {

          overflow: hidden;

          width: 48.5%; }

          .content .main_info .m .box .fr span {

            display: block;

            font-size: 16px;

            color: #221815;

            line-height: 30px;

            text-indent: 50px; }

  .content .tong_title {

    width: 100%;

    position: relative; }

    .content .tong_title em {

      display: block;

      width: 100%;

      text-align: center;

      line-height: 1;

      text-transform: uppercase;

      font-size: 50px;

      color: #EDEDED;

      position: absolute;

      left: 0;

      top: -25px; }

    .content .tong_title p {

      text-align: center;

      font-size: 30px;

      font-weight: bold;

      position: relative;

      z-index: 99;

      color: #000; }

    .content .tong_title div {

      width: 40px;

      height: 3px;

      background: #E60012;

      margin: 0 auto;

      margin-top: 18px; }

    .content .tong_title span {

      display: block;

      text-align: center;

      font-size: 19px;

      margin-top: 10px;

      color: #333;

      text-transform: uppercase; }

  .content .main_menus {

    overflow: hidden;

    width: 100%;

    height: 80px;

    position: sticky;

    left: 0;

    top: 90px;

    background: #fff;

    z-index: 99999;

    border-bottom: 1px solid #E5E5E5; }

    .content .main_menus .m {

      width: 1400px;

      height: 100%;

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin: 0 auto; }

      .content .main_menus .m .bread {

        display: flex;

        align-items: center; }

        .content .main_menus .m .bread img {

          display: block; }

        .content .main_menus .m .bread span {

          font-size: 12px;

          color: #333;

          margin-left: 5px; }

        .content .main_menus .m .bread a {

          font-size: 12px;

          color: #333;

          transition: all .1s;

          margin-left: 5px; }

          .content .main_menus .m .bread a:hover {

            color: #E90012; }

      .content .main_menus .m ul {

        display: flex;

        align-items: center;

        height: 100%; }

        .content .main_menus .m ul li {

          height: 100%;

          position: relative;

          margin-right: 38px; }

          .content .main_menus .m ul li.on a {

            color: #E90012; }

          .content .main_menus .m ul li:hover a {

            color: #E90012; }

          .content .main_menus .m ul li a {

            display: flex;

            transition: all .1s;

            align-items: center;

            font-size: 15px;

            color: #333;

            height: 100%; }

  .content .des_banner {

    width: 100%; }

    .content .des_banner img {

      display: block;

      width: 100%; }

  .content footer {

    display: block;

    padding: 15px;

    text-align: center;

    font-size: 15px;

    

    box-sizing: border-box;

    background: #fff; }

  .content .footer {

    overflow: hidden;

    width: 100%;

    background: #272A70;

    padding: 70px 0 40px 0; }

    .content .footer .m {

      width: 1400px;

      display: flex;

      margin: 0 auto;

      justify-content: space-between; }

      .content .footer .m .fr {

        overflow: hidden;

        margin-left: 150px; }

        .content .footer .m .fr .code {

          overflow: hidden;

          width: 106px;

          background: #272A70;

          padding: 8px; }

          .content .footer .m .fr .code img {

            display: block;

            width: 90px; }

        .content .footer .m .fr span {

          text-align: center;

          display: block;

          font-size: 15px;

          color: #fff;

          line-height: 45px; }

        .content .footer .m .fr .share {

          display: flex;

          align-items: center;

          justify-content: center; }

          .content .footer .m .fr .share a {

            display: block;

            margin: 0 3px; }

            .content .footer .m .fr .share a img {

              display: block;

              border-radius: 6px; }

      .content .footer .m .fl {

        display: flex;

        justify-content: space-between;

        flex: 1; }

        .content .footer .m .fl p {

          font-size: 15px;

          margin-top: 10px;

          color: #fff;

          margin-bottom: 20px; }

        .content .footer .m .fl span {

          display: block;

          font-size: 15px;

          line-height: 1.6;

          color: #fff; }

        .content .footer .m .fl ul {

          overflow: hidden; }

          .content .footer .m .fl ul li {

            font-size: 17px;

            color: #fff; }

            .content .footer .m .fl ul li:first-child {

              margin-bottom: 15px; }

            .content .footer .m .fl ul li:hover a {

              color: #f80900; }

            .content .footer .m .fl ul li a {

              display: block;

              font-size: 14px;

              line-height: 26px;

              color: #fff; }

  .content .main_advantage {

    overflow: hidden;

    width: 100%;

    padding: 65px 0 100px 0;

    background-size: cover;

    background-image: url(../image/bgs_08.jpg);

    background-position: center center;

    background-attachment: fixed; }

    .content .main_advantage p {

      font-size: 30px;

      color: #fff;

      text-align: center;

      font-weight: bold;

      margin-bottom: 50px; }

    .content .main_advantage div {

      overflow: hidden; }

      .content .main_advantage div span {

        display: block;

        text-align: center;

        font-size: 17px;

        color: #fff;

        line-height: 2; }

  .content .main_brand {

    width: 100%;

    overflow: hidden;

    padding: 80px 0 90px 0; }

    .content .main_brand .m {

      width: 1400px;

      margin: 0 auto; }

      .content .main_brand .m ul {

        display: flex;

        margin-top: 50px;

        border-top: 1px solid #CACACA;

        border-left: 1px solid #CACACA; }

        .content .main_brand .m ul li {

          overflow: hidden;

          width: 16.666%;

          /* height: 170px; */

          border-right: 1px solid #CACACA;

          border-bottom: 1px solid #CACACA;

          position: relative; }

          .content .main_brand .m ul li:hover span {

            bottom: 0; }

          .content .main_brand .m ul li span {

            display: flex;

            align-items: center;

            justify-content: center;

            width: 100%;

            height: 100%;

            font-size: 15px;

            color: #fff;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            padding: 0 10px;

            box-sizing: border-box;

            position: absolute;

            left: 0;

            bottom: -100%;

            background: #FF7800;

            transition: all .3s; }

          .content .main_brand .m ul li img {

            display: block;

            width: 100%;

            height: 100%; }

  .content .main_case {

    overflow: hidden;

    width: 100%;

    background: #F5F5F5; }

    .content .main_case .box {

      width: 100%;

      margin-top: 60px;

      position: relative;

      height: 540px; }

      .content .main_case .box .mySwiper1 {

        width: 100%;

        height: 100%; }

        .content .main_case .box .mySwiper1 .swiper-slide {

          width: 100%;

          height: 100%; }

          .content .main_case .box .mySwiper1 .swiper-slide img {

            width: 100%;

            height: 100%;

            object-fit: cover; }

      .content .main_case .box .m {

        width: 0px;

        margin: 0 auto;

        position: absolute;

        left: 48.9%;

        top: 0;

        z-index: 999;

        transform: translateX(-50%);

        padding-left: 45px;

        height: 100%; }

        .content .main_case .box .m .font {

          width: 660px;

          height: 100%;

          background: rgba(255, 255, 255, 0.9);

          padding: 90px 58px 0 58px;

          position: relative; }

          .content .main_case .box .m .font .bot {

            width: 100%;

            position: absolute;

            left: 0;

            bottom: 35px;

            padding-left: 58px; }

            .content .main_case .box .m .font .bot .read {

              display: flex;

              align-items: center; }

              .content .main_case .box .m .font .bot .read a {

                display: flex;

                align-items: center; }

              .content .main_case .box .m .font .bot .read span {

                font-size: 18px;

                text-transform: uppercase;

                margin-left: 10px;

                color: #f80900; }

              .content .main_case .box .m .font .bot .read img {

                display: block; }

            .content .main_case .box .m .font .bot .dot {

              display: flex;

              align-items: center;

              margin-top: 20px; }

              .content .main_case .box .m .font .bot .dot div {

                width: 8px;

                height: 8px;

                background: #ABACAC;

                margin-right: 10px;

                cursor: pointer;

                border-radius: 50%; }

                .content .main_case .box .m .font .bot .dot div.on {

                  background: #F71209; }

          .content .main_case .box .m .font .fade {

            overflow: hidden; }

            .content .main_case .box .m .font .fade div {

              overflow: hidden;

              display: none; }

              .content .main_case .box .m .font .fade div.on {

                display: block; }

          .content .main_case .box .m .font p {

            font-size: 29px;

            color: #000;

            font-weight: bold;

            margin-bottom: 22px; }

          .content .main_case .box .m .font > span {

            display: block;

            font-size: 16px;

            color: #f80900;

            margin-bottom: 24px; }

          .content .main_case .box .m .font em {

            display: block;

            font-size: 16px;

            color: #000000;

            line-height: 2; }

  .content .main_product {

    overflow: hidden;

    width: 100%;

    background-image: url(../image/bgs_02.jpg);

    background-size: cover;

    padding: 65px 0 55px 0;

    position: relative; }

    .content .main_product .m {

      width: 1400px;

      margin: 0 auto;

      overflow: hidden; }

      .content .main_product .m .mySwiper3 {

        width: 100%; }

        .content .main_product .m .mySwiper3 .swiper-slide {

          width: 24%;

          margin-right: 1.333%; }

      .content .main_product .m ul {

        display: flex;

        flex-wrap: wrap; }

        .content .main_product .m ul li {

          overflow: hidden;

          width: 100%;

          background: #fff;

          margin-top: 26px;

          background: #fff; }

          .content .main_product .m ul li:hover .pic img {

            transform: scale(1.05); }

          .content .main_product .m ul li .pic {

            overflow: hidden;

            width: 100%;

            height: 200px; }

            .content .main_product .m ul li .pic img {

              width: 100%;

              height: 100%;

              object-fit: cover;

              transition: all .5s; }

          .content .main_product .m ul li .info {

            overflow: hidden;

            width: 100%;

            padding: 40px 26px 12px 26px;

            min-height: 215px; }

            .content .main_product .m ul li .info .head {

              display: flex;

              align-items: center;

              justify-content: space-between; }

              .content .main_product .m ul li .info .head p {

                font-size: 24px;

                font-weight: bold;

                color: #000; }

              .content .main_product .m ul li .info .head span {

                font-size: 13px;

                color: #333; }

            .content .main_product .m ul li .info > span {

              display: block;

              font-size: 14px;

              color: #666;

              line-height: 35px; }

            .content .main_product .m ul li .info em {

              display: block;

              font-size: 14px;

              color: #5A5A5A;

              line-height: 1.8;

              display: -webkit-box;

              -webkit-box-orient: vertical;

              -webkit-line-clamp: 3;

              overflow: hidden; }

          .content .main_product .m ul li:nth-child(4n) {

            margin-right: 0; }

  .content .tong_head {

    width: 1400px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between; }

    .content .tong_head p {

      font-size: 28px;

      color: #333333;

      position: relative;

      padding-left: 18px;

      font-weight: bold; }

      .content .tong_head p::after {

        content: '';

        width: 11px;

        height: 11px;

        background-image: url(../image/icon_20.jpg);

        background-size: 100% 100%;

        position: absolute;

        left: 0;

        top: 0; }

  .content .header {

    width: 100%;

    height: 90px;

    background: #fff;

    z-index: 999999;

    position: fixed;

    left: 0;

    top: 0;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

    .content .header .m {

      width: 1400px;

      margin: 0 auto;

      height: 100%;

      display: flex;

      align-items: center;

      justify-content: space-between; }

      .content .header .m .logo {

        display: block; }

      .content .header .m .icon {

        height: 100%;

        display: flex;

        align-items: center; }

        .content .header .m .icon > div {

          position: relative;

          height: 100%;

          display: flex;

          align-items: center;

          cursor: pointer;

          margin-right: 15px; }

          .content .header .m .icon > div img {

            display: block; }

        .content .header .m .icon select {

          border: none;

          outline: none;

          font-size: 15px;

          color: #212121; }

      .content .header .m ul {

        height: 100%;

        display: flex;

        align-items: center; }

        .content .header .m ul li {

          height: 100%;

          margin: 0 20px;

          position: relative; }

          .content .header .m ul li:hover .shows {

            opacity: 1;

            top: 100%;

            visibility: inherit; }

          .content .header .m ul li .shows {

            overflow: hidden;

            width: 150px;

            background: #fff;

            position: absolute;

            left: 50%;

            transition: all .2s;

            opacity: 0;

            z-index: 99999;

            visibility: hidden;

            transform: translateX(-50%);

            top: 120%; }

            .content .header .m ul li .shows a {

              display: flex;

              align-items: center;

              justify-content: center;

              width: 100%;

              font-size: 16px;

              line-height: 45px;

              border-bottom: 1px solid #f4f4f4;

              color: #000000; }

              .content .header .m ul li .shows a:hover {

                color: #bb0000; }

          .content .header .m ul li::after {

            content: '';

            width: 0%;

            transition: all .2s;

            height: 3px;

            background: #F80900;

            position: absolute;

            left: 50%;

            transform: translateX(-50%);

            bottom: 0; }

          .content .header .m ul li.on > a {

            color: #000096; }

          .content .header .m ul li.on::after {

            width: 100%; }

          .content .header .m ul li:hover > a {

            color: #000096; }

          .content .header .m ul li:hover::after {

            width: 100%; }

          .content .header .m ul li > a {

            display: flex;

            align-items: center;

            height: 100%;

            font-size: 16px;

            color: #212121; }



.null {

  height: 90px; }



@media (max-width: 1500px) {

  .m {

    width: 90% !important; }



  .tong_head {

    width: 100% !important; }



  .tong_title {

    width: 100% !important; }



  .content .header .m .logo {

    width: 130px; }



  .content .header .m ul li {

    margin: 0 15px; }



  .content .footer .m .fr {

    margin-left: 80px; }



  .content .main_case .tong_head {

    width: 90% !important; } }

@media (max-width: 1200px) {

  .content .header .m .logo {

    width: 100px; }



  .content .header .m ul li {

    margin: 0 10px; }

    .content .header .m ul li a {

      font-size: 15px; }



  .content .footer .m .fr {

    margin-left: 80px; }



  .content .main_product .m .mySwiper3 .swiper-slide {

    width: 48%;

    margin-right: 4%; }



  .content .main_product .m ul li {

    width: 100%;

    margin-right: 0; }



  .content .main_case .box .m .font {

    width: 50%; }



  .content .main_brand .m ul li {

    width: 33.33%; }



  .content .main_brand .m ul {

    flex-wrap: wrap; }



  .content .main_info .m .box .fl span {

    font-size: 22px; }



  .content .main_info .m .box .fl img {

    width: 200px; }



  .content .main_history .tabbar div {

    font-size: 20px; } }

@media (max-width: 900px) {

  .m {

    width: 100% !important; }



  .content .header .m ul {

    display: none; }



  .content .header {

    height: 1rem;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999; }



  .null {

    height: 1rem; }



  .content .header .m {

    padding: 0 1rem 0 .3rem; }



  .content .header .m .logo {

    width: 1rem; }



  .content .header .m .icon > div img {

    width: .4rem; }



  .content .banner .swiper-pagination-bullet {

    width: .8rem; }



  .content .main_product {

    padding: .6rem .3rem; }



  .content .tong_head p {

    font-size: .33rem; }



  .content .main_product .m ul {

    display: block;

    margin-top: .5rem; }

    .content .main_product .m ul li {

      width: 100%;

      margin: 0;

      margin-top: .3rem; }



  .content .main_product .m .mySwiper3 .swiper-slide {

    width: 100%; }



  .content .main_product .m ul li .info {

    padding: .3rem;

    height: auto;

    min-height: auto; }



  .content .main_product .m ul li .info .head p {

    font-size: .3rem; }



  .content .main_product .m ul li .info em {

    font-size: .26rem; }



  .content .main_product .m ul li .pic {

    height: auto; }



  .content .main_case {

    padding: .6rem 0; }



  .content .main_case .box {

    margin-top: .5rem; }



  .content .main_case .box .m {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center; }



  .content .main_case .box .m .font {

    height: auto;

    margin: 0 auto;

    padding: .33rem;

    width: 70%; }



  .content .main_case .box .m .font .bot {

    position: static;

    padding: 0; }



  .content .main_case .box .m .font p {

    font-size: .33rem; }



  .content .main_case .box .m .font em {

    font-size: .22rem;

    margin-top: .2rem; }



  .content .main_case .box .m .font .bot .read {

    margin-top: .3rem;

    width: 100%; }

    .content .main_case .box .m .font .bot .read a {

      display: flex;

      justify-content: center;

      width: 100%; }



  .content .main_case .box {

    height: 8rem; }



  .content .main_advantage p {

    font-size: .33rem;

    margin-bottom: .5rem; }



  .content .main_advantage div span {

    padding: 0 .3rem;

    font-size: .24rem; }



  .content .footer .m .fl {

    display: none; }



  .content .footer {

    padding: .8rem 0; }



  .content .footer .m .fr {

    float: none;

    width: 100%; }



  .content .footer .m .fr .code {

    margin: 0 auto; }



  .content .footer .m .fr {

    margin: 0; }



  .content .main_advantage {

    padding: 1rem 0; }



  .content footer {

    font-size: .2rem; }



  .content .main_case .box .m .font .bot .dot {

    justify-content: center; }



  .content .main_case {

    padding-bottom: 0; }



  .content .main_brand {

    padding: .6rem .3rem; }



  .content .main_brand .m ul {

    margin-top: .6rem; }

    .content .main_brand .m ul li {

      height: 1.5rem; }



  .content .main_menus {

    height: auto; }



  .content .main_menus .m {

    display: block; }



  .content .main_menus .m ul {

    flex-wrap: wrap; }



  .content .main_menus .m ul li {

    margin: 0;

    width: 20%;

    height: .9rem; }

    .content .main_menus .m ul li a {

      display: flex;

      align-items: center;

      justify-content: center;

      width: 100%;

      height: 100%;

      font-size: .25rem; }



  .content .main_menus .m .bread {

    height: 1rem;

    display: flex;

    align-items: center;

    justify-content: center; }



  .content .main_info {

    padding: .6rem .3rem; }



  .content .tong_title p {

    font-size: .33rem; }



  .content .main_info .m .box {

    display: block; }



  .content .main_info .m .box .fl {

    float: none;

    width: 100%; }

    .content .main_info .m .box .fl span {

      font-size: .28rem;

      text-align: center;

      line-height: 1.8; }



  .content .main_info .m .box .fl img {

    width: 2rem; }



  .content .main_info .m .box .fr {

    width: 100%;

    float: none;

    margin-top: .5rem; }

    .content .main_info .m .box .fr span {

      font-size: .26rem;

      line-height: 1.8; }



  .content .tong_title span {

    font-size: .3rem; }



  .content .main_culture .box {

    margin-top: .4rem;

    height: auto; }



  .content .main_culture .box .font {

    width: 100%; }



  .content .main_culture .box .font .top {

    padding: .35rem; }



  .content .main_culture .box .font .top p {

    font-size: .35rem;

    margin-bottom: .3rem; }



  .content .main_culture .box .font .top div {

    margin-bottom: .3rem; }



  .content .main_culture .box .font .top span {

    font-size: .25rem; }



  .content .main_culture .box .font .top em {

    font-size: .24rem; }



  .content .main_culture .box .font ul li {

    padding: .3rem; }



  .content .main_history {

    padding: 1rem .3rem .6rem .3rem; }



  .content .tong_title em {

    top: -.2rem;

    font-size: .35rem; }



  .content .main_history .tabbar {

    margin-top: .6rem; }



  .content .main_history .tabbar div {

    font-size: .26rem;

    text-align: center; }



  .content .main_history .box {

    margin-top: .5rem; }



  .content .main_history .box .label p span {

    font-size: .33rem; }



  .content .main_history .box .label p {

    font-size: .26rem; }



  .content .main_history .box .label em {

    font-size: .25rem; }



  .content .main_qualification {

    padding: .6rem .3rem; }



  .content .main_qualification .bottom img {

    width: .5rem; }



  .content .main_advantge {

    padding: .6rem .3rem; }



  .content .main_advantge .m ul li {

    width: 100%;

    margin-top: .3rem; }



  .content .main_advantge .m ul {

    display: block; }



  .content .main_advantge .m ul li img {

    width: 1rem; }



  .content .main_advantge .m ul li > p {

    font-size: .33rem; }



  .content .main_culture .box .font ul li .md p {

    font-size: .35rem;

    margin-bottom: .3rem; }



  .content .main_culture .box .font ul li .md div {

    margin-bottom: .3rem; }



  .content .main_culture .box .font ul li .md span {

    font-size: .25rem; }



  .content .main_culture .box .font ul li .md em {

    font-size: .24rem; }



  .content .main_qualification .box .mySwiper2 .swiper-slide {

    width: 100%; }



  .content .main_history .box .mySwiper1 .swiper-slide {

    width: 100%;

    display: block; }



  .content .main_history .box .label {

    padding-bottom: .3rem; }



  .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: 99999991; }



  .mobile_fade .box {

    width: 100%;

    height: calc(100vh);

    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 rgba(0, 0, 0, 0.1);

    width: 100%; }



  .mobile_fade .box ul li span {

    height: 1rem;

    display: flex;

    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;

    flex: 1; }



  .mobile_fade .box ul li span img {

    width: .6rem;

    transition: all .2s;

    margin-left: 5rem; }



  .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; }



  .menu {

    display: block;

    width: .45rem;

    position: absolute;

    right: .3rem;

    top: .3rem;

    z-index: 999; }



  .fade_search .search {

    width: 6.9rem;

    margin: 0 auto; }



  .close {

    width: .55rem;

    float: right;

    margin-right: .3rem;

    margin-top: .3rem; }



  .menu {

    display: block;

    width: .5rem;

    position: absolute;

    right: .3rem;

    top: 50%;

    transform: translateY(-50%); }



  .content .main_menus {

    top: 1rem; } }



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