#slide-content { padding-top: 60px; } .slide-title { font-size: 48px; color: #313131; letter-spacing: 5px; line-height: 1; text-align: center } .slide-links { margin-top: 0; text-align: center } .slide-links a { background-color: #20b573; color: #fff; display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #20b573; color: #fff; padding: 15px 30px; border-radius: 2px } .slide-links a:hover { background: #188a57; color: #fff } .slide-item-body ul li { width: 33.333%; float: left; display: block; height: 200px; padding-top: 42px; margin-bottom: 30px; border: none; border-radius: 8px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: inherit; padding-top: 0; border-radius: 0; color: #000; z-index: 10002 } .slide-item-body ul li a { display: block; } .new-img img { border: none; height: 345px; width: 345px; } .slide-item { position: relative; margin: 0 auto } .new-body { padding: 10px 10px; text-align:center; } .new-body-title { line-height: 40px; font-size: 16px; overflow: hidden; color: #fff; letter-spacing: 1px; font-weight: 600; text-align:center; width:120px;height:40px; /*background: url('changepage_shen1.png?v=1') 0 0 no-repeat;*/ display:inline-block; } .new-body-text { padding-top: 20px; height: 92px; min-height: 50px; line-height: 18px; font-size: 12px; color: #919191; overflow: hidden } .slide-item-body ul { padding-top: 10px; overflow: visible; } .slide-item-body ul li:hover { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); z-index: 1002; position: relative; left: 0 } .next { position: absolute; top: 44%; z-index: 10; cursor: pointer; -moz-background-size: 60px; -webkit-background-size: 60px; background-size: 60px; background-position: center; background-repeat: no-repeat; right: auto; left: -56px; height: 87px; width: 46px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .next-bg { background: url(switch_left.png) 0 0 no-repeat; } .next:hover { background: url(switch_left.png) 0 0 no-repeat; left: -50px; } .prev { position: absolute; top: 44%; z-index: 10; cursor: pointer; -moz-background-size: 60px; -webkit-background-size: 60px; background-size: 60px; background-position: center; background-repeat: no-repeat; right: -56px; height: 87px; width: 46px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .prev-bg { background: url(switch_right.png) 0 0 no-repeat; } .prev-bg:hover { background: url(switch_right.png) 0 0 no-repeat; right: -50px; } .prevStop, .nextStop { opacity: .2; }