.header{position:relative}
.liaojie{width:100%;height:204px;background:#f4f4f4;margin-top:-4px;position:relative}
.lep{font-size:28px;text-align:center;padding-top:31px;display:block}
.lva{width:240px;display:inline-block;height:50px;border:1px solid black;font-size:16px;text-align:center;line-height:50px;color:black;margin:0 33px;box-sizing:border-box}
.lpdiv{overflow:hidden;display:block;margin:auto;position:relative;width:924px;margin-top:24px;text-align: center;}
.lediv{width:76.6%;margin:auto;margin-top:59px;overflow:hidden}
.lvdiv{width:29.23%;margin:0 2.05%;float:left;margin-bottom:90px}
.lxdivv{width:100%;height:100%;position:relative;-webkit-transition:all .2s linear;transition:all .2s linear;padding:0px 0px 27px 0px;background:white}
.leediv{background-color:rgb(255,255,255);padding:5% 6% 12%}
.lvdivimg{width:100%;height:310px;position:relative}
.lgimg{display:block;width:100%;height:100%;object-fit:cover}
.lgtime{font-size:14px;margin-top:13px;margin-bottom:10px;color:black}
.ledivs{width:28px;height:4px;background:#111111}
.lvp{font-size:18px;font-weight:bold;margin-top:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:black}
.lvpdiv{font-size:14px;line-height:24px;margin-top:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#919191}
.laactive{background:#007108;border:none;color:white!important}
.lxdiv{width:100%;margin:auto;-webkit-transition:all .2s linear;transition:all .2s linear}
.lxdivv:hover{transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-o-transform:translate3d(0,-20px,0);background:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
.lxdiv:hover .ledivs{background:#dc2328}
.current{width:59px;height:59px;display:inline-block;line-height:59px;position:relative;font-size:18px;background:#007108;text-align:center;color:white}
.num{width:59px;height:59px;display:inline-block;line-height:59px;position:relative;font-size:18px;text-align:center;color:black}
.next{width:59px;height:59px;display:inline-block;line-height:59px;position:relative;text-align:center;color:#342c2a;background:url(../images/068.jpg) no-repeat;background-position-x:26px;background-position-y:22px}
.prev{width:59px;height:59px;display:inline-block;line-height:59px;position:relative;text-align:center;color:#342c2a;background:url(../images/069.jpg) no-repeat;background-position-x:26px;background-position-y:22px}
.artpages{width:100%;height:59px;position:relative;float:left;margin-bottom:100px}
.asdiv div{display:inline-block;overflow:hidden;left:50%;position:absolute;transform:translate(-50%,0%)}



.h_recommend_list{width:380px;height:350px;-webkit-transition:all .2s linear;transition:all .2s linear}
.h_recommend_list:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.2);box-shadow:0 15px 30px rgba(0,0,0,.2);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);z-index:3}
body{background:#f4f4f4}
.page-nav{margin:30px auto;width:90%}
.page-nav .items{text-align:center}
.page-nav .item{display:inline-block;margin:0 10px 10px;padding:10px 30px;color:#000;background-color:#fff;border:1px solid #ccc}
.page-nav .item.active{color:#fff;border:1px solid #007108;background-color:#007108}


@media screen and (max-width:1680px){
    .lediv{width:80%}
    .lvdiv{margin-bottom:80px}
}
@media screen and (max-width:1500px){
    .lediv{width:85%}
    .lvdiv{margin-bottom:70px}
    .lva{width:200px;height:45px;line-height:45px}
    .lpdiv{width:802px}
    .liaojie{height:185px}
    .lvdivimg{height:290px}
    .lxdivv{padding:0px 0px 0px 0px}
}
@media screen and (max-width:1300px){
    .lvdiv{margin-bottom:60px}
    .liaojie{height:180px}
    .lvdivimg{height:270px}
}
@media screen and (max-width:1200px){
    .lediv{width:90%}
    .lvdiv{margin-bottom:50px}
    .lvdivimg{height:250px}
}
@media screen and (max-width:768px){
    .lva{width:170px;margin:0 25px}
    .lpdiv{width:660px}
    .lediv{margin-top:40px}
    .lvdivimg{height:200px}
    .artpages{margin-bottom:50px}
    .lvdivimg{height:200px}
    .page-nav{width:98%}
    .page-nav .item{width: 45%; font-size: 13px;}
}
@media screen and (max-width:640px){
    .lediv{ width: 98%;margin-top: 3% }
    .lvdiv{width:48%;margin:0 1%;margin-bottom:20px}
}
@media screen and (max-width:450px){
    .lva{width:90px;margin:0 7px;font-size:14px;height:40px;line-height:40px;font-weight: bold;}
    .lpdiv{width:312px}
    .lep{font-size:20px;padding-top:18px}
    .liaojie{height:135px}
    .lvdivimg{height:150px}
    .lgtime{font-size:13px;margin-top:7px;margin-bottom:6px}
    .ledivs{display:none}
    .lvp{font-size:15px;margin-top:0px}
    .lvpdiv{margin-top:5px;font-size:12px;line-height:20px}
    .artpages{margin-bottom:15px}
    .current{font-size:15px;width:28px;height:28px;line-height:28px}
    .num{font-size:15px;width:28px;height:28px;line-height:28px}
    .next{font-size:15px;width:28px;height:28px;line-height:28px;background:url(../images/068.jpg) no-repeat;background-position-x:10px;background-position-y:6px}
    .prev{font-size:15px;width:28px;height:28px;line-height:28px;background:url(../images/069.jpg) no-repeat;background-position-x:10px;background-position-y:6px}
}
@media screen and (max-width:320px){
    .lvdivimg{height:130px}
    .lep{font-size:18px}
    .lpdiv{margin-top:15px}
    .lva{height:35px;line-height:35px}
    .liaojie{height:120px}
}