.product-description {
	width: 50%
}
.container{ width: 100%; margin: 0 auto;position: relative; display: block; }


header .inner-container .menu-list>ul li:nth-child(2)>p {
	transform: scaleX(1)
}

.banner>.Func {
	background-image: url(../images/banner.png)
}

.banner>.content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	font-weight: 100;
	background: rgba(0,0,0,.6)
}

.banner>.content>.title {
	font-size: 3.75rem;
	letter-spacing: 1px
}

.banner>.content>.line {
	width: 38rem;
	height: 1px;
	background: #fff
}

.banner>.content>.text {
	font-size: 1.75rem;
	margin-top: .4em
}

.banner>.content>i {
	font-size: 3rem;
	position: relative;
	top: 5rem;
	cursor: pointer
}

.container>.checkin {
	margin-top: .625rem;
	position: relative;
	width: 100%
}

.container>.checkin>.Func {
	background-image: url(../images/checkin.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 38.54166667%;
	overflow: hidden
}

.container>.checkin>.Func>div {
	margin-top: -38.54166667%
}

.container>.checkin>div.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	background: rgba(0,133,219,.4);
}

.container>.checkin>div.content>div {
	width: 33.33333333%;
	height: 100%;
	display: flex;
	justify-content: center;
	color: #fff
}

.container>.checkin>div.content>div>.left {
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(0,99,160,.8);
	transition: .5s;
	cursor: pointer
}

.container>.checkin>div.content>div>.left:hover {
	background: rgba(0,99,160,.8);
	width: 80%;
	cursor: pointer
}

.container>.checkin>div.content>div>.left:hover>div>p,.container>.checkin>div.content>div>.left:hover>div>div {
	transform: scale(1)
}

.container>.checkin>div.content>div>.left:hover>ul {
	margin-left: 3rem
}

.container>.checkin>div.content>div>.left:hover>ul>li {
	justify-content: flex-start
}

.container>.checkin>div.content>div>.left:hover>ul>li>p {
	transform: scale(1)
}

.container>.checkin>div.content>div>.left>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 10rem
}

.container>.checkin>div.content>div>.left>div>p {
	transform: scale(.8);
	transition: .5s;
	font-size: 3rem;
	margin-bottom: .5rem
}

.container>.checkin>div.content>div>.left>div>div {
	transform: scale(0);
	transition: .5s;
	width: 6rem;
	height: 1px;
	background: #fff
}

.container>.checkin>div.content>div>.left>ul {
	width: 15rem;
	margin-left: 12rem;
	transition: .5s
}

.container>.checkin>div.content>div>.left>ul>li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 2rem;
	transition: .3s;
	transform: scale(1);
	cursor: pointer;
	transition: .5s
}

.container>.checkin>div.content>div>.left>ul>li:hover {
	transform: scale(1.1)
}

.container>.checkin>div.content>div>.left>ul>li>i {
	font-size: 3rem
}

.container>.checkin>div.content>div>.left>ul>li>p {
	transform: scale(0);
	transition: .5s;
	font-size: 1rem;
	margin-left: 3rem
}

.container>.checkin>div.content>div>.right {
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(0,99,160,.8);
	transition: .5s;
	cursor: pointer
}

.container>.checkin>div.content>div>.right:hover {
	background: rgba(0,99,160,.8);
	width: 80%
}

.container>.checkin>div.content>div>.right:hover>div>p,.container>.checkin>div.content>div>.right:hover>div>div {
	transform: scale(1)
}

.container>.checkin>div.content>div>.right:hover>ul {
	margin-left: 3rem
}

.container>.checkin>div.content>div>.right:hover>ul>li {
	justify-content: flex-start
}

.container>.checkin>div.content>div>.right:hover>ul>li>p {
	transform: scale(1)
}

.container>.checkin>div.content>div>.right>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 10rem
}

.container>.checkin>div.content>div>.right>div>p {
	transform: scale(.8);
	transition: .5s;
	font-size: 3rem;
	margin-bottom: .5rem
}

.container>.checkin>div.content>div>.right>div>div {
	transform: scale(0);
	transition: .5s;
	width: 6rem;
	height: 1px;
	background: #fff
}

.container>.checkin>div.content>div>.right>ul {
	width: 15rem;
	margin-left: 12rem;
	transition: .5s
}

.container>.checkin>div.content>div>.right>ul>li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 2rem;
	transition: .3s;
	transform: scale(1);
	cursor: pointer;
	transition: .5s
}

.container>.checkin>div.content>div>.right>ul>li:hover {
	transform: scale(1.1);
	cursor: pointer
}

.container>.checkin>div.content>div>.right>ul>li>i {
	font-size: 3rem
}

.container>.checkin>div.content>div>.right>ul>li>p {
	transform: scale(0);
	transition: .5s;
	font-size: 1rem;
	margin-left: 3rem
}

.container>.checkin>div.content>div>.mid {
	width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(0,99,160,.8);
}

.container>.checkin>div.content>div>.mid>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 10rem
}

.container>.checkin>div.content>div>.mid>div>p {
	font-size: 3rem;
	margin-bottom: .5rem
}

.container>.checkin>div.content>div>.mid>div>div {
	width: 6rem;
	height: 1px;
	background: #fff
}

.container>.checkin>div.content>div>.mid>ul {
	width: 15rem;
	margin-left: 3rem
}

.container>.checkin>div.content>div>.mid>ul>li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1rem;
	transition: .3s;
	transform: scale(1);
	cursor: pointer
}

.container>.checkin>div.content>div>.mid>ul>li:hover {
	transform: scale(1.1)
}

.container>.checkin>div.content>div>.mid>ul>li>i {
	font-size: 3rem
}

.container>.checkin>div.content>div>.mid>ul>li>p {
	font-size: 1rem;
	margin-left: 3rem
}

.container>.smartSys {
	position: relative
}

.container>.smartSys>.Func {
	padding-top: 56.25%;
	overflow: hidden
}

.container>.smartSys>.Func>div {
	margin-top: -56.25%
}

.container>.smartSys>div.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #292929;
	display: flex;
	flex-direction: column
}

.container>.smartSys>div.content>.title {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 5.25rem;
	flex: none;
	color:#0085db
}

.container>.smartSys>div.content>.title>.first {
	font-size: 3rem;
	transform: translateY(0);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.smartSys>div.content>.title>.first[data-listen-scroll] {
	transform: translateY(3rem);
	opacity: 0
}

.container>.smartSys>div.content>.title>.sec {
	font-size: 1.25rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s;
	color: #292929;
}

.container>.smartSys>div.content>.title>.sec[data-listen-scroll] {
	transform: translateY(3rem);
	opacity: 0
}

.container>.smartSys>div.content>.room {
	flex: 1;
	position: relative
}

.container>.smartSys>div.content>.room>.bg {
	width: 55rem;
	height: 33.25rem;
	background-image: url(../images/roomlyout.png);
	background-repeat: no-repeat;
	background-size: cover;
	transform: translate(-50%,-50%);
	position: absolute;
	top: 45%;
	left: 51%
}

.container>.smartSys>div.content>.room>ul {
	width: 55rem;
	height: 33.25rem;
	position: absolute;
	top: 45%;
	left: 51%;
	transform: translate(-50%,-50%)
}

.container>.smartSys>div.content>.room>ul>li>.dot {
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
	position: absolute
}

.container>.smartSys>div.content>.room>ul>li>.dot>.content {
	position: absolute;
	font-weight: 100;
	transform: translateY(0) scale(1);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.smartSys>div.content>.room>ul>li>.dot>.content:hover {
	transform: translateY(0) scale(1.05);
	cursor: pointer
}

.container>.smartSys>div.content>.room>ul>li>.dot>.content[data-listen-scroll] {
	transform: translateY(3rem);
	opacity: 0
}

.container>.smartSys>div.content>.room>ul>li>.dot>.content>.title {
	display: flex;
	margin: .875rem 0 1rem;
	font-size: 1.25rem
}

.container>.smartSys>div.content>.room>ul>li>.dot>.content>.con {
	font-size: .75rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(1) {
	width: 33.875rem;
	height: 1.125rem;
	border: 1px solid #292929;
	border-left: none;
	border-bottom: none;
	position: absolute;
	top: 6.5%;
	left: -10.5%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(1)>.dot {
	left: -2px;
	top: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(1)>.dot>.content {
	left: -12rem;
	width: 17rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(1)>.dot>.content>.title {
	display: flex;
	justify-content: flex-end
}

.container>.smartSys>div.content>.room>ul>li:nth-child(1)>.dot>.content>.con {
	display: flex;
	justify-content: flex-end
}

.container>.smartSys>div.content>.room>ul>li:nth-child(2) {
	width: 31.375rem;
	height: 1.125rem;
	border: 1px solid #292929;
	border-left: none;
	border-bottom: none;
	position: absolute;
	left: -10.4%;
	top: 38%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(2)>.dot {
	left: -2px;
	top: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(2)>.dot>.content {
	width: 20rem;
	left: -15rem;
	top: 0
}

.container>.smartSys>div.content>.room>ul>li:nth-child(2)>.dot>.content>.title {
	justify-content: flex-end
}

.container>.smartSys>div.content>.room>ul>li:nth-child(2)>.dot>.content>.con {
	font-size: .75rem;
	position: relative;
	right: -.5rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(2)>.dot>.content>.con>p {
	display: flex;
	text-align: left
}

.container>.smartSys>div.content>.room>ul>li:nth-child(3) {
	width: 33.875rem;
	height: 1.125rem;
	border: 1px solid #292929;
	border-left: none;
	border-bottom: none;
	position: absolute;
	top: 66%;
	left: -10.5%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(3)>.dot {
	left: -2px;
	top: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(3)>.dot>.content {
	left: -19rem;
	width: 24rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(3)>.dot>.content>.title {
	display: flex;
	justify-content: flex-end
}

.container>.smartSys>div.content>.room>ul>li:nth-child(3)>.dot>.content>.con {
	display: flex;
	justify-content: flex-end
}

.container>.smartSys>div.content>.room>ul>li:nth-child(4) {
	width: 12.5rem;
	height: 4rem;
	border: 1px solid #292929;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: 3%;
	left: 75%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(4)>.dot {
	right: -2px;
	top: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(4)>.dot>.content {
	left: 2rem;
	width: 18rem;
	top: -1.5rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(4)>.airCtrl {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #eeeeed;
	position: absolute;
	left: -1.25rem;
	bottom: -2.5rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.container>.smartSys>div.content>.room>ul>li:nth-child(4)>.airCtrl>div {
	background-image: url(../images/airctrlicon.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 1.5625rem;
	height: 1.4375rem;
	z-index: 2
}

.container>.smartSys>div.content>.room>ul>li:nth-child(5) {
	width: 21.875rem;
	height: 1rem;
	border: 1px solid #292929;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: 32%;
	left: 75%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(5)>.dot {
	right: -2px;
	top: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(5)>.dot>.content {
	left: -5rem;
	width: 15rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(6) {
	width: 18.5rem;
	height: 1rem;
	border: 1px solid #292929;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: 70%;
	left: 73%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(6)>.dot {
	right: -2px;
	top: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(6)>.dot>.content {
	left: -5rem;
	width: 12rem
}

.container>.smartSys>div.content>.room>ul>li:nth-child(7) {
	width: 8.625rem;
	height: 5.875rem;
	border: 1px solid #292929;
	border-right: none;
	border-top: none;
	position: absolute;
	top: 83%;
	left: 34%
}

.container>.smartSys>div.content>.room>ul>li:nth-child(7)>.dot {
	right: -2px;
	bottom: -2px
}

.container>.smartSys>div.content>.room>ul>li:nth-child(7)>.dot>.content {
	width: 30rem;
	left: -5rem;
	top: 100%
}

.container>.sence {
	position: relative;
	background: #fff;
	color: #292929
}

.container>.sence>div {
	display: flex;
	width: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	background: #292929
}

.container>.sence>div.s_curr {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2
}

.container>.sence>div>.Func {
	padding-top: 56.25%;
	overflow: hidden
}

.container>.sence>div>.Func>div {
	margin-top: -56.25%
}

.container>.sence>div>.content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex
}

.container>.sence>div>.content>.left {
	background-repeat: no-repeat;
	background-size: cover;
	flex: none;
	color: #292929;
	width: 62.5%
}

.container>.sence>div>.content>.right {
	display: flex;
	justify-content: center;
	flex: 1
}

.container>.sence>div>.content>.right>div {
	width: 82%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.container>.sence>div>.content>.right>div>.title {
	font-size: 3rem
}

.container>.sence>div>.content>.right>div>.sec {
	font-size: 1.25rem;
	margin: 1rem 0
}

.container>.sence>div>.content>.right>div>.con {
	font-size: .75rem
}

.container>.sence>div>.content>.right>div>div {
	margin-top: 1rem
}

.container>.sence>div>.content>.right>div>div>i {
	font-size: 3.5rem;
	margin-right: 2rem
}

.container>.sence>div.first {
	opacity: 1
}

.container>.sence>div.first .left {
	background-image: url(../images/scren-1.png)
}

.container>.sence>div.sec .left {
	background-image: url(../images/scren-2.png)
}

.container>.sence>div.third .left {
	background-image: url(../images/scren-3.png)
}

.container>.sence>div.four .left {
	background-image: url(../images/scren-4.png)
}

.container>.sence>div.five .left {
	background-image: url(../images/scren-5.png)
}

.container>.ctrlFunc {
	background: #292929;
	color: #292929;
	display: flex;
	flex-direction: column;
	align-items: center
}

.container>.ctrlFunc>.title {
	font-size: 3rem;
	margin: 9rem auto;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.ctrlFunc>.title[data-listen-scroll] {
	transform: translateY(3rem);
	opacity: 0
}

.container>.ctrlFunc>.content {
	width: 100%;
	margin-bottom: 8rem;
	padding: 0 10rem
}

.container>.ctrlFunc>.content>ul {
	display: flex;
	justify-content: space-between
}

.container>.ctrlFunc>.content>ul>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: .4s;
	transform: scale(1)
}

.container>.ctrlFunc>.content>ul>li:hover {
	transform: scale(1.1);
	cursor: pointer
}

.container>.ctrlFunc>.content>ul>li>.title {
	font-size: 1.875rem;
	margin-bottom: 1.875rem
}

.container>.ctrlFunc>.content>ul>li>.con {
	font-size: .75rem
}

.container>.pandora {
	position: relative;
	color: #292929;
	background: #232020
}

.container>.pandora>.Func {
	padding-top: 56.25%;
	overflow: hidden
}

.container>.pandora>.Func>div {
	margin-top: -56.25%
}

.container>.pandora>.content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/pandora-1.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column
}

.container>.pandora>.content>.top {
	display: flex;
	align-items: center;
	flex-direction: column;
	flex: none
}

.container>.pandora>.content>.top>.title {
	font-size: 3rem;
	margin: 5.625rem 0 1rem;
	transform: translateY(0);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.pandora>.content>.top>.title[data-listen-scroll] {
	transform: translateY(3rem);
	opacity: 0
}

.container>.pandora>.content>.top>.sec {
	font-size: 1.25rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.pandora>.content>.top>.sec[data-listen-scroll] {
	transform: translateY(3rem);
	opacity: 0
}

.container>.pandora>.content>.top>.more {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
	color: #ff983d;
	margin-top: 1rem
}

.container>.pandora>.content>.top>.more>span {
	font-size: .75rem;
	position: relative;
	top: 1px;
	margin-left: 5px;
	font-size: .6rem
}

.container>.pandora>.content>.content {
	flex: 1
}

.container>.pandora>.content>.content>ul {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.container>.pandora>.content>.content>ul>li {
	position: absolute;
	font-size: 1.125rem;
	font-weight: 100;
	transform: translateY(0rem) scale(1);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.pandora>.content>.content>ul>li[data-listen-scroll] {
	opacity: 0
}

.container>.pandora>.content>.content>ul>li:nth-child(1) {
	transform: translate(-31rem,-20.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(1):hover {
	transform: translate(-31rem,-20.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(1)[data-listen-scroll] {
	transform: translate(-31rem,-17.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(1)>p {
	display: flex;
	justify-content: flex-end
}

.container>.pandora>.content>.content>ul>li:nth-child(2) {
	transform: translate(-38rem,-8.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(2):hover {
	transform: translate(-38rem,-8.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(2)[data-listen-scroll] {
	transform: translate(-38rem,-5.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(2)>p {
	display: flex;
	justify-content: flex-end
}

.container>.pandora>.content>.content>ul>li:nth-child(3) {
	transform: translate(-40rem,3.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(3):hover {
	transform: translate(-40rem,3.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(3)[data-listen-scroll] {
	transform: translate(-40rem,6.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(3)>p {
	display: flex;
	justify-content: flex-end
}

.container>.pandora>.content>.content>ul>li:nth-child(4) {
	transform: translate(-31rem,15.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(4):hover {
	transform: translate(-31rem,15.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(4)[data-listen-scroll] {
	transform: translate(-31rem,18.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(4)>p {
	display: flex;
	justify-content: flex-end
}

.container>.pandora>.content>.content>ul>li:nth-child(5) {
	transform: translate(35rem,-20.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(5):hover {
	transform: translate(35rem,-20.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(5)[data-listen-scroll] {
	transform: translate(35rem,-17.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(6) {
	transform: translate(43rem,-8.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(6):hover {
	transform: translate(43rem,-8.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(6)[data-listen-scroll] {
	transform: translate(43rem,-5.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(7) {
	transform: translate(43rem,3.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(7):hover {
	transform: translate(43rem,3.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(7)[data-listen-scroll] {
	transform: translate(43rem,6.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(8) {
	transform: translate(35rem,15.5rem)
}

.container>.pandora>.content>.content>ul>li:nth-child(8):hover {
	transform: translate(35rem,15.5rem) scale(1.1);
	cursor: pointer
}

.container>.pandora>.content>.content>ul>li:nth-child(8)[data-listen-scroll] {
	transform: translate(35rem,18.5rem)
}

.container>.tabel {
	background: #efefef;
	display: flex;
	color: #292929;
	flex-direction: column;
	align-items: center;
	padding-bottom: 5rem
}

.container>.tabel>.title {
	margin: 6.8125rem 0 2rem;
	font-size: 3rem;
	color: #0085db;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.tabel>.title[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.tabel>.sec {
	margin-bottom: 7rem;
	font-size: 1.25rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.tabel>.sec[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.tabel>div {
	display: flex
}

.container>.tabel>div>ul>li {
	border: 1px solid #b3caef;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.container>.tabel>div>ul.left>li {
	width: 41.5rem;
	border-bottom: none;
	border-right: none
}

.container>.tabel>div>ul.left>li:nth-child(1) {
	font-size: 1.25rem;
	background: #0069ad;
	color:#FFFFFF
}

.container>.tabel>div>ul.left>li:nth-child(8) {
	flex-direction: column
}

.container>.tabel>div>ul.left>li:nth-child(9) {
	flex-direction: column;
	border-bottom:1px solid #b3caef;
}

.container>.tabel>div>ul.mid {
	position: relative;
	top: -1.5rem
}

.container>.tabel>div>ul.mid>li {
	width: 11rem;
	font-size: 1.5rem;
	border-bottom: none;
	background: #0069ad;
	color:#FFFFFF
	
}

.container>.tabel>div>ul.mid>li:nth-child(1) {
	font-size: 3rem;
	color: #0085db;
	height: 6rem;
	background: #F36C0B
}

.container>.tabel>div>ul.mid>li:nth-child(9) {
	border-bottom:1px solid #b3caef;
}

.container>.tabel>div>ul.right>li {
	width: 41.5rem;
	border-bottom: none;
	border-left: none
}

.container>.tabel>div>ul.right>li:nth-child(1) {
	font-size: 1.25rem;
	background: #0069ad;
	color:#FFFFFF
}

.container>.tabel>div>ul.right>li:nth-child(8) {
	flex-direction: column
}

.container>.tabel>div>ul.right>li:nth-child(9) {
	flex-direction: column;
	border-bottom: 1px solid #b3caef;
}

.container>.manger {
	background: #292929;
	display: flex;
	color: #292929;
	flex-direction: column;
	align-items: center;
	padding-bottom: 13rem
}

.container>.manger>.title {
	font-size: 3rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.manger>.title[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.manger>.bg {
	display: flex;
	color: #292929;
	flex-direction: column;
	align-items: center;
	width: 80.3125%;
	position: relative;
	background-image: url(../images/manger.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.container>.manger>.bg>.Func {
	width: 100%;
	padding-top: 50.71335927%;
	overflow: hidden
}

.container>.manger>.bg>.Func>div {
	margin-top: -50.71335927%
}

.container>.manger>.bg>.sec {
	position: absolute;
	font-size: 1.25rem;
	margin: 1rem 0 3rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.manger>.bg>.sec[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.manger>.content {
	margin-top: 5.125rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.container>.manger>.content>.first,.container>.manger>.content>.sec {
	display: flex;
	width: 54%;
	justify-content: space-between
}

.container>.manger>.content>.first>div,.container>.manger>.content>.sec>div {
	transform: translateY(0rem) scale(1);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.manger>.content>.first>div:hover,.container>.manger>.content>.sec>div:hover {
	transform: translateY(0rem) scale(1.1);
	cursor: pointer
}

.container>.manger>.content>.first>div[data-listen-scroll],.container>.manger>.content>.sec>div[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.manger>.content>.first>div>i,.container>.manger>.content>.sec>div>i {
	font-size: 6rem;
	position: relative;
	left: -1rem;
	top: 1rem
}

.container>.manger>.content>.first>div>p,.container>.manger>.content>.sec>div>p {
	font-size: .75rem
}

.container>.manger>.content>.first>div>p:nth-child(2),.container>.manger>.content>.sec>div>p:nth-child(2) {
	font-size: 1.25rem;
	margin: 2rem 0 1.5rem
}

.container>.manger>.content>.first>div:nth-child(1) {
	transition-delay: 0s
}

.container>.manger>.content>.first>div:nth-child(2) {
	transition-delay: .1s
}

.container>.manger>.content>.first>div:nth-child(3) {
	transition-delay: .2s
}

.container>.manger>.content>.sec {
	margin-top: 6.25rem;
	justify-content: space-around
}

.container>.manger>.content>.sec>div:nth-child(1) {
	transition-delay: .3s
}

.container>.manger>.content>.sec>div:nth-child(2) {
	transition-delay: .4s
}

.container>.advantage {
	display: flex;
	color: #292929;
	flex-direction: column;
	align-items: center;
	padding-top: 9rem;
	padding-bottom: 11.125rem;
	background: #292929
}

.container>.advantage>.title {
	padding-bottom: 9rem;
	font-size: 3rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.advantage>.title[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.advantage>ul {
	display: flex
}

.container>.advantage>ul>li {
	color: #fff;
	width: 18.25rem;
	height: 31.5rem;
	margin-right: .75rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.advantage>ul>li:last-child {
	margin-right: 0
}

.container>.advantage>ul>li>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.57);
	transform: scale(1);
	transition: .5s
}

.container>.advantage>ul>li>div:hover {
	transform: scale(1.1);
	cursor: pointer
}

.container>.advantage>ul>li>div>i {
	font-size: 4.375rem
}

.container>.advantage>ul>li>div>.title {
	font-size: 1.875rem;
	margin-top: 4.25rem;
	margin-bottom: 1.75rem
}

.container>.advantage>ul>li>div>.con {
	font-size: .75rem
}

.container>.advantage>ul>li[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.advantage>ul>li:nth-child(1) {
	background-image: url(../images/advantage-1.png);
	transition-delay: 0s
}

.container>.advantage>ul>li:nth-child(2) {
	background-image: url(../images/advantage-2.png);
	transition-delay: .1s
}

.container>.advantage>ul>li:nth-child(3) {
	background-image: url(../images/advantage-3.png);
	transition-delay: .2s
}

.container>.advantage>ul>li:nth-child(4) {
	background-image: url(../images/advantage-4.png);
	transition-delay: .3s
}

.container>.advantage>ul>li:nth-child(5) {
	background-image: url(../images/advantage-5.png);
	transition-delay: .4s
}

.container>.hotelDevice {
	background: #fff;
	display: flex;
	color: #292929;
	flex-direction: column;
	align-items: center;
	padding-bottom: 11.625rem
}

.container>.hotelDevice>.title {
	margin-bottom: 9.25rem;
	font-size: 3rem;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.hotelDevice>.title[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.hotelDevice>ul {
	display: flex
}

.container>.hotelDevice>ul.first>li:nth-child(1)>div {
	background-image: url(../images/prodect-1.png)
}

.container>.hotelDevice>ul.first>li:nth-child(2)>div {
	background-image: url(../images/prodect-2.png)
}

.container>.hotelDevice>ul.first>li:nth-child(3)>div {
	background-image: url(../images/prodect-3.png)
}

.container>.hotelDevice>ul.first>li:nth-child(4)>div {
	background-image: url(../images/prodect-4.png)
}

.container>.hotelDevice>ul.first>li:nth-child(5)>div {
	background-image: url(../images/prodect-5.png)
}

.container>.hotelDevice>ul.first>li:nth-child(6)>div {
	background-image: url(../images/prodect-6.png)
}

.container>.hotelDevice>ul.sec>li:nth-child(1)>div {
	background-image: url(../images/prodect-7.png)
}

.container>.hotelDevice>ul.sec>li:nth-child(2)>div {
	background-image: url(../images/prodect-8.png)
}

.container>.hotelDevice>ul.sec>li:nth-child(3)>div {
	background-image: url(../images/prodect-9.png)
}

.container>.hotelDevice>ul.sec>li:nth-child(4)>div {
	background-image: url(../images/prodect-10.png)
}

.container>.hotelDevice>ul.sec>li:nth-child(5)>div {
	background-image: url(../images/prodect-11.png)
}

.container>.hotelDevice>ul.sec>li:nth-child(6)>div {
	background-image: url(../images/prodect-12.png)
}

.container>.hotelDevice>ul.third>li:nth-child(1)>div {
	background-image: url(../images/prodect-13.png)
}

.container>.hotelDevice>ul.third>li:nth-child(2)>div {
	background-image: url(../images/prodect-14.png)
}

.container>.hotelDevice>ul.third>li:nth-child(3)>div {
	background-image: url(../images/prodect-15.png)
}

.container>.hotelDevice>ul.third>li:nth-child(4)>div {
	background-image: url(../images/prodect-16.png)
}

.container>.hotelDevice>ul.third>li:nth-child(5)>div {
	background-image: url(../images/prodect-17.png)
}

.container>.hotelDevice>ul.third>li:nth-child(6)>div {
	background-image: url(../images/prodect-18.png)
}

.container>.hotelDevice>ul>li {
	color: #292929;
	width: 15rem;
	height: 17.375rem;
	background: #404046;
	margin: 0 .75rem .75rem 0;
	display: flex;
	transform: translateY(0rem);
	opacity: 1;
	transition: transform .8s,opacity 1s
}

.container>.hotelDevice>ul>li[data-listen-scroll] {
	opacity: 0;
	transform: translateY(3rem)
}

.container>.hotelDevice>ul>li:nth-child(1) {
	transition-delay: 0s
}

.container>.hotelDevice>ul>li:nth-child(2) {
	transition-delay: .1s
}

.container>.hotelDevice>ul>li:nth-child(3) {
	transition-delay: .2s
}

.container>.hotelDevice>ul>li:nth-child(4) {
	transition-delay: .3s
}

.container>.hotelDevice>ul>li:nth-child(5) {
	transition-delay: .4s
}

.container>.hotelDevice>ul>li:nth-child(6) {
	transition-delay: .5s
}

.container>.hotelDevice>ul>li>div {
	color: #292929;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	transition: .3s
}

.container>.hotelDevice>ul>li>div:hover {
	transform: scale(1.1);
	cursor: pointer
}

.container>.hotelDevice>ul>li>div>p {
	position: absolute
}

.container>.hotelDevice>ul>li>div>p:nth-child(1) {
	bottom: 15%
}

.container>.hotelDevice>ul>li>div>p:nth-child(2) {
	bottom: 5%
}

.container>.hotelDevice>ul>li>div:last-child {
	margin: 0
}

.video_mask {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	background-color: #101010;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-overflow-scrolling: touch
}

.video_modal {
	display: none;
	position: fixed;
	width: 1190px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -595px;
	margin-top: -300px;
	z-index: 9999
}

.video_modal .video-js {
	display: block;
	vertical-align: top;
	box-sizing: border-box;
	color: #fff;
	background-color: #000;
	position: relative;
	padding: 0;
	font-size: 10px;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}







.itembb{text-align: center; font-size: 24px; color: #292929; position: relative; margin-top: 50px; padding-bottom: 10px;}
.itembb:before{width: 120px;height: 3px;content: '';background:#0085db;left: 50%;bottom:0;position: absolute; margin-left: -60px;}



.bqmmea{overflow: hidden;  display: block; position: relative; width: 100%;padding: 20px 0 100px; background: #fff;}
.woader { width: 100%; overflow:hidden;margin:auto;display: block; position: relative;margin-bottom: 10px; margin-top: 40px;  }
.woader dl{text-align: center;}
.woader dl dd{cursor: pointer;display: inline-block; width: auto; height: auto;margin: 0;text-indent: 0;background: 0 0;padding: 12px 20px;position: relative; min-width: 160px;background: #dadee4; color: #98a4b7; margin: 0 .8%; color: #000;}
.woader dd.active { background: #0085db;color: #292929; }
.woader dd.active { color: #fff; }
.woader dd:hover{ background: #0085db;color: #292929;  }

.bqmmee{width: 100%;overflow:hidden;margin:auto;position:relative; margin-top:0px; padding-top: 30px;display: none; }
.bqmmee .imgs { width:600px; min-height:200px; overflow:hidden; position:relative; float:left;  vertical-align: middle;line-height: 200px; }
.bqmmee .imgs img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.bqmmee .diopt { width:550px; display: block; overflow:hidden; float:right; margin-left: 50px;   }
.bqmmee .diopt .tingt{color: #fff; font-size: 24px; margin-bottom: 15px;}
.bqmmee .diopt p { line-height:32px; height:auto; overflow:hidden; color:#292929; font-size: 17px;}
.bqmmee .diopt .ctimg{width: 100%; margin-top: 10px;overflow:hidden;}
.bqmmee .diopt .ctimg img { max-width:100%; height:auto; position: relative;  vertical-align: middle;  }
.bqmmee.active { display: block; }






.itembb1{text-align: center; font-size: 34px; color: #000; position: relative; margin-top: 50px; padding-bottom: 10px;}




.piclist{width: 100%; margin: auto; overflow: hidden; position: relative;  margin-top: 40px;}
.piclist ul{zoom: 1;  overflow: hidden;  }
.piclist ul li { margin-bottom: 30px; float: left; margin-right: 30px; width: 275.5px; display: block;  }
.piclist ul li:nth-child(4n){margin-right: 0;}
.piclist ul li .img { overflow: hidden; overflow: hidden; width: 275.5px; height: 200px; }
.piclist ul li .img img { max-width: 100%;  transition: all 0.8s ease 0s;width: 275.5px; height: 200px;}
.piclist ul li .img:hover img{transform: scale(1.1,1.1)}
.piclist ul li .text { font-size: 16px; color: #666666; line-height: 32px; height: 32px; text-align: center;  font-weight: 700; }

.pcbaoal{text-decoration: none; width: 200px; height: 50px; font-size: 18px; color: white; text-align: center;line-height: 50px; margin: 17px auto 40px;cursor: pointer; border-radius: 50px; display: block;border: none;bottom: 12px;left: 0;right: 0;position: relative; color: #333;}