/*************************************
	中国军网 CSS 框架
--------------------------------------
	reset/common/layout/hacks/plugin/style
	chinamil css freamwork
*************************************/

/* 	RESET.CSS
----------------------------------------------------------------------------
-	对页面基础 HTML 元素样式进行初步定义
----------------------------------------------------------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td，article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin: 0;padding: 0;border: 0;outline: 0;text-align: left;vertical-align: baseline;}
html{_background-image:url(about:blank);}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {font: 14px/20px 'Helvetica Neue','Helvetica','Arial','Sans-serif';color: #333;}
body{background:#FFF;}
input,select,textarea {font-size:100%;}

/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse:collapse; border-spacing:0;}

/* IE bug fixed: th 不继承 text-align*/
th {text-align:inherit;}

/* 去除默认边框 */
fieldset,img { border:none;}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display:block;}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}

/* 一致的 del 样式 */
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:500;}

/* 去掉列表前的标识, li 会继承 */
ol,ul { list-style:none;}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {text-align:left;}

q:before,q:after , blockquote:before, blockquote:after{ content:'';}

/* 统一上标和下标 */
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup { top:-0.5em;}
sub { bottom:-0.25em;}

/* 默认不显示下划线，保持页面简洁 */
ins,a { text-decoration:none;}

/* 让链接在 hover 状态下显改变颜色 */
a{color: #222;}
a:hover{color: #693;  text-decoration: underline;}

/* IE6,7焦点点状线去除 */
a:focus,*:focus { outline:none;}

/* 	定义标题样式 */

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-size:100%;font-weight:500; font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; line-height: 1em;}
h1,h1 a{font-size: 36px;}
h2,h2 a{font-size: 30px;}
h3,h3 a{font-size: 24px;}
h4,h4 a{font-size: 18px;}
h5,h5 a{font-size: 16px;}
h6,h6 a{font-size: 14px;}

/* 	layuot.css
	@import url("/css/reset.css");
----------------------------------------------------------------------------
-	1、该部分是全局基础样式
-	2、原则上确定了色系后不得随意添加颜色
	cm	chinamil
	c	column
	l	left
	r	right
	num	column number
----------------------------------------------------------------------------
*/
.row{ margin:0 -16px; overflow:hidden;}
.row .col_x1{ width:226px; margin:16px; float:left;}
.row .col_x2{ width:484px; margin:16px; float:left;}
.row .col_x3{ width:742px; margin:16px; float:left;}
.row .col_x4{ width:1000px; margin:16px; float:left;}
.row .col_x1,.row .col_x2,.row .col_x3,.row .col_x4{ background:#FFF;}
.row > .col_x1 >.inner,.row .col_x2 >.inner,.row .col_x3 >.inner,.row .col_x4 >.inner,.row .col_row .col_block .inner{margin:20px 14px; overflow: hidden;}

.row .col_row{ overflow:hidden; background: none; margin-bottom: -16px;}
.row .col_row .col_block{width:100%; margin-bottom: 16px;  float:left; background: #FFF;}


.line_1px{border-bottom: 1px solid #DDD; clear: both; height: 0; line-height: 0;}

.wrap{width:1000px; margin:0 auto; }
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}

.mt10{ margin-top: 10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt60{ margin-top:60px;}
.ml14{ margin-left: 14px;}
.pr15{ padding-right: 15px;}

.clearThis 	{clear:both;}
.hide		{display:none;}
.clearfix:before,.clearfix:after {  content:""; display:table;}
.clearfix:after {clear:both; overflow:hidden;}
.clearfix {zoom:1; /* for IE6 IE7 */}
.large-width{width: 110%;}

/** Style **/
body{ background-color:#D7F2A5;background-image:url(background.png); background-position:top center;}
#TopBar{background-color:#FFF; height:40px; width: 100%; border-bottom: 1px solid #99CC66;}
#TopBar .logo{ width:150px; height:30px; margin:5px 0; background:url(logo.png) no-repeat; color:#35CBD6;}
#TopBar .nav{ line-height:40px;}
#TopBar .nav ,#TopBar .nav a{color:#8AB82E;}
#TopBar .nav a:hover{ text-decoration:none;color:#6C9024;}
#TopBar .nav em{ margin:0 10px;}

/*页面头部*/
.header{ background:top center url(header.png) no-repeat;overflow:hidden;}
.header .main_nav{ margin-top:232px; height:40px;}
.header .main_nav ul{ overflow:hidden; float: left; background: #2C9ACC;}
.header .main_nav ul li{ float:left; line-height:50px;}
.header .main_nav ul li a{ display:block; padding:0 12px;color:#FFF; font-size:18px; font-family:"微软雅黑","黑体";}
.header .main_nav ul li a:hover,.header .main_nav ul li a.hover{ text-decoration:none;}
.header .main_nav ul li a.red{background:#E12D94;/*FF3433;*/}
.header .main_nav ul li a.hover{ background:#27C8FC;}
.header .main_nav ul li a:hover{background:#03B4EE;}

.sub_box_title{ color:#999999; font-size:12px;}


/*
	焦点图
*/
.focus-master{ position: relative; width: 742px; height: 380px; overflow:visible;}
.focus-master a.more{width:14px; padding:6px 8px; position:absolute; top:0; right:-30px; text-align:center; background:#D33; color:#fff;}
.focus-master a.more:hover{ background:#D66; text-decoration:none;}
.focus-master .focus-pic{width: 100%; height: 380px; overflow: hidden; display: block; position: absolute;}
.focus-master .focus-pic img{width: 100%; height: 380px; height: auto;}
.focus-master .focus-outer{width: 100%; height: 380px; overflow: hidden;position: relative;}
.focus-master .focus-inner{width: 500%;height: 380px; overflow: hidden;}
.focus-master .focus-item{width: 742px;height: 380px;  overflow: hidden; float:left; position: relative;}
.focus-master .text{width: 100%;overflow: hidden; bottom:0; position: absolute; z-index: 10; background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');}
.focus-master h4{display: block; overflow: hidden; margin:5px 10px; height: 30px;}
.focus-master h4 a{line-height: 30px; color: #CF3; }
.focus-master h4 a:hover{ text-decoration: none; color: #EF3;}
.focus-master p{ height: 20px; font-size: 12px ;color: #FFF; margin: 0 10px 10px; line-height: 20px; overflow: hidden; }
.focus-btn{width: 200px; padding-top: 10px; overflow: hidden; position: absolute; z-index: 10; top:26px; left: 40px;display: none;}
.focus-btn li{width: 30px; height: 10px; margin:0 5px;float: left; border-top: 6px solid #ddd; cursor: pointer; display: inline;}
.focus-btn li.selected{border-color: #077;}
.focus-master a.to-left,.focus-master a.to-right{width: 55px;height: 55px;top:130px; position: absolute;display: block; background: url('cssSprite.png') no-repeat;
cursor: pointer;z-index: 15;opacity: 0.3;filter: alpha(opacity=30);}
.focus-master a.to-left {left: 0; background-position: 0 -137px;}
.focus-master a.to-right{right: 0; background-position: 0 -200px;}
.focus-master a.to-left:hover,.focus-master a.to-right:hover{opacity: 0.8;filter: alpha(opacity=80);}

/*首页稿件*/
.ArticleBox{padding-left: 220px; position: relative; height: 200px;}
.ArticleBox h4{color: #007FFF; line-height: 1.5em;}
.ArticleBox p{ font-size: 12px; margin-top: 10px; color: #888; text-indent: 2em; line-height: 21px;}
.ArticleBox a.more{transition: all 0.3s linear; font-size: 12px; padding: 2px 10px; background: #3399CC; color: #FFF; position: absolute; bottom: 0; right: 0;}
.ArticleBox a.more:hover{ text-decoration: none; background: #5CADD6; margin-top: 10px;}

.ArticleBox-left{margin-right: 220px; padding-left: 0;}
.ArticleBox-bottom{padding-right: 0; padding-left: 0; margin-top: 235px; padding-top: 20px; border-top: 1px dashed #bbb;}

/*页脚*/
.footer{margin-top: 60px;background: #33363b;}
.footer .recommend{width: 1000px;margin: 0 auto;padding-bottom: 30px; overflow:hidden;}
.footer .hd {padding-bottom: 14px; height: auto;}
.footer .hd a{ float:left;}
.footer .hd h4{color: #d9d9d7;font-family:"Microsoft YaHei", "微软雅黑";}
.footer .bd ul{ width:1100px;}
.footer .bd li{float: left;width: 180px;height:100px;overflow: hidden;margin-right:25px;margin-right: 80px;position: relative;transition: all 0.3s linear;}
.footer .bd li:hover{box-shadow: 0 0 5px 1px #FFF;}
.footer .bd .pic,.footer .bd img{width: 180px; overflow: hidden; display: block;}
.footer .bd .bg{position: absolute;width: 180px;height: 24px;filter: Alpha(Opacity=70);opacity: 0.7;background: #000;top:76px;z-index: 0;}
.footer .bd .txt{color: #e5e5e5;font-size: 12px; position:absolute; top:76px; text-align:center; width:180px; line-height:24px;}

.footer .info{border-top: 1px solid #2c2c2c; text-align:center; width:1000px; margin:auto; line-height:32px; font-size:12px; color:#888; padding:30px 0; overflow:hidden;}
.footer em {margin: 0 8px;}

#back-to-top{background: #eaeaea;color: #777;overflow: hidden;text-align: center;width: 80px;height: 30px;display: block;margin: 0 auto;
border-radius: 0 0 3px 3px; box-shadow: 1px 2px 3px #000; margin-bottom: 15px;}
#back-to-top:hover{background: #F8F8F8;}
#back-to-top i {font-size: 14px; position: relative;line-height:2em; font-style: normal;}


.cm_title{ width: 1000px; height: 44px; background: url(title_bg.png) no-repeat; overflow: hidden;}
.cm_title h4{ color: #FFF;line-height: 50px; float: left; width: 126px; margin-left: 34px; text-align: center;}

/*
	带序号的稿件列表
*/
.list_with_num{background:url(gallery.gif) -80px 10px no-repeat;line-height: 28px; margin:0 10px; padding: 9px 0;}
.list_with_num li{padding-left: 28px;width: 202px;overflow: hidden;height: 28px; font-size: 12px;}

/*
	带圆点前缀的稿件列表
*/
.list_with_dot{margin:5px auto 1px;}
.list_with_dot li{background:url(gallery.gif)  -80px -560px no-repeat;padding-left: 12px;font-size: 14px;line-height: 28px;}

/*
	带摘要的稿件列表
*/
.content-article{float: right;padding: 0;width:100%; }
.content-article .article{overflow: hidden; height: 64px;border-bottom: 1px solid #F0F0F0;margin: 0; position: relative;}
.content-article .last{border-bottom:none;}
.content-article h4{text-align: left;height:20px;line-height: 20px;padding-top: 8px;  overflow:hidden; }
.content-article h4 a{font-size: 16px;line-height: 20px;}
.content-article p{color: #808080;line-height: 28px; font-size: 12px; height:65px; overflow:hidden; cursor: default; padding-top: 4px;position: relative;}
.content-article p a{color: #693; margin-left: 8px; position: absolute; bottom:8px; right:5px; padding-left: 8px; background: #FFF;}
.content-article p:hover{ background: #E9FFE9;}
.content-article p:hover a{ background: #E9FFE9;}


.gallery{ width:1010px; overflow:hidden;}
.gallery p{ text-align:center; margin-top:30%; color:#FFF; position:absolute; z-index:10; top:0; width:86%; padding:0 7px; display:none; font-size:18px; font-family:"微软雅黑";}
.gallery a,.gallery span{ display:block; height:100%; width:100%; position:relative;}
.gallery a:hover span{ display:block; background:#D33; opacity:0.7;filter: alpha(opacity=70); position:absolute; top:0; left:0;z-index:5; }
.gallery a:hover p{ display:block}
.gallery .item{ float:left; margin-right:10px; overflow:hidden; height:270px; margin-bottom:10PX;}
.gallery .w596{ width:596px;}
.gallery .w192{ width:192px;}
.gallery .w394{ width:394px;}

.gallery .h130{ height:130px; margin-bottom:10px; background:#ddd; overflow:hidden;}


.title_top{ line-height:62px; height:62px;  border-bottom:solid 1px #e5e5e5;}
.title_top img{  border:solid 1px #ffd6a0; }
.title_top h2{ float:left; padding-left:18px;font-size:22px;font-family:"微软雅黑";color:#2a2a2a;line-height:60px;}
.title_top a{display:inline-block;line-height:62px; height:62px;float:left;}
.title_top .line{ float:left;width:1px; margin:0 20px;}
.title_top .more{ float:right; color:#a9a9a9;font-size:14px;}
.title_top .more span{ float:left;}
.title_top  span.time { padding:0 20px 0 25px; }
.title_top  span.gold { background:url(medal6.png) no-repeat -50px -8px; padding:0 50px 0 0; }
.title_top  span.silver { background:url(medal6.png) no-repeat -50px -90px; padding:0 50px 0 0; }
.title_top  span.bronze { background:url(medal6.png) no-repeat -50px -178px; padding:0 50px 0 0; }

/*排行榜*/
.rank_table{ width:100%; font-size:14px; color:#666;}
.rank_table td,.rank_table th{ border:1px solid #dfdfdf;text-align:center; vertical-align:middle;line-height:40px; overflow:hidden;}
.rank_table th{ background:#f2f2f2; }
.rank_table th span.gold { background:url(medal6.png) no-repeat 0 -247px; padding:0 0 0 36px; display:block; width:42px; margin:0 auto;}
.rank_table th span.silver { background:url(medal6.png) no-repeat 0 -330px; padding:0 0 0 36px; display:block; width:42px; margin:0 auto }
.rank_table th span.bronze { background:url(medal6.png) no-repeat 0 -417px; padding:0 0 0 36px; display:block; width:42px; margin:0 auto }

.rank_table td{ color:#333;}
.rank_table td img{margin: 10px 10px 0 0;display: inline;float: left; border:1px solid #666;}
.rank_table .contury{text-align: left; padding-left:14px;}