/* 365建站让建站和seo变得简单 */
/* 365建站器官网：Www.365jz.com */



/* ======  reset  ====== */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {

    margin: 0;

    padding: 0
}

fieldset,
img {

    border: 0
}

:focus {

    outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {

    font-style: normal;

    font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-size: 100%;

    font-weight: normal
}

abbr,
acronym {

    border: 0;

    font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit
}

code,
kbd,
samp,
tt {

    font-size: 100%
}

input,
button,
textarea,
select {

    *font-size: 100%
}

body {

    line-height: 1.5
}

ol,
ul {

    list-style: none
}

table {

    border-collapse: collapse;

    border-spacing: 0
}

caption,
th {

    text-align: left
}

sup,
sub {

    font-size: 100%;

    vertical-align: baseline
}

:link,
:visited,
ins {

    text-decoration: none
}

blockquote,
q {

    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {

    content: '';

    content: none
}

/* ======  fonts  ====== */

body {

    font: 13px/1.231 arial, helvetica, clean, sans-serif;

    *font-size: small;

    *font: x-small;

}

table {

    font-size: inherit;

    font: 100%;

}

pre,
code,
kbd,
samp,
tt {

    font-family: monospace;

    *font-size: 108%;

    line-height: 100%;

}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: bold;

}

h1,
.h1 {

    font-size: 32px;

}

h2,
.h2 {

    font-size: 26px;

}

h3,
.h3 {

    font-size: 24px;

}

h4,
.h4 {

    font-size: 22px;

}

h5,
.h5 {

    font-size: 18px;

}

h6,
.h6 {

    font-size: 14px;

}

/* ======  clearfix  ====== */

.clear {

    clear: both;

    visibility: hidden;

    display: block;

    font-size: 0;

    line-height: 0;

}

.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

.clearfix {

    *zoom: 1;

}

/* ======  typo  ====== */

.typo:before,
.typo:after {

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.typo:after {

    clear: both;

}

.typo {

    *zoom: 1;

}

.typo .typo-text {

    overflow: hidden;

    *zoom: 1;

}

.typo .typo-img {

    float: left;

    margin-right: 20px;

}

.typo .typo-img-right {

    float: right;

    margin-left: 20px;

    margin-right: 0;

}

/* ======  Columns  ====== */

.column:after {

    clear: both;

    content: ".";

    display: block;

    font-size: 0;

    height: 0;

    line-height: 0;

    min-height: 0;

    visibility: hidden;

    *zoom: 1;

}

.column {

    width: 100%;

}

.column .col-2-1,
.column .col-3-1,
.column .col-4-1,
.column .col-4-2,
.column .col-5-1,
.column .col-3-2,
.column .col-4-3,
.column .col-5-2,
.column .col-5-3,
.column .col-5-4 {

    float: left;

    min-height: 1px;

    height: auto !important;

    _height: 1px;

}

/* default marg-per3 margin right 3% */

.column .col-1-1 {

    width: 100%;

}

.column .col-2-1 {

    width: 48.5%;

    margin-right: 3%;

}

.column .col-3-1 {

    width: 31.3333%;

    margin-right: 2%;
    max-height: 360px;
    overflow: hidden;

}

.column .col-4-1 {

    width: 22.75%;

    margin-right: 3%;

}

.column .col-5-1 {

    width: 17.6%;

    margin-right: 3%;

}

.column .col-3-2 {

    width: 65.6666%;

    margin-right: 3%;

}

.column .col-4-2 {

    width: 48.5%;

    margin-right: 3%;

}

.column .col-4-3 {

    width: 74.25%;

    margin-right: 3%;

}

.column .col-5-2 {

    width: 38.2%;

    margin-right: 3%;

}

.column .col-5-3 {

    width: 58.8%;

    margin-right: 3%;

}

.column .col-5-4 {

    width: 79.4%;

    margin-right: 3%;

}

/* margin right 0% */

.marg-per0>.col-2-1 {

    width: 50%;

    margin-right: 0;

}

.marg-per0>.col-3-1 {

    width: 33.3333%;

    margin-right: 0;

}

.marg-per0>.col-4-1 {

    width: 25%;

    margin-right: 0;

}

.marg-per0>.col-5-1 {

    width: 20%;

    margin-right: 0;

}

.marg-per0>.col-3-2 {

    width: 66.6666%;

    margin-right: 0;

}

.marg-per0>.col-4-2 {

    width: 50%;

    margin-right: 0;

}

.marg-per0>.col-4-3 {

    width: 75%;

    margin-right: 0;

}

.marg-per0>.col-5-2 {

    width: 40%;

    margin-right: 0;

}

.marg-per0>.col-5-3 {

    width: 60%;

    margin-right: 0;

}

.marg-per0>.col-5-4 {

    width: 80%;

    margin-right: 0;

}

/* margin right 2% */

.marg-per2>.col-2-1 {

    width: 49%;

    margin-right: 2%;

}

.marg-per2>.col-3-1 {

    width: 32%;

    margin-right: 2%;

}

.marg-per2>.col-4-1 {

    width: 23.5%;

    margin-right: 2%;

}

.marg-per2>.col-5-1 {

    width: 18.4%;

    margin-right: 2%;

}

.marg-per2>.col-3-2 {

    width: 66%;

    margin-right: 2%;

}

.marg-per2>.col-4-2 {

    width: 49%;

    margin-right: 2%;

}

.marg-per2>.col-4-3 {

    width: 74.5%;

    margin-right: 2%;

}

.marg-per2>.col-5-2 {

    width: 38.8%;

    margin-right: 2%;

}

.marg-per2>.col-5-3 {

    width: 59.2%;

    margin-right: 2%;

}

.marg-per2>.col-5-4 {

    width: 79.6%;

    margin-right: 2%;

}

/* margin right 4% */

.marg-per4>.col-2-1 {

    width: 48%;

    margin-right: 4%;

}

.marg-per4>.col-3-1 {

    width: 30.6667%;

    margin-right: 4%;

}

.marg-per4>.col-4-1 {

    width: 22%;

    margin-right: 4%;

}

.marg-per4>.col-5-1 {

    width: 16.8%;

    margin-right: 4%;

}

.marg-per4>.col-3-2 {

    width: 65.3333%;

    margin-right: 4%;

}

.marg-per4>.col-4-2 {

    width: 48%;

    margin-right: 4%;

}

.marg-per4>.col-4-3 {

    width: 74%;

    margin-right: 4%;

}

.marg-per4>.col-5-2 {

    width: 37.6%;

    margin-right: 4%;

}

.marg-per4>.col-5-3 {

    width: 58.4%;

    margin-right: 4%;

}

.marg-per4>.col-5-4 {

    width: 79.2%;

    margin-right: 4%;

}

/* margin right 5% */

.marg-per5>.col-2-1 {

    width: 47.5%;

    margin-right: 5%;

}

.marg-per5>.col-3-1 {

    width: 30%;

    margin-right: 5%;

}

.marg-per5>.col-4-1 {

    width: 21.25%;

    margin-right: 5%;

}

.marg-per5>.col-5-1 {

    width: 16%;

    margin-right: 5%;

}

.marg-per5>.col-3-2 {

    width: 65%;

    margin-right: 5%;

}

.marg-per5>.col-4-2 {

    width: 47.5%;

    margin-right: 5%;

}

.marg-per5>.col-4-3 {

    width: 73.75%;

    margin-right: 5%;

}

.marg-per5>.col-5-2 {

    width: 37%;

    margin-right: 5%;

}

.marg-per5>.col-5-3 {

    width: 58%;

    margin-right: 5%;

}

.marg-per5>.col-5-4 {

    width: 79%;

    margin-right: 5%;

}

.column .last {

    margin-right: 0;

    *float: right;

    *clear: right;

}

/* ======  Form  ====== */

.qhdform fieldset {

    border: none;

    margin: 0;

    padding: 0;

}

.qhdform fieldset legend {

    margin: 0;

    padding: 0;

}

.qhdform .formHeader,
.qhdform .formSection {

    padding-bottom: 10px;

    margin-bottom: 25px;

}

.qhdform .formHeader p,
.qhdform .formSection p {

    color: #666;

}

/* clear float for Form */

.qhdform .formrow {

    font-size: 12px;

    line-height: 100%;

}

.qhdform .formrow:before,
.formrow:after {

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.qhdform .formrow:after {

    clear: both;

}

.qhdform .formrow {

    #zoom: 1;

}

.qhdform .formrow .controls {

    overflow: hidden;

    #zoom: 1;

    _float: left;

    _clear: right;

}

/* ====== 默认表单布局 ====== */

/*表单抬头*/

.qhdform .formrow .label {

    display: block;

    float: left;

    margin: 5px 15px 0 0;

    line-height: 16px;

    width: 100px;

}

.qhdform .formrow .label em {

    display: inline-block;

    float: right;

    line-height: 22px;

    margin-left: 5px;

}

/*帮助提示*/

.qhdform .inlineHint {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: middle;

}

.qhdform .inlineHint,
.qhdform .blockHint {

    color: #777;

    line-height: 20px;

}

/* 默认表单元素宽度 */

.qhdform .textInput,
.qhdform .fileUpload,
.qhdform .selectInput,
.qhdform select,
.qhdform textarea {

    width: 95%;

}

/* 预设表单元素宽度 */

.qhdform .small {

    width: 25% !important;

}

.qhdform .medium {

    width: 50% !important;

}

.qhdform .auto {

    width: auto !important;

    height: auto !important;

    overflow: visible;

}

.qhdform .textInput,
.qhdform .textarea,
.qhdform .selectInput,
.qhdform .fileUpload {

    color: #666;

    margin: 0 5px 6px 0;

}

/* 表单组 */

.qhdform .controls ul {

    padding: 0;

    margin: 0 0 10px;

    list-style: none;

}

.qhdform .controls li {

    padding: 8px 0 0;

    *padding: 5px 0 0;

    list-style: none;

}

.qhdform .controls .inlinelabel li {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    margin-right: 15px;

}

.qhdform .controls li label .textInput,
.qhdform .controls li label .textarea,
.qhdform .controls li label .selectInput {

    display: block;

    margin-top: 8px;

}

.qhdform .controls .column li .textInput,
.qhdform .controls .column li .textarea,
.qhdform .controls .column li .selectInput {

    width: 90%;

    margin-right: 0;

}

.qhdform .controls .column {

    margin-bottom: 0;

}

/* ====== 无边框/文本居右 表单布局 ====== */

.qhdform .labelRright .label {

    text-align: right;

    margin-left: 0;

}

.qhdform .labelRright .label em {

    float: none;

    line-height: normal;

    margin: 0 5px 0 0;

}

.qhdform .labelRright .formrow {

    border: none;

    padding: 5px 0;

}

/* ====== 竖排结构 表单布 局====== */

.qhdform .blockLabels .label {

    display: block;

    float: none;

    position: relative;

    margin: 0 0 5px 0;

    line-height: 18px;

    width: 100%;

}

.qhdform .blockLabels .label em {

    display: inline-block;

    float: none;

    line-height: 16px;

    position: absolute;

    left: -6px;

    top: 2px;

    margin-left: 0;

}

/* form skins */

.qhdform .formrow {

    padding: 15px 10px 10px;
    /* width:100%;*/

    overflow: hidden;

    border-bottom: 1px solid #EFEFEF;

}

.qhdform .formbutton {

    border-bottom: none;

}

.qhdform .textInput,
.qhdform textarea {

    padding: 5px;

    line-height: normal;

    border: solid 1px #ddd;

    background: #FFF url(../images/input_bg.png) repeat-x top;

    _background-image: none;

}

.qhdform textarea {

    height: 12em;

    line-height: 160%;

}

.qhdform select {

    padding: 4px;

    border: 1px solid #ddd;

    background: #fff;

}

.qhdform .textInput:focus,
.qhdform textarea:focus {

    border-color: #c9c9c9;

    outline: 0;

}

.qhdform .textInput,
.qhdform textarea {

    -webkit-transition: border linear 0.2s;

    -moz-transition: border linear 0.2s;

    -ms-transition: border linear 0.2s;

    -o-transition: border linear 0.2s;

    transition: border linear 0.2s;

}

/* Form Messages */

.qhdform .formrow.error,
.qhdform .formrow.focused.error {

    background: #ffdfdf;

    border: 1px solid #f3afb5;
    /* CSS3 */

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: px;

    -o-border-radius: 4px;

    -khtml-border-radius: 4px;

}

/* labelRright error Messages */

.qhdform .labelRright .formrow.error,
.qhdform .labelRright .formrow.focused.error {

    background: none;

    border: none;

}

.qhdform .labelRright .formrow.error input.error,
.qhdform .labelRright .formrow.error select.error,
.qhdform .labelRright .formrow.error textarea.error {

    color: #af4c4c;

    border: 1px solid #F3AFB5;

}

/* 静态内容

------------------------------------------------------------------------------------------ */

.qhd-content h1 {

    font-size: 32px;

    margin-bottom: 10px;

}

.qhd-content h2 {

    font-size: 24px;

    margin-bottom: 10px;

}

.qhd-content h3 {

    font-size: 22px;

    margin-bottom: 10px;

}

.qhd-content h4 {

    font-size: 20px;

}

.qhd-content h5 {

    font-size: 16px;

}

.qhd-content h6 {

    font-size: 14px;

}

.qhd-content p {

    line-height: 1.8;

}

.qhd-content hr {

    border-color: #4d4d4d;

}

.qhd-content em {

    font-style: italic;

}

.qhd-content sup {

    vertical-align: super;

    font-size: 12px;

}

.qhd-content sub {

    vertical-align: sub;

    font-size: 12px;

}

.qhd-content blockquote {

    line-height: 1.6;

    padding: 5px 10px 5px 15px;

    font-family: "微软雅黑";

    background: none;

    border-left: 3px solid #ccc;

    background-color: #f7f7f7;

    color: #808080;

}

.qhd-content blockquote p {

    margin-bottom: 5px;

}

.qhd-content ul,
.qhd-content ol {

    line-height: 1.8;

}

.qhd-content ul li,
.qhd-content ol li {

    padding-top: 2px;

    padding-bottom: 2px;

}

.qhd-content ul.iconlist li {

    background-position: 0 7px;

}

.qhd-content ol {

    padding-left: 2.5em;

}

.qhd-content img {

    vertical-align: middle;

    max-width: 100%;

    _max-width: none;

    height: auto !important;

}

.table {

    background-color: #1f1f1f;

}

.table th,
.table td {

    border-top: 1px solid #1a1a1a;

    padding: 10px 15px;

}

.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {

    background-color: #1d1e22;

}

.table th {

    background: #121212;

    color: #d4d4d4;

}

.table-bordered {

    border-color: #1a1a1a #1a1a1a #1a1a1a;

}

.table-bordered th,
.table-bordered td {

    border-left: 1px solid #1a1a1a;

}

.table-row thead th {

    background: #1d1e22;

}

.table-row tbody th {

    background: #2b2d33;

}

.table-col tbody th {

    background: #1d1e22;

}

/*****************   buttons   ******************/

.btn-small,
button.btn-small em {

    font-size: 13px;

    padding: 0 15px 0 0;

}

.btn-small span {

    height: 28px;

    line-height: 27px;

    padding: 0 0 0 15px;

}

.btn-medium,
button.btn-medium em {

    font-size: 15px;

    padding: 0 20px 0 0;

}

.btn-medium span {

    height: 36px;

    line-height: 36px;

    padding: 0 0 0 20px;

}

.btn-large,
button.btn-large em {

    font-size: 16px;

    padding: 0 25px 0 0;

}

.btn-large span {

    font-weight: bold;

    height: 46px;

    line-height: 46px;

    padding: 0 0 0 25px;

}

.btn-medium-norm span,
.btn-small-norm span,
.btn-large-norm span {

    color: #fff !important;

    text-shadow: none;

}

.btn-medium-main span,
.btn-small-main span,
.btn-large-main span {

    color: #fff !important;

    text-shadow: none;

}

.btn-medium-assist span,
.btn-small-assist span,
.btn-large-assist span {

    color: #fff !important;

    text-shadow: none;

}

.btn-medium-match span,
.btn-small-match span,
.btn-large-match span {

    color: #fff !important;

    text-shadow: none;

}

/* 小按钮 */

.btn-small-norm,
button.btn-small-norm em {

    background: url(../images/btn-small-norm.png) no-repeat right -30px;

    _background: url(../images/btn-small-norm.gif) no-repeat right -30px;

}

.btn-small-norm span {

    background: url(../images/btn-small-norm.png) no-repeat left 0;

    _background: url(../images/btn-small-norm.gif) no-repeat left 0;

}

.btn-small-main,
button.btn-small-main em {

    background: url(../images/btn-small-main.png) no-repeat right -30px;

    _background: url(../images/btn-small-main.gif) no-repeat right -30px;

}

.btn-small-main span {

    background: url(../images/btn-small-main.png) no-repeat left 0;

    _background: url(../images/btn-small-main.gif) no-repeat left 0;

}

.btn-small-assist,
button.btn-small-assist em {

    background: url(../images/btn-small-assist.png) no-repeat right -30px;

    _background: url(../images/btn-small-assist.gif) no-repeat right -30px;

}

.btn-small-assist span {

    background: url(../images/btn-small-assist.png) no-repeat left 0;

    _background: url(../images/btn-small-assist.gif) no-repeat left 0;

}

.btn-small-match,
button.btn-small-match em {

    background: url(../images/btn-small-match.png) no-repeat right -30px;

    _background: url(../images/btn-small-match.gif) no-repeat right -30px;

}

.btn-small-match span {

    background: url(../images/btn-small-match.png) no-repeat left 0;

    _background: url(../images/btn-small-match.gif) no-repeat left 0;

}

/*中型按钮*/

.btn-medium-norm,
button.btn-medium-norm em {

    background: url(../images/btn-medium-norm.png) no-repeat right -38px;

    _background: url(../images/btn-medium-norm.gif) no-repeat right -38px;

}

.btn-medium-norm span {

    background: url(../images/btn-medium-norm.png) no-repeat left 0;

    _background: url(../images/btn-medium-norm.gif) no-repeat left 0;

}

.btn-medium-main,
button.btn-medium-main em {

    background: url(../images/btn-medium-main.png) no-repeat right -38px;

    _background: url(../images/btn-medium-main.gif) no-repeat right -38px;

}

.btn-medium-main span {

    background: url(../images/btn-medium-main.png) no-repeat left 0;

    _background: url(../images/btn-medium-main.gif) no-repeat left 0;

}

.btn-medium-assist,
button.btn-medium-assist em {

    background: url(../images/btn-medium-assist.png) no-repeat right -38px;

    _background: url(../images/btn-medium-assist.gif) no-repeat right -38px;

}

.btn-medium-assist span {

    background: url(../images/btn-medium-assist.png) no-repeat left 0;

    _background: url(../images/btn-medium-assist.gif) no-repeat left 0;

}

.btn-medium-match,
button.btn-medium-match em {

    background: url(../images/btn-medium-match.png) no-repeat right -38px;

    _background: url(../images/btn-medium-match.gif) no-repeat right -38px;

}

.btn-medium-match span {

    background: url(../images/btn-medium-match.png) no-repeat left 0;

    _background: url(../images/btn-medium-match.gif) no-repeat left 0;

}

/*大型按钮*/

.btn-large-norm,
button.btn-large-norm em {

    background: url(../images/btn-large-norm.png) no-repeat right -48px;

    _background: url(../images/btn-large-norm.gif) no-repeat right -48px;

}

.btn-large-norm span {

    background: url(../images/btn-large-norm.png) no-repeat left 0;

    _background: url(../images/btn-large-norm.gif) no-repeat left 0;

}

.btn-large-main,
button.btn-large-main em {

    background: url(../images/btn-large-main.png) no-repeat right -48px;

    _background: url(../images/btn-large-main.gif) no-repeat right -48px;

}

.btn-large-main span {

    background: url(../images/btn-large-main.png) no-repeat left 0;

    _background: url(../images/btn-large-main.gif) no-repeat left 0;

}

.btn-large-assist,
button.btn-large-assist em {

    background: url(../images/btn-large-assist.png) no-repeat right -48px;

    _background: url(../images/btn-large-assist.gif) no-repeat right -48px;

}

.btn-large-assist span {

    background: url(../images/btn-large-assist.png) no-repeat left 0;

    _background: url(../images/btn-large-assist.gif) no-repeat left 0;

}

.btn-large-match,
button.btn-large-match em {

    background: url(../images/btn-large-match.png) no-repeat right -48px;

    _background: url(../images/btn-large-match.gif) no-repeat right -48px;

}

.btn-large-match span {

    background: url(../images/btn-large-match.png) no-repeat left 0;

    _background: url(../images/btn-large-match.gif) no-repeat left 0;

}

/*  buttons hover  */

.btn-small:hover,
button.btn-small:hover em {

    background-position: right -90px;

}

.btn-small:hover span {

    background-position: left -60px;

}

.btn-medium:hover,
button.btn-medium:hover em {

    background-position: right -114px;

}

.btn-medium:hover span {

    background-position: left -76px;

}

.btn-large:hover,
button.btn-large:hover em {

    background-position: right -144px;

}

.btn-large:hover span {

    background-position: left -96px;

}

/*  buttons active  */

.btn-small:active,
button.btn-small:active em {

    background-position: right -150px;

}

.btn-small:active span {

    background-position: left -120px;

}

.btn-medium:active,
button.btn-medium:active em {

    background-position: right -190px;

}

.btn-medium:active span {

    background-position: left -152px;

}

.btn-large:active,
button.btn-large:active em {

    background-position: right -240px;

}

.btn-large:active span {

    background-position: left -192px;

}

/* ====== Slideshow & Scrollable ====== */

.carousel-direction a {

    display: block;

    width: 30px;

    height: 60px;

    line-height: 60px;

    overflow: hidden;

    position: absolute;

    top: 50%;

    z-index: 100;

    margin-top: -30px;

    font-family: simsun;

    text-align: center;

    color: #fff;

    font-size: 30px;

    text-decoration: none;

    cursor: pointer;

    background-color: #666;

}

.carousel-direction a:hover {

    background-color: #4d4d4d;

    color: #fff;

    text-decoration: none;

}

.carousel-direction a.disabled,
.carousel-direction a.disabled:hover {

    background-color: #dcf2ff;

    color: #ccc;

    cursor: default;

}

.carousel-prev {

    left: 0;

}

.carousel-next {

    right: 0;

}

.carousel-btn {

    text-align: center;

    margin: 10px 0;

}

.carousel-btn a {

    display: inline-block;

    width: 12px;

    height: 12px;

    margin: 0 5px;

    background: #333;

    border-radius: 50%;

}

.carousel-btn .selected {

    background: #f30;

    cursor: default;

}

.carousel-btn a span {

    display: none;

}

.carousel-btn-fixed {

    width: 100%;

    position: absolute;

    bottom: 15px;

    left: 0;

    margin: 0;

    z-index: 100;

}

.carousel-num {

    position: absolute;

    bottom: 10px;

    right: 10px;

    z-index: 100;

}

.carousel-num a {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 22px;

    height: 22px;

    line-height: 22px;

    margin: 0 0 0 5px;

    text-align: center;

    background: #333;

    font-size: 12px;

    color: #fff;

}

.carousel-num a:hover {

    text-decoration: none;

    color: #fff;

}

.carousel-num a.selected {

    background: #f30;

    cursor: default;

}

.carousel-thumbs {

    text-align: center;

}

.carousel-thumbs a {

    border: 2px solid #ccc;

    margin: 0 3px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

}

.carousel-thumbs a:hover,
.carousel-thumbs a.selected {

    border-color: #f60;

}

.carousel {

    position: relative;

}

.carousel-item {

    position: relative;

    float: left;

}

.carousel-item .carousel-img a[href="javascript:;"] {

    cursor: default;

}

.carousel-item img {

    display: block;

}

.carousel-info {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: url(../images/opa70.png);

}

.carousel-info-inner {

    font-size: 13px;

    padding: 8px 10px;

    color: #fff;

}

.carousel-info-inner a,
.carousel-info-inner a:hover {

    color: #fff;

}

.carousel-info-inner h3 {

    font-size: 16px;

    line-height: 20px;

    color: #fff;

}

.carousel-info-inner p {

    margin-top: 5px;

}

.responsive-carousel {

    overflow: hidden;

}

.responsive-carousel .carousel-item {
    /*float:none;*/

}

.responsive-carousel .carousel-item img {

    width: 100%;

    height: auto;

}

.responsive-carousel .carousel-direction {

    display: none;

}

.responsive-carousel:hover .carousel-direction {

    display: block;

}

.slideshow {

    overflow: hidden;

}

.slideshow .carousel-direction a {}

.slideshow .carousel-direction a:hover {}

.slideshow .carousel-prev {}

.slideshow .carousel-next {}

.slideshow-gallery {

    margin-bottom: 20px;

}

.slideshow-gallery .carousel-img a {

    display: block;

    text-align: center;

    width: 100%;

}

.slideshow-gallery .carousel-img img {

    display: inline;

}

.slideshow-gallery .carousel-info-inner h3 {

    font-size: 14px;

    line-height: 18px;

}

.slideshow-gallery .carousel-direction a {

    display: none !important;

}

.slideshow-gallery:hover .carousel-direction a {

    display: block !important;

}

.slideshow-gallery:hover .carousel-direction a {

    display: block;

}

.slideshow-gallery-thumbs {

    position: relative;

    padding: 0 30px;

}

.slideshow-gallery-thumbs img {

    float: left;

    display: block;

    margin: 0 2px;

    border: 1px solid #ccc;

    cursor: pointer;

    width: 104px;

}

.slideshow-gallery-thumbs img:hover,
.slideshow-gallery-thumbs img.selected {

    border: 1px solid #f00;

}

.slideshow-gallery-thumbs-direction {

    padding: 0 50px;

}

.slideshow-gallery-thumbs-direction a {

    display: block;

    width: 20px;

    height: 76px;

    line-height: 76px;

    overflow: hidden;

    position: absolute;

    top: 50%;

    z-index: 100;

    margin-top: -38px;

    font-family: simsun;

    text-align: center;

    color: #fff;

    font-size: 25px;

    text-decoration: none;

    cursor: pointer;

    background-color: #ccc;

}

.slideshow-gallery-thumbs-direction a:hover {

    background-color: #999;

    color: #fff;

    text-decoration: none;

}

.slideshow-gallery-thumbs-direction .thumbs-carousel-prev {

    left: 0;

}

.slideshow-gallery-thumbs-direction .thumbs-carousel-next {

    right: 0;

}

.slideshow-gallery-thumbs-direction .disabled,
.slideshow-gallery-thumbs-direction .disabled:hover {

    background-color: #dcf2ff;

    color: #ccc;

    cursor: default;

}

.scrollable {}

.scrollable .caroufredsel_wrapper {}

.scrollable ul {

    padding: 0;

    _margin-left: -5px !important;

    list-style: none;

    overflow: hidden;

}

.scrollable ul li {

    padding: 0px;

    margin: 0 10px;

    display: block;

    float: left;

    width: 230px;

    text-align: center;

}

.scrollable ul li img {

    display: block;

    width: 100%;

}

.scrollable ul li p {

    margin-bottom: 10px;

}

.scrollable ul li h2 {

    font-size: 14px;

    margin-bottom: 10px;

    line-height: 22px;

}

.scrollable ul li h2 a {

    font-size: 14px;

    font-weight: normal;

    color: #e5e5e5;

}

.scrollable ul li h2 a:hover {

    color: #fff;

    text-decoration: none;

}

.scrollable .text-intro {

    text-align: left;

    font-size: 13px;

    color: #808080;

    line-height: 1.5;

}

.scrollable-inside-page ul li {

    width: 160px;

}

.scrollable .carousel-direction a {

    margin-top: 0;

    top: 60px;

    color: #bfbfbf;

    font-size: 65px;

    background-color: transparent;

}

.scrollable .carousel-direction a:hover {

    color: #fff;

}

.scrollable .carousel-direction a.disabled,
.scrollable .carousel-direction a.disabled:hover {

    color: #e5e5e5;

    background-color: transparent;

}

.scrollable a.carousel-prev {

    left: -30px;

}

.scrollable a.carousel-next {

    right: -30px;

}

.scrollable-text {

    width: 100%;

    height: 35px;

    overflow: hidden;
    /*background-color:#f2f2f2; */

}

.scrollable-text .carousel-direction a {

    display: block;

    width: 11px;

    height: 6px;

    overflow: hidden;

    margin-top: -5px;

    background-color: transparent;

    background-image: url(../images/direction-s.gif);

    background-repeat: no-repeat;

}

.scrollable-text .carousel-direction a:hover {

    background-color: transparent;

}

.scrollable-text .carousel-direction a span {

    display: none;

}

.scrollable-text .carousel-up {

    background-position: 0 0;

    right: 15px;

}

.scrollable-text .carousel-down {

    background-position: 0 -7px;

    right: 0;

}

.scrollable-text ul li {

    border: none;

    width: 100%;

}

/* ====== Tab & Accordion ====== */

.tabs-default .tabs-nav {

    font-size: 0;

}

.tabs-default .tabs-nav li {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    padding-right: 2px;

}

.tabs-default .tabs-nav li a {

    float: left;

    display: block;

    padding: 0 35px;

    line-height: 40px;

    background-color: #474747;

    font-size: 16px;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

}

.tabs-default .tabs-nav li a:hover {

    background-color: #f30;

    color: #fff;

    text-decoration: none;

}

.tabs-default .tabs-nav li a.current,
.tabs-default .tabs-nav li a.current:hover {

    background-color: #f30;

    color: #fff;

}

.tabs-default .tabs-nav li a span {

    display: inline-block;

    *display: inline;

    *zoom: 1;

}

.tabs-default .tabs-nav li a i {

    float: left;

    display: inline;

    width: 20px;

    height: 20px;

    overflow: hidden;

    margin-right: 5px;

    position: relative;

    top: 24px;

    background-position: center center;

    background-repeat: no-repeat;

}

.tabs-default .tabs-panes {}

.tabs-default .tabs-panes .tab-box {

    display: none;

    padding: 30px 0 0;

    width: auto;

}

.tab-more {

    float: none;

    clear: both;

    margin-top: 30px;

}

.tab-more a {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    line-height: 34px;

    padding: 0 30px;

    border: 2px solid #fff;

    color: #fff;

    font-size: 13px;

    transition: All 0.5s ease;

}

.tab-more a:hover {

    background-color: #fff;

    border-color: #fff;

    color: #000;

    text-decoration: none;

}

.tab-more-center {

    text-align: center;

}

.tab-more-right {

    text-align: right;

}

.tabs-down .tabs-nav li a.current,
.tabs-down .tabs-nav li a.current:hover {

    background-color: #f30;

    color: #fff;

}

.tabs-down .tabs-panes .tab-box {

    padding: 0 0 30px 0;

    width: auto;

}

.tabs-left .tabs-nav {

    float: left;

    display: inline;

    width: 25%;

    height: auto;

    background-color: transparent;

}

.tabs-left .tabs-nav li {

    padding: 0;

    border: none;

    display: block;

    width: 100%;

    margin-bottom: 2px;

    background-color: #f2f2f2;

    *display: inline;

}

.tabs-left .tabs-nav li a {

    display: block;

    padding: 0 15px;

    float: none;

    width: auto;

}

.tabs-left .tabs-nav li a span {

    line-height: normal;

    padding: 14px 0;

}

.tabs-left .tabs-nav li a.current,
.tabs-left .tabs-nav li a.current:hover {

    background-color: #f30;

    color: #fff;

}

.tabs-left .tabs-panes {

    overflow: hidden;

    *zoom: 1;

}

.tabs-left .tabs-panes .tab-box {

    padding: 0 0 0 20px;

}

.tabs-right .tabs-nav {

    float: right;

    display: inline;

    width: 25%;

    height: auto;

    background-color: transparent;

}

.tabs-right .tabs-nav li {

    padding: 0;

    border: none;

    display: block;

    width: 100%;

    margin-bottom: 2px;

    background-color: #f2f2f2;

    *display: inline;

}

.tabs-right .tabs-nav li a {

    display: block;

    padding: 0 15px;

    float: none;

    width: auto;

}

.tabs-right .tabs-nav li a span {

    line-height: normal;

    padding: 20px 0;

}

.tabs-right .tabs-nav li a.current,
.tabs-right .tabs-nav li a.current:hover {

    background-color: #f30;

    color: #fff;

}

.tabs-right .tabs-panes {

    overflow: hidden;

    *zoom: 1;

}

.tabs-right .tabs-panes .tab-box {

    padding: 0 15px 0 0;

}

.tabs-center .tabs-nav {

    text-align: center;

}

.tabs-center .tabs-nav li {

    border: none;

}

.accordion {}

.accordion .accordion-handle {

    position: relative;

    background-color: #474747;

    color: #fff;

    line-height: 30px;

    padding: 10px 0 10px 15px;

    margin-bottom: 2px;

    cursor: pointer;

    *zoom: 1;

}

.accordion .accordion-handle:hover {

    background-color: #f30;

}

.accordion .accordion-handle h4 {

    font-size: 15px;

    line-height: 20px;

}

.accordion .accordion-pane {

    display: none;

    padding: 15px 0;

}

.accordion .current,
.accordion .current:hover {

    background-color: #f30;

    color: #fff;

}

.accordion .accordion-handle i {

    display: block;

    width: 40px;

    height: 40px;

    overflow: hidden;

    position: absolute;

    top: 0;

    right: 0;

    border-left: 1px solid #fff;

    background: url(../images/accordion.gif) no-repeat 0 0;

}

.accordion .current i {

    border-color: #fff;

    background-position: 0 -40px;

}

/* 文章 & 产品 公用

------------------------------------------------------------------------------------------ */

.entry-item {

    margin: 0 0 25px;

    background-color: #2a2a2a;

    transition: all 0.5s ease 0s;

}

.entry-item:hover {

    background-color: #fff;

}

.entry-item:hover a {

    color: #333;

}

.entry-item:hover a:hover {

    color: #f30;

}

.entry-item .typo-text {

    padding: 20px 20px 0 20px;

}

.entry-img {

    margin-bottom: 10px;

}

.entry-img img {

    display: block;

}

.entry-title {

    margin-bottom: 15px;

}

.entry-title h2 {

    font-size: 16px;

    line-height: 1.4;

}

.entry-title a {

    color: #a6a6a6;

}

.entry-title a:hover {

    color: #fff;

    text-decoration: none;

}

.entry-meta {

    font-size: 12px;

    margin-bottom: 10px;

    color: #808080;

}

.entry-meta em {

    margin: 0 8px;

}

.entry-meta strong {

    font-weight: normal;

}

.entry-meta a {

    color: #808080;

}

.entry-meta a:hover {

    color: #f30;

    text-decoration: none;

}

.entry-summary {

    color: #999;

    font-size: 12px;

    margin-bottom: -5px;

}

.entry-summary p {

    line-height: 1.5;

}

.entry-detail {

    padding-right: 10px;

    font-size: 13px;

    color: #f30;

    background: url(../images/arrow-r.gif) no-repeat right center;

}

.entry-detail:hover {

    text-decoration: none;

    color: #f30;

}

.entry-item .typo-img .entry-img {

    margin-bottom: 0;

}

.entry-item .typo-text .entry-title {

    margin-top: -2px;

    _margin-top: -1px;

}

.entry-set .typo .typo-img {

    margin-right: 15px;

}

.entry-set .typo .typo-img-right {

    margin-left: 15px;

    margin-right: 0;

}

.entry-set .entry-title {

    margin-bottom: 10px;

}

.entry-set .entry-title h2 {

    font-size: 15px;

}

.entry-set .entry-summary,
.entry-set .entry-detail {

    font-size: 12px;

}

.entry-set .entry-item .typo-text .entry-title {

    margin-top: -2px;

    _margin-top: -1px;

}

/* 博客列表 */

.blog-list .entry-img img {

    width: 100%;

}

/* 头条 */

.headlines-list .entry-title h2 {

    font-size: 16px;

}

.headlines-list .entry-summary {

    margin-bottom: -10px;

}

.headlines-list .headlines-content {

    border-bottom: none;

    padding: 0;

    margin: 0 0 7px;

    padding: 0 0 5px;

}

.headlines-list .headlines-content .entry-item {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

    background-color: transparent;

}

.headlines-list .headlines-content .entry-img {

    margin-bottom: 0;

}

.headlines-list .headlines-content .typo-text {

    padding: 0;

}

.headlines-list .headlines-content .entry-title a {

    color: #e5e5e5;

}

.headlines-list .headlines-content .entry-title a:hover {

    color: #fff;

    text-decoration: none;

}

.headlines-list .headlines-content-bg {

    padding-bottom: 0;

    background-color: #666;

}

.headlines-list .headlines-content-bg .entry-img img {

    display: block;

    width: 100%;

}

.headlines-list .headlines-content-bg .entry-title {

    padding: 7px 10px;

    margin-bottom: 0;

}

.headlines-list .headlines-content-bg .entry-title h2 {

    font-size: 15px;

}

.headlines-set .article-title {

    font-size: 13px;

}

.headlines-set .entry-title {

    margin-bottom: 10px;

}

.headlines-set .entry-title h2 {

    font-size: 15px;

}

/* 多列图文 */

.portfolio-list {

    min-height: 20px;

}

.portfolio-list li {

    margin-bottom: 25px;

    text-align: center;

}

.portfolio-img {

    margin-bottom: 10px;

}

.portfolio-img a {

    position: relative;

}

.portfolio-img a,
.portfolio-img img {

    height: 215px;
    width: 100%;

    display: block;

    overflow: hidden;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.portfolio-img .opacity-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    cursor: pointer;

    background-color: #000;

    opacity: 0;

    filter: alpha(opacity=0);

    _height: expression((this.parentElement.clientHeight) +'px');

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.portfolio-img .icon-zoom {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 11;

    background: url(../images/icon-zoom.png) no-repeat center;

}

.portfolio-img .icon-video {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 11;

    background: url(../images/icon-video.png) no-repeat center;

}

.portfolio-img a:hover .opacity-overlay {

    display: block;

    filter: alpha(opacity=70);

    opacity: 0.7;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.portfolio-img a:hover img {

    transform: scale(1.2, 1.2);

    -webkit-transform: scale(1.2, 1.2);

    -moz-transform: scale(1.2, 1.2);

    -o-transform: scale(1.2, 1.2);

    -ms-transform: scale(1.2, 1.2);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.portfolio-title {

    margin-bottom: 10px;

    font-weight: normal;

    line-height: normal;

}

.portfolio-title h2 {

    font-size: 14px;

    line-height: 1.5;

    font-weight: normal;

}

.portfolio-title a {

    color: #e5e5e5;

}

.portfolio-title a:hover {

    color: #fff;

    text-decoration: none;

}

.portfolio-meta {

    font-size: 12px;

    margin-bottom: 10px;

    color: #8c8c8c;

}

.portfolio-meta em {

    margin: 0 8px;

}

.portfolio-meta strong {

    font-weight: normal;

}

.portfolio-summary {

    color: #8c8c8c;

    font-size: 13px;

    margin-bottom: -10px;

}

.portfolio-summary p {

    line-height: 1.5;

}

.portfolio-detail {

    padding-right: 10px;

    color: #f30;

    font-size: 13px;

    background: url(../images/arrow-r.gif) no-repeat right center;

}

.portfolio-list .price strong {

    font-weight: normal;

}

.portfolio-list .col-2-1 .portfolio-title h2 {

    font-size: 16px;

}

.portfolio-list .col-5-1 .portfolio-title h2 {

    font-size: 14px;

}

/* 放大镜 */

.cloud-zoom-lens {

    border: 1px solid #888;

    background-color: #fff;

    margin: -1px;

    cursor: move;

}

.cloud-zoom-title {

    position: absolute !important;

    top: 0px;

    width: 100%;

    padding: 3px;

    text-align: center;

    font-weight: bold;

    background-color: #000;

    font-size: 13px;

    color: #fff;

}

.cloud-zoom-big {
    /*border:1px solid #ccc;*/

    overflow: hidden;

}

.cloud-zoom-loading {

    color: #fff;

    background: #222;

    padding: 3px;

    border: 1px solid #000;

}

.zoom-small-image {

    float: left;

    background-color: #fff;
    /*border:1px solid #f5f5f5; padding:5px; */

}

.zoom-thumbs {

    margin-top: 10px;

    width: 474px;

}

.zoom-thumbs ul {

    float: left;

    display: inline;

}

.zoom-thumbs li {

    float: left;

    display: inline;

    margin-right: 8px;

}

.zoom-thumbs li a {

    display: block;

    border: 1px solid #ccc;

    background-color: #fff;

    padding: 2px;

}

.zoom-thumbs li a:hover {

    border-color: #f30;

    background-color: #fff
}

.zoom-thumbs li a img {

    margin: 0;

    display: block;

}

.zoom-thumbs li.zoom-selected a {

    border: 1px solid #f30;

    background-color: #fff;

}

.zoom-thumbs .carousel-direction {

    display: none;

}

.zoom-thumbs .carousel-direction a {

    width: 20px;

    font-size: 25px;

}

.zoom-thumbs:hover .carousel-direction {

    display: block;

}

/* 详情附件下载 */

.detail-file-download {

    padding: 5px 20px;

    margin: 25px 0 20px;

    border: 1px solid #ededed;

    background-color: #f5f5f5;

}

.detail-file-download h4 {

    font-size: 16px;

    line-height: 1.5;

    margin-bottom: 5px;

    font-weight: bold;

    color: #f30;

}

.detail-file-download li a {

    padding-left: 10px;

    background: url(../images/icon-dot.gif) no-repeat left center;

    font-size: 13px;

    color: #808080;

}

.detail-file-download li a:hover {

    color: #f30;

    text-decoration: none;

}

/* 详情图库切换 */

.gallery-detail {}

.gallery-detail-title {

    text-align: center;

    margin-bottom: 15px;

}

.gallery-detail-title h1 {

    font-size: 22px;

    line-height: 1.5;

    color: #fff;

}

.gallery-detail .gallery-img-wrap {

    margin-bottom: 30px;

}

.gallery-detail .ad-gallery {

    width: 720px;

    margin: 0 auto;

}

.gallery-detail .ad-gallery .ad-image-wrapper {

    height: 540px;

}

.gallery-detail .ad-gallery .ad-nav .ad-thumbs {

    margin: 0 30px;

    width: 660px;

}

.gallery-detail .ad-gallery .ad-thumbs li a.ad-active img {

    border-color: #f30;

}

.gallery-detail .gallery-detail-content {

    padding-top: 15px;

}

.gallery-detail-product .ad-gallery {

    width: 700px;

}

.gallery-detail-product .ad-gallery .ad-image-wrapper {

    height: 800px;

}

.gallery-detail-product .gallery-detail .ad-gallery .ad-nav .ad-thumbs {

    margin: 0 30px;

    width: 640px;

}

.gallery-detail-product .gallery-detail .gallery-detail-content {

    padding-top: 0;

}

/* 分类 */

.category {}

.category ul {}

.category ul li {

    position: relative;

}

.category ul li.last {

    background: none;

}

.category ul li a {

    display: block;

    padding: 6px 0;

    color: #a6a6a6;

    font-size: 15px;

    *zoom: 1;

}

.category ul li i {

    display: none;

    width: 7px;

    height: 7px;

    overflow: hidden;

    position: absolute;

    top: 17px;

    right: 0;

    _right: 15px;

}

.category ul li a:hover {

    text-decoration: none;

    color: #fff;

}

.category ul li:hover i {}

.category ul ul {

    padding: 0 0 5px 20px;

    margin-top: -3px;

}

.category ul ul li {

    border-bottom: none;

    background-image: none;

}

.category ul ul li a {

    line-height: normal;

    padding: 5px 0 5px 10px;

    background: url(../images/page-menu-sub.gif) no-repeat left center;

    font-size: 12px;

}

.category ul li.current a {

    color: #fff;

}

.category ul li.current i {

    background-image: url(../images/page-menu-c.gif);

}

.category ul li.current ul {

    display: block;

}

.category ul li.current ul li {}

.category ul li.current ul li a {

    color: #a6a6a6;

    padding-left: 10px;

    background: url(../images/page-menu-sub.gif) no-repeat left center;

}

.category ul li.current ul li a:hover,
.category ul li.current ul li.current a {

    color: #fff;

    background-image: url(../images/page-menu-sub-c.gif);

}

/* Article 文章

------------------------------------------------------------------------------------------ */

.article-category {}

.article-list-row {}

.article-list-row li {

    padding: 5px 0;

    *vertical-align: text-top;

    border-bottom: 1px dotted #666;

    *zoom: 1;

    _display: inline-block;

}

.article-list-row li .article-title {

    padding-left: 12px;

    color: #e5e5e5;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    line-height: 20px;

    background: url(../images/icon-dot.gif) no-repeat 0 8px;

}

.article-list-row li .article-title:hover {

    color: #fff;

    text-decoration: none;

}

.article-list-row li .article-time,
.article-list-row li .article-time strong,
.article-list-row li .article-time em {

    color: #999;

    font-size: 12px;

    font-weight: normal;

    font-style: normal;

}

.article-list-row .article-time strong {

    padding: 0 3px;

}

.article-list-row li .no-file {

    cursor: default;

}

.article-list-row li .file-download {

    background: url(../images/icon-download.gif) no-repeat left center;

    padding-left: 18px;

    font-size: 12px;

    color: #f30;

}

.article-list-row li .file-download-disabled,
.article-list-row li .file-download-disabled:hover {

    background: url(../images/icon-download-disabled-black.gif) no-repeat left center;

    color: #666;

    cursor: not-allowed;

}

.article-list-row li a {

    color: #4d4d4d;

    text-decoration: none;

}

.article-list-row-noBorder li {

    border-bottom: none;

    padding: 3px 0;

}

.article-detail .article-title {

    text-align: center;

    margin-bottom: 15px;

}

.article-detail .article-title h1 {

    font-size: 20px;

    line-height: 1.5;

}

.article-detail .entry-meta {

    text-align: center;

    margin-bottom: 10px;

    padding-bottom: 10px;

    font-size: 12px;

    border-bottom: 1px dotted #ccc;

}

.article-detail .entry-meta a {

    color: #f30;

}

.article-detail .entry-meta span {

    margin: 0 10px;

}

.article-detail .article-content {

    margin-top: 25px;

}

.article-detail .video-player-content {

    margin-top: 20px;

    text-align: center;

}

.article-list li.col-3-1 {}

.article-list li a {

    display: block;

    min-height: 260px;

    height: auto !important;

    _height: 410px;

    padding-bottom: 20px;

    background-color: #2a2a2a;

    color: #fff;

    transition: all 0.5s ease 0s;

}

.article-list li.col-2-1 a {

    min-height: 500px;

    height: auto !important;

    _height: 500px;

}

.article-list li.col-4-1 a {

    min-height: 470px;

    height: auto !important;

    _height: 470px;

}

.article-list li.col-5-1 a {

    min-height: 420px;

    height: auto !important;

    _height: 420px;

}

.article-list .portfolio-img {

    margin-bottom: 20px;

    overflow: hidden;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.article-list li a:hover .portfolio-img img {

    transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.article-list .portfolio-title h2 {

    padding: 0 20px;

    font-weight: normal;

    font-size: 14px;

    text-align: center;

}

.article-list .portfolio-time {

    margin: 0 20px 10px;

    padding: 0 0 10px;

    font-size: 12px;

    text-align: center;

    border-bottom: 1px solid #333;

    color: #636363;

}

.article-list .portfolio-summary {

    padding: 0 20px;

    font-size: 12px;

    color: #8b8b8b;

}

.article-list li a:hover {

    background-color: #fff;

}

.article-list li a:hover h2 {

    color: #1a1a1a;

}

.article-list li a:hover .portfolio-time {

    border-color: #e6e6e6;

}

.article-list li a:hover .portfolio-summary {

    color: #666;

}

.blog-list .entry-item {

    padding: 15px 20px;

}

.entry-list-article .entry-item {

    background-color: transparent;

    border-bottom: 1px dotted #999;

    margin: 0 0 23px;

    padding: 0 0 25px;

}

.entry-list-article .entry-item a {

    color: #e5e5e5;

}

.entry-list-article .entry-item .entry-detail {

    color: #f30;

}

.entry-list-article .entry-item:hover {

    background-color: transparent;

}

.entry-list-article .entry-item:hover a {

    color: #e5e5e5;

}

.entry-list-article .entry-item:hover a:hover {

    color: #fff;

}

.entry-list-article .entry-item:hover .entry-detail,
.entry-list-article .entry-item:hover .entry-detail:hover {

    color: #f30;

}

.entry-list-article .entry-item .typo-text {

    padding: 0;

}

/* Product 产品

------------------------------------------------------------------------------------------ */

.product-category {}

.product-category-scrollable ul li {

    width: 290px;

    margin: 0 21px;

    text-align: left;

}

.product-category-scrollable ul li a {

    position: relative;

    display: block;

}

.product-category-scrollable .category-image {

    overflow: hidden;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.product-category-scrollable .category-info {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 20;

    text-align: center;

    width: 100%;

    height: 100%;

    color: #fff;

}

.product-category-scrollable .category-info h3 {

    margin-top: 120px;

    margin-bottom: 60px;

    font-size: 22px;

    font-weight: normal;

}

.product-category-scrollable .category-info .icon-detail {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 41px;

    height: 41px;

    background: url(../images/icon-detail.gif) no-repeat;

}

.product-category-scrollable .category-info .icon-detail span {

    display: none;

}

.product-category-scrollable .opacity-overlay {
    /*display:none;*/

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    cursor: pointer;

    background-color: #000;

    opacity: 0;

    filter: alpha(opacity=0);

    _height: expression((this.parentElement.clientHeight) +'px');

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.product-category-scrollable a:hover .category-image img {

    transform: scale(1.2, 1.2);

    -webkit-transform: scale(1.2, 1.2);

    -moz-transform: scale(1.2, 1.2);

    -o-transform: scale(1.2, 1.2);

    -ms-transform: scale(1.2, 1.2);

    -webkit-transition: all 0.35s ease-out 0s;

    -moz-transition: all 0.35s ease-out 0s;

    -o-transition: all 0.35s ease-out 0s;

    transition: all 0.35s ease-out 0s;

}

.product-category-scrollable a:hover .category-info {

    display: block;

}

.product-category-scrollable a:hover .opacity-overlay {

    display: block;

    filter: alpha(opacity=70);

    opacity: 0.7;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.product-category-scrollable .carousel-direction {

    text-align: center;

    margin: 30px;

}

.product-category-scrollable .carousel-direction a {

    position: inherit;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    font-size: 25px;

    height: auto;

    line-height: normal;

    margin: 0 15px;

    padding: 0 15px;

    border: 1px solid #666;

}

.product-category-scrollable .carousel-direction a:hover {

    border-color: #fff;

    color: #fff;

}

.product-category-scrollable .carousel-direction a.disabled,
.product-category-scrollable .carousel-direction a.disabled:hover {

    border-color: #666;

    color: #666;

    cursor: not-allowed;

}

.product-filter {}

.product-filter dl {

    border-bottom: 1px dotted #d9d9d9;

    padding: 8px 0;

}

.product-filter dt {

    width: 100px;

    margin-right: 20px;

    text-align: right;

    color: #fff;

}

.product-filter dd a {

    margin-right: 20px;

    margin-top: 2px;

    padding: 0 5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    white-space: nowrap;

    font-size: 13px;

    color: #fff;

}

.product-filter dd a:hover {

    color: #f30;

    text-decoration: none;

}

.product-filter dd a.current {

    background-color: #f30;

    color: #fff;

}

.price {

    margin-bottom: 10px;

    font-size: 14px;

    font-weight: bold;

    color: #f30;

    line-height: 1.2;

}

.price strong {

    font-weight: normal;

}

.price span {

    font-family: verdana;

}

.product-summary {

    color: #8c8c8c;

}

.product-attr {

    margin-bottom: 10px;

}

.product-attr dt {

    text-align: right;

    font-weight: bold;

}

.product-attr dd span {

    margin-right: 10px;

}

.product-attr .share-toolbar {

    margin-bottom: 10px;

}

.product-set .carousel-direction a {

    top: 120px;

}

.product-detail .product-name {

    margin-bottom: 10px;

}

.product-detail .product-name h1 {

    font-size: 18px;

    line-height: 1.5;

    color: #fff;

}

.product-detail .product-sku {

    margin-bottom: 10px;

    color: #999;

}

.product-detail .product-sku strong {

    font-weight: normal;

}

.product-detail .product-info-item {

    border-bottom: 1px solid #4d4d4d;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

.product-detail .product-info-item-last {

    border-bottom: none;

    margin-bottom: 0;

}

.product-detail .product-summary {

    font-size: 13px;

    color: #ccc;

}

.product-intr {

    margin-bottom: 45px;

}

.product-intr .product-preview {

    float: left;

    display: inline;

    margin-right: 30px;

}

.product-intr .product-preview .gallery-img-wrap {

    margin-bottom: 0;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery {

    width: 500px;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper {

    height: 700px;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-nav .ad-thumbs {

    margin: 0 30px;

    width: 440px;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-back {

    height: 116px;

}

.product-intr .product-preview .share-toolbar {

    margin-bottom: 0;

}

.product-intr .product-info {

    overflow: hidden;

    *zoom: 1;

}

.product-intr .share-toolbar {

    margin: 15px 0 10px;

}

.product-intr .back-category a {

    background: url(../images/icon-back-cate.gif) no-repeat left center;

    padding-left: 15px;

    color: #808080;

}

.product-intr .back-category a:hover {

    color: #f30;

}

.product-desc-title {

    background-color: #434343;

    margin-bottom: 20px;

}

.product-desc-title h3 {

    height: 36px;

    line-height: 36px;

    float: left;

    padding: 0 20px;

    font-size: 16px;

    color: #fff;

}

.product-desc-item {

    margin-bottom: 50px;

}

.product-desc-item-title {

    margin-bottom: 15px;

}

.product-desc-item-title h4 {

    float: left;

    height: 28px;

    line-height: 28px;

    background: #f30;

    color: #fff;

    font-size: 15px;

    padding: 0 25px;

}

.product-detail-simple .product-img {

    text-align: center;

    margin-bottom: 15px;

}

.product-detail-simple .product-name {

    text-align: center;

    margin-bottom: 30px;

}

.product-detail-complete .tabs-nav {

    background-color: #434343;

}

.product-detail-complete .tabs-nav li a {

    font-size: 15px;

}

.no-data-note {

    font-size: 20px;

    color: #f30;

    padding: 30px 0;

    text-align: center;

}

/* Link 链接

------------------------------------------------------------------------------------------ */

.link a img {

    vertical-align: middle;

    margin-right: 5px;

    position: relative;

    top: -1px;

    *top: 0;

}

.link-line a {

    margin: 0 15px 0 0;

}

.link-line em {

    margin: 0 7px 0 -8px;

    *zoom: 1;

    font-style: normal;

}

.link-line-rtl {

    text-align: right;

}

.link-line-rtl a {

    margin: 0 0 0 15px;

}

.link-line-rtl em {

    margin: 0 -10px 0 10px;

    font-style: normal;

}

.link-line-center {

    text-align: center;

}

.link-line-center a {

    margin: 0 8px;

}

.link-line-center em {

    margin: 0 -2px 0 0;

    font-style: normal;

}

.link-block li {

    padding: 3px 0;

    line-height: 1.5;

}

.link-block-sign a {

    display: block;

    background: url(../images/icon-dot.gif) no-repeat 0 8px;

    padding-left: 10px;

}

.link-list li {

    /*	margin-bottom: 15px;*/

    height: auto;
    display: inline-block;
    padding-right: 15px;
    line-height: 25px;

}

.link-list .link-img {

    margin-bottom: 5px;

}

.link-list .link-img img {

    display: block;

    width: 100%;

}

.link-list .link-name {

    text-align: center;

}

.link-list .link-name h2 {

    line-height: 22px;

    font-size: 13px;

}

.link-list .link-name a {

    font-size: 13px;

    font-weight: normal;

}

.link-list .col-2-1 a {

    font-size: 16px;

}

.link-scrollable ul {

    _margin-left: -8px !important;

}

.link-scrollable ul li {

    width: 180px;

    margin: 0 10px;

}

.link-scrollable .carousel-direction a {

    margin-top: 0;

    top: 25px;

}

.link-bg-img {

    background-image: none;

    background-position: center;

    text-align: center;

    background-color: #262626;

}

.link-bg-img a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    color: #fff;

}

.link-bg-img-text {

    position: absolute;

    top: 50%;

    left: 0;

    z-index: 20;

    margin-top: -40px;

    display: block;

    width: 100%;

}

.link-bg-img-text h3 {

    font-size: 20px;

    font-weight: normal;

    line-height: normal;

    margin-top: 10px;

}

.link-bg-img-text p {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    padding: 0 15px;

    line-height: 32px;

    border: 2px solid #fff;

    font-family: Arial, Helvetica, sans-serif;

}

.link-bg-img .opacity-overlay {

    /*display:none;*/
    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    cursor: pointer;

    background-color: #000;

    opacity: 0;

    filter: alpha(opacity=0);

    _height: expression((this.parentElement.clientHeight) +'px');

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.link-bg-img a:hover .opacity-overlay {

    display: block;

    filter: alpha(opacity=50);

    opacity: 0.5;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.link-bg-img-big {

    height: 441px;

}

.link-bg-img-small {

    height: 208px;

}

.link-full-bg-img {

    background-image: none;

    background-position: center;

    text-align: center;

    background-color: #262626;

}

.link-full-bg-img a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    color: #fff;

}

.link-full-bg-img-text {

    position: relative;

    z-index: 20;

    padding: 50px 0;

    text-align: center;

    color: #fff;

}

.link-full-bg-img-text h3 {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    padding: 0 10px 8px;

    font-size: 20px;

    font-weight: normal;

    line-height: normal;

    margin-top: 10px;

    border-bottom: 2px solid #fff;

}

.link-full-bg-img-text p {

    font-size: 24px;

    line-height: normal;

    font-family: Arial, Helvetica, sans-serif;

}

.link-full-bg-img .opacity-overlay {

    /*display:none; */
    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    cursor: pointer;

    background-color: #000;

    opacity: 0.0;

    filter: alpha(opacity=0);

    _height: expression((this.parentElement.clientHeight) +'px');

    transform: scale(0);

    transition: all 0.25s ease-in-out;

}

.link-full-bg-img a:hover .opacity-overlay {

    display: block;

    filter: alpha(opacity=50);

    opacity: 0.5;

    transform: scale(1);

}

/* 分页 & 面包屑

------------------------------------------------------------------------------------------ */

.pagination {

    margin: 30px 0 20px;

    clear: both;

    font-size: 13px;

}

.pagination span,
.pagination a {

    display: inline-block;

    padding: 0 11px;

    height: 30px;

    line-height: 30px;

    margin: 0 5px;

    *zoom: 1;

    color: #fff;

    background-color: #2a2a2a;

}

.pagination a:hover {

    background: #fff;

    color: #000;

    text-decoration: none;

}

.pagination a:active {

    color: #808080;

}

.pagination .disabled {

    background-color: #0d0d0d;

    color: #ccc;

    cursor: default;

}

.pagination .current {

    background-color: #fff;

    color: #333;

}

.pagination-default {

    text-align: center;

}

.pagination-right {

    text-align: right;

}

.pagination-left {

    text-align: left;

}

.breadcrumbs {

    font-size: 12px;

    color: #808080;

}

.breadcrumbs a {

    color: #808080;

}

.breadcrumbs a:hover {

    color: #666;

    text-decoration: none;

}

.breadcrumbs i {

    font-style: normal;

    margin: 0 3px;

}

.breadcrumbs strong {

    font-weight: normal;

    color: #333;

}

/* search 搜索

------------------------------------------------------------------------------------------ */

.search-form .form-text {

    height: 40px;

    line-height: 40px;

    padding: 0 8px;

    color: #999;

    font-size: 13px;

    background-color: #fff;

    border: 2px solid #e6e6e6;

}

.search-form .form-btn {

    border: none;

    cursor: pointer;

    height: 44px;

    width: 60px;

    color: #fff;

    background: #ccc;

}

.search-form .form-btn:hover {

    background-color: #f30;

}

.search-form .form-btn span {

    display: block;

}

.search-result .search-form {

    width: 720px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

}

.search-result .search-form .form-text {

    float: left;

    width: 642px;

    _margin-right: -4px;

}

.search-result .search-form .form-text {

    border-right: none;

    overflow: hidden;

    *zoom: 1;

}

.search-result-note {

    background: #fffcf0;

    border: 1px solid #ececec;

    padding: 10px 20px;

    margin-bottom: 30px;

    color: #999;

}

.search-result-note .message-note {

    color: #f30;

    margin: 0 3px;

}

.search-no-result {

    padding: 50px 0;

}

.search-no-result .search-result-note {

    border: none;

    background-color: transparent;

    font-size: 16px;

    text-align: center;

    color: #4d4d4d;

}

/* module 外框容器

------------------------------------------------------------------------------------------ */

.module-default {

    margin: 0;

    padding: 0;

}

.module-default>.module-divider {

    margin-bottom: 10px;

}

.module {

    margin-bottom: 25px;

}

.module-title-default {

    margin-bottom: 15px;

    overflow: hidden;

}

.module-title-default>.module-title-content {}

.module-title-default>.module-title-content h3 {

    display: block;

    float: left;

    _display: inline;

    line-height: 20px;

    font-size: 16px;

    color: #fff;

}

.module-title-default>.module-title-content span {

    margin-left: 5px;

    float: left;

    line-height: 22px;

    color: #999;

    font-size: 14px;

}

.module-title-default>.module-title-content span strong {

    font-weight: normal;

    margin-left: 5px;

    color: #999;

    font-family: Arial, sans-serif;

}

.module-more-default a {

    color: #808080;

    font-size: 13px;

}

.module-more-default a:hover {

    color: #f30;

    text-decoration: none;

}

.module-icon-default {

    padding-left: 25px;

    background-repeat: no-repeat;

    background-position: left center;

}

.module-divider {

    height: 1px;

    overflow: hidden;

    background-color: #333;

    margin-top: 25px;

    clear: both;

}

.module-no-margin,
.module-no-margin .module-content p,
.module-no-margin .module-content ul,
.module-no-margin .module-content ol,
.module-no-margin .module-content h1,
.module-no-margin .module-content h2,
.module-no-margin .module-content h3,
.module-no-margin .module-content h4,
.module-no-margin .module-content h5,
.module-no-margin .module-content h6 {

    margin: 0;

}

/*

.module-white-bg > .module-inner { background-color:#fff; }

.module-white-bg > .module-inner > .module-title-default { padding:10px 10px 0; }

.module-white-bg > .module-inner > .module-content { padding:0 10px 10px 10px; }

.module-white-bg .scrollable ul li { width:225px; }

*/



.module-hlbg {}

.module-hlbg>.module-inner {

    background-color: #fff;

    padding: 20px;

}

.module-hlbg-title {

    margin-bottom: 20px;

}

.module-hlbg-title h3 {

    font-size: 20px;

    color: #333;

}

.module-hlbg-icon {

    padding-left: 25px;

    background-repeat: no-repeat;

    background-position: left center;

}

.module-hlbg-content {

    padding: 10px;

}

.module-hlbg-more {

    text-align: right;

    padding: 0 15px 15px;

}

.module-hlbg-more a {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    height: 20px;

    line-height: 20px;

    padding: 1px 8px;

    background-color: #9e9e9e;

    color: #fff;

    font-size: 12px;

}

.module-hlbg-more a:hover {

    background-color: #f30;

    color: #fff;

    text-decoration: none;

}

.module-hlbg>.module-divider {

    margin-bottom: 10px;

    margin-top: 10px;

}

.module-border-title {

    margin-bottom: 30px;

}

.module-border-title h3 {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    padding-bottom: 15px;

    border-bottom: 3px solid #fff;

    font-weight: normal;

    font-size: 18px;

    line-height: normal;

    color: #fff;

}

.module-border-title p {

    margin-bottom: 15px;

    line-height: normal;

    font-size: 24px;

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

}

.module-border>.module-inner>.module-content {}

.module-border-more {

    text-align: right;

    padding: 0 15px 15px;

}

.module-border-more a {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    height: 20px;

    line-height: 20px;

    padding: 1px 8px;

    background-color: #808080;

    color: #fff;

    font-size: 12px;

}

.module-border-more a:hover {

    background-color: #f30;

}

.module-full-screen>.module-inner {

    padding: 60px 0;

}

.module-full-screen-title {

    margin-bottom: 30px;

    text-align: center;

}

.module-full-screen-title>.module-title-content>h2 {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    margin: 0 20px;

    font-size: 28px;

    color: #fff;

    line-height: normal;

    font-weight: normal;

}

.module-full-screen-title>.module-title-content>i {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 111px;

    height: 11px;

    position: relative;

    top: -4px;

}

.module-full-screen-title>.module-title-content>i.title-bg-img-left {

    background: url(../images/title-bg-img-left.png) no-repeat center;

}

.module-full-screen-title>.module-title-content>i.title-bg-img-right {

    background: url(../images/title-bg-img-right.png) no-repeat center;

}

.module-full-screen-more {

    float: none;

    clear: both;

    margin-top: 30px;

    text-align: center;

}

.module-full-screen-more a {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    line-height: 34px;

    padding: 0 30px;

    border: 2px solid #fff;

    color: #fff;

    font-size: 13px;

    transition: All 0.5s ease;

}

.module-full-screen-more a:hover {

    background-color: #fff;

    border-color: #fff;

    color: #000;

    text-decoration: none;

}

.module-full-screen-black {

    background-color: #272727;

    color: #fff;

}

.module-full-screen-black .module-full-screen-title>.module-title-content>h2 {

    color: #fff;

}

.module-full-screen-bg-img {

    background-repeat: no-repeat;

    background-position: center;

}

/* 在线客服 */

.service {

    clear: both;

    margin-bottom: 20px;

    width: 160px;

}

.service-title {

    position: relative;

    line-height: 36px;

    border-bottom: 3px solid #f90;

    background-color: #464a4b;

    color: #fff;

    *padding-top: 1px;

}

.service-title h3 {

    font-size: 16px;

    padding: 0 15px;

}

.service-title .service-title-icon {

    padding-left: 35px;

    background-repeat: no-repeat;

    background-position: 10px center;

}

.service-close-btn {

    position: absolute;

    top: 10px;

    right: 10px;

    display: block;

    width: 15px;

    height: 15px;

    overflow: hidden;

    background: url(../images/icon-service-close-btn.gif) no-repeat center;

    cursor: pointer;

}

.service-close-btn span {

    display: none;

}

.service-content {

    border: 1px solid #ccc;

    border-top: none;

    padding: 15px 10px;

    background-color: #fff;

    width: 138px;

}

.service-content .qhd-content,
.service-content .qhd-content a {

    color: #4d4d4d;

}

.service-content .qhd-content a:hover {

    color: #f30;

    text-decoration: none;

}

.service-content .qhd-content h1,
.service-content .qhd-content h2,
.service-content .qhd-content h3,
.service-content .qhd-content h4,
.service-content .qhd-content h5,
.service-content .qhd-content p {

    margin-bottom: 5px;

}

.service-content .qhd-content hr {

    border-color: #e5e5e5;

    height: 1px;

    font-size: 0;

    margin: 15px 0;

    clear: both;

    *margin: 7px 0;

}

.gotop {

    display: none;

}

.service-max {

    width: 160px;

    display: none;

    position: relative;

    top: -80px;

}

.service-max .gotop {

    margin-top: 5px;

    text-align: center;

    clear: both;

    width: 160px;

}

.service-max .gotop a {

    display: block;

    line-height: 34px;

    background-color: #6b7173;

    text-align: center;

    color: #fff;

    text-decoration: none;

}

.service-max .gotop a:hover {

    background-color: #464a4b;

    color: #fff;

    text-decoration: none;

}

.service-max .gotop a span {

    padding-left: 30px;

    background: url(../images/icon-gotop.gif) no-repeat left center;

}

.service-min {

    width: 46px;

    clear: both;

}

.service-min .service-title {

    height: auto;

    line-height: normal;

    border-bottom: none;

    background-color: transparent;

    padding: 0 0;

}

.service-min .service-title a {

    display: block;

    padding: 15px 13px;

    width: 20px;

    background-color: #f90;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    color: #fff;

    text-decoration: none;

}

.service-min .service-title a:hover {

    background-color: #e58a00;

    color: #fff;

    text-decoration: none;

}

.service-min .service-title .service-title-icon {

    background-position: center 15px;

    padding-top: 45px;

}

.service-min .gotop {

    margin-top: 2px;

    clear: both;

}

.service-min .gotop a {

    display: block;

    width: 46px;

    height: 46px;

    overflow: hidden;

    background: #6b7173 url(../images/icon-gotop.gif) no-repeat center;

    color: #fff;

    text-decoration: none;

}

.service-min .gotop a span {

    display: block;

    width: 36px;

    height: 36px;

    overflow: hidden;

    padding: 6px 5px 4px;

    line-height: 16px;

    text-align: center;

    font-size: 13px;

    display: none;

    cursor: pointer;

}

.service-min .gotop a:hover {

    background-color: #464a4b;

    background-image: none;

}

.service-min .gotop a:hover span {

    display: block;

    color: #fff;

    text-decoration: none;

}

.fixed-left .service {

    float: left;

}

.fixed-left .service-inner {

    _float: left;

}

.fixed-right .service {

    float: right;

}

.fixed-right .service-inner {

    _float: right;

}

.fixed-right .service-min {

    float: right;

}

/*----------------------------------------------------------------------------------------------------------------------------------------------------

           Pages style

----------------------------------------------------------------------------------------------------------------------------------------------------*/

html {

    background-repeat: repeat;

    /*	background-color: #1f1f1f;*/

}

body {

    font: 14px/1.8 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;

    /*color: #e5e5e5; background-color:#36393e;*/

}

body.font-en-US,
body.font-en-US .module-title-default>.module-title-content h3 {

    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;

}

a {

    color: #795548;

    text-decoration: none;

}

a:hover {

    color: #251b1b;

    text-decoration: none;

}

/* Common Class */

.float-left {

    float: left;

    display: inline;

}

.float-right {

    float: right;

    display: inline;

}

.text-left {

    text-align: left;

}

.text-right {

    text-align: right;

}

.text-center {

    text-align: center;

}

.dl-horizontal dt {

    float: left;

    display: inline;

}

.dl-horizontal dd {

    overflow: hidden;

    *zoom: 1;

}

.fixed {

    position: fixed;

    top: 0px;

    left: 0px;

}

.double-hr {

    border-top: 3px double #ccc;

    clear: both;

    font-size: 0;

    height: 0;

    overflow: hidden;

    margin-bottom: 20px;

    display: none;

}

#wrapper {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    background-color: #1f1f1f;

    background: url(../images/bg-img-02.jpg) center center fixed;

    padding-top: 50px;

}

.page-width {

    width: 980px;

    margin: 0 auto;

}

.layout-boxed {
    /*padding:0;*/

}

.layout-boxed #wrapper {

    width: 1060px;

}

.home-page {}

.insi-page#wrapper {

    background-color: transparent;

}

/* 左右悬浮 */

.fixed-side {

    position: absolute;

    top: 150px;

    z-index: 10001;

}

.fixed-left {

    left: 0;

}

.fixed-right {

    right: 0;

    float: right;

}

/* ============================= top ============================= */

.top {

    width: 100%;
    /*position:relative;*/

    z-index: 1000;

    background-color: #000;
    margin: 0 auto;

}

/* top-bar */

.top-bar {

    line-height: 36px;

    font-size: 13px;

    color: #808080;

    background-color: #272526;

    position: relative;

    z-index: 101;

}

.top-bar a {

    color: #808080;

}

.top-bar a:hover {

    color: #3B8CED;

    text-decoration: none;

}

.top-bar-content {

    max-width: 750px;

    height: auto !important;

}

.top-bar-content .qhd-content p {

    line-height: 36px;

}

.top-bar-content .qhd-content img {
    /*vertical-align:text-bottom;*/

    vertical-align: middle;

    line-height: normal;

}

.top-bar-content .link a {

    _position: relative;

    _top: 7px;

}

/* language */

.language {

    position: relative;

    font-size: 12px;

    z-index: 100;

}

.language a:hover {

    text-decoration: none;

}

.language .language-ico {

    padding: 0 0 0 20px;

    background-repeat: no-repeat;

    background-position: left center;

}

.language .sf-menu a {

    border: none;

    color: #666 !important;

    padding-top: 6px;

    padding-bottom: 9px;

}

.language .sf-menu li {

    background-color: transparent;

}

.language .sf-menu li ul {

    width: 11em;

}

.language .sf-menu li li {

    background-color: #fff;

}

.language .sf-menu li li a {

    border-bottom: 1px solid #f2f2f2;

    padding: 0.75em 1em;

}

.language .sf-menu li.sfHover,
.language .sf-menu li.sfHover a:hover {

    background-color: #fff;

}

.language .sf-menu li li:hover,
.language .sf-menu li.sfHover li a:hover,
.language .sf-menu li li a:focus,
.language .sf-menu li li a:hover,
.language .sf-menu li li a:active {

    background: #fafafa;

}

.language .sf-menu li:hover ul,
.language .sf-menu li.sfHover ul {

    top: 29px;

}

.language .sf-menu a.sf-with-ul {

    padding-right: 2em;

}

.language .sf-menu .sf-sub-indicator {

    top: 0.6em;

}

.language-sign {

    display: block;

    width: 36px;

    height: 16px;

    overflow: hidden;

    position: absolute;

    top: 7px;

    left: -30px;

    background: url(../images/language-bg.png) no-repeat left center;

}

/* logo */

.logo img {
    max-height: 80px;
}

.top-main-content .qhd-content img {

    vertical-align: text-bottom;

}

/* top-search */

.top-search {

    width: 200px;

}

.top-search .search-form .form-text {

    border: none;

    float: right;

    height: 28px;

    line-height: 28px;

    padding: 0 8px;

    width: 153px;

    color: #999;

    font-size: 12px;

}

.top-search .search-form .form-btn {

    float: right;

    padding: 0;

    width: 28px;

    height: 28px;

    overflow: hidden;

    border: none;

    cursor: pointer;

    background: #fff url(../images/search-icon-n.png) no-repeat center;

}

.top-search .search-form .form-btn:hover {

    background: #f30 url(../images/search-icon-h.png) no-repeat center;

}

.top-search .search-form .form-btn span {

    display: none;

}

/* ---------- header-v1 ---------- */

.header-v1 {

    color: #999;

}

.header-v1 a {

    color: #999;

}

.header-v1 a:hover {

    color: #fff;

    text-decoration: none;

}

.header-v1 .top-main {

    background-color: #000;

    width: 980px;
    margin: 0 auto;

}

.header-v1 .language {

    float: right;

    margin-top: 25px;

}

.header-v1 .language em {

    margin: 0 5px;

}

.header-v1 .logo {

    float: left;

    margin: 0px 50px 0 0;

}

.header-v1 .top-main-content-section {

    position: relative;

    margin-top: 5px;

}

.header-v1 .top-main-content {

    position: relative;

}

.header-v1 .top-widget {}

/* 全局 */

.header-v1 .nav {}

.header-v1 .main-nav .sf-menu a,
.header-v1 .main-nav .sf-menu a:visited {

    color: #fff;

}

.header-v1 .main-nav .sf-menu a:hover {

    text-decoration: none;

    color: #e20620;

}

.header-v1 .main-nav .sf-menu a {

    border: none;

    padding-top: 0;

    padding-bottom: 0;

    display: block;

    line-height: 70px;

    font-size: 14px;

}

/* 一级 */

.header-v1 .main-nav .sf-menu li {

    margin-left: 15px;

    background-color: transparent;

}

.header-v1 .main-nav .sf-menu li:hover,
.header-v1 .main-nav .sf-menu li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover>a,
.header-v1 .main-nav .sf-menu a:focus,
.header-v1 .main-nav .sf-menu a:hover,
.header-v1 .main-nav .sf-menu a:active {

    background-color: transparent;

    color: #fff;

}

.header-v1 .main-nav .sf-menu li.current,
.header-v1 .main-nav .sf-menu li.current .first-level,
.header-v1 .main-nav .sf-menu li.current .first-level:visited {

    background-color: transparent;

    color: #fff;

}

.header-v1 .main-nav .sf-menu li.sfHover .first-level {

    color: #fff;

}

.header-v1 .main-nav .sf-sub-indicator {

    display: none;

    background-image: url(../images/superfish-arrows.gif);

}

.header-v1 .main-nav .first-level {

    padding-left: 0.8em;

    padding-right: 0.8em;

}

.header-v1 .main-nav .first-level .sf-sub-indicator {

    top: 3em;

}

.header-v1 .main-nav .sf-menu li i {

    display: none;

    width: 100%;

    _width: expression((this.parentElement.clientWidth) +'px');

    height: 3px;

    overflow: hidden;

    background-color: #1d2023;

    position: absolute;

    bottom: 0px;

    left: 0;

}

.header-v1 .main-nav .sf-menu li:hover i,
.header-v1 .main-nav .sf-menu .nav-hover i,
.header-v1 .main-nav .sf-menu .current i,
.header-v1 .main-nav .sf-menu .sfHover i {

    display: none;

}

/* 二级以下 */

.header-v1 .main-nav .sf-menu li:hover ul,
.header-v1 .main-nav .sf-menu li.sfHover ul {

    top: 70px;

}

.header-v1 .main-nav .sf-menu li li:hover ul,
.header-v1 .main-nav .sf-menu li li.sfHover ul {

    top: 0;

    left: 13em;

}

.header-v1 .main-nav .sf-menu li li {

    margin-left: 0;

    background-color: rgba(243, 241, 234, 1);

    background-color: #f3f1ea\9;

}

.header-v1 .main-nav .sf-menu li li a,
.header-v1 .main-nav .sf-menu li li a:visited {

    padding-top: 0;

    padding-bottom: 0;

    line-height: 36px;

    font-weight: normal;

    font-size: 13px;

    color: #333;

}

.header-v1 .main-nav .sf-menu li li:hover,
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover>a,
.header-v1 .main-nav .sf-menu li li a:focus,
.header-v1 .main-nav .sf-menu li li a:hover,
.header-v1 .main-nav .sf-menu li li a:active {

    background-color: #262626;

    color: #fff;

}

.header-v1 .main-nav .sf-menu li li .sf-sub-indicator {

    top: 1em;

    display: block;

}

.header-v1 .top-search {

    position: absolute;

    right: 0;

    bottom: 10px;

    z-index: 10;

}

.header-v1 .top-search .search-form .form-text {

    float: none;

    position: absolute;

    right: 0;

    bottom: 0;

    padding-right: 40px;

    display: none;

    width: 0;

    height: 35px;

    line-height: 35px;

    background-color: #ebebeb;

    border-radius: 35px;

}

.header-v1 .top-search .search-form .form-btn {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 11;

    width: 35px;

    height: 35px;

    border-radius: 100%;

    background: #ebebeb url(../images/search-icon-n.png) no-repeat center;

}

.header-v1 .search-form-toggle {

    display: block;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 11;

    width: 35px;

    height: 35px;

    border-radius: 100%;

    background: #ebebeb url(../images/search-icon-n.png) no-repeat center;

}

.header-v1 .search-form-toggle span {

    display: none;

}

.layout-boxed .header-v1 .top-main {

    padding: 0 20px;

}

.layout-boxed .header-v1 .logo {

    margin-right: 30px;

}

.layout-boxed .header-v1 .main-nav .sf-menu li {

    margin-left: 5px;

}

/* ---------- header-v2 ---------- */

.header-v2 {}

.header-v2 .top-bar {

    color: #808080;

    font-size: 12px;

}

.header-v2 .top-bar a {

    color: #808080;

}

.header-v2 .top-bar a:hover {

    color: #b3b3b3;

}

.header-v2 .language {}

.header-v2 .language em {

    margin: 0 8px;

    font-family: arial;

    font-size: 12px;

    color: #808080;

}

.header-v2 .top-main {

    padding: 30px 0;

    background-color: #323232;

    color: #fff;

}

.header-v2 .top-main a {

    color: #e5e5e5;

}

.header-v2 .top-main a:hover {

    color: #fff;

}

.header-v2 .top-main .top-widget {

    margin-top: 10px;

}

/* 搜索 */

.header-v2 .top-search {

    width: 265px;

}

.header-v2 .top-search .search-form .form-text {

    width: 210px;

    background-color: #404040;

    color: #808080;

}

.header-v2 .top-search .search-form .form-btn {

    width: 38px;

    background-color: #f30;

}

.header-v2 .top-search .search-form .form-btn:hover {

    background: #b37c3e url(../images/search-icon-n.png) no-repeat center;

}

/* 全局 */

.header-v2 .nav {

    height: 50px;

    background: #202020;

}

.header-v2 .main-nav .sf-menu a,
.header-v2 .main-nav .sf-menu a:visited {

    color: #fff;

}

.header-v2 .main-nav .sf-menu a:hover {

    text-decoration: none;

}

.header-v2 .main-nav .sf-menu a {

    border: none;

    padding-top: 0;

    padding-bottom: 0;

    display: block;

    line-height: 50px;

    font-size: 15px;

    color: #fff;

    font-weight: bold;

}

/* 一级 */

.header-v2 .main-nav .sf-menu li {

    margin-right: 2px;

    background-color: transparent;

    background: url(../images/nav-dividing.gif) no-repeat right center;

}

.header-v2 .main-nav .sf-menu li.last {

    background-image: none;

}

.header-v2 .main-nav .sf-menu li:hover,
.header-v2 .main-nav .sf-menu li.sfHover,
.header-v2 .main-nav .sf-menu li.sfHover>a,
.header-v2 .main-nav .sf-menu a:focus,
.header-v2 .main-nav .sf-menu a:hover,
.header-v2 .main-nav .sf-menu a:active {

    background-color: #f30;

    color: #fff;

}

.header-v2 .main-nav .sf-menu li.current,
.header-v2 .main-nav .sf-menu li.current .first-level,
.header-v2 .main-nav .sf-menu li.current .first-level:visited {

    background-color: #f30;

    color: #fff;

}

.header-v2 .main-nav .sf-sub-indicator {

    background-image: url(../images/superfish-arrows-white.gif);

}

.header-v2 .main-nav .sf-menu .first-level {

    padding-right: 1.5em;

    padding-left: 1.5em;

    border-right: none;

}

.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {

    display: none;

}

.header-v2 .main-nav .sf-menu .last .first-level {

    border-right: none;

}

.header-v2 .main-nav .sf-menu li i {

    display: none;

    width: 100%;

    _width: expression((this.parentElement.clientWidth) +'px');

    height: 3px;

    overflow: hidden;

    background-color: #00b1e1;

    position: absolute;

    top: -3px;

    left: 0;

}

.header-v2 .main-nav .sf-menu li:hover i,
.header-v2 .main-nav .sf-menu .nav-hover i,
.header-v2 .main-nav .sf-menu .current i,
.header-v2 .main-nav .sf-menu .sfHover i {

    display: none;

}

/* 二级以下 */

.header-v2 .main-nav .sf-menu li:hover ul,
.header-v2 .main-nav .sf-menu li.sfHover ul {

    top: 50px;

    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

}

.header-v2 .main-nav .sf-menu li li:hover ul,
.header-v2 .main-nav .sf-menu li li.sfHover ul {

    top: 0;

    left: 13em;

}

.header-v2 .main-nav .sf-menu li li {

    margin-right: 0;

    background-color: rgba(191, 134, 67, 0.95);

    background-color: #f30\9;

    border-top: none;

    background-image: none;

}

.header-v2 .main-nav .sf-menu li li a,
.header-v2 .main-nav .sf-menu li li a:visited {

    padding: 0 20px;

    line-height: 40px;

    font-weight: normal;

    font-size: 13px;

    color: #fff;

}

.header-v2 .main-nav .sf-menu li li:hover,
.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v2 .main-nav .sf-menu li.sfHover li.sfHover>a,
.header-v2 .main-nav .sf-menu li li a:focus,
.header-v2 .main-nav .sf-menu li li a:hover,
.header-v2 .main-nav .sf-menu li li a:active {

    background-color: #b37c3e;

    color: #fff;

}

.header-v2 .main-nav .sf-menu li li .sf-sub-indicator {

    top: 1em;

    display: block;

}

/* ---------- header-v3 ---------- */

.header-v3 {}

.header-v3 a {

    color: #999;

}

.header-v3 a:hover {

    color: #f30;

    text-decoration: none;

}

.header-v3 .top-main {

    padding: 30px 0 40px;

}

.header-v3 .page-width {

    position: relative;

}

.header-v3 .logo {

    text-align: center;

}

.header-v3 .logo img {

    display: inline-block;

    margin-bottom: -5px;

}

.header-v3 .language {

    position: absolute;

    left: 0;

    bottom: 0;

}

.header-v3 .language a {

    margin-right: 15px;

}

.header-v3 .top-main-content {

    position: absolute;

    right: 0;

    bottom: -5px;

}

.header-v3 .top-widget {

    color: #808080;

}

/* 全局 */

.header-v3 .nav {

    height: 46px;

    background: #f30 url(../images/header-v3-bg.jpg) no-repeat center;

}

.header-v3 .main-nav .sf-menu a,
.header-v3 .main-nav .sf-menu a:visited {

    color: #fff;

}

.header-v3 .main-nav .sf-menu a:hover {

    text-decoration: none;

}

.header-v3 .main-nav .sf-menu a {

    border: none;

    padding-top: 0;

    padding-bottom: 0;

    display: block;

    line-height: 46px;

    font-size: 14px;

    color: #fff;

    font-weight: bold;

}

/* 一级 */

.header-v3 .main-nav .sf-menu li {

    margin-right: 2px;

    background-color: transparent;

}

.header-v3 .main-nav .sf-menu li.last {

    background-image: none;

}

.header-v3 .main-nav .sf-menu li:hover,
.header-v3 .main-nav .sf-menu li.sfHover,
.header-v3 .main-nav .sf-menu li.sfHover>a,
.header-v3 .main-nav .sf-menu a:focus,
.header-v3 .main-nav .sf-menu a:hover,
.header-v3 .main-nav .sf-menu a:active {

    background-color: #e7f2f8;

    color: #f30;

}

.header-v3 .main-nav .sf-menu li.current,
.header-v3 .main-nav .sf-menu li.current .first-level,
.header-v3 .main-nav .sf-menu li.current .first-level:visited {

    background-color: #e7f2f8;

    color: #f30;

}

.header-v3 .main-nav .sf-sub-indicator {

    background-image: url(../images/superfish-arrows-white.gif);

}

.header-v3 .main-nav .sf-menu .first-level {

    padding-right: 1.2em;

    padding-left: 1.2em;

    border-right: none;

    margin-right: 3px;

}

.header-v3 .main-nav .sf-menu .first-level .sf-sub-indicator {

    display: none;

}

.header-v3 .main-nav .sf-menu .last .first-level {

    border-right: none;

}

.header-v3 .main-nav .sf-menu li i {

    display: none;

    width: 100%;

    _width: expression((this.parentElement.clientWidth) +'px');

    height: 3px;

    overflow: hidden;

    background-color: #00b1e1;

    position: absolute;

    top: -3px;

    left: 0;

}

.header-v3 .main-nav .sf-menu li:hover i,
.header-v3 .main-nav .sf-menu .nav-hover i,
.header-v3 .main-nav .sf-menu .current i,
.header-v3 .main-nav .sf-menu .sfHover i {

    display: none;

}

/* 二级以下 */

.header-v3 .main-nav .sf-menu li:hover ul,
.header-v3 .main-nav .sf-menu li.sfHover ul {

    top: 46px;

    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

}

.header-v3 .main-nav .sf-menu li li:hover ul,
.header-v3 .main-nav .sf-menu li li.sfHover ul {

    top: 0;

    left: 13em;

}

.header-v3 .main-nav .sf-menu li li {

    margin-right: 0;

    background-color: rgba(255, 255, 255, 0.9);

    background-color: #fff\9;

    border-top: none;

    background-image: none;

}

.header-v3 .main-nav .sf-menu li li a,
.header-v3 .main-nav .sf-menu li li a:visited {

    padding-top: 0;

    padding-bottom: 0;

    line-height: 36px;

    font-weight: normal;

    font-size: 13px;

    color: #4d4d4d;

}

.header-v3 .main-nav .sf-menu li li:hover,
.header-v3 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v3 .main-nav .sf-menu li.sfHover li.sfHover>a,
.header-v3 .main-nav .sf-menu li li a:focus,
.header-v3 .main-nav .sf-menu li li a:hover,
.header-v3 .main-nav .sf-menu li li a:active {

    background-color: #25a9ba;

    color: #fff;

}

.header-v3 .main-nav .sf-menu li li .sf-sub-indicator {

    top: 1em;

    display: block;

}

/* 搜索 */

.header-v3 .top-search {

    width: 190px;

    margin-top: 10px;

}

.header-v3 .top-search .search-form .form-text {

    width: 128px;

    margin-right: 1px;

    background-color: #fff;

}

/* ---------- header-v4 ---------- */

.header-v4 {
    /*position:absolute;*/

    width: 100%;

    background-color: #1d66bf;

}

.header-v4 .logo {

    float: left;

    margin-top: 15px;

}

.header-v4 .nav,
.header-v4 .main-nav {

    float: right;

}

.boxed .header-v4 {

    width: 1060px;

}

/* 全局 */

.header-v4 .main-nav .sf-menu a,
.header-v4 .main-nav .sf-menu a:visited {

    color: #fff;

}

.header-v4 .main-nav .sf-menu a:hover {

    text-decoration: none;

    color: #fff;

}

.header-v4 .main-nav .sf-menu a {

    border: none;

    padding-top: 0;

    padding-bottom: 0;

    display: block;

    line-height: 100px;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

}

/* 一级 */

.header-v4 .main-nav .sf-menu li {

    margin-left: 5px;

    background-color: transparent;

}

.header-v4 .main-nav .sf-menu li:hover,
.header-v4 .main-nav .sf-menu li.sfHover,
.header-v4 .main-nav .sf-menu li.sfHover>a,
.header-v4 .main-nav .sf-menu a:focus,
.header-v4 .main-nav .sf-menu a:hover,
.header-v4 .main-nav .sf-menu a:active {

    background-color: #2379e3;

    color: #fff;

}

.header-v4 .main-nav .sf-menu li.current,
.header-v4 .main-nav .sf-menu li.current .first-level,
.header-v4 .main-nav .sf-menu li.current .first-level:visited {

    background-color: #2379e3;

    color: #fff;

}

.header-v4 .main-nav .sf-sub-indicator {

    background-image: url(../images/superfish-arrows-header-v4.gif);

}

.header-v4 .main-nav .first-level {

    padding-right: 1em;

    padding-left: 1em;

}

.header-v4 .main-nav .first-level .sf-sub-indicator {

    display: none;

}

.header-v4 .main-nav .sf-menu li i {

    display: none;

    width: 100%;

    _width: expression((this.parentElement.clientWidth) +'px');

    height: 2px;

    overflow: hidden;

    background-color: #f90;

    position: absolute;

    top: 0;

    left: 0;

}

.header-v4 .main-nav .sf-menu li:hover i,
.header-v4 .main-nav .sf-menu .nav-hover i,
.header-v4 .main-nav .sf-menu .current i,
.header-v4 .main-nav .sf-menu .sfHover i {

    display: block;

}

/* 二级以下 */

.header-v4 .main-nav .sf-menu li:hover ul,
.header-v4 .main-nav .sf-menu li.sfHover ul {

    top: 100px;

}

.header-v4 .main-nav .sf-menu li li:hover ul,
.header-v4 .main-nav .sf-menu li li.sfHover ul {

    top: 0;

    left: 13em;

}

.header-v4 .main-nav .sf-menu li li {

    margin-left: 0;

    background-color: #2379e3;

}

.header-v4 .main-nav .sf-menu li li a,
.header-v4 .main-nav .sf-menu li li a:visited {

    padding-top: 0;

    padding-bottom: 0;

    line-height: 36px;

    font-weight: normal;

    font-size: 13px;

    color: #fff;

}

.header-v4 .main-nav .sf-menu li li:hover,
.header-v4 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v4 .main-nav .sf-menu li.sfHover li.sfHover>a,
.header-v4 .main-nav .sf-menu li li a:focus,
.header-v4 .main-nav .sf-menu li li a:hover,
.header-v4 .main-nav .sf-menu li li a:active {

    background-color: #1f6dcc;

    color: #fff;

}

.header-v4 .main-nav .sf-menu li li .sf-sub-indicator {

    top: 1em;

    display: block;

}

/* ---------- header-v5 ---------- */

.header-v5 {

    position: absolute;

    top: 50px;

    left: 50%;

    margin-left: -515px;

    width: 1030px;

}

.header-v5 .page-width {

    width: auto;

    box-shadow: 0px 0px 3px #e5e5e5;

}

.header-v5 .logo {

    height: 80px;

    float: left;

    background-color: #fff;

    padding: 0 25px 0;

}

.header-v5 .logo a {

    display: block;

    margin-top: 10px;

}

.header-v5 .nav,
.header-v5 .main-nav {

    float: right;

}

.header-v5 .top-main {

    background-color: #3299a4;

}

/* 全局 */

.header-v5 .nav {

    margin-right: 25px;

}

.header-v5 .main-nav .sf-menu a {

    color: #999;

}

.header-v5 .main-nav .sf-menu a:hover {

    text-decoration: none;

}

.header-v5 .main-nav .sf-menu a {

    border: none;

    padding-top: 0;

    padding-bottom: 0;

    display: block;

    line-height: 80px;

    font-size: 15px;

    color: #fff;

    font-weight: bold;

}

/* 一级 */

.header-v5 .main-nav .sf-menu li {

    margin-left: 3px;

    background-color: transparent;

}

.header-v5 .main-nav .sf-menu li:hover,
.header-v5 .main-nav .sf-menu li.sfHover,
.header-v5 .main-nav .sf-menu li.sfHover>a,
.header-v5 .main-nav .sf-menu a:focus,
.header-v5 .main-nav .sf-menu a:hover,
.header-v5 .main-nav .sf-menu a:active {

    background-color: #00809c;

    color: #fff;

}

.header-v5 .main-nav .sf-menu li.current,
.header-v5 .main-nav .sf-menu li.current .first-level,
.header-v5 .main-nav .sf-menu li.current .first-level:visited {

    background-color: #00809c;

    color: #fff;

}

.header-v5 .main-nav .sf-sub-indicator {

    background-image: url(../images/superfish-arrows-white.gif);

}

.header-v5 .main-nav .sf-menu .first-level {

    padding-right: 1em;

    padding-left: 1em;

    border-right: none;

}

.header-v5 .main-nav .sf-menu .first-level .sf-sub-indicator {

    display: none;

}

.header-v5 .main-nav .sf-menu .last .first-level {

    border-right: none;

}

.header-v5 .main-nav .sf-menu li i {

    display: none;

    width: 100%;

    _width: expression((this.parentElement.clientWidth) +'px');

    height: 3px;

    overflow: hidden;

    background-color: #ea0112;

    position: absolute;

    top: -3px;

    left: 0;

}

.header-v5 .main-nav .sf-menu li:hover i,
.header-v5 .main-nav .sf-menu .nav-hover i,
.header-v5 .main-nav .sf-menu .current i,
.header-v5 .main-nav .sf-menu .sfHover i {

    display: none;

}

/* 二级以下 */

.header-v5 .main-nav .sf-menu li:hover ul,
.header-v5 .main-nav .sf-menu li.sfHover ul {

    top: 80px;

    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

}

.header-v5 .main-nav .sf-menu li li:hover ul,
.header-v5 .main-nav .sf-menu li li.sfHover ul {

    top: 0;

    left: 13em;

}

.header-v5 .main-nav .sf-menu li li {

    margin-left: 0;

    background-color: rgba(0, 128, 156, 0.9);

    background-color: #00809c\9;

}

.header-v5 .main-nav .sf-menu li li a,
.header-v5 .main-nav .sf-menu li li a:visited {

    padding-top: 0;

    padding-bottom: 0;

    line-height: 36px;

    font-weight: normal;

    font-size: 13px;

    color: #fff;

}

.header-v5 .main-nav .sf-menu li li:hover,
.header-v5 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v5 .main-nav .sf-menu li.sfHover li.sfHover>a,
.header-v5 .main-nav .sf-menu li li a:focus,
.header-v5 .main-nav .sf-menu li li a:hover,
.header-v5 .main-nav .sf-menu li li a:active {

    background-color: #39afbd;

    color: #fff;

}

.header-v5 .main-nav .sf-menu li li .sf-sub-indicator {

    top: 1em;

    display: block;

}

/* ============================= header ============================= */

/*.header { min-height:80px; height:auto !important; _height:80px; }

.has-min-height { min-height:160px; height:auto !important; _height:160px; }

*/













/* ============================= page-title & page-name & page-menu ============================= */

.page-title .page-width {

    overflow: hidden;

}

.page-title .page-name {

    line-height: 38px;

}

.page-title .page-name h2 {

    font-size: 16px;

}

.page-title .breadcrumbs {

    line-height: 38px;

}

.page-title-inner {

    background: none;

    border-bottom: 1px solid #e5e5e5;

    padding: 0;

    margin-top: -15px;

    margin-bottom: 20px;

}

.page-title-inner .breadcrumbs {

    padding-left: 16px;

    background: url(../images/icon-home.png) no-repeat left center;

}

.page-menu {

    margin-bottom: 35px;

}

.page-menu-title {

    margin-bottom: 30px;

}

.page-menu-title h3 {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    padding-bottom: 15px;

    border-bottom: 3px solid #fff;

    font-weight: normal;

    font-size: 18px;

    line-height: normal;

    color: #fff;

}

.page-menu-title p {

    line-height: normal;

    margin-bottom: 15px;

    color: #fff;

    font-size: 24px;

    font-family: Arial, Helvetica, sans-serif;

}

.page-menu-content {}

.page-menu-content ul {}

.page-menu-content ul li {

    position: relative;

}

.page-menu-content ul li.last {

    background: none;

}

.page-menu-content ul li a {

    display: block;

    padding: 6px 0;

    color: #a6a6a6;

    font-size: 15px;

    *zoom: 1;

}

.page-menu-content ul li i {

    display: none;

    width: 7px;

    height: 7px;

    overflow: hidden;

    position: absolute;

    top: 17px;

    right: 0;

    _right: 15px;

}

.page-menu-content ul li a:hover {

    text-decoration: none;

    color: #fff;

}

.page-menu-content ul li:hover i {}

.page-menu-content ul ul {

    padding: 0 0 5px 20px;

    margin-top: -3px;

}

.page-menu-content ul ul li {

    border-bottom: none;

    background-image: none;

}

.page-menu-content ul ul li a {

    line-height: normal;

    padding: 5px 0 5px 10px;

    background: url(../images/page-menu-sub.gif) no-repeat left center;

    font-size: 12px;

}

.page-menu-content ul li.current a {

    color: #fff;

}

.page-menu-content ul li.current i {

    background-image: url(../images/page-menu-c.gif);

}

.page-menu-content ul li.current ul {

    display: block;

}

.page-menu-content ul li.current ul li {}

.page-menu-content ul li.current ul li a {

    color: #a6a6a6;

    padding-left: 10px;

    background: url(../images/page-menu-sub.gif) no-repeat left center;

}

.page-menu-content ul li.current ul li a:hover,
.page-menu-content ul li.current ul li.current a {

    color: #fff;

    background-image: url(../images/page-menu-sub-c.gif);

}

/* ============================= main ============================= */

.main {}

.page-title-wrap {

    position: relative;

    margin-bottom: 40px;

    text-align: center;

}

.page-title-wrap h2 {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    padding: 0 10px 15px;

    line-height: normal;

    border-bottom: 3px solid #fff;

    color: #fff;

    font-size: 24px;

    font-weight: normal;

}

.full-page-content {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    padding: 50px 0 45px;

}

.full-page-content .page-menu {

    background-color: transparent;

    margin-bottom: 30px;

}

.full-page-content .page-menu-content {

    padding: 0;

}

.full-page-content .page-menu-content ul {

    padding: 0;

    text-align: center;

}

.full-page-content .page-menu-content ul li {

    border-bottom: none;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    background-image: none;

    margin: 0 8px;

}

.full-page-content .page-menu-content ul li a {

    line-height: 38px;

    padding: 0 10px;

    font-size: 14px;

    border: 1px solid #333;

    background-color: #000;

    opacity: 0.8;

    filter: alpha(opacity=80);

}

.full-page-content .page-menu-content ul li a:hover {

    background: #fff;

    border-color: #fff;

    opacity: 1;

    filter: alpha(opacity=100);

    color: #333;

}

.full-page-content .page-menu-content ul li.current a {

    background: #fff;

    border-color: #fff;

    opacity: 1;

    filter: alpha(opacity=100);

    color: #333;

}

.sidebar {

    width: 240px;

    padding: 0 0 50px;

    position: relative;

    z-index: 10;

}

.sidebar .qhd-content img {

    max-width: 240px;

    height: auto !important;

}

.content {

    width: 720px;

    padding: 0 0 50px;

    _overflow: hidden;

}

.content .qhd-content img {

    max-width: 720px;

    height: auto !important;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery {

    width: 360px;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image img {

    width: 100%;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper {

    height: 270px;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-nav .ad-thumbs {

    margin: 0 30px;

    width: 300px;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

    width: 30px;

    height: 60px;

    margin-top: -30px;

}

.content .product-intr .product-preview .single-img-wrap img {

    width: 350px !important;

}

.content .product-intr .zoom-small-image img {

    width: 364px !important;

}

.content .product-intr .zoom-thumbs {

    width: 376px;

}

.content .product-detail .product-name h1 {

    font-size: 16px;

}

.content .product-detail .price {

    font-size: 15px;

}

.full-page-content-wrapper {

    min-height: 250px;

    height: auto !important;

    _height: 250px;

}

.white-bg-wrapper {

    background-color: #fff;

}

.white-bg-wrapper .page-title {

    border-bottom: 1px dashed #c4c4c4;

}

.white-bg-wrapper .page-title h2 {

    line-height: normal;

    padding: 20px 25px 15px;

    font-size: 20px;

    color: #333;

}

.white-bg-wrapper .full-page-content-wrapper {

    padding: 30px 40px 50px;

}

.article-detail .article-title h1 {

    color: #fff;

    font-size: 24px;

    font-weight: normal;

}

.article-detail .entry-meta {

    border: none;

    color: #9c9c9c;

}

.article-detail .entry-meta a {

    color: #9c9c9c;

}

.article-detail .entry-meta a:hover {

    color: #fff;

}

.article-detail .article-content-wrapper {

    background-color: #fff;

    padding: 30px 40px 50px;

}

.full-screen {

    width: 100%;

    overflow: hidden;

}

.full-screen-sidebar {

    background: #262626;

    padding: 60px 30px;

    color: #fff;

}

.full-screen-sidebar a {

    color: #a6a6a6;

}

.full-screen-sidebar a:hover {

    color: #fff;

}

.full-screen-content {

    min-height: 200px;

    height: auto !important;

    _height: 200px;

    padding: 60px;

}

/*

	.full-screen-content .entry-item { background-color:#2a2a2a; padding-bottom:0; margin-bottom:40px; border-bottom:none; transition: all 0.5s ease 0s; }

	.full-screen-content .entry-item a { color:#fff; }	

	.full-screen-content .entry-item .typo-text { margin-top:15px; margin-right:20px; }

	.full-screen-content .entry-item:hover { background-color:#fff; }	

	.full-screen-content .entry-item:hover a { color:#1a1a1a; }

	.full-screen-content .entry-item:hover a:hover { color:#f30; }

	

	

	

	.font-white { color:#333 !important; }	

	.font-white a { color:#666 !important; }

	.font-white a:hover { color:#333 !important; }	

	.font-white .module-divider { background-color:#ccc !important; }

	

	*/



/* ============================= footer ============================= */

.footer {

    overflow: hidden;

    background-color: #f0eced;

    font-size: 13px;

}

.footer-main .page-width {

    padding-top: 35px;

    padding-bottom: 35px;

}

.footer .module-title-default>.module-title-content h3 {

    font-size: 16px;

    color: #4d4d4d;

}

.footer .module-more-default a {

    font-size: 12px;

}

/* ============================= bottom ============================= */

.bottom {

    overflow: hidden;

    font-size: 13px;

    color: #888;

    background: #101010 url(../images/bottom-bg.jpg);

}

.bottom .page-width {

    padding-top: 30px;

    padding-bottom: 30px;

}

.bottom a {

    color: #888;

}

.bottom a:hover {

    color: #fff;

}

.bottom .module-divider {

    margin-bottom: 20px;

    margin-top: 20px;

    background-color: #262626;

}

.bottom .module-title-default {

    margin-bottom: 5px;

}

.bottom .module-title-default>.module-title-content>h3 {

    font-size: 14px;

    line-height: 18px;

    color: #ccc;

}

.bottom .module-more-default a {

    color: #e5e5e5;

    background-color: #1a1b1d;

}

.bottom .module-more-default a:hover {

    color: #fff;

    background-color: #e20620;

}

.QHDEmptyArea {

    line-height: 0;

    height: 0;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

.qhd-content {
    text-align: center;
}

/* =======================================================================

 white bg css

==========================================================================*/

.white-bg .qhd-content {

    color: #333;

}

.white-bg .qhd-content a {

    color: #333;

}

.white-bg .qhd-content a:hover {

    color: #f30;

}

.white-bg .qhd-content hr {

    border-color: #ddd;

}

.white-bg .table {

    background-color: transparent;

}

.white-bg .table th,
.white-bg .table td {

    border-top: 1px solid #DDDDDD;

    color: #333;

}

.white-bg .table-striped tbody tr:nth-child(2n+1) td,
.white-bg .table-striped tbody tr:nth-child(2n+1) th {

    background-color: #F9F9F9;

}

.white-bg .table th {

    background: #EBEBEB;

}

.white-bg .table-bordered {

    -moz-border-colors: none;

    border-collapse: separate;

    border-color: #DDDDDD #DDDDDD #DDDDDD;

    border-style: solid solid solid none;

    border-width: 1px 1px 1px 0;

}

.white-bg .table-bordered th,
.white-bg .table-bordered td {

    border-left: 1px solid #DDDDDD;

}

.white-bg .table-row thead th {

    background: #ebebeb;

}

.white-bg .table-row tbody th {

    background: #f5f5f5;

}

.white-bg .table-col tbody th {

    background: #ebebeb;

}

/* ====== Slideshow & Scrollable ====== */

.white-bg .scrollable ul li h2 a {

    color: #333;

}

.white-bg .scrollable ul li h2 a:hover {

    color: #f30;

}

.white-bg .scrollable .carousel-direction a:hover {

    color: #333;

}

.white-bg .scrollable .carousel-direction a.disabled,
.white-bg .scrollable .carousel-direction a.disabled:hover {

    color: #e5e5e5;

}

/* ====== Tab & Accordion ====== */

.white-bg .tab-more a {

    border-color: #666;

    color: #666;

}

.white-bg .tab-more a:hover {

    background-color: #666;

    color: #fff;

}

/* 文章 & 产品 公用

------------------------------------------------------------------------------------------ */

.white-bg .entry-item {

    background-color: transparent;

    border-bottom: 1px dotted #d9d9d9;

    margin: 0 0 23px;

    padding: 0 0 25px;

}

.white-bg .entry-item:hover {

    background-color: #fff;

}

.white-bg .entry-item:hover a {

    color: #333;

}

.white-bg .entry-item:hover a:hover {

    color: #f30;

}

.white-bg .entry-item .typo-text {

    padding: 0;

}

.white-bg .entry-title a {

    color: #333;

}

.white-bg .portfolio-title a {

    color: #333;

}

.white-bg .portfolio-title a:hover {

    color: #f30;

}

.white-bg .product-filter dd a.current {

    color: #fff;

}

.white-bg .gallery-detail-title h1 {

    color: #333;

}

/* 分类 */

.white-bg .category ul li a {

    color: #333;

}

.white-bg .category ul li a:hover {

    color: #f30;

}

.white-bg .category ul li.current a {

    color: #f30;

}

.white-bg .category ul li.current ul li a {

    color: #333;

}

.white-bg .category ul li.current ul li a:hover,
.white-bg .category ul li.current ul li.current a {

    color: #f30;

    background: url(../images/page-menu-sub.gif) no-repeat left center;

}

/* 文章 */

.white-bg .article-list-row li {

    border-bottom: 1px dotted #d9d9d9;

}

.white-bg .article-list-row li .article-title {

    color: #4d4d4d;

}

.white-bg .article-list-row li .article-title:hover {

    color: #f30;

}

.white-bg .headlines-list .headlines-content-bg {

    border-bottom: none;

}

.white-bg .headlines-list .headlines-content .entry-title a {

    color: #333;

}

.white-bg .headlines-list .headlines-content .entry-title a:hover {

    color: #f30;

}

.white-bg .headlines-list .headlines-content {

    border-bottom: none;

}

.white-bg .entry-list-article .entry-item a {

    color: #808080;

}

.white-bg .article-list .portfolio-summary .qhd-content {

    color: #8b8b8b;

}

.white-bg .article-list li a:hover {

    background-color: #f2f2f2;

}

.white-bg .article-list-row li .file-download-disabled,
.white-bg .article-list-row li .file-download-disabled:hover {

    background: url(../images/icon-download-disabled.gif) no-repeat left center;

    color: #ccc;

    cursor: not-allowed;

}

.white-bg .blog-list .entry-item {

    padding: 0;

}

.white-bg .article-detail .article-title h1 {

    color: #333;

}

.white-bg .article-detail .entry-meta {

    border-bottom: 1px dotted #ccc;

}

.white-bg .article-detail .entry-meta a:hover {

    color: #f30;

}

.white-bg .article-detail .article-content-wrapper {

    padding-left: 0;

    padding-right: 0;

}

/* 产品 */

.white-bg .product-filter dt {

    color: #333;

}

.white-bg .product-filter dd a {

    color: #666;

}

.white-bg .product-detail .product-name h1 {

    color: #333;

}

.white-bg .product-detail .product-info-item {

    border-color: #e5e5e5;

    color: #4d4d4d;

}

/* Link 链接

------------------------------------------------------------------------------------------ */

.white-bg .link a {

    color: #333;

}

.white-bg .link a:hover {

    color: #f30;

}

.white-bg .link-list .link-name a {

    color: #333;

}

.white-bg .link-list .link-name a:hover {

    color: #f30;

}

/* 容器

------------------------------------------------------------------------------------------ */

.white-bg .module-title-default>.module-title-content h3 {

    color: #333;

}

.white-bg .module-title-default>.module-title-content span {

    color: #666;

}

.white-bg .module-title-default>.module-title-content span strong {

    color: #666;

}

.white-bg .module-border-title p {

    color: #4d4d4d;

}

.white-bg .module-border-title h3 {

    color: #333;

    border-bottom-color: #666;

}

.white-bg .module-full-screen-title>.module-title-content>h2 {

    color: #333;

}

.white-bg .module-full-screen-black .module-full-screen-title>.module-title-content>h2 {

    color: #fff;

}

.white-bg .module-full-screen-black .module-full-screen-content .qhd-content {

    color: #fff;

}

.white-bg .pagination span,
.pagination a {

    color: #fff;

    background-color: #666;

}

.white-bg .pagination a:hover {

    background: #f30;

    color: #fff;

    text-decoration: none;

}

.white-bg .pagination a:active {

    color: #fff;

}

.white-bg .pagination .disabled {

    background-color: #ccc;

    color: #999;

    cursor: default;

}

.white-bg .pagination .current {

    background-color: #f30;

    color: #fff;

}

/*分页*/

.m-page {

    text-align: right;

    font-size: 0;

    height: 38px;

    line-height: 38px;

    text-align: center;

}

.m-page li {

    display: inline
}

.m-page a,
.m-page i {

    display: inline-block;

    font-size: 15px;

    background-color: ;

    padding: 0px 13px;

    height: 36px;

    overflow: hidden;

    text-align: center;

    border: 0px #ddd solid;

    color: #bbb;

    font-family: Arial;

    margin-left: 5px;

    vertical-align: top;

}

.m-page a.next,
.m-page a.prev {

    font-family: 宋体;

    font-size: 16px;

    font-weight: 700;

}

.m-page a:hover,
.m-page li.thisclass a {

    background-color: #0d0d0d;

    color: #333;

}

.m-page span {

    font-size: 14px;

    padding-right: 10px;

}


.pagess {
    clear: both;
    margin: 20px;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
    font-size: 12px
}

.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #000;
    color: #999
}

.pagess ul li:hover {
    background: #666;
    color: #fff;
    border: 1px solid #666
}

.pagess ul li:hover a {
    color: #fff;
}

.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #666;
    padding: 2px 9px;
    margin: 0 3px;
    background: #666;
    color: #fff;
}

.pagess ul li.thisclass a {
    color: #fff;
}

.pagess ul li a {
    display: block;
    color: #999
}

.pagess ul li a:hover {
    color: #fff;
}




/*  
banner
*/
.swiper-container {
    width: 100%;
}

.swiper-container img {
    max-width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.swiper-text {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -56px;
    z-index: 2;
    text-align: center;
    color: #FFF;
    width: 100%;
}

.swiper-text h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    line-height: 24px;
}

.swiper-text p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    line-height: 24px;
}

.swiper-text .swiperbtn {
    display: block;
    background: #0064Cd;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d));
    background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    font-size: 14px;
}

.swiper-text .swiperbtn:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
    box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}


/* 话题标签topic */
.z64163meta-tags {
    padding: 20px 0;
}

.z64163meta-tags .z64163tagitem {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 100px;
    background: #f2f3f5;
    margin-bottom: 20px;
}

.z64163meta-tags .z64163tagitem:hover {
    background-color: rgba(0, 102, 255, .15);
}

.z64163meta-tags .z64163tagitem:not(:last-child) {
    margin-right: 10px;
}


/* 话题标签topic列表 */
.z64163container {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box
}

@media screen and (min-width:768px) {
    .z64163container {
        width: 750px
    }
}

@media screen and (min-width:992px) {
    .z64163container {
        width: 970px
    }
}

@media screen and (min-width:1200px) {
    .z64163container {
        width: 1170px
    }
}

@media only screen and (max-width: 1140px) {

    .z64163main,
    .z64163container {
        width: auto;
    }
}

.z64163place {
    min-height: 56px;
    background-color: #f2f3f5;
    line-height: 56px;
    font-size: 16px;
    padding: 0 20px;
    margin: 20px 0;
}

.z64163row .z64163rowtitle {
    text-align: center;
    padding: 30px 0 20px 0;
}

.z64163row .z64163rowtitle h1 {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
}

.z64163row .z64163rowtitle p {
    font-size: 16px;
    line-height: 30px;
    color: rgba(119, 119, 119, 1);
    font-family: Arial;
}

/* 自定义内容 */
.z64163content {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 30px;
}

.z64163content p {
    padding-bottom: 20px;
}

.z64163content .contain {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 36px 40px;
    background: #FAF7F2;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}

.z64163content .contain:hover {
    background: #EFEFEF;
}

.z64163content .contain .ch-title {
    font-size: 24px;
    font-weight: 600;
    color: #5d5044;
    line-height: 32px;
    margin-bottom: 6px;
}

.z64163content .contain .en-title {
    font-size: 16px;
    font-family: HelveticaNeueLTPro;
    color: rgba(133, 114, 90, 0.6);
    line-height: 32px;
    padding-bottom: 8px;
}

.z64163content .contain .line {
    width: 48px;
    height: 4px;
    background: #ff9f38;
    display: inline-block;
    margin-bottom: 24px;
}

.z64163content .contain p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    text-align: justify;
}

/* 列表 */
.z64163news_list_wrap {
    max-width: 1140px;
    margin: 0 auto;
}

.news_list_item_line {
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.news_list_item_line:hover {
    -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #2ba0e8;

}

.news_list_item_line:hover a {
    color: #2ba0e8;
}

.news_list_item_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
}

.news_list_item_date {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.news_list_item_title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}

.news_list_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.news_list_item_summery {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}

.news_list_item_group a {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    max-width: 100%;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2;
}

.news_list_parting_line {
    height: 0;
    border-bottom: 1px solid #ececec;
    margin: 0 1.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 分页 */
.zzpages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}

.zzpages ul li {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    vertical-align: top;
}

.zzpages li.thisclass {
    background: #292a32;
    border: 1px solid #292a32;
    color: #fff;
}

.zzpages ul li:hover {
    border: 1px solid #292a32;
}

.zzpages ul li a,
.zzpages ul li .pageinfo {
    color: #292a32;
    padding: 8px 12px;
}

.zzpages li.thisclass a {
    color: #fff;
}

.zzpages .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}

/* 话题标签topic列表结束 */