@charset "utf-8";
/* CSS Document */
.banner { width:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.ly_main { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.ly_main video { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}

.ly_main .ly_a1 { width:16.666666%; height:0; overflow:hidden; position:absolute; left:8%; top:46%; 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:16.666666%; height:0; overflow:hidden; position:absolute; left:55%; top:66%; 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:17.1875%; height:0; overflow:hidden; position:absolute; left:12%; top:34%; 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:16.666666%; height:0; overflow:hidden; position:absolute; left:68%; top:57%; 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:15.625%; height:0; overflow:hidden; position:absolute; left:20%; top:18%; 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:14.84375%; height:0; overflow:hidden; position:absolute; left:71%; top:38%; 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:13.541666%; height:0; overflow:hidden; position:absolute; left:31%; top:10%; 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:14.84375%; height:0; overflow:hidden; position:absolute; left:69%; top:26%; 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:29.6875%; height:0; overflow:hidden; position:absolute; left:56%; top:5%; 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:11.458333%; height:0; overflow:hidden; margin:0; padding:0; background:url(../images/btn0.png) 0 0 no-repeat; background-size:100% 100%; position:absolute; left:65%; top:13%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%; 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; background-size:100% 100%;}
.ly_main .ly_a2 a.btn:hover { background:url(../images/shop2.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a3 a.btn:hover { background:url(../images/shop3.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a4 a.btn:hover { background:url(../images/shop4.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a5 a.btn:hover { background:url(../images/shop5.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a6 a.btn:hover { background:url(../images/shop6.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a7 a.btn:hover { background:url(../images/shop7.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a8 a.btn:hover { background:url(../images/shop8.png) 0 0 no-repeat; background-size:100% 100%;}
.ly_main .ly_a9 a.btn:hover { background:url(../images/shop001.png) 0 0 no-repeat; background-size:100% 100%;}

.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){

}
@media (max-width:1600px){

}
@media (max-width:1440px) {

}
@media (max-width:1366px) {

}
@media (max-width:1360px) {

}
@media (max-width:1280px) {

}