@charset "utf-8";
/* CSS Document */
body {background:url(../images/bg.jpg) repeat-y center; font-family: arial;text-align:center;margin:0 auto;font-size:11px;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {	margin: 0px; padding: 0px; }
img { border: 0px; }
* { padding: 0px ; margin: 0px;}
a img { border: 0px; }
a {color: #333;outline: none;text-decoration: none;}
ol, ul{ list-style: none; }
ol:after, ul:after { content: "."; display:block; font-size:0px; line-height:0px; height:0px; clear:both; visibility:hidden; }
li.clear { clear: both; height: 0px; font-size: 0px; }
.clear { clear: both; height: 0px; font-size: 0px; margin:0; }
#right .content .table{background: #7AB8E4;  width:96%;margin:0 auto;line-height:22px; margin-top:9px;}
.table tr { background: #FAFBFB;}
.table td {padding-left:3px;}
#right .content .table td img{border:none;}

 /*=== Main ===*/
 #etw_wrapper {width: 950px;background:none;padding: 0px 0px 0px 0px;height:auto;overflow:hidden;margin-left:auto;margin-right:auto;text-align:left;}
 
 /*=== Header===*/
 
#etw_header {width:950px;height:auto;margin: 0px auto;display: block;}
#etw_header  h5 {background:url(../images/top.jpg) repeat-x;color: #333333;font-size: 9px;width:940px;margin: 0px auto;text-align:left;padding-top:2px;display:block;padding-left:10px;border-bottom:1px solid #ccc;height:25px;}
#etw_header h5 a { color: #333; }
 #etw_wrapper #sizer  .banner {height:113px;padding: 0px;padding: 0px;display:block;width:950px;margin-top: 0px;background: url(../images/classname_bg.jpg) right no-repeat #FFFFFF;border-bottom:1px solid #fff;border-top:1px solid #fff;}
 #etw_wrapper #sizer  .banner .logo {
	width: 70px;
	margin-top:30px;
	margin-left:180px!important;
	margin-left:90px;
	height: 71px;
	float:left;
	background: url(../images/log.gif)  no-repeat;
}
.banner  .classname {
	width: 500px;
	margin:0px;
	padding:0;
	height:90px;
	margin-top:20px;
	font-size: 25px;
	color:#FFFFFF;
	font-family: Bookman Old style;
	float:left;
	text-align:center;
}
.banner  .classname h2 {font:normal 20px "Times New Roman", Times, serif; line-height:28px; }  
  
.banner  #language {
	width:195px;
	float:left;
	font-size: 11px;
	margin-top:20px;
	margin-left:0px;
}
#language a {color: #000000;display:inline-block;margin-right:5px;}
#language a img { margin-right:3px;}
#language a:hover { color:#fff;  }

#etw_wrapper  #menu {background: url(../images/line.jpg)  repeat-x;width:950px;height:34px;float:left;margin-top:0px;}

#etw_wrapper #sizer  .banner #menu  .menu2 { position:relative; height:auto; display: block; float:left; width:800px;margin-left:25px!important;margin-left:7px; }
.menu2 li.top {display:block;text-align:center; height:29px;float:left; margin-right:0px; font-size:13px; font-weight: bold; line-height:31px ; background: url(../images/line1.jpg) center right no-repeat;}
.menu2 li a.top_link {display:block; float:left;color:#000000; cursor:pointer;text-align:center; padding:0 15px;}
.menu2 li a.top_link:hover{color:#fff;background:#30B1EE;}
.menu2 li a.top_link1 {display:block; float:left;color:#fff;background:#30B1EE;  cursor:pointer;padding:0 15px;}

.menu2 li:hover > a.top_link {color:#fff;background:#30B1EE;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #ccc; white-space:nowrap; width:245px; height:auto; z-index:300; padding-right:5px;}
.menu2 :hover ul.sub .wj{line-height:15px;}
.menu2 :hover ul.sub li { display:block; font-size:11px; height:auto; line-height:20px; position:relative; float:left; width:245px; font-weight:normal; border-bottom: 1px dotted #CCCCCC;}
.menu2 :hover ul.sub li a { width:245px; padding-left:3px; color:#000;float:left;text-align:left;background: url(../images/3.gif)  no-repeat right  center;}
.menu2 :hover ul.sub li a:hover { color:#fff; display:block;background: url(../images/3.gif)  no-repeat right  center #30B1EE;}
.menu2 :hover ul :hover ul{left:100px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; width:100px;  height:auto;}
#menu  .email {
	float:left;
	text-align:right;
	width:200px;
	margin-top:10px;
	position:absolute;
	left: 811px;
	top: 120px;
}
#menu  .email a{color:#333;}
#menu  .email a:hover{color: #fff;}


#etw_leftcontainer { background:#FFFFFF; width:173px; margin-left: 65px !important; margin-left:30px; padding:15px 0px 10px 0px; float:left; }
 #etw_wrapper #sizer {width:950px;margin: 0 auto;padding:0;height:auto;}
/*============================= Left =============================*/
#left {width:210px;color:#333;float:left;background:#C9EBF3;margin-bottom:-10000px;padding-bottom:10000px;display:block;margin-top:5px;float:left;border-right:1px solid #ccc;}
#left ul {margin: 5px 0 10px 0;text-align: left;color: #7D8085;padding: 0px;        width: 100%;font-size:12px;}
 #left ul li { margin: 0 0 0px 5px;padding: 0px;color: #fff;}
 #left ul li  a {color: #333;padding: 3px 0 3px 0px;display: block;margin-bottom: 2px;background:  url(../images/arrow2.gif) center left no-repeat;padding-left:15px;font-weight:bold;}
 #left  ul li ol{width:99%;}
 #left  ul li ol li{border-bottom:1px solid #87B6CD;}
  #left ul li ol li a{padding: 5px 0 0 10px; display: block; margin-bottom: 2px;
                       background: url(../images/arrow1.gif) center left no-repeat;font-weight:normal;				   line-height:22px; color:#333;}
 #left ul li ol li a:hover,#left ul li ol li a.link  {background:url(../images/arrow1.gif)   left no-repeat #E8F4F9;color: #000; display: block; margin-bottom: 2px;}
 #left .contact {width:93%;height:auto;padding: 0px 3px 10px 10px;margin-top:5px;font-size: 11px;color: #333333;line-height: 25px;background: url(../images/gl.gif) no-repeat  left bottom;}
 #left .contact span{font-weight:bold;}
#left .contact a {color:#0099FF;}
#left .contact a:hover { text-decoration: underline;}

 #left .other{width:90%;height:auto;padding: 3px 5px 10px 5px; text-indent:20px; 	margin:5px 0 5px 5px;font-size: 11px;color: #333333;line-height: 25px;background:url(../images/go.jpg) no-repeat  left top #fff;border:1px solid #ccc;  }
 
#left  .title { float:none; color:#fff;width:200px; height:21px; margin-top:0px;   padding-top:4px; padding-left:10px; font-size: 14px; font-weight: bold; display:block;background:url(../images/top.gif) repeat-x;text-align:center;}
/*================================ right================= ===*/
#right {margin-bottom:-10000px;padding-bottom:10000px; background: #C9EBF3 ;display:block;width:725px;margin-top:10px;float:left;margin-left:8px;
 } 
 .table01 {
	background: #E5F1FF;
	width:725px;
	margin:auto;
	float: left;
}
.table01 tr { background: #ffffff;}
.table01 td{
	line-height:25px;
	padding-left:5px;
}.table01 .head{background:#E4F1FF;}
.clear { clear: both; height: 0px; font-size: 0px; margin:0;padding:0;}
.lab{color:#FF0000;}
 
.company{
	width:98%;
	height:auto;

	margin-left:2px;
	padding:2px;
	float:left;
	font-size: 11px;
	line-height: 22px;
	margin-top:3px;
	color:#000000;
	border-bottom:1px dotted #cccccc;
 }
 
.company img {float:left;padding-right:8px;} 
.company .img1{float:right;}

 
 
 
 
 
 
 
 
 
 
 
#right .tu{height:200px;margin-top:5px;float:right;margin:2px 5px 0 2px;}

#right .tu img{border:1px solid  #CC6600; display:inline;}
#text{background:#F9FAFA;width:98%;height:280px;margin-left:2px;float:left;font-size: 11px;line-height: 24px;border:1px solid #eee;height:auto;margin-top:0px;height:auto;text-align: left; }
#text img{padding:3px;margin:0 0 0px 5px;}
#text p{padding :5px 5px 5px 10px;}
#text span{font-weight:bold;}
#text a{color:#333;}
#text a:hover{ text-decoration:underline;}
 #right  .style{background: url(../images/arrow.jpg) no-repeat left top;font-size:15px;color: #006699;font-weight:bold;display:block;height:auto;width:95%;margin:10px 0px 10px 0px;padding-left:25px;line-height:22px;float:left;text-align:left; }
 #right a.pdf{float:left; clear:both; color:#666; } 
 #right a.pdf img{margin:0 2px 0 0; padding:0; border:none; display:inline;  }
 
#right .content{background:#fff;height:auto;width:98%;margin-top:10px;margin-bott:10px;margin-left:5px;float:left; }
#right .content h3{font:normal 22px "Times New Roman", Times, serif; line-height:40px; }
#right .content span{font-weight:bold; }
#right .content  p{line-height:20px;padding:5px 5px 0  15px;}
#right .content img{border:1px solid #ccc;display:block;margin:3px auto 0px auto;}
#right .content img.pic{display: inline-block;margin:0 5px 5px 5px;float:left;border:1px solid #ccc;}

#right  ul {width:100%;margin-top:5px;margin-left:5px;}
#right  ul li{width:100%;height:auto;margin-bottom:0px;float:left;}
#right  ul li ol{width:100%;height:auto;display: inline-block; }
#right  ul li ol li{width:18%;height:140px;border:none;margin:5px 0 0px 2px;float:left;}
#right ul li ol li img{border:1px  solid #ccc;}
#right   ul li ol li.content{border:1px solid #eee;background:#F9FAFA;width:79%;height:130px;float:left;margin:0px 0 0px 5px;line-height:16px;}

#right ul li ol li.content a { color:#006699;   border-bottom: 1px #FFFFFF dashed; border-bottom:1px dashed #ccc; margin-bottom:0px; line-height:25px;}
#right ul li ol li.content a strong{font-size:12px;}
#right ul li ol li.content a.pdf{display:block; float:left; color:#666; border:none;}
#right ul li ol li.content a.pdf img{margin:0 2px 0 0; display:inline; border:none; padding:0; }
#right ul li ol li.content a.pdf:hover{color:#666;}
#right  ul li ol li.content a:hover { color:#000;}


.title {
	width:725px;
	padding-left: 10px;
	color:#FFFFFF;
	background:url(../images/top.gif) repeat-x;
	font-size:12px;
	line-height:20px;
	margin: 0px 0px;
	font-weight:bold;
}
.title  a{color:#fff;}
a.more{display: block;text-align:right;float:right;width:150px;height:30px;color: #006699;font-weight:bold;margin-right:10px;}
#right .top{border-right: medium none; border-top: medium none; filter: progid:DXImageTransform.Microsoftpadding:8px; left: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-80); border-left: medium none; boder-bottom: medium none; position: absolute;top: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-55); left: 1140px;text-align:center;top: 1180px; }
#right .top a{color:#fff;font-weight:bold;font-size:14px;}

#right .otherpro {width:99%;height:auto;margin-top:10px;float:left;}
#right .otherpro  ul{width:710px; margin:0; height:auto; }
#right .otherpro  ul li{width:150px;float:left;padding:0px;margin:5px 0px 10px 8px;height:auto;display:inline-block;}
#right .otherpro img{border:1px solid #ccc;margin:0 auto;
 }
#right .otherpro  ul  li a{color:#2A2A2B; }
#right .otherpro  ul  li strong{display:block;text-align:left;float:none;font-weight:normal;}
#right .otherpro  ul li a:hover{color:#CC6600; }
/*========================================================= Foot ============================================================*/
#etw_foot{width: 950px;margin: 0 auto;height:56px;border-top:3px solid #20ABEF;clear: both;}
#etw_foot p { line-height: 25px;color:#333; }
#etw_foot a{ color: #000000; margin: 5px 26px; }
#etw_foot a:hover { text-decoration: underline; }
#promotion {margin-top:10px;float:left;width:650px;height:30px;margin-left:10px;}  
 #promotion img{border:none;float:left;margin-left:50px;}
 #promotion p{margin-top:5px;font-size:11px;color:#333;text-align:right;}
  #promotion p span{font-weight:bold;}

#etw_foot #address{width:90%;height:25px;line-height:20px;text-align:center; float: left;}
#etw_foot #address p{font-weight:bold; display:inline; }
#etw_foot #otherlink{width:650px;margin-top:6px;margin:0 auto;}
#etw_foot #otherlink div{float:left;width:150px;height:25px;margin-left:10px;text-align:center;font-size:11px;line-height:25px; background:#eee;}
#etw_foot #otherlink a img{ border:none;}
#etw_foot #otherlink div a{  color:#333; font-weight:bold; margin:0px; padding:0px; }


 a.back { color: #fff;background:  #333;text-align: right; padding:4px 6px;border-bottom: 1px solid #eee; display: inline-block; font-weight:bold;float:right;margin:10px 5px 0 0 ;border:1px solid #ccc;}
a.back1 { color: #fff;background:  #CC6600;text-align: right; padding:4px 6px;border-bottom: 1px solid #eee; display: inline-block; font-weight:bold;float:right;margin:10px 5px 0 0 ;border:1px solid #ccc;}
a.back:hover{background: #CC6600;}