@media (min-width:1000px){
/* flexslider */
.flexslider{position:relative;height: 700px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; float:left;}
.slides{position:relative;z-index:1;}
.slides li{height: 700px;}
.slides li img{ width:100%; height:auto; display:block}
.flex-control-nav{position:absolute;bottom:35px;z-index:22;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:60px;overflow:hidden; border:2px solid rgba(255,255,255,1);cursor:pointer; border-radius:50px;}
.flex-control-nav .flex-active{background:rgba(255,255,255,1); border-radius:50px;}


.flexslider .flex-direction-nav{
	z-index:2;
	width: auto; 
	height: 2.5rem;
	display:flex;
}
.flexslider .flex-direction-nav li{
	width:50%;
}
.flexslider .flex-direction-nav li a{
	display:block;
	width: 2.5rem;
	height: 2.5rem;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top: calc(50% - 1.25rem);
	border-radius:50%;
	border:2px solid #FFF;
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	z-index:5;
}
.flexslider .flex-direction-nav li a:hover{
	background:#fff;
}
.flexslider .flex-direction-nav li a.flex-prev{
	left:2.0rem;
}
.flexslider .flex-direction-nav li a.flex-prev::before{
	width:100%;
	height:100%;
	content: "\2190";
	line-height:2.5rem;
	text-align:center;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:1.25rem;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.flexslider .flex-direction-nav li a.flex-prev:hover::before{
	color:#000;
}
.flexslider .flex-direction-nav li a.flex-next{
	right:2.0rem;
}
.flexslider .flex-direction-nav li a.flex-next::before{
	width:100%;
	height:100%;
	content: "\2192";
	line-height:2.5rem;
	text-align:center;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:1.25rem;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.flexslider .flex-direction-nav li a.flex-next:hover::before{
	color:#000;
}



.banwz{ width:80%; margin:auto; height:100%;display: flex;justify-content: center;align-items: center; color:#FFF}
#booMain{ width:100%; height:100%; display: flex;
flex-direction: column;        /*元素的排列方向为垂直*/
justify-content: center;    /*水平居中对齐*/
font-size:1.0rem;
font-family:Roboto
}
.f22{ font-size:1.125rem}
.f24{ font-size:1.25rem}
.f18{ font-size:1.0rem}
.f36{ font-size:3.0rem; margin-top:1.0rem; margin-bottom:2.0rem;}
.f80{ font-size:4.0rem;}
.biank{ letter-spacing:2px; padding:0.5rem 1.0rem; border:1px solid #fff; text-transform:uppercase; font-size:0.875rem;}

}

@media (max-width:999px){
/* flexslider */
.flexslider{position:relative;height: 25rem;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; float:left;}
.slides{position:relative;z-index:1;}
.slides li{height: 25rem; background-size:contain}
.slides li img{ width:100%; height:auto; display:block}
.flex-control-nav{position:absolute;bottom:10px;z-index:22;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:60px;overflow:hidden;border:2px solid rgba(255,255,255,1);cursor:pointer;border-radius:50%;}
.flex-control-nav .flex-active{background:rgba(255,255,255,1); border-radius:50%;}

.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(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.banwz{ width:80%; margin:auto; padding:0px 0; height:100%;display: flex;justify-content: center;align-items: center; color:#FFF}
#booMain{ width:100%; height:100%; display: flex;
flex-direction: column;        /*元素的排列方向为垂直*/
justify-content: center;    /*水平居中对齐*/
font-size:0.8rem;
font-family:Roboto; line-height:200%;
}
.f22{ font-size:1.0rem}
.f24{ font-size:1.15rem}
.f18{ font-size:0.875rem}
.f36{ font-size:2.0rem; margin-top:1.0rem; margin-bottom:2.0rem;}
.f80{ font-size:2.0rem;}
.biank{ letter-spacing:2px; padding:0.35rem 1.0rem; border:1px solid #fff; text-transform:uppercase; font-size:0.875rem;}


}