.content[data-v-1805640c] {

    width: 100%;

    height: 300px;

    display: flex;

    justify-content: center;

    flex-flow: column;

    align-items: center;

    font-size: 16px

}



img[data-v-1805640c] {

    width: 100px;

    height: 100px;

    margin-bottom: 10px

}



@media (min-width:768px) {

    .header .nav .li1.on .a1:after {

        content: "";

        display: block;

        height: 1px;

        width: 100%;

        clear: both;

        background-color: #fff;

        position: relative;

        top: -20px;

    }

}



@media (min-width:768px) {

    .headers .nav .li1.on .a1:after {

        content: "";

        display: block;

        height: 1px;

        width: 100%;

        clear: both;

        background-color: #0b6cbd;

        position: relative;

        top: -20px;

    }



    .headers .nav .li1.on .a1 {

        font-weight: 700;

        color: #0b6cbd;

    }



    .header:hover .nav .li1.on .a1 {

        color: #0b6cbd;

    }



    .header:hover .nav .li1.on .a1:after {

        content: "";

        display: block;

        height: 1px;

        width: 100%;

        clear: both;

        background-color: #0b6cbd;

        position: relative;

        top: -20px;

    }



    .header:hover .zrr {

        display: block;

    }



    .header:hover .rqq {

        display: none;

    }

}



.nuxt-progress {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    height: 2px;

    width: 0;

    opacity: 1;

    transition: width .1s, opacity .4s;

    background-color: #000;

    z-index: 999999

}



.nuxt-progress.nuxt-progress-notransition {

    transition: none

}



.nuxt-progress-failed {

    background-color: red

}



.pswp {

    display: none;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    touch-action: none;

    z-index: 1500;

    -webkit-text-size-adjust: 100%;

    -webkit-backface-visibility: hidden;

    outline: none

}



.pswp * {

    box-sizing: border-box

}



.pswp img {

    max-width: none

}



.pswp--animate_opacity {

    opacity: 0;

    will-change: opacity;

    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp--open {

    display: block

}



.pswp--zoom-allowed .pswp__img {

    cursor: -webkit-zoom-in;

    cursor: -moz-zoom-in;

    cursor: zoom-in

}



.pswp--zoomed-in .pswp__img {

    cursor: -webkit-grab;

    cursor: -moz-grab;

    cursor: grab

}



.pswp--dragging .pswp__img {

    cursor: -webkit-grabbing;

    cursor: -moz-grabbing;

    cursor: grabbing

}



.pswp__bg {

    background: #000;

    opacity: 0

}



.pswp__bg,

.pswp__scroll-wrap {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden

}



.pswp__scroll-wrap {

    will-change: transform

}



.pswp__container,

.pswp__zoom-wrap {

    touch-action: none;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0

}



.pswp__container,

.pswp__img {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-touch-callout: none

}



.pswp__zoom-wrap {

    position: absolute;

    width: 100%;

    transform-origin: left top;

    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp__bg {

    will-change: opacity;

    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp--animated-in .pswp__bg,

.pswp--animated-in .pswp__zoom-wrap {

    transition: none

}



.pswp__container,

.pswp__zoom-wrap {

    -webkit-backface-visibility: hidden;

    will-change: transform

}



.pswp__item {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden

}



.pswp__img {

    position: absolute;

    width: auto;

    height: auto;

    transition: opacity .15s

}



.pswp__img--placeholder {

    -webkit-backface-visibility: hidden

}



.pswp__img--placeholder--blank {

    background: #222

}



.pswp--ie .pswp__img {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0

}



.pswp__ui {

    -webkit-font-smoothing: auto;

    visibility: visible;

    opacity: 1;

    z-index: 1550

}



.pswp__top-bar {

    position: absolute;

    left: 0;

    top: 0;

    height: 44px;

    width: 100%

}



.pswp__preloader {

    width: 44px;

    height: 44px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -22px;

    opacity: 0;

    position: relative;

    transition: opacity .25s ease-out;

    will-change: opacity

}



.pswp__preloader__icn {

    width: 20px;

    height: 20px;

    margin: 12px

}



.pswp__preloader--active {

    opacity: 1

}



.pswp__preloader--active .pswp__preloader__icn {

    background: url(fonts/default-skin.f64c3af.svg)

}



.pswp--svg .pswp__button--arrow--left,

.pswp--svg .pswp__button--arrow--right {

    background: none

}





}



.pswp__counter,

.pswp__share-modal {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.pswp__share-modal {

    display: block;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 10px;

    position: absolute;

    z-index: 1600;

    opacity: 0;

    transition: opacity .25s ease-out;

    will-change: opacity;

    -webkit-backface-visibility: hidden

}



.pswp__share-modal--hidden {

    display: none

}



.pswp__share-tooltip {

    z-index: 1620;

    position: absolute;

    background: #fff;

    top: 56px;

    border-radius: 2px;

    display: block;

    width: auto;

    right: 44px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);

    transform: translateY(6px);

    transition: transform .25s;

    will-change: transform;

    -webkit-backface-visibility: hidden

}



.pswp__share-tooltip a {

    display: block;

    padding: 8px 12px;

    font-size: 14px;

    line-height: 18px

}



.pswp__share-tooltip a,

.pswp__share-tooltip a:hover {

    color: #000;

    text-decoration: none

}



.pswp__share-tooltip a:hover:first-child {

    border-radius: 2px 2px 0 0

}



.pswp__share-tooltip a:hover:last-child {

    border-radius: 0 0 2px 2px

}



.pswp__share-modal--fade-in {

    opacity: 1

}



.pswp__share-modal--fade-in .pswp__share-tooltip {

    transform: translateY(0)

}



.pswp--touch .pswp__share-tooltip a {

    padding: 16px 12px

}



a.pswp__share--facebook:before {

    content: "";

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    top: -12px;

    right: 15px;

    border: 6px solid transparent;

    border-bottom-color: #fff;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none

}



a.pswp__share--facebook:hover {

    background: #3e5c9a;

    color: #fff

}



a.pswp__share--facebook:hover:before {

    border-bottom-color: #3e5c9a

}



a.pswp__share--twitter:hover {

    background: #55acee;

    color: #fff

}



a.pswp__share--pinterest:hover {

    background: #ccc;

    color: #ce272d

}



a.pswp__share--download:hover {

    background: #ddd

}



.pswp__button--close {

    background-position: 0 -44px

}



.pswp__button--share {

    background-position: -44px -44px

}



.pswp__button--fs {

    display: none

}



.pswp--supports-fs .pswp__button--fs {

    display: block

}



.pswp--fs .pswp__button--fs {

    background-position: -44px 0

}



.pswp__button--zoom {

    display: none;

    background-position: -88px 0

}



.pswp--zoom-allowed .pswp__button--zoom {

    display: block

}



.pswp--zoomed-in .pswp__button--zoom {

    background-position: -132px 0

}



.pswp__button--arrow--left,

.pswp__button--arrow--right {

    background: none;

    top: 50%;

    margin-top: -50px;

    width: 70px;

    height: 100px;

    position: absolute

}



.pswp__button--arrow--left,

.pswp__button--arrow--right,

.pswp__top-bar {

    -webkit-backface-visibility: hidden;

    will-change: opacity

}



.pswp--touch .pswp__button--arrow--left,

.pswp--touch .pswp__button--arrow--right {

    visibility: hidden

}



.pswp__button--arrow--left {

    left: 0

}



.pswp__button--arrow--right {

    right: 0

}



.pswp__button--arrow--left:before,

.pswp__button--arrow--right:before {

    content: "";

    top: 35px;

    background-color: rgba(0, 0, 0, .3);

    height: 30px;

    width: 32px;

    position: absolute

}



.pswp__button--arrow--left:before {

    left: 6px;

    background-position: -138px -44px

}



.pswp__button--arrow--right:before {

    right: 6px;

    background-position: -94px -44px

}



.pswp__counter {

    position: absolute;

    left: 0;

    top: 0;

    height: 44px;

    font-size: 13px;

    line-height: 44px;

    color: #fff;

    opacity: .75;

    padding: 0 10px

}



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

    .pswp_scroll-wrap {

        top: 0;

        bottom: 0

    }



    .pswp__caption {

        margin-top: 0

    }



    .pswp__preloader {

        position: relative;

        left: auto;

        top: auto;

        margin: 0;

        float: right

    }

}



.pswp__caption {

    position: absolute;

    left: 0;

    bottom: 0;

    color: #fff;

    width: 100%;

    min-height: 44px

}



.pswp__caption small {

    font-size: 11px;

    color: #bbb

}



.pswp__caption__center {

    text-align: left;

    max-width: 420px;

    margin: 0 auto;

    color: #fff;

    font-size: 13px;

    padding: 10px;

    line-height: 20px;

    color: #ccc

}



.pswp__caption--empty {

    display: none

}



.pswp__caption--fake {

    visibility: hidden

}



.pswp--has_mouse .pswp__button--arrow--left,

.pswp--has_mouse .pswp__button--arrow--right,

.pswp__caption,

.pswp__top-bar {

    will-change: opacity;

    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp--has_mouse .pswp__button--arrow--left,

.pswp--has_mouse .pswp__button--arrow--right {

    visibility: visible

}



.pswp__caption,

.pswp__top-bar {

    background-color: rgba(0, 0, 0, .5)

}



.pswp__ui--fit .pswp__caption,

.pswp__ui--fit .pswp__top-bar {

    background-color: rgba(0, 0, 0, .3)

}



.pswp__ui--hidden .pswp__button--arrow--left,

.pswp__ui--hidden .pswp__button--arrow--right,

.pswp__ui--hidden .pswp__caption,

.pswp__ui--hidden .pswp__top-bar,

.pswp__ui--idle .pswp__button--arrow--left,

.pswp__ui--idle .pswp__button--arrow--right,

.pswp__ui--idle .pswp__top-bar {

    opacity: 0

}



.pswp__ui--hidden .pswp__bg,

.pswp__ui--hidden .pswp__button--arrow--left,

.pswp__ui--hidden .pswp__button--arrow--right,

.pswp__ui--hidden .pswp__caption,

.pswp__ui--hidden .pswp__top-bar {

    opacity: .001

}



.pswp__element--disabled {

    display: none !important

}



.pswp--minimal--dark .pswp__button--arrow--left,

.pswp--minimal--dark .pswp__button--arrow--right,

.pswp--minimal--dark .pswp__top-bar {

    background: none

}



.mCustomScrollbar {

    touch-action: pinch-zoom

}



.mCustomScrollbar.mCS_no_scrollbar,

.mCustomScrollbar.mCS_touch_action {

    touch-action: auto

}



.mCustomScrollBox {

    position: relative;

    overflow: hidden;

    height: 100%;

    max-width: 100%;

    outline: none;

    direction: ltr

}



.mCSB_container {

    overflow: hidden;

    width: auto;

    height: auto

}



.mCSB_inside>.mCSB_container {

    margin-right: 30px

}



.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-right: 0

}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container {

    margin-right: 0;

    margin-left: 30px

}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-left: 0

}



.mCSB_scrollTools {

    position: absolute;

    width: 16px;

    height: auto;

    left: auto;

    top: 0;

    right: 0;

    bottom: 0

}



.mCSB_outside+.mCSB_scrollTools {

    right: -26px

}



.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {

    right: auto;

    left: 0

}



.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {

    left: -26px

}



.mCSB_scrollTools .mCSB_draggerContainer {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: auto

}



.mCSB_scrollTools a+.mCSB_draggerContainer {

    margin: 20px 0

}



.mCSB_scrollTools .mCSB_draggerRail {

    width: 2px;

    height: 100%;

    margin: 0 auto;

    border-radius: 16px

}



.mCSB_scrollTools .mCSB_dragger {

    cursor: pointer;

    width: 100%;

    height: 30px;

    z-index: 1

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    position: relative;

    width: 4px;

    height: 100%;

    margin: 0 auto;

    border-radius: 16px;

    text-align: center

}



.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    width: 12px

}



.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 8px

}



.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonUp {

    display: block;

    position: absolute;

    height: 20px;

    width: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer

}



.mCSB_scrollTools .mCSB_buttonDown {

    bottom: 0

}



.mCSB_horizontal.mCSB_inside>.mCSB_container {

    margin-right: 0;

    margin-bottom: 30px

}



.mCSB_horizontal.mCSB_outside>.mCSB_container {

    min-height: 100%

}



.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {

    margin-bottom: 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    width: auto;

    height: 16px;

    top: auto;

    right: 0;

    bottom: 0;

    left: 0

}



.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom: -26px

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {

    margin: 0 20px

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 2px;

    margin: 7px 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 30px;

    height: 100%;

    left: 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto

}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    height: 12px;

    margin: 2px auto

}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 8px;

    margin: 4px 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    display: block;

    position: absolute;

    width: 20px;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {

    left: 0

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

    right: 0

}



.mCSB_container_wrapper {

    position: absolute;

    height: auto;

    width: auto;

    overflow: hidden;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin-right: 30px;

    margin-bottom: 30px

}



.mCSB_container_wrapper>.mCSB_container {

    padding-right: 30px;

    padding-bottom: 30px;

    box-sizing: border-box

}



.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {

    bottom: 20px

}



.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    right: 20px

}



.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {

    bottom: 0

}



.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    right: 0

}



.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    left: 20px

}



.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    left: 0

}



.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {

    margin-right: 0;

    margin-left: 30px

}



.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {

    padding-right: 0

}



.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {

    padding-bottom: 0

}



.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {

    margin-right: 0;

    margin-left: 0

}



.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {

    margin-bottom: 0

}



.mCSB_scrollTools,

.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight,

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    transition: opacity .2s ease-in-out, background-color .2s ease-in-out

}



.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {

    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out

}



.mCSB_scrollTools {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,

.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {

    opacity: 0;

    filter: "alpha(opacity=0)";

    -ms-filter: "alpha(opacity=0)"

}



.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,

.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,

.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,

.mCustomScrollBox:hover>.mCSB_scrollTools,

.mCustomScrollBox:hover~.mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)"

}



.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .4);

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .75);

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .85);

    filter: "alpha(opacity=85)";

    -ms-filter: "alpha(opacity=85)"

}



.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .9);

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}



.mCSB_scrollTools .mCSB_buttonDown,

.mCSB_scrollTools .mCSB_buttonLeft,

.mCSB_scrollTools .mCSB_buttonRight,

.mCSB_scrollTools .mCSB_buttonUp {

    background-repeat: no-repeat;

    opacity: .4;

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}



.mCSB_scrollTools .mCSB_buttonUp {

    background-position: 0 0

}



.mCSB_scrollTools .mCSB_buttonDown {

    background-position: 0 -20px

}



.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: 0 -40px

}



.mCSB_scrollTools .mCSB_buttonRight {

    background-position: 0 -56px

}



.mCSB_scrollTools .mCSB_buttonDown:hover,

.mCSB_scrollTools .mCSB_buttonLeft:hover,

.mCSB_scrollTools .mCSB_buttonRight:hover,

.mCSB_scrollTools .mCSB_buttonUp:hover {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}



.mCSB_scrollTools .mCSB_buttonDown:active,

.mCSB_scrollTools .mCSB_buttonLeft:active,

.mCSB_scrollTools .mCSB_buttonRight:active,

.mCSB_scrollTools .mCSB_buttonUp:active {

    opacity: .9;

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}



.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .15)

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: rgba(0, 0, 0, .85)

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: rgba(0, 0, 0, .9)

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px 0

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -20px

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -40px

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -56px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .1);

    border-radius: 1px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 4px;

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .75);

    border-radius: 1px

}



.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px auto

}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .85)

}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .9)

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px 0

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -20px

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -40px

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -56px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1);

    border-radius: 1px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75);

    border-radius: 1px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px 0

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -20px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -40px

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -56px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .1);

    border-radius: 2px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .75);

    border-radius: 2px

}



.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0

}



.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 6px;

    margin: 5px auto

}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .85)

}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .9)

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -16px 0

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -16px -20px

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -20px -40px

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -20px -56px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1);

    border-radius: 2px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75);

    border-radius: 2px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -96px 0

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -96px -20px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -100px -40px

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -100px -56px

}



.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .1)

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px

}



.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%

}



.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 2px;

    margin: 7px auto

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .15)

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px 0

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -20px

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -40px

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -56px

}



.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .15)

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded.mCSB_scrollTools .mCSB_dragger {

    height: 14px

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 14px;

    margin: 0 1px

}



.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 14px

}



.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 14px;

    margin: 1px 0

}



.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    width: 16px;

    height: 16px;

    margin: -1px 0

}



.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 4px

}



.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

    height: 16px;

    width: 16px;

    margin: 0 -1px

}



.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 4px;

    margin: 6px 0

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {

    background-position: 0 -72px

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {

    background-position: 0 -92px

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: 0 -112px

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {

    background-position: 0 -128px

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .15)

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px -72px

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -92px

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -112px

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -128px

}



.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {

    width: 4px

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    background-color: transparent;

    background-position: 50%

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");

    background-repeat: repeat-y;

    opacity: .3;

    filter: "alpha(opacity=30)";

    -ms-filter: "alpha(opacity=30)"

}



.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    height: 4px;

    margin: 6px 0;

    background-repeat: repeat-x

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -16px -72px

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -16px -92px

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -20px -112px

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -20px -128px

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -96px -72px

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -96px -92px

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -100px -112px

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -100px -128px

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-repeat: repeat-y;

    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0))

}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    background-repeat: repeat-x;

    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0))

}



.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {

    height: 70px

}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 70px

}



.mCS-3d-dark.mCSB_scrollTools,

.mCS-3d.mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=30)";

    -ms-filter: "alpha(opacity=30)"

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {

    border-radius: 16px

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {

    width: 8px;

    background-color: #000;

    background-color: rgba(0, 0, 0, .2);

    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #555

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 8px

}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 8px;

    margin: 4px 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)

}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 8px;

    margin: 4px auto

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1);

    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)

}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px

}



.mCS-3d-thick-dark.mCSB_scrollTools,

.mCS-3d-thick.mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=30)";

    -ms-filter: "alpha(opacity=30)"

}



.mCS-3d-thick-dark.mCSB_scrollTools,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,

.mCS-3d-thick.mCSB_scrollTools,

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

    border-radius: 7px

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    border-radius: 5px

}



.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {

    right: 1px

}



.mCS-3d-thick-dark.mCSB_scrollTools_vertical,

.mCS-3d-thick.mCSB_scrollTools_vertical {

    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,

.mCS-3d-thick.mCSB_scrollTools_horizontal {

    bottom: 1px;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);

    width: 12px;

    margin: 2px;

    position: absolute;

    height: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4)

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #555

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 12px;

    width: auto

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

    background-color: #000;

    background-color: rgba(0, 0, 0, .05);

    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px

}



.mCS-3d-thick-dark.mCSB_scrollTools {

    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #777

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

    background-color: #fff;

    background-color: rgba(0, 0, 0, .05);

    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px

}



.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {

    right: 0;

    margin: 12px 0

}



.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {

    bottom: 0;

    margin: 0 12px

}



.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {

    left: 0;

    right: auto

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent

}



.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {

    height: 50px

}



.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {

    width: 50px

}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .2);

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)"

}



.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .5);

    filter: "alpha(opacity=50)";

    -ms-filter: "alpha(opacity=50)"

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .2);

    filter: "alpha(opacity=20)";

    -ms-filter: "alpha(opacity=20)"

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .5);

    filter: "alpha(opacity=50)";

    -ms-filter: "alpha(opacity=50)"

}



.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {

    width: 6px;

    background-color: #000;

    background-color: rgba(0, 0, 0, .2)

}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px

}



.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 6px;

    margin: 5px 0

}



.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    width: 12px

}



.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

    height: 12px;

    margin: 2px 0

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px

}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)

}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1)

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {

    width: 12px;

    background-color: #000;

    background-color: rgba(0, 0, 0, .2)

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    margin: 3px 5px;

    position: absolute;

    height: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

    height: 6px;

    margin: 5px 3px;

    position: absolute;

    width: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {

    width: 100%;

    height: 12px;

    margin: 2px 0

}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px -72px

}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -92px

}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -112px

}



.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -128px

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .1)

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px -72px

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -92px

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -112px

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -128px

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {

    background-color: transparent;

    border: 1px solid hsla(0, 0%, 100%, .2);

    box-sizing: border-box

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {

    border-color: #000;

    border-color: rgba(0, 0, 0, .2)

}



.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .6)

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

    background-color: #000;

    background-color: rgba(0, 0, 0, .6)

}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .75)

}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .85)

}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0, 0, 0, .9)

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .75)

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .85)

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background-color: #fff;

    background-color: hsla(0, 0%, 100%, .9)

}



html {

    -webkit-font-smoothing: antialiased;

    height: 100%;

    touch-action: manipulation

}



blockquote,

body,

code,

dd,

div,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

input,

legend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

    margin: 0;

    padding: 0

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block;

    margin: 0;

    padding: 0

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



fieldset,

img {

    border: 0

}



address,

caption,

cite,

code,

dfn,

em,

var {

    font-style: normal;

    font-weight: 400

}



dl,

ol,

ul {

    list-style-type: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%;

    font-weight: 400

}



a {

    color: inherit;

    outline: none

}



a,

a:hover {

    text-decoration: none

}



a:hover {

    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

    outline: 0;

    outline: none;

}



a,

a:visited {

    color: inherit

}



sup {

    vertical-align: text-top

}



sub {

    vertical-align: text-bottom

}



textarea {

    resize: none;

    outline: none;

    font-family: inherit

}



button,

input[type=button],

input[type=submit],

input[type=text] {

    -webkit-appearance: none;

    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

    outline: 0;

    font-family: inherit;

    font-size: inherit;

    color: inherit

}



button {

    padding: 0;

    border-style: solid

}



input {

    outline: 0

}



input::-webkit-input-safebox-button {

    display: none

}



i {

    font-style: normal

}



@font-face {

    font-family: DIN;

    src: url(/fonts/D-DIN.ttf)

}



@font-face {

    font-family: DIN-Bold;

    src: url(fonts/d-din-bold.ttf)

}



.ff-din {

    font-family: DIN

}



.ff-din-bold {

    font-family: DIN-Bold

}



body {

    font-size: 14px !important;

    color: #333;

    font-family: Arial, 微软雅黑;

    line-height: 1.2;

    overflow-x: hidden

}



body:-webkit-full-page-media {

    background: inherit

}



body * {

    box-sizing: border-box

}



@media (max-width:600px) {



    body.navFixed,

    body.searchFixed {

        overflow: hidden !important

    }

}



.editor img,

.editor table {

    max-width: 100%

}



.editor table {

    word-break: break-all

}



.editor iframe,

.editor video {

    max-width: 100%

}



.editor td {

    border-style: solid

}



#web-ietip {

    width: 526px;

    height: 90px;

    padding: 83px 0 0 84px;

    overflow: hidden;

    background: url(/template/images/browser.2f397b2.png) no-repeat 50%;

    margin: 200px auto 0

}



#web-ietip a {

    display: block;

    width: 65px;

    height: 80px;

    float: left

}



html {

    font-size: 5.20833vw

}



@media (max-width:900px) {

    html {

        font-size: 46.875px

    }

}



.s0 {

    font-size: 0

}



@media (min-width:1921px) {

    .s12 {

        font-size: .625vw

    }



    .s13 {

        font-size: .67708vw

    }



    .s14 {

        font-size: .72917vw

    }



    .s15 {

        font-size: .78125vw

    }



    .s16 {

        font-size: .83333vw

    }



    .s17 {

        font-size: .88542vw

    }



    .s18 {

        font-size: .9375vw

    }



    .s19 {

        font-size: .98958vw

    }



    .s20 {

        font-size: 1.04167vw

    }



    .s21 {

        font-size: 1.09375vw

    }



    .s22 {

        font-size: 1.14583vw

    }



    .s23 {

        font-size: 1.19792vw

    }



    .s24 {

        font-size: 1.25vw

    }



    .s25 {

        font-size: 1.30208vw

    }



    .s26 {

        font-size: 1.35417vw

    }



    .s27 {

        font-size: 1.40625vw

    }



    .s28 {

        font-size: 1.45833vw

    }



    .s29 {

        font-size: 1.51042vw

    }



    .s30 {

        font-size: 1.5625vw

    }



    .s31 {

        font-size: 1.61458vw

    }



    .s32 {

        font-size: 1.66667vw

    }



    .s33 {

        font-size: 1.71875vw

    }



    .s34 {

        font-size: 1.77083vw

    }



    .s35 {

        font-size: 1.82292vw

    }



    .s36 {

        font-size: 1.875vw

    }



    .s37 {

        font-size: 1.92708vw

    }



    .s38 {

        font-size: 1.97917vw

    }



    .s39 {

        font-size: 2.03125vw

    }



    .s40 {

        font-size: 2.08333vw

    }



    .s41 {

        font-size: 2.13542vw

    }



    .s42 {

        font-size: 2.1875vw

    }



    .s43 {

        font-size: 2.23958vw

    }



    .s44 {

        font-size: 2.29167vw

    }



    .s45 {

        font-size: 2.34375vw

    }



    .s46 {

        font-size: 2.39583vw

    }



    .s47 {

        font-size: 2.44792vw

    }



    .s48 {

        font-size: 2.5vw

    }



    .s49 {

        font-size: 2.55208vw

    }



    .s50 {

        font-size: 2.60417vw

    }



    .s51 {

        font-size: 2.65625vw

    }



    .s52 {

        font-size: 2.70833vw

    }



    .s53 {

        font-size: 2.76042vw

    }



    .s54 {

        font-size: 2.8125vw

    }



    .s55 {

        font-size: 2.86458vw

    }



    .s56 {

        font-size: 2.91667vw

    }



    .s57 {

        font-size: 2.96875vw

    }



    .s58 {

        font-size: 3.02083vw

    }



    .s59 {

        font-size: 3.07292vw

    }



    .s60 {

        font-size: 3.125vw

    }



    .s61 {

        font-size: 3.17708vw

    }



    .s62 {

        font-size: 3.22917vw

    }



    .s63 {

        font-size: 3.28125vw

    }



    .s64 {

        font-size: 3.33333vw

    }



    .s65 {

        font-size: 3.38542vw

    }



    .s66 {

        font-size: 3.4375vw

    }



    .s67 {

        font-size: 3.48958vw

    }



    .s68 {

        font-size: 3.54167vw

    }



    .s69 {

        font-size: 3.59375vw

    }



    .s70 {

        font-size: 3.64583vw

    }



    .s71 {

        font-size: 3.69792vw

    }



    .s72 {

        font-size: 3.75vw

    }



    .s73 {

        font-size: 3.80208vw

    }



    .s74 {

        font-size: 3.85417vw

    }



    .s75 {

        font-size: 3.90625vw

    }



    .s76 {

        font-size: 3.95833vw

    }



    .s77 {

        font-size: 4.01042vw

    }



    .s78 {

        font-size: 4.0625vw

    }



    .s79 {

        font-size: 4.11458vw

    }



    .s80 {

        font-size: 4.16667vw

    }



    .s81 {

        font-size: 4.21875vw

    }



    .s82 {

        font-size: 4.27083vw

    }



    .s83 {

        font-size: 4.32292vw

    }



    .s84 {

        font-size: 4.375vw

    }



    .s85 {

        font-size: 4.42708vw

    }



    .s86 {

        font-size: 4.47917vw

    }



    .s87 {

        font-size: 4.53125vw

    }



    .s88 {

        font-size: 4.58333vw

    }



    .s89 {

        font-size: 4.63542vw

    }



    .s90 {

        font-size: 4.6875vw

    }



    .s91 {

        font-size: 4.73958vw

    }



    .s92 {

        font-size: 4.79167vw

    }



    .s93 {

        font-size: 4.84375vw

    }



    .s94 {

        font-size: 4.89583vw

    }



    .s95 {

        font-size: 4.94792vw

    }



    .s96 {

        font-size: 5vw

    }



    .s97 {

        font-size: 5.05208vw

    }



    .s98 {

        font-size: 5.10417vw

    }



    .s99 {

        font-size: 5.15625vw

    }



    .s100 {

        font-size: 5.20833vw

    }

}



@media (max-width:1920px) and (min-width:551px) {

    .s12 {

        font-size: 12px

    }



    .s13 {

        font-size: calc(12px + .05208vw)

    }



    .s14 {

        font-size: calc(12px + .10417vw)

    }



    .s15 {

        font-size: calc(12px + .15625vw)

    }



    .s16 {

        font-size: calc(12px + .20833vw)

    }



    .s17 {

        font-size: calc(12px + .26042vw)

    }



    .s18 {

        font-size: calc(12px + .3125vw)

    }



    .s19 {

        font-size: calc(12px + .36458vw)

    }



    .s20 {

        font-size: calc(12px + .41667vw)

    }



    .s21 {

        font-size: calc(12px + .46875vw)

    }



    .s22 {

        font-size: calc(12px + .52083vw)

    }



    .s23 {

        font-size: calc(12px + .57292vw)

    }



    .s24 {

        font-size: calc(12px + .625vw)

    }



    .s25 {

        font-size: calc(12px + .67708vw)

    }



    .s26 {

        font-size: calc(12px + .72917vw)

    }



    .s27 {

        font-size: calc(12px + .78125vw)

    }



    .s28 {

        font-size: calc(12px + .83333vw)

    }



    .s29 {

        font-size: calc(12px + .88542vw)

    }



    .s30 {

        font-size: calc(12px + .9375vw)

    }



    .s31 {

        font-size: calc(12px + .98958vw)

    }



    .s32 {

        font-size: calc(12px + 1.04167vw)

    }



    .s33 {

        font-size: calc(12px + 1.09375vw)

    }



    .s34 {

        font-size: calc(12px + 1.14583vw)

    }



    .s35 {

        font-size: calc(12px + 1.19792vw)

    }



    .s36 {

        font-size: calc(12px + 1.25vw)

    }



    .s37 {

        font-size: calc(12px + 1.30208vw)

    }



    .s38 {

        font-size: calc(12px + 1.35417vw)

    }



    .s39 {

        font-size: calc(12px + 1.40625vw)

    }



    .s40 {

        font-size: calc(12px + 1.45833vw)

    }



    .s41 {

        font-size: calc(12px + 1.51042vw)

    }



    .s42 {

        font-size: calc(12px + 1.5625vw)

    }



    .s43 {

        font-size: calc(12px + 1.61458vw)

    }



    .s44 {

        font-size: calc(12px + 1.66667vw)

    }



    .s45 {

        font-size: calc(12px + 1.71875vw)

    }



    .s46 {

        font-size: calc(12px + 1.77083vw)

    }



    .s47 {

        font-size: calc(12px + 1.82292vw)

    }



    .s48 {

        font-size: calc(12px + 1.875vw)

    }



    .s49 {

        font-size: calc(12px + 1.92708vw)

    }



    .s50 {

        font-size: calc(12px + 1.97917vw)

    }



    .s51 {

        font-size: calc(12px + 2.03125vw)

    }



    .s52 {

        font-size: calc(12px + 2.08333vw)

    }



    .s53 {

        font-size: calc(12px + 2.13542vw)

    }



    .s54 {

        font-size: calc(12px + 2.1875vw)

    }



    .s55 {

        font-size: calc(12px + 2.23958vw)

    }



    .s56 {

        font-size: calc(12px + 2.29167vw)

    }



    .s57 {

        font-size: calc(12px + 2.34375vw)

    }



    .s58 {

        font-size: calc(12px + 2.39583vw)

    }



    .s59 {

        font-size: calc(12px + 2.44792vw)

    }



    .s60 {

        font-size: calc(12px + 2.5vw)

    }



    .s61 {

        font-size: calc(12px + 2.55208vw)

    }



    .s62 {

        font-size: calc(12px + 2.60417vw)

    }



    .s63 {

        font-size: calc(12px + 2.65625vw)

    }



    .s64 {

        font-size: calc(12px + 2.70833vw)

    }



    .s65 {

        font-size: calc(12px + 2.76042vw)

    }



    .s66 {

        font-size: calc(12px + 2.8125vw)

    }



    .s67 {

        font-size: calc(12px + 2.86458vw)

    }



    .s68 {

        font-size: calc(12px + 2.91667vw)

    }



    .s69 {

        font-size: calc(12px + 2.96875vw)

    }



    .s70 {

        font-size: calc(12px + 3.02083vw)

    }



    .s71 {

        font-size: calc(12px + 3.07292vw)

    }



    .s72 {

        font-size: calc(12px + 3.125vw)

    }



    .s73 {

        font-size: calc(12px + 3.17708vw)

    }



    .s74 {

        font-size: calc(12px + 3.22917vw)

    }



    .s75 {

        font-size: calc(12px + 3.28125vw)

    }



    .s76 {

        font-size: calc(12px + 3.33333vw)

    }



    .s77 {

        font-size: calc(12px + 3.38542vw)

    }



    .s78 {

        font-size: calc(12px + 3.4375vw)

    }



    .s79 {

        font-size: calc(12px + 3.48958vw)

    }



    .s80 {

        font-size: calc(12px + 3.54167vw)

    }



    .s81 {

        font-size: calc(12px + 3.59375vw)

    }



    .s82 {

        font-size: calc(12px + 3.64583vw)

    }



    .s83 {

        font-size: calc(12px + 3.69792vw)

    }



    .s84 {

        font-size: calc(12px + 3.75vw)

    }



    .s85 {

        font-size: calc(12px + 3.80208vw)

    }



    .s86 {

        font-size: calc(12px + 3.85417vw)

    }



    .s87 {

        font-size: calc(12px + 3.90625vw)

    }



    .s88 {

        font-size: calc(12px + 3.95833vw)

    }



    .s89 {

        font-size: calc(12px + 4.01042vw)

    }



    .s90 {

        font-size: calc(12px + 4.0625vw)

    }



    .s91 {

        font-size: calc(12px + 4.11458vw)

    }



    .s92 {

        font-size: calc(12px + 4.16667vw)

    }



    .s93 {

        font-size: calc(12px + 4.21875vw)

    }



    .s94 {

        font-size: calc(12px + 4.27083vw)

    }



    .s95 {

        font-size: calc(12px + 4.32292vw)

    }



    .s96 {

        font-size: calc(12px + 4.375vw)

    }



    .s97 {

        font-size: calc(12px + 4.42708vw)

    }



    .s98 {

        font-size: calc(12px + 4.47917vw)

    }



    .s99 {

        font-size: calc(12px + 4.53125vw)

    }



    .s100 {

        font-size: calc(12px + 4.58333vw)

    }

}



@media (max-width:550px) {

    .s12 {

        font-size: 12px

    }



    .s13 {

        font-size: 12.28646px

    }



    .s14 {

        font-size: 12.57292px

    }



    .s15 {

        font-size: 12.85938px

    }



    .s16 {

        font-size: 13.14583px

    }



    .s17 {

        font-size: 13.43229px

    }



    .s18 {

        font-size: 13.71875px

    }



    .s19 {

        font-size: 14.00521px

    }



    .s20 {

        font-size: 14.29167px

    }



    .s21 {

        font-size: 14.57813px

    }



    .s22 {

        font-size: 14.86458px

    }



    .s23 {

        font-size: 15.15104px

    }



    .s24 {

        font-size: 15.4375px

    }



    .s25 {

        font-size: 15.72396px

    }



    .s26 {

        font-size: 16.01042px

    }



    .s27 {

        font-size: 16.29688px

    }



    .s28 {

        font-size: 16.58333px

    }



    .s29 {

        font-size: 16.86979px

    }



    .s30 {

        font-size: 17.15625px

    }



    .s31 {

        font-size: 17.44271px

    }



    .s32 {

        font-size: 17.72917px

    }



    .s33 {

        font-size: 18.01563px

    }



    .s34 {

        font-size: 18.30208px

    }



    .s35 {

        font-size: 18.58854px

    }



    .s36 {

        font-size: 18.875px

    }



    .s37 {

        font-size: 19.16146px

    }



    .s38 {

        font-size: 19.44792px

    }



    .s39 {

        font-size: 19.73438px

    }



    .s40 {

        font-size: 20.02083px

    }



    .s41 {

        font-size: 20.30729px

    }



    .s42 {

        font-size: 20.59375px

    }



    .s43 {

        font-size: 20.88021px

    }



    .s44 {

        font-size: 21.16667px

    }



    .s45 {

        font-size: 21.45313px

    }



    .s46 {

        font-size: 21.73958px

    }



    .s47 {

        font-size: 22.02604px

    }



    .s48 {

        font-size: 22.3125px

    }



    .s49 {

        font-size: 22.59896px

    }



    .s50 {

        font-size: 22.88542px

    }



    .s51 {

        font-size: 23.17188px

    }



    .s52 {

        font-size: 23.45833px

    }



    .s53 {

        font-size: 23.74479px

    }



    .s54 {

        font-size: 24.03125px

    }



    .s55 {

        font-size: 24.31771px

    }



    .s56 {

        font-size: 24.60417px

    }



    .s57 {

        font-size: 24.89063px

    }



    .s58 {

        font-size: 25.17708px

    }



    .s59 {

        font-size: 25.46354px

    }



    .s60 {

        font-size: 25.75px

    }



    .s61 {

        font-size: 26.03646px

    }



    .s62 {

        font-size: 26.32292px

    }



    .s63 {

        font-size: 26.60938px

    }



    .s64 {

        font-size: 26.89583px

    }



    .s65 {

        font-size: 27.18229px

    }



    .s66 {

        font-size: 27.46875px

    }



    .s67 {

        font-size: 27.75521px

    }



    .s68 {

        font-size: 28.04167px

    }



    .s69 {

        font-size: 28.32813px

    }



    .s70 {

        font-size: 28.61458px

    }



    .s71 {

        font-size: 28.90104px

    }



    .s72 {

        font-size: 29.1875px

    }



    .s73 {

        font-size: 29.47396px

    }



    .s74 {

        font-size: 29.76042px

    }



    .s75 {

        font-size: 30.04688px

    }



    .s76 {

        font-size: 30.33333px

    }



    .s77 {

        font-size: 30.61979px

    }



    .s78 {

        font-size: 30.90625px

    }



    .s79 {

        font-size: 31.19271px

    }



    .s80 {

        font-size: 31.47917px

    }



    .s81 {

        font-size: 31.76563px

    }



    .s82 {

        font-size: 32.05208px

    }



    .s83 {

        font-size: 32.33854px

    }



    .s84 {

        font-size: 32.625px

    }



    .s85 {

        font-size: 32.91146px

    }



    .s86 {

        font-size: 33.19792px

    }



    .s87 {

        font-size: 33.48438px

    }



    .s88 {

        font-size: 33.77083px

    }



    .s89 {

        font-size: 34.05729px

    }



    .s90 {

        font-size: 34.34375px

    }



    .s91 {

        font-size: 34.63021px

    }



    .s92 {

        font-size: 34.91667px

    }



    .s93 {

        font-size: 35.20313px

    }



    .s94 {

        font-size: 35.48958px

    }



    .s95 {

        font-size: 35.77604px

    }



    .s96 {

        font-size: 36.0625px

    }



    .s97 {

        font-size: 36.34896px

    }



    .s98 {

        font-size: 36.63542px

    }



    .s99 {

        font-size: 36.92188px

    }



    .s100 {

        font-size: 37.20833px

    }

}



.teaser {

    opacity: 0;

    transform: translate3d(0, 25%, 0);

    transition: opacity 1s ease-out .2s, transform .7s ease-out .2s

}



.teaser.is-visible {

    opacity: 1;

    transform: translateZ(0)

}



.lefter {

    opacity: 0;

    transform: translate3d(-35%, 35%, 0);

    transition: opacity 1s ease-out .2s, transform .7s ease-out .2s

}



.lefter.is-visible {

    opacity: 1;

    transform: translateZ(0)

}



.righter {

    opacity: 0;

    transform: translate3d(35%, 35%, 0);

    transition: opacity 1s ease-out .2s, transform .7s ease-out .2s

}



.righter.is-visible {

    opacity: 1;

    transform: translateZ(0)

}



.downer {

    opacity: 0;

    transform: translate3d(0, -35%, 0);

    transition: opacity 1s ease-out .2s, transform .7s ease-out .2s

}



.downer.is-visible {

    opacity: 1;

    transform: translateZ(0)

}



.lter {

    opacity: 0;

    transform: translate3d(-35%, 0, 0);

    transition: opacity 1s ease-out .2s, transform .7s ease-out .2s

}



.lter.is-visible {

    opacity: 1;

    transform: translateZ(0)

}



.rter {

    opacity: 0;

    transform: translate3d(35%, 0, 0);

    transition: opacity 1s ease-out .2s, transform .7s ease-out .2s

}



.rter.is-visible {

    opacity: 1;

    transform: translateZ(0)

}



.delay2 {

    transition-delay: .2s

}



.delay4 {

    transition-delay: .4s

}



.delay6 {

    transition-delay: .6s

}



.delay8 {

    transition-delay: .8s

}



.delay10 {

    transition-delay: 1s

}



.v-a {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 10000000;

    width: 100%;

    height: 100%;

    transition: top .5s ease-in-out;

    background: rgba(0, 0, 0, .4);

    display: none

}



.v-a.full .v-b {

    max-width: 100%;

    max-height: 100%

}



.v-a.full .v-c {

    right: 0

}



.v-a.show {

    top: 0

}



.v-a.show .v-e {

    visibility: visible

}



.v-a.show .v-f {

    display: block

}



.v-b {

    width: 90%;

    max-width: 1000px;

    height: 100%;

    max-height: 600px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: #000

}



.v-b,

.v-c {

    position: absolute;

    top: 0

}



.v-c {

    display: block;

    cursor: pointer;

    width: 40px;

    height: 40px;

    background-color: #0b6cbd;

    right: -40px;

    z-index: 1000

}



@media (max-width:550px) {

    .v-c {

        right: 0

    }

}



.v-d {

    display: block;

    font-size: 21px;

    text-align: center;

    line-height: 40px;

    color: #fff

}



.v-d,

.v-e {

    width: 100%;

    height: 100%

}



.v-e {

    visibility: hidden;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    max-width: 100%;

    max-height: 100%;

    margin: auto

}



.v-f {

    display: none;

    width: 100%;

    height: 100%

}



.bg-theme {

    background-color: #0b6cbd

}



.color-theme {

    color: #0b6cbd

}



.color-3 {

    color: #333

}



.color-6 {

    color: #666

}



.color-9 {

    color: #999

}



.bold {

    font-weight: 700

}



.fl {

    float: left

}



.fr {

    float: right

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    line-height: 0;

    font-size: 0

}



.ep1 {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.ep2 {

    -webkit-line-clamp: 2

}



.ep2,

.ep3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical

}



.ep3 {

    -webkit-line-clamp: 3

}



.ep4 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical

}



.pointer {

    cursor: pointer

}



.bg-cover {

    background-size: cover

}



.bg-contain,

.bg-cover {

    background-position: 50%;

    background-repeat: no-repeat

}



.bg-contain {

    background-size: contain

}



.layout {

    margin-left: auto;

    margin-right: auto;

    width: 16.01rem;

    max-width: 90%

}



.page_state {

    height: 200px;

    justify-content: center;

    font-size: 16px

}



.header-cnt,

.page_state {

    display: flex;

    align-items: center

}



.header-cnt {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 10;

    width: 100%;

    height: 1.2rem;

    line-height: 1.2rem;

    justify-content: space-between;

    transition: all .2s;

    padding-right: .52rem;

    padding-left: .59rem

}



.header a {

    transition: color .2s

}



.header a:hover {

    color: #0b6cbd

}



.header .logo {

    font-size: 0

}



.header .logo img{

    vertical-align: middle;

    width: 4.3rem;

    min-width: 250px

}



.header .nav {

    text-align: center;

    margin-right: .55rem

}



.header .nav a {

    display: block

}



.header .nav a:hover {

    color: #0b6cbd

}



.header .nav .li1 {

    transition: all .2s

}



.header .nav .li1.on .a1 {

    font-weight: 700;

    /* color: #0b6cbd */

}



.header .nav .li1:hover .a1 {

    color: #0b6cbd

}



.header .nav .drop,

.header .nav .mbtn {

    display: none

}



.header .nav .drop_cnt {

    line-height: 1.5

}



.header .nav .ul2 {

    color: #333;

    min-width: 2.44rem;

    padding: .26rem .1rem .12rem;

    position: relative

}



.header .nav .li2 {

    transition: all .2s;

    white-space: nowrap

}



.header .nav .ul3 {

    color: #666

}



.header .nav .subNav {

    position: absolute;

    left: 0;

    width: 100%;

    background: #fff url(/template/images/) no-repeat 50%/cover;

    display: none;

    padding: .5rem 0;

    line-height: 1.2;

    text-align: left;

    color: #333;

    box-shadow: inset 0 6px 10px 0 rgba(0, 0, 0, .06)

}



.header .nav .subNav .cnt {

    display: flex

}



.header .nav .subNav .lf {

    width: 64.58333%;

    padding-left: 1.2rem;

    padding-right: .42rem

}



.header .nav .subNav .lf .mainNav {

    color: #444;

    padding-left: .4rem

}



.header .nav .subNav .rg {

    flex: 1;

    padding-left: .8rem;

    padding-right: 1.6rem

}



.header .nav .subNav .rg img {

    max-width: 100%;

    width: 100%

}



.header .nav .subNav .rg .text {

    line-height: 1.875;

    color: #666;

    margin-top: .24rem;

    padding-bottom: .33rem;

    border-bottom: 1px solid #d8dbdc;

    position: relative;

    text-align: justify

}



.header .nav .subNav .rg .text:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: .5rem;

    height: 1px;

    background: #545555

}



.header .nav .subNav .toggle {

    background: url(/template/images/a-down.png) no-repeat 50%;

    width: 30px;

    height: 21px;

    cursor: pointer

}



.header .nav .subNav .list {

    display: flex;

    margin-top: .54rem;

    flex-wrap: wrap;

}



.header .nav .subNav .list .li {

    width: 33.33%;

    padding-right: .33rem;

    padding-left: .4rem;

    border-right: 1px solid #d1d7d9;

    padding-bottom: 24px;

}



.header .nav .subNav .list .li:last-of-type {

    border: none

}



.header .nav .subNav .list .li-cnt {

    margin-bottom: .3rem

}



.header .nav .subNav .list .li-cnt:last-of-type {

    margin-bottom: 0

}



.header .nav .subNav .list .li-cnt.on .nav2 {

    color: #0b6cbd

}



.header .nav .subNav .list .li-cnt.on .toggle {

    background-image: url(/template/images/a-up.png)

}



.header .nav .subNav .list .li-cnt.on .nav3 {

    display: block

}



.header .nav .subNav .nav2 {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.header .nav .subNav .nav3 {

    color: #666;

    line-height: 1.75;

    padding-left: .2rem;

    padding-top: .1rem;

    padding-bottom: .05rem;

    display: none

}



.header .nav .subNav .nav3-cnt {

    display: flex;

    flex-wrap: wrap;

    padding-right: .1rem

}



.header .nav .subNav .nav3 a {

    width: 50%;

    line-height: 1.2;

    margin-bottom: .08rem

}



@media (max-width:1200px) {

    .header .nav {

        margin-left: 0

    }

}



@media (min-width:901px) {

    .header .nav .ul1 {

        display: flex

    }



    .header .nav .li1 {

        padding: 0 .23rem

    }



    .header .nav .li1:hover .subNav {

        display: block

    }



    .header .nav .li1:hover .a1 {

        position: relative

    }



    .header .nav .li1:hover .a1:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 20%;

        width: 100%;

        height: 1px;

        background: #0b6cbd

    }



    .header .nav .drop {

        position: absolute;

        top: 100%;

        left: 50%;

        transform: translateX(-50%);

        padding-top: .14rem

    }



    .header .nav .drop_cnt {

        position: relative;

        background: #fff;

        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);

        border-radius: .1rem

    }



    .header .nav .drop_cnt:before {

        content: "";

        position: absolute;

        left: 50%;

        top: -8px;

        transform: translateX(-50%);

        border: 4px solid transparent;

        border-bottom-color: #fff

    }



    .header .nav .ul2-1 {

        display: flex;

        padding: .45rem .57rem .36rem .67rem;

        text-align: left

    }



    .header .nav .ul2-1 .li2 {

        min-width: 1.4rem;

        margin-right: .59rem;

        margin-bottom: 0

    }



    .header .nav .ul2-1 .li2:last-of-type {

        margin-right: 0

    }



    .header .nav .ul2-1 .a2 {

        border-bottom: 2px solid #eaeaea;

        padding-bottom: .13rem

    }



    .header .nav .ul2-1 .ul3 {

        padding-top: .27rem

    }



    .header .nav .ul2-1 .li3 {

        margin-bottom: .17rem

    }



    .header .nav .li2 {

        margin-bottom: .4rem

    }

}



@media (max-width:900px) {

    .header .nav {

        text-align: left;

        color: #333

    }



    .header .nav .ul1 {

        position: fixed;

        right: 0;

        top: 0;

        z-index: 11;

        width: 80%;

        max-width: 400px;

        height: 100vh;

        overflow-y: auto;

        background: #fff;

        transform: translateX(100%);

        transition: all .2s;

        box-sizing: border-box;

        padding-top: 1.5rem

    }



    .header .nav .li1 {

        float: none;

        width: 100%;

        position: relative

    }



    .header .nav .li1.show .subNav {

        display: block;

        position: static;

        padding: 20px

    }



    .header .nav .li1.show .subNav .lf {

        width: 100%;

        padding: 0

    }



    .header .nav .li1.show .subNav .lf .mainNav {

        display: none

    }



    .header .nav .li1.show .subNav .list {

        display: block;

        margin: 0

    }



    .header .nav .li1.show .subNav .list .li {

        width: 100%;

        margin-bottom: .3rem;

        border: none;

        padding-right: 0;

        padding-left: .2rem

    }



    .header .nav .li1.show .subNav .list .li:last-of-type {

        margin-bottom: 0

    }



    .header .nav .li1.show .subNav .rg {

        display: none

    }



    .header .nav .li1.show .ul2 {

        height: auto;

        padding-bottom: 10px

    }



    .header .nav .a1 {

        line-height: 2;

        padding: 5px 50px 5px 20px

    }



    .header .nav .mask {

        position: fixed;

        right: 0;

        top: 0;

        z-index: 5;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, .4);

        display: none

    }



    .header .nav .ul2 {

        position: static;

        display: block;

        box-shadow: none;

        height: 0;

        transition: all .2s;

        overflow: hidden;

        padding: 0

    }



    .header .nav .a2 {

        padding: 7px 20px 7px 30px

    }



    .header .nav .mbtn {

        display: block;

        width: 30px;

        height: 30px;

        line-height: 30px;

        text-align: center;

        position: absolute;

        right: 10px;

        top: 0;

        z-index: 15;

        cursor: pointer;

        font-size: 20px;

        outline: none

    }



    .header .nav .mbtn:after {

        content: "+"

    }



    .header .nav .li3 {

        padding: 5px 50px

    }



    .header .nav li.show .mbtn:after {

        content: "-"

    }

}



.header-right,

.header-right__item {

    position: relative;

    display: flex

}



.header-right__item {

    padding: 0 .3rem;

    align-items: center

}



.header-right__item:after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    height: .3rem;

    border-right: 1px solid hsla(0, 0%, 100%, .2)

}



.header-right__item:last-child:after {

    display: none

}



.header-right .login .icon {

    margin-right: 6px;

    width: .26rem;

    height: .26rem;

    min-width: 20px;

    min-height: 20px;

    background: url(/template/images/login.png) no-repeat 50%/contain;

    transition: all .2s

}



.header-right .lang {

    position: relative

}



.header-right .lang:hover .lang__bd {

    display: block

}



.header-right .lang__hd {

    cursor: pointer

}



.header-right .lang__hd:after {

    content: "";

    display: inline-block;

    vertical-align: middle;

    border-color: #fff transparent transparent;

    border-style: solid;

    border-width: .06rem .03rem;

    margin-left: .09rem;

    margin-top: 5px

}



.header-right .lang__bd {

    position: absolute;

    left: 0;

    top: 100%;

    text-align: center;

    width: 100%;

    padding: .1rem 0;

    display: none;

    line-height: 1.875

}



.header-right .lang__option {

    display: block

}



.header-right .search {

    position: relative

}



.header-right .search .icon {

    cursor: pointer;

    width: .18rem;

    height: .18rem;

    min-width: 15px;

    min-height: 15px;

    background: url(/template/images/search-2.png) no-repeat 50%/contain

}



.header-right .search__bd {

    position: absolute;

    right: 0;

    top: 100%;

    display: none;

    transition: all .2s

}



.header-right .search__bd .h-form {

    display: flex;

    align-items: center;

    padding: .2rem

}



.header-right .search__bd .h-ipt {

    width: 2rem;

    min-width: 150px;

    background: none;

    border: 1px solid #666;

    border-radius: 0;

    height: 30px;

    padding: 0 .1rem

}



.header-right .search__bd .h-ipt::-moz-placeholder {

    color: #666;

    font-size: inherit

}



.header-right .search__bd .h-ipt:-ms-input-placeholder {

    color: #666;

    font-size: inherit

}



.header-right .search__bd .h-ipt::placeholder {

    color: #666;

    font-size: inherit

}



.header-right .search__bd .h-btn {

    cursor: pointer;

    border: none;

    background: none;

    padding: .15rem

}



.header-right .search:hover .search__bd {

    display: block

}



.header .nav-btn {

    display: none;

    position: relative;

    z-index: 11;

    padding: 0 .2rem

}



.header .nav-btn span {

    display: block;

    width: 22px;

    height: 2px;

    background: #fff;

    margin-bottom: 6px;

    border-radius: 2px;

    transform-origin: right center;

    transition: all .3s

}



.header .nav-btn span:last-child {

    margin-bottom: 0

}



@media (max-width:900px) {

    .header .nav-btn {

        display: block

    }

}



@media (max-width:500px) {

    .header .nav-btn span {

        width: 17px;

        margin-bottom: 4px

    }

}



.header__search {

    position: relative;

    display: flex;

    align-items: center;

    padding-left: .61rem;

    padding-right: .59rem

}



.header__search:before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: .28rem;

    background-color: hsla(0, 0%, 100%, .22)

}



.header__search .icon {

    width: 20px;

    height: 20px;

    background: url(/template/images/search-2.png) no-repeat 50%/contain;

    margin-right: .09rem

}



.header__search .ipt {

    color: #333;

    width: 0;

    margin-right: .1rem;

    background: none;

    border: none;

    transition: all .2s 2s

}



.header__search .ipt::-moz-placeholder {

    color: hsla(0, 0%, 100%, .5);

    font-size: inherit

}



.header__search .ipt:-ms-input-placeholder {

    color: hsla(0, 0%, 100%, .5);

    font-size: inherit

}



.header__search .ipt::placeholder {

    color: hsla(0, 0%, 100%, .5);

    font-size: inherit

}



.header__search .btn {

    display: flex;

    align-items: center;

    background: none;

    border: none

}



.header__search .form {

    display: none

}



@media (max-width:1000px) {

    .header__search {

        padding: 0 10px

    }



    .header__search:before {

        display: none

    }



    .header__search .icon {

        width: 15px;

        height: 15px

    }

}



@media (min-width:601px) {

    .header.showSearch .nav {

        display: none

    }



    .header.showSearch .header__search {

        padding-left: .21rem

    }



    .header.showSearch .header__search .form {

        display: flex

    }



    .header.showSearch .header__search .btn-1 {

        display: none

    }



    .header.showSearch .header__search .ipt {

        width: 3.24rem

    }

}



@media (max-width:600px) {

    .header.showSearch .header__search .form {

        position: fixed;

        left: 0;

        top: .9rem;

        width: 100%;

        height: 50px;

        display: flex;

        padding: .2rem;

        border-top: 1px solid hsla(0, 0%, 100%, .5)

    }



    .header.showSearch .header__search .ipt {

        flex: 1;

        border: 1px solid hsla(0, 0%, 100%, .5);

        padding: 0 .2rem

    }

}



.header.normal {

    height: 1rem

}



.header.normal .header-cnt {

    height: 1rem;

    line-height: 1rem

}



.header.normal .header-cnt,

.header.white .header-cnt {

    background: #fff;

    color: #333;

    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .06)

}



.header.normal .header-right__item:after,

.header.white .header-right__item:after {

    border-color: #ddd

}



.header.normal .header-right .login .icon,

.header.white .header-right .login .icon {

    background-image: url(/template/images/login-2.png)

}



.header.normal .header-right .lang__hd:after,

.header.white .header-right .lang__hd:after {

    border-top-color: #333

}



.header.normal .header-right .lang__bd,

.header.white .header-right .lang__bd {

    background: #fff

}



.header.normal .header-right .search .icon,

.header.white .header-right .search .icon {

    background-image: url(/template/images/search-2.png)

}



.header.normal .header-right .search__bd,

.header.white .header-right .search__bd {

    background: #fff

}



.header.normal .header-right .search__bd .h-ipt,

.header.white .header-right .search__bd .h-ipt {

    border-color: #666;

    color: #333

}



.header.normal .nav-btn span,

.header.open .nav-btn span,

.header.white .nav-btn span {

    background: #333

}



.header.open .nav-btn span:first-of-type {

    transform: rotate(-45deg)

}



.header.open .nav-btn span:nth-of-type(3) {

    transform: rotate(45deg)

}



.header.open .nav-btn span:nth-of-type(2) {

    width: 0

}



.header.open .nav .ul1 {

    transform: translateX(0)

}



.header.open .nav .mask {

    display: block

}



.header .mask-pc {

    position: fixed;

    right: 0;

    top: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .4);

    display: none

}



.header .mask-pc.show {

    display: block

}



@media (max-width:1920px) {

    .header-right .lang__hd:after {

        border-width: 6px 3px

    }

}



@media (max-width:900px) {

    .header .logo {

        flex: 1

    }

}



@media (max-width:500px) {

    .header-cnt {

        padding-left: .4rem

    }



    .header-right .login {

        font-size: 0

    }

}



.footer {

    background-color: #6296ba;

    color: #fff;

    line-height: 1.5

}



.footer a:hover {

    text-decoration: underline

}



.footer .foot1 {

    display: flex;

    padding-top: .95rem;

    padding-bottom: .9rem

}



.footer .foot1 .col1 {

    width: 24.375%;

    padding-right: .9rem;

    border-right: 1px solid hsla(0, 0%, 100%, .2)

}



.footer .foot1 .contact {

    text-align: center

}



.footer .foot1 .contact .t1 {

    margin-bottom: .37rem

}



.footer .foot1 .contact .icon-tel {

    margin-top: .05rem;

    width: .17rem;

    min-width: 17px

}



.footer .foot1 .contact .time {

    opacity: .5;

    margin-top: .05rem

}



.footer .foot1 .link {

    position: relative;

    margin-top: .47rem

}



.footer .foot1 .link-hd {

    text-align: center;

    border: 1px solid;

    line-height: .5rem;

    position: relative;

    cursor: pointer

}



.footer .foot1 .link-hd:after {

    content: "";

    position: absolute;

    right: .24rem;

    bottom: .22rem;

    border-color: transparent transparent #fff;

    border-style: solid;

    border-width: 7px 6px

}



.footer .foot1 .link-bd {

    position: absolute;

    bottom: 100%;

    left: 0;

    z-index: 2;

    width: 100%;

    border: 1px solid;

    display: none;

    background: #699abb;

    max-height: 5rem;

    overflow-y: auto

}



.footer .foot1 .link-option {

    display: block;

    padding: .05rem .1rem

}



.footer .foot1 .link-option:hover {

    background: #0b6cbd

}



.footer .foot1 .link:hover .link-bd {

    display: block

}



.footer .foot1 .col2 {

    width: 53.125%;

    border-right: 1px solid hsla(0, 0%, 100%, .2);

    padding-left: .8rem

}



.footer .foot1 .col3 {

    flex: 1;

    text-align: center;

    padding-left: .3rem

}



.footer .foot1 .col3 .logo img {

    width: 2.94rem

}



.footer .foot1 .col3 .share-item {

    display: inline-block

}



.footer .foot1 .nav {

    display: flex;

    /* flex-wrap: wrap; */

    justify-content: space-between;

}



.footer .foot1 .nav-item {

    width: 1.5rem;

    padding-right: .1rem

}



.footer .foot1 .nav-1 {

    margin-bottom: .24rem

}



.footer .foot1 .nav-2 {

    margin-bottom: .05rem;

    opacity: .5;

    transition: all .2s

}



.footer .foot1 .nav-2:last-of-type {

    margin-bottom: 0

}



.footer .foot1 .nav-2:hover {

    opacity: 1

}



.footer .foot1 .share {

    font-size: 0;

    margin-top: .62rem

}



.footer .foot1 .share-item {

    display: inline-block;

    vertical-align: top;

    opacity: .67;

    border-radius: 50%;

    width: .4rem;

    height: .4rem;

    min-width: 30px;

    min-height: 30px;

    transition: all .2s;

    margin-left: .17rem;

    position: relative

}



.footer .foot1 .share-item:first-of-type {

    margin-left: 0

}



.footer .foot1 .share-item:hover {

    opacity: 1

}



.footer .foot1 .share-item:hover .code {

    display: block

}



.footer .foot1 .share-item .icon-qq:before {

    display: none

}



.footer .foot1 .share .code {

    position: absolute;

    bottom: 100%;

    left: 50%;

    z-index: 2;

    transform: translateX(-50%);

    width: 1.08rem;

    min-width: 108px;

    display: none;

    padding-top: .12rem

}



.footer .foot1 .share .code-cnt {

    padding: .06rem .04rem;

    position: relative;

    background: #fff

}



.footer .foot1 .share .code-cnt:before {

    /* content: ""; */

    border: .04rem solid transparent;

    border-bottom-color: #fff;

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%, -100%)

}



.footer .foot1 .share .code img {

    width: 1rem;

    min-width: 100px

}



.footer .foot1 .place {

    line-height: 1.75;

    margin-top: .72rem;

    opacity: .5

}



.footer .foot2 {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

    border-top: 1px solid hsla(0, 0%, 100%, .2);

    padding: .16rem 0 .36rem;

    color: hsla(0, 0%, 100%, .5)

}



.footer .foot2 a:hover {

    color: #fff

}



.footer .foot2 .lf {

    display: flex;

    flex-wrap: wrap;

    margin-top: .2rem

}



.footer .foot2 .lf img,

.footer .foot2 .lf span {

    vertical-align: middle

}



.footer .foot2 .lf-item {

    margin-right: .1rem

}



.footer .foot2 .rg {

    margin-top: .2rem

}



.footer .foot2 .rg-item {

    border-right: 1px solid;

    padding-right: .1rem;

    margin-right: .1rem

}



.footer .foot2 .rg-item:last-of-type {

    border: none;

    padding-right: 0;

    margin-right: 0

}



@media (max-width:1920px) {

    .footer .foot1 .share .code-cnt:before {

        border-width: 4px

    }

}



@media (max-width:900px) {

    .footer .foot1 {

        display: block;

        padding-bottom: .5rem

    }



    .footer .foot1 .col1 {

        width: 100%;

        padding: 0;

        border: none

    }



    .footer .foot1 .col2 {

        width: 100%;

        margin-top: .5rem;

        border: none;

        padding-left: 0;

        display: none

    }



    .footer .foot1 .col3 {

        text-align: center;

        padding: 0

    }



    .footer .foot1 .col3 .logo,

    .footer .foot1 .col3 .place {

        display: none

    }



    .footer .foot1 .contact .t1 {

        margin-bottom: .2rem

    }



    .footer .foot1 .share {

        margin-top: .5rem

    }



    .footer .foot1 .link {

        max-width: 300px;

        width: 100%;

        margin-left: auto;

        margin-right: auto

    }



    .footer .foot1 .link-hd {

        line-height: 35px

    }



    .footer .foot1 .link-hd:after {

        bottom: .3rem

    }



    .footer .foot1 .nav-item {

        width: 100%;

        margin-bottom: .5rem

    }



    .footer .foot1 .nav dd {

        display: inline-block;

        margin-right: .25rem

    }

}



.c-title {

    position: relative;

    color: #333

}



.c-title:before {

    /* content: ""; */

    position: absolute;

    left: -.4rem;

    top: -.4rem;

    width: .1rem;

    height: .1rem;

    border: .05rem solid #0b6cbd

}



.c-title .title {

    margin-top: .1rem

}



.c-title .title_en {

    font-family: Arial;

    color: #999

}



.c-title .title_sub {

    margin-top: .34rem

}



.c-title .line {

    margin-top: .46rem;

    height: 1px;

    background: #666;

    position: relative

}



.c-title .line:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    background: #333;

    -webkit-animation: line 4s linear infinite;

    animation: line 4s linear infinite

}

.c-title .line2 {

    margin-top: .46rem;

    height: 1px;

    background: #666;

    position: relative

}



.c-title .line2:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    background: #333;

    -webkit-animation: line 4s linear infinite;

    animation: line 4s linear infinite

}

@-webkit-keyframes line {

    0% {

        width: 0

    }



    to {

        width: 100%

    }

}



@keyframes line {

    0% {

        width: 0

    }



    to {

        width: 100%

    }

}



.c-title--white {

    color: #055DA5

}



.c-title--white .title_en {

    color: #fff;

    opacity: .5

}



.c-title--white .line,

.c-title--white .line:before {

    background: #fff

}

.c-title--white .line2,

.c-title--white .line2:before {

    background: #055DA5

}

.md-bg,

.template-development .md-info__item:nth-of-type(2n) {

    background: #f5f9fc url(/template/images/bg3.jpg) no-repeat top/100% auto

}



.md-ban {

    position: relative;

    background: #000

}



.md-ban .c-title {

    max-width: 6.1rem

}



.md-ban img {

    display: block;

    width: 100%

}



.md-ban .cnt {

    position: absolute;

    left: 0;

    top: 48%;

    transform: translateY(-50%);

    width: 100%

}



.md-ban .bg-wap {

    display: none;

    padding-top: 80%

}



@media (max-width:500px) {

    .md-ban .bg {

        display: none

    }



    .md-ban .bg-wap {

        display: block

    }

}



.md-breadNav {

    border-bottom: 1px solid #dad9d8;

    color: #333;

    line-height: 3.6875

}



.md-breadNav .layout {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.md-breadNav .breadThumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.md-breadNav .breadThumb .bread-item {

    display: flex;

    align-items: center;

    transition: all .2s

}



.md-breadNav .breadThumb .bread-item span {

    padding: 0 .2rem

}



.md-breadNav .breadThumb .bread-item:after {

    content: "";

    display: inline-block;

    width: .07rem;

    height: .12rem;

    min-width: 7px;

    min-height: 12px;

    background: url(/template/images/side-right.png) no-repeat 50%/contain

}



.md-breadNav .breadThumb .bread-item img {

    margin-right: .09rem;

    width: .18rem;

    min-width: 15px

}



.md-breadNav .breadThumb .bread-item:hover {

    color: #0b6cbd

}



.md-breadNav .breadThumb .bread-item:last-child:after {

    display: none

}



.md-breadNav .subNav__wrap {

    display: flex;

    flex-wrap: wrap

}



.md-breadNav .subNav-item {

    margin: 0 .16rem;

    position: relative;

    transition: all .2s;

    display: block

}



.md-breadNav .subNav-item:hover {

    color: #0b6cbd

}



.md-breadNav .subNav .swiper-slide {

    width: auto

}



.md-breadNav .subNav .swiper-slide:last-of-type .subNav-item {

    margin-right: 0

}



.md-breadNav .subNav .on .subNav-item {

    color: #0b6cbd

}



.md-breadNav .subNav .on .subNav-item:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 100%;

    height: 2px;

    background: #0b6cbd

}



@media (max-width:500px) {

    .md-breadNav .breadThumb .bread-item img {

        margin-right: 0

    }

}



.md-pagination {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #333

}



.md-pagination .btn {

    width: .52rem;

    height: .52rem;

    background-color: #0b6cbd;

    background-position: 50%;

    background-repeat: no-repeat;

    border: 1px solid #0b6cbd;

    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;

}



.md-pagination .btn.disabled {

    border-color: #666;

    background-color: transparent;

    cursor: not-allowed

}



.md-pagination .btn.disabled:hover {

    opacity: 1

}



.md-pagination .btn.disabled.prev {

    background-image: url(/template/images/a-prev-2.png)

}



.md-pagination .btn.disabled.next {

    background-image: url(/template/images/a-next-3.png)

}



.md-pagination .btn:hover {

    opacity: .9

}



.md-pagination .prev {

    background-image: url(/template/images/a-prev-3.png);

    margin: 0 .35rem;

}



.md-pagination .next {

    background-image: url(/template/images/a-next-2.png);

    margin-left: .35rem

}



.md-pagination .nav {

    width: .45rem;

    text-align: center

}



.md-pagination .nav.on,

.md-pagination .nav:hover {

    color: #0b6cbd

}



.md-pagination .nav--ell:hover {

    color: #333

}



@media (max-width:500px) {

    .md-pagination .btn {

        background-size: 25%

    }

}



.md-sidebar {

    position: fixed;

    right: 0;

    bottom: 50%;

    z-index: 2;

    transform: translateY(50%);

    background: #fff;

    box-shadow: 0 0 3px 0 #efefef

}



.md-sidebar .side-item {

    display: block;

    width: .8rem;

    min-width: 60px;

    cursor: pointer;

    padding-bottom: .05rem;

    position: relative

}



.md-sidebar .side-item:hover {

    background: #0b6cbd

}



.md-sidebar .side-item:hover .icon .img1 {

    display: none

}



.md-sidebar .side-item:hover .icon .img2 {

    display: block

}



.md-sidebar .side-item:hover .text {

    color: #fff;

    opacity: 1

}



.md-sidebar .side-item:hover .side-pop {

    opacity: 1;

    transform: translateX(-100%)

}



.md-sidebar .side-pop {

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    white-space: nowrap;

    height: 100%;

    display: flex;

    align-items: center;

    padding: .2rem;

    opacity: 0;

    transition: all .5s

}



.md-sidebar .icon {

    width: .5rem;

    margin: auto;

    min-width: 40px

}



.md-sidebar .icon img {

    display: block;

    width: 100%

}



.md-sidebar .icon .img2 {

    display: none

}



.md-sidebar .text {

    color: #999;

    text-align: center;

    opacity: 0;

    margin-top: -.05rem

}



.md-sidebar .site-item-study:hover {

    background: #fff

}



.md-sidebar .site-item-study:hover .text {

    color: #0b6cbd

}



.md-sidebar .site-item-study .icon {

    -webkit-animation: turn .5s infinite alternate;

    animation: turn .5s infinite alternate

}



.md-sidebar .site-item-study .text {

    color: #0b6cbd

}



.md-sidebar .toTop {

    padding: .05rem 0

}



.md-sidebar__close {

    background: url(/template/images/side-right.png) no-repeat 50%/60% auto;

    display: block;

    width: .8rem;

    min-width: 60px;

    height: .8rem;

    min-height: 60px;

    cursor: pointer

}



.md-sidebar--hide {

    padding: 0

}



.md-sidebar--hide .md-sidebar__close {

    background-image: url(/template/images/side-left.png)

}



@media (max-width:900px) {

    .md-sidebar .text {

        opacity: 1;

        font-size: 10px

    }

}



@-webkit-keyframes turn {

    0% {

        transform: rotateY(0)

    }



    to {

        transform: rotateY(180deg)

    }

}



@keyframes turn {

    0% {

        transform: rotateY(0)

    }



    to {

        transform: rotateY(180deg)

    }

}



.order-sidebar {

    position: fixed;

    left: 0;

    bottom: 50%;

    z-index: 2;

    transform: translateY(50%);

    background: #fff;

    box-shadow: 0 0 3px 0 #efefef

}



.order-sidebar__close {

    background: url(/template/images/side-left.png) no-repeat 50%/60% auto;

    display: block;

    width: .8rem;

    min-width: 60px;

    height: .8rem;

    min-height: 60px;

    cursor: pointer

}



.order-sidebar--hide {

    padding: 0

}



.order-sidebar--hide .cnt {

    display: none

}



.order-sidebar--hide .order-sidebar__close {

    background-image: url(/template/images/side-right.png)

}



.md-home-banner,

.md-home-banner .banner .swiper-slide {

    position: relative

}



.md-home-banner .banner .swiper-slide-active .img {

    transform: scale(1.1)

}



.md-home-banner .banner .c-title {

    position: absolute;

    left: 1.6rem;

    top: 2.8rem;

    max-width: 80%

}



.md-home-banner .banner .c-title .title_en {

    opacity: .5

}



.md-home-banner .banner .img {

    font-size: 0;

    transition: transform 5s;

    padding-top: 50%;

    position: relative

}



.md-home-banner .banner .video-wrap .img {

    display: none

}



.md-home-banner .banner .video {

    padding-top: 50%;

    position: relative

}



.md-home-banner .banner .video video {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover

}



.md-home-banner .banner .loading {

    width: 38px;

    height: 38px;

    margin: 0 5px;

    border: 4px solid transparent;

    position: relative;

    background: transparent

}



.md-home-banner .banner .loading .dot {

    position: absolute;

    left: 11px;

    top: 11px;

    width: 8px;

    height: 8px;

    background-color: #fff;

    border-radius: 50%;

    line-height: 120px;

    text-align: center

}



.md-home-banner .banner .loading .left,

.md-home-banner .banner .loading .right {

    position: absolute;

    left: -4px;

    top: -4px;

    opacity: 0;

    width: 19px;

    height: 38px;

    overflow: hidden

}



.md-home-banner .banner .loading .left:after,

.md-home-banner .banner .loading .right:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 19px;

    height: 38px;

    border: 4px solid #fff;

    border-right: 0;

    border-radius: 19px 0 0 19px;

    box-sizing: border-box

}



.md-home-banner .banner .loading .right {

    left: auto;

    right: -4px

}



.md-home-banner .banner .loading .right:after {

    content: "";

    position: absolute;

    display: block;

    border-radius: 0 19px 19px 0;

    border: 4px solid #fff;

    border-left: 0

}



.md-home-banner .banner .swiper-pagination {

    right: 1.83rem;

    left: auto;

    bottom: 1.74rem;

    width: auto

}



.md-home-banner .banner .swiper-pagination-bullet {

    opacity: 1;

    cursor: pointer

}



.md-home-banner .banner .swiper-pagination-bullet-active .dot {

    background-color: #0b6cbd

}



.md-home-banner .banner .swiper-pagination-bullet-active .left,

.md-home-banner .banner .swiper-pagination-bullet-active .right {

    opacity: 1

}



.md-home-banner .banner .swiper-pagination-bullet-active .left:after {

    transform-origin: right center;

    -webkit-animation: spin-left 4s linear forwards;

    animation: spin-left 4s linear forwards

}



.md-home-banner .banner .swiper-pagination-bullet-active .right:after {

    transform-origin: left center;

    -webkit-animation: spin-right 4s linear;

    animation: spin-right 4s linear

}



@-webkit-keyframes spin-right {

    0% {

        transform: rotate(180deg)

    }



    50% {

        transform: rotate(1turn)

    }



    to {

        transform: rotate(1turn)

    }

}



@keyframes spin-right {

    0% {

        transform: rotate(180deg)

    }



    50% {

        transform: rotate(1turn)

    }



    to {

        transform: rotate(1turn)

    }

}



@-webkit-keyframes spin-left {

    0% {

        transform: rotate(180deg)

    }



    50% {

        transform: rotate(180deg)

    }



    to {

        transform: rotate(1turn)

    }

}



@keyframes spin-left {

    0% {

        transform: rotate(180deg)

    }



    50% {

        transform: rotate(180deg)

    }



    to {

        transform: rotate(1turn)

    }

}



@media (max-width:900px) {

    .md-home-banner .banner .swiper-pagination {

        bottom: .2rem;

        right: auto;

        left: .5rem

    }



    .md-home-banner .banner .c-title {

        left: 10%;

        top: 50%;

        transform: translateY(-50%)

    }



    .md-home-banner .banner .title {

        font-size: 18px

    }



    .md-home-banner .banner .title_sub {

        font-size: 16px

    }



    .md-home-banner .banner .video-wrap .img {

        display: block

    }



    .md-home-banner .banner .video-wrap .video {

        display: none

    }

}



@media (max-width:500px) {



    .md-home-banner .banner .img,

    .md-home-banner .banner .video {

        padding-top: 100%

    }

}



.md-home-banner .quick-nav {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    background: rgba(0, 0, 0, .2);

    color: #fff

}



.md-home-banner .quick-nav li {

    border-right: 1px solid rgba(247, 247, 249, .3);

    height: 1.4rem

}



.md-home-banner .quick-nav li:hover a {

    background: #0b6cbd

}



.md-home-banner .quick-nav li:hover .icon2 {

    opacity: 1

}



.md-home-banner .quick-nav a {

    display: flex;

    align-items: center;

    height: 100%;

    padding-left: .43rem;

    padding-right: .6rem;

    position: relative;

    transition: all .3s

}



.md-home-banner .quick-nav .icon {

    width: .6rem;

    min-width: 30px;

    margin-right: .15rem

}



.md-home-banner .quick-nav .text {

    flex: 1

}



.md-home-banner .quick-nav .title-en {

    opacity: .5;

    margin-top: .1rem;

    font-family: Arial

}



.md-home-banner .quick-nav .icon2 {

    position: absolute;

    right: .4rem;

    top: .6rem;

    width: .2rem;

    opacity: 0;

    transition: all .3s

}



@media (max-width:1000px) {

    .md-home-banner .quick-nav a {

        padding-left: .2rem

    }

}



@media (min-width:901px) {

    .md-home-banner .quick-nav li {

        flex: 1

    }

}



@media (max-width:900px) {

    .md-home-banner .quick-nav {

        position: static;

        background: #005293

    }



    .md-home-banner .quick-nav li {

        border-bottom: 1px solid rgba(247, 247, 249, .3);

        width: 50%

    }



    .md-home-banner .quick-nav .title-en {

        font-size: 12px

    }

}



@-webkit-keyframes circle {

    0% {

        transform: translate(0)

    }



    to {

        transform: translate(10%, 20%)

    }

}



@keyframes circle {

    0% {

        transform: translate(0)

    }



    to {

        transform: translate(10%, 20%)

    }

}



.md-home-service {

    padding-top: 1.3rem;

    padding-bottom: .6rem;

    position: relative;

    overflow: hidden

}



.md-home-service .circle1 {

    left: -3.68rem;

    bottom: -3.55rem

}



.md-home-service .circle1,

.md-home-service .circle2 {

    width: 6.66rem;

    height: 6.66rem;

    border: 1px solid #666;

    opacity: .2;

    border-radius: 50%;

    position: absolute;

    -webkit-animation: circle 2s linear infinite alternate;

    animation: circle 2s linear infinite alternate

}



.md-home-service .circle2 {

    right: -2.82rem;

    top: -4.65rem

}



.md-home-service .row1 {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.md-home-service .row1 .lf {

    width: 3.2rem

}



.md-home-service .row1 .text {

    width: 3.04rem

}



.md-home-service .row1 .text .tit {

    line-height: 1.5

}



.md-home-service .row1 .text .desc {

    line-height: 1.75;

    margin-top: .26rem

}



.md-home-service .row1 .text .more {

    display: inline-block;

    line-height: 1.5;

    padding: 0 .1rem .06rem;

    margin-top: .92rem;

    border-bottom: 1px solid

}



.md-home-service .row1 .text .swiper-slide:hover .more {

    color: #0b6cbd

}



.md-home-service .pic {

    position: relative;

    width: 6.4rem;

    margin: auto

}



.md-home-service .pic .canvas {

    width: 6.4rem;

    height: 6.4rem

}



.md-home-service .pic .swiper-container {

    position: absolute;

    left: .4rem;

    top: .4rem;

    width: 5.6rem;

    height: 5.6rem;

    border-radius: 50%

}



.md-home-service .pic .img {

    display: block;

    height: 100%;

    transition: all .2s

}



.md-home-service .pic .img:hover {

    transform: scale(1.1)

}



.md-home-service .row2 {
    margin-top: .472rem;
    position: relative
}



.md-home-service .row2 .swiper-slide {

    width: auto;

    min-width: 1.8rem;

    height: .82rem;

    min-height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 .1rem;

    color: #666;

    cursor: pointer;

    transition: color .2s;

    position: relative

}



.md-home-service .row2 .swiper-slide.on,

.md-home-service .row2 .swiper-slide:hover {

    color: #0b6cbd

}



.md-home-service .row2 .swiper-slide:after {

    content: "";

    position: absolute;

    right: -.1rem;

    top: 50%;

    height: 1px;

    width: .2rem;

    background: #ddd

}



.md-home-service .row2 .swiper-slide:last-of-type:after {

    display: none

}



.md-home-service .row2 .arrow {

    width: .16rem;

    min-width: 10px;

    height: .22rem;

    min-height: 15px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer

}



.md-home-service .row2 .arrow.prev {

    background: url(/template/images/a-prev.png) no-repeat 50%/contain;

    left: .19rem

}



.md-home-service .row2 .arrow.next {

    background: url(/template/images/a-next.png) no-repeat 50%/contain;

    right: .19rem

}



.md-home-service .row2 .arrow.swiper-button-disabled {

    opacity: .2;

    cursor: not-allowed

}



@media (max-width:900px) {

    .md-home-service .row1 {

        display: block

    }



    .md-home-service .row1 .lf {

        width: 100%;

        margin-bottom: .5rem

    }



    .md-home-service .row1 .c-title {

        display: inline-block

    }



    .md-home-service .row1 .text {

        width: 100%;

        margin-top: .5rem

    }



    .md-home-service .row1 .text .more {

        margin-top: .3rem

    }

}



.md-home-detection {

    padding-top: 1.12rem;

    padding-bottom: .9rem;

    background-color: #999

}



.md-home-detection .row1 .layout {

    display: flex;

    justify-content: space-between;

    align-items: flex-end

}



.md-home-detection .row1 .cate {

    display: flex;

    color: #fff

}



.md-home-detection .row1 .cate-item {

    opacity: .3;

    cursor: pointer;

    padding: 0 .1rem;

    line-height: 2.1;

    margin-left: .4rem;

    transition: all .3s

}



.md-home-detection .row1 .cate-item:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    border-bottom: 1px solid;

    transition: all .3s

}



.md-home-detection .row1 .cate-item:first-of-type {

    margin-left: 0

}



.md-home-detection .row1 .cate-item.on {

    opacity: 1;

    position: relative

}



.md-home-detection .row1 .cate-item.on:after {

    width: 100%

}



.md-home-detection .row2 {

    margin-top: .46rem;

    width: 17.6rem;

    max-width: 100%;

    margin-left: auto;

    margin-right: auto

}



.md-home-detection .row2 .swiper-container,

.md-home-detection .row2 .swiper-slide {

    padding: 0 .5rem

}



.md-home-detection .row2 .swiper-slide:hover .pic {

    padding-top: 112.5%

}



.md-home-detection .row2 .swiper-slide:hover .text {

    padding-bottom: 0

}



.md-home-detection .row2 .swiper-slide:hover .text .more {

    border-bottom: none

}



.md-home-detection .row2 .pic {

    padding-top: 100%;

    position: relative;

    transition: all .2s;

    background-color: hsla(0, 0%, 80%, .2)

}



.md-home-detection .row2 .pic .num {

    position: absolute;

    left: .31rem;

    top: .32rem;

    color: #fff;

    font-family: DIN-Bold

}



.md-home-detection .row2 .pic .num:after {

    content: "";

    display: block;

    width: 2px;

    height: .7rem;

    background: #fff;

    margin: .2rem auto 0

}



.md-home-detection .row2 .text {

    padding-top: .54rem;

    padding-bottom: 12.5%;

    transition: all .2s

}



.md-home-detection .row2 .text .tit {

    color: #fff;

    font-weight: 700

}



.md-home-detection .row2 .text .more {

    color: hsla(0, 0%, 100%, .5);

    border-bottom: 1px solid #fff;

    display: inline-block;

    padding: 0 .1rem .08rem;

    margin-top: .35rem;

    transition: all .2s

}



.md-home-detection .row2 .arrow {

    width: .32rem;

    height: .4rem;

    min-width: 20px;

    min-height: 30px;

    position: absolute;

    top: 2.03rem;

    z-index: 2;

    cursor: pointer

}



.md-home-detection .row2 .arrow.swiper-button-disabled {

    cursor: no-drop

}



.md-home-detection .row2 .arrow.prev {

    background: url(/template/images/a-prev-1.png) no-repeat 50%/contain;

    left: 0

}



.md-home-detection .row2 .arrow.next {

    background: url(/template/images/a-next-1.png) no-repeat 50%/contain;

    right: 0

}



@media (max-width:900px) {

    .md-home-detection .row2 {

        margin-top: 1rem

    }

}



.md-home-about .row1 {

    display: flex

}



.md-home-about .row1 .lf {

    width: 58.33333%;

    position: relative;

    overflow: hidden

}



.md-home-about .row1 .lf:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1;

    width: 100%;

    height: 60%;

    background: linear-gradient(0deg, rgba(0, 52, 93, .21), transparent)

}



.md-home-about .row1 .lf .bg {

    height: 6.3rem;

    transition: all .2s;
    background-size: 100% 100%;

}



.md-home-about .row1 .lf .text {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

    padding-left: 1.6rem;

    padding-right: 2.5rem;

    color: #fff;

    padding-bottom: .44rem

}



.md-home-about .row1 .lf .text a:hover .more {

    transform: translateY(-.1rem)

}



.md-home-about .row1 .lf .desc {

    line-height: 1.72222

}



.md-home-about .row1 .lf .more {

    border-bottom: 1px solid #fff;

    display: inline-block;

    line-height: 2.25;

    padding: 0 .1rem;

    margin-top: .4rem;

    transition: all .2s

}



.md-home-about .row1 .lf:hover .bg {

    transform: scale(1.1)

}



.md-home-about .row1 .rg {

    flex: 1

}



.md-home-about .row1 .rg .box {

    background: url(/template/images/bg.jpg) no-repeat 50%/cover;

    height: 4.7rem;

    padding: 1.7rem 1.6rem 0

}



.md-home-about .row1 .rg .play {

    display: block;

    background: #0b6cbd url(/template/images/play.png) no-repeat 50%/.39rem auto;

    width: 1.6rem;

    height: 1.6rem;

    cursor: pointer;

    transition: all .2s

}



.md-home-about .row1 .rg .play:hover {

    background-color: #005293

}



.md-home-about .row2 {

    padding: .9rem 0 1rem

}



.md-home-about .row2 .layout {

    display: flex

}



.md-home-about .row2 .item {

    width: 25%;

    display: flex;

    align-items: flex-start;

    padding-left: .27rem;

    padding-right: .6rem

}



.md-home-about .row2 .icon {

    width: .5rem;

    min-width: 30px;

    margin-right: .2rem;

    margin-top: .16rem

}



.md-home-about .row2 .text {

    flex: 1

}



.md-home-about .row2 .text span {

    vertical-align: middle;

    display: inline-block

}



.md-home-about .row2 .t1 {

    color: #0b6cbd;

    border-bottom: 1px solid #dadada

}



.md-home-about .row2 .num {

    font-family: DIN-bold;

    line-height: 1.52;

    vertical-align: middle

}



.md-home-about .row2 .tit {

    color: #666;

    margin-top: .36rem

}



@media (max-width:1100px) {

    .md-home-about .row2 .item {

        padding-right: .3rem

    }

}



@media (max-width:900px) {

    .md-home-about .row1 .lf .text {

        padding: 5%

    }



    .md-home-about .row1 .rg .box {

        padding: 10% 5%

    }



    .md-home-about .row2 {

        padding-top: .3rem

    }



    .md-home-about .row2 .layout {

        flex-wrap: wrap

    }



    .md-home-about .row2 .item {

        width: 50%;

        margin-top: .5rem

    }

}



@media (max-width:500px) {

    .md-home-about .row1 {

        flex-direction: column

    }



    .md-home-about .row1 .lf {

        order: 2;

        width: 100%

    }



    .md-home-about .row1 .lf .text {

        bottom: 50%;

        transform: translateY(50%)

    }



    .md-home-about .row1 .rg {

        position: relative

    }



    .md-home-about .row1 .rg .play {

        position: absolute;

        left: 5%;

        bottom: 10%

    }

}



.md-home-news {

    padding: 1.37rem 0

}



.md-home-news .row1 {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.md-home-news .cate {

    display: flex;

    align-items: flex-end;

    flex-wrap: wrap;

    color: #666;

    line-height: 2

}



.md-home-news .cate-item {

    position: relative;

    padding: 0 .15rem 0 .1rem;

    margin-right: .27rem;

    margin-top: .2rem;

    cursor: pointer

}



.md-home-news .cate-item:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background: #0b6cbd;

    transition: all .2s

}



.md-home-news .cate-item:last-of-type {

    margin-right: 0

}



.md-home-news .cate-item.on,

.md-home-news .cate-item:hover {

    color: #0b6cbd

}



.md-home-news .cate-item.on:after {

    width: 100%

}



.md-home-news .row2 {

    margin-top: .48rem

}



.md-home-news .row2 .item {

    display: flex

}



.md-home-news .row2 .cate_img {

    width: 50%;

    margin-right: .2rem;

    overflow: hidden

}



.md-home-news .row2 .cate_img:hover .img {

    transform: scale(1.1)

}



.md-home-news .row2 .cate_img .img {

    padding-top: 56.25%;

    transition: all .2s;

    background-size: 100% 100%;

background-repeat: no-repeat;
}



.md-home-news .row2 .cate_img img {

    display: none

}



.md-home-news .row2 .list {

    flex: 1;

    overflow: hidden

}



.md-home-news .row2 .li {

    display: flex;

    align-items: center;

    background: #f8f9fa;

    margin-bottom: .13rem;

    height: 1.42rem

}



.md-home-news .row2 .li:hover .tit {

    color: #0b6cbd

}



.md-home-news .row2 .time {

    width: 20.875%;

    text-align: center;

    position: relative

}



.md-home-news .row2 .time .t1 {

    color: rgba(51, 51, 51, .3);

    letter-spacing: .06rem;

    line-height: 1

}



.md-home-news .row2 .time .t2 {

    color: #333

}



.md-home-news .row2 .time:after {

    content: "";

    position: absolute;

    right: 0;

    top: .09rem;

    width: 1px;

    height: .7rem;

    background: #eee

}



.md-home-news .row2 .rg {

    flex: 1;

    overflow: hidden;

    color: #333;

    padding-left: .37rem;

    padding-right: .55rem

}



.md-home-news .row2 .tit {

    margin-top: .09rem;

    transition: all .2s

}



.md-home-news .row2 .desc {

    margin-top: .18rem;

    height: 1.2em

}



@media (max-width:900px) {

    .md-home-news .row2 .item {

        display: block

    }



    .md-home-news .row2 .cate_img {

        width: 100%

    }



    .md-home-news .row2 .list {

        margin-top: .3rem

    }

}



@media (max-width:500px) {

    .md-home-news .cate-item {

        margin-right: 0

    }

}



.page-login .layout {

    min-height: 100vh;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.page-login .lf {

    width: 6.5rem

}



.page-login .lf .c-title .title_en {

    opacity: .5

}



.page-login .md-login {

    background: #fff;

    padding: .85rem .56rem .45rem;

    width: 4.8rem;

    min-width: 300px

}



.page-login .md-login .c-title:before {

    left: -.26rem;

    top: -.26rem

}



.page-login .md-login .c-title .title {

    margin-top: .04rem

}



.page-login .md-login form {

    margin-top: .26rem

}



.page-login .md-login .form-item {

    position: relative;

    padding-bottom: .08rem;

    padding-top: .12rem

}



.page-login .md-login .form-item .icon {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: .56rem;

    height: .26rem;

    min-width: 30px;

    border-right: 1px solid #ddd;

    display: flex;

    align-items: center;

    justify-content: center

}



.page-login .md-login .form-item .icon img {

    height: .22rem;

    min-height: 18px

}



.page-login .md-login .form-item .ipt {

    width: 100%;

    height: 50px;

    background-color: #f6f6f6;

    border: 1px solid #eee;

    padding-left: .75rem;

    padding-right: .2rem;

    transition: all .2s;

    font-size: 14px

}



.page-login .md-login .form-item .ipt:focus {

    background: #fff;

    box-shadow: 2px 2px 7px 0 rgba(0, 102, 239, .32);

    border: 1px solid #0b6cbd

}



.page-login .md-login .tips {

    align-items: center;

    color: #f43030;

    display: none

}



.page-login .md-login .tips span {

    flex: 1

}



.page-login .md-login .tips.show {

    display: flex

}



.page-login .md-login .form-code {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.page-login .md-login .form-code .code {

    width: 1rem

}



.page-login .md-login .form-code .t {

    color: #0b6cbd;

    cursor: pointer

}



.page-login .md-login .btns {

    display: flex;

    justify-content: space-between;

    margin-top: .28rem

}



.page-login .md-login .btn {

    width: 46.19565%;

    height: .5rem;

    min-height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    cursor: pointer;

    transition: all .2s

}



.page-login .md-login .btn1 {

    background: #0b6cbd

}



.page-login .md-login .btn2 {

    background: #015293

}



.page-login .md-login .btn:hover {

    opacity: .8

}



.page-login .md-login .links {

    display: flex;

    justify-content: space-between;

    margin-top: .1rem;

    color: #666

}



.page-login .md-login .links .item:hover {

    color: #0b6cbd

}



@media (max-width:900px) {

    .page-login .layout {

        justify-content: center

    }



    .page-login .lf {

        display: none

    }



    .page-login .md-login {

        width: 100%;

        max-width: 480px

    }



    .page-login .md-login .form-item .ipt {

        padding-left: 50px

    }



    .page-login .md-login .form-item .icon {

        width: 40px

    }

}



.two-col__cnt {

    display: flex;

    justify-content: space-between;

    padding-top: 1rem;

    padding-bottom: 1.1rem

}



.two-col__lf {

    width: 22.5%

}



.two-col__rg {

    width: 74.375%

}



@media (max-width:900px) {

    .two-col__cnt {

        display: block

    }



    .two-col__lf {

        width: 100%

    }



    .two-col__rg {

        margin-top: .5rem;

        width: 100%

    }

}



.swiper-pagination {

    bottom: 0;

    font-size: 0;

    text-align: center

}



.swiper-pagination-bullet {

    width: .24rem;

    height: 3px;

    background-color: #ccc;

    border-radius: 0;

    opacity: 1;

    margin: 0 .08rem;

    cursor: pointer

}



.swiper-pagination-bullet-active {

    background-color: #0b6cbd

}



.md-news-1 {

    background: #fff

}



.md-news-1 .hd {

    height: 2.12rem;

    background: url(/template/images/bg4.jpg) no-repeat 50%/cover;

    color: #fff;

    padding: 0 .38rem .1rem;

    display: flex;

    align-items: center

}



.md-news-1 .hd .en {

    opacity: .5

}



.md-news-1 .hd .cn {

    font-weight: 700;

    margin-top: .1rem

}



.md-news-1 .bd {

    padding: .3rem .3rem 1.32rem;

    background: url(/template/images/bg5.png) no-repeat bottom/100% auto

}



.md-news-1 .bd .form-item {

    color: #999;

    margin-top: .18rem;

    margin-bottom: .44rem;

    max-width: 400px

}



.md-news-1 .bd .form-item input,

.md-news-1 .bd .form-item select {

    width: 100%;

    height: .5rem;

    min-height: 35px;

    border: 1px solid #666;

    outline: none;

    font-size: inherit;

    padding-left: .18rem;

    border-radius: 0

}



.md-news-1 .bd .form-item input {

    color: #333;

    padding-right: .18rem

}



.md-news-1 .bd .form-item input::-moz-placeholder {

    color: #ccc

}



.md-news-1 .bd .form-item input:-ms-input-placeholder {

    color: #ccc

}



.md-news-1 .bd .form-item input::placeholder {

    color: #ccc

}



.md-news-1 .bd .form-item-bd {

    position: relative;

    margin-top: .1rem

}



.md-news-1 .bd .form-item .btn-search {

    position: absolute;

    right: .2rem;

    top: 50%;

    transform: translateY(-50%);

    width: .19rem;

    height: .2rem;

    min-width: 19px;

    min-height: 20px;

    background: url(/template/images/search2.png) no-repeat 50%/contain;

    border: none;

    cursor: pointer

}



.md-news-1 .bd .form-item-search input {

    padding-right: .5rem

}



.md-news-1 .bd .text {

    text-align: center;

    padding-top: .43rem

}



.md-news-1 .bd .text .t1 {

    letter-spacing: 5px;

    color: #ddd

}



.md-news-1 .bd .text .t2 {

    color: #0b6cbd;

    letter-spacing: 7px;

    margin-top: .25rem

}



.md-news-1 .bd .text .t3 {

    color: #999;

    opacity: .5;

    margin-top: .08rem

}



@media (min-width:901px) {

    .md-news-1.fixed {

        position: relative

    }

}



.md-news-2 {

    margin-bottom: .57rem

}



.md-news-2 .item {

    display: block

}



.md-news-2 .item:hover .img {

    transform: scale(1.1)

}



.md-news-2 .item:hover .tit {

    color: #0b6cbd

}



.md-news-2 .pic {

    overflow: hidden;

    position: relative;

    background: hsla(0, 0%, 80%, .2)

}



.md-news-2 .pic .img {

    padding-top: 56.08466%;

    transition: all .2s

}



.md-news-2 .pic .top {

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 160, 233, .8);

    color: #fff;

    text-align: center;

    width: .6rem;

    min-width: 50px;

    line-height: 2

}



.md-news-2 .text {

    background: #fff;

    color: #333;

    padding: .33rem .35rem .42rem

}



.md-news-2 .text .tit {

    line-height: 1.66667;

    height: 3.33333em;

    transition: all .2s

}



.md-news-2 .text .time {

    border-bottom: 1px solid;

    line-height: 2.35714;

    margin-top: .67rem;

    display: inline-block

}



.md-news-2 .swiper-container {

    padding-bottom: .32rem

}



.md-news-2 .swiper-pagination {

    bottom: 0

}



.md-news-3 {

    margin-bottom: .6rem;

    border-top: 1px solid #ccc

}



.md-news-3 .item {

    display: flex;

    border-bottom: 1px solid #ccc;

    padding: .5rem 0

}



.md-news-3 .item:hover .img {

    transform: scale(1.1)

}



.md-news-3 .item:hover .tit {

    color: #0b6cbd

}



.md-news-3 .pic {

    overflow: hidden;

    margin-right: .6rem;

    width: 3.78rem

}



.md-news-3 .pic .img {

    padding-top: 56.08466%;

    transition: all .2s

}



.md-news-3 .text {

    flex: 1;

    overflow: hidden;

    color: #333;

    padding-top: .15rem

}



.md-news-3 .tit {

    line-height: 1.5

}



.md-news-3 .desc {

    color: #666;

    line-height: 1.625;

    height: 3.25em;

    margin-top: .18rem

}



.md-news-3 .time {

    margin-top: .8rem

}



@media (max-width:500px) {

    .md-news-3 .item {

        flex-wrap: wrap

    }



    .md-news-3 .pic {

        width: 100%;

        margin-right: 0

    }



    .md-news-3 .text {

        flex-basis: 100%

    }

}



.md-news-detail__cnt {

    display: flex;

    justify-content: space-between;

    padding-top: 1.1rem;

    padding-bottom: 1.2rem

}



.md-news-detail .md-news-4 {

    width: 66.0625%

}



.md-news-detail .md-news-5 {

    width: 23.375%

}



@media (max-width:900px) {

    .md-news-detail__cnt {

        display: block

    }



    .md-news-detail .md-news-4 {

        width: 100%

    }



    .md-news-detail .md-news-5 {

        width: 100%;

        margin-top: .5rem

    }

}



.md-news-4 .title {

    color: #333;

    line-height: 1.5

}



.md-news-4 .share {

    display: inline-flex;

    margin-left: .1rem

}



.md-news-4 .share-item {

    position: relative

}



.md-news-4 .share-item .icon {

    width: .3rem;

    vertical-align: top;

    min-width: 24px

}



.md-news-4 .share-item .code {

    position: absolute;

    left: 50%;

    top: 100%;

    transform: translateX(-50%);

    padding: .1rem;

    background: #fff;

    width: 1.2rem;

    min-width: 100px;

    display: none;

    box-shadow: 0 0 .1rem 0 #eee

}



.md-news-4 .share-item .code img {

    max-width: 100%;

    vertical-align: top

}



.md-news-4 .share-item:hover .code {

    display: block

}



.md-news-4 .msg {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    color: #999;

    line-height: 2.42857;

    margin-top: .26rem;

    border-bottom: 1px solid #ccc

}



.md-news-4 .msg__item {

    display: flex;

    align-items: center;

    margin-right: .35rem

}



.md-news-4 .msg__item img {

    margin-right: .03rem

}



.md-news-4 .msg__item:last-of-type {

    margin-right: 0

}



.md-news-4 .editor {

    color: #555;

    line-height: 2;

    padding-top: .27rem

}



.md-news-4 .link {

    display: flex;

    align-items: center;

    border-top: 1px solid #666;

    border-bottom: 1px solid #666;

    height: .74rem;

    min-height: 60px;

    margin-top: .77rem

}



.md-news-4 .link .prev {

    flex: 1

}



.md-news-4 .link .next {

    flex: 1;

    text-align: right

}



.md-news-4 .link .all {

    display: flex;

    align-items: center;

    padding: 0 .1rem;

    margin: 0 .2rem

}



.md-news-4 .link .all img {

    margin-left: .14rem

}



.md-news-4 .link a:hover {

    color: #0b6cbd

}



@media (max-width:900px) {

    .md-news-4 .link {

        display: block;

        height: auto;

        padding: .2rem 0

    }



    .md-news-4 .link .next,

    .md-news-4 .link .prev {

        flex-basis: 100%;

        text-align: left

    }



    .md-news-4 .link .all {

        padding: 0;

        margin: .2rem 0

    }

}



.md-news-5 {

    color: #333;

    line-height: 1.5

}



.md-news-5 .title {

    margin-top: .08rem

}



.md-news-5 .list .li {

    display: block;

    padding-bottom: .34rem;

    padding-top: .38rem;

    border-bottom: 1px solid #ccc

}



.md-news-5 .list .li:first-of-type {

    padding-top: .3rem

}



.md-news-5 .list .li:hover .tit {

    color: #0b6cbd

}



.md-news-5 .list .tit {

    transition: all .2s

}



.md-news-5 .list .time {

    margin-top: .13rem

}



.md-news-5 .list .desc {

    margin-top: .15rem;

    color: #666;

    line-height: 1.625;

    height: 3.25em

}



.page-service-detail .md-breadNav {

    background: #f6f6f6

}



.md-service-1 {

    padding-top: .15rem

}



.md-service-1 .style__cnt {

    display: flex;

    padding: 1rem 0;

    border-bottom: 1px solid #333

}



.md-service-1 .style .text {

    flex: 1

}



.md-service-1 .style .text .tit {

    color: #555;

    font-weight: 700

}



.md-service-1 .style .text .sub {

    color: #666;

    margin-top: .12rem

}



.md-service-1 .style .text .desc {

    line-height: 1.625;

    color: #666;

    margin-top: .3rem

}



.md-service-1 .style .pic {

    width: 30.8125%;

    font-size: 0

}



.md-service-1 .style .pic img {

    width: 100%

}



.md-service-1 .style .pic--big {

    width: 49.375%

}



.md-service-1 .style:last-of-type .style__cnt {

    border: none

}



.md-service-1 .style1 .pic {

    margin-left: .6rem

}



.md-service-1 .style2 .pic {

    margin-right: .6rem

}



.md-service-1 .style3 {

    position: relative;

    margin-top: -1px

}



.md-service-1 .style3 .bg {

    width: 100%;

    display: block

}



.md-service-1 .style3 .text {

    position: absolute;

    left: 0;

    top: 30%;

    width: 100%

}



.md-service-1 .style3 .text .tit {

    color: #fff;

    text-align: center

}



@media (max-width:900px) {

    .md-service-1 .style__cnt {

        display: block

    }



    .md-service-1 .style .pic {

        width: 100%;

        margin: .5rem 0 !important

    }



    .md-service-1 .style .pic--big {

        width: 100%

    }

}



.md-service-2 {

    display: flex

}



.md-service-2 .item {

    width: 50%;

    height: 3rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    background-color: #f7f7f7

}



.md-service-2 .item--lf:hover .icon {

    height: .54rem

}



.md-service-2 .item--lf:hover .t1 {

    display: none

}



.md-service-2 .item--lf:hover .text {

    display: block;

    margin-top: .48rem

}



.md-service-2 .cnt {

    text-align: center

}



.md-service-2 .icon {

    height: .63rem;

    min-height: 40px;

    transition: all .2s

}



.md-service-2 .t1 {

    color: #fff;

    margin-top: .32rem

}



.md-service-2 .text {

    display: none;

    transition: all .2s

}



.md-service-2 .text .tel {

    display: flex;

    align-items: center;

    justify-content: center

}



.md-service-2 .text .tel img {

    width: .26rem;

    min-width: 1em;

    margin-right: .15rem

}



.md-service-2 .text .tel a {

    margin-right: .15rem

}



.md-service-2 .text .email {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: .09rem

}



.md-service-2 .text .email img {

    width: .28rem;

    min-width: 1em;

    margin-right: .15rem

}



@media (max-width:900px) {

    .md-service-2 {

        display: block

    }



    .md-service-2 .item {

        width: 100%

    }

}



.md-product-list .list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: .34rem

}



.md-product-list .list .li {

    width: 48.125%;

    display: flex;

    margin-bottom: .6rem

}



.md-product-list .list .li:hover .img {

    transform: scale(1.1)

}



.md-product-list .list .li:hover .more,

.md-product-list .list .li:hover .tit {

    color: #0b6cbd

}



.md-product-list .list .pic {

    overflow: hidden;

    width: 41.55844%;

    background-color: #f9f9f9

}



.md-product-list .list .pic .img {

    padding-top: 100%;

    transition: all .2s

}



.md-product-list .list .text {

    flex: 1;

    background: #edf5f7;

    margin-top: .2rem;

    padding: .34rem .72rem;

    color: #333;

    position: relative

}



.md-product-list .list .num {

    color: #ddd;

    position: relative

}



.md-product-list .list .num:before {

    content: "";

    width: .79rem;

    height: 2px;

    background-color: #eee;

    opacity: .5;

    position: absolute;

    left: -.3rem;

    top: 50%;

    transform: translateX(-100%)

}



.md-product-list .list .tit {

    margin-top: .17rem;

    line-height: 1.19231;

    height: 2.38462em

}



.md-product-list .list .more {

    position: absolute;

    bottom: .46rem;

    left: .72rem;

    padding: 0 .1rem;

    line-height: 2.35714;

    border-bottom: 1px solid

}



@media (max-width:900px) {

    .md-product-list .list {

        display: block

    }



    .md-product-list .list .li {

        width: 100%

    }

}



@media (max-width:500px) {

    .md-product-list .list .text {

        padding: .3rem

    }



    .md-product-list .list .more {

        left: .3rem;

        bottom: .3rem;

        line-height: 2;

        font-size: 12px

    }

}



.md-service-3 {

    padding-top: .95rem;

    padding-bottom: .4rem

}



.md-service-3 .row1 {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.md-service-3 .row1 .title {

    color: #555

}



.md-service-3 .row1 .more {

    border-bottom: 1px solid;

    padding: 0 .1rem;

    line-height: 2.25

}



.md-service-3 .row1 .more:hover {

    color: #0b6cbd

}



.md-service-3 .md-product-list {

    margin-top: .34rem

}



.md-service-4 {

    padding-top: .98rem;

    padding-bottom: .34rem

}



.md-service-4 .list {

    display: flex;

    flex-wrap: wrap;
    justify-content: space-around;
}



.md-service-4 .list .li {

    margin-bottom: .3rem

}



.md-service-4 .list .li:hover .img {

    transform: scale(1.1)

}



.md-service-4 .list .li:hover .more,

.md-service-4 .list .li:hover .tit {

    color: #0b6cbd

}



.md-service-4 .list .pic {

    overflow: hidden;

    background: rgba(101, 151, 186, .2)

}



.md-service-4 .list .pic .img {

    padding-top: 100%;

    transition: all .2s

}



.md-service-4 .list .text {

    display: flex;

    padding: .35rem 0;

    color: #333

}



.md-service-4 .list .text .lf {

    flex: 1

}



.md-service-4 .list .text .tit {

    margin-top: -.02rem;

    transition: all .2s

}



.md-service-4 .list .text .more {

    display: inline-block;

    border-bottom: 1px solid;

    line-height: 2.35714;

    margin-top: .21rem;

    transition: all .2s

}



.md-service-4 .list .num {

    color: rgba(0, 0, 0, .2);

    border-left: 2px solid rgba(0, 0, 0, .05);

    padding-left: .31rem;

    margin-right: -.03rem

}



@media (min-width:901px) {

    .md-service-4 .list .li {

        width: 30%;

        margin-right: 5%

    }



    .md-service-4 .list .li:nth-of-type(3n) {

        margin-right: 0

    }

}



@media (min-width:501px) and (max-width:900px) {

    .md-service-4 .list .li {

        width: 30%;

        margin-right: 5%

    }



    .md-service-4 .list .li:nth-of-type(3n) {

        margin-right: 0

    }

}



@media (max-width:500px) {

    .md-service-4 .list .li {

        width: 48%;

        margin-right: 4%

    }



    .md-service-4 .list .li:nth-of-type(2n) {

        margin-right: 0

    }



    .md-service-4 .list .more {

        font-size: 12px;

        line-height: 2

    }

}



.md-service-5 {

    padding-top: 1.08rem;

    padding-bottom: 1rem

}



.md-service-5 .list {

    display: flex;

    flex-wrap: wrap;

    margin-top: .58rem

}



.md-service-5 .list .li {

    margin-bottom: .25rem

}



.md-service-5 .list .li:hover .img {

    transform: scale(1.1)

}



.md-service-5 .list .li:hover .more,

.md-service-5 .list .li:hover .tit {

    color: #0b6cbd

}



.md-service-5 .list .pic {

    overflow: hidden;

    position: relative;

    background: hsla(0, 0%, 59.2%, .2)

}



.md-service-5 .list .pic .img {

    padding-top: 100%;

    transition: all .2s

}



.md-service-5 .list .pic .num {

    position: absolute;

    left: .31rem;

    top: .32rem;

    color: #fff

}



.md-service-5 .list .pic .num:after {

    content: "";

    display: block;

    width: 2px;

    height: .7rem;

    background: #fff;

    margin: .2rem auto 0

}



.md-service-5 .list .text {

    padding: .35rem 0;

    color: #333

}



.md-service-5 .list .text .tit {

    margin-top: -.02rem;

    transition: all .2s

}



.md-service-5 .list .text .more {

    display: inline-block;

    border-bottom: 1px solid;

    line-height: 2.35714;

    margin-top: .26rem;

    transition: all .2s

}



@media (min-width:501px) {

    .md-service-5 .list .li {

        width: 30%;

        margin-right: 5%

    }



    .md-service-5 .list .li:nth-of-type(3n) {

        margin-right: 0

    }

}



@media (max-width:500px) {

    .md-service-5 .list .li {

        width: 48%;

        margin-right: 4%

    }



    .md-service-5 .list .li:nth-of-type(2n) {

        margin-right: 0

    }



    .md-service-5 .list .more {

        font-size: 12px;

        line-height: 2

    }

}



.md-service-title .c-title {

    padding-bottom: .33rem;

    border-bottom: 1px solid rgba(51, 51, 51, .5)

}



.md-service-title .c-title .title_sub {

    line-height: 1.75;

    color: #666;

    margin-top: .27rem;

    width: 11.6rem;

    max-width: 100%

}



.md-service-6 {

    padding-top: 1.08rem;

    padding-bottom: 1rem

}



.md-service-6 .md-product-list {

    margin-top: .64rem

}



.md-service-6 .md-product-list .list .text {

    background: #fff

}



.page-product-detail .module-title:before {

    left: -.29rem;

    top: -.29rem

}



.page-product-detail .module-title .title {

    margin-top: 0

}



.md-product-1 {

    margin-top: .82rem;

    padding-bottom: .99rem

}



.md-product-1 .layout {

    display: flex

}



.md-product-1 .lf {

    width: 30%;

    margin-right: .1rem

}



.md-product-1 .lf .pic {

    overflow: hidden

}



.md-product-1 .lf .pic .img {

    padding-top: 100%;

    transition: all .2s

}



.md-product-1 .lf .pic:hover .img {

    transform: scale(1.1)

}



.md-product-1 .lf .swiper-pagination {

    bottom: .2rem

}



.md-product-1 .lf .swiper-pagination-bullet {

    background: #fff

}



.md-product-1 .lf .swiper-pagination-bullet-active {

    background: #0b6cbd

}



.md-product-1 .rg {

    margin-left: 1rem;

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start

}



.md-product-1 .rg .c-title {

    margin-top: .37rem

}



.md-product-1 .rg .c-title:before {

    top: -.36rem

}



.md-product-1 .rg .c-title .title {

    margin-top: 0

}



.md-product-1 .rg .c-title .title_sub {

    margin-top: .25rem

}



.md-product-1 .rg .c-title .line {

    margin-top: .24rem

}



.md-product-1 .rg .c-title .desc {

    color: #666;

    margin-top: .18rem;

    line-height: 1.75

}



.md-product-1 .rg .btns {

    display: flex;

    flex-wrap: wrap;

    margin-top: .2rem

}



.md-product-1 .rg .btns .btn {

    background: #0b6cbd;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 1.7rem;

    min-height: .48rem;

    padding: .1rem .2rem;

    margin-right: .2rem;

    cursor: pointer;

    transition: all .2s

}



.md-product-1 .rg .btns .btn img {

    margin-right: .1rem;

    height: .25rem;

    min-height: 20px

}



.md-product-1 .rg .btns .btn-1 {

    background: #005293

}



.md-product-1 .rg .btns .btn:hover {

    opacity: .9;

    transform: translateY(-2px)

}



@media (max-width:900px) {

    .md-product-1 .layout {

        display: block

    }



    .md-product-1 .lf {

        width: 100%;

        max-width: 500px;

        margin: auto

    }



    .md-product-1 .rg {

        margin-left: 0;

        margin-top: .5rem

    }



    .md-product-1 .rg .btns .btn {

        height: 40px;

        padding: .1rem .3rem

    }

}



.md-product-2 {

    padding-top: 1rem;

    padding-bottom: .87rem

}



.md-product-2 .content {

    color: #333;

    line-height: 2;

    padding-top: .36rem

}



.md-product-3 {

    background: #f6f6f6;

    padding-top: .98rem;

    padding-bottom: 1rem

}



.md-product-3 .content {

    margin-top: .35rem;

    color: #333;

    line-height: 1.625

}



.md-product-3 .content table {

    width: 100%;

    text-align: center;

    border-color: #666

}



.md-product-3 .content table th {

    font-weight: 400

}



.md-product-3 .content table td,

.md-product-3 .content table th {

    padding: .1rem .3rem

}



@media (max-width:500px) {



    .md-product-3 .content table td,

    .md-product-3 .content table th {

        padding: .1rem

    }

}



.md-product-4 {

    display: flex

}



.md-product-4 .item {

    width: 50%;

    color: #333;

    padding: 1rem 1.6rem

}



.md-product-4 .item:nth-of-type(2n) {

    background: #0b6cbd;

    color: #fff

}



.md-product-4 .item:nth-of-type(2n) .c-title {

    color: #fff

}



.md-product-4 .item:nth-of-type(2n) .c-title:before {

    content: "";

    border-color: #fff

}



.md-product-4 .item .content {

    padding-top: .21rem;

    line-height: 1.75

}



@media (max-width:900px) {

    .md-product-4 .item {

        padding: 1rem 5%

    }

}



@media (max-width:500px) {

    .md-product-4 {

        display: block

    }



    .md-product-4 .item {

        width: 100%

    }

}



.md-product-5 {

    background: #f6f6f6;

    padding: 1rem 0

}



.md-product-5 .content {

    padding-top: .18rem;

    line-height: 1.75

}



.md-product-5 .list {

    display: flex;

    flex-wrap: wrap;

    margin-top: .63rem

}



.md-product-5 .list .li {

    text-align: center;

    width: 16.66667%;

    position: relative

}



.md-product-5 .list .li:hover .icon {

    background: #0b6cbd

}



.md-product-5 .list .li:hover .icon .img1 {

    display: none

}



.md-product-5 .list .li:hover .icon .img2 {

    display: block

}



.md-product-5 .list .li:after {

    content: "";

    position: absolute;

    right: -.15rem;

    top: .63rem;

    border-color: transparent transparent transparent #0b6cbd;

    border-style: solid;

    border-width: 7px 8px

}



.md-product-5 .list .li:last-of-type:after {

    display: none

}



.md-product-5 .list .icon {

    width: 1.34rem;

    height: 1.34rem;

    border-radius: 50%;

    font-size: 0;

    transition: all .2s;

    position: relative;

    margin: auto

}



.md-product-5 .list .icon:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #0b6cbd;

    border-radius: 50%;

    box-sizing: border-box

}



.md-product-5 .list .icon img {

    width: 100%;

    display: block

}



.md-product-5 .list .icon img.img2 {

    display: none

}



.md-product-5 .list .text {

    margin-top: .18rem;

    line-height: 1.5

}



.md-product-5 .list .text a:hover,

.md-product-5 .list .text span {

    color: #0b6cbd

}



@media (max-width:900px) {

    .md-product-5 .list .li {

        width: 33%;

        margin-bottom: .2rem

    }

}



.md-product-6 {

    padding-bottom: .68rem;

    padding-top: 1rem

}



.md-product-6 .row1 {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.md-product-6 .row1 .more {

    border-bottom: 1px solid;

    padding: 0 .1rem .07rem;

    line-height: 1.375;

    transition: all .2s

}



.md-product-6 .row1 .more:hover {

    color: #0b6cbd

}



.md-product-6 .md-service-4 {

    padding: 0

}



.md-product-6 .list {

    margin-top: .37rem

}



.md-product-6 .list .li {

    margin-bottom: 0

}



.md-product-6 .list .pic .img {

    padding-top: 100%

}



@-webkit-keyframes dialog-fade-in {

    0% {

        margin-top: -1rem;

        opacity: 0

    }



    to {

        margin-top: 0;

        opacity: 1

    }

}



@keyframes dialog-fade-in {

    0% {

        margin-top: -1rem;

        opacity: 0

    }



    to {

        margin-top: 0;

        opacity: 1

    }

}



@-webkit-keyframes dialog-fade-out {

    0% {

        margin-top: 0;

        opacity: 1

    }



    to {

        margin-top: -1rem;

        opacity: 0

    }

}



@keyframes dialog-fade-out {

    0% {

        margin-top: 0;

        opacity: 1

    }



    to {

        margin-top: -1rem;

        opacity: 0

    }

}



.dialog {

    background: #fff;

    position: relative;

    top: 50%;

    transform: translateY(-50%)

}



.dialog__wrapper {

    background: rgba(0, 0, 0, .1);

    position: fixed;

    left: 0;

    top: 0;

    z-index: 100;

    width: 100%;

    height: 100%

}



.dialog__body {

    padding: .8rem .7rem;

    max-height: 90vh;

    overflow-y: auto

}



.dialog__close {

    position: absolute;

    right: 0;

    top: 0;

    width: .46rem;

    height: .32rem;

    min-width: 30px;

    min-height: 20px;

    background: url(/template/images/close.jpg) no-repeat 50%;

    cursor: pointer

}



.dialog__close:hover {

    opacity: .8

}



.dialog.enter {

    -webkit-animation: dialog-fade-in .3s;

    animation: dialog-fade-in .3s

}



.dialog.leave {

    -webkit-animation: dialog-fade-out .3s;

    animation: dialog-fade-out .3s

}



@media (max-width:500px) {

    .dialog__body {

        padding: .5rem

    }

}



.md-message-consult .row1 {

    display: flex;

    justify-content: space-between;

    align-items: flex-end

}



.md-message-consult .row1 .tips {

    color: red;

    margin-bottom: .05rem

}



.md-message-consult .form-theme-1 {

    margin-top: .59rem

}



@media (max-width:900px) {

    .md-message-consult .row1 {

        display: block

    }



    .md-message-consult .row1 .tips {

        margin-top: .3rem

    }

}



.form-theme-1 .form-item {

    display: flex;

    align-items: flex-start;

    width: 47.5%;

    margin-bottom: .2rem

}



.form-theme-1 .form-item__label {

    padding: .14rem .1rem .14rem .2rem;

    position: relative;

    width: 1.32rem;

    min-width: 100px

}



.form-theme-1 .form-item__label i {

    color: red;

    position: absolute;

    left: 0;

    top: 54%;

    transform: translateY(-50%)

}



.form-theme-1 .form-item__cnt {

    flex: 1;

    color: #333

}



.form-theme-1 .form-item__cnt input,

.form-theme-1 .form-item__cnt textarea {

    width: 100%;

    background-color: #f6f6f6;

    border: 1px solid #eee;

    transition: all .2s

}



.form-theme-1 .form-item__cnt input::-moz-placeholder,

.form-theme-1 .form-item__cnt textarea::-moz-placeholder {

    color: #999

}



.form-theme-1 .form-item__cnt input:-ms-input-placeholder,

.form-theme-1 .form-item__cnt textarea:-ms-input-placeholder {

    color: #999

}



.form-theme-1 .form-item__cnt input::placeholder,

.form-theme-1 .form-item__cnt textarea::placeholder {

    color: #999

}



.form-theme-1 .form-item__cnt input:focus,

.form-theme-1 .form-item__cnt textarea:focus {

    background: #fff;

    box-shadow: 2px 2px 7px 0 rgba(0, 102, 239, .32);

    border: 1px solid #0b6cbd

}



.form-theme-1 .form-item__cnt input {

    height: .5rem;

    min-height: 40px;

    padding: 0 .2rem

}



.form-theme-1 .form-item__cnt textarea {

    height: 1.2rem;

    min-height: 90px;

    padding: .2rem

}



.form-theme-1 .form-item--code {

    clear: both

}



.form-theme-1 .form-item--code .form-item__cnt {

    display: flex;

    align-items: center

}



.form-theme-1 .form-item--code .form-item__cnt input {

    flex: 1

}



.form-theme-1 .form-item--code .form-item__cnt .code {

    margin-left: .48rem

}



.form-theme-1 .form-item--code .form-item__cnt .code img {

    width: 1.22rem;

    min-width: 100px

}



.form-theme-1 .form-item--code .form-item__cnt .t {

    color: #0b6cbd;

    cursor: pointer;

    margin-left: .15rem

}



.form-theme-1 .btns {

    display: flex;

    justify-content: center;

    margin-top: .8rem

}



.form-theme-1 .btn {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    width: 1.7rem;

    height: .5rem;

    min-width: 120px;

    min-height: 40px;

    margin: 0 .15rem;

    transition: all .2s;

    cursor: pointer

}



.form-theme-1 .btn:hover {

    opacity: .8;

    transform: translateY(2px)

}



.form-theme-1 .btn1 {

    background: #005293

}



.form-theme-1 .btn2 {

    background: #999

}



@media (max-width:900px) {

    .form-theme-1 .form-item {

        float: none;

        width: 100%

    }



    .form-theme-1 .form-item--code .form-item__cnt {

        flex-wrap: wrap

    }



    .form-theme-1 .form-item--code .form-item__cnt input {

        flex-basis: 100%;

        margin-bottom: .2rem

    }



    .form-theme-1 .form-item--code .form-item__cnt .code {

        margin-left: 0

    }



    .form-theme-1 .form-item--code .form-item__cnt .code img {

        min-width: 100px

    }

}



.form-theme-2 {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.form-theme-2 .form-item {

    width: 49.0625%;

    display: flex;

    align-items: center;

    margin-bottom: .2rem;

    background: #fff;

    border: 1px solid #eee;

    transition: all .2s

}



.form-theme-2 .form-item__label {

    padding: 0 .3rem;

    min-width: 1.53rem;

    position: relative

}



.form-theme-2 .form-item__label i {

    color: red;

    position: absolute;

    left: .2rem;

    top: 60%;

    transform: translateY(-50%)

}



.form-theme-2 .form-item__label:after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    height: .26rem;

    width: 1px;

    background: #ddd;

    transform: translateY(-50%)

}



.form-theme-2 .form-item__cnt {

    flex: 1;

    position: relative

}



.form-theme-2 .form-item__cnt input {

    width: 100%;

    height: .54rem;

    min-height: 40px;

    padding: 0 .2rem;

    border: none;

    background: none;

    text-align: left;

    font-family: inherit;

    font-size: inherit;

    color: inherit

}



.form-theme-2 .form-item__cnt .icon {

    width: .18rem;

    min-width: 15px;

    position: absolute;

    right: .21rem;

    top: 50%;

    transform: translateY(-50%)

}



.form-theme-2 .form-item.on {

    box-shadow: 2px 2px 7px 0 rgba(0, 102, 239, .32);

    border: 1px solid #0b6cbd

}



.form-theme-2 .btns {

    display: flex;

    justify-content: center;

    margin-top: .4rem;

    width: 100%

}



.form-theme-2 .btn {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    width: 1.7rem;

    height: .5rem;

    min-width: 120px;

    min-height: 40px;

    margin: 0 .15rem;

    transition: all .2s;

    cursor: pointer

}



.form-theme-2 .btn:hover {

    opacity: .8;

    transform: translateY(2px)

}



.form-theme-2 .btn1 {

    background: #005293

}



.form-theme-2 .btn2 {

    background: #999

}



@media (max-width:900px) {

    .form-theme-2 {

        display: block

    }



    .form-theme-2 .form-item {

        width: 100%

    }

}



.form-theme-3 {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.form-theme-3 .form-item {

    width: 49.0625%;

    display: flex;

    align-items: center;

    margin-bottom: .2rem;

    background: #fff;

    border: 1px solid #eee;

    transition: all .2s

}



.form-theme-3 .form-item__label {

    width: .58rem;

    min-width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative

}



.form-theme-3 .form-item__label .icon {

    height: .21rem;

    min-height: 18px

}



.form-theme-3 .form-item__label:after {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    width: 1px;

    height: .26rem;

    background-color: #ddd;

    transform: translateY(-50%)

}



.form-theme-3 .form-item__cnt {

    flex: 1

}



.form-theme-3 .form-item__cnt input {

    width: 100%;

    height: .54rem;

    min-height: 40px;

    padding: 0 .2rem;

    border: none;

    background: none;

    text-align: left;

    font-family: inherit;

    font-size: inherit;

    color: inherit

}



.form-theme-3 .form-item.on {

    box-shadow: 2px 2px 7px 0 rgba(0, 102, 239, .32);

    border: 1px solid #0b6cbd

}



.form-theme-3 .btns {

    display: flex;

    justify-content: center;

    margin-top: .4rem;

    width: 100%

}



.form-theme-3 .btn {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    width: 1.7rem;

    height: .5rem;

    min-width: 120px;

    min-height: 40px;

    margin: 0 .15rem;

    transition: all .2s;

    cursor: pointer

}



.form-theme-3 .btn:hover {

    opacity: .8;

    transform: translateY(2px)

}



.form-theme-3 .btn1 {

    background: #005293

}



.form-theme-3 .btn2 {

    background: #999

}



@media (max-width:900px) {

    .form-theme-3 {

        display: block

    }



    .form-theme-3 .form-item {

        width: 100%

    }

}



.page-consult .md-message-consult {

    padding-top: 1rem;

    padding-bottom: .58rem

}



.page-consult .form-theme-1 .form-item__cnt input,

.page-consult .form-theme-1 .form-item__cnt textarea {

    background: #fff

}



.md-contact-1 {

    padding: .8rem 0 1rem

}



.md-contact-1 .layout {

    display: flex;

    flex-wrap: wrap

}



.md-contact-1 .item {

    min-width: 2.42rem;

    height: .51rem;

    min-height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #666;

    transition: all .2s;

    margin-right: .29rem;

    margin-top: .2rem;

    cursor: pointer

}



.md-contact-1 .item.on {

    background: #0b6cbd;

    border-color: #0b6cbd;

    color: #fff

}



.md-contact-1 .item.on:hover {

    color: #fff

}



.md-contact-1 .item:hover {

    color: #0b6cbd;

    border-color: #0b6cbd

}



@media (max-width:900px) {

    .md-contact-1 .item {

        min-width: 6em;

        padding: 0 .1rem;

        margin-right: .1rem

    }

}



.md-consult-table {

    padding-top: .58rem;

    padding-bottom: 1.11rem;

    word-break: break-all

}



.md-consult-table .table {

    border-bottom: 1px solid #666;

    border-left: 1px solid #666;

    text-align: center

}



.md-consult-table .thead {

    background: #0b6cbd;

    color: #fff

}



.md-consult-table .tbody {

    max-height: 7.4rem;

    overflow-y: auto

}



.md-consult-table .tbody .mCSB_inside>.mCSB_container {

    margin-right: 0

}



.md-consult-table .tbody .mCSB_scrollTools {

    width: 9px;

    right: 4px

}



.md-consult-table .tbody .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background: none

}



.md-consult-table .tbody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 9px;

    border-radius: 0

}



.md-consult-table .tbody .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .2)

}



.md-consult-table .tbody .td:nth-child(2),

.md-consult-table .tbody .tr:hover .td {

    color: #0b6cbd

}



.md-consult-table .tr {

    display: flex;

    border-top: 1px solid #666;

    cursor: pointer

}



.md-consult-table .td {

    border-right: 1px solid #666;

    padding: .2rem

}



.md-consult-table .td:first-child {

    width: 33.375%

}



.md-consult-table .td:nth-child(2) {

    width: 22.1875%

}



.md-consult-table .td:nth-child(3) {

    width: 33.3125%

}



.md-consult-table .td:nth-child(4) {

    flex: 1

}



@media (max-width:500px) {

    .md-consult-table .thead {

        font-size: 12px

    }



    .md-consult-table .tbody {

        font-size: 10px

    }



    .md-consult-table .td {

        padding: .2rem .1rem

    }

}



.md-consult-detail table {

    width: 100%;

    border-color: #666;

    line-height: 1.5

}



.md-consult-detail td {

    padding: .2rem .5rem

}



.md-consult-detail td:first-child {

    text-align: center

}



@media (max-width:900px) {

    .md-consult-detail td {

        padding: .2rem

    }

}



.md-contact-2 {

    padding: 1rem 0

}



.md-contact-2 .layout {

    display: flex;

    justify-content: space-between

}



.md-contact-2 .lf {

    width: 37.25%

}



.md-contact-2 .lf .mCSB_inside>.mCSB_container {

    margin-right: .27rem

}



.md-contact-2 .lf .mCSB_scrollTools {

    width: 6px;

    right: 0

}



.md-contact-2 .lf .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background: none

}



.md-contact-2 .lf .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    border-radius: 0

}



.md-contact-2 .lf .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: rgba(0, 82, 147, .2)

}



.md-contact-2 .rg {

    width: 55%;

    height: 6.53rem;

    border: 1px solid #ccc

}



.md-contact-2 .rg #map {

    height: 100%

}



.md-contact-2 .list {

    margin-top: 1.13rem;

    height: 4.6rem

}



.md-contact-2 .list .li {

    border-bottom: 1px solid hsla(0, 0%, 40%, .5);

    padding-bottom: .17rem

}



.md-contact-2 .list .li:first-of-type {

    border-top: 1px solid hsla(0, 0%, 40%, .5)

}



.md-contact-2 .list .li-hd {

    display: flex;

    align-items: center;

    color: #666;

    line-height: 1.5;

    padding-top: .15rem;

    cursor: pointer

}



.md-contact-2 .list .li-hd:after {

    content: "";

    border-color: transparent transparent rgba(51, 51, 51, .5);

    border-style: solid;

    border-width: 9px 7px;

    margin-top: -7px

}



.md-contact-2 .list .li-hd span {

    flex: 1

}



.md-contact-2 .list .li-bd {

    display: none;

    color: #666;

    line-height: 1.44444;

    padding: 5px

}



.md-contact-2 .list .li.on .li-hd {

    padding-top: .18rem;

    color: #0b6cbd

}



.md-contact-2 .list .li.on .li-hd:after {

    border-top-color: rgba(51, 51, 51, .5);

    border-bottom-color: transparent;

    margin-top: 7px

}



.md-contact-2 .list .li.on .li-bd {

    display: block

}



.md-contact-2 .list .li:hover .li-hd {

    color: #0b6cbd

}



@media (max-width:900px) {

    .md-contact-2 .layout {

        display: block

    }



    .md-contact-2 .lf,

    .md-contact-2 .rg {

        width: 100%

    }

}



.md-contact-3 {

    background: #f5fafc;

    padding: 1rem 0 .5rem

}



.md-contact-3 .list {

    margin-top: .83rem

}



.md-contact-3 .list .swiper-container {

    padding-bottom: .5rem

}



.md-contact-3 .list .swiper-slide:last-of-type .li {

    border-right: none

}



.md-contact-3 .list .swiper-pagination {

    font-size: 0;

    bottom: 0

}



.md-contact-3 .list .li {

    text-align: center;

    border-right: 1px solid #ddd

}



.md-contact-3 .list .li img {

    max-width: 80%

}



.md-contact-3 .list .li p {

    margin-top: .472rem

}



.md-contact-4 {

    display: flex

}



.md-contact-4 .item {

    width: 50%;

    padding: 1.16rem 1.6rem 1.13rem;

    background: url(/template/images/bg6.png) no-repeat 100% 0/3.5rem auto

}



.md-contact-4 .item:nth-child(2) {

    background: #0b6cbd;

    color: #fff

}



.md-contact-4 .item:nth-child(2) .c-title:before {

    border-color: #fff

}



.md-contact-4 .c-title {

    max-width: 5.4rem

}



.md-contact-4 .c-title .line {

    margin-top: .35rem

}



.md-contact-4 .content {

    line-height: 2;

    padding-top: .18rem

}



@media (max-width:900px) {

    .md-contact-4 {

        display: block

    }



    .md-contact-4 .item {

        width: 100%;

        padding-left: 5%;

        padding-right: 5%

    }

}



.md-intro-1 {

    padding-top: 1.08rem

}



.md-intro-1 .c-title {

    width: 3.2rem

}



.md-intro-1 .row {

    display: flex;

    align-items: flex-start;

    margin-top: .65rem

}



.md-intro-1 .row .lf {

    width: 50%;

    position: relative

}



.md-intro-1 .row .lf-cnt {

    position: relative;

    z-index: 2;

    padding: 1.2rem 1.6rem .62rem;

    min-height: 6.3rem

}



.md-intro-1 .row .lf:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    height: 100%;

    width: 9.7rem;

    background: #edf5f7 url(/template/images/bg7.jpg) no-repeat 50%/cover

}



.md-intro-1 .row .lf .content {

    line-height: 1.75;

    color: #666

}



.md-intro-1 .row .lf .content img {

    vertical-align: bottom

}



.md-intro-1 .row .lf .more {

    text-align: center;

    display: inline-block;

    margin-top: .36rem;

    cursor: pointer

}



.md-intro-1 .row .lf .more img {

    margin-top: .15rem

}



.md-intro-1 .row .rg {

    margin-top: -.9rem;

    overflow: hidden;

    width: 50%;

    position: relative;

    z-index: 2

}



.md-intro-1 .row .rg .img {

    padding-top: 66.66667%;

    transition: all .2s

}



.md-intro-1 .row .rg .play {

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0b6cbd url(/template/images/play.png) no-repeat 50%/.39rem auto;

    width: 1.2rem;

    height: 1.2rem;

    cursor: pointer;

    transition: all .2s

}



.md-intro-1 .row .rg .play:hover {

    background-color: #005293

}



.md-intro-1 .row .rg:hover .img {

    transform: scale(1.1)

}



.md-intro-1 .row2 {

    padding: .9rem 0 1rem

}



.md-intro-1 .row2 .layout {

    display: flex

}



.md-intro-1 .row2 .item {

    width: 25%;

    display: flex;

    align-items: flex-start;

    padding-left: .27rem;

    padding-right: .6rem

}



.md-intro-1 .row2 .icon {

    width: .5rem;

    min-width: 30px;

    margin-right: .2rem;

    margin-top: .16rem

}



.md-intro-1 .row2 .text {

    flex: 1

}



.md-intro-1 .row2 .text span {

    vertical-align: middle;

    display: inline-block

}



.md-intro-1 .row2 .t1 {

    color: #0b6cbd;

    border-bottom: 1px solid #dadada

}



.md-intro-1 .row2 .num {

    font-family: DIN-bold;

    line-height: 1.52;

    vertical-align: middle

}



.md-intro-1 .row2 .tit {

    color: #666;

    margin-top: .36rem

}



@media (max-width:1100px) {

    .md-intro-1 .row2 .item {

        padding-right: .3rem

    }

}



@media (max-width:900px) {

    .md-intro-1 .c-title {

        width: 100%

    }



    .md-intro-1 .row {

        display: block

    }



    .md-intro-1 .row .lf,

    .md-intro-1 .row .lf:before {

        width: 100%

    }



    .md-intro-1 .row .lf-cnt {

        padding: 5%

    }



    .md-intro-1 .row .rg {

        width: 100%;

        margin-top: 0

    }



    .md-intro-1 .row2 {

        padding-top: .3rem

    }



    .md-intro-1 .row2 .layout {

        flex-wrap: wrap

    }



    .md-intro-1 .row2 .item {

        width: 50%;

        margin-top: .5rem

    }

}



.md-intro-2 {

    display: flex;

    align-items: center;

    background: #f8f8f8

}



.md-intro-2 .lf {

    width: 50%

}



.md-intro-2 .lf img {

    vertical-align: top;

    width: 100%;

    transition: all .2s

}



.md-intro-2 .lf .swiper-pagination {

    bottom: .3rem

}



.md-intro-2 .lf .swiper-pagination-bullet {

    background: #fff

}



.md-intro-2 .lf .swiper-pagination-bullet-active {

    background: #0b6cbd

}



.md-intro-2 .lf .swiper-slide {

    position: relative;

    overflow: hidden

}



.md-intro-2 .lf .swiper-slide:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

    height: 1.38rem;

    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4))

}



.md-intro-2 .lf .swiper-slide:hover img {

    transform: scale(1.1)

}



.md-intro-2 .rg {

    background: #f8f8f8 url(..//template/images/bg8.png) no-repeat 100% 0/100% auto;

    width: 50%;

    padding: .94rem 1.6rem 1rem;

    color: #666;

    line-height: 1.75

}



@media (max-width:900px) {

    .md-intro-2 {

        display: block

    }



    .md-intro-2 .lf {

        width: 100%

    }



    .md-intro-2 .rg {

        width: 100%;

        padding: 5%

    }

}



.md-culture-1 {

    padding: 1.2rem 0

}



.md-culture-1 .layout {

    display: flex

}



.md-culture-1 .lf {

    width: 50%

}



.md-culture-1 .lf img {

    width: 100%;

    vertical-align: top

}



.md-culture-1 .rg {

    flex: 1;

    margin-left: 1.6rem

}



.md-culture-1 .rg .culture-text .desc {

    color: #666

}



@media (max-width:900px) {

    .md-culture-1 {

        padding: 5% 0

    }



    .md-culture-1 .layout {

        flex-wrap: wrap

    }



    .md-culture-1 .lf {

        width: 100%;

        order: 2

    }



    .md-culture-1 .rg {

        padding: 10% 0 5%;

        margin: 0;

        order: 1

    }

}



.culture-text {

    padding-top: .94rem;

    padding-bottom: .6rem

}



.culture-text .title_sub {

    margin-top: .26rem

}



.culture-text .desc {

    line-height: 1.75;

    margin-top: .45rem

}



.md-culture-2 {

    display: flex;

    margin-top: 1.2rem

}



.md-culture-2 .lf {

    width: 50%;

    padding: 1.17rem 1.6rem

}



.md-culture-2 .rg {

    flex: 1

}



.md-culture-2 .rg img {

    vertical-align: top;

    width: 100%

}



@media (max-width:900px) {

    .md-culture-2 {

        display: block;

        margin-top: 0

    }



    .md-culture-2 .lf {

        width: 100%;

        padding: 10% 5%

    }

}



.md-culture-3 {

    display: flex

}



.md-culture-3 .rg {

    width: 50%;

    padding: 1.17rem 1.6rem

}



.md-culture-3 .lf {

    width: 50%

}



.md-culture-3 .lf img {

    vertical-align: top;

    width: 100%

}



@media (max-width:900px) {

    .md-culture-3 {

        flex-wrap: wrap

    }



    .md-culture-3 .lf {

        order: 2;

        width: 100%

    }



    .md-culture-3 .rg {

        width: 100%;

        padding: 10% 5%;

        order: 1

    }

}



.md-culture-4 {

    display: flex;

    margin-top: 1.2rem;

    background-color: #eef4f6;

    padding: 1.27rem 0 1.2rem

}



.md-culture-4 .lf {

    width: 50%;

    padding: 1.17rem 1.6rem

}



.md-culture-4 .rg {

    flex: 1

}



.md-culture-4 .rg img {

    vertical-align: top;

    width: 100%

}



@media (max-width:900px) {

    .md-culture-4 {

        display: block;

        margin-top: 0;

        padding: 0

    }



    .md-culture-4 .lf {

        width: 100%;

        padding: 10% 5%

    }

}



@-webkit-keyframes dot {

    0% {

        border-color: #0b6cbd;

        transform: scale(1)

    }



    to {

        border-color: transparent;

        transform: scale(1.1)

    }

}



@keyframes dot {

    0% {

        border-color: #0b6cbd;

        transform: scale(1)

    }



    to {

        border-color: transparent;

        transform: scale(1.1)

    }

}



.md-develop-1 {

    padding: 0 3.1rem 1.7rem

}



.md-develop-1 .cnt {

    position: relative

}



.md-develop-1 .cnt .dot {

    width: 31px;

    height: 31px;

    position: absolute;

    left: 50%;

    bottom: -22px;

    border-radius: 50%;

    border: 1px solid #0b6cbd;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: -15px;

    -webkit-animation: dot .5s infinite alternate;

    animation: dot .5s infinite alternate

}



.md-develop-1 .cnt .dot:after {

    content: "";

    width: 13px;

    height: 13px;

    background: #0b6cbd;

    border-radius: 50%

}



.md-develop-1 .hd {

    text-align: center;

    position: relative;

    padding-bottom: 1rem;

    padding-top: 1.12rem;

    overflow: hidden

}



.md-develop-1 .hd:before {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 4.4rem;

    height: 4.4rem;

    margin-left: -2.2rem;

    border: 2px solid #0b6cbd;

    border-radius: 50%

}



.md-develop-1 .hd:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: .48rem;

    width: 3.44rem;

    height: 3.44rem;

    margin-left: -1.72rem;

    border: 2px solid #ccc;

    border-radius: 50%

}



.md-develop-1 .row {

    display: flex;

    padding-top: 1.02rem;

    padding-bottom: 1.14rem;

    position: relative

}



.md-develop-1 .row:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    height: 100%;

    width: 1px;

    background: #ccc

}



.md-develop-1 .row:after {

    content: "";

    position: absolute;

    left: 50%;

    top: -8px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #000;

    margin-left: -7px

}



.md-develop-1 .list {

    width: 50%

}



.md-develop-1 .list:nth-of-type(odd) {

    text-align: right

}



.md-develop-1 .list:nth-of-type(odd) .li {

    padding-right: 1.53rem

}



.md-develop-1 .list:nth-of-type(odd) .li:before {

    right: -6px

}



.md-develop-1 .list:nth-of-type(odd) .tit {

    margin-right: -.5em

}



.md-develop-1 .list:nth-of-type(2n) {

    margin-top: 1.8rem

}



.md-develop-1 .list:nth-of-type(2n) .li {

    padding-left: 1.53rem

}



.md-develop-1 .list:nth-of-type(2n) .li:before {

    left: -5px

}



.md-develop-1 .list:nth-of-type(2n) .tit {

    margin-left: -.5em

}



.md-develop-1 .list .li {

    margin-bottom: .7rem;

    position: relative

}



.md-develop-1 .list .li:last-of-type {

    margin-bottom: 0

}



.md-develop-1 .list .li:before {

    content: "";

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: #0b6cbd;

    border: 2px solid #fff;

    box-shadow: 0 0 0 1px #333;

    position: absolute;

    top: .5rem

}



.md-develop-1 .list .li-cnt:hover .tit {

    color: #0b6cbd

}



.md-develop-1 .list .li-cnt:hover img {

    transform: scale(1.1)

}



.md-develop-1 .list .time {

    color: #999

}



.md-develop-1 .list .tit {

    margin-top: .09rem

}



.md-develop-1 .list .desc {

    line-height: 1.75;

    color: #666;

    padding-top: .24rem;

    border-top: 1px solid #666;

    margin-top: .23rem

}



.md-develop-1 .list .img {

    margin-top: .25rem;

    font-size: 0

}



.md-develop-1 .list .img img {

    width: 100%;

    max-width: 3.8rem;

    transition: all .2s

}



@media (max-width:900px) {

    .md-develop-1 {

        padding: 0 1.4rem 1.7rem

    }



    .md-develop-1 .list:nth-of-type(odd) .li {

        padding-right: 10%

    }



    .md-develop-1 .list:nth-of-type(2n) .li {

        padding-left: 10%

    }

}



@media (max-width:500px) {

    .md-develop-1 {

        padding: 0 5% 1.7rem

    }



    .md-develop-1 .list:nth-of-type(2n) {

        margin-top: 3rem

    }



    .md-develop-1 .list .desc {

        font-size: 10px

    }

}



.md-honor-1 {

    padding-top: 1.17rem;

    padding-bottom: 1.22rem

}



.md-honor-1 .swiper-container {

    margin: 0 .8rem

}



.md-honor-1 .swiper-slide {

    width: auto;

    position: relative

}



.md-honor-1 .swiper-slide:hover img {

    transform: scale(1.05)

}



.md-honor-1 .swiper-slide:hover .tit {

    color: #0b6cbd

}



.md-honor-1 .swiper-scrollbar {

    position: static;

    height: 2px;

    background: #ddd;

    border-radius: 0;

    margin-bottom: 1px

}



.md-honor-1 .swiper-scrollbar-drag {

    background: #0b6cbd;

    height: 4px;

    top: -1px;

    border-radius: 0

}



.md-honor-1 .content {

    position: relative;

    width: 17.6rem;

    max-width: 100%;

    margin: .7rem auto 0

}



.md-honor-1 .pic {

    height: 3.93rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.md-honor-1 .pic img {

    max-width: 2.6rem;

    max-height: 100%;

    transition: all .2s

}



.md-honor-1 .slide-y {

    width: 2.82rem;

    min-width: 200px

}



.md-honor-1 .slide-x {

    width: 3.93rem

}



.md-honor-1 .tit {

    text-align: center;

    line-height: 1.5;

    margin-top: .26rem;

    width: 100%

}



.md-honor-1 .arrow {

    width: .3rem;

    height: .3rem;

    min-width: 30px;

    min-height: 30px;

    position: absolute;

    top: 38%;

    z-index: 2;

    transform: translateY(-50%);

    cursor: pointer

}



.md-honor-1 .arrow.prev {

    background: url(/template/images/a-prev.png) no-repeat 50%;

    left: 0

}



.md-honor-1 .arrow.next {

    background: url(/template/images/a-next.png) no-repeat 50%;

    right: 0

}



.md-honor-1 .arrow.swiper-button-disabled {

    opacity: .2;

    cursor: not-allowed

}



@media (min-width:1921px) {

    .md-honor-1 .content {

        padding: 0 .3rem

    }

}



.md-honor-2 {

    padding-top: 1.16rem;

    padding-bottom: 1rem

}



.md-honor-2 .list {

    display: flex;

    flex-wrap: wrap;

    margin-top: .47rem

}



.md-honor-2 .list .li {

    width: 25%;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc

}



.md-honor-2 .list .li:hover img {

    transform: scale(1.1)

}



.md-honor-2 .list .li:hover .tit {

    color: #0b6cbd

}



.md-honor-2 .list .pic {

    height: 4.8rem;

    padding: .6rem .38rem .25rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.md-honor-2 .list .pic img {

    max-height: 100%;

    max-width: 100%;

    flex: 1;

    transition: all .2s

}



.md-honor-2 .list .tit {

    line-height: 1.5;

    text-align: center;

    padding: 0.15rem .6rem .4rem;

}



.md-honor-2 .md-pagination {

    margin-top: .64rem

}



@media (min-width:901px) {

    .md-honor-2 .list .li:nth-of-type(4n) {

        border-right: none

    }



    .md-honor-2 .list .li:first-child,

    .md-honor-2 .list .li:nth-child(2),

    .md-honor-2 .list .li:nth-child(3),

    .md-honor-2 .list .li:nth-child(4) {

        border-top: none

    }

}



@media (max-width:900px) {

    .md-honor-2 .list .li {

        width: 50%

    }



    .md-honor-2 .list .li:nth-of-type(2n) {

        border-right: none

    }



    .md-honor-2 .list .li:first-child,

    .md-honor-2 .list .li:nth-child(2) {

        border-top: none

    }



    .md-honor-2 .list .tit {

        padding: 0.15rem .2rem .4rem;

    }

}



.md-honor-3 {

    background: url(/template/images/bg9.jpg) no-repeat 50%/cover;

    text-align: center

}



.md-honor-3 .cnt {

    padding-top: 1.7rem;

    padding-bottom: .9rem;

    background: url(/template/images/about.png) no-repeat 0 100%/2.79rem auto

}



.md-honor-3 .swiper-slide {

    width: 2.6rem

}



.md-honor-3 .swiper-slide:hover .tit {

    color: #0b6cbd

}



.md-honor-3 .swiper-container {

    margin-left: 3.28rem;

    padding-bottom: .7rem

}



.md-honor-3 .swiper-pagination {

    bottom: 0

}



.md-honor-3 .year {

    height: .72rem;

    color: #c0a062;

    background: url(/template/images/bg10.png) no-repeat 50%/auto 100%;

    line-height: 1.63636

}



.md-honor-3 .tit {

    line-height: 1.71429;

    margin-top: .29rem

}



@media (max-width:900px) {

    .md-honor-3 .swiper-container {

        margin-left: 2.6rem

    }

}



.md-duty-1 {

    padding-top: 1rem;

    padding-bottom: 1rem

}



.md-duty-1 .layout {

    border: .2rem solid rgba(0, 160, 233, .2);

    display: flex;

    position: relative;

    padding-top: 1.14rem;

    padding-bottom: 1rem;

    min-height: 4.2rem

}



.md-duty-1 .line1 {

    position: absolute;

    top: -.55rem;

    right: -.15rem;

    width: 1.95rem

}



.md-duty-1 .line2 {

    position: absolute;

    bottom: -.98rem;

    left: -.45rem;

    width: 1.68rem

}



.md-duty-1 .t1 {

    position: absolute;

    right: .3rem;

    bottom: 0;

    line-height: .75;

    transform: rotate(90deg);

    transform-origin: right top

}



.md-duty-1 .lf {

    margin-left: 1.3rem;

    width: 4.44rem

}



.md-duty-1 .rg {

    line-height: 1.77778;

    color: #666;

    margin-right: 2.47rem;

    flex: 1

}



@media (max-width:900px) {

    .md-duty-1 .layout {

        display: block;

        padding: .7rem

    }



    .md-duty-1 .lf {

        margin: 0;

        width: 100%

    }



    .md-duty-1 .rg {

        margin: .5rem 0 0

    }

}



.md-duty-2 {

    margin: 1.65rem 0

}



.md-duty-2 .layout {

    display: flex

}



.md-duty-2 .lf {

    width: 50%;

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center

}



.md-duty-2 .lf img {

    width: 100%;

    transition: all .2s

}



.md-duty-2 .lf:hover img {

    transform: scale(1.1)

}



.md-duty-2 .rg {

    flex: 1;

    position: relative

}



.md-duty-2 .rg-cnt {

    position: relative;

    z-index: 2;

    padding-left: 1.34rem;

    padding-right: 1.05rem;

    padding-top: .58rem

}



.md-duty-2 .rg:after {

    content: "";

    position: absolute;

    top: -.45rem;

    bottom: -.45rem;

    right: 0;

    left: -1.45rem;

    background: #f0f9fb;

    margin: auto

}



.md-duty-2 .rg .title_sub {

    margin-top: .29rem

}



.md-duty-2 .rg .title {

    margin-top: .04rem

}



.md-duty-2 .rg .line {

    margin-top: .25rem

}



.md-duty-2 .rg .desc {

    line-height: 1.625;

    color: #666;

    margin-top: .2rem

}



@media (max-width:900px) {

    .md-duty-2 {

        margin: 1rem 0;

        overflow: hidden

    }



    .md-duty-2 .layout {

        display: block

    }



    .md-duty-2 .lf {

        width: 100%

    }



    .md-duty-2 .rg-cnt {

        padding: 1rem 0

    }



    .md-duty-2 .rg:after {

        right: -1rem;

        top: -1rem;

        bottom: 0

    }

}



.md-duty-3 {

    padding: 1.65rem 0

}



.md-duty-3 .layout {

    display: flex;

    align-items: center

}



.md-duty-3 .rg {

    width: 50%;

    font-size: 0

}



.md-duty-3 .rg img {

    max-width: 100%;

    transition: all .2s

}



.md-duty-3 .rg:hover img {

    transform: scale(1.1)

}



.md-duty-3 .lf {

    flex: 1;

    padding: .58rem 1.2rem

}



.md-duty-3 .lf .title_sub {

    margin-top: .29rem

}



.md-duty-3 .lf .title {

    margin-top: .04rem

}



.md-duty-3 .lf .line {

    margin-top: .25rem

}



.md-duty-3 .lf .desc {

    line-height: 1.625;

    margin-top: .2rem

}



.md-duty-3--last {

    background-position: bottom;

    background-color: #f2fafc;

    background-size: 100%;

    padding-bottom: 5.72rem

}



@media (max-width:900px) {

    .md-duty-3 {

        padding: 0 0 1rem

    }



    .md-duty-3 .layout {

        display: block

    }



    .md-duty-3 .rg {

        width: 100%

    }



    .md-duty-3 .lf {

        padding: 1rem 0

    }



    .md-duty-3--last {

        padding-bottom: 40%

    }

}



.md-recruit-1 {

    padding-top: 1.17rem;

    padding-bottom: 1.2rem

}



.md-recruit-1 .row {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-end

}



.md-recruit-1 .form {

    display: flex;

    margin-bottom: .04rem

}



.md-recruit-1 .form select {

    height: .51rem;

    min-height: 40px;

    width: 3.2rem;

    border-radius: 0;

    border: 1px solid #666;

    background: transparent;

    margin-right: .2rem;

    padding-left: .2rem;

    outline: none

}



.md-recruit-1 .form .ipt {

    width: 3.2rem;

    display: flex;

    background: #0b6cbd;

    color: #fff

}



.md-recruit-1 .form .ipt input {

    height: .51rem;

    min-height: 40px;

    width: 100%;

    flex: 1;

    background: transparent;

    border: none;

    padding: 0 .2rem

}



.md-recruit-1 .form .ipt input::-moz-placeholder {

    color: #fff

}



.md-recruit-1 .form .ipt input:-ms-input-placeholder {

    color: #fff

}



.md-recruit-1 .form .ipt input::placeholder {

    color: #fff

}



.md-recruit-1 .form .ipt button {

    width: .5rem;

    min-width: 40px;

    padding: 0;

    border: none;

    background: url(/template/images/search-2.png) no-repeat 50%;

    cursor: pointer

}



.md-recruit-1 .table {

    margin-top: .5rem

}



.md-recruit-1 .table .tr {

    margin-bottom: .1rem

}



.md-recruit-1 .table .tr .hd {

    display: flex;

    align-items: center;

    min-height: .9rem;

    background: #fff;

    text-align: center;

    padding: .35rem 0

}



.md-recruit-1 .table .tr .bd {

    display: none;

    transition: all .2s

}



.md-recruit-1 .table .tr .bd .list {

    display: flex

}



.md-recruit-1 .table .tr .bd .item {

    width: 50%;

    padding: 0 .4rem;

    margin-top: .2rem

}



.md-recruit-1 .table .tr .bd .tit {

    line-height: 2

}



.md-recruit-1 .table .tr .bd .content {

    color: #666;

    line-height: 2.25;

    margin-top: .35rem

}



.md-recruit-1 .table .tr .bd .foot {

    margin-top: .7rem;

    display: inline-flex;

    color: #fff;

    min-height: .6rem;

    transition: all .2s

}



.md-recruit-1 .table .tr .bd .foot .mail {

    background: #0b6cbd;

    min-width: 3.02rem;

    padding: .2rem .27rem;

    margin-right: .06rem

}



.md-recruit-1 .table .tr .bd .foot .btn {

    background: #0b6cbd;

    width: .6rem;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center

}



.md-recruit-1 .table .tr .bd .foot:hover {

    transform: translateY(-2px);

    opacity: .8

}



.md-recruit-1 .table .td:first-child {

    text-align: left;

    width: 18.75%;

    padding-left: .4rem

}



.md-recruit-1 .table .td:nth-child(2) {

    width: 13.3125%;

    padding-right: .76rem

}



.md-recruit-1 .table .td:nth-child(3),

.md-recruit-1 .table .td:nth-child(4),

.md-recruit-1 .table .td:nth-child(5) {

    width: 18%

}



.md-recruit-1 .table .td:nth-child(6) {

    flex: 1;

    padding-right: .37rem;

    text-align: right

}



.md-recruit-1 .table .tbody .tr .hd {

    border-bottom: 1px solid #f6f6f6;

    cursor: pointer;

    padding: .35rem 0

}



.md-recruit-1 .table .tbody .tr .td:nth-child(6):after {

    content: "";

    border-color: #333 transparent transparent;

    border-style: solid;

    border-width: .13rem .1rem;

    position: relative;

    top: .2rem

}



.md-recruit-1 .table .tbody .tr.on .bd {

    display: block;

    padding-top: .2rem;

    padding-bottom: .48rem

}



.md-recruit-1 .table .tbody .tr.on .td:nth-child(6):after {

    border-bottom-color: #333;

    border-top-color: transparent;

    top: -.2rem

}



.md-recruit-1 .md-pagination {

    margin-top: .62rem

}



@media (max-width:900px) {

    .md-recruit-1 .row {

        display: block

    }



    .md-recruit-1 .form {

        margin-top: .5rem;

        flex-wrap: wrap;

        justify-content: space-between

    }



    .md-recruit-1 .form select {

        margin: 0;

        width: 48.5%

    }



    .md-recruit-1 .form .ipt {

        width: 100%;

        margin-top: .2rem

    }



    .md-recruit-1 .table {

        font-size: 12px

    }



    .md-recruit-1 .table .tr .bd .list {

        flex-wrap: wrap

    }



    .md-recruit-1 .table .tr .bd .item {

        width: 100%;

        padding: 0 .2rem

    }



    .md-recruit-1 .table .tr .bd .content {

        margin-top: .1rem

    }



    .md-recruit-1 .table .td:first-child {

        padding-left: .2rem;

        flex: 1

    }



    .md-recruit-1 .table .td:nth-child(2) {

        padding-right: 0;

        display: none

    }



    .md-recruit-1 .table .td:nth-child(3) {

        width: 10%;

        display: none

    }



    .md-recruit-1 .table .td:nth-child(4) {

        width: 2rem

    }



    .md-recruit-1 .table .td:nth-child(6) {

        padding-right: .2rem;

        flex: none;

        width: 1rem

    }



    .md-recruit-1 .table .thead .td span {

        display: inline-block

    }

}



.md-recruit-2 {

    margin: 1.65rem 0

}



.md-recruit-2 .layout {

    display: flex

}



.md-recruit-2 .lf {

    width: 50%;

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center

}



.md-recruit-2 .lf .img {

    padding-top: 56.25%;

    transition: all .2s

}



.md-recruit-2 .lf .swiper-container {

    flex: 1

}



.md-recruit-2 .lf .swiper-pagination {

    bottom: .27rem;

    text-align: right;

    padding-right: .3rem

}



.md-recruit-2 .lf .swiper-pagination-bullet {

    background: #fff

}



.md-recruit-2 .lf .swiper-pagination-bullet-active {

    background: #0b6cbd

}



.md-recruit-2 .rg {

    flex: 1;

    position: relative

}



.md-recruit-2 .rg-cnt {

    position: relative;

    z-index: 2;

    padding-left: 1.34rem;

    padding-right: 1.05rem;

    padding-top: .75rem

}



.md-recruit-2 .rg:after {

    content: "";

    position: absolute;

    top: -.45rem;

    bottom: -.45rem;

    right: 0;

    left: -1.45rem;

    background: #f6f6f6;

    margin: auto

}



.md-recruit-2 .rg .title_sub {

    margin-top: .29rem

}



.md-recruit-2 .rg .title {

    margin-top: .04rem

}



.md-recruit-2 .rg .line {

    margin-top: .35rem

}



.md-recruit-2 .rg .desc {

    line-height: 1.9375;

    color: #666;

    margin-top: .4rem

}



@media (max-width:900px) {

    .md-recruit-2 {

        margin: 1rem 0;

        overflow: hidden

    }



    .md-recruit-2 .layout {

        display: block

    }



    .md-recruit-2 .lf {

        width: 100%

    }



    .md-recruit-2 .rg-cnt {

        padding: 1rem 0

    }



    .md-recruit-2 .rg:after {

        right: -1rem;

        top: -1rem;

        bottom: 0

    }

}



.md-recruit-3 {

    padding-bottom: 1.2rem

}



.md-recruit-3 .c-title {

    text-align: center

}



.md-recruit-3 .list {

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.md-recruit-3 .list .li {

    width: 2rem;

    height: 2rem;

    border: 1px solid #ddd;

    border-radius: 50%;

    transition: all .2s;

    text-align: center;

    margin-right: 1.5rem;

    position: relative;

    margin-top: .58rem

}



.md-recruit-3 .list .li:hover {

    border-color: #0b6cbd;

    background: #0b6cbd;

    color: #fff

}



.md-recruit-3 .list .li:after {

    content: "";

    position: absolute;

    top: 50%;

    right: -1.04rem;

    width: .61rem;

    height: .11rem;

    background: url(/template/images/right.png) no-repeat 50%/contain;

    transform: translateY(-50%)

}



.md-recruit-3 .list .li:last-of-type {

    margin-right: 0

}



.md-recruit-3 .list .li:last-of-type:after {

    display: none

}



.md-recruit-3 .list .num {

    margin-top: .46rem

}



.md-recruit-3 .list .text {

    margin-top: .1rem

}



@media (max-width:900px) {

    .md-recruit-3 .list .text {

        font-size: 12px

    }

}



@media (max-width:500px) {

    .md-recruit-3 .list {

        justify-content: center

    }



    .md-recruit-3 .list .li {

        margin-right: .5rem

    }



    .md-recruit-3 .list .li:after {

        right: -.5rem

    }

}



.md-recruit-4 {

    display: flex

}



.md-recruit-4 .item {

    width: 50%;

    text-align: center;

    color: #fff;

    padding-top: 1rem;

    padding-bottom: .2rem;

    min-height: 3rem

}



.md-recruit-4 .tit {

    line-height: 1.5

}



.md-recruit-4 .content {

    line-height: 1.875;

    margin-top: .13rem

}



.md-recruit-4 a:hover {

    text-decoration: underline

}



@media (max-width:900px) {

    .md-recruit-4 {

        display: block

    }



    .md-recruit-4 .item {

        width: 100%;

        padding: 1rem 5%

    }

}



.md-recruit-5 {

    padding-bottom: 1.2rem

}



.md-recruit-5 .c-title {

    text-align: center

}



.md-recruit-5 .title-right {

    float: right;

    cursor: pointer

}



.md-recruit-5 .title-right.close:after {

    border-color: #333 transparent transparent;

    top: .16rem

}



.md-recruit-5 .title-right.close:after,

.md-recruit-5 .title-right.open:after {

    content: "";

    border-style: solid;

    border-width: .13rem .1rem;

    position: relative;

    left: .03rem

}



.md-recruit-5 .title-right.open:after {

    border-color: transparent transparent #333;

    top: -.16rem

}



.md-recruit-5 .list {

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.md-recruit-5 .list .li {

    width: 100%;

    padding: .1rem;

    border-bottom: 1px solid #ddd

}



.md-recruit-5 .list .li:hover {

    color: #0b6cbd;

    cursor: pointer

}



.md-recruit-5 .list .li .swiper-container {

    flex: 1

}



.md-recruit-5 .list .li .swiper-pagination {

    bottom: .27rem;

    text-align: right;

    padding-right: .3rem

}



.md-recruit-5 .list .li .swiper-pagination-bullet {

    background: #fff

}



.md-recruit-5 .list .li .swiper-pagination-bullet-active {

    background: #0b6cbd

}



.md-recruit-5 .list .arrow {

    width: .16rem;

    min-width: 10px;

    height: .22rem;

    min-height: 15px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer

}



.md-recruit-5 .list .arrow.prev {

    background: url(/template/images/a-prev.6cd1ad6.png) no-repeat 50%/contain;

    left: .19rem

}



.md-recruit-5 .list .arrow.next {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAB+ElEQVQ4jY1UMUvrUBi997aQTLXYDMH6B5JSCpbyhmQppDrq5A8QZxGdxFVx0zc4Obzh/YL34C3SlFJshy5CKcT+gcqVpoPQoYH0XvlCrlwTyesZQkhyzj3f+b58mFKKALVaba9UKv3yPK9BKX1Fa4LAZ9VqtaVp2l+M8aZpmkNd17fXFcAIoY1KpULj+wic8/l8Pj8ajUaPKUYChFL6PplMdjjns09VjDc1TfsDZaUYSQG4TKfTF8/zfsQiPHaDoaxGo3GcYiUFABAciDDGXmKRqJpCoXBv2/ZVipkUECKu6+4wxgZSRkhRlHPLsq5T7KQAIJfLoXa77TDG+vJzVVXPms2mG4ZhtgAgn8+jbrfrBEFwJ2dCCLFbrZa7Wq2yBQT6/f5FEAQ/v5xIiOU4zrOu61tRjWISs1Cv1w+LxeJvKVwMHYPQ8xm8JLg8bMJ9ZgkASD8+HQsH0Grxz2Q6sG37RlXVUzlI6A50CYIGfCsAKTuO4yqKYkm2eRiGT51OZ1eQvy1BkKFlkm2+XC5ve73eF3LKAbTGMIx/hBBDtg3zMBgMLlNWZQEgwy7AGGty2ovF4mQ4HD6kmLJAuVw2TNN0McYl6R33ff/gfztBLJQ3+SEMyWw2OxqPx+0sMiBaKL7v74seiwlbhxwJwAVsgl1BXnupIoQ+ADRk8HKTs4pCAAAAAElFTkSuQmCC) no-repeat 50%/contain;

    right: .19rem

}



.md-recruit-5 .list .arrow.swiper-button-disabled {

    opacity: .2;

    cursor: not-allowed

}



.md-recruit-5 .list .num {

    margin-top: .46rem;

    float: left

}



.md-recruit-5 .list .text {

    margin-top: .46rem;

    float: right

}



@media (max-width:900px) {

    .md-recruit-5 .list .text {

        font-size: 12px

    }

}



@media (max-width:500px) {

    .md-recruit-5 .list {

        justify-content: center

    }



    .md-recruit-5 .list .li {

        margin-right: .5rem

    }



    .md-recruit-5 .list .li:after {

        right: -.5rem

    }

}



.page-instruction .md-contact-1 {

    padding-bottom: 0

}



.page-instruction .md-contact-1 .layout {

    border-bottom: 1px solid #666;

    padding-bottom: .49rem

}



.md-instruction-1 {

    padding-top: .96rem;

    padding-bottom: 1.05rem

}



.md-instruction-1 .c-title .desc {

    color: #666;

    margin-top: .27rem

}



.md-instruction-1 .content {

    margin-top: .64rem

}



.md-instruction-1 .content img {

    vertical-align: top

}



.md-instruction-2 {

    background: url(../..//template/images/bg8.png) no-repeat 50%/cover;

    padding-top: .97rem;

    padding-bottom: .94rem

}



.md-instruction-2 .content {

    line-height: 1.625;

    padding-top: .46rem

}



.md-instruction-3 {

    padding: 1rem 0

}



.md-instruction-3 .layout {

    display: flex

}



.md-instruction-3 .item {

    width: 50%;

    padding: .27rem .4rem

}



.md-instruction-3 .item:first-child {

    border: 3px solid #666;

    border-right: none

}



.md-instruction-3 .item:first-child .content {

    color: #666

}



.md-instruction-3 .item:nth-child(2) {

    color: #fff;

    background: #0b6cbd

}



.md-instruction-3 .tit {

    line-height: 1.25;

    font-weight: 700

}



.md-instruction-3 .content {

    line-height: 1.44444;

    margin-top: .19rem

}



@media (max-width:900px) {

    .md-instruction-3 .layout {

        display: block

    }



    .md-instruction-3 .item {

        width: 100%

    }



    .md-instruction-3 .item:first-child {

        border: 2px solid #666;

        border-bottom: none

    }

}



.page-download .md-contact-1 {

    padding-bottom: .6rem

}



.nodata {

    padding: .2rem;

    text-align: center;

    background: #fff

}



.md-download-1 {

    padding-bottom: 1rem

}



.md-download-1 .nodata {

    padding: .2rem;

    text-align: center;

    background: #fff

}



.md-download-1 .table {

    text-align: center

}



.md-download-1 .tr {

    display: flex

}



.md-download-1 .td {

    min-height: .9rem;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: .2rem 0

}



.md-download-1 .td:first-child {

    flex: 1;

    padding-left: .4rem;

    justify-content: flex-start;

    text-align: left

}



.md-download-1 .td:nth-child(2) {

    width: 1.5rem;

    margin-right: 1.5rem

}



.md-download-1 .td:nth-child(3) {

    width: 1.9rem;

    min-width: 130px;

    margin-right: .58rem

}



.md-download-1 .td:nth-child(4) {

    width: 2.12rem;

    min-width: 100px;

    padding-left: .3rem

}



.md-download-1 .icon {

    width: .27rem;

    margin-right: .1rem

}



.md-download-1 .btn {

    display: flex;

    align-items: center

}



.md-download-1 .tbody {

    color: #666

}



.md-download-1 .tbody .tr {

    background: #fff;

    margin-bottom: .09rem

}



.md-download-1 .tbody .tr:hover {

    color: #0b6cbd

}



.md-download-1 .tbody .td:nth-child(4) {

    position: relative

}



.md-download-1 .tbody .td:nth-child(4):before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    height: .36rem;

    width: 1px;

    background: #ccc;

    transform: translateY(-50%)

}



.md-download-1 .md-pagination {

    margin-top: .61rem

}



@media (max-width:600px) {

    .md-download-1 .table {

        font-size: 10px

    }



    .md-download-1 .td:first-child {

        flex: 1;

        padding-left: .2rem;

        font-size: 12px

    }



    .md-download-1 .td:nth-child(2) {

        margin-right: 0

    }



    .md-download-1 .td:nth-child(3) {

        width: 70px;

        margin-right: 0;

        min-width: 0

    }



    .md-download-1 .td:nth-child(4) {

        padding-left: 0;

        width: 80px;

        min-width: 0

    }



    .md-download-1 .td:nth-child(4):before {

        display: none

    }

}



.md-standard-1 {

    padding-top: 1rem;

    padding-bottom: .5rem

}



.md-standard-1 .btns {

    display: flex;

    justify-content: center;

    margin-top: .4rem

}



.md-standard-1 .btn {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    width: 1.7rem;

    height: .5rem;

    min-width: 120px;

    min-height: 40px;

    margin: 0 .15rem;

    transition: all .2s;

    cursor: pointer

}



.md-standard-1 .btn:hover {

    opacity: .8;

    transform: translateY(2px)

}



.md-standard-1 .btn1 {

    background: #005293

}



.md-standard-1 .btn2 {

    background: #999

}



.md-standard-2 {

    padding-top: .5rem;

    padding-bottom: .71rem;

    word-break: break-all

}



.md-standard-2 .table {

    border-bottom: 1px solid #666;

    border-left: 1px solid #666;

    text-align: center

}



.md-standard-2 .thead {

    background: #0b6cbd;

    color: #fff

}



.md-standard-2 .thead .td {

    padding: .1rem;

    min-height: .6rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.md-standard-2 .tbody {

    max-height: 11.56rem;

    overflow-y: auto

}



.md-standard-2 .tbody .mCSB_inside>.mCSB_container {

    margin-right: 0

}



.md-standard-2 .tbody .mCSB_scrollTools {

    width: 9px;

    right: 4px

}



.md-standard-2 .tbody .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background: none

}



.md-standard-2 .tbody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 9px;

    border-radius: 0

}



.md-standard-2 .tbody .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .2)

}



.md-standard-2 .tbody .td {

    line-height: 1.71429;

    padding: .22rem .1rem

}



.md-standard-2 .tr {

    display: flex;

    border-top: 1px solid #666

}



.md-standard-2 .td {

    border-right: 1px solid #666

}



.md-standard-2 .td:first-child,

.md-standard-2 .td:nth-child(2) {

    width: 12.5%

}



.md-standard-2 .td:nth-child(3) {

    width: 25%

}



.md-standard-2 .td:nth-child(4) {

    width: 12.5%

}



.md-standard-2 .td:nth-child(5) {

    flex: 1

}



.md-standard-2 .td:nth-child(6) {

    width: 12.5%

}



.md-standard-2 .tips {

    color: #999;

    text-align: right;

    margin-top: .13rem

}



.md-standard-2 a:hover {

    color: #0b6cbd

}



@media (max-width:500px) {

    .md-standard-2 .thead {

        font-size: 12px

    }



    .md-standard-2 .tbody {

        font-size: 10px

    }



    .md-standard-2 .td {

        padding: .2rem .1rem

    }

}



.md-standard-3 {

    padding-bottom: .71rem;

    word-break: break-all

}



.md-standard-3 .table {

    border-bottom: 1px solid #666;

    border-left: 1px solid #666;

    text-align: center

}



.md-standard-3 .thead {

    background: #0b6cbd;

    color: #fff

}



.md-standard-3 .thead .td {

    padding: .1rem;

    min-height: .6rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.md-standard-3 .tbody {

    max-height: 11.56rem;

    overflow-y: auto

}



.md-standard-3 .tbody .mCSB_inside>.mCSB_container {

    margin-right: 0

}



.md-standard-3 .tbody .mCSB_scrollTools {

    width: 9px;

    right: 4px

}



.md-standard-3 .tbody .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background: none

}



.md-standard-3 .tbody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 9px;

    border-radius: 0

}



.md-standard-3 .tbody .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .2)

}



.md-standard-3 .tbody .td {

    line-height: 1.71429;

    padding: .22rem .1rem

}



.md-standard-3 .tr {

    display: flex;

    border-top: 1px solid #666

}



.md-standard-3 .td {

    border-right: 1px solid #666;

    flex: 1

}



.md-standard-3 .tips {

    color: #999;

    text-align: right;

    margin-top: .13rem

}



.md-standard-3 a:hover {

    color: #0b6cbd

}



@media (max-width:500px) {

    .md-standard-3 .thead {

        font-size: 12px

    }



    .md-standard-3 .tbody {

        font-size: 10px

    }



    .md-standard-3 .td {

        padding: .2rem .1rem

    }

}



.md-standard-4 {

    padding-bottom: .71rem;

    word-break: break-all

}



.md-standard-4 .table {

    border-bottom: 1px solid #666;

    border-left: 1px solid #666;

    text-align: center

}



.md-standard-4 .thead {

    background: #0b6cbd;

    color: #fff

}



.md-standard-4 .thead .td {

    padding: .1rem;

    min-height: .6rem;

    display: flex;

    align-items: center;

    justify-content: center

}



.md-standard-4 .tbody {

    max-height: 11.56rem;

    overflow-y: auto

}



.md-standard-4 .tbody .mCSB_inside>.mCSB_container {

    margin-right: 0

}



.md-standard-4 .tbody .mCSB_scrollTools {

    width: 9px;

    right: 4px

}



.md-standard-4 .tbody .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {

    background: none

}



.md-standard-4 .tbody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 9px;

    border-radius: 0

}



.md-standard-4 .tbody .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .2)

}



.md-standard-4 .tbody .td {

    line-height: 1.71429;

    padding: .22rem .1rem

}



.md-standard-4 .tr {

    display: flex;

    border-top: 1px solid #666

}



.md-standard-4 .td {

    border-right: 1px solid #666;

    flex: 1

}



.md-standard-4 .tips {

    color: #999;

    text-align: right;

    margin-top: .13rem

}



.md-standard-4 a:hover {

    color: #0b6cbd

}



@media (max-width:500px) {

    .md-standard-4 .thead {

        font-size: 12px

    }



    .md-standard-4 .tbody {

        font-size: 10px

    }



    .md-standard-4 .td {

        padding: .2rem .1rem

    }

}



.page-report .md-contact-1 {

    padding-bottom: .6rem

}



.page-report .md-contact-1 .layout {

    justify-content: center

}



.page-report .md-contact-1 .item:last-of-type {

    margin-right: 0

}



.md-report-1,

.md-report-2 {

    padding-bottom: 1rem

}



.md-report-2 {

    padding-top: 1rem

}



.md-report-2 .c-title .desc {

    line-height: 1.5;

    margin-top: .25rem

}



.md-report-2 .table {

    margin-top: .26rem;

    overflow-x: auto

}



.md-report-2 .table .thead {

    display: flex;

    flex-wrap: wrap;

    background: #33b3ed;

    color: #fff;

    line-height: 2;

    padding: .09rem .3rem;

    min-width: 1800px

}



.md-report-2 .table .thead .item {

    margin-right: .4rem;

    cursor: pointer;

    transition: all .2s

}



.md-report-2 .table .thead .item:last-of-type {

    margin-right: 0

}



.md-report-2 .table .thead .item:hover {

    opacity: .8

}



.md-report-2 .table .tbody {

    display: flex;

    align-items: flex-start

}



.md-report-2 .table .tbody a {

    color: #33b3ed

}



.md-report-2 .table .tbody a:hover {

    color: #0b6cbd;

    text-decoration: underline

}



.md-report-2 .table .tcolumn {

    border-left: 1px solid hsla(0, 0%, 40%, .2);

    border-bottom: 1px solid hsla(0, 0%, 40%, .2);

    width: 1.77rem;

    min-width: 130px

}



.md-report-2 .table .tcolumn .td {

    padding: .1rem .3rem;

    line-height: 1.5;

    display: flex;

    align-items: center;

    height: .5rem

}



.md-report-2 .table .tcolumn .td:nth-of-type(2n) {

    background: #fff

}



.md-report-2 .table .tcolumn .td:nth-of-type(odd) {

    background: #eaf3f5

}



.md-report-2 .table .swiper-container {

    flex: 1;

    padding-bottom: .42rem

}



.md-report-2 .table .swiper-container:before {

    left: 0

}



.md-report-2 .table .swiper-container:after,

.md-report-2 .table .swiper-container:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: .42rem;

    z-index: 2;

    width: 1px;

    margin: auto;

    background: hsla(0, 0%, 40%, .2)

}



.md-report-2 .table .swiper-container:after {

    right: 0

}



.md-report-2 .table .swiper-slide {

    width: 3.56rem;

    min-width: 250px

}



.md-report-2 .table .swiper-slide .tcolumn {

    width: 100%

}



.md-report-2 .table .swiper-scrollbar {

    border-radius: 0;

    background: #ddd;

    height: .02rem;

    min-height: 2px;

    bottom: .01rem

}



.md-report-2 .table .swiper-scrollbar-drag {

    background: #0b6cbd;

    height: .04rem;

    min-height: 4px;

    border-radius: 0;

    margin-top: -.01rem;

    cursor: pointer

}



.md-report-2 .table table {

    width: 100%;

    min-width: 1200px;

    line-height: 1.33333;

    border-bottom: 1px solid #d4d9db;

    text-align: left

}



.md-report-2 .table td,

.md-report-2 .table th {

    padding: 8px;

    border-right: 1px solid #d4d9db;

    box-sizing: content-box

}



.md-report-2 .table td {

    word-break: break-all

}



.md-report-2 .table td:first-child {

    text-align: center

}



.md-report-2 .table thead {

    background-color: #edf5f7

}



.md-report-2 .table thead th {

    font-weight: 700;

    font-size: 13px

}



.md-report-2 .table tbody tr:nth-of-type(odd) {

    background: #fff

}



.md-report-2 .table tbody tr:nth-of-type(2n) {

    background-color: #edf5f7

}



.md-report-2 .table a:hover {

    color: #0b6cbd

}



@media (max-width:1920px) {

    .md-report-2 .table .tcolumn .td {

        height: 50px

    }



    .md-report-2 .table .swiper-scrollbar {

        bottom: 1px

    }



    .md-report-2 .table .swiper-scrollbar-drag {

        margin-top: -1px

    }

}



.md-brochure-1,

.md-certificate-1 {

    padding: 1rem 0

}



.md-brochure-1 .list {

    display: flex;

    flex-wrap: wrap

}



.md-brochure-1 .list .li {

    margin-bottom: .29rem

}



.md-brochure-1 .list .li:hover .tit {

    color: #0b6cbd

}



.md-brochure-1 .list .li:hover .img {

    transform: scale(1.1)

}



.md-brochure-1 .list .pic {

    overflow: hidden

}



.md-brochure-1 .list .pic .img {

    padding-top: 56.34921%;

    transition: all .2s

}



.md-brochure-1 .list .text {

    background: #fff;

    padding: .29rem .2rem 0;

    border: 1px solid #e7e9ef;

    border-top: none

}



.md-brochure-1 .list .text .time {

    color: #999;

    margin-top: .17rem

}



.md-brochure-1 .list .foot {

    justify-content: space-between;

    margin-top: .45rem;

    color: #999;

    line-height: 2;

    padding: .1rem 0;

    border-top: 1px solid #e7e9ef

}



.md-brochure-1 .list .foot,

.md-brochure-1 .list .foot-item {

    display: flex;

    align-items: center

}



.md-brochure-1 .list .foot-item:hover {

    color: #0b6cbd

}



.md-brochure-1 .list .foot img {

    margin-right: .08rem;

    width: .17rem;

    min-width: 14px

}



.md-brochure-1 .md-pagination {

    margin-top: .3rem

}



@media (min-width:901px) {

    .md-brochure-1 .list .li {

        width: 23.625%;

        margin-right: 1.8125%

    }



    .md-brochure-1 .list .li:nth-of-type(4n) {

        margin-right: 0

    }

}



@media (max-width:900px) {

    .md-brochure-1 .list .li {

        width: 48%;

        margin-right: 4%

    }



    .md-brochure-1 .list .li:nth-of-type(2n) {

        margin-right: 0

    }



    .md-brochure-1 .list .foot-item {

        font-size: 10px

    }

}



.md-course-1 {

    padding-top: 1.13rem;

    padding-bottom: .79rem

}



.md-course-1 .list {

    margin-top: .43rem

}



.md-course-1 .list .li {

    position: relative

}



.md-course-1 .list .li:hover .pic .img {

    transform: scale(1.1)

}



.md-course-1 .list .li:hover:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-shadow: 2px 2px 7px 0 rgba(0, 102, 239, .32);

    border: 1px solid #0b6cbd;

    box-sizing: border-box

}



.md-course-1 .list .pic {

    overflow: hidden;

    position: relative;

    background: hsla(0, 0%, 80%, .2)

}



.md-course-1 .list .pic .img {

    padding-top: 56.34921%;

    transition: all .2s

}



.md-course-1 .list .pic .labels {

    position: absolute;

    left: 0;

    top: 0;

    display: flex

}



.md-course-1 .list .pic .label {

    line-height: 2;

    color: #fff;

    background: rgba(0, 0, 0, .5);

    padding: 0 .1rem

}



.md-course-1 .list .pic .label-2 {

    background: #0b6cbd

}



.md-course-1 .list .pic .play {

    width: .4rem;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)

}



.md-course-1 .list .video {

    cursor: pointer

}



.md-course-1 .list .swiper-container {

    padding-bottom: .42rem

}



.md-course-1 .list .swiper-pagination {

    bottom: 0

}



.md-course-1 .list .text {

    background: #fff;

    border: 1px solid #e7e9ef;

    border-top: none;

    padding: .22rem .22rem 0

}



.md-course-1 .list .text .row {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.md-course-1 .list .text .teacher {

    color: #999

}



.md-course-1 .list .text .caddr {

    background: #005293;

    color: #fff;

    line-height: 2;

    min-width: .5rem;

    text-align: center;

    padding: 0 .1rem

}



.md-course-1 .list .text .tit {

    line-height: 1.5;

    margin-top: .05rem

}



.md-course-1 .list .text .price {

    margin-top: .5rem;

    border-top: 1px solid #e7e9ef;

    color: #e94545;

    line-height: 2.72222

}



.md-course-1--2 {

    background: #d8e4ec

}



.md-course-1--2 .list .li {

    display: flex

}



.md-course-1--2 .list .pic {

    width: 48.0305%

}



.md-course-1--2 .list .pic .img {

    height: 100%

}



.md-course-1--2 .list .text {

    flex: 1;

    border: 1px solid #e7e9ef;

    border-left: none;

    padding: .26rem .3rem 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    overflow: hidden

}



.md-course-1--2 .list .text .desc {

    margin-top: .2rem

}



.md-course-1--2 .list .text .price {

    margin-top: .3rem

}



.md-course-2 {

    padding-top: 1.13rem;

    padding-bottom: .79rem

}



.md-course-2 .list {

    margin-top: .43rem

}



.md-course-2 .list .li {

    position: relative;

    padding: .38rem .2rem 0;

    background: #fff;

    border: 1px solid #e7e9ef

}



.md-course-2 .list .li:hover {

    box-shadow: 2px 2px 7px 0 rgba(0, 102, 239, .32);

    border: 1px solid #0b6cbd;

    background: transparent

}



.md-course-2 .list .li:hover .pic .img {

    transform: scale(1.1)

}



.md-course-2 .list .pic {

    overflow: hidden;

    position: relative

}



.md-course-2 .list .pic .img {

    padding-top: 117.71654%;

    transition: all .2s;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover

}



.md-course-2 .list .pic .caddr {

    background: #005293;

    color: #fff;

    line-height: 2;

    min-width: .5rem;

    text-align: center;

    padding: 0 .1rem;

    position: absolute;

    right: 0;

    bottom: 0

}



.md-course-2 .list .labels {

    position: absolute;

    left: 0;

    top: 0;

    display: flex

}



.md-course-2 .list .label {

    line-height: 2;

    color: #fff;

    background: rgba(0, 0, 0, .5);

    padding: 0 .1rem

}



.md-course-2 .list .label-2 {

    background: #0b6cbd

}



.md-course-2 .list .swiper-container {

    padding-bottom: .42rem

}



.md-course-2 .list .swiper-pagination {

    bottom: 0

}



.md-course-2 .list .text {

    padding: .3rem 0 0

}



.md-course-2 .list .text .tit {

    line-height: 1.5

}



.md-course-2 .list .text .desc {

    line-height: 1.42857;

    color: #999;

    margin-top: .11rem

}



.md-course-2 .list .text .price {

    margin-top: .35rem;

    border-top: 1px solid #e7e9ef;

    color: #e94545;

    line-height: 2.72222

}



@media (max-width:1200px) {

    .md-course-2 .list .li {

        padding-top: 30px

    }

}



.page-instrument .md-bg,

.page-instrument .template-development .md-info__item:nth-of-type(2n),

.template-development .page-instrument .md-info__item:nth-of-type(2n) {

    padding-bottom: 1.2rem

}



.page-material .md-bg,

.page-material .template-development .md-info__item:nth-of-type(2n),

.template-development .page-material .md-info__item:nth-of-type(2n) {

    padding-bottom: 1rem

}



.md-instrument-1 {

    padding-top: 1.08rem

}



.md-instrument-1 .layout {

    padding-bottom: .54rem;

    border-bottom: 1px solid rgba(51, 51, 51, .5)

}



.md-instrument-1 .c-title .desc {

    color: #666;

    line-height: 1.5;

    margin-top: .29rem

}



@media (max-width:900px) {

    .md-instrument-1 {

        padding-bottom: 0

    }

}



.template-instrument {

    margin-top: 1rem

}



.template-instrument .md-instrument-2:nth-of-type(2n) .pic {

    order: 2

}



.template-instrument .md-instrument-2:nth-of-type(2n) .text {

    order: 1;

    padding: .94rem 1.6rem 1rem 0

}



.template-instrument .md-instrument-2:nth-of-type(2n) .swiper-pagination {

    left: auto;

    right: 11.1rem;

    text-align: right

}



@media (max-width:900px) {

    .template-instrument .md-instrument-2:nth-of-type(2n) .list .text {

        padding-left: 5%;

        padding-right: 5%

    }

}



@media (max-width:700px) {

    .template-instrument .md-instrument-2:nth-of-type(2n) {

        margin-top: 0

    }



    .template-instrument .md-instrument-2:nth-of-type(2n) .list .cnt {

        flex-wrap: wrap

    }



    .template-instrument .md-instrument-2:nth-of-type(2n) .list .pic {

        width: 100%;

        order: 2

    }



    .template-instrument .md-instrument-2:nth-of-type(2n) .list .text {

        padding-left: 0;

        padding-right: 0;

        padding-bottom: .5rem;

        order: 1

    }



    .template-instrument .md-instrument-2:nth-of-type(2n) .list .swiper-pagination {

        left: 0;

        text-align: center

    }

}



.template-subject {

    margin-top: 0

}



.md-instrument-2 .list .cnt {

    display: flex;

    position: relative

}



.md-instrument-2 .list .pic {

    width: 50%;

    overflow: hidden;

    background: hsla(0, 0%, 80%, .2)

}



.md-instrument-2 .list .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-instrument-2 .list .pic:hover .img {

    transform: scale(1.1)

}



.md-instrument-2 .list .text {

    flex: 1;

    padding: .94rem 0 1rem 1.6rem

}



.md-instrument-2 .list .c-title .title_sub {

    margin-top: .26rem

}



.md-instrument-2 .list .c-title .line {

    margin-top: .35rem

}



.md-instrument-2 .list .desc {

    color: #666;

    line-height: 1.75;

    margin-top: .38rem

}



.md-instrument-2 .list .swiper-pagination {

    left: 11.1rem;

    bottom: .42rem;

    text-align: left

}



@media (max-width:900px) {

    .md-instrument-2 .list .text {

        padding-left: 5%;

        padding-right: 5%

    }

}



@media (max-width:700px) {

    .md-instrument-2 {

        margin-top: 0

    }



    .md-instrument-2 .list .cnt {

        flex-wrap: wrap

    }



    .md-instrument-2 .list .pic {

        width: 100%;

        order: 2

    }



    .md-instrument-2 .list .text {

        padding-left: 0;

        padding-right: 0;

        padding-bottom: .5rem;

        order: 1

    }



    .md-instrument-2 .list .swiper-pagination {

        left: 0;

        text-align: center

    }

}



.md-instrument-3 {

    margin-top: 1.2rem

}



.md-instrument-3 .list {

    display: flex

}



.md-instrument-3 .list .pic {

    width: 50%;

    overflow: hidden

}



.md-instrument-3 .list .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-instrument-3 .list .pic:hover .img {

    transform: scale(1.1)

}



.md-instrument-3 .list .text {

    flex: 1;

    padding: 1.17rem 1.6rem 1rem

}



.md-instrument-3 .list .c-title .title_sub {

    margin-top: .26rem

}



.md-instrument-3 .list .c-title .line {

    margin-top: .35rem

}



.md-instrument-3 .list .desc {

    color: #666;

    line-height: 1.75;

    margin-top: .38rem

}



@media (max-width:900px) {

    .md-instrument-3 .list .text {

        padding-left: 5%;

        padding-right: 5%

    }

}



@media (max-width:700px) {

    .md-instrument-3 {

        margin-top: 0

    }



    .md-instrument-3 .list {

        display: block

    }



    .md-instrument-3 .list .pic {

        width: 100%

    }



    .md-instrument-3 .list .text {

        padding: 1rem 5%

    }

}



.md-instrument-4 .list .cnt {

    display: flex;

    position: relative

}



.md-instrument-4 .list .pic {

    width: 50%;

    overflow: hidden

}



.md-instrument-4 .list .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-instrument-4 .list .pic:hover .img {

    transform: scale(1.1)

}



.md-instrument-4 .list .text {

    flex: 1;

    padding: 1.17rem 1.6rem 1rem

}



.md-instrument-4 .list .c-title .title_sub {

    margin-top: .26rem

}



.md-instrument-4 .list .c-title .line {

    margin-top: .35rem

}



.md-instrument-4 .list .desc {

    color: #666;

    line-height: 1.75;

    margin-top: .38rem

}



.md-instrument-4 .list .swiper-pagination {

    left: 11.1rem;

    bottom: .42rem;

    text-align: left

}



@media (max-width:900px) {

    .md-instrument-4 .list .text {

        padding-left: 5%;

        padding-right: 5%

    }

}



@media (max-width:700px) {

    .md-instrument-4 .list .cnt {

        flex-wrap: wrap

    }



    .md-instrument-4 .list .pic {

        width: 100%;

        order: 2

    }



    .md-instrument-4 .list .text {

        padding: 1rem 5%;

        order: 1

    }



    .md-instrument-4 .list .swiper-pagination {

        left: 0;

        text-align: center

    }

}



.md-instrument-5 {

    margin-top: 1.2rem

}



.md-instrument-5 .list {

    display: flex

}



.md-instrument-5 .list .pic {

    width: 50%;

    overflow: hidden

}



.md-instrument-5 .list .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-instrument-5 .list .pic:hover .img {

    transform: scale(1.1)

}



.md-instrument-5 .list .text {

    flex: 1;

    padding: 1.17rem 1.6rem 1rem 0

}



.md-instrument-5 .list .c-title .title_sub {

    margin-top: .26rem

}



.md-instrument-5 .list .c-title .line {

    margin-top: .35rem

}



.md-instrument-5 .list .desc {

    color: #666;

    line-height: 1.75;

    margin-top: .38rem

}



@media (max-width:900px) {

    .md-instrument-5 .list .text {

        padding-left: 5%;

        padding-right: 5%

    }

}



@media (max-width:700px) {

    .md-instrument-5 {

        margin-top: 0

    }



    .md-instrument-5 .list {

        display: block

    }



    .md-instrument-5 .list .pic {

        width: 100%

    }



    .md-instrument-5 .list .text {

        padding: 1rem 0

    }

}



.template-development .md-info__item {

    padding-bottom: .73rem

}



.template-development .md-info__item:nth-of-type(odd) {

    background: #fff

}



.template-development .md-info__item:nth-of-type(odd) .md-info-2 .text {

    background: #f0f6fa

}



.template-construction .md-laboratory-1:nth-of-type(2n) .pic {

    order: 2

}



.template-construction .md-laboratory-1:nth-of-type(2n) .text {

    order: 1;

    background: transparent;

    border: none;

    padding-left: 0;

    margin-left: 0

}



.template-construction .md-laboratory-1:nth-of-type(2n) .swiper-pagination {

    right: 10.3rem;

    bottom: .3rem;

    width: auto;

    text-align: right

}



@media (max-width:900px) {

    .template-construction .md-laboratory-1:nth-of-type(2n) .swiper-pagination {

        left: 0;

        right: 0;

        text-align: center

    }

}



.template-construction .md-laboratory-1:nth-of-type(odd) .swiper-pagination {

    left: 10.3rem;

    bottom: .3rem;

    width: auto;

    text-align: left

}



@media (max-width:900px) {

    .template-construction .md-laboratory-1:nth-of-type(odd) .swiper-pagination {

        left: 0;

        right: 0;

        text-align: center

    }

}



.md-info-1 {

    padding-top: 1.08rem;

    margin-bottom: 1rem

}



.md-info-1 .c-title .desc {

    color: #666;

    line-height: 1.5;

    margin-top: .29rem

}



.md-info-2 {

    padding-top: 1.2rem;

    padding-bottom: .3rem

}



.md-info-2 .layout {

    display: flex

}



.md-info-2 .pic {

    overflow: hidden;

    width: 50%;

    margin-bottom: .4rem;

    position: relative;

    z-index: 2;

    background-color: hsla(0, 0%, 80%, .2)

}



.md-info-2 .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-info-2 .pic:hover .img {

    transform: scale(1.1)

}



.md-info-2 .text {

    flex: 1;

    background: #fff;

    padding: .91rem .75rem 1rem 1rem;

    margin-top: .4rem;

    margin-left: -.16rem;

    border: 1px solid #ddd

}



.md-info-2 .text .desc {

    line-height: 1.75;

    margin-top: .45rem

}



.md-info-2 .text .title {

    margin-top: 0

}



.md-info-2 .text .title_sub {

    margin-top: .26rem

}



.md-info-2 .text .line {

    margin-top: .38rem

}



.md-info-2 .swiper-pagination {

    left: 10.3rem;

    bottom: .5rem;

    text-align: left;

    width: auto

}



@media (max-width:900px) {

    .md-info-2 .layout {

        flex-wrap: wrap

    }



    .md-info-2 .pic {

        order: 2;

        width: 100%;

        margin: 0

    }



    .md-info-2 .text {

        order: 1;

        margin: 0;

        padding: 1rem 7%

    }

}



.md-info-3 {

    padding-top: .3rem

}



.md-info-3 .title {

    line-height: 1.5

}



.md-info-3 .swiper-container {

    padding-top: .35rem;

    padding-bottom: .43rem

}



.md-info-3 .swiper-slide {

    display: flex;

    border: 1px solid #ddd;

    min-height: 2.5rem;

    height: auto;

    background: #fff

}



.md-info-3 .swiper-slide .num {

    width: 1rem;

    text-align: center;

    margin-top: .31rem

}



.md-info-3 .swiper-slide .num:after {

    content: "";

    display: block;

    width: 2px;

    height: .7rem;

    background: #ccc;

    margin: .2rem auto 0

}



.md-info-3 .swiper-slide .text {

    flex: 1;

    padding: .38rem .56rem .4rem .16rem

}



.md-info-3 .swiper-slide .text .tit {

    line-height: 2

}



.md-info-3 .swiper-slide .text .desc {

    color: #666;

    line-height: 1.625;

    margin-top: .18rem;

    word-break: break-all

}



.md-info-3 .swiper-slide:hover {

    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .11);

    border: 2px solid #0b6cbd

}



.md-info-3 .swiper-pagination {

    bottom: 0

}



.md-laboratory-1 {

    margin-top: 1rem;

    padding-bottom: .3rem

}



.md-laboratory-1 .layout {

    display: flex

}



.md-laboratory-1 .pic {

    overflow: hidden;

    width: 50%;

    margin-bottom: .4rem;

    position: relative;

    z-index: 2;

    background: hsla(0, 0%, 80%, .2)

}



.md-laboratory-1 .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-laboratory-1 .pic:hover .img {

    transform: scale(1.1)

}



.md-laboratory-1 .text {

    flex: 1;

    background: #fff;

    padding: .97rem .75rem 1rem 1rem;

    margin-top: .4rem;

    margin-left: -.16rem;

    border: 1px solid #ddd

}



.md-laboratory-1 .text .desc {

    line-height: 1.75;

    margin-top: .45rem

}



.md-laboratory-1 .text .line {

    margin-top: .35rem

}



.md-laboratory-1 .text .desc {

    color: #666;

    line-height: 2;

    margin-top: .18rem;

    white-space: pre-wrap

}



@media (max-width:900px) {

    .md-laboratory-1 .layout {

        flex-wrap: wrap

    }



    .md-laboratory-1 .pic {

        order: 2;

        width: 100%;

        margin: 0

    }



    .md-laboratory-1 .text {

        order: 1;

        margin: 0;

        padding: 1rem 7%

    }

}



.md-laboratory-2 {

    padding-top: .86rem;

    padding-bottom: .5rem

}



.md-laboratory-2 .list {

    margin-top: .54rem

}



.md-laboratory-2 .list .swiper-container {

    padding-bottom: .53rem

}



.md-laboratory-2 .list .swiper-pagination {

    bottom: 0

}



.md-laboratory-2 .list .li:hover .img {

    transform: scale(1.1)

}



.md-laboratory-2 .list .li:hover .more,

.md-laboratory-2 .list .li:hover .tit {

    color: #0b6cbd

}



.md-laboratory-2 .list a {

    cursor: default

}



.md-laboratory-2 .list .pic {

    overflow: hidden;

    background-color: hsla(0, 0%, 80%, .2)

}



.md-laboratory-2 .list .pic .img {

    padding-top: 100%;

    transition: all .2s

}



.md-laboratory-2 .list .text {

    display: flex;

    padding: .35rem 0;

    color: #333

}



.md-laboratory-2 .list .text .lf {

    flex: 1

}



.md-laboratory-2 .list .text .tit {

    margin-top: -.02rem;

    transition: all .2s

}



.md-laboratory-2 .list .text .more {

    display: inline-block;

    border-bottom: 1px solid;

    line-height: 2.35714;

    margin-top: .21rem;

    transition: all .2s

}



.md-laboratory-2 .list .num {

    color: rgba(0, 0, 0, .2);

    border-left: 2px solid rgba(0, 0, 0, .05);

    padding-left: .31rem;

    margin-right: -.03rem

}



@media (max-width:500px) {

    .md-laboratory-2 .list .more {

        font-size: 12px;

        line-height: 2

    }

}



.md-laboratory-3 {

    margin-top: .47rem;

    padding-bottom: 1.2rem

}



.md-laboratory-3 .list {

    display: flex

}



.md-laboratory-3 .list .pic {

    width: 50%;

    overflow: hidden

}



.md-laboratory-3 .list .pic .img {

    padding-top: 66.75%;

    transition: all .2s;

    height: 100%

}



.md-laboratory-3 .list .pic:hover .img {

    transform: scale(1.1)

}



.md-laboratory-3 .list .text {

    flex: 1;

    padding: 1.17rem 1.6rem .5rem 0

}



.md-laboratory-3 .list .c-title .title_sub {

    margin-top: .26rem

}



.md-laboratory-3 .list .c-title .line {

    margin-top: .35rem

}



.md-laboratory-3 .list .desc {

    color: #666;

    line-height: 2.5;

    margin-top: .38rem

}



@media (max-width:900px) {

    .md-laboratory-3 .list .text {

        padding-left: 5%;

        padding-right: 5%

    }

}



@media (max-width:700px) {

    .md-laboratory-3 {

        margin-top: 0

    }



    .md-laboratory-3 .list {

        display: block

    }



    .md-laboratory-3 .list .pic {

        width: 100%

    }



    .md-laboratory-3 .list .text {

        padding: 1rem 0

    }

}



.md-material-1 {

    padding-top: .93rem

}



.md-material-1 .list {

    margin-top: .37rem

}



.md-material-1 .list .li:hover .pic {

    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .11);

    border: 2px solid #0b6cbd

}



.md-material-1 .list .pic {

    border: 1px solid #ddd

}



.md-material-2 {

    margin-top: .3rem;

    padding-bottom: 1.2rem

}



.md-material-2 .c-title:before {

    display: none

}



.md-material-3 {

    background: #f5f8fb;

    margin-top: 1.22rem;

    padding-bottom: .96rem

}



.md-material-3 .list .pic {

    border: 1px solid #ddd

}



.md-material-3 .list .text {

    padding-bottom: .26rem

}



.md-material-3 .list .swiper-container {

    padding-bottom: 0

}



.md-research-1 {

    display: flex;

    margin-top: 1.47rem

}



.md-research-1 .pic {

    width: 50%;

    overflow: hidden;

    margin-bottom: .6rem;

    background: hsla(0, 0%, 80%, .2)

}



.md-research-1 .pic .img {

    padding-top: 66.66667%;

    min-height: 100%;

    transition: all .2s

}



.md-research-1 .pic:hover .img {

    transform: scale(1.1)

}



.md-research-1 .text {

    flex: 1;

    margin-right: -1.6rem

}



.md-research-1 .text .c-title {

    margin-left: 1.6rem;

    margin-right: 3.5rem

}



.md-research-1 .text .c-title .title {

    line-height: 1.20455

}



.md-research-1 .text .row {

    background: url(/template/images/bg7.jpg) no-repeat 50%/cover;

    padding: .95rem 3.2rem .82rem 1.6rem;

    margin-top: .52rem;

    min-height: 5.24rem

}



.md-research-1 .text .more {

    text-align: center;

    display: inline-block;

    margin-top: 1.27rem;

    cursor: pointer

}



.md-research-1 .text .more img {

    margin-top: .15rem

}



.md-research-1 .content {

    line-height: 1.75;

    color: #666

}



@media (max-width:900px) {

    .md-research-1 .text .c-title {

        margin-left: 10%;

        margin-right: 18%

    }



    .md-research-1 .text .row {

        padding-left: 10%;

        padding-right: 18%

    }

}



@media (max-width:700px) {

    .md-research-1 {

        display: block

    }



    .md-research-1 .pic {

        width: 100%;

        margin: 0

    }



    .md-research-1 .text {

        margin: 0

    }



    .md-research-1 .text .c-title {

        margin: 1rem 5%

    }



    .md-research-1 .text .row {

        padding: 1rem 5%

    }

}



.md-research-2 {

    padding-bottom: .2rem;

    padding-top: 1.13rem

}



.md-research-2 .list {

    margin-top: .53rem

}



.md-research-2 .list .li {

    display: flex

}



.md-research-2 .list .li:hover .img {

    transform: scale(1.1)

}



.md-research-2 .list .li:hover .more,

.md-research-2 .list .li:hover .tit {

    color: #0b6cbd

}



.md-research-2 .list .pic {

    overflow: hidden;

    width: 41.55844%

}



.md-research-2 .list .pic .img {

    padding-top: 100%;

    transition: all .2s;

    height: 100%

}



.md-research-2 .list .text {

    flex: 1;

    background: #edf5f7;

    margin-top: .2rem;

    padding: .34rem .72rem .1rem;

    color: #333;

    position: relative;

    border: 1px solid #ddd

}



.md-research-2 .list .num {

    color: #ddd;

    position: relative

}



.md-research-2 .list .num:before {

    content: "";

    width: .79rem;

    height: 2px;

    background-color: #ddd;

    opacity: .5;

    position: absolute;

    left: -.3rem;

    top: 50%;

    transform: translateX(-100%)

}



.md-research-2 .list .tit {

    margin-top: .17rem;

    line-height: 1.19231

}



.md-research-2 .list .desc {

    line-height: 1.75;

    height: 7em;

    margin-top: .25rem

}



.md-research-2 .list .swiper-container {

    padding-bottom: .96rem

}



.md-research-2 .list .swiper-pagination {

    bottom: 0

}



@media (max-width:900px) {

    .md-research-2 .list {

        display: block

    }

}



@media (max-width:500px) {

    .md-research-2 .list .text {

        padding: .3rem

    }



    .md-research-2 .list .more {

        left: .3rem;

        bottom: .3rem;

        line-height: 2;

        font-size: 12px

    }

}



.md-research-3 {

    margin-top: .25rem;

    padding-bottom: 1.2rem

}



.md-research-3 .layout,

.md-research-3 .lf {

    display: flex;

    justify-content: space-between

}



.md-research-3 .lf {

    width: 48.125%;

    flex-direction: column

}



.md-research-3 .rg {

    width: 47.9375%;

    border: 1px solid #ccc;

    height: 6rem

}



.md-research-3 .rg #map {

    height: 100%

}



.md-research-3 .list {

    border-bottom: 1px solid hsla(0, 0%, 40%, .5)

}



.md-research-3 .list .li {

    display: flex;

    align-items: center;

    min-height: 1.35rem;

    padding: .2rem 0;

    border-top: 1px solid hsla(0, 0%, 40%, .5)

}



.md-research-3 .list .li.on .text .tit {

    color: #0b6cbd

}



.md-research-3 .list .li.on .icon2 .img1 {

    display: none

}



.md-research-3 .list .li.on .icon2 .img2 {

    display: block

}



.md-research-3 .list .icon {

    width: .65rem;

    text-align: center;

    position: relative;

    margin-right: .7rem

}



.md-research-3 .list .icon img {

    width: .25rem;

    min-width: 18px

}



.md-research-3 .list .icon:after {

    content: "";

    position: absolute;

    right: -.36rem;

    top: 50%;

    width: .29rem;

    height: 1px;

    background-color: #000;

    opacity: .1

}



.md-research-3 .list .text {

    flex: 1;

    line-height: 1.5;

    color: #666

}



.md-research-3 .list .text .tit {

    font-weight: 700

}



.md-research-3 .list .text .desc {

    margin-top: .04em

}



.md-research-3 .list .icon2 {

    min-width: .7rem;

    text-align: center

}



.md-research-3 .list .icon2 img {

    width: .26rem;

    min-width: 18px;

    margin: auto

}



.md-research-3 .list .icon2 .img1 {

    display: block

}



.md-research-3 .list .icon2 .img2 {

    display: none

}



@media (max-width:900px) {

    .md-research-3 {

        margin-top: 1rem

    }



    .md-research-3 .layout {

        display: block

    }



    .md-research-3 .lf {

        width: 100%;

        display: block

    }



    .md-research-3 .rg {

        width: 100%;

        margin-top: .5rem

    }



    .md-research-3 .list {

        margin-top: .5rem

    }

}



@-webkit-keyframes boderM {

    0% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0

    }



    20% {

        opacity: 1

    }



    75% {

        transform: translate(-50%, -50%) scale(2.4);

        opacity: 0

    }



    to {

        opacity: 0

    }

}



@keyframes boderM {

    0% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0

    }



    20% {

        opacity: 1

    }



    75% {

        transform: translate(-50%, -50%) scale(2.4);

        opacity: 0

    }



    to {

        opacity: 0

    }

}



.md-ban-video {

    position: relative

}



.md-ban-video .bg {

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1

}



.md-ban-video .bg,

.md-ban-video video {

    width: 100%;

    vertical-align: top

}



.md-ban-video .area {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.md-ban-video .area__item {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2

}



.md-ban-video .area__item:hover .area__name {

    pointer-events: all

}



.md-ban-video .area__item:hover .area__name-cnt:before {

    width: 100%;

    transition: all .4s

}



.md-ban-video .area__item:hover .area__name-cnt span {

    opacity: 1;

    transition: all .4s .4s

}



.md-ban-video .area__dot {

    width: .18rem;

    height: .18rem;

    border-radius: 50%;

    border: .07rem solid #f19149;

    background: #fff;

    position: relative

}



.md-ban-video .area__dot:before {

    -webkit-animation: boderM 3s .75s infinite;

    animation: boderM 3s .75s infinite

}



.md-ban-video .area__dot:after,

.md-ban-video .area__dot:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: -1;

    transform: translate(-50%, -50%);

    width: .25rem;

    height: .25rem;

    border-radius: 50%;

    background: rgba(241, 145, 73, .1)

}



.md-ban-video .area__dot:after {

    -webkit-animation: boderM 3s infinite;

    animation: boderM 3s infinite

}



.md-ban-video .area__name {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

    padding-right: .46rem

}



.md-ban-video .area__name-cnt {

    position: relative;

    white-space: nowrap;

    padding: 0 .25rem;

    height: .51rem;

    line-height: .51rem;

    color: #fff

}



.md-ban-video .area__name-cnt:before {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    border-radius: .51rem;

    background-color: #f39800;

    width: 0

}



.md-ban-video .area__name span {

    opacity: 0

}



.md-search-1 {

    padding: .2rem 0;

    line-height: 1.5

}



.md-search-1 .layout {

    display: flex;

    flex-wrap: wrap

}



.md-search-1 .t1 {

    color: #666

}



.md-search-1 .result {

    color: #333;

    display: flex;

    flex-wrap: wrap

}



.md-search-1 .result .item {

    margin-right: .2rem

}



.md-search-1 .result .item:last-of-type {

    margin-right: 0

}



.md-search-1 .result .num {

    color: #0b6cbd;

    margin: 0 .05rem

}



.md-search-2 {

    padding: 0 0 .5rem

}



.md-search-2 .md-pagination {

    margin-top: .5rem

}



.md-search-2 .li {

    display: flex;

    align-items: center;

    background: #f8f9fa;

    background: #fff;

    margin-bottom: .13rem;

    height: 1.42rem

}



.md-search-2 .li:hover .tit {

    color: #0b6cbd

}



.md-search-2 .time {

    padding: 0 .5rem;

    text-align: center;

    position: relative

}



.md-search-2 .time .t1 {

    color: rgba(51, 51, 51, .3);

    letter-spacing: .06rem;

    line-height: 1

}



.md-search-2 .time .t2 {

    color: #333

}



.md-search-2 .time:after {

    content: "";

    position: absolute;

    right: 0;

    top: .09rem;

    width: 1px;

    height: .7rem;

    background: #eee

}



.md-search-2 .rg {

    flex: 1;

    overflow: hidden;

    color: #333;

    padding-left: .37rem;

    padding-right: .55rem

}



.md-search-2 .rg .row {

    display: flex;

    align-items: center

}



.md-search-2 .tit {

    transition: all .2s

}



.md-search-2 .tit .key {

    color: red

}



.md-search-2 .desc {

    margin-top: .18rem

}



.md-search-2 .kind {

    background: #0b6cbd;

    background: #005293;

    color: #fff;

    padding: .03rem .04rem;

    margin-left: .1rem;

    white-space: nowrap

}



@media (max-width:500px) {

    .md-search-2 .li {

        height: auto;

        padding: .2rem 0

    }



    .md-search-2 .time {

        padding: 0 .3rem

    }



    .md-search-2 .rg {

        padding: 0 .1rem 0 .2rem

    }



    .md-search-2 .rg .row {

        flex-direction: column-reverse;

        align-items: flex-start

    }



    .md-search-2 .tit {

        width: 100%;

        margin-top: .2rem

    }



    .md-search-2 .kind {

        margin-left: 0

    }

}



.article {

    padding: 1rem 0

}



.article__title {

    text-align: center;

    font-weight: 700;

    border-bottom: 1px solid #ccc;

    padding-bottom: .5rem

}



.article__content {

    color: #666;

    line-height: 1.5;

    margin-top: .5rem;

    min-height: 4rem

}



.page-article .md-news-detail__cnt {

    padding-top: .5rem

}



.social-share .icon-wechat .wechat-qrcode {

    z-index: 11 !important

}



@font-face {

    font-family: socialshare;

    src: url(/_nuxt/fonts/iconfont.8fbe540.eot);

    src: url(fonts/iconfont.8fbe540.eot) format("embedded-opentype"), url(fonts/iconfont.ef7d274.woff) format("woff"), url(fonts/iconfont.9d1dd06.ttf) format("truetype"), url(fonts/iconfont.d93eb58.svg#iconfont) format("svg")

}



.social-share {

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: .2px;

    -moz-osx-font-smoothing: grayscale

}



.social-share,

.social-share * {

    font-family: socialshare !important

}



.social-share .icon-tencent:before {

    content: "\f07a"

}



.social-share .icon-qq:before {

    content: "\f11a"

}



.social-share .icon-weibo:before {

    content: "\f12a"

}



.social-share .icon-wechat:before {

    content: "\f09a"

}



.social-share .icon-douban:before {

    content: "\f10a"

}



.social-share .icon-heart:before {

    content: "\f20a"

}



.social-share .icon-like:before {

    content: "\f00a"

}



.social-share .icon-qzone:before {

    content: "\f08a"

}



.social-share .icon-linkedin:before {

    content: "\f01a"

}



.social-share .icon-diandian:before {

    content: "\f05a"

}



.social-share .icon-facebook:before {

    content: "\f03a"

}



.social-share .icon-google:before {

    content: "\f04a"

}



.social-share .icon-twitter:before {

    content: "\f06a"

}



.social-share a {

    position: relative;

    text-decoration: none;

    margin: 4px;

    display: inline-block;

    outline: none

}



.social-share .social-share-icon {

    position: relative;

    display: inline-block;

    width: 32px;

    height: 32px;

    font-size: 20px;

    border-radius: 50%;

    line-height: 32px;

    border: 1px solid #666;

    color: #666;

    text-align: center;

    vertical-align: middle;

    transition: background .6s ease-out 0s

}



.social-share .social-share-icon:hover {

    background: #666;

    color: #fff

}



.social-share .icon-weibo {

    color: #ff763b;

    border-color: #ff763b

}



.social-share .icon-weibo:hover {

    background: #ff763b

}



.social-share .icon-tencent {

    color: #56b6e7;

    border-color: #56b6e7

}



.social-share .icon-tencent:hover {

    background: #56b6e7

}



.social-share .icon-qq {

    color: #56b6e7;

    border-color: #56b6e7

}



.social-share .icon-qq:hover {

    background: #56b6e7

}



.social-share .icon-qzone {

    color: #fdbe3d;

    border-color: #fdbe3d

}



.social-share .icon-qzone:hover {

    background: #fdbe3d

}



.social-share .icon-douban {

    color: #33b045;

    border-color: #33b045

}



.social-share .icon-douban:hover {

    background: #33b045

}



.social-share .icon-linkedin {

    color: #0077b5;

    border-color: #0077b5

}



.social-share .icon-linkedin:hover {

    background: #0077b5

}



.social-share .icon-facebook {

    color: #44619d;

    border-color: #44619d

}



.social-share .icon-facebook:hover {

    background: #44619d

}



.social-share .icon-google {

    color: #db4437;

    border-color: #db4437

}



.social-share .icon-google:hover {

    background: #db4437

}



.social-share .icon-twitter {

    color: #55acee;

    border-color: #55acee

}



.social-share .icon-twitter:hover {

    background: #55acee

}



.social-share .icon-diandian {

    color: #307dca;

    border-color: #307dca

}



.social-share .icon-diandian:hover {

    background: #307dca

}



.social-share .icon-wechat {

    position: relative;

    color: #7bc549;

    border-color: #7bc549

}



.social-share .icon-wechat:hover {

    background: #7bc549

}



.social-share .icon-wechat .wechat-qrcode {

    display: none;

    border: 1px solid #eee;

    position: absolute;

    z-index: 9;

    top: -205px;

    left: -84px;

    width: 200px;

    height: 192px;

    color: #666;

    font-size: 12px;

    text-align: center;

    background-color: #fff;

    box-shadow: 0 2px 10px #aaa;

    transition: all .2s;

    -webkit-tansition: all .35s;

    -moz-transition: all .35s

}



.social-share .icon-wechat .wechat-qrcode.bottom {

    top: 40px;

    left: -84px

}



.social-share .icon-wechat .wechat-qrcode.bottom:after {

    display: none

}



.social-share .icon-wechat .wechat-qrcode h4 {

    font-weight: 400;

    height: 26px;

    line-height: 26px;

    font-size: 12px;

    background-color: #f3f3f3;

    margin: 0;

    padding: 0;

    color: #777

}



.social-share .icon-wechat .wechat-qrcode .qrcode {

    width: 105px;

    margin: 10px auto

}



.social-share .icon-wechat .wechat-qrcode .qrcode table {

    margin: 0 !important

}



.social-share .icon-wechat .wechat-qrcode .help p {

    font-weight: 400;

    line-height: 16px;

    padding: 0;

    margin: 0

}



.social-share .icon-wechat .wechat-qrcode:after {

    content: "";

    position: absolute;

    left: 50%;

    margin-left: -6px;

    bottom: -13px;

    width: 0;

    height: 0;

    border: 6px solid transparent;

    border-top: 8px solid #fff

}



.social-share .icon-wechat:hover .wechat-qrcode {

    display: block

}
.indent{
    text-indent: 2em;
}