@charset "utf-8";
/* CSS Document */
@media (max-width:1590px){
.animate-container{width:100%;}
.topbgimg{ width:100%;height:540px; margin:auto; background-size:cover;}
.mslide1 .s0{ width:99.2%; height:auto;left:0%;bottom:0px;z-index:1;}
.mslide1 .s1{width:72%; height:auto;left:12%;top:50px;z-index:3;}
.mslide1 .s2{width:40%; height:auto;left:27%;top:307px;z-index:2;}
.mslide1 .s4{width:137%; height:auto;left:0;bottom: 0px;z-index: 0;}

}
@media (max-width:1220px){
.animate-container{width:1200px;}
.topbgimg{ width:1200px;height:540px; margin:auto; background-size:cover;}
.mslide1 .s0{ width:1190px; height:auto;left:0%;bottom:0px;z-index:1;}
.mslide1 .s1{width:863px; height:auto;left:12%;top:50px;z-index:3;}
.mslide1 .s2{width:525px; height:auto;left:320px;top:307px;z-index:2;}
.mslide1 .s4{width:1650px; height:auto;left:0;bottom: 0px;z-index: 0;}
#toTop { bottom: 40px; right:38px;}
}
@media (max-width:960px){
.animate-container{width:960px;}
.topbgimg{ width:960px;height:432px; margin:auto; background-size:cover;}
.mslide1 .s0{ width:952px; height:auto;left:0%;bottom:0px;z-index:1;}
.mslide1 .s1{width:690px; height:auto;left:12%;top:50px;z-index:3;}
.mslide1 .s2{width:420px; height:auto;left:250px;top:247px;z-index:2;}
.mslide1 .s4{width:1320px; height:auto;left:0;bottom: 0px;z-index: 0;}
#toTop { bottom: 40px; right:38px;}
}