.scrollpic { background: #ffffff; padding: 15px 0 40px 0 }
.wrap { position: relative; width: 100%; max-width: 1920px; overflow: hidden; margin: 0 auto }
.wrap.owl-theme .owl-controls { position: absolute; top: 50%; z-index: 6; width: 100%; height: 0; margin: 0 }
.wrap.owl-theme .owl-controls .owl-nav { height: 0; margin: -35px 0 0 }
.wrap.owl-theme .owl-controls .owl-nav [class*=owl-] { background: none; width: 0; height: 0; padding: 0; margin: 0 }
.wrap .wrap-item { display: inline-block; padding: 10px 10px 0; transition: all .4s ease }
.wrap .wrap-item a { display: block; position: relative }
.wrap .wrap-item a .wrap-item-edat { position: absolute; top: 10%; left: 0; width: 100%; text-align: center; color: #ffffff }
.wrap .wrap-item a .wrap-item-edat .wrap-item-til { font-size: 20px; line-height: 32px; font-weight: bold; margin-bottom: 10px }
.wrap .wrap-item a .wrap-item-edat .wrap-item-text { padding: 0 10px; font-size: 14px; line-height: 26px }
.wrap .wrap-item a .wrap-item-edat .wrap-item-btn { padding: 0 10px; display: inline-block; font-size: 16px; line-height: 40px; background: #ef011c; border-radius: 5px; width: 100px }
.wrap .wrap-item:hover { transform: translate(0, -10px); filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9 }
.wrap .btn_scroll { position: absolute; top: 45%; z-index: 6; width: 100% }
.wrap span { width: 70px; height: 70px; display: block; float: left; background-color: rgba(12,5,5,0.5); border-radius: 50px; text-align: center; color: #ffffff; line-height: 70px; font-size: 45px; font-family: "宋体" }
.wrap span:hover { background: #ef011c }
.wrap .left { float: left; left: 200px; position: absolute; padding-right: 3px }
.wrap .left:before { display: block; line-height: 70px }
.wrap .right { float: right; right: 200px; position: absolute; padding-left: 3px }
.wrap .right:before { display: block; line-height: 70px }
.scroll { position: absolute; white-space: nowrap; transform: translateX(calc(50vw - 50%)) }
.wrap .left, .wrap .right { cursor: pointer }