@charset "utf-8";
body{background:#FFF; margin: 0; padding: 0; text-align:center;font-family:Arial,Times,"微软雅黑", 宋体, sans-serif;font-size:12px; color:#333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
margin:0;
padding:0;
}
img{border:0;}
a {text-decoration: none; color: #000;}
.top{width:906px;height:22px;background-image: url(/images/top_bg.jpg);}
.bottom{width:906px;height:18px;background-image: url(/images/bottom_bg.jpg);clear:both;}
.more {float:right; font-size: 12px;}
#home .more {float:none;}
.clearfx { clear: both; height: 1px; overflow: hidden;}
ul,dl {list-style:none; padding: 0; margin: 0;}
li,dd,p{padding: 0; margin: 0;}
.blank20 {height:20px;}
/* 默认链接颜色 */
a:link		{color: #000; text-decoration:none;}
a:visited	{color: #000; text-decoration:none;}
a:hover		{color: #488c00; text-decoration:none;}
a:active	{color: #488c00;}

#main{width:860px;height:auto!important;overflow:hidden;zoom:1;}/* Moz+IE7 */ 
#main .left{width:11px;background-image:url(/images/main_left_bg.jpg);height:738px;float:left;}
#main .right{width:11px;background-image:url(/images/main_right_bg.jpg);height:738px;float:right;}
#main .mid{width:884px;float:left;background-color:#FFFFFF;}

#thead{width: 860px; height: 65px;text-align:left;}
#thead .logo{width:265px;height:60px;float:left;margin:0 18px 0 6px;}
#thead .logo img{border:none;}
.menu{ height:17px;margin-bottom:12px;border:solid #c6c6c6; border-width:1px 0; overflow:hidden;}
.menu ul {background:#c6c6c6;list-style:none; width:860px; margin: 0 auto;overflow:hidden;}
.menu ul li {line-height:17px;font-size: 12px; color:#000;text-decoration: none; float:left;margin-right:10px; padding: 0 10px;}
.menu ul li a{color:#636363;text-decoration: none;}
.menu ul li a:hover{color:#FFF;text-decoration:none;}
*html .menu h1{margin:2px 0 0 0;}/* IE6 */ 
*+html .menu h1{margin:2px 0 0 0;}/* IE7 */
*html .menu h2{margin:10px 0 0 0;}/* IE6 */ 
*+html .menu h2{margin:10px 0 0 0;}/* IE7 */
#thead .language{ float:right; margin:2px 0 0 0; text-align:right;}

.position {float:left; color:#b7b7b7; clear:left;line-height:21px;}
.position a {color:#b7b7b7 !important;}

#colleft {width:160px;float:left;}
#colright {width:684px;float:right;overflow:hidden;}

#colleft ul li {height:35px;width:160px;}
#colleft ul li.about {height:45px;}
#colleft ul li.about a {line-height:45px;background: url(/images/about_bg.jpg) no-repeat 0 0;height:45px;}
#colleft ul li.about a:hover {background-position: -160px 0;}
#colleft ul li.no1 a {background-position: 0 -45px;}
#colleft ul li.no1 a:hover, #colleft ul li.no1 a.active {background-position: -160px -45px;}
#colleft ul li.no2 a {background-position: 0 -80px;}
#colleft ul li.no2 a:hover, #colleft ul li.no2 a.active {background-position: -160px -80px;}
#colleft ul li.no3 a {background-position: 0 -115px;}
#colleft ul li.no3 a:hover, #colleft ul li.no3 a.active {background-position: -160px -115px;}
#colleft ul li.no4 a {background-position: 0 -150px;}
#colleft ul li.no4 a:hover, #colleft ul li.no4 a.active {background-position: -160px -150px;}
#colleft ul li a {line-height:35px;height:35px;width:160px;display:block;text-indent:-10000px;background: url(/images/about_bg.jpg) no-repeat;}

.cataloglist ul li {height:35px;width:160px;}
.cataloglist ul li.about {height:45px;}
.cataloglist ul li.about a {line-height:45px;background: url(/images/catalog_bg.jpg) no-repeat 0 0;height:45px;}
.cataloglist ul li.about a:hover {background-position: -160px 0;}
.cataloglist ul li.no1 a {background-position: 0 -45px;}
.cataloglist ul li.no1 a:hover, .cataloglist ul li.no1 a.active {background-position: -160px -45px;}
.cataloglist ul li.no2 a {background-position: 0 -80px;}
.cataloglist ul li.no2 a:hover, .cataloglist ul li.no2 a.active {background-position: -160px -80px;}
.cataloglist ul li.no3 a {background-position: 0 -115px;}
.cataloglist ul li.no3 a:hover, .cataloglist ul li.no3 a.active {background-position: -160px -115px;}
.cataloglist ul li.no4 a {background-position: 0 -150px;}
.cataloglist ul li.no4 a:hover, .cataloglist ul li.no4 a.active {background-position: -160px -150px;}
.cataloglist ul li.no5 a {background-position: 0 -185px;}
.cataloglist ul li.no5 a:hover, .cataloglist ul li.no5 a.active {background-position: -160px -185px;}
.cataloglist ul li.no6 a {background-position: 0 -220px;}
.cataloglist ul li.no6 a:hover, .cataloglist ul li.no6 a.active {background-position: -160px -220px;}
.cataloglist ul li a {line-height:35px;height:35px;width:160px;display:block;text-indent:-10000px;background: url(/images/catalog_bg.jpg) no-repeat;}

#content {text-align:left;}
#content p {line-height:21px;text-indent:25px;}

.innerbox {width:720px;}
.inner {
	background:#f6f6f6;
	border:2px solid #F1F1F1;
	padding:10px;
	margin-top:10px;
}
.inner h2 {border-bottom:1px solid #ddd;margin:0;font-size:14px;line-height:25px;}
.inner h2 span {color:#666;font-weight:normal;font-size:11px;padding-left:5px;}
.col2 {float:left;width:313px;margin-right:10px;}

#flash{width:860px;overflow:hidden;}
#colright #flash{width:684px;}

#leftads {float:left;width:210px;overflow:hidden;}
#rightads {float:right;width:640px;overflow:hidden;}
#indexnew{width:860px;font-size:14px; overflow:hidden;}
#indexnew ul {width: 900px;}
#indexnew ul li {width:142px;float:left;margin-right:8px;text-align:left;}
#indexnew ul li img{clear: both;float:none;width:120px;margin:15px 0 10px 0; padding:5px; border:2px solid #ddd;}
#indexnew ul li p {text-align:center;}
#indexnew .box1{width:164px;float:left;text-align:left;}
#indexnew .box1 img{clear: both;float:none;margin:15px 0 10px 0;}
#indexnew a:link, a:visited{color:#333333;text-decoration: none;}
#indexnew a:hover{color:#FF9900;}

#home #indleft{width:600px;float:left;text-align:left; overflow:hidden;}
#indleft{width:684px;float:left;text-align:left; overflow:hidden;}

.ideas {margin:10px 0;font-family:"微软雅黑","黑体";color:#83829D; border: 1px dashed #ddd; }
.ideas h1 {font-size:16px;font-weight: normal;line-height:150%;padding:5px;}
.ideas p {background:#f6f6f6;font-size:32px;letter-spacing:2px;padding:5px;display:block;}

#indleft .workhead{height:24px;border-bottom:1px solid #B7B7B7;background-image:url(/images/workhead_bg.jpg);background-repeat:no-repeat;text-align:right;}
#indleft dl {width: 600px;padding: 0px;color:#666666;margin:20px 0 10px 0;clear: both;display: inline;float: left;}
#indleft dl a:link, a:visited{color:#000;text-decoration: none;}
#indleft dl a:hover{color:#ff9900;text-decoration: none;}
#indleft dl img{float:left;margin:0 25px 0 20px; width:140px;height:105px; padding:5px; border:2px solid #ddd;}
#indleft dt {font-size: 17px;float: right;width: 390px;	letter-spacing: 0px;padding: 0px;margin:0 0 13px 0;}
#indleft dd {font-weight: normal;padding: 0px;margin:0 0 0 210px;}
#indleft dd p {padding: 0px;padding-bottom: 0px;margin: 5px 15px 10px 0px;line-height: 160%;}
#indleft dd .tag {padding-left: 20px;height:15px;font-size:11px;color:#999;background-image: url(/images/tag.jpg);background-repeat: no-repeat;}
#indleft dd .tag a{margin:0 10px 0 0;color:#83829d;}
#indleft dd .tag a:hover{color:#ff9900;}
#indleft .more{padding-left:160px;height:32px;clear: both;margin:40px 0 20px 0 ;}

ul.col2 {list-style:none;}
ul.col2 li { float:left; border:1px dotted #ddd; line-height:18px;margin:8px 8px 0 0; padding:2px; }
ul.col2 ul a {color:#333333;}


#home #indright{width:244px; float:right;overflow:hidden;}
#indright{width:160px; float:right;overflow:hidden;margin-top:10px;}
#indright .contact{margin-top:15px;width:244px;overflow:hidden;}
#indright h3 {text-align:left;}

#indright .industry{background:url(/images/industry.jpg) no-repeat top;padding:0;margin:0;width:244px;overflow:hidden;}
#indright .industry ul{list-style-type: none;text-align:left;margin:0 0 10px 0;padding:0;line-height: 180%;width:280px;}
#indright .industry li{float:left;cursor: hand;}
#indright .industry li a {float:left; background:url(/images/tm_bg_index_right.gif) no-repeat 0 0; width:95px; height: 28px; padding-left:15px;line-height: 28px; margin:2px 18px 8px 2px; display:inline;}	
#indright .industry li a:hover { background-position:left -28px; color:#FFF;}	

#indright .industry ul a{color:#333333;}
#indright .industry ul a:hover{color:#FFF;text-decoration: underline;}
#indright .search{height:36px;background-color:#EAEBEC;clear:both;padding:10px 0 0 0;background-image:url(/images/search2.jpg);	background-repeat: no-repeat;
	background-position: 25px 10px;}
#indright .search input{border: 0px none;background:transparent;height:23px;margin-top:-10px !important;width: 180px; }

#indright .server{background-image:url(/images/server.jpg);background-repeat:no-repeat;margin-top:15px;padding:30px 0 0 0;}
#indright .server ul{list-style-type: none;text-align:left;margin:0;padding:0;line-height: 190%;}
#indright .server li a{width:234px;margin:0;padding:0 0 0 10px;background-color:#F5F5F5;height:24px;margin:0 0 1px 0;display:block;color:#333333;text-decoration: underline;}
#indright .server li a:hover{margin:0;padding:0 0 0 10px;background-color:#666;height:24px;margin:0 0 1px 0;display:block;color:#fff;text-decoration: none;}
#indright .ad{height:222px;margin-top:15px;}

#indright .news ul {list-style:none;}
#indright .news li {line-height:18px;margin-top:8px;padding:5px 0; text-align:left; border-bottom:1px dotted #ddd;}
#indright .news ul a {color:#333333;}
#indright .news ul a:hover {color:#488c00;}

#contact{background-image:url(/images/contact.jpg);margin-top:15px;background-repeat:no-repeat;padding:30px 0 0 10px;text-align:left;}
#indright .sendto{height:46px;background-color:#EAEBEC;clear:both;margin-top:15px;padding:10px 0 0 0;}

#down{width:860px;clear:both;overflow:hidden;padding-top:10px;}
#down .left{width:11px;background-image:url(/images/down_left_bg.jpg);height:206px;float:left;}
#down .right{width:11px;background-image:url(/images/down_right_bg.jpg);height:206px;float:left;}
#down .mid{float:left;background-color:#FFFFFF;text-align:left;height:206px;color:#333333;}

#down .mid .menu{border:solid #B2B2B2;border-width: 1px 0;padding: 5px 0; margin:0 auto 10px;line-height:21px}
#down .mid .menu ul {background:none;}
#down .mid .menu ul li a:hover{color:#ddd;}
#down .mid p{margin:10px 10px 10px 10px;line-height:150%;}
#down .mid p a{color:#FF6600;text-decoration: none;}
#down .mid p a:hover{color:#FF6600;text-decoration:underline;}

/*about*/
a {blr:expression(this.onFocus=this.blur())}
area {blr:expression(this.onFocus=this.blur())}
.slogan{margin-top: 10px;float:right;}
.about_joinus{background-image: url(/images/join.jpg);background-repeat: no-repeat;float: left;height: 172px;	width: 284px;padding-top: 20px;	padding-left: 15px;}
.about_joinus a,.about_joinus a:link,.about_joinus a:visited,.about_joinus a:active{width:299px;color:red;text-decoration:none;line-height: 35px;}
.about_joinus a:hover{text-decoration:underline;}
.about_17{font-size: 17px;font-weight: normal;display: block;line-height: 17px;background-position: left;color: #000;}
.about_joinus p{width:260px;line-height: 18px;margin-top: 10px;margin-bottom: 10px;color: #333;}
.about_view{float: left;height: 172px;width: 264px;padding-top: 20px;padding-left: 30px;}
.about_view p{width:260px;line-height: 18px;margin-top: 10px;margin-bottom: 10px;color: #333;}
.about_view a,.about_view a:link,.about_view a:visited,.about_view a:active{width:299px;color:red;text-decoration:none;line-height: 35px;}
.about_view a:hover{text-decoration:underline;}

.about_19{font-size:19px;text-align: left;line-height: 25px;margin-bottom: 10px;margin-top: 15px;}
.about_award{width: 229px;font-weight: normal;text-align: left;padding-bottom: 10px;}
.about_award a,.about_award a:link,.about_award a:visited,.about_award a:active{font-size: 12px;line-height: 15px;	color: #666;text-decoration:none;}
.about_awardline{;height:2px;line-height:2px;border-bottom:solid 1px #ccc;margin:0px;}
.about_award a:hover{color: #333;}
.about_award p{	text-align:left;font-size: 12px;line-height: 18px;margin: 10px 0px 10px 0px;}
.leftspace{	margin: 0px;padding: 0px;height: 10px;	width: 600px;	line-height: 10px;	float: left;}
.leftline{background-color:#B7B7B7;height:1px;line-height:1px;}
#indleft  h2{color:#333;font-size:16px;font-weight: normal;line-height:150%;margin-top: 10px;width: 600px;}
.adviser{float: left;width: 200px;}
.adviser img{margin-bottom: 10px;}
.adviser p{width: 175px;color: #333;line-height: 20px;margin: 0px;}

.servicelist {clear:both; margin: 5px 0 10px; padding-bottom: 10px; border-bottom: 1px dotted #DDD; }
.servicelist span {float:right;}
.servicelist h1 {font-size: 14px; font-weight: normal; line-height: 21px; float: left; padding:0; margin:0;}
#NewsContent { text-align: left; padding: 20px;}
#NewsContent h2 { text-align: center; }
#NewsContent p {line-height: 21px; }
#NewsContent p img { padding: 5px; }
.summary {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding: 5px 0;}
.summary p { padding-left: 170px; }
.summarytit  {color:#000000; font-size:21px; margin-bottom:5px;}
.summarydate {color:#555555;margin-bottom:8px;margin-left:8px;margin-top:14px;width:500px;}
.summary img { padding: 5px; border: 1px solid #ddd;}

.pagearea {margin:10px 0 20px;padding:3px;text-align:center;overflow:hidden;}
.pagearea span.disabled {border:1px solid #F3F3F3;color:#CCCCCC;margin-right:2px;padding:2px 5px;}
.pagearea span.current {background-color:#F0F0F0;border:1px solid #E0E0E0;color:#AAAAAA;font-weight:bold;margin-right:2px;padding:2px 5px;}
.pagearea a {border:1px solid #DDDDDD;color:#AAAAAA;margin-right:2px;padding:2px 5px;text-decoration:none;}

#contactleft {float:left;height:650px;width:344px;}
#contactleft .contactus {margin-left:15px !important;margin-top:30px;text-align:left;width:344px;}
#contactleft .contactus p {font-size:12px;line-height:25px;margin-left:5px;margin-top:0;}
#contactleft .visit {margin-left:10px !important;margin-top:30px;padding-top:35px;text-align:left;width:344px;}

.clienttab {border:1px solid #E1E1E1;float:left;height:527px;margin:30px 0 20px 20px;padding:10px 0 0 15px;text-align:left;width:470px;}
.clienttab h1 {font-size:17px;font-weight:normal;}
.clienttab input {border:1px solid #C3C4C6;height:20px;margin:2px 0 10px;width:323px;}
.clienttab select { border:1px solid #C3C4C6; height:26px; margin:6px 0 10px; width:323px;}
.clienttab textarea { border:1px solid #C3C4C6; height:99px; margin:2px 0 10px; width:323px;}

#servicelist { width: 860px; overflow: hidden;}
#servicelist ul {width: 900px; margin: 20px 0;}
#servicelist ul li { float: left; margin-right: 28px;}

#clientlist { width: 860px; overflow: hidden;}
#clientlist ul {width: 900px; margin: 20px 0;}
#clientlist ul li { float: left; margin: 0 32px 20px 0;}
#clientlist ul li img {padding:2px; border:1px solid #f4f4f4;}

#CaseContent { text-align: left; padding: 20px 0;}

#project_detail {width:800px;overflow:hidden;}
#project_detail img { width: 200px; height: 150px; }
#project_detail a { display:block; float:left; margin:0 20px 20px 0;text-align:center; padding:5px; border:2px solid #ddd;}
#project_detail a:hover {border:2px solid #ff6600;}
#project_detail a span {line-height:31px; color:#666;display:block;}

#showcaselist { width: 860px; overflow: hidden;}
#showcaselist ul {width: 900px; margin:20px 0; overflow:hidden;}
#showcaselist ul li { float:left; width:120px;height: 205px; margin-right: 27px;}
#showcaselist ul li h1 {font-size:14px;text-align:left;border-left:1px solid;padding-left:10px;height:46px;font-weight:normal;}
#showcaselist ul li h1 span {font-size:10px;display:block;color:#666;}
#showcaselist ul li h1.p1 {border-color:#95e8ff;}
#showcaselist ul li h1.p2 {border-color:#d6d6af;}
#showcaselist ul li h1.p3 {border-color:#c6e7ec;}
#showcaselist ul li h1.p4 {border-color:#eef89a;}
#showcaselist ul li h1.p5 {border-color:#dbdbdb;}
#showcaselist ul li h1.p6 {border-color:#fcdca0;}
#showcaselist dl {width: 150px !important;margin: 0 !important; padding: 0 !important;}
#showcaselist dl dd {margin: 0 !important; padding: 0 !important; width: 60px; float: left; text-align:left;}

.workleft {
	float:left;
	margin:0;
	padding-bottom:50px;
	padding-left:13px;
	width:580px;
}
.workleft h1 {
	color:#000000;
	font-size:26px;
	font-weight:bold;
	line-height:40px;
	margin:20px 0 0;
	text-align:left;
	width:580px;
}
.workleft h2 {
	color:#000000;
	font-size:21px;
	font-weight:normal;
	line-height:30px;
	margin:0 0 20px;
	text-align:left;
	width:580px;
}
.workleft h3 {
	color:#333333;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin:0 5px 20px 2px;
	text-align:left;
	width:130px;
}
.workleft p {
	color:#333333;
	display:block;
	float:left;
	font-size:14px;
	line-height:20px;
	margin:0 0 20px;
	text-align:left;
	width:420px;
}
.workright {
	float:left;
	margin:0;
	padding-left:20px;
	padding-top:50px;
	text-align:left;
	width:246px;
}
.workright dl {
	margin:0 0 50px;
}
.workright dt {
	color:#333333;
	line-height:20px;
	padding-top:10px;
}
.workright dd, .workright dd a, .workright dd a:link, .workright dd a:visited, .workright dd a:active {
	color:#666666;
	line-height:20px;
	margin:0;
	text-decoration:none;
}

/* 首页幻灯 */
.nivoSlider {
position:relative;
}
.nivoSlider img {
left:0;
position:absolute;
top:0;
}
.nivoSlider a.nivo-imageLink {
border:0 none;
display:none;
height:100%;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:60;
}
.nivo-slice {
display:block;
height:100%;
position:absolute;
z-index:50;
}
.nivo-caption {
background:none repeat scroll 0 0 #000000;
bottom:0;
color:#FFFFFF;
left:0;
opacity:0.8;
position:absolute;
width:100%;
z-index:89;
}
.nivo-caption p {
margin:0;
padding:5px;
}
.nivo-directionNav a {
cursor:pointer;
position:absolute;
top:45%;
z-index:99;
}
.nivo-prevNav {
left:0;
}
.nivo-nextNav {
right:0;
}
.nivo-controlNav a {
cursor:pointer;
position:relative;
z-index:99;
}
.nivo-controlNav a.active {
font-weight:bold;
}
#slider {
background:url(/images/loading2.gif) no-repeat scroll 50% 50% #202834;
position:relative;
}
#slider img {
display:none;
left:0;
position:absolute;
top:0;
}
#slider a {
border:0 none;
display:block;
}
.nivo-controlNav {
display:none;
}
.nivo-directionNav a {
background:url(/images/arrows.png) no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:34px;
text-indent:-9999px;
width:32px;
}
a.nivo-nextNav {
background-position:-32px 0;
right:10px;
}
a.nivo-prevNav {
left:10px;
}

.ctop {width:240px;float:left; padding:10px; border-right:1px dotted #ddd;}
.photo, .name {text-align:center;}
.teamlist{}
.teamlist li {padding:10px; margin-bottom:10px; border-bottom:1px dotted #eee;overflow:hidden;}
.teamlist li img {width:120px; padding:5px; margin-right:10px;border:1px solid #ddd;}
.teamlist li h3 {font-size:14px;padding-left:150px;}
#content .teamlist li p {padding-left:150px;text-indent:0;}
.classintro {margin:10px 0;border-bottom:1px solid #eee;}