/*

 | ------------------------------------------

 | Glide styles

 | ------------------------------------------

 | Here are slider styles

 | 

*/

.flexslider{position:relative;height:800px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
		.slides{position:relative;z-index:1;}
		.slides li{height:800px;opacity: 0;}
		.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
		.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
		.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer;
		    background: #fff;
    border-radius: 50%;
		    
		}
		.flex-control-nav .flex-active{background-position:0 0; background: #000;}

		.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
		.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
		.flex-direction-nav li a.flex-prev{left:40px;background:url(/static/upload/image/20220904/1662293289495344.png) center center no-repeat;}
		.flex-direction-nav li a.flex-next{right:40px;background:url(/static/upload/image/20220904/1662293329870309.png) center center no-repeat;}

.slider {

	position: relative;

	width: 100%;

	height: auto;

	overflow: hidden;    margin-top: 88px;

}

.slider .zz-bg-color{    background: rgba(0, 0, 0, 0.2);}

/*盒子带容器*/

.slides {

	height: auto;

	/* Simple clear fix */

	overflow: hidden;

	/**	

		 * Prevent blinking issue

		 * Not tested. Experimental.

		 */

	-webkit-backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	/**

		 * Here is CSS transitions 

		 * responsible for slider animation in modern broswers

		 */

	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

}

.slide {

	height: auto;

	float: left;

	clear: none;

}

.slider-arrows {

}

.slider-arrow {

	position: absolute;

	display: block;

	margin-bottom: -20px;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-decoration: none;

	text-align: center;

	color: #fff;

	font-size: 2em;

	background-color: #333;

	background-color: rgba(50,50,50,.3);

	border-radius: 50%;

}/*左右按钮样式及放置位置*/

.slider-arrow--right {

	bottom: 50%;

	right: 30px;

}

.slider-arrow--left {

	bottom: 50%;

	left: 30px;

}

/*

background:url(img/.png) no-repeat;

*/



.slider-nav {

	position: absolute;

	bottom: 30px;

}

.slider-nav__item {  /*nva样式*/

	width: 12px;

	height: 12px;

	float: left;

	clear: none;

	display: block;

	margin: 0 5px;

	background: black;

	border-radius: 100%;

}

.slider-nav__item:hover {

	background: #fff;

}

.slider-nav__item--current {

	background: #fff;

} /*被选中后的样式*/



.slide .box{

    height: 800px;

         position: relative;

}

.slide .box .xaioqiu_0000{

       position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%); text-align: center;z-index: 2;

}



.slide .box .xaioqiu_0000 h3{

         color: rgba(255, 255, 255, 1);

    font-size: 50px;

}



.slide .box .xaioqiu_0000 p{

         color: rgba(255, 255, 255, 1);

    font-family: Arial;

    font-size: 20px;

}



@media (max-width: 767px){
	.flex-direction-nav li a,.flex-direction-nav,.flex-control-nav{
	    display: none;
	}
.flexslider{position:relative;height:200px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}

		.slides li{height:200px;}
.slider {

    margin-top: 0;

}

.slide .box {

    height: 200px;
background-size: 100%;
}

.slide .box .xaioqiu_0000 h3 {

    font-size: 24px;

}

.slide .box .xaioqiu_0000 p {

    font-size: 15px;

}

.slide .box .xaioqiu_0000 {

    width: 80%;

}

.arrowsWrapper{

    display: none;

}

.slider-nav__item {

    width: 6px;

    height: 6px;

}

.zz-comp-mNav .nav__wrapper {

    padding: 0 20px;

}

}