html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden]{
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after
{
  display: table;
  content: " ";
}
.container:after,
.container-fluid:after,
.row:after{
  clear: both;
}


/*banner*/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1320px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1319px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1320px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*通用样式*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0; outline: none;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;color:#666666;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
a{ text-decoration:none; 
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
/*20200319start*/
a:hover{ cursor:pointer; text-decoration:none;}
/*20200319end*/
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}
.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both;zoom:1;}
*{font-family:"微软雅黑";}
a{color:#666666;}
/*字母大写*/
.D1{text-transform:uppercase;}
/*字母小写*/
.D2{text-transform:lowercase;}
/*字母首字母大写*/
.D3{text-transform:capitalize;}
.container{ padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}
@media (min-width: 768px) {
    .container{ width: 768px; }
}
@media (min-width: 992px) {
    .container{ width: 992px; }
}
@media (min-width: 1200px) {
    .container{width:1200px;}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    
/*    margin-left: -14px;
    margin-right: -14px;*/
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    outline: 0;
/*    padding-left: 14px;
    padding-right: 14px;*/
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    /*border: 1px solid transparent;*/
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/slick.woff') format('woff'), 
    url('../fonts/slick.ttf') format('truetype'), 
    url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    left:40px;
    top: 50%;
    display: block;
    width: 52px;
    height: 100px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(../../images/ban1.png) no-repeat;
    z-index:100;
}
.slick-next{
    left:auto;
    right:40px;
    background:url(../../images/ban2.png) no-repeat;
}
@media  screen and (max-width:991px){
.slick-prev,
.slick-next
{
    width: 30px;
    height: 58px;
    background-size:30px 58px;
    
}
.slick-next{
    background-size:30px 58px;
}
}
@media  screen and (max-width:767px){
.slick-prev,
.slick-next
{
    left:15px;
    width: 26px;
    height: 50px;
    background-size:26px 50px;
    
}
.slick-next{
    left:auto;
    right:15px;
    background-size:26px 50px;
}    
}





/* Dots */

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: ' ';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.margin_pc{ float:left; width:100%;}
.margin_mobile{ float:left; width:100%; display:none;}
@media  screen and (max-width:991px){
.margin_pc{ display:none;}
.margin_mobile{ display:block;}
}


@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}




#obtn .head{ float:left; width:100%; background:#fff; position:relative; z-index:66;}
#obtn .tImg{ float:left; width:100%; line-height:0; position:relative;}
#obtn .tImg .text{ float:left; width:100%; position:absolute; left:0; top:50%; z-index:1; margin-top:-55px;}
#obtn .tImg .text .tit1{ float:left; width:100%; color:#fff; font-size:40px; line-height:50px;}
#obtn .tImg .text .tit2{ float:left; width:100%; color:#fff; font-size:20px; line-height:30px; margin-top:10px;}
#obtn .logo{ float:left; margin:25px 0 20px 0; width: 190px; height:69px; line-height:0;}
#obtn .so{ float:left; width:334px; height:35px; margin:40px 0 0 106px; position:relative;}
#obtn .so .Search{ float:left; width:100%; height:35px; background:none; border:1px solid #008cd6; line-height:23px; color:#666666; font-size:14px; padding:0 50px 0 19px;}
#obtn .so .sear_sub{ float:left; width:38px; height:100%; position:absolute; right:0; top:0;}
#obtn .fabu{ float:left; margin:40px 0 0 90px;}
#obtn .fabu a{ float:left; width:118px; height:35px; line-height:33px; text-align:center; color:#fff; font-size:14px; border-radius:3px; background:#008cd6; margin:0 15px;}
#obtn .fabu a.ml{ margin-left:163px;}
#obtn .fabu a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#obtn .tER{ float:right; margin:20px 0 0 0;}
#obtn .tER img{ float:left; width:75px; height:75px; line-height:0;}
#obtn .tER h5{ float:left; width:19px; text-align:right; color:#3e3d3d; font-size:12px; line-height:15px;}

/*menu*/
#obtn .menuBg{ float:left; width:100%; background:#008cd6; position:relative;}
#obtn .menu{float:left; width:100%;}
#obtn .menu .nli{ float:left; position:relative;}
/*20200319start*/
#obtn .menu .nli span a{ float:left; position:relative; padding:0 30px; min-width:114px; text-align:center; color:#fff; font-size:16px; line-height:70px;-webkit-transition:none; -moz-transition:none;-ms-transition:none; -o-transition:none;transition:none;}
/*20200319end*/
#obtn .menu .nli.active span a,
#obtn .menu .nli:hover span a{ background:rgba(255,255,255,0.2);}

@media screen and (max-width:1229px ){
#obtn .so{ width:280px; margin:40px 0 0 60px;}	
#obtn .so .Search{ padding:0 50px 0 12px;}
#obtn .fabu{ margin:40px 0 0 45px;}	
#obtn .fabu a{ margin:0 10px; width:100px;}
#obtn .fabu a.ml{ margin-left:130px;}
#obtn .tImg .text{ margin-top:-49px;}
#obtn .tImg .text .tit1{ font-size:30px; line-height:40px;}
#obtn .tImg .text .tit2{ font-size:18px; line-height:28px; margin-top:10px;}
/*20200319start*/
#obtn .menu .nli span a{ padding:0 18px; min-width:80px;}
/*20200319end*/
}
@media screen and (max-width:991px ){
#obtn .head{ border-bottom:1px solid #f5f5f5;}	
#obtn .tImg .text{ margin-top:-27px;}
#obtn .tImg .text .tit1{ font-size:20px; line-height:30px;}
#obtn .tImg .text .tit2{ font-size:14px; line-height:24px; margin-top:0;}
#obtn .tER{ display:none;}
#obtn .logo{ margin:8px 0; width:154px; height:56px;}
#obtn .so{ margin:18px 0 0 40px;}
#obtn .fabu{ float:right; margin:18px 0 0 20px; text-align:center;}
#obtn .fabu a{ float:none; display:inline-block; vertical-align:top; margin:0 0 0 12px; width:100px;}
#obtn .fabu a.ml{ margin-left:0;}
#obtn .menu .nli span a{ padding:0 12px; min-width:20px; line-height:36px; font-size:14px;}
}
@media screen and (max-width:767px ) {
#obtn .tImg .text{ margin-top:-25px;}
#obtn .tImg .text .tit1{ font-size:18px; line-height:26px;}
#obtn .tImg .text .tit2{ font-size:12px; line-height:20px;}
/*#obtn .menu{ white-space:nowrap; overflow-x:scroll;}*/
#obtn .menu .nli{ float:none; display:inline-block; vertical-align:top;}
#obtn .menu .nli span a{ float:none; display:inline-block; vertical-align:top; padding:0 6px;}
#obtn .so{ float:right; margin:8px 0 0 0; width:170px; height:26px;}
#obtn .so .Search{ line-height:24px; height:26px; font-size:12px; padding:0 40px 0 10px;}
#obtn .so .sear_sub{ width:30px;}
#obtn .fabu{ float:right; margin:4px 0 8px 0; text-align:center;}
#obtn .fabu a{ float:none; display:inline-block; vertical-align:top; margin:0 0 0 6px; width:82px; line-height:24px; height:26px; font-size:12px;}
}
@media screen and (max-width:413px ) {
#obtn .menu .nli span a{ padding:0 4px;}
}
@media screen and (max-width:374px ) {
#obtn .menu .nli span a{ padding:0 3px; font-size:12px;}
#obtn .so{ width:124px;}
#obtn .fabu a{ margin:0 0 0 4px; width:60px;}
}


/*手机导航按钮*/
#obtn .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:25px 0;}
#obtn .menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
#obtn .menuph .point:hover .navbtn,
#obtn .menuph .point:hover .navbtn::after,
#obtn .menuph .point:hover .navbtn::before {  width: 28px;  }
#obtn .menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #008cd6;  }
#obtn .menuph .navbtn::after,
#obtn .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #008cd6;  }
#obtn .menuph .navbtn::after {  top: -11px;  }
#obtn .menuph .navbtn::before {  top: 10px;  }
#obtn .menuph .point.active .navbtn{  background: transparent;  }
#obtn .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
#obtn .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
@media screen and (max-width:991px ){	
#obtn .menuph{ display:none;}
}

/*手机导航*/
#obtn .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:18.54% 0 30px 0;  display: none;  z-index:60; background:#fff; background:rgba(255,255,255,0.97);}
#obtn .xialaph .ul1{ float:left; width: 100%; margin-top:72px;}
#obtn .xialaph .ul2,
#obtn .xialaph .ul3{display: none;}
#obtn .xialaph h4{ float:left; width:100%; position:relative;}
#obtn .xialaph h4 a{ float:left; width:90%; color: #333;  font-size:15px; line-height:46px; position:relative;}
#obtn .xialaph li{ float:left; width:100%;}
#obtn .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;}
#obtn .xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background: #ccc; opacity: 0.5; }
#obtn .xialaph h4:hover a,
#obtn .xialaph h4.active a,
#obtn .xialaph h5:hover a,
#obtn .xialaph h5.active a{  color: #008cd6; }
#obtn .xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background: #ccc; opacity: 0.5;  }
#obtn .xialaph h5{ float:left; width:100%;}
#obtn .xialaph h5 a{ float:left; width:80%;  color: #333;  font-size:15px; line-height: 36px;  text-transform:uppercase;}
#obtn .xialaph h5{ float:left; width:100%;position: relative;  }
#obtn .xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background: #ccc; opacity: 0.5;  }
#obtn .xialaph li:last-child h5::after{  display: none;  }
#obtn .xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 19px;  cursor: pointer;  }
#obtn .xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 15px;  margin-right: 18px;  cursor: pointer;  }
#obtn .xialaph h4.active img.img_s,
#obtn .xialaph h5.active img.img_s{  display: none;  }
#obtn .xialaph h4.active img.img_d,
#obtn .xialaph h5.active img.img_d{  display: block;  }
#obtn .xialaph .ul2{ float:left; width:100%; padding:0 10px;}
#obtn .xialaph .img_d{  display: none;  }

/*手机底部导航*/
#obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#008cd6; z-index:58; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
#obtn .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);}
#obtn .pf_down li:last-child{ border:none;}
#obtn .pf_down li .ico7{ width:100%; float:left; line-height:0;}
#obtn .pf_down li .ico7 img{ display:block; margin:0 auto; width:20px; height:20px;}
#obtn .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}

/*底部*/
#obtn .pz_down{ float:left; width:100%; background:url(../_im_g/foot1.png) center no-repeat #353535; background-size:cover;}
#obtn .pz_down .footT{ float:left; width:100%; position:relative; padding-right:335px; min-height:105px;}
#obtn .footNav{ float:left; width:100%; padding:25px 0 15px 0; border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,0.1);}
#obtn .footNav li{ float:left; margin-right:32px;}
#obtn .footNav li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; }
#obtn .footNav li a:hover{ color:#008cd6;}
#obtn .footUs{ float:right; width:285px; position:absolute; right:0; top:34px;padding-left:20px; text-align:right; border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,0.1);}
#obtn .footUs .Tit{ float:left; width:100%; color:#fff; font-size:14px; line-height:18px; font-weight:bold;}
#obtn .footUs .Tel{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:24px;}
#obtn .footUs .img{ float:left; width:100%; margin:13px 0;}
#obtn .footUs .img .l1{ float:left; width:50%; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:36px; position:relative;}
#obtn .footUs .img .l1 .ico{ display:inline-block; vertical-align:top; width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.2); margin-right:7px;}
#obtn .footUs .img .l1:hover .ico{ background:#00a0e9;}
#obtn .footUs .img .l1 .pic{ float:left; width:106px; line-height:0; padding:6px; background:#fff; border-radius:3px; position:absolute; right:29px; bottom:56px;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0);}
#obtn .footUs .img .l1 .pic:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-10px; border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #fff; content:''; margin-left:-8px; }
#obtn .footUs .img .l1:hover .pic{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
#obtn .link{ float:left; width:100%;color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:24px; margin-top:23px;}
#obtn .link a{color:#fff; color:rgba(255,255,255,0.8);}
#obtn .link a:hover{color:#008cd6;}
#obtn .addr{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:24px; margin-top:8px; margin-bottom:23px;}
#obtn .footD{ float:left; width:100%; padding:12px 0; background:#fff;}
#obtn .Copyright{ float:left; color:#6e6e6e; font-size:13px; line-height:22px;}
#obtn .Copyright a{color:#6e6e6e;}
#obtn .Copyright a:hover{color:#008cd6;}
#obtn .footMap{ float:right; color:#6e6e6e; font-size:13px; line-height:22px;}
#obtn .footMap a{color:#6e6e6e;}
#obtn .footMap a:hover{color:#008cd6;}
@media screen and (max-width:1229px ) {
#obtn .pz_down .footT{ padding-right:270px;}	
#obtn .footNav li{ margin-right:22px;}
#obtn .footNav li a{ font-size:13px;}
#obtn .link{ font-size:13px;}
#obtn .addr{ font-size:13px;}
#obtn .footUs{ width:240px;}

}
@media screen and (max-width:991px ) {
#obtn .pz_down .footT{ padding-right:0;}
#obtn .footUs{ position:relative; margin:0; top:0;float:left; border:none; padding-left:0; width:100%; margin-bottom:15px;}	
#obtn .footUs .Tit{ display:none;}
#obtn .footUs .img{ margin:0 0 5px 0;}
#obtn .footUs .img .l1{ width:120px; text-align:left; line-height:30px;}
#obtn .footUs .img .l1 .ico{ width:30px; height:30px;}
#obtn .footUs .img .l1 .pic{ width:88px; right:auto; left:-29px; bottom:40px; padding:5px;}
#obtn .footUs .img .l1 .pic:after{ bottom:-6px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; margin-left:-6px; }
#obtn .footUs .Tel{ text-align:left;}
#obtn .footNav{ padding:15px 0 10px 0;}
#obtn .link{ margin-top:15px; display:none;}
#obtn .addr{ margin:10px 0 10px 0;}


}
@media screen and (max-width:767px ) {
#obtn .footD{ margin-bottom:50px;}
#obtn .Copyright{ width:100%; text-align:center;}
#obtn .footMap{ width:100%; text-align:center;}
#obtn .footNav li{ margin-right:0; width:25%;}
}
@media screen and (max-width:374px ) {
#obtn .footNav li a{ font-size:12px;}
}

#obtn .hTit2{ float:left; width:100%; text-align:center;}
#obtn .hTit2 .tit1{ float:left; width:100%; color:#008cd6; font-size:26px; line-height:26px; font-weight:bold; position:relative;}
#obtn .hTit2 .tit1:after{ float:left; width:100%; height:1px; position:absolute; left:0; top:50%; content:''; background:#e5e5e5; z-index:1;}
#obtn .hTit2 .tit1 span{ display:inline-block; vertical-align:top; background:#fff; padding:0 20px; position:relative; z-index:6;}
#obtn .hTit2 .tit2{ float:left; width:100%; color:#dddddd; font-size:14px; line-height:14px; font-family:Arial; text-transform:uppercase; margin-top:10px;}
@media screen and (max-width:991px ) {
#obtn .hTit2 .tit1{ font-size:18px; line-height:18px;}
#obtn .hTit2 .tit1 span{ padding:0 12px;}
}

/*hCont2*/
#obtn .hCont2{ float:left; width:100%; margin:56px 0 60px 0;}
#obtn .hNews{ float:left; width:100%; margin-top:20px;}
#obtn .hNews .ul1{ margin:0 -10px;}
#obtn .hNews .l1{ float:left; width:16.66%; padding:10px;}
/*20200319stasrt*/
#obtn .hNews .la{ float:left; width:100%; height:97px; line-height:0; overflow:hidden; border:1px solid #e1e1e1;}
#obtn .hNews .la:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
@media screen and (max-width:1229px ) {
#obtn .hNews .la{ height:78px;}

}
@media screen and (max-width:991px ) {
#obtn .hCont2{ margin:30px 0 24px 0;}
#obtn .hNews{ margin-top:10px;}
#obtn .hNews .ul1{ margin:0 -6px;}
#obtn .hNews .l1{ padding:6px;}
#obtn .hNews .la{ height:61px;}
}
@media screen and (max-width:767px ) {
#obtn .hNews .l1{ width:33.33%;}
#obtn .hNews .la{ height:auto;}
}
/*20200319end*/

/*hCont3*/
#obtn .hCont3{ float:left; width:100%; background:#f2f2f2; padding:70px 0;}
/*20200319stasrt*/
#obtn .hJoinIn{ float:left; width:50%; background:#fff; padding:32px 35px; height:354px; overflow:hidden;}
#obtn .htransfer{ float:left; width:50%; background:#fff; padding:32px 35px; height:354px; overflow:hidden;}
#obtn .newBox{ float:left; width:100%; border-top:1px dotted #e5e5e5; border-bottom:1px dotted #e5e5e5; margin-top:24px; padding:12px 0;}
#obtn .newBox li{ float:left; width:47.16%;}
#obtn .newBox li:nth-child(2n){ float:right;}
#obtn .newBox li a{ float:left; width:100%; color:#333333; font-size:13px; line-height:38px;}
#obtn .newBox li a:hover{ color:#008cd6;}
@media screen and (max-width:1229px ) {
#obtn .hJoinIn{ padding:27px 30px; height:344px;}
#obtn .htransfer{ padding:27px 30px; height:344px;}
}
@media screen and (max-width:991px ) {
#obtn .hCont3{ padding:30px 0;}	
#obtn .hJoinIn{ padding:12px 15px 15px 15px; height:254px;}
#obtn .htransfer{ padding:12px 15px 15px 15px; height:254px;}	
#obtn .newBox{ padding:8px 0; margin-top:10px;}
#obtn .newBox li a{ line-height:30px;}
}
@media screen and (max-width:767px ) {	
#obtn .hJoinIn{ width:100%; height:auto;}
#obtn .htransfer{ width:100%; height:auto;}

}
/*20200319end*/

/*hCont4*/
#obtn .hCont4{ float:left; width:100%; margin:70px 0;}
#obtn .hPord{ float:left; width:100%; margin-top:15px;}
#obtn .hPord .ul1{ margin:0 -15px;}
#obtn .hPord .l1{ float:left; width:25%; padding:0 15px; margin-top:15px;}
#obtn .hPord .la{ float:left; width:100%;}
/*20200319stasrt*/
#obtn .hPord .la .img{ float:left; width:100%; height:208px; border:1px solid #e5e5e5; border-bottom:none; line-height:0; overflow:hidden;}
#obtn .hPord .la .tit{ float:left; width:100%; color:#333333; font-size:14px; line-height:26px; padding:20px; background:#f4f4f4; position:relative;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
#obtn .hPord .la .tit i{ float:left; width:16px; height:16px; position:absolute; right:20px; top:50%; margin-top:-8px;}
#obtn .hPord .la:hover .tit{ background:#008cd6; color:#fff;}
@media screen and (max-width:1229px ) {
#obtn .hPord .la .img{ height:162px;}
}
@media screen and (max-width:991px ) {
#obtn .hCont4{ margin:30px 0;}
#obtn .hPord{ margin-top:8px;}
#obtn .hPord .ul1{ margin:0 -6px;}
#obtn .hPord .l1{ padding:0 6px; margin-top:12px;}
#obtn .hPord .l1 .tit{ padding:10px 12px;}
#obtn .hPord .la .tit i{ right:12px;}
#obtn .hPord .la .img{ height:130px;}
}
@media screen and (max-width:767px ) {
#obtn .hPord .l1{ width:50%;}
#obtn .hPord .la .img{ height:auto;}
}
/*20200319stasrt*/

/*hCont5*/
#obtn .hCont5{ float:left; width:100%; background:#f6f6f6; padding:68px 0 50px 0;}
#obtn .hSkills{ float:left; width:47.66%;}
#obtn .hBuying{ float:right; width:47.66%;}
#obtn .newCon{ float:left; width:100%; margin-top:24px;}
#obtn .newCon .l1{ float:left; width:100%;}
#obtn .newCon .l1 a{ float:left; width:100%; color:#333333; font-size:13px; line-height:52px; border-top:1px dotted #dddddd; position:relative; padding-right:85px;}
#obtn .newCon .l1 time{ float:left; position:absolute; right:0; top:0; color:#666666;}
#obtn .newCon .l1 a:hover,
#obtn .newCon .l1 a:hover time{ color:#008cd6;}
#obtn .newCon .l0{ float:left; width:100%;}
#obtn .newCon .l0 a{ float:left; width:100%; border-top:1px dotted #dddddd; position:relative; padding:16px 0 16px 80px;}
#obtn .newCon .l0 .tit1{ float:left; width:100%; color:#333333; font-size:15px; line-height:25px;}
#obtn .newCon .l0 .info{ float:left; width:100%; color:#999999; font-size:12px; line-height:22px; margin-top:5px;}
#obtn .newCon .l0 .time{ float:left; position:absolute; left:0; top:50%; padding-right:14px; text-align:center; color:#8a8a8a; font-size:12px; font-family:Arial; border-right:1px solid #e5e5e5; height:54px; margin-top:-27px; line-height:26px; padding-top:5px;}
#obtn .newCon .l0 .time time{ color:#666666; font-size:30px; font-weight:bold; display:block; width:100%;}
#obtn .newCon .l0 a:hover,
#obtn .newCon .l0 a:hover time{ color:#008cd6;}

@media screen and (max-width:991px ) {
#obtn .hCont5{ padding:25px 0;}		
#obtn .newCon{ margin-top:12px;}
#obtn .newCon .l1 a{ line-height:40px;}
#obtn .newCon .l0 a{ padding:12px 0 12px 80px;}
#obtn .newCon .l0 .info{ margin-top:0;}
#obtn .newCon .l0 .time{ height:44px; margin-top:-22px; line-height:22px; padding-top:3px;}
#obtn .newCon .l0 .time time{ font-size:24px;}
}
@media screen and (max-width:767px ) {

#obtn .hSkills{ width:100%;}
#obtn .hBuying{ width:100%; margin-top:5px;}
}


/*hTit2*/
#obtn .hTit1{ float:left; width:100%; color:#008cd6; font-size:24px; line-height:36px; font-weight:bold; overflow:hidden; position:relative;}
#obtn .hTit1:after{ float:left; width:16px; height:13px; background:url(../_im_g/main25.png) right top; content:''; position:absolute; right:4px; top:22px; z-index:2;}
#obtn .hTit1:before{ float:left; width:6px; height:1px; background:#fff; content:''; position:absolute; right:10px; top:22px; z-index:3;}
#obtn .hTit1 span{ color:#999999; font-size:14px; font-family:Arial; text-transform:uppercase; font-weight:normal; margin-left:10px; padding-left:12px; position:relative;}
#obtn .hTit1 span:after{ float:left; content:''; position:absolute; left:0; bottom:0; width:1px; height:17px; background:#999; transform:rotate(15deg); z-index:6;}
#obtn .hTit1 span:before{ float:left; content:''; position:absolute; left:100%; margin-left:8px; top:50%; width:1200px; height:1px; background:#bfbfbf;opacity:0.3; filter:alpha(opacity=30); z-index:1;}
#obtn .hTit1 a{ float:right; color:#999999; font-size:14px; line-height:14px; font-weight:normal; position:relative;}
#obtn .hTit1 a:after{ float:left; width:0; height:0; position:absolute; right:0; top:22px; border-bottom:10px solid transparent;border-right: 10px solid #008cd6; content:''; z-index:6; }
#obtn .hTit1 a:hover{ color:#008cd6;}
@media screen and (max-width:991px ) {
#obtn .hTit1{ font-size:18px;}
#obtn .hTit1 span{ font-size:12px; margin-left:6px; padding-left:6px;}
#obtn .hTit1 span:after{ height:15px;}
#obtn .hTit1:after,
#obtn .hTit1:before,
#obtn .hTit1 a:after{ top:21px;}
#obtn .hTit1 a{ font-size:12px;}
}


/*hCont1*/
#obtn .hCont1{ float:left; width:100%; padding-top:64px;}
#obtn .hNewC{ float:left; width:64.16%;}
#obtn .hNewC .ul1{ float:left; width:100%; margin-top:23px;}
#obtn .hNewC .ul1 .l1{ float:left; width:49.35%;}
/*20200319start*/
#obtn .hNewC .ul1 .l1 .img{ float:left; width:100%; height:229px; line-height:0; overflow:hidden; position:relative;}
/*20200319end*/
#obtn .hNewC .ul1 .l1 .img time{ float:left; position:absolute; left:0; bottom:0; color:#fff; font-size:14px; line-height:24px; padding:4px  16px; background:#008cd6;}
#obtn .hNewC .ul1 .l1 .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; padding:10px 19px; background:#f5f5f5;}
#obtn .hNewC .ul1 .l1:hover .tit{ color:#008cd6;}
#obtn .hNewC .ul1 .l1:hover .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .hNewC .ul1 .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .hNewC .ul1 .l2{ float:right; width:48%; border-bottom:1px solid #f2f2f2; padding:2px 0;}
#obtn .hNewC .ul1 .l2 a{ float:left; width:100%; color:#333333; font-size:14px; line-height:37px; position:relative; padding-right:75px;}
#obtn .hNewC .ul1 .l2 time{ float:left; position:absolute; right:0; top:0;}
#obtn .hNewC .ul1 .l2 a:hover{ color:#008cd6; background:#f5f5f5;}
#obtn .hNewC .ul1 .l2:last-child{ border-bottom:none;}

#obtn .hPor{ float:right; width:31.66%;}
#obtn .hPor .box{ float:left; width:100%; margin-top:23px; padding-bottom:48px;}
#obtn .hPor .box .ul1{ margin:0 -3px;}
#obtn .hPor .box .ul1 .l1{ float:left; width:33.33%; padding:0 3px; margin-bottom:6px;}
/*20200319stasrt*/
#obtn .hPor .box .ul1 .la{ float:left; width:100%; position:relative; height:109px; line-height:0; overflow:hidden; background:#000000;}
/*20200319end*/
#obtn .hPor .box .ul1 .la img{opacity:0.5; filter:alpha(opacity=50);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .hPor .box .ul1 .la span{ float:left; width:100%; height:100%; text-align:center; color:#fff; font-size:16px; line-height:28px; display:flex;flex-direction: column;justify-content:center;align-items:center; position:absolute; left:0; top:0; z-index:9; padding:0 15px;

-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#obtn .hPor .box .ul1 .la:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);opacity:0.95; filter:alpha(opacity=95);}
#obtn .hPor .box .slick-prev,
#obtn .hPor .box .slick-next{ float:left; width:50%; height:48px; border:1px solid #ececec; background:#f5f5f5; left:0; top:auto; bottom:0; transform:translateY(0);}
#obtn .hPor .box .slick-next{ left:auto; right:0; border-left:none !important;}
#obtn .hPor .box .slick-prev:after,
#obtn .hPor .box .slick-next:after{ content:'<'; font-size:24px; color:#008cd6; font-weight:bold; font-family:"宋体"; line-height:46px;}
#obtn .hPor .box .slick-next:after{ content:'>';}
#obtn .hPor .box .slick-prev:hover,
#obtn .hPor .box .slick-next:hover{ background:#008cd6; border:1px solid #008cd6;}
#obtn .hPor .box .slick-prev:hover:after,
#obtn .hPor .box .slick-next:hover:after{ color:#fff;}
@media screen and (max-width:1229px ) {
#obtn .hNewC .ul1 .l2 a{ line-height:30px;}
/*20200319start*/
#obtn .hNewC .ul1 .l1 .img{ height:184px;}
#obtn .hPor .box .ul1 .la{ height:87px;}
/*20200319end*/
}
@media screen and (max-width:991px ) {
#obtn .hCont1{ padding-top:25px;}	
#obtn .hNewC .ul1{ margin-top:10px;}		
#obtn .hNewC{ width:100%;}	
/*20200319start*/
#obtn .hNewC .ul1 .l1 .img{ height:220px;}
#obtn .hPor .box .ul1 .la{ height:105px;}
/*20200319end*/
#obtn .hNewC .ul1 .l1 .tit{ padding:5px 12px;}
#obtn .hPor .box{ margin-top:10px;}	

#obtn .hPor{ width:100%; margin-top:10px;}
#obtn .hPor .box{ padding-bottom:32px;}
#obtn .hPor .box .ul1 .l1{ width:16.66%;}
#obtn .hPor .box .ul1 .la span{ font-size:14px; line-height:22px;}
#obtn .hPor .box .slick-prev,
#obtn .hPor .box .slick-next{ height:32px;}
#obtn .hPor .box .slick-prev:after,
#obtn .hPor .box .slick-next:after{ line-height:30px; font-size:16px;}
}
@media screen and (max-width:767px ) {

#obtn .hNewC .ul1 .l1{ width:100%; margin-bottom:5px;}
/*20200319start*/
#obtn .hNewC .ul1 .l1 .img{ height:auto;}
#obtn .hPor .box .ul1 .la{ height:auto;}
/*20200319end*/
#obtn .hNewC .ul1 .l2{ width:100%;}
#obtn .hPor .box .ul1 .l1{ width:33.33%;}
}


/*slideL*/
#obtn .slideL{ float:left; width:100%; color:#333; font-size:14px; line-height:24px; padding-left:23px; margin-top:28px;}
#obtn .slideL a{ color:#333;}
#obtn .slideL a.on,
#obtn .slideL a:hover{ color:#008cd6;}
@media screen and (max-width:991px ) {
#obtn .slideL{ margin-top:14px;}
}

/*saixuan*/
#obtn .saixuan{ float:left; width:100%; padding-top:28px;}
#obtn .saixuan .l1{ float:left; width:100%; margin-top:10px; background:#f5f5f5; position:relative; padding-left:16%;}
#obtn .saixuan .l1 .tit{ float:left; width:16%; position:absolute; left:0; top:50%; margin-top:-12px; text-align:center; color:#333; font-size:14px; line-height:24px; font-weight:bold;}
#obtn .saixuan .l1 .ul1{ float:left; width:100%; padding:12px 7px; border-left:10px solid #fff;}
#obtn .saixuan .l1 .la{ float:left; color:#333; font-size:14px; line-height:24px; margin:0 12px;}
#obtn .saixuan .l1 .la.on{ color:#008cd6;}
#obtn .saixuan .l1 .la:hover{ text-decoration:underline;opacity:0.6; filter:alpha(opacity=60);}

@media screen and (max-width:991px ) {
#obtn .saixuan{ padding-top:15px;}
#obtn .saixuan .l1{  padding-left:90px; margin-top:5px;}
#obtn .saixuan .l1 .tit{ width:90px;}
#obtn .saixuan .l1 .ul1{ padding:10px 7px; border-left:5px solid #fff;}
#obtn .saixuan .l1 .la{ margin:0 5px; font-size:12px; line-height:22px;}
}
@media screen and (max-width:767px ) {
#obtn .saixuan .l1{  padding-left:76px; margin-top:5px;}
#obtn .saixuan .l1 .tit{ width:76px; font-size:12px;}
#obtn .saixuan .l1 .ul1{ padding:10px 7px;}
}

/*prdList*/
#obtn .prdList{ float:left; width:100%; margin-top:10px; margin-bottom:40px;}
#obtn .prdList .ul1{ margin:0 -15px;}
#obtn .prdList .l1{ float:left; width:25%; padding:0 15px; margin-top:30px;}
#obtn .prdList .la{ float:left; width:100%; border:1px solid #e5e5e5;}
/*20200319stasrt*/
#obtn .prdList .la .img{ float:left; width:100%; height:208px; line-height:0; overflow:hidden; border-bottom:1px solid #e5e5e5;}
#obtn .prdList .la .info{ float:left; width:100%; padding:24px 19px 28px 19px;}
#obtn .prdList .la .money{ float:left; width:100%; color:#ff1515; font-size:18px; line-height:28px; font-weight:bold;}
#obtn .prdList .la .tit{ float:left; width:100%; color:#666666; font-size:14px; line-height:20px; min-height:60px; margin:8px 0 10px 0;}
#obtn .prdList .la .shop{ float:left; width:100%; }
#obtn .prdList .la .shop a{ display:block; margin:0 auto; width:121px; height:40px; line-height:38px; color:#333333; font-size:16px; border:1px solid #e5e5e5; border-radius:3px; text-align:center;}
#obtn .prdList .la .shop a:hover{ background:#008cd6; border:1px solid #008cd6; color:#fff;}
#obtn .prdList .la:hover{ border:1px solid #fff; box-shadow:0 3px 21px rgba(0,0,0,0.1);}
#obtn .prdList .la:hover .img{ border-bottom:1px solid #fff;}
@media screen and (max-width:1229px ) {
#obtn .prdList .la .img{ height:162px;}
}
@media screen and (max-width:991px ) {
#obtn .prdList{ margin-top:10px;}
#obtn .prdList .ul1{ margin:0 -6px;}
#obtn .prdList .l1{ width:50%; padding:0 6px; margin-top:12px;}	
#obtn .prdList .la .info{ padding:8px 12px 12px 12px;}
#obtn .prdList .la .tit{ margin:0 0 10px 0;}
#obtn .prdList .la .shop a{ width:88px; height:32px; line-height:30px; font-size:14px;}
#obtn .prdList .la .img{ height:273px;}
}
@media screen and (max-width:767px ) {
#obtn .prdList .l1{ width:50%;}
#obtn .prdList .la .img{ height:0; position:relative; padding:33% 0; display:flex;flex-direction: column;justify-content:center;align-items:center;}
#obtn .prdList .la .img img{ display:inline-block;}
}

/*20200319end*/

/* 分页 */
#obtn .wack1{ float:left; width:100%; margin:40px 0 50px 0; text-align:center;}
#obtn .wack1 .pz_fy{ display:inline-block; vertical-align:top;}
#obtn .wack1 .pz_fy a{ float:left; color:#3b3b3b; font-size:16px; margin:0 5px;}
#obtn .wack1 .pz_fy a:hover,
#obtn .wack1 .pz_fy a.on{color:#00a0e9;}
#obtn .wack1 .pz_fy .l_fy{ margin-right:30px; padding-right:20px; position:relative;}
#obtn .wack1 .pz_fy .r_fy{ margin-left:30px; padding-left:20px; position:relative;}
#obtn .wack1 .pz_fy .l_fy:after,
#obtn .wack1 .pz_fy .r_fy:after{ float:left; width:10px; height:1px; background:#b4b4b4; content:''; position:absolute; right:0; top:50%;}
#obtn .wack1 .pz_fy .r_fy:after{ right:auto; left:0;}
@media screen and (max-width:991px ) {
#obtn .wack1{ margin:20px 0 25px 0;}
#obtn .wack1 .pz_fy a{ font-size:14px;}
#obtn .wack1 .pz_fy .l_fy{ margin-right:15px; padding-right:20px; position:relative;}
#obtn .wack1 .pz_fy .r_fy{ margin-left:15px; padding-left:20px; position:relative;}
}

/*shaoMa*/
#obtn .shaoMa{ float:left; width:100%; text-align:center;}
#obtn .shaoMa i{ float:left; width:100%; line-height:0;}
#obtn .shaoMa i img{ display:block; margin:0 auto; border:1px solid #e1e1e1; padding:11px;}
#obtn .shaoMa h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:5px;}
#obtn .hei1{ float:left; width:100%; height:69px;}
@media screen and (max-width:991px ) {
#obtn .shaoMa i img{  padding:5px;}	
#obtn .shaoMa h5{ font-size:14px;}	
#obtn .hei1{ height:30px;}
}



/*joinR*/
#obtn .joinR{ float:right; width:25.66%; margin:50px 0 69px 0;}
#obtn .joinL{ float:left; width:71.58%; margin:50px 0 0 0;}
#obtn .joinList{ float:left; width:100%; border-top:1px solid #e4e5e5; margin-bottom:40px;}
#obtn .joinList .ul1{ float:left; width:100%;}
#obtn .joinList .l1{ float:left; width:100%; border-bottom:1px solid #e4e5e5; padding:30px 0;}
#obtn .joinList .la{ float:left; width:100%; position:relative;}
/*20200319stasrt*/
#obtn .joinList .la .img{ float:left; width:29%; height:162px; line-height:0; overflow:hidden; }
#obtn .joinList .la .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .joinList .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .joinList .la .info{ float:left; width:39%; padding:0 3.48%;}
#obtn .joinList .la .info1{ float:left; width:60%; padding:0 3.48%;}
#obtn .joinList .la .in1{ float:left; width:100%; min-height:163px; position:relative;}
#obtn .joinList .la .in2{ float:left; width:100%; position:absolute; left:0; top:50%; margin-top:-60px;}
#obtn .joinList .la .tit1{ width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;  overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#obtn .joinList .la .tit1 h1{float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;  overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#obtn .joinList .la .p1{ width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:20px;}
#obtn .joinList .la .cont{ float:right; width:32%; text-align:center;}
#obtn .joinList .la .ico{ float:left; width:100%; line-height:0; margin-bottom:5px;}
#obtn .joinList .la .ico img{ width:65px; height:55px;}
#obtn .joinList .la .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
#obtn .joinList .la .p2{ float:left; width:100%; color:#999999; font-size:14px; line-height:20px; margin-top:10px;}
#obtn .joinList .l1:hover{ background:#f6f6f6;}
@media screen and (max-width:1229px ) {
#obtn .joinList .la .info{ width:33%;}
#obtn .joinList .la .info{ width:60%;}
#obtn .joinList .la .in1{ min-height:157px;}
#obtn .joinList .la .img{ width:35%; height:157px;}
#obtn .joinList .la .cont{ width:32%;}
}
@media screen and (max-width:991px ) {
#obtn .joinR{ width:100%; display:none;}
#obtn .joinL{ width:100%; margin:0 0 0 0;}
#obtn .joinList .l1{ padding:15px 0;}
#obtn .joinList .la .in1{ min-height:158px;}
#obtn .joinList .la .info{ width:35%;}
#obtn .joinList .la .info1{ width:60%;}
#obtn .joinList .la .img{ width:33%; height:158px;}
#obtn .joinList .la .cont{ width:32%;}
}
@media screen and (max-width:767px ) {
#obtn .joinList .la{ min-height:112px; padding-left:0;}	
#obtn .joinList .la .img{ width:172px; height:112px; position:absolute; left:0;top:0;}
#obtn .joinList .la .info{ width:100%; padding:0 0 0 184px;}
#obtn .joinList .la .info1{ width:100%; padding:0 0 0 184px;}
#obtn .joinList .la .cont{ width:100%; text-align:left; margin-top:10px;}
#obtn .joinList .la .p1{ margin-top:5px;}
#obtn .joinList .la .p2{ margin-top:7px;}
#obtn .joinList .la .in1{ min-height:112px;}
}
/*20200319end*/


#obtn .newsL{ float:left; width:71.58%; margin:30px 0 0 0;}
#obtn .newsL .tit0{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px; font-weight:bold;}
#obtn .newsList{ float:left; width:100%; border-top:1px solid #e4e5e5; margin-top:26px;}
#obtn .newsList .ul1{ float:left; width:100%;}
#obtn .newsList .l1{ float:left; width:100%; border-bottom:1px solid #e4e5e5; padding:30px 0;}
#obtn .newsList .la{ float:left; width:100%; min-height:163px; padding-left:300px; position:relative;}
#obtn .newsList .la .img{ float:left; width:270px; height:163px; position:absolute; left:0; top:0; line-height:0; overflow:hidden;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#obtn .newsList .la .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .newsList .l1:hover .la .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .newsList .la .tit1{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:23px 0 2px 0;}
#obtn .newsList .la .time{ float:left; width:100%; color:#666666; font-size:12px; line-height:22px;}
#obtn .newsList .la .cont{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; height:48px; overflow:hidden; padding-left:20px; position:relative; margin-top:20px;}
#obtn .newsList .la .cont:after{ float:left; width:1px; height:38px; background:#008cd6; position:absolute; left:0; top:50%; margin-top:-19px; content:''; opacity:0.1; filter:alpha(opacity=10); }
#obtn .newsList .l1:hover .la .tit1{ color:#008cd6;}
#obtn .newsList .l1:hover{ background:#f6f6f6;}

#obtn .newsR{ float:right; width:26%; margin:30px 0 79px 0;}
#obtn .newsR .tit0{ float:left; width:100%; height:41px; color:#333333; font-size:20px; line-height:30px; border-bottom:1px solid #dddddd;}
#obtn .newsR .tit0 span{ float:left; padding-bottom:8px; border-bottom:3px solid #008cd6;}
#obtn .newsR .ul1{ float:left; width:100%;}
#obtn .newsR .ul1 .l1{ float:left; width:100%; margin:10px 0;}
#obtn .newsR .ul1 .la{ float:left; width:100%; border-radius:3px; overflow:hidden;}
#obtn .newsR .ul1 .cont{ float:left; width:100%; padding-left:19px; padding-right:12px;}
#obtn .newsR .ul1 .img{ float:left; width:100%; line-height:0; overflow:hidden;}
#obtn .newsR .ul1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#obtn .newsR .ul1 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#obtn .newsR .ul1 .tit{ float:left; width:100%; position:relative; color:#747474; font-size:14px; line-height:25px; padding-left:34px;}
#obtn .newsR .ul1 .tit span{ float:left; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:15px; border-radius:2px; position:absolute; left:0; top:4px; font-style:italic; background:#4b4b4b; font-family:Arial;}
#obtn .newsR .ul1 .l1:nth-child(1) .tit span,
#obtn .newsR .ul1 .l1:nth-child(2) .tit span,
#obtn .newsR .ul1 .l1:nth-child(3) .tit span{ background:#008cd6;}
#obtn .newsR .ul1 .l1:nth-child(1){ margin:20px 0 15px 0;}
#obtn .newsR .ul1 .l1:nth-child(1) .cont{ border:1px solid #eaeaea; border-top:none; border-radius:0 0 3px 3px; padding-top:15px; padding-bottom:15px;}

#obtn .newsR .ul1 .la:hover .tit{ color:#008cd6;}
#obtn .newsR .bd{ float:left; width:100%;}
#obtn .newsR .next{ float:left; width:100%; height:38px; line-height:36px; text-align:center; color:#999999; font-size:14px; border-radius:3px; background:#f2f2f2; margin-top:15px;}
#obtn .newsR .next i{ display:inline-block; vertical-align:top; width:12px; height:12px; background:url(../_im_g/img15.png) center no-repeat; margin:13px 0 0 9px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#obtn .newsR .next:hover{ background:#008cd6; color:#fff;}
#obtn .newsR .next:hover i{ background:url(../_im_g/img16.png) center no-repeat;}

@media screen and (max-width:1229px ) {
#obtn .newsList .la{ min-height:151px; padding-left:280px;}
#obtn .newsList .la .img{ width:250px; height:151px;}
#obtn .newsList .la .tit1{ margin:16px 0 2px 0;}
#obtn .newsR .ul1 .tit{ padding-left:28px;}
#obtn .newsR .ul1 .cont{ padding-left:12px;}
}
@media screen and (max-width:991px ) {
#obtn .newsL{ width:100%; margin:16px 0 0 0;}
#obtn .newsL .tit0{ font-size:18px; line-height:28px;}	
#obtn .newsList{ margin:10px 0 0 0;}
#obtn .newsList .l1{ padding:15px 0;}
#obtn .newsList .la{ min-height:151px; padding-left:265px;}
#obtn .newsList .la .cont{ padding-left:16px;}

#obtn .newsR{ width:100%; margin:0 0 30px 0;}
#obtn .newsR .tit0{ font-size:18px; line-height:28px; height:37px;}
#obtn .newsR .tit0 span{ padding-bottom:6px;}
#obtn .newsR .ul1 .l1{ margin:5px 0;}
#obtn .newsR .ul1 .tit{ line-height:24px;}
#obtn .newsR .ul1 .l1:nth-child(1) .cont{ padding-top:12px; padding-bottom:12px;}
#obtn .newsR .ul1 .l1:nth-child(1){ margin:15px 0 12px 0;}

}
@media screen and (max-width:767px ) {
#obtn .newsList .l1{ padding:12px 0;}
#obtn .newsList .la{ min-height:72px; padding-left:132px;}
#obtn .newsList .la .img{ width:120px; height:72px;}
#obtn .newsList .la .cont{ padding-left:16px;}
#obtn .newsList .la .tit1{ margin:0 0 0 0; font-size:16px; line-height:26px;}
#obtn .newsList .la .cont{ margin:0; height:24px; padding-left:0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
#obtn .newsList .la .cont:after{ display:none;}

}


/*joinDet*/
/*20200319stasrt*/
#obtn .joinDet{ float:left; width:100%; border:1px solid #ebebeb; margin-top:10px;}
#obtn .joinDet .hd{ float:left; width:100%; background:#f6f6f6;}
#obtn .joinDet .hd ul{ float:left;}
#obtn .joinDet .hd ul li{ float:left; width:118px; background:#fff; text-align:center; color:#008cd6; font-size:16px; line-height:44px; position:relative;border-right:1px solid #ebebeb;}
#obtn .joinDet .hd ul li:after{ float:left; width:100%; height:3px; position:absolute; left:0; top:-1px; content:''; background:#008cd6;}
#obtn .joinDet .bd{ float:left; width:100%;}
#obtn .joinDet .cont{ float:left; width:100%; color:#4c4c4c; font-size:16px; line-height:28px;}
#obtn .joinDet .cont .p1{ float:left; width:100%; border-top:1px solid #ebebeb; padding:35px 30px 46px 30px;}
#obtn .shaoMa1{ float:left; width:100%; padding-top:40px;}
#obtn .joinList1{ border:1px solid #ebebeb; padding:30px; position:relative;}
#obtn .joinList1 .big{ float:left; width:100%;}
#obtn .joinList1 .big .pic1{ margin:0 3px; line-height:0;}
#obtn .joinList1 .small{ float:left; width:100%; margin-top:6px;}
#obtn .joinList1 .small .pic1{ margin:0 3px; line-height:0; position:relative;}
#obtn .joinList1 .small .pic1:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:'';}
#obtn .joinList1 .small .pic1.slick-current:after{ border:1px solid #008cd6;}
#obtn .joinList1 .la:hover .img img{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
#obtn .joinList1 .la{ position:relative; min-height:202px;}
#obtn .joinList1 .la .img{ width:31.5%; height:auto; top:0; margin-top:0;}
#obtn .joinList1 .la .info{ width:36%;}

@media screen and (max-width:1229px ) {
#obtn .joinList1{ padding:20px;}	
#obtn .joinList1 .la{ min-height:185px;}	
#obtn .joinList1 .la .img{ width:36%;}
#obtn .joinList1 .la .info { width:31%;}

}

@media screen and (max-width:991px ) {
#obtn .joinDet{ margin-top:20px;}	
#obtn .joinDet .cont{ font-size:14px; line-height:26px;}	
#obtn .joinDet .cont .p1{ padding:18px 15px 23px 15px;}
#obtn .shaoMa1{ padding-top:20px;}
#obtn .joinDet .hd ul li{ width:96px; font-size:14px; line-height:36px;}
#obtn .joinDet .hd ul li:after{ height:2px;}
#obtn .joinList1{ padding:15px;}
}
@media screen and (max-width:767px ) {
#obtn .joinList1{ padding:13px 10px;}	
#obtn .joinList1 .la .img{ position:static; width:100%;}
#obtn .joinList1 .la .info{ padding:0; margin-top:8px; padding:0 3px;}
#obtn .joinList1 .la .cont{ padding:0 3px;}
#obtn .joinList1 .la .info { width:100%;}
}
/*20200319end*/

.date {
    font-size: 16px;
    color: #888;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    float: left;
    width: 100%;
    text-align: center;
}

    .pagination > li {
        display: inline-block;
        float: none;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

            .pagination > li > a:hover,
            .pagination > li > span:hover,
            .pagination > li > a:focus,
            .pagination > li > span:focus {
                z-index: 2;
                color: #23527c;
                background-color: #eeeeee;
                border-color: #ddd;
            }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}