/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {
		.banner .swiper-slide img{
			min-height:240px;
		}
     header{
          height: 90px;
          background: var(--color);
     }
     header .right{
          flex: 1;
          justify-content: end;
          margin-right: 30px;
     }
     header .right .lang{
          height: 90px;
     }
     header .right .vr {
          margin: 0 20px;
     }
     header .logo{
          height: 60px;
     }
     header .nav{
          display: none;
     }
      /*手机导航开始menu*/
      .menu {
          display: block;
          margin-right: 15px;
     }

     .menu_down {
          position: fixed;
          left: 0;
          top: 90px;
          z-index: 999999;
          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: 90%;
         margin-left: auto;
     }
     .menu_down li .erji a{
          border-bottom: 1px dashed #ccc;
          line-height: 3;
          font-size: 14px;
     }
     .menu span.icon-bar {
          background: #fff;
          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);

     }
     /*手机导航结束*/
     .banner{
          margin-top: 90px;
         
     }
     .banner>img{
          min-height: 200px;
          object-fit: cover;
     }



     header .right p{
          font-size: 14px;
          white-space: nowrap;
     }
     .index-page1 .index-product{
          padding: 50px;
     }
     .index-page1 .index-product .thum_swiper .swiper-wrapper{
          flex-direction: row;
     }

	 .index-page1 .index-product .swiper1 img{
		 max-height:300px;
	 }
     .index-page1 .index-product .product-info{
          width: 92%;
          margin: 0 4%;
     }
     .index-page1 .index-product .product-info h2{
          font-size: 30px;
     }
     .index-page1 .index-product .product-info p{
          font-size: 14px;
     }
     .index-page1 .index-product .product-info span{
          width: 50px;
     }
     .index-page1{
          height: auto;
     }
     .index-page1 .index-product .thum_swiper{
          display: none;
     }
     .index-page1 .index-product .swiper1{
          width: 92%;
          height: auto;
     }
     .index-page2{
          margin: 40px 0;
     }
     .index-page2 .top{
          flex-direction: column;
          margin: 40px 0;
     }
     .index-page2 .top .left{
          width: 92%;
          margin: 0 auto;
     }
     .index-page2 .top .left  img{
          height: 40px;
          margin-bottom: 20px;
		    margin-top: 10px;
     }
     .index-page2 .top .left h2{
          margin-bottom: 10px;
          font-size: 30px;
     }
     .index-page2 .top .right{
          width: 92%;
          margin: 0 auto;
          
     }
     .index-page2 .bottom {
          background: none;
     }
     .index-page2 .bottom img{
          width: 100%;
          min-height: 200px;
          object-fit: cover;
          margin: 0;
     }
     .index-page3>img{
          width: 100%;
          min-height: 300px;
          object-fit: cover;
     }
     .index-page3 .info {
          width: 80%;
     }
     .index-page3 .info h2{
          font-size: 30px;
          margin-bottom: 15px;
     }
     .index-page3 .info p{
          font-size: 16px;
     }
     .index-page3 .info a {
         padding: 10px 30px;
         margin: 20px 0;
     }
     .index-page4{
          margin: 40px 0;
     }
     .index-page4 .title{
          font-size: 30px;
          width: 92%;
          margin: 0 auto;
     }
     .index-page4 .news-list{
          width: 92%;
          margin: 30px auto;
     }
     .index-page4 .news-list li{
          width: 48%;
          margin-bottom: 20px;
     }
     header .right .lang-down{
          top: 90px;
          background: rgba(248,175,63,.8);
         
     }
     header .right .lang-down a{
          color: #fff;
     }
     .news-detail{
          margin-top: 90px;
          padding: 20px 0;
          width: 92%;

     }
     .news-detail .title{
          margin: 10px 0;
          font-size: 30px;
     }
     .banner .info{
          bottom: 10%;
          top: auto;
          width: 92%;
          margin: 0 auto;
          height: auto;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
     }
     .banner .info>img{
          height: 30px;
          object-fit: contain;
          margin-bottom: 10px;
          margin-right: 20px;
     }
     .banner .info h2{
          font-size: 30px;
          margin-bottom: 10px;
     }
     .banner .info ul li{
          font-size: 14px;
     }
     .banner .info ul li a{
          font-size: 14px;
     }
     .about .index-page2 .top .left img{
          object-fit: contain;
          width: auto;
     }
     .about-page2{
          margin-bottom: 40px;
     }
     .about-page2 .title{
          font-size: 30px;
          margin-bottom: 20px;
     }
     .about-page2 .swiper{
          width: 92%;
     }
     .about-page2 .swiper-button-prev, .about-page2 .swiper-button-next{
          display: none;
     }
     .product{
          flex-direction: column;
          width: 92%;
          margin: 40px auto;
     }
     .product .sidebar{
          width: 100%;
          flex-direction: row;
          overflow-x: auto;
          margin-bottom: 30px;
          border-radius: 3px;
          /* border-top-left-radius: 20px;
          border-top-right-radius: 20px; */
     }
     .product .sidebar li {
        /*   padding: 15px 25px; */
          white-space: nowrap;
          border-right: 1px solid #fff;
          
     }
     .product .sidebar li:last-child{
          border-right:0;
     }
     .product .product-right{
          width: 100%;
     }
     .product .product-list li{
          width: 48%;
          margin: 1%;
     }
	 .product .product-list li:nth-child(3n+3){
		 margin-right:1%;
	 }
     .product .product-list li .bottom{
          margin: 15px 0;
          padding:0 10%;
     }
     .product .product-list li .bottom p{
          font-size: 14px;
              margin-right: 10px;
     }
     .product-detail{
          margin-top: 90px;
     }
     .product-detail .top{
          flex-direction: column;
     }

     .product-detail .top .info-left{
          width: 100%;
          min-height: auto;
          padding:0 ;
          text-align: center;
     }
     .product-detail .top .info-right{
          width: 92%;
          margin: 0 auto;
     }
     .product-detail .top .info-right h2{
          font-size: 30px;
          margin: 40px 0 10px;
     }
     .product-detail .top .info-right .top-editor{
          width: 100%;
          max-width:none;
          max-height: none;
          overflow: auto;
          padding: 0;
     }

     .product-detail .top .info-right .btns{
          position: static;
          justify-content: center;
          margin-top: 20px;
     }
     .product-detail .bottom .title span{
          margin-left: 4%;
     }
     .product-detail .bottom .product-detail-editor{
          width: 92%;
          margin:  20px auto;
     }
     .distributor{
          margin-bottom: 40px;
     }
     .distributor .bottom .title{
          width: 92%;
          margin:  0 auto;
     }
     .distributor .bottom .tabs{
          width: 92%;
          margin:  0 auto;
     }
     .distributor .bottom .tab{
          width: 30%;
          margin:20px 0;
          font-size: 14px;
          text-align: center;
     }
     .distributor .bottom .items{
          width: 92%;
          margin: 0 auto;
     }
     .distributor .bottom .item1 .flex{
          flex-direction: column;
     }
     .distributor .bottom .item1 .flex>img{
          width: 100%;
     }
     .distributor .bottom .item1 .right{
          width: 100%;
          margin-top: 20px;
     }
     .distributor .bottom .item1 .right p{
          font-size: 16px;
          line-height: 30px;
		  margin-bottom:10px;
     }
	 .distributor .bottom .item1 .right h3{
		margin-bottom:10px;
	}
     .contact{
          padding: 40px 0;
       
     }
     .contact .title{
          width: 92%;
          margin: 0 auto;
          font-size: 24px;
     }
     .contact .editor{
          padding: 80px 0 ;
          width: 92%;
          margin: 0 auto;
     }
     .contact .editor ul{
          flex-direction: column;
     }
     .contact .editor ul li{
          margin-left: 20%;
          padding-left: 10px;
          border-left: 0;
          margin-bottom: 20px;
     }
     .contact .editor ul .icon{
          left: -40px;
          top: 0;
          bottom: auto;
          /* transform: translateY(-50%); */
     }
     .contact .editor ul .icon2{
          left: -60px;
          top: 0;
          bottom: auto;
          /* transform: translateY(-50%); */
     }
     .contact .editor ul .icon2 img{
         
     }





     .message{
          padding: 40px 0 ;
     }
     .message .title{
          font-size: 30px;
          margin-bottom: 20px;
     }
     .message .form{
          width: 92%;
          margin: 0 auto;
     }
     .message input{
          width: 48%;
          padding: 10px 20px;
     }
     .message button {
          width: 60%;
     }
     footer .footer-top{
          display: none;
     }
     footer .footer-bottom{
          height: auto;
          padding: 10px;
     }
     footer .footer-bottom .flex{
          flex-wrap: nowrap;
     }
     footer .footer-bottom .flex p{
          flex: 1;
          font-size: 14px;
          line-height: 1.6;
     }
    }

    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
     header{
          height: 60px;
          background: var(--color);
     }
     
     .menu_down {
          top: 60px;
     }
     header .right .lang{
          height: 60px;
     }
     header .logo{
          height: 40px;
     }
     .banner .swiper-prev, .banner .swiper-next{
          display: none;
     }
     header .right .lang-down{
          top: 60px;
     }
     .banner{
          margin-top: 60px;
     }
     .product-detail{
          margin-top: 60px;
     }
     .news-detail{
          margin-top: 60px;
     }
	 .product .product-list li{
          width: 100%;
          margin-bottom: 4%;
		margin-right:0;
     }
 .product .product-list li:nth-child(3n+3){
		 margin-right:0%;
	 }


    }