@charset "utf-8";
/* CSS Document */
#banner{height:300px;background:#E5E0DA;position:relative;}
.swipe {overflow: hidden;/*visibility: hidden;*/position: relative;}
.swipe-wrap {overflow: hidden;height:100%;position: relative;}
.swipe-wrap > div {width:100%;height:100%;position:absolute;}
.swipe-wrap > div img{width:100%;height:100%;}
#slider {width:100%;height:300px;padding:0;margin:0 auto;text-align:center}
#slidedot {display:block;position:absolute; left:50%; bottom:3%; z-index:9999;  padding:5px 0; margin:0}
#slidedot li {display:block; list-style:none; width:25px; height:5px; border:1px solid #FFF; float:left; margin-left:10px; border-radius:0; margin-top:0; background:#fff;}
#slidedot li:first-child {margin-left:0}
#slidedot li a {display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#slidedot li.currentdot { background:#004F7E;border:1px solid #FFF; width:25px; height:5px; border-radius:0;margin-top:0; }
.cover a{display: block;height: 300px;}

.proBox{width: 718px;height: 263px;overflow: hidden;position: relative;margin:10px 20px;}
#roll{width: 200%;}
#roll dd{width:232px;height: 263px;float: left;margin-right:10px;background: #f9f9f9;}
.proBox span{position: absolute;bottom: 43%;width:28px;height:42px;cursor: pointer;z-index: 90;background: url(../images/left.png) no-repeat;display: none}
.proBox .next{right: 0;background: url(../images/right.png) no-repeat;}