.banner img{width: 100%;}


.news{padding: 120px 0;}
.news .title{margin-bottom:50px; position: relative;}
.news .title a{position:absolute; display:inline-block; top: 20px; right: 0; font-size: 1.4rem;}
.news .title strong{color:#003da6; font-size: 3.2rem; font-weight: 800;}
.news .title h2{font-size:2.8rem; position:absolute; top:18px; left:20px; margin: 0;}
.news .news-list{width: 45%; margin: 20px; float: left; display: block; position: relative; overflow: hidden; background: #f1f1f1;}
.news .news-list:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.news .news-list a{position: relative; display: block}
.news .news-list .img{position:relative; overflow: hidden; text-align: center;}
.news .news-list .img img{width:100%;}
.news .news-list .img .img-bg{background:rgba(214,44,57,0.7); top:0; left:0; opacity:0; width:100%; height:100%; position:absolute; display: none;}
.news .news-list:hover .img .img-bg{opacity:1}
.news .news-list .tag{background:rgba(214,44,57,0.8); color:#fff; position:absolute; display:inline-block; top:5px; right:5px; font-size:1.4rem; padding:5px 8px; border-radius: 3px;}
.news .news-list .info{padding:40px 50px; position: absolute; bottom: -123px; left: 0; width: 100%; min-height: 120px; background: rgba(255,255,255,0.8);}
.news .news-list:hover .info{bottom: 0; background: rgba(255,255,255,0.9);}
.news .news-list .info h5{font-weight: 600; color: #333333 !important; font-size: 2rem; margin-bottom: 20px;}
.news .news-list .info h5,.news .news-list .info p{color: #999; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list .info p{font-size: 1.6rem; margin-bottom: 30px;}
.news .news-list span{width:24px; height:2px; background:#d62c39; display:block; margin-top:15px;}
.news .news-list .info a{color:#d62c39; font-size:1.4rem; display: block}

.details{background: url(../news/banner.jpg) no-repeat center center; min-height: 400px;}
.details h1{font-size: 4rem; text-align: center; padding: 180px; line-height: 6rem}
.details-box{padding: 80px 0;}
.details-box .row{margin: 0 auto; width: 1000px;}
.details-box p{padding: 30px 0; line-height: 3rem; font-size: 1.6rem}
.details-box img{margin-bottom: 20px; width: 100%;}

.news-details .info{position: relative;}
.news-details .info .left{font-size: 1.6rem; color: #666; line-height: 28px;}
.news-details h1{font-size: 3.6rem; font-weight: 600; color: #000; margin-bottom: 30px; text-align: center;}



@media (max-width: 1199px){
    .news{padding: 60px 0}
    .news .row{padding: 0 80px;}
    .news .news-list{width: 100%; margin: 0 auto 30px;}

    .details{min-height: 180px;}
    .details h1{padding: 80px; font-size: 3rem}
    .details-box .row{padding: 0 50px; width: 100%}
    .details-box .row img{width: 100%; margin: 0}
}

@media only screen and (max-width: 480px){
    .news .row{padding: 0 30px;}

    .news .news-list .info{padding: 20px; bottom: -113px}
    .news .news-list .info h5{font-size: 1.8rem}

    .details{min-height: 180px;}
    .details h1{padding: 50px; font-size: 2rem; line-height: 3rem}
    .details-box .row{padding: 0 30px;}
    .details-box p{padding: 5px 0}
}