@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: San Francisco, Helvetica Neue, Helvetica, DroidSansFallback, Roboto, HeiTi SC, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background: #fff
}

@media screen and (max-width: 1023px) {
    body {
        font-size: 14px;
        line-height: 1.5
    }
}

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

a {
    -webkit-tap-highlight-color: transparent
}

 

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

a:hover, a:active, a:focus {
    color: #77b9b6
}

ul, li {
    list-style: none
}

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

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

input[type=text], input[type=tel], textarea {
    font-family: San Francisco, Helvetica Neue, Helvetica, DroidSansFallback, Roboto, HeiTi SC, Arial, sans-serif;
    font-size: 14px;
    -webkit-appearance: none
}

button {
    font-family: San Francisco, Helvetica Neue, Helvetica, DroidSansFallback, Roboto, HeiTi SC, Arial, sans-serif
}

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
}

.hide {
    overflow: hidden
}

.rel {
    position: relative
}

.clearfix {
    clear: both
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    zoom: 1;
    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
}

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

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

@media screen and (max-width: 1520px) {
    .container {
        max-width: 1340px;
        padding: 0 30px
    }
}

@media screen and (max-width: 640px) {
    .container {
        padding: 0 15px
    }
}

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

@media screen and (max-width: 1440px) {
    .container-2 {
        max-width: 1280px
    }
}

@media screen and (max-width: 1340px) {
    .container-2 {
        padding: 0 30px
    }
}

@media screen and (max-width: 1023px) {
    .container-2 {
        padding: 0 15px
    }
}

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

div, p, span, i, em, a {
    white-space: inherit !important
}

body::-webkit-scrollbar {
    width: 15px
}

body::-webkit-scrollbar-thumb {
    background: #77b9b6
}

body::-webkit-scrollbar-thumb:hover {
    background: #77b9b6
}

body::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2)
}

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

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

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

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

@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.ttf');
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff2') format('woff2'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg'), url('../fonts/Oswald-Regular.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.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)
}

.f-l {
    float: left
}

.f-r {
    float: right
}

img {
    width: auto;
    height: auto
}

.body-2 {
    padding-top: 50px
}

.header {
    color: #8294a3;
    font-size: 14px;
    width: 100%;
    position: relative;
    z-index: 999;
    top: 0;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.header .layui-input, .header .layui-select, .header .layui-textarea {
    height: 40px;
    border: none;
    background-color: transparent
}

.header .layui-input:hover, .header .layui-textarea:hover {
    border-color: transparent
}

.header img {
    vertical-align: top
}

.header .top-1 {
    background: #fff;
    color: #8294a3;
    border-bottom: 1px #eaeef2 solid
}

.header .top-1 .container {
    position: relative
}

.header .logo {
    z-index: 1;
    
    height: 60px;
    float: left;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transition: top .5s, height .5s;
    transition: top .5s, height .5s
}

.header .logo img {
    vertical-align: middle;
    position: relative
}

.header .search-other {
    text-align: right;
    color: #8294a3;
    font-size: 14px;
    padding: 18px 0 19px 0
}

.header .search-other a {
    color: #8294a3
}

.header .search-other a:hover {
    color: #77b9b6
}

.header .header-search {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 50%;
    max-width: 690px;
    border: 1px #b6c6d2 solid;
    border-radius: 3px;
    text-align: left;
    padding-left: 110px;
    padding-right: 90px;
    margin-left: 295px;
    position: relative
}

.header .header-search .search-select {
    display: inline-block;
    float: left;
    width: 110px;
    line-height: 40px;
    border-right: 1px #d6e2e4 solid;
    color: #8294a3;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0
}

.header .header-search .text-form {
    background-color: transparent;
    float: left;
    border: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px 0 20px
}

.header .header-search .text-form::-webkit-input-placeholder {
    color: #8294a3
}

.header .header-search .text-form::-moz-placeholder {
    color: #8294a3
}

.header .header-search .text-form:-ms-input-placeholder {
    color: #8294a3
}

.header .header-search .submitBtn {
    width: 90px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: #69ada9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px
}

.header .header-search .submitBtn .layui-icon {
    font-size: 24px
}

.header .other {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding-left: 40px
}

.header .other > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    position: relative;
    line-height: 40px;
    vertical-align: top
}

.header .other > span a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 40px;
    vertical-align: top;
    position: relative
}

.header .other .layui-icon {
    font-size: 20px;
    vertical-align: top
}

.header .other .layui-icon:before {
    line-height: 1
}

.header .other .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0;
    margin-right: 5px;
    vertical-align: top
}

.header .other .icon-username {
    width: 22px;
    height: 22px
}

.header .other .icon-username svg {
    width: 22px;
    height: 22px
}

.header .other .icon-tel {
    width: 18px;
    height: 18px
}

.header .other .icon-tel svg {
    width: 18px;
    height: 18px
}

.header .other .loginAfter {
    margin-left: 20px;
    position: relative;
    display: inline-block;
    line-height: 36px
}

.header .other .loginAfter > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.header .other .loginAfter .tx {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 5px;
    border-radius: 50%;
    overflow: hidden
}

.header .ksdgBtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #77b9b6;
    color: #fff;
    min-width: 94px;
    line-height: 36px;
    text-align: center;
    padding: 0 10px;
    position: absolute;
    top: 7px;
    right: 0
}

.header .ksdgBtn .layui-icon {
    font-size: 24px;
    margin-right: 10px
}

.header .ksdgBtn:hover {
    background-color: #69ada9
}

.header .top-2 {
    width: 100%;
    z-index: 999
}

.header .top-2.fixed {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    position: fixed;
    top: 0;
    left: 0
}

.header.header-2 {
    -webkit-box-shadow: 0 12px 26px 0 rgba(38, 108, 166, 0.13);
    box-shadow: 0 12px 26px 0 rgba(38, 108, 166, 0.13)
}

@media screen and (max-width: 1520px) {
    .header .logo {
        left: 30px
    }
}

@media screen and (max-width: 1023px) {
    .header {
        background: #fff;
        padding: 9px 15px
    }

    .header .logo {
        left: 0
    }

    .header .container {
        padding-left: 100px;
        padding-right: 50px
    }

    .header .search-other {
        display: none
    }

    .header .top-1 {
        height: 40px;
        border-bottom: none
    }

    .header .header-search {
        width: 100%;
        padding: 0
    }

    .header .header-search .search-select {
        display: none
    }

    .header .header-search .text-form {
        width: 100%;
        padding-left: 10px;
        padding-right: 50px;
        font-size: 14px
    }

    .header .header-search .submitBtn {
        width: 40px
    }

    .header .search-other {
        padding: 0;
        padding-bottom: 0
    }

    .header .logo {
        width: 100px;
        height: 40px;
        top: 0
    }

    .header .other {
        display: none
    }

    .header .top-header.topHeaderFixed {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    .header .top-header.topHeaderFixed .header {
        padding-bottom: 10px
    }

    .header .top-header.topHeaderFixed .header .logo {
        height: 40px;
        top: 0
    }

    .header .nav {
        display: none
    }
}

@media screen and (max-width: 413px) {
    .header .header-search .text-form {
        font-size: 12px
    }
}

.navPhoneBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    float: right;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    margin: auto;
    text-align: right;
    display: none
}

.navPhoneBtn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px transparent solid;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition-duration: .66s;
    transition-duration: .66s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing
}

.navPhoneBtn span {
    display: block;
    margin: auto;
    width: 19px;
    height: 2px;
    left: 10px;
    background-color: #69ada9;
    z-index: 1;
    -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);
    position: absolute
}

.navPhoneBtn span:nth-child(1) {
    top: 12px
}

.navPhoneBtn span:nth-child(2) {
    top: 19px
}

.navPhoneBtn span:nth-child(3) {
    bottom: 12px
}

.navPhoneBtn.close span:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg)
}

.navPhoneBtn.close span:nth-child(2) {
    width: 0
}

.navPhoneBtn.close span:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg)
}

.navPhoneBtn:hover:before {
    border-radius: 50%;
    background-color: #595757
}

@media screen and (max-width: 1023px) {
    .navPhoneBtn {
        display: block
    }
}

.nav {
    position: relative
}

.nav > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    text-align: center;
    margin-left: -50px;
    margin-right: -50px
}

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

.nav > .list > li.li-static {
    position: static
}

.nav > .list > li > a {
    color: #000;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px 0 10px;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-transition: height .5s, line-height .5s;
    transition: height .5s, line-height .5s
}

.nav > .list > li > a span {
    display: block;
    position: relative
}

.nav > .list > li > a span:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background-color: #69ada9;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav > .list > li:hover > a {
    font-weight: 700;
    color: #69ada9
}

.nav > .list > li:hover > a span:after {
    width: 18px
}

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

.nav > .list > li.active > a {
    font-weight: 700;
    color: #69ada9
}

.nav > .list > li:nth-child(2) .navChild {
    width: 240px
}

.nav .navChild {
    display: none;
    width: 160px;
    font-size: 14px;
    color: #333;
    position: absolute;
    z-index: 999;
    top: 44px;
    left: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0) translateX(-50%);
    transform: scaleY(0) translateX(-50%);
    padding-top: 12px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nav .navChild:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #69ada9 transparent;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    margin: auto
}

.nav .navChild .list-2 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 3px #69ada9 solid;
    background: rgba(255, 255, 255, 0.92);
    -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);
    overflow: hidden;
    padding: 25px 0;
    position: relative
}

.nav .navChild .list-2 li {
    width: 100%;
    border-top: 1px rgba(255, 255, 255, 0.2) solid;
    float: left;
    display: block;
    position: relative
}

.nav .navChild .list-2 li:nth-child(1) {
    border-top: none
}

.nav .navChild .list-2 a {
    width: 100%;
    display: block;
    color: #666;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding: 0 10px
}

.nav .navChild .list-2 a:hover {
    background-color: #69ada9;
    color: #fff
}

.nav .navChild .list-2 .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.nav .navChild.show {
    display: block;
    -webkit-transform: scaleY(1) translateX(-50%);
    transform: scaleY(1) translateX(-50%)
}

@media screen and (max-width: 1520px) {
    .nav > .list {
        margin-left: -30px;
        margin-right: -30px
    }

    .nav > .list > li {
        padding: 0 30px
    }
}

.navM .transparent {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    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: #77b9b6;
    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 em {
    font-style: initial
}

.navM .navMWrap > .list .title {
    margin-bottom: 10px;
    padding: 10px 5px;
    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;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navM .navMWrap > .list .title .icon:before, .navM .navMWrap > .list .title .icon:after {
    content: "";
    margin: auto;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.navM .navMWrap > .list .title .icon:before {
    width: 10px;
    height: 10px;
    border-top: 1px #aaa solid;
    border-right: 1px #aaa solid
}

.navM .navMWrap > .list .title em {
    font-style: initial
}

.navM .navMWrap > .list .has .title .icon {
    display: block
}

.navM .navMWrap > .list .active .title .icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navM .navChild {
    padding: 0 5px 20px 5px;
    display: none;
    position: relative
}

.navM .navChild .first {
    color: #77b9b6;
    font-weight: 700
}

.navM .navChild .first a {
    color: #77b9b6
}

.navM .navChild a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 28px;
    padding: 5px 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative
}

.navM .navChild 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: 26px;
    height: 26px;
    line-height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 10px
}

.navM .mSearch .btn .icon {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.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: 14px;
    background-color: #fff;
    position: static;
    left: 0;
    right: 0
}

.navM .other {
    padding: 10px
}

.navM .read {
    padding-top: 10px;
    padding-bottom: 10px
}

.navM .read .btn-1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    line-height: 40px;
    height: 40px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#bf2d32), to(#a61f24));
    background: linear-gradient(to right, #bf2d32, #a61f24);
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative
}

.navM .read .btn-1 .icon-1 {
    width: 30px;
    height: 30px;
    margin-left: 5px
}

.navM .read .btn-1 .icon-2 {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #fff url(../images/icon/arrow-right-1.png) no-repeat center center;
    background-size: 20px;
    margin-left: 20px
}

.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: #fff
}

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

.banner .container {
    position: relative
}

.banner .swiper-container {
    overflow: initial
}

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

.banner video {
    width: 100%;
    vertical-align: top
}

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

.banner .pc img {
    width: 100%
}

.banner .mobile {
    display: none
}

.banner .mobile img {
    position: static;
    width: 100%
}

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

.banner .title {
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 40px
}

.banner .title-2 {
    font-weight: 700
}

.banner .moreDiv a {
    display: inline-block;
    background: #69ada9;
    color: #fff;
    min-width: 140px;
    line-height: 42px;
    border-radius: 10px;
    text-align: center;
    font-size: 16px
}

.banner .moreDiv a:hover {
    background: #69ada9
}

.banner .swiper-button-prev, .banner .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff
}

.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover {
    background-color: #006ab7
}

.banner .swiper-button-prev:after, .banner .swiper-button-next:after {
    font-size: 20px
}

.banner .swiper-button-prev {
    left: 10px
}

.banner .swiper-button-next {
    right: 10px
}

.banner .swiper-pagination {
    font-size: 0;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner .swiper-pagination-bullet {
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 5px;
    background-color: transparent;
    opacity: 1;
    position: relative
}

.banner .swiper-pagination-bullet:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px #fff solid;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.banner .swiper-pagination-bullet-active:before {
    background: #fff
}

@media screen and (max-width: 1023px) {
    .banner .swiper-button-prev, .banner .swiper-button-next {
        width: 30px;
        height: 30px
    }

    .banner .swiper-button-prev:after, .banner .swiper-button-next:after {
        font-size: 12px
    }

    .banner .swiper-button-prev {
        left: 10px
    }

    .banner .swiper-button-next {
        right: 10px
    }

    .banner .pc {
        display: none
    }

    .banner .mobile {
        display: block
    }

    .banner .title {
        font-size: 30px;
        margin-bottom: 30px
    }

    .banner .moreDiv a {
        font-size: 14px;
        border-radius: 5px;
        min-width: 100px;
        line-height: 40px
    }
}

@media screen and (max-width: 414px) {
    .banner .title {
        font-size: 16px;
        margin-bottom: 30px
    }
}

.home-title {
    margin-bottom: 50px;
    line-height: 1;
    overflow: hidden
}

.home-title .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #4b597c;
    font-size: 36px;
    float: left
}

.home-title .more {
    float: right;
    color: #7a7a7a;
    font-size: 16px
}

.home-title .more:hover {
    color: #77b9b6
}

.home-title.alginCenter {
    text-align: center
}

.home-title.alginCenter .title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none
}

@media screen and (max-width: 1023px) {
    .home-title {
        margin-bottom: 30px
    }

    .home-title .title {
        font-size: 24px
    }

    .home-title .more {
        font-size: 14px
    }
}

.limitedActivity {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 50px
}

.limitedActivity .list {
    margin-left: -30px;
    margin-right: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.limitedActivity .list:after {
    display: none
}

.limitedActivity .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 30px 20px 30px
}

.limitedActivity .list .box {
    background-color: #fff;
    display: block;
    overflow: hidden;
    padding: 0 30px 20px 30px;
}

.limitedActivity .list .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

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

.limitedActivity .list .box:hover .text .title {
    color: #77b9b6
}

.limitedActivity .list .pic {
    border-radius: 8px; /*border:1px #77b9b6 solid;*/
    position: relative;
    overflow: hidden
}

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

.limitedActivity .list .text { /*text-align:center;padding:30px 0 0 0;*/
    position: relative
}

.limitedActivity .list .title {
    color: #2f5268;
    font-size: 22px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-weight: 700;
    margin-bottom: 10px
}

.limitedActivity .list .info {
    color: #6c768d;
    font-size: 18px;
    line-height: 34px;
    height: 68px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: left;
}

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

    .limitedActivity .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .limitedActivity .list li {
        padding: 0 5px 10px 5px
    }

    .limitedActivity .list li .box {
        padding: 0 5px 10px 5px
    }

    .limitedActivity .list .text { /*padding:20px 0 0 0*/
    }

    .limitedActivity .list .title {
        font-size: 16px;
        line-height: 24px;
        height: 24px
    }

    .limitedActivity .list .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }
}

@media screen and (max-width: 610px) {
    .limitedActivity .nr {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .limitedActivity .list {
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        margin-left: 0;
        margin-right: 0
    }

    .limitedActivity .list li {
        padding-left: 0;
        padding-right: 20px;
        width: auto
    }

    .limitedActivity .list li:last-child {
        padding-right: 0
    }

    .limitedActivity .list .box {
        min-width: 180px
    }
}

.home-brand {
    overflow: hidden;
    background: #f5f6f6;
    background-repeat: no-repeat, no-repeat;
    background-position: right top, left bottom;
    background-size: auto, auto;
    padding-top: 80px;
    padding-bottom: 20px;
    position: relative
}

.home-brand .titleBig {
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    z-index: 2
}

.home-brand .titleBig .title {
    color: #4b597c;
    font-weight: 700;
    font-size: 28px;
    float: left
}

.home-brand .titleBig .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: top
}

.home-brand .titleBig .moreBtn {
    float: right;
    color: #000;
    font-size: 18px
}

.home-brand .titleBig .moreBtn:hover {
    color: #76b8b5;
    text-decoration: underline
}

.home-brand .part {
    padding-bottom: 90px;
    padding-bottom: 0
}

.home-brand .nr {
    position: relative;
    z-index: 1
}

.home-brand .nr:before {
    content: "";
    display: none;
    width: 100vw;
    height: 250px;
    background: url(../images/dz-bg-1.png) repeat-x bottom;
    position: absolute;
    z-index: -1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -144px;
}

.home-brand .list {
    margin-left: -14px;
    margin-right: -14px;
    position: relative
}

.home-brand .list li {
    width: 20%;
    float: left;
    padding: 0 14px 28px 14px
}

.home-brand .list .box {
    display: block;
    border-radius: 8px;
    background: #fff; /*background:linear-gradient(to bottom, #fb8115, #FFB473);*/
    box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
}

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

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

.home-brand .list .box:hover .text {
    background: #77b9b6;
}

.home-brand .list .box:hover .title {
    color: #fff
}

.home-brand .list .pic {
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#b4e3f9), to(#e7f2f8));
    background: #fff;
    position: relative;
    overflow: hidden
}

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

.home-brand .list .pic .tag {
    display: inline-block;
    min-width: 90px;
    line-height: 36px;
    border-radius: 10px;
    background-color: #69ada9;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px
}

.home-brand .list .text {
    padding: 10px 20px;
    background: url(../images/line.jpg) top center no-repeat;
    background-size: contain; /*border-top: 2px solid #77b9b6;*/
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.home-brand .list .title {
    font-size: 16px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: 400
}

@media screen and (max-width: 1023px) {
    .home-brand {
        padding-top: 40px;
        background-size: 500px, 500px
    }

    .home-brand .titleBig {
        line-height: 40px
    }

    .home-brand .titleBig .title {
        font-size: 18px
    }

    .home-brand .titleBig .title .icon {
        width: 40px;
        height: 40px
    }

    .home-brand .titleBig .moreBtn {
        font-size: 14px
    }

    .home-brand .part {
        padding-bottom: 20px
    }

    .home-brand .nrC {
        -webkit-overflow-scrolling: touch;
        overflow: auto
    }

    .home-brand .list {
        width: 1000px;
        margin-left: -5px;
        margin-right: -5px
    }

    .home-brand .list:before {
        bottom: -140px
    }

    .home-brand .list li {
        padding: 0 10px 20px 10px
    }

    .home-brand .list .pic .tag {
        min-width: 60px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 5px;
        top: 20px;
        left: 20px
    }

    .home-brand .list .text {
        padding: 10px 0
    }

    .home-brand .list .title {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .home-brand .list .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .home-brand .list .date-more {
        margin-top: 20px;
        padding-top: 20px
    }
}

.home-yyzt {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 80px;
    padding-bottom: 70px
}

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

@media screen and (max-width: 610px) {
    .home-yyzt .nr {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .home-yyzt .listYyzt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        margin-left: 0;
        margin-right: 0
    }

    .home-yyzt .listYyzt li {
        padding-left: 0;
        padding-right: 20px;
        width: auto
    }

    .home-yyzt .listYyzt li:last-child {
        padding-right: 0
    }

    .home-yyzt .listYyzt .box {
        min-width: 180px
    }
}

.yyzt {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 60px
}

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

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

.listYyzt:after {
    display: none
}

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

.listYyzt .box {
    border-radius: 8px;
    text-align: center;
    background-color: #fff;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
    box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33)
}

.listYyzt .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

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

.listYyzt .box:hover .text .title {
    color: #77b9b6
}

.listYyzt .pic {
    position: relative;
    overflow: hidden
}

.listYyzt .pic:after {
    content: "";
    display: block;
    padding-top: 62.63736264%
}

.listYyzt .text {
    position: relative
}

.listYyzt .title {
    color: #161616;
    font-size: 22px;
    line-height: 80px;
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-weight: 700
}

@media screen and (max-width: 1023px) {
    .listYyzt {
        margin-left: -10px;
        margin-right: -10px
    }

    .listYyzt li {
        padding: 0 10px 20px 10px
    }

    .listYyzt .title {
        font-size: 16px;
        height: 60px;
        line-height: 60px
    }
}

@media screen and (max-width: 767px) {
    .listYyzt li {
        width: 50%
    }
}

.footer {
    overflow: hidden;
    background-color: #77b9b6;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    background-repeat: repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative
}

.footer a {
    color: rgba(255, 255, 255, 0.6)
}

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

.footer > .container {
    position: relative;
    z-index: 2
}

.footer > .container:after {
    content: "";
    display: block;
    clear: both
}

.footer img {
    vertical-align: top
}

.footer .title-1 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 30px;
    position: relative
}

.footer .left {
    width: 30%;
    float: left;
    padding-top: 50px;
    padding-bottom: 70px;
    padding-right: 20px;
    position: relative
}

.footer .left:after {
    content: "";
    display: block;
    width: 11px;
    height: 100%;
    background: url(../images/footer-line.png) no-repeat top center;
    position: absolute;
    top: 0;
    right: 0
}

.footer .footer-lxfs .logo {
    width: 130px;
    margin-bottom: 15px
}

.footer .footer-lxfs .p-1 {
    line-height: 30px;
    position: relative
}

.footer .footer-lxfs .p-1 span {
    color: rgba(255, 255, 255, 0.32)
}

.footer .socialMedia {
    margin-top: 60px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer .socialMedia > a, .footer .socialMedia span {
    display: none;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: #69ada9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    position: relative
}

.footer .socialMedia > a .icon, .footer .socialMedia span .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.footer .socialMedia > a img, .footer .socialMedia span img {
    width: 36px;
    height: 36px
}

.footer .socialMedia > a:hover, .footer .socialMedia span:hover {
    background: #fff
}

.footer .socialMedia > a:hover .down, .footer .socialMedia span:hover .down {
    display: block
}

.footer .socialMedia .down {
    text-align: center;
    display: none;
    color: #666;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 150px;
    cursor: initial;
    padding-top: 10px;
    position: absolute;
    z-index: 9;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer .socialMedia .down .txt {
    width: 100%
}

.footer .socialMedia .down .ewm {
    background-color: #fff;
    border: 1px #77b9b6 solid;
    padding: 4px;
    position: relative
}

.footer .socialMedia .down .ewm img {
    width: auto;
    height: auto
}

.footer .right {
    width: 70%;
    float: right;
    padding-left: 80px;
    padding-top: 50px;
    padding-bottom: 70px
}

.footer .menu {
    overflow: hidden
}

.footer .menu > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer .menu > .list > li {
    float: left;
    padding-right: 5px;
    position: relative
}

.footer .menu > .list > li > a {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.footer .menu > .list > li > .box {
    display: inline-block;
    text-align: left
}

.footer .menu .navChild {
    position: relative
}

.footer .menu .navChild a {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    position: relative
}

.footer .menu .navChild a:hover {
    color: #fff
}

.footer .menu .list-2 li {
    padding-bottom: 4px
}

@media screen and (max-width: 1280px) {
    .footer .socialMedia > span:nth-child(1) .down {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 1023px) {
    .footer {
        font-size: 14px;
        padding: 40px 0 60px 0
    }

    .footer .title-1 {
        padding-bottom: 20px
    }

    .footer .left {
        width: 100%;
        padding: 0 0 40px 0
    }

    .footer .left:after {
        display: none
    }

    .footer .right {
        width: 100%;
        padding: 0
    }

    .footer .menu {
        display: none
    }

    .footer .footer-message {
        width: 100%
    }

    .footer .footer-message .messageC {
        max-width: 100%
    }

    .footer .footer-message .input-form {
        font-size: 14px
    }

    .footer .socialMedia {
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-top: 30px
    }
}

.copyright {
    line-height: 30px;
    padding: 10px 0;
    font-size: 13px;
    background: rgba(82, 98, 106, 0.55);
    color: #fff
}

.copyright a {
    color: #fff;
}

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

.copyright .span-1 {
    margin-right: 20px
}

.copyright .span-2 {
    margin-left: 20px;
    display: inline-block;
    float: right
}

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

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

    .copyright .span-2 {
        margin-left: 0
    }

    .copyright .a-1 {
        margin-left: 5px;
        margin-right: 5px
    }

    .copyright .span-2 {
        float: none
    }
}

.floatRigth {
    position: fixed;
    z-index: 999;
    z-index: 1000;
    right: 20px;
    bottom: 50px
}

.floatRigth img {
    vertical-align: top
}

.floatRigth li {
    width: 60px;
    margin-bottom: 5px;
    position: relative
}

.floatRigth li:last-child {
    margin-bottom: 0
}

.floatRigth .box {
    display: block;
    cursor: pointer;
    background-color: #77b9b6;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 60px;
    padding: 5px 0 0 0;
    border-radius: 5px
}

.floatRigth .title {
    line-height: 12px;
    height: 24px;
    line-height: 24px
}

.floatRigth .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    display: block;
    margin: auto;
    background-repeat: no-repeat;
    position: relative
}

.floatRigth .icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.floatRigth .hoverDiv {
    cursor: initial;
    border-radius: 5px;
    border: 1px #69ada9 solid;
    background-color: #fff;
    width: 180px;
    color: #69ada9;
    font-size: 16px;
    line-height: 38px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    z-index: -1;
    top: 0;
    right: -200px;
    -webkit-transition: right .5s;
    transition: right .5s
}

.floatRigth .hoverDivC {
    padding-left: 0;
    text-align: center;
    position: relative
}

.floatRigth .hoverTel {
    color: #69ada9;
    font-size: 20px
}

.floatRigth .ewm {
    width: 160px;
    height: 160px;
    text-align: left;
    padding: 5px 5px
}

.floatRigth .box:hover {
    background: #69ada9;
    color: #fff
}

.floatRigth .box:hover .hoverDiv {
    right: 100%
}

.floatRigth .returnTopBtn {
    padding: 10px 0;
    opacity: 0;
    visibility: hidden
}

.floatRigth .returnTopBtn .title {
    display: none
}

.floatRigth .returnTopBtn.show {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1023px) {
    .floatRigth {
        display: none
    }
}

.menuFooterM {
    display: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(154, 141, 141, 0.6);
    box-shadow: 0 0 10px 0 rgba(154, 141, 141, 0.6);
    text-align: center;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0
}

.menuFooterM .list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menuFooterM .list .icon {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto
}

.menuFooterM .list .icon svg {
    fill: #9d9d9d;
    width: 20px;
    height: 20px;
    margin: 5px
}

.menuFooterM .list .title {
    line-height: 20px
}

.menuFooterM .list li:nth-child(1) .icon {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin: auto;
    background-color: #77b9b6
}

.menuFooterM .list li:nth-child(1).active .icon {
    background-color: #77b9b6
}

.menuFooterM .list li:last-child .icon svg {
    width: 24px;
    height: 24px;
    margin: 3px
}

.menuFooterM .list .active .title {
    color: #77b9b6
}

.menuFooterM .list .active .icon svg {
    fill: #77b9b6
}

@media screen and (max-width: 1023px) {
    .menuFooterM {
        display: block
    }
}

.bread {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0 20px 0;
    position: relative
}

.bread .container {
    position: relative
}

.bread .breadC {
    display: inline-block;
    padding-left: 25px;
    position: relative
}

.bread span, .bread b {
    font-weight: 400;
    color: #69ada9
}

.bread a:hover {
    color: #69ada9;
    text-decoration: underline
}

.bread .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 1023px) {
    .bread {
        margin-bottom: 10px
    }
}

.collect {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.collect .icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 5px;
    text-align: center;
    line-height: 24px;
    color: #f72967
}

.collect .icon:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icon/collect.svg)
}

.collect.collected .icon:before {
    background: url(../images/icon/collected.svg)
}

.collect .txt {
    margin-left: 5px;
    display: none
}

.collect:hover {
    color: #69ada9
}

.inside-bg {
    position: relative;
    z-index: 1
}

.inside-bg .bg-1 {
    width: 1000px;
    height: 1000px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0
}

.inside-bg .bg-2 {
    width: 1000px;
    height: 1000px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 1023px) {
    .inside-bg {
        overflow: hidden;
        z-index: 999
    }

    .inside-bg .bg-1 {
        width: 500px;
        height: 500px
    }

    .inside-bg .bg-2 {
        width: 500px;
        height: 500px
    }
}

.inside-3 {
    padding-top: 90px
}

.inside-3 > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inside-3 > .container:after {
    display: none
}

.inside-3 .asideBtnM {
    display: none;
    font-size: 14px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #77b9b6;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 0;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 0
}

.inside-3 .asideBtnM .txt {
    display: none
}

.inside-3 .asideBtnM .icon {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -4px
}

.inside-3 .leftAsideMDiv {
    width: 23.9583333%;
    padding-right: 50px;
    background: #fff;
    position: relative;
    z-index: 9;
    float: left
}

.inside-3 .leftAside {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inside-3 .classifyAside {
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 60px;
    position: relative;
    z-index: 1
}

.inside-3 .classifyAside .titleBig {
    background-color: #77b9b6;
    color: #fff;
    line-height: 1;
    font-size: 16px;
    padding: 15px 20px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    position: relative
}

.inside-3 .classifyAside .titleBig .img {
    height: 60px;
    overflow: hidden
}

.inside-3 .classifyAside .titleBig .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px
}

.inside-3 .classifyAside .titleBig .cn {
    font-size: 22px;
    line-height: 30px;
    /*height: 30px;*/
    /*overflow: hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*text-overflow: ellipsis;*/
    /*-webkit-line-clamp: 1*/
}

.inside-3 .classifyAside .titleBig .en {
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.inside-3 .classifyAside .list {
    border-bottom: 2px #77b9b6 solid;
    padding: 20px 0
}

.inside-3 .classifyAside .list > li {
    border-bottom: 1px #e3e3e3 dotted
}

.inside-3 .classifyAside .list .first {
    position: relative
}

.inside-3 .classifyAside .list .first > a {
    font-weight: 700;
    font-size: 16px;
    overflow: hidden;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    padding: 10px 40px 10px 35px;
    position: relative;
    z-index: 1
}

.inside-3 .classifyAside .list .first > a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px #69ada9 solid;
    position: absolute;
    top: 22px;
    left: 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: auto
}

.inside-3 .classifyAside .list .first .icon {
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0
}

.inside-3 .classifyAside .list .first .icon:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    z-index: 9;
    top: 19px;
    right: -20px;
    -webkit-transition: .5s;
    transition: .5s
}

.inside-3 .classifyAside .list .first:hover .icon:after {
    right: 20px;
    border-color: #69ada9
}

.inside-3 .classifyAside .list > li > a {
    font-weight: 700;
    font-size: 16px;
    overflow: hidden;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    padding: 10px 40px 10px 35px;
    position: relative;
    z-index: 1
}

.inside-3 .classifyAside .list > li > a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px #69ada9 solid;
    position: absolute;
    top: 22px;
    left: 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: auto
}

.inside-3 .classifyAside .list > li > a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    right: -35px;
    -webkit-transition: .5s;
    transition: .5s
}

.inside-3 .classifyAside .list > li > a:hover {
    color: #69ada9
}

.inside-3 .classifyAside .list > li > a:hover:after {
    border-color: #69ada9;
    right: 25px
}

.inside-3 .classifyAside .list > .active {
    border-color: #fff
}

.inside-3 .classifyAside .list > .active .first > a {
    background: #69ada9;
    color: #fff !important;
    border-radius: 25px
}

.inside-3 .classifyAside .list > .active .first > a:before {
    border-color: #fff !important
}

.inside-3 .classifyAside .list > .active .first .icon:after {
    right: 20px;
    border-color: #fff !important
}

.inside-3 .classifyAside .list > .active > a {
    background: #69ada9;
    color: #fff !important;
    border-radius: 25px
}

.inside-3 .classifyAside .list > .active > a:before {
    border-color: #fff !important
}

.inside-3 .classifyAside .list > .active > a:after {
    border-color: #fff !important;
    right: 25px
}

.inside-3 .classifyAside .list > .down {
    border-color: #e3e3e3
}

.inside-3 .classifyAside .list > .down .first .icon:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #69ada9
}

.inside-3 .classifyAside .list > .down > a:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.inside-3 .classifyAside .list > .down .child {
    display: block
}

.inside-3 .classifyAside .list .child {
    display: none
}

.inside-3 .classifyAside .list .list-2 a {
    padding: 8px 50px;
    line-height: 20px;
    display: block;
    color: #333;
    font-size: 16px;
    position: relative
}

.inside-3 .classifyAside .list .list-2 a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px #69ada9 solid;
    position: absolute;
    top: 15px;
    left: 35px;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: auto
}

.inside-3 .classifyAside .list .list-2 .active > a {
    color: #69ada9
}

.inside-3 .classifyAsideC {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    left: 0
}

.inside-3 .rightCon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 76.0416667%;
    border-left: 1px #dbdbdb solid;
    float: left;
    padding-bottom: 60px;
    padding-left: 50px
}

.inside-3 .rightCon .rightConC {
    min-height: 100%;
    padding: 0 0 0 0
}

.inside-3 .rightCon .rightConC.rightConCHAuto {
    min-height: auto
}

.inside-3 .rightCon .rightConC.rightConC-2 {
    min-height: 100%
}

.inside-3 .current-bread {
    position: relative
}

.inside-3 .current-bread .bread {
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    float: right;
    text-align: right;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.inside-3 .current {
    background-color: #fff;
    padding: 15px 0 15px 0;
    color: #333;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative
}

.inside-3 .current:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-bottom: 1px #eee dashed;
    position: absolute;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.inside-3 .current > span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    padding-left: 30px;
    padding-right: 25px
}

.inside-3 .current > span:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #eee;
    position: absolute;
    top: 12px;
    right: 0
}

.inside-3 .current .icon {
    font-size: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    left: 0
}

.inside-3 .current .icon img {
    vertical-align: top
}

@media screen and (max-width: 1280px) {
    .inside-3 .classifyAside .titleBig .img {
        width: 80px;
        height: auto
    }
}

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

    .inside-3 .asideBtnM {
        display: block !important
    }

    .inside-3 > .container {
        padding: 0 15px
    }

    .inside-3 .mask {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        width: 100vw;
        height: 100%;
        display: none;
        opacity: 1;
        z-index: 1000;
        top: 0;
        left: 0
    }

    .inside-3 .mask.show {
        display: block
    }

    .inside-3 .leftAsideMDiv {
        width: auto;
        padding-right: 0
    }

    .inside-3 .leftAside {
        display: block;
        width: 100%;
        max-width: 300px;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: -100%;
        -webkit-transition: .5s;
        transition: .5s
    }

    .inside-3 .leftAside.openM {
        left: 0
    }

    .inside-3 .classifyAside {
        position: relative;
        z-index: 999;
        padding: 0;
        min-height: 100%
    }

    .inside-3 .classifyAside .titleBig {
        font-size: 24px;
        padding: 15px 20px 15px 20px
    }

    .inside-3 .classifyAside .titleBig .img {
        height: 60px
    }

    .inside-3 .classifyAside .titleBig .text {
        padding-left: 10px
    }

    .inside-3 .classifyAside .titleBig .cn {
        font-size: 20px
    }

    .inside-3 .classifyAside .nr {
        padding: 30px 20px
    }

    .inside-3 .classifyAside .list {
        padding-top: 0;
        position: relative;
        z-index: 9
    }

    .inside-3 .classifyAside .list > li > a:after {
        right: 25px
    }

    .inside-3 .classifyAside .list .child a {
        font-size: 14px
    }

    .inside-3 .current-bread {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .inside-3 .current-bread .bread {
        width: 100%;
        position: static;
        text-align: left;
        float: none
    }

    .inside-3 .current {
        width: 100%;
        font-size: 18px;
        padding: 10px 15px 10px 4px;
        margin-bottom: 20px
    }

    .inside-3 .rightCon {
        width: 100%;
        padding: 0;
        border: none
    }

    .inside-3 .rightCon .rightConC {
        background: none;
        padding: 0 0;
        min-height: auto
    }
}

.filter {
    font-size: 14px;
    color: #000;
    margin-bottom: 20px
}

.filter dl {
    position: relative;
    padding-left: 40px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px #ececec solid
}

.filter dl:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.filter dd {
    position: relative;
    padding-right: 0
}

.filter .bt {
    line-height: 30px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0
}

.filter .child {
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px
}

.filter .child li {
    float: left;
    padding: 0 5px 10px 5px
}

.filter .child .box {
    background: #fff;
    color: #666;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    min-width: 24px;
    padding: 0 4px
}

.filter .child .box:hover {
    color: #77b9b6
}

.filter .child .all.active .box {
    color: #77b9b6
}

.filter .child .active .box {
    color: #77b9b6
}

@media screen and (max-width: 1023px) {
    .filter {
        margin-bottom: 20px
    }
}

.brand .liDiv {
    margin-bottom: 0;
    position: relative;
    z-index: 1
}

.brand .liDiv:after {
    content: "";
    display: block;
    clear: both
}

.brand .liDiv:before {
    content: "";
    display: none;
    width: 100%;
    width: 120%;
    height: 250px;
    background: url(../images/dz-bg-2.png) bottom right;
    position: absolute;
    z-index: -1;
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    bottom: -130px
}

.brand .list {
    margin-left: -25px;
    margin-right: -25px;
    position: relative
}

.brand .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 25px 35px 25px
}

.brand .list .box {
    display: block;
    text-align: center;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
}

.brand .list .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

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

.brand .list .box:hover .text {
    background: #77b9b6;
}

.brand .list .box:hover .title {
    color: #fff
}

.brand .list .pic {
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#b4e3f9), to(#e7f2f8));
    background: #fff;
    position: relative;
    overflow: hidden
}

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

.brand .list .pic .tag {
    display: inline-block;
    min-width: 90px;
    line-height: 36px;
    border-radius: 10px;
    background-color: #69ada9;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px
}

.brand .list .text {
    padding: 10px 20px;
    background: url(../images/line.jpg) top center no-repeat;
    background-size: contain;
);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.brand .list .title {
    font-size: 17px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: 400
}

@media screen and (max-width: 1800px) {
    .brand .liDiv:before {
        width: calc(100% + 100px)
    }
}

@media screen and (max-width: 1700px) {
    .brand .liDiv:before {
        width: calc(100% + 70px)
    }
}

@media screen and (max-width: 1520px) {
    .brand .liDiv:before {
        width: calc(100% + 30px)
    }
}

@media screen and (max-width: 1023px) {
    .brand .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .brand .list li {
        width: 33.33333333%;
        padding: 0 10px 20px 10px
    }

    .brand .list .pic .tag {
        min-width: 60px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 5px;
        top: 20px;
        left: 20px
    }

    .brand .list .text {
        padding: 10px 0
    }

    .brand .list .title {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .brand .list .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .brand .list .date-more {
        margin-top: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .brand .list li {
        width: 50%
    }
}

.inside-title-2 {
    clear: both;
    font-weight: 700;
    color: #4b597c;
    font-size: 24px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}

.inside-title-2 span {
    display: inline-block;
    background: #fff;
    padding-right: 60px;
    position: relative
}

.inside-title-2 .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 25px
}

.inside-title-2 .icon:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #4b597c;
    position: absolute;
    bottom: 0;
    left: 0
}

.inside-title-2 .icon:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #4b597c;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0
}

.inside-title-2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ececec;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0
}

.brand-show {
    padding-top: 0;
    color: #666;
    font-size: 16px;
    line-height: 26px
}

.brand-show .moreDiv {
    padding-top: 20px;
    text-align: right;
}

.brand-show .moreBtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100px;
    line-height: 40px;
    background: #69ada9;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    position: relative
}

.brand-show .moreBtn:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    margin-left: 5px
}

.brand-show .moreBtn:hover {
    background: #69ada9
}

.brand-show .moreBtn.up:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.brand-show .hd {
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 70px
}

.brand-show .hd .pic {
    width: 380px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 28px 0 rgba(118, 118, 118, 0.2);
    box-shadow: 0 0 28px 0 rgba(118, 118, 118, 0.2); /*background:-webkit-gradient(linear, left top, left bottom, from(#b4e3f9), to(#e7f2f8));background:linear-gradient(to bottom, #b4e3f9, #e7f2f8);*/
    position: relative;
    overflow: hidden
}

.brand-show .hd .pic:after {
    content: "";
    display: block;
    padding-top: 66.66666667%
}

.brand-show .hd .pic-2 {
    width: 380px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 28px 0 rgba(118, 118, 118, 0.2);
    box-shadow: 0 0 28px 0 rgba(118, 118, 118, 0.2);
    background: #fff;
    position: relative;
    overflow: hidden
}

.brand-show .hd .pic-2:after {
    content: "";
    display: block;
    padding-top: 66.66666667%
}

.brand-show .hd .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 50px
}

.brand-show .hd .title-show {
    font-weight: 700;
    color: #4b597c;
    font-size: 24px;
    margin-bottom: 20px
}

.brand-show .hd .info {
    line-height: 26px;
    height: 130px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 10px
}

.brand-show .hd .info.show {
    height: auto;
    -webkit-line-clamp: initial
}

.brand-show .titleBig {
    background: #f7f7f7;
    border: 1px #f0f0f0 solid;
    font-weight: 700;
    color: #69ada9;
    font-size: 20px;
    line-height: 1.5;
    padding: 15px 25px;
    position: relative;
    margin-bottom: 50px
}

.brand-show .titleBig:before {
    content: "";
    display: block;
    width: 4px;
    height: 40px;
    background: #69ada9;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -1px
}

.brand-show .part {
    padding-bottom: 50px;
}

.brand-show .part-2 .moreDiv {
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center
}

.brand-show .hidden5 {
    height: 130px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5
}

.brand-show .hidden5.show {
    height: auto;
    -webkit-line-clamp: initial
}

.brand-show .p-1 {
    margin-top: 26px;
    font-weight: 700
}

.brand-show .titleBig-2 {
    font-weight: 700;
    color: #4b597c;
    font-size: 24px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}

.brand-show .titleBig-2 span {
    display: inline-block;
    background: #fff;
    padding-right: 60px;
    position: relative
}

.brand-show .titleBig-2 .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 25px
}

.brand-show .titleBig-2 .icon:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #4b597c;
    position: absolute;
    bottom: 0;
    left: 0
}

.brand-show .titleBig-2 .icon:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #4b597c;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0
}

.brand-show .titleBig-2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ececec;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0
}

.brand-show .searchDiv {
    position: relative;
    margin-bottom: 50px
}

.brand-show .searchDiv input[type="text"] {
    border: 1px #b6c6d2 solid;
    border-radius: 3px;
    line-height: 40px;
    width: 100%;
    padding: 0 110px 0 20px
}

.brand-show .searchDiv input[type="text"]:focus {
    border-color: #69ada9
}

.brand-show .searchDiv .submitBtn {
    width: 90px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: #69ada9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px
}

.brand-show .searchDiv .submitBtn .layui-icon {
    font-size: 24px
}

.brand-show .searchDiv .submitBtn:hover {
    background: #69ada9
}

.brand-show .menuTabs {
    display: block;
    overflow: auto;
    font-size: 0;
    padding-bottom: 30px;
    -webkit-overflow-scrolling: touch
}

.brand-show .menuTabs .list {
    white-space: nowrap
}

.brand-show .menuTabs li {
    display: inline-block;
    padding-right: 15px
}

.brand-show .menuTabs li:last-child {
    padding-right: 0
}

.brand-show .menuTabs a {
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #161616;
    line-height: 40px;
    border: 1px #77b9b6 solid;
    min-width: 140px;
    padding: 0 10px
}

.brand-show .menuTabs a:hover {
    background: #69ada9;
    color: #fff
}

.brand-show .menuTabs .active a {
    background: #69ada9;
    color: #fff;
    border-color: #69ada9
}

@media screen and (max-width: 1023px) {
    .brand-show {
        font-size: 14px;
        padding-top: 0
    }

    .brand-show .part {
        padding-bottom: 30px
    }

    .brand-show .moreDiv {
        padding-top: 20px
    }

    .brand-show .hd {
        padding-top: 0;
        margin-bottom: 30px
    }

    .brand-show .hd .title-show {
        font-size: 18px;
        margin-bottom: 10px
    }

    .brand-show .hd .info {
        margin-bottom: 0
    }

    .brand-show .titleBig {
        font-size: 20px;
        padding: 10px 20px;
        margin-bottom: 20px
    }

    .brand-show .titleBig:before {
        height: 24px
    }

    .brand-show .titleBig-2 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .brand-show .titleBig-2:after {
        display: none
    }

    .brand-show .searchDiv {
        margin-bottom: 30px
    }

    .brand-show .searchDiv input[type="text"] {
        padding-left: 15px;
        padding-right: 75px
    }

    .brand-show .searchDiv .submitBtn {
        width: 60px
    }

    .brand-show .menuTabs {
        padding-bottom: 20px
    }

    .brand-show .menuTabs a {
        font-size: 14px;
        min-width: 60px;
        line-height: 34px
    }
}

@media screen and (max-width: 767px) {
    .brand-show {
        font-size: 14px
    }

    .brand-show .hd .pic {
        width: 100%
    }

    .brand-show .hd .text {
        padding: 30px 0 0 0
    }
}

.yyzt-2 .page {
    padding-top: 30px
}

.yyzt-2 .titleBig {
    text-align: center;
    font-weight: 700;
    color: #4b597c;
    font-size: 24px;
    margin-bottom: 30px
}

.yyzt-2 .list {
    margin-left: -15px;
    margin-right: -15px
}

.yyzt-2 .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 15px 30px 15px
}

.yyzt-2 .list .box {
    overflow: hidden;
    display: block;
    -webkit-box-shadow: 0 0 20px 0 rgba(181, 181, 181, 0.3);
    box-shadow: 0 0 20px 0 rgba(181, 181, 181, 0.3);
    border-radius: 8px;
    position: relative
}

.yyzt-2 .list .collect {
    position: absolute;
    z-index: 9;
    top: 20px;
    right: 20px
}

.yyzt-2 .list .pic {
    overflow: hidden;
    position: relative
}

.yyzt-2 .list .pic:after {
    content: "";
    display: block;
    padding-top: 65.625%
}

.yyzt-2 .list .pic img {
    -webkit-transition: .5s;
    transition: .5s
}

.yyzt-2 .list .title {
    background: #eee;
    color: #11170a;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.yyzt-2 .list .box:hover .title {
    background: #77b9b6;
    color: #fff
}

.yyzt-2 .list .box:hover .title a {
    color: #fff
}

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

@media screen and (max-width: 1023px) {
    .yyzt-2 .page {
        padding-top: 20px
    }

    .yyzt-2 .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .yyzt-2 .list li {
        padding: 0 10px 20px 10px
    }

    .yyzt-2 .list .title {
        font-size: 14px;
        padding: 0 5px
    }
}

@media screen and (max-width: 767px) {
    .yyzt-2 .list li {
        width: 50%
    }
}

.yyzt-show {
    color: #666;
    font-size: 16px;
    line-height: 1.625;
    overflow: hidden
}

.yyzt-show .titleBig {
    text-align: center;
    font-weight: 700;
    color: #4b597c;
    font-size: 24px;
    margin-bottom: 30px
}

.yyzt-show p {
    margin-bottom: 10px
}

.yyzt-show .p-1 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.yyzt-show .shareMore {
    padding-top: 50px
}

.yyzt-show .shareMore .list {
    margin-left: -15px;
    margin-right: -15px
}

.yyzt-show .shareMore .list li {
    width: 25%;
    float: left;
    padding: 0 15px 30px 15px
}

.yyzt-show .shareMore .list .box {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    background: #eee
}

.yyzt-show .shareMore .list .pic {
    overflow: hidden;
    position: relative
}

.yyzt-show .shareMore .list .pic:after {
    content: "";
    display: block;
    padding-top: 62.5%
}

.yyzt-show .shareMore .list .pic img {
    -webkit-transition: .5s;
    transition: .5s
}

.yyzt-show .shareMore .list .text {
    padding: 10px 10px 20px 10px
}

.yyzt-show .shareMore .list .title {
    text-align: center;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-bottom: 10px
}

.yyzt-show .shareMore .list .shareBtn {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto
}

.yyzt-show .shareMore .list .shareBtn svg {
    width: 20px;
    height: 20px;
    fill: #8b95ad
}

.yyzt-show .shareMore .list .shareBtn:hover svg {
    fill: #77b9b6
}

.yyzt-show .shareMore .list .box:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width: 1023px) {
    .yyzt-show {
        font-size: 14px;
        line-height: 2
    }

    .yyzt-show .titleBig {
        margin-bottom: 10px
    }

    .yyzt-show .shareMore .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .yyzt-show .shareMore .list li {
        padding: 0 10px 20px 10px
    }

    .yyzt-show .shareMore .list .title {
        font-size: 14px;
        padding: 0 5px
    }
}

@media screen and (max-width: 767px) {
    .yyzt-show .shareMore .list li {
        width: 50%
    }

    .yyzt-show .shareMore .list .title {
        font-size: 14px;
        padding: 0 5px
    }
}

.brandRelated {
    padding-top: 70px
}

.brandRelated .nr {
    padding-top: 30px
}

.brandRelated .list {
    margin-left: -25px;
    margin-right: -25px;
    position: relative
}

.brandRelated .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 25px 50px 25px
}

.brandRelated .list .box {
    display: block;
    border-radius: 15px;
    overflow: hidden
}

.brandRelated .list .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

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

.brandRelated .list .box:hover .title {
    color: #77b9b6
}

.brandRelated .list .pic {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 28px 0 rgba(118, 118, 118, 0.2);
    box-shadow: 0 0 28px 0 rgba(118, 118, 118, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, from(#b4e3f9), to(#e7f2f8));
    background: #fff;
    position: relative;
    overflow: hidden
}

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

.brandRelated .list .pic .tag {
    display: inline-block;
    min-width: 90px;
    line-height: 36px;
    border-radius: 10px;
    background-color: #69ada9;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
    position: absolute;
    top: 20px;
    left: 20px
}

.brandRelated .list .text {
    padding: 20px 20px 10px 20px
}

.brandRelated .list .title {
    color: #11170a;
    font-size: 17px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: 400
}

.brandRelated .swiper-container-initialized .list {
    margin-left: 0;
    margin-right: 0
}

.brandRelated .swiper-container-initialized .list li {
    padding-left: 0;
    padding-right: 0
}

.brandRelated .swiper-pagination {
    text-align: center;
    position: static
}

.brandRelated .swiper-pagination-bullet {
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 5px;
    background-color: transparent;
    opacity: 1;
    position: relative
}

.brandRelated .swiper-pagination-bullet:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #999;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.brandRelated .swiper-pagination-bullet-active:before {
    background: #69ada9
}

@media screen and (max-width: 1023px) {
    .brandRelated {
        padding-top: 40px
    }

    .brandRelated .nr {
        padding-top: 0
    }

    .brandRelated .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .brandRelated .list li {
        width: 33.33333333%;
        padding: 0 10px 20px 10px
    }

    .brandRelated .list .pic .tag {
        min-width: 60px;
        font-size: 12px;
        line-height: 24px;
        border-radius: 5px;
        top: 20px;
        left: 20px
    }

    .brandRelated .list .text {
        padding: 10px 0
    }

    .brandRelated .list .title {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .brandRelated .list .info {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .brandRelated .list .date-more {
        margin-top: 20px;
        padding-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .brandRelated .list li {
        width: 50%
    }
}

.bottomTjpp {
    margin-bottom: 100px
}

.bottomTjpp .box {
    min-height: 100%;
    display: block;
    border-radius: 10px;
    color: #fff;
    padding: 60px 90px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #77b9b6
}

.bottomTjpp .title {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 3px;
    margin-bottom: 35px
}

.bottomTjpp .btnDiv a {
    border: 1px #fff solid;
    background: transparent;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    min-width: 92px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    position: relative;
    z-index: 1
}

.bottomTjpp .btnDiv a:hover {
    background: #69ada9
}

@media screen and (max-width: 767px) {
    .bottomTjpp {
        margin-bottom: 40px
    }

    .bottomTjpp .box {
        padding: 20px 20px
    }

    .bottomTjpp .title {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 10px
    }
}

.bottomTjpp-2 {
    overflow: hidden;
    margin-bottom: 100px
}

.bottomTjpp-2 .list {
    margin-left: -40px;
    margin-right: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bottomTjpp-2 .list li {
    width: 50%;
    padding: 0 40px;
    float: left
}

.bottomTjpp-2 .box {
    min-height: 100%;
    display: block;
    border-radius: 10px;
    color: #fff;
    padding: 45px 40px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #77b9b6
}

.bottomTjpp-2 .title {
    font-size: 30px;
    line-height: 45px;
    height: 90px;
    letter-spacing: 3px;
    margin-bottom: 20px
}

.bottomTjpp-2 .btnDiv a {
    border: 1px #fff solid;
    background: transparent;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    min-width: 92px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    position: relative;
    z-index: 1
}

.bottomTjpp-2 .btnDiv a:hover {
    background: #69ada9
}

@media screen and (max-width: 1023px) {
    .bottomTjpp-2 .list {
        margin-left: -20px;
        margin-right: -20px
    }

    .bottomTjpp-2 .list li {
        padding: 0 20px
    }
}

@media screen and (max-width: 767px) {
    .bottomTjpp-2 {
        margin-bottom: 40px
    }

    .bottomTjpp-2 .list {
        margin-left: 0;
        margin-right: 0
    }

    .bottomTjpp-2 .list li {
        width: 100%;
        padding: 0 0 20px 0
    }

    .bottomTjpp-2 .box {
        padding: 30px 20px
    }

    .bottomTjpp-2 .title {
        font-size: 20px;
        line-height: 30px;
        height: 60px;
        letter-spacing: 0;
        margin-bottom: 10px
    }
}

.zhinan {
    padding: 100px 0;
    color: #6c768d;
    font-size: 18px
}

.zhinan .jianjie {
    color: #11170a;
    font-size: 22px;
    margin-bottom: 50px
}

.zhinan .part {
    padding: 40px 49px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.22);
    margin-bottom: 60px
}

.zhinan .part .num {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    background: #69ada9;
    color: #fff;
    min-width: 150px;
    line-height: 44px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    margin-bottom: 30px
}

.zhinan .part .info {
    margin-bottom: 30px
}

.zhinan .part .pic {
    border: 1px #949796 solid
}

.zhinan .tishi {
    color: #11170a;
    font-size: 20px
}

@media screen and (max-width: 1023px) {
    .zhinan {
        padding: 40px 0;
        font-size: 14px
    }

    .zhinan .jianjie {
        font-size: 16px;
        margin-bottom: 30px
    }

    .zhinan .part {
        padding: 20px 29px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.22);
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.22);
        margin-bottom: 30px
    }

    .zhinan .part .num {
        font-size: 16px;
        min-width: 110px;
        line-height: 44px;
        border-top-right-radius: 22px;
        border-bottom-right-radius: 22px;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        margin-bottom: 20px
    }

    .zhinan .part .info {
        margin-bottom: 20px
    }

    .zhinan .tishi {
        font-size: 14px
    }
}

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

.about .container {
    position: relative
}

.about .anchor {
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    top: -40px;
    left: 0
}

.about .jianjie {
    color: #11170a;
    font-size: 22px;
    margin-bottom: 30px
}

.about .pic {
    text-align: center;
    position: relative
}

.about .pic .picC {
    width: 1648px;
    -webkit-transform: translateX(-104px);
    transform: translateX(-104px)
}

@media screen and (max-width: 1700px) {
    .about .pic .picC {
        width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 1023px) {
    .about {
        padding: 40px 0;
        font-size: 14px
    }

    .about .jianjie {
        font-size: 16px;
        margin-bottom: 30px
    }
}

.about-youshi {
    padding-top: 120px;
    padding-bottom: 120px
}

.about-youshi .list li {
    padding-bottom: 70px
}

.about-youshi .list li:last-child {
    padding-bottom: 0
}

.about-youshi .list li:nth-child(2n) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.about-youshi .list li:nth-child(2n) .pic {
    padding-left: 80px
}

.about-youshi .list li:nth-child(2n) .picC {
    float: right;
    padding-right: 0
}

.about-youshi .list li:nth-child(2n) .text {
    padding-left: 0;
    padding-right: 20px
}

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

.about-youshi .list .pic {
    width: 50%;
    padding-right: 80px
}

.about-youshi .list .picC {
    max-width: 600px
}

.about-youshi .list .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 20px;
    padding-left: 20px
}

.about-youshi .list .title {
    font-weight: 700;
    color: #161616;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px
}

.about-youshi .list .info {
    color: #6c768d;
    font-size: 20px;
    line-height: 2
}

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

    .about-youshi .list li {
        border-bottom: 1px #eee solid;
        padding-bottom: 0;
        margin-bottom: 30px
    }

    .about-youshi .list li:last-child {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0
    }

    .about-youshi .list .pic {
        width: 100%;
        padding: 0 !important
    }

    .about-youshi .list .picC {
        float: none !important
    }

    .about-youshi .list .text {
        width: 100%;
        padding: 30px 0 !important
    }

    .about-youshi .list .title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .about-youshi .list .info {
        font-size: 14px
    }
}

.youshizhanshi {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #f5f6f6;
    padding: 100px 0 60px 0;
    position: relative
}

.youshizhanshi .anchor {
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    top: -40px;
    left: 0
}

.youshizhanshi .home-title {
    margin-bottom: 25px
}

@media screen and (max-width: 1023px) {
    .youshizhanshi {
        padding: 40px 0 20px 0
    }
}

.shuju {
    padding: 40px 0 0 0;
    color: #6c768d;
    font-size: 16px
}

.shuju .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.shuju .list:after {
    display: none
}

.shuju .list li {
    float: left;
    padding: 0 10px 20px 10px
}

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

.shuju .list .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 40px
}

.shuju .list .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.shuju .list sub {
    color: #77b9b6;
    vertical-align: bottom;
    font-size: 18px
}

.shuju .list .quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: "Oswald-Regular";
    color: #161616;
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 6px
}

.shuju .list .num {
    margin-right: 10px
}

.shuju .list .title {
    line-height: 1.5;
    position: relative
}

@media screen and (max-width: 1023px) {
    .shuju {
        padding: 20px 0 0 0
    }

    .shuju .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .shuju .list li {
        padding: 0 10px 20px 10px
    }

    .shuju .list .box {
        display: block;
        text-align: left
    }

    .shuju .list .quantity {
        line-height: 30px;
        font-size: 30px;
        margin-bottom: 10px
    }

    .shuju .list .icon {
        width: 40px;
        height: 40px;
        margin-top: 0;
        margin: auto auto 10px auto
    }

    .shuju .list .text {
        padding-left: 5px
    }

    .shuju .list .title {
        font-size: 14px
    }
}

.contact {
    padding: 100px 0
}

.contact .lxfs {
    padding-bottom: 50px
}

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

.contact .lxfs .list:after {
    display: none
}

.contact .lxfs .list li {
    width: 25%;
    float: left;
    padding: 0 10px 30px 10px
}

.contact .lxfs .list .box {
    display: block;
    text-align: center
}

.contact .lxfs .list .icon {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    background-color: #77b9b6;
    border-radius: 10px
}

.contact .lxfs .list .text {
    padding: 10px 0
}

.contact .lxfs .list .title {
    font-size: 18px;
    color: #7a7a7a
}

.contact .lxfs .list .info {
    font-size: 18px;
    color: #050505
}

.contact .lxfs .list .info a {
    color: #050505
}

.contact .lxfs .list .info a:hover {
    color: #77b9b6
}

@media screen and (max-width: 1023px) {
    .contact {
        padding: 40px 0
    }

    .contact .lxfs {
        padding-bottom: 20px
    }

    .contact .lxfs .list .icon {
        width: 60px;
        height: 60px
    }

    .contact .lxfs .list .title {
        font-size: 16px
    }

    .contact .lxfs .list .info {
        font-size: 14px
    }
}

@media screen and (max-width: 767px) {
    .contact .lxfs .list li {
        width: 50%;
        padding-bottom: 20px
    }
}

.message {
    padding-top: 100px;
    position: relative
}

.message .anchor {
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    top: -40px;
    left: 0
}

.message .titleBig {
    color: #333;
    text-align: center;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 50px;
    position: relative
}

.message .titleBig:after {
    content: "";
    display: block;
    width: 60px;
    height: 5px;
    border-radius: 5px;
    margin: auto;
    background-color: #77b9b6
}

.message .list {
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.message .list li {
    width: 100%;
    float: left;
    padding: 0 15px 20px 15px;
    position: relative
}

.message .list .box {
    position: relative
}

.message .list .title {
    font-weight: 700;
    color: #333;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 15px
}

.message .list .xh {
    color: #fb0b0b;
    margin-right: 5px;
    position: absolute;
    top: 14px;
    left: 10px
}

.message .list .input-form, .message .list .textarea-form {
    background-color: #f8f8f8;
    border-radius: 5px;
    color: #333;
    vertical-align: middle;
    border: none;
    border: #f8f8f8 solid 1px;
    padding: 0 20px;
    line-height: 48px;
    font-size: 16px;
    width: 100%
}

.message .list .input-form:focus, .message .list .textarea-form:focus {
    border-color: #77b9b6
}

.message .list .input-form::-webkit-input-placeholder, .message .list .textarea-form::-webkit-input-placeholder {
    color: #000
}

.message .list .input-form:-ms-input-placeholder, .message .list .textarea-form:-ms-input-placeholder {
    color: #000
}

.message .list .input-form:-moz-placeholder, .message .list .textarea-form:-moz-placeholder {
    color: #000
}

.message .list .input-form:placeholder, .message .list .textarea-form:placeholder {
    color: rgba(255, 255, 255, 0.7)
}

.message .list .input-form {
    height: 50px
}

.message .list .textarea-form {
    line-height: 30px;
    padding: 10px 20px 10px 20px;
    width: 100%;
    min-height: 110px
}

.message .list .textarea-form:focus {
    border: #77b9b6 solid 1px
}

.message .list .col-2 {
    width: 50%;
    float: left;
    position: relative;
    text-align: left
}

.message .list .agree-btn .box {
    overflow: hidden
}

.message .list .agree {
    color: #000;
    line-height: 30px;
    padding: 15px 0;
    font-size: 16px;
    float: left
}

.message .list .agree a {
    color: #999
}

.message .list .agree a:hover {
    text-decoration: underline;
    color: #77b9b6
}

.message .list .submit {
    float: right;
    font-size: 18px;
    display: inline-block;
    min-width: 200px;
    border-radius: 5px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    background: #69ada9;
    color: #fff;
    border: none;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.message .list .submit:hover {
    background-color: #69ada9
}

.message .list .layui-form-checkbox[lay-skin=primary] > div {
    font-size: 16px;
    color: #000;
    padding-right: 0
}

.message .list .yzmImg {
    height: 50px;
    width: 160px;
    position: absolute;
    top: 1px;
    right: 1px
}

@media screen and (max-width: 1023px) {
    .message {
        padding-top: 40px
    }

    .message .nr {
        margin-top: 30px
    }

    .message .titleBig {
        font-size: 24px
    }

    .message .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .message .list:before {
        display: none
    }

    .message .list li {
        width: 100%;
        padding: 0 5px 10px 5px
    }

    .message .list li:last-child {
        padding-bottom: 0
    }

    .message .list .col-2 {
        width: 100%
    }

    .message .list .input-form, .message .list .textarea-form {
        font-size: 14px;
        padding-left: 25px;
        padding-right: 15px;
        line-height: 48px;
        height: 50px
    }

    .message .list .textarea-form {
        height: 140px
    }

    .message .list .layui-form-checkbox[lay-skin=primary] > div {
        font-size: 14px
    }

    .message .list .submit {
        width: 100%;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
        height: 50px;
        border-radius: 5px;
        max-width: 100%;
        padding: 0 10px;
        border: none;
        margin: 0
    }

    .message .list .submit:hover {
        background: #eee
    }

    .message .list .agree {
        font-size: 14px
    }
}

.contact-map {
    text-align: center
}

.inside-2 {
    background-color: #f1f2f3;
    padding-top: 60px;
    padding-bottom: 100px
}

.inside-2 > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1280px
}

.inside-2 .asideBtnM {
    display: none;
    font-size: 14px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #77b9b6;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 0;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 0
}

.inside-2 .asideBtnM .txt {
    display: none
}

.inside-2 .asideBtnM .icon {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -4px
}

.inside-2 .leftAsideMDiv {
    width: 23.4375%;
    float: left
}

.inside-2 .leftAside {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inside-2 .classifyAside {
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    padding-top: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(20, 56, 102, 0.08);
    box-shadow: 0 0 20px 0 rgba(20, 56, 102, 0.08);
    position: relative;
    z-index: 1
}

.inside-2 .classifyAside a {
    color: #666
}

.inside-2 .classifyAside .titleBig {
    background-color: #69ada9;
    color: #fff;
    line-height: 1;
    font-size: 16px;
    padding: 35px 15px 35px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.inside-2 .classifyAside .titleBig > a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inside-2 .classifyAside .titleBig .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

.inside-2 .classifyAside .titleBig .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    overflow: hidden;
    max-width: 180px
}

.inside-2 .classifyAside .titleBig .name {
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 5px
}

.inside-2 .classifyAside .titleBig .info {
    font-size: 14px;
    word-wrap: break-word
}

.inside-2 .classifyAside .list {
    padding: 30px 0
}

.inside-2 .classifyAside .list > li {
    padding: 0 0 10px 0
}

.inside-2 .classifyAside .list .title {
    color: #4b597c;
    font-weight: 700;
    font-size: 18px;
    position: relative
}

.inside-2 .classifyAside .list .title a, .inside-2 .classifyAside .list .title span {
    overflow: hidden;
    color: #4b597c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 34px;
    padding: 8px 0 8px 30px;
    position: relative;
    z-index: 1
}

.inside-2 .classifyAside .list .title a:before, .inside-2 .classifyAside .list .title span:before {
    content: "";
    display: block;
    width: 3px;
    height: 0;
    background-color: #69ada9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin: auto
}

.inside-2 .classifyAside .list .title a:hover {
    color: #69ada9
}

.inside-2 .classifyAside .list .title a:hover .icon .img-1 {
    display: none
}

.inside-2 .classifyAside .list .title a:hover .icon .img-2 {
    display: block
}

.inside-2 .classifyAside .list .title .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    vertical-align: top
}

.inside-2 .classifyAside .list .title .icon .img-2 {
    display: none
}

.inside-2 .classifyAside .list .has .title {
    cursor: pointer;
    position: relative
}

.inside-2 .classifyAside .list .has .icon-arrow {
    width: 8px;
    height: 8px;
    border-right: 1px #4b597c solid;
    border-bottom: 1px #4b597c solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    right: 35px;
    -webkit-transition: .5s;
    transition: .5s
}

.inside-2 .classifyAside .list .has .child {
    display: block
}

.inside-2 .classifyAside .list .active .title a, .inside-2 .classifyAside .list .active .title span {
    color: #69ada9
}

.inside-2 .classifyAside .list .active .title a .icon .img-1, .inside-2 .classifyAside .list .active .title span .icon .img-1 {
    display: none
}

.inside-2 .classifyAside .list .active .title a .icon .img-2, .inside-2 .classifyAside .list .active .title span .icon .img-2 {
    display: block
}

.inside-2 .classifyAside .list .active .title .icon-arrow {
    border-color: #69ada9
}

.inside-2 .classifyAside .list .down .icon-arrow {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.inside-2 .classifyAside .list .child {
    display: none;
    overflow: hidden
}

.inside-2 .classifyAside .list .child > .list-2 > li {
    position: relative
}

.inside-2 .classifyAside .list .child a {
    color: #949796;
    font-size: 16px;
    display: block;
    line-height: 34px;
    padding: 3px 30px 3px 70px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.inside-2 .classifyAside .list .child a:hover {
    padding-left: 80px;
    color: #69ada9
}

.inside-2 .classifyAside .list .child .active a {
    color: #69ada9;
    padding-left: 70px
}

.inside-2 .rightCon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 76.5625%;
    float: left;
    padding-left: 40px
}

.inside-2 .rightCon .rightConC {
    min-height: calc(100% - 80px);
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(20, 56, 102, 0.08);
    box-shadow: 0 0 20px 0 rgba(20, 56, 102, 0.08);
    padding: 40px 30px 60px 30px
}

.inside-2 .rightCon .rightConC.rightConCHAuto {
    min-height: auto
}

.inside-2 .rightCon .rightConC.rightConC-2 {
    min-height: 100%
}

.inside-2 .current {
    background-color: #fff;
    padding: 15px 30px 15px 30px;
    color: #4b597c;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(20, 56, 102, 0.08);
    box-shadow: 0 0 20px 0 rgba(20, 56, 102, 0.08);
    position: relative
}

.inside-2 .current:before {
    content: "";
    display: block;
    width: 4px;
    height: 22px;
    background: #77b9b6;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media screen and (max-width: 1023px) {
    .inside-2 {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #fff
    }

    .inside-2 .asideBtnM {
        display: block !important
    }

    .inside-2 > .container {
        padding: 0 15px
    }

    .inside-2 .mask {
        position: fixed;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        width: 100vw;
        height: 100%;
        display: none;
        opacity: 1;
        z-index: 1000;
        top: 0;
        left: 0
    }

    .inside-2 .mask.show {
        display: block
    }

    .inside-2 .leftAsideMDiv {
        width: auto
    }

    .inside-2 .leftAside {
        display: block;
        width: 100%;
        max-width: 300px;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: -100%;
        -webkit-transition: .5s;
        transition: .5s
    }

    .inside-2 .leftAside.openM {
        left: 0
    }

    .inside-2 .classifyAside {
        position: relative;
        z-index: 999;
        padding: 0;
        min-height: 100%
    }

    .inside-2 .classifyAside .titleBig {
        font-size: 24px
    }

    .inside-2 .classifyAside .titleBig {
        padding: 15px 20px 15px 20px
    }

    .inside-2 .classifyAside .titleBig .img {
        width: 50px;
        height: 50px;
        border-radius: 50%
    }

    .inside-2 .classifyAside .titleBig .text {
        padding: 5px 0 0 15px;
        max-width: 220px
    }

    .inside-2 .classifyAside .titleBig .name {
        font-size: 16px;
        height: 20px;
        line-height: 20px
    }

    .inside-2 .classifyAside .list {
        position: relative;
        z-index: 9
    }

    .inside-2 .classifyAside .list .title {
        font-size: 16px
    }

    .inside-2 .classifyAside .list .title a, .inside-2 .classifyAside .list .title span {
        padding-left: 50px
    }

    .inside-2 .classifyAside .list .title .icon {
        margin-right: 5px
    }

    .inside-2 .classifyAside .list .child a {
        font-size: 14px
    }

    .inside-2 .rightCon {
        width: 100%;
        padding: 0
    }

    .inside-2 .rightCon .menu-1 {
        margin-bottom: 10px
    }

    .inside-2 .rightCon .menu-1 .menuList {
        margin-left: -5px;
        margin-right: -5px
    }

    .inside-2 .rightCon .menu-1 .menuList li {
        padding: 0 5px 20px 5px
    }

    .inside-2 .rightCon .menu-1 .menuList .icon {
        width: 40px;
        height: 40px
    }

    .inside-2 .rightCon .menu-2 .menuList {
        margin-right: 0
    }

    .inside-2 .rightCon .filterMember dl {
        padding-bottom: 10px
    }

    .inside-2 .rightCon .filterMember .filterList li {
        padding: 0 2px 4px 2px
    }

    .inside-2 .rightCon .rightConC {
        padding: 30px 15px;
        min-height: auto
    }

    .inside-2 .current {
        font-size: 18px;
        padding: 10px 15px;
        margin-bottom: 20px
    }
}

.grzx .titleBig {
    font-weight: 700;
    color: #161616;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px
}

.grzx .kjdh {
    padding-bottom: 10px
}

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

.grzx .kjdh .list:after {
    display: none
}

.grzx .kjdh .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 15px 30px 20px
}

.grzx .kjdh .list .box {
    border-radius: 15px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 40px 25px 25px 25px;
    position: relative;
    -webkit-box-shadow: 0 0 10px 0 rgba(37, 144, 215, 0.2);
    box-shadow: 0 0 10px 0 rgba(37, 144, 215, 0.2);
    -webkit-transition: .5s;
    transition: .5s
}

.grzx .kjdh .list .box:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(37, 144, 215, 0.5);
    box-shadow: 0 0 20px 0 rgba(37, 144, 215, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.grzx .kjdh .list .num {
    color: #f2f4f9;
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 15px
}

.grzx .kjdh .list .title {
    font-size: 18px;
    line-height: 20px
}

.grzx .kjdh .list .icon {
    width: 120px;
    height: 120px;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 0
}

.grzx .tuijian {
    padding-bottom: 10px
}

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

.grzx .tuijian .list:after {
    display: none
}

.grzx .tuijian .list li {
    width: 25%;
    float: left;
    padding: 0 15px 30px 20px
}

.grzx .tuijian .list .box {
    border-radius: 15px;
    text-align: center;
    background-color: #fff;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
    box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33)
}

.grzx .tuijian .list .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

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

.grzx .tuijian .list .box:hover .text .title {
    color: #77b9b6
}

.grzx .tuijian .list .pic {
    position: relative;
    overflow: hidden
}

.grzx .tuijian .list .pic:after {
    content: "";
    display: block;
    padding-top: 62.63736264%
}

.grzx .tuijian .list .text {
    position: relative
}

.grzx .tuijian .list .title {
    color: #161616;
    font-size: 18px;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    font-weight: 700
}

.grzx .yhcx .box {
    min-height: 100%;
    display: block;
    border-radius: 15px;
    color: #fff;
    padding: 45px 50px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #77b9b6
}

.grzx .yhcx .title {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 3px;
    margin-bottom: 35px
}

.grzx .yhcx .btnDiv a {
    border: 1px #fff solid;
    background: transparent;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    min-width: 92px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    position: relative;
    z-index: 1
}

.grzx .yhcx .btnDiv a:hover {
    background: #69ada9
}

@media screen and (max-width: 1023px) {
    .grzx .titleBig {
        font-size: 20px
    }

    .grzx .kjdh .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .grzx .kjdh .list li {
        padding: 0 10px 20px 10px
    }

    .grzx .kjdh .list .num {
        font-size: 48px
    }

    .grzx .kjdh .list .title {
        font-size: 14px
    }

    .grzx .kjdh .list .icon {
        width: 100px;
        height: 100px
    }

    .grzx .tuijian .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .grzx .tuijian .list li {
        padding: 0 10px 20px 10px
    }

    .grzx .tuijian .list .title {
        font-size: 16px;
        height: 60px;
        line-height: 60px
    }

    .grzx .yhcx {
        margin-bottom: 40px
    }

    .grzx .yhcx .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .grzx .yhcx .list li {
        padding: 0 10px 20px 10px
    }

    .grzx .yhcx .list .box {
        padding: 40px 20px
    }

    .grzx .yhcx .list .title {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .grzx .kjdh .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .grzx .kjdh .list li {
        padding: 0 5px 10px 5px
    }

    .grzx .kjdh .list .box {
        padding: 20px 10px
    }

    .grzx .kjdh .list .num {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 10px
    }

    .grzx .kjdh .list .icon {
        width: 60px;
        height: 60px
    }

    .grzx .tuijian .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .grzx .tuijian .list li {
        padding: 0 5px 10px 5px;
        width: 50%
    }

    .grzx .yhcx .box {
        padding: 20px 20px
    }

    .grzx .yhcx .title {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 10px
    }
}

.table-1 {
    color: #666;
    line-height: 20px;
    font-size: 14px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 40px
}

.table-1 .tr-hd {
    background: #77b9b6;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    text-align: center
}

.table-1 th {
    background: #77b9b6;
    color: #fff;
    min-width: 90px
}

.table-1 th:nth-child(1) {
    text-align: left;
    padding-left: 20px
}

.table-1 td {
    padding: 10px 5px;
    text-align: center
}

.table-1 td:nth-child(1) {
    text-align: left;
    padding-left: 20px
}

.table-1 tr:nth-child(2n+1) {
    background: #f7f7f7
}

.table-1 .ytj, .table-1 .yes {
    color: #69ada9
}

.table-1 .a-1 {
    color: #69ada9;
    text-decoration: underline
}

.table-1 .a-1:hover {
    color: #69ada9;
    text-decoration: underline
}

.wddd {
    padding-bottom: 30px;
    position: relative
}

.wddd .operation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    clear: both;
    margin-bottom: 30px
}

.wddd .operation .searchDiv {
    width: 70%;
    position: relative
}

.wddd .operation .searchDiv input[type="text"] {
    border: 1px #b6c6d2 solid;
    border-radius: 3px;
    line-height: 38px;
    width: 100%;
    padding: 0 70px 0 20px
}

.wddd .operation .searchDiv input[type="text"]:focus {
    border-color: #69ada9
}

.wddd .operation .searchDiv .submitBtn {
    width: 50px;
    height: 40px;
    line-height: 38px;
    border-radius: 3px;
    color: #77b9b6;
    background: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px
}

.wddd .operation .searchDiv .submitBtn .layui-icon {
    font-size: 24px
}

.wddd .operation .searchDiv .submitBtn:hover {
    color: #69ada9
}

.wddd .operation .deleteBtn {
    display: inline-block;
    min-width: 90px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    border-radius: 3px;
    background: #77b9b6;
    color: #fff
}

.wddd .operation .deleteBtn:hover {
    background: #006ab7
}

.wddd .operationFt {
    position: relative;
    color: #666;
    line-height: 60px;
    font-size: 16px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    text-align: right
}

.wddd .operationFt .container {
    background: #fff;
    position: relative;
    padding-left: 80px;
    padding-right: 110px;
    padding-bottom: 0
}

.wddd .operationFt .container:after {
    content: "";
    display: block;
    clear: both
}

.wddd .operationFt .qx {
    float: left;
    text-align: left;
    padding: 10px 0 10px 0;
    line-height: 16px;
    position: absolute;
    top: 10px;
    left: 20px
}

.wddd .operationFt .qx .checkboxDiv-2 {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px
}

.wddd .operationFt .submitBtn {
    background: #69ada9;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px;
    min-width: 130px;
    text-align: center;
    height: 100%;
    padding: 0 0;
    line-height: 60px;
    position: absolute;
    top: 0;
    right: -1px
}

.wddd .operationFt .submitBtn:hover {
    text-decoration: none;
    background: #69ada9
}

.wddd .operationFt .yxz {
    display: inline-block;
    color: #616161;
    padding-right: 20px;
    margin-right: 20px;
    position: relative
}

.wddd .operationFt .yxz .num {
    vertical-align: top;
    color: #69ada9;
    font-weight: 400
}

.wddd .operationFt.fixed {
    -webkit-box-shadow: 0 -1px 8px rgba(0, 1, 1, 0.08);
    box-shadow: 0 -1px 8px rgba(0, 1, 1, 0.08);
    background: #fff;
    position: fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    bottom: 0
}

@media screen and (max-width: 1023px) {
    .wddd .operation .searchDiv {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px
    }

    .wddd .operation .searchDiv input[type="text"] {
        padding: 0 45px 0 10px
    }

    .wddd .operation .searchDiv .submitBtn {
        width: 40px
    }

    .wddd .operation .deleteBtn {
        min-width: 80px
    }

    .wddd .operationFt {
        font-size: 14px
    }

    .wddd .operationFt .container {
        padding-left: 0;
        padding-right: 70px
    }

    .wddd .operationFt .submitBtn {
        font-size: 14px;
        line-height: 20px;
        min-width: 60px;
        width: 60px;
        padding: 10px 5px
    }

    .wddd .operationFt .submitBtn span {
        display: block
    }
}

.grxx {
    color: #666;
    font-size: 14px
}

.grxx .listGrxx {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -10px;
    margin-right: -10px
}

.grxx .listGrxx li {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    clear: both
}

.grxx .listGrxx .col-2 {
    width: 50%;
    float: left;
    clear: none
}

.grxx .listGrxx .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 44px
}

.grxx .listGrxx .bt {
    width: 70px;
    text-align: right;
    font-size: 16px
}

.grxx .listGrxx .xh {
    color: #f00
}

.grxx .listGrxx .editDiv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px
}

.grxx .listGrxx .input-form {
    width: 100%
}

.grxx .listGrxx .textarea-form {
    width: 100%;
    min-height: 110px
}

.grxx .listGrxx .selectDiv {
    width: 100%
}

@media screen and (max-width: 1023px) {
    .grxx .listGrxx {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    .grxx .listGrxx li {
        padding-bottom: 10px
    }

    .grxx .listGrxx .box {
        display: block
    }

    .grxx .listGrxx .bt {
        width: 100%;
        text-align: left;
        font-size: 14px
    }

    .grxx .listGrxx .editDiv {
        width: 100%;
        padding-left: 0
    }

    .grxx .listGrxx .input-form {
        width: 100%
    }

    .grxx .listGrxx .btnDiv {
        padding-top: 20px
    }
}

.txzp {
    padding-top: 20px
}

.txzp .uploadFile {
    background: #77b9b6;
    color: #fff;
    min-width: 120px;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    font-size: 16px
}

.txzp .uploadFile:hover {
    background-color: #006ab7
}

.txzp .tips {
    color: #999;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px
}

.txzp .update-img {
    max-width: 550px;
    background: #f9f9f9;
    border: 1px solid #e9eaec;
    text-align: center;
    padding: 30px 30px
}

.txzp .btnDiv {
    padding-top: 20px
}

.xgmm {
    color: #666;
    font-size: 14px
}

.xgmm .listXgmm {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 540px
}

.xgmm .listXgmm li {
    padding-bottom: 20px
}

.xgmm .listXgmm .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 44px
}

.xgmm .listXgmm .bt {
    width: 120px;
    text-align: right;
    font-size: 16px
}

.xgmm .listXgmm .xh {
    color: #f00
}

.xgmm .listXgmm .editDiv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px
}

.xgmm .listXgmm .input-form {
    width: 100%
}

@media screen and (max-width: 1023px) {
    .xgmm .listXgmm {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    .xgmm .listXgmm li {
        padding-bottom: 10px
    }

    .xgmm .listXgmm .box {
        display: block
    }

    .xgmm .listXgmm .bt {
        width: 100%;
        text-align: left;
        font-size: 14px
    }

    .xgmm .listXgmm .editDiv {
        width: 100%;
        padding-left: 0
    }

    .xgmm .listXgmm .input-form {
        width: 100%
    }

    .xgmm .listXgmm .btnDiv {
        padding-top: 20px
    }
}

.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: middle
}

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

.page a svg, .page span svg {
    fill: #333;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    margin-left: 5px
}

.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: #77b9b6;
    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
    }
}

.uploadFile {
    font-size: 14px;
    min-width: 160px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    position: relative;
    color: #adadad
}

.uploadFile input[type="file"] {
    font-size: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.uploadFile .iconfont {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.uploadFile:hover {
    background: #69ada9;
    color: #fff
}

.radioDiv {
    cursor: pointer;
    vertical-align: middle;
    position: relative
}

.radioDiv .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.radioDiv .icon:before {
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e605";
    color: #fff;
    vertical-align: top
}

.radioDiv input[type="radio"] {
    display: none !important
}

.radioDiv input[type="radio"]:checked + .icon {
    background-color: #69ada9;
    border-color: #69ada9
}

.reduceAdd {
    width: 60px;
    line-height: 32px;
    height: 34px;
    color: #fff;
    display: inline-block;
    padding-right: 16px;
    position: relative
}

.reduceAdd .add, .reduceAdd .reduce {
    width: 17px;
    height: 18px;
    border: 1px #ccc solid;
    background-color: #ededed;
    cursor: pointer;
    position: absolute;
    z-index: 0
}

.reduceAdd .add:before, .reduceAdd .reduce:before, .reduceAdd .add:after, .reduceAdd .reduce:after {
    content: "";
    display: block;
    background-color: #666;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.reduceAdd .add:hover, .reduceAdd .reduce:hover {
    z-index: 1;
    border-color: #69ada9;
    background-color: #69ada9
}

.reduceAdd .add:hover:before, .reduceAdd .reduce:hover:before, .reduceAdd .add:hover:after, .reduceAdd .reduce:hover:after {
    background-color: #fff
}

.reduceAdd .reduce {
    bottom: 0;
    right: 0
}

.reduceAdd .reduce:before {
    width: 8px;
    height: 2px
}

.reduceAdd .reduce:after {
    display: none
}

.reduceAdd .add {
    top: 0;
    right: 0
}

.reduceAdd .add:before {
    width: 8px;
    height: 2px
}

.reduceAdd .add:after {
    width: 2px;
    height: 8px
}

.reduceAdd input {
    font-size: 14px;
    line-height: 52px;
    height: 34px;
    width: 100%;
    font-weight: 400;
    border: 1px #ccc solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: #fff;
    color: #333;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.reduceAdd input::-webkit-outer-spin-button, .reduceAdd input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.reduceAdd input:focus {
    -webkit-box-shadow: 0 0 10px 0 #69ada9;
    box-shadow: 0 0 10px 0 #69ada9;
    border-color: #69ada9;
    z-index: 9
}

.input-form {
    width: auto;
    min-width: 128px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333;
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    line-height: 42px;
    height: 44px;
    padding: 0 10px
}

.input-form:focus {
    border-color: #77b9b6
}

.input-form::-webkit-input-placeholder {
    color: #999
}

.input-form:-ms-input-placeholder {
    color: #999
}

.input-form:-moz-placeholder {
    color: #999
}

.input-form:placeholder {
    color: #333
}

.textarea-form {
    width: auto;
    min-width: 128px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #333;
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 10px
}

.textarea-form:focus {
    border-color: #77b9b6
}

.textarea-form::-webkit-input-placeholder {
    color: #999
}

.textarea-form:-ms-input-placeholder {
    color: #999
}

.textarea-form:-moz-placeholder {
    color: #999
}

.textarea-form:placeholder {
    color: #333
}

.selectDiv {
    display: inline-block;
    position: relative
}

.selectDiv:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1px #333 solid;
    border-bottom: 1px #333 solid;
    position: absolute;
    top: 15px;
    right: 8px;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.selectDiv select {
    width: 100%;
    height: 44px;
    line-height: 42px;
    border: 1px #d6d6d6 solid;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 30px;
    color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.primary-btn {
    min-width: 120px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #333;
    border: 1px #77b9b6 solid;
    background-color: #77b9b6;
    color: #fff !important;
    border-radius: 3px;
    line-height: 42px;
    height: 44px;
    padding: 0 10px
}

.primary-btn:hover {
    border-color: #006ab7;
    background-color: #006ab7
}

.checkboxDiv {
    cursor: pointer;
    vertical-align: middle;
    position: relative
}

.checkboxDiv .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 12px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear
}

.checkboxDiv .icon:before {
    font-family: layui-icon !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e605";
    color: #fff;
    vertical-align: top
}

.checkboxDiv input[type="checkbox"] {
    display: none !important
}

.checkboxDiv input[type="checkbox"]:checked + .icon {
    background-color: #69ada9;
    border-color: #69ada9
}

.checkboxDiv:hover .icon {
    border-color: #69ada9
}

.layui-layer-setwin .layui-icon-close {
    border: none;
    right: 0 !important;
    top: -5px !important;
    width: 30px !important;
    height: 30px !important;
    background: none !important
}

.layui-layer-setwin .layui-icon-close:before, .layui-layer-setwin .layui-icon-close:after {
    content: "";
    display: block;
    background: #c7c7c7;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.layui-layer-setwin .layui-icon-close:before {
    width: 23px;
    height: 1px
}

.layui-layer-setwin .layui-icon-close:after {
    width: 1px;
    height: 23px
}

.layui-layer {
    border-radius: 10px
}

.mbswPopup {
    display: none;
    margin: auto
}

.mbswPopup .single-1 {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 20px
}

.mbswPopup .title-popup {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #4b597c;
    margin-bottom: 20px
}

.qrxydPopup {
    width: 540px;
    padding: 40px 40px;
    color: #6c768d;
    font-size: 16px
}

.qrxydPopup .titleBig {
    font-weight: 700;
    font-size: 16px;
    color: #6c768d;
    line-height: 40px;
    border-bottom: 1px #b6c6d2 solid;
    margin-bottom: 30px
}

.qrxydPopup .xx {
    background: #ebeef5;
    border-radius: 10px;
    padding: 20px 10px;
    color: #6c768d;
    margin-bottom: 10px
}

.qrxydPopup .xx .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 36px
}

.qrxydPopup .xx .box .title {
    text-align: right;
    width: 90px
}

.qrxydPopup .xx .box .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.qrxydPopup .shdz .list li {
    padding-bottom: 20px
}

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

.qrxydPopup .shdz .list .bt {
    line-height: 42px;
    text-align: right;
    width: 90px
}

.qrxydPopup .shdz .list .editDiv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.qrxydPopup .shdz .list .selectDiv {
    width: 100%
}

.qrxydPopup .shdz .list .input-form {
    width: 100%
}

.qrxydPopup .shdz .list .btnDiv {
    text-align: left;
    font-size: 0
}

.qrxydPopup .primary-btn {
    min-width: 90px;
    font-size: 14px;
    margin-right: 10px
}

.qrxydPopup .btn-2 {
    background: none;
    color: #77b9b6 !important;
    margin-right: 10px
}

.qrxydPopup .btn-2:hover {
    background: #f3f3f3
}

@media screen and (max-width: 600px) {
    .qrxydPopup {
        width: 90%;
        padding: 20px 20px;
        font-size: 14px
    }

    .qrxydPopup .xx .title {
        width: 80px
    }

    .qrxydPopup .xx .info {
        padding-left: 5px
    }

    .qrxydPopup .shdz .bt {
        width: 80px
    }

    .qrxydPopup .shdz .editDiv {
        padding-left: 8px
    }

    .qrxydPopup .primary-btn {
        min-width: 85px
    }

    .qrxydPopup .primary-btn:last-child {
        margin-right: 0
    }
}

.successPopup {
    width: 520px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #626f7a;
    padding: 40px 20px
}

.successPopup .p-1 {
    font-size: 14px
}

@media screen and (max-width: 600px) {
    .successPopup {
        width: 90%;
        min-width: 360px;
        padding: 20px 20px;
        font-size: 14px
    }
}

.wuxxPopup {
    width: 520px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #626f7a;
    padding: 80px 20px
}

.wuxxPopup .p-1 {
    font-size: 14px
}

@media screen and (max-width: 600px) {
    .wuxxPopup {
        width: 90%;
        min-width: 320px;
        padding: 20px 20px;
        font-size: 14px
    }
}

.privacyPopup, .sytkyPopup {
    width: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    height: 90%;
    max-height: 680px;
    text-align: left
}

.privacyPopup .title, .sytkyPopup .title {
    text-align: center;
    color: #77b9b6;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #dcdcdc solid
}

.privacyPopup .p-1, .sytkyPopup .p-1 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px
}

.privacyPopup p, .sytkyPopup p {
    margin-bottom: 10px
}

.privacyPopup .primary-btn, .sytkyPopup .primary-btn {
    min-width: 270px
}

.privacyPopup .btnDiv, .sytkyPopup .btnDiv {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center
}

.privacyPopup .btnDiv .closedPopup, .sytkyPopup .btnDiv .closedPopup {
    border: 1px #77b9b6 solid;
    background-color: #77b9b6;
    color: #fff !important;
    border-radius: 3px;
    line-height: 38px;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    display: inline-block;
    text-align: center
}

.privacyPopup .btnDiv .closedPopup:hover, .sytkyPopup .btnDiv .closedPopup:hover {
    border-color: #006ab7 !important;
    background: #006ab7 !important
}

@media screen and (max-width: 1023px) {
    .privacyPopup, .sytkyPopup {
        width: 100%
    }
}

.inside-banner {
    text-align: center;
    position: relative
}

.inside-banner .mobile {
    display: none
}

.inside-banner .text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inside-banner .title { /*text-align:center;*/
    color: #fff;
    font-weight: 700;
    font-size: 46px;
    text-shadow: 2px 4px 20px rgba(20, 65, 102, 0.6);
    letter-spacing: 10px
}

.inside-banner img {
    width: 100%
}

@media screen and (max-width: 1023px) {
    .inside-banner .title {
        font-size: 24px
    }

    .inside-banner .pc {
        display: none
    }

    .inside-banner .mobile {
        display: block
    }
}

.pptjgPopup {
    display: none;
    width: 800px;
    overflow: hidden;
    border-radius: 15px;
    background: none
}

.pptjgPopup .title-hd {
    background-color: #77b9b6;
    background-image: url(../images/pptjgPopup-bg-1.png);
    background-repeat: no-repeat;
    background-position: right top;
    color: #fff;
    line-height: 30px;
    padding: 30px 50px 30px 50px;
    position: relative
}

.pptjgPopup .title-hd .title-1 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px
}

.pptjgPopup .title-hd .title-2 {
    font-size: 22px
}

.pptjgPopup .closePopup {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 32px;
    border: 2px #fff solid;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 999;
    right: 27px;
    top: 40px
}

.pptjgPopup .closePopup:before, .pptjgPopup .closePopup: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)
}

.pptjgPopup .closePopup:before {
    width: 16px;
    height: 2px
}

.pptjgPopup .closePopup:after {
    width: 2px;
    height: 16px
}

.pptjgPopup .bd {
    background-color: #fff;
    background-image: url(../images/pptjgPopup-bg-2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 15px;
    position: relative;
    margin-top: -10px;
    padding-top: 50px;
    padding: 50px 50px 50px 50px
}

.pptjgPopup .listPptjg {
    overflow: hidden
}

.pptjgPopup .listPptjg li {
    width: 100%;
    padding: 0 0 20px 0
}

.pptjgPopup .listPptjg .col-2 {
    clear: none;
    width: 50%;
    float: left
}

.pptjgPopup .listPptjg .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pptjgPopup .listPptjg .bt {
    width: 120px;
    padding-right: 10px;
    line-height: 40px;
    text-align: right;
    color: #626f7a;
    font-size: 16px
}

.pptjgPopup .listPptjg .xh {
    color: #f00
}

.pptjgPopup .listPptjg .editDiv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.pptjgPopup .listPptjg .input-form {
    width: 100%
}

.pptjgPopup .listPptjg .btnDiv {
    padding: 20px 0 0 0;
    text-align: center
}

.pptjgPopup .listPptjg .btnDiv .tips {
    padding-top: 20px
}

@media screen and (max-width: 1023px) {
    .pptjgPopup {
        width: 640px;
        border-radius: 10px
    }

    .pptjgPopup .title-hd {
        line-height: 30px;
        padding: 20px 20px
    }

    .pptjgPopup .title-hd .title-1 {
        font-size: 16px
    }

    .pptjgPopup .title-hd .title-2 {
        font-size: 14px
    }

    .pptjgPopup .closePopup {
        width: 30px;
        height: 30px;
        line-height: 28px;
        border-width: 1px;
        top: 10px;
        right: 10px
    }

    .pptjgPopup .closePopup:before {
        width: 12px;
        height: 2px
    }

    .pptjgPopup .closePopup:after {
        width: 2px;
        height: 12px
    }

    .pptjgPopup .bd {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 10px
    }

    .pptjgPopup .listPptjg li {
        padding-bottom: 5px
    }

    .pptjgPopup .listPptjg .col-2 {
        width: 100%
    }

    .pptjgPopup .listPptjg .bt {
        font-size: 14px;
        line-height: 40px;
        width: 100px
    }

    .pptjgPopup .listPptjg .input-form {
        min-width: auto;
        line-height: 38px;
        height: 40px;
        border-radius: 3px
    }
}

@media screen and (max-width: 800px) {
    .pptjgPopup {
        width: 500px
    }
}

@media screen and (max-width: 600px) {
    .pptjgPopup {
        width: 375px
    }
}

@media screen and (max-width: 414px) {
    .pptjgPopup {
        width: 340px
    }
}

.layui-layer-pptjgPopup {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dingwei {
    position: absolute;
    height: 1px;
    z-index: -1;
    top: -10px;
}

.inside-3 {
    position: relative;
}

.home-brand .nr {
    height: 275px;
}

.home-brand .nr {
    height: 275px;
}

.home-brand .nr.show {
    height: auto;
}


.inside {
    padding: 40px 0;
}

.searchResult .searchResult-header {
    border-bottom: 1px #ccc solid;
    margin-bottom: 30px;
    font-size: 0;
}

.searchResult .searchResult-header a {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: -1px;
    margin-right: 5px;
}

.searchResult .searchResult-header a:last-child {
    margin-right: 0;
}

.searchResult .searchResult-header a.cur {
    background: #2861ad;
    color: #fff;
}

.searchResult .searchResult-header a.cur:hover {
    color: #fff;
}

.searchResult .searchResult-header a:hover {
    color: #2861ad;
}

.searchResult .list {
    margin-bottom: 30px;
    padding: 0 20px;
    display: none;
}

.searchResult .list:first-child {
    display: block;
}

.searchResult .list li {
    border-bottom: 1px #eee dotted;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.searchResult .list li:last-child {
    margin-bottom: 0;
}

.searchResult .list .title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.searchResult .list .title span {
    color: #ff0000;
}

.searchResult .list .info {
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;

}

.searchResult .list .info span {
    color: #ff0000;
}

.searchResult .list .box:hover .title {
    text-decoration: underline;
    padding-left: 10px;
}

.brand-show .part-2 {
    padding-top: 50px;
}

.brand .list .title-2 {
    height: 25px;
    line-height: 25px;
    -webkit-line-clamp: 1;
}

@media screen and (max-width: 1023px) {
    .brand-show .part-2 {
        padding-top: 30px;
    }

    .brand .list .title-2 {
        height: 24px;
        line-height: 24px;
    }
}

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

    .searchResult .searchResult-header a {
        font-size: 12px;
        margin-right: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.inside-banner .text-2 .title {
    text-align: left;
}

.index-maodian {
    position: absolute;
    top: 0px;
}

.limitedActivity .list .box {
    border-radius: 8px;
    background-color: #fff;
    display: block;
    overflow: hidden;
    -webkit-box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
    box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
}

.socialMedia .fx2 {
    display: none;
}

.footer .socialMedia > a:hover .fx1 {
    display: none;
}

.footer .socialMedia > a:hover .fx2 {
    display: block;
}

.brandRelated .list .box {
    background: #fff;
    box-shadow: 0 0 28px 0 rgba(181, 181, 181, 0.33);
}

.brandRelated .list .text {
    padding: 10px 20px;
    background: url(../images/line.jpg) top center no-repeat;
    background-size: contain;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.brandRelated .list .box:hover .text {
    background: #77b9b6;
}

.brandRelated .list .box:hover .title {
    color: #fff;
}

.brand-show .hidden5 ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.brand-show .bd table tr td {
    border: 1px solid #eaeaea;
    padding: 10px 20px;
}

.header .other .xz-tel {
    font-weight: 700;
    font-size: 16px;
}

.header .search-other .xz-tel a {
    color: #69ada9;
}

@media (max-width: 1100px) {
    .header .header-search {
        margin-left: 220px;
    }

    .header .other {
        padding-left: 20px;
    }
}

.nav>.list>.li-static>a:before{border-color: transparent transparent #77b9b6 transparent!important;}