/* CSS Document */
body{margin:0 auto;font-size: 12px;line-height: 18px; color:#7F7F7F; background:#efefef; font-family:Arial, Helvetica, sans-serif;}
.clear{clear:both;}
a{ text-decoration:none;color:#333333}
a:hover{text-decoration:none;color:#d20000}
.tt{color:#7F7F7F; font-weight:bold;font-size: 16px;line-height:10px;padding-top:10px; }
.redtt{color:#e60000; font-weight:bold;font-size: 12px;line-height:10px;}

.title{color:#333333;padding-top:10px; font-weight:bold;font-size: 14px;line-height:30px;}

h3{color:#333333; font-weight:bold;font-size: 12px;line-height:20px;}
.title2{color:#000000; font-weight:bold;font-size: 12px;line-height:20px;padding-left:5px;}
h1{font-weight:bold;font-size: 14px;}
.title3{color:#000000}
.bold{font-weight:bold;}
.red{ color:#d20000;}
.red_bold{ color:#d20000; font-weight:bold}
.greenfont{color:#333;font-size: 12px;line-height:20px;padding-left:5px;}
.top{background:url(/images/topbg.jpg); background-position:top center; background-repeat:repeat-x; height:140px; padding-top:0px}
.top_con{ width:992px; margin:0 auto;}
.container{ width:990px; margin:0 auto; background-color:#FFFFFF; padding:0 0 0 10px; text-align:center;}
.top_left{float:left;padding-top:20px;  }
.top_right{float:right; margin-left:30px; width:760px;}

.top_right_top{margin:30px 24px 10px 2px; padding-top:20px}
.top_right_top_l{float:left;}
.top_right_top_r{float:right;}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
ul#nav{ margin: 0px; padding:0px;}
ul#nav li{float:left; }
ul#nav li a{height:61px; display:block; text-indent:-9999px; outline:none; border:0px;}
li#navHome a, li#navNews a, li#navWebdesign a, li#navCase a, li#navSoftware a, li#navMarketing a, li#navWebsites a, li#navContact a { background:url(/images/nav.png);
}

li#navHome a { background-position:0px 61px; width:81px;}
li#navHome a:hover {background-position:0px 0px;}
li#navHome a:active {background-position:0px 122px;}
body#Home li#navHome a{background-position:0px 0px}

li#navWebdesign a { background-position:-81px 61px; width:104px;}
li#navWebdesign a:hover {background-position:-81px 0px;}
li#navWebdesign a:active {background-position:-81px 122px;}
body#Webdesign li#navWebdesign a{background-position:-81px 0px}

li#navMarketing a { background-position:-185px 61px; width:94px;}
li#navMarketing a:hover {background-position:-185px 0px;}
li#navMarketing a:active {background-position:-185px 122px;}
body#Marketing li#navMarketing a{background-position:-185px 0px}

li#navSoftware a { background-position:-279px 61px; width:90px;}
li#navSoftware a:hover {background-position:-279px 0px;}
li#navSoftware a:active {background-position:-279px 122px;}
body#Software li#navSoftware a{background-position:-279px 0px}

li#navCase a { background-position:-369px 61px; width:92px;}
li#navCase a:hover {background-position:-369px 0px;}
li#navCase a:active {background-position:-369px 122px;}
body#Case li#navCase a{background-position:-369px 0px}

li#navNews a { background-position:-461px 61px; width:92px;}
li#navNews a:hover {background-position:-461px 0px;}
li#navNews a:active {background-position:-461px 122px;}
body#News li#navNews a{background-position:-461px 0px}



li#navWebsites a { background-position:-553px 61px; width:92px;}
li#navWebsites a:hover {background-position:-553px 0px;}
li#navWebsites a:active {background-position:-553px 122px;}
body#Websites li#navWebsites a{background-position:-553px 0px}

li#navContact a { background-position:-645px 61px; width:93px;}
li#navContact a:hover {background-position:-645px 0px;}
li#navContact a:active {background-position:-645px 122px;}
body#Contact li#navContact a{background-position:-645px 0px}

.mid_box{width:980px;height:220px; margin:0px auto;background-position:bottom; }
.mid_box2{width:980px;height:416px; margin:0px auto;background:#222222}
.mid{ padding:1px; }
.mid_img{float:left; padding-right:4px;margin:1px auto;width:240px; }
.mid_font{text-align:left;float:left; width:229px;  padding:0px 3px 5px 10px;}
.mid_font h1{color:#333333; font-weight:bold;font-size: 12px;line-height:20px; height:0; margin:0 0 25px 0; padding:0;}

.con{width:950px; padding:10px 0px 0px 10px; background:#ffffff;border-bottom:0px solid #d0d0d0}
.con_left{float:left; width:659px; margin-left:10px;}
.con_right{float:right;}
.con_work{width:804px;}
.con_title{background:url(/images/title_bg.png); background-repeat:repeat-x; height:40px;}
.con_title_left{float:left;}
.con_title_mid{float:left; margin:10px 0 0 10px; }
.con_title_right{float:right; width:30px; text-align:right}
.con_title .title{height:39px; background:url(/images/tit_bg.gif); font-size:12px; font-weight:normal; color:#d20000;line-height:36px; margin:0px; padding:0px;}
.con_title .title .lefts{background:url(/images/tit_left.gif) no-repeat left; float:left; height:39px;}
.con_title .title .rights{background:url(/images/tit_right.gif) no-repeat right; float:right;height:39px; }

.con_page{margin-left:0px;margin-top:15px;}
.con_pagename{background:url(/images/point.gif); background-repeat:repeat-x; background-position:center; margin:16px 0 6px 0}
.con_page_con1{border-bottom:#CCCCCC 1px dashed; padding-bottom:10px; margin-bottom:10px;}
.con_page_con2{padding-bottom:10px; margin-left:5px;margin-right:10px;width:659px;}


.con_right_frame{padding:15px 0px 0px 0px;width:247px;}
.con_right_frame_con{padding:10px 20px 20px 20px;height:660px;background-repeat:no-repeat; background-position:bottom}
.con_right_title{height:20px; padding:6px;background:#CCCCCC;font-weight:bold;font-size: 12px;}
.con_right ul{padding:20px 0 10px 10px; margin:10px 0px; border-top: #e8e8e8 1px solid}
.con_right li{margin:1px 0 1px 4px; padding:0px;}

.bom{ margin:0px auto; text-align:center;width:960px; padding:10px; background:#fff; height:90px;line-height:25px}
.copyright{font-size:10px; }
.bom_left{float:left;}
.bom_right{float:right;}

#pagelefttitle {
		border: 0px solid #666;
	background:url(/images/designlefttitle.gif) #fff no-repeat 0px 0px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align:left;color:#fff;font-weight: bold;
        padding-left:2px;
        padding-top:6px;/* 文字的高度调整设置 */
	}
	
INPUT {
	 background:#fff;BORDER-RIGHT: #E4E3E3 1px solid; BORDER-TOP: #E4E3E3 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #E4E3E3 1px solid; BORDER-BOTTOM: #E4E3E3 1px solid}
SELECT {
	background:#000; color:#FFF; BORDER-RIGHT: #efefef 1px solid; BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; BORDER-BOTTOM: #efefef 1px solid}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

.title_news {
	BACKGROUND: url(/images/title3_bg.gif) repeat-x; MARGIN: 16px auto 0px; HEIGHT: 25px
}

.title_news P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; LINE-HEIGHT: 25px; PADDING-TOP: 0px
}
.title_news P SPAN {
	FLOAT: right; LINE-HEIGHT: 25px
}
.title_news P A {
	border-bottom:#CCCCCC 0px dashed;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 4px; PADDING-TOP: 0px; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
.title_news P A.act {
	FONT-WEIGHT: bold; BACKGROUND: url(/images/title3_bg_act.gif) no-repeat
}
.title_news P A:hover {
	COLOR: #0086e3
}
.title_news P A.more {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.title_news P A.more:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

.con .article_list {
	font-weight:normal;font-size: 12px;
}

.article_list .news {
	MARGIN-TOP: 16px; BORDER-BOTTOM: #d8d8d8 1px solid; height:200px;
}

.article_list .news .article_info {
	FLOAT: right; WIDTH: 805px; height:160px;PADDING-RIGHT: 20px; padding:0; margin:0;
}
.article_list .news .news_photo{float:left; width:100px; height:130px; margin-left:10px; padding:4px; }

.article_info H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px;MARGIN: 0px; padding:0; height:20px;
}
.article_info H4 A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333
}
.article_info H4 A:visited {
	COLOR: #333333
}
.article_info H4 A:hover {text-decoration:none;color:#d20000}

.article_info H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px;MARGIN: 0 0 10px 0; 
}

H4 A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333
}
H4 A:visited {
	COLOR: #333333
}
H4 A:hover {text-decoration:none;color:#d20000}

H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #7F7F7F; PADDING-TOP: 10px
}
h7 {
	FONT-SIZE: 0.7em; COLOR: #a8a8a8; line-height:21px; height:20px; MARGIN-TOP: 2px;
}
h8 {
	FONT-SIZE: 0.9em; COLOR: #595959
}
h8 A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; BACKGROUND: url(/images/mroe.gif) no-repeat left center
}
h8 A:hover {
	BACKGROUND: url(/images/mroe_over.gif) no-repeat left center
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #a8a8a8; text-align:right
}
H6 P {
	
}
H6 A {
	PADDING-LEFT: 16px; FONT-WEIGHT: normal; BACKGROUND: url(/images/mroe.gif) no-repeat left center
}
H6 A:hover {
	BACKGROUND: url(/images/mroe_hover.gif) no-repeat left center
}


.newstype_nav {
	BACKGROUND: url(/images/banner_bg.gif) no-repeat left 50%; COLOR: #ffffff; HEIGHT: 38px
}

.newstype_nav_line {
	CLEAR: left; MARGIN-LEFT: 5px; MARGIN-RIGHT: 15px;PADDING-TOP: 7px
}
.newstype_nav_line LI {
	FLOAT: left; LINE-HEIGHT: 18px; 
}
.newstype_nav_line A {
	PADDING: 6px; DISPLAY: block; MARGIN: 0px 18px;COLOR: #ffffff;border-bottom:#CCCCCC 0px dashed;
}
.newstype_nav_line A:hover {
	PADDING: 6px;BACKGROUND:#FFFFFF; COLOR: #000000; text-decoration:none;
}
#category_ul h1{ font-weight:normal; margin:0; padding:0; font-size:12px;}

.sec1  {
background-color:#1D1D1D;
cursor:  hand;
color:   #FFFFFF;
border-left:  1px  solid  #FFFFFF;
border-top:  3px  solid  #D61D17;
border-right:  1px  solid  gray;

}

.sec1 A {
	color:   #FFFFFF;
}
.sec1 A:hover {
	color:   #FFFFFF;
}


.sec2  {
BACKGROUND: url(/images/designlefttitle.gif) no-repeat left 50%;
background-color:  #1D1D1D;
cursor:  hand;
color:  #FFF;
border-left:  1px  solid  #FFFFFF;
border-top:  1px  solid  #FFFFFF;
border-right:  1px  solid #FFFFFF;
border-bottom:  1px  solid  #FFFFFF
font-weight:  bold;
}

/*S 首页部分*/
.main{margin:0px auto; width:982px; padding:0px; background:#ffffff;}
.banner{background:#db0000; padding:0; margin:0px auto; width:962px; height:304px; overflow:hidden;}
.banner .left{float:left; width:206px; height:304px; position:relative;background:url(/images/no.png); background-position:0 0px;}
.banner .right .img{margin:0; padding:0px; width:6px; height:5px; width:756px; text-align:right;}
.banner .right{ position:relative;float:right; width:756px; background:url(/images/banner_rd.gif) right bottom no-repeat; height:304px;}
.banner .right .con{width:737px; height:272px; margin:6px auto; padding:0;}
.banner .right .con .lefts{ float:left; width:512px; height:272px; margin:0px;; padding:10px 0px 0px 10px; }
.banner .right .con .font{float:right; width:190px; height:206px; text-align:left; margin-right:5px; padding:10px;}
.banner .right .con .next{float:right; margin:0px 0px 10px 0; padding:0; width:100px; height:20px;}

#no1{position:absolute; width:206px; height:76px; z-index:0; visibility:visible;margin:0px; padding:0;background:url(/images/no.png);background-position:206px 0px;}
#no2{position:absolute; width:206px; height:76px; z-index:1; visibility:hidden; margin:76px auto; padding:0;background:url(/images/no.png);background-position:206px -76px;}
#no3{position:absolute; width:206px; height:76px; z-index:1; visibility:hidden; margin:152px auto; padding:0;background:url(/images/no.png);background-position:206px -152px;}
#no4{position:absolute; width:206px; height:76px; z-index:1; visibility:hidden; margin:228px auto; padding:0;background:url(/images/no.png);background-position:206px -228px;}
.nofont{margin:54px 0 0 14px; height:20px; width:200px; color:#fff;}

ul#case{
	margin: 0px;
	padding:0px;
	z-index:0;
	position:absolute;
	left: -1px;
	top: 0px;
}
ul#case li{float:left; }
ul#case li a{width:192px; height:22px; display:block; outline:none; border:0px;}
li#case1 a, li#case2 a, li#case3 a, li#case4 a{color:#a3a3a3; padding:54px 0 0 14px; z-index:2;}

li#case1 a:hover, li#case2 a:hover, li#case3 a:hover,li#case4 a:hover { color:#fff;}

#Layer1 {position:absolute; width:754px;height:282px;z-index:1;visibility: visible; margin:0px auto; padding:0;}
#Layer2 {position:absolute; width:754px;height:282px;z-index:2;visibility: hidden; margin:0px auto; padding:0;}
#Layer3 {position:absolute; width:754px;height:282px;z-index:3;visibility: hidden; margin:0px auto; padding:0;}
#Layer4 {position:absolute; width:754px;height:282px;z-index:4;visibility: hidden; margin:0px auto; padding:0;}

.service{height:56px; padding:5px 0 0 0; margin:0 auto; float:left; } 
.service .left{width:470px; float:left; height:256px; padding:0px;}
.service .sale{text-align:left;width:252px; float:left; height:256px; margin-left:2px; background:url(images/frame_bbg.jpg) no-repeat bottom;}
.service .sale .cons{
	text-align:left;
	width:240px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}
.service .title{height:39px; background:url(/images/tit_bg.gif); font-size:12px; font-weight:normal;line-height:36px; margin:0px; padding:0px;}
.service .lefts{background:url(/images/tit_left.gif) no-repeat left; float:left; height:39px; width:80px;}
.service .lefts h1{color:#333333; font-weight:bold;font-size: 12px;line-height:20px; height:0; margin:8px 0 0 10px; padding:0;}
.service .rights{background:url(/images/tit_right.gif) no-repeat right; float:right;height:39px; width:100px; text-align:right;}
.service .left .left{ float:left;width:220px; height:100px; line-height:20px; padding-top:10px}
.service .left .cons{text-align:left; margin:0px auto; width:200px; height:100px;}
.service .left .title2{font-size:16px; font-weight:bold; padding-bottom:10px }
.service .left .right{float:right;width:220px; height:100px; line-height:20px; padding-top:10px}

.service .sale .news{border-bottom:1px dotted #bcbcbc; height:21px; padding-top:8px; width:210px; margin:0 auto;}




.friend{height:100px;}
.friend .title{height:39px; background:url(/images/tit_bg.gif); font-size:12px; font-weight:normal; color:#333333; line-height:36px; margin:0px; padding:0px;}
.friend .title .lefts{background:url(/images/tit_left.gif) no-repeat left; float:left; height:39px; }
.friend .title .rights{background:url(/images/tit_right.gif) no-repeat right; float:right;height:39px; }
.comd{margin:0px auto; width:960px; padding:20px; border-bottom:1px solid #d0d0d0}
.link{text-align:left; width:970px; margin:10px 10px 10px 0px; background:#FFF;height:60px}


/*E 防止挂马部分 */
iframe{v:expression(this.src='about:blank',this.outerHTML='');}

/* CSS Document */
body { font-size:12px; font-family:"arial"; color:#404040; margin:0; padding:0; text-align:left; background-color:#efefef;}
*{margin:0;padding:0;}
a{ text-decoration:none;  color:#404040;}
a:hover{ text-decoration:none; color:#d20000}

#header{ width:100%; background:url(../images/menubg.gif)  repeat-x bottom #FFFFFF; text-align:center;}
#logo{ margin:0 auto; display:block; height:150px; width:1000px; border:1px solid #999999}
#menu{ margin:0 auto; display:block; height:35px; width:1000px; text-align:center;}
#menu_title{ width:620px; height:35px; margin:0 auto;}
#menu_title ul{ width:100%}
#menu_title li{ list-style:none; float:left; height:35px; line-height:35px;}
#menu_title .menu_titlec a{ font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
#menu_title .menu_titlec a:hover{text-decoration:none; color:#ffe16b;}
#menu_title .menu_titlei{ display:block; height:35px; width:4px; background:url(../images/menuline.gif) no-repeat; margin:0 10px;}
#container{ margin:0 auto; width:980px; background-color:#FFFFFF; padding:0 10px; overflow:hidden;}
#container1{ margin:0 auto; width:980px; height:260px;background-color:#FFFFFF; padding:0 10px; overflow:hidden;}
#containerbox{ margin:0 auto; width:980px; height:275px;background-color:#FFFFFF; padding:0 10px; overflow:hidden;}
#switchimg{ display:block; width:650px; float:left;}

#indexnews{ display:block; width:325px; float:right;  height:300px; text-align:center;}
div.indextitle{ height:39px;}
div.indextitle li{ list-style:none; float:left; height:39px;line-height:39px;}
div.indextitle li.title_left{ background:url(../images/titleleft.gif) no-repeat; display:block; width:5px;}
div.indextitle li.title_left2{ background:url(../images/titleleft2.gif) no-repeat; display:block; width:35px;}
div.indextitle li.title_right{ background:url(../images/titleright.gif) no-repeat; display:block; width:5px;}
div.indextitle li.title_bg{ background:url(../images/titlebg.gif) repeat-x; display:block; font-size:12px; font-weight:bold; color:#333333; text-align:left; position:relative;}
div.indextitle li.title_bg2{ font-weight:normal; color:#333333}
div.indextitle li.title_bg span{ font-size:10px; font-family:Arial, Helvetica, sans-serif, Times, serif; font-weight:normal; display:block; position:absolute; top:0px; right:5px; height:39px; line-height:39px;}
div.indextitle li.title_bg span a{ text-decoration:none; color:#b5b5b5}
div.indextitle li.title_bg span a:hover{ text-decoration:none; color:#333333}
div.indexnewsbody{ display:block; background:url(../images/newsbodybg.gif) repeat-x bottom; width:320px; height:252px; margin:0 auto; padding-top:10px;}
div.indexnewsbody li{ height:30px; line-height:30px; font-size:12px; background:url(../images/newsbodybmline.gif) no-repeat bottom; text-align:left; padding-left:15px; list-style:none;}


#service{ background-color:#fff; width:100%; height:220px; *height:190px;/*IE*/}
div.service_body{ width:242px; float:left; overflow:hidden; margin-right:2px; margin-top:5px; margin-bottom:5px;}
div.service_body a img{ border:1px #EBEBEB solid;}
div.service_body a:hover img{ border:1px  #cc0000 solid;}
div.service_body h3{ text-align:left; font-size:12px; margin:5px 0;}
div.service_body p{ text-align:left; line-height:130%}

#case{ width:100%; margin-top:5px;}
#case li.caselist{ list-style:none; width:490px;float:left;}
.casebox{ margin-top:10px; padding-right:10px;}
.caseimg{ float:left; display:block;}
.casenote{ margin-left:5px;}
.casenote h2{ font-size:13px; text-align:left; padding-top:10px; margin-bottom:5px;}
.casenote h5{ font-size:12px; text-align:left; color:#767676; font-weight:normal;}
.casenote h5 a{ color:#767676; font-weight:normal;}
.casenote p{ text-align:left; line-height:130%; margin-top:5px;}

#pro{ width:100%; margin-top:5px;}
#pro li.prolist{ list-style:none; width:240px;float:left;}
.probox{ margin-top:10px; padding-right:5px;}
.proimg{ float:left; display:block;}
.pronote{ margin-left:2px;}
.pronote h1{ font-size:14px; text-align:left; padding-top:10px; margin-bottom:5px;}
.pronote h2{ font-size:13px; text-align:left; padding-top:10px; margin-bottom:5px;font-weight:normal;}
.pronote h5{ font-size:12px; text-align:left; color:#767676; font-weight:normal;}
.pronote h5 a{ color:#767676; font-weight:normal;}
.pronote p{ text-align:left; line-height:130%; margin-top:5px;}

#websites{ display:block; width:500px; float:left;}
#websites li.website_logo{ list-style:none;  float:left; width:240px; margin-top:10px;}

#leftmenu{ display:block; width:150px; float:left;}
#leftmenu li{ list-style:none; display:block;}
#leftmenu li.leftmenu_title{ height:55px; background:url(../images/contenttitle_top.gif) no-repeat; font-size:14px; line-height:55px; color:#FFFFFF; font-weight:bold; text-align:left; padding-left:20px;}
#leftmenu li.leftmenu_body{  background:url(../images/contenttitle_bg.gif) repeat-y;}
#leftmenu li.leftmenu_bottom{ height:29px; background:url(../images/contenttitle_bottom.gif);}
div.leftmenu_bodydiv{ width:100%;}
div.leftmenu_bodydiv li{ display:block; list-style:none; height:30px; line-height:30px; text-align:center;}
div.leftmenu_bodydiv li a{ display:block; height:37px; line-height:37px; width:150px; text-align:left; padding-left:28px; margin-left:20px;*margin-left:0px;}
a.leftmenu_normal{ background:url(../images/menutitlenormal.gif) no-repeat;}
a:hover.leftmenu_normal{ background:url(../images/menutitlecurrent.gif) no-repeat;}
a.leftmenu_current{ background:url(../images/menutitlecurrent.gif) no-repeat;}

#rightbody{ display:block; float:right; width:980px; overflow:hidden; margin-top:8px;margin-bottom:8px;}
.contenttitle{ font-size:14px; font-weight:bold; color:#000000; text-align:center; height:40px; line-height:40px;}
.contentdate{ color:#777777; text-align:center; font-size:11px; border-bottom:#999999 1px dashed;}
.contentbody{ margin-top:10px; line-height:150%;background-color: #F3F3F3;}
.contentbody p{ line-height:180%;padding:15px;font-size:14px;}
.positionline{font-size:12px; font-family:Arial, Helvetica, sans-serif, Times, serif; font-weight:normal; color:#999999;}
.newslist{ display:block; width:690px; margin-left:10px;}
.newslist .newstitle{font-size:14px}
.newslist li{ height:30px; line-height:30px; border-bottom:#999999 1px dashed; position:relative; padding-left:5px;}
.newslist li span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; position:absolute; top:0px; right:5px;}
.newslist_index{ display:block; width:240px; margin-left:0px;}
.newslist_index li{ height:22px; line-height:22px; border-bottom:#999999 1px dashed; position:relative; padding-left:5px;}
.newslist_index li span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666666; position:absolute; top:0px; right:5px;}
#divtitle {text-decoration:none;font-weight: bold;color: #CC0000;font-size:14px;}
#divdate {color: #5A5D5E;font-size:11px;text-decoration:none;font-weight: bold;font-family: Arial;}
#divusercontent {color: #4E4E4E;text-decoration:none;font-size:14px;}
#divContent {color: #4E4E4E;text-decoration:none;LINE-HEIGHT: 200%}
#divContent p {margin:1em 0;}
.newstext{
        color: #4E4E4E;
        line-height:14px;
	text-decoration:none;
}
.newstext a:link , .newstext a:visited {
	color: #4E4E4E;
        line-height:14px;
	text-decoration:none;
}
.newstext a:active , .newstext a:hover {
	color: #4E4E4E;
        line-height:14px;
	text-decoration:none;
}

.text25{
        color: #4E4E4E;
        line-height:25px;
	text-decoration:none;
}
.text25 a:link , .text25 a:visited {
	color: #4E4E4E;
        line-height:25px;
	text-decoration:none;
}
.text25 a:active , .text25 a:hover {
	color: #4E4E4E;
        line-height:25px;
	text-decoration:none;
}
.bluebold{
    color: #56B3DC;
    line-height:20px;
	font-weight: bold;
	text-decoration:none;
}
.bluebold a:link , .bluebold a:visited {
	color: #56B3DC;
    line-height:20px;
	font-weight: bold;
	text-decoration:none;
}
.bluebold a:active , .bluebold a:hover {
	color: #56B3DC;
	font-weight: bold;
    line-height:20px;
	text-decoration:none;
}

.blueboldTohoma{
    color: #56B3DC;
    line-height:20px;
	font-weight: bold;
	text-decoration:none;
	 font-family: Tahoma;
}
.blueboldTohoma a:link , .blueboldTohoma a:visited {
	color: #56B3DC;
    line-height:20px;
	font-weight: bold;
	text-decoration:none;
	  font-family: Tahoma;
}
.blueboldTohoma a:active , .blueboldTohoma a:hover {
	color: #56B3DC;
	font-weight: bold;
    line-height:20px;
	text-decoration:none;
     font-family: Tahoma;
}
.text20,.text201{
        color: #4E4E4E;
        line-height:20px;
	text-decoration:none;
}
.text201{
	line-height:22px;
	}
.text20 a:link , .text20 a:visited {
	color: #4E4E4E;
        line-height:20px;
	text-decoration:none;
}
.text20 a:active , .text20 a:hover {
	color: #4E4E4E;
        line-height:20px;
	text-decoration:none;
}

.text30{
	color: #4E4E4E;
	line-height:30px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909090;
}
.text30 a:link , .text30 a:visited {
	color: #4E4E4E;
    line-height:30px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909090;
}
.text30 a:active , .text30 a:hover {
	color: #4E4E4E;
    line-height:30px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909090;
}

.textbold{
    color: #4E4E4E;
    line-height:20px;
	font-weight: bold;
	text-decoration:none;
}
.textbold a:link , .textbold a:visited {
	color: #4E4E4E;
    line-height:20px;
	font-weight: bold;
	text-decoration:none;
}
.textbold a:active , .textbold a:hover {
	color: #4E4E4E;
	font-weight: bold;
    line-height:20px;
	text-decoration:none;
}

.textbold1{
    color: #156A93;
    line-height:20px;
	text-decoration:none;
}
.textbold1 a:link , .textbold1 a:visited {
	color: #156A93;
	line-height:20px;
	text-decoration:none;
}
.textbold1 a:active , .textbold1 a:hover {
	color: #156A93;
    line-height:20px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #156A93;
}

.slider{
	height: 330px;
	width: 685px;
	margin-top: 20px;
	margin-bottom: 32px;
	background-color: #FFF;
}
.TopLeftPanel{
	float: left;
	width: 254px;
}
.TopLeftPanel ul.SiderNav{
	padding-left: 20px;
}
.TopLeftPanel ul.SiderNav li{}
.TopLeftPanel ul.SiderNav li a{
	background-repeat: no-repeat;
	display: block;
	height: 25px;
}
.TopLeftPanel ul.SiderNav li.current a{
}
.TopLeftPanel ul.SiderNav li a.home{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a.case{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a.news{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a.service{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a.solution{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a.about{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a.contact{
	background-image: url(/images/design_menu.gif);
}
.TopLeftPanel ul.SiderNav li a:hover{
	background-position: left bottom;
}
.contentbox {
	background-image: url(bg/bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#showcase{background-image: url(bg/bg2_4.gif);}

.NoArticles {
	background-image: url(bg/coming_soon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	width: 960px;
	color: #FFFFFF;

}

#ArticleList {
	padding-top: 0px;
}
#ArticleList h4{
	color: #FFCC00;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
	padding-left: 15px;
}
#ArticleList .PostView {
	font-size: 12px;
	margin-bottom: 15px;
	width: 485px;
	margin-right: 5px;
	height: 250px;
	overflow: hidden;
}
 .PostView {
	font-size: 12px;
	margin-bottom: 5px;
	width: 690px;
	float: left;
	overflow: hidden;
}
 .PostView .left{
	font-size: 12px;
	margin-bottom: 5px;
	width: 210px;
	float: left;
	overflow: hidden;
}
 .PostView .right{
	font-size: 12px;
	margin-bottom: 5px;
	width: 480px;
	float: left;
	overflow: hidden;
}
.PostView .PostHead h5{
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
}
.PostView .PostHead p {
	color: #999999;
	font-size: 10px;
	line-height: 24px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 10px;
}

.PostView .PostHead h5 a{
	color: #666;
	display: block;
	font-weight: bold;
	background-color: #EEE;
	padding-left: 10px;
}
.PostView .PostHead h5 a:hover{
	color: #FFCC00;
	background-color: #333333;
}
.PostView .PostMain {
	line-height: 21px;
	color: #333333;
}
.PostView .PostMain a,.PostView .PostMain2 a{
	color: #000000;
}
.PostView .PostMain a:hover,.PostView .PostMain2 a:hover{
	color: #FF6600;
}
.PostView .PostMain img{
	border: 0px none #000;

}
.PostView .PostMain P{
	line-height:24px;
}
.PostView .PostMain a img{}
.PostView .PostMain a:hover img{}



.MultiPan {
	border:none;
	clear:both;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 15px;
}
.MultiPan * { font-size:12px; font-family:Tahoma; }
.MultiPan ul { display:inline; margin:0; padding:0; list-style:none; }
.MultiPan li { display:inline; margin-right:4px; }
.MultiPan a,.MultiPan a:visited {
	padding:1px 4px;
	border:1px solid #999999;
	background-color: #CCCCCC;
	color: #666666;
}
.MultiPan a:hover,.MultiPan a:active {
	padding:1px 4px;
	border:1px solid #999999;
	background-color: #666666;
	color: #FFFFFF;
}
.MultiPan .current {
	padding:1px 4px;
	border:1px solid #FFFF00;
	color:#000000;
	background-color: #FFCC00;
	font-weight: bold;
}
.MultiPan .direct a { font-weight:bold; }
.MultiPan h6 { font-size:11px; display:inline; margin-right:6px; margin-left:1px; }
.MultiPan h6 span {
	padding:1px 8px;
	border:1px solid #999999;
	margin-left:-1px;
	color:#666666;
	background-color: #CCCCCC;
}
#inner {
	background-color: #EEE;
	margin-bottom: 10px;
}

#inner h5 {
	font-family: "微软雅黑,黑体";
	font-size: 24px;
	color: #FF6600;
	text-align: center;
}
#inner p {
	text-align: center;
}
.PostView .nextprew {
	height: 55px;
	position: absolute;
	width: 940px;
	padding-right: 10px;
	padding-left: 10px;
}
.PostView .nextprew .nextbtn{
	float: left;
}
.PostView .nextprew .prewbtn{
	float: right;
}
.PostView .nextprew a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	background-image: url(bg/NEXTPREW.gif);
	line-height: 55px;
}
.PostView .nextprew .nextbtn a{
	background-position: right top;
}
.PostView .nextprew .nextbtn a:hover{
	background-position: right bottom;
}
.PostView .nextprew .prewbtn a{
	background-position: left top;
}
.PostView .nextprew .prewbtn a:hover{
	background-position: left bottom;
}
.PostMain2 {
	line-height: 21px;
	color: #55524c;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.PostMain2 img{
	margin-bottom: 10px;
}
.PostLabs{
	text-align: left;
	line-height: 24px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EEE;
	border-bottom-color: #EEE;
	margin-bottom: 10px;
	padding-left:10px;
}
.PostMore {
	line-height: 45px;
	clear: both;
}
.PostMore a{
	color: #999999;
}
.tags{
	font-size: 12px;
	line-height: 50px;
	color: #666666;
	text-align: center;
}
.tags a{
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}.topshow {

}
.PostMain h3 {
	font-family: "微软雅黑,黑体";
	font-size: 14px;
}

.PostMain2 h3 {
	font-family: "微软雅黑,黑体";
	font-size: 24px;
	line-height: 40px;
}
.PostMain2 .pcontent {
	font-size: 14px;
	line-height: 24px;
}
.PostMain2 .Ulcontent {
	clear: both;
	line-height: 21px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 380px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 20px;
	font-size: 12px;
}
.PostMain2 .Ulcontent li {
	float: left;
	width: 280px;
	margin-right: 29px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	height: 350px;
	padding-right: 10px;
}.PostMain2 .Ulcontent .none {
	border: 0px none #000;
}
.Description{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.Description a{
	color: #999;
}
.Description a:hover{
	color: #F60;
}
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:20px 黑体,Arial, sans-serif; letter-spacing:-1px; font-weight: normal;  }
			.boxgrid{ 
				width: 320px; 
				height: 260px; 
				margin-top:10px; 
				margin-right:2px; 
				float:left; 
				background:#161613; 
				border: solid 2px #ccc; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
 			}
 				.captionfull .boxcaption {
 					left: 0;
 				}
 				.caption .boxcaption {
 					left: 0;
 				}
				#homeIcons {
	margin:25px 0px 0px 20px;
}
 
#homeIcons .icon {
	position:relative;
	float:left;
	margin-right:10px;
}
 
#homeIcons .icon h2 {
	position:absolute;
	width:90px;
	left:30px;
	top:125px;
	z-index:2;
	text-align:center;
	font-size:12px;
}
 
#homeIcons .hover {
	width:120px;
	height:110px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	padding:20px;
	opacity:0;
	display:none;
}
 
#homeIcons .hover {
	width:130px;
	height:120px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	padding:20px;
	opacity:0;
	display:none;
}
 
#homeIcons .hover a {
	color:#FFFFFF;
	text-decoration:none;
} 
 
#homeIcons .hover h3 {
	font-size:120px;
	font-family:arial black;
	line-height:124px;
	margin-bottom:20px;
	color:#FFFFFF;
 
}
 
#homeIcons .hover strong {
	display:block;
	margin-top:10px;
}
 
#homeIcons #X {
	color:#FFFFFF;
}
 
#homeIcons #X .hover {
	background:#333333;
}
 
#homeIcons #U {
	color:#FFFFFF;
}
 
#homeIcons #U .hover {
	background:#333333;
}
 
#homeIcons #N {
	color:#FFFFFF;
}
 
#homeIcons #N .hover {
	background:#333333;
}
 
 
#homeIcons #Y {
	color:#FFFFFF;
}
 
#homeIcons #Y .hover {
	background:#CC0000;
}
 
#homeIcons #A {
	color:#FFFFFF;
}

#homeIcons #A .hover {
	background:#CC0000;
}

#homeIcons #NN {
	color:#FFFFFF;
}

#homeIcons #NN .hover {
	background:#CC0000;
}