/*!
 * ETUI v2.2
 *
 * Copyright 2014 ä¸œæ–¹æ€¡åŠ¨ä¿¡æ¯æŠ€æœ¯æœ‰é™å…¬å¸
 */

/* ---------é€šç”¨æ ·å¼å®šä¹‰--------- */

/*é¦–é¡µå¹»ç¯å¤§å›¾ */
.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%;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 {font-size: 16px;font-weight: normal;margin: 0;}
.homeSlider .item img{width: 100%;position: relative;max-width: inherit;border-radius: 20px;}
.homeSlider .owl-controls{margin: 0;}
.owl-theme .owl-controls .owl-page.active, .owl-theme .owl-controls.clickable .owl-page:hover{background: none !important;}

.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
}


.homeSlider .huodong2 h2{
	width:100%;
	font:bold 3.6rem/4.3rem "Microsoft YaHei";
	color:#313131;
	padding:20px 0;
}

.para p{
	font:2rem/3rem "Microsoft YaHei";
	color:#313131;
}


.more3{
	display: block;
	width:45%;
	border-radius:60px;
	background:#00a0e9;
	color:#fff;
	text-align:center;
	font:100 3rem/7rem "Microsoft YaHei";
	color:#fff;
	margin-top: 10px;
}


@media screen and (min-width: 769px) and (max-width:1024px){
.more3{
	display: block;
	width:50%;
	border-radius:60px;
	background:#00a0e9;
	color:#fff;
	text-align:center;
	font:100 3rem/7rem "Microsoft YaHei";
	color:#fff;
	bottom:5px;
	position: absolute;left:50%;
	margin-left: -25%;
}
}

@media screen and (max-width : 768px){
	.homeSlider .item img
{
	border-radius: 0px;
}
.homeSlider .owl-pagination {position: absolute;bottom: 50px; right: 40%;*bottom: 8px;}	



.para p{
	font:2rem/4rem "Microsoft YaHei";
	color:#313131;
}

.more3{
	display: block;
	width:50%;
	border-radius:60px;
	background:#00a0e9;
	color:#fff;
	text-align:center;
	font:100 3rem/8rem "Microsoft YaHei";
	color:#fff;
	bottom:-105px;
	position: absolute;left:50%;
	margin-left: -25%;
}

.homeSlider .huodong2 h2{
  width:100%;
  font:bold 3.6rem/4.5rem "Microsoft YaHei";
  color:#313131;
  padding:20px 0;
}

.homeSlider .huodong{
  width:90%;
  margin:0 auto;
  position:relative;
}
}

@media screen and (max-width : 480px){
.homeSlider .item img
{
	border-radius: 0px;
}


	.homeSlider .huodong2 h2{
  width:100%;
  font:bold 2.1rem/3rem "Microsoft YaHei";
  color:#313131;
  padding:0px 0px 20px 0px;
}

.homeSlider .huodong{
  width:90%;
  margin:0 auto;
  position:relative;
}
.homeSlider .owl-pagination {position: absolute;bottom: 50px; right: 35%;*bottom: 8px;}	



.para p{
	font:1.2rem/2rem "Microsoft YaHei";
	color:#313131;
}

.more3{
	display: block;
	width:50%;
	border-radius:60px;
	background:#00a0e9;
	color:#fff;
	text-align:center;
	font:100 1.5rem/4rem "Microsoft YaHei";
	color:#fff;
	position: absolute;left:50%;
	margin-left: -25%;
	margin-top: 0;
	bottom: -98px;
}
}