html,body {
	width: 100%;
	height: 100%;
	font-size: 24px;
}
* {
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 750px) {
	html,
	body {
	  font-size: 37.5px !important;
	}
}
/* =============================   头部 ================================= */

/* 头部 搜索框 BEGIN */
.header-search {
    width: 100%;
    height: 2.68rem;
    background-color: #fff;
}
.header-search .header-search-info {
	height: 2.68rem;
	align-items: center;
	padding-left: 0.8rem;
	box-sizing: border-box;
}
.header-search .header-search-info img{
	height: 1.7rem;
}
.header-search .input-search {
    width: 9.42rem;
	height: 1.33rem;
    flex-wrap: nowrap;
	margin-bottom: 0 !important;
}
.header-search .input-search .form-control {
    width: 7.97rem;
    height: 100%;
    line-height: .2875rem;
    font-size: 0.61rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #9B9B9B;
    padding: 0 0.69rem;
	border: 1px solid #CDCDCD;
}
.header-search .input-search .form-control:focus {
	box-shadow: none;
}
.header-search .input-search .input-group-append {
    width: 1.43rem;
    height: 1.33rem;
    background: #016BB7;
	border-radius:0 .25rem .25rem 0;
}
.header-search .input-search .input-group-text {
    padding: 0;
    width: 1.43rem;
    height: 1.33rem;
    background: #016BB7;
    border: 0 solid;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-search .input-search .bi-search {
    font-size: 0.68rem;
    color: #fff;
}
/* 头部 搜索框 END */

/* 头部 轮播图 BEGIN */
/* .header-shuffling .carousel-inner  img{
	height: 12.91rem;
} */
.header-shuffling .indicator li {
	width: 1.78rem;
	height: 0.23rem;
	background: #FFFFFF;
	border-radius: 0.625rem;
	border: 0;
	opacity: 1;
	margin-right: .28rem;
	margin-left: .28rem;
}
.header-shuffling .indicator .active {
	background: #016BB7;
}
/* 头部 轮播图 END */


/* 头部 tabber导航栏 BEGIN */
.nav-info {
	height: 2.08rem;
	background-color: #016BB7;
	padding: 0 !important;
	z-index: 999;
}
.nav-info .navbar-collapse {
	width: 100%;
	height: 2.08rem;
}
.nav-info .navbar-nav {
	width: 90%;
	height: 100%;
	margin: 0 auto;
	justify-content: space-around;
	float: none;
}
.nav-info .navbar-nav .nav-item {
	flex: 1;
	text-align: center;
	background-color: #016BB7;
	line-height: 2.08rem;
}
.nav-info .navbar-nav ul {
	display: none;
}
.nav-info .navbar-nav .nav-item:hover ul {
	display: block;
}
.nav-info .navbar-nav .nav-link {
	color: #fff !important;
	font-size: 0.68rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0;
	min-height: 2.08rem;
	line-height: 2.08rem;
}
.nav-info .navbar-nav .active .nav-link {
	color: #FFFFFF;
	background-color: #009AFF;
}
.nav-info  .navbar-nav .nav-link:focus, .nav-info  .navbar-nav .nav-link:hover {
	color: #FFFFFF;
	background-color: #009AFF;
}
/* 头部 tabber导航栏 END */


/* =============================   头部 ================================= */


/* =============================   底部 ================================= */

.footer-info {
	background: #333333;
	padding: 1.73rem 2.88rem;
	box-sizing: border-box;
}
.footer-info .row {
	margin-left: 0;
	margin-right: 0;
}
.footer-info .navbar-nav {
	flex-direction: row;
	padding: 0;
	border-bottom: .026667rem solid #7D7D7D;
	margin-bottom: 0.83rem;
}
.footer-info .nav-item {
	text-align: center;
	flex: 1;
}
.footer-info .nav-item a {
	color: #C0C4CC;
	font-size: 0.61rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
}
.footer-info .media-body h5  {
	font-size: 0.5rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #C0C4CC;
}
.footer-info .media-body a{
	font-size: 0.5rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #C0C4CC;
}
.footer-info .footer-logo {
	width: 100%;
}
.footer-info .footer-qrCode {
	width: 100%;
    height: auto;
    margin-top: 70px;

}

/* =============================   底部 ================================= */


/* =============================   适配样式 ================================== */
@media (max-width: 959px) {
	/* ======  头部 tabber导航栏 BEGIN  ====== */
	.nav-info {
		width: 100%;
		height: auto;
	}
	.nav-info  .navbar-nav{
		width: 100%;
		height: auto;
	}
	.nav-info .navbar-collapse {
		height: auto;
		margin-top: 1.25rem;
	}
	.nav-info .navbar-brand {
		color: #fff;
		font-size: 0.8rem;
	}
	.nav-info  .navbar-toggler {
		border-color: #fff;
		padding: 0.25rem 0.4rem;
		font-size: 0.75rem;
		color: #fff;
	}
	.header-search .input-search {
		width: 100%;
	}
	/* ======  头部 tabber导航栏 END  ====== */


	/* ======  底部 导航栏 BEGIN  ====== */
	.footer-info {
		padding: 0;
	}
	.footer-info .navbar-nav {
		flex-direction: column;
	}
	.footer-info .footer-logo {
		width: 8.53rem;
		margin: .533333rem 0;
	}
	.footer-info .footer-qrCode {
		width:4.53rem;
		margin: .533333rem 0;
	}
	/* ======  底部 导航栏 END  ====== */
}
@media (max-width: 1500px) {
	.header-search .input-search {
		width: 100%;
	}
}
@media (min-width: 960px) and (max-width: 992px) {
	.nav-info {
		width: 100%;
		height: auto;
	}
	.nav-info  .navbar-nav{
		width: 100%;
		height: auto;
	}
	.nav-info .navbar-collapse {
		height: auto;
		margin-top: 1.25rem;
	}
	.nav-info .navbar-brand {
		color: #fff;
		font-size: 0.8rem;
	}
	.nav-info  .navbar-toggler {
		border-color: #fff;
		padding: 0.25rem 0.4rem;
		font-size: 0.75rem;
		color: #fff;
	}
}