@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px; cursor:default;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
a{text-decoration:none; outline:none; color:#4c4c4c;}
a:hover{ text-decoration:none; color:#334dbe;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.clear{ clear:both;}
.ofhidden{ overflow:hidden;}
.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.fl{float:left;}
.fr{ float:right;}
.img_weixin{display: none;}
body{ background:url(../img/bg.jpg) no-repeat center top #fff;}
.top_bg{ width:100%; height:30px; background:rgba(95,164,213,0.7);}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .top_bg{
    background-color:#5fa4d5;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .top_bg .top{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.top{ width:1140px; margin: 0 auto; height:30px; line-height:30px; }
.top_left li{ float:left; color:#fff;}
.top_left li a{ color:#fff; padding:0 8px;}
.top_left li a:hover{ text-decoration:underline;}

.header{ width:1140px; height:180px; line-height:180px; margin:0 auto;}
.header .logo{ float:left; padding:50px 0 0 0; *padding-top:0;}
.header .logo img{ width:657px; height:78px;}
.header .search{ float: right; margin-top:72px; border:2px solid #0078db;}
.search span.dropselect_box { position:relative;  width:89px; border-right:1px solid #0078db; display:inline-block; float:left; height:36px; z-index:99;}
.dropselect_SimpleSelect { width:100%; /*height:30px;*/ display:block; overflow:hidden; background:url(../img/2015kjt_search_jt.png) no-repeat 72px 17px #fff; line-height:36px; text-indent: 10px; position: relative; left:0px; top:0px; padding:0;}
.dropselect_SimpleSelect ul{border:none;}
.dropselect_SimpleSelect li{ width:100%; height:36px; line-height:36px;}
.dropselect_SimpleSelect li a{height:auto; width:85%; color:#959595;}
.dropselect_SimpleSelect li.hover a { color:#959595; width:100%; display:block;}
.dropselect_SimpleSelect li a:hover,.dropselect_SimpleSelect li a:focus,.dropselect_SimpleSelect li:hover,.dropselect_SimpleSelect li:focus{background:none;}
.search_text{ float:left; border:none; width: 165px; height:36px; line-height:36px; color:#cecece; text-indent:10px;}
.search_sub{ float:left; width:61px; height:36px; background:#0078db; border:none; color:#fff; cursor:pointer;}

.nav{ width: 1140px; height: 60px; margin:0 auto; position:relative; z-index:1; background:#496bd7;}
.nav li{ float: left; width: 285px; height: 57px; line-height: 57px; text-align:center; font-size: 17px; border-bottom:3px solid #334dbe;}
.nav  li i.nav_line{ float:right; width:1px; height:54px; background:url(../img/nav_line.png) right center no-repeat; right:0; top:0;}
.nav li a{ color:#fff;}
.nav li span{ position:relative; float:left; width:30px; height:30px; top:16px; left:85px;}
.nav li span.nav1{ background:url(../img/nav_bg.png) 0 0 no-repeat; }
.nav li span.nav2{ background:url(../img/nav_bg.png) 0 -40px no-repeat;}
.nav li span.nav3{ background:url(../img/nav_bg.png) 0 -90px no-repeat;}
.nav li span.nav4{ background:url(../img/nav_bg.png) 0 -130px no-repeat;}
.nav li:hover{ background:#334dbe;}


/* footer */
.friend_link_box{ background:#f8f8f8; border-top:1px solid #334dbe; /*width:expression(document.body.clientWidth <= 1140? "1140px": "auto");min-width:1140px;*/} 
.friend_link{ width:1140px; height:60px; margin:0 auto; line-height:60px;}
.friend_link h3{ float:left; width: 110px; height: 60px; background:#334dbe; font-size: 16px; color:#fff; text-align: center; line-height: 60px; margin-right:40px;}
.friend_link a{ float:left; font-size:14px; color:#666; margin-right:18px; display:block; width:107px; height:55px; padding-top:5px;}
.friend_link a img{ width:107px; height:33px;}
.friend_link a p{ width:100%; height:22px; line-height:22px; text-align:center}
.friend_link a:hover{ color:#334dbe;}
.hidden {display:none;}

.footer{ background:#334dbe; text-align:center; padding:20px 0 50px;}
.foot_info{ width:1140px; margin:0 auto;}
.footer span{ display:block; width:100%; color:#fff; font-size:14px; height:30px; line-height:30px;}
.footer img{ margin-top:10px;}


@media screen and ( max-width: 1140px){
	
	.header{ width: 100%; height:auto; padding:20px 0;}
	
	.nav,.main,.top{ width: 100%;}
	
	.nav li,.nav li{ width: 25%; border:none; height:60px; margin:0 !important; text-indent: 0px; text-align: center;}
	.nav li span{ background:none!important; width:0!important;}
	.nav li a{ color:#fff;}
	.nav li.current,.nav li:hover,.nav li.current a,.nav li:hover a{ }
	
	.friend_link{ display:none;}
	.footer{ padding:10px 2%; height: auto !important;}
	.foot_info{ height:auto !important;}
	.footer div{ width: 100% !important;}
	.footer .gov_ico{ float: none !important; margin:0 auto !important; padding:0 !important; text-align: center;}
	.footer p{ float: none !important; margin:0 auto !important; padding:0 !important; text-align: center; line-height: 24px !important;}
}

@media screen and ( max-width: 900px){
	.header{ height:auto; padding:20px 0;}
	.header .logo{ float: none; width: 100%; padding:0; text-align: center;}
	.header .logo img{ width: 50%; height:auto;}
	.header .search{ float: none; width: 316px; height: 36px; margin:20px auto 0;}
}

@media screen and ( max-width: 640px){
	.header .logo img{ width: 60%;}
    .img_weixin{display: block;}
}

@media screen and ( max-width: 480px){
	.header .logo img{ width: 70%;}
	
	.nav li,.slideBox .bd li p{ font-size: 14px;}
}