@charset "utf-8";
/* CSS Document */
html, body { width:100%; height:100%; min-width:1280px; position: relative;}

.ly_main { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.ly_main video { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; object-fit:cover;}

.ly_main .ly_a1 { width:320px; height:0; overflow:hidden; position:absolute; left:160px; top:430px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a2 { width:320px; height:0; overflow:hidden; position:absolute; left:1060px; top:660px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a3 { width:330px; height:0; overflow:hidden; position:absolute; left:200px; top:300px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a4 { width:320px; height:0; overflow:hidden; position:absolute; left:1290px; top:550px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a5 { width:300px; height:0; overflow:hidden; position:absolute; left:370px; top:120px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a6 { width:285px; height:0; overflow:hidden; position:absolute; left:1370px; top:330px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a7 { width:260px; height:0; overflow:hidden; position:absolute; left:590px; top:30px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a8 { width:285px; height:0; overflow:hidden; position:absolute; left:1330px; top:210px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a9 { width:570px; height:0; overflow:hidden; position:absolute; left:1120px; top:20px; z-index:1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main a.btn { display:block; height:100%; overflow:hidden; margin:0; padding:0;}
.ly_main i { display:none;}
.ly_main .ly_btn { width:220px; height:0; overflow:hidden; margin:0; padding:0; background:url(../images/btn0.png) 0 0 no-repeat; position:absolute; left:1295px; top:105px; z-index:2; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_play { width:88px; height:0; overflow:hidden; margin:0; padding:0; position:absolute; right:30px; bottom:30px; z-index:2; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}

.ly_main .ly_a1 a.btn { background:url(../images/shop01.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a2 a.btn { background:url(../images/shop02.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a3 a.btn { background:url(../images/shop03.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a4 a.btn { background:url(../images/shop04.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a5 a.btn { background:url(../images/shop05.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a6 a.btn { background:url(../images/shop06.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a7 a.btn { background:url(../images/shop07.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a8 a.btn { background:url(../images/shop08.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a9 a.btn { background:url(../images/shop00.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_a1 a.btn:hover { background:url(../images/shop1.png) 0 0 no-repeat;}
.ly_main .ly_a2 a.btn:hover { background:url(../images/shop2.png) 0 0 no-repeat;}
.ly_main .ly_a3 a.btn:hover { background:url(../images/shop3.png) 0 0 no-repeat;}
.ly_main .ly_a4 a.btn:hover { background:url(../images/shop4.png) 0 0 no-repeat;}
.ly_main .ly_a5 a.btn:hover { background:url(../images/shop5.png) 0 0 no-repeat;}
.ly_main .ly_a6 a.btn:hover { background:url(../images/shop6.png) 0 0 no-repeat;}
.ly_main .ly_a7 a.btn:hover { background:url(../images/shop7.png) 0 0 no-repeat;}
.ly_main .ly_a8 a.btn:hover { background:url(../images/shop8.png) 0 0 no-repeat;}
.ly_main .ly_a9 a.btn:hover { background:url(../images/shop001.png) 0 0 no-repeat;}

.ly_main .ly_btn a { display:block; width:50%; height:35px; overflow:hidden; margin:0; padding:0; float:left;}
.ly_main .ly_play a { display:block; width:88px; height:100px; overflow:hidden; background:url(../images/play.png) 0 0 no-repeat; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.ly_main .ly_enter { width:88px; height:100px; overflow:hidden; margin:0; padding:0; position:absolute; left:30px; bottom:30px; z-index:2;}
.ly_main .ly_enter a { display:block; width:88px; height:100px; overflow:hidden; background:url(../images/enter.png) 0 0 no-repeat;}

@media (max-width:1680px){
.ly_main .ly_a1 { left:100px; top:420px;}
.ly_main .ly_a2 { left:930px; top:610px;}
.ly_main .ly_a3 { left:150px; top:290px;}
.ly_main .ly_a4 { left:1130px; top:520px;}
.ly_main .ly_a5 { left:290px; top:130px;}
.ly_main .ly_a6 { left:1200px; top:320px;}
.ly_main .ly_a7 { left:480px; top:50px;}
.ly_main .ly_a8 { left:1150px; top:220px;}
.ly_main .ly_a9 { left:960px; top:40px;}

.ly_main .ly_btn { left:1135px; top:125px;}
}
@media (max-width:1600px){
.ly_main .ly_a1 { left:80px; top:340px;}
.ly_main .ly_a2 { left:900px; top:520px;}
.ly_main .ly_a3 { left:130px; top:230px;}
.ly_main .ly_a4 { left:1080px; top:440px;}
.ly_main .ly_a5 { left:270px; top:70px;}
.ly_main .ly_a6 { left:1150px; top:250px;}
.ly_main .ly_a7 { left:460px; top:0px;}
.ly_main .ly_a8 { left:1100px; top:150px;}
.ly_main .ly_a9 { left:880px; top:0px;}

.ly_main .ly_btn { left:1055px; top:85px;}
}
@media (max-width:1440px) {
.ly_main .ly_a1 { left:40px; top:330px;}
.ly_main .ly_a2 { left:790px; top:520px;}
.ly_main .ly_a3 { left:90px; top:245px;}
.ly_main .ly_a4 { left:970px; top:440px;}
.ly_main .ly_a5 { left:210px; top:90px;}
.ly_main .ly_a6 { left:1030px; top:250px;}
.ly_main .ly_a7 { left:380px; top:10px;}
.ly_main .ly_a8 { left:990px; top:160px;}
.ly_main .ly_a9 { left:820px; top:10px;}

.ly_main .ly_btn { left:995px; top:95px;}
}
@media (max-width:1366px) {
.ly_main .ly_a1 { left:30px; top:280px;}
.ly_main .ly_a2 { left:750px; top:440px;}
.ly_main .ly_a3 { left:60px; top:180px;}
.ly_main .ly_a4 { left:920px; top:360px;}
.ly_main .ly_a5 { left:180px; top:30px;}
.ly_main .ly_a6 { left:970px; top:190px;}
.ly_main .ly_a7 { left:360px; top:-10px;}
.ly_main .ly_a8 { left:930px; top:105px;}
.ly_main .ly_a9 { left:760px; top:0px;}

.ly_main .ly_btn { left:935px; top:85px;}
.ly_main .ly_play { right:20px; bottom:20px;}
.ly_main .ly_enter { left:20px; bottom:20px;}
}
@media (max-width:1360px) {

}
@media (max-width:1280px) {
.ly_main .ly_a1 { left:0px; top:290px;}
.ly_main .ly_a2 { left:700px; top:440px;}
.ly_main .ly_a3 { left:50px; top:210px;}
.ly_main .ly_a4 { left:860px; top:380px;}
.ly_main .ly_a5 { left:160px; top:60px;}
.ly_main .ly_a6 { left:910px; top:210px;}
.ly_main .ly_a7 { left:320px; top:0px;}
.ly_main .ly_a8 { left:880px; top:120px;}
.ly_main .ly_a9 { left:690px; top:0px;}

.ly_main .ly_btn { left:865px; top:80px;}
}