@media screen and (max-width: 1600px) {

     .w1200,
     .w1250,
     .w1400,
     .w1500 {
          width: 96%;
     }

     .product-page .classify .bg {
          width: 80%;
     }
}

@media screen and (max-width: 1400px) {
     header .lang {
          width: 100px;
     }

     .banner2 img {
          width: calc(100% - 100px);
     }

     .banner .swiper {
          width: calc(100% - 100px);
     }

     .banner {
          padding-bottom: 50px;
     }

     .product-page .classify .bg {
          width: 100%;
     }

     .news-detail-page .info .left {
          padding: 50px 3% 50px 0;
     }

     header .w1200 {
          width: 80%;
     }
	 .index-page1 .bg .img1 {
          min-height: 450px;
     }

     .index-page1 .bg .info {
          min-width: 400px;
          max-height: 360px;
     }

     .index-page1 .bg .info h2 {
          font-size: 36px;
     }

     .index-page1 .bg .info .list li h4 {
          font-size: 36px;
     }

     .index-page1 .bg .info .list li p {
          font-size: 14px;
     }

		.about-page2  .imgs .info h5{
			font-size:16px;
		}
.about-page2  .imgs .info h3{
	font-size:24px;
     font-weight:bold;
}
.index-page1 .bg .info{
	left:4.5%;
}
.about-page2 .en .imgs .info{
     width:34%;
}
.about-page2 .en .imgs .info h2{
     font-size: 28px;
     line-height:1.2;
     margin-bottom:10px;
}
.about-page2 .en .imgs .info h5{
     
     font-weight:bold;
}
.about-page2 .en .imgs .info h3{
     font-size: 18px;
     font-weight:normal;
}
.index-page1 .bg .en h2{
     font-size:28px;
}
.index-page1 .bg .en .list li h4{
      font-size:28px;
}


}

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


     /*手机导航开始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 {
          width: 92%;
     }

     header .w1200 {
          display: none;
     }

     header {
          align-items: center;
          padding: 0 3%;
          height: 60px;
     }

     header .logo {
          flex: none;
          padding: 5px 0;
     }

     .banner .swiper {
          width: 100%;
     }

     .banner::after {
          display: none;
     }

     .index-page1 .bg .img1 {
          min-height: 450px;
     }

     .index-page1 .bg .info {
          min-width: 400px;
          max-height: 360px;
		 
     }

     .index-page1 .bg .info h2 {
          font-size: 36px;
     }

     .index-page1 .bg .info .list li h4 {
          font-size: 36px;
     }

     .index-page1 .bg .info .list li p {
          font-size: 14px;
     }

     .index-page2,
     .index-page3,
     .index-page4 {
          padding: 0 2%;
     }

     .index-page3 .title {
          padding: 0 2%;
          margin-bottom: 80px;
     }

     .common-title h3 {
          line-height: 1.2;
     }

     .index-page3 .info .list {
          margin-left: 0;
          padding: 150px 2% 100px;
     }

     .index-page4 .info .list {
          padding: 5% 5% 100px;
     }

     .index-page4 .info .more {
          right: 5%;
     }

     footer .right .top {
          padding: 0 5% 0 8%;
     }

     .banner2 img {
          width: 100%;
     }

     .banner {
          padding-bottom: 0px;
     }

     .product-page .product-page-title {
          padding-bottom: 50px;
     }

     .product-page .classify li .info>.list ul li a {
          white-space: nowrap;
     }

     .product-page .classify .info {
          justify-content: space-between;
     }

     .product-page .classify li .info>img {
          width: 36%;
     }

     .product-page .classify li .info>.list {
          width: 50%;
          margin: 0 7%;
          padding: 7% 50px;
     }

     .product-page .classify li .w1400 {
          padding-bottom: 60px;
     }

     .product-page .classify li:nth-child(even) .info>.list {
          margin-left: 0;
     }

     .product-page .classify li:nth-child(even) .w1400 {
          background: url(../images/product_img_bg.png) no-repeat left 5% bottom;
     }

     .product-list-page .right .list-nav {
          margin-bottom: 30px;
     }

     .product-list-page .right .list {
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
     }

     .product-detail-page .right .detail {
          padding: 0;
     }

     .product-detail-page .right .detail .info1 .left {
          width: 40%;
     }

     .product-detail-page .right .detail .info1 .right {
          width: 58%;
     }

     .news-page {
          width: 92%;
     }

     .news-detail-page .info .right .tj-list li img {
          width: 40%;
     }

     .news-detail-page .info .right .tj-list li .tj-right {
          width: 56%;
     }

}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
     .menu_down {
          top: 60px;
     }

     header {
          background: rgb(0, 0, 0, 0.7);
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
     }

     .banner {
          margin-top: 0;
     }

     .banner .w1400 {
          top: 50%;
     }

     .banner img {
          min-height: 300px;
          object-fit: cover;
     }

     .index-page1 .bg .info {
          width: 92%;
          left: 4%;
     }

     .index-page1 .bg .info h2 {
          font-size: 30px;
     }

     .index-page1 .bg .info .list li h4 {
          font-size: 24px;
     }

     .index-page1 .bg .img1 {
          object-fit: cover;
     }

     .index-page1 .img2 {
          width: 40%;
          margin-top: 0;
          margin-right: 0%;
          display: none;
     }

     .index-page2 {
          margin-top: 40px;
     }

     .common-title h3 {
          font-size: 30px;
     }

     .common-title h4 {
          font-size: 18px;
          line-height: 2;
     }

     .index-page2 .info {
          flex-direction: column;
          padding: 8% 4% 100px;
     }

     .index-page2 .info .classify {
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px;
          flex-direction: row;
          flex-wrap: wrap;
          gap: 5px;
     }

     .index-page2 .info .classify li {
          border-bottom: 0;
          white-space: nowrap;
          padding: 0 15px;
          height: 36px;
          line-height: 36px;
          text-align: center;
          border-radius: 5px;

     }

     .index-page2 .info .list li {
          width: 50%;
     }

     .index-page2 .info .list li a {
          padding: 20px;
     }

     .common-more {
          padding: 15px 8%;
     }

     .index-page3 {
          margin-top: 40px;
     }

     .index-page3 .title {
          margin-bottom: 20px;
     }

     .index-page3 .info .list {
          flex-wrap: wrap;
          padding: 50px 4% 100px;
     }

     .index-page3 .info .list li {
          width: 46%;
          margin: 20px 0;
          border: 1px solid #eee;
     }

     .index-page3 .info .list li:nth-child(even) {
          transform: none;
     }

     .index-page3 .info .list li:nth-child(4n+3) {
          transform: none;
     }

     .index-page3 .info .list li img {
          height: 200px;
     }

     .index-page3 .info .list li p {
          width: 100%;
          font-size: 16px;
          bottom: -30px;
          justify-content: center;
     }

     .index-page3 .info .list li p span {
          font-size: 16px;
          color: #fff;
          margin: 0;
          white-space: nowrap;
          margin-left: 10px;
     }

     .index-page3 .info .list li p span::after {
          display: none;
     }

     .index-page4 .info {
          flex-direction: column;
     }

     .index-page4 .info img {
          width: 100%;
          max-height: 250px;
          overflow: hidden;
          object-fit: cover;
     }

     .index-page4 .info .list {
          width: 100%;
     }

     .index-page4 .info .list li {
          height: 60px;
          line-height: 60px;
     }

     .index-page4 .info .list {
          padding: 3% 3% 80px
     }

     .index-page4 .info .more {
          right: 0;
     }

     .about-page {
          margin: 0 0 50px;
     }

     .about-page2 {
          margin: 40px auto;
     }

     .banner2 {
          width: 100%;
     }

     .banner2 .w1400 h2 {
          font-size: 36px;
          margin-bottom: -30px
     }

     .banner2 .w1400 h3 {
          font-size: 30px;

     }

     .banner2 .w1400 h4 {
          font-size: 24px;
     }

     .product-page {
          width: 100%;
     }

     .product-page .product-page-title {
          width: 100%;
          margin-left: 0;
     }

     .product-page .classify {
          width: 100%;
          overflow: hidden;
     }

     .product-page .classify .info {
          flex-direction: column;
     }

     .product-page .classify li .w1400 {
          background: url(../images/product_img_bg.png) no-repeat right 5% bottom;
          background-size: 40% auto;
          padding-bottom: 0;
     }

     .product-page .classify li .info>img {
          width: 100%;
     }

     .product-page .classify li .info>.list {
          width: 100%;
          margin: 40px 0;
          padding: 0 4%;
     }

     .product-page .classify li .info>.list ul {
          width: 100%;
          overflow: hidden;
     }

     .product-page .classify li .info>.list ul li a {
          padding: 1px 0 0;
          text-align: center;
          width: 100%;
     }

     .product-page .classify li:nth-child(even) .title {
          width: 100%;
          margin-left: 0;
     }

     .product-page .classify li:nth-child(even) .info {
          flex-direction: column-reverse;
     }

     .product-page .classify li:nth-child(even) .w1400 {

          background: url(../images/product_img_bg.png) no-repeat right 5% bottom;
          background-size: 40% auto;
     }

     .product-page .classify li .info>.list ul li a::after {
          left: 10%;
     }

     .index-nav{
          padding:10px 0;
          height: auto;
          line-height: 2;
     }
     .product-list-page{
          flex-direction: column;
          margin: 20px auto;
     }
     .product-list-page>.left{
          width: 100%;
          margin: 0 0 30px;
          white-space: nowrap;
     }
     .product-list-page>.left .tit{
          padding:  0 30px;
          height: 60px;
          line-height: 60px;
     }
     .product-list-page>.left ul{
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center;
          padding: 10px 10px;
          gap: 10px;
     }
     .product-list-page>.left li{
          height:50px;
          line-height:50px;
          border: 1px solid #ccc;
         
     }
     .product-list-page>.left li a{
          padding: 0 30px;
          border-bottom: 0;
          border-right: 1px solid #ccc;
     }
     .product-list-page .right .list-nav {
          gap: 2%;
     }
     .product-list-page .right .list-nav li{
          width: 32%;

     }
     .product-list-page .right .list-nav li a{
          width: 100%;
          padding: 0;
          align-items: center;
          justify-content: center;
         text-align: center;
     }
     .product-list-page .right .list{
          grid-template-columns: repeat(2, 1fr);
     }

     .product-detail-page .right .detail .info1{
          flex-direction:column;

     }
     .product-detail-page .right .detail .info1 .left{
          width: 100%;
          margin-bottom: 40px;
     }
     .product-detail-page .product-detail-page-swiper1{
          max-height: 300px;
     }
     .product-detail-page .product-detail-page-swiper1 .swiper-slide{
          text-align: center;
     }
     .product-detail-page .swiper-slide img{
          width: auto;
     }

     .product-detail-page .right .detail .info1 .right{
          width: 100%;
     }
     .product-detail-page .right .detail .info1 .right h2{
          padding: 0 10px 10px;
     }
     .product-detail-page .right .detail .info1 .right .editor{
          padding: 10px;
     }
     .product-detail-page .right .detail .info1 .right .btns{
          justify-content: center;
     }
     .product-detail-page .right .detail .info2 .info-title span{
          padding: 1px 20px 0;
     }
     .product-detail-page .right .detail .info2{
          margin-top: 30px;
     }
     .product-detail-page .right .detail .info2 .editor{
          padding: 10px;
     }

     .news-page{
          margin: 20px auto;
     }
     .news-page .news-page-list li a{
          padding: 20px;
          flex-direction: column-reverse;
     }
     .news-page .news-page-list li .left{
          width: 100%;
     }
     .news-page .news-page-list li .right{
          width: 100%;
          margin-bottom: 20px;
          height: 200px;
          text-align: center;
     }
     .news-page .news-page-list li .right img{
          width: 100%;
          height: 100%;
          object-fit: cover;
     }
     .news-page .news-page-list li .left h3{
          font-size: 20px;
          line-height: 1.6;
          margin: 10px 0;
          font-weight: bold;
     }
     .news-page .news-page-list li .left .more{
          margin-top: 10px;
     }

     .news-detail-page .info{
          flex-direction: column;
     }
     .news-detail-page .info .left{
          width: 100%;
          padding: 0;
     }
     .news-detail-page .info .left .title{
          font-weight: bold;
     }
     .news-detail-page .info .left .editor{
          margin-top: 20px;
          line-height: 2;
     }
     .news-detail-page .info .right{
          width: 100%;
          padding: 0 ;
          border: 0;
          margin: 40px 0;
     }
     .news-detail-page .info .right .title{
          padding: 0;
     }
     .news-detail-page .info .right .tj-list li{
          padding: 20px 10px;
     }
     .zhizao-page {
          margin-bottom: 50px;
     }
     .zhizao-page ul{
          margin: 20px auto;
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
     .zhizao-detail .info{
          flex-direction: column;
          height: auto;
          margin: 0;
     }
     .zhizao-detail .info .left{
          width: 100%;
          margin-bottom: 20px;
     }
     .zhizao-detail .info .right{
          width: 100%;
          height:100px;
          padding: 0;
     }
     .zhizao-detail .info .zhizao-swiper2{
          width: calc(100% - 66px);
     }
     .zhizao-detail .info .right .swiper-button{
          height: 100%;
          width: 30px;
     }
     .zhizao-detail .info .right .swiper-button-prev1{
          left: 0;
          top: 0;
          height:100px;
     }
     .zhizao-detail .info .right .swiper-button-prev1 img{
          transform: rotate(-90deg);
     }
     .zhizao-detail .info .right .swiper-button-next1 img{
          transform: rotate(90deg);
          width: 100%;
          height: auto;
     }
     .zhizao-detail .info .right .swiper-button-next1{
          left: auto;
          right: 0;
          top: 0;
          height:100px;
          transform: none;
     }

     .contact-page{
          margin: 20px auto;
     }
     .contact-page .contact-page1{
          flex-direction: column;
          padding-bottom: 20px;
          border-bottom: 1px solid #ccc;
     }
     .contact-page .contact-page1 .left{
          width: 100%;
          padding: 0;
          margin-bottom: 20px;
          text-align: center;
     }
     .contact-page .contact-page1 h2{
          margin: 0;
     }
     .contact-page .contact-page1 .ewms{
          width: 80%;
          margin: 0 auto;
          padding: 0;
          justify-content:space-around;
          /* gap: 30px; */
          border: 0;
     }
     .contact-page .contact-page1 .ewms li{
          margin: 0;
     }
     .contact-page .contact-page2{
          flex-direction: column;
          padding: 20px 0;
     }
     .contact-page .contact-page2 .left{
          width: 100%;
          text-align: center;
          margin-bottom: 20px;
     }
     .contact-page .contact-page2 .left img{
          margin: 0;
     }
     .contact-page .contact-page2 .editor{

          text-align: center;
     }


     footer {
          flex-direction: column;
     }

     footer .left {
          width: 100%;
     }

     footer .left::after {
          display: none;
     }

     footer .right {
          width: 100%;
     }

     footer .right .top {
          padding: 0 4%;
     }

     footer .right .top .top-top {
          align-items: center;
          justify-content: center;
     }

     footer .right .top .top-top .logo {
          width: 40%;
          height: auto;
     }

     footer .right .top .top-top .nav {
          display: none;
     }

     footer .right .bottom {
          height: auto;
          line-height: 1.2;
          padding: 10px 4%;
          align-items: center;
     }

     footer .right .bottom img {
          height: auto;
          width: 20%;
     }

     footer .right .top .top-bottom {
          padding: 0;
          text-align: center;
     }

     footer .right .top .top-bottom .info {
          flex-direction: column;
     }

     footer .right .top .top-bottom .info .editor {
          margin-bottom: 10px;
     }

     footer .right .top .top-bottom .info .ewms {
          justify-content: space-around;
     }

     footer .right .top .top-bottom .info li {
          flex-direction: column;
          align-items: center;
          margin: 0;
     }









}