﻿/*js代码(www.jsdaima.com)是IT资源下载及IT技能学习平台。我们拒绝滥竽充数，只提供精品IT资源！*/
/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
    /*2023*/
    position:relative;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	display: none;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
/* No Js */
.no-js .owl-carousel {
	display: block;
}
/* 
 *  Default theme - Owl Carousel CSS File
 *  Customized for Riana Html/Css Charity Theme
 */

.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
    /*2023*/
    /*position:absolute;
    top:92px;*/   
}
.owl-theme .owl-nav [class*='owl-'] {
	/*color: #FFF;
	font-size: 30px;
	margin: 20px 5px;
	padding: 5px;
	height: 30px;
	width: 30px;
	background: rgba(0,0,0,0.3);*/
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.owl-theme .owl-nav [class*='owl-']:hover {
	/*background: rgba(0,0,0,1);
	color: #FFF;
	text-decoration: none;*/
}
.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}
.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #869791;
}

.owl-carousel .owl-nav .owl-prev{    
    position:absolute;   
    top:92px;
    left:-126px;	
}


.owl-carousel .owl-nav .owl-next {    
    position: absolute;
    top:92px;
    right: -126px;    
}

@media screen and (max-width: 1200px) {
   .owl-carousel .owl-nav .owl-prev{    
       visibility:hidden; 
        top:0px;
        left:0px;	
    }
    .owl-carousel .owl-nav .owl-next {
       visibility:hidden;
       top:0px;
       right:0px;
    }
}


/*#brandslist .owl-nav [class*='owl-']:hover { background: #FF0000; }*/

#newslist .owl-dots { text-align: center; margin-top: 10px; }
#newslist .owl-dots .owl-dot span { background: #fff; width: 14px; height: 14px; margin: 6px 6px 6px 0; border-radius: 4px;  }
#newslist .owl-dots .owl-dot.active span { background: #01479D; }

