@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;
}

img {
    border: 0;
}

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

a:hover {
	text-decoration: none;
}

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: left;
  /*   background: url(../images/hsjhead.jpg) top center no-repeat ;  */
  background: url(../images/hsj2020082401.jpg) top center no-repeat; 
	
}

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

#menu {
    width: 100%;
    height: 36px;
    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 {
}

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

    margin-left: auto;
    margin-right: auto;
  
	
}



#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;
}





.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;
}





.box_2in1_L {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
}

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

.title_2in1 {
    width: 100%;
    height: 50px;
    background: url(../images/hsjtitle.png) 50% 50% no-repeat;
    float: left;
    margin: 0;
}

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

.title_word_2in1 {
    font-family: "微软雅黑";
	color:#0063bb;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
}



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

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

.list_2in1 ul li {
    width: 49%;
    float: left;
    height: 40px;
    color: #333333;
    font-family: "微软雅黑";
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    text-align: left;
    margin: 0 0 0px 0;
    padding-left: 30px;
}
.list_2in1 ul li:before {
    display: inline-block;
    content: "";
    position: relative;
    top: -45%;
    left: -15px;;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    background-color: #67a3ff;
    border-radius: 100px;
}
.list_2in1 ul li:hover:before {
    background-color: #487ca7;
}
.list_2in1 ul li:nth-child(even){
    float: right; 
    }

.list_2in1 ul li a {
    display: inline-block;
    width: 470px;
    color: #333333;
	white-space: nowrap;
	    overflow: hidden;
    text-overflow: ellipsis;
}

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

.list_2in1 ul li a:hover {
	    color: #4c7cd7;

}


< !--一行三个-->.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 {

}


.more a {
    float: right;
    margin-top: -25px;

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




.clear {
    clear: both;
}