* { margin:0; padding:0; }
html { border:0; width:100%; }
body { font-family:Arail, verdana; font-size:12px; line-height:1.5em; color:#666; }
img { border:none}
input, img, select { vertical-align:middle}
ul, ol ,li{ list-style:none; }
em { font-style:normal; }
a { text-decoration:none; }
a:link, a:visited { color:#666; }
a:hover, a:active { text-decoration:none; color:#f60; }
h1 { font-size:16px; }
h2, h3, h4 { font-size:14px; }
h5, h6 { font-size:12px; }
/*--------------------------------------Wrap----------------------------*/
#wapper { width:960px; margin:0 auto; overflow:hidden; background:#fff; }
.f_l { float:left; }
.f_r { float:right; }
.a_l { text-align:left; }
.a_c { text-align:center; }
.a_r { text-align:right; }
.m_line { text-decoration:line-through; }
.clear { height:1px; line-height:1px; font-size:0; clear:both; overflow:hidden; }
.blank5 {height:5px}
/*--------------------------------------Header----------------------------*/
#headwrapper { width:100%;background:url(../images/topbg.gif) repeat-x;height:104px}
#headwrapper .header {width:960px;margin:0 auto;height:104px;position:relative}
.logo { float:left;width:252px;height:102px;}
.topnav { position:absolute; top:23px; right:0;border:1px solid #bababa;padding:3px 18px 3px 3px; background-color:#eee}
.topnav li { float:left; margin-left:15px; }
.topnav li a { background:url(../images/top_sprite.gif) no-repeat; padding-left:18px}
.topnav li.btn_a a { background-position:0 0px; }
.topnav li.btn_b a { background-position:0 -20px; }
.topnav li.btn_c a { background-position:0 -40px; }
.topnav li.btn_d a { background-position:0 -40px; }
.mainnav { position:absolute; top:71px; right:0; }
.mainnav a,.mainnav a:visited { color:#fff;float:left;width:108px;height:33px;background:url(../images/navbg.gif) no-repeat; text-align:center;font-size:14px;line-height:33px;text-decoration:none}
.mainnav a:hover,.mainnav a.curr { background:url(../images/navbg_h.gif) no-repeat;color:#336600;text-decoration:none}
.mainnav a.first,.mainnav a.first:visited { color:#fff;float:left;width:109px;height:33px;background:url(../images/navbg1.gif) no-repeat; text-align:center;font-size:14px;line-height:33px;text-decoration:none}
.mainnav a.first:hover,.mainnav a.first.curr { background:url(../images/navbg1_h.gif) no-repeat;color:#336600;text-decoration:none}
/*slide banner*/
#slide-flash { margin: 2px auto 5px; width: 960px;height: 160px }
/*slide banner css version*/
#slide { z-index: 1; margin: 2px auto 5px; overflow: hidden; width: 960px; position: relative; height: 160px }
#slide #banner { float: left; width: 670px; height: 160px;position:relative }
#slide #banner_title { background:url(../images/banner_title.gif) no-repeat; font-size: 14px; float: right; width: 265px; height: 160px}
#slide #banner .brace {position:absolute;top:0;right:-25px;z-index:20;width: 56px;height: 160px;_right:-1px;background: url(../images/brace.png) no-repeat;_background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../images/brace.png');}
#banner_title ul { margin-top: 15px}
#banner_title li { margin-bottom: 6px }
#banner_title li a { padding: 4px 0 4px 10px; display: block; color: #cf6; height: 20px; text-decoration: none }
#banner_title li a:hover,#banner_title li a.slidenow { background:url(../images/hover.png) no-repeat; color: #fff;_background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../images/hover.png')}
/*--------------------------------------Content----------------------------*/
#content {margin:0 auto;width: 960px;margin-top:5px;_margin-top:0;#margin-top:0;}
h2 {font-size:12px;font-weight:normal; line-height:22px;height:22px;background:url("../images/title.gif"/*tpa=http://www.120seo.com/images/title.gif*/) no-repeat 0 2px;border-bottom:1px solid #a6bc9c;text-align:right;margin-bottom:5px;color:#360}
h2 span {float:left;padding-left:15px;font-size:14px}
h2.lefttitle {font-size:12px;font-weight:normal; line-height:22px;height:22px;background:url("../images/title1.gif"/*tpa=http://www.120seo.com/images/title1.gif*/) no-repeat 0 2px;border-bottom:1px solid #a6bc9c;text-align:right;margin-bottom:5px;color:#360}
h2.lefttitle span {float:left;padding-left:20px;font-size:14px}
.lefttop {background:url("../images/leftcoltop.gif"/*tpa=http://www.120seo.com/images/leftcoltop.gif*/) no-repeat;width:682px;height:10px;_margin-bottom:-4px}
.lefttop1 {background:url("../images/leftcoltopr.gif"/*tpa=http://www.120seo.com/images/leftcoltop.gif*/) no-repeat;width:341px;height:10px;_margin-bottom:-4px}
.lefttop2 {background:url("../images/leftcoltopl.gif"/*tpa=http://www.120seo.com/images/leftcoltop.gif*/) no-repeat;width:341px;height:10px;_margin-bottom:-4px}
.leftbtm {background:url("../images/leftcolbtm.gif"/*tpa=http://www.120seo.com/images/leftcolbtm.gif*/) no-repeat;width:682px;height:10px;_margin-bottom:-4px}
.righttop {background:url("../images/rightcoltop.gif"/*tpa=http://www.120seo.com/images/rightcoltop.gif*/) no-repeat;width:272px;height:10px;_margin-bottom:-4px}
.rightbtm {background:url("../images/rightcolbtm.gif"/*tpa=http://www.120seo.com/images/rightcolbtm.gif*/) no-repeat;width:272px;height:10px;_margin-bottom:-4px}
.leftcol { float:left;width:682px;}
.leftcol1 { float:left;width:340px;}
.newcases { background:#e3eaf0 url("../images/leftcolbg.gif"/*tpa=http://www.120seo.com/images/leftcolbg.gif*/) repeat-y;padding:2px 10px}
.newcases ul li { float:left;width:330px;padding:10px 0;}
.newcases ul li img { float: left;border:1px solid #c6c6c6;padding:1px;background-color:#fff;width:130px;height:100px;margin-right:5px}
.newcases ul li div { line-height:1.6em}
.newcases ul li div .title { font-size:14px;border-bottom:1px dashed #bbb}
.newcases ul li div .url { line-height:2em;border-bottom:1px dashed #bbb}
.packages {background:#fff url("../images/leftcolbg1.gif"/*tpa=http://www.120seo.com/images/leftcolbg1.gif*/) no-repeat center top; height:190px;padding:2px 10px;}
.packages ul {width:98%;background-color:#eff4f8;padding:5px;height:auto !important;height:740px;min-height:740px}
.packages li { text-align:left;padding:8px 0;background:url("../images/dashed.gif") repeat-x left bottom;font-size:11px;color:#999}
.packages li span { float:left;font-size:14px}
.rightcol { float:right;width:272px}
.rightnews {background:#fff url("../images/rightcolbg.gif"/*tpa=http://www.120seo.com/images/rightcolbg.gif*/) no-repeat center top;padding:2px 10px}
.rightnews li { line-height:25px;background:url("../images/list.gif") no-repeat 0 5px;padding-left:10px}
.rightseo {background:#fff url("../images/rightcolbg.gif"/*tpa=http://www.120seo.com/images/rightcolbg.gif*/) no-repeat center top;height:190px;padding:2px 10px}
/*content*/
.news { background:#e3eaf0 url("../images/leftcolbg.gif"/*tpa=http://www.120seo.com/images/leftcolbg.gif*/) repeat-y;padding:2px 10px}
.news ul {width:98%;background-color:#eff4f8;padding:5px;height:auto !important;height:740px;min-height:740px}
.news li { text-align:left;padding:8px 0;background:url("../images/dashed.gif") repeat-x left bottom;font-size:11px;color:#999}
.news li span { float:left;font-size:14px}
.newscontent {padding:10px;background:#eff4f8;line-height:1.6em;height:auto !important;height:740px;min-height:740px}
.newscontent h3 {font-size:14px; line-height:22px;height:22pxcolor:#360;background:#e3eaf0 url("../images/list2.gif"/*tpa=http://www.120seo.com/images/list2.gif*/) no-repeat 5px 7px;padding:4px 4px 1px 15px;border-bottom:2px solid #a6bc9c;margin:5px 0}
.newscontent div.date {text-align:right;color:#ff8e1b;border-bottom:1px dashed #bbb}
.newscontent div.newsdetail {padding:0 10px;font-size:14px}
.newscontent div.newsdetail p { text-indent:2em;padding:5px 0}
.newscontent p {line-height:2em}
.newscontent hr {height:1px;color:#999}
#form1,#form1 input,#form1 select{font-family:Arail, verdana;font-size:14px}

.webdesign { background:#e3eaf0 url("../images/leftcolbg.gif"/*tpa=http://www.120seo.com/images/leftcolbg.gif*/) repeat-y;padding:2px 10px}
.webdesigncontent {padding:10px;background:#eff4f8;line-height:1.6em;height:auto !important;height:740px;min-height:740px}
.webdesigncontent h4 {font-size:12px;font-weight:normal; line-height:22px;height:22px;text-align:right;color:#360;background:#e3eaf0 url("../images/list2.gif"/*tpa=http://www.120seo.com/images/list2.gif*/) no-repeat 5px 7px;padding:4px 4px 1px 0;border-bottom:2px solid #a6bc9c;margin:5px 0}
.webdesigncontent h4 span {float:left;padding-left:15px;font-size:14px}
.webdesigncontent p {text-indent:2em}
.webdesigncontent dl {padding:10px;line-height:2em;width:620px}
.webdesigncontent dl img {padding:0 10px 10px 0}
.webdesigncontent dt {clear:both;font-weight:bold;font-size:13px}
.webdesigncontent dd {padding-bottom:5px;background:url("../images/dashed.gif"/*tpa=http://www.120seo.com/images/dashed.gif*/) repeat-x left bottom;width:513px;float:right}
.webdesigncontent dd.detail {text-align:right;background:none}
.webdesigncontent dl#process dt {font-size:13px;line-height:2.5em}
.webdesigncontent dl#process dt span{font-family: Century Gothic, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:18px;color:#ff8e1b;padding-right:5px}
.webdesigncontent dl#process dd {padding-bottom:5px;background:url("../images/dashed.gif"/*tpa=http://www.120seo.com/images/dashed.gif*/) repeat-x left bottom;width:100%;text-indent:2em}

.webdesigncontent dl#promotion dt span{font-family: Century Gothic, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size:50px;line-height:1em;color:#ccc;padding-right:10px;float:left}
.webdesigncontent dl#promotion dd {padding:5px 0;background:url("../images/dashed.gif"/*tpa=http://www.120seo.com/images/dashed.gif*/) repeat-x left bottom;width:91%;text-indent:2em}

.webdesign .wd li {width:320px;float:left;margin-bottom:10px;padding-bottom:5px;background:url("../images/dashed.gif"/*tpa=http://www.120seo.com/images/dashed.gif*/) repeat-x left bottom}
.webdesign .wd li div {padding-left:70px}
.webdesign .wd li div span {display:block;color:#007c24;font-weight:bold}
.webdesign .wd li img {float:left;margin-right:10px}

.about {font-size:14px}
.about p {padding:.5em 0}

.cases  { background:#e3eaf0 url("../images/leftcolbg.gif"/*tpa=http://www.120seo.com/images/leftcolbg.gif*/) repeat-y;padding:2px 10px;font-size:14px; line-height:1.6em}
.cases .casescontent ul {width:98%;background-color:#eff4f8;padding:5px}
.cases .casescontent ul li {padding:10px;clear:both;background:url("../images/dashed.gif"/*tpa=http://www.120seo.com/images/dashed.gif*/) repeat-x left bottom;height:auto !important;height:140px;min-height:140px}
.cases .casescontent ul li img { float: left;border:1px solid #c6c6c6;padding:5px;background-color:#efefef;width:160px;height:123px;margin-right:10px}
.cases .casescontent ul li .title a { color:#360}
.cases .casescontent ul li .url a {color:#ff8e1b }
.cases .casescontent ul li div {padding-left:180px}

/*sidebar*/
.sidebar {background:#fff url("../images/rightcolbg1.gif"/*tpa=http://www.120seo.com/images/rightcolbg1.gif*/) repeat-y;padding:2px 10px;line-height:2em}
.sidebar li {background:url("../images/dashed.gif"/*tpa=http://www.120seo.com/images/dashed.gif*/) repeat-x left bottom;padding:5px 0;height:70px}
.sidebar li img {float:left;clear:both;width:50px;padding-right:5px}
/*--------------------------------------Footer----------------------------*/
#footwrapper { width:100%;background:url("../images/footbg.gif"/*tpa=http://www.120seo.com/images/footbg.gif*/) repeat-x;margin-top:10px;text-align:center}
.footer {margin:0 auto;padding-bottom:20px;line-height:24px;}
.footer ul {width:81%;margin:0 auto}
.footer ul li {width:100%;float:left;padding:10px 20px}

.kf-bar {display:none;}
* html .kf-bar { display:block;z-index:2}
*+html .kf-bar { display:block;z-index:2}

/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
 .prenext{line-height:40px;border-top-width:1px;border-top-style:dashed;border-top-color:#ccc;padding-right:10px;padding-left:10px;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .prenext .pre{float:left;width:50%} /* 上一篇 */
.prenext .next{text-align:right;float:right;width:50%} /* 下一篇 */