body{op/acity: 0;}
.first{position: absolute;height: 100%;width:100%;z-index: 99;top: 0;left: 0;overflow: hidden;}
.c0{position: absolute;height: 100%;z-index: 100;top: 0;left: 0;animation: c0 2s linear;-webkit-animation: c0 2s linear;}
@keyframes c0 
{
	0%   {left:0;}
	100% {left:-100px;}
}
@-webkit-keyframes c0
{
	0%   {left:0;}
	100% {left:-100px;}
}
.a1{position: absolute;width: 74.5%;z-index: 101;top: 60%;left: 0;}
.a2{position: absolute;width: 22.6%;z-index: 101;top: 60%;right:0;animation: a2 1s linear;-webkit-animation: a2 1s linear;}
@keyframes a2
{
	0%   {right:0;}
	50%  {right:2.9%;}
	100% {right:0;}
}
@-webkit-keyframes a2
{
	0%   {right:0;}
	50%  {right:2.9%;}
	100% {right:0;}
}
.content{position: relative;z-index: 1;border-bot/tom: 1px dotted #ccc;overflow: hidden;}
.footer{position:fixed;z-index: 999; height:56px;width: 100%;left: 0;bottom: 0;background-color: #fff;}
.panels{position: absolute;width: 140px;height: 100%;z-index:9999;left:-140px; top:0;background-color: rgba(255,255,255,.8);}
.menu-name{display:block;width:90%;margin:15px auto;}
.menu{margin: 0;padding: 0;list-style: none;}
.menu-list a{display: block; color: rgb(18,32,17); font-weight: 700; font-size: 16px; line-height: 2em; height: 2em;padding-left:1.5em;text-decoration: none;border-bottom: 1px dotted #ccc;background-image: url('../img/menu-icon.png');background-position: .5em center; background-size: 8px 8px;background-repeat:no-repeat;}
.menu-list a span{font-size: 10px;color: rgb(18,32,17);margin-left: -0.8em;}

.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%;position:relative;font-size:0;}

.inner{width: 100%;height: 100%;display: table-cell; vertical-align: middle;text-align: center;position: relative;}
.swiper-slide{width: 100%;height: 100%;display: table;}
.swiper-home{width: 100%;height: 100%;}
.swiper-land{width: 100%;height: 100%;}
.swiper-land .swiper-slide{width: 70%;}
.swiper-land img{
	width: 100%; margin:0 auto;
	opacity: 0.3;
	-webkit-transition: 300ms;
	transition: 300ms;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);background:url(../images/product.png) no-repeat top center; background-size:100% 100%; padding: 8% 10% 15%; box-sizing:border-box
}
.swiper-land .swiper-slide-active img{width:100%; margin:0 auto;opacity: 1;transform: scale(1);-webkit-transform: scale(1); box-sizing:border-boxbackground:url(../images/product.png) no-repeat top center; background-size:100% 100%; padding: 8% 10% 15%;}
.swiper-life{width: 100%;height:100%;overflow: hidden;background-image: url('../img/c5.jpg');background-size:120% auto;background-repeat: no-repeat;background-position: center center;}
.life-img1{width: 100%;}
.life-img2{position: absolute;width:100%;left: 0;top: 0;z-index: 99;}
.life-img3{position: absolute;left: 50%;bottom: 0;z-index: 99;width: 60px;margin-left: -30px;}
.show-title{height:70%;margin: 5px 0;top:0;
	animation: demotitle 2s linear infinite alternate;
	-webkit-animation: demotitle 2s linear infinite alternate;
}
@keyframes demotitle
{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes demotitle
{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}
.show-img{width: 100%;}
.show-video{position: absolute;display: block;left:50%; top:50%; z-index:99999; width: 1px; height: 1px; opacity: 1;}
.show-video-full{position: absolute;left: 0;top: 0;z-index: 99999;width: 100%;height: 100%;background-color: #000;display: none;font-size: 0;overflow: hidden;}
.show-video-full i{cursor: pointer; position: absolute;right: 5px;top: 5px;z-index: 100000;height: 30px;font-size: 24px;font-weight: 700;color: #fff;line-height: 30px;}
.video-full{width: 100%;height: 100%;}
.show-play{width: 50%;}
.show-view{background-image: url('../img/c4.jpg');background-size:100% auto;background-repeat: no-repeat;background-position: center center;}
.icon{margin:0;padding:0;list-style: none;}
.icon li{float:right;margin:10px;font-size: 0;}
.icon li img{height: 36px;}
.tag1{position: absolute;width:24px;height:30px;top:40%;left:50%;z-index:99;
	animation:demotag 1s linear infinite;
	-webkit-animation:demotag 1s linear infinite;
}
@keyframes demotag
{
	0%   {top:40%;}
	25%  {top:38%;}
	50%  {top:40%;}
	75%  {top:40%;}
	100% {top:40%;} 
}
@-webkit-keyframes demotag
{
	0%   {top:40%;}
	25%  {top:38%;}
	50%  {top:40%;}
	75%  {top:40%;}
	100% {top:40%;} 
}
.tag2{position: absolute;width: 75px;height: 40px;top:77%;left:57%;z-index: 99;
	animation:demotag2 300ms linear infinite alternate;
	-webkit-animation:demotag2 300ms linear infinite alternate;
}
@keyframes demotag2
{
	0%   {top:78%;left:56%;}
	100% {top:76%;left:58%;}
}
@-webkit-keyframes demotag2
{
	0%   {top:78%;left:56%;}
	100% {top:76%;left:58%;}
}
.landscape{
}
.img-box{position: fixed;z-index:9999;top: 0;left: 0;display: none;backg/round-color: #000;width: 100%;}
.img-table{display: table;width: 100%;}
.img-table-cell{display: table-cell;text-align: center;vertical-align: middle;font-size: 0;width: 100%;}
.img-table img{width: 60%;opacity: 0;}
#photo{width: 100%;}