body{background:#f8faff}
.sbanner{ background: linear-gradient(to right,#3d97ff 50%, #487aff 50%);}
.sbanner .w1400{margin: 0 auto;height:100%;position:relative}
.sbanner .news-bt{position:absolute;top:115px;left:0;color:#616a84}
.sbanner .news-bt h4{font-size:36px;color:#fff;font-weight:400}
.main{margin:0 auto;padding-bottom:40px}
.nav-links{padding:15px 0 15px 9%}
.nav-links a{display:inline-block;font-size:16px;width:90px;text-align:center;margin-right:36px}
.nav-links a:after{content:".";display:block;width:20px;height:0;position:relative;left:35px;top:4px;overflow:hidden;font-size:0}
.nav-links a:hover,.nav-links a.cur{color:#399eff}
.nav-links a.cur:after{border-top:3px solid #399eff}
.hide-curpos{position:absolute;bottom:0;left:0;z-index:-11}
.cur-pos{padding:16px 0}

.home-icon{display:inline-block;width:16px;height:16px;vertical-align:-2px;background:url("../images/seo_article_icons.png") 0 0 no-repeat}
.hot-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:3px;background:url("../images/seo_article_icons.png") 0 -73px no-repeat}
.tj-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:3px;background:url("../images/seo_article_icons.png") 0 -95px no-repeat}
.author-icon{display:inline-block;width:16px;height:18px;vertical-align:-3px;margin-right:3px;background:url("../images/seo_article_icons.png") 0 -17px no-repeat}
.clock-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:3px;background:url("../images/seo_article_icons.png") 0 -37px no-repeat}
.view-icon{display:inline-block;width:20px;height:16px;vertical-align:-2px;margin-right:3px;background:url("../images/seo_article_icons.png") 0 -54px no-repeat}
.news-content{width:70%;padding:2%;background:#fff;box-shadow:0 0 20px 4px #eee;-webkit-box-shadow: 0 0 20px 4px #eee;border-radius:6px}
.news-content .list li{margin-bottom:4%}
.news-content .list li a{display:flex;align-items:flex-start;}
.news-content .list li a:hover{background:#f4f7f9}
.news-content .list li a:hover h3{color:#399eff}
.news-content .list li .img{width:160px;height:120px}
.news-content .list li .img img{width:160px;height:120px;border-radius:4px}
.news-content .list li .infos{flex-grow:1;flex;padding:4px 12px;width: 760px;}
.news-content .list li .infos h3{max-width:738px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}
.news-content .list li .infos .clear{color:#999}
.news-content .list li .intro{margin:8px 0;height:48px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-content .detail h1.title{font-size:1.5em}
.news-content .detail .intros{margin-top:16px;color:#999;padding-bottom:12px;border-bottom:1px solid #eee}
.news-content .detail .intros span{margin-right:24px;padding-right:24px;border-right:1px solid #eee}
.news-content .detail .intros span:last-child{border:none}
.news-content .detail .abstract{margin-top:15px;border:1px solid #eee;background:#f8faff;padding:15px}
.news-content .detail .abstract .tag{position:absolute;left:0;top:15px;border-left:2px solid #5596fd;padding:0 5px;color:#5596fd;font-size:18px}
.news-content .detail .abstract .tindent{padding-left:32px}
.news-content .detail img{max-width:100%}
.news-content .detail .details-content h1,.news-content .detail .details-content h2,.news-content .detail .details-content h3,.news-content .detail .details-content h4,.news-content .detail .details-content h5,.news-content .detail .details-content h6{margin:20px 0}
.recommend-title{color:#999;font-size:16px;position:relative}
.recommend-title:after{content:"";display:block;width:93.25%;position:absolute;top:53%;right:0;height:0;border-top:1px solid #eee}
.recommend-news li{float:left;position:relative;width:48.25%;padding:0 1% 0 .75%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-news li:after{position:absolute;left:0;top:32%;content:"";display:block;width:0;border:4px solid transparent;border-left-color:#399eff}
.recommend-news li a{display:inline-block;max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-news li span{position:absolute;right:24px;color:#999;font-size:14px}
.recommend-news li:nth-child(even) span{right:0}
.recommend-news li a:hover{color:#399eff}

.sidebar{width:24.5%}
.part{background:#fff;padding:4% 5%;box-shadow:0 0 20px 4px #eee;-webkit-box-shadow: 0 0 20px 4px #eee;border-radius:6px}
.part .bt{font-size:16px;font-weight:400;padding:5px 0}
.part li{display:flex;align-items:flex-start;border-top:1px solid #eee;padding-top:16px;margin-top:12px}
.part li .img{width:120px;height:80px}
.part li .img img{width:120px;height:80px;border-radius:4px}
.part li .infos{flex-grow:1;flex:1 1;padding-left:10px;color:#999}
.part li .infos h4{max-height:42px;overflow:hidden;line-height:1.3;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.part li .infos h4 a{font-size:16px;font-weight:400;color:#333}
.part li .infos .mgl10{margin-left:10px;padding-left:10px;border-left:1px solid #eee}
.share-list a>img{width:20px;height:20px;vertical-align:text-top}
.sharewxlayout{width:180px;display:none;position:absolute;left:0;bottom:22px;background:#fff;border:1px solid #ddd}
.sharewxlayout .title{text-align:center;padding:5px 0;background:#eee}
.sharewxlayout .sharediv{margin:10px}
.share-list a.relative:hover .sharewxlayout{display:block}
.avoid{padding-top:4px;border-top:1px solid #eee;margin-top:15px;color:#999;line-height:1.5}