@charset "utf-8";

body {background: url(../images/bg2.jpg)  repeat-x #EDEDED; font-family:arial; text-align:center;margin:0 auto;font-size:12px;}
* {	margin: 0px; padding: 0px; }
img { border: 0px; }
* { padding: 0px ; margin: 0px;}
a img { border:0px; }
a { color: #000000; outline: none; text-decoration: none; }
ol, ul, dl, dt { 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; margin-top:-20px; }
.table01 { background: #ccc; width:95%;margin:0 auto; }
.table01 tr { background:#fff;}
.table01 tr td{padding-left:3px;}
#middle1 h3{width:760px;height:23px; line-height:18px; font-size:12px;font-weight:normal;color:#FFFFFF;margin-left:5px;padding-left:5px;padding-top:3px;font-weight:bold; float:left; }
#middle1 h2{background: url(../images/contac_title2.jpg)  no-repeat;}
#middle1 h3{background: url(../images/contac_title3.jpg)  no-repeat;}
 /*=== Main ===*/
 #etw_wrapper { width: 1003px;  background: #fff; padding:0px; height:auto; overflow:hidden; margin:0 auto; text-align:left; }

 /*=== Header===*/
 
#etw_header { width: 1003px; height:auto; margin: 0px auto; display: block;background: url(../images/top1.jpg) repeat-x ;}
#etw_header h5 { color: #676E8E; font-size: 9px; width: 100%; margin: 0px auto; text-align:right;  padding-top:2px;  display:block; marging-right:5px; height:15px;  }
#etw_header h5 a { color: #242C51; }
#etw_header h5 img { margin-top: -5px; }



#etw_header .x .log{ width: 200px; margin: 0px 0 5px 4px;   display:block; height:72px; float:left;}
#etw_header .x .classname { width:760px; height:auto; font-size: 22px; color: #000; font-family:verdana; float:left; padding:0px; margin:10px 0; padding-left:5px; font-weight: bold;float:left; }
#etw_header .x .classname h2{font-size:18px;  width:auto; color:#3366FF; line-height:20px; font-weight:normal;}
 #etw_header .x .classname h2 a {font-size:19px; color:#3399FF; font-weight:normal;}

#etw_header #menu {width:1003px;height:54px;background: url(../images/menu.jpg) repeat-x ; float:left;text-align:center;}
#etw_header #menu ul { width: 998px;; padding: 0px 15px;margin-left:20px; }
#etw_header #menu ul li { float:left; list-style: none; }
#etw_header #menu ul li.nav { font-size: 12px; padding-top: 0px;  }
#etw_header #menu ul li.nav a { border-right:#fff dotted 1px; margin: 0px 1px; font-weight: bold; padding: 5px 25px; display: block; }
#etw_header #menu ul li.nav a:hover { background: url(../images/menu_hover.jpg) repeat-x ; }

#etw_header .banner {  height: 123px; padding: 0px; display:block; width: 1003px; background: url(../images/classname_bg.jpg) no-repeat;margin:auto;float:left;text-align:center;}
#etw_header .banner .classname { width: 700px; height:40px; color: #fff; font-family: verdana;float:left; padding:0px;margin-left:250px!important;margin-left:116px;margin-top:50px;   float:left; }
#etw_header .banner .classname h2{ font-size:22px;}
#etw_header .line{clear:both; width:100%;height:14px;background: url(../images/line.jpg) repeat-x; margin:0 auto; float:left;text-align:center;}

/*== Left ==*/
 #left { width:215px; margin-top:0px; float:left; background:#F4F5F5;padding-top:5px;padding-left:2px;height:550px;}
 #left ul.list { width:100%; padding-top: 0px; padding-bottom: 0px; line-height: 19px; }
 #left ul.list  li.title { color:#fff; background: url(../images/contac_title1.jpg) no-repeat; width:100%;   height: 35px; padding-left: 0px; font-weight: bold; font-size: 12px;}
 #left ul.list li a.title{ float:none; width:96%; margin:3px 0 0 0; padding-left:10px; background: url(../images/icon.gif) no-repeat 3px center #fff; font-size:12px; font-weight: bold; display:block;}
 #left ul.list li a.each { float:none; width:93%; margin: 0px 0px 0px 10px; line-height: 20px; font-size: 12px; border-bottom: 1px #ffffff dashed; display:block;  padding-left:5px;}
 #left ul.list li a.each:hover { color:#000;background:#E6BB13;font-weight:bold;}
 #left ul.list li a.title:hover{ background: url(../images/icon.gif) no-repeat 3px center #fff ;}
 #left ul.quick_links { width: 100%; margin-top: 20px; }
 #left ul.quick_links li { height:55px;  background:#B0D1EB;margin-bottom: 10px; font-size:12px; font-weight:bold;}
 #left ul.quick_links li a { color:#333;}
 #left ul.quick_links li a img { padding: 3px; border-right: 1px #fff  dotted; float:left; margin-right: 5px;  }
 #left ul.quick_links li a img:hover { background: #fff;}
 #left ul.quick_links li a:hover { border-bottom: #fff 1px dashed;}
 
 
/*== middle==*/
 #middle { width: 560px; float:left; margin:0 3px;padding-top:5px;}
 #middle .text{width:540px;height:20px;background:#000;font-size:12px;font-weight:bold;color:#fff;margin-top:5px;margin-left:5px;padding:4px 0 0 15px;}
 #middle .intro{font-size:12px; line-height: 20px;color:#fff;margin-top:5px;margin-left:5px;padding:4px 0 0 0px; display:block;width:95%;float:left;text-align:left;}
 #middle .intro p{padding:20px;}
 #middle .intro img.pic{border:3px solid   #CCCCCC; padding:3px; display:block; margin:16px 0 0px 0; }

 #middle .contact{font-size:12px; line-height: 24px;color:#fff;margin-top:14px;margin-left:5px;padding:4px 0 0 11px; display:block;width:560px;float:left;text-align:left;background-color:#000;height:auto;}
 #middle .contact a{color: #FF6600;}
 #middle .advertise, #middle .advertise1 { width: 98%; height:320px; background: url(../images/advertise.jpg) no-repeat; margin:0px auto; border:1px double #ccc;}
 #middle .advertise .title,  #middle .advertise1 .title  { float: right; font-weight: bold; margin-right:10px; margin-top: 5px; width:424px; border-bottom: 3px #CCCCCC solid; text-align: right;display:block; } 
 #middle .advertise a{color: #FF6600;}
 #middle .advertise a.enter { color:#116cc5; font-weight: bold; font-size:12px; float:right; margin-top:23px; display:block; width:200px; text-align:right; margin-right: 10px;} 
 #middle .advertise .content { float:right; width: 424px; margin-right: 10px; font-size:12px; line-height: 20px;display:block;height:260px;text-align:justify;}
 
 #middle .advertise1 .content { float:right; width: 424px; margin-right: 10px; font-size:12px; line-height: 22px;display:block;height:auto;}
 #middle .advertise1 a{color: #FF3300;}
 #middle ul { width:550px; margin-top:15px; float:left; }
 #middle ul li { width:550px; border-top: 1px #CCCCCC  dotted; padding:0; display:block; float:left;margin-top:8px; font-family:Verdana; line-height:18px;}
 #middle ul li ol { width: 550px;}
 #middle ul li ol li.pic { width: 120px; float:left; padding: 0 8px; border: none; display: inline-block;border-right: 1px #ffffff dashed; }
 #middle ul li ol li.title {
	width: 390px;
	float:left;
	height:20px;
	border:none;
	font-size:12px;
	font-weight: bold;
	line-height:18px;
} 
 #middle ul li ol li.title a { background: url(../images/icon02.gif) no-repeat left center; color: #116CC5;margin-left:10px; padding-left:15px;  border-bottom: 1px #FFFFFF dashed; }
 #middle ul li ol li.title a:hover { color:#FF9900;}
 #middle ul li ol li.content { width: 380px; margin-left:15px; float:left; color: #333333; font-size:11px; line-height:18px; border:none; }
 
 #middle1 { width: 775px; float:left; margin:0 0 0 5px;padding-top:5px;}
 #middle1 ul { width:775px; display:block;margin:0;padding:0;}
 #middle1 ul li { width:99%; padding:0; display:block; float:left;margin:0 0 0 0px; }
 #middle1 ul li ol { width: 99%;}
 #middle1 ul li ol li{ width: 120px;height:128px; float:left; height:auto; font-size:12px;display: inline-block;margin:8px 20px 5px 25px;border: none;text-align:center;}
#middle1 h2{width:730px;height:23px; line-height:18px; font-size:12px;font-weight:normal;color:#FFFFFF;margin-left:5px;padding-left:5px;padding-top:3px;font-weight:bold; }
 #middle1 ul li ol li.title{ width:730px;float:left; padding:0 5px 0 15px;  display: inline-block;text-align:left;margin:10px 0 5px 5px;background:#F9F7F7; border:1px solid #DDDDDD;  line-height:22px ; font-family:Verdana, Arial, ; }
 
#middle1 .title .pdf{clear:both; float:left; margin:0; padding:0px; }
#middle1 .title .pdf img{border:none; margin:0 3px 0 0; display:inline;}
#middle1 .title .pdf a{color:#666;} 
#middle1 .title .pdf a:hover{text-decoration:underline;} 
 
  #middle1 ul li b{font-size:14px;}
 .back{float:right;width:600px;display:block;text-align:right;font-size:11px;color:#0163A0;font-weight:bold;marign-right:5px;}

#middle1 ul li ol li.more { height:15px;width:745px;  border-bottom:#116CC5 1px dotted;float:left; color: #116CC5; display: inline-block;font-weight:bold;margin:5px 0 5px 15px;}
#middle1 ul li ol li.more .classname{float:left;margin-left:5px;}
 #middle1 ul li ol li.more a{ float: right; background: url(../images/icon_04.gif) no-repeat right center; padding-right:10px; font-weight: normal;  color:#116CC5;} 

 #middle1 ul li ol li img{  border:1px solid #ccc;margin:4px;}
  #middle1 ul li ol li img.pic{border:1px solid #ccc;display:block;margin:5px auto; }
   #middle1  a.link{color: #116CC5;}
 #middle1 ul li ol li a:hover { color: #993300;}

/*== right==*/
 #right { width:215px;  padding-top: 0px; float:right;margin-left:0px;padding-top:5px;height:auto;}
  #right .contact { width:98%; background: url(../images/contac_title.jpg) no-repeat #F4F5F5; padding: 40px 3px 10px 5px; margin-top:0px; font-size: 12px; color: #000; line-height: 20px;}
 #right .contact a { color:#116CC5;}
 #right .contact a:hover { text-decoration: underline;}

/*= Foot =*/
#etw_foot{ width:1003px; border-top: 2px #9F9F9F solid; clear:both; margin:0 auto; }
#etw_foot #promotion { height:60px;  font: normal 11px verdana; color:#999; margin:0 auto;text-align:center;padding-top:5px;} 
.hotlink {width:100%; text-align:center; height:20px; font-family:Arial; line-height:20px; font-size:12px;   color:#6495ED; }
.hotlink a{padding:0 10px;  color:#6495ED; display:inline;  }
.hotlink a:hover{text-decoration:underline; }
#etw_foot #promotion div{width:150px;height:30px;margin:0 auto;}

#etw_foot #promotion a:hover { color:#333333; text-decoration:underline;}
#etw_foot #promotion img { padding-top: 2px; }
#etw_foot .indent { display: inline-block; padding-top: 7px; margin-left: 10px; }
#etw_foot #promotion a img { filter:alpha(opacity=70); /*Fancy style for IE */ -moz-opacity: 0.7; opacity: 0.7;}
#etw_foot #promotion a:hover img { filter:alpha(opacity=100); /*Fancy style for IE */ -moz-opacity: 1; opacity: 1; }
#etw_foot #promotion .otherlink{width:420px;height:30px;margin:0 auto;}
#etw_foot #promotion .otherlink  div{width:90px;height:30px;line-height:30px;text-align:center;font-size:12px;float:left;margin-left:10px;}
.nobackground{ background:#FFFFFF;}
#etw_table{width:500px;height:600px;float:left;font-size:12px;}