.videoBg{
		position:absolute;left:0;top:-140px;z-index:-1;width:100%;
	}
	.videoBg video{
		width: 100% ;height: 100%; 
	}
.banner{height:730px; background:none; position: relative;}    
.logo{margin: 20px}
.logo img{width: 38%; float: left}
.mainnav{margin-top:-120px; margin-bottom:120px;}

.gghf{margin-top: 10px;}
.gghf .box{width: 32.2%; float: left; margin-right: 20px;}
.gghf .box img{width: 100%; height: auto;}

.gghf .last{float:right; margin-right: 0}

/* 本例子css */
		.gygg{ width:100%;  overflow:hidden; position:relative;}
		.gygg .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none;}
		.gygg .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.gygg .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.gygg .hd ul li.on{ background:#f00; color:#fff; }
		.gygg .bd{ position:relative; height:100%; z-index:0;   }
		.gygg .bd li{ zoom:1; vertical-align:middle; width: 100%;}
		.gygg .bd img{ width:100%; height:auto; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.gygg .prev,
		.gygg .next{ position:absolute; left:0; top:0; display:block; width:32px; height:100%; background:url(slider-arrow.png) -110px center no-repeat #000; filter:alpha(opacity=50);opacity:0.5;   }
		.gygg .next{ left:auto; right:0; background-position:8px center; }
		.gygg .prev:hover,
		.gygg .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.gygg .prevStop{ display:none;  }
		.gygg .nextStop{ display:none;  }


.syhflb{position: relative; margin: 0 auto; margin-bottom: 10px; height: 107px;}
.syhflb .hd{ 
     position: absolute;
     text-align: right;
     bottom: 8px;
     z-index: 2;
     right: 8px; 
}
.syhflb .hd ul{ overflow:hidden; zoom:1;}
.syhflb .hd ul li{
     width: 8px;
     height: 8px;
     background: #b6c0c1;
     border-radius: 5px;
     cursor: pointer;
     margin: 0 4px;
     display: inline-block;
     transition: all 0.4s; 
     text-indent:99999em;
}
.syhflb .hd ul li.on{background:#f00;}
.syhflb .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.syhflb .bd ul{width:100%; height:100%;}
.syhflb .bd ul li{position:relative;}
.syhflb .bd li img{width:100%;  height:107px;}

@media (max-width: 1280px) {
	.banner{height: 580px;}
	.zjhj li{width: 23.2%;}
	.gghf .box{width: 32%;}
}

@media (max-width: 1024px) {
    .banner{height:430px;}
	.gghf .box{width: 31.9%;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	/* .banner{height: auto; padding-bottom: 0; background: url(header2021-banner-bg.png) 50% 50px no-repeat;}
	.videoBg{display: none !important;} */
	.mainnav{margin-top: 0; margin-bottom: 20px}
	.videoBg{top: 0;}
}
@media (max-width:912px) {
	.videoBg{top: 0;}
	.banner{height: 560px;}
}

@media (max-width: 820px) {
	.banner{height: 510px;}
}

@media (max-width: 768px) {
	/* .banner{height:auto; padding-bottom: 0; background: url(header2021-banner-bg.png) 50% 40px no-repeat;}
	.videoBg{display: none !important;} */
	.mainnav{margin-top: 0; margin-bottom: 20px}
   .m-search{margin: 0 auto;}
   .banner{height: 480px;}
   .zjhj li{width: 100%;}
   .gghf .box{width: 100%; margin-bottom: 10px;}
}

@media (max-width: 640px) {
		.logo{margin-top: 65px; width: 90%;}
		.logo img{width: 90%; float: none;}
       .banner{height: 400px;}
	   .mainnav{margin-bottom:50px;}
	   .mainnav a{line-height: 50px;}
	   .gygg .prev, .gygg .next{height: 91px;}
}
@media (max-width: 540px) {
	.logo{margin-top: 70px;}
	.banner{height: 340px;}
}

@media (max-width: 480px) {
	.banner{height: 268px;}


}

@media (max-width: 400px) {
	.banner{height: 254px;}
}

@media (max-width: 380px) {
	.banner{height: 244px;}
}

@media (max-width: 360px) {
	.banner{height: 236px;}
}

@media (max-width: 320px) {
	.banner{height: 212px;}
}