*{margin: 0;padding:0;}
li{list-style: none;}

.slide { position: relative; overflow: hidden;}

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide .carouse .slideItem .banner-img { width: 100%; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .carousel-control {display: none; position: absolute; top: 50%; width: 64px; height: 64px; z-index: 999; margin-top: -24px;}

.slide .carousel-control.left { left: 20px; background-image: url("../images/sy_prev.png"); background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.right { right: 20px; background-image: url("../images/sy_next.png"); background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.left:hover {opacity: 0.5;filter:Alpha(opacity=0.5);  background-image: url("../images/sy_prev.png"); background-repeat: no-repeat; }

.slide .carousel-control.right:hover {opacity: 0.5;filter:Alpha(opacity=0.5);  background-image: url("../images/sy_next.png"); background-repeat: no-repeat; }

.slide .carouse .slideItem .banner-img { width: 100%; }

.slide:hover .carousel-control{display: block;}

.slide .dotList { position: absolute; width: 100%; bottom: 38px;left: 0;right: 0;margin: 0 auto;}
.slide .dotList ul{text-align: center;}
.slide .dotList ul li{width: 12px;height: 12px;display: inline-block;vertical-align: middle; margin-left: 7px; margin-right: 7px; cursor: pointer; background:url(../images/sy_nomal.png) no-repeat center center;  font-size: 0px;  border: none;outline: none;}

.slide .dotList ul li.active{background:url(../images/sy_active.png) no-repeat center center;}

.slide .slidedetail { display: none; }