@charset "utf-8";
/* CSS Document */
body {margin:0px; padding:0px; color:#4c4c4c;font: 0.75em/150%  Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; font-style:normal;}

@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans.eot');
    src: url('../fonts/opensans.eot') format('embedded-opentype'),
         url('../fonts/opensans.woff2') format('woff2'),
         url('../fonts/opensans.woff') format('woff'),
         url('../fonts/opensans.ttf') format('truetype'),
         url('../fonts/opensans.svg#opensans') format('svg');
}
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, tr ,span,a ,input,select{margin:0px;padding:0px;font-family: arialregular, Arial, Helvetica, sans-serif;}
input,select { font-family:Arial, Helvetica, sans-serif; outline:none;}
ul,li { list-style:none;}
a { text-decoration:none; color:#555;-webkit-text-size-adjust:none;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
:focus{-moz-outline-style:none;}/*For Firefox*/
a:hover {color:#454545; text-decoration:underline;}

img, object {-ms-interpolation-mode: bicubic; border:none;height: auto; width: auto; max-width:100%; }
.pad {padding-top:12px;}
.overf {overflow:hidden;}
.wrap {
	max-width:980px;margin:0px auto; }
.fl {float:left;}
.fr {float:right;}
.clear { clear:both; font-size:0px;}
#hwtdh { background:#656565;}
#hwtdhl { width:60%; color:#fff; font-weight:bold;}
#hwtdhl ul { overflow:hidden;}
#hwtdhl ul li {  padding:7px 10px;padding-left:26px; border-right:solid 1px #656565; display:block; float: left; line-height:2em;}
#hwtdhl ul li.tel { background:url(../images/haiw_03.jpg?v=161230) 5px center no-repeat #727272;}
#hwtdhl ul li.ema { background:url(../images/haiw_06.jpg?v=161230) 5px center no-repeat #727272;}
#hwtdhl ul li.sear {padding:7px 5px; background: #727272;}
#hwtdhr { width:22%; padding:7px 3px;}
#hwtlang { overflow:hidden; font-size:0.75em;}
#hwtlang a {padding-right:10px; float:right; width:13% \9; color:#fff;}
#hwtlang img {width:20px; float:left; margin-right:3px; margin-top:3px;}
#hwtsear { background:#fff; overflow:hidden;}
#logo { width:34%; padding:0.5em 0px; overflow:hidden;}

#hwdaoh { width:64%;}

.tsinput {width:82%; height:24px; line-height:24px; text-indent:3px; border: none; border-right:none;float:left; vertical-align:middle;}
.tsbtn { background:url(../images/hws_05.jpg?v=161230) no-repeat; width:26px; height:24px; float:left; border:none; vertical-align:middle; cursor:pointer;}

#menu { font-size:1.15em;position:relative; font-weight:bold;}

#hwflash {width:100%; margin:0px auto; overflow:hidden;}
#banner {position:relative; width:100%; height:355px;overflow:hidden;}
#banner_list img {border:0px; width:100%; height:auto;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:980px; }
#banner_info{position:absolute; bottom:0; left:5px; line-height:30px;color:#fff;z-index:1001}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=75);opacity:0.75;z-index:1002;margin:0; padding:0; bottom:10px; right:45%;}
#banner ul li {width:8px; height:8px;float:left; margin:0px 4px;display:block;color:#FFF;background-color:#fff;cursor:pointer;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size:0px;}
#banner ul li.on{ background-color:#ff0000}
#banner_list a{position:absolute;} 

#hwgdbox { position:relative; height:235px;}
#hwgdlist {padding-top:1.5em; overflow:hidden;left:2px; top:2px; position: absolute; height:225px; width:99%;}
#hwgdlist ul { overflow:hidden;}
#hwgdlist ul li { width:225px; margin:5px 10px; float:left; text-align:center; border:solid 1px #e8e8e8;}
#hwgdlist ul li span { display:block; padding:8px 0px; line-height:1.25em;}

.greybg { background:#f6f6f6;}
#hwinabout {padding:1.5em 0px;}
#hwinabouttext {width:99%; line-height:2em;}
#hwinvideo {width:32.5%; display:none;}

#hwinmat { padding:1.25em 0px;}
.hwinbox h2 { font-size:1.5em; line-height:2em; border-bottom:solid 1px #dedede;}
.hwinbox h2 span { color:#ff0000;}
.inmatlist {padding:0.65em 0px;}
.inmatlist { overflow:hidden;}
.inmatlist div.inmadiv { float:left; width:29%; padding-right:1.5em;}
.inmadiv ul li { background:url(../images/clb.png?v=161230) left center no-repeat; font-size:1.05em; line-height:1.5em; padding:5px 0 5px 26px; cursor:pointer;}
.inmatlist ul li a {}

.menu_body {
	DISPLAY: none
}
.inmatlist   { padding-left:15px; padding-right:3px;}
.inmadiv ul li.current {background:url(../images/clb1.png) left 5px no-repeat;}
.inmadiv .menu_body { padding-left:26px;}
.inmadiv .menu_body li {padding-top:5px; line-height:1.5em; padding-bottom:5px;padding-left:3px; border:none; background:none; font-size:0.75em; border-bottom:dotted 1px #ddd;}
.inmadiv .menu_body li a { color:#555;}

.inmatimg {padding:10px 0px;}
.inmatimg ul { overflow:hidden;}
.inmatimg ul li { float:left; margin:5px 3% 5px 0px; width:22%;position: relative;}
.inmatimg ul li span {
    padding-top: 6px;
    line-height: 2em;
    text-align: center;
    display: block;
    position: absolute;
    left: 2px;
    bottom: 0px;
    width: 98.5%;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=40);
    background: #000 4;
	color:#fff;
}
.inmatimg ul li a { display:block;}

#hwelem { padding:1.25em 0px;}
.hwelemlist {padding-top:0.5em;}
.hwelemlist ul { overflow:hidden;}
.hwelemlist ul li { width:31%; margin:5px 2% 5px 0.3%; float:left;/* font-size:1.35em;*/ line-height:1.5em;position:relative;}
.hwelemlist ul li span.heat {font-weight:bold;

    line-height: 1.5em;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=40);
    background: #000 4;
	color:#fff;
}
.hwelemlist ul li span { display:block; padding:5px 0px;}

#hwequip { padding:1.25em 0px;}
.hwequiplist {padding-top:1.5em;}
.hwequiplist ul { overflow:hidden;}
.hwequiplist ul li { width:31%; margin:5px 2% 5px 0.3%; float:left; line-height:1.5em;position:relative;}
.hwequiplist ul li span.inustrial { font-weight:bold;
padding-top: 0px;
    line-height: 1.5em;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 31px;
    width: 99.7%;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
    filter: Alpha(opacity=40);
    background: #000 4;
	color:#fff;

}
.hwequiplist ul li span { display:block; padding:4px 0px; line-height:1.25em;}

#hwbot { background:#505050; padding:1em 0px; margin:0px auto; color:#fff;}
#hwbotbox h2 { font-size:1.5em; padding:5px 0px; line-height:1.5em; border-bottom:solid 1px #858585; font-weight:normal;}
#hwbsup { width:29%; padding-right:4%;}
.hwbtext { padding:0.75em 0px; line-height:2em;}
#hwbnews {width:36.5%;}
.hwbnewslist { padding:0.75em 0px;}
.hwbnewslist ul li { padding:4px 0px;} 
.hwbnewslist ul li span.botnewstit {padding:3px 0px; border-bottom: dotted 1px #fff; display:block; font-weight:bold;}
.hwbnewslist ul li span.botnewstit a { color:#fff;}
.hwbnewslist ul li span.botnewstext { padding-top:6px; line-height:18px; color:#e3e3e3; display:block;}
.hwbnewslist ul li span.botnewstext a { color:#e3e3e3;}
.hwbnewsmore { padding:8px 5px; text-align:right;}
.hwbnewsmore a { border:solid 1px #fff; padding:3px 8px; color:#fff;}
.hwbnewsmore a:hover { background:#df0000; text-decoration:none;}
#hwblx { width:27%;}
.hwblxcont { padding:0.75em 0px; line-height:2em;}
.hwbsoc { padding-top:1em; overflow: hidden;}
.hwbsoc a { float:left; display:block; width:20px; height:18px; padding:4px 3px;border:solid 1px #fff;-webkit-border-radius: 14px; -moz-border-radius: 14px;border-radius: 14px; margin-right:8px;}
.hwbsoc a:hover { background:#333;}
#inleft {width:19.5%; padding-right:2.5%;}
#inleft h2 { background:#f6f6f6; font-size:1.25em; padding:5px;}
.cyfenllist {padding:10px 0px 5px 5px;}


#bottom {padding:1.25em 10px;background:#0579c0;color:#fff;}

#footer { padding:1.25em 0px; line-height:1.75em;}

#copy { text-align:left; line-height:1.75em; width:75%; padding-top:1.5%;}
#bdh { line-height:2em;}
#bdh a { color:#f1f1f1;}

#botsoc { display:block; overflow:hidden; line-height:1.75em; font-size:1.25em; width:23%; padding-top:10px;}
#botsoc span { display:block; padding:5px 0px; font-size:1.15em; color:#2570b1;}
#botsoc img { float:left; margin-right:10px; width:25px;}

.copy {line-height:24px; clear:both;}
.copy span.pow a { color:#bbb;}

.locabox { background:#e6e6e6; padding:8px 0px; width:100%; margin:0px auto;}
.locatit {line-height:1.75em; color:#555;}

#main { margin-top:1.25em; background:#f6f6f6;}
#left { width:22.5%;}
#left h2 {border-bottom:solid 3px #d3d3d3; font-size:1.25em; height:2em; line-height:2em;position:relative;}
#left h2 span { position:absolute; bottom:-3px; left:0px; border-bottom:solid 3px #ed0000; padding-left:1px;}
.hwcatebox {padding:5px;}
.hwcateboxlist { padding:8px 1px;}
.hwcateboxlist ul li {border-bottom: solid 1px #ddd; }
.hwcateboxlist ul li a { line-height:1.35em;background:url(../images/plbk.png) 2px center no-repeat; display:block;  padding:10px 0px 6px 14px; color:#555;  font-size:1.05em;}
.hwcateboxlist ul li a:hover { color:#ed0000;}
.hwcateboxlist ul li ul { padding-bottom:8px;}
.hwcateboxlist ul li ul li {border-bottom:none;}
.hwcateboxlist ul li ul li a { background:none; padding:6px 0px;  color:#777; font-size:0.75em;}
.lsmalist { padding:0px 1px 10px 1px;}
.lsmalist ul li { padding:12px 0px; border-bottom:dotted 1px #ddd;}
.lsmalist ul li a { line-height:1.35em;background:url(../images/hitech_30.jpg) left center no-repeat; display:block; font-size:1.15em; padding-left:14px;}

#lianx { padding-top:1em;}
.lxcont {padding:8px 2px; line-height:22px;}

#right { width:75.5%; min-height:690px; background:#fff; padding-left:0.75%;}
.rbox {padding:5px 2px;}
.rbox h2 {font-size:1.25em; line-height:1.5em;  padding:5px 3px; border-bottom:solid 1px #e5e5e5; margin-bottom:6px;}

.hwproductlist { padding:5px 0px;}
.hwproductlist ul { overflow:hidden}
.hwproductlist ul li { width:28%; margin:15px 1.8% 3px 1.9%; padding:5px 0.65%;float:left;font-family:Arial, Helvetica, sans-serif;border:solid 1px #f3f3f3;}
.hwproductlist ul li a { display:block; font-family:Arial, Helvetica, sans-serif;}
.hwproductlist ul li img { }
.hwproductlist ul li span { padding-top:10px; display: block;text-align:left; height:2.5em; overflow:hidden; line-height:1.25em; font-weight:bold;}
.hwproductlist ul li span.ptit { font-weight:bold; font-size:1.15em;}
.hwproductlist ul li span.ptext { line-height:1.75em; color:#727272; height:8.5em; overflow:hidden;}
.hwproductlist ul li span.ptext a {color:#727272;}

#pvtop {overflow:hidden; padding:1.25em 3px;}
#pvtleft {width:45%;}
.bpic {width:100%; border:solid 1px #e2e2e2;}


#pvtright {width:51%;}
#pvtright h3 {font-size:1.35em; font-weight:bold; color:#333; padding:5px 3px; line-height:1.5em; border-bottom: solid 1px #eaeaea;}
#vcform {padding-top:10px; line-height:24px; padding-left:5px; margin-bottom:10px;}
#vcbtn {padding-top:1em; padding-left:3px;}
#vcbtn span { float:left; padding-right:10px;}
#vcbtn img { margin-right:8px; margin-bottom:10px;}
#vcform ul li span#pvprice {font-size:14px; color:#C00;}
.pvqua {border:solid 1px #aaa; height:18px; line-height:18px; font-size:12px; width:100px;}
.share { padding-top:1.5em;}
.pvinqbtn { background:#ed0600; padding:5px 10px; font-size:1.15em; color:#fff;
-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;}

a.pvinqbtn:hover { text-decoration:none; color:#fff;}

.cyinprodlist ul { overflow:hidden;}
.cyinprodlist ul li{width:22.8%; float:left; margin:5px 1.1% 5px 1.1%; text-align:center; font-size:1.15em; height:243px;}
.cyinprodlist ul li img{ border:solid 1px #f1f1f1;}
.cyinprodlist ul li a {color:#505050; display:block;}
.cyinprodlist ul li span {padding-top:8px; line-height:1.5em; height:3em; text-align:left; display:block; overflow:hidden;}
.cyvideolist { padding-top:10px;}
.cyvideolist ul { overflow:hidden;}
.cyvideolist ul li{width:31%; float:left; margin:5px 1.1% 5px 1.1%; text-align:center; font-size:1.15em; text-align:center;}
.cyvideolist ul li img{ border:solid 1px #f1f1f1;}
.cyvideolist ul li a { display:block;}
.cyvideolist ul li span {padding-top:8px; line-height:1.5em;display:block; overflow:hidden;}

#vcform ul li {overflow:hidden; padding-top:7px;line-height:18px; font-size:12px;}
#vcform ul li span {color:#d71b31; font-size:14px;}
.vpsel {border:solid 1px #ccc; font-size:11px;}
#vcform li b {width:60px; color:#d71b31;}

#alsolike { padding-top:8px;}
#alsolike h3 { height:32px; line-height:32px; color:#444; padding-left:3px; position:relative; font-size:1.15em; font-weight:bold; border-bottom:solid 1px #e1e1e1;}
#alsolike li { height:auto;}
#alsolist { padding-top:20px;}

.pagecont { padding:10px 3px; line-height:1.85em;}


#ptoptit {height:30px; line-height:30px; overflow:hidden; border-top:solid 1px #eee;}
#ptsort {overflow:hidden; height:30px; font-size:12px;}
#ptsl {padding-left:10px; height:35px; line-height:35px;}
#ptsl a#list { padding-left:25px; margin-right:10px;}
#ptsl a#gal { padding-left:25px; margin-right:10px;}
#ptsl a.cur {color:#c60000;}
#ptstitle { padding-left:5px; font-weight:bold;}
#ptsr {padding-right:5px;}
#ptsr select {border:solid 1px #d0d0d0; line-height:18px;}
.rcsort { width:35%; padding-left:10px; height:1.75em; line-height:1.75em;}
#rpage {width:45%; line-height:1.75em; height:1.75em; text-align:right; padding-right:5px;}
#rpage a {padding:0px 5px; color:#444;}
#rpage a:hover { text-decoration:none;}
.botpad { margin-top:8px; padding-top:5px;}

.hwnewslist { padding:0px 5px 5px 5px;}
.hwnewslist ul li { padding:8px 0px 5px 0px;}
.hwnewslist ul li span { display: block;}
.hwnewslist ul li span.nltit { padding:5px 0px 5px 3px;line-height:1.35em; border-bottom:dotted 1px #ddd; font-weight:bold;}
.hwnewslist ul li span.nlcont { padding-top:8px; line-height:18px; color:#666;}
.hwnewslist ul li span.nlcont a { color:#666;}

#newscont { padding:8px 5px;}
.nvtit {font-size:1.5em; line-height:1.75em; font-weight:bold; text-align:center; padding:6px 0px; border-bottom:dotted 1px #eee;}
.nvcont {padding:10px 5px; line-height:20px;}


#pvdes {padding-top:10px; clear:both; line-height:18px;}
#pvdes h3 {color:#333; height:25px; line-height:25px;}
#pvcs {position:relative;}
.pvh4 {height:32px;padding-left:3px; font-size:1.15em; border-bottom:solid 1px #e1e1e1;}
.pvh4 ul { overflow:hidden;}
.pvh4 ul li {float:left; height:32px; line-height:32px; margin-right:5px; position:relative; margin-top:1px; color:#444; font-weight:bold;}


.pvhorder {height:32px;padding-left:3px; font-size:16px; border-bottom:solid 1px #e1e1e1; font-weight:bold; padding-top:15px;}
.pvhorder ul { overflow:hidden;}
.pvhorder ul li {float:left; height:32px; line-height:32px; margin-right:5px; position:relative; margin-top:1px; font-size:0.85em; padding:0px 10px;}

.large { font-size:1.25em; font-weight:bold;}
.block { display: block; padding:10px 5px; line-height:24px;}
.unblock { display: none;padding:10px 5px;}

.sec1 {background:#f5f5f5;cursor:pointer;color:#303030; border:solid 1px #e1e1e1; border-bottom:none; }
.sec2 {background:#fff;cursor:pointer; color:#009240; border:solid 1px #e1e1e1; border-bottom:solid 1px #fff; position:relative;}


#alsolike { padding-top:15px;}
#alsolike h2 { height:35px; line-height:35px; color:#333; padding-left:8px; position:relative; font-size:1.25em; font-weight:bold; background:#efefef;}
#alsolist { padding-top:20px;}

#pviewcont { padding:1em 5px;}
.pviewtitle {font-size:1.5em;  text-align:center; color:#555; height:2em; line-height:2em;}
.pviewpic { text-align:center; padding:8px 3%;}
.pvbtn { overflow:hidden; padding:8px 0px; padding-left:30%; clear:both; border-top:solid 1px #e5e5e5; margin-top:1.25em;}
.pvbtn span { float:left; padding-right:15px;}
.pvbtn span.share { padding-top:8px;}
.pvtext {padding:12px 0px; text-align:left;}

.cyvideomore { text-align:right; padding-right:3px; font-weight:bold; padding-top:5px; line-height:2em;}
.cyvideomore a {color:#0579c0;}
#contactform  {padding-top:1.5em;}
#contactform div {
    margin: 5px 0px;
    padding: 3px 0px;
}
#contactform label {
    width: 15%;
    float: left;
}
#contactform input, #contactform textarea {
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    padding: 4px 0px;
    text-indent: 3px;
    outline: none;
}
#contactform input.asbtn {
    background: #ed0600; color:#fff;
    width: 74px;
    height: 30px;
    border: none;}
.cd-top {
  display: inline-block;
  height: 35px;
  width: 35px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/top.png) no-repeat left center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.downlist li{
	padding: 5px 0px 5px 3px;
    line-height: 1.35em;
    border-bottom: dotted 1px #ddd;
 
}
.downlist li span{
  float:right;
}
.downlist li span a{
 color:red;
 font-weight:bold;
}
.menu_second li:last-child{
border:none;
}
/*.cd-top.cd-fade-out {*/
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
/*  opacity: .5;
}*/
.no-touch .cd-top:hover {
  background:url(../images/top.png) no-repeat right center;
}

@charset "utf-8";
/* CSS Document */

#nav {
	width: 100%; /* 1000 */
	position: absolute;
	top: 1.25em;
	left: 0px; 
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
}
#nav li a {
	display: block;font-family: Arial, Helvetica, sans-serif;
}
#nav li a:active {/*
	background-color: #d3d3d3 !important;*/
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul { /* 60 */
padding-left:1em;
}
#nav > ul > li {
	height: 100%;
	float: left; 
}
#nav > ul > li > a {
	height: 100%;
	line-height: 40px; /* 60 (24) */
	text-align: center;padding:0px 0.8em; color:#5c5c5c;
}
#nav > ul > li:not( :last-child ) > a {/*
	border-right: 1px solid #cc470d;*/
}
#nav > ul > li:hover > a,  #nav > ul:not( :hover ) > li.active > a {
	color:#ed0000; text-decoration:none;
}

#nav > ul > li.cur a {color:#ed0000;}
/* second level */

#nav li ul {
	display: none;
	position: absolute;
	top: 100%; z-index:99999999;width:100%;
}
#nav li:hover ul {
	display: block; padding-top:6px;
	left: 0;
	right: 0; width:100%; background:#fff;
}
#nav li:not( :first-child ):hover ul {
	left: 15px;width:100%; top:35px;
}
#nav li ul a {
	font-size: 12px; /* 20 */
	padding: 5px 2px; /* 15 (20) */ line-height:16px; color:#333;
}
#nav li ul li { border:none;}
#nav li ul li a:hover,  #nav li ul:not( :hover ) li.active a {
	
}
 /* 1000 */@media screen and ( max-width: 980px )  {
#nav {
	width: 100%;
	position: static;
	margin: 0;
	text-align: center; height:40px;
}
#nav > ul > li > a {
	height: 100%;
	font-size: 1em; /* 24 */
	line-height: 38px; /* 60 (24) */
	text-align: center; padding:0px 1.25em; margin:0px;
}
}
@media screen and ( max-width: 860px )  {
#nav > ul > li > a {
	height: 100%;
	font-size: 1em; /* 24 */
	text-align: center; padding:0px 0.75em; margin:0px;
}
}

@media screen and ( max-width: 720px )  {
#nav > ul > li > a {
	height: 100%;
	font-size: 1em; /* 24 */
	text-align: center; padding:0px 0.25em; margin:0px;
}
}
 /* 640 */@media screen and ( max-width: 640px )  {
html {
	font-size: 75%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto; background:#727272;
}
#nav > a {
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ed0000;
	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:#f3f3f3;
}
#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 #ddd;
}
/* 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: 980px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:980px;
	}

}


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

#hiinprodbox ul li{width:31%; float:left; margin:5px 1%; text-align:center; }
}

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

	/* header */

#cytop {padding-top:7em;}
#cytop ul li { float:left; margin-left:1em;}
#cydh  { padding:1em 1% 0px 1%;}

#topprodlist ul li { width:32.6%; padding:5px 0.3%; float:left; text-align:center;}
}


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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	#banner { display:none;}
.fl { float:none;}
.fr { float:none;}


#hwtdhl {width:98%; padding:2px 1%;}
#hwtdhl ul li { float:none; display:block; margin-bottom:1px;}	
#hwtdhr { width:98%; padding:2px 1%; }
#hwtlang { text-align:left;}
.inmatlist div.inmadiv {width:98%; padding:2px 1%; float:none;}
#hwdaoh	{width:98%; padding:2px 1%; float:none;}
#logo { display:block; width:98%; padding:3px 1%;}

.hwequiplist ul li {width:98%; padding:6px 1%;}
.inmatimg ul li {width:98%; padding:6px 1%;}
.hwelemlist ul li {width:98%; padding:6px 1%;}

#lcinprodlist ul li{width:98%; float:left; margin:5px 1%; text-align:center; }

#hwbsup {width:98%; padding:0px 1%; padding-top:5px;}
#hwbnews {width:98%; padding:0px 1%; padding-top:5px;}
#hwblx { width:98%; padding:0px 1%; padding-top:5px;}
.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;
	}

#lnews {width:98%; padding: 0px 1%;}
#inlianx {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;}

.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}
.lcproductlist ul li span { height:4.5em; overflow:hidden;}
#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

#rpage { width:98%; padding:0px 1%; text-align:left;}
.rcsort { width:98%; padding:0px 1%;}
#ptoptit {height:auto;margin-bottom:10px;}

#copy { width:98%; float:none; padding:5px 1%;}
#bottom { margin-top:10px;}
}


/************************************************************************************
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;}

}