/*@font-face {*/
/*    font-family: 'webfont';*/
/*    font-display: swap;*/
/*    src: url('//at.alicdn.com/t/webfont_hunu9807pau.eot'); !* IE9*!*/
/*    src: url('//at.alicdn.com/t/webfont_hunu9807pau.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('//at.alicdn.com/t/webfont_hunu9807pau.woff2') format('woff2'),*/
/*    url('//at.alicdn.com/t/webfont_hunu9807pau.woff') format('woff'), !* chrome、firefox *!*/
/*    url('//at.alicdn.com/t/webfont_hunu9807pau.ttf') format('truetype'), !* chrome、firefox、opera、Safari, Android, iOS 4.2+*!*/
/*    url('//at.alicdn.com/t/webfont_hunu9807pau.svg#Alibaba-PuHuiTi-Regular') format('svg'); !* iOS 4.1- *!*/
/*}*/
/*html,body{*/
/*    font-family:"webfont" !important;*/
/*    font-size:16px;font-style:normal;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -webkit-text-stroke-width: 0.2px;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*}*/
/*flex*/
.flex {
    display: flex;
}

.flex-inline {
    display: inline-flex;
}

.flex-reverse {
    flex-direction: row-reverse;
}

.flex-column {
    flex-direction: column;
}

.flex-column.flex-reverse {
    flex-direction: column-reverse;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-start {
    justify-content: flex-start;
}

.flex-center {
    justify-content: center;
}

.flex-end {
    justify-content: flex-end;
}

.flex-between {
    justify-content: space-between;
}

.flex-around {
    justify-content: space-around;
}

.flex-items-start {
    align-items: flex-start;
}

.flex-items-center {
    align-items: center;
}

.flex-items-end {
    align-items: flex-end;
}

.flex-items-baseline {
    align-items: baseline;
}

.flex-items-stretch {
    align-items: stretch;
}

.flex-self-start {
    align-self: flex-start;
}

.flex-self-center {
    align-self: center;
}

.flex-self-end {
    align-self: flex-end;
}

.flex-self-baseline {
    align-self: baseline;
}

.flex-self-stretch {
    align-self: stretch;
}

.flex-content-start {
    align-content: flex-start;
}

.flex-content-center {
    align-content: center;
}

.flex-content-end {
    align-content: flex-end;
}

.flex-content-between {
    align-content: space-between;
}

.flex-content-around {
    align-content: space-around;
}

.flex-middle {
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center;
}

.flex-fill {
    flex: 1 1 auto;
}

.flex-grow {
    flex-grow: 1;
}

.flex-shrink {
    flex-shrink: 1;
}

@media screen and (min-width: 1100px) {
    .layui-container {
        width: 100% !important;
    }
}

@media screen and (min-width: 1600px) {
    .layui-container {
        width: 1600px !important;
    }
}

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.align-justify {
    text-align: justify !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

/*effect*/
.fadein, .fadein-top, .fadein-bottom, .fadein-left, .fadein-right {
    opacity: 0;
    transition: all 0.35s linear;
}

.fadein-top {
    transform: translateY(-1rem);
}

.fadein-bottom {
    transform: translateY(1rem);
}

.fadein-left {
    transform: translateX(-1rem);
}

.fadein-right {
    transform: translateX(1rem);
}

.effect.active .fadein, .effect-hover:hover .fadein, .effect-hover.fadein:hover, .effect.fadein {
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0);
}

.fadeout, .fadeout-top, .fadeout-bottom, .fadeout-left, .fadeout-right {
    transition: all 0.35s linear;
}

.effect.active .fadeout, .effect-hover:hover .fadeout, .effect-hover.fadeout:hover, .effect.fadeout {
    opacity: 0;
}

.effect.active .fadeout-top, .effect-hover:hover .fadeout-top, .effect-hover.fadeout-top:hover, .effect.fadeout-top {
    transform: translateY(-1rem);
}

.effect.active .fadeout-bottom, .effect-hover:hover .fadeout-bottom, .effect-hover.fadeout-bottom:hover, .effect.fadeout-bottom {
    transform: translateY(1rem);
}

.effect.active .fadeout-left, .effect-hover:hover .fadeout-left, .effect-hover.fadeout-left:hover, .effect.fadeout-left {
    transform: translateX(-1rem);
}

.effect.active .fadeout-right, .effect-hover:hover .fadeout-right, .effect-hover.fadeout-right:hover, .effect.fadeout-right {
    transform: translateX(1rem);
}

.offset-top, .offset-bottom, .offset-left, .offset-right {
    transition: all 0.35s ease;
}

.effect.active .offset-top, .effect-hover:hover .offset-top, .effect-hover.offset-top:hover, .effect.offset-top {
    transform: translateY(-1rem);
}

.effect.active .offset-bottom, .effect-hover:hover .offset-bottom, .effect-hover.offset-bottom:hover, .effect.offset-bottom {
    transform: translateY(1rem);
}

.effect.active .offset-left, .effect-hover:hover .offset-left, .effect-hover.offset-left:hover, .effect.offset-left {
    transform: translateX(-1rem);
}

.effect.active .offset-right, .effect-hover:hover .offset-right, .effect-hover.offset-right:hover, .effect.offset-right {
    transform: translateX(1rem);
}

.open-width {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all 0.35s ease;
}

.open-height {
    opacity: 0;
    height: 0;
    width: 100%;
    transition: all 0.35s ease;
}

.close-width, .close-height {
    height: 100%;
    width: 100%;
    transition: all 0.35s ease;
}

.effect.active .open-width, .effect-hover:hover .open-width, .effect-hover.open-width:hover, .effect.open-width {
    width: 100% !important;
    opacity: 1;
}

.effect.active .open-height, .effect-hover:hover .open-height, .effect-hover.open-height:hover, .effect.open-height {
    height: 100% !important;
    opacity: 1;
}

.effect.active .close-width, .effect-hover:hover .close-width, .effect-hover.close-width:hover, .effect.close-width {
    width: 0 !important;
    opacity: 0;
}

.effect.active .close-height, .effect-hover:hover .close-height, .effect-hover.close-height:hover, .effect.close-height {
    height: 0 !important;
    opacity: 0;
}

.scale, .shrink {
    transition: all 0.35s ease;
}

.effect.active .scale, .effect-hover:hover .scale, .effect-hover.scale:hover, .effect.scale {
    transform: scale(1.05);
}

.effect.active .shrink, .effect-hover:hover .shrink, .effect-hover.shrink:hover, .effect.shrink {
    transform: scale(0.95);
}

.effect.active .rotate-once, .effect-hover:hover .rotate-once, .effect-hover.rotate-once:hover, .effect.rotate-once {
    animation: rotate-effect 1s linear;
}

.effect.active .rotate, .effect-hover:hover .rotate, .effect-hover.rotate:hover, .effect.rotate {
    animation: rotate-effect 1s infinite linear;
}

@keyframes rotate-effect {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.change {
    transition: all 0.35s ease;
}

.change:last-child {
    opacity: 0;
}

.effect.active .change:first-child, .effect-hover:hover .change:first-child {
    transform: translateY(-100%);
    opacity: 0;
}

.effect.active .change:last-child, .effect-hover:hover .change:last-child {
    transform: translateY(-100%);
    opacity: 1;
}

/*阴影*/
.shadow-small {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .175) !important;
}

.shadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .175) !important;
}

.shadow-big {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

/*不透明度*/
.opacity-full {
    opacity: 0 !important;
}

.opacity-mini {
    opacity: 0.85 !important;
}

.opacity-small {
    opacity: 0.7 !important;
}

.opacity {
    opacity: 0.5 !important;
}

.opacity-big {
    opacity: 0.3 !important;
}

.opacity-large {
    opacity: 0.15 !important;
}

.opacity-none {
    opacity: 1 !important;
}

/*内边距*/
.padding-mini {
    padding: .25rem !important;
}

.padding-top-mini {
    padding-top: .25rem !important;
}

.padding-right-mini {
    padding-right: .25rem !important;
}

.padding-bottom-mini {
    padding-bottom: .25rem !important;
}

.padding-left-mini {
    padding-left: .25rem !important;
}

.padding-small {
    padding: .5rem !important;
}

.padding-top-small {
    padding-top: .5rem !important;
}

.padding-right-small {
    padding-right: .5rem !important;
}

.padding-bottom-small {
    padding-bottom: .5rem !important;
}

.padding-left-small {
    padding-left: .5rem !important;
}

.padding {
    padding: 1rem !important;
}

.padding-top {
    padding-top: 1rem !important;
}

.padding-right {
    padding-right: 1rem !important;
}

.padding-bottom {
    padding-bottom: 1rem !important;
}

.padding-left {
    padding-left: 1rem !important;
}

.padding-big {
    padding: 1.5rem !important;
}

.padding-top-big {
    padding-top: 1.5rem !important;
}

.padding-right-big {
    padding-right: 1.5rem !important;
}

.padding-bottom-big {
    padding-bottom: 1.5rem !important;
}

.padding-left-big {
    padding-left: 1.5rem !important;
}

.padding-large {
    padding: 2rem !important;
}

.padding-top-large {
    padding-top: 2rem !important;
}

.padding-right-large {
    padding-right: 2rem !important;
}

.padding-bottom-large {
    padding-bottom: 2rem !important;
}

.padding-left-large {
    padding-left: 2rem !important;
}

.padding-none {
    padding: 0 !important;
}

.padding-top-none {
    padding-top: 0 !important;
}

.padding-right-none {
    padding-right: 0 !important;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}

.padding-left-none {
    padding-left: 0 !important;
}

/*外边距*/
.margin-mini {
    margin: .25rem !important;
}

.margin-top-mini {
    margin-top: .25rem !important;
}

.margin-right-mini {
    margin-right: .25rem !important;
}

.margin-bottom-mini {
    margin-bottom: .25rem !important;
}

.margin-left-mini {
    margin-left: .25rem !important;
}

.margin-small {
    margin: .5rem !important;
}

.margin-top-small {
    margin-top: .5rem !important;
}

.margin-right-small {
    margin-right: .5rem !important;
}

.margin-bottom-small {
    margin-bottom: .5rem !important;
}

.margin-left-small {
    margin-left: .5rem !important;
}

.margin {
    margin: 1rem !important;
}

.margin-top {
    margin-top: 1rem !important;
}

.margin-right {
    margin-right: 1rem !important;
}

.margin-bottom {
    margin-bottom: 1rem !important;
}

.margin-left {
    margin-left: 1rem !important;
}

.margin-big {
    margin: 1.5rem !important;
}

.margin-top-big {
    margin-top: 1.5rem !important;
}

.margin-right-big {
    margin-right: 1.5rem !important;
}

.margin-bottom-big {
    margin-bottom: 1.5rem !important;
}

.margin-left-big {
    margin-left: 1.5rem !important;
}

.margin-large {
    margin: 2rem !important;
}

.margin-top-large {
    margin-top: 2rem !important;
}

.margin-right-large {
    margin-right: 2rem !important;
}

.margin-bottom-large {
    margin-bottom: 2rem !important;
}

.margin-left-large {
    margin-left: 2rem !important;
}

.margin-top-auto {
    margin-top: auto !important;
}

.margin-right-auto {
    margin-right: auto !important;
}

.margin-bottom-auto {
    margin-bottom: auto !important;
}

.margin-left-auto {
    margin-left: auto !important;
}

.margin-center-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-middle-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.margin-none {
    margin: 0 !important;
}

.margin-top-none {
    margin-top: 0 !important;
}

.margin-right-none {
    margin-right: 0 !important;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.margin-left-none {
    margin-left: 0 !important;
}

/*边框*/
.border {
    border: solid 1px #ddd !important;
}

.border-top {
    border-top: solid 1px #ddd !important;
}

.border-right {
    border-right: solid 1px #ddd !important;
}

.border-bottom {
    border-bottom: solid 1px #ddd !important;
}

.border-left {
    border-left: solid 1px #ddd !important;
}

.border-mini {
    border-width: 0.125rem !important;
}

.border-small {
    border-width: 0.25rem !important;
}

.border-big {
    border-width: 0.5rem !important;
}

.border-large {
    border-width: 1rem !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-dotted {
    border-style: dotted !important;
}

.border-none {
    border: none !important;
}

.border-top-none {
    border-top: none !important;
}

.border-right-none {
    border-right: none !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.border-left-none {
    border-left: none !important;
}

.radius-mini {
    border-radius: 0.125rem !important;
}

.radius-small {
    border-radius: 0.1875rem !important;
}

.radius {
    border-radius: 0.25rem !important;
}

.radius-big {
    border-radius: 0.5rem !important;
}

.radius-large {
    border-radius: 1.25rem !important;
}

.radius-circle {
    border-radius: 50% !important;
}

.radius-none {
    border-radius: 0 !important;
}

.radius-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.radius-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.radius-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/*字重*/
.weight-mini {
    font-weight: 200;
}

.weight-small {
    font-weight: 400;
}

.weight {
    font-weight: normal;
}

.weight-big {
    font-weight: bold;
}

.weight-large {
    font-weight: bolder;
}

/*text*/
.size-super{
    font-size: 5rem !important;
}
.size-larger {
    font-size: 3rem !important;
}

h1, .h1 {
    font-size: 2rem !important;
}

h2, .h2, .size-large {
    font-size: 1.75rem !important;
}

h3, .h3 {
    font-size: 1.5rem !important;
}

h4, .h4, .size-big {
    font-size: 1.25rem !important;
}

h5, .h5 {
    font-size: 1.125rem !important;
}

h6, .h6, .size {
    font-size: 1rem !important;
}
.size-small {
    font-size: .75rem !important;
}
.size-mini {
    font-size: .5rem !important;
}
/*color*/
.text-main,
.button.border-main {
    color: #0a8 !important;
}

.text-sub,
.button.border-sub {
    color: #0065cd !important;
}

.text-dot,
.button.border-dot {
    color: #f60 !important;
}

.border-main,
.table.border-main td, .table.border-main th {
    border-color: #0a8 !important;
}

.border-sub,
.table.border-sub td, .table.border-sub th {
    border-color: #0065cd !important;
}

.border-dot,
.table.border-dot td, .table.border-dot th {
    border-color: #f60 !important;
}

.bg-main,
.text.button:hover,
.border.button:hover,
.bg.button:hover,
.button[class*='-main']:hover,
.button[class*='-main'].active {
    background-color: #0a8 !important;
}

.bg-sub,
.button[class*='-sub']:hover,
.button[class*='-sub'].active {
    background-color: #0065cd !important;
}

.bg-dot,
.button[class*='-dot']:hover,
.button[class*='-dot'].active {
    background-color: #f60 !important;
}

.text-black,
.button.border-black {
    color: #000 !important;
}

.text-deep,
.button.border-deep {
    color: #333 !important;
}

.text-dark,
.button.border-dark {
    color: #666 !important;
}

.text-gray,
.button.border-gray {
    color: #999 !important;
}

.text-silver,
.button.border-silver {
    color: #ddd !important;
}

.text-light,
.button.border-light {
    color: #f5f5f5 !important;
}

.text-white,
.button.border-white,
.validate-tips div > .input-validate {
    color: #fff !important;
}

.text-danger,
.button.border-danger,
.input-invalid > .input-validate {
    color: #f00 !important;
}

.text-warning,
.button.border-warning {
    color: #fb0 !important;
}

.text-success,
.button.border-success,
.input-valid > .input-validate {
    color: #2c7 !important;
}

.text-info,
.button.border-info {
    color: #0065cd !important;
}

.text, a.text-main:hover {
    color: #333 !important;
}

.text-transparent {
    color: transparent !important;
}

.border-black,
.table.border-black td, .table.border-black th {
    border-color: #000 !important;
}

.border-deep,
.table.border-deep td, .table.border-deep th {
    border-color: #333 !important;
}

.border-dark,
.table.border-dark td, .table.border-dark th {
    border-color: #666 !important;
}

.border-gray,
.table.border-gray td, .table.border-gray th {
    border-color: #999 !important;
}

.border-silver,
.table.border-silver td, .table.border-silver th {
    border-color: #ddd !important;
}

.border-light,
.table.border-light td, .table.border-light th {
    border-color: #f5f5f5 !important;
}

.border-white,
.table.border-white td, .table.border-white th {
    border-color: #fff !important;
}

.border-danger,
.table.border-danger td, .table.border-danger th,
.input-invalid:not(.input-novalidate) .input, .form-validate .input:focus:invalid {
    border-color: #f00 !important;
}

.border-warning,
.table.border-warning td, .table.border-warning th {
    border-color: #fb0 !important;
}

.border-success,
.table.border-success td, .table.border-success th,
.input-valid:not(.input-novalidate) .input, .form-validate .input:focus:valid {
    border-color: #2c7 !important;
}

.border-info,
.table.border-info td, .table.border-info th {
    border-color: #0065cd !important;
}

.border-transparent {
    border-color: transparent !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-deep {
    background-color: #333 !important;
}

.bg-dark {
    background-color: #666 !important;
}

.bg-gray {
    background-color: #999 !important;
}

.bg-silver {
    background-color: #ddd !important;
}

.bg-light {
    background-color: #f5f5f5 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-danger,
.validate-tips .input-invalid > .input-validate {
    background-color: #f00 !important;
}

.bg-warning {
    background-color: #fb0 !important;
}

.bg-success
.validate-tips .input-valid > .input-validate {
    background-color: #2c7 !important;
}

.bg-info {
    background-color: #0065cd !important;
}

.bg {
    background-color: #f5f5f5 !important;
}

.bg-inverse a:hover {
    opacity: .75 !important;
}

.bg-inverse, .bg-inverse a {
    color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}


.text, a.text-main:hover {
    color: #333 !important;
}

.text-transparent {
    color: transparent !important;
}

.line-mini {
    line-height: 1 !important;
}

.line-small {
    line-height: 1.5 !important;
}

.line {
    line-height: 1.75 !important;
}

.line-big {
    line-height: 2 !important;
}

.line-large {
    line-height: 2.5 !important;
}

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.align-justify {
    text-align: justify !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

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

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

.word-break {
    word-break: break-all;
    word-wrap: break-word;
}

.word-block {
    white-space: nowrap;
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.site_top_bg {
    z-index: 2;
}

.topbgcolor {
    background: #2480BF !important;
}

.footbgcolor {
    background: #373d41;
}


.layui-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.textustify {
    text-align-last: justify;
    text-align: justify;
    display: inline-block;
}

.layui-font-30 {
    font-size: 30px
}

.layui-font-35 {
    font-size: 35px
}

.layui-font-40 {
    font-size: 40px
}

.layui-weight-4 {
    font-weight: 400
}

.layui-weight-6 {
    font-weight: 600
}

.layui-weight-8 {
    font-weight: 800
}


.layui-font-white {
    color: #fff
}

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

.mlr10 {
    margin-left: 10px;
    margin-right: 10px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px
}

.p10 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.p20 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.p30 {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px
}




.img {
    display: block;
}

.pointer {
    cursor: pointer
}

.tc {
    text-align: center
}

.w100 {
    width: 100%
}

.h100 {
    height: 100%
}

.bgcover {
    background-color: rgba(255, 255, 255, .6);
    width: 100%;
    height: 100%;
}

.black_cover {
    position: relative
}

.black_cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
}

.white_cover {
    position: relative
}

.white_cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8) !important
}

.bgimg {
    background-position: top center !important;
    background-size: cover !important;
}

.clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line1 {
    -webkit-line-clamp: 1;
}

.line2 {
    -webkit-line-clamp: 2;
}

.line3 {
    -webkit-line-clamp: 3;
}
.line4 {
    -webkit-line-clamp: 4;
}

.rev {
    position: relative
}

.absfull {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bgnone {
    background: transparent !important
}

.laycard:hover .inf {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .175) !important;
    transition: 0.8s
}

.effect-hover:hover a {
    /*color: #00aaee*/
    /*font-weight: bold;*/
}

.href i {
    cursor: pointer
}

.layui-form .m_title {
    display: none !important
}

.friendlinkmode {
    width: 80%;
    max-width: 700px;
    max-height: 500px
}

.contentinfo {
    line-height: 1.75;
}

.contentinfo .video-player {
    margin: 8px auto;
    max-width: 80%;
    height: 400px !important;
    width: 600px !important
}
.contentinfo p{
    font-size: 16px;
}
.contentinfo p img {
    display: block;
    margin:8px auto;
}
.contentinfo img{
    max-width: 100%;
    height: auto !important;
    width: auto !important
}
em {
    font-style: normal !important;
}

.fixtools {
    position: fixed;
    right: 0;
    top: 45%;
    padding: 10px 0;
    width: 40px;
    z-index: 999;
    background: #f3f5f8
}

/*.site_top_bg{*/
/*    background-position: top center !important;*/
/*    background-size: cover !important;*/
/*}*/
.fullshow {
    position: relative;
}

.fullshow video {
    width: 100%;
    height: 100%;
    /* filter: grayscale(100%); */
    z-index: -11;
    object-fit: cover;
}


.navbgcolor {
    background: rgba(0,0,0,.2);
}

.imgcover {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
}

.aboutpage {
    /*z-index: -1;*/
}

.layui-carousel, .layui-carousel > [carousel-item] > * {
    background: transparent !important
}

.sticky {

}
.fixtop {
    zoom: 1;
    position: fixed;
    top: 0;
    z-index: 3;
    /*width: 100%;*/
    background: #fff;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*margin-top: 0 !important;*/
}

.none {
    display: none
}

.overflow-hidden {
    overflow: hidden
}

.ptb05 {
    padding: .5rem 0
}
.border-bottom-dashed{
    border-bottom: 1px dashed #999;
}
.kemudata .layui-tab  .layui-tab-title {
    background: rgba(255, 255, 255, .5);
    height: auto;
    border: 0
}

.kemudata .layui-tab  .layui-tab-title li {
    font-weight: 800;
    text-align: center;
    padding: .5rem;
    border-bottom: 0;
    text-align: right;
    line-height: inherit;
}

.kemudata .layui-tab  .layui-tab-title .iconfont {
    font-size: 150% !important
}
.kemudata .layui-tab  .layui-tab-title .title {
    font-size: 1rem;
    transition: .2s;
}
.kemudata .layui-tab  .layui-tab-title .layui-this {
    color: #fff;
    background: #1E9FFF;
}
.kemudata .layui-tab  .layui-tab-title .layui-this .title{
    font-weight: 800;
    font-size: 130% !important;
}

.kemudata .layui-tab  .layui-tab-title .layui-this:after {
    border: solid transparent;
    height: 0;
    left: -20px;
    width: 0;
    border-width: 10px;
    border-right-color: #1E9FFF;
    top: 50%;
    margin-top:-10px;
}


/*.layui-nav .layui-nav-more{*/
/*    display: none;*/
/*}*/
/*.layui-nav .layui-nav-item a{*/
/*    padding:5px 25px;*/
/*    text-align: center;*/
/*}*/
.layui-nav-child {
    top: 100%;
    padding:0;
    border: 0;
    margin-top: 3px;
    background-color:rgba(32,73,105,1);
}
.layui-nav-child  a{
    color: #fff !important;
    padding:8px 25px !important
}
.layui-nav-child  a:hover{
    background-color:rgba(0,101,205) !important;
}
.layui-nav-child dd{
    margin:0
}
.layui-nav *{
    /*color: #fff;*/
    font-size: 1.2rem !important;
}

.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #fff !important;
}

.layui-nav .layui-this:after, .layui-nav-bar {
    background-color:#fff !important;
}
.layui-nav-child dd.layui-this {
    background-color:rgba(0,101,205) !important;
}
/*新加*/
.title_bline{
    position: relative;display: inline-block;
}
.title_bline:after{
    position: absolute;bottom:-10px;width:70%;max-width:160px;height: 3px;background: #fa3534;content: '';left:0;
}


.upward .layui-tab  .layui-tab-title {
    background: rgba(255, 255, 255, .5);
    height: auto;
    border: 0
}

.upward .layui-tab  .layui-tab-title li {
    font-weight: 800;
    text-align: center;
    padding: .5rem;
    border-bottom: 0;
    text-align: right
}

.upward .layui-tab  .layui-tab-title .iconfont {
    font-size: 150% !important
}
.upward .layui-tab  .layui-tab-title .title {
    font-size: 1rem;
}
.upward .layui-tab  .layui-tab-title .layui-this {
    color: #fff;
    background: #1E9FFF;
}
.upward .layui-tab  .layui-tab-title .layui-this:after {
    border: solid transparent;
    height: 0;
    width: 0;
    border-width: 10px;
    top: -20px;
    border-bottom-color: #1E9FFF;
    left: 50%;
    margin-left:-10px;
}

.size0{
    font-size: 0;
}
/* 整个滚动条背景 */
::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
/* 滚动条上的按钮 (上下箭头). */
::-webkit-scrollbar-button {
    width: 6px;
    background-color: rgb(166, 167, 173);
    opacity: 0.2;
}
::-webkit-scrollbar-thumb {
    width: 3px;
    /* 上下两头给个圆角 */
    background-color: #1E9FFF;
    border-radius: 3px;
    /* 还可以给它加个阴影 */
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    background-color: #ebe9e9;
}
/* 当同时有垂直滚动条和水平滚动条时交汇的部分. */
::-webkit-scrollbar-corner {
    background: steelblue;
    border-radius: 50% 50%;
}

hr {
    width: 100%;
    float: left;
    margin: 10px 0;
}
.horizontal_banner img{width: 100%}

.layui-elem-quote {
    border-left: 5px solid #0065cd !important;
}