@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0
}

html, body {
    position: relative
}

body {
    font-family: arial, "microsoft yahei";
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background: #fff
}

.bodyHIdden {
    overflow: hidden;
    height: 100%;
    width: 100%
}

a:link, a:visited {
    text-decoration: none;
    outline: #333;
    color: #333
}

a:hover, a:active, a:focus {
    color: #000
}

ul, li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%
}

table {
    border-collapse: collapse;
    width: 100%
}

input[type=text], textarea, button {
    border: none;
    font-family: arial, "microsoft yahei";
    font-size: 14px;
    -webkit-appearance: none
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: none
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    color: #666;
    outline: none
}

.f-l {
    float: left
}

.f-r {
    float: right
}

.font20 {
    font-size: 20px
}

.textCenter {
    text-align: center
}

.color333 {
    color: #333
}

.hide {
    overflow: hidden
}

.rel {
    position: relative
}

.clearfix {
    clear: both
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block
}

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto
}

.middleRight {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.middleLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1600px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .home-service .container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 1201px) {
    .container {
        /*padding:0 20px !important;*/
        max-width: 100% !important
    }
}

.indent2 {
    text-indent: 2em
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.prompt {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 99999;
    background: #fff;
    filter: alpha(opacity=90);
    opacity: 80
}

.prompt a {
    color: #000;
    text-decoration: underline
}

.prompt span {
    position: absolute;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    top: 55%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    display: block;
    line-height: 24px;
    color: #000
}

.prompt_close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
    font-weight: 100;
    cursor: pointer
}

.prompt_close:hover {
    background: #f00;
    color: #fff
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[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
}

.slick-loading .slick-list {
    background: #fff url('../ajax-loader.gif') center center no-repeat
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.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 {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1672984620575');
    src: url('../fonts/iconfont.eot?t=1672984620575#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2?t=1672984620575') format('woff2'), url('../fonts/iconfont.woff?t=1672984620575') format('woff'), url('../fonts/iconfont.ttf?t=1672984620575') format('truetype'), url('../fonts/iconfont.svg?t=1672984620575#iconfont') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-yunxiazai_o:before {
    content: "\ebb4"
}

.icon-daohangdizhi:before {
    content: "\e65e"
}

.icon-phone:before {
    content: "\e907"
}

.icon-QQ:before {
    content: "\e882"
}

.icon-wechat-fill:before {
    content: "\e883"
}

.icon-caidan:before {
    content: "\e65d"
}

.icon-xiangyou_2:before {
    content: "\eb94"
}

.icon-sousuo:before {
    content: "\e632"
}

.icon-xiangzuo:before {
    content: "\eb9a"
}

.icon-xiangyou:before {
    content: "\eb9c"
}

.icon-angle-left:before {
    content: "\e8c9"
}

.icon-angle-right:before {
    content: "\e8ca"
}

.icon-angle-up:before {
    content: "\e8c8"
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.ellipsis4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4
}

.ellipsis5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5
}

.body {
    overflow: hidden
}

@-webkit-keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown2 {
    -webkit-animation-name: slideInDown2;
    animation-name: slideInDown2
}

@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@-webkit-keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@keyframes slide {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes slideInRight2 {
    from {
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

@keyframes slideInRight2 {
    from {
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

.slideInRight2 {
    -webkit-animation-name: slideInRight2;
    animation-name: slideInRight2
}

@-webkit-keyframes slideInLeft2 {
    from {
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
}

@keyframes slideInLeft2 {
    from {
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
}

.slideInLeft2 {
    -webkit-animation-name: slideInLeft2;
    animation-name: slideInLeft2
}

@keyframes fadeInLeft2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@keyframes fadeInRight2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes scale2 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scale2 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.scale2 {
    -webkit-animation-name: scale2;
    animation-name: scale2
}

@-webkit-keyframes rotate1 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotate1 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rotate2 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate2 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.header {
    height: 100px;
    width: 100%;
    padding-left: 70px;
    padding-right: 70px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0
}

.header > .container {
    max-width: 100%;
    padding-right: 200px;
    position: relative
}

.header .logo {
    z-index: 999;
    width: 128px;
    height: 50px;
    float: left;
    margin-top: 25px;
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative
}

.header .logo img {
    position: relative
}

.header .other {
    width: 120px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: absolute;
    z-index: 10;
    right: 0
}

.header .other a {
    color: #fff
}

.header .line {
    display: inline-block;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 20px
}

.header .searchBtn .iconfont {
    font-size: 20px
}

.header .downloadBtn .iconfont {
    font-size: 20px
}

.navbar {
    -webkit-transition: all .5s;
    transition: all .5s
}

.header.hidden {
    opacity: 0
}

.nav {
    float: right;
    position: relative;
    z-index: 998
}

.nav .list {
    width: 100%;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav li {
    text-align: center;
    float: left;
    padding: 0 20px;
    position: relative
}

.nav li > a {
    font-size: 16px;
    line-height: 50px;
    height: 100px;
    padding-top: 25px;
    color: #fff;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.nav li > a span {
    min-width: 80px;
    display: inline-block;
    position: relative
}

.nav li > a span:after {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    margin: auto;
    background: #dfad74;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav li .navChild {
    display: none;
    width: 160px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    z-index: 999;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav li .navChild a {
    display: block
}

.nav li .navChild a:hover {
    background: #dfad74;
    color: #fff
}

.nav li .navChild > div {
    padding: 5px 0
}

.nav li:hover .navChild {
    display: block
}

.nav li:hover > a span, .nav li.active > a span {
    color: #dfad74
}

.nav li:hover > a span:after, .nav li.active > a span:after {
    width: 100%
}

.header-2 .nav li > a {
    color: #333
}

.header-2 .other {
    color: #333
}

.header-2 .other a {
    color: #333
}

.header-2 .other .line {
    background: rgba(0, 0, 0, 0.5)
}

.headerFixed {
    width: 100%;
    position: absolute;
    top: 0
}

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

.banner img {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

.banner .list {
    overflow: hidden;
    display: block
}

.banner .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.banner .pic {
    position: relative
}

.banner .pic:after {
    content: "";
    display: block;
    padding-top: 39.94791667%
}

.banner .text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.banner .text .cn {
    font-size: 48px;
    font-size: 700
}

.banner .text .en {
    font-size: 45px;
    font-weight: 700
}

.banner .slick-dots {
    bottom: 50px;
    font-size: 0;
    z-index: 999;
    overflow: initial
}

.banner .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    overflow: hidden;
    float: none
}

.banner .slick-dots li button {
    padding: 0;
    display: block;
    width: 10px;
    height: 10px;
    border: 2px #fff solid;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.banner .slick-dots li button:before {
    display: none
}

.banner .slick-dots .slick-active button {
    border-color: #179d79
}

.banner .slick-prev, .banner .slick-next {
    width: 80px;
    height: 80px;
    z-index: 9
}

.banner .slick-prev:before, .banner .slick-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 60px
}

.banner .slick-prev:hover:before, .banner .slick-next:hover:before {
    color: #dfad74
}

.banner .slick-prev {
    left: 50px
}

.banner .slick-prev:before {
    content: "\eb9a"
}

.banner .slick-next {
    right: 50px
}

.banner .slick-next:before {
    content: "\eb9c"
}

.home-title, .inside-title {
    text-align: center;
    line-height: 1
}

.home-title .cn, .inside-title .cn {
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 5px;
    color: #333;
    position: relative
}

.home-title .cn:after, .inside-title .cn:after {
    content: "";
    display: block;
    width: 52px;
    height: 4px;
    background: #dfad74;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.home-title .en, .inside-title .en {
    font-size: 14px;
    color: #666;
    position: relative
}

.home-title .info, .inside-title .info {
    margin-top: 40px;
    text-align: center;
    line-height: 30px
}

.inside-title-2 {
    text-align: center;
    line-height: 1
}

.inside-title-2 .en {
    color: #999;
    font-size: 23px;
    margin-bottom: 15px
}

.inside-title-2 .cn {
    color: #dfad74;
    font-size: 36px;
    font-weight: 700
}

.moreBtn {
    text-align: center
}

.moreBtn a {
    display: inline-block;
    min-width: 100px;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px #919191 solid;
    color: #333
}

.moreBtn a:hover {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.home-service {
    padding-top: 60px;
    padding-bottom: 0
}

.home-service .container {
    max-width: 100%
}

.home-service .nr {
    margin-top: 60px
}

.home-service .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 10px 20px 10px
}

.home-service .list .box {
    display: block;
    text-align: center;
    position: relative
}

.home-service .list .pic {
    display: block;
    overflow: hidden;
    position: relative
}

.home-service .list .pic:after {
    content: "";
    display: block;
    padding-top: 70.28753994%
}

.home-service .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service .list .text {
    width: 100%;
    background: #ddac52;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0
}

.home-service .list .title {
    font-size: 32px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-service .list .info {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-service .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-service-1 {
    padding-top: 60px
}

.home-service-1 .container {
    max-width: 1700px
}

.home-service-1 .nr {
    margin-top: 60px
}

.home-service-1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-service-1 .list li {
    margin-bottom: .35%
}

.home-service-1 .list .li-1 {
    width: 25%;
    float: left
}

.home-service-1 .list .li-2 {
    width: 50%;
    margin-bottom: .35%;
    float: left
}

.home-service-1 .list .li-3 {
    width: 25%;
    margin-bottom: .35%;
    float: left
}

.home-service-1 .list .box {
    display: block;
    overflow: hidden;
    position: relative
}

.home-service-1 .list .pic {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #f7f7f7
}

.home-service-1 .list .pic:after {
    content: "";
    display: block;
    padding-top: 158.86524823%
}

.home-service-1 .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-1 .list .text {
    width: 100%;
    height: 100%;
    background: rgba(223, 173, 116, 0.9);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0
}

.home-service-1 .list .textC {
    width: 100%;
    height: 100%;
    padding: 45px 40px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-1 .list .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    display: none;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-service-1 .list .info {
    font-size: 14px;
    color: #fff;
    display: none;
    height: 42px;
    line-height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.home-service-1 .list .div-2 {
    padding: 45px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none
}

.home-service-1 .list .item-1 .div-2 {
    padding: 45px 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    text-align: right
}

.home-service-1 .list .info-2 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.home-service-1 .list .btn {
    margin-bottom: 20px
}

.home-service-1 .list .btn span {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 130px;
    height: 36px;
    border: 1px solid #fff;
    opacity: .8;
    line-height: 32px;
    border-radius: 18px;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.home-service-1 .list .item {
    padding: 0 3px 6px 3px
}

.home-service-1 .list .item:last-child {
    padding-bottom: 0
}

.home-service-1 .list .item-1 {
    width: 100%;
    clear: both
}

.home-service-1 .list .item-1 .pic:after {
    padding-top: 39.50471698%
}

.home-service-1 .list .item-2 {
    width: 50%;
    float: left
}

.home-service-1 .list .item-2 .pic:after {
    padding-top: 79.19621749%
}

.home-service-1 .list .item-3 .pic:after {
    padding-top: 79.19621749%
}

.home-service-1 .list .box:hover .text {
    opacity: 1
}

.home-service-1 .list .box:hover .textC {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.home-service-1 .list .box:hover .title {
    display: block
}

.home-service-1 .list .box:hover .info {
    display: block
}

.home-service-1 .list .box:hover .div-2 {
    display: block
}

.home-service-1 .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-service-1 .list-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-service-1 .list-2 li {
    margin-bottom: .35%
}

.home-service-1 .list-2 li:nth-child(1) {
    width: 25%
}

.home-service-1 .list-2 li:nth-child(2) {
    width: 50%
}

.home-service-1 .list-2 li:nth-child(3) {
    width: 25%
}

.home-service-1 .list-2 .li-1 {
    width: 25%;
    float: left
}

.home-service-1 .list-2 .li-2 {
    width: 50%;
    margin-bottom: .35%;
    float: left
}

.home-service-1 .list-2 .li-3 {
    width: 25%;
    margin-bottom: .35%;
    float: left
}

.home-service-1 .list-2 .box {
    display: block;
    overflow: hidden;
    position: relative
}

.home-service-1 .list-2 .pic {
    display: block;
    overflow: hidden;
    position: relative
}

.home-service-1 .list-2 .pic:after {
    content: "";
    display: block;
    padding-top: 159.8108747%
}

.home-service-1 .list-2 img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-1 .list-2 .text {
    width: 100%;
    height: 100%;
    background: rgba(223, 173, 116, 0.9);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0
}

.home-service-1 .list-2 .textC {
    width: 100%;
    height: 100%;
    padding: 45px 40px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-1 .list-2 .title {
    font-size: 28px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin-bottom: 10px;
    display: none
}

.home-service-1 .list-2 .info {
    font-size: 14px;
    color: #fff;
    display: none;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.home-service-1 .list-2 .div-2 {
    padding: 45px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none
}

.home-service-1 .list-2 .info-2 {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.home-service-1 .list-2 .btn {
    margin-bottom: 20px
}

.home-service-1 .list-2 .btn span {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 130px;
    height: 36px;
    border: 1px solid #fff;
    opacity: .8;
    line-height: 32px;
    border-radius: 18px;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.home-service-1 .list-2 .item {
    padding: 0 3px 6px 3px
}

.home-service-1 .list-2 .item:last-child {
    padding-bottom: 0
}

.home-service-1 .list-2 .item-1 {
    width: 100%;
    clear: both
}

.home-service-1 .list-2 .item-1 .pic:after {
    padding-top: 39.31924883%
}

.home-service-1 .list-2 .item-2 {
    width: 50%;
    float: left
}

.home-service-1 .list-2 .item-2 .pic:after {
    padding-top: 79.19621749%
}

.home-service-1 .list-2 .item-3 .pic:after {
    padding-top: 79.19621749%
}

.home-service-1 .list-2 .box:hover .text {
    opacity: 1
}

.home-service-1 .list-2 .box:hover .textC {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.home-service-1 .list-2 .box:hover .title {
    display: block
}

.home-service-1 .list-2 .box:hover .info {
    display: block
}

.home-service-1 .list-2 .box:hover .div-2 {
    display: block
}

.home-service-1 .list-2 .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-service-2 {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 70px;
    margin-bottom: 70px;
    background-repeat: no-repeat;
    background-position: center top
}

.home-service-2 .home-title {
    color: #fff
}

.home-service-2 .home-title .cn {
    color: #fff
}

.home-service-2 .home-title .en {
    color: #fff
}

.home-service-2 .nr {
    margin-top: 50px
}

.home-service-2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -13px;
    margin-right: -12px
}

.home-service-2 .list li {
    width: 25%;
    float: left;
    padding: 0 12px 0 13px
}

.home-service-2 .list .box {
    display: block;
    background: #fff;
    border-top: 10px #dfad74 solid;
    padding: 20px 40px 70px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-2 .list li:nth-child(2n) .box {
    border-top: none;
    border-bottom: 10px #dfad74 solid
}

.home-service-2 .list .title {
    color: #dfad74;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    margin-bottom: 30px
}

.home-service-2 .list .info {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    min-height: 180px;
    margin-bottom: 20px
}

.home-service-2 .list .btn {
    text-align: center;
    color: #000
}

.home-service-2 .list .btn .iconfont {
    font-size: 24px
}

.home-service-2 .list .box:hover {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
}

.home-service-2 .list .box:hover .btn {
    color: #dfad74
}

.home-service-3 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center top
}

.home-service-3 .nr {
    margin-top: 60px
}

.home-service-3 .list li {
    width: 25%;
    float: left;
    padding: 0 7px 16px 7px
}

.home-service-3 .list li:nth-child(2n) .text {
    color: #6e67d5
}

.home-service-3 .list li:nth-child(3n) .text {
    color: #70c237
}

.home-service-3 .list li:nth-child(4n) .text {
    color: #ea9902
}

.home-service-3 .list .box {
    display: block;
    background: #fff;
    text-align: center;
    position: relative
}

.home-service-3 .list .box:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background .4s;
    transition: background .4s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-3 .list .btn {
    color: #fff;
    font-size: 70px;
    line-height: 70px;
    margin: auto;
    position: absolute;
    z-index: 9;
    top: 10%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-3 .list .pic {
    position: relative
}

.home-service-3 .list .pic:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 139.86013986%
}

.home-service-3 .list .text {
    background: #fff;
    color: #02a2fa;
    padding: 15px 0;
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-3 .list .title {
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-service-3 .list .info {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-service-3 .list .box:hover:after {
    opacity: 1
}

.home-service-3 .list .box:hover .btn {
    opacity: 1;
    top: 50%
}

.home-service-3 .list .box:hover .text {
    -webkit-transform: translateY(90px);
    transform: translateY(90px)
}

.home-service-4 {
    padding-top: 60px;
    padding-bottom: 60px
}

.home-service-4 .nr {
    margin-top: 50px
}

.home-service-4 .home-title .info {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto
}

.home-service-4 .list li {
    width: 25%;
    float: left
}

.home-service-4 .list .box {
    display: block;
    text-align: center
}

.home-service-4 .list .pic {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    display: block;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-4 .list .pic:after {
    content: "";
    display: block;
    padding-top: 100%
}

.home-service-4 .list .pic img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-service-4 .list .text {
    padding: 40px 0 0 0
}

.home-service-4 .list .title {
    color: #333;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-service-4 .list .info {
    color: #666;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 50px
}

.home-service-4 .list .btn span {
    display: inline-block;
    min-width: 100px;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px #919191 solid;
    color: #333
}

.home-service-4 .list .box:hover .pic {
    -webkit-box-shadow: 0 0 0 8px #dfad74;
    box-shadow: 0 0 0 8px #dfad74
}

.home-service-4 .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-service-4 .list .box:hover .title {
    color: #dfad74
}

.home-service-4 .list .box:hover .info {
    color: #dfad74
}

.home-service-4 .list .box:hover .btn span {
    border-color: #dfad74;
    color: #dfad74
}

.home-service-5 {
    padding-top: 60px;
    padding-bottom: 60px
}

.home-service-5 .nr {
    margin-top: 50px;
    padding: 0 100px
}

.home-service-5 .home-title {
    color: #fff
}

.home-service-5 .home-title .cn {
    color: #fff
}

.home-service-5 .home-title .en {
    color: #fff
}

.home-service-5 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-service-5 .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 22px 44px 22px
}

.home-service-5 .list .box {
    display: block;
    position: relative;
    background: #fff;
    border-top: 10px #dfad74 solid;
    padding: 35px 50px 50px 50px;
    min-height: 100%
}

.home-service-5 .list .pic {
    width: 48px;
    height: 56px;
    margin: auto auto 30px auto;
    position: relative
}

.home-service-5 .list .title {
    text-align: center;
    color: #333;
    font-size: 18px
}

.home-service-5 .list .en {
    text-align: center;
    color: #666;
    font-size: 12px;
    margin-bottom: 30px
}

.home-service-5 .list .info {
    text-indent: 2em;
    line-height: 24px
}

.home-service-5 .moreBtn a {
    border-color: #fff;
    color: #fff
}

.home-service-5 .moreBtn a:hover {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.iconpark-icon {
    width: 20px;
    height: 20px
}

.home-news {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ededed
}

.home-news .nr {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-news .left {
    width: 26%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.home-news .left .con {
    background: #fff;
    padding: 17px 60px;
    min-height: 100%
}

.home-news .right {
    width: 74%;
    float: left;
    position: relative
}

.home-news .swiper-button-prev, .home-news .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 1;
    top: 40%;
    background: none;
    position: absolute
}

.home-news .swiper-button-prev:before, .home-news .swiper-button-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 60px
}

.home-news .swiper-button-prev:hover:before, .home-news .swiper-button-next:hover:before {
    color: #dfad74
}

.home-news .swiper-button-prev:before {
    content: "\eb9a"
}

.home-news .swiper-button-next:before {
    content: "\eb9c"
}

.home-news .list-1 li {
    padding-bottom: 20px
}

.home-news .list-1 li:last-child {
    padding-bottom: 0
}

.home-news .list-1 .title {
    color: #666;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px
}

.home-news .list-1 .info {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.home-news .list-2 li {
    width: 25%;
    float: left
}

.home-news .list-2 .box {
    background: #fff;
    display: block
}

.home-news .list-2 .pic {
    display: block;
    overflow: hidden;
    position: relative
}

.home-news .list-2 .pic:after {
    content: "";
    display: block;
    padding-top: 80%
}

.home-news .list-2 img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-news .list-2 .text {
    padding: 20px 30px 20px 30px
}

.home-news .list-2 .title {
    font-size: 18px;
    color: #333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.home-news .list-2 .info {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.home-news .btn {
    color: #333;
    font-size: 12px;
    text-align: right
}

.home-news .btn .iconfont {
    font-size: 24px
}

.home-news .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-news .box:hover .title {
    color: #dfad74
}

.home-news .box:hover .info {
    color: #dfad74
}

.home-news .box:hover .btn {
    color: #dfad74
}

@media screen and (max-width: 1600px) {
    .home-news .left .con {
        padding-left: 30px;
        padding-right: 30px
    }

    .home-news .list-1 .title {
        font-size: 16px;
        height: 24px;
        line-height: 24px
    }
}

@media screen and (max-width: 1440px) {
    .home-news .left .con {
        padding-left: 30px;
        padding-right: 30px
    }

    .home-news .list-1 .title {
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 0
    }

    .home-news .list-1 .info {
        line-height: 20px;
        height: 40px
    }
}

.home-about {
    padding: 100px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.home-about .nr {
    background: rgba(223, 173, 116, 0.8);
    color: #fff;
    font-size: 18px;
    line-height: 2;
    padding: 150px 7% 150px 30%;
    position: relative;
    border-radius: 5px
}

.home-about .nr .left {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home-cqbh {
    padding-top: 60px;
    padding-bottom: 60px
}

.home-cqbh .nr {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden
}

.home-cqbh .youshi {
    margin-top: 60px
}

.home-cqbh .youshi li {
    width: 33.33333333%;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #999;
    padding: 25px 0;
    position: relative;
    border-right: 1px #dcdddd solid
}

.home-cqbh .youshi li:last-child {
    border-right: none
}

.home-cqbh .youshi .num {
    color: #dfad74
}

.home-cqbh .youshi .numBox {
    line-height: 1;
    font-size: 36px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px
}

.home-cqbh .youshi .counter {
    font-size: 70px
}

.home-cqbh .partner {
    margin-top: 70px;
    position: relative
}

.home-cqbh .partner .list li {
    width: 20%;
    float: left;
    padding: 0 7px 14px 7px
}

.home-cqbh .partner .list .box {
    display: block;
    border: 1px #eaeaea solid;
    position: relative
}

.home-cqbh .partner .list .box:after {
    content: "";
    display: block;
    padding-top: 45.23809524%
}

.home-cqbh .partner .list .box:hover {
    border-color: #dfad74
}

.home-cqbh .partner .swiper-button-prev, .home-cqbh .partner .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 1;
    background: none;
    position: absolute
}

.home-cqbh .partner .swiper-button-prev:before, .home-cqbh .partner .swiper-button-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 60px
}

.home-cqbh .partner .swiper-button-prev:hover:before, .home-cqbh .partner .swiper-button-next:hover:before {
    color: #dfad74
}

.home-cqbh .partner .swiper-button-prev {
    left: -80px
}

.home-cqbh .partner .swiper-button-prev:before {
    content: "\eb9a"
}

.home-cqbh .partner .swiper-button-next {
    right: -80px
}

.home-cqbh .partner .swiper-button-next:before {
    content: "\eb9c"
}

@media screen and (max-width: 1440px) {
    .home-cqbh .partner .swiper-button-prev {
        left: 0
    }

    .home-cqbh .partner .swiper-button-next {
        right: 0
    }
}

.home-honor {
    background: #f8f8f8;
    padding-top: 60px;
    padding-bottom: 0
}

.home-honor .nr {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden
}

.home-honor .list {
    margin-left: -40px;
    margin-right: -40px
}

.home-honor .list li {
    width: 25%;
    float: left;
    padding: 0 40px 70px 40px
}

.home-honor .list .box {
    max-width: 100%;
    display: inline-block;
    text-align: left
}

.home-honor .list .pic {
    padding-bottom: 10px;
    border-bottom: 1px #d6d6d6 solid;
    position: relative
}

.home-honor .list .pic img {
    position: static
}

.home-honor .list .title {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-welcome {
    padding-top: 60px;
    padding-bottom: 60px
}

.home-welcome .titleBig {
    text-align: center;
    margin-bottom: 10px
}

.home-welcome .titleBig .cn {
    color: #333;
    font-size: 40px
}

.home-welcome .titleBig .en {
    color: #dfad74;
    font-size: 24px
}

.home-welcome .text {
    text-align: center;
    font-size: 32px
}

.home-welcome .b-1 {
    color: #dfad74
}

.footer {
    background-color: #3d4045;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
    padding-top: 50px
}

.footer img {
    vertical-align: top
}

.footer a {
    color: #fff
}

.footer a:hover {
    color: #fff;
    text-decoration: underline
}

.footer .hd {
    overflow: hidden;
    padding-bottom: 40px
}

.footer .title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px
}

.footer .title a {
    color: #fff
}

.footer .left {
    width: 80%;
    float: left;
    text-align: right
}

.footer .menu {
    text-align: left
}

.footer .menu li {
    width: 16.66666667%;
    float: left;
    padding: 0 10px 0 0
}

.footer .menu li:last-child {
    padding-right: 0
}

.footer .child {
    line-height: 20px
}

.footer .child > div {
    margin-bottom: 10px
}

.footer .child > div:last-child {
    margin-bottom: 0
}

.footer .child a {
    color: #999;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer .child a:hover {
    color: #fff;
    margin-left: 10px
}

.footer .right {
    width: 20%;
    float: left;
    text-align: right
}

.footer .right .logo {
    width: 120px;
    height: 140px;
    margin: auto auto 30px auto
}

.footer .right .text {
    font-size: 14px;
    line-height: 30px;
    color: #fff
}

.footer .footer-contact {
    display: inline-block;
    text-align: center
}

.footer .shareSocial {
    line-height: 30px;
    margin-top: 20px;
    text-align: center
}

.footer .shareSocial a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 38px;
    color: #fff;
    vertical-align: top;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative
}

.footer .shareSocial a:last-child {
    margin-right: 0
}

.footer .shareSocial a:hover {
    text-decoration: none;
    background: #dfad74;
    border-color: #dfad74
}

.copyright {
    background: #fff;
    border-top: 1px rgba(255, 255, 255, 0.1) solid;
    color: #999;
    font-size: 14px;
    line-height: 30px;
    padding: 15px 0;
    text-align: center;
    position: relative
}

.copyright a {
    color: #999
}

.copyright a:hover {
    color: #000
}

.copyright .a-1 {
    margin-left: 10px
}

@media screen and (max-width: 1023px) {
    .copyright {
        line-height: 1.5;
        text-align: left
    }
}

.navSub {
    text-align: center;
    padding-top: 70px
}

.navSub .list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-left: -10px;
    margin-right: -10px
}

.navSub .list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 10px 5px
}

.navSub .list .box {
    display: inline-block;
    min-width: 112px;
    line-height: 30px;
    padding: 0 10px;
    color: #333;
    font-size: 16px;
    position: relative
}

.navSub .list .box span {
    padding-bottom: 5px;
    display: inline-block;
    position: relative
}

.navSub .list .box span:after {
    content: "";
    display: block;
    height: 4px;
    width: 0;
    background: #dfad74;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.navSub .list .box:hover {
    color: #dfad74
}

.navSub .list .box:hover span:after {
    width: 100%
}

.navSub .list .active .box {
    color: #dfad74
}

.navSub .list .active .box span:after {
    width: 100%
}

.navSub-2 {
    text-align: center;
    padding-top: 70px
}

.navSub-2 .list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-left: -10px;
    margin-right: -10px
}

.navSub-2 .list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 10px 5px
}

.navSub-2 .list .box {
    display: inline-block;
    min-width: 140px;
    line-height: 36px;
    border-radius: 38px;
    border: 1px #c7c8ca solid;
    padding: 0 10px;
    color: #333;
    font-size: 18px;
    position: relative
}

.navSub-2 .list .box span {
    display: inline-block;
    position: relative
}

.navSub-2 .list .box:hover {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.navSub-2 .list .active .box {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.product {
    padding-top: 30px;
    padding-bottom: 100px
}

.product .container {
    max-width: 100%
}

.product .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product .list li {
    margin-bottom: .35%;
    width: 25%;
    padding: 0 5px 10px 5px;
    float: left
}

.product .list .box {
    display: block;
    overflow: hidden;
    position: relative
}

.product .list .pic {
    display: block;
    overflow: hidden;
    position: relative
}

.product .list .pic:after {
    content: "";
    display: block;
    padding-top: 79.19621749%
}

.product .list img {
    -webkit-transition: all .5s;
    width: 100%;
    transition: all .5s
}

.product .list .text {
    width: 100%;
    height: 100%;
    background: rgba(223, 173, 116, 0.9);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0
}

.product .list .textC {
    width: 100%;
    height: 100%;
    padding: 45px 40px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.product .list .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    display: none;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product .list .info {
    font-size: 14px;
    color: #fff;
    display: none;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.product .list .div-2 {
    padding: 45px 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none
}

.product .list .info-2 {
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.product .list .btn {
    margin-bottom: 20px
}

.product .list .btn span {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 130px;
    height: 36px;
    border: 1px solid #fff;
    opacity: .8;
    line-height: 32px;
    border-radius: 18px;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.product .list .box:hover .text {
    opacity: 1
}

.product .list .box:hover .textC {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.product .list .box:hover .title {
    display: block
}

.product .list .box:hover .info {
    display: block
}

.product .list .box:hover .div-2 {
    display: block
}

.product .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.product .pageNo {
    padding-top: 90px
}

.yjyf img {
    vertical-align: top
}

.yjyf .fayf {
    background: #ecce9e;
    padding-top: 60px;
    display: none;
    padding-bottom: 70px
}

.yjyf .fayf .nr {
    margin-top: 50px
}

.yjyf .fayf .list {
    margin-left: -20px;
    margin-right: -20px
}

.yjyf .fayf .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 20px 40px 20px
}

.yjyf .fayf .list .box {
    background: #fff;
    border-radius: 5px
}

.yjyf .fayf .list .title {
    padding: 40px 35px
}

.yjyf .fayf .list .en {
    color: #999;
    font-size: 26px;
    font-weight: 700
}

.yjyf .fayf .list .cn {
    color: #dfad74;
    font-size: 24px;
    font-weight: 700
}

.yjyf .fayf .list .pic {
    position: relative
}

.yjyf .fayf .list img {
    width: 100%
}

.yjyf .fayf .list .info {
    text-align: right;
    color: #999;
    font-size: 14px;
    line-height: 22px;
    padding: 35px 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 120px
}

.yjyf .fayf .list .infoC {
    border-right: 10px #dfad74 solid;
    padding: 0 30px;
    min-height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.yjyf .jgsj {
    background-color: #444850;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 60px;
    padding-bottom: 70px
}

.yjyf .jgsj .inside-title {
    color: #fff
}

.yjyf .jgsj .inside-title .cn {
    color: #fff
}

.yjyf .jgsj .inside-title .en {
    color: #fff
}

.yjyf .jgsj .nr {
    margin-top: 50px
}

.yjyf .jgsj .list {
    margin-left: -20px;
    margin-right: -20px
}

.yjyf .jgsj .list li {
    width: 25%;
    float: left;
    padding: 0 10px 20px 10px
}

.yjyf .jgsj .list .box {
    background: #fff;
    border-radius: 5px
}

.yjyf .jgsj .list .title {
    padding: 20px 35px 0 35px
}

.yjyf .jgsj .list .en {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

.yjyf .jgsj .list .cn {
    color: #dfad74;
    font-size: 18px;
    font-weight: 700
}

.yjyf .jgsj .list .pic {
    position: relative
}

.yjyf .jgsj .list img {
    width: 100%
}

.yjyf .jgsj .list .info {
    text-align: right;
    color: #999;
    font-size: 14px;
    line-height: 18px;
    padding: 20px 0 10px 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 120px
}

.yjyf .jgsj .list .infoC {
    padding: 0 20px;
    min-height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.yjyf .sbzz {
    padding-top: 60px;
    display: none;
    padding-bottom: 70px
}

.yjyf .sbzz .nr {
    margin-top: 50px
}

.yjyf .sbzz .list {
    margin-left: -15px;
    margin-right: -15px
}

.yjyf .sbzz .list li {
    width: 50%;
    float: left;
    padding: 0 15px 30px 15px
}

.yjyf .sbzz .list .box {
    display: block;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.yjyf .sbzz .list .text {
    padding: 20px 20px;
    border: 1px #dfad74 solid
}

.yjyf .sbzz .list .title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yjyf .sbzz .list .info {
    color: #999;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yjyf .sbzz .list .pic img {
    width: 100%
}

.yjyf .sbzz .list .box:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.yjyf .sbzz .list .box:hover .title {
    color: #dfad74
}

.yjyf .sbzz .list .box:hover .info {
    color: #dfad74
}

.yjyf .kfsc {
    display: none;
    background-color: #444850;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 60px;
    padding-bottom: 140px
}

.yjyf .kfsc .container {
    max-width: 1400px
}

.yjyf .kfsc .inside-title {
    color: #fff
}

.yjyf .kfsc .inside-title .cn {
    color: #fff
}

.yjyf .kfsc .inside-title .en {
    color: #fff
}

.yjyf .kfsc .nr {
    margin-top: 50px
}

.yjyf .kfsc .list li {
    width: 14.28571429%;
    float: left;
    padding: 0
}

.yjyf .kfsc .list .box {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    width: 200px;
    height: 230px;
    padding-top: 70px;
    margin: auto
}

.yjyf .kfsc .list .title {
    color: #dfad74;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.yjyf .kfsc .list .info {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

@media screen and (max-width: 1400px) {
    .yjyf .kfsc .list .box {
        width: 170px;
        height: 196px;
        padding-top: 50px
    }

    .yjyf .kfsc .list .title {
        font-size: 18px
    }
}

.rjkf img {
    vertical-align: top
}

.rjkf .cprj {
    padding-top: 60px;
    padding-bottom: 60px
}

.rjkf .cprj .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .cprj .nr {
    margin-top: 50px
}

.rjkf .cprj .list {
    margin-left: -14px;
    margin-right: -14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rjkf .cprj .list li {
    width: 25%;
    float: left;
    padding: 0 14px 30px 14px
}

.rjkf .cprj .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #eee
}

.rjkf .cprj .list .text {
    padding: 25px 0
}

.rjkf .cprj .list .pic img {
    width: 100%
}

.rjkf .cprj .list .title {
    margin-bottom: 10px
}

.rjkf .cprj .list .cn {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.rjkf .cprj .list .en {
    font-size: 14px;
    color: #333
}

.rjkf .cprj .list .info {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.rjkf .appyf {
    padding-top: 60px;
    padding-bottom: 140px;
    background-color: #f6f6f6
}

.rjkf .appyf .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .appyf .nr {
    margin-top: 50px;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .appyf .list {
    margin-left: -20px;
    margin-right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rjkf .appyf .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 20px 40px 20px
}

.rjkf .appyf .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff
}

.rjkf .appyf .list .text {
    padding: 25px 40px
}

.rjkf .appyf .list .pic {
    height: 170px;
    position: relative
}

.rjkf .appyf .list .title {
    color: #dfad74;
    font-size: 24px;
    margin-bottom: 10px
}

.rjkf .appyf .list .info {
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.rjkf .appjjfa {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f7f2e2;
    background-repeat: no-repeat;
    background-position: center top
}

.rjkf .appjjfa .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .appjjfa .nr {
    margin-top: 50px
}

.rjkf .appjjfa .list {
    margin-left: -12px;
    margin-right: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rjkf .appjjfa .list li {
    width: 25%;
    float: left;
    padding: 0 12px 24px 12px
}

.rjkf .appjjfa .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff
}

.rjkf .appjjfa .list .text {
    padding: 0 10px
}

.rjkf .appjjfa .list .pic img {
    width: 100%
}

.rjkf .appjjfa .list .title {
    color: #dfad74;
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rjkf .appjjfa .list .info {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.rjkf .jhty {
    padding-top: 60px;
    padding-bottom: 140px;
    background-color: #f6f6f6
}

.rjkf .jhty .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .jhty .nr {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .jhty .list {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rjkf .jhty .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 15px 30px 15px
}

.rjkf .jhty .list .box {
    display: block;
    text-align: center
}

.rjkf .jhty .list .pic {
    position: relative
}

.rjkf .wxkf {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: center top
}

.rjkf .wxkf .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.rjkf .wxkf .nr {
    margin-top: 50px
}

.rjkf .wxkf .list {
    margin-left: -12px;
    margin-right: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rjkf .wxkf .list li {
    width: 25%;
    float: left;
    padding: 0 12px 24px 12px
}

.rjkf .wxkf .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff;
    padding: 20px
}

.rjkf .wxkf .list .pic img {
    width: 100%
}

.rjkf .wxkf .list .text {
    padding: 30px 10px 10px 10px
}

.rjkf .wxkf .list .title {
    margin-bottom: 15px
}

.rjkf .wxkf .list .cn {
    color: #333;
    font-size: 24px;
    margin-bottom: 5px
}

.rjkf .wxkf .list .en {
    color: #999;
    font-size: 12px
}

.rjkf .wxkf .list .info {
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.ppch img {
    vertical-align: top
}

.ppch .ppwz {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px
}

.ppch .ppwz .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.ppch .ppwz .nr {
    margin-top: 50px
}

.ppch .ppwz .list {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ppch .ppwz .list li {
    width: 25%;
    float: left;
    padding: 0 10px 20px 10px
}

.ppch .ppwz .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #eee
}

.ppch .ppwz .list .text {
    padding: 25px 0
}

.ppch .ppwz .list .pic img {
    width: 100%
}

.ppch .ppwz .list .title {
    margin-bottom: 10px;
    color: #dfad74;
    font-size: 24px
}

.ppch .ppwz .list .info {
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.ppch .ppxx {
    padding-top: 60px;
    padding-bottom: 140px;
    background-color: #f6f6f6
}

.ppch .ppxx .inside-title .info {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto
}

.ppch .ppxx .nr {
    margin-top: 50px
}

.ppch .ppxx .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ppch .ppxx .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 45px 40px 45px
}

.ppch .ppxx .list .box {
    display: block;
    min-height: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.ppch .ppxx .list .text {
    padding: 25px 40px
}

.ppch .ppxx .list .title {
    background: #dfad74;
    text-align: center;
    padding: 25px 0;
    position: relative
}

.ppch .ppxx .list .title .cn {
    color: #fff;
    font-size: 24px;
    line-height: 30px
}

.ppch .ppxx .list .title .en {
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.ppch .ppxx .list .title .en-2 {
    line-height: 1;
    font-size: 60px;
    color: #666;
    opacity: .06;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ppch .ppxx .list .info {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    padding: 65px 25px;
    position: relative;
    z-index: 1
}

.ppch .ppxx .list .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 50px
}

.ppch .ppxx .list .p-1 {
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative
}

.ppch .ppxx .list .p-1:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #dfad74;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    left: 0
}

.ppch .ppxx .list .p-1:last-child {
    margin-bottom: 0
}

.ppch .ppxx .list li:nth-child(2n) .title {
    background: #00b5ee
}

.ppch .ppxx .list li:nth-child(2n) .p-1:before {
    background: #00b5ee
}

.ppch .ppxx .list li:nth-child(3n) .title {
    background: #dfad74
}

.ppch .ppxx .list li:nth-child(3n) .p-1:before {
    background: #dfad74
}

.ppch .pptg {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #e5e1c6;
    background-repeat: no-repeat;
    display: none;
    background-position: center top
}

.ppch .pptg .inside-title .info {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto
}

.ppch .pptg .nr {
    margin-top: 50px
}

.ppch .pptg .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ppch .pptg .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 35px 30px 35px
}

.ppch .pptg .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff
}

.ppch .pptg .list .pic img {
    width: 100%
}

.ppch .pptg .list .text {
    padding: 20px 10px
}

.ppch .pptg .list .title {
    color: #dfad74;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ppch .pptg .list .info {
    font-size: 14px;
    color: #333;
    line-height: 30px
}

.ppch .mtyy {
    padding-top: 60px;
    display: none;
    padding-bottom: 60px
}

.ppch .mtyy .inside-title .info {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto
}

.ppch .mtyy .nr {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto
}

.ppch .mtyy .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ppch .mtyy .list li {
    width: 33.33333333%;
    float: left;
    border: 1px #e9e9e9 solid;
    margin-top: -1px;
    margin-left: -1px
}

.ppch .mtyy .list .box {
    display: block;
    padding: 40px 10px;
    text-align: center
}

.ppch .mtyy .list .pic {
    position: relative
}

.ppch .mtyy .list .title {
    font-size: 24px;
    color: #333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cqbh img {
    vertical-align: top
}

.cqbh .sbzc {
    padding-top: 60px;
    padding-bottom: 160px
}

.cqbh .sbzc .inside-title .info {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .sbzc .nr {
    margin-top: 100px
}

.cqbh .sbzc .list {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cqbh .sbzc .list li {
    width: 25%;
    float: left;
    padding: 0;
    border-right: 1px #999 dashed
}

.cqbh .sbzc .list li:last-child {
    border-right: none
}

.cqbh .sbzc .list .box {
    display: block;
    text-align: center;
    min-height: 100%
}

.cqbh .sbzc .list .text {
    padding: 25px 0 0 0
}

.cqbh .sbzc .list .title {
    margin-bottom: 20px
}

.cqbh .sbzc .list .cn {
    font-size: 24px;
    color: #333
}

.cqbh .sbzc .list .en {
    font-size: 12px;
    color: #999
}

.cqbh .sbzc .list .info {
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.cqbh .zlys {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f8f8f8
}

.cqbh .zlys .inside-title .info {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .zlys .nr {
    margin-top: 50px
}

.cqbh .zlys .list {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cqbh .zlys .list li {
    width: 25%;
    float: left;
    padding: 0 15px 30px 15px
}

.cqbh .zlys .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    border: 1px #b9a000 solid
}

.cqbh .zlys .list img {
    width: 100%
}

.cqbh .zlys .list .text {
    padding: 15px 20px 15px 20px
}

.cqbh .zlys .list .title {
    margin-bottom: 15px
}

.cqbh .zlys .list .cn {
    font-size: 24px;
    color: #dfad74
}

.cqbh .zlys .list .en {
    font-size: 14px;
    color: #999
}

.cqbh .zlys .list .info {
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.cqbh .zlsq {
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.cqbh .zlsq .inside-title .title {
    color: #fff
}

.cqbh .zlsq .inside-title .cn {
    color: #fff
}

.cqbh .zlsq .inside-title .en {
    color: #fff
}

.cqbh .zlsq .inside-title .info {
    color: #fff;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .zlsq .nr {
    margin-top: 50px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .zlsq .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.cqbh .zlsq .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 15px 30px 15px
}

.cqbh .zlsq .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff;
    padding: 30px 0
}

.cqbh .zlsq .list .text {
    padding: 20px 10px 0 10px
}

.cqbh .zlsq .list .title {
    color: #333;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cqbh .sjys {
    padding-top: 60px;
    padding-bottom: 60px
}

.cqbh .sjys .inside-title .info {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .sjys .nr {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .sjys .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

.cqbh .sjys .list li {
    width: 50%;
    float: left;
    padding: 0 20px 40px 20px
}

.cqbh .sjys .list .box {
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.cqbh .sjys .list .pic {
    background: #dfad74;
    width: 30%;
    float: left;
    position: relative
}

.cqbh .sjys .list .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 41px 10px
}

.cqbh .sjys .list .title {
    font-size: 24px;
    color: #333;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.cqbh .sjys .list .info {
    font-size: 16px;
    color: #666;
    line-height: 24px
}

.cqbh .sjys .list li:nth-child(2n) .pic {
    background: #05b9ee
}

.cqbh .sjys .list li:nth-child(3n) .pic {
    background: #05b9ee
}

.cqbh .sjys .list li:nth-child(4n) .pic {
    background: #dfad74
}

.cqbh .bqzl {
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.cqbh .bqzl .inside-title .title {
    color: #fff
}

.cqbh .bqzl .inside-title .cn {
    color: #fff
}

.cqbh .bqzl .inside-title .en {
    color: #fff
}

.cqbh .bqzl .inside-title .info {
    color: #fff;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.cqbh .bqzl .nr {
    margin-top: 50px
}

.cqbh .bqzl .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.cqbh .bqzl .list li {
    width: 25%;
    float: left;
    padding: 0 12px 24px 12px
}

.cqbh .bqzl .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff;
    padding: 15px
}

.cqbh .bqzl .list img {
    width: 100%
}

.cqbh .bqzl .list .text {
    padding: 20px 10px 10px 10px
}

.cqbh .bqzl .list .cn {
    color: #333;
    font-size: 24px
}

.cqbh .bqzl .list .en {
    color: #333;
    font-size: 14px
}

.cqbh .qtyw {
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.cqbh .qtyw .nr {
    margin-top: 50px
}

.cqbh .qtyw .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cqbh .qtyw .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 12px 24px 12px
}

.cqbh .qtyw .list .box {
    display: block;
    text-align: center;
    min-height: 100%;
    background: #fff;
    padding: 15px
}

.cqbh .qtyw .list .text {
    padding: 20px 10px 10px 10px
}

.cqbh .qtyw .list .cn {
    color: #333;
    font-size: 24px
}

.cqbh .qtyw .list .en {
    color: #666;
    font-size: 14px
}

.about .container {
    max-width: 1440px
}

.about .profile {
    padding: 110px 0 50px 0;
    font-size: 16px;
    line-height: 36px
}

.about .profile .left {
    float: left;
    width: 40%;
    padding-top: 20px
}

.about .profile .titleBig {
    line-height: 1;
    margin-bottom: 40px;
    position: relative
}

.about .profile .titleBig .en {
    font-size: 90px;
    color: #232323;
    opacity: .1;
    position: absolute;
    bottom: 0;
    left: 0
}

.about .profile .titleBig .cn {
    color: #dfad74;
    font-weight: 700;
    font-size: 36px
}

.about .profile .right {
    float: left;
    width: 55%;
    padding-top: 20px
}

.about .profile .right .pic {
    text-align: center
}

.about .profile .nr {
    overflow: hidden
}

.about .team {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}

.about .team .anchor {
    position: absolute;
    top: 0
}

.about .team .container {
    max-width: 1440px
}

.about .team .nr {
    margin-top: 60px;
    position: relative
}

.about .team .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 18px 36px 18px
}

.about .team .list .box {
    display: block;
    position: relative;
    -webkit-animation: all .5s;
    animation: all .5s
}

.about .team .list .box:hover {
    border-color: #dfad74
}

.about .team .list .pic {
    overflow: hidden;
    position: relative
}

.about .team .list .pic:after {
    content: "";
    display: block;
    padding-top: 120.87912088%
}

.about .team .list .pic img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.about .team .list .text {
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(223, 173, 116, 0.8)), to(rgba(223, 173, 116, 0)));
    background: linear-gradient(to top, rgba(223, 173, 116, 0.8), rgba(223, 173, 116, 0));
    text-align: center;
    color: #fff;
    padding: 45px 0 25px 0;
    position: absolute;
    bottom: -1px;
    left: 0
}

.about .team .list .en {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.about .team .list .cn {
    font-size: 22px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.about .team .list .box:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about .team .swiper-button-prev, .about .team .swiper-button-next {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px #c8caca solid;
    background: none;
    text-align: center;
    position: absolute
}

.about .team .swiper-button-prev:before, .about .team .swiper-button-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 20px
}

.about .team .swiper-button-prev:hover, .about .team .swiper-button-next:hover {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .team .swiper-button-prev:hover:before, .about .team .swiper-button-next:hover:before {
    color: #fff
}

.about .team .swiper-button-prev {
    left: -40px
}

.about .team .swiper-button-prev:before {
    content: "\eb9a"
}

.about .team .swiper-button-next {
    right: -40px
}

.about .team .swiper-button-next:before {
    content: "\eb9c"
}

.about .culture {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 10px
}

.about .culture .list {
    margin-left: -20px;
    margin-right: -20px
}

.about .culture .list li {
    width: 50%;
    float: left;
    padding: 0 20px 50px 20px
}

.about .culture .list .title {
    font-size: 28px;
    color: #fff;
    margin-bottom: 30px
}

.about .culture .list .info {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6)
}

.about .history {
    padding-top: 100px;
    padding-bottom: 60px
}

.about .history .nr {
    margin-top: 60px;
    position: relative
}

.about .history .nr:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 90px;
    left: 0
}

.about .history .list {
    position: relative
}

.about .history .list .box {
    text-align: center;
    padding: 0 10px;
    color: #333
}

.about .history .list .dot {
    display: block;
    width: 45px;
    height: 80px;
    margin: 0 auto 10px auto;
    background: url(../images/icon/sprite.png) no-repeat 0 0
}

.about .history .list .year {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 60px
}

.about .history .list .info {
    font-size: 16px;
    line-height: 34px
}

.about .history .list .swiper-slide-active {
    font-size: 18px;
    line-height: 34px
}

.about .history .list .swiper-slide-active .box {
    color: #dfad74
}

.about .history .list .swiper-slide-active .year {
    color: #dfad74
}

.about .history .list .swiper-slide-active .dot {
    background-position: 0 -90px
}

.about .history .swiper-button-prev, .about .history .swiper-button-next {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px #c8caca solid;
    background: none;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 95px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.about .history .swiper-button-prev:before, .about .history .swiper-button-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px
}

.about .history .swiper-button-prev:hover, .about .history .swiper-button-next:hover {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .history .swiper-button-prev:hover:before, .about .history .swiper-button-next:hover:before {
    color: #fff
}

.about .history .swiper-button-prev {
    left: -30px;
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .history .swiper-button-prev:before {
    content: "\eb9a"
}

.about .history .swiper-button-next {
    right: -30px;
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .history .swiper-button-next:before {
    content: "\eb9c"
}

.about .honor {
    padding-top: 60px;
    padding-bottom: 60px
}

.about .honor .nr {
    margin-top: 60px;
    position: relative
}

.about .honor .list li {
    width: 25%;
    float: left;
    padding: 0 15px 30px 15px
}

.about .honor .list .box {
    display: block;
    position: relative;
    border: 2px #ddd solid;
    -webkit-animation: all .5s;
    animation: all .5s
}

.about .honor .list .box:hover {
    border-color: #dfad74
}

.about .honor .list .pic {
    position: relative
}

.about .honor .list .pic:after {
    content: "";
    display: block;
    padding-top: 126.47058824%
}

.about .honor .swiper-button-prev, .about .honor .swiper-button-next {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px #c8caca solid;
    background: none;
    text-align: center;
    position: absolute
}

.about .honor .swiper-button-prev:before, .about .honor .swiper-button-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px
}

.about .honor .swiper-button-prev:hover, .about .honor .swiper-button-next:hover {
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .honor .swiper-button-prev:hover:before, .about .honor .swiper-button-next:hover:before {
    color: #fff
}

.about .honor .swiper-button-prev {
    left: -40px;
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .honor .swiper-button-prev:before {
    content: "\eb9a"
}

.about .honor .swiper-button-next {
    right: -40px;
    border-color: #dfad74;
    background: #dfad74;
    color: #fff
}

.about .honor .swiper-button-next:before {
    content: "\eb9c"
}

@media screen and (max-width: 1600px) {
    .about .container {
        max-width: 1200px
    }
}

.page {
    clear: both;
    text-align: center;
    font-size: 0;
    font-family: arial;
    line-height: 16px
}

.page em {
    font-style: normal;
    font-size: 14px;
    line-height: 38px;
    vertical-align: top
}

.page a, .page span {
    color: #333;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    min-width: 40px;
    line-height: 40px;
    height: 40px;
    -webkit-box-shadow: 0 0 0 1px #e6e6e6;
    box-shadow: 0 0 0 1px #e6e6e6;
    margin: 0 5px;
    padding: 0 0;
    vertical-align: top
}

.page a .iconfont, .page span .iconfont {
    vertical-align: top;
    margin-right: 5px;
    margin-left: 5px;
    top: -1px;
    position: relative
}

.page a.cur, .page span.cur, .page a.active, .page span.active, .page a:hover, .page span:hover {
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: #dfad74;
    color: #fff
}

.page a.cur svg, .page span.cur svg, .page a.active svg, .page span.active svg, .page a:hover svg, .page span:hover svg {
    fill: #fff
}

.page a.prev, .page span.prev, .page a.next, .page span.next {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 1023px) {
    .page a, .page span {
        display: none
    }

    .page .prev, .page .next {
        display: inline-block
    }
}

.pageNo {
    text-align: center
}

.pageNo span {
    display: inline-block;
    background: #e3e3e3;
    line-height: 40px;
    min-width: 300px;
    border-radius: 5px;
    font-size: 16px;
    color: #999
}

.news {
    padding-top: 50px;
    padding-bottom: 100px
}

.news .list li {
    border-bottom: 1px #eee solid
}

.news .list .box {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 180px 30px 30px;
    position: relative
}

.news .list .pic {
    width: 260px;
    overflow: hidden;
    position: relative
}

.news .list .pic:after {
    content: "";
    display: block;
    padding-top: 80%
}

.news .list .pic img {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.news .list .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px;
    float: right;
    padding-top: 30px
}

.news .list .title {
    color: #333;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 20px
}

.news .list .info {
    color: #999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 10px
}

.news .list .info-2 {
    color: #999;
    font-size: 12px;
    line-height: 30px
}

.news .list .date-more {
    position: absolute;
    top: 60px;
    right: 30px
}

.news .list .date {
    margin-bottom: 10px;
    line-height: 1;
    text-align: center;
    color: #999
}

.news .list .date .day {
    display: block;
    padding: 0 10px;
    font-size: 38px
}

.news .list .date .year {
    font-size: 14px
}

.news .list .more a, .news .list .more span {
    display: inline-block;
    min-width: 90px;
    text-align: center;
    padding: 0 10px;
    color: #999;
    border: 1px #ccc solid;
    border-radius: 5px;
    line-height: 26px
}

.news .list .box:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1)
}

.news .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news .list .box:hover .title {
    color: #dfad74
}

.news .list .box:hover .more a, .news .list .box:hover .more span {
    background: #dfad74;
    color: #fff;
    border-color: #dfad74
}

.news .page {
    padding-top: 100px
}

@media screen and (max-width: 1599px) {
    .news {
        padding-top: 30px;
        padding-bottom: 80px
    }

    .news .page {
        padding-top: 80px
    }
}

@media screen and (max-width: 1023px) {
    .news {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .news .list li {
        width: 100%;
        padding: 0 0 30px 0
    }

    .news .list .box {
        display: block;
        padding: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .news .list .pic {
        width: 100%
    }

    .news .list .pic img {
        width: 100%;
        position: static
    }

    .news .list .pic:after {
        display: none
    }

    .news .list .text {
        position: static;
        width: 100%;
        clear: left;
        padding: 20px 0 0 0
    }

    .news .list .title {
        font-size: 16px;
        margin-bottom: 0
    }

    .news .list .info {
        margin-bottom: 5px
    }

    .news .list .info-2 {
        margin-bottom: 5px
    }

    .news .list .date-more {
        position: static;
        clear: both
    }

    .news .list .date {
        display: none;
        text-align: left
    }

    .news .list .date .day {
        display: inline-block;
        font-size: 14px;
        padding: 0
    }

    .news .list .date .year {
        display: inline-block;
        font-size: 14px
    }

    .news .list .more a, .news .list .more span {
        font-size: 12px;
        border-radius: 3px
    }

    .news .page {
        padding-top: 40px
    }
}

.news-show, .product-show {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 80px
}

.news-show .nr, .product-show .nr {
    border-bottom: 1px #d0d0d0 dashed;
    padding-top: 80px;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.news-show .p-1, .product-show .p-1 {
    font-weight: 700;
    color: #dfad74;
    font-size: 20px;
    margin-bottom: 20px
}

.news-show .p-1 span, .product-show .p-1 span {
    border-left: 5px #dfad74 solid;
    padding-left: 10px
}

.news-show .p-2, .product-show .p-2 {
    font-weight: 700;
    color: #333;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.news-show .shareSocial, .product-show .shareSocial {
    line-height: 40px;
    margin-bottom: 40px
}

.news-show .shareSocial .bt, .product-show .shareSocial .bt {
    font-size: 16px;
    color: #c3c3c3
}

.news-show .shareSocial a, .product-show .shareSocial a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 38px;
    border: 1px transparent solid;
    background-color: #efefef;
    color: #b3b3b3;
    vertical-align: top;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative
}

.news-show .shareSocial a:last-child, .product-show .shareSocial a:last-child {
    margin-right: 0
}

.news-show .shareSocial a:hover, .product-show .shareSocial a:hover {
    text-decoration: none;
    background: #dfad74;
    border-color: #dfad74;
    color: #fff
}

.news-show .shareSocial a:hover .open, .product-show .shareSocial a:hover .open {
    display: block
}

.news-show .shareSocial a .open, .product-show .shareSocial a .open {
    display: none;
    padding-bottom: 15px;
    position: absolute;
    z-index: 999;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.news-show .shareSocial a .open .openCon, .product-show .shareSocial a .open .openCon {
    cursor: initial;
    background: #dfad74;
    border: 1px #dfad74 solid;
    padding: 4px 4px 4px 4px;
    text-align: center;
    color: #666;
    font-size: 14px;
    position: relative
}

.news-show .shareSocial a .open .openCon:after, .product-show .shareSocial a .open .openCon:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #dfad74;
    border-right: 1px #dfad74 solid;
    border-bottom: 1px #dfad74 solid;
    position: absolute;
    z-index: -1;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.news-show .shareSocial a .open img, .product-show .shareSocial a .open img {
    max-width: 170px;
    vertical-align: middle
}

.news-show .shareSocial .iconfont, .product-show .shareSocial .iconfont {
    font-size: 22px
}

.news-show .shareSocial .icon-weibo, .product-show .shareSocial .icon-weibo {
    font-size: 24px
}

.news-show .hd {
    background: #f7f7f7;
    padding-top: 40px;
    border-bottom: 1px #dcdcdc dashed
}

.news-show .show-title {
    color: #333;
    text-align: center;
    font-size: 46px;
    font-weight: 400;
    margin-bottom: 10px
}

.news-show .show-info {
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 10px;
    padding-bottom: 60px;
    position: relative
}

.news-show .show-info .icon {
    width: 48px;
    height: 8px;
    border-top: 1px #dfad74 solid;
    margin: auto;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0
}

.news-show .show-info .icon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #dfad74 transparent transparent transparent;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.news-show .show-info .icon:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #f7f7f7 transparent transparent transparent;
    margin: auto;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0
}

.news-show .show-info .date {
    position: relative
}

.news-show .show-info .date:after {
    content: "";
    width: 1px;
    height: 22px;
    background: #dcdcdc;
    display: inline-block;
    vertical-align: top;
    margin: 3px 10px
}

.news-show .show-info .iconfont {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: top
}

.product-show {
    padding-top: 40px
}

.product-show .show-title {
    color: #333;
    text-align: center;
    font-size: 46px;
    font-weight: 400
}

.product-show .nr {
    padding-top: 40px
}

.prev-next-return {
    overflow: hidden;
    position: relative;
    font-size: 16px
}

.prev-next-return a {
    color: #333;
    display: block;
    height: 64px;
    line-height: 64px;
    overflow: hidden
}

.prev-next-return em {
    font-style: initial
}

.prev-next-return .prev, .prev-next-return .next {
    width: 40%;
    height: 64px;
    line-height: 64px;
    float: left;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.prev-next-return .prev a, .prev-next-return .next a {
    background-color: #efefef;
    color: #333;
    padding: 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.prev-next-return .prev .iconfont, .prev-next-return .next .iconfont {
    font-size: 20px;
    vertical-align: middle;
    display: inline-block
}

.prev-next-return .prev:hover a, .prev-next-return .next:hover a {
    background-color: #dfad74;
    color: #fff
}

.prev-next-return .prev {
    padding-right: 2px;
    text-align: left
}

.prev-next-return .prev .iconfont {
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 40px
}

.prev-next-return .prev a {
    padding-left: 80px
}

.prev-next-return .next {
    padding-left: 2px;
    text-align: right
}

.prev-next-return .next .iconfont {
    margin-left: 10px;
    position: absolute;
    top: 0;
    right: 40px
}

.prev-next-return .next a {
    padding-right: 80px
}

.prev-next-return .return {
    width: 20%;
    float: left
}

.prev-next-return .return a {
    display: block;
    background-color: #efefef;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #333
}

.prev-next-return .return a:hover {
    background: #dfad74;
    color: #fff
}

.prev-next-return .return .iconfont {
    margin-right: 10px;
    font-size: 16px
}

@media screen and (max-width: 1599px) {
    .prev-next-return {
        font-size: 14px
    }
}

@media screen and (max-width: 1023px) {
    .prev-next-return {
        font-size: 14px
    }

    .prev-next-return a {
        height: 40px;
        line-height: 40px
    }

    .prev-next-return .prev, .prev-next-return .next {
        height: 40px;
        line-height: 40px;
        width: 33.33333333%
    }

    .prev-next-return .prev a, .prev-next-return .next a {
        padding: 0 15px;
        text-align: center
    }

    .prev-next-return .prev .iconfont, .prev-next-return .next .iconfont {
        font-size: 16px;
        position: static;
        vertical-align: top;
        margin-right: 5px
    }

    .prev-next-return .prev em, .prev-next-return .next em {
        display: none
    }

    .prev-next-return .prev a {
        padding-left: 5px;
        padding-right: 5px
    }

    .prev-next-return .next a {
        padding-left: 5px;
        padding-right: 5px
    }

    .prev-next-return .return {
        height: 40px;
        line-height: 40px;
        width: 33.33333333%
    }

    .prev-next-return .return a {
        height: 40px;
        line-height: 40px
    }

    .prev-next-return .return .icon-caidan {
        font-size: 14px
    }
}

.contact {
    padding: 60px 0;
    line-height: 2
}

.contact .left {
    width: 50%;
    float: left
}

.contact .right {
    width: 50%;
    float: left
}

.contact .titleBig {
    line-height: 1.5;
    margin-bottom: 100px
}

.contact .titleBig .cn {
    font-size: 24px;
    font-weight: 700
}

.contact .titleBig .en {
    font-size: 14px
}

.contact .p-1 {
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative
}

.contact .p-1:last-child {
    margin-bottom: 0
}

.contact .p-1 .iconfont {
    font-size: 20px;
    line-height: 1;
    color: #dfad74;
    position: absolute;
    top: 3px;
    left: 0
}

#allmap {
    width: 100%;
    height: 400px
}

#allmap img {
    max-width: inherit;
    max-height: inherit
}

#allmap .anchorBL {
    display: none
}

@media screen and (max-width: 1023px) {
    #allmap {
        height: 300px
    }
}

.transparent {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0
}

.ewmPopup {
    position: relative;
    z-index: 999;
    color: #333;
    display: none
}

.ewmPopup .transparent {
    display: block
}

.ewmPopup .ewmPopupCon {
    text-align: center;
    background: #fff;
    border-radius: 5px;
    width: 300px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ewmPopup .ewmPopupCon .close {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0
}

.ewmPopup .title {
    font-size: 22px;
    line-height: 2;
    padding: 10px 0
}

.ewmPopup .tips {
    padding: 10px 0;
    line-height: 2
}

.floatRight .box {
    display: block;
    cursor: pointer;
    position: fixed;
    z-index: 999;
    bottom: 50px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #000
}

.floatRight .box:hover {
    background: #dfad74;
    color: #fff
}

.floatRight .iconfont {
    font-size: 24px
}

.privacy_policy {
    font-size: 14px;
    line-height: 1.75;
    padding: 40px 0 60px 0
}

.privacy_policy .p-1 {
    font-size: 20px
}

.privacy_policy .p-2 {
    font-size: 16px
}

.privacy_policy_title {
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px
}

#privacyPopup {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

#privacyPopup .transparent {
    z-index: 999
}

#privacyPopup .con {
    background: #fff;
    width: 90%;
    max-width: 1000px;
    font-size: 14px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#privacyPopup .privacyHd {
    width: 100%;
    position: relative;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f3f3f3
}

#privacyPopup .privacyHd .title {
    width: 100%;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px
}

#privacyPopup .privacyHd .closeBtn-1 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    color: #c5c5c5;
    cursor: pointer
}

#privacyPopup .privacyHd .closeBtn-1:hover {
    color: #f00
}

#privacyPopup .privacyTitle {
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px
}

#privacyPopup .p-1 {
    font-size: 20px
}

#privacyPopup .p-2 {
    font-size: 16px
}

#privacyPopup .privacyBd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 480px;
    padding: 20px 30px;
    overflow: auto;
    position: relative
}

#privacyPopup .privacyFt {
    width: 100%;
    padding: 10px 0;
    margin-top: 20px;
    text-align: center;
    border-top: 1px #eee solid
}

#privacyPopup .closeBtn-2 {
    display: inline-block;
    margin: 0 auto;
    width: auto;
    min-width: 160px;
    height: 40px;
    background: #e22;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

#privacyPopup .closeBtn-2:hover {
    background: #f00
}

.site-map {
    margin: 40px auto 40px auto;
    font-size: 16px;
    overflow: hidden
}

.site-map dl {
    border: #d6dbe1 solid 1px;
    border-top: #dfad74 solid 2px;
    border-bottom: none;
    margin: 20px 0 20px 0
}

.site-map dl dt {
    background: #fcfcfc;
    color: #dfad74;
    font-size: 16px;
    line-height: 50px;
    border-bottom: #d6dbe1 solid 1px;
    padding: 0 0 0 20px;
    width: 100%;
    text-align: left;
    clear: both
}

.site-map dl dt a {
    color: #333
}

.site-map dl dt a:hover {
    color: #dfad74
}

.site-map dl dt img {
    margin-left: 20px
}

.site-map dl dd {
    line-height: 40px;
    overflow: hidden;
    padding-top: 10px;
    clear: both
}

.site-map dl dd .p2 {
    padding: 10px 0 0 20px;
    clear: both
}

.site-map dl dd .p2 a {
    color: #dfad74;
    font-weight: bold;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.site-map dl dd .p2 a:hover {
    color: #dfad74
}

.site-map dl dd > div {
    clear: both;
    overflow: hidden;
    line-height: 40px;
    border-bottom: #d6dbe1 solid 1px;
    padding: 10px 20px 20px 10px
}

.site-map dl dd > div a {
    color: #333;
    float: left;
    padding: 0 10px 0 10px
}

.site-map dl dd > div a:hover {
    color: #dfad74;
    background: #dfad74;
    color: #fff
}

.site-map dl:hover {
    background: rgba(47, 49, 139, 0.05)
}

@media screen and (max-width: 1023px) {
    .site-map {
        font-size: 14px
    }

    .site-map dl dt {
        font-size: 14px
    }
}

@media screen and (max-width: 1440px) {
    .home-service-1 .list-2 .title {
        height: 30px;
        line-height: 30px;
        font-size: 24px
    }

    .home-service-1 .list-2 .textC {
        padding: 25px 20px
    }

    .home-service-1 .list-2 .div-2 {
        padding: 25px 20px
    }

    .home-service-1 .list-2 .btn {
        margin-bottom: 10px
    }

    .home-service-1 .list-2 .btn span {
        height: 30px;
        line-height: 28px;
        width: 100px
    }

    .home-service-1 .list-2 .info-2 {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .home-service-1 .list .title {
        height: 30px;
        line-height: 30px;
        font-size: 24px
    }

    .home-service-1 .list .textC {
        padding: 25px 20px
    }

    .home-service-1 .list .div-2 {
        padding: 25px 20px
    }

    .home-service-1 .list .btn {
        margin-bottom: 10px
    }

    .home-service-1 .list .btn span {
        height: 30px;
        line-height: 28px;
        width: 100px
    }

    .home-service-1 .list .info-2 {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .product .list .textC {
        padding: 25px 20px
    }

    .product .list .title {
        height: 30px;
        line-height: 30px;
        font-size: 24px
    }

    .product .list .div-2 {
        padding: 25px 20px
    }

    .product .list .info-2 {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .product .list .btn {
        margin-bottom: 10px
    }

    .product .list .btn span {
        height: 30px;
        line-height: 28px;
        width: 100px
    }
}

.transparent {
    display: none;
    position: fixed;
    z-index: 9;
    top: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

#searchPopup {
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
    z-index: 9999
}

#searchPopup .searchBox {
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
    top: 130px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

#searchPopup .searchBox.fadeIn {
    top: 100px;
    opacity: 1;
    z-index: 999
}

#searchPopup .searchBox .container {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    -webkit-transform: translateX(-70px);
    transform: translateX(-70px)
}

#searchPopup .searchBox input {
    border: 1px #fff solid;
    background: #fff;
    color: #333;
    width: 40%;
    padding: 0 10px;
    font-size: 14px;
    height: 36px;
    line-height: 34px
}

#searchPopup .searchBox input:focus {
    color: #333
}

#searchPopup .searchBox .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    height: 36px;
    width: 36px;
    background: #dfad74;
    text-align: center
}

#searchPopup .searchBox .btn svg {
    width: 20px;
    height: 20px;
    margin: 8px auto 0 auto
}

#searchPopup .searchBox .btn .cls-1 {
    fill: #fff
}

#searchPopup .searchBox .btn .cls-2 {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px
}

#searchPopup .searchBox .close {
    display: none
}

#searchPopup .searchBox2.fadeIn {
    top: 95px
}

@media screen and (max-width: 1023px) {
    #searchPopup .searchBox .container {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    #searchPopup .searchBox input {
        width: 100%
    }

    #searchPopup .searchBox .btn {
        right: 15px
    }
}

.home-honor .nr {
    margin-top: 20px;
    margin-bottom: 50px
}

.nav li > a span {
    min-width: auto
}

.nav li:hover > a span, .nav li.active > a span {
    color: #966305;
    font-weight: bold
}

.nav li > a span:after {
    background: #966305
}

.home-service-1 .container {
    max-width: 100%;
    padding: 0
}

.home-service-1 .list img {
    width: 100%
}

@media screen and (max-width: 1600px) {
    .home-service-1 .container {
        padding: 0
    }
}

.home-service .list li:nth-child(1) {
    padding: 0 1px 2px 0
}

.home-service .list li:nth-child(2) {
    padding: 0 1px 2px 1px
}

.home-service .list li:nth-child(3) {
    padding: 0 0 2px 1px
}

.home-service .list li:nth-child(4) {
    padding: 0 1px 2px 0
}

.home-service .list li:nth-child(5) {
    padding: 0 1px 2px 1px
}

.home-service .list li:nth-child(6) {
    padding: 0 0 2px 1px
}

.home-service .list img {
    width: 100%
}

.home-service .list .pic:after {
    padding-top: 70.5%
}

.home-service-1 .list .item {
    padding: 0 1px 2px 1px
}

.home-service-1 .list li {
    margin-bottom: 2px
}

.home-service-1 .list .li-3 {
    margin-bottom: 2px
}

.home-service-1 .list .li-2 {
    margin-bottom: 2px
}

@media screen and (max-width: 1440px) {
    .header > .container {
        padding-right: 80px
    }

    .header .other {
        width: 80px
    }
}

.online-style .tt-online .action[data-v-36cbca12] {
    background-image: url(/template/index/pc//images/ttalkbg.png) !important;
    background-size: cover !important;
    border-radius: initial !important;
    width: 120px !important;
    height: 120px !important
}

.online-style .tt-online[data-v-36cbca12] {
    width: auto !important;
    height: auto !important;
    border-radius: 3px !important;
    background: initial !important
}

.tt-hi-icon[data-v-36cbca12]:after {
    display: none !important
}

.online-style .online-hover[data-v-36cbca12] {
    display: none !important
}

.online-style[data-v-36cbca12] {
    top: 70% !important
}

@media (max-width: 1199px) {
    .header {
        height: 50px;
        padding: 0 20px;
        background: #fff
    }

    .header .logo {
        height: 30px;
        margin-top: 10px
    }

    .header .logo img {
        max-height: 25px
    }

    .banner {
        margin-top: 50px
    }

    .nav {
        display: none
    }

    .navbar {
        display: none
    }

    .footer .left {
        display: none
    }

    .footer .right {
        width: 100%;
        float: none;
        text-align: center
    }

    .about .profile .titleBig .en {
        font-size: 50px
    }

    .about .profile .titleBig .cn {
        font-size: 24px
    }

    .about .profile .titleBig {
        margin-bottom: 10px
    }

    .about .profile .left {
        width: 100%;
        float: none;
        line-height: 24px;
        font-size: 14px
    }

    .about .profile .right {
        width: 100%;
        float: none
    }

    .about .profile {
        padding-top: 60px;
        padding-bottom: 0
    }

    .about .team .nr {
        margin-top: 30px
    }

    .about .team .swiper-button-prev {
        left: -30px
    }

    .inside-title-2 .cn {
        font-size: 24px
    }

    .about .team {
        padding: 40px 0;
        padding-left: 30px;
        padding-right: 30px
    }

    .about .team .list li {
        padding: 10px
    }

    .about .team .swiper-button-next {
        right: -30px
    }

    .about .team .list .cn {
        font-size: 18px
    }

    .about .culture .list .title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .about .culture .list {
        margin: 0 30px
    }

    .about .culture .list .info {
        font-size: 16px
    }

    .about .history {
        padding: 40px 0
    }

    .about .history .swiper-button-prev {
        left: 0
    }

    .about .history .swiper-button-next {
        right: 0
    }

    .about .honor .swiper-button-prev {
        left: -30px
    }

    .about .honor .swiper-button-next {
        right: -30px
    }

    .about .honor .nr {
        margin: 0 30px;
        margin-top: 20px
    }

    .about .honor .list li {
        padding: 10px
    }
}

@media (max-width: 768px) {
    .yjyf .jgsj .list .title {
        padding-left: 20px;
        padding-right: 10px
    }

    .yjyf .jgsj {
        padding: 40px 0
    }

    .yjyf .jgsj .list {
        margin: 0 -5px
    }

    .yjyf .jgsj .nr {
        margin-top: 40px
    }

    .yjyf .jgsj .list .cn {
        font-size: 15px
    }

    .yjyf .jgsj .list li {
        width: 50%;
        padding: 5px
    }

    .news-show, .product-show {
        padding-bottom: 40px
    }

    .news-show, .product-show {
        font-size: 14px !important;
        line-height: 24px !important
    }

    .product-show .show-title {
        font-size: 18px
    }

    .home-service .list li {
        width: 50%;
        padding: 1px !important
    }

    .home-service {
        padding-top: 20px
    }

    .home-service .nr {
        margin-top: 20px
    }

    .home-service .list .title {
        font-size: 24px
    }

    .home-service .list .info {
        font-size: 16px
    }

    .home-service-1 {
        padding-top: 40px;
        padding-bottom: 0
    }

    .home-service-1 .nr {
        margin-top: 40px
    }

    .home-service-2 {
        padding-bottom: 0;
        margin-top: 40px;
        padding-top: 40px;
        margin-bottom: 0
    }

    .home-service-2 .list li {
        width: 50%
    }

    .home-service-2 .list .box {
        padding-bottom: 20px
    }

    .home-service-3 {
        padding: 40px 0
    }

    .home-service-3 .nr {
        margin-top: 40px
    }

    .home-service-3 .list .title {
        font-size: 18px
    }

    .home-service-4, .home-news {
        padding: 40px 0
    }

    .home-service-4 .list .pic {
        width: auto;
        height: auto
    }

    .home-service-5 .nr {
        padding: 0
    }

    .home-service-5 .list li {
        padding-bottom: 20px;
        width: 100%
    }

    .home-service-5 .list li .box {
        padding: 25px
    }

    .home-service-5 .list li .en {
        margin-bottom: 10px
    }

    .home-news .left {
        width: 100%;
        float: none
    }

    .home-news .right {
        width: 100%;
        float: none;
        padding: 0 15px;
        margin-top: 20px
    }

    .home-about {
        padding: 50px 0
    }

    .home-about .nr {
        padding: 20px;
        font-size: 14px
    }

    .home-cqbh {
        padding: 40px 0
    }

    .home-cqbh .youshi .counter {
        font-size: 30px
    }

    .home-cqbh .youshi {
        margin-top: 40px
    }

    .home-cqbh .youshi li {
        font-size: 12px;
        padding: 0
    }

    .home-cqbh .partner {
        margin-top: 40px
    }

    .home-honor .list li {
        padding: 5px
    }

    .home-honor .list .title {
        font-size: 14px;
        padding-left: 5px
    }

    .home-welcome {
        padding-top: 0;
        padding-bottom: 40px
    }

    .home-welcome .titleBig .cn {
        font-size: 24px
    }

    .home-welcome .text {
        font-size: 18px
    }

    .home-honor {
        padding-top: 40px
    }

    .navSub {
        padding-top: 20px;
        text-align: left
    }

    .navSub .list li {
        padding: 0
    }

    .product .pageNo {
        padding-top: 40px
    }

    .product {
        padding-bottom: 50px;
        padding-top: 10px
    }

    .product .list .title {
        font-size: 16px;
        text-align: center;
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }

    .product .list .info, .product .list .div-2 {
        display: none !important
    }

    .address, .other {
        display: none
    }

    .rjkf .cprj .list {
        margin: 0 10px
    }

    .rjkf .cprj .list li {
        width: 50%;
        padding: 10px
    }

    .rjkf .cprj {
        padding: 40px 0
    }

    .rjkf .cprj .nr {
        margin-top: 20px
    }

    .home-title .info, .inside-title .info {
        margin-top: 20px;
        line-height: 24px
    }

    .rjkf .appyf .list {
        margin: 0 -10px
    }

    .rjkf .appyf .list li {
        padding: 10px
    }

    .rjkf .appyf {
        padding: 40px 0
    }

    .rjkf .appyf .nr {
        margin-top: 20px
    }

    .rjkf .appyf .list .text {
        padding: 20px
    }

    .rjkf .appjjfa {
        padding: 40px 0
    }

    .rjkf .appjjfa .list {
        margin: 0 -10px
    }

    .rjkf .appjjfa .nr {
        margin-top: 20px
    }

    .rjkf .appjjfa .list li {
        padding: 10px
    }

    .rjkf .appjjfa .list .title {
        font-size: 16px;
        height: 50px;
        line-height: 50px
    }

    .rjkf .jhty, .rjkf .wxkf {
        padding: 40px 0
    }

    .rjkf .wxkf {
        padding-top: 0
    }

    .rjkf .jhty .nr, .rjkf .wxkf .nr {
        margin-top: 20px
    }

    .rjkf .jhty .list, .rjkf .wxkf .list {
        margin: 0 -10px
    }

    .rjkf .jhty .list li, .rjkf .wxkf .list li {
        padding: 10px
    }

    .rjkf .wxkf .list li {
        width: 50%
    }

    .rjkf .wxkf .list .text {
        padding: 0;
        padding-top: 20px
    }

    .rjkf .wxkf .list .cn {
        font-size: 20px
    }

    .ppch .ppwz, .ppch .ppxx {
        padding: 40px 0
    }

    .ppch .ppwz .list li, .ppch .ppxx .list li {
        width: 50%
    }

    .ppch .ppxx .nr {
        margin-top: 20px
    }

    .ppch .ppxx .list li {
        padding: 5px
    }

    .ppch .ppwz .nr {
        margin-top: 20px
    }

    .ppch .ppwz .list .title {
        font-size: 18px
    }

    .ppch .ppxx .list .info {
        font-size: 14px;
        padding: 10px
    }

    .ppch .ppxx .list .p-1 {
        margin-bottom: 0;
        padding-left: 20px
    }

    .about .team {
        padding: 40px 0
    }
}

@media (max-width: 768px) and (max-width: 500px) {
    .home-service-2 .list li {
        width: 100%;
        margin-bottom: 20px
    }

    .home-service-2 .list li .box {
        border: 0 !important
    }
}

@media (max-width: 768px) and (max-width: 500px) {
    .home-service-2 .list .info {
        min-height: auto
    }
}

@media (max-width: 640px) {
    .product .list li {
        width: 50%;
        padding: 0 1px 0px 1px;
    }

    .home-service .list li .title, .home-service .list li .info {
        font-size: 14px;
        line-height: 18px;
        height: 18px;
    }

    .home-service .list li .info {
        display: none
    }

    .home-service-3 .list li {
        width: 50%
    }

    .home-title .info, .inside-title .info {
        margin-top: 20px;
        line-height: 22px
    }

    .home-service-4 .list li {
        width: 50%;
        padding: 15px
    }

    .home-service-4 .list .text {
        padding-top: 20px
    }

    .home-service-4 .list .info {
        margin-bottom: 10px
    }

    .about .honor {
        padding: 0;
        padding-bottom: 40px
    }
}

@media (max-width: 500px) {
    .home-service-1 .list .li-1, .home-service-1 .list .li-2, .home-service-1 .list .li-3, .home-service-1 .list-2 li {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        padding: 1px !important;
        padding-bottom: 0 !important
    }

    .home-service-1 .list .item {
        padding: 0 !important;
    }

    .home-service-1 .list .li-1, .home-service-1 .list .li-2, .home-service-1 .list .li-3, .home-service-1 .list-2 li:first-child {
        margin-bottom: 0 !important
    }

    .home-service-1 .list .li-1, .home-service-1 .list .li-2, .home-service-1 .list .li-3, .home-service-1 .list-2 .item-1 {
        margin-bottom: 0 !important
    }

    .rjkf .cprj .list {
        margin: 0 -5px
    }

    .rjkf .cprj .list li {
        padding: 5px
    }

    .rjkf .cprj .list .info {
        display: none
    }

    .rjkf .appyf .list li {
        width: 100%
    }

    .rjkf .appjjfa .list li, .rjkf .jhty .list li {
        width: 50%
    }

    .rjkf .wxkf .list .box {
        padding: 0
    }

    .rjkf .wxkf .list .info {
        display: none
    }

    .ppch .ppxx .list li {
        width: 100%
    }

    .about .team .swiper-button-prev {
        left: 20px
    }

    .about .team .swiper-button-next {
        right: 20px
    }

    .about .culture .list {
        margin: 0
    }

    .about .culture .list li {
        padding: 0;
        min-height: 150px;
        padding: 0 10px
    }
}

.navPhoneBtn {
    display: inline-block;
    cursor: pointer;
    float: right;
    padding-top: 20px;
    text-align: right;
    display: none
}

.navPhoneBtn span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 4px;
    position: relative;
    background: #dfad74;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 20px;
    transform-origin: 20px;
    -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}

.navPhoneBtn span:nth-last-child(2) {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: width .5s ease;
    transition: width .5s ease
}

.navPhoneBtn span:last-child {
    margin-bottom: 0
}

.navPhoneBtn.close, .navPhoneBtn.closeMember {
    opacity: 1;
    z-index: 10
}

.navPhoneBtn.close span, .navPhoneBtn.closeMember span {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navPhoneBtn.close span:nth-last-child(3), .navPhoneBtn.closeMember span:nth-last-child(3) {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navPhoneBtn.close span:nth-last-child(2), .navPhoneBtn.closeMember span:nth-last-child(2) {
    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: width .5s;
    transition: width .5s
}

.navPhoneBtn.close span:last-child, .navPhoneBtn.closeMember span:last-child {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .navPhoneBtn {
        display: block
    }

    .navPhoneBtn .pc_pattern .layout_header, .navPhoneBtn .pc_pattern .layout_header .layout_header_fixed {
        background: rgba(0, 0, 0, 0.8) !important
    }
}

.navM .transparent {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none
}

.navM .navMCon {
    background-color: #f3f3f3;
    width: 80%;
    min-width: 140px;
    max-width: 440px;
    height: 100%;
    border-left: 1px rgba(0, 0, 0, 0.1) solid;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 2;
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: auto;
    left: -100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.navM .navMWrap {
    overflow-y: auto;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.navM.open .transparent {
    display: block
}

.navM.open .closeBtn {
    display: block
}

.navM.open .navMCon {
    left: 0
}

.navM .closeBtn {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #dfad74;
    color: #fff;
    position: absolute;
    z-index: 999;
    right: -40px;
    top: 0
}

.navM .closeBtn:before, .navM .closeBtn:after {
    content: "";
    display: block;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navM .closeBtn:before {
    width: 15px;
    height: 1px
}

.navM .closeBtn:after {
    width: 1px;
    height: 15px
}

.navM .titleBig {
    text-align: center;
    padding: 10px 0;
    display: none
}

.navM .navMWrap > .list .title {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 16px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    position: relative
}

.navM .navMWrap > .list .title .icon {
    width: 40px;
    height: 40px;
    margin: auto;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.navM .navMWrap > .list .title .icon:after {
    content: "";
    margin: auto;
    height: 8px;
    width: 8px;
    border-top: 1px #aaa solid;
    border-right: 1px #aaa solid;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.navM .navMWrap > .list .has .title .icon {
    display: block
}

.navM .navMWrap > .list .active .title .icon {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.navM .child {
    padding: 0 5px 20px 5px;
    display: none;
    position: relative
}

.navM .child a {
    color: #666;
    display: block;
    font-size: 15px;
    line-height: 24px;
    padding: 5px 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative
}

.navM .child a:hover {
    color: #000;
    margin-left: 10px
}

.navM .mSearch {
    padding: 10px 0;
    text-align: left;
    overflow: hidden;
    height: 56px;
    border-bottom: #f3f3f3 1px solid;
    position: relative
}

.navM .mSearch .btn {
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 10px;
    margin-top: 0;
    right: 0;
    background: #ccc
}

.navM .mSearch .btn img {
    max-height: 20px;
    margin-top: 4px;
    vertical-align: middle
}

.navM .mSearch input {
    height: 40px;
    line-height: 38px;
    border: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
    transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
    opacity: 1;
    width: 100%;
    padding: 5px 30px 5px 15px;
    border-radius: 2px;
    font-size: 16px;
    background-color: #fff;
    position: static;
    left: 0;
    right: 0
}

.navM .other {
    padding: 10px
}

.navM .languageBtn {
    padding: 10px 0
}

.navM .languageBtn a {
    display: block;
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px #ccc solid;
    margin-right: -1px;
    background: #dfad74
}

.height100 {
    height: 100px
}

@media (max-width: 1440px) {
    .home-service .list .title {
        font-size: 28px
    }

    .home-service .list .info {
        font-size: 18px
    }
}

@media (max-width: 1280px) {
    .nav li > a {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .height100 {
        height: 50px
    }

    .header {
        padding: 0;
        position: fixed
    }

    .header > .container {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .banner .slick-prev, .banner .slick-next {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .banner .slick-prev {
        left: 0
    }

    .banner .slick-next {
        right: 0
    }

    .banner .slick-prev:before, .banner .slick-next:before {
        font-size: 30px
    }

    .home-news .swiper-button-prev, .home-news .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .home-news .swiper-button-prev:before, .home-news .swiper-button-next:before {
        font-size: 30px
    }

    .home-news .swiper-button-prev {
        left: 0
    }

    .home-news .swiper-button-next {
        right: 0
    }

    .home-news .list-2 .text {
        padding: 15px
    }

    .home-cqbh .partner .swiper-button-prev, .home-cqbh .partner .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .home-cqbh .partner .swiper-button-prev {
        left: 0
    }

    .home-cqbh .partner .swiper-button-next {
        right: 0
    }

    .home-cqbh .partner .swiper-button-prev, .home-cqbh .partner .swiper-button-next {
        text-align: center
    }

    .home-cqbh .partner .swiper-button-prev:before, .home-cqbh .partner .swiper-button-next:before {
        font-size: 30px
    }

    .home-about .nr .left {
        display: none
    }

    .home-honor .list {
        margin-left: 0;
        margin-right: 0
    }

    .home-honor .list .pic {
    }

    .home-honor .list li {
        width: 25%
    }

    .navSub .list .box {
        min-width: auto;
        font-size: 14px
    }

    .footer .footer-contact img {
        max-width: 160px
    }

    .about .team .list .cn {
        font-size: 14px
    }

    .about .history .list .dot {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .floatTrueland .phoneItem {
        font-size: 14px !important
    }
}

/***首页荣誉资质新增样式***/
.home-honor .list li {
    padding: 0 40px;
}

.home-honor {
    padding-bottom: 60px;
}

.home-honor .list .box {
    display: block;
    text-align: center;
    border: 2px #ddd solid;
    padding: 10px;
}

.home-honor .list .pic {
    border-bottom: none;
    padding: 0;
}

.home-honor .list .title {
    display: none;
}

.home-honor .list {
    margin: 0;
}

.home-honor .swiper-button-prev, .home-honor .swiper-button-next {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px #c8caca solid;
    background: none;
    text-align: center;
    position: absolute;
    /* margin-top:-50px; */
}

.home-honor .swiper-button-prev {
    left: 0;
}

.home-honor .swiper-button-next {
    right: 0;
}

.home-honor .swiper-button-prev:before, .home-honor .swiper-button-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 20px;
}

.home-honor .swiper-button-prev:before {
    content: "\eb9a";
}

.home-honor .swiper-button-next:before {
    content: "\eb9c";
}

.home-honor .nr {
    position: relative;
}

.phimg {
    display: none !important;
}

@media (max-width: 1023px) {
    .online-style .tt-online .action[data-v-36cbca12] {
        width: 80px !important;
        height: 80px !important;
    }

    .pcimg {
        display: none !important;
    }

    .phimg {
        display: block !important;
    }

    .home-service-1 .list .pic:after {
        padding-top: 78.865248%;
    }

    .home-title .cn, .inside-title .cn {
        font-size: 18px;
    }

    .home-service-1 .list .div-2 {
        display: none !important;
    }

    .product .container {
        padding: 0 !important;
    }

    .navSub-2 {
        padding-top: 20px;
    }

    .navSub-2 .list .box {
        font-size: 14px;
    }

    .news-show .show-title {
        font-size: 24px;
        line-height: 1.1 !important;
    }

    .banner .text .cn {
        font-size: 24px;
    }

    .banner .text .en {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .home-honor .list li {
        padding: 5px;
    }

    .news-show, .product-show {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .news-show p, .news-show span, .product-show p, .product-show span {
        font-size: 14px !important;
        line-height: 24px !important;
    }
}

@media (max-width: 640px) {
    .home-service .list .text {
        padding: 5px 0;
    }
}




.pbanner {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    display: none;
}

.pbanner img {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

.pbanner .list {
    overflow: hidden;
    display: block
}

.pbanner .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.pbanner .pic {
    position: relative
}

.pbanner .pic:after {
    content: "";
    display: block;
    padding-top:81.66666666666667%
}

.pbanner .text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pbanner .text .cn {
    font-size: 28px;
    font-size: 700
}

.pbanner .text .en {
    font-size: 16px;
    font-weight: 700
}

.pbanner .slick-dots {
    bottom: 20px;
    font-size: 0;
    z-index: 999;
    overflow: initial
}

.pbanner .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    overflow: hidden;
    float: none
}

.pbanner .slick-dots li button {
    padding: 0;
    display: block;
    width: 10px;
    height: 10px;
    border: 2px #fff solid;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pbanner .slick-dots li button:before {
    display: none
}

.pbanner .slick-dots .slick-active button {
    border-color: #179d79
}

.pbanner .slick-prev, .pbanner .slick-next {
    width: 80px;
    height: 80px;
    z-index: 9
}

.pbanner .slick-prev:before, .pbanner .slick-next:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ccc;
    font-size: 30px
}

.pbanner .slick-prev:hover:before, .pbanner .slick-next:hover:before {
    color: #dfad74
}

.pbanner .slick-prev {
    left: 00px
}

.pbanner .slick-prev:before {
    content: "\eb9a"
}

.pbanner .slick-next {
    right: 00px
}

.pbanner .slick-next:before {
    content: "\eb9c"
}



@media(max-width:768px){
    .banner2{
        display: none!important;
    }
    .pbanner{
        display: block;
        margin-top: 50px;
    }
}

.footer .xz-links {
	padding-top: 50px;
}

.footer .xz-links li{
	width:8.33333333%;
	display: inline-block;
	text-align:center;
	margin-bottom:10px;
}

.footer .xz-links li a {
	cursor:pointer;
	color:#fff;
}

.footer .xz-links li .box {
  display: block;
  cursor: pointer;
  position: relative;
}

.footer .xz-links li .down {
	display: none;
	font-size: 14px;
	width: 120px;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
	z-index: 999999;
	color: #fff;
}

.footer .xz-links li .box:hover .down {
  display: flex;
}

.footer .xz-links li .down .ewm {
  width: 119px;
  position: relative;
}


@media(max-width:768px){
	.footer .xz-links li{
		width:33.333333%;
		
	}
}