#myslide IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px} #myslide { MARGIN:0px; OVERFLOW: hidden; } #myslide #bimg { OVERFLOW: hidden; } #myslide #info {FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 34px; TEXT-ALIGN: center;} #myslide .title A {COLOR: #fff; TEXT-DECORATION: none;} #myslide .title A:hover {COLOR: #fff; TEXT-DECORATION: none} #myslide #simg {PADDING-LEFT: 9px;width:100px;} #myslide #simg DIV {FONT-SIZE: 14px; BACKGROUND:url(flsbtn.png) no-repeat; FLOAT: left; WIDTH: 12px; CURSOR: pointer; HEIGHT: 12px; TEXT-ALIGN: center;font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold;margin-left:4px; text-indent: -9999px;} #myslide #simg .f1 {BACKGROUND:url(flsbtn.png) no-repeat -16px 0px;font-family:"\5FAE\8F6F\96C5\9ED1";margin-left:4px;} #myslide .dis {DISPLAY: block} #myslide .undis {DISPLAY: none} #myslide #font_hd {MARGIN-TOP:-35px; BACKGROUND:url(touming.png) ;width:100%; HEIGHT: 35px; position:relative} #myslide #font_hd TD {OVERFLOW: hidden; HEIGHT: 25px} #myslide .pic {OVERFLOW: hidden;} #myslide .pic .dis A {DISPLAY: block; VERTICAL-ALIGN: middle; OVERFLOW: hidden; FONT-FAMILY: Arial; TEXT-ALIGN: center} #myslide .pic .dis A IMG {VERTICAL-ALIGN: middle} #myslide #font_hd TD A {FONT-SIZE: 14px; LINE-HEIGHT: 25px; HEIGHT: 25px;} /* css 重置 */ *{margin:0; padding:0; list-style:none; } .slideBox{ width:1002px; height:244px; overflow:hidden; position:relative; border:0px solid #ddd; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:1px; height:1px; line-height:14px; text-align:center; background:#fff; cursor:pointer; overflow:hidden; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:1002px; height:244px; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } @media (max-width: 1200px) { /* 1200px */ .slideBox{ width:1200px; height:240px; overflow:hidden; position:relative; border:1px solid #ddd; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:1px; height:1px; line-height:14px; text-align:center; background:#fff; cursor:pointer; overflow:hidden; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:1200px; height:240px; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } }