* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}

  img {
      max-width: 100%;
  }
ul {
	list-style: none;
}

a {
	text-decoration: none;
}

.s-bar {
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
}

#toggle {
	display: none;
}

.left {
	width: 244px;
	height: 100%;
	background-color: #fff;
	position: fixed;
	overflow: hidden;
	z-index: 30;
	display: none;
	right: 0;
	overflow: auto;
}

.pm {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, .7);
	position: fixed;
	z-index: 10;
	display: none;
}

.slog {
	padding-top: 20px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-width: 1px;
	padding-bottom: 10px;
	border-color: #E2E2E2;
}

.slog img {
	width: 193px;
	;
}

.nr ul li {
	padding-top: 10px;
	padding-left: 20px;
	border-bottom-style: solid;
	border-width: 1px;
	padding-bottom: 10px;
	border-color: #E2E2E2;
}

.nr ul li a {
	color: #333;
}


/*第一块*/

.one {
	overflow: hidden;
	width: 100%;
	background-color: #F6F6F6;
}

.sa {
	display: flex;
	width: 100%;
	max-width: 1600px;
	justify-content: space-between;
	margin: 0 auto;
}

.sa1 {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 0 auto;
	padding: 12px 0;
}

.z1 p {
	color: #777;
	font-size: 16px;
}

.y1 {
	display: flex;
}

.y1 a {
	color: #777;
	font-size: 16px;
}

.y1 p {
	color: #777;
	font-size: 16px;
	padding: 0 15px;
}


/*导航栏*/

.s-navigation {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}

.sa2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0;
}

.zhong {
	width: 565px;
}

.zhong ul {
	display: flex;
	justify-content: space-between;
}

.zhong li {
	padding-bottom: 7.5px;
	margin-top: 7.5px;
}

.zhong li:hover {
	border-bottom-style: solid;
	border-color: #5EA0B6;
	padding-bottom: 5px;
}

.s-dropbth {
	color: #333;
	font-size: 18px;
}

.wen1 {
	width: 89px;
	display: flex;
	justify-content: space-between;
}

.ewm1 {
	position: absolute;
	z-index: 999;
	top: 137px;
	right: 81px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	color: #474747;
	padding: 30px;
	box-shadow: 0px 0px 1px 2px #ebe6e6;
	border-radius: 6px;
	display: none;
}
.ewm11 {
	position: absolute;
	z-index: 999;
	top: 137px;
	right: 81px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	color: #474747;
	padding: 30px;
	box-shadow: 0px 0px 1px 2px #ebe6e6;
	border-radius: 6px;
	display: none;
}


/*底部栏*/

.bottom {
	width: 100%;
	overflow: hidden;
	background-color: #333;
}

.bottom-s {
	width: 100%;
	display: flex;
	justify-content: center;
}

.bottom-s ul {
	width: 564px;
	display: flex;
	justify-content: space-between;
	padding: 29px 0;
}

.bottom-s ul li a {
	color: #c4c0c0;
	font-size: 18px;
}

.bottom-s ul li a:hover {
	color: #fff;
}

.h {
	width: 100%;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #c4c0c0;
}

.bottom-z {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 60px 0;
}

.just {
	display: flex;
	width: 50%;
	justify-content: space-between;
}

.justy {
	width: 28.8%;
	display: flex;
	justify-content: space-between;
}

.just1 {
	width: 43%;
}

.just1 p {
	color: #fff;
	line-height: 30px;
	padding-top: 25px;
}

.jst {
	display: flex;
	padding-bottom: 25px;
}

.jst2 {
	padding-left: 10px;
}

.j1 {
	color: #fff;
}

.j2 {
	color: #fff;
	font-size: 30px;
}

.j3 {
	color: #fff;
	line-height: 30px;
	padding-left: 5px;
}

.justy {
	display: flex;
	justify-content: space-between;
}

.justy1 {
	text-align: center;
}

.justy1 p {
	color: #fff;
	padding-top: 13px;
}

.justy2 {
	text-align: center;
}

.justy2 p {
	color: #fff;
	padding-top: 13px;
}

.bottom-x {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

.bottom-x p {
	color: #c4c0c0;
	font-size: 14px;
}

@media screen and (max-width:1600px) {
	.sa1 {
		display: flex;
		width: 96%;
		justify-content: space-between;
		margin: 0 auto;
		padding: 12px 0;
	}

	.sa2 {
		display: flex;
		width: 96%;
		justify-content: space-between;
		margin: 0 auto;
	}

	.ewm1 {
		position: absolute;
		z-index: 999;
		top: 137px;
		right: 0px;
		background-color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		color: #474747;
		padding: 30px;
		box-shadow: 0px 0px 1px 2px #ebe6e6;
		border-radius: 6px;
		display: none;
	}
	.ewm11 {
		position: absolute;
		z-index: 999;
		top: 137px;
		right: 0px;
		background-color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		color: #474747;
		padding: 30px;
		box-shadow: 0px 0px 1px 2px #ebe6e6;
		border-radius: 6px;
		display: none;
	}
}

@media screen and (max-width:1200px) {
	.bottom-z {
		width: 95%;
		display: flex;
		justify-content: space-between;
		padding: 60px 0;
		margin: 0 auto;
	}
}

@media screen and (max-width:1024px) {
	.zou1 img {
		width: 95%;
	}

	.bottom-z {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 60px 0;
	}

	.just1 {
		width: 28%;
	}

	.just {
		display: flex;
		width: 100%;
		justify-content: center;
	}

	.justy {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 20px;
		margin-left: -109px;
	}

	.justy1 {
		text-align: center;
		padding-right: 45px;
	}
}

@media screen and (max-width:786px) {
	#toggle {
		display: block;
	}

	.zou1 img {
		width: 65%;
	}

	.zhong {
		display: none;
	}

	.wen {
		display: none;
	}

	.sa2 {
		padding: 13px 0;
	}

	.sa1 {
		display: flex;
		width: 96%;
		justify-content: space-between;
		margin: 0 auto;
		padding: 9px 0;
	}

	.just {
		display: flex;
		width: 100%;
		justify-content: space-around;
	}

	.j3 {
		color: #fff;
		line-height: 30px;
		padding-left: 5px;
		font-size: 14px;
	}

	.just1 p {
		color: #fff;
		line-height: 30px;
		padding-top: 25px;
		font-size: 14px;
	}

	.just1 img {
		width: 80%;
	}

	.j2 {
		color: #fff;
		font-size: 23px;
	}

	.justy1 img {
		width: 100%;
	}

	.justy2 img {
		width: 100%;
	}

	.bottom-s ul {
		width: 90%;
		display: flex;
		justify-content: space-between;
		padding: 29px 0;
	}
}

@media screen and (max-width:529px) {
	.justy {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 20px;
		margin-left: 0px;
	}
}

@media screen and (max-width:420px) {
	.bottom-s {
		width: 100%;
		display: flex;
		justify-content: center;
		display: none;
	}

	.y1 p {
		color: #777;
		font-size: 12px;
		padding: 0 4px;
	}

	.z1 p {
		color: #777;
		font-size: 12px;
	}

	.y1 a {
		color: #777;
		font-size: 12px;
	}

	.sa1 {
		display: flex;
		width: 96%;
		justify-content: space-between;
		margin: 0 auto;
		padding: 6px 0;
	}

	.bottom-z {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 24px 0;
	}

	.just {
		display: flex;
		width: 100%;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.just1 {
		width: 100%;
		text-align: center;
	}

	.just1 img {
		width: 21%;
	}

	.just1 p {
		color: #fff;
		line-height: 30px;
		padding-top: 12px;
		font-size: 14px;
		padding-bottom: 20px;
	}

	.just2 {
		width: 80%;
	}
}

@media screen and (max-width:386px) {
	.jst {
		display: flex;
		padding-bottom: 14px;
	}

	.j2 {
		color: #fff;
		font-size: 21px;
	}

	.justy1 img {
		width: 80%;
	}

	.justy2 img {
		width: 80%;
	}

	.just1 p {
		color: #fff;
		line-height: 30px;
		padding-top: 12px;
		font-size: 12px;
		padding-bottom: 20px;
	}

	.j3 {
		color: #fff;
		line-height: 30px;
		padding-left: 5px;
		font-size: 12px;
	}

	.bottom-x p {
		color: #c4c0c0;
		font-size: 12px;
	}
}

@media screen and (max-width:346px) {
	.ssk {
		width: 250px;
		height: 24px;
		background-color: #fff;
		border-color: #e6e6e6;
		border-style: solid;
		outline: none;
		padding-left: 10px;
	}

	.ss button img {
		width: 80%;
	}

	.ss button {
		position: absolute;
		right: -4px;
		top: 13px;
	}

	.ss button {
		position: absolute;
		right: 2px;
		top: 15px;
	}

	.ssk {
		width: 285px;
		height: 29px;
		background-color: #fff;
		border-color: #e6e6e6;
		border-style: solid;
		outline: none;
		padding-left: 10px;
	}
}

@media screen and (max-width: 848px) {
	.ss button {
		position: absolute;
		right: -4px;
		top: 15px;
	}
}

.ss button {
	position: absolute;
	right: 8px;
	top: 5px;
}

.s-navigation .zhong ul li.active a {
	border-bottom-style: solid;
	border-color: #5EA0B6;
	padding-bottom: 5px;
}

button {
	outline: none;
	background-color: transparent;
	border: none;
}

.bottom .bottom-s ul li.active a {
	color: #fff;
}

.xiaocms-page {
	display: flex;
	justify-content: flex-end;
	padding-top: 37px;
}

.xiaocms-page a,
.xiaocms-page span {
	background-color: #fff;
	color: #333;
	padding: 10px 15px;
	margin-left: 11px;
	border-radius: 5px;
	cursor: pointer;
}

.xiaocms-page a:hover,
.xiaocms-page span {
	background-color: #5EA0B6;
	color: #fff;
}

.more1 {
	display: block;
	margin: 0 auto;
}