@import "system.css";
/*
Douco官方站
(C) 2005-2009 Douco Inc.
http://www.douco.net
*/


/* 基本申明
----------------------------------------------- */
body {
	margin:0px;
	font-family: Arial, "宋体", Verdana, sans-serif;
	font-size:12px;
	color: #555;
	font-size:12px;
	line-height:180%;
}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em {
	padding:0;
	margin:0;
}
ul, ol {
	list-style-type:none;
}
img {
	border: 0;
}
a {
	color: #333;
	text-decoration:none;
}
a:hover {
	color:#f60f60;
	text-decoration:underline;
}
a.redcolor {
	color:#CB4721;
}
a.redcolor:hover {
	color:#222;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.none {
	display:none;
}
/* 公共样式
----------------------------------------------- */
#wrapper {
	margin: 0px auto;
	width:949px;
	margin-top:10px;
}
.hidden {
	width: 931px;
	overflow: hidden;
	text-align:left;
}
.title1 {
	font-size: 14px;
	line-height: 54px;
	font-weight: bold;
	height: 54px;
	color:#292929;
}
.more a {
	padding-left: 4px;
	padding-right: 4px;
}
.more {
	font-size: 12px;
	float: right;
	font-weight: normal;
	color: #3D3D3D;
}
/* 页头样式
----------------------------------------------- */
#header {
	position:relative;
	background:#FFF url("head_bg.jpg") repeat-x bottom;
	height:105px;
	text-align:center;
}
#header div {
	overflow:hidden;
}
#header .header {
	width:949px;
	margin:0px auto;
}
#header .header .xuan {
	color:#666;
}
#header .header .xuan a {
	color:#666;
}
#header #menu {
	background: url(menu_bg.jpg) repeat-x 50% top;
	width: 100%;
	white-space: nowrap;
	height: 33px;
	text-align:left;
}
#menu ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
#menu li {
	background: url(menu_line.jpg) no-repeat right top;
	float: left;
	height: 33px;
}
#menu li a {
	width: 54px;
	padding-right: 15px;
	display: block;
	padding-left: 15px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
	padding-top: 6px;
	text-decoration: none;
}
#menu li a:hover {
	background: url(menu_li_hover.jpg) no-repeat -1px top;
	color: #FFFF9D;
}
#menu li#search {
	background: url(menu_right.jpg) no-repeat right top;
	float: right;
	padding-top: 9px;
	color:#FFF;
	font-weight:bold;
	padding-right:20px;
}
#menu li#search input {
	border: #065387 1px solid;
	font-size: 12px;
	width: 150px;
	color: #666;
	height:16px;
 *height: 20px;
}
#menu li#search input.submit {
	border: 0px;
	font-weight: 600;
	background: url(search_bg.jpg) no-repeat left 50%;
	width: 59px;
	cursor: pointer;
	color: #fff;
	height: 20px;
}
#menu li a#menu_home {
	background: url(menu_home_other.jpg) no-repeat left top;
	width: 54px;
}
#menu li a#menu_home:hover {
	background: url(menu_home.jpg) no-repeat left top
}
#top {
	margin: 0px auto;
	top:-1px;
	width:949px;
	background:#EEF4F6 url("mainbg.gif") repeat-x;
	text-align:center;
}
/* 经典案例展示
----------------------------------------------- */
.case {
	background-image: url(case_bg.jpg);
	background-repeat: repeat-x;
	width: 921px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #b0c4d1;
	padding-right: 14px;
	padding-left: 14px;
	line-height:120%;
	margin-bottom:10px;
	overflow:hidden;
}
.case .img {
	background-image: url(zsbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 4px;
	margin-bottom: 4px;
}
.case .img a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.shzs li a:hover, .zssm a:hover {
	color:#225f92
}
.shzs {
	float: left;
	width: 950px;
	overflow: hidden;
}
.dzzx {
	background-image: url(zdzx.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 6px;
	padding-left: 22px;
	display: inline;
	margin-left: 6px;
}
.shzs li a {
	font-weight: bold;
	color: #292929;
}
.shzs li p {
	color: #6b6a6a;
	padding-top: 2px;
}
.shzs li {
	background-image: url(zsbg_line.png);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	width: 176px;
	margin-right: 14px;
	display: inline;
}
.zssm {
	padding-left: 4px;
	width: 160px;
}
.zssm .cutstring {
	height: 16px;
	overflow:hidden;
}
.zssm p {
	color: #6b6a6a;
}
.zssm a {
	font-weight: bold;
	line-height: 16px;
	color: #292929;
}
/* home 经典案例展示
----------------------------------------------- */
#comsenznews #leftbox, #left_news_head li a.head_first, #right_news_head li a.head_first, #comsenznews #rightbox {
	background:url(index_bg.jpg);
	background-repeat:no-repeat;
}
#comsenznews {
	width:949px;
	margin:0 auto;
	overflow:hidden;
	height:370px;
	margin-top:10px;
	line-height:100%;
}
#comsenznews #leftbox {
	float:left;
	width:648px;
	height:350px;
	overflow:hidden;
	background-position:left top;
}
#leftbox #left_news_head {
	height:26px;
	width:100%;
	overflow:hidden;
}
#comsenznews #rightbox {
	float:right;
	width:292px;
	height:350px;
	overflow:hidden;
	background-position:left -575px;
}
#rightbox #right_news_head {
	height:26px;
	width:100%;
	overflow:hidden;
}
#left_news_head li {
	float:left;
	width:350px;
	height:26px;
	text-align:center;
	background-position:right -469px;
	background-repeat:no-repeat;
}
#left_news_head li a {
	display:block;
	color:#fff;
	padding:8px 0;
	text-decoration:none;
	font-weight:bold;
}
#left_news_head li a.head_first {
	color:#000;
	background-position:left -500px;
}
#right_news_head li {
	float:left;
	width:100px;
	height:26px;
	text-align:center;
	background-position:right -469px;
	background-repeat:no-repeat;
}
#right_news_head li a {
	display:block;
	color:#fff;
	padding:8px 0;
	text-decoration:none;
	font-weight:bold;
}
#right_news_head li a.head_first {
	color:#000;
	background-position:left -540px;
}
#doing {
	margin:15px 15px;
	list-style-type:none;
	line-height:160%;
}
#doing strong {
	color:#0097C9;
}
#doing .bottombor {
	border-bottom:1px #EEE solid;
	overflow:hidden;
	height:5px;
	margin:8px 0;
}
#doing .dbox {
	width:300px;
	float:left;
	height:100px;
}
#doing .rline {
	background: url(doing_bg.gif) no-repeat right center;
	padding-right:15px;
}
#doing .dbox .left_dbox {
	width:80px;
	float:left;
	text-align:center;
	padding-top:20px;
}
#doing .dbox .right_dbox {
	width:210px;
	float:left;
	line-height:180%;
}
#comsenznews .blog {
	width:250px;
	padding:10px 15px;
	list-style-type:none;
}
#comsenznews .blog a {
	color:#666;
}
#comsenznews .blog li {
	background:transparent url(arrow_compare.gif) no-repeat scroll 3px 10px;
	padding:0 0 0 15px;
	line-height:180%;
}
/* 作品展示
----------------------------------------------- */
.zuopin {
}
.zuopin h2 span {
	float:right;
	margin-right:20px;
}
.zuopin h2 span a {
	color:#555;
}
.zuopin .list {
	padding:10px;
	margin-top:20px;
	line-height:24px;
	color:#666;
}
.zuopin .list ul {
	list-style:none;
}
.zuopin .list li {
	width:170px;
	float:left;
	height:150px;
	text-align:center;
}
.zuopin .list img {
	border:#EAEAEA 1px solid;
	margin-bottom:5px;
}
.zuopin .caseinfo {
	padding:30px 10px;
}
.zuopin .caseinfo .zhengwen {
	margin-top:20px;
}
/* home 新闻中心
----------------------------------------------- */
#news {
	margin-bottom:10px;
}
#news .news01 {
	width:304px;
	float:left;
}
#news .news02 {
	width:297px;
	float:left;
}
#news .news03 {
	width:272px;
	float:left;
}
#news .r10 {
	margin-right:8px;
}
#news .boxleft {
	width:10px;
	float:left;
	height:169px;
	background: url(box_left.gif) no-repeat;
}
#news .boxmiddle {
	float:left;
	background: url(box_bg.gif) repeat-x;
	height:169px;
}
#news .boxright {
	width:10px;
	float:left;
	height:169px;
	background: url(box_right.gif) no-repeat;
}
#news .boxmiddle img {
	margin-top:5px;
}
#news .boxmiddle .title {
	color:#000;
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	float:left;
}
#news .boxmiddle .title a {
	color:#000;
}
#news .boxmiddle .title span {
	color:#077BC8;
}
#news .newslist ul {
	list-style-type:none;
	margin-top:4px;
	margin-left:5px;
}
.celear {
	clear:both;
}
#news .newslist li {
	line-height:180%;
}
#news .networks {
	list-style-type:none;
	margin-top:4px;
	margin-left:5px;
}
#news .networks p {
	margin-bottom:6px;
	color:#0882CF;
}
#news .networks li {
	padding-left:10px;
}
/* page 内页主体框架
----------------------------------------------- */
#content #right, #right h2 {
	background-image:url(other_bg.jpg);
	background-repeat:no-repeat;
}
#right ul, #right li a {
	background-image:url(across_line.jpg);
	background-repeat:repeat-y;
}
.company #contact, .company #company_hr {
	padding:10px;
	margin-top:20px;
	line-height:24px;
	color:#666;
}
#content {
	margin:10px auto;
}
#content #left {
	width:709px;
	float:left;
	padding-left:10px;
	margin-right:14px;
	padding-bottom:10px;
}
#content #left h2 {
	color:#51B400;
	font-size:16px;
	padding-left:24px;
	padding-bottom:10px;
	border-bottom:1px solid #A8B5BD;
}
#content #right {
	background-position:-712px bottom;
	width:201px;
	float:left;
	padding:0 0 134px 15px;
}
#content #right h2 {
	background-position:left -11px;
	line-height:26px;
	font-size:12px;
	color:#fff;
	padding:0px 25px;
}
#right ul {
	background-position:left top;
}
#right li {
	display:block;
	border-bottom:1px solid #DDE6EB;
	background:transparent;
	color:#0097C9;
	font-size:12px;
	margin-bottom:1px;
}
#right li a {
	display:block;
	background-position:-630px top;
	padding:12px 30px 8px 50px;
	color:#0097C9;
	font-size:12px;
	font-weight:300;
	text-decoration:none;
	margin-bottom:1px;
	margin:0 3px;
}
#right .here a, #right li a:hover {
	background-position:-420px top;
	color:#53B402;
	text-decoration:none;
	margin:0 3px 0 0;
	padding:12px 30px 8px 53px;
}
/* page 新闻中心
----------------------------------------------- */
.news {
	line-height:220%;
}
.news .list li {
	background:transparent url(arrow_compare.gif) no-repeat scroll 3px 10px;
	border-bottom:1px dotted #D0D0D0;
	padding:0 0 0 15px;
}
.news .list li span {
	float:right;
	font-size:11px;
	color:#666;
}
/* 建站单页面
----------------------------------------------- */
.design #page {
	padding:10px;
	margin-top:20px;
	line-height:24px;
	color:#666;
}
.design #page h3 {
	line-height:30px;
	color:#087DCC;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
	text-indent:0;
	font-weight:bold;
}
.design #page h4 {
	line-height:30px;
	color:#333;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
	text-indent:0;
	font-weight:bold;
}
/* 分页样式
----------------------------------------------- */
.k_pagelist {
	float:left!important;
	display:table;
	clear:both;
	line-height:30px;
	margin-top:20px;
}
.k_pagelist em {
	padding:2px;
	border:1px solid #E7E7E7;
	font-size:12px;
	margin:0px 1px;
	background:#F5F9FE;
	color:#14316B;
	font-weight:bold;
	font-style:normal;
}
.k_pagelist strong {
	padding:2px;
	border:1px solid #E7E7E7;
	font-size:12px;
	margin:0px 1px;
	color:#009900;
}
.k_pagelist a {
	padding:2px;
	border:1px solid #E7E7E7;
	font-size:12px;
	margin:0px 1px;
}
.k_pagelist input {
	margin-left:10px;
	border:1px solid #E7E7E7;
}
/* 友情链接
----------------------------------------------- */
#links {
	background-color: #EEE;
	padding:5px;
}
/* 页脚样式
----------------------------------------------- */
#foot {
	color:#333333;
	background:url("foot_bg.jpg") repeat-x bottom;
	height:75px;
	margin-top:20px;
}
#foot div {
	width:950px;
	margin:0 auto;
	padding-top:20px;
}
#foot p#comsenzservice {
	float:left;
}
#foot p#comsenzservice a:visited, #foot p#comsenzservice a:link {
	color:#333333;
}
#foot p#comsenzservice a:hover {
	color:#333333;
}
#foot p#message, #foot p#copy {
	float:right;
}
#foot p#copy {
	clear:both;
	color:#333333;
	white-space:nowrap;
	margin-top:5px;
}
#foot em {
	padding:0 10px;
	color:#666;
}
/*两列左窄右宽排列*/
#left_1 {
	float:left;
	width:210px;
	text-align:left;
}
#middle_1 {
	float:left;
	width:9px;
}
#right_1 {
	float:left;
	width:730px;
	text-align:left;
}
/*两列左宽右窄*/
#left_2 {
	float:left;
	width:730px;
	text-align:left;
}
#middle_2 {
	float:left;
	width:9px;
}
#right_2 {
	float:left;
	width:210px;
	text-align:left;
}
/*三列左右窄中间宽*/
#left_3 {
	float:left;
	width:210px;
	text-align:left;
}
#middle {
	float:left;
	width:529px;
	text-align:left;
}
#right_3 {
	float:right;
	width:210px;
	text-align:left;
}
/*其他常用样式*/
.global_sub {
	height:24px;/*FireFox*/
 *height:33px;/*IE*/
	background:#D2DFE6 url("subject_bg.jpg") repeat-x;
	padding-top:8px;
	padding-left:15px;
	border-left:1px #D2DFE6 solid;
	border-right:1px #D2DFE6 solid;
}
.border_no_top {
	border-left:1px #D2DFE6 solid;
	border-right:1px #D2DFE6 solid;
	border-bottom:1px #D2DFE6 solid;
}
.border_left_right {
	border-left:1px #D2DFE6 solid;
	border-right:1px #D2DFE6 solid;
}
.border {
	border:1px #D2DFE6 solid;
}
.userlogin_over {
	width:110px;
	height:15px;/*firefox*/
 *height:20px;
	border:1px #C60000 solid;
	background-color:#F7F2BD;
}
.userlogin_out {
	width:110px;
	height:15px;/*firefox*/
 *height:20px;
}
.space_between {
	height:5px;
}
/*定义Float为左的代码*/
.float_left {
	float:left;
}
/*用于列表的鼠标移动样式*/
.list_over {
	padding-top:3px;
	background:#E7EEF1;
	border-bottom:1px #D2DFE6 dashed;
}
.list_out {
	padding-top:3px;
	border-bottom:1px #D2DFE6 dashed;
}
/*用于显示内容页的常用样式*/
.msg_sub {
	font:bold 15px "Tahoma", "Arial", "宋体";
	color:#486F84;
	padding:5px;
	text-align:center;
}
.msg_date {
	text-align:center;
	font: 0.83em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}
.msg_content {
	padding:25px;
	text-align:left;
}
/*我要留言样式*/
.button {
	background:#FFF url("btn.gif") repeat-x;
	height:25px;
	border:#7B9EBD;
}
/*友情提示页代码*/
.error {
	line-height:150%;
	padding:15px;
	width:450px;
	border:1px #D2DFE6 dashed;
}
/*奇偶行颜色显示*/
.wtr {
	position:relative;
	padding:3px;
	text-align:left;
	border-bottom:1px #D2DFE6 solid;
}
.dtr {
	position:relative;
	padding:3px;
	text-align:left;
	background:#EEF4FD;
	border-bottom:1px #D2DFE6 solid;
}
/*定制开发*/
.intable {
	clear: both;
	width: 678px;
	text-align: center;
	border: 1px solid #ddd;
	border-collapse: collapse;
	line-height:230%;
	margin-top:20px;
}
.intable td {
	border: 1px solid #ddd;
	padding-left:8px;
}
.intable .tal1 {
	text-align: left;
	background: #fafafa;
	font-weight: bold;
	color: #339900;
}
.td2 {
	text-align: left;
}
/*网站建设套餐*/
.jianzhan strong {
	color:#0097C9;
}
.jianzhan a {
	color:#0097C9;
	text-decoration:underline;
}
/*美国空间*/
	#domainlist {
	padding-left:0px;
}
.csstable {
	border:2px solid #999;
}
.csstable td {
	padding:4px 3px 4px 3px;
	text-align:center;
	border:1px solid #ccc;
	border-top:0px;
	border-left:0px;
}
.csstable .tBar td {
	background:url(/bar.jpg);
	font-weight:bold;
	color:white;
}
.csstable .mBar td {
	background:url(bar2.jpg);
	font-weight:bold;
	text-align:left;
}
.csstable .sBar td {
	background:url(bar3.jpg);
	text-align:left;
}
.csstable .w {
	background:url(w.gif) center no-repeat;
}

