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

@media only screen and (max-width: 1440px) {
 
}

@media only screen and (max-width: 1366px) {
 
}

@media only screen and (max-width: 1199px) {
		#cursor{
		display: none;
	}
	.grid li{
		width: 31.33%!important;
		margin: 1%!important;
	}
    .projects .article .txt{
        padding: 2%;
    }
    .projects .article .txt h2{
        font-size: 18px;
    }
    .projects .article .txt ul li{
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 959px) {
    .okayNav{
        display: none;
    }
    #header{
        padding: 12px 2%;
    }
    .header_logo{
        height: 44px;
        width: 120px;
    }
    .baise .header_logo{
        height: 44px;
        width: 120px;
    }
    .sw-btn{
        top: 12px;
        right: 90px;
    }
    .baise .menuBtn.on em{
        background: #fff;
    }
    .header_logo img{
        display: none;
    }
  .menuBtn {
    position: fixed;
    display: block;
    z-index: 999;
  }
    .footer p{
        font-size: 12px;
        margin: 0;
    }
    .banner .txt{
        margin-top: 50%;
        margin-left: 5%;
        width: 90%;
    }
    .banner .txt h2{
        font-size: 28px; 
        margin-bottom: 20px;
    }
    .banner .txt h2 em{
        margin-top: 10px;
        display: block;
        font-size: 36px;
        line-height: 36px;
    }
    .banner .txt p{
        font-size: 22px;
        margin-bottom: 30px;
        font-weight: bold;
    }
    .banner .txt p a{
        font-size: 16px;
        line-height: 60px;
        height: 60px;
        padding: 0 60px;
    }
	.button{
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}
	.banner .txt a .more{
		width: 18px;
		height: 18px;
	}
	.about-1, .about-2, .about-3, .about-4{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgb(255 255 255 / 20%);
	}
	.about-2 h2, .about-3 h2, .about-4 h2{
		margin-bottom: 10px;
		font-size: 18px;
	}
	.about-1{
		margin-bottom: 15px;
	}
	.about{
		padding: 20% 4%;
	}
	.about-1 h3{
		font-size: 16px;
	}
	.about-1 p{
		font-size: 14px;
	}
	.about-2 li{
		font-size: 14px;
	}
	.about-3 p, .about-4 p{
		font-size: 12px;
	}
	.projects{
		position: relative;
		overflow: auto;
	}
	.owl-carousel{
		transform:none;
		position: relative;
		top: 0px;
		padding: 20% 3% 20% 3%;
		left: 0;
	}
	.owl-carousel .owl-stage{
		width: 100%!important;
		transform:none!important;
	}
	.owl-carousel .owl-item{
		width: 48%!important;
		margin: 1%!important;
	}
	.projects .article{
		border-radius: 16px;
	}
	.projects .article .txt ul{
		display: none;
	}
	.projects .article .txt{
		padding: 2% 3%;
        text-align: center;
	}
	.projects .article .txt h2{
		font-size: 14px;
        float: none;
	}
	.owl-controls{
		display: none;
	}
	.projects-de{
		padding: 30% 4% 30% 4%;
	}
	.projects-de .tit h2{
		font-size: 22px;
	}
	.projects-de .tit li{
		font-size: 12px;
		padding: 4px 12px;
	}
	.projects-de .fanhui{
		display: none;
	}
	.grid li{
		width: 48%!important;
		margin: 1%!important;
	}
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
	.footer{
		padding: 2% 3%;
		backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
		background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9));
	}
	#scrollUp{
		bottom: 60px;
	}
	.assets{
		padding-bottom: 30%;
	}
	.assets-tab{
		margin-bottom: 10px;
		padding-top: 30%;
		margin-top: 0;
	}
	.assets-tab li{
		margin:5px;
	}
	.assets-tab li a.cur{
		background: #fff;
		padding: 10px 15px 10px 15px!important;
		border-radius: 8px;
		color: #101010;
	}
    .baise .assets-tab li a.cur{
        background: #101010;
        color: #fff;
    }
	.assets-tab li a i{
		display: none;
	}
  .grid li{
		width: 98%!important;
		margin: 1%!important;
	}
	.grid li h3{
		font-size: 14px!important;
	}
	.assets-button a{
		    padding: 0px 10px!important;
		height: 36px!important;
		line-height: 40px!important;
	}
/*	.assets-button{
		margin-top: 0!important;
		opacity: 1!important;
		top: 10px!important;
		right: 10px!important;
	}*/
	.assets-button a.chakan{
      background: rgb(144 117 255 / 100%)!important;
	}
	.assets-button a.xiazai {
    background: rgb(17 201 147 / 100%)!important;
}
	.assets-button a{
		font-size: 12px!important;
	}
	.assets-tab li a{
		font-size: 14px!important;
		padding: 10px 15px 10px 15px!important;
    border-radius: 8px!important;
	}
		.owl-carousel .owl-item{
		width: 98%!important;
		margin: 1%!important;
	}
		.owl-carousel{
		padding: 30% 3% 30% 3%;
	}
	
}

@media only screen and (max-width: 600px) {
 .sw-btn{
        top: 10px;
        right: 80px;
    }
    #header{
        padding: 5px 2%;
    }    
  
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
 
}

@media only screen and (max-width: 360px) {
   
}