.weblc{width: 15%;float: left;padding: 0;border-left: none;height: 480px;transition: all .5s;position: relative;background-size: cover!important;}
.weblc.on{width: 55%;transition: all .5s;}
.weblc .num {width: 52px;height: 52px;line-height: 52px;font-size: 50px;color: #fff;text-align: left;font-family: DINCOND!important;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);display: none;}
.weblc img{display: block;margin: 50px auto 40px;}
.weblcrow{
    width: 100%;
    height: 480px;
}
.webhz{
    width: 100%;
    text-align: left;
    margin: 0 0 0 auto;
    padding: 40px 20px 20px;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-0deg, rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.weblc.on .webhz{
  width: 100%;
  background-image: linear-gradient(-0deg, rgba(0,78,162,1), rgba(0,78,162,0));
}
.weblc .t1{/* text-align:center; */font-weight: bold;font-size: 16px;color: #fff;margin-top: 0;text-shadow: 0 0px 3px rgb(0 0 0 / 30%);}
.weblc .t2{display: block;text-align: left;color:#fff;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-shadow: 0 0px 3px rgb(0 0 0 / 30%);}
.weblc .t2 a:hover{color:#fff;text-decoration:underline;}
.weblc.on .t2{display:block}
.weblc.on .t1{color: #fff;}


@media only screen and (max-width: 768px){
    .weblc{width: 100%;height: 100px;float: left;padding: 0;border-left: none;transition: all .5s;position: relative;}
.weblc.on{width: 100%;height: 280px;transition: all .5s;}
.weblc .num {width: 40px;height: 40px;line-height: 40px;font-size: 40px;color: #fff;text-align: left;font-family: DINCOND!important;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.weblc img{display: block;margin: 50px auto 40px;}
.weblcrow{
    width: 100%;
    height: 580px;
}
.webhz{
    width: 100%;
    text-align: left;
    margin: 0 0 0 auto;
    padding: 20px 20px 10px;
    border-radius: 30px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.weblc.on .webhz{
      background-image: linear-gradient(-0deg, rgba(0,78,162,1), rgba(0,78,162,0));
  width: 90%;
}
.weblc .t1{/* text-align:center; */font-weight: bold;font-size: 14px;color: #fff;margin-top: 5px;text-shadow: 0 3px 3px rgb(0 0 0 / 20%);}
.weblc .t2{display:none;text-align: left;color:#fff;margin-top: 5px;/* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; *//* overflow: hidden; */}
.weblc.on .t2{}
.weblc.on .t1{color: #fff;}
}