@charset "utf-8";
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }

/* box sizing */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
#service #left ul { box-sizing: initial; }

img { max-width: 100%; }

.mobile { display: none; height: 60px; font-size: 18px; background: #eee; }
.mobile span { display: inline-block; padding: 10px 20px; margin: 10px; border: #ccc 1px solid; border-radius: 5px; }
.mobile span a { color: #000; text-decoration: none; }

.mm-menu { background: url(../images/bg.jpg) no-repeat bottom right #fff; border-right: #eee 1px solid; color: #000; }
.slidebars li a { display: block; font-size: 16px; padding: 20px; }
.mm-listview>.lang { border-bottom: #eee 1px solid; }
.mm-listview>.lang>li { float: left; width: 33.3333%; text-align: center; border-right: #eee 1px solid; }
.mm-listview>.lang>li a { color: inherit; }
.mm-listview>.lang>li.active a { background: rgba(231,21,30,.7); color: #fff; }
.mm-listview>li:not(.mm-divider):after { left: 0; }
.mm-listview>li.active { background: rgba(39,110,192,.8); color: #fff; }

.mm-arrow:after, .mm-next:after, .mm-prev:before { border-width: 4px; width: 16px; height: 16px; }

.mm-highest .mm-listview>li.active { background: rgba(13,76,166,.8); color: #fff; }
.mm-listview>li.active .mm-next:before { background: #fff; }
.mm-listview>li.active .mm-arrow:after, .mm-listview>li.active .mm-next:after, .mm-listview>li.active .mm-prev:before { border-color: #fff; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: #000; }

@media (max-width:1000px) {
	#content, #head, #nav, #flash, #message, #company-infor, #productList, .serviceHelp { width: 100%; margin: 0; }
	#flash { height: auto; }
	#flash iframe  { width: 100%!important; display: none; }
	#productList { display: none; }
	#right-message { width: calc(100% - 278px); }

	#service, #companyinfor, #positioninfor { width: 100%; }
	
	#sitemap { width: 80%; margin: 0 10%; }

	/* history */
	#companyintro { width: 100%; height: auto; }
	#left { height: auto; }
	#right { width: 78.3%; height: auto; padding:  0 15px 30px; }
	#companyinfor { height: auto; }
	
	/* service */
	#service #right { width: calc(100% - 217px); }
	.product { width: 33%; margin: 0 0.15% 20px; }
	
	#productinfor { width: 100%; padding-bottom: 30px; }
	#position { width: 100%; height: auto; margin: 0 0 10px; padding: 5px 10px 2px; text-indent: inherit; background: #4d65c7; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
	#productname { width: calc(100% - 320px); height: auto; }
	#feature, #application, #specification { width: 100%; margin: 0; }
	.page { width: 100%; height: auto; }
	.page ul { margin-left: 0; padding-left: 0; }
	.page ul li { display: inline-block; float: none; }
	
	.table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; }
	.table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
	.table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }
	
	/* foot */
	#foot { width: 100%; margin: 0; padding-bottom: 15px; height: auto; }
}
@media (max-width:800px) {
	.mobile { display: block; }
	
	#ziti-zhuanhuan, #left, #nav, #service #left, #left-nav, #service #left { display: none; }
	#right, #service #right, #service #right { width: 100%; float: none; }
	
	/* history */
	#positioninfor { width: 100%; }
}
@media (max-width:640px) {
	/* service */
	.product { width: 48%; margin: 0 1% 20px; }
	/* contact */
	#contact, #contact1 { width: 100%; }
}
@media (max-width:550px) {
	#productimg { float: none; margin: 0 auto 20px; }
	#productname { float: none; width: 100%; }
	#product { height: auto; }
}
@media (max-width:480px) {
	#foot { padding: 20px 15px 15px; }
}
@media (max-width:375px) {
	/* service */
	.product { width: 98%; margin: 0 1% 20px; }
	.mm-listview>.lang>li a { padding: 20px 5px; }
}