/* 通用 */
html,body,b,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,fieldset,textarea,blockquote,th,td {margin:0 auto;padding:0;}
ol,dl,ul {list-style:none;margin:0;}
img {border:0;}
.float-left {float:left;}
.float-right {float:right;}
.position {position:absolute;}
.clear {display:block;height:0px;clear:both;visibility:hidden;}
a {color:#0f0f0f;}
a:hover, .About-content a,.page-A {color:#E81700;}
a,a:visited,a:hover,a:active {text-decoration: none;}
body {font:12px/24px Verdana,Geneva, Arial, Helvetica, sans-serif;color:#0f0f0f;background: url(../images/bg.jpg) repeat-x top;overflow-x:hidden;}
/* top-logo-nav */
#header {width:984px;height:90px;position:relative;}
#logo {width:201px;height:61px;top:20px;left:10px;background: url(../images/logo.gif) no-repeat;}
#logo h1 {}
#logo h1 a {display:block;width:201px;height:62px;text-indent:-5000px;overflow:hidden;}
#header-box {width:550px;height:40px;top:35px;left:226px;line-height:24px;}
.header-nav {height:16px;right:0px;top:60px;}
#Nav {width:1003px;bottom:0px;padding:4px 0 0 0;}
.Nav_bg {width:100%;height:63px;left:0px;background: url(../images/nav_bg.jpg) repeat-x;overflow:hidden;}
#Nav ul {height:33px;}
#Nav li {float:left;display:inline;height:30px;line-height:30px;}
#Nav li a {display:block;width:104px;text-align:center;font-weight:bold;color:#fff;background: url(../images/nav_li.gif) no-repeat right;}
#Nav li a:hover {color:#0f0f0f;}
#Nav .home {width:auto;padding: 0 25px 0 18px;}
#Nav .contact {width:auto;padding: 0 0 0 23px;background:0;}
.Location {display:block;width:99%;line-height:38px;text-align:right;letter-spacing:1px;}
/* index */
#Container {width:auto;}
#Main-service {width:984px;height:415px;position:relative;margin-bottom:18px;background: url(../images/Main_server_bg.jpg) no-repeat top;overflow:hidden;}
#Main-service h2 {margin:0 0 0 18px;height:18px!important;height:16px;overflow:hidden;color:#E81700;font:bold 12px/18px Arial, Helvetica, sans-serif;}
#Main-service h2 a {background:#E81700;color:#fff;padding:0 1px 1px 2px!important;padding:2px 0 0 2px;}
.Why {width:95%;height:66px;text-align:center;margin-top:30px;}
.Why p {text-align:left;line-height:38px;}
.Same {width:320px;height:306px;top:112px;position:absolute}
.Same p {height:122px;line-height:28px;text-indent:15px;width:300px;}
/* .Same ul {margin:0 0 0 18px;}
.Same li {text-indent:10px;background: url(../images/dian.gif) no-repeat 2px 10px;}
.Same li a {line-height:24px;} */
.SEO-ranking {left:5px;}
.SEO-ranking-img {margin:18px 0 16px 10px;}
.Web-optimization {left:330px;}
.Web-optimization-img {margin:18px 0 16px 5px;}
.Website-server {left:660px;}
.Website-img {margin:18px 0 0 12px;}
.more {margin-right:15px;}
#About-box {width:972px;height:149px;background: url(../images/about_bg.jpg) no-repeat;margin-bottom:14px;padding:17px 0 0 18px;}
#About-box h3,#News-box h3,#Case h3 {height:17px;font:bold 12px/18px Arial, Helvetica, sans-serif;text-indent:18px;}
.Aabout-Content {width:670px;}
.Aabout-Content h3,#News-box h3,#Case h3 {background: url(../images/Icon.gif) no-repeat 2px 4px;}
.Aabout-Content span {display:block;line-height:25px;padding:0 0 0 10px;}
.Issue {width:280px;height:100px}
.Issue h3 {background: url(../images/Issue.jpg) no-repeat 2px 2px;line-height:16px;}
.Issue span {display:block;height:100%;background: url(../images/Issue_B.jpg) no-repeat 2px 10px;line-height:30px;padding:28px 0 0 110px;}
#News-box {width:972px;height:153px;background: url(../images/news_bg.jpg) no-repeat;margin-bottom:15px;padding:15px 0 0 18px;overflow:hidden;}
#News-box h3 {margin-left:10px;position:relative;}
#News-box h3 span {right:10px;font-weight:lighter;}
.News-Content {width:300px;overflow:hidden;}
.News-Content ul {margin-top:6px;}
.News-Content li {text-indent:17px;background: url(../images/dian.gif) no-repeat 7px 10px;}
.News-Content li a {line-height:22px;margin-right:10px;}
#SEO-Package {width:665px;}
#SEO-Package h3 {margin-bottom:15px;}
#SEO-Package h4 {height:16px!important;height:15px;margin-bottom:4px;overflow:hidden;}
#SEO-Package h4 a {background:#E81700;color:#fff;padding:0 1px 1px 2px!important;padding:2px 0 1px 2px;font:bold 12px/16px Arial, Helvetica, sans-serif;}
#SEO-Package ul {float:left;width:190px;padding-left:28px;}
#SEO-Package li {text-indent:10px;background:url(../images/dian_b.jpg) no-repeat 0 11px;}
#Content-List {width:1003px;overflow:hidden;margin-bottom:14px;}
#Content-List h2 {height:16px;text-indent:15px;margin:15px 0 12px 20px;font: bold 12px/16px Arial, Helvetica, sans-serif;background:url(../images/Icon.gif) no-repeat 0 3px;}
#Content-List ul {float:left;width:321px;background:url(../images/Content-list-bg.jpg) no-repeat 6px 0;margin:0 7px 0 0;padding:0 0 10px 6px;}
#Content-List li {text-indent:30px;background: url(../images/dian.gif) no-repeat 20px 10px;}
#Content-List li a {line-height:25px;margin-right:10px;}
#Case {width:984px;overflow:hidden;}
.case_h4 {background: url(../images/case_h3.jpg) no-repeat top;}
#Case h3 {height:26px;position:relative;}
#Case h4 {height:25px;position:relative;font-size:12px;text-indent:12px;color:#fff;line-height:35px;overflow:hidden;}
#Case span {top:0;right:6px;font-weight:lighter;}
#Case span a {color:#fff;}
#Case p {margin:8px 0 8px 2px;}
/* #Case-list {height:200px;overflow:hidden;}
#Case-list a {float:left;width:220px;margin-top:14px;display:block;text-align:center;}
#Case-list a img {display:block;background: url(../images/case_bg.jpg) no-repeat;padding:6px;}
#Case-list a p {line-height:20px;}*/
/* about us */
#Box {width:984px;}
#Box h2 {width:100%;margin:0 0 15px 0;}
#Box h3 {margin-top:8px;}
/* 简介网站子类 */
#Menu {height:20px;width:100%;padding:0 0 28px 0;}
#Menu li {float:left;padding:0 20px 0 0;}
#Menu li a {display:block;text-indent:-5000px;}
.about a,.Why-us a,.Our-point a {background: url(../images/about-menu.gif) no-repeat;}
.Website a,.Webdesign a,.One-stop a {background: url(../images/web-menu.gif) no-repeat;}
.Web-seo a,.Search-seo a,.Website-Articles a {background: url(../images/seo-menu.gif) no-repeat;}
.about a,.Website a,.Webdesign a,.Web-seo a {width:62px;}
.about a:hover,.Website a:hover,.Webdesign a:hover,.Web-seo a:hover {background-position:0 -30px;}
.Why-us a {width:110px;background-position:-82px 0;}
.Why-us a:hover {background-position:-82px -30px;}
.Our-point a {width:78px;background-position:-213px 0;}
.Our-point a:hover {background-position:-213px -30px;}
.Webdesign a {background-position:-82px 0;}
.Webdesign a:hover {background-position:-82px -30px;}
.One-stop a {width:110px;background-position:-168px 0;}
.One-stop a:hover {background-position:-168px -30px;}
.Search-seo a {width:95px;background-position:-82px 0;}
.Search-seo a:hover {background-position:-82px -30px;}
.Website-Articles a {width:95px;background-position:-195px 0;}
.Website-Articles a:hover {background-position:-195px -30px;}
.About-img {background: url(../images/about_img.jpg) no-repeat 600px 110px;}
.About-content {display:block;padding:0 430px 30px 0;line-height:30px;}
.Why-img {background: url(../images/Why-img.gif) no-repeat 430px 60px;}
.Why-content {display:block;padding:0 560px 140px 0;line-height:30px;}
.Our-img {background: url(../images/our-img.gif) no-repeat 290px 86px;}
.Our-content {position:relative;height:280px;}
.Our-left {left:0;width:310px;}
.Our-right {top:-48px;right:0;width:375px;}
.Core-Values {margin:15px 0;}
.Core-Values-B {margin:0 0 12px 0;}
.Story {margin:12px 0;font-size:14px;font-weight:bold;}
/* news */
#news {padding-top:10px;}
.news_img {background:url(../images/news-img.jpg) no-repeat 0 105px;}
.Articles {margin-bottom:20px;}
.Articles li {width:100%;text-indent:10px;background: url(../images/dian.gif) no-repeat 0 10px;margin-bottom:8px;}
.Articles li span {display:block;padding-bottom:5px;border-bottom:1px dashed #ccc;}
.Articles li span a {font-weight:lighter;}
.Articles li a {font-weight:bold;line-height:24px;padding-right:10px;}
/*详细文章*/
.Article-Details {margin-top:30px}
.Article-Details h2 {font-size:13px;border-bottom:1px dashed #ccc;text-align:center;margin-bottom:10px;padding-bottom:8px;}
.Article-Details h2 span {font-weight:lighter;}
.Article-Details p {margin-bottom:10px;}
.Source {text-align:right;}
/* web seo */
#Seo-Articles {}
.Webseo_img {background:url(../images/Webseo-img.jpg) no-repeat 0 115px;}
.seo_img {background:url(../images/seo-img.jpg) no-repeat 0 115px;}
/* website */
#Website, #news, #Seo-Articles {width:742px;padding:0 0 10px 0;}
#Website h3,#news h3,#Seo-Articles h3 {width:50%;margin:0 0 170px 0;}
#Website span p {border-bottom:1px dashed #ccc;padding:8px 0 6px 0;}
.Website_img {background:url(../images/Website-img.jpg) no-repeat 710px 0px;}
.Webdesign_img {background:url(../images/webdesign-img.jpg) no-repeat 0 105px;}
.Web-Technical-img {background:url(../images/Web-Technical-img.jpg) no-repeat 0 115px;}
/*网站策划*/
#web-Planning {padding-bottom:10px;}
#web-Planning h3,.Solutions h3 {font-weight:bold;font-size:14px;padding-top:23px;}
#web-Planning span p {border-bottom:1px dashed #ccc;padding:8px 0 6px 0;}
#web-Planning h4 {margin:15px 0;}
.A-B-C {width:800px;height:130px;background:url(../images/A-B-C.gif) no-repeat;}
.A-B-C li {float:left;height:20px;width:160px;margin:20px 0;padding:0 0 0 50px;display:inline;}
/*一站式解决方案*/
#Website p img {margin:18px 0;}
#Website span h4 {padding:8px 0 0 0;font-size:14px;}
.one-stop-img {background:url(../images/one-stop-img.gif) no-repeat 0 105px;}
/* 解决方案 */
.Solutions {padding:15px 0 10px 0;}
.Solutions_img {background:url(../images/book.gif) no-repeat 640px 40px;}
/* 推荐新闻 */
#Recommended {width:236px;padding-top:50px}
#Recommended li {text-indent:14px;background: url(../images/dian.gif) no-repeat 3px 10px;}
#Recommended li a {line-height:25px;}
/* case */
#case-img {width:100%;margin:20px 0 10px 0 ;overflow:hidden;}
#case-img li {float:left;width:490px;height:180px;margin:10px 0 0 0;}
#case-img li span {float:right;width:240px;padding-right:18px;line-height:23px;}
.case_bg {float:left;display:block;width:212px;height:152px;background: url(../images/case_bg.jpg) no-repeat;padding:6px 0 0 6px;}
.case-more {margin-right:5px;}
.page {clear:both;height:20px;width:100%;}
.page a,page-A {padding:0 5px;}
.case-text {padding:14px 0 0 5px;}
/* contact us */
.con-img {background:url(../images/con-img.gif) no-repeat 530px 10px;}
.Contact {display:block;height:455px;padding:15px 390px 0 0;line-height:25px;}
/* message */
.message {display:block;padding:5px 0 0 0;}
.message p {margin:10px 0;}
.text-input {width:180px;height:17px;border:1px solid #ccc;}
.title_text {color:#6666CC;}
.message-centent {width:650px;height:160px;border:1px solid #ccc;}
.submit {padding:5px 0 0 45px;}
/*QQ*/
#QQOnlineService {position:absolute;z-index:10;}
.QQ_bg {display:block;width:109px;background: url(../images/QQ_bg.gif);padding:5px 0 8px 0;}
.QQ_bg p {display:block;padding:4px 0;text-align:center;}
/* footer */
#Footer {width:984px; clear:both;}
.Footer-top {border-top:1px solid #DEDEDE;}
.Footer-border {border-bottom:1px solid #DEDEDE;}
.Footer-tel {height:58px;position:relative;padding-top:10px;}
.Footer-tel .infarts {left:3px;padding-top:10px;}
.Footer-tel .phone {right:4px;}
#Link {}
#Link h3 {color:#E81700;font:bold 12px/25px Arial, Helvetica, sans-serif;text-indent:5px;padding: 8px 0 0 0;}
#Link h3 a {font-weight:lighter;}
#Link span {display:block;padding:7px 0 7px 5px;}
#Link span a {padding:4px 3px;}
.Footer-contactus {height:25px;padding:10px 0 3px 4px; position:relative;}
.Footer-contactus span {display:block;height:16px;position:absolute;right:4px;top:10px;}
.Footer-contactus span a {color:#6666CC;}
.Copyright {padding:5px 0 5px 4px;}