﻿@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:#3B454F;text-align:justify;}
*{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul,ol,li{ margin:0px; padding:0px; list-style:none;}
img{ border:none;}
.clear{ clear:both; line-height:0px; width:0px; font-size:0px;}
p{ margin-top:5px; margin-bottom:3px;}
.copy{-moz-user-select:none;}

.table{ width:99%; background:#476C8E; border-top:#476C8E solid 2px;}
.table tr{ background:#fff;}
.table tr td{ padding:3px; line-height:16px;text-align:left;}
.table tr.ys{ background:#809CB6;}
.table tr.ys td{ color:#fff; font-weight:bold;}

#header{ width:926px; height:25px; line-height:25px; margin:0 auto; text-align:center; color:#fff;}
#header a{ line-height:25px; color:#fff;}
#header a:hover{ text-decoration:underline;}

/*  content */
#etw-content{ width:866px; height:auto; padding:0 30px; margin:0 auto; background:url(../images/bj.jpg) repeat-y;}
.etw-top{ width:866px; height:75px; background:url(../images/top-bj.jpg) repeat-x;}
.logo{ width:187px; height:74px; float:left; padding-left:5px;}
.yy{ width:350px; height:18px; line-height:18px; float:left; padding-top:30px; float:right; padding-right:10px;}
.yy a{ color:#333;}
.yy a:hover{ color:#476C8E;}

/* banner */
#banner{ width:855px; height:208px; margin-top:1px;}
#banner .company{ width:400px; height:auto; line-height:17px; padding-top:50px; float:right; padding-right:10px; color:#fff;}
#banner .company h2{ font-size:19px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:40px; color:#fff;}

/*  menu  */
#menu{ width:866px; height:45px; background:url(../images/menu-bot.jpg) repeat-x center bottom; margin-top:1px;}
#menu ul{ width:866px; height:35px; background:url(../images/menu.jpg) repeat-x;}
#menu ul li{ padding:0 15px; height:35px; float:left; line-height:35px; background:url(../images/menu-left.jpg) no-repeat right; text-align:center;}
#menu ul li.last{ background:none;}
#menu ul li a{ width:120px; height:35px; line-height:35px; color:#fff;}
#menu ul li a.dangqian{color:#00B4FF;}
#menu ul li a:hover{ color:#00B4FF;}


/*  main  */
#etw-main{ width:866px; height:auto; overflow:hidden; background:url(../images/main-bj.jpg) repeat-y;}
.about1{ width:850px; height:auto; overflow:hidden; background:#fff; line-height:18px;padding:0px 5px;}
.about1 strong{ color:#333;}
.text0{padding-left:13px;width:850px;}
.quicklink1{ width:855px; height:auto; line-height:18px; padding:5px 0 3px 0px; color:#333;}
.quicklink1 a{ padding:0 5px 0 0; color:#000; text-decoration:underline;}
.quicklink1 a:hover{ color:#CB3332; text-decoration:none;}
a.comright{ width:150px; height:112px; float:right; margin:0px 5px 5px 5px; cursor:pointer;*cursor:auto;_cursor:auto;cursor:url(images/zoomin.cur);}
a.comright img{ border:#ccc solid 1px; padding:1px;}

a.cer{ width:160px; height:auto; float:left; margin:5px 10px 5px 5px; cursor:pointer;*cursor:auto;_cursor:auto;cursor:url(images/zoomin.cur);}
a.cer img{ border:#ccc solid 1px;}

a.sitemap{ display:block; line-height:18px; padding-top:3px;  text-decoration:underline; color:#476C8E; font-weight:bold;}
a.sitemap:hover{ color:#000; text-decoration:none;}

a.site{ width:280px; height:20px; display:block; float:left; line-height:20px; color:#476C8E; text-decoration:underline;}
a.site:hover{ text-decoration:none; color:#000;}

.con{ width:370px; height:auto; float:left;}
.con strong{ color:#333;}
.con h3,.con1 h3{ font-size:14px; line-height:22px; color:#333;}
.con1{ width:460px; padding-left:15px; float:left;}
.con11{ width:760px; padding-left:15px; float:left; line-height:25px;}
#form1{ width:450px; height:auto; padding-top:5px;}

.otherpro{ width:855px; height:25px; border-bottom:#ccc solid 1px; line-height:25px; padding-top:8px; font-size:14px; text-indent:8px; color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.opro{ width:855px; height:auto;}
.opro ul{ width:140px; height:auto; float:left; margin-top:5px;}
.opro ul li.pic{ width:140px; height:60px; text-align:center; display:block;}
.opro ul li.pic a{ width:140px; height:60px; text-align:center; display:block;}
.opro ul li.pic a img{ border:#ccc solid 1px; margin:0 auto; display:block;}

.opro ul li.txt{ width:140px; height:auto; padding-top:3px; text-align:center;}
.opro ul li.txt a{ line-height:18px; text-align:center; color:#666;}
.opro ul li.txt a:hover{ text-decoration:underline; color:#000;}

.pro{ width:862px; height:auto; padding-bottom:10px;}
.pro ul{ width:862px; height:auto;}
.pro ul li{ width:423px; height:auto; float:left; margin-top:8px;}
.pro ul li ol{ width:423px; height:auto;}
.pro ul li ol li.pic{ width:122px; height:auto; float:left;}
.pro ul li ol li.pic a{ width:122px; height:62px; border:#ccc solid 1px; display:block;}
.pro ul li ol li.pic a:hover{ border:#000 solid 1px;}
.pro ul li ol li.pic a img{ margin-top:1px;}

.oproc ul{ width:100%; height:auto;}
.oproc ul li { width:120px; height:90px; float:left; margin-left:10px; margin-top:10px; padding:3px; border:1px solid #ccc;}

.pro ul li ol li.txt{ width:400px; height:85px; float:left; padding-left:8px; line-height:16px;}
.pro ul li ol li.txt a{ line-height:17px; color:#369; text-decoration:underline; font-weight:bold; display:block;}
.pro ul li ol li.txt a:hover{ text-decoration:none; color:#333;}

a.leftpic{
	width:250px;
	height:125px;
	float:left;
	margin-right:5px;
	cursor:pointer;


*cursor:auto;			_cursor:auto;
	cursor:url(images/zoomin.cur);
}
a.leftpic img{ border:#ccc solid 1px;}

/*  left*/
.etw-left{ width:220px; height:auto; float:left; padding-left:1px;}
.etw-left ul{ width:220px; height:auto;}
.etw-left ul li.pro-title{ width:220px; height:30px; background:url(../images/pro-bj.jpg) no-repeat; margin-bottom:3px;}
.etw-left ul li.pro-title a{ line-height:30px; color:#fff; font-weight:bold; padding-left:10px; font-size:14px;}
.etw-left ul li.pro-title a.dangq{color:#ccc;}
.etw-left ul li.pro-title a:hover{ color:#ccc;}

.etw-left ul li.sma{ width:220px; height:auto; padding-bottom:2px; background:url(../images/pro-bot.jpg) no-repeat center bottom;text-align:left;}
.etw-left ul li.sma a{ padding:7px 0 2px 15px; color:#476C8E; height:auto;display:block;}
.etw-left ul li.sma a:hover{ color:#000;display:block;}
.etw-left ul li.sma a:visited{ color:#666;}
.etw-left ul li.sma1{ width:220px; height:auto; padding-bottom:2px; background:url(../images/pro-bot.jpg) no-repeat center bottom;text-align:left;}
.etw-left ul li.sma1 a{ padding:7px 0 2px 15px;color:#CB3332; height:auto;display:block;}
.etw-left ul li.sma1 a:hover{ color:#000;}

.etw-left ul li.sma-last{ width:220px; height:auto; padding-bottom:20px; background:none}
.etw-left ul li.sma-last a{ line-height:20px; color:#476C8E; padding-left:18px;}
.etw-left ul li.sma-last a:hover{ color:#000;}

.etw-left ul li.sma-last1{ width:220px; height:auto; padding-bottom:20px; background:none}
.etw-left ul li.sma-last1 a{ line-height:20px; color:#CB3332; padding-left:18px;}
.etw-left ul li.sma-last1 a:hover{ color:#000;}

.contact{ width:205px; height:auto; line-height:20px; padding:8px 0 5px 10px;text-align:left;}
.contact strong{ color:#333;}
a.mail{ color:#476C8E;}
a.mail:hover{ color:#000;}


/* etw-right  */
.etw-right{ width:620px; height:auto; float:left; padding-left:18px;  padding-bottom:5px;}
.etw-right .text{ width:620px; height:auto; line-height:18px; height:285px; overflow:hidden; }
.etw-right .text span.comp{  font-size:16px; display:block; font-weight:bold; color:#CB3332;padding:8px 0 3px 0;}

.title{ width:620px; height:25px; border-bottom:#ccc solid 1px; line-height:25px; padding-top:3px; font-size:14px; text-indent:8px; color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.product,.product ul{ width:620px; height:auto;}
.product ul li{ margin-top:6px;}
.product ul li,.product ul li ol{ width:620px; height:70px;}
.product ul li ol li.pic{ width:122px; height:auto; float:left;}
.product ul li ol li.pic a{ width:122px; height:62px; border:#ccc solid 1px; display:block;}
.product ul li ol li.pic a:hover{ border:#000 solid 1px;}
.product ul li ol li.pic a img{ margin-top:1px;}

.product ul li ol li.txt{ width:480px; height:70px; float:left; line-height:16px; padding-left:10px;}
.product ul li ol li.txt a{ line-height:17px; color:#369; font-weight:bold; display:block;}
.product ul li ol li.txt a:hover{ text-decoration:underline;}

.consulting{ width:540px; float:left;margin:5px 0 8px 0;}
.link-bot{ width:70px; text-align:right; float:left; line-height:20px; height:20px; background:url(../images/bot.gif) no-repeat 15px center;}
.link-bot a{ color:#000; font-weight:bold;}

.about{ width:620px; height:auto; line-height:18px;}
.about strong{ color:#333;}
.quicklink{ width:620px; height:auto; line-height:18px; padding:5px 0 3px 0px; color:#333;}
.quicklink a{ padding:0 5px 0 0; color:#000; text-decoration:underline;}
.quicklink a:hover{ color:#CB3332; text-decoration:none;}
.bigpic{ width:305px; height:230px; padding-top:5px; float:left;}
.bigpic img{ border:#ccc solid 1px;}
.bigpic a{cursor:pointer;*cursor:auto;_cursor:auto;cursor:url(images/zoomin.cur);}
.bigpic2{ width:205px; height:155px; padding-top:5px; float:left;}
.bigpic2 img{ border:#ccc solid 1px;}
.bigpic2 a{cursor:pointer;*cursor:auto;_cursor:auto;cursor:url(images/zoomin.cur);}

#allbox div a img{cursor:auto;cursor:url(images/small.cur);}

.smapic{
	width:122px;
	height:auto;
	text-align:center;
	display:block;
	float:left;
	padding-left:8px;
}

.smapic a{ cursor:pointer;*cursor:auto;_cursor:auto;cursor:url(images/zoomin.cur);  border:#ccc solid 1px; width:120px; height:60px; display:block; text-align:center; margin-top:5px;}
.smapic a img{ margin:0 auto; display:block;}

.pro-list{ width:180px; height:230px; float:right;}
.pro-list ul{ width:180px; height:230px;}
.pro-list ul li{ width:180px; height:30px;display:block; line-height:15px; padding-top:3px; margin-left:4px;text-align:left;}
.pro-list ul li a{ color:#666; display:block; width:180px; height:30px; line-height:15px;}
.pro-list ul li a img{ float:left; border:#ccc solid 1px; margin-right:3px;}
.pro-list ul li a:hover{ color:#476C8E; text-decoration:underline;}
.pro-list ul li a:hover img{ border:#476C8E solid 1px;}
.pro-list ul li a.d{ color:#476C8E; text-decoration:underline;}
.pro-list ul li a.d img{ border:#476C8E solid 1px;}

.list{ width:620px; height:30px;}
.list a{ width:205px; float:left; height:30px; line-height:30px; display:block; color:#666;}
.list a img{ float:left; border:#ccc solid 1px; margin-right:3px;}
.list a:hover{ color:#CB3332; text-decoration:underline;}
.list a:hover img{ border:#CB3332 solid 1px;}
.list a.d{ color:#CB3332; text-decoration:underline;}
.list a.d img{ border:#CB3332 solid 1px;}
.pro-list2{ width:180px; height:155px; float:right;}
.pro-list2 ul{ width:180px; height:155px;}
.pro-list2 ul li{ width:180px; height:30px;display:block; line-height:15px; padding-top:3px; margin-left:4px;}
.pro-list2 ul li a{ color:#666; display:block; width:180px; height:30px; line-height:15px; text-align:left;}
.pro-list2 ul li a img{ float:left; border:#ccc solid 1px; margin-right:3px;}
.pro-list2 ul li a:hover{ color:#476C8E; text-decoration:underline;}
.pro-list2 ul li a:hover img{ border:#476C8E solid 1px;}
.pro-list2 ul li a.d{ color:#476C8E; text-decoration:underline;}
.pro-list2 ul li a.d img{ border:#476C8E solid 1px;}


h2,h1{ font-weight:normal; font-size:18px; line-height:25px; color:#333; padding-top:5px;}

#bott{ width:855px; height:10px;*height:10px;_height:5px; background:#fff;}

/*  fooder  */
#etw-bottom{ width:855px; height:59px; margin:0 auto; padding:0 30px;padding-top:10px;background:url(../images/bottom.jpg) no-repeat center top; text-align:center;}
.link{ width:800px; height:20px; float:left; text-align:left; line-height:20px; color:#fff;}
.link a{ color:#fff; padding:0 5px;}
.link a:hover{ text-decoration:underline;}

.quick{ width:855px; height:20px; line-height:20px; text-align:left; color:#fff;}
.quick a{ color:#fff; line-height:20px; padding:0 5px;}
.quick a:hover{ text-decoration:underline;}

.link-top{ width:50px; text-align:right; float:right; line-height:20px; height:20px; background:url(../images/top.gif) no-repeat 5px center;}
.link-top a{ color:#fff; font-weight:bold;}

.otherlink{ width:230px; height:13px; margin:0 auto; margin-top:3px;}
.otherlink div{ float:left; margin-left:10px;}
