.anlibg{
    width: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
}
.iw_wrapper{
	width:88%;
	margin: 0 auto;
	position:relative;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}
ul.iw_thumbs li{
	float:left;
	margin:5px;
}
ul.iw_thumbs li div{
	position:absolute;
	top:5px;
	width:360px;
	padding:0px 10px;
	display:none;
	color:#fff;
	z-index:100;
}
ul.iw_thumbs li div h2{
	font-family: 'Wire One', arial, serif;
	font-size:24px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
}
ul.iw_thumbs li div p{
	font-size:12px;
	line-height:22px;
	font-style:normal;
	font-family: "宋体";
}
ul.iw_thumbs li:nth-child(1){
	margin-left:50px;
}
ul.iw_thumbs li:nth-child(even){
	margin-top:30px;
}
ul.iw_thumbs li:nth-child(3n){
	margin-left:20px;
}
ul.iw_thumbs li img{
	border:7px solid #fff;
	cursor:pointer;
	position:relative;
	-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
	box-shadow:1px 1px 1px #aaa;
}
ul.iw_thumbs li img:hover{
	-moz-box-shadow:1px 1px 7px #777;
	-webkit-box-shadow:1px 1px 7px #777;
	box-shadow:1px 1px 7px #777;
}
ul.iw_thumbs li:nth-child(even) img{
	height:100px;
}
ul.iw_thumbs li:nth-child(odd) img{
	height:200px;
}
ul.iw_thumbs li:nth-child(5n) img{
	height:140px;
}
ul.iw_thumbs li:nth-child(6n) img{
	height:110px;
}
ul.iw_thumbs li:nth-child(7n) img{
	height:160px;
}
ul.iw_thumbs li:nth-child(8n) img{
	height:140px;
}
.iw_ribbon{
	position:fixed;
	height:226px; /*first 126 then 0 to close and 100% to open (while top goes to 0) */
	width:0px;/*first 0 then animate to 100%*/
	left:0px;/*or right 0*/
	top:0px; /*First, top of thumb, then animate to 0*/
	background:#000;
	opacity:0.8;
	z-index:10;
	overflow:hidden;
	display:none;
}
.iw_close{
	position:absolute;
	top:10px;
	right:10px;
	background:#f0f0f0 url(../images/close.gif) no-repeat center center;
	width:18px;
	height:18px;
	display:none;
	cursor:pointer;
}
.iw_zoom{
	color:white;
	font-size:8px;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	padding:14px;
	display:none;
	float:right;
	margin-right:30px;
}
.iw_ribbon img{
	position:absolute;
	top:50%;
	left:50%;
	border:7px solid #fff;
}
.iw_loading{
	background: #fff url(../images/loader.gif) no-repeat center center;
	width:28px;
	height:28px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000;
	margin: -14px 0px 0px -14px;
	opacity:0.8;
}

.kefubg{
    width: 100%;
    height: 400px;
    line-height: 400px;
    background: url('../images/kefubg.png') no-repeat center center;
    background-size: 100% 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.kefubg p{
    width: 100%;
    line-height: 45px;
    font-size: 38px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}
.kefubg .bgmore{
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    background: #e71115;
    opacity: 1;
    border-radius: 5px;
    font-size: 16;
    font-weight: 400;
    color: #fff;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}
/*媒体查询*/
/*大屏幕PC端*/
@media(min-width: 1200px){
	
}
/*中等屏幕PC端*/
@media(min-width: 992px) and (max-width: 1199px){
	
}
/*小屏幕PAD端*/
@media(min-width: 768px) and (max-width: 991px){
	.iw_wrapper{
	    width: 96%;
	}
}
/*手机端*/
@media(min-width: 480px) and (max-width: 767px){
	.iw_wrapper{
	    width: 96%;
	}
	ul.iw_thumbs li div{
	    width: 180px;
	    overflow: hidden;
	}
	ul.iw_thumbs li:nth-child(even) img{
	    height:40px;
    }
    ul.iw_thumbs li:nth-child(odd) img{
    	height:80px;
    }
    ul.iw_thumbs li:nth-child(5n) img{
    	height:140px;
    }
    ul.iw_thumbs li:nth-child(6n) img{
    	height:110px;
    }
    ul.iw_thumbs li:nth-child(7n) img{
    	height:40px;
    }
}
/*超低分辨率手机*/
@media(max-width: 479px){
	.iw_wrapper{
	    width: 96%;
	}
	ul.iw_thumbs li div{
	    width: 180px;
	    overflow: hidden;
	}
	ul.iw_thumbs li:nth-child(even) img{
	height:20px;
    }
    ul.iw_thumbs li:nth-child(odd) img{
    	height:40px;
    }
    ul.iw_thumbs li:nth-child(5n) img{
    	height:70px;
    }
    ul.iw_thumbs li:nth-child(6n) img{
    	height:110px;
    }
    ul.iw_thumbs li:nth-child(7n) img{
    	height:20px;
    }
}