body {
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background: RGBA(254, 254, 254, 1);

	min-width: 1300px;

	overflow-x: scroll;
}

ul,
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a:hover,
a:visited,
a:active,
a:link {
	text-decoration: none !important;
}

a {
	text-decoration: none;
}

input {
	background: none;
	border: none;
	outline: none;
}

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

.h1 {
	font-size: 2rem;
	font-weight: bold;
	color: #333333;
}

.h2 {
	font-size: 2rem;
	font-weight: bold;
	color: #333333;
	margin: 0 10px;
}

.h3 {
	color: #000000;
	font-weight: bold;
}

.scrollTop {
	display: none;
}

.layui-main {
	width: 100rem;
}

.layui-font-white {
	color: #FFFFFF;
}

.header {
	width: 100%;
	height: 8.75rem;
	background: rgba(30, 30, 30, 0.5);
	position: fixed;
	line-height: 8.75rem;
	z-index: 1;
}

.nav-item {
	display: inline-block;
	position: relative;
}

.nav-child {
	padding: 1.4875rem;
	background-color: rgba(255, 255, 255, 1);
	position: absolute;
	top: 7rem;
	left: -0.9375rem;
	border-radius: .6rem;
	line-height: 2.75rem;
	display: none;
}

.nav-child::after {
	content: '';
	position: absolute;
	display: inline-block;
	top: -1.875rem;
	left: 40%;
	width: 0;
	height: 0;
	border: 0.9375rem solid transparent;
	border-bottom-color: rgba(255, 255, 255, 1);
}

.nav-child-item {
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	color: #333333;
}

.title {
	font-size: 1.5rem;
	cursor: pointer;
	color: #ffffff;
	margin-right: 2.325rem;
	display: inline-block;
	height: 100%;
}

.title:hover {
	color: #0080CC;
}

.title-check {
	color: #0080CC;
}

.nav-left-img {
	width: 20.5625rem;
	height: 4.6875rem;
}

.search {
	width: 15.625rem;
	height: 3.125rem;
	background: #FFFFFF;
	border-radius: 1.4375rem 1.5rem 1.5rem 1.5rem;
	padding-left: 16px;
	margin-right: 1.25rem;

	font-size: 0.875rem;
}

.search-icon {
	font-size: 1.875rem;
	color: rgba(153, 153, 153, 1);
	margin-left: -4.5rem;
	position: absolute;
	cursor: pointer;
}

.img-icon {
	width: 2.5rem;
	height: 2.5re;
	display: inline-block;
	margin-left: 1.25rem;
	cursor: pointer;
}

.login-true {
	display: none;
	font-size: 1.5rem;
	position: absolute;
}

.footer {
	width: 100%;
	height: 26.125rem;
	background: #0080CC;
	padding-top: 6.25rem;
	position: relative;
}

.footer::after {
	content: '';
	display: block;
	position: absolute;
	height: 32.025rem;
	width: 32.25rem;
	background-image: url(/images/hsdt/flower.png);
	background-repeat: no-repeat;
	bottom: 0;
	left: 50%;
	margin-left: -16.125rem;

	z-index: -1;
}

.footer-logo {
	width: 21.9375rem;
	height: 5rem;
	margin-bottom: 2.5rem;
}

.footer .col {
	font-size: 1rem;
	color: #FFFFFF;
	display: inline-block;
	float: left;
}

.footer .col .h3 {
	color: #FFFFFF;
}

.footer .col a {
	color: #FFFFFF;
}

.footer .col .con {
	margin-left: 5.625rem;
	line-height: 1.875rem;
}

.footer .col-lineh {
	line-height: 3.125rem;
	margin-left: 9.25rem;
}

.footer .xxqg-img {
	width: 6.5rem;
	height: 8.9375rem;
	margin-left: 3.5rem;
	margin-bottom: 3.375rem;
	margin-top: 1rem;
}
.footer .col .layui-row .layui-col-md6{
	text-align: center;
}
.footer .col .layui-row .layui-col-md6:first-child{
	padding-right:0.5rem;
}
.footer .col .layui-row .layui-col-md6  p {
	text-align: center;
}
.footer .wx-img,
.footer .wb-img {
	width: 6.25rem;
	height: 6.25rem;
}

/* .footer .wx-img {
	margin-right: 1.25rem;
} */

.footer .float-right {
	position: absolute;
	top: 6.25rem;
	right: 1.75rem;
}

.footer .float-right li i {
	font-size: 1.5rem;
	line-height: 2.8125rem;
	display: inline-block;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-moz-transform: rotate(90deg);
	/* Firefox */
	-webkit-transform: rotate(90deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(90deg);
	/* Opera */
}

.footer .float-right li {
	width: 2.8125rem;
	height: 2.8125rem;
	background: #FFFFFF;
	border-radius: 0.1875rem;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 400;
	color: #1173EA;
	margin-bottom: 0.75rem;
	line-height: 1.375rem;
	cursor: pointer;
}

.footer-bottom {
	width: 100%;
	height: 2.25rem;
	background: #1F2B37;
	font-size: 0.875rem;
	font-weight: 400;
	color: #BCBCBC;
	line-height: 2.25rem;
	text-align: center;
}

.nav-right {
	position: fixed;
	top: 20%;
	right: 2.8125rem;
	z-index: 1;
}

.nav-right li {
	margin-bottom: 1.5625rem;
	width: 4rem;
	height: 4rem;
	background: #FFFFFF;
	box-shadow: 0px 0.1875rem 1rem 0px rgba(116, 105, 102, 0.31);
	border-radius: 50%;
	position: relative;
}

.nav-right li::before{
	content: '';
	width: 5rem;
	height: 4rem;
	right: 0;
	display: block;
	position: absolute;
}



.nav-right li:not(:first-child) {
	cursor: pointer;
}

.nav-right li:not(:first-child):hover {
	background-color: #0080CC;
}

.nav-right li img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.nav-right li .logo {
	width: 3.375rem;
	height: 3.375rem;
}

.nav-right .route {
	background-image: url(/images/hsdt/route.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem 1.5625rem;
}

.nav-right .route:hover {
	background-image: url(/images/hsdt/route1.png);
}

.nav-right .position {
	background-image: url(/images/hsdt/position.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.6875rem 1.75rem;
}

.nav-right .position:hover {
	background-image: url(/images/hsdt/position1.png);
}

.nav-right .wbicon {
	background-image: url(/images/hsdt/wbicon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.8125rem 1.5625rem;
}

.nav-right .wbicon:hover {
	background-image: url(/images/hsdt/wbicon1.png);
}

.nav-right .wxicon {
	background-image: url(/images/hsdt/wxicon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2rem 1.625rem;
}

.nav-right .wxicon:hover {
	background-image: url(/images/hsdt/wxicon1.png);
}

.nav-right .app {
	background-image: url(/images/hsdt/app.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2rem 1rem;
}

.nav-right .app:hover {
	background-image: url(/images/hsdt/app1.png);
}

.nav-right .top {
	background-image: url(/images/hsdt/top.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.625rem 1.625rem;
}

.nav-right .top:hover {
	background-image: url(/images/hsdt/top1.png);
}

.nav-right .qun {
	background-image: url(/images/hsdt/qun.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.625rem 1.625rem;
}

.nav-right .qun:hover {
	background-image: url(/images/hsdt/qun1.png);
}



.nav-right .tip {
	width: 5.625rem;
	height: 1.875rem;
	background: #0080CC;
	border-radius: 0.9375rem;
	position: absolute;
	left: -6.25rem;
	top: 0.9375rem;
	text-align: center;
	line-height: 1.875rem;
	font-size: 1.2rem;
	font-weight: 400;
	color: #FFFFFF;
	display: none;
}

.nav-right .qun .tip {
	width: 12rem;
	height: auto;
	left: -13rem;
	border-radius: 0.5375rem;
	text-align: right;
	cursor: default;
}

.nav-right .qun .tip a {
	display: block;
	cursor: pointer;
	color: #FFFFFF;
	text-align: left;
}
.nav-right .qun .tip a:hover {
	opacity: .8;
}
.nav-right .qun .tip .layui-card-header{
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2rem;
}






.bottomHW {
	width: 100%;
	margin-bottom: 5.375rem;
	margin-top: 3.75rem;
}

#page {
	text-align: center;
}

.breadcrumb {
	font-size: 24px;
	font-weight: 400;
	color: #999999;
	margin-top: 3.75rem;
	margin-bottom: 2.5rem;
	cursor: pointer;
}

.breadcrumb i {
	font-size: 24px;
	color: #999999;
}

.hw {
	width: 100%;
	background-image: url(/images/hsdt/hw.jpg);
	background-size: 1.25rem 1.25rem;
	height: 1.25rem;
	margin-bottom: 2.5rem;
}

.font {
	margin-left: 18.75rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: #999999;
	margin-top: 1.25rem;
	margin-bottom: 3.125rem;
}