body {background:#c3d0e1; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.Tips {animation: blink 1.5s linear infinite;}

@media screen and (max-width: 768px) {
	
body:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../img/min_bg1.jpg) center 0 no-repeat;
  background-size: cover;
}

.VideoBox {display:none;}

.Logo {width:30%;height:auto;display:block;position:fixed;left:1rem;top:1rem;}
.Logo img {width:100%;height:auto;}

.Slogan {width:100%;height:auto;display:block;margin:0 auto;margin-top:2rem;}
.Slogan img {width:100%;height:auto;}

.Tips {width:100%;height:auto;overflow:hidden;position:fixed;bottom:1rem;left:0px;}
.Tips img {width:100%;height:auto;}

}


@media screen and (min-width:768px){
	
body {background:url(../img/max_bg.jpg) top center no-repeat #1a1a1a;}

.VideoBox {position:relative;}

.Logo {width:200px;height:190px;display:block;position:fixed;left:10px;top:10px;z-index:9;display:none;}
.Slogan {display:none;}

.Tips {width:556px;height:116px;position:fixed;z-index:999;left:50%;bottom:20px;margin-left:-278px;}



}

@media screen and (min-width:1600px){
	
body {background:url(../img/max_bg.jpg) bottom center no-repeat #1a1a1a; background-size:100% auto;background-attachment:fixed;overflow-x:hidden;}

}