.des_banner {
  overflow: hidden;
  width: 100%;
  height: 443px;
  background-image: url(../images/about_01.jpg);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 100px; }
  .lx {
  overflow: hidden;
  width: 100%;
  height: 443px;
  background-image: url(../images/contact.jpg);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px; }
  .news {
  overflow: hidden;
  width: 100%;
  height: 443px;
  background-image: url(../images/news.jpg);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px; }
  .des_banner p {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff; }
	
	
	        .content .main_news .m .details .titles {
          display: block;
          font-size: .37rem;
          color: #333333;
          line-height: .7rem;
          margin-bottom: .22rem;
          font-weight: bold;
          border-bottom: 1px solid #F1F1F1;
          text-transform: uppercase;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }

.tong_title {
  width: 100%;
  position: relative; }
  .tong_title p {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    position: relative; }
    .tong_title p::after {
      content: '';
      width: 66px;
      height: 1px;
      background: #333;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -18px; }

.main_factory {
  width: 100%;
  height: 795px;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/about_20.jpg);
  padding-top: 160px;
  margin-bottom: 110px; }
  .main_factory .m {
    width: 1366px;
    margin: 0 auto; }
    .main_factory .m .box {
      width: 100%;
      position: relative;
      overflow: hidden;
      margin-top: 160px; }
      .main_factory .m .box .swiper-pagination-bullet-active {
        background: #24B6DB; }
      .main_factory .m .box .mySwiper1 {
        width: 100%;
        padding-bottom: 110px;
        overflow: hidden; }
        .main_factory .m .box .mySwiper1 .swiper-slide {
          width: 32%;
          border: 1px solid #D2D2D2;
          margin-right: 2%; }
          .main_factory .m .box .mySwiper1 .swiper-slide .label {
            overflow: hidden;
            width: 100%;
            background: #fff;
            padding: 6px; }
            .main_factory .m .box .mySwiper1 .swiper-slide .label img {
              display: block;
              width: 100%; }
			  
			  
			  

.main_products {
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 60px 0; }
  .main_products .m1200 {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto; }
    .main_products .m1200 .pagelist {
      display: flex;
      justify-content: center;
      align-items: center; }
      .main_products .m1200 .pagelist a {
        display: block;
        font-size: 14px;
        padding: 3px 8px;
        color: #666;
        margin: 0 10px; }
        .main_products .m1200 .pagelist a:hover {
          text-decoration: underline; }
        .main_products .m1200 .pagelist a.on {
          text-decoration: underline; }
    .main_products .m1200 > ul {
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 70px;
      margin-top: 85px; }
      .main_products .m1200 > ul li {
        overflow: hidden;
        width: 25%;
        padding-bottom: 25px;
        transition: all .1s; }
        .main_products .m1200 > ul li:hover {
          background: #F7F7F7; }
          .main_products .m1200 > ul li:hover span {
            text-decoration: underline; }
        .main_products .m1200 > ul li span {
          display: block;
          font-size: 18px;
          color: #666666;
          padding-left: 30px; }
        .main_products .m1200 > ul li div {
          overflow: hidden;
          width: 100%; }
          .main_products .m1200 > ul li div img {
            display: block;
            width: 100%; }
    .main_products .m1200 .head {
      overflow: hidden;
      width: 100%; }
      .main_products .m1200 .head > p {
        font-size: 40px;
        text-transform: uppercase;
        margin-bottom: 45px;
        color: #000000;
        font-weight: bold; }
      .main_products .m1200 .head .bot {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .main_products .m1200 .head .bot .filters {
          display: flex;
          align-items: center; }
          .main_products .m1200 .head .bot .filters p {
            font-size: 14px;
            color: #666666; }
          .main_products .m1200 .head .bot .filters select {
            border: none;
            outline: none;
            background: none;
            font-size: 14px;
            color: #666;
            padding: 0 15px; }
        .main_products .m1200 .head .bot ul {
          display: flex;
          align-items: center; }
          .main_products .m1200 .head .bot ul li {
            font-size: 14px;
            color: #666666;
            margin-right: 7px; }
            .main_products .m1200 .head .bot ul li a {
              color: #666666;
              transition: all .1s; }
              .main_products .m1200 .head .bot ul li a:hover {
                color: #11b4dc; }
				
				
				 .content .main_contact_form {
    overflow: hidden;
    padding: .7rem 0 1.33rem 0;
    background: #F5F5F5; }
    .content .main_contact_form .m {
      width: 12rem;
      margin: 0 auto;
      font-size: 12px;
      text-align: center; }
      .content .main_contact_form .m .box {
        overflow: hidden;
        width: 100%;
        margin-top: .6rem;
        padding: .5rem .55rem .5rem .55rem;
        display: flex;
        background: #fff;
        justify-content: space-between;
        flex-wrap: wrap; }
        .content .main_contact_form .m .box .submit {
          flex: 1;
          height: .55rem;
          background: #11b4dc;
          border-radius: 0px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: .17rem;
          text-transform: uppercase;
          color: #fff;
          margin-left: .4rem; }
        .content .main_contact_form .m .box .label {
          width: 100%;
        
          margin-bottom: .26rem;
       
           }
          .content .main_contact_form .m .box .label div {
            overflow: hidden;
            width: 100%;
            height: 100%;
          
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
            background: #fff;
            border-radius: 6px;
            border: 1px solid #DDDDDD;
            font-size: .15rem;
            color: #666; }
          .content .main_contact_form .m .box .label.on {
            width: 100%; }
          .content .main_contact_form .m .box .label p {
            font-size: .15rem;
            width: 100%;
            box-sizing: border-box;
            line-height: 1.5;
            padding-top: .12rem;
            color: #666666; text-align:left; }
          .content .main_contact_form .m .box .label textarea {
          
            height: 1.3rem;
            border-radius: 0px;
            background: #FFF;
            border: none;
            outline: none;
            padding-left: 0rem;
            font-size: .15rem;
            color: #666; border:#ccc solid 1px; width:100% }
          .content .main_contact_form .m .box .label input {
            
            height: .45rem;
            border-radius: 0px;
            background: #FFF;
            border: none;
            outline: none;
            padding-left: .2rem;
            font-size: .15rem;
            color: #666;border:#ccc solid 1px; width:100%}
      .content .main_contact_form .m .des {
        display: block;
        font-size: .17rem;
        color: #333333;
        text-align: center;
        line-height: 1.8;
        margin-top: .3rem; 
		text-transform: uppercase;}
      .content .main_contact_form .m .title {
        text-align: center;
        display: inline-block;
        position: relative; }
        .content .main_contact_form .m .title p {
          display: inline-block;
          text-align: center;
          font-size: .20rem;
          font-weight: bold;
          text-transform: uppercase;
          z-index: 9;
          line-height: 1;
          position: relative;
          color: #333333; line-height:0.30rem; padding-bottom:0.3rem;}

        .content .main_contact_form .m .titlelx p {
          display: inline-block;
          text-align: center;
          font-size: .20rem;
          font-weight: bold;
          text-transform: uppercase;
          z-index: 9;
          line-height: 1;
          position: relative;
          color: #333333; line-height:0.30rem; padding-bottom:0.3rem;}
        .content .main_contact_form .m .title::after {
          width: 100%;
          height: 1px;
          background: #cccccc;
          content: '';
          position: absolute;
          left: 0;
          bottom: 3px; }
		  
		   .content .main_contact_form .m .titlelxx{
			   width:100%; border-bottom:#ccc solid 1px; width:100%; 
		   }
		      .content .main_contact_form .m .titlelxx p {
          display:block;
          text-align: left;
          font-size: .20rem;
          z-index: 9;
          line-height: 1;
          position: relative;
          color: #333333; line-height:0.30rem; padding-bottom:0.3rem; }

				
				.content .main_news {
    overflow: hidden;
    width: 100%;
    padding: .63rem 0 1.1rem 0; }
    .content .main_news .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_news .m > ul {
        overflow: hidden;
        margin-bottom: .85rem; }
        .content .main_news .m > ul li {
          overflow: hidden;
          width: 100%;
          transition: all .1s;
          border-bottom: 1px solid #E5E5E5; }
          .content .main_news .m > ul li:hover {
            background: #f0f0f0; }
            .content .main_news .m > ul li:hover a span {
              color: #333; }
            .content .main_news .m > ul li:hover a .top p {
              color: #333; }
            .content .main_news .m > ul li:hover a .top div span {
              color: #333; }
            .content .main_news .m > ul li:hover a .top div div {
              background-image: url(../images/rights_03.png); }
          .content .main_news .m > ul li a {
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: .25rem; }
            .content .main_news .m > ul li a span {
              display: block;
              font-size: .17rem;
              color: #848484;
              line-height: 1.8;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .content .main_news .m > ul li a .top {
              display: flex;
              align-items: center;
              justify-content: space-between;
              margin-bottom: .12rem; }
              .content .main_news .m > ul li a .top p {
                font-size: .3rem;
                font-weight: bold;
                text-transform: uppercase;
                color: #333333; }
              .content .main_news .m > ul li a .top > div {
                display: flex;
                align-items: center; }
                .content .main_news .m > ul li a .top > div span {
                  font-size: .17rem;
                  color: #BFBFBF; }
                .content .main_news .m > ul li a .top > div div {
                  width: .28rem;
                  height: .28rem;
                  background-image: url(../images/rights_06.png);
                  background-size: 100% 100%;
                  margin-left: .13rem; }

.main_Certifications {
  overflow: hidden;
  width: 100%;
  padding: 120px 0 200px 0; }
  .main_Certifications .m {
    width: 1366px;
    margin: 0 auto; }
    .main_Certifications .m .box {
      width: 100%;
      margin-top: 110px;
      position: relative; }
      .main_Certifications .m .box .mySwiper {
        width: 100%;
        overflow: hidden; }
        .main_Certifications .m .box .mySwiper .swiper-slide {
          width: 24%;
          border: 1px solid #D2D2D2;
          margin-right: 1.3%; }
          .main_Certifications .m .box .mySwiper .swiper-slide .label {
            overflow: hidden;
            width: 100%; }
            .main_Certifications .m .box .mySwiper .swiper-slide .label img {
              display: block;
              width: 100%;
              object-fit: cover; }
      .main_Certifications .m .box .btn {
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999; }
        .main_Certifications .m .box .btn.prev {
          left: -76px; }
        .main_Certifications .m .box .btn.next {
          right: -76px; }

.main_video {
  width: 100%;
  padding: 70px 0 0 0; }
  .main_video .video {
    width: 100%;
    height: 699px;
    margin-top: 80px;
    background-image: url(../images/about_03.jpg);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .main_video .video video {
      width: 900px;
      height: 510px;
      object-fit: cover;
      display: block;
      border: none;
      margin: 0 auto; }

.main_story {
  overflow: hidden;
  background: #fff;
  padding: 75px 0 0 0; }
  .main_story .m {
    width: 1366px;
    margin: 0 auto; }
    .main_story .m .font {
      display: block;
      width: 74.6705710102489%;
      margin: 0 auto;
      overflow: hidden;
      margin-top: 30px; }
      .main_story .m .font span {
        display: block;
        font-size: 18px;
        color: #666666;
        line-height: 1.6666;
        margin-top: 30px; }

.fade_search {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
  display: none; }
  .fade_search .search {
    width: 600px;
    height: 60px;
    display: flex;
    align-items: center;
    background: #fff;
    position: relative; }
    .fade_search .search .close {
      width: 40px;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: -60px; }
    .fade_search .search input {
      width: calc(100% - 60px);
      font-size: 15px;
      color: #333;
      padding-left: 15px;
      background: none;
      border: none; }
    .fade_search .search div {
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #D93138;
      cursor: pointer; }
      .fade_search .search div img {
        width: 50%; }

.menu {
  display: none; }

.mobile_fade {
  display: none; }

.content {
  overflow: hidden;
  width: 100%;
  background: #fff; }
  .content .null {
    height: 90px; }
  .content .banner {
    overflow: hidden;
    width: 100%;
    position: relative; }
    .content .banner .mySwiper {
      width: 100%; }
    .content .banner .swiper-slide {
      width: 100%; }
    .content .banner .swiper-pagination-bullet {
      width: 61px;
      height: 3px;
      background: #999999;
      margin: 0 8px;
      opacity: 1;
      border-radius: 0; }
    .content .banner .swiper-pagination-bullet-active {
      background: #5ECBE6; }
    .content .banner .swiper-pagination {
      font-size: 12px;
      bottom: 30px; }
    .content .banner img {
      display: block;
      width: 100%; }
  .content .title {
    display: block;
    text-align: center;
    font-size: 36px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold; }
	  .content .titlelx {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold; width:350px; margin:0px auto;}
  .content footer {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #E5E5E5;
    box-sizing: border-box; }
    .content footer .m {
      width: 1366px;
      margin: 0 auto;
      font-size: 15px;
      color: #666666; }
  .content .footer {
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #E5E5E5; }
    .content .footer .m {
      width: 1366px;
      overflow: hidden;
      margin: 0 auto;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 40px 0; }
      .content .footer .m .logo {
        display: block; }
      .content .footer .m .label {
        overflow: hidden; }
        .content .footer .m .label p {
          font-size: 16px;
          font-weight: bold;
          color: #333;
          margin-bottom: 10px;
          text-transform: uppercase; }
        .content .footer .m .label .b {
          overflow: hidden; }
          .content .footer .m .label .b .lab {
            overflow: hidden;
            margin-top: 10px;
            display: flex;
            align-items: flex-start; }
            .content .footer .m .label .b .lab img {
              display: block;
              margin-top: 6px; }
            .content .footer .m .label .b .lab div {
              overflow: hidden;
              margin-left: 10px;
              width: 320px; }
              .content .footer .m .label .b .lab div span {
                display: block;
                font-size: 16px;
                color: #666666;
                line-height: 30px; }
        .content .footer .m .label ul {
          overflow: hidden; }
          .content .footer .m .label ul li {
            font-size: 15px;
            margin-top: 12px; }
            .content .footer .m .label ul li a {
              text-transform: uppercase;
              color: #666;
              display: block;
              transition: all .1s; }
            .content .footer .m .label ul li:hover a {
              color: #11B4DE; }
  .content .main_contact {
    overflow: hidden;
    padding-bottom: 122px; }
    .content .main_contact .m {
      width: 1366px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap; }
      .content .main_contact .m li {
        overflow: hidden;
        width: 32.06442166910688%;
        margin-top: 70px;
        margin-right: 1.90336749633968%;
        position: relative; }
        .content .main_contact .m li:nth-child(3n) {
          margin-right: 0; }
        .content .main_contact .m li:hover a > img {
          transform: scale(1.03); }
        .content .main_contact .m li a {
          display: block;
          width: 100%; }
          .content .main_contact .m li a div {
            overflow: hidden;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 50px 24px 30px 24px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.6)); }
            .content .main_contact .m li a div img {
              display: block;
              max-width: 50%; }
            .content .main_contact .m li a div p {
              font-size: 26px;
              color: #fff;
              text-transform: uppercase; }
          .content .main_contact .m li a > img {
            display: block;
            transition: all .4s;
            width: 100%; }
  .content .main_about {
    overflow: hidden;
    padding: 35px 0 0 0; }
    .content .main_about .box {
      width: 100%;
      margin-top: 95px;
      background-image: url(../images/home_25.jpg);
      background-size: cover;
      background-position: center center;
      height: 785px;
      padding-top: 146px; }
      .content .main_about .box img {
        display: block;
        max-width: 90%;
        margin: 50px auto; }
      .content .main_about .box .btn {
        overflow: hidden;
        width: 250px;
        height: 72px;
        background: #000;
        margin: 0 auto;
        margin-top: 55px;
        transition: all .1s; }
        .content .main_about .box .btn:hover {
          background: #11B4DE; }
        .content .main_about .box .btn a {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 27px;
          text-transform: uppercase;
          color: #fff;
          width: 100%;
          height: 100%; }
      .content .main_about .box .font {
        overflow: hidden; }
        .content .main_about .box .font em {
          display: block;
          font-size: 17px;
          color: #333333;
          line-height: 32px;
          text-align: center;
          text-transform: uppercase; }
      .content .main_about .box p {
        font-size: 50px;
        color: #333333;
        font-weight: bold;
        text-align: center;
        line-height: 1.3;
        text-transform: uppercase; }
      .content .main_about .box span {
        font-size: 50px;
        color: #333333;
        text-align: center;
        line-height: 1.3;
        display: block;
        text-transform: uppercase; }
  .content .main_product {
    overflow: hidden;
    padding: 75px 0; }
    .content .main_product .m {
      width: 1366px;
      margin: 0 auto; }
      .content .main_product .m .box {
        width: 100%;
        margin-top: 60px;
        display: flex;
        justify-content: space-between; }
        .content .main_product .m .box .right {
          flex: 1;
          padding-left: 0.95168374816984%; }
          .content .main_product .m .box .right ul {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            .content .main_product .m .box .right ul li {
              overflow: hidden;
              width: 49.14004914004914%;
              margin-bottom: 14px;
              position: relative; }
              .content .main_product .m .box .right ul li:last-child {
                width: 100%;
                margin: 0; }
              .content .main_product .m .box .right ul li:hover img {
                transform: scale(1.03); }
              .content .main_product .m .box .right ul li img {
                display: block;
                transition: all .4s;
                width: 100%; }
              .content .main_product .m .box .right ul li div {
                overflow: hidden;
                position: absolute;
                left: 0;
                top: 0;
                padding: 40px 0 0 40px;
                z-index: 9; }
                .content .main_product .m .box .right ul li div p {
                  font-size: 26px;
                  color: #fff;
                  font-weight: bold;
                  margin-bottom: 10px;
                  text-transform: uppercase; }
                .content .main_product .m .box .right ul li div span {
                  display: block;
                  font-size: 14px;
                  color: #fff; }
				  .content .main_infos {
    overflow: hidden;
    width: 100%;
    background: #F3F3F3;
    padding: 60px 0; }
    .content .main_infos .m {
      width: 1240px;
      margin: 0 auto; }
      .content .main_infos .m .title {
        display: flex;
        align-items: center;
        justify-content: left;
        background: #11b4dc;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        width: 100%;
        height: 70px;
		text-indent: 20px;
		}
      .content .main_infos .m .box {
        overflow: hidden;
        width: 100%;
        background: #fff;
        padding: 60px 0; }
        .content .main_infos .m .box img {
          display: block;
          max-width: 70%;
          margin: 0 auto; }
        .content .main_product .m .box .left {
          overflow: hidden;
          width: 39.38506588579795%;
          position: relative; }
          .content .main_product .m .box .left:hover img {
            transform: scale(1.03); }
          .content .main_product .m .box .left img {
            display: block;
            width: 100%;
            transition: all .4s; }
          .content .main_product .m .box .left div {
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            padding: 60px 0 0 50px;
            z-index: 9; }
            .content .main_product .m .box .left div p {
              font-size: 38px;
              color: #fff;
              font-weight: bold;
              margin-bottom: 16px;
              text-transform: uppercase; }
            .content .main_product .m .box .left div span {
              display: block;
              font-size: 15px;
              color: #fff;
              text-decoration: underline; }
  .content .header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    height: 90px;
    background: #fbfdfe; }
    .content .header.on {
      background: rgba(255, 255, 255, 0.9); }
    .content .header .m {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .header .m .logo {
        display: block;
        cursor: pointer; }
      .content .header .m .search {
        cursor: pointer;
        display: block; }
		          .content .header .m ul li:hover > .showslide {
            opacity: 1;
            top: 100%;
            visibility: inherit; }
          .content .header .m ul li .showslide {
            width: 200px;
            position: absolute;
            left: 0;
            top: 120%;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            opacity: 0;
            visibility: hidden;
            transition: all .3s; }
            .content .header .m ul li .showslide > div {
              width: 100%;
              position: relative; }
              .content .header .m ul li .showslide > div:hover .showslide {
                left: 100%;
                top: 0;
                opacity: 1;
                visibility: inherit; }
              .content .header .m ul li .showslide > div a {
                display: flex;
                align-items: center;
                height: 45px;
                transition: all .2s;
                font-size: 14px;
                color: #333;
                border-bottom: 1px solid #dcdcdc;
                padding-left: 15px;
                box-sizing: border-box; }
                .content .header .m ul li .showslide > div a:hover {
                  color: #00A2FD; }
              .content .header .m ul li .showslide > div .showslide {
                top: 0;
                left: 120%; }
      .content .header .m ul {
        display: flex;
        align-items: center;
        height: 100%; }
        .content .header .m ul li {
          height: 100%;
          margin: 0 18px;
          position: relative; }
          .content .header .m ul li.on a {
            color: #11b4dc;
            font-weight: bold; }
          .content .header .m ul li:hover a {
            color: #11b4dc;
            font-weight: bold; }
          .content .header .m ul li.on::after {
            width: 100%; }
          .content .header .m ul li:hover::after {
            width: 100%; }
          .content .header .m ul li::after {
            content: '';
            width: 0%;
            height: 1px;
            background: #11b4dc;
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            transition: all .1s; }
          .content .header .m ul li a {
            height: 100%;
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            color: #666666; }

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

  .des_banner p, .tong_title p {
    font-size: 30px; }

  .main_story .m .font span {
    font-size: 16px; }

  .main_products .m1200 {
    width: 90%; }

  .main_products .m1200 .head > p {
    font-size: 30px; } }
@media (max-width: 1200px) {
  .content .header .m ul li {
    margin: 0 10px; }

  .content .header .m .logo {
    width: 180px; }

  .content .title {
    font-size: 30px; }
	.content .titlelx {
    font-size: 12px; }

  .content .main_product .m .box .left div p {
    font-size: 30px; }

  .content .main_product .m .box .right ul li div p {
    font-size: 22px; }

  .content .main_about .box p {
    font-size: 40px; }

  .content .main_about .box span {
    font-size: 40px; }

  .content .main_about .box .btn a {
    font-size: 23px; }

  .content .main_contact .m li a div p {
    font-size: 23px; } }
@media (max-width: 900px) {
  .m {
    width: 100% !important; }

  .main_products {
    padding: .6rem .3rem; }

  .main_products .m1200 {
    width: 100%; }

  .main_products .m1200 .head > p {
    font-size: .3rem;
    margin-bottom: .3rem; }

  .main_products .m1200 .head .bot {
    display: block;
    width: 100%; }

  .main_products .m1200 .head .bot ul li {
    font-size: .23rem; }
    .main_products .m1200 .head .bot ul li a {
      font-size: .23rem; }

  .main_products .m1200 .head .bot .filters {
    margin-top: .3rem; }

  .main_products .m1200 .head .bot .filters p {
    font-size: .23rem; }

  .main_products .m1200 .head .bot .filters select {
    font-size: .23rem; }

  .main_products .m1200 > ul {
    margin-top: .4rem; }

  .main_products .m1200 > ul li {
    width: 50%; }

  .main_products .m1200 > ul li span {
    font-size: .24rem;
    padding-left: 0;
    text-align: center; }

  .des_banner {
    height: 4rem;
    padding-top: 1rem; }

  .des_banner p, .tong_title p {
    font-size: .3rem; }

  .main_story {
    padding: .6rem 0 0 0; }

  .main_story .m .font {
    width: 90%; }

  .main_story .m .font span {
    font-size: .24rem;
    margin-top: .3rem; }

  .main_video {
    padding: .6rem 0 0 0; }

  .main_video .video {
    margin-top: .8rem;
    height: auto;
    padding: .6rem .3rem; }
    .main_video .video video {
      width: 100%;
      height: auto; }

  .main_Certifications {
    padding: .6rem; }

  .main_Certifications .m .box {
    margin-top: .8rem; }

  .main_Certifications .m .box .btn {
    width: .3rem; }

  .main_Certifications .m .box .btn.prev {
    left: -.4rem; }

  .main_Certifications .m .box .mySwiper .swiper-slide {
    width: 32%; }

  .main_factory {
    padding: 1rem .3rem;
    height: auto; }

  .main_factory .m .box {
    margin-top: .8rem; }

  .main_factory .m .box .mySwiper1 {
    padding-bottom: .8rem; }

  .main_factory .m .box .mySwiper1 .swiper-slide {
    width: 48%;
    margin-right: 4%; }

  .main_factory {
    margin-bottom: 0; }

  .main_Certifications .m .box .btn.next {
    right: -.4rem; }

  .content .header {
    height: 1rem; }

  .content .null {
    height: 1rem; }

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

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

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

  .content .header .m .search {
    width: .4rem; }

  .content .banner .swiper-pagination {
    bottom: .2rem; }

  .content .banner .swiper-pagination-bullet {
    width: .6rem; }

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

  .content .title {
    font-size: .35rem; }
	
.content .titlex {
    font-size: .35rem; }

  .content .main_product .m .box {
    margin-top: .8rem;
    display: block; }

  .content .main_product .m .box .left {
    width: 100%; }

  .content .main_product .m .box .left div {
    padding: .3rem; }

  .content .main_product .m .box .left div p {
    font-size: .33rem;
    margin-bottom: .15rem; }

  .content .main_product .m .box .left div span {
    font-size: .26rem; }

  .content .main_product .m .box .right {
    width: 100%;
    padding: 0;
    margin-top: .1rem; }

  .content .main_product .m .box .right ul li {
    margin-bottom: .1rem; }

  .content .main_about {
    padding: 0; }

  .content .main_about .box {
    margin-top: .8rem;
    height: auto;
    padding: 1rem .3rem; }

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

  .content .main_about .box span {
    font-size: .33rem; }

  .content .main_about .box img {
    margin: .5rem auto; }

  .content .main_about .box .font em {
    font-size: .26rem;
    line-height: 2; }

  .content .main_about .box .btn {
    width: 3rem;
    height: .9rem; }
    .content .main_about .box .btn a {
      font-size: .28rem; }

  .content .main_contact {
    padding: 0 .3rem;
    padding-bottom: .8rem; }
    .content .main_contact ul {
      display: block; }
    .content .main_contact ul li {
      width: 100%; }

  .content .main_contact .m {
    display: block; }
    .content .main_contact .m li {
      width: 100%;
      margin-top: .4rem; }

  .content .footer .m {
    padding: .5rem .3rem;
    flex-wrap: wrap; }

  .content .footer .m .logo {
    width: 2.6rem;
    margin: 0 auto;
    margin-bottom: .5rem; }

  .content .footer .m .label {
    width: 100%;
    display: none; }
    .content .footer .m .label:last-child {
      display: block; }

  .content .footer .m .label p {
    text-align: center;
    display: none; }

  .content footer {
    padding: .2rem; }

  .content footer .m {
    font-size: .2rem;
    text-align: center; }

  .content .footer .m .label .b .lab div span {
    line-height: 1.6;
    font-size: .23rem; }

  .content .main_product .m .box .right ul li div {
    padding: .3rem; }

  .content .main_product .m .box .right ul li div p {
    font-size: .3rem;
    margin-bottom: .15rem; }

  .content .main_product .m .box .right ul li div span {
    font-size: .24rem; }

  .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: 999; }
    .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: .65rem;
              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; }

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

  .fade_search .search {
    width: 80%; } }

  .content .main_product_info {
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 35px 0 50px 0; }
    .content .main_product_info .m {
      width: 1240px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      .content .main_product_info .m .grow {
        overflow: hidden;
        width: calc(100% - 630px - 40px); }
        .content .main_product_info .m .grow > p {
          font-size: 32px;
          font-weight: bold;
          line-height: 1.6;
          padding: 25px 0;
          border-bottom: 1px solid #CCCCCC;
          color: #333333; }
        .content .main_product_info .m .grow .goback {
          overflow: hidden;
          width: 343px;
          height: 81px;
          background: #000000;
          border-radius: 0px;
          margin-top: 40px; text-transform: uppercase;}
          .content .main_product_info .m .grow .goback a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%; }
            .content .main_product_info .m .grow .goback a span {
              font-size: 18px;
              font-weight: bold;
              color: #fff; padding:0px 15px; }
            .content .main_product_info .m .grow .goback a img {
              display: block;
              margin-right: 17px; }
        .content .main_product_info .m .grow ul {
          overflow: hidden; }
          .content .main_product_info .m .grow ul li {
            overflow: hidden;
            margin-top: 8px; }
            .content .main_product_info .m .grow ul li p {
              font-size: 18px;
              font-weight: bold;
              display: inline-block;
              line-height: 33px;
              color: #666666; }
            .content .main_product_info .m .grow ul li span {
              display: inline-block;
              font-size: 18px;
              color: #666666;
              line-height: 33px; }
      .content .main_product_info .m .slide {
        overflow: hidden;
        width: 630px; }
        .content .main_product_info .m .slide .pic {
          width: 100%;
          border: 1px solid #D8D8D8;
          margin-bottom: 14px; }
          .content .main_product_info .m .slide .pic img {
            display: block;
            width: 100%; }
        .content .main_product_info .m .slide .list {
          width: 100%; }
          .content .main_product_info .m .slide .list .mySwiper1 {
            width: 100%;
            overflow: hidden; }
            .content .main_product_info .m .slide .list .mySwiper1 .swiper-slide {
              width: 110px;
              margin-right: 10px; }
              .content .main_product_info .m .slide .list .mySwiper1 .swiper-slide.on .lab {
                border: 1px solid #11b4dc; }
          .content .main_product_info .m .slide .list .lab {
            width: 110px;
            height: 110px;
            cursor: pointer;
            border: 1px solid #D8D8D8; }
            .content .main_product_info .m .slide .list .lab img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
			   .content .main_headers {
    overflow: hidden;
    width: 100%;
    background: #E0E2E1;
    padding: 25px 0 45px 0; }
    .content .main_headers .m {
      width: 1240px;
      margin: 0 auto; }
      .content .main_headers .m .menua {
        display: flex;
        align-items: center; }
        .content .main_headers .m .menua li {
          font-size: 16px;
          color: #999999;
          margin-right: 6px; }
          .content .main_headers .m .menua li.on a {
            color: #0b8e44; }
          .content .main_headers .m .menua li:hover a {
            color: #0b8e44; }
          .content .main_headers .m .menua li a {
            color: #999999; }
      .content .main_headers .m h2 {
        text-align: center;
        font-size: 32px;
        color: #333333;
        font-weight: bold;
        margin-top: 30px; }
/*# sourceMappingURL=css.css.map */