.newsbanner{

    text-align:center;

    padding:4.2% 0 5.6%;

}

.newsbanner h1{

    font-size: 3em;

    line-height: 1.2;

    margin-bottom:0.5em;

}

.newsbanner p{    

    font-size: 1.125em;

    line-height: 1.5;

}



.sec1{

    margin-bottom:5.6%;

}

.sec1 .inner{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    flex-direction:row;

}

.sec1 .left-part{

    width:21%;

}

.sec1 .left-part a{

    display:block;

    border:1px solid #aaa;

    padding:0 0.75em;

    height:3em;

    line-height:3;

    margin-bottom:1.125em;

}

.sec1 .left-part a:last-child{

    margin-bottom:0;

}

.sec1 .left-part a.active{

    border-color:#000;

}

.sec1 .right-part{

    width:77.4%;

}

.sec1 .right-part li{

    margin-bottom:6.5%;

    display:flex;

    align-items:stretch;

    justify-content:flex-start;

    flex-direction:row;

}

.sec1 .right-part li:last-child{

    margin-bottom:0;

}

.sec1 .right-part .img-box{

    width:23.68%;

    margin-right:1.72%;

    overflow:hidden;

    flex-shrink:0;

}

.sec1 .right-part .img-box img{

    transition:transform 0.5s;

}

.sec1 .right-part .text-box{

    display:flex;

    align-items:stretch;

    justify-content:space-between;

    flex-direction:column;

    line-height: 1.5;

}

.sec1 .right-part .text-box h3{

    font-size: 1.5em;

    margin-bottom:0.125em;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.sec1 .right-part .text-box h5{

    font-size: 1.125em;

    color: #666666;

    font-weight:normal;

}

.sec1 .right-part .text-box p{    

    font-size: 0.875em;

    color: #666666;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

@media only screen and (min-width:1025px){

    .sec1 .left-part a:hover{

        border-color:#000;

    }

    .sec1 .right-part .img-box:hover img{

        transform:scale(1.1);

    }

}

@media only screen and (max-width:1024px){

    .newsbanner{

        padding:8% 0;

    }

    .newsbanner h1{

        margin-bottom:0.3125em;

    }

    .newsbanner p{    

        font-size: 1.875em;

    }



    .sec1{

        margin-bottom:0;

    }

    .sec1 .inner{

        display:block;

    }

    .sec1 .left-part{

        width:100%;

        padding: 1.25em 0;

        overflow-x: auto;

        white-space: nowrap;

    }

    .sec1 .left-part a{

        font-size: 1.75em;

        display:inline-block;

        padding:0;

        height:2.5em;

        line-height:2.5;

        margin-bottom:0;

        margin-right: 2em;

        border:0 none;

        border-bottom: 1px solid transparent;

        opacity: 0.5;

    }

    .sec1 .left-part a:last-child{

        margin-right:0;

    }

    .sec1 .left-part a.active{

        opacity: 1;

    }

    .sec1 .right-part{

        width:100%;

    }

    .sec1 .right-part li{

        margin-bottom:0;

        display:block;

        padding: 3.75em 0;

        border-bottom: 1px solid #aaa;

    }

    .sec1 .right-part li:first-child{

        border-top: 1px solid #aaa;

    }

    .sec1 .right-part .img-box{

        width:100%;

        margin-right:0;

        margin-bottom: 2.25em;

        display: block;

    }

    .sec1 .right-part .text-box{

        display:block;

    }

    .sec1 .right-part .text-box h3{

        font-size: 2.5em;

        margin-bottom:0.75em;

        text-overflow: unset;

        overflow: unset;

        -webkit-line-clamp: initial;

        display: block;

        -webkit-box-orient: horizontal;

    }

    .sec1 .right-part .text-box h5{

        font-size: 2.25em;

    }

    .sec1 .right-part .text-box p{

        display: none;

    }

}