html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, footer, header, nav, section {
	display: block
}
h1 {
    font-size: 22px;
    line-height: 1.5;
    color: #4a4a4a;
}
figcaption, figure, main {
	display: block
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit;
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style:none;
	padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline:1px dotted ButtonText
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
	box-sizing:border-box;
	padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details, menu {
	display: block
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
[hidden], template {
	display:none
}
html {
	box-sizing:border-box;
	-ms-touch-action:manipulation;
	touch-action:manipulation
}
*,:after,:before {
	box-sizing:inherit;
	-ms-touch-action:inherit;
	touch-action:inherit;
	-webkit-tap-highlight-color:transparent
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
	padding:0;
	margin:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
address,caption,cite,code,dfn,em,th,var {
	font-weight:400;
	font-style:normal
}
ol,ul {
	list-style:none
}
a:active,a:focus,button:focus,input:focus,select:focus,textarea:focus {
	outline:none
}
a,a:focus,a:hover {
	cursor:pointer;
	color:inherit;
	text-decoration:none
}
button,input,textarea {
	border:none;
	outline:none;
	font-family:inherit
}
input::-webkit-input-placeholder {
	color:#d2d2d2
}
button {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
a {
	text-decoration:none
}
.img-circle {
	display:block;
	max-width:100%;
	border-radius:50%
}
ul.list-unstyled {
	list-style:none
}
.icon {
	vertical-align:-.15em
}
.icon path {
	fill:inherit
}
body {
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
	font-size:14px;
	line-height:1.4
}
.form-group {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	margin-bottom:30px
}
.form-group.error .form-control {
	border-color:#ff5959
}
.form-control {
	border:1px solid #e3e8ee;
	padding:10px;
	border-radius:2px;
	width:100%;
	font-size:14px;
	line-height:18px
}
input.form-control::-webkit-input-placeholder {
	color:#e3e8ee
}
input.form-control::-moz-placeholder {
	color:#e3e8ee
}
input.form-control:-ms-input-placeholder {
	color:#e3e8ee
}
input.form-control:-moz-placeholder {
	color:#e3e8ee
}
input.form-control:focus {
	border-color:#76818f
}
#app {
    background-color: #fff;
}
.layout-nav .navbar.fixed {
    margin-bottom: 44px;
}
.layout-nav .navbar nav {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px;
    background-color: #fff;
    width: 100%;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 12px;
}
.layout-nav .navbar.fixed nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.layout-nav .navbar nav .nav-icon {
    fill: #76818f;
}
svg:not(:root) {
    overflow: hidden;
}
.icon {
    vertical-align: -.15em;
}
.icon path {
    fill: inherit;
}
.layout-nav .navbar nav .nav-title {
    height: 30px;
    margin-top: -8px;
}
.layout-nav .side-nav {
    z-index: 1999;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: fixed;
    top: 0;
    left: -112px;
    padding-left: 17px;
    padding-top: 70px;
    width: 112px;
    background-color: #2f2f2f;
    height: 100%;
}
.layout-nav.slide-opening .side-nav {
    -webkit-transform: translateX(112px);
    transform: translateX(112px);
}
.layout-nav .side-nav .nav-link {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}
.layout-nav .layout-pop {
    z-index: 1900;
    background-color: rgba(47,47,47,.3);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.layout-nav .content-wrapper {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: relative;
}
.news {
    overflow: hidden;
    padding: 12px 0;
}
.carousel-wrap {
    width: 100%;
    overflow: hidden;
}
.carousel-container {
    width: 100%;
height: 213.75px;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box;
}
.carousel-slide {
    width: 100%!important;
    overflow: hidden;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.carousel-slide a {
    display: block;
    width: 100%;
    height: 210px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}
.carousel-slide-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: 3px;
    background-image: -webkit-linear-gradient(top,rgba(51,51,51,0),#272727);
    background-image: linear-gradient(180deg,rgba(51,51,51,0),#272727);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.carousel-time, .carousel-title {
    font-weight: 500;
    text-align: left;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    box-sizing: border-box;
    width: 100%;
}
.carousel-time {
    padding: 0 25px;
    font-size: 12px;
}
.carousel-title {
    font-size: 16px;
    padding: 5px 25px 20px;
}

.tabbar {
    overflow: hidden;
    background-color: #fff;
    padding: 0 20px;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.tabbar .tab-link {
    color: #969696;
    font-size: 14px;
}
.tabbar .tab-link.swiper-slide {
    width: auto;
}
.tabbar .tab-link.link-active {
    color: #2f2f2f;
}

.tabbar .tab-link.link-active .text-wrapper {
    border-bottom: 2px solid #2f2f2f;
}
.tabbar .tab-link .text-wrapper {
    padding: 12px 0;
}
.article-list-wrapper {
    background-color: #fff;
    padding: 0 14px 0;
}
.articleBrief {
    background-color: #fff;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
}
.articleBrief .img-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
    height: 80px;
    border-radius: 4px;
    position: relative;
}
.articleBrief .text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height:auto;
}
.articleBrief .text .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    line-height: 1.4;
    width: 100%;
    word-break: break-all;
}
.articleBrief .text .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa;
    font-size: 12px;
    color: #a6a6a6;
    word-break: break-all;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.articleBrief .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.topic {
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 1px solid #e6e6e6;
}
.tp-head {
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    position: relative;
}
.tp-head .type {
    display: block;
    float: left;
    position: relative;
    font-weight: 700;
    margin-right: 18px;
}
.tp-head .type:after {
    content: "";
    display: block;
    width: 3px;
    height: 14px;
    background-color: #d20202;
    position: absolute;
    top: 3px;
    right: -10px;
}
.tp-head .topic-title {
    display: block;
    float: left;
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}
.tp-head .more-articles {
    float: right;
    font-size: 12px;
    color: #666;
}
.tp-items {
    margin-top: 12px;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.tp-items .tp-item {
    position: relative;
    display: inline-block;
    width: 49%;
    background-color: #fff;
    margin-right: 15px;
}
.tp-items .tp-item .tp-img {
    width: 100%;
    height: 91px;
}
.tp-items .tp-item .tp-title {
    line-height: 20px;
    font-size: 12px;
    color: #2f2f2f;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.foot-wrapper {
    padding: 10px;
}
.foot-wrapper .us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #2f2f2f;
    margin-bottom: 21px;
    font-size: 12px;
}
.pagination.pagination-block {
    display: block;
    margin: 0;
}

.pagination {
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 0;
}
.pagination > li {
    margin: 0 7px;
    display: inline;
}
.pagination > li,.pagination > li > a {
    color: #555c68;
        float: none;
    display: inline-block;
    border: none;
    background-color: transparent;
    padding: 2px 8px;
    position: relative;
        margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
}
.pagination > .active{
    background-color: #333;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
        z-index: 3;
        cursor: default;
        border-color: #337ab7;
}
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: transparent;
    color: #878e9a;
        cursor: not-allowed;
    border-color: #ddd;
}
.pagination > li > span {
    float: none;
    display: inline-block;
    border: none;
    background-color: transparent;
    padding: 2px 8px;
        position: relative;
        line-height: 1.42857143;
        text-decoration: none;
}
.article-detail-wrap {
    padding: 12px;
    font-size: 16px;
}
.article-detail-wrap .article-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    color: #4a4a4a;
    margin-bottom: 20px;
	margin-top: 15px;
}
.xiaofuli{color: #000;font-size: 16px;line-height: 1.8;background: #f2f2f2;padding: 0px;border: 1px dashed #ddd;border-radius: 5px;}
.article-detail-wrap .article-author-name {
    color: #ababab;
	float: right;
}
.article-detail-wrap .article-create-time {
    line-height: 1.4;
    color: #ababab;
}
.article-detail-wrap .article-detail-summary {
    line-height: 1.5;
    margin-top: 1px;
    color: #9ea1a8;
    background-color: #fafafa;
    padding: 0px 0;
    font-size: 14px;
	border: 1px dashed #ddd;
	border-radius: 5px;
}
.-article-content {
    line-height: 1.8rem;
    color: #333;
    margin-top: 5px;
    word-break: break-all;
    font-family: arial,sans-serif;
    font-size: 18px;
}
.image-zoom {
    overflow: visible!important;
}
.-article-content a {
color: #1d6ca9;
border-bottom: 1px dashed #bed5e7;
}
.-article-content p {
    text-align: justify;
    word-break: break-all;
    margin-bottom: 1.5rem;
    font-size: 18px;
    letter-spacing: .5px;
    position: relative;
}
.-article-content em {
    font-style: italic;
}
.-article-content img {
    display: block;
    max-width: 100%!important;
    height: auto!important;
    margin: auto;
    position: relative;
    border: 1px solid #e6e6e6;
}
.-article-content blockquote {
    border-left: 2px solid #2f3338;
    padding-left: 20px;
    margin-bottom: 1.4rem;
    font-size: 1rem;
    color: #9ea1a8;
    text-align: justify;
}
.-article-content b, .-article-content strong {
    font-weight: 700;
}
.article-headline {
    margin: 18px auto;
}
.article-headline-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.article-headline-title {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #008aff;
    text-align: center;
}
.article-headline-icon .line {
    margin-top: 4px;
    display: block;
    height: 1px;
    width: 100px;
    background-color: #9b9b9b;
}
.icon {
    vertical-align: -.15em;
}
.article-headline-icon .icon {
    margin: 0 7px;
}
.tags {
    padding: 0 20px;
}
.article-detail-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
}
.author-wrapper {
    padding: 0 10px;
    margin-top: 10px;
}
.article-detail-category {
    max-width: 210px;
    padding: 0 10px;
}
.article-detail-category span {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 16px;
    background-color: #eaecf0;
    font-size: 12px;
    color: #363636;
    line-height: 22px;
    padding-right: 6px;
    padding-left: 5px;
    position: relative;
    height: 22px;
}
.article-detail-category span:before {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 10px 11px 0;
    border-color: transparent #eaecf0 transparent transparent;
    position: absolute;
    left: -10px;
    top: 0;
}
.Artblock, .dlist {
    padding: 6px 16px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 12px;
}
.admip {margin: 0px 12px;}
.dlist li{padding: 10px 0px;}
.dlist li a{zoom: 1;display: block;position: relative;}
.dlist .inner-item{margin: 0 16px;border-top: 1px solid #f0f0f0;padding: 10px 0 13px;display: block;min-height: 118px;}
.dlist h2{font-weight: normal;color: #333;font-size: 16px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}
.dlist .pic-content{display: -moz-box;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: -ms-flex;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}
.dlist .img-wrap{display: inline-block;width: 32.8%;max-height: 80px;overflow: hidden;background: #f2f2f2;padding-top: 21.99%;position: relative;vertical-align: top;}
.dlist .img-wrap img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;vertical-align: top;object-fit: cover;}
.mbad{
    margin: 20px 10px;
    overflow: hidden;
}
.article-detail-top{font-size: 14px; padding-top: 20px;}
.clear, .blank { clear: both; width: 100%; overflow: hidden; }
.mb-title-top{margin: 10px 10px 0;overflow: hidden;}

/*paihang*/
.paihang { margin-top: 10px;font-size: 16px;}
.paihang ul { overflow: hidden; }
.paihang ul li { height: 30px; line-height: 30px; margin-bottom: 10px; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 16px;}
.paihang ul li a{ font-size: 16px;}
.paihang ul li i { display: block; width: 16px; height: 16px; background: #B1B1B1; float: left; margin-top: 8px; margin-right: 10px; position: relative; font-style: normal }
.paihang ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 16px; width: 16px; text-align: center }
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i { background: #FF4000; }
.paihang ul li:first-child i::before { content: "1"; }
.paihang ul li:nth-child(2) i::before { content: "2"; }
.paihang ul li:nth-child(3) i::before { content: "3"; }
.paihang ul li:nth-child(4) i::before { content: "4"; }
.paihang ul li:nth-child(5) i::before { content: "5"; }
.paihang ul li:nth-child(6) i::before { content: "6"; }
.paihang ul li:nth-child(7) i::before { content: "7"; }
.paihang ul li:nth-child(8) i::before { content: "8"; }
.paihang ul li:nth-child(9) i::before { content: "9"; }
.paihang ul li:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }


/*suiji*/
.suiji { margin-top: 10px;font-size: 16px;overflow: hidden }
.suiji ul { overflow: hidden; padding-top: 10px }
.suiji li { line-height: 22px; margin-bottom: 10px; margin-left: 10px;position: relative; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 16px; }
.suiji li a{ font-size: 16px;}
.suiji li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0px; top: 10px; }