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



}

@media screen and (max-width: 1400px) {
     .about-page4 .top .swiper2 .swiper-slide:nth-child(1){
          transform: translateY(-12px);
     }
     .about-page4 .top .swiper2 .swiper-slide:nth-child(2) {
          transform: translateY(-23px);
      }
      .about-page4 .top .swiper2 .swiper-slide:nth-child(3) {
          transform: translateY(-15px);
      }
      .about-page4 .top .swiper2 .swiper-slide:nth-child(4) {
          transform: translateY(-28px);
      }
      .about-page4 .top .swiper2 .swiper-slide:nth-child(5) {
          transform: translateY(-14px);
      }
      .about-page4 .top .swiper2 .swiper-slide:nth-child(6) {
          transform: translateY(-30px);
      }
      .about-page4 .top .swiper2 .swiper-slide:nth-child(7) {
          transform: translateY(-27px);
      }
      .index-page3 .left{
          width: 35%;
      }
      .index-page3 .left .editor{
          width: 100%;
      }



}

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


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


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



     header .left{
          width: 25%;
     }
     header .logo{
          margin-right: 20px;
     }
     .index-page3,.index-page4,.index-page5,.index-page6{
          background-size: cover;
          padding: 200px 0 100px;
     }
     .index-page4 .w1400{
          padding-bottom: 50px;
     }
     .index-page5 .bottom .right li:first-child a{
          padding: 20px 35px;
     }
     .index-page5 .bottom .right li .item-left p{
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
     }
     .index-page5 .bottom .left-info-l{
          width: 25%;
     }
     .index-page5 .bottom .left-info-r{
          width: 75%;
     }
     .index-page5 .bottom .left-info-r h4{
         margin-bottom: 10px;
     }
     .index-page6 ul{
          grid-template-columns: repeat(4, 1fr);
     }
     .business2-page .right ul{
          grid-template-columns: repeat(2, 1fr);
     }
     .news-page .list ul{
          grid-template-columns: repeat(3, 1fr);
     }
     .news-detail-page{
          padding: 30px 50px;
     }

}

@media screen and (max-width: 768px) {
	
	p{
		text-align:justify;
	}
	.menu {
     display: none; 
	}
	.menu2 {
		 display: block; 
	}
	.w-nav{
		display:none;
	}
	.phone-nav{
		display:block;
	}
	.nav{
		display:none;
	}
     header{
          height: 80px;
          padding: 10px 0;
     }
     header .left{
          width: 40%;
     }
     header .right{
          width: 50%;       
          justify-content: space-between;
     }
     header .right li{
          width: 30%;
          margin-left: 0;
     }
     header .right li a{
          flex-direction: column;
          font-size: 12px;
		          white-space: nowrap;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
		  padding:20px 0 0;
		  line-height:1;
     }
	 header .right li a .is{
		 width:auto;
		 left:50%;
		 transform:translateX(-50%);
		 top:5px;
	 }
	 header .right li a .is .i2{
		display:none;
	 }
     header .right li a i{
          margin: 0;
          font-size: 14px;
          padding: 3px;
     }
	  header .right li:hover .is{
		  top:5px;
	  }
		 header .right li:hover i{
			 color:#f28f01;
			 border:1px solid #f28f01;
		 }
	 
	 
     header .right .language-list{
          width: 100px;
          left: 50%;
          transform: translateX(-50%);
          border-top: 0;
     }
     header .right .language-list li{
          width: 100%;

     }
     .nav{
          padding-top: 80px;
     }
     .nav .w1400 .left{
          min-width: 130px;
     }
     .nav .w1400 .left .nav1 li{
          padding: 10px 0;
     }
     .nav .w1400 .left .nav1 li a{
          font-size:18px;
          padding: 10px 10px 10px 20px;
     }
     
     .nav .w1400 .left .nav1 li a::before{
          left: 0;
          border-left: 6px solid #999;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
     }

     .nav .w1400 .right .ul-list>li .item{
          flex-direction: column;
     }
     .nav .w1400 .right .nav2{
          width: 100%;
          margin-bottom: 20px;
     }
     .nav .w1400 .right .imgs{
          width: 100%;
          padding-left: 4%;
     }
     .nav .w1400 .right .nav2 li{
          padding: 0;
          font-size: 18px;
     }
     .nav .w1400 .right .nav2 li a{
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center;
          padding: 15px 0;
     }

     .banner{
          height: 400px;
     }
     .banner .swiper .swiper-slide .info{
          width: 92%;
          left: 50%;
          bottom: 15%;
          transform: translateX(-50%);
          top: auto;
     }
     .banner .swiper .swiper-slide .info h3{
          font-size: 20px;
     }
     .banner .swiper .swiper-slide .info h2{
          font-size: 24px;
          margin: 10px 0;
     }
     .banner .swiper .swiper-slide .info h4{
          font-size: 16px;
          line-height: 1.2;
     }
     .banner .swiper .swiper-slide .info a{
          width: 150px;
          height: 36px;
          line-height: 36px;
          font-size: 14px;
          margin-top: 15px;
		          white-space: nowrap;
     }
     .banner .swiper .swiper-pagination{
          bottom: 4%;
          left: 50%;
          transform: translateX(-50%);
     }




	 .menu2{
          width: 10%;
        text-align: center;
        display: flex;
        justify-content: center;
     }
     .index-page1{
          padding: 20px 0;
     }
     .index-page1 .top{
          flex-direction: column;
     }
     .index-page1 .top .left{
          width: 100%;
     }
     .index-page1 .top .right{
          width: 100%;
          padding: 20px 0;
     }
     .index-page1 .bottom{
          padding: 20px 0;
     }
     .index-page1 .bottom ul{
          flex-wrap: wrap;
     }
     .index-page1 .bottom ul li{
          width: 48%;
          margin: 20px 0;
     }
     .index-page1 .bottom ul li span{
          font-size: 36px;
          width: 30%;
          text-align: end;
     }
     .index-page1 .bottom ul li .ps{
          font-size: 16px;
     }
     .index-page2{
          height: auto;
		  padding:10px 0;
     }
     .index-page2 img{
          display: none;
     }
     .index-page2 video{
          height: 300px;
     }
	 .index-page2 iframe{
		           height: 300px;
	 }
     .index-page3 .w1400{
          flex-direction: column;
     }
     .common-title{
          text-align: left;
     }
     .common-title h4{
          font-size: 24px;
     }
     .common-title h3{
          font-size: 30px;
     }
     .common-more{
          margin: 20px 0 40px; 
     }
     .index-page3 .left{
          width: 100%;
          text-align: right;
     }
     .index-page3 .right{
          width: 100%;
          margin: 80px 0 50px;
     }
     .index-page3 .left .editor{
          text-align: left;
     }
     .index-page3 .right ul li i{
          width: 60px;
          height: 60px;
          font-size: 30px;
     }
     .index-page3 .right .img{
          padding: 35px;
     }
     .index-page3 .right ul li:nth-child(1){
          transform: translate(-50%, -70px);
     }
     .index-page3 .right ul li:nth-child(2){
          transform: translate(-30px, -50%);
     }
     .index-page3 .right ul li:nth-child(3){
          transform: translate(30px, -50%);
     }
     .index-page3, .index-page4, .index-page5, .index-page6{
          padding: 210px 0 20px;
          /* background: rgba(240,240,240); */
     }
     .index-page4 .w1400{
          flex-direction: column;
     }
     .index-page4 .left{
          width: 100%;
         
     }
     .index-page4 .left .editor{
    
     }
     .index-page4 .right{
          width: 100%;

     }
	    .index-page5{
			        padding: 270px 0 20px;
		}
     .index-page5 .top{
          padding-top: 50px;
     }
     .index-page5 .bottom{
          flex-direction: column;
     }
     .index-page5 .bottom .left{
          width: 100%;
          margin-bottom: 20px;
     }
     .index-page5 .bottom .right{
          width: 100%;
		  margin-top:0px;
     }
     .index-page5 .bottom .right li a{
          padding: 0 20px;
     }
     .index-page5 .bottom .right li:first-child a{
          padding: 20px;
     }
     .index-page5 .bottom .right li .item-left{
          overflow: hidden;
		  width:70%;
     }
     .index-page5 .bottom .right li .item-left h5{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
     }
     .index-page5 .bottom .right li .item-right{
          width: auto;
          min-width:auto;
     }
	 .index-page5 .bottom .right li .item-right .time{
		     white-space: nowrap;
	 }
     .index-page6{
          padding: 20px 0 30px;
          margin: 0;
          background: #F8F9FA;
     }
	 .index-page6 .swiper{
		 padding:0;
	 }
     .index-page6 ul{
          grid-template-columns: repeat(2, 1fr);
     }












     .banner2{
          height: 400px;
     }
     .banner2 .w1400{
          bottom: 20%;
          padding-bottom: 20px;
     }
     .banner2 .w1400 h2{
          font-size: 28px;
     }
     .banner2 .w1400 h3{
          font-size: 22px;
     }
     .banner2 .w1400 i{
          width: 40px;
          height: 40px;
          font-size: 24px;
          line-height: 40px;
     }
     .common-nav{
          padding: 20px 0 ;
     }
     .common-nav ul{
          flex-wrap: wrap;
          gap: 12px;
     }
     .common-nav li{
          font-size: 14px;
     }
     .common-nav li a{
          padding: 0 12px;
          height: 36px;
          line-height: 36px;
     }


     .about-page{
          padding: 20px 0 0;
     }
     .about-page1{
          flex-direction: column;
          padding: 0;
     }
     .about-page .title{
          font-size: 28px;
     }
     .about-page1 .left{
          width: 100%;
     }
 
     .about-page1 .left .bottom{
          margin-top: 20px;
     }
    
     .about-page1 .left .editor{
          width: 100%;
          font-size: 16px;
     }
     .about-page1 .left .bottom ul li{
          font-size: 14px;
          height: auto;
          line-height: 1.4;
          padding: 8px 20px;
          border-radius: 30px;
     }
     .about-page1 .right{
          display: none;
          width: 50%;
          margin: 70px 25% 50px ;
     }
     .about-page1 .right .img{
          padding: 30px;
     }
     .about-page3{
          margin-bottom: 20px;
     }
     .about-page3 ul{
          flex-direction: column;
          gap: 10px;
     } 
     .about-page3 li a{
          flex-direction: row;
          align-items: center;
          padding: 10px  30px;

     }     

     .about-page3 li a img{
          height: 30px;
          margin-right: 20px;
     }     
     .about-page3 li a p{
          font-size: 18px;
     }
     .about-page3 li a p i{
          font-size: 20px;
     }
     .about-page4{
          padding: 30px 0;
     }
     .about-page4 .top{
          display: none;
     }
     .about-page4 .swiper1 .swiper-slide{
          flex-direction: column;
          padding: 0 4%;
     }
     .about-page4 .swiper1 .swiper-slide .left{
          width: 100%;
     }
     .about-page4 .swiper1 .swiper-slide .right{
          width: 100%;
          margin-top: 20px;
     }
     .about-page4 .swiper1 .swiper-slide .right h3{
          font-size: 24px;
          text-align: center;
     }
     .about-page4 .swiper1 .swiper-slide .right .editor{
          font-size: 16px;
          line-height: 1.6;
          padding: 10px 0;
     }
     .about-page4 .swiper1 .swiper1-btn.swiper1-button-prev{
          left: 10%;
     }
     .about-page4 .swiper1 .swiper1-btn.swiper1-button-next{
          right: 10%;
     }
     .about-page5{
          padding: 30px 0;
     }
     .about-page6{
          padding: 30px 0 0 ;
          height: 450px;
     }
     .about-page6 .list2 li h4{
          width: 90%;
          margin: 0 auto;
          font-size: 24px;
     }
     .about-page6 .list2 li p{
          font-size: 20px;
     }
     .about-page6 .list{
          bottom: -635px;
          height: 800px;
          width: 800px;
     }
     .about-page6 .list li.active span{
          font-size: 24px;
     }
     .about-page6 .list li span{
          font-size: 18px;
     }
     .video-page{
          padding: 20px 0;
     }
     .video-page ul{
          grid-template-columns: repeat(1, 1fr);
          gap: 15px;
     }
     .dialog .dialog-content .video{
          width: 95%;
          height: auto;
     }
     .dialog .dialog-content iframe{
          height: 400px;
     }






.business1-nav{
	padding: 0 0 20px ;
}
 .business1-nav li{
	 width:50%;
	 padding:10px 0;
	 font-size:18px;
	 margin:0 10px;
	 text-align:center;
 }


     .business2-page{
          flex-direction: column;
     }
     .business2-page .left{
          width: 100%;
          margin: 0;
        
     }
     .business2-page .left .top h4{
          padding-bottom: 10px;
     }
     .business2-page .left li{
          height: 40px;
          line-height: 40px;
     }
     .business2-page .right{
          margin-top: 20px;
     }
     .business2-page .right ul{
          grid-template-columns: repeat(1, 1fr);
          gap: 15px;
     }
     .business3-page ul{
          grid-template-columns: repeat(1, 1fr);
          gap: 15px;
     }

     .ship-page ul{
          grid-template-columns: repeat(1, 1fr);
          gap: 15px;
     }
     .ship-detail-page .top{
          flex-direction: column;
          margin-bottom: 20px;
     }
     .ship-detail-page .top .left{
          width: 100%;
     }
     .ship-detail-page .top .right{
          width: 100%;
     }
     .ship-detail-page .top .right .name{
          padding-bottom: 10px;
     }
     .ship-detail-page .top .right .name h3{
          font-size: 26px;
          margin-top: 20px;
          font-weight: bold;
     }
     .ship-detail-page .bottom .title .left{
          padding: 0 20px;
          height: 48px;
          line-height: 48px;
          white-space: nowrap;
     }
     .ship-detail-page .bottom .title .right{
          display: flex;
          flex-direction: row;
     }
     .ship-detail-page .bottom .title .right input{
          width: 68%;
          height: 48px;
          line-height: 48px;
          min-width: 0;
		  padding:0 10px;
     }
     .ship-detail-page .bottom .title .right button{
          width: 30%;
          height: 48px;
          line-height: 48px;
     }
     .news-page .top{
          flex-direction: column;
		  padding:30px 0;
     }
     .news-page .top .left{
          width: 100%;
          height: 300px;
     }
     .news-page .top .left a .info{
          padding: 20px;
          font-size: 20px;
     }
    
     .news-page .top .right{
          width: 100%;
     }
     .news-page .top .right li .item-info{
          width: 60%;
     }
	 .news-page .top .right li .img{
          width:35%;
     }
     .news-page .top .right li img{
          width:100%;
     }
     .news-page .top .right li .item-info h4{
          font-size: 20px;
          margin: 10px 0;
     }
	 .news-page .list{
		 padding:30px 0;
	 }
     .news-page .list ul {
          grid-template-columns: repeat(1, 1fr);
          width: 100%;
      }
      .news-page .list li a h4{
          height: auto;
          margin: 15px 0;
      }
 
      .news-detail-page{
          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;
      }
	  .join-page .ul1 .info .email{
		  width:100%;
		  text-align:center;
		  padding:10px 20px;
		  height:auto;
		  margin:20px 0 0;
	  }
	  
	  
      .contact-page{
          margin-bottom: 40px;
      }
      .contact-page li .w1400{
          padding: 20px 0;
          flex-direction: column;
      }   
      .contact-page li h3{
          font-size: 30px;
          margin-bottom: 0px;
      }

      .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;
      }
      .contact-page3 h3{
          font-size: 30px;
      }
      .contact-page3 h4{
          line-height: 1.6;
          margin-top: 10px;
      }
      .contact-page3 .form{
          width: 100%;
      }
      .contact-page3 .form .bottom .yzm{
          width: 65%;
      }
      .contact-page3 .form .bottom .yzm input{
          padding: 0 100px 0 10px;
          min-width: 0;
          margin: 0;
      }


      .common-page li a{
          flex-direction: column;
      }
      .common-page li .left{
          width: 100%;
      }
      .common-page li .right{
          width: 100%;
          margin-top: 10px;
      }
      .common-page li .right h3{
          font-size: 20px;
          margin-bottom: 10px;
      }
      .common-page li .right p{
          line-height: 1.6;
          height: auto;
          margin-bottom: 10px;
      }
	    .common-page2{
			margin-bottom:10px;
		}
	  .common-page2 ul{
		  margin:30px 0 10px;
	  }
	.common-page2 ul li a{
		padding:20px 10px 20px 20px;
	}
	.common-page2 ul li a::before{
		left:0;
	}
	.common-page2 ul li a h3{
		width:65%;
		    font-size: 18px;
			line-height:1.6;
	}








     footer .top{
          padding: 20px 0 ;
     }
     footer .top ul{
          flex-direction: row;
          flex-wrap: wrap;
     }
     footer .top li{
          width: 50%;
          padding: 0 2%;
          margin: 10px 0;
     }
     footer .top li .img{
          width: 40px;
          height: 40px;
          padding: 10px;
          margin-bottom: 6px;
     }
     footer .top li:nth-child(1) .img{
          padding: 8px;
     }
     footer .top li .p2{
          height: 30px;
          font-size: 14px;
     }
     footer .center{
          padding: 20px 0;
		  display:none;
     }
     footer .center .footer-nav1{
         flex-direction: column;
     }
     footer .center .footer-nav1>li{
          width: 100%;
          text-align: center;
          margin-bottom: 20px;
     }
     footer .center .footer-nav2{
          flex-direction: row;
          flex-wrap: wrap;
          
     }
     footer .center .footer-nav2 li:first-child{
          width: 100%;
          font-size: 18px;
     }
     footer .center .footer-nav2 li{
          width: 33.333%;
          font-size: 14px;
     }
     footer .center .footer-nav2 li:first-child::after{
          left: 50%;
          transform: translateX(-50%);
     }
     footer .bottom p{
          line-height: 1.2;
          width: 70%;
     }
     footer .bottom img{
          width: 25%;
     }
}