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;
}
a:hover{ cursor:pointer;}
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;}

/* 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;
    z-index:100;
}
.slick-next{
    left:auto;
    right:40px;
}
@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 (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}

  ._pimg {
            width: 100%;
            overflow: hidden;
            float:left;
        }

            ._pimg ._div {
                position: relative;
                overflow:hidden;
            }

            ._pimg ._img {
                width: 100%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
            }
			
			
			
.maxwidth{ margin:0 auto; padding-left:15px; padding-right:15px;}			
@media (min-width: 768px) {
  .maxwidth {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .maxwidth {
    width: 992px;
  }
}
@media (min-width: 1260px) {
  .maxwidth {
    width: 1260px;
  }
}
	
#obtn .head{ float:left; width:100%; position:absolute; left:0; top:0; padding:10px 0 0 0; z-index:12;}	
#obtn .logo{ float:left; width: 143px; line-height:0; margin:7px 0 0 0;}

/*menu*/
#obtn .menu{float: right; }
#obtn .menu .nli{ float:left; padding:0; margin:0 25px 0 32px; position:relative;}
#obtn .menu .nli span a{ float:left; position:relative; padding:0; color:#fff; font-size:16px; line-height:50px;}
#obtn .menu .nli span a:after{ float:left; width:0; height:4px; position:absolute; left:0; bottom:0; content:''; background:#fff;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
#obtn .menu .nli.active span a:after,
#obtn .menu .nli:hover span a:after,
#obtn .menu .nli.on span a:after{ width:100%;}

#obtn .menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; width:138px; margin-left:-69px; z-index:66; background:#fff;
box-shadow: 0 6px 20px 0 rgba(166,177,204,.15);
-moz-box-shadow: 0 6px 20px 0 rgba(166,177,204,.15);
-webkit-box-shadow: 0 6px 20px 0 rgba(166,177,204,.15); padding:20px 30px;}
#obtn .menu .sub li{ float:left; width:100%;}
#obtn .menu .sub li a{ float:left; width:100%; color:#1b1b1b; font-size:15px; line-height:37px; position:relative; text-align:center;}
#obtn .menu .sub li a:after{ float:left; width:0; height:1px; position:absolute; left:50%; bottom:0; content:''; background:#0889f7;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
#obtn .menu .sub li a:hover{ color:#0889f7;}	 
#obtn .menu .sub li a:hover:after{ width:120%;}
@media screen and (max-width:1259px ){
#obtn .menu .nli{ margin:0 15px 0 18px;}
#obtn .menu .nli span a{ font-size:16px;}


}
@media screen and (max-width:991px ){
#obtn .menu{ display:none;}
#obtn .logo{ margin-top:5; width: 100px;}
}

/*手机导航按钮*/
#obtn .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:6px 0 0 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: #fff;  }
#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: #fff;  }
#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:block;}
}

/*手机导航*/
#obtn .xialaph{ position:absolute; left:0; top:54px; float:left; width: 100%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); padding:0 0 60px 0;  display: none;  z-index:11;}
#obtn .xialaph .ul1{ float:left; width:100%; padding:0 15px;}
#obtn .xialaph .ul2,
#obtn .xialaph .ul3{display: none;}
#obtn .xialaph h4{ float:left; width:100%; position:relative;}
#obtn .xialaph h4 a{ float:left; width:70%; color: #595961;  font-size:16px; line-height: 55px; position:relative; padding:0;}
#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-color: #000;opacity: 0.1; }
#obtn .xialaph h4:hover a,
#obtn .xialaph h5:hover a{  color: #056dff; }
#obtn .xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #000; opacity:  0.1;  }
#obtn .xialaph h5 a{ float:left; width:100%;  color: #595961;  font-size:14px; line-height: 45px;  text-transform:uppercase; padding:0 10px;}
#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-color: #000; opacity:  0.1; }
#obtn .xialaph li:last-child h5::after{  display: none;  }
#obtn .xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
#obtn .xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  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:#056dff; z-index:10; 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; height:20px;}
#obtn .pf_down li .ico7 img{ 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 .footer{ float:left; width:100%; background:#232122; padding:96px 0 0 0;}
#obtn .foot1{ float:left; width:12%; padding:0 0 49px 0;}
#obtn .foot1_1{ width:28%;}
#obtn .foot1 .tit1{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px;}
#obtn .foot1 ul{ float:left; width:100%; margin-top:16px; }
#obtn .foot1 ul li{ float:left; width:100%;}
#obtn .foot1 ul li a{ float:left; width:100%; color:#f9fcff; color:rgba(249,252,255,0.6); font-size:13px; line-height:18px; margin-top:12px;}
#obtn .foot1 ul li a:hover{ color:#fff;}
#obtn .foot1 .ul{ float:left; width:100%; margin-top:33px; }
#obtn .foot1 .ul i{ float:left; width:33%; line-height:0;}
#obtn .foot1 .ul .text{ float:right; width:56%; }
#obtn .foot1 .ul .text h5{ float:left; width:100%; color:#fff; font-size:26px; line-height:28px; font-weight:bold; }
#obtn .foot1 .ul .text span{ float:left; width:100%; margin:12px 0; color:#fff; font-size:18px; line-height:28px;}
#obtn .foot1 .ul .text font{ float:left;}
#obtn .foot1 .ul .text .bdshare1{ float:left;}
#obtn .foot1 .ul .text .bdshare1 a{ display:inline-block; vertical-align:top; float:none !important; width:28px !important; height:28px !important; margin:0 5px !important;}
#obtn .foot1 .ul .text .bdshare1 .bds_weixin{ background:url(../_im_g/foot2.png) center no-repeat no-repeat !important}
#obtn .foot1 .ul .text .bdshare1 .bds_tsina{ background:url(../_im_g/foot3.png) center no-repeat no-repeat !important}
#obtn .foot1 .ul .text h6{ float:left; width:100%; color:#fff; font-size:18px; line-height:30px; background:#056dff; text-align:center;}

#obtn .foot2{ float:left; width:100%; border-bottom:1px solid #464646; border-top:1px solid #100f0f;}
#obtn .copyright{ float:left; width:100%; padding:30px 0; text-align:center; color:#f9fcff; color:rgba(249,252,255,0.8); font-size:14px; line-height:26px;}
#obtn .copyright a{display:inline-block;}

@media screen and (max-width:1259px ) {
#obtn .foot1 .tit1{ font-size:18px; line-height:28px;}
#obtn .foot1 ul li a{ font-size:16px; line-height:26px;}
#obtn .foot1 .ul .text{ width:60%;}
#obtn .foot1 .ul .text h5{ font-size:20px; line-height:30px;}
#obtn .foot1 .ul .text span{ font-size:16px; margin:0 0 6px 0;}
#obtn .foot1 .ul .text .bdshare1 a{ margin:0 1px !important;}
#obtn .foot1 .ul .text h6{ font-size:15px; line-height:28px;}
}
@media screen and (max-width:991px ) {
#obtn .copyright{ font-size:14px; line-height:24px; padding:15px 0;}
#obtn .footer{ padding:30px 0 0 0;}
#obtn .foot1{ padding:0 0 20px 0;}
#obtn .foot1 .tit1{ font-size:16px; line-height:26px;}
#obtn .foot1 ul{ margin-top:6px;}
#obtn .foot1 ul li a{ margin-top:2px; font-size:14px; line-height:24px;}
#obtn .foot1 .ul{ margin-top:12px;}
#obtn .foot1 .ul .text h5{ font-size:18px; line-height:28px;}
#obtn .foot1 .ul .text span{ font-size:14px; margin:0 0 6px 0;}
#obtn .foot1 .ul .text .bdshare1 a{ margin:0 0 !important; width:22px !important; height:22px !important; padding-left:22px !important;}
#obtn .foot1 .ul .text h6{ font-size:13px; line-height:28px;}
}
@media screen and (max-width:767px ) {
#obtn .foot1{ width:100%;}
#obtn .foot1{ display:none;}
#obtn .foot1_1{ display:block;}
#obtn .foot1_1 .tit1{ display:none;}
#obtn .foot1 .ul{ margin-top:0;}
#obtn .copyright{ margin-bottom:50px;}

}

#obtn .lingqu{ float:left; width:100%; text-align:center; padding:92px 0 85px 0;}
#obtn .lingqu .tit1{ float:left; width:100%;color:#fff; font-size:38px; line-height:58px; letter-spacing:5px;}
#obtn .lingqu .btn{ float:left; width:100%; margin-top:38px;}
#obtn .lingqu .btn a{ display:inline-block; vertical-align:top; padding:6px 32px 8px 32px; color:#fff; font-size:20px;letter-spacing:5px; border:1px solid #fff;}
#obtn .lingqu .btn a:hover{ background:#fff; color:#1878ff;}
@media screen and (max-width:1259px ) {
#obtn .lingqu .tit1{ font-size:32px; line-height:42px; letter-spacing:3px;}
#obtn .lingqu .btn a{ font-size:24px; letter-spacing:3px; padding:5px 30px 7px 30px;}
}
@media screen and (max-width:991px ) {
#obtn .lingqu{ padding:30px 0;}	
#obtn .lingqu .tit1{ font-size:16px; line-height:32px; letter-spacing:2px;}
#obtn .lingqu .btn{ margin-top:15px;}
#obtn .lingqu .btn a{ font-size:15px; letter-spacing:2px; padding:5px 22px 7px 22px;}
}
@media screen and (max-width:767px ) {

}

/*case1*/
#obtn .case1{ float:left; width:100%; margin:48px 0 78px 0;}
#obtn .case1 ul{ margin:0 -18px;}
#obtn .case1 li{ float:left; width:25%; padding:38px 18px;}
#obtn .case1 li a{ float:left; width:100%; border:1px solid #b5b5b5; text-align:center; padding:71px 8px 13px 8px;}
#obtn .case1 li a .pic{ float:left; width:100%; line-height:0; text-align:center;}
#obtn .case1 li a .pic ._pimg{ float:none !important; display:inline-block; vertical-align:top; width:125px; height:125px;}
#obtn .case1 li a .pic ._img{ width:125px; height:125px; border-radius:50%; border:1px solid #34a7ff;}
#obtn .case1 li a .pic .er{ float:left; width:100%; position:absolute; left:0; top:0; z-index:3; opacity:0; }
#obtn .case1 li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);}
#obtn .case1 li a:hover .pic img{ -webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}
#obtn .case1 li a:hover .pic ._img{ opacity:0;-webkit-transform:translate(-50%,-50%) rotateY(360deg);
   -moz-transform:translate(-50%,-50%) rotateY(360deg);
	-ms-transform:translate(-50%,-50%) rotateY(360deg);
	 -o-transform:translate(-50%,-50%) rotateY(360deg);
		transform:translate(-50%,-50%) rotateY(360deg);}		
#obtn .case1 li a:hover .pic .er{ opacity:1;-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#obtn .case1 li a .tit{ float:left; width:100%; line-height:34px; font-size:24px; color:#333333; position:relative; margin:57px 0 15px 0; padding-bottom:14px; padding-left:7px; padding-right:7px;}
#obtn .case1 li a .tit:after{ float:left; width:25px; height:4px; position:absolute; left:50%; bottom:0; content:''; background:#45454d; margin-left:-12px;-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 .case1 li a .info{ float:left; width:100%; line-height:26px; font-size:16px; color:##666666; padding:0 7px; height:104px; overflow:hidden;}
#obtn .case1 li a .cont{ float:left; width:100%; text-align:center; margin-top:30px;}
#obtn .case1 li a .cont span{ display:inline-block; margin:6px 7px 0 7px; color:#666666; font-size:14px; line-height:25px; height:27px; border:1px solid #b5b5b5; padding:0 4px; min-width:79px; text-align:center;-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 .case1 li a:hover .tit:after{ width:66px; margin-left:-33px;}
#obtn .case1 li a .cont span:hover{ border:1px solid #056dff; background:#056dff; color:#fff;}
@media screen and (max-width:1259px ) {
#obtn .case1 ul{ margin:0 -12px;}
#obtn .case1 li{ padding:30px 12px;}
#obtn .case1 li a .pic ._pimg{ width:120px; height:120px;}
#obtn .case1 li a .tit{ font-size:20px; line-height:30px; margin:40px 0 15px 0; }
#obtn .case1 li a .tit:after{ height:3px;}
#obtn .case1 li a .cont span{ font-size:14px;}
}
@media screen and (max-width:991px ) {
#obtn .case1{ margin:30px 0 40px 0;}
#obtn .case1 ul{ margin:0 -6px;}
#obtn .case1 li{ padding:8px 6px;}
#obtn .case1 li a{ padding:25px 8px 13px 8px;}
#obtn .case1 li a .pic ._pimg{ width:80px; height:80px;}
#obtn .case1 li a .tit{ font-size:18px; line-height:28px; margin:15px 0 12px 0; padding-left:3px; padding-right:3px; }
#obtn .case1 li a .tit:after{ height:3px;}
#obtn .case1 li a .info{ font-size:14px; line-height:24px; line-height:24px; height:72px; padding:0 3px;}
#obtn .case1 li a .cont span{ font-size:12px; min-width:60px; margin:6px 3px 0 3px;}

}
@media screen and (max-width:767px ) {
#obtn .case1 li{ width:50%;}	
	

}

/*case1*/
#obtn .case2{ float:left; width:100%; margin:18px 0 31px 0;}
#obtn .case2 ul{ margin:0 -18px;}
#obtn .case2 li{ float:left; width:25%; padding:17px 18px;}
#obtn .case2 li a{ float:left; width:100%; border:1px solid #999999; padding:71px 8px 13px 8px;}
#obtn .case2 li a .pic{ float:left; width:100%; line-height:0; text-align:center;}
#obtn .case2 li a .pic ._pimg{ float:none !important; display:inline-block; vertical-align:top; width:125px; height:125px;}
#obtn .case2 li a .pic ._img{ width:125px; height:125px; border-radius:50%; border:1px solid #34a7ff;}

#obtn .case2 li a .pic .er{ float:left; width:100%; position:absolute; left:0; top:0; z-index:3; opacity:0; }
#obtn .case2 li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);}
#obtn .case2 li a:hover .pic img{ -webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;}
#obtn .case2 li a:hover .pic ._img{ opacity:0;-webkit-transform:translate(-50%,-50%) rotateY(360deg);
   -moz-transform:translate(-50%,-50%) rotateY(360deg);
	-ms-transform:translate(-50%,-50%) rotateY(360deg);
	 -o-transform:translate(-50%,-50%) rotateY(360deg);
		transform:translate(-50%,-50%) rotateY(360deg);}		
#obtn .case2 li a:hover .pic .er{ opacity:1;-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#obtn .case2 li a .tit{ float:left; width:100%; line-height:34px; font-size:24px; color:#333333; position:relative; margin:53px 0 15px 0; padding-bottom:14px; padding-left:16px; padding-right:16px; text-align:center;}
#obtn .case2 li a .tit:after{ float:left; width:25px; height:4px; position:absolute; left:50%; bottom:0; content:''; background:#45454d; margin-left:-12px;-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 .case2 li a .info{ float:left; width:100%; line-height:26px; font-size:16px; color:#666666; padding:0 16px; height:104px; overflow:hidden;}
#obtn .case2 li a .cont{ float:left; width:100%; text-align:center; margin-top:30px;}
#obtn .case2 li a .cont span{ display:inline-block; vertical-align:top; margin:6px 7px 0 7px; color:#999999; font-size:14px; height:27px; line-height:24px; border:1px solid #b5b5b5; padding:0 4px; min-width:74px; text-align:center;-webkit-transition: 0.5s ease;text-align:center;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;
}
#obtn .case2 li a:hover .tit:after{ width:66px; margin-left:-33px;}
#obtn .case2 li a .cont span:hover{ border:1px solid #056dff; background:#056dff; color:#fff;}
@media screen and (max-width:1259px ) {
#obtn .case2 ul{ margin:0 -12px;}
#obtn .case2 li{ padding:12px 12px;}
#obtn .case2 li a .pic ._pimg{ width:120px; height:120px;}
#obtn .case2 li a .tit{ font-size:20px; line-height:30px; margin:40px 0 15px 0; padding-left:8px; padding-right:8px;}
#obtn .case2 li a .tit:after{ height:3px;}
#obtn .case2 li a .info{ font-size:16px; line-height:26px; padding:0 8px;}
#obtn .case2 li a .cont span{ font-size:14px;}
}
@media screen and (max-width:991px ) {
#obtn .case2{ margin:30px 0 40px 0;}
#obtn .case2 ul{ margin:0 -6px;}
#obtn .case2 li{ padding:8px 6px;}
#obtn .case2 li a{ padding:25px 8px 13px 8px;}
#obtn .case2 li a .pic ._pimg{ width:80px; height:80px;}
#obtn .case2 li a .tit{ font-size:18px; line-height:28px; margin:15px 0 12px 0; padding-left:3px; padding-right:3px; }
#obtn .case2 li a .tit:after{ height:3px;}
#obtn .case2 li a .info{ font-size:14px; line-height:24px; line-height:24px;height:72px; padding:0 3px;}
#obtn .case2 li a .cont span{ font-size:12px; min-width:60px; margin:6px 3px 0 3px;}
#obtn .case2 li a .pic ._img{width:100%; height:100%;}
}
@media screen and (max-width:767px ) {
#obtn .case2 li{ width:50%;}	
	

}

/*slideTit*/
#obtn .slideTit{ float:left; width:100%; background:#f3f3f9; margin-top:1px; padding:20px 0 15px 0;}
#obtn .slideTit ul{ text-align:center; overflow:auto;}
#obtn .slideTit li{ display:inline-block; vertical-align:top; width:7.8%; text-align:center; padding:0 5px;}
#obtn .slideTit li .pic{ float:left; width:100%; line-height:0;}
#obtn .slideTit li .pic img{ display:block; margin:0 auto; width:30px; height:30px;}
#obtn .slideTit li .pic ._img{}
#obtn .slideTit li .pic ._img1{ display:none;}
#obtn .slideTit li.on .pic ._img,
#obtn .slideTit li:hover .pic ._img{ display:none;}
#obtn .slideTit li.on .pic ._img1,
#obtn .slideTit li:hover .pic ._img1{ display:block;}
#obtn .slideTit li.on .pic img,
#obtn .slideTit li:hover .pic img{ -webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#obtn .slideTit li .tit{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; letter-spacing:1px; margin-top:5px;}
#obtn .slideTit li.on .tit,
#obtn .slideTit li:hover .tit{ color:#0099ff;}


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

#obtn .slideTit li .tit{ font-size:14px; line-height:24px;}

}
@media screen and (max-width:1259px ) {
#obtn .slideTit{ padding:11px 0;}	

}
@media screen and (max-width:991px ) {
#obtn .slideTit{ padding:8px 0;}	
#obtn .slideTit ul{ white-space:nowrap; overflow:auto;}
#obtn .slideTit li{ min-width:82px; float:none; white-space:nowrap; display:inline-block; vertical-align:top;}
#obtn .slideTit li .tit{ margin-top:0;}
}
@media screen and (max-width:767px ) {

}

/**/
#obtn .inbanner{ width:100%; overflow:hidden; position:relative;}
#obtn .inbanner .bg1{ float:left; width:100%; height:100%; z-index:1; position:absolute; left:0; top:0;}
#obtn .banner .slick-dots{ bottom:15px;}
#obtn .banner .slick-dots li{ width:10px; height:10px; border-radius:50%; background:#fff; vertical-align:top; margin:0 5px; opacity:0.5;}
#obtn .banner .slick-dots li.slick-active{ opacity:1;}
#obtn .banCenter{ float:left; width:100%; position:relative; z-index:3;}
#obtn .banCenter .text{ float:left; width:51.7%; margin:17% 0 13% 0; position:relative; z-index:4;}
#obtn .banCenter .tit1{ float:left; width:100%; color:#fff; font-size:50px; line-height:60px; letter-spacing:2px;}

#obtn .banCenter .tit1.case_wm_tit1{ margin-top:40px;}

#obtn .banCenter .info{ float:left; width:100%; color:#fff; font-size:24px; line-height:36px; min-height:72px; letter-spacing:1px; margin:24px 0 38px 0;}
#obtn .banCenter .btn{ float:left; width:100%;}
#obtn .banCenter .btn a{ float:left; border:1px solid #fff;  background:none; color:#fff; font-size:20px; line-height:36px; padding-bottom:2px; padding:0 22px 2px 22px; letter-spacing:2px; border-radius:10px;}
#obtn .banCenter .btn a:hover{background:#fff;  color:#0099ff;}
#obtn .banCenter ._pimg{ float:left; width:51.54%; line-height:0; position:absolute; left:57%; bottom:-8.8%;z-index:3;}

#obtn .banCenter .text1{ float:left; width:44.7%; margin:20% 0 15% 0; position:relative; z-index:4;}
#obtn .banCenter ._pimg1{ float:left; width:44.3%; line-height:0; position:absolute; left:52.84%; bottom:0;z-index:3;}
#obtn .banCenter .text2{ float:left; width:42.8%; margin:18.5% 0 16.5% 0; position:relative; z-index:4;}
#obtn .banCenter ._pimg2{ float:left; width:51.7%; line-height:0; position:absolute; left:48.78%; bottom:10%; z-index:3;}
#obtn .banCenter .text3{ float:right; width:58.53%; margin:17% 0 13% 0; position:relative; z-index:4;}
#obtn .banCenter .text3 .info .p1{ float:left; width:20%; margin:5px 0;}
#obtn .banCenter ._pimg4{ float:right; width:30%; margin:10% 0 5% 0;}
#obtn .banCenter .text4{ float:left; width:49%; margin:12% 0 10% 0; position:relative; z-index:4;}
#obtn .banCenter ._pimg5{ float:left; width:40.97%; line-height:0; position:absolute; left:-3%; bottom:0; z-index:4;}
#obtn .banCenter .text5{ float:right; width:58.53%; margin:17% 0 6% 0; position:relative; z-index:4;}

@media screen and (max-width:1259px ) {	
#obtn .banCenter .tit1{ font-size:36px; line-height:46px;}
#obtn .banCenter .info{ font-size:20px; line-height:30px; min-height:60px;}
#obtn .banCenter .btn a{ font-size:16px;}
#obtn .banCenter ._pimg{ bottom:-6.4%;}

}
@media screen and (max-width:991px ) {
#obtn .banCenter .tit1{ font-size:18px; line-height:28px; letter-spacing:1px;}
#obtn .banCenter .tit1.case_wm_tit1{ margin-top:37px;}
#obtn .banCenter .info{ font-size:14px; line-height:22px; min-height:initial; letter-spacing:0px; margin:5px 0 10px 0;}
#obtn .banCenter .btn{ margin-top:5px;}
#obtn .banCenter .btn a{ font-size:14px; padding:1px 15px 1px 15px; border-radius:5px; line-height:28px; }	

#obtn .banCenter .text5 .info .p1{ margin:2px 0;}

}
@media screen and (max-width:767px ) {
#obtn .banCenter{ height:38vh;}	
#obtn .banCenter .text{ width:50%; margin:24% 0 12% 0;}	
#obtn .banCenter ._pimg{ bottom:-2%;}
#obtn .banCenter .info{ font-size:12px; line-height:20px;}
#obtn .banCenter .tit1{ font-size:17px; line-height:25px; letter-spacing:0;}

#obtn .banCenter .text1{ width:53%; margin:24% 0 12% 0;}
#obtn .banCenter .text2{ width:60%; margin:21% 0 15% 0;} 
#obtn .banCenter ._pimg3{ width:48.7%; left:51.78%;}
#obtn .banCenter .text3{ width:78%; margin:24% 0 12% 0;}
#obtn .banCenter .text3 .info .p1{ width:33.33%;}

#obtn .banCenter ._pimg4{ width:40%; margin:25% 0 5% 0;}
#obtn .banCenter .text4{ margin:17% 0 10% 0;}
#obtn .banCenter ._pimg5{ left:66%;}
#obtn .banCenter .text5{ float:left; width:70%; margin:20% 0 8% 0;}

}
@media screen and (max-width:374px ) {
#obtn .banCenter{ height:46vh;}	

}

#obtn .contact{ width:100%; float: left; padding: 96px 0 60px 0;}
#obtn .contact .content1{ width:100%; float: left;}
#obtn .contact .content1 .c_770{ width:68.97%; float: left; padding: 84px 9px 33px 13px; border: solid 1px #e0e0e0; position: relative; height: 223px;}
#obtn .contact .content1 .ico_1{ width:107px; height: 107px; position: absolute;left: 50%; top: -56px; margin-left: -53px;}
#obtn .contact .content1 .ico_1 img{ height: 100%;}
#obtn .contact .content1 h3{ width:100%; float: left; line-height: 40px; font-size: 18px; color: #333; font-weight: bold; padding-left: 30px;}
#obtn .contact .content1 ul{ width:64.75%; float: left; padding-left: 30px;}
#obtn .contact .content1 ul li{ width:100%; float: left; font-size: 14px; color: #666; line-height: 28px;}
#obtn .contact .content1 ul li a{ color: #666;}
#obtn .contact .content1 ul.last{ float: right; width: 35.25%;}
#obtn .contact .content1_b{ margin-top: 70px;}
#obtn .contact .content1 .c_370{ width:28.63%; float: right; position: relative; text-align: center; padding: 58px 20px 24px 20px; border: solid 1px #e0e0e0; height: 227px;}
#obtn .contact .content1 .c_370 .ewm{ width:110px; height: 110px; border: solid 6px #eaeaea; padding: 7px; background: white; margin: auto;}
#obtn .contact .content1 .c_370 .ewm img{ width:100%; float: left;}
#obtn .contact .content1 .c_370 h5{ width:100%; margin-top: 15px; font-size: 14px; color: #333; line-height: 20px;}
#obtn .contact .content2{ width:100%; float: left; margin-top: 3.41%;}

#obtn .contact .bdmap{width:100%; height:391px; background: no-repeat}
#obtn .contact .bdmap img{ max-width:none;}
#obtn .contact .bdmap .iw_poi_title{ display: block; color: #0273D3; font-size: 16px; font-weight: normal; line-height: 30px !important;}
#obtn .contact .bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
@media  screen and (max-width:991px){
#obtn .contact  .bdmap{ height:300px; }
}
@media  screen and (max-width:767px){
#obtn .contact  .bdmap{ height:240px; }
}
@media screen and (max-width:1199px) {
#obtn .contact .content1 .c_770{ padding: 84px 9px 33px 26px; height: 287px;}
#obtn .contact .content1 ul{ width:100%;}
#obtn .contact .content1 ul.last{ float: left; width: 100%;}
#obtn .contact .content1 .c_370{ height: 287px; padding-top: 88px;}
}
@media screen and (max-width:991px) {
#obtn .contact{ padding: 75px 10px 30px 10px;}
#obtn .contact .content1 .c_770{ padding: 84px 9px 33px 26px;}
#obtn .contact .content1 ul{ padding-left: 0px;}
#obtn .contact .content1 h3{ line-height: 30px; font-size: 16px; padding-left: 0px;}
}
@media screen and (max-width:767px) {
#obtn .contact{ padding: 55px 10px 30px 10px;}
#obtn .contact .content1 .c_770{ width:100%; padding: 41px 9px 23px 16px; height: auto;}
#obtn .contact .content1 .c_370{ width:100%; margin-top: 45px; padding: 38px 10px 14px 10px; height: auto;}
#obtn .contact .content1 .ico_1{ width:67px; height: 67px; top: -36px; margin-left: -33px;}
#obtn .contact .content1 ul li{ font-size: 12px;line-height: 24px;}
#obtn .contact .content1 .c_370 h5{ margin-top: 10px; font-size: 12px;}
}
@media screen and (max-width:480px) {
#obtn .contact .content1 ul{ width:100%;}
}






#obtn .jobIn .jiaRu{ position:relative; width:100%; float:left; margin:6% 0;}
#obtn .jobIn .jiaRu ul{ float:left; width:100%;}
#obtn .jobIn .jiaRu ul li{ float:left; width:100%; margin-top:14px;}
#obtn .jobIn .jiaRu ul li .l_1115{ float:left; width:100%; background:#f5f5f5; height:60px; line-height:60px; font-size:16px; cursor:pointer;}
#obtn .jobIn .jiaRu .lermore_box{ width:8%; float:right; border-left:solid 1px #fff;}
#obtn .jobIn .jiaRu .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../_im_g/btn_06.png) no-repeat center; background-size:contain !important;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
-o-transition: all 0.1s ease-out 0s;
transition: all 0.1s ease-out 0s;}
#obtn .jobIn .jiaRu ul li .l_1115 .a{ width:100%; height:100%;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_270{ color:#333; width:21.3%; float:left; text-align:left; padding-left:20px;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_170{ color:#333; width:11.5%; float:left; text-align:center;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_236{ color:#333; width:20.1%; float:left; text-align:center;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_204{ color:#333; width:22.4%; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_196{ color:#333; width:16.7%; float:left; text-align:center;}
#obtn .jobIn .jiaRu ul li.z_l1{ margin-top:0;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115{ background:#056dff;height:60px;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a .z_270{ color:white;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a .z_170{ color:white;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a .z_236{ color:white;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a .z_204{ color:white;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a .z_196{ color:white;}
#obtn .jobIn .jiaRu ul li .l_1115.on .lermore{ background:url(../_im_g/btn_06_h.png) no-repeat center;}
#obtn .jobIn .jiaRu ul li .l_1115.on .a .z_270,
#obtn .jobIn .jiaRu ul li .l_1115.on .a .z_170,
#obtn .jobIn .jiaRu ul li .l_1115.on .a .z_236,
#obtn .jobIn .jiaRu ul li .l_1115.on .a .z_204,
#obtn .jobIn .jiaRu ul li .l_1115.on .a .z_196{ color:#056dff;}

#obtn .jobIn .jiaRu ul li.z_l1 .l_1115.on .a .z_270,
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115.on .a .z_170,
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115.on .a .z_236,
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115.on .a .z_204,
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115.on .a .z_196{ color:#fff;}


#obtn .jobIn .jiaRu .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}
#obtn .jobIn .jiaRu .deta .l_1200{ float:left; width:100%; padding:45px 0 50px 0;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655{ width:60.8%; padding:0 42px 0 100px; float:left; color:#666666; font-size: 14px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655 span{ display:block; font-size:16px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655_2{ width:60.8%; padding:0 42px 0 100px; float:left; color:#333; font-size: 16px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_384{ width:39.2%; border-left:solid 1px #dadada; padding:0 100px 0 45px; float:right; color:#666666; font-size: 14px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_384 span{ display:block; font-size:16px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b{ width:100%; margin-top:29px; font-size:14px; line-height:28px; float:left; color:#2e2e2e;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b .z_384{ border:none;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:40px; width:100%; float:left;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white; background:#056dff; width:134px; height:35px; line-height:35px; text-align:center; overflow:hidden; display:block; float:left; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b .z_384 .z_btn3 a:hover{ background:#0099ff;}
@media  screen and (max-width:991px){
#obtn .jobIn .jiaRu{ margin:8% 0;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655{ width:100%; padding:0 42px 20px 50px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655_2{ width:100%; padding:0 42px 0 50px; font-size: 14px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_384{ width:100%; border-left:0; border-top:solid 1px #e7e7e7; padding:20px 42px 0 50px;}
}
@media  screen and (max-width:767px){
#obtn .jobIn .jiaRu ul li{ margin-top:7px;}
#obtn .jobIn .jiaRu ul li .l_1115{ font-size:14px; line-height:44px; height:44px;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115{ height:44px;}
#obtn .jobIn .jiaRu ul li.z_l1 .l_1115 .a{ line-height:44px; font-size:14px;}
#obtn .jobIn .jiaRu .lermore_box{ width:15%;}
#obtn .jobIn .jiaRu .lermore{ height:44px;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_270{ width:40%; padding-left:10px;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_236{ display:none;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_196{ width:45%;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_170{ display:none;}
#obtn .jobIn .jiaRu ul li .l_1115 .a .z_204{ display:none;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655{ padding:0 12px 20px 10px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655_2{ padding:0 12px 0 10px; }
#obtn .jobIn .jiaRu .deta .l_1200 .z_384{ padding:20px 12px 0 10px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:0px;}
#obtn .jobIn .jiaRu .deta .l_1200{ padding:21px 0;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_t{ line-height:22px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_655 span{ font-size:12px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_384 span{ font-size:12px;}
#obtn .jobIn .jiaRu .deta .l_1200 .z_1200_b{ margin-top:15px;}
}


/* 分页 */
#obtn .wack1{ float:left; width:100%; padding:50px 0; text-align:center; margin-bottom:30px;}
#obtn .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;}
#obtn .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px;  border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border:1px solid #e1e1e1; color:#838383; font-size:14px; font-family:Arial; margin:0 5px;}
#obtn .wack1 .pz_fy a:hover,
#obtn .wack1 .pz_fy a.on{color:#fff; border:1px solid #2660ca; background:#2660ca;}
#obtn .wack1 .pz_fy .l_fy,
#obtn .wack1 .pz_fy .r_fy{ width:100px;}
#obtn .wack1 .pz_fy .l_fy i,
#obtn .wack1 .pz_fy .r_fy i{ display:block; width:20px; height:2px; background:#2660ca; margin:17px auto; position:relative;}
#obtn .wack1 .pz_fy .l_fy i:after,
#obtn .wack1 .pz_fy .l_fy i:before,
#obtn .wack1 .pz_fy .r_fy i:after,
#obtn .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#2660ca; content:''; position:relative;}
#obtn .wack1 .pz_fy .l_fy i:after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); top:3px; left:-7px; }
#obtn .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); top:-3px; left:0px; }
#obtn .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); top:3px; left:100%; margin-left:-7px; }
#obtn .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); top:-3px; left:100%; margin-left:-7px;}
#obtn .wack1 .pz_fy .l_fy:hover i,
#obtn .wack1 .pz_fy .r_fy:hover i{ background:#fff;}
#obtn .wack1 .pz_fy .l_fy:hover i:after,
#obtn .wack1 .pz_fy .l_fy:hover i:before,
#obtn .wack1 .pz_fy .r_fy:hover i:after,
#obtn .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;}

@media  screen and (max-width:1023px){
#obtn .wack1{padding:0 0 20px 0;}	
#obtn .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#obtn .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #2660ca; background:#2660ca; border-radius:16px; overflow:hidden;}
#obtn .wack1 .fy_pc span{ padding:5px 20px; color:#2660ca;}
}


/**/
#obtn .ctext1{ float:left; width:100%; background:#f9f9f9; padding:70px 0 45px 0;}
#obtn .ctext1 .title1{ float:left; width:100%; text-align:center; color:#232122; font-size:40px; line-height:58px; letter-spacing:4px;}
#obtn .ctext1 .list1{ float:left; width:100%; margin-top:30px;}
#obtn .ctext1 .list1 ul{ margin:0 -30px;}
#obtn .ctext1 .list1 li{ float:left; width:16.66%; padding:55px 30px;}
#obtn .ctext1 .list1 li:hover ._pimg{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform:rotateY(360deg);
   -moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	 -o-transform:rotateY(360deg);
		transform:rotateY(360deg);}


@media screen and (max-width:1259px ) {
#obtn .ctext1 .title1{ font-size:32px; line-height:42px;}	
#obtn .ctext1 .list1 li{ padding:25px 15px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext1{ padding:30px 0 22px 0;}	
#obtn .ctext1 .title1{ font-size:24px; line-height:34px; letter-spacing:1px;}	
#obtn .ctext1 .list1{ margin-top:15px;}
#obtn .ctext1 .list1 ul{ margin:0 -8px;}
#obtn .ctext1 .list1 li{ padding:12px 8px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext1{ padding:30px 0 25px 0;}	
#obtn .ctext1 .title1{ font-size:18px; line-height:28px; letter-spacing:1px;}	
#obtn .ctext1 .list1{ margin-top:15px;}
#obtn .ctext1 .list1 ul{ margin:0 -6px;}
#obtn .ctext1 .list1 li{ width:33.33%; padding:12px 6px;}




}


#obtn .ctext2{ float:left; width:100%; background:#242424; padding:130px 0 176px 0;}	
#obtn .ctext2 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:40px; line-height:50px;letter-spacing:2px;}
#obtn .ctext2 .title2{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:30spx; letter-spacing:2px; margin-top:10px;}
#obtn .ctext2 .list1{ float:left; width:100%; margin:132px 0 78px 0;}
#obtn .ctext2 .list1 ul{ margin:0;}
#obtn .ctext2 .list1 li{ float:left; width:33.33%;}
#obtn .ctext2 .list1 li:nth-child(2){ text-align:center;}
#obtn .ctext2 .list1 li:nth-child(3){ text-align:right;}
#obtn .ctext2 .list1 li .la{ display:inline-block; vertical-align:top; text-align:left;}
#obtn .ctext2 .list1 li .num{ display:block; color:#fff; font-size:60px; line-height:60px; position:relative; padding-left:30px; font-weight:bold;}	
#obtn .ctext2 .list1 li .num:after{ display:block; width:10px; height:40px; position:absolute; left:0; top:50%; margin-top:-20px; content:''; background:#3882ea;}
#obtn .ctext2 .list1 li .num span{ font-weight:normal; font-size:36px; margin-left:8px;}
#obtn .ctext2 .list1 li .info{ display:block; color:#fff; color:rgba(255,255,255,0.6); font-size:24px; line-height:30px; letter-spacing:4px; padding-left:30px; margin-top:10px;}	

#obtn .ctext2 .list2{ float:left; width:100%;}
#obtn .ctext2 .list2 ul{ margin:0;}
#obtn .ctext2 .list2 li{ float:left; width:100%; margin-bottom:39px; background:#fff; position:relative; padding:43px 24% 29px 36px; min-height:100px;}
#obtn .ctext2 .list2 li ._pimg{ float:left; width:88px; height:88px; line-height:0; position:absolute; right:76px; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
#obtn .ctext2 .list2 li .tit1{ float:left; width:100%; color:#252525; font-size:34px; line-height:44px;letter-spacing:2px; font-weight:bold;}
#obtn .ctext2 .list2 li .info{ float:left; width:100%; color:#252525; font-size:20px; line-height:28px;letter-spacing:2px; margin-top:22px;}
#obtn .ctext2 .list2 li:hover{ box-shadow:5px 5px 5px 5px rgba(255,255,255,0.1);}
#obtn .ctext2 .list2 li:hover .tit1{ color:#2a87fe;}
#obtn .ctext2 .list2 li:hover ._pimg{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform:translate(0,-50%) rotateY(360deg);
   -moz-transform:translate(0,-50%) rotateY(360deg);
	-ms-transform:translate(0,-50%) rotateY(360deg);
	 -o-transform:translate(0,-50%) rotateY(360deg);
		transform:translate(0,-50%) rotateY(360deg);}

@media screen and (max-width: 1579px) {
#obtn .ctext2 .list2 ul{ margin:0;}
#obtn .ctext2 .list1 ul{ margin:0;}

}
@media screen and (max-width:1259px ) {
#obtn .ctext2 .title1{ font-size:26px; line-height:36px;letter-spacing:2px;}
#obtn .ctext2 .title2{ font-size:18px; line-height:28px; letter-spacing:2px; margin-top:10px;}	
#obtn .ctext2 .list1 li .num{ font-size:40px; line-height:40px; padding-left:20px;}	
#obtn .ctext2 .list1 li .num:after{ width:6px; height:30px; margin-top:-15px; }
#obtn .ctext2 .list1 li .num span{ font-size:22px; margin-left:6px;}
#obtn .ctext2 .list1 li .info{ font-size:20px; line-height:30px; letter-spacing:4px; padding-left:20px; margin-top:10px;}	
	
#obtn .ctext2 .list2 li .tit1{ font-size:24px; line-height:34px;}
#obtn .ctext2 .list2 li .info{ font-size:18px; line-height:24px;}
#obtn .ctext2 .list2 li ._pimg{ width:66px; height:66px; right:36px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext2{ padding:40px 0 30px 0;}	
#obtn .ctext2 .title1{ font-size:18px; line-height:28px;letter-spacing:1px;}
#obtn .ctext2 .title2{ font-size:14px; line-height:24px; letter-spacing:0; margin-top:5px;}	
#obtn .ctext2 .list1{ margin:30px 0;}
#obtn .ctext2 .list1 li .num{ font-size:30px; line-height:30px; padding-left:12px;}	
#obtn .ctext2 .list1 li .num:after{ width:4px; height:20px; margin-top:-10px; }
#obtn .ctext2 .list1 li .num span{ font-size:18px; margin-left:5px;}
#obtn .ctext2 .list1 li .info{ font-size:16px; line-height:26px; letter-spacing:1px; padding-left:12px; margin-top:5px;}	

#obtn .ctext2 .list2 li{ padding:20px 70px 20px 15px; margin-bottom:20px; }
#obtn .ctext2 .list2 li .tit1{ font-size:18px; line-height:28px;}
#obtn .ctext2 .list2 li .info{ font-size:14px; line-height:22px; margin-top:8px;}
#obtn .ctext2 .list2 li ._pimg{ width:40px; height:40px; right:15px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext2 .list2 li{ padding:20px 15px 20px 15px; }	
#obtn .ctext2 .list2 li ._pimg{ top:30px; right:15px;}
#obtn .ctext2 .list2 li .tit1{ padding-right:70px;}
#obtn .ctext2 .list1 ul{ text-align:center;}
#obtn .ctext2 .list1 li{ width:44%; float:none; display:inline-block; vertical-align:top; margin:8px 0;}
}			


#obtn .ctext3{ float:left; width:100%; background:#f1f1f5; padding:165px 0 111px 0;}
#obtn .ctext3 .title1{ float:left; width:100%; text-align:center; color:#232323; font-size:40px; line-height:50px;letter-spacing:2px;}
#obtn .ctext3 .title2{ float:left; width:100%; text-align:center; color:#666; font-size:20px; line-height:30px; letter-spacing:2px; margin-top:10px;}
#obtn .ctext3 .list1{ float:left; width:100%; margin-top:85px; position:relative;}
#obtn .ctext3 .list1:after{ float:left; width:1px; height:100%; position:absolute; left:7.2%; margin-left:-6px; top:0; content:''; background:#bcbcbf; z-index:3;}
#obtn .ctext3 .box{ margin:0;}
#obtn .ctext3 .titL{ float:left; width:7.2%; position:relative; padding:88px 0 205px 0;}
#obtn .ctext3 .titL .slick-list{ z-index:4;}
#obtn .ctext3 .titL .l1{ float:left; color:#232323; font-size:24px; line-height:44px; margin-bottom:42px; cursor:text; position:relative; z-index:4; cursor:pointer;}
#obtn .ctext3 .titL .l1:after{ float:left; width:11px; height:11px; position:absolute; right:1px; top:0; content:'';  margin-top:-5px; border-radius:50%;-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 .ctext3 .titL .l1.slick-current{ color:#2a87fe;}
#obtn .ctext3 .titL .l1.slick-current:after{ background:#2a87fe; top:50%;}
#obtn .ctext3 .contR{ float:right; width:90%; margin:44px 0;}
#obtn .ctext3 .contR .tit1{ float:left; width:100%; color:#232323; font-size:26px; line-height:36px; letter-spacing:2px;}
#obtn .ctext3 .contR .info{ float:left; width:100%; color:#232323; font-size:16px; line-height:32px; overflow:hidden; height:64px; letter-spacing:1px; margin:20px 0 75px 0;}
#obtn .ctext3 .contR .cont{ float:left; width:100%; white-space:nowrap; overflow:hidden;
 overflow-x:auto;
 scrollbar-height:thin;
 max-width:100%;
}
#obtn .ctext3 .contR .cont::-webkit-scrollbar {
 height:3px;
}
#obtn .ctext3 .contR .cont::-webkit-scrollbar-track
{
background-color:#dcdcdc;
 border-radius:3px;
}
#obtn .ctext3 .contR .cont::-webkit-scrollbar-thumb {
 height:3px;
 width:60px;
 background-color:#ccc;
 border-radius:3px;
}
#obtn .ctext3 .contR .cont .lb{ width:12.1%; text-align:center; white-space:nowrap; display:inline-block; vertical-align:top; padding-bottom:20px;}
#obtn .ctext3 .contR .cont ._pimg{ width:90px; height:90px; float:none !important; display:inline-block;}
#obtn .ctext3 .contR .cont .p1{ float:left; width:100%; color:#232323; font-size:16px; line-height:26px; margin-top:22px;	}
#obtn .ctext3 .contR .cont .lb:hover .p1{ color:#2a87fe;}
#obtn .ctext3 .contR .cont .lb:hover ._pimg{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}

#obtn .ctext3 .contR .cont1{ float:left; width:100%; margin-top:30px; padding-top:40px; border-top:1px dashed #ccc; white-space:nowrap; overflow:auto; overflow:hidden;
 overflow-x:auto;
 scrollbar-height:thin;
 max-width:100%;
}
#obtn .ctext3 .contR .cont1::-webkit-scrollbar {
 height:3px;
}
#obtn .ctext3 .contR .cont1::-webkit-scrollbar-track
{
background-color:#dcdcdc;
 border-radius:3px;
}
#obtn .ctext3 .contR .cont1::-webkit-scrollbar-thumb {
 height:3px;
 width:60px;
 background-color:#ccc;
 border-radius:3px;
}
#obtn .ctext3 .contR .cont1 .lb{ width:14%; text-align:center; position:relative; margin:10px 2.8%; white-space:nowrap; display:inline-block; vertical-align:top; overflow:hidden;}
#obtn .ctext3 .contR .cont1 .pic1{ float:left; width:100%; line-height:0; padding:30% 0;}
#obtn .ctext3 .contR .cont1 .pic2{ float:left; width:100%; position:absolute; left:0; top:110%; background:#fff; border-radius:5px; line-height:0; padding:10px 0;-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 .ctext3 .contR .cont1 .pic2 i{ float:left; width:100%; padding:0 10%;}
#obtn .ctext3 .contR .cont1 .pic2 span{ float:left; width:100%;  color:#333; font-size:14px; line-height:24px; margin-top:0;}	
#obtn .ctext3 .contR .cont1 .lb:hover .pic2{ top:0;}

@media screen and (max-width: 1579px) {
#obtn .ctext3 .list1:after{ left:8.2%;}	
#obtn .ctext3 .box{ margin:0;}
#obtn .ctext3 .titL{ width:8.2%;}
#obtn .ctext3 .contR{ width:88%;}

}
@media screen and (max-width:1259px ) {
#obtn .ctext3 .title1{ font-size:26px; line-height:36px;letter-spacing:2px;}
#obtn .ctext3 .title2{ font-size:18px; line-height:28px; letter-spacing:2px; margin-top:10px;}	
#obtn .ctext3 .titL .l1{ font-size:18px; line-height:38px;}
#obtn .ctext3 .contR .tit1{ font-size:20px; line-height:30px;}
#obtn .ctext3 .contR .cont ._pimg{ width:70px; height:70px; }
#obtn .ctext3 .contR .cont .p1{ font-size:16px; line-height:26px; margin-top:14px;	}

}
@media screen and (max-width:991px ) {
#obtn .ctext3{ padding:40px 0 30px 0;}		
#obtn .ctext3 .title1{ font-size:18px; line-height:28px;letter-spacing:1px;}
#obtn .ctext3 .title2{ font-size:14px; line-height:24px; letter-spacing:0; margin-top:5px;}	
#obtn .ctext3 .list1{ margin-top:20px;}
#obtn .ctext3 .list1:after{ left:10.2%;}	
#obtn .ctext3 .titL{ width:10.2%; padding:55px 0 100px 0;}
#obtn .ctext3 .titL .l1{ font-size:16px; line-height:36px; margin-bottom:10px;}
#obtn .ctext3 .contR{ width:86%; margin:20px 0 0 0;}
#obtn .ctext3 .contR .tit1{ font-size:18px; line-height:28px;}
#obtn .ctext3 .contR .info{ font-size:14px; line-height:24px; height:48px; margin:12px 0 20px 0;}
#obtn .ctext3 .contR .cont ._pimg{ width:50px; height:50px; }
#obtn .ctext3 .contR .cont .p1{ font-size:14px; line-height:24px; margin-top:8px;	}

#obtn .ctext3 .contR .cont1{ margin-top:25px; padding-top:20px;}
#obtn .ctext3 .contR .cont1 .lb{ width:18%; margin:10px 1%;}
#obtn .ctext3 .contR .cont1 .pic1{ padding:30% 0;}

}
@media screen and (max-width:767px ) {
#obtn .ctext3 .list1:after{ left:17.2%;}	
#obtn .ctext3 .titL{ width:17.2%;}
#obtn .ctext3 .contR{ width:79%;}
#obtn .ctext3 .contR .cont{ float:none; white-space:nowrap; overflow:auto;}
#obtn .ctext3 .contR .cont .lb{ width:25%; margin:8px 0; float:none; white-space:nowrap; display:inline-block; vertical-align:top; padding-bottom:5px;}
#obtn .ctext3 .contR .cont ._pimg{ width:40px; height:40px; }
#obtn .ctext3 .contR .cont .p1{ margin-top:0;	}
#obtn .ctext3 .contR .cont1{ float:none; white-space:nowrap; overflow:auto; margin-top:20px; padding-top:10px;} 
#obtn .ctext3 .contR .cont1 .lb{ width:31%; float:none; white-space:nowrap; display:inline-block; vertical-align:top; margin:0 1%;}
#obtn .ctext3 .contR .info{ margin:12px 0 12px 0;}


}	

/*ctext4*/
#obtn .ctext4{ float:left; width:100%; padding:127px 0 118px 0;}
#obtn .ctext4 .title1{ float:left; width:100%; text-align:center; color:#ffffff; font-size:40px; line-height:70px; letter-spacing:4px; font-weight:bold;}	
#obtn .ctext4 .title2{ float:left; width:100%; text-align:center; color:#ffffff; font-size:30px; line-height:40px; position:relative; padding-bottom:39px; margin:14px 0 54px 0; letter-spacing:3px;}
#obtn .ctext4 .title2:after{ float:left; width:50px; height:4px; position:absolute; left:50%; bottom:0; content:''; background:#ffffff; margin-left:-25px; }
#obtn .ctext4 .info{ float:left; width:100%; text-align:center; color:#ffffff; font-size:18px; line-height:36px; letter-spacing:0;}


@media screen and (max-width:1259px ) {
#obtn .ctext4 .title1{ font-size:40px; line-height:50px;}
#obtn .ctext4 .title2{ font-size:20px; line-height:30px; padding-bottom:26px;}	
#obtn .ctext4 .info{ font-size:16px; line-height:26px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext4{ padding:40px 0 44% 0;}
#obtn .ctext4 .title1{ font-size:20px; line-height:30px; line-stacking:1px;}
#obtn .ctext4 .title2{ font-size:14px; line-height:24px; padding-bottom:15px; line-stacking:0; margin:5px 0 20px 0; }	
#obtn .ctext4 .title2:after{ height:2px;}
#obtn .ctext4 .info{ font-size:14px; line-height:24px;}

}
@media screen and (max-width:767px ) {

}
	
#obtn .ctext5{ float:left; width:100%; background:#f9f9f9; padding:92px 0 200px 0;}
#obtn .ctext5 .title1{ float:left; width:100%; text-align:center; color:#232323; font-size:40px; line-height:50px;letter-spacing:2px;}
#obtn .ctext5 .title2{ float:left; width:100%; text-align:center; color:#666; font-size:20px; line-height:30px; letter-spacing:2px; margin-top:10px;}
#obtn .ctext5 .list1{ float:left; width:100%; margin-top:120px;}
#obtn .ctext5 .list1 ul{ margin:0 -12%;}
#obtn .ctext5 .list1 li{ float:left; width:25%; padding:0 8px; text-align:center;}
#obtn .ctext5 .list1 .la{ float:left; width:100%; position:relative;}
#obtn .ctext5 .list1 .tit{ float:left; width:100%; color:#333333; font-size:26px; line-height:36px; letter-spacing:4px; position:relative; padding-bottom:16px; margin:80px 0 31px 0;}
#obtn .ctext5 .list1 .tit:after{ float:left; width:40px; height:2px; position:absolute; left:50%; bottom:0; content:''; background:#323232; margin-left:-20px;}
#obtn .ctext5 .list1 .p1{ float:left; width:100%; color:#666; font-size:20px; line-height:30px; margin-top:12px; letter-spacing:2px;}
#obtn .ctext5 .list1 .p1:hover{ color:#5184f3;}
#obtn .ctext5 .list1 ._pimg{ float:left; width:100%; position:relative; width:156px; height:156px; border-radius:50%; background:rgba(255,255,255,0.4); float:none !important; display:inline-block; vertical-align:top; box-shadow:0 0 40px rgba(0,36,255,0.1); overflow:visible; margin:62px auto !important;}
#obtn .ctext5 .list1 ._pimg i,
#obtn .ctext5 .list1 ._pimg em,
#obtn .ctext5 .list1 ._pimg span{ float:left; position:absolute; left:50%; top:50%;  border-radius:50%;
transform:translate(-50%,-50%); 
-moz-transform:translate(-50%,-50%); 
-ms-transform:translate(-50%,-50%); 
-ms-transform:translate(-50%,-50%); 
-o-transform:translate(-50%,-50%); 
-webkit-transform:translate(-50%,-50%);
-webkit-animation: rode 3s cubic-bezier(0.23, 1, 0.32, 1) infinite;
animation: rode 3s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

#obtn .ctext5 .list1 ._pimg i{ width:200px; height:200px; border:1px solid rgba(81,132,243,1);}
#obtn .ctext5 .list1 ._pimg em{ width:240px; height:240px; border:1px solid  rgba(81,132,243,0.5);}
#obtn .ctext5 .list1 ._pimg span{ width:280px; height:280px; border:1px solid rgba(81,132,243,0.2);}
#obtn .ctext5 .list1 ._pimg i:after,
#obtn .ctext5 .list1 ._pimg em:after,
#obtn .ctext5 .list1 ._pimg span:after{ position:absolute; float:left; width:12px; height:12px; border-radius:50%; background:#5184f3; content:''; margin:-6px 0 0 -6px;}
#obtn .ctext5 .list1 li:nth-child(1) ._pimg i:after{ top:17%; left:88%;}
#obtn .ctext5 .list1 li:nth-child(1) ._pimg em:after{ top:94%; left:74%;}
#obtn .ctext5 .list1 li:nth-child(1) ._pimg span:after{ top:80%; left:10%;}
#obtn .ctext5 .list1 li:nth-child(2) ._pimg i:after{ top:36%; left:2%;}
#obtn .ctext5 .list1 li:nth-child(2) ._pimg em:after{ top:70%; left:96%;}
#obtn .ctext5 .list1 li:nth-child(2) ._pimg span:after{ top:100%; left:44.6%;}
#obtn .ctext5 .list1 li:nth-child(3) ._pimg i:after{ top:10%; left:19%;}
#obtn .ctext5 .list1 li:nth-child(3) ._pimg em:after{ top:85.83%; left:15.83%;}
#obtn .ctext5 .list1 li:nth-child(3) ._pimg span:after{ top:60.7%; left:99%;}
#obtn .ctext5 .list1 li:nth-child(4) ._pimg i:after{ top:80%; left:90%;}
#obtn .ctext5 .list1 li:nth-child(4) ._pimg em:after{ top:10.83%; left:81.25%;}
#obtn .ctext5 .list1 li:nth-child(4) ._pimg span:after{ top:67.85%; left:3%;}

@keyframes rode {
	from {
	 transform:translate(-50%,-50%) rotate(0); 
	-moz-transform:translate(-50%,-50%) rotate(0); 
	-ms-transform:translate(-50%,-50%) rotate(0); 
	-o-transform:translate(-50%,-50%) rotate(0); 
	-webkit-transform:translate(-50%,-50%) rotate(0);
	}
	to { 
	transform:translate(-50%,-50%) rotate(360deg); 
	-moz-transform:translate(-50%,-50%) rotate(360deg); 
	-ms-transform:translate(-50%,-50%) rotate(360deg); 
	-o-transform:translate(-50%,-50%) rotate(360deg); -
	webkit-transform:translate(-50%,-50%) rotate(360deg);
	}
}

@-webkit-keyframes rode {
	from {
	 transform:translate(-50%,-50%) rotate(0); 
	-moz-transform:translate(-50%,-50%) rotate(0); 
	-ms-transform:translate(-50%,-50%) rotate(0); 
	-o-transform:translate(-50%,-50%) rotate(0); 
	-webkit-transform:translate(-50%,-50%) rotate(0);
	}
	to { 
	transform:translate(-50%,-50%) rotate(360deg); 
	-moz-transform:translate(-50%,-50%) rotate(360deg); 
	-ms-transform:translate(-50%,-50%) rotate(360deg); 
	-o-transform:translate(-50%,-50%) rotate(360deg); -
	webkit-transform:translate(-50%,-50%) rotate(360deg);
	}
}


@media screen and (max-width: 1579px) {
#obtn .ctext5 .list1 ul{ margin:0 -8px;}
#obtn .ctext5 .list1 ._pimg{ width:136px; height:136px; margin:60px auto !important;}
#obtn .ctext5 .list1 ._pimg i{ width:176px; height:176px;}
#obtn .ctext5 .list1 ._pimg em{ width:216px; height:216px;}
#obtn .ctext5 .list1 ._pimg span{ width:256px; height:256px;}


}
@media screen and (max-width:1259px ) {
#obtn .ctext5 .title1{ font-size:26px; line-height:36px;letter-spacing:2px;}
#obtn .ctext5 .title2{ font-size:18px; line-height:28px; letter-spacing:2px; margin-top:10px;}	
#obtn .ctext5 .list1{ margin-top:80px;}
#obtn .ctext5 .list1 ._pimg{ width:100px; height:100px; margin:45px auto !important;}
#obtn .ctext5 .list1 ._pimg i{ width:130px; height:130px;}
#obtn .ctext5 .list1 ._pimg em{ width:160px; height:160px;}
#obtn .ctext5 .list1 ._pimg span{ width:190px; height:190px;}
#obtn .ctext5 .list1 .tit{ font-size:20px; line-height:30px; padding-bottom:14px; margin:40px 0 20px 0;}
#obtn .ctext5 .list1 .p1{ font-size:16px; line-height:26px; margin-top:6px;}

}
@media screen and (max-width:991px ) {
#obtn .ctext5{ padding:40px 0 30px 0;}		
#obtn .ctext5 .title1{ font-size:18px; line-height:28px;letter-spacing:1px;}
#obtn .ctext5 .title2{ font-size:14px; line-height:24px; letter-spacing:0; margin-top:5px;}	
#obtn .ctext5 .list1{ margin-top:30px;}
#obtn .ctext5 .list1 ._pimg{ width:60px; height:60px; margin:30px auto !important;}
#obtn .ctext5 .list1 ._pimg i{ width:80px; height:80px;}
#obtn .ctext5 .list1 ._pimg em{ width:100px; height:100px;}
#obtn .ctext5 .list1 ._pimg span{ width:120px; height:120px;}
#obtn .ctext5 .list1 .tit{ font-size:18px; line-height:28px; padding-bottom:12px; margin:18px 0 10px 0; letter-spacing:2px;}
#obtn .ctext5 .list1 .p1{ font-size:14px; line-height:24px; margin-top:3px; letter-spacing:1px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext5 .list1{ margin-top:20px;}	
#obtn .ctext5 .list1 li{ width:50%; min-height:300px; margin:10px 0;}
#obtn .ctext5 .list1 ._pimg i:after,
#obtn .ctext5 .list1 ._pimg em:after,
#obtn .ctext5 .list1 ._pimg span:after{ width:8px; height:8px; margin:-4px 0 0 -4px;}
}

#obtn .ctext6{ float:left; width:100%; background:#f9f9f9; padding:118px 0 106px 0;}
#obtn .ctext6 .title1{ float:left; width:100%; text-align:center; color:#232323; font-size:40px; line-height:50px;letter-spacing:2px;}
#obtn .ctext6 .title2{ float:left; width:100%; text-align:center; color:#666; font-size:20px; line-height:30px; letter-spacing:2px; margin-top:10px;}
#obtn .ctext6 .cont1{ float:left; width:100%; text-align:center; color:#666666; font-size:24px; line-height:32px; margin-top:64px; letter-spacing:1px;}
#obtn .ctext6 .list1{ float:left; width:100%; margin-top:72px;}
#obtn .ctext6 .list1 ul{ margin:0 -12.84%;}
#obtn .ctext6 .list1 li{ float:left; width:25%; padding:0 8px; margin-top:15px;}
#obtn .ctext6 .list1 .la{ float:left; width:100%; position:relative;}
#obtn .ctext6 .list1 .la ._pimg{ line-height:0;}
#obtn .ctext6 .list1 .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:rgba(0,0,0,0.6);-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 .ctext6 .list1 .la:hover .bg{ background:rgba(0,0,0,0.4);}
#obtn .ctext6 .list1 .la .cont{ float:left; width:100%; position:absolute; left:0; top:52%; text-align:center; z-index:4; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
#obtn .ctext6 .list1 .la .ico{ float:left; width:100%; line-height:0;}
#obtn .ctext6 .list1 .la .ico img{ width:78px; height:78px;}
#obtn .ctext6 .list1 .la:hover .ico img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#obtn .ctext6 .list1 .la .tit{ float:left; width:100%; color:#fff; font-size:25px; line-height:35px; letter-spacing:4px; margin-top:22px; position:relative; padding-top:24px;}
#obtn .ctext6 .list1 .la .tit:after{ float:left; width:72px; height:2px; margin-left:-36px; position:absolute; left:50%; top:0; content:''; background:#fff;}
#obtn .ctext6 .hmore{ float:left; width:100%; text-align:center; margin-top:50px;}
#obtn .ctext6 .hmore a{ display:inline-block; vertical-align:top; background:#5184f3; color:#fff; font-size:18px; line-height:48px; padding:0 40px;}
#obtn .ctext6 .hmore a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media screen and (max-width: 1579px) {
#obtn .ctext6 .list1 ul{ margin:0 -8px;}


}
@media screen and (max-width:1259px ) {
#obtn .ctext6 .title1{ font-size:26px; line-height:36px;letter-spacing:2px;}
#obtn .ctext6 .title2{ font-size:18px; line-height:28px; letter-spacing:2px; margin-top:10px;}	
#obtn .ctext6 .cont1{ font-size:18px; line-height:28px;}
#obtn .ctext6 .list1 .la .ico img{ width:60px; height:60px;}
#obtn .ctext6 .list1 .la .tit{ font-size:20px; line-height:30px;}
#obtn .ctext6 .list1 .la .tit:after{ width:60px; margin-left:-30px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext6{ padding:40px 0 30px 0;}		
#obtn .ctext6 .title1{ font-size:18px; line-height:28px;letter-spacing:1px;}
#obtn .ctext6 .title2{ font-size:14px; line-height:24px; letter-spacing:0; margin-top:5px;}	
#obtn .ctext6 .cont1{ font-size:14px; line-height:24px; margin-top:20px;}
#obtn .ctext6 .list1{ margin-top:15px;}
#obtn .ctext6 .list1 ul{ margin:0 -6px;}
#obtn .ctext6 .list1 li{ padding:0 6px;}
#obtn .ctext6 .list1 .la .ico img{ width:46px; height:46px;}
#obtn .ctext6 .list1 .la .tit{ font-size:16px; line-height:26px; letter-spacing:1px; margin-top:12px; padding-top:12px;}
#obtn .ctext6 .list1 .la .tit:after{ width:50px; margin-left:-25px;}
#obtn .ctext6 .hmore{ margin-top:25px;}
#obtn .ctext6 .hmore a{ font-size:14px; line-height:36px; padding:0 25px;}

}
@media screen and (max-width:767px ) {
#obtn .ctext6 .list1 li{ width:50%;}

}		
	
	
#obtn .ctext7{ float:left; width:100%; padding:109px 0 74px 0;}	
#obtn .ctext7 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold;}
#obtn .ctext7 .list1{ float:left; margin:55px 0 0 0; text-align:center;}
#obtn .ctext7 .list1 ul{ margin:0 -6%;}
#obtn .ctext7 .list1 li{ display:inline-block; vertical-align:top; width:32%; margin:21px 0; padding:0 4%;}
#obtn .ctext7 .list1 li ._pimg{ float:none !important; display:inline-block; width:130px; height:130px; background:#4699ff; border-radius:50%; position:relative; overflow:visible; margin:25px auto !important;}
#obtn .ctext7 .list1 li ._pimg:after{ float:left; width:166px; height:166px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border:18px solid #2888ff; opacity:0.2; content:'';}
#obtn .ctext7 .list1 li ._pimg:before{ float:left; width:180px; height:180px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); border:4px solid #3ebaee; opacity:0.36; content:'';}
#obtn .ctext7 .list1 li .tit{ float:left; width:100%; color:#666666; font-size:26px; line-height:34px;letter-spacing:4px; margin:20px 0 14px 0;}
#obtn .ctext7 .list1 li .info{ float:left; width:100%; color:#999999; font-size:20px; line-height:28px; min-height:84px;letter-spacing:2px;}
@media screen and (max-width:1259px ) {
#obtn .ctext7 .list1 ul{ margin:0 -15px;}
#obtn .ctext7 .list1 li{ padding:0 10px;}
#obtn .ctext7 .list1 li .info{ font-size:18px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext7{ padding:30px 0 30px 0;}		
#obtn .ctext7 .title1{ font-size:20px; line-height:28px; letter-spacing:2px;}
#obtn .ctext7 .list1{ margin:20px 0 0 0;}
#obtn .ctext7 .list1 ul{ margin:0 -6px;}
#obtn .ctext7 .list1 li{ margin:12px 0; padding:0 6px;}
#obtn .ctext7 .list1 li ._pimg{ width:80px; height:80px; margin:25px auto !important;}
#obtn .ctext7 .list1 li ._pimg:after{ width:96px; height:96px; border:8px solid #2888ff;}
#obtn .ctext7 .list1 li ._pimg:before{ width:106px; height:106px; border:2px solid #3ebaee;}
#obtn .ctext7 .list1 li .tit{ font-size:18px; line-height:26px; margin:10px 0 7px 0;letter-spacing:2px;}
#obtn .ctext7 .list1 li .info{ font-size:14px; line-height:22px; min-height:66px;letter-spacing:1px;}


}
@media screen and (max-width:767px ) {
#obtn .ctext7 .list1 li{ width:48%;}
}


#obtn .ctext8{ float:left; width:100%; background:#f9f9fb; padding:115px 0 80px 0;}	
#obtn .ctext8 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px; font-weight:bold;}
#obtn .ctext8 .title2{ float:left; width:100%; text-align:center; color:#666666; font-size:20px; line-height:26px; letter-spacing:2px; margin-top:28px;}
#obtn .ctext8 .pic{ float:left; width:100%; line-height:0; padding:0 9.11%; margin-top:106px;}
@media screen and (max-width:1259px ) {

}
@media screen and (max-width:991px ) {
#obtn .ctext8{ padding:40px 0 30px 0;}	
#obtn .ctext8 .title1{ font-size:20px; line-height:28px; letter-spacing:2px;}
#obtn .ctext8 .title2{ font-size:14px; line-height:22px; letter-spacing:1px; margin-top:14px;}
#obtn .ctext8 .pic{ margin-top:30px;}
}
@media screen and (max-width:767px ) {

}


#obtn .ctext9{ float:left; width:100%; position:relative; padding:145px 0 110px 0;}
#obtn .ctext9 .bg{ float:left; width:100%; height:100%; background:#000; opacity:0.8; position:absolute; left:0; top:0; z-index:1;}	
#obtn .ctext9 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:3;}
#obtn .ctext9 .title2{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:26px; letter-spacing:2px; margin-top:20px; position:relative; z-index:3;}
#obtn .ctext9 .list1{ float:left; width:100%; margin:80px 0 0 0; position:relative; z-index:3}
#obtn .ctext9 .list1 ul{ margin:0 -15px;}
#obtn .ctext9 .list1 li{ float:left; width:25%; padding:10px 15px; text-align:center;}
#obtn .ctext9 .list1 li ._pimg{ float:none !important; width:180px; height:180px; line-height:0; border-radius:8px; background:#5ba9fe; display:inline-block; vertical-align:top;}
#obtn .ctext9 .list1 li .tit{ float:left; width:100%; color:#fff; font-size:26px; line-height:34px; letter-spacing:4px; margin:43px 0 11px 0;}
#obtn .ctext9 .list1 li .info{ float:left; width:100%; color:#fff; font-size:20px; line-height:28px; min-height:84px; letter-spacing:2px; }
#obtn .ctext9 .list1 li:hover ._pimg{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
@media screen and (max-width:1259px ) {

}
@media screen and (max-width:991px ) {
#obtn .ctext9{ padding:40px 0 30px 0;}	
#obtn .ctext9 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext9 .title2{ font-size:14px; line-height:20px; letter-spacing:1px; margin-top:10px;}	
#obtn .ctext9 .list1{ margin:20px 0 0 0;}
#obtn .ctext9 .list1 ul{ margin:0 -6px;}
#obtn .ctext9 .list1 li{ padding:10px 6px;}
#obtn .ctext9 .list1 li ._pimg{ width:80px; height:80px;}
#obtn .ctext9 .list1 li .tit{ font-size:18px; line-height:26px; margin:15px 0 5px 0;}
#obtn .ctext9 .list1 li .info{ font-size:14px; line-height:22px; min-height:66px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext9 .list1 li{ width:50%;}
}


#obtn .ctext10{ float:left; width:100%; padding:188px 0 214px 0; overflow:hidden;}
#obtn .ctext10 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:3;}
#obtn .ctext10 .title2{ float:left; width:100%; text-align:center; color:#333333; font-size:20px; line-height:26px; letter-spacing:2px; margin-top:20px; position:relative; z-index:3;}
#obtn .ctext10 .info{ float:left; width:100%; position:relative; color:#666666; font-size:20px; line-height:40px; letter-spacing:2px; margin:120px 0 0 0;}
#obtn .ctext10 .info .pic{ float:left; position:absolute; z-index:-1; right:-5%; top:0; width:50%;}

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

}
@media screen and (max-width:991px ) {
#obtn .ctext10{ padding:40px 0 30px 0;}	
#obtn .ctext10 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext10 .title2{ font-size:14px; line-height:20px; letter-spacing:1px; margin-top:10px;}	
#obtn .ctext10 .info{ font-size:16px; line-height:30px; margin:30px 0 0 0;}

}
@media screen and (max-width:767px ) {

}

#obtn .ctext11{ float:left; width:100%; padding:37px 0 167px 0; overflow:hidden;}
#obtn .ctext11 .box{ margin:0 -5%;}
#obtn .ctext11 ._pimg{ float:left; width:43.5%; line-height:0; margin:23px 0 0 0;}
#obtn .ctext11 .cont{ float:right; width:52.56%;}
#obtn .ctext11 .title1{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:3;}
#obtn .ctext11 .info{ float:left; width:100%; position:relative; color:#666666; font-size:20px; line-height:40px; letter-spacing:2px; margin:45px 0 0 0;}
@media screen and (max-width: 1579px) {
#obtn .ctext11 .box{ margin:0;}


}


@media screen and (max-width:1259px ) {
#obtn .ctext11 .info{ font-size:18px; line-height:30px; margin:30px 0 0 0;}
}
@media screen and (max-width:991px ) {
#obtn .ctext11{ padding:37px 0 40px 0;}	
#obtn .ctext11 .title1{ font-size:18px; line-height:28px;}	
#obtn .ctext11 .info{ font-size:14px; line-height:26px; margin:20px 0 0 0;}
}
@media screen and (max-width:767px ) {
#obtn .ctext11{ padding:20px 0 40px 0;}	
#obtn .ctext11 ._pimg{ float:left; width:70%; line-height:0; margin:0 15%;}
#obtn .ctext11 .cont{ width:100%; margin-top:20px;}
}

#obtn .ctext12{ float:left; width:100%;padding:93px 0 101px 0;}
#obtn .ctext12 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:4;}
#obtn .ctext12 .title2{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:26px; letter-spacing:2px; margin-top:15px; position:relative; z-index:4;}
#obtn .ctext12 ._pimg{ float:left; width:100%; line-height:0; position:relative; z-index:3; margin:-58px 0 0 0;}

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

}
@media screen and (max-width:991px ) {
#obtn .ctext12{ padding:40px 0 40px 0;}	
#obtn .ctext12 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext12 .title2{ font-size:14px; line-height:20px; letter-spacing:1px; margin-top:10px;}	
#obtn .ctext12 ._pimg{ margin:0;}

}
@media screen and (max-width:767px ) {

}

#obtn .ctext13{ float:left; width:100%;padding:93px 0 15.88% 0;}
#obtn .ctext13 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:4;}
#obtn .ctext13 .pic{ float:left; width:100%; line-height:0; margin:110px 0 0 0; padding:0 15px;}
#obtn .ctext13 .pic .slick-prev{ width:20px; height:35px; background:url(../_im_g/main84.png) center no-repeat; background-size:100% auto; left:-100px;}
#obtn .ctext13 .pic .slick-next{ width:20px; height:35px; background:url(../_im_g/main85.png) center no-repeat; background-size:100% auto;right:-100px;}
#obtn .ctext13 .pic .slick-prev:hover,
#obtn .ctext13 .pic .slick-next:hover{ opacity:0.6;}

@media screen and (max-width:1579px ) {
#obtn .ctext13 .pic .slick-prev{ left:-10px;}
#obtn .ctext13 .pic .slick-next{ right:-10px;}

}
@media screen and (max-width:991px ) {
#obtn .ctext13{ padding:40px 0 40px 0;}	
#obtn .ctext13 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext13 .pic{ margin:25px 0 0 0;}
#obtn .ctext13 .pic .slick-prev,
#obtn .ctext13 .pic .slick-next{ width:12px; height:20px;}

}
@media screen and (max-width:767px ) {


}

#obtn .ctext14{ float:left; width:100%; padding:135px 0 175px 0;}
#obtn .ctext14 .cont{ float:left; margin:0 0 0 2.43%;}
#obtn .ctext14 .cont .info1{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; letter-spacing:2px;}
#obtn .ctext14 .cont .info2{ float:left; width:100%; margin-top:44px;}
#obtn .ctext14 .cont .info2 .p1{ float:left; background:#2da2ff; border-radius:3px; color:#fff; font-size:28px; line-height:39px; letter-spacing:2px; padding:5px 10px 8px 10px;}
#obtn .ctext14 .cont .info3{ float:left; width:100%; color:#fff; font-size:24px; line-height:40px; letter-spacing:1px; margin-top:6px;}

@media screen and (max-width:991px ) {
#obtn .ctext14{ padding:40px 0;}
#obtn .ctext14 .cont .info1{ font-size:20px; line-height:30px;}
#obtn .ctext14 .cont .info2{ margin-top:22px;}
#obtn .ctext14 .cont .info2 .p1{ font-size:16px; line-height:26px; padding:3px 10px 4px 10px;}
#obtn .ctext14 .cont .info3{ font-size:14px; line-height:26px;}


}

#obtn .ctext15{ float:left; width:100%;padding:130px 0 148px 0;}
#obtn .ctext15 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:4;}
#obtn .ctext15 .title2{ float:left; width:100%; text-align:center; color:#666666; font-size:20px; line-height:26px; letter-spacing:2px; margin-top:15px; position:relative; z-index:4;}
#obtn .ctext15 .box{ float:left; width:100%; margin:90px 0 0 0;}
#obtn .ctext15 .pic{ float:left; width:46%; line-height:0;}
#obtn .ctext15 .cont{ float:right; width:46.18%; margin: 6.26% 3.57% 0 0;}
#obtn .ctext15 .cont .info1{ float:left; width:100%; line-height:0;}
#obtn .ctext15 .cont .info2{ float:left; width:100%; margin:26px 0 0 0; color:#666666; font-size:24px; line-height:30px; letter-spacing:3px; padding:61px 44px; box-shadow:-3px 0 7px rgba(153,153,153,0.35); }

@media screen and (max-width:1259px ) {
#obtn .ctext15 .cont{ width:49.68%; margin: 6.26% 0 0 0;}	
#obtn .ctext15 .cont .info2{ font-size:18px; line-height:26px;padding:40px 30px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext15{ padding:40px 0 40px 0;}	
#obtn .ctext15 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext15 .title2{ font-size:14px; line-height:20px; letter-spacing:1px; margin-top:10px;}	
#obtn .ctext15 .box{ margin:20px 0 0 0;}
#obtn .ctext15 .cont .info1 img{ width:120px;}
#obtn .ctext15 .cont .info2{ font-size:14px; line-height:22px;padding:20px 15px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext15 .pic{ width:70%; margin:0 15%;}
#obtn .ctext15 .cont{ width:100%; margin:20px 0 0 0;}
}

#obtn .ctext16{ float:left; width:100%;padding:105px 0 159px 0; overflow:hidden;}
#obtn .ctext16 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:4;}
#obtn .ctext16 .title2{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:26px; letter-spacing:2px; margin-top:15px; position:relative; z-index:4;}
#obtn .ctext16 .list{ float:left; width:100%; position:relative; background:rgba(255,255,255,0.10); margin:74px 0 0 0; text-align:center;}
#obtn .ctext16 .list:after{ float:left; width:50px; height:100%; position:absolute; right:100%; top:0; content:'';background-image: -webkit-linear-gradient(right, rgba(255,255, 255, 0.1) 0%, rgba(255,255, 255, 0) 100%);
  background-image: -moz-linear-gradient(right, rgba(255,255, 255, 0.1) 0%, rgba(255,255, 255, 0) 100%);
  background-image: -o-linear-gradient(right, rgba(255,255, 255, 0.1) 0%, rgba(255,255, 255, 0) 100%);
  background-image: linear-gradient(right, rgba(255,255, 255, 0.1) 0%, rgba(255,255, 255, 0) 100%);}
#obtn .ctext16 .list:before{ float:left; width:50px; height:100%; position:absolute; left:100%; top:0; content:'';background-image: -webkit-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 0.1) 100%);
  background-image: linear-gradient(right, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 0.1) 100%);} 
#obtn .ctext16 .list .cont{ margin:0 -15px;}  
#obtn .ctext16 .list .p1{ float:left; width:16.66%; text-align:center; color:#fff; font-size:28px; line-height:42px; padding:15px 0; position:relative;}
#obtn .ctext16 .list .p1:after{ float:left; width:107px; height:84px; position:absolute; right:-40px; top:-5px; content:''; background:url(../_im_g/main89.png) center no-repeat; background-size:auto 100%;}
#obtn .ctext16 .list .p1:last-child:after{ display:none;}

@media screen and (max-width:1259px ) {
#obtn .ctext16 .list .p1{ font-size:20px; padding:10px 0;}
#obtn .ctext16 .list .p1:after{ height:72px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext16{ padding:40px 0 40px 0;}	
#obtn .ctext16 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext16 .title2{ font-size:14px; line-height:20px; letter-spacing:1px; margin-top:10px;}	
#obtn .ctext16 .list{ margin:25px 0 0 0;}
#obtn .ctext16 .list .p1{ font-size:16px; line-height:26px; padding:10px 0;}
#obtn .ctext16 .list .p1:after{ height:50px; top:-2px; right:-45px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext16 .list .cont{ white-space:nowrap; overflow:scroll;}
#obtn .ctext16 .list .p1{ float:none; display:inline-block; vertical-align:top; white-space:nowrap; width:110px;}
#obtn .ctext16 .list .p1:after{ height:30px; top:8px; right:-55px;}

}

#obtn .ctext17{ float:left; width:100%;padding:170px 0 10px 0;}
#obtn .ctext17 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold; position:relative; z-index:4;}
#obtn .ctext17 .list{ float:right; width:100%; margin:-107px 0 0; position:relative; z-index:3; min-height:1272px;}
#obtn .ctext17 .list .pic{ float:left; width:90%; margin:0 5%;}
#obtn .ctext17 .list .cont{ float:left; position:absolute;}
#obtn .ctext17 .list .cont.l1{ width:38.6%; left:0; top:15.56%;}
#obtn .ctext17 .list .cont.l2{ width:34.9%; right:0; top:15.56%;}
#obtn .ctext17 .list .cont.l3{ width:47.2%; left:0; top:57.15%;}
#obtn .ctext17 .list .cont.l4{ width:24.4%; right:0; top:53.46%;}
#obtn .ctext17 .list .cont.l5{ width:40.4%; right:0; top:80.03%;}
#obtn .ctext17 .list .cont .p1{ float:left; width:100%; color:#333333; font-size:28px; line-height:40px; letter-spacing:2px; position:relative; padding-left:50px;}
#obtn .ctext17 .list .cont .p1:after{ float:left; width:40px; height:40px; position:absolute; left:0; top:0; content:''; border-radius:50%;}
#obtn .ctext17 .list .cont.l1 .p1:after{ border:7px solid #1fc6d5;}
#obtn .ctext17 .list .cont.l2 .p1:after{ border:7px solid #92b3ff;}
#obtn .ctext17 .list .cont.l3 .p1:after{ border:7px solid #1979f0;}
#obtn .ctext17 .list .cont.l4 .p1:after{ border:7px solid #6794fd;}
#obtn .ctext17 .list .cont.l5 .p1:after{ border:7px solid #239fff;}
#obtn .ctext17 .list .cont .p2{ float:left; width:100%; color:#666666; font-size:20px; line-height:46px; margin-top:3px;}

@media screen and (max-width:1259px ) {
#obtn .ctext17 .list{ margin:-20px 0 0 0; min-height:993px;}
#obtn .ctext17 .list .cont.l1 .p1:after{ border:5px solid #1fc6d5;}
#obtn .ctext17 .list .cont.l2 .p1:after{ border:5px solid #92b3ff;}
#obtn .ctext17 .list .cont.l3 .p1:after{ border:5px solid #1979f0;}
#obtn .ctext17 .list .cont.l4 .p1:after{ border:5px solid #6794fd;}
#obtn .ctext17 .list .cont.l5 .p1:after{ border:5px solid #239fff;}
#obtn .ctext17 .list .cont .p1{ font-size:20px; line-height:28px; padding-left:38px;}
#obtn .ctext17 .list .cont .p1:after{ width:28px; height:28px;}
#obtn .ctext17 .list .cont .p2{ font-size:16px; line-height:30px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext17{ padding:40px 0 20px 0;}	
#obtn .ctext17 .title1{ font-size:18px; line-height:26px; letter-spacing:2px;}
#obtn .ctext17 .list{ min-height:762px;}
#obtn .ctext17 .list .cont.l1{ width:33.6%;}
#obtn .ctext17 .list .cont.l3{ width:30.2%; }
#obtn .ctext17 .list .cont .p1{ font-size:18px; line-height:28px; padding-left:30px;}
#obtn .ctext17 .list .cont .p1:after{ width:20px; height:20px; top:4px;}
#obtn .ctext17 .list .cont .p2{ font-size:14px; line-height:24px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext17 .list{ min-height:100px;}	
#obtn .ctext17 .list .cont{ position:static; margin-bottom:20px;}	
#obtn .ctext17 .list .cont.l1{ width:100%;}
#obtn .ctext17 .list .cont.l2{ width:100%;}
#obtn .ctext17 .list .cont.l3{ width:100%;}
#obtn .ctext17 .list .cont.l4{ width:100%;}
#obtn .ctext17 .list .cont.l5{ width:100%;}


}


#obtn .ctext18{ float:left; width:100%; padding:118px 0 109px 0;}
#obtn .ctext18 .title1{ float:left; width:100%; text-align:center; color:#232323; font-size:36px; line-height:40px;letter-spacing:2px;}
#obtn .ctext18 .title2{ float:left; width:100%; text-align:center; color:#666; font-size:20px; line-height:30px; letter-spacing:2px; margin-top:10px;}
#obtn .ctext18 .list1{ float:left; width:100%; margin-top:49px;}
#obtn .ctext18 .list1 ul{ margin:0; padding:0 12px;}
#obtn .ctext18 .list1 li{ float:left; width:25%; padding:0 19px; margin-top:15px;}
#obtn .ctext18 .list1 .la{ float:left; width:100%; position:relative; box-shadow:0 10px 12px rgba(0,0,0,0.1); padding-bottom:33px;}
#obtn .ctext18 .list1 .la ._pimg{ line-height:0;}
#obtn .ctext18 .list1 .la ._pimg 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 .ctext18 .list1 .la:hover ._pimg img{ -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);}
#obtn .ctext18 .list1 .la .ico{ float:left; width:55px; height:55px; border-radius:50%; background:#0889f7; overflow:hidden; line-height:0; position:relative; top:0; margin:-27px 0 0 18px;}
#obtn .ctext18 .list1 .la .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; letter-spacing:2px; margin:19px 0 12px 0; position:relative; font-weight:bold; padding:0 18px;}
#obtn .ctext18 .list1 .la .info{ float:left; width:100%; color:#333333; font-size:18px; line-height:24px; height:48px; overflow:hidden; letter-spacing:2px; padding:0 18px;}


@media screen and (max-width:1259px ) {
#obtn .ctext18 .title1{ font-size:26px; line-height:36px;letter-spacing:2px;}
#obtn .ctext18 .title2{ font-size:18px; line-height:28px; letter-spacing:2px; margin-top:10px;}	
#obtn .ctext18 .list1 ul{ margin:0 -10px; padding:0;}
#obtn .ctext18 .list1 li{ padding:0 10px;}
#obtn .ctext18 .list1 .la .ico{ margin:-27px 0 0 15px;}
#obtn .ctext18 .list1 .la .tit{ font-size:20px; line-height:30px; padding:0 15px;}
#obtn .ctext18 .list1 .la .info{ font-size:16px; padding:0 15px;}

}
@media screen and (max-width:991px ) {
#obtn .ctext18{ padding:40px 0 30px 0;}		
#obtn .ctext18 .title1{ font-size:18px; line-height:28px;letter-spacing:1px;}
#obtn .ctext18 .title2{ font-size:14px; line-height:24px; letter-spacing:0; margin-top:5px;}	
#obtn .ctext18 .list1{ margin-top:20px;}
#obtn .ctext18 .list1 li{ width:50%;}
#obtn .ctext18 .list1 .la{ padding-bottom:20px;}
#obtn .ctext18 .list1 .la .ico{ width:46px; height:46px; margin:-23px 0 0 12px;}
#obtn .ctext18 .list1 .la .tit{ font-size:18px; line-height:28px; padding:0 12px; margin:12px 0 4px 0;}
#obtn .ctext18 .list1 .la .info{ font-size:14px; line-height:22px; height:44px; padding:0 12px;}

}
@media screen and (max-width:767px ) {
#obtn .ctext18 .list1 li{ width:100%;}

}		
	
#obtn .ctext19{ float:left; width:100%; padding:85px 0 90px 0;}
#obtn .ctext19 .title1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px;}
#obtn .ctext19 .Form{ float:left; width:100%; margin-top:19px;}
#obtn .ctext19 .Form .lab1{ float:left; width:27.15%; position:relative; margin-right:1.06%; margin-bottom:12px;}
#obtn .ctext19 .Form .ico{ float:left; width:43px; height:43px; position:absolute; left:17px; top:15px;}
#obtn .ctext19 .Form .fv1{ float:left; width:100%; border:1px solid #7d7d7d; border-radius:3px; height:73px; line-height:43px; padding:15px 15px 15px 67px; color:#c6c6c6; font-size:18px;}
#obtn .ctext19 .Form .lab2{ float:right; width:14.23%;}
#obtn .ctext19 .Form .fv2{ float:left; width:100%; border:none; background:#0889f7; border-radius:3px; height:73px; line-height:73px; color:#fff; font-size:24px;}
#obtn .ctext19 ::-webkit-input-placeholder{color:#c6c6c6}
#obtn .ctext19 :-moz-placeholder{color:#c6c6c6}
#obtn .ctext19 ::-moz-placeholder{color:#c6c6c6}
#obtn .ctext19 :-ms-input-placeholder{color:#c6c6c6}
@media screen and (max-width:1259px ) {

}
@media screen and (max-width:991px ) {
#obtn .ctext19{ padding:40px 0 40px 0;}
#obtn .ctext19 .title1{ font-size:18px; line-height:28px;}
#obtn .ctext19 .Form .ico{ width:21px; height:21px; left:12px; top:12px;}
#obtn .ctext19 .Form .fv1{ height:45px; line-height:25px; padding:9px 12px 9px 40px; font-size:14px;}
#obtn .ctext19 .Form .fv2{ height:45px; line-height:45px; font-size:16px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext19 .Form .lab1{ width:100%; margin-right:0;}
#obtn .ctext19 .Form .lab2{ width:100%;}
}



#obtn .ctext20{ float:left; width:100%; padding:112px 0 80px 0; position:relative; }
#obtn .ctext20 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.6;}
#obtn .ctext20 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:32px; line-height:42px; letter-spacing:2px; font-weight:bold; position:relative; z-index:4;}
#obtn .ctext20 .title2{ float:left; width:100%; text-align:center; color:#fff; font-size:24px; line-height:34px; letter-spacing:2px; margin-top:8px; position:relative; z-index:4;}
#obtn .ctext20 .list1{ float:left; width:100%; margin-top:44px; position:relative; z-index:4;}
#obtn .ctext20 .list1 ul{ margin:0 -70px;}
#obtn .ctext20 .list1 li{ float:left; width:33.33%; padding:0 25px; margin-top:15px;}
#obtn .ctext20 .list1 li .l1{ float:left; width:100%; background:#0889f7; border-radius:10px; text-align:center; padding:17px 5px 13px 5px;}
#obtn .ctext20 .list1 li .l1 .tit1{ float:left; width:100%; color:#fff; font-weight:bold; font-size:19px; line-height:29px;}
#obtn .ctext20 .list1 li .l1 .tit2{ float:left; width:100%; color:#fff; font-size:19px; line-height:29px; margin-top:4px;}
#obtn .ctext20 .list1 li .l2{ float:left; width:100%; margin:15px 0 11px 0; height:28px; background:url(../_im_g/dingzhi15.png) center no-repeat; background-size:auto 100%;}
#obtn .ctext20 .list1 li .l3{ float:left; width:100%; border:1px solid #fff; border-radius:10px; padding:22px 10px; min-height:425px;}
#obtn .ctext20 .list1 li .l3 .p1{ float:left; width:92%; color:#fff; font-size:19px; line-height:44px; font-weight:bold; letter-spacing:1px; text-align:center; background:#7da2d5; border-radius:10px; margin:0 4%;}
#obtn .ctext20 .list1 li .l3 .p2{ float:left; width:100%; color:#fff; font-size:17px; line-height:26px; margin:40px 0 30px 0;}
#obtn .ctext20 .list1 li .l3 .p3{ float:left; width:100%; color:#fff; font-size:17px; line-height:26px; padding-left:50px; position:relative;}
#obtn .ctext20 .list1 li .l3 .p3 .ico{ float:left; width:48px; height:48px; position:absolute; left:0; top:0;}
#obtn .ctext20 .list1 .li{ float:left; width:95%; background:#0889f7; border-radius:10px; text-align:center; margin:27px 2.5% 0 2.5%;}
#obtn .ctext20 .list1 .li .b1{ float:left; width:100%; color:#fff; font-size:26px; line-height:36px; padding:16px 5px 13px 5px;}
#obtn .ctext20 .list1 .li .b2{ float:left; width:100%; background:#fff; border-radius:10px; padding:31px 0;}
#obtn .ctext20 .list1 .li .lc{ float:left; width:33.33%; padding:0 5px;}
#obtn .ctext20 .list1 .li .c1{ float:left; width:100%; color:#0889f7; font-size:26px; line-height:36px; font-weight:bold; margin-bottom:14px;}
#obtn .ctext20 .list1 .li .c2{ float:left; width:100%; color:#0889f7; font-size:18px; line-height:27px;}
#obtn .ctext20 .list1 .box1{ float:left; width:75%;}
#obtn .ctext20 .list1 .box2{ float:left; width:25%;}
#obtn .ctext20 .list1 .box2 li{ width:100%;}

@media screen and (max-width:1579px ) {
#obtn .ctext20 .list1 ul{ margin:0 -15px;}
#obtn .ctext20 .list1 li{ padding:0 15px;}
#obtn .ctext20 .list1 li .l3 .p2{ font-size:16px; line-height:24px;}
#obtn .ctext20 .list1 li .l3 .p3{ font-size:16px; line-height:24px;}
#obtn .ctext20 .list1 .li{ width:97%; margin:27px 1.5% 0 1.5%;}
#obtn .ctext20 .list1 .li .c1{ font-size:20px; line-height:30px;}
#obtn .ctext20 .list1 .li .c2{ font-size:16px; line-height:24px;}

}
@media screen and (max-width:1259px ) {
#obtn .ctext20 .list1 li .l1 .tit1{ font-size:16px; line-height:26px;}
#obtn .ctext20 .list1 li .l1 .tit2{ font-size:16px; line-height:26px;}
#obtn .ctext20 .list1 li .l3{ min-height:410px;}
#obtn .ctext20 .list1 li .l3 .p1{ font-size:16px; line-height:36px; width:100%; margin:0;}
#obtn .ctext20 .list1 li .l3 .p2{ font-size:14px; line-height:24px; margin:20px 0 15px 0;}
#obtn .ctext20 .list1 li .l3 .p3{ font-size:14px; line-height:24px; padding-left:40px;}
#obtn .ctext20 .list1 li .l3 .p3 .ico{ width:36px; height:36px;}
#obtn .ctext20 .list1 .li{ width:97%; margin:27px 1.5% 0 1.5%;}
#obtn .ctext20 .list1 .li .c1{ font-size:18px; line-height:30px; margin-bottom:6px;}
#obtn .ctext20 .list1 .li .c2{ font-size:14px; line-height:24px;}
#obtn .ctext20 .list1 .li .b1{ font-size:18px; line-height:28px;}
#obtn .ctext20 .list1 .li .b2{ padding:20px 0;}

}
@media screen and (max-width:991px ) {
#obtn .ctext20{ padding:40px 0 40px 0;}	
#obtn .ctext20 .title1{ font-size:20px; line-height:30px;}	
#obtn .ctext20 .title2{ font-size:16px; line-height:26px;}	
#obtn .ctext20 .list1{ margin:15px 0 0 0;}
#obtn .ctext20 .list1 ul{ margin:0;}
#obtn .ctext20 .list1 li{ padding:0;}
#obtn .ctext20 .list1 li,
#obtn .ctext20 .list1 .box1,
#obtn .ctext20 .list1 .box2{ width:100%;}
#obtn .ctext20 .list1 li .l1{ padding:8px 5px;}
#obtn .ctext20 .list1 li .l1 .tit2{ margin-top:0;}
#obtn .ctext20 .list1 li .l2{ height:15px;}
#obtn .ctext20 .list1 li .l3{ min-height:100px;}
#obtn .ctext20 .list1 .li{ width:100%; margin:20px 0 0 0;}
#obtn .ctext20 .list1 .li .b1{ padding:10px 5px;}

}
@media screen and (max-width:767px ) {
#obtn .ctext20 .list1 .li .lc{ width:100%; margin:6px 0;}
}


#obtn .ctext21{ float:left; width:100%; padding:175px 0 210px 0; position:relative; overflow:hidden; }
#obtn .ctext21 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:36px; letter-spacing:2px; font-weight:bold; position:relative; z-index:4;}
#obtn .ctext21 .list1{ float:left; width:100%; margin-top:176px; position:relative; z-index:4; background:url(../_im_g/dingzhi17.png) center top no-repeat;}
#obtn .ctext21 .list1 .box{ float:left; width:100%; position:relative; min-height:376px;}
#obtn .ctext21 .list1 .l1{ float:left; position:absolute;}
#obtn .ctext21 .list1 .l1:after{ float:left; width:23px; height:23px; border-radius:50%; background:#00a0e9; content:''; position:absolute;}
#obtn .ctext21 .list1 .l1 .num{ float:left; width:100%; color:#fff; font-size:55px; line-height:55px; font-weight:bold; opacity:0.32;}
#obtn .ctext21 .list1 .l1 .tit{ float:left; width:100%; color:#fff; font-size:28px; line-height:38px; font-weight:bold; margin:5px 0 8px 0;}
#obtn .ctext21 .list1 .l1 .p1{ float:left; width:100%; color:#fff; font-size:16px; line-height:24px;}
#obtn .ctext21 .list1 .l1.w1{ width:22%; left:-7.72%; bottom:50.03%;}
#obtn .ctext21 .list1 .l1.w2{ width:18.4%; left:13.22%; top:95.74%;}
#obtn .ctext21 .list1 .l1.w3{ width:15.3%; left:32.52%; bottom:76.1%;}
#obtn .ctext21 .list1 .l1.w4{ width:19.4%; left:50.08%; top:63%;}
#obtn .ctext21 .list1 .l1.w5{ width:23.4%; left:75.77%; bottom:83%;}
#obtn .ctext21 .list1 .l1.w6{ width:19.2%; left:94%; top:78.17%;}
#obtn .ctext21 .list1 .l1.w1:after{ left:5px; bottom:-37px;}
#obtn .ctext21 .list1 .l1.w2:after{ left:28px; top:-37px;}
#obtn .ctext21 .list1 .l1.w3:after{ left:0; bottom:-47px;}
#obtn .ctext21 .list1 .l1.w4:after{ left:45px; top:-59px;}
#obtn .ctext21 .list1 .l1.w5:after{ left:30px; bottom:-84px;}
#obtn .ctext21 .list1 .l1.w6:after{ left:40px; top:-68px;}

@media screen and (max-width:1579px ) {
#obtn .ctext21 .list1 .box{ margin:0; }
#obtn .ctext21 .list1 .l1:after{ width:16px; height:16px; }
#obtn .ctext21 .list1 .l1.w1{ left:0;}
#obtn .ctext21 .list1 .l1.w6{ left:89%; top:59.17%;}
#obtn .ctext21 .list1 .l1.w1{ left:-7px; bottom:25.03%;}
#obtn .ctext21 .list1 .l1.w2{ top:96.74%;}
#obtn .ctext21 .list1 .l1.w6:after{ left:60px;}
#obtn .ctext21 .list1 .l1 .num{ font-size:40px; line-height:50px;}
#obtn .ctext21 .list1 .l1 .tit{ font-size:20px; line-height:30px;}
#obtn .ctext21 .list1 .l1 .p1{ font-size:14px;}

}
@media screen and (max-width:1259px ) {

#obtn .ctext21 .list1 li .l1 .tit1{ font-size:16px; line-height:26px;}
#obtn .ctext21 .list1 .l1.w2{ width:22.4%;}
#obtn .ctext21 .list1 .l1.w3{ width:18.3%;}
#obtn .ctext21 .list1 .l1.w4{ width:22.4%;}
#obtn .ctext21 .list1 .l1.w3{ width:18.3%;}
#obtn .ctext21 .list1 .l1:after{ display:none;}
}
@media screen and (max-width:991px ) {
#obtn .ctext21{ padding:40px 0 40px 0;}	
#obtn .ctext21 .title1{ font-size:20px; line-height:30px;}	
#obtn .ctext21 .list1{ background:none; margin-top:20px;}
#obtn .ctext21 .list1 .l1{ width:50% !important; position:static; padding:2% 3%;}
#obtn .ctext21 .list1 .l1 .num{ width:auto; font-size:30px; line-height:30px; margin-right:6px;}
#obtn .ctext21 .list1 .l1 .tit{ width:auto; margin:0; font-size:18px;}
#obtn .ctext21 .list1 .l1 .p1{ margin-top:10px;}
}
@media screen and (max-width:767px ) {
#obtn .ctext21 .list1 .l1{ width:100% !important;}

}

#obtn .ctext22{ float:left; width:100%; padding:120px 0 160px 0; background:#f5f7f9;}	
#obtn .ctext22 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;letter-spacing:4px;font-weight:bold;}
#obtn .ctext22 .list1{ float:left; margin:143px 0 0 0; text-align:center;}
#obtn .ctext22 .list1 ul{}
#obtn .ctext22 .list1 li{ display:inline-block; vertical-align:top; width:33%; margin-top:-55px; padding:0 2.28%;}
#obtn .ctext22 .list1 li .la{ float:left; width:100%; background:#fff; position:relative; margin:90px 0; height:204px;}
#obtn .ctext22 .list1 li .la:after,
#obtn .ctext22 .list1 li .la:before{ float:left; width:100%; height:100px; position:absolute; left:0; content:''; z-index:3; }
#obtn .ctext22 .list1 li .la:after{ bottom:100%;background:url(../_im_g/dingzhi19.png) center no-repeat; background-size:100% 100%;}
#obtn .ctext22 .list1 li .la:before{ top:100%;background:url(../_im_g/dingzhi18.png) center no-repeat; background-size:100% 100%;}
#obtn .ctext22 .list1 li .pic{ float:left; width:100%; line-height:0; position:relative; z-index:4; top:0; margin-top:-18px;}
#obtn .ctext22 .list1 li .pic img{ width:142px; height:100px;}
#obtn .ctext22 .list1 li .la:hover .pic img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#obtn .ctext22 .list1 li .tit{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; font-weight:bold; margin:14px 0; position:relative; z-index:4;}
#obtn .ctext22 .list1 li .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; position:relative; z-index:4;}


@media screen and (max-width:1259px ) {
#obtn .ctext22 .list1 ul{ margin:0 -10px;}
#obtn .ctext22 .list1 li{ padding:0 10px;}
#obtn .ctext22 .list1 li .la{ height:170px;}
#obtn .ctext22 .list1 li .pic img{ width:100px; height:70px;}
#obtn .ctext22 .list1 li .info{ font-size:18px;}
#obtn .ctext22 .list1 li .tit{ font-size:24px; line-height:34px;}
#obtn .ctext22 .list1 li .info{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:991px ) {
#obtn .ctext22{ padding:40px 0 40px 0;}		
#obtn .ctext22 .title1{ font-size:20px; line-height:28px; letter-spacing:2px;}
#obtn .ctext22 .list1{ margin:20px 0 0 0;}
#obtn .ctext22 .list1 ul{ margin:0 -6px;}
#obtn .ctext22 .list1 li{ padding:0 6px; width:32%; margin-top:-15px;}
#obtn .ctext22 .list1 li .la{ height:160px; margin:40px 0;}
#obtn .ctext22 .list1 li .la:after,
#obtn .ctext22 .list1 li .la:before{ height:50px;}
#obtn .ctext22 .list1 li .pic{ margin-top:-6px;}
#obtn .ctext22 .list1 li .pic img{ width:62px; height:44px;}
#obtn .ctext22 .list1 li .tit{ font-size:18px; line-height:28px; margin:6px 0; }



}
@media screen and (max-width:767px ) {
#obtn .ctext22 .list1 li{ width:98%; margin-top:0;}
#obtn .ctext22 .list1 li .la{ padding:30px 0; height:auto; margin:8px 0;}
#obtn .ctext22 .list1 li .la:after,
#obtn .ctext22 .list1 li .la:before{ height:0;}
}

#obtn .ctext23{ float:left; width:100%; padding:114px 0 105px 0; position:relative; margin-bottom:33px;}
#obtn .ctext23 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#fff; opacity:0.85;}
#obtn .ctext23 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:32px; line-height:42px; letter-spacing:2px; font-weight:bold; position:relative; z-index:4;}
#obtn .ctext23 .title2{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px; letter-spacing:2px; margin-top:8px; position:relative; z-index:4;}
#obtn .ctext23 .list1{ float:left; width:100%; margin-top:68px; position:relative; z-index:4; padding:0 7.48%;}

@media screen and (max-width:1259px ) {
#obtn .ctext23 .list1{ padding:0;}

}
@media screen and (max-width:991px ) {
#obtn .ctext23{ padding:40px 0 40px 0;}	
#obtn .ctext23 .title1{ font-size:18px; line-height:28px;}	
#obtn .ctext23 .title2{ font-size:14px; line-height:24px;}	
#obtn .ctext23 .list1{ margin-top:20px;}
}
@media screen and (max-width:767px ) {

}


#obtn .ctext24{ float:left; width:100%; padding:88px 0 63px 0; position:relative;}
#obtn .ctext24 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.72;}
#obtn .ctext24 .title1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:46px; font-weight:bold; letter-spacing:2px; position:relative; z-index:3;}
#obtn .ctext24 .title2{ float:left; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:20px; line-height:30px; letter-spacing:2px; margin-top:10px;position:relative; z-index:3;}
#obtn .ctext24 .list1{ float:left; width:100%; margin-top:85px;position:relative; z-index:3;}
#obtn .ctext24 .titL{ float:left; width:17.4%; position:relative; padding:0 2%;}
#obtn .ctext24 .titL:after{ float:left; width:1px; height:100%; position:absolute; right:0; top:0; content:''; background:#bcbcbf; z-index:3;}
#obtn .ctext24 .titL .slick-list{ z-index:4;}
#obtn .ctext24 .titL .l1{ float:left; color:#fff; font-size:24px; line-height:70px; margin:1px 0 3px 0; cursor:text; position:relative; z-index:4; cursor:pointer; text-align:center; font-weight:bold; letter-spacing:1px; border-radius:10px;}
#obtn .ctext24 .titL .l1.slick-current{ background:#0889f7;}
#obtn .ctext24 .contR{ float:right; width:79%;}
#obtn .ctext24 .contR .tit1{ float:left; width:100%; color:#fff; font-size:26px; line-height:36px; font-weight:bold; letter-spacing:2px;}
#obtn .ctext24 .contR .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:32px; margin:20px 0 60px 0;overflow:hidden; height:64px; }
#obtn .ctext24 .contR .cont{ float:left; width:100%; padding:0 0 17px 0; white-space:nowrap; overflow:hidden; padding-bottom:15px;
 overflow-x:auto;
 scrollbar-height:thin;
}
#obtn .ctext24 .contR .cont::-webkit-scrollbar {
 height:6px;
}
#obtn .ctext24 .contR .cont::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
#obtn .ctext24 .contR .cont::-webkit-scrollbar-thumb {
 width:3px;
 height:6px;
 background-color:#0889f7;
 border-radius:3px
}
/*#obtn .ctext24 .contR .cont .box1{ margin:0 -15px;}*/
#obtn .ctext24 .contR .cont .lb{ width:16.66%; text-align:center; padding:10px 15px; display:inline-block; vertical-align:top; }
#obtn .ctext24 .contR .cont ._pimg{ width:80px; height:80px; float:none !important; display:inline-block;}
#obtn .ctext24 .contR .cont .p1{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin-top:25px;	}
#obtn .ctext24 .contR .cont .lb:hover .p1{ color:#0889f7;}
#obtn .ctext24 .contR .cont .lb:hover ._pimg{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}

#obtn .ctext24 .contR .cont1{ float:left; width:100%; margin-top:40px; padding-top:60px;  border-top:1px solid #cccccc;}
#obtn .ctext24 .contR .cont1 .box1{ max-width:100%; white-space:nowrap; overflow:hidden; padding-bottom:15px;
 overflow-x:auto;
 scrollbar-height:thin;
}
#obtn .ctext24 .contR .cont1 .box1::-webkit-scrollbar {
 height:6px;
}
#obtn .ctext24 .contR .cont1 .box1::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
 
#obtn .ctext24 .contR .cont1 .box1::-webkit-scrollbar-thumb {
 width:3px;
 height:6px;
 background-color:#0889f7;
 border-radius:3px
}
#obtn .ctext24 .contR .cont1 .lb{ display:inline-block; vertical-align:top; width:21.55%; text-align:center; margin-right:4.1%; position:relative;}
#obtn .ctext24 .contR .cont1 .lb .er{ float:left; width:100%; position:absolute; left:0; top:0; z-index:3; opacity:0;-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 .ctext24 .contR .cont1 ._pimg{ width:100%; border-radius:10px; line-height:0;}
#obtn .ctext24 .contR .cont1 .p1{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin-top:15px;	}
#obtn .ctext24 .contR .cont1 .lb:hover .p1{ color:#0889f7;}
#obtn .ctext24 .contR .cont1 .lb:hover .er{ opacity:1; }	
			
		

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



}
@media screen and (max-width:1259px ) {
#obtn .ctext24 .title1{ font-size:26px; line-height:36px;letter-spacing:2px;}
#obtn .ctext24 .title2{ font-size:18px; line-height:28px; letter-spacing:2px; margin-top:10px;}	
#obtn .ctext24 .titL{ padding:0 2% 0 0;}
#obtn .ctext24 .titL .l1{ font-size:18px; line-height:50px;}
#obtn .ctext24 .contR .tit1{ font-size:20px; line-height:30px;}
#obtn .ctext24 .contR .info{ font-size:16px; line-height:26px; height:52px; margin:25px 0;}
#obtn .ctext24 .contR .cont ._pimg{ width:60px; height:60px; }
#obtn .ctext24 .contR .cont .p1{ font-size:16px; line-height:26px; margin-top:10px;	}

#obtn .ctext24 .contR .cont1{ margin-top:30px;}
#obtn .ctext24 .contR .cont1 .p1{ font-size:16px; line-height:26px; margin-top:15px;	}

}
@media screen and (max-width:991px ) {
#obtn .ctext24{ padding:40px 0 30px 0;}		
#obtn .ctext24 .title1{ font-size:18px; line-height:28px;letter-spacing:1px;}
#obtn .ctext24 .title2{ font-size:14px; line-height:24px; letter-spacing:1px; margin-top:5px;}	
#obtn .ctext24 .list1{ margin-top:30px;}
#obtn .ctext24 .titL .l1{ font-size:16px; line-height:36px; margin-bottom:10px;}
#obtn .ctext24 .contR .tit1{ font-size:18px; line-height:28px;}
#obtn .ctext24 .contR .info{ font-size:14px; line-height:24px; height:48px; margin:12px 0 20px 0;}
#obtn .ctext24 .contR .cont ._pimg{ width:50px; height:50px; }
#obtn .ctext24 .contR .cont .p1{ font-size:14px; line-height:24px; margin-top:8px;	}
#obtn .ctext24 .contR .cont1 .p1{ font-size:14px; line-height:24px; margin-top:8px;	}
}
@media screen and (max-width:767px ) {
#obtn .ctext24 .titL{ width:20%;}
#obtn .ctext24 .titL .l1{ font-size:14px; line-height:32px; margin-bottom:5px;}
#obtn .ctext24 .contR{ width:75%;}
#obtn .ctext24 .contR .cont{ padding:0 0 10px 0;}
#obtn .ctext24 .contR .cont .box1{ margin:0 6px;}
#obtn .ctext24 .contR .cont .lb{ width:33.33%; padding:6px 6px;}
#obtn .ctext24 .contR .cont ._pimg{ width:40px; height:40px; }
#obtn .ctext24 .contR .info{ margin:12px 0 12px 0;}
#obtn .ctext24 .contR .cont .p1{ margin-top:0;	}
#obtn .ctext24 .contR .cont1{ margin-top:20px; padding-top:25px;}
#obtn .ctext24 .contR .cont1 .lb{ width:30%; margin-right:3%;}

}	
	

.waimai{ float:left; width:100%; text-align:center; margin:-80px 0 0 0;}	
.waimai a{ display:inline-block; vertical-align:top; border:1px solid #ccc; color:#666; font-size:18px; padding:10px 60px 12px 60px;}	
.waimai a:hover{ background:#5184f3; border:1px solid #5184f3; color:#fff;}
@media screen and (max-width:1230px ) {

.waimai{ margin:-30px 0 0 0;}	

}
@media screen and (max-width:991px ) {

.waimai{ margin:-10px 0 40px 0;}
.waimai a{ font-size:16px; padding:8px 30px 10px 30px;}		

}

.tb10{ width:100%;}
.tb10 .pic{ float:left; width:34.63%;}
.tb10 .cont{ float:right; width:60%;}
.tb10 .cont .l1{ float:left; width:100%; position:relative; min-height:65px; padding-left:90px; margin:12px 0;}
.tb10 .cont .l1 .ioc{ float:left; width:65px; height:65px; border-radius:50%; line-height:0; position:absolute; left:0; top:0;}
.tb10 .cont .l1 .p1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; letter-spacing:1px;}
.tb10 .cont .l1 .p2{ float:left; width:100%; color:#fff; font-size:16px; line-height:28px; letter-spacing:1px; margin-top:6px;}
@media screen and (max-width:1259px ) {

.tb10 .pic{ width:36.63%;}
.tb10 .cont{ width:58%;}
.tb10 .cont .l1{ margin:10px 0; padding-left:80px;}
.tb10 .cont .l1 .ioc{ width:60px; height:60px;}
.tb10 .cont .l1 .p1{ font-size:18px; line-height:28px;}
.tb10 .cont .l1 .p2{ font-size:14px; line-height:24px; margin-top:4px;}

}
@media screen and (max-width:991px ) {

}
@media screen and (max-width:767px ) {
.tb10 .pic{ width:100%; padding:0 10%;}
.tb10 .cont{ width:100%; margin-top:15px;}
.tb10 .cont .l1{ padding-left:65px;}
.tb10 .cont .l1 .ioc{ width:50px; height:50px;}

}


.zhihui1{ float:left; width:100%; padding:110px 0 110px 0;}
.zhihui1 .title1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px; letter-spacing:2px;}
.zhihui1 .box1{ float:left; width:100%; margin-top:59px; position:relative; min-height:30vh;}
.zhihui1 .box2{ float:left; width:100%; position:relative; min-height:30vh;}
.zhihui1 .pic1{ float:right; width:54.8%; line-height:0;}
.zhihui1 .cont1{ float:left; width:36%; position:absolute; left:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.zhihui1 .cont2{ float:left; width:31.5%; position:absolute; left:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.zhihui1 .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; letter-spacing:1px;}
.zhihui1 .info1{ float:left; width:100%; color:#666666; font-size:18px; line-height:28px; margin-top:4px;}
.zhihui1 .info2{ float:left; width:100%; background:#e5e5e5; text-align:center; color:#333333; font-size:16px; line-height:28px; padding:15px 12px; border-radius:4px; margin-top:39px;}
.zhihui1 ._btn{ float:left; width:100%; margin-top:39px;}
.zhihui1 ._btn a{ display:inline-block; vertical-align:top; background:#4699ff; text-align:center; color:#fff; line-stacking:1px; font-size:18px; line-height:42px; padding:0 30px; border-radius:2px;}
._list1{ float:right; width:60%; text-align:center;}
._list1 .lc1{ float:left; width:25%; padding:36px 5px 14px 5px;}
._list1 .lc1 i{ float:left; width:100%; line-height:0;}
._list1 .lc1 i img{ width:90px; height:90px;}
._list1 .lc1 span{ float:left; width:100%; line-height:28px; min-height:56px; font-size:18px; color:#666666; letter-spacing:1px; margin-top:20px;}


.zhihui1_1{ padding:130px 0 80px 0;}
.zhihui1_1 .box1{ margin-top:39px;}
.zhihui1_2{ padding:116px 0 106px 0;}


@media screen and (max-width:991px ) {
.zhihui1 .title1{ font-size:20px; line-height:30px; letter-spacing:1px;}	
.zhihui1{ padding:40px 15px 40px 15px;}	
.zhihui1 .box1{ margin-top:25px;}
.zhihui1 .tit1{ font-size:18px; line-height:28px; letter-spacing:1px;}
.zhihui1 .info1{ font-size:14px; line-height:24px; margin-top:2px;}
.zhihui1 .info2{ font-size:14px; line-height:24px; padding:8px 12px; margin-top:15px; width:100%;}
.zhihui1 ._btn{ margin-top:20px;}
.zhihui1 ._btn a{font-size:14px; line-height:36px; padding:0 20px; border-radius:2px;}
._list1 .lc1{ padding:20px 5px 0 5px;}
._list1 .lc1 i img{ width:50px; height:50px;}
._list1 .lc1 span{ font-size:14px; line-height:24px; min-height:48px; margin-top:10px;}


}
@media screen and (max-width:767px ) {
.zhihui1 .pic1{ width:100%; padding:0 10%;}	
.zhihui1 .cont1{ width:100%; margin:20px 0 0 0; text-align:center; position:static; transform:translate(0,); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0);}	
.zhihui1 .cont2{ width:100%; margin:20px 0 0 0; text-align:center; position:static; transform:translate(0,); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0);}
.zhihui1 ._btn{ text-align:center;}
._list1{ width:100%;}



	
}

.zhihui2{ float:left; width:100%; padding:32px 0; background:#f2f3fa;}
.zhihui2 .box1{ float:left; width:100%; position:relative; min-height:30vh; }
.zhihui2 .box2{ float:left; width:100%; position:relative; min-height:30vh; }
.zhihui2 .pic1{ float:left; width:50.8%; line-height:0;}
.zhihui2 .cont1{ float:right; width:31.5%; position:absolute; right:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.zhihui2 .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; letter-spacing:1px;}
.zhihui2 .info1{ float:left; width:100%; color:#666666; font-size:18px; line-height:28px; margin-top:4px;}
.zhihui2 .info2{ float:left; width:100%; background:#e5e5e5; text-align:center; color:#333333; font-size:16px; line-height:28px; padding:15px 12px; border-radius:4px; margin-top:39px;}
.zhihui2 ._btn{ float:left; width:100%; margin-top:39px;}
.zhihui2 ._btn a{ display:inline-block; vertical-align:top; background:#4699ff; text-align:center; color:#fff; line-stacking:1px; font-size:18px; line-height:42px; padding:0 30px; border-radius:2px;}

.zhihui2_1{ padding:70px 0;}
.zhihui2_1 .pic1{ width:54.63%;}
.zhihui2_2 .pic1{ width:60.7%;}


.k16_1 .ovh{ position:relative; min-height:30vh;}
.k16_1 .fl{ position:absolute; left:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.k17_1 .ovh{ position:relative; min-height:30vh;}
.k17_1 .fr{ width:32%; position:absolute; right:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.k18_1 .ovh{ position:relative; min-height:30vh;}
.k18_1 .fl{ position:absolute; left:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); margin:0 !important;}

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

}
@media screen and (max-width:991px ) {
.zhihui2{ padding:32px 15px;}	
.zhihui2 .tit1{ font-size:18px; line-height:28px; letter-spacing:1px;}
.zhihui2 .info1{ font-size:14px; line-height:24px; margin-top:2px;}
.zhihui2 .info2{ font-size:14px; line-height:24px; padding:8px 12px; margin-top:15px; width:100%;}
.zhihui2 ._btn{ margin-top:20px;}
.zhihui2 ._btn a{font-size:14px; line-height:36px; padding:0 20px; border-radius:2px;}

.zhihui2_1{ padding:32px 15px;}


}
@media screen and (max-width:767px ) {
.zhihui2 .pic1{ width:100%; padding:0 10%;}	
.zhihui2 .cont1{ width:100%; margin:20px 0 0 0; text-align:center; position:static; transform:translate(0,); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0);}
.zhihui2 ._btn{ text-align:center;}	

.k16_1 .ovh{ min-height:30vh;}
.k16_1 .fl{ position:static; transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0); margin:20px 0 0 0;}
.k17_1 .ovh{ min-height:30vh;}
.k17_1 .fr{ width:100%; position:static; transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0); margin:20px 0 0 0;}
.k18_1 .ovh{ min-height:30vh;}
.k18_1 .fl{ position:static; transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); -webkit-transform:translate(0,0); margin:20px 0 0 0 !important;}
	
}

.case3{ float:left; width:100%; color:#333; font-size:16px; line-height:30px;}	
@media screen and (max-width:991px ) {
.case3{ font-size:14px; line-height:26px;}

}	
			
/*
@media screen and (max-width: 1579px) {


}


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

}
@media screen and (max-width:991px ) {

}
@media screen and (max-width:767px ) {

}


*/		
			
.case3_tit{width:100%; text-align:center;color: #333;font-size: 30px;line-height: 42px; padding:30px 0;}
.case3 .sx_fy{ height: 60px; line-height: 60px; width: 100%; overflow: hidden;}
.case3 .sx_fy a{ float: left; width: 40%; color: #666; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.case3 .sx_fy a.r_fy{ float: right; text-align: right;}
.case3 .sx_fy a:hover{ color: #aa381e;}
@media screen and (max-width:991px){
.case3 .sx_fy{ height: 60px; line-height: 26px; padding: 10px 0;position: relative;}
.case3 .sx_fy a{ float: left; width: 100%; font-size: 14px;}
.case3 .sx_fy a.r_fy{ float: left; text-align: left; border-left: none;}
.case3_tit{font-size: 18px;line-height: 28px; padding:10px 0;}
}


/*20200918*/
.k20.zk20{padding:0px 0 31px 0}
.k20 .list1{ float:left; width:100%; /*margin-top:50px;*/}
.k20 .list1 ul{ margin:0 -15px;}
.k20 .list1 li{ float:left; width:33.33%; padding:0 15px; margin-top:35px;}
.k20 .list1 li .pic{ float:left; width:100%; position:relative; overflow:hidden; padding-bottom:66%; background:#000; cursor:pointer;}
.k20 .list1 li .img{ float:left; position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%) scale(1.01); -moz-transform:translate(-50%,-50%) scale(1.01); -ms-transform:translate(-50%,-50%) scale(1.01); -o-transform:translate(-50%,-50%) scale(1.01); -webkit-transform:translate(-50%,-50%) scale(1.01); opacity:0.82;
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  }
.k20 .list1 li .paly{ float:left; width:60px; height:60px; position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
/*.k20 .list1 li .tit{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; margin:15px 0 5px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.k20 .list1 li .info{ float:left; width:100%; color:#666; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}*/


.k20 .list1 li .tit{ float:left; width:100%; line-height:34px; font-size:24px; color:#333333; position:relative; margin:15px 0 15px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-bottom:14px; padding-left:16px; padding-right:16px; text-align:center;}
.k20 .list1 li .tit:after{ float:left; width:25px; height:4px; position:absolute; left:50%; bottom:0; content:''; background:#45454d; margin-left:-12px;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.k20 .list1 li .info{ float:left; width:100%; line-height:26px; font-size:16px; text-align:center; color:#666666;  overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}

.k20 .list1 li:hover .tit:after{ width:66px; margin-left:-33px;}
.k20 .list1 li:hover .img{ transform:translate(-50%,-50%) scale(1.15); -moz-transform:translate(-50%,-50%) scale(1.15); -ms-transform:translate(-50%,-50%) scale(1.15); -o-transform:translate(-50%,-50%) scale(1.15); -webkit-transform:translate(-50%,-50%) scale(1.15); opacity:0.82;}


@media screen and (max-width:1259px ) {
.k20 .list1 li .tit{ font-size:20px; line-height:30px;}
.k20 .list1 li .tit:after{ height:3px;}
.k20 .list1 li .info{ font-size:16px; line-height:26px;}

}
@media screen and (max-width:991px ) {

.k20 .list1 li .tit{ font-size:18px; line-height:28px; margin:8px 0;}
.k20 .list1 li .tit:after{ height:3px;}
.k20 .list1 li .info{ font-size:14px; line-height:24px; line-height:24px;}
}




@media screen and (max-width:991px){
.k20 .list1{ margin-top:20px;}	
.k20 .list1 ul{ margin:0 -6px;}
.k20 .list1 li{ padding:0 6px; margin-top:15px;}
.k20 .list1 li .paly{ width:40px; height:40px;}
/*.k20 .list1 li .tit{ margin:10px 0 0 0;}*/
}
@media screen and (max-width:767px){
.k20 .list1 li{ width:100%;}
.zk20 .maxwidth{padding-left:15px !important; padding-right:15px !important;}
}


._btn{ cursor: pointer;}
._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none; background:rgba(0,0,0,0.2);}
._pop video{ width:100%;}
._col{ float:left; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); text-align:center; cursor:pointer; position:absolute; right:0; top:0; width:40px; height:40px; color:#fff; line-height:30px; font-size:50px;}
._htm{ float:left; width:60%; font-size:14px; line-height:26px; color:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._html_con{ float:left; width:100%;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:80vh;
}
._html_con::-webkit-scrollbar {
 width:3px
}
._html_con::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
._html_con::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#333;
 border-radius:3px
}
@media  screen and (max-width: 767px){
._col{ right:-5px; top:-30px; width:30px; height:30px; color:#fff; line-height:20px; font-size:36px;}
._htm{width:90%;}	
}

.pf_right{ float:left; width:48px; position:fixed; z-index:999; right:0; top:50%; margin-top:-128px;}
.pf_right ul{ float:left; width:100%; background:#056dff; text-align:center; border-radius:6px; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.pf_right ul li{ float:left; width:100%; position:relative; border-bottom:1px solid rgba(255,255,255,0.3);}
.pf_right ul li:last-child{ border-bottom:none;}
.pf_right ul li a{ float:left; width:100%; line-height:0; padding:13px 0; position:relative; z-index:6;}
.pf_right ul li a img{ width:22px; height:22px;}
.pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:0; right:-300px; background:#056dff; line-height:48px; color:#fff; font-size:16px; padding:0 20px;white-space:nowrap; border-radius:6px;
-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;}
.pf_right .pf_tel:after{ float:left; width:0; height:0; position:absolute; left:100%; top:18px; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #056dff; content:''; }
.pf_right .pf_er{ float:left; position:absolute; z-index:4; top:0; right:-300px; width:100px; background:#056dff; line-height:0; padding:6px;white-space:nowrap; border-radius:6px;
-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;}
.pf_right .pf_er:after{ float:left; width:0; height:0; position:absolute; left:100%; top:18px; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #056dff; content:''; }
.pf_right ul li:hover .pf_tel{ right:58px;}
.pf_right ul li:hover .pf_er{ right:58px;}






@media  screen and (max-width:991px){
	
.pf_right{ display:none;}

}


.z_mt_58{margin-top:58px;}
@media  screen and (max-width:991px){
.z_mt_58{margin-top:14px;}

}