.article-banner{
    width: 100%;height: 626px;
}
.article-main{
    background: #f1f1f1;
}
.article-main-slide{
    width: 100%;
}
.article-main-slide .slide-item{
    display: flex;display: -webkit-flex;
}
.article-main-slide .slide-item .item-thumb{
    flex: 0 0 700px;height: 420px;
}
.article-main-slide .slide-item .item-thumb img.img{
    width: 100%;height: 100%;
}
.article-main-slide .slide-item .item-content{
    padding: 0 60px;flex: 1;background: white;
}
.article-main-slide .slide-item .item-content .title{
    font-size: 26px;line-height: 50px;padding: 50px 0 0 0;
}
.article-main-slide .slide-item .item-content .date{
    font-size: 14px;line-height: 30px;background: url('../images/icon@10.png') no-repeat left center;padding: 0 0 0 30px;
    margin: 20px 0 0 0;
}
.article-main-slide .slide-item .item-content .text{
    line-height: 30px;font-size: 14px;padding: 40px 0 0 0;
}
.article-main-slide .slide-item .item-content .more{
    padding: 40px 0 0 0;
}
.article-main-slide .slide-item .item-content .more .icon{
    display: inline-block;width: 44px;height: 44px;background: #aab1bc;line-height: 44px;text-align: center;border-radius: 50%;color: white;
    font-size: 20px;text-decoration: none;
}
.article-main-slide .article-slide-pagination{
    text-align: center;padding: 30px 0;
}

.article-main-list{
    padding: 30px 0 0 0;overflow: hidden;
}
.article-main-list .list-item{
    float: left;width: 436px;text-decoration: none;text-decoration: none;color: #333;background: white;
	margin: 0 46px 20px 0;
    transition: all .3s ease;
}
.article-main-list .list-item:hover{
    transform: translateY(-10px);box-shadow: 0 0 10px #ccc;
}
.article-main-list .list-item:nth-child(3n+3){
    margin: 0;
}
.article-main-list .list-item .item-thumb{
    width: 100%;height: 290px;overflow:hidden;
}
.article-main-list .list-item .item-thumb img{
    width: 100%;height: auto;
}
.article-main-list .list-item .item-content{
    padding: 20px;
}
.article-main-list .list-item .item-content .title{
    font-size: 20px;line-height: 30px;height: 60px;overflow: hidden;
}
.article-main-list .list-item .item-content .text{
    line-height: 30px;font-size: 14px;height: 60px;overflow: hidden;padding: 20px 0 0 0;
}
.article-main-list .list-item .item-content .date{
    font-size: 14px;line-height: 30x;padding: 0 0 0 30px;background: url('../images/icon@10.png') no-repeat left center;margin: 20px 0;
}
.article-detail-bg{
    background: #f1f1f1;
}
.article-detail-main{
    padding: 10px 0 60px 0;
}
.article-detail-content{
    background: white;width: 1060px;float: left;
}
.article-detail-content .content-title{
    font-size: 24px;line-height: 50px;color: #ff4200;padding:40px 0 0 0;text-align: center;
}
.article-detail-content .content-info{
    font-size: 12px;line-height: 30px;text-align: center;
}
.article-detail-content .content-info span{
    display: inline-block;padding: 0 0 0 20px;color: #999;margin: 0 15px;
}
.article-detail-content .content-info span.date{
    background: url('../images/icon@11.png') no-repeat left center;
}
.article-detail-content .content-info span.hits{
    background: url('../images/icon@12.png') no-repeat left center;padding: 0 0 0 25px;
}
.article-detail-content .content-hr{
    width: 75px;height: 1px;background: #ff4200;margin: 40px auto;
}
.article-detail-content .content-video{
    margin: 0 110px 30px;overflow: hidden;
}
.article-detail-content .content-detail{
    padding: 0 110px 30px;overflow: hidden;font-size: 14px;line-height: 30px;
}
.article-detail-content .content-detail img{
    max-width: 100%;
}
.article-detail-navigation{
    border-top: 1px #f1f1f1 solid;display: flex;display: -webkit-flex;
}
.article-detail-navigation a.link{
    flex: 0 0 50%;text-align: center;box-sizing: border-box;line-height: 80px;font-size: 14px;text-decoration: none;
}
.article-detail-navigation a.link:hover{
    background: #ff4200;color: white;
}
.article-detail-right{
    width: 300px;float: right;background: white;
}
.article-detail-right .detail-new-title{
    display: flex;display: -webkit-flex;justify-content: space-between;line-height: 40px;padding: 0 15px;
    background: #e8e8e8;
}
.article-detail-right .detail-new-title .title{
    background: url('../images/icon@13.png') no-repeat left center;padding: 0 0 0 30px;
}
.article-detail-right .detail-new-title .more{
    font-size: 12px;color: #ff4200;
}
.article-detail-right .new-article-item{
    padding: 15px;overflow: hidden;
}
.article-detail-right .new-article-item .item-thumb{
    width: 100%;height: 185px;
}
.article-detail-right .new-article-item .item-thumb img.img{
    width: 100%;height: 100%;
}
.article-detail-right .new-article-item .item-title{
    padding: 20px 0 10px 0;border-bottom: 1px #eee solid;
}
.article-detail-right .new-article-item .item-title a{
    color: #ff4200;
}
.article-detail-right .new-article-item .item-content{
    line-height: 24px;color: #666;padding: 20px 0;
}
