/*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-family:"氓戮庐猫陆炉茅鈥衡?γ┞烩??"; font-size:14px; cursor:default; color:#333333;}
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; color:#333333;}
a:hover{ text-decoration: underline; color: #900;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

.fl{ float: left;}
.fr{ float: right;}
.mt{ margin-top:20px;}
.clear{ clear:both;}

body{ background: #FFF url(czj_body_bg.png) no-repeat center top;}

.header{ width:1080px; height:237px; margin:0 auto; position:relative;}
.logo img{ width:405px; height:105px; margin-top:34px;}
.time{ height:24px; line-height:24px;}
.time .date{ margin-top:55px; margin-right:10px; color:#003399; font-size:12px;}
.time .weather{ margin-left:15px;}

/* 氓炉录猫藛陋忙聺隆 */
.nav{ width: 1080px; height: 56px; line-height: 56px; margin: 0 auto; background:url(czj_nav_bg.png) repeat-x; position:absolute; left:0; bottom:0;}
.nav ul li{ float: left; width: 184px; font-size: 16px; text-align: center;position:relative;}
.nav ul li.mainli{ background: url(czj_nav_li.png) no-repeat left center;}
.nav ul li:first-child{ width: 136px; background: none;}
.nav ul li a{ color: #fff;}
.nav ul li a:hover{ text-decoration: none;}
ul.subs{display: none; position: absolute; left: 0; top: 56px; background-color: #fff; background-image: none !important; z-index: 50; width: 100%; border: 1px solid #ccc;}
ul.subs li{ width:100%; background: none; text-align: left; text-indent: 33px; line-height:30px;font-size:14px;}
ul.subs li:first-child{ width:100%;}
ul.subs li a { display:block; color:#000; width:100%; height:100%;}
ul.subs li a:hover{ color:#0e58b1;}.
ul.subitem16{ display:none !important;}
ul.subitem17,ul.subitem18{ width:266px;}
ul.subitem17 li,ul.subitem17 li:first-child,ul.subitem18 li,ul.subitem18 li:first-child{ width: 133px; display: inline-block; *display:inline; zoom:1;}

.main{ width:1080px; margin:0 auto;}

/* 莽鈥灺γр?毬姑モ?郝? */
.slideBox{ float:left; width: 580px; height: 350px; position:relative;overflow:hidden;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:15px; bottom:13px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-left:5px; width: 10px; height:10px; background:#fff; font-size: 0px; line-height: 999px; cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{ background:#ff6600;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li span{ position:absolute; left:0; bottom:0; width: 580px; height:45px; background:url(clarity.png) repeat-x; line-height:45px; text-indent:10px; font-size:14px; color:#eee; text-align:left; cursor:pointer;}
.slideBox .bd img{ width:580px; height:350px;}

/* news */
.czdt{ width:488px; height:348px; overflow: hidden; margin-left:10px; border:1px solid #f1f5fa; background:#FFF;}
.title{ height: 50px; background: #f1f5fa; line-height: 50px;}
.title ul{ float: left;}
.title ul li{ float: left; width: 102px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; cursor: pointer; color:#336699;}
.title ul li.on{ width: 102px; height: 50px; line-height: 50px; font-weight: bold; background:url(tabs.png) no-repeat bottom;}
.title ul li:first-child.on{ border-left: 0;}
.title .more{ float: right; font-size: 12px; padding-right: 10px;}
.title .more a:hover{ color: #336699;}
.list{ padding:14px 4px 0; overflow: hidden;}
.czdt ul.news{ padding:0 16px;}
.list a:hover{ color: #336699;}
.list h2{ height:58px; line-height:58px; overflow:hidden; font-size:18px; font-weight:bold; text-align:center; background:url(xuxian.png) repeat-x bottom; margin-bottom:8px;}
.list h2 a{ color: #0e58b1;}
.list ul li{ height: 30px; line-height: 30px; vertical-align: top; overflow: hidden;}
.list ul li a{ float: left; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#555555;}
.list ul li span.date{ float: right; font-size: 12px; color: #999999;}
.list a:hover{ color: #336699;}



.special_01{ width:1080px; height:90px;}
.special_01 img{ width:1080px; height:90px;}

.guide{ width:260px; height:250px; background:#fff;}
.guide ul li{ width:145px; height:55px; line-height:55px; margin-bottom:10px; overflow:hidden; padding-left:115px;}
.guide ul li.guide_01{ background:#1a73b1 url(guide_01.png) no-repeat 57px center;}
.guide ul li.guide_02{ background:#1a73b1 url(guide_02.png) no-repeat 57px center;}
.guide ul li.guide_03{ background:#1a73b1 url(guide_03.png) no-repeat 57px center;}
.guide ul li.guide_04{ background:#1a73b1 url(guide_04.png) no-repeat 57px center; margin-bottom:0;}
.guide ul li a{ color:#FFF;}

.zcfg,.czys,.zfcg,.czjd,.gzgl,.jzzf{ width:390px; height:250px; margin-left:20px; overflow:hidden;}

.bmfw{ width:260px; height:250px;}
.bmfw h2{ width:100%; height:49px; background:#f1f5fa; border-top:1px solid #1a73b1; line-height:49px; color:#336699; font-size:16px; text-align:center;}
.tool{ width:258px; margin:0 auto; padding-top:20px;}
.tool dl{ width:86px; height:86px; margin-top:5px;}
.tool dl dt{ width:38px; height:38px; margin:0 auto;}
.tool dl dd{ width:56px; margin:0 auto; text-align:center; margin-top:8px;}
.tool dl dd a:hover{ color: #336699;}

.nykf{ width:260px; height:250px; overflow:hidden;}
.nykf ul.ny li a{ max-width:100%; display:block;}

.special_02{ width:1080px; height:90px;}
.special_02 img{ width:1080px; height:90px;}

.dwly{ width:1080px;height:233px;}
.dwly .pic{ margin-top:10px;}
.dwly .pic .mr_frbox{max-height:160px;}
.dwly .pic .mr_frBtnL{cursor:pointer;display:inline;float:left;max-height:160px;width:35px;}
.dwly .pic .mr_frUl{float:left;max-height:160px;width:1010px; overflow: hidden;}
.dwly .pic .mr_frBtnR{float:right;cursor:pointer;width:35px;max-height:160px;}
.dwly .pic .mr_frUl ul li{display:inline;float:left;max-height:160px;width:240px;overflow:hidden; margin-left:10px; position:relative; }
.dwly .pic .mr_frUl ul li p{ position:absolute; left:0; bottom:0; width: 240px; height:35px; background:url(clarity.png) repeat-x; line-height:35px; font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.dwly .pic .mr_frUl ul li a img{width:100%;}

.friend{ width:100%; height:40px; background:#1a5db1; line-height:40px;}
.yqlj{ width:1063px; margin:0 auto; padding-left:17px;}
.yqlj p{ color:#FFF; margin-right:5px;}
.yqlj select{ width:170px; border:none; margin-right:20px; height:25px; line-height:25px; padding-left:5px; background:#fff; color:#333;}

.footer{ background:#004091; height:100px; width:100%;}
.footer .footer_box{ width:850px; margin:0 auto; padding-top:20px;}
.banquan p{ color:#FFF; float:right; line-height:22px;}
.banquan p span{ color:#FFF; margin-right:20px;}
.banquan p span a{ color:#FFF;}


/*修改头部logo样式*/
.web2021-logo{position: relative;float: left;top: 52px;background: url(http://www.hnhs.gov.cn/2020new/images/2021hnhs_logo.png) left center no-repeat;height: 90px;}
.web2021-logo span{font-size: 36px;margin-left: 420px;display: block;color: #015293;font-size: 30px;background: url(http://www.yiyang.gov.cn/yiyang/2019web/index/img/djkjk11_03.png) no-repeat left center;width: 212px;margin-top: 20px;padding-left: 28px;font-weight: bold;font-family: "microsoft yahei";}
.dwmc{font-size: 16px;}