@media screen and (max-width:1700px){
	
}
@media screen and (max-width:1450px){
	
}
@media screen and (max-width:1350px){
	
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1100px){
	
}
@media screen and (max-width:900px){
	.showBox{
		margin-top: 50px;
	}
	.tid-desc{
		-webkit-line-clamp: 2;
		margin-top: 0;
	}
	.pro-desc{
		width: 80%;
	}
}
@media screen and (max-width:1024px){
	
}
@media screen and (max-width:861px){
	.showBox{
		padding: 20px;
	}
	.albumBox{
		width: 50%;
	}
	.picBox{
		background: none !important;
		background-attachment: initial !important;
		height: auto !important;
	}
	.picBox img{
		display: block;
	}
	.picItem{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.picCon{
		position: initial;
	}
	.levBox .indexItem{
		width: 100%;
	}
}
@media screen and (max-width:751px){
	.tidImg,.tidCon{
		width: 100%;
	}
	.tid-more{
		position: initial;
		margin-top: 20px;
	}
	.proList{
		width: 50%;
	}
	.proImg{
		position: initial;
	}
	.proCon{
		position: initial;
		opacity: 1;
		visibility: visible;
		transform:translateY(0);
		padding: 10px 10px;
	}
	.proCon-box{
		opacity: 1;
		visibility: visible;
		transform:translateY(0);
	}
	.proMore{
		display: none;
	}
}
@media screen and (max-width:641px){
	.desc-box{
		width: 90%;
	}
	.picBox{
		height: 240px;
	}
	.pic-title{
		font-size: 1.2rem;
	}
	.lev-list{
		width: 50%;
	}
	.lav-nav{
		text-align: center;
	}
	.about-page{
		margin: 100px auto 50px;
	}
	.page-more{
		top: -40px;
	}
	.moreItem{
		width: 80px;
		height: 80px;
	}
	.moreItem i{
		font-size: 16px;
	}
	.videoImg{
		width: 100%;
	}
	.videoBox{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.videoBox video{
		height: auto;
	}
	.tidtop{
		width: 100%;
	}
	.tidtop:nth-child(1){
		margin-bottom: 20px;
	}
	.tidbot-list{
		flex-wrap: wrap;
	}
	.t-bot-img{
		width: 100%;
	}
	.t-bot-con{
		margin-left: 0;
		padding: 20px 10px;
	}
	.t-bot-con .moretid{
		position: initial;
	}
	.pro-desc{
		width: 100%;
	}
	.contactBox{
		flex-wrap: wrap;
	}
	.contact-l,.contact-r{
		width: 100%;
	}
	.contact-r,.contact-code{
		position: initial;
	}
	.codeIco{
		margin: auto;
	}
}
@media screen and (max-width:520px){
	
}
@media screen and (max-width:481px){
	
} 
@media screen and (max-width: 450px){
	.picBox{
		height: 200px;
	}
	.picCon{
		padding: 10px 20px;
	}
	.num{
		font-size: 20px !important;
	}
	.page-desc{
		padding: 10px;
	}
	.about-page{
		padding: 60px 0px;
	}
	.desc-box{
		width: 100%;
	}
	.albumBox{
		width: 100%;
		padding: 0px;
	}
	.proList{
		width: 100%;
		padding: 0;
	}
}
@media screen and (max-width: 350px){
}