html, body, .container {
    width: 100%;
    height: 100%;
}
.container{
	position: relative;
}
.topc{
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.topc .logo{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 11%;
	min-width: 180px;
}
.topc .logo img{
	width: 100%;
}.swipe__button--out {
    stroke: #fff;
    stroke-dasharray: 3px 3px;
    stroke-width: 1px;
    fill: none;
    transform-origin: center;
    transition: stroke-width .3s ease-out,stroke-dasharray .3s ease-out,transform .3s ease-out;
}
.topc .imgs{
	position: fixed;
	top: 30%;
	left: 10%;
	width: 100%;
}
.topc .imgs .img01{
	width: 72%;
	display: block;
}
.topc .imgs .img02{
	margin-left: 15px;
	display: block;
	width: 51%;
}
.topc .link{
	height: 50px;
	line-height: 50px;
	margin-top: 50px;
	margin-left: 15px;
}
.topc .link .span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
	margin-left: 30px;
	color: #029fa1;
	font-weight: bold;
	font-size: 24px;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	transition:all .5s;
	-webkit-transition:all .5s; 
	    -moz-transition:all .5s;
	    -o-transition:all .5s;
}
.topc .link .span em{
	color: #fff;
	margin-right: 10px;
}
.topc .alink{
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;

}
.topc .alink .svg1{
	
}
.topc .alink .svg2{
	width: 32px;
	height: 32px;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: -1;
}
.swipe__start:after,
.swipe__start:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	width: 46px;
	height: 46px;
	border: 1px solid #fff;
	border-radius: 50%;
	transform-origin: center;
	opacity: .2;
	animation: a 4s ease-out infinite
}
.g__pulse:after,
.g__pulse:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 50%;
	transform-origin: center;
	opacity: .2;
	animation: a 4s ease-out infinite
}

.g__pulse:after {
	animation-delay: 2s
}
.swipe__button:hover .swipe__button--out {
    stroke-dasharray: 1px 0;
}
@keyframes a {
	0% {
		transform: scale(1);
		opacity: .2
	}

	50% {
		opacity: .03
	}

	to {
		transform: scale(2);
		opacity: 0
	}
}

@keyframes b {
	0% {
		transform-origin: 0 0;
		transform: scaleY(0)
	}

	50% {
		transform: scaleY(1);
		transform-origin: 0 0
	}

	50.01% {
		transform-origin: 0 100%
	}

	to {
		transform-origin: 0 100%;
		transform: scaleY(0)
	}
}

@keyframes c {
	0% {
		transform: scaleY(1)
	}

	to {
		transform: scaleY(5)
	}
}

@keyframes d {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 84px
	}
}

@keyframes e {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}
.mybody{
	
}
.mycanvas{
	z-index: 333;
	right: -180px;
	left: inherit;
	top: inherit;
	bottom: -160px;
}
.fixl{
	display: block;
	    height: 50px;
	    line-height: 50px;
	    vertical-align: top;
	    margin-left: 30px;
	    color: #029fa1;
	    font-weight: bold;
	    font-size: 24px;
	    position: fixed;
	    bottom: 60px;
	    right: 120px;
	    z-index: 33232323;
	    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5);
}
.fixl em{
	color: #fff;
	    margin-right: 10px;
}
.quan{
	position: fixed;
	z-index: 2;
	width: 60px;
	height: 60px;
	bottom: 50px;
	right: 350px;
}
.quan:before,.quan:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 50%;
	transform-origin: center;
	opacity: .2;
	animation: a 4s ease-out infinite;
}
.quan:after {
    animation-delay: 2s;
}
.arrw{
	
position: fixed;
	
z-index: 999;
	
bottom: 77px;
	
right: 376px;
	
width: 8px;
display: none;
}

@media screen and (max-width: 1600px){
	.mycanvas{
		
width: 500px;
		
height: 500px;
		
right: -80px;
		
bottom: -110px;
	}
	.fixl{
		
bottom: 55px;
	}
	.quan{
		right: 328px;
		bottom: 48px;
	}
	.arrw{
		
right: 354px;
		
bottom: 75px;
	}
}
.topc .link .span:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1); 
	    -moz-transform:scale(1.1); 
	    -o-transform:scale(1.1); 
}


.video-bg {
    width: 100%;
    height: 100%;
}
.video-bg .video-tvc {
    height: 100%;
    width: 100%;
    object-fit: cover;
}