@charset "utf-8";
html,
body,
.banner,
.banner .slick,
.banner .slick div,
.banner .slick-slide a,
.banner .slick-slide a img {
	width: 100%;
	height: 100%;
}

body {
	overflow-x: hidden;
}


/*banner*/

.banner {
	overflow: hidden;
	position: relative;
}

.banner a {
	display: block;
}

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

.banner .slick {
	position: relative;
	z-index: 9;
}

.banner .slick-slide a {
	display: block;
	position: relative;
}

.banner .slick-slide a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: url(../img/banner-bg.png) repeat-x;
	height: 306px;
}

.banner .slick-slide a img {
	display: block;
	width: 100%;
}

.banner .slick-slide a p {
	position: absolute;
	z-index: 9;
	color: #fff;
	left: 0;
	right: 0;
	bottom: 35px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 30px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 100px;
}

.banner .slick-dots {
	position: absolute;
	right: 18px;
	top: 29%;
	bottom: initial;
	width: 18px;
	transform: translateY(-50%);
	font-size: 0;
	z-index: 99;
}

.banner .slick-dots li {
	width: 18px;
	height: 18px;
	margin: 12px 0;
	padding: 3px;
	position: relative;
}

.banner .slick-dots li:after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	left: 0;
	top: 0;
	display: none;
}

.banner .slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
	margin: 2px;
	background: rgba(255, 255, 255, 0.63);
	border-radius: 50%;
}

.banner .slick-dots li.slick-active:after {
	display: block;
}

.banner .slick-dots li.slick-active button {
	background: #fff;
}


/*首页样式*/

.tit {
	line-height: 40px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.23);
	padding: 0 20px;
}

.tit h3 {
	float: left;
	font-size: 18px;
	color: #fff;
}

.more a {
	display: block;
	font-size: 14px;
	color: #fff;
}

.more a:hover {
	color: #940818;
}

.section-k {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(23, 103, 164, 0.9);
	z-index: 9;
}

.section1 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}

.s1-c {
	height: 37px;
	background: rgba(86, 84, 84, 0.3);
}

.section2 {}

.s2-l {
	width: 29%;
	border-right: 1px solid rgba(255, 255, 255, 0.23);
	border-left: 1px solid rgba(255, 255, 255, 0.23);
}

.public-list {
	padding: 20px;
}

.public-list li {
	line-height: 35px;
}

.public-list li a i {
	display: inline-block;
	font-style: normal;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	margin-right: 10px;
}

.public-list li a {
	display: block;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.public-list li span {
	float: right;
	padding-left: 10px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.public-list li a:hover {
	color: #fff;
}

.s2-c {
	width: 42.9%;
	border-right: 1px solid rgba(255, 255, 255, 0.23);
}

.s2-ck {
	padding: 20px;
}

.s2-ck-l {
	width: 186px;
	margin-right: 20px;
}

.s2-c .pic {
	padding-top: 0;
	width: 100%;
	height: 111px;
}

.s2-c .pic img {border: 3px solid #eabc0d;}


.s2-ck-l h3 {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	line-height: 24px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 12px;
}

.s2-ck-l a:hover h3 {
	color: #fff;
}

.s2-ck .public-list {
	overflow: hidden;
	padding: 0;
}

.s2-r {
	width: 28.1%;
	border-right: 1px solid rgba(255, 255, 255, 0.23);
	min-height: 261px;
}

.s2-r ul {
	padding: 20px;
}

.s2-r ul li a {
	display: block;
	position: relative;
}

.s2-r ul li a .s2-r-pic {
	float: left;
	width: 264px;
}

.s2-r ul li a .pic {
	padding-top: 61.7%;
}

.s2-r ul li a .pic img{}

.s2-rinfo {
	overflow: hidden;
}

.s2-rinfo h3 {
	margin-top: 8px;
	background: #dbe1e5;
	padding: 15px;
	height: 148px;
}

.s2-rinfo h3 p {
	font-size: 16px;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
}

.s2-r .slick-slide a:before {
	display: none;
}

.s2-r .slick-dots {
	position: absolute;
	right: 55px;
	top: initial;
	bottom: 45px;
	width: auto;
	transform: translateY(0);
	font-size: 0;
	z-index: 99;
	padding: 0;
}

.s2-r .slick-dots li {
	width: 6px;
	height: 6px;
	margin: 0 5px;
	padding: 0;
	position: relative;
}

.s2-r .slick-dots li:after {
	display: none;
}

.s2-r .slick-dots li button {
	width: 6px;
	height: 6px;
	padding: 0;
	margin: 0;
	background: rgba(255, 255, 255, 1);
	border-radius: 50%;
}

.s2-r .slick-dots li.slick-active:after {
	display: none;
}

.s2-r .slick-dots li.slick-active button {
	background: #ce0d0d;
}

.section3 {
	position: absolute;
	right: 6%;
	top: -50%;
	background: rgba(23, 103, 164, 0.48);
	border-radius: 6px;
	padding: 5px 18px;
	max-width: 228px;
}

.section3 h3 {
	background: url(../img/icon-tz.png) no-repeat left center;
	padding-left: 26px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}

.section3 p a {
	display: block;
	font-size: 16px;
	line-height: 26px;
	max-height: 78px;
	overflow: hidden;
	color: #fff;
	margin-top: 10px;
}

@media screen and (max-width:1650px) {
	.s2-r .slick-dots {
		right: 40px;
	}
}

@media screen and (max-width:1500px) {
	.s2-r ul li a .s2-r-pic {
		float: none;
		width: auto;
		height: 100%;
		max-height: 180px;
	}
	.s2-rinfo {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.s2-rinfo h3 {
		height: auto;
		padding: 0 15px;
	}
	.s2-rinfo h3 p {
		line-height: 30px;
		height: 30px;
	}
	.s2-r .slick-dots {
		bottom: 55px;
	}
}

@media screen and (max-width:1340px) {}

@media screen and (max-width: 1024px) {
	html,
	body,
	.banner,
	.banner .slick,
	.banner .slick div,
	.banner .slick-slide a,
	.banner .slick-slide a img {
		height: auto !important;
	}
	.banner .slick-dots {
		left: 50%;
		transform: translateX(-50%);
		top: initial;
		right: inherit;
		bottom: 20px;
		width: 100%;
	}
	.banner .slick-dots li {
		margin: 0 6px;
	}
	.section-k {
		position: static;
	}
	.section3 {
		position: static;
		max-width: initial;
		margin: 0 20px;
		padding: 15px 20px;
	}
	.s2-l,
	.s2-c,
	.s2-r {
		float: none;
		width: auto;
	}
	.s2-c,
	.s2-r {
		border-top: 1px solid rgba(255, 255, 255, 0.23);
		border-left: 1px solid rgba(255, 255, 255, 0.23);
	}
	.s2-r ul li a .s2-r-pic {
		width: 100%;
		max-height: initial;
		height: auto;
	}
	.s2-r .slick-dots {
		bottom: 66px;
	}
	.s2-r {
		min-height: auto;
	}
}

@media screen and (max-width: 768px) {
	.section2 {
		border-top: 1px solid rgba(255, 255, 255, 0.23);
	}
	.section3 p a {
		font-size: 15px;
		margin-top: 5px;
	}
	.s2-ck-l {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.s2-c .pic {
		padding-top: 60%;
		height: auto;
	}
	.s2-ck .public-list {
		margin-top: 10px;
	}
	.s2-rinfo h3 p {
		font-size: 15px;
	}
}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 375px) {
	.section3 p a {
		font-size: 14px;
	}
	.public-list li a {
		font-size: 14px;
	}
	.public-list li span {
		font-size: 12px;
	}
	.s2-ck-l h3 {
		font-size: 14px;
	}
	.s2-rinfo h3 p {
		font-size: 14px;
	}
}

@media screen and (max-width: 320px) {}