.swipe {
	width: 100%;
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.fl{
	float: left;
}
.fr{
	float: right;
}

header{
	width: 100%;
	height: 100px;
	background: #fff;
}
header .center{
	width: 96%;
	height: 100%;
	margin: 0 auto;
}
header .logo{
	float: left;
}
header .logo img{
	transform: scale(0.7);
}
header nav{
	float: right;
	    position: relative;
    /*left: 40px;*/
}
header nav ul{
	display: flex;
	height: 100px;
	align-items: center;
	justify-content: space-around;
}
header nav li{
	/*line-height: 100px;*/
	text-align: center;
}
header nav li:hover a{
	color: #40c7f4;
}
header nav li strong{
	display: block;
	font-size: 12px;
}
header nav a{
	padding: 0 14px;
	font-size: 14px;
	color: #343538;
	transition: .1s;
}


/*bottom*/
.bottom{
	
	box-sizing: border-box;
	padding-top: 20px;
    padding-bottom: 20px;
	background: #222222;
}
.bottom .center{
	width: 1200px;
	margin: 0 auto;
}
.bottom .fl{
	width:75%;
}
.bottom ul{
	border-bottom: 1px solid #d2d2d2;
}
.bottom li{
	line-height: 67px;
	float: left;
	margin-right: 24px;
}
.bottom li a{
	font-size: 13px;
	color: #d2d2d2;
}
.bottom .copys{
	padding-top: 16px;
}
.bottom p{
	line-height: 26px;
	font-size: 13px;
	color: #d2d2d2;
}
.bottom .fr{
	width: 240px;
}
.bottom .tel{
	height: 68px;
	padding-left: 62px;
	box-sizing: border-box;
	color: #fff;
	border-bottom: 1px solid #d2d2d2;
	background: url(../images/tel.png) no-repeat left 6px;
	background-size:40px 40px;
}
.bottom .tel span{
	display: block;
	font-size: 14px;
	line-height: 20px;
}
.bottom .tel strong{
	font-size: 20px;
	line-height: 36px;
	font-weight: 800;
}