@charset "utf-8";
/*轮播*/
.slider .item{
	position: relative;
	color: #FFF;
	text-align: center;
	background-size: cover;
	background-position: 50%;
	transition: 0.4s;
}
.slider .item a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 8;
}

.slick-prev,.slick-next{
	position: absolute;
	width: 50px;height: 50px;
	top: 50%;
	margin-top: -25px;
	overflow: hidden;
	text-indent: 999px;
	background: transparent;
	border: none;
	outline: none;
	z-index: 2;
	cursor: pointer;
	/*display: none;*/
}
.slick-prev{left: 0;background-image: url(../img/s_prev.png)\9;}
.slick-next{right: 0;background-image: url(../img/s_next.png)\9;}

.slick-prev:before,.slick-next:before{
	content: "";
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	top: -17px\0;
	background-size: 100%;
	background-position: 0;
	z-index: 2;
}
.slick-prev:before{background-image: url(../img/s_prev.png);}
.slick-next:before{background-image: url(../img/s_next.png);}

.slick button{border: 0;}
.slick-prev:after,.slick-next:after{
	content: "";
	display: none\9;
	position: absolute;
	background-color: #333;
	width: 100%;height: 100%;
	top: 0;left: 0;
	opacity: 0.5;
	transition: 0.4s;
	z-index: 0;
}
.slick-dots{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom:1000px; 
}
.slick-dots li{
	display: inline;
	margin: 0 4px;
	padding: 10px 0;
}
.slick-dots li button{
	position: relative;
	width: 25px;
	height: 25px;
	top: 0;
	font-size: 0;
	background: transparent;
	border: none;
	outline: none;
	background-color: #333;
	opacity: 0.7;
	filter: Alpha(opacity=70);
	cursor: pointer;
	transition: 0.3s;
	-webkit-border-radius: 100px;
	border: 6px #fff solid;
}
.slick-dots li.slick-active button{
	opacity: 1;
	background-color: #935626;
	filter: Alpha(opacity=100);
}

@media screen and (min-width: 1024px) {
	.slick-prev:hover:after,.slick-next:hover:after{
		opacity: 0.8;
		background:linear-gradient(#935626, #E7BC71);
		filter: Alpha(opacity=80);
	}
	.slick-dots:hover li button{height: 25px;top:0;}
}

/*ser_box*/
.second_index{position: relative; width:100%;margin: 0 auto; overflow:hidden; box-sizing: border-box; text-align:left;}
.ser_box{
	position: relative;
	float: left;
	width: 36%;
	margin-right:2%;
	background-color: rgba(255,255,255,.5);
	transition: 0.3s;
}
.ser_box:nth-child(3n){margin-right: 0;}
.ser_box p{position: relative; font-size: 20px;margin: 20px 0 0 0;padding: 0 20px;}
.ser_box p span{position: relative; font-size: 12px;margin: 20px 0 0 0;padding: 0 20px 0 10px;}

.ser_box .img{position: relative;}
.img img{width: 100%;}

.ser_box span a{
	display:block;
	padding: 0 20px;
	font-size: 14px;
	line-height: 24px;
	color: #935626;
	z-index: 9;
}

.ser_box .ser_a{
	position: relative;
	margin-bottom: 1em;
}
@media screen and (min-width: 1025px) {
	.ser_box:hover{
		opacity: .97;
	}
}

/*Team*/
.friend{height:353px;margin:0 auto;overflow:hidden;max-width:1300px;width:100%;}
.mr_frbox{height:353px;padding:24px 0px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:150px 20px 0 0;width:28px;}
.mr_frBtnR{float:right;margin-top:150px;cursor:pointer;width:28px;height:46px;}

.mr_frUl{float:left;height:353px;position: relative; width:100%; max-width:1200px; margin: 0 auto; overflow:hidden; box-sizing: border-box;}
.mr_frUl ul li{display:inline;float:left;/*height:353px;*/width:300px;overflow:hidden;position:relative; margin-right:10px;}
.mr_frUl ul li a img{/*display:block;*/width:100%;}

.mr_zhe{width:300px;position:absolute;top:0;background:rgba(0, 0, 0, 0.25) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#4ea4b5;/*实现IE背景透明*//*height:353px;*/left:0;right:0;}
.mr_zhe_i {margin-top:223px;height:130px;}
.mr_zhe_p h3{text-align:center;font-size:1.2em;font-weight:500;color:#fff;line-height:30px;}
.mr_zhe_p h3 span{display:block;margin:0 auto;width:175px;font-size:2.2em; line-height:1.5em; border-bottom:1px solid #f4f4f4;}
.mr_zhe_hover{bottom:-796px;height:130px;position:absolute;width:300px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#0a0a0a;/*实现IE背景透明*/}

@media screen and (max-width: 960px) {
.slick-dots{
	position: absolute;
	width: 100%;
	text-align: center;
	/*bottom:20px; */
}
.ser_box{ width:100%;}
.mr_frBtnL{ position:absolute; z-index:899; cursor:pointer;display:inline;float:left;height:46px;margin:150px 20px 0 0;width:28px;}
.mr_frBtnR{ position: absolute; z-index:899; display:inline;float:right;margin-top:150px;cursor:pointer;width:28px;height:46px;right:5px;}
}