.sub_bottom_nav{
    background:url(../../images/news/bottom_bg.jpg) no-repeat center center;
}
.news_box{
    padding:50px 0;
}
.news_box>section{
    width:1266px;
    margin:0 auto;
}
.news_item{
    border-bottom:1px dashed #ccc;
    padding:50px 0;
}
.news_item:last-child{
    border-bottom:none;
}
.time-box{
    border-right:2px solid #3da7cf;
    padding-right:16px;
    color:#3da7cf;
}
.time-box h1{
    font-size:60px;
    line-height:70px;
}
.time-box h5{
    font-size:16px;
}
.news_img_box{
    width:410px;
    height:240px;
    margin:0 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.news_item_view{
    width:680px;
}
.news_item_view a{
    display:block;
}
.news_title{
    font-size:26px;
    line-height:26px;
    margin-bottom:30px;
}
.news_item_view span{
    display:block;
    margin-bottom:30px;
}
.news_btn{
    color:#fff;
    background:#3da7cf;
    width:116px;
    height:40px;
    border-radius:5px;
    text-align: center;
    line-height:40px;
    box-sizing: border-box;
}
.news_btn:hover{
    border:1px solid #3da7cf;
    background:#fff;
    color:#3da7cf;
}


.read-front{
    width:1048px;
    margin:0 auto;
    text-align: center;
    padding:35px 0;
}
.read-front h2{
    font-size:32px;
    color:#333;
    line-height:44px;
    margin-top:100px;
    margin-bottom:30px;
}
.read-front span{
    display:block;
    color:#666;
    line-height:32px;
    text-align:left;
}
.read-front ul{
    text-align:center;
}
.read-front ul li{
    display:inline-block;
    padding:10px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #ccc;
    background:#fff;
    margin:20px;
    font-size:14px;
}
.read-front ul li i{
    font-size:20px;
    margin-right:10px;
}

.news-content span,.news-content img{
    display:block;
}
.news-content img{
    margin:20px auto;
}
.news-content span{
    line-height:36px;
}


.bottom-menu{
    width:1280px;
    overflow:hidden;
    margin:50px auto;
    height:50px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.bottom-menu a.left{
    line-height:50px;
    font-size:16px;
}
.bottom-menu a.left:hover{
    color:#3da7cf;
}
.bottom-menu a.left i{
    margin-right:10px;
}
.bottom-menu div.right{
    line-height:50px;
}
.bottom-menu div.right a{
    color:#999;
    font-size:16px;
}
.bottom-menu div.right a:hover{
    color:#3da7cf;
}
.bottom-menu div.right i{
    display:inline-block;
    border-left:1px solid #999;
    border-right:1px solid #999;
    width:4px;
    height:14px;
    margin:0 10px;
    margin-top:2px;
}
.news-tag{
    width:1130px;
    overflow:hidden;
    margin:40px auto;
    margin-bottom:80px;
}
.news-tag h2{
    font-size:26px;
    margin-bottom:20px;
}
.news-tag h2 i{
    margin-right:5px;
}
.news-tag ul li{
    float:left;
    margin-right:20px;
    margin-top:20px;
}
.news-tag ul a{
    display:block;
    padding:16px 20px;
    background:#F5F5F5;
    border:1px solid #3da7cf;
    font-size:16px;
}
.news-tag ul li:last-child a{
    background:#3da7cf;
    border:1px solid #3da7cf;
    color:#fff;
}
.news-tag ul a:hover{
    border-color:#3da7cf;
    background:#3da7cf;
    color:#fff;
}

.page-content{
    text-align:left;
    border-bottom:60px solid #F7F7F7;
}
.page-content>section{
    width:1280px;
    margin:0 auto;
}
.page-content h5{
    text-align: center;
}
@media(max-width:1280px){
    .page-content>section{
        width:90%;
    }
    .bottom-menu{
        width:90%;
    }
}
@media(max-width:1024px){
    .news_box>section{
        width:90%;
    }
    .news_item_view{
        width:100%;
    }
    .news_img_box{
        margin:0;
        margin-left:60px;
        margin-bottom:20px;
    }
    .news_title{
        font-size:18px;
    }
    .read-front{
        width:90%;
    }
    .read-front h2{
        font-size:28px;
    }
    .read-front ul li{
        padding:10px 10px;
    }
    .news-tag{
        width:90%;
    }
}