@media screen and (max-width: 1600px) {
     .w1600,.w1400,.w1200{
          width: 96%;
     }
     .contact-page .w1200{
          padding: 0 0 120px;
     }
     .contact-page .w1200 .links{
          margin-top: 20%;
     }
     .product-detail-banner .swiper2{
          margin: 50px 0;
     }
}


@media screen and (max-width: 1400px){
     .contact-page .w1200{
          padding: 0 0 80px;
     }
     .about-page img.bg{
          min-height: 800px;
          object-fit: cover;
     }
     header .top .lang-item .lang{
          left: auto;
          right: 0;
          transform: none;
     }
     .common-banner .info2 .l h3{
          padding-bottom: 10px;
     }
     .common-banner .info2 .l .list{
          margin-top: 30px;
          gap: 20px;
     }
     .product-detail-banner .swiper2 .swiper-slide{

     }
     
}

/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1200px) {


     /*手机导航开始menu*/
     .menu {
          display: block;
          cursor: pointer;
        
     }

     .menu_down {
          position: fixed;
          left: 0;
          top: 70px;
          z-index: 99;
          width: 100%;
          padding: 0 0 22px;
          background: #fff;
          border-top: 1px solid #fff;
     }

     .menu_down ul {
          flex-direction: column;
          width: 92%;
          margin: 0 auto;
     }

     .menu_down li>a {
          width: 100%;
          line-height: 3;
          position: relative;
          border-bottom: 1px solid #ccc;
     }

     .menu_down li span {
          color: var(--color);
          position: absolute;
          top: 50%;
          right: 0%;
          transform: translateY(-50%);
     }

     .menu_down li a {
          padding: 0 10px;
          display: block;
          font-size: 16px;
          color: #000;
     }

 
     
     .menu_down li .erji {
          display: none;
          /* background: #fab54d; */
          width: calc(100% - 30px);
          margin-left: 30px;
          -webkit-transition: all 300ms ease-out;
          -moz-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
     }
     

     .menu_down li .erji a {
          border-bottom: 1px dashed #ccc;
          line-height: 3;
          font-size: 14px;
     }

     .menu span.icon-bar {
          background: #666;
          width: 25px;
          height: 2px;
          display: block;
          -webkit-transition: all 300ms ease-out;
          -moz-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
     }

     .menu .sr-only {
          display: none;
     }

     .menu .icon-bar:nth-child(2) {
          -webkit-transform: rotate(0deg) translate(0, 0);
          -moz-transform: rotate(0deg) translate(0, 0);
          -ms-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
          transform-origin: top left;
     }

     .menu .icon-bar:nth-child(3) {
          margin-top: 6px;
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1);
          -webkit-transform-origin: center center;
          -moz-transform-origin: center center;
          -ms-transform-origin: center center;
          transform-origin: center center;
     }

     .menu .icon-bar:nth-child(4) {
          margin-top: 6px;
          -webkit-transform: rotate(0deg) translate(0, 0);
          -moz-transform: rotate(0deg) translate(0, 0);
          -ms-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
          transform-origin: top left;
     }

     .xz .icon-bar:nth-child(2) {
          -webkit-transform: rotate(45deg) translate(2px, -3px);
          -moz-transform: rotate(45deg) translate(2px, -3px);
          -ms-transform: rotate(45deg) translate(2px, -3px);
          transform: rotate(45deg) translate(2px, -3px);
          transform-origin: 0 0;
     }

     .xz .icon-bar:nth-child(3) {
          opacity: 0;
     }

     .xz .icon-bar:nth-child(4) {
          -webkit-transform: rotate(-45deg) translate(1px, 2px);
          -moz-transform: rotate(-45deg) translate(1px, 2px);
          -ms-transform: rotate(-45deg) translate(1px, 2px);
          transform: rotate(-45deg) translate(1px, 2px);

     }
     .sanjiao{
       
          margin-left: 10px;
          padding: 0 20px;
         z-index: 5;
      }
      .sanjiao::after{
          content: '';
          display: inline-block;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;

          border-top: 10px solid #000;
      }


     header{
          /* position: fixed;
          top: 0; */
     }
     /*手机导航结束*/
     header .top{
          display: none;
     }
     header .bottom .search-btn{
          display: flex;
          align-items: center;
          cursor: pointer;
          padding: 5px 20px;
          height: 100%;
          border: 1px solid #ccc;
          border-radius: 30px;
     }
     header .bottom .search-btn p{
          font-size: 16px;
          display: flex;
          gap: 15px;
          align-items: center;
     }
     header .bottom .logo{
          width: 160px;
     }

     header .bottom .b-r{
          display: flex;
          align-items: center;
          gap: 30px;
     }

     header{
          background: rgba(255, 255, 255, 1);
     }
     header .bottom{
          width: 92%;
          margin: 0 auto;
          justify-content: space-between;
          padding: 10px 0;
          border-bottom: 1px solid #ccc;
          
     }
     header .bottom .logo{
          width: 100px;
          height: 50px;
     }
     header .bottom .logo img{
               position: static;
               transform: none;
               width: 100%;
               height: 100%;
               object-fit: contain;
     }
     header .bottom .left-nav{
          padding-right: 30px;
          display: none;
     }
     header .bottom .right-nav{
          padding-left: 30px;
          display: none;
     }
     header .bottom .nav{
          gap: 30px;
     }

     .index-banner, .common-banner{
          min-height: 200px;
          margin-top: 70px;
     }
     .index-page1 .swiper .btns{
          top: 200px;
     }
     .menu_down .language-flag a{
          padding: 0 10px 0 40px;
     }
     .common-banner .info{
          bottom: 30px;
     }
     .common-banner .info h3{
          font-size: 60px;
     }
     .common-banner .info2{
          padding: 30px 0 0;
     }
     

     .about-page{
          margin-top: 70px;
     }
     .about-page .w1400 h3{
          font-size: 60px;
          margin-top: 40px;
     }
     .about-page .editor{
          padding:  40px 0 60px;
          font-size: 20px;
     }
     .about-page .editor p{
          font-size: 20px;
     }


  
     .product-page{
          padding: 40px 0 80px;
     }
     .product-page .top{
          flex-direction: column-reverse;
          gap: 30px;
     }
     .product-page .top .nav{
          width: 100%;
     }
     .product-page .top .nav>li>a{
          /* padding: 0 10%; */
     }
     .product-page .list{
          margin-top: 40px;
     }

     .common-banner .info2 .l .list{
          margin-top: 40px;
          gap: 30px;
     }
     .part-page .nav .flex-x{
          gap:10px 15px ;
     }
     .part-page .list{
          grid-template-columns: repeat(3, 1fr);
          gap: 15px 30px;
     }
     .part-page .nav li{
          height: 36px;
          line-height: 36px;
     }

     .service-page{
          padding: 40px 0 40px;
     }




}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
     .w1600,.w1400,.w1200{
          width: 92%;
     }
     .flex-x-phone{
          flex-direction: column;
     }
     .index-page1{
          background: url('../images/index_bg_1_2.jpg') no-repeat center;
     }
     .index-page1 .swiper-slide{
          padding: 50px 0;
     }
     .index-page1 .swiper-slide h3{
          font-size: 40px;
          margin-bottom: 30px;
          text-align: center;
     }
     .index-page1 .swiper-slide .w{
          flex-direction: column;
     }
     .index-page1 .swiper-slide .l{
          width: 100%;
     }
     .index-page1 .swiper-slide .r{
          width: 100%;
          padding-bottom: 0;
     }
     .index-page1 .swiper-slide .l img{
          max-height: 300px;
     }
     .index-page1 .swiper .btns{
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 100%;
          justify-content: space-between;
     }
     .index-page1 .swiper-slide .r ul{
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px 20px;
     }
     .index-page1 .swiper-slide .r li{
          padding:  10px;
     }
     .index-page1 .swiper-slide .r li+li{
          margin-top: 0;
     }
     .index-page1 .swiper-slide .r h4{
          font-size: 30px;
     }

     .index-page2{
          padding: 40px 0;
     }
     .index-page2 h3 {
          font-size: 40px;
     }
     .index-page2 .swiper2{
          padding: 20px ;
     }
     .index-page2 .swiper-nav{
          position: static;
          flex-direction: row;
          overflow-x: auto;
          overflow-y: visible;
          margin-top: 20px;
          padding-bottom: 10px;
          max-width: 100%;
          margin-right: 0;
          padding-right: 0;
     }
     .index-page2 .swiper-nav::-webkit-scrollbar{
          width: 0;
          height: 3px;
     }
 
     .index-page2 .swiper-nav li{
          padding: 6px 20px;
          border: 1px solid #ccc;
          display: flex;
          align-items: center;
          border-radius: 10px;
          white-space: nowrap;
     }
     .index-page2 .swiper-nav li::after{
          display: none;
     }
     .index-page2 .swiper-nav li.active{
          background: #f00;
          color: #fff;
     }
     .index-page2 .swiper1{
          height: auto;
     }
     .index-page2 .swiper1 .swiper-slide{
          padding: 0 10%;
     }
     .index-page2 .swiper .btns{
          left: 0;
          width: 100%;
          justify-content: space-between;
     }
     .index-page3 {
          padding: 40px 0;
     }
     .index-page3 .top h3{
          font-size: 40px;
     }
     .index-page3 .list{
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
          margin-top: 20px;
     }
     .index-page3 .list li{
          padding: 30px;
     }
     .index-page3 .list li h5{
          font-size: 24px;
     }
     .index-page3 .list li .editor{
          margin-top: 20px;
     }

     .about-page img.bg{
          display: none;
     }
     .about-page{
          background: url('../images/about_1.jpg') no-repeat center  ;
          background-size: cover;
          width: 100%;
     }
     .about-page .w1400{
         
          padding: 50px 0 20px;

          position:static;
          transform: none;
     }
     .about-page .w1400 .icon{
          font-size: 50px;
     }
     .about-page .w1400 h3{
          margin-top: 20px;
          font-size: 40px;
     }
     .about-page .editor{
          padding: 20px 0;
          font-size: 18px;
     }

     .index-banner, .common-banner{
          height: 200px;
     }
     .common-banner .info h3{
          font-size: 40px;
     }
     .common-banner img{
          width: 100%;
          height: 100%;
          object-fit: cover;
     }
     .news-page,.news-detail-page{
          padding: 30px 0;
     }
     .news-page .list{
          grid-template-columns: repeat(1, 1fr);
     }
     .news-detail-page h3{
          font-size: 24px;
     }

     .news-detail-page .editor{
          margin-top: 20px;
     }
     .news-detail-page .bottom{
          margin-top: 30px;
          padding-top: 20px;
     }
     .news-detail-page .bottom a{
          height: 40px;
          line-height: 40px;
     }

     .product-page .top .nav{
          display: none;
     }
  
     .nav-phone{
          display: block;
          width: 100%;
     }
     .nav-phone h3{
          font-size: 18px;
          height: 48px;
          line-height: 48px;
          padding: 0 10px 0 20px;
          color: #666;
          background: #F4F4F4;
          display: flex;
          align-items: center;
          justify-content: space-between;
     }
     .nav-phone h3.active .icon{
          transform: rotate(180deg);
     }
   
     .nav-phone .nav-phone-nav1{
          display: none;
          background: #f4f4f4;
          padding: 0 10px 10px;
          margin-top: 2px ;
          max-height: calc(100vh - 100px);
          overflow-y: auto;
     }
     .nav-phone .nav-phone-nav1>li>a{
          display: flex;
          width: 100%;
          height: 100%;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #ccc;
          line-height: 1.4;
          padding: 10px 0 10px 10px;
          font-size: 16px;
          color: #666;
     }
     .nav-phone .nav-phone-nav1>li>a span{
          flex: 1;
     }
     .nav-phone .nav-phone-nav1>li.active .icon{
          transform: rotate(180deg);
     }
     .nav-phone  .icon{
          padding: 0 15px 0 15px;
          transition: all 0.3s ease;
     }
     .nav-phone .nav-phone-nav2{
          display: none;
     }
     .nav-phone .nav-phone-nav2 li{
          padding-left: 20px;
        
     }
     .nav-phone .nav-phone-nav2 li a{
          padding:  10px 20px;
          border-bottom: 1px solid #ccc;
          display: inline-block;
          width: 100%;
          line-height: 1.4;
          font-size: 16px;

     }

     .product-page{
          padding: 30px 0;
     }
     .product-page .top{
          gap: 20px;
     }
     .product-page .top>h3{
          font-size: 30px;
     }
     .product-page .list{
          margin-top: 20px;
          grid-template-columns: repeat(2, 1fr);
          gap: 15px;
     }
     .product-page .list li:hover{
          box-shadow: none;
     }

     .product-detail-banner{
          height: auto;
          background: url('../images/c_banner3.jpg') no-repeat center;
          background-size: cover;
     }
     .product-detail-banner>img{
          display: none;
          
     }
     .common-banner .info2{
          position: static;
          transform: none;
          padding: 30px 0 20px;
          flex-direction: column-reverse;
     }
     .common-banner .info2 .l .list{
          grid-template-columns: repeat(2, 1fr);
          gap: 15px;
          margin-top: 30px;
          padding: 0;
     }
     .common-banner .info2 .l .list li{
          /* text-align: center; */
     }
     .common-banner .info2 .l .list h4{
          font-size: 24px;
     }
     .common-banner .info2 .l .list p{
          font-size: 14px;
     }
     .common-banner .info2 .l h3{
          font-size: 40px;
     }
     .product-detail-banner .swiper2{
          margin: 20px 0;
     }
     .common-banner .info2 .l{
          width: 100%;
     }
     .common-banner .info2 .r{
          width: 100%;
          margin-bottom: 20px;
     }
     .product-detail-page .title h3{
          height: 60px;
          line-height: 60px;
     }
     .product-detail-page .editor{
          padding: 20px 0 30px;
     }
	 .product-detail-page .editor table{
		 width:100% ;
	 }
	.product-detail-page .editor table td{
		padding:5px 10px !important;
	}

.part-page .nav{
     display: none;
}
.part-page .side-bar{
     display: none;
}
.part-page .nav-phone{
     width: 92%;
     margin: 20px auto ;
}
.part-page .list{
     padding: 0 0 10px;
     grid-template-columns: repeat(2, 1fr);
}
.part-page .list .img{
	height:180px;
}



.part-detail-page .content .top{
     flex-direction: column;
}
.part-detail-page .content .top .l{
     width: 100%;
     border-right: none;
}
.part-detail-page .content .top .r{
     width: 100%;
}
.part-detail-page .content .top .r .title{
     padding: 10px 5% 10px;
     font-size: 24px;
}
.part-detail-page .content .top .r .editor,.part-detail-page .content .bottom .editor{
     padding:  15px 5% 30px;
}

.part-detail-page .content .bottom .editor ul{
	    grid-template-columns: repeat(2, 1fr);
		gap:20px;
}

.service-page{
     padding: 30px 0 20px;
}
.service-page2{
     padding: 0 0 40px;
}
.contact-page .w1200{
     flex-direction: column;
}
.contact-page .w1200 .l{
     width: 100%;
}
.contact-page .w1200 .r{
     width: 100%;
}
.contact-page .w1200 h3 {
     font-size: 30px;
}

.contact-page  .l .editor{
     padding: 30px 0 20px;
}
.contact-page .w1200 .links{
     margin:  10px 0 30px;
     padding: 20px ;
}
.contact-page .r .form{
     padding: 30px 20px;
     gap: 15px;
}
.contact-page .r .form h5{
     font-size: 24px;
     line-height: 1.4;
}
.contact-page .r .form input{
     width: 100%;
}
.contact-page .r .form .yzm {
     width: 60%;
}
.contact-page .r .form button{
     width: calc(40% - 20px);
     margin : 0 auto;
}




     .search .w1400 .w{
          width: 100%;
     }
     .search .close {
          top: 50%;
          transform: translateY(calc(-50% - 80px));
          right: 5%;
          width: 40px;
          height: 40px;
     }
     footer .logo{
          text-align: center;
     }
     footer .top{
          padding: 30px 0;
          align-items: center;
          justify-content: space-around;
     }
     footer .top .logo img{
          width: 120px;
     }
     footer .top .nav1{
          flex: none;
     }
     footer .nav1>li{
          display: none;
     }
     footer .nav1>li:last-child{
          display: block;
     }

}