.articlelist-liststyle20 .fix {
    font-family: Arial,"Hanken-Light", Verdana
}

.articlelist-liststyle20 .fix li {
    padding           : 30px;
    margin-bottom     : 40px;
    position          : relative;
    background        : #fff;
    transition        : all .5s;
    -webkit-transition: all .5s
}

.articlelist-liststyle20 .fix li .pic {
    position: absolute;
    left    : 30px;
    top     : 30px;
    display : block;
    width   : 40%;
    height: 275px;
    font-size:0;
    line-height: 275px;
    text-align: center;
}

.articlelist-liststyle20 .fix li .pic img {
    max-width    : 100%;
    display  : inline-block;
    max-height: 100%;
    vertical-align: middle;
}

.articlelist-liststyle20 .fix li .con {
    padding-left: 50%;
    height      : 276px
}

.articlelist-liststyle20 .fix li .tt {
    display    : block;
    height     : 48px;
    line-height: 24px;
    color      : #1a1a1a;
    font-size  : 14px;
    font-family: Arial,"Hanken-Book";
    margin     : 20px 0 8px 0
}

.articlelist-liststyle20 .article-column-links {
    overflow       : hidden;
    text-decoration: none;
    color          : #1a1a1a;
    font-size      : 16px
}

.articlelist-liststyle20 .tt a:hover {
    color             : #2868e9;
    transition        : all .5s;
    -webkit-transition: all .5s
}

.articlelist-liststyle20 .fix li .date {
    height     : 30px;
    line-height: 30px;
    color      : gray;
    font-size  : 12px
}

.articlelist-liststyle20 .fix li .date .time {
    padding-right: 42px
}

.articlelist-liststyle20 .fix li .date .icon {
    margin: 0 10px 0 0
}

.articlelist-liststyle20 .con .text {
    line-height: 24px;
    height     : 72px;
    margin     : 20px 0 25px 0
}

.articlelist-liststyle20 a.more {
    display    : block;
    color      : #28429a;
    height     : 35px;
    font-family: Arial,"Hanken-Book";
    line-height: 35px
}

.articlelist-liststyle20 .fix li .more span {
    font-size: 18px
}

.articlelist-liststyle20 .fix li:nth-child(even) .pic {
    left : auto;
    right: 30px;
    top  : 30px
}

.articlelist-liststyle20 .fix li:nth-child(even) .con {
    padding: 0 50% 0 0
}

.articlelist-liststyle20 .fix li:hover {
    box-shadow        : 0 0 10px rgba(0, 0, 0, .2);
    transition        : all .5s;
    -webkit-transition: all .5s
}

.articlelist-liststyle20 .fix li:hover .more {
    -webkit-transform : translateX(5px);
    transform         : translateX(5px);
    transition        : all .5s;
    -webkit-transition: all .5s
}

.articlelist-liststyle20 .clm3 {
    -webkit-line-clamp: 3
}

.articlelist-liststyle20 .btnHover:hover {
    opacity           : .9;
    transition        : all .5s;
    -webkit-transition: all .5s
}

.articlelist-liststyle20 .textOverClm {
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.articlelist-liststyle20 .fwnormal,
.articlelist-liststyle20 .article-column-categorys-title {
    color    : #1a1a1a;
    font-size: 16px
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .articlelist-liststyle20 .fix li:nth-child(even) .con {
        padding: 0 50% 0 0
    }

    .articlelist-liststyle20 .fix li .pic {
        width: 40%
    }

    .articlelist-liststyle20 .fix li .con {
        padding-left: 50%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .articlelist-liststyle20 .fix {
        padding: 0 40px
    }

    .articlelist-liststyle20 .fix li .pic {
        position: relative;
        top     : auto;
        left    : auto;
        right   : auto;
        width   : 100%;
        height: auto;
    }
    .articlelist-liststyle20 .fix li .pic img{
        display: block;
        max-width:100%;
        width:100%;
        max-height: auto;
    }

    .articlelist-liststyle20 .fix li .con {
        padding: 0
    }

    .articlelist-liststyle20 .fix li:nth-child(even) .pic {
        top  : auto;
        left : auto;
        right: auto
    }

    .articlelist-liststyle20 .fix li:nth-child(even) .con {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .articlelist-liststyle20 .fix {
        padding: 0 10px
    }

    .articlelist-liststyle20 .fix li {
        padding: 10px
    }

    .articlelist-liststyle20 .fix li .pic {
        position: relative;
        top     : auto;
        left    : auto;
        right   : auto;
        width   : 100%;
        height: auto;
    }


    .articlelist-liststyle20 .fix li .pic img {
        display: block;
        max-width:100%;
        width:100%;
        max-height: auto;
        height: auto !important
    }

    .articlelist-liststyle20 .fix li .con {
        padding: 0
    }

    .articlelist-liststyle20 .fix li:nth-child(even) .pic {
        top  : auto;
        left : auto;
        right: auto
    }

    .articlelist-liststyle20 .fix li:nth-child(even) .con {
        top    : auto;
        left   : auto;
        right  : auto;
        padding: 0
    }
}