@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ccc; background:url(../images/bj.jpg) repeat-x center 25px #212122;}
body#bod{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ccc; background:url(../images/bj.jpg) repeat-x center 25px #212122;-moz-user-select:none;}
a{ text-decoration:none;}
ul,ol,li{ margin:0; padding:0; list-style:none;}
img{ border:none;}
.clear{ clear:both; line-height:0; font-size:0; width:0;}
*{ margin:0px; padding:0px;}
p{ margin-top:5px; margin-bottom:3px;}
.table{
	width:97%;
	background:#666;
	border-top:#666668 solid 2px;
}
.table tr{ background:#2E2E30;}
.table tr td{ padding:3px;}
.table tr.ys{ background:#414142;}
.table tr.ys td{ font-weight:bold; color:#fff;}


img.proc{ margin:0 auto; display:block; border:#000 solid 1px;}
a.mail{ color:#369;}

/*  top  */
#header{ width:100%; text-align:center; color:#D6D6D8; height:25px; line-height:25px; background:url(../images/header.jpg) repeat-x; min-width:980px;}
#header h5{ margin:0; padding:0; line-height:25px; color:#d6d6d8; font-weight:normal;}
#header a{ line-height:25px; color:#d6d6d8;}
#header a:hover{ color:#fff; text-decoration:underline;}

#etw-top{ width:980px; height:auto; margin:0 auto;}
.etwtop{ width:980px; height:75px; background:#FDFDFF;}
.etwtop .logo{ float:left; width:197px; height:69px; margin-left:10px; margin-top:3px;}
.company{ width:330px; float:left; font-weight:bold; font-size:24px; color:#3A3939; margin-left:12px; margin-top:38px;}

.yy{ width:220px; height:18px; line-height:18px; float:right; margin-top:55px; text-align:left;}
.yy a{ color:#000; line-height:18px;}
.yy a:hover{ color:#B61219;}


/*  menu  */
.menu{ width:980px; height:33px; background:url(../images/menubj.jpg) repeat-x; margin:0 auto;}
.menu ul{ white-space:980px; height:33px;}
.menu ul li{ float:left; line-height:33px;}
.menu ul li a{ padding:0 41px; font-weight:bold; font-size:18px; text-align:center; font-style:italic; color:#fff; display:block; float:left; line-height:33px;}
.menu ul li a.d{ background:url(../images/menubj01.jpg) repeat-x;}
.menu ul li a:hover{ background:url(../images/menubj01.jpg) repeat-x;}
.menu ul li.menu-left{ width:100px; height:33px; background:url(../images/menu-left.jpg) no-repeat left center; float:left;}
.menu ul li.menu-right{ width:100px; height:33px; background:url(../images/menu-right.jpg) no-repeat right center; float:right;}


/*  banner  */
.banner{ width:980px; height:304px; margin:0 auto; margin-top:2px; }


/*  main  */
#etw-main{ width:980px; height:auto; margin:0 auto; margin-top:2px; overflow:hidden;}

.list{ width:952px; padding:0 10px; height:232px; background:url(../images/list-bj.jpg) no-repeat; font-size:11px;padding-top:8px; }
.list0{ width:952px; height:215px; margin:0 auto; overflow-y:scroll;}

.list0 ul.list1{ width:220px; float:left; height:auto; margin-left:10px;}
.list0 ul.list1 li.t{ width:220px; line-height:18px; background:none; font-size:12px;}
.list0 ul.list1 li.t a{ color:#6699CC; line-height:18px; padding:0; font-weight:bold; font-size:12px;}
.list0 ul.list1 li.t a:hover{ text-decoration:none; color:#fff;}

.list0 ul.list1 li{ width:220px; line-height:16px; height:auto;}
.list0 ul.list1 li a{ color:#fff; line-height:16px; font-weight:normal; padding-top:2px;}
.list0 ul.list1 li a:hover{ text-decoration:underline; color:#fff;}

h1,h2{ margin:0; padding:0; font-size:18px; font-weight:normal; color:#fff; padding-left:8px; line-height:25px;}
#main{width:980px; height:auto; margin:0 auto; background:url(../images/main-bj.jpg) repeat-y; overflow:hidden; padding-top:5px; line-height:18px; padding-bottom:8px;}
.product0{ width:550px; margin:0 auto; height:auto;}
.product0 ul{ width:550px; height:auto;}
.product0 ul li{ width:550px; height:auto; margin-top:8px;}
.product0 ul li ol{ width:550px; height:auto;}
.product0 ul li ol li.pic0{ width:72px; height:55px; float:left;}
.product0 ul li ol li.pic0 a{ width:70px; height:50px; border:#000 solid 1px; display:block;}
.product0 ul li ol li.pic0 a:hover{ border:#fff solid 1px;}

.product0 ul li ol li.txt0{ width:460px; height:auto; float:left; margin-left:8px; line-height:18px;}
.product0 ul li ol li.txt0 a{ line-height:18px; font-weight:bold; color:#69c; display:block;}
.product0 ul li ol li.txt0 a:hover{ text-decoration:underline; color:#fff;}





.fy{ width:550px; height:22px;}
.fy a{ width:22px; height:22px; float:right; margin-right:5px; border:#000 solid 1px; background:#fff; color:#999; font-weight:bold; line-height:22px; text-align:center;}
.fy a.d{ width:22px; height:22px; float:right; margin-right:5px; border:#000 solid 1px; background:#ccc; color:#333; font-weight:bold; line-height:22px; text-align:center;}
.fy a:hover{ border:#fff solid 1px;}

.fy1{ width:920px; height:22px;}
.fy1 a{ width:22px; height:22px; float:right; margin-right:5px; border:#000 solid 1px; background:#fff; color:#999; font-weight:bold; line-height:22px; text-align:center;}
.fy1 a.d{ width:22px; height:22px; float:right; margin-right:5px; border:#000 solid 1px; background:#ccc; color:#333; font-weight:bold; line-height:22px; text-align:center;}
.fy1 a:hover{ border:#fff solid 1px;}


/*  main-pro  */
.pro{ width:980px; height:203px; margin:0 auto; margin-top:10px; background:url(../images/pro-bj01.jpg) no-repeat;}
.pro ul{ width:475px; margin-left:15px;*margin-left:15px;_margin-left:10px; height:170px; margin-top:30px; float:left;}
.pro ul li.txt{ width:255px; height:170px; line-height:18px; float:left;}
.pro ul li.txt a{ line-height:20px; display:block; font-weight:bold; color:#6699CC;}
.pro ul li.txt a:hover{ color:#fff;}

.pro ul li.pic{ width:204px; height:166px; float:left; margin-left:10px;*margin-left:10px;_margin-left:5px;}
.pro ul li.pic a{ width:204px; height:166px;}

.pro ul.pro0{ width:430px; margin-left:45px;*margin-left:45px;_margin-left:35px; height:170px; margin-top:27px; float:left;}
.pro ul.pro0 li.txt{ width:223px; margin-left:5px; height:170px; line-height:18px; float:left;}
.pro ul.pro0 li.txt a{ line-height:20px; display:block; font-weight:bold; color:#6699CC;}
.pro ul.pro0 li.txt a:hover{ color:#fff;}

.pro ul.pro0 li.pic{ width:180px; height:166px; float:left; margin-left:10px;}
.pro ul.pro0 li.pic a{ width:204px; height:166px;}


/*  text  */
.text{ width:980px; height:auto; line-height:18px; margin:0 auto; }
/*.title{ widows:950px; padding:0 15px; height:26px; line-height:26px; font-weight:bold; color:#69c; font-size:14px;}*/
.about1{ width:950px; height:167px; line-height:18px; margin:0 auto; display:block;padding-bottom:5px; }
.about{ width:950px; height:auto; padding:0 10px; margin:0 auto; line-height:18px;}
.about1 .about0{ widows:645px; float:left; height:110px; line-height:18px;}
.nav{ width:230px; float:left; margin-left:10px;}
.nav a{ width:230px; color:#fff; line-height:16px; padding-top:5px; text-decoration:underline; display:block;}
.nav a:hover{ text-decoration:none; color:#69c;}

.prod{ width:930px; height:auto; margin:0 auto; display:block; margin-top:5px; line-height:18px;}
.prod ul{ width:930px; height:auto;}
.prod ul li{ width:310px; height:auto; float:left; display:block; margin-top:5px;}
.prod ul li ol{ width:310px; height:auto;}
.prod ul li ol li.pic0{ width:70px; height:53px; float:left;}
.prod ul li ol li.pic0 a{ width:70px; height:53px;}
.prod ul li ol li.pic0 a img{ border:#000 solid 1px;}
.prod ul li ol li.txt0{ width:210px; height:70px; float:left; margin-left:8px; display:block; line-height:17px;}
.prod ul li ol li.txt0 a{ line-height:16px; font-weight:bold; color:#69c; display:block;}
.prod ul li ol li.txt0 a:hover{ text-decoration:underline; color:#fff;}

/*  sitemap */
.sitemap{ width:950px; height:auto; padding:0 10px; margin:0 auto; line-height:18px;}
.sitemap ul{ width:950px; height:auto; margin-top:15px;}
.sitemap ul li.b{ width:310px; height:22px; line-height:22px; float:left; display:block;}
.sitemap ul li.b a{ width:310px; height:22px; line-height:22px; font-weight:bold; color:#fff; font-weight:bold; font-size:14px;}
.sitemap ul li.b a:hover{ text-decoration:underline;}

.sitemap ul li.b0{ width:950px; height:22px; line-height:22px; float:left; display:block;}
.sitemap ul li.b0 a{ width:950px; height:22px; line-height:22px; font-weight:bold; color:#fff; font-weight:bold; font-size:14px;}
.sitemap ul li.b0 a:hover{ text-decoration:underline;}

.xl{width:950px; height:auto;}
.xl ul{ width:310px; height:auto; float:left; margin-top:0px;}
.xl ul li.b1{ width:310px; height:20px; line-height:20px;}
.xl ul li.b1 a{ width:310px; height:20px; line-height:20px; color:#fff; font-weight:bold;}
.xl ul li.b1 a:hover{ text-decoration:underline;}

.xl ul li.b2{ width:310px; height:auto; line-height:18px;}
.xl ul li.b2 a{ width:300px; height:auto; line-height:18px; padding-left:10px; color:#ccc; text-decoration:underline; display:block; }
.xl ul li.b2 a:hover{ text-decoration:none; color:#fff;}


.opro{ width:950px; height:auto;}
.opro ul{ width:95px; height:auto; float:left; margin-top:8px;}
.opro ul li.pic1{ width:95px; height:53px;}
.opro ul li.pic1 a{ width:70px; height:53px; margin:0 auto;}
.opro ul li.pic1 a img{ border:#000 solid 1px; display:block; margin:0 auto;}

.opro ul li.txt1{ width:95px; height:auto; line-height:18px; text-align:center;}
.opro ul li.txt1 a{ line-height:18px; padding-top:5px; text-align:center; color:#ccc;}
.opro ul li.txt1 a:hover{ text-decoration:underline; color:#fff;}

.con{ width:400px; height:auto; float:left; line-height:18px;}
.con strong{ color:#fff}
.indent{ text-indent:26px;}
.indent1{ text-indent:24px;}
.con span,.con1 span{ font-weight:bold; font-size:14px; color:#fff; line-height:22px; height:22px; display:block; padding-top:10px;}
.con1{ width:550px; height:auto; float:left; line-height:18px;}
#form{ width:510px; padding-left:10px; padding-top:5px; height:420px; border:#000 solid 1px; background:#fff;}
/*  left  */
.etw-left{
	width:195px;
	height:1220px;
	float:left;
	margin-left:10px;
	margin-top:5px;
	background:#222223;
}
.etw-left ul{ width:195px; height:auto;}

.etw-left ul li.big{ width:195px; line-height:18px;*line-height:16px;_line-height:16px; height:auto; display:block; padding-top:3px; margin:0;}
.etw-left ul li.big a{ padding-left:5px; padding-right:3px; display:block; line-height:18px;*line-height:16px;_line-height:16px;   color:#fff; font-weight:bold;}
.etw-left ul li.big a:hover{ color:#6699CC; text-decoration:underline;}

.etw-left ul li.sma{ width:195px; line-height:18px;*line-height:16px;_line-height:16px; height:auto;  padding-top:2px; margin:0; display:block;}
.etw-left ul li.sma a{ padding-left:12px; padding-right:3px; line-height:18px;*line-height:16px;_line-height:16px; display:block;  color:#ccc;}
.etw-left ul li.sma a:hover,.etw-left ul li.sma a:visited:hover{ color:#6699CC; text-decoration:underline;}
.etw-left ul li.sma a.d,.etw-left ul li.big a.d{ color:#6699CC;}
.etw-left ul li.sma a:visited{ color:#999;}
.etw-left ul li.sma a.d:visited{ color:#69c;}

/*  right  */
.etw-right{ width:550px; height:auto; float:left; margin-left:10px; margin-top:5px;}
.quicklink{ width:99%; margin:0 auto; height:auto; border-bottom:#000 solid 1px; color:#fff; padding-bottom:3px; font-size:11px;}
.quicklink a{ line-height:18px; color:#fff; text-decoration:underline; padding:0 5px; font-size:11px;}
.quicklink a:hover{ text-decoration:none;}
.bigpic{ width:305px; height:auto; display:block; float:left; margin-left:5px; margin-top:8px;}
.bigpic img{ border:#000 solid 1px;}

.mp{ width:550px; height:auto;}
.mp ul{ width:100px; height:auto; float:left; margin-left:25px; margin-top:5px;}
.mp ul li.pic{ width:100px; height:108px;}
.mp ul li.pic img{ border:#000 solid 1px;}

.mp ul li.txt{ width:100px; line-height:18px; text-align:center;}



.bigpic0{
	width:305px;
	height:230px;
	line-height:230px;
	font-weight:bold;
	font-size:50px;
	color:#fcfcfc;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-top:8px;
}

.bigpic1{ width:550px; height:auto; display:block; text-align:center; margin-top:8px;}
.bigpic1 img{ border:#000 solid 1px;}

.otherpro{ width:235px; height:auto; float:left;margin-top:8px;}
.otherpro img{ border:#000 solid 1px; float:left; margin-left:5px; margin-bottom:3px;}

.op{ width:305px; height:auto; float:left; margin-top:8px; text-align:center; margin-top:2px;}
.op img{ border:#000 solid 1px; margin:0; padding:0; margin-left:2px; margin-bottom:3px;}

.op1{ width:305px; height:auto; float:left; margin-top:8px; margin-top:2px;}
.op1 img{ border:#000 solid 1px; margin:0; padding:0; float:left; margin-left:2px; margin-bottom:3px;}

.small{
	width:230px;
	height:auto;
	float:right;
	margin-top:8px;
	font-size:11px;
}
.small ul{ width:230px; height:auto;}
.small ul li{ width:230px; height:28px; line-height:28px; margin-bottom:3px;}
.small ul li img{ float:left; margin-left:0px; border:#000 solid 1px; margin-top:3px; display:block;}
.small ul li a{
	line-height:15px;
	float:left;
	width:200px;
	padding-left:2px;
	color:#ccc;
}
.small ul li a:hover{ color:#69c; text-decoration:underline;}
.small ul li a.d{ color:#69c; text-decoration:underline;}

.small ul li.p{ width:230px; height:28px; line-height:14px;}
.small ul li.p img{ float:left; margin-left:0px; border:#000 solid 1px; margin-top:3px; display:block;}
.small ul li.p a{ line-height:14px; float:left; width:200px; padding-left:2px; color:#ccc;}
.small ul li.p a:hover{ color:#69c; text-decoration:underline;}
.small ul li.p a.d{ color:#69c; text-decoration:underline;}


.small1{ width:235px; height:217px; float:right; margin-top:8px; overflow-y:scroll; font-size:11px;}
.small1 ul{ width:218px; height:auto;}
.small1 ul li{ width:218px; height:28px; line-height:28px;}
.small1 ul li img{ float:left; margin-left:0px; border:#000 solid 1px; margin-top:3px; display:block;}
.small1 ul li a{ line-height:28px; float:left; padding-left:2px;width:185px; color:#ccc; font-size:11px;}
.small1 ul li a:hover{ color:#69c; text-decoration:underline;}
.small1 ul li a.d{ color:#69c; text-decoration:underline;}

.small1 ul li.p{ width:218px; height:28px; line-height:14px;}
.small1 ul li.p img{ float:left; margin-left:0px; border:#000 solid 1px; margin-top:3px; display:block;}
.small1 ul li.p a{ line-height:14px; float:left; padding-left:2px; width:185px; color:#ccc; font-size:11px;}
.small1 ul li.p a:hover{ color:#69c; text-decoration:underline;}
.small1 ul li.p a.d{ color:#69c; text-decoration:underline;}

.product{ width:550px; margin:0 auto; height:auto;}
.product ul{ width:550px; height:auto;}
.product ul li{ width:550px; float:left; height:auto; margin-top:8px;}
.product ul li ol{ width:550px; height:auto;}
.product ul li ol li.pic0{ width:72px; height:55px; float:left;}
.product ul li ol li.pic0 a{ width:70px; height:53px; border:#000 solid 1px; display:block;}
.product ul li ol li.pic0 a:hover{ border:#fff solid 1px;}

.product ul li ol li.txt0{ width:450px; height:auto; float:left; margin-left:8px; line-height:18px;}
.product ul li ol li.txt0 a{ line-height:18px; font-weight:bold; color:#69c; display:block;}
.product ul li ol li.txt0 a:hover{ text-decoration:underline; color:#fff;}

.consulting{ width:300px; height:auto; margin-top:3px; float:left;}
.etw-right strong{ color:#fff;}

.rp{ widows:550px; height:22px; line-height:22px; background:#414142; text-indent:8px; font-weight:bold; color:#fff; margin-top:5px;}
img.pp{ float:left; margin-left:5px; margin-top:5px; border:#000 solid 1px;}
img.mpp{ margin:0 auto; display:block; border:#000 solid 1px;}
img.m{ float:left; margin:5px; border:#000 solid 1px;}
img.m1{ float:right; margin:5px; border:#000 solid 1px;}

/*  fooder  */
#etw-fooder{ width:100%; border-top:#000 solid 1px; background:#212122; min-width:980px;}
.fooder{ width:980px; height:auto; margin:0 auto; padding-top:5px; background:#212122;}
.fooder .link{ color:#736F6F; text-align:center; height:20px; line-height:20px;}
.fooder .link a{ padding:0 5px; line-height:20px; color:#736f6f;}
.fooder .link a:hover{ color:#fff;}

.fooder .quick{ color:#736F6F; text-align:center; height:20px; line-height:20px; color:#736f6f}
.fooder .quick a{ padding:0 5px; line-height:20px; color:#736f6f; text-decoration:underline;}
.fooder .quick a:hover{ color:#fff; text-decoration:none;}

.fooder .otherlink{ width:230px; margin:0 auto; height:15px; margin-top:3px;}
.fooder .otherlink div{ float:left; margin-left:10px;}
