.item{
    border-bottom:2px dotted #e4e4e4;
    padding:50px 30px; 
    height:476px;
    box-sizing: border-box;
}
.item img{
    /* width:80%; */
}
.item-left{
    float: left;
    width:50%;
    height:100%;
    position: relative;
}
.item-right{
    float:right;
    width:50%;
    height:100%;
    position: relative;
}
.ci,.cz{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
@media screen and (max-width:1279px) and (min-width:960px){
    .item img{
        width:90%;
    }
    .item{
        height: 383px;
    }
}
@media screen and (max-width:959px) and (min-width:768px){
    .item{
        height: 275px;
    }
     .item img{
        width:70%;
    }
    .sub-block .sub-title {
        margin-bottom: 30px;
    }
}
@media screen and (max-width:767px) and (min-width:479px){
    .item{
        height: auto;
        padding:20px;
    }
     .item img{
        width:80%;
    }
    .item-left,.item-right{
        float:none;
        width:100%;
        height:50%;
        position: relative;
        margin-bottom:10px;
    }
    .ci,.cz{
        display: block;
        position: relative;
        margin:0 auto;
    }
    .sub-block .sub-title {
        margin-bottom: 20px;
    }
}
@media screen and (max-width:478px){
    .item{
        height: auto;
        padding:20px;
    }
    .sub-block .sub-title {
        margin-bottom: 10px;
    }
     .item img{
        /* height:100%; */
        width:100%;
    }
    .item-left,.item-right{
        float:none;
        width:100%;
        height:50%;
        position: relative;
        margin-bottom:10px;
    }
    .ci,.cz{
        display: block;
        position: relative;
        margin:0 auto;
    }
}