/*!
 * ETUI v2.2
 *
 * Copyright 2014 东方怡动信息技术有限公司
 */

/* ---------通用样式定义--------- */

/*首页幻灯大图 */
.homeSlider.sypic .item img {
    width: 100%;
    position: relative;
    max-width: inherit;
    height: 408px;
}
.homeSlider .owl-carousel {position: relative;}
.homeSlider .owl-theme .owl-controls .owl-page span {background: #fff;/*border:1px solid #848485;*/ }
.homeSlider .owl-pagination {position: absolute;bottom: 5px; right: 3%;}
.homeSlider #owl-homeSlider2 .owl-pagination{display: none;}
.homeSlider .clickable {cursor: default;}
.homeSlider .item{width: 100%;*height:300px;display: block;overflow: hidden;position: relative;}
.homeSlider .owl-theme .owl-controls .owl-buttons div {height: 69px;width: 42px;border-radius: 0;padding: 0;opacity: 0.8;}
.homeSlider .owl-buttons  div.owl-next,.homeSlider .owl-buttons  div.owl-prev{position: absolute;top: 35%;}
 /* .homeSlider .owl-buttons  div.owl-next {background: url(../images/index_btn04.png);right: 0;}
.homeSlider .owl-buttons  div.owl-prev {background: url(../images/index_btn03.png);left: 0;}  */
.homeSlider .carousel-caption{padding: 10px;*width: 100% !important;*display: block;}
.homeSlider .carousel-caption h4 {overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;font-size: 16px;font-weight: normal;margin: 0;}
.homeSlider .item img{width: 100%;position: relative;max-width: inherit;}
.homeSlider .owl-controls{margin: 0;}
.owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover{background: none !important;}


/* 成果展示 */
.homeSlider1 .owl-pagination{
	display: none;
}
.homeSlider1 .owl-theme .owl-controls .owl-buttons div{opacity: 1;}
.homeSlider1 .owl-theme .owl-controls .owl-buttons div {height: 30px;width: 30px;border-radius: 0;padding: 0;}
.homeSlider1 .owl-buttons  div.owl-next,.homeSlider1 .owl-buttons  div.owl-prev{position: absolute;top: 6%;}
 .homeSlider1 .owl-buttons  div.owl-next {right: -3%;background: url(../images/next.png) 0px center no-repeat;}
.homeSlider1 .owl-buttons  div.owl-prev {right:5%;background: url(../images/prev.png) 0px center no-repeat;} 

/* 红色旅游 */

.homeSlider2 .owl-pagination{
	display: none;
}
.homeSlider2 .owl-theme .owl-controls .owl-buttons div{opacity: 1;}
.homeSlider2 .owl-theme .owl-controls .owl-buttons div {height: 30px;width: 30px;border-radius: 0;padding: 0;}
.homeSlider2 .owl-buttons  div.owl-next,.homeSlider2 .owl-buttons  div.owl-prev{position: absolute;top: -36%;}
 .homeSlider2 .owl-buttons  div.owl-next {right: -3%;background: url(../images/next.png) 0px center no-repeat;}
.homeSlider2 .owl-buttons  div.owl-prev {right:5%;background: url(../images/prev.png) 0px center no-repeat;} 
/* 上海党史教育基地 */

.homeSlider3 .owl-pagination{
	display: none;
}
.homeSlider3 .owl-theme .owl-controls .owl-buttons div{opacity: 1;}
.homeSlider3 .owl-theme .owl-controls .owl-buttons div {height: 30px;width: 30px;border-radius: 0;padding: 0;}
.homeSlider3 .owl-buttons  div.owl-next,.homeSlider3 .owl-buttons  div.owl-prev{position: absolute;top: -36%;}
 .homeSlider3 .owl-buttons  div.owl-next {right: -3%;background: url(../images/next.png) 0px center no-repeat;}
.homeSlider3 .owl-buttons  div.owl-prev {right:5%;background: url(../images/prev.png) 0px center no-repeat;} 

/* 申城影像 */
.homeSlider4 .owl-pagination{
	display: none;
}
.homeSlider4 .owl-theme .owl-controls .owl-buttons div{opacity: 1;}
.homeSlider4 .owl-theme .owl-controls .owl-buttons div {height: 30px;width: 30px;border-radius: 0;padding: 0;}
.homeSlider4 .owl-buttons  div.owl-next,.homeSlider4 .owl-buttons  div.owl-prev{position: absolute;top: 6%;}
 .homeSlider4 .owl-buttons  div.owl-next {right: -3%;background: url(../images/next.png) 0px center no-repeat;}
.homeSlider4 .owl-buttons  div.owl-prev {right:5%;background: url(../images/prev.png) 0px center no-repeat;} 


/* 海上人物 */
.homeSlider5 .owl-pagination{
	display: none;
}
.homeSlider5 .owl-theme .owl-controls .owl-buttons div{opacity: 1;}
.homeSlider5 .owl-theme .owl-controls .owl-buttons div {height: 30px;width: 30px;border-radius: 0;padding: 0;}
.homeSlider5 .owl-buttons  div.owl-next,.homeSlider5 .owl-buttons  div.owl-prev{position: absolute;bottom: 6%;}
 .homeSlider5 .owl-buttons  div.owl-next {right: 0%;background: url(../images/next.png) 0px center no-repeat;}
.homeSlider5 .owl-buttons  div.owl-prev {right:5%;background: url(../images/prev.png) 0px center no-repeat;} 



.carousel {
	position: relative;
	margin-bottom: 20px;
	line-height: 1
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-moz-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	display: block;
	line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 40%;
	left: 15px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #222;
	border: 3px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.carousel-control.right {
	right: 15px;
	left: auto
}

.carousel-control:hover,.carousel-control:focus {
	color: #fff;
	text-decoration: none;
	opacity: .9;
	filter: alpha(opacity=90)
}

.carousel-indicators {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 5;
	margin: 0;
	list-style: none
}

.carousel-indicators li {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	text-indent: -999px;
	background-color: #ccc;
	background-color: rgba(255,255,255,0.25);
	border-radius: 5px
}

.carousel-indicators .active {
	background-color: #fff
}

.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	background: #333;
	background: rgba(0,0,0,0.75)
}

.carousel-caption h4,.carousel-caption p {
	line-height: 20px;
	color: #fff
}

.carousel-caption h4 {
	margin: 0 0 5px
}

.carousel-caption p {
	margin-bottom: 0
}





@media screen and (max-width : 768px){
.homeSlider .owl-pagination {position: absolute;bottom: 50px; right: 40%;*bottom: 8px;}	

	
	
	
	
	
	
}

@media screen and (max-width : 480px){
	
.homeSlider .owl-pagination {position: absolute;bottom: 50px; right: 35%;*bottom: 8px;}
	

	
	
	.homeSlider.sypic .item img{
		height: 220px;
	}
	.homeSlider1 .owl-theme .owl-controls .owl-buttons div{
		height: 30px;
    width: 30px;
	}
	.homeSlider1 .owl-buttons div.owl-prev,.homeSlider1 .owl-buttons div.owl-next {
		background-size: 100%;
	}
	.homeSlider1 .owl-buttons div.owl-next, .homeSlider1 .owl-buttons div.owl-prev {
		position: absolute;
		top: 3%;
	}

	.homeSlider1 .owl-buttons div.owl-prev ,.homeSlider2 .owl-buttons div.owl-prev,.homeSlider3 .owl-buttons div.owl-prev,.homeSlider4 .owl-buttons div.owl-prev,.homeSlider5 .owl-buttons div.owl-prev{
		right: 10%;
	}
	

	.homeSlider .carousel-caption h4{
		font-size: 12px;
	}

	.homeSlider2 .owl-buttons div.owl-next, .homeSlider2 .owl-buttons div.owl-prev,.homeSlider3 .owl-buttons div.owl-next, .homeSlider3 .owl-buttons div.owl-prev{
		top: -23%;
	}
	.homeSlider4 .owl-buttons div.owl-next, .homeSlider4 .owl-buttons div.owl-prev{
		top: 1%;
	}
	.homeSlider5 .owl-buttons div.owl-next, .homeSlider5 .owl-buttons div.owl-prev{
		bottom: -1%;
	}


}