/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
*{margin:0;padding:0;font-size: 0;}
html {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    font-size: 0;
    font-family: "siyuan";
}
body{
    display: none;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    font-size: 0;
    font-family: "siyuan";
}
img {
    font-size:0;
    display:block;
    vertical-align:middle
}


.jssora05r {
    display: block;
    position: absolute;
    top:36%;;right:8px;

    /* size of arrow element */
    width: 42px;
    height: 104px;
    cursor: pointer;
    background: url('../images/banner1/arr_right.png?jv=1.0.02018011') no-repeat;
    overflow: hidden;
}
.jssora05l { display: block;
    position: absolute;
    top:36%;left:8px;
    /* size of arrow element */
    width: 42px;
    height: 104px;
    cursor: pointer;
    background: url('../images/banner1/arr_left.png?jv=1.0.02018011') no-repeat;
    overflow: hidden; }
/*.jssora05r { display: block;
    position: absolute;
    top:2%;left:8px;
    !* size of arrow element *!
    width: 42px;
    height: 68px;
    cursor: pointer;
    background: url('../images/banner1/arr_right.png?jv=1.0.02018011') no-repeat;
    overflow: hidden; }*/
.jssora05l:hover {  }
.jssora05r:hover { }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/


.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 30px;  height:10px; cursor: pointer;}
.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}
.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 30px;  height:10px;
    border: #000 0px solid;   
    background: url('../images/banner1/xuzhong.png?jv=1.0.02018011') -640px -640px no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    _background: none;
}
.jssort01 .pav .c {    top:-1.2px;    _top: 1px;    left: -1px;    _left: 1px;     width: 30px;  height:10px;   background-position: 50% 50%;}
.jssort01 .p:hover .c {    top: -1px;    left: 0px;     width: 26px;  height:9px;  background-position: 50% 50%;}
.jssort01 .p.pdn .c {    background-position: 50% 50%;     width: 30px;  height:10px; }
* html , * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */   width /**/: 30px;    height /**/: 10px;}
html ,body{min-width:320px}