@media screen and ( max-width: 1680px ) {
	
	.bannerwz { top:16%;}
.bannertitle { font-size:50px;}
.bannertext b { font-size:24px;}
	
	}
@media screen and ( max-width: 1440px )  {
	.bannerwz { top:10%;}
.bannertitle { font-size:48px;}
	}
@media screen and ( max-width: 1280px )  {
	.bannerwz { top:10%; width:55%; left:22%;}
	}

@media screen and ( max-width: 1024px )  {
	.bannerwz { padding:2em;}
	}
 /* 1000 */@media screen and ( max-width: 980px )  {
#nav {
	width: 100%;
	position: static;
	margin: 0;
	text-align: center;
}

}
@media screen and ( max-width: 860px )  {
	
.bannertitle { font-size:36px;}
.bannertext b { font-size:20px; line-height:26px;}
#nav > ul > li {
	height: 100%;
	float: left; padding:2px 0.5em;
}
}
@media screen and ( max-width: 768px )  {
.bannerwz { position:inherit; width:90%; padding:5%; text-align:center; left:0; top:0;}
.bannertext { text-align:center;}
}
@media screen and ( max-width: 720px )  {
#nav > ul > li {
	height: 100%;
	float: left; padding:2px 0.35em;
}
}
 /* 640 */@media screen and ( max-width: 640px )  {
html {
	/*font-size: 75%;  12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto;
}
#nav > a {
	width: 3.125em; /* 50 */
	height:2.75em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ffc90e;
	position: relative;
}
#nav > a:before,  #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type,  #nav:target > a:last-of-type {
	display: block;
}
/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul {
	display: block; z-index:999999999; background:#3dce18;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 6px 10px; /* 15 (20) */ line-height:18px;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #eee;
}
/* second level */
#nav li:not( :first-child ):hover ul {
	left: 0px;width:100%;
}
#nav li ul {
	position: static;
	padding: 1.25em 0.75em; /* 20 */
	padding-top: 0; width:100%;
}
}



/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1120px) {

	/* pagewrap */
	.wrap {
		width: 99%;
		max-width:1120px;
	}
/*.flexslider .slides li { height:280px;}*/
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1024px) {

	/* pagewrap */
	.wrap {
		width: 98%;
		max-width:1000px;
	}
	.inapplist { width:22.75%;}
#topsoc { padding-top:1.5em;}
.incabox { max-height:inherit;}
/*.flexslider .slides li { height:240px;}*/
.excel { overflow: scroll; max-width:100%;}
.excel table { min-width:inherit;}
#procate { }
}


/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {

.tsinput {width:60%;}
.inrlprolist ul li {width:47.5%;}
/*.flexslider .slides li { height:200px;}*/
}
@media screen and (max-width: 768px) {	
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {

/*.flexslider .slides li { height:150px;}*/

#intel { width:25%; font-size:1em;}
#insear span { font-size:1em; display:block; padding:0px 3px;}	
#botlx h2 { font-size:1.35em; line-height:1em;}
#rtopl { width:20%}
.rtop { height:auto;}
#rtopl {width:98%;}
#rtopsear {width:100%;}
#rtopsear span {padding:0px;} 
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
.marketslbox { padding:0 0px;margin:0;}
.marketslist {
	width: 39%;}
#ztsearch {
  padding-top: 0px;float:right;
}
#zttopr {
  width: 90%;
}
	#ztlogo{
	width: 100%;	
	display: grid;
  place-items: center; /* 水平垂直居中 */
  height: 70px; /* 容器的高度 */}
.row-cols-md-3 > .col {
  width: 98%;
}
.list-style ul li {
  width: 100%;
}
.contact .item.item1 .list ul li {
	width: 98%;}
.contact .item.item2 {
	width: 100%;}
.contact .item:nth-child(2n) {
  float: none;
}
	.procate li {width:47%;}
.procate li:nth-child(2n) {margin-right:0px;}
	.ltprolist .ltprojitem {margin-right: 1.8%;}
	.fjcaselist ul li {width:100%;}
	ul.tab li {min-height: 56px;}
.download .subject {
  width: 31%;
  text-align: center;
line-height: 30px;
}
element {
}
	.download .directory {line-height: 30px;}
.download .time {
  width: 20%;
}
.itemBox {
	grid-template-columns: repeat(2, 1fr);}
.exhibitionlist {
	width: 95%;}
.fl { float:none;}
.fr { float:none;}
a.abtn{ display:none;}
.flexslider .slides li { height:100px;}
.tsinput {width:83%;}	
.lttoplang { text-align:center;} 
#ltlogo,#ltslogan,#mmsear { display:block; width:98%; padding:6px 1%; text-align:center; margin:0;}
#ltslogan { font-style:normal; text-align:center; font-size:1.15em;}
#lttopr { width:98%; padding:3px 1%}
#ltlogo { width:20%; margin:0 auto;}
#tops { text-align:center;}
#topsoc a { display:inline-block; float:none;}
#topsoc { display:none;}
#toptel { width:92%;  padding:5px 1% 5px 30px;}
.incate ul li span.inctitle { font-size:1.15em; padding:10px 0;}
.smdh ul li { float:left; width:33.3%; text-align:center; margin-top:3px;}
.incate ul li { width:47%; margin: 10px 0.75%;}
.incate ul li span.inctext { display:none;}
#inmain h4 span,.inrintro h1 span { width:90%;}
#ltdh { height:32px; margin-bottom:1em;}
#menu { height:auto;}
.incabox .incaitem { width:100%; padding:1.5%; margin:10px auto; display:block;}
.incaitem .incapic { display:block; width:50%; margin:0 auto; text-align:center;}
.incaitem .incacol { width:90%; padding:5px 4%;}
.inapplist { width:100%; margin:10px 1.5%;}
.tcinbnewslist { width:98%; margin:10px 0;}
.tcinbnewstext { display:none;}
.inrlprolist ul li { width:46.5%;}
.inprocate li { width:42.5%;}
.inprodboxtit ul li { float:left; width:32.2%; text-align:center; line-height:2em; height:2em; border-right:solid 1px #fff;}
.inprodboxtit ul li a { font-size:1.5em;}
.inprodlist ul li{width:46%; padding:10px 0.8% 10px 0.9%; text-align:center; }
.incaselist ul li{width:46%; padding:10px 0.8% 10px 0.9%; text-align:center; }
.cols2,.cols2-proimage { width:98%; padding:5px 1%;}
.inrinpic,.inrincol { padding:1%; width:96%; margin:5px 1%;}
#bottu {width:96%; padding:0px 2%; padding-top:10px; text-align:center;}
#botjis {width:96%; padding:0px 2%; padding-top:10px;}
#botpartner {width:96%; padding:0px 2%; padding-top:10px;}
#botcert {width:96%; padding:0px 2%; padding-top:10px;}
#main { min-height:inherit;}
.copy { margin:0px;}
	/* content */
	#right {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}
	/* sidebar */
	#left {
		width: 98%;
		margin: 0;
		float: none;
	}

#pvdet {width:96%; padding:0px 2%; padding-top:10px;}
#pvcert { width:96%; padding:0px 2%; padding-top:10px;}
.galleryPicsWraper .product_gallery LI {
	width:46%; padding:5px 0.8%;
}
.alsolist ul li{width:46%;}
.caselist ul li{width:46%; }

#newscont { padding:8px 2%; width:96%;}

#caseview { padding:8px 2%; width:96%;}

#inright {width:98%; padding: 0px 1%;}
#inleft {width:98%; padding: 0px 1%;}

.inservlist ul li { width:46%; padding:5px 2%; float:left;}

#left {width:98%; padding: 0px 1%;}
#right {width:98%; padding: 0px 1%;}
#pvright {width:98%; padding: 0px 1%;}


#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}

.prodlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
#procate ul li { width:45%; padding:3px 1%; margin:5px 1%; float:none; text-align:center;display:inline-block; vertical-align:top;*display:inline;*zoom:1; }
.ltprobanner .ltprocol { width:98%; right:0; padding:1%; background:#fafafa;}
.ltprobanner .ltprocol h2 { font-size:24px;}
.ltprobanner .ltprocol .ltprotext li { width:92%; display:block; padding-left:5%;}
#rpage { width:98%; padding:0px 1%; text-align:center;}
.rcsort { width:98%; padding:0px 1%; text-align:center; margin-bottom:20px;}
#ptoptit {height:auto;margin-bottom:10px;}
#copy { width:96%; float:none; line-height:2em; padding:1em 0px; background:none;}
.botlx { width:98%; float:none;}
.botcate,.botcode { width:96%; margin:5px 1.5%;}
#bottom { min-height:60px;}

#fdrdiv { display:none;}
}
#contactform {
    padding-top: 20px;
}
#contactform div {
    margin: 5px 0;
    padding: 3px 0;
}
#contactform label {
    float: left;
    width: 15%;
}
#contactform input, #contactform textarea {
    border: 1px solid #cccccc;
    border-radius: 3px;
    outline: medium none;
    padding: 5px 0;
    text-indent: 3px;
    width: 60%;
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}