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

/*显示区域*/
.lunz{width:1200px;height:382px;margin:0 auto;overflow:hidden;position:relative;}
.lunz .images{position:relative;}
.lunz .images ul li{position:absolute;z-index:6;overflow:hidden;border:1px solid #c8c8c8;padding:4px;background:#fff;}
.lunz .images ul li img{width:100%; height:100%;}
.lunz .images ul li.no0{z-index:1; width:248px; height:131px; top:125px; left:0px;}
.lunz .images ul li.no1{z-index:2; width:600px; height:260px; top:61px; left:0px;}
.lunz .images ul li.no2{z-index:3; width:650px; height:380px; top:0; left:275px;}
.lunz .images ul li.no3{z-index:2; width:600px; height:260px; top:61px; left:598px;}
.lunz .images ul li.no4{z-index:1; width:248px; height:131px; top:125px; left:950px;}
.lunz .images ul li.no5{display:none;}




/*左右箭头按钮*/
.lunz .btnbox{z-index:7;margin-top:163px;}
.lunz .btnbox a{display:block;width:30px;height:56px;position:absolute;cursor:pointer;z-index:10;overflow:hidden;}
.lunz .btnbox .leftbut{left:100px; background:url(../images/jt1.png) no-repeat;}
.lunz .btnbox .leftbut:hover{}
.lunz .btnbox .rightbut{right:100px;background:url(../images/jt2.png) no-repeat;}


/*媒体查询开始*/
@media (max-width:1230px){
.lunz {width:1170px;}
.lunz .images ul li.no0 { z-index: 1; width: 248px; height: 131px; top: 125px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 600px; height: 260px; top: 61px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 650px; height: 380px; top:0; left:260px;}
.lunz .images ul li.no3 { z-index: 2; width: 600px; height: 260px; top: 61px;left:568px;}
.lunz .images ul li.no4 { z-index: 1; width: 248px; height: 131px; top: 125px;left:922px;}
}

@media (max-width:1199px){
.lunz {width:961px;}
.lunz .images ul li.no0 { z-index: 1; width: 248px; height: 131px; top: 125px;left:0px;}
.lunz .images ul li.no1 { z-index: 2; width: 400px; height: 260px; top: 61px;left:0px;}
.lunz .images ul li.no2 { z-index: 3; width: 500px; height: 380px; top:0; left:230.5px;}
.lunz .images ul li.no3 { z-index: 2; width: 400px; height: 260px; top: 61px;left:559px;}
.lunz .images ul li.no4 { z-index: 1; width: 248px; height: 131px; top: 125px;left:713px;}
}

@media (max-width:991px){
.lunz {width:737px;height:302px;}
.lunz .btnbox{margin-top:123px;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:93px;}
.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:83px;}
.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:48px;}
.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;}
}