@charset "utf-8";

* {
	box-sizing: border-box;
}

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

.left {
	float: left;
}

.right {
	float: right;
}

.reyee-content {
	position: relative;
}

	.reyee-content .pc-show {
		display: block;
	}

	.reyee-content .mb-show {
		display: none;
	}

.reyee-cont {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}

.reyee-img img {
	width: auto;
	max-width: 100%;
	pointer-events: none;
}
/*--------header--------*/
.reyee-header-top .r-logo {
	margin-top: 15px;
}

	.reyee-header-top .r-logo a {
		float: left;
	}

.reyee-logo {
	position: relative;
}

	.reyee-logo:before {
		content: "";
		width: 2px;
		height: 25px;
		background-color: #bebebe;
		position: absolute;
		left: 0;
		top: 10px;
	}

.reyee-header-top .r-header-btm {
	height: 84px;
}

.reyee-header {
	z-index: 100;
	width: 100%;
	background-color: #0055cc;
	height: 65px;
	box-shadow: 6px 1px 4px 0px rgba(0,0,0,.35);
	position: fixed;
	top: 80px;
}

	.reyee-header ul {
		width: 54%;
		float: right;
	}

		.reyee-header ul li {
			float: left;
			margin-left: 38px;
		}

			.reyee-header ul li a {
				display: inline-block;
				padding: 20px 0 14px;
				color: #fff;
				font-size: 20px;
				position: relative;
			}

				.reyee-header ul li.on a:before,
				.reyee-header ul li a:hover:before {
					content: "";
					width: 100%;
					height: 4px;
					background-color: #02dda7;
					position: absolute;
					left: 0;
					bottom: -3px;
				}

/*-------------正文开始--------------*/
.reyee-content {
	top: 65px;
}

.reyee-main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #000;
}

.reyee-banner {
	position: relative;
	background: url(../images/banner-bg.jpg);
	background-size: 100% 100%;
	padding: 4% 0 0;
	height: 950px;
}

	.reyee-banner h2 {
		font-size: 50px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 38px;
	}

	.reyee-banner .play-btn {
		line-height: 51px;
		background-color: #fff;
		border-radius: 6px;
		padding: 0 20px;
		font-size: 20px;
		color: #212121;
		display: inline-block;
	}

		.reyee-banner .play-btn .icon-video {
			margin-right: 15px;
			position: relative;
			top: -2px;
		}

	.reyee-banner .reyee-img {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

		.reyee-banner .reyee-img .device {
			width: 50%;
			margin: 0 auto;
			position: relative;
			height: 438px;
		}

			.reyee-banner .reyee-img .device .reyee-phone {
				position: absolute;
				left: 72px;
				bottom: 28px;
				z-index: 7;
				width: 134px;
				/* width: 14%; */
			}

			.reyee-banner .reyee-img .device .reyee-pc {
				position: absolute;
				left: 100px;
				bottom: 0;
				z-index: 6;
				/* width: 80%; */
				width: 740px;
			}

			.reyee-banner .reyee-img .device .video-element {
				width: 100%;
				height: 100%;
				z-index: 1;
				position: absolute;
				left: 9px;
				top: 4px;
			}

				.reyee-banner .reyee-img .device .video-element video {
					width: 100%;
				}

		.reyee-banner .reyee-img .reyee-phone-img,
		.reyee-banner .reyee-img .reyee-pc-img {
			position: relative;
			z-index: 2;
		}

			.reyee-banner .reyee-img .reyee-phone-img img,
			.reyee-banner .reyee-img .reyee-pc-img img {
				pointer-events: none;
			}

		.reyee-banner .reyee-img .device .reyee-pc .video-element {
			width: 590px;
			left: 77px;
			top: 31px;
		}

		.reyee-banner .reyee-img .device .reyee-phone .video-element video {
			width: 85%;
		}

		.reyee-banner .reyee-img .family {
			width: 100%;
			position: relative;
			z-index: 7;
			top: -115px;
		}
	/* .reyee-banner .banner-wrap{
	width: 100%;
	height: 100%;
	padding-top: 3%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
} */
	.reyee-banner .banner-img img {
		width: 100%;
	}

	.reyee-banner .banner-img .video-element {
		width: 100%;
		height: 100%;
	}

		.reyee-banner .banner-img .video-element video {
			width: 100%;
		}
	/* .reyee-banner .reyee-img .iphone-box{
	width: 130px;
	height: 263px;
	position: absolute;
	left:24%;
	top: 19%;
} */
	.reyee-banner .box {
		width: 100%;
		text-align: center;
		margin: 0 0 40px;
	}

.fancybox-popup {
	width: 680px;
	height: 450px;
	display: none;
	overflow: hidden;
	position: relative;
}

.fancybox-opened .fancybox-skin {
	padding: 0 !important;
}

.fancybox-popup .title {
	font-size: 18px;
	line-height: 45px;
	padding: 10px 15px;
}

.fancybox-popup .video {
	width: 100%;
	height: 100%;
}

	.fancybox-popup .video video {
		width: 100%;
	}

.fancybox-popup .closeBtn {
	width: 30px;
	height: 30px;
	position: absolute;
	display: inline-block;
	right: 20px;
	top: 15px;
	background: url('../images/close.png') no-repeat;
}

.fancybox-close {
	display: none;
}

.reyee-row {
	max-width: 1200px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.reyee-cont-item {
	padding: 6% 0 3%;
	color: #6b6b6b;
}

	.reyee-cont-item .video-element {
		width: 100%;
		height: 100%;
	}

		.reyee-cont-item .video-element video {
			width: 100%;
		}

	.reyee-cont-item .reyee-cont-title {
		text-align: center;
		font-size: 40px;
		margin-bottom: 20px;
		font-weight: bold;
		background: -moz-linear-gradient(left, #0d58c8 30%, #00dca5 70%);
		background: -webkit-linear-gradient(left, #0d58c8 30%, #00dca5 70%);
		background: -o-linear-gradient(left, #0d58c8 30%, #00dca5 70%);
		background: -ms-linear-gradient(left, #0d58c8 30%, #00dca5 70%);
		background: linear-gradient(to right, #0d58c8 30%, #00dca5 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

.reyee-cont-title-ie {
	text-align: center;
	font-size: 40px;
	height: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

.reyee-cont-item .reyee-cont-desc {
	text-align: center;
	font-size: 26px;
}

.reyee-cont-item.reyee-item-1 .reyee-cont-desc {
	margin-bottom: 20px;
}

.reyee-cont-item.reyee-item-1 {
	padding-top: 4%;
}

.reyee-cont-item.reyee-item-3 .video-element {
	width: 100%;
	height: 640px;
	overflow: hidden;
}

.reyee-cont-item.reyee-item-1 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.reyee-cont-item.reyee-item-2 {
	background: url(../images/reyee-s-3-bg.jpg) no-repeat #f5f5f5;
	background-size: 100%;
	position: relative;
	top: -9px;
}

.reyee-cont-item.reyee-item-3 {
	padding-bottom: 0;
}

.reyee-cont-item.reyee-item-2 .reyee-cont-desc {
	margin-bottom: 45px;
}

	.reyee-cont-item.reyee-item-2 .reyee-cont-desc p {
		margin: 0 !important;
		line-height: 35px;
	}

.reyee-cont-item.reyee-item-3 .reyee-cont-title,
.reyee-cont-item.reyee-item-3 .reyee-cont-title-ie {
	margin-bottom: 60px;
}

.reyee-cont-item.reyee-item-4 {
	background: url(../images/reyee-s-5.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 20%;
	padding-top: 5%;
}

	.reyee-cont-item.reyee-item-4 .reyee-cont-title,
	.reyee-cont-item.reyee-item-4 .number {
		background-image: -webkit-linear-gradient(left, #c5ddff 30%, #00dca5 70%);
		background-image: -o-linear-gradient(left, #c5ddff 30%, #00dca5 70%);
		background-image: linear-gradient(to right, #c5ddff 30%, #00dca5 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		color: #34dcb1\0;
		background: none\0;
	}

	.reyee-cont-item.reyee-item-4 .reyee-cont-desc {
		font-size: 26px;
		color: #fff;
		margin-bottom: 100px;
	}

	.reyee-cont-item.reyee-item-4 .number-box .desc {
		font-size: 24px;
		color: #fff;
	}

.reyee-number {
	width: 100%;
	margin: 0 auto;
}

	.reyee-number .number-box {
		width: 50%;
		float: left;
		text-align: center;
	}

		.reyee-number .number-box .number {
			font-size: 60px;
			font-weight: bold;
		}
/*---------子页面-----------*/
.breadcrumb {
	padding: 10px 0;
	color: #a4a4a4;
	font-size: 14px;
}

	.breadcrumb a, .breadcrumb span {
		display: inline-block;
		margin: 0 4px;
	}

	.breadcrumb a {
		color: #333;
	}

.reyee-cont-subItem {
	padding: 4% 0 2%;
}

	.reyee-cont-subItem.subItem-5 {
		padding-top: 4%;
	}

	.reyee-cont-subItem.subItem-1 {
		padding-top: 20px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		width: 50%;
		padding-left: 40px;
		font-size: 24px;
		color: #242424;
		font-weight: 700;
		position: relative;
		line-height: 40px;
	}

	.reyee-cont-subItem.subItem-1 .reyee-cont-subItem-title .box,
	.reyee-cont-subItem.subItem-3 .reyee-cont-subItem-title .box {
		padding-left: 0;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-title .box {
		color: #00dca5;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box:before {
		content: '';
		width: 44px;
		height: 5px;
		position: absolute;
		left: 40px;
		bottom: 0;
		background-color: #0055cd;
	}

	.reyee-cont-subItem.subItem-1 .reyee-cont-subItem-title .box:before,
	.reyee-cont-subItem.subItem-3 .reyee-cont-subItem-title .box:before {
		left: 0;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-title .box:before {
		background-color: #00dca5;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .text-wrap {
		width: 50%;
		padding: 15px 0 0 40px;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .text-wrap.left {
			padding-right: 20px;
		}

	.reyee-cont-subItem.subItem-1 .reyee-cont-subItem-box .text-wrap,
	.reyee-cont-subItem.subItem-3 .reyee-cont-subItem-box .text-wrap {
		padding-left: 0;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .text-list {
		line-height: 38px;
		font-size: 16px;
		color: #333333;
		margin-bottom: 10px;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .text-list {
		color: #fff;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .text-list li {
		list-style: inside none;
		background: url(../images/dot.jpg) no-repeat scroll 0 16px;
		padding-left: 23px;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .text-list li {
		background: url(../images/dot-green.jpg) no-repeat scroll 0 16px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .text-list.onlyOne li {
		background: none;
		padding: 0;
		line-height: 28px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .reyee-img {
		width: 50%;
		background: url(../images/subpage-bg-1.png) no-repeat center;
		background-size: 100%;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .reyee-img {
		position: relative;
		top: -50px;
		background: url(../images/subpage-bg-2.png) no-repeat center;
		background-size: 100%;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .reyee-img.video-wrap {
		background: none;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList {
		padding-top: 40px;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .picList li {
			width: 33.33%;
			margin-bottom: 20px;
			text-align: center;
			float: left;
		}

			.reyee-cont-subItem .reyee-cont-subItem-box .picList li a {
				display: block;
				max-width: 100%;
				padding: 0 10px;
				word-wrap: break-word;
			}

			.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic {
				background: url(../images/sub-p-bg-1.png) no-repeat center 0;
				margin: 0 auto;
			}

				.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic img,
				.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic {
					width: 105px;
				}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic {
		background: url(../images/sub-p-bg-2.png) no-repeat center 0;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li .text {
		font-size: 12px;
		color: #333333;
		line-height: 16px;
		margin: 0 auto 10px;
		padding: 0;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li .introduction {
		font-size: 12px;
		color: #999;
		line-height: 14px;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .text {
		color: #fff;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .introduction {
		color: #fff;
		font-size: 12px;
		padding: 0 10px;
		line-height: 14px;
		min-height: 45px;
	}

	.reyee-cont-subItem.subItem-2 {
		background: url(../images/reyee-sub-bg1.png) no-repeat #1b58ce;
		background: url(../images/reyee-sub-bg1.png) no-repeat #0055cc\0;
		background-size: 100% 100%;
	}

		.reyee-cont-subItem.subItem-2.safri {
			background-color: #2366d0;
		}

	.reyee-cont-subItem.subItem-4 {
		background: url(../images/reyee-sub-bg-2.png) no-repeat #1e58c8;
		background: url(../images/reyee-sub-bg-2.png) no-repeat #0055cc\0;
		background-size: 100% 100%;
	}

		.reyee-cont-subItem.subItem-4.safri {
			background-color: #2566cb;
		}

@-moz-document url-prefix() {
	.reyee-cont-subItem.subItem-2 {
		background-color: #0055cc;
	}

	.reyee-cont-subItem.subItem-4 {
		background-color: #0055cc;
	}
}
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	.reyee-cont-subItem.subItem-2{
		background:url(../images/reyee-sub-bg1.png) no-repeat #1b58ce;
	}
	.reyee-cont-subItem.subItem-4{
		background:url(../images/reyee-sub-bg-2.png) no-repeat #1e58c8;
	}
} */
.reyee-cont-subItem .video-element {
	width: 100%;
	height: 330px;
}

	.reyee-cont-subItem .video-element video {
		/* width: 100%; */
		height: 100%;
		/* mix-blend-mode: screen; */
	}

.hideIe {
	display: block;
	display: none\0;
}

.showIe {
	display: none;
	display: block\0;
}

.hideIe8 {
	display: block;
	display: none/;
}

.showIe8 {
	display: none;
	display: block/;
}

.slideBox {
	position: relative;
	padding: 0 30px;
	width: 500px;
	display: inline-block;
}

	.slideBox .swiper-container ul {
		overflow: hidden;
		zoom: 1;
	}
/*-------------动画-----------------*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transition: opacity 1s ease 0.2s, transform cubic-bezier(0.26, 0.46, 0.45, 0.95);
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@media \0screen {
	.showIe8 {
		display: block;
	}

	.hideIe8 {
		display: none;
	}
}

.slideBox .prev {
	background: url(../images/arrow-prev.png) no-repeat #fff;
	position: absolute;
	left: 5px;
	top: 65px;
	width: 15px;
	height: 27px;
	z-index: 3;
	display: none;
}

.slideBox .next {
	background: url(../images/arrow-next.png) no-repeat #fff;
	position: absolute;
	right: 5px;
	top: 65px;
	width: 15px;
	height: 27px;
	z-index: 3;
	display: none;
}

.green-item .slideBox .prev {
	background: url(../images/arrow-prev-white.png) no-repeat;
}

.green-item .slideBox .next {
	background: url(../images/arrow-next-white.png) no-repeat;
}

@media screen and (max-width: 1700px) {
	.reyee-banner {
		height: 900px;
	}
}

@media screen and (max-width: 1500px) {
	.reyee-banner {
		height: 765px;
	}

		.reyee-banner h2 {
			font-size: 42px;
			margin-bottom: 20px;
		}

		.reyee-banner .reyee-img .device {
			height: 355px;
		}

			.reyee-banner .reyee-img .device .reyee-pc .video-element {
				width: 458px;
				left: 64px;
				top: 25px;
			}

			.reyee-banner .reyee-img .device .reyee-pc {
				width: 585px;
			}

			.reyee-banner .reyee-img .device .reyee-phone {
				left: 72px;
				bottom: 48px;
				width: 100px;
			}

				.reyee-banner .reyee-img .device .reyee-phone .video-element {
					width: 100%;
				}

		.reyee-banner .reyee-img .family {
			top: -90px;
		}
}

@media screen and (max-width: 1280px) {
	/*------首页--------*/
	.reyee-cont-item.reyee-item-3 .video-element {
		height: 535px;
	}

	.reyee-banner h2 {
		font-size: 40px;
	}

	.reyee-cont-item .reyee-cont-title {
		font-size: 32px;
	}

	.reyee-cont-item .reyee-cont-desc {
		font-size: 22px;
		width: 80%;
		margin: 0 auto;
	}

	.reyee-number .number-box .number {
		font-size: 50px;
	}

	.reyee-banner {
		height: 690px;
	}

		.reyee-banner .reyee-img .device .reyee-pc {
			width: 500px;
		}

			.reyee-banner .reyee-img .device .reyee-pc .video-element {
				width: 393px;
				left: 53px;
				top: 21px;
			}

		.reyee-banner .reyee-img .device .reyee-phone {
			left: 95px;
			bottom: 25px;
			width: 75px;
		}

			.reyee-banner .reyee-img .device .reyee-phone .video-element {
				left: 4px;
				top: 4px;
			}

		.reyee-banner .reyee-img .device {
			height: 300px;
		}

		.reyee-banner .reyee-img .family {
			top: -60px;
		}
	/*------子页面-----*/
	.reyee-cont {
		max-width: 1000px;
	}

	.reyee-header-top .r-logo {
		width: 30%;
	}

		.reyee-header-top .r-logo a {
			width: 45%;
		}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		font-size: 22px;
	}

	.reyee-header ul {
		width: 64%;
	}

	.slideBox .next {
		right: 8%;
	}

	.reyee-cont-subItem .video-element {
		height: 275px;
	}
}

@media screen and (max-width: 1100px) {
	/*------首页--------*/
	.reyee-banner h2 {
		font-size: 36px;
	}

	.reyee-cont-item.reyee-item-3 .video-element {
		height: auto;
	}

	.reyee-cont-item.reyee-item-4 .reyee-cont-desc {
		font-size: 22px;
		margin-bottom: 85px;
	}

	.reyee-banner {
		height: 585px;
	}

		.reyee-banner .play-btn {
			line-height: 45px;
			font-size: 18px;
		}

			.reyee-banner .play-btn .icon-video {
				margin-right: 2px;
				position: relative;
				top: -2px;
			}

		.reyee-banner .reyee-img .device .reyee-pc {
			width: 410px;
			left: 38px;
		}

		.reyee-banner .reyee-img .family {
			top: -35px;
		}

		.reyee-banner .reyee-img .device .reyee-pc .video-element {
			width: 322px;
			left: 45px;
			top: 18px;
		}

		.reyee-banner .reyee-img .device .reyee-phone {
			left: 35px;
			bottom: 13px;
			width: 57px;
		}

		.reyee-banner .reyee-img .device {
			height: 250px;
		}

		.reyee-banner .reyee-img .family {
			text-align: center;
		}

			.reyee-banner .reyee-img .family img {
				width: 82%;
			}
	/*------子页面-----*/
	.reyee-header-top .r-nav a {
		font-size: 18px;
	}

	.reyee-cont {
		max-width: 100%;
		padding: 0 5%;
	}

	.reyee-header ul {
		width: 68%;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic {
		background-size: 88%;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic {
		background-size: 88%;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic img {
		width: 90%;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic img {
		width: 90%;
	}

	.reyee-cont-subItem .video-element {
		height: 250px;
	}
}

@media screen and (max-width: 1024px) {
	/*------首页--------*/
	.reyee-banner h2 {
		font-size: 30px;
		margin-bottom: 15px;
	}

	.reyee-cont-item .reyee-cont-desc {
		font-size: 18px;
	}

	.reyee-cont-item .reyee-cont-title {
		font-size: 28px;
	}

	.reyee-number .number-box .number {
		font-size: 40px;
	}

	.reyee-banner {
		height: 545px;
		background: url(../images/phone-banner-bg.jpg) no-repeat;
		background-size: 100% 100%;
	}

		.reyee-banner .play-btn {
			line-height: 40px;
		}

			.reyee-banner .play-btn .icon-video {
				margin-right: 5px;
				width: 16px;
			}

		.reyee-banner .reyee-img .device .reyee-pc .video-element {
			width: 80%;
			left: 45px;
			top: 16px;
		}
	/*------子页面-----*/
	.reyee-header ul li a {
		padding-top: 15px;
	}

	.r-header.reyee-header-top {
		height: 75px;
	}

	.reyee-header {
		top: 60px;
		min-height: 65px;
		height: auto;
	}

	.reyee-header-top .r-logo a {
		width: 30%;
	}

	.reyee-header-top .r-logo {
		width: 40%;
	}

	.reyee-header-top .r-header-btm {
		height: 70px;
		/* overflow: hidden; */
	}

	.reyee-header ul {
		width: 100%;
		float: none;
	}

		.reyee-header ul li {
			width: 20%;
			padding: 0 10px;
			height: 60px;
			margin: 0;
			text-align: left;
		}

	/*	.reyee-header ul li.w1 {
				width: 40%;
			}

			.reyee-header ul li.w1 {
				width: 40%;
			}*/

	#homewifi {
		width: 40%;
		padding: 0 10px;
		height: 60px;
		margin: 0;
		text-align: left;
	}

	#pageindex {
		display: none;
	}

	.reyee-content {
		top: 120px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		font-size: 20px;
	}

	.slideBox {
		padding: 0 20px;
		overflow: hidden;
	}

		.slideBox .prev {
			left: 5px;
		}

		.slideBox .next {
			right: 5px;
		}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li {
		width: 30%;
	}
}

@media screen and (max-width: 768px) {
	.reyee-content .pc-show {
		display: none;
	}

	.reyee-content .mb-show {
		display: block;
	}
	/*----------首页---------*/
	/* .reyee-banner .banner-wrap{
		padding-top: 8%;
	} */
	.reyee-banner {
		height: 700px;
		padding-top: 8%;
	}

		.reyee-banner h2 {
			font-size: 30px;
			margin-bottom: 30px;
		}

		.reyee-banner .reyee-img .device .reyee-pc {
			width: 100%;
			left: 0;
		}

		.reyee-banner .reyee-img .device .reyee-phone {
			left: -4px;
			bottom: 11px;
			width: 18%;
		}

		.reyee-banner .reyee-img .device .reyee-pc .video-element {
			left: 55px;
			top: 25px;
			width: 80%;
		}

		.reyee-banner .reyee-img .device .reyee-phone .video-element {
			left: 7px;
			top: 3px;
		}

			.reyee-banner .reyee-img .device .reyee-phone .video-element video {
				width: 87%;
			}

		.reyee-banner .reyee-img .device {
			width: 80%;
			height: 360px;
		}

		.reyee-banner .reyee-img .family img {
			width: 100%;
		}

	.reyee-content {
		top: 110px;
	}

	.reyee-cont-item .reyee-cont-title {
		font-size: 28px;
		width: 80%;
		margin: 0 auto 20px;
	}

	.reyee-header ul li {
		height: 55px;
	}

		.reyee-header ul li a {
			font-size: 18px;
			padding-bottom: 6px;
		}

	.reyee-cont-item.reyee-item-1 {
		padding-top: 10%;
	}

	.reyee-cont-subItem.subItem-1 {
		padding-top: 10px;
	}

	.reyee-cont-item.reyee-item-2 .reyee-cont-desc p {
		line-height: 25px;
	}

	.reyee-cont-item.reyee-item-4 {
		background: url(../images/reyee-s-5-mobile.jpg) no-repeat;
		background-size: 100% 100%;
		padding: 10% 0 15%;
	}

		.reyee-cont-item.reyee-item-4 .reyee-cont-desc {
			font-size: 16px;
			margin-bottom: 8%;
			padding: 0 15px;
		}

	.reyee-number .number-box .number {
		font-size: 32px;
	}

	.reyee-cont-item.reyee-item-4 .number-box .desc {
		font-size: 14px;
	}

	.reyee-cont-item {
		padding-top: 8%;
	}

		.reyee-cont-item .reyee-cont-desc {
			width: 100%;
		}
	/*--------子页面-------*/
	.slideBox {
		width: 100%;
		padding: 20px 15px 0;
	}

	.reyee-cont-subItem.subItem-2 {
		background: url(../images/reyee-sub-bg1-mobile.png) no-repeat #0055cc;
		background-size: 100% 100%;
	}

	.reyee-cont-subItem.subItem-4 {
		background: url(../images/reyee-sub-bg-2-mobile.png) no-repeat #0055cc;
		background-size: 100% 100%;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title {
		margin-bottom: 25px;
	}

		.reyee-cont-subItem .reyee-cont-subItem-title .box {
			width: 100%;
			float: none;
		}

	.reyee-cont-subItem .reyee-cont-subItem-box .reyee-img {
		text-align: center;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .reyee-img,
	.reyee-cont-subItem .reyee-cont-subItem-box .text-wrap {
		float: none;
		width: 100%;
	}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .reyee-img {
		top: 0;
		margin-bottom: 30px;
	}

	.reyee-cont-subItem {
		padding: 6% 0;
	}

	.reyee-header-top .r-logo {
		width: 250px;
	}

		.reyee-header-top .r-logo a {
			width: 40%;
		}

	.reyee-cont-subItem .reyee-cont-subItem-box .text-wrap {
		padding-top: 0;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .text-wrap.left {
			padding-right: 0;
		}

	.reyee-cont-subItem .reyee-cont-subItem-box .text-list {
		line-height: 22px;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .text-list li,
		.reyee-cont-subItem.green-item .reyee-cont-subItem-box .text-list li {
			background-position: 0 7px;
			margin-bottom: 10px;
		}

	.reyee-cont-subItem .reyee-cont-subItem-title .box:before {
		left: 0;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box,
	.reyee-cont-subItem .reyee-cont-subItem-box .text-wrap {
		padding-left: 0;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList {
		padding-top: 0;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .picList li {
			width: 33.33%;
		}

			.reyee-cont-subItem .reyee-cont-subItem-box .picList li .introduction {
				min-height: 28px;
			}

	.slideBox .prev,
	.slideBox .next,
	.green-item .slideBox .prev,
	.green-item .slideBox .next {
		top: 0;
		background-position: center;
		width: 24px;
		height: 100%;
		z-index: 3;
	}

	.slideBox .prev,
	.green-item .slideBox .prev {
		left: 0;
	}

	.slideBox .next,
	.green-item .slideBox .next {
		right: 0;
	}

	.reyee-cont-subItem .video-element {
		height: 100%;
	}

		.reyee-cont-subItem .video-element video {
			width: 100%;
			height: 100%;
			object-fit: fill;
			/* object-fit: fill; */
			/* mix-blend-mode: screen; */
		}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic,
	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic {
		background-size: auto;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic img,
		.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic img {
			width: 105px;
		}

	.fancybox-popup {
		width: 100%;
	}

		.fancybox-popup .video video {
			height: 380px;
		}
}

@media screen and (max-width: 600px) {
	.reyee-banner {
		height: 535px;
	}

		.reyee-banner .reyee-img .device .reyee-pc .video-element {
			left: 48px;
			top: 18px;
		}

		.reyee-banner .reyee-img .device {
			height: 260px;
		}

	.reyee-cont-item .reyee-cont-title {
		font-size: 25px;
	}

	.reyee-number .number-box .number {
		font-size: 26px;
	}

	.reyee-cont-item.reyee-item-3 .reyee-cont-title {
		margin-bottom: 30px;
	}

	.fancybox-popup {
		height: 400px;
	}

		.fancybox-popup .video video {
			height: 330px;
		}
}

@media screen and (max-width: 550px) {
	.reyee-header ul li {
		height: 48px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		font-size: 20px;
	}

	.reyee-header ul li a {
		font-size: 16px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		font-size: 18px;
	}

	.reyee-content {
		top: 90px;
	}

	.reyee-banner {
		height: 500px;
	}

		.reyee-banner .reyee-img .device {
			height: 240px;
		}

			.reyee-banner .reyee-img .device .reyee-pc .video-element {
				left: 41px;
				top: 16px;
			}

			.reyee-banner .reyee-img .device .reyee-phone .video-element {
				left: 4px;
			}

	.fancybox-popup {
		height: 340px;
	}

		.fancybox-popup .video video {
			height: 270px;
		}
}

@media screen and (max-width: 450px) {
	.reyee-header .rj-container {
		padding: 0 2%
	}

	.reyee-banner {
		height: 450px;
	}

		.reyee-banner .box {
			margin-bottom: 30px;
		}

		.reyee-banner .play-btn {
			font-size: 14px;
		}

		.reyee-banner .reyee-img .device {
			height: 200px;
		}

			.reyee-banner .reyee-img .device .reyee-pc .video-element {
				left: 36px;
				top: 15px;
			}

		.reyee-banner h2 {
			font-size: 26px;
			margin-bottom: 20px;
		}

	.reyee-cont-item.reyee-item-2 {
		background: url(../images/reyee-s-3-bg-mobile.jpg) no-repeat #f5f5f5;
		background-size: 100%;
	}

		.reyee-cont-item.reyee-item-2 .reyee-cont-desc p {
			line-height: 22px;
		}

		.reyee-cont-item.reyee-item-2 .reyee-cont-desc {
			margin-bottom: 30px;
		}

	.reyee-banner .reyee-img .device {
		height: 225px;
	}

	.reyee-cont-item .reyee-cont-title {
		font-size: 20px;
	}

	.reyee-cont-item .reyee-cont-desc {
		font-size: 14px;
		line-height: 22px;
	}

	.reyee-header ul li a {
		font-size: 16px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		font-size: 16px;
	}

	.reyee-number .number-box .number {
		font-size: 22px;
	}

	.fancybox-popup {
		height: 320px;
	}

		.fancybox-popup .video video {
			height: 250px;
		}
}

@media screen and (max-width: 380px) {
	.reyee-header .rj-container {
		padding: 0;
	}

	.reyee-banner {
		height: 380px;
	}

		.reyee-banner .reyee-img .device {
			height: 180px;
		}

			.reyee-banner .reyee-img .device .reyee-pc .video-element {
				left: 31px;
				top: 12px;
			}

	.reyee-cont-item .reyee-cont-desc {
		font-size: 13px;
	}

	.reyee-cont-item .reyee-cont-title {
		font-size: 18px;
	}

	.reyee-number .number-box .number {
		font-size: 20px;
	}

	.reyee-banner h2 {
		font-size: 20px;
	}

	.reyee-header ul li a {
		font-size: 14px;
	}

	.reyee-header ul li {
		height: 50px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-title .box {
		font-size: 14px;
	}

	.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic {
		background-size: 65%;
	}

		.reyee-cont-subItem .reyee-cont-subItem-box .picList li .pic img {
			width: 70%;
			margin: 0 auto;
		}

	.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic {
		background-size: 65%;
	}

		.reyee-cont-subItem.green-item .reyee-cont-subItem-box .picList li .pic img {
			width: 70%;
			margin: 0 auto;
		}

	.reyee-cont-subItem .video-element {
		height: 100%;
	}

	.fancybox-popup {
		height: 280px;
	}

		.fancybox-popup .video video {
			height: 210px;
		}
}

@media screen and (max-width: 350px) {
	.reyee-banner {
		height: 350px;
	}

		.reyee-banner .reyee-img .device {
			height: 155px;
		}
}

@media screen and (max-width: 320px) {
	.reyee-header ul li a {
		font-size: 12px;
	}
}