html{width:100%;height:100%;overflow:hidden;font-size:4.9vw;}
body{width:100%;height:100%;overflow:auto;}
a{color:#333;text-decoration:none;}
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#wrap{width:100%;max-width:750px;margin:auto;color:#000;overflow-x:hidden;}
#wrap img{display:block;max-width:100%;}

.banner{width:100%;margin-bottom:-2vh}
h2{width:100%;margin:.8rem auto .4rem;padding:0;position:relative;}
h2 a{position:absolute;font-size:.8rem;bottom:0;right:.5rem;}
h2 img{display:block;width:80%;margin:auto;}
h3{margin-bottom:.6rem;font-size:1.2rem;}
p{font-size:.9rem;line-height:1.25rem;}
li p span{color:#b63619;}

.topic{position:relative;margin:.6rem 0}
.topic p{position:absolute;width:100%;left:0;bottom:0;line-height:1.6;color:#fff;background: linear-gradient(to bottom, transparent, #000);padding:.4rem 1rem;}

ul{padding:0;margin-bottom:.85rem}
.txt li{border-bottom:1px solid #c2c2c2;padding:.6rem .8rem;}
#wrap li:last-child{border:none;}
.txtImg li{position:relative;border-bottom:1px solid #e1e1e1;padding:.8rem .8rem .8rem 9.3rem;}
.txtImg li h3{line-height:1.6rem;height:3.2rem;margin-bottom:0;}
.txtImg li p{height:4.5rem;overflow:hidden;line-height:1.5rem;text-overflow:-o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.txtImg li img{position:absolute;width:8rem;height:4.5rem;left:.8rem;top:.8rem;object-fit:cover;}


#swiper2{height:49vw;padding:2vw 20% 2vw 0;}
#swiper2 img{height:100%;object-fit:cover;width:100%}
#swiper2 .swiper-slide{box-shadow:0 0 .3rem 0 #333;border-radius:.8rem;overflow:hidden;}
.cgzs{background:url(./images/bg.png) no-repeat center bottom;background-size:100% auto;padding-bottom:10rem}

.footer{line-height:4rem;color:#fff;text-align:center;background:#444;font-size:.8rem}

@media screen and (min-width: 500px) {
    html{font-size:16px}
}
@media screen and (min-width: 750px) {
    html{font-size:22px;}
    #swiper2{height:358px;padding:10px 20% 10px 0;}


 
}