first commit
This commit is contained in:
@@ -0,0 +1,960 @@
|
||||
/*
|
||||
政工网通用样式表
|
||||
part1:reset.css
|
||||
part2:grid.css w1008-24
|
||||
part3:base.css
|
||||
创建时间: 2015-06-29
|
||||
最后更新时间：2016-07-03
|
||||
未压缩版：4.0.2
|
||||
制作：lhh
|
||||
*/
|
||||
/*----------------------------part1:reset.css----------------------------*/
|
||||
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
html, body {
|
||||
_background-attachment: fixed;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
img {
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
li {
|
||||
display: list-item;
|
||||
list-style: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
th, td, caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
q:before, q:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
sub, sup, small {
|
||||
font-size: 75%;
|
||||
}
|
||||
sub, sup {
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
svg {
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
min-width: 1008px;
|
||||
}
|
||||
/*----------------------------part2:grid.css----------------------------*/
|
||||
/* `Container
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1008px;
|
||||
}
|
||||
/* Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 {
|
||||
position: relative;
|
||||
}
|
||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
/* Grid >> 24 Columns 宽度30 + 左边距6＋右边距 ６
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .grid_1 {
|
||||
width: 30px;
|
||||
}
|
||||
.container_24 .grid_2 {
|
||||
width: 72px;
|
||||
}
|
||||
.container_24 .grid_3 {
|
||||
width: 114px;
|
||||
}
|
||||
.container_24 .grid_4 {
|
||||
width: 156px;
|
||||
}
|
||||
.container_24 .grid_5 {
|
||||
width: 198px;
|
||||
}
|
||||
.container_24 .grid_6 {
|
||||
width: 240px;
|
||||
}
|
||||
.container_24 .grid_7 {
|
||||
width: 282px;
|
||||
}
|
||||
.container_24 .grid_8 {
|
||||
width: 324px;
|
||||
}
|
||||
.container_24 .grid_9 {
|
||||
width: 366px;
|
||||
}
|
||||
.container_24 .grid_10 {
|
||||
width: 408px;
|
||||
}
|
||||
.container_24 .grid_11 {
|
||||
width: 450px;
|
||||
}
|
||||
.container_24 .grid_12 {
|
||||
width: 492px;
|
||||
}
|
||||
.container_24 .grid_13 {
|
||||
width: 534px;
|
||||
}
|
||||
.container_24 .grid_14 {
|
||||
width: 576px;
|
||||
}
|
||||
.container_24 .grid_15 {
|
||||
width: 618px;
|
||||
}
|
||||
.container_24 .grid_16 {
|
||||
width: 660px;
|
||||
}
|
||||
.container_24 .grid_17 {
|
||||
width: 702px;
|
||||
}
|
||||
.container_24 .grid_18 {
|
||||
width: 744px;
|
||||
}
|
||||
.container_24 .grid_19 {
|
||||
width: 786px;
|
||||
}
|
||||
.container_24 .grid_20 {
|
||||
width: 828px;
|
||||
}
|
||||
.container_24 .grid_21 {
|
||||
width: 870px;
|
||||
}
|
||||
.container_24 .grid_22 {
|
||||
width: 912px;
|
||||
}
|
||||
.container_24 .grid_23 {
|
||||
width: 954px;
|
||||
}
|
||||
.container_24 .grid_24 {
|
||||
width: 996px;
|
||||
}
|
||||
/* `Prefix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .prefix_1 {
|
||||
padding-left: 42px;
|
||||
}
|
||||
.container_24 .prefix_2 {
|
||||
padding-left: 84px;
|
||||
}
|
||||
.container_24 .prefix_3 {
|
||||
padding-left: 126px;
|
||||
}
|
||||
.container_24 .prefix_4 {
|
||||
padding-left: 168px;
|
||||
}
|
||||
.container_24 .prefix_5 {
|
||||
padding-left: 210px;
|
||||
}
|
||||
.container_24 .prefix_6 {
|
||||
padding-left: 252px;
|
||||
}
|
||||
.container_24 .prefix_7 {
|
||||
padding-left: 294px;
|
||||
}
|
||||
.container_24 .prefix_8 {
|
||||
padding-left: 336px;
|
||||
}
|
||||
.container_24 .prefix_9 {
|
||||
padding-left: 378px;
|
||||
}
|
||||
.container_24 .prefix_10 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
.container_24 .prefix_11 {
|
||||
padding-left: 462px;
|
||||
}
|
||||
.container_24 .prefix_12 {
|
||||
padding-left: 504px;
|
||||
}
|
||||
.container_24 .prefix_13 {
|
||||
padding-left: 546px;
|
||||
}
|
||||
.container_24 .prefix_14 {
|
||||
padding-left: 588px;
|
||||
}
|
||||
.container_24 .prefix_15 {
|
||||
padding-left: 630px;
|
||||
}
|
||||
.container_24 .prefix_16 {
|
||||
padding-left: 672px;
|
||||
}
|
||||
.container_24 .prefix_17 {
|
||||
padding-left: 714px;
|
||||
}
|
||||
.container_24 .prefix_18 {
|
||||
padding-left: 756px;
|
||||
}
|
||||
.container_24 .prefix_19 {
|
||||
padding-left: 798px;
|
||||
}
|
||||
.container_24 .prefix_20 {
|
||||
padding-left: 820px;
|
||||
}
|
||||
.container_24 .prefix_21 {
|
||||
padding-left: 864px;
|
||||
}
|
||||
.container_24 .prefix_22 {
|
||||
padding-left: 924px;
|
||||
}
|
||||
.container_24 .prefix_23 {
|
||||
padding-left: 966px;
|
||||
}
|
||||
/* `Suffix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .suffix_1 {
|
||||
padding-right: 42px;
|
||||
}
|
||||
.container_24 .suffix_2 {
|
||||
padding-right: 84px;
|
||||
}
|
||||
.container_24 .suffix_3 {
|
||||
padding-right: 126px;
|
||||
}
|
||||
.container_24 .suffix_4 {
|
||||
padding-right: 168px;
|
||||
}
|
||||
.container_24 .suffix_5 {
|
||||
padding-right: 210px;
|
||||
}
|
||||
.container_24 .suffix_6 {
|
||||
padding-right: 252px;
|
||||
}
|
||||
.container_24 .suffix_7 {
|
||||
padding-right: 294px;
|
||||
}
|
||||
.container_24 .suffix_8 {
|
||||
padding-right: 336px;
|
||||
}
|
||||
.container_24 .suffix_9 {
|
||||
padding-right: 378px;
|
||||
}
|
||||
.container_24 .suffix_10 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
.container_24 .suffix_11 {
|
||||
padding-right: 462px;
|
||||
}
|
||||
.container_24 .suffix_12 {
|
||||
padding-right: 504px;
|
||||
}
|
||||
.container_24 .suffix_13 {
|
||||
padding-right: 546px;
|
||||
}
|
||||
.container_24 .suffix_14 {
|
||||
padding-right: 588px;
|
||||
}
|
||||
.container_24 .suffix_15 {
|
||||
padding-right: 630px;
|
||||
}
|
||||
.container_24 .suffix_16 {
|
||||
padding-right: 672px;
|
||||
}
|
||||
.container_24 .suffix_17 {
|
||||
padding-right: 714px;
|
||||
}
|
||||
.container_24 .suffix_18 {
|
||||
padding-right: 756px;
|
||||
}
|
||||
.container_24 .suffix_19 {
|
||||
padding-right: 798px;
|
||||
}
|
||||
.container_24 .suffix_20 {
|
||||
padding-right: 820px;
|
||||
}
|
||||
.container_24 .suffix_21 {
|
||||
padding-right: 864px;
|
||||
}
|
||||
.container_24 .suffix_22 {
|
||||
padding-right: 924px;
|
||||
}
|
||||
.container_24 .suffix_23 {
|
||||
padding-right: 966px;
|
||||
}
|
||||
/* `Push Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .push_1 {
|
||||
left: 42px;
|
||||
}
|
||||
.container_24 .push_2 {
|
||||
left: 84px;
|
||||
}
|
||||
.container_24 .push_3 {
|
||||
left: 126px;
|
||||
}
|
||||
.container_24 .push_4 {
|
||||
left: 168px;
|
||||
}
|
||||
.container_24 .push_5 {
|
||||
left: 210px;
|
||||
}
|
||||
.container_24 .push_6 {
|
||||
left: 252px;
|
||||
}
|
||||
.container_24 .push_7 {
|
||||
left: 294px;
|
||||
}
|
||||
.container_24 .push_8 {
|
||||
left: 336px;
|
||||
}
|
||||
.container_24 .push_9 {
|
||||
left: 378px;
|
||||
}
|
||||
.container_24 .push_10 {
|
||||
left: 420px;
|
||||
}
|
||||
.container_24 .push_11 {
|
||||
left: 462px;
|
||||
}
|
||||
.container_24 .push_12 {
|
||||
left: 504px;
|
||||
}
|
||||
.container_24 .push_13 {
|
||||
left: 546px;
|
||||
}
|
||||
.container_24 .push_14 {
|
||||
left: 588px;
|
||||
}
|
||||
.container_24 .push_15 {
|
||||
left: 630px;
|
||||
}
|
||||
.container_24 .push_16 {
|
||||
left: 672px;
|
||||
}
|
||||
.container_24 .push_17 {
|
||||
left: 714px;
|
||||
}
|
||||
.container_24 .push_18 {
|
||||
left: 756px;
|
||||
}
|
||||
.container_24 .push_19 {
|
||||
left: 798px;
|
||||
}
|
||||
.container_24 .push_20 {
|
||||
left: 820px;
|
||||
}
|
||||
.container_24 .push_21 {
|
||||
left: 864px;
|
||||
}
|
||||
.container_24 .push_22 {
|
||||
left: 924px;
|
||||
}
|
||||
.container_24 .push_23 {
|
||||
left: 966px;
|
||||
}
|
||||
/* `Pull Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .pull_1 {
|
||||
left: -42px;
|
||||
}
|
||||
.container_24 .pull_2 {
|
||||
left: -84px;
|
||||
}
|
||||
.container_24 .pull_3 {
|
||||
left: -126px;
|
||||
}
|
||||
.container_24 .pull_4 {
|
||||
left: -168px;
|
||||
}
|
||||
.container_24 .pull_5 {
|
||||
left: -210px;
|
||||
}
|
||||
.container_24 .pull_6 {
|
||||
left: -252px;
|
||||
}
|
||||
.container_24 .pull_7 {
|
||||
left: -294px;
|
||||
}
|
||||
.container_24 .pull_8 {
|
||||
left: -336px;
|
||||
}
|
||||
.container_24 .pull_9 {
|
||||
left: -378px;
|
||||
}
|
||||
.container_24 .pull_10 {
|
||||
left: -420px;
|
||||
}
|
||||
.container_24 .pull_11 {
|
||||
left: -462px;
|
||||
}
|
||||
.container_24 .pull_12 {
|
||||
left: -504px;
|
||||
}
|
||||
.container_24 .pull_13 {
|
||||
left: -546px;
|
||||
}
|
||||
.container_24 .pull_14 {
|
||||
left: -588px;
|
||||
}
|
||||
.container_24 .pull_15 {
|
||||
left: -630px;
|
||||
}
|
||||
.container_24 .pull_16 {
|
||||
left: -672px;
|
||||
}
|
||||
.container_24 .pull_17 {
|
||||
left: -714px;
|
||||
}
|
||||
.container_24 .pull_18 {
|
||||
left: -756px;
|
||||
}
|
||||
.container_24 .pull_19 {
|
||||
left: -798px;
|
||||
}
|
||||
.container_24 .pull_20 {
|
||||
left: -820px;
|
||||
}
|
||||
.container_24 .pull_21 {
|
||||
left: -864px;
|
||||
}
|
||||
.container_24 .pull_22 {
|
||||
left: -924px;
|
||||
}
|
||||
.container_24 .pull_23 {
|
||||
left: -966px;
|
||||
}
|
||||
/* `清除浮动 */
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.clearfix:before, .clearfix:after, .container_24:before, .container_24:after {
|
||||
content: '.';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.clearfix:after, .container_24:after {
|
||||
clear: both;
|
||||
}
|
||||
.clearfix, .container_24 {
|
||||
zoom: 1;
|
||||
}
|
||||
/*----------------------------part3:base.css----------------------------*/
|
||||
/*1 标题
|
||||
Example：
|
||||
<h1> 大标题<small>小标题</small></h1>
|
||||
<h2> 大标题<small>小标题</small></h2>
|
||||
<h3> 大标题<small>小标题</small></h3>
|
||||
<h4> 大标题<small>小标题</small></h4>
|
||||
<h5> 大标题<small>小标题</small></h5>
|
||||
<h6> 大标题<small>小标题</small></h6>
|
||||
*/
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
color: inherit;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
color: #999;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
|
||||
font-size: 65%;
|
||||
}
|
||||
h4, h5, h6 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
|
||||
font-size: 75%;
|
||||
}
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
/*2 文字效果
|
||||
Name: 文字效果
|
||||
Example: style_b,style_strong,style_em,style_pre,style_uppercase,style_lowercase,style_capitalize,style_en
|
||||
*/
|
||||
/*小型文本*/
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
/*重要的文本，加粗*/
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
/*预格式化的文本*/
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/*文字大写*/
|
||||
.lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
/*文字小写*/
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/*首字母大写*/
|
||||
.en {
|
||||
font-family: Arial !important;
|
||||
}
|
||||
/*3 对齐
|
||||
Name: style_text-align
|
||||
Example: class="text-l|text-r|text-c|va-t|va-m|va-b"
|
||||
Explain: .text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
|
||||
.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
|
||||
*/
|
||||
.text-l {
|
||||
text-align: left;
|
||||
}
|
||||
.text-r {
|
||||
text-align: right;
|
||||
}
|
||||
.text-c {
|
||||
text-align: center;
|
||||
}
|
||||
.va * {
|
||||
vertical-align: sub !important;
|
||||
*vertical-align: middle !important;
|
||||
_vertical-align: middle !important;
|
||||
}
|
||||
.va-t {
|
||||
vertical-align: top !important;
|
||||
}
|
||||
.va-m {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
.va-b {
|
||||
vertical-align: bottom !important;
|
||||
}
|
||||
/*4 定位
|
||||
Name: style_position
|
||||
Example: class="pos-r|pos-a|pos-f"
|
||||
Explain: .pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定
|
||||
*/
|
||||
.pos-r {
|
||||
position: relative;
|
||||
}
|
||||
.pos-a {
|
||||
position: absolute;
|
||||
}
|
||||
.pos-f {
|
||||
position: fixed;
|
||||
}
|
||||
/*5 浮动
|
||||
Name: style_float
|
||||
Example: class="l|r"
|
||||
Explain: .l 左浮动|.r 右浮动
|
||||
*/
|
||||
.l, .f-l {
|
||||
float: left !important;
|
||||
_display: inline;
|
||||
}
|
||||
.r, .f-r {
|
||||
float: right !important;
|
||||
_display: inline;
|
||||
}
|
||||
[class*="span"].r, [class*="span"].f-r {
|
||||
float: right;
|
||||
}
|
||||
/*控制元素对定位的位置：居左|居右|j居上|居下*/
|
||||
.left {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.right {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.top {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
.bottom {
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
}
|
||||
/*6 文字单行溢出省略号
|
||||
Name: style_text-overflow
|
||||
Example: class="text-overflow"
|
||||
*/
|
||||
.text-overflow {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
/*7 线条
|
||||
Name: style_line
|
||||
Example: class="line"
|
||||
*/
|
||||
.line {
|
||||
font-size: 0px;
|
||||
line-height: 0px;
|
||||
border-top: solid 1px #eee;
|
||||
float: none;
|
||||
}
|
||||
/*8 外边距
|
||||
Name: style_margin
|
||||
Example: class="mt-5|mt-10..."
|
||||
Explain: .mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
|
||||
*/
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.mt-15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mt-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.mt-25 {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.mt-30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.mt-35 {
|
||||
margin-top: 35px;
|
||||
}
|
||||
.mt-40 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.mt-50 {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.mb-5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mb-15 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.mb-20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.mb-30 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.mb-40 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.mb-50 {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.ml-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ml-15 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.ml-20 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.ml-30 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
.ml-40 {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.ml-50 {
|
||||
margin-left: 50px;
|
||||
}
|
||||
.mr-5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.mr-10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mr-15 {
|
||||
margin-right: 15px;
|
||||
}
|
||||
.mr-20 {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.mr-30 {
|
||||
margin-right: 30px;
|
||||
}
|
||||
.mr-40 {
|
||||
margin-right: 40px;
|
||||
}
|
||||
.mr-50 {
|
||||
margin-right: 50px;
|
||||
}
|
||||
/*9 内填充
|
||||
Name: style_padding
|
||||
Example: class="pt-5|pt-10|……"
|
||||
Explain: .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
|
||||
*/
|
||||
.pt-5 {
|
||||
padding-top: 5px;
|
||||
}
|
||||
.pt-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.pt-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.pb-5 {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.pb-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.pb-20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.pl-5 {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.pl-10 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pl-20 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.pr-5 {
|
||||
padding-right: 5px;
|
||||
}
|
||||
.pr-10 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pr-20 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
.pd-5 {
|
||||
padding: 5px;
|
||||
}
|
||||
.pd-10 {
|
||||
padding: 10px;
|
||||
}
|
||||
.pd-15 {
|
||||
padding: 15px;
|
||||
}
|
||||
.pd-20 {
|
||||
padding: 20px;
|
||||
}
|
||||
.pd-30 {
|
||||
padding: 30px;
|
||||
}
|
||||
.pd-40 {
|
||||
padding: 40px;
|
||||
}
|
||||
/*10 边框，css3圆角
|
||||
Name: style_border
|
||||
Example: class="radius"
|
||||
Explain: .bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
|
||||
*/
|
||||
.radius {
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
.size-MINI.radius {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.size-L.radius {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.size-XL.radius {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.round {
|
||||
border-radius: 1000px;
|
||||
overflow: hidden;
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
.circle {
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
/*11 css3阴影
|
||||
Name: style_shadow
|
||||
Example: class="box-shadow|text-shadow"
|
||||
Explain: box-shadow 块级元素阴影，全局样式，可用在表格，文本框，文本域，div等块级元素上。
|
||||
text-shadow 文字阴影
|
||||
*/
|
||||
.box-shadow {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
.text-shadow {
|
||||
-webkit-text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
|
||||
behavior: url(ie-css3.htc);
|
||||
}
|
||||
/*12 行内分割竖线
|
||||
Name: style_pipe
|
||||
Example: <span class="pipe"|</span
|
||||
*/
|
||||
.pipe {
|
||||
margin: 0 5px;
|
||||
color: #CCC;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
/*13 文字尺寸
|
||||
Name: style_font-size
|
||||
Example: class="f-12|f-14|f-16|f-18|f-20|f-24|f-26|f-28|f-30"
|
||||
Explain: 12px字体|14px字体|16px字体|18px字体|20px字体|24px字体|26px字体|28px字体|30px字体
|
||||
*/
|
||||
.f-12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
.f-14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.f-16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.f-18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.f-20 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.f-24 {
|
||||
font-size: 24px;
|
||||
}
|
||||
.f-26 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.f-28 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.f-30 {
|
||||
font-size: 30px;
|
||||
}
|
||||
/*14 文字行距
|
||||
Name: mod_line-height
|
||||
Example: class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
|
||||
Explain: 16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
|
||||
*/
|
||||
.lh-16 {
|
||||
line-height: 16px;
|
||||
}
|
||||
.lh-18 {
|
||||
line-height: 18px;
|
||||
}
|
||||
.lh-20 {
|
||||
line-height: 20px;
|
||||
}
|
||||
.lh-22 {
|
||||
line-height: 22px;
|
||||
}
|
||||
.lh-24 {
|
||||
line-height: 24px;
|
||||
}
|
||||
.lh-26 {
|
||||
line-height: 26px;
|
||||
}
|
||||
.lh-28 {
|
||||
line-height: 28px;
|
||||
}
|
||||
.lh-30 {
|
||||
line-height: 30px;
|
||||
}
|
||||
/*15 全局文字颜色
|
||||
Name: style_body,style_a
|
||||
*/
|
||||
/*全局默认链接颜色*/
|
||||
body {
|
||||
font-family: 'Microsoft YaHei';
|
||||
color: #333;
|
||||
}
|
||||
.bg-fff {
|
||||
background-color: #fff;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
a:hover {
|
||||
color: #06c;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,419 @@
|
||||
/*------------全局样式------------*/
|
||||
.topbody{
|
||||
width:100%;height:30px;
|
||||
background:#1D71B7;
|
||||
font-size:12px;color:#FFF
|
||||
}
|
||||
.topbody li a{font-size:13px;color:#FFF;
|
||||
}
|
||||
.footbody{
|
||||
width: 100%;height:60px;
|
||||
background:#1D71B7;
|
||||
font-size:12px;color:#FFF;
|
||||
}
|
||||
.banner{width:100%;height:100px;background-image:url(../images/banner.png);overflow:hidden;
|
||||
}/*网站头部banner样式*/
|
||||
.bigtitle{width: 100%;height:45px;
|
||||
}
|
||||
.bigtitle li{padding:10px 10px 10px 10px;font-size:16px;color:#FFF;
|
||||
}
|
||||
.bigtitle li a{font-size:16px;color:#FFF;
|
||||
}
|
||||
*{margin:0; padding:0; list-style:none; }
|
||||
body{ background:#fff; font:normal 12px/22px 宋体; }
|
||||
img{ border:0; }
|
||||
a{ text-decoration:none; color:#333; }
|
||||
a:hover{ color:#1974A1; }
|
||||
|
||||
/*------------搜索样式------------*/
|
||||
.search {
|
||||
float: right;
|
||||
|
||||
}
|
||||
.search input {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #1D71B7;
|
||||
}
|
||||
.search input:hover {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.search #SearchT {
|
||||
width:100px;height:20px;
|
||||
|
||||
}
|
||||
.search #SearchDo {
|
||||
margin-left: 0px;
|
||||
|
||||
}
|
||||
|
||||
/*------------单列样式------------*/
|
||||
.singlelist{width:294px;height:245px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.singlelist ul{ width:294px; overflow:hidden;;
|
||||
}
|
||||
.singlelist ul li{width:284px;overflow:hidden;height:40px;line-height:40px;display:block;margin-left:10px;
|
||||
}
|
||||
.singlelist ul li .date{float:right;color:#999;font-size:12px;margin-right:10px;
|
||||
}
|
||||
/*------------主题焦点图样式------------*/
|
||||
.themebox{ width:988px; height:65px; overflow:hidden; position:relative; border:1px solid #ddd; margin-left:10px; }
|
||||
.themebox .wd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
|
||||
.themebox .wd ul{ overflow:hidden; zoom:1; float:left; }
|
||||
.themebox .wd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
|
||||
.themebox .wd ul li.on{ background:#f00; color:#fff; }
|
||||
.themebox .nd{ position:relative; height:100%; z-index:0; }
|
||||
.themebox .nd li{ zoom:1; vertical-align:middle; }
|
||||
.themebox .nd img{ width:988px; height:65px; display:block; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.themebox .prev,
|
||||
.themebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
|
||||
.themebox .next{ left:auto; right:3%; background-position:8px 5px; }
|
||||
.themebox .prev:hover,
|
||||
.themebox .next:hover{ filter:alpha(opacity=100);opacity:1; }
|
||||
.themebox .prevStop{ display:none; }
|
||||
.themebox .nextStop{ display:none; }
|
||||
|
||||
/*------------虎山资讯焦点图样式------------*/
|
||||
.slideBox{ width:410px; height:280px; overflow:hidden; position:relative; border:1px solid #ddd;}
|
||||
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
|
||||
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
|
||||
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
|
||||
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
|
||||
.slideBox .bd{ position:relative; height:100%; z-index:0; }
|
||||
.slideBox .bd li{ zoom:1; vertical-align:middle; }
|
||||
.slideBox .bd img{ width:410px; height:280px; display:block; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.slideBox .prev,
|
||||
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
|
||||
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
|
||||
.slideBox .prev:hover,
|
||||
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
|
||||
.slideBox .prevStop{ display:none; }
|
||||
.slideBox .nextStop{ display:none; }
|
||||
|
||||
/*------------滚动通知样式------------*/
|
||||
|
||||
|
||||
.txtMarquee-top{ width:267px; overflow:hidden; position:relative; border:1px solid #ccc; float:right;}
|
||||
.txtMarquee-top .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
|
||||
.txtMarquee-top .hd .next{ background-position:0 -140px; }
|
||||
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px; }
|
||||
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px; }
|
||||
.txtMarquee-top .bd{ padding:15px; }
|
||||
.txtMarquee-top .infoList li{ height:40px; line-height:40px; width:274px; overflow:hidden;font-size:13px; }
|
||||
.txtMarquee-top .infoList li .date{ float:right; color:#999; }
|
||||
|
||||
/*------------选项卡样式------------*/
|
||||
|
||||
|
||||
|
||||
|
||||
/* 本例子css */
|
||||
.slideTxtBox{ width:712px; border:1px solid #ddd; text-align:left;height:226px; }
|
||||
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;}
|
||||
.slideTxtBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
.slideTxtBox .bd ul{ padding:15px; zoom:1; }
|
||||
.slideTxtBox .bd li{ height:40px; line-height:40px; width:340px; float:left; overflow:hidden; text-indent: 10px; }
|
||||
.slideTxtBox .bd li .date{ float:right; color:#999; font-size:12px; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.slideTxtBox .arrow{ position:absolute; right:10px; top:0; }
|
||||
.slideTxtBox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
|
||||
.slideTxtBox .arrow .next{ background-position:0 -50px; }
|
||||
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
|
||||
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
|
||||
/*------------用稿统计表样式------------*/
|
||||
.statistics {
|
||||
width: 267px;
|
||||
height: auto;
|
||||
float:right;
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
|
||||
.statistics h3 {
|
||||
background-color: #F4F4F4;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 267px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 10px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.statistics .s_row {
|
||||
font-size: 12px;
|
||||
border-bottom: 1px solid #656565;
|
||||
background-color: #FFF;
|
||||
margin-bottom: 0px;
|
||||
padding: 0px 0;
|
||||
}
|
||||
|
||||
.statistics .s_row span {
|
||||
display: inline-block;
|
||||
width: 66px;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
.statistics ul li.s_row:nth-child(2n) {
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
/*------------1/3tab样式------------*/
|
||||
.littletabbox{ width:320px; border:1px solid #ddd; text-align:left;height:365px; overflow:hidden; }
|
||||
.littletabbox .upd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.littletabbox .upd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.littletabbox .upd ul li{ float:left; padding:0 15px; cursor:pointer;}
|
||||
.littletabbox .upd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
.littletabbox .downd ul{ padding:8px; zoom:1;overflow:hidden;height:365px;}
|
||||
.littletabbox .downd li{ height:40px; line-height:40px; width:300px; float:left; overflow:hidden; text-indent: 5px; }
|
||||
.littletabbox .downd li .date{ float:right; color:#999; font-size:12px; }
|
||||
|
||||
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
||||
.littletabbox .arrow{ position:absolute; right:10px; top:0; }
|
||||
.littletabbox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
|
||||
.littletabbox .arrow .next{ background-position:0 -50px; }
|
||||
.littletabbox .arrow .prevStop{ background-position:-60px 0; }
|
||||
.littletabbox .arrow .nextStop{ background-position:-60px -50px; }
|
||||
/*------------滚动图样式------------*/
|
||||
.picMarquee-left{ width:712px; overflow:hidden; position:relative; border:1px solid #ccc; }
|
||||
.picMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
|
||||
.picMarquee-left .hd .next{ background-position:0 -50px; }
|
||||
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
|
||||
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
|
||||
.picMarquee-left .bd{ padding:10px; }
|
||||
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
|
||||
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
||||
.picMarquee-left .bd ul li .pic{ text-align:center; }
|
||||
.picMarquee-left .bd ul li .pic img{ width:170px; height:185px; display:block; padding:2px; border:1px solid #ccc; }
|
||||
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
|
||||
.picMarquee-left .bd ul li .title{ line-height:24px; }
|
||||
|
||||
/*------------框样式------------*/
|
||||
|
||||
.box {
|
||||
width: 267px;
|
||||
height: auto;
|
||||
float:right;
|
||||
border:1px solid #ccc;
|
||||
}
|
||||
|
||||
.box h3 {
|
||||
background-color: #F4F4F4;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 267px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
line-height: 10px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.box .h3 ul li{width:88;overflow:hidden; float:left;
|
||||
}
|
||||
|
||||
/*------------slider链接框样式------------*/
|
||||
/* css 重置 */
|
||||
|
||||
/* 本例子css */
|
||||
.sideMenu{ border:1px solid #ddd;width:267px; float:right; height:490; }
|
||||
.sideMenu h3{ height:16px; line-height:16px; padding-left:10px; border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
|
||||
font:normal 14px/12px "Microsoft YaHei";
|
||||
}
|
||||
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
|
||||
.sideMenu h3.on em{ background-position:16px -57px; }
|
||||
.sideMenu ul{ padding:8px 25px; color:#999; display:none; font-size:14px;height:280; overflow:hidden;/* 默认都隐藏 */ }
|
||||
|
||||
/*------------虎山资讯图片新闻轮播样式------------*/
|
||||
|
||||
/*图片新闻轮播*/
|
||||
.slidenews {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 410px;
|
||||
height: 280px;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
font-family: Arial;
|
||||
text-align: left;
|
||||
background: #fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
.slidenews .pic img {
|
||||
width: 410px;
|
||||
height: 245px;
|
||||
display: block;
|
||||
}
|
||||
.slidenews .txt-bg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
background: #333;
|
||||
filter: alpha(opacity=40);
|
||||
opacity: 0.4;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slidenews .txt {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.slidenews .txt li {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
}
|
||||
.slidenews .txt li a {
|
||||
display: block;
|
||||
color: white;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.slidenews .num {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
bottom: 7px;
|
||||
right: 8px;
|
||||
}
|
||||
.slidenews .num li {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 15px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin-right: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.slidenews .num li a, .slidenews .num li span {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.slidenews .num li span {
|
||||
z-index: 1;
|
||||
background: black;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.slidenews .num li.on a, .slidenews .num a:hover {
|
||||
background: #006FB9;
|
||||
}
|
||||
/*------------虎山社区焦点图样式------------*/
|
||||
.shequslidenews {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 410px;
|
||||
height: 280px;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
font-family: Arial;
|
||||
text-align: left;
|
||||
background: #fff;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
.shequslidenews .shequpic img {
|
||||
width: 410px;
|
||||
height: 245px;
|
||||
display: block;
|
||||
}
|
||||
.shequslidenews .shequtxt-bg {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
height: 36px;
|
||||
width: 100%;
|
||||
background: #333;
|
||||
filter: alpha(opacity=40);
|
||||
opacity: 0.4;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shequslidenews .shequtxt {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.shequslidenews .shequtxt li {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
}
|
||||
.shequslidenews .shequtxt li a {
|
||||
display: block;
|
||||
color: white;
|
||||
padding: 0 0 0 10px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.shequslidenews .numb {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
bottom: 7px;
|
||||
right: 8px;
|
||||
}
|
||||
.shequslidenews .numb li {
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 15px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin-right: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.shequslidenews .numb li a, .shequslidenews .numb li span {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.shequslidenews .numb li span {
|
||||
z-index: 1;
|
||||
background: black;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
.shequslidenews .numb li.on a, .shequslidenews .numb a:hover {
|
||||
background: #006FB9;
|
||||
}
|
||||
@@ -0,0 +1,967 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" />
|
||||
<link rel="stylesheet" href="css/base.css" type="text/css" />
|
||||
<script src="js/jquery1.42.min.js" type="text/javascript"></script>
|
||||
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--网站顶部区-->
|
||||
<div class="topbody">
|
||||
<div class="container_24">
|
||||
<div class="grid_8 mt-5">
|
||||
<p>欢迎来到东海舰队训练基地学兵四大队政工网！</p>
|
||||
</div>
|
||||
<div class="grid_16 mt-5">
|
||||
|
||||
<li style="float:right"><a href="#" target="_blank">登录</a>
|
||||
<a href="#" target="_blank">注册</a>
|
||||
<a href="#" target="_blank">搜索</a></li>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--网站顶头部-->
|
||||
<div class="container_24">
|
||||
<div class="banner">
|
||||
<div><img src="images/logo.gif"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--网站顶头专题-->
|
||||
<div class="container_24 mt-10">
|
||||
<div id="themebox" class="themebox">
|
||||
<div class="wd">
|
||||
<ul><li>1</li><li>2</li><li>3</li></ul>
|
||||
</div>
|
||||
<div class="nd">
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".themebox").slide({ mainCell: ".nd ul", autoPlay: true, delayTime: 1000 });
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_10">
|
||||
<!-- 焦点图切换 -->
|
||||
<div id="slisernews_jiaodian" class="slidenews">
|
||||
<!--插入通用信息焦点图_新闻图片切换标签，栏目部队新闻，标题40字，5项-->
|
||||
|
||||
|
||||
<ul class="pic">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic1.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic2.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic3.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic1.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic1.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic1.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="txt-bg">`</div>
|
||||
<div class="txt">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">新兵岗前考核 敦促岗位履职</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">福建基地组织2016年度新训驾驶员岗前集训</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">舰装高级士官预选考核组莅临91726部队</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">坚持标准 严格考核</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">91602部队组织2016年度士官选取考核工作</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">91837部队严格把关新兵政治思想考核</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="num">
|
||||
<li>
|
||||
<a>1</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>2</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>3</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>4</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>5</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>6</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
//新闻图片切换
|
||||
$(".slidenews").slide({
|
||||
titCell: ".num li", mainCell: ".pic", effect: "fold", autoPlay: true, trigger: "click",
|
||||
startFun: function (i) {
|
||||
jQuery(".slidenews .txt li").eq(i).animate({ "bottom": 0 }).siblings().animate({ "bottom": -36 });
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 单行带框列表 -->
|
||||
<div class="grid_7">
|
||||
<div id="slidebox" class="singlelist" style="border:1px solid #ddd;">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头制定的规则</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="grid_7">
|
||||
<!-- 滚动通知栏 -->
|
||||
<div class="txtMarquee-top">
|
||||
<div class="hd">
|
||||
<li style="margin-top:5px;font-size:15px;color:#1D71B7;"><span class="date">通知公告：</span><a href="#" target="_blank" style="float:right;font-size:12px;">更多》</a></li>
|
||||
<a class="next"></a>
|
||||
<a class="prev"></a>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul class="infoList">
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件制定的巨头规则</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:4, opp:false, interTime:50});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 虎山动态标题-->
|
||||
<div class="container_24 mt-10" style="background:#1D71B7;">
|
||||
<div class="bigtitle">
|
||||
<li>
|
||||
<a href="#" target="_blank">虎山动态</a>
|
||||
<a href="#" target="_blank" style="float:right;font-size:12px;">更多》</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_16">
|
||||
<!-- 虎山动态第一个tab栏 -->
|
||||
<div id="dongtaitab1" class="slideTxtBox">
|
||||
<div class="hd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>训练处</li><li>政治处</li><li>后勤处</li><li>政文</li><li>共科</li><li>信号</li><li>报务</li><li>卫生队</li></ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则2</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则3</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则4</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则5</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则6</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则7</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分8</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">耶鲁小子：教你备考SAT</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">施强：高端专业语言教学</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">【推荐】名校英语方法曝光！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">2012高考"考点"大曝光!!</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">涨价仍爆棚假日旅游冰火两重天</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
|
||||
</div>
|
||||
<div id="dongtaitab2" class="slideTxtBox" style="margin-top:10px;">
|
||||
<div class="hd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>警汽队</li><li>十一队</li><li>十二队</li><li>十三队</li><li>十四队</li><li>十五队</li><li>十六队</li><li>十七队</li></ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则2</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则3</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则4</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则5</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则6</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则7</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分8</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">耶鲁小子：教你备考SAT</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">施强：高端专业语言教学</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">【推荐】名校英语方法曝光！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">2012高考"考点"大曝光!!</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">涨价仍爆棚假日旅游冰火两重天</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--用稿统计区-->
|
||||
<div class="grid_8">
|
||||
<div class="statistics">
|
||||
<div class="hd">
|
||||
<h3>各单位用稿统计</h3>
|
||||
<div class="s_row"><span>单位</span><span>本周</span><span>本月</span><span>年度</span></div>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li class="s_row"><span>训练处</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>政治处</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>后勤处</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>政文</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>共科</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>信号</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>报务</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>卫生队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>警汽队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十一队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十二队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十三队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十四队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十五队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十六队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
<li class="s_row"><span>十七队</span><span>123</span><span>123</span><span>123</span></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 虎山练兵标题-->
|
||||
<div class="container_24 mt-10" style="background:#1D71B7;">
|
||||
<div class="bigtitle">
|
||||
<li>
|
||||
<a href="#" target="_blank">虎山练兵</a>
|
||||
<a href="#" target="_blank" style="float:right;font-size:12px;">更多》</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_8">
|
||||
<div id="lianbing_tab1" class="littletabbox" style="margin-top:10px;">
|
||||
<div class="upd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>政工指导</li></ul>
|
||||
</div>
|
||||
<div class="downd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".littletabbox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_8">
|
||||
<div id="lianbing_tab2" class="littletabbox" style="margin-top:10px;">
|
||||
<div class="upd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>训练研究</li></ul>
|
||||
</div>
|
||||
<div class="downd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".littletabbox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_8">
|
||||
<div id="lianbing_tab1" class="littletabbox" style="margin-top:10px;">
|
||||
<div class="upd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>专业资料</li></ul>
|
||||
</div>
|
||||
<div class="downd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".littletabbox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 虎山文化标题-->
|
||||
<div class="container_24 mt-10">
|
||||
<div id="advbox" class="themebox">
|
||||
<div class="wd">
|
||||
<ul><li>1</li><li>2</li><li>3</li></ul>
|
||||
</div>
|
||||
<div class="nd">
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".themebox").slide({ mainCell: ".nd ul", autoPlay: true, delayTime: 1000 });
|
||||
</script>
|
||||
</div>
|
||||
<!-- 虎山文化标题-->
|
||||
<div class="container_24 mt-10" style="background:#1D71B7;">
|
||||
<div class="bigtitle">
|
||||
<li>
|
||||
<a href="#" target="_blank">虎山文化</a>
|
||||
<a href="#" target="_blank" style="float:right;font-size:12px;">更多》</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 虎山影院滚图-->
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_17">
|
||||
<div class="picMarquee-left">
|
||||
<div class="hd">
|
||||
<a class="next"></a>
|
||||
<a class="prev"></a>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul class="picList">
|
||||
<li>
|
||||
<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic4.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图4</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic5.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图5</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic6.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图6</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:4,interTime:50});
|
||||
</script>
|
||||
</div>
|
||||
<!-- 虎山影院旁电视直播区-->
|
||||
<div class="grid_7">
|
||||
<div id="tvbox" class="box">
|
||||
<div class="h3">
|
||||
<h3>直播电视</h3>
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/cctv1.gif" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/cctv2.gif" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/cctv3.gif" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container_24 mt-10">
|
||||
<!--军旅原创tab-->
|
||||
<div class="grid_8">
|
||||
<div id="wenhua_tab1" class="littletabbox" style="margin-top:10px;">
|
||||
<div class="upd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>军旅原创</li></ul>
|
||||
</div>
|
||||
<div class="downd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".littletabbox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
<!--兵言兵语tab-->
|
||||
<div class="grid_8">
|
||||
<div id="wenhua_tab2" class="littletabbox" style="margin-top:10px;">
|
||||
<div class="upd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>兵言兵语</li></ul>
|
||||
</div>
|
||||
<div class="downd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".littletabbox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
<!--游戏娱乐tab-->
|
||||
<div class="grid_8">
|
||||
<div id="wenhua_tab3" class="littletabbox" style="margin-top:10px;">
|
||||
<div class="upd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>游戏娱乐</li></ul>
|
||||
</div>
|
||||
<div class="downd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".littletabbox").slide();</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 虎山社区标题-->
|
||||
<div class="container_24 mt-10" style="background:#1D71B7;">
|
||||
<div class="bigtitle">
|
||||
<li>
|
||||
<a href="#" target="_blank">虎山社区</a>
|
||||
<a href="#" target="_blank" style="float:right;font-size:12px;">更多》</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_10">
|
||||
<!-- 虎山社区焦点图切换 -->
|
||||
<div id="slisernews_shequ" class="slidenews">
|
||||
<!--插入通用信息焦点图_新闻图片切换标签，栏目部队新闻，标题40字，5项-->
|
||||
|
||||
|
||||
<ul class="pic">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic1.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic2.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic3.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic1.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic2.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="images/pic3.jpg" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="txt-bg">`</div>
|
||||
<div class="txt">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">新兵岗前考核 敦促岗位履职</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">福建基地组织2016年度新训驾驶员岗前集训</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">舰装高级士官预选考核组莅临91726部队</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">坚持标准 严格考核</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">91602部队组织2016年度士官选取考核工作</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">91837部队严格把关新兵政治思想考核</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="num">
|
||||
<li>
|
||||
<a>1</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>2</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>3</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>4</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>5</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
<li>
|
||||
<a>6</a>
|
||||
<span>_</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
//新闻图片切换
|
||||
$(".slidenews").slide({
|
||||
titCell: ".num li", mainCell: ".pic", effect: "fold", autoPlay: true, trigger: "click",
|
||||
startFun: function (i) {
|
||||
jQuery(".slidenews .txt li").eq(i).animate({ "bottom": 0 }).siblings().animate({ "bottom": -36 });
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<!-- news单行带框列表 -->
|
||||
<div class="grid_7">
|
||||
<div id="news" class="singlelist" style="border:1px solid #ddd;">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头制定的规则</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="grid_7">
|
||||
<!-- 链接栏 -->
|
||||
|
||||
<div id="toolbox" class="box">
|
||||
<div class="h3">
|
||||
<h3>实用工具</h3>
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/cctv1.gif" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/cctv2.gif" /></a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/cctv3.gif" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_16">
|
||||
<!-- 虎山社区第一个大tab栏 -->
|
||||
<div id="hushan1" class="slideTxtBox">
|
||||
<div class="hd">
|
||||
|
||||
<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
|
||||
<span class="arrow"><a class="next"></a><a class="prev"></a></span>
|
||||
|
||||
<ul><li>心理咨询</li><li>法律在线</li><li>生活贴士</li><li>计生指导</li></ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则1</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则2</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则3</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则4</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
|
||||
</div>
|
||||
|
||||
<div class="grid_8">
|
||||
<div class="sideMenu" style="margin:0 auto">
|
||||
<h3><em></em>全军政工网重要站点</h3>
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事2</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事3</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事4</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事5</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h3 class="on"><em></em>海军政工网重要站点</h3>
|
||||
<!-- 假设当前频道为"幻灯片/焦点图系列"，手动或后台程序添加titOnClassName类名（默认是'on'），相当于设置参数defaultIndex:1。若设置参数returnDefault:true，则鼠标移出.sideMen0.3秒可以返回当前频道 -->
|
||||
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图11唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图22唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦3311唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图44唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图11唐事</a></li>
|
||||
|
||||
</ul>
|
||||
<h3><em></em>舰政工网队重要站点</h3>
|
||||
<ul>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯博客图片滚动</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图22唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦3311唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图44唐事</a></li>
|
||||
<li><a href="http://www.SuperSlide2.com" target="_blank">腾讯娱乐频道焦点图11唐事</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div><!-- sideMenu End -->
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".sideMenu").slide({
|
||||
titCell:"h3", //鼠标触发对象
|
||||
targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
|
||||
effect:"slideDown", //targetCell下拉效果
|
||||
delayTime:300 , //效果时间
|
||||
triggerTime:150, //鼠标延迟触发时间（默认150）
|
||||
defaultPlay:true,//默认是否执行效果（默认true）
|
||||
returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--网站底部区-->
|
||||
<div class="footbody">
|
||||
<div class="container_24 mt-10">
|
||||
<div class="grid_24 mt-5">
|
||||
<p align="center">版权所有：东海舰队训练基地学兵四大队政治处 Copyright © 2015-2016 All Rights Reserved.<br />
|
||||
联系方式：0531-851137</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user