.news{
        margin: 0 -10px;
    }
    .news .item{
        width: 50%;
        float: left;
        padding: 0 10px;
    }
    .news .item .wrap_item{
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dddddd;
    }
    .news .item .wrap_item .i-image{
        margin-bottom: 15px;
    }
    .news .item .wrap_item .i-image .sub-img{
        position: relative;
        padding-top: 66.764%;
        overflow: hidden;
    }
    .news .item .wrap_item .i-image .sub-img img{
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition: transform 0.5s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        -moz-transition: transform 0.5s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        -o-transition: transform 0.5s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        transition: transform 0.5s cubic-bezier(0.44, 0.185, 0.575, 0.86);
    }
    .news .item .wrap_item:hover .i-image .sub-img img{
        -webkit-transform: translate(-50%,-50%) scale(1.06);
        -moz-transform: translate(-50%,-50%) scale(1.06);
        -o-transform: translate(-50%,-50%) scale(1.06);
        -ms-transform: translate(-50%,-50%) scale(1.06);
        transform: translate(-50%,-50%) scale(1.06);
    }
    .news .item .wrap_item .i-desc{

    }
    .news .item .wrap_item .i-desc .i-title h3 a{
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        color: #333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .news .item .wrap_item:hover .i-desc .i-title h3 a{
        color: #f00;
    }
    .news .item .wrap_item .i-desc .date{
        font-size: 13px;
        color: #cccccc;
        line-height: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .news .item .wrap_item .i-desc .i-content{
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        height: 72px;
        overflow: hidden;
    }

    .date{
        font-size: 14px;
        line-height: 24px;
        color: #999999;
        margin-bottom: 10px;
    }
    .the_content p{
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        margin-bottom: 10px;
        display: block;
        text-align: justify;
    }
    .the_content p.img{
        text-align: center;
    }
    .the_content b{
        font-size: 14px;
        line-height: 24px;
        color: #333333;
        margin-bottom: 15px;
        display: block;
    }
    .the_content h2{
        font-size: 14px;
        line-height: 24px;
        color: #2a2ab1;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 3px;
    }
    .the_content h3{
        font-size: 14px;
        line-height: 24px;
        color: #cf010d;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 15px;
    }
    .the_content .text1{
        color: #556fa6;
        font-weight: 600;
    }
    .the_content .text2{
        font-weight: 700;
    }
    .conmment-facebook{
        margin-bottom: 20px;
    }

    @media screen and (max-width: 480px){
        .news .item{
            width: 100%;
            float: none;
        }
        .news .item .wrap_item .i-desc .i-title h3 a{
            text-overflow: initial;
            overflow: initial;
            white-space: initial;
        }
        .news .item .wrap_item .i-desc .i-content{
            height: initial;
            overflow: initial;
        }
    }