html,body,h1,h2,h3,h4,h5,h6,
div,dl,dt,dd,ul,ol,li,p,
blockquote,pre,hr,figure,table,
caption,th,td,form,fieldset,
legend,input,button,textarea,
menu{margin:0;padding:0;}
li,ul,a{
	list-style: none;
	text-decoration: none;
}

@font-face {
	/* font-properties */
	font-family: openSans;
	src: url('../fonts/OpenSans-Light.woff'), url('../fonts/OpenSans-Light.eot');
	/* IE9 */
}

html,body{
	font-family: openSans;
	overflow: hidden;
	-webkit-text-size-adjust:none;
　　	-ms-text-size-adjust:none;
　　	-moz--text-size-adjust:none;
　　	text-size-adjust:none;
}

body,
div {
	margin: 0;
	padding: 0;
}

.tm-num,
.tm-icon,
.tm-amPm,
.tm-a {
	text-align: center;
	height: 1em;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.tm-num:before,
.tm-amPm:before,
.tm-a:before,
.tm-icon:before {
	line-height: 1;
	display: block;
	transition: transform .8s ease-out;
	transition-delay: .8s;
	white-space: pre-wrap;
}
.h-nav{
	position: absolute;
    top: 0;
    z-index: 10;
    background: rgba(0,0,0,.6);
    width: 100%;
    border-bottom:1px solid #da491c;
}
.h-nav-ctn{
	width: 1170px;
	height: 100%;
    line-height: 64px;
    margin: 0 auto;
    position: relative;
}
.h-nav-log img{
	vertical-align: middle;
	max-height: 40px;
}
.h-nav-right{
    right: 0;
    top: 0;
    float: right;
}
.muen{
	position: relative;
}
.h-nav-li{
	float: left;
	padding:0 20px;
	box-sizing: border-box;
}
.h-nav-right a{
	color: #f95523;
	font-size: 14px;
	font-weight: 600;
	transition: all .5s;
}
.h-nav-log{
	padding:0 15px;
	float: left;
}
.h-nav-right li a.muen:after{
	font-family:FontAwesome;
	content: "\f0d7";
	margin-left: 5px;
	display: inline-block;
	transition: all .5s; 
}
.h-nav-right a:hover,.h-nav-right .hover a{
	color: #cacaca;
}
.h-nav-right li a.muen:hover:after{
	transform: rotate(90deg);
}
.h-nav-right li div{
	display: none;
}
div.muen{
	position: relative;
}
.products{
	clear: both; 
    overflow: hidden;
    visibility: visible;
    text-align: center;
}
.products .muen-ul{
	display: none;
}
.products .muen-ul li,.h-nav-right li  .muen-ul li {
    float: left;
    font-size: 12px;
    padding: 10px 10px 0px 10px;
	line-height: 0;
}
.products .muen-ul li img,.h-nav-right li  .muen-ul li img{
	width: 40px;
	height: 40px;
	display: inline-block
}
.products span,.h-nav-right li .muen-ul span {
    display: block;
    font-size: 11px;
    word-break: normal;
    padding: 10px;
    color: #fff;
    line-height: 20px;
}

.products span div,.h-nav-right li .muen-ul span div{
	display: inline-block;
}

.muen-btn-right, .muen-btn-left {
    border: none;
    border-left: 1px solid #fff;
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 33px;
    height: 88px;
    background: #333;
    display: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    color: #fff;
}
.muen-btn-left {
    left: -10px;
    border-left: none;
    border-right: 1px solid #fff;
}
.muen-btn-right:before, .muen-btn-left:before {
    content: '\f105';
    top: 24px;
    right: 50%;
    position: absolute;
    font-size: 20px;
    font-family: FontAwesome;
}
.muen-btn-left:before {
    content: '\f104';
}
.icon-Nbars{
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    width:24px;
    height: 24px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}
.h-nav-btn{
	display: none;
}
.h-nav-btn.icon-Nbars{
    width:44px;
    height: 44px;
}

.icon-Nbars:before {
    content:'';
    width:24px;
    height: 1px;
    background: #f95523;
    position: absolute;
    top: 66%;
    left: 10px;
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-Nbars:after {
    content:'';
    width:24px;
    height: 1px;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    width:24px;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    background:#f95523;
    position: absolute;
    left: 10px;
    top: 33%;
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-Nbars.active:after{
    transform: translate(0,7px)rotate(45deg);
    background:#fff;

}
	.icon-Nbars.active:before {
	transform: translate(0, -7px)rotate(-45deg);
	background: #fff
}

@media screen and (max-width:1200px) {
	.h-nav-ctn {
		width: 970px;
	}
	.h-nav-li {
		padding: 0 10px;
	}
}

@media screen and (max-width:991px) {
	.h-nav-ctn {
		width: 100%
	}
	.h-nav-li {
		padding: 0 6px;
		display: inline-block;
	}
}

@media screen and (max-width:767px) {
	.h-nav-btn {
		display: block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.h-nav {
		background: #000;
	}
	.h-nav-li:hover,.h-nav-li.hover{
		background: #333;
		color: #fff;
	}
	.h-nav-right {
		position: relative;
		float: left;
		width: 100%;
		display: none;
	}
	.h-nav-right.active{
		display: block;
	}
	.muen-ul{
		white-space: nowrap;
		overflow: hidden;
		position: relative;
    	width: 100%;
    	box-sizing: border-box;
    	-webkit-overflow-scrolling: touch
	}
	.h-nav-log img{
		max-height: 32px;
	}
	.products .muen-ul li,.h-nav-right li  .muen-ul li{
	    float: none;
	    white-space: nowrap;
		display: inline-block;
		text-align: center;
	}
	.h-nav-right li  .muen-ul li:active{
		background:#da491c ;
	}
	.muen-ul li{
		
	}
	.h-nav-li{
		width: 100%;
		line-height: 44px;
	}
	.products .muen-ul li img,.h-nav-right li  .muen-ul li img{
		width: 38px;
		height: 38px;
		display: inline-block
	}
	.h-nav-right .h-nav-li a.muen:after{
		position: absolute;
    	right: 10px;
	}
	.h-nav-right .h-nav-li.hover a.muen:after{
		position: absolute;
    	right: 10px;
    	transform: rotate(90deg);
	}
	.h-nav-right a{
		width: 100%;
    	display: inline-block;
    	transition: none;
    	font-size: 12px;
    	
	}
}
@media screen and (max-width:486px){
	
}
.tm-num:before {
	content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A";
}
.tm-num.tm-mt:before {
	content: "0\A 1\A 2\A 3\A 4\A 5\A 0\A 1\A 2\A 3\A 4\A 5\A 0\A";
}
.tm-amPm:before {
	content: "A\A P\A A\A P\A A\A P\A";
}

.tm-a:before {
	content: "M";
}

.tm-icon:before {
	content: ":";
}
/*************/
.switch-box{
	position: absolute;
    top: 60px;
    left: 209px;
	opacity: .5;
	display: block;
	width: 72px;
	height: 26px;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: background-color, border;
	transition-property: background-color, border;
	border: 1px solid #ddd;
	border-radius: 20px;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition-delay: .8s;
}
.dot {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 1px;
	width: 24px;
	height: 24px;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transition-property: -webkit-transform, width, left;
	transition-property: transform, width, left;
	border-radius: 16px;
	background-color: #fff;
	background-clip: padding-box;
	transition-delay: .8s;
}

.switch-box.min {
	width: 48px;
}

.switch-box:active .dot {
	width: 36px;

}

.switch-box:before {
	position: absolute;
	top: 6px;
	right: 8px;
	content: 'Off';
	text-transform: uppercase;
	color: #999;
	font-size: 14px;
	font-family: "microsoft sans serif";
}
.switch-box.min:before {
	content: '';
}
.active .switch-box {
	background-clip: padding-box;
	border: 1px solid #f60;
	background: #f60;
	transition-delay: 1.5s;
}
.active .switch-box:before {
	right: auto;
	left: 8px;
	content: 'On';
	color: #fff;
}
.active .min.switch-box:before {
	content: '';
}
.active .dot {
	transition-delay: 1.5s;
	transform: translate(85%, 0px);
}
.active .switch-box:active .dot {
	left: -7px;
	width: 36px;
}
.active .min .dot {
	transform: translate(85%, 0px)
}
/*******************/
.daySlide-bullets {
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-user-select: none;
}
.daySlide-bullet {
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	font-size: 12px;
	color:#fff;
	font-family: FontAwesome;
}
.daySlide-bullet:before{
	content: "\f1db";
}
.daySlide-bullet.active:before,.daySlide-bullet:hover:before{
	color:#56c9a8;
	content: "\f111";
}

.daySlide-close {
	position: fixed;
	padding: 20px;
	width: 20px;
	background: #333;
	cursor: pointer;
	right: 0px;
	top: 0;
	z-index: 4;
}

.daySlide-close:active img,
.daySlide-close:hover img {
	transform: rotate(180deg);
}

.daySlide-close img {
	width: 100%;
	height: auto;
	display: block;
	transform: rotate(0deg);
	transition: all .3s;
}

.daySlide-share{
	position: absolute;
	top: 60px;
	right: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.daySlide-share-btn{
	width: 100%;
	height: 100%;
	background: #fff;
	color: #aaa;
	transition: all .5;
}
.daySlide-share:hover .daySlide-share-btn{
	background: #333;
}
.daySlide-share-box{
	white-space: nowrap;
	position: absolute;
	right: 60px;
	top: 0;
	overflow: hidden;
	width: 0px;
	font-size: 0;
	
}
.daySlide-share:hover .daySlide-share-box{
	width: 240px;
}
.daySlide-share-box a {
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	background: #333;
	font-size: 16px;
	color: #fff;
	transition: all .5;
}
.daySlide-share-box a:hover{
	background: #EEE;
	color: #000;
}
/*------------------------------------------*/
/*------------------------------------------*/
/*              电脑下样式                           */
/*------------------------------------------*/
/*------------------------------------------*/
.daySlide,
.daySlide .daySlide-item {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.daySlide .daySlide-item {
	opacity: 0;
}

.daySlide .daySlide-item.active {
	opacity: 1;
}

.daySlide .daySlide-time {
	font-size: 4em;
}

.daySlide .daySlide-tit {
	position: absolute;
	z-index: 3;
	text-align: right;
	right: 25%;
	top: 10%;
	left: 25%;
	
}

.daySlide .daySlide-tit-text {
	font-size: 1.3em;
}

.daySlide .daySlide-ui {
	width: 268px;
	height: 450px;
	position: absolute;
	z-index: 2;
	bottom: 6%;
	right: 25%;
    transform-origin: bottom right;
}
.ui-hide{
	opacity: 0;
	transition: opacity .8s; 
	transition-delay: 1s;
}
.daySlide .daySlide-ui .ui-none{
	transform: translateY(4px);
    z-index: -1;
    height: 0;
    transition: height .3s;
    transition-delay: 1s;
}
.active .ui-hide{
	opacity: 1;
}
.daySlide .active .daySlide-ui .ui-none{
    height: 37px;
}
.daySlide .active .daySlide-ui .ui-none{
    height: 37px;
}
.daySlide #daylayer7.active .daySlide-ui .ui-none{
    height: 36px;
}
.daySlide .active#daylayer8 .daySlide-ui .ui-none{
    height: 38px;
}
.daySlide .daySlide-ui img {
	width: 100%;
	height: auto;
    display: block;
    z-index: 1;
    transform: translateY(0);
}

.daySlide .daySlide-item-bg {
	height: 100%;
	width: 100%;
}

.daySlide .daySlide-item-ctn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.daySlide .daySlide-lamp {
	position: absolute;
	width: 30%;
}

.daySlide .daySlide-lamp .lamp{
	width: 100%;
	height: auto;
}

.daySlide .white {
	color: #fff;
}

.daySlide .black {
	color: #333;
}

.daySlide #daylayer1 .daySlide-item-bg {
	background: url(../imgs/one-day_01.jpg);
	background-position: right top;
	background-size: cover;
}

.daySlide #daylayer1.active .tm-hs:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer1.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer1.active .tm-ms:before {
	transform: translate(0em, -10em);
}

.daySlide #daylayer2 .daySlide-item-bg {
	background: url(../imgs/one-day_02.jpg);
	background-position: 65% bottom;
	background-size: cover;
}

.daySlide #daylayer2 .tm-hs:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer2 .tm-mt:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer2 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer2.active .tm-hs:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer2.active .tm-mt:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer2.active .tm-ms:before {
	transform: translate(0em, -5em);
}

.daySlide #daylayer3 .daySlide-item-bg {
	background: url(../imgs/one-day_03.jpg);
	background-position: center bottom;
	background-size: cover;
}

.daySlide #daylayer3 .tm-hs:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer3 .tm-mt:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer3 .tm-ms:before {
	transform: translate(0em, -5em);
}

.daySlide #daylayer3.active .tm-hs:before {
	transform: translate(0em, -7em);
}

.daySlide #daylayer3.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer3.active .tm-ms:before {
	transform: translate(0em, -10em);
}

.daySlide #daylayer4 .daySlide-item-bg {
	background: url(../imgs/one-day_04.jpg);
	background-position: center bottom;
	background-size: cover;
}

.daySlide #daylayer4 .tm-hs:before {
	transform: translate(0em, -7em);
}

.daySlide #daylayer4 .tm-mt:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer4 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer4.active .tm-hs:before {
	transform: translate(0em, -8em);
}

.daySlide #daylayer4.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer4.active .tm-ms:before {
	transform: translate(0em, -10em);
}
.daySlide #daylayer5 .daySlide-item-bg {
	background: url(../imgs/one-day_05.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
}
.daySlide #daylayer5 .tm-hs:before {
	transform: translate(0em, -8em);
}

.daySlide #daylayer5 .tm-mt:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer5 .tm-ms:before {
	transform: translate(0em, -0em);
}
.daySlide #daylayer5.active .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer5.active .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer5.active .tm-hs:before {
	transform: translate(0em, -12em);
}

.daySlide #daylayer5.active .tm-mt:before {
	transform: translate(0em, -7em);
}

.daySlide #daylayer5.active .tm-ms:before {
	transform: translate(0em, -10em);
}
.myVideo {
	width: 100%;
	/*transform: rotate(-12.1deg)rotateY(23.9deg)rotateX(22.5deg);*/
	-ms-transform: rotate(-11.9deg) rotateY(17deg) rotateX(31deg);
	transform: rotate(-11.9deg) rotateY(17deg) rotateX(31deg);
	display: block;
	/* opacity: 0; */
}
.videoBox{
	perspective: 4500px;
    position: absolute;
}
.shou{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.shou img{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 75%;
}
.daySlide #daylayer6 .daySlide-item-bg {
	background: url(../imgs/one-day_06.jpg);
	background-position: center bottom;
	background-size: cover;
}
.daySlide #daylayer6 .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer6 .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer6 .tm-hs:before {
	transform: translate(0em, -2em);
}

.daySlide #daylayer6 .tm-mt:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer6 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer6.active .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer6.active .tm-hs:before {
	transform: translate(0em, -7em);
}

.daySlide #daylayer6.active .tm-mt:before {
	transform: translate(0em, -3em);
}

.daySlide #daylayer6.active .tm-ms:before {
	transform: translate(0em, -10em);
}


.daySlide #daylayer7 .daySlide-item-bg {
	background: url(../imgs/one-day_07.jpg);
	background-position: 23% top;
	background-size: cover;
}
.daySlide #daylayer7 .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer7 .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer7 .tm-hs:before {
	transform: translate(0em, -7em);
}

.daySlide #daylayer7 .tm-mt:before {
	transform: translate(0em, -3em);
}

.daySlide #daylayer7 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer7.active .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer7.active .tm-hs:before {
	transform: translate(0em, -8em);
}

.daySlide #daylayer7.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer7.active .tm-ms:before {
	transform: translate(0em, -10em);
}
.daySlide #daylayer7 .daySlide-tit{
	left:45%;
	text-align: left;
}

.daySlide #daylayer8 .daySlide-item-bg {
	background: url(../imgs/one-day_08.jpg);
	background-position: center bottom;
	background-size: cover;
}
.daySlide #daylayer8 .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer8 .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer8 .tm-hs:before {
	transform: translate(0em, -8em);
}

.daySlide #daylayer8 .tm-mt:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer8 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer8.active .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer8.active .tm-hs:before {
	transform: translate(0em, -9em);
}

.daySlide #daylayer8.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer8.active .tm-ms:before {
	transform: translate(0em, -15em);
}
.daySlide #daylayer9 .daySlide-item-bg {
	background: url(../imgs/one-day_09.jpg);
	background-position: center 20%;
	background-size: cover;
}
.daySlide #daylayer9 .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer9 .tm-ht:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer9 .tm-hs:before {
	transform: translate(0em, -9em);
}

.daySlide #daylayer9 .tm-mt:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer9 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer9.active .tm-ht:before {
	transform: translate(0em, -2em);
}

.daySlide #daylayer9.active .tm-hs:before {
	transform: translate(0em, -11em);
}

.daySlide #daylayer9.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer9.active .tm-ms:before {
	transform: translate(0em, -10em);
}
.daySlide #daylayer10 .daySlide-item-bg {
	background: url(../imgs/one-day_10.jpg);
	background-position: center top;
	background-size: cover;
}
.daySlide #daylayer10 .tm-ht:before {
	transform: translate(0em, -2em);
}
.daySlide #daylayer10 .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer10 .tm-hs:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer10 .tm-mt:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer10 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer10.active .tm-ht:before {
	transform: translate(0em, -2em);
}

.daySlide #daylayer10.active .tm-hs:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer10.active .tm-mt:before {
	transform: translate(0em, -3em);
}

.daySlide #daylayer10.active .tm-ms:before {
	transform: translate(0em, -10em);
}
.daySlide #daylayer10 .daySlide-lamp {
	left: 15%
}

.daySlide #daylayer11 .daySlide-item-bg {
	background: url(../imgs/one-day_11.jpg);
	background-position: right bottom;
	background-size: cover;
}
.daySlide #daylayer11 .tm-amPm:before {
	transform: translate(0em, -1em);
}
.daySlide #daylayer11 .tm-ht:before {
	transform: translate(0em, -2em);
}

.daySlide #daylayer11 .tm-hs:before {
	transform: translate(0em, -1em);
}

.daySlide #daylayer11 .tm-mt:before {
	transform: translate(0em, -3em);
}

.daySlide #daylayer11 .tm-ms:before {
	transform: translate(0em, -0em);
}

.daySlide #daylayer11.active .tm-ht:before {
	transform: translate(0em, -2em);
}

.daySlide #daylayer11.active .tm-hs:before {
	transform: translate(0em, -2em);
}

.daySlide #daylayer11.active .tm-mt:before {
	transform: translate(0em, -6em);
}

.daySlide #daylayer11.active .tm-ms:before {
	transform: translate(0em, -10em);
}
.daySlide #daylayer11 .daySlide-lamp {
	right: 15%;
}
.daySlide #daylayer11 .daySlide-tit{
	top: 50%;
}
.daylayer11-bg{
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #333;
    opacity: 0;
    transition: all .8s;
    transition-delay: 1s;
}
.active .daylayer11-bg{
    opacity: .8;
}
.daySlide #daylayer1 .daySlide-tit,
.daySlide #daylayer4 .daySlide-tit,
.daySlide #daylayer5 .daySlide-tit{
	text-align: left;
}
.daySlide #daylayer1 .daySlide-tit,
.daySlide #daylayer5 .daySlide-tit,
.daySlide #daylayer4 .daySlide-tit{
	right: 45%;
}
.daySlide #daylayer2 .daySlide-tit,
.daySlide #daylayer3 .daySlide-tit,
.daySlide #daylayer6 .daySlide-tit,
.daySlide #daylayer8 .daySlide-tit,
.daySlide #daylayer9 .daySlide-tit,
.daySlide #daylayer10 .daySlide-tit,
.daySlide #daylayer11 .daySlide-tit{
	text-align: left;
    left: 65%;
    right: 14%
}
.daySlide #daylayer3 .daySlide-ui,
.daySlide #daylayer2 .daySlide-ui,
.daySlide #daylayer6 .daySlide-ui,
.daySlide #daylayer8 .daySlide-ui,
.daySlide #daylayer9 .daySlide-ui,
.daySlide #daylayer10 .daySlide-ui,
.daySlide #daylayer11 .daySlide-ui{
	left: 25%;
}
.daySlide #daylayer2 .daySlide-ui,
.daySlide #daylayer4 .daySlide-ui,
.daySlide #daylayer7 .daySlide-ui,
.daySlide #daylayer8 .daySlide-ui{
	background: rgba(0, 0, 0, 0.2);
}
.daySlide #daylayer6 .daySlide-ui{
	background: rgba(255, 255,255, 0.2);
}
.ui-text{
	position: absolute;
	left: 65px;
	color: #efefef;
}
.ui-text .danwei{
	font-size: 12px;
}
.ui2-1{
	top:60px
}
.ui2-2{
	top:124px
}
.ui2-3{
	top:196px
}
.ui2-4{
	top:256px
}
.ui2-5{
	top:322px
}
@media screen and (max-width:1600px) {
	.daySlide .daySlide-tit-text {
	    font-size: 1.2em;
	}
	.daySlide .daySlide-time {
		font-size: 3em;
	}
	.daySlide  .daySlide-tit{
		right: 18%;
		left: 18%;
	}
	.daySlide  .daySlide-ui{
		right: 10%;
	}
	.daySlide #daylayer1 .daySlide-tit,
	.daySlide #daylayer4 .daySlide-tit,
	.daySlide #daylayer5 .daySlide-tit {
		text-align: left;
	}
	.daySlide #daylayer3 .daySlide-ui,
	.daySlide #daylayer2 .daySlide-ui,
	.daySlide #daylayer6 .daySlide-ui,
	.daySlide #daylayer7 .daySlide-ui,
	.daySlide #daylayer8 .daySlide-ui,
	.daySlide #daylayer9 .daySlide-ui,
	.daySlide #daylayer10 .daySlide-ui,
	.daySlide #daylayer11 .daySlide-ui {
		left: 18%;
	}
	.videoBox {
	    perspective: 3000px;
	}
}
@media screen and (max-width:1200px) {
	.daySlide #daylayer2 .daySlide-tit,
	.daySlide #daylayer3 .daySlide-tit,
	.daySlide #daylayer6 .daySlide-tit,
	.daySlide #daylayer8 .daySlide-tit,
	.daySlide #daylayer9 .daySlide-tit,
	.daySlide #daylayer10 .daySlide-tit,
	.daySlide #daylayer11 .daySlide-tit{
	    left: 55%;
	    right: 14%
	}
	.daySlide .daySlide-time {
		font-size: 3em;
	}
	.daySlide .daySlide-tit-text {
		font-size: 1em;
	}
	.daySlide  .daySlide-tit{
		right: 10%;
		left: 10%;
	}
	.daySlide  .daySlide-ui{
		right: 10%;
	}
	.daySlide #daylayer1 .daySlide-tit,
	.daySlide #daylayer4 .daySlide-tit,
	.daySlide #daylayer5 .daySlide-tit {
		text-align: left;
	}
	.daySlide #daylayer3 .daySlide-ui,
	.daySlide #daylayer2 .daySlide-ui,
	.daySlide #daylayer6 .daySlide-ui,
	.daySlide #daylayer7 .daySlide-ui,
	.daySlide #daylayer8 .daySlide-ui,
	.daySlide #daylayer9 .daySlide-ui,
	.daySlide #daylayer10 .daySlide-ui,
	.daySlide #daylayer11 .daySlide-ui {
		left: 10%;
		transform-origin: bottom left;
	}
}

@media screen and (max-width:767px){
	.daySlide .daySlide-lamp {
		top:64px
	}
	.daySlide #daylayer2 .daySlide-tit,
	.daySlide #daylayer3 .daySlide-tit,
	.daySlide #daylayer6 .daySlide-tit,
	.daySlide #daylayer8 .daySlide-tit,
	.daySlide #daylayer9 .daySlide-tit,
	.daySlide #daylayer10 .daySlide-tit,
	.daySlide #daylayer11 .daySlide-tit{
	    left: 50%;
	    right: 14%
	}
	.daySlide #daylayer1 .daySlide-item-bg {
		background: url(../imgs/one-day_01_m.jpg);
		background-position: right top;
		background-size: cover;
	}
	.daySlide #daylayer2 .daySlide-item-bg {
		background: url(../imgs/one-day_02_m.jpg);
		background-position: 65% bottom;
		background-size: cover;
	}
	.daySlide #daylayer3 .daySlide-item-bg {
		background: url(../imgs/one-day_03_m.jpg);
		background-position: center bottom;
		background-size: cover;
	}
	.daySlide #daylayer4 .daySlide-item-bg {
		background: url(../imgs/one-day_04_m.jpg);
		background-position: center bottom;
		background-size: cover;
	}
	.daySlide #daylayer5 .daySlide-item-bg {
		background: url(../imgs/one-day_05_m.jpg);
		background-position: 66% bottom;
		background-size: cover;
	}
	.daySlide #daylayer6 .daySlide-item-bg {
		background: url(../imgs/one-day_06_m.jpg);
		background-position: center bottom;
		background-size: cover;
	}
	.daySlide #daylayer7 .daySlide-item-bg {
		background: url(../imgs/one-day_07_m.jpg);
		background-position: 23% top;
		background-size: cover;
	}
	.daySlide #daylayer8 .daySlide-item-bg {
		background: url(../imgs/one-day_08_m.jpg);
		background-position: center bottom;
		background-size: cover;
	}
	.daySlide #daylayer9 .daySlide-item-bg {
		background: url(../imgs/one-day_09_m.jpg);
		background-position: center 20%;
		background-size: cover;
	}
	.daySlide #daylayer10 .daySlide-item-bg {
		background: url(../imgs/one-day_10_m.jpg);
		background-position: center top;
		background-size: cover;
	}
	.daySlide #daylayer11 .daySlide-item-bg{
		background: url(../imgs/one-day_11_m.jpg);
		background-position: right bottom;
		background-size: cover;
	}
	
	.daySlide .daySlide-time{
		font-size: 3em;
	}
	.daySlide .daySlide-tit{
		top: 15%;
	}
	.daySlide .daySlide-tit-text{
		font-size: 1em;
	}
	.daySlide-share{
				display: none;
	}
	.daySlide .daySlide-ui{
		transform: scale(.7);
		bottom:5%;
	}
	.videoBox {
	    perspective: 2000px;
	}
}
@media screen and (max-width:467px){
	.daySlide .daySlide-time{
		font-size: 2em;
	}
	.daySlide .daySlide-tit-text{
		font-size: 0.8em;
	}
	.daySlide .daySlide-ui{
		transform: scale(.5);
		bottom:5%;
	}
	.daySlide .daySlide-tit{
		left:10% !important;
		right: 10% !important;
		top: 15%;
	}
	.daySlide #daylayer7 .daySlide-tit {
	    left: 36% !important;
	    text-align: left;
	}
	.shou img{
	    width: 124%;
	}
	.videoBox {
	    perspective: 800px;
	}
	.daySlide #daylayer11 .daySlide-tit {
	    top: 15%;
	}
}
/*------------------------------------------*/
/*------------------------------------------*/
/*               loading样式                           */
/*------------------------------------------*/
/*------------------------------------------*/
			.loading-box{
				position: absolute;
			    width: 100%;
			    height: 100%;
			    background: #000;
			    top: 0;
		    }
			.loading{
				width: 300px;
				height: 300px;
				position: absolute;
				background: black;
				transform: translate(-50%,-50%);
				top: 50%;
				left: 50%;
			}
			.loading::before {
				width: 100%;
				animation: abc .9s linear infinite;
				/*content:url(http://www.revogi.com/wp-content/uploads/2016/11/loading.png);*/
				content: '';
				background: url(../../../../theme/images/loading.png);
				background-size: contain;
				background-position: center;
				position: absolute;
				height: 100%;
			}
			.loading:after {
				height: 31%;
				width: 31%;
				position: absolute;
				top: 34.5%;
				left: 34.5%;
				/*content: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png);*/
				background: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png) no-repeat;
				background-size: contain;
				background-position: center;
				content: "";
				animation: imgs 21.6s linear infinite;
			}
			
			@keyframes abc {
				from {
					transform: rotate(0deg);
				}
				to {
					transform: rotate(360deg);
				}
			}
			@keyframes imgs {
				0% {
					background: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 1;
				}
				5% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png) no-repeat;
					background-size: contain;
					background-position: center;
				}
				5.9% {
					background: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png) no-repeat;
					background-size: contain;
					background-position: center;
				}
				6% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-lightstrip.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				8.3% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-lightstrip.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				11.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-lightstrip.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				12% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-candlelight.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				16.6% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-candlelight.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				19.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-candlelight.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				20% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-meter-plug.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				24.9% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-meter-plug.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				27.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-meter-plug.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				28% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-meter-plug-eu-2.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				33.2% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-meter-plug-eu-2.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				35.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-meter-plug-eu-2.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				36% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/melody-light.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				41.5% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/melody-light.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				43.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/melody-light.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				44% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-power-strip-eu.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				48.8% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-power-strip-eu.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				51.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-power-strip-eu.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				52% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-lightbulb.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				57.1% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-lightbulb.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				59.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-lightbulb.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				60% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-power-strip-us.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				65.4% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-power-strip-us.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				67.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-power-strip-us.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				68% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-plug-eu.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				73.7% {
					opacity: 1;
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-plug-eu.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				75.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-plug-eu.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				76% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/delite-1100ct.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				82% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/delite-1100ct.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 1;
				}
				83.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/delite-1100ct.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				84% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-sense-starter-kit.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				90.3% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-sense-starter-kit.svg) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 1;
				}
				91.9% {
					background: url(http://www.revogi.com/wp-content/themes/salem/images/icon/smart-sense-starter-kit.svg) no-repeat;
					background-size: contain;
					background-position: center;
				}
				92% {
					background: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 0;
				}
				98.6% {
					background: url(http://www.revogi.com/wp-content/uploads/2015/09/logo.png) no-repeat;
					background-size: contain;
					background-position: center;
					opacity: 1;
				}
			}
			@media (max-width:767px) {
				.loading:after{
					animation: none;
				}
			}