@media screen and (max-width: 1680px) {
     .w1680,.w1500,.w1400{
          width: 92%;
     }
     .header-menu-down .top .language-list{
          margin-right: 50px;
     }
	 .index-page1 .w1500{
		         width: 88%;
	 }
	 .index-page1 .w1500 .l h2,
	 .index-page2 .nav-list h3{
		 
		font-size: 48px;

	 }
	 .index-page1 .w1500 .l h5{
		 font-size:24px;
	 }
	 .index-page1 .w1500 .l p{
		  font-size:16px;
	 }
	 .index-page1 .w1500 .r ul li p b{
		 font-size: 48px;
	 }
	 .index-page1 .w1500 .r ul li p{
		     margin: 25px 0 30px;
	 }
	 .index-page1 .w1500 .r ul li span{
		     margin-bottom: 30px;
	 }
	 .index-page2 .w1500 h2,
	 .index-page3 .w1500 h2{
		  font-size: 48px;
	 }
	 footer .footer1 .logo img{
		 width:300px;
		     padding: 20px 0 40px;
	 }
	 footer .footer1 .r{
		 width:32%;
	 }
	 footer .footer1 .r h3{
		 font-size:36px;
		     margin-bottom: 20px;
	 }
	  .index-page2 .swiper-w{
		 padding:0 160px;
	 }
		.index-page2 .swiper-btns .btn{
			    width: calc(50% - 400px);
		}
	 
	 
    
}

@media screen and (max-width: 1510px){
     header .nav{
          gap: 40px;
     }
     .index-page1{
          padding: 100px 0 650px;
     }
     .header-menu-down .top .language-list{
          margin-right: 70px;
     }
     .header-menu-down i.close{
          right: 3%;
     }
     .about-page1{
          margin-left: 2%;
          gap:5%;
     }
.index-page2  .swiper-btns .btn{
			    width: calc(50% - 350px);
		}

     
}

@media screen and (max-width: 1400px){
     header .nav{
          gap: 20px;
     }
     header .language-list{
          gap: 25px;
     }
     .header-menu-down .bottom .nav1{
          padding: 50px 0;
     }
     .product-list-page .banner .info{
          padding: 0 5%;
     }
     .product-list-page .banner .info h2{
          font-size: 60px;
     }
     .product-list-page .banner .info ul a{
          height: 45px;
          line-height: 45px;
     }
	 
	 .index-page2   .swiper-btns .btn{
			    width: calc(50% - 300px);
		}
          
		  .product-page ul li .info a{
			  padding:20px;
		  }
		.product-page ul li .info p{
			    white-space: normal;  
		}
		.product-page ul li.notActive .info p{
			font-size:18px;
		}
		footer .footer1 .r ul li button{
			font-size:16px;
		}
}

/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1200px) {
     header .w1680{
          justify-content: space-between;
     }
     header .nav{
          display: none;
     }
     .index-page1{
          padding: 60px 0 550px;
     }
     .index-page1 .w1500 .r ul{
          gap: 0 40px;
     }
 
     .index-page3{
          padding: 60px 0;
     }
     .index-page3 .list .l ul{
         
     }
     .index-page3 .list .l li{
          margin: 0 10px;
     }
     footer .footer1 .r{
          width: 45%;
     }
     footer .footer1 .logo img{
          width: 250px;
          padding: 20px 0 20px;
     }
     footer .footer2 .top{
          padding: 30px 0;
     }
     .header-menu-down .top{
          padding: 20px 0;
     }
     .header-menu-down .logo img{
          width: 200px;
     }
     
     .common-banner .info{
          top: 60%;
     }
	 
 
     .product-page ul li .info a{
          padding: 60px 30px;
     }
     .product-list-page .banner .info ul{
          padding: 20px 0 0;
     }
     .news-page .list li img{
          height: 200px;
     }
     .news-page .list li{
        
     }
 
     .news-detail-page .info .r{
          width: 300px;
     }
     .download-page .list{
          grid-template-columns: repeat(3, 1fr);
     }
     .video-page .list{
          grid-template-columns: repeat(3, 1fr);
     }
     .contact-page .contact-list li{
          padding: 30px 25px;
     }
	 
	    .index-page2   .swiper-btns .btn{
			        width: calc(50% - 250px);
		}
          .index-page2   .swiper-w{
               padding: 0 100px;
          }
          .index-page2 .my-bullet{
               padding: 0 20px;
          }
	.index-page2 .swiper-btns .l-btn p,
	.index-page2 .swiper-btns .r-btn p{
		width:120px;
	}


}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
     .w1680,.w1500,.w1400{
          width: 92%;
     }
     .flex-x-phone{
          flex-direction: column;
     }
     

     header .w1680{
          height: 60px;
     }
     header .language-list{
         display: none;
     }
     header .logo img{
          width: 100px;
     }
     header .header-menu{
          width: 36px;
          height: 36px;
     }
     header .header-menu .iconfont {
          font-size: 24px;
     }
     .index-page1{
          background-size: 100% auto;
          padding: 30px 0 180px;
     }
     .index-page1 .w1500{
          flex-direction: column;
     }

     .index-page1 .w1500 .l{
          width: 100%;
     }
     .index-page1 .w1500 .r{
          width: 100%;
          margin-top: 30px;
		  min-width:0;
     }
     .index-page1 .w1500 .l img{
          width: 80px;
     }
     .index-page1 .w1500 .l h2{
          font-size: 30px;
          
     }
     .index-page1 .w1500 .l h5{
          font-size: 20px;
          margin-top: 15px;
          line-height: 1.4;
     }
     .index-page1 .w1500 .l p{
          font-size: 16px;
          margin: 20px 0;
          line-height: 1.6;
     }

     .common-more{
          height: 40px;
          line-height: 40px;
          font-size: 14px;
     }
     .index-page1 .w1500 .r ul{
          gap: 0 30px;
          transform: none;
     }
     .index-page1 .w1500 .r ul li span{
          margin-bottom: 20px;
     }


     .index-page1 .w1500 .r ul li p{
          margin: 25px 0 10px;
          font-size: 16px;
     }
     .index-page1 .w1500 .r ul li p b{
          font-size: 30px;
     }
	 
	 
	 .index-page2{
		 padding:30px 0;
	 }

      .index-page2   .swiper-w{
          padding: 0 50px;
     }
	  
	  
	.index-page2  .swiper1{
		height:250px;
		margin:30px 30px 0;
		width:calc(100% - 60px);
	}
	.index-page2 .swiper-btns {
		height:250px;
	}
.index-page2 .swiper-btns .btn{
	width:60px;
	background:none;
}
.index-page2 .swiper-btns .btn p{
	width:60px;
}

.index-page2 .nav-list h3{
     font-size: 30px;
  
}
.index-page2 .nav-list a{
     margin-top: 10px;
     height: 40px;
     line-height: 40px;
}


 
.index-page3 .swiper img{
	    height: 180px;
}














     .index-page3{
          padding: 30px 0;
     }
     .index-page3 .w1500 img{
          width: 80px;
          display: block;
     }
     .index-page3 .w1500 h2{
          font-size: 30px;
     }
     .index-page3 .list{
          flex-direction: column;
          margin-top: 20px;
     }
     .index-page3 .list .l ul{
          flex-direction: column;
          margin-top: 0px;
          background: none;
          border-radius: 0;
     }
     .index-page3 .list .l li{
          padding: 0;
     }
     .index-page3 .list .l li img{
          height: 150px;
          position: static;
          transform: none;
     }
     .index-page3 .list .l li h3{
          padding: 20px 0 0;
     }
     .index-page3 .list .l li .editor{
          margin: 15px 0 20px;
          font-size: 16px;
          line-height: 24px;
          height: 72px;
		  padding:0;
     }
     .index-page3 .list .l li .editor p{
          font-size: 16px;
          line-height: 24px;
     }
     .index-page3 .list .l li .bottom{
          padding: 20px 0;
		  margin:0;
     }
     .index-page3 .list .r{
          width: 100%;
     }
     .index-page3 .list .r ul{
          padding: 10px 20px;
          gap: 0;
     }
     .index-page3 .list .r ul li h3{
          font-size: 18px;
     }
     .index-page3 .list .r ul li{
          padding: 15px 0;
     }

     .header-menu-down .logo img{
          width: auto;
          height: 40px;
     }
     .header-menu-down .top .language-list{
          display: none;
     }
     .header-menu-down .language-list-phone{
          display: flex;
          justify-content: space-around;
          width: 100%;
          align-items: center;
          padding: 10px 0;
          border-bottom: 1px solid rgba(238, 238, 238, 0.4);
     }
     .header-menu-down .language-list-phone a{
          color: #fff;
          font-size: 20px;
     }
     .header-menu-down .bottom-item{
          display: none;
     }
     .header-menu-down .bottom .nav1{
          flex-direction: column;
          padding: 20px 0;
          gap: 15px;
          justify-content:flex-start
     }
     .header-menu-down .bottom .nav1>li{
          max-width: 100%;
     }
     .header-menu-down .bottom .nav2 li{
        list-style-type: disc;
        list-style-position: inside;
        color: #fff;
        padding: 0 20px;
     }
 
 
     .header-menu-down .bottom .nav2 li a{
          font-size: 16px;
          padding: 8px 0;
     }
	 
	 .header-menu-down .bottom .tit a{
		   list-style-type: none;
          padding: 0;
		   font-size: 20px;
         
	 }
	 
	  .header-menu-down .bottom .tit .iconfont{
		  	color:#fff;
			font-size: 16px;
			padding: 10px 30px;
		display:block;
		transform: rotate(180deg);
		        transition: all 0.5s ease;
		
	  }
	   .header-menu-down .bottom .tit .iconfont.active{
		transform: rotate(0deg);
	   }
	 
	  .header-menu-down .bottom .nav2 {
		  display:none;
	  }
	 
	 
	 
	 
	 
	 
   
		.new-product-page{
			padding-top:100px;
		}
     .product-page{
          margin-top: 60px;
          padding: 30px 0;
     }
     .product-page ul{
          flex-direction: column;
          border-radius: 0;
          gap: 15px;
     }

     .product-page ul li{
          width: 100%;
          min-height: 50px;
          height: 200px;
          border-radius: 20px ;
          overflow: hidden;
     }
     .product-page ul li.notActive{
          width: 100%;
     }
     .product-page ul li.active{
          width: 100%;
     }
	 

		.product-page ul li .info{
			position:relative;
			z-index:5;
		}
     .product-page ul li .info,
     .product-page ul li.active .info{
         
          top: 0;
          bottom: auto;
          width: 100%;
          height: 100%;
          align-items: center;
          gap: 15px;
          flex-direction: column;
         
     }
     .product-page ul li.active .info{
          background: none;
          justify-content: center;
     }
     .product-page ul li.active::before{
          background: rgba(50, 50, 50, 0.5);
     }
	 	 .product-page ul li.active .info a,
	 .product-page ul li.notActive .info a{
		 gap:20px;
	 }
		.product-page ul li .info a{
			flex-direction:column;
			        align-items: center;
		}
			 .product-page ul li.notActive .info p,
	 .product-page ul li.active .info p{
		  align-items: center;
		   justify-content: center;
	 }
     .product-page ul li .info .l{
          flex: 0;
     }
     .product-page ul li.active .info .l{
          text-align: center;
     }

     .product-page ul li .info p{
          height: auto;
          font-size: 20px;
          line-height: 1.2;
     }
     .product-page ul li .info img{
          margin-bottom: 10px;
          height:38px;
     }


     .product-page ul li .more{
          width: auto;
          height: auto;
          line-height: 1;
          background: var(--color-active);
          padding:  10px 30px; 
          border-radius: 30px;
     }
     

     .common-tags{
          padding: 15px 0;
     }
     .product-list-page{
          margin-top: 60px;
     }
     .product-list-page .banner .bg{
          display: none;
     }
     .product-list-page .banner{
          background: url('../images/product_list_1.jpg') no-repeat center;
          background-size: cover;
          border-radius: 20px;
          overflow: hidden;
     }
     .product-list-page .banner .info{
          position: static;
          transform: none;
          padding: 20px 5%;
     }
     .product-list-page .banner .info img{
          margin-bottom: 15px;
     }
     .product-list-page .banner .info h2{
          font-size: 30px;
     }
     .product-list-page .banner .info p{
          font-size: 18px;
          margin-top: 10px;
     }
     .product-list-page .banner .info ul{
          width: 100%;
          flex-wrap: nowrap;
          overflow-x: auto;
          padding: 20px 0 5px;
     }
     .product-list-page .banner .info ul::-webkit-scrollbar{
          background: #fff;
          height: 3px;
          border-radius: 2px;

     }
     .product-list-page .banner .info ul::-webkit-scrollbar-thumb{
          background: var(--color-active);
          border-radius: 2px;
     }
     .product-list-page .banner .info ul a{
          height: auto;
          line-height: 1.2;
          padding: 10px 15px;
          font-size: 16px;
     }
     .product-list-page .list ul{
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
     .product-list-page .list ul li a{
          padding: 20px;
          text-align: center;
     }
     .product-list-page .list ul li img{
          max-height: 220px;
          padding: 20px 0 20px;
     }
     .product-list-page .list ul li .info{
          margin-top: 10px;
     }
     .product-list-page .list ul li .info p{
          text-align: left;
          font-size: 16px;
          width: 80%;
     }
     .product-detail-page{
          margin-top: 59px;
     }
     .product-detail-page1 .w1680{
          flex-direction: column;
          gap: 20px;
     }
     .product-detail-page1 .l{
          width: 100%;
          flex-direction: column-reverse;
          padding: 20px 0;
          gap: 20px;
          border-right: 0px;
     }
     .product-detail-page1 .l .swiper1{
          height: 300px;
     }
     .product-detail-page1 .l .swiper1 img{
          height: 300px;
          width: auto;
          object-fit: contain;
     }
     .product-detail-page1 .l .swiper2{
          width: 100%;
          height: auto;
     }
     .product-detail-page1 .l .swiper2 .swiper-slide{
          border: 1px solid #eee;  
          border-radius: 5px;
          padding: 10px;
        
     }

     .product-detail-page1 .l .swiper2 .swiper-slide.swiper-slide-thumb-active{
          border: 1px solid var(--color-active);
     }


     .product-detail-page1 .l .swiper2 img{
          width: 100%;
           height: 50px;
          object-fit: contain;
     }
     .product-detail-page1 .r{
          width: 100%;
          padding: 0 0 30px;
     }
     .product-detail-page1 .r h3{
          font-size: 30px;
     }
     .product-detail-page1 .r h4{
          padding: 15px 0;
          font-size: 20px;
     }

     .product-detail-page1 .r .links{
          margin-top: 20px;
          gap: 30px;
     }
     .product-detail-page1 .r .links ul{
          gap: 25px;
     }
     .product-detail-page1 .r .links .message-btn{
          height: 40px;
          line-height: 40px;
     }
     .product-detail-page2{
          padding-bottom: 30px;
     }
     .product-detail-page2 .title{
          padding:15px 4%;
          height: auto;
          line-height: 1.3;
     }

     .product-detail-page2 .w1680{
          flex-direction: column-reverse;
          gap: 30px;
          margin-top: 30px;
     }
     .product-detail-page2 .w1680 .side-bar{
          width: 100%;
          padding: 20px;
          border-top: 6px solid var(--color-active);
     }

     .product-detail-page2 .w1680 .side-bar ul li a{
          gap: 20px;
     }
     .product-detail-page2 .w1680 .side-bar ul li img{
          width: 80px;
          padding: 10px;
     }

     .common-banner img{
          height: 320px;
          object-fit: cover;
     }
     .common-banner .info{
          height: 100%;
          justify-content: center;
          top: 0;
          transform: translateX(-50%);
          padding-top: 60px;
     }
     .common-banner .info h3{
          font-size: 40px;
          margin: 20px 0;
     }
     .common-banner .info p{
          width: 100%;
          font-size: 20px;
          line-height: 1.4;
     }
     .common-nav{
          padding: 30px 0 15px;
          gap: 10px;
          flex-wrap: nowrap;
          overflow-x: scroll;
          margin-bottom: 30px;
     }
     .common-nav::-webkit-scrollbar-thumb{
          background: var(--color-active);
     }
     .common-nav li a{
          padding: 0 20px;
          height: 45px;
          line-height: 45px;
          white-space: nowrap;
     }
     .news-page .list{
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
     .news-page .list li h3{
          font-size: 22px;
		  height:auto;
     }
     .news-page .list li .editor {
          font-size: 16px;
          line-height: 1.5;
     }
     .news-page .list li .editor p{
          font-size: 16px;
          line-height: 1.5;
     }
   
     .news-page .list li .bottom{
          padding: 20px 0;
     }


     .news-detail-page{
          margin-top: 60px;
     }
     .news-detail-page .info .r{
          display: none;
     }

     .news-detail-page .info .l{
          padding: 30px 0 30px;
     }
     .news-detail-page .info .l h3{
          font-size: 24px;
          line-height: 1.4;
          margin: 10px  0 20px;
     }
     .news-detail-page .info .l .editor{
          padding: 20px 0;
     }
     .news-detail-page .info .l .links{
           
     }
     .news-detail-page .info .l .links .link p{
          max-width: 150px;
     }

     .faq-page .top h3{
          font-size: 30px;
          margin-bottom: 20px;
     }
     .faq-page .top p{
          line-height: 1.5;
     }

     .faq-page .list{
          padding: 30px 0;
          gap: 30px;
     }
     .faq-page .list-title{
          font-size: 24px;
          margin-bottom: 20px;
          line-height: 1.4;
     }
     .faq-page .question{
          padding:15px 15px ;
          gap: 30px;
     }
     .faq-page .answer .w{
          padding: 15px;
     }
     .faq-page .answer .editor p{
          font-size: 16px;
     }
     .download-page .list {
          width: 100%;
          grid-template-columns: repeat(1, 1fr);
      }
      .download-page .list li{
          padding: 20px;
      }
      .download-page .list li p{
          padding: 20px 10px;
      }
      .download-page .list li h3{
          height: auto;
          display: block;
      }
      .video-page .list {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
      }

      .about-page1{
          margin: 0 4%;
          flex-direction: column;
          padding-top: 30px;
      }
      .about-page1 .l{
          padding-bottom: 30px;
      }
      .about-page1 .l>img{
          width: 80px;
          height: auto;
      }
      .about-page1 .l>h3{
          font-size: 30px;
          padding: 10px 0 20px;
      }
      .about-page1 .l>h4{
          font-size: 20px;
          line-height: 1.4;
          font-weight: normal;
      }
      .about-page1 .l .editor{
          max-height: 360px;
          padding-right: 20px;
      }
      .about-page1 .r{
          width: 100%;
          border-radius: 20px;
          padding: 30px 5% 240px;
      }
      .about-page1 .r ul{
          gap: 20px 30px;
      }
      .about-page1 .r ul li{
          padding: 0;
      }

      .about-page1 .r ul li p{
          font-size: 16px;
          margin-bottom: 0;
      }
      .about-page1 .r ul li p b{
          font-size: 30px;
      }
      .about-page1 .r ul li span{
          display: inline-block;
          padding: 15px 0;
          line-height: 1.2;
      }
      .about-page2 .list{
          height: auto;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows:auto;
      }
      .about-page2 .list li:nth-child(1){
          grid-row: auto;
      }
      .about-page2 .list li:nth-child(5){
          grid-column: auto;
      }
      .about-page2 .list li img{
          height: 120px;
      }
      .about-page2{
          padding: 40px 0;
      }
      .about-page2 .w1500>img{
          width: 80px;
          height: auto;
      }
      .about-page2 .w1500>h3{
          font-size: 30px;
          margin-top: 15px;
      }
      .about-page3{
          padding: 40px 0 ;
      }
      .about-page3 .w1500>img{
          width: 80px;
          height: auto;
      }
      .about-page3 .w1500>h3{
          font-size: 30px;
          margin-top: 15px;
      }
      .about-page3 .swiper{
          margin-top: 30px;
      }

      .contact-page .common-info{
          flex-direction: column;
          padding: 30px 0 20px;
          gap: 30px;
      }
      .common-info .info{
          max-width: 100%;
      }
      .contact-page .common-info .info h2{
          font-size: 36px;
          margin-bottom: 30px;
      }
      .contact-page .common-info .ewm-list{
          margin-top: 0;
      }
      .contact-page .contact-list{
          padding: 30px 0;
          grid-template-columns: repeat(1, 1fr);
      }


































     footer .footer1{
          padding: 30px 0;
     }
     footer .footer1 .w1680{
          flex-direction: column;
     }
	 
	 footer .footer1 .l{
		 width:100%;
	 }
     footer .footer1 .logo img{
          padding: 0;
          width: auto;
          height: 50px;
     }
     .common-info{
          padding: 20px 0;
     }
     .common-info .info h2{
          font-size: 30px;
          margin-bottom: 20px;
     }
     .common-info .info ul p, 
     .common-info .info ul a{
          font-size: 16px;
          line-height: 1.6;
     }
     .common-info .info li+li{
          margin-top: 15px;
     }

     .common-info .ewm-list{
          gap: 20px;
          margin-top: 30px;
		      justify-content: center;
         
     
     }
     footer .footer1 .common-info .info{
          padding: 0 0 30px;
     }

     footer .footer1 .r{
          width: 100%;
     }
     footer .footer1 .r .form{
          padding: 30px 20px;
     }
     footer .footer1 .r h3{
          font-size: 30px;
          margin-bottom: 15px;
          text-align: center;
     }
     footer .footer1 .r ul li.w_50{
          width: 100%;
     }
     footer .footer1 .r ul li p{
          line-height: 2;
     }
     footer .footer1 .r ul li input{
          height: 40px;
          line-height: 40px;
     }
     footer .footer1 .r ul li button{
          margin-top: 20px;
     }

     footer .footer2 .top{
          padding: 20px 0 10px;
     }
     footer .footer2 .top .nav{
          display: none;
     }
     footer .footer2 .top .links{
          width: 100%;
          justify-content: center;
          gap: 30px;
     }
     footer .footer2 .bottom{
          gap: 30px;
          padding: 10px 0;
     }
     footer .footer2 .bottom p{
          font-size: 14px;
          line-height: 1.4;
     }








}