@charset "utf-8";
@import url(Reset.css);

/* Common Style */
html, body {overflow-x: hidden}
body, td, th, p, input, button, textarea, select {font: 12px Tahoma, "宋体"; color: #333}

.input, textarea {padding: 2px; border: solid 1px #bdbdbd}
.button {width: 60px; height: 20px; color: #fff; border: none; background: url(../Images/Btn_Bg.gif)}
.btnRed {width: 102px; height: 27px; background: url(../Images/Btn_Red.gif)}

a {color: #333; text-decoration: none; outline: none}
a:hover {color: #c10000; text-decoration: underline}
a:active {color: #000}


.r {float: right}
.l {float: left}
.b {font-weight: bold}

/* Main Style */
body {background: #e5e5e5}

.warp {width: 900px; margin: 0 auto 0 auto}

#header, #menu, #banner {min-width: 900px}

/* 页眉 */
#header {background: #fff url(../Images/Header_Bg.gif) left bottom repeat-x}
	#header .warp {height: 95px; overflow: hidden}
	#header .logo {float: left; width: 300px}
		#header .logo img {width: 300px; height: 95px; background: url(../Images/Header_Logo.gif) no-repeat}
	#header .link {float: right; text-align: center; padding: 20px 12px 0 0}
		#header .link .txt {font-size: 11px; margin-left: -20px}
			#header .link .txt img {vertical-align: top; margin-right: 3px}
			#header .link .txt a {margin-left: 20px}
			#header .link .txt a:hover {text-decoration: none}
		#header .link .btn {margin-top: 10px; margin-left: -3px; white-space: nowrap}
			#header .link .btn a {display: block; float: left; margin-left: 3px; background: url(../Images/Top_LinkBtn_Bg.gif) left -25px repeat-x}
			#header .link .btn span {float: left; display: block; height: 22px; line-height: 22px; white-space: nowrap; cursor: pointer}
			#header .link .btn span.borderLeft, #header .link .btn span.borderRight {width: 2px; background-image: url(../Images/Top_LinkBtn_Bg.gif); background-repeat: no-repeat}
			#header .link .btn span.borderRight {background-position: right top}
			#header .link .btn span.text {padding: 0 15px}

/* 菜单 */
#menu {height: 35px; background: #bd0000 url(../Images/Menu_Bg.gif) repeat-x}
	#menu ul.warp {height: 30px; line-height: 30px; overflow: hidden}
	#menu ul li {float: left; text-align: center}
	#menu ul img {width: 1px; height: 30px}
	#menu ul a {display: block; position: relative; width: 88px; height: 30px; color: #fff; z-index: 100}
	#menu ul a:hover {color: #ffff00; font-weight: bold}
	#menu ul a:active {color: #feffb1}
	#menu ul .sel a {color: #fff600; font-weight: bold}
	
	/* 子菜单 */
	.subMenu {position: absolute; width: 80px !important; width /**/: 90px; line-height: 22px; padding: 30px 5px 10px 5px; background: #bc0000 url(../Images/Menu_SubBg.gif) bottom no-repeat; z-index: 99}
	.subMenu .split {height: 2px; background: url(../Images/Menu_SubSplit.gif) repeat-x; margin-bottom: 5px; overflow: hidden}
	.subMenu a {display: block; text-align: center; height: 22px; color: #fff}
	.subMenu a:hover {color: #ffff00}
	.subMenu a:active {color: #feffb1}
	

/* Banner */
#banner {height: 210px; background: url(../Images/Banner_Bg.gif) repeat-x}
/* 内页Banner */
#banner_Cont {height: 140px; background: url(../Images/Banner_Cont_Bg.gif) repeat-x}

/* 主体内容 */
#body {height: 1%; overflow: hidden !important; overflow /**/: visible; background: url(../Images/Main_Top.gif) center top no-repeat; padding-top: 15px}
	/* 没数据 */
	.nodata {width: 100% !important; padding: 0; margin: 0; height: 120px !important; line-height: 120px !important; text-align: center; font-weight: bold; background: none}
	.nodata:hover {background: none}
	
	/* 标题定义 */
	#body .title {height: 24px; margin-bottom: 10px; padding: 0 6px 0 8px; background: url(../Images/Title_Line.gif) left bottom repeat-x}
		#body .title a.more {float: right; margin-top: 6px}
	
	/* 信息列表 */
	.itemList {}
		.itemList li {height: 25px; line-height: 25px; padding-left: 21px; background: url(../Images/Ico_DotArrow.gif) 4px center no-repeat}
		.itemList .date {float: right; font: 11px Tahoma}
	
	/* 分页列表 */
	.page {width: 638px; margin: 15px auto 0 auto; text-align: right}


	/* 内容 */
	#body .main {float: left; display: inline; width: 652px; margin-left: 12px; height: 1%; overflow: hidden !important; overflow /**/: visible}
		/* 新闻动态 */
		#news {float: left; width: 320px}
		/* 解决方案 */
		#solution {float: right; width: 320px}
		/* 软件介绍 */
		#soft {clear: both; padding-top: 1px; height: 0%; overflow: hidden !important; overflow /**/: visible}
		#soft li {float: left; width: 24.9%; text-align: center}
		/* 导航连接 */
		#navLink {float: left; width: 193px; margin-top: 28px}
		#navLink li {margin-bottom: 6px}
		/* 成功案例 */
		#project {float: right; width: 440px; margin-top: 28px}
		#project li {height: 28px; line-height: 28px}
		#project .twoCol {height: 1%; overflow: hidden !important; overflow /**/: visible}
		#project .twoCol li {float: left; width: 49.9%; padding: 0; background: none}
		#project .twoCol a {display: block; padding-left: 21px; background: url(../Images/Ico_DotArrow.gif) 4px center no-repeat}

	/* 右侧 */
	#body .sidebar {float: right; display: inline; width: 200px; margin-right: 12px}
		/* 框 */
		.sidebar .box {background: url(../Images/Right_Box.gif) -200px top repeat-y !important}
			.sidebar .box .title {height: 25px !important; height /**/: 35px; padding: 10px 0 0 10px !important; margin: 0 !important; background: url(../Images/Right_Box.gif) no-repeat !important}
			.sidebar .box .cont {background: url(../Images/Right_Box.gif) -400px bottom no-repeat}
		
		/* 登录框 */
		#login {}
		#login .title {}
		#login .input {width: 108px}
		#login input#CheckCode {width: 45px} 
		#login .button {float: right; margin-right: 15px}
		#login .btnCase {margin-top: 18px; line-height: 23px}
		#login .formItem {padding: 10px 0 0 18px}
		#login .formItem li {height: 30px}
		#login .formItem .btnCase a {display: block; float: left; padding-left: 20px; background: url(../Images/Ico_User.gif) left center no-repeat}
		#login .memberItem {padding: 10px 0 15px 0}
		#login .memberItem li {height: 22px; line-height: 22px; padding-left: 18px}
		#login .memberItem .member {font-weight: bold; color: #ca0000; padding-left: 18px; margin-right: 1em; background: url(../Images/Ico_User.gif) left center no-repeat}
		#login .memberItem .logout {float: right; display: inline; color: #ca0000; margin-right: 1em}
		#login .memberItem .num {font-weight: bold; margin: 0 5px}
		#login .memberItem .date {margin-left: 8px; color: #666}
		#login .memberItem .link a {padding-left: 15px; background: url(../Images/Ico_DotArrow.gif) left center no-repeat}
		
		/* 导航菜单 */
		#navMenu {padding-top: 3px}
			#navMenu li {margin-bottom: 1px; background: url(../Images/Nav_Bg.gif) center top no-repeat}
			#navMenu a {display: block; height: 31px; line-height: 31px; color: #000; padding-left: 55px; background: url(../Images/Nav_Ico.gif) 0 0 no-repeat; overflow: hidden}
			#navMenu a .en {font: 11px Tahoma; color: #8c8c8c; margin-left: 1em}
			#navMenu a:hover {color: #c10000; font-weight: bold; text-decoration: none; background-position: 0 -31px}
			#navMenu .sel {background: url(../Images/Nav_BgSel.gif) center top no-repeat}
			#navMenu .sel a {font-weight: bold; color: #fff; background: none}
			#navMenu .sel a:hover {color: #fff600; background: none}
			#navMenu .sel .en {color: #fff}
		
		/* 软件分类 */
		.softSort {}
			.softSort .items {padding: 5px 15px 15px 15px; height: 1%; overflow: hidden !important; overflow /**/: visible}
			.softSort .items li {float: left; width: 49.9%; line-height: 25px; /*text-align: center*/}
			.softSort .items li.sort {width: 100%; font-weight: bold; color: #d70000; text-align: center}
			.softSort .items a {display: block; height: 25px; padding-left: 12px; background: url(../Images/Ico_ArrowSmall.gif) left center no-repeat;}
		
		/* 右侧新闻 */
		.sidebar .news {margin-top: 25px}
			.sidebar .news li {height: 23px; line-height: 23px}
		
		/* 选型参考 */
		#selectModel {margin-top: 25px}
		#selectModel li {height: 23px; line-height: 23px}	
                /* 活动主 */		
                #Acii {float: left; margin-top: 5px}
		#Acii li {margin-bottom: 6px}

/* 内页定义 */
	/* 内容 */
	.content {padding:10px 15px 20px 15px; word-break:break-all}
	.content p {margin: 1em 0}
	.content, .content p, .content td, .content th {line-height: 180%; word-break:break-all}
		
	/* 表单定义 */
	.formBox .container {padding: 8px 7px 7px; background: url(../Images/Register_Box_Shadow.gif) left bottom no-repeat}
		/* 内容 */
		.formBox .content {height: auto !important; height: 350px; min-height: 350px; padding: 10px 7px 7px; background: #f5f5f5 url(../Images/Register_Box_Top.gif) repeat-x}

		.formBox .content li {padding: 4px 0}
		.formBox .content li.errCase {}
		.formBox .content li.optional {font-size: 13px; font-weight: bold; color: #666666; margin: 10px 0 10px 10px; padding-left: 10px; border-bottom: solid #cbcbcb 1px;}
		.formBox .content .key {float: left; width: 11em; margin-right: .5em; font-weight: bold; text-align: right}
		.formBox .content .require {margin-left: 1em; font-weight: bold; color: red}
		.formBox .content li.comment {padding-left: 11.5em; margin-top: 1em; color: gray}
		.formBox .content span.comment {margin-left: 1em; color: gray}
		/* 按钮 */
		.formBox .btnbar {height: 50px; padding: 0 20px; border-top: solid 1px #cbcbcb; *border-top: outset #fff 2px; background: #efefef url(../Images/Register_Box_Foot.gif) left bottom no-repeat}
			.formBox .doCase {float: left; margin-top: 15px}
			.formBox .btnbar .btnCase {float: right; margin-top: 10px}
			.formBox .btnbar .btnCase li {float: left; width: 102px; margin-left: 12px}
			.formBox .btnbar .btnCase li.red {background: url(../Images/Btn_Red.gif)}
			.formBox .btnbar .btnCase li.gray {background: url(../Images/Btn_gray.gif)}
			.formBox .btnbar .btnCase a {display: block; height: 27px; line-height: 27px; padding-left: 30px; color: #fff; font-weight: bold; text-align: center; text-decoration: none}
			.formBox .btnbar .btnCase a:hover {color: #fff600}
			.formBox .btnbar .btnCase li.red a {background: url(../Images/Ico_Circle.gif) 0 0 no-repeat}
			.formBox .btnbar .btnCase li.red a:hover {background-position: 0 -30px}
			.formBox .btnbar .btnCase li.gray a {background: url(../Images/Ico_Close.gif) 0 0 no-repeat}
			.formBox .btnbar .btnCase li.gray a:hover {background-position: 0 -30px}

	/* 表格定义 */
	.table {position: relative; background: #f5f5f5}
		.table, .table td, table th {border: solid #ccc 1px}
		.table td, table th {padding: 0 10px}
		.table .header {height: 32px; background: url(../Images/Table_All.gif) left -10px repeat-x}
		.table .dShow, .table .dHide {float: right; height: 15px; padding-right: 15px; background-position: right top; background-repeat: no-repeat}
		.table .dShow {background-image: url(../Images/Ico_ArrowDown.gif)}
		.table .dHide {background-image: url(../Images/Ico_ArrowUp.gif)}
		.table .fillet {position: absolute; width: 4px; height: 4px; overflow: hidden; background: url(../Images/Table_All.gif) no-repeat}
		.table .hLeft {left: -1px; top: -1px; background-position: left top}
		.table .hRight {right: -1px; top: -1px; background-position: right top}
		.table .fLeft {left: -1px; bottom: -1px; background-position: left -5px}
		.table .fRight {right: -1px; bottom: -1px; background-position: right -5px}
		* html .table .fLeft, * html .table .fRight {bottom: -2px}
	
	/* 图片新闻 */
	.picNews {height: 140px; overflow: hidden; padding-left: 10px; font: 12px "宋体"; margin-bottom: 20px}
		.picNews .picture {float: left; width: 200px; height: 130px; border: solid #8c8c8c 5px; overflow: hidden}
		.picNews .picture img {display: block; width: 200px; height: 130px}
		.picNews .items {float: none; margin-left: 210px; padding: 0; list-style: none}
		.picNews .items li {height: 25px; line-height: 25px; margin-bottom: 4px; padding: 0 20px 0 20px}
		.picNews .items .date {float: right; font: 11px Tahoma; color: #6e6e6e; line-height: 25px}
		.picNews .items .sel {background: #8c8c8c url(../Images/News_PicItems_Bg.gif) right top no-repeat}
		.picNews .items .sel a {color: #fff}
		.picNews .items .sel .date {color: #fff}
	/* 新闻列表 */
	.newsList {}
		.newsList li {height: 28px; line-height: 28px}
		.newsList li:hover {background-color: #dcdcdc}
		.newsList .date {color: #808080; line-height: 28px; margin-right: 20px}
	/* 新闻浏览 */
	.viewArticle {padding: 0; margin: 25px 10px 0 10px;}
		.viewArticle .subject {font-weight: bold; font-size: 14px; text-align: center; color: #b80000; margin-bottom: 15px}
		.viewArticle .infos {height: 26px; line-height: 26px; text-align: center; background: url(../Images/News_View_Infos_Bg.gif) center no-repeat}
		.viewArticle .date {font-family: Tahoma; font-size: 11px}
		.viewArticle .hits {font-weight: bold}
		.viewArticle .content {margin: 0 auto; padding: 15px}
		.viewArticle .bottom {text-align: center}
	
	/* 典型案例 */
	.cases {margin: 25px 0 10px 0; height: 1%; overflow: hidden !important; overflow /**/: visible}
		.cases li {float: left; width: 33.3%; text-align: center; margin-bottom: 25px}
		.cases img {width: 190px; height: 50px; border: solid #bababa 1px}

	/* 用户留言 */
	.feedback {margin-top: 20px}
		/* 按钮菜单 */
		.feedback .bar {width: 638px; height: 1%; margin: 0 auto 15px auto; overflow: hidden !important; overflow /**/: visible}
			.feedback .bar .icon {float: left; width: 12px; height: 26px; margin-right: 6px; background-position: center; background-repeat: no-repeat}
			.feedback .bar .ico_view {background-image: url(../Images/Ico_List.gif)}
			.feedback .bar .ico_write {background-image: url(../Images/Ico_Write.gif)}
			.feedback .bar .ico_arrowUp {background-image: url(../Images/Ico_ArrowUp.gif)}
			.feedback .bar .ico_arrowDown {background-image: url(../Images/Ico_ArrowDown.gif)}
			.feedback .bar a {display: block; float: left; height: 26px; line-height: 26px; padding: 0 10px}
			.feedback .bar a:hover {text-decoration: none}
			.feedback .bar a.display {float: right; font-weight: bold}
			.feedback .bar a.view {color: #fff; background: url(../Images/Feedback_Btn.gif) #c71111 left top no-repeat}
			.feedback .bar a.write {color: #fff; padding: 0 15px 0 3px; background: url(../Images/Feedback_Btn.gif) #8c8c8c right -30px no-repeat}
			.feedback .bar a.view:hover, .feedback .bar a.write:hover {color: #fff600}
			.feedback .bar span.split {display: block; float: left; width: 29px; height: 26px; background: url(../Images/Feedback_Btn.gif) left -60px no-repeat}
		/* 列表项 */
		.feedback .item {width: 638px; margin: 0 auto 10px auto}
			.feedback .item img {vertical-align: middle; margin-right: 8px}
			.feedback .item .subject {font-weight: bold}
			.feedback .item .info {float: right}
			.feedback .item .member {font: bold 11px Tahoma; color: #c80000; margin-right: 8px}
			.feedback .item .date {font: 11px bold Tahoma; color: #7f7f7f; margin-left: 8px}
			.feedback .item .reply {height: 30px; font-weight: bold; color: #be0000; background: #f0f0f0; cursor: pointer}
			.feedback .item .content {height: 40px; line-height: 22px; vertical-align: top; padding: 10px 20px}
		/* 签写留言 */
		.feedback .wirte {}
	
	/* 招聘信息 */
	.position {}
		/* 列表项 */
		.position .item {width: 100%; margin-bottom: 12px}
			.position .item .header {cursor: pointer}
			.position .item img {vertical-align: middle; margin-right: 8px}
			.position .item p {margin: 10px 0}
			.position .item .subject {font-weight: bold}
			.position .item .job {font-weight: bold}
			.position .item .num {font-weight: bold; color: #c80000}
			.position .item .content {height: 60px; line-height: 22px; vertical-align: top; padding: 5px 20px}
			.position .item .key {font-weight: bold}
			.position .item .footer {height: 55px; padding: 0 20px; background: #efefef}
			.position .item .cand {float: right; font-weight: bold; color: #cb0000}
		/* 应聘 */
		.position .apply {}
	
	/* 下载中心 */
	.download {width: 100%; margin-bottom: 12px}
		.download .header {cursor: pointer}
		.download img {vertical-align: middle; margin-right: 8px}
		.download .image {float: left; width: 170px; margin: 0 1em 1em 0; border: solid #a9a9a9 3px; cursor: pointer}
		.download .dTitle {font-weight: bold}
		.download .content {height: 50px; line-height: 22px; vertical-align: top; padding: 10px 20px}
		.download .key {font-weight: bold}
		.download .footer {height: 40px; padding: 0 20px; background: #efefef}
		.download .down {float: right; font-weight: bold; color: #cb0000; text-decoration: none}
		.download .down:hover {color: red}
		.download .count {font: normal 11px Tahoma; color: #333; text-decoration: none; margin-left: 8px}

	/* 用户注册 */
	.register {margin-top: 10px}
		/* 注册步骤 */
		.register #stepbar {width: 638px; height: 26px; line-height: 26px; margin: 0 auto 0 auto; overflow: hidden}
			.register #stepbar li {float: left; position: relative; color: #fff; padding: 0 15px 0 35px; background: #8c8c8c}
			.register #stepbar .split, .register #stepbar .border {position: absolute; height: 26px; background: url(../Images/Register_Btn.gif) 0 0 no-repeat; z-index: 100}
			.register #stepbar .split {right: -17px; top: 0; width: 17px; background-position: 0 -90px}
			.register #stepbar .border {right: 0; top: 0; width: 4px; background-position: -13px 0}
			
			.register #stepbar .step {font-weight: bold; padding: 0 15px 0 20px; background: #c71111}
			.register #stepbar .step .border {left: 0; right: auto !important; background-position: 0 0}
			.register #stepbar .step .split {background-position: 0 -30px}
			.register #stepbar .current {background: #656565}
			.register #stepbar .current .split {background-position: 0 -60px}
		/* 条款 */
		.register .clause {height: 500px; overflow: auto; overflow-x: hidden; overflow-y: auto; padding: 0 10px;}
			.register .clause h5 {font-size: 14px; font-weight: bold; text-align: center; padding: 1em}
			.register .clause ol {margin-left: 2em}
			.register .clause strong {font-weight: bold}
		/* 按钮左侧操作 */
		.register .btnbar .doCase {font-weight: bold; color: #ba0000}
		/* 注册完成 */
		.register .complete {margin-top: 100px; text-align: center}
			.register .complete .light {font-size: 14px; color: #cb0000; font-weight: bold}
			.register .complete .gray {color: #555555}
	
/* 页脚 */
#footer {height: 70px; width: 880px; line-height: 20px; margin: 10px auto 0 auto; background: url(../Images/Footer_Bg.gif) no-repeat}
	#footer .copyright, #footer .icp {padding-top: 15px}
	#footer .copyright {float: left; padding-left: 175px; padding-bottom: 10px; background: url(../Images/Footer_Logo.gif) 30px 10px no-repeat}
	#footer .copyright .en {font-size: 11px}
	#footer .icp {float: right; text-align: right; color: #666666; padding-right: 20px}