.area-title[data-v-78c18783] {
	position: relative;
	padding: 0 0 10px 10px
}

.area-title[data-v-78c18783]:before {
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 3px;
	height: 18px;
	background-color: red
}

.area-title .title-en[data-v-78c18783] {
	font-size: 20px;
	line-height: 24px
}

.area-title .title-zh[data-v-78c18783] {
	font-size: 28px;
	line-height: 50px;
	margin-top: 4px
}

.case-wrap .banner-img {
	width: 100%
}

.case-wrap .banner-img-wrap {
	width: 100%;
	height: 532px;
	background: -webkit-gradient(linear, left top, right bottom, from(#fefafa), to(#fafbfc));
	background: -o-linear-gradient(top left, #fefafa, #fafbfc);
	background: linear-gradient(to bottom right, #fefafa, #fafbfc)
}

.case-wrap .banner-img-wrap .ban-banner {
	width: 100%;
	height: 100%;
	background: url(../images/banner.553e2282ff2db940e042abd6ed1772c4.png) no-repeat 50%;
	background-size: 1920px 532px
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word {
	width: 1200px;
	margin: 0 auto
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word .ban-banner-title {
	line-height: 81px;
	padding-top: 90px
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word .ban-banner-title .title-left {
	font-size: 58px;
	color: #111;
	letter-spacing: 2px;
	font-weight: 600
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word .ban-banner-desc {
	margin-top: 30px
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word .ban-banner-desc p {
	font-size: 18px;
	color: rgba(34, 34, 34, .8);
	letter-spacing: 2px;
	line-height: 25px;
	font-weight: 400
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word .to-experience {
	margin-top: 80px;
	display: block;
	width: 130px;
	height: 48px;
	background: #e1251b;
	-webkit-box-shadow: 0 4px 16px 0 rgba(220, 6, 43, .3);
	box-shadow: 0 4px 16px 0 rgba(220, 6, 43, .3);
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-weight: 400
}

.case-wrap .banner-img-wrap .ban-banner .ban-banner-word .to-experience:hover {
	background: #fc0000;
	-webkit-box-shadow: 0 4px 10px 0 rgba(212, 48, 48, .7);
	box-shadow: 0 4px 10px 0 rgba(212, 48, 48, .7)
}

.case-wrap .case-list-wrap {
	padding: 20px 0
}

.case-wrap .case-list-wrap ul.case-list {
	border-top: 1px solid #ddd
}

.case-wrap .case-list-wrap ul.case-list li {
	border-bottom: 1px solid #ddd
}

.case-wrap .case-list-wrap ul.case-list li>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0 20px 12px
}

.case-wrap .case-list-wrap ul.case-list li>a .el-col {
	margin-bottom: 0
}

.case-wrap .case-list-wrap ul.case-list li>a .item-info .title {
	font-size: 18px;
	line-height: 28px
}

.case-wrap .case-list-wrap ul.case-list li>a .item-info .desc {
	color: #4a4a4a;
	line-height: 20px;
	margin-top: 20px
}

.case-wrap .case-list-wrap ul.case-list li>a .item-other {
	text-align: right
}

.case-wrap .case-list-wrap ul.case-list li>a .item-other .num {
	color: red;
	font-size: 22px;
	line-height: 32px;
	display: block
}

.case-wrap .case-list-wrap ul.case-list li>a .item-other .time {
	color: #9b9b9b;
	font-size: 12px;
	line-height: 16px;
	margin-top: 18px
}

.case-wrap .case-list-wrap ul.case-list li>a:hover {
	background-color: #fcfcfc
}

.case-wrap .case-list-wrap ul.case-list li>a:hover .item-info .title {
	color: red
}

.pagination-wrap {
	margin-top: 20px
}

.pagination-wrap .el-button {
	border: 1px solid #ccc;
	padding: 0 10px;
	line-height: 26px;
	margin-bottom: 4px
}

.pagination-wrap .el-pagination.is-background {
	padding: 0;
	white-space: normal
}

.pagination-wrap .el-pagination.is-background button.btn-next,
.pagination-wrap .el-pagination.is-background button.btn-prev {
	border: 1px solid #ccc;
	background: none;
	padding: 0 10px
}

.pagination-wrap .el-pagination.is-background button.btn-next:hover,
.pagination-wrap .el-pagination.is-background button.btn-prev:hover {
	background-color: red;
	color: #fff;
	border-color: red
}

.pagination-wrap .el-pagination.is-background .el-pager {
	margin-bottom: 4px
}

.pagination-wrap .el-pagination.is-background .el-pager li.el-icon,
.pagination-wrap .el-pagination.is-background .el-pager li.number {
	border: 1px solid #ccc;
	background: none
}

.pagination-wrap .el-pagination.is-background .el-pager li.el-icon.active,
.pagination-wrap .el-pagination.is-background .el-pager li.el-icon:hover,
.pagination-wrap .el-pagination.is-background .el-pager li.number.active,
.pagination-wrap .el-pagination.is-background .el-pager li.number:hover {
	background-color: red;
	color: #fff;
	border-color: red
}

.pagination-wrap .el-pagination.is-background .el-input__inner {
	border-radius: 0
}

.pagination-wrap .num-desc {
	line-height: 28px;
	margin-left: 10px
}

.pagination-wrap .num-desc>strong {
	font-weight: 700
}