header {
	width: 100%;
	height: 80px;
}

header .header-title-wrapper {
	width: 100%;
	min-width: 1280px;
	background-color: #eff3f6;
}

header .header-title-wrapper .header-title {
	display: flex;
	justify-content: flex-end;
	width: 1280px;
	height: 38px;
	line-height: 38px;
	margin: 0 auto;
}

header .header-title-wrapper .header-title-item {
	float: right;
	font-size: 12px;
	color: rgb(51, 51, 51);
	margin: 0 17px;
}

header .header-title-wrapper .header-title .header-title-item:last-child {
	color: rgb(241, 48, 48);
	margin-right: 14px;
}

header .header-content-wrapper .header-content .header-nav a:hover {
	/*background-color: #1f90fb;*/
	/* color: #1f90fb;
	border-radius: 50px;
	border: 1px solid #1f90fb; */
}

footer {
	background-color: #38393d;
	min-width: 1280px;
}

footer .footer-content {
	width: 1400px;
	height: 130px;
	margin: 0 auto;
}

footer .footer-content .footer-content-product {
	width: 875px;
	margin: 11px 0 0 0;
	float: left;
	border-right: 1px solid #696a6c;
}

footer .footer-content .footer-content-product img {
	margin-bottom: 21px;
	width: 330px;
}

footer .footer-content .footer-content-product .footer-content-product-item {
	font-size: 0;
	padding: 17px 15px;
	float: right;
}

footer .footer-content .footer-content-product .footer-content-product-item a {
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	padding: 0 17px;
}

footer .footer-content .footer-content-product .footer-content-product-item .footer-content-title {
	position: relative;
	color: rgb(255, 255, 255);
	padding-right: 16px;
}

footer .footer-content .footer-content-product .footer-content-product-item .footer-content-title span {
	position: absolute;
	height: 10px;
	font-size: 12px;
	right: 0px;
	top: 4px;
}

footer .footer-content .footer-content-contact {
	width: 340px;
	float: left;
	margin: 18px 0 0 50px;
}

footer .footer-content .footer-content-contact h1 {
	font-size: 16px;
	color: rgb(255, 255, 255);
	margin-bottom: 15px;
}

footer .footer-content .footer-content-contact .footer-content-item {
	font-size: 14px;
	color: rgb(244, 244, 244);
	padding: 8px 0;
	line-height: 18px;
	vertical-align: middle;
}

footer .footer-content .footer-content-contact .footer-content-item img {
	vertical-align: middle;
	margin-right: 8px;
}

footer .footer-content .footer-content-code {
	float: left;
	margin: 72px 0 0 48px;
}

footer .footer-case-number {
	background-color: #2a2b2d;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: rgb(153, 153, 153);
}

.top {
	width: 59px;
	height: 240px;
	position: fixed;
	top: 45%;
	right: 0px;
	/*background-image:url("../img/index/new/top.png") ;*/
}

.top ul {
	width: 59px;
	height: 240px;
}

.top ul li {
	width: 59px;
	height: 60px;
	border-bottom: 1px solid #fff;
	background: #9c9c9c;
	cursor: pointer;
}

.top ul li:hover {
	background: #2084e7
}

.top .ewm {
	position: absolute;
	left: -150px;
	top: 77px;
	display: none;
	box-shadow: -3px 5px 5px -5px black, -5px 5px 5px -5px black;
}

.top .dh {
	position: absolute;
	left: -138px;
	top: 59px;
	width: 138px;
	height: 60px;
	background: #fff;
	box-shadow: -3px 5px 5px -5px black, -5px 5px 5px -5px black;
	display: none;
	/*opacity: 0.5;*/
}

.dh ol li {
	line-height: 67px;
	color: #000;
	font-size: 16px;
	font-family: "黑体";
	text-indent: 20px;
	color: #268def;
	font-weight: bold;
}

@media screen and (max-width: 1280px) {
	.header-content-wrapper {
		background: #38393d;
		width: 100%;
	}
	header {
		width: 100%;
		height: 4em;
	}
	header .header-content-wrapper .header-content {
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 4em;
		margin: 0 auto;
	}
	header .header-content-wrapper .header-content .header-nav {
		display: none;
	}
	header .header-content-wrapper .header-content .butA {
		margin-top: 1.4em;
		margin-right: 1em;
	}
	header .header-content-wrapper .header-content .butA img {
		width: 1em;
	}
	header .header-content-wrapper .header-content .header-content-logo {
		width: 10em;
		height: 1.9em;
		margin-top: 1em;
		margin-left: 0.8em;
	}
	.top {
		display: none;
	}
	.logo {
		background-image: url(../img/index/new/sy-logo1.png);
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		width: 12em;
		text-indent: -9999em;
		margin: 13px;
	}
	.kf{
		display: none;
	}
}

@media screen and (min-width: 1280px) {
	.kf {
		position: fixed;
		height: 540px;
		width: 360px;
		right: 50px;
		bottom: 10px;
		background: #fff;
		overflow: hidden;
		z-index: 2;
		border-radius: 2px;
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	}
	#kf5-close-btn {
		position: absolute;
		text-indent: -9999px;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTcgOSI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAuNDVDMCAuMzM1LjA0Ni4yMi4xMzMuMTMyYy4xNzQtLjE3Ni40NTgtLjE3Ni42MzIgMEw4LjUgNy45MTJsNy43MzctNy43OGMuMTc0LS4xNzYuNDU4LS4xNzYuNjMyIDAgLjE3My4xNzUuMTczLjQ2IDAgLjYzNmwtOC4wNTUgOC4xYy0uMTc0LjE3Ni0uNDU4LjE3Ni0uNjMyIDBMLjEzLjc2OEMuMDQ0LjY4IDAgLjU2NSAwIC40NDhWLjQ1eiIvPjwvc3ZnPg==) no-repeat 50%;
		opacity: .6;
		height: 30px;
		width: 30px;
		right: 10px;
		top: 3px;
		overflow: visible;
		cursor: pointer;
	}
	#kf5-widget-iframe {
		width: 100%;
		height: 100%;
	}
	.header-content-wrapper {
		background: #38393d;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 11111111111111111111;
	}
	header {
		width: 100%;
		height: 80px;
	}
	header .header-content-wrapper .header-content {
		display: flex;
		justify-content: space-between;
		width: 1280px;
		height: 80px;
		margin: 0 auto;
	}
	header .header-content-wrapper .header-content .header-nav {
		display: flex;
		line-height: 32px;
		align-items: center;
	}
	header .header-content-wrapper .header-content .header-nav li{
		display: inline-block;
    /* position: relative; */
    z-index: auto;
    vertical-align: middle;
    color: #fff;
    padding: 12px 0;
    min-width: 50px;
    text-align: center;
    padding: 0 20px;
    letter-spacing: 2px;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
	}
	header .header-content-wrapper .header-content .header-nav a {
		color: #fff;
		display: block;
	}
	.logo {
		background-image: url(../img/index/new/sy-logo1.png);
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		width: 300px;
		text-indent: -9999em;
		margin: 13px;
	}
	header .header-content-wrapper .header-content .butA {
		display: none;
	}
	header .header-content-wrapper .header-content .header-content-logo {
		margin-left: 34px;
		width: 260px;
		height: 45px;
		margin-top: 20px;
	}
}