dir{display:block;}
dir>ul{margin:0 -4px; text-align:center; font-size:0;}
dir>ul>li{display:inline-block; margin:4px;}
dir>ul>li>a, dir>ul>li>span{display:block; padding:2px 8px; border-radius:3px; border:1px solid #f0f0f0; font-size:14px;}
dir>ul>li>a.on,
dir>ul>li>a:hover{background:#f20f0f; border-color:#f20f0f; color:#fff;}
dir>ul>li>a.on,
dir>ul>li>a.no{cursor:no-drop;}
@media(max-width:767px){
dir>ul{margin:-3px;}
dir>ul>li{display:inline-block; margin:3px;}
dir>ul>li>a{display:block; padding:0 8px; border-radius:2px;}
}

.newsdetail{padding:58px 0; background:; }
.newsdetail-content{float:left; width:72%; padding-right:58px;}
.newsdetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #e8e8e8; color:#686868;}
.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{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;box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.newslist-item>a{display:block; background:#fff; position:relative; overflow:hidden;}
.newslist-item>a>img{display:block; width:100%;}
.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; text-decoration:none;}
.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;color: #333333;}
.newslist-item>a:hover>span>u>b{transform:translateX(4px); color:#f20f0f;}
.newslist-item>a:hover>span>u>i{transform:translateX(8px);}
.newslist-item>a>div>img{transition: all .5s; min-height:200px;}
.newslist-item>a>div>img:hover{transform: scale(1.1,1.1);}
.newslist-item .image{max-height:200px; max-height:200px; overflow: hidden;}
.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;}
}

article{display:block; max-width:100%; margin:0 auto;}
article:after{display:block; content:''; clear:both;}
article iframe,
article video,
article img{max-width:100%;}
@media(min-width:1200px){
article{padding:0 28px; width:1200px;}
}
@media(max-width:1199px){
article{padding:0 18px;}
}
@media(max-width:767px){
article{padding:0 8px;}
}
@media(min-width:1600px){
article{width:1200px;}
}

.subnav{position:relative; z-index:8; line-height:58px; padding:8px 0; font-size:15px; background:#f8f8f8;}
.subnav-position{float:left;}
.subnav-position>b{float:left; font-weight:normal; color:#686868;}
.subnav-position>a{float:left; padding:0 6px;}
.subnav-position>i{float:left; padding:0 6px; color:#989898; line-height:inherit; font-style:normal;}
.subnav-list{float:right;}
.subnav-list>ul>li{float:left; position:relative;}
.subnav-list>ul>li+li{margin:0 0 0 8px;}
.subnav-list>ul>li>a{display:block; padding:0 14px; font-size:16px; position:relative;}
.subnav-list>ul>li ul{position:absolute; display:none; top:100%; left:0; min-width:128px; padding:12px 0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 2px 8px rgba(0,0,0,.18);}
.subnav-list>ul>li ul>li{line-height:38px;}
.subnav-list li:hover>ul{display:block;}
.subnav-list>ul>li li>ul{top:0; left:100%; box-shadow:2px 2px 8px rgba(0,0,0,.18);}
.subnav-list>ul>li li>a{display:block; padding:0 18px; white-space:nowrap; font-size:14px;}
.subnav-list>ul>li li>a:hover{background:#f8f8f8;}
.subnav-list>ul>li>a.on,
.subnav-list>ul>li li>a.on{color:#f20f0f;}
.subnav-list>ul>li>a.on:before{position:absolute; bottom:0; left:0; right:0; content:''; height:3px; background:#f20f0f;}
@media(max-width:1200px){
.subnav{line-height:38px;}
.subnav-list{display:none;}
}
@media(max-width:767px){
.subnav{line-height:28px; font-size:14px;}
.subnav-position>a{padding:0 4px;}
.subnav-position>i{padding:0 4px;}
}