* {

	margin: 0;

	padding: 0;

}



body, html {

	width: 100%;

	height: 100%;

	overflow: hidden;

}



ul {

	list-style: none;

}



.mgrt25 {

	margin-top: 25px;

}



.bd {

	border: 1px solid red;

}

/******************page********************/

.page {

	width: 100%;

	height: auto;

	position: relative;

	margin: 3px auto;

}



#videoshow {

	width: 100%;

	height: 100%;

	object-fit: fill;

}



.videobox {

	width: 100%;

	height: 100%;

}



.swiper-box {

	width: 100%;

	height: 100%;

}



.ewayboxs {

    max-width: 1366px;

    width: 100%;

    height: 133px;

    position: relative;

    /* bottom: -50px; */

    /* left: 50%; */

    /* transform: translate(-50%, 0); */

    background: transparent;

    z-index: 999;

    margin: -57px auto 0px auto;

}

.ewayboxs ul {

	width: 100%;

	height: 100%;

	display: flex;

	flex-wrap: nowrap;

	flex-direction: row;

	justify-content: space-between;

	position: relative;

}



.ewayboxs ul li {

	width: 13%;

	height: 100%;

	text-align: center;

	transition: all 0.2s linear;

	position: relative;

	cursor: pointer;

	background: #fff;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	border-radius: 3px

}



.ewayboxs ul li:hover {

	background: #138b51;

	color: #fff;

}



.showbox {

	width: 100%;

	height: auto;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.limg {

	width:120px;

	height:90px;

	margin: 0 auto;

	box-sizing: border-box;

}



.ewayboxs li:nth-child(1) .limg {

	background-image: url("../image/photo1.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs li:nth-child(2) .limg {

	background-image: url("../image/photo2.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs li:nth-child(3) .limg {

	background-image: url("../image/photo3.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs li:nth-child(4) .limg {

	background-image: url("../image/photo4.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs li:nth-child(5) .limg {

	background-image: url("../image/photo5.png");

	background-position: left;

	background-repeat: no-repeat;

}



.ewayboxs li:nth-child(6) .limg {

	background-image: url("../image/photo6.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs li:nth-child(7) .limg {

	background-image: url("../image/szlogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs li:nth-child(1):hover .limg {

	background-position: right;

}

.ewayboxs li:nth-child(1):hover .limg {

	background-position: right;

}.ewayboxs li:nth-child(2):hover .limg {

	background-position: right;

}

.ewayboxs li:nth-child(3):hover .limg {

	background-position: right;

}

.ewayboxs li:nth-child(4):hover .limg {

	background-position: right;

}

.ewayboxs li:nth-child(5):hover .limg {

	background-position: right;

}

.ewayboxs li:nth-child(6):hover .limg {

	background-position: right;

}

.ewayboxs li:nth-child(7):hover .limg {

	background-position: right;

}

.ewayboxs1 li:nth-child(1) .limg {

	background-image: url("../image/applelogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs1 li:nth-child(2) .limg {

	background-image: url("../image/hwlogo1.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs1 li:nth-child(3) .limg {

	background-image: url("../image/itlogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs1 li:nth-child(4) .limg {

	background-image: url("../image/jjlogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs1 li:nth-child(5) .limg {

	background-image: url("../image/szlogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs1 li:nth-child(6) .limg {

	background-image: url("../image/zqlogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.ewayboxs1 li:nth-child(7) .limg {

	background-image: url("../image/jylogo.png");

	background-position: left;

	background-repeat: no-repeat;

}

.rcon {

	width: 100%;

	padding: 8px 0;

	font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica,

		'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei',

		STHeiti, SimSun, sans-serif;

	font-size: 16px;

}



.clearfix:after {

	content: "";

	display: block;

	height: 0;

	visibility: hidden;

	clear: both;

}



.clearfix {

	*zoom: 1;

}



.ewayboxs1 {

	width: 100%;

	min-height: 100px;

	display: none;

}



.ewayboxs1 ul li {

	width: 50%;

	float: left;

	padding: 15px 0;

	text-align: center;

	border: 1px solid #cccccc;

	font-size: 18px;

	font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;

	border-top: none;

	border-left: none;

}



.ewayboxs1 ul li:nth-child(even) {

	border-top: none;

	border-right: none;

}



.ewayboxs1 ul li:last-child {

	width: 100%;

}



.ewayboxs1 li p {

	width: 120px;

	overflow: hidden;

	margin: 0 auto;

}

/****************/

@media only screen and (max-width: 1367px) {

	.ewayboxs {

		bottom: 50px;

	}

}



@media only screen and (max-width: 767px) {

	.page {

		width: 100%;

		height: auto;

		position: relative;

	}

	.eway-con {

		width: 100%;

		height: 100%;

		margin: 0 auto;

	}

	.navbar-nav {

		width: 100%;

		margin: 0 auto;

	}

	.navbar-collapse {

		background: #FFFFFF;

	}

	.navbar-nav .nav-li {

		width: 100%;

		height: auto;

		border-bottom: 1px solid #CCCCCC;

	}

	body, html {

		overflow: scroll;

	}

	.videobox {

		height: auto;

	}

	.videobox .swiper-box .swiper-wrapper .swiper-slide img {

		width: 100%;

		/* height: 400px; */

	}

	.ewayboxs {

		display: none;

	}

	.ewayboxs1 {

		display: block;

	}



	/* .pagefooter {

	display: none;

	} */

}