html,body{
	height: 100%;
}
.page{
/*	background: url(../../images/home/bg.jpg) no-repeat;*/
	background: #a8a8a8;
	/*background-size: cover;*/height: 100%;overflow: hidden;
}
.top-wrap{
	height: 14%;overflow: hidden;
}
.top-wrap img{
	max-height: 80%;position: relative;
}
.top{
	height: 100%;line-height: 100%;
}
.top,.bottom{
	text-align: center;
}
.middle{
	width:100%;height: 86%;overflow: hidden;
}
.bottom{
	height: 0%;
}
.bottom img{
	max-height: 90%;position: relative;
}
.navbar{
	height: 50px;line-height: 50px;text-align: center;top: 0;left: 0;right: 0;
	background: #eaeaea;position: relative;z-index: 10;
}
.nav-icon{
	padding:0  15px;display: none;
}
@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.nav{
		display: none;
	}
	.nav-icon{
		display: block;height: 50px;overflow: hidden;
	}
	.logo{
		position: absolute;left: 50%;transform: translateX(-50%);
	}
}
.phone-nav{
	position: absolute;top: 50px;left: 0;right: 0;
	text-align: center;color: #fff;font-size: 1.6rem;background: rgba(0,0,0,.8);
	display: none;
}
.nav-st-li{
	border-bottom: 1px #fff solid;cursor: pointer;
	color: #ddd;
}
.nav-st-li:hover{
	color: #666;
}
.nav-st-li>a,.nav-sec-li>a{
	display: block;height: 100%;
}
.nav-sec-ul{
	display: none;
}
.nav-sec-li{
	font-size: 14px;line-height: 3rem;
}
.banner{
	position: relative;overflow: hidden;z-index: 9;text-align: center;height: -mos-calc(100% - 50px);height: -webkit-calc(100% - 50px);height: calc(100% - 50px);
}
.swiper-banner .swiper-pagination{
	text-align: center;bottom: 20px;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{
	margin:0 20px;background: #222;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{
	background: #fff;
}
.s-banner{
	display: none
}
.b-banner{
	display: block
}
@media only screen and (min-width: 100px) and (max-width: 760px) {
	.s-banner{
		display: block;
	}
	.b-banner{
		display: none
	}
}
.nav-li-1{
	height:47px;color: #999;
	padding:0 25px;display: inline-block;
	font-size: 1.5rem;
}
.fenge{
	text-align: center;line-height: 0;font-size: 0;
}
.fengeline{
	display: inline-block;transition: width 1s;height: 3px;background: #666;font-size: 0;width: 0;
}
.nav-li-1>a{
	display: block;height: 47px;
}
.nav-li-1:hover>a{
	color: #666;
}
.nav-li-1{
	position: relative;
}
.nav-sec-wrap{
	position:absolute;top:50px;left: 50%;transform: translateX(-50%);white-space: nowrap;
	text-align: center;display: none;
	color: #666;
}
.nav-sec-wrap p{
	color: #666;
}
.nav .lv-2{
	text-align: center;display: inline-block;background:rgba(255,255,255,.8);padding:15px 25px 30px;width: 100px;
}
.nav .lv-2-li{
	line-height: 2.5;
}
.nav .lv-2-li>a{
	display: block;font-size:14px;
}
.nav .lv-3-li{
	line-height: 1.8;color: #999;font-size: 1.4rem;
}
.jiantou{
	margin-left: 68px;
  	height:0px;
  	width:0px;
	border-bottom:solid 15px rgba(255,255,255,.8);
  	border-left:solid 10px rgba(0,0,0,0); 
  	border-right:solid 10px rgba(0,0,0,0)
}
.thumb{
	position: absolute;top: 40px;right: 35px;
}
.nav-ul-2{
	padding:45px 35px;background: #fff;line-height: 2;
	font-size: 1.4rem;
}
.nav-ul-3{
	border-bottom: 1px #aaa solid;padding-bottom: 10px;margin-bottom: 10px;
}
.nav-li-3{
	font-size: 1.2rem;color: #4c4c4c;
}
.nav-li-2:last-child .nav-ul-3{
	border-bottom: none;
}
.version{
	position: absolute;right: 0%;top: 50%;transform: translateY(-50%);
	font-size: 1.4rem;color: #393939;z-index: 2;
	text-align: center;
}
.selected{
	position: relative;z-index: 2;
	width: 100%;width:70px;
	cursor: pointer;
}
.carat{
	position: absolute;top: 22px;right: 5px;
	height: 0;width: 0;
	border-top: 7px #393939 solid;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.selectBox{
	position: absolute;top: 50px;
	background: #fff;display: none;
}
.selectBox li{
	height: 30px;width: 70px;text-align: center;line-height: 30px;
}
.b-banner .swiper-button-prev{
	background-image: url(../../images/home/banner-pre.png)!important;width: 50px;height: 50px;background-size: 100% 100%;opacity: 0;transition: opacity 0.5s;
}
.b-banner .swiper-button-next{
	background-image: url(../../images/home/banner-next.png)!important;width: 50px;height: 50px;background-size: 100% 100%;opacity: 0;transition: opacity 0.5s;
}
.b-banner:hover .swiper-button-next,.b-banner:hover .swiper-button-prev{
	opacity: 1;
}

.xzdiv{width:100%; padding:20px 0px; text-align:center; color:#333; font-size:14px; line-height:2.0;}
.xzdiv p{ font-size:14px !important;color:#333;}
.xzdiv a,.xzdiv a:hover{ color:#333;}