
@media only screen and (max-width:1400px) {
	.banner .slide{
		height: 50vw;
	}
}
@media only screen and (max-width:1200px) {
	.Exhibition .part1 .instyle{
		width: 31.33%;
	}
	.index .part1 .instyle.instyle2{
		height: 5rem;
	}
}

@media only screen and (max-width:1100px) {

.topnav .inlink{
	padding:0 8px;
}
.topnav .language{
	margin-left: 8px;
}

.Contact .part1{
	background-size: 5rem;
}
}
@media only screen and (max-width:900px) {
	.topnav{
		background: #0b0b0b; 
	}
	.mian{
		padding-top: calc(45px + .45rem);
	}
	.menu{
		display: block;
	}
	.topnav .inlink{
		display: none;
	}

    .About .part1 .rightpic {
        /*display: none;*/
        display: block;
        position: initial;
        height: 5rem;
        width: 100%;
    }
.About .part1 .textbox{
	width: 100%;
	padding-top: .2rem;
}
.About .part2{
	width: 100%;
}

.About .part2 .textbox{
	position: relative;
	max-width: 100%;
	margin: auto;
	right: 0 !important;
	top: auto;
}
.About .part1 .textbox{
	padding-bottom: 0;
}
.About .part2 .videobox{
	height: 5rem;
}
.commonpage .inbtn{
	display: none;
}
.commonpage .prev,.commonpage .next{
	display: inline-block;
}
.Honor .part1 .inbox{
	width: 100%;
}
.Honor .part1 .instyle{
	width: 49%;
	margin-left: 2%;
	margin-right: 0;
}
.Honor .part1 .instyle:nth-child(5n+1){
	clear: none;
}
.Honor .part1 .instyle:nth-child(odd){
	clear: both;
	margin-left: 0;
}
	.Exhibition .part1 .instyle{
		width: 48%;
	}
	.Exhibition .part1 .picbox{
		height: 2.2rem;
	}
	.Exhibition_d .part2 .instyle{
		width: 48%;
	}
	.Exhibition_d .part2 .instyle:nth-child(3n){
		display: none;
	}
	.Support .part1 .inlink{
		width: 98.5%;
		margin-bottom: .2rem;
	}
	.Support .part1 .text2{
		min-height: 0;
	}
	.Contact .part3{
		padding-right: 0;
	}
	.Contact .part3 .left{
		padding-right: 0;
	}
	.Contact .part3 .right{
		position: relative;
		width: 100%;
		height: 3rem;
		right: auto;
		top: auto;
		margin-bottom: .5rem;
	}
	.index .part1 .instyle{
		width: 98%;
	}
	.index .part1 .instyle{
		height: 40vw;
	}
	.index .part1 .picbox{
		width: 40vw;
	}
	.index .part1 .instyle.instyle2{
		width: 48%;
		height: 5.5rem;
	}
	.index .part2 .playvideo{
		position: relative;
		width: 46px;
		margin-left: .2rem;
	}
	.ohterbanner{
		height: 4.76rem;
	}
	.ohterbanner table{
		height: 4.76rem;
	}
	.About .part3 .instyle{
		width: 100%;
	}
	.About .part2 #mediaplayer_display_button_play{
		transform: none;
	}
	.Contact .part1 td{
		display: block;
		border-right: 0;
		margin-top: .3rem;
	}
	.ohterbanner .bannertext{
		max-height: .57rem;
	}
	.Exhibition .part1 .text{
		height: auto;
	}
	.Exhibition_d .part2 .text{
		height: auto;
	}
}
@media only screen and (max-width:720px) {
	html{
		font-size: calc(100vw / 7.2);
	}
	
	.index .part2 .textbox{
		width: 88%;
		margin: auto;
		float: none;
	}
	.index .part2 .bottom .table{
		padding-top: 1rem;
	}
	.Product_d .part3 .left{
		width: 100%;
	}
	.Product_d .part3 .right{
		width: 100%;
		padding: 0;
	}
}
@media only screen and (max-width:600px) {
	
}
@media only screen and (max-width:480px) {
	.index .part2 .inbtn{
		width: 100%;
		margin-bottom: .2rem;
	}
	.index .part2 .top{
		width: 100%;
	}
	.Exhibition .part1 .time,.Exhibition_d .part2 .time{
		position: relative;
		width: 100%;
		top: auto;
	}
	.Exhibition .part1 .text,.Exhibition_d .part2 .text{
		padding-right: 0;
	}
}
@media only screen and (max-width:400px) {
	
}