.newsdetail{padding:58px 0; background:; }
.newsdetail-content{float:left; width:72%; padding-right:58px;font-size:16px;}
.newsdetail-content h1{text-align:center;}
.newsdetail-content img{text-align:center; width:75%;}
.newsdetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;text-align:center;}
.newsdetail-info>b{font-weight:normal;}
.newsdetail-info>i{font-style:normal; padding-right:18px;}
.newsdetail-info>i>a{color:#686868;}
.newsdetail-info>i>a:hover{color:#f20f0f;}
.newsdetail-content>aside{padding-bottom:38px;}
.newsdetail-content>aside>p+p{margin-top:8px;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
.newsdetail-content>dir>dl{padding:6px 0;}
.newsdetail-content>dir>dl:after{display:block; content:''; clear:both;}
.newsdetail-content>dir>dl>dt{float:left; margin-right:8px;}
.newsdetail-content>dir>dl>dt>b{font-weight:normal; color:#989898;}
.newsdetail-content>dir>dl>dd{float:left;} 
.newsdetail-content>dir>dl>dd>i{font-style:normal;}
.newsdetail-tags{padding:0 0 18px 0;}
.newsdetail-tags>a{display:inline-block; border:1px solid #e8e8e8; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.newsdetail-tags>a:hover{color:#fff; background:#f20f0f;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recommend{float:left; width:28%;}
.newsdetail-recommend h2{margin-bottom:28px;}
.newsdetail-recommend h2:after{display:block; width:48px; height:3px; margin-top:8px; content:''; background:#f20f0f;}
.newsdetail-recommend ul{display:block;}
.newsdetail-recommend ul>li{border-bottom:1px solid #e8e8e8; margin-top:18px; padding-bottom:18px;}
.newsdetail-recommend ul>li>a{display:block; font-size:16px;}
.newsdetail-recommend ul>li>u{display:block; text-decoration:none; margin-top:8px; color:#686868;}
.newsdetail-recommend ul>li>u>b{font-weight:normal;}
.newsdetail-recommend ul>li>u>i{font-style:normal; padding-right:18px;}
@media(max-width:1200px){
.newsdetail{padding:38px 0;}
.newsdetail-content{float:none; width:100%; padding:0 0 38px 0;}
.newsdetail-recommend{float:none; width:100%;}
}
@media(max-width:767px){
.newsdetail{padding:18px 0;}
.newsdetail-info{margin:12px 0 18px 0;}
.newsdetail-content>h1{font-size:20px;}
.newsdetail-content>aside{padding-bottom:18px;}
.newsdetail-recommend h2{margin-bottom:18px;}
.newsdetail-recommend ul>li{margin-top:12px; padding-bottom:12px;}
.newsdetail-recommend ul>li>u{margin-top:4px;}
}
.newslist{padding:40px 0; background:;}
.newslist-content{display:block; margin:0 -18px;}
.newslist-content:after{display:block; content:''; clear:both;}
.newslist-item{float:left; width:33.333%; padding:18px;}
.newslist-item>a{display:block; background:#fff; border:1px solid #e8e8e8; position:relative; overflow:hidden;}
.newslist-item>a>img{display:block; width:100%;height: 328px;object-fit: cover;}
.newslist-item>a>span{display:block; padding:18px;}
.newslist-item>a>span>h3{display:block; height:24px; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist-item>a>span>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.newslist-item>a>span>u{display:inline-block; height:21px; margin-top:16px; color:#f20f0f;}
.newslist-item>a>span>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.newslist-item>a>span>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.newslist-item>a>span>ins{float:right; text-align:center; transition:.4s; margin-left:18px; color:#fff; background:#f20f0f;}
.newslist-item>a>span>ins>i{font-style:normal; display:block; font-size:28px;}
.newslist-item>a>span>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.newslist-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.newslist-item>a:hover>span>u>b{transform:translateX(4px); color:#f20f0f;}
.newslist-item>a:hover>span>u>i{transform:translateX(8px);}
.newslist dir{padding:14px 0;}
@media(max-width:1400px){
.newslist{padding:48px 0;}
.newslist-content{margin:0 -10px;}
.newslist-item{padding:10px;}
.newslist dir{padding:10px 0;}
}
@media(max-width:1200px){
.newslist-item{width:50%;}
}
@media(max-width:992px){
.newslist{padding:38px 0;}
.newslist-content{margin:0 -8px;}
.newslist-item{padding:8px;}
.newslist dir{padding:8px 0;}
}
@media(max-width:767px){
.newslist{padding:18px 0;}
.newslist-content{margin:0;}
.newslist-item{padding:4px; width:100%;}
.newslist-item>a>span{padding:12px;}
.newslist-item>a>span>ins>u{font-size:12px;}
}

.layout {width:100%}
.bg-gray{}
.container{margin:0 auto;padding:0 10px}
.line {margin:0;padding:0}
.x12{position:relative;min-height:1px}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:16px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#ff9600;left:0}
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.tag{display:inline-block;transition:.5s}
.tag.padding{padding:5px 12px}
.tags{ border: 1px solid #ff9600!important; background-color: unset;}
.bg-yellow{background-color:#ff9600;color:#fff;}
.radius-rounded {border-radius:2em;padding-left:1em;padding-right:1em}
.margin-bottom {margin-bottom:10px}
.padding {padding:10px}