/* * Core Owl Carousel CSS File * v1.3.3 index web case(#scroll-news) and Brand design case(#scroll-news2,#scroll-news3,#scroll-news4) */ *{margin:0;padding:0;list-style-type:none;} .xg{margin:0 auto; padding:80px 0 15px 8px;font-size:20px; max-width:1192px; border-bottom:1px solid #ccc;} .scroll-outer{width:100%; height:auto; max-height:219px; padding:45px 0; background-color:#fff;} #scroll-news{width:100%; max-width:1200px;margin:0 auto 0 auto;} #scroll-news .owl-wrapper-outer{margin:0 auto;} #scroll-news .item{position:relative;margin:10px 10px; overflow:hidden; text-align:center;} #scroll-news .item span{display:block; max-height:158px; overflow:hidden;} #scroll-news .item img{width:100%;} #scroll-news .txt{padding:0 0px; color:#555; z-index:1000;margin:0;padding:0;font:100 15px/40px arial,"Microsoft Yahei";text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #scroll-news .item:hover .txt{color:#F60;} .owl-theme .owl-controls .owl-buttons div{position:absolute;top:10%;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:30px/30px "宋体";background-color:transparent;overflow:hidden;_display:none;} .owl-theme .owl-controls .owl-buttons .owl-prev{left:15px;} .owl-theme .owl-controls .owl-buttons .owl-next{right:5px;} .owl-theme .owl-controls .owl-buttons .owl-prev{width:140px; height:100px; padding:15px 0; background:url(lef.png) 0 center no-repeat;} .owl-theme .owl-controls .owl-buttons .owl-next{width:40px; height:100px; padding:15px 0; background:url(rig.png) 0 center no-repeat;} @media (min-width:1680px) { .owl-theme .owl-controls .owl-buttons .owl-prev{left:-25px;} .owl-theme .owl-controls .owl-buttons .owl-next{right:-110px;} .owl-theme .owl-controls .owl-buttons .owl-prev{width:100px; height:120px; padding:10px 0; background:url(lef.png) 0 center no-repeat;} .owl-theme .owl-controls .owl-buttons .owl-next{width:100px; height:120px; padding:10px 0; background:url(rig.png) 0 center no-repeat;} } @media (max-width:1000px) { .xg{padding:40px 0 10px 20px;} .scroll-outer{padding:20px 0;} } /* clearfix */ .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init */ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing {cursor:url(grabbing.png) 8 8, move;} /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /*owl them*/ .owl-theme .owl-controls{margin-top: 10px;text-align: center;} /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF;display: inline-block;zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;padding: 3px 10px;font-size: 12px; -webkit-border-radius: 30px;-moz-border-radius: 30px; border-radius: 30px;background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */} .owl-theme .owl-controls .owl-page span{ display: none;/*不显示圆点*/ width: 12px;height: 12px;margin: 0px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ccc;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1;} /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;} /* preloading images */ .owl-item.loading{min-height:150px;background: url(AjaxLoader.gif) no-repeat center center}