.section-video {
	width: 100%;
	background: #000;
	position: relative;
	padding: 15px 0;
}


.video-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	margin: auto;
	right: 0;
	bottom: 0;
}

@media(min-width: 1200px) {
	.video-box {
		width: 100%;
		height: 660px;
		padding-top: 0px;
	}

	.video-js {
		margin: auto;
		width: 1150px;
		height: 660px;
	}
}

@media(min-width: 500px) and (max-width: 1200px) {
	.video-js {
		margin: auto;
		width: 100%;
		height: 500px;
	}
}

.video-js .vjs-big-play-button {
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.code {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

.qrcode {
	width: 120px;
	height: 120px;
}

.qrcode-text {
	font-size: 12px;
}


.code-item {
	width: 120px;
	height: 150px;
	margin: 5px;
}


.section-news {
	margin: 10px;
}





@media(min-width: 900px) {

	.page {
		top: 0px;
	}

	.page-head {
		height: 100px;
		background: #fff;

		.bg-transparent .rd-navbar-static .rd-navbar-nav>li a {
			color: #000 !important;
		}
	}


	.bg-transparent .rd-navbar-static .rd-navbar-panel,
	.bg-transparent .rd-navbar-fullwidth .rd-navbar-panel {
		padding: 20px 0;
	}

	.page-bar {

		.bar-bg {
			height: 450px;
			background-size: cover;
			background-position: left center;
		}

		.about-bg {
			background-image: url(../image/about-bar.png);
		}

		.product-bg {
			background-image: url(../image/product-bar.png);
		}

		.news-bg {
			background-image: url(../image/news-bar.png);
		}

	}


	.product-info {

		min-height: 800px;
		width: 1200px;
		margin: 20px auto;

		.product-title {
			height: 100px;
			font-size: 30px;
			line-height: 100px;
		}

		.product-title {
			text-align: center;
		}

		.product-content {
			.product-img {
				max-width: 1000px;
				margin: 5px auto;
			}

			.product-text {
				max-width: 1000px;
				margin: 5px auto;
				height: 500px;
				font-size: 28px;
				line-height: 500px;
			}
		}
	}

	.product-list {
		height: 580px;
		background-color: #f1f1f1;

		.swiper-button-next,
		.swiper-button-prev {
			width: 50px;
			height: 50px;
			border: 1px solid #ccc;
			border-radius: 100px;
			background: #000;
			margin: 0 15px;
		}

		.swiper-button-next:after,
		.swiper-button-prev:after {
			font-size: 25px;
			color: #fff;
		}

		.product-img {
			width: 300px;
			height: 350px;
			margin: auto;
			text-align: center;
			line-height: 350px;
		}

		.product-name {
			font-size: 25px;
			font-weight: bold;
		}

		.product-details {
			height: 50px;
			line-height: 50px;
			font-size: 18px;
		}

		.product-details a {
			color: #000;
			text-decoration: underline
		}

		.product-details a {
			color: #000;
			text-decoration: underline
		}

		.product-details a:hover {
			color: #00b4be;
			text-decoration: none;
		}

	}

	.product-box {
		height: 500px;
		margin: 20px;
		background: #fff;
	}

}

@media(min-width: 580px) and (max-width: 1200px) {

	.page-head {

		height: 85px;
		background: #fff;

		.bg-transparent .rd-navbar-nav>li a {
			color: #000 !important;
		}

		.bg-transparent .rd-navbar-static .rd-navbar-panel {
			padding: 22px 0 !important;
		}

		.bg-transparent .rd-navbar-static .rd-navbar-panel,
		.bg-transparent .rd-navbar-fullwidth .rd-navbar-panel {
			padding: 20px 0;
		}

	}

	.rd-navbar-fixed-linked {
		height: 85px;
		background: #fff;

		.bg-transparent .rd-navbar-nav>li a {
			color: #fff !important;
		}

	}

	.page-bar {

		.bar-bg {
			height: 450px;
			background-size: cover;
			background-position: left center;
		}

		.about-bg {
			background-image: url(../image/about-bar.png);
		}

		.product-bg {
			background-image: url(../image/product-bar.png);
		}

		.news-bg {
			background-image: url(../image/news-bar.png);
		}

	}
}

@media(min-width: 768px) and (max-width: 1200px) {

	.rd-navbar-fullwidth-linked {
		.page-head {
			height: 180px;
			background: #fff;
		}
	}

	.rd-navbar-fixed-linked {
		.page-head {
			height: 56px;
			background: #fff;
		}

		.logo-top {
			width: 150px;
			height: 40px;
			margin-top: 5px;
		}
	}
}


@media(max-width: 580px) {

	.page-head {
		margin-top: 56px;
		background: #fff;
	}

	.page-bar {

		.bar-bg {
			height: 200px;
			background-size: cover;
			background-position: left center;
		}

		.about-bg {
			background-image: url(../image/about-bar.png);
		}

		.product-bg {
			background-image: url(../image/product-bar.png);
		}

		.news-bg {
			background-image: url(../image/news-bar.png);
		}

	}

	.product-info {

		min-height: 800px;
		margin: 20px auto;
		width: 90%;

		.product-title {
			height: 100px;
			font-size: 30px;
			line-height: 100px;
		}

		.product-title {
			text-align: center;
		}

		.product-content {
			.product-img-box {
				text-align: center;
				margin: auto;
			}

			.product-img {
				margin: 5px auto;
			}

			.product-text {
				font-size: 20px;
				text-align: left;
				margin: 20px auto;
			}
		}
	}
}