@media screen and (max-width:1100px){
#prev{ display:none;}
#next{ display:none;}
#swap_pic{ width:100%;}
.box{ width:100%;POSITION: relative;}
.box ul li{ width:100%;}
.box ul li p{ display:block; width:46%; float:left; margin:10px 2%; text-align:center;}
.box ul li p img{ width:100%;}
.box ul li p span{ font-size:12px; display:block; height:20px; line-height:25px;}
.tab { display:none; }
}
@media screen and (min-width:1101px){
#swap_pic { WIDTH:1200px; HEIGHT:640px; OVERFLOW: hidden; margin:0 auto; display:none; }
.tab { display:block; }
.box {POSITION: relative; WIDTH:1200px; FLOAT: left; HEIGHT:640px; OVERFLOW: hidden}
#prev {WIDTH:45px; FLOAT: left; HEIGHT:90px; OVERFLOW: hidden; position:absolute; left:20px; z-index:9999; padding-top:272px;}
#next {WIDTH:45px; FLOAT: left; HEIGHT:90px; OVERFLOW: hidden; position:absolute; right:20px; z-index:9999; padding-top:272px;}
#prev {BACKGROUND-POSITION: 0px -110px}
#next {BACKGROUND-POSITION: -30px -110px}
.scroll {CURSOR: pointer}
.unable {CURSOR: default}
.pics {POSITION: absolute; WIDTH: 5000px; TOP: 0px}
.pics LI {WIDTH:1200px; FLOAT: left; HEIGHT:640px; OVERFLOW: hidden}
.pics LI P {POSITION: relative; FLOAT: left; OVERFLOW: hidden; margin:0 10px;}
.pics LI P img{ width:380px; height:634px;}
.pics LI P SPAN {POSITION: absolute; width:380px; height:100px; line-height:100px; color:#fff; left:0px; bottom:0; opacity: 0.75; background:url(../images/bgs.png); font-size:21px; text-align:center;}
}