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

body{background:url(../images/bg.jpg) repeat-x  #E3EDF4 top center;font-family:Arial, Helvetica, sans-serif;margin:0 auto;padding:0;text-aign:center;font-size:11px; }
ul,ol {list-style:none;}
*{	margin: 0px; padding: 0px; }
a{text-decoration:none;}
img { border: 0px; }
.clear { clear:both; height:0px; font-size:0px; margin:0;padding:0;}

.table01{background: #A8CEFE;text-align:left;width:92%;margin:0 auto;line-height:20px; margin-top:9px;}
.table01 tr { background: #FAFBFB;}
.table01 td {padding-left:6px;}
.table01  .head{background:#FDECD2;}

#wrapper{
	height:auto;
	width:908px;
	background:#fff url(../images/bg11.jpg)  repeat-y ;
	margin:3px auto 0 auto;
	text-align:left;
}

#etw_header {
	width:980px;
	height:auto;
	margin: 0px auto;
	display: block;
}
#etw_header  h5 {
	color: #000;
	font-size: 9px;
	width:977px;
	margin:6px auto 6px auto;
	text-align:left;
	padding-top:2px;
	display:block;
	padding-left:3px;
	height:15px;
}
#etw_header h5 a { color: #333;}
#etw_header .etw_mhead {
	display: block;
	float:none;
	margin:0 0;
	width:1000px;
	height: 131px;
  }
 .etw_mhead .log {
	width:180px;
	margin-left:10px!important;
	margin-left:5px;
	height: 49px;
	float:left;
	background:url(../images/log.gif) no-repeat;
	margin-top: 12px;
	
}
 .etw_mhead .etw_companyname {
	width:400px;
	text-align:left;
	height: 79px;
	float:left;
	font:bold 24px "Times New Roman", Times, serif;
	color:#333333;
	margin:20px 0px 0px 20px;
	padding-top:0px;
}
 .etw_mhead .etw_companyname a { color:#333;}
 .etw_mhead .etw_companyname h2{ font-size:18px; line-height:35px; text-align:center;}
 .etw_mhead  .language {
	width:380px;
	height:25px;
	margin:15px 0 0 0px;
	float:right;
	font-size:11px;
 }
 .etw_mhead .language a { color:#333; float:left;margin-right:10px;margin-top:10px;}
 .etw_mhead .language a img { margin-right:3px;}
 .etw_mhead  .language a:hover { color:#A3322C;}
 .etw_mhead  #menu{
	width:900px;
	float:left;
	height:32px;
}
#menu ul{
	width:730px;
	height:32px;
	padding: 0px;
	
	float:left;
}
#menu ul li{ margin:0 5px;
  	float:left; 
	text-align:center;
	height:32px;
}
#menu ul li.active{
	width:130px;
}
#menu ul li.active a{
	color:#333333;
	background: url(../images/menu1.gif) no-repeat;
}		
#menu ul li a{background: url(../images/menu.gif) repeat-x ; width:130px; 
	text-align:center;
	font-size:11px;height:32px;
	line-height:32px;
	font-weight:bold;
	color:#fff;
	display:block;
}

#menu  li a:hover{background: url(../images/menu1.gif) no-repeat;
	color: #000;
 }
#menu .call{
	height:20px;
	width:170px;
	float:right;
	color:#FFFFFF;
	margin-top: 8px;
	display:inline-block;
}
.call a{color:#fff;}
.call a:hover{
	color:#000;
}
 .intro{
	width:98%;
	height:auto;
	float:left;
	line-height:22px;
	margin:0 auto;
	color: #333333;
	margin-bottom: 0px;
	text-align: justify;
}
.intro h2 { font-size:17px; line-height:45px;}
 a.pdf { color:#333; }
 a.pdf img { border:none; float:left;} 
 a.pdf:hover { text-decoration:underline; color:#0080C0;}
.intro img.bigtu{
	border:1px solid #fff;
 	display:block;
	margin:3px 0 3px 5px;
	float: right;
}
.intro img.bigtu1{
	border:1px solid #ccc;
	display:block;
	margin-top:2px;
	float:left;
}
 .intro  img {
	border:none;
	margin:2px 5px;
	display: inline;
	border:1px solid #eee;text-align:left;
}


/*-----content-----------------*/
#wrapper #content{
	background:#fff;
	width:900px;
	margin:0 auto;margin-top:0px!important;margin-top:15px;
	padding-top:15px!important;padding-top:0px;
	height:auto;
	overflow:hidden;
}
#etw_wrapper #left, #etw_wrapper #right {  margin-bottom:-10000px; padding-bottom:10000px;}
/*-----wrapper-----------------*/
#wrapper  .link{
	font-size:12px;
	width:870px;
	float:left;
	line-height:31px;
	font-weight:bold;
	height:31px;
	padding-left:30px!important;
	padding-left:33px;
	color:#666666;
	
}
#wrapper  .link a{
	color:#E37E06;border-bottom:1px solid #eee;
	font-size:11px;
	padding-left:10px;
}
#wrapper.link a:hover{
	text-decoration:underline;
}
#wrapper .style{
	background:url(../images/line3.jpg)  repeat-x bottom;
	font-size:15px;
	color:#4588B3;
	font-weight:bold;
	display:block;
	height:30px;
	width:665px;
	margin:5px auto 0px 0px;
 	padding-left:10px;
	float:left;
	text-align:left;
}
#wrapper .style a{color:#4588B3;}
#wrapper .righttop .style a{color:#339933;}
.company{
	width:98%;
	line-height:25px;
	color:#333;
	font-size:12px;
	margin: 0 auto 0px auto;
	float:left;
}
.company img{
	margin:0 6px;
}
.company a{
	color:#000000;
}
.contact1{
	background:url(../images/lianxi.gif)   no-repeat right bottom;
	width:86%;
	line-height:25px;
	color:#333;
	font-size:12px;
	margin: 0 auto 0px auto;
	float:none;
}
.contact1 strong{
	color:#4788B2;
}
.contact1 a{
	color:#0066CC;
}

 #wrapper  .text {
	width:99%;
	line-height:24px;
	border-bottom:1px solid #eee;
	color:#333;
	height:230px; _height:auto;* height:auto;
	font-size:11px;
	text-align:justify;
	margin: 0 auto 0px auto;
	background: #FEFEFE;
 }
 .text a{color:#000000;}
 .text p{float:left;width:98%;padding:2px 0 0 5px;font-size:12px;}

.text img{ margin:0 4px; padding:3px;border:1px solid #ccc; }
 .text a.more {
	color: #0066FF;
	text-align: right;
	float:right;
	display:block;
	background:url(../images/arrow1.gif) no-repeat center right;
	padding-right:18px;
	margin-right:3px;
	width: 100px;
 }
/*-----content-----------------*/
#content #left{
	width:210px;
	margin-left:3px;
	float:left;
 }
.title{
	width:203px;
	padding-left:0px;
	margin:0 auto;
	line-height:25px;
	height:25px;
	text-align: center;
	background:url(../images/leftline.gif) center no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
}
#content #left ul {
	margin: 5px 0 10px 0px;
	text-align: left;
	color: #7D8085;
	padding: 0px;
	width: 96%;
	font-size:12px;border-right:1px solid #eee;
}
#left ul  li.pic { margin: 0 0 2px 5px;padding: 0px;color: #555;border-left:1px solid #eee;border-bottom:1px solid #eee;background:#F8F9FA;}
#left ul li { margin: 0 0 2px 5px;padding: 0px;color: #555;border-left:1px solid #eee;border-bottom:1px solid #eee; background:#F8F9FA;}
#left ul  li.pic  a {font-weight:bold;
	color: #4C4A4A;line-height:20px;font-size:11px;
 	display: block;
	margin-bottom: 2px;
	background:url(../images/arrow.gif) center left no-repeat;
	padding-left:17px;
}
#left ul  li a {font-weight:normal;
	color: #4C4A4A;line-height:20px;font-size:11px;
 	display: block;
	margin-bottom: 2px;
	background:url(../images/small.gif) center left no-repeat;
	padding-left:24px;
}
#left ul li a:hover{color:#0066CC;background:url(../images/small.gif) center left no-repeat;}
#left ul li a.pro{color:#0066CC;background:url(../images/small.gif) center left no-repeat;margin-bottom: 2px;padding-left:24px;display: block;line-height:20px;font-size:11px;}
#left ul  li.pic a:hover{color:#0066CC;background:url(../images/arrow.gif) center left no-repeat;}
#left .contact{
	width:190px;
	border:1px solid #eee;
	border-top:none;
	background:#F8F9FA;
	font-size:11px;
	padding-left:10px;padding-top:5px;
	line-height:20px;
	height:auto;
	margin:0 2px 0 3px;
	color:#333;
}
#left .contact a{
	color:#CC6600;
}
#left .contact a:hover{text-decoration:underline;}
#content #right{
	width:675px;
	height:auto;
	margin-left:5px;
	float:right;
}
 
#right .righttop{
	width:670px;
	font-weight: bold;
	background:url(../images/rightline1.gif);
	height:25px;
	color:#333;
	font-size:12px;
	
}
#right .righttop .classname {
	float:left;
	line-height:25px;
	border:1px solid #ccc;
	border-top:none;
	text-align:center;
	padding:0 5px 0 8px ;
	width:auto;
	color:#666;
	margin-left:5px!important;
	margin-left:2px;
	font-size: 15px;
}
#right .righttop .classname1 {
	float:left;
	line-height:25px;
	border:1px solid #ccc;
 	text-align:center;
	padding-left: 8px;
	width:auto;
	color:#666;
	margin-left:5px!important;
	margin-left:2px;
	font-size: 15px;
}

.righttop   a{ 
	color:#666666;
	float: left;
	background: url(../images/icon_02.gif) no-repeat right;
	padding-right:6px;
	font-weight: normal;
	display:block;
	bottom:0px;
	margin-left:5px;
	margin-top:5px;
	line-height: inherit;
}
.righttop   a:hover{color:#333;}
#right .products{
	width:100%;
	height:auto;
	float:left;
	margin-top:5px;
	margin-left:5px!important;
	margin-left:0px;
}
#right .table{width:670px;height:900px;float:left;margin-top:20px;font-size:12px;color:#0077D4;background:#FFFFFF;}


.products ul {width:100%;margin-top:10px; margin-bottom:5px;}
.products ul li{
	margin-bottom:10px;
	width:49%;
	height:auto;
	float:left;
}
 
.products  ul li ol{
	width:100%;
	height:auto;
}
.products  ul li ol li{
 	width:45%;
	height:150px;
    display:inline-block
	border:none;
	margin:0px 0 10px 2px;
	float:left;
}
.products  ul li ol li img{
	border:1px solid #eee;
}
.products ul li ol li.content{
	width:48%;
	float:left;
	margin:0px 0 0px 7px;
	color:#333;
	padding:0 2px 0 5px;
	border:1px solid #FAFBFB;
	background:#FAFBFB;
	line-height:19px;
}
.products ul li ol li.content a.pdf { color:#333; }
.products ul li ol li.content a.pdf img { border:none;}
  .products ul li  b{ display:block;font-weight:normal; padding-left:5px;
 	margin-bottom:5px;font-size:12px;
}
.products  ul li  a { color:#0558AB;  }
.products  ul li   a:hover { color:#000;}


h3 {
	background: url(../images/arrow1.gif)  left center no-repeat;
	color:#075181;
	font-size: 12px;
	font-weight:bold;
	margin: 20px 0 5px 0px;
	padding:0 0 0 25px;
	height: 20px;
	line-height: 20px;
}
h3 a{color:#075181;}
#right .otherpro {
	width:650px;
	height:auto;
	margin:0px auto;
}
#right .otherpro  ul{
	width:630px;
	height:auto;
}
#right  .otherpro  ul li{line-height:16px;
	width:120px;
	float:left;
	padding:0px;
	margin:5px 10px 5px 8px;
	display:inline-block;
}
#right  .otherpro  ul  li  img{display:block;border:1px solid #ccc;}
#right  .otherpro  ul  li a{ margin:5px 10px 0 0px;   color:#333; }
   .otherpro  ul  li strong{
	display:block;
	text-align:center;
	float:none;
	font-weight:normal;
}
 #right .otherpro  ul li a:hover{color:#000; }

/*--------------Footer--------------*/
 #footer {
	background:#4687B1 url(../images/foot.jpg)  repeat-x;
	clear:both;
	margin:0 auto;
	height:60px;
	color:#fff;
	padding: 0;
	margin-top:0px;
}
 #footer .foot{width:900px;margin:0 auto;}
#promotion {
	margin-top:10px;
	float:left;
	width:640px;
	height:20px;
	margin-left:16px!important;
	margin-left:8px;
}  
#promotion P{text-align:right; display:block}
#promotion1 {
	margin-top:20px;
	float:left;
	width:900px;
	height:20px;
	text-align:center;
}  

 #promotion1 img{border:none;text-align:left;margin-left:16px}
#promotion p{margin-top:5px;font-size:11px;color:#fff;}
.foot #otherlink{
	width:900px;height:20px;float:left;text-align:center;
 }
.foot #otherlink div{
	width:auto;margin-right:10px;text-align:center;margin-top:3px;display:inline;
}
.foot #otherlink a img{ border:none;}
.foot #otherlink div a{  color:#fff; font-weight:bold; text-decoration:none;}




#footer a{color:#fff;}
   a.pag { border:1px solid #333;display:inline-block; margin:0px 8px 4px 0px;height:20px; padding:2px 8px;line-height:20px; font-size:12px;background:#F5A635; color: #000; float:right;font-weight:bold;}
	a.pags {  border:1px solid #333;display:inline-block; margin:0px 8px 4px 0px;height:20px; padding:2px 8px; line-height:20px; font-size:12px;background:#000; color: #fff; float:right;font-weight:bold;}
    a.pag:hover { color:#fff;background:#000;}