.flex,
.nav {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.flexcenter {
	display: flex;
	justify-content: center;
	align-items: center
}

.flexspace {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.w100 {
	width: 100%
}

.nav {
	width: 3.75rem;
	height: .4rem;
	line-height: .4rem;
	color: #fff
}

.nav li {
	text-align: center;
	color: #efefef;
	width: 33%;
	background-color: #000000
}

.slide2 {
	overflow: hidden;
	position: relative
}

.slide2 .box1-title {
	width: 37%;
	position: absolute;
	top: 8%;
	left: 10.7%
}

.slide2 .box1-img {
	width: 94%;
	position: absolute;
	top: 19%;
	left: 3%
}

.slide2 img {
	width: 100%
}

.slide3 {
	overflow: hidden;
	position: relative
}

.slide3 .box1-title {
	width: 37%;
	position: absolute;
	top: 4%;
	left: 10.7%
}

.slide3 .box1-img {
	width: 80%;
	position: absolute;
	top: 13%;
	left: 10%
}

.slide3 img {
	width: 100%
}

.slide4 {
	overflow: hidden;
	position: relative
}

.slide4 img.bg {
	top: 0%
}

.slide4 .jishi {
	width: 100%
}

.slide4 .jishi-bg {
	position: absolute;
	top: 0;
	left: 0
}

.slide4 ul {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.slide4 ul li {
	width: 100%;
	height: 100%;
	position: relative
}

.slide4 ul li .aci {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s
}

.slide4 ul li div {
	width: 31%;
	position: absolute;
	line-height: 2;
	font-size: .13rem;
	font-weight: 900;
	text-align: center;
	color: #fff;
	top: 44.6%;
	left: 10%;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	letter-spacing: 1px
}

.slide4 ul li div.rig {
	width: 50%;
	left: 48%
}

.slide4 ul .active img {
	top: 64%
}

.slide4 ul .active div {
	top: 72%
}

.slide4 img {
	width: 100%
}

.slide5 {
	overflow: hidden;
	position: relative
}

.slide5 .bg {
	top: 0
}

.slide5 .box1-title {
	width: 35%;
	position: absolute;
	top: 5%;
	left: 12.3%
}

.slide5 .box1-img {
	width: 80%;
	position: absolute;
	top: 12%;
	left: 11.5%
}

.slide5 .videobox {
	overflow: hidden;
	width: 68%;
	position: absolute;
	bottom: 6%;
	margin: auto;
	right: 0;
	left: 0;
	display: none;
}

.slide5 .videobox img.video-border {
	width: 100%
}

.slide5 .videobox .videobg {
	width: 92%;
	position: absolute;
	top: 6.5%;
	left: 4%
}

.slide5 .videobox .bofangalert {
	z-index: 1;
	position: absolute;
	width: 105%;
	top: 0%;
	left: 0;
	cursor: pointer;
	animation: pulse 1s infinite;
	-webkit-animation: pulse 1s infinite;
	-moz-animation: pulse 1s infinite;
	-o-animation: pulse 1s infinite
}

.slide5 img {
	width: 100%
}

.slide6 {
	overflow: hidden;
	position: relative
}

.slide6 .bg {
	top: 0
}

.slide6 .box1-title {
	width: 100%;
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto
}

.slide6 .imgboxshow {
	width: 70%;
	height: 60%;
	position: absolute;
	top: 15%;
	left: 15%
}

.slide6 .imgboxshow img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%
}

.slide6 #swiper2 {
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	bottom: 15%;
	margin: auto
}

.slide6 img {
	width: 100%
}

.slide7 {
	overflow: hidden;
	position: relative;
	background-color: #e7e7e7;
	padding-bottom: 1px
}

.slide7 .tab-box {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: auto
}

.slide7 .peizhi {
	width: 100%;
	padding: .3rem 0
}

.slide7 .tablebox1 {
	width: 120%;
	border-bottom: none
}

.slide7 .tablebox2 {
	width: 100%;
	margin: 0px auto;
	height: 75%;
	overflow: auto
}

.slide7 .tablebox2 table {
	width: 120%;
	border-top: none
}

.slide7 img {
	width: 100%
}
.slide7 .tablebox2 {
	height: 60%;
}