img { border: 0px; }
.slide-pic { margin: 0px; padding: 0px; width: 420px !important;height: 420px;  overflow: hidden; list-style: none; margin: 18px 0 25px !important; }
    .slide-pic img { width: 420px; margin: 0;}/*height: 420px; */
    .slide-pic li span { position: relative;bottom: 32px;color: #ffffff !important; line-height: 32px; background-color: rgba(0,0,0,0.5); width: 96% !important;float: left !important; text-align: left !important;padding:0 2% !important;}
    .slide-pic li {   }/*display: none;*/
    .slide-pic li a{width: 420px; height: 420px; display: table-cell; vertical-align: middle; text-align: center;   }
        .slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; display: none;}
    .slide-li li { margin: 0px; padding: 0px; width: 190px; height: 10px; float: left; overflow: hidden; list-style: none; }
    .slide-li a { width: 190px; height: 10px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
    .op li.cur { background: #666666; }
.slide-txt span { display: none; }


@media screen and (max-width: 640px){
img { border: 0px; }
.slide-pic { margin: 0px; padding: 0px; width: 100% !important;height: auto;  overflow: hidden; list-style: none; margin: 0 !important; margin-bottom: 10px !important; }
    .slide-pic img { width: 100%; height: auto;display: block; margin: 0;}/*height: 420px; */
    .slide-pic li span { position: inherit;bottom: 0;color: #ffffff !important; line-height: 32px; height: 32px; background-color: rgba(0,0,0,1); width: 96% !important;float: left !important; text-align: left !important;padding:0 2% !important;}
    .slide-pic li {margin: 0 !important; padding: 0 !important; display: none;}/*display: none;*/
    .slide-pic li a{width: 100%; height: auto; display: table-cell; vertical-align: middle; text-align: center;   }
        .slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; display: none;}
    .slide-li li { margin: 0px; padding: 0px; width: 190px; height: 10px; float: left; overflow: hidden; list-style: none; }
    .slide-li a { width: 190px; height: 10px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
    .op li.cur { background: #666666; }
.slide-txt span { display: none; }
}