@charset 'sut-8';
.banner { position:relative; width:100%; height:678px;}
.banner .bd { height:678px; overflow:hidden; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:678px; }
/*.banner .hd { position:absolute; bottom:13px; left:50%; width:1000px; margin-left:-500px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:15px; height:15px; margin:0 8px; background:url(../images/ico-2.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:url(../images/ico-02.png) no-repeat; }*/

.header { position:absolute; top:0; width:100%;}
.logo { float:left;  height:50px; margin-top:90px; margin-left:-72px; overflow: hidden; }

.nav { clear:left; float:left; width:85px; padding-top:30px; margin-top:20px; background:url(../images/nav-bg.png) no-repeat center top; }
.nav ul { background:#1a4f96; overflow:hidden;}
.nav li { width:85px; text-align:center; margin:15px 0;}
.nav li a {color:#ffffff; font:normal 14px/21px "microsoft yahei";}
.nav li:hover,.nav li.dq { background:#fff;}
.nav li:hover a,.nav li.dq a { color:#1d58a7;}

.topArea {float:right; margin-top:18px;}
.set { float:right; height:23px; color:#1d58a7; margin-right:9px;}
.set a {color:#1d58a7; font:normal 12px/23px "microsoft yahei"; padding:0 5px;  }
.set a:hover { color:#f9ce28;}

.search-form { float:right; width:220px; height:23px; overflow:hidden; }
.search-form div,.search-form input,.search-form button { float:left; }
.search-input-box { position:relative; width:184px; height:23px; padding:0px 5px; border:none; background:url(../images/searchinput.png) no-repeat; display:inline; }
.search-input-box input { width:194px; height:23px; color:#1d58a7; border:none; background:none; line-height:23px; vertical-align:middle; }
.search-btn button{ position:relative; width:26px; height:23px; border:none; background:url(../images/searchinput.png) no-repeat right; cursor:pointer; text-indent:-999em; }


.hot { background:#001e48; height:35px;}
.hot .wrap { position:relative; }
.hot em { float:left; background:url(../images/icon-1.jpg) no-repeat; width:19px; height:19px; margin-top:8px; padding-right:15px; }
.hot ul { float:left; width:680px; height:41px; }
.hot li { width:100%; height:41px; overflow: hidden; }
.hot li a {font:normal 12px/35px "microsoft yahei"; color:#fff; }
.hot li .date { padding-right:7px;font:normal 12px/35px "Arial"; color:#fff; }


.container { position:absolute; top:568px; left:0; width:100%;}
.container .wrap li { float:left; width:220px; height:53px; margin-right:13px; padding:29px 0 0 19px;}
.container .wrap li h2 { color:#001e48; font:normal 18px/18px "microsoft yahei"; padding-bottom:5px;}
.container .wrap li:hover h2 { color:#f9ce28;}
.container .wrap li p { color:#999999; font:normal 12px/12px "Arial";}
.container .wrap li.ico1 { background:url(../images/img-1.png) no-repeat;}
.container .wrap li.ico2 { background:url(../images/img-2.png) no-repeat;}
.container .wrap li.ico3 { background:url(../images/img-3.png) no-repeat;}
.container .wrap li.ico4 { background:url(../images/img-4.png) no-repeat;}