/**
 * author:56651283@qq.com
 * 2022/1/23 18:08
 */
@import url(../layui/2.6.8/css/layui.css?v=5.0.1);
@import url(//at.alicdn.com/t/font_2208415_1i5bi0yy6e9.css?v=5.0.1);

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__delay-fast {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__delay-1s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(../fonts/lato.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/raleway.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.xpup-enfont, .xpup-lato {
    font-family: Lato, sans-serif
}

.xpup-raleway {
    font-family: Raleway, sans-serif
}

.xpup-bigger {
    text-transform: uppercase
}

.icon-color {
    width: 42px;
    height: 42px;
    vertical-align: -14px;
    fill: currentColor;
    overflow: hidden
}

body, html {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent
}

html body {
    font: 14px -apple-system, BlinkMacSystemFont, Helvetica Neue, "Microsoft Yahei", PingFang SC, Tahoma, Arial, sans-serif;
    margin-top: 145px
}

html {
    background-color: #f3f3f3
}

.xpup-homepage {
    background-image: linear-gradient(180deg, #f8f5ef 0, #f5f6fc 20%, #fcfcfc 40%, #fff 50%, #f8f5ef 65%, #f4fcfb 80%, #fcfcfc 90%, #fff 100%)
}

cite, em, i {
    font-style: normal
}

small {
    font-family: Raleway, sans-serif;
    font-size: 75%
}

img {
    max-width: 100%;
    vertical-align: middle
}

.layui-btn {
    letter-spacing: 1px
}

.xpup-fluid {
    padding: 0;
    width: 100%;
    overflow: hidden
}

.xpup-fluid-custom {
    padding: 0;
    width: 100%
}

.xpup-hidden {
    display: none
}

.xpup-show-750, .xpup-show-xs {
    display: none !important
}

.xpup-bg-white {
    background-color: #fff
}

.xpup-bg-green {
    background-color: #30aa9e
}

.xpup-bg-grey {
    background-color: #999
}

.xpup-bg-blue {
    background-color: #faffff
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

.xpup-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.xpup-ellipsis--2, .xpup-ellipsis--3, .xpup-ellipsis--4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.xpup-ellipsis--2 {
    -webkit-line-clamp: 2
}

.xpup-ellipsis--3 {
    -webkit-line-clamp: 3
}

.xpup-vertical-align {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.xpup-shadow {
    box-shadow: 0 0 8px #ddd;
    box-sizing: border-box
}

.mejs__overlay-button {
    background: 0 0;
    border-radius: 50%;
    color: rgba(255, 255, 255, .75);
    line-height: 80px;
    text-align: center;
    font-size: 32px;
    background-color: rgba(0, 0, 0, .3)
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-color: #fc7f2b;
    color: #fff
}

.mejs__overlay-button::before {
    font-family: iconfont !important;
    content: "\e60f"
}

@keyframes xpup-plane {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0) scale(1)
    }
    10% {
        opacity: .8;
        transform: translate3d(-100px, 0, 0) rotate(10deg) scale(.7)
    }
    35% {
        opacity: .6;
        transform: translate3d(100px, 0, 0) rotate(30deg) scale(.4)
    }
    50% {
        opacity: .4;
        transform: translate3d(0, 0, 0) rotate(360deg) scale(0)
    }
    80% {
        opacity: .2;
        transform: translate3d(0, 0, 0) rotate(720deg) scale(1)
    }
    90% {
        opacity: .1;
        transform: translate3d(0, 0, 0) rotate(3600deg) scale(6)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(3600deg) scale(1)
    }
}

.xpup-plane-anim {
    -webkit-animation-name: xpup-plane;
    animation-name: xpup-plane;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.xpup-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.xpup-flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

::-webkit-input-placeholder {
    color: #c2c2c2
}

.xpup-pad {
    padding: 90px 0 0
}

.xpup-pad.last {
    padding: 90px 0
}

.service-map + .xpup-pad.last {
    padding: 30px 0 90px
}

.xpup-pad-last {
    padding: 70px 0 90px
}

.xpup-pad-first {
    padding: 60px 0 0
}

.xpup-pad.inner {
    padding: 10px 0 55px
}

video {
    display: block;
    width: 100%;
    height: 100%
}

.xpup-btn-custom {
    background-color: transparent;
    color: #878d99;
    display: inline-block;
    height: 42px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    width: 150px;
    margin-top: 8px
}

.xpup-btn-custom cite {
    font-size: 16px;
    background-color: #b0b7c7;
    color: #fff;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    text-indent: 2px
}

.xpup-btn-custom em {
    position: absolute;
    right: 24px;
    top: 1px
}

.xpup-btn-custom3 {
    height: 36px;
    line-height: 36px;
    width: 124px;
    font-size: 14px
}

.xpup-btn-custom3 cite {
    width: 36px;
    height: 36px;
    font-size: 14px
}

.xpup-btn-custom:hover {
    color: #fff
}

.xpup-btn-custom:hover cite {
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e);
    width: 100%;
    border-radius: 20px;
    text-indent: 20px;
    text-align: left;
    font-size: 14px;
    transition: width .5s
}

.xpup-btn-custom:hover cite::before {
    content: "\e686"
}

.xpup-btn-custom2 {
    background-color: #b0b7c7;
    opacity: .75;
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    display: block;
    text-align: center
}

.xpup-btn-custom2:hover {
    opacity: 1;
    color: #fff
}

.btn-online {
    margin-top: 20px
}

.btn-online span {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    border: 1px solid #0d9b8e;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0 30px;
    background-color: #fff;
    border-right: 0
}

.btn-online span i {
    color: #0d9b8e;
    padding-right: 5px;
    font-size: 32px;
    vertical-align: -4px
}

.btn-online span em {
    font-weight: 700;
    letter-spacing: 1px;
    color: #0d9b8e;
    font-size: 24px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    display: inline-block;
    vertical-align: -1px;
    cursor: pointer
}

.btn-online .layui-btn {
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: -9px;
    margin-left: -5px;
    background-color: #0d9b8e
}

.btn-online.orange span {
    border-color: #ffaf3b;
    color: #fc7f2b
}

.btn-online.orange span em, .btn-online.orange span i {
    color: #fc7f2b
}

.btn-online.orange .layui-btn {
    background: linear-gradient(229deg, #ffaf3b 0, #ff7f2a 100%)
}

.layui-btn i {
    display: inline-block;
    margin-top: -7px;
    vertical-align: text-top
}

.layui-btn.layui-btn-fluid i {
    margin-top: 0;
    vertical-align: bottom
}

.scale-img {
    overflow: hidden
}

.scale-img img {
    transition: all .8s ease 0s
}

.scale-box:hover img {
    transform: scale(1.035)
}

.xpup-nav-more {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fc7f2b transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -3px;
    border-width: 6px
}

.xpup-nav-more.xpup-nav-mored {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fc7f2b
}

.xpup-online-popup {
    padding: 15px 15px 3px
}

.xpup-online-popup dl {
    margin-bottom: 12px;
    padding: 12px 12px 8px
}

.xpup-online-popup dt {
    line-height: 45px;
    font-size: 24px;
    margin-right: 10px
}

.xpup-online-popup dd {
    color: #858585;
    font-size: 13px
}

.xpup-online-popup dd span {
    color: #fc7f2b;
    font-size: 16px
}

.xpup-online-popup dd a {
    color: #000;
    font-size: 14px;
    display: block
}

a:hover {
    color: #fc7f2b;
    transition: all .3s
}

pre {
    padding: 10px 15px;
    margin: 10px 0;
    font-size: 13px;
    border-left: 5px solid #fc7f2b;
    background-color: #f8f8f8;
    font-family: 'Courier New';
    overflow: auto
}

.layui-container {
    padding: 0
}

.xpup-main {
    width: 1079px;
    min-height: 600px;
    margin: 0 auto 15px
}

.layui-badge {
    height: 20px;
    line-height: 20px;
    border-radius: 2px
}

.xpup-link {
    color: #2f4050
}

.xpup-link:hover {
    color: #fc9a22
}

.xpup-grey {
    color: #999
}

.xpup-error, .xpup-msg {
    padding: 10px 15px;
    line-height: 24px
}

.xpup-msg {
    background-color: #f8f8f8;
    color: #666
}

.xpup-msg a {
    color: #4f99cf
}

.search__keyword, .txt-red, .xpup-error {
    color: #fc7f2b
}

.txt-red {
    padding: 0 1px
}

.xpup-marginTop {
    margin-top: 40px
}

.xpup-mid {
    display: inline-block;
    height: 10px;
    width: 1px;
    margin: 0 10px;
    vertical-align: middle;
    background-color: #e2e2e2
}

.xpup-right {
    position: absolute;
    right: 15px;
    top: 0
}

.xpup-imagecode {
    position: relative;
    margin-top: -5px;
    cursor: pointer
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #b0b7c7
}

.layui-form-select dl dd.layui-this {
    background-color: #b0b7c7
}

.xpup-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -15px;
    font-size: 30px;
    color: #c2c2c2;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.xpup-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000000;
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 0;
    border: none
}

.xpup-header .logo {
    position: absolute;
    left: 0;
    top: 0
}

.xpup-header .logo img {
    width: auto;
    height: 48px
}

.xpup-header .xpup-fluid-custom {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    padding-top: 15px
}

.pcpage .xpup-header .xpup-fluid-custom {
    height: 130px
}

.mobilepage .xpup-header .logo {
    top: 10px
}

.mobilepage .xpup-header .xpup-fluid-custom {
    padding-top: 0;
    height: 64px
}

.xpup-header .city {
    position: absolute;
    left: 165px;
    top: 15px
}

.mobilepage .xpup-header .city {
    top: 24px
}

.xpup-header .city i {
    font-size: 14px;
    padding: 0 2px
}

.layui-nav-phone {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 20px;
    color: #d1a161;
    letter-spacing: 1px
}

.layui-nav-phone i {
    padding-right: 5px;
    font-size: 28px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px
}

.layui-nav-phone .xpup-mobile-call {
    font-weight: 700;
    color: #d1a161;
    cursor: pointer
}

.layui-nav-phone small {
    display: block;
    font-size: 12px;
    color: #878d99;
    text-align: right
}

.mobilepage .layui-nav-phone small {
    text-align: left
}

.xpup-header .xpup-nav-line {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    background-color: #e2e2e2;
    height: 1px;
    z-index: 1;
    overflow: hidden
}

.xpup-header .layui-nav {
    position: absolute;
    padding: 0;
    left: 0;
    top: 61px;
    background: #fff;
    width: 100%
}

.layui-online {
    position: absolute;
    right: 0;
    top: 21px
}

.layui-online > * {
    display: inline-block;
    vertical-align: middle
}

.layui-online .icon-color {
    width: 28px;
    height: 28px;
    vertical-align: -7px;
    margin-right: 3px
}

.layui-online .layui-btn {
    padding: 0 24px;
    height: 32px;
    line-height: 32px;
    border: none;
    padding: 0
}

.layui-online i {
    font-size: 20px;
    margin-right: 6px
}

.layui-online .xpup-call-box {
    background-color: #fc7f2b
}

.xpup-header .layui-nav .layui-nav-item {
    margin: 0;
    font-size: 16px;
    line-height: normal
}

.xpup-header .layui-nav .layui-nav-item[mobile] {
    display: none
}

.xpup-header .layui-nav .layui-nav-item a.main {
    font-size: 16px;
    padding: 0 10px;
    color: #333;
    letter-spacing: 1px;
    line-height: 52px
}

.xpup-header .layui-nav .layui-nav-item a.main.more {
    padding-right: 27px
}

.xpup-header .layui-nav .layui-nav-item a.main em {
    position: absolute;
    top: -14px;
    right: 8px;
    color: #ff5722
}

.xpup-header .layui-nav .layui-nav-item.on a.main {
    color: #fc7f2b
}

.xpup-header .layui-nav .layui-nav-home {
    display: none
}

.layui-nav-home img {
    width: auto;
    height: 48px
}

.xpup-header .layui-nav .layui-nav-item a.main i.spe {
    padding-right: 6px;
    font-size: 20px;
    line-height: normal;
    vertical-align: -2px;
    display: none
}
.xpup-header .layui-nav .layui-nav-item dl dd{position: relative;}
.xpup-header .layui-nav .layui-nav-item dl dd .app_hover{display: none;position: absolute;left: 0;top: 0;}
.xpup-header .layui-nav .layui-nav-item dl dd:hover .app_hover{display: block;}


.xpup-header .layui-nav .layui-badge, .xpup-header .layui-nav .layui-badge-dot {
    right: 0
}

.xpup-header .layui-nav .layui-nav-more {
    right: 9px;
    top: 6px;
    color: #fc7f2b
}

.xpup-header .layui-nav-child {
    top: 58px;
    background-color: rgba(255, 255, 255, .95);
    border-color: #e2e2e2;
    z-index: 10000002
}

.layui-nav .layui-this:after, .layui-nav-bar {
    background-color: transparent
}

.xpup-header .layui-nav .layui-nav-child dd.on a {
    background-color: #b0b7c7;
    color: #fff
}

.xpup-header .layui-nav .layui-nav-child dd a:hover {
    color: #fc7f2b
}

html body.fixed .xpup-header {
    height: 65px
}

html body.fixed .xpup-header .xpup-fluid-custom {
    height: 65px;
    padding-top: 5px
}

html body.fixed .xpup-header .layui-nav {
    top: 0;
    height: 65px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item a.main {
    height: 65px;
    padding: 0 5px 0
}

html body.fixed .layui-online {
    top: 16px
}

html body.fixed .layui-nav-child {
    top: 64px
}

html body.fixed .xpup-header .layui-nav .layui-nav-more {
    right: 3px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item a.main em {
    right: 2px
}

html body.fixed .xpup-header .layui-nav .layui-badge-dot {
    display: none
}

.xpup-header .layui-nav .layui-nav-item.top-service-menu {
    margin-right: 10px
}

.xpup-header .layui-nav .layui-nav-item.top-service-menu a.main {
    height: 69px;
    z-index: 10000002;
    position: relative;
    overflow: hidden;
    padding: 0
}

.xpup-header .layui-nav .layui-nav-item.top-service-menu a.main cite {
    border: 1px solid #fc7f2b;
    border-radius: 100px;
    line-height: 40px;
    color: #fc7f2b;
    padding: 0 30px;
    font-size: 14px;
    display: block;
    margin-top: 13px
}

.xpup-header .layui-nav .layui-nav-item a.main.nav-home {
    padding: 0 10px 0 5px
}

.xpup-header.nav-city-box .layui-nav .layui-nav-item a.main {
    font-size: 14px
}

.xpup-header.nav-city-box .layui-nav .layui-nav-item a.main.nav-home {
    padding-left: 10px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item a.main {
    line-height: 60px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item a.main.more {
    padding-right: 20px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item.top-service-menu {
    margin-left: 20px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item.top-service-menu a.main {
    padding: 0
}

html body.fixed .xpup-header .layui-nav .layui-nav-item.top-service-menu a.main cite {
    margin-top: 9px
}

html body.fixed .xpup-header .layui-nav .layui-nav-item a.main.nav-home {
    padding: 0 6px 0 0
}

html body.fixed .xpup-header.nav-city-box .layui-nav-item:nth-child(1) {
    display: none
}

html body.fixed .xpup-header.nav-city-box .layui-nav .layui-nav-item.top-service-menu {
    margin: 0 20px 0 0
}

.nav-top-hotcity .layui-nav-child {
    min-width: auto;
    width: 400px;
    padding: 5px
}

.nav-top-hotcity .layui-nav-child dd {
    float: left;
    width: 25%
}

.nav-top-hotcity .layui-nav-child h4 {
    display: block;
    width: 100%;
    clear: both;
    text-align: left;
    text-indent: 20px;
    font-size: 12px;
    color: #747474
}

.nav-service {
    position: fixed;
    top: 145px;
    left: 0;
    width: 100%;
    z-index: 10000001
}

.fixed .nav-service {
    top: 70px
}

.top-service-menu:hover .nav-service {
    display: block
}

.top-service-menu a.main i {
    color: #fc7f2b
}

.nav-service .list, .nav-service ul {
    position: absolute;
    z-index: 999
}

.nav-service li {
    height: 80px;
    line-height: 80px;
    background-color: rgba(47, 64, 86, .95);
    font-size: 16px;
    border-bottom: 1px dotted rgba(255, 255, 255, .5);
    text-align: center
}

.nav-service li:last-child {
    border-bottom: none
}

.nav-service li a.menu {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    padding: 0;
    letter-spacing: 1px
}

.nav-service li a.menu i:nth-child(1) {
    padding-right: 10px;
    font-size: 18px;
    vertical-align: middle
}

.nav-service li a.menu i.zjhs-next {
    padding-left: 2px;
    vertical-align: -3px
}

.nav-service li.on a.menu, .nav-service li:hover a.menu {
    background-color: #fff;
    color: #2f4056
}

.nav-service .list {
    background-color: #fff;
    height: 100%;
    display: none;
    top: 0;
    text-indent: 0
}

.nav-service li.on .list, .nav-service li:hover .list {
    display: block
}

.nav-service .list dl {
    padding: 30px 30px 0;
    overflow: hidden
}

.nav-service .list dt {
    font-size: 16px;
    padding-left: 15px;
    line-height: normal;
    font-weight: 700;
    letter-spacing: 1px
}

.nav-service .list dt a {
    padding: 0;
    color: #555;
    display: inline-block
}

.nav-service .list dt i {
    padding-left: 10px;
    color: #555;
    vertical-align: -2px;
    font-weight: 400
}

.nav-service .list dd {
    border-bottom: 1px dotted rgba(0, 0, 0, .15);
    padding-bottom: 15px;
    line-height: 24px;
    text-align: left
}

.nav-service .list dl:last-child dd {
    border-bottom: none
}

.nav-service .list dd a {
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    color: #747984
}

.nav-service .list dd a strong {
    color: #d00;
    font-weight: 400
}

.nav-service .list a:hover {
    color: #fc7f2b
}

.nav-service.show {
    top: 69px
}

.top-service .nav-service.show {
    top: 145px
}

.nav-service.show li {
    background-color: #2f4056
}

.nav-service.show .list {
    background-color: #f8f8f8
}

.pcpage .layui-fixbar {
    background-color: #2b3b4f;
    height: 100%;
    width: 36px;
    z-index: 10000000
}

.pcpage .layui-fixbar ul {
    margin-top: -55px
}

.pcpage .layui-fixbar li[lay-type=top] {
    position: fixed;
    bottom: 110px;
    right: 0;
    z-index: 10000000
}

.pcpage .layui-fixbar li {
    width: 36px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    background-color: transparent;
    border-radius: 0
}

.pcpage .layui-fixbar li[lay-type=kefu] {
    background-color: #fc7f2b;
    line-height: normal;
    padding-top: 13px;
    height: 120px
}

.pcpage .layui-fixbar li[lay-type=kefu] em {
    font-size: 12px;
    width: 14px;
    display: block;
    margin: 5px auto 0;
    line-height: 18px
}

.pcpage .layui-fixbar li.hover {
    position: relative
}

.mobilepage .layui-fixbar li {
    margin-top: 20px;
    width: 45px;
    height: 45px;
    border-radius: 20px 0 0 20px;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
    text-align: center;
    line-height: 60px
}

.mobilepage .layui-fixbar li::before {
    content: ''
}

.mobilepage .layui-fixbar li span {
    display: block
}

.mobilepage .layui-fixbar li .icon-color {
    width: 26px;
    height: 26px;
    vertical-align: 5px
}

.online-popper-wrap {
    position: absolute;
    top: -40px;
    right: 36px;
    width: 236px;
    background-color: transparent;
    color: #2f4056;
    text-align: left;
    font-size: 12px;
    line-height: 24px
}

.layui-fixbar li[lay-type=kefu] .online-popper-wrap {
    top: -10px
}

.module-tips dd p, .online-popper-wrap .inner {
    float: left;
    padding: 24px 18px;
    width: 180px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2)
}

.module-tips dd cite:after, .online-popper-wrap cite:after {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    content: '';
    border-left-color: #fff
}

.online-popper-wrap h6 {
    font-size: 14px;
    color: #fc7f2b
}

.online-popper-wrap h6 i {
    padding-right: 5px;
    font-size: 18px
}

.online-popper-wrap h6.kefu {
    font-size: 18px
}

.online-popper-wrap h6.kefu i {
    font-size: 24px
}

.online-popper-wrap summary {
    display: block;
    margin: 8px 0
}

.homepage .online-popper-wrap p, .online-popper-wrap p {
    color: #878d99;
    font-size: 12px;
    padding-top: 0;
    line-height: 24px
}

.online-popper-wrap p img {
    position: absolute;
    right: 5px;
    top: 2px;
    width: 28px;
    height: 28px
}

.online-popper-wrap .layui-input {
    background-color: #eff1f4;
    margin-right: 18px;
    border: none;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    margin: 8px 0 16px;
    font-size: 12px;
    font-family: Lato
}

.online-popper-wrap .layui-btn {
    height: 28px;
    line-height: 28px;
    border-radius: 20px;
    background-color: #fc7f2b;
    padding: 0 20px;
    font-size: 12px
}

.component {
    position: absolute;
    right: 278px;
    top: 6px;
    width: 150px
}

.component .layui-input {
    height: 36px;
    border: none;
    color: #333;
    font-size: 14px;
    padding: 0;
    margin-left: 28px;
    background-color: transparent;
    width: 125px
}

.component .layui-input::-webkit-input-placeholder {
    color: #999
}

.component .layui-input::-moz-input-placeholder {
    color: #999
}

.component .layui-input::-ms-input-placeholder {
    color: #999
}

.component .layui-form-select .layui-edge {
    display: none;
    border-top-color: #999
}

.component .layui-form-select dl {
    top: 36px;
    background-color: rgba(255, 255, 255, .9)
}

.component .layui-form-select dd {
    color: #393d49
}

.component i {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 20px;
    color: #333
}

.mobile-nav {
    position: absolute;
    right: 8px;
    top: 12px;
    cursor: pointer;
    width: 32px;
    height: 36px;
    text-align: center
}

.mobile-nav .point {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-top: 10px;
    position: relative
}

.mobile-nav .point:hover .navbtn, .mobile-nav .point:hover .navbtn::after, .mobile-nav .point:hover .navbtn::before {
    width: 20px
}

.mobile-nav .navbtn {
    position: absolute;
    top: 11px;
    right: 0;
    display: inline-block;
    width: 14px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #747474
}

.mobile-nav .navbtn::after, .mobile-nav .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 20px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fc7f2b
}

.mobile-nav .navbtn::after {
    top: -10px
}

.mobile-nav .navbtn::before {
    top: 9px
}

.mobile-nav .point.active .navbtn {
    background: 0 0
}

.mobile-nav .point.active .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0
}

.mobile-nav .point.active .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.xpup-pop-call {
    width: 480px;
    padding: 70px 0 55px;
    border-radius: 10px;
    margin: 0 auto
}

.xpup-pop-call .title {
    background: url(../img/favicon.png) no-repeat 0 65px;
    height: 200px;
    background-size: 80% auto
}

.xpup-pop-call .layui-input {
    height: 44px;
    line-height: 44px;
    border-radius: 100px;
    padding-left: 24px;
    border-width: 2px
}

.xpup-pop-call .layui-btn {
    background-color: #fc7f2b
}

.xpup-pop-call .layui-input:hover {
    border-color: #fc9a22 !important
}

.xpup-pop-call .layui-input:focus {
    border-color: #fc7f2b !important
}

#xpup-pop-call + .layui-layer-setwin > .layui-layer-close2 {
    font-size: 48px;
    right: -45px;
    top: -80px;
    background: 0 0;
    color: #fff;
    opacity: .75
}

#xpup-pop-call + .layui-layer-setwin > .layui-layer-close2:hover {
    opacity: 1
}

#xpup-pop-call + .layui-layer-setwin > .layui-layer-close2::before {
    font-family: iconfont !important;
    content: "\e629"
}

.layui-layer-shade.xpup-layer-shade {
    top: 60px
}

.mobile-shadow {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 64px;
    height: 100%;
    width: 100%;
    z-index: 9999998
}

.mobile-navlist {
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999999;
    overflow-y: auto
}

.mobile-navlist ul {
    padding: 175px 15px 64px
}

.mobile-navlist li {
    padding-bottom: 10px
}

.mobile-navlist li a.main {
    padding-bottom: 10px;
    border-bottom: 1px dotted #e9e9e9;
    display: block
}

.mobile-navlist li a.main i {
    color: #fc7f2b;
    padding-right: 6px;
    font-size: 18px;
    vertical-align: middle
}

.mobile-navlist li small {
    color: #747474;
    padding-left: 5px
}

.mobile-navlist dl {
    margin: 8px 0 -1px
}

.mobile-navlist dd a {
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    width: 100%;
    text-align: center
}

.mobile-navlist dd a:hover {
    background-color: #fc7f2b;
    color: #fff
}

.mobile-navlist .layui-btn {
    padding: 0 24px
}

.mobile-navlist .layui-btn.lay-btn-normal {
    background-color: #fc7f2b
}

.mobile-navlist .layui-btn.layui-btn-primary {
    color: #878d99
}

.mobile-navlist .layui-btn-primary {
    border: 1px solid #c9c9c9
}

.xpup-homepage + .xpup-footer {
    margin-top: 0
}

.xpup-footer:not(.lb-footer) {
    background: #2f4056;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .08);
    margin-top: 70px
}

.xpup-footer:not(.lb-footer) .layui-container {
    padding: 30px 0;
    overflow: hidden
}

.xpup-footer:not(.lb-footer) .foot-menu li {
    display: inline-block;
    padding-right: 32px;
    line-height: 42px
}

.xpup-footer:not(.lb-footer) .foot-menu li a {
    color: #d5d9dd
}

.xpup-footer:not(.lb-footer) .layui-online, html body.fixed .xpup-footer:not(.lb-footer) .layui-online {
    top: 0
}

.xpup-footer:not(.lb-footer) .copyright {
    text-align: center;
    font-size: 13px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #46576d;
    color: #b5bcb7
}

.xpup-footer:not(.lb-footer) .copyright a {
    color: #b5bcb7
}

.xpup-footer:not(.lb-footer) .copyright li {
    display: inline-block;
    width: auto;
    padding-right: 20px;
    position: relative
}

.xpup-footer:not(.lb-footer) .copyright li i {
    font-size: 24px;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background-color: #46576d;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 6px
}

.xpup-footer:not(.lb-footer) .copyright li:hover i {
    opacity: 1
}

.xpup-footer:not(.lb-footer) .copyright li img {
    position: absolute;
    width: 110px;
    height: 110px;
    left: 50%;
    margin-left: -65px;
    bottom: 50px;
    max-width: none;
    z-index: 2
}

.xpup-footer:not(.lb-footer) .copyright .quick {
    text-align: left
}

.xpup-footer:not(.lb-footer) .copyright .info {
    line-height: 24px;
    text-align: right
}

.xpup-footer:not(.lb-footer) .copyright .info img {
    height: 16px;
    vertical-align: -3px;
    margin-right: 5px
}

.xpup-footer:not(.lb-footer) .copyright .info span {
    display: block
}

.xpup-footer:not(.lb-footer) .copyright .info a {
    padding: 0 6px
}

.mobilepage .xpup-footer:not(.lb-footer) {
    padding-bottom: 64px;
    background-color: #fff;
    margin-top: 30px
}

.mobilepage .xpup-footer:not(.lb-footer) .layui-container {
    padding: 24px 0 21px;
    overflow: inherit
}

.mobilepage .xpup-footer:not(.lb-footer) .copyright {
    padding-top: 0;
    border: none;
    margin-top: 0;
    padding-bottom: 0
}

.mobilepage .xpup-footer:not(.lb-footer) .foot-menu {
    display: none
}

.mobilepage .xpup-footer:not(.lb-footer) .copyright li i {
    background-color: transparent;
    border: 1px solid #d1a161;
    color: #d1a161
}

.mobilepage .xpup-footer:not(.lb-footer) .copyright span {
    display: block;
    float: none
}

.custompage .xpup-footer:not(.lb-footer) {
    margin-top: 10px
}

.mobilepage .xpup-footer-mobile {
    display: block;
    position: fixed;
    z-index: 100000;
    left: 0;
    bottom: 0;
    height: 64px;
    border-top: 1px solid #e2e2e2;
    background-color: #fff;
    width: 100%
}

.mobilepage .xpup-footer-mobile li {
    text-align: center;
    width: 20%
}

.mobilepage .xpup-footer-mobile .icon-color {
    width: 28px;
    height: 28px;
    margin-top: 8px
}

.mobilepage .xpup-footer-mobile span {
    display: block;
    margin-top: 3px
}

.mobilepage .xpup-footer-mobile a {
    color: #2f4050
}

.mobilepage .xpup-footer-mobile li.on a {
    color: #fc7f2b
}

.foot-title {
    padding: 10px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    line-height: 40px
}

.foot-title .xpup-flex-item {
    padding: 0 38px 0 10px;
    position: relative;
    text-align: center
}

.foot-title .close {
    padding: 0 10px 0 18px;
    width: 18px
}

.foot-title .close i {
    font-size: 18px;
    color: #b4bbcb
}

.nav-service.foot {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff
}

.nav-service.foot ul {
    background-color: #f3f5fd;
    height: 100%;
    position: relative
}

.nav-service.foot li {
    width: 24%;
    background-color: #fff;
    color: #2f4050;
    border-bottom: none;
    height: 56px;
    line-height: 56px
}

.nav-service.foot .leftbar {
    width: 24%;
    position: absolute;
    background-color: #fff;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.nav-service.foot li a.menu {
    width: 24%;
    border-left: 4px solid #fff;
    border-top: 1px solid #f3f5fd;
    font-size: 14px;
    color: #2f4050;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    height: 56px;
    text-indent: -2px;
    text-align: center
}

.nav-service.foot li.on a.menu {
    border-left-color: #fc7f2b;
    background-color: #f3f5fd;
    color: #fc7f2b
}

.nav-service.foot li.on .list {
    display: block
}

.nav-service.foot .list {
    left: 24%;
    background-color: #f3f5fd;
    overflow-y: auto
}

.nav-service.foot .list dl {
    padding: 22px 18px 0;
    margin-top: -2%
}

.nav-service.foot .list dl:first-child {
    margin-top: 0
}

.nav-service.foot .list dl:last-child {
    margin-bottom: 85px
}

.nav-service.foot .list dt {
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    margin-bottom: 15px
}

.nav-service.foot .list dt .zjhs-next:before {
    content: "\f0b1";
    color: #b4bbcb
}

.nav-service.foot .list dt a {
    color: #2f4050;
    font-size: 14px
}

.nav-service.foot .list dd {
    border-bottom: none
}

.nav-service.foot .list dd a {
    background-color: #fff;
    font-size: 12px;
    margin: 0 2% 2% 0;
    width: 32%;
    padding: 0;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px;
    height: 54px
}

.nav-service.foot .list dd a span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    width: 100%;
    padding: 0 5px
}

.nav-service.foot .list dd a:nth-child(3n) {
    margin-right: 0
}

.nav-service.foot .list dd a strong {
    color: #fc7f2b
}

.xpup-search {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 20px
}

.xpup-search .layui-icon {
    font-size: 20px
}

.xpup-search:hover {
    color: #fc9a22
}

.xpup-layer-search input {
    height: 75px;
    line-height: 75px;
    padding: 0 15px;
    font-size: 20px;
    border: none 0;
    background: 0 0
}

.xpup-banner {
    height: 100%;
    overflow: hidden
}

.inner-banner {
    height: 485px
}

.xupup-banner-bg {
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    position: relative;
    transform: scale(1.1);
    transition: all .6s ease 0s
}

.xpup-banner .layui-this .xupup-banner-bg {
    transform: scale(1);
    transition: all 3s ease 0s
}

.xpup-banner > [carousel-item] span {
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    margin: 0 8px;
    display: block
}

.xpup-slider-custom .layui-carousel-ind {
    top: -52px
}

.xpup-slider-custom .layui-carousel-ind ul {
    background: 0 0
}

.xpup-slider-custom .layui-carousel-ind li {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin: 0 6px
}

.xpup-slider-custom .layui-carousel-ind li.layui-this {
    width: 50px;
    height: 8px;
    background-color: rgba(252, 154, 34, .95);
    border-radius: 5px
}

.layui-carousel[lay-indicator=outside] {
    margin-bottom: 40px
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
    top: 40px
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
    background-color: transparent
}

.layui-carousel[lay-indicator=outside] li {
    background-color: rgba(0, 0, 0, .1)
}

.xpup-banner .cnt {
    text-align: center;
    color: #fff;
    width: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.xpup-banner .cnt div {
    margin: 0 auto
}

.xpup-banner .cnt h1, .xpup-banner .cnt h4 {
    font-size: 42px;
    padding-bottom: 15px
}

.xpup-banner .cnt p {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    padding-top: 12px
}

.xpup-banner .cnt .layui-btn {
    background-color: transparent;
    color: #fff;
    margin-top: 40px;
    padding: 0 24px
}

.xpup-banner .cnt .layui-btn:hover {
    background-color: #fc7f2b;
    opacity: .95;
    border-color: #fc7f2b
}

.xpup-panel {
    margin-bottom: 18px;
    padding: 15px 20px 20px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

.xpup-panel[pad20] {
    padding: 20px
}

.xpup-panel-title {
    position: relative;
    height: 50px;
    line-height: 48px;
    padding: 0;
    border-bottom: 1px dotted #e5e5e5;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 18px;
    overflow: hidden
}

.xpup-panel-title h1, .xpup-panel-title h3 {
    font-size: 20px
}

.xpup-panel-main {
    padding: 20px 0 0
}

.xpup-panel-main.team {
    padding: 5px 0
}

.xpup-panel-border {
    border: 1px solid #e6e6e6;
    box-shadow: none
}

.xpup-panel-border .xpup-panel-title {
    border-bottom: 1px solid #e6e6e6
}

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

.titlebar h2 {
    font-size: 32px;
    margin-bottom: 70px;
    display: inline-block;
    color: #333
}

.titlebar small {
    font-size: 20px;
    color: #999
}

.titlebar.mb0 h2 {
    margin-bottom: 0
}

.titlebar cite {
    font-size: 14px;
    color: #878d99;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%
}

.mobilepage .titlebar cite {
    bottom: 18px
}

.layui-tab-title {
    border-color: #e9e9e9
}

.layui-tab-title li {
    font-size: 16px
}

.sidebar .layui-tab-title li {
    font-size: 14px
}

.layui-tab-content {
    padding: 0
}

.layui-tab-brief > .layui-tab-title .layui-this, .layui-tab-title .layui-this {
    color: #fc7f2b
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-color: #fc7f2b
}

.xpup-tab .xpup-panel-title h3 {
    font-size: 20px
}

.xpup-tab .layui-tab-title {
    height: 50px;
    border-bottom: none;
    position: absolute;
    right: 15px;
    left: auto;
    top: 0
}

.xpup-tab .layui-tab-title li {
    line-height: 50px;
    padding: 0 10px;
    min-width: 32px
}

.xpup-tab .layui-tab-title .layui-this:after {
    border: none;
    border-bottom: 2px solid #fc7f2b;
    height: 50px
}

.sidebar .xpup-tab .layui-tab-title .layui-this:after {
    height: 50px
}

.sidebar .layui-tab {
    margin-top: 0
}

.sidebar .xpup-panel:last-child {
    margin-bottom: 0
}

.advantage dl {
    color: #fff;
    padding: 0 20px 30px
}

.advantage dl:hover {
    background-color: #fff;
    border-radius: 5px
}

.advantage dd, .advantage dt {
    display: inline-block
}

.advantage dt {
    padding-right: 40px
}

.advantage dt .icon-color {
    width: 54px;
    height: auto
}

.advantage.zhuxiao dt .icon-color {
    width: 54px;
    height: auto;
    fill: #666
}

.advantage dd h4 {
    color: #0d9b8e;
    font-size: 32px;
    font-weight: 700;
    font-family: "arial, helvetica, sans-serif"
}

.advantage dd h4 small {
    display: inline-block;
    margin: 0 5px;
    vertical-align: 2px
}

.advantage dd h4 sup {
    font-weight: 400;
    font-family: Lato;
    padding-left: 5px;
    font-size: 18px
}

.advantage dd p {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    padding-top: 10px
}

.advantage p span {
    font-size: 16px;
    color: #747474;
    padding-top: 8px;
    display: block;
    line-height: 18px
}

.advantage.new dl {
    text-align: center;
    padding: 25px 20px 30px
}

.advantage.new dd, .advantage.new dt {
    display: block;
    padding: 0
}

.advantage.new dt .icon-color {
    width: 72px;
    height: 72px;
    opacity: .85
}

.advantage.new dt i {
    font-size: 52px;
    color: #33aba0
}

.advantage.shangbiao dt .icon-color {
    width: 60px;
    height: 60px;
    opacity: .75
}

.advantage.new dd h4 {
    color: #333;
    font-size: 20px;
    padding: 40px 0 20px;
    font-weight: 400
}

.advantage.new dl:hover dt .icon-color {
    opacity: 1
}

.advantage.new dd p {
    color: #747474;
    font-size: 14px;
    padding-top: 0
}

.advantage.ziliao dd p {
    padding-top: 18px
}

.advantage.ziliao dd h4 {
    padding: 20px 0 0
}

.homepage p, .xpup-tab-cutom .intro p {
    line-height: 28px;
    font-size: 16px;
    padding-top: 12px;
    color: #747474
}

.homepage p.first {
    padding-top: 0
}

.about .layui-btn {
    margin-top: 13px;
    text-indent: 0
}

.index-video {
    width: 89.4%;
    float: right;
    box-shadow: 0 0 6px #ccc;
    box-sizing: border-box
}

.index-video.bg {
    background: url(../img/index/video_bg.jpg) no-repeat;
    min-height: 304px
}

.about p {
    text-align: justify;
    line-height: 28px;
    font-size: 16px;
    padding-top: 12px;
    color: #747474
}

.about p.last {
    text-indent: 0;
    padding-top: 20px
}

.xpup-tab-cutom p {
    text-indent: 0;
    font-size: 14px;
    text-align: justify
}

.xpup-tab-cutom .scale-img {
    width: 65%;
    overflow: hidden
}

.xpup-tab-cutom img {
    width: 100%
}

.xpup-tab-cutom .layui-tab {
    margin-top: -10px
}

.xpup-tab-cutom .layui-tab-item {
    position: relative
}

.xpup-tab-cutom .intro {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -180px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    background-color: #fff;
    border-radius: 5px;
    width: 36%;
    height: 360px;
    overflow: hidden;
    padding: 0 40px
}

.xpup-tab-cutom .intro .cnt {
    width: 100%
}

.xpup-tab-cutom .intro h4 {
    font-size: 24px;
    text-align: left
}

.xpup-tab-cutom .intro h4 em {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    height: 20px;
    width: 6px;
    border-radius: 8px;
    background-color: #f60;
    background: linear-gradient(45deg, #f60, #ff8b02);
    box-shadow: 0 2px 4px 0 rgba(255, 128, 0, .2)
}

.xpup-tab-cutom .intro p {
    font-size: 16px
}

.xpup-tab-cutom .intro p.last {
    padding-top: 15px;
    line-height: inherit;
    color: #fc7f2b;
    margin-bottom: -4px
}

.xpup-tab-cutom .intro p.last i {
    vertical-align: text-bottom;
    display: inline-block;
    margin-right: 6px
}

.xpup-tab-cutom .intro p.title {
    font-size: 16px;
    color: #555
}

.xpup-tab-cutom .intro p.title i {
    padding-left: 8px;
    font-size: 145%
}

.xpup-tab-cutom .intro .cnt ul {
    padding: 10px 0 0;
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: -10px
}

.xpup-tab-cutom .intro .cnt li {
    text-align: left;
    width: 50%;
    float: left;
    line-height: 24px
}

.xpup-tab-cutom .intro .cnt li::before {
    color: #b0b7c7;
    content: 'â—¦';
    vertical-align: middle;
    font-size: 22px;
    padding-right: 5px
}

.xpup-tab-cutom .intro .cnt li a {
    max-width: 100%
}

.xpup-tab-cutom .intro.related h4 {
    font-size: 16px
}

.xpup-tab-cutom .intro.related p {
    font-size: 14px
}

.xpup-tab-cutom .intro {
    height: 440px;
    top: 0;
    margin-top: 40px
}

.xpup-tab-cutom .intro.related li {
    width: 100%;
    float: none;
    line-height: 28px
}

.xpup-tab-cutom .intro.related .xpup-list-quick .layui-col-xs4 {
    height: 32px;
    line-height: 32px
}

.homepage .xpup-tab-cutom .layui-tab-item:last-child .intro.related .xpup-list-quick .layui-col-xs4 {
    width: 50%
}

.slideService {
    width: 100%;
    min-width: 1200px;
    height: 300px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.slideService .bd {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px
}

.slideService .bd li {
    width: 400px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.slideService .bd li img {
    display: block;
    width: 100%;
    height: 250px
}

.slideService .bd li i {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    display: block;
    position: absolute;
    top: 0
}

.slideService .bd li i::before {
    font-family: iconfont !important;
    content: "\e63e";
    font-size: 28px;
    color: #fff;
    position: absolute;
    right: 30px;
    bottom: 30px;
    opacity: 0
}

.slideService .bd li:hover i {
    background-color: rgba(0, 0, 0, .45)
}

.slideService .bd li:hover i::before {
    opacity: 1
}

.slideService .bd li .info {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 40px;
    text-align: left;
    color: #fff
}

.slideService .bd li h4 {
    font-size: 18px
}

.slideService .bd li p {
    font-size: 14px;
    color: #fff
}

.slideService .bd li small {
    display: block;
    margin-top: 6px;
    font-size: 16px
}

.slideService .tempWrap {
    overflow: visible !important
}

.slideService .hd {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    height: 10px;
    bottom: 24px;
    text-align: center
}

.slideService .hd li {
    display: inline-block;
    zoom: 1;
    width: 10px;
    height: 10px;
    line-height: 99px;
    overflow: hidden;
    background: #fff;
    margin: 0 4px;
    cursor: pointer;
    opacity: .6;
    border-radius: 50%
}

.slideService .hd li.on {
    background: #fc9a22;
    opacity: 1
}

.slideService .pnBtn {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer
}

.slideService .pnBtn.next {
    right: 38px;
    left: auto
}

.slideService .pnBtn .blackBg {
    background: linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.slideService .pnBtn.prev .blackBg {
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.slideService .arrow {
    display: none;
    border: 2px solid #fc9a22;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    margin-top: -24px;
    top: 50%;
    position: absolute;
    opacity: .3;
    color: #fc9a22;
    margin-left: -22px
}

.slideService .arrow::before {
    font-family: iconfont !important;
    content: "\e686"
}

.slideService .prev .arrow::before {
    content: "\f0b2"
}

.slideService .pnBtn .blackBg:hover .arrow {
    opacity: 1
}

.layui-layer-imgnext, .layui-layer-imgprev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    font-size: 32px;
    color: #fff;
    opacity: .75
}

.layui-layer-imgprev::before {
    content: "\e79c"
}

.layui-layer-imgnext::before {
    content: "\e79a"
}

.layui-layer-imguide a:hover {
    color: #fff;
    opacity: 1
}

.xpup-pad.inner.team {
    padding: 10px 0 0
}

.team .content {
    margin-top: -8px
}

.team .item dd {
    padding: 15px 15px 0
}

.team .item h4 {
    font-size: 16px;
    font-family: Lato;
    color: #2f4050;
    display: block;
    padding: 4px 0 0;
    margin-bottom: 12px
}

.team .item dl h4 small {
    padding: 4px 6px 3px;
    margin-left: 6px;
    color: #9ba2b0 !important
}

.team .item p {
    color: #878d99;
    line-height: 22px;
    padding-top: 0;
    text-align: justify;
    line-height: 20px;
    font-size: 13px
}

.team .item .action {
    height: 120px
}

.team .item .action .layui-btn-primary {
    border-color: #0d9b8e;
    color: #0d9b8e;
    background-color: rgba(255, 255, 255, .95)
}

.team .item .action .layui-btn-primary:last-child {
    border-color: #fc7f2b;
    color: #fc7f2b
}

.team .item dl {
    box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    padding: 0 0 15px
}

.team.custombg .item dl {
    border: 1px solid rgba(0, 0, 0, .03);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08)
}

.team .layui-carousel, .team .layui-carousel > [carousel-item], .team .layui-carousel > [carousel-item] > * {
    background-color: transparent
}

.team .xpup-btn-custom {
    margin-top: 50px
}

.xpup-dl-list dl {
    padding: 8px 15px 8px 8px
}

.xpup-dl-list dt {
    margin-right: 15px;
    min-height: 100px;
    overflow: hidden
}

.xpup-dl-list dt img {
    border-radius: 3px;
    max-width: 191px;
    height: auto
}

.xpup-dl-list p {
    line-height: 22px
}

.xpup-dl-list dt em {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    background-color: #fc9a22;
    opacity: .95;
    font-size: 16px;
    margin: -21px 0 0 -21px
}

.xpup-dl-list dt em::before {
    color: #fff
}

.xpup-dl-list dt em:hover {
    color: #fff;
    opacity: 1
}

.xpup-dl-list dl dd:first-child {
    padding: 7px 0 7px 7px
}

.xpup-dl-list-info {
    padding-top: 6px;
    color: #999;
    font-size: 13px;
    line-height: 20px
}

.xpup-dl-list-info span {
    padding-right: 15px
}

.xpup-dl-list-info i {
    padding-right: 5px;
    font-size: 14px
}

i.lianbei-dian {
    font-size: 10px;
    color: #ccc;
    padding: 0
}

.special-bg {
    background: url(../img/index/spe-bg-l.png) no-repeat;
    background-size: 80% auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 300px
}

.special-bg.right {
    background: url(../img/index/spe-bg-r.png) no-repeat right bottom;
    left: auto;
    right: 0;
    bottom: 0;
    top: auto;
    background-size: 80% auto
}

.inner-fixed .special-bg {
    background-size: 50% auto
}

.inner-fixed .special-bg.right {
    bottom: auto;
    top: 50px;
    background-position: right top;
    background-size: 50% auto
}

.cases {
    position: relative
}

.cases p, .xpup-dl-list p {
    color: #747474;
    text-align: justify;
    font-size: 14px;
    line-height: 24px
}

.cases h4, .newask h4 {
    font-size: 16px
}

.cases h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.cases .layui-carousel, .cases .layui-carousel > [carousel-item] > * {
    background-color: transparent
}

.cases .layui-carousel > [carousel-item]:before, .newask .layui-carousel > [carousel-item]:before {
    display: none
}

.cases .xpup-slider-custom a {
    border-radius: 5px;
    background-color: #fff;
    margin-right: 1%;
    width: 49.5%;
    float: left
}

.cases .xpup-slider-custom a:nth-child(2n) {
    margin-right: 0
}

.cases dl {
    border-radius: 3px;
    background-color: #fff;
    padding: 15px
}

.cases dd {
    padding: 0
}

.cases .layui-container.txt-right {
    padding-top: 40px
}

.cases .xpup-slider-custom .layui-carousel-ind {
    top: 30px
}

.cases .layui-carousel {
    height: 193px
}

.inner-baike-list .focus h4 {
    font-size: 18px
}

.inner-baike-list .focus dd {
    padding: 15px
}

.inner-baike-list .content dl, .xpup-dl-list dl {
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative
}

.inner-baike-list .content dl:hover, .xpup-dl-list dl:hover {
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box
}

.inner-baike-list dt img {
    width: 100%
}

.cases.new .xpup-dl-list dl {
    margin-bottom: 0;
    min-height: 143px
}

.baike .layui-tab {
    margin: 0
}

.baike .layui-tab-title {
    border: none;
    margin-bottom: 30px
}

.baike .layui-tab-title li {
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
    background-color: #fff;
    color: #666;
    padding: 0 30px
}

.baike .layui-tab-title li:first-child {
    border-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.baike .layui-tab-title li:last-child {
    border-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.baike .layui-tab-title li:hover {
    color: #fc7f2b
}

.baike .layui-tab-title .layui-this, .baike .layui-tab-title li.layui-this:hover {
    background-color: #fc7f2b;
    border: none;
    color: #fff
}

.baike .layui-tab-brief > .layui-tab-more li.layui-this:after, .baike .layui-tab-brief > .layui-tab-title .layui-this:after {
    border: none
}

.baike .piclist li {
    float: left;
    position: relative;
    height: 190px;
    margin-right: 1%;
    margin-bottom: 1%;
    overflow: hidden
}

.baike .piclist li:nth-child(1), .baike .piclist li:nth-child(4), .baike .piclist li:nth-child(5) {
    width: 59%
}

.baike .piclist li:nth-child(2), .baike .piclist li:nth-child(3), .baike .piclist li:nth-child(6) {
    width: 40%
}

.baike .piclist li:nth-child(2n) {
    margin-right: 0
}

.baike .piclist li img {
    width: 100%
}

.baike .piclist li .title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    z-index: 2
}

.baike .piclist li .title dl {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: #fff
}

.baike .piclist li h4 {
    color: #fff;
    font-size: 16px;
    padding-bottom: 6px
}

.baike.new .lastest {
    margin-top: 0
}

.baike.new .ask {
    border-radius: 5px;
    background-color: #fff;
    padding: 25px 20px 15px
}

.baike.new .ask h2 i {
    font-size: 36px;
    color: #6dc3bb;
    vertical-align: middle;
    margin-right: 6px
}

.baike.new .index-ask {
    border: none;
    padding: 15px 0 0
}

.baike .lastest li {
    padding: 6px 15px
}

.baike .lastest li:hover {
    background-color: #fff;
    border-radius: 3px
}

.baike .lastest li h4 {
    font-size: 16px;
    line-height: 24px
}

.baike .lastest li .xpup-dl-list-info i {
    color: #0d9b8e
}

.baike .lastest li p {
    padding-top: 12px;
    line-height: 24px;
    color: #747474
}

.baike .xpup-btn-custom {
    margin-top: 15px
}

.newask .layui-carousel, .newask .layui-carousel > [carousel-item] > * {
    background-color: transparent
}

.newask .list i {
    font-size: 30px;
    padding-right: 8px;
    vertical-align: middle;
    padding-left: 1px
}

.newask dl {
    padding: 0 32px 0 0
}

.newask a.focus dl {
    min-height: 125px
}

.newask a:nth-child(2n) dl {
    margin-bottom: 15px
}

.newask a.focus:nth-child(2n) dl {
    margin-bottom: 0
}

.newask h4 i {
    color: #fc7f2b
}

.newask p i {
    color: #34bcaf
}

.newask p {
    font-size: 14px;
    padding-top: 15px
}

.newask p.reply {
    color: #999;
    padding-top: 0
}

.newask .xpup-btn-custom {
    margin-top: 0
}

.newask .newform {
    background-color: #fff;
    border-radius: 4px;
    padding: 25px
}

.newask .newform h2 {
    margin-bottom: 18px
}

.newask .newform h2 i {
    font-size: 36px;
    color: #fc7f2b;
    vertical-align: middle;
    margin-right: 6px
}

.newask .newform .layui-input, .newask .newform .layui-textarea {
    background-color: #f3f3f3;
    border: none
}

.newask .newform .layui-form-item:last-child {
    margin: 25px 0 5px
}

.newask .newform .layui-form-item:last-child .layui-btn {
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e);
    box-shadow: 0 0 10px rgba(252, 127, 43, .48);
    width: 170px
}

.layui-collapse.index-ask {
    border-radius: 3px;
    background-color: #fff;
    padding: 25px 20px 9px
}

.layui-collapse.index-ask .layui-colla-item {
    border-top: none;
    margin-bottom: 12px
}

.layui-collapse.index-ask .layui-colla-item:last-child {
    margin-bottom: 6px
}

.layui-collapse.index-ask .layui-colla-title {
    background: 0 0;
    padding: 0 15px 0 40px;
    height: 38px;
    line-height: 38px
}

.layui-collapse.index-ask .layui-colla-title a {
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 16px
}

.layui-collapse.index-ask .layui-colla-title .layui-icon {
    left: auto;
    right: 0;
    top: 2px;
    font-size: 10px;
    color: #a9b7b7
}

.layui-collapse.index-ask .iconfont {
    font-size: 16px;
    position: absolute;
    left: 0;
    line-height: 16px;
    padding: 6px 7px;
    color: #fff
}

.layui-collapse.index-ask .iconfont.lianbei-a {
    top: 4px;
    background-color: #fc7f2b;
    font-size: 13px
}

.layui-collapse.index-ask .iconfont.lianbei-q {
    top: 9px;
    background-color: #b0b7c7
}

.layui-collapse.index-ask .layui-colla-content {
    border: none;
    position: relative;
    padding: 8px 0 0 36px;
    margin-bottom: 0;
    color: #666
}

.layui-collapse.index-ask .layui-colla-content.layui-show {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.service {
    background-color: #faffff
}

.service .xpup-show-pc {
    background: url(../img/index/process.png) no-repeat;
    background-position: top center;
    background-size: 100% auto;
    min-height: 521px;
    font-size: 18px
}

.service .first {
    padding-top: 50px
}

.service .first .layui-col-md3:nth-child(1) {
    padding-left: 93px
}

.service .first .layui-col-md3:nth-child(2) {
    padding-left: 45px
}

.service .first .layui-col-md3:nth-child(3) {
    margin-left: -5px
}

.service .first .layui-col-md3:nth-child(4) {
    margin-left: -55px
}

.service .second {
    padding-top: 335px;
    padding-left: 270px
}

.service .second .layui-col-md3:nth-child(2) {
    padding-left: 15px
}

.service .second .layui-col-md3:nth-child(3) {
    padding-left: 28px
}

.service .second .layui-col-md3:nth-child(4) {
    padding-left: 48px
}

.xpup-show-mobile {
    text-align: center;
    margin-top: -33px
}

.xpup-show-mobile img {
    max-width: 100%
}

.dl-pro-btn .layui-btn + .layui-btn, .process .layui-btn + .layui-btn, .service .layui-btn + .layui-btn {
    margin-left: 0
}

.layui-elem-field h1 {
    font-size: 20px;
    font-weight: 300
}

.layui-elem-field h2, .layui-elem-field h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 300
}

.detail-body .layui-elem-field h2, .detail-body .layui-elem-field h3, .detail-body h6 {
    font-weight: 400
}

.detail-body .layui-elem-field h3 {
    font-size: 16px;
    padding: 0
}

.detail-body h6 {
    font-size: 14px;
    padding: 6px 0
}

.detail-body h6 strong {
    font-weight: 400
}

.detail-body td ul {
    padding: 0 15px 5px 0
}

.detail-body td li {
    list-style-type: none
}

.detail-body pre {
    margin: 0 0 15px
}

.detail-body .layui-elem-quote h6 {
    padding: 0 0 3px
}

.detail-body a.kws {
    color: #fc7f2b;
    padding: 0 5px
}

.detail-body a.kws.city {
    color: #30aa9e
}

.detail-body a.kws:hover {
    text-decoration: none
}

.detail-body a.kws.catalog::after {
    content: '\e6fa';
    font-family: iconfont;
    font-size: 14px;
    padding-left: 4px
}

.detail-body a.kws.city::before {
    content: '\e9f5';
    font-family: iconfont;
    font-size: 14px;
    padding-right: 4px
}

.xpup-wrapper .detail-body .layui-elem-quote p {
    margin-bottom: 0;
    text-indent: 0;
    line-height: 20px;
    font-size: 13px;
    margin-top: 3px
}

.layui-elem-field small {
    font-size: 16px;
    color: #858585;
    padding-left: 5px
}

.layui-elem-field cite .layui-elem-field span {
    font-size: 16px;
    font-weight: 300;
    color: #858585
}

.layui-elem-field span cite {
    color: #2f9688;
    font-family: Georgia;
    font-size: 22px;
    padding: 0 3px 0 6px;
    vertical-align: text-bottom
}

.layui-elem-field span em {
    font-style: normal;
    color: #666
}

.detail-box {
    padding: 35px 35px 40px
}

.detail h1 {
    font-size: 24px;
    line-height: 36px
}

.xpup-detail-info {
    position: relative;
    margin: 16px 0 0
}

.xpup-detail-info .xpup-list-nums {
    top: -3px;
    font-size: 14px;
    color: #999;
    left: 0
}

.xpup-detail-info .xpup-list-nums a {
    color: #999
}

.xpup-detail-info .xpup-list-nums i {
    padding: 0 5px 0 12px;
    font-size: 18px;
    vertical-align: middle
}

.xpup-detail-info .xpup-list-nums i.lianbei-yonghu {
    padding: 0 5px 0 0
}

.xpup-detail-info .xpup-list-nums i.lianbei-view {
    font-size: 22px
}

.xpup-detail-info .layui-btn {
    position: absolute;
    right: 0;
    top: -9px;
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e)
}

.reply-zan {
    cursor: pointer
}

.reply-zan em {
    font-style: normal
}

.reply-zan:hover, .zanok {
    color: #d00
}

.xpup-detail-collect {
    padding: 12px 15px;
    border-top: 1px dotted #e6e6e6;
    background-color: #f8f8f8;
    margin-top: 65px;
    line-height: 24px;
    overflow: hidden;
    color: #666;
    position: relative
}

.xpup-detail-collect i {
    padding-right: 5px;
    vertical-align: middle
}

.xpup-detail-collect li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 28px
}

.xpup-detail-collect li > * {
    color: #747474
}

.xpup-detail-collect .layui-btn {
    position: absolute;
    right: 15px;
    top: 22px;
    background-color: transparent;
    color: #747474
}

.xpup-detail-collect .lianbei-liebiao {
    vertical-align: -1px;
    padding: 0 0 0 5px;
    color: #888
}

.xpup-detail-collect.last {
    margin: 24px 0 0
}

.detail-about {
    position: relative;
    line-height: 20px;
    padding: 15px 15px 15px;
    font-size: 13px;
    background-color: #f8f8f8;
    color: #878d99
}

.detail-about dt {
    width: 45px;
    height: 45px;
    margin-right: 10px
}

.detail-about dt img {
    width: 100%;
    border-radius: 2px
}

.detail-about dd {
    line-height: 22px
}

.detail-about dd cite {
    margin-right: 6px
}

.detail-about dd cite.team {
    font-size: 16px
}

.detail-about dd .xpup-link.answer {
    color: #2f4050
}

.detail-about-reply {
    padding: 0;
    background: 0 0
}

.module-ask .detail-about dd .layui-badge {
    background-color: #2f4050
}

.module-ask .detail-body .layui-elem-quote a {
    color: #30aa9e
}

.xpup-italic {
    color: #798e99;
    font-style: italic
}

.xpup-italic sup {
    color: #798e99;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    font-style: normal;
    font-family: '宋体';
    border-width: 1px;
    border-style: solid;
    border-color: #798e99;
    border-image: initial;
    border-radius: 3px;
    margin: 0 8px;
    padding: 0 2px 0 3px;
    position: relative;
    vertical-align: baseline;
    top: -.5em
}

.detail-body p em {
    color: #ff7200;
    font-size: 16px;
    padding-right: 6px
}

.xpup-hosInfos {
    overflow: hidden;
    margin: 15px auto;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: 12px;
    padding: 0 !important
}

.xpup-hosInfos dl.dinfor {
    height: 30px;
    line-height: 30px;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.xpup-hosInfos dl.dinfor dd, .xpup-hosInfos dl.dinfor dt {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: -1px;
    border-left: 1px solid #e5e5e5
}

.xpup-hosInfos dl.dinfor dd a, .xpup-hosInfos dl.dinfor dt a {
    color: #005ea7
}

.xpup-hosInfos dl.dinfor dd a:hover, .xpup-hosInfos dl.dinfor dt a:hover {
    text-decoration: underline
}

.xpup-hosInfos dl.dinfor dt {
    width: 70px;
    text-align: center;
    background: #f2f2f2
}

.xpup-hosInfos dl.dinfor dd.short {
    width: 248px;
    text-indent: 5px
}

.xpup-hosInfos dl.dinfor dd.long {
    text-indent: 5px
}

.detail-body {
    margin: 20px 0 0;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    word-wrap: break-word
}

.detail-body h2 {
    font-size: 20px
}

.detail-body p {
    margin-bottom: 15px
}

.detail-body img {
    max-width: 100%;
    cursor: pointer
}

.detail-body table {
    margin: 15px 0 20px;
    width: 100%;
    background-color: #fff;
    color: #666
}

.detail-body table thead, .detail-body table tr:first-child {
    background-color: #f2f2f2
}

.detail-body table tr:only-child {
    background: 0 0
}

.detail-body table tr:only-child td:first-child {
    background-color: #f2f2f2
}

.detail-body table td, .detail-body table th {
    padding: 10px 20px;
    line-height: 22px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    font-weight: 400
}

.detail-body table.xpup td {
    font-size: 13px;
    padding: 5px 15px;
    line-height: 20px
}

.detail-body table.xpup td .iconfont {
    color: #ccc;
    font-size: 12px;
    padding: 0 2px
}

.detail-body table.xpup td:first-child {
    min-width: 55px
}

.detail-body table.module-table td:nth-child(2n+1) {
    min-width: 55px
}

.article-video {
    display: block;
    margin: 25px auto 20px;
    width: 64%
}

.article-video video {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.xpup-foreword {
    border: 2px dashed #61c3d4;
    background-color: #f4fdfd;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 15px
}

.xpup-foreword mark, .xpup-foreword summary {
    display: block;
    text-align: justify
}

.xpup-foreword summary {
    font-size: 14px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 12px;
    color: #ff7200;
    line-height: 24px
}

.xpup-foreword summary:before {
    font-family: iconfont !important;
    content: "\ec81";
    color: #d6d6d6;
    font-size: 36px;
    vertical-align: sub;
    width: 40px;
    display: inline-block
}

.xpup-foreword mark {
    background: 0 0;
    margin-top: 15px;
    position: relative;
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.xpup-foreword mark:before {
    font-family: iconfont !important;
    content: "\e666";
    color: #ffad20;
    font-size: 16px;
    vertical-align: top;
    width: 20px;
    display: inline-block
}

.xpup-foreword footer {
    padding-top: 8px;
    font-size: 12px;
    color: #aaa;
    text-align: right;
    line-height: 16px
}

.xpup-foreword footer a {
    color: #01aaed
}

.detail-body .layui-btn {
    margin: 0 10px 10px 0
}

.detail-body .layui-btn a {
    color: #fff
}

.detail-body ul > li {
    margin-top: 0
}

.detail-body .layui-elem-quote {
    margin: 15px 0;
    font-size: 13px;
    line-height: 24px;
    padding: 10px 15px;
    border-color: #b0b7c7
}

.detail-body .layui-elem-quote i {
    margin-right: 6px;
    font-size: 14px
}

.detail-body .layui-field-title {
    margin: 24px 0 15px
}

.xpup-wrapper.mt20 {
    margin-top: 20px
}

.xpup-wrapper .detail-body p {
    text-indent: 2em
}

.xpup-wrapper .detail-body p img {
    margin-left: -2em
}

.xpup-wrapper .detail-body .layui-elem-quote {
    text-indent: 0
}

.xpup-wrapper .detail-body .hospital-info {
    margin-bottom: 20px
}

.xpup-wrapper .detail-body .hospital-info dt {
    width: 160px;
    margin-right: 15px
}

.xpup-wrapper .detail-body .hospital-info dt img {
    border-radius: 3px
}

.xpup-wrapper .detail-body .hospital-info dd {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    text-align: justify;
    border: 1px solid #e6e6e6;
    border-left-width: 5px;
    padding: 10px 15px;
    margin-top: 5px
}

.xpup-wrapper .detail-body .team-info dt {
    width: 120px
}

.xpup-wrapper .detail-body .team-info dt img {
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.xpup-wrapper .detail-body .xpup-banner {
    margin-bottom: 25px
}

.detail-body .layui-code-view {
    border: 1px solid #e6e6e6;
    border-left-width: 5px
}

.detail-body .layui-code-view .layui-code-ol {
    padding: 5px 0;
    background-color: #fff
}

.detail-body .layui-code-view .layui-code-ol li {
    padding: 5px 10px 0;
    line-height: 18px
}

.layui-text h3 {
    font-size: 14px;
    padding: 3px 15px 0
}

.site-dir {
    display: none
}

.site-dir li {
    line-height: 26px;
    margin-left: 22px;
    overflow: visible;
    list-style-type: disc;
    color: #999;
    cursor: pointer
}

.site-dir li.sub {
    list-style-type: circle;
    margin-left: 30px;
    font-size: 13px;
    color: #a9a9a9
}

.site-dir li.online, .site-dir li.online a {
    color: #0d9b8e
}

.site-dir li cite {
    color: #333
}

.site-dir li cite:active {
    color: #0d9b8e
}

.site-dir li cite.layui-this {
    color: #0d9b8e
}

.site-dir li a span {
    margin-left: 5px
}

body .layui-layer-dir {
    box-shadow: none;
    border: 1px solid #d2d2d2
}

body .layui-layer-dir .layui-layer-content {
    padding: 10px
}

.site-dir a em {
    padding-left: 5px;
    font-size: 12px;
    color: #c2c2c2
}

.layui-form-item.layui-col-space15 {
    margin-bottom: 7.5px
}

.reply {
    margin-bottom: 2px
}

.reply > li {
    position: relative;
    padding: 20px 0 10px;
    border-bottom: 1px dotted #dfdfdf;
    border-radius: 2px
}

.reply > li:last-child {
    border-bottom: none
}

.reply .xpup-none {
    height: 50px;
    min-height: 0
}

.lianbei-best {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 52px;
    color: #58a571
}

.lianbei-best.lianbei-daihuifu {
    color: #ffa155;
    top: 28px
}

.lianbei-best.lianbei-new1 {
    font-size: 48px;
    right: -1px;
    top: 19px
}

.detail-body.comment-body {
    margin: 25px 0 20px;
    min-height: 0;
    line-height: 24px;
    font-size: 14px
}

.detail-body.comment-body p {
    margin-bottom: 10px;
    text-indent: 0
}

.detail-body.comment-body a {
    color: #4f99cf
}

.comment-reminder {
    font-size: 13px;
    color: #858585
}

.comment-post-form .layui-col-md3 {
    text-align: right
}

.comment-post-form .layui-form-item:last-child {
    margin-bottom: 12px
}

.replyform .comment-post-form {
    margin-top: 12px
}

.replyform .comment-post-form .layui-form-item:last-child {
    margin-bottom: 0
}

.comment-post-form .layui-btn-normal {
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e)
}

.reply > li.loading {
    border: none
}

.reply > li .comment-parent {
    border: 1px solid #e2e2e2;
    background: #f6feff;
    padding: 10px;
    overflow: hidden
}

.reply > li .comment-parent.first {
    margin-top: 15px
}

.reply > li .comment-parent .comment-parent__title {
    color: #333;
    font-size: 13px
}

.reply > li .comment-parent .comment-parent__title span {
    float: right;
    padding-top: 2px
}

.reply > li .comment-parent .comment-parent__title em {
    padding-left: 6px;
    color: #999
}

.reply > li .comment-parent .detail-body.comment-body {
    margin: 12px 0 0
}

.reply > li .comment-parent + .detail-body.comment-body {
    margin: 10px 0 0
}

.reply > li .comment-parent > .reply-action {
    text-align: right
}

.reply > li .comment-parent > .reply-action > cite {
    float: left;
    line-height: 24px;
    color: #999
}

.reply > li .comment-parent > .reply-action > span:last-child {
    padding-right: 0
}

.reply > li#cmtNew {
    border: none
}

.reply > li#cmtNew .comment-parent {
    background-color: #ffe
}

.reply-action {
    position: relative
}

.reply-action span {
    padding-right: 15px;
    color: #999;
    cursor: pointer
}

.reply-action span:hover {
    color: #666
}

.reply-action span i {
    margin-right: 5px;
    font-size: 18px
}

.reply-action span em {
    font-style: normal
}

.reply-action span i.lianbei-zan {
    font-size: 22px
}

.reply-action span .lianbei-tiwen {
    position: relative;
    top: 1px;
    right: 2px
}

.reply-action span.reply-zan:hover, .reply-action span.zanok {
    color: #d00
}

.detail-related {
    padding: 5px 20px 18px;
    overflow: hidden
}

.detail-related .layui-tab-brief {
    margin-top: 15px
}

.detail-related .layui-tab-title li {
    font-size: 16px;
    font-weight: 400
}

.detail-related .layui-tab-content {
    padding: 10px 0
}

.detail-related .layui-tab-item li {
    float: left;
    width: 48%;
    margin-right: 4%;
    line-height: 32px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-related .layui-tab-item li:nth-child(2n) {
    float: right;
    margin-right: 0
}

.detail-related .layui-tab-item li i {
    padding-left: 5px;
    font-size: 15px;
    color: #b0b7c7
}

.detail-related .layui-tab-item li i.lianbei-new {
    font-size: 17px
}

.detail-related .layui-tab-item li i.lianbei-huati {
    padding-left: 0
}

.detail-related .layui-tab-item li i.lianbei-renqi {
    font-size: 18px;
    color: #fc7f2b
}

.xpup-list-quick {
    border: 1px solid #f2f2f2;
    border-bottom: none;
    border-right: 0
}

.xpup-list-quick .layui-col-xs4, .xpup-list-quick .layui-col-xs6 {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #f2f2f2;
    border-left: none;
    border-top: none;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.xpup-list-quick a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.xpup-list-quick a i, .xpup-list-quick a.on, .xpup-list-quick a:hover {
    color: #fc7f2b
}

.xpup-list-quick a em {
    color: #999;
    font-size: 10px;
    font-family: Tohama
}

.xpup-list-quick a i {
    padding-right: 5px
}

.sidebar .xpup-list-quick a i {
    padding-left: 5px;
    padding-right: 0
}

.xpup-list li {
    position: relative;
    height: 45px;
    line-height: 22px;
    padding: 15px;
    border-bottom: 1px dotted #e2e2e2
}

.xpup-list li:last-child, .xpup-list.article li:last-child {
    border-bottom: none
}

.xpup-list li h2, .xpup-list li h2 a, .xpup-list-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.xpup-list li h2 {
    height: 26px;
    font-size: 0
}

.xpup-list li h2 a {
    display: inline-block;
    max-width: 80%;
    padding-right: 10px;
    font-size: 16px
}

.xpup-list.commend li h2 a {
    max-width: 72%
}

.xpup-list li h2 .layui-badge {
    top: -2px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #b0b7c7;
    background: 0 0;
    color: #b0b7c7
}

.xpup-list li h2 a i {
    color: #b0b7c7;
    padding-right: 6px
}

.xpup-list.article li h2 a {
    font-size: 18px;
    max-width: 100%
}

.xpup-list.article li h2 cite {
    top: -2px;
    margin-right: 8px
}

.xpup-list.article li h2 small {
    padding-left: 6px;
    color: #555
}

.xpup-list.article li {
    height: auto;
    border-bottom: 1px dotted #e9e9e9
}

.xpup-list.article li.haspic {
    padding: 25px 15px 25px 220px;
    overflow: hidden
}

.xpup-list.article li pre {
    color: #858585;
    margin: 8px 0 10px;
    text-align: justify;
    padding: 10px 15px 2px;
    border-color: #f0f0ee;
    background-color: #fff;
    border-left-width: 4px
}

.xpup-list.article li i {
    font-size: 14px;
    padding-right: 5px;
    color: #d6d6d6
}

.xpup-list.article li .tags {
    padding-right: 0
}

.xpup-list.article li .tags a.layui-badge, .xpup-list.article li .tags em {
    padding-right: 6px;
    margin-right: 6px;
    vertical-align: top;
    color: #fff
}

.xpup-list.inner-hospital li.haspic {
    padding: 25px 200px 25px 240px
}

.xpup-list.inner-hospital li.haspic.nodoctor {
    padding-right: 0
}

.xpup-list.inner-hospital .xpup-list-info {
    padding-top: 6px
}

.xpup-list.inner-hospital .xpup-list-info i {
    color: #fc7f2b
}

.xpup-list.inner-team li.haspic {
    padding: 25px 15px 25px 185px
}

.doclist {
    position: absolute;
    right: 15px;
    top: 55px;
    text-align: center;
    padding-left: 15px
}

.doclist dd {
    display: inline-block
}

.doclist dd img {
    max-width: 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-left: -15px
}

.doclist p {
    color: #858585;
    margin-left: -7.5px
}

.doclist p a {
    padding: 0 15px
}

.doclist p span {
    display: block;
    padding: 8px 0
}

.hashospital {
    position: absolute;
    right: 15px;
    top: 30px;
    width: 164px
}

.hashospital a {
    color: #fff
}

.hashospital h6 {
    font-size: 13px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    line-height: 24px;
    text-indent: 8px;
    width: 100%
}

.hashospital img {
    width: 164px;
    height: 125px;
    border-radius: 3px
}

.xpup-list-info {
    position: relative;
    font-size: 13px;
    color: #999
}

.xpup-list-info.hasbtn {
    font-family: Lato;
    line-height: 36px
}

.xpup-list-info > * {
    padding-right: 10px
}

.xpup-list-info a[link] {
    color: #999
}

.xpup-list-info a[link]:hover {
    color: #0d9b8e
}

.xpup-list-info .xpup-badge-tag {
    position: relative;
    margin-left: 2px
}

.xpup-list-icon {
    color: #fc7f2b
}

.xpup-list-nums {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0 !important
}

.xpup-list-nums i {
    position: relative;
    padding: 0 5px 0 15px
}

.xpup-list-badge {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0
}

.xpup-list-badge .layui-badge {
    margin-left: 5px;
    border-radius: 2px;
    font-size: 12px
}

.xpup-list-one.commend {
    padding: 10px 0 2px
}

.xpup-list-one .xpup-panel-title {
    margin-bottom: 3px
}

.xpup-list-one dd {
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    list-style: decimal-leading-zero inside;
    color: #ccc
}

.xpup-list-one dd a, .xpup-list-one dd cite, .xpup-list-one dd i {
    vertical-align: text-top;
    display: inline-block
}

.xpup-list-one dd a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.xpup-list-one.commend dd:nth-child(-n+4) a {
    max-width: 92%
}

.xpup-list-one.tab dd i {
    color: #b0b7c7;
    font-size: 15px
}

.xpup-list-one dd i {
    color: #fc7f2b;
    padding-left: 3px
}

.xpup-list-one.tab dd i.lianbei-new {
    font-size: 17px;
    padding-left: 5px
}

.xpup-list-one.tab dd i.lianbei-nav-video {
    padding-left: 6px
}

.xpup-hospital {
    padding: 15px 0 10px;
    overflow: hidden;
    font-size: 0
}

.xpup-hospital dd {
    position: relative
}

.xpup-hospital dd a img {
    width: 100%;
    height: auto
}

.xpup-hospital dd a cite {
    position: absolute;
    left: 3px;
    top: 5px;
    color: #fff
}

.xpup-hospital dd a cite span {
    margin-left: 5px;
    background-color: rgba(0, 0, 0, .2);
    display: block;
    margin-bottom: 5px;
    text-align: left
}

.xpup-hospital dd a cite span i.lianbei-commend-2 {
    padding-right: 6px
}

.xpup-hospital dd a:hover cite {
    display: block
}

.xpup-hospital dd a h6 {
    -webkit-line-clamp: 2;
    display: block;
    margin-top: 6px;
    font-size: 13px
}

.xpup-doctor {
    padding: 5px 10px 0;
    overflow: hidden;
    font-size: 14px
}

.xpup-doctor dd {
    position: relative;
    margin: 10px 10px 15px 90px;
    vertical-align: top
}

.xpup-doctor dd a > * {
    display: block
}

.xpup-doctor dd a img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    left: -80px;
    top: 2px
}

.xpup-doctor dd a span {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.xpup-doctor dd a i {
    margin-right: 5px
}

.xpup-doctor dd a i.lianbei-dian {
    margin-right: 0
}

.xpup-doctor dd a cite {
    font-size: 12px;
    padding-left: 5px;
    color: #858585
}

.xpup-doctor dd .xpup-badge-green {
    border: 1px solid #0d9b8e;
    background: 0 0;
    color: #0d9b8e
}

.xpup-doctor dd .xpup-badge-orange {
    border: 1px solid #fc7f2b;
    background: 0 0;
    color: #ff5722
}

.xpup-doctor cite i.lianbei-dian, .xpup-hospital cite i.lianbei-dian {
    font-size: 10%;
    padding: 0 2px
}

.xpup-topline {
    height: 100%;
    overflow: hidden
}

.sidebar .xpup-topline {
    background-color: transparent
}

.sidebar .layui-carousel.xpup-topline > [carousel-item] > * {
    background-color: transparent
}

.sidebar .layui-carousel-arrow {
    top: 38%
}

.xpup-topline img {
    max-width: 100%
}

.xpup-topline .layui-carousel-ind {
    top: -28px
}

.xpup-topline.xpup-slider .layui-carousel-ind {
    top: -118px
}

.xpup-topline .layui-carousel-ind ul {
    background: 0 0
}

.xpup-topline .layui-carousel-ind li {
    width: 9px;
    height: 9px;
    vertical-align: middle
}

.xpup-topline .layui-carousel-ind li.layui-this {
    background-color: #fc9a22
}

.xpup-topline > [carousel-item] h6 {
    font-size: 16px;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    display: block;
    margin: 4px 0
}

.xpup-topline > [carousel-item] em {
    display: block;
    width: 32px;
    height: 3px;
    background: #fc7f2b;
    margin: 0 0 12px
}

.xpup-topline > [carousel-item] p {
    color: #747474
}

.xpup-topline > [carousel-item] summary {
    color: #fc7f2b;
    margin-bottom: 8px;
    float: right;
    font-size: 14px
}

.xpup-topline > [carousel-item] cite {
    font-family: Raleway;
    padding-right: 5px
}

.sidebar .team .layui-carousel {
    height: 497px;
    margin-top: 18px
}

.sidebar.services .team .layui-carousel {
    height: 407px;
    margin-top: 0
}

.sidebar .team .item dl {
    box-shadow: none;
    padding: 15px 0 0
}

.sidebar.xpup-checkbar .team .layui-carousel {
    height: 447px
}

.sidebar.xpup-checkbar .team .layui-carousel.hasbtn {
    height: 454px;
    margin-top: 0
}

.sidebar .layui-collapse.index-ask {
    border: none;
    background-color: transparent;
    padding: 15px 0 0
}

.sidebar .layui-collapse.index-ask .layui-colla-title a {
    font-size: 14px
}

.sidebar .layui-collapse.index-ask .layui-colla-title {
    padding: 0 15px 0 36px;
    height: 32px;
    line-height: 32px
}

.layui-collapse.index-ask .iconfont {
    font-size: 14px;
    line-height: 14px;
    padding: 6px;
    border-radius: 50%
}

.layui-collapse.index-ask .iconfont.lianbei-q {
    top: 3px
}

.layui-collapse.index-ask .iconfont.lianbei-a {
    top: 7px
}

.xpup-breadcrumb {
    color: #878d99;
    font-size: 13x;
    padding: 18px 0
}

.xpup-breadcrumb i, .xpup-breadcrumb > * {
    font-size: 13px;
    color: #878d99
}

.xpup-breadcrumb a i {
    color: #878d99
}

.xpup-breadcrumb small {
    color: #b5bdc2;
    padding: 0 8px;
    font-size: 10px
}

body.map .layui-layer-dir .layui-layer-title {
    padding: 0 45px 0 20px
}

.layui-timeline {
    padding: 20px
}

.layui-timeline .layui-text {
    overflow: hidden
}

.layui-timeline .layui-text h3 {
    font-size: 18px;
    padding: 0
}

.layui-timeline .layui-text .layui-row {
    margin-top: -10px;
    padding-bottom: 10px
}

.layui-timeline .layui-text ul {
    padding: 5px 0
}

.layui-timeline .layui-text li {
    list-style: none;
    padding-left: 30px
}

.layui-timeline .layui-text li.letter {
    font-size: 22px;
    font-family: Georgia;
    padding-left: 0;
    margin-top: 15px
}

.layui-timeline .layui-text li.letter + li {
    margin-top: -24px
}

.layui-timeline .layui-text li a {
    color: #333;
    padding-right: 15px
}

.layui-timeline .layui-text li a:hover {
    color: #fc7f2b;
    text-decoration: none
}

.layui-timeline .layui-text li a cite {
    color: #858585;
    padding-left: 6px;
    font-size: 13px
}

.layui-timeline .layui-text li i {
    color: #fc7f2b;
    padding-left: 3px
}

.layui-timeline .layui-text li i.icon-dian {
    color: #858585;
    padding: 0;
    font-size: 10%
}

.layui-timeline .layui-btn {
    position: absolute;
    left: 25px;
    top: -8px
}

.layui-timeline .layui-timeline-item:last-child {
    padding-bottom: 32px
}

.scity .layui-timeline .layui-timeline-item:last-child {
    padding-bottom: 0
}

.layui-timeline .layui-timeline-axis {
    font-size: 20px;
    top: 2px;
    color: #0d9b8e
}

.xpup-panel-index {
    border-top: 1px solid rgba(0, 0, 0, .03);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    margin-bottom: 18px;
    padding: 5px 15px 0
}

.xpup-panel-index .xpup-panel-main {
    padding: 20px 0
}

.index-ask-online, .index-block-right {
    padding: 0;
    font-size: 18px;
    text-align: center
}

.index-ask-online h4, .index-block-right h4 {
    text-align: left;
    font-size: 18px;
    letter-spacing: 1px
}

.index-ask-online .layui-btn {
    background-color: #fc7f2b;
    background-image: linear-gradient(to right, #fc7f2b, #ffb800);
    letter-spacing: 1px;
    font-weight: 300
}

.index-ask-online .layui-btn.process {
    background-color: #2eb35a;
    background-image: linear-gradient(to right, #0d9b8e, #0fcc9d)
}

.index-ask-online .layui-btn i {
    font-size: 22px;
    padding-right: 6px
}

.index-ask-online dl.quick {
    margin-bottom: 15px;
    border-bottom: 1px dotted #e9e9e9;
    padding-bottom: 16px
}

.index-ask-online dl.quick:last-child {
    border: none
}

.index-ask-online dl.quick dt {
    border-radius: 50%;
    border: 1px solid rgba(252, 127, 43, .75);
    color: #fc7f2b;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px
}

.index-ask-online dl.quick dt i {
    font-size: 20px
}

.index-ask-online dl.quick dt i.icon-mian {
    font-size: 28px;
    margin-top: 3px;
    line-height: 43px
}

.index-ask-online dl.quick dt i.icon-shandian {
    line-height: 44px
}

.index-ask-online dl.quick dd {
    text-align: left;
    color: #0d9b8e
}

.index-ask-online dl.quick dd span {
    font-size: 14px;
    color: #858585
}

.index-ask-online .layui-timeline {
    padding: 0
}

.index-ask-online .layui-text h6 {
    font-size: 16px;
    text-align: left
}

.index-ask-online .layui-text .layui-elem-quote {
    text-align: left;
    text-align: justify;
    padding: 12px;
    border-color: #e9e9e9
}

.index-ask-online .layui-text .layui-elem-quote i {
    color: #ccc;
    vertical-align: middle
}

.index-ask-online .layui-text a:not(.layui-btn) {
    font-size: 14px;
    color: #0d9b8e;
    text-decoration: none;
    font-size: 18px
}

.index-ask-online .layui-timeline-item {
    padding-bottom: 11px
}

.index-ask-online .layui-timeline-item:last-child {
    padding: 0
}

.index-ask-online .layui-timeline-axis {
    font-size: 18px;
    top: 0
}

.index-ask-online .topic li {
    font-size: 14px;
    text-align: left;
    padding: 6px 12px;
    margin-bottom: 9px;
    background-color: #f8f8f8;
    border-color: #0d9b8e
}

.index-ask-online .topic li a {
    display: block;
    max-width: 100%
}

.index-ask-online .topic li a cite {
    font-family: Tahoma;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    font-family: Lato
}

.index-ask-online .topic li:nth-child(1) cite {
    background-color: #fc7f2b !important;
    color: #fff !important
}

.index-ask-online .topic li:nth-child(2) cite {
    background-color: #f581b1 !important;
    color: #fff !important
}

.index-ask-online .topic li:nth-child(3) cite {
    background-color: #1e9fff !important;
    color: #fff !important
}

.index-ask-online .topic li:last-child {
    margin-bottom: 0
}

.index-quicknav {
    border-top: 1px solid rgba(0, 0, 0, .03);
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    overflow: hidden;
    padding: 20px 0
}

.index-quicknav .layui-field-title {
    width: 240px;
    margin: 25px auto 8px
}

.index-quicknav .xpup-panel-main {
    padding: 0 5px;
    margin-bottom: 25px;
    overflow: hidden
}

.index-quicknav dl {
    overflow: hidden;
    padding-top: 15px
}

.index-quicknav dt i {
    background-color: #93d6f3;
    color: #fff;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 28px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px
}

.index-quicknav dl:nth-child(2) dt i {
    background-color: #f9b7bc
}

.index-quicknav dl:nth-child(3) dt i {
    background-color: #e6c788
}

.index-quicknav dl:nth-child(4) dt i {
    background-color: #8ce0b0
}

.index-quicknav dl:nth-child(5) dt i {
    background-color: #f7c0df
}

.index-quicknav dl:nth-child(6) dt i {
    background-color: #8cc4ff
}

.index-quicknav dl:nth-child(7) dt i {
    background-color: #d7ade2
}

.index-quicknav dl:nth-child(8) dt i {
    background-color: #82d6c9
}

.index-quicknav dl:nth-child(9) dt i {
    background-color: #ffb6c3
}

.index-quicknav dl:nth-child(10) dt i {
    background-color: #fdc27a
}

.index-quicknav dl:nth-child(11) dt i {
    background-color: #ade29f
}

.index-quicknav dl:nth-child(12) dt i {
    background-color: #c8bbff
}

.index-quicknav dt i {
    transition: all .3s ease 0s;
    overflow: hidden
}

.index-quicknav i:hover {
    transform: scale(1.05)
}

.index-quicknav span {
    font-size: 14px
}

.index-quicknav dd, .index-quicknav dd a {
    font-size: 13px;
    color: #858585
}

.index-quicknav dt h4 {
    padding: 0 0 3px;
    font-size: 16px
}

.index-quicknav.rightblock {
    border: none;
    box-shadow: none
}

.index-quicknav.rightblock dt i {
    width: 55px;
    height: 55px;
    line-height: 55px
}

.index-quicknav.rightblock dt h4 {
    text-align: center
}

.xpup-panel-main.index-quicknav.rightblock {
    padding: 5px 0 0
}

.index-quicknav.rightblock2 dt i {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.tab-inner {
    padding-right: 30px
}

.tab-inner.layui-tab {
    margin: 0
}

.tab-inner .layui-tab-title {
    border: none;
    margin-bottom: 20px
}

.tab-inner .layui-tab-title li {
    margin-bottom: 8px;
    font-size: 16px;
    border-radius: 3px;
    margin-right: 8px;
    height: 40px;
    line-height: 40px;
    padding: 0 3px;
    background-color: #f0f0f0;
    color: #666
}

.tab-inner .layui-tab-title .layui-this {
    background-color: #fc7f2b;
    border: none;
    color: #fff
}

.tab-inner.layui-tab-brief > .layui-tab-more li.layui-this:after, .tab-inner.layui-tab-brief > .layui-tab-title .layui-this:after {
    border: none
}

.tab-inner .layui-tab-bar {
    height: 38px;
    line-height: 38px
}

.xpup-dl-list.custom dl {
    border: 1px solid #f0f0f0
}

.xpup-dl-list.custom.tab-inner p {
    color: #747474;
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    padding-top: 12px
}

.xpup-dl-list.custom li {
    width: 49.5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    line-height: 28px
}

.xpup-dl-list.custom li i {
    color: #ddd;
    padding-right: 5px
}

.xpup-dl-list.custom li a {
    color: #666
}

.xpup-dl-list.custom li a:hover {
    color: #fc7f2b
}

.xpup-dl-list.custom li:nth-child(2n) {
    margin-left: 1%
}

.xpup-dl-list.custom .layui-elem-quote {
    overflow: hidden;
    padding: 12px 12px;
    border-color: #f0f0f0
}

.baike-focus .xpup-dl-list {
    padding-left: 30px
}

.baike-focus .xpup-dl-list p {
    padding-top: 8px
}

.baike-focus a:nth-child(2) dl {
    margin-bottom: 0
}

.baike-focus .xpup-banner .cnt p {
    padding: 0 90px;
    margin-bottom: -8px
}

.inner-title {
    text-align: center;
    position: relative;
    height: 70px;
    overflow: hidden;
    padding: 30px 0
}

.inner-title.pad {
    margin-bottom: 10px
}

.inner-title h1, .inner-title h2 {
    font-size: 24px;
    padding-top: 22px;
    letter-spacing: 2px;
    color: #333
}

.inner-title h2 {
    font-size: 28px
}

.inner-title h1 i, .inner-title h2 i {
    color: #fc7f2b;
    padding-left: 6px
}

.inner-title span {
    background-color: #fc7f2b;
    height: 2px;
    width: 60px;
    display: block;
    margin: 12px auto 0
}

.inner-title .text {
    width: 600px;
    margin-left: -300px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 2
}

.inner-title .text:nth-child(2) {
    z-index: 1;
    color: #e5e5e5;
    font-weight: 600;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 100%;
    font-size: 55px;
    letter-spacing: 5px;
    opacity: .5
}

.dl-focus .xpup-vertical-align {
    min-height: 333px
}

.dl-focus .xpup-vertical-align div {
    width: 90%;
    margin: 0 auto
}

.dl-focus .inner-title {
    margin-top: -36px
}

.dl-focus .info {
    font-size: 20px;
    padding: 0 0 30px;
    color: #555
}

.dl-focus .info i {
    color: #d6d6d6;
    font-size: 32px;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 10px
}

.dl-focus .info h1 {
    font-size: 28px;
    font-weight: 400
}

.dl-focus p {
    color: #747474;
    font-size: 16px;
    line-height: 24px
}

.dl-focus.art p {
    padding-bottom: 15px;
    text-indent: 2em;
    line-height: 27px;
    font-size: 16px;
    text-align: justify
}

.dl-focus.art p.last {
    padding-bottom: 0
}

.dl-focus.art .info {
    padding-bottom: 25px;
    font-size: 20px;
    text-align: center;
    text-indent: 0
}

.dl-focus.art .info i {
    display: inline
}

.cover-focus .layui-container {
    background-repeat: no-repeat;
    height: 600px;
    overflow: hidden
}

.cover-focus .layui-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .15)
}

.cover-focus .layui-row > div {
    width: 50%;
    margin: 0 auto;
    color: #fff
}

.cover-focus .layui-row h1 {
    font-size: 32px
}

.cover-focus .layui-row p.title {
    padding: 20px 0 25px;
    font-size: 20px
}

.cover-focus .layui-row p.title i {
    font-size: 150%;
    padding-right: 6px;
    opacity: .85
}

.cover-focus .layui-row p.info {
    line-height: 28px
}

.cover-focus .layui-row p.more {
    line-height: 28px;
    padding-top: 15px
}

.dl-people dl, .dl-ys dl {
    text-align: center
}

.dl-people dd, .dl-ys dd {
    font-size: 16px;
    padding-top: 10px
}

.dl-bg-1 {
    background: url(../dongluan/pro_bg.jpg) no-repeat #f8f8f8;
    background-position: center top;
    background-size: cover;
    position: relative
}

.dl-pro .layui-btn + .layui-btn {
    margin-left: 0
}

.dl-pro dl {
    text-align: center
}

.dl-pro dd {
    font-size: 14px;
    padding: 20px 10px;
    background-color: #fff;
    overflow: hidden
}

.dl-pro dd small {
    font-size: 14px;
    display: block
}

.dl-pro dd h4 {
    font-size: 16px;
    padding: 5px 0 8px
}

.dl-pro dd p {
    font-size: 13px;
    color: #747474;
    line-height: 22px
}

.dl-pro.fuwu dl .block {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    display: block
}

.dl-pro.fuwu dd p {
    padding-top: 8px
}

.servicespage pre {
    margin: 50px 0 30px;
    font-size: 16px;
    padding: 12px 15px;
    background-color: #fff;
    letter-spacing: 1px
}

.servicespage pre a {
    float: right;
    font-size: 14px;
    color: #747474
}

.servicespage pre a i {
    vertical-align: -2px
}

.dl-pro.fuwu pre:first-child {
    margin-top: 0
}

.dl-pro .moreinfo {
    margin-top: 36px
}

.dl-pro .moreinfo summary {
    color: #fc7f2b;
    margin-bottom: 8px
}

.dl-pro .moreinfo em {
    font-size: 16px;
    font-family: Raleway;
    padding-right: 5px
}

.dl-pro .moreinfo .action, .dl-pro .moreinfo span {
    display: none
}

.dl-pro.fuwu dl:hover .moreinfo {
    margin-top: 6px
}

.dl-pro.fuwu dl:hover .action, .dl-pro.fuwu dl:hover .moreinfo span {
    display: inline-block
}

.dl-pro.fuwu dl:hover dd p {
    padding-top: 0
}

.dl-pro.fuwu.list {
    padding: 20px 0 40px
}

.dl-pro .moreinfo .action .layui-btn, .dl-pro .moreinfo span {
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e);
    height: 32px;
    line-height: 32px
}

.dl-pro .moreinfo .action .layui-btn.layui-btn-danger {
    background-color: #35bdb0;
    background-image: linear-gradient(to right, #35bdb0, #35beb0)
}

.dl-pro .moreinfo .action .layui-btn {
    margin: 0 3px
}

.dl-pro.new dl {
    padding: 0 4%
}

.dl-pro.new dd {
    padding: 10px
}

.hover-shadow {
    position: relative;
    top: 0;
    transition: all .2s linear
}

.hover-shadow:hover {
    top: -5px;
    transition: translate3d(0, -2px, 0);
    box-shadow: 0 0 20px rgba(252, 127, 43, .15)
}

.dl-pro.new .hover-shadow {
    box-shadow: none
}

.dl-pro.new .hover-shadow:hover dd, .dl-pro.new .hover-shadow:hover dt, .inner-service .hover-shadow:hover {
    box-shadow: 0 0 20px rgba(13, 155, 142, .15)
}

.inner-service .hover-shadow:hover {
    border-radius: 5px
}

.advantage.new .hover-shadow:hover, .inner-viewmore .hover-shadow:hover, .medical .hover-shadow:hover, .noshadow .hover-shadow:hover, .services-more .hover-shadow:hover, .shangbiao .hover-shadow:hover {
    box-shadow: none
}

.dl-bg-2 {
    background: url(../dongluan/people_bg.jpg) no-repeat #f8f8f8;
    background-position: bottom center;
    background-size: 100% auto
}

.dl-people dt {
    box-shadow: 0 0 16px rgba(13, 155, 142, .2);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin: 0 auto 10px;
    display: block;
    font-weight: 700;
    background-color: #fbf7f1
}

.dl-people.new {
    padding-top: 40px;
    transition: all .35s linear
}

.dl-people.new dt {
    line-height: normal
}

.dl-people.new dt span {
    margin-top: 36px;
    display: inline-block;
    font-size: 18px;
    color: rgba(13, 155, 142, .5);
    font-family: Raleway, sans-serif;
    letter-spacing: 1px
}

.dl-people.new dt em {
    display: block;
    margin: 3px auto 0;
    font-size: 24px;
    color: #0d9b8e
}

.project-line {
    background: url(../img/index/project-normal.png) no-repeat center;
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    top: 62px;
    transition: all .15s linear
}

.dl-people.new:hover .project-line {
    background: url(../img/index/project-hover-little.png) no-repeat center;
    top: 30px
}

.dl-people.new:hover dl:nth-child(2n) {
    top: -52px;
    transition: translate3d(0, -5px, 0)
}

.dl-people.new.ivf .project-line {
    height: 101px;
    top: 52px
}

.dl-people.new.ivf:hover .project-line {
    background: url(../img/index/project-hover.png) no-repeat center;
    top: 30px
}

.dl-people.new.ivf dt {
    line-height: 120px;
    font-size: 16px;
    background-color: #faffff;
    box-shadow: 0 0 16px rgba(16, 181, 166, .2);
    color: #333;
    font-weight: 400
}

.dl-people.new.ivf dl:nth-child(2n) dt {
    color: #fff
}

.dl-people.new.ivf dl:nth-child(2) dt {
    background-color: #01aaed;
    box-shadow: 0 0 16px rgba(1, 170, 237, .35)
}

.dl-people.new.ivf dl:nth-child(4) dt {
    background-color: #f99049;
    box-shadow: 0 0 16px rgba(252, 127, 43, .35)
}

.dl-people.new.ivf dl:nth-child(6) dt {
    background-color: #32bdb2;
    box-shadow: 0 0 16px rgba(50, 189, 178, .45)
}

.medical {
    overflow: hidden
}

.medical dl {
    text-align: center;
    width: 120px;
    margin: 0;
    padding-top: 20px
}

.medical dt {
    font-size: 18px;
    padding: 40px 0 15px
}

.medical .cirle {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border: 2px solid #0d9b8e;
    border-radius: 50%;
    color: #0d9b8e
}

.medical .cirle i {
    font-size: 42px
}

.medical .info {
    color: #747474
}

.medical .cnt:nth-child(2n) .cirle {
    border-color: #fc7f2b;
    color: #fc7f2b
}

.medical .cnt cite {
    position: absolute;
    right: 36px;
    top: 70px;
    font-size: 20px;
    color: #fc7f2b
}

.medical .cnt:nth-child(2n) cite {
    color: #0d9b8e
}

.medical .cnt {
    position: relative;
    min-width: 18.9%
}

.mobilepage .medical .cnt {
    min-width: auto;
    width: 14.285714285%;
    float: left
}

.mobilepage .medical dt {
    font-size: 14px;
    padding: 15px 0 0
}

.mobilepage .medical {
    margin-top: -20px
}

.mobilepage .medical .cnt cite {
    display: none
}

.mobilepage .medical dl {
    width: 72px;
    margin: 0 auto
}

.mobilepage .medical .cirle {
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-width: 1px
}

.mobilepage .medical .cirle i {
    font-size: 28px
}

.xpup-switch {
    text-align: center
}

.xpup-switch .layui-input-block {
    margin: -20px 0 50px
}

.xpup-switch .layui-form-switch {
    min-width: 72px;
    height: 30px;
    line-height: 30px;
    border-color: #0d9b8e;
    background-color: #0d9b8e
}

.xpup-switch .layui-form-switch i {
    background-color: #fff
}

.xpup-switch .layui-form-switch i {
    top: 7px
}

.xpup-switch .layui-form-switch em {
    font-size: 14px;
    font-family: Raleway, sans-serif;
    letter-spacing: 1px;
    top: 1px
}

.xpup-switch .layui-form-onswitch {
    border-color: #fc7f2b;
    background-color: #fc7f2b
}

.dongluan-lc .layui-btn {
    position: absolute;
    left: 0;
    bottom: 80px;
    padding: 0 40px;
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e)
}

.dongluan-lc .layui-btn.other {
    bottom: 52px
}

.dongluan-lc .layui-btn.other2 {
    bottom: 125px
}

.dongluan-lc {
    background: url(../img/index/dl-pro-bg.png) no-repeat left 120px
}

.dongluan-lc dl {
    position: relative;
    color: rgba(252, 127, 43, .5);
    width: 50%;
    margin-left: 20%;
    padding-top: 48px
}

.dongluan-lc .cnt {
    margin-bottom: 95px
}

.dongluan-lc .cnt:nth-child(3), .dongluan-lc .cnt:nth-child(4) {
    margin-bottom: 20px
}

.dongluan-lc .cnt:nth-child(3) dl {
    margin-left: 50%
}

.dongluan-lc .cnt:nth-child(4) dl {
    margin-left: 40%
}

.dongluan-lc dl:hover dd, .dongluan-lc dl:hover dt {
    box-shadow: 0 0 20px rgba(252, 127, 43, .15)
}

.dongluan-lc dl:hover dt {
    z-index: 3
}

.dongluan-lc dt {
    font-size: 32px;
    font-family: Arial;
    font-weight: 700;
    display: block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 50%;
    background-color: #fbf7f1;
    position: absolute;
    left: 10%;
    top: 0;
    text-align: center;
    z-index: 1
}

.dongluan-lc dd {
    border-radius: 40px;
    background-color: #fbf7f1;
    position: relative;
    padding: 30px 20px 30px 30px;
    z-index: 2
}

.dongluan-lc h4 {
    font-size: 20px;
    font-weight: 700
}

.dongluan-lc p {
    line-height: 24px;
    padding-top: 12px;
    color: #666;
    padding-right: 55px;
    position: relative
}

.dongluan-lc p i {
    color: rgba(252, 127, 43, .5);
    font-size: 40px;
    position: absolute;
    right: 5px;
    top: 18px
}

.dongluan-lc .scale-img i {
    transition: all .8s ease 0s
}

.dongluan-lc .scale-box:hover i {
    transform: scale(1.15)
}

.newcases .catalog, .newcases .logo {
    background-color: #fbf7f1;
    margin-bottom: 10px;
    min-height: 190px;
    border-radius: 3px
}

.newcases li {
    height: 190px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px
}

.newcases .catalog, .newcases .last li:nth-child(2) {
    height: 390px
}

.newcases li .mask {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    display: none
}

.newcases li .mask-white {
    background-color: rgba(255, 255, 255, .15);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2
}

.newcases li .mask i::before {
    font-family: iconfont !important;
    content: "\e63e";
    font-size: 28px;
    color: #fff;
    position: absolute;
    right: 30px;
    bottom: 30px
}

.newcases li .mask h6 {
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    z-index: 11
}

.newcases li .scale-img {
    position: relative;
    z-index: 1
}

.newcases .catalog h3 {
    font-size: 32px;
    padding-top: 24px;
    color: #333
}

.newcases .catalog img {
    width: 60%;
    margin: 18px 0
}

.newcases .catalog a {
    font-size: 16px;
    color: #0d9b8e
}

.newcases .catalog a:hover {
    color: #fc7f2b
}

.newcases .logo img {
    width: 42%;
    margin: 0 auto
}

.inner-advantage .hover-shadow {
    margin-top: 15px
}

.inner-advantage .hover-shadow:hover {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.inner-advantage dt {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 50%;
    margin-right: 24px;
    position: relative;
    overflow: hidden
}

.inner-advantage dt:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/index/box-cirle.png) center center rgba(0, 0, 0, .2) no-repeat;
    background-size: cover;
    transition: all .6s ease 0s
}

.inner-advantage .hover-shadow:nth-child(1) dt:after {
    transform: rotate(0)
}

.inner-advantage .hover-shadow:nth-child(2) dt:after {
    transform: rotate(55deg)
}

.inner-advantage .hover-shadow:nth-child(3) dt:after {
    transform: rotate(95deg)
}

.inner-advantage .hover-shadow:nth-child(4) dt: {
    transform: rotate(105deg)
}

.inner-advantage .hover-shadow:nth-child(5) dt:after {
    transform: rotate(-105deg)
}

.inner-advantage .hover-shadow:nth-child(6) dt:after {
    transform: rotate(-45deg)
}

.inner-advantage .hover-shadow:hover dt:after {
    transform: rotate(45deg);
    background-color: rgba(13, 155, 142, .75)
}

.inner-advantage dt i {
    color: #fff;
    font-size: 42px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1
}

.inner-advantage h4 {
    font-size: 18px;
    padding: 12px 0 15px
}

.inner-advantage p {
    color: #747474
}

.case-list {
    background-color: #f7f7f7
}

.case-list + .xpup-footer {
    margin-top: 0
}

.inner-case dl {
    margin-bottom: 25px;
    padding: 0 20px
}

.inner-case dl:hover dd, .inner-case dl:hover dt {
    box-shadow: 0 0 10px #e6e6e6;
    box-sizing: border-box
}

.inner-case dd {
    background-color: #fff;
    padding: 0 15px 30px
}

.inner-case dd h2 {
    font-size: 16px;
    padding: 12px 0 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.inner-case dd p {
    color: #747474;
    padding-top: 5px
}

.inner-case dd .xpup-btn-custom3 {
    margin-top: 12px;
    display: inline-block
}

.dl-focus.inner-focus .info {
    padding: 0 0 20px
}

.dl-focus.inner-focus p.first {
    padding-bottom: 30px;
    width: 90%;
    margin: 0 auto
}

.dl-focus.inner-focus .index-video {
    margin-top: 10px
}

.video-mobile-block {
    margin: -10px 0 20px
}

.inner-mission {
    margin-top: -10px
}

.inner-mission .info {
    position: relative;
    margin: 15px
}

.inner-mission .info img {
    width: 100%
}

.inner-mission .info p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.inner-mission .info p span {
    text-align: center;
    display: block;
    width: 100%;
    line-height: 32px;
    margin-top: 15px
}

.inner-mission .info p span i {
    margin-bottom: 18px;
    font-size: 42px;
    display: inline-block
}

.inner-mission .info p span em {
    font-size: 90%
}

.philosophy .info p span em{font-weight: 600;}
.philosophy h6{padding-left: 15px;font-size: 20px;font-weight: 600;}
.service-bg {
    background: url(../img/index/bg-02.jpg) no-repeat;
    background-position: left bottom;
    background-size: 100% auto
}

.service-bg .inner {
    background-color: rgba(245, 249, 249, .3)
}

.inner-service dl {
    display: block;
    height: 100%;
    text-align: center;
    transition: all .5s ease 0s;
    padding: 15px
}

.inner-service dl:nth-child(1) dt:after {
    transform: rotate(0)
}

.inner-service dl:nth-child(2) dt:after {
    transform: rotate(55deg)
}

.inner-service dl:nth-child(3) dt:after {
    transform: rotate(95deg)
}

.inner-service dl:nth-child(4) dt:after {
    transform: rotate(105deg)
}

.inner-service dl:nth-child(5) dt:after {
    transform: rotate(-105deg)
}

.inner-service dl:nth-child(6) dt:after {
    transform: rotate(-45deg)
}

.inner-service dl:hover dt:after {
    transform: rotate(45deg);
    background-color: rgba(13, 155, 142, .6)
}

.inner-ivf dt, .inner-service dt {
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 140px;
    line-height: 140px
}

.inner-service dt:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/index/box-cirle.png) center center rgba(0, 0, 0, .2) no-repeat;
    background-size: cover;
    transition: all .6s ease 0s
}

.inner-service dt i {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 36px
}

.inner-service dd {
    text-align: center;
    font-size: 16px;
    padding-top: 10px
}

.inner-service.youshi .icon-color {
    position: relative;
    z-index: 1;
    opacity: .85;
    transition: all .5s ease 0s
}

.inner-service.youshi dt:after {
    background: url(../img/index/box-cirle.png) center center rgba(13, 155, 142, .25) no-repeat
}

.inner-service.youshi dl:hover {
    background: 0 0
}

.inner-service.youshi dl:hover .icon-color {
    opacity: 1
}

.inner-service.youshi dl:hover dt:after {
    background-color: rgba(13, 155, 142, .45)
}

.inner-ivf dd h4, .inner-service.youshi dd h4 {
    font-size: 20px;
    padding: 10px 0 6px;
    font-weight: 700;
    color: #666
}

.homepage .inner-service.youshi dd h4 {
    padding: 0
}

.inner-ivf dd p, .inner-service.youshi dd p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    padding-top: 8px
}

.inner-service.youshi dd p span {
    font-size: 14px
}

.xpup-tab-cutom.inner .focus .info {
    padding: 0 0 15px;
    font-size: 20px
}

.xpup-tab-cutom.inner .focus .info i {
    color: #d6d6d6;
    font-size: 32px;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 10px
}

.xpup-tab-cutom.inner .focus p {
    color: #747474;
    font-size: 15px;
    line-height: 25px;
    text-align: center
}

.index-service .xpup-tab-cutom.inner .layui-btn {
    background-color: transparent;
    border-color: #c9c9c9;
    color: #555;
    margin: 40px auto 0;
    display: block;
    width: 140px
}

.index-service .xpup-tab-cutom.inner .layui-btn:hover {
    background-color: #fff;
    border-color: #0d9b8e;
    color: #0d9b8e;
    opacity: 1
}

.xpup-tab-cutom.inner .focus .layui-col-md6 {
    background-color: #fff
}

.xpup-tab-cutom.inner .focus .xpup-list-quick i {
    display: inline-block;
    margin-top: -15px;
    vertical-align: text-top;
    color: #999
}

.xpup-tab-cutom.inner .focus .xpup-vertical-align.special {
    align-items: flex-start
}

.process .xpup-btn-custom {
    margin-top: 30px
}

.process .bg {
    border-bottom: 1px dashed #bfc5d3;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 203px
}

.process .layui-container {
    padding-top: 110px;
    min-height: 370px
}

.process .layui-container.ziliao {
    padding-top: 70px
}

.process .layui-container.fanwei {
    min-height: 265px
}

.process .item {
    width: 12.5%;
    text-align: center;
    position: relative
}

.process .item .mask {
    width: 100%
}

.process .item .title {
    font-size: 16px;
    position: absolute;
    z-index: 2;
    top: 89px;
    width: 100%
}

.process .item .title cite {
    display: block;
    margin: 0 auto 15px;
    width: 7px;
    height: 7px;
    background-color: #f5f6fc;
    border-radius: 50%;
    border: 2px solid #5b6699
}

.process .item:hover .mask {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 115px;
    background: url(../img/index/process-hover.png) no-repeat center;
    background-size: 60% auto;
    margin-top: -52px;
    padding-top: 40px
}

.process .item:hover .mask .icon-color {
    width: 32px;
    height: 32px
}

.process .item p {
    position: absolute;
    top: 165px;
    font-size: 13px;
    padding: 0 10px;
    line-height: 20px;
    color: #747474
}

.mobilepage .process .bg {
    height: 2px;
    top: 137px
}

.mobilepage .process .item .icon-color {
    width: 36px
}

.serv-last + .xpup-footer {
    margin-top: 0
}

.serv-last .index-quicknav {
    margin-bottom: 2px
}

.navlist {
    padding: 15px 0 8px;
    overflow: hidden
}

.navlist li {
    padding: 0 0 8px
}

.navlist li a i {
    float: right;
    opacity: .7;
    margin-right: 10px
}

.navlist li a {
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    text-indent: 14px;
    height: 44px;
    line-height: 44px
}

.navlist li.on a, .navlist li:hover a {
    background-color: #fc7f2b;
    color: #fff
}

.inner-menu {
    padding-bottom: 5px;
    position: fixed;
    left: 1px;
    top: 25%;
    width: 140px;
    z-index: 1;
    opacity: .95
}

.singlepage .detail-box {
    padding: 0 20px 5px
}

.inner-title span.bigger {
    width: 100px
}

.single-service {
    background: url(../img/index/process-single.png) no-repeat center 0;
    height: 1170px;
    overflow: hidden;
    padding: 0 15px;
    margin-top: -22px
}

.single-service .layui-col-md12 {
    height: 132px
}

.single-service dl {
    width: 50%;
    margin: 0 auto 0 0;
    text-align: center
}

.single-service dl img {
    border-radius: 50%;
    width: 120px;
    height: 120px
}

.single-service dl img:hover {
    box-shadow: 0 0 8px #ddd;
    box-sizing: border-box
}

.single-service dt {
    color: #555;
    margin: 10px auto;
    font-size: 18px
}

.single-service dt cite {
    color: #e6f5f3;
    font-size: 36px;
    font-family: Georgia, 'Courier New', Tahoma, Geneva, Verdana, sans-serif;
    padding-right: 10px;
    font-style: italic;
    font-weight: 700
}

.single-service dd i {
    font-size: 65px;
    color: #0d9b8e
}

.single-service dl dd.info {
    width: 60%;
    margin: 0 auto;
    padding-right: 20px
}

.single-service .cirle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #747474;
    background-color: #fff;
    color: #0d9b8e;
    position: absolute;
    right: auto;
    left: 40%;
    top: 90%
}

.single-service .layui-col-md12:nth-child(2n) dl {
    margin: 0 0 0 auto
}

.single-service .layui-col-md12:nth-child(2n) .cirle {
    right: 40%;
    left: auto
}

.single-service .layui-col-md12:nth-child(1) dl {
    margin-top: 15px
}

.single-service .layui-col-md12:nth-child(2n) dl dd.info {
    padding-right: 0;
    padding-left: 20px
}

.single-service dl dd.mask {
    width: 100%;
    position: relative
}

.single-service .mask span {
    position: absolute;
    top: 0;
    left: auto;
    text-align: center;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%
}

.single-service .mask span i {
    color: #fff;
    font-size: 40px
}

.laypage-main {
    margin: 40px auto;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    border-right: none;
    border-bottom: none;
    font-size: 0;
    display: inline-block;
    box-shadow: 0 0 5px #e6e6e6;
    box-sizing: border-box;
    font-family: Lato
}

.laypage-main * {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin: -1px;
    padding: 0 16px;
    line-height: 42px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
    color: #999;
    overflow: hidden
}

.laypage-main i {
    border: none;
    padding: 0;
    font-size: 18px;
    height: 42px;
    line-height: 46px
}

.laypage-main .laypage-next {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.laypage-main .laypage-prev, .laypage-main > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.laypage-main .laypage-next, .laypage-main .laypage-prev {
    padding: 0 12px 0 15px
}

.laypage-main .laypage-curr {
    background-color: #fc7f2b;
    border-color: #e6e6e6;
    color: #fff
}

.friendLinks .titlebar {
    text-align: left
}

.friendLinks .titlebar h2 {
    margin-bottom: 30px
}

.friendLinks a {
    display: inline-block;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    border-radius: 3px;
    margin: 0 10px 8px 0;
    text-align: center;
    border: 1px solid #e2e2e2;
    overflow: hidden
}

.friendLinks a:hover {
    background-color: #fc7f2b;
    color: #fff;
    border-color: #fc7f2b
}

.friendLinks .layui-row {
    padding-bottom: 90px
}

.xpup-none {
    min-height: 600px;
    text-align: center;
    padding-top: 50px;
    color: #999
}

.xpup-none .iconfont {
    line-height: 300px;
    font-size: 300px;
    color: #858585
}

.xpup-none .lianbei-tishilian {
    display: inline-block;
    margin: 30px 0 20px
}

.xpup-none p {
    margin-top: 50px;
    padding: 0 15px;
    font-size: 20px;
    color: #999;
    font-weight: 300;
    line-height: 36px
}

.xpup-list-one .xpup-none {
    min-height: 70px
}

.sitemap li {
    border: 1px solid #e2e2e2;
    height: 36px;
    line-height: 36px;
    margin: 15px 2% 0 0;
    float: left;
    width: 18%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sitemap li:hover {
    border-color: #e0e7c9
}

.sitemap li:hover a {
    color: #fc7f2b
}

.sitemap li:nth-child(5n) {
    margin-right: 0
}

.sitemap.list li {
    border: none;
    width: 50%;
    text-align: left;
    margin: 0;
    list-style-type: circle
}

body.map.city .layui-timeline .layui-btn {
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e)
}

.citymap li {
    padding-top: 20px
}

.citymap li {
    padding: 10px 0
}

.citymap li a {
    font-size: 16px;
    padding-right: 20px;
    line-height: 28px;
    font-size: 14px
}

.citymap li a.province {
    width: 75px;
    display: inline-block;
    padding-right: 0;
    font-size: 16px
}

.citymap li a.province i {
    padding: 0 0 0 2px;
    color: #d4ddef;
    font-size: 24px;
    vertical-align: middle
}

.city .layui-timeline .layui-timeline-axis {
    color: #fc7f2b
}

.xpup-page {
    border-top: 1px dotted #e2e2e2;
    text-align: center;
    clear: both
}

.detail-body .xpup-page {
    margin-top: 30px
}

.detail-body .xpup-page a {
    color: #2f4050;
    text-decoration: none
}

.module-ask .xpup-detail-info.ask span {
    margin-right: 3px
}

.module-ask .detail-about dt img {
    border-radius: 50%;
    width: 45px;
    height: 45px
}

.module-ask .xpup-list-info .xpup-badge-tag {
    padding: 0 3px
}

.ask-box {
    margin-top: 15px
}

.sidebar .layui-tab-item.huati {
    padding: 12px 15px 15px
}

.module-ask .xpup-list li {
    padding: 15px 0
}

.module-ask .xpup-detail-info.tinfos {
    height: 50px;
    margin-top: 22px
}

.module-ask .xpup-detail-info.tinfos .layui-badge {
    margin-right: 8px
}

.module-ask .detail-body dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.module-ask .detail-body dt span {
    display: none
}

.module-ask .detail-body dt {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #fc7f2b;
    border-radius: 50%;
    opacity: .75;
    color: #fff;
    margin: 0 10px 0 0
}

.module-ask .detail-body dl.team {
    margin: 30px 0 20px
}

.module-ask .detail-body dl.team + dl.team {
    margin: 20px 0
}

.module-ask .detail-body dl.team dt {
    background-color: #0d9b8e;
    order: 2;
    margin: 0 0 0 10px
}

.module-ask .detail-body dt::before {
    font-family: iconfont !important;
    content: "\e640";
    font-size: 18px
}

.module-ask .detail-body dl.team dt::before {
    content: "\e6fa";
    font-size: 22px
}

.module-ask .detail-body dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-radius: 5px;
    background: rgba(252, 127, 43, .035);
    border: 2px solid rgb(252, 127, 43, .1);
    padding: 12px 20px
}

.module-ask .detail-body dl.team dd {
    background: rgba(13, 155, 142, .035);
    border: 2px solid rgb(13, 155, 142, .1)
}

.module-ask .detail-body dd, .module-ask .detail-body dd p {
    font-size: 14px;
    line-height: 24px
}

.module-ask .detail-body dd p:last-child {
    margin-bottom: 0
}

.module-ask .detail-about .icon-best {
    font-size: 48px;
    position: absolute;
    right: 15px;
    top: 27px;
    color: #30aa9e
}

.module-ask .detail-about .icon-best.lianbei-daihuifu {
    color: #fc7f2b
}

.detail-body .layui-elem-quote.last {
    margin: 25px 0 15px
}

.list-video {
    padding: 0 30px
}

.list-video + .xpup-page {
    margin-top: 40px
}

.list-video dd {
    position: relative
}

.list-video dd img {
    width: 100%;
    border-radius: 3px
}

.list-video dd em {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .2);
    color: rgba(255, 255, 255, .6);
    font-size: 24px;
    margin: -60px 0 0 -30px
}

.list-video dd em:hover {
    background-color: #fc7f2b;
    color: #fff;
    opacity: .85
}

.list-video dd h6 {
    padding: 6px 0;
    font-size: 16px
}

.list-video dd span i {
    padding-right: 5px;
    vertical-align: bottom
}

.layui-collapse.faq {
    border: none
}

.layui-collapse.faq .layui-colla-item {
    border-top: 1px dotted #e9e9e9;
    padding: 20px 0
}

.layui-collapse.faq .layui-colla-icon {
    color: #0d9b8e;
    font-size: 18px;
    left: 0
}

.layui-collapse.faq .layui-colla-title {
    background-color: transparent;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 15px 0 24px
}

.layui-collapse.faq .layui-colla-content {
    padding: 0 0 5px;
    border-top: none;
    color: #747474
}

.layui-collapse.faq .layui-colla-content strong {
    display: inline-block;
    margin-bottom: 8px
}

.xpup-banner .layui-carousel-arrow {
    font-family: iconfont !important;
    background-color: transparent;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.xpup-banner .layui-carousel-arrow:before {
    content: "\e79c"
}

.xpup-banner .layui-carousel-arrow[lay-type=add]:before {
    content: "\e79a"
}

.xpup-banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
    left: 10px
}

.xpup-banner.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .xpup-banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 8px
}

.xpup-slider-mobile, .xpup-slider-pc {
    display: none !important
}

.linkmore {
    margin-top: 30px
}

.pt12 {
    padding-top: 12px
}

.contrast {
    padding-bottom: 10px
}

.contrast ul {
    border: 1px solid #ededed;
    background-color: #fff;
    margin: 0 -.5px
}

.contrast ul:not(:nth-child(2)) {
    margin-top: 30px
}

.contrast ul:not(:nth-child(2)) li.title {
    height: 70px
}

.contrast ul:not(:nth-child(2)).hover-shadow:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.contrast ul:nth-child(2) {
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.contrast ul:nth-child(1) {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.contrast ul:nth-child(1) li.title {
    border-top-left-radius: 6px
}

.contrast ul:nth-child(3) {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.contrast ul:nth-child(3) li.title {
    border-top-right-radius: 6px
}

.contrast li {
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #878d99
}

.contrast li span {
    display: block;
    margin: 0 auto;
    border-bottom: 1px dotted #ededed;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contrast li span.last {
    border-bottom: none
}

.contrast ul:nth-child(2) li span {
    font-size: 14px
}

.contrast li.title {
    height: 90px;
    font-size: 24px;
    background-color: #f5f6fc;
    color: #5e6471
}

.contrast li.title em {
    font-size: 16px;
    display: block;
    margin: 0 auto
}

.contrast li.title i {
    font-size: 64px;
    display: block;
    margin: 0 auto;
    color: #98b2d3
}

.contrast li.title img {
    max-width: 60px;
    margin-left: 29%
}

.contrast li.vs {
    background: #e0e9f9;
    text-align: center
}

.mobilepage .contrast li.title {
    height: 75px
}

.mobilepage .contrast li.title em {
    font-size: 16px
}

.mobilepage .contrast ul:not(:nth-child(2)) {
    margin-top: 15px
}

.contrast ul:not(:nth-child(2)) li.title {
    height: 60px
}

.inner-viewmore .info {
    background-color: #fff;
    border-radius: 3px;
    margin: 0 20px;
    font-size: 18px;
    text-align: center;
    padding: 30px 20px
}

.inner-viewmore .info i {
    font-size: 32px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    line-height: 64px;
    display: block;
    border: 1px solid #fc7f2b;
    color: #fc7f2b;
    margin: 0 auto 25px
}

.inner-viewmore .info .layui-btn {
    margin-top: 15px;
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e);
    height: 32px;
    line-height: 32px
}

.xpup-checkdom {
    background-color: #fff;
    margin-right: 30px;
    padding: 11px 20px 28px
}

.xpup-checkdom.zc {
    padding: 19px 20px 20px
}

.xpup-checkdom li {
    display: inline-block;
    line-height: 46px;
    margin-right: 7px;
    background-color: #f6f6f6;
    padding: 0 24px;
    border-radius: 3px;
    cursor: pointer
}

.xpup-checkdom li.on {
    background-color: #fc7f2b;
    color: #fff
}

.xpup-checkdom li.xpup-hidden {
    width: 0;
    display: none
}

.xpup-checkdom .layui-field-title {
    margin: 17px 0 11px
}

.xpup-checkdom .layui-field-title.normal {
    margin: 18px 0 19px
}

.xpup-checkdom.zhuce {
    padding-top: 15px
}

.xpup-checkdom.zhuce .layui-field-title {
    margin: 11px 0 8px
}

.xpup-checkdom.zhuce .layui-field-title.normal {
    margin: 15px 0 14px
}

.xpup-checkdom .layui-field-title.last {
    margin: 11px 0 16px
}

.xpup-checkdom .layui-field-title.sb {
    margin: 11px 0 8px
}

.special-check .xpup-checkdom .layui-field-title.last {
    margin: 15px 0 12px
}

.xpup-checkdom .layui-form-item {
    margin-bottom: 0
}

.xpup-checkdom .layui-form-item .layui-input-inline, .xpup-checkdom .layui-input-block {
    margin-left: 0
}

.xpup-checkdom input {
    height: 46px;
    line-height: 46px
}

.xpup-checkdom .layui-btn {
    background-color: #fc7f2b;
    background-image: linear-gradient(to right, #fc7f2b, #ffb800);
    letter-spacing: 1px;
    border-radius: 3px;
    padding: 0 32px
}

.xpup-checkdom .layui-word-aux {
    line-height: 46px;
    margin-left: -2px;
    float: left
}

.xpup-checkdom .zhucehy .layui-word-aux {
    float: none
}

.xpup-checkdom .zhucehy .layui-form-select dl dd, .xpup-checkdom .zhucehy .layui-form-select dl dt {
    line-height: 22px
}

.xpup-checkdom .zhucehy .layui-form-select dl dd {
    display: inline-block;
    font-size: 13px;
    padding-right: 10px
}

.xpup-checkdom .zhucehy .layui-form-select .layui-select-group dd {
    padding-left: 10px
}
.xpup-checkdom .layui-field-title.normal legend{display: none;}

.jieshui pre {
    margin-bottom: 32px;
    font-size: 14px;
    padding: 15px
}

.jieshui .cnt dl {
    border-radius: 100px;
    background-color: #fff;
    border-top-left-radius: 0;
    padding: 32px 60px 50px;
    margin-right: 40px
}

.jieshui .cnt:nth-child(2n) dl {
    background-color: #fc7f2b;
    background-image: linear-gradient(to right, #fc7f2b, #ffb800);
    margin-right: 0;
    margin-left: 40px
}

.jieshui .cnt dt {
    font-size: 20px;
    letter-spacing: 2px
}

.jieshui .cnt dt i {
    font-size: 32px;
    padding-right: 6px;
    color: #0d9b8e;
    vertical-align: -3px
}

.jieshui .cnt dd {
    font-size: 16px;
    line-height: 32px;
    color: #747474;
    padding-top: 15px
}

.jieshui .cnt dd em {
    background-color: #0d9b8e;
    opacity: .75;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    margin-right: 6px;
    line-height: normal;
    font-size: 10px;
    text-align: center;
    font-family: Lato
}

.jieshui .cnt:nth-child(2n) dt, .jieshui .cnt:nth-child(2n) dt i {
    color: #fff
}

.jieshui .cnt:nth-child(2n) dd {
    color: #fff
}

.jieshui .cnt:nth-child(2n) dd em {
    background-color: #fff;
    color: #fc7f2b;
    opacity: .85
}

.jieshui .shangbiao .cnt dl {
    background-color: #f8f8f8
}

.jieshui .shangbiao .cnt:nth-child(2n) dl {
    background-color: #fc7f2b;
    background-image: linear-gradient(to right, #fc7f2b, #ffb800)
}

.service-map {
    background: url(../img/china.png) no-repeat center bottom;
    min-height: 625px
}

.service-map ul {
    width: 40%
}

.service-map .layui-btn {
    width: 100%;
    height: 65px;
    line-height: 65px;
    background-color: #2f4056;
    background-image: linear-gradient(to right, #2f4056, #4e6d90);
    margin-bottom: 24px;
    font-size: 18px
}

.service-map .layui-btn span {
    font-size: 180%;
    padding: 0 10px;
    font-weight: 700;
    margin-top: -6px;
    display: inline-block
}

.service-map .layui-btn.on {
    background-color: #fc7f2b;
    background-image: linear-gradient(to right, #fc7f2b, #ffb800)
}

.service-map .layui-btn + .layui-btn {
    margin-left: 0
}

.service-map.shebao .layui-btn {
    height: 62px;
    line-height: 62px
}

body.xpup .singlebody .xpup-panel {
    padding-bottom: 25px
}

.inner-baike .tab-inner .layui-tab-title li {
    font-size: 14px
}

.inner-baike .layui-btn {
    border-color: #fc7f2b;
    color: #fc7f2b
}

.baike-commend .xpup-panel-main {
    overflow: hidden
}

.baike-commend .xpup-panel-main a {
    padding: 5px 0
}

.baike-commend .xpup-panel-main a small {
    color: #999
}

.baike-commend .xpup-panel-main a i {
    color: #fc7f2b;
    padding-right: 5px
}

.baike-commend .xpup-tab .layui-tab-title li {
    font-size: 14px;
    line-height: inherit;
    padding-top: 3px
}

.xpup-pad-baike.baike-focus {
    padding: 0 0 15px
}

.inner-baike.custom .xpup-dl-list.custom dl, .inner-baike.custom ul {
    background-color: #fff
}

.inner-baike.custom .xpup-dl-list.custom li {
    line-height: 30px
}

.services-list, .services-list-second {
    padding: 10px 0 0
}

.services-list li {
    font-size: 14px;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
    overflow: hidden
}

.services-list li:last-child {
    margin-bottom: 0
}

.services-list li a.menu {
    display: block;
    background-color: #f6f6f6;
    line-height: 60px;
    text-indent: 20px
}

.services-list li a.menu i {
    padding-right: 8px
}

.services-list li a.menu i.lianbei-next {
    float: right;
    padding-right: 20px
}

.services-list li a.menu:hover {
    color: #333
}

.services-list li dl {
    border-bottom: 1px dotted #e6e6e6;
    padding: 24px 30px 20px 0;
    overflow: hidden;
    background-color: #fff
}

.services-list li dl:last-child {
    border: none
}

.services-list li dt {
    text-align: center;
    line-height: 22px;
    padding-top: 5px
}

.services-list li dd {
    background: url(../img/index/line.png) no-repeat 0 center;
    padding-left: 30px
}

.services-list li dd a {
    padding-right: 24px;
    line-height: 32px
}

.services-list li dd a strong {
    color: #ff5722
}

.titlebar2 {
    border-left: 3px solid #fc7f2b;
    margin-bottom: 18px;
    padding: 0 0 0 15px
}

.titlebar2 h3 {
    font-size: 18px
}

html body.mobilepage {
    margin-top: 64px
}

html body.mobilepage .xpup-header {
    height: 64px;
    padding-top: 0
}

.mobilepage .xpup-header .layui-hide-xs {
    display: none !important
}

.mobilepage .component {
    top: 85px;
    left: 15px;
    background: #f6f6f6;
    padding: 0 10px;
    width: calc(100% - 50px)
}

.mobilepage .component .layui-input {
    width: 100%
}

.mobilepage .layui-nav-phone {
    top: 69px;
    left: 15px
}

.mobilepage .mobile-navlist .layui-online {
    position: absolute;
    top: 125px;
    left: 15px
}

.xpup-homepage + .xpup-footer, .xpup-pad-last + .xpup-footer {
    margin-top: 0
}

.sidebar.services .xpup-panel-title {
    font-size: 16px;
    height: 38px;
    line-height: 32px
}

.services-detail {
    padding-right: 35px
}

.services-detail-header {
    background-color: #fff;
    margin-bottom: 35px
}

.services-detail-header h1 {
    padding: 30px 0 20px 20px
}

.services-detail-header .xpup-checkdom {
    margin-right: 0
}

.services-detail-header .xpup-checkdom .layui-field-title {
    margin: 15px 0
}

.services-detail-info {
    background-color: #f8f8f8;
    line-height: 65px;
    padding: 0 20px;
    color: #747474
}

.services-detail-info span {
    color: #fc7f2b;
    font-size: 24px
}

.services-detail-info span em {
    font-size: 80%;
    padding-right: 6px
}

.xpup-sinfo {
    float: right;
    padding-top: 11px
}

.xpup-sinfo li {
    display: inline-block;
    line-height: normal;
    text-align: center;
    padding-left: 20px
}

.xpup-sinfo li.xpup-hidden {
    display: none
}

.xpup-sinfo li em {
    display: block
}

.xpup-services-box {
    padding: 0 0 45px
}

.xpup-services-box .layui-tab {
    margin: 0
}

.xpup-services-box .layui-tab-title {
    height: 54px;
    background-color: #f8f8f8
}

.xpup-services-box .layui-tab-title li {
    line-height: 56px;
    padding: 0 30px
}

.xpup-services-box .layui-tab-title .layui-this {
    background-color: #fff
}

.xpup-services-box .layui-tab-title .layui-this:after {
    height: 55px;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #fc7f2b;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.xpup-services-box .layui-tab-title li:first-child.layui-this:after {
    border-left: none
}

.xpup-services-box .layui-tab-item {
    padding: 18px 30px 0
}

.services-detail-faq dl {
    padding-top: 20px
}

.services-detail-ensure dd h6, .services-detail-faq dt {
    font-size: 16px;
    line-height: 32px
}

.services-detail-ensure dd p, .services-detail-faq dd {
    font-size: 14px;
    color: #747474;
    padding-top: 8px
}

.services-detail-faq dd em, .services-detail-faq dt em {
    font-size: 24px;
    color: #ffa123;
    padding-right: 8px;
    vertical-align: middle
}

.services-detail-faq dd {
    line-height: 24px
}

.services-detail-faq dd em.lianbei-answer {
    color: #4fc400
}

.services-detail-ensure dl {
    padding-top: 30px
}

.services-detail-ensure dd, .services-detail-ensure dt {
    display: inline
}

.services-detail-ensure dt {
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border: 1px solid #fc7f2b;
    border-radius: 50%
}

.services-detail-ensure dt i {
    font-size: 28px;
    color: #fc7f2b
}

.services-detail-ensure dt:hover i {
    background-color: transparent;
    color: #fc7f2b
}

.services-detail-ensure dd {
    padding-left: 20px
}

.services-detail-ensure dd h6 {
    line-height: 36px
}

.services-detail-ensure dd p {
    padding: 0 0 8px;
    line-height: 24px
}

.services-detail-ensure dd p .layui-btn {
    margin-top: 5px;
    border-color: #fc7f2b;
    color: #fc7f2b
}

.services-detail-comment .xpup-panel {
    padding: 40px 0 0
}

.services-detail-comment .layui-btn-normal {
    background-color: #ff5722;
    background-image: linear-gradient(to right, #ff5722, #ff916e)
}

.services-detail-end {
    background-color: #2f4056;
    color: #fff;
    padding: 30px 0
}

.services-detail-end dt {
    padding-top: 4px
}

.services-detail-end dt i {
    font-size: 42px
}

.services-detail-end dd {
    padding-left: 20px;
    line-height: 28px
}

.services-detail-end dd h6 {
    font-size: 18px
}

.services-detail-end + .xpup-footer {
    margin-top: 0
}

.services-like {
    padding: 5px 0
}

.services-like dl, .video-like dl {
    padding-top: 20px
}

.services-like dt {
    text-align: center
}

.services-like dd {
    padding-top: 8px;
    line-height: 24px
}

.services-like dd h4 {
    font-weight: 700
}

.services-like dd h4 span {
    color: #fc7f2b;
    float: right
}

.services-like dd h4 span em {
    font-size: 80%;
    padding-right: 6px
}

.video-like {
    padding: 5px 0 10px
}

.video-like dt {
    width: 120px;
    height: 68px;
    margin-right: 15px
}

.video-like dd h4 {
    font-size: 16px;
    text-align: left
}

.city-commend {
    padding-bottom: 5px
}

.city-commend li {
    text-align: center;
    padding-top: 20px
}

.city-commend em {
    display: block;
    margin: 0 auto;
    font-size: 24px;
    color: #33aba0
}

#canvas-verify {
    width: 100px;
    height: 36px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    cursor: pointer;
    margin-top: -9px
}

.module-baike {
    padding-bottom: 120px
}

.module-baike .layui-tab-content {
    padding-top: 40px
}

.module-baike .layui-tab-content.inner {
    padding-top: 0
}

.module-baike .layui-tab-item li {
    line-height: 28px;
    font-size: 16px;
    padding: 8px 0
}

.module-baike .layui-tab-item li i {
    color: #fcae10;
    padding-right: 6px
}

.module-baike .layui-tab-item img {
    width: 100%;
    margin-top: 12px
}

.module-baike .layui-tab-content.inner .layui-tab-item img {
    margin-top: 0
}

.module-baike .layui-tab-item h4 {
    font-size: 18px;
    padding: 15px 0 10px
}

.module-baike .layui-tab-item p {
    color: #747474;
    line-height: 22px;
    font-size: 14px;
    padding-top: 0
}

.module-baike .layui-tab-brief > .layui-tab-title .layui-this, .module-baike .layui-tab-title .layui-this {
    color: #fc7f2b
}

.module-baike .layui-tab-title li {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 24px;
    color: #2f4056
}

.mobilepage .module-baike {
    padding-bottom: 40px
}

.mobilepage .module-baike .layui-tab-title li {
    background-color: #fff;
    margin: 0 6px 6px 0;
    border: none;
    height: 36px;
    line-height: 36px;
    border-radius: 3px
}

.mobilepage .module-baike .layui-tab-title li.layui-this {
    background-color: #fc7f2b;
    color: #fff
}

.mobilepage .module-baike .layui-tab-title, .mobilepage .module-baike .layui-tab-title .layui-this:after {
    border: none
}

.mobilepage .module-baike .layui-tab-bar {
    height: 36px;
    color: #fc7f2b;
    border-color: #e8e8e8
}

.mobilepage .module-baike .layui-tab-title .layui-this:after {
    height: 36px
}

.mobilepage .module-baike .layui-tab-item img {
    margin-top: 0
}

.wiki-quicknav {
    display: none
}

.wiki-quicknav li {
    line-height: 28px;
    cursor: pointer
}

.wiki-quicknav li i {
    color: #fc7f2b;
    font-size: 10px;
    padding-right: 3px
}

.wikipage .layui-layer-dir {
    box-shadow: none;
    border: 1px solid #f2f2f2
}

.mobilepage.wikipage .layui-layer-dir {
    opacity: .95
}

.wikipage .layui-layer-dir .layui-layer-content {
    padding: 5px 10px
}

.wikipage .layui-layer-title {
    padding: 0 30px 0 10px;
    height: 40px;
    line-height: 44px;
    border-bottom: 1px dotted #e5e5e5;
    margin: 0 10px;
    overflow: hidden
}

.wikipage .layui-layer-setwin {
    top: 16px;
    opacity: .2
}

.wikipage .layui-layer-setwin a {
    width: 12px;
    height: 12px
}

.wiki-title pre {
    margin: 15px 0 0;
    border-color: #e6e6e6;
    line-height: 22px;
    color: #747474;
    padding: 15px 15px 12px
}

.wiki-title h1 {
    font-size: 24px
}

.wiki-title h1 i {
    color: #b0b7c7;
    font-size: 32px;
    margin-left: 5px;
    vertical-align: text-bottom
}

.wiki-list.layui-timeline {
    padding: 20px 0
}

.wiki-list.layui-timeline .layui-timeline-axis {
    font-size: 14px;
    color: #fc7f2b
}

.wiki-list.layui-timeline .layui-text time {
    font-family: Lato;
    font-size: 14px;
    margin-bottom: 10px;
    display: block
}

.wiki-list.layui-timeline .layui-timeline-title {
    font-size: 16px
}

.wiki-list.layui-timeline .layui-text p {
    color: #878d99
}

.wiki-list.layui-timeline .layui-text a:not(.layui-btn) {
    color: #333
}

.wiki-list.layui-timeline .layui-text a:not(.layui-btn):hover {
    text-decoration: none;
    color: #0d9b8e
}

.wiki-likes a {
    line-height: 30px;
    padding-right: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: inline-block;
    padding: 0 15px;
    margin: 15px 15px 0 0
}

.wiki-likes a:hover {
    border-color: #0d9b8e
}

.wiki-related h2 i {
    color: #fc7f2b;
    margin-right: 8px
}

.index-ask.wiki {
    border: none;
    padding: 20px 0 0
}

.index-ask.wiki .layui-badge {
    background-color: #2f4050
}

.index-ask.wiki .detail-body {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #878d99
}

.index-ask.wiki .layui-colla-title {
    padding-left: 34px
}

.index-ask.wiki .iconfont.lianbei-q {
    top: 7px;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    overflow: hidden
}

.wikipage .xpup-tab .layui-tab-title {
    right: 0
}

.wikipage .xpup-tab .xpup-panel-title h3 {
    font-size: 16px
}

.wikipage .xpup-tab .layui-tab-title li {
    line-height: 36px
}

.wikipage .xpup-tab .layui-tab-title .layui-this:after {
    height: 39px
}

.wikipage .index-quicknav.rightblock2 dt i {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 20px
}

.pcpage.wikipage .index-quicknav span {
    font-size: 13px
}

.goodness {
    padding-top: 20px;
}

.goodness img.fl {
    float: left;
}

.goodness .goodness_txt {
    float: left;
    padding-left: 10px;
}

.goodness .goodness_txt h5 {
    font-size: 16px;
    color: #323242;
    font-weight: bold
}

.goodness .goodness_txt p {
    font-size: 12px;
    color: #6F6F80;
    padding-top: 0;
}

.hots {
    text-align: center;
    padding-top: 30px;
}

.hots .box {
    padding: 0 20px
}

.hots .bg {
    padding: 38px 0;
}

.hots .box:nth-child(1) .bg {
    background: url("../img/hot_bg_01.png") no-repeat center/cover;
}

.hots .box:nth-child(2) .bg {
    background: url("../img/hot_bg_02.png") no-repeat center/cover;
}

.hots .box:nth-child(3) .bg {
    background: url("../img/hot_bg_03.png") no-repeat center/cover;
}

.hots .box:nth-child(4) .bg {
    background: url("../img/hot_bg_04.png") no-repeat center/cover;
}

.hots h4 {
    font-size: 18px;
    color: #fff;
    padding: 20px 0 10px;
}

.hots p {
    font-size: 14px;
    color: #fff;
}

.hots a {
    display: inline-block;
    width: 130px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    transition: all linear .2s;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.hots a:hover {
    background-color: #fff;
}

.hots .box:nth-child(1) .bg a:hover {
    color: #3f5ef1;
}

.hots .box:nth-child(2) .bg a:hover {
    color: #ff630b;
}

.hots .box:nth-child(3) .bg a:hover {
    color: #a521ff;
}

.hots .box:nth-child(4) .bg a:hover {
    color: #0ddcb6;
}

.module-news {
    background: url(../img/bg/news-bg.jpg) no-repeat center 253px
}

.module-news .layui-tab-title {
    text-align: center;
    border: none
}

.module-news .layui-tab-title li {
    font-size: 14px;
    line-height: 32px
}

.module-news .layui-tab-content {
    padding: 36px 0;
    overflow: hidden
}

.module-news .focus {
    background: url(../img/bg/news-focus.jpg) no-repeat;
    min-height: 240px;
    color: #fff;
    margin-bottom: 10px;
    padding: 32px 30px 0;
    background-size: cover
}

.module-news .focus .layui-btn {
    margin-top: 20px
}

.module-news .more {
    background: url(../img/bg/news-more.jpg) no-repeat center bottom #f4f5f7;
    padding: 41px 30px 41px 0;
    text-align: right;
    background-size: 100% auto
}

.module-news h4 {
    font-size: 18px;
    line-height: 26px
}

.module-news p {
    color: #878d99;
    line-height: 22px;
    margin: 13px 0;
    font-size: 14px;
    padding-top: 0
}

.module-news .focus p {
    color: #fff;
    opacity: .9;
    margin: 15px 0
}

.module-news .right {
    background-color: #fff;
    padding: 32px 30px 0;
    overflow: hidden;
    min-height: 370px
}

.module-news .right a:hover {
    color: #fc7f2b
}

.module-news .text {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px
}

.module-news .text h4 {
    font-size: 16px
}

.module-news .list li {
    line-height: 20px;
    padding: 6px 0 5px;
    float: left;
    width: 50%
}

.module-news .list li i {
    color: #dae4f5;
    font-size: 10px;
    padding-right: 4px
}

.module-news .list li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 98%;
    display: block
}

.module-news .list li time {
    font-size: 10px;
    font-family: Lato;
    color: #878d99;
    display: block;
    text-indent: 15px
}

.module-news .right dt {
    font-size: 16px;
    border-bottom: 1px dotted #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 6px
}

.module-news .right dd {
    padding: 5px 0 10px;
    overflow: hidden
}

.module-news .right dd a {
    padding: 3px 0;
    color: #747474;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%
}

.module-news .right dd i {
    color: #fc7f2b;
    font-size: 10px;
    margin-right: 3px
}

.module-news .right dl:last-child dd {
    padding-bottom: 0
}

.bg-wrapper-1 {
    background: url(../img/bg/bg-1.jpg) no-repeat center bottom #f7f8fc
}

.bg-wrapper-2 {
    background: url(../img/bg/bg-2.jpg) no-repeat center bottom #f7f8fc
}

.bg-wrapper-3 {
    background: url(../img/bg/bg-3.jpg) no-repeat center bottom #f7f8fc
}

.module-adv {
    position: relative;
    z-index: 999
}

.module-adv .cnt {
    height: 80px;
    box-sizing: border-box;
    background: url(../img/bg/adv-1.png) no-repeat 0 center
}

.module-adv .block:nth-child(2) .cnt {
    background-image: url(../img/bg/adv-2.png)
}

.module-adv .block:nth-child(3) .cnt {
    background-image: url(../img/bg/adv-3.png)
}

.module-adv .block:nth-child(4) .cnt {
    background-image: url(../img/bg/adv-4.png)
}

.module-adv .cnt dt {
    width: 73px
}

.module-adv .block .cnt dd {
    border-right: 1px solid #e2e2e2;
    margin-right: 35px
}

.module-adv .block:last-child .cnt dd {
    border-right: none
}

.module-adv .cnt h4 {
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 10px 0 5px;
    color: #878d99
}

.module-adv .cnt h4 i {
    font-style: normal;
    font-family: Impact
}

.module-adv .cnt h4 sup {
    position: absolute;
    font-size: 20px;
    right: -20px;
    top: -3px
}

.module-adv .cnt h4 span {
    position: absolute;
    font-weight: 400;
    font-size: 14px;
    right: -30px;
    top: 18px
}

.module-adv .cnt cite {
    display: block;
    color: #747474
}

.services-more dl {
    background-color: #fff;
    padding: 30px 15px;
    text-align: center;
    transition: all linear .2s;
    height: 124px;
    overflow: hidden;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .04)
}

.services-more dt i {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 82px;
    font-size: 32px;
    color: #fc7f2b;
    border: 1px dashed #fc7f2b;
    display: block;
    margin: 0 auto
}

.services-more h4 {
    margin-top: 20px;
    font-size: 16px;
    transition: all linear .2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.services-more p {
    margin-top: 20px;
    transition: all linear .2s
}

.services-more dl:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .07)
}

.pcpage .services-more dl:hover dt i {
    width: 52px;
    height: 52px;
    line-height: 54px;
    font-size: 20px
}

.mobilepage .services-more dl h4, .pcpage .services-more dl:hover h4 {
    font-size: 14px;
    margin-top: 10px
}

.mobilepage .services-more dl p, .pcpage .services-more dl:hover p {
    display: block;
    margin-top: 10px
}

.pcpage .services-more p {
    display: none
}

.mobilepage .services-more dl {
    padding: 20px 10px;
    height: auto;
    border-radius: 5px
}

.baike-items .block {
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .035);
    border: 1px solid #f2f2f2
}

.baike-items dl {
    padding: 20px 15px 0
}

.baike-items .archives li:hover, .baike-items dl:hover {
    background-color: #fcfcf7
}

.baike-items dt {
    margin-right: 8px
}

.baike-items dt img {
    width: 116px;
    height: 87px
}

.baike-items dd h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.baike-items dd h4 a {
    color: #5a5e66
}

.baike-items dd p {
    font-size: 13px;
    margin: 3px 0 0;
    color: #878d99;
    line-height: 22px;
    padding-top: 0
}

.baike-items .archives {
    padding: 0 15px 10px
}

.baike-items .archives li {
    padding: 10px 0 5px;
    border-bottom: 1px solid #edf1f8;
    line-height: 20px
}

.baike-items .archives li time {
    color: #b6b6b6;
    font-size: 13px;
    float: right;
    font-family: Lato
}

.baike-items .archives li a {
    color: #5a5e66;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 78%;
    display: inline-block
}

.baike-items .block a:nth-child(3) dl, .baike-items .block li:last-child {
    border: 0
}

.baike-items h3::before {
    content: '';
    height: 16px;
    width: 4px;
    border-radius: 8px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: 1px;
    background-color: #f60;
    background: -webkit-linear-gradient(45deg, #f60, #ff8b02);
    background: -o-linear-gradient(45deg, #f60, #ff8b02);
    background: linear-gradient(45deg, #f60, #ff8b02);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 128, 0, .2);
    box-shadow: 0 2px 4px 0 rgba(255, 128, 0, .2)
}

.baike-items {
    margin-bottom: 7.5px
}

.baike-items h3 {
    font-size: 16px;
    padding: 18px 15px 0 30px;
    letter-spacing: 1px;
    position: relative
}

.lb-footer {
    width: 100%;
    background: #272e35;
    margin-top: 60px;
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    padding: 32px 0 12px
}

.lb-footer .content {
    padding-bottom: 32px
}

.lb-footer .block {
    border-right: rgba(255, 255, 255, .05) 1px solid;
    min-height: 180px;
    box-sizing: border-box
}

.lb-footer h4 {
    color: #fff;
    margin-bottom: 16px;
    font-size: 14px
}

.lb-footer .foot-wechat h4 {
    margin-bottom: 24px
}

.mobilepage .lb-footer {
    margin-top: 5px;
    padding: 0 0 64px
}

.xpup-homepage + .lb-footer {
    margin-top: 0
}

.foot-menu li {
    line-height: 30px
}

.foot-menu li a {
    color: hsla(0, 0%, 100%, .5)
}

.foot-menu .first li {
    width: 50%;
    float: left
}

.foot-contact img {
    width: 88px;
    height: 88px;
    display: block
}

.foot-contact p {
    line-height: 32px;
    font-size: 14px
}
.foot-contact .footer_app{display: flex;justify-content: space-between}


.foot-contact span {
    font-size: 20px;
    line-height: 40px;
    color: #fc7f2b;
    margin-bottom: 13px;
    display: block
}

.copyright, .quickmenu {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    padding: 24px 0 20px
}

.copyright a, .quickmenu a {
    color: hsla(0, 0%, 100%, .4)
}

.copyright span {
    float: right;
    font-size: 12px
}

.quickmenu {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-left: 0;
    border-right: 0;
    line-height: 38px
}

.quickmenu dt {
    font-size: 14px;
    color: #fff;
    margin-right: 40px
}

.quickmenu dd a {
    margin-right: 24px
}

.article-box .article .single-detail-header h1 em, .foot-menu li a em {
    background: url(../img/hot.png) no-repeat right;
    background-position: 0 2px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: text-top;
    width: 28px;
    height: 16px;
    background-size: 100% auto
}

@media screen and (min-width: 768px) {
    .friendLinks .titlebar {
        text-align: left
    }

    .team.pc .item {
        width: 22%;
        display: inline-block;
        position: relative;
        float: left;
        margin: 0 1.5%;
        padding: .5% 0
    }

    .team.pc .item:nth-child(5), .team.pc .item:nth-child(6), .team.pc .layui-carousel > [carousel-item]:before {
        display: none !important
    }

    .team.pc .item dl:hover h4 {
        color: #fc7f2b
    }

    .team.pc .item h4 {
        font-size: 16px;
        padding: 0
    }

    .team.pc .item h4 small {
        color: #747474
    }

    .team.pc .item p {
        font-size: 13px
    }

    .xpup-dl-list dd {
        padding-top: 18px;
        overflow: hidden
    }

    .baike-focus .xpup-dl-list dd, .xpup-dl-list dd > p {
        padding-top: 10px
    }

    .service .inner-title span {
        width: 100px
    }

    .single-service {
        margin-top: -31px
    }

    .xpup-checkdom .zhucehy .layui-form-select dl {
        width: 690px
    }

    .module-baike .layui-col-lg-offset1 {
        margin-left: 4.33333333%
    }
}

@media screen and (min-width: 992px) {
    .module-news .right.new {
        padding: 20px 20px 12px
    }

    .dl-pro.fuwu .layui-col-md2, .module-news .right .layui-col-md2 {
        width: 20%
    }

    .services-list li .layui-col-md1 {
        width: 13.5%
    }

    .services-list li .layui-col-md11 {
        width: 86.5%
    }

    .xpup-checkdom .zhucehy .layui-form-select dl {
        width: 657px
    }

    .module-ask .xpup-panel, body.xpup .xpup-panel {
        margin-bottom: 35px
    }

    .detail .xpup-panel {
        margin-right: 20px
    }

    body.xpup .inner-baike .xpup-panel {
        margin: 0;
        border: 1px solid #f2f2f2
    }

    .inner-baike.custom .layui-tab-content {
        padding-right: 30px
    }

    .xpup-banner.index .layui-carousel-arrow {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 40px
    }

    .xpup-banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
        left: 20px
    }

    .xpup-banner.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .xpup-banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
        right: 18px
    }

    .baike-focus .xpup-dl-list dt {
        margin-right: 10px
    }

    .baike-focus .xpup-dl-list dt img {
        display: none !important
    }

    .inner-case .xpup-page {
        border-top: none;
        padding-bottom: 50px
    }

    .xpup-tab-cutom.inner .focus {
        margin-top: 25px
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align {
        min-height: 350px
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align .content {
        padding-left: 0
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align .xpup-list-quick {
        margin: 0
    }

    .xpup-tab-cutom.inner .focus .xpup-list-quick .layui-col-xs6 {
        height: 50px;
        line-height: 50px
    }

    .xpup-tab-cutom.inner .focus .pic {
        padding-left: 20px
    }

    .singlepage {
        margin-top: 0
    }

    body.xpup .singlebody .xpup-panel {
        margin-right: 0
    }

    .singlebody .index-quicknav {
        margin-bottom: 15px
    }

    .layui-collapse.faq .layui-colla-title {
        font-size: 16px;
        height: 48px;
        line-height: 48px
    }

    .dl-focus.art.ivf .content {
        padding: 0 30px 0 0
    }

    .baike .layui-col-md7, .newask .layui-col-md7 {
        width: 61.33333333%
    }

    .baike .layui-col-md-offset1, .newask .layui-col-md-offset1 {
        margin-left: 5.33333333%
    }

    .module-baike .layui-col-md4 {
        width: 29.166666665%
    }

    .module-baike .layui-col-lg-offset1 {
        margin-left: 8.33333333%
    }
}

@media screen and (min-width: 1200px) {
    .xpup-footer .layui-nav-phone {
        font-size: 20px
    }

    .xpup-pad-baike.baike-focus {
        padding: 0 0 25px
    }

    .inner-baike .tab-inner .layui-tab-title li {
        padding: 0 15px
    }

    .xpup-checkdom .zhucehy .layui-form-select dl {
        width: 830px
    }

    body.baikepage {
        background-color: #fff
    }

    .inner-baike .layui-btn {
        margin: 10px 0 5px
    }

    .xpup-slider-pc {
        display: block !important;
        margin: 0 auto
    }

    .inner-fixed .xpup-header {
        border-bottom: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2
    }

    .layui-container {
        width: 1199px
    }

    .xpup-show-mobile {
        display: none !important
    }

    .xpup-tab-cutom .layui-tab-title {
        height: 83px;
        margin-bottom: 15px;
        border: none
    }

    .xpup-tab-cutom .layui-tab-title li {
        display: inline-block;
        font-size: 16px;
        border-bottom: none;
        background-color: transparent;
        line-height: 24px;
        margin-bottom: 15px;
        overflow: hidden;
        border-radius: 100px;
        padding: 15px 0
    }

    .xpup-tab-cutom .layui-tab-title li:hover {
        color: #fc7f2b
    }

    .xpup-tab-cutom .layui-tab-title .layui-this, .xpup-tab-cutom .layui-tab-title li.layui-this:hover {
        background-color: #fc7f2b;
        color: #fff
    }

    .xpup-tab-cutom .layui-tab-title .layui-this:after {
        border-bottom: none;
        height: auto
    }

    .xpup-tab-cutom .layui-tab-title cite {
        font-family: Raleway, sans-serif;
        opacity: .7;
        display: block;
        margin: 0 auto 0
    }

    .xpup-tab-cutom p {
        font-size: 14px
    }

    .xpup-tab-cutom p.first {
        line-height: 24px
    }

    .team.inner .content {
        margin: 20px auto 50px
    }

    .xpup-dl-list dt img {
        width: 191px;
        height: 143px
    }

    .xpup-pad-baike {
        padding: 10px 0
    }

    .index-quicknav .xpup-panel-main {
        padding: 0 15px
    }

    .baike-focus .xpup-dl-list dt img {
        display: inline !important
    }

    .xpup-dl-list h4 {
        white-space: normal
    }

    .service .inner-title span {
        width: 60px
    }

    .xpup-tab-cutom.inner .focus {
        margin-top: 0
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align {
        min-height: 360px
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align .xpup-list-quick {
        margin: 0 10px 0 30px
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align .content {
        padding-left: 20px
    }

    .xpup-tab-cutom.inner {
        padding-bottom: 70px
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align.special {
        align-items: center
    }

    .inner-title.pad.dl-pc {
        margin-top: 20px
    }

    .cover-focus .layui-container {
        background-attachment: fixed;
        background-size: 100% auto
    }

    .cover-focus .layui-row > div {
        width: 55%
    }

    .inner-advantage.jizhang h4 {
        padding: 0 0 15px
    }

    .about.new p {
        text-indent: 2em
    }

    .btn-online.inner {
        margin-top: 40px
    }
}

@media screen and (max-width: 1400px) {
    .inner-menu {
        display: none
    }

    .xpup-detail-info .layui-btn {
        top: -4px
    }

    .service-map .layui-btn {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width: 1199px) {
    .sidebar .team .layui-carousel {
        height: 405px
    }

    .sidebar.services .team .layui-carousel {
        height: 340px
    }

    .sidebar.xpup-checkbar .team .layui-carousel.hasbtn {
        height: 392px
    }

    .dl-pro.fuwu dl .moreinfo, .dl-pro.fuwu dl:hover .moreinfo {
        margin-top: 6px
    }

    .dl-pro.fuwu dl .moreinfo .action, .dl-pro.fuwu dl .moreinfo span, .dl-pro.fuwu dl:hover .moreinfo .action, .dl-pro.fuwu dl:hover .moreinfo span {
        display: inline-block
    }

    .dl-pro.fuwu dl .moreinfo .action .layui-btn:last-child, .dl-pro.fuwu dl:hover .moreinfo .action .layui-btn:last-child {
        display: none
    }

    .dl-pro.fuwu dl dd p, .dl-pro.fuwu dl:hover dd p {
        padding-top: 0
    }

    .dl-pro.fuwu dl .moreinfo .layui-btn {
        height: 28px;
        line-height: 28px;
        font-size: 13px
    }

    .contrast li.title em, .contrast li.title img {
        margin: 0 auto
    }

    .service-map {
        background-size: 96% auto
    }

    .service-map ul {
        margin-top: 60px
    }

    .service-map .layui-btn {
        height: 48px;
        line-height: 48px;
        margin-bottom: 15px;
        font-size: 14px;
        margin-right: 20px
    }

    .xpup-pad, .xpup-pad-first {
        padding: 45px 0 0
    }

    .xpup-pad.last {
        padding: 45px 0
    }

    .service-map + .xpup-pad.last, .xpup-pad-last {
        padding: 35px 0 45px
    }

    .services-list, .services-list-second {
        padding: 0
    }

    .process .layui-container {
        padding-top: 45px
    }

    .titlebar h2 {
        margin-bottom: 45px
    }

    .component {
        right: 210px
    }

    .dongluan-lc dl {
        width: 65%;
        margin-left: 20%
    }

    .dongluan-lc .cnt:nth-child(3) dl {
        margin-left: 48%
    }

    .dongluan-lc .cnt:nth-child(4) dl {
        margin-left: 35%
    }

    .xpup-header .logo .xpup-show-mobile {
        margin-top: 0
    }

    .xpup-slider-mobile {
        display: block !important;
        margin: 0 auto
    }

    .xpup-header .layui-nav .layui-nav-item {
        margin: 0
    }

    .xpup-header .layui-nav .layui-nav-item span {
        display: none !important
    }

    .xpup-header .layui-nav .layui-this:after {
        top: -1px
    }

    .xpup-header .layui-nav {
        right: 5px;
        left: auto
    }

    .xpup-header .layui-nav .layui-nav-item a.main {
        font-size: 14px;
        padding: 0 12px
    }

    html body.fixed .xpup-header .layui-nav .layui-nav-item:nth-child(2) a.main {
        padding-left: 24px
    }

    .xpup-header .logo {
        top: 15px
    }

    .xpup-header .logo img {
        height: 42px
    }

    .xpup-footer .layui-online .layui-btn {
        padding: 0 10px
    }

    .xpup-footer .foot-menu li {
        padding: 0 5px
    }

    .xpup-show-pc, .xpup-tab-cutom .layui-tab-title li cite {
        display: none !important
    }

    .xpup-tab-cutom .layui-tab-title {
        border: none;
        margin-bottom: 16px
    }

    .baike .layui-tab-title li, .xpup-tab-cutom .layui-tab-title li {
        margin-bottom: 8px;
        font-size: 16px;
        border-radius: 3px;
        margin-right: 8px;
        height: 40px;
        line-height: 40px;
        padding: 0 8px;
        background-color: #fff;
        color: #666
    }

    .baike .layui-tab-title .layui-this, .xpup-tab-cutom .layui-tab-title .layui-this {
        background-color: #fc7f2b;
        border: none;
        color: #fff
    }

    .xpup-tab-cutom .layui-tab-brief > .layui-tab-more li.layui-this:after, .xpup-tab-cutom .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-bottom: none
    }

    .baike .layui-tab-brief > .layui-tab-more li.layui-this:after, .baike .layui-tab-brief > .layui-tab-title .layui-this:after {
        border-bottom: none
    }

    .baike .layui-tab-bar, .xpup-tab-cutom .layui-tab-bar {
        height: 38px;
        line-height: 38px
    }

    .dl-focus .xpup-vertical-align {
        min-height: 270px
    }

    .dl-focus .info {
        padding: 0 0 15px;
        font-size: 18px
    }

    .titlebar h2 {
        text-align: center
    }

    .homepage .about h2, .homepage .baike h2, .homepage .friendLinks h2 {
        text-align: left
    }

    .inner .xpup-show-mobile {
        margin-top: -22px
    }

    .dl-focus.art .info {
        font-size: 18px
    }

    #XPUP_service, .special-bg {
        display: none !important
    }

    .cover-focus .layui-container {
        width: 100%;
        height: 380px;
        background-size: cover
    }

    .cover-focus .layui-row p.more, .dl-people.new.ivf .project-line, .medical .info, .xpup-switch {
        display: none
    }

    .dl-people.new {
        padding-top: 20px
    }

    .dl-people.new.ivf dt {
        font-size: 14px
    }

    .inner-advantage {
        margin-top: 15px
    }

    .inner-advantage .hover-shadow {
        margin-top: 0
    }

    .inner-advantage dl {
        display: block;
        min-height: auto;
        text-align: center
    }

    .inner-advantage dt {
        width: 88px;
        height: 88px;
        line-height: 88px;
        margin: 0 auto
    }

    .inner-advantage dt i {
        font-size: 32px
    }

    .inner-advantage h4 {
        padding: 15px 0 0;
        font-size: 14px
    }

    .inner-advantage p {
        display: none
    }

    .jieshui pre {
        margin: 15px 0 20px
    }

    .jieshui .cnt dt {
        font-size: 16px
    }

    .jieshui .cnt dt i {
        font-size: 24px
    }

    .jieshui .cnt dd {
        font-size: 14px;
        line-height: 28px
    }

    .jieshui .cnt dl {
        margin-right: 0;
        padding: 25px;
        border-radius: 5px
    }

    .jieshui .cnt:nth-child(2n) dl {
        margin: 0
    }

    .cases .layui-carousel {
        height: 140px
    }

    .cases .xpup-dl-list dt {
        height: 107.5px
    }

    .cases .xpup-dl-list dd {
        padding-top: 0
    }

    .module-news {
        background-position: center 183px
    }

    .module-news .more .layui-btn {
        padding: 0 4px 0 12px
    }

    .baike-items .archives li a {
        max-width: 80%
    }

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

    .lb-footer .layui-container {
        display: none
    }

    .xpup-homepage {
        padding-bottom: 30px
    }
}

.xpup-pic {
    position: absolute;
    left: 15px;
    top: 0
}

.xpup-pic img {
    display: block;
    width: 180px;
    height: 135px;
    margin: 0;
    border-radius: 3px
}

.xpup-list.article li .xpup-pic i {
    margin: -21px 0 0 -21px;
    padding-right: 0
}

.xpup-list.inner-hospital .xpup-pic img {
    width: 200px;
    height: 150px
}

.xpup-list.inner-team .xpup-pic img {
    width: 140px;
    height: 140px;
    border-radius: 50%
}

.xupup-banner-bg.newset {
    background-position: center;
}

.pcpage .xupup-banner-bg.newset {
    background-size: auto 100%;
    background-color: #DE271A;
}

@media screen and (max-width: 768px) {
    .titlebar cite {
        display: none
    }

    .video-like dd h4 {
        font-size: 14px
    }

    .services-detail {
        padding-right: 0
    }

    .services-detail-info span {
        font-size: 18px
    }

    .services-detail-info span em {
        font-size: 80%;
        padding-right: 6px
    }

    .xpup-sinfo li {
        font-size: 12px
    }

    .xpup-checkdom .layui-elem-field legend {
        font-size: 16px
    }

    .xpup-panel-main.team {
        padding-bottom: 15px
    }

    .titlebar2 {
        border-left: 3px solid #0d9b8e;
        margin-bottom: 15px;
        margin-left: 5px
    }

    .xpup-dl-list.custom .layui-elem-quote {
        margin-bottom: 18px
    }

    .services-list li dl {
        padding: 18px 20px 15px 0
    }

    .services-list li dt {
        padding: 4px 15px 0
    }

    .services-list li dd {
        padding-left: 22px
    }

    .services-list li dd a {
        padding-right: 20px;
        line-height: 28px
    }

    .index-quicknav dt i {
        font-size: 24px
    }

    .baike-focus .xpup-banner .cnt p {
        padding: 0 60px
    }

    .dl-pro.falv dl p {
        display: none
    }

    .dl-pro.falv dd {
        padding: 10px
    }

    .dl-pro.falv dd h4 {
        font-size: 14px
    }

    .servicespage pre {
        margin: 30px 0;
        font-size: 14px
    }

    .dl-pro.fuwu dd {
        padding: 10px 10px 20px
    }

    .dl-pro.fuwu .customheight:last-child + .xpup-pad-last {
        padding-top: 10px
    }

    .process .layui-container.ziliao {
        padding-top: 30px
    }

    .advantage.new dl {
        padding: 12px 20px
    }

    .advantage.ziliao dd p {
        padding-top: 5px
    }

    .xpup-checkdom {
        margin-right: 0;
        padding: 6px 18px 9px
    }

    .xpup-checkdom .layui-inline.check-city-hot, .xpup-checkdom .layui-inline.detail-city-hot {
        margin-bottom: 13px
    }

    .xpup-checkdom li {
        padding: 0 17px;
        margin-bottom: 7px;
        line-height: 38px
    }

    .xpup-checkdom .layui-form-item .layui-inline {
        margin-bottom: 20px
    }

    .xpup-checkdom .layui-form-item .layui-inline.layui-word-aux {
        margin-bottom: 0
    }

    .services-detail-header .xpup-checkdom .layui-form-item .layui-inline.layui-word-aux, .xpup-checkdom.zhuce .layui-form-item .layui-inline.layui-word-aux {
        line-height: normal;
        margin-bottom: 20px;
        margin-top: -3px
    }

    .inner-viewmore {
        padding: 0 7.5px
    }

    .inner-viewmore .info {
        margin: 0 7.5px 15px;
        font-size: 16px
    }

    .inner-banner {
        height: 280px
    }

    .module-single .xpup-panel {
        padding: 15px 0
    }

    .citymap li {
        padding: 5px 0
    }

    .advantage dd h4 sup {
        font-size: 14px
    }

    .xpup-banner .cnt h1, .xpup-banner .cnt h4 {
        font-size: 24px
    }

    .xpup-banner .cnt p {
        font-size: 16px;
        padding-top: 8px
    }

    .xpup-banner .cnt .layui-btn {
        margin-top: 25px
    }

    .friendLinks .layui-row {
        padding-bottom: 40px
    }

    .inner-case dl:hover dd {
        padding: 0 15px 15px
    }

    .dl-people.new:hover dl:nth-child(2n) {
        top: 0
    }

    .hover-shadow:hover {
        top: 0
    }

    .medical {
        display: block;
        width: 100%;
        margin-top: 0
    }

    .mobilepage .medical .cnt {
        width: 33.33333333%
    }

    .medical .cnt:last-child {
        display: none
    }

    .newcases .catalog {
        height: auto;
        padding-bottom: 25px
    }

    .newcases .logo {
        min-height: 120px
    }

    .newcases .catalog img {
        width: 75%
    }

    .newcases .catalog h3 {
        font-size: 20px
    }

    .dongluan-lc {
        background: 0 0
    }

    .dongluan-lc .cnt:nth-child(3) dl, .dongluan-lc .cnt:nth-child(4) dl, .dongluan-lc dl {
        width: 80%;
        margin: 0
    }

    .dongluan-lc .cnt {
        margin-bottom: 30px
    }

    .dongluan-lc .cnt:nth-child(3), .dongluan-lc .cnt:nth-child(4) {
        margin-bottom: 30px
    }

    .dongluan-lc a.more {
        display: block;
        text-align: center
    }

    .dongluan-lc .layui-btn {
        position: relative;
        top: 0;
        margin: 5px auto
    }

    .dongluan-lc h4 {
        font-size: 18px
    }

    .dongluan-lc p {
        font-size: 13px;
        line-height: 22px;
        padding-top: 9px
    }

    .inner-menu {
        position: relative;
        top: 0;
        width: 100%;
        opacity: 1;
        display: block
    }

    .xpup-panel {
        padding: 12px 18px 15px
    }

    .inner-baike .xpup-panel {
        padding: 15px
    }

    .inner-baike.custom .xpup-panel {
        padding: 5px 15px 15px
    }

    .inner-baike.custom .xpup-dl-list.custom li:nth-child(2n) {
        margin-left: 0
    }

    .xpup-panel-index {
        box-shadow: none;
        padding: 10px 15px
    }

    .xpup-btn-custom {
        height: 38px;
        line-height: 38px;
        width: 130px;
        font-size: 16px
    }

    .inner-baike .layui-btn {
        float: right;
        margin-top: 0;
        margin-bottom: 20px
    }

    .xpup-btn-custom cite {
        width: 38px;
        height: 38px
    }

    .xpup-btn-custom em {
        top: 0;
        right: 15px
    }

    .xpup-header .logo {
        left: 15px;
        top: 14px
    }

    .xpup-header .city {
        left: 165px
    }

    .xpup-header .layui-nav-child {
        top: 60px
    }

    .xpup-footer {
        margin-top: 0
    }

    .xpup-footer .layui-nav-phone {
        position: relative;
        top: 0;
        left: 0
    }

    .linkmore {
        margin-top: 20px
    }

    .sitemap li {
        width: 46%;
        margin: 15px 4% 0 0
    }

    .sitemap li:nth-child(5n) {
        margin-right: 4%
    }

    .sitemap li:nth-child(2n) {
        margin-right: 0
    }

    .sitemap.list li {
        width: 100%;
        margin: 0
    }

    .homepage .xpup-banner .brand .layui-col-md6:nth-child(2) img {
        display: block;
        margin: 0 auto;
        width: 75%
    }

    .xpup-footer:not(.lb-footer) .copyright .quick {
        text-align: center;
        line-height: normal
    }

    .xpup-footer:not(.lb-footer) .foot-menu {
        width: 100%;
        text-align: center
    }

    .xpup-footer:not(.lb-footer) .foot-menu li {
        padding: 0 10px
    }

    .xpup-footer:not(.lb-footer) .copyright .info {
        text-align: center;
        padding-top: 15px;
        line-height: 24px
    }

    .xpup-footer:not(.lb-footer) .copyright .info cite {
        display: block
    }

    .footer-online {
        padding: 0 15px
    }

    .xpup-slider-custom .layui-carousel-ind {
        top: -32px
    }

    .xpup-slider-custom .layui-carousel-ind li {
        width: 8px;
        height: 8px;
        margin: 0 4px
    }

    .xpup-slider-custom .layui-carousel-ind li.layui-this {
        width: 40px;
        height: 6px
    }

    .xpup-marginTop {
        margin-top: 15px
    }

    .advantage.hidep dd p, .advantage.shangbiao dd p, .laypage-main a, .laypage-main span {
        display: none
    }

    .laypage-main .laypage-curr, .laypage-main .laypage-next, .laypage-main .laypage-prev {
        display: inline-block
    }

    .advantage {
        text-align: center
    }

    .advantage dl {
        padding: 15px
    }

    .advantage dt {
        padding: 0;
        height: 64px
    }

    .advantage dt .icon-color {
        height: 48px
    }

    .advantage dd h4 {
        font-size: 18px
    }

    .advantage dd h4 small {
        margin: 0 3px
    }

    .advantage dd p {
        font-size: 14px
    }

    .advantage dd span {
        font-size: 13px
    }

    .advantage.new dt .icon-color {
        width: 54px;
        height: 54px
    }

    .advantage.shangbiao dt .icon-color {
        width: 42px;
        height: 42px
    }

    .advantage.new dd h4 {
        font-size: 16px;
        padding: 6px 0 10px
    }

    .advantage.hidep dt {
        height: auto
    }

    .advantage.hidep dt i {
        font-size: 36px
    }

    .advantage.hidep dd h4 {
        font-size: 15px
    }

    .titlebar h2 {
        font-size: 18px;
        margin-bottom: 24px
    }

    .titlebar small {
        font-size: 14px
    }

    .about p, .homepage p {
        font-size: 14px;
        line-height: 24px
    }

    .xpup-pad, .xpup-pad-first {
        padding: 30px 0 0
    }

    .about.xpup-pad-first {
        padding: 10px 0 0
    }

    .xpup-pad.last {
        padding: 30px 0
    }

    .service-map {
        min-height: auto;
        background: 0 0
    }

    .service-map img {
        margin: 0 auto;
        display: block
    }

    .service-map ul {
        width: 100%;
        margin-top: 40px
    }

    .service-map .layui-btn {
        width: calc(50% - 20px)
    }

    .service-map .layui-btn:nth-child(2n) {
        margin-right: 0
    }

    .service-map .layui-btn span {
        padding: 0 5px
    }

    .service-map + .xpup-pad.last, .xpup-pad-last {
        padding: 25px 0 30px
    }

    .xpup-pad.first {
        padding: 0
    }

    .xpup-pad.inner {
        padding: 0 0 30px
    }

    .inner-title.pad {
        margin: -30px 0 0
    }

    .index-spacing {
        padding: 0 12.5px
    }

    .index-spacing-last {
        padding: 0 12.5px 12.5px
    }

    .index-spacing-links {
        padding: 0 12.5px 25px
    }

    .index-video {
        width: 100%;
        float: none;
        margin: 10px auto 0
    }

    .about p.last {
        text-align: center
    }

    .homepage .about p.txt-right {
        padding-top: 3px
    }

    .about .pic {
        order: 1
    }

    .about .text {
        order: 2
    }

    .nobg-mobile {
        background-image: none
    }

    .baike .layui-tab-title li:first-child, .baike .layui-tab-title li:last-child {
        border-radius: 3px
    }

    .xpup-tab-cutom .layui-tab-title {
        margin-bottom: 16px
    }

    .baike .layui-tab-title li, .xpup-tab-cutom .layui-tab-title li {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        margin-right: 6px;
        margin-bottom: 6px
    }

    .baike .layui-tab-bar, .xpup-tab-cutom .layui-tab-bar {
        height: 35px;
        line-height: 35px
    }

    .baike .layui-tab-bar .layui-icon, .xpup-tab-cutom .layui-tab-bar .layui-icon {
        font-size: 10px
    }

    .xpup-tab-cutom .scale-img {
        width: 100%
    }

    .xpup-tab-cutom .intro {
        width: 100%;
        top: 0;
        margin-top: 0;
        overflow: hidden;
        border-radius: 0;
        background: 0 0;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        padding: 0
    }

    .xpup-tab-cutom .intro .cnt {
        color: rgba(255, 255, 255, .9);
        padding: 0 3px
    }

    .xpup-tab-cutom .intro h4 {
        font-size: 16px;
        text-align: center
    }

    .xpup-tab-cutom .intro a em, .xpup-tab-cutom .intro h4, .xpup-tab-cutom .intro p.last a {
        color: #fff
    }

    .xpup-tab-cutom .intro p {
        font-size: 14px;
        line-height: 22px;
        padding-top: 10px;
        color: rgba(255, 255, 255, .9);
        text-align: center
    }

    .xpup-tab-cutom .xpup-list-quick {
        margin: 0 15px
    }

    .xpup-tab-cutom .xpup-list-quick a {
        color: #fff;
        font-size: 13px;
        padding: 0 8px
    }

    .xpup-tab-cutom .xpup-list-quick .layui-col-xs4, .xpup-tab-cutom .xpup-list-quick .layui-col-xs6 {
        height: 32px;
        line-height: 32px
    }

    .xpup-tab-cutom .intro.list div {
        padding: 0
    }

    .layui-btn-lg {
        height: 36px;
        line-height: 36px;
        padding: 0 20px;
        font-size: 14px
    }

    .index-bg-1 {
        background-color: #f8fbfb
    }

    .xpup-tab-cutom .layui-btn-lg {
        width: 136px;
        margin-top: 24px
    }

    .xpup-tab-cutom .layui-tab {
        margin: 0 0 3px
    }

    .xpup-tab-cutom p.first {
        margin-top: -15px;
        padding-bottom: 15px
    }

    .xpup-pad.inner.team {
        padding: 0 0 30px
    }

    .team.inner .content {
        margin: 0
    }

    .titlebar h2.anli {
        margin: 5px 0 35px
    }

    .process .xpup-btn-custom {
        margin: 10px 0 20px
    }

    .process .item .title {
        font-size: 14px;
        top: 55px
    }

    .process .item .mask i {
        font-size: 28px
    }

    .process .item:hover .mask {
        margin-top: -55px;
        padding-top: 48px;
        height: 105px
    }

    .process .item:hover .mask i {
        font-size: 24px
    }

    .process .item p {
        display: none
    }

    .mobilepage .process .bg {
        top: 98px
    }

    .newask .list {
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 20px;
        padding: 20px 15px 15px
    }

    .newask .list i {
        font-size: 24px
    }

    .newask h4 {
        font-size: 14px
    }

    .newask p.reply {
        font-size: 13px
    }

    .newask a.focus dl {
        min-height: auto
    }

    .newask a.focus:nth-child(2n) dl, .newask dl {
        margin-bottom: 15px
    }

    .newask a:nth-child(2n) dl {
        margin-bottom: 15px
    }

    .newask p {
        padding-top: 8px
    }

    .team .xpup-btn-custom {
        margin-top: 20px
    }

    .baike .piclist li:nth-child(1), .baike .piclist li:nth-child(2), .baike .piclist li:nth-child(3), .baike .piclist li:nth-child(4), .baike .piclist li:nth-child(5), .baike .piclist li:nth-child(6) {
        width: 49%
    }

    .baike .piclist li h4 {
        font-size: 14px
    }

    .baike .piclist li {
        height: 120px
    }

    .baike .lastest {
        padding-top: 15px
    }

    .baike .xpup-btn-custom {
        float: right
    }

    .cases .xpup-slider-custom a {
        width: 100%;
        margin: 0
    }

    .cases .xpup-slider-custom a:nth-child(2n) dl {
        padding: 0 15px 40px
    }

    .cases .layui-container.txt-right {
        padding-top: 15px
    }

    .cases .xpup-slider-custom .layui-carousel-ind {
        top: -28px
    }

    .cases .xpup-slider-custom .layui-carousel-ind li {
        background-color: rgba(13, 155, 142, .3)
    }

    .cases .xpup-slider-custom .layui-carousel-ind li.layui-this {
        background-color: rgba(13, 155, 142, .75);
        width: 8px;
        height: 8px
    }

    .detail-box {
        padding: 20px 18px 24px
    }

    .detail-box.xpup-services-box {
        padding: 0 0 30px
    }

    .xpup-services-box .layui-tab-item {
        padding: 10px 18px 0
    }

    .xpup-services-box .layui-tab-title {
        height: 41px
    }

    .xpup-services-box .layui-tab-title li {
        line-height: 43px;
        padding: 0 12px;
        font-size: 14px
    }

    .xpup-services-box .layui-tab-title .layui-this:after {
        height: 42px
    }

    .xpup-services-box .layui-tab-brief[overflow] > .layui-tab-title .layui-this:after {
        top: 0
    }

    .services-detail-ensure dt {
        width: 48px;
        height: 48px;
        line-height: 48px
    }

    .services-detail-ensure dt i {
        font-size: 24px
    }

    .services-detail-ensure dd {
        padding-left: 12px
    }

    .services-detail-ensure dd h6 {
        line-height: 28px
    }

    .layui-col-md8.detail {
        padding-bottom: 0
    }

    .layui-col-md4.sidebar {
        padding-top: 0
    }

    .detail-related {
        padding: 5px 18px 20px
    }

    .xpup-list.article li .xpup-pic i, .xpup-list.article li .xpup-pic i:hover {
        background: 0 0
    }

    .xpup-pic {
        left: 0
    }

    .xpup-pic img {
        max-width: 85px;
        height: 64px
    }

    .xpup-list.inner-hospital .xpup-pic img {
        max-width: 85px;
        height: 64px
    }

    .xpup-list.inner-team .xpup-pic img {
        width: 78px;
        height: 78px
    }

    .xpup-list.article li h2 {
        height: auto
    }

    .xpup-list.article li h2 a {
        font-size: 16px;
        white-space: normal;
        padding-right: 0;
        text-align: justify
    }

    .xpup-list.article li.haspic {
        padding: 15px 0 15px 100px
    }

    .xpup-list.article li.haspic .xpup-list-info .layui-badge {
        top: -1px
    }

    .xpup-list.inner-team li.haspic {
        padding-left: 94px
    }

    .xpup-list-info.hasbtn {
        line-height: 24px
    }

    .xpup-btn-custom2 {
        height: 24px;
        width: 24px;
        line-height: 24px;
        padding: 0
    }

    .xpup-btn-custom2 cite {
        font-size: 12px
    }

    .xpup-list.inner-hospital .xpup-btn-custom2 {
        margin-top: 3px
    }

    .xpup-list.inner-hospital .xpup-list-info i {
        color: #d6d6d6
    }

    .xpup-show-xs {
        display: block !important
    }

    .dl-pro dt img, .dl-ys dt img {
        width: 100%
    }

    .dl-pro dd {
        min-height: auto
    }

    .inner-title .text:nth-child(2) {
        font-size: 44px;
        line-height: 160%
    }

    .inner .inner-title .text:nth-child(2) {
        display: none
    }

    .inner .inner-title .text {
        width: 300px;
        margin-left: -150px
    }

    .dl-focus .xpup-vertical-align {
        min-height: auto;
        padding-bottom: 24px
    }

    .dl-people dd, .dl-ys dd {
        font-size: 14px
    }

    .tab-inner {
        padding-right: 0;
        padding-top: 20px
    }

    .ivf .tab-inner {
        padding-top: 0
    }

    .index-quicknav {
        margin-bottom: 15px
    }

    .baike-focus .xpup-dl-list {
        padding-left: 0;
        margin-top: 20px
    }

    .case-list {
        background-color: #fff
    }

    .inner-mission .info p {
        font-size: 16px
    }

    .inner-mission .layui-col-xs12 .info p span {
        line-height: 28px
    }

    .inner-mission .layui-col-xs6 .info p span {
        font-size: 14px;
        line-height: 21px
    }

    .service-bg {
        background-size: cover
    }

    .xpup-tab-cutom.inner .xpup-bg-white {
        background-color: transparent
    }

    .xpup-pad.inner.service-bg {
        padding-bottom: 20px
    }

    .xpup-tab-cutom.inner .focus .layui-col-md6:first-child {
        margin-bottom: 20px
    }

    .xpup-tab-cutom.inner .focus .info {
        font-size: 16px
    }

    .xpup-tab-cutom.inner .focus .info i {
        font-size: 24px
    }

    .xpup-tab-cutom.inner .focus p {
        font-size: 14px;
        line-height: 24px
    }

    .index-service .xpup-tab-cutom.inner .layui-btn {
        margin: 20px auto
    }

    .xpup-tab-cutom.inner .focus .xpup-vertical-align .content {
        padding: 20px 15px 0
    }

    .xpup-tab-cutom.inner .focus .xpup-list-quick i {
        margin-top: -9px
    }

    .singlepage .detail-box {
        margin-bottom: 15px
    }

    .singlepage .singlebody {
        margin-top: -20px
    }

    .navlist {
        padding: 15px 0 3px
    }

    .navlist li {
        padding: 0 4px 8px
    }

    .navlist li a {
        height: 36px;
        line-height: 36px
    }

    .navlist li:nth-child(2n) a {
        margin-left: 0
    }

    .single-service .layui-col-md12 {
        height: 115px
    }

    .single-service dd i {
        font-size: 55px
    }

    .inner-ivf dd h4, .inner-service.youshi dd h4 {
        font-size: 18px
    }

    .inner-ivf dd p, .inner-service.youshi dd p {
        font-size: 14px;
        line-height: 22px
    }

    .list-video {
        padding: 0
    }

    .module-ask .xpup-list li h2 a {
        max-width: 72%
    }

    .insert-mobile-block {
        margin-bottom: 15px
    }

    .xpup-pad.art {
        padding: 20px 0 30px
    }

    .layui-collapse.faq .layui-colla-title {
        font-size: 14px
    }

    .dl-focus .xpup-vertical-align div {
        width: 100%
    }

    .dl-focus.dongluan .inner-title .text:nth-child(2) {
        font-size: 44px;
        line-height: 160%
    }

    .dl-focus.dongluan {
        padding: 15px 0 30px
    }

    .xpup-detail-collect .layui-btn {
        position: relative;
        right: auto;
        top: 8px;
        margin-bottom: 15px
    }

    .inner-case dd {
        padding: 0
    }

    .cover-focus .layui-container {
        height: 280px
    }

    .cover-focus .layui-row h1 {
        font-size: 24px
    }

    .contrast li {
        font-size: 14px
    }

    .contrast li.title i {
        font-size: 38px
    }

    .cases .layui-carousel {
        height: 332px
    }

    .cases .xpup-dl-list dt {
        height: auto
    }

    .services-list, .services-list-second {
        padding: 0
    }

    .module-baike .layui-tab-title li {
        padding: 0 15px;
        letter-spacing: 0;
        min-width: auto
    }

    .module-baike .layui-tab-content {
        padding-top: 12px
    }

    .module-baike .layui-tab-item li {
        font-size: 14px;
        padding: 3px 0;
        line-height: 24px
    }

    .module-baike .layui-tab-item h4 {
        font-size: 16px
    }

    .module-news {
        background-position: center 128px
    }

    .module-news h4 {
        font-size: 16px
    }

    .module-news .list li {
        float: none;
        width: 100%
    }

    .module-adv {
        padding-bottom: 32px
    }

    .module-adv .block .cnt dd {
        border-right: none;
        margin-right: 0
    }

    .module-adv .cnt h4 i {
        font-size: 24px
    }

    .btn-online {
        margin-top: 30px
    }

    .btn-online span {
        height: 38px;
        line-height: 38px;
        padding: 0 15px
    }

    .btn-online span em {
        font-size: 18px
    }

    .btn-online span i {
        font-size: 24px
    }

    .btn-online .layui-btn {
        height: 40px;
        line-height: 40px;
        margin-top: -3px;
        font-size: 14px;
        padding: 0 15px
    }

    .xpup-tab-cutom .intro.related ul {
        padding: 8px 17px 0
    }

    .xpup-tab-cutom .intro.related p.last {
        padding: 5px 8px 0 17px;
        color: #fff
    }

    .xpup-tab-cutom .intro h4 a, .xpup-tab-cutom .intro.related li a {
        color: #fff
    }

    .services-more dt i {
        width: 52px;
        height: 52px;
        line-height: 54px;
        font-size: 20px
    }

    .module-news .list.hastime li:nth-child(n+8) {
        display: none
    }

    .baike-items .archives li time, .baike-items .box:nth-child(n+7), .homepage .xpup-tab-cutom .intro p.last {
        display: none
    }

    .baike-items .archives li a {
        max-width: 100%
    }

    .lb-footer {
        margin-top: 0
    }
}

@media screen and (device-width: 768px) {
    .dongluan-lc .cnt:nth-child(3) dl, .dongluan-lc .cnt:nth-child(4) dl, .dongluan-lc dl {
        width: 94%;
        margin: 0 auto
    }

    .sitemap li {
        width: 29.33333333%;
        margin: 15px 4% 0 0
    }

    .sitemap li:nth-child(2n) {
        margin-right: 4%
    }

    .sitemap li:nth-child(3n) {
        margin-right: 0
    }

    .sitemap.list li {
        width: 50%;
        margin: 0
    }

    .xpup-show-750 {
        display: block !important
    }

    .xpup-header .layui-nav .layui-badge-dot, .xpup-hide-xs {
        display: none !important
    }

    .index-video {
        width: 66%
    }

    .xpup-dl-list dt img {
        width: 191px;
        height: 143px
    }

    .xpup-hospital dd {
        width: calc(25% - 20px)
    }

    .comment-post-form .layui-col-md3 {
        text-align: left;
        padding-top: 12px
    }

    .inner-case {
        margin-bottom: 12.5px
    }

    .process .layui-container {
        min-height: 175px;
        padding-top: 40px
    }

    .team .item h4 {
        font-size: 14px
    }

    .team .item h4 small {
        display: block;
        margin-top: 8px
    }

    .sidebar .team .layui-carousel, .sidebar.services .team .layui-carousel {
        height: 595px;
        width: 414px;
        margin: 0 auto
    }

    .services-like {
        width: 414px;
        margin: 0 auto
    }

    .services-like dt img {
        width: 100%
    }

    .newcases .catalog img {
        width: 30%
    }

    .module-baike .layui-col-sm6 {
        width: 54%
    }

    .module-news .list:not(.hastime) li:nth-child(n+5) {
        display: none
    }

    .btn-online {
        margin-top: 0
    }

    .module-news .layui-tab-title li {
        min-width: auto
    }

    .module-news .right dl dd a:nth-child(n+10) {
        display: none
    }

    .module-news .right dl:last-child dd a:nth-child(n+7) {
        display: none
    }
}

@media screen and (max-width: 750px) {
    #canvas-verify {
        margin-top: 5px
    }

    .module-ask .xpup-detail-info.tinfos {
        height: 80px
    }

    .xpup-detail-info .layui-btn {
        position: relative;
        top: 32px;
        margin-bottom: -12px;
        padding: 0 18px
    }

    .xpup-tab .xpup-panel-title h3 {
        font-size: 16px
    }

    .sidebar .xpup-tab .layui-tab-title li {
        padding: 0 6px
    }

    .inner-mission .layui-col-xs6 p span i {
        font-size: 28px
    }

    .service-map .layui-btn {
        width: 100%;
        height: 38px;
        line-height: 38px;
        margin-bottom: 15px;
        font-size: 14px;
        margin-right: 0
    }

    .service-map .layui-btn:nth-child(2n) {
        margin-right: 0
    }

    .service-map .layui-btn span {
        font-size: 140%
    }

    .jieshui .cnt:nth-child(2n) dl {
        margin: 20px 0 0
    }

    .dongluan-lc .cnt:nth-child(3) dl, .dongluan-lc .cnt:nth-child(4) dl, .dongluan-lc dl {
        width: 100%
    }

    .contrast ul:not(:nth-child(2)) li span {
        padding: 0 8px
    }

    .xpup-header .city cite {
        display: none
    }

    .xpup-footer .copyright li.last {
        width: 100%;
        margin-top: 15px
    }

    .xpup-hide-750 {
        display: none !important
    }

    .homepage .xpup-banner .first img {
        max-width: 85%
    }

    .homepage .xpup-banner .first .focus img {
        max-width: 80%
    }

    .homepage .xpup-banner .first .focus {
        padding-bottom: 2%
    }

    .homepage .xpup-banner .first .layui-col-md6 {
        text-align: right;
        padding-bottom: 0
    }

    .homepage .xpup-banner .second {
        width: 85%
    }

    .homepage .xpup-banner .brand img, .homepage .xpup-banner .second img {
        max-width: 100%
    }

    .homepage .xpup-banner .fourth {
        width: 100%
    }

    .homepage .xpup-banner .fourth img {
        max-width: 85%
    }

    .homepage .xpup-banner .brand .layui-col-md6 {
        margin-left: 20px
    }

    .homepage .xpup-banner .brand .text {
        margin-top: 16px
    }

    .homepage .xpup-banner .brand .layui-col-md6:nth-child(2) {
        margin-left: -20px
    }

    .xpup-header .layui-nav {
        right: 9px
    }

    .xpup-header .layui-nav .layui-nav-item:nth-child(6).layui-this {
        margin-right: 6px
    }

    .xpup-dl-list dt {
        display: none !important
    }

    .xpup-dl-list dl {
        padding: 10px
    }

    .xpup-dl-list dd {
        padding-top: 0
    }

    .layui-collapse.index-ask .layui-colla-title a {
        font-size: 14px
    }

    .layui-collapse.index-ask .layui-colla-content {
        font-size: 13px
    }

    .xpup-layer-search input {
        font-size: 16px;
        height: 48px;
        line-height: 48px
    }

    .detail-related .layui-tab-item li {
        width: 100%;
        margin-right: 0
    }

    .comment-post-form .layui-btn-normal {
        height: 32px;
        line-height: 32px
    }

    .detail-body h2 {
        font-size: 18px
    }

    .detail-body h3 {
        font-size: 16px
    }

    .dl-bg-2 {
        background-position: center bottom;
        background-size: auto 100%
    }

    .dl-people dl, .dl-ys dl {
        padding: 15px 15px 0
    }

    .dl-people dt {
        width: 75px;
        height: 75px;
        line-height: 75px
    }

    .dl-people.new dt span {
        margin-top: 19px
    }

    .dl-people.new.ivf dt {
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .xpup-pad.inner.team {
        padding: 0 0 20px
    }

    .inner-title {
        padding: 30px 0 20px
    }

    .inner-title h2 {
        font-size: 24px
    }

    .dl-focus.inner-focus .info {
        font-size: 16px
    }

    .inner-mission .layui-row {
        margin: 7.5px 7.5px -15px
    }

    .inner-mission .info {
        margin: 7.5px
    }

    .index-quicknav dd {
        display: none !important
    }

    .xpup-dl-list.custom li {
        float: none;
        width: 100%
    }

    .tab-inner .layui-tab-title {
        margin-bottom: 16px
    }

    .tab-inner .layui-tab-title li {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        margin-right: 6px;
        margin-bottom: 6px
    }

    .tab-inner .layui-tab-bar {
        height: 34px;
        line-height: 34px
    }

    .tab-inner .layui-tab-bar .layui-icon {
        font-size: 10px
    }

    .service .inner-title span {
        width: 60px
    }

    .inner-ivf dt, .inner-service dt {
        width: 84px;
        height: 84px;
        line-height: 84px
    }

    .inner-service dt i {
        font-size: 28px
    }

    .inner-service.youshi dt:after {
        background-size: cover
    }

    .navlist li a {
        text-align: center;
        text-indent: 0
    }

    .navlist li a i {
        display: none !important
    }

    .single-service dl {
        width: 30%;
        margin: 0 auto 0 0
    }

    .single-service dl img {
        width: 80px;
        height: 80px
    }

    .single-service dt {
        font-size: 16px
    }

    .single-service dt cite {
        font-size: 32px;
        padding-right: 6px
    }

    .single-service .cirle {
        width: 14px;
        height: 14px;
        left: 32%;
        top: 45%
    }

    .single-service .layui-col-md12:nth-child(2n) .cirle {
        right: 32%
    }

    .single-service .layui-col-md12:nth-child(1) dl {
        margin-top: 70px
    }

    .single-service dl dd.info {
        display: none !important
    }

    .single-service .mask span {
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .single-service .mask span i {
        font-size: 28px
    }

    .inner-service.youshi .icon-color {
        width: 30px;
        height: 30px;
        vertical-align: -10px
    }

    .article-video {
        width: 100%
    }

    .cases .xpup-dl-list dt, .cases .xpup-flex {
        display: block !important
    }

    .cases .xpup-dl-list dt {
        margin: 0 0 20px;
        height: 210px;
        overflow: hidden
    }

    .cases .xpup-dl-list dt img {
        max-width: 100%;
        width: 100%
    }

    .cases .xpup-slider-custom a:nth-child(2n) {
        display: none
    }

    .cases .layui-carousel[lay-arrow=always] .layui-carousel-arrow {
        top: 32%
    }

    .cases .layui-carousel {
        height: 360px
    }

    .process .layui-container {
        padding-top: 40px;
        height: 345px;
        overflow: hidden;
        margin: 0 12.5px 30px
    }

    .process .layui-container.hidep {
        margin-bottom: 0
    }

    .process .layui-container.ziliao {
        height: auto
    }

    .process .xpup-flex {
        display: inline
    }

    .process .item {
        float: left;
        width: 25%;
        min-height: 175px
    }

    .process .bg.bg-2 {
        top: 274px
    }

    .team .layui-carousel {
        height: 400px
    }

    .sidebar .team .layui-carousel, .sidebar.services .team .layui-carousel {
        height: 443px
    }

    .team .item .action {
        height: auto;
        width: 100%;
        padding: 10px 0 5px
    }

    .team .item dd {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 12px 18px 18px;
        background-color: rgba(0, 0, 0, .5);
        text-align: center
    }

    .team .item dl {
        text-align: left
    }

    .team .item dl h4 {
        margin-bottom: 5px
    }

    .team .item dl h4, .team .item dl h4 small, .team .item dl p {
        color: #fff !important
    }

    .team .item dl p {
        opacity: .85
    }

    .team .item dl h4 small {
        background-color: transparent !important
    }

    .cover-focus .layui-container {
        height: 260px
    }

    .cover-focus .layui-row > div {
        width: auto;
        padding: 0 15px
    }

    .cover-focus .layui-row h1 {
        font-size: 20px
    }

    .cover-focus .layui-row p.title {
        padding: 4px 0 9px;
        font-size: 16px
    }

    .cover-focus .layui-row p.info {
        line-height: 22px;
        font-size: 13px
    }

    .dl-pro.new dl:nth-child(1) {
        padding: 0 0 4%
    }

    .dl-pro.new dl:nth-child(2) {
        padding: 0 2% 0 0
    }

    .dl-pro.new dl:nth-child(3) {
        padding: 0 0 0 2%
    }

    .dl-pro.new dl:not(:nth-child(1)) dd h4 {
        font-size: 14px
    }

    .dl-people.new dt span {
        margin-top: 19px;
        font-size: 14px
    }

    .dl-people.new dt em {
        font-size: 20px
    }

    .xpup-panel-title {
        font-size: 16px
    }

    .module-baike .layui-tab-item p {
        border-bottom: 1px dotted #e2e2e2;
        margin-bottom: 10px;
        padding-bottom: 12px;
        font-size: 13px
    }

    .module-news .layui-tab-bar {
        height: 32px;
        line-height: 32px
    }

    .module-news .layui-tab-bar .layui-icon {
        font-size: 12px
    }

    .module-news .layui-tab[overflow] > .layui-tab-title {
        background-color: #fff
    }

    .module-news .layui-tab-title li {
        padding: 0 10px;
        min-width: auto;
        line-height: 40px
    }

    .module-news .right {
        min-height: auto;
        padding: 20px 17px 15px
    }

    .module-news .text:nth-child(2) {
        display: none
    }

    .module-news .focus {
        min-height: auto;
        padding: 24px 17px
    }

    .module-news .focus .layui-btn {
        margin-top: 0
    }

    .module-news .more {
        padding: 38px 17px 38px 0
    }

    .module-news .layui-tab-content {
        padding-bottom: 24px
    }

    .module-adv .cnt {
        background-size: 48px auto
    }

    .module-adv .cnt dt {
        width: 64px
    }

    .module-adv .cnt h4 {
        margin-top: 5px
    }

    .btn-online .layui-btn {
        margin-top: -1px
    }

    .btn-online span cite {
        display: none
    }

    .xpup-tab-cutom .intro.related li {
        line-height: 24px
    }

    .xpup-tab-cutom .intro.related li:nth-child(n+4) {
        display: none
    }

    .xupup-banner-bg.newset {
        background-size: auto 100%;
    }
}

.layui-carousel img {
    width: 100%;
    height: auto
}

.homepage .layui-carousel img {
    width: auto
}

@media screen and (max-width: 450px) {
    .xpup-pop-login .layui-form-item .layui-form-checkbox {
        margin-bottom: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 414px) {
    .dl-focus.inner-focus p.first {
        width: 100%;
        font-size: 14px;
        text-align: justify
    }
}

@media screen and (max-width: 375px) {
    .xpup-footer .layui-online .layui-btn {
        padding: 0 12px;
        font-size: 13px
    }

    .xpup-footer .layui-online .layui-btn i {
        font-size: 22px
    }

    .xpup-footer .layui-online .layui-btn .icon-color {
        width: 22px;
        height: 22px;
        vertical-align: -5px
    }

    .xpup-footer .foot-menu li {
        padding: 0 6px
    }

    .mobile-navlist dd a {
        height: 32px;
        line-height: 32px
    }

    .xpup-hide-375 {
        display: none !important
    }

    .inner-mission .layui-col-xs6 .info p {
        font-size: 13px
    }

    .single-service {
        padding: 0
    }

    .single-service dl {
        width: 34%
    }

    .single-service .cirle {
        left: 31%
    }

    .single-service .layui-col-md6:nth-child(2n) .cirle {
        right: 31%
    }

    .xpup-ellipsis--4 {
        -webkit-line-clamp: 4
    }

    .xpup-header .layui-nav {
        right: 4px
    }

    .mobile-navlist dd a {
        height: 32px;
        line-height: 32px
    }

    .team .layui-carousel {
        height: 360px
    }

    .sidebar .team .layui-carousel, .sidebar.services .team .layui-carousel {
        height: 395px
    }

    .process .item:hover .mask {
        margin-top: -55px;
        padding-top: 53px;
        height: 105px
    }

    .process .item:hover .mask i {
        font-size: 24px
    }

    .advantage dd h4 small {
        margin: 0 1px
    }

    .cover-focus .layui-row h1 {
        font-size: 18px
    }

    .cases .layui-carousel {
        height: 360px
    }

    .xpup-tab-cutom .intro p {
        font-size: 13px
    }

    .advantage dd h4 {
        font-size: 16px
    }
}

@media screen and (max-width: 360px) {
    .xpup-banner .cnt h1, .xpup-banner .cnt h4 {
        font-size: 20px
    }

    .xpup-banner .cnt p {
        font-size: 14px
    }

    .xpup-footer .foot-menu li:nth-child(1) {
        display: none
    }

    .advantage dd h4 {
        font-size: 14px
    }

    .advantage dd h4 small {
        margin: 0
    }

    .inner-ivf dd p, .inner-service.youshi dd p {
        font-size: 13px;
        line-height: 20px;
        color: #333
    }

    .inner-service.youshi dd p span {
        display: none !important
    }

    .xpup-pad-first {
        padding: 10px 0 0
    }

    .team .layui-carousel {
        height: 345px
    }

    .sidebar .team .layui-carousel, .sidebar.services .team .layui-carousel {
        height: 380px
    }

    .contrast li {
        font-size: 13px
    }

    .cases .layui-carousel {
        height: 356px
    }

    .inner-advantage h4 {
        font-size: 13px
    }

    .module-ask .xpup-detail-info.tinfos .xpup-list-nums i.lianbei-view {
        padding: 0 5px 0 8px
    }

    .module-ask .xpup-detail-info.tinfos .layui-badge.layui-bg-red {
        display: none
    }

    .btn-online .layui-btn {
        letter-spacing: 0
    }
}

@media screen and (max-width: 320px) {
    .xpup-header .city {
        display: none
    }

    .xpup-footer .layui-online .layui-btn {
        padding: 0 9px;
        font-size: 12px;
        letter-spacing: 0
    }

    .single-service .cirle, .xpup-hide {
        display: none !important
    }

    .xpup-list.article li h2 a {
        font-size: 14px
    }

    .single-service dt cite {
        font-size: 28px
    }

    .single-service dt {
        font-size: 13px
    }

    .team .layui-carousel {
        height: 302px
    }

    .sidebar .team .layui-carousel, .sidebar.services .team .layui-carousel {
        height: 332px
    }

    .cases .xpup-dl-list dt {
        height: 148px
    }

    .cases .layui-carousel {
        height: 293px
    }

    .inner-advantage dl {
        min-height: 176px
    }

    .module-ask .xpup-detail-info.tinfos {
        height: 92px
    }

    .xpup-sel-tab .layui-tab-title li {
        padding: 0 5px;
        font-size: 10px;
        letter-spacing: 0;
        margin-right: 5px
    }

    .mobilepage .contrast ul:not(:nth-child(2)) {
        margin-top: 0
    }

    .contrast li {
        font-size: 12px
    }

    .mobilepage .contrast li.title {
        height: 60px
    }

    .contrast li.title i {
        font-size: 30px
    }

    .service-map .layui-btn span {
        font-size: 120%
    }

    .titlebar small {
        display: none
    }

    .titlebar h2 {
        font-size: 16px
    }
}

.nobg {
    background: 0 0
}

.LR-ICON {
    background-size: 32px auto !important;
    background-repeat: no-repeat !important;
    background-image: url(mclose.png) !important
}

.LR-ICON-CHAT1 {
    background-position: 0 0 !important
}

.LR_Mini_ICON {
    display: none;
    position: fixed;
    z-index: 2147483647;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif
}

#LR-BTN {
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 31px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    cursor: pointer;
    text-decoration: none;
    background-color: #00a6f1
}

.LR_Mini_ICON div, .LR_Mini_ICON img, .LR_Mini_ICON span {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    background: 0 0
}

#LR-BTN-ICON {
    display: block;
    width: 32px;
    height: 32px;
    margin: 14px;
    position: absolute
}

#LR-CIRCLE {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    background-color: #00a6f1;
    color: #fff
}

#LR-BUBBLE {
    position: fixed;
    display: none;
    width: 90%;
    margin: 0 5% 74px 5%;
    border: 1px solid #f7f7f7;
    color: #000;
    text-align: left;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .16);
    line-height: 1.428571429;
    background-color: #fff
}

#LR-BUBBLE-CLOSE {
    position: absolute;
    top: 1px;
    right: 3px;
    width: 26px;
    height: 26px;
    background-position: -3px -58px
}

#LR-BUBBLE-INSIDE {
    margin: 10px
}

#LR-BUBBLE-AVATAR {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    margin-right: 6px;
    vertical-align: top;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

#LR-BUBBLE-NAME {
    display: inline-block;
    margin-top: 3px;
    font-size: 16px;
    color: #000
}

#LR-BUBBLE-MSG {
    height: 40px;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    color: #000
}

#LR-BUBBLE-MSG img {
    width: 16px;
    height: 16px
}

.LR_yaoqing {
    height: auto;
    display: none;
    background: rgba(0, 0, 0, .7)
}

.LR_yaoqingtit {
    cursor: pointer;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei"
}

.LR_yaoqingtit .LR_tit {
    margin-left: 10px;
    float: left
}

.LR_yaoqingtit .LR_tit img {
    display: inline;
    margin-top: 10px;
    float: left
}

.LR_yaoqingtit .LR_tit span {
    float: left
}

.LR_yaoqingtit .LR_tit font {
    background: red;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    float: left;
    margin-top: 14px
}

.LR_yaoqingtit img {
    margin-right: 10px;
    float: right;
    margin-top: 13px
}

.LR_yaoqingtext {
    margin: 10px 10px 0 10px;
    color: #fff;
    font-family: "Microsoft YaHei"
}

.LR_yaoqingtext h2 {
    overflow: hidden;
    color: #fff;
    margin: 10px 0;
    font-weight: 400
}

.LR_yaoqingtext h2 span {
    font-size: 16px;
    float: left
}

.LR_yaoqingtext h2 font {
    font-size: 12px;
    float: right;
    line-height: 16px
}

.LR_yaoqingcontent {
    margin: 10px 2px 0 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #151515;
    color: #fff;
    font-family: "Microsoft YaHei"
}

.LR_yaoqingcontent p {
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    float: left;
    font-size: 13px;
    margin: 0;
    width: 95%
}

.LR_yaoqingcontent font {
    display: block;
    float: left;
    font-size: 14px;
    width: 5%
}

.LR_clear {
    clear: both
}

.LR_yaoqing-form {
    border-top: 1px solid #787878;
    height: 30px;
    margin: 0 10px;
    padding: 7px 0 10px 0
}

#LR_inputform {
    padding-left: 7px;
    background: #fff;
    border: 0 none;
    height: 28px;
    width: 74%;
    float: left;
    border-radius: 6px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #333
}

.LR_btn {
    width: 20%;
    height: 30px;
    float: right;
    text-align: center;
    font-size: 14px;
    background: #0fa3de;
    color: #fff;
    border: 0 none;
    border-radius: 6px;
    font-family: "Microsoft YaHei"
}

.layui-form-selected dl.xpup-hidden {
    display: none
}

#__previewImage-container {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-action: none;
    line-height: 100vh;
    background-color: #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 2147483647;
    transition: transform .3s;
    -ms-transition: transform .3s;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0)
}

#__previewImage-container .previewImage-text {
    position: absolute;
    top: .8em;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    z-index: 10;
    letter-spacing: 1px;
    right: .8em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

#__previewImage-container .previewImage-text .previewImage-text-index {
    font-size: 20px
}

#__previewImage-container .previewImage-box {
    width: 999999rem;
    height: 100vh
}

#__previewImage-container .previewImage-box .previewImage-item {
    width: 100vw;
    height: 100vh;
    margin-right: 15px;
    float: left;
    text-align: center
}

#__previewImage-container .previewImage-box .previewImage-item .previewImage-image {
    vertical-align: middle;
    max-width: 100%
}

#__previewImage-container .previewImage-imgbar {
    background-color: transparent;
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 8px;
    line-height: 8px;
    text-align: center;
    z-index: 10
}

#__previewImage-container .previewImage-imgbar em {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 4px;
    background-color: #fff;
    border-radius: 50%;
    opacity: .5
}

#__previewImage-container .previewImage-imgbar em.on {
    opacity: 1
}

.xpup-related {
    overflow: hidden;
    border: 1px dashed #f9e59f;
    background: #fffcf1;
    margin: 0 0 1em;
    padding: .8em 1em;
    box-sizing: border-box
}

.xpup-related dt {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: .2em
}

.xpup-related dd {
    font-size: 14px;
    margin: 6px 0;
    line-height: 22px;
}

.xpup-related dd:last-child {
    margin-bottom: 0
}

.layui-text .xpup-related dd a {
    color: #333
}

/*  高新  */
.process .layui-container.gaoxin {
    padding-top: 70px;
}
.process .layui-container.gaoxin dl:nth-child(1) .gaoxin_bk {
     background: url("../inner/gaoqi_ad_01.png") no-repeat center/cover;
 }

.process .layui-container.gaoxin dl:nth-child(2) .gaoxin_bk {
    background: url("../inner/gaoqi_ad_02.png") no-repeat center/cover;
}

.process .layui-container.gaoxin dl:nth-child(3) .gaoxin_bk {
    background: url("../inner/gaoqi_ad_03.png") no-repeat center/cover;
}

.process .layui-container.gaoxin dl:nth-child(4) .gaoxin_bk {
    background: url("../inner/gaoqi_ad_04.png") no-repeat center/cover;
}

.process .layui-container.gaoxin dl:nth-child(5) .gaoxin_bk {
    background: url("../inner/gaoqi_ad_05.png") no-repeat center/cover;
}

.process .layui-container.gaoxin dl:nth-child(6) .gaoxin_bk {
    background: url("../inner/gaoqi_ad_06.png") no-repeat center/cover;
}

.process .layui-container.gaoxin dl {
    padding: 8px;
}

.process .layui-container.gaoxin dl .gaoxin_bk {
    padding: 45px 30px;
    border-radius: 10px;
}

.process .layui-container.gaoxin dl .gaoxin_bk dt {
    width: 90px;
    height: 90px;
    margin-right: 24px;
}

.process .layui-container.gaoxin dl .gaoxin_bk dt img {
    width: 90px;
    height: 90px;
}

.process .layui-container.gaoxin dl dd {
}

.process .layui-container.gaoxin dl dd h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.process .layui-container.gaoxin dl dd p {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
}

@media screen and (max-width: 750px) {
    .process .layui-container.gaoxin {
        height: auto;
    }

    .process .layui-container.gaoxin dl .gaoxin_bk {
        background: none;
        text-align: center;
        padding: 0px;
    }

    .gaoxin_bk dl {
        display: block;
        min-height: auto;
        text-align: center;
    }

    .process .layui-container.gaoxin dl .gaoxin_bk dt {
        width: 90px;
        height: 90px;
        margin: 0 auto;
    }

    .process .layui-container.gaoxin dl:nth-child(1) .gaoxin_bk {
        background: none;
    }

    .process .layui-container.gaoxin dl:nth-child(2) .gaoxin_bk {
        background: none;
    }

    .process .layui-container.gaoxin dl:nth-child(3) .gaoxin_bk {
        background: none;
    }

    .process .layui-container.gaoxin dl:nth-child(4) .gaoxin_bk {
        background: none;
    }

    .process .layui-container.gaoxin dl:nth-child(5) .gaoxin_bk {
        background: none;
    }

    .process .layui-container.gaoxin dl:nth-child(6) .gaoxin_bk {
        background: none;
    }

    .process .layui-container.gaoxin dl dd h4 {
        padding-top: 30px;
        color: #000;
    }

    .gaoxin_bk p {
        display: none;
    }
}

.process .layui-container.field {
    padding-top: 70px;
}

.process .layui-container.field dl:nth-child(1) .field_bk {
    background: url("../inner/fieldad_01.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(2) .field_bk {
    background: url("../inner/fieldad_02.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(3) .field_bk {
    background: url("../inner/fieldad_03.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(4) .field_bk {
    background: url("../inner/fieldad_04.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(5) .field_bk {
    background: url("../inner/fieldad_05.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(6) .field_bk {
    background: url("../inner/fieldad_06.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(7) .field_bk {
    background: url("../inner/fieldad_07.jpg") no-repeat center/cover;
}

.process .layui-container.field dl:nth-child(8) .field_bk {
    background: url("../inner/fieldad_08.jpg") no-repeat center/cover;
}

.field_bg {
    background: url("../inner/field_bg_01.jpg") no-repeat;
    padding: 80px 0 60px;
}

.process .layui-container.field dl {
    margin-bottom: 20px;
    padding: 0 10px
}

.process .layui-container.field dl .field_bk {
}

.process .layui-container.field dl dt {
    text-align: center;
}

.process .layui-container.field dl dt img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.process .layui-container.field dl dd p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.process .layui-container.field dl .field_bk {
    padding: 50px 0 50px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.process .layui-container.field dl:hover .field_bk {
    background: rgba(0, 0, 0, .5)
}

@media screen and (max-width: 750px) {
    .process .layui-container.field {
        height: auto;
    }
}

.application {
    background: url("../inner/Application_bg_01.jpg") no-repeat center;
    padding: 80px 0 97px;
}

.application .application_process {
    display: block;
    width: 300px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #FF6900;
    margin: 80px auto 0;
    color: #fff;
}

.major {
}

.major dl .major_bg {
    border-bottom: 3px solid #FF6900;
    padding: 40px 20px;
    border-radius: 10px;
    border-bottom: 5px solid #f59e48;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    box-shadow: 0px 5px 20px #ccc;
}

.major dl dd {
}

.major .advantage.new dd h4 {
    padding-top: 20px;
}

.major dl dd a {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #FF6900;
    margin-top: 20px;
}

.major dl:hover .major_bg {
    background-color: #FF6900;
}

.major dl:hover .major_bg dd h4 {
    color: #fff;
    font-weight: 600;
}

.major dl:hover .major_bg dd p {
    color: #fff;
}

.major dl:hover .major_bg dd a {
    color: #fff;
    border: 1px solid #fff;
}

@media screen and (max-width: 1199px) {
    .major .major_bg dd {
    }

    .major .major_bg dd p {
        display: none;
    }
}

/*.zz_form {width: 310px;height: 330px;background: rgba(0,0,0,.5);position: absolute;right: 22%;top: 45px;padding: 25px 20px;box-sizing: border-box;border-radius: 5px;} .zz_form h5 {font-size: 20px;text-align: center;margin-bottom: 15px;} .zz_form span {margin-top: 15px;display: block;} .zz_form input {outline: none;height: 45px;line-height: 45px;font-size: 15px;border: 0;box-sizing: border-box;border-radius: 5px;background: #f3f3f3;padding:0 20px;width: 100%;} .zz_form .zz_btn {display:block;background: #FF6270;width: 270px;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;cursor: pointer;background: -webkit-gradient(linear, left top, right top, from(#ffcb5b), to(#ff8800));background: linear-gradient(left, #ffcb5b, #ff8800);}*/
.container_search {
    background-color: #007aff;
    padding: 50px 0;
}

.container_search .search_title {
    width: 100%;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
    line-height: 67px;
    letter-spacing: 9px;
    text-align: center;
}

.container_search .layui-container .layui-tab-title {
    text-align: center;
    margin: 50px 0 30px;
    border: none;
}

.container_search .layui-container .layui-tab-title li {
    padding: 0 15px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 48px;
}

.container_search .layui-container .layui-tab-title li:last-child {
    margin-right: 0;
}

.container_search .layui-container .layui-tab-title li.layui-this {
    background: #ffffff;
    color: #1890ff;
    position: relative;
}

.container_search .layui-container .layui-tab-title li.layui-this:after {
    width: 0;
    height: 0;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
}

.container_search .layui-tab-content .scale-box {
    width: 100%;
    background: #fff;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .2);
    padding: 15px 18px;
}

.container_search .layui-tab-content .scale-box .search_service {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    border-radius: 2px;
    padding: 10px 0;
}
.container_search .layui-tab-content .scale-box .search_service_div {
    width: 98%;
    margin-top:2px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 1.2em;
    background: #ffffff;
    border-radius: 2px;
    padding: 10px 0;
    padding-left: 2%;
}
.container_search .layui-tab-content .scale-box .search_service_div div:hover{
    color:red;
    cursor: pointer;
}

.container_search .layui-tab-content .scale-box .search_service input, .container_search .layui-tab-content .scale-box .search_service select {
    padding: 10px 19px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    border-right: 1px solid #e9e9e9;
}

.container_search .layui-tab-content .scale-box .search_service .search_serve {
    width: 1090px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.container_search .layui-tab-content .scale-box .search_service .search_tax {
    width: 1090px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.container_search .layui-tab-content .scale-box .search_service .searchButton {
    width: 110px;
    height: 100%;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #1890ff;
    line-height: 22px;
    background: #fff;
    border: none;
    cursor: pointer;
}

.container_search .layui-tab-content .scale-box .search_service .search_city {
    width: 240px
}
.blocldiv{
    display: block;

}