@charset "UTF-8";
.input-group,
table {
    border-collapse: collapse
}

.dropdown-menu li.disabled,
table>tfoot {
    font-style: italic
}

.breadcrumb,
.list-unstyled,
.nav li,
.navbar li {
    list-style: none
}

.breadcrumb:after,
.breadcrumb:before,
.btn-group:after,
.btn-group:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.navbar:after,
.navbar:before,
.row:after,
.row:before {
    content: " "
}

.breadcrumb:after,
.btn-group:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.navbar .navbar-header:after,
.navbar:after,
.row:after {
    clear: both
}

.visible-lg,
.visible-lg-down,
.visible-lg-up,
.visible-md,
.visible-md-down,
.visible-md-up,
.visible-sm,
.visible-sm-down,
.visible-sm-up,
.visible-xs,
.visible-xs-down,
.visible-xs-up {
    display: none
}

@media (min-width:768px) and (max-width:959px) {
    .visible-sm {
        display: block
    }
}

@media (min-width:960px) and (max-width:1199px) {
    .visible-md {
        display: block
    }
}

@media (min-width:767px) {
    .visible-xs-up {
        display: block
    }
}

@media (min-width:959px) {
    .visible-sm-up {
        display: block
    }
}

@media (min-width:1199px) {
    .visible-md-up {
        display: block
    }
}

@media (min-width:1200px) {
    .visible-lg,
    .visible-lg-up {
        display: block
    }
}

@media (max-width:1px) {
    .visible-xs-down {
        display: block
    }
}

@media (max-width:768px) {
    .visible-sm-down {
        display: block
    }
}

@media (max-width:960px) {
    .visible-md-down {
        display: block
    }
}

@media (max-width:1200px) {
    .visible-lg-down {
        display: block
    }
}

@media (max-width:767px) {
    .visible-xs {
        display: block
    }
    .hidden-xs {
        display: none
    }
}

@media (min-width:768px) and (max-width:959px) {
    .hidden-sm {
        display: none
    }
}

@media (min-width:960px) and (max-width:1199px) {
    .hidden-md {
        display: none
    }
}

@media (min-width:767px) {
    .hidden-xs-up {
        display: none
    }
}

@media (min-width:959px) {
    .hidden-sm-up {
        display: none
    }
}

@media (min-width:1199px) {
    .hidden-md-up {
        display: none
    }
}

@media (min-width:1200px) {
    .hidden-lg,
    .hidden-lg-up {
        display: none
    }
}

@media (max-width:1px) {
    .hidden-xs-down {
        display: none
    }
}

@media (max-width:768px) {
    .hidden-sm-down {
        display: none
    }
}

@media (max-width:960px) {
    .hidden-md-down {
        display: none
    }
}

@media (max-width:1200px) {
    .hidden-lg-down {
        display: none
    }
}

.visible-print {
    display: none
}

@media print {
    .visible-print {
        display: block
    }
    .hidden-print {
        display: none
    }
}

.show {
    display: block!important
}

.hidden {
    display: none!important
}

.invisible {
    visibility: hidden
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.btn-group .btn,
.col-xs-1-10,
.col-xs-1-12,
.col-xs-10-10,
.col-xs-10-12,
.col-xs-11-12,
.col-xs-12-12,
.col-xs-2-10,
.col-xs-2-12,
.col-xs-3-10,
.col-xs-3-12,
.col-xs-4-10,
.col-xs-4-12,
.col-xs-5-10,
.col-xs-5-12,
.col-xs-6-10,
.col-xs-6-12,
.col-xs-7-10,
.col-xs-7-12,
.col-xs-8-10,
.col-xs-8-12,
.col-xs-9-10,
.col-xs-9-12,
.navbar .navbar-header,
.navbar .navbar-nav,
.navbar .navbar-nav li,
dl.dl-horizontal dt {
    float: left
}

.clearfix:after,
.clearfix:before {
    display: table
}

.block-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-indent {
    text-indent: 2em
}

.text-primary {
    color: #267
}

.text-success {
    color: #7B0
}

.text-info {
    color: #39D
}

.text-warning {
    color: #F80
}

.text-danger {
    color: #D33
}

.bg-primary {
    background-color: #278;
    color: #FFF;
    padding: 1em
}

.bg-success {
    background-color: #dff0d8;
    color: #006400;
    padding: 1em
}

.bg-info {
    background-color: #d9edf7;
    color: #4682B4;
    padding: 1em
}

.bg-warning {
    background-color: #fcf8e3;
    color: sienna;
    padding: 1em
}

.bg-danger {
    background-color: #f2dede;
    color: #B22222;
    padding: 1em
}

.m-t {
    margin-top: 15px!important
}

.m-t-xs {
    margin-top: 10px!important
}

.m-t-sm {
    margin-top: 20px!important
}

.m-t-md {
    margin-top: 30px!important
}

.m-t-lg {
    margin-top: 45px!important
}

.m-r {
    margin-right: 15px!important
}

.m-r-xs {
    margin-right: 10px!important
}

.m-r-sm {
    margin-right: 20px!important
}

.m-r-md {
    margin-right: 30px!important
}

.m-r-lg {
    margin-right: 45px!important
}

.m-b {
    margin-bottom: 15px!important
}

.m-b-xs {
    margin-bottom: 10px!important
}

.m-b-sm {
    margin-bottom: 20px!important
}

.m-b-md {
    margin-bottom: 30px!important
}

.m-b-lg {
    margin-bottom: 45px!important
}

.m-l {
    margin-left: 15px!important
}

.m-l-xs {
    margin-left: 10px!important
}

.m-l-sm {
    margin-left: 20px!important
}

.m-l-md {
    margin-left: 30px!important
}

.m-l-lg {
    margin-left: 45px!important
}

.m-n {
    margin: 0!important
}

.p-t {
    padding-top: 15px!important
}

.p-t-xs {
    padding-top: 10px!important
}

.p-t-sm {
    padding-top: 20px!important
}

.p-t-md {
    padding-top: 30px!important
}

.p-t-lg {
    padding-top: 45px!important
}

.p-r {
    padding-right: 15px!important
}

.p-r-xs {
    padding-right: 10px!important
}

.p-r-sm {
    padding-right: 20px!important
}

.p-r-md {
    padding-right: 30px!important
}

.p-r-lg {
    padding-right: 45px!important
}

.p-b {
    padding-bottom: 15px!important
}

.p-b-xs {
    padding-bottom: 10px!important
}

.p-b-sm {
    padding-bottom: 20px!important
}

.p-b-md {
    padding-bottom: 30px!important
}

.p-b-lg {
    padding-bottom: 45px!important
}

.p-l {
    padding-left: 15px!important
}

.p-l-xs {
    padding-left: 10px!important
}

.p-l-sm {
    padding-left: 20px!important
}

.p-l-md {
    padding-left: 30px!important
}

.p-l-lg {
    padding-left: 45px!important
}

.p-n {
    padding: 0!important
}

.badge {
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 80%;
    background-color: #EEE;
    color: #267
}

.badge-danger,
.badge-info,
.badge-primary,
.badge-success,
.badge-warning {
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 80%;
    color: #FFF
}

.badge-primary {
    background-color: #267
}

.badge-success {
    background-color: #7B0
}

.badge-info {
    background-color: #39D
}

.badge-warning {
    background-color: #F80
}

.badge-danger {
    background-color: #D33
}

.badge-notification {
    border-radius: 1em!important
}

a,
img {
    border: none
}

html {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333
}

body,
html {
    margin: 0
}

a {
    text-decoration: none;
    color: #37B
}

a:hover {
    color: #F55
}

::selection {
    background: #FFA;
    color: #333;
    text-shadow: none
}

code {
    color: #A00;
    background: #FEE;
    padding: 2px 5px;
    line-height: 1em;
    margin: 0 3px;
    display: inline-block;
    font-family: Consolas, Monaco, 'Andale Mono', monospace
}

.btn,
input[type=text] {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    word-spacing: normal;
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.6em;
    margin: .5em 0;
    font-weight: 400
}

ol li,
p,
ul li {
    line-height: 1.8em
}

h1 {
    font-size: 38px
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

hr {
    border-color: #ddd;
    border-width: 0 0 1px
}

p {
    margin: 1em 0 1.5em
}

sub,
sup {
    font-size: 12px
}

small {
    font-size: 70%;
    color: #777
}

ol,
ul {
    margin: 1em 0;
    padding-left: 1.5em
}

.list-unstyled {
    padding: 0
}

dl,
dl.dl-horizontal {
    margin: 1em 0;
    line-height: 1.8em
}

dl dt,
dl.dl-horizontal dt {
    font-weight: 700
}

dl dd,
dl.dl-horizontal dd {
    margin: 0
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto
}

dl.dl-horizontal dt {
    width: 160px
}

dl.dl-horizontal dd {
    padding-left: 190px
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

img.img-rounded {
    border-radius: 1em
}

img.img-circle {
    border-radius: 50%
}

img.img-thumbnail {
    border: 1px solid #ddd;
    padding: 5px;
    background: #FFF
}

.container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

img.img-preserve {
    max-width: auto
}
@media (min-width:1px) {
    .container {
        width: 1170px
    }
}



@media (min-width:768px) {
    .container {
        width: 1170px
    }
}

@media (min-width:960px) {
    .container {
        width: 1170px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container:after,
.container:before {
    display: table
}

.container-fluid:after,
.container-fluid:before {
    display: table
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:after,
.row:before {
    display: table
}

.col-xs-1-12 {
    width: 8.33333%
}

.col-xs-2-12 {
    width: 16.66667%
}

.col-xs-3-12 {
    width: 25%
}

.col-xs-4-12 {
    width: 33.33333%
}

.col-xs-5-12 {
    width: 41.66667%
}

.col-xs-6-12 {
    width: 50%
}

.col-xs-7-12 {
    width: 58.33333%
}

.col-xs-8-12 {
    width: 66.66667%
}

.col-xs-9-12 {
    width: 75%
}

.col-xs-10-12 {
    width: 83.33333%
}

.col-xs-11-12 {
    width: 91.66667%
}

.col-xs-12-12 {
    width: 100%
}

@media (min-width:768px) {
    .col-sm-1-12 {
        width: 8.33333%
    }
    .col-sm-2-12 {
        width: 16.66667%
    }
    .col-sm-3-12 {
        width: 25%
    }
    .col-sm-4-12 {
        width: 33.33333%
    }
    .col-sm-5-12 {
        width: 41.66667%
    }
    .col-sm-6-12 {
        width: 50%
    }
    .col-sm-7-12 {
        width: 58.33333%
    }
    .col-sm-8-12 {
        width: 66.66667%
    }
    .col-sm-9-12 {
        width: 75%
    }
    .col-sm-10-12 {
        width: 83.33333%
    }
    .col-sm-11-12 {
        width: 91.66667%
    }
    .col-sm-12-12 {
        width: 100%
    }
    .col-sm-1-12,
    .col-sm-10-12,
    .col-sm-11-12,
    .col-sm-12-12,
    .col-sm-2-12,
    .col-sm-3-12,
    .col-sm-4-12,
    .col-sm-5-12,
    .col-sm-6-12,
    .col-sm-7-12,
    .col-sm-8-12,
    .col-sm-9-12 {
        float: left
    }
}

@media (min-width:960px) {
    .col-md-1-12 {
        width: 8.33333%
    }
    .col-md-2-12 {
        width: 16.66667%
    }
    .col-md-3-12 {
        width: 25%
    }
    .col-md-4-12 {
        width: 33.33333%
    }
    .col-md-5-12 {
        width: 41.66667%
    }
    .col-md-6-12 {
        width: 50%
    }
    .col-md-7-12 {
        width: 58.33333%
    }
    .col-md-8-12 {
        width: 66.66667%
    }
    .col-md-9-12 {
        width: 75%
    }
    .col-md-10-12 {
        width: 83.33333%
    }
    .col-md-11-12 {
        width: 91.66667%
    }
    .col-md-12-12 {
        width: 100%
    }
    .col-md-1-12,
    .col-md-10-12,
    .col-md-11-12,
    .col-md-12-12,
    .col-md-2-12,
    .col-md-3-12,
    .col-md-4-12,
    .col-md-5-12,
    .col-md-6-12,
    .col-md-7-12,
    .col-md-8-12,
    .col-md-9-12 {
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-1-12 {
        width: 8.33333%
    }
    .col-lg-2-12 {
        width: 16.66667%
    }
    .col-lg-3-12 {
        width: 25%
    }
    .col-lg-4-12 {
        width: 33.33333%
    }
    .col-lg-5-12 {
        width: 41.66667%
    }
    .col-lg-6-12 {
        width: 50%
    }
    .col-lg-7-12 {
        width: 58.33333%
    }
    .col-lg-8-12 {
        width: 66.66667%
    }
    .col-lg-9-12 {
        width: 75%
    }
    .col-lg-10-12 {
        width: 83.33333%
    }
    .col-lg-11-12 {
        width: 91.66667%
    }
    .col-lg-12-12 {
        width: 100%
    }
    .col-lg-1-12,
    .col-lg-10-12,
    .col-lg-11-12,
    .col-lg-12-12,
    .col-lg-2-12,
    .col-lg-3-12,
    .col-lg-4-12,
    .col-lg-5-12,
    .col-lg-6-12,
    .col-lg-7-12,
    .col-lg-8-12,
    .col-lg-9-12 {
        float: left
    }
}

.col-xs-1-10 {
    width: 10%
}

.col-xs-2-10 {
    width: 20%
}

.col-xs-3-10 {
    width: 30%
}

.col-xs-4-10 {
    width: 40%
}

.col-xs-5-10 {
    width: 50%
}

.col-xs-6-10 {
    width: 60%
}

.col-xs-7-10 {
    width: 70%
}

.col-xs-8-10 {
    width: 80%
}

.col-xs-9-10 {
    width: 90%
}

.col-xs-10-10 {
    width: 100%
}

@media (min-width:768px) {
    .col-sm-1-10 {
        width: 10%
    }
    .col-sm-2-10 {
        width: 20%
    }
    .col-sm-3-10 {
        width: 30%
    }
    .col-sm-4-10 {
        width: 40%
    }
    .col-sm-5-10 {
        width: 50%
    }
    .col-sm-6-10 {
        width: 60%
    }
    .col-sm-7-10 {
        width: 70%
    }
    .col-sm-8-10 {
        width: 80%
    }
    .col-sm-9-10 {
        width: 90%
    }
    .col-sm-10-10 {
        width: 100%
    }
    .col-sm-1-10,
    .col-sm-10-10,
    .col-sm-2-10,
    .col-sm-3-10,
    .col-sm-4-10,
    .col-sm-5-10,
    .col-sm-6-10,
    .col-sm-7-10,
    .col-sm-8-10,
    .col-sm-9-10 {
        float: left
    }
}

@media (min-width:960px) {
    .col-md-1-10 {
        width: 10%
    }
    .col-md-2-10 {
        width: 20%
    }
    .col-md-3-10 {
        width: 30%
    }
    .col-md-4-10 {
        width: 40%
    }
    .col-md-5-10 {
        width: 50%
    }
    .col-md-6-10 {
        width: 60%
    }
    .col-md-7-10 {
        width: 70%
    }
    .col-md-8-10 {
        width: 80%
    }
    .col-md-9-10 {
        width: 90%
    }
    .col-md-10-10 {
        width: 100%
    }
    .col-md-1-10,
    .col-md-10-10,
    .col-md-2-10,
    .col-md-3-10,
    .col-md-4-10,
    .col-md-5-10,
    .col-md-6-10,
    .col-md-7-10,
    .col-md-8-10,
    .col-md-9-10 {
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-1-10 {
        width: 10%
    }
    .col-lg-2-10 {
        width: 20%
    }
    .col-lg-3-10 {
        width: 30%
    }
    .col-lg-4-10 {
        width: 40%
    }
    .col-lg-5-10 {
        width: 50%
    }
    .col-lg-6-10 {
        width: 60%
    }
    .col-lg-7-10 {
        width: 70%
    }
    .col-lg-8-10 {
        width: 80%
    }
    .col-lg-9-10 {
        width: 90%
    }
    .col-lg-10-10 {
        width: 100%
    }
    .col-lg-1-10,
    .col-lg-10-10,
    .col-lg-2-10,
    .col-lg-3-10,
    .col-lg-4-10,
    .col-lg-5-10,
    .col-lg-6-10,
    .col-lg-7-10,
    .col-lg-8-10,
    .col-lg-9-10 {
        float: left
    }
}

.input-group input[type=text],
table {
    width: 100%
}

.col-lg-1-10,
.col-lg-1-12,
.col-lg-10-10,
.col-lg-10-12,
.col-lg-11-12,
.col-lg-12-12,
.col-lg-2-10,
.col-lg-2-12,
.col-lg-3-10,
.col-lg-3-12,
.col-lg-4-10,
.col-lg-4-12,
.col-lg-5-10,
.col-lg-5-12,
.col-lg-6-10,
.col-lg-6-12,
.col-lg-7-10,
.col-lg-7-12,
.col-lg-8-10,
.col-lg-8-12,
.col-lg-9-10,
.col-lg-9-12,
.col-md-1-10,
.col-md-1-12,
.col-md-10-10,
.col-md-10-12,
.col-md-11-12,
.col-md-12-12,
.col-md-2-10,
.col-md-2-12,
.col-md-3-10,
.col-md-3-12,
.col-md-4-10,
.col-md-4-12,
.col-md-5-10,
.col-md-5-12,
.col-md-6-10,
.col-md-6-12,
.col-md-7-10,
.col-md-7-12,
.col-md-8-10,
.col-md-8-12,
.col-md-9-10,
.col-md-9-12,
.col-sm-1-10,
.col-sm-1-12,
.col-sm-10-10,
.col-sm-10-12,
.col-sm-11-12,
.col-sm-12-12,
.col-sm-2-10,
.col-sm-2-12,
.col-sm-3-10,
.col-sm-3-12,
.col-sm-4-10,
.col-sm-4-12,
.col-sm-5-10,
.col-sm-5-12,
.col-sm-6-10,
.col-sm-6-12,
.col-sm-7-10,
.col-sm-7-12,
.col-sm-8-10,
.col-sm-8-12,
.col-sm-9-10,
.col-sm-9-12,
.col-xs-1-10,
.col-xs-1-12,
.col-xs-10-10,
.col-xs-10-12,
.col-xs-11-12,
.col-xs-12-12,
.col-xs-2-10,
.col-xs-2-12,
.col-xs-3-10,
.col-xs-3-12,
.col-xs-4-10,
.col-xs-4-12,
.col-xs-5-10,
.col-xs-5-12,
.col-xs-6-10,
.col-xs-6-12,
.col-xs-7-10,
.col-xs-7-12,
.col-xs-8-10,
.col-xs-8-12,
.col-xs-9-10,
.col-xs-9-12 {
    position: relative;
    box-sizing: border-box;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: none
}

@media (max-width:767px) {
    .row {
        margin-left: -5px;
        margin-right: -5px
    }
    .col-lg-1-10,
    .col-lg-1-12,
    .col-lg-10-10,
    .col-lg-10-12,
    .col-lg-11-12,
    .col-lg-12-12,
    .col-lg-2-10,
    .col-lg-2-12,
    .col-lg-3-10,
    .col-lg-3-12,
    .col-lg-4-10,
    .col-lg-4-12,
    .col-lg-5-10,
    .col-lg-5-12,
    .col-lg-6-10,
    .col-lg-6-12,
    .col-lg-7-10,
    .col-lg-7-12,
    .col-lg-8-10,
    .col-lg-8-12,
    .col-lg-9-10,
    .col-lg-9-12,
    .col-md-1-10,
    .col-md-1-12,
    .col-md-10-10,
    .col-md-10-12,
    .col-md-11-12,
    .col-md-12-12,
    .col-md-2-10,
    .col-md-2-12,
    .col-md-3-10,
    .col-md-3-12,
    .col-md-4-10,
    .col-md-4-12,
    .col-md-5-10,
    .col-md-5-12,
    .col-md-6-10,
    .col-md-6-12,
    .col-md-7-10,
    .col-md-7-12,
    .col-md-8-10,
    .col-md-8-12,
    .col-md-9-10,
    .col-md-9-12,
    .col-sm-1-10,
    .col-sm-1-12,
    .col-sm-10-10,
    .col-sm-10-12,
    .col-sm-11-12,
    .col-sm-12-12,
    .col-sm-2-10,
    .col-sm-2-12,
    .col-sm-3-10,
    .col-sm-3-12,
    .col-sm-4-10,
    .col-sm-4-12,
    .col-sm-5-10,
    .col-sm-5-12,
    .col-sm-6-10,
    .col-sm-6-12,
    .col-sm-7-10,
    .col-sm-7-12,
    .col-sm-8-10,
    .col-sm-8-12,
    .col-sm-9-10,
    .col-sm-9-12,
    .col-xs-1-10,
    .col-xs-1-12,
    .col-xs-10-10,
    .col-xs-10-12,
    .col-xs-11-12,
    .col-xs-12-12,
    .col-xs-2-10,
    .col-xs-2-12,
    .col-xs-3-10,
    .col-xs-3-12,
    .col-xs-4-10,
    .col-xs-4-12,
    .col-xs-5-10,
    .col-xs-5-12,
    .col-xs-6-10,
    .col-xs-6-12,
    .col-xs-7-10,
    .col-xs-7-12,
    .col-xs-8-10,
    .col-xs-8-12,
    .col-xs-9-10,
    .col-xs-9-12 {
        padding-right: 5px;
        padding-left: 5px
    }
}

.row.gutter-collapse {
    margin-left: 0;
    margin-right: 0
}

.row.gutter-collapse>div {
    padding-left: 0;
    padding-right: 0
}

.row.gutter-small {
    margin-left: -5px;
    margin-right: -5px
}

.row.gutter-small>div {
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width:767px) {
    .row.gutter-small {
        margin-left: -2px;
        margin-right: -2px
    }
    .row.gutter-small>div {
        padding-left: 2px;
        padding-right: 2px
    }
}

.row.gutter-larger {
    margin-left: -25px;
    margin-right: -25px
}

.row.gutter-larger>div {
    padding-left: 25px;
    padding-right: 25px
}

@media (max-width:767px) {
    .row.gutter-larger {
        margin-left: -10px;
        margin-right: -10px
    }
    .row.gutter-larger>div {
        padding-left: 10px;
        padding-right: 10px
    }
}

table {
    border-spacing: 0;
    border-bottom: 1px solid #ddd
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
    padding: 1em;
    text-align: left;
    border-bottom: 1px solid #ddd
}

table>thead>tr>td,
table>thead>tr>th {
    border-bottom-width: 2px
}

table>tfoot {
    color: #888
}

.btn,
.btn:hover {
    color: #333
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-unstyled,
.table-unstyled>tbody>tr>td,
.table-unstyled>tbody>tr>th,
.table-unstyled>tfoot>tr>td,
.table-unstyled>tfoot>tr>th,
.table-unstyled>thead>tr>td,
.table-unstyled>thead>tr>th {
    border: none
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: .5em
}

.table-striped tbody>tr:nth-of-type(odd) {
    background: #fafafa
}

.btn,
.table-hover tbody>tr:hover {
    background: #F2F2F2
}

.btn {
    box-sizing: border-box;
    padding: .5em 1em;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 2px;
    border: 1px solid #e1e1e1
}

.btn-danger,
.btn-danger:hover,
.btn-info:hover,
.btn-primary,
.btn-primary:hover,
.btn-success,
.btn-success:hover,
.btn-warning,
.btn-warning:hover {
    color: #FFF
}

.btn.active,
.btn:hover {
    background: #fff;
    border: 1px solid #e9e9e9
}

.btn-primary {
    background: #267;
    border: 1px solid #156
}

.btn-primary.active,
.btn-primary:hover {
    background: #378;
    border: 1px solid #195d6e
}

.btn-success {
    background: #7B0;
    border: 1px solid #6a0
}

.btn-success.active,
.btn-success:hover {
    background: #8c1;
    border: 1px solid #6eb200
}

.btn-info {
    background: #39D;
    border: 1px solid #28c;
    color: #FFF
}

.btn-info.active,
.btn-info:hover {
    background: #4ae;
    border: 1px solid #2a90d4
}

.btn-warning {
    background: #F80;
    border: 1px solid #e70
}

.btn-warning.active,
.btn-warning:hover {
    background: #f91;
    border: 1px solid #f67f00
}

.btn-danger {
    background: #D33;
    border: 1px solid #c22
}

.btn-danger.active,
.btn-danger:hover {
    background: #e44;
    border: 1px solid #d42a2a
}

.btn-xs {
    font-size: 12px;
    padding: 1px 5px
}

.btn-sm {
    font-size: 12px;
    padding: 5px 10px
}

.btn-md {
    font-size: 22px
}

.btn-lg {
    font-size: 30px
}

button[disabled],
button[disabled]:hover {
    color: #AAA;
    background-color: #EEE;
    border-color: #DDD;
    cursor: not-allowed
}

.btn-group:after,
.btn-group:before {
    display: table
}

.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
    margin-right: -1px
}

.btn-group .btn:first-child {
    margin-left: 0;
    border-radius: 2px 0 0 2px
}

.btn-group .btn:last-child {
    margin-right: 0;
    border-radius: 0 2px 2px 0
}

input[type=text] {
    box-sizing: border-box;
    padding: .5em 1em;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: #e1e1e1;
    color: #666
}

input[type=text]:focus {
    box-shadow: 0 0 .5em #bfbfbf;
    outline: 0
}

.input-group {
    display: table
}

.input-group .input-group-btn,
.input-group input[type=text] {
    display: table-cell;
    position: relative;
    box-sizing: border-box
}

.input-group .btn-group {
    display: table-cell;
    word-spacing: normal;
    width: 1%;
    vertical-align: middle
}

.nav li>a,
.navbar li>a {
    display: block;
    line-height: 20px
}

.input-group .btn-group .btn {
    margin-left: -1px;
    margin-right: -1px;
    border-radius: 0;
    z-index: 2;
    position: relative
}

.input-group .btn-group:first-child .btn {
    border-radius: 2px 0 0 2px;
    margin-right: -1px;
    margin-left: 0
}

.input-group .btn-group:last-child .btn {
    border-radius: 0 2px 2px 0;
    margin-left: -1px;
    margin-right: 0
}

.input-group input[type=text]:first-child {
    border-radius: 2px 0 0 2px
}

.input-group input[type=text]:last-child {
    border-radius: 0 2px 2px 0
}

.nav {
    margin: 0;
    padding: 0
}

.nav li {
    position: relative
}

.nav li>a {
    padding: 15px;
    color: #333
}

.nav li>a:hover {
    color: #000
}

.navbar {
    position: relative;
    padding: 0;
    margin: 0;
    background: #F2F2F2
}

.navbar li {
    position: relative
}

.navbar li.active {
    background: #e1e1e1
}

.navbar li>a {
    padding: 15px;
    color: #333
}

.navbar li>a:hover {
    color: #000
}

.navbar .navbar-header:after,
.navbar .navbar-header:before {
    content: " ";
    display: table
}

.navbar .navbar-header .navbar-logo {
    float: left;
    height: 20px;
    margin: 15px;
    line-height: 20px;
    font-weight: 700
}

.navbar .navbar-header .navbar-toggle {
    margin: 10px 15px;
    height: 30px;
    border: 1px solid #ddd;
    padding: 6px 10px;
    display: none
}

.navbar .navbar-nav {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.navbar .navbar-right {
    float: right
}

.navbar:after,
.navbar:before {
    display: table
}

.dropdown-menu {
    position: absolute;
    padding: 5px 0;
    margin: 0;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .2);
    background: #FFF;
    box-shadow: 0 6px 8px rgba(0, 0, 0, .2);
    min-width: 160px;
    display: none;
    z-index: 999
}

.dropdown-menu li {
    float: none!important
}

.dropdown-menu li.header {
    padding: 6px 15px;
    margin: 0;
    font-weight: 700;
    color: #555
}

.dropdown-menu li.disabled,
.dropdown-menu li.disabled a {
    color: #DDD;
    cursor: not-allowed
}

.dropdown-menu li.disabled a:hover {
    background: 0 0
}

.dropdown-menu li.active,
.dropdown-menu li.active a {
    background: #e1e1e1
}

.dropdown-menu li.divider {
    margin: 5px 0;
    border-top: 1px solid #ddd;
    line-height: 0;
    height: 0
}

.dropdown-menu li a {
    color: #333;
    display: block;
    padding: 6px 15px
}

.dropdown-menu li a:hover {
    background: #e9e9e9
}

.navbar-default {
    background: #F2F2F2;
    border: 1px solid #ddd
}

.navbar-default li.active {
    background: #e1e1e1
}

.navbar-inverse {
    color: #F2F2F2;
    background: #267;
    border: none
}

.navbar-inverse li.active,
.navbar-inverse li.active>a {
    background: #045!important
}

.navbar-inverse li>a {
    color: #F2F2F2
}

.navbar-inverse li>a:hover {
    color: #fff;
    background: #195d6e
}

.navbar-inverse li .dropdown-menu li {
    background: #FFF
}

.navbar-inverse li .dropdown-menu li>a {
    color: #267
}

.navbar-inverse li .dropdown-menu li.active>a,
.navbar-inverse li .dropdown-menu li>a:hover {
    color: #FFF
}

.navbar-inverse li .dropdown-menu li.disabled>a {
    color: #DDD
}

@media (max-width:479px) {
    .navbar-xs .navbar-header,
    .navbar-xs .navbar-nav,
    .navbar-xs .navbar-nav li {
        float: none
    }
    .navbar-xs .navbar-header:after,
    .navbar-xs .navbar-header:before {
        content: " ";
        display: table
    }
    .navbar-xs .navbar-header:after {
        clear: both
    }
    .navbar-xs .navbar-header .navbar-toggle {
        display: block
    }
    .navbar-xs .dropdown-menu {
        position: relative;
        box-shadow: none;
        border: none;
        background: #F2F2F2;
        color: #333
    }
    .navbar-xs .dropdown-menu li.header {
        padding-left: 20px
    }
    .navbar-xs .dropdown-menu li a {
        color: #333;
        padding-left: 20px
    }
    .navbar-xs .dropdown-menu li a:hover {
        background: 0 0
    }
}

@media (max-width:767px) {
    .navbar-sm .navbar-header,
    .navbar-sm .navbar-nav,
    .navbar-sm .navbar-nav li {
        float: none
    }
    .navbar-sm .navbar-header:after,
    .navbar-sm .navbar-header:before {
        content: " ";
        display: table
    }
    .navbar-sm .navbar-header:after {
        clear: both
    }
    .navbar-sm .navbar-header .navbar-toggle {
        display: block
    }
    .navbar-sm .dropdown-menu {
        position: relative;
        box-shadow: none;
        border: none;
        background: #F2F2F2;
        color: #333
    }
    .navbar-sm .dropdown-menu li.header {
        padding-left: 20px
    }
    .navbar-sm .dropdown-menu li a {
        color: #333;
        padding-left: 20px
    }
    .navbar-sm .dropdown-menu li a:hover {
        background: 0 0
    }
}

@media (max-width:959px) {
    .navbar-md .navbar-header,
    .navbar-md .navbar-nav,
    .navbar-md .navbar-nav li {
        float: none
    }
    .navbar-md .navbar-header:after,
    .navbar-md .navbar-header:before {
        content: " ";
        display: table
    }
    .navbar-md .navbar-header:after {
        clear: both
    }
    .navbar-md .navbar-header .navbar-toggle {
        display: block
    }
    .navbar-md .dropdown-menu {
        position: relative;
        box-shadow: none;
        border: none;
        background: #F2F2F2;
        color: #333
    }
    .navbar-md .dropdown-menu li.header {
        padding-left: 20px
    }
    .navbar-md .dropdown-menu li a {
        color: #333;
        padding-left: 20px
    }
    .navbar-md .dropdown-menu li a:hover {
        background: 0 0
    }
}

@media (max-width:1199px) {
    .navbar-lg .navbar-header,
    .navbar-lg .navbar-nav,
    .navbar-lg .navbar-nav li {
        float: none
    }
    .navbar-lg .navbar-header:after,
    .navbar-lg .navbar-header:before {
        content: " ";
        display: table
    }
    .navbar-lg .navbar-header:after {
        clear: both
    }
    .navbar-lg .navbar-header .navbar-toggle {
        display: block
    }
    .navbar-lg .dropdown-menu {
        position: relative;
        box-shadow: none;
        border: none;
        background: #F2F2F2;
        color: #333
    }
    .navbar-lg .dropdown-menu li.header {
        padding-left: 20px
    }
    .navbar-lg .dropdown-menu li a {
        color: #333;
        padding-left: 20px
    }
    .navbar-lg .dropdown-menu li a:hover {
        background: 0 0
    }
}

.breadcrumb {
    padding: 0;
    margin: .6em 0
}

.breadcrumb:after,
.breadcrumb:before {
    display: table
}

.breadcrumb li,
.breadcrumb>a {
    float: left;
    margin-right: 1.6em;
    position: relative
}

.breadcrumb li:after,
.breadcrumb>a:after {
    content: '/';
    position: absolute;
    right: -1.2em;
    font-size: .5em;
    color: #999
}

.breadcrumb li:last-child,
.breadcrumb>a:last-child {
    overflow: hidden
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


@charset "UTF-8";
html { font-family: 'microsoft yahei'; }

@media (max-width: 768px) { .bdshare-slide-button-box { display: none !important; } }

/*返回顶部*/
#gotoTop { position: fixed; bottom: 8%; right: 2%; display: none; width: 64px; height: 72px; background: url("top.png"); background-repeat: no-repeat; background-position: center center; z-index: 5; }

/*返回顶部结束*/
/*banner*/
/*banner*/
.banner { position: relative; height: 850px;}

.banner .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("banner.jpg"); background-repeat: no-repeat; background-position: top center; z-index: 2; }

.banner .box { position: relative; height: 850px; perspective: 3000px; transform-style: preserve-3d; z-index: 3; }

.banner .box .textO { position: absolute; top: 28%; right: 90px; left: 90px; transform: translateZ(0); z-index: 3; animation: myfirst 2s linear; opacity: 1; filter: alpha(opacity=100); }

.banner .box .textO img { display: block; width: 100%; }

.banner .box .textT { position: absolute; top: 54%; right: 420px; left: 420px; transform: translateZ(0); z-index: 3; animation: myfirst 2s linear; opacity: 1; filter: alpha(opacity=100); }

.banner .box .textT img { display: block; width: 100%; }

@keyframes myfirst { 0% { opacity: 0;
    transform: translateZ(-3000px); }
  50% { opacity: 0.5;
    transform: translateZ(-1500px); }
  90% { opacity: 0.9;
    transform: translateZ(50px); }
  100% { opacity: 1;
    transform: translateZ(0); } }

/*banner end*/

/*banner end*/
/*通用*/
body { background-image: url("bg.jpg"); background-repeat: repeat; background-position: top center;}

.title { margin: 0; line-height: 1em; overflow: hidden; text-align: center; }

.title a { display: inline-block; line-height: 1em; width: 30%; }

.title a:hover img { left: 10px; }

.title a img { position: relative; left: 0; display: block; width: 100%; max-width: none\9; transition: all 0.3s linear; }

/*通用 结束*/
/*导航条*/
.top-bar { height: 50px; overflow: hidden; background-color: #fff; }

.top-bar .header { float: left; padding: 10px 0; }

.top-bar .header img.brand { display: block; height: 30px; }

.top-bar .btn-touch-search { float: right; margin: 10px 0; border: none; height: 30px; line-height: 30px; padding: 0 1em; background-color: #e0e0e0; color: #066; }

.top-bar .navbar { background-color: #FFF; line-height: 50px; font-size: 16px; float: left; margin-left: 2em; }

.top-bar .navbar li { float: left; }

.top-bar .navbar li a:hover { color: #f8774a; }

.top-bar .searchbox { border-radius: 3px; border: 1px solid #ddd; box-sizing: border-box; height: 36px; overflow: hidden; float: right; margin: 8px 0; padding: 3px; }

.top-bar .searchbox:hover { box-shadow: 0 0 0 3px #ffffff; border-color: #cccac7; }

.top-bar .searchbox:hover button { background-color: #006666; color: #FFF; }

.top-bar .searchbox:active { box-shadow: 0 0 0 3px #ffffff; border-color: #cccac7; }

.top-bar .searchbox:active button { background-color: #006666; color: #FFF; }

.top-bar .searchbox input[type='text'] { height: 28px; padding: 0.5em; border: none; }

.top-bar .searchbox input[type='text']:focus { outline: 0; box-shadow: none; }

.top-bar .searchbox input[type='text']:hover { outline: 0; box-shadow: none; }

.top-bar .searchbox button { border: none; height: 28px; line-height: 28px; padding: 0 .8em; border-radius: 3px; }

.top-bar .searchbox button:hover { background-color: #177474; color: #FFF; }

/*导航条结束*/

/*头条要闻 */
.topline { padding-top: 50px; border-width: 0 0 0 0; border-style: solid; border-color: #f2f6f8; }

.topline .articles { text-align: center; padding: 0; }

.topline .articles h2 { font-weight: bolder; transition: all 0.3s; font-size: 38px; margin: 0; background-image: -webkit-gradient(linear, left center, right center, from(#1b21ce), to(#2effec)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.topline .articles .description { color: #808080; font-size: 14px; line-height: 1.8em; }

/*.topline .articles h2:hover { background-image: -webkit-gradient(linear, left center, right center, from(#f5be04), to(#f50505)); }*/

/*头条要闻结束*/
/*冬奥播报*/
.dabb { position: relative; margin-top: 60px; }

.dabb .article { position: relative; padding: 90px 0 10px 0; background-image: url("bg-0.png"); background-repeat: no-repeat; background-position: top center; background-size: cover; overflow: hidden; }

.dabb .article .left { float: left; width: 50%; box-sizing: border-box; padding: 20px; }

.dabb .article .left #focus { position: relative; box-shadow: 0 3px 10px #efefef; border: 3px solid #fff; }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item { position: relative; }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item .img { display: block; overflow: hidden; }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.dabb .article .left #focus .owl-stage-outer .owl-stage .owl-item .item span a { display: block; position: relative; padding: 8px 20px; line-height: 1.6em; box-sizing: border-box; color: #fff; font-size: 16px; z-index: 2; }

.dabb .article .left #focus .owl-nav { display: none; }

.dabb .article .left #focus .owl-dots { position: absolute; bottom: 3%; right: 5%; margin: 0; z-index: 3; }

.dabb .article .left #focus .owl-dots .owl-dot span { margin: 3px; width: 8px; height: 8px; opacity: 1; filter: alpha(opacity=100); background: #fff; }

.dabb .article .left #focus .owl-dots .active span { background: #4355d4; }

.dabb .article .right { float: left; width: 50%; box-sizing: border-box; padding: 20px; }

.dabb .article .right ul { margin: -8px 0 0 0; padding: 0; list-style: none; }

.dabb .article .right ul li a { position:relative; padding-left:25px; display: block; font-size: 16px; color: #fff; line-height: 2.2em; height: 2.2em; overflow: hidden; }

.dabb .article .right ul li a:after{ content: "";
    position: absolute;
    top: 42%;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #fff;
    transform: rotate(45deg); }

.dabb .article .right ul .li a{ font-size:18px; font-weight:bold; padding-left:0;}

.dabb .article .right ul .li a:after{ width::0; height:0; }

.dabb .article .right ul li span{ display: block; font-size: 14px; color: #fff; line-height: 1.8em; height: 5.4em;  overflow: hidden; text-indent:2em;}

.dabb .article .right ul li a:hover { color: #d621c7; }

/*冬奥播报结束*/
/*冰雪视界*/
.bg-1 { background-image: url("bg1.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; }

.bg-1 .bxsj { padding: 60px 15px; }

.bg-1 .bxsj #owl-ypz { position: relative; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer { padding: 30px 0; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item { position: relative; margin: 0 15px\9; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item .img { display: block; overflow: hidden; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .owl-item .item span a { display: block; position: relative; padding: 8px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 14px; z-index: 2; }

.bg-1 .bxsj #owl-ypz .owl-stage-outer .owl-stage .center { -ms-transform: scale(1.2); transform: scale(1.2); z-index: 99; }

.bg-1 .bxsj #owl-ypz .owl-nav { display: block; }

.bg-1 .bxsj #owl-ypz .owl-nav .owl-prev { position: absolute; top: 28px; left: 0; bottom: 28px; margin: 0; padding: 0; width: 343px; z-index: 100; opacity: 0.3; filter: Alpha(opacity=30); background-color: #fff; }

.bg-1 .bxsj #owl-ypz .owl-nav .owl-next { position: absolute; top: 28px; right: 0; bottom: 28px; margin: 0; padding: 0; width: 343px; z-index: 100; opacity: 0.3; filter: Alpha(opacity=30); background-color: #fff; }

.bg-1 .bxsj #owl-ypz .owl-dots { display: none; }

/*冰雪视界结束*/
/*新闻速递*/
.xwsd { margin-top: 60px; }

.xwsd .article { padding-top: 10px; }

.xwsd .article .c-box ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }

.xwsd .article .c-box ul li { float: left; width: 33.33333333%; box-sizing: border-box; border-bottom: 4px solid #2B6DE8; }

.xwsd .article .c-box ul li h4 { margin: 0; padding: 6px 0 2px 0; line-height: 2.2em; font-size: 18px; color: #2B6DE8; font-weight: bold; text-align: center; }

.xwsd .article .c-box ul .active h4 { background-color: #2B6DE8; color: #fff; }

.xwsd .article .tab-item { display: none !important; }

.xwsd .article .tab-item .section { box-sizing: border-box; padding: 0 10px; overflow: hidden; background-color: #fff; }

.xwsd .article .tab-item .section .box { float: left; width: 30%; box-sizing: border-box; padding: 40px 5px; }

.xwsd .article .tab-item .section .box ul { margin: -5px 0 0 0; padding: 5px 0 0 0; list-style: none; }

.xwsd .article .tab-item .section .box ul li { padding-bottom: 6px; }

.xwsd .article .tab-item .section .box ul li a { position:relative; padding-left:30px; display: block; font-size: 16px; color: #333; line-height: 1.8em; height: 3.6em; overflow: hidden; }

.xwsd .article .tab-item .section .box ul li a:after{ content: "";
    position: absolute;
    top: 18%;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #fa5b27;
    transform: rotate(45deg);}

.xwsd .article .tab-item .section .box ul li a:hover { color: #d621c7; }

.xwsd .article .tab-item .section .box .item { position: relative; padding: 5px 0; }

.xwsd .article .tab-item .section .box .item .img { display: block; overflow: hidden; border-radius: 5px; }

.xwsd .article .tab-item .section .box .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.xwsd .article .tab-item .section .box .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.xwsd .article .tab-item .section .box .item span { position: absolute; right: 0; bottom: 5px; left: 0; border-radius: 0 0 5px 5px; overflow: hidden; }

.xwsd .article .tab-item .section .box .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.xwsd .article .tab-item .section .box .item span a { display: block; position: relative; padding: 8px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 14px; z-index: 2; }

.xwsd .article .tab-item .section .box-w { width: 40%; }

.xwsd .article .tab-item .section .box-w .item-g { padding-top: 5px; }

.xwsd .article .tab-item .section .box-w .item-g .img { display: block; overflow: hidden; border-radius: 5px; }

.xwsd .article .tab-item .section .box-w .item-g .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.xwsd .article .tab-item .section .box-w .item-g .img img { display: block; width: 100%; transition: all 0.3s linear; }

.xwsd .article .tab-item .section .box-w .item-g span { display: block; overflow: hidden; }

.xwsd .article .tab-item .section .box-w .item-g span a { display: block; position: relative; padding: 20px; line-height: 1.8em; box-sizing: border-box; color: #333; font-size: 16px; }

.xwsd .article .tab-item .section .box-w .item-g p{ margin:8px 0 0 0; font-size:14px; color:#999; padding:0 20px; line-height:1.8em;}

.xwsd .article .show { display: block !important; }

/*新闻速递结束*/
/*奖牌榜与赛事预告与微博*/
.jpb-yg-wb { margin-top: 60px; }

.jpb-yg-wb .article { overflow: hidden; }

.jpb-yg-wb .article .title a { width: 80%; }

.jpb-yg-wb .article .jpb { float: left; width: 33.333333%; box-sizing: border-box; padding: 0 15px; }

.jpb-yg-wb .article .jpb .section { margin-top: 30px; }

.jpb-yg-wb .article .jpb .section .content{ position:relative;}

.jpb-yg-wb .article .jpb .section .content .lj{ position:absolute; top:0; right:0; bottom:0; left:0;}

.jpb-yg-wb .article .jpb .section .content .top { overflow: hidden; background-color: #1c87e3; }

.jpb-yg-wb .article .jpb .section .content .top p { float: left; width: 17%; box-sizing: border-box; margin: 0; line-height: 3.2em; color: #fff; font-size: 16px; font-weight: bold; text-align: center; }

.jpb-yg-wb .article .jpb .section .content .top .gjmz { width: 30%; }

.jpb-yg-wb .article .jpb .section .content .bottom { padding: 16px 0; overflow: hidden; background-color: #fff; }

.jpb-yg-wb .article .jpb .section .content .bottom .left { float: left; width: 12%; box-sizing: border-box; border-right: 1px solid #fff; }

.jpb-yg-wb .article .jpb .section .content .bottom .left p { margin: 0; line-height: 2.4em; color: #333; font-size: 14px; text-align: center; border-bottom: 1px solid #fff; }

.jpb-yg-wb .article .jpb .section .content .bottom .left .jp { color: #ff0012; font-weight: bold; }

.jpb-yg-wb .article .jpb .section .content .bottom .left .yp { color: #a9a9a9; font-weight: bold; }

.jpb-yg-wb .article .jpb .section .content .bottom .left .tp { color: #daa520; font-weight: bold; }

.jpb-yg-wb .article .jpb .section .content .bottom .right { float: left; width: 88%; box-sizing: border-box; overflow: hidden; }

.jpb-yg-wb .article .jpb .section .content .bottom .right .box { overflow: hidden; }

.jpb-yg-wb .article .jpb .section .content .bottom .right .box p { float: left; margin: 0; width: 20%; box-sizing: border-box; color: #333; font-size: 14px; text-align: center; line-height: 2.4em; border-bottom: 1px solid #eee; }

.jpb-yg-wb .article .jpb .section .content .bottom .right .box .gjm { width: 40%; }

.jpb-yg-wb .article .yg { float: left; width: 33.333333%; box-sizing: border-box; padding: 0 15px; }

.jpb-yg-wb .article .yg .section { margin-top: 30px; }

.jpb-yg-wb .article .yg .section .content { box-shadow: 0 3px 10px #efefef; border: 1px solid #efefef; }

.jpb-yg-wb .article .yg .section .content a { position: relative; display: block; }

.jpb-yg-wb .article .yg .section .content a:hover em { opacity: 0.3; filter: alpha(opacity=30); }

.jpb-yg-wb .article .yg .section .content a img { display: block; width: 100%; }

.jpb-yg-wb .article .yg .section .content a em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }

.jpb-yg-wb .article .wb { float: left; width: 33.333333%; box-sizing: border-box; padding: 0 15px; }

.jpb-yg-wb .article .wb .section { margin-top: 30px; }


/*奖牌榜与赛事预告与微博结束*/
/*冬奥项目*/
.daxm { margin-top: 60px; }

.daxm .article { margin: 0 -10px; padding-top: 10px; overflow: hidden; }

.daxm .article .section { position: relative; float: left; width: 25%; box-sizing: border-box; padding: 0 10px; }

.daxm .article .section .content { position: relative; background-image: url("1.png"); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 363px; }

.daxm .article .section .content a { position: absolute; height: 82px; width: 82px; color: #fff; font-size: 16px; font-weight: bold; line-height: 82px; text-align: center; z-index: 4; }

.daxm .article .section .content a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: 0; filter: Alpha(opacity=0); display: none\9; }

.daxm .article .section .content a:hover:after { opacity: 0.3; filter: Alpha(opacity=30); }

.daxm .article .section1 .content .a1 { top: 7px; left: 5px; }

.daxm .article .section1 .content .a2 { top: 7px; left: 93px; width: 171px; }

.daxm .article .section1 .content .a3 { top: 97px; left: 182px; }

.daxm .article .section1 .content .a4 { top: 185px; left: 5px; width: 171px; height: 171px; line-height: 171px; color: #3377bb; }

.daxm .article .section2 .content { background-image: url("2.png"); }

.daxm .article .section2 .content .a1 { top: 7px; left: 5px; width: 171px; color: #3377bb; }

.daxm .article .section2 .content .a2 { top: 185px; left: 5px; }

.daxm .article .section2 .content .a3 { width: 171px; bottom: 7px; right: 7px; }

.daxm .article .section3 .content { background-image: url("3.png"); }

.daxm .article .section3 .content .a1 { top: 7px; left: 5px; }

.daxm .article .section3 .content .a2 { top: 7px; left: 93px; width: 171px; }

.daxm .article .section3 .content .a3 { top: 185px; left: 5px; width: 171px; color: #3377bb; }

.daxm .article .section3 .content .a4 { left: 93px; bottom: 7px; }

.daxm .article .section4 .content { background-image: url("4.png"); }

.daxm .article .section4 .content .a1 { top: 7px; left: 3px; width: 171px; }

.daxm .article .section4 .content .a2 { top: 97px; left: 182px; }

.daxm .article .section4 .content .a3 { top: 185px; left: 3px; width: 171px; }

.daxm .article .section4 .content .a4 { right: 7px; bottom: 7px; width: 171px; color: #3377bb; }

/*冬奥项目结束*/
/*冬奥百科*/
.dabk { margin-top: 60px; }

.dabk .article { margin-top: 10px; margin: 10px -5px 0 -5px; overflow: hidden; }

.dabk .article .section { float: left; width: 50%; box-sizing: border-box; padding: 0 5px; }

.dabk .article .section .item { position: relative; }

.dabk .article .section .item .img { display: block; overflow: hidden; }

.dabk .article .section .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.dabk .article .section .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.dabk .article .section .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.dabk .article .section .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.dabk .article .section .item span a { display: block; position: relative; padding: 10px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 16px; z-index: 2; }

.dabk .article .section-x { float: left; width: 25%; box-sizing: border-box; padding: 0 5px; }

.dabk .article .section-x .item { position: relative; }

.dabk .article .section-x .item .img { display: block; overflow: hidden; }

.dabk .article .section-x .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.dabk .article .section-x .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.dabk .article .section-x .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.dabk .article .section-x .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.dabk .article .section-x .item span a { display: block; position: relative; padding: 10px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 16px; z-index: 2; }

/*冬奥百科结束*/
/*赛区巡礼*/
.bg-2 { background-image: url("bg2.png"); background-repeat: no-repeat; background-position: bottom center; }

.bg-2 .sqxl { margin-top: 60px; }

.bg-2 .sqxl .article { margin-top: 10px; }

.bg-2 .sqxl .article .c-box ul { position: relative; margin: 0; padding: 0; list-style: none; overflow: hidden; }

.bg-2 .sqxl .article .c-box ul:after { content: ""; position: absolute; top: 50%; right: 0; left: 0; height: 2px; background: #ff2828; z-index: 1; }

.bg-2 .sqxl .article .c-box ul li { position: relative; float: left; width: 33.33333333%; box-sizing: border-box; z-index: 2; }

.bg-2 .sqxl .article .c-box ul li h4 { margin: 0 auto; width: 50%; padding: 5px 0; line-height: 2.2em; font-size: 18px; color: #2b6de8; font-weight: bold; text-align: center; background-image: url("t2.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.bg-2 .sqxl .article .c-box ul .active h4 { background-image: url("t1.png"); color: #fff; }

.bg-2 .sqxl .article .tab-item { display: none !important; }

.bg-2 .sqxl .article .tab-item .section { margin: 0 -15px; padding-top: 40px; box-sizing: border-box; overflow: hidden; }

.bg-2 .sqxl .article .tab-item .section .box { float: left; width: 50%; box-sizing: border-box; padding: 0 15px; }

.bg-2 .sqxl .article .tab-item .section .box .item { position: relative; }

.bg-2 .sqxl .article .tab-item .section .box .item .img { display: block; overflow: hidden; }

.bg-2 .sqxl .article .tab-item .section .box .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.bg-2 .sqxl .article .tab-item .section .box .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.bg-2 .sqxl .article .tab-item .section .box .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.bg-2 .sqxl .article .tab-item .section .box .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.bg-2 .sqxl .article .tab-item .section .box .item span a { display: block; position: relative; padding: 10px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 16px; z-index: 2; }

.bg-2 .sqxl .article .tab-item .section .box-x { float: left; width: 16.66666%; box-sizing: border-box; padding: 0 15px; }

.bg-2 .sqxl .article .tab-item .section .box-x .item { position: relative; }

.bg-2 .sqxl .article .tab-item .section .box-x .item .img { display: block; overflow: hidden; }

.bg-2 .sqxl .article .tab-item .section .box-x .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.bg-2 .sqxl .article .tab-item .section .box-x .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.bg-2 .sqxl .article .tab-item .section .box-x .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.bg-2 .sqxl .article .tab-item .section .box-x .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.bg-2 .sqxl .article .tab-item .section .box-x .item span a { display: block; position: relative; padding: 10px 20px; line-height: 1.4em; box-sizing: border-box; color: #fff; font-size: 16px; z-index: 2; }

.bg-2 .sqxl .article .tab-item .section-b ul { position: relative; margin: 0; padding: 20px 0 0 0; list-style: none; overflow: hidden; }

.bg-2 .sqxl .article .tab-item .section-b ul li { position: relative; float: left; width: 14.28%; box-sizing: border-box; padding: 20px; }

.bg-2 .sqxl .article .tab-item .section-b ul li a { display: block; position:relative;}

.bg-2 .sqxl .article .tab-item .section-b ul li a img { display: block; width: 100%; transition: all 0.3s linear; -ms-transform: rotate(0deg); transform: rotatez(0deg); }

.bg-2 .sqxl .article .tab-item .section-b ul li a em{ position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0; filter: Alpha(opacity=0); z-index:2; transition: all 0.3s linear;}

.bg-2 .sqxl .article .tab-item .section-b ul li a span{ display:block; position:absolute; font-size:16px; color:#fff; top:42%; left:0; right:0; text-align:center; z-index:3; opacity:0; filter: Alpha(opacity=0); transition: all 0.3s linear;}

.bg-2 .sqxl .article .tab-item .section-b ul li a:hover em {opacity: 0.7; filter: Alpha(opacity=70);}

.bg-2 .sqxl .article .tab-item .section-b ul li a:hover span {opacity: 1; filter: Alpha(opacity=100);}

.bg-2 .sqxl .article .tab-item .section-b ul .active h4 { background-image: url("t1.png"); color: #fff; }

.bg-2 .sqxl .article .show { display: block !important; }

/*赛区巡礼结束*/
/*冬奥评论*/
.dapl { margin-top: 60px; }

.dapl .article { margin: 10px -15px 0 -15px; overflow: hidden; }

.dapl .article .section { float: left; width: 33.333333%; box-sizing: border-box; padding: 0 15px; }

.dapl .article .section .content { position: relative; }

.dapl .article .section .content .top { position: relative; padding: 52px 0; overflow: hidden; background-image: url("pl1.png"); background-repeat: no-repeat; background-position: center center; }

.dapl .article .section .content .top .img { float: left; width: 55%; box-sizing: border-box; display: block; border-radius: 50%; overflow: hidden; }

.dapl .article .section .content .top .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.dapl .article .section .content .top .img img { display: block; width: 100%; border-radius: 50%; transition: all 0.3s linear; }

.dapl .article .section .content .top span { display: block; float: left; width: 45%; box-sizing: border-box; padding: 60px 20px 0 20px; }

.dapl .article .section .content .top span a { display: block; font-size: 16px; font-weight: bold; line-height: 2.2em; color: #fff; }

.dapl .article .section .content .top span em { display: block; font-size: 14px; line-height: 1.6em; color: #fff; font-style: inherit; }

.dapl .article .section .content p { margin: 10px 0 15px 0; font-size: 14px; color: #999; line-height: 1.8em; height: 5.4em; overflow: hidden; text-indent: 2em; }

.dapl .article .section ul { margin: 0; padding: 0; list-style: none; }

.dapl .article .section ul li { position: relative; box-sizing: border-box; padding-bottom: 30px; overflow: hidden; }

.dapl .article .section ul li span { display: block; float: left; width: 30%; box-sizing: border-box; text-align: center; font-size: 16px; color: #fff; font-weight: bold; line-height: 1.8em; padding: 40px 0; background-image: url("pl2.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.dapl .article .section ul li a { display: block; float: left; width: 70%; padding-left: 10px; box-sizing: border-box; margin: 10px 0; line-height: 1.8em; height: 3.6em; color: #333; font-size: 16px; overflow: hidden; }

.dapl .article .section ul li a:hover { color: #dd071f; }

.dapl .article .section ul li .a { padding: 0 10px 0 0; }

.dapl .article .section ul li .span { background-image: url("pl3.png"); }

/*冬奥评论结束*/
/*智胜冬奥*/

.bg-y{ background-image: url("bg-y.png"); background-repeat: no-repeat; background-position: bottom center; padding-bottom:60px;}

.zsda { padding-top:60px;}

.zsda .article { margin-top: 10px; }

.zsda .article .c-box { float: left; width: 70%; box-sizing: border-box; padding-right: 40px; }

.zsda .article .c-box ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }

.zsda .article .c-box ul li { float: left; width: 20%; }

.zsda .article .c-box ul li span { display: block; position: relative; }

.zsda .article .c-box ul li span img { display: block; width: 100%; }

.zsda .article .c-box ul li span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; filter: Alpha(opacity=50); }

.zsda .article .c-box ul .li1 { margin:0 151.5px; }

.zsda .article .c-box ul .li3 { margin-right: 151.5px; }

.zsda .article .c-box ul .li6 { margin-left: 151.5px; }

.zsda .article .c-box ul .active em { opacity: 0; filter: Alpha(opacity=0); }

.zsda .article .tab-item { display: none !important; float: left; width: 30%; box-sizing: border-box; }

.zsda .article .tab-item .section { padding: 102px 30px; background-color: #2565E0; }

.zsda .article .tab-item .section a { display: block; font-size: 18px; font-weight: bold; line-height: 1.8em; height: 3.6em; color: #fff; }

.zsda .article .tab-item .section span { display: block; margin: 30px 0 10px 0; font-size: 16px; line-height: 1.8em; height: 9.0em; color: #fff; }

.zsda .article .show { display: block !important; }

/*智胜冬奥结束*/
/*冬奥课堂*/
.dakt { margin-top: 60px; }

.dakt .article { margin: 10px -15px 0 -15px; overflow: hidden; }

.dakt .article .section { float: left; width: 25%; box-sizing: border-box; padding: 0 15px; }

.dakt .article .section .img { display: block; overflow: hidden; }

.dakt .article .section .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.dakt .article .section .img img { display: block; width: 100%; transition: all 0.3s linear; }

.dakt .article .section h4 { position: relative; margin: 0; padding: 10px 0; }

.dakt .article .section h4 a { display: block; line-height: 1.8em; height: 3.6em; font-size: 16px; color: #333; overflow: hidden; }

.dakt .article .section h4 a:hover { color: #dd071f; }

.dakt .article ul { float: left; width: 50%; box-sizing: border-box; margin: 0; padding: 0 15px; list-style: none; }

.dakt .article ul li { padding-bottom: 8px; }

.dakt .article ul li a { display: block; position:relative; padding-left:25px; line-height: 2.2em; height: 2.2em; color: #333; font-size: 16px; overflow: hidden; }

.dakt .article ul li a:after{ content:""; position:absolute; top:42%; left:4px; width:8px; height:8px; background:#fa5b27; transform: rotate(45deg); }

.dakt .article ul li a:hover { color: #dd071f; }

/*冬奥课堂结束*/
/*掌上冬奥*/
.h5 { margin-top: 60px; }

.h5 .article { margin: 10px -15px 0 -15px; overflow: hidden; }

.h5 .article .section { float: left; width: 25%; box-sizing: border-box; padding: 0 15px; }

.h5 .article .section .item { position: relative; }

.h5 .article .section .item .img { display: block; overflow: hidden; }

.h5 .article .section .item .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.h5 .article .section .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.h5 .article .section .item span { position: absolute; right: 0; bottom: 0; left: 0; }

.h5 .article .section .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0.5; filter: Alpha(opacity=50); }

.h5 .article .section .item span a { display: block; position: relative; padding: 8px 20px; line-height: 1.6em; box-sizing: border-box; color: #fff; font-size: 16px; z-index: 2; }

/*掌上冬奥 end*/
/*高清大图*/
.bg-3 { background-image: url("bg3.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; }

.bg-3 .gqdt { margin-top: 60px; }

.bg-3 .gqdt .article { margin: 10px -5px 0 -5px; overflow: hidden; }

.bg-3 .gqdt .article .section { float: left; width: 50%; box-sizing: border-box; padding: 0 5px; }

.bg-3 .gqdt .article .section .item { position: relative; }

.bg-3 .gqdt .article .section .item:hover span { opacity: 1; filter: Alpha(opacity=100); }

.bg-3 .gqdt .article .section .item:hover span em { filter: Alpha(opacity=60); }

.bg-3 .gqdt .article .section .item:hover span a { opacity: 1; filter: Alpha(opacity=100); }

.bg-3 .gqdt .article .section .item .img { display: block; overflow: hidden; }

.bg-3 .gqdt .article .section .item .img img { display: block; width: 100%; transition: all 0.3s linear; }

.bg-3 .gqdt .article .section .item span { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; transition: all 0.3s linear; opacity: 0; filter: Alpha(opacity=0); }

.bg-3 .gqdt .article .section .item span em { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.6; filter: Alpha(opacity=0); }

.bg-3 .gqdt .article .section .item span a { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); top: 40%\9; display: block; padding: 0 20px; line-height: 1.8em; color: #fff; font-size: 16px; z-index: 2; opacity: 0; filter: Alpha(opacity=0); }

.bg-3 .gqdt .article .sectiont { padding: 103px 5px 0 188px; }

.bg-3 .gqdt .article .section-l { width: 30%; }

.bg-3 .gqdt .article .section-r { width: 60%; }

/*高清大图结束*/
/*全球连线*/
.bg-4 { margin-top: 60px; }

.bg-4 .bg { margin-top: 20px; padding: 120px 0 100px 0; background-image: url("dt.png"); background-repeat: no-repeat; background-position: top center; }

.bg-4 .qqlx { padding-bottom: 60px; }

.bg-4 .qqlx .article { padding-right: 40px; overflow: hidden; }

.bg-4 .qqlx .article .section { float: right; width: 25%; box-sizing: border-box; padding: 10px 15px; }

.bg-4 .qqlx .article .section .img { display: block; overflow: hidden; border-radius: 5px 5px 0 0; }

.bg-4 .qqlx .article .section .img:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }

.bg-4 .qqlx .article .section .img img { display: block; width: 100%; transition: all 0.3s linear; }

.bg-4 .qqlx .article .section h4 { position: relative; margin: 0; padding: 10px 0; background-color: #f35f5f; border-radius: 0 0 5px 5px; overflow: hidden; }

.bg-4 .qqlx .article .section h4 a { display: block; padding: 0 15px; line-height: 1.8em; height: 3.6em; font-size: 16px; color: #fff; overflow: hidden; }

.bg-4 .qqlx .article .section-b { float: left; }

.bg-4 .qqlx .article-l { padding-left: 40px; }

/*全球连线结束*/
/*页脚*/
.footer { font-size: 12px; overflow: hidden; padding: 50px 0; text-align: center; background-color: #F2F6F8; width: 100%; color: #888; }

.footer .link { margin-bottom: 0.5em; }

.footer .link a { color: #010101; font-size: 14px; }

.footer .link a:hover { color: #000; }

.footer .link em { color: #ccc; margin: 0 8px; }

.footer .info { font-size: 12px; line-height: 2.5em; padding-top: 12px; }

.footer .info a { color: #333; }

.footer .info em { margin: 0 0.5em; }

.footer .copyright p { margin: 0; }

/*页脚 结束*/


/*婕报屏传*/

.m-t-60{margin-top:60px;}
.owl-carousel { display: none; width: 100%; position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.owl-height { transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-theme .owl-nav .disabled { opacity: .5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; }

.owl-theme .owl-dots .owl-dot { float: left; zoom: 1; }

.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 3px;background: #e1f1fe;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 50%;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

#jbpc .item a { display: block; position: relative; }

#jbpc .item a h3 {
    margin: 0;
    font-size: 18px;
    text-align: left;
    z-index: 5;
    bottom: 0;
    background-color: rgba(54, 101, 201, 0.61);
    position: absolute;
    width: 300px;
    height: 100px;
    bottom: 60px;
    right: 30px;
    color: #fff;
    padding: 30px;
    display: flex;
    display: -ms-flexbox;
    display: block \9;
    -ms-flex-align: center;
    align-items: center;
}

#jbpc .owl-dots {position: absolute;right: 30px;bottom: 30px;z-index: 20;}

#jbpc .owl-dots .owl-dot span { margin: 0 2px; opacity: 0.5; filter: alpha(opacity=50); width: 6px; height: 6px; border-radius: 2px; display: inline-block; transition: height .1s; }

#jbpc .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #e1f1fe;opacity: 1;filter: alpha(opacity=100);height: 10px;height: 6px \9;}



@media (max-width: 1199px) { #jbpc .item a h3 { position: initial; padding-left: 15px; padding-right: 15px; font-size: 16px; }
  #jbpc .owl-dots { bottom: 50px; } }
  
/*婕报屏传*/