@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, form, input, select, option, table, thead, tfoot, tbody, tr, th, td, em, span, sup, sub, b, i, u, big, small, hr, br, video, article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary, time, wbr {
    margin: 0;
    padding: 0;
}

input, label, select, option, textarea, button {
    font-size: 100%;
    color: #555;
    border: 0;
    border: none;
    outline: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul, ol, li {
    list-style: none;
}

hr {
    clear: both;
    margin: 1em 0;
    border: 0;
    background-color: #ddd;
    height: 1px;
    overflow: hidden;
}

::selection {
    background: #000;
    color: #fff;
}

img, video {
    border: none;
    padding: 0;
    display: block;
    margin: 0 auto;
}

video {
    background-size: 100%;
    object-fit: fill;
    max-width: 100%;
}

html {
    width: 100%;
    height: 100%;
    overflow: yes;
    overflow: scroll;
    overflow-x: hidden;
}

body {
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: Arial;
    font-size: 1em;
    line-height: 1.5;
    font-style: normal;
    color: #555;
    background-color: #f5f5f5;
}

p {
}

h1, h2, h3, h4, h5, h6, dt {
    line-height: 1.3;
}

h1 {
    font-size: 1.75em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

a {
    text-decoration: none;
    outline: none;
    outline: 0;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #09f;
}

big {
    font-size: 1.5em;
}

small {
    font-size: .5em;
    text-transform: uppercase;
}

sup, sub {
    display: inline-block;
    font-size: .75em;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

blockquote {
    margin: 1em auto 1em 2em;
    padding: 1em;
    border-left: 3px solid #eee;
    background-color: #f5f5f5;
    position: relative;
}

blockquote:after {
    content: "\201C";
    display: inline-block;
    position: absolute;
    left: -35px;
    top: -5px;
    width: 32px;
    height: 32px;
    line-height: 50px;
    font-size: 64px;
    color: #ddd;
    text-align: right;
    clear: both;
    overflow: hidden;
}

blockquote p {
    margin-top: 1em;
}

blockquote p:first-child {
    margin-top: 0 !important;
}

blockquote blockquote {
    border-left: 3px solid #ddd;
    background-color: #eee;
}

.disabled {
    position: relative;
}

.disabled:after {
    content: url("../images/disabled.png");
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    clear: both;
}

.disabled:hover::after {
    display: block;
}

.disabledTip {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 3px;
    max-width: 100px;
    clear: both;
    font-size: 12px;
    color: #c00;
    border: 1px solid #fcc;
    border-radius: 3px;
    text-align: center;
    background-color: #ffc;
}

.tip {
    color: #f60;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 4px;
    font-size: .875em;
    background-color: #FFF1D3;
    border-width: 1px;
    border-color: #F8DFAA;
    border-style: solid;
}

.tip p:first-child {
    margin-top: 0 !important;
}

.tipinfo {
    color: #06c;
    background-color: #ecf5ff;
    border-color: #d2e9ff;
}

.tipgreen {
}

.tipred {
}

.AuthorWrap {
}

.AuthorCode {
}

.AuthorCodeImg {
}

.AuthorTel {
}

.AuthorPhone {
}

.AuthorCompany {
}

.AuthorAddress {
}

.height100p {
    height: 100% !important;
}

.width100p {
    width: 100% !important;
}

.f_r {
    float: right;
}

.f_l {
    float: left;
}

.lh_1 {
    line-height: 1 !important;
}

.fw_b {
    font-weight: bold !important;
}

.fw_n {
    font-weight: normal !important;
}

.imgfull {
}

.imgfull img {
    width: 100%;
}

.border {
    border: 1px solid #ddd !important;
}

.noborder {
    border: none !important;
}

.bdc_999 {
    border-color: #999 !important;
}

.bdc_f00 {
    border-color: #f00 !important;
}

.bd_none {
    border: none !important;
}

.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.red {
    color: #f00 !important;
}

.green {
    color: #090 !important;
}

.yellow {
    color: #f60 !important;
}

.purple {
    color: #f0f !important;
}

.grey {
    color: #999 !important;
}

.blue {
    color: #1473e6 !important;
}

.color_c {
    color: #ccc !important;
}

.color_9 {
    color: #999 !important;
}

.bgfff {
    background-color: #fff !important;
}

.bgf5f5f5 {
    background-color: #f5f5f5 !important;
}

.bgeee {
    background-color: #eee !important;
}

.bg000 {
    background-color: #000 !important;
}

.bg666 {
    background-color: #666 !important;
}

.bgf80 {
    background-color: #f80 !important;
}

.bg06c {
    background-color: #06c !important;
}

.nobg {
    background: none !important;
}

.ta-l {
    text-align: left !important;
}

.ta-c {
    text-align: center !important;
}

.ta-r {
    text-align: right !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.pd0 {
    padding: 0 !important;
}

.pd2 {
    padding: 2% !important;
}

.pd4 {
    padding: 4% !important;
}

.pd6 {
    padding: 6% !important;
}

.pd8 {
    padding: 8% !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt2 {
    padding-top: 2% !important;
}

.pt4 {
    padding-top: 4% !important;
}

.pt6 {
    padding-top: 6% !important;
}

.pt8 {
    padding-top: 8% !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb2 {
    padding-bottom: 2% !important;
}

.pb4 {
    padding-bottom: 4% !important;
}

.pb6 {
    padding-bottom: 6% !important;
}

.pb8 {
    padding-bottom: 8% !important;
}

.pb2em {
    padding-bottom: 2em !important;
}

.pb4em {
    padding-bottom: 4em !important;
}

.pb6em {
    padding-bottom: 6em !important;
}

.pd1px {
    padding: 1px !important;
}

.pd10px {
    padding: 10px !important;
}

.pd20px {
    padding: 20px !important;
}

.mg0 {
    margin: 0 !important;
}

.mg2 {
    margin: 2% !important;
}

.mg4 {
    margin: 4% !important;
}

.mg6 {
    margin: 6% !important;
}

.mg8 {
    margin: 8% !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt2 {
    margin-top: 2% !important;
}

.mt4 {
    margin-top: 4% !important;
}

.mt6 {
    margin-top: 6% !important;
}

.mt8 {
    margin-top: 8% !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb2 {
    margin-bottom: 2% !important;
}

.mb4 {
    margin-bottom: 4% !important;
}

.mb6 {
    margin-bottom: 6% !important;
}

.mb8 {
    margin-bottom: 8% !important;
}

.dp_b {
    display: block !important;
}

.dp_ib {
    display: inline-block !important;
}

.dp_n {
    display: none !important;
}

.of_h {
    overflow: hidden !important;
}

.of_v {
    overflow: visible !important;
}

.no_shadow {
    box-shadow: none !important;
}

.no_shadow .item {
    box-shadow: none !important;
}

.ws_nowrap h4 {
    white-space: nowrap !important;
}

.item_bgf5f5f5 .item {
    background-color: #f5f5f5 !important;
}

/********* textarea input ********************************************************************************/
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

textarea {
    font-size: 1.25em;
    line-height: 1.5;
    color: #ccc;
    background-color: #fff;
    width: 98%;
    padding: .5em 2% .5em 0;
    transition: .5s ease-in-out;
    text-align: left;
    border: 1px solid #ddd;
    margin: -1px;
    text-indent: .5em;
    min-height: 100px;
}

textarea.on {
    color: #333;
    border-color: #999;
    box-shadow: 0 0 .5em #ccc;
}

textarea.ok {
    color: #000;
}

textarea.error {
    border-color: #f00;
}

textarea.error:-ms-input-placeholder {
    color: #f00;
}

textarea.error::-webkit-input-placeholder {
    color: #f00;
}

textarea.error:-moz-placeholder {
    color: #f00;
}

textarea.error::-moz-placeholder {
    color: #f00;
}

input {
    font-size: 1.125em;
    line-height: 1.5;
    color: #ccc;
    background-color: #fff;
    width: 98%;
    padding: .5em 2% .5em 0;
    transition: .5s ease-in-out;
    text-align: left;
    border: 1px solid #ddd;
    margin: -1px;
    text-indent: .5em;
}

input:focus, input.on {
    color: #333;
    border-color: #999;
    box-shadow: 0 0 .5em #ccc;
}

input.ok {
    color: #000;
}

input.error {
    border-color: #f00;
}

input.error:-ms-input-placeholder {
    color: #f00;
}

input.error::-webkit-input-placeholder {
    color: #f00;
}

input.error:-moz-placeholder {
    color: #f00;
}

input.error::-moz-placeholder {
    color: #f00;
}

input[type='buttom'], input[type='reset'] {
    width: auto;
    box-shadow: none;
    padding: auto;
    text-align: center;
    cursor: pointer;
}

input[type='checkbox'] {
    width: auto;
    cursor: pointer;
    margin: auto;
    padding: auto;
    text-align: center;
    -webkit-appearance: checkbox;
}

input[type='submit'] {
    width: 100%;
    cursor: pointer;
    padding: auto;
    text-align: center;
}

.search_k {
    margin: 1em 0;
    clear: both;
    text-align: left;
}

.search_k input[type='text'] {
    width: 75%;
    border-right: none;
    margin-right: 0;
}

.search_k input[type='submit'] {
    width: 23%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #09f;
    background-image: url(../images/sch_w.png);
    text-indent: -999em;
    border-color: #09c;
    box-shadow: none;
}

.search_k input[type='text']:focus, .search_k input[type='text'].on {
    color: #09f;
    border-color: #09f;
}

.search_k input[type='text'].ok {
    color: #090;
}

i.error {
    color: #f00;
    font-size: 12px;
}

.city_wrap {
    width: 100% !important;
    clear: both;
    display: block !important;
}

.city_wrap li {
    position: relative;
    margin-bottom: 30px;
}

.city_wrap div.on {
    display: block;
}

.city_content {
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 8001;
    width: 100%;
    padding: 8px 0 0 0;
    overflow: auto;
    box-shadow: 0 .5em .5em #ccc;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    height: 200px;
    border: 1px solid #999;
    border-top: none;
    margin: 0 -1px;
}

.city_list {
    width: 100%;
    padding-bottom: 5px;
    overflow: hidden;
    font-size: .875em;
}

.city_list b {
    display: inline-block;
    vertical-align: top;
    color: #09f;
    word-break: break-all;
    white-space: nowrap;
    padding: 3px 5px;
    cursor: pointer;
    margin: 5px 0 0 5px;
    font-weight: normal;
    float: left;
}

.city_list .city_a {
    display: table-cell;
    *display: inline-block;
    width: 5000px;
    *width: auto;
    vertical-align: top;
}

.city_list a {
    display: inline-block;
    vertical-align: top;
    color: #999;
    word-break: break-all;
    white-space: nowrap;
    padding: 3px 5px;
    cursor: pointer;
    margin: 5px 0 0 5px;
    border-radius: 3px;
    background-color: #f5f5f5;
}

.city_list a:hover {
    color: #09f;
    background-color: #d2e9ff;
}

/*******************  table   ****************************************************/
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    border: none;
    margin: 1em auto;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 1px #ccc;
}

table thead {
    background-color: #eee;
    font-size: .75em;
    border-bottom: 1px solid #ccc;
}

table tbody {
    background-color: #fff;
    font-size: .875em;
}

table tfoot {
    background-color: #f5f5f5;
    font-size: .75em;
    border-top: 1px solid #ddd;
}

table thead th, table thead td {
    box-shadow: 0 0 1px #bbb;
}

table th, table td {
    border: none;
    padding: 1em;
    box-shadow: 0 0 1px #ccc;
    z-index: 54;
}

table table th, table table td {
    border: none;
}

table th {
    color: #333;
    font-weight: bold;
    font-size: 1em;
}

table tr:first-child {
}

table thead th, table thead td {
    padding: 1.5em 1em;
}

table b {
    white-space: nowrap;
    font-weight: normal;
}

table strong {
    white-space: nowrap;
}

.tableodd {
    background-color: #f5f5f5;
}

.tablehover {
    z-index: 55;
    position: relative;
    box-shadow: 0 0 2em #ccc;
}

.tableobghead {
    background-color: #eee;
}

.tableobgfoot {
    background-color: #eee;
}

.sanliehover {
    z-index: 55;
    position: relative;
    background-color: #eee;
    box-shadow: 0 0 1px #333;
}

.tablewrap {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    padding: 1px;
}

.tablewrap::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.tablewrap::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

.imgdiv {
    overflow: hidden;
    text-align: center;
}

.imgdiv img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.videowrap {
    position: relative;
    text-align: center;
}

.videowrap video, .videowrap img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.videoplay {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    color: #fff;
    border-radius: 5em;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
}

.clear {
    clear: both;
}

.clearfix:after, .menubox:after, .modbox:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix, .menubox, .modbox {
}

.box {
    padding: 0 4%;
}

.boxfull {
    width: 100%;
}

.box:after, .boxfull:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.box, .boxfull {
    margin: 0 auto;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.left {
    display: inline-block;
    float: left;
    vertical-align: top;
    position: relative;
}

.right {
    display: inline-block;
    float: right;
    vertical-align: top;
    position: relative;
}

.center {
    display: table-cell;
    *display: inline-block;
    width: 5000px;
    *width: auto;
    vertical-align: top;
    position: relative;
}

.centerinner {
}

/*******************  anniu   ****************************************************/
.icon {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.iconArrow {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background-position: center center;
    background-repeat: no-repeat;
}

.iconArrowR {
    background-image: url(../images/ArrowR.png);
}

.iconCity {
    padding: .25em .5em;
    border: 1px solid #eee;
    border-radius: 5px;
    padding-left: 1.25em;
    background-repeat: no-repeat;
    background-position: .375em center;
}

.iconCityFrom {
    background-image: url(../images/iconCityFrom.png);
}

.iconCityTo {
    background-image: url(../images/iconCityTo.png);
    background-position: 92% center;
    padding-left: .5em;
    padding-right: 1.25em;
}

/*******************  anniu   ****************************************************/
.anniu0 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 1em auto;
    color: #fff;
    padding: .5em 1em;
    font-size: 1em;
    text-decoration: none;
    border-radius: 99em;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.anniu0 u, .anniu0 i, .anniu0 span {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    display: inline-block;
}

.anniu0:hover {
    color: #fff;
    text-decoration: none;
}

.anniu0:hover i {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.anniu-y {
    background-color: #f80;
    border: 1px solid #f70;
}

.anniu-y:hover {
    background-color: #f60;
    border: 1px solid #f50;
}

.anniu-b {
    background-color: #09f;
    border: 1px solid #08f;
}

.anniu-b:hover {
    background-color: #07f;
    border: 1px solid #06f;
}

.anniu-r {
    border: 1px solid #ff2d51;
    background: #ff4777;
}

.anniu-r:hover {
    border: 1px solid #ff4777;
    background: #f00056;
}

.anniu-g {
    border: 1px solid #390;
    background: #36A803;
}

.anniu-g:hover {
    border: 1px solid #363;
    background: #390;
}

.anniu-e {
    border: 1px solid #ddd;
    color: #f00;
}

.anniu-e:hover {
    border: 1px solid #ccc;
    color: #f00;
    background: #fff;
}

.anniu-f {
    border: 1px solid #c93;
    color: #c93;
}

.anniu-f:hover {
    border: 1px solid #c63;
    color: #c63;
}

.anniu-bg-f {
    border: none;
    background-color: #fff;
    color: #09f;
}

.anniu-bg-f:hover {
    background-color: #09f;
    color: #fff;
}

.anniu-bg-b {
    border: none;
    background-color: #09f;
    color: #fff;
}

.anniu-bg-b:hover {
    background-color: #07f;
    color: #fff;
}

.anniu-bg-y {
    border: none;
    background-color: #f80;
    color: #fff;
}

.anniu-bg-y:hover {
    background-color: #f60;
    color: #fff;
}

.anniu-bg-c {
    border: none;
    background-color: #eee;
    color: #333;
}

.anniu-bg-c:hover {
    background-color: #000;
    color: #fff;
}

.anniu-bd-f {
    border: 1px solid #fff;
    color: #fff;
}

.anniu-bd-f:hover {
    border: 1px solid #eee;
    color: #fff;
    box-shadow: 0 1px .5em #ccc;
}

.anniu-bd-b {
    border: 1px solid #09f;
    color: #09f;
}

.anniu-bd-b:hover {
    border: 1px solid #08f;
    color: #08f;
    box-shadow: 0 1px .5em #09f;
}

.anniu-bd-y {
    border: 1px solid #f80;
    color: #f80;
}

.anniu-bd-y:hover {
    border: 1px solid #f70;
    color: #f70;
    box-shadow: 0 1px .5em #f80;
}

.anniu-bd-c {
    border: 1px solid #ccc;
    color: #999;
}

.anniu-bd-c:hover {
    border: 1px solid #999;
    color: #000;
    box-shadow: 0 1px .5em #999;
}

.anniu0-pd2x {
    padding: 1em 1.5em !important;
}

.anniu-bd2x {
    border-width: 2px !important;
}

.anniu-bd2x:hover {
    border-width: 2px !important;
}

.anniu-box a {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 5px 10px;
    margin: 10px 5px 0 0;
    color: #999;
    background-color: #f6f6f6;
    border-radius: 3px;
}

.anniu-box a:hover {
    color: #900;
    text-decoration: none;
    background-color: #d2e9ff;
}

.anniu0img, .anniu0img-c {
}

.anniu-img-l {
    padding-left: 80px;
    background: url(../images/tel5.png) 10% center no-repeat;
}

.anniu0img i {
    display: inline-block;
    margin-left: .25em;
    transition: all 0.5s ease-in-out;
}

.anniu0img:hover > i {
    transform: scale(1.2, 1.2);
}

.anniu0img-c {
    background-image: url(../images/anniu-more-b.png);
}

.anniu0img-c:hover {
    background-image: url(../images/anniu-more.png);
}

/**************/

.lie2ul {
    width: 100%;
}

.lie2ul ul {
    margin-right: -1%;
    overflow: hidden;
}

.lie2ul ul li {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 49%;
    margin: 40px 1% 0 0;
}

.lie2ul table {
    margin: 0 !important;
}

.tools {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 9901;
    width: 48px;
    height: 48px;
    font-size: 20px;
}

.tools a {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    color: #fff;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.tools .onlinechat {
    z-index: 9906;
}

.tools .onlinechat:hover {
    background-color: #f00;
}

.list_ul {
    overflow: hidden;
    clear: both;
}

.list_ul li:first-child {
    border-top: none;
}

.list_ul li {
    border-top: 1px solid #eee;
    padding: .75em 0;
}

.list_ul li a {
    display: block;
    overflow: hidden;
}

.list_ul li .spanLeft {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-size: .75em;
    text-align: left;
    margin-top: 2px;
    height: 20px;
    line-height: 20px;
    float: left;
    width: 34px;
    border-right: 1px solid #ddd;
    word-break: break-all;
    word-break: normal;
}

.list_ul li .spanLeft img {
    width: 100%;
}

.list_ul li small {
    display: block;
    font-size: .875em;
    color: #ccc;
}

.list_ul li .spanRight {
    float: right;
    color: #ccc;
    font-size: .75em;
}

.list_ul li .spanCenter {
    display: table-cell;
    *display: inline-block;
    width: 2000px;
    *width: auto;
    vertical-align: top;
    padding-left: .5em;
    padding-right: .5em;
    overflow: hidden;
}

#mySwiper9, #mySwiper99, #mySwiper999 {
    height: 240px;
    overflow: hidden;
}

.submenu {
    clear: both;
}

.submenu li {
    width: 100% !important;
    text-align: left;
    height: 60px;
    line-height: 60px;
    border-top: 1px dashed #ddd;
    margin-top: -1px;
}

.submenu li:first-child {
    border-top: none;
    margin-top: 0;
}

.submenu li h2 {
    margin: 0;
}

.submenu li a {
    display: block;
    width: 90%;
    height: 100%;
    padding: 0 10% 0 0;
    background-image: url(../images/arrow_999_r16.png);
    background-repeat: no-repeat;
    background-position: 102% center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.submenu li a:hover {
    background-image: url(../images/arrow_f60_r16.png);
    animation: submenu 1s infinite linear;
}

.submenu li u {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 10%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #eee;
    border-radius: 60px;
    margin-top: 15px;
    margin-right: .5em;
    color: #f80;
    float: left;
}

.submenu li u img {
    height: 100%;
}

.submenu li span {
    _display: table-cell !important;
    *display: inline-block;
    width: 3000px;
    *width: auto;
    vertical-align: top;
}

.submenu li i {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    color: #ccc;
    padding-right: 3px;
    margin-left: .5em;
    white-space: nowrap;
    float: right;
    text-align: right;
}

@keyframes submenu {
    0% {
        background-position: 98% center;
    }
    50% {
        background-position: 102% center;
    }
    100% {
        background-position: 106% center;
    }
}

.submenu1 {
    clear: both;
    text-align: left;
}

.submenu1 li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 48% !important;
    overflow: hidden;
    margin: 5px 1%;
    box-shadow: 0 0 1px #999;
    border-radius: 4px;
}

.submenu1 li a {
    display: inline-block;
    padding: .75em;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.swiper-container ul li u {
    margin-top: 0;
}

.submenu ul {
    margin-left: 1em;
}

.submenu ul li {
    list-style: circle;
}

.submenu ul ul li {
    list-style: disc;
}

.fujinquyun {
    overflow: hidden;
    clear: both;
    margin-top: 0em;
}

.fujinquyun li {
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    overflow: hidden;
    margin: 1em .5em 0 0;
    border-radius: 0 9px 0 9px;
}

.fujinquyun li a {
    display: inline-block;
    padding: .25em .5em;
    background-color: #f80;
    color: #fff;
}

.fujinquyun li a:hover {
    background-color: #333;
    color: #fff;
}

.backtotop {
    position: fixed;
    right: 0;
    bottom: -48px;
    z-index: 9902;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    background-color: #f00;
    color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.backtotopon {
    bottom: 30%;
    opacity: 1;
}

/*******************  header   ****************************************************/

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9500;
    width: 100%;
    height: 80px;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.headeron {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.headerDown {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
}

.headerUp {
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}

.logo {
    width: 150px;
    height: 80px;
    line-height: 80px;
    font-size: 2em;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    float: left;
    margin: 0 2%;
}

.logo p {
    height: 100%
}

.logo img {
    display: block;
    margin: 0 auto;
    height: 100%;
}

.topbar {
    height: 80px;
    float: right;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.topbar a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 0 1em 0 0;
}

.topbar span {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.topbar u {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    -ms-transform: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.topbar .wel {
    display: none;
}

.topbar .cn-tw {
}

.topbar .sch {
}

.topbar .tel {
}

.topbar a:hover {
    color: #09f;
}

.topbar a:hover u {
    transform: rotate(42deg);
    border-color: #09f;
    color: #09f;
}

.topbar ul {
    overflow: hidden;
}

.topbar li {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 42%;
    padding: 2%;
    margin: 2%;
    text-align: center;
}

/********* nav ******/
.nav {
    height: 80px;
    display: table-cell;
    *display: inline-block;
    width: 5000px;
    *width: auto;
    vertical-align: top;
}

.navicon {
    display: none;
}

.navbox {
    overflow: hidden;
}

.navlist {
    overflow: hidden;
}

.navlist dl {
    display: inline-block;
    vertical-align: top;
}

.navlist dt {
    height: 80px;
    text-align: left;
    overflow: hidden;
    font-size: 1.125em;
    position: relative;
    z-index: 9938;
}

.navlist dt a {
    display: block;
    color: #000;
}

.navlist dt a:hover {
    color: #09f;
}

.navlist dt b {
    display: inline-block;
    padding: 0;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    overflow: hidden;
    font-weight: normal;
}

.navlist dt u {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 20px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-right: -34px;
    padding: 0 15px;
}

.navlist dt i {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 20px;
    height: 80px;
    line-height: 80px;
    text-align: right;
    margin-left: -45px;
    padding: 0 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navlist dd {
    display: none;
    position: absolute;
    z-index: 9936;
    left: 0;
    top: -9999em;
    width: 92%;
    padding: 4%;
    background-color: #eee;
    box-shadow: 0px 2px 3px #666;
    overflow: hidden;
}

.navlist dd li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 14.6666%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.navlist dd li a {
    display: block;
    padding: 1em;
    background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}

.navlist dd li sup {
    top: -2em;
    left: .5em;
    color: #fff;
    display: inline-block;
    padding: 5px;
    line-height: 1;
    font-size: 12px !important;
    background-color: #f00;
    border-radius: 3px;
    overflow: hidden;
}

.navlist dd .iconwrap u {
    text-decoration: none;
    color: #09f;
    text-align: left;
    font-size: 2.5em;
}

.navlist dd li a:hover {
    box-shadow: 0 0 1em #ccc;
}

.navlist dd li a:hover .iconwrap u {
    color: #000;
}

.navlist .active dt {
    background-color: #eee;
}

.navlist .active dt i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 0 28px 0 12px;
}

.navlist .active dd {
    z-index: 9937;
    top: 80px;
}

.TXbox {
    width: 100%;
    position: relative;
    overflow: hidden;
}

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

.TXboximg img {
    width: 70%;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #000;
}

.TXboxtext {
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 90%;
    padding: 5%;
}

.col_ol, .col_dl {
    clear: both;
}

.col_ol ol, .col_dl > div {
    clear: both;
    overflow: hidden;
}

.col_ol ol li, .col_dl dl {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.col_2 ol li, .col_2 dl {
    width: 50%;
}

.col_3 ol li, .col_3 dl {
    width: 33.3333%;
}

.col_4 ol li, .col_4 dl {
    width: 25%;
}

.col_6 ol li, .col_6 dl {
    width: 16.6666%;
}

.col_8 ol li, .col_8 dl {
    width: 12.5%;
}

.colKX_ol, .colKX_dl {
    clear: both;
}

.colKX_ol ol, .colKX_dl > div {
    clear: both;
    overflow: hidden;
    margin: -2%;
}

.colKX_ol ol li, .colKX_dl dl {
    display: inline-block;
    vertical-align: top;
    margin: 2%;
}

.colKX_2 ol li, .colKX_2 dl {
    width: 46%;
}

.colKX_3 ol li, .colKX_3 dl {
    width: 29.3333%;
}

.colKX_4 ol li, .colKX_4 dl {
    width: 21%;
}

.colKX_6 ol li, .colKX_6 dl {
    width: 12.6666%;
}

.colKX_8 ol li, .colKX_8 dl {
    width: 8.5%;
}

.col_bg li {
    text-align: center;
    overflow: hidden;
}

.col_bg li a {
    display: block;
    padding: 1em;
    background-color: #f5f5f5;
    box-shadow: 0 0 1px #ccc inset;
}

.col_bg li a:hover {
    color: #fff;
    background-color: #09f;
    box-shadow: 0 0 2em #06c inset;
}

.flex_ol {
    display: -webkit-flex;
    flex-wrap: -webkit-wrap;
    display: flex;
    flex-wrap: wrap;
    _justify-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
}

.flex_ol li {
    text-align: center;
    margin-bottom: 4%;
}

.flex_ol li .flexbox {
    padding: 1em 1em;
    box-shadow: 0 1px 3px #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.flex_ol li p {
    margin-top: 0;
    color: #999;
}

.flex_ol li .flexbox:hover {
    box-shadow: 0 0 3em #ddd inset;
}

.flex_col3 li {
    width: 31%;
}

.imgcase_content {
    clear: both;
    overflow: hidden;
}

.imgcase_content img {
    display: block;
    width: 100%;
}

.imgwidthfull {
    overflow: hidden;
}

.imgwidthfull img {
    width: 100%;
}

.partswiper {
    width: 100%;
    height: 100%;
}

.partswiper .swiper-container {
    width: 100%;
    height: 100%;
}

.partswiper .swiper-slide {

    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;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-parallax {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: repeat-y;
}

.swiper-bgimg, .swiper-cover, .swiper-text {
    width: 100%;
    height: 100%;
}

.swiper-bgimg {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.swiper-cover {
    position: absolute;
    left: 0;
    top: 0;
    _background-color: rgba(0, 0, 0, .5);
}

.swiper-text {
    position: relative;
}

.part {
    width: 100%;
    text-align: center;
    position: relative;
    clear: both;
    overflow: hidden;
    z-index: 150;
}

.partbox {
    position: relative;
    padding: 4% 4% 8% 4%;
    width: 92%;
}

.partboxfull {
    position: relative;
    width: 100%;
}

.partinner {
    padding: 4%;
}

.partinnerfull {
    padding: 4% 0;
}

.parttext {
    width: 100%;
    position: relative;
    z-index: 155;
}

.partcover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 154;
    background-color: rgba(0, 0, 0, .6);
}

.partcover img {
    width: 100%;
}

.partimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 153;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    object-fit: cover;
}

.partimg img {
    width: 100%;
}

.partimg video {
    width: 100%;
}

.partsticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.partflex {
    width: 100%;
    position: relative;
    z-index: 155;
    display: -webkit-flex;
    display: flex;
    flex-wrap: -webkit-wrap;
    flex-wrap: wrap;
    _justify-content: flex-start;
    justify-content: space-between;
    align-items: center;
    _align-items: stretch;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    object-fit: cover;
}

.partflexitem {
}

.flexitem_2 .partflexitem {
    width: 50%;
}

.flexitem_3 .partflexitem {
    width: 33.3333%;
}

.partflexcontent {
    _background-color: #fff;
    text-align: left;
    _color: #fff;
}

.partfleximage {
    _background-color: rgba(0, 0, 0, .8);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.partfleximage img {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    display: inline-block;
}

.partflex:hover .partfleximage img {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
}

.partnext {
    clear: both;
    margin-top: 4%;
}

.partfloat {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
}

.partfloat .partinner {
    padding: 8%;
}

.part .left {
    width: 50%;
    float: left;
    text-align: left;
}

.part .right {
    width: 50%;
    float: right;
    text-align: left;
}

.parttop {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.partbottom {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.partleft {
}

.partright {
}

.part h3 {
    font-size: 2em;
}

.part h3 small {
    white-space: nowrap;
    display: inline-block;
    max-width: 80%;
    font-weight: normal;
}

.part h3 b {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.part h3 b:before, .part h3 b:after {
    content: "—";
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    width: 2em;
    height: 1em;
    line-height: 1em;
    clear: both;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #999;
}

.part h3 b:before {
    left: -2em;
}

.part h3 b:after {
    right: -2em;
}

.part h5 b {
    display: inline-block;
    vertical-align: top;
    padding: 0 .5em;
    color: #333;
}

.part .postinfo {
    margin-top: 1em;
}

.part_fff {
    color: #666;
    background-color: #fff;
}

.part_fff h2 {
    color: #ccc;
}

.part_fff h2 b {
    color: #333;
}

.part_fff h3 {
    color: #ccc;
}

.part_fff h3 b {
    color: #333;
}

.part_fff h4 {
    color: #333;
}

.part_eee {
    color: #666;
    background-color: #f5f5f5;
}

.part_eee h2 {
    color: #ccc;
}

.part_eee h2 b {
    color: #333;
}

.part_eee h3 {
    color: #999;
}

.part_eee h3 b {
    color: #333;
}

.part_eee h4 {
    color: #333;
}

.part_eee h5 b {
    color: #333;
}

.part_000 {
    color: #fff;
    background-color: #000;
}

.part_000 a {
    color: #fff;
}

.part_000 h2 {
    color: #fff;
}

.part_000 h2 b {
    color: #fff;
}

.part_000 h3 {
    color: #fff;
}

.part_000 h3 b {
    color: #fff;
}

.part_000 h4 {
    color: #fff;
}

#part0 h1 a {
    color: #fff;
}

#part0 h1 a:hover {
    color: #fff;
}

.bjfw {
    overflow: hidden;
    color: #fff;
}

.bjfw dl {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: left;
    position: relative;
}

.bjfw dt {
    overflow: hidden;
}

.bjfw dt img {
    display: block;
    width: 100%;
}

.bjfw dd {
    text-align: left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgba(0, 0, 0, .6);
    box-shadow: 0 0 10em #000 inset;
}

.bjfw .bjfw0 {
    width: 50%;
}

.bjfw .bjfw-on dd {
    top: 0;
}

.imgzoom li {
}

.imgzoom li img {
    max-width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.imgzoom li:hover img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.caseimg {
    width: 100%;
    transition: all 0.75s ease-in-out;
}

.caseimg:hover {
    transform: rotateX(-360deg);
}

.iconzoom li u {
    max-width: 100%;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.iconzoom li:hover u {
    animation: iconzoomUrotate 2s infinite linear;
}

@keyframes iconzoomUrotate {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }

}

.iconwrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.iconwrap u {
    display: inline-block;
    font-size: 3em;
    text-decoration: none;
}

.colKX_ol li:hover .iconwrap, .colKX_dl dl:hover .iconwrap {
    -webkit-transform: scale(1.6, 1.6);
    transform: scale(1.6, 1.6);
}

#part_98 {
    color: #fff;
    padding-top: 110px;
    padding-bottom: 60px;
    clear: both;
}

#part_98 .box {
    text-align: center;
}

#part_98 h3 {
    font-size: 2em;
}

#steps {
    width: 100%;
    overflow: hidden;
    color: #999;
    background-color: #eee;
}

#steps .swiper-slide {
    background: url(../images/city01.gif) right center no-repeat;
}

#steps .swiper-slide-active {
}

#steps .swiper-slide div {
    padding: 1em;
}

#steps big {
    color: #f80;
}

/*******************  panel   ****************************************************/

#panel-body {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    -ms-transform: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.panel-body-right {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.panel-body-left {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.panel-body-top {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.panel-body-top2 {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.panel-body-bottom {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.panel {
    overflow: hidden;
    position: fixed;
    z-index: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .9);
    -webkit-transition: .3s ease-in-out;
    -ms-transform: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.panel-left {
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.panel-right {
    width: 50%;
    height: 100%;
    left: auto;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.panel-top {
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.panel-top2 {
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.panel-bottom {
    width: 100%;
    height: 80%;
    left: 0;
    top: 20%;
    background-color: #eee;
    box-shadow: 0 0 5em #999;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.panel-active {
    z-index: 999;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.panel-box {
    padding: 4%;
}

.panel-close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-indent: -999em;
    background: url(../images/close-f.png) center center no-repeat #09f;
}

.panel-close:hover {
    background-color: #f00;
}

.panel dl {
    text-align: left;
    clear: both;
    margin-top: 4%;
}

.step dl {
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/arrow4.gif);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
}

.step dl:last-child {
    background-image: none;
}

.step dl dt img {
    max-width: 50%;
    margin: 0 auto;
}

/**********************************    item   ************************************/

.item a {
    cursor: pointer;
    text-decoration: none;
}

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

.item {
    position: relative;
    z-index: 650;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 0 1px #ddd;
}

.item_bgf5f5f5 .item {
    background-color: #f5f5f5;
}

.sidebar .item, .sidebar1 .item {
    background-color: transparent;
}

.sidebar .item h4, .sidebar1 .item h4 {
    font-weight: normal;
}

.item dt {
    z-index: 651;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transform: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.item dt .itemdtinner {
    overflow: hidden;
    position: relative;
    z-index: 652;
    white-space: nowrap;
    text-align: center;
}

.item dt .itembicon {
    font-size: 1.375em;
    display: block;
    height: 100%;
    -webkit-transform: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.item dt .itemzxicon {
    font-size: 1.375em;
}

.itemColumn2 .item dt .itembicon {
    font-size: 1.25em
}

.itemColumn3 .item dt .itembicon, .itemColumn4 .item dt .itembicon, .itemColumn6 .item dt .itembicon, .itemColumn8 .item dt .itembicon {
    font-size: 1.125em
}

.module33 .item dt .itembicon {
    font-size: 1.125em
}

.item dt img {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    -webkit-transform: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.item dt video {
    width: 100%;
}

.itemon dt .itembicon {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.itemon dt img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.itemonDtImgs {
    animation: itemonDtImgs2 5s;

}

@keyframes itemonDtImgs2 {
    0% {
        transform: translate(0, 0)
    }
    30% {
        transform: translate(-100%, 0)
    }
    60% {
        transform: translate(-200%, 0)
    }
    90% {
        transform: translate(0, 0)
    }
}

.item .itemtitle {
}

.item .itemparent,
.item .itemtime,
.item .itemsale {
    display: none;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    background-color: rgba(0, 153, 255, .7);
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 25px;
    z-index: 657;
}

.item .itemsale {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 0;
    margin-left: 1em;
}

.item:nth-child(n) .itemsale {
    background-color: #f00;
}

.item:nth-child(n+1) .itemsale {
    background-color: #090;
}

.item:nth-child(n+2) .itemsale {
    background-color: #f0f;
}

.item:nth-child(n+3) .itemsale {
    background-color: #f60;
}

.item .itemsaleIstop {
}

.item .itemsaleTujian {
}

.item .itemsaleHot {
}

.item .itemsaleNew {
}

.item dd {
    z-index: 653;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.item dd .itemddinner {
    z-index: 654;
}

.item dd h4 {
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    overflow: hidden;
    height: 40px;
    display: block;
}

.item dd h4 em {
    font-style: normal;
}

.item dd span b {
    font-style: normal;
    font-weight: normal;
}

.item dd p {
    display: none;
    margin: .5em 0 0 0;
    clear: both;
    color: #999;
    font-size: .75em;
    height: 36px;
    overflow: hidden;
}

.item dd span,
.item dd .readmore,
.item dd .itemZixun,
.item dd .itemJiage,
.item dd .itemJiageSale {
    display: inline-block;
    vertical-align: top;
    font-size: .75em;
    position: absolute;
    z-index: 657;
    color: #999;
    -webkit-transform: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-align: center;
    display: none;
}

.item dd .shijian {
}

.item dd .liulan {
}

.item dd .pinglun {
}

.item dd .readmore,
.item dd .itemZixun,
.item dd .itemJiage,
.item dd .itemJiageSale {
    display: inline-block;
    left: 0;
    bottom: 0;
    background-color: #f90;
    color: #eee;
    padding: 0 2%;
    width: 46%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.item dd .readmore {
    width: 96%;
    color: #eee;
    background-color: #09f;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.item dd .itemZixun {
    left: auto;
    right: 0;
    background-color: #09f;
    color: #eee;
}

.item dd .itemJiage {
    font-size: 1em;
    color: #333;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.item dd .itemJiageSale {
    font-size: 1em;
}

.sidebar .item dd span,
.sidebar .item dd .liulan,
.sidebar .item dd .pinglun,
.sidebar .item dd .readmore,
.sidebar .item dd .itemZixun,
.sidebar .item dd .itemJiage,
.sidebar .item dd .itemJiageSale {
    display: none;
}

.itemon dt .iconwrap {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.msgshowwrap .item dd p {
    display: block;
}

#commentBack .item dd p {
    display: block;
}

.itemon {
    z-index: 659 !important; /*z-index:651;*/
    box-shadow: 0 0 3em #999 !important;

}

.sidebar .itemon {
    box-shadow: none !important;
}

.itemon dd .itemJiage {
    display: block;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.itemon dd .itemJiageSale {
    /*-webkit-transform: translateY(100%);
    transform: translateY(100%);*/
}

.itemon dd .readmore {
    display: block;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.itemContent h5, .itemContentLeft h5 {
    font-size: 1.125em;
    padding: 0;
    margin: 4em 0 1em 0;
    clear: both;
    border-top: 1px solid #ddd;
    text-align: center;
    position: relative;
}

.itemContent h5 b, .itemContentLeft h5 b {
    color: #333;
    display: inline-block;
    vertical-align: middle;
    padding: 0.15em 1em .15em 1em;
    background-color: #eee;
    margin-top: -1.8em;
}

.itemContentLeft h5 {
    margin-top: 2em;
    margin-bottom: 0;
    border-top: 1px solid #eee;
}

.itemContentLeft h5 b {
    background-color: #fff !important;
}

.itemContentLeft {
    overflow: hidden;
    padding: 0;
    margin-bottom: 4%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
}

.itemContentBox {
    padding: 0 4%;
    padding-bottom: 2%;
}

.itemContent {
    overflow: hidden;
    padding: 0 4%;
    padding-bottom: 2%;
}

.itemWrapper {
    display: -webkit-flex;
    flex-wrap: -webkit-wrap;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

....catalog .itemWrapper:after {
    content: "";
    flex: auto;
    display: block;
}

.itemWrapper .item:nth-child(9n) .itembicon {
    background-color: #4A4A4A;
}

.itemWrapper .item:nth-child(9n+1) .itembicon {
    background-color: #428BCA;
}

.itemWrapper .item:nth-child(9n+2) .itembicon {
    background-color: #5CB85C;
}

.itemWrapper .item:nth-child(9n+3) .itembicon {
    background-color: #D9534F;
}

.itemWrapper .item:nth-child(9n+4) .itembicon {
    background-color: #f80;
}

.itemWrapper .item:nth-child(9n+5) .itembicon {
    background-color: #00ABA9;
}

.itemWrapper .item:nth-child(9n+6) .itembicon {
    background-color: #B433FF;
}

.itemWrapper .item:nth-child(9n+7) .itembicon {
    background-color: #B37333;
}

.itemWrapper .item:nth-child(9n+8) .itembicon {
    background-color: #567E95;
}

.swiper-wrapper .item:nth-child(9n) .itembicon {
    background-color: #4A4A4A;
}

.swiper-wrapper .item:nth-child(9n+1) .itembicon {
    background-color: #428BCA;
}

.swiper-wrapper .item:nth-child(9n+2) .itembicon {
    background-color: #5CB85C;
}

.swiper-wrapper .item:nth-child(9n+3) .itembicon {
    background-color: #D9534F;
}

.swiper-wrapper .item:nth-child(9n+4) .itembicon {
    background-color: #f80;
}

.swiper-wrapper .item:nth-child(9n+5) .itembicon {
    background-color: #00ABA9;
}

.swiper-wrapper .item:nth-child(9n+6) .itembicon {
    background-color: #B433FF;
}

.swiper-wrapper .item:nth-child(9n+7) .itembicon {
    background-color: #B37333;
}

.swiper-wrapper .item:nth-child(9n+8) .itembicon {
    background-color: #567E95;
}

.itemColumn .item {
    box-shadow: 0 0 1px #ccc;
}

.itemColumn1 .item {
    width: 100%;
    box-shadow: none;
    border-bottom: 1px solid #eee;
}

.itemColumn2 .item {
    width: 50%;
}

.itemColumn3 .item {
    width: 33.3333%;
}

.itemColumn4 .item {
    width: 25%;
}

.itemColumn5 .item {
    width: 20%;
}

.itemColumn6 .item {
    width: 16.6666%;
}

.itemColumn7 .item {
    width: 14.2857%;
}

.itemColumn8 .item {
    width: 12.5%;
}

.itemColumnKX .item {
    margin-right: 4%;
    margin-bottom: 4%;
}

.itemColumn1KX .item {
    width: 100%;
    margin-right: 0;
}

.itemColumn2KX .item {
    width: 48%;
}

.itemColumn2KX .item:nth-child(2n) {
    margin-right: auto;
}

.itemColumn3KX .item {
    width: 30.6666%;
}

.itemColumn3KX .item:nth-child(3n) {
    margin-right: auto;
}

.itemColumn4KX .item {
    width: 22%;
}

.itemColumn4KX .item:nth-child(4n) {
    margin-right: auto;
}

.itemColumn5KX .item {
    width: 16.8%;
}

.itemColumn5KX .item:nth-child(5n) {
    margin-right: auto;
}

.itemColumn6KX .item {
    width: 13.3333%;
}

.itemColumn6KX .item:nth-child(6n) {
    margin-right: auto;
}

.itemColumn7KX .item {
    width: 10.8571%;
}

.itemColumn7KX .item:nth-child(7n) {
    margin-right: auto;
}

.itemColumn8KX .item {
    width: 9%;
}

.itemColumn8KX .item:nth-child(8n) {
    margin-right: auto;
}

/***** .itemlist8 *****/
.itemList8 {
    clear: both;
}

.itemList8 .item dd {
}

.itemList8 .item dd .itemddinner {
    padding: 20px;
    padding-bottom: 60px;
}

.sidebar .itemList8 .item dd .itemddinner {
    padding: 20px;
}

.itemList8 .itemddinner {
    text-align: left;
}

.itemList8 .item h4 {
}

.itemList8 .item .itemsale, .itemList8 .item .itemparent {
    display: inline-block;
}

.itemList8 .item .liulan {
    display: none;
    left: 20px;
    bottom: 20px;
}

.itemList8 .item .pinglun {
    display: none;
    right: 20px;
    bottom: 20px;
}

.itemList8 .item .zhaiyao {
    display: block;
    text-align: left;
    -webkit-transform: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.itemList8 .item dd .itemZixun {
    right: 0;
}

.itemList8 .item dd .itemJiage,
.itemList8 .item dd .itemJiageSale,
.itemList8 .item dd .readmore {
    left: 0;
}

/***** .module11 *****/
.module11 {
    clear: both;
    padding: 0;
}

.module11 .item {
    display: -webkit-flex;
    flex-wrap: -webkit-wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.module11 .item dt {
    width: 20%;
}

.module11 .item dd {
    width: 80%;
    position: relative;
    flex: 1;
}

.module11 .item dd:nth-last-child(1):first-child {
    width: 100%;
}

.module11 .item dt .itemdtinner {
    margin: 20px;
    margin-right: 0;
}

.module11 .item dt img {
    display: inline-block;
    vertical-align: top;
}

.module11 .item dt img:nth-child(2) {
    position: static;
    left: auto;
    top: auto;
}

.module11 .item dt img:nth-child(3) {
    position: static;
    left: auto
    top: auto;
}

.module11 .item dd .itemddinner {
    padding: 20px 20px 50px 20px;
}

.sidebar .module11 .item dd .itemddinner {
    padding: 20px;
}

.module11 .item .itemsale {
    display: inline-block;
}

.module11 .item .itemparent {
    display: inline-block;
    left: auto;
    right: 20px;
    top: 15px;
}

.module11 .item .shijia {
    display: inline-block;
    position: static;
    margin-top: .25em;
    margin-right: .5em;
    color: #f80;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    padding: 5px 6px;
}

.module11 .item .liulan {
    display: block;
    left: 20px;
    bottom: 20px;
}

.module11 .item .pinglun {
    display: block;
    right: 20px;
    bottom: 20px;
}

.module11 .item .zhaiyao {
    display: block;
}

.module11 .item dd .readmore,
.module11 .item dd .itemZixun,
.module11 .item dd .itemJiage,
.module11 .item dd .itemJiageSale {
    display: none;
}

.module11 .itemon {
}

.module11 .itemon dt img {
}

.module11 .itemon .readmore {
}

/***** .module22 *****/
.module22 {
    clear: both;
}

.module22 .item dd .itemddinner {
    padding: 20px;
    padding-bottom: 60px;
}

.sidebar .module22 .item dd .itemddinner {
    padding-bottom: 20px;
}

.module22 .item .itemsale, .module22 .item .itemparent {
    display: inline-block;
}

.module22 .item .liulan {
    display: block;
    left: 20px;
    bottom: 20px;
}

.module22 .item .pinglun {
    display: block;
    right: 20px;
    bottom: 20px;
}

.module22 .item .zhaiyao {
    display: block;
}

/***** .module33 *****/
.module33 {
    clear: both;
}

.module33 .item {
    display: -webkit-flex;
    flex-wrap: -webkit-wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.module33 .item dt {
    width: 33.3333%;
}

.module33 .item dd {
    width: 66.6666%;
    position: relative;
    flex: 1;
}

.module33 .item dd:nth-last-child(1):first-child {
    width: 100%;
}

.module33 .item dt .itemdtinner {
    margin: 20px 0 20px 20px;
    display: block
}

.module33 .item .itemsale {
    display: inline-block;
}

.module33 .item dd .itemddinner {
    padding: 20px 20px 40px 20px;
}

.sidebar .module33 .item dd .itemddinner {
    padding-bottom: 20px;
}

.module33 .item dd .shijian {
    display: inline-block;
    position: static;
    float: left;
    margin-top: .25em;
    margin-right: .5em;
    color: #f80;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1;
    padding: 5px 6px;
}

.module33 .item dd .liulan {
    display: block;
    left: 20px;
    bottom: 20px;
}

.module33 .item dd .pinglun {
    display: block;
    right: 20px;
    bottom: 20px;
}

.module33 .item dd .zhaiyao {
    display: block;
}

.module33 .item dd .readmore {
    display: none;
}

.module33 .item dd .itemZixun {
    display: block;
    background-color: transparent;
    color: #09f;
    text-align: right;
    padding: 0 6% 0 0;
    width: 44%;
}

.module33 .item dd .itemJiage,
.module33 .item dd .itemJiageSale {
    display: block;
    background-color: transparent;
    transparent;
    color: #f00;
    text-align: left;
    padding: 0 0 0 6%;
    width: 44%;
}

.module33 .itemon {
}

/***** .module44 *****/
.module44 {
    clear: both;
}

.module44 .item dt {
    background-color: rgba(0, 0, 0, .1);
}

.module44 .item dd {
    position: absolute;
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
}

.module44 .item dd .itemddinner {
    padding: 20px 20px 50px 20px;
}

.sidebar .module44 .item dd .itemddinner {
    padding-bottom: 40px;
}

.module44 .item dd h4 a {
    color: #fff;
}

.module44 .item .itemsale,
.module44 .item .itemparent {
    display: inline-block;
}

.module44 .item .liulan {
    display: inline-block;
    left: 20px;
    bottom: 20px;
    color: #ccc;
}

.module44 .item .pinglun {
    display: inline-block;
    right: 20px;
    bottom: 20px;
    color: #ccc;
}

.module44 .item .readmore {
    width: 96%;
}

.module44 .item dd .zhaiyao,
.module44 .item dd .itemZixun,
.module44 .item dd .itemJiage,
.module44 .item dd .itemJiageSale {
    display: none;
}

.module44 .itemon dt {
    background-color: rgba(0, 0, 0, .8);
}

.module44 .itemon dd {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/***** .module55 *****/
.module55 {
    clear: both;
    padding: 0;
}

.module55 .item dt .itemdtinner {
    margin: 0;
}

.module55 .item dd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.module55 .item dd .itemddinner {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.module55 .item .itemsale, .module55 .item .itemparent {
    display: none;
}

.module55 .item dd h4 {
    padding: 1em;
    text-align: center;
    margin-top: 25%;
}

.module55 .item dd h4 a {
    color: #fff;
}

.module55 .item .readmore {
    display: none;
    color: #fff;
    position: static;
    box-shadow: 0 0 1px #fff;
    width: 80%;
    margin-left: 8%;
}

.module55 .item .readmore:hover {
    background-color: #09f;
}

.module55 .itemon dd {
    background-color: rgba(0, 0, 0, .8);
}

/***** .module66 *****/
.module66 {
    clear: both;
    padding: 0;
}

.module66 .item dt {
    background-color: #000;
}

.module66 .item dd {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
}

.module66 .item dd .itemddinner {
    padding: 20px 20px 40px 20px;
}

.sidebar .module66 .item dd .itemddinner {
    padding-bottom: 20px;
}

.module66 .item dd h4 {
    font-size: 1.125em;
    margin-top: 4%;
}

.module66 .item dd h4 a {
    color: #fff;
}

.module66 .item .itemsale, .module66 .item .itemparent {
    display: none;
}

.module66 .item .liulan {
    display: block;
    left: 20px;
    bottom: 20px;
    color: #fff;
}

.module66 .item .pinglun {
    display: block;
    right: 20px;
    bottom: 20px;
    color: #fff;
}

.module66 .item .readmore {
}

.module66 .item .zhaiyao {
    display: none;
    color: #fff;
}

.module66 .itemon {
}

.module66 .itemon dd {
}

.module66 .itemon dd .zhaiyao {
    display: block;
}

/***** .module77 *****/
.module77 {
    clear: both;
}

.module77 .item dt .itemdtinner {
    margin: 20px 20px 0 20px;
    border-radius: 999em;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.module77 .item dd .itemddinner {
    padding: 20px;
    padding-bottom: 60px;
}

.sidebar .module77 .item dd .itemddinner {
    padding-bottom: 20px;
}

.module77 .item .itemsale, .module77 .item .itemparent {
    display: inline-block;
}

.module77 .item .liulan {
    display: block;
    left: 20px;
    bottom: 20px;
}

.module77 .item .pinglun {
    display: block;
    right: 20px;
    bottom: 20px;
}

.module77 .item .zhaiyao {
    display: block;
}

.sidebar .module77 .item h4 {
    text-align: center;
}

.sidebar .module77 .item .itemparent,
.sidebar .module77 .item .liulan,
.sidebar .module77 .item .pinglun,
.sidebar .module77 .item .zhaiyao {
    display: none;
}

.itemChange .itemWrapper {
    flex: none !important;
    display: block !important;
}

.itemChange .item {
    display: inline-block !important;
    float: left;
}

.itemChange .itemColumn4 .item:nth-child(6n) {
    width: 25%;
}

.itemChange .itemColumn4 .item:nth-child(6n+3) {
    width: 50%;
}

.itemChange .itemColumn4 .item:nth-child(6n+4) {
    width: 50%;
    margin-top: -16.725%;
}

.itembgf5f5f5 .item {
    background-color: #f5f5f5;
}

.item-col-2-kx {
    clear: both;
    overflow: hidden;
}

.itemlistwrap {
    margin-right: -4%;
}

.item-col-2-kx .item {
    width: 46%;
    margin: 4% 4% 0 0;
    position: relative;
}

.item-col-2-kx .item dd {
    _display: none;
    position: absolute;
    left: 0;
    top: 80%;
    height: 20%;
    background-color: rgba(0, 0, 0, .8)
}

.item-col-2-kx .item dd h4 {
    font-size: 100%;
    padding: 4%;
    width: 92%;
    border-radius: 3px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-col-2-kx .item dd p {
    display: block
}

.item-col-2-kx .itemon {
    box-shadow: 0 0 5px #999;
}

.item-col-2-kx .itemon dd {
    display: block;
    box-shadow: 0 0 10px #39c inset;
    top: 0;
    height: 100%;
}

.item-col-2-kx .itemon dd .readmore {
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    background-image: url(../images/alink32w_3.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.tagDseoAfter .itemlist .morebox {
    display: block;
}

/**********************************    posttag   ************************************/

.posttag {
    overflow: hidden;
    clear: both;
    text-align: left;
    font-size: .75em;
}

.posttag a {
    margin: .5em .5em 0 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none !important;
    position: relative;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    padding: 5px 8px;
    color: #09f;
    background-color: #ecf5ff;
}

.posttag u {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 1.25em;
    text-decoration: none !important;
}

.posttag a:hover {
    color: #fff;
    background-color: #09f;
}

/**********************************    banner0   ************************************/
.banner0navWrap {
    height: 100px;
    padding: 0;
    overflow: hidden;
    margin-top: -100px;
}

#banner0nav {
    background-color: rgba(0, 0, 0, .2);
}

#banner0nav .swiper-wrapper {
    white-space: nowrap;
}

#banner0nav .swiper-slide {
    text-align: left;
    color: #fff;
}

#banner0nav .swiper-inner {
    padding: 20px;
    height: 60px;
}

#banner0nav .swiper-inner img {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    float: left;
    margin-top: 0;
    margin-right: 20px;
}

#banner0nav .swiper-inner p {
    margin-top: 0;
    font-size: 12px;
}

#banner0nav .swiper-inner p big {
    line-height: 1;
}

#banner0nav .swiper-inner p a {
    white-space: nowrap;
    color: #1473e6;
}

#banner0nav .swiper-slide-thumb-active {
    background-color: rgba(255, 255, 255, .2);
}

#banner0 {
    background-color: #000;
    overflow: hidden;
}

#banner0 .swiper-wrapper {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.banner0box {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 710;
}

.banner0inner {
    padding: 12% 4%;
    text-align: center;
    overflow: hidden;
}

.banner0inner img {
    display: inline-block;
}

.banner0inner .ani-img {
    width: 16%;
    margin: 0 auto;
    display: block;
}

.banner0img {
    width: 100%;
    height: 95%;
    padding-top: 4%;
    z-index: 730;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.banner0imgwrap {
    width: 100%;
    height: 100%;
}

.banner0img img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.banner0img video {
    display: block;
    width: 100%;
    margin: -1% auto 0 auto;
}

.banner0cover {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 735;
    left: 0;
    top: 0;
    background-image: url(../images/banner_bg_b.gif);
    background-color: rgba(0, 0, 0, .2);
    box-shadow: 0 0 20em #000 inset;
}

.banner0text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 740;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.banner0 .left {
    width: 42%;
    padding: 12% 4%;
    text-align: left;
    z-index: 99;
}

.banner0 .right {
    width: 42%;
    padding: 12% 4%;
    text-align: center;
    z-index: 98;
}

.banner0 .right img, .banner0 .right video {
    width: 60%;
}

.banner0 h1, .banner0 h2 {
    margin-top: 3em;
    white-space: normal;
    text-shadow: 15px 2px 20px #333333;
}

.banner0 p {
    font-size: 1.125em;
}

.banner0 h1 img {
    max-width: 90%;
}

.banner0 h2 img {
    max-width: 90%;
}

.banner0 .swiper-slide h1 {
    transform: translateX(-600px);
    opacity: 0;
    transition: all 1s;
}

.banner0 .ani-slide h1 {
    transform: translateX(0);
    opacity: 1;
}

.banner0 .swiper-slide h2 {
    transform: translateX(600px);
    opacity: 0;
    transition: all 1s;
}

.banner0 .ani-slide h2 {
    transform: translateX(0);
    opacity: 1;
}

#banner0 .swiper-slide {
    overflow: hidden;
}

.banner1 {
    width: 100%;
    color: #333;
}

.banner1 a {
    color: #999;
}

.banner1 .left {
    width: 48%;
    text-align: left;
}

.banner1 .right {
    width: 48%;
    text-align: right;
}

.banner1box {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 710;
    overflow: hidden;
}

.banner1inner {
    text-align: center;
}

.banner1img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 730;
    text-align: center;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    object-fit: cover;
    background-image: url(../images/banner1_default.jpg);
}

.single .banner1img {
    background-image: none;
}

.banner1imgwrap img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.banner1imgwrap video {
    display: block;
    width: 100%;
    margin: -1% auto 0 auto;
}

.banner1cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 735;
    left: 0;
    top: 0;
    background-color: rgba(0, 51, 153, .6);
}

.single .banner1cover {
    background-color: transparent;
}

.banner1text {
    position: relative;
    z-index: 740;
    padding: 80px 4% 0 4%;
    text-align: center;
}

.smalltitle {
    font-size: .875em !important;
    font-weight: normal !important;
    color: #000;
}

.banner1 h1 {
    margin-top: 2em;
    margin-bottom: 0;
    color: #fff;
}

.banner1 h1 a {
    color: #fff;
}

.banner1 .smalltitle {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}

.banner1 h1.smalltitle {
    margin-bottom: 0;
}

.banner1 h2 {
    font-size: 1em;
    font-weight: normal;
    margin-top: 0 !important;
    margin-bottom: 2.5em;
    color: #ccc;
}

.banner1 h2 a {
    color: #ccc;
}

.banner1 h2.smalltitle {
    margin-bottom: 1em;
    font-size: .875em !important;
}

#subnav {
    width: 100%;
    overflow: hidden;
    z-index: 760;
    clear: both;
    font-size: 12px;
}

.single #subnav {
    width: 75%;
    float: left;
}

.subnav {
    clear: both;
    text-align: center;
    font-size: .875em;
    font-size: 12px;
}

.subnav li {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, .4));
}

.subnav li a {
    display: block;
    padding: 0 .5em;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #09f;
}

.subnav li a:hover {
    background-color: #fff;
    color: #f80;
}

.subnav-bottom {
    clear: both;
    width: 100%;
    overflow: hidden;
    z-index: 760;
}

.subnav-bottom .subnav li {
    border-radius: 0 0 3px 3px;
}

.subnav-bottom .subnav li a {
    background-color: #fff;
}

.subnav-bottom .subnav li a:hover {
    background-color: #f5f5f5;
}

.subnav .swiper-slide-active {
    color: #06c;
    background-color: #fff;
}

.subnav .swiper-slide-active a {
    color: #06c;
}

/**********************************    .main  begin   ************************************/
.main {
    width: 100%;
    position: relative;
    z-index: 650;
}

.shangxia {
    width: 100%;
    padding: 0;
    margin: 0;
}

.shangxia dt {
    font-size: 1em;
    height: 30px;
    text-align: left;
    font-size: 1.25em;
    position: relative;
}

.shangxia dt a {
}

.shangxia dt b {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-weight: normal;
}

.shangxia dt u {
}

.shangxia dt i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.shangxia dd {
    margin-top: 2%;
    padding: 0;
    text-align: left;
}

.shangxia dd ul {
    display: table-cell;
}

.shangxia .shangxiaimg {
    float: right;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.shangxia dt .on {
}

.pricetime dd {
    margin-top: .75em;
}

.mod {
    clear: both;
    position: relative;
    text-align: center;
}

.modbox {
}

.modleft, .modright {
    display: inline-block;
    vertical-align: top;
    width: 41%;
    padding: 4%;
    text-align: left;
}

.modleft {
}

.modright {
}

.usertools {
    overflow: visible;
    width: 100%;
    text-align: center;
    color: #666;
}

.usertools .modleft, .usertools .modright {
    width: 26%;
}

.usertools a {
    color: #f80;
}

.mod22 {
    position: relative;
    z-index: 650;
}

.mod22 .box, .mod22 .boxfull {
}

.mod22 .left {
    width: 75%;
}

.catalog .mod22 .left {
    width: 100%;
}

.mod22 .right {
    width: 23%;
    text-align: center;
}

.mod22 .right h5 {
    font-size: 1em;
    padding: 0;
    margin: 1em auto;
    clear: both;
    text-align: center;
    color: #333;
}

.mod22 .right h5 b {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.mod22 .right h5 b:before, .mod22 .right h5 b:after {
    content: "\200B";
    position: absolute;
    top: 50%;
    width: 2em;
    height: 2px;
    background-color: #ccc;
    clear: both;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.mod22 .right h5 b:before {
    left: -3em;
}

.mod22 .right h5 b:after {
    right: -3em;
}

.sidebar, .sidebar1 {
    clear: both;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 0 4em 0;
}

.partnav {
    width: 100%;
    margin: 1em 0 0 0;
    clear: both;
    overflow: hidden;
}

.partnavbox {
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.partnav li {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    float: left;
    text-align: center;
    padding: 2%;
    width: 21%;
    border: 1px dashed #ccc;
    margin: -1px;
}

.partnav li img {
    width: 80%;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px;
}

.partnav6 li {
    width: 12.6666% !important;
}

.partnav li:hover img {
    animation: partnav1 1s forwards;
}

@keyframes partnav1 {
    0% {
        transform: rotate(0deg) scale(0, 0);
    }
    50% {
        transform: rotate(0) scale(-1.2, 1.2);
    }
    100% {
        transform: rotate(0) scale(1, 1);
    }

}

.postinfo, .partinfo {
    position: relative;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 4px;
    font-size: .875em;
    background-color: #ecf5ff;
    border-color: #d2e9ff;
}

.postinfo strong, .partinfo em {
    font-style: normal;
    font-weight: normal;
}

.postinfo p:first-child {
    margin-top: 0;
}

.postinfo .anniu0 {
    margin-top: 0;
    margin-bottom: 0;
}

.partinfo .more, .postinfo .more {
    color: #f00;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: .25em .5em;
    border-radius: 5px 0 5px 0;
    position: absolute;
    right: 1em;
    bottom: 1em;
}

.partinfo .moreon, .postinfo .moreon {
}

.partinfo .moreopen {
}

.partinfo .moreclose, .postinfo .moreclose {
    color: #09f;
}

.morebox {
    display: none;
    position: relative;
    z-index: 350;
}

.contenttitle {
    clear: both;
    padding: 0 0 1em 0;
    border-bottom: 1px dashed #ccc;
}

.contentremarks, .Copyright {
    clear: both;
    padding: 1em 0;
    border-top: 1px dashed #ccc;
    margin-top: 4%;
}

.contentremarks p:first-child, .Copyright p:first-child {
    margin-top: 0 !important
}

.Copyright {
    font-size: .75em;
    color: #999;
}

.contenttop {
    position: relative;
    padding: 0 4%;
}

.contenttop .left {
    width: 23%;
}

.contenttop .right {
    width: 75%;
}

.contentmore {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 10px 10px;
    float: right;
}

.single .contenttop {
}

.contentbox {
    position: relative;
    padding: 4%;
}

.contentboxfull {
    position: relative;
    padding: 0;
}

.contentinfo {
    position: relative;
    margin-top: 0;
    padding: 1em;
    border-radius: 4px;
    font-size: .875em;
    background-color: #f5f5f5;
    border-bottom: 1px dashed #ccc;
}

.contentinfo .icon-quote-right {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2em;
    color: #d2e9ff;
}

.contentinfo strong, .contentinfo em {
    font-style: normal;
    font-weight: normal;
}

.posttime {
    position: absolute;
    right: 1em;
    top: 1em;
    color: #ccc;
    font-size: .875em;
}

.posttel {
    white-space: nowrap;
}

.contentnum {
    overflow: hidden;
    font-size: .75em;
    color: #999;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px dashed #ccc;
}

.contentnum li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 1em 1em;
    border-left: 1px solid #eee;
}

.contentnum li:first-child {
    border-left: none;
}

.contentnum li u {
    color: #333;
}

.contentnum li b {
    text-align: center;
    font-weight: normal;
}

.contentinfotext {
    display: table-cell;
    *display: inline-block;
    width: 5000px;
    *width: auto;
    vertical-align: top;
    text-align: left;
    position: relative;
}

.contentinfotext p, .contentinfotext h1 {
    text-align: left !important;
    margin: 0 !important;
    font-size: .75em;
}

.contentinfotext h1 {
    font-size: 1em !important;
}

.contentinfotext i {
    color: #ddd;
}

.contentinfotext span {
    font-weight: normal;
}

.contentinfotext b {
    font-weight: normal;
}

.contentinfotext .more {
    color: #f00;
}

.posticon {
    font-size: .75em;
    text-align: center;
}

.posticon b {
    padding: .25em;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    color: #f00;
    white-space: nowrap;
}

.posticon u {
    color: #666;
}

.content {
    text-align: left;
    margin-bottom: 4%;
}

.content:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.content1 {
    min-height: auto !important;
}

.catalog .content {
    margin-bottom: 0;
    overflow: hidden;
}

.content h1, .content h2 {
    text-align: center;
    color: #333;
    font-weight: bold;
    margin-top: .5em;
}

.content h1 a:hover {
    text-decoration: underline;
}

.content h3 {
    font-size: 1.125em;
    color: #555;
    clear: both;
    margin-top: 2em;
    border-bottom: 1px solid #09f;
    overflow: hidden;
    position: relative;
}

.content h3 b {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: #09f;
    padding: .5em .75em;
    text-align: left;
    margin-right: 5px;
    width: 18%;
    font-size: 14px;
    font-weight: normal;
}

.content h3 span {
    display: inline-block;
    vertical-align: middle;
    padding: .5em .75em;
    color: #999;
}

.content h3 em {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    padding: .5em .75em;
    color: #fff;
    background-color: #09f;
    position: absolute;
    right: 0;
    bottom: 0;
}

.content h5 {
    font-size: 1em;
    padding: 0;
    margin: 0;
    clear: both;
    line-height: 1;
    text-align: left;
}

.content h5 b {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px;
    background-color: #d2e9ff;
}

.text {
    text-align: left;
    -moz-user-select: none; /* Firefox私有属性 */
    -webkit-user-select: none; /* WebKit内核私有属性 */
    -ms-user-select: none; /* IE私有属性(IE10及以后) */
    -khtml-user-select: none; /* KHTML内核私有属性 */
    -o-user-select: none; /* Opera私有属性 */
    user-select: none; /* CSS3属性 */
}

.text h2 {
    font-size: 1em;
    text-align: left;
    margin-top: 3em;
    padding-left: 5px;
    clear: both;
    border-left: 4px solid #09f;
    color: #333;
}

.text img {
    max-width: 99%;
    display: inline-block;
    vertical-align: top;
}

.text p {
    margin-top: 1.5em;
    line-height: 1.65;
    text-align: justify;
}

.text .tip p {
    margin-top: 1em;
    line-height: 1.5;
}

.text blockquote p {
    margin-top: 1em;
    line-height: 1.5;
}

.texthide {
    overflow: hidden;
}
.texthide p span{
    text-wrap: auto !important;
}

.texthideonoff {
    position: relative;
    z-index: 888;
    clear: both;
    text-align: center;
    cursor: pointer;
    height: 40px;
    margin-top: -100px;
    padding-top: 100px;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    font-size: .875em;
}

.text h5 {
    text-align: left;
    margin-top: 1em;
}

#citynav {
    width: 100%;
    height: 50px;
    overflow: hidden;
    clear: both;
    text-align: center;
}

#citynav a {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    border: 1px solid #fff;
}

.RALcolor a {
    text-decoration: none !important;
    color: #fff !important;
    font-size: 12px;
    padding: 1em 1.5em;
    display: inline-block;
}

/**********************************    pagebar   ************************************/
.pagebar {
    clear: both;
    text-align: center;
    margin: 1em auto;
    overflow: hidden;
    border-radius: 4px;
}

.pagebarbox {
}

.pagebar a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-left: -1px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    z-index: 5;
}

.pagebar .pagebar-current {
    position: relative;
    z-index: 6;
    background-color: #eee;
}

.pagebar .pagebar-extend {
    padding: 0;
}

.pagebar .pagebar-prev {
    border-radius: 4px 0 0 4px;
    background-color: #eee;
}

.pagebar .pagebar-next {
    border-radius: 0 4px 4px 0;
    background-color: #eee;
}

.pagebar a:hover {
    border: 1px solid #07f;
    text-decoration: none;
    background-color: #08f;
    color: #fff;
    position: relative;
    z-index: 6;
    box-shadow: none;
}

.pagebar .pagebar-loading {
    display: block !important;
    color: #999;
    padding-left: 0 !important;
    margin: 0 !important;
    border-radius: 4px;
    box-shadow: 0 0 .5em #eee inset;
    text-align: center;
    background-color: #f5f5f5;
}

.ias_trigger, .ias_loader {
    font-size: 12px;
}

.ias_trigger a, .ias_loader a {
    color: #f80;
}

/*******************    tuzi     ************************************************************************************/
.tuzi {
    overflow: hidden;
    width: 92%;
    padding: 4%;
    padding-top: 120px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.tu {
    width: 33.3333%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 4%;
}

.tubox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#tuziimg {
    width: 100%;
    height: 100%;
    position: relative;
}

#tuziimg .swiper-wrapper {
    white-space: nowrap;
}

#tuziimg .swiper-slide {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

#tuziimg img {
    width: 100%;
    display: block;
}

.zi {
    width: 62.6666%;
    float: right;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.zibox {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.zi h1, .zi h2 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.5em;
}

.zi p {
    padding: 0;
    margin: 0;
}

.zi .zhaiyao {
    overflow: hidden;
    margin-top: 0;
    color: #999;
    font-size: .875em;
}

.jiagemod {
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 1em;
    padding: .5em 0 1em 0;
    clear: both;
}

.jiagemodtitle {
    float: left;
}

.jiagemodtitle b {
    font-weight: normal;
}

.jiagemodtext {
    display: table-cell;
    *display: inline-block;
    width: 2000px;
    *width: auto;
    vertical-align: top;
}

.jiagemodtext a {
    margin: 0 .5em .5em 0;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.jiagemodtext a span {
    display: inline-block;
    vertical-align: middle;
    padding: .25em .5em;
    overflow: hidden;
    color: #666;
    text-align: center;
}

.jiagemodtext a:hover {
    color: #000;
    border: 1px solid #09f;
}

.jiage {
    clear: both;
    margin-bottom: .5em;
    position: relative;
    padding: .5em 0;
    overflow: hidden;
}

.jiage b {
    line-height: 1;
}

.jiage big {
    color: #f00;
    font-size: 1.75em;
}

.jiage a {
    display: inline-block;
    position: absolute;
    color: #999;
    font-size: .875em;
}

.jiage a:hover {
    color: #f00;
}

.jiage .jgsm {
    right: 0;
    top: 0;
}

.jiage .gyys {
    right: 0;
    bottom: .5em;
}

.chicun {
    text-align: left;
    clear: both;
}

.chicun .jiagemodtext a {
}

.chicun .jiagemodtext a u {
    display: inline-block;
    vertical-align: middle;
    padding: .25em .5em;
    text-decoration: none;
    overflow: hidden;
    text-align: center;
    color: #1473e6;
}

.cengzhan {
    text-align: left;
    clear: both;
}

.zaizhong {
    text-align: left;
    clear: both;
}

.xinghao {
    text-align: left;
    clear: both;
}

.yanse {
    text-align: left;
    clear: both;
}

.yanse .yanse_1 {
    background-color: #f5f5f5;
    color: #333;
}

.yanse .yanse_2 {
    background-color: #fc9;
    color: #333;
}

.yanse .yanse_3 {
    background-color: #fff;
    color: #666;
}

.yanse .yanse_4 {
    background-color: #333;
    color: #fff;
}

.yanse .yanse_more {
    background-color: #fff;
}

.guanguang {
    text-align: left;
    clear: both;
}

.beizhu {
    text-align: left;
    margin-top: 1em;
    clear: both;
    color: #ccc;
    display: none
}

.zixun {
    margin-top: 1em;
    clear: both;
    text-align: left;
    font-size: 1.125em;
    padding-bottom: 1em;
    padding-right: 4em;
    position: relative;
}

.zixunon {
    position: absolute;
    right: 0;
    top: 0;
}

.zixun .shuzi {
    display: inline-block;
    position: absolute;
    color: #999;
    font-size: .75em;
}

.zixun .liulan {
    right: 0;
    top: 1em;
}

.zixun .pinglun {
    right: 0;
    bottom: 3em;
}

.zixun .liulan big, .zixun .pinglun big {
    color: #f00;
    font-size: 100% !important;
    font-weight: normal;
}

.jiagemod #cengzhan .actived span {
    border-color: #1473e6;
}

.jiagemod #zaizhong .actived span {
    border-color: #1473e6;
}

.jiagemod #yanse .actived span {
    border-color: #1473e6;
}

.jiagemod #guanguang .actived span {
    border-color: #1473e6;
}

.tab {
    clear: both;
    width: 100%;
    height: 60px;
    padding: 0 0%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9600;
}

.tab a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 25%;
    height: 60px;
    line-height: 60px;
    padding: 0;
    font-weight: normal;
    font-size: 1.125em;
    margin: 0;
    float: left;
    margin-left: -1px;
    border-left: 1px solid #ddd;
    color: #333;
    background-color: rgba(0, 0, 0, .1);
}

.tab .tabnav9 {
    display: none;
    float: right;
    background-color: #f80;
    color: #fff;
}

.tab .tabnav9:hover {
    background-color: #f70;
    box-shadow: 0 0 3px #f60;
}

.tab a u {
}

.tabon {
    position: fixed;
    text-align: left;
}

.tabon a {
    color: #ccc;
    background-color: rgba(0, 0, 0, .8);
}

.tabon .tabnav_current {
    background-color: transparent;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
}

.tabon .tabnav9 {
    display: block;
}

/**********************************    .location   ************************************/
.silan {
    margin-right: -20px;
    overflow: hidden;
    text-align: center;
}

.silan li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    width: 218px;
    height: 228px;
    margin: 20px 20px 0 0;
    border: 1px solid #ddd;
    background: #eee;
    overflow: hidden;
}

.silan li img {
    display: block;
    margin: 0 auto 0px auto;
    width: 100%;
}

.silan li p {
    margin: 14px 0 0 0;
}

/**********************************    .location   ************************************/

.location {
    clear: both;
    color: #999;
    background-color: #eee;
    font-size: 12px;
    position: relative;
    z-index: 1651;
}

.location .left {
    width: 49%;
    padding: 0;
}

.location .right {
    width: 49%;
    padding: 0;
}

.locationinner a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    max-width: 100px;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.locationinner .first {
    background: url(../images/homepage.png) 0 -24px no-repeat;
    text-indent: -999em;
    width: 45px;
}

.locationinner b {
    color: #000;
    display: none;
}

.locationinner img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1%;
    width: 100px;
    padding: 0;
}

.locationinner a i {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    width: 40px;
    height: 50px;
    background: url(../images/city04.gif) right center no-repeat;
    margin: 0 3px 0 -25px;
}

.locationinner .first i {
    margin-left: 997em;
}

/**********************************    .onlinechat_list   ************************************/
.onlinechat_list {
    margin: 0;
    padding: 0;
}

.onlinechat_list dt {
    display: none;
}

.onlinechat_list dd {
    margin: 0;
    padding: 0;
    text-align: right;
}

.onlinechat_list dd a {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 50px;
    padding: 0 15px;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ddd;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.onlinechat_list dd a:last-child {
    border-right: none;
}

.onlinechat_list dd a u {
    display: block;
    margin-top: 10px;
}

#copyWXcontent {
    position: absolute;
    left: -999em;
    top: 999em;
}

.onlinechat_list dd a:hover {
    box-shadow: 0 0 2em #999;
}

.onlinechat_list .onlinechat_qq {
}

.onlinechat_list .onlinechat_wx {
    width: auto;
    color: #0c0;
}

.onlinechat_list .onlinechat_email {
    width: auto;
    color: #f00;
}

.onlinechat_list .onlinechat_chat {
    width: auto;
    color: #f0f;
}

.onlinechat_list .onlinechat_tel {
    width: auto;
    color: #f00;
}

.onlinechat_list .onlinechat_more {
    width: auto;
    color: #09f;
}

#nb_icon_wrap, #nb_invite_wrap, #nb_nodeboard, #newBridge, #nb_icon_groups, #nb_invite_welcome, .nb-invite-btn-base {
    position: absolute;
    right: -9999em !important;
    top: -9999em !important;
    display: none !important;
}

/**********************************    .menu  begin   ************************************/
.menu {
    clear: both;
    background-color: #f5f5f5;
    position: relative;
    z-index: 652;
}

.menu dl {
    display: inline-block;
    vertical-align: top;
    width: 11%;
    margin: 1em 0 2em 4%;
    padding: 0;
    overflow: hidden;
}

.menu dl dt {
    font-size: 1.125em;
    position: relative;
    height: 60px;
    overflow: hidden;
    color: #333;
}

.menu dl dt img {
    display: inline-block;
}

.menu dl dt a {
    display: block;
    width: 100%;
    color: #333;
    position: relative;
}

.menu dl dt b {
    display: inline-block;
    padding: 0;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    font-weight: normal;
}

.menu dl dt u {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.menu dl dt i {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: right;
    position: absolute;
    right: 1%;
    top: 0;
    display: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu dl dd ul {
    font-size: 14px;
    overflow: hidden;
}

.menu dl dd li {
}

.menu dl dd li a {
    display: inline-block;
    color: #999;
    margin: 0 .5em .5em 0;
    transition: all 0.3s ease-in-out;
}

.menu dl dd li a:hover {
    color: #000;
    text-decoration: underline;
}

.menu dl dd li img {
    display: inline-block;
    vertical-align: middle;
}

.menu .menulist9 {
    float: right;
    width: 21%;
    margin-left: 0;
    margin-right: 4%;
}

.menu .menulist9 dd {
    display: block;
    border-right: none;
    padding-right: 0;
}

.menu .active dt b {
    color: #1473e6;
}

.menu .active dt i {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.weixin_list {
    clear: both;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    margin-top: 1em;
}

.weixin_list li {
    display: inline-block;
    float: left;
    width: 36%;
    text-align: center;
    margin-right: 20%;
    background-color: #eee;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.weixin_list li img {
    width: 100%;
    margin: 0 auto;
}

.weixin_list li b, .weixin_list li span {
    display: inline-block;
    padding: 5px 0;
    color: #999;
    font-size: 12px;
}

.weixin_list li.last {
    margin-right: 0;
    float: right;
}

.menuli2 li {
    display: inline-block;
    float: left;
    width: 46%;
    margin-right: 2%;
    white-space: nowrap;
    overflow: hidden;
}

.tel-global {
    width: 80% !important;
    padding: .5em 11% .5em 9% !important;
    color: #fff !important;
    background-color: #08f;
    border-radius: 3px;
}

.tel-global u {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 48px;
    height: 48px;
    margin-right: 1em;
    background-image: url(../images/tel.png);
    background-position: center center;
    background-repeat: no-repeat;
    animation: tel-globalu0u 3s infinite linear;
}

.tel-global span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 48px;
    font-size: 1.25em;
    font-weight: bold
}

.tel-global small {
    display: block;
    text-align: left;
    text-indent: .125em;
}

.tel-global:hover {
    background: none !important;
    background-color: #06c !important;
}

@keyframes tel-globalu0u {
    0% {
        transform: rotate(0deg) scale(1, 1);
    }
    50% {
        transform: rotate(-180deg) scale(1, 1);
    }
    100% {
        transform: rotate(-360deg) scale(1, 1);
    }

}

/********* .footer ********************************************************************************/
.footer {
    color: #666;
    background-color: #222;
    font-size: .75em;
    position: relative;
    z-index: 653;
    line-height: 30px;
}

.footer a {
    color: #999;
}

.footer a:hover {
    color: #09f;
}

.footer .box {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.footer u {
    text-decoration: none;
    white-space: nowrap;
}

.footer h6 {
    margin-top: 1em;
}

.footer .left {
    width: 52%;
    text-align: left;
}

.footer .right {
    width: 44%;
    text-align: right;
}

.footerlogo {
    display: inline-block;
    vertical-align: top;
    height: 80px;
    float: right;
    margin-left: 6%;
}

.beian {
    overflow: hidden;
}

.beian img {
    display: inline-block;
    vertical-align: bottom;
}

.sitelinks {
    overflow: hidden;
    clear: both;
    text-align: left;
    color: #555;
    padding: 1em;
    background-color: #111;
    font-size: .75em;
    position: relative;
    z-index: 655;
}

.sitelinks a {
    color: #777;
    white-space: nowrap;
}

.sitelinks a:hover {
    color: #09f;
}

.links {
    overflow: hidden;
    clear: both;
    text-align: left;
    color: #555;
    padding: 1em;
    background-color: #222;
    font-size: .75em;
    position: relative;
    z-index: 654;
}

.links a {
    color: #555;
    white-space: nowrap;
}

.links a:hover {
    color: #09f;
}

/*********  guestbook    *****/
#commentPost {
    border-radius: 5px;
    margin: 1em 0 0 0;
    padding: 0;
}

#commentBack {
    width: 100%;
    overflow: hidden;
    clear: both;
}

.commentUL {
    clear: both;
}

.commentUL:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.commentUL li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1em 0;
    padding: 0;
    position: relative;
    width: 28%;
    margin-right: 8%;
}

.commentUL li sup {
    position: absolute;
    color: #f00;
    right: 8px;
    top: 0;
    font-size: 1.5em;
}

.commentUL .commentTextarea {
    width: 100%;
}

.commentUL .commentName {
}

.commentUL .commentTel {
}

.commentUL .commentMail {
    margin-right: 0;
}

.commentUL .commentRemember {
}

.commentUL .commentRemember label {
    cursor: pointer;
}

.commentUL .commentVerify {
}

.commentUL .commentVerify img {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    margin-top: 2px;
    margin-left: -120px;
}

.commentUL .commentSubmit {
    text-align: center;
    width: 100%;
}

.commentUL .commentSubmit .anniu0 {
    width: 100%;
    margin: 1em auto;
    padding: 1em 0;
    font-size: 1.25em;
}

.commentUL .error {
    color: #f00;
}

.btnLoading {
    background-color: #090 !important;
}

.btnDisabled {
    background-color: #ccc !important;
}

.itemlist .itemComment:first-child, .content .itemComment:first-child {
    box-shadow: none;
}

.itemComment {
    clear: both;
    margin-top: 0;
    padding: 10px 0;
    box-shadow: 0 -1px 0 #eee;
    -moz-user-select: none; /* Firefox私有属性 */
    -webkit-user-select: none; /* WebKit内核私有属性 */
    -ms-user-select: none; /* IE私有属性(IE10及以后) */
    -khtml-user-select: none; /* KHTML内核私有属性 */
    -o-user-select: none; /* Opera私有属性 */
    user-select: none; /* CSS3属性 */
}

.itemComment dt {
    display: inline-block;
    width: 64px;
    float: left;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.itemComment dd {
    display: table-cell;
    *display: inline-block;
    width: 3000px;
    *width: auto;
    vertical-align: top;
    height: 64px;
    min-height: 64px;
    *height: auto;
}

.itemComment dd h4 {
    font-size: 1em;
}

.itemComment dd p {
    margin-top: .5em;
}

.itemComment .moreopen, .itemComment .moreclose {
    font-size: 12px;
    color: #999;
}

.itemCommenti {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
}

.itemCommenti img {
    display: block;
    width: 100%;
}

.itemCommentn {
    font-weight: bold;
    color: #000;
    font-size: .875em;
}

.itemCommentp {
    display: inline-block;
    color: #ccc;
    float: right;
    font-size: .75em;
    margin: 2px 5px 0 0;
}

.itemCommentquote {
    clear: both;
    overflow: hidden;
    margin-top: -30px;
    padding: 10px 0;
    box-shadow: none;
    margin-left: -44px
}

.itemCommentquote dt {
    width: 32px;
    margin-left: 10px;
    margin-right: 0;
}

.itemCommentquote dt .itemCommenti {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.itemCommentquote dd {
    padding: 7px 10px;
    background-color: #f5f5f5;
    font-size: .875em;
}

.itemCommentquote dd .itemCommentn {
    color: #09f;
}

.itemCommentquote dd p {
    position: relative;
    color: #333;
}

.itemCommentquote dd p a {
    color: #09f;
}

.itemCommentquote dd p a:hover {
    text-decoration: underline;
}

.itemComment:hover > dt img {
    -webkit-animation: itemCommentimg 3s infinite linear;
}

@-webkit-keyframes itemCommentimg {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(30deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-30deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#commentBack .morebox {
    display: block;
}

/*********  posttaglist    *****/
.posttaglist {
    clear: both;
}

.posttaglist a {
    background-color: #fff;
    display: inline-block;
    *zoom: 1;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 3% 10px 0;
    border: 1px solid #ddd;
    margin: -1px;
    width: 13.6666%;
    position: relative;
    text-indent: 10px;
}

.posttaglist a i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 10px;
}

.posttaglist a:nth-child(9n) {
    color: #4A4A4A;
}

.posttaglist a:nth-child(9n+1) {
    color: #428BCA;
}

.posttaglist a:nth-child(9n+2) {
    color: #5CB85C;
}

.posttaglist a:nth-child(9n+3) {
    color: #D9534F;
}

.posttaglist a:nth-child(9n+4) {
    color: #00ABA9;
}

.posttaglist a:nth-child(9n+5) {
    color: #f80;
}

.posttaglist a:nth-child(9n+6) {
    color: #B433FF;
}

.posttaglist a:nth-child(9n+7) {
    color: #B37333;
}

.posttaglist a:nth-child(9n+8) {
    color: #567E95;
}

.posttaglist a:hover {
    box-shadow: 0 0 1em #ddd inset;
}

.posttaglist .pagebar-loading:hover {
    box-shadow: none;
}

/*********     ***********************************************************************/
@media screen and (max-width: 799px) {

    .itemColumn3 .item {
        width: 50%;
    }

    .module33 .yewu .item dd .itemddinner {
        padding: 20px;
    }

    .yewu .item {
        margin-bottom: 0;
    }

    wbr {
        display: block;
    }

    video {
        max-width: auto;
        width: 100%;
        max-height: 3000px;
        height: auto;
    }

    .pd4-0 {
        padding: 0 !important;
    }

    .header {
        height: 60px;
    }

    .logo {
        width: 130px;
        height: 60px;
        line-height: 60px;
        font-size: 1.5em;
    }

    .nav {
        height: 60px;
    }

    .navicon {
        display: block;
        width: 40px;
        height: 60px;
        line-height: 60px;
        position: absolute;
        right: 5px;
        top: 0;
        overflow: hidden;
        color: #666;
        text-align: center;
        font-weight: normal;
        z-index: 503;
    }

    .navicon u {
        display: inline-block;
        width: 40px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #000;
        cursor: pointer;
        transition: all 0.25s ease-in-out;
    }

    .active .navicon u {
        color: #1473e6;
        transform: rotate(90deg);
    }

    .navbox {
        display: none;
        width: 100%;
        position: absolute;
        left: 0;
        top: 60px;
        z-index: 704;
        box-shadow: 0px 3px 3px #666;
    }

    .navlist .last {
    }

    .navlist dl {
        width: 100%;
        float: none;
        background-color: #fff;
        border-top: 1px solid #eee;
    }

    .navlist dt {
        height: 60px;
        text-align: left;
    }

    .navlist dt b {
        height: 60px;
        line-height: 60px;
    }

    .navlist dt u {
        height: 60px;
        line-height: 60px;
    }

    .navlist dt i {
        height: 60px;
        line-height: 60px;
        float: right;
    }

    .navlist dd {
        position: static;
        text-align: left;
        box-shadow: none;
    }

    .navlist dd li {
        width: 31.3333%;
    }

    .topbar {
        height: 60px;
        padding-right: 40px;
    }

    .topbar a {
        margin-right: .5em;
    }

    .footer {
        padding-bottom: 40px;
    }

    .location .left {
        float: none;
        width: 100%;
    }

    .location .right {
        float: none;
        width: 100%;
        text-align: center;
        position: fixed;
        left: 0;
        bottom: 0;
        height: 50px;
        z-index: 8888;
        overflow: hidden;
        background-color: #c00;
    }

    .onlinechat_list {
    }

    .onlinechat_list dd {
        text-align: center;
    }

    .onlinechat_list dd a {
        color: #fff !important;
        border-right: 1px solid #900;
    }

    .onlinechat_list dd a:hover {
        box-shadow: 0 0 2em #f00;
    }

    .menu dl {
        width: 92%;
        margin: 0;
        float: none;
        padding: 0 4%;
        border-top: 1px solid #eee;
    }

    .menu dl dt i {
        display: block;
    }

    .menu dl dd {
        display: none;
    }

    .menu .menulist9 {
        width: 92%;
        margin: 0;
        padding-bottom: 1em;
    }

    .banner0navWrap {
        margin-top: 0;
    }

    #banner0nav .swiper-inner img {
        display: none;
    }

    #banner0nav .swiper-inner p a {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .banner0 .left {
        width: 96%;
        text-align: center;
    }

    .banner0 .right {
        width: 96%;
        text-align: center;
        margin-top: -50%;
    }

    .banner0 h1, .banner0 h2 {
        font-size: 1.25em;
    }

    .banner0img {
        height: 90%;
        padding-top: 10%;
    }

    .banner0 .anniu0 {
        display: none;
    }

    .banner0 .right img, .banner0 .right video {
        display: none;
    }

    .banner1text {
        padding: 60px 4% 0 4%;
    }

    .banner1 .left {
        width: 100%;
    }

    .banner1 .right {
        display: none;
    }

    .banner1 h1 {
        font-size: 1.5em;
    }

    .banner1 h2 {
        font-size: 1em;
    }

    .tab a span {
        display: none;
    }

    .part h1 {
        font-size: 1.5em;
    }

    .part h2 {
        font-size: 1.5em;
    }

    .part h3 {
        font-size: 1.375em;
    }

    .part .left {
        width: 100%;
        float: none;
    }

    .part .right {
        width: 100%;
        float: none;
    }

    .partimg {
        background-size: auto 100%;
    }

    .partflex {
        display: block;
    }

    .flexitem_2 .partflexitem {
        width: 100%;
    }

    .flexitem_3 .partflexitem {
        width: 100%;
    }

    .partnav li {
        width: 46%;
    }

    .pricetime {
        margin-top: 0;
    }

    .modleft, .modright {
        display: block;
        float: none;
        width: 92%;
    }

    .usertools .modleft, .usertools .modright {
        width: 92%;
    }

    .mod22 .left {
        float: none;
        width: 100%;
    }

    .mod22 .right {
        float: none;
        width: 100%;
    }

    .main .box {
        width: 100%;
        padding: 0;
    }

    /*.texthide {
        height: 450px;
    }*/

    .content h1, .content h2 {
        font-size: 1.25em;
        text-align: left;
    }

    .content h3 b {
        width: 28%;
    }

    .text h2 {
        font-size: 1em;
    }

    .contenttop .left {
        float: none;
        width: 100%;
    }

    .contenttop .right {
        float: none;
        width: 100%;
    }

    .contenttop .posttag {
    }

    .AuthorWrap .left {
        padding-bottom: 1em;
        text-align: center;
    }

    .sidebar, .sidebar1 {
        padding: 4%;
        background-color: #fff;
        margin-bottom: 1em;
    }

    .sidebar:last-child, .sidebar1:last-child {
        margin-bottom: 0;
    }

    .itemColumn2 .item {
        width: 50%;
    }

    .itemColumn4 .item {
        width: 50%;
    }

    .itemColumn5 .item {
        width: 50%;
    }

    .itemColumn6 .item {
        width: 33.3333%;
    }

    .itemColumn7 .item {
        width: 50%;
    }

    .itemColumn8 .item {
        width: 50%;
    }

    .itemNOchange .itemColumn3 .item {
        width: 33.3333% !important;
    }

    .itemColumn2KX .item {
        width: 48%;
    }

    .itemColumn2KX .item:nth-child(2n) {
        margin-right: auto;
    }

    .itemColumn4KX .item {
        width: 48%;
    }

    .itemColumn4KX .item:nth-child(2n) {
        margin-right: auto;
    }

    .itemColumn5KX .item {
        width: 48%;
    }

    .itemColumn5KX .item:nth-child(2n) {
        margin-right: auto;
    }

    .itemColumn6KX .item {
        width: 30.6666%;
    }

    .itemColumn6KX .item:nth-child(3n) {
        margin-right: auto;
    }

    .itemColumn7KX .item {
        width: 48%;
    }

    .itemColumn7KX .item:nth-child(2n) {
        margin-right: auto;
    }

    .itemColumn8KX .item {
        width: 48%;
    }

    .itemColumn8KX .item:nth-child(2n) {
        margin-right: auto;
    }

    .zi h1, .zi h2 {
        margin-top: 1em;
        font-size: 1.25em;
    }

    .tuzi {
        padding-top: 80px;
    }

    .contentinfotext {
        display: block;
        clear: both;
        width: auto;
    }

    .contentnum {
        float: none;
        margin-left: auto;
    }

    .bjfw dl {
        width: 50%;
    }

    .bjfw .bjfw0 {
        width: 100%;
    }

    .item dt .itembicon {
        font-size: 1.125em;
    }

    .item dt .itemzxicon {
        font-size: 1em;
    }

    .item dd p {
        display: none !important;
    }

    .module11 .item dt {
        width: 33%;
    }

    .module11 dd span {
        display: none;
    }

    .module11 .item .itemparent {
        top: 40px;
    }

    .module33 .item dt {
        width: 100%;
    }

    .module33 .item dt .itemdtinner {
        margin: 20px 20px 0 20px;
    }

    .module33 .item dd {
        width: 100%;
        flex: none;
    }

    .sidebar .module77 .item {
        background-color: #fff;
    }

    .itemChange .itemColumn4 .item:nth-child(6n) {
        width: 50%;
    }

    .itemChange .itemColumn4 .item:nth-child(6n+3) {
        width: 100%;
    }

    .itemChange .itemColumn4 .item:nth-child(6n+4) {
        margin-top: auto;
    }

    .itemChange .itemColumn4 .item:nth-child(6n+6) {
        width: 100%;
    }

    .colKX_ol ol, .colKX_dl > div {
    }

    .col_2 ol li, .col_2 dl {
        width: 100%;
    }

    .col_3 ol li, .col_3 dl {
        width: 100%;
    }

    .col_4 ol li, .col_4 dl {
        width: 50%;
    }

    .col_6 ol li, .col_6 dl {
        width: 33.3333%;
    }

    .col_8 ol li, .col_8 dl {
        width: 25%;
    }

    .colKX_2 ol li, .colKX_2 dl {
        width: 96%;
    }

    .colKX_3 ol li, .colKX_3 dl {
        width: 96%;
    }

    .colKX_4 ol li, .colKX_4 dl {
        width: 46%;
    }

    .colKX_6 ol li, .colKX_6 dl {
        width: 29.3333%;
    }

    .colKX_8 ol li, .colKX_8 dl {
        width: 21%;
    }

    .tu {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .zi {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .zi b {
        display: block;
        margin-bottom: .5em;
    }

    .tabnav {
        font-size: .875em;
    }

    .tabnav i {
        display: block;
    }

    .links {
        display: none;
    }

    .sitelinks {
        display: none;
    }

    .footer .left {
        width: 100%;
        text-align: center;
        float: none;
    }

    .footer .right {
        width: 100%;
        text-align: center;
        float: none;
        display: none;
    }

    .footerlogo {
        float: none;
        margin-left: 0;
    }

    .weixin {
        float: none;
        margin-right: 0;
        max-width: 50%;
        width: auto;
    }

    .iconwrap u {
        font-size: 2em;
    }

    .colKX_ol .iconwrap u, .colKX_dl .iconwrap u {
        font-size: 3em;
    }

    .flex_col3 li {
    }

    .col3_col2 li {
        width: 48%;
    }

    .single #subnav {
        width: 100%;
        float: none;
    }

    /*********  guestbook    *****/
    .commentUL li {
        width: 100% !important;
        margin-right: 0;
    }

    .itemComment dt {
        width: 32px;
    }

    .itemCommenti {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    /*********  posttaglist    *****/
    .posttaglist a {
        width: 30.3333%;
    }

}

.fenye {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.fenye li {
    margin: 0 5px;
}

.fenye li a {
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.fenye li a.sel {
    border-color: #f00;
    color: #f00;
}

.wuliu-detail-about dt a {
    display: flex;
    height: 82%;
    width: 90%;
    align-items: center;
    justify-content: center;
    background: #428bca;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 0 18px;
}

.wuliu-detail-about:nth-of-type(2) dt a {
    background-color: #5CB85C;
}

.wuliu-detail-about:nth-of-type(3) dt a {
    background-color: #D9534F;
}

.wuliu-detail-about:nth-of-type(4) dt a {
    background-color: #f80;
}

.wuliu-list {
    display: flex;
    flex-wrap: wrap;
}

.wuliu-list-item {
    width: 22.25%;
    margin-right: 3%;
    transition: all 0.5s;
    margin-bottom: 50px;
}

.wuliu-list-item:nth-of-type(4n) {
    margin-right: 0;
}

.wuliu-list-item:hover {
    box-shadow: 0 0 3em #999;
}

.wuliu-list-item .itemdtinner {
    height: 260px;
    line-height: 260px;
    background: #428bca;
    color: #333333;
    font-size: 18px;
}

.wuliu-list-item .itemddinner {
    border: 1px solid #fafafa;
    padding: 15px;
    text-align: left;
}

.wuliu-list-item .itemtitle {
    font-size: 18px;
}

.wuliu-list-item .zhaiyao {
    color: #999999;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wuliu-list-item-laud {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    color: #999999;
}

.wuliu-list-item .itemdtinner a {
    display: block;
}

.wuliu-list-item:hover .itemtitle {
    color: #de4a00;
}

.wuliu-list-item:nth-child(12n+2) .itemdtinner {
    background-color: #5CB85C;
}

.wuliu-list-item:nth-child(12n+3) .itemdtinner {
    background-color: #D9534F;
}

.wuliu-list-item:nth-child(12n+4) .itemdtinner {
    background-color: #f80;
}

.wuliu-list-item:nth-child(12n+5) .itemdtinner {
    background-color: #00ABA9;
}

.wuliu-list-item:nth-child(12n+6) .itemdtinner {
    background-color: #B433FF;
}

.wuliu-list-item:nth-child(12n+7) .itemdtinner {
    background-color: #B37333;
}

.wuliu-list-item:nth-child(12n+8) .itemdtinner {
    background-color: #567E95;
}

.wuliu-list-item:nth-child(12n+9) .itemdtinner {
    background-color: #b7704f;
}

.wuliu-list-item:nth-child(12n+10) .itemdtinner {
    background-color: #f47a55;
}

.wuliu-list-item:nth-child(12n+11) .itemdtinner {
    background-color: #ffce7b;
}

.wuliu-list-item:nth-child(12n+12) .itemdtinner {
    background-color: #b69968;
}

#fixed_wrap {
    display: none;
}

.yewu .item {
    width: 24.3333%;
}

.locationinner {
    line-height: 50px;
}

.backff {
    background: #fff;
    padding: 4% 4% 1% 4%;
    width: 92%;
}

.ptb60 {
    padding: 30px 0;
}

.tc {
    text-align: center;
}

.color06 {
    color: #09f;
}

.fs24 {
    font-size: 24px;
}

.pt10 {
    padding-top: 10px;
}

.blacskf {
    display: inline-block;
}

.color0a, .color0a a {
    color: #09f;
}

.plr20 {
    padding: 0 20px;
}

.fs38 {
    font-size: 38px;
}

.cellno {
    display: flex;
}

.pt60 {
    padding-top: 20px;
}

.pr50 {
    padding-right: 50px;
}

.img100 {
    width: 580px;
    max-width: 580px;
}

.pt40 {
    padding-top: 40px;
}

.lin28 {
    line-height: 28px;
}

.fs16 {
    font-size: 16px !important;
}

.mt20 {
    margin-top: 20px;
}

.ershrer {
    width: 146px;
    height: 50px;
    line-height: 50px;
    display: block;
    border: 1px solid #09f;
    text-align: center;
    color: #09f;
}

.zx-main {
    display: flex;
    padding-bottom: 80px;
}

.zx-side {
    min-width: 190px;
}

.zx-side-list {
    position: relative;
}

.zx-side-list::before {
    position: absolute;
    left: 0;
    content: ' ';
    height: 100%;
    background: #999999;
    width: 1px;
    transition: all 0.5s;
}

.zx-side p {
    margin-top: 0;
    padding: 10px 0 10px 20px;
    transition: all 0.5s;
}

.zx-side p.on, .zx-side p:hover {
    position: relative;
}

.zx-side p.on::before, .zx-side p:hover::before {
    position: absolute;
    left: -1px;
    top: 0;
    content: ' ';
    width: 2px;
    height: 100%;
    background: #de4a00;
}

.zx-side p.on a, .zx-side p:hover a {
    color: #de4a00;
    font-size: 20px;
}

.zx-side-more {
    color: #de4a00;
    font-size: 18px;
    position: absolute;
    bottom: -65px;
    white-space: nowrap;
    left: 10px;
}

.zx-article {
    flex-grow: 1;
    display: none;
    justify-content: space-between;
    text-align: left;
}

.zx-article.on {
    display: flex;
}

.zx-article-list {
    width: 100%;
}

.zx-article-list-1-list {
    display: flex;
    flex-wrap: wrap;
    line-height: 35px;
    margin-top: 25px;
    text-align: left;
}

.zx-article-list-1-list a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 32%;
    margin-right: 15px;
}

.zx-article-list-1-list a span {
    float: right;
    color: #ccc;
    font-size: .75em;
}

.laster-ul li {
    border-top: 1px solid #eee;
    overflow: hidden;
    font-size: 16px;
    position: relative;
    padding: 15px 0 15px 0;
    text-align: left;
}

.laster-ul li time {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #999;
}