/*案例列表*/

#case { width:959px; height:143px; clear:both; overflow: hidden;}

#case li { float:left;}

#case li h3 { width:14px; height:43px;}

#case li p { width:229px; height:109px; }

#case li p img{ width:223px; height:104px; }

#case li p a { width: auto; height: auto; padding:2px; border-left:#d6e1eb solid 1px; border-top:#d6e1eb solid 1px; border-right:#d6e1eb solid 1px; display:block;}

#case li p a:hover { width: auto; height: auto; padding:0px; border-left:#21A445 solid 3px; border-top:#21A445 solid 3px; border-right:#21A445 solid 3px; border-bottom:#21A445 solid 3px; display:block;}



#case li h2 { width:229px; height:34px; font:12px Verdana, Arial, 宋体; color:#638EB0; line-height:34px;}

#case li h2 a { width: auto; height:34px; background:url(../images/indexbg.gif) no-repeat -50px -367px; color:#638EB0; text-decoration:none; display:block; padding-left:10px;}

#case li h2 a:hover { width: auto; height:34px; background:url(../images/indexbg.gif) no-repeat -50px -401px; color:#4F6EA8; text-decoration:none; display:block; padding-left:10px;}



/*business*/

#businessBox { width:958px; height:107px; background:url(../images/indexbg.gif) repeat-x 0px 0px; margin:0px auto 0px auto;border:#DDDDDD solid 1px; text-align:left;}



#businessBox ul{ list-style:none; clear:left;}

#businessBox li { width:239px; height:107px;float:left;}

#businessBox li a {width:239px; height:107px; color:#888; font-size:12px; text-decoration: none; display:block; overflow: hidden;}

#businessBox li a:hover {width:239px; height:107px; color:#888; font-size:12px; text-decoration: none; display:block; overflow: hidden;}



#businessBox li dl { padding-left:15px; padding-top:15px; line-height:22px;}

#businessBox li a dt { font-family:Arial, "宋体";  font-size:14px; font-weight: bold; color:#333;}

#businessBox li a:hover dt { color:#333;}



#businessBox ul .webdesign { width:239px;}

#businessBox ul .webdesign a { background:url(../images/indexbg.gif) no-repeat 0px -107px;}

#businessBox ul .webdesign a:hover { background:url(../images/indexbg.gif) no-repeat 0px -535px;}



#businessBox ul .idc { width:239px;}

#businessBox ul .idc a { background:url(../images/indexbg.gif) no-repeat 0px -214px;}

#businessBox ul .idc a:hover { background:url(../images/indexbg.gif) no-repeat 0px -642px;}



#businessBox ul .baidu { width:239px;}

#businessBox ul .baidu a { background:url(../images/indexbg.gif) no-repeat 0px -321px;}

#businessBox ul .baidu a:hover { background:url(../images/indexbg.gif) no-repeat 0px -749px;}



#businessBox ul .design { width:241px;}

#businessBox ul .design a { background:url(../images/indexbg.gif) no-repeat 0px -428px;}

#businessBox ul .design a:hover { background:url(../images/indexbg.gif) no-repeat 0px -856px;}



/*A行*/

#rowA { width:960px; height: auto;margin:0 auto;}



/*about*/

#rowA .aboutBox  { width:701px; height:271px; float:left;border:#DDDDDD solid 1px;overflow: hidden;}

#rowA .aboutBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowA .aboutBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -400px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowA .aboutBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowA .aboutBox .contentBox  { width: auto; height: auto; padding:15px 15px 0px 15px;}

#rowA .aboutBox .contentBox .brand { width:220px; height:auto; float:left; margin-top:0px;}

#rowA .aboutBox .contentBox .text { width:425px; height:auto; float:right; text-align:left;}

#rowA .aboutBox .contentBox .text h2 { font-size:12px; color:#333; font-weight:bold; padding:10px 0;}

#rowA .aboutBox .contentBox .text p { font-size:12px; color:#555; line-height:24px;}

#rowA .aboutBox .contentBox .text a.more { width:64px; height:14px; line-height:14px; padding-left:18px; color:#0151A7; font-size:12px; text-decoration: underline; overflow: hidden; background:url(../images/bg.gif) no-repeat 0px -706px; text-align:left;}

#rowA .aboutBox .contentBox .text a.more:hover {  color:#378C00;}



/*newslist*/

#rowA .newsBox  { width:243px; height:271px; float:right;border:#DDDDDD solid 1px;overflow: hidden;}

#rowA .newsBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowA .newsBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -430px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowA .newsBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowA .newsBox .contentBox  { width: auto; height: auto; padding:22px 15px 0px 15px;}

#rowA .newsBox .contentBox  h1 { font-size:12px; color:#333; font-weight:bold; padding-top:6px;}

#rowA .newsBox .contentBox .dottedLevel { font-size:0; line-height:0; height:1px; background:url(../images/dotted_level.gif) repeat-x; margin:12px 0px;}

#rowA .newsBox .contentBox ul{ list-style:none;}

#rowA .newsBox .contentBox li { width: auto; height:26px; text-align:left;}

#rowA .newsBox .contentBox li a {width: auto; height:26px; color:#555; font-size:12px; text-decoration: none; display:block; overflow: hidden; background:url(../images/bg.gif) repeat-x 0px -734px; padding-left:15px;}

#rowA .newsBox .contentBox li a:hover { text-decoration: underline; color:#0151A7;}

#rowA .newsBox .contentBox li span { font-family:Arial,宋体; font-size:11px; color:#888; float:right;}



/*B行*/

#rowB { width:960px; height: auto; margin:0 auto 0px auto;}



/*service*/

#rowB .serviceBox  { width:701px; height:349px; float:left;border:#DDDDDD solid 1px;overflow: hidden;}

#rowB .serviceBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowB .serviceBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -400px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowB .serviceBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowB .serviceBox .contentBox  { width: auto; height: auto; padding:22px 15px 0px 15px;}

#rowB .serviceBox .contentBox  h1 { padding-top:8px;}

#rowB .serviceBox .contentBox  h1 a { text-decoration:none; color:#0151A7; font-size:14px;}

#rowB .serviceBox .contentBox  h1 a:hover { color:#378C00;}



#rowB .serviceBox .contentBox .leftbox { width:314px; height:auto; float:left; text-align:left; padding:0 15px 0 0;}

#rowB .serviceBox .contentBox .leftbox .website { width:314px; height:96px; background:url(../images/indexbg.gif) no-repeat 0px -1065px; }

#rowB .serviceBox .contentBox .leftbox .www { width:314px; height:96px; background:url(../images/indexbg.gif) no-repeat 0px -1161px; }

#rowB .serviceBox .contentBox .leftbox .baidu { width:314px; height:96px; background:url(../images/indexbg.gif) no-repeat 0px -1257px; }

#rowB .serviceBox .contentBox .leftbox dd {padding-left:80px; color:#555; line-height:24px;}



#rowB .serviceBox .contentBox .rightbox { width:318px; height: auto; float:right; text-align:left; background:url(../images/dotted_vertical.gif) repeat-y left top; padding:0 0 0 15px;}

#rowB .serviceBox .contentBox .rightbox .packageA { width:318px; height:129px; background:url(../images/indexbg.gif) no-repeat 0px -1373px; overflow:hidden;}

#rowB .serviceBox .contentBox .rightbox .packageB { width:318px; height:129px; background:url(../images/indexbg.gif) no-repeat 0px -1545px; margin-top:15px; overflow:hidden;}

#rowB .serviceBox .contentBox .rightbox dd {padding-left:130px; color:#555; line-height:24px;}



#rowB .serviceBox .contentBox .rightbox li { width:56px; height:19px;  float:left; margin-right:15px; display:inline;text-align:right;}

#rowB .serviceBox .contentBox .rightbox li span { padding-right:8px;}



/*AD*/

#rowB .ADBox  { width:245px; height:351px; float:right;overflow: hidden;}

#rowB .ADBox .contentBox  { width: auto; height: auto; padding:0px;}

#rowB .ADBox .contentBox li  { margin-bottom:12px; font-size:0; line-height:0px;}



/*c行*/

#rowC { width:960px; height: auto; margin:0 auto 0px auto;}



/*CASELOGO*/

#rowC .caseLogoBox  { width:701px; height:250px; float:left;border:#DDDDDD solid 1px;overflow: hidden;}

#rowC .caseLogoBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowC .caseLogoBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -400px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowC .caseLogoBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowC .caseLogoBox .contentBox  { width: auto; height: auto; padding:15px 0px 0px 27px; text-align:center}

#rowC .caseLogoBox .contentBox li { float:left; margin-right:26px; display:inline; margin-bottom:15px; font-size:0; line-height:0px;}

#rowC .caseLogoBox .contentBox li a img { width:138px; height:84px; border:#EAEAEC solid 1px; padding:1px;}

#rowC .caseLogoBox .contentBox li a:hover img { border:#DDDDDD solid 2px; padding:0}



/*newslist*/

#rowC .newsBox  { width:243px; height:250px; float:right;border:#DDDDDD solid 1px;overflow: hidden;}

#rowC .newsBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowC .newsBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -430px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowC .newsBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowC .newsBox .contentBox  { width: auto; height: auto; padding:22px 15px 0px 15px;}

#rowC .newsBox .contentBox li { width: auto; height:27px; text-align:left;}

#rowC .newsBox .contentBox li a {width: auto; height:27px; color:#555; font-size:12px; text-decoration: none; display:block; overflow: hidden; background:url(../images/bg.gif) repeat-x 0px -734px; padding-left:15px;}

#rowC .newsBox .contentBox li a:hover { text-decoration: underline; color:#0151A7;}



/*D行*/

#rowD { width:960px; height: auto;margin:0 auto 0px auto;}



/*news*/

#rowD .newsBox  { width:701px; height:242px; float:left;border:#DDDDDD solid 1px;overflow: hidden;}

#rowD .newsBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowD .newsBox .titleWeb, .titleSeo, titleQuestion { float:left; width:199px; height:30px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowD .newsBox .titleWeb { background:url(../images/bg.gif) no-repeat 15px -400px;}

#rowD .newsBox .titleSeo { background:url(../images/bg.gif) no-repeat 15px -400px;}

#rowD .newsBox .titleQuestion { background:url(../images/bg.gif) no-repeat 15px -400px;}



#rowD .newsBox .contentBox  { width: auto; height: auto; padding:22px 0px 0px 15px; text-align:center}

#rowD .newsBox .contentBox .web { width:218px; height:180px; float:left; overflow:hidden; background:url(../images/dotted_vertical.gif) repeat-y right top;}

#rowD .newsBox .contentBox .seo { width:218px; height:180px; float:left; overflow:hidden; background:url(../images/dotted_vertical.gif) repeat-y right top; margin-left:15px;}

#rowD .newsBox .contentBox .question { width:200px; height:180px; float:left; overflow:hidden; margin-left:15px;}



#rowD .newsBox .contentBox li { width: auto; height:27px; text-align:left;}

#rowD .newsBox .contentBox li a {width: auto; height:27px; color:#555; font-size:12px; text-decoration: none; display:block; overflow: hidden; background:url(../images/bg.gif) repeat-x 0px -768px; padding-left:15px;}

#rowD .newsBox .contentBox li a:hover { text-decoration: underline; color:#0151A7;}



#rowD .newsBox .contentBox .more a { width:64px; height:14px; line-height:14px; padding-left:18px; color:#555; font-size:12px; text-decoration: underline; overflow: hidden; background:url(../images/bg.gif) no-repeat 0px -820px;}

#rowD .newsBox .contentBox .more a:hover {  color:#0151A7; background:url(../images/bg.gif) no-repeat 0px -853px;}



/*www*/

#rowD .wwwBox  { width:243px; height:242px; float:right;border:#DDDDDD solid 1px;overflow: hidden;}



#rowD .wwwBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowD .wwwBox .title { width: auto; height:30px; background:url(../images/bg.gif) no-repeat 15px -430px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;}

#rowD .wwwBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowD .wwwBox .contentBox  { width: auto; height: auto; padding:15px 15px 0px 15px;}



#rowD .wwwBox .contentBox .whois { width:213px; height:30px; background:url(../images/indexbg.gif) no-repeat 0px -1793px; margin-bottom:8px; text-align:left;}

#rowD .wwwBox .contentBox .whois .input { width:89px; height:20px; margin-bottom:8px; border:0; margin-left:61px; background:none;float:left; margin-top:5px;}

#rowD .wwwBox .contentBox .whois .btn { width:48px; height:20px; margin-bottom:8px; border:0; margin-left:9px; float:left; margin-top:5px;}

#rowD .wwwBox .contentBox .checkbox td { text-align:left; padding:4px 4px; width:70px;}

#rowD .wwwBox .contentBox .ADBox { width:213px; height:59px; background:url(../images/indexbg.gif) no-repeat 0px -973px; margin-top:5px;}



/*link*/

#rowLink { width:960px; height: auto;margin:0 auto 0px auto;}



/*news*/

#rowLink .linkBox  { width: auto; height:175px; border:#DDDDDD solid 1px;overflow: hidden;}

#rowLink .linkBox .titleBox { width:100%; height:30px; line-height:30px; background:url(../images/bg.gif) repeat-x 0px -460px; text-align:left;}

#rowLink .linkBox .title { float:left; width:728px; height:30px; padding-left:34px; color:#333; font-size:14px; font-weight:bold;background:url(../images/bg.gif) no-repeat 15px -400px;}

#rowLink .linkBox .title span { font-size:12px; font-weight:normal; color:#888;}

#rowLink .linkBox .jion { width:150px; height:30px; float:right; text-align:center;}

#rowLink .linkBox .contentBox  { width: auto; height: auto; padding:22px 15px 10px 15px; text-align:center}



#rowLink .linkBox .contentBox  .textLink td { height:26px; text-align:left; width:93px;}

#rowLink .linkBox .contentBox  .logoLink { height:55px; background:url(../images/dotted_level.gif) repeat-x left top; margin-top:12px;}

#rowLink .linkBox .contentBox  .logoLink li { height:43px; float:left; font-size:0; line-height:0; padding-top:12px;}