.topinfobox {
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}

.topinfoall {
	color: #b6b6b6;
	width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
}

.logoinfoall {
	width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logoallbox {
	width: 100%;
}

.logoinfoleft {
	padding: 20px 0;
	display: flex;
}

.logoimg {
	height: 85px;
}

.logoword {
	padding-left: 30px;
}

.topbtit {
	font-size: 32px;
}

.topstit {
	color: #b6b6b6;
	font-size: 16px;
}

.logoinforight {
	display: flex;
	padding-right: 20px;
}


.phoneimg {
	height: 60px;
}

.topphone {
	color: #c92f24;
	font-size: 24px;
}

.topphonew {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.navbox {
	width: 100%;
	background-image: url(/public/img/navback.png);
	background-repeat: no-repeat;
	/* background-position: -180px 0; */
}

.navall {
	display: flex;
	width: 1300px;
	margin: 0 auto;
	justify-content: space-between;
}

.toponenav {
	width: 100%;
	margin-top: 5px;
	color: #fff;
	padding: 25px 20px 20px 20px;
}

.topact {
	color: #069ffe;
}

.indact {
	color: #000000;
}

/* 悬浮 */
.InvertedImage {
	transform: translateZ(0);
	position: relative;
	transition: transform 0.3s;
}

.InvertedImage:before {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: radial-gradient(ellipse at center, rgba(253, 253, 253, 0.3) 0%, rgba(255, 255, 255, 0.0) 80%);
	transition-duration: 0.3s;
	transition-property: transform, opacity;
}

.InvertedImage:hover,
.InvertedImage:focus,
.InvertedImage:active {
	transform: translateY(-5px);
}

.InvertedImage:hover:before,
.InvertedImage:focus:before,
.InvertedImage:active:before {
	opacity: 1;
	transform: translateY(5px);
}


#foot {
  background: #1f1e1f;
  padding-top: 60px;
}

#foot .footTop {
  display: flex;
  justify-content: space-between;
}

#foot .footTop h2 {
  font-size: 27px;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 0;
  border-bottom: 1px solid #fff;
}

#foot .footTop .menu {
  width: 32%;
}

#foot .footTop .contact {
  width: 26%;
}

#foot .footTop .ewm {
  width: 22%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#foot .footTop .menu ul {
  display: flex;
  flex-wrap: wrap;
}

#foot .footTop .menu ul li {
  width: 25%;
  margin-top: 40px;
}

#foot .footTop .menu ul li a {
  color: #fff;
  font-size: 14px;
}

#foot .footTop .contact .contactCon {
  margin-top: 40px;
  color: #fff;
}

#foot .footTop .contact .contactCon p {
  margin-bottom: 15px;
}

#foot .footTop .ewm span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #fff;
  margin-bottom: 15px;
}

#foot .footTop .ewm span img {
  width: 123px;
  height: 123px;
  margin-bottom: 25px;
}

.footBot {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 45px;
  height: 50px;
}

.footBot a {
  color: #fff;
}

ul,li {
	list-style: none;
}

.menu ul {
	padding: 0;
}

@media (min-width: 1200px){
.container {
    width: 1170px;
}

}

@media (max-width: 1200px){
	.topinfobox {
		width: 1300px;
}

.logoallbox {
	width: 1300px;
}

.navbox {
	width: 1300px;
}

.swiper-banner {
	width: 1300px;
}

#foot{
	width: 1300px;
}

}