﻿
/* flexslider */
.flexslider{position:relative;height:560px;overflow:hidden; z-index:1; margin-top:100px;}
.slides{position:relative; }
.slides li{height:560px; text-align:center;}
.slides li img{ overflow:hidden; text-align:center; object-fit: cover;  display:block; width:100%; height:560px;}

.flex-control-nav{position:absolute;bottom:100px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block; width:30px; height:5px; margin:0 5px; *display:inline;zoom:1;}
.flex-control-nav a{display:inline-block; width:30px; height:5px; line-height:40px; overflow:hidden; background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{ background:#000;}


#zybanner1 {position:relative;height:531px;overflow:hidden; z-index:1; margin-top:20px;}
#zybanner1 .slides{position:relative; }
#zybanner1 .slides li{height:531px; text-align:center;}
#zybanner1 .slides li img{ overflow:hidden; text-align:center; object-fit: cover;  display:block; width:100%; height:531px;}
#zybanner1 .flex-control-nav{position:absolute;bottom:60px;z-index:2;width:100%;text-align:center;}

@media only screen and ( max-width:800px ){
.flexslider{position:relative;height:180px;overflow:hidden; z-index:1; margin-top:80px;}

.slides li{height:180px; text-align:center;}
.slides li img{ overflow:hidden; text-align:center; object-fit: cover;  display:block; width:100%; height:180px;}
	.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
	
	
	
#zybanner1{position:relative;height:180px;overflow:hidden; z-index:1; margin-top:80px;}

#zybanner1 .slides li{height:180px; text-align:center;}
#zybanner1 .slides li img{ overflow:hidden; text-align:center; object-fit: cover;  display:block; width:100%; height:180px;}
#zybanner1 .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
	
	}


