@charset "utf-8";

body {
	background-color: #e7e7e7;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}

#container {
	height: auto;
	width: 822px;
	margin: 0 auto;
}
.main {
	background-color: #FFF;
	clear: both;
	float: left;
	height: auto;
	width: 800px;
	margin: 0 0 8px 0;
	padding: 0 0 10px 22px;
}
.left {
	float: left;
	height: auto;
	width: 240px;
}
.right {
	float: right;
	height: auto;
	width: 535px;
}
#title {
	clear: both;
	float: left;
	height: 51px;
	width: 100%;
	padding: 15px 0 0 0;
}

#indexColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#indexColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#indexColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
}

#topicsColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#topicsColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#topicsColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -535px 0px;
}

#worksColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#worksColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#worksColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -1070px 0px;
}

#customersColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#customersColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#customersColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -1605px 0px;
}

#servicesColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 4280px;
}
#servicesColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#servicesColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -2140px 0px;
}

#thinkingColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#thinkingColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#thinkingColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -2675px 0px;
}

#aboutColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#aboutColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#aboutColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -3210px 0px;
}

#contactColourBar {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#contactColourBar ul {
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
#contactColourBar ul li {
	float: left;
	height: 4px;
	width: 4280px;
	background-image: url(../images/line.jpg);
	background-repeat: repeat;
	background-position: -3745px 0px;
}

#linksArea {
	clear: both;
	float: left;
	height: 15px;
	width: 100%;
}
#links {
	background-color: #FFF;
	padding: 20px 22px 0 0;
	float: left;
	height: 25px;
	width: 778px;
}
.clear20 {
	clear: both;
	height: 20px;
}
.title {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 5px 0;
}
.org {
	color: #fd6801;
}
a.org:link {
	color: #fd6801;
}
a.org:visited {
	color: #fd6801;
}
a.org:hover {
	color: #fd6801;
}
a.org:active {
	color: #fd6801;
}
.indexorg {
	color: #ee9f66;
}
a.indexorg:link {
	color: #ee9f66;
}
a.indexorg:visited {
	color: #ee9f66;
}
a.indexorg:hover {
	color: #ee9f66;
}
a.indexorg:active {
	color: #ee9f66;
}
.font14 {
	font-size: 14px;

}
.newList {
	float: left;
	height: auto;
	width: 240px;
	border-bottom: 1px solid #ececec;
}
.newList li {
	float: left;
	height: 22px;
	width: 228px;
	background-image: url(../images/jiahao.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding: 0 0 0 12px;
	line-height: 22px;
	border-top: 1px solid #ececec;
	overflow: hidden;
}
.indexWorksList {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin: 15px 0 0 0;
}
.indexWorksList li {
	float: left;
	height: auto;
	width: 192px;
	margin: 0 3px 0 0;
	display: inline;
	padding: 0 0 20px 0;
}
.indexWorksList li a {
	float: left;
	height: auto;
	display: block;
	width: 192px;
	background-color: #FFF;
	cursor: pointer;
}
.indexWorksList li a:hover {
	float: left;
	height: auto;
	display: block;
	width: 192px;
	background-color: #F7F7F7;
	cursor: pointer;
}
.indexWorksPic {
	float: left;
	height: 126px;
	width: 190px;
	border: 1px solid #ececec;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}
.indexWorksTextA {
	float: left;
	height: 107px;
	width: 176px;
	padding: 5px 8px;
}
.indexWorksTitle {
	clear: both;
	float: left;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #fd6801;
	line-height: 1.3;
}
.indexWorksIntro {
	clear: both;
	float: left;
	width: 100%;
	height: 70px;
	margin: 3px 0 0 0;
}
.indexWorksType {
	float: left;
	height: 20px;
	width: 176px;
	padding: 0 8px;
	background-color: #e6e6e6;
	border-top: 1px solid #fff;
	line-height: 20px;
}
.more {
	float: left;
	height: auto;
	width: 777px;
	padding: 3px 0 0 0;
	clear: both;
	text-align: right;
}
.columnList {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.columnList li {
	float: left;
	height: auto;
	width: 257px;
	margin: 0 3px 0 0;
	display: inline;
}
.columnTitleA {
	clear: both;
	float: left;
	height: 41px;
	width: 100%;
	background-image: url(../images/columntitlebg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 15px 0 0 0;
}
.columnTitle {
	float: right;
	height: 22px;
	width: 240px;
	padding: 10px 0 0 5px;
	border-bottom: 1px solid #ececec;
	line-height: 18px;
	text-transform: capitalize;
}
.font16 {
	font-size: 16px;
}
.columnMain {
	float: left;
	height: auto;
	width: 255px;
	border: 1px solid #ececec;
}
.columnPic {
	clear: both;
	float: left;
	height: 72px;
	width: 100%;
	border-bottom: 1px solid #ececec;
}
.columnIntro {
	height: 70px;
	width: 225px;
	margin: 0 auto;
	clear: both;
	padding: 8px 0;
	color: #fd6801;
}
.columnLine {
	clear: both;
	height: 1px;
	width: 95%;
	margin: 0 auto;
	border-bottom: 1px dashed #ececec;
}
.columnLists {
	float: left;
	height: 110px;
	width: 225px;
	padding: 8px 15px;
	overflow: hidden;
}
.columnLists li {
	background-image: url(../images/icon02.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 0 0 0 13px;
	width: 212px;
	float: left;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}
.columnMore {
	float: left;
	height: auto;
	width: 245px;
	padding: 0 0 10px 0;
	clear: both;
	text-align: right;
}

.worksList {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.worksList li {
	float: left;
	height: auto;
	width: 168px;
	margin: 0 4px 0 0;
	display: inline;
	padding: 0 0 30px 0;
}
.worksList li a {
	float: left;
	height: auto;
	display: block;
	width: 168px;
	background-color: #FFF;
	cursor: pointer;
}
.worksList li a:hover {
	float: left;
	height: auto;
	display: block;
	width: 168px;
	background-color: #F7F7F7;
	cursor: pointer;
}
.worksPic {
	float: left;
	height: 110px;
	width: 166px;
	border: 1px solid #ececec;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
}
.worksTextA {
	float: left;
	height: 98px;
	width: 158px;
	padding: 5px;
}
.worksTitle {
	clear: both;
	float: left;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #fd6801;
	line-height: 1.3;
}
.worksIntro {
	clear: both;
	float: left;
	width: 100%;
	height: 61px;
	margin: 3px 0 0 0;
}
.worksType {
	float: left;
	height: 20px;
	width: 152px;
	padding: 0 8px;
	background-color: #e6e6e6;
	border-top: 1px solid #fff;
	line-height: 20px;
}
.content {
	float: left;
	height: auto;
	width: 512px;
	padding: 0 0 20px 0;
}
.topicsMain {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0 0 30px 0;
}
.topicsTitle {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	padding:0 0 5px 0;
	border-bottom: 1px dashed #999;
}
.topicsSource {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 3px 0 10px 0;
	color: #d9d9d9;
}
.topicsPic {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 10px 0;
}
.topicsResume {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	line-height: 1.5;
}
.customersList {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0;
	*padding: 0 0 30px 0;
}
.customersList li {
	float: left;
	height: 120px;
	width: 114px;
	border: 1px solid #ececec;
	margin: 0 16px 30px 0;
	display: inline;
}
.partnersList {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 0;
	*padding: 0 0 30px 0;
}
.partnersList li {
	float: left;
	height: auto;
	width: 116px;
	margin: 0 16px 10px 0;
	display: inline;
}


.banner {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.onlineMain {
	background-color: #f2f2f0;
	width: 757px;
	padding: 10px;
	line-height: 1.5;
}
.onlineLink {
	text-align: right;
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	color: #fd6801;
	font-weight: bold;
}
.contactText {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	line-height: 1.6;
}
.contactMap {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 30px 0;
}
.aboutArea {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 30px 0 0 0;
}
.aboutList {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #999;
	padding: 0 0 15px 0;
}
.aboutListTitle {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.aboutListB {
	float: right;
	height: auto;
	width: 300px;
}
.aboutListPic {
	float: left;
	height: 100px;
	width: 200px;
	border: 1px solid #ececec;
}
.aboutListText {
	float: left;
	height: 70px;
	width: 100%;
	overflow: hidden;
	line-height: 1.5;
}
#indexAd {
	TEXT-ALIGN: center;
	MARGIN: auto;
	WIDTH: 470px;
	CLEAR: both;
	height:275px;
}
.onlineMainC {
	clear: both;
	float: left;
	height: auto;
	width: 777px;
	margin: 15px 0;
	text-align:center;
}
.contactAccount {
	background-color: #f2f2f0;
	width: 492px;
	padding: 5px 10px;
	float: left;
	clear: both;
	line-height: 1.6;
	margin: 30px 0 0 0;
}
.beianTitle {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding: 5px 0;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
}

.beianTab {
	width: 510px;
	border-collapse: collapse;
	margin: 0 auto;
	clear: both;
}
.beianTab tr td{
	height:auto;
	border:1px solid #DFDFDF;
	padding:5px 10px;
	line-height:25px;
}
.beianTab th{
	border:1px solid #DFDFDF;
	background-color:#F7F7F7;
	padding:5px 10px;
	line-height:25px;
	text-align:left;
	width:145px;
	vertical-align: top;
}
.beianFormText {
	font-size: 12px;
	border: 1px solid #ccc;
	padding-left: 5px;
	color: #6B6B6B;
	background-color: #FFF;
}
.beianbtn {
	height: auto;
	width: auto;
	color: #fff;
	cursor: pointer;
	background-color: #ec6829;
	padding:2px 4px;
}
.worksMain {
	width: 777px;
	line-height: 1.5;
}
.center {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
}
.biaoti_da {
	border-right: #cccccc 1px;
	border-top: #cccccc 1px;
	font-weight: bold;
	font-size: 14px;
	border-left: #cccccc 1px;
	color: #ff9606;
	border-bottom: #cccccc 1px solid;
}
.leiwen {
	font-size: 12px;
	color: #7d7d7d;
	line-height: 20px;
	font-family: verdana;
	text-align: left
}

.biaoti_xiao {
	font-weight: bold;
	font-size: 12px;
	color: #7d7d7d;
	line-height: 20px;
	text-decoration: none
}
.biaoge {
	border-right: #cccccc 1px;
	border-top: #cccccc 1px;
	font-size: 12px;
	border-left: #cccccc 1px;
	color: #9e9e9e;
	border-bottom: #cccccc 1px solid;
	text-decoration: none;
	padding: 5px 0;
}
.style3 {	font-weight: bold; color: #3399cc
}
.ebook {
	color: #9e9e9e;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	border-collapse: collapse;
}
.ebook  tr td   {
	color: #9e9e9e;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	padding:5px;
}
.ebook  th {
	color: #9e9e9e;
	border: 1px solid #CCCCCC;
	font-size: 12px;
} 
#sitemapArea {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}


.sitemapItem {
	background-color: #f7f7f7;
	clear: both;
	float: left;
	height: auto;
	width: 492px;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	padding:3px 10px;
	margin: 0 0 5px 0;
}
.sitemapSub {
	clear: both;
	float: left;
	height: auto;
	width: 495px;
	padding: 3px 10px 10px 10px;
}
.sitemapSub li {
	float: left;
	height: auto;
	width: 155px;
	white-space: nowrap;
	padding: 0 10px 0 0;
	margin: 0 0 5px 0;
}
a.sitemap:link {
	color: #666;
}
a.sitemap:visited {
	color: #666;
}
a.sitemap:hover {
	color: #fca860;
}
a.sitemap:active {
	color: #666;
}
.partnersPic {
	float: left;
	height: 120px;
	width: 114px;
	border: 1px solid #ececec;
}
.partnersTitle {
	text-align: center;
	float: left;
	height: 35px;
	width: 116px;
	line-height: 1.3;
	padding: 5px 0 0 0;
}
.joinusTab {
	width: 510px;
	border-collapse: collapse;
	margin: 0 auto;
	clear: both;
}
.joinusTab tr td{
	height:auto;
	border:1px solid #DFDFDF;
	padding:5px 10px;
	line-height:25px;
}
.joinusTab th{
	border:1px solid #DFDFDF;
	background-color:#F7F7F7;
	padding:5px 10px;
	line-height:25px;
	text-align:left;
	width:145px;
	vertical-align: top;
}
.joinusListTab {
	width: 510px;
	border-collapse: collapse;
	margin: 0 auto;
	clear: both;
}
.joinusListTab tr td{
	height:auto;
	border:1px solid #DFDFDF;
	padding:5px 10px;
	line-height:25px;
	text-align: center;
}
.joinusListTab th{
	border:1px solid #DFDFDF;
	background-color:#F7F7F7;
	padding:5px 10px;
	line-height:25px;
	vertical-align: top;
}.needTab {
	width: 510px;
	border-collapse: collapse;
	margin: 0 auto;
	clear: both;
}
.needTab tr td{
	height:auto;
	border:1px solid #DFDFDF;
	padding:5px 10px;
	line-height:25px;
}
.needTab th{
	border:1px solid #DFDFDF;
	background-color:#F7F7F7;
	padding:5px 10px;
	line-height:25px;
	text-align:left;
	width:95px;
	vertical-align: top;
}
.beianFormText {
	font-size: 12px;
	border: 1px solid #ccc;
	padding-left: 5px;
	color: #6B6B6B;
	background-color: #FFF;
}
a.white:link {
	color: #fff;
}
a.white:visited {
	color: #fff;
}
a.white:hover {
	color: #fff;
}
a.white:active {
	color: #fff;
}
.tjBtn {
	height: auto;
	width: auto;
	color: #6B6B6B;
	cursor: pointer;
	background-color: #e5e5e5;
	padding:2px 4px 2px 18px;
	*padding:2px 0 2px 15px;
	background-image: url(../images/zc_tj.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	*background-position: 4px 5px;
}