@charset "gb2312";
/* CSS Document */
body { font-size: 0.8em; font-family: "΢ÈíÑźÚ"; margin: 0; color: #000; padding: 10px 0; text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3); text-align: center; }
ul, ol, dl { padding: 0; margin: 0; }
a img { border: 0; }
a:link { color: #42413C; text-decoration: underline; }
a:visited { color: #6E6C64; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
* { margin: 0; padding: 0; vertical-align: baseline; }
header, section,footer, article, aside { width: 980px; margin: 0 auto; padding: 0; display: block; border-radius: 2px 2px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); overflow: hidden; }
header { padding: 10px 0px; background:#000;}
header h1{ font-size:14px;}
nav{ width: 980px; margin: 0 auto; padding: 0; display: block; border-radius: 2px 2px; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); overflow: hidden; }
article { width: 300px; float: left; }
aside { width: 675px; float: right; }
section, nav, footer { margin-top: 10px; }
input, select, textarea { vertical-align: middle; }
img { border: 0; }
ul, li { list-style-type: none; display: inline; }
a:link, a:visited { text-decoration: none; color: #010101; }
a:hover { text-decoration: underline; color: #ED0909; }
.site{ font-size:24px;}
.info h2 { background:url(title_bg_03.gif) repeat-x; padding:3px 0 0 8px; border-bottom:solid #b2d1f0 1px; color:#0571a8; font-size:12px; }
.info h2 a { color:#0678B2; text-decoration:none; }
.clear { clear: both; }
.clearfix:after { clear: both; content: '.'; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1; }
.box { margin: 0 auto; text-align: left; overflow: hidden; width: 1000px; position: relative; height: 100%; }
.top_logo { font-size: 34px; float: left; width: 220px; color:#fff; }
.top_info { float: right; padding: 3px 3px; width: 750px; color:#fff;}
.top_nav { width: 980px; text-align: center; background: #121212; }
.top_nav ul { display: block; margin: 0 auto; padding-left: 5px; }
.top_nav li { float: left; width: 110px; margin: 0 5px; text-align: center; display: inline; line-height: 35px; }
.link { }
.link li { float: left; margin-right: 10px; }
.link li a { white-space: nowrap; }
footer { clear: both; margin: 10px auto; text-align: center; padding: 10px 0; line-height: 25px; color: #666; }
footer a { margin: 0 7px; color: #666; }
footer a:hover { color: #000; text-decoration: underline; }
.standard_logos { text-align: center; padding: 5px 0pt; width: 98px; position: relative; margin: 0pt auto; }
.standard_logos .html5 { margin-right: 3px; vertical-align: middle; }
.standard_logos .w3c { vertical-align: middle; border: solid 1px #AAA; border-radius: 4px; }
/*top*/

#content { width: 980px; margin: 0 auto; }
.index { margin: 0 auto; text-align: left; overflow: hidden; width: 1000px; position: relative; height: 100%; }
#top { height: 22px; padding-top: 2px; color: #89bad3; width: 980px; margin: 0 auto; }
#top a { color: #ffffff; text-decoration: none; }
#top a:hover { color: #ff0000; text-decoration: none; }
#top span { float: right; color: #FFFFFF; }
/* Example */
.nav-wrap { margin: 50px auto; background-color: #121212; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#example { width: 980px; margin: 0 auto; list-style: none; position: relative; }
#example li { display: inline; }
#example li a { position: relative; z-index: 200; color: #AAAAAA; font-size: 14px; display: block; float: left; text-decoration: none; text-transform: uppercase; width: 120px; _width: 110px; font-weight: bold; }
#example li a:hover { color: #FFF !important; }
#example #magic-line-two { width: 100px; position: absolute; top: 0; left: 0; background: #666; z-index: 100; border-radius: 5px 5px 5px 5px; }
.current a { color: #fff !important; }
.current a:hover { color: #FFF !important; }
/***f_nav***/
.bnav { text-align: left; height: 25px; overflow: hidden; width: 98%; line-height: 25px; background: #fff; margin: 0 1%; border: #B4B4B4 1px solid; border-bottom: none; z-index: 999; position: fixed; bottom: 0; left: 0; _position: absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
overflow: visible; }
.close { position: absolute; right: 5px; height: 25px; width: 16px; text-indent: -9999px; padding-left: 10px; }
.close a { background: url(http://www.seosjz.com.cn/seosjzcomcn/images/01/close.gif) no-repeat center; width: 16px; display: block; }
.bnav2 { height: 24px; line-height: 24px; margin: 1px; margin-bottom: 0; background: #E5E5E5; }
.bnav .s1 { position: absolute; left: 10px; }
.bnav .s1 img { padding-top: 3px; margin-right: 7px; }
.bnav .s2 { position: absolute; right: 30px; color: #888; }
.bnav .s2 span { padding-right: 10px; }
.bnav .s2 a { margin: 0 6px; }
.rolltext { position: absolute; left: 160px; height: 25px; line-height: 25px; overflow: hidden; }
.rolltext dt, .rolltext dd { float: left; width: auto; }
.rolltext a { display: block; height: 25px; overflow: hidden; }
.bnav3 { height: 25px; width: 16px; line-height: 25px; margin: 0 1%; padding-right: 6px; border-bottom: none; z-index: 999; position: fixed; bottom: 0; right: 0; _position: absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
overflow: visible; }
.bnav3 a { background: url(http://www.seosjz.com.cn/seosjzcomcn/images/01/open.gif) no-repeat center; display: block; height: 25px; width: 16px; text-indent: -5000px; }
/***go top****/
#AdLayer { display: none; height: 59px; position: absolute; right: -30px; top: 0px; width: 20px; }
#AdLayer a { height: 59px; position: absolute; right: 30px; top: 0; width: 20px; }
#AdLayer img { border: 0; }
/*******************
---| Header | ***/
/* Header text */
header section{box-shadow:none;}
section header{ padding:0;}
.header-content section {box-shadow:none;padding:0;}
.header-content:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("/seosjzcomcn/images/header-shadow.png") repeat-x 0 100%; }
.header-content:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("/seosjzcomcn/images/header-shadow-top.png") repeat-x 0 0; }
.header-content { background: url("/seosjzcomcn/images/header-background.jpg") no-repeat 50% -4px #d2350b; margin: 10px auto 0px auto; padding: 0; width: 980px; line-height: 22px; position: relative; z-index: 1; /*min-height:270px;
*/ }
.header-content.home { height: 335px; }
.home .header-content { background: #d54515 url("/seosjzcomcn/images/slider-gradient-bg.png") repeat-y 50% 0; }
/*.header-content-wrap {
width:940px;
margin:0 auto;
}
*/
.header-content img { float: left; margin: 0 0 0 15px; }
.header-content .text { width: 430px; margin-left: 50%; }
.header-content .copy { font-size: 14px; line-height: 21px; color:#fff; }
.header-content .button { width: 100% !important; }
.header-content .button a { padding-top: 7px; padding-bottom: 7px; font-size: 14px; display: inline-block; }
.header-content .button { float: none; }
.header-content .dimmed { background: #b05b1b; background: rgba(0,0,0,0.4); -webkit-transition: none; /* Saf3.2+,Chrome */ -moz-transition: none; /* FF4+ */ -ms-transition: none; /* IE10? */ -o-transition: none; /* Opera 10.5+ */ transition: none; }
.header-content .align-bottom { position: absolute; bottom: 0px; }
#slider-wrap { background: url("/seosjzcomcn/images/header-background1.png") repeat-x 0% 0; height: 335px; }
#slider { background: url("/seosjzcomcn/images/header-background2.png") repeat-x 0% 0; height: 305px; padding-top: 30px; z-index: 100; }
.slider-prev, .slider-next { text-indent: -9999px; width: 38px; height: 38px; background: url("/seosjzcomcn/images/slider-arrows.png"); position: absolute; top: 142px; z-index: 999; opacity: .5; -webkit-transition: all 0.3s ease-out; /* Saf3.2+,Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; display: none }
.slider-prev { left: 12px; background-position: 0 0; }
.slider-next { right: 12px; background-position: 100% 0; }
.slider-prev:hover, .slider-next:hover { opacity: 1; }
.slider-nav { position: absolute; bottom: 5px; left: 50%; list-style: none; overflow: hidden; padding: 2px; z-index: 10; margin: 0; }
.slider-nav li { float: left; }
.slider-nav li a { display: block; width: 16px; height: 16px; overflow: hidden; padding: 0px; margin: 4px; background: url("/seosjzcomcn/images/dots.png") no-repeat 0 0; text-decoration: none; text-indent: -999px; }
.slider-nav li a:hover, .slider-nav li a.selected { background-position: 0 -16px; }
.slider section { display: none; }
.slider section.first { display: block; }
.slider-sections, .slider-sections section { width: 880px; height: 335px; }
.slider-sections { margin: 0 auto; position: relative; }
.slider-sections section { position: absolute; top: 0px; left: 0px; }
.header-content h2 { font-size: 30px; color: #fff; font-weight: normal; text-shadow: 0 1px 0 rgba(0,0,0,0.4); }
.header-content .centered-content { padding-top: 30px; padding-bottom: 10px; }
.button { float: left; width: auto !important; list-style: none; }
.button a, .button button, .button input { /* Standard black button */ font-size: 15px; /*font-family:'lucida sans',arial,helvetica,sans-serif;
*/ line-height: 18px; color: #fff !important; text-decoration: none; padding: 5px 14px 6px 13px; display: block; width: auto; position: relative; z-index: 2; border: none; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #313131; /* Old browsers */ background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #313131 0%, #222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #313131 0%, #222222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #313131 0%, #222222 100%); /* IE10+ */ background: linear-gradient(top, #313131 0%, #222222 100%); /* W3C */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.button a:hover, .button input:hover, .button button:hover, .button a:focus, .button input:focus, .button button:focus { background: #464646; /* Old browsers */ background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #464646 0%, #393939 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #464646 0%, #393939 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #464646 0%, #393939 100%); /* IE10+ */ background: linear-gradient(top, #464646 0%, #393939 100%); /* W3C */ }
header .header-content .button a, #content .button a:hover { text-decoration: none; }
.home h3 { font-size: 21px; font-family: Arial, sans-serif; }
.home .line { float: left; clear: both; width: 100%; background: #eaeaea; height: 1px; margin: 20px 0 20px; }
.header-content .beta-ribbons { position: absolute; height: 120px; width: 85px; text-indent: -200px; overflow: hidden; background: url("/seosjzcomcn/images/kendo-ribbons.png") no-repeat 0 0; }
.header-content .beta-ribbons.ribbon-1 { background-position: -170px 0; top: -3px; right: -145px; }
.header-content p.copy .beta-ribbons.ribbon-1 { top: -135px; left: 900px; }
.header-content .beta-ribbons.ribbon-4 { background-position: -255px 0; left: -40px; top: -30px; z-index: 10; text-indent: -2000px; }
/*main*/

#main {margin-top:5px;width:980px; margin: 0 auto;}

.m1 { margin:3px 2px; background:#FFFFFF; float:left; width:724px;}

#box { float:left; width:728px; border: 1px solid #B9DFF9; margin-top:5px; background: #EDF8FE; }

#info { width:724px; float:left; margin:0 auto;}

#info a{ text-decoration:none; font-size:12px; display:block;line-height:20px;}

#info a:hover { color:#FF0000; text-decoration:none; background-color:#6699FF; }

#info img{ margin-left:18px;display:block;width:610px; height:135px;}

#bbs{float:left;}

#bbs ul { width:310px; float:left; margin-left:5px;}

#bbs span{ float:right;}

#bbs a { color:#0678B2; text-decoration:none; }

#bbs a:hover { color:#ff0000; text-decoration:none; }

#sidebar { float:left; width:243px; margin:5px 0 0 5px; border: 1px solid #B9DFF9; background: #EDF8FE; }

.Contact { margin:3px 3px; background:#FFFFFF; }

.Contact img{ margin-left:15px;display:block;}

.About { margin:3px 3px; background:#FFFFFF; }

#news { margin:3px 3px; background:#FFFFFF; }

#tag { width:980px; margin: 0 auto; float:left; border: 1px solid #B9DFF9; margin-top:5px; background: #EDF8FE; }

#tag a { color:#0678B2; text-decoration:none; }

#tag a:hover { color:#ff0000; text-decoration:none; }

#tag .nflk1 { margin:3px 1px;float:left; background:#FFFFFF; height:auto; width:976px;}

#tag .nflk_bbs { margin:3px 1px;float:left; background:#FFFFFF; height:auto; width:976px;}

#tag .nflk_bbs ul { width:292px; float:left; padding-left:2px;}

#tag .nflk_bbs span{ float:right;}

#tag .nflk_bbs a { color:#0678B2; text-decoration:none; }

#tag .nflk_bbs a:hover { color:#ff0000; text-decoration:none; }

/*city*/

#city{width:980px; margin: 0 auto; float:left; border: 1px solid #B9DFF9; margin-top:5px; background: #EDF8FE;}

#city .nflk2 { margin:3px 1px; background:#FFFFFF; height:auto; width:976px; float: left;}

#city li{ margin-top:3px; margin-left:6px; float:left;}

#city a{display:inline-block;white-space:nowrap;font:12px Verdana;text-decoration:none; color:#0678B2; text-decoration:none;}

#city a:hover { color:#ff0000; text-decoration:none; }

/*friendlink*/

#friendlink { width:980px; float:left; border: 1px solid #B9DFF9; margin-top:5px; }

#friendlink a { color:#0678B2; text-decoration:none; }
 
#friendlink a:hover { color:#ff0000; text-decoration:none; }

#friendlink .nflk3 {margin:3px 1px; background:#FFFFFF; height:auto; width:976px;}

#foot { width:980px; margin: 0 auto; float:left; border: 1px solid #B9DFF9; margin-top:5px; background: #EDF8FE; text-align:center;}

#foot .nft { margin:3px 3px; background:#FFFFFF; }