body{background-color: #F6F8FA; }
::selection {color: #fff; background: #ff8f1c;}
a:hover,a.active,a:focus {color: #ff8f1c;text-decoration: none;transition: 0.5s ease-in-out;}
a:hover {text-decoration: none;color: #ff8f1c;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; }

.breadcrumb{margin: 25px auto 20px;font-size: 14px}
.breadcrumb span{color: #006EE6}
.main-box .main-box-left{width: 295px}
.main-box .main-box-right{width:calc(100% - 315px)}
.main-box .main-box-left .title{display: flex; align-items:center;height: 60px;padding: 20px;font-size: 22px;color: #111;font-family: 'SourceHanSansCN-Regular';border-bottom: 1px solid #E7E7E7;font-weight: bold}
.main-box .main-box-left .item{background-color: #fff;margin-bottom: 22px}
.new-nav-list .new-nav{display: block;height: 56px;display: flex; align-items:center; justify-content:center;font-family: 'SourceHanSansCN-Regular';font-size: 18px}
.new-nav-list .new-nav.active{background-color: #FF8F1C;color: #fff}
.new-nav-list .new-nav:hover{background-color: #FF8F1C;color: #fff}

.tag-list{padding: 20px 30px;box-sizing: border-box}
.tag-list .items{position: relative;display: inline-block;cursor: pointer;min-width: calc(50% - 15px);height: 36px;margin-bottom: 20px}
.tag-list .items:nth-of-type(odd) {margin-right: 20px;}
.tag-list .items .triangle{display: inline-block;width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 20px solid #f0f0f0;top: 13px;left: 4px;position: relative;transition: all .4s}
.tag-list .items i{display: inline-block;width: 5px;height: 5px;border-radius: 100%;background-color: #fff;position: absolute;left: 15px;top: 29px}
.tag-list .items .text{font-size:14px;height: 36px;line-height: 36px;;background-color:#f0f0f0;display: inline-block;padding: 0 12px;color: #999;transition: all .4s ;min-width: calc(100% - 23px);}

.tag-list .items.active .triangle{border-right: 20px solid #ff8f1c;}
.tag-list .items.active .text{background-color: #ff8f1c; color: #fff}
.tag-list .items:hover .triangle{border-right: 20px solid #ff8f1c;}
.tag-list .items:hover .text{background-color: #ff8f1c; color: #fff}
.main-box-right .new-list .item{padding: 20px;box-sizing: border-box;background-color: #fff;position: relative;margin-bottom: 20px}
.main-box-right .new-list .img{width: 160px;overflow: hidden}
.main-box-right .new-list .img img{display:block;width: 100%}
.main-box-right .new-list .item .cont{width: calc(100% - 180px);position: relative}
.main-box-right .new-list .item .tit a{font-size: 18px;color: #222;margin-bottom: 20px;word-break:break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-weight: 600;}
.main-box-right .new-list .item .tit a:hover{color:#ff8f1c}
.main-box-right .new-list .item .text a{white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;font-size: 14px;font-size: 1.4rem;}
.main-box-right .new-list .item .text a:hover{color:#ff8f1c}
.main-box-right .new-list .item .cont .detail{position: absolute;left: 0;bottom: 0 ;color: #FF8F1C;font-size: 13px}
.main-box-right .new-list .item .cont .detail img{display: inline-block;margin-left: 10px;height: 14px;position: relative;top: -1px}
.main-box-right .new-list .item:hover {-webkit-box-shadow: 0px 8px 15px 0px rgba(7, 0, 2, 0.08); box-shadow: 0px 8px 15px 0px rgba(7, 0, 2, 0.08); }



.main-box-right .detail-box .title{font-size: 22px;text-align: center;color: #111111;margin-bottom: 30px}
.main-box-right .detail-box .time{color: #666666;font-size: 14px;text-align: center}
.main-box-right .detail-box .cont{line-height: 1.8;font-size: 18px;margin-top: 45px}
.main-box-right .detail-box .cont img{margin: 40px auto;display: block;max-width: 100%}
.main-box-right .detail-box .oths{padding-top: 25px;border-top: 1px dashed #333333;margin-top: 75px}
.main-box-right .detail-box .oths .tag{margin-right:12px;width: 70px;height: 25px;display: inline-block;display: flex; align-items:center; justify-content:center;border: 1px solid #666666; }
.main-box-right .detail-box .oths p{font-size: 14px; display: flex;display:-webkit-flex;justify-content: start;flex-wrap: wrap;align-items:center;margin-bottom: 12px }
.pagination{text-align: center}
.pagination .pagination-item{padding: 5px 8px;border: 1px solid #E5E5E5;background-color: #fff;min-width: 30px;margin-right:5px}
.pagination .pagination-item.active{border: 1px solid #0077C8;background-color: #0077C8;color: #fff}
.pagination .pagination-item:hover{border: 1px solid #0077C8;background-color: #0077C8;color: #fff}

.bot-new{margin-top: 100px}
.bot-new .title{display: flex; align-items:center;height: 60px;padding: 20px;font-size: 22px;color: #111;font-family: 'SourceHanSansCN-Regular';border-bottom: 1px solid #E7E7E7;font-weight: bold}
.bot-new .new-list{padding: 25px 0}
.bot-new .item{background-color: #fff;margin-bottom: 22px;width: calc(100% / 3 - 20px)}
.bot-new .item .new{font-size: 18px;margin-bottom: 20px;font-family: 'SourceHanSansCN-Regular';display: block;padding-left: 40px;position: relative; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis;}
.bot-new .item .new:before{content: '';width:10px;height: 10px;border-radius: 50%;background-color: #CCCCCC;position: absolute;left:20px;top: 8px }
.bot-new .item .new:last-child{margin-bottom: 0}
@media screen and (max-width:991px) {
    .main-box .main-box-left{width: 100%}
    .main-box .main-box-right{width: 100%}
    .new-nav-list .new-nav{height: 30px;font-size: 14px}
    .main-box .main-box-left .title {height: 40px;padding: 10px;font-size: 18px;}
    .tag-list .items .text{height: 28px;line-height: 28px}
    .tag-list .items{min-width: unset}
    .tag-list{padding: 10px}
    .main-box-right .new-list .item{padding: 10px;margin-bottom: 10px}
    .main-box-right .new-list .item .tit a{font-size: 16px;margin-bottom: 10px}
    .bot-new{margin-top: 40px}
    .bot-new .title{height: 40px;padding: 10px;font-size: 18px;}
    .bot-new .new-list{padding: 10px 0;}
    .bot-new .item .new{font-size: 14px;margin-bottom: 10px;padding-left: 20px;}
    .bot-new .item .new:before{ width: 5px;height: 5px;left: 8px;top: 7px; }
    .bot-new .item {width: calc(100% / 3 - 5px);}
    .tag-list .items:nth-of-type(odd){margin-right: unset;}
    .main-box-right .new-list .img{width: 120px}
    .main-box-right .new-list .item .cont{width: calc(100% - 130px);}
    .tag-list .items i{top: 19px}
    .tag-list .items .triangle { top: 9px;border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 20px solid #f0f0f0;}
    .main-box-right .detail-box .title{font-size: 18px;margin-bottom: 10px}
    .main-box-right .detail-box .cont{margin-top: 30px}
    .main-box-right .detail-box .oths {padding-top: 10px;margin-top: 30px;}
}
@media (max-width: 580px){
    .bot-new .item{width: 100%}
    .main-box-right .new-list .item .tit a{font-size: 14px}
}