*{margin:0; padding:0}

body{background-color:#fff;color:#555; font-family:tahoma,/*Microsoft YaHei,*/Simsun,Arial Unicode MS,Mingliu,Arial,Helvetica}
td, p, li, a, select, div, span{font-size:12px; letter-spacing:1px; line-height:150%}
ul, ol{list-style-type:none}
a img{border:none}
img{border-color:#DCDCDC}
p{padding:7px 0}
a{color:#555; text-decoration:underline}

a:hover{color:#000; text-decoration:underline}

.t11{font-size:11px}
.t12{font-size:12px}
.t14{font-size:14px}
.t14 p{font-size:14px;}
.mcolor{color:#900}
.black{color:#000}
.white{color:#FFF}
.gray{color:#777}
.red{color:#F30}
.blue{color:#03f}
.b{font-weight:bold}
.clear{clear:both}
.block{display:block}
.center{text-align:center}
.nob{border:none; background:none}
.float_left{float:left; padding:7px}
.float_right{float:right; padding:7px}
.image_float_left{float:left; clear:left; margin-right:8px}
.image_float_right{float:right; clear:right; margin-left:8px}
.l{float:left;}
.r{float:right;}


.imgstyle{ border:5px solid #ccc;}

h1,h2{ display:inline; font-size:12px; font-weight:normal; line-height:150%;}
h3{float:left; margin-bottom:10px; padding:0 30px 31px 30px; line-height:26px; width:700px; background:#fff url(../img/bg_h3.gif) no-repeat bottom; font-size:20px; font-weight:normal; font-family:"黑 体 "; color:#333; letter-spacing:2px}
h3 span{margin-left:30px; font-family:"宋 体 "; color:#777}
h4{  font-size:14px;   line-height:160%}
.witle36{display:block; margin:10px 0 0 30px; font-size:36px}
.witle11{display:block; margin-left:35px; font-size:11px; font-family:MingLiU}
div#telnumber{margin-left:35px;   margin-top:5px;   font-size:14px;   font-weight:bold}

.em01{font-family:'Times New Roman'; font-size:40px}
.title01, .title02{display:block; margin-bottom:10px; font-weight:bold; font-size:14px}
.title02{margin-left:30px}
.input01{width:150px; height:21px; border:1px solid #555}
.input02{height:21px; border:1px solid #555}
.input03{margin-top:20px; padding:3px 5px; width:420px; color:#777; font-size:12px; border:1px solid #555}
.submit{width:82px; height:23px; color:#fff; background:url(../img/bg_buttom01.gif) no-repeat left top; border:none}
.top10{margin-top:10px}
.top20{margin-top:20px}
.left30{margin-left:30px}
.bottom30{margin-bottom:30px}
.b10{margin-bottom:50px}
.w420{width:420px}

#top{display:table; margin:0 auto; width:1002px; padding-top:11px; background:url(../img/bg_top.gif) repeat-x top}
#header, #header_about{margin:0 auto; width:1002px; height:142px; background:#555 url(../img/8.jpg) no-repeat left top; border-bottom:1px solid #888}
#header_about{/*background-image:url(../img/1.jpg)*/}
#headerleft{float:left; width:580px; color:#eee; visibility:hidden;}

.headerleft{
	float:left;
	width:690px;
	height:140px;
	text-indent:-999em;
}
#nav{float:right}
#nav li{float:left; margin:0 0 0 0; padding:10px 0 0 10px; width:90px; height:112px; color:#fff; border-left:1px solid #8b6861}
#nav li strong{ display:block; margin-bottom:10px;}
#nav li ul{margin-left:-10px}
#nav li ul li{float:none; margin:0; padding-top:0; height:auto; border:none}
#nav li ul .menuon{background:url(../img/arrow08.gif) no-repeat left}
#nav li ul a{color:#fff; text-decoration:none}
#nav li ul a:hover{color:#ffcc33}
#nav li ul .menuon a{color:#ffcc33;}
#header2{position:relative;clear:both; margin:0 auto; width:1002px;/* padding-bottom:19px; background:url(../img/bg_banbottom.gif) repeat-x bottom;*/}
#header2 img{display:block}
#header2 .logo{ position:absolute; left:30px; top:0;}


#middle{margin:10px auto 0; width:982px;}
#midleft{float:left; width:682px}
#midleft .lefttitle{display:block; margin-bottom:8px; padding:0 0 3px 0; font-weight:bold; letter-spacing:2px; color:#000; border-bottom:1px solid #D4D4D4}
#midleft .valuetitle{margin:8px 0 0; text-align:right; display:block; color:#000}
#midleft div{text-align:justify}
#midcenter{position:relative; float:left; margin:2px 30px 0; background-color:#FFF; width:422px}
#fc{float:left}
#fc img{border:1px solid #D4D4D4}
#con{float:left; margin-left:8px; width:172px}
#con div{line-height:200%}
.contitle{display:block; margin-bottom:10px; color:#000; font-weight:bold}
.more{display:block; margin-top:10px; color:#00f}
#num{clear:both; position:absolute; left:225px; top:65px}
#num a{display:block; margin:3px 0; width:12px; font-size:9px; text-align:center; text-decoration:none}
.bigon{BACKGROUND:#7F7F7F; COLOR:#fff}
.bigoff{BACKGROUND:#fff; COLOR:#000}



.newsbox{ overflow:hidden; margin-bottom:10px; height:28px; line-height:28px; border-bottom:1px solid #e5e5e5;}
.newsbox a{ line-height:28px; text-decoration:none; color:#000;}
.newsbox .title{ float:left; width:60px; font-weight:bold;}
.newsbox ul{ float:left; width:622px;}
.newsbox ul li{ line-height:28px;}
.newsbox ul li span{ color:#999;}

.indcasebox{
	width:682px;
	overflow:hidden;
}
.indcase{ width:720px; overflow:hidden;}
.indcase li{ float:left; padding:0 20px 0 170px; width:161px;}
.indcase li .img{ float:left; display:inline; margin-left:-170px; /*padding:4px; border:1px solid #d9d9d9;*/}
.indcase li .text{}
.indcase li .text .title{ margin-bottom:5px; font-size:12px; color:#000;}
.indcase li .text .title a{ text-decoration:none; color:#000;}



#midright{float:left; margin-left:10px; padding:10px 10px 20px; width:270px; background:#fcf6e5 url(../img/bg_1.gif) no-repeat left bottom;}
#midright .title{display:block; padding:0 0 3px 23px; background:url(../img/arrow01.gif) no-repeat left; font-weight:bold; color:#000; text-decoration:none;}

#midright .title .more{
	display:inline;
	float:right;
	margin-top:0px;
	color:#996600;
	font-weight:normal;
	text-decoration:none;
}

#content{ margin:10px auto 0; width:760px}
#content_case{background:url(../img/line_case.gif) repeat-y 190px}
#context{ float:left; display:inline; margin-left:30px; width:700px}
#context_case{float:left; margin-bottom:30px; width:760px; background:url(../img/line_case.gif) repeat-y 170px}
.contentfoot{float:left; width:760px; margin-top:30px; padding-top:30px; background:url(../img/bg_h3.gif) no-repeat left top; text-align:center}
.contentfoot a, .contentfoot span{margin:0 10px; font-size:18px; font-family:"黑 体 "; color:#777}
.newstitle{float:left; padding:5px 10px; width:680px; background:#f1f1f1; color:#333; text-align:right; font-size:10px; font-weight:bold}
.newstitle h4{float:left; font-size:14px}
.newstitle span{font-size:11px}
.newstext{padding:0 .5em 1em;margin-bottom:30px}
.news_title02{ margin:10px 0;}
.news_title02 h4{display:inline;margin-right:1em;font-weight:normal;}
.news_title02 h4 a:visited{color:#800080;}

.casesort{float:left; padding-right:10px; width:160px; text-align:right}
.casesort li{margin-bottom:15px}
.casesort a{font-size:14px}
.casesort a:visited{color:#800080;}
.casesort .menuon{color:#00f}
.caselist{float:left; margin:0 10px; width:195px}
.caselist li{margin-bottom:5px}
.caselist a{color:#777; text-decoration:none}
.caselist a:hover{color:#00f}
.caselist a:visited{color:#800080;}
.caselist .first{font-weight:bold}
.caselist .first img{}
.caseimg{float:right; margin-right:20px}
.caseimg li{margin-bottom:10px}
.caseimg img{padding:1px; border:5px solid #999}
.questiontitle{float:left; padding:5px 10px; width:680px; background:#f1f1f1; color:#555}
.questiontitle h4{float:left; font-size:14px}
.questionul{float:left; margin:10px 0 50px}
.detailtext .questionul li{background-position:left 14px}
.questionul a{}
.jobtitle{float:left; padding:5px 10px; width:680px; background:#f1f1f1; color:#333; text-align:right}
.jobtitle h4{float:left; font-size:14px}
.jobtitle span{font-weight:normal; font-size:14px}
.jobtext{float:left; padding:5px 30px 40px; line-height:200%; color:#777}
.detailtext .jobtext p{font-size:12px}
.detailtext .jobdl{float:left; display:inline; width:640px; line-height:200%; color:#777}
.detailtext .jobdl dt{float:left; font-size:12px; width:70px; font-weight:normal; text-align:right}
.detailtext .jobdl dd{float:left; margin-bottom:0; padding:0 5px; width:560px; font-size:12px}
.jobbot{clear:both; padding-top:10px; border-top:1px solid #ccc; text-align:center}

.trackout{ min-height:280px; background:url(../img/img_login.jpg) no-repeat 348px top;}
* html .trackout{ height:280px;}
.track{padding:20px 0; width:300px}
.logindiv{margin:20px 0; padding:5px; width:290px; background:#f1f1f1}
.logintitle{display:block; padding:5px 0; color:#fff; text-align:center; background:#555}
.login{padding:30px 0 10px; border:none}
.login label{float:left; padding:4px; width:80px; text-align:right; font-weight:bold; font-size:14px}
.login div{clear:left; margin-bottom:10px}
.login a{text-decoration:none; color:#777}
.validate{text-align:center; color:#000}
.validate span{margin-left:10px; padding-left:10px; background:url(../img/arrow06.gif) no-repeat left; color:#777}
.trackul{margin:0 64px 30px; width:574px}
.trackul li{float:left; padding:6px 0; width:574px; background:url(../img/line_indexnews.gif) repeat-x bottom; color:#777}
.trackul span{font-size:14px}
.trackul .title{float:left; width:445px}
.trackul .title a{margin:0 10px; color:#03f; font-size:14px; text-decoration:none}
.trackul .title a:visited{color:#333}
.trackul .title a:hover{text-decoration:underline}
.trackul .name{float:right}
.trackul .name strong{margin-left:5px; color:#333; font-weight:normal}
.tracktext h4{color:#333}
.tracktext .ul01:after{    content:".";     display:block;     height:0;     clear:both;     visibility:hidden}
.tracktext .ul01{margin:10px 34px 20px}
.tracktext .ul01 li{float:left; margin-right:10px; padding:3px 0; width:286px}
.tracktext .ul02{margin:0 34px}
.tracktext .ul02 li{padding:3px 0; width:572px}
.tracktext .ul02 strong{float:left; width:150px; font-weight:normal}
.tracktext .ul02 span{float:left; width:180px}
.tracktext .ul02 a{color:#03f; text-decoration:none}

.demanddl{font-size:14px}
.demanddl dt{padding:0 30px; color:#333; font-weight:bold}
.demanddl dd{margin:10px 0 20px; padding:0 64px 5px; background:url(../img/line_indexnews.gif) repeat-x bottom}
.demanddl dd dt{margin-left:0; padding:0; font-weight:normal}
.demanddl dd dd{margin:0 0 15px; padding:0; background:none}
.demanddl textarea{padding:5px; width:420px; height:70px; border:1px solid #555; font-size:12px}
.demanddl dd div{font-size:12px}
.demanddl dd a{margin-right:20px; padding-right:10px; color:#03f; text-decoration:none}
.demanddl .subitdd{padding-bottom:0; text-align:center; background:none}
.feedbackul{margin:0 -64px 0 -40px}
.feedbackul li{padding:3px 0; font-size:14px}
.feedbackul input{padding:2px 0; border:1px solid #555}
.feedbackul .radio{border:none}
.feedbackul span{float:left; width:420px; font-size:14px}
.feedbackul em{font-style:normal; font-size:11px; color:#777}
.feedbackul strong{float:left; width:80px; font-weight:normal; text-align:right}
.feedbackul02{}
.feedbackul02 li{margin:0 0 12px}

.solutiontab{margin:0 auto; border-left:1px solid #ccc; border-top:1px solid #ccc}
.solutiontab td, .solutiontab th{padding:5px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.tabbot{ margin:10px auto 30px;  text-align:center}
.solutionul{float:left; margin-bottom:30px}
.solutionul li{float:left; padding:2px 0 3px; background:url(../img/line_indexnews.gif) repeat-x bottom}
.solutionul a{display:block; padding:6px 0; width:700px; text-decoration:none; font-size:14px; color:#777}
.solutionul a:hover{background:#f1f1f1; text-decoration:none}
.solutionul strong{float:left; margin-right:10px; width:140px; text-align:right; color:#333; cursor:pointer}
.mapimg{clear:both; position:absolute; right:0; top:30px}
.mapimg img{border:1px solid #fff;}
.mapimg:hover img{border:1px solid #ccc;}
.contactmap{}

#top2{display:table; margin:0 auto 40px; padding:11px 30px 0; width:942px; background:url(../img/bg_top2.gif) repeat-x top}
.logo{float:left}
.top2right{float:left; margin:30px 0 0 30px}
.top2right a{margin-right:20px; color:#000; text-decoration:none}
.top2right .blue{color:#03f}
.text01{margin:0 30px 20px; padding:0 0 20px; line-height:200%; font-size:14px; background:url(../img/line_indexnews.gif) repeat-x bottom}
.text02{margin:0 auto; width:570px; font-size:12px}
.detailtext .text02 p{font-size:12px}




.friendlink{ padding-top:10px; margin:0 auto; width:1002px; text-align:center;}
.friendlink img{ margin:0 5px;}



#footer{ overflow:hidden; clear:both;position:relative; margin:10px auto 0; padding:10px 0 5px; width:1000px; border:1px solid #e7e7e7; border-bottom:5px solid #ccc; background:#fff url(../img/shade_1.gif) repeat-x left bottom; font-size:9px; text-align:right}
#footer a:hover{}
#footer p, #footer a, #footer div, #footer span{letter-spacing:0;}

#footer .wangan{ float:left; display:inline; margin-left:10px;}
.footerbot{ margin:0 auto; padding:10px 0 10px 0; width:1002px; line-height:120%; font-size:10px; color:#999;}
.copyright{float:left; display:inline; margin:0 0 0 10px; line-height:200%; text-align:left}
.copyright a{ text-decoration:none}
.copyright span{}
.botlink{float:right; padding:1px 20px 0 0; /*width:250px*/}
.botlink a{ margin-left: 4px; text-decoration:none;}
/*
a.bothome{padding-left:11px;background:url(../img/arrow_home.gif) no-repeat left 1px}
a.botcontact{padding-left:14px;background:url(../img/arrow_contact.gif) no-repeat left 1px}
a.botlegal{padding-left:12px;background:url(../img/arrow_legal.gif) no-repeat left 1px}
a.botsitemap{padding-left:16px;background:url(../img/arrow_sitemap.gif) no-repeat left 1px}
*/
#footer .top{position:absolute; right:12px; top:-3px; display:none;}
#footer .icp{ float:right; margin: 8px 20px 0pt}









/*editor*/
.edittext, .edittext p{line-height:150%;}
.edittext ul{ list-style-type:disc;}
.edittext ul li{ margin-left:15px;}
.edittext ul ul{ list-style-type:circle;}
.edittext ul ul ul{ list-style-type:square;}
.edittext ol{ list-style-type:decimal;}
.edittext ol li{ margin-left:25px;}
/*.editortext ol li{list-style-position:inside;}*/



.detailtext01, .tracktext{float:left; margin-bottom:20px; padding:20px; width:660px; background:#F1F1F1}
.detailtext .detailtext01{font-size:12px}
.detailtext .detailtext01 p, .detailtext .detailtext01 a{font-size:12px}
.detailtext .detailtext01 dt{font-size:12px}
.detailtext .detailtext01 dd{font-size:12px}
.detailtext01 dl{}
.detailtext01 dt{font-weight:bold}
.detailtext01 dd{margin-bottom:20px}
.detailtext{float:left; width:700px; color:#555; font-size:14px}
.detailtext p, .detailtext a{font-size:14px}
.detailtext dl{}
.detailtext dt{font-size:14px; font-weight:bold}
.detailtext dd{margin-bottom:15px; font-size:14px}
.detailtext .ul01{margin:10px 0 20px}
.detailtext .ul01 li{background:none; font-size:12px; color:#333}

.detailtext, .detailtext p{line-height:150%}
.detailtext01, .detailtext01 p, .detailtext, .detailtext p, .newstext, .newstext p{line-height:200%}
.detailtext01 a, .detailtext a{color:#00f}
.detailtext01 ul, .detailtext ul{font-size:14px}
.detailtext01 ul li, .detailtext ul li{margin-left:20px; padding-left:10px; line-height:200%; background:url(../img/arrow05.gif) no-repeat left 12px; font-size:14px}
#middle:after, #content:after, #context:after, #context_case:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

#feedbackform{ border:solid 5px #999;  background-color:#FFFEEE;  padding:20px;margin: 20px 0;}
#feedbackform ul{}
#feedbackform li{ font-size:1.2em}
#feedbackform li.caption{ font-size:1.3em;  font-weight:bold;  margin:10px 0;  border-bottom:solid 3px #999}
#feedbackform li.title{ font-weight:bold;  margin:5px 0;  border-bottom:solid 1px #AAA}
#feedbackform li.child{ padding-left:2em}

.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
.clearfix{display:inline;}
* html .clearfix{height:1%}
.clearfix{display:block}

.pager{float:left; margin-bottom:30px; padding-top:10px; width:700px; text-align:right; color:#f30; border-top:1px solid #555}
.pager img{vertical-align:middle}
.pager a, .pager span{margin:0 5px; font-size:12px}
#content .pager a{color:#555; text-decoration:none}
#content .pager a:hover{text-decoration:underline}
.pager span{color:#f30; font-size:13px; font-weight:bold}

.turnpage{ overflow:hidden; zoom:1; padding:0 100px;}
.turnpage .prev, .turnpage .next{
	color:#777777;
	font-weight:bolder;
	text-decoration:none;
	font-size:24px;
	letter-spacing:-2px;
	cursor:pointer;
}
.turnpage .prev{ float:left;}
.turnpage .next{ float:right;}

.sitemapul{float:left;min-height:300px;height:auto;}
* html .sitemapul{ height:300px;}
.sitemapul li{float:left;margin:5px 0;width:700px;background:#e6e6e6;}
.sitemapul li span{float:left;padding:3px 10px;width:80px;background:#878787;text-align:right;font-weight:bold;color:#fff;}
.sitemapul li span a{color:#fff;font-weight:bold;}
.sitemapul li span a:hover{ color:#f30;}
.sitemapul li a{text-decoration:none;}
.sitemapul li ul{float:left;width:600px;}
.sitemapul li li{margin:0 10px;padding:3px 0;width:90px;}
.sitemapul li li a{color:#03f;}


.content2{
	margin:10px auto 0;
	width:1002px;
}
.contenttit{ display:block; margin-bottom:10px; padding:3px 20px; border-bottom:1px solid #e5e5e5; font-size:18px; font-weight:bold;}
.contenttit .more{ float:right; margin:0; font-size:12px; font-weight:normal; color:#555;}

.caselist2{ overflow:hidden; zoom:1; margin-bottom:30px;}
.caselist2 li{ overflow:hidden; float:left; padding:20px 0 0 20px; width:230px; height:228px;}
.caselist2 li .img{ display:block; margin-bottom:5px;}
.caselist2 li .img img{ border:5px solid #f1f1f1;}
.caselist2 li .img:hover img{ border-color:#000;}
.caselist2 li h5{ font-size:12px;}
.caselist2 li .link{ text-decoration:none; color:#777;}

.caseturn{ overflow:hidden; zoom:1; padding:3px 20px;}
.caseturn a{ margin:0 5px;}
.caseturn .prev{ padding-left:10px; background:url(../img/ico_prev.gif) no-repeat left 3px; text-decoration:none;}
.caseturn .next{ padding-right:10px; background:url(../img/ico_next.gif) no-repeat right 3px; text-decoration:none;}

.casebox{ overflow:hidden; margin:20px auto; padding:10px 20px; width:940px; border:1px solid #e5e5e5; background:url(../img/shade_2.gif) repeat-x left top;}
.casetitle{ margin-bottom:20px;}
.casetitle h2{ display:block; font-weight:bold; font-size:14px;}
.casebox .back{ float:right;}
.casebox .back a{ padding-right:10px; background:url(../img/ico_1.gif) no-repeat right top; text-decoration:none;}
.casebox .edittext{ padding-bottom:30px;}


.evaluatelist{
	float:left;
    overflow: hidden;
    zoom: 1;
	margin-bottom:30px;
	padding: 0 100px;
	width:802px;
	/*background:url(../img/img_evaluate.gif) no-repeat 40px 20px;*/
}
.evaluatelist li{
    margin-bottom: -1px;
    padding: 15px 0;
	border-bottom:1px solid #ccc; /*text-align: justify;*/
}
.evaluatelist li .text{}
.evaluatelist li .name{
	color:#996600;
	text-align:right;
}


.evaluatelist .text p
{
    font-size: 1.2em;
    line-height: 200%;
}



.scrolltop{ overflow:hidden; zoom:1; margin-bottom:5px;}
.scrolltop a{
	float:right;
	padding:5px 20px;
	background-color:#bbb;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.scrolltop a:hover{ background-color:#aaa;}

.scrollbox{ overflow:hidden; width:700px;}
.scrollbox_in{ overflow:hidden; width:1400px;}
#newsdetail{ position:relative; float:left; width:700px;}
#newslist{ position:relative; float:left; width:700px;}

.newslist{}
.newslist li{ padding:5px 0;}
.newslist li a{ margin-right:10px; color:#00f; font-size:14px; text-decoration:none;}
.newslist li a:visited{color:#800080;}




.evaluatescroll{}
.evaluatescroll_oh{ overflow:hidden; width:1002px;}
.evaluatescroll_in{ overflow:hidden; width:2004px;}

.table_1{ border-collapse:collapse;}
.table_1 th, .table_1 td{padding:3px 5px; border:1px solid #ccc;}
.table_1 th{}
.table_1 td{}
.table_1 th{ text-align:right;}