@charset "utf-8"; 
body {
	background:#F1F5F6;font-family: Arial, Helvetica, sans-serif;color:#333;font-size:12px;}
 *{margin:0px; padding:0px}
a{color:#333}
img{border:none; margin:0 auto}
ol, ul, li{list-style:none}
a{text-decoration:none}
.clear{clear:both; font-size:0px}
  .table{
	width:auto;
	background:#8B9CAF;
	margin-bottom:5px;
	float:left;
	margin-top:3px
}
 .table tr{background:#F9FBFD}
.table .top{line-height:18px; background:#C6CCD3; }
.table td{
	padding-left:5px;
	line-height:18px;
	color:#333;
	padding-right: 4px;
} 
/**======= Header =======**/
 h2{
	font-size:20px;
	font-weight:normal;
	text-align: left;
}
.topjs {border-left:1px solid #D9E4E7;border-right:1px solid #D9E4E7;
	width:900px;
	color:#D8D9D8;
	font-size:9px;
	padding-top:1px; 
	margin:0px auto 0px auto;
	text-align:center;
	display:block;
	height:16px;
	background: #fff;
  }
.topjs a {font-size:9px;color:#D8D9D8;}
.topjs a:hover{color:#666}
.etw_topbg{width:900px;margin:0 auto; background:#fff;border-left:1px solid #D9E4E7;border-right:1px solid #D9E4E7;}
#etw_header{
	width:865px;
	height:113px;
	background:url(topbg.jpg) repeat-x;
	margin:0 auto;
	margin-bottom: 0px;
}
#logo{
	width:170px;
	height:60px;
	float:left;
	margin-left:10px!important;
	margin-left:6px;
	margin-top:0px
}
#etw_companyname{
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-weight:normal;
	width:470px;
	text-align:left;
	height:auto;
	float:left;
	color:#333333;
	margin:25px 10px 0px 10px;
	font-size:18px
} #language {
	height:18px;
	width:210px;
 	margin:18px 0px 0px 10px;
	float:right;
	text-align: right;
}
#language a {
	color:#6B6A6A;
	display:inline-block;
	margin-right:4px;
	text-align:right;
}
#language a img {
	margin-right:1px;
}
#etw_companyname {
	width:400px;
	text-align:left;
	height:auto;
	float:left;
	color:#6B6A6A;
	margin:23px 10px 14px 40px;
	font-size:20px
}
.text{
	float:left;
	width:400px;
	color: #6B6A6A;
	padding-left: 7px;
}
#etw_banner{margin:0 auto;height:220px;width:865px;}
#menu{
	margin:0 auto;
	width:865px;
	height:26px;
	margin-top:6px;*margin-top:7px;_ margin-top:7px;
	float: left;
}
#menu ul{
	width:97%;
	height:31px;
	float:left; margin-left:9px!important;margin-left:10px;
	text-align:left
}

#menu  li{	background:url(menu.jpg)  no-repeat right; 
float:left; line-height:31px; text-align:center}
 #menu  li.last{ background:none;}
 #menu  a{color:#fff; float:left; display:block;font-size:12px; padding:0 21px!important; padding:0 25px;margin-right:2px!important; margin-right:1px;text-align:leftcenter; font-weight:bold}
#menu a.link, #menu  a:hover{ background:#FF6900;color:#fff}

/**======= Main =======**/
#etw_wrapper{border-left:0px solid #D9E4E7;border-right:0px solid #D9E4E7;
	background:#fff;
	width:900px;
	padding-top:1px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	height:auto;
}
.content{width:865px;margin:0 auto;}
.picture1, .picture2, .picture-1, .picture-2{
	float:left;
	width:418px;
 	margin-bottom: 10px;
	height:545px;
	margin-left: 5px;
	padding: 0;
}
 .picture2, .picture-2{padding-left:10px; margin-left:0;}
 .picture-1, .picture-2{
	height:200px;
}
.picture1 img,.picture2 img,.picture-1 img,.picture-2 img{
	float:left;
	margin-right:0px;
	border:1px solid #ccc;
	margin-top: 5px;
	margin-left: 5px;
}
.picture3{
	width:340px;
	float: left;
}
.picture3 img{border:1px solid #ccc;float:left;}
.picture4{
	width:300px;
	float:left;
	margin-left: 5px;
	margin-top: 20px;
}
.editable{
	width:95%;
	height:auto;
	float:none;
	border-bottom:1px #ccc dashed;
}
.picture4 span{color:#FF0000}
.rollBox{
	width:380px;
	overflow:hidden;
	padding:0px 0 5px 0px;
	float: left;
}
.rollBox .LeftBotton{width:22px;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{width:22px;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{
	width:100%;
	overflow:hidden;
	float:left;
}
.rollBox .ScrCont{width:10000000px;}
.rollBox .ScrCont2{width:10000000px;}
.rollBox .Cont .pic{width:90px;float:left;text-align:center;}
.rollBox .Cont .pic img{padding:4px;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic A:hover IMG {BORDER: #64A8B9 1px solid;}
.rollBox .Cont .pic p{MARGIN: 6px auto 0px;WIDTH: 97px; LINE-HEIGHT: 20px;text-indent: 0em;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox #List12,.rollBox #List22{float:left;}
#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}
#demo img{border:none;width:100px;height:100px;border:5px solid #f4f4f4}
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}
  .detail{
	font-size:14px;
	font-size:20px;
	width: 90%;
	color: #666;
	line-height: 30px;
	margin-top: 5px;
	float: left;
} 
.about .text{
	float:left;
	border:1px  dashed #ccc;
	width: 98%;
	padding-bottom: 10px;
	padding-left: 8px;
}
.eachitem{
	float:left;
	width:90%;
	margin-top: 5px;
}
.etwleft{
	float:left;
	width:60px;
	text-align: right;
	padding-right: 5px;
}
.etwright{
	width:500px;
	float:left;
}
.buttom{
	float:right;
	width:500px;
	margin-top: 10px;
} 
/**=======Content =======**/
#etw_left{
	width:190px;
	height:auto;
	float:left;
	margin:0px 0 5px 18px!important;margin:0px 0 5px 9px;
}
 #etw_left  .left-title {
	height:29px;
	background:url(leftline.jpg) repeat-x;
	color:#fff;
	font-weight:bold;
	width: 180px;
	padding-left: 10px;
	line-height: 29px;margin-bottom:1px; 
	float: left;}
 #etw_left  .left-title a{color:#fff;}
#etw_left ul { 
	text-align: left;margin-bottom:0;
	width: 100%; float:left;
	 
}
#etw_left ul li { float:left;border-bottom:1px solid #fff;
	width: 100%;
}
#etw_left ul li a { font-weight:bold;background:#C6CCD3;display:block; width:95%;padding:1px 0; line-height:20px;
 padding-left:10px;*padding-left:9px;_ padding-left:9px;
 }

#etw_left ul li.small{border-bottom:none;}
#etw_left ul li.small a{ font-weight:normal;background:#E7EAED;float:left;color:#333;}
#etw_left ul li.small a:hover{color:#333;background:#E7EAED; text-decoration:underline}
 #etw_left ul li.small a.last,#etw_left ul li.small-1 a.last{border-bottom:1px solid #fff;}
 #etw_left ul li.small-1{border-bottom:none;}
#etw_left ul li.small-1 a,#etw_left ul li.small-1 a a:hover,#etw_left ul li.small-1 a:visited{text-decoration:underline; background:#E7EAED;font-weight:normal; color:#0066FF}
 #etw_left ul li a:visited{color:#000}
#etw_left ul li a:hover{
	color:#fff; background:#FF6900
}
#etw_left ul li.small a:visited{color:#000;background:#E7EAED;}
 #etw_left ul li.link a,#etw_left ul li.link a:hover,#etw_left ul li.link a:visited{color:#fff; background:#FF6900}

 .etw-contact{
	width:183px;
	background:url(cont.jpg) repeat-x;
	line-height:20px;
	padding-left:7px;
	height:auto;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
 }
 a.mail:hover{text-decoration:underline}
.ce{
	width:96%;
 	float:left;
	width:188px;
	border:1px solid #ccc;
	height:100px;
}
.ce img{
	margin:5px 0px 20px 20px;
	border:1px solid #ccc;
	padding:2px;
	float: left;
}
/**=======Right=======**/
#etw_right{
	width:675px;
	height:auto;
	float:left;
	margin-left:10px;
	padding-right: 5px;
	background: #fff;
}
h1{ font-size:14px; font-weight:bold; line-height:25px;}
.quicklink{
	line-height:18px;
	font-size:11px;
	float:left;
	width:96%;
	padding-left:13px;
	color:#333333;
	margin-bottom:2px
}
.quicklink a{color:#666}
.quicklink a:hover{color:#333}

  .title, .title1{
	background:url(rightline.jpg)  no-repeat bottom left;
	width:98%;
	font-weight:bold;
	height:30px;
	padding-left:6px;
	float: left;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 6px;
}
.title1{
	background:url(line.jpg)  no-repeat bottom left;}
 #etw_right .title h1,#etw_right .title h2{
	font-weight:bold;
	font-size: 16px;
}
.about1 .first{font-weight:bold;font-size:14px;}
.about, .about1,.about2,.about3{
	padding:2px 2px 0px 5px;
	margin-left:3px;
	line-height:20px;
	width:97%;
	float:left;
	overflow: hidden;
}
.leftpic{
	width:302px;
	float:left;
	border:1px solid #ccc;
	height:262px;
	margin-top: 20px;
}
.leftpic img{
	margin:0 auto;
	margin-top: 1px;
	display: block;
}
.rightpic{
	float:right;
	width: 345px;
}
.rightpic img{
	border:1px solid #ccc;
	margin-left: 3px;
	margin-top: 2px;
}
.about3{
	margin:0 auto;
	float:none;
	width:60%;
	line-height: 24px;
}
.word{
	color:#666666;
	font-weight: bold;
	font-size: 16px;
	border-bottom:1px dashed #ccc;
	width:500px;
	padding-bottom: 6px;
	margin-top: 10px;
}
.about3 span{
	font-size:12px;
	color: #0066FF;
 }

.about2{
	width:99%;
}
img.tu2{
	border:1px solid #ccc;
	margin:5px 5px 0 8px;
	padding: 2px;
}
 #etw_right .about img.tu, img.tu1{
	float:left;
	margin:10px 10px 0 10px;
	padding: 2px;
}
    .cer{
	margin:0 auto;
	width:65%;
	height: 410px;
}
 
 #etw_right .about img.pic{margin:0 auto;border:1px solid #ccc; display:block}
#etw_right .about1{
	height: 320px;
	width: 97%;
}
 p{margin-bottom:8px;}
 .view{
	float:right;
	width:540px;
	height: 24px;
	line-height: 24px;
	margin-right: 10px;
}
.view a{
	color:#FF0000;
	float:right;
	margin-right:0px;
}

.product{
	width:98%;
	float:left;
	padding-bottom: 5px;
	margin-left: 6px;
}
 .product ul{
	width:99%;
	float:left;
	margin-top: 5px;
	margin-left: 5px;
}
 .product ul li{
	border-bottom:1px dashed #ccc;
	width:98%;
	float:left;
	height: 75px;
	margin-bottom:5px;
   }
.product ul li.pro1,.product ul li.pro2{
	border-bottom:1px dashed #ccc;
	width:49%;
}
 .product ul li.pro2{border-bottom:none;}
.product ul li ol {
	display:inline-block;
	float: left;
	width: 100%;
	
}
 .product ul li ol li{ border-bottom:none;
  	float:left;
}
 .product ul li ol li.pic{
	height: 66px;
	width:89px;
	float:left;
  }
 .product ul li ol li.pic a{ display:block;border:1px solid #eee;width:82px;height:66px;}
 .product ul li ol li.pic a:hover{border:1px solid #333;}
.product ul li ol li.pro{
	width:85%;
	float:left;
	line-height:17px;
	padding-left:4px;
	margin-left:2px;
	margin-top: 0px;
}
 .product ul li.pro1 ol li.pro, .product ul li.pro2 ol li.pro{
	width:60%;
}
.product ul li ol li.pro a{
	background:url(images/icon.gif) no-repeat left;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:18px;
	padding-bottom: 0px;
	float: none;
	display: block;
	margin-left: 0px;
	text-decoration: underline;
}
.consulting{
	float:right;
	width:630px;
	height:auto;
	display:block;
	margin-bottom:5px;
	margin-top:5px;
	text-align:right;
	margin-right:10px
}
.consulting img{margin:0; border:none}


.mainpro{width:98%;float:left;margin-top:10px;margin-left:10px!important;margin-left:5px}
.mainpro ul{float:left;width:100%;}
.mainpro ul li{
	margin-bottom:16px;
	float:left;
	margin-left:8px;
	width:85px;
	text-align:center;
	display: inline;
}
.mainpro ul li a:hover{ text-decoration:underline}
.mainpro ul li a.pro{width:84px;height:66px; display:block;margin:0 auto;border:1px solid #ccc;}
.mainpro ul li a.pro:hover{border:1px solid #3F9BC9;}

/*==== Product List ======*/
.list{
	width:865px;
	margin:0 auto;
	margin-top: 10px;
}
.list-top1{
	float:left;
	border:1px solid #9FABB7;
 	border-bottom:none;
	background:#D0D6DC;
	text-align:center;
	height:22px;
	line-height:22px;
	font-weight: bold;
	width: 100px;
}
.list-top2{
	height:22px;
	float:left;
	border-bottom:1px solid #9FABB7;
	width: 763px;
}
.list ul{
	float:left;
	width:863px;
	background:#F2F2F2;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;border:1px solid #C8CDD2;border-top:none;
}
.list ul li{
	width:18%;
	float:left;
	margin-left: 17px!important;margin-left: 14px;
	line-height: 18px;
}
.list ul li a:hover{ text-decoration:underline}
/*==== Footer ======*/
#footer {
	border-left:1px solid #D9E4E7;
	border-right:1px solid #D9E4E7;
	clear:both;
	width:900px;  
	margin:0px auto 0 auto;
	height: 60px;
	background: #fff;
	padding-top: 8px;
} 
.etw-address{
	margin:0 auto;
	width:80%;
	text-align:center;
	line-height:18px}

 #footer #menu1{
	margin:0 auto;
	color:#666;
	width:90%;
	text-align:center;
	line-height:18px;
	height:18px
}
#footer #menu2{
	border-top:1px solid #ccc;
	width:75%;
	height: 18px;
	line-height: 18px;
	margin: 0 auto;
	text-align: left;color:#666;
	padding-top: 4px;
	padding-left:180px;
}
#footer #menu1 a, #footer #menu2 a{padding:0 5px; color:#666}
#footer #menu2 a{text-decoration:underline}

#footer #otherlink {
	width:400px;
	margin:0 auto;
	margin-top: 4px;
}
 #footer #otherlink{
	width:300px;
	height:20px;
	margin:0 auto;
	margin-top:4px
}
#footer #otherlink div{width:auto; height:20px; margin-right:10px;  float:left}

/*==== Sitemap ======*/

#etw_map{
	width:90%;
	height:auto;
	overflow:hidden;
	margin-top:0px;
	margin: 0 auto;
}
 #etw_map ul{float:left; margin-left:13px!important; margin-left:5px; width:90%}
 #etw_map ul.pro{float:left; width:42%; margin-top:0px; margin-left:13px!important; margin-left:4px; margin-bottom:2px}
#etw_map ul li{margin-bottom:0px; float:left; width:30%; margin-left:6px}
#etw_map ul li.small{width:30%; float:left}
#etw_map ul li a{color:#333;  font-weight:normal; line-height:22px;  padding-left:2px}
#etw_map ul li.bigpro{width:98%}
#etw_map ul li.bigpro a{ font-weight:bold; text-decoration:none; background:none; padding:0; padding-left:2px; line-height:22px}

 #etw_map ul li a:hover{text-decoration:underline}
  .name,  .name1,.name2,.name3{
	width:95%;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding-left:10px;
	float:left;
	border-bottom:1px dashed #ccc;
	margin-top:5px;

 }
.name1{
	background:#eee;
	border:none;
	margin-bottom: 5px;
}
.name2{
	border:none;
	font-size: 14px;
	color: #FE6902;
}
.name3{
	height:20px;
	line-height:20px;
	margin: 0;
	margin-bottom: 3px;
}
.name3 a{
	text-decoration:underline;
	color: #333333;
}
#etw_map .name a{   color: #333;}
#etw_map .name a:hover{text-decoration:underline}