.jssorb01 {
position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
position: absolute;
/* size of bullet elment */
width: 12px;
height: 12px;
filter: alpha(opacity=70);
opacity: .7;
overflow: hidden;
cursor: pointer;
border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }


.jssora05l, .jssora05r {
display: block;
position: absolute;
/* size of arrow element */
width: 40px;
height: 40px;
cursor: pointer;
background: url('img/a17.png') no-repeat;
overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }



#jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1182px !important; height: 442px !important; overflow: hidden; visibility: hidden;}
#jssor_2 {cursor: default; position: relative; top: 0px; left: 0px; width: 1182px !important; height: 442px !important; overflow: hidden;}

#jssor_1 img {width:100%; max-width:1182px; height:auto;}


@media screen and (max-width: 1024px){
#jssor_1, #jssor_2 {width:100% !important; height:383px !important;}
}
@media screen and (max-width: 768px){
.banner {padding-top:50px;}
#jssor_1, #jssor_2 {width:100% !important; height:287px !important;}
}
@media screen and (max-width: 640px){
#jssor_1, #jssor_2 {width:100% !important; height:240px !important;}
}
@media screen and (max-width: 380px){
#jssor_1, #jssor_2 {width:100% !important; height:202px !important;}
}