@media only screen and (max-width:1560px) {
	
}
@media only screen and (max-width:1200px) {
	.topnav_pc .rightnav a{
		margin-left: 1.4%;
	}
	.footer .part1 .rightnav{
		width: 70%;
	}
	.index .part2 .lefttext{
		position: relative;
		margin: auto;
		max-width: 90%;
		left: auto;
		top: auto;
		display: block;
		text-align: center;
		margin-bottom: .4rem;
	}
	.index .part2 .rightbox{
		width: 25%;
		margin: 0;
	}
	
.guest #LoopDiv{
	max-height: 450px;
}
.compinfo .part1 .rightimg{
	width: 400px;
}
.compinfo .part1 .textbox{
	padding-right: 450px;
}
.compinfo .part1 .lefttext{
	height: 390px;
}
.compinfo .part2 .inbox{
	padding-right: 52%;
}
.compinfo .part2 .videobox{
	width: 48%;
}
.p_detail .part1 .text4 td{
	min-width: auto;
	width: 50%;
}
.p_detail .part1 .text4 table{
	width: 100%;
}
.videos .videobox{
	padding-right: 300px;
}
.videos .videobox .rightlistbox{
	width: 255px;
}
.contact .part2 .text2{
	font-size: 14px;
	font-size: calc(10px + .04rem);
}
}

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

}
@media only screen and (max-width:900px) {
	.rightfloat{
		display: none;
	}
.compinfo .part2 .inbox{
	padding-right: 0;
}
.compinfo .part2 .videobox{
	width: 100%;
	height: 4rem;
	position: relative;
	margin-top: .4rem;
}
	.compinfo .part1 .rightimg{
		position: relative;
		left: auto;
		top: auto;
		margin: auto;
		width: auto;
		display: block;
		max-width: 100%;
		margin-bottom: .4rem;
	}
	.compinfo .part1 .textbox{
		padding-right: 0;
	}
	.compinfo .part1 .lefttext{
		padding-right: 0;
		height: auto;
		line-height: 24px;
		font-size: 12px;
	}
	
.index .part3 .instyle .inmore{
	background: url(../images/icon16-2.png) no-repeat center left;
}
.index .part3 .instyle{
	border: 1px solid #333436;
}
.index .part3 .instyle .textbox{
	background: #333436;
}
.index .part3 .instyle .text1{
	color: #fff;
}
.index .part3 .instyle .text2{
	color: #dfdfdf;
}
.index .part3 .instyle .tricon{
	opacity: 1;
	filter: alpha(100);
}
	
	.index .part2 .rightbox{
		width: 50%;
		margin-bottom: .2rem;
	}
	 .container{
		padding-top: .75rem;
	}
	.footer .part1 .rightnav{
		width:.8rem;
	}
	.footer .part1 .totop{
		
		background-size: .41rem auto;
	}
	.footer .part1 .innav{
		display: none;
	}
	.commonpage .num{
		display: none;
	}
	.commonpage{
		text-align: center;
	}
	.commonpage .prev{
		display: inline-block !important;
		width: 30%;
		max-width: 100px;
		border: 1px solid #999;
	}
	.commonpage .next{
		display: inline-block !important;
		width: 30%;
		max-width: 100px;
		border: 1px solid #999;
	}
.topnav_mobile{
	display: block;
}

.content::before,.menu-wrap{
	display: block;
}
.topnav_pc{
	display: none;
}
.banner{
	background-position: center right 20%;
}
.index .part1 .m_nav{
	display: block;
}
.index .part1 .topnav{
	position: relative;
	
}
.index .part1 .p_nav{
	overflow: hidden;
	width: calc(100% + .4rem);
	margin-left: -.2rem;
	white-space: nowrap;
	height: calc(20px + .16rem);
	font-size: 0;
}
.index .part1 .rightpoint{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: calc(20px + .16rem);
}
.index .part1 .p_nav .innav{
	width: 100%;
	max-width: 100%;
	font-size: 14px;
}
.index .part1 .m_nav .innav{
	width: 100%;
	max-width: 100%;
	display: block;
	border: 0px;
}
.index .part1 .m_nav{
	height: 0;
	overflow: hidden;
	width: calc(100% + .4rem);
	margin-left: -.2rem;
}
.index .part1 .m_nav .innav.active{
	height: 0;
	padding: 0;
}
.index .part1 .instyle{
	width: 48%;
	margin-bottom: .2rem !important;
}
.index .part4 .lefttext{
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	height: auto;
	padding-right: .2rem !important;
	padding-left: .2rem !important;
	padding-bottom: .6rem;
}
.index .part4{
	height: auto;
	padding-top: .4rem;
}
.index .part4 .showvideo{
	float: none;
	margin-top: .4rem;
	width: 100%;
	height: 5rem;
}
#mediaplayer_display_button_play{
		background:url(../images/play.png) center no-repeat !important ;
		width: .99rem !important;
		height: .99rem  !important;
		background-size: contain !important;
	}
	.index .part4 .more{
		margin: auto;
		margin-top: .25rem;
	}
	.index .part5 .instyle{
		width: 49%;
		margin-bottom: .2rem;
	}
	.index .part5 .topnav .inav{
		width: 140px;
	}
.index .part5 .topnav .inav:hover{
	color: #3d3d3d;
	background: #fff;
	border: 1px solid #dcdcdc;
}
.index .part5 .topnav .inav.active{
	color: #fff;
	background: #F36F20;
	border: 1px solid #F36F20;
}
.index .part5 .instyle:hover .topimg{
	height: 197px;
}
.index .part5 .instyle:hover .time{
	color: #b7b7b7;
}
.index .part5 .instyle:hover .line{
	height: 0px;
	margin: 0;
}
.index .part5 .instyle:hover .hideimg{
	height: 0;
	padding-top: 0px;
}
.index .part5 .instyle:hover .text1{
	margin-top: .25rem;
}
.aboutnav .innavbox{
	width: 100%;
	padding-right: 0;
	min-width: 0;
	background: url(../images/icon9.png) no-repeat center right;
	background-size: contain;
}
.aboutnav .innavbox .innav{
	border-bottom: 0px !important;
	display: block;
	width: 100%;
	text-align: center;
	display: none;
	margin: 0;
}
.aboutnav .innavbox .innav.active{
	display: block;
}
.aboutnav{
	width: 100%;
	height: auto;
}
.aboutnav .inbox{
	width: 100%;
	position: relative;
	height: auto;
}
.aboutnav .m_innav{
	display: block;
}

.guest #LoopDiv{
	max-height: 4rem;
}

.guest .scrollbar{
	display: none;
}
.pinfo .part1 .instyle{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: .4rem;
}
.pinfo .part1 .instyle .img{
	position: relative;
	width: 100%;
	height: 4rem;
}
.pinfo .part1 .instyle .text{
	padding: .2rem;
	padding-bottom: .4rem;
	height: auto;
}
.pinfo .part1 .instyle .detailinfo{
	height: auto;
	line-height: 24px;
	font-size: 12px;
}
.aboutnav .innavbox:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: .8rem;
	
}
.honnor .part1 .instyle{
	width: 48%;
}
.mCSB_container{
	margin-right: 20px;
}
.p_detail .part1 .left{
	width:100%;
	float: none;
	
}
.p_detail .part1 .right{
	width:100%;
	float: none;
	padding: 0;
	height: auto;
	padding-bottom: 120px;
}
.p_detail .part1 .rightcontrol{
	width: 100%;
	top: auto;
	bottom: 10px;
	height: auto;
	padding: 0 30px;
}
.p_detail .part1 .slider2 .slide{
	height: 4rem;
}
.p_detail .rightcontrol .bx-wrapper .bx-prev{
	top: 30px;
	left: -70px;
	transform: rotate(-90deg);
}
.p_detail .rightcontrol .bx-wrapper .bx-next{
	top: 30px;
	right: -70px;
	left: auto;
	transform: rotate(-90deg);
}
.p_detail .part1 .text4{
	padding-right: 0;
}
.p_detail .part2 .top{
	overflow: auto;
}
.p_detail .part2 .top table{
}
.zoomdiv,.jqZoomPup{
	display: none !important;
}
.videos .videobox{
	padding-right: 0;
}
.videos .videobox .rightlistbox{
	position: relative;
	height: auto;
	width: 100%;
	white-space: nowrap;
}
.videos .videobox .instyle{
	display: inline-block;
	margin-right: .2rem;
	width: 2rem;
	margin-bottom: 0;
	margin-top: .2rem;
}
.videos .videobox{
	height: auto;
}
.p_list .liststyles .instyle .imgbox{
	height: 130px;
}
.p_list .liststyles .in{
	padding: .2rem;
}
.download .instyle{
	width: 100%;
	margin: auto;
	margin-bottom: .3rem;
}
.news .index .part5 .instyle{
	width: 48%;
}
.news .index .part5 .instyle .hideimg{
	padding-top: 0 !important;
}
.marketing .box1 {
	padding-left: 0px;
}
.marketing .box1 .left{
	width: 100%;
	position: relative;
	left: auto;
	top: auto;
}
.marketing .box1 .right{
	width: 100%;
	height: 5rem !important;
}
.contact .map .micon{
	display: block;
}
.contact .part2 .instyle{
	width: 50%;
}
.pclass .instyle{
	min-width: 160px !important;
}
}
@media only screen and (max-width:720px) {
	.marketing .box1 .right{
		display: none;
	}
	.environment .inbox{
		width: 100%;
	}
	.environment .inbox .instyle{
		width: 100%;
		margin: auto;
		margin-bottom: .2rem;
	}
	.banner .text1{
		font-size: .5rem;
		line-height: .65rem;
	}
	.p_detail .part2 .rightsearch{
		width: 100%;
		float: none;
	}
	.p_list .liststyles .instyle{
		width: 50%;
	}
	.p_list .liststyles .instyle .imgbox{
		height: 200px;
	}
	.news_d .part1 .title{
		padding-right: 0;
	}
	.news_d .part1 .righticon{
		position: relative;
		top: auto;
		right: auto;
		display: inline-block;
		margin-right: .2rem;
		width: calc(20px + .2rem);
		height: calc(20px + .2rem);
		background-size: calc(20px + .2rem);
	}
	.news_d .part1 .rightbox{
		display: block;
	}
	.order .part1 .left{
		width: 100%;
		float: none;
		margin: auto;
		margin-bottom: .4rem;
	}
	.order .part1 .right{
		width: 100%;
		float: none;
		margin: auto;
	}
	.contact .part3 .inputbox{
		width: 100%;
		float: none;
		margin: auto;
		margin-top: .2rem;
	}
}
@media only screen and (max-width:480px) {
	.contact .part3 .submit{
		width: 100%;
	}
	.p_detail .part1 .right{
		padding-bottom: 10px;
	}
	.p_detail .part1 .rightcontrol{
		display: none;
	}
	.dhistory .timestyle{
		width: 130px;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
	.index .part5 .instyle{
		width: 100%;
		margin: auto !important;
		margin-bottom: .2rem !important;
		float: none;
	}
.honnor .part1 .inbox{
	width: 100%;
}	
.honnor .part1 .instyle{
	width: 100%;
	margin-bottom: .4rem;
}
.honnor .part1 .commonpage{
	padding-top: .2rem;
}
.index .part1 .slidein{
	width: 100%;
}
.index .part1 .instyle{
	width: 100%;
	margin: auto !important;
	margin-bottom: .2rem !important;
}
.videos .part2 .inbox{
	width: 100%;
}
.videos .part2 .instyle{
	width: 100%;
	margin: auto;
	margin-bottom: .2rem;
}

	.p_list .liststyles .instyle{
		width: 100%;
	}
	.p_list .liststyles .instyle .imgbox{
		height: 200px;
		background-size: contain !important;
	}
	.pclass .instyle .img{
		height: 50px;
		background-size: 35px;
	}
	.pclass .instyle .chi{
		font-size: 14px;
		line-height: 20px;
	}
	.news .index .part5 .instyle{
		width: 100%;
	}
	.news .part1 .part5{
		width: 100%;
	}
	.news_d .controlbox .back{
		position: relative;
		right: auto;
		top: auto;
		margin: auto;
		height: 30px;
		line-height: 30px;
		margin-top: .2rem;
	}
	.news_d .controlbox{
		padding: .5rem 0;
	}
	.news_d .controlbox .next{
		position: relative;
		margin: auto;
		top: auto;
		width: 100%;
		max-width: 100%;
		text-align: center;
		display: block;
	}
.contact .part2 .instyle{
	width: 100%;
	height: auto;
	padding-bottom: .4rem;
}
.pclass .instyle{
	min-width: 160px !important;
}
}