@charset "utf-8";

/* CSS Document */
html {
	-webkit-text-size-adjust: none;
}

body {
	font-size: 14px;
	color: #343434;
	line-height: 26px;
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", "MicrosoftYaHei", "Microsoft YaHei", "Arial";
	-webkit-text-size-adjust: none;
	min-width: 1200px;
	position: relative;
}

img {
	border: 0;
}

div,
form,
ul,
ol,
li,
span,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none
}

.fz12,
font,
h2,
h1 {
	font-size: 12px
}

h3,
h4,
h5 {
	font-weight: normal;
	font-size: 14px
}

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

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

@media all and (max-width:1440px) {
	body {
		min-width: inherit;
	}
}

a {
	outline: none;
	-moz-outline: none;
	color: #343434;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	text-decoration: none;
}

a:hover {
	color: #1d2087;
	text-decoration: none;
}
.clear{
	clear: both;
}
p {
	padding: 0;
	margin: 0;
}

.fixed {
	position: fixed !important;
	z-index: 1000;
	top: 0;
	box-shadow: 0 0 6px 2px #858585;
}

header {
	width: 100%;
	background-color: #fff;
}

.head {
	width: 1440px;
	height: 70px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

.head .head_l {
	display: flex;
	align-items: center;
}

.head .logo img {
	height: 60px;
	display: block;
}

.head .head_l ul {
	display: flex;
}

.head .head_l ul li {
	margin-left: 50px;
}

.head .head_l ul li a {
	display: block;
	font-size: 16px;
}

.head .head_l .on {
	color: #1d2087;
	border-bottom: 1px solid #1d2087;
}

.head .head_r {
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.head .head_r ul {
	display: flex;
}

.head .head_r ul li {
	margin-right: 30px;
}

.caidan {
	display: none;
	font-size: 22px;
	color: #1d2087;
}

@media all and (max-width:1444px) {
	.head {
		width: 95%;

	}
}

@media all and (min-width:800px) {
	.head .head_l ul {
		display: flex !important;
	}
}

@media all and (max-width:800px) {
	.head {
		/* align-items: flex-start; */
	}

	.head .head_l {
		flex-direction: column;
		align-items: flex-start;

	}

	.head .head_l ul {
		position: absolute;
		/* top: 0px; */
		left: 0;
		z-index: 1000;
		width: 100%;
		padding-bottom: 5px;
		background-color: #fff;
		display: none;
		flex-direction: column;
		padding: 10px;
		box-sizing: border-box;
		
	}

	.head .head_l ul li {
		height: 40px;
		line-height: 40px;
		margin-left:0;
	}

	.caidan {
		display: block;
	}
}


.banner { overflow:hidden; position:relative; height:450px}
.banner .bd { max-width:1920px; margin:0 auto; position:relative; z-index:32; height:450px}
.banner .bd ul li { position:relative; height:450px}
.banner .bd ul li img { display:none; width:100%}

.banner .hd { position:absolute; left:0; bottom:20px; right:0; text-align:center; z-index:555}
.banner .hd ul li { display:inline-block; padding:0 5px}
.banner .hd ul li i { display:block; width:60px; height:3px; background:#333; cursor:pointer; border-radius:3px}
.banner .hd ul li.on i { background:#00A2E9}

.banner .prev { position:absolute; left:0px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:333}
.banner .next { position:absolute; right:0px; width:50px; height:50px; top:50%; margin-top:-25px; cursor:pointer; z-index:334}
.banner .prev i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.3); border-radius:5px; box-shadow:0 0 2px #ccc; color:#fff}
.banner .next i { display:block; text-align:center; line-height:50px; font-size:24px; background:rgba(0,0,0,0.3); border-radius:5px; box-shadow:0 0 2px #ccc; color:#fff}
.banner .prev i:hover { background:rgba(0,0,0,0.7); color:#fff}
.banner .next i:hover { background:rgba(0,0,0,0.7); color:#fff}

@media all and (max-width:1100px){
.banner { margin-top:51px; height:auto}
.banner .bd { margin:0 auto; position:relative; z-index:32; height:auto}
.banner .bd ul li { position:relative; height:auto}
.banner .bd ul li img { display:block; width:100%}

}


.mide {
	background-color: #f5f5f5;
	padding-bottom: 80px;
}

.container {
	width: 1440px;
	margin: auto;
}

.zpzy,
.zuop,
.sais,
.jxy {
	padding-top: 80px;
}

.title {
	text-align: center;
}

.title h2 {
	font-size: 36px;
	font-weight: 400;
	line-height: 42px;
}

.title p {
	line-height: 32px;
	font-size: 16px;
}

.kc {
	margin-top: 30px;
}

.kc ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 15px;
}

.kc ul li {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.kc ul li img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.kc ul li:hover img {
	transform: scale(1.1)
}

.kc ul li .text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;
	color: #fff;
	box-sizing: border-box;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .85)));
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .85));
}

.kc ul li .text h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 32px;
}

.kc li .text .con {
	color: #bdbdbd;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.kc li .text .time {
	color: #bdbdbd;
	font-size: 12px;
}

.kc .liebie{
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}


@media all and (max-width:1000px) {
	.kc ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.title h2 { font-size:24px}
	.title p { font-size:14px}
}


.tab {
	margin-top: 30px;
}

.tab .list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.tab .list li {
	padding: 0px 10px;
	display: block;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 5px;
	margin: 0 5px;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.tab .list li:hover {
	color: #1d2087;
	border: 1px solid #1d2087;
}

.tab .list .active {
	border: 1px solid #1d2087;
	color: #1d2087;
}

.zp {
	margin-top: 30px;
}

.zp ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;

}

.zp li {
	/* width: 15.5%; */
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.zp li:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .13);
}

.zp li img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	display: block;
}

.zp li .text {
	padding: 10px 15px;
	box-sizing: border-box;
}

.zp li .text .bq {
	line-height: 32px;
	display: flex;
	align-items: center;
}

.zp li .text .bq span{
	color: #aaa;
	margin-left: 5px;
}

.zp li .text .bq span:hover {
	color: #1d2087;
}

.zp li .text .bq:before {
	content: '';
	width: 6px;
	height: 6px;
	display: block;
	background-color: #1d2087;
	border-radius: 50px;
}

.zp li .text h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 32px;
}

.zp li .text .con {
	color: #aaa;
	display: flex;
	justify-content: space-between;
}

.zp li .text .time {
	color: #aaa;
	font-size: 12px;
}

@media all and (max-width:1200px) {
	.zp ul {
		grid-template-columns: repeat(4, 1fr);

	}
}

@media all and (max-width:800px) {
	.zp ul {
		grid-template-columns: repeat(2, 1fr);

	}

	.tab .list li {
		margin-top: 10px;
	}
}

.saishi {
	margin-top: 30px;
}

.saishi ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}

.saishi ul li a {
	display: flex;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
}

.saishi ul li .pic {
	width: 60%;
	overflow: hidden;
	border-radius: 5px;

}

.saishi ul li img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.saishi ul li:hover img {
	transform: scale(1.1)
}

.saishi ul li .text {
	padding-left: 15px;
	width: 60%;
}

.saishi li .text h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 42px;
}

.saishi li .text .con {
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.saishi li .text p {
	color: #a1a1a8;
}

.saishi li .text .bt {}

.saishi li .text .btn {
	width: 100%;
	padding: 5px 10px;
	font-size: 18px;
	/* border: 1px solid #1d2087;
	background-color: #fff; */
	border-radius: 5px;
	cursor: pointer;
	color: #1d2087;
	font-weight: 500;
	margin-top: 10px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	background-color: #1d2087;
	color: #fff;
}
.saishi li .text .btn.n2 {
	background-color: #999;
}

.saishi li .text .btn:hover {
	background-color: #1d2087;
	color: #fff;
}




@media all and (max-width:1200px) {
	.saishi ul {
		grid-template-columns: repeat(1, 1fr);
	}
	.saishi ul li .text{
		width: 80%;
	}
}

@media all and (max-width:610px) {
	.saishi ul li a {
		flex-direction: column;
	}
	.saishi ul li .text{
		width: 100%;
		padding-left:0;
	}
	.saishi ul li .pic {
		width: 100%;
	}
    .head .logo img {
    	height: 50px;
    	display: block;
    }
}

.jx {
	margin-top: 30px;
}

.jx ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}

.jx ul li a {
	display: block;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	box-sizing: border-box;
}

.jx ul li a:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .13);
}

.jx li .text h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 42px;
}

.jx li .text p {
	color: #a1a1a8;
}

.jx li .text .con {
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}

.jx li .text hr {
	border: 0;
	height: 1px;
	background-color: #ebeef5;
}

.jx li .text .xx {
	width: 50%;
	float: left;
}

.jx li .text .btn {
	width: 100%;
	padding: 5px 10px;
	font-size: 18px;
	/* border: 1px solid #1d2087;
	background-color: #fff; */
	border-radius: 5px;
	cursor: pointer;
	color: #1d2087;
	font-weight: 500;
	margin-top: 10px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	background-color: #1d2087;
	color: #fff;
}

.jx li .text .btn:hover {
	background-color: #1d2087;
	color: #fff;
}

@media all and (max-width:1444px) {
	.container {
		width: 95%;
	}
}

@media all and (max-width:1200px) {
	.jx ul {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media all and (max-width:610px) {
	.jx li .text .xx {
		width: 100%;
		float: none;
	}
}

.jshu{
	background-color: #a1a1a8 !important;
	border: 1px solid #a1a1a8 !important;
	color: #fff !important;
}
.text h3{
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
footer {
	background-color: #333;
	color: #aaa;
	padding: 20px 0; text-align: center;
}

footer .fot {
	width: 1440px;
	margin: auto;
	justify-content: space-between;
	align-items: center;
}
footer .fot img{
	height: 40px;
	display: block;
}
@media all and (max-width:1444px) {
	footer .fot {
		width: 95%;
	}
}



.pages { height:80px; text-align:center; clear:both; padding-top:30px}
.pages ul li { display:inline; margin:0 5px}
.pages ul li a { text-align:center; background:#f5f5f5; border-radius:3px; padding:5px 10px; color:#000; border:1px #666 solid}
.pages ul li a:hover { color:#1d2087; border:1px #1d2087 solid}
.pages ul li.active span { background:#1d2087; color:#fff; border:1px #1d2087 solid; border-radius:3px; padding:5px 10px}



.details .hd .bt .btn {
    width: 180px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    color: #1d2087;
    font-weight: 500;
    margin-top: 10px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    background-color: #1d2087;
    color: #fff; margin: 10px auto 5px; line-height: 36px; display: block; text-align: center;
}