/***!
 *	AUTHOR:      Malisen
 *	QQ:          66018566
 *	EMAIL:       malisen@163.com
 *	HOMEPAGE:    http://www.kaybon.com/
 *	VERSION:     2014-03-03
 **/


/* 1. RESET
-----------------------------------------------------------------------------------------------*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time,
mark,
audio,
video {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace
}

small {
    font-size: 12px
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: #ff7300
}

abbr[title],
acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

blockquote,
q {
    quotes: none;
}

q:before,
q:after {
    content: ''
}

:focus {
    outline: 0
}

legend {
    color: #000
}

fieldset,
img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%
}

input[type=text],
textarea {
    outline: none;
    border-radius: 0;
}

input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner {
    border: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    height: 1px;
    *color: #fff
}

img {
    -ms-interpolation-mode: bicubic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}


/* 2.1 BODY DEFAULTS
--------------------------------------------------------- */

html {
    color: #000;
    overflow-y: scroll;
    background: #fff
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif;
    background: #fff;
    _background-image: url(about:blank);
    _background-attachment: fixed
}

h1 {
    font: 20px "microsoft yahei", "\5b8b\4f53"
}

h2,
h3 {
    font-size: 14px
}

h4,
h5,
h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4 {
    font-weight: 700;
    color: #444444;
}

h5,
h6 {
    font-weight: normal
}

.wrap,
.m {
    margin: auto;
    width: 1200px;
}

.w940 {
    width: 940px;
    margin: auto;
}

.main {
    width: 735px;
}

.layout {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.layout-top {
    padding-left: 210px;
    height: 470px;
}

.layout-left,
.layout-mid,
.layout-right,
.type,
ul.clearfix li,
dl.clearfix dt,
.tabNav span,
.header h3,
.dot01,
.dot02,
.arrw01,
.arrw02,
.catname,
.span-space {
    float: left;
    display: inline;
    overflow: hidden;
    *zoom: 1
}

.layout-mid {
    width: 530px
}

.layout-left {
    width: 200px
}

.layout-right {
    width: 240px;
    float: right;
}

.m,
.wrap,
.wrapper,
.layout,
.header,
.content,
.tabNav,
.clrli li,
.clrdl dl {
    *zoom: 1;
}

.clearfix:after,
.m:after,
.wrap:after,
.layout:after,
.header:after,
.content:after,
.tabNav:after,
.clrli li:after,
.clrdl dl:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

.clear {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0
}

.clearfix {
    display: inline-table
}

*html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

*+html .clearfix {
    min-height: 1%
}

#left,
.f_l {
    float: left;
    _display: inline;
}

#right,
.f_r,
.more,
.time {
    float: right;
    _display: inline;
}

.clrdl dl dt,
.clrdl dl dd {
    float: left;
}

.f_n {
    float: none
}

.t_l {
    text-align: left;
}

.t_r {
    text-align: right;
}

.t_c {
    text-align: center;
}

.f_b {
    font-weight: bold;
}


/* 2.2 LINK STYLES
--------------------------------------------------------- */

a:link {
    -webkit-tap-highlight-color: #FFA300;
}

ins {
    color: #FFF;
    text-decoration: none;
}

mark {
    background-color: #FFA300;
    color: #FFF;
    font-style: italic;
    font-weight: bold;
}

a {
    text-decoration: none;
    color: #4c4c4c;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
}

a:hover,
a:active {
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #FF7300 !important;
    text-decoration: underline;
}

a.w:link,
a.w:visited,
a.w:active {
    color: #FFFFFF;
    text-decoration: none;
}

a.w:hover {
    color: #f4f3f2;
}

a.b:link,
a.b:visited,
a.b:active {
    color: #333333;
    text-decoration: none;
}

a.b:hover {
    color: #FF6600;
}

a.g:link,
a.g:visited,
a.g:active {
    color: #666666;
    text-decoration: none;
}

a.g:hover {
    color: #FF6600;
}


/* 2.3 TEMPLATE COLOURS
--------------------------------------------------------- */

.f_white {
    color: white;
}

.f_gray {
    color: #666666;
}

.f_orange,
a.f_orange:link,
a.f_orange:visited {
    color: #ff7300 !important
}

.f_red {
    color: #de0001 !important;
}

.f_green {
    color: #2b8600 !important;
}

.f_blue {
    color: blue;
}

.f_dblue {
    color: #225588;
}

.f_price {
    font-weight: bold;
    font-family: Arial;
    color: #FF0000;
}

.more,
.time {
    color: #999999;
    padding-left: 10px;
    font-weight: normal;
}

.type {
    color: #999999;
    padding-right: 5px;
}

.type em {
    padding-left: 5px;
}


/* 2.4 TEMPLATE FONTS
--------------------------------------------------------- */

.px10 {
    font-size: 10px;
}

.px11 {
    font-size: 11px;
}

.px12,
.more {
    font-size: 12px;
}

.px13 {
    font-size: 13px;
}

.px14 {
    font-size: 14px;
}

.px15 {
    font-size: 15px;
}

.px16 {
    font-size: 16px;
}


/* 2.5 BASEC DEFAULTS
--------------------------------------------------------- */

.view,
.comm,
.shareBtn16 a,
.option-btns a,
#fontsize span,
#print span,
.print-layer,
.fontsize-layer,
#backTo a,
.contact-box dt {
    background: url("images/sprite_show.png") no-repeat -999px -999px;
}

.view,
.comm {
    background-position: -145px -207px;
    padding-left: 22px;
    float: left;
    display: inline;
    margin-left: 20px;
    line-height: 17px\9;
}

.comm {
    background-position: -145px -235px;
}

.hover .view {
    background-position: -145px -267px;
}

.hover .comm {
    background-position: -145px -295px;
}

.date {
    float: right;
    margin: 1px 0 0 5px;
    color: #999999;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

.b5 {
    height: 5px;
    font-size: 1px;
}

.b6 {
    height: 6px;
    font-size: 1px;
}

.b8 {
    height: 8px;
    font-size: 1px;
}

.b10 {
    height: 10px;
    font-size: 1px;
}

.b15 {
    height: 15px;
    font-size: 1px;
}

.pd3 {
    padding: 3px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.mt1 {
    margin-top: -1px;
}

.mt5 {
    margin-top: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb7 {
    margin-bottom: 6px;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.lh18 {
    line-height: 180%;
}

.ls1 {
    letter-spacing: 1px;
}

.c_p {
    cursor: pointer;
}

.c_b {
    clear: both;
}

.dsn,
.hide {
    display: none;
}

.absm {
    vertical-align: middle;
}

.show {
    display: block;
}

.highlight {
    color: red;
}

.replaced {
    display: block;
    width: 1px;
    height: 1px;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
}

.banner {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.toptel
{
    background: url(../images/toptel.png) no-repeat left;
    height: 55px;
    padding-left: 65px;
    font-size: 30px;
    line-height: 55px;
}
img.lazy {
    background: url(images/loading_img.gif) no-repeat center center;
}

.dot {
    float: left;
    display: inline;
    font-size: 18px;
    font-family: "\9ED1\4F53", SimSun, sans-serif;
    color: #808080;
    margin-top: 1px;
}

.nbg {
    background: none !important;
}

.fbg {
    background-color: #FFFFFF !important;
}

.span-space {
    width: 1px;
    height: 14px;
    overflow: hidden;
    background-color: #dbdbdb;
    margin: 4px 10px 0
}

.fd-visible {
    visibility: visible
}

.fd-hidden {
    visibility: hidden
}

.fd-locate {
    position: relative
}

.fd-cny {
    font-family: Helvetica, Arial
}

.ms-yh {
    font-family: "Microsoft YaHei", "\u534e\u6587\u7ec6\u9ed1", "Helvetica", "sans-serif";
    font-weight: 400
}

a.a-img,
a.a-mix {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

a.a-mix:hover,
a.a-mix:active {
    text-decoration: none
}

a.a-mix img {
    margin-bottom: 2px
}

a.a-mix span,
a.a-mix .description {
    display: block;
    font-size: 12px;
    line-height: 1.5
}

.vertical-img {
    display: table;
    text-align: center;
    overflow: hidden;
    font-size: 0;
    *display: block
}

.vertical-img .box-img {
    display: table-cell;
    vertical-align: middle;
    *display: inline;
    *writing-mode: tb-rl;
    *text-align: center;
    *height: 100%
}

.vertical-img img {
    vertical-align: middle
}

.loading {
    background: url("images/loading.gif") no-repeat 50% 50%
}

.btn {
    display: inline-block;
    *display: inline;
    border: 0 none;
    cursor: pointer;
}

.btn::-moz-focus-inner {
    border-color: transparent;
}

.dbtn,
.gbtn,
.cbtn,
.sbtn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    outline: none;
    overflow-y: hidden;
}

input.dbtn {
    height: 30px;
    line-height: 30px;
}

input.gbtn,
.gbtn {
    height: 58px;
    line-height: 58px;
    line-height: 60px\9;
    _line-height: 57px;
}

input.cbtn,
.cbtn {
    height: 44px;
    line-height: 44px;
    line-height: 46px\9;
    _line-height: 43px;
}

input.sbtn,
.sbtn {
    height: 20px;
    line-height: 20px;
    line-height: 22px\9;
    _line-height: 19px;
    padding: 0 8px;
}

.btn_green {
    border: 1px solid #73a400;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background: #709f00;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7db200), to(#709f00));
    background-image: -webkit-linear-gradient(top, #7db200, #709f00);
    background-image: -moz-linear-gradient(top, #7db200, #709f00);
    background-image: -ms-linear-gradient(top, #7db200, #709f00);
    background-image: -o-linear-gradient(top, #7db200, #709f00);
    background-image: linear-gradient(top, #7db200, #709f00);
}

.btn_green:hover {
    border-color: #608a00;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background: #699600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#77aa00), to(#699600));
    background-image: -webkit-linear-gradient(top, #77aa00, #699600);
    background-image: -moz-linear-gradient(top, #77aa00, #699600);
    background-image: -ms-linear-gradient(top, #77aa00, #699600);
    background-image: -o-linear-gradient(top, #77aa00, #699600);
    background-image: linear-gradient(top, #77aa00, #699600);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn_green:active {
    border-color: #608a00;
    background: #6a9600;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#72a200), to(#6a9600));
    background-image: -webkit-linear-gradient(top, #72a200, #6a9600);
    background-image: -moz-linear-gradient(top, #72a200, #6a9600);
    background-image: -ms-linear-gradient(top, #72a200, #6a9600);
    background-image: -o-linear-gradient(top, #72a200, #6a9600);
    background-image: linear-gradient(top, #72a200, #6a9600);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.btn_orange {
    border: 1px solid #ed8600;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background: #f08801;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fc9309), to(#f08801));
    background-image: -webkit-linear-gradient(top, #fc9309, #f08801);
    background-image: -moz-linear-gradient(top, #fc9309, #f08801);
    background-image: -ms-linear-gradient(top, #fc9309, #f08801);
    background-image: -o-linear-gradient(top, #fc9309, #f08801);
    background-image: linear-gradient(top, #fc9309, #f08801);
}

.btn_orange:hover {
    border-color: #d47800;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background: #fc9610;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f68f0a), to(#fc9610));
    background-image: -webkit-linear-gradient(top, #f68f0a, #fc9610);
    background-image: -moz-linear-gradient(top, #f68f0a, #fc9610);
    background-image: -ms-linear-gradient(top, #f68f0a, #fc9610);
    background-image: -o-linear-gradient(top, #f68f0a, #fc9610);
    background-image: linear-gradient(top, #f68f0a, #fc9610);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn_orange:active {
    border-color: #d47800;
    background: #ec8500;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fc9610), to(#ec8500));
    background-image: -webkit-linear-gradient(top, #fc9610, #ec8500);
    background-image: -moz-linear-gradient(top, #fc9610, #ec8500);
    background-image: -ms-linear-gradient(top, #fc9610, #ec8500);
    background-image: -o-linear-gradient(top, #fc9610, #ec8500);
    background-image: linear-gradient(top, #fc9610, #ec8500);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.btn_gray {
    border: 1px solid #d5d5d5;
    color: #666;
    background: #f3f3f3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f3f3f3));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #f3f3f3);
    background-image: -moz-linear-gradient(top, #fbfbfb, #f3f3f3);
    background-image: -ms-linear-gradient(top, #fbfbfb, #f3f3f3);
    background-image: -o-linear-gradient(top, #fbfbfb, #f3f3f3);
    background-image: linear-gradient(top, #fbfbfb, #f3f3f3);
}

.btn_gray:hover {
    border-color: #ccc;
    color: #666;
    text-decoration: none;
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -moz-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: -o-linear-gradient(top, #f5f5f5, #e9e9e9);
    background-image: linear-gradient(top, #f5f5f5, #e9e9e9);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn_gray:active {
    border-color: #ccc;
    background: #dfdfdf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dfdfdf));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
    background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
    background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
    background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
    background-image: linear-gradient(top, #f0f0f0, #dfdfdf);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.dot01,
.dot02 {
    width: 3px;
    height: 3px;
    overflow: hidden;
    margin: 11px 6px 0 3px;
}

.dot01 {
    background: url("images/ico_dot01.gif") no-repeat 0 0;
}

.dot02 {
    background: url("images/ico_dot02.gif") no-repeat 0 0;
}

.arrw01,
.arrw02 {
    width: 3px;
    height: 5px;
    overflow: hidden;
    margin: 10px 6px 0 3px;
}

.arrw02 {
    background: url("images/ico_arrw02.gif") no-repeat 0 0;
}

.fontSize {
    float: right;
    color: #7E7E7E;
    position: absolute;
    right: 20px;
    bottom: 16px;
}

.fontSize span {
    font-family: "Times New Roman", arial;
    cursor: pointer;
    font-weight: bold;
}

.fontSize .small {
    font-size: 10px;
    color: #666;
    padding-right: 3px;
    padding-left: 3px;
}

.fontSize .big {
    font-size: 13px;
    color: #0B3B8C;
    padding-left: 3px;
    padding-right: 3px;
}


/* 2.6 PAGES STYLES
--------------------------------------------------------- */

.pages .prevPage,
.pages .nextPage {
    padding: 0 13px;
    width: auto;
    background: url(images/pager-icon.png) no-repeat;
}

.pages {
    font-family: Tahoma;
    text-align: center;
    margin-top: 40px;
    position: relative;
    margin: 10px auto 0;
    padding: 20px 0 15px;
    width: 630px;
    font-size: 14px;
    font-weight: normal !important;
    vertical-align: middle;
}

.pages a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    width: 34px;
    margin: 0 3px 0 2px;
    border: 1px solid #d9e4f3;
    background-color: #FFF;
    cursor: pointer;
    font-family: Arial;
    color: #134BA0;
}

.pages a:hover {
    background-color: #446fa5;
    border-color: #446fa5;
    color: #fff !important;
    text-decoration: none;
}

.pages strong {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    width: 34px;
    margin: 0 3px 0 2px;
    color: #fff;
    background-color: #446fa5;
    border: 1px solid #446fa5;
    cursor: default;
}

.pages .prevPage {
    background-color: #FFF;
    padding-left: 25px;
    background-position: -31px 12px;
}

.pages .prevPage:hover {
    background-position: -31px -38px;
}

.pages .nextPage {
    background-color: #FFF;
    padding-right: 25px;
    background-position: 18px -13px;
}

.pages .nextPage:hover {
    background-position: 18px -63px;
}


/* 3.1 TOPBAR STYLES
--------------------------------------------------------- */

.top-bar,
.top-bar-l .top_wap,
.top-bar-l .top_wap a,
.user-header a,
.user-header i,
.user-s,
.top-bar-r li,
.top-bar-r .top_cart a,
.top-bar-r .extra a,
.user-content .vip-operate i,
.user-content .vip-operate a,
#topnav-tp li i,
#topnav-sitemap dd span.spacing,
#topnav-sitemap span.dashedline,
#topnav-sitemap .more .moreBtn,
.flinks ul li {
    background: url(images/topbar.png) no-repeat -999px -999px;
}

#topBar {
    width: 100%;
    min-width: 1000px;
    z-index: 9999;
    position: relative;
    top: 0;
    left: 0;
    *zoom: 1;
}

#topBar:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

#topBar.fix {
    position: fixed;
    top: 0;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    left: 0;
}

#topBar a:hover {
    text-decoration: none;
    color: #ff7300 !important
}

.top-bar {
    width: 100%;
    background: #F7F7F7;
    border-bottom: 1px solid #E8E8E8;
    height: 31px;
}

.topBar01 .top-bar {
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 38px;
}

.top-bar .wrap,
.top-bar .wrapper {
    font: 12px/32px Tahoma, Arial, "\5B8B\4F53", sans-serif;
    position: relative;
}

.top-bar a {
    text-decoration: none;
}

.top-bar-l,
.top-bar-l ul li {
    float: left;
    _display: inline;
}

.top-bar-l {
    width: 450px;
}

.top-bar-l .top_wap {
    background-position: right -38px;
    padding-right: 6px;
}

.top-bar-l .top_wap a {
    background-position: -66px -212px;
    float: left;
    display: block;
    padding-left: 17px;
}

.top-bar-l .user-areas {
    float: left;
    position: relative;
    z-index: 2;
    *zoom: 1;
}

.user-header {
    height: 31px;
    margin-left: -1px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.user-header span,
.user-header a,
.user-header i,
.top-bar-l .login-t,
.top-bar-l .user-s,
.user-content .avatar,
.user-content .vip-operate,
.user-content .vip-operate i,
.user-content .vip-operate strong,
.user-content .trname,
.user-content .ums {
    float: left;
    _display: inline;
}

.user-header .user-nick {
    padding: 0 10px;
}

.user-header span.hover {
    background-color: #fff;
    padding: 0 9px;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
}

.user-header .user-nick a {
    color: #0b72a4;
}

.user-header .user-c {
    background-position: 0 -392px;
    width: 73px;
    height: 17px;
    text-indent: -999em;
    margin: 7px 0 0 8px;
    overflow: hidden;
}

.user-header .user-c:hover {
    background-position: 0 -409px;
}

.user-header i {
    width: 14px;
    height: 14px;
    margin: 8px 0 0 5px;
    overflow: hidden;
}

.user-header i.v_0 {
    background-position: 0 -170px;
}

.user-header i.v_1 {
    background-position: 0 -190px;
}

.user-header i.v_2 {
    background-position: 0 -209px;
}

.user-header i.v_3 {
    background-position: 0 -230px;
}

.user-header i.v_4 {
    background-position: 0 -250px;
}

.user-header i.v_5 {
    background-position: 0 -270px;
}

.user-header i.v_6 {
    background-position: 0 -290px;
}

.user-header i.v_7 {
    background-position: 0 -310px;
}

.user-header i.v_8 {
    background-position: 0 -330px;
}

.user-header i.v_9 {
    background-position: 0 -350px;
}

.user-header i.v_10 {
    background-position: 0 -370px;
}

.user-header i.arrow {
    background-position: right -79px;
    width: 10px;
}

.user-header span.hover i.arrow {
    background-position: right -110px;
}

.login-t {
    padding: 0 10px;
}

.user-s {
    background-position: 0 -430px;
    width: 73px;
    height: 17px;
    text-indent: -999em;
    margin: 7px 0 0 2px;
    overflow: hidden;
}

.user-s:hover {
    background-position: 0 -447px;
}

.user-content {
    display: none;
    background-color: #fff;
    border: solid 1px #d1d1d1;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px 0;
    width: 260px;
    line-height: 26px;
    position: absolute;
    top: 30px;
    left: -1px;
    z-index: 3;
    overflow: hidden;
}

.user-content .avatar {
    width: 80px;
    height: 80px;
    margin: 10px;
    overflow: hidden;
}

.user-content .vip-operate {
    width: 155px;
    margin-top: 7px;
    white-space: nowrap;
    overflow: hidden;
}

.user-content .vip-operate i {
    width: 38px;
    height: 14px;
    margin: 8px 24px 0 0;
}

.user-content .vip-operate i.v_0 {
    background-position: -18px -170px;
}

.user-content .vip-operate i.v_1 {
    background-position: -18px -190px;
}

.user-content .vip-operate i.v_2 {
    background-position: -18px -209px;
}

.user-content .vip-operate i.v_3 {
    background-position: -18px -230px;
}

.user-content .vip-operate i.v_4 {
    background-position: -18px -250px;
}

.user-content .vip-operate i.v_5 {
    background-position: -18px -270px;
}

.user-content .vip-operate i.v_6 {
    background-position: -18px -290px;
}

.user-content .vip-operate i.v_7 {
    background-position: -18px -310px;
}

.user-content .vip-operate i.v_8 {
    background-position: -18px -330px;
}

.user-content .vip-operate i.v_9 {
    background-position: -18px -350px;
}

.user-content .vip-operate i.v_10 {
    background-position: -18px -370px;
}

.user-content .vip-operate strong {
    width: 65px;
}

.user-content .vip-operate a {
    color: #0b72a4;
    background-position: right -45px;
    +background-position: right 0;
    _background-position: right 2px;
    padding-right: 9px;
    margin-right: 7px;
}

.user-content .trname {
    font-size: 14px;
    width: 150px;
}

.user-content .trname img {
    margin: 3px 0 0 3px;
}

.top-bar-r,
.top-bar-r ul li {
    float: right;
    _display: inline;
}

.top-bar-r {
    width: 520px;
}

.top-bar-r li {
    background-position: right -38px;
    margin-left: -1px;
}

.top-bar-r li span {
    float: left;
    padding: 0 10px;
    height: 31px;
    position: relative;
}

.top-bar-r .top_cart span {
    padding-left: 7px;
}

.top-bar-r .top_cart a {
    float: left;
    background-position: -62px -327px;
    padding-left: 22px;
}

.top-bar-r .extra a {
    padding-right: 10px;
    background-position: right -79px;
}

.top-bar-r .extra.hover span {
    padding: 0 9px;
    border-left: solid 1px #d1d1d1;
    border-right: solid 1px #d1d1d1;
    background-color: #fff;
    position: relative;
    z-index: 10;
}

.top-bar-r .extra.hover a {
    background-position: right -109px;
}

#topsub .nav-content {
    display: none;
    border: solid 1px #d1d1d1;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px 0;
    position: absolute;
    top: 30px;
    z-index: 3;
}

#malisen {
    width: 252px;
}

#malisen dl {
    float: left;
    padding: 4px 12px;
}

#malisen dt {
    color: #B0B0B0;
    font-weight: 700;
}

#malisen dd {
    line-height: 24px;
}

#topnav-tp {
    width: 128px;
}

#topnav-tp ul {
    padding: 4px 12px;
    overflow: hidden;
}

#topnav-tp li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

#topnav-tp li i {
    float: left;
    _display: inline;
    width: 15px;
    height: 12px;
    margin: 6px 5px 0 0;
}

#topnav-tp li.top-contact i {
    background-position: -67px -296px;
}

#topnav-tp li.top-online i {
    background-position: -65px -280px;
    height: 13px;
}

#topnav-tp li.top-form i {
    background-position: -64px -265px;
}

#topnav-tp li.top-promotion i {
    background-position: -63px -249px;
}

#topnav-sitemap {
    width: 278px;
}

#topnav-sitemap .clrdl {
    padding: 12px 15px;
}

#topnav-sitemap dt {
    color: #ff7300;
    font-weight: bold;
    margin-right: 15px;
    line-height: 24px;
}

#topnav-sitemap dd {
    width: 177px;
    line-height: 24px;
    *zoom: 1;
}

#topnav-sitemap dd:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#topnav-sitemap dd span {
    float: left;
    display: inline;
    line-height: 24px;
    word-break: keep-all;
}

#topnav-sitemap dd span.spacing {
    width: 1px;
    height: 24px;
    margin: 0 7px;
    background-position: right -40px;
}

#topnav-sitemap span.dashedline {
    display: block;
    background-position: 0 -470px;
    background-repeat: repeat-x;
    font-size: 0;
    width: 100%;
    height: 1px;
    margin-top: 6px;
    margin-bottom: 8px;
    padding: 0px;
}

#topnav-sitemap .more {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f2f2f2
}

#topnav-sitemap .more .moreBtn {
    float: right;
    padding-right: 10px;
    background-position: right -129px;
    margin-right: 12px;
}

#topBar-space {
    width: 100%;
    height: 30px;
}


/* 3.2.1 HEADER STYLES
--------------------------------------------------------- */

.mls-search-btn button,
.mls-search-types .select-txt,
#nav-inner,
#index-nav,
#main-nav .primary-cat,
#sub-nav .cd_blog a,
#nav-extend {
    background: url(images/sprite-header.png) no-repeat -999px -999px;
}

.longmei-logo,
.oeofo-logo,
.main-logo,
.mod-logo {
    float: left;
    display: block;
    _display: inline;
    width: 1px;
    height: 1px;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
}

.longmei-logo {
    width: 365px;
    height: 70px;
    background: url('images/logo.png') no-repeat;
}

.oeofo-logo {
    width: 465px;
    height: 70px;
}

.main-logo {
    display: block;
    background: url(../images/mylogo.jpg) no-repeat 0 0;
    width: 100%;
    height: 90px;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    bottom: 15px;
}

.header-right {
    width: 618px;
    float: right;
    _display: inline;
    padding-top: 15px;
}


/* 3.2.2 SEARCH STYLES
--------------------------------------------------------- */

.mls-search {
    float: right;
    _display: inline;
    width: 530px;
    position: relative;
    z-index: 1000;
}

.mls-search legend {
    font-size: 0;
    height: 0;
    overflow: hidden;
    width: 0;
}

.mls-search .mls-search-box {
    float: left;
    _display: inline;
    width: 428px;
    height: 33px;
    border: 2px solid #d3d3d3;
    border-right: 0;
    position: relative;
    z-index: 20;
    background: #fff;
}

.mls-search .mls-search-box.hover {
    border-color: #3598DB;
}

.mls-search .mls-search-box .radius {
    width: 1px;
    height: 1px;
    overflow: hidden;
    background: #f4f4f4;
    position: absolute;
    top: -2px;
    left: -2px;
}

.mls-search .mls-search-box.hover .radius {
    width: 1px;
    height: 1px;
    overflow: hidden;
    background: #cce5f5;
    position: absolute;
    top: -2px;
    left: -2px;
}

.mls-search-types {
    position: relative;
    width: 75px;
    height: 33px;
    background-color: #fff;
}

.mls-search-types .select-txt {
    display: block;
    width: 60px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    background-position: right -275px;
    padding-left: 15px;
    cursor: pointer;
}

.mls-search-types .option {
    margin-top: -1px;
    position: absolute;
    left: -1px;
    top: 34px;
    z-index: 10;
    cursor: pointer;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}

.mls-search-types .option a {
    display: block;
    height: 29px;
    width: 58px;
    border: 1px solid #d0d0d0;
    border-top: 0px;
    background-color: #fff;
    line-height: 29px;
    padding-left: 16px;
}

.mls-search-types .option a.over {
    color: #e77802;
    background-color: #fff6dd;
}

.mls-search-kw .inp-txt {
    float: left;
    color: #BDBDBD;
    margin: 0;
    font-size: 14px;
    width: 335px;
    height: 20px;
    *height: 18px;
    line-height: 1.5;
    line-height: 24px\0;
    overflow: hidden;
    padding: 6px 0 0 10px;
    border: 0px;
}

.mls-search-kw .inp-txt-active {
    color: #444;
}

.mls-search-kw {
    font-family: "SimSun", "宋体";
    height: 33px;
    width: 345px;
    overflow: hidden;
}

.mls-search-btn {
    width: 94px;
    height: 37px;
    float: left;
    _display: inline;
}

.mls-search-btn button {
    background-color: #3598DB;
    background-position: 0 -85px;
    width: 94px;
    height: 37px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

#search_tips {
    z-index: 22;
    position: absolute;
    width: 353px;
    overflow: hidden;
    cursor: pointer;
    margin: 35px 0 0 76px;
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    background: #FFFFFF;
    border: #BDBDBD 1px solid;
}

#search_tips div {
    height: 20px;
    padding: 1px 8px 1px 8px;
    clear: both;
    overflow: hidden;
}

#search_tips div.search_t_div_1 {
    background-color: #FFFFFF;
}

#search_tips div.search_t_div_2 {
    background-color: #F5F5F5;
}

#search_tips div span {
    float: right;
    font-size: 12px;
}

#search_tips label {
    display: block;
    width: 100%;
    background: #FAFAFA;
    font-size: 12px;
    color: #0000CC;
    text-align: right;
}

.hot-kw {
    width: 550px;
    padding: 7px 0 0 6px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}

.hot-kw a {
    color: #8B8B8B;
    padding-right: 15px;
    float: left;
}

#index-nav {
    background-position: 0 0;
    background-repeat: repeat-x;
    width: 100%;
    height: 78px;
    overflow: hidden;
}

.mls-search-tips {
    float: right;
    _display: inline;
    padding: 0 2px 0 10px;
    width: 6em;
}

#search-min {
    padding-top: 4px;
}

#search-min .inp_txt {
    float: left;
    padding: 4px;
    height: 16px;
    width: 200px;
    border: 1px solid #ccc;
    border-right: 0 none;
    font: 12px/16px arial;
    color: #999
}

#search-min .btn {
    float: left;
    width: 60px;
    height: 26px;
    padding-bottom: 3px;
    font: 14px/22px 'Microsoft YaHei', arial;
    color: #fff;
    background-color: #173782;
}


/* 3.3.1 MAIN NAV STYLES
--------------------------------------------------------- */

.main-cat,
.main-cat ul,
.primary-cat,
.primary-cat ul {
    float: left;
    _display: inline;
}

#main-nav {
    height: 42px;
}

#main-nav li {
    cursor: pointer;
    text-align: center;
    height: 41px;
    line-height: 40px;
}

#main-nav a {
    color: #FFF;
    font-size: 14px;
}

#main-nav .main-cat li a {
    float: left;
    display: inline-block;
    height: 41px;
    font-weight: bold;
    padding: 0 15px;
}

#main-nav .main-cat li.current a {
    background-color: #01A8B7;
    padding: 0 25px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #32BFCC;
    border-left-color: #32BFCC;
}

#main-nav .main-cat li.hover a {
    background-color: #01A8B7;
}

#main-nav .primary-cat li {
    margin-left: 25px;
}

#main-nav .main-cat li.hover a,
#main-nav a:hover {
    text-decoration: none;
    color: #FFF59E !important;
}

#main-nav .primary-cat {
    background-position: 0 -323px;
    margin-left: 5px;
}

#main-nav .nav-ad {
    display: block;
    width: 150px;
    height: 42px;
    text-align: right;
    overflow: hidden;
}

#main-nav .nav-ad a {
    display: block;
    float: right;
    font-size: 0;
    line-height: 0;
}

#sub-nav ul {
    height: 36px;
    padding-left: 12px;
}

#sub-nav li {
    font-size: 14px;
    margin: 6px 22px 0 0;
    *margin-right: 22px;
}

#sub-nav .kfrx {
    margin: 7px 0 0 0;
    text-align: right;
    color: #666;
    width: 180px;
}

#sub-nav .cd_blog {
    font-size: 12px;
    text-align: right;
    margin-top: 7px;
    _line-height: 20px;
    color: #666;
    width: 135px;
    padding-right: 22px;
    position: relative;
}

#sub-nav .cd_blog a {
    display: block;
    background-position: -76px -233px;
    color: #333333;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 0;
    right: 0;
}

.modNav {
    background: #3598DB;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.modNav li {
    font-size: 16px;
    color: #FFFFFF;
    padding: 0 32px;
    position: relative;
}

.modNav li.active {
    background: #1A608E;
}

.modNav li a {
    color: #FFFFFF;
}

.modNav li a:hover {
    text-decoration: none;
}

.modNav li.active a:hover {
    color: #FFFFFF !important;
}


/* 3.3.2 HEADER01 STYLES
--------------------------------------------------------- */

#header {
    height: 100px;
}

#header-container {
    padding: 15px 0 0;
}

#header01,
#header01 .main-logo,
#header01 .mod-logo,
#header01 .mls-search-btn .btn {
    background: url(images/sprite_header01.png) repeat-x -999px -999px;
}

#header01 {
    background-position: 0 0;
    height: 130px;
}

#header01 #header {
    height: 73px;
    padding: 15px 0 0;
}

#header01 .main-logo {
    background-position: 0 -215px;
    background-repeat: no-repeat;
    width: 123px;
    height: 55px;
}

#header01 .mod-logo {
    background-position: -2px -275px;
    background-repeat: no-repeat;
    width: 123px;
    height: 43px;
    margin-top: 12px;
}

#header01 .mls-search {
    width: 502px;
}

#header01 .mls-search .mls-search-box {
    border: 1px solid #546CB2;
    border-right: 0 none;
}

#header01 .mls-search-btn {
    width: 72px;
    height: 34px;
}

#header01 .mls-search-btn .btn {
    background-position: 0 -135px;
    font: 400 16px/32px "Microsoft YaHei";
    border-radius: 0 2px 2px 0;
    width: 72px;
    color: #FFFFFF;
    height: 34px;
}

#header01 .mls-search-btn .btn:hover {
    background-position: 0 -175px;
}

#header01 .modNav {
    box-shadow: none;
    background-color: #A40A0C;
}

#header01 .modNav li.active {
    background: #F94100;
}

#header03 {
    height: 82px;
    padding: 12px 0 0;
}

#modNav03 {
    background: #286A46;
}

#modNav03 li {
    border: 1px solid #286A46;
    height: 38px;
    line-height: 40px;
    padding: 0 22px;
}

#modNav03 li.active,
#modNav03 li.hover {
    background: #2E9057;
}

#modNav03 li a:hover {
    color: #fff !important;
}


/* 3.3.2 MOD NAV STYLES
--------------------------------------------------------- */

#nav-inner {
    background-color: #173782;
    background-position: 0 0;
    background-repeat: repeat-x;
    width: 100%;
    min-width: 1190px;
    height: 42px;
}

#mod-nav,
#mod-mainNav,
#mod-mainNav li,
#mod-mainNav a,
#mod-mainNav span {
    float: left;
    _display: inline;
    color: #fff;
}

#mod-nav {
    width: 790px;
    height: 42px;
    overflow: hidden;
}

#mod-mainNav {
    width: 550px;
}

#mod-mainNav li {
    text-align: center;
    *zoom: 1;
}

#mod-mainNav li a,
#mod-mainNav span {
    font: 500 15px/40px "\5FAE\8F6F\96C5\9ED1", Arial;
    height: 42px;
    padding: 0 25px;
}

#mod-mainNav li.current span {
    background-color: #1A608E;
    border-left: 1px solid #175782;
    border-right: 1px solid #175782;
}

#mod-mainNav .txt-shadow {
    text-shadow: 1px 1px 0 #E75C01;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#E75C01, direction=135, strength=1);
    cursor: pointer;
    *position: relative;
    *zoom: 1;
}

#mod-mainNav a:hover {
    background: #1A608E;
    ;
    color: #fff !important;
    text-decoration: none;
}

#mod-subNav,
#mod-subNav li {
    float: right;
    _display: inline;
    line-height: 42px;
}

#mod-top {
    background-color: #F0F0F0;
    width: 100%;
    clear: both;
    overflow: hidden;
}


/* 3.4 CATALOG STYLES
--------------------------------------------------------- */

#all-catalog,
.mls-catalog {
    background: url("images/nav.png") no-repeat -999px -999px;
    width: 258px;
    height: 36px;
    position: relative;
    z-index: 1000;
}

#all-catalog h3,
.mls-catalog h3 {
    background-position: 0 -42px;
    background-repeat: repeat-x;
    display: block;
    width: 258px;
    height: 36px;
    overflow: hidden;
}

#all-catalog h3 span.toggle-btn,
.mls-catalog h3 span.toggle-btn {
    background-position: 50% -80px;
    display: block;
    width: 258px;
    height: 36px;
    text-indent: -1000px;
    cursor: pointer;
    overflow: hidden;
}

#all-catalog h3 span.toggle-btn.hover,
.mls-catalog h3 span.toggle-btn.hover {
    background-position: 50% -118px;
}

#all-catalog h3 {
    background-position: 0 -42px;
    background-repeat: repeat-x;
    display: block;
    width: 258px;
    height: 36px;
    overflow: hidden;
}

#all-catalog h3 span.toggle-btn {
    background-position: 50% -80px;
    display: block;
    width: 258px;
    height: 36px;
    text-indent: -1000px;
    cursor: pointer;
    overflow: hidden;
}

#all-catalog h3 span.toggle-btn.hover {
    background-position: 50% -118px;
}

#all-catalog .content {
    display: none;
    background-color: #FFFFFF;
    width: 256px;
    border: 1px solid #C5C5C6;
    border-top: 0 none;
    padding: 5px 0;
    position: absolute;
    top: 36px;
    right: 0;
}

#all-catalog .content dl {
    border-top: 1px solid #E5E7E9;
    padding: 10px 0;
    margin: 0 18px;
}

#all-catalog .content dl.first {
    border: 0 none;
}

#all-catalog .content li {
    margin-right: 6px;
    white-space: nowrap;
}

.mod-catalog,
.mod-catalog-hd {
    width: 198px;
}

.mod-catalog {
    background-color: #4593fd;
    box-shadow: 2px -1px 3px rgba(55, 55, 55, .5);
    margin-top: -1px;
    float: left;
    width: 190px;
    height: 43px;
    position: relative;
    z-index: 600;
}

.mod_cate a {}

.mod_cate a:hover {
    color: #fff
}

.mod-catalog_on .mod-catalog-hd {
    border-color: #3586f2
}

.mod-catalog_on .mod_cate_bd {
    display: block
}

.mod-catalog_on .mod-catalog-hd_arrow {
    visibility: hidden
}

.mod-catalog-hd {
    height: 41px;
    border-bottom: 1px solid #4a98ff;
    font: 400 16px/40px "\5FAE\8F6F\96C5\9ED1", Arial;
    text-indent: 12px;
    color: #fff;
    *zoom: 1;
    overflow: hidden
}

.toggle-btn {
    float: left
}

.toggle-btn-arrow {
    float: right;
    width: 11px;
    height: 7px;
    margin-top: 16px;
    margin-right: 16px;
    background-position: -320px 0
}

.mod-catalog-hd {}


/* 3.5 MENU STYLES
--------------------------------------------------------- */

#mod-menu {
    width: 190px;
    position: relative;
    z-index: 10000;
}

#mod-menu .line-float {
    background: url(images/bg-guide-line.png) repeat-y 0 0;
    font-size: 0;
    height: 501px;
    left: 190px;
    position: absolute;
    top: 0;
    width: 8px;
}

#mod-menu .header {
    background: url(images/bg-rec-guide.png) no-repeat right bottom;
    width: 100%;
    height: 56px;
}

#mod-menu .footer {
    background: url(images/bg-guide-ft.png) no-repeat center bottom;
    width: 100%;
    height: 6px;
}

#mod-menu .header h3 {
    display: none;
    font-size: 0;
    line-height: 0;
}

#mod-menu .maincon {
    background-image: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #f5f5f5));
    height: 438px;
    width: 188px;
    border: 1px solid #e2e2e2;
    border-top: 0 none;
}

#mod-menu .maincon .item {
    width: 178px;
    padding: 0 5px
}

#mod-menu .maincon dl {
    width: 178px;
    border-top: 1px dotted #e0e0e0;
    padding: 10px 0;
}

#mod-menu .maincon dl dt {
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

#mod-menu .maincon dl dt span {
    display: inline-block;
    _display: inline;
}

#mod-menu .maincon dl dt .tit {
    padding-left: 9px;
    padding-right: 15px
}

#mod-menu .maincon dl dt .tit a {
    font-size: 14px;
    color: #000;
    font-weight: bold
}

#mod-menu .maincon dl dt .tag {
    height: 20px;
    padding: 0 7px;
    background-color: #ff5c5f;
    position: relative;
    color: #fff;
    font-size: 12px;
    _padding: 0 3px
}

#mod-menu .maincon dl dt .tag i {
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid #ff5c5f;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: -8px;
    top: 5px;
    _display: none
}

#mod-menu .maincon dl dd a {
    display: inline-block;
    color: #6D5151;
    margin: 7px 0 0 7px;
}

#mod-menu .maincon li.hover {
    background-color: #FFFFFF;
    width: 179px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: -1px 0;
}

#mod-menu .maincon li.hover dl {
    border-color: #FFFFFF;
}

#mod-menu .maincon li.hover dl a {
    color: #0368A8;
}

#mod-menu .sub-menu {
    display: none;
    background-color: #FFFFFF;
    width: 495px;
    border: 2px solid #3687D9;
    border-left: 0 none;
    padding: 7px 20px 15px 15px;
    position: absolute;
    left: 190px;
}

#mod-menu #sub01 {
    top: -2px;
}

#mod-menu #sub02 {
    top: 56px;
}

#mod-menu #sub03 {
    top: 114px;
}

#mod-menu #sub04 {
    top: 172px;
}

#mod-menu #sub05 {
    top: 230px;
}

#mod-menu #sub06 {
    top: 288px;
}

#mod-menu #sub07 {
    top: 346px;
}

#mod-menu #sub08 {
    bottom: 0px;
}

#mod-menu .sub-menu dl {
    border-top: 1px dashed #E1E1E1;
    padding: 5px;
}

#mod-menu .sub-menu .first {
    border: 0 none;
}

#mod-menu .sub-menu dt {
    width: 82px;
    height: 24px;
    font: 15px/24px "Microsoft YaHei";
    color: #666666;
}

#mod-menu .sub-menu dd {
    width: 400px;
    line-height: 24px;
    overflow: hidden;
}

#mod-menu .sub-menu dd a {
    color: #0368A8;
    float: left;
    margin-right: 12px;
    white-space: nowrap;
}


/* 3.6 SUBFOCAL STYLES
--------------------------------------------------------- */

.mod-subfocal .header {
    background: #F4F4F4;
    border-top: 3px solid #FF7700;
    height: 40px;
    overflow: hidden;
}

.mod-subfocal .header h3 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 9px 15px 0 12PX;
}

.mod-subfocal .header .sub {
    width: 365px;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    color: #888;
    overflow: hidden;
}

.mod-subfocal .header .sub dd {
    width: 300px;
    height: 22px;
    overflow: hidden;
}

.mod-subfocal .header .sub dd li {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.mod-subfocal .more {
    background-color: #FF7700;
    text-align: center;
    cursor: pointer;
    height: 35px;
    padding: 0 10px;
    margin-right: -1px;
    overflow: hidden;
}

.mod-subfocal .more b {
    float: left;
    font: 400 14px/32px "微软雅黑", Arial;
    color: #FFFFFF;
}

.mod-subfocal .more i {
    float: left;
    margin-left: 5px;
    margin-top: 13px;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid
}


/* 3.7 SLIDER STYLES
--------------------------------------------------------- */

.sliderStyle01 {
    background-color: #F7F7F7;
    height: 225px;
    width: 520px;
    overflow: hidden;
    position: relative;
}

.sliderStyle01 .fNum {
    position: absolute;
    right: 8px;
    bottom: 7px;
    z-index: 10;
    height: 20px;
}

.sliderStyle01 .fNum span {
    float: left;
    display: inline;
    color: #f60;
    cursor: pointer;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    overflow: visible;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 1px solid #d8d8d8;
    margin-left: -1px;
    cursor: pointer;
}

.sliderStyle01 .fNum span.current {
    background: #f60;
    color: #fff;
    font-weight: bold;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    position: relative;
}

#Focus {
    overflow: hidden;
    position: relative;
    *zoom: 1;
}

#Focus .focusNum {
    position: absolute;
    right: 8px;
    bottom: 7px;
    z-index: 10;
    height: 20px;
}

#Focus .focusNum span {
    float: left;
    display: inline;
    color: #f60;
    width: 18px;
    height: 18px;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    overflow: visible;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 1px solid #d8d8d8;
    margin-left: -1px;
    cursor: pointer;
}

#Focus .focusNum span.current {
    background: #f60;
    color: #fff;
    font-weight: bold;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    position: relative;
}

.leftSlide,
.leftSlide .content {
    overflow: hidden;
    position: relative;
    *zoom: 1;
}

.leftSlide .content ul {
    position: absolute;
    top: 0;
}

.leftSlide .focusNum {
    position: absolute;
    right: 8px;
    bottom: 7px;
    z-index: 10;
    height: 20px;
}

.leftSlide .focusNum span {
    float: left;
    display: inline;
    color: #f60;
    cursor: pointer;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    line-height: 20px;
    overflow: visible;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
}

.leftSlide .focusNum span.current {
    background: #f60;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
}


/* 3.8 SERVICE STYLES
--------------------------------------------------------- */

.foot-service {
    margin: 20px 0 0;
    background: #f7f7f7;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #E9E9E9
}

.sub-station,
.idx-flinks {
    width: 970px;
    margin: 0 auto;
    padding: 27px 15px;
    color: #ccc;
    border-bottom: 1px solid #e6e6e6;
}

.sub-station {
    border-top: 1px solid #fff;
}

.idx-flinks {
    padding: 20px 15px;
    line-height: 26px;
}

.sub-station dt,
.idx-flinks dt {
    float: left;
    _display: inline;
    color: #333;
    font-weight: bold;
}

.sub-station a,
.idx-flinks a {
    margin: 0 8px;
    color: #666;
}

.idx-flinks .apply {
    color: #36c;
}

.guidelinks {
    padding: 18px 0 25px;
    border-top: 1px #fff solid;
    width: 100%;
    overflow: hidden;
}

.guidelinks dl {
    float: left;
    border-left: 1px solid #FBFBFB;
    border-right: 1px solid #EBEBEB;
    width: 218px;
    padding: 0 0 0 30px;
    line-height: 22px;
    overflow: hidden
}

.guidelinks dt {
    font-weight: bold;
    color: #666
}

.guidelinks .guidelinks-help {
    width: 238px;
    border-left: 0 none;
    padding-left: 10px;
}

.guidelinks .guidelinks-pay {
    border-right: 0 none;
}

.guidelinks dd {
    float: left;
    margin-right: 12px;
    white-space: nowrap;
}


/* 3.9 FOOTER STYLES
--------------------------------------------------------- */

#footer {
    width: 100%;
    padding: 0 0 20px;
    text-align: center;
    line-height: 26px;
}

.foot-nav {
    border-top: 1px solid #BBC4BF;
    color: #999;
    width: 100%;
    padding-top: 10px;
}

.foot-nav a,
.foot-inof span,
#copyright a {
    margin: 0 3px;
}

.foot-inof {
    color: #666;
}

.certs-icons {
    width: 520px;
    margin: 12px auto;
}

.certs-icons li {
    margin-left: 10px;
}

.certs-icons .knet {
    width: 127px;
}

.certs-icons .cbw365 {
    width: 118px;
    height: 44px;
    border: 1px solid #CCCCCC;
}

.certs-icons .miit {
    width: 118px;
    margin-top: 3px;
}

.certs-icons .zx110 {
    width: 115px;
    margin-left: 6px;
}

#footer-min {
    padding: 15px 0;
    text-align: center;
    line-height: 26px;
}


/* 3.10 GO2TOP STYLES
--------------------------------------------------------- */

body {
    _background-image: url(_blank);
    _background-attachment: fixed
}

.scrollTop {
    width: 44px;
    border: 1px solid #e7e8ea;
    background: #f7f7f7;
    position: fixed;
    bottom: 50px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight - 100));
    left: 50%;
    margin-left: 508px;
    z-index: 9999;
}

.scrollTop p {
    width: 44px;
    overflow: hidden;
}

.scrollTop #back2top {
    display: none;
}

.scrollTop a {
    display: block;
    width: 44px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: url(images/go2top.png) no-repeat;
}

.scrollTop #go2top {
    background-position: 4px 10px;
    height: 42px;
}

.scrollTop #go2top:hover {
    background-position: -37px 10px;
}

.scrollTop #request {
    background-position: 4px -35px;
    height: 51px;
}

.scrollTop #request:hover {
    background-position: -37px -35px
}

.scrollTop #scrollTopWeiXin {
    background-position: 4px -86px;
    height: 40px;
}

.scrollTop #scrollTopWeiXin:hover {
    background-position: -37px -86px
}

#open_weiXin {
    border: 1px solid #e7e8ea;
    background: #f7f7f7;
    padding: 6px;
    text-align: center;
    position: absolute;
    bottom: -32px;
    right: 53px;
}

.point-right {
    height: 6px;
    width: 6px;
    position: absolute;
    bottom: 53px;
    right: -6px;
}

.point-right .border,
.point-right .bg {
    display: block;
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
    border-style: dashed dashed dashed solid
}

.point-right .border {
    border-color: transparent transparent transparent #cdcdcd;
    border-width: 6px;
    z-index: 2
}

.point-right .bg {
    border-color: transparent transparent transparent #f9f9f9;
    left: -1px;
    border-width: 6px;
    z-index: 3
}


/* 4.1 LIST STYLES
--------------------------------------------------------- */

.list01 li,
.v-list01 li {
    width: 100%;
    height: 24px;
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word;
    color: #ccc;
    overflow: hidden;
}

.area-list li {
    margin: 0 0 10px 15px;
}


/* 4.2 SLIDING STYLES
--------------------------------------------------------- */

.sliding {
    width: 100%;
    overflow: hidden;
}

.sliding dt {
    float: left;
}

.sliding dd {
    float: left;
    _display: inline;
    margin-left: 8px;
    overflow: hidden;
}

.sliding dd li.current {
    font-weight: 700;
}

.sliding dd li.current i {
    background: url("images/ico_arrw01.gif") no-repeat 0 0;
    width: 4px;
    height: 7px;
    margin: 10px 6px 0 2px;
}


/* 4.3 POS STYLES
--------------------------------------------------------- */

.pos {
    color: #888888;
    font-family: SimSun, sans-serif;
}

.pos a:link,
.pos a:visited {
    color: #888888;
    height: 18px;
    margin: 0 7px;
}

.pos a:hover {
    text-decoration: none;
}


/* 5.1 ARTICLE STYLES
--------------------------------------------------------- */

#article-nav {
    padding: 10px 0;
    height: 22px;
    line-height: 22px;
    color: #CCC;
    overflow: hidden;
}

#article-nav a {
    margin: 0 5px;
}

#article-header {
    width: 1200px;
    padding: 15px 0 10px;
    margin-bottom: 10px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #173782;
}

#article-header .oeofo-logo {
    background-position: 0 0;
    width: 225px;
    height: 48px;
}

#article-header .main-logo {
    background: none;
    width: 100px;
    height: 47px;
}

#article-header .mod-logo {
    width: 105px;
    height: 38px;
    margin: 10px 0 0 18px;
}

#article-pos {
    width: 100%;
}

#article-header .news-search {
    margin-top: 9px;
}

.article-main {
    float: left;
    _display: inline;
    width: 890px;
    overflow: hidden;
}

.article-box {
    border: 1px solid #dddddd;
    padding: 0 10px 16px;
    width: 868px;
}

#article .header {
    border-bottom: 1px dotted #DBDBDB;
    padding: 20px 0 1px;
    width: 840px;
    margin: 0 auto 12px;
}

#article .header .title {
    font-size: 30px;
    padding-bottom: 16px;
    width: 100%;
    text-align: center;
}

#article .header .titBar {
    display: inline-block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: #808080;
}
#article .header .titBar p
{
    text-align: center;
}
#article .header .titBar p span
{
    margin:0 20px;
}
#article .header .info {
    margin-top: 2px;
}

#article .header .info span {
    padding: 0 3px;
}

#article .header .article-time {
    height: 12px;
    line-height: 12px;
    margin-top: 4px;
}

#article .header .hover-sf {
    position: relative;
    z-index: 1;
    overflow: visible;
}

#article .header #fontsize,
#article .header #print {
    float: right;
    height: 18px;
    margin-top: 3px;
}

#article .header #print {
    background: url(images/hr_h01.gif) no-repeat 3px 1px;
    padding-left: 11px;
}

#fontsize span,
#print span {
    display: block;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

#fontsize span {
    background-position: -230px -154px;
}

#print span {
    background-position: -230px -134px;
}

#article .header .print-layer,
#article .header .fontsize-layer {
    display: none;
    color: #BEBEBE;
    text-align: center;
    height: 22px;
    padding: 7px 0 0;
    position: absolute;
    top: 17px;
}

#article .header .print-layer {
    background-position: -145px -168px;
    width: 41px;
    left: -3px;
}

#article .header .fontsize-layer {
    background-position: -145px -136px;
    width: 80px;
    left: -34px;
}

#article .header .hover .print-layer,
#article .header .hover .fontsize-layer {
    display: block;
}

#article .header .print-layer a,
#article .header .fontsize-layer a {
    margin: 0 4px;
}

#article .content {
    font: 14px/26px simsun;
    width: 800px;
    margin: 0 auto;
}

#article .content p {
    margin: 14px 0;
    text-indent: 2em;
}


/* 5.2 ARTICLE SHARE STYLES
--------------------------------------------------------- */

#article .header #shareBar {
    background: url(images/hr_h01.gif) no-repeat 5px 4px;
    width: 65px;
    padding-left: 7px;
    position: relative;
    z-index: 1;
    overflow: visible;
}

#article .header #shareBar .shareBtn {
    border-left: 1px solid #F5F8FD;
    color: #676767;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    line-height: 21px;
    padding-left: 8px;
    cursor: pointer;
    position: relative;
    width: 64px;
    z-index: 2;
}

#article .header #shareBar .shareBtn i {
    position: absolute;
    right: 6px;
    top: 10px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 4px;
    border-style: solid;
    border-color: #8b8c8e #F5F8FD #F5F8FD;
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

#article .header #shareBar.hover .shareBtn i {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    top: 3px\9;
}

#article .header #shareBar.hover .shareBtn {
    margin-top: -1px;
    border: 1px solid #d1d1d1;
    border-bottom: none;
    background: #fff;
}

.shareBar-bd {
    display: none;
    position: absolute;
    z-index: 1;
    left: 7px;
    top: 22px;
    border: 1px solid #d1d1d1;
    width: 92px;
    padding: 4px 0 8px;
    background: #fff;
}

.hover .shareBar-bd {
    display: block;
}

.shareBar-bd li {
    height: 18px;
    padding: 0 0 0 11px;
    line-height: 18px;
    margin-top: 4px;
}

.shareBar-bd li.hover {
    background: #f3f3f3;
}

.shareBar-bd a {
    display: block;
    padding-left: 22px;
    color: #5c5c5c;
}

.shareBar-bd li.hover a {
    color: #cc0000;
}

.shareBtn16 .s_weibo {
    background-position: -252px -95px;
}

.shareBtn16 .s_qweibo {
    background-position: -252px 2px;
}

.shareBtn16 .s_weixin {
    background-position: -252px -46px;
}

.shareBtn16 .s_qzone {
    background-position: -252px -22px;
}

.shareBtn16 .s_pengyou {
    background-position: -252px -70px;
}

.shareBtn16 .s_renren {
    background-position: -252px -119px;
}

.shareBtn16 .s_kaixin {
    background-position: -252px -167px;
}

.shareBtn16 .s_email {
    background-position: -252px -143px;
}


/* 5.3 ARTICLE OPTION STYLES
--------------------------------------------------------- */

.option-btns {
    width: 450px;
    height: 36px;
    padding: 30px 0 28px;
    margin: 0 auto;
    text-align: center;
}

.option-btns li {
    margin-left: 8px;
}

.option-btns li a {
    float: left;
    _display: inline;
    width: 100px;
    height: 34px;
    padding: 0 0 2px 42px;
    cursor: pointer;
    font: 14px/34px "Microsoft YaHei";
    color: #fff;
}

.option-btns li a:hover {
    text-decoration: none;
    color: #FFFFFF !important;
}

.option-btns .sendFav-btn {
    background-position: 0 -148px;
}

.option-btns .sendFav-btn:hover {
    background-position: 0 -187px;
}

.option-btns .comment-btn {
    background-position: 0 -226px;
}

.option-btns .comment-btn:hover {
    background-position: 0 -265px;
}

.option-btns .sharebox {
    position: relative;
    *zoom: 1;
    overflow: visible;
}

.option-btns .sharebox .share-btn {
    background-position: 0 -70px;
}

.option-btns .hover .share-btn,
.option-btns .share-btn:hover {
    background-position: 0 -109px;
}

.option-btns .shareBtn24 {
    position: absolute;
    top: 34px;
    left: 0;
    width: 130px;
    height: 24px;
    padding: 8px 0 8px 7px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    display: none;
}

.option-btns .hover .shareBtn24 {
    display: block;
}

.option-btns .shareBtn24 a {
    width: 24px;
    height: 24px;
    margin: 0 1px 0 0;
    padding: 0;
    font: 0/0 arial;
    opacity: .8;
    filter: alpha(opacity=80);
}

.option-btns .shareBtn24 a:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.option-btns .shareBtn24 .m_weibo {
    background-position: -248px -311px;
}

.option-btns .shareBtn24 .m_qweibo {
    background-position: -248px -195px;
}

.option-btns .shareBtn24 .m_weixin {
    background-position: -248px -253px;
}

.option-btns .shareBtn24 .m_qzone {
    background-position: -248px -224px;
}

.option-btns .shareBtn24 .m_pengyou {
    background-position: -248px -282px;
}

.option-btns .shareBtn24 .m_renren {
    background-position: -248px -340px;
}

.option-btns .shareBtn24 .m_kaixin {
    background-position: -248px -398px;
}

.option-btns .shareBtn24 .m_email {
    background-position: -248px -369px;
}


/* 5.4 ARTICLE RELATED STYLES
--------------------------------------------------------- */

.related {
    width: 800px;
    margin: 30px auto 10px;
}

.related h3 {
    margin: 0 12px;
}

.related .keytags,
.related .keytags a {
    float: left;
    _display: inline;
}

.related .keytags a {
    background-color: #FFFFFF;
    border: 1px solid #DFDEDC;
    margin: 0 2px;
    padding: 1px 3px 2px;
    font-size: 14px;
}

.relatedlist {
    padding: 10px 0;
}

.relatedlist li {
    width: 380px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    margin: 7px 10px 0 10px;
    overflow: hidden;
}


/* 5.5 ARTICLE RECOMMEND STYLES
--------------------------------------------------------- */

.recommend {
    margin: 0 auto;
    width: 620px;
}

.recommend dl {
    border-top: 1px dotted #CCCCCC;
    padding: 15px 0 15px 15px;
}

.recommend dt {
    margin-right: 15px;
    width: 120px;
    height: 90px;
    border: 1px solid #CCCCCC;
}

.recommend dd {
    width: 450px;
}

.recommend dd h6 {
    font-size: 14px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
}

.recommend dd p {
    height: 20px;
    color: #666;
    overflow: hidden;
}

.recommend dd p span {
    float: left;
    _display: inline;
    margin-right: 10px;
    width: 178px;
}

.recommend dd p span em {
    font: 14px/20px Arial, sans-serif;
    color: #FF6600;
}


/* 5.6 ARTICLE NP STYLES
--------------------------------------------------------- */

.np {
    width: 8600px;
    border-top: 1px dotted #CCC;
    padding: 10px 10px 0;
    margin: 0 auto;
}

.np li {
    height: 24px;
    line-height: 24px;
    color: #7F7F7F;
    overflow: hidden;
}

.np li a {
    color: #134BA0;
}


/* 5.7 ARTICLE STATEMENT STYLES
--------------------------------------------------------- */

#statement p {
    margin: 10px 2px 0;
    color: #7e7e7e;
    text-indent: 2em;
}


/* 5.8 ARTICLE COMMENT STYLES
--------------------------------------------------------- */

#comment_div {
    margin-top: 10px;
}

#comment_div .header {
    padding: 12px 0;
}

#comment_div .header h3 {
    margin-left: 18px;
}


/* 5.9 ARTICLE BACKTO STYLES
--------------------------------------------------------- */

#backTo {
    padding: 20px 0;
}

#backTo a {
    background-position: 0 0;
    color: #FFFFFF;
    display: block;
    font: 16px/30px "微软雅黑", "Microsoft YaHei";
    width: 240px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

#backTo a:hover {
    background-position: 0 -35px;
    text-decoration: none;
    color: #FFFFFF !important;
}


/* 5.10 ARTICLE AD STYLES
--------------------------------------------------------- */

.article-ad {
    border: 1px solid #D9E4F3;
    padding: 10px 0;
    overflow: hidden;
}

.article-ad dt {
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding-left: 18px;
}

.article-ad dd {
    float: left;
    _display: inline;
}

#article-ad-pic {
    width: 438px;
}

#article-ad-pic li {
    float: left;
    _display: inline;
    margin: 10px 0 0 18px;
    width: 124px;
    overflow: hidden;
}

#article-ad-pic li img {
    display: block;
    width: 120px;
    height: 90px;
    margin-bottom: 4px;
}

#article-ad-txt {
    width: 225px;
}

#article-ad-txt ul {
    padding: 4px 0;
}

#article-ad-txt li {
    width: 100%;
    height: 22px;
    line-height: 22px;
    margin-top: 2px;
    overflow: hidden;
}


/* 5.11 ARTICLE ASIDE STYLES
--------------------------------------------------------- */

#article-sider {
    width: 300px;
}

#article-sider .banner {
    margin-bottom: 12px;
    overflow: hidden;
}

.article-sidebar {
    margin-bottom: 18px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #173782;
}

.article-sidebar .header {
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    height: 34px;
    width: 298px;
}

.article-sidebar .header h3 {
    font-size: 16px;
    margin: 5px 0 0 10px;
    color: #173782;
}

.article-sidebar .content {
    background: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-top: 0 none;
    padding-top: 6px;
}

#article-sider .tab-recommend {
    border-top-color: #173782;
    border-right-color: #173782;
    border-bottom-color: #173782;
    border-left-color: #173782;
}

#article-sider .tab-recommend .tabNav {
    padding-left: 2px;
    background-color: #173782;
}

#article-sider .tab-recommend .tabNav span {
    width: 74px;
    padding: 6px 0 8px;
}

#article-sider .tab-recommend .tabNav span.current {
    background: #F5F5F5;
}

#article-sider .tab-recommend .tabNav span a {
    display: block;
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #66CCCC;
}

#article-sider .tab-recommend .tabNav span.last a {
    border: 0 none;
}

#article-sider .tab-recommend .tabNav span.current a {
    color: #333;
    border: 0 none;
}

#article-sider .tab-recommend .content {
    padding: 8px 10px 10px;
}

#article-sider .tab-recommend .content li {
    margin-top: 2px;
}


/* 6.1 CONTACT BODY STYLES
--------------------------------------------------------- */

.contact_body dt,
.contact_body dd {
    *zoom: 1;
}

.contact_body dt:after,
.contact_body dd:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

.contact_body dt {
    font: bold 14px/22px thome Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #E5E5E5;
}

.contact_body a {
    color: #333 !important;
}

.contact_body dd {
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px dotted #F0F0F0;
    color: #808080;
    /* overflow: hidden; */
}

.contact_body dd span {
    float: left;
    margin-right: 5px;
}

.contact_body .dd-v img {
    margin: 5px 0 0;
}


/* 6.2 CONTACT BOX STYLES
--------------------------------------------------------- */

.contact-box {
    background: #F5F5F5;
    padding: 27px 15px;
    overflow: hidden;
}

.contact-box dt,
.contact-box dd {
    float: left;
    _display: inline;
}

.contact-box dt {
    background-position: -145px -70px;
    width: 72px;
    height: 59px;
}

.contact-box dd {
    margin: 7px 0 0 12px;
}

.contact-box dd p {
    margin-top: 3px;
}

.contact-box dd p a {
    color: #134BA0;
    text-decoration: underline;
}

#mid_pos {
    position: absolute;
}

#mid_div {
    padding: 5px 5px 5px;
    width: 400px;
}

#mid_pic {
    margin: 0 auto;
    width: 100%;
    cursor: crosshair;
}

#zoomer {
    border: #999 1px solid;
    width: 60px;
    height: 60px;
    background: #FFFFFF url('image/zoom_bg.gif');
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=50);
}

#big_div {
    width: 650px;
    height: 450px;
    background: #FFFFFF;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    left: -9px;
    top: 0;
}

#big_pic {
    position: absolute;
}


/* EXTEND */

.extend-logo {
    display: block;
    float: left;
    background: url(images/extend-logo.png) no-repeat 7px 50%;
    border-left: 1px solid #E0E0E0;
    margin: 10px 0 0 0;
    width: 120px;
    height: 60px;
    line=height: 0;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
}

#nav-extend {
    background-color: #3598DB;
    background-position: 0 0;
    background-repeat: repeat-x;
    width: 100%;
    min-width: 1190px;
    height: 42px;
}

.nav-extend a {
    display: block;
    border: 1px solid #3598DB;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 16px;
}

.nav-extend .active {
    background-color: #1A608E;
    border-color: #1A608E;
}

.nav-extend a:hover {
    background-color: #1A608E;
    color: #FFFFFF !important;
    text-decoration: none;
}

.extend-left {
    width: 190px;
}

.extend-left .category {
    background: url(images/bg_repeat.png) repeat-y 0 0;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    height: auto;
    overflow: hidden;
}

.extend-left .category .header {
    border: 1px solid #d9d9d9;
    border-top: 0 none;
    height: 39px;
    line-height: 38px;
    padding: 0 15px;
    height: auto;
    overflow: hidden;
    zoom: 1
}

.extend-left .category .header h3 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

.extend-left .category .content {
    margin-bottom: -1px;
    height: auto;
    overflow: hidden;
    zoom: 1;
}

.extend-left .category .content li {
    padding: 0 15px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    width: 158px;
    overflow: hidden;
}

.category .content li.current {
    background-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    margin-top: -1px;
}

.category .content li span {
    display: block;
    border-bottom: 1px dotted #D9D9D9;
    width: 158px;
    height: 32px;
    line-height: 31px;
    overflow: hidden;
}

.category .content li.current span {
    border: 0 none;
}

.category .content li a {
    max-width: 155px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: block;
    font-size: 14px;
    color: #666;
    height: auto;
    overflow: hidden;
    zoom: 1;
    float: left;
    text-decoration: none !important;
}

.extend_main {
    width: 780px;
    border: 1px solid #d9d9d9;
}

.extend_main .pos {
    margin: 10px 15px;
    padding: 10px;
    border-bottom: 1px solid #E6E6E6;
}

.extend-list {
    padding: 10px 20px;
}

.extend-list li {
    font-size: 14px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.extend-list li.spac {
    margin: 0 0 22px;
}

.extend-list li i {
    margin-top: 12px;
}

.extend_show {
    padding: 0 20px 30px;
}

#article.extend_show .header,
#article.extend_show .content {
    width: 700px;
}

.box_head {
    border: #DDDDDD 1px solid;
    border-bottom: none;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding: 0 10px 0 10px;
    background: #EEEEEE url('image/box_head_bg.gif') repeat-x;
}

.box_head strong {
    font-size: 14px;
}

.box_body {
    border: #DDDDDD 1px solid;
    border-top: none;
    padding: 6px 8px 6px 8px;
}

.box_body li {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.searchtab .tblxfs2{
    margin: -70px -50px 0px 0px !important;
}














.channel {
    margin-top: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    height: 139px;
  }
  
  .channel h2 {
    font-size: 18px;
    color: #333;
    width: 100%;
  }
  
  .channel h2 em {
    color: #aaa;
    font-size: 12px;
  }
  
  .channel ul {
    width: 110%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  
  .channel ul li {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 180px;
    margin-left: 120px;
  }
  
  .channel ul li .fl i {
    width: 65px;
    height: 65px;
    display: block;
    background: url("../images/ico-index-2015.png");
    margin-top: -6px;
  }
  
  .channel ul li .fl i.i1 {
    background-position: -262px -80px;
  }
  
  .channel ul li .fl i.i2 {
    background-position: -264px -170px;
  }
  
  .channel ul li .fl i.i3 {
    background-position: -262px -265px;
    margin-right: 5px;
  }
  
  .channel ul li .fl i.i4 {
    background-position: -262px -346px;
    margin-right: 15px;
  }
  
  .channel ul li .fl i.i5 {
    background-position: -262px -436px;
    margin-right: 15px;
  }
  
  /* .channel ul li .fr { float: left; } */
  .channel ul li .fr p {
    color: #333;
    width: 100%;
    font-size: 14px;
  }
  
  .channel ul li .fr p.ps {
    color: #777;
    font-size: 12px;
  }
  
  .channel ul li .fr a:hover {
    color: #FF771C;
  }
  
  .channel ul li .fr .btnx {
    display: block;
    width: 80px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: #ddd solid 1px;
    margin-top: 5px;
  }
  
  .channel ul li .fr .btnx:hover {
    border: #ccc solid 1px;
    color: #FF771C;
  }
  
  .ie7 .channel {
    margin-bottom: 20px;
  }

  .channel ul li .fr img {
    width: 50%;
    margin-top: -40px;
  }
  .foot_new {
    display: inline-block;
    width: 100%;
    background: #fafafa;
    border-top: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
	margin-top:20px
  }
  
  .foot_new .map {
    width: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  
  .foot_new .map .fl dl {
    float: left;
    width: 150px;
  }
  
  .foot_new .map .fl dl dt {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
  }
  
  .foot_new .map .fl dl dd {
    margin-bottom: 10px;
  }
  
  .foot_new .map .fl dl dd a {
    color: #777;
  }
  
  .foot_new .map .fl dl dd a:hover {
    color: #0f80e3;
  }
  
  .foot_new .map .fl dl.last {
    width: 100px;
  }
  
  .foot_new .map .fr {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-left: #ddd solid 1px;
    padding-left: 40px;
  }
  
  .foot_new .map .fr .ps {
    float: left;
  }
  
  .foot_new .map .fr .ps h2 {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
  }
  
  .foot_new .map .fr .ps p {
    color: #555;
    line-height: 24px;
  }
  
  .foot_new .map .fr .code {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding-top: 20px;
  }
  
  .foot_new .map .fr .code i {
    display: block;
    width: 111px;
    height: 15px;
    background: url("../images/ico-index-2015.png") -386px -30px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
  }
  
  .foot_new .map .fr .code p {
    float: left;
    width: 100px;
    text-align: center;
    color: #555;
    margin-top: 15px;
    margin-left: 20px;
  }
  
  .foot_new .so {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
  }
  
  .foot_new .so .fl .logo {
    float: left;
    display: block;
    width: 300px;
    height: 66px;
    background: url("../images/mylogo.jpg") no-repeat;
    margin-top: 10px;
    background-size:311px;
  
  }
  
  .foot_new .so .fl .form {
    float: left;
    margin-top: 30px;
    margin-left: 40px;
  }
  
  .foot_new .so .fl .form input {
    background: #FFF;
    width: 420px;
    height: 30px;
    line-height: 30px;
    border: #ddd solid 1px;
    border-right: 0;
  }
  
  .foot_new .so .fl .form .btnx {
    width: 80px;
    text-align: center;
    height: 34px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #173782;
    margin-left: -12px;
    background-color: #173782;
  }
  
  .foot_new .so .fl .form .btnx:hover {
    background: #173782;
  }
  
  .foot_new .so .fr h2 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
    margin-top: 7px;
    text-align: right;
  }
  
  .foot_new .so .fr h2 em {
    font-size: 20px;
    color: #ff771c;
  }
  
  .foot_new .so .fr h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
  }
  
  .foot_new .so .fr h3 .click {
    display: block;
    width: 111px;
    height: 20px;
    background: url("../images/ico-index-2015.png") -397px -3px no-repeat;
    float: right;
    font-size: 0;
    margin-top: 8px;
  }
  
  .foot_new .so .fr h3 .btn05 {
    width: 120px;
    text-align: center;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    float: right;
  }

  .bottom {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  .bottom .navxs a {
    color: #777;
    padding: 0 15px;
    height: 15px;
    line-height: 15px;
    border-right: #b7b7b7 solid 1px;
  }
  
  .bottom .navxs a:hover {
    color: #0f80e3;
  }
  
  .bottom .navxs a.bd0 {
    border: 0;
  }
  
  .bottom .navx .hot-cpd {
    height: 25px;
    line-height: 25px;
    cursor: pointer;
  }
  
  .bottom .navx .hot-cpd span {
    margin-right: 2px;
    float: left;
    margin-left: 8px;
    color: #777;
  }
  
  .bottom .navx .hot-cpd i {
    display: block;
    width: 15px;
    height: 15px;
    background: transparent url("../images/ico-index-2015.png") repeat scroll 0px -25px;
    float: left;
    margin-top: 6px;
    margin-left: 2px;
  }
  
  .bottom .navx .seo-enter {
    position: relative;
    border: #ddd solid 1px;
    margin-top: -9px;
  }
  
  .bottom .navx .seo-enter .foot-seo {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    position: absolute;
    top: 25px;
    right: -1px;
    z-index: 99;
    width: 1156px;
    background: white none repeat scroll 0% 0%;
    border: 1px solid #dddddd;
    padding: 20px;
    display: none;
  }
  
  .bottom .navx .seo-enter .foot-seo dl {
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }
  
  .bottom .navx .seo-enter .foot-seo dl dt {
    float: left;
    width: 90px;
    font-size: 12px;
    color: #333;
  }
  
  .bottom .navx .seo-enter .foot-seo dl dd {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 90%;
  }
  
  .bottom .navx .seo-enter .foot-seo dl dd a {
    color: #777;
    margin-left: 15px;
    margin-bottom: 5px;
    float: left;
    padding: 0;
    border: 0;
    font-size: 12px;
  }
  
  .bottom .navx .seo-enter:hover .foot-seo {
    display: block;
  }
  
  .bottom p {
    width: 100%;
    color: #777;
    margin-top: 10px;
  }
  
  .bottom .link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
  }
  
  .bottom .link .fl {
    color: #999;
    width: 100px;
    text-align: right;
  }
  
  .bottom .link a {
    color: #999;
    height: 20px;
    line-height: 20px;
    margin-right: 40px;
    float: left;
  }
  
  .bottom .link a:hover {
    color: #0f80e3;
  }
  
  .bottom .link .listx {
    margin-left: 130px;
  }
/*固定的悬浮窗*/
.contact_area {
    position: fixed;
    z-index: 9999999;
    top: 40%;
    left: 5px;
    cursor: pointer;
    transition: all .3s ease;
  }
  
  .contact_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
  }
  
  .contact_bar .contact_top {
    background: #173782 url(../images/fixCont.png) no-repeat 0 0;
  }
  
  .contact_bar .contact_lxr {
    background: #173782 url(../images/fixCont.png) no-repeat 0 -57px;
  }
  
  .contact_bar .contact_phone {
    background: #173782 url(../images/fixCont.png) no-repeat 0 -113px;
  }
  
  .contact_bar .contact_QQ {
    text-indent: 0;
    background: #173782 url(../images/fixCont.png) no-repeat 0 -169px;
  }
  
  .contact_bar .contact_shangqiao {
    text-indent: 0;
    background: #173782 url(../images/fixCont.png) no-repeat 0 -224px;
  }
  
  .contact_bar .contact_ewm {
    height: 200px;
    background: #173782 url(../images/fixCont.png) no-repeat 0 -281px;
  }
  
  .hd_qr {
    margin: 0 29px 25px 29px;
  }
  
  .contact_shangqiao a,
  .contact_QQ a,
  .contact_ww a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
  }
  
  .lianxi {
    border-top: 1px solid #FF0000
  }
  
  .lianxi ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 15px
  }
  
  .lianxi .tit {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #fafafa
  }
  
  
  .ConR-text {
    margin: 20px;
    overflow: hidden;
    width: 900px;
  }
  
  .ConR-text td img {
    margin: 15px 0;
    padding: 5px;
    border: 1px solid #ccc
  }
  
  .cont_t {
    width: 550px;
    float: left;
  }
  
  .cont_t dl dt {
    float: left;
    width: 54px;
    clear: both
  }
  
  .cont_t dl dd {
    float: left;
  }
  
  .cont_t dl dd img {
    float: left;
  }
  
  .cont_t dl dd p {
    float: left;
    line-height: 54px !important;
    text-indent: 10px;
    font-size: 16px;
  }
/* 商桥 */
#newBridge .icon-right-center
{
    right: 2px!important;
    left: auto!important;
    top: 45%!important;
}