
@media screen and (min-width: 2000px) and (max-width: 3000px){
	html{
		font-size:16px;
	}
	.w1250{
		max-width: 100%;
	}
	.about-detail-container .detail1 .info{
		justify-content: center;
	}
	.about-detail-container .detail1 .info .right{
		flex:none;
		margin-top: 5.5rem;
	}
	.w1080{
		max-width: 70%;
	}
	.about1 .detail1 .info
	{
		justify-content: normal;
	}
}


@media screen and (min-width: 3000px){
	html{
		font-size:16px;
	}
    
	.w1080{
		max-width:1400px;
	}
	header{
		height:120px;
		    padding: 0 50px 0 250px;
	}
	.sidebar{
		padding-top:120px;
		width:200px;
	}
	header .logo img{
		height:70px;
		margin-bottom: 30px;
	}
	header .nav{
		gap:80px;
	}
	header .nav li{
		height:120px;
		line-height:120px;
		font-size:40px;
	}
	header .nav2{
		padding: 30px 40px 50px;
	}
	header .nav li.li-hr{
		height:auto;
		line-height:2;
	}
	header .nav li i{
		font-size:40px;
	}
	.sidebar .title{
		font-size:30px;
	}
	.sidebar .langs li a{
		font-size:36px;
	}
	
		.container{
			    width: calc(100% - 200px);
				margin-left: 200px;
    margin-top: 120px;
		}

		.about-container{
			    height: calc(100vh - 120px);
		}
	
	.about-container .info .editor h2{
		font-size:120px;
		    margin-bottom: 80px;
	}
	.about-container .info .editor{
		    font-size: 44px;
    line-height: 1.4;
	}
	.product-detail-container .info{
		    height: calc(100vh - 120px);
	}
	a.more{
		    height: 100px;
			line-height:100px;
			font-size:48px;
			    padding: 0 60px;
				    margin: 80px 0;
	}
	
	.contact-container .detail1 .en .left{
		max-width:35%;
	}
	.about-detail-container .detail1 h2{
		font-size:8rem;
	}
	.about-detail-container .detail1 .left p{
		font-size: 5rem;
	}
	.about-detail-container .detail1 img{
		    margin: 80px 0;
	}
	.contact-container .detail1 ul{
		margin-top:4rem;
	}
	.about-detail-container .detail1 .info .left{
		font-size: 56px;
		line-height:1.2;
		margin-right:5%;
	}
	.about-detail-container .detail1 .en .left{
		max-width:25%;
	}
	.contact-container .detail1 .info{
		margin-top: -3%;
		justify-content: center;
	}
	.about-detail-container .detail1 .info .right{
		font-size:50px;
		flex:none;
		margin-top: 103px;
	}
	.contact-container .detail1 ul li{
		line-height: 1.2;
	}
	
	.about-detail-container .detail2 h2{
		font-size: 80px;
		line-height:1.2
	}
	.about-detail-container .detail2{
		padding: 120px 0 120px;
	}
	.about-detail-container .detail2 img{
		    margin: 50px 0;
	}
	.product-container .info .editor h2{
		font-size:120px;
		margin-bottom: 60px;
	}
	
	.product-container .info .editor li{
		        font-size: 60px;
        line-height: 1.4;
		
	}
	.product-container .info .editor li li{
		margin-top:30px;
	}
	.product-container .info .editor li a{
		color:#fff;
	}
	.product-detail-container .info .title{
		font-size:140px;
	}
	.product-detail-container .info .swiper-slide img{
		width:100%;
	}
	.contact-container .detail1 ul li .li-left{
		font-size:3.5rem;
		width:250px;
	}
	.contact-container .detail1 .en ul li .li-left{
		
		width:13%;
	}
	.contact-container .detail1 ul li .li-right p{
		font-size:3.5rem;
	}
	/*.w1250{
		max-width:1800px;
	}*/
	.contact-container .detail1{
		height:calc(100vh - 150px);
		display:flex;
		align-items:center;
	}
	.about-detail-container .detail1 .bg10{
		right: -2px;
    top: -2px;
	    height: calc(100%   6px);
	}
	
	
}

@media screen and (min-width: 3000px){
	.w1080{
		max-width:2400px;
	}
	.w1250{
		max-width:100%;
	}
	
}
@media screen and (min-width: 4000px){
	.w1080{
		max-width:3200px;
	}
	
	.about-detail-container .detail2 h2 {
        font-size: 180px;
        line-height: 1.2;
    }
	  
}
@media screen and (max-width: 1600px) {

    .w1200,
    .w1250,
    .w1400,
    .w1500,
    .w1600,
    .w1080,
    .w850 {
        width: 96%;
    }
   

}
@media screen and (max-width: 1440px) {
     .w1080{
          width: 80%;
     }
     .about-detail-container .detail1{
          padding: 80px 0;
         }
         .product-detail-container .info .title{
          font-size: 72px;
         }
		 .about-detail-container .detail1 h2{
			 font-size:5rem;
		 }
		 .about-detail-container .detail1 p{
			 font-size:4.2rem;
		 }
		 .contact-container .detail1 ul li .li-left{
			    font-size: 2rem;
				min-width:100px;
		}
		.contact-container .detail1 .info{
			margin-left:-10%;
		}
		.contact-container .detail1 ul li .li-left p{
			    font-size: 2rem;
		}
		.contact-container .detail1 ul li .li-right p{
			font-size: 2rem;
		}

}


/*=================================中小型笔记本或大平板 laptop /*=================================*/
     
     @media screen and (max-width: 1200px) {
        .w850,
       
        .w1200,
        .w1250,
        .w1400,
        .w1500,
        .w1600 {
            width: 92%;
        }
        .w1080{
          width: 80%;
          margin: 0 12% 0 8%;
        }
		.contact-container .detail1 .info{
			margin-left:0;
		}
		.about-detail-container .detail1 p{
			font-size: 2.2rem;
		}

    }

   /*=================================手机或小平板 phone=============================== */
   @media screen and (max-width: 767px) {
       
    /*手机导航开始menu*/
    .menu {
     display: block;
     cursor: pointer;
}

.menu_down {
     position: fixed;
     left: 0;
     top: 60px;
     z-index: 9;
     width: 100%;
     padding: 22px 0;
     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: var(--color);
}

.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);

}

/*手机导航结束*/
header{
	width:100%;
	left:0;
     padding: 0 20px;
     align-items: center;
}
header .logo img{
     margin-bottom: 0;
}
header .nav{
     display: none;
}
.sidebar{
     display: none;
}
a.more{
	font-size:16px;
}
.container{
     width: 100%;
     margin-left: 0;
}
.container .bg2{
     display: none;
}
.about-container{
     background-position: center;
}
.about-container .info{
     margin:  0 auto;
     width: 90%;
     transform: none;
     padding: 30px;
     background: rgba(255, 255,255,0.6);
     border-radius: 20px;
}
.about-container .info .editor h2{
	font-size:40px;
}
.about-container .info .editor{
     /* color:var(--color); */
}
.about-detail-container .detail1{
     /* background: none; */
     padding: 30px 0;
}
.about-detail-container .detail1 .info{
     flex-direction: column;
}
.about-detail-container .detail1 h2{
     font-size: 40px;
     line-height: 1.6;
     text-align: center;
}
.about-detail-container .detail1 img{
     margin: 20px 0 40px;
}
.about-detail-container .detail1 .info .left{
     max-width: none;
     width: 100%;
     font-size: 40px;
     margin: 0;
     text-align: center;
}
.about-detail-container .detail1 .info .right{
     margin-top: 30px;
     font-size: 20px;
}
.about-detail-container .detail2{
     padding: 80px 0 50px;
}

.about-detail-container .detail2 h2{
     font-size: 40px;
     text-align: center;
}

.product-container{
     background-position: center;
}
.product-container .info{
     margin: 0 auto;
     width: 90%;
     transform: none;
     padding: 30px;
     background: rgba(255, 255, 255, 0.6);
     border-radius: 20px;

}
.product-container .info .editor h2{
     font-size: 40px;
}
.product-container .info .editor li{
	font-size:20px;
}
.contact-container .detail1{
     padding: 60px 0;
	 height:auto;
}
.contact-container .detail1 h2{
     font-size: 36px;
     line-height: 1.2;
     text-align: left;
}
.contact-container .detail1 .info .left{
	width:80%;
	font-size:30px;
	text-align:left;
}
.contact-container .detail1 h3{
     font-size: 30px;
     margin-top: 20px;
}
.contact-container .detail1 ul li{
     flex-direction: column;
     width: 100%;
}
.contact-container .detail1 ul li li{
     margin-top: 30px;
}

.contact-container .detail1 ul li .left{
     width: 100%;
     font-size: 24px;
     margin-bottom: 10px;
}
.contact-container .detail1 ul li .right p{
     font-size: 20px;
}
.contact-container .detail1 ul li .right .add-p{
     font-size: 18px;
}
.contact-container .detail1 ul li .li-left{
	font-size:18px;
}
.contact-container .detail1 ul li .li-left p{
	font-size:18px;
}
.contact-container .detail1 ul li .li-right p{
	font-size:15px;
}

.product-detail-container .info{
     padding:  5% 0;
}
.product-detail-container .info .swiper-slide{
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
}
.product-detail-container .swiper-slide .title{
     position: static;
	 font-size:48px;
     margin: 20px 0;
}
.product-detail-container .swiper-slide img{
     flex: 1;
}


    
   }