article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: Microsoft Yahei,Helvetica Neue,Helvetica,Arial,PingFang SC,Heiti SC,sans-serif;
    color: #555
}

body,button,input,select,textarea {
    font-size: 14px;
    line-height: 1.5
}

button {
    border: 0
}

:-moz-ui-invalid:not(output) {
    box-shadow: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: inherit
}

fieldset,img {
    border: 0
}

img {
    vertical-align: middle
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

q:after,q:before {
    content: ""
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a {
    color: inherit
}

a,a:hover {
    text-decoration: none
}

.clearfix:after,.clf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0
}

.clearfix,.clf {
    zoom:1}

.clear {
    font-size: 0;
    line-height: 0;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

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

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5
}

button,input,textarea {
    outline: none;
    border: 0
}

textarea {
    resize: none
}

b,code,em,i,strong {
    font-style: normal
}

.container {
    width: 1200px
}

.jianjie-wrapper .jianjie {
    padding: 50px 0
}

.jianjie-wrapper .jianjie .about-video {
    height: 400px
}

.about-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px
}

.about-wrapper .title {
    font-size: 24px;
    margin-bottom: 20px
}

.about-wrapper .desc {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.about-wrapper .btn-wrapper a {
    display: block;
    width: 200px;
    height: 50px;
    padding: 15px;
    border: 1px solid #035cac;
    border-radius: 35px;
    text-align: center
}

.about-wrapper .btn-wrapper a i {
    vertical-align: middle;
    color: #333;
    float: right
}

.about-wrapper .num-style {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0
}

.about-wrapper .num-style li {
    width: 33.3333%;
    text-align: center
}

.about-wrapper .num-style li:first-child {
    text-align: left
}

.about-wrapper .num-style li .p2 {
    font-size: 14px;
    color: #666;
    margin-top: 12px
}

.about-wrapper .num-style li .p1 {
    font-size: 32px;
    color: #035cac;
    font-weight: 700
}

.video-js .vjs-big-play-button {
    top: 50%!important;
    left: 50%!important;
    width: 3em!important;
    height: 3em!important;
    background: #fff!important;
    color: #000;
    border-radius: 50%!important;
    line-height: 3em!important;
    margin-top: -.75em;
    margin-left: -1.5em;
    transform: translateY(-19%)
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial,Helvetica,sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.22222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: 0;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 36px
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    margin-left: 10px
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.66666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after,.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    font-family: Arial,Helvetica,sans-serif;
    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.33333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after,.video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after,.video-js .vjs-play-progress:before,.video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115,133,159,.75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after,.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    flex: none;
    display: flex;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: initial!important
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster,.vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    padding-left: 5px;
    padding-right: 5px
}

.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-no-flex .vjs-current-time,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-controls:after,.vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label,.vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-fullscreen-control {
    line-height: 36px!important;
    text-align: center
}

.about-wrapper {
    text-align: left
}

.column-container {
    margin-top: 50px
}

.column-wrapper {
    width: 100%;
    height: 190px;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.column-wrapper .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0
}

.column-wrapper .mask a {
    display: block;
    width: 100%;
    height: 100%
}

.column-wrapper .top-desc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.column-wrapper .top-desc,.column-wrapper .top-desc a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.column-wrapper .top-desc a {
    color: #fff;
    font-size: 18px
}

.column-wrapper .top-desc a i {
    font-size: 40px;
    margin-right: 20px
}

.develop-wrapper {
    padding-top: 50px;
    background: #fafafa
}

.development .content-wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.development .content-wrap .bg {
    width: 100%;
    height: 460px;
    text-align: center;
    overflow: hidden;
    padding-top: 140px;
    box-sizing: border-box;
    line-height: 200px
}

.development .content-wrap .bg span {
    display: inline-block;
    font-size: 340px;
    font-family: DINCond-Black,DINCond;
    font-weight: 900;
    color: #f1eff0
}

.development .content-wrap .even {
    width: 400px;
    padding: 16px 20px;
    box-sizing: border-box;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.08);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: #fff;
    display: none;
    transition: all .3s;
    border-radius: 4px
}

.development .content-wrap .even.active {
    display: block
}

.development .content-wrap .even:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #fff;
    box-shadow: 0 0 48px 0 rgba(0,0,0,.08);
    position: absolute;
    left: 180px;
    bottom: -19px
}

.development .content-wrap .even h6 {
    font-weight: 600;
    color: rgba(0,0,0,.85);
    font-size: 20px;
    margin-bottom: 6px
}

.development .content-wrap .even p {
    font-weight: 400;
    color: rgba(0,0,0,.85);
    margin-bottom: 6px
}

.development .content-wrap .slider-btns {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    transform: translateY(-50%);
    cursor: pointer
}

.development .years-line .line {
    width: 100%;
    height: 2px;
    background: #d8d8d8;
    border-radius: 2px;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
    padding: 0
}
.development .years-line{
    margin: 0;
    padding: 0;
    height: 120px;
    padding-top: 60px;
    overflow: hidden;
}
.development .years-line .line .dot {
    width: 200px;
    height: 16px;
    flex-shrink: 0;
    text-align: center;
    line-height: 16px;
    position: relative;
    top: -6px;
    background: #fafafa;
    cursor: pointer;
    background: url(../images/dot.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.development .years-line .line .dot.active {
    display: inline-block;
    background: url(../images/dot_active.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.development .years-line .years-number {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 15px 0 0;
    box-sizing: border-box
}

.development .years-line .years-number li {
    color: rgba(0,0,0,.45);
    font-size: 18px;
    position: relative;
    width: 200px;
    flex-shrink: 0;
}

.development .years-line .years-number li.active {
    font-weight: 600;
    color: rgba(0,0,0,.85);
    font-size: 24px;
    top: -54px;
    left: -7px
}

.slider-btns {
    width: 100%;
    text-align: center;
    margin-bottom: 89px;
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.slider-btns .left-btn,.slider-btns .right-btn {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: #ddd;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 56px
}

.slider-btns .left-btn:hover,.slider-btns .right-btn:hover {
    background: #035cac
}

.slider-btns .left-btn:before,.slider-btns .right-btn:before {
    content: "";
    font-size: 20px;
    color: #fff;
    width: 12px;
    height: 22px;
    display: inline-block;
    background: url(../images/right_arr.png);
    background-size: 12px 21px;
    position: relative;
    top: 5px
}

.slider-wrap-btn.left-btn:before {
    left: -1px
}

.slider-wrap-btn.right-btn:before {
    right: -1px
}

.slider-btns .left-btn:before {
    transform: rotateY(180deg)
}

.hornor-wrapper .hornor {
    text-align: left;
    padding: 50px 0
}

.hornor-wrapper .hornor .left-text {
    line-height: 35px
}

.subpage .partener-wrapper {
    background-color: #fff
}

.subpage .partener-wrapper .part-item img {
    border: 1px solid #f5f5f5
}

.mytab .nav-tabs>li.active>a,.mytab .nav-tabs>li.active>a:focus,.mytab .nav-tabs>li.active>a:hover {
    background-color: initial;
    border: none
}

.mytab .nav-tabs {
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    margin: 0 auto 48px
}

.mytab .nav-tabs li a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    color: rgba(0,0,0,.75);
    background-color: initial;
    border: none
}

.mytab .nav-tabs li a:hover {
    text-decoration: none;
    background-color: initial;
    border: none
}

.mytab .nav-tabs li a.active {
    font-weight: 700
}

.mytab .nav-tabs li.active a:after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 4px;
    background: #fb4747;
    border-radius: 3px;
    margin-top: 8px
}

.mytab .tab-content {
    width: 1200px;
    width: 100%
}

.mytab .nav-tabs {
    width: 278px;
    margin-bottom: 0;
    margin-top: 64px
}

.content-pics {
    padding-top: 48px
}

.content-pics .slider-wrap {
    position: relative;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto
}

.content-pics .ul-wrap {
    width: 5000px;
    position: relative;
    left: 0
}

.content-pics .carousel-inner ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    float: left;
    padding: 20px 0;
    margin-bottom: 0
}

.content-pics.award ul li>div {
    padding: 30px 26px;
    background: #f6f6f6;
    position: relative;
    text-align: center;
    margin-right: 32px;
    margin-bottom: 20px;
    transition: top .3s;
    height: 406px
}

.content-pics.award ul li:nth-child(4n)>div {
    margin-right: 0
}

.content-pics ul .descript {
    margin-top: 45px
}

.content-pics ul .descript,.content-pics ul .descript-2 {
    padding-top: 16px;
    border-top: 1px solid #d8d8d8;
    width: 224px;
    text-align: left
}

.content-pics ul .descript-2 {
    margin-top: 15px
}

.content-pics ul .descript h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px
}

.content-pics ul .descript h6,.content-pics ul .descript p {
    color: rgba(0,0,0,.85);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-pics ul .descript p {
    font-size: 14px;
    margin-bottom: 0
}

.content-pics.award ul li:hover>div {
    box-shadow: 0 16px 24px 0 rgba(0,0,0,.08);
    background: #fff;
    border-bottom: 3px solid #fb4747;
    top: -16px;
    z-index: 9
}

.content-pics ul li .preview-icon {
    width: 16px!important;
    height: 16px;
    position: absolute;
    top: 292px;
    right: 28px;
    cursor: pointer
}

.content-pics ul li:last-child {
    margin-right: 0
}

.content-pics ul li .img-wrap {
    width: 224px;
    height: 273px;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-pics ul li img {
    width: 100%
}

#patent .content-pics ul li img {
    width: 184px
}

#model-img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.modal-content {
    background: #fff;
    width: 405px;
    height: 540px;
    padding: 0;
    margin: auto
}

.modal-body,.modal-content {
    width: 405px;
    height: 540px;
    padding: 0;
    background: none;
    border: none
}

.modal.show .modal-dialog {
    display: flex;
    align-items: center;
    height: 80%
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.kmd-pagination {
    white-space: nowrap;
    color: #303133;
    width: 100%;
    overflow: hidden;
    clear: both;
    padding: 20px 0
}

.kmd-pagination .pagination_total {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 10px;
    font-weight: 400;
    color: #606266
}

.kmd-pagination .btn {
    padding: 4px 20px
}

.kmd-pagination .btn-prev {
    padding-right: 12px
}

.kmd-pagination .btn-next {
    padding-left: 12px
}

.kmd-pagination .btn-next,.kmd-pagination .btn-prev {
    border: none;
    cursor: pointer;
    margin: 0;
    color: #303133
}

.kmd-pagination .pager {
    -webkit-user-select: none;
    user-select: none;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0;
    margin: 0
}

.kmd-pagination .pager .more {
    color: #000
}

.kmd-pagination .pager .number {
    margin: 0 6px
}

.kmd-pagination .pager .number a {
    padding: 0 4px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 25px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    border: none;
    color: #333
}

.kmd-pagination .pager .active a,.kmd-pagination .pager .number:hover a {
    background: #0867ff;
    color: #fff;
    border-radius: 0
}

.kmd-pagination .pagination_jump {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box;
    margin-left: 5px;
    font-weight: 400;
    color: #606266;
    white-space: nowrap
}

.kmd-pagination .pagination_jump .pagination_editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
    vertical-align: middle
}

.kmd-pagination .pagination_jump .pagination_editor .btn,.kmd-pagination .pagination_jump .pagination_editor input {
    width: 50px;
    height: 27px;
    line-height: 27px;
    margin-top: -1px;
    padding: 3px 12px
}

.kmd-pagination .pagination_jump .v3_theme {
    width: 50px;
    padding: 2px 12px;
    margin-top: -3px;
    background: #0867ff;
    color: #fff;
    border-radius: 0
}

.culture-block {
    width: 1200px;
    margin: 50px auto
}

.culture-block .cul-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.culture-block .cul-row .cul-box {
    width: 595px;
    height: 340px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}

.culture-block .cul-row .cul-box .img-box,.culture-block .cul-row .cul-box .img-box img {
    width: 100%;
    height: 100%
}

.culture-block .cul-row .cul-box .mask {
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.culture-block .cul-row .cul-box .text-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 20%
}

.culture-block .cul-row .cul-box .text-wrapper .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff
}

.culture-block .cul-row .cul-box .text-wrapper .inner h3 {
    font-size: 24px
}

.culture-block .cul-row .cul-box .text-wrapper .inner span {
    margin-top: 10px
}

.culture-block .cul-row .cul-box .text-wrapper .inner .line {
    width: 50px;
    height: 2px;
    background-color: #ec060f
}

.culture-block .cul-row .cul-box:nth-child(2n) {
    margin-right: 0
}

.zhici-container-wrapper,.zuzhi-container-wrapper {
    padding: 50px 0
}

.zhici-container-wrapper .zhici-block,.zhici-container-wrapper .zuzhi-block,.zuzhi-container-wrapper .zhici-block,.zuzhi-container-wrapper .zuzhi-block {
    padding-top: 50px
}

.zhici-container-wrapper .zhici-block .person_info,.zuzhi-container-wrapper .zhici-block .person_info {
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.zhici-container-wrapper .zhici-block .person_main,.zuzhi-container-wrapper .zhici-block .person_main {
    position: relative;
    display: flex;
    justify-content: flex-start
}

.zhici-container-wrapper .zhici-block .person_img,.zuzhi-container-wrapper .zhici-block .person_img {
    box-sizing: border-box;
    padding-top: 10px;
    display: inline-block
}

.zhici-container-wrapper .zhici-block .person_introduce,.zuzhi-container-wrapper .zhici-block .person_introduce {
    display: inline-block;
    flex: 1;
    margin-left: 43px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 131px;
    position: relative;
    text-align: left;
    padding-right: 30px
}

.zhici-container-wrapper .zhici-block .person_introduce p,.zuzhi-container-wrapper .zhici-block .person_introduce p {
    font-style: normal;
    margin-top: 54px;
    color: #fff;
    font-size: 40px;
    line-height: 36px;
    height: 40px
}

.zhici-container-wrapper .zhici-block .person_introduce p span,.zuzhi-container-wrapper .zhici-block .person_introduce p span {
    color: #fff;
    opacity: .6;
    height: 17px;
    line-height: 17px;
    font-size: 16px;
    margin-left: 19px
}

.class-single_page {
    margin-left: -15px;
    margin-right: -15px
}

.class-single_page .thumbnail {
    text-align: left;
    padding: 0
}

.class-single_page .thumbnail a {
    display: block;
    overflow: hidden;
    position: relative
}

.class-single_page .thumbnail img {
    width: 100%;
    height: 215px
}

.class-single_page .thumbnail .caption {
    padding: 10px
}

.class-single_page .thumbnail .caption h3 {
    padding: 20px 0;
    font-size: 18px;
    color: #000
}

.class-single_page .thumbnail .caption h3 a {
    font-size: inherit;
    color: inherit
}

.class-single_page .thumbnail .caption p {
    color: #666;
    font-size: 14px;
    height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.class-single_page .p_TimeBox {
    z-index: 999999;
    display: inline-block;
    background: rgba(195,38,49,.9);
    padding: 15px 10px;
    left: 15px;
    top: 15px;
    position: absolute
}

.class-single_page .p_TimeBox .p_time {
    vertical-align: top;
    display: inline-table;
    margin: 0;
    padding: 0;
    color: #969696;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    overflow: visible
}

.class-single_page .p_TimeBox .font {
    vertical-align: middle;
    display: table-cell;
    line-height: 18px
}

.class-single_page .p_TimeBox .font h1 {
    color: #fff;
    text-align: center;
    font-family: Arial;
    font-size: 30px
}

.class-single_page .p_TimeBox .font h2 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: Arial
}

.left-text-wrapper {
    text-align: left;
    padding-top: 100px
}

.left-text-wrapper .left-item {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    display: none
}

.left-text-wrapper .left-item.active {
    display: block
}

.left-text-wrapper .left-item h2 {
    font-size: 26px;
    color: rgba(187,46,56,.84705882);
    margin-bottom: 20px
}

.left-text-wrapper .left-item .short-line {
    width: 120px;
    height: 2px;
    display: block;
    margin-bottom: 20px;
    background-color: rgba(187,46,56,.84705882)
}

.left-text-wrapper .left-item p {
    font-size: 16px;
    line-height: 40px
}

.left-text-wrapper .left-item a.link-style {
    display: block;
    margin-top: 30px;
    width: 200px;
    padding: 12px 30px;
    border-radius: 50px;
    background-color: rgba(187,46,56,.84705882);
    color: #fff;
    text-align: center
}

.full-row {
    *zoom:1}

.full-row:after,.full-row:before {
    display: table;
    clear: both;
    content: ""
}

.full-row>[class*=span] {
    float: left
}

.full-row>.span-1 {
    width: 8.33333333%;
    *width: 8.22333333%
}

.full-row>.span-2 {
    width: 16.66666667%;
    *width: 16.55666667%
}

.full-row>.span-3 {
    width: 25%;
    *width: 24.89%
}

.full-row>.span-4 {
    width: 33.3339%;
    *width: 33.22333333%
}

.full-row>.span-5 {
    width: 41.66666667%;
    *width: 41.55666667%
}

.full-row>.span-6 {
    width: 50%;
    *width: 49.89%
}

.full-row>.span-7 {
    width: 58.33333333%;
    *width: 58.22333333%
}

.full-row>.span-8 {
    width: 66.66666667%;
    *width: 66.55666667%
}

.full-row>.span-9 {
    width: 75%;
    *width: 74.89%
}

.full-row>.span-10 {
    width: 83.33333333%;
    *width: 83.22333333%
}

.full-row>.span-11 {
    width: 91.66666667%;
    *width: 91.55666667%
}

.full-row>.span-12 {
    width: 100%;
    *width: 99.89%
}

.full-row>.span-13 {
    width: 108.33333333%;
    *width: 108.22333333%
}

.full-row>.span-14 {
    width: 116.66666667%;
    *width: 116.55666667%
}

.full-row>.span-15 {
    width: 125%;
    *width: 124.89%
}

.full-row>.span-16 {
    width: 133.33333333%;
    *width: 133.22333333%
}

.full-row>.span-17 {
    width: 141.66666667%;
    *width: 141.55666667%
}

.full-row>.span-18 {
    width: 150%;
    *width: 149.89%
}

.full-row>.span-19 {
    width: 158.33333333%;
    *width: 158.22333333%
}

.full-row>.span-20 {
    width: 166.66666667%;
    *width: 166.55666667%
}

.full-row>.span-21 {
    width: 175%;
    *width: 174.89%
}

.full-row>.span-22 {
    width: 183.33333333%;
    *width: 183.22333333%
}

.full-row>.span-23 {
    width: 191.66666667%;
    *width: 191.55666667%
}

.full-row>.span-24 {
    width: 200%;
    *width: 199.89%
}

.part1_main .number {
    font-size: 90px;
    color: #dd081e;
    font-weight: bolder;
    line-height: 90px;
    display: block;
    margin-bottom: 10px;
    font-family: Impact
}

.part1_main .more {
    background-color: #f5f5f4
}

.part1_main .num_title {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 400
}

.jump-num {
    margin-top: 80px;
    margin-bottom: 50px
}

.jp-bg-wrapper {
    padding: 100px 30px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.jp-bg-wrapper .common-title {
    color: #fff
}

.jp-bg-wrapper .column {
    margin: 50px auto
}

.jp-bg-wrapper .column .item {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jp-bg-wrapper .column .item img {
    display: block;
    margin: 20px auto;
    width: 160px;
    height: 160px
}

.jp-bg-wrapper .column .item span {
    font-size: 16px;
    color: #fff
}

.jp-bg-wrapper .column .item span em {
    font-size: 22px;
    margin-right: 10px
}

.shzr .shzr_list {
    padding: 40px 0 0
}

.shzr .txt_nr {
    position: relative;
    padding: 30px 100px;
    font-size: 16px;
    line-height: 26px;
    color: #555
}

.shzr .txt_nr:after,.shzr .txt_nr:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 36px;
    border: 2px solid #b91f25;
    box-sizing: border-box
}

.shzr .txt_nr:before {
    top: 0;
    border-bottom: 0
}

.shzr .txt_nr:after {
    bottom: 0;
    border-top: 0
}

.shzr .list {
    margin: 0 -15px
}

.shzr ul li {
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    padding: 15px
}

.shzr ul a {
    display: block;
    position: relative;
    overflow: hidden
}

.shzr ul .tit {
    position: absolute;
    top: 145px;
    padding: 55px 10px;
    display: block;
    color: #fffefe;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    transition: all .36s;
    font-weight: 200
}

.shzr ul .tit:after,.shzr ul .tit:before {
    content: "";
    position: absolute;
    left: 50%;
    display: inline-block;
    width: 110px;
    height: 42px;
    border: 2px solid #b51a20;
    margin-left: -55px;
    transition: all .6s
}

.shzr ul .tit:before {
    top: 0;
    border-bottom: 0
}

.shzr ul .tit:after {
    bottom: 0;
    border-top: 0
}

.shzr ul .txt {
    color: #fffefe;
    font-size: 16px;
    line-height: 24px;
    padding: 0 50px;
    position: absolute;
    top: 200px;
    z-index: 2;
    left: 0;
    text-align: left;
    transition: all .6s;
    opacity: 0;
    visibility: hidden
}

.shzr ul .txt .contentHolder {
    height: 192px;
    display: block;
    position: relative;
    overflow: hidden
}

.shzr ul .img {
    width: 100%;
    display: block;
    line-height: 0
}

.shzr ul .img img {
    width: 100%
}

.shzr ul a:after {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    background: rgba(0,0,0,.6);
    transition: all .6s
}

.shzr ul a:hover:after {
    opacity: 1;
    visibility: visible
}

.shzr ul a:hover .tit {
    top: 46px
}

.shzr ul a:hover .tit:after,.shzr ul a:hover .tit:before {
    border-color: #fff
}

.shzr ul a:hover .txt {
    top: 182px;
    opacity: 1;
    visibility: visible
}

.rencai-block .rencai {
    margin: 56px 0;
    padding: 0
}

.rencai-block .rencai ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px
}

.rencai-block .rencai li {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    height: 380px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    position: relative;
    text-align: center
}

.rencai-block .rencai li .txt {
    font-size: 16px;
    margin-top: 160px
}

.rencai-block .rencai li h3 {
    display: block;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: #1b438b;
    margin-bottom: 60px;
    margin-top: 24px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #fff;
    line-height: 200px;
    text-align: center;
    box-shadow: 0 2px 2px #ccc
}

.rencai-block .rencai li.yrln h3 {
    color: #da4d4d
}

.rencai-block .rencai li.lrg h3 {
    color: #606775
}

.rencai-block .container-jobs .jobs_ls {
    width: 796px;
    float: left
}

.fuli-wrapper {
    padding: 50px 0;
    background-color: #f8f8f8
}

.fuli-wrapper .fuli-item-wrapper {
    width: 1200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px
}

.fuli-wrapper .fuli-item-wrapper .item {
    width: 280px;
    height: 170px;
    padding: 30px 40px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 26px;
    margin-bottom: 26px
}

.fuli-wrapper .fuli-item-wrapper .item:nth-child(4n) {
    margin-right: 0
}

.fuli-wrapper .fuli-item-wrapper .item img {
    display: block;
    width: 58px;
    height: 58px
}

.fuli-wrapper .fuli-item-wrapper .item h3 {
    font-size: 16px;
    color: #333;
    padding: 12px 0
}

.zhaopin-wrapper,.zhaopin-wrapper .zhaopin {
    padding: 50px 0
}

.zhaopin-wrapper .zhaopin ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.zhaopin-wrapper .zhaopin li {
    width: 48%;
    height: 85px;
    padding: 10px 30px;
    border-left: 4px solid #999;
    background-color: #f8f8f8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 2%;
    margin-bottom: 20px
}

.zhaopin-wrapper .zhaopin li .zp-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left
}

.zhaopin-wrapper .zhaopin li:nth-child(2n) {
    margin-right: 0;
    text-align: left
}

.zhaopin-wrapper .zhaopin li .left {
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

.zhaopin-wrapper .zhaopin li .left h3 {
    font-size: 16px;
    margin-bottom: 12px
}

.zhaopin-wrapper .zhaopin li .left p {
    font-size: 14px;
    color: #999
}

.zhaopin-wrapper .zhaopin li .right {
    color: #999;
    font-size: 13px
}

.zhaopin-wrapper .more-link {
    width: 200px;
    padding: 12px 30px;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    background-color: #035cac;
    margin: 30px auto
}

.flow-wrapper {
    background-color: #f8f8f8;
    padding: 50px 0
}

.flow-wrapper .flow-row {
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flow-wrapper .flow-row .grid {
    width: 300px
}

.flow-wrapper .flow-row .item h3 {
    font-size: 16px;
    padding: 15px 0
}

.rencai-block .more-link {
    display: inline-block;
    width: 200px;
    text-align: center;
    background-color: #0867ff;
    color: #fff
}

.rencai-block table {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 0
}

.rencai-block table thead h3 {
    display: block;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    font-size: 18px
}

.rencai-block table tbody td {
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
    color: #000
}

.rencai-block table tbody td .label {
    font-size: 16px;
    color: #000
}

.rencai-block table tbody .detail {
    padding: 60px 0
}

.rencai-block table tbody .detail .block {
    margin-bottom: 30px
}

.contact-way {
    margin-top: 50px
}

.contact-way li:nth-child(-n+3) {
    border-right: 1px solid #e7e7e7
}

.contact-way li h3 {
    font-size: 14px;
    min-height: 30px;
    line-height: 30px
}

.form-post-wrapper .field-bespeak-content .form-item span {
    vertical-align: top
}

.form-post-wrapper .form-item input,.form-post-wrapper .form-item textarea {
    background: 0 0;
    -webkit-tap-highlight-color: transparent
}

.form-post-wrapper .form-item textarea {
    line-height: 38px;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    margin-top: 5px
}

.btn-post-center .btn-post-form {
    padding: 10px 20px
}

.location-content {
    display: flex;
    width: 1200px;
    height: 430px;
    margin: 64px auto 0;
    padding: 16px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.08);
    border-radius: 4px
}

.location-content .left ul {
    width: 497px;
    height: 399px;
    overflow-y: scroll;
    padding-left: 50px;
    padding-top: 8px;
    box-sizing: border-box
}

.location-content .left ul::-webkit-scrollbar {
    width: 4px;
    height: 8px
}

.location-content .left ul::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.2);
    background: rgba(0,0,0,.2)
}

.location-content .left ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 transparent;
    border-radius: 0;
    background: #fafafa
}

.location-content .left ul li {
    cursor: pointer;
    margin-bottom: 30px;
    text-align: left
}

.location-content .left ul li h5 {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0,0,0,.85)
}

.location-content .left ul li>div {
    display: none
}

.location-content .left ul li.active h5 {
    font-size: 24px;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    border-left: 3px solid #0867ff;
    padding-left: 10px;
    margin-left: -10px;
    height: 24px;
    line-height: 22px
}

.location-content .left ul li.active h4 {
    font-size: 30px;
    font-family: DINCond-Medium;
    font-weight: 900;
    color: rgba(0,0,0,.85);
    margin-top: 4px;
    margin-bottom: 6px
}

.location-content .left ul li.active p {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0,0,0,.85)
}

.location-content .left ul li.active>div {
    display: block
}

.location-content .right {
    position: relative;
    width: 646px;
    height: 398px;
    margin-left: 24px
}

.location-content .right img {
    width: 100%;
    height: 100%
}

.location-content .right img+img {
    display: none
}

.map-wrapper-v2 {
    padding: 50px 0;
    background-color: #f8f8f8
}

.header-static {
    transition: all .5s;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 14px 60px;
    box-sizing: border-box;
    height: 72px;
    min-width: 1180px;
    z-index: 9
}

.header-static a {
    color: #9b9ca8
}

.header-container,.header-static {
    transition: all .5s;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 14px 60px;
    box-sizing: border-box;
    min-width: 1180px;
    z-index: 999
}

.header-container a,.header-static a {
    color: #9b9ca8
}

.header-container .normal-logo,.header-static .normal-logo {
    display: none
}

.header-container .hover-logo,.header-static .hover-logo {
    display: block
}

.header-container.isStuck .search-icon i,.header-static.isStuck .search-icon i {
    color: #fff
}

.header-container .login,.header-static .login {
    float: right
}

.header-container .login .nickname,.header-static .login .nickname {
    display: block;
    padding: 20px 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #e5e5e5
}

.header-container .login .nickname img,.header-static .login .nickname img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px
}

.header-container .login .nickname:hover,.header-static .login .nickname:hover {
    background: #fafafa
}

.header-container .login .login-button,.header-static .login .login-button {
    display: inline-block;
    width: 80px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    border: 1px solid hsla(0,0%,100%,.15);
    margin-top: 3px
}

.header-container .login .login-button .logged-in,.header-static .login .login-button .logged-in {
    display: inline-block;
    padding: 12px 0
}

.header-container .login .login-button .logged-in:hover,.header-static .login .login-button .logged-in:hover {
    color: #fff
}

.header-container .login .login-button .logged-in:hover i,.header-static .login .login-button .logged-in:hover i {
    border-top: 5px solid #fff
}

.header-container .login .login-button .logged-in i,.header-static .login .login-button .logged-in i {
    vertical-align: 2px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9b9ca8;
    margin-left: 5px;
    display: inline-block
}

.header-container .login .login-button:hover,.header-static .login .login-button:hover {
    color: #fff;
    background: #4491e1;
    border-color: #4491e1
}

.header-container .login .login-button:hover .logged-in-list,.header-static .login .login-button:hover .logged-in-list {
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.header-container .login .workbench,.header-static .login .workbench {
    display: inline-block;
    margin: 0 40px 0 0;
    padding: 12px 0
}

.header-container .login .workbench:hover .workbench-list,.header-static .login .workbench:hover .workbench-list {
    opacity: 1;
    visibility: visible;
    z-index: 100
}

.header-container .login .workbench:hover a,.header-static .login .workbench:hover a {
    color: #fff
}

.header-container .login li,.header-static .login li {
    float: left;
    position: relative
}

.header-container:before,.header-static:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: initial;
    transition: height .2s,background-color .2s
}

.header-container .logo,.header-static .logo {
    float: left;
    width: 240px;
    padding-top: 8px;
    position: relative
}

.header-container .logo img,.header-static .logo img {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.header-container .logo a,.header-static .logo a {
    color: #9b9ca8
}

.header-container .header-nav,.header-static .header-nav {
    float: left;
    font-size: 14px
}

.header-container .header-nav .helplist,.header-static .header-nav .helplist {
    background: rgba(6,5,9,.92);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    width: 100%;
    height: 508px;
    border-radius: 3px;
    font-size: 0;
    letter-spacing: -5px;
    transition: all .3s ease-in
}

.header-container .header-nav .helplist p,.header-static .header-nav .helplist p {
    letter-spacing: 0;
    margin: 10px 0 0;
    font-size: 14px
}

.header-container .header-nav .helplist a,.header-static .header-nav .helplist a {
    line-height: 1;
    cursor: pointer;
    letter-spacing: 0;
    margin-bottom: 30px;
    text-align: left;
    display: block;
    color: #9b9ca8;
    width: 88px;
    font-size: 16px;
    box-sizing: border-box
}

.header-container .header-nav .helplist a:hover,.header-static .header-nav .helplist a:hover {
    color: #6793ee;
    opacity: 1
}

.header-container .header-nav .helplist a:active,.header-container .header-nav .helplist a:focus,.header-static .header-nav .helplist a:active,.header-static .header-nav .helplist a:focus {
    color: #fff;
    opacity: 1
}

.header-container .header-nav li,.header-static .header-nav li {
    float: left
}

.header-container .header-nav li .nav-list,.header-static .header-nav li .nav-list {
    display: inline-block;
    padding: 12px 23px;
    position: relative
}

.header-container .header-nav li .nav-list:hover,.header-static .header-nav li .nav-list:hover {
    color: #fff
}

.header-container .header-nav li .nav-list.on,.header-static .header-nav li .nav-list.on {
    color: #000
}

.header-container .header-nav li.active a,.header-static .header-nav li.active a {
    color: #333
}

.header-container .header-nav li a,.header-static .header-nav li a {
    color: #9b9ca8
}

.header-container .header-nav li a.active,.header-static .header-nav li a.active {
    color: #333
}

.header-container .header-nav li.help-con:hover a,.header-static .header-nav li.help-con:hover a {
    color: #fff
}

.header-container .header-nav li.help-con:hover .helplist,.header-static .header-nav li.help-con:hover .helplist {
    opacity: 1;
    visibility: inherit!important
}

.top-header {
    width: 100%;
    height: 50px;
    padding: 5px 0
}

.top-header .top-header-logo {
    width: 197px;
    height: 28px
}

.top-header .search-input {
    width: 130px;
    float: left
}

.top-header .search-input .form-control,.top-header .search-input .input-group-btn .btn {
    border: none
}

.dropdown-language {
    padding: 6px 0;
    color: #333
}

.dropdown-language a,.navbar-ex1-collapse .nav li a {
    color: #333
}

.header-container .navbar-brand {
    padding-top: 0
}

.pq_top_content {
    margin: 0 auto;
    width: 1420px;
    color: #ccc;
    font-size: 14px
}

.pq_top_content>.left {
    float: left
}

.pq_top_content>.right {
    float: right;
    position: relative
}

.pq_header {
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    box-sizing: border-box
}

.pq_header>a>.left {
    height: 90px;
    width: 175px;
    float: left;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center
}

.pq_header>a>.left img {
    width: 80%
}

.pq_header>.right {
    float: right;
    box-sizing: border-box;
    position: relative
}

.pq_all_page a {
    font-size: 16px;
    color: #fff;
    height: 16px;
    padding-bottom: 12px
}

.pq_all_page {
    height: 90px;
    display: inline-block
}

.pq_all_page li {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 50px;
    position: relative
}

.header_list_all {
    position: absolute;
    top: 90px;
    z-index: 9;
    left: -24px;
    display: none
}

.pq_all_page .header_list_all a {
    width: 160px;
    height: 40px;
    background: #f6f6f6;
    color: #444;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 40px;
    padding-left: 24px;
    box-sizing: border-box;
    display: block
}

.pq_all_page .header_list_all a:hover {
    background: #e9e9e9;
    font-weight: 400;
    border-bottom: none;
    color: #444
}

.pq_all_page li:last-of-type {
    margin-right: 39px
}

.navM {
    color: #284da0!important
}

.navM,.pq_all_page a:hover {
    font-weight: 700;
    border-bottom: 2px solid #284da0
}

.pq_all_page a:hover {
    color: #284da0
}

.search-icon {
    float: right;
    width: 18px;
    height: 90px;
    cursor: pointer
}

.search-icon i {
    color: #fff
}

.search {
    background: #fafafa
}

.search .content {
    height: 230px;
    width: 1420px;
    margin: 0 auto
}

.search form {
    margin: 110px auto 0;
    width: 800px;
    border: 1px solid #c13a2a
}

.header-container .new_pq_header .comp-name {
    color: #fff;
    font-size: 24px;
    margin-left: 14px
}

.sub-page-header {
    position: relative
}

.sub-page-header .header-container {
    position: static
}

.sub-page-header .header-container a,.sub-page-header .header-container i {
    color: #333
}

.sub-page-header .header-container .normal-logo {
    display: block
}

.sub-page-header .header-container .hover-logo {
    display: none
}

.sub-page-header .header-container .comp-name {
    color: #000
}

.sub-page-header .header-container.isStuck .normal-logo {
    display: none
}

.sub-page-header .header-container.isStuck .hover-logo {
    display: block
}

.sub-page-header .header-container.isStuck a {
    color: #fff
}

.sub-page-header .header-container.isStuck .header_list_all a {
    color: #333
}

.sub-page-header .header-container.isStuck .search-icon i {
    color: #fff
}

.nav-footer {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f3f3f3;
    color: #3d3d3d;
    clear: both
}

.nav-footer .column {
    float: left;
    margin-right: 100px
}

.nav-footer .column .column-label {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

.nav-footer .column .column-content .icon,.nav-footer .column .column-content a {
    display: block;
    margin-bottom: 10px;
    background-size: 20px 20px
}

.nav-footer .column-last {
    float: right
}

.nav-footer .column-last .icon.popup {
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.nav-footer .contact-info {
    margin-right: 90px;
    float: none
}

.nav-footer .contact-info .column-content .icon {
    height: 32px;
    line-height: 21px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.nav-footer .contact-info .column-content .icon em {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #383b43;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.nav-footer .contact-info .column-content .icon em i {
    font-size: 16px
}

.nav-footer .copyright {
    background: #383b43;
    color: #f3f3f3;
    height: 100px;
    line-height: 100px;
    text-align: right
}

.nav-rights img,.nav-rights span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.nav-rights span a {
    color: #7b7b7b
}

.hub-link:after,.hub-link:before {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.hub-link {
    width: 92%;
    margin: 0 auto;
    display: block
}

.hub-link:after {
    clear: both
}

.hub-link li {
    float: left;
    width: 25%;
    font-size: 12px
}

.hub-link li .content {
    display: inline-block
}

.hub-link li .header {
    font-size: 16px;
    margin-bottom: 25px;
    text-align: left
}

.hub-link li div+div {
    margin-top: 15px
}

.hub-link li .subheader a {
    font-weight: lighter;
    color: #fff
}

.copyright {
    background: #383b43;
    color: #f3f3f3;
    height: 100px;
    line-height: 100px;
    text-align: right
}

.bottom-logo {
    width: 210px;
    display: inline-block;
    margin-top: 30px
}

.bottom-logo-content {
    height: 100px
}

.column-social {
    margin-top: 50px;
    clear: both
}

.column-social .icon {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    line-height: 24px;
    text-align: center
}

.column-social .icon i {
    font-size: 24px;
    color: #383b43
}

.info_slide {
    display: none!important
}

.common-title-v2 {
    color: #333;
    font-size: 36px;
    padding: 60px 0;
    text-align: center;
    line-height: 1
}

.common-title-v2 .line {
    display: inline-block;
    width: 80px;
    height: 6px;
    background-color: #205bb0
}

.common-title-v2 .title-desc {
    width: 70%;
    text-align: center;
    font-size: 16px;
    color: #333;
    margin: 40px auto 0;
    line-height: 35px
}

.introduce-wrapper .descption {
    font-size: 14px;
    line-height: 1.5
}

.introduce-wrapper .intro-column {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

.introduce-wrapper .intro-column .circle-video {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    border: 60px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.introduce-wrapper .intro-column .item {
    flex-basis: 570px;
    width: 570px;
    height: 290px;
    margin-bottom: 60px;
    position: relative
}

.introduce-wrapper .intro-column .item.left-intro .text {
    left: 20%
}

.introduce-wrapper .intro-column .item.right-intro .text {
    right: 20%
}

.introduce-wrapper .intro-column .item .bg {
    background-color: rgba(0,0,0,.3);
    width: 100%;
    height: 100%
}

.introduce-wrapper .intro-column .item .bg .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #fff
}

.sub-banner {
    width: 100%;
    height: 250px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.sub-banner img {
    width: 100%;
    height: 100%
}

.icon-wrapper-v2 {
    background: #f5f5f5;
    width: 100%;
    padding: 30px 0 60px
}

.icon-wrapper-v2 .about_qywh {
    width: 19%;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.icon-wrapper-v2 .about_qywh img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.icon-wrapper-v2 .about_qywh .about_qywh_title {
    font-size: 16px;
    margin: 15px 0;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon-wrapper-v2 .about_qywh .about_qywh_text {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #999
}

.m-culture {
    margin-top: 40px;
    border-top: 1px solid #e8edf2
}

.m-culture li {
    height: 185px;
    margin-bottom: 30px
}

.m-culture li.odd img {
    float: left
}

.m-culture li.even img,.m-culture li.odd dl {
    float: right
}

.m-culture li.even dl {
    float: left
}

.m-culture li dt {
    line-height: 28px;
    font-size: 20px;
    color: #2a3457;
    position: relative
}

.m-culture li dt .zimu {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100px;
    color: rgba(230,33,41,.4);
    font-family: Arial;
    z-index: 8
}

.m-culture li dt .yinwen {
    position: relative;
    z-index: 9
}

.m-culture li dt .yinwen span {
    display: block;
    font-size: 22px;
    color: #333;
    padding: 0 0 25px;
    color: #f12639
}

.m-culture li dt .yinwen span i {
    font-size: 22px
}

.m-culture li dd {
    width: 404px;
    margin-top: 37px;
    line-height: 21px;
    font-size: 13px;
    color: #333
}

.m-culture li dl {
    box-sizing: border-box;
    width: 840px;
    height: 100%;
    padding: 40px 0 0 40px;
    background-color: #f7f9fa
}

.m-culture li img {
    display: block;
    width: 360px;
    height: 100%
}

.development-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.development-wrapper .dev-item {
    flex-basis: 33.2%;
    height: 344px;
    color: #fff;
    padding: 25px;
    position: relative;
    margin-bottom: .2%
}

.development-wrapper .dev-item .dev-text {
    font-size: 18px;
    color: #9d0000;
    text-shadow: 6px 6px 5px rgba(142,0,0,.25)
}

.development-wrapper .dev-item .year-grid {
    width: 100%;
    height: 100%;
    font-size: 72px;
    display: flex;
    justify-content: center;
    align-items: center
}

.development-wrapper .dev-item .year-grid .year {
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 10px solid #fff
}

.development-wrapper .dev-item .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    line-height: 1.5;
    color: #fff;
    padding: 25px
}

.development-wrapper .dev-item .mask .title {
    font-size: 24px;
    margin-bottom: 15px
}

.development-wrapper .dev-item .mask .desc {
    font-size: 16px;
    line-height: 1.5
}

.development-wrapper .dev-item:hover .mask {
    visibility: visible
}

.news-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.news-wrapper .news-item {
    flex-basis: 590px
}

.news-wrapper .news-item a {
    display: block
}

.news-wrapper .news-item a img {
    width: 100%;
    height: 394px
}

.news-wrapper .news-item .caption {
    height: 80px;
    padding: 30px;
    box-sizing: border-box;
    text-align: center
}

.news-wrapper .news-item .caption a {
    display: block;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hornor-wrapper .nav-tabs {
    display: block;
    border-bottom: none;
    text-align: center;
    padding: 0 0 30px
}

.hornor-wrapper .nav-tabs li {
    display: inline-block;
    float: none;
    margin: 0 20px
}

.hornor-wrapper .nav-tabs li a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 6px
}

.hornor-wrapper .nav-tabs li.active a,.hornor-wrapper .nav-tabs li:active a,.hornor-wrapper .nav-tabs li:hover a {
    border: none;
    border-bottom: 3px solid #ff3370
}

.hornor-wrapper .nav-tabs li.active a.active,.hornor-wrapper .nav-tabs li.active a:active,.hornor-wrapper .nav-tabs li.active a:hover,.hornor-wrapper .nav-tabs li:active a.active,.hornor-wrapper .nav-tabs li:active a:active,.hornor-wrapper .nav-tabs li:active a:hover,.hornor-wrapper .nav-tabs li:hover a.active,.hornor-wrapper .nav-tabs li:hover a:active,.hornor-wrapper .nav-tabs li:hover a:hover {
    background-color: initial
}

#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px
}

#certify .swiper-slide {
    width: 520px;
    height: auto;
    background: #fff;
    box-shadow: 0 8px 30px #ddd
}

#certify .swiper-slide img {
    display: block
}

#certify .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.leader-banner {
    background-color: #f5f5f5;
    color: #333;
    padding: 20px 0
}

.leader-banner .left-text {
    width: 800px;
    padding-top: 50px;
    padding-right: 30px;
    float: left;
    line-height: 1.5;
    font-size: 16px
}

.leader-banner .right-pic {
    width: 220px;
    height: auto;
    float: right
}

.full-row {
    width: 100%;
    transition: width .2s ease
}

.full-row .span-3 {
    width: 25%;
    float: left;
    text-align: center
}

.full-row .span-3 .number {
    font-size: 90px;
    color: #dd081e;
    font-weight: bolder;
    line-height: 90px;
    display: block;
    margin-bottom: 10px;
    font-family: Impact;
    text-transform: uppercase
}

.full-row .span-3 .num_title {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 400
}

.zeren-column {
    margin-top: 40px
}

.zeren-column .column-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.zeren-column .column-flex .item {
    flex-basis: 25%;
    height: 367px;
    background-color: #f5f5f5
}

.zeren-column .column-flex .item img {
    width: 100%;
    height: 367px
}

.zeren-column .column-flex .item.text-item {
    padding: 30px
}

.zeren-column .column-flex .item .title {
    font-size: 36px;
    color: #b3b3b3;
    margin-bottom: 12px
}

.zeren-column .column-flex .item p {
    color: #333;
    line-height: 1.5
}

.more-link {
    display: block;
    padding: 20px 0;
    text-align: center
}

.more-link a.btn-more {
    border-radius: 40px;
    padding: 10px 20px;
    max-width: 200px
}

.contact-way {
    height: auto;
    overflow: hidden;
    margin: 80px 0
}

.contact-way li {
    height: auto;
    overflow: hidden;
    width: 25%;
    float: left;
    text-align: center;
    position: relative
}

.contact-way li .img-box {
    height: 60px;
    overflow: hidden
}

.contact-way li .img-box img {
    display: block;
    margin: 0 auto;
    vertical-align: middle
}

.contact-way li p {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    margin-bottom: 6px
}

.contact-way li h3 {
    font-size: 12px;
    font-weight: 300;
    color: #666
}

.form-post-wrapper {
    text-align: left;
    margin-top: 50px
}

.form-post-wrapper .form-item {
    background: #f0f0f0;
    padding: 0 20px;
    margin-bottom: 20px
}

.form-post-wrapper .form-item span {
    font-size: 18px;
    line-height: 50px
}

.form-post-wrapper .form-item input {
    line-height: 38px;
    background: none;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.form-post-wrapper .form-item input.textarea {
    height: 120px
}

.btn-post-center {
    padding: 20px
}

.btn-post-center .btn-post-form {
    min-width: 200px;
    height: 50px;
    background-color: #1273e1;
    margin-top: 20px
}

.map-wrapper {
    margin-top: 40px
}

.news-list-tabs .nav-tabs li a {
    min-width: 120px
}

.news-list-tabs .nav-tabs li.active a,.news-list-tabs .nav-tabs li:active a,.news-list-tabs .nav-tabs li:hover a {
    border: none
}

.re_2 ul li {
    border-bottom: 1px solid #ddd;
    height: 11em;
    position: relative;
    float: left;
    width: 25%;
    text-align: center
}

.re_2 ul li:hover {
    -ms-box-shadow: 0 .9375em 1.875em rgba(0,0,0,.1);
    -o-box-shadow: 0 .9375em 1.875em rgba(0,0,0,.1);
    box-shadow: 0 .9375em 1.875em rgba(0,0,0,.1)
}

.re_2 ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: #ddd;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    width: 1px;
    bottom: 0;
    height: 100%;
    transition: all .4s ease-in-out
}

.re_2 ul li:nth-child(4n):before {
    display: none
}

.re_2_mid {
    padding: 0 1em
}

.re_2_mid_1 {
    font-family: SourceHanSansCN;
    font-size: 3.75em;
    height: 1.45em;
    color: #18abbc
}

.re_2_mid_2 {
    font-size: 1.25em
}

.re_3_1 {
    text-align: center;
    margin-bottom: 5em
}

.re_3_2_1 {
    font-size: 1.875em;
    color: #464646;
    font-weight: 700
}

.re_3_2_2 {
    color: #464646;
    line-height: 1.6;
    margin-top: .5em
}

.re_3_2 ul li {
    margin-bottom: 3em
}

.re_3_2 {
    padding-bottom: 2em
}

.re_pat ul li {
    margin-right: 2.71604938%;
    float: left;
    width: 22.96296296%;
    margin-bottom: 2em
}

.re_pat ul li:nth-child(4n) {
    margin-right: 0
}

.re_pat_mid {
    padding: 7px;
    overflow: hidden;
    background-color: #dae0e7
}

.re_pat_mid_pic {
    width: 100%;
    overflow: hidden
}

.re_pat_mid_pic img {
    width: 100%
}

.re_pat ul li:hover .re_pat_mid {
    -ms-box-shadow: 0 .9375em 1.875em rgba(0,0,0,.1);
    -o-box-shadow: 0 .9375em 1.875em rgba(0,0,0,.1);
    box-shadow: 0 .9375em 1.875em rgba(0,0,0,.1)
}

.re_pat_footer {
    text-align: center;
    font-size: 1.125em;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.re_pat {
    margin-top: 6em;
    margin-bottom: 2em
}

.re_1_left_w {
    width: 45%
}

.re_1_right_w {
    width: 50%
}

.re_1_right_w .re_1_right_3 {
    -webkit-line-clamp: 8
}

.re_man_1 ul li {
    min-height: 24.6875em;
    float: left;
    width: 33.33333%;
    position: relative
}

.re_man_1 {
    border: 1px solid #ddd
}

.re_1 ul li {
    padding: 3.75em 0;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
    clear: both;
    position: relative;
    background-color: #fafafa
}

.re_1_left {
    float: left;
    width: 38.74074074%
}

.re_1_right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 58.51851852%
}

.re_1_left_mid,.re_1_mid {
    position: relative
}

.re_1_left_mid {
    overflow: hidden;
    padding: 0 .875em .875em 0
}

.re_1_left_mid img {
    position: relative;
    z-index: 10
}

.re_1_left_mid_bg {
    z-index: 0;
    padding-left: 1em;
    position: absolute;
    right: 0;
    bottom: 0
}

.re_1_left_mid_bg img,.re_1_left_mid_img_1 img {
    width: 100%
}

.re_1_left_mid_img_1 {
    width: 100%;
    overflow: hidden
}

.re_1_right_3 {
    font-size: .875em;
    color: #000;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all
}

.re_1_right_1 {
    font-size: 1.875em;
    color: #454545
}

.re_1_right_2 {
    font-family: SourceHanSansCN;
    margin-top: .4em;
    color: #9e9e9e;
    font-size: 1.125em;
    margin-bottom: 1.6em
}

.re_1 ul li:nth-child(2n) .re_1_left {
    float: right
}

.re_1 ul li:nth-child(2n) .re_1_right {
    padding-left: 30px;
    right: auto;
    left: 0
}

.re_1 {
    margin-top: 1.5em
}

.small-text {
    font-size: 28px;
    margin-top: 12px
}

.banner-wrapper {
    position: relative;
    height: auto
}

.calture-slider {
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden
}

.calture-slider .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 716px
}

.calture-slider .item:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.calture-slider .item .title {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: 6
}

.calture-slider .item .title .lone {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 50px
}

.calture-slider .item .title .line {
    width: 280px;
    height: 1px;
    background-color: #fff
}

.video-playback {
    z-index: 1;
    overflow: hidden
}

.mask-text-wrapper,.video-playback {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mask-text-wrapper {
    z-index: 666;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.mask-text-wrapper .mask-text {
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #fff
}

.mask-text-wrapper .mask-text p {
    font-size: 32px;
    margin-bottom: 36px;
    font-family: gotham light
}

.mask-text-wrapper .mask-text p:first-child {
    font-size: 44px;
    margin-bottom: 55px;
    font-family: Noto Sans SC
}

.case-wrapper {
    background-color: #f8f8f8;
    padding: 50px 0
}

.youdian5 {
    background: #f5f5f5;
    padding: 2% 0
}

.youdian5,.youshi_list {
    width: 100%;
    margin: 0 auto
}

.youshi_list li {
    width: 16.666666%;
    border-right: 1px solid #cfcfcf;
    text-align: center;
    float: left
}

.youshi_list li:last-child {
    border-right: none
}

.youshi_list li .p2 {
    font-size: 14px;
    color: #666;
    margin-top: 12px
}

.youshi_list li .p1 {
    font-size: 32px;
    color: #035cac;
    font-weight: 700
}

.youshi_list li span {
    vertical-align: text-bottom;
    font-size: 20px
}

.common-container {
    padding: 80px 0;
    text-align: center
}

.common-container .common-title {
    width: 1200px;
    margin: 0 auto
}

.common-container .common-title .title h3 {
    font-size: 34px
}

.common-container .common-title p {
    font-size: 14px;
    margin-top: 20px
}

.chanye-wrapper {
    padding-top: 50px
}

.chanye-wrapper .chanye-item-wrapper {
    height: 220px;
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 3
}

.chanye-wrapper .chanye-item-wrapper .chanye-item {
    width: 171.4285px;
    flex-basis: 200px;
    display: block;
    padding: 30px 15px;
    box-sizing: border-box
}

.chanye-wrapper .chanye-item-wrapper .chanye-item .p_relationbtntab p {
    font-size: 16px;
    margin-top: 12px
}

.chanye-wrapper .chanye-item-wrapper .chanye-item .p_relationbtntab img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto
}

.chanye-wrapper .chanye-item-wrapper .chanye-item .p_relationbtntab .activ {
    display: none
}

.chanye-wrapper .chanye-item-wrapper .chanye-item.js_editor_click {
    background-color: rgba(3,92,172,.8)
}

.chanye-wrapper .chanye-item-wrapper .chanye-item.js_editor_click .activ {
    display: block
}

.chanye-wrapper .chanye-item-wrapper .chanye-item.js_editor_click .no-activ {
    display: none
}

.chanye-wrapper .chanye-item-wrapper .chanye-item.js_editor_click p {
    color: #fff
}

.img-wrapper-box {
    width: 100%;
    height: 520px;
    position: relative;
    margin-top: -50px
}

.img-wrapper-box .img-item {
    color: #fff;
    display: none;
    text-align: left
}

.img-wrapper-box .img-item.active {
    display: block
}

.img-wrapper-box .img-item .img-intro {
    width: 1200px;
    height: 500px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    z-index: 2
}

.img-wrapper-box .img-item .img-intro h3 {
    font-size: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 40px
}

.img-wrapper-box .img-item .img-intro p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.img-wrapper-box img {
    width: 100%;
    height: 520px
}

.partener-wrapper {
    background-color: #f8f8f8;
    overflow: hidden
}

.partener-wrapper .partener {
    width: 1200px;
    margin: 30px auto
}

.partener-wrapper .partener .part-row {
    margin: 0 -15px
}

.partener-wrapper .partener .part-row .part-item {
    width: 210px;
    height: 125px;
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px
}

.partener-wrapper .partener .part-row .part-item img {
    width: 100%;
    height: 100%
}

.news-list-tabs {
    overflow: hidden;
    text-align: center
}

.news-list-tabs .nav-tabs {
    margin: 40px 0;
    display: block;
    border-bottom: none;
    text-align: center;
    display: flex;
    justify-content: center
}

.news-list-tabs .nav-tabs li {
    margin: 0 12px
}

.news-list-tabs .nav-tabs li a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    min-width: 180px;
    background-color: #9e9e9e;
    color: #000
}

.news-list-tabs .nav-tabs li.active a,.news-list-tabs .nav-tabs li:active a,.news-list-tabs .nav-tabs li:hover a {
    border: 1px solid transparent;
    background-color: #0061ad;
    color: #fff
}

.thumb-wrapper {
    display: none
}

.thumb-wrapper.active {
    display: block
}

.thumb-wrapper .title {
    border: 1px solid #f5f5f5;
    padding: 17px 5px;
    text-align: left
}

.thumb-wrapper .title a {
    border-left: 2px solid #0061ad;
    padding-left: 10px;
    font-size: 16px;
    color: #000
}

.thumb-wrapper .title a:hover {
    color: #fff
}

.thumb-wrapper img {
    width: 100%;
    height: 390px
}

.news-list-ul {
    margin: -15px 0
}

.news-list-ul li {
    padding: 10px 5px;
    border: 1px solid #f5f5f5;
    margin: 15px 0
}

.news-list-ul li.active {
    background-color: #0061ad;
    color: #fff
}

.news-list-ul li .news-index-item {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.news-list-ul li .news-index-item .date {
    padding: 7px 12px
}

.news-list-ul li .news-index-item .date em {
    font-size: 24px
}

.news-list-ul li .news-index-item .date hr {
    margin: 2px 0;
    background-color: #f5f5f5
}

.news-list-ul li .news-index-item .date i {
    font-size: 16px
}

.news-list-ul li .news-index-item .news-right {
    text-align: left
}

.news-list-ul li .news-index-item .news-right a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px
}
.news-list-ul li .news-index-item .news-right a:hover{
    color: #fff;
}
.news-list-ul li .news-index-item .news-right p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.chanye-out-wrapper {
    padding-bottom: 0
}

.breadcrumb {
    height: 67px;
    line-height: 66px;
    border-top: 0;
    margin-bottom: 0;
    padding: 0;
    background: #fff
}

.breadcrumb li {
    float: left
}

.breadcrumb li+li:before {
    content: ">"
}

.breadcrumb a {
    color: #333
}

.breadcrumb a:hover {
    color: #1273e1
}

.breadcrumb .active {
    color: #aaa;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-playback video {
    object-fit: cover
}

.video-playback .video-js.vjs-4-3,.video-playback .video-js.vjs-16-9,.video-playback .video-js.vjs-fluid {
    height: 100%!important
}

.news-container .nav-bottom {
    background-color: #fcfcfc;
    font-size: 12px;
    padding-top: 30px;
    margin-top: 20px
}

.news-container .nav-bottom>p {
    margin: 6px 0 0
}

.news-container .nav-bottom .phone {
    background-color: #f4f4f4;
    margin: 20px 0 0;
    padding: 25px 0
}

.news-container .nav-bottom .phone>p {
    margin: 0 auto;
    width: 150px;
    font-weight: 700;
    text-align: left
}

.news-container .nav-bottom .phone em {
    color: #22377f;
    font-size: 25px;
    font-style: normal;
    font-family: Arial;
    white-space: nowrap
}

.news-container .page-content {
    margin-bottom: 20px
}

.news-container .news-left {
    float: left;
    width: 220px;
    margin-top: -50px;
    padding: 26px 15px;
    margin-bottom: 6px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0,0,0,.2)
}

.news-container .news-left .page-nav li.current-cat a {
    background-color: #333;
    color: #fff;
    text-decoration: none
}

.news-container .news-left .page-nav li a {
    display: block;
    height: 45px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 45px
}

.news-container .news-left .page-nav li a:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none
}

.news-container .news-right {
    width: 980px;
    padding-left: 20px;
    float: left
}

.news-container .news-right .breadcrumb {
    background: transparent;
    margin-top: -40px;
    padding-left: 0;
    color: #fff
}

.news-container .news-right .breadcrumb * {
    color: #fff
}

.news-container .news-right .list-box {
    padding: 0;
    list-style: none;
    margin: 0 auto
}

.news-container .news-right .list-box li {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dotted #ccc;
    padding: 0 10px
}

.news-container .news-right .list-box li:hover a {
    color: #333
}

.news-container .news-right .list-box li .date-time {
    float: right
}

.news-container .news-right .list-box li .icon-list {
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    margin-right: 10px;
    color: #333
}

.news-container .news-right .list-box li a {
    color: #666;
    display: block
}

.article_container .news-title {
    font-size: 30px;
    line-height: 1.33333;
    margin: 0 0 10px;
    text-align: center;
    padding-top: 25px;
    display: block;
    clear: both
}

.article_container .news-props {
    margin-bottom: 30px;
    color: #8a8a8a;
    text-align: center;
    height: 35px;
    line-height: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6
}

.article_container .news-props .news-tag {
    display: inline-block;
    margin-right: 15px;
    padding: 0 10px
}

.article_container .news-props .news-pubdate {
    color: inherit
}

.article_container .news-content {
    margin-top: 20px;
    color: #3d3d3d;
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: justify
}

.article_container .news-content p {
    font-size: 16px;
    line-height: 1.5
}

.article_container img {
    max-width: 100%
}

.labelList {
    margin-right: 12px
}

.class-news_wrapper {
    margin-top: 50px
}

.class-news_wrapper .class-news_item .news-title {
    padding-bottom: 20px;
    overflow: hidden
}

.class-news_wrapper .class-news_item .news-title .title .big-title {
    font-weight: 400;
    font-size: 14px
}

.class-news_wrapper .class-news_item .news-title .title .big-title a {
    font-size: 28px;
    margin-right: 8px;
    font-weight: 700;
    color: #171920;
    height: 40px;
    line-height: 40px
}

.class-news_wrapper .class-news_item .news-title .title .big-title a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 23px;
    margin-right: 10px;
    background: url(../images/title-bgr.png) no-repeat 50%/cover
}

.class-news_wrapper .class-news_item .news-title .title .big-title a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 23px;
    margin-left: 10px;
    background: url(../images/title-bgl.png) no-repeat 50%/cover
}

.class-news_wrapper .class-news_item .news-title .title .more {
    font-size: 16px
}

.class-news_wrapper .class-news_item .news-title .title .more a {
    vertical-align: bottom;
    line-height: 30px
}

.class-news_wrapper .class-news_item .class-news_content {
    border: 1px solid #e6e6e6;
    width: 100%;
    clear: both;
    overflow: hidden;
    background: #fff
}

.class-news_wrapper .class-news_item .class-news_content li {
    float: left;
    width: 100%;
    padding: 0 20px;
    border-bottom: 1px solid #e6f2ff
}

.class-news_wrapper .class-news_item .class-news_content li a {
    width: 70%;
    float: left;
    color: #333;
    font-size: 16px;
    display: block;
    padding: 15px 0;
    overflow: hidden
}

.class-news_wrapper .class-news_item .class-news_content li a:hover {
    color: #333
}

.class-news_wrapper .class-news_item .class-news_content li a:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 6px;
    background: #333;
    vertical-align: middle
}

.class-news_wrapper .class-news_item .class-news_content li span.date {
    padding: 15px 0;
    width: 30%;
    float: right;
    text-align: right;
    color: #333
}

.related .related-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px
}

.related.class-news_wrapper {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee
}

.related.class-news_wrapper .class-news_item .class-news_content {
    margin: 0 -15px;
    border: none
}

.related.class-news_wrapper .class-news_item .class-news_content li {
    padding: 0 15px;
    width: 50%;
    border-bottom: none
}

.related.class-news_wrapper .class-news_item .class-news_content li a {
    padding: 8px 0;
    width: 85%
}

.related.class-news_wrapper .class-news_item .class-news_content li a:before {
    background: #333
}

.related.class-news_wrapper .class-news_item .class-news_content li .date {
    display: none
}

.news-sub_banner {
    height: 250px;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.news-sub_banner .main-wrapper {
    width: 1200px;
    margin: 0 auto
}

.news-sub_banner .main-wrapper h3 {
    color: #fff;
    line-height: 250px;
    font-size: 34px
}

.report {
    justify-content: space-between;
    padding: 30px;
    border-top: 1px solid #e7edf0;
    cursor: pointer;
    display: flex;
    position: relative
}

.report:hover {
    background-color: #f5f6f7
}

.report a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.report .portrait {
    width: 200px;
    height: 124px;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.report .portrait img {
    width: 100%;
    height: 100%
}

.report .content {
    width: calc(100% - 250px);
    padding-left: 10px;
    text-align: left
}

.report .content .news-title {
    font-size: 18px;
    color: #1a173b
}

.report .content .website-logo {
    padding-top: 30px
}

.report .content .summary {
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    color: #6f7d88;
    white-space: nowrap;
    text-overflow: ellipsis
}

.report .content .summary .website-logo {
    font-size: 14px;
    color: #8a8a8a;
    height: 32px;
    margin-top: 34px
}

.news-list-page .kmd-pagination {
    margin-top: 40px;
    margin-bottom: 40px
}

.news-list-page .nav-tabs li a {
    border-radius: 0
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }

    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}
.more-a{
    font-size: 16px;
    display: inline-block;
    font-weight: 700;
    border-radius: 30px;
    min-width: 180px;
    border: 1px solid transparent;
    background-color: #0061ad;
    color: #fff;
    padding: 10px 15px;
    margin-top: 30px;
}