@charset "utf-8";
/* CSS Document */
 body{font-size:12px; font-family:Arial,Helvetica,sans-serif; margin:0 auto; padding:0px; color:#333; background:url(../images/topbg1.jpg) repeat-x #fff;}
*{margin:0; padding:0}
.copy{-moz-user-select:none}
a{outline:none; text-decoration:none; color:#333}
.clear{clear:both; font-size:0px; padding:0; margin:0}
img{border:none; margin:0 auto}
ol, ul, li{list-style:none}
 
.table{width:100%; background:#ccc; margin-bottom:8px; float:left; margin-top:0px}
.table tr{background:#FEFDFE}
.table .top{background:#F9EDBC}
.table td{line-height:18px; color:#333; padding-left:4px}
a.cursorbox{text-align:center; margin:0 auto; cursor:pointer; *cursor:auto; _cursor:auto; cursor:url(zoomin.cur)}
#allbox div a img{cursor:auto; cursor:url(small.cur)}
/* TOP*/
#etw_header_languages{width:922px; overflow:hidden; color:#ccc; font-size:9px; margin:0px auto; text-align:center; display:block; height:15px}
#etw_header_languages a{color:#fff; overflow:hidden}
#header{margin:0 auto; width:922px; overflow:hidden}
#language{height:18px; width:350px; margin:13px 0px 5px 10px; float:right; text-align:right}
#language a{color:#333; display:inline-block; margin-right:2px; text-align:right; font-size:11px}
#language a img{margin-right:3px}
#header .top{width:500px; float:right; text-align:right; margin-top:6px; margin-right:18px}

.top h2{font-size:17px; line-height:25px; line-height:20px; color:#333}
.top_other{width:350px; height:20px; float:right; margin-top:10px; margin-right:6px}
.add{overflow:hidden; float:left; width:130px; float:right; background:url(../images/add.jpg) no-repeat left center; margin-right:5px; height:19px}
 .set{overflow:hidden; float:left; width:200px; float:right; background:url(../images/home.jpg) no-repeat left center; height:19px}
.set a, .add a{overflow:hidden; padding-left:19px; display:block; color:#643434; font-size:10px; line-height:17px}
.add a:hover, .set a:hover, .language a:hover{color:#FD0002; text-decoration:underline}
#logo{width:126px; height:65px; float:left; margin-left:15px; margin-top:4px}

#menu{width:885px; height:29px; margin:0 auto; margin-top:0px}
#menu ul{  width:100%; float:left}
#menu ul li{float:left; margin-right:0px; height:29px; background:url(../images/menu-bg.jpg) repeat-x ; text-align:center}
#menu ul li a{float:left; color:#fff; font-weight:bold; line-height:29px; display:block; background:url(../images/menu-1.jpg)  no-repeat left}
#menu ul li a span{background:url(../images/menu-2.jpg) no-repeat right; padding:0 40px; display:block}
#menu ul li.link{background:url(../images/menu-bghover.jpg) repeat-x}
#menu ul li.link a{background:url(../images/menu-1hover.jpg) no-repeat left}
#menu ul li.link a span{background:url(../images/menu-2hover.jpg) no-repeat right}

/* Body*/
#container{background:url(../images/contentbg1.jpg)  repeat-y; width:922px; height:auto; margin:0 auto; overflow:hidden; margin-top:10px}
 #content{background:url(../images/contentbg.jpg) no-repeat bottom; width:922px; margin:0 auto; overflow:hidden}
.leftbg{background:url(../images/leftbg.jpg) no-repeat bottom; width:9px; height:249px; overflow:hidden; float:left}
.rightbg{background:url(../images/rightbg.jpg) no-repeat bottom; width:9px; height:249px; float:right}
 #banner{height:181px; margin:0 auto; width:888px; color:#fff}
 #banner .text{line-height:15px; float:left; padding-left:6px; margin-top:96px; width:208px; height:86px}
 
#banner a{margin-bottom:1px; text-align:left; display:block; line-height:18px; font-weight:bold; color:#fff}
#banner a:hover{text-decoration:underline}
#banner1, #banner2, #banner3, #banner4{float:left; width:219px; height:181px; margin-right:3px}
#banner1{background:url(../images/banner1.jpg) no-repeat}
#banner2{background:url(../images/banner2.jpg) no-repeat}
#banner3{background:url(../images/banner3.jpg) no-repeat}
#banner4{background:url(../images/banner4.jpg) no-repeat; margin:0}

/* Left */
#etw_left{float:left; margin-top:8px; width:212px; padding-left:8px; padding-right:0px}
#etw_left  ul{ font-size:12px; width:100%; height:auto; float:left; padding-bottom:0px}
 #etw_left ul li{background:#E4E4E4; margin-bottom:1px; width:100%; float:left}
#etw_left ul li.toppro, #etw_left ul li.toppro1, #etw_left ul li.toppro2{margin:0; background:#2D83AF; height:23px; margin-top:2px; margin-bottom:1px}
#etw_left ul li a{    width:205px; color:#069; display:block; float:left; padding:2px 3px 2px 4px;  line-height:16px}
#etw_left ul  li a:visited{color:#666; background:#E4E4E4}
#etw_left ul  li.toppro a, #etw_left ul li.toppro1 a, #etw_left ul  li.toppro2 a{font-weight:bold; color:#fff; padding:2px 3px 3px 4px; line-height:18px; border-bottom:none}
#etw_left ul  li.toppro a:visited{background:#2D83AF; color:#fff}
#etw_left ul  li a:hover, #etw_left ul  li.link a, #etw_left ul  li.link a:visited{color:#000; background:#ccc}
#etw_left ul  li.toppro a:hover, #etw_left ul  li.toppro2 a, #etw_left ul  li.toppro2 a:hover, #etw_left ul  li.toppro2 a:visited{color:#fff; background:#333}
#etw_left ul  li.toppro1 a, #etw_left ul  li.toppro1 a:hover, #etw_left ul  li.toppro1 a:visited{color:#fff; background:#666}
#etw_left ul  li.toppro a:hover{color:#fff}

.etw-contact a.top, .contact a{color:#F90; height:30px; line-height:22px; font-size:17px; display:block; width:180px; margin-top:15px; margin-left:4px; _margin-left:4px; font-weight:bold}
.contact a{margin-left:9px; _margin-left:10px}
.etw-contact a.top span, .contact a span{color:#3B85A9}
.etw-contact{background:url(../images/conbg.jpg) no-repeat; width:210px; height:331px; line-height:20px; height:335px; padding-left:8px; text-align:left; padding-top:3px; float:left; width:202px; margin-top:10px}
 .space{padding-left:14px}
a.mail{font-weight:normal; font-size:12px; line-height:18px; color:#069}
a.mail:hover{text-decoration:underline}
.contact{float:left; margin-top:10px; height:54px; width:210px; background:url(../images/conbg2.jpg) no-repeat}

/* Right */
#etw_right{float:right; width:665px; background:#fff; margin-top:7px}

.toplist{float:left; width:100%; margin-bottom:5px}
.toplist ul{float:left; width:100%}
.toplist ul li{float:left; display:inline-block; width:23%; margin-right:5px; margin-bottom:0px}
.toplist ul li a{width:98%; display:block; background:#f5f5f5; border:1px solid #C6DEFF; font-size:11px; padding:2px 0; padding-left:5px}
.toplist ul li a:hover, .toplist ul li a.link{color:#06C; background:#ECF2FB}
.about, .about1, .about2{width:98%; float:left; height:auto; width:98%; line-height:20px; padding:1px 0px 0px 0px; margin-bottom:0px}
.about1{padding:0px 0 0 10px; width:890px}
.about2{width:38%; padding-left:5px}
p{margin-bottom:6px}
img.tu01{float:right; margin:5px; padding:2px; border:1px solid #ccc}
.pdf, .pdf1{margin-top:5px; _margin-top:7px; width:340px; display:block; border:1px solid #ECEAEA; height:21px; line-height:21px; background:url(../images/pdf.gif) no-repeat left #f5f5f5; margin-bottom:5px; float:left}
.pdf1{margin-right:5px; border:none; width:48%; background:url(../images/pdf.gif) no-repeat left; margin-left:5px}
.pdf a, .pdf1 a{display:block; line-height:21px; font-size:11px; margin-left:20px; color:#333}
.pdf1 a{text-decoration:underline; font-size:12px}
.pdf1 a:hover{color:#06C}
.pdf a:hover{text-decoration:underline}
 
img.pic, img.pic1, img.pic2{float:left; border:1px solid #ccc; display:block; padding:2px; margin:5px 7px 0px 0px; background:#fff}
img.pic1{border:none; float:left}
.smallpic{width:280px; float:left; margin-top:5px; margin-bottom:8px}
.smallpic img{border:1px solid #ccc; margin-right:3px}
.quicklink{line-height:18px; font-size:11px; float:left; width:98%; color:#666; padding-bottom:2px; text-align:left; margin-top:3px}
.quicklink a{color:#666}
.quicklink a:hover{color:#333}
.title{background:url(../images/line.jpg) no-repeat bottom; width:98%; float:left; line-height:22px; color:#333; margin-left:0px; font-size:15px; font-weight:bold; margin-top:0px; padding-bottom:10px; height:50px;}
.title1, .title2{background:url(../images/line.jpg) no-repeat bottom; width:98%; float:left; line-height:30px; color:#333; margin-left:0px; font-size:15px; font-weight:bold; margin-top:0px; padding-bottom:10px}
.title1, .title2{background:none; border-bottom:1px solid #ccc; height:auto; font-size:12px; line-height:24px; padding-bottom:0; margin-bottom:10px; font-size:12px; width:99%}
h2{font-size:15px; color:#06C}
.title2{font-size:15px; color:#06c; margin-bottom:10px}
 
img.tu{margin:8px 10px 8px 9px; _margin:8px 10px 8px 6px; display:block; float:left; border:1px solid #ccc}
img.tu1{margin:8px 7px 8px 5px;_margin:8px 10px 8px 2px; display:block; float:left; border:1px solid #ccc}
 
 
.product{width:99%; float:right; padding-bottom:10px}
.product ul{width:98%; float:left}
.product ul li{width:100%; float:left}
.product ul li ol{display:inline-block; margin-bottom:2px; border-bottom:1px dashed #ccc; padding-bottom:4px; padding-top:6px; float:left; width:100%}
.product ul li ol.last{border:none}
.product ul li ol li{width:86px;  float:left; margin-right:4px;padding-bottom:2px;}
.product ul li.pic a{height:76px; margin:0 auto; width:84px; border:1px solid #ccc; display:block}
.product ul li.pic  aimg{margin:0 auto;  display:block}
.product ul li.pic a:hover{border:1px solid  #333}

.product ul li ol li.pro{width:83%; float:left; line-height:17px; padding-left:4px; margin-left:5px}
.product ul li ol li.pro a{padding-top:0px; display:block; text-decoration:underline;    padding-bottom:3px; font-weight:bold; width:98%; color:#333; margin-left:0px}
.product ul li ol li.pro a:hover{color:#f90}

.otherpro{width:99%; float:left; display:block; padding-top:15px; margin-left:5px; _margin-left:3px}
.otherpro ul{float:left; width:100%}
.otherpro ul li{float:left; margin-right:24px; _margin-right:11px; width:140px; text-align:left; display:inline; line-height:16px;padding-bottom:6px}
.otherpro ul li ol{float:left; width:100%; }
.otherpro ul li ol li{padding-bottom:0px;margin:0;}
 .otherpro ul li.pic a{ height:76px;padding:0;background:url(../images/pic.jpg) no-repeat; margin:0 auto; width:136px; border:1px solid #ccc; display:block}
.otherpro ul li.pic a img{margin:0 auto; padding:0; display:block}
.otherpro ul li.pic a:hover{border:1px solid  #333}
.otherpro ul li a{color:#06c; margin:0 auto; padding:0; text-decoration:underline;text-align:left; display:block; width:100%}
.otherpro ul li a.proname{text-align:center}
 
.bottom{width:47px; margin-top:12px; background:url(../images/bot.jpg) no-repeat right; float:right}
.bottom a{color:#055BC8; line-height:16px; font-size:11px; text-decoration:underline; float:left; display:block; padding:0 4px 0 3px; width:40px}

.consulting{float:right; width:auto; height:auto; display:block; text-align:right; margin-right:5px}
.consulting img{margin:0; border:none}

.linetop, .name2{width:500px; height:20px; line-height:20px; text-align:left; float:left; padding-left:8px; color:#333; font-weight:bold; background:#f5f5f5; font-size:14px; border:1px solid #eee; margin-left:10px; _margin-left:5px; margin-top:10px}
.name2{width:96%; margin-left:0px; padding-left:0px; margin-bottom:5px}
.inform{padding-left:20px; padding-right:7px; width:500px; height:auto; margin-top:0px; float:left; margin-bottom:5px; margin-left:10px; _margin-left:5px}

/* Footer*/
#footer,#xfooter{clear:both; background:url(../images/foot.jpg) repeat-x top #fff; width:922px; margin:0px auto; height:70px; padding-top:20px; margin-top:10px}
#list, #list1, #list2{color:#666; margin:0 auto; width:99%; line-height:20px; padding-left:0px; text-align:left}
#list2{text-align:center; margin:0 auto;  width:100%}
#list1{margin:0 auto; width:99%; line-height:20px; text-align:left; padding-left:0px}
#list a, #list1 a, #list2 a{padding:0 3px; color:#666; text-align:left}
 
#list1 a:hover, #list a:hover, #list2 a:hover{color:#333; text-decoration:underline}
#otherlink{width:400px; margin:0 auto; margin-top:4px}
#otherlink{width:350px; height:20px; margin:0 auto; margin-top:8px; padding-left:100px}
#otherlink div{width:auto; height:20px; margin-right:10px;  float:left}
#footer .top, #xfooter .top{float:right; width:60px; height:auto; margin-top:5px}
#footer .top a, #xfooter .top a{text-decoration:underline; color:#055BC8; font-weight:bold}

/* Map*/
#etw_map{width:95%; height:auto; overflow:hidden; margin-top:0px; margin:0 auto}
#etw_map ul{float:left; width:48%; margin-left:10px; display:block}
#etw_map ul li{margin-bottom:0px; float:left; width:98%; margin-left:3px}
#etw_map ul li a{color:#06F; font-weight:normal; line-height:22px; text-decoration:underline}
#etw_map .bigpro{width:96%; float:left; margin-top:5px; background:#f5f5f5}
#etw_map .bigpro a{font-weight:bold; color:#333; text-decoration:underline; background:none; padding:0; padding-left:2px; line-height:22px}
.name, .name1{width:98%; font-weight:bold; margin-top:6px; height:20px; background:#eee; line-height:20px; float:left; margin-left:0px}
.name{ color:#0066ff;}
#etw_map .name a, #etw_map .name1 a{text-decoration:underline; width:100%; display:block; color:#0069B5}
#etw_map .name1 a{color:#333}
#etw_map .name a:hover{COLOR:#333}

#etw_set_feedback_form{width:99%;height:auto;float:left;border:1px solid #CFD8E1;text-align:center;margin:8px auto; overflow:hidden;}
#etw_form_title{width:99%;line-height:22px;float:left;background:url(../images/addtit.jpg) repeat-x #EAEFF2;font-weight:bold;padding-left:7px;text-align:left}
#etw_set_feedback_form iframe{ width:500px; margin:0 auto;}