@charset "utf-8";

/*
* description: news CSS
*/

/*
* title
*/
.news-title{padding:0 12px 2px;margin-top:-42px;}
.news-title > h1{float:left;padding:10px;font-size:14px;font-weight:700;line-height:1.42857143;}
.news-mark{display:inline-block;padding:3px 8px;color:#fff;background-color:#0097e6;}

/*
* news home
*/
.news-left,.news-right{position:relative;padding-right:10px;padding-left:10px;}
.news-left{float:left;}
.news-right{float:right;}
@media (min-width:768px){
    .news-left{width:100%;}
    .news-right{display:none;}
}
@media (min-width:992px){
    .news-left{width:716px;}
    .news-right{display:block;width:284px;}
}
@media (min-width:1200px){
    .news-left{width:880px;}
    .news-right{width:320px;}
}

/*
* Latest news
*/
.news-latest-list li{position:relative;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e4e9eb;}
.news-latest-iteam > .works-shadow{top:-1px;right:-11px;bottom:-1px;left:-11px;}
.news-latest-iteam:hover > .works-shadow{opacity:1;}
.news-latest-cover{position:relative;z-index:1;float:left;display:block;width:260px;height:146px;overflow:hidden;background-color:#b1bec5;text-align:center;}
.news-latest-cover > .news-latest-img{width:100%;height:100%;}
.news-latest-des{position:relative;z-index:1;height:146px;padding-left:20px;}
.news-latest-des > h4{padding-bottom:10px;font-size:18px;font-weight:700;line-height:1.33333333;}
.news-latest-des > h4 > a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-latest-des > h4 .news-mark{float:left;height:24px;margin-right:8px;font-size:13px;font-weight:300;line-height:17px;box-sizing:border-box;border-radius:4px;}
.news-latest-des > p{height:72px;overflow:hidden;font-size:14px;line-height:1.7142857;color:#70818b;cursor:default;}
.news-latest-note{height:40px;padding-top:20px;font-size:12px;line-height:1.66666667;color:#70818b;cursor:default;}
.news-latest-note > span{float:left;display:inline-block;padding-right:20px;}
.news-latest-note > span > a{color:#70818b;}
@media (min-width:768px){
    .news-latest-des > h4{max-width:460px;}
}
@media (min-width:992px){
    .news-latest-des > h4{max-width:414px;}
}
@media (min-width:1200px){
    .news-latest-des > h4{max-width:580px;}
}

/*
* hover
*/
.news-latest-note > span > a:hover,.news-hot-iteam > h5 > span > a:hover,.news-hot-iteam:hover > h4 > a,.news-latest-iteam:hover .news-latest-des > h4 a{color:#0097e6;}

/*
* Hot news
*/
.news-hot{width:300px;}
.news-hot-list{position:relative;margin-left:10px;}
.news-hot-list li{position:relative;padding-bottom:20px;padding-left:12px;}
.news-hot-list li.nopb{padding-bottom:0;}
.news-hot-iteam > h4{max-height:40px;padding-bottom:7px;overflow:hidden;font-size:14px;line-height:1.42857143;}
.news-hot-iteam > h5{font-size:12px;line-height:1.5;color:#70818b;cursor:default;}
.news-hot-iteam > h5 > span{display:inline-block;padding-right:12px;}
.news-hot-iteam > h5 > span > a{color:#70818b;}

/*
* dot
*/
.news-hot-iteam > .dot{position:absolute;top:5px;left:-5px;z-index:1;width:8px;height:8px;background-color:#0097e6;-webkit-transition:background .35s ease-in-out;transition:background .35s ease-in-out;}

/*
* hover
*/
.news-hot-iteam:hover > .dot{background-color:#007cdb;}

/*
* news tags
*/
.news-list-tags{padding-bottom:10px;}
.news-list-tags > .news-list-tag{float:left;display:inline-block;height:30px;padding:4px 10px;margin-right:10px;margin-bottom:10px;overflow:hidden;font-size:12px;line-height:1.66666667;color:#70818b;background-color:#f5f8fa;border:1px solid #e4e9eb;white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:4px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
@media (min-width:768px){
    .news-list-tags{width:100%;}
}
@media (min-width:992px){
    .news-list-tags{width:100%;}
}
@media (min-width:1200px){
    .news-list-tags{width:860px;}
}

/*
* hover
*/
.news-list-tags > .news-list-tag:hover{color:#43535c;background-color:#fff;}

/*
* active
*/
.news-list-tags > .news-list-tag.active{color:#fff;background-color:#0097e6;}


.result-highlight {color: #027cdb;}