/*CSS reset*/
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-size:14px; font-family:"微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none;outline: none;}
a:active{star:expression(this.onFocus=this.blur());}
a:hover{text-decoration:underline;}



body{ background:url(2015hsq_body_bg.png) no-repeat center 34px;}
.clear{ clear:both; height:0;}
.clear20{ clear:both; height:20px; line-height:20px;}

/* top */
.top-bar{ width:100%; height:34px; line-height:34px; background:#448aca; font-size:12px;}
.top{ width:1025px; margin:0 auto;}
.top ul li{ float:left; font-size:12px; background:url(2015hsq_index_top_liBg.jpg) no-repeat left center; padding:0 9px;}
.top ul li:first-child{ background:none;}
.top ul li a{ color:#fff;}
.top-left{ float:left;}
.top-right{ float:right;}


/* header */
.header{ width:1025px; height:146px; margin:0 auto;}
.header .logo{ float:left; display:block; width:284px; height:80px; margin:25px 0 0 15px;}

/* 检索 */
.search-bar{ float:right; width:447px; margin-top:40px;}
.search-bar p{ line-height:30px; height:30px; padding-left:10px; color:#e1394b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.search-bar p a{ color:#707070; margin-right:5px;}
.search-bar .search{ width:445px; height:34px; border:1px solid #448aca;}
.search-bar span.dropselect_box{ position:relative;  width:110px; display:inline-block; border:none; float:left; height:34px; z-index:99;}
.dropselect_SimpleSelect { width:100%; /*height:30px;*/ display:block; overflow:hidden; background:url(2015hsq_index_jt.png) no-repeat 92% 14px #fff; line-height:34px; text-align:center; position: relative; left:0px; top:0px; padding:0;}
.dropselect_SimpleSelect ul{border:none;}
.dropselect_SimpleSelect li{ font-size:14px; width:100%; height:34px; line-height:34px;}
.dropselect_SimpleSelect li a{height:auto; width:85%; color:#378ecf;}
.dropselect_SimpleSelect li.hover a { color:#378ecf; width:100%; display:block;}
.dropselect_SimpleSelect li a:hover,.dropselect_SimpleSelect li a:focus,.dropselect_SimpleSelect li:hover,.dropselect_SimpleSelect li:focus{background:none;}
.hidden {display:none;}
.search-txt{ float:left; border:none; width:228px; height:34px; line-height:34px; color:#666;}
.search-bnt{ float:left; border:none; width:107px; height:34px; color:#fff; background:#448aca; cursor:pointer;}


/* banner */
.banner{ width:100%; height:350px; background:url(2015hsq_banner_bg.png) no-repeat center top;}
.banner_bar{ width:1025px; margin:0 auto;}
.banner_left{ width:915px; float:left;}
/* nav */
.nav{ float:right; width:80px; height:340px; background:#448aca; padding:10px 15px 0;}
.nav li{ border-top:1px dashed #b2cae6; height:55px; font-size:16px; line-height:55px; text-align:center;}
.nav li:first-child{ border:none;}
.nav li a{ color:#fff;}

/* 横向导航 */
.nav_bar{ width:1025px; height:60px; margin:0 auto; background:#448aca; display:none;}
.nav_bar ul{ width:100%; margin:0 auto;}
.nav_bar li{ float:left; width:16.6%; text-align:center; line-height:60px; font-size:16px; background:url(2015hsq_navBar_bg.png) no-repeat left center;}
.nav_bar li:first-child{ background:none;}
.nav_bar li a{ color:#fff;}

.main{ width:1025px; margin:20px auto 50px;}

/* 当前位置 */
.dqwz{ line-height:30px;}
.dqwz a{ color:#434343; margin:0 5px;}
.dqwz a:hover{ color:#448aca; text-decoration:none;}

/* footer */
.footer_box{ background:#1961a2;}
.friend_link{ width:1025px; height:46px; margin:0 auto; line-height:46px; background:#1961a2;}
.friend_link h3{ float:left; font-size:14px; color:#fff;}
.friend_link .link{ float:left; color:#fff; font-size:14px; margin-right:8px;}
.friend_link .link:hover{ text-decoration:underline;}
.friend_link span.dropselect_box{ position:relative; width:122px; display:inline-block; border:none; float:left; height:25px; z-index:1; margin-left:8px; margin-top:10px;}
.dropselect_SimpleSelect1 { /*height:30px;*/ display:block; overflow:hidden; background:url(2015hsq_footer_jt.png) no-repeat 105px 10px #fff; line-height:41px; text-align:center; position: relative; left:0px; top:0px; padding:0;}
.dropselect_SimpleSelect1 li{ font-size:14px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dropselect_SimpleSelect1 li a{height:auto; width:85%; color:#535353;}
.dropselect_SimpleSelect1 li.hover a { color:#535353; display:block;}
.dropselect_SimpleSelect1 li a:hover,.dropselect_SimpleSelect1 li a:focus,.dropselect_SimpleSelect1 li:hover,.dropselect_SimpleSelect1 li:focus{ background:none;}
.hidden {display:none;}

.footer{ background:#448aca; text-align:center; padding:25px 2% 45px; color:#fff; line-height:20px;}
.footer a{ color:#fff;}
.footer p{ color:#fff; line-height:20px; padding-top:10px;}
.footer p a:hover{ text-decoration:underline;}


@media screen and (max-width: 1025px){
	.nav{ display:none;}
	.banner_bar,.banner_left{ width:100%;}
	.nav_bar{ display:block !important; width:100%;}
	
	
	.top,.header{ width:100%;}
	.header{ height:auto; padding-bottom:20px;}
	
	.main{ width:100%; margin:20px auto;}
	.top-right,.friend_link{ display:none;}
	
	.Hj-EasyRead-Container{ display:none;}
}

@media screen and (max-width: 760px){
	.header .logo{ float:none; text-align:center; width:100%; height:auto; margin-left:0;}
	.search-bar{ float:none;  width:95%; margin:15px auto 0;}
	.search-bar .search{ width:100%;}
	.search-bar span.dropselect_box{ width:25%;}
	.search-txt{ width:55%;}
	.search-bnt{ width:20%;}
}

@media screen and (max-width: 480px){
	.header .logo img{ width:55%; height:auto;}
	.dropselect_SimpleSelect li{ font-size:12px;}	
	
	.nav_bar{ display:block; width:100%; height:100px;}
	.nav_bar li{ width:33.3%; font-size:14px; line-height:50px;}
	.nav_bar li:nth-child(4){ background:none;}
}