/* CSS Document */
@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
ul,li{margin:0; padding:0;}
body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#000;text-decoration:none;}
a:hover{color:#2a73e2;text-decoration:underline;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
h2{ padding-left:10px; font:26px "微软雅黑"; color:#2a73e2;}
h2 a:hover, h3 a:hover{ text-decoration:none;}
span{ overflow:hidden;}
/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.space5{clear:both; height:5px; display:block; font-size:1px;overflow:hidden;}
.space10{clear:both; height:10px; display:block; font-size:1px;overflow:hidden;}
.space15{clear:both; height:15px; display:block; font-size:1px;overflow:hidden;}
.space20{clear:both; height:20px; display:block; font-size:1px;overflow:hidden;}

.head{background-color:#f2f2f2;padding-top:18px;}

.container{ width:100%; min-width:960px;}
/*通用广告*/
.adv-banner{ width:960px; margin:0 auto;}
.adv-banner .colL{ float:left; width:650px; height:90px; background:#f3f3f3}
.adv-banner .colR{ float:right; width:300px; height:90px;background:#f3f3f3}

/*logo_搜索*/
.layout,.nav_box,.layout2 .imgList{width:960px;margin:0 auto;}


/*导航 开始*/
.nav{border-top:5px solid #2a73e2;border-bottom:1px solid #ccc;background-color:#fff;height:34px;}
.nav_box{position:relative;}
.nav_box .top_border{width:225px;height:5px;background-color:#000;top:-5px;left:0;position:absolute;font-size:1px;}
.nav_box .nav_link{position:absolute;top:2px;left:10px;}
.nav_box .nav_link a{padding:0 15px;display:inline-block;font:500 18px/32px "微软雅黑";height:35px;}
.nav_box .nav_link a:hover,.nav_box .nav_link a.current{background-color:#2a73e2;color:#fff; text-decoration:none;}

.layoutLeft{width:580px;float:left;}
.layoutRight{width:358px;float:right; height:330px; background:url(../images/layoutRight_07.jpg) no-repeat top center;}


/*新闻头条 开始*/

/*焦点图开始*/
.picFocus{width:580px;position:relative;height:330px;overflow:hidden;}
#picBox{width:580px; height:330px; overflow:hidden; position:relative;}
#showPic{ margin:0; padding:0; list-style:none; height:330px; width:2400px; position:absolute;}
#showPic li{ float:left; margin:0; padding:0; height:330px;width:580px;position:relative;}
#showPic li a,.lBox .lSide .bImg{color:#fff;}
#showPic li a:hover,.lBox .lSide .bImg:hover{color:#ff0; text-decoration:none;}
#showPic li p{height:37px;line-height:34px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);position:absolute;left:0;bottom:0;width:580px;padding-left:10px; padding-top:5px; font-size:14px;}

#showPic li img{ display:block;width:580px;height:330px;}
#iconNum{ position:absolute; bottom:13px; right:10px;}
#iconNum li{ float:left;width:14px; height:14px; list-style:none;cursor:pointer; padding:0; margin:0;margin-left:5px;line-height:25px; text-align:center;color:#fff;background:#666;}
#iconNum li:hover,#iconNum li.active{background-color:#3385ff;}

/*精彩推荐*/
.headline h3{ width:358px; height:42px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; }
.headline h3 a{ display:block; margin:8px 0 0 23px;}
.pic{ width:321px; margin:0 auto; *margin-top:7px; _margin-top:7px; _margin-left:20px;}
.l-pic { width:340px;}
.l-pic li {background:none; line-height:18px; float:left; margin-right:14px;}
.l-pic li a img{ width:152px; height:113px;}
.l-pic li a p { display:block; width:152px;  background:#2A73E2;}
.l-pic li a p span{text-align:center; color:#FFF; margin:0px; font-size:12px; font-family:"宋体"; padding-top:5px; cursor:pointer; display: block; height:20px;}
.l-pic li a:hover p span{ color:#FFFF00;}
.headline .top ul{ margin-left:10px;}
.headline .top ul li a:hover{color:#2a73e2;text-decoration:underline;}
.headline .top li{ background:url(../images/dot-1.jpg) scroll no-repeat left 12px; padding-left:10px; font-size:14px;  cursor:pointer; overflow:hidden;display: block;height:30px;  line-height:30px;}





/*顶部栏目*/
.column{ width:465px;}
.column ul{ width:400px; height:95px; float:left; margin-left:10px; _margin-left:5px;}
.column ul li{ background:url(../images/dot-2.jpg) no-repeat left center; padding-left:13px; font: 16px "微软雅黑"; line-height:34px; cursor:pointer; overflow:hidden; height: 35px;line-height: 35px;}
.column ul li a:hover{color:#2a73e2;text-decoration:underline;}
.column .date{ float:right; width:50px;}
.column .date p{ display:block; background:#ebebeb; width:48px; height:18px; margin-top:7px; margin-bottom:12px; text-align:center; padding-top:5px; color:#666;}

/*普通栏目*/
.mid-1, .mid-2{ border-top:1px solid #DDD;}
.lanmu{ width:460px;}
.lanmu h2{ padding-left:10px; font:26px "微软雅黑"; color:#2a73e2; letter-spacing:5px;}
.lanmu a:hover{ cursor:pointer;}
.lanmu img{ width:215px; height:162px;}
.lanmu span{ display:block; width:215px; background:#E0E0E0; text-align:center; font: 16px "微软雅黑"; color:#2a73e2; padding:3px 0; overflow:hidden; height:20px; line-height:20px;}
.lanmu a:hover span{ color:#FF6699;}
.lanmu-img{ width:460px;}
.lanmu-img li a:hover{ text-decoration:none;}
.lanmu .list { width:440px;  float:left; margin-left:10px; _margin-left:5px;}
.lanmu .list li{ background:url(../images/dot-2.jpg) no-repeat left center; padding-left:13px; font: 16px "微软雅黑"; line-height:34px; cursor:pointer; overflow:hidden; height:35px; line-height:35px;}

.lSide{ height:400px; float:left;}
.lSide, .c-lSide{ width:600px;}
.lSide h2{ letter-spacing:0;}
.c-lSide{ float:left;}
.c-lSide img{width:215px; height:162px; float:left;}
.c-lSide h3 a{ font:bold 18px "微软雅黑"; color:#2a73e2; float:left; margin-left:18px; padding:10px 0; width:350px; display: block;overflow: hidden;height: 25px;}
.c-lSide h3 a:hover{ text-decoration:underline;}
.c-lSide p{ width:315px; font:14px "宋体"; color:#a0a0a0; float:left;margin-left:18px; line-height:28px;height:110px;overflow: hidden;}
.rSide{ float:right; width:315px; height:420px; background:#EBEBEB; padding:0 15px; _padding:0 10px;}
.r-title{ display:block; height:45px; border-bottom:1px solid #333333; height:50px;}
.r-title span{ display:block; width:300px; font:18px "微软雅黑"; color:#434343;  padding-top:12px; letter-spacing:0; margin-left:-5px;}
.r-title a{ font:12px "微软雅黑"; color:#434343; display:block; float:right; margin-top:-17px;  letter-spacing:0;}
.rSide ul { margin-left:5px; width:308px;}
.rSide ul li{ width:308px; line-height:30px; height:28px; *height:24px; _height:26px; overflow:hidden; _margin-top:1px;}
.rSide ul li span{font-size:14px; color:#fff; background:#2a73e2 top center; width:20px; height:20px; text-align:center; margin-right:8px; display:inline-block; line-height:20px; border-radius:3px; -webkit-boder-radius:3px; -moz-border-radius:3px;}
.rSide ul li a{ font:14px "微软雅黑"; position: relative;top: -3px; *position:static; _position:static;}
.r-title2{display:block; width:300px; font:18px "微软雅黑"; color:#000; border-bottom:1px solid #333; padding-top:12px; letter-spacing:0; height:35px;}
.r-title2 a{ margin-left:-5px;}
.collect li{ width:290px; background:url(../images/dot-2.jpg) no-repeat left center; padding-left:13px; font:bold 16px "微软雅黑"; line-height:34px; cursor:pointer; overflow:hidden; white-space:nowrap; *margin-top:-4px;}

/*科技观察室*/
.mid-3{ width:100%; height:353px; background:#ddd; }
.title-3{ display:block; width:300px; height:39px; background:url(science_view.jpg) no-repeat left center; font:26px "微软雅黑"; color:#000; padding-left:40px; _margin-left:20px;}
.pic-mid-3 { width:1000px;}
.pic-mid-3 li { float:left; _position:relative; _left:25px; margin-right:25px;}
.mid-3 .pic-mid-3 img{ width:303px; height:227px;}
.mid-3 .pic-mid-3 a:hover{ text-decoration:none;}
.mid-3 .pic-mid-3 span{ display:block; width:303px; height:30px; background:#000; font:14px "宋体"; color:#cbcbcb; text-align:center; line-height:30px;}
.mid-3 .pic-mid-3 a:hover span{ color:#FFFF00;}

/*图赏科技*/
.mid-4{ width:100%; height:360px; background:#ddd;}
.title-4{ display:block; width:300px; height:39px; background:url(../images/science-img.jpg) no-repeat left center; font:26px "微软雅黑"; color:#000; padding-left:40px;}

/*图赏科技焦点图*/
#slides{ width:950px; margin:0 auto; height:280px; position:relative; }
.slides_container{overflow: hidden; width:950px; position: relative; display: block;}
.slides_container li{ width:960px; float:left;}
.slides_container li a{ display:inline-block; width:305px; height:260px; border:1px solid #fff; margin-right:9px; cursor:pointer;}
.slides_container li a:hover{ text-decoration:none; color:#cbcbcb;}  
.slides_container li a img{ width:305px; height:230px;}
.slides_container li a span{ display:block; width:305px; cursor:pointer; height:30px; background:#000; font:14px "宋体"; color:#cbcbcb; text-align:center; line-height:30px;}
.slides_container li a:hover{ border:1px solid #1C8DD5;}
.slides_container li a:hover span{ color:#FFFF00;}


.pagination{ position:absolute; left:450px; z-index:10; top:270px;}
.pagination li{ float:left; padding-right:7px;}
.pagination a{ display:block; outline:none; background:url(../images/pg-1.jpg) no-repeat -22px 0; text-indent:-999em; width:13px; height:14px;}
.pagination li.current a{ background-position:0px 0;}
.prev{ background:url(../images/arr-l.jpg) no-repeat; width:75px; height:75px; position:absolute; left:-90px; top:90px; outline:none;}
.next{ background:url(../images/arr-r.jpg) no-repeat; width:75px; height:75px; position:absolute; right:-80px; top:90px; outline:none;}

/*风云人物*/
.mid-5{ width:100%; height:1120px; background:url(mid-5.jpg) no-repeat scroll top center; }
.c-mid-5{width:1100px;}
.c-mid-5 li{ width:510px; height:160px; float:left;}
.c-mid-5 .cover{ width:96px; height:96px; background:url(round.png) 0 0 no-repeat; position:relative; left:0px;; top:9px; _left:20px; border:0px;}
.c-mid-5 .block{ margin-top:-100px; _margin-left:20px;}
.c-mid-5 h3 a:hover{ text-decoration:underline;}
.c-mid-5 img{ float:left; margin-top:13px; width:96px; height:96px; border-radius:48px; -webkit-boder-radius:48px; -moz-border-radius:48px;}
.c-mid-5 h3 a{ width:325px; font:bold 18px "微软雅黑"; color:#2a73e2; float:left; margin-left:18px; padding:10px 0; cursor:pointer; overflow:hidden; height:20px;}
.c-mid-5 p{ width:335px; height:100px; font:14px "宋体"; color:#a0a0a0; float:left;margin-left:18px; line-height:24px; overflow:hidden; *margin-top:40px; _margin-top:45px;}

.lSide-2{ float:left; width:400px;}
.lSide-2 h3{ display:block; margin-left:5px; padding-bottom:10px; font:22px "微软雅黑"; color:#2a73e2;}
.lSide-2 ul li{ width:400px; background:url(../images/dot-2.jpg) no-repeat left center; padding-left:13px; font:16px "微软雅黑"; line-height:34px; cursor:pointer; overflow:hidden; height:34px;}
.rSide-2{ float:right; width:480px;}
.rSide-2 h3{display:block; margin-left:5px; padding-bottom:10px; font:22px "微软雅黑"; color:#000;}
.rSide-2 img{ width:480px; height:295px; border:1px solid #CCC;}
.rSide-2 span{ display:block; width:482px; height:25px; background:#3385FF; font:16px "微软雅黑"; color:#FFFFFF; text-indent:1em; padding-top:3px; overflow:hidden; cursor:pointer; height:26px;}
.rSide-2-top a:hover span{ color:#FFFF00;}
.rSide-2 a:hover{ text-decoration:none;}
.rSide-2-bottom { width:510px;}
.rSide-2-bottom li {float:left; margin-right:25px;}
.rSide-2-bottom img{ width:225px; height:169px;}
.rSide-2-bottom span{ display:block; width:223px; font:14px "宋体"; color:#000; overflow:hidden; cursor:pointer; background:none; text-indent:0; padding-bottom:8px; text-align:center; line-height:30px; height:30px;}
.rSide-2-bottom a:hover span{ color:#2a73e2;text-decoration:underline;}

/*奇趣科技*/
.mid-6{ width:100%; height:407px; background:#ddd; }
.title-6{ display:block; width:300px; height:39px; background:url(../images/funny-science.jpg) no-repeat left center; font:26px "微软雅黑"; color:#000; padding-left:40px;}
.lSide-3{ width:545px; height:307px; float:left; position:relative; display:block;}
.lSide-3 .img-l{ float:left; width:407px; height:307px; overflow:hidden; position:relative;}
.lSide-3 .img-l a{width:407px; height:307px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);left:0;top:0;position:absolute;color:#fff;font:500 16px/30px "微软雅黑"; display:none; padding-top:260px; padding-left:30px;}
.lSide-3 .img-l a:hover{text-decoration:none;color:#fff;}
.img-l img{ width:407px; height:307px; overflow:hidden;}

.lSide-3 .img-r{float:right; width:135px; height:101px; padding-bottom:2px; position:relative;overflow:hidden;}
.img-r img{ width:135px; height:101px; }
.lSide-3 .img-r a{width:135px; height:101px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);left:0;top:0;position:absolute;color:#fff;font:500 16px/30px "微软雅黑"; display:none; text-align:center; overflow:hidden;}
.lSide-3 .img-r a:hover{text-decoration:none;color:#fff;}
.img-r img{ width:135px; height:101px; overflow:hidden;}

.rSide-3{ width:346px; float:left;}
.rSide-3 ul li{ width:345px; background:url(../images/dot-2.jpg) no-repeat left center; padding-left:13px; font:16px "微软雅黑"; line-height:34px; cursor:pointer; overflow:hidden; height:35px; margin-left:20px;}

/*頻道信息*/
.about,.friendLink{border:1px solid #ddd;border-top:5px solid #ddd;padding:15px 20px;margin:10px 0;}
.friendLink{padding:0 20px 30px 20px;}
.friendLink h2{height:30px;line-height:30px;font-size:14px;color:#666;margin-bottom:15px;border-bottom:1px solid #ddd;}
.friendLink li{display:inline;padding:0 20px;}
.about font{padding:0 10px;}


/*底部信息*/


/*通用定义*/
.mar12{margin-top:12px;}