@media screen and (max-width: 1600px) {
     .w1200,
     .w1250,
     .w1400,
     .w1500,
     .w1600 {
          width: 96%;
     }



}

@media screen and (max-width: 1400px) {
     header .logo{
          width: 20%;
     }
     header .right li a{
          padding: 0 25px;
     }
     .banner .swiper .swiper-slide .info h2{
          font-size: 60px;
     }
     .index-page1>.info{
          top: 50%;
     }
     .index-page1>.info .editor{
          margin-bottom: 40px;
     }
     .contact-page .right-list li{
          padding: 20px 5% 20px 0;
     }

}

/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1200px) {
     header .nav li{ 
          display: none;
     }
     header{
          justify-content: space-between;
          align-items: center;
          padding: 0 2%;
          height: 60px;
     }
     header .right{
          margin-right: 3%;
     }
     header .right li:last-child{
          border-right: 1px solid rgba(255, 255, 255, 0.3);
     }
     header .right li:last-child a{
          border-right: 3px solid #fff;
          margin-right: -2px;
     }
     /*手机导航开始menu*/
     .menu {
          display: block;
          cursor: pointer;
     }

     .menu_down {
          position: fixed;
          left: 0;
          top: 60px;
          z-index: 999999;
          width: 100%;
          padding: 0 0 22px;
          /* background: rgba(0, 0,0,.5); */
          background: #fff;
          border-top: 1px solid #333;
     }

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

     .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: #fff; */
          color: #000;
     }

     .menu_down li .erji {
          display: none;
          /* background: #fab54d; */
          width: 90%;
          margin-left: auto;
          -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: #ccc;
          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);

     }

     /*手机导航结束*/


     .w1200,
     .w1250,
     .w1400,
     .w1500,
     .w1600 {
          width: 92%;
     }
     .header-bg {
          height: 60px;
     }

     .about-page1 .right{
          margin-left: 100px;
     }
     .about-page1 .left h2{
          font-size: 30px;
     }
     .about-page2 .img .info h2{
          font-size: 60px;
     }
     .about-page2 .bottom h3{
          font-size: 30px;
          margin-top: 40px;

     }
     .about-page2 .bottom ul li h4{
          font-size: 24px;
     }
     .about-page2 .bottom ul li p{
          font-size: 18px;
     }
     .product-page2 .top .left h2{
          font-size: 48px;
     }
     .product-page2 .top .left h3{
          font-size: 30px;
     }
     .product-detail-page .top .left{
          width: 30%;
     }
     .product-detail-page .top .right{
          width: 65%;
     }
     .news-page .list ul{
          grid-template-columns: repeat(3, 1fr);
     }
     .news-list-page ul li a .left .editor{
          -webkit-line-clamp: 5;
     }
     .contact-page li .left{
          width: 35%;
          font-size: 26px;
     }
     .contact-page li .right{
          width: 60%;
     }
     .contact-page .right-list li .r p{
          white-space: nowrap;
     }
     .contact-page li h3{
          font-size: 40px;
     }


}

@media screen and (max-width: 768px) {
	.contact-page .right-list{
		    flex-direction: column;
	}
	.contact-page .right-list .item{
		width:100%;
		padding:10px 0;
	}
	.contact-page .right-list .item .r p{
		white-space:wrap;
		line-height:1.4;
	}
	.contact-page .right-list .item .r p.i{
		margin-bottom:10px;
	}
	.contact-page .right-list .item .l img{
		width:24px;
	}
	.contact-page .right-list .item:first-child .r{
		flex:1;
	}
     .banner{
          height: 400px;
     }
     .banner .swiper .swiper-slide .info h2{
          font-size: 30px;
     }
     .banner .swiper .swiper-slide .info a{
          width: 150px;
     }
     .banner .swiper .swiper-pagination1 span{
          font-size: 16px;
     }
     .banner .swiper .swiper-pagination1 .sp1{
          font-size: 30px;
          margin-bottom: -5px;
     }
     header .logo{
          width: 50%;
          border: 0;
     }
     header .right{
          width: 35%;
     }
     header .right li{
          width: 33.333%;
     }
     header .right .language-list{
          width: 100px;
          left: 50%;
          transform: translateX(-50%);
          border-top: 0;
     }
     header .right .language-list li{
          width: 100%;

     }
     .menu{
          width: 10%;
        text-align: center;
        display: flex;
        justify-content: center;
     }
     .sidebar{
          display: none;
     }
     .right-sidebar{
          display: none;
     }
     header .right li{
          border: 0;
     }
     header .right li a{
          padding:  0;
          width: 100%;
          display: inline-block;
          text-align: center;
          border: 0px;
     }
     header .right li:last-child a{
          border-right: 0px;
          position: relative;
          border: 0px;
     }
     /* header .right li:last-child a::after{
          content: '';
          position: absolute;
          width: 3px;
          height: 25px;
          background: #fff;
          top: 50%;
          right: -3px;
          transform: translate(0,-50%);
     } */
     .index-page1{
          height: 450px;
     }
     .index-page1>.info h3{
          font-size: 18px;
          width: 100%;
          line-height: 1.6;
     }
     .index-page1>.info .editor{
          font-size: 16px;
     }
     .index-page1>.info .more p{
          font-size: 16px;
     }
     .index-page1>img{
          width: 100%;
          height: 100%;
          object-fit: cover;
     }
     .index-page1>.info .editor{
          width: 100%;
     }
     .index-page2 {
          position: static;
          background: url(../images/index_page2_bg.jpg) no-repeat center right;
          /* background: #333; */
          background-size: cover;
          padding: 40px 0;
     }
     .index-page2 .w1400{
          position: static;
          flex-direction: column;
          transform:none;
     }
     .index-page2 .w1400 .swiper1{
          flex: none;
          width: 100%;
          padding:40px 0;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide{
          flex-direction: column-reverse;
          align-items: center;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info{
          width: 100%;
          color: #333;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info h3{
          font-size: 20px;
          text-align: center;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info h4{
          font-size: 18px;
          text-align: center;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info p{
          font-size: 16px;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info ul{
          width: 60%;
          margin: 20px auto;
          display: none;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info ul li i{
          font-size: 20px;
     }
     .index-page2 .w1400 .swiper1 .swiper-slide .info a{
          color: #333;
          border-color: #333;
          margin: 20px auto 0;
          display: block;
     }
     
     .index-page2 .w1400 .swiper2{
          width: 100%;
          margin: 0;
          padding: 10px;
     }
     .index-page2>img{
          display: none;
     }
     .index-page2 .w1400 .swiper2 .swiper-slide{
          width: auto;
          padding: 0 ;
          border-radius: 10px;
     }
     .index-page2 .w1400 .swiper2 .swiper-slide p{
          width: 100%;
          text-align: center;
          padding:  10px 20px;
          border: 0;
     }
     .index-page2 .w1400 .swiper2 .swiper-slide p::before{
          display: none;
     }

     .index-page3-title{
          padding: 30px 0 0;
     }
     .index-page3-title h3{
          font-size: 30px;
     }
     .index-page3-title h4{
          font-size: 24px;
     }
     .index-page3-1{
          background: none;
     }
     .index-page3-1 .w1600{
          transform: none;
          margin-top: 20px;
     }
     .index-page3-1 .w1600 .swiper1 .swiper-slide img{
          height: 400px;
          object-fit: cover;
     }
     .index-page3-1 .w1600 .swiper1 .swiper-slide .info h3{
          font-size: 28px;
          text-align: center;
     }
     .index-page3-1 .w1600 .swiper1 .swiper-slide .info{
          width: 90%;
          top: 40%;
          left: 50%;
          transform: translate(-50%,-50%);
     }
     .index-page3-1 .w1600 .swiper1 .swiper-slide .info p{
          font-size: 18px;
          width: 100%;
          margin-top: 20px;
     }
     .index-page3-1 .w1600 .swiper2 .swiper-slide{
          width: auto;
          padding: 0 20px;
          height: 60px;
          line-height: 60px;
     }
     .index-page3-2 .index-page3-title{
          flex-direction: column;
     }
     .index-page3-2 .index-page3-title .left{
          width: 100%;
          /* flex: 1; */
          /* margin-right: 20px; */
     }
     .index-page3-2 .index-page3-title .right{
          white-space: nowrap;
          width: 100%;
          margin-top: 20px;
          /* text-align: right; */
     }
     .index-page3-2 .index-page3-title .right .more{
          justify-content: flex-end;
     }
     .index-page3-2 .index-page3-title .right .more p{
          font-size: 18px;
          margin-right: 10px;
     }
     .index-page3-2 .index-page3-title .right .more a {
          width: 30px;
          height: 30px;
          line-height: 30px;
     }
     .index-page3-2 .bottom{
          margin-top: 10px;
          flex-direction: column;
     }
     .index-page3-2 .bottom .left{
          width: 100%;
          height: auto;
     }
     .index-page3-2 .bottom .right{
          width: 100%;
          margin-top: 10px;
          height: auto;
     }
     .index-page3-2 .bottom .right li .img{
          width: 40%;
     }
     .index-page3-2{
          padding-bottom: 30px;
     }
     .index-page4 video{
          height: 600px;
     }
     .index-page4 .info ul{
          grid-template-columns: repeat(2, 1fr);
          height: 400px;
          overflow-y: auto;
          padding: 0 10px;
     }
     .index-page4 .info ul::-webkit-scrollbar{
          /* opacity: 0.8; */
          width: 3px;
     }
     .index-page4 .info ul::-webkit-scrollbar-thumb{
          background: #eee;
          opacity: 0.6;
     }


     .banner2{
          height: 400px;
     }
     .banner2 .w1400 h2{
          font-size: 30px;
     }
     .banner2 .w1400 h3{
          font-size: 26px;
     }
     .banner2 .w1400 i{
          width: 40px;
          height: 40px;
          font-size: 24px;
          line-height: 40px;
     }
     .common-nav{
          padding: 20px 0 ;
     }
     .common-nav ul{
          flex-wrap: wrap;
     }
     .common-nav li{
          font-size: 14px;
     }
     .common-nav li a{
          padding: 0 20px;
          height: 40px;
          line-height: 40px;
     }
     .about-page{
          padding: 30px 0 0;
     }
     .about-page1{
          flex-direction: column;
          padding: 0;
     }
     .about-page1 .left h2{
          font-size: 24px;
     }
     .about-page1 .left h3{
          font-size: 26px;
          margin: 20px 0;
     }
     .about-page1 .left .editor{
          width: 100%;
     }
     .about-page1 .right{
          display: none;
          width: 50%;
          margin: 70px 25% 50px ;
     }
     .about-page1 .right .img{
          padding: 30px;
     }
     .about-page2 .img{
          height: 300px;
     }
     .about-page2 .img .info h2{
          font-size: 30px;
     }
     .about-page2 .img .info h4{
          font-size: 24px;
          white-space: wrap;
          margin-top: 20px;
     }
     .about-page2 .bottom h3{
          margin-top: 10px;
          line-height: 3;
     }

     .about-page2 .bottom ul{
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 20px;
     }
     .about-page2 .bottom ul li{
          padding: 10px 0;
     }
     .about-page2 .bottom ul li h4{
          font-size: 20px;
     }
     .about-page2 .bottom ul li p{
          font-size: 16px;
     }
	 .about-page3{
		  height: 300px;
	 }
     .about-page3 img{
          height:300px;
          object-fit: cover;
     }
	 .about-page3 iframe{
		   height: 300px;
	 }
     .about-page3 .video i{
          margin-bottom: 10px;
          font-size: 30px;
     }
     .about-page3 .video p{
          font-size: 16px;
     }
     .about-page4{
          padding: 30px 0;
     }
     .about-page4 .w1400{
          flex-direction: column;
     }
     .about-page4 .left{
          width: 100%;
          position: static;
     }
     .about-page4 .left h2{
          font-size: 30px;
          line-height: 2;
          margin-bottom: 10px;
     }
     .about-page4 .right{
          width: 100%;
          padding-bottom: 20px;
     }
     .about-page4 .right img:nth-child(odd){
          transform: none;
     }
     .about-page5 ul{
          grid-template-columns: repeat(2, 1fr);
          margin-top: 20px;
     }

     .product-page1{
          padding: 30px 0;
     }
     .product-page1 .swiper .swiper-slide>img{
          height: 300px;
     }
     .product-page1 .swiper-btn{
          width: 40px;
          height: 40px;
          line-height: 40px;
     }
     .product-page1 .swiper .info{
          padding: 10px 0;
          font-size: 18px;
     }
     .product-page1 .swiper .info h3{
          font-size: 24px;
     }
     .product-page1 .swiper .info img{
          margin: 15px auto;
          width: 60%;
     }
     .product-page1 .swiper-prev-btn{
          left: 10px;
     }
     .product-page1 .swiper-next-btn {
          right: 10px;
      }
      .product-page2 .top{
          padding: 40px 0 60px;
      }
      .product-page2 .top .flex-x{
          flex-direction: column;
      }
      .product-page2 .top .left h2{
          font-size: 30px;
          text-align: center;
      }
      .product-page2 .top .left h3{
          font-size: 24px;
          text-align: center;
      }
      .product-page2 .top .right{
          margin-right: 0;
          margin-top: 10px;
          text-align: center;
          display: block;
      }
      .product-page2 .top .right button{
          width: 60%;
          white-space: nowrap;
      }
      .product-page2 .top .right ul{
          width: 60%;
          right: auto;
          left: 50%;
          transform: translateX(-50%);
      }
      .product-page2 .product-list>li{
          padding: 0;
      }
      .product-page2 .product-list>li .flex-x{
          flex-direction: column;
      }
      .product-page2 .product-list>li .flex-x .left{
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
      }
      .product-page2 .product-list>li .flex-x .left h4{
          font-size: 30px;
      }
      .product-page2 .product-list>li .flex-x .left .more{
          text-align: right;
          padding:  10px 0;
      }
      .product-page2 .product-list>li .flex-x .right{
          width: 100%;
          margin: 20px 0;
      }
      .product-page2 .product-list>li .flex-x .left .editor{
          -webkit-line-clamp: 3;
          min-height: 80px;
          font-size: 16px;
          margin: 10px 0 ;
      }
      .product-page2 .product-list>li .flex-x .right .r-list{
          flex-direction: row;
      }
      .product-detail-page{
          padding: 30px 0;
      }
      .product-detail-page .top{
          flex-direction: column;
          position: relative;
          padding: 10px 0;
      }
      .product-detail-page .top .left{
          width: 100%;
      }
      .product-detail-page .top .left h2{
          font-size: 36px;
      }
      .product-detail-page .top .right{
          width: 100%;
          padding: 0 40px;
          height: 300px;
      }
      .product-detail-page .top .right .swiper{
          height: 300px;
      }
      .product-detail-page .top .left .btns{
          margin-top: 0;
          position: absolute;
          bottom: 175px;
          z-index: 5;
         
          width: 100%;
          display: flex;
          justify-content: space-between;
      }
      .product-detail-page .top .left .btns .btn{
          background: #fff;
      }
      .product-detail-page .top .left .btns .btn i{
          font-size: 24px;
      }
      .product-detail-page .editor{
          padding: 20px;
      }
      .case-page ul li{
               padding: 30px 0;
      }
      .case-page ul li .flex-x{
          flex-direction: column;
      }
      .case-page ul li .left{
          width: 100%;
      }
      .case-page ul li .left h3{
          margin-bottom: 20px;
      }
      .case-page ul li .left .editor{
          font-size: 18px;
      }
      .case-page ul li .right{
          width: 100%;
          margin-top: 20px;
      }
      .news-page .index-page3-2 .bottom .left{
          width: 100%;
      }
      .news-page .list ul{
          grid-template-columns: repeat(1, 1fr);
      }
      .news-list-page ul li{
          margin: 10px 0;
      }
      .news-list-page ul li a{
          flex-direction: column;
          max-height: none;
      }
      .news-list-page ul li a .left{
          width: 100%;
          padding: 30px 30px 0;
      }
      .news-list-page ul li a .left .editor{
          -webkit-line-clamp: 3;
      }
      .news-list-page ul li a .left .more{
          margin-top: 20px;
      }
      .news-list-page ul li a .right{
          padding: 20px;
      }
      .news-detail-page  {
          flex-direction: column;
      }
      .news-detail-page .left{
          border: 0;
          width: 100%;
      }
      .news-detail-page .left .info .top{
          flex-direction: column;
          padding: 0 0 20px;
      }
      .news-detail-page .left .info .top .top-l{
          width: 100%;
          /* text-align: center; */
      }
      .news-detail-page .left .info .top .top-r{
          width: 100%;
          text-align: right;
          margin-top: 20px;
          margin-right: 0;
      }
      .news-detail-page .left .info .editor{
          padding: 20px 0;
      }
      .news-detail-page .right{
          margin-top: 20px;
          width: 100%;
          padding-left: 0;
      }
      .news-list-page ul li a .left{
          padding: 30px 20px 0;
      }
      .news-list-page ul li a .left h3{
          margin: 0;
          line-height: 2;
      }
      .news-list-page ul li a .left .more{
          margin-top: 10px;
          text-align: right;
      }
      .service-page .editor{
          padding:  30px 0;
      }
      .join-page{
          padding: 30px 0;
          overflow: hidden;
      }
      .join-page>h2{
          font-size: 30px;
          line-height: 1.2;
          margin-bottom: 20px;
      }
      .join-page>h4{
          font-size: 18px;
          line-height: 1.6;
      }
      .join-page .table{
          width: 100%;
          overflow-x: auto;
      }
      .join-page .ul1{
          margin: 20px 0;
          /* min-width: 800px; */
         
      }
      .join-page .ul2{
          padding: 5px;
          flex-wrap: wrap;
          gap: 0;
          /* position: relative; */
      }
      .join-page .ul2>li{
          width: 33%;
          height: 100%;
          flex: none;
          padding: 10px;
          text-align: center;
          font-size: 14px;
      }
      .join-page .ul2>li:last-child{
          width: 33%;
      }
      .join-page .ul1 .info{
          padding:20px 10px;
      }
      .join-page .ul1 .info .title{
          padding:10px 10px;
          position: relative;
      }
      .join-page .ul1 .info .title .left{
          width: 100%;
      }
      .join-page .ul1 .info .title .right{
          position: absolute;
          top: 10px;
          right: 10px;
      }
      .join-page .ul1 .info .info-ul{
          padding: 10px;
      }
      .join-page .ul1 .info .title p{
          line-height: 1.6;
      }
      .join-page .ul1 .info .title p span{
          display: block;
      }
      .contact-page{
          margin-bottom: 40px;
      }
      .contact-page li .w1400{
          padding: 20px 0;
          flex-direction: column;
      }   
      .contact-page li h3{
          font-size: 30px;
          margin-bottom: 20px;
      }

      .contact-page li h5{
          font-size: 18px;
          line-height: 1.6;
      }
      .contact-page li .left{
          width: 100%;
      }
      .contact-page li .right{
          width: 100%;
          margin-top: 20px;
      }
      .contact-page .right-list li{
          width: 100%;
          padding: 10px;
      }
      .contact-page .right-list li .r p{
          white-space: wrap;
      }





     footer .top{
          padding: 30px 0 0 ;
     }
     footer .top .w1600{
          flex-direction: column-reverse;
     }
     footer .left{
          width: 100%;
          margin-top: 20px;
     }
     footer .right .nav{
          flex-direction: column;
          gap: 10px;
          margin-top: 0;
     }
     footer .right .nav li{
          width: 100%;
          text-align: center;
     }
     footer .right .nav2{
          flex-direction: row;
          flex-wrap: wrap;
     }
     footer .right .nav2 li{
          width: 33.3%;
          line-height: 2.4;
     }
     footer .right .nav li a{
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center;
     }
     footer .right .nav2 li:first-child{
          white-space: nowrap;
          width: 100%;
     }


     footer .left .logo{
          margin: 10px auto;
          text-align: center;
     }
     footer .left .ewms{
          justify-content: space-around;
     }
     footer .bottom{
          height: auto;
          line-height: 1.4;
          padding: 10px 0;
     }
     footer .bottom .w1600{
          justify-content: space-between;
          align-items: center;
     }
     footer .bottom img{
        width:25%;
        margin-left: 20px;
          padding: 5px 0;
     }
}