@media only screen and (max-width:1700px) {
	.ymx {
    /*width: 17%;*/
    width:32%;

    padding-right: 1%;
    float: left;
		margin-left: auto;
		border-right: 0px;
  
}
	.SubCompany .part1 .instyle{
		/*width:18.4%;*/
        width:14.4%;
	}
}
@media only screen and (max-width:1425px) {
.nav .ina {
    margin-right: 4%;
}.nav .showsearch.active {
    margin-right: -65px;
    margin-left: 104px;
}
}
@media only screen and (max-width:1384px) {
.nav .ina {
    margin-right: 3%;
}.nav .showsearch.active {
    margin-right: -17px;
    margin-left: 104px;
}
}
@media only screen and (max-width:1280px) {
	.nav .ina{
		margin-right: 2%;
	}
	.nav .logo{
		width: 150px;
	}
	.footer .box3{
		margin-left: 20px;
	}
}
@media only screen and (max-width:1106px) {
	.nav .ina{
		margin-right: 1%;
	}
}
@media only screen and (max-width:1180px) {
	.footer .box3:nth-child(7){
		clear: both;
	}
	.contact .part2 .inputbox{
		width: 49.5%;
		box-sizing: border-box;
	}
	.contact .part2 .textareabox{
		width: 100%;
	}
	.contact .part2 .inputbox input{
		max-width: 95%;
	}
.contact .part2 .textareabox textarea{
		max-width: 97%;
		background: none;
	}
	.honnor .part1 .instyle .inpic{
		height: 1.8rem;
	}
}

@media only screen and (max-width:1080px) {
.nav .ina {
    margin-right: 1%;
}
	
}
@media only screen and (max-width:1030px) {
.nav .ina {
    margin-right: 0.4%;
}
}

@media only screen and (max-width:1009px) {
	.nav .showsearch.active .hidesearch{
		width:50px;
	}
	.nav .showsearch.active {
   
    margin-left:63px;
}
}
@media only screen and (max-width:930px) {
.nav .ina {
    margin-right: 0.1%;
}
}
@media only screen and (max-width:915px) {
.nav .ina {
    margin-right: 0%;
	padding: 0 2px;
}
}
@media only screen and (max-width:900px) {
	.ymx {
    width: 25%;
    padding-right: 2%;
}
	.ymxspe2 {

    margin-left: 2%;
   
}
		.ymxspe3 {

    margin-left: 4%;
   
}
	.inproduct{
		float:right;
		width: 72%;
	}
	.ohternav .hoverbox{
		top:32px;
	}
	.ohternav .ina:hover .hoverbox{
		display:none;
	}
	.ohternav .ina.select .hoverbox{
		display:block;
	}
	.nav{
		display: none;
	}
	.mobilenav{
		display: block;
	}
	.container{
		padding-top: .98rem;
	}
	.footer .part1{
		display: none;
	}
	.index .banner .sliders{
		height: 5rem;
	}
	.index .part1 .inleft{
		display: none;
	}
	.index .part1 .left{
		padding-left: 0;
		width: 100%;
		margin-top: .6rem;
		float: none;
		height: auto;
	}
	.index .part1 .right{
		width: 100%;
		max-width: 400px;
		margin: auto;
		float: none;
	}
	
	.index .part1 .more2{
		display: block;
	}
.index .part1 .right img{
	transform: translateX(0) translateY(0);
}
	.index .part1 .text1{
		height: auto;
	}
	.index .part1 .text2{
		margin-top: .3rem;
		height: auto;
	}
	.index .part1 .more{
		margin:.2rem  auto;
	}
	.index .part2 .left{
		position: relative;
		width: 100%;
	}
	.index .part2 .inbox{
		padding-left: 0;
	}
	.index .part2 .left .bottom{
		display: none;
	}
	.index .part2 .toptext{
		height: auto;
		padding: .55rem .4rem;
	}
	.index .part2 .text4{
		height: auto;
	}
	.index .part2 .inslide .smllpic .prev{
		left: 0;
	}
	.index .part2 .inslide .smllpic .next{
		right: 0;
	}
	.index .part3 .left{
		width: 100%;
	}
	.index .part3 .right{
		width: 100%;
		margin-top: .2rem;
	}
	.index .part4 .inbox{
		padding-right: 0;
	}
	.index .part4 .right{
		position: relative;
		height: 2rem;
		width: 100%;
	}
	.index .part4 .inbtn{
		width: 50%;
		float: left;
		height: 2rem;
	}
	.index .part4 .inbtn:after{
		border-top: .3rem solid transparent;
		border-left: .15rem solid transparent;
		border-bottom: .3rem solid #fff;
		border-right: .15rem solid transparent;
		top: -.6rem;
		left: 0;
		right: 0;
		bottom: auto;
	}
	.commonpage .num{
		display: none;
	}
	.commonpage .next,.commonpage .prev{
		margin: 0 .2rem;
		height: calc(20px + .3rem);
		font-size: calc(8px + .08rem);
		line-height: calc(20px + .3rem);
		width: calc(40px + .4rem);
	}
	.ohternav .ina{
		margin: 0 .1rem;
		padding: 0 .15rem;
	}
	
	.SubCompany .part1 .instyle{
		width: 48.5%;
	}
	.SubCompany .part1 .instyle:nth-child(2n){
		margin-right: 0;
	}
.environment .part1 .picbox{
	-webkit-filter:grayscale(0);
	height: 30vw;
}
.environment .part1 .text{
	opacity: 1;
	filter: alpha(opacity=100);
}
.development .timeline{
	display: none;
}
.development .part3 .left{
	display: block;
	height: 3.5rem;
	position: relative;
	width: 100%;
}
.development .part3 .in{
	padding-left: 0;
}
.development .part3 .right .table{
	min-height: 0;
}
.development .part3 .right{
	padding: 0;
	padding-top: .4rem;
}
.development .part3{
	padding-top: .3rem;
}
.introduction .part1 .left{
	width: 80%;
	max-width: 400px;
	margin: auto;
	float: none;
	margin-bottom: .4rem;
}
.introduction .part1 .right{
	width: 100%;
}
.Culture .part1 .left{
	width: 100%;
	float: none;
	padding: 0;
}
.Culture .part1 .right{
	width: 100%;
	float: none;
	margin: auto;
}
.Culture .part1 .imgbox{
	border: 1px solid #fff;
}
.Culture .part1 .imgbox img{
	transform: translateY(0) translateX(0);
}

}
@media only screen and (max-width:750px) {
	html{
		font-size: calc(100vw / 7.5);
	}
	.footer .fullleft{
		width: 100%;
		text-align: center;
	}
	.footer .fullright{
		width: 100%;
		text-align: center;
	}
	.recruit .part1 .searchbox input{
		width: calc(50% - .1rem);
		box-sizing: border-box;
		height: 38px;
	}
	.recruit .part1 td:nth-child(3){
		display: none;
	}
	.recruit_d .part1 td:nth-child(5){
		display: none;
	}
	.recruit_d .part1 td:nth-child(6){
		display: none;
	}
	.recruit_d .part1 .mobile{
		display:table-row;
	}
	.contact .part1 .inbox{
		width: 100%;
		float: none;
		box-sizing: border-box;
		margin-top: .3rem;
	}
	.contact .part1 #map{
		height: 4rem;
		position: relative;
	}
	.contact .part1 .cbox{
		height: auto;
	}
	.contact .part1{
		padding-bottom: .3rem;
	}
	.contact .part2 .inputbox{
		width: 100%;
	}
	.contact .part2 .inputbox input{
		width: 100%;
		height: 35px;
		max-width: 100%;
		box-sizing: border-box;
	}
	.contact .part2 .textareabox textarea {
    max-width: 95%;
	box-sizing: border-box;
	}
	.news .part1 .instyle{
		width: calc(50% - .2rem);
	}
	.news .part1 .instyle:nth-child(3n){
		margin-right: .3rem;
	}
	.news .part1 .instyle:nth-child(2n){
		margin-right: 0;
	}
	.news2 .part1 .instyle{
		padding-left: .24rem;
		height: auto;
		padding-top: 2.5rem;
		margin-bottom: .3rem;
	}
.news2 .part1 .instyle .topimg{
	width: 100%;
	left: 0;
	top: 0;
	height: 2.5rem;
}
.commonnav{
	padding: .2rem 0;
}
.commonnav .lefttext{
	width: 100%;
	margin-bottom: .05rem;
}
.commonnav .righttext{
	width: 100%;
	float: left;
	text-align: left;
}
.Cause .part1 .textbox{
	padding-left: calc(20px + 1.3rem);
}
.Cause .part1 .lefticon{
	width:  calc(20px + 1.3rem);
	margin-top: 0;
	top: .3rem;
}
.honnor .part1 .instyle{
	width: 49%;
	margin-right: 2%;
}
.honnor .part1 .instyle:nth-child(3n){
	margin-right: 2%;
}
.honnor .part1 .instyle:nth-child(2n){
	margin-right: 0;
}

}
@media only screen and (max-width:480px) {
	.news .part1 .instyle{
		width: 100%;
		margin-right: 0 !important;
	}
	.news .part1 .topimg{
		height: 3rem;
	}
	.ohternav .ina{
		margin: 0 .3rem;
	}
	.environment .part1 .picbox{
		height: 50vw;
	}
}