/* 焦点图效果 */
.picBtnTop { width: 800px; height: 457px; background: #eee; padding: 20px; position: relative; overflow: hidden; zoom: 1; }
.picBtnTop .hd { width: 160px; height: 457px; position: absolute; right: 20px; overflow: hidden; }
.picBtnTop .hd ul li { width: 160px; text-align: center; position: relative; }
.picBtnTop .hd ul li:not(:last-child) { margin-bottom: 5px; }
.picBtnTop .hd ul li .imgbg { position: absolute; left: 0; top: 0; background: #000; filter: alpha(opacity=60); opacity: 0.6; height: 100%; width: 100%; }
.picBtnTop .hd ul li img { width: 160px; height: 100px; cursor: pointer; vertical-align: bottom; }
.picBtnTop .hd ul li.on .imgbg { display: none; }
.picBtnTop .hd ul li.on img { }
.picBtnTop .bd { width: 580px; height: 417px; position: relative; }
.picBtnTop .bd li { position: relative; zoom: 1; vertical-align: middle; }
.picBtnTop .bd li .pic { position: relative; z-index: 0; }
.picBtnTop .bd li .pic img { width: 580px; height: 417px; vertical-align: bottom; }
.picBtnTop .bd li .bg { width: 580px; height: 50px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=60); opacity: 0.6; }
.picBtnTop .bd li .title { width: 580px; height: 50px; line-height: 50px; left: 0; bottom: 0; position: absolute; z-index: 2; }
.picBtnTop .bd li .title a { color: #fff; padding-left: 15px; font-size: 20px; font-weight: bold; }
.grid .col-main { width: 800px; float: left; }
.grid .col-main .techcont .hd { font-size: 20px; font-weight: bold; color: #333; vertical-align: middle; padding: 16px 0; border-bottom: 2px solid #ddd; }
.grid .col-main .techcont .hd i { height: 22px; width: 5px; background: #fa9800; display: inline-block; vertical-align: middle; }
.grid .col-main .techcont .hd span { display: inline-block; vertical-align: middle; }
.grid .col-main .techcont .bd .tjarticle a { display: block; border-bottom: 1px solid #ddd; font-size: 14px; color: #666; line-height: 20px; padding: 16px 10px; }
.grid .col-main .techcont .bd .tjarticle a h4 { font-size: 26px; color: #333; font-weight: normal; line-height: 40px; }
.grid .col-main .techcont .techlist .mod { padding: 20px 0; border-bottom: 1px solid #ddd; }
.grid .col-main .techcont .techlist .mod img { display: inline-block; width: 160px; }
.grid .col-main .techcont .techlist .mod> div { display: inline-block; width: 590px; margin-left: 20px; vertical-align: top; }
.grid .col-main .techcont .techlist .mod> div h4 { font-weight: normal; font-size: 18px; color: #333; }
.grid .col-main .techcont .techlist .mod> div p { font-size: 14px; color: #666; }
.grid .col-sub { width: 380px; float: right; }
.techbox { border: 1px solid #ddd; border-top: 2px solid #fa9800; }
.techbox>div { padding-left: 20px; padding-right: 20px; }
.techbox>div:not(:last-child) { border-bottom: 1px solid #ddd; }
.techtitle { height: 43px; font-weight: bold; font-size: 18px; color: #333; }
.techtitle img, .techtitle span { display: inline-block; vertical-align: middle; }
.techtitle span { height: 40px; line-height: 40px; margin-left: 10px; }
.weibo .weibocont .mod { font-size: 13px; padding: 16px 0; }
.weibo .weibocont .mod:not(:last-child) { border-bottom: 1px dashed #ddd; }
.weibo .weibocont .mod .imgborder { border: 1px solid #ddd; padding: 5px; background: #fff; }
.hotinfo ul { padding: 0 20px; }
.hotinfo ul li a { display: block; height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 14px; }
.hotinfo ul li a i { display: inline-block; height: 4px; width: 4px; background: #ccc; vertical-align: middle; }
.hotinfo ul li a span { line-height: 36px; vertical-align: middle; margin-left: 15px; }
.col-sub .adlist a { display: block; padding: 20px; border: 1px solid #ddd; }
.col-sub .adlist a img { display: block; width: 100%; }

/*相关文章*/
.aboutart { border-top: 1px solid #ddd; padding: 30px 10px 0; }
.aboutart .hd span { color: #333; font-size: 18px; display: inline-block; vertical-align: middle; }
.aboutart .hd img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.aboutart .bd ul { width: 370px; margin-top: 15px; }
.aboutart .bd ul li a { display: block; font-size: 13px; color: #555; line-height: 40px; }
.aboutart .bd ul li a i { display: block; margin-top: 18px; height: 4px; width: 4px; background: #ccc; float: left; margin-right: 10px; }
.aboutart .bd ul li a span.time { color: #999; }

/*文章详情*/
.articleInfo { font-size: 14px; }
.articleInfo h4 { font-size: 28px; color: #333; /*height: 80px;*/ line-height: 56px;margin: 20px 0px; }
.articleInfo .tag { line-height: 54px; background: #f3f3f3; color: #333; padding: 0 20px;margin-bottom:20px;}
.articleInfo .tag label { font-weight: bold; }
.articleInfo p { line-height: 30px;  /*margin-top: 30px;*/ }
.artewm { text-align: center; margin-top: 30px; }
.artewm img { display: inline-block; vertical-align: middle; }
.artewm div { display: inline-block; vertical-align: middle; font-size: 18px; color: #333; font-weight: bold; margin-left: 20px; line-height: 40px; }
.share { text-align: center; margin-top: 90px; }
.share img { display: inline-block; vertical-align: middle; }
.share a.favBtn { display: inline-block; vertical-align: middle; height: 60px; width: 120px; color: #3d85d7; font-size: 14px; border: 1px solid #abd1fe; background: url(../images/favbtnbg.png) repeat-x; border-radius: 5px; padding-top: 8px; margin-left: 50px; }
.share a.favBtn img { margin-right: 10px; }
.share a.favBtn img, .share a.favBtn span { display: inline-block; vertical-align: middle; }
.moreart { height: 60px; background: #f3f3f3; padding: 0 20px; font-size: 15px; color: #666; line-height: 60px; margin-top: 40px; margin-bottom: 20px; }
.moreart a { color: #333; }
.moreart>div { width: 50%; }
.moreart>div i { display: inline-block; vertical-align: middle; height: 24px; width: 15px; background: url(../images/arrowicon.png) no-repeat; }
.moreart>div:first-child i { margin-right: 30px; }
.moreart>div:last-child i { background-position: right center; margin-left: 30px; }

/*科技趣图*/
.techimglist { }
.techimglist .picbox { position: relative; display: block; width: 368px; float: left; }
.techimglist .picbox img { display: block; width: 100%; }
.techimglist .picbox .tip { height: 40px; line-height: 40px; color: #fff; font-size: 14px; padding: 0 15px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; width: 100%; }
.techimglist ul { width: 390px; float: left; }
.techimglist ul li { float: left; width: 175px; margin-left: 20px; margin-bottom: 20px; }
.techimglist ul li a, .techimglist ul li a img { display: block; width: 100%; }

/**/
.videolist { padding: 20px;padding-bottom:0px; }
.videolist li { float: left; height: 140px; width: 220px; margin-bottom:20px;}
.videolist li:not(:last-child) { margin-right: 19px; }
.videolist li.last{ margin-right: 0px; }
.videolist li a, .videolist li a img { display: block; height: 140px; width: 220px; position: relative; }
.videolist li a .playbg { height: 140px; width: 220px; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3) url(../images/play.png) no-repeat center center; }

/**/
.picBox { position: relative; height: 280px; width: 380px; }
.picBox .bd { height: 280px; width: 380px; }
.picBox .bd img { height: 280px; width: 380px; }
.picBox .bd a { display: block; height: 280px; width: 380px; position: relative; }
.picBox .bd a .tip { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 0 20px; font-size: 16px; font-weight: bold; line-height: 40px; }
.picBox .hd { position: absolute; bottom: 0; height: 40px; right: 10px; z-index: 999; }
.picBox .hd ul { height: 40px; line-height: 40px; }
.picBox .hd ul li { display: inline-block; height: 10px; width: 10px; border-radius: 100%; background: #fff; line-height: 40px; margin-right: 10px; vertical-align: middle; cursor: pointer; }
.picBox .hd ul li.on { background: #fa9800; }
.techqy.wrap .leftpart { float: left; width: 380px; }
.techqy.wrap .rightpart { float: right; width: 380px; }
.techqy.wrap .rightpart .tjarticle { border-bottom: 1px dashed #ddd; }
.techqy.wrap .rightpart .tjarticle .mod a { display: block; margin-bottom: 24px; }
.techqy.wrap .rightpart .tjarticle .mod a h4 { color: #333; font-size: 18px; }
.techqy.wrap .rightpart .tjarticle .mod a p { font-size: 14px; color: #666; margin-top: 10px; }
.tabs { border-top: 2px solid #fa9800; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-bottom: 16px; }
.tabs .hd { overflow: hidden; zoom: 1; }
.tabs .hd a { display: block; width: 50%; float: left; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #333; font-weight: bold; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.tabs .hd a:last-child { border-left: 1px solid #ddd; }
.tabs .hd a.active { background: #fff; border-bottom: 1px solid #fff; }
.tabs .bd { padding-top: 16px; }
.zsbkbox .picbox { width: 370px; height: 240px; position: relative; }
.zsbkbox .picbox { }
.zsbkbox .picbox a img { display: block; width: 100%; }
.zsbkbox .picbox  .tip { position: absolute; height: 40px; background: rgba(0, 0, 0, 0.6); padding: 0 20px; line-height: 40px; width: 100%; bottom: 0; left: 0; color: #fff; font-size: 18px; }
.zsbkbox .tjart { padding-bottom: 20px; border-bottom: 1px dashed #ddd; display: block; color: #666; }
.zsbkbox .techbox>div>div { width: 370px; }
.zsbkbox .tjart h4 { font-size: 18px; color: #005bac; margin-bottom: 10px; }
.zsbkbox .artlist { padding-top: 20px; }
.zsbkbox .artlist li a { display: block; width: 100%; white-space: nowrap; background: url(../images/yarrow.png) no-repeat left center; padding-left: 20px; font-size: 14px; color: #666; line-height: 30px; }