@charset "gb2312";

/* CSS Document */

@charset "utf-8";



body {

	margin: 0px;

	font-size: 12px;

	color: #3d2f1b;

	font-family: "΢ÈíÑźÚ"

}



* {

	padding: 0px;

	margin: 0px;

}



body,

ul,

ol,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

p,

form,

fieldset,

legend,

input,

textarea,

select,

button,

th,

td {

	margin: 0;

	padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 12px;

	list-style: none;

}



input,

select {

	font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;

}



button {

	overflow: visible

}



img {

	border: none;

}



a {

	color: #333;

	text-decoration: none;

	outline: none;

	border: 0

}



a:hover {

	color: #1e70b8;

	text-decoration: none;

}



input,

select,

button {

	font: 12px Verdana, Arial, Tahoma;

	vertical-align: middle;

}



.clear {

	overflow: hidden;

	clear: both;

	height: 0px;

}



li {

	list-style: none;

}



.lf {

	float: left;

}



.rt {

	float: right;

}



.content{line-height: 36px;color: #000;font-size: 16px;width: 100%;}

.content img{max-width: 100%!important;    height: auto!important;}



.header {

	position: fixed;

	z-index: 999;

	background: #fff;

	border-bottom: #eee 1px solid;

	width: 100%;

	left: 0;

	top: 0

}



.jianju {

	height: 80px;

	overflow: hidden;

	display: none;

}



.jianju2 {

	height: 80px;

	overflow: hidden;

}



.you {

	display: flex;

	align-items: center;

}





.top1 {

	width: 96%;

	max-width: 1400px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.logo {

	display: flex;

	align-items: center;

}



.logo img {

	height: 60px;

	width: auto;

}



.lange {

	background: #1e70b8;

	padding: 0 5px;

	border-radius: 20px;

	float: right;

	color: #666;

	line-height: 30px;

	width: 80px;

	color: #fff;

	margin-top: 0px

}



.lange a {

	padding: 0px 8px;

	color: #fff;

	font-size: 14px

}



.lange a:hover {

	text-decoration: underline

}



@media only screen and (max-width:992px) {

	.top1 {

		width: 90%;

		max-width: inherit;

		margin: 0 auto;

		display: flex;

		justify-content: space-between;

		align-items: center;

	}



}



.header .s_ch {

	width: 60px;

	border-left: #ccc 1px solid;

	text-align: center;

	color: #888;

	cursor: pointer;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	padding-left: 10px;

	margin-left: 5px

}



.header .s_ch i {

	font-size: 20px;

}









.search {

	width: 100%;

	background: #fff;

	position: fixed;

	top: 80px;

	left: 0;

	z-index: 99;

	display: none;

	-webkit-box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.2), inset 0px -10px 8px -10px rgba(0, 0, 0, 0);

}



.search .container {

	position: relative;

	width: 94%;

	margin: 0 auto;

	max-width: 700px;

	padding: 30px 0;

}



.search .sc_gb {

	position: absolute;

	top: 50px;

	cursor: pointer;

	right: -50px;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.search .sc_gb:hover {

	transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-o-transform: rotate(360deg);

}



.search .sc_gb i {

	font-size: 26px;

	line-height: 50px;

	color: #bbb;

}



.search .sc_nr {

	width: 100%;

	margin: 20px auto;

	border: 2px solid #1e70b8;

	border-radius: 100px

}



.search input {

	width: calc(100% - 90px);

	height: 50px;

	font-size: 16px;

	line-height: 50px;

	color: #333;

	float: left;

	padding-left: 15px;

	background: none;

	border: none;

	outline: none;

}



.search input::placeholder {

	color: #bbb;

}



.search button {

	width: 70px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: #999;

	float: right;

	outline: none;

	background: none;

	border: none;

}



.search button i {

	font-size: 20px;

}



@media only screen and (max-width:992px) {

	.search {

		top: 50px;

	}



	.search .container {

		padding: 10px 0;

		padding-right: 60px;

		box-sizing: border-box

	}



	.search .sc_gb {

		right: 0;

		top: 30px

	}



	.jianju2 {

		height: 50px;

		overflow: hidden;

	}



	.header .s_ch {

		margin-right: 30px

	}

}





















.header .an {

	position: absolute;

	right: 0;

	top: 0px;

	height: 100%;

	width: 50px;

	display: none;

	float: right;

	background: #1e70b8;

}



.header .an span {

	width: 30px;

	height: 2px;

	background-color: #fff;

	display: block;

	position: absolute;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.header .an span.a1 {

	top: 14px;

	left: 10px;

}



.header .an span.a2 {

	top: 22px;

	left: 10px;

}



.header .an span.a3 {

	top: 30px;

	left: 10px;

}



.header .an.n span.a2 {

	display: none;

}



.header .an.n span.a1 {

	top: 22px;

	width: 30px;

	transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}



.header .an.n span.a3 {

	top: 22px;

	width: 30px;

	transform: rotate(135deg);

	-o-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-moz-transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

}



.header .nav {

	width: 100%;

	margin: 0 auto;

}



.header .nav ul {

	display: flex;

	align-items: center;

	justify-content: center

}



.header .nav ul>li {

	height: 80px;

	width: auto;

	width: 120px;

	font-size: 16px;

	line-height: 80px;

	float: left;

	text-align: center;

	position: relative;

	font-weight: bold

}



.header .nav i {

	font-size: 14px;

	line-height: 100px;

	text-align: right;

	position: absolute;

	height: 100px;

	right: 10px;

	top: 0px;

	display: none;

}



.header .nav ul li a.o_lm {

	line-height: 80px;

	color: #000;

	margin: 0;

	display: block;

	position: relative

}



.header .nav ul li a.o_lm:after {

	content: "";

	position: absolute;

	bottom: 2px;

	left: 50%;

	transform: translateX(-50%);

	width: 0;

	opacity: 0;

	height: 4px;

	background: #1e70b8;

	transition: all 0.6s

}



.header .nav ul li:hover a.o_lm:after {

	content: "";

	width: 100%;

	opacity: 1;

	transition: all 0.6s

}



.header .nav ul li:hover a.o_lm {

	color: #1e70b8

}



.header .nav ul li.hover a {

	color: #1e70b8

}



.header .nav ul li.hover a.o_lm:after {

	content: "";

	width: 100%;

	opacity: 1;

	transition: all 0.6s

}



.header .nav ul ul {

	display: block

}



.header .nav .e_j {

	position: absolute;

	width: auto;

	left: 50%;

	margin-left: -60px;

	width: 120px;

	background: rgba(51, 51, 51, 0.8);

	top: 80px;

	padding: 10px 0;

	display: none;

	z-index: 9999999999999;

	height: auto;

}



.header .nav ul li:hover .e_j {

	display: block;

}



.header .nav .e_j ul li {

	display: block;

	width: 100%;

	line-height: 40px;

	font-weight: normal;

	height: auto;

	text-transform: none;

	white-space: nowrap;

	margin: 0;

	text-overflow: ellipsis;

	white-space: nowrap;

	text-overflow: ellipsis;

	position: relative

}



.header .nav .e_j ul li a {

	display: block;

	font-size: 13px;

	line-height: 40px;

	color: #fff;

	padding: 0;

}



.header .nav .e_j ul li a:hover {

	color: #fff;

	background: #1e70b8

}





.nav .e_j .ejy {

	position: relative

}



.nav .e_j .ejy .y_j a {

	line-height: 40px;

	color: #fff;

	display: block;

	font-size: 13px

}



.nav .e_j .s_j {

	width: 120px;

	background-color: rgba(255, 255, 255, 0.9);

	position: absolute;

	top: 0px;

	left: 120px;

	display: none;

	z-index: 9999;

	font-weight: 500

}



.nav .e_j .s_j a {

	font-size: 13px !important;

	display: block;

	line-height: 30px;

	text-align: left;

	padding-left: 10px

}



.header .nav .e_j a:hover {

	background-color: #1e70b8;

	color: #fff;

}



.nav ul li .e_j .ejy:hover .s_j {

	display: block

}



@media only screen and (max-width:1400px) {

	.header .nav ul>li {

		margin: 0 10px;

		font-size: 16px;

		width: 100px;

	}

}





@media only screen and (max-width:1270px) {

	.header .nav ul>li {

		font-size: 14px;

		margin: 0 15px;

	}

}





@media only screen and (max-width:992px) {

	.header {

		position: fixed;

		top: 0;

		width: 100%;

		height: 50px;

		left: 0;

		z-index: 999;

	}



	.header .an {

		display: block;

	}



	.header .nav {

		width: 100%;

		height: 0;

		padding: 0;

		position: fixed;

		background-color: #fff;

		top: 50px;

		right: 0;

		margin: 0;

		overflow: auto;

		z-index: 9;

		border-top: #eee 0px solid;

		transition: all .3s;

		-webkit-transition: all .3s;

		-moz-transition: all .3s;

		-ms-transition: all .3s;

		-o-transition: all .3s;

	}



	.header .nav.on {

		height: 100%;

		padding: 2% 0%;

	}



	.header .nav ul {

		display: block

	}



	.header .nav ul li a.o_lm {

		padding: 0 0;

		display: block;

	}



	.header .nav i {

		display: block;

		color: #666;

		top: 0;

		right: 20px;

		line-height: 50px;

		height: 50px

	}



	.header .nav ul li {

		width: 100%;

		height: auto;

		text-align: left;

		font-size: 16px;

		display: block;

		margin: 0;

		padding: 0 20px;

		box-sizing: border-box;

		transition: all .3s;

		-o-transition: all .3s;

		-ms-transition: all .3s;

		-moz-transition: all .3s;

		-webkit-transition: all .3s;

	}



	.header .nav ul li:hover i {

		color: #666

	}



	.header .nav ul li i {

		color: #666

	}



	.header .nav ul li.hover a.o_lm:after {

		content: none;

	}



	.header .nav ul li:hover a.o_lm:after {

		content: none;

	}



	.header .nav ul li a.o_lm {

		line-height: 50px;

	}



	.header .nav ul li:hover a.o_lm {

		background: none;

	}



	.header .nav .y_j {

		border-bottom: 1px solid #f1f1f1;

	}



	.header .nav .e_j {

		padding: 10px 0px;

		border-bottom: 0px solid #666;

		box-shadow: none;

		overflow: hidden;

		border-top: 0;

		background: none;

		position: inherit;

		top: auto;

		left: auto;

		width: 100%;

		height: auto;

		box-sizing: border-box;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		-ms-box-sizing: border-box;

		-o-box-sizing: border-box;

		transform: none;

		position: !important;

		left: auto;

		margin-left: 0;

	}



	.header .nav .e_j ul li a {

		color: #666;

		padding: 0;

		font-size: 14px

	}



	.header .nav ul li:hover .e_j {

		display: none;

	}



	.header .nav .e_j.n {

		display: block !important;

	}



	.header .nav .e_j ul li {

		padding: 0

	}



	.nav .e_j .ejy .y_j a {

		color: #666;

	}



	.nav .e_j .ejy .y_j {

		border-bottom: none

	}



	.logo {

		margin: 9px 0 0 -10px;

	}



	.logo img {

		height: 35px;

		width: auto

	}



	.tel {

		display: none;

	}



	.jianju {

		height: 50px;

		display: block;

		overflow: hidden

	}



	.lange {

		padding: 0 5px;

		border-radius: 20px;

		float: right;

		color: #666;

		line-height: 26px;

		width: 70px;

		color: #fff;

		margin-top: 12px;

		text-align: center;

		margin-right: 150px

	}



	.lange a {

		padding: 0px 5px;

		color: #fff;

		font-size: 13px

	}



	.header .s_ch {

		width: 40px;

		margin-top: 15px

	}



	.header .s_ch i {

		font-size: 14px;

	}



}



















.banner {

	width: 100%;

	height: 100vh;

	overflow: hidden;

	position: relative;

	box-sizing: border-box;





}



.banner .swiper-slide {

	width: 100%;

	position: relative;

	overflow: hidden

}







.banner .swiper-slide img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.banner .container {

	position: absolute;

	top: 55%;

	left: 50%;

	z-index: 99;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	width: 100%

}



.banner .w_z {

	width: 70%;



	color: #fff;

	text-align: left;

	position: relative;

	float: left

}



.banner .w_z.hs {

	text-align: left;

	margin-left: -200px

}



.banner .w_z h2 {

	font-size: 44px;

	font-weight: bold;

	line-height: 90px;

	color: #fff;

	text-shadow: 1px 1px 1px #000;

	letter-spacing: 2px;

}



.banner .w_z p {

	font-size: 30px;

	text-transform: uppercase;

	line-height: 42px;

	margin-top: 15px;

	text-shadow: 1px 1px 1px #000;

}



.banner .t_p {

	float: right;

	width: 35%;

	position: relative;

	margin-right: 10%;

}



.banner .t_p img {

	width: 100%

}



.banner .swiper-pagination-bullet {

	width: 40px;

	height: 4px;

	background: #fff;

	border-radius: 0;

	opacity: 1

}



.banner .swiper-pagination-bullet-active {

	position: relative;

	border-radius: 0;

	overflow: hidden

}



.banner .swiper-pagination-bullet-active:after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 40px;

	height: 4px;

	animation-name: example;

	animation-duration: 2s;

	background: #1e70b8;

}



@keyframes example {

	from {

		width: 0

	}



	to {

		width: 100%;

	}

}







.banner .swiper-button-next {

	width: 50px;

	height: 80px;

	background: none;

	right: 15px;

	text-align: center

}



.banner .swiper-button-next:after {

	font-family: 'iconfont';

	content: "\e613";

	color: #fff;

	position: relative;

	z-index: 2;

	line-height: 80px;

	text-align: center;

	font-size: 30px

}



.banner .swiper-button-prev {

	width: 50px;

	height: 80px;

	background: none;

	left: 15px;

	text-align: center

}



.banner .swiper-button-prev:after {

	font-family: 'iconfont';

	content: "\e615";

	color: #fff;

	position: relative;

	z-index: 2;

	line-height: 80px;

	text-align: center;

	font-size: 30px

}





.banner .w_z {

	width: 90%;

	position: absolute;

	z-index: 3;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	max-width: 1000px;

	text-align: center

}



.banner .kuan h2 {

	font-size: 40px;

	color: #fff;

	font-weight: normal;

	text-align: center

}



.banner .kuan p {

	display: block;

	margin: 25px 0;

	font-size: 30px;

	line-height: 40px;

	color: #fff;

	font-weight: lighter;

	text-align: center

}



.banner .kuan span a {

	display: block;

	width: 150px;

	margin: 0 auto;

	margin-top: 25px;

	line-height: 40px;

	text-align: center;

	background-image: linear-gradient(50deg, #e53728, #bc2a26);

	color: #fff;

	border-radius: 50px;

	font-size: 16px;

	transition: all 0.6s;

}



.banner .kuan span a:hover {

	background: #fff;

	color: #bc2a26;

	transition: all 0.6s;

}







@media only screen and (max-width:1600px) {



	.banner .kuan h2 {

		font-size: 30px;

	}



	.banner .kuan p {

		margin: 15px 0;

		font-size: 20px;

		line-height: 30px;

	}



	.banner .kuan span a {

		width: 150px;

		margin-top: 25px;

		line-height: 40px;

		font-size: 14px;

	}



}



@media only screen and (max-width:1440px) {

	.banner {

		width: 100%;

		height: 85vh;





	}



	.banner .container {

		position: absolute;

		top: 55%;

		left: 60%;

		z-index: 99;

		transform: translate(-50%, -50%);

		-webkit-transform: translate(-50%, -50%);

		-moz-transform: translate(-50%, -50%);

		-ms-transform: translate(-50%, -50%);

		-o-transform: translate(-50%, -50%);

		width: 80%

	}



}





@media only screen and (max-width:1270px) {



	.banner .kuan h2 {

		font-size: 23px;

	}



	.banner .kuan p {

		margin: 15px 0;

		font-size: 14px;

		line-height: 25px;

	}



	.banner .kuan span a {

		width: 120px;

		margin-top: 15px;

		line-height: 30px;

		font-size: 14px;

	}









}



@media only screen and (max-width:992px) {



	.banner .kuan h2 {

		font-size: 18px;

	}



	.banner .kuan p {

		margin: 10px 0;

		font-size: 12px;

		line-height: 20px;

		font-weight: normal;

	}



	.banner .kuan span a {

		width: 100px;

		margin-top: 10px;

		line-height: 23px;

		font-size: 12px;

	}



	.banner .container {

		position: absolute;

		top: 55%;

		left: 45%;

		z-index: 99;

		transform: translate(-50%, -50%);

		-webkit-transform: translate(-50%, -50%);

		-moz-transform: translate(-50%, -50%);

		-ms-transform: translate(-50%, -50%);

		-o-transform: translate(-50%, -50%);

		width: 100%

	}



}





@media only screen and (max-width:600px) {



	.banner {



		height: 220px;







	}



	.banner .swiper-slide {

		height: 220px;

	}



	.banner .t_p {

		float: right;

		width: 35%;

		position: relative;

		margin-right: 0;

	}





	.banner .swiper-slide img {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	.banner .w_z {

		top: 45%;

		width: 100%;

		left: 60%

	}



	.banner .w_z h2 {

		font-size: 20px;

		font-weight: bold;

		line-height: 30px;

		color: #fff;

		text-shadow: 1px 1px 1px #000;

		margin-bottom: 10px;

		letter-spacing: 1px;

	}



	.banner .w_z p {

		font-size: 14px;

		text-transform: uppercase;

		line-height: 26px;

		margin-top: 0px;

		text-shadow: 1px 1px 1px #000;

	}



	.banner .swiper-button-next {

		display: none

	}



	.banner .swiper-button-prev {

		display: none

	}



	.banner .w_z.hs {

		text-align: left;

		margin-left: 0px

	}



}









.sy_cp {

	margin: 0;

	padding: 80px 0;

	width: 100%;

	position: relative

}



.sy_cp:after {

	width: 100%;

	height: 360px;

	background: url(../images/bn_bj.jpg) no-repeat center / cover fixed;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

}



.sy_cp .cp_zs {

	width: 94%;

	max-width: 1400px;

	position: relative;

	margin: 0 auto;

	z-index: 9;

}



.sy_cp .bt2 {

	z-index: 9;

}



.sy_cp .swiper-pagination {

	bottom: 0;

	display: none;

}



.sy_cp .swiper-pagination-bullet {

	background-color: #aaa;

}



.sy_cp .swiper-pagination-bullet-active {

	background-color: #1e70b8;

}



.sy_cp .swiper-slide {

	position: relative;

	overflow: hidden;

}



.sy_cp .swiper-button-prev {

	width: 38px;

	height: 38px;

	border: 1px solid #fff;

	border-radius: 3px;

	background: url(../images/zj.png) no-repeat center;

	left: -66px;

	margin-top: -22px;

	background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-ms-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.sy_cp .swiper-button-prev:hover {

	background: #1e70b8 url(../images/zj.png) no-repeat center;

	border: 1px solid #1e70b8;

}



.sy_cp .swiper-button-next {

	width: 38px;

	height: 38px;

	border: 1px solid #fff;

	border-radius: 3px;

	background: url(../images/yj.png) no-repeat center;

	right: -66px;

	margin-top: -22px;

	background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-ms-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.sy_cp .swiper-button-next:hover {

	background: #1e70b8 url(../images/yj.png) no-repeat center;

	border: 1px solid #1e70b8;

}



.sy_cp .n_r {

	border: 1px solid #ddd;

	border-bottom: 0;

	position: relative;

}



.sy_cp .n_r:before {

	width: 100%;

	height: 1px;

	background-color: #ddd;

	position: absolute;

	bottom: 0;

	left: 0;

	content: "";

}



.sy_cp .n_r:after {

	width: 0;

	height: 4px;

	background-color: #1e70b8;

	position: absolute;

	bottom: 0;

	left: 0;

	content: "";

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.sy_cp .n_r:hover:after {

	width: 100%;

}



.sy_cp .t_p {

	position: relative;

	overflow: hidden;

}



.sy_cp .t_p:after {

	width: 30%;

	height: 200%;

	content: "";

	position: absolute;

	top: 0;

	left: -30%;

	background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, .02), rgba(255, 255, 255, .5), rgba(255, 255, 255, .02));

	background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, .02), rgba(255, 255, 255, .5), rgba(255, 255, 255, .02));

	background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, .02), rgba(255, 255, 255, .5), rgba(255, 255, 255, .02));

	background-image: -o-linear-gradient(to right, rgba(255, 255, 255, .02), rgba(255, 255, 255, .5), rgba(255, 255, 255, .02));

	background-image: linear-gradient(to right, rgba(255, 255, 255, .02), rgba(255, 255, 255, .5), rgba(255, 255, 255, .02));

	transform: skew(30deg);

	-webkit-transform: skew(30deg);

	-moz-transform: skew(30deg);

	-ms-transform: skew(30deg);

	-o-transform: skew(30deg);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.sy_cp .n_r:hover .t_p:after {

	left: 100%;

	top: -100%;

}



.sy_cp .t_p img {

	width: 100%;

	height: auto;

	display: block;

}



.sy_cp .w_z {

	padding: 15px;

	background: #fff;

	border-top: #eee 1px solid;

	height: auto;

	overflow: hidden;

}



.sy_cp .w_z h4 {

	font-size: 16px;

	text-align: center;

	color: #000;

	line-height: 26px;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}



.sy_cp .w_z span {

	line-height: 34px;

	color: #777;

	height: 34px;

	display: block;

	background-image: linear-gradient(307deg, #188f49, #438a7c);

	;

	width: 120px;

	margin: 15px auto 0;

	text-align: center;

	color: #fff;

	font-size: 14px;

	border-radius: 0rem 17px 0 17px;

}



.sy_cp .m_r {

	width: 150px;

	height: 44px;

	border-radius: 22px;

	border: 2px solid #1e70b8;

	position: relative;

	overflow: hidden;

	float: right;

}



.sy_cp .m_r .bg {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #1e70b8;

	transition: transform 340ms ease-in-out;

	transform-origin: right center;

	transform: scaleX(0);

}



.sy_cp .m_r:hover .bg {

	transform: scaleX(1);

	transform-origin: left center;

}



.sy_cp .m_r a {

	line-height: 40px;

	color: #1e70b8;

	text-align: center;

	display: block;

	position: relative;

	z-index: 9;

}



.sy_cp .m_r:hover a {

	color: #fff;

}



@media only screen and (max-width:1024px) {

	.sy_cp .swiper-cy {

		padding-bottom: 30px;

	}



	.sy_cp .swiper-slide:hover .w_z {

		padding: 30px 15px;

	}



	.sy_cp .m_r {

		width: 110px;

		height: 32px;

		margin-bottom: 30px;

	}



	.sy_cp .m_r a {

		font-size: 14px;

		line-height: 30px;

	}

}



@media only screen and (max-width:640px) {

	.sy_cp {

		padding: 20px 0;

	}



	.sy_cp:after {

		width: 100%;

		height: 180px;

		background: url(../images/bn_bj1.jpg) no-repeat center / cover fixed;

		content: "";

		position: absolute;

		top: 0;

		left: 0;

	}



	.sy_cp .bt2 h3 {

		color: #fff

	}



	.sy_cp .bt2 h3 span {

		color: #fff

	}



	.sy_cp .cp_zs {

		width: 90%;

		max-width: inherit;

		position: relative;

		margin: 0 auto;

		z-index: 9;

		box-sizing: border-box

	}



	.sy_cp .row {

		margin: 0 -10px;

	}



	.sy_cp .col-12 {

		padding: 0 10px;

	}



	.sy_cp .w_z h3 {

		letter-spacing: 0;

	}



	.sy_cp .w_z p {

		font-size: 14px;

		line-height: 28px;

		margin-bottom: 15px;

	}



	.sy_cp .cp_zs {

		padding-top: 0px

	}



	.sy_cp .w_z h4 {

		font-size: 14px;

		margin-top: 10px;

		margin-bottom: 0

	}



	.sy_cp .w_z {

		padding: 0 10px 15px;

	}



	.sy_cp .w_z span {

		line-height: 30px;

		color: #777;

		height: 30px;

		display: block;

		background-image: linear-gradient(307deg, #188f49, #438a7c);

		width: 100px;

		margin: 15px auto 0;

		text-align: center;

		color: #fff;

		font-size: 12px;

		border-radius: 0rem 15px 0 15px;

	}



	.sy_cp .swiper-button-prev {

		display: none

	}



	.sy_cp .swiper-button-next {

		display: none

	}

}















.contain {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

}



.guanyu {

	background: url(../images/bg21.jpg) center no-repeat;

	overflow: hidden;

	padding: 80px 0;

}



.guanyu .contain {

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-direction: row-reverse

}



.sy_gypic .relative {

	position: relative

}



.over {

	overflow: hidden;

}



.sy_gypic {

	width: 45%;

	padding-right: 10px

}



.sy_gypic .img {

	width: 100%;

	box-sizing: border-box;

	font-size: 0;

}



.sy_gypic .img img {

	position: relative;

	z-index: 10;

	width: 100%

}



.sy_gypic .img span {}



.sy_gypic .img span:after,

.sy_gypic .img span:before {

	position: absolute;

	width: 84px;

	height: 84px;

	background: #1e70b8;

	transition: all 1.2s;

	content: "";

}



.sy_gypic .img span.top:after {

	top: -5px;

	left: -5px;

}



.sy_gypic .img span.top:before {

	top: -5px;

	right: -5px;

}



.sy_gypic .img span.bottom:after {

	bottom: -5px;

	left: -5px;

}



.sy_gypic .img span.bottom:before {

	bottom: -5px;

	right: -5px;

}



.sy_gypic .img:hover span:after,

.sy_gypic .img:hover span:before {

	width: 60%;

	height: 60%;

}



.sy_gyzi {

	width: 50%;

	margin-right: 5%

}



.sy_gyzi h1 {

	display: block;

	color: #1e70b8;

	font-size: 30px

}



.sy_gyzi h2 {

	display: block;

	color: #333;

	font-size: 30px

}



.sy_gyzi p {

	display: block;

	margin: 30px auto;

	font-size: 15px;

	line-height: 36px;

	color: #464646;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 7;

	overflow: hidden

}



.sy_gyzi span a {

	display: block;

	background: #1e70b8;

	width: 160px;

	color: #fff;

	line-height: 45px;

	border-radius: 30px;

	text-align: center;

	font-size: 14px;

	transition: all 0.6s

}



.sy_gyzi span a:hover {

	background: #222;

	transition: all 0.6s

}



@media only screen and (max-width:1200px) {

	.guanyu {

		padding: 50px 0;

	}



	.sy_gyzi h1 {

		display: block;

		color: #1e70b8;

		font-size: 30px

	}



	.sy_gyzi h2 {

		display: block;

		color: #333;

		font-size: 16px

	}



	.sy_gyzi p {

		display: block;

		margin: 20px auto;

		font-size: 12px;

		line-height: 25px;

	}



	.sy_gyzi span a {

		width: 120px;

		line-height: 35px;

		font-size: 12px

	}



}



@media only screen and (max-width:992px) {

	.guanyu {

		padding: 30px 0;

	}



	.guanyu {

		background: #f4f4f8

	}



	.guanyu .contain {

		display: block

	}



	.sy_gypic {

		width: 100%;

		overflow: hidden

	}



	.sy_gyzi {

		width: 100%;

		margin-top: 20px

	}



	.sy_gyzi h1 {

		display: block;

		color: #1e70b8;

		font-size: 20px

	}



	.sy_gyzi h2 {

		display: block;

		color: #333;

		font-size: 16px

	}



}















.sy3 {

	padding: 0 0 60px;

}



.xwxw {}





.xinwen {

	padding: 80px 0;

	text-align: center

}



.tk {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

	display: flex;

	justify-content: space-between;

	align-items: stretch;

	text-align: left

}



.new1 {

	width: 35%;

	background: #fff;

	box-shadow: 0px 0px 20px rgba(195, 195, 195, 0.55);

}



.new1 .tp {

	display: block;

	width: 100%;

	padding-bottom: 64%;

	position: relative;

	overflow: hidden

}



.new1 .tp img {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	transition: all 0.6s

}



.new1 .tp a:hover img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}



.new1 i {

	margin-right: 5px;

	font-size: 13px;

	margin-left: 5px

}





.new1 h3 {

	display: block;

	font-size: 18px;

	color: #333;

	font-weight: bold;

	width: 90%;

	margin: 20px auto 10px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.new1 p {

	display: block;

	width: 90%;

	margin: 0 auto;

	color: #666;

	font-size: 14px;

	line-height: 25px;

	height: auto;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}



.new1 span {

	display: block;

	color: #888;

	font-size: 14px;

	width: 90%;

	margin: 0 auto;

	margin-top: 20px;

}



.new1 span em {

	color: #1e70b8;

	font-style: normal

}







.new2 {

	width: 25%

}



.new2 ul li {

	width: 100%;

	margin-bottom: 20px;

	padding-bottom: 65%;

	position: relative;

	overflow: hidden;

}



.new2 ul li:last-child {

	margin-bottom: 0

}



.new2 ul li img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: all 0.6s

}



.new2 ul li:hover img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}



.new2 ul li p {

	display: block;

	position: absolute;

	width: 100%;

	line-height: 30px;

	color: #fff;

	background: rgba(0, 0, 0, 0.5);

	left: 0;

	bottom: 0;

	font-size: 14px;

	text-align: center;

	padding: 5px;

	box-sizing: border-box;

	transition: all 0.6s

}



.new2 ul li:hover p {

	background: #1e70b8;

	transition: all 0.6s

}



.new3 {

	width: 35%

}



.new3 ul li {

	border-bottom: #cfcfcf 1px dashed;

	padding: 22px 0

}



.new3 ul li p {

	display: block;

	font-size: 16px;

	color: #333;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.new3 ul li span {

	display: block;

	color: #888;

	font-size: 14px;

	margin-top: 10px

}



.new3 ul li span em {

	color: #1e70b8;

	font-style: normal

}



.new3 ul li span i {

	margin-right: 5px;

	font-size: 13px;

	margin-left: 5px

}



@media only screen and (max-width:1400px) {

	.new3 ul li {

		padding: 15px 0

	}



	.new3 ul li p {

		font-size: 18px;

	}





}



@media only screen and (max-width:1024px) {



	.tk {

		flex-wrap: wrap

	}



	.new1 {

		width: 55%

	}



	.new2 {

		width: 40%

	}



	.new3 {

		width: 100%;

		margin-top: 30px

	}









}





@media only screen and (max-width:768px) {



	.xinwen {

		padding: 30px 0;

		text-align: center;

		background-size: 30% auto;

	}



	.new1 {

		width: 100%

	}



	.new2 {

		width: 100%;

		margin-top: 15px;

	}



	.new2 ul {

		display: flex;

		justify-content: space-between;

	}



	.new2 ul li {

		width: 49%;

		margin-bottom: 0;

		padding-bottom: 33%

	}





	.new1 h3 {

		font-size: 16px;

		margin: 10px auto;

	}



	.new1 p {

		font-size: 12px;

		line-height: 20px;

		height: 40px;

	}



	.new1 span {

		font-size: 12px;

		margin-top: 10px;

	}





	.new2 ul li p {

		line-height: 25px;

		font-size: 12px;

	}





	.new3 {

		width: 100%;

		margin-top: 15px

	}



	.new3 ul li {

		padding: 10px 0

	}



	.new3 ul li p {

		font-size: 14px;

	}



	.new3 ul li span {

		font-size: 12px;

	}







}















.sy2 {

	padding: 50px 0

}





.why {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

}



.why ul {

	display: flex;

	justify-content: space-between;

}



.why ul li {

	width: 31%;

	color: #fff;

	display: flex;

	justify-content: space-between;

	background: #1e70b8;

	padding: 20px;

	box-sizing: border-box

}



.why ul li i {

	display: block;

	width: 80px;

	height: 80px;

	padding: 5px;

	box-sizing: border-box;

	border: #fff 2px solid;

	border-radius: 100px;

}



.why ul li i img {

	width: 100%;

	height: auto;

}



.why ul li div {

	width: calc(100% - 110px)

}



.why ul li h3 {

	display: block;

	margin: 10px 0;

	font-size: 20px;

	color: #fff

}



.why ul li p {

	font-size: 14px;

	line-height: 25px

}











@media only screen and (max-width:992px) {

	.sy2 {

		padding: 20px 0

	}



	.why ul {

		display: block

	}



	.why ul li i {

		width: 60px;

		height: 60px;

		border: #fff 1px solid

	}



	.why ul li div {

		width: calc(100% - 80px)

	}



	.why ul li {

		width: 100%;

		margin-bottom: 10px;

		padding: 10px;

	}



	.why ul li h3 {

		font-size: 16px;

		margin: 5px 0;

	}



	.why ul li p {

		font-size: 12px;

		line-height: 23px

	}





}











.sy4 {

	padding: 80px 0;

	background: url(../images/bg_leadership.jpg) no-repeat top

}



.footer {

	background: url(../images/foot-bg.jpg) no-repeat right center;

}



.foot1 {

	width: 96%;

	margin: 0 auto;

	max-width: 1440px;

	padding: 35px 0;

	color: #fff;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

}



.foot2 {

	padding: 25px 0;

	text-align: center;

	font-size: 14px;

	color: #999;

	border-top: rgba(255, 255, 255, .1) 1px solid;

}



@media only screen and (max-width:1440px) {

	.foot1 {

		width: 90%;

		margin: 0 auto;

		max-width: inherit;

		padding: 35px 0;

		color: #fff;

		overflow: hidden;

		display: flex;

		justify-content: space-between;

	}



}





.dlx {

	font-size: 14px;

	color: #999;

	line-height: 25px;

	width: 380px

}



.dlx p {

	display: block;

	margin-bottom: 10px;

	overflow: hidden

}



.dlx i {

	width: 20px;

	display: block;

	float: left;

	color: #797979;

	font-size: 16px;

	line-height: 25px;

}



.dbt {

	font-size: 16px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 15px;

	text-align: left

}



.dwx {

	width: 100px;

	margin: 0 30px

}



.dwx img {

	width: 100%;

	height: auto

}



.dwx p {

	display: block;

	font-size: 14px;

	color: #222;

	text-align: center;

}







.dlink {



	width: auto;



	width: 40%;

	box-sizing: border-box;



	font-size: 0;





}



.dlink ul {}



.dlink ul li {

	text-align: left;

	border-right: rgba(255, 255, 255, .2) 1px solid;

	padding-left: 50px;

	min-height: 140px;

	float: left;

	width: 33.33%;

	box-sizing: border-box

}



.dlink ul li h3 {

	margin-bottom: 10px;

	font-size: 16px;

	font-weight: bold;

	border-bottom: none;

	padding-left: 0;

	cursor: default;

	color: #fff;



}



.dlink p {

	padding: 0;

	font-size: 14px;

	line-height: 30px;

	display: block;

}



.dlink p a {

	display: block;

	color: #A6A6A6;

}



.dlink p a:hover {

	color: #fff;

	text-decoration: none;

	transition: all 300ms ease-in-out 0s;

}





.guanzhu {

	margin-top: 20px

}



.guanzhu ul li {

	position: relative;

	float: left;

	margin-right: 15px;

}



.guanzhu ul li i {

	display: block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	background: #434343;

	border-radius: 20px;

	color: #fff;

	text-align: center

}



.guanzhu ul li:hover .erweima {

	display: block

}



.guanzhu ul li:hover i {

	background: #1e70b8

}





.erweima {

	position: absolute;

	width: 120px;

	height: 120px;

	padding: 5px;

	box-sizing: border-box;

	bottom: 42px;

	box-sizing: border-box;

	background: #fff;

	box-shadow: 0px 0px 10px rgba(195, 195, 195, 0.75);

	left: 0;

	margin-left: -45px;

	display: none;

	border-radius: 5px;

}



.erweima:before {

	content: "\e647";

	position: absolute;

	bottom: -15px;

	left: 48%;

	color: #fff;

	font-family: "iconfont";

	text-shadow: 0px 0px 10px rgba(195, 195, 195, 0.75);

	font-size: 16px

}



.erweima img {

	width: 100%;

	height: auto

}











@media only screen and (max-width:1300px) {



	.dlink ul li {

		padding-right: 20px

	}



	.dbt {

		font-size: 14px;

	}



	.dlink p {



		font-size: 12px;

		line-height: 25px;



	}



	.dlx {

		font-size: 12px;

	}



}





@media only screen and (max-width:1024px) {



	.dlink {

		display: none

	}



	.foot1 {

		padding: 15px 0

	}



	.foot2 {

		font-size: 12px;

		padding: 10px;

		line-height: 23px

	}



	.guanzhu ul li i {

		width: 34px;

		height: 34px;

		line-height: 34px;

	}



	.erweima {

		position: absolute;

		width: 100px;

		height: 100px;

		bottom: 36px;

		left: 0;

		margin-left: -35px;

	}



	.erweima:before {

		font-size: 14px

	}



	.footer {

		margin-bottom: 50px

	}



}

















.nbanner {

	width: 100%;

	height: auto;

	position: relative;

	background: #000;

	font-size: 0;

	overflow: hidden

}



.nbanner img {

	width: 100%;

	height: auto;

	opacity: 0.8

}



.nbanner .wzmc {

	position: absolute;

	left: 50%;

	top: 55%;

	height: auto;

	transform: translate(-50%, -50%);

	z-index: 2;

}



.nbanner .wzmc h3 {

	display: block;

	font-size: 32px;

	color: #fff;

	text-align: center;

	letter-spacing: 3px;

	font-weight: bold;

}



.nbanner .wzmc em {

	width: 50px;

	display: block;

	margin: 0 auto 8px;

	height: 2px;

	text-align: center;

	background: #fff;

	overflow: hidden;

	position: relative

}



.nbanner .wzmc span {

	font-size: 18px;

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	display: block;

}



.nbanner .weizhi {

	position: absolute;

	width: 100%;

	left: 0;

	z-index: 9;

	text-align: right;

	font-size: 14px;

	color: #fff;

	bottom: 15px;

	height: auto

}



.nbanner .weizhi p {

	display: block;

	width: 96%;

	max-width: 1400px;

	margin: 0 auto

}



.nbanner .weizhi p a {

	color: #fff

}



@media only screen and (max-width:1200px) {

	.nbanner {

		width: 100%;

		height: 300px;

	}



	.nbanner img {

		position: absolute;

		height: 100%;

		width: auto;

		top: 0;

		left: 50%;

		transform: translateX(-50%);

	}



	.nbanner .wzmc h3 {

		font-size: 20px;

		padding-bottom: 0

	}



	.nbanner .wzmc span {

		font-size: 14px;

	}



}





@media only screen and (max-width:992px) {

	.nbanner {

		width: 100%;

		height: 160px;

	}

}



.hui {

	background: #f7f7f7;

	padding: 80px 0;

}



.jianjie {

	width: 94%;

	max-width: 1400px;

	margin: 50px auto;

	overflow: hidden

}



.nnbt {

	text-align: center;

	font-size: 30px;

	color: #2f2f2f;

	line-height: 45px;

	margin-bottom: 30px;

	font-weight: bold

}



.nnbt em {

	display: block;

	width: 40px;

	height: 3px;

	margin: 0 auto;

	background: #1e70b8;

}



.js1 {

	float: left;

	width: 45%;

	margin-top: 10px

}



.js1 img {

	width: 100%;

	height: auto;

	border-radius: 20px;

}



.js2 {

	float: right;

	width: 50%;

	font-size: 20px;

	color: #414141;

	line-height: 40px

}



.js2 p {

	display: block;

	margin-bottom: 10px;

	position: relative;

	text-indent: 2em

}







@media only screen and (max-width:1440px) {

	.js2 {

		font-size: 16px;

		line-height: 35px

	}





}



@media only screen and (max-width:992px) {

	.hui {

		padding: 30px 0;

	}



	.jianjie {

		margin: 20px auto;

	}



	.nnbt {

		text-align: center;

		font-size: 20px;

		line-height: 35px;

		margin-bottom: 15px

	}



	.js1 {

		float: none;

		width: 100%;

	}



	.js2 {

		float: none;

		width: 100%;

		font-size: 12px;

		color: #414141;

		line-height: 23px;

		padding-top: 15px;

	}

}





.nmain1 {

	width: 94%;

	margin: 0 auto;

	max-width: 1380px;

}





.nmain {

	width: 94%;

	margin: 40px auto;

	max-width: 1380px;

}



.nmain .cp_lb {

	height: auto;

	overflow: hidden

}



.nmain .cp_lb li {

	float: left;

	width: 23.5%;

	margin-right: 2%;

	box-sizing: border-box

}



.nmain .cp_lb li:nth-child(4n) {

	margin-right: 0;

}



.nmain .cp_lb .n_r {

	margin-bottom: 30px;

	padding: 10px;

	border: 1px solid #ddd;

}



.nmain .cp_lb .t_p {

	overflow: hidden;

}



.nmain .cp_lb .t_p img {

	width: 100%;

	height: auto;

	display: block;

	transition: all 1s;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-ms-transition: all 1s;

	-o-transition: all 1s;

}



.nmain .cp_lb .n_r:hover .t_p img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.nmain .cp_lb .w_z {

	background-color: #f7f7f7;

	padding: 10px;

	font-size: 15px;

	text-align: center;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	margin-top: 10px;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.nmain .cp_lb .n_r:hover .w_z {

	background-color: #1e70b8;

	color: #fff;

}





.dhfl {

	float: left;

	width: 300px;

	background: #fff;

	box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.25);

	padding: 30px;

	padding-top: 0;

	box-sizing: border-box

}



.dhfl.on {

	position: fixed;

	top: 100px

}



.dhfl h3 {

	display: block;

	color: #222;

	line-height: 80px;

	font-weight: bold;

	font-size: 25px;

	text-align: center;

	border-bottom: #ddd 1px solid;

}



.dhfl ul li {

	margin-top: 5px;

	color: #666;

	font-size: 14px;

	position: relative;

	text-align: center

}



.dhfl ul li a {

	display: inline-block;

	width: auto;

	margin: 0 auto;

	line-height: 50px;

	text-align: center;

	position: relative;

	font-size: 16px;

	transition: all 0.6s

}



.dhfl ul li a:hover {

	color: #b90b0c;

	transition: all 0.6s

}



.dhfl ul li a:after {

	content: "";

	width: 0;

	height: 2px;

	opacity: 0;

	background: #b90b0c;

	transition: all 0.6s;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: 0

}



.dhfl ul li a:hover:after {

	content: "";

	width: 100%;

	height: 2px;

	background: #b90b0c;

	transition: all 0.6s;

	opacity: 1

}



.dhfl ul li.on a:after {

	content: "";

	width: 100%;

	height: 2px;

	background: #b90b0c;

	transition: all 0.6s;

	opacity: 1

}



.dhfl ul li.on a {

	color: #b90b0c;

	transition: all 0.6s

}



.dhfl ul li.on:before {

	opacity: 1;

	transform: translateX(15px);

	transition: all 0.6s

}



.ndh {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

	margin-top: 40px

}



.ndh ul {

	display: flex;

	justify-content: space-between;

}



.ndh ul li {

	width: 50%;

	text-align: center;

	margin: 10px

}



.ndh ul li a {

	display: block;

	background: #f7f7f7;

	color: #333;

	font-size: 16px;

	padding: 20px 0

}



.ndh ul li a:hover {

	background: #1e70b8;

	color: #fff

}



.ndh ul li.on a {

	background: #1e70b8;

	color: #fff

}



@media only screen and (max-width:1440px) {

	.ndh {

		width: 90%;

		margin: 0 auto;

		max-width: inherit;

		margin-top: 40px

	}



	.nmain {

		width: 90%;

		margin: 20px auto 40px;

		max-width: inherit;

	}





}



.ncplb {

	width: 73%;

	float: right

}

.ncplb .content ul{overflow: inherit;max-width: 100%;}
.ncplb .content table{border-collapse: collapse;}
.ncplb .content table td{border: 1px solid #DDD;}
.ncplb .content .list-paddingleft-2{padding-left: 30px;}
.ncplb .content ul li{ float: inherit;width: auto;margin: 0; list-style: unset;}
.ncplb .content ul li p{text-align: inherit;line-height: inherit;margin: 0;}
.ncplb ul {

	position: relative;

	margin: 0;

	overflow: hidden;

}



.ncplb ul li {

	float: left;

	width: 32%;

	margin-bottom: 20px;

	box-sizing: border-box;

	margin-right: 2%

}



.ncplb ul li:nth-child(3n) {

	margin-right: 0;

}



.ncplb ul li i {

	display: block;

	width: 100%;

	padding-bottom: 100%;

	position: relative;

	overflow: hidden;

	border: #eee 1px solid;

	box-sizing: border-box

}



.ncplb ul li i img {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	height: 80%;

	width: auto;

	transition: all 0.6s

}



.ncplb ul li:hover i img {

	transform: translate(-50%, -50%) scale(1.1, 1.1);

	transition: all 0.6s

}



.ncplb ul li:hover i {

	box-shadow: 0px 0px 15px rgba(195, 195, 195, 0.75);

}



.ncplb ul li p {

	display: block;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

	margin-top: 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.tup {

	width: 100%;

	padding: 20px 0;

	height: auto;

	overflow: hidden

}



.tup img {

	width: 100%

}



@media only screen and (max-width:1440px) {



	.dhfl {

		float: left;

		width: 240px;

		padding: 15px;

		padding-top: 0

	}



	.dhfl ul li a {

		font-size: 14px;

	}







}





@media only screen and (max-width:992px) {





	.dhfl {

		float: none;

		width: 100%;

		margin-bottom: 20px

	}



	.ncplb {

		float: none;

		width: 100%

	}





	.dhfl.on {

		position: static;

		top: 0;

	}







	.ncplb ul {

		margin: 0 -5px;

	}



	.ncplb ul li {

		padding: 0 5px;

		width: 50%;

		margin-bottom: 20px;

		margin-right: 0;

	}



	.ncplb ul li p {

		font-size: 12px;

		line-height: 23px;

	}



	.dhfl ul {

		display: flex;

		justify-content: center;

		flex-wrap: wrap;

		align-items: center;

	}



	.dhfl ul li {

		margin: 10px 20px

	}



	.dhfl ul li a {

		line-height: 25px;

		font-size: 14px;

	}



	.dhfl h3 {

		line-height: 40px;

		font-size: 20px;

	}



	.nmain {

		margin: 20px auto;

	}



	.ndh {

		margin-top: 20px

	}



	.ndh ul li {

		margin: 2px

	}



	.ndh ul li a {

		font-size: 12px;

		padding: 10px 0

	}



	.nmain .cp_lb li {

		float: left;

		width: 49%;

		margin-right: 2%;

		box-sizing: border-box

	}



	.nmain .cp_lb li:nth-child(2n) {

		margin-right: 0;

	}





}



.hui2 {

	background: #f7f7f7;

	overflow: hidden

}





.cpxq1 {

	width: 96%;

	margin: 0 auto;

	max-width: 1400px;

	background: #fff;

	margin-top: 50px;

	padding: 30px;

	box-sizing: border-box

}



.cpxq2 {

	width: 96%;

	margin: 0 auto 60px;

	max-width: 1400px;

}





.wrapper {

	position: relative;

	width: 550px;

	height: 450px;

	float: left;

	position: relative

}



.gotop {

	cursor: pointer;

	display: block;

	width: 100%;

	margin: 0 auto 10px;

	text-align: center;

}



.gobottom {

	cursor: pointer;

	display: block;

	width: 100%;

	margin: 10px auto 0;

	text-align: center;

}



.wrapper .smallBox {

	height: 450px;

	width: 80px;

	float: left;

}



.wrapper .smallBox li {

	width: 80px;

	height: 80px;

	border: 1px solid #eeeeee;

	box-sizing: border-box;

	margin-bottom: 10px;

	cursor: pointer;

	text-align: center;

	position: relative;

	overflow: hidden

}



.wrapper .smallBox li img {

	cursor: pointer;

	display: block;

	width: auto;

	height: 100%;

	box-sizing: border-box;

	margin: 0 auto;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);



}



.wrapper .smallBox li.hover {

	border: 1px solid #1e70b8;

}



.wrapper #Box {

	height: 450px;

	width: 450px;

	position: relative;

	border: 1px solid #ccc;

	float: right;

	cursor: crosshair;

	overflow: hidden

}



.wrapper #bigBox {

	height: 450px !important;

	width: 450px !important;

	position: absolute;

	top: 0px;

	left: 550px;

	overflow: hidden;

	display: none;

	border: 1px solid gray;

	background: #fff

}



.wrapper #bigBox img {

	max-width: inherit;

}



#Box img {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	max-width: 100%;

	max-height: 100%

}



#Box #lay {

	background: #fff;

	border: 1px solid gray;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0.5;

	display: none;

	filter: alpha(opacity=50);

}



.box_wrapper {

	height: 270px;

	overflow: hidden;

	position: relative

}



.box_wrapper ul {

	margin: 0;

	position: relative;

	transition: all 0.8s ease-in-out;

}



.smallBox i {

	display: block;

	width: 100%;

	background: #eee

}







.cpxx {

	width: calc(100% - 600px);

	float: right

}



.cpxx h3 {

	font-size: 24px;

	color: #333333;

	font-weight: normal;

	display: block;

	line-height: 30px;

	margin: 30px 0

}



.cpxx p {

	display: block;

	margin-bottom: 20px;

	font-size: 16px;

	line-height: 40px;

	color: #666

}



.cpxx span a {

	display: inline-block;

	font-size: 16px;

	color: #1e70b8;

	margin-top: 30px;

	margin-right: 20px

}



.cpxx span a i {

	padding-left: 10px;

	font-size: 20px

}











.bai {

	background: #fff;

}









#container {

	margin: 0 auto;

	width: 100%;

}



#container .section {

	background: #ffffff;

	margin-top: 20px;

	padding: 0px;

	padding-bottom: 20px;

}





.section-wrapper {

	margin-top: -160px;

	padding-top: 160px;

}



.maodian.on {

	position: fixed;

	top: 80px;

	width: 94%;

	max-width: 1400px;

	left: 50%;

	transform: translateX(-50%)

}



.maodian.on #nav {

	width: 100%;

	border-bottom: #eee 1px solid;

	box-sizing: border-box

}



#nav {

	background: #fff;

	list-style: none;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	padding: 0 50px;

	box-sizing: border-box;

}



#nav li {

	display: inline-block;

	margin-bottom: 0;

}



#nav a {

	display: block;

	padding: 0;

	line-height: 60px;

	font-size: 16px;

	color: #666;

	position: relative

}



#nav a:hover {

	background: none;

	color: #1e70b8;

}



#nav .current a {

	background: #fff;

	color: #1e70b8;

	font-weight: bold;

	position: relative

}



#nav .current a:after {

	content: "";

	position: absolute;

	width: 100%;

	height: 3px;

	background: #1e70b8;

	left: 0;

	bottom: 0

}





.xqbt {

	border-bottom: #f4f4f4 1px solid;

	padding: 15px 20px;

	box-sizing: border-box

}



.xqbt h3 {

	display: block;

	color: #333333;

	font-size: 20px;

	border-left: #1e70b8 6px solid;

	padding-left: 10px;

}



.wzjs {

	font-size: 14px;

	line-height: 25px;

	color: #666;

	margin: 30px;

}



.wzjs img {

	max-width: 100%;

	height: auto

}



.wzjs1 {

	font-size: 14px;

	line-height: 25px;

	color: #666;

	margin: 30px;

	text-align: center

}



.wzjs1 img {

	max-width: 100%;

	height: auto

}





.contain {

	width: 96%;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}



.nlf {

	width: 100%

}



.nrt {

	float: right;

	width: 380px

}



.canshu {

	font-size: 14px;

	line-height: 25px;

	color: #222;

	padding: 30px;

	box-sizing: border-box

}



.canshu td {

	background: #f9f9f9;

	padding: 10px;

	border: #fff 2px solid;

	box-sizing: border-box;

	font-weight: bold

}



.canshu td:nth-child(2n) {

	background: #e9ebe1;

	font-weight: normal;

}













.xqbt2 {

	text-align: center;

	padding: 35px 0;

	font-size: 20px;

	color: #333;

	font-weight: bold;

}



.xqbt2 em {

	display: inline-block;

}



.tscp {

	width: 96%;

	margin: 0 auto;

	overflow: hidden

}



.tscp ul li {

	border: #f0f0f0 1px solid;

	margin: 0 auto;

	max-width: 300px;

	width: 100%;

	position: relative;

	margin-bottom: 20px;

	overflow: hidden;

	padding-bottom: 20px;

	box-sizing: border-box

}



.tscp ul li i {

	display: block;

	width: 100%;

	padding-bottom: 100%;

	position: relative;

	overflow: hidden

}



.tscp ul li img {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	max-width: 80%;

	max-height: 80%

}



.tscp ul li p {

	display: block;

	color: #222;

	font-size: 14px;

	text-align: center;

	transition: all 0.6s

}



.tscp ul li:hover {

	border: #1e70b8 1px solid;

}



@media only screen and (max-width:1440px) {



	.cpxq1 {

		width: 90%;

		margin: 0 auto;

		max-width: inherit;

		background: #fff;

		margin-top: 50px;

		padding: 30px;

		box-sizing: border-box

	}



	.cpxq2 {

		width: 90%;

		margin: 40px auto;

		max-width: inherit;

	}



	.maodian.on {

		width: 90%

	}



}



@media only screen and (max-width:1360px) {

	.maodian.on {

		width: 90%

	}



}



@media only screen and (max-width:1270px) {

	.cpxx h3 {

		font-size: 20px;

		margin: 20px 0

	}



	.cpxx p {

		font-size: 14px;

		line-height: 25px;

	}



	.nlf {

		float: left;

		width: 100%

	}



	.nrt {

		float: right;

		width: 300px

	}



	.maodian.on #nav {

		width: 100%;

	}



	.maodian.on {

		width: 90%

	}



}









@media only screen and (max-width:992px) {

	.cpxq1 {

		margin-top: 20px;

		padding: 15px;

		box-sizing: border-box

	}



	.wrapper {

		float: none;

		width: 100%

	}



	.wrapper #Box {



		width: calc(100% - 100px);



	}





	.cpxx {

		width: 100%;

		float: none;

		margin-top: 15px

	}







	.nlf {

		float: none;

		width: 100%;

	}



	.nrt {

		float: none;

		width: 100%;

		margin-top: 20px

	}



	.maodian.on #nav {

		width: 100%;

	}



	.maodian.on {

		top: 50px;

		width: 100%

	}





	#nav {

		padding: 0 15px

	}



	.wzjs {



		margin: 15px;

		font-size: 12px;

		line-height: 23px

	}



	.canshu {

		font-size: 12px;

		line-height: 20px;



		padding: 15px;

		box-sizing: border-box;

	}



	.tscp ul {

		overflow: hidden;

		padding-bottom: 20px

	}



	.tscp ul li {

		float: left;

		width: 48%;

		margin: 1%;

		max-width: inherit;

		padding-bottom: 5px

	}



	.tscp ul li p {

		font-size: 12px;

		padding: 0 10px;

	}



	.xqbt2 {

		padding: 20px 0

	}



	.xqbt h3 {

		display: block;

		color: #333333;

		font-size: 16px;

		border-left: #1e70b8 6px solid;

		padding-left: 10px;

	}



	#nav a {

		font-size: 14px

	}



	.cpxq2 {

		width: 90%;

		margin: 0 auto 40px;

		max-width: inherit;

	}



}





@media only screen and (max-width:600px) {



	.wrapper .smallBox {

		height: 60px;

		width: 100%;

		float: none;

		margin-top: 10px

	}



	.wrapper {

		height: 300px;

	}



	.wrapper #Box {

		height: 230px;

		width: 100%;



		float: none;

		cursor: crosshair;

	}



	.wrapper .smallBox li {

		display: inline-block;

		width: 60px;

		height: 60px

	}



	.cpxx h3 {

		font-size: 18px;

		margin: 10px 0

	}



	.cpxx p {

		font-size: 12px;

		line-height: 23px;

	}



	.cpxx span a {

		font-size: 14px;

		margin-top: 20px

	}



}







.hyyy ul {

	position: relative;

	margin: 0 -20px;

	overflow: hidden

}



.hyyy ul li {

	width: 33.33%;

	padding: 0 20px;

	box-sizing: border-box;

	margin-bottom: 20px;

	float: left;

}



.hyyy ul li .yypic {

	display: block;

	width: 100%;

	padding-bottom: 70%;

	position: relative;

	overflow: hidden;

	background: #1e70b8;

	margin-top: 20px

}



.hyyy ul li .yypic:after {

	content: "";

	position: absolute;

	width: calc(100% - 20px);

	height: calc(100% - 20px);

	box-sizing: border-box;

	border: #fff 1px solid;

	opacity: 0;

	top: 10px;

	left: 10px;

}



.hyyy ul li:hover .yypic:after {

	opacity: 1

}



.hyyy ul li .yypic img {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.6s;

}



.hyyy ul li:hover .yypic img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}



.hyyy ul li .yypic p {

	display: block;

	position: absolute;

	z-index: 1;

	width: 100%;

	bottom: 0;

	text-align: center;

	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));

	font-size: 16px;

	color: #fff;

	padding: 15px;

	box-sizing: border-box;

	transition: all 0.6s

}





.hyyy ul li:hover .yypic img {

	opacity: 0.2

}



.hyyy ul li:hover .yypic p {

	font-size: 18px;

	position: absolute;

	top: 50%;

	bottom: auto;

	transform: translateY(-50%);

	background: none;

	transition: all 0.6s

}







@media only screen and (max-width:1440px) {



	.hyyy ul {

		margin: 0 -10px;

	}



	.hyyy ul li {

		padding: 0 10px;

		margin-bottom: 20px;

	}



}



@media only screen and (max-width:992px) {



	.hyyy ul li {

		width: 50%

	}



	.hyyy ul li:hover .yypic img {

		opacity: 1

	}



	.hyyy ul li:hover .yypic p {

		transform: none;

		bottom: 0;

		font-size: 12px

	}



	.hyyy ul li .yypic p {

		font-size: 12px

	}



	.hyyy ul li:hover .yypic:after {

		opacity: 0

	}



	.hyyy ul {

		margin: 0 -5px;

	}



	.hyyy ul li {

		padding: 0 5px;

		margin-bottom: 10px;

	}

}







.nxw2 ul li {

	display: flex;

	justify-content: space-between;

	margin-bottom: 30px;

	align-items: center;

	background: #fff;

	padding: 15px;

	box-sizing: border-box;

	transition: all 0.6s;

	border: #eee 1px solid;

	box-sizing: border-box

}



.nxw2 ul li:hover {

	box-shadow: 0 0 45px rgba(0, 0, 0, .08);

	transition: all 0.6s

}



.nxwpic {

	width: 30%;

	padding-bottom: 18%;

	position: relative;

	overflow: hidden;

}



.nxwpic img {

	position: absolute;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.6s

}



.nxwpic a:hover img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}





.nxwzi {

	width: 70%;

	padding-left: 25px;

	padding-right: 10px;

	box-sizing: border-box;

	overflow: hidden

}



.nxwzi h1 {

	color: #999;

	font-size: 12px;

	font-weight: normal;

	margin-bottom: 15px

}



.nxwzi h3 a {

	display: block;

	font-size: 18px;

	color: #000;

	font-weight: normal

}



.nxwzi p {

	display: block;

	font-size: 16px;

	line-height: 28px;

	margin: 20px 0 30px;

	color: #666;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}



.nxwzi span {

	display: block;

	text-align: center

}



.nxwzi span a {

	display: block;

	color: #fff;

	font-size: 12px;

	background: #1e70b8;

	width: 120px;

	line-height: 35px;

	border-radius: 50px;

}



.nxwzi span a:hover {

	background: #1e70b8;

	color: #fff;

}



.nxwzi span a i {

	display: inline-block;

	padding-left: 5px;

	transition: all 0.6s

}



.nxwzi span a:hover i {

	padding-left: 15px;

	transition: all 0.6s

}



@media only screen and (max-width:1440px) {

	.nxw2 {

		width: 98%;

		margin: 0 auto

	}



}



@media only screen and (max-width:1200px) {



	.nxwzi h1 {

		margin-bottom: 10px

	}



	.nxwzi h3 a {

		font-size: 18px;

	}



	.nxwzi p {

		margin: 15px 0

	}





}





@media only screen and (max-width:992px) {

	.nxw2 ul li {

		padding: 10px;

		margin-bottom: 15px;

		padding-right: 0

	}



	.nxwpic {

		width: 40%;

		padding-bottom: 40%;

	}



	.nxwzi {

		width: 60%;

		padding: 15px

	}



	.nxwzi p {

		display: none;

	}



	.nxwzi h3 a {

		font-size: 14px;

	}



	.nxwzi span a {

		line-height: 25px;

		margin-top: 10px;

		width: 100px;

		font-size: 12px

	}

}











.DownloadCon {}



.DownloadCon ul li {

	padding: 20px;

	background: #fff;

	padding-right: 0;

	box-sizing: border-box;

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 15px;

	border: #eee 1px solid;

}



.DownloadCon ul li span {

	color: #333;

	font-size: 15px;

	display: block;

	float: left;

	border-left: 1px #ddd solid;

}



.DownloadCon ul li span:first-child {

	border-left: none;

}



.DownloadCon ul li span.span01 {

	width: calc(100% - 295px);

	box-sizing: border-box

}



.DownloadCon ul li span.span02 {

	width: 135px;

	text-align: center;

	color: #999;

	font-size: 12px;

}



.DownloadCon ul li span.span03 {

	width: 160px;

	text-align: center;

	font-size: 14px;

	color: #666;

}





.DownloadCon ul li span a {

	display: block;

	color: #666

}



.DownloadCon ul li:hover {

	background-color: #1e70b8;

}



.DownloadCon ul li:hover span {

	border-left: 1px #fff solid;

	color: #fff;

}



.DownloadCon ul li:hover span:first-child {

	border-left: none;

}



.DownloadCon ul li:hover span a {

	color: #fff;

}



@media only screen and (max-width:1440px) {



	.DownloadCon {

		width: 98%;

		margin: 0 auto

	}



}



@media only screen and (max-width:992px) {



	.DownloadCon ul li {

		padding: 10px;

		padding-right: 0;

	}



	.DownloadCon ul li span.span01 {

		width: calc(100% - 110px);

		box-sizing: border-box

	}



	.DownloadCon ul li span.span02 {

		width: 80px;

		text-align: center;

		color: #999;

		font-size: 12px;

		display: none;

	}



	.DownloadCon ul li span.span03 {

		width: 100px;

		text-align: center;

		font-size: 12px;

		color: #666;

	}



	.DownloadCon ul li span {

		color: #333;

		font-size: 12px;

	}







}







.lx01 {

	width: 50%;

	padding: 50px;

	box-sizing: border-box

}



.lx01 h3 {

	display: block;

	font-size: 25px;

	color: #333

}



.lx01 em {

	display: block;

	width: 60px;

	height: 2px;

	background: #e60012;

	margin-top: 10px;

	margin-bottom: 20px

}



.lx01 p {

	display: block;

	font-size: 16px;

	line-height: 35px;

	color: #666

}



.lx02 {

	width: 50%;

}



.lx02 img {

	width: 100%;

	height: auto

}





#map {

	height: 450px

}



.BMap_bubble_title {

	color: #1e70b8;

	font-weight: bold;

	font-size: 14px;

}



.BMapLabel {

	opacity:

		0

}





.mainCon {

	width: 100%;

	position: relative;

	overflow: hidden;

	background: #f7f7f7;

	padding: 50px 100px;

	box-sizing: border-box;

	margin-top: 50px

}



.mainCon h3 {

	display: block;

	color: #14161C;

	font-size: 25px;

	margin-bottom: 25px;

	text-align: center

}



.mainCon .box {

	width: 96%;

	margin: 0 auto;

	overflow: hidden

}



.mainCon .box p {

	display: block;

	height: 42px;

	float: left;

	text-align: left;

	color: #969696;

	font-size: 16px;

	margin-right: 10px;

	overflow: hidden

}



.mainCon .box input {

	width: 100%;

	height: 48px;

	line-height: 48px;

	padding: 0 60px 0 60px;



	font-size: 16px;

	color: #999999;

	margin-bottom: 20px;

	outline: none;

	font-size: 14px;

	box-sizing: border-box;

	border: #ccc 1px solid;





}



.mainCon .box ul li {

	position: relative;

	height: 48px;

	margin-bottom: 20px;

	overflow: hidden

}





.mainCon .box .input1 {

	background: url(../images/linkUsLy_icon01.png)#fff no-repeat 20px center;

	background-size: 20px auto

}



.mainCon .box .input2 {

	background: url(../images/linkUsLy_icon04.png)#fff no-repeat 20px center;

	background-size: 20px auto

}



.mainCon .box .input3 {

	background: url(../images/linkUsLy_icon05.png)#fff no-repeat 20px center;

	background-size: 20px auto

}



.mainCon .box .input4 {

	background: url(../images/linkUsLy_icon02.png)#fff no-repeat 20px center;

	background-size: 20px auto

}



.mainCon .box .liuyan {

	background: url(../images/linkUsLy_icon03.png)#fff no-repeat 20px 20px;

	background-size: 20px auto;

	border: 0;

	width: 100%;

	height: 152px;

	margin-bottom: 15px;

	outline: none;

	padding-left: 60px;

	padding-top: 20px;

	font-size: 14px;

	font-family: "΢ÈíÑźÚ";

	box-sizing: border-box;

	border: #ccc 1px solid;

}



.mainCon .box button {

	display: block;

	height: 45px;

	text-align: center;

	width: 100%;

	max-width: 140px;

	border-radius: 30px;

	font-size: 16px;

	color: #fff;

	line-height: 45px;

	background: #1e70b8;

	text-decoration: none;

	margin: 0 auto

}











@media only screen and (max-width:992px) {





	.lx01 {

		width: 100%;

		padding: 20px;

	}



	.lx01 h3 {

		display: block;

		font-size: 20px;

	}



	.lx01 p {

		display: block;

		font-size: 14px;

		line-height: 25px;

		color: #666

	}



	.lx02 {

		width: 100%;

	}





	#map {

		height: 200px

	}





	.mainCon {

		padding: 15px;

		margin-top: 20px

	}



	.mainCon .box .input1 {

		background: url(../images/linkUsLy_icon01.png)#fff no-repeat 12px center;

		background-size: 12px auto

	}



	.mainCon .box .input2 {

		background: url(../images/linkUsLy_icon04.png)#fff no-repeat 12px center;

		background-size: 12px auto

	}



	.mainCon .box .input3 {

		background: url(../images/linkUsLy_icon05.png)#fff no-repeat 12px center;

		background-size: 12px auto

	}



	.mainCon .box .input4 {

		background: url(../images/linkUsLy_icon02.png)#fff no-repeat 12px center;

		background-size: 12px auto

	}



	.mainCon .box .liuyan {

		background: url(../images/linkUsLy_icon03.png)#fff no-repeat 12px 12px;

		background-size: 12px auto;

		padding-left: 30px;

		padding-top: 8px

	}



	.mainCon .box input {



		padding: 0 30px 0 30px;









	}









}





.bt1 {

	display: inline-block;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 30px;

	text-align: center;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	text-transform: uppercase

}



.bt1 h3 {

	font-size: 36px;

	font-weight: 550;

	color: #333;

	padding: 0 20px;

	letter-spacing: 1px

}



.bt1 h3 span {

	display: block;

	font-size: 14px;

	color: #808080;

	font-weight: 500

}



.bt1 img {

	width: 77px;

	height: auto

}



@media only screen and (max-width:992px) {

	.bt1 h3 {

		font-size: 20px;

		font-weight: 550;

		color: #333;

		padding: 0 20px;

		letter-spacing: 1px

	}



	.bt1 h3 span {

		display: block;

		font-size: 12px;

		color: #808080;

		font-weight: 500

	}



}





.bt2 {

	display: inline-block;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 30px;

	text-align: center;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	text-transform: uppercase

}



.bt2 h3 {

	font-size: 36px;

	font-weight: 550;

	color: #fff;

	padding: 0 20px;

	letter-spacing: 1px

}



.bt2 h3 span {

	display: block;

	font-size: 14px;

	color: #fafafa;

	font-weight: 500

}



.bt2 img {

	width: 77px;

	height: auto

}



@media only screen and (max-width:992px) {

	.bt2 h3 {

		font-size: 20px;

		font-weight: 550;

		color: #333;

		padding: 0 20px;

		letter-spacing: 1px

	}



	.bt2 h3 span {

		display: block;

		font-size: 12px;

		color: #808080;

		font-weight: 500

	}



}





.more a {

	display: block;

	width: 160px;

	margin-top: 30px;

	background: #025aa2;

	color: #fff;

	border-radius: 20px 0 20px 0;

	box-sizing: border-box;

	line-height: 45px;

	text-align: center;

	font-size: 14px;

	transition: all 0.6s

}



.more a:hover {

	transform: translateY(-10px);

	background: #1e70b8;

	color: #fff;

	transition: all 0.6s

}





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



@media only screen and (max-width:992px) {

	.more a {

		display: block;

		width: 100px;

		margin-top: 10px;

		background: #025aa2;

		color: #fff;

		border-radius: 13px 0 13px 0;

		box-sizing: border-box;

		line-height: 30px;

		text-align: center;

		font-size: 12px;

		transition: all 0.6s

	}



}





.anli {

	width: 96%;

	max-width: 1400px;

	overflow: hidden;

	margin: 0 auto

}



.anli ul {

	position: relative;

	margin: 0 -10px

}



.anli ul li {

	float: left;

	width: 33.33%;

	padding: 10px;

	box-sizing: border-box;

	position: relative;

}



.anli ul li i {

	display: block;

	width: 100%;

	padding-bottom: 60%;

	position: relative

}



.anli ul li i img {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0

}



.anli ul li h3 {

	display: block;

	position: absolute;

	bottom: 10px;

	background-color: rgba(0, 0, 0, 0.7);

	color: #fff;

	width: calc(100% - 20px);

	text-align: center;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	line-height: 50px;

	font-size: 16px;

	font-weight: normal;

	transition: all 0.6s;

}



.anli ul li:hover h3 {

	opacity: 0;

	transition: all 0.6s;

}



.anli ul li .anlizi {

	position: absolute;

	width: calc(100% - 20px);

	height: calc(100% - 20px);

	background: rgba(32, 140, 187, 0.9);

	z-index: 2;

	display: flex;

	align-items: center;

	text-align: center;

	flex-direction: column;

	justify-content: center;

	opacity: 0;

	transition: all 0.6s;

	transform: rotateY(180deg) scale(0.5, 0.5);

}



.anli ul li .anlizi em {

	display: block;

	border: #fff 1px solid;

	border-radius: 100px;

	width: 40px;

	height: 40px;

	display: flex;

	align-items: center;

	text-align: center;

	flex-direction: column;

	justify-content: center;

	color: #fff;

	font-size: 20px;

	font-style: normal

}



.anli ul li .anlizi p {

	display: block;

	color: #fff;

	font-size: 16px;

	width: 90%;

	margin: 0 auto;

	margin-top: 20px

}



.anli ul li:hover .anlizi {

	opacity: 1;

	transition: all 0.6s;

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transform: rotateY(0deg) scale(1, 1);

	-moz-transform: rotateY(0deg) scale(1, 1);

	-ms-transform: rotateY(0deg) scale(1, 1);

	-o-transform: rotateY(0deg) scale(1, 1);

	transform: rotateY(0deg) scale(1, 1);

}



@media only screen and (max-width:1200px) {

	.anli {

		margin: 0 auto

	}



	.anli ul li h3 {

		bottom: 5px;

		width: calc(100% - 10px);

		line-height: 25px

	}



}



@media only screen and (max-width:992px) {

	.anli ul {

		position: relative;

		margin: 0 -5px

	}



	.anli ul li {

		float: left;

		width: 50%;

		padding: 5px;

	}



	.anli ul li h3 {

		font-size: 12px;

		line-height: 25px

	}



	.anli ul li:hover .anlizi {

		opacity: 0

	}



	.anli ul li:hover h3 {

		opacity: 1;

		transition: all 0.6s;

	}

}



.yingyong {

	width: 96%;

	max-width: 1400px;

	overflow: hidden;

	margin: 0 auto

}



.yingyong ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.yingyong ul li {

	position: relative;

	height: 300px;

	width: 32%;

	overflow: hidden

}



.yingyong ul li img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.6s

}



.yingyong ul li:nth-child(1) {

	width: 49%;

	margin-bottom: 30px

}



.yingyong ul li:nth-child(2) {

	width: 49%;

	margin-bottom: 30px

}



.yingyong ul li .yyzi {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 30px;

	box-sizing: border-box;

	width: 100%;

	height: auto;

	background-image: linear-gradient(180deg, transparent, #000);

	z-index: 1

}



.yingyong ul li .yyzi h3 {

	display: block;

	font-size: 20px;

	color: #fff

}



.yingyong ul li .yyzi p {

	display: none

}





.yingyong ul li:hover {

	background: #000;

}



.yingyong ul li:hover img {

	transform: scale(1.1, 1.1);

	opacity: 0.1;

	transition: all 0.6s

}



.yingyong ul li:hover .yyzi {

	background: none;

	top: 50%;

	bottom: auto;

	transform: translateY(-50%);

	text-align: center

}



.yingyong ul li:hover .yyzi h3:after {

	content: "";

	display: block;

	width: 2px;

	background: #fff;

	height: 20px;

	margin: 10px auto;

}



.yingyong ul li:hover .yyzi p {

	display: block;

	font-size: 14px;

	line-height: 25px;

	color: #fff

}





@media only screen and (max-width:992px) {

	.yingyong ul {

		width: 96%;

		margin: 0 auto

	}



	.yingyong ul li {

		height: 200px;

		width: 49%;

		overflow: hidden;

		margin-bottom: 15px

	}



	.yingyong ul li:nth-child(1) {

		width: 100%;

		margin-bottom: 15px

	}



	.yingyong ul li:nth-child(2) {

		margin-bottom: 15px

	}



	.yingyong ul li:hover .yyzi p {

		display: none;

	}



	.yingyong ul li:hover .yyzi h3:after {

		content: none;

	}



	.yingyong ul li .yyzi {

		padding: 15px;

	}



	.yingyong ul li .yyzi h3 {

		font-size: 16px;

		text-align: center

	}



	.yingyong ul li:hover .yyzi {

		position: absolute;

		bottom: 0;

		left: 0;

		padding: 30px;

		box-sizing: border-box;

		width: 100%;

		height: auto;

		background-image: linear-gradient(180deg, transparent, #000);

		z-index: 99;

		transform: none;

	}



	.yingyong ul li:hover img {

		opacity: 1

	}





}





@media only screen and (max-width:600px) {





	.yingyong ul li {

		height: 120px;

	}





}





.sy5 {

	padding: 0 0 60px;

}



.sy_hz {

	width: 94%;

	margin: 0 auto;

	max-width: 1400px;

}



.sy_hz .hz_zs {

	position: relative;

}



.sy_hz .hz_zs .swiper-button-prev {

	width: 35px;

	height: 35px;

	background: url(../images/jiantzuo.png) no-repeat center;

	left: -45px;

	margin-top: -17px;

	opacity: .6;

	background-size: 35px 35px;

	-webkit-background-size: 35px 35px;

	-moz-background-size: 35px 35px;

	-ms-background-size: 35px 35px;

	-o-background-size: 35px 35px;

}



.sy_hz .hz_zs .swiper-button-next {

	width: 35px;

	height: 35px;

	background: url(../images/jiantyou.png) no-repeat center;

	right: -45px;

	margin-top: -17px;

	opacity: .6;

	background-size: 35px 35px;

	-webkit-background-size: 35px 35px;

	-moz-background-size: 35px 35px;

	-ms-background-size: 35px 35px;

	-o-background-size: 35px 35px;

}



.sy_hz .hz_zs .swiper-pagination {

	bottom: 0;

	display: none;

}



.sy_hz .hz_zs .swiper-pagination-bullet {

	background-color: #aaa;

}



.sy_hz .hz_zs .swiper-pagination-bullet-active {

	background-color: #1e70b8;

}



.sy_hz .hz_zs img {

	width: 100%;

	height: auto;

	display: block;

	border: #ddd 1px solid;

	box-sizing: border-box

}



@media only screen and (max-width:992px) {

	.sy_hz {

		padding: 30px 0;

	}



	.sy_hz .hz_zs .swiper-al {

		padding-bottom: 40px;

	}



	.sy_hz .hz_zs .swiper-button-prev {

		display: none;

	}



	.sy_hz .hz_zs .swiper-button-next {

		display: none;

	}



	.sy_hz .swiper-pagination {

		display: block;

	}

}





.cplb {

	width: 94%;

	margin: 0 auto;

	max-width: 1400px;

}



.cplb li {

	float: left;

	width: 49%;

	margin-right: 2%;

	border: #eee 1px solid;

	box-sizing: border-box;

	margin-bottom: 20px

}



.cplb li:nth-child(2n) {

	margin-right: 0;

}



.cplb .t_p {

	float: left;

	width: 50%

}



.cplb .t_p img {

	float: left;

	width: 100%

}



.cplb .w_z {

	width: 48%;

	float: right;

	height: auto;

	overflow: hidden;

	margin-right: 2%;

	text-align: justify

}



.cplb .w_z h1 {

	font-size: 22px;

	line-height: 32px;

	text-align: left;

	color: #025aa2;

	line-height: 60px;

	margin-top: 20px

}



.cplb .w_z p {

	line-height: 26px;

	font-size: 15px;

	color: #464646;

}



.cplb .w_z span {

	margin-top: 25px;

	display: block

}



.cplb .w_z span a {

	display: block;

	background: #1e70b8;

	width: 140px;

	color: #fff;

	line-height: 36px;

	border-radius: 20px;

	text-align: center;

	font-size: 14px;

	transition: all 0.6s

}



.cplb .w_z span a:hover {

	background: #1e70b8;

	transition: all 0.6s

}







.pc_kf {

	width: 50px;

	position: fixed;

	right: 15px;

	bottom: 60px;

	z-index: 99999;

}



.pc_kf .nr {

	font-size: 18px;

	text-align: center;

	line-height: 50px;

	margin-bottom: 10px;

	position: relative;

}



.pc_kf .tel {

	min-width: 160px;

	background-color: #1e70b8;

	font-size: 18px;

	line-height: 50px;

	color: #fff;

	position: absolute;

	top: 0;

	right: -160px;

	opacity: 0;

	padding: 0 15px;

}



.pc_kf .nr:hover .tel {

	right: 56px;

	opacity: 1;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.pc_kf .ewm {

	width: 130px;

	padding: 10px 10px 0;

	background-color: #1e70b8;

	position: absolute;

	bottom: 0;

	right: -180px;

	opacity: 0;

}



.pc_kf .ewm img {

	width: 100%;

	height: auto;

	display: block;

	margin-bottom: 10px;

}



.pc_kf .ewm p {

	font-size: 14px;

	color: #fff;

	line-height: 16px;

	margin-bottom: 10px;

}



.pc_kf .nr:hover .ewm {

	right: 56px;

	opacity: 1;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.pc_kf .nr a {

	display: block;

	width: 50px;

	height: 50px;

	background-color: #1e70b8;

	border-radius: 5px;

	overflow: hidden;

}



.pc_kf .nr i {

	color: #fff;

	font-size: 18px

}



.pc_kf .nr i.icon-dianhua2 {

	font-size: 22px;

}



.pc_kf .nr i.icon-youxiang {

	font-size: 22px;

}



.pc_kf .fh {

	width: 50px;

	height: 50px;

	border-radius: 5px;

	background-color: #1e70b8;

	text-align: center;

	line-height: 50px;

	color: #fff;

	cursor: pointer;

}



.pc_kf .fh i {

	font-size: 20px;

	font-weight: bold;

}



@media only screen and (max-width:1280px) {

	.pc_kf {

		width: 50px;

		position: fixed;

		right: 10px;

		bottom: 30px;

		z-index: 99999;

	}

}



@media only screen and (max-width:992px) {

	.pc_kf {

		right: 10px;

		bottom: 10px;

	}

}



@media only screen and (max-width:640px) {

	.pc_kf {

		width: 100%;

		background-color: #1e70b8;

		position: fixed;

		right: 0;

		bottom: 0;

	}



	.pc_kf .nr {

		width: 25%;

		border-right: 1px solid rgba(255, 255, 255, .6);

		font-size: 20px;

		background: none;

		box-shadow: none;

		margin-bottom: 0;

		float: left;

		box-sizing: border-box

	}



	.pc_kf .tel {

		display: none;

	}



	.pc_kf .ewm {

		display: none;

	}



	.pc_kf .nr a {

		display: block;

		width: 100%;

		border-radius: 0;

		background-color: #1e70b8;

		box-shadow: none;

	}



	.pc_kf .nr i {

		color: #fff;

	}



	.pc_kf .nr a:hover i {

		color: #fff;

	}



	.pc_kf .fh {

		width: 25%;

		box-shadow: none;

		font-size: 22px;

		float: left;

		border-radius: 0px;

	}

}





.e_m {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	background-color: rgba(0, 0, 0, .9);

	z-index: 99999;

	display: none;

}



.e_m .n_r {

	width: 200px;

	padding: 10px;

	background-color: #fff;

	position: absolute;

	top: 50%;

	left: 50%;

	text-align: center;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

}



.e_m .n_r img {

	width: 100%;

	height: auto;

	display: block;

}



.e_m .n_r p {

	font-size: 15px;

	color: #888;

	margin-top: 10px;

}



@media only screen and (max-width:640px) {

	.e_m .n_r {

		width: 260px;

		padding: 15px;

	}



	.e_m .n_r p {

		font-size: 14px;

	}

}





.lx1 {

	width: 100%;

	margin: 0 auto;

}



.lx1 ul li {

	float: left;

	width: 32%;

	margin-right: 2%;

	text-align: center;

	box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);

	padding: 40px;

	box-sizing: border-box;

	transition: all 0.6s

}



.lx1 ul li:hover {

	background: #1e70b8;

	color: #fff;

	transition: all 0.6s

}



.lx1 ul li:hover p {

	color: #fff

}



.lx1 ul li:last-child {

	margin-right: 0;

}



.lx1 ul li i {

	display: block;

	width: 85px;

	height: 85px;

	background: #f5f5f5;

	line-height: 85px;

	text-align: center;

	margin: 0 auto;

	border-radius: 50%;

	font-size: 35px;

	color: #1e70b8

}



.lx1 ul li h3 {

	font-size: 23px;

	font-weight: 500;

	margin: 20px 0;

}



.lx1 ul li p {

	font-size: 16px;

	color: #4f555a;

	line-height: 25px;

	min-height: 50px;



}



.lx_dt {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 50px auto;

}



.lx_dt img {

	width: 100%

}



@media only screen and (max-width: 1440px) {

	.lx1 {

		width: 98%;

		margin: 0 auto;

	}



	.lx_dt {

		width: 98%;

	}

}



@media only screen and (max-width: 992px) {

	.lx1 ul li {

		float: none;

		width: 100%;

		margin-right: 0;

		padding: 20px;

	}



	.lx1 ul li i {

		width: 50px;

		height: 50px;

		line-height: 50px;

		font-size: 25px;

	}



	.lx1 ul li h3 {

		font-size: 16px;

		font-weight: 500;

		margin: 10px 0;

	}



	.lx1 ul li p {

		font-size: 12px;

		color: #4f555a;

		line-height: 23px;

		min-height: inherit

	}



}



.hei {

	height: auto;

	overflow: hidden;

	padding: 40px 0;

	background: #fafafa

}



.lx_bd {

	height: auto;

	overflow: hidden;

	margin: 50px auto 70px

}



.lx_bd .row {

	margin: 0;

	background: #fafafa;

	justify-content: space-between;

	height: auto;

	overflow: hidden

}



.lx_bd .b_t {

	text-align: center;

	margin-bottom: 50px;

}



.lx_bd .b_t h3 {

	font-size: 34px;

	color: #000;

	font-weight: bold;

	line-height: 50px;

	margin-bottom: 6px;

}



.lx_bd .b_t h4 {

	font-size: 16px;

	color: #777;

	line-height: 26px;

}



.lx_bd .t_p {

	width: 45%;

	float: left

}



.lx_bd .t_p img {

	width: 100%

}



.lx_bd .b_d {

	width: 50%;

	padding: 10px 50px 0 0;

	float: right;

	box-sizing: border-box;

}



.lx_bd .b_d ul {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.lx_bd .b_d ul li {

	width: 45%;

	margin-top: 20px;

	position: relative;

}



.lx_bd .b_d ul li.q_b {

	width: 100%;

}



.lx_bd .b_d input {

	width: 100%;

	height: 61px;

	border: 0;

	border-bottom: 1px solid #ddd;

	font-size: 15px;

	line-height: 60px;

	color: #333;

	display: block;

	background: none

}



.lx_bd .b_d input::placeholder {

	color: #999;

}



.lx_bd .b_d textarea {

	width: 100%;

	height: 122px;

	padding-top: 17px;

	border: 0;

	border-bottom: 1px solid #ddd;

	font-size: 15px;

	line-height: 26px;

	color: #333;

	resize: none;

	background: none;

	display: block;

	font-family: "΢ÈíÑźÚ"

}



.lx_bd .b_d textarea::placeholder {

	color: #999;

}



.lx_bd .b_d button {

	width: 160px;

	height: 50px;

	border: 0;

	background-color: #1e70b8;

	font-size: 16px;

	line-height: 50px;

	color: #fff;

	margin-top: 20px;

	margin-right: 20px;

	outline: none;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.lx_bd .b_d button.c_z {

	background-color: #888;

}



.lx_bd .b_d button:hover {

	background-color: #098b9d;

}



.lx_bd .b_d button.c_z:hover {

	background-color: #2b2b2b;

}



@media only screen and (max-width:1440px) {

	.lx_bd {

		height: auto;

		overflow: hidden;

		margin: 50px auto;

		width: 98%

	}



	.lx_bd .b_t {

		margin-bottom: 40px;

	}



	.lx_bd .b_t h3 {

		font-size: 26px;

		line-height: 32px;

	}



	.lx_bd .b_d {

		width: 50%;

	}



	.lx_bd .b_d ul li {

		width: 47%;

		margin-top: 10px;

	}



	.lx_bd .b_d input {

		height: 51px;

		font-size: 14px;

		line-height: 50px;

	}



	.lx_bd .b_d textarea {

		height: 99px;

		padding-top: 10px;

		font-size: 14px;

		line-height: 22px;

	}



	.lx_bd .b_d button {

		width: 140px;

		height: 46px;

		font-size: 15px;

		line-height: 46px;

		margin-top: 15px;

		margin-right: 15px;

	}

}



@media only screen and (max-width:640px) {

	.lx_bd {

		height: auto;

		overflow: hidden;

		margin: 20px auto;

		width: 98%;

	}



	.lx_bd .b_t {

		margin-bottom: 30px;

	}



	.lx_bd .b_t h3 {

		font-size: 16px;

		line-height: 30px;

		padding: 0 10px;

	}



	.lx_bd .b_t h4 {

		font-size: 12px;

		line-height: 22px;

	}



	.lx_bd .t_p {

		display: block;

		width: 100%

	}



	.lx_bd .b_d {

		width: 100%;

		padding: 20px;

	}



	.lx_bd .b_d ul li {

		width: 100%;

	}



	.lx_bd .b_d button {

		width: 100px;

		font-size: 14px;

		height: 36px;

		line-height: 36px

	}

}



.zpbt {

	padding-left: 100px;

	background: #1e70b8;

	color: #fff;

	font-size: 16px;

	overflow: hidden;

	line-height: 50px;

}



.zp1 {

	float: left;

	width: calc(100% - 700px)

}



.zp2 {

	float: left;

	width: 240px;

	text-align: center

}



.zp3 {

	float: left;

	width: 240px;

	text-align: center

}



.zp4 {

	float: left;

	width: 220px;

	text-align: center

}



.zpbt p {

	display: block;

	float: left;

}



.zp4 a {

	display: block;

	color: #666;

	font-size: 14px;

	border: #e1e1e1 1px solid;

	width: 120px;

	height: 35px;

	line-height: 35px;

	margin: 0 auto;

	border-radius: 5px;

	transition: all 0.6s

}



.zp4 a:hover {

	background: #1e70b8;

	color: #fff;

	transition: all 0.6s

}



.zhaopin {

	height: auto;

	overflow: hidden;

	padding-bottom: 50px

}



.zhaopin .conbox .conTop {

	display: block;

	padding: 0;

	font-size: 16px;

	color: #333;

	border: none;

	margin: 0;

	position: relative;

	border-bottom: #e1e1e1 1px solid;

	cursor: pointer;





	padding: 15px 0;

	padding-left: 100px;

	font-weight: bold;

	overflow: hidden;

	line-height: 35px

}



.zhaopin .conbox .conTop:before {

	content: "\e627";

	font-family: "iconfont";

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 0px;

	transform: translateY(-50%);

	transition: all 0.5s ease 0s;

	background: #fff;

	color: #1e70b8;

	border: #1e70b8 1px solid;

	box-sizing: border-box

}



.zhaopin .conbox.cur .conTop:before {

	content: "\e613";

	font-family: "iconfont";

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	position: absolute;

	top: 50%;

	left: 0px;

	transform: translateY(-50%);

	transition: all 0.5s ease 0s;

	background: #1e70b8;

	color: #fff;

	border: 0

}







.zhaopin .conbox .boxBot {

	display: none;

	padding: 0px;

	font-size: 14px;

	line-height: 30px;

	color: #666;

	background: #f8f8f8;

	padding: 30px;

	box-sizing: border-box

}



.zhaopin .conbox.cur .conTop {

	border: 0

}



.zhaopin .conbox.cur .boxBot {

	display: block;

}



.gwzz {

	overflow: hidden

}



.gwzz ul li {

	float: left;

	width: 48%;

	margin-right: 4%;

}



.gwzz ul li:nth-child(2n) {

	margin-right: 0;

}



.gwzz ul li h3 {

	font-weight: bold;

	font-size: 16px;

	color: #333;

	margin-bottom: 10px

}



.zplx {

	margin-top: 20px;

	color: #1e70b8;

	font-weight: bold;

	text-align: right

}



@media only screen and (max-width:1440px) {



	.zhaopin {

		height: auto;

		overflow: hidden;

		padding-bottom: 50px;

		width: 98%;

		margin: 0 auto

	}



}



@media only screen and (max-width:992px) {

	.zpbt {

		font-size: 14px;

		padding-left: 30px;

	}



	.zpbt .zp2 {

		display: none

	}



	.zp1 {

		float: left;

		width: calc(100% - 170px)

	}



	.zp2 {

		float: left;

		width: 80px;

		text-align: center;

		display: none;

	}



	.zp3 {

		float: left;

		width: 90px;

		text-align: center

	}



	.zp4 {

		float: left;

		width: 80px;

		text-align: center

	}



	.zhaopin .conbox .conTop {

		font-size: 14px;

		padding: 10px 0;

		padding-left: 30px;

		line-height: 25px

	}



	.zp4 a {

		font-size: 12px;

		width: 70px;

		height: 25px;

		line-height: 25px;

	}



	.gwzz ul li {

		float: none;

		width: 100%;

		margin-right: 0;

		margin-bottom: 15px

	}



	.gwzz ul li h3 {

		font-weight: bold;

		font-size: 14px;

		color: #333;

		margin-bottom: 10px

	}



	.gwzz ul li p {

		font-size: 12px;

		line-height: 20px;

	}



	.zhaopin .conbox .boxBot {

		padding: 10px;

	}





	.zhaopin .conbox .conTop:before {

		width: 20px;

		height: 20px;

		line-height: 20px;

		font-size: 12px

	}



	.zhaopin .conbox.cur .conTop:before {

		width: 20px;

		height: 20px;

		line-height: 20px;

		font-size: 12px

	}





}



.wenhua {

	margin-bottom: 50px;

	height: auto;

	overflow: hidden

}



.wenhua ul {

	width: 100%;

	margin: 0 auto;

	max-width: 1400px

}



.wenhua ul li {

	background: #fafafa;

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 40px

}



.wenhua ul li:nth-child(2) {

	flex-direction: row-reverse;

}



.wenhua ul li i {

	width: 50%;

}



.wenhua ul li i img {

	width: 100%;

	height: auto

}



.wenhua ul li .wh1 {

	width: 50%;

	padding: 0 100px;

	box-sizing: border-box;

	text-align: center

}



.wenhua ul li .wh1 h3 {

	display: block;

	color: #1e70b8;

	font-size: 30px;

	font-weight: bold

}



.wenhua ul li .wh1 em {

	display: block;

	width: 50px;

	height: 3px;

	background: #1e70b8;

	margin: 15px auto

}



.wenhua ul li .wh1 p {

	font-size: 16px;

	color: #666666;

	line-height: 40px;

	display: block;

	margin-top: 20px

}



@media only screen and (max-width:1440px) {



	.wenhua ul {

		width: 98%;

		margin: 0 auto;

		max-width: inherit

	}



}



@media only screen and (max-width:1200px) {

	.wenhua ul li .wh1 h3 {

		font-size: 30px;

		font-weight: bold

	}



	.wenhua ul li .wh1 p {

		font-size: 16px;

		color: #666666;

		line-height: 40px

	}



}





@media only screen and (max-width:995px) {



	.wenhua ul li {

		margin-bottom: 20px

	}



	.wenhua ul li .wh1 {

		padding: 0 20px

	}



	.wenhua ul li .wh1 h3 {

		font-size: 20px;

		font-weight: bold

	}



	.wenhua ul li .wh1 p {

		font-size: 14px;

		color: #666666;

		line-height: 25px;

		margin-top: 15px

	}



}



@media only screen and (max-width:500px) {

	.wenhua ul li {

		display: block

	}



	.wenhua ul li i {

		width: 100%;

	}



	.wenhua ul li .wh1 {

		padding: 20px;

		width: 100%

	}



	.wenhua ul li .wh1 h3 {

		font-size: 16px;

		font-weight: bold

	}



	.wenhua ul li .wh1 p {

		font-size: 14px;

		color: #666666;

		line-height: 25px

	}



	.wenhua ul li .wh1 em {

		width: 30px

	}

}







.cj_wt ul li {

	border-bottom: 1px dotted #ddd;

	padding-bottom: 20px;

	margin-bottom: 20px;

}



.cj_wt .w_t {

	padding-left: 46px;

	font-size: 16px;

	line-height: 36px;

	color: #333;

	position: relative;

	cursor: pointer;

}



.cj_wt ul li.on .w_t {

	color: #1e70b8;

}



.cj_wt .w_t span {

	width: 30px;

	height: 30px;

	background-color: #aaa;

	font-size: 15px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	position: absolute;

	top: 3px;

	left: 0;

}



.cj_wt ul li.on .w_t span {

	background-color: #1e70b8;

}



.cj_wt .j_d {

	padding: 5px 0 0 46px;

	font-size: 14px;

	line-height: 26px;

	color: #555;

	position: relative;

	margin-top: 10px;

	display: none;

}



.cj_wt .j_d span {

	width: 30px;

	height: 30px;

	background-color: #1e70b8;

	font-size: 15px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	position: absolute;

	top: 3px;

	left: 0;

}



.wt_ss {

	width: 372px;

	border-radius: 25px;

	border: 1px solid #ddd;

	margin: 30px 0;

	float: left;

}



.wt_ss input {

	width: 300px;

	height: 50px;

	padding-left: 15px;

	font-size: 14px;

	line-height: 50px;

	color: #555;

	float: left;

}



.wt_ss input::placeholder {

	color: #999;

}



.wt_ss button {

	width: 70px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: #000;

	float: right;

}



.wt_ss button i {

	font-size: 26px;

}





.gs_js {

	width: 100%;

	padding: 40px 0;

	background: url(../images/gy_bj.jpg) no-repeat center / cover;

	;

	overflow: hidden;

	position: relative;

}



.gs_js .container {

	width: 96%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	max-width: 1400px;

}



.gs_js .h_x {

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

}



.gs_js .h_x img {

	width: 100%;

	height: auto;

	display: block;

}



.gs_wz {

	line-height: 36px;

	color: #000;

	font-size: 16px;

	width: 100%

}

.gs_wz p img{max-width:100%;}

.gs_js .gs_wz h1 {

	font-size: 17px;

	font-weight: bold;

	margin-top: 20px

}



.gs_js .gs_sp {

	float: right;

	width: 38%

}



.gs_js .gs_sp img {

	width: 100%;

	height: auto;

	display: block;

}



@media only screen and (max-width:1440px) {



	.cj_wt {

		width: 98%;

		margin: 0 auto

	}



	.gs_js .container {

		width: 90%;

		margin: 0 auto;

		height: auto;

		overflow: hidden;

		max-width: inherit;

	}



}



@media only screen and (max-width:1360px) {

	.gs_js .container {

		width: 90%;

		margin: 0 auto;

		height: auto;

		overflow: hidden;

		max-width: inherit;

	}



}



@media only screen and (max-width:640px) {

	.gs_js {

		padding: 20px 0;

		margin-top: 0;

		z-index: 100;

	}



	.gs_js .gs_wz {

		width: 100%;

		font-size: 14px;

		line-height: 28px;

		float: none;

	}



	.gs_js .gs_sp {

		float: none;

		width: 100%;

		margin-top: 20px

	}



	.cj_wt .w_t {

		padding-left: 46px;

		font-size: 14px;

		line-height: 26px;

		color: #333;

		position: relative;

		cursor: pointer;

	}



}







.sy_hb {

	width: 94%;

	padding: 80px 0;

	overflow: hidden;

	max-width: 1400px;

	margin: 0 auto;

}



.sy_hb .hb_lb ul {

	border: 1px solid #f0f0f0;

	height: auto;

	overflow: hidden;

	box-sizing: border-box;

	border-top: 0

}



.sy_hb .hb_lb ul li {

	width: 20%;

	padding: 0 5px;

	border-right: 1px solid #f0f0f0;

	border-top: 1px solid #f0f0f0;

	background: #fff;

	float: left;

	box-sizing: border-box

}



.sy_hb .hb_lb ul li:nth-child(5n) {

	width: 20%;

	border-right: 0 solid #f0f0f0;

}



.sy_hb .hb_lb img {

	width: 80%;

	height: auto;

	display: block;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	margin: 10px auto

}



.sy_hb .hb_lb ul li:hover img {

	transform: scale(1.15);

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15)

}



@media only screen and (max-width:1440px) {

	.sy_hb {

		width: calc(90% - 10px);

		padding: 80px 0;

		overflow: hidden;

		max-width: inherit;

		margin: 0 auto

	}



}



@media only screen and (max-width:640px) {

	.sy_hb {

		padding: 20px 0;

	}



	.sy_hb .hb_lb ul li {

		width: 50%;

	}



	.sy_hb .hb_lb ul li:nth-child(even) {

		width: 50%;

	}



	.sy_hb .hb_lb ul li:nth-child(odd) {

		width: 50%;

		border-right: 1px solid #f0f0f0;

	}



}





.zgs_wz {

	height: auto;

	overflow: hidden

}



.zgs_wz h1 {

	text-align: center;

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 20px;

	color: #333;

	line-height: 26px;

}



.zgs_wz p {

	font-size: 16px;

	line-height: 36px

}



@media only screen and (max-width:992px) {

	.zgs_wz h1 {

		text-align: center;

		font-size: 18px;

		font-weight: bold;

		margin-bottom: 10px

	}



	.zgs_wz p {

		font-size: 14px;

		line-height: 28px

	}



}





.hz_al {

	width: 100%;

	padding: 30px 0 0

}



.hz_al .al_zs {

	width: 100%;

	background-color: #fff;

}



.hz_al .al_yq {

	padding: 0;

	position: relative;

}



.hz_al .al_yq img {

	width: 100%;

	height: auto;

	display: block;

}



.hz_al .al_yq .swiper-button-prev {

	width: 20px;

	height: 30px;

	background: rgba(255, 255, 255, .5) url(../images/zj1.png) no-repeat center;

	left: 0px;

	margin-top: -19px;

	background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-ms-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.hz_al .al_yq .swiper-button-prev:hover {

	background: #1e70b8 url(../images/zj.png) no-repeat center;

	background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-ms-background-size: 100% 100%;

	-o-background-size: 100% 100%;

}



.hz_al .al_yq .swiper-button-next {

	width: 20px;

	height: 30px;

	background: rgba(255, 255, 255, .5) url(../images/yj1.png) no-repeat center;

	right: 0px;

	margin-top: -19px;

	background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-ms-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.hz_al .al_yq .swiper-button-next:hover {

	background: #1e70b8 url(../images/yj.png) no-repeat center;

	background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	-ms-background-size: 100% 100%;

	-o-background-size: 100% 100%;

}



@media (min-width:1600px) {

	.hz_al .al_js {

		line-height: 32px;

		margin-bottom: 50px;

	}



	.hz_al .al_js h3 {

		font-size: 22px;

		color: #000;

		line-height: 32px;

		margin-bottom: 20px;

	}

}



@media only screen and (max-width:640px) {

	.hz_al {

		width: 100%;

		padding: 20px 0 10px

	}



	.hz_al .al_js {

		margin-bottom: 40px;

	}



	.hz_al .al_js h3 {

		font-size: 26px;

		line-height: 36px;

	}



	.hz_al .al_yq {

		padding: 0 30px;

	}

}



.fz_lc {

	width: 100%;

	padding: 0px 0 120px;

	background: url(../images/lc_bj.jpg) no-repeat bottom center;

	overflow: hidden;

}



.fz_lc h1 {

	font-size: 24px;

	line-height: 26px;

	color: #333;

	font-weight: bold;

	margin-bottom: 20px;

	text-align: center

}



.fz_lc p {

	font-size: 18px;

	line-height: 36px;

	color: #666;

	padding: 0 80px;

	text-align: center

}



.fz_lc .container {

	width: 96%;

	max-width: 1440px;

	margin: 0 auto

}



.fz_lc .n_r {

	text-align: center;

}



.fz_lc .n_r.n_a {

	margin-top: 320px;

}



.fz_lc .n_r.n_b {

	margin-top: 200px;

}



.fz_lc .n_r.n_c {

	margin-top: 120px;

}



.fz_lc .n_r.n_d {

	margin-top: 80px;

}



.fz_lc .n_r.n_e {

	margin-top: 70px;

}



.fz_lc .w_z {

	text-align: center

}



.fz_lc .w_z h1 {

	font-size: 18px;

	line-height: 26px;

	color: #333;

	font-weight: bold;

	margin-bottom: 10px

}



.fz_lc .w_z p {

	font-size: 16px;

	line-height: 26px;

	color: #666;

	padding: 0 20px

}



.fz_lc .n_f {

	display: inline-block;

	background-color: #1e70b8;

	padding: 0 25px;

	border-radius: 18px;

	font-size: 18px;

	font-weight: bold;

	color: #fff;

	line-height: 36px;

	margin: 10px auto;

}



.fz_lc .col-lg-3 {

	float: left;

	width: 25%

}



.fz_lc .col-lg-3:nth-child(2n) .n_f {

	background-color: #f88407;

}



.fz_lc .x_y {

	width: 12px;

	height: 12px;

	border-radius: 50%;

	margin: 0 auto;

	background-color: #adbaca;

}



.fz_lc .s_x {

	width: 2px;

	height: 80px;

	margin: 0 auto;

	background-color: #adbaca;

}



.fz_lc .d_y {

	width: 26px;

	height: 26px;

	border-radius: 50%;

	background-color: #1e70b8;

	margin: 0 auto;

}



.fz_lc .col-lg-3:nth-child(2n) .d_y {

	background-color: #f88407;

}



@media only screen and (max-width:992px) {

	.fz_lc {

		padding: 0px 0 20px;

		background: none;

	}



	.fz_lc h1 {

		font-size: 18px;

		line-height: 26px;

		color: #333;

		font-weight: bold;

		margin-bottom: 10px;

		text-align: center

	}



	.fz_lc p {

		font-size: 14px;

		line-height: 24px;

		color: #666;

		padding: 0 20px;

		text-align: center;

		margin-bottom: 20px

	}



	.fz_lc .container {

		width: 96%;

		max-width: inherit;

		margin: 0 auto

	}



	.fz_lc .col-lg-3 {

		float: none;

		width: 100%

	}



	.fz_lc .n_r {

		text-align: left;

		margin-top: 0 !important;

		margin-bottom: 30px;

		position: relative;

	}



	.fz_lc .w_z {

		font-size: 20px;

		line-height: 36px;

		left: 80px;

		top: 50px;

		position: absolute;

		text-align: left

	}



	.fz_lc .w_z h1 {

		font-size: 15px;

		line-height: 26px;

		color: #333;

		font-weight: bold;

		margin-bottom: 0px;

		text-align: left

	}



	.fz_lc .w_z p {

		font-size: 13px;

		line-height: 26px;

		color: #666;

		padding: 0;

		text-align: left

	}



	.fz_lc .n_f {

		display: block;

		padding: 0;

		width: 120px;

		border-radius: 25px;

		font-size: 16px;

		text-align: center;

		line-height: 30px;

		margin: 0 0 10px;

	}



	.fz_lc .x_y {

		width: 12px;

		height: 12px;

		border-radius: 50%;

		margin: 0 0 0 54px;

	}



	.fz_lc .s_x {

		width: 2px;

		height: 90px;

		margin: 0 0 0 59px;

	}



	.fz_lc .d_y {

		margin: 0 0 0 50px;

		width: 20px;

		height: 20px;

	}

}



.zw {

	line-height: 30px;

	padding: 15px 0;

	min-height: 350px;

	color: #555555;

	font-size: 14px;

}



.zw a:link {

	color: #555555;

}



.zw a:visited {

	color: #555;

}



.zw a:hover {

	color: #FF6205;

}



.zw a:active {

	color: #555555;

}



.zw img {

	max-width: 100%;



	width: expression(document.body.clientWidth>100%?"100%":"auto");



}



.xiaocms-page {

	clear: both;

	text-align: center;

}



.xiaocms-page span {

	margin: 0 3px;

	border: 1px solid #1e70b8;

	line-height: 35px;

	padding: 0 15px;

	background: #1e70b8;

	color: #FFFFFF;

	display: inline-block;

}



.xiaocms-page a {

	margin: 0 3px;

	border: 1px solid #eee;

	line-height: 35px;

	background: #fff;

	display: block;

	color: #333;

	padding: 0 15px;

	display: inline-block;

}



.xiaocms-page a:hover {

	margin: 0 3px;

	border: 1px solid #1e70b8;

	line-height: 35px;

	background: #1e70b8;

	color: #fff;

	padding: 0 15px;

	display: inline-block;

}



.lm_bt {

	height: 51px;

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 20px;

	width: 100%

}



.lm_bt .m_c {

	font-size: 18px;

	color: #333;

	line-height: 40px;

	padding-bottom: 10px;

	border-bottom: 2px solid #1e70b8;

	display: inline-block;

	font-weight: bold

}



.ny_cp {

	width: 94%;

	margin: 40px auto;

	max-width: 1380px;

}



.ny_cp .ny_lm {

	background: #1e70b8;

	text-align: left;

	padding-top: 8px;

	padding-left: 5px;

	width: 100%;

	box-sizing: border-box;

	float: left;

	width: 24%

}



.ny_cp .ny_lm .b_t {

	margin: 10px 5px 15px;

}



.ny_cp .ny_lm .b_t h1 {

	font-size: 22px;

	line-height: 32px;

	color: #fff;

	padding-left: 13px

}



.ny_cp .ny_lm .b_t h4 {

	font-size: 16px;

	line-height: 30px;

	color: #fff;

	font-family: Arial;

	text-transform: uppercase;

}



.ny_cp .ny_lm .b_t em {

	width: 44px;

	height: 0px;

	margin: 8px 0 5px;

	background-color: #fff;

	display: block;

}



.ny_cp .con {

	width: 96%;

	max-width: 1400px;

	overflow: hidden;

	margin: 0 auto;

}



.list {

	width: 100%;

	padding: 10px;

	background: #f5f5f5;

	margin: 0 auto;

	box-sizing: border-box

}



.list ul li {

	background: url(../images/yj1.png) no-repeat 10px 13px #fff;

	padding-left: 25px;

	background-size: 20px;

	margin-bottom: 1px;

}



.list ul li a {

	padding-left: 10px;

	color: #333;

	font-size: 16px;

	display: block;

	height: 46px;

	line-height: 46px;

	position: relative;

}



.list ul li .biaot {

	font-size: 14px;

}



.list ul li .biaot a {

	font-size: 14px;

	line-height: 36px;

	height: 36px;

	background: #fff url(../images/jtt.png) no-repeat left;

	padding-left: 20px

}



.list ul li a:hover {

	color: #1e70b8;

}



.list ul li .inactive {

	background: url(../images/off.png) no-repeat 234px center;

}



.list ul li .inactives {

	background: url(../images/on.png) no-repeat 234px center;

}



.list ul li ul {

	display: none;

}



.list ul li ul li {

	border-left: 0;

	border-right: 0;

	background-color: #f6f6f6;

	border-color: #ccc;

}



.list ul li ul li ul {

	display: none;

}



.list ul li ul li a {

	padding-left: 20px;

	color: #009a44;

	background: url(../images/biao2.png) no-repeat 10px center

}



.list ul li ul li ul li {

	background-color: #fafafa;

	border-color: #ccc;

}



.last {

	background-color: #d6e6f1;

	border-color: #6196bb;

}



.list ul li ul li ul li a {

	color: #009a44;

	padding-left: 40px;

	font-size: 13px;

	background: url(../images/biao2.png) no-repeat 20px center

}





@media only screen and (max-width:992px) {

	.ny_cp {

		width: 94%;

		margin: 20px auto;

		max-width: 1380px;

	}



	.ny_cp .ny_lm {

		padding: 10px;

		background: #1e70b8 url(../images/lm_bj.png) no-repeat top center / 100% auto;

		width: 100%;

		float: none;

		box-sizing: border-box

	}





}





.ny_bt {

	text-align: center;

	margin-bottom: 30px;

}



.ny_bt h3 {

	font-size: 28px;

	font-weight: bold;

	color: #000;

}



.ny_bt em {

	width: 50px;

	height: 4px;

	background-color: #1e70b8;

	margin: 15px auto 0;

	display: block;

}



@media only screen and (max-width:640px) {

	.ny_bt {

		margin-bottom: 20px;

	}



	.ny_bt h3 {

		font-size: 20px;

	}



	.ny_bt em {

		width: 40px;

		height: 4px;

		margin: 10px auto 0;

	}

}





.znkz {

	width: 100%;

	height: auto;

	padding: 20px 0 10px

}



.znkz li {

	float: left;

	width: 23.5%;

	margin-right: 2%;

	border: #ccc 1px dotted;

	box-sizing: border-box;

	margin-bottom: 2%

}



.znkz li:nth-child(4n) {

	margin-right: 0;

}



.znkz li h1 {

	font-size: 18px;

	line-height: 60px

}



.znkz li p {

	font-size: 13px;

	line-height: 26px;

	min-height: 80px

}



.znkz li .bj1 {

	background: #93c47d;

	color: #fff;

	box-sizing: border-box;

	padding: 30px;

}



.znkz li:hover .bj1 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.znkz li .bj2 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj2 {

	background: #76a5af;

	color: #fff;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.znkz li .bj3 {

	background: #e9974c;

	color: #fff;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj3 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.znkz li .bj4 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj4 {

	background: #2188ca;

	color: #fff;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}







.znkz li .bj5 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj5 {

	background: #8e7cc3;

	color: #fff;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.znkz li .bj6 {

	background: #4dadc2;

	color: #fff;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj6 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}





.znkz li .bj7 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj7 {

	background: #eb6a88;

	color: #fff;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}





.znkz li .bj8 {

	background: #c27ba0;

	color: #fff;

	box-sizing: border-box;

	padding: 30px

}



.znkz li:hover .bj8 {

	background: none;

	color: #333;

	box-sizing: border-box;

	padding: 30px;

	transform: translateY(10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}





@media only screen and (max-width:992px) {

	.znkz {

		width: 100%;

		height: auto;

		padding: 10px 0 10px

	}



	.znkz li {

		float: none;

		width: 100%;

		margin-right: 0;

		border: #ccc 1px dotted;

		box-sizing: border-box;

		margin-bottom: 2%

	}



	.znkz li:nth-child(4n) {

		margin-right: 0;

	}

}



.jjfa {

	background: #fbfbfb;

	padding: 50px 0;

	height: auto;

	overflow: hidden

}



.jjfa li {

	padding: 50px 20px 30px;

	border-radius: 10px;

	background-color: #fff;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	float: left;

	width: 49%;

	margin-right: 2%;

	box-sizing: border-box;margin-bottom: 20px;

}



.jjfa li:nth-child(2n) {

	margin-right: 0;

}



.jjfa li:hover {

	box-shadow: 0 8px 15px 0 rgba(95, 125, 158, .2);

	transform: translateY(-10px);

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-o-transform: translateY(-10px);

}



.jjfa li p {

	font-size: 14px;

	line-height: 28px;

	color: #888;

	padding-top: 20px

}



.jjfa li h1 {

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 10px;

	color: #000

}



.jjfa li span {

	color: #1e70b8;

	font-weight: bold;

	font-size: 14px

}



@media only screen and (max-width:992px) {

	.jjfa {

		background: #fbfbfb;

		padding: 20px 0 10px;

		height: auto;

		overflow: hidden

	}



	.jjfa li {

		padding: 20px;

		border-radius: 10px;

		background-color: #fff;

		transition: all .5s;

		-o-transition: all .5s;

		-ms-transition: all .5s;

		-moz-transition: all .5s;

		-webkit-transition: all .5s;

		float: left;

		width: 100%;

		margin-right: 0;

		box-sizing: border-box;

		margin-bottom: 20px

	}



	.jjfa li h1 {

		font-size: 18px;

		font-weight: bold;

		margin-bottom: 10px;

		color: #000

	}



	.jjfa li p {

		font-size: 14px;

		line-height: 26px;

		color: #888;

		padding-top: 20px

	}



}



.pro {

	width: 94%;

	max-width: 1380px;

	padding: 50px 0;

	margin: 0 auto

}



.pro ul {

	display: flex;

}





.pro ul li {

	float: left;

	width: 20%;

	border: #fff 2px solid;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

}



.pro ul li a {

	display: block;

}



.pro ul li i {

	display: block;

	width: 100%;

	height: 400px;

	overflow: hidden;

	position: relative;

}



.pro ul li i img {

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

	height: 100%;

	width: auto;

	transition: all 0.6s

}



.pro ul li .cpzi {

	position: absolute;

	width: 100%;

	top: 350px;

	z-index: 0;

	left: 0;

	text-align: center;

	padding: 0 40px;

	box-sizing: border-box;

	transition: all 0.6s;

	z-index: 99

}



.pro ul li .cpzi h3 {

	display: block;

	font-size: 20px;

	color: #fff;

	position: relative;

	z-index: 99

}



.pro ul li .cpzi em {

	display: block;

	width: 60px;

	height: 2px;

	background: #1e70b8;

	margin: 5px auto;

	position: relative;

	z-index: 99

}



.pro ul li:hover .cpzi {

	top: 50%;

	transform: translateY(-50%);

	transition: all 0.6s

}



.pro ul li:hover i img {

	transform: translateX(-45%);

	transition: all 0.6s

}



.pro ul li .cpzi p {

	display: block;

	color: #fff;

	font-size: 14px;

	margin: 30px 0;

	line-height: 25px;

	max-height: 75px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	position: relative;

	z-index: 9

}



.pro ul li .cpzi span a {

	display: block;

	background: #1e70b8;

	width: 120px;

	line-height: 35px;

	margin: 0 auto;

	text-align: center;

	color: #fff;

	transition: all 0.6s;

	position: relative;

	z-index: 9

}



.pro ul li .cpzi span a:hover {

	background: #1e70b8;

	color: #fff;

	transition: all 0.6s

}





.pro ul li:after {

	content: '';

	display: block;

	position: absolute;

	z-index: 9;

	top: 50%;

	left: 0;

	width: 100%;

	height: 200%;

	pointer-events: none;

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(11.7%, rgba(0, 0, 0, 0.009)), color-stop(22.1%, rgba(0, 0, 0, 0.034)), color-stop(31.2%, rgba(0, 0, 0, 0.072)), color-stop(39.4%, rgba(0, 0, 0, 0.123)), color-stop(46.6%, rgba(0, 0, 0, 0.182)), color-stop(53.1%, rgba(0, 0, 0, 0.249)), color-stop(58.9%, rgba(0, 0, 0, 0.32)), color-stop(64.3%, rgba(0, 0, 0, 0.394)), color-stop(69.3%, rgba(0, 0, 0, 0.468)), color-stop(74.1%, rgba(0, 0, 0, 0.54)), color-stop(78.8%, rgba(0, 0, 0, 0.607)), color-stop(83.6%, rgba(0, 0, 0, 0.668)), color-stop(88.7%, rgba(0, 0, 0, 0.721)), color-stop(94.1%, rgba(0, 0, 0, 0.762)), to(rgba(0, 0, 0, 0.79)));

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition: -webkit-transform calc(var(--d) * 2) var(--e);

	transition: -webkit-transform calc(var(--d) * 2) var(--e);

	transition: transform calc(var(--d) * 2) var(--e);

	transition: transform calc(var(--d) * 2) var(--e), -webkit-transform calc(var(--d) * 2) var(--e);

}





.pro ul li:hover:after {

	top: 0;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}



@media only screen and (max-width:992px) {

	.pro {

		width: 94%;

		max-width: 1380px;

		padding: 30px 0;

		margin: 0 auto

	}



	.pro ul {

		display: block;

	}



	.pro ul li {

		float: left;

		width: 100%;

		border: #fff 2px solid;

		box-sizing: border-box;

		position: relative;

		overflow: hidden;

	}



	.pro ul li i {

		display: block;

		width: 100%;

		height: 200px;

		overflow: hidden;

		position: relative;

	}



	.pro ul li i img {

		position: absolute;

		top: 0;

		left: 50%;

		transform: translateX(-50%);

		height: 100%;

		width: 100%;

		transition: all 0.6s

	}



	.pro ul li .cpzi {

		position: absolute;

		width: 100%;

		top: 160px;

		z-index: 0;

		left: 0;

		text-align: center;

		padding: 0 40px;

		box-sizing: border-box;

		transition: all 0.6s;

		z-index: 999

	}



	.pro ul li .cpzi h3 {

		display: block;

		font-size: 16px;

		color: #fff;

		position: relative;

		z-index: 99

	}



}







.lc_zs {

	text-align: center;

	margin: 0 auto;

	width: 94%;

	max-width: 1380px;

	padding: 50px 0;

	height: auto;

	overflow: hidden;

}



.lc_zs ul li {

	float: left;

	width: 14.2%

}



.lc_zs .t_b {

	width: 100px;

	height: 100px;

	padding: 3px;

	border: 1px solid #1e70b8;

	border-radius: 50%;

	margin: 20px auto 0;

	position: relative;

	transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

}



.lc_zs ul li:hover .t_b {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

}



.lc_zs .tb {

	width: 100px;

	height: 100px;

	background-position: top center;

	background-repeat: no-repeat;

	background-size: 100% auto;

	overflow: hidden;

	position: relative;

	z-index: 1;

}



.lc_zs .tb img {

	width: 100%

}



.lc_zs .t_b:before {

	width: 80%;

	height: 80%;

	content: "";

	border-radius: 50%;

	background-color: #1e70b8;

	position: absolute;

	top: 10%;

	left: 10%;

}



.lc_zs h4 {

	font-size: 16px;

	line-height: 26px;

	color: #333;

	padding-top: 10px

}



@media only screen and (max-width:992px) {

	.lc_zs {

		text-align: center;

		margin: 0 auto;

		width: 94%;

		max-width: 1380px;

		padding: 20px 0;

		height: auto;

		overflow: hidden

	}



	.lc_zs ul li {

		float: left;

		width: 33.33%

	}



	.lc_zs h4 {

		font-size: 14px;

		line-height: 26px;

		color: #333;

		padding-top: 5px

	}



	.lc_zs .t_b {

		width: 90px;

		height: 90px;

		padding: 3px;

		border: 1px solid #1e70b8;

		border-radius: 50%;

		margin: 10px auto 0;

		position: relative;

		transition: all .5s;

		-o-transition: all .5s;

		-ms-transition: all .5s;

		-moz-transition: all .5s;

		-webkit-transition: all .5s;

	}



	.lc_zs .tb {

		width: 90px;

		height: 90px;

		background-position: top center;

		background-repeat: no-repeat;

		background-size: 100% auto;

		overflow: hidden;

		position: relative;

		z-index: 1;

	}



}





.jnxy {

	text-align: center;

	margin: 0 auto;

	width: 94%;

	max-width: 1380px;

	padding: 50px 0;

	height: auto;

	overflow: hidden

}



.zb1 {

	float: left;

	width: 50%

}



.zb1 img {

	width: 100%

}



.yb1 {

	float: right;

	width: 45%;

	text-align: left

}



.yb1 h1 {

	font-size: 20px;

	font-weight: bold;

	margin-bottom: 10px

}



/* .yb1 span {

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 10px;

	display: block

} */



.yb1 p {

	font-size: 16px;

	line-height: 30px

}



.xx {

	width: 100%;

	height: 1px;

	background: #1e70b8;

	margin-top: 30px;

	margin-bottom: 30px

}



.wenzi {

	font-size: 16px;

	margin-top: 20px

}



.wenzi strong {

	color: #1e70b8;

	font-size: 20px

}



.wenzi em {

	font-size: 20px;

	color: #1e70b8

}



@media only screen and (max-width:992px) {

	.jnxy {

		text-align: center;

		margin: 0 auto;

		width: 94%;

		max-width: 1380px;

		padding: 20px 0;

		height: auto;

		overflow: hidden

	}



	.zb1 {

		float: none;

		width: 100%;

		margin-bottom: 10px

	}



	.zb1 img {

		width: 100%

	}



	.yb1 {

		float: none;

		width: 100%;

		text-align: left

	}



	.yb1 h1 {

		font-size: 18px;

		font-weight: bold;

		margin-bottom: 10px

	}



	.yb1 span {

		font-size: 16px;

		font-weight: bold;

		margin-bottom: 10px;

		display: block

	}



	.yb1 p {

		font-size: 15px;

		line-height: 26px

	}

}
.gd{
	display: block;
    height: 45px;
    text-align: center;
    width: 100%;
    max-width: 140px;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    background: #1e70b8;
    text-decoration: none;
    margin: 0 auto;
}
/*详情*/
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}
.imgOver{position: relative; }
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }

/* .ny_cp {width: 94%;margin: 40px auto;max-width: 1380px;}
.ncplb {width: 73%;float: right;}
.ny_cp .ny_lm {background: #1e70b8;text-align: left;padding-top: 8px;padding-left: 5px;width: 100%;box-sizing: border-box;float: left;width: 24%;}
.clear {overflow: hidden;clear: both;height: 0px;} */

.productDetailDiv .hd{align-items: flex-start;/* box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);border-radius: 20px;padding: 20px; */ }
.productDetailDiv .hd .leftDiv{width: 50%;}
.productDetailDiv .hd .rightDiv{width: 47%;}
.productDetailDiv .hd .leftDiv .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.productDetailDiv .hd .leftDiv .swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;}
.productDetailDiv .hd .leftDiv .swiper-slide .pic{padding-top: 71.5%;position: relative;width: 100%;}
.productDetailDiv .hd .leftDiv .swiper-slide .pic .imgDiv{position: absolute;width: calc(100% - 2px);height: calc(100% - 2px);overflow: hidden;left: 0;top: 0;display: flex;justify-content: center;align-items: center;border: 1px solid #c9c9c9; }
.productDetailDiv .hd .leftDiv .swiper-slide .pic .imgDiv img{max-width: 100%;max-height: 80%;}
.productDetailDiv .hd .leftDiv .gallery-top {/*height: 80%;*/width: 100%;}
/*.znwlListDiv .gallery-top .swiper-slide {height: 380px;}*/
.productDetailDiv .hd .leftDiv .smallDiv{position: relative;padding: 0 34px; }
.productDetailDiv .hd .leftDiv .gallery-thumbs {/*height: 20%;*/box-sizing: border-box;text-align: center;padding: 16px 10px;}
.productDetailDiv .hd .leftDiv .gallery-thumbs .swiper-slide {width: 25%;opacity: 1;}
.productDetailDiv .hd .leftDiv .gallery-thumbs .swiper-slide-thumb-active .imgDiv{opacity: 1;border: 1px solid #1e70b8; }
.productDetailDiv .hd .leftDiv .swiper-button-next, .productDetailDiv .swiper-button-prev{width: 34px;height: 100%;margin-top: 0px;top: 0;}
.productDetailDiv .hd .leftDiv .swiper-button-next{background: url(../images/right2.png) no-repeat right center/100%;right: 0;}
.productDetailDiv .hd .leftDiv .swiper-button-prev{background: url(../images/left1.png) no-repeat left center/100%;left: 0;}
.productDetailDiv .hd .rightDiv .title{font-size: 22px;font-weight: bold;border-bottom: 2px solid #333;padding-bottom: 25px;margin-bottom: 25px; }
.productDetailDiv .hd .rightDiv .p{color: #666666;line-height: 1.8;font-size: 14px;margin-bottom: 20px;padding-bottom: 20px; }
.productDetailDiv .hd .rightDiv .telDiv{font-size: 18px;border-bottom: 1px dashed #eee;padding-bottom: 20px;margin-bottom: 20px;flex-wrap: wrap; }
.productDetailDiv .hd .rightDiv .telDiv svg{margin-right: 5px; }
.productDetailDiv .hd .rightDiv .telDiv span{color: #333;font-size: 26px;font-family: Impact; }
.productDetailDiv .hd .rightDiv .btnDiv a{width: 150px;height: 40px;background: #626262;color: #fff;font-size: 16px;border-radius: 6px;font-weight: bold; }
.productDetailDiv .hd .rightDiv .btnDiv a:nth-child(1){margin-right: 10px;background: #1e70b8; }
.productDetailDiv .hd .rightDiv .btnDiv a svg{fill: #fff;margin-right: 5px; }
.productDetailDiv .hd .rightDiv .btnDiv a:hover{background: #1e70b8; }
.productDetailDiv .hd .rightDiv .btnDiv a:nth-child(1):hover{opacity: .9; }
.productDetailDiv .bd .itemDiv{margin-top: 30px; }
.productDetailDiv .bd .th{border-bottom: 1px solid #e5e5e5;color: #333; }
.productDetailDiv .bd .th span{width: 160px;height: 45px;background: #1e70b8;color: #fff;font-size: 18px;font-weight: bold;border-radius: 4px 4px 0 0; }
.productDetailDiv .bd .tb{padding: 20px 0; }
.productDetailDiv .bd .tb .introDiv{font-size: 16px;line-height: 1.8;color: #666; }
.productDetailDiv .bd .tb .xgcpDiv a{display: block;background: #1e70b8;padding: 10px 10px 20px;color: #fff;text-align: center; }
.productDetailDiv .bd .tb .xgcpDiv .imgDiv{padding-top: 100%;overflow: hidden; }
.productDetailDiv .bd .tb .xgcpDiv .titleDiv{margin-top: 20px;font-size: 18px;font-weight: bold; }
.productDetailDiv .bd .tb .formDiv form .row{flex-wrap: wrap; }
.productDetailDiv .bd .tb .formDiv form .row>div{margin-bottom: 20px; }
.productDetailDiv .bd .tb .formDiv form .row>div.col-12{width: 100%; }
.productDetailDiv .bd .tb .formDiv form .row>div.col-sm-6{width: calc(50% - 20px); }
.productDetailDiv .bd .tb .formDiv form .row>div .conDiv{width: 100%; }
.productDetailDiv .bd .tb .formDiv form .row>div .conDiv input{width: calc(100% - 40px);line-height: 44px;background: #fafafa;border: 0;padding: 0 20px;font-size: 16px; }
.productDetailDiv .bd .tb .formDiv form .row>div .conDiv textarea{width: calc(100% - 40px);height: 100px;background: #fafafa;border: 0;padding: 10px 20px;font-size: 16px;font-family: 微软雅黑; }
.productDetailDiv .bd .tb .formDiv form button{width: 100%;height: 45px;background: #1e70b8;color: #fff;font-size: 16px;font-weight: bold;border: 0;padding: 0;cursor: pointer; }
.productDetailDiv .bd .tb .xgcpDiv .swiper-container{padding-bottom: 50px;} 
@media only screen and (max-width:992px) {
		.productDetailDiv{margin-top: 40px; }
		.productDetailDiv .hd{display: block; }
		.productDetailDiv .hd .leftDiv{width: 100%; }
		.productDetailDiv .hd .rightDiv{width: 100%;margin-top: 20px; }
		.productDetailDiv .hd .rightDiv .title{font-size: 20px; }
		.productDetailDiv .hd .rightDiv .telDiv{font-size: 16px; }
		.productDetailDiv .hd .rightDiv .telDiv span{font-size: 22px; }
		.productDetailDiv .bd .tb .formDiv form .row>div.col-sm-6{width: 100%; }
		.ncplb .content .list-paddingleft-2{padding: 0;}
		/* .ncplb .content{overflow: auto;} */
		.ncplb ul li p{    white-space: unset;}
		.gb{display: none;}
		.ncplb .content table,.ncplb .content tbody,.ncplb .content table,.ncplb .content tr{width: 100%;}
		.ncplb .content table tr{width: 100%!important; height: auto!important;}
		.ncplb .content table tr td{white-space: normal;overflow-wrap: break-word; }
}