@charset "utf-8"; /* css 重置 */ .aboutScroll * { margin: 0; padding: 0; list-style: none; } .aboutScroll img { border: 3px solid #fff; vertical-align: bottom; border-radius: 23px; -moz-box-shadow: 0px 1px 8px #ccc; -webkit-box-shadow: 0px 1px 8px #ccc; box-shadow: 0px 1px 6px #ccc; } .aboutScroll a { text-decoration: none; color: #fff; /*background:#434242;*/ } .aboutScroll a:hover { /*background:#e50202;*/ } .aboutScroll .txt { padding-top: 15px; font-size: 22px; text-align: center; line-height: 30px; letter-spacing: 2px; } .aboutScroll .picList a { display: block; /*width:241px;*/ /*min-height:339px;*/ } .aboutScroll .picList .sub_two a { font-size: 16px; line-height: 48px; padding-top: 2px; } .aboutScroll .picList .item .two { padding: 0 18px; } .aboutScroll .picList .item .two a.more { display: block; width: 80px; text-align: center; padding: 2px 0; border: 1px solid #fff; font-size: 13px; } .aboutScroll .picList a .txt { margin: 0; padding: 0; height: 95px; font-size: 17px; width: 85%; margin: 0 auto; text-align: left; } .aboutScroll .picList a .txt .fa_title { display: block; padding-top: 16px; } .aboutScroll .picList a .txt .more { display: inline-block; font-size: 12px; border: 1px solid #fff; margin-top: 15px; padding: 2px 8px; } .aboutScroll .tempWrap { margin: 0 auto; } /* 本例子css */ .aboutScroll { /* overflow: hidden; */ position: relative; width: 1300px; margin: 0 auto; } .aboutScroll .hd { overflow: hidden; position: relative; padding-top: 10px; } .aboutScroll .bd a.prev, .aboutScroll .bd a.next { display: block; width: 54px; height: 131px; position: absolute; cursor: pointer; background: url(/template/images/aboutBt.png) no-repeat; top: 39px; z-index: 500; } .aboutScroll .bd a.prev { left: -66px; background-position-x: -54px; } .aboutScroll .bd a.prev:hover { background-position-x: 0; } .aboutScroll .bd a.next { right: -66px; background-position-x: -108px; } .aboutScroll .bd a.next:hover { background-position-x: -162px; } .aboutScroll .hd ul { overflow: hidden; zoom:1; margin: 0 auto; margin-top: 10px; width: 100px; } .aboutScroll .hd ul li { background: #e50202; float: left; width: 10px; height: 10px; border-radius: 15px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; position: relative; top: 3px; } .aboutScroll .hd ul li.on { width: 15px; height: 15px; border-radius: 15px; position: relative; top: 0; } .aboutScroll .bd ul { overflow: hidden; zoom:1; } .aboutScroll .bd ul li { margin: 0 2px; float: left; _display: inline; overflow: hidden; /*text-align:center;*/ min-height: 222px; width: 430px; } .aboutScroll .bd ul li .pic { text-align: center; } .aboutScroll .bd ul li .pic img { width: 120px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; } .aboutScroll .bd ul li .pic a:hover img { border-color: #999; } .aboutScroll .bd ul li .title { line-height: 24px; } .aboutScroll .bd ul li .item { padding-left: 3px; }