a,
a:hover {
	color: inherit;
	text-decoration: none
}

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

button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
textarea,
ul {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit
}

img {
	max-width: 100%;
	vertical-align: top
}

dl,
ol,
ul {
	list-style: none
}

.box-border {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	margin: 0;
	font-size: 14px;
	background-color: #fff;
	font-family: "microsoft yahei";
}

div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.inline-block {
	display: inline-block
}

.block {
	display: block
}

.dnone {
	display: none
}

.margin-center {
	margin: 0 auto
}

.max-width {
	width: 100%
}

.fl {
	float: left
}

.clear-l {
	clear: left
}

.clear-r {
	clear: right
}

.fr {
	float: right
}

.por {
	position: relative
}

.poa {
	position: absolute
}

.flex-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

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

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap
}

.text-overflows {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.btn {
	display: block;
	width: 100px;
	height: 30px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fefefe;
	line-height: 30px;
	background-color: #ab0101;
	border-radius: 4px;
	text-align: center
}

.btn:hover {
	color: #fff7d0;
}

.main {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1000px;
	padding: 0 10px;
	margin: 0 auto
}

.mar-top {
	margin-top: 222px
}

.mar-top20 {
	margin-top: 22px
}

.dflex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.color-block {
	display: inline-block;
	width: 4px;
	height: 22px;
	background-color: #498ecc
}

.text-color {
	color: #505050
}

.tac {
	text-align: center
}

.contain {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	width: 1000px
}

.contain:before {
	clear: both;
	display: block;
	content: "...";
	visibility: hidden;
	height: 0;
	font-size: 0
}

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

.bbnone {
	border-bottom: none !important
}

.dbb {
	border-bottom: 1px solid #eee
}

.con-left {
	/* margin-left: 10px; */
	/* width: 300px */
	width: 220px;
}

.con-right {
	margin-left: 20px;
	width: 760px;
	padding-bottom: 20px;
}

.mind-title {
	position: relative;
	height: 40px;
	line-height: 28px;
	padding: 6px 12px;
	margin-bottom: 10px;
	background-color: #efefef;
	/* box-shadow: 0 3px 7px #eee; */
}

.mind-title h2 {
	font-size: 15px;
	font-weight: 600;
	/* color: #c17e14; */
	color: #ab0101;
	/* text-indent: 30px; */
	/* background: url(../img/hq@2x.png) no-repeat; */
	/* background-size: 24px; */
	/* background-position-y: 3px */
}

.mind-title h2 small {
	margin-left: 6px;
	font-size: 14px;
	color: #c17e14;
	font-weight: normal;
	text-transform: capitalize;
	font-family: 'Times New Roman';
	font-style: italic;
}

.mind-title a {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 14px;
	color: #ab0101
}

.course-line {
	position: absolute;
	margin-bottom: 15px;
	width: 40px;
	height: 2px;
	border: 0;
	background: #ab0101
}

.breadcrumb {
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	/* height: 18px; */
	line-height: 18px;
	font-size: 14px;
	color: #505050
}

.breadcrumb div {
	/* float: right */
}

.breadcrumb a,
.breadcrumb span {
	padding-right: 6px
}

.breadcrumb .active {
	color: #ab0101
}

.icon-right {
	position: relative;
	top: -5px;
	font-size: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #999
}

.page-nav {
	float: right
}

.page-nav li {
	float: left;
	margin-left: 10px;
	line-height: 42px;
	font-size: 14px;
	color: #505050
}

.page-nav li a {
	display: block;
	border: 1px solid #d8dce0;
	border-radius: 5px;
	padding: 0 20px
}

.page-nav .active a {
	background: #ab0101;
	color: #fff
}

.carousel {
	position: relative
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	line-height: 1;
	display: block;
	width: 100%;
	height: 100%
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		transition: -webkit-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px
	}

	.carousel-inner>.item.active.right,
	.carousel-inner>.item.next {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.carousel-inner>.item.active.left,
	.carousel-inner>.item.prev {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	.carousel-inner>.item.active,
	.carousel-inner>.item.next.left,
	.carousel-inner>.item.prev.right {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background-color: rgba(0, 0, 0, 0);
	opacity: .5
}

.carousel-control.left {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-repeat: repeat-x
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}

.carousel-control .icon-next,
.carousel-control .icon-prev,
.carousel-control .iconfont {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	font-size: 60px
}

.carousel-control .icon-prev,
.carousel-control .icon-zuo {
	left: 50%;
	margin-left: -10px
}

.carousel-control .icon-gengduo,
.carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	/* width: 60%; */
	padding-left: 0;
	/* margin-left: -30%; */
	text-align: center;
	list-style: none;
	overflow: hidden;
}

.carousel-indicators li {
	/* display: inline-block; */
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px
}

.carousel-indicators .active {
	/* width: 12px;
	height: 12px;
	margin: 0; */
	background-color: #fff
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
	text-shadow: none
}

.curriculum {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px
}

.curr-left {
	width: 220px;
	margin-bottom: 30px;
}

.curr-title {
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
	background: #ab0101
}

.curr-linklist {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px 30px;
	text-align: center;
	letter-spacing: 1px;
	background: #f7f7f7;
	border: 1px solid #e7e6e6
}

.curr-name {
	margin-top: 16px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	background: #ab0101;
	cursor: pointer
}

.curr-list {
	/* padding: 0 5px; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.curr-list li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	color: #7e4343;
	border-bottom: 1px dotted #999
}

.curr-list li:hover {
	color: #fff;
	background: #ab0101;
}

.curr-right {
	width: 980px
}

.curr-right li.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.currItem-list {
	display: none;
	width: 100%
}

.curr-item {
	display: block;
	margin-left: 6px;
	width: 254px
}


.detail-cont p {
    text-align: justify!important;
}

.curr-item p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 8px;
	text-align: center;
	line-height: 44px;
	font-size: 14px;
	color: #444
}

.curr-item p:hover {
	color: #ab0101;
}

table {
	border-collapse: collapse;
	/* border-collapse: separate; */
    border-spacing: 0;
}

.imgcenter {
	height: 227px;
	width: 100%;
	text-align: center;
	display: table
}

.imgcenter span {
	height: 227px;
	display: table-cell;
	vertical-align: middle
}

.imgcenter img {
	width: 100%;
	height: 100%;
}

.banner-cen {
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1000px;
	overflow: hidden;
	height: 148px
}

.banner-cen .imgbg {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 148px;
	max-width: 1920px
}

.news {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	padding: 0 10px;
	height: auto
}

.news-div {
	width: 481px
}

.news-title {
	margin-bottom: 10px;
	height: 31px;
}

.news-title img {
	width: 100%;
	height: 100%
}

.news-biaoti {
	width: 100%;
	height: 48px;
	text-align: center;
	margin-top: 15px;
	line-height: 48px;
	font-size: 20px;
	background: #ab0101;
	color: #fff;
}

.news-out {
	padding: 10px 25px;
	height: 350px;
	background: #faf6ed
}

.small-new {
	overflow: hidden;
	height: 116px;
	border-bottom: 1px dotted #b1b0b0
}

.small-new h2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 28px;
	overflow: hidden;
	margin-top: 10px;
	font-size: 16px;
	line-height: 28px;
	color: #222;
	font-weight: 600
}

.small-new a {
	display: block;
	line-height: 24px;
	font-size: 14px;
	text-indent: 28px;
	letter-spacing: 1px;
	color: #222
}

.small-new a span {
	color: #ab0101
}

.mews-list {
	list-style: disc
}

.mews-list li {
	position: relative;
	margin-left: 18px;
	line-height: 30px;
	font-size: 14px
}

.mews-list li a {
	position: absolute;
	top: 0;
	display: block;
	height: 30px;
	width: 100%
}

.mews-list li a span {
	display: block;
	position: absolute;
	-moz-tab-size: 0;
	-o-tab-size: 0;
	tab-size: 0;
	width: 300px
}

.mews-list li a i {
	float: right;
	font-style: normal
}

.gengduo {
	float: right;
	margin-top: 4px;
	font-size: 14px;
	color: #ab0101
}

.political {
	margin-right: 18px;
}

.political .mews-list li {
	color: #505050
}

.political .mews-list {
	padding-top: 9px;
}

.training .news-out {
	padding-top: 14px
}

.training .mews-list li {
	color: #ab0101
}

.training-course {
	margin-top: 10px
}

.course-title img {
	width: 100%
}

.course-cen {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.course-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 18px;
	width: 490px;
	height: 200px;
	background: #faf6ed
}

.course-item .course-left {
	width: 260px;
	height: 200px
}

.course-item .course-left span {
	height: 200px
}

.course-right {
	padding-left: 14px;
	padding-right: 14px;
	width: 240px;
	position: relative
}

.course-right .course-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 22px;
	margin-bottom: 10px;
	line-height: 40px;
	font-size: 18px;
	color: #505050
}

.course-right .course-line {
	top: 50px
}

.course-right .course-p {
	line-height: 22px;
	font-size: 14px;
	color: #505050;
	-webkit-line-clamp: 2;
	max-height: 44px;
}

.course-right .btn {
	margin-top: 22px;
	font-size: 14px
}

.course-bot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/*
    height: 446px
    */
}

.mynews_wrap .news-out {
	background: transparent;
}

.course-bot>div {
	/* height: 227px; */
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 8px
}

.course-bot>div .course-btext {
	position: absolute;
	top: 0;
	height: 100%;
	color: #fff
}

.course-bot>div .course-btext h2 {
	font-size: 16px;
	line-height: 34px
}

.course-bot>div .course-btext p {
	font-size: 14px;
	line-height: 24px;
	-webkit-line-clamp: 5;
	max-height: 120px;
}

.course-bot>div .course-bing {
	position: relative;
	z-index: -1;
	width: 204px
}

.course-bot .course-bot1 {
	width: 440px
}

.course-bot .course-bot1 .course-btext {
	padding: 14px 20px 0 35px;
	right: 0;
	width: 243px;
	background: url(../img/11@2x.png) no-repeat;
	background-size: 243px
}

.course-bot .course-bot2 {
	width: 546px
}

.course-bot .course-bot2 .course-btext {
	padding: 14px 20px 0 35px;
	right: 0;
	width: 350px;
	background: url(../img/yjbj3@2x.png) no-repeat;
	background-size: 350px
}

.course-bot .course-bot3 {
	width: 678px
}

.course-bot .course-bot3 .course-bing {
	float: right
}

.course-bot .course-bot3 .course-btext {
	padding: 14px 36px 0 35px;
	left: 0;
	width: 484px;
	background: url(../img/4@2x.png) no-repeat;
	background-size: 484px;
	-webkit-line-clamp: 5
}

.course-bot .course-bot4 {
	width: 310px;
	background: url(../img/xcjx@2x.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	text-align: center
}

.course-bot .course-bot4 h1 {
	margin-top: 30px;
	font-size: 40px;
	line-height: 94px
}

.course-bot .course-bot4 a {
	font-size: 18px
}

.training-experience {
	margin-top: 2px;
	height: 500px
}

.training-experience .experience-bg {
	height: 500px
}

.experience-title {
	position: relative;
	z-index: 666;
	margin: 41px auto 36px;
	width: 195px;
	height: 47px
}

.to-experiences {
	position: absolute;
	right: 12px;
	top: -66px;
	display: block;
	width: 91px;
	height: 22px;
	background: url(../img/ckgd@2x.png) no-repeat;
	background-size: 91px
}

.experience-list {
	padding: 10px;
	height: 308px;
	background: #f5f5f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.experience-list .experience2 {
	width: 50%;
	height: 100%
}

.experience2 {
	padding: 0 27px;
	background: #fff
}

.experience2>div {
	height: 50%
}

.experience2>div:first-child {
	border-bottom: 1px dotted #b1b0b0
}

.experience-item h3 {
	text-indent: 24px;
	padding-top: 9px;
	line-height: 34px;
	color: #222;
	background: url(../img/1570@2x.png) no-repeat;
	background-size: 18px;
	background-position-y: 16px
}

.experience-item a {
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #505050
}

.experience-item a span {
	color: #ab0101
}

.other-link {
	margin-top: 30px;
	height: 300px
}

.other-link .ol-out {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.other-link>span {
	position: absolute;
	display: block;
	top: 100px;
	width: 50px;
	height: 50px
}

.other-link .ol-left {
	background: url(../img/zq@2x.png) no-repeat;
	left: -80px;
	background-size: 50px;
	cursor: not-allowed
}

.other-link .ol-right {
	background: url(../img/yq@2x.png) no-repeat;
	right: -80px;
	background-size: 50px
}

.other-list {
	position: absolute;
	width: 10000px;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.other-list li {
	float: left;
	width: 236px;
	margin-right: 20px;
	background: #f5f5f5
}

.other-item .imgcenter {
	width: 236px;
	height: 210px
}

.other-item .imgcenter span {
	height: 210px
}

.other-item .other-detail {
	padding: 16px 20px
}

.other-item .other-detail h3 {
	float: left;
	font-size: 18px;
	line-height: 30px;
	color: #ab0101
}

.other-item .other-detail p {
	font-size: 14px;
	line-height: 24px;
	color: #505050;
	-webkit-line-clamp: 4
}

.other-item .other-detail a {
	/* margin-top: 6px */
	float: right;
}

.mindetail {
	margin-top: 24px
}

.mind-intro {
	margin-top: 20px;
	/* height: 236px */
}

.mi-left {
	width: 100%;
}

.intro {
	margin-top: 10px;
	font-size: 14px;
	color: #505050;
	line-height: 24px;
	text-indent: 30px;
	-webkit-line-clamp: 8
}

.mi-right {
	float: right;
	margin-left: 16px;
	/* margin-top: 46px; */
	width: 300px;
	height: 188px
}

.mi-right span {
	height: 170px
}

.mindetail-2 {
	margin-top: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.mds-list li {
	height: 28px;
	overflow: hidden;
}

.mindetail-2 .mds-list li a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 28px;
	overflow: hidden;
}

.mindetail-3 .mds-list li a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 28px;
	overflow: hidden;
}

.mindetail-2>div {
	width: 31%
}

.md2-title {
	font-size: 14px;
	line-height: 40px;
	color: #505050;
	font-weight: 600
}

.md2-text {
	font-size: 14px;
	line-height: 24px;
	color: #505050;
	text-indent: 30px
}

.md2-text span {
	color: #ab0101
}

.mds-list li {
	position: relative;
	/* width: 100%; */
	padding: 0 4px 0 10px;
	/* margin-left: 7%; */
	/* list-style: disc; */
	/* margin-top: 2px; */
	line-height: 28px;
	height: 28px;
	font-size: 14px;
	border-bottom: 1px dotted #999;
	color: #7e4343
}

.mds-list li:hover {
	background: #f9ebeb;
}

.mds-list li:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #c11d1c;
}

.mds-list li:hover a {
	color: #ab0101;
}

.mds-list li:nth-last-child(1) {
	border-bottom: none;
}

.mds-list li:after {
	content: '';
	display: none;
	position: absolute;
	left: -7px;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #ab0101;
	border-radius: 50%;
}

/* .cl-bot .training .news-out .mews-list li {
	height: 30px;
	margin-left: 0;
	position: relative;
	border-bottom: 1px dotted #999;
}

.cl-bot .training .news-out .mews-list li:hover {
	background: #f9ebeb;
}

.cl-bot .training .news-out .mews-list li:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #c11d1c;
} */

.mds-list li a {
	color: #505050
}

.mds-list li a span {
	color: #ab0101
}

.mindetail-3 {
	margin-top: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.nd3-left {
	width: 440px;
	margin-right: 20px
}

.md3-item {
	margin-bottom: 12px;
	height: 150px
}

.md3-item .md3-img {
	width: 190px;
	height: 150px
}

.md3-item .md3-img span {
	width: 190px;
	height: 150px
}

.md3-item .md3i-right {
	position: relative;
	padding: 10px 15px 10px 19px;
	background: #faf6ed;
	/* width: 200px */
	flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	overflow: hidden;
}

.md3-item .md3i-right h2 {
	font-size: 18px;
	line-height: 46px;
	color: #505050
}

.md3-item .md3i-right .course-line {
	top: 46px
}

.md3-item .md3i-right .md3i-text {
	/* display: block; */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 10px;
	font-size: 14px;
	max-height: 66px;
	line-height: 22px;
	/* height: 88px; */
	color: #505050
}

.md3-item .md3i-right a span {
	color: #ab0101
}

.mindetail-4 {
	/* margin-top: 20px */
}

.mindetail-4 .mind-title {
	width: 100%
}

.md4-list {
	overflow: hidden;
	margin-top: 10px
}

.md4-list .md4-item {
	float: left;
	display: block;
	position: relative;
	width: 182px;
	/* height: 126px; */
	margin-bottom: 10px;
	margin-right: 10px
}

.china-spirit4 .cs4-left .md4-list .md4-item:nth-child(2n) {
	margin-right: 0;
}

.mindetail-4 .md4-list .md4-item:nth-child(4n+4) {
	margin-right: 0;
}

.md4-list .md4-item img {
	display: block;
	width: 100%;
	height: 108px;
}

.md4-list .md4-item p {
	width: 100%;
	/* position: absolute;
	bottom: 0;
	left: 0; */
	line-height: 28px;
	background: rgba(192, 8, 8, 1);
	text-align: center;
	color: #fff;
	letter-spacing: 1px
}

.political-1 {
	margin-top: 27px;
	height: 192px
}

.political-1 .pol1-left {
	width: 300px;
	height: 192px
}

.political-1 .pol1-left span {
	width: 300px;
	height: 192px
}

.political-1 .pol1-right {
	padding: 10px 20px 10px 30px;
	/* width: 460px; */
	flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	height: 100%;
	overflow: hidden;
	background: #faf6ed
}

.political-1 .pol1-right h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
	font-size: 16px;
	line-height: 36px;
	color: #ab0101
}

.political-1 .pol1-right h3:hover {
	color: #f30404;
}

.political-1 .pol1-right span {
	font-size: 13px;
	line-height: 34px;
	color: #999
}

.political-1 .pol1-right a {
	/* display: block; */
	line-height: 24px;
	font-size: 14px;
	color: #505050
}

.political-list {
	margin-top: 20px;
	width: 760px;
	overflow: hidden;
}

.political-item {
	margin-bottom: 12px;
	display: block!important;
	overflow: hidden;
	zoom: 1;
}

.political-item .political-time {
	float: left;
	width: 110px;
	padding-top: 3px;
	font-size: 16px;
	line-height: 22px;
	color: #999
}

.political-item .political-link {
	width: 650px;
	/* -ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;	 */
	float: right;
	overflow: hidden;
	border-bottom: 1px dotted #ececec
}

.political-item .political-link h2 {
	padding-bottom: 5px;
	font-size: 16px;
	color: #222;
	line-height: 26px
}

.political-item .political-link p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 24px;
	color: #505050;
	-webkit-line-clamp: 2
}

.political-item .political-link:hover h2 {
	color: #ab0101
}

.recommend {
	margin-top: 70px
}

.recommend .dflex {
	margin-top: 20px;
	flex-flow: wrap;
	-ms-flex-flow: wrap;
}

.recommend .dflex .course-item {
	width: 370px;
	height: 155px;
	margin-right: 20px
}

.recommend .dflex .course-item:nth-child(2n+2) {
	margin-right: 0;
}

.recommend .dflex .course-item .imgcenter {
	width: 160px;
	height: 155px;
	overflow: hidden;
}

.recommend .dflex .course-item .imgcenter span {
	height: 155px
}

.recommend .dflex .course-item .course-right {
	/* width: 160px; */
	flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	overflow: hidden;
	padding: 10px 10px 10px 18px
}

.recommend .dflex .course-item .course-right h2 {
	margin-top: 0;
	margin-bottom: 5px
}

.recommend .dflex .course-item .course-right .btn {
	margin-top: 12px
}

.recommend .dflex .course-item .course-right .course-line {
	top: 38px
}
/* 
.china-spirit1 .csp-1 {
	margin-top: 60px
} */

.china-spirit2 {
	margin-top: 20px
}

.china-spirit2 .cs2-left .cs2l-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 30px;
	overflow: hidden;
}

.china-spirit2 .cs2-left .intro {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	overflow: hidden;
}

.china-spirit2 .cs2r-list li a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 28px;
	overflow: hidden;
}

.china-spirit4 .cs4-right .mds-list li a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 28px;
	overflow: hidden;
}

.cs2-left {
	width: 440px;
	margin-right: 20px;
	padding-bottom: 12px;
}

.cs2-left .intro {
	margin-top: 0
}

.cs2-right {
	width: 300px
}

.cs2l-title {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	color: #505050
}

.cs2r-list {
	/* width: 100%;
	margin-left: 4%;
	margin-bottom: 30px */
	margin-bottom: 10px;
}

.cs2r-list li {
	position: relative;
	/* color: #ab0101; */
	padding: 0 4px 0 10px;
	height: 28px;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px dotted #999;
	color: #7e4343
	/* margin-bottom: 5px; */
	/* list-style: disc */
}

.cs2r-list li:hover {
	background-color: #f9ebeb;
}

.cs2r-list li:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #c11d1c;
}

.cs2r-list li:hover p {
	color: #ab0101;
}

.cs2r-list li:after {
	content: '';
	display: none;
	position: absolute;
	left: -7px;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #ab0101;
	border-radius: 50%;
}

.cs2r-list li p {
	color: #505050;
	line-height: 28px;
	font-size: 14px
}

.china-spirit3 {
	margin-top: 0
}

.cs4-left {
	margin-right: 20px;
	width: 440px
}

.cs4-left .md4-item {
	width: 214px
}

.cs4-right {
	width: 300px
}

header {
	min-width: 1000px
}

.head-top {
	height: 48px;
	line-height: 48px;
	background: #efefef
}

.head-data {
	position: absolute;
	top: 0;
	left: 0;
	width: 95px;
	height: 59px;
	text-align: center;
	color: #fff;
	background: url(../img/date@2x.png) no-repeat;
	background-size: cover;
	line-height: 26px
}

.head-data p {
	width: 90px;
	line-height: 30px;
	font-size: 18px
}

.head-data span {
	font-size: 14px
}

.head-phone {
	float: right;
	padding-left: 43px;
	font-size: 18px;
	color: #ab0101;
	background: url(../img/call1@2x.png) no-repeat;
	background-size: 28px;
	background-position-y: 10px
}

.head-center {
	height: 138px
}

.head-logo {
	margin-top: 36px;
	width: 760px;
	height: 78px
}

.head-logo img {
	height: 78px
}

.hc-right {
	position: absolute;
	right: 0;
	top: 52px
}

.hc-form {
	position: relative;
	width: 420px;
	height: 37px;
	border: 1px solid #ab0101
}

.hc-form .hc-input {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 11px;
	width: 362px;
	height: 35px;
	line-height: 35px;
	color: #444
}

.hc-form .hc-sub {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 37px;
	background: url(../img/ss@2x.png) no-repeat;
	background-size: 21px;
	background-position-x: 32px;
	background-position-y: 8px;
	background-color: #ab0101
}

.hc-list {
	line-height: 36px;
	font-size: 14px;
	color: #505050
}

.hc-list li {
	float: left;
	margin-right: 10px
}

.hc-list li:hover {
	color: #ab0101
}

.head-bot {
	height: 50px;
	line-height: 50px;
	background: #ab0101 url(../img/menubg.png) repeat-x;
	background-size: auto 100%;
}

.hb-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	letter-spacing: 1px
}

.hb-link li {
	width: 11.1111%;
	text-align: center;
	cursor: pointer;
	background: url(../img/navbg.png) no-repeat right center;
}

.hb-link li:last-child {
  background: none;
}

.hb-link li:hover {
	background: #ab0101
}

.hb-link li:hover .second-list {
	display: block
}

.hb-link .active {
	background: #bf1c1b
}

.second-list {
	position: absolute;
	z-index: 6;
	width: 8.5%;
	line-height: 50px;
	background: #ab0101
}

.second-list li {
	width: 100%
}

.foot-top {
	background: #f5f5f5;
	min-width: 1000px;
	height: 270px;
	padding-top: 60px
}

.ft-left {
	width: 370px;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.ft-left .ft-item {
	width: 66px;
	font-size: 14px;
	color: #505050;
	line-height: 30px
}

.ft-ewm {
	margin-left: 30px;
	width: 124px
}

.ft-item li:hover {
	color: #ab0101;
}

.ft-ewm div {
	height: 124px;
	width: 124px;
}

.ft-ewm div img {
	width: 124px;
	height: 124px
}

.ft-ewm p {
	line-height: 34px;
	text-align: center;
	color: #505050
}

.ft-about {
	width: 261px;
	margin-left: 50px;
	padding-top: 10px
}

.ft-about .fta-h1 {
	font-size: 20px;
	line-height: 32px;
	color: #ab0101;
	font-weight: 600
}

.ft-about .fta-phone {
	display: inline-block;
	line-height: 36px;
	font-size: 20px;
	color: #ab0101
}

.ft-about .fta-text {
	font-size: 14px;
	color: #505050;
	line-height: 26px
}

.foot-list {
	margin-left: 20px;
	line-height: 75px;
	font-size: 14px;
	color: #505050
}

.foot-list li {
	float: left;
	padding: 0 8px
}

.foot-list li a:hover {
	color: #ab0101;
}

.icon-red {
	position: absolute;
	top: 32px;
	left: 16px;
	width: 2px;
	height: 14px;
	background: #ab0101
}

.foot-bot {
	min-width: 1000px;
	height: 70px;
	line-height: 70px;
	background: #ab0101;
	color: #fff;
	font-size: 14px
}

.foot-bot .fbot {
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 1000px
}

.foot-bot .pl span {
	padding-left: 10px
}

.foot-bot .pr a {
	padding-left: 10px
}

.gotop {
	display: block;
	position: fixed;
	bottom: 80px;
	right: 20px;
	opacity: .8;
	padding-top: 55px;
	/* height: 100px; */
	width: 60px;
	text-align: center;
	color: #222;
	background: url(../img/top@2x.png) no-repeat;
	background-size: 48px;
	background-position-x: 6px
}

.banner {
	min-width: 1000px
}

.left-nav {
	width: 100%;
}

/* .left-nav .curr-linklist {
	border: 0;
	background: #fff
} */

.lnitem ul.active {
	height: auto
}

.lnitem-title {
	display: block;
	margin-top: 10px;
	width: 300px;
	height: 60px;
	line-height: 48px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background: url(../img/title-bg@2x.png) no-repeat;
	background-size: 300px;
	cursor: pointer
}

.lnitem-title:hover {
	color: #fff
}

.ln-list {
	overflow: hidden;
	position: relative;
	top: -10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 19px;
	margin: 0 auto;
	width: 260px;
	height: 0;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #505050;
	background: #f7f7f7;
	-webkit-transition: all .5s;
	transition: all .5s
}

.ln-list li {
	border-bottom: 1px dotted #dbdbdb;
}

.ln-list li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding: 8px;
	line-height: 24px;
}

.ln-list li:last-child {
	border-bottom: 0
}

.ln-list .active {
	color: #ab0101
}

.cl-bot {
	margin-top: 20px;
	margin-bottom: 20px;
}

.cl-bot .training {
	width: 100%;
}

.cl-bot .training .news-title {
	/* height: 50px; */
	margin-top: 15px;
}

.cl-bot .training .news-out {
	padding: 4px 0;
	height: auto;
}

.cl-bot .training .news-out .mews-list {
	list-style: none;
}

.cl-bot .training .news-out .mews-list li {
	height: 30px;
	margin-left: 0;
	position: relative;
	border-bottom: 1px dotted #999;
}

.cl-bot .training .news-out .mews-list li:hover {
	background: #f9ebeb;
}

.cl-bot .training .news-out .mews-list li:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #c11d1c;
}

/* .cl-bot .training .news-out .mews-list li:last-child {
	border-bottom: none;
} */

.cl-bot .training .news-out .mews-list li a span {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	text-overflow: initial;
	white-space: pre-wrap;
	height: 100%;
	box-sizing: border-box;
	color: #7e4343;
}

.cl-bot .training .news-out .mews-list li a span:hover {
	/* background: #ab0101; */
	color: #f30404;
}

.clb-img img {
	width: 100%
}

.clblist {
	margin-top: 6px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.clblist li {
	line-height: 42px;
	font-size: 20px;
	color: #505050;
	text-indent: 30px
}

.lnav-top {
	padding-top: 10px;
	width: 100%;
	margin-bottom: 20px;
	height: 160px;
	background: url(../img/1595@2x.png) no-repeat;
	background-size: 300px;
	text-align: center;
	color: #fff
}

.lnav-top h1 {
	line-height: 56px;
	font-size: 22px;
	letter-spacing: 2px
}

.lnav-top .lnt-tel {
	display: block;
	line-height: 30px;
	font-size: 20px
}

.lnav-top .zxzx {
	margin: 16px auto 0;
	display: block;
	width: 115px;
	height: 30px;
	line-height: 30px;
	color: #ab0101;
	background: #fff;
	border-radius: 15px
}

.asmriti {
	margin-top: 32px;
	background: url(../img/tbbj@2x.jpg) no-repeat;
	background-size: 1000px;
	height: 40px
}

.asmriti h1 {
	line-height: 28px;
	font-size: 18px;
	text-indent: 40px;
	font-weight: 500;
	color: #fff
}

.asmriti-title {
	margin-bottom: 20px;
	padding-top: 10px;
	font-size: 32px;
	line-height: 36px;
	color: #222
}

.asmriti-title span {
	color: #ab0101;
}

.trancourse {
	margin-top: 26px
}

.trancourse .course-item {
	width: 100%
}

.trancourse .course-item .course-right {
	width: 420px;
	padding-right: 20px
}

.trancourse .course-item .course-right .course-p {
	-webkit-line-clamp: 2
}

.trandynamic {
	margin-bottom: 30px
}

.scene-list {
	margin-top: 30px;
	/* margin-bottom: 50px; */
	margin-left: -23px;
	/* width: 863px; */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.scene-list li {
	margin-bottom: 12px;
	margin-left: 12px;
	width: 248px;
	height: 270px;
	background: #f7f7f7
}

.scene-item {
	display: block;
	height: 100%;
	box-shadow: 0 3px 7px #eee;
}

.scene-item .imgcenter {
	height: 166px
}

.scene-item .imgcenter span {
	height: 166px
}

.scene-item .scene-bot {
	padding: 0 16px
}

.scene-item h3 {
	font-size: 16px;
	line-height: 38px;
	color: #ab0101;
	text-align: center
}

.scene-item h3:hover {
	color: #f30404;
}

.scene-item p {
	font-size: 14px;
	line-height: 20px;
	color: #444
}

.feaching-title {
	margin: 25px auto;
	width: 380px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 28px;
	color: #ab0101;
	background: url(../img/title@2x.png) no-repeat;
	background-size: 380px;
	background-position-y: 6px
}

.contact-position {
	margin-top: 30px;
	height: 320px;
	width: 100%
}

.contact-about {
	padding: 12px;
	margin-top: 20px;
	/* min-height: 720px; */
	background: #faf6ed
}

.cabout-left {
	padding-left: 33px;
	padding-top: 20px;
	margin-right: 60px;
	width: 500px;
	font-size: 18px;
	line-height: 1.8em
}

.cabout-left .cal-1,
.cabout-left .cal-2 {
	color: #505050
}

.cabout-left .cal-1>p {
	padding-right: 18px
}

.cal-title {
	color: #ab0101
}

.cabout-right {
	width: 260px;
	margin-top: 27px;
	margin-right: 20px;
}

.cabout-right .car-img {
	margin: 0 auto;
	width: 184px;
	height: 184px
}

.cabout-right .car-img img {
	width: 100%;
	height: 100%
}

.cabout-right p {
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	line-height: 24px;
	color: #505050
}

.cabout-right p span {
	display: block;
	color: #ab0101
}

.cabout-form {
	margin-top: 20px
}

.caf-top {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.caf-top input {
	border-radius: 5px;
	width: 200px;
	height: 46px;
	line-height: 46px;
	font-size: 15px;
	text-indent: 30px;
	border: 1px solid #efefef;
}

.caf-text {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	margin: 24px auto 20px;
	padding: 10px 14px;
	width: 696px;
	height: 200px;
	font-size: 15px;
	line-height: 30px;
	border: 1px solid #efefef;
	resize: none;
}

.caf-text::-webkit-input-placeholder {
	font-family: '微软雅黑'
}

.caf-sub {
	display: block;
	margin: 24px auto;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	background: #ab0101;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.exper {
	margin-top: 30px
}

.exper .experience2 {
	margin-bottom: 20px;
	height: 312px;
	background: #faf6ed
}

.detail-title {
	padding-top: 26px;
	margin-bottom: 20px;
	height: 136px;
	border-bottom: 3px dotted #ececec
}

.dtit-left {
	position: relative;
	width: 120px;
	float: left;
}

.dtl-time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: -1;
	border: 1px solid #d4d4d4;
	width: 100%;
	height: 70px
}

.dtl-time .dtl-img {
	margin-top: 14px;
	margin-left: 9px;
	width: 23px;
	height: 23px
}

.dtl-time .dtl-img img {
	width: 100%;
	height: 100%
}

.dtl-time .dtl-date {
	margin-top: 10px;
	margin-left: 6px;
	width: 78px;
	line-height: 16px;
	font-size: 12px;
	color: #ab0101
}

.inline-bm {
	display: block;
	position: absolute;
	top: 51px;
	left: 6px;
	width: 108px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-indent: 42px;
	color: #fff;
	background: url(../img/151647.png) no-repeat;
	background-color: #ab0101;
	background-size: 20px;
	background-position-x: 17px;
	background-position-y: 2px
}

.tous-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 8px;
	font-size: 12px;
	line-height: 18px;
	color: #222
}

.tous-list li {
	float: left
}

.dtit-right h1 {
	font-size: 20px
}

.dtit-right h1 {
	line-height: 42px;
	color: #505050;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dtit-right p {
	/* text-indent: 100px; */
	text-align: center;
	line-height: 52px;
	color: #999
}

.dtit-right p span {
	padding-left: 30px;
	font-size: 14px
}

.dtit-right {
	float: right;
	width: 540px;
	margin-left: 20px;
}

.detail-contain {
	margin-bottom: 20px
}

.detail-contain h1,
.detail-contain h2,
.detail-contain h3,
.detail-contain h4,
.detail-contain h5,
.detail-contain h6 {
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}

.detail-contain h1 {
	font-size: 32px;
}

.detail-contain h2 {
	font-size: 30px;
}

.detail-contain h3 {
	font-size: 28px;
}

.detail-contain h4 {
	font-size: 24px;
}

.detail-contain h5 {
	font-size: 22px;
}

.detail-contain h6 {
	font-size: 20px;
}

.page-up {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 31px;
	color: #505050
}

.mindetail-3 .md3-right {
	width: 300px;
}

.course-item .imgcenter img {
	width: 100%;
	height: 100%;
}

.second-list {
	width: 133.33px;
}

.curr-item .imgcenter {
	height: 180px;
}

.imgcenter span {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.curr-item .imgcenter span {
	height: 180px;	
}

.curr-item .imgcenter img {
	width: 100%;
	height: 100%;
}

.logo-link {
	display: flex;
	display: -ms-flexbox
}

.logo-img {
	width: 84px;
	height: 78px;
}

.logo-right {
	padding-left: 16px;
	height: 100%;
}

.logo-title {
	font-size: 30px;
	color: #222;
	letter-spacing: 4px;
	font-weight: 700;
	margin-top: 5px;
}

.logo-title span {
	color: #e11b1a;
}

.logo-text {
	font-size: 14px;
	margin-top: 4px;
	font-weight: 600;
	color: #3f3f3f;
	letter-spacing: 2px;
	line-height: 20px;
}

.cs2r-list li p span {
	color: #ab0101
}

.cs2l-title span {
	color: #ab0101
}


.pagination {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  padding: 0 100px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

.pagination li {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background-color: #ab0101;
}

.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
}

.pagination .active {
  color: #ab0101;
  border: 1px solid #ab0101;
  cursor: default;
  background-color: #fff;
}

.pagination .disabled {
  cursor: not-allowed;
}