header{
	position: fixed;
	left:0;
	right:0;
	top:0;
	margin:auto;
	height: 80px;
	background-color: #fff;
	z-index: 9999;
}
header .head-nav{
	height: 100%;
	display: flex;
	justify-content: space-between;
}
header .head-nav .left-box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
header .head-nav .left-box .logo{
	display: flex;
	width:124px;
	align-items: center;
	justify-content: center;
}
header .head-nav .left-box .hjy{
	display: block;
	/* margin-left: 30px; */
	font-size: 28px;
}
header .head-nav .right-box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header .head-nav .right-box .nav-group{
	position: relative;
	font-size: 16px;
	color:#000;
	margin-left: 30px;
}
header .head-nav .right-box .nav-group:after{
	position: absolute;
	left:0;
	bottom:-10px;
	content: "";
	width: 100%;
	height: 2px;
	background-color: transparent;
}
header .head-nav .right-box .nav-group.on{
	color:var(--blue);
}
header .head-nav .right-box .nav-group.on::after{
	background-color: var(--blue)
}
header .head-nav .right-box .nav-group:hover{
	color:var(--blue);
}

/*关于我们 about-us*/
.about-us{
	background-color: #202020;
}
.about-us .ab-con{
	margin:0 auto;
	width: 1170px;
	padding:30px 0;
}
.about-us .company-name{
	font-size: 20px;
	text-align: center;
	padding:20px 0;
	color:#fff;
}
.about-us .ab-con .box{
	display: flex;
	width:100%;
	justify-content: space-between;
	font-size: 14px;
	color:#fff;
}
.about-us .ab-con .box .left{
	width:870px;
}
.about-us .ab-con .box .left>.text{
	line-height: 2;
}
.about-us .ab-con .box .left .address{
	margin-top: 10px;
	margin-bottom: 30px;
	display: flex;
	justify-content: flex-start;
}
.about-us .ab-con .box .left .address li{
	line-height: 2;
	margin-right: 30px;
}
.about-us .ab-con .box .left .friendlink{
	display: flex;
	justify-content: flex-start;
	margin-top: 10px;
}
.about-us .ab-con .box .left .friendlink li{
	margin-right: 30px;
}
.about-us .ab-con .box .left .friendlink li a{
	font-size: 14px;
	line-height: 2;
	color:#fbfbfb;
}
.about-us .ab-con .box .left .friendlink li a:hover{
	color:var(--blue);
}
.about-us .ab-con .box .right{
	width:270px;
	display: flex;
	justify-content: space-between;
}
.about-us .ab-con .box .right .code-box{
	width:100px;
}
.about-us .ab-con .box .right .code-box .text{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 20px;
	text-align: center;
}
.about-us .ab-con .box .right .code-box img{
	width:100%;
	height: auto;
}
/*copyright*/
.copyright{
	font-size: 14px;
	color: #fff;
	line-height: 3;
	text-align: center;
	background-color: #202020;
	border-top:1px solid #4d4d4d;
}
/**********************************************************/
.banner{
	display: block;
	width: 100%
}
.banner img{
	width: 100%;
	min-width: 1170px;
	height: auto;
}
.module{
	margin:0 auto;
}
.module-title{
	position: relative;
	font-size: 36px;
	/*font-weight: bold;*/
	letter-spacing: 4px;
	color:#333;
	text-align: center;
}
.module-title:after{
	position: absolute;
	content: "";
	bottom:-16px;
	left:0;
	right: 0;
	margin:auto;
	width: 60px;
	border-bottom: 2px solid var(--blue);
}
.ab-us{
	width: 1170px;
	padding: 0 100px;
}
.ab-us .group{
	margin: 30px 0;
}
.ab-us .group .title{
	font-size: 24px;
	line-height: 2;
}
.ab-us .group .group-con p{
	text-indent: 2em;
	font-size: 16px;
	line-height: 2;
}
.ab-us .group .group-con p a{
	color:var(--blue);
}
/*history*/
.history{
	height: 400px;
	display: flex;
	justify-content: center;
}
.history img{
	width: auto;
	height: 400px;

}
/*honor*/
.honor{
	width: 1170px;
	padding:100px  0;
}
.honor-con{
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.honor-con .left{
	width: 500px;
	padding-left: 70px;
	padding-top: 30px;
}
.honor-con .left ul{
	list-style: none;
}
.honor-con .left ul .img{
	position: relative;
	display: none;
	width: 370px;
	height: 266px;
	background:url('../images/honor_pic_shadow.png') no-repeat center/100%;
}
.honor-con .left ul .img.on{
	display: block;
}
.honor-con .left ul .img img{
	position: absolute;
	left: 30px;
	bottom:30px;
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.honor-con .left ul .img img:hover{
	left: 0;
	bottom:0;
	transition: all 1s;
}
.honor-con .right{
	width: 600px;
	padding-left: 30px;
	display: flex;
	align-items: center;
}
.honor-con .right li{
	font-size: 24px;
	line-height: 2;
	cursor:pointer;
}
.honor-con .right li:hover{
	color:var(--blue);
}
.honor-con .right li.on{
	color: var(--blue)
}
/*copyright*/
.copy{
	background-color: #f6f7f6;
	padding: 100px 0;
}
.copy-con{
	margin:0 auto;
	margin-top: 60px;
	/*background-color: pink;*/
	width:1170px;
}

.swiper-container {
  width: 100%;
  padding-bottom: 50px;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 416px;
}

.swiper-slide img{
	width: 100%;
	transition:transform 1s;
}
.swiper-slide.swiper-slide-active img:hover{
	transform: scale(1.05) translate(0,10px);
	transition:transform 1s;
}