@charset "utf-8";

body {font-family: Tahoma, Arial, Sans-Serif; font-size:11px;margin: 0px; padding: 0px; text-align:center;    background:#fff;;font-size:11px; }
 img { border: 0px; }
* { padding: 0px ; margin: 0px;}
a img { border: 0px; }
a { color: #0066CC; outline: none; text-decoration: none;}
ol, ul,li{ list-style:none; }
.clear { clear:both; height:0px; font-size:0px; }
.table01 {background: #ccc; width:500px; margin:0 auto;  }
.table01 tr { background:#FFF;}
.table01 tr td{padding-left:2px; }

 /*--------------TOP--------------*/
#etw_header { width:980px; height:auto; margin: 0px auto; display: block;}
#etw_header  h5 {  color: #000; font-size: 8px; width:980px; margin:5px auto; _margin:2px auto;  text-align:left; display:block; marging-left:15px; height:8px; padding:0;}
#etw_header h5 a { color: #333;margin-right:5px; }
#etw_header .etw_mhead {background: url(../images/711.jpg) no-repeat; display: block; 	margin:0 auto; width:980px; height: 82px;border-top:2px solid #000066; } 

.etw_mhead  #etw_companyname {width:980px; height:70px; margin-top:12px; text-align:center; font:bold 20px Arial, Helvetica, sans-serif; color:#fff;  }
.etw_mhead  #etw_companyname a{color:#fff; }
.etw_mhead  #etw_companyname a:hover{text-decoration:underline;}
.etw_mhead  #etw_companyname h2{font:normal 20px "Times New Roman", Times, serif; line-height:40px; color:#EEE; }
#etw_companyname span{ font-size:19px; letter-spacing:1pt;}
 

#menu li a{  text-align:center;  font-size:13px;  padding:0px 15px ; font-weight:bold; color:#fff; display:block;}
#menu  li a:hover{color:#000; }

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu a:hover {visibility:visible; position:relative; z-index:200;}
#menu li:hover {position:relative; z-index:200;}
#menu ul, 
#menu :hover ul ul, 
#menu :hover ul :hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu  :hover ul.sub {left:0; top:29px; _top:23px; background: #a5b2df; padding:3px; border:1px solid #ccc; white-space:nowrap; width:170px; height:auto; z-index:300; }
#menu  :hover ul.sub li { display:block; font-size:12px; font-weight:bold; height:auto; line-height:20px; position: relative; float:left; width:170px; border-bottom: 1px dotted #CCCCCC;text-align:left;}
#menu  :hover ul.sub li a {width:170px;  font-weight:normal; padding-left:3px; color:#fff; float:left;text-align:left;border-right:none;}
#menu  :hover ul.sub li a:hover {color: #000; display:block;}
#menu  :hover ul :hover ul{left:100px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; width:auto;  height:auto;}

#etw_ly{
	width: 97%;
	height:30px;
	background: #fff;
}

#etw_ly a{ float:right; color:#2143a4; text-decoration:none; line-height:28px;}
#etw_ly a:hover{ text-decoration:underline;}
#etw_ly img{ border:none; margin-left:3px;}
#etw_wrapper{ border-top:1px solid #fff; margin-left:auto; margin-right:auto; padding-top: 0px; width:980px; height:auto; text-align:left; margin-top:0px; background:#fff; overflow:hidden;}
.left{background:#EAEAF5; 	height:auto; margin-bottom:-10000px;float:left; padding-bottom:10000px; display:block; }
 /*--------------Left--------------*/
#etw_wrapper .left{width:200px; float:left;  }
.left ul {text-align: left; }
.left ul li {background:url(../images/left2.gif)  no-repeat; height:26px;margin: 2px 0 0px 0px;}
.left ul li  a {height:26px;display:block; color: #fff;	margin-left:23px;padding-left:7px; letter-spacing:0.0001pt; }
 .left ul li.lg{ line-height:13px;}
.left ul li.lg1{ line-height:26px; font-size:11px;}
.left ul li.pro { margin: 2px 0 0px 0px;background:url(../images/left1.jpg)  no-repeat; line-height:26px; text-indent:-4px; font-weight:bold;  width:200px; height:auto; display:block;}
.left ul li.bs{ margin: 2px 0 0px 0px;background:url(../images/left1.jpg)  no-repeat; line-height:12px; text-indent:-4px; font-weight:bold;  width:200px; height:auto; display:block;}
.left ul li.ka{line-height:26px;}

.left ul .wj{ width:190px;
	background:#660099 ; border:1px #555555 solid; text-align:center;color:#ffffff;font-size:12px;

	line-height:22px;
	padding:0px;

}
.left ul .wj a{ display:block; padding:0px;}
.left ul .wj a:hover{ background:none;}
.left ul span{ text-align:center; color:#FFFFFF; font-weight:bold;  display:block;}

.left ul li a:hover{ color:#fff;background:#2c4998; height:26px; width:80%;}
.contact { float:left; margin-top:20px; background:url(../images/left2.gif) repeat-y; width:200px; line-height: 18px; color:#fff; padding-bottom:130px;}
.contact p{ padding:5px 0 0 25px;}
.contact span{font-weight:bold;}
.contact a{ color:#FFFFFF;text-decoration: underline;}
 .title{ font-size:12px; background:#fff; color:#333333; text-align:center; font-weight:bold; height:20px; margin:15px 0px 5px 0; width:50%; line-height:20px; float: right;}
/*--------------Middle--------------*/
#etw_wrapper #middle{width:560px; margin:0 3px; margin:0 3px; float:left; margin-left:10px;}
#product{ width:98%; float:right; margin-bottom:10px; height:auto;}
#product ul{ width:98%; margin-top:3px; margin-bottom:15px !important;  _margin-bottom:-5px; padding:0 20px 1px 0; height:100px; float:left;}
#product ul li{ display:block;}
#product ul ol{ float:left; width:110px; height:120px; list-style:none; margin-left:10px; margin-top:5px;}

#product ul ol li li img{ border:1px #ccc solid; display:block;}
.lei{ display:block;  text-align:center;}
#product ul li ol li a{ color:#000; text-decoration:none; width:110px; height:auto; display:block; text-align:center;}
#product ul li ol li .dk{ width:120px; height:auto; display:block; margin-bottom:10px;}
#tt{ width:99%; background:#eaeaf5; height:23px; font-size:12px; color:#0964aa; font-weight:bold; line-height:22px; text-indent:2px;}
#tt a{ text-decoration:none; color:#0964aa; font-size:11px; font-weight:bold;}
#middle .link{float:left;width:98%;height:20px;padding-left:1px;margin:5px 0 0 5px;line-height:20px;border-bottom:1px dotted #ccc; font-size:14px; font-weight:bold; display:inline; font-size:12px;}
#middle .link h3{font-size:13px; font-family:"Times New Roman", Times, serif; display:inline;}
#middle .link a{color:#003399;font-size:14px;}
#lg{ width:100%; display:block; height:auto;}
#lg img{ margin:0px  auto; display:block;}
#middle .text{ line-height:20px; text-align:left; color:#333; margin-top:10px; float:left; width:98%; padding:0 5px; margin-top:10px; font-size:11px; text-align:justify; margin-left:0px; height:auto; border-bottom:1px solid #eee;}
#middle .text span{font-weight:bold; }
#middle .text h3{font:normal 25px "Times New Roman", Times, serif; line-height:35px; color:#000; }
#ig{ height:196px; width:516px; float:right;}
#pdf a{ color:#666; margin-top:5px; }
#pdf a img{margin:0 2px -5px 0; padding:0; border:none; }

#middle .text .title1{ width:200px; height:15px; padding-left:3px; color:#0964aa; font-size:14px; font-weight:bold; text-align:left; line-height:15px; margin-bottom:3px; float:none; display:block;}	

  a.more { color:#CC3300; text-align:right; border-bottom: 1px solid #eee; font-weight:bold; float:right; display:block; text-align:right; width:60px; margin-right:15px;}
a.pdf img { float:left;}

#middle .products{width:99%;height:auto;float:left;margin-top:5px;margin-left:5px !important;margin-left:0px;}
.products ul {width:100%;margin-top:10px; }
.products ul li{ width:100%; height:auto; 	float:left;}
.products  ul li ol{width:100%;height:auto; }
.products  ul li ol li{ margin-top:10px; width:19%; height:100px; border:none; margin:0px 0 0px 2px; float:left;}
.products  ul li ol li img{border:1px  solid #ccc;}
.products ul li ol li.content{ width:75% !important; _width:70%; float:left; margin:0px 0 10px 10px; color:#333; padding-left:10px; border:1px solid #eee; background:#F9FAFA; line-height:20px;}
.products ul li ol li.content a.pdf { text-decoration:none; border:none; color:#222;}
.products ul li ol li.content a.pdf img { border:none;}
.products  ul li ol li.content p a { color:#0558ab;  margin-bottom:8px; border-bottom: 1px #0558ab dashed; }
.products  ul li ol li.content p a strong{ border-bottom: 1px #CCC dashed; }
.products  ul li ol li.content a:hover { color:#000;}
/*--------------Right--------------*/

/*--------------Footer--------------*/
#footer { background:#EAEAF5; clear:both;  margin:0 auto; height:50px; color:#333; padding: 0; width:978px; height:60px; 	margin-top:2px;}
#promotion { margin-top:15px; float:left; width:630px; height:30px; margin-left:16px!important; margin-left:8px;}  
#promotion a img{border:none; float:left}
#promotion p{margin-top:5px;font-size:11px;color:#333;text-align:right;}
#footer #address{ width:100%; height:20px; line-height:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:6px;}
#footer #address p, #promotion p span{font-weight:bold; display:inline;}
#footer #otherlink{ width:470px;margin:0 auto; }
#footer #otherlink div{ float:left; width:95px; height:26px; margin-left:15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:26px;}
#footer #otherlink div a img{ border:none;}
#footer #otherlink div a{ text-decoration:none; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#right #aboutk{ width:92%; text-align:justify; padding:9px; line-height:22px;  float:left; margin:5px 5px 5px 0px; background: #FBFDFF; border: 1px solid #B4DBEF; line-height:23px;}


#banner{background:url(../images/nav.jpg)  no-repeat ; float:left; position:relative; width:980px; height:42px; line-height:22px !important; line-height:21px; }
.menu2{ margin-top:10px;}
.menu2 li.top {display:block; float:left; width:auto; float:left; margin-right:2px; font-size:13px; font-weight: bold; line-height:22px !important; line-height:21px;}
.menu2 li a.top_link {display:block; float:left; padding:0px 10px 0px 10px; color:#ffffff; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block;}
.menu2 li a.top_link span.down {float:left; display:block;}
.menu2 li a.top_link:hover {color: #000066; }
.menu2 li a.top_link:hover span {}
.menu2 li a.top_link:hover span.down {}

.menu2 li:hover > a.top_link {color:#000066;}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.lab{color:#FF0000;}
.menu2 :hover ul.sub {left:0; top:22px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:200px; height:auto; z-index:300; padding-right:5px;}
.menu2 :hover ul.sub li { display:block; font-size:11px; height:auto; line-height:20px; position:relative; float:left; width:200px; font-weight:normal; border-bottom: 1px dotted #CCCCCC;}
.menu2 :hover ul.sub li a { width:195px; padding-left:5px; color:#000; text-decoration:none; float:left; text-align:left;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) right center no-repeat; height:auto; width:195px; display: block; text-align: left; }
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover { color:#fff; background:#3a93d2 url(../images/arrowhover.gif) right center no-repeat;}
.menu2 :hover ul li:hover > a.fly {color:#fff; background:#3a93d2 url(../images/arrowhover.gif) right center no-repeat; width:195px; dispay: block; float: left; padding: 0 5px; text-align: left; } 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:200px; top:-4px; background: #fff; padding:3px; border:1px solid #CCCCCC; width:200px; z-index:400; height:auto;}


.ys{ float:right; margin:10px;}
.ys a{ margin-left:10px;}