.sz-list ul li a {
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #d2d2d2;
    padding: 28px 0;}

.sz-list ul li .line2 {
    padding-bottom: 28px !important;
    border-bottom: 1px dashed #d2d2d2 !important;}

.sz-list ul li:first-child {
    border-top: 1px solid #eeeeee;}

.sz-list ul .no {
    border-top: 0 !important;}



.sz-list ul li .line {
    padding-bottom: 17px !important;
    border-bottom: 1px dashed #d2d2d2 !important;}

.tl-img {
    float: left;
    text-align: center;
    width: 14%;}
.tl-img  img{
    width:100%;
    height:205px;
    object-fit: cover;}

.tl-img p {
    font-size: 30px;
    line-height: 30px;
    color: #656565;}

.tl-img span {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #656565;
    margin-top: 5px;}

.tl-data p {
    padding-top: 10px;
    font-size: 18px;
    line-height: 26px;
    color: #313131;
    font-weight: 700;}

.tl-data span {
    font-size: 14px;
    line-height: 26px;
    color: #5b5b5b;}

.tl-info {
    overflow: hidden;
    padding-left: 35px;
    line-height: 180%;
    padding-bottom: 21px;
    color: #000;}

.tl-info:hover {}

.tl-info h3 {
    font-size: 20px;
    line-height: 32px;
    padding-top: 20px;
    overflow: hidden;
    color: #000000;}
.tl-info p{
margin-top: 20px;}
.tl-data {
    position: relative;
    float: left;
    height: 65px;
    width: 65px;
    top: 20px;
    border: 1px solid #d2d2d2;
    text-align: center;}
@media screen and (max-width: 1400px){
.tl-img{
width: 18%;}
}
@media screen and (max-width: 1024px){
.tl-img{
width: 20%;}
}
@media screen and (max-width: 1024px){
.tl-img{
width: 20%;}
}
@media screen and (max-width: 500px){
.tl-img{
width: 40%;}
}