.news-media{
    padding: 60px 0 80px;
    background: #f2f2f2;
}

.news-media-l{
    float:left;
}

.news-media-r{
    float:left;
    position: absolute;
    right:0;
    top:0;
    height:100%;
}

.news-media-r dl{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width:73%;
}
.news-media-r dl dt{
    font-size:14px;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
}
.news-media-r dl dd p{
    font-size:12px;
    line-height: 1.5em;
    margin-bottom: 30px;
}
.news-media-r dl dd span{
    display: block;
    margin-bottom: 0.5em;
    font-size:14px;
}

.news-media-header{
    margin-bottom: 58px;
}

.news-media-wrap ul{
    padding-bottom: 20px;
}

.news-media-header,.news-media-wrap li{
    position: relative;
    overflow: hidden;
    width:100%;
    margin-bottom: 40px;
}

.news-media-header .news-media-l{
    width:50%;
}
.news-media-header .news-media-l img{
    width:100%;
    height:auto;
}

.news-media-header .news-media-r{
    width:50%;
    background: url(/images/news_right.jpg) no-repeat;
    background-size:100% 100%;
}
.news-media-header .news-media-r dl{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width:73%;
}
.news-media-header .news-media-r dl dt{
    font-size:14px;
    line-height: 1.3em;
    font-weight: bold;
}
.news-media-header .news-media-r dl dt a{
    color:#fff!important;
}
.news-media-header .news-media-r dl dd p{
    color:#fff;
}
.news-media-header .news-media-r dl dd span{
    color:#fff;
}

.news-media-wrap li .news-media-l{
    width:41.4%;
}
.news-media-wrap li .news-media-l img{
    width:100%;
    height:auto;
}

.news-media-wrap li .news-media-r{
    width:55.4%;
    right:3.2%;
}

.news-media-wrap li .news-media-r dl{
    width:82.8%;
}

.news-media-wrap li .news-media-r dl dd span{
    color:#cc0000;
}



/*news-magazine*/
.news-magazine ul{
    margin:0 -16px;
    padding-bottom: 20px;
}

.news-magazine li{
    width:25%;
    float:left;
    margin-bottom: 30px;
}

.news-magazine li:nth-child(4n+1){
	clear: both;
}

.news-magazine li dl{
    line-height: 24px;
    text-align: center;
}
.news-magazine li dt{
    font-size:16px;
    color:#000;
}

.news-magazine li dd{
    font-size:14px;
    color:#cc0000;
}

.news-magazine-inner{
    margin:0 16px;
}

.news-magazine-inner img{
    width:100%;
    height:auto;
}

.news-magazine-inner > a{
    display: block;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    padding:3px;
    margin-bottom: 16px;
}
.news-zb-tab{
    text-align: center;
    margin-bottom: 50px;
}
.news-zb-tab span{
    width:200px;
    height:50px;
    display: inline-block;
    color:#ac0000;
    border:1px solid #ac0000;
    background: #fff;
    position: relative;
    font-size:16px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.news-zb-tab span.on{
    color:#fff;
    border:1px solid #fff;
    background: #ac0000;
}
.news-zb-tab span a{ display: block; color:#ac0000;}
.news-zb-tab span.on a{color:#fff!important;}
.news-zb-tab span.on:after{
    display: block;
    content:"";
    position: absolute;
    width:0;
    height:0;
    border:6px solid transparent;
    border-top:6px solid #ac0000;
    bottom:-12px;
    left:50%;
    margin-left: -6px;
}

.news-zb-wrap-part li{
    margin-bottom: 28px;
    padding-bottom: 26px;
    border-bottom:1px solid #c7c7c7;
}

.news-zb-txt{
    font-size:14px;
    color:#000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:80%;
    display: inline-block;
    margin-bottom: 1em;
}

.news-zb-arr{
    display: block;
    float:right;
    width:15px;
    height:11px;
    background: url(/images/news_arr.png) no-repeat;
}

.news-zb-wrap-part li span{
    color:#cc0000;
    display: block;
    font-size:14px;
    font-family: Arial;
}

.news-zb-wrap-part{
    display: none;
}

.news-zb-wrap-part.on{
    display: block;
}


@media (min-width:1025px){
    .news-media-header .news-media-r dl dt a:hover{
        color:#efeff4;
    }
}

@media (max-width:1366px) {
    .news-media {
        padding: 40px 0 50px;
    }
}

@media (max-width:1024px) {
    .news-media {
        padding: 30px 0 40px;
    }
}

@media (max-width:767px) {
    .news-media {
        padding: 20px 0 20px;
    }
    .news-media-header .news-media-l{
        width:100%;
    }
    .news-media-header .news-media-r{
        width:100%;
    }

    .news-media-r{
        position: relative;
    }

    .news-media-header .news-media-r dl{
        position: relative;
        width:100%;
        left:0;
        top:0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        padding: 20px;
        box-sizing: border-box;
    }

    .news-media-r dl{
        position: relative;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        left:0;
        top:0;
        padding:0 20px;
    }
    .news-media-wrap li{
        margin-bottom: 20px;
    }
    .news-media-wrap li .news-media-r{
        right:0;
        width:58.6%;
    }

    .news-media-wrap li .news-media-r dl{
        width:100%;
    }
    .news-media-r dl dt{
        margin-bottom: 0.5em;
    }
    .news-media-r dl dt a{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width:100%;
        display: inline-block;
    }

    .news-media-r dl dd p{
        height:3em;
        overflow: hidden;
        margin-bottom: 1em;
    }

    .news-media-wrap li .news-media-r dl dd span{
        font-size:12px;
    }

    .news-magazine li{
        width:50%;
    }
    .news-magazine li:nth-child(2n+1){
    	clear: both;
    }

    .news-zb-tab span{
        width:120px;
        height:40px;
        line-height: 40px;
    }

    .news-zb-tab{
        margin-bottom: 20px;
    }

    .news-zb-txt{
        margin-bottom: 10px;
    }

    .news-zb-wrap-part li{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}