body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none; }
body{ font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #fff; position: relative; overflow-x:hidden; }
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3;font-family: "Microsoft YaHei"; }
.header{ width:1180px; height:32px; margin:0 auto; position:relative; }
.header ul{ float:left; }
.header li{ float:left; color:#666; line-height:32px; }
.header li a,.header p a{ color:#666; padding:0 4px; }
.header a:hover,.header a.mobile:hover{ color:#f60; }
.header input{ width:92px; height:18px; float:left; border:1px solid #d4d4d4; margin:6px 6px 0 0; }
.header button{ width:35px; height:19px; float:left; background:url(../images/news2014/news.gif) no-repeat 0 0; margin:6px 4px 0 2px; }
.header p{ line-height:32px; float:right; padding-right:6px; color:#dfdfdf; }
.header a.mobile{ width:55px; height:16px; display:block; float:right; text-indent:18px; margin-top:8px; line-height:16px; color:#38880b; background:url(../images/news2014/news.gif) no-repeat -139px 0; }
/*adTop*/
.adTop{ width:1180px; margin:0 auto; overflow:hidden; }
.adTop ul{ width:1190px; display:inline; float:left; margin:0px 0 0 -5px; }
.adTop li{ display:block; float:left; padding:10px 5px 0 5px; }
.adTop img,.adTop embed{ float:left; }
/*top*/
.top{ width:1180px; height:60px; margin:10px auto 0; position:relative; z-index:77; }
.top .logo{ width:242px; height:60px; position:absolute; left:0; top:0; z-index:77; }
.search{ width:419px; height:38px; position:absolute; top:16px; left:353px; border:1px solid #c1c1c1; border-right:0; z-index:77; }
.top .text{ width:350px; height:38px; display:block; position:absolute; top:17px; left:423px; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; font-size:14px; z-index:77;font-family: 'Microsoft YaHei'; }
.top button{ width:71px; height:40px; display:block; position:absolute; top:16px; left:773px; background:url(../images/news2014/news.gif) no-repeat 0 -20px; cursor:pointer; z-index:77; }
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:56px; left:353px; z-index:9999; }
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#38880b; color:#fff; }
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left; }
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; text-indent:16px; position:absolute; top:18px; left:354px; cursor:pointer; background:#fff url(../images/news2014/news.gif) no-repeat -93px -20px; z-index:77; font-family: 'Microsoft YaHei';}
/*adRight*/
.adRight{ position:absolute; left:880px; top:2px; z-index:1; }
/*.adRight img{ float:left; }*/
.nav{ width: 1183px; height: 40px; margin: 18px auto 0; border-bottom: 5px solid #f0f0f0; }
.nav a{ width: 166px; height: 38px; float: left; display: block; border:1px solid #38880b; border-right: 1px solid #9cc485; text-align: center; color: #fff; font: bold 16px/38px "Microsoft Yahei"; background: #38880b; }
.nav a.first{ width: 172px; background: #fff; color: #333; border:1px solid #dedede; }
.nav a.last{ border-right: 0; }
.nav a:hover{ text-decoration: underline; }
ul.exhibitionList{ width: 1200px; margin:10px auto 0; }
ul.exhibitionList li{ width: 180px; float: left; padding: 10px; }
ul.exhibitionList li img{ width: 180px; height: 110px; float: left; border:1px solid #ddd;}
ul.exhibitionList li p{ float: left; margin-top: 1px; }
ul.exhibitionList li p a{ width: 158px; height: 41px; float: left; padding: 4px 7px 0 17px; background: #38880b; font: bold 14px/19px "Microsoft Yahei"; color: #fff; overflow: hidden; }
ul.exhibitionList li p a:hover{ background: #333; color: #a3a3a3; }
.newspages{ width:1180px; margin:0 auto; padding:15px 0; font: normal 12px/30px "Tahoma","\5b8b\4f53","Arial"; color:#666; text-align: center; }
.newspages a{ height:30px; width: 30px; border:1px solid #C9C9C9; background-color:#f2f2f2; color:#666668; display:inline-block; font: normal 14px/30px "Tahoma","Arial"; margin:0 3px; vertical-align: middle; text-align: center; }
.newspages a.on{ border:1px solid #4f663e; background-color:#38880b; cursor:default; color:#fff; }
.newspages a.ft,.newspages a.lt{ display: none; }
.newspages span.page_etc{ color:#999; margin:0 10px; }
.newspages span.page_turn{ position:relative; margin-left:10px; }
.newspages span.page_turn b{ padding:0 5px; }
.newspages span.jump input{ width:45px; height:32px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px; font-family: "tahoma"; vertical-align: middle; }
.newspages button{ height:32px; padding:0 10px; border:1px solid #C9C9C9; background-color:#f2f2f2; color:#666; cursor:pointer; margin-left:2px; vertical-align: middle; }
.newspages a.prev{ background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) 2px -19px no-repeat; }
.newspages a.prev:hover{ background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) 2px 4px no-repeat; }
.newspages a.next{ background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) -24px -19px no-repeat; }
.newspages a.next:hover{ background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) -24px 4px no-repeat; }
.newspages a:hover{ color: #000; }
.newspages a.on:hover{ color:#fff; }

.publicbox{width: 100%}
.lostpro{width:450px;background: url(../images/lostpro.jpg) no-repeat;margin: 85px auto 0;padding-left: 165px;}
.lostpro span{font: 22px/44px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostproab a{background: url(../images/caigouSearch.png) no-repeat -145px -35px;padding-left: 12px;}

@media only screen and (max-width: 1024px){
    .top,
    .nav,
    .newspages,
    .header{
        width: 840px;
    }
    .header input {
        width: 52px;
    }
    .header li a, .header p a {
        color: #666;
        padding: 0 1px;
    }
    /* 比版心宽度多20 */
    ul.exhibitionList{
        width: 860px;
    }
    .top {
        height: 50px;
        margin: 12px auto 0;
    }
    .top .logo {
        width: 202px;
        height: 50px;
    }
    .search {
        width: 380px;
        height: 34px;
        top: 4px;
        left: 353px;
    }
    .selectbox {
        width: 68px;
        height: 32px;
        line-height: 32px;
        font-size: 13px;
        top: 6px;
        left: 354px;
        background: #fff url(../images/news2014/news.gif) no-repeat -93px -23px;
    }
    .top .text {
        width: 310px;
        height: 34px;
        top: 5px;
        left: 423px;
        line-height: 34px;
        text-indent: 10px;
        font-size: 13px;
    }
    .top button {
        width: 71px;
        height: 36px;
        top: 4px;
        left: 733px;
        background: url(../images/news2014/news.gif) no-repeat 0 -22px;
    }
    .nav {
        height: 32px;
        margin: 10px auto 0;
        border-bottom: 4px solid #f0f0f0;
    }
    .nav a {
        width: 116px;
        height: 30px;
        font: bold 13px/30px "Microsoft Yahei";
    }
    .nav a.first {
        width: 130px;
    }
    ul.exhibitionList {
        margin: 5px auto 0;
    }
    ul.exhibitionList li {
        width: 133px;
        padding: 5px;
    }
    ul.exhibitionList li img {
        width: 131px;
        height: 80px;
    }
    ul.exhibitionList li p a {
        width: 122px;
        height: 33px;
        padding: 2px 3px 0 8px;
        font: bold 12px/15px "Microsoft Yahei";
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .top,
    .nav,
    .newspages,
    .header{
        width: 978px;
    }
    .header li a, .header p a {
        color: #666;
        padding: 0 3px;
    }
    /* 比版心宽度多20 */
    ul.exhibitionList{
        width: 994px;
    }
    .nav {
        height: 36px;
        margin: 15px auto 0;
    }
    .nav a {
        width: 136px;
        height: 34px;
        font: bold 15px/34px "Microsoft Yahei";
    }
    .nav a.first {
        width: 148px;
    }
    ul.exhibitionList {
        margin: 4px auto 0;
    }
    ul.exhibitionList li {
        width: 149px;
        padding:8px;
    }
    ul.exhibitionList li img {
        width: 147px;
        height: 90px;
    }
    ul.exhibitionList li p a {
        width: 131px;
        height: 34px;
        padding: 4px 6px 0 12px;
        font: bold 12px/16px "Microsoft Yahei";
    }


}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.footer .foot{
		width: 1180px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px){
    .top,
    .nav,
    .newspages,
    .header{
        width: 1240px;
    }
    #header {
        font-size: 14px;
    }
    .header a.mobile {
        width: 62px;
    }
    /* 比版心宽度多20 */
    ul.exhibitionList{
        width: 1260px;
    }
    .top {
        margin: 15px auto 0;
    }
    .search {
        left: initial;
        height: 38px;
        top: 16px;
        right: 521px;
    }
    .selectbox {
        left: initial;
        width: 76px;
        height: 36px;
        top: 18px;
        right: 863px;
    }
    .top {
        margin: 25px auto 0;
    }
    .top .text {
        left: initial;
        width: 342px;
        height: 38px;
        top: 17px;
        right: 521px;
    }
    .top button {
        left: initial;
        width: 71px;
        height: 40px;
        top: 16px;
        right: 450px;
    }
    .selectbox-wrapper {
        left: initial;
        right: 866px;
    }
    .selectbox-wrapper ul li {
        width: 70px;
        font-size: 15px;
        line-height: 22px;
        padding-top: 3px;
        text-indent: 20px;
    }
    .nav {
        height: 42px;
    }
    .nav a {
        width: 174px;
        height: 40px;
        font: bold 17px/40px "Microsoft Yahei";
    }
    .nav a.first {
        width: 181px;
    }
    ul.exhibitionList li {
        width: 190px;
    }
    ul.exhibitionList li img {
        width: 188px;
        height: 115px;
    }
    ul.exhibitionList li p a {
        width: 166px;
        height: 43px;
        padding: 4px 7px 0 17px;
        font: bold 14px/20px "Microsoft Yahei";
    }
    .newspages {
        padding: 30px 0;
        font: normal 15px/36px "Tahoma","\5b8b\4f53","Arial";
    }
    .newspages a {
        height: 36px;
        width: 36px;
        font: normal 15px/36px "Tahoma","Arial";
        margin: 0 6px;
    }
    .newspages a.prev {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) 4px -15px no-repeat;
    }
    .newspages a.prev:hover {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) 4px 8px no-repeat;
    }
    .newspages a.next {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) -20px -15px no-repeat;
    }
    .newspages a.next:hover {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) -20px 8px no-repeat;
    }
    .jump{
        margin-left: 5px;
    }
    .newspages span.jump input {
        width: 58px;
        height: 36px;
        margin: 0 8px;
        line-height: 36px;
    }
    .newspages button {
        height: 38px;
        padding: 0 12px;
        margin-left: 2px;
        font-size: 15px;
    }
}
@media only screen and (min-width: 1600px){
	#nav{
		min-width: 1400px;
	}
    .top,
    .nav,
    .newspages,
    .header{
        width: 1400px;
    }
    #header {
        font-size: 14px;
    }
    .header a.mobile {
        width: 62px;
    }
    .search {
        left: initial;
        height: 38px;
        top: 16px;
        right: 671px;
    }
    .selectbox {
        left: initial;
        width: 76px;
        height: 36px;
        top: 18px;
        right: 1013px;
    }
    .top {
        margin: 25px auto 0;
    }
    .top .text {
        left: initial;
        width: 342px;
        height: 38px;
        top: 17px;
        right: 671px;
    }
    .top button {
        left: initial;
        width: 71px;
        height: 40px;
        top: 16px;
        right: 600px;
    }
    .selectbox-wrapper {
        left: initial;
        right: 1016px;
    }
    .selectbox-wrapper ul li {
        width: 70px;
        font-size: 15px;
        line-height: 22px;
        padding-top: 3px;
        text-indent: 20px;
    }
    .nav {
        height: 46px;
        margin: 25px auto 0;
    }
    .nav a {
        width: 197px;
        height: 44px;
        font: bold 18px/44px "Microsoft Yahei";
    }
    .nav a.first {
        width: 203px;
    }
    ul.exhibitionList {
        width: 1430px;
        margin: 12px auto 0;
    }
    ul.exhibitionList li {
        width: 214px;
        padding: 12px;
    }
    ul.exhibitionList li img {
        width: 212px;
        height: 130px;
    }
    ul.exhibitionList li p a {
        width: 190px;
        height: 49px;
        padding: 4px 7px 0 17px;
        font: bold 15px/24px "Microsoft Yahei";
    }
    .newspages {
        padding: 30px 0;
        font: normal 15px/36px "Tahoma","\5b8b\4f53","Arial";
    }
    .newspages a {
        height: 36px;
        width: 36px;
        font: normal 15px/36px "Tahoma","Arial";
        margin: 0 6px;
    }
    .newspages a.prev {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) 4px -15px no-repeat;
    }
    .newspages a.prev:hover {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) 4px 8px no-repeat;
    }
    .newspages a.next {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) -20px -15px no-repeat;
    }
    .newspages a.next:hover {
        background: #f2f2f2 url(http://www.hbzhan.com/images/lists/pagearrow.gif) -20px 8px no-repeat;
    }
    .jump{
        margin-left: 5px;
    }
    .newspages span.jump input {
        width: 58px;
        height: 36px;
        margin: 0 8px;
        line-height: 36px;
    }
    .newspages button {
        height: 38px;
        padding: 0 12px;
        margin-left: 2px;
        font-size: 15px;
    }
}