@charset "utf-8";
* {
	padding: 0px;
	margin: 0px;
}

body {
	font-size: 14px;
	color: #555;
	font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif;
}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {
	margin: 0;
	padding: 0;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	list-style: none;
}

input,
select,
button,
textarea {
	font-size: 14px;
	border: 0;
	background: none;
	outline: none;
	vertical-align: middle;
	font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif;
}

button {
	overflow: visible
}

img {
	border: none;
}

li {
	list-style: none;
}

a {
	color: #000;
	text-decoration: none;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

a:hover {
	color: #00b0f0;
	text-decoration: none !important;
}

.clear {
	overflow: hidden;
	clear: both;
	height: 0px;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background-color: #000;
}

::-webkit-scrollbar-thumb {
	background-color: #aaa;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #5b5b5b;
}

::-webkit-scrollbar-thumb:active {
	background-color: #00b0f0;
}

@media only screen and (max-width:992px) {
	body {
		font-size: 13px;
	}
	input,
	select,
	button,
	textarea {
		font-size: 13px;
	}
	input,
	textarea {
		-webkit-appearance: none;
		border-radius: 0;
	}
}

@media only screen and (max-width:992px) {
	html.on {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		overflow: hidden;
	}
}

body {
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}

@media only screen and (max-width:992px) {
	body.on {
		transform: translateX(-60%);
		-webkit-transform: translateX(-60%);
		-moz-transform: translateX(-60%);
		-ms-transform: translateX(-60%);
		-o-transform: translateX(-60%);
	}
}

@media only screen and (max-width:992px) {
	.sj_bj {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		z-index: 99999;
		display: none;
	}
}

.header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.header.on {
	box-shadow: 0 0 10px #ddd;
	background-color: #fff;
}

.header .logo {
	width: 304px;
	float: left;
	margin: 16px 0;
	position: relative;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.header.on .logo {
	margin: 16px 0;
}

.t_p img{
	width: 278px!important;
	height: 270px!important;
}
@media only screen and (max-width: 950px){
	.t_p img{
		width: 100%!important;
		height: 210px!important;
	}
}
.header .logo img {
	width: 100%;
	height: auto;
	display: block;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.heade.on .logo img {
	opacity: 0;
}

.header .logo img.d_w {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.header.on .logo img.d_w {
	opacity: 1;
}

.header .language {
	float: right;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #fff;
	margin-top: 34px;
	margin-left: 25px;
	cursor: pointer;
	position: relative;
	z-index: 9;
}

.header.on .language {
	color: #555;
}

.header .language .l_m i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}

.header .language .x_l {
	width: 120px;
	padding-top: 8px;
	position: absolute;
	top: 58px;
	left: 50%;
	margin-left: -60px;
	display: none;
}

.header .language .x_l:before {
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 8px solid #535352;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
}

.header .language .x_l ul {
	padding: 5px 15px;
	background-color: #535352;
}

.header .language .x_l ul li a {
	color: #ddd;
	line-height: 36px;
	display: block;
}

.header .language .x_l ul li a:hover {
	color: #00b0f0;
}

.header .s_ch {
	height: 32px;
	font-weight: bold;
	line-height: 91px;
	text-align: center;
	color: #555;
	margin-right: 15px;
	float: right;
	cursor: pointer;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.header.on .s_ch {
	color: #555;
}

.header .s_ch i {
	font-size: 22px;
}

.header .s_ch:hover {
	color: #00b0f0;
}

.header .an {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 15px;
	height: 22px;
	width: 30px;
	display: none;
}

.header .an span {
	width: 30px;
	height: 2px;
	background-color: #555;
	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: 0;
	left: 0;
}

.header .an span.a2 {
	top: 10px;
	left: 0;
}

.header .an span.a3 {
	top: 20px;
	left: 0;
}

.header .an.n span.a2 {
	display: none;
}

.header .an.n span.a1 {
	top: 10px;
	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: 10px;
	transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.header .tel {
	float: right;
	font-size: 22px;
	color: #0e95da;
	font-weight: normal;
	line-height: 88px;
}

.header .tel i {
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 5px;
}

.header .nav {
	float: right;
	margin-right: 14px;
}

.header .nav ul li {
	margin: 0 20px;
	float: left;
	position: relative;
}

.header .nav ul li:after {
	width: 0;
	height: 2px;
	background-color: #00b0f0;
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.header .nav ul li:hover:after {
	width: 100%;
}

.header .nav ul li.on:after {
	width: 100%;
}

.header .nav .y_j {
	position: relative;
}

.header .nav .y_j i {
	display: none;
}

.header .nav .y_j a {
	display: inline-block;
	font-size: 16px;
	color: #555;
	text-transform: uppercase;
	line-height: 91px;
}

.header.on .nav .y_j a {
	color: #555;
}

.header .nav ul li:hover .y_j a {
	color: #00b0f0;
}

.header .nav ul li.on .y_j a {
	color: #00b0f0;
}

.header .nav .e_j {
	width: 150px;
	padding: 10px 0;
	background: rgba(255, 255, 255, .8);
	box-shadow: 0 0 5px #aaa;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	visibility: hidden;
	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;
}

.header .nav ul li:hover .e_j {
	opacity: 1;
	visibility: inherit;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.header .nav .e_j a {
	font-size: 14px;
	line-height: 36px;
	text-align: center;
	display: block;
}

.header .nav .e_j a:hover {
	background: #00b0f0;
	color: #fff
}

@media only screen and (max-width:992px) {
	.header {
		background-color: #fff;
		position: relative;
		top: auto;
		left: auto;
	}
	.header.on {
		box-shadow: none;
	}
	.header .logo {
		width: 150px;
		margin: 12px 0 0 -5px;
	}
	.header.on .logo {
		margin: 12px 0 0 -5px;
	}
	.header .logo img {
		width: 100%;
		height: auto;
		display: block;
		opacity: 0;
		transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
	.header .logo img.d_w {
		opacity: 1;
	}
	.header .language {
		float: right;
		height: 32px;
		font-size: 15px;
		text-align: center;
		line-height: 32px;
		color: #fff;
		margin-top: 21px;
		margin-left: 0;
		margin-right: 50px;
		color: #555;
	}
	.header .s_ch {
		margin-top: 10px;
		margin-right: 30px;
		float: right;
		line-height: 30px;
		margin-left: 10px
	}
	.header .an {
		display: block;
		right: 10px;
	}
	.header .nav {
		width: 60%;
		height: 100%;
		padding: 10px 5% 0;
		margin: 0;
		background-color: #141414;
		height: 100%;
		position: fixed;
		top: 0;
		right: -60%;
		z-index: 9999;
		overflow: auto;
		transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
	.header .nav ul {
		width: 100%;
		float: none;
	}
	.header .nav ul li {
		width: 100%;
		height: auto;
		line-height: 50px;
		text-align: left;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: none;
		padding: 5px 0;
		margin: 0;
	}
	.header .nav ul li:after {
		display: none;
	}
	.header .nav .y_j i {
		display: block;
		width: 100%;
		padding-right: 10px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 14px;
		text-align: right;
		color: #fff;
		line-height: 50px;
		z-index: 99;
	}
	.header .nav .y_j a {
		line-height: 50px;
		color: #fff;
	}
	.header .nav ul li:hover .y_j a {
		color: #fff;
	}
	.header .nav ul li.on .y_j a {
		color: #fff;
	}
	.header .nav .e_j {
		width: 100%;
		background: none;
		box-shadow: none;
		position: relative;
		left: auto;
		top: auto;
		padding: 5px 0;
		margin-left: 0;
		opacity: 1;
		visibility: inherit;
		display: none;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transition: none;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	.header .nav ul li:hover .e_j {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
	.header .nav .e_j a {
		line-height: 32px;
		text-align: left;
		color: #fff;
	}
	.header .tel {
		float: left;
		font-size: 14px;
		color: #0e95da;
		font-weight: normal;
		line-height: 50px;
		margin-right: 0;
		margin-top: 0
	}
	.header .tel i {
		font-size: 16px;
		font-weight: bold;
		vertical-align: middle;
		margin-right: 5px;
	}
}

.search {
	width: 100%;
	background-color: #00b0f0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

.search .container {
	position: relative;
}

.search .sc_gb {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 15px;
	cursor: pointer;
	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: #fff;
}

.search .sc_nr {
	width: 700px;
	margin: 20px auto;
}

.search input {
	width: 430px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	color: #fff;
	float: left;
}

.search input::placeholder {
	color: #fff;
}

.search button {
	width: 70px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	float: right;
	outline: none;
}

.search button i {
	font-size: 30px;
}

@media only screen and (max-width:992px) {
	.search .sc_gb i {
		font-size: 22px;
	}
	.search .sc_nr {
		width: 90%;
		margin: 0 auto;
	}
	.search input {
		width: 85%;
		font-size: 15px;
	}
	.search button {
		width: 15%;
	}
	.search button i {
		font-size: 26px;
	}
}

.head_h {
	width: 100%;
	height: 86px;
	background-color: #fff;
	overflow: hidden;
}

@media only screen and (max-width:992px) {
	.head_h {
		display: block;
	}
}

.pc_ban {
	width: 100%;
	height: 80vh;
	position: relative;
	overflow: hidden;
}

.pc_ban .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: url(../images/ban_l.png) no-repeat center;
	left: 0%;
	margin-top: -20px;
	opacity: 0;
	background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.pc_ban:hover .swiper-button-prev {
	left: 2%;
	opacity: .8;
}

.pc_ban .swiper-button-next {
	width: 40px;
	height: 40px;
	background: url(../images/ban_r.png) no-repeat center;
	right: 0%;
	margin-top: -20px;
	opacity: 0;
	background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.pc_ban:hover .swiper-button-next {
	right: 2%;
	opacity: .8;
}

.pc_ban .swiper-pagination-bullet {
	width: 40px;
	height: 3px;
	border-radius: 0;
}

.pc_ban .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%);
}

.pc_ban .w_z {
	width: 80%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	position: relative;
}

.pc_ban .w_z h2 {
	font-size: 30px;
	line-height: 60px;
	font-weight: bold
}

.pc_ban .w_z p {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 32px;
	margin-top: 15px;
}

.pc_ban .w_z .n_r {
	width: 150px;
	height: 50px;
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, .2);
	margin: 50px auto 0;
	position: relative;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.pc_ban .w_z .n_r:hover {
	background-color: rgba(255, 255, 255, 0);
}

.pc_ban .w_z .n_r a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	display: block;
}

.pc_ban .w_z .n_r i {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.pc_ban .w_z .n_r a:hover i {
	padding-left: 15px;
}

@media only screen and (max-width:992px) {
	.pc_ban {
		height: 36vh;
		min-height: inherit;
	}
	.pc_ban .container {
		width: 100%;
		top: 50%;
	}
	.pc_ban .swiper-button-prev {
		display: none;
	}
	.pc_ban .swiper-button-next {
		display: none;
	}
	.pc_ban .swiper-pagination {
		bottom: 10px;
	}
	.pc_ban .swiper-pagination-bullet {
		width: 30px;
		height: 2px;
	}
	.pc_ban .w_z {
		width: 100%;
	}
	.pc_ban .w_z h2 {
		font-size: 22px;
		font-weight: normal;
		line-height: 32px;
	}
	.pc_ban .w_z p {
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 26px;
	}
	.pc_ban .w_z .n_r {
		width: 130px;
		height: 44px;
		margin: 30px auto 0;
	}
	.pc_ban .w_z .n_r a {
		font-size: 14px;
		line-height: 40px;
	}
}

@media only screen and (max-width:640px) {
	.pc_ban {
		height: 26vh;
		min-height: inherit;
	}
	.pc_ban .w_z h2 {
		font-size: 20px;
		font-weight: bold;
		line-height: 28px;
	}
	.pc_ban .w_z p {
		font-size: 14px;
		line-height: 24px;
		margin-top: 8px;
	}
	.pc_ban .w_z .n_r {
		display: none;
	}
}

.gy_bt {
	text-align: center;
	margin-bottom: 30px;
}

.gy_bt h3 {
	font-size: 28px;
	font-weight: bold;
	color: #000;
}

.gy_bt p {
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.gy_bt em {
	width: 60px;
	height: 4px;
	background-color: #00b0f0;
	display: block;
	margin: 20px auto 0;
}

@media only screen and (max-width:992px) {
	.gy_bt {
		margin-bottom: 30px;
	}
	.gy_bt h3 {
		font-size: 26px;
		line-height: 36px;
	}
	.gy_bt p {
		font-size: 14px;
	}
	.gy_bt em {
		width: 50px;
		height: 2px;
		margin: 20px auto 0;
	}
}

@media only screen and (max-width:640px) {
	.gy_bt {
		margin-bottom: 20px;
	}
	.gy_bt h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.gy_bt p {
		font-size: 12px;
		margin-top: 6px;
	}
	.gy_bt em {
		width: 50px;
		height: 2px;
		margin: 10px auto 0;
	}
}

.gy_bt1 {
	text-align: center;
	margin-bottom: 20px;
}

.gy_bt1 h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.gy_bt1 p {
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.gy_bt1 em {
	width: 50px;
	height: 4px;
	background-color: #00b0f0;
	display: block;
	margin: 15px auto 0;
}

@media only screen and (max-width:640px) {
	.gy_bt1 h3 {
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	.gy_bt1 p {
		font-size: 12px;
		letter-spacing: 1px;
		margin-top: 10px;
	}
	.gy_bt1 em {
		width: 40px;
		height: 2px;
		background-color: #00b0f0;
		display: block;
		margin: 10px auto 0;
	}
}

.sy_cp {
	width: 100%;
	padding: 80px 0 50px;
	overflow: hidden;
}

.sy_cp .swiper-cp {
	padding-bottom: 50px;
}

.sy_cp .swiper-pagination {
	bottom: 0;
}

.sy_cp .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #3b3b3b;
}

.sy_cp .swiper-pagination-bullet-active {
	background-color: #00b0f0;
}

.sy_cp .n_r {
	border: solid 1px #eee;
}

.sy_cp .t_p img {
	width: 100%;
	height: auto;
	display: block;
}

.sy_cp .w_z {
	padding: 15px;
	background-color: #fafafa;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sy_cp .n_r:hover .w_z {
	background-color: #00b0f0;
	color: #fff;
}

.sy_cp .cp_zs {
	height: 0;
	overflow: hidden;
}

.sy_cp .cp_zs.dk {
	height: auto;
}

.sy_cp .product_TabTitle {
	margin-bottom: 20px;
}

.sy_cp .product_TabTitle li {
	width: 100px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	line-height: 34px;
	margin: 0px 8px;
	cursor: pointer;
	border-radius: 18px
}

.sy_cp .product_TabTitle li.on {
	color: #00b0f0;
}

.sy_cp .product_TabTitle li:hover {
	color: #00b0f0;
}

.sy_cp .product_TabTitle {
	text-align: center;
}

@media only screen and (max-width:640px) {
	.sy_cp {
		padding: 20px 0 20px;
	}
	.sy_cp .product_TabTitle {
		margin-bottom: 10px;
	}
	.sy_cp .product_TabTitle li {
		font-size: 14px;
		margin: 0;
		padding: 0;
		line-height: 30px;
		width: 60px;
	}
	.sy_cp .product_TabTitle li.on {
		color: #00b0f0;
	}
	.sy_cp .product_TabTitle li:hover {
		color: #00b0f0;
	}
	.sy_cp .product_TabTitle {
		text-align: center;
	}
	.sy_cp .swiper-cp {
		padding-bottom: 40px;
	}
	.sy_cp .w_z {
		padding: 5px 10px;
		font-size: 14px;
	}
	.sy_cp .w_z h3 {
		font-size: 14px;
	}
	.sy_cp .w_z p {
		font-size: 18px;
		line-height: 30px;
		height: 60px;
	}
}

.sy_hy {
	width: 100%;
	padding: 60px 0 60px;
	background-color: #fff;
	overflow: hidden;
}

.sy_hy .row {
	margin: 0 -10px;
}

.sy_hy .col-12 {
	padding: 0 3px;
}

.sy_hy .n_r {
	position: relative;
	margin-bottom: 6px;
}

.sy_hy .n_r:after {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}

.sy_hy .n_r:hover:after {
	background-color: rgba(0, 0, 0, .5);
}

.sy_hy .t_p {
	overflow: hidden;
}

.sy_hy .t_p img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.sy_hy .n_r:hover .t_p img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.sy_hy .w_z {
	position: absolute;
	left: 5%;
	top: 50%;
	z-index: 9;
	width: 90%;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px #444;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.sy_hy .w_z h3 {
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
}

.sy_hy .w_z p {
	line-height: 24px;
}

@media only screen and (max-width:992px) {
	.sy_hy {
		padding: 20px 0 20px;
	}
	.sy_hy .w_z h3 {
		font-size: 16px;
		line-height: 30px;
	}
}

.sy_ys {
	width: 100%;
	padding: 80px 0;
	overflow: hidden;
	background-color: #f9faff;
}

.sy_ys .row {
	margin: 0 -10px;
}

.sy_ys .col-md-3 {
	padding: 0 10px;
}

.sy_ys .n_r {
	background-color: #fff;
	padding: 20px 15px;
	position: relative;
}

.sy_ys .n_r:before {
	width: 100%;
	height: 4px;
	background-color: #00b0f0;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.sy_ys .n_r:hover:before {
	height: 100%;
}

.sy_ys .t_b {
	width: 120px;
	height: 120px;
	overflow: hidden;
	background-size: 100% !important;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.sy_ys .t_b.t_1 {
	background: url(../images/a11.png) no-repeat top center;
}

.sy_ys .n_r:hover .t_b.t_1 {
	background: url(../images/a11.png) no-repeat bottom center;
}

.sy_ys .t_b.t_2 {
	background: url(../images/a21.png) no-repeat top center;
}

.sy_ys .n_r:hover .t_b.t_2 {
	background: url(../images/a21.png) no-repeat bottom center;
}

.sy_ys .t_b.t_3 {
	background: url(../images/a31.png) no-repeat top center;
}

.sy_ys .n_r:hover .t_b.t_3 {
	background: url(../images/a31.png) no-repeat bottom center;
}

.sy_ys .t_b.t_4 {
	background: url(../images/a41.png) no-repeat top center;
}

.sy_ys .n_r:hover .t_b.t_4 {
	background: url(../images/a41.png) no-repeat bottom center;
}

.sy_ys .w_z {
	margin-top: 5px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.sy_ys .w_z h3 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
	text-transform: uppercase
}

.sy_ys .w_z p {
	line-height: 24px;
	color: #555;
	font-size: 14px;
	margin-bottom: 10px
}

.sy_ys .n_r:hover h3 {
	color: #FFF;
}

.sy_ys .n_r:hover p {
	color: #fff;
}

@media only screen and (max-width:640px) {
	.sy_ys {
		padding: 50px 0;
	}
	.sy_ys .n_r {
		padding: 25px 10px;
	}
	.sy_ys .n_r:before {
		height: 2px;
	}
	.sy_ys .w_z {
		margin-top: 15px;
	}
	.sy_ys .w_z h3 {
		font-size: 22px;
		line-height: 36px;
		margin-bottom: 10px;
	}
	.sy_ys .w_z p {
		font-size: 18px;
		line-height: 28px;
		min-height: 140px;
	}
}

.sy_xw {
	width: 100%;
	padding: 60px 0;
	overflow: hidden;
}

.sy_xw .xw_tj {
	position: relative;
}

.sy_xw .xw_tj .swiper-xw {
	padding-bottom: 40px;
}

.sy_xw .xw_tj .swiper-button-prev {
	width: 35px;
	height: 35px;
	background: url(../images/zj1.png) no-repeat center;
	left: -60px;
	margin-top: -17px;
	background-size: 35px 35px;
	-webkit-background-size: 35px 35px;
	-moz-background-size: 35px 35px;
	-ms-background-size: 35px 35px;
	-o-background-size: 35px 35px;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.sy_xw .xw_tj .swiper-button-next {
	width: 35px;
	height: 35px;
	background: url(../images/yj1.png) no-repeat center;
	right: -60px;
	margin-top: -17px;
	background-size: 35px 35px;
	-webkit-background-size: 35px 35px;
	-moz-background-size: 35px 35px;
	-ms-background-size: 35px 35px;
	-o-background-size: 35px 35px;
	transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.sy_xw .xw_tj .swiper-pagination {
	bottom: 0;
}

.sy_xw .xw_tj .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #aaa;
}

.sy_xw .xw_tj .swiper-pagination-bullet-active {
	background-color: #00b0f0;
}

.sy_xw .n_r {
	background-color: #fff;
	overflow: hidden;
}

.sy_xw .t_p {
	overflow: hidden;
	position: relative;
}

.sy_xw .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;
}

.sy_xw .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);
}

.sy_xw .t_p span {
	width: 130px;
	height: 36px;
	background-color: rgba(0, 122, 195, .5);
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

.sy_xw .w_z {
	margin-top: 0;
	background: #fafafa
}

.sy_xw .w_z h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 46px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	text-align: center
}

.sy_xw .n_r:hover .w_z h3 {
	color: #00b0f0;
}

.sy_xw .w_z p {
	line-height: 22px;
	color: #888;
	height: 44px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media only screen and (max-width:992px) {
	.sy_xw {
		padding: 20px 0 20px;
	}
	.sy_xw .xw_tj .swiper-xw {
		padding-bottom: 30px;
	}
	.sy_xw .xw_tj .swiper-button-prev {
		display: none;
	}
	.sy_xw .xw_tj .swiper-button-next {
		display: none;
	}
	.sy_xw .w_z {
		margin-top: 0;
	}
	.sy_xw .w_z h3 {
		font-size: 14px;
		font-weight: bold;
		line-height: 36px;
		color: #333;
		margin-bottom: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
}

.sy_xw1 {
	width: 100%;
	padding: 60px 0 50px;
	overflow: hidden;
	background: #fafafa
}

.sy_xw1 .t_p {
	overflow: hidden;
}

.sy_xw1 .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;
}

.sy_xw1 .tw_nr: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);
}

.sy_xw1 .w_z h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sy_xw1 .tw_nr:hover .w_z a {
	color: #00b0f0;
}

.sy_xw1 .x_w ul li:hover .w_z a {
	color: #00b0f0;
}

.sy_xw1 .tw_nr {
	background-color: #fff;
	padding: 25px 20px;
}

.sy_xw1 .tw_nr .w_z {
	margin-top: 15px;
}

.sy_xw1 .tw_nr .w_z .s_j {
	font-size: 18px;
	margin-bottom: 5px;
}

.sy_xw1 .tw_nr .w_z p {
	line-height: 24px;
	height: 48px;
	color: #888;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sy_xw1 .x_w .row {
	margin: 0 -30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sy_xw1 .x_w .col-3 {
	padding: 0 30px;
}

.sy_xw1 .x_w .col-9 {
	padding: 0 30px;
	border-left: 1px solid #ddd;
}

.sy_xw1 .x_w .r_q {
	text-align: center;
	color: #777;
	line-height: 24px;
}

.sy_xw1 .x_w .r_q strong {
	font-size: 20px;
	color: #333;
	display: block;
	line-height: 32px;
}

.sy_xw1 .x_w ul li {
	margin-bottom: 30px;
	padding: 25px 30px;
	background-color: #fff;
}

.sy_xw1 .x_w .w_z p {
	line-height: 24px;
	height: 48px;
	color: #888;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media only screen and (max-width:992px) {
	.sy_xw1 {
		padding: 20px 0 10px;
	}
	.sy_xw1 .w_z h3 {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 0
	}
	.sy_xw1 .tw_nr {
		margin-bottom: 10px;
		padding: 10px;
	}
	.sy_xw1 .tw_nr .w_z {
		margin-top: 10px;
	}
	.sy_xw1 .tw_nr .w_z .s_j {
		font-size: 12px;
		margin-bottom: 0;
	}
	.sy_xw1 .tw_nr .w_z p {
		font-size: 14px;
		line-height: 22px;
		height: auto;
	}
	.sy_xw1 .x_w .row {
		margin: 0 -15px;
	}
	.sy_xw1 .x_w .col-3 {
		padding: 0 15px;
	}
	.sy_xw1 .x_w .col-9 {
		padding: 0 15px;
	}
	.sy_xw1 .x_w .r_q {
		line-height: 30px;
	}
	.sy_xw1 .x_w .r_q strong {
		font-size: 16px;
		line-height: 26px;
	}
	.sy_xw1 .x_w ul li {
		margin-bottom: 10px;
		padding: 10px;
	}
	.sy_xw1 .x_w .w_z {
		padding-left: 5px;
	}
	.sy_xw1 .x_w .w_z p {
		font-size: 14px;
		line-height: 22px;
		height: auto;
	}
}

.sy_hz {
	width: 100%;
	padding: 80px 0 60px;
	background-color: #f9faff;
	overflow: hidden;
}

.sy_hz .hz_lb ul li {
	margin-bottom: 30px;
}

.sy_hz img {
	width: 100%;
	height: auto;
	box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, 0.1);
	display: block;
}

@media only screen and (max-width:992px) {
	.sy_hz {
		padding: 40px 0 30px;
	}
	.sy_hz .hz_lb ul {
		margin: 0 -5px;
	}
	.sy_hz .hz_lb ul li {
		padding: 0 5px;
		margin-bottom: 10px;
	}
}

.sy_ly {
	width: 100%;
	padding: 60px 0;
	background: url(../images/ly_bj.jpg) no-repeat center / cover;
	color: #fff;
}

.sy_ly h3 {
	font-size: 26px;
	font-weight: bold;
	line-height: 40px;
}

.sy_ly p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
}

.sy_ly .row {
	margin: 0 -10px;
}

.sy_ly .col-12 {
	padding: 0 10px;
}

.sy_ly .ly_nr input {
	width: 100%;
	height: 46px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .3);
	padding: 0 15px;
	font-size: 16px;
	color: #fff;
	line-height: 46px;
}

.sy_ly .ly_nr input::placeholder {
	color: #fff;
}

.sy_ly .ly_nr button {
	width: 100%;
	height: 46px;
	border-radius: 5px;
	background-color: #f88407;
	font-size: 18px;
	line-height: 46px;
	color: #fff;
	text-align: center;
}

@media only screen and (max-width:992px) {
	.sy_ly {
		padding: 50px 0;
	}
	.sy_ly h3 {
		font-size: 22px;
		line-height: 32px;
	}
	.sy_ly p {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:640px) {
	.sy_ly h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.sy_ly p {
		font-size: 14px;
	}
	.sy_ly .ly_nr input {
		margin-bottom: 15px;
	}
}

.ny_ban {
	width: 100%;
	height: 460px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	z-index: 99;
}

.ny_ban:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 2;
	opacity: 0.8;
	background-image: -webkit-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: -moz-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: -ms-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: -o-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
}

.ny_ban .container {
	position: absolute;
	top: 60%;
	left: 50%;
	color: #fff;
	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%);
}

.ny_ban .w_z {
	position: relative;
	text-align: center;
}

.ny_ban .w_z h3 {
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 10px;
}

.ny_ban .w_z h4 {
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase
}

@media only screen and (max-width:992px) {
	.ny_ban {
		height: 360px;
		background-attachment: scroll;
	}
	.ny_ban .container {
		width: 100%;
		top: 50%;
	}
	.ny_ban .w_z h3 {
		font-size: 32px;
		line-height: 40px;
	}
	.ny_ban .w_z h4 {
		font-size: 16px;
		line-height: 28px;
	}
}

@media only screen and (max-width:640px) {
	.ny_ban {
		height: 160px;
	}
	.ny_ban .w_z h3 {
		font-size: 22px;
		line-height: 32px;
	}
	.ny_ban .w_z h4 {
		font-size: 14px;
		line-height: 24px;
	}
}

.ny_lm {
	width: 100%;
	padding: 20px 0;
	box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);
	text-align: center;
	position: relative;
}

.ny_lm ul li {
	display: inline-block;
	font-size: 16px;
	line-height: 46px;
	margin: 0 20px;
}

.ny_lm ul li.on a {
	color: #00b0f0;
}

@media only screen and (max-width:640px) {
	.ny_lm {
		width: 100%;
		padding: 10px 0;
		box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);
		text-align: center;
		position: relative;
	}
	.ny_lm ul li {
		display: inline-block;
		font-size: 12px;
		line-height: 30px;
		margin: 0 8px;
	}
}

.xw_zx {
	width: 100%;
	padding: 80px 0;
	overflow: hidden;
}

.xw_zx .xw_lb ul li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.xw_zx .xw_lb .row {
	margin: 0 -25px;
}

.xw_zx .xw_lb .col-12 {
	padding: 0 25px;
}

.xw_zx .xw_lb .t_p {
	overflow: hidden;
}

.xw_zx .xw_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;
}

.xw_zx .xw_lb ul li: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);
}

.xw_zx .xw_lb .r_q {
	width: 80px;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(95, 125, 158, .1);
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	overflow: hidden;
}

.xw_zx .xw_lb .r_q span {
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	display: block;
	background-color: #00b0f0;
}

.xw_zx .xw_lb .r_q i {
	font-size: 16px;
	color: #333;
	line-height: 32px;
}

.xw_zx .xw_lb .w_z {
	padding-right: 120px;
	position: relative;
}

.xw_zx .xw_lb .w_z h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.xw_zx .xw_lb .w_z p {
	line-height: 26px;
	color: #777;
	height: 52px;
	margin-top: 10px;
	margin-bottom: 35px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.xw_zx .xw_lb .w_z a.x_q {
	font-size: 15px;
	text-align: center;
	line-height: 36px;
	color: #00b0f0;
	display: inline-block;
}

@media only screen and (max-width:992px) {
	.xw_zx {
		width: 100%;
		padding: 20px 0;
		overflow: hidden;
	}
	.xw_zx .xw_lb ul li {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.xw_zx .xw_lb .r_q {
		display: none
	}
	.xw_zx .xw_lb .w_z {
		padding-right: 0;
		position: relative;
		padding-top: 5px
	}
	.xw_zx .xw_lb .w_z h3 {
		font-size: 16px;
		font-weight: bold;
		line-height: 32px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.xw_zx .xw_lb .w_z p {
		line-height: 24px;
		color: #777;
		height: auto;
		margin-top: 0px;
		margin-bottom: 5px;
		overflow: hidden;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-moz-line-clamp: 2;
		-ms-line-clamp: 2;
		-o-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.xw_zx .xw_lb .w_z a.x_q {
		font-size: 13px;
		text-align: center;
		line-height: 36px;
		color: #00b0f0;
		display: inline-block;
	}
}

.gs_js {
	width: 100%;
	padding: 80px 0;
	overflow: hidden;
}

.gs_js .gs_wz {
	font-size: 16px;
	line-height: 36px;
	text-align: left;
}

.gs_js .gs_wz img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width:640px) {
	.gs_js {
		width: 100%;
		padding: 20px 0;
		overflow: hidden;
	}
	.gs_js .gs_wz {
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		text-align: justify
	}
}

.gs_wzz {
	font-size: 16px;
	line-height: 36px;
	text-align: left;
}

.gs_yj {
	width: 100%;
	padding: 80px 0;
	background-color: #f9faff;
	overflow: hidden;
}

.gs_yj .n_r {
	width: 100%;
	height: 260px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.gs_yj .n_r:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 2;
	opacity: 0.5;
	background-image: -webkit-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: -moz-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: -ms-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: -o-linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
	background-image: linear-gradient(120deg, #0f5c87 0%, #390a5d 100%);
}

.gs_yj .w_z {
	width: 80%;
	color: #fff;
	text-align: center;
	line-height: 24px;
	position: absolute;
	left: 10%;
	top: 30%;
	z-index: 99;
}

.gs_yj .w_z h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.gy_wm {
	width: 100%;
	padding: 60px 0;
	overflow: hidden;
}

.yj_cp {
	margin-bottom: 60px;
	padding-top: 60px
}

.yj_cp .n_r {
	box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);
	margin-bottom: 20px;
	margin-top: 10px
}

.yj_cp .t_p {
	overflow: hidden;
}

.yj_cp .t_p img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.yj_cp .n_r:hover .t_p img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.yj_cp .w_z {
	padding: 10px 10px;
	text-align: center;
}

.yj_cp .w_z h3 {
	font-size: 16px;
	line-height: 32px;
}

.yj_cp .w_z p {
	line-height: 24px;
	color: #999;
}

.gy_wm .gy_wz {
	font-size: 16px;
	line-height: 32px;
	color: #333;
	padding: 30px;
	border-radius: 20px;
	border: 2px solid #ddd;
	margin-bottom: 30px;
}

.gy_wm .gy_nr img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.gy_wm .ry_zz .n_r {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 30px;
	box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.gy_wm .ry_zz .n_r:hover {
	box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, 0.3);
	transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}

.gy_wm .ry_zz img {
	width: 100%;
	height: auto;
	display: block;
}

.gy_wm .zl_lb .n_r {
	padding: 20px 20px 20px 100px;
	border: 1px dotted #ddd;
	margin-bottom: 30px;
	position: relative;
}

.gy_wm .zl_lb h3 {
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.gy_wm .zl_lb ul li:hover h3 {
	color: #00b0f0;
}

.gy_wm .zl_lb i {
	font-size: 60px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.gy_wm .zl_lb p {
	margin-bottom: 20px;
	line-height: 24px;
	height: 48px;
	color: #888;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-o-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.gy_wm .zl_lb a {
	width: 120px;
	background-color: #00b0f0;
	line-height: 32px;
	text-align: center;
	color: #fff;
	display: block;
}

.gy_wm .zs_js {
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	margin-bottom: 50px;
}

.gy_wm .ry_zz p {
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

.gy_wm .zp_js .n_r {
	margin-bottom: 50px;
	overflow: hidden;
	box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);
}

.gy_wm .zp_js .t_p img {
	width: 100%;
	height: auto;
	display: block;
}

.gy_wm .zp_js .w_z {
	padding: 20px;
}

.gy_wm .zp_js .w_z h3 {
	font-size: 20px;
	font-weight: bold;
	color: #00b0f0;
	margin-bottom: 15px;
}

.gy_wm .zp_js .w_z p {
	font-size: 15px;
	line-height: 26px;
	color: #777;
}

.gy_wm .lx_dt .map {
	width: 100%;
	height: 460px;
	margin-bottom: 50px;
}

.gy_wm .lx_wm .n_r h3 {
	font-size: 22px;
	line-height: 32px;
	color: #00b0f0;
}

.gy_wm .lx_wm .n_r h4 {
	font-size: 16px;
	line-height: 24px;
	color: #888;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.gy_wm .lx_wm .w_z {
	font-size: 15px;
	line-height: 32px;
}

.gy_wm .lx_wm .l_y input {
	width: 100%;
	height: 47px;
	font-size: 14px;
	line-height: 46px;
	border-bottom: 1px solid #ddd;
	display: block;
}

.gy_wm .lx_wm .l_y textarea {
	width: 100%;
	height: 72px;
	padding: 10px 0;
	font-size: 14px;
	line-height: 26px;
	border-bottom: 1px solid #ddd;
	display: block;
	resize: none;
}

.gy_wm .lx_wm .l_y button {
	width: 120px;
	height: 36px;
	background-color: #00b0f0;
	margin-top: 15px;
	margin-right: 15px;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	float: left;
}

.gy_wm .lx_wm .l_y button.c_z {
	background-color: #aaa;
}

.gy_wm .yz_ts {
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	color: #000;
	margin-bottom: 30px;
}

.gy_wm .yz_xx {
	max-width: 560px;
	margin: 0 auto;
	padding: 30px 80px;
	box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);
}

.gy_wm .yz_xx .n_r {
	position: relative;
}

.gy_wm .yz_xx .n_r input {
	width: 100%;
	height: 51px;
	border-bottom: 1px solid #eee;
	line-height: 50px;
	margin-bottom: 10px;
	display: block;
}

.gy_wm .yz_xx .n_r.y_z input {
	padding-right: 120px;
}

.gy_wm .yz_xx .n_r .y_m {
	width: 100px;
	height: 40px;
	background: url(../images/api.png) no-repeat center / cover;
	position: absolute;
	top: 5px;
	right: 0;
}

.gy_wm .yz_xx button {
	width: 100%;
	height: 50px;
	background-color: #00b0f0;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.gy_wm .yz_xx button:hover {
	background-color: #088ace;
}

@media only screen and (max-width:640px) {
	.gy_wm {
		width: 100%;
		padding: 20px 0 20px;
		overflow: hidden;
	}
	.gs_wzz {
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		margin-bottom: 20px;
		text-align: justify
	}
	.yj_cp {
		margin-bottom: 20px;
		padding-top: 20px
	}
	.yj_cp .col-md-3 {
		padding-left: 8px;
		padding-right: 8px
	}
	.yj_cp .n_r {
		box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);
		margin-bottom: 15px;
	}
	.yj_cp .w_z {
		padding: 5px 10px;
		text-align: center;
	}
	.yj_cp .w_z h3 {
		font-size: 14px;
		line-height: 28px;
	}
}

.rc_zp .ts {
	font-size: 15px;
	line-height: 26px;
	color: #888;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.rc_zp .ts a {
	color: #00b0f0;
}

.rc_zp .jr_lm {
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);
}

.rc_zp .jr_bt {
	padding: 15px 20px;
	height: 70px;
	font-size: 14px;
	line-height: 40px;
	color: #555;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.rc_zp .jr_bt:hover {
	background-color: #f9faff;
}

.rc_zp .jr_bt.on {
	background-color: #f9faff;
}

.rc_zp .jr_bt i {
	position: absolute;
	top: 50%;
	right: 15px;
	font-size: 15px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}

.rc_zp .jr_bt.on i {
	transform: translate(0, -50%) rotate(180deg);
	-webkit-transform: translate(0, -50%) rotate(180deg);
	-moz-transform: translate(0, -50%) rotate(180deg);
	-ms-transform: translate(0, -50%) rotate(180deg);
	-o-transform: translate(0, -50%) rotate(180deg);
}

.rc_zp .jr_lm.jt .jr_bt {
	background-color: #00b0f0;
	color: #fff;
	padding: 0 20px;
	line-height: 60px;
}

.rc_zp .jr_bt span {
	float: left;
	width: 33.333333%;
	text-align: center;
}

.rc_zp .jr_bt span.s_40 {
	text-align: left;
}

.rc_zp .jr_nr {
	background-color: #fff;
	padding: 30px 25px 10px;
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 3px;
	display: none;
	position: relative;
}

.rc_zp .jr_nr .lm {
	color: #00b0f0;
}

.rc_zp .jr_nr .js {
	margin-bottom: 20px;
}

@media only screen and (max-width:992px) {
	.rc_zp {
		padding: 40px 0;
	}
	.rc_zp .ts {
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.rc_zp .jr_bt {
		padding: 5px 20px;
		height: 50px;
	}
	.rc_zp .jr_lm.jt .jr_bt {
		padding: 5px 20px;
		line-height: 40px;
	}
	.rc_zp .jr_nr {
		padding: 20px;
		font-size: 12px;
		line-height: 22px;
	}
	.rc_zp .jr_nr .lm {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width:640px) {
	.rc_zp .ts {
		font-size: 12px;
		line-height: 22px;
	}
	.rc_zp .jr_bt {
		padding: 5px 15px;
		height: 40px;
		line-height: 30px;
	}
	.rc_zp .jr_lm.jt .jr_bt {
		padding: 5px 15px;
		line-height: 30px;
	}
	.rc_zp .jr_nr {
		padding: 10px 15px;
		font-size: 12px;
		line-height: 22px;
	}
	.rc_zp .jr_nr .lm {
		margin-bottom: 10px;
	}
}

.jl_fs {
	width: 100%;
	padding: 50px 0;
	background-color: #f7f7f7;
	text-align: center;
	overflow: hidden;
}

.jl_fs h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 36px;
	margin-bottom: 10px;
}

.jl_fs h4 {
	font-size: 16px;
	color: #777;
	line-height: 28px;
}

.jl_fs span {
	font-size: 15px;
	line-height: 44px;
	color: #fff;
	display: inline-block;
	background-color: #00b0f0;
	padding: 0 20px;
	border-radius: 5px;
}

@media only screen and (max-width:992px) {
	.jl_fs {
		padding: 35px 0;
	}
	.jl_fs h3 {
		font-size: 17px;
		line-height: 32px;
	}
	.jl_fs h4 {
		font-size: 15px;
		line-height: 26px;
	}
	.jl_fs span {
		font-size: 14px;
		line-height: 40px;
		padding: 0 15px;
	}
}

.sy_gy {
	width: 100%;
	overflow: hidden;
}

.sy_gy .gy_nr {
	width: 100%;
	background: url(../images/gy_bj.jpg) no-repeat center / cover fixed;
	padding: 60px 0;
	position: relative;
}

.sy_gy .gy_nr:after {
	width: 50%;
	height: 100%;
	background-color: rgba(0, 176, 240, .9);
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}

.sy_gy .gy_nr .container {
	position: relative;
	z-index: 9;
}

.sy_gy .gy_nr .row {
	margin: 0 -50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sy_gy .gy_nr .col-12 {
	padding: 0 50px;
}

.sy_gy .gy_nr .video {
	border: 5px solid #fff;
}

.sy_gy .gy_nr .video img {
	width: 100%
}

.sy_gy .gy_nr video {
	width: 100%;
	height: auto;
	display: block;
	outline: none;
}

.sy_gy .gy_nr .w_z {
	color: #fff;
}

.sy_gy .gy_nr .w_z h3 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 36px;
}

.sy_gy .gy_nr .w_z em {
	width: 50px;
	height: 4px;
	background-color: #fff;
	display: block;
	margin: 15px 0 20px;
}

.sy_gy .gy_nr .w_z p {
	font-size: 15px;
	line-height: 28px;
	height: auto;
	margin-bottom: 30px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 6;
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6;
	-ms-line-clamp: 6;
	-o-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.sy_gy .gy_nr .w_z a {
	width: 120px;
	height: 38px;
	border: 1px solid #fff;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	display: block;
}

.sy_gy .gy_nr .w_z a:hover {
	background-color: #fff;
	color: #804f21;
}

.sy_gy .wrap {
	padding: 50px;
	box-shadow: 0 0 20px #aaa;
	background-color: #fff;
	position: relative;
	z-index: 99;
	margin-top: -100px;
}

.sy_gy .wrap .s_z {
	font-size: 26px;
	text-align: center;
}

.sy_gy .wrap .s_z b {
	font-size: 46px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
}

.sy_gy .wrap em {
	display: block;
	width: 32px;
	height: 4px;
	background-color: #00b0f0;
	margin: 0 auto 15px;
}

.sy_gy .wrap p {
	text-align: center;
	font-size: 16px;
}

@media only screen and (max-width:992px) {
	.sy_gy {
		padding: 0px 0;
	}
	.sy_gy .gy_nr {
		background: url(../images/gy_bj.jpg) no-repeat center / cover;
		padding: 20px 0 20px;
	}
	.sy_gy .gy_nr .row {
		margin: 0 -15px;
	}
	.sy_gy .gy_nr .col-12 {
		padding: 0 15px;
	}
	.sy_gy .gy_nr .w_z {
		text-align: center;
		margin-top: 20px;
	}
	.sy_gy .gy_nr .w_z h3 {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 24px;
	}
	.sy_gy .gy_nr .w_z em {
		width: 50px;
		height: 2px;
		margin: 10px auto;
	}
	.sy_gy .gy_nr .w_z p {
		font-size: 14px;
		line-height: 22px;
		height: auto;
		margin-bottom: 20px
	}
	.sy_gy .gy_nr .w_z a {
		width: 120px;
		height: 32px;
		font-size: 12px;
		line-height: 30px;
		margin: 0 auto;
	}
	.sy_gy .wrap {
		padding: 30px 30px 0;
	}
	.sy_gy .wrap .n_r {
		margin-bottom: 30px;
	}
	.sy_gy .wrap .s_z {
		font-size: 30px;
		text-align: center;
	}
	.sy_gy .wrap .s_z b {
		font-size: 56px;
		padding-right: 10px;
	}
	.sy_gy .wrap em {
		width: 50px;
	}
	.sy_gy .wrap p {
		font-size: 20px;
	}
}

.yema {
	margin-top: 30px;
	text-align: center;
}

.yema ul li {
	display: inline-block;
	margin: 2px;
}

.yema ul li a {
	padding: 0 10px;
	border-radius: 5px;
	background-color: #f7f7f7;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #333;
	display: inline-block;
}

.yema ul li a:hover {
	background-color: #00b0f0;
	color: #fff;
}

.yema ul li a.on {
	background-color: #00b0f0;
	color: #fff;
}

@media only screen and (max-width:640px) {
	.yema {
		margin-top: 10px;
	}
	.yema ul li a {
		min-width: 30px;
		height: 30px;
		font-size: 12px;
		line-height: 28px;
	}
}

.footer {
	width: 100%;
	padding-top: 40px;
	background: url(../images/d_bj.jpg) no-repeat center / cover fixed;
	font-size: 14px;
	line-height: 26px;
	color: #aaa;
}

.footer h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px;
}

.footer em {
	width: 40px;
	height: 1px;
	background-color: #888;
	margin-bottom: 20px;
	display: block;
}

.footer .l_x {
	margin-bottom: 25px;
	line-height: 32px;
}

.footer .l_x h1 {
	font-size: 24px;
	font-weight: bold;
	color: #00b0f0
}

.footer .s_j a {
	width: 36px;
	height: 36px;
	border: 2px solid #aaa;
	border-radius: 50%;
	font-size: 16px;
	text-align: center;
	line-height: 32px;
	color: #aaa;
	display: block;
	float: left;
	margin-right: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}

.footer .s_j a:hover {
	background-color: #00b0f0;
	border: 2px solid #00b0f0;
	color: #fff;
}

.footer .l_y {
	margin-top: -10px
}

.footer .l_y input {
	width: 50%;
	height: 47px;
	font-size: 12px;
	border-bottom: 1px solid #777;
	line-height: 46px;
	color: #fff;
	display: block;
	float: left
}

.footer .l_y input::placeholder {
	color: #aaa;
}

.footer .l_y textarea {
	width: 100%;
	height: 51px;
	padding: 11px 0;
	border-bottom: 1px solid #777;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	display: block;
	resize: none;
	margin-bottom: 20px;
}

.footer .l_y textarea::placeholder {
	color: #aaa;
}

.footer .l_y button {
	width: 100px;
	height: 30px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 20px;
}

.footer .l_y button.t_j {
	background-color: #00b0f0;
}

.footer .l_y button.c_z {
	background-color: #5b5b5b;
}

.footer .t_p {
	float: right;
}

.footer .t_p img {
	width: 116px;
	margin-bottom: 10px;
}

.footer .x_x {
	margin-top: 10px;
	padding: 15px 0;
	border-top: 1px solid #555;
}

.footer .x_x .l_f {
	float: left;
}

.footer .x_x .r_t {
	float: right;
}

.footer .x_x a {
	color: #aaa;
}

.footer .x_x a:hover {
	color: #fff;
}

.footer .x_x span {
	padding-right: 15px;
}

@media only screen and (max-width:992px) {
	.footer {
		padding-top: 40px;
		background: url(../images/d_bj.jpg) no-repeat center / cover;
		line-height: 24px;
	}
	.footer h3 {
		font-size: 18px;
	}
	.footer em {
		width: 30px;
		margin-bottom: 30px;
	}
	.footer .l_x {
		margin-bottom: 20px;
		line-height: 24px;
		font-size: 14px
	}
	.footer .l_y textarea {
		height: 100px;
	}
	.footer .l_y button {
		width: 80px;
		height: 32px;
		font-size: 15px;
		line-height: 32px;
		margin-right: 10px;
	}
	.footer .x_x {
		margin-top: 35px;
		padding: 20px 0;
	}
	.footer .x_x span {
		padding-right: 10px;
	}
}

@media only screen and (max-width:640px) {
	.footer {
		margin-bottom: 46px;
		text-align: center;
		padding-top: 20px;
	}
	.footer .col-md-3 {
		display: none;
	}
	.footer .col-md-4 {
		display: none;
	}
	.footer h3 {
		font-size: 16px;
	}
	.footer em {
		margin: 0 auto 10px;
	}
	.footer .s_j {
		text-align: center;
		margin-bottom: 30px;
	}
	.footer .s_j a {
		display: inline-block;
		margin: 0 10px;
		float: none;
	}
	.footer .l_x {
		margin-bottom: 10px
	}
	.footer .l_x li {
		font-size: 12px
	}
	.footer .l_y input {
		width: 49%;
		float: left;
	}
	.footer .l_y input:nth-child(2n) {
		float: right;
	}
	.footer .l_y button {
		float: none;
		display: inline-block;
		margin: 0 5px;
	}
	.footer .t_p {
		float: none;
		margin-top: 30px;
		text-align: center;
	}
	.footer .t_p img {
		width: 116px;
		margin: 0 auto 10px;
	}
	.footer .x_x {
		text-align: center;
		margin-top: 0;
		padding: 10px 0;
	}
	.footer .x_x .l_f {
		float: none;
	}
	.footer .x_x .r_t {
		float: none;
	}
	.footer .x_x span {
		display: inline-block;
		padding: 0 5px;
		font-size: 12px;
		line-height: 22px
	}
}

.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:992px) {
	.e_m .n_r {
		width: 230px;
		padding: 15px;
	}
	.e_m .n_r p {
		font-size: 15px;
	}
}

.pc_kf {
	width: 50px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 99999;
}

.pc_kf .nr {
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	margin-bottom: 10px;
	position: relative;
}

.pc_kf .tel {
	width: 160px;
	background-color: #00b0f0;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	position: absolute;
	top: 0;
	right: -160px;
	opacity: 0;
}

.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: #00b0f0;
	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;
	box-shadow: 0 0 10px #ddd;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.pc_kf .nr i {
	color: #333;
}

.pc_kf .nr i.icon-aui-icon-qq {
	font-size: 30px;
}

.pc_kf .nr i.icon-icon {
	font-size: 26px;
	vertical-align: middle;
}

.pc_kf .fh {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background-color: #00b0f0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	cursor: pointer;
}

.pc_kf .fh i {
	font-size: 30px;
	font-weight: bold;
}

@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: #00b0f0;
		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;
	}
	.pc_kf .tel {
		display: none;
	}
	.pc_kf .ewm {
		display: none;
	}
	.pc_kf .nr a {
		display: block;
		width: 100%;
		border-radius: 0;
		background-color: #00b0f0;
		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;
	}
}

.g-serve {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 70px;
}

.g-serve .serve-list .server-item {
	width: 50%;
	background: #fafafa;
	float: left;
	overflow: hidden;
}

.g-serve .serve-list .server-item:hover .server-more {
	opacity: 1;
}

.g-serve .serve-list .server-item:hover .serve-type {
	background: #00b0f0;
}

.g-serve .serve-list .server-item:hover .serve-type .type,
.g-serve .serve-list .server-item:hover .serve-type .cont,
.g-serve .serve-list .server-item:hover .serve-type .serve-type-more {
	color: #ffffff;
}

.g-serve .serve-list .server-item:hover .serve-type:before {
	border-color: transparent #00b0f0 transparent transparent;
}

.g-serve .serve-list .server-item:hover .serve-type:after {
	border-color: transparent transparent transparent #00b0f0;
}

.g-serve .serve-list .server-img {
	float: left;
	width: 300px;
	height: 250px;
	position: relative;
	overflow: hidden;
}

.g-serve .serve-list .server-img img {
	width: 300px;
	height: 250px;
	object-fit: cover;
}

.g-serve .serve-list .server-img .server-more {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	transition: all 0.8s;
}

.g-serve .serve-list .server-img .server-more:before {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.g-serve .serve-list .server-img .server-more .waves-effect:hover {
	color: #fff;
}

.g-serve .serve-list .server-img .server-more a {
	display: inline-block;
	border: solid 1px #fff;
	padding: 5px 20px;
	background: rgba(0, 122, 195, 0.8);
	color: #fff;
	font-size: 14px;
}

.g-serve .serve-list .serve-type {
	float: right;
	height: 250px;
	width: 300px;
	padding: 20px;
	position: relative;
	transition: all 0.8s;
}

.g-serve .serve-list .serve-type:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px;
	border-color: transparent #fafafa transparent transparent;
	position: absolute;
	left: -30px;
	top: 30px;
	transition: all 0.8s;
}

.g-serve .serve-list .serve-type .type {
	font-size: 20px;
	color: #00b0f0;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold
}

.g-serve .serve-list .serve-type .cont {
	font-size: 14px;
	color: #535353;
	line-height: 26px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.g-serve .serve-list .serve-type .serve-type-more {
	text-align: right;
	font-size: 14px;
	color: #707070;
	padding: 10px 0;
	transform: all 0.5s;
	width: 72px;
	display: inline-block;
	float: right;
	text-align: center;
	padding: 5px 0;
}

.g-serve .serve-list .serve-type .serve-type-more:hover {
	color: #fff !important;
}

.g-serve .serve-list .server-explain .server-img {
	float: right;
}

.g-serve .serve-list .server-explain .serve-type {
	float: left;
}

.g-serve .serve-list .server-explain .serve-type:before {
	content: '';
	opacity: 0;
}

.g-serve .serve-list .server-explain .serve-type:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px;
	border-color: transparent transparent transparent #fafafa;
	position: absolute;
	left: 100%;
	top: 30px;
	transition: all 0.8s;
}

.g-serve .serve-page {
	width: 100%;
	text-align: center;
	padding: 20px 0;
	overflow: hidden;
}

.g-serve .serve-page .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 5px;
}

@media only screen and (max-width:640px) {
	.g-serve {
		overflow: hidden;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.g-serve .serve-list .server-item {
		width: 100%;
		background: #fafafa;
		float: none;
		overflow: hidden;
	}
	.g-serve .serve-list .server-img {
		float: left;
		width: 100%;
		height: 150px;
		position: relative;
		overflow: hidden;
	}
	.g-serve .serve-list .server-img img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.g-serve .serve-list .serve-type {
		float: right;
		height: auto;
		width: 100%;
		padding: 10px;
		position: relative;
		transition: all 0.8s;
	}
	.g-serve .serve-list .serve-type .type {
		font-size: 16px;
		color: #00b0f0;
		margin-bottom: 10px;
		margin-top: 5px;
		font-weight: bold
	}
	.g-serve .serve-list .serve-type .cont {
		font-size: 12px;
		color: #535353;
		line-height: 22px;
		margin-bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	.g-serve .serve-list .serve-type .serve-type-more {
		text-align: right;
		font-size: 13px;
		color: #707070;
		padding: 10px 0;
		transform: all 0.5s;
		width: 72px;
		display: inline-block;
		float: right;
		text-align: center;
		padding: 5px 0;
	}
}

.jjfa {
	padding: 60px 0;
	height: auto;
	overflow: hidden;
	background: #fafafa
}

.yw_js {
	font-size: 15px;
	line-height: 28px;
}

.yw_js ul li span {
	display: block;
	padding: 15px;
	font-size: 15px;
	line-height: 28px;
	box-shadow: 0 8px 20px rgba(95, 125, 158, .2);
	margin-bottom: 30px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.yw_js ul li span:hover {
	background-color: #00b0f0;
	color: #fff;
}

@media only screen and (max-width:640px) {
	.jjfa {
		padding: 20px 0;
		height: auto;
		overflow: hidden;
		background: #fafafa
	}
	.yw_js ul li span {
		display: block;
		padding: 15px;
		font-size: 15px;
		line-height: 28px;
		box-shadow: 0 8px 20px rgba(95, 125, 158, .2);
		margin-bottom: 10px;
		transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
	}
}