@charset "utf-8";


/* 此混合布局的提示
1. 由于此侧栏基于全方 (em) 的大小以用户的默认字体大小为基础，因此您需要确保栏中的背景图形考虑了这一点。如果正确构建的话，混合布局对于需要较大字体的浏览器更为方便，因为栏的宽度仍保持适当比例。如果这不适合您的设计，则只需将宽度更改为像素大小并确保相应地更改 #mainContent div 上的边距。
2. 由于此布局中侧栏的大小以 body 元素中的 100% 字体大小为基础，因此，如果您通过对 body 元素或 #container 使用“font-size: 80%”来减小文本的总体大小，请记住列宽将按比例缩小。您最好增加列宽以及 #mainContent div 的侧边距大小对此进行补偿。
3. 如果字体大小在每个 div 中按不同的量进行更改（例如，#sidebar1 上的字体大小为 70%，#mainContent 上的字体大小为 85%），而不是对总体设计进行更改，则将按比例更改每个 div 的总体大小。您最好根据最终的字体大小来进行调整。
4. 对于此布局来说，#container div 不必具有 100% 的宽度。您最好使用它来创建假列或者限制布局的宽度。
5. #container div 不必具有 100% 的宽度，因为一个 div 本来就可以占用 100% 的可用空间。这样做的目的在于，如果您希望减小整个容器的大小（或许在每个边缘都留一点边距），则这将保留进行调整的余地。
*/

/*全局*/
body,
html {
    font: small Verdana, Arial, Helvetica, sans-serif;

    margin: 0;
    /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
    padding: 0;
    text-align: center;
}
*{box-sizing: content-box!important;}
img {
    border: 0;
}

a {
    color: #fe0000;
    text-decoration: none;
}

a:hover {
    color: #0006fe;
}

ul,
input,
marquee {
    padding: 0;
    margin: 0;
}



/*id选择*/
#container {
    width: 100%;
    height: auto;
    background-color: #dfe7f1;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#body {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: url(7652336.png) top center no-repeat #dfe7f1;
}

#banner {
    width: 100%;
    height: 398px;
}

#menu {
    width: 100%;
    height: 36px;
    background: url(7652338.png) no-repeat top;
    text-align: center;
}

#menu ul {
    width: 1060px;
    height: 36px;
    float: left;
    margin: 0px 0 0 80px;
    display: inline;
    list-style: none;
}

#menu ul li {
    width: 175px;
    height: 36px;
    float: left;
    margin: 0 0 0 10px;
    display: inline;

    color: #ffffff;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
}

#menu ul li a {
    width: auto;
    height: 36px;
    float: left;
    margin: 0 0 0 0px;
    display: inline;

    color: #ffffff;
    font-family: "微软雅黑";
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;

}

#menu ul li a:hover {
    color: #a9c6ea;
}

#content {
    width: 1000px;
    height: auto;
    padding-bottom: 20px;

    margin-left: auto;
    margin-right: auto;
    background: url(7652519.png) top center no-repeat #ffffff;
}



#pic_dongtai {
    width: 388px;
    height: 263px;
    background: url(#) no-repeat;
    float: left;
    margin: 0 0 0 0;
}

#box_dongtai {
    width: 525px;
    height: 263px;
    float: right;
    margin: 0;
}

.title_dongtai {
    width: 525px;
    height: 35px;
    background: url(#) no-repeat;
    float: left;
    margin: 0;
}

.zhaiyao_dongtai {
    width: 515px;
    height: 95px;
    float: left;
    margin: 0px 0 0 0;
    border: 1px #cccccc solid;
    padding-left: 2px;
    padding-right: 2px;

}


.title_word {
    width: 510px;
    height: 30px;

    margin: 5px 0 0 0;

    color: #ce0106;
    font-family: "宋体";
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}

.description {
    width: 500px;
    height: auto;
    margin: 0px 0 0 5px;
    text-align: left;
}

.description a {
    color: #737373;
    font-family: "宋体";
    font-size: 12px;
    line-height: 23px;
    vertical-align: middle;
    text-align: left;
}

.description a:hover {
    color: #ce0106;
}



.list_dongtai {
    width: 515px;
    float: left;
    margin: 10px 0px 0px 10px;
    display: inline;
    list-style: none;
    text-align: center;
}

.list_dongtai ul {
    width: 515px;
    float: left;
    margin: 0px 0 0 0px;
    list-style: none;
}

.list_dongtai ul li {
    width: 500px;
    height: 30px;
    background: url(#) no-repeat;
    float: left;

    color: #000000;
    font-family: "宋体";
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
    margin: 0 0 0px 0;
    padding-left: 15px;
}


.list_dongtai ul li a {
    color: #000000;
}

.list_dongtai ul li a:hover {
    color: #aa1000;
}



< !--一行两个-->.box_2in1_L {
    width: 467px;
    height: auto;
    float: left;
    margin: 0;
}

.box_2in1_R {
    width: 467px;
    height: auto;
    float: right;
    margin: 0;
}

.title_2in1 {
    width: 467px;
    height: 52px;
    background: url(7652341.png) no-repeat;
    float: left;
    margin: 0;
}

.body_2in1 {
    width: 467px;
    float: left;
    margin: 0;
    border-top: none;
    padding-bottom: 27px;
}

.title_word_2in1 {
    width: 275px;
    height: 42px;
    float: left;
    margin: 0px 0 0 10px;

    color: #ffffff;
    font-family: "微软雅黑";
    font-size: 26px;
    font-weight: bold;
    line-height: 42px;
    vertical-align: middle;
    text-align: left;
}



.list_2in1 {
    width: 465px;
    float: left;
    margin: 15px 0px 0px 3px;
    display: inline;
    list-style: none;
    text-align: center;
}

.list_2in1 ul {
    width: 465px;
    float: left;
    margin: 0px 0 0 0px;
    list-style: none;
}

.list_2in1 ul li {
    width: 435px;
    height: 40px;
    background: url(7652520.png) 10px 16px no-repeat;
    border-bottom: 1px dotted #3333cc;

    color: #333333;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 40px;
    vertical-align: middle;
    text-align: left;
    margin: 0 0 0px 0;
    padding-left: 30px;
}


.list_2in1 ul li a {
    display: inline-block;
    width: 355px;
    color: #333333;
}

.list_2in1 ul li span {
    display: inline-block;
    width: 80px;
    color: #999999;
}

.list_2in1 ul li a:hover {
    color: #051c74;
}


< !--一行三个-->.box_3in1_L {
    width: 296px;
    height: auto;
    float: left;
    margin: 0;
}

.box_3in1_R {
    width: 296px;
    height: auto;
    float: right;
    margin: 0;
}

.box_3in1_C {
    width: 296px;
    height: auto;
    float: left;
    margin: 0 0 0 6px;
}

.title_3in1 {
    width: 296px;
    height: 30px;
    background: url(#) no-repeat;
    float: left;
    margin: 0;
}

.body_3in1 {
    width: 294px;
    height: 180px;
    float: left;
    margin: 0;
    border: 1px #cccccc solid;
    border-top: none;
}

.title_word_3in1 {
    width: 75px;
    height: 26px;
    float: left;
    margin: 0px 0 0 12px;

    color: #ffffff;
    font-family: "宋体";
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}



.list_3in1 {
    width: 2850px;
    float: left;
    margin: 15px 0px 0px 10px;
    display: inline;
    list-style: none;
    text-align: center;
}

.list_3in1 ul {
    width: 285px;
    float: left;
    margin: 0px 0 0 0px;
    list-style: none;
}

.list_3in1 ul li {
    width: 270px;
    height: 30px;
    background: url(#) no-repeat;
    float: left;

    color: #000000;
    font-family: "宋体";
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
    margin: 0 0 0px 0;
    padding-left: 15px;
}


.list_3in1 ul li a {
    color: #000000;
}

.list_3in1 ul li a:hover {
    color: #aa1000;
}


.more a {
    width: 150px;
    height: 42px;
    float: right;

    color: #ffffff;
    font-family: Microsoft Yahei;
    font-size: 14px;
    line-height: 42px;
    vertical-align: middle;
    text-align: right;
    margin: 0 10px 0px 0;
    font-weight: bold;
}

.more a:hover {
    color: #bfefff;
}

#footer {
    width: 100%;
    height: 75px;
    background: url(7652337.png) center top no-repeat;
    margin-left: auto;
    margin-right: auto;

    color: #ffffff;
    font-family: Microsoft Yahei;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding-top: 16px;
}



.clear {
    clear: both;
}