@charset "utf-8";
*{margin:0;}

/*显示区域*/
.lunz{width:479;height:174px;margin:40px auto 0 auto;overflow:hidden;position:relative;}
.lunz .images{position:relative;}
.lunz .images ul li{position:absolute;z-index:6;overflow:hidden;border:1px solid #a5a5a5;}
.lunz .images ul li img{width:100%; height:100%;}
.lunz .images ul li.no0 { z-index: 1; width: 150px; height: 90px; top: 30px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 200px; height: 130px; top: 25px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 300px; height: 172px; top:0; left:89.5px;}
.lunz .images ul li.no3 { z-index: 2; width: 200px; height: 130px; top: 25px;left:280px;}
.lunz .images ul li.no4 { z-index: 1; width: 150px; height: 90px; top: 30px;left:299px;}
.lunz .images ul li.no5{display:none;}
.lunz .images ul li h5{position:absolute;width:100%;line-height:30px;background:rgba(0,0,0,0.5);color:#fff;text-align:center;bottom:0;left:0;}


/*左右箭头按钮*/
.lunz:hover .btnbox{display:block;}
.lunz .btnbox{z-index:7;display:none;margin-top:70.5px;}
.lunz .btnbox a{display:block;width:33px;height:33px;position:absolute;cursor:pointer;z-index:10;overflow:hidden;}
.lunz .btnbox .leftbut{left:30px; background:url(../images/icon.png) no-repeat -4px -32px;}
.lunz .btnbox .leftbut:hover{ background-position:-4px -133px;}
.lunz .btnbox .rightbut{right:30px;background:url(../images/icon.png) no-repeat -4px -81px;}
.lunz .btnbox .rightbut:hover{ background-position:-4px -190px;}


/*媒体查询开始*/
@media (max-width:1230px){
.lunz {width:290px;height:152px;}
.lunz .btnbox{margin-top:59.5px;}
.lunz .btnbox .leftbut{left:0px;}
.lunz .btnbox .rightbut{right:0px;}
.lunz .images ul li.no0 { z-index: 1; width: 80px; height: 60px; top: 46px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 130px; height: 100px; top: 26px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 200px; height: 150px; top:0; left:45px;}
.lunz .images ul li.no3 { z-index: 2; width: 130px; height: 100px; top: 26px;left:158px;}
.lunz .images ul li.no4 { z-index: 1; width: 80px; height: 60px; top: 46px;left:299px;}
}

@media (max-width:1199px){
.lunz {width:290px;height:152px;}
.lunz .btnbox{margin-top:59.5px;}
.lunz .btnbox .leftbut{left:0px;}
.lunz .btnbox .rightbut{right:0px;}
.lunz .images ul li.no0 { z-index: 1; width: 80px; height: 60px; top: 46px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 130px; height: 100px; top: 26px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 200px; height: 150px; top:0; left:45px;}
.lunz .images ul li.no3 { z-index: 2; width: 130px; height: 100px; top: 26px;left:158px;}
.lunz .images ul li.no4 { z-index: 1; width: 80px; height: 60px; top: 46px;left:299px;}
}

@media (max-width:991px){
.lunz {width:737px;height:302px;}
.lunz .btnbox{margin-top:134.5px;display:block;}
.lunz .btnbox .leftbut{left:50px;}
.lunz .btnbox .rightbut{right:50px;}
.lunz .images ul li.no0 { z-index: 1; width: 200px; height: 120px; top: 91px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 300px; height: 200px; top: 51px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 400px; height: 300px; top:0; left:168.5px;}
.lunz .images ul li.no3 { z-index: 2; width: 300px; height: 200px; top: 51px;left:435px;}
.lunz .images ul li.no4 { z-index: 1; width: 200px; height: 120px; top: 91px;left:537px;}
}


@media (max-width:767px){
.lunz {width:570px;height:242px;}
.lunz .btnbox{margin-top:104.5px;}
.lunz .btnbox .leftbut{left:20px;}
.lunz .btnbox .rightbut{right:20px;}
.lunz .images ul li.no0 { z-index: 1; width: 200px; height: 100px; top: 71px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 300px; height: 180px; top: 31px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 380px; height: 240px; top:0; left:105px;}
.lunz .images ul li.no3 { z-index: 2; width: 300px; height: 180px; top: 31px;left:268px;}
.lunz .images ul li.no4 { z-index: 1; width: 200px; height: 100px; top: 71px;left:370px;}
}

@media (max-width:600px){
.lunz {width:449px;height:222px;}
.lunz .btnbox{margin-top:94.5px;}
.lunz .images ul li.no0 { z-index: 1; width: 150px; height: 100px; top: 61px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 200px; height: 160px; top: 31px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 300px; height: 220px; top:0; left:74.5px;}
.lunz .images ul li.no3 { z-index: 2; width: 200px; height: 160px; top: 31px;left:247px;}
.lunz .images ul li.no4 { z-index: 1; width: 150px; height: 100px; top: 61px;left:299px;}
}

@media (max-width:479px){
.lunz {width:290px;height:152px;}
.lunz .btnbox{margin-top:59.5px;}
.lunz .btnbox .leftbut{left:0px;}
.lunz .btnbox .rightbut{right:0px;}
.lunz .images ul li.no0 { z-index: 1; width: 80px; height: 60px; top: 46px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 130px; height: 100px; top: 26px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 200px; height: 150px; top:0; left:45px;}
.lunz .images ul li.no3 { z-index: 2; width: 130px; height: 100px; top: 26px;left:158px;}
.lunz .images ul li.no4 { z-index: 1; width: 80px; height: 60px; top: 46px;left:299px;}
}