
@media only screen and (max-width:1560px) {
	
}
@media only screen and (max-width:1200px) {
	
.content::before,.menu-wrap{
	display: block;
}
	.footer .part1 .navlist{
		margin-left: 5px;
	}
.banner .slidein{
	height: 4.5rem;
}
.index .part2 .commonpartbox{
	padding-right: 450px;
}
.index .part2 .right{
	width: 400px;
}

.about .part3 .right .textbox{
	padding: 40px 95px 0 95px;
	padding: .4rem .95rem 0 .95rem;
}
.commonnav .p_navbox a{
	padding: 0 20px;
}
#example5 .prev{
	left: 200px;
}
#example5 .next{
	right: 41px;
}

.index .part3 .map{
	display: block;
}
.index .part3 .Marketingmap{
	display: none;
}
}

@media only screen and (max-width:1100px) {
.about .part5 .right{
	width: 400px;
}
.about .part5 .inbox{
	padding-right: 450px;
	height: 456px;
}
.about .part5 .textbox{
	height: 300px;
}
}
@media only screen and (max-width:900px) {
	.about .part5 .inbox{
		padding: 0;
		height: auto;
	}
	.about .part5 .left{
		max-width: 452px;
		margin: auto;
		height: auto;
	}
	.about .part5 .textbox{
		height: auto;
	}
.about .part5 .right{
	width:auto;
	max-width: 100%;
	margin: auto;
	display: block;
	position: initial;
	margin-top: .4rem;
}
	.rightfloat{
		display: none;
	}
	.footer .part1{
		display: none;
	}
	
	.topnav_pc{
		display: none;
	}
	.topnav_mobile{
		display: block;
	}
	.container{
	padding-top: 1rem;
}
.hideimg{
	
	padding-top: 1rem;
}
.footer .part1 .fullleft{
	display: none;
}
.footer .part1 .fullright{
	float: none;
	text-align: center;
	display: block;
}
.footer .part2 .fullleft,.footer .part2 .fullright{
	float: none;
	display: block;
	text-align: center;
}
.banner .slidein{
	height: 4rem;
	background-size: auto 120%;
}
.banner .slidein2{
	background-position:30% 20%;
}
.banner .slidein3{
	background-position: center left 50%;
}

.index .part2 .commonpartbox{
	padding-right: .2rem;
}
.index .part2 .right{
	width: calc( 100% + 170px + .2rem);
	margin-left: -170px;
	margin-top: .4rem;
	position: initial;
}
.index .part6 .instyle{
	width: 100%;
	max-width: 585px;
	margin: auto;
	float: none;
}
.index .part6 .classname{
	margin-top: .2rem;
}
.commonnav .p_navbox a{
	display: none;
}
.commonnav .p_navbox a.active{
	display: block;
	margin: 0;
	width: 100%;
	background-image: url(../images/show.png) ;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center right;
}
.commonnav .p_navbox a.active.nomore{
	background-image: none;
}
.about .part1 .left{
	width: 100%;
	float: none;
	padding-right: 0;
}
.about .part1 .right{
	width: 100%;
	float: none;
	margin-top: .4rem;
}

.about .part1 .textbox{
	height: auto ;
}
.about .part3 .textbox{
	height: auto !important;
	padding-bottom: .6rem !important;
}

.about .part3 .right{
	width: 100%;
	float: none;
	max-width: 600px;
	margin: auto;
	padding-bottom: .4rem;
}
.about .part3{
	height: auto;
}
.about .part3 .left{
	width: 100%;
	float: none;
	max-width: 600px;
	margin: auto;
}

.about .part3 .left .top{
	margin-top: 0px;
}
.about .part4 .commonpartbox2{
	padding: 0 .2rem;
}
.about .part4 .bx-wrapper .bx-controls-direction a{
	display: none;
}
.product_l .part2 .instyle{
	width: 100%;
	margin: 0;
	margin-bottom: .3rem;
}
.product_l .part2 .instyle .table{
	height: 4rem;
}

.commonpage .prev span,.commonpage .next span{
	display: block;
	
}
.commonpage .prev,.commonpage .next{
	background: #434343;
	color: #fff;
	width: 30%;
	max-width: 200px;
	height: calc(25px + .2rem);
	line-height: calc(25px + .2rem);
}
.commonpage .prev:hover, .commonpage .next:hover{
	background: #fe7201;
}
.commonpage .nub{
	display: none;
}
#example5 .next2,#example5 .prev2{
	display: none;
}

.product_d .pmedia{
	padding-right: 0;
}
#example5 .prev{
	left: 1rem;
	margin-top: -46px;
}
#example5 .next{
	right: 1rem;
	margin-top: -46px;
}
.product_d .part1{
}
.product_d .part1 .rightinfo{
	position: relative;
	left: auto;
	top: auto;
	padding: 0 .2rem;
	padding-top: .2rem;
}
.product_d .part1 .intext{
	max-width: 100%;
	margin-bottom: .2rem;
}
.product_d .sp-bottom-thumbnails.sp-has-pointer{
	margin: auto;
	margin-top: .3rem !important;
	text-align: center;
}

#example5 .prev{
	left: 10px;
}
#example5 .next{
	right: 10px;
}
.product_d .part2 td{
	font-size: 12px;
}
.product_d .part2 .tr1 td{
	font-size: 14px;
}
.ohterbanner2 .inbox .left{
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #afa5a0;
	padding-bottom: .4rem;
}
.ohterbanner2 .inbox .right{
	width: 100%;
	padding-top: .4rem;
}
.ohterbanner2 .rightbox{
	text-align: center;
}
.ohterbanner2 .inbox{
	padding: .4rem 0;
}

.leadpage .instyle .logo{
	
	margin-top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.download .downbox .instyle{
	width: 100%;
	margin-right: 0;
}
.hidebigpic .hidein{
	padding-top: 1rem;
	box-sizing: border-box;
}
}
@media only screen and (max-width:720px) {
	.contact .part2 .inputbox{
	width: 100%;
}
.contact .part2 .inputbox2{
	margin: 0;
	margin-bottom: .2rem;
}
.contact .part2 .reset{
	float: left;
}
	.ohterbanner2 .leftbox{
	width: 100%;
}
.ohterbanner2 .leftbox .leftin{
	margin-bottom: .2rem !important;
	line-height: 25px;
	padding-left: 40px;
}
.ohterbanner2 .rightin img{
	max-width: 1.2rem;
}
.ohterbanner2 .inbox{
	position: initial;
	background: #454545;
}
.contact .ohterbanner2  .map{
	height: 4.3rem;
}
.contact #container1{
	height: 4.3rem;
}
.ohterbanner2 .inbox:after{
	content: "";
	display: block;
	clear: both;
}
.ohterbanner2{
	height: auto;
}
.ohterbanner2 .inbox .left{
	padding-bottom: .2rem;
}
.ohterbanner2 .leftin img{
	height: 25px;
}

.banner .slidein3{
	background-position: center left 60%;
}	
.index .part2 .instyle1{
	width:90px;
	background-size: 70px auto;
}
.index .part2 .instyle2{
	width:90px;;
	background-size: 70px auto;

	
}
.index .part2 .commonpartbox{
	padding-left: calc(90px + .2rem);
}

.index .part4 .model{
	display: block;
}
.index .part4 .pc{
	display: none;
}
.index .part4 .bottomname,.index .part4 .img1{
	display: none;
}
.product_d .part3 .instyle{
	width: 100%;
	margin: 0;
	margin-bottom: .2rem;
}
.new_c .part1 .instyle{
	width: 100%;
	margin-right: 0;
}

.index .part2 .right{
	width: calc( 100% + 90px + .4rem);
	margin-left: calc(-90px - .2rem);
	margin-top: .4rem;
	position: initial;
}
}
@media only screen and (max-width:480px) {
	
.banner .slidein{
	height: 4rem;
	background-size: auto 150%;
}
.banner .bx-wrapper .bx-controls-direction a{
	width:25.6px ;
	height: 80px;
	margin-top: -40px;
}
.index .swiper_wrap{
	padding-right: 80px;
	height: 40px;
}
.index .part1{
	line-height: 40px;
	height: 40px;
}
		.index .swiper_wrap ul li{
			height: 40px;
			line-height: 40px;
	font-size: 10px;
		}
.swiper_wrap ul li a{
	padding-right: 60px;
}
.swiper_wrap .more{
	position: absolute;
	right: 0;
	width: 65px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #fff;
	border-radius: 30px;
	color: #fff;
	top: 10px;
	font-size: 10px;
	text-align: center;
	font-family: "宋体";
}
.index .part3 .title{
	font-size: 18px;
	padding-left:40px ;
	background-size: 30px auto;
}
.index .part3 .intitle{
	padding-right:40px ;
	background-size: 30px auto;
}
.contact .part2 .title{
	font-size: 18px;
	padding-left:40px ;
	background-size: 30px auto;
}
.contact .part2 .intitle{
	padding-right:40px ;
	background-size: 30px auto;
}
.index .part6 .smll .toplogo{
	min-height: 10px;
	background-size: auto 100%;
}
.about .abouttitle .chi{
	font-size: 18px;
	line-height: 18px;
}
.about .abouttitle .en{
	font-size: 12px;
	line-height: 12px;
}
.about .part3 .text2{
	font-size: 12px;
	line-height: 30px;
}
.about .part3 .text1{
	font-size: 16px;
}

.about .part3 .right{
	background-size: 480px auto;
}

	.about .part5 .textbox,.about .part2 .textbox,.about .part1 .textbox{
		font-size: 12px;
		line-height: 20px;
	}
	.product_d .part2 .tr1 td{
		font-size: 12px;
	}
	.product_d .part2 .parttitle{
		font-size: 18px;
	}
	.product_d .part3 .parttitle{
		font-size: 18px ;
	}
	.product_d .part3 .parttitle .leftspan{
		font-size: 18px;
	}
	.product_d .part3 .parttitle .inspan{
		margin-left: 0;
		display: block;
		margin-top: .1rem;
	}
	.new_c .part1 .instyle .title{
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}
	.new_d .part1 .textbox{
		font-size: 12px;
	}
	.new_d .part1 .control .inmenu{
		clear: both;
	}
	.new_d .part1 .control{
		height: 1.5rem;
	}
	.new_d .part1 .control .prev{
		max-width: 49%;
		padding-left: 25px;
		background-size: 20px;
		font-size: 10px;
	}
	.new_d .part1 .control .next{
		max-width: 49%;
		padding-right: 25px;
		background-size: 20px;
		font-size: 10px;
	}
	.new_d .part1 .control .inmenu{
		width: 20px;
		height: 20px;
		background-size: cover;
	}
	.leadpage .left .inbtn{
		font-size: 16px;
	}
	.leadpage .right .inbtn{
		font-size: 16px;
	}
	.leadpage .logo{
		font-size: 14px;
		line-height: 20px;
	}
	.download .downbox .miantext{
		padding-left: 60px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.download .downbox .leftimg{
		width: 30px;
		top: 8px;
	}
	.download .downbox .instyle{
		height: 50px;
	}
	.download .downbox .instyle .left{
		height: 50px;
		line-height: 50px;
	}
	.download .downbox .toptext{
		line-height: 20px;
		height: 20px;
	}
	.download .downbox .bottomtime{
		line-height: 20px;
		background-size: 15px;
		padding-left: 20px;
		height: 20px;
	}
	.download .downbox .right{
		background-size: 16px;
	}
	.index .part6 .smll{
		width: 100%;
		display: block;
		margin-bottom: .3rem;
	}
	.index .part6 .smll .boxintext{
		height: 72px;
	}
}