@charset "utf-8";
/* CSS Document */
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}
hr{ border:1px dashed #FF6600; height:1px;}
body { direction: ltr; font: 12px Arial, Helvetica, sans-serif; font: normal 12px/1.5em Verdana; /*text-align: center;*/margin:0; padding:0; line-height:24px;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {	margin: 0; padding: 0; }
img { border: 0px; }
a img { border: none; }
a { outline: none; text-decoration: none; }
:focus { -moz-outline-style: none; }
ol, ul, dl, dt { list-style: none; }
ol:after, ul:after { content: "."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden; }
.clear { clear: both; height: 0px; font-size: 0px; }
#etw_wrapper{ width: 1003px; height:auto; margin: 0 auto; padding: 0px 0px 0px 0px; }
#etw_header { width: 100%; height: auto; }
#etw_header h5 { background: #FFEEEE; color: #8C0200; font-size: 9px; width: 100%; margin: 0px auto; text-align: right; border-bottom:1px #333333 solid; font-weight:normal;}
#etw_header h5 a { color:#00CCFF; }
#etw_header h5 img { margin-top: -18px; _margin-top: 0px; }
#etw_header .etw_mhead { display: block; width: 100%; height: 170px;}
#etw_header_logo{ width:200px; height:70px; float:left;}
#etw_header .etw_mhead #namebox { width:790px; background:#FFFFFF; height:70px;float:left; text-align:right;}
a { color:#003870;}
#etw_header .etw_mhead #namebox .name { width:80%; background:#FFFFFF; filter:alpha(opacity=70); /*Fancy style for IE */ -moz-opacity: 0.7; opacity: 0.7; margin:32px 0 0 0; color:#CC0000; padding:0 0 0 10px; text-align:left; height:38px;}
#etw_header .etw_mhead #underlogo { width:200px; height:100px; background:url(images/bgunderlogo.jpg); float:left;}
#etw_header .etw_mhead .line { height:1px; width:100%; background:#FFFFFF; font:0px Arial, Helvetica, sans-serif; float:left;}
#etw_header .etw_mhead .newproduct { width:780px; height:100px; background:url(images/bg.jpg); border-left: 10px solid #66CCFF; font: normal 12px verdana; color:#CCCCCC; margin:0 auto; float:left;}

#etw_main { width: 100%; float:left; overflow: hidden; }
#sideleft { width: 200px; float: left; text-align: left; border-top: 1px solid #FFFFFF; background:#024184;}
#sideright { width: 781px; float: left; background:#FFFFFF; text-align: left; border-left: 10px solid #fff; }
#etw_main { display: inline-block;}
/*\*/
#etw_main { display: block; }
/* end easy clearing */
/*\*/
#sideleft, #sideright { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
#sideleft #contact { margin:40px 0 0 0; width:100%; height:auto; padding:0 0 0 0px; font:normal 12px arial; color:#ccc; line-height: 20px; }
#sideleft #contact .contacttitle { color:#FFFFFF; line-height:26px; padding:0; margin:0; padding:0 0 0 14px; background:url(images/h3.jpg); border-width: 1px 0 1px 0; }
#sideleft #contact .contacttext{ padding: 10px 5px 0 10px;color:#FFFFFF; background:url(images/li.jpg) repeat-x;}
#sideleft #contact .contacttext a{ color:#FFFFFF; text-decoration: underline; font-weight:bold;}
#sideleft ul { margin: 0px 0; text-align: left; width: 100%; height: auto; font:normal 12px arial; color:#000000;}
#sideleft ul li {
	display: block;
	height:auto;
	line-height:18px;
	float:left;
	background:url(images/li.jpg) top;
}
#sideleft ul li a { color:#FFFFFF; display:block; padding:4px 0 0 6px; width: 193px; }
#sideleft ul li a:hover { background:#FFFFFF url(images/list.gif) no-repeat right; color:#013D7A;}
#sideleft ul .title{ font-size:12px; padding:8px 0 0 15px; width: 185px; background:url(images/h3.jpg); color:#FFFFFF; }

#etw_tabs1 { float:left; width:80%; font: 12px Arial; line-height:normal; }
#etw_tabs1 ul { margin:0; padding:0px 10px 0 0px; list-style:none; }
#etw_tabs1 li { display:inline; margin:0; padding:0; }
#etw_tabs1 a { float:left; background: url(images/tableft1.gif) no-repeat left top; margin:0 1px; padding:0 0 0 4px; text-decoration:none; color:#333333;}

#etw_tabs1 a span { float:left; display:block; background: url(images/tabright1.gif) no-repeat right top; padding:3px 48px 4px 42px; _padding:4px 50px 5px 46px;}

#etw_tabs1 a:hover { color:#FFFFFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#etw_tabs1 a span {float:none;}
/* End IE5-Mac hack */
#etw_tabs1 a:hover { background-position:0% -23px;} 
@media all and (min-width: 0px){
#etw_tabs1 a span { padding: 3px 50px 5px 46px; }
}
#etw_tabs1 a:hover span { background-position:100% -23px; }
#etw_tabs1 #current a { background-position:0% -23px; color:#FFFFFF; }
#etw_tabs1 #current a span { background-position:100% -23px; }


.lianjie {width:100%; height:auto; margin-top:20px;}
.lianjie img {float:left; margin-left:200px;}
#sideright #contentleft { width:70%; height:auto; float:left; font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:22px; text-align:justify; padding:0 0 0 10px;} 
.contenttitle{ font-size:12px; color:#0171B9; font-weight: bold; padding:10px 0 0 0; display:block; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
a.textlink { color:#FF0000; text-decoration:none;}
a.textlink:hover { text-decoration:underline;}
a.more { color:#8C0200; display: block; float:right; font-weight: bold;}
a.more:hover { text-decoration: underline; }
#sideright #contentright { width:25%; height:auto; float:left; border-left: 1px #CCCCCC solid; margin:10px 0 0 20px; padding:0 0 0 0px;}
#sideright #contentright .classtitle { background:#F3F3F3; display: block; height:18px; font: bold 12px Arial, Helvetica, sans-serif; padding: 7px 0 0 12px; color:#0171B9}
#sideright #contentright ul#productul { width: 98%; padding: 0 0 0 10px; float:left; margin:0;}
#sideright #contentright ul#productul li { width: 97% ; }
#sideright #contentright ul#productul li a { display:block; color: #F43E00; font-size:12px; background: url(images/icon01.gif) no-repeat left center; padding:0px 0 0px 12px; _padding:0px 0 0px 12px; margin:0 0 0 0px; line-height: 22px;}
#sideright #contentright ul#productul li a:hover { background: url(images/icon01hover.gif) left center no-repeat #ccc; font-weight: bold; padding:0px 0 0px 12px; _padding:0px 0 0px 12px; color:#000000; line-height: 16px;}
#sideright #contentright ul#hotul { width: 98%; height:auto; float:left; margin:10px 0 0 0;}
#sideright #contentright ul#hotul li { width:100%; margin-bottom:10px;}
#sideright #contentright ul#hotul li { display: block; width: 100%; height:auto; line-height:18px;}
#sideright #contentright ul#hotul li ol { width: 100%; border:none; height:auto;}
#sideright #contentright ul#hotul li ol li { display: block; margin: 4px 0px 0 0px; _margin: 4px 0px 0 0px; width: auto; padding-left:20px;text-align:left; height:auto; border:none; color:#CC0000;}
#sideright #contentright ul#hotul li .etw_pinfo { width:80%; border:none; height:auto; color:#000; text-align: justify; padding: 0 0 5px 0px; margin: 0 0 0 22px; border-bottom:#CCCCCC 1px dashed;}
#sideright #contentright ul#hotul li ol li a { font-size:12px; color: #0171B9; padding:0; margin:0;  }
#sideright #contentright ul#hotul li ol li a:hover { color:#ffffff; background:#0171B9;}


#etw_container #etw_container_right { float: right; width: 730px; height: auto; }
#etw_container #etw_container_right #etw_content_lf { float: left; margin-right: 2px; width: 506px; /*69%*/ }
#etw_content_lf #re_Products { height: auto;}
#etw_content_lf #re_Products ul { margin: 6px auto; text-align: left; width: 96%; height: auto; }
#etw_content_lf #re_Products ul li { display: block; margin: 0px; width: 100%; height: 90px; }
#etw_content_lf #re_Products ul li ol { width: 100%; }
#etw_content_lf #re_Products ul li ol li { display: inline; float: left; margin: 0 2px; width: 20%; }
#etw_content_lf #re_Products ul li .etw_pinfo { width: 75%; }
#etw_content_lf #re_Products ul li .etw_pinfo b { color: #ff6600; display: block; }
#etw_content_lf #re_Products ul li:hover { background: #f8f8f8; }
#etw_content_lf #re_Products a { color: #515151; display: block; padding: 6px; height: 78px; }
#etw_content_lf #etw_societe { margin: 5px auto; width: 96%; text-align: justify; }
#etw_container #etw_container_right #etw_content_rt { float: right; margin: 0px; width: 220px; /*30%*/ }
#etw_container_right #etw_content_rt #etw_cc { display: block; margin: 0 auto; width: 99%; height: auto; }
#etw_container_right #etw_content_rt #etw_cc li { background: #f5f5f5 url(../images/list_a3.gif) no-repeat 16px 7px; margin: 1px 0px; *margin: 0px; width: 100%; height: auto; }
#etw_container_right #etw_content_rt #etw_cc li a { color: #515151; display: block; padding-left: 25px; }
#etw_container_right #etw_content_rt #etw_cc li a:hover { background: #f1f1f1 url(../images/list_a3.gif) no-repeat 12px 7px; }


#etw_container #etw_container_right #etw_p #pro_d { width:100%;}
#etw_container #etw_container_right #etw_p h3{ text-align:left; text-indent:6px;}
#etw_container_right #etw_p { float: left; height: auto;width:100%;}
#etw_container_right #etw_p ul { margin: 6px auto; text-align: left; width: 100%; height: auto; }
#etw_container_right #etw_p ul li { display: block; float: left; margin: 6px 1%; padding: 0px; width: 92%; _width: 92%; height: 128px; }
#etw_container_right #etw_p ul li ol { float: left; width: 100%; height: auto; }
#etw_container_right #etw_p ul li ol li { display: block; float: left; margin: 0 2px; width: 35%; }
#etw_container_right #etw_p ul li .etw_p { width: 62%; display: block; overflow: hidden; line-height:16px;; margin-top:6px;}
#etw_container_right #etw_p ul li .etw_p a {color:#CC0000;display: block; font-weight:bolder; padding:0px; margin:0px;}
#etw_container_right #etw_p ul li:hover { background: #f8f8f8; }
#etw_container_right #etw_p dl { margin: 10px; width: 98% !important; _width: 96%; height: auto; }
#etw_container_right #etw_p dl dt { display: block; float: left; margin: 0px 1%; width: auto; height: auto; }
#etw_container_right #etw_p dl dd { float: right; padding-top: 5px; width: 62%; }
#etw_container_right #etw_p dl a { padding: 0; }
#etw_container_right #etw_p a { color: #515151; display: block; padding: 6px 0px 0px 6px; }

#etw_container_right h4 {  font-size: 12px; height: 15px; margin-top: 10px; color:#0171B9; text-align: left; padding-bottom:-5px; text-indent: 12px;font-family: Arial, Helvetica, sans-serif; border-bottom:#CCCCCC 1px dotted;}
.pro_name {color: #8C0200; font-weight:bolder;}

#pager { width: 700px; text-align: right; margin: 0 auto; padding: 3px 6px; font-weight:bolder; height:auto; }
#pager a {  margin: 0px 2px; width: 10px; padding: 3px 6px; color:#000000; }
#pager a:hover { background: #024184;color: #fff;}


#etw_foot #white{ width: 200px; height: 40px; background:#FFFFFF; float:left; text-align:center;}
#etw_foot #promotation {width:752px; height:30px; background: #024184; font: normal 12px verdana; color:#FFFFFF; margin:0px auto; float:left; padding-right:30px; padding-top:10px; text-align:right; border-left: #66CCFF 10px solid; font-size:11px; } 
#etw_foot #promotation a { color:#FFFFFF;}
#etw_foot #promotation img {padding-top: 2px; } 
#etw_foot .indent { display: inline-block; padding-top: 7px; margin-left: 10px; } 
#etw_foot #promotation a img { filter:alpha(opacity=70); /*Fancy style for IE */ -moz-opacity: 0.7; opacity: 0.7;} 
#etw_foot #promotation a:hover img { filter:alpha(opacity=100); /*Fancy style for IE */ -moz-opacity: 1; opacity: 1;} 
.STYLE1 {
	color:#666666;
	font-size: 12px;
	font-weight:normal;
}
.STYLE2 {
	color:#0066CC;
	font-size: 12px;
	font-weight:bold;
	line-height: 20px;
}
.STYLE3 {
	color:#0099FF;
	font-size: 12px;
	line-height: 20px;
}
.STYLE4 {
	color:#333333;
	font-size:9px;
	font-weight:normal;
	vertical-align: super;
}