#top{ width:96%; position:fixed; left:0px; top:0px; padding:2%; z-index:1000; background-color:rgba(0,0,0,0.1);}
#top .logo{ width:25%; float:left;}
#top .logo img{ max-width:100%; }
#topr{ width:70%; float:right;}
#topr .qt{ float:right; width:100px; margin-top:4px; }
#topr .qt span{ display:block; cursor:pointer; width:30px; height:30px; text-align:center;border-radius:30px; float:right;  border:#fff solid 1px; position:relative;margin-left:12px;}
#topr .qt span i{ font-size:16px; line-height:30px; color:#fff;}
#topr .qt span:hover{ background-color:#fff;}
#topr .qt span:hover i{ color:#666;}
#topr .qt span .pic{ padding-top:6px;
	position:absolute;
	left:-80px;
	line-height:20px;
	width:120px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	top:25px;
	height:0px;
	overflow:hidden;
	filter: Alpha(Opacity=0);
-moz-opacity:0; 			opacity:0;
	transition:all 0.3s ease-in-out 0s;
	font-family: Arial, Helvetica, sans-serif;
}
#topr .qt span .pic a{ color:#fff;}
#topr .qt span .pic img{ width:100px; height:100px;}
#topr .qt span:hover .pic{ top:30px; filter: Alpha(Opacity=100);-moz-opacity:1; 		opacity:1; height:auto;}
#menu {
	Z-INDEX: 100; float:right; POSITION: relative;
}
#menu UL {
	FLOAT: left; 
}
#menu UL LI {
	POSITION: relative;
	DISPLAY: inline;
	FLOAT: left; margin-right:5px;font-size:15px;
	
}

#menu UL LI A {
TEXT-ALIGN: center; DISPLAY: block;  padding-left:30px; padding-right:30px; line-height:45px; color:#fff; transition:all 0.2s ease-in-out 0s;
}
#menu UL LI .change {
	TEXT-DECORATION: none;
	color:#fff; 
}

#menu UL LI A:hover {color:#fff; 
	TEXT-DECORATION: none;

}
#menu UL LI a.sec {color:#fff; 
	TEXT-DECORATION: none;

}
#menu UL LI OL {
	POSITION: absolute;
	WIDTH:500px;
	DISPLAY: none;
	COLOR: #fff; left:-5%;
	MARGIN-LEFT: 0px;
	padding:0px;
 
}
#menu UL LI:last-child ol{ left:-60%;}
#menu UL LI OL LI {
	DISPLAY: block; float:left; background-image:none; font-weight:normal; font-size:13px;padding:0px; padding:0px;
	margin:0px; text-align:left;
}
#menu UL LI OL LI A { text-align:left;transition:all 0.4s ease-in-out 0s;
	WIDTH: auto;
	DISPLAY: block;
	overflow:hidden;
	COLOR:#fff; 
	LINE-HEIGHT: 30px; padding-left:4px; padding-right:4px;
	margin:0px; 
}
#menu UL LI OL LI A:hover {
	color:#fff;
	background-image:none;
	text-decoration: underline;
}
.clear{ clear:both;}
#banner{ width:100%; float:left; min-width:320px; position:relative;}
#banner .foot{ width:65%; position:absolute; z-index:1000;left:2%; line-height:1.5; color:#fff;bottom:5%;}
#banner .foot a{ color:#fff;}
#banner .foot .link{ margin-top:1%;}
#banner .foot .link a{ margin-left:8px;}
.banner .swiper-slide .zzc{ position:absolute; left:0px; top:0px; height:100%; width:100%; background:rgba(0,0,0,0.3); z-index:5;}
.banner .swiper-slide  .wz{ width:100%; color:#fff;  position:absolute; z-index:6; display:none;}
.banner .swiper-slide  .wz dd{ font-size:40px; color:#fff; line-height:1.5; }
.banner .swiper-slide  .wz dd span{ margin-left:12px; color:#eee;}
.banner .swiper-slide  .wz p{ font-size:16px; text-transform:capitalize;}
.banner .swiper-slide  .wz em{ margin-top:0.5%; font-size:14px;
	display:inline-block;
	color:#fff;
	border:#fff solid 1px;
	line-height:35px;
	border-radius:2px;

	font-style: normal; overflow:hidden;
}
.banner .swiper-slide  .wz em a{color:#fff; display:block;	padding-left:30px;
	padding-right:30px; transition:all 0.4s ease-in-out 0s;}
.banner .swiper-slide  .wz em a:hover{ background-color:#fff; color:#666;}
.banner .swiper-slide  .xs1{ left:5%; bottom:20%; text-align:left;}
.banner .swiper-slide  .xs2{ left:0px; top:40%; text-align:center;}
.banner .swiper-slide  .xs3{ right:5%; top:25%; text-align:right;}
.banner .swiper-slide-active .wz{ display:block;}
.banner{
	width: 100%;
	background: #fff; overflow:hidden; position:relative;
}
.banner .swiper-slide{
	/* height: 8.0rem; */width:100%;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center; 
	background-size:cover; position:relative;
}

.banner .swiper-slide img{
	 display:block; border:0px;
	width:100%; height:100vh;
}
.banner .swiper-pagination-bullets{ bottom:0px; margin-bottom:10px;}
.banner .swiper-pagination-bullet{
	width: 8px;
	height:8px;
 border:#fff solid 2px; background:none;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active{
	background:#fff; border:#fff solid 2px;
}
.banner .swiper-button-next,.banner .swiper-button-prev{position:absolute; top:inherit; margin:0px; bottom:4%; background-image:none; border:#fff solid 2px;width:40px;height:40px; color:#fff; z-index:10;cursor:pointer; text-align:center; transition:all 0.4s ease-in-out 0s;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{ font-size:22px; line-height:40px;}
.banner .swiper-button-next{right:10px; text-align:center; }
.banner .swiper-button-prev{right:62px; left:inherit; }
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ display:block; background-color:#fff; color:#666;}
@media only screen and (min-width: 801px){.web_xs{display:block}.sj_xs{ display:none}}
@media only screen and (max-width: 1260px){#menu UL LI { font-size:14px;}#menu UL LI A { padding-left:20px; line-height:40px; padding-right:20px;}}
@media only screen and (max-width: 1000px){.banner .swiper-slide  .wz dd{ font-size:32px;}.banner .swiper-slide  .wz p{ font-size:14px;}}
@media only screen and (max-width: 1050px){#menu UL LI { font-size:14px; margin-right:2px;}#menu UL LI A { padding-left:14px; line-height:40px; padding-right:14px;}}
@media only screen and (max-width: 950px){#menu UL LI { font-size:13px; margin-right:1px;}#menu UL LI A { padding-left:10px; line-height:32px; padding-right:10px;}#menu UL LI OL LI { font-size:12px; line-height:20px;}}
@media only screen and (max-width: 800px){body { font-size:12px;}#top{ width:100%; padding:0px;}#top .logo{ width:96%; padding:2%; text-align:center;}#topr{ width:96%; padding:5px 2%; background-color:#000; position:relative;}#topr .qt{ margin:0px; float:left;}#menu{ display:none;}#topr .qt span .pic{ left:-30px;}#topr .qt span{ border:0px;}
.banner .swiper-slide  .wz dd{ font-size:24px;}.banner .swiper-slide  .wz p{ font-size:13px;}.banner .swiper-button-next,.banner .swiper-button-prev{width:30px;height:30px;}.banner .swiper-button-next i,.banner .swiper-button-prev i{ font-size:18px; line-height:30px;}.banner .swiper-button-prev{right:52px;}.web_xs{display:none}.sj_xs{ display:block}.banner .swiper-slide  .xs1,.banner .swiper-slide  .xs2,.banner .swiper-slide  .xs3{ left:0px; top:40%; text-align:center;}.banner .swiper-slide  .wz p{ margin-top:1.5%; margin-bottom:2%;}}

@media only screen and (max-width: 450px){.banner .swiper-slide  .wz dd{ font-size:18px; font-weight:bold;}.banner .swiper-slide  .wz p{ font-size:12px;}.banner .swiper-slide  .wz em{ font-size:12px; font-weight:bold;line-height:30px; }}