@media only screen and (max-width:1560px) {
	
}
@media only screen and (max-width:1200px) {
	.index-part1 .instyle{
		width: 25%;
	}
	.index-part1 .inbox .instyle:nth-child(5):before{
	content: "";
	display: block;
	width: 1px;
	height: 58px;
	height: calc(20px + .38rem);
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 0;
}
.product-list .inbox .instyle{
	width: 50%;
}
}

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

}
@media only screen and (max-width:900px) {
	
.topnav_mobile{
	display: block;
}

.content::before,.menu-wrap{
	display: block;
}
.topnav_pc{
	display: none;
}
.container{
	padding-top: .75rem;
}
/*.totop{
	display: none;
}*/
.productD-part1 .left{
	width:100%;
	float: none;
	
}
.productD-part1 .right{
	width:100%;
	float: none;
	padding: 0;
	height: auto;
	padding-bottom: 120px;
}
.productD-part1 .rightcontrol{
	width: 100%;
	top: auto;
	bottom: 10px;
	height: auto;
	padding: 0 30px;
}
.productD-part1 .slider2 .slide{
	height: 4rem;
}
.productD-part1 .rightcontrol .bx-wrapper .bx-prev{
	top: 30px;
	left: -70px;
	transform: rotate(-90deg);
}
.productD-part1 .rightcontrol .bx-wrapper .bx-next{
	top: 30px;
	right: -70px;
	left: auto;
	transform: rotate(-90deg);
}
.productD-part1 .left .table{
	min-height: 0;
}
.history .timebox{
	display: none;
}
.historybox .toptext{
	position: relative;
	padding-left: .45rem;
	padding-right: .45rem;
	padding-top: .3rem;
	padding-bottom: .3rem;
}
.historybox .toptext .lefttime{
	position: relative;
	left: auto;
	top: auto;
	font-size: 1rem;
	line-height: 1.2rem;
}
.historybox .toptext .table{
	min-height: 0;
}
.historybox1 .inbox{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.historybox2 .pic1{
	position: absolute;
	bottom: .5rem;
	top: auto;
}
.historybox3 .inbox{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.historybox6 .inbox .coversize{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.historybox5 .inbox{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.about-part3 .instyle{
	width: 50%;
}

.about-part6 .instyle{
	width: 50%;
}
.about-part6 .instyle:nth-of-type(2n+1){
	clear: both;
}

.about-part7 .inbox .instyle{
	width: 48%;
}
.contact-part1 .left{
	width: 100%;
}
.contact-part1 .right{
	width: 100%;
	margin-top: .4rem;
}
.productD-part1 .prevpage,.productD-part1 .nextpage{
	display: none;
}
}
@media only screen and (max-width:720px) {
	html{
		font-size: calc(100vw / 7.2);
	}
	
.index-part2 .inbox .left{
	width: 100%;
}
.index-part2 .inbox .right{
	width: 100%;
}
.index-part3 .inbox{
	padding-left: 0;
}

.index-part3.smll .left{
	padding-left: .5rem !important;
	width: 100%;
	position: relative;
	height: 4rem;
	margin-left: -.25rem !important;
	margin-bottom: .25rem;
}
.product-list .inbox .instyle{
	width: 100%;
}

.product-list .name{
	top: 4.5rem;
}
.about-part4 .instyle{
	width: 100%;
	margin-right: 0;
	margin-top: .3rem;
}
.about-part4 .inbox{
	width: 100%;
	margin-top: .2rem;
}
.banner{
	margin-top: .2rem;
}
.index-part2 .text1{
	margin-bottom: .3rem;
}
.index-part1{
	margin-top: .9rem;
}
.index-part2{
	margin-top: .6rem;
}
.index-part2 .text1{
	line-height: calc(15px + .21rem);
}
.index-part2 .text3{
	line-height: calc(16px + .1rem);
}
/*.banner .slide{
	overflow: hidden;
}
.banner .bx-wrapper img{
	max-width: 146%;
	margin-left: -23%;
}*/
}
@media only screen and (max-width:480px) {
	.productD-part1 .right{
		padding-bottom: 10px;
	}
	.productD-part1 .rightcontrol{
		display: none;
	}
	.productD-part1 .bx-controls-direction,.productD-part1 .bx-controls{
		display: block;
	}
	.productD-part1 .bx-wrapper .bx-controls-direction a{
		height: .6rem;
		width: .3rem;
		margin-top: -.3rem;
	}
	.productD-part1 .bx-wrapper .bx-prev{
		background: url(../images/prev4.png) no-repeat center;
		background-size: contain;
		transform: rotate(-90deg)
	}
	.productD-part1 .bx-wrapper .bx-next{
		background: url(../images/next4.png) no-repeat center;
		background-size: contain;
		transform: rotate(-90deg)
	}
	.historybox1 .pic1{
		width: 100%;
	}
	.historybox1 .pic2{
		width: 100%;
		margin-top: .3rem;
	}
	.historybox3 .pic1{
		width: 51%;
	}
	.historybox3 .pic2{
		width: 44.3%;
		margin-left: 4%;
		margin-right: 0;
	}
	
	.historybox3 .pic3{
		width: 100%;
		clear: both;
		margin-top: .25rem;
	}
	.historybox5 .pic1{
		width: 100%;
	}
	.historybox5 .pic2{
		width: 100%;
		margin-top: .3rem;
	}
	.historybox6 .pic1{
		width: 100%;
	}
	.historybox6 .pic2{
		width: 100%;
		margin-top: .3rem;
	}
	.about-part2 .instyle{
		width: 100%;
		margin-bottom: .2rem;
	}
.about-part3 .instyle{
	width: 100%;
}
.about-part6 .instyle{
	width: 100%;
}
}