/* Æ˾÷ */
#divpop{position:absolute;left:130px;top:230px;border:1px solid #000;background:#000;}
#divpop2{position:absolute;left:640px;top:230px;border:1px solid #000;background:#000;}
#divpop3{position:absolute;left:130px;top:230px;border:1px solid #000;background:#000;}
.close{font-size:11px;color:#fff; vertical-align:middle; padding:2px; overflow:hidden; position:relative;}
.close  label {top:6px}
.close .btn_close{cursor:pointer; position:absolute; right:5px; top:2px}
.close .btn_close a{color:#fff;}
.close input{vertical-align:middle;}
.pop img {width:100%}

@media all and (max-width:1110px){
#divpop3{width:565px;height:585px;left:10px;top:610px;border:1px solid #000;}
}

@media all and (max-width:1180px){
#divpop2{left:130px;top:720px;}
}

@media all and (max-width:976px){
#divpop {top:90px;}
#divpop2{top:600px;}
}

@media all and (max-width:770px){
#divpop {width:80%;max-width:362px;height:auto;left:90px;top:90px;}
#divpop2{width:80%;max-width:362px;height:auto;left:90px;top:440px;}
#divpop3{width:80%;max-width:567px;height:auto;left:90px;top:90px;}
.close {font-size:10px;}
.pop2 img {width:100%}
}

/*
@media screen and (max-width:680px){
#divpop2{left:300px;}
#divpop3{left:5px;top:450px;}
}

@media screen and (max-width:580px){
#divpop2{left:260px;}
#divpop3{left:5px;top:400px;}
}

@media screen and (max-width:500px){
#divpop2{left:220px;}
#divpop3{left:5px;top:400px;}
}

@media screen and (max-width:490px){
#divpop {left:90px;}
#divpop2{left:5px;top:350px;}
#divpop3{left:5px;top:630px;}
}
*/
@media all and (max-width:470px){
#divpop {left:5px;top:60px;}
#divpop2{left:5px;top:430px;}
#divpop3{left:5px;top:60px;}
}

@media all and (max-width:400px){
#divpop {left:5px;top:60px;}
#divpop2{left:5px;top:380px;}
}

@media all and (max-width:340px){
#divpop {top:60px;}
#divpop2{top:330px;}
}

/*pop*/
#light { animation-duration:2s; animation-name:pr;  position: fixed;  bottom:0px;right:10px;  z-index:119999;  } 
#player3 { z-index:10000; animation-duration:2s; animation-name:pr; position: fixed; bottom:0px;right:10px;}
#player3 img{width:100%;max-width:360px;}
#movie-close { position:absolute; bottom:410px; right:10px;z-index: 1189;color:#fff;font-size:20px;background:#000;border-radius:100px;padding:0 15px;}
@keyframes pr {
	  from { opacity:0; margin-bottom:-1000px; }
	  50% {opacity:0;  margin-bottom:-1000px;}
	  to { }
	}

@media all and (max-width:976px){	
#light {display:none;}
}

/**/
#divpops{border:1px solid #000;font-size:13px;position:absolute;left:130px;top:230px;z-index:200;background-color:#000; color: #fff;}
#divpops2{border:1px solid #000;font-size:13px;position:absolute;left:640px;top:230px;z-index:202;background-color:#000; color: #fff;}
#divpops03{border:1px solid #000;font-size:13px;position:absolute;left:640px;top:230px;width:467px;z-index:202;background-color:#000; color: #fff;}
#divpops04{border:1px solid #000;font-size:13px;position:absolute;left:130px;top:230px;width:382px;z-index:202;background-color:#000; color: #fff;}

#divpops .swiper-container{width:500px;height:456px;}
#divpops .swiper-pagination{bottom:15px;}
#divpops .swiper-pagination-bullet{width:15px;height:15px;background:#000;}
#divpops .swiper-pagination-bullet-active{background:#fff;}

#divpops2 .swiper-container{width:380px;height:560px;}
#divpops2 .swiper-pagination{bottom:15px;}
#divpops2 .swiper-pagination-bullet{width:15px;height:15px;background:#000;}
#divpops2 .swiper-pagination-bullet-active{background:#fff;}


@media all and (max-width:1250px){
#divpops03{left:130px;}
}
}

@media all and (max-width:1110px){
#divpops2{left:130px;top:730px;}
}

@media all and (max-width:1050px){
#divpops2{left:130px;}
}

@media all and (max-width:976px){
#divpops {top:90px;}
#divpops2 {top:590px;}
#divpops03{top:90px;}
#divpops04{top:90px;}
}

@media all and (max-width:890px){
#divpops{width:70%;height:auto;max-width:502px;left:90px;top:90px;}
#divpops .swiper-container{width:100%;height:auto;}
#divpops .swiper-slide img{width:100%;}

#divpops2{width:70%;height:auto;max-width:362px;left:90px;top:580px;}
#divpops2 .swiper-container{width:100%;height:auto;}
#divpops2 .swiper-slide img{width:100%;}

#divpops03{width:70%;height:auto;max-width:467px;left:90px;top:90px;}
#divpops04{width:70%;height:auto;max-width:382px;left:90px;top:90px;}
}

@media all and (max-width:550px){
#divpops2{top:480px;}
}

@media all and (max-width:480px){
#divpops {left:80px;top:60px;}
#divpops2{left:80px;top:400px;}
#divpops03{left:80px;top:60px;}
#divpops04 {left:80px;top:60px;}
}

@media all and (max-width:400px){
#divpops {left:50px;top:60px;}
#divpops2{left:50px;top:350px;}
#divpops04 {left:50px;top:60px;}
}

@media all and (max-width:340px){
#divpops {top:60px;}
#divpops2{top:300px;}
#divpops04 {top:60px;}
}

@media all and (max-width:310px){
#divpops {left:20px;top:60px;font-size:11px;}
#divpops2{left:20px;top:280px;font-size:11px;}
#divpops03{left:20px;top:60px;font-size:11px;}
#divpops04 {left:20px;top:60px;font-size:11px;}
}