body,div,span,ul,li,h1,h2,h3,h4,ol,dl,dt,dd,img,a,input,textarea,clear{ padding:0; margin:0; list-style:none; border:0;font-family:"微软雅黑";}

*{ padding: 0; margin: 0; text-decoration: none;}
body{ font-size: 14px; width: 680px; }
body a{ color: #3E3E3E;}
body a:hover{color:#337BD7 ;}
body .xian{ color:#cc0000;}
body .xian:hover{ color:#ff8000;}
.clear{ clear: both;}
.lmar{ width: 1200px; margin: 0 auto;}
i{ display: block; cursor: pointer; transition:all .3s ease-in-out;}
li:hover i{ transform:rotate(360deg);}
a:hover i{ transform:rotate(360deg);}

.hchf{ width: 1053px; margin: 20px auto 20px;}
.mainbox{ overflow:hidden; position:relative;}
.flashbox{ overflow:hidden; position:relative;}
.imagebox{ text-align:right;position:relative;z-index:999;}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(https://www.haikou.gov.cn/material/zzqt/02.png);}
.curimg{background-image:url(https://www.haikou.gov.cn/material/zzqt/01.png);}
.duilian{top:100px;position:absolute; width:90px; overflow:hidden;}
.duilian_left{ left:11px;}
.duilian_right{right:11px;}
.duilian_con{ width:90px; height:400px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:left; display:block; font-size:13px; color:#555555; text-decoration:none;}

.mar-t{margin-top:10px;}
.mar-b{margin-bottom:10px;}
.mar-l{margin-left:10px;}
.mar-r{margin-right:10px;}
.mar-t2{margin-top:20px;}
.mar-t3{margin-top:20px;}
.mar-t4{margin-top:20px;}
.padd-t{padding-top:10px;}
.padd-b{padding-bottom:10px;}
.padd-l{padding-left:10px;}
.padd-r{padding-right:10px;}
.padd-tblr{padding:10px;}
.padd-tlr{padding:10px 10px 0 10px;} 
.padd-lrb{padding:0 10px 10px 10px;}
.padd-lr{padding:0 10px;}
.padd-tb{padding:10px 0;}
.fl{float:left;}
.fr{float:right;}
.text{text-align:center;}
.line{line-height:30px;}
.font-b{font-weight:bold;}
.font-n{font-weight:normal;}
.color{background-color:#FFF;}
.font2{font-size:12px;}
.font6{font-size:16px;}
.font8{font-size:18px;}
.font20{font-size:20px;}
.font26{font-size:26px;}
.border{border:#CCC solid 1px;}
.grey{color:#666666;}.grey a{color:#666666;}.grey a:hover{color:#a10000;}
.dgrey{color:#9e9e9e;}.dgrey a{color:#9e9e9e;}.dgrey a:hover{color:#a10000;}
.white{color:#FFF;}.white a{color:#FFF;}.white a:hover{color:#FFF;}
.blue{color:#279e27;}.blue a{color:#279e27;}.blue a:hover{color:#a10000;}
.black{color:#000000;}.black a{color:#000000;}.black a:hover{color:#a10000;}
.red{color:#db1010;}.red a{color:#db1010;}.red a:hover{color:#a10000;}
.dblue{color:#00598e;}.dblue a{color:#00598e;}.dblue a:hover{color:#00598e;}
.green{color:#279e27;}.green a{color:#279e27;}.green a:hover{color:#cc0000;}
.orange{color:#d86c00;}.orange a{color:#d86c00;}.orange a:hover{color:#cc0000;}
.yellow{color:#ffff00;}.yellow a{color:#ffff00;}.yellow a:hover{color:#ffff00; }
table{margin:0px auto;}

.alert-mengban{position: fixed;top: 0px;left: 0px;z-index: 1000;background: #000000;opacity: 0.8 !important;filter: alpha(opacity=80) !important;width: 100%;height: 100%;display: none;}
.alert-warning{position: fixed;left: 50%;top:-400px;margin-left:-300px; width: 600px;height: 270px;background:#fff;z-index: 1001;display: none;}
.alert-delete{width: 100%;height: 38px; line-height: 38px;  font-size: 20px; font-weight: bold; position: relative; background-color: #347bd7; color: #fff; text-align: center;}
.alert-delete span{position: absolute;top:10px;right: 10px; width: 19px;height: 19px; background: url(https://www.haikou.gov.cn/material/zzqt/tcdelete.jpg) center center no-repeat;cursor:pointer;}
.alert-wzsm{width: 560px;height: 100px;margin: 30px auto 0; line-height: 40px;font-size: 20px;color: #000;text-align: center;font-family:"Microsoft YaHei"; padding-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.alert-wzsm p{font-size:20px;font-family:"Microsoft YaHei";}
.alert-footer{width: 100%; height: 105px;font-size: 20px;color: #000;}
.alert-footer span{cursor: pointer;float: left;font-family:"Microsoft YaHei";}
.continue{width: 124px;height: 42px;display:inline-table; background-color:#347bd7;border:2px solid; color:#FFFFFF; text-align:center; line-height:42px;}
.fangqi{line-height: 42px;font-size: 20px;color: #347bd7;margin-left: 30px;}
.xuanze{width: 210px;height: 42px;margin: 25px auto 0;}
.powz{line-height: 44px;height: 44px;font-size: 14px;font-family: "宋体";color: #000; padding-left: 30px; background: url(https://www.haikou.gov.cn/material/zzqt/wz.png) 0 9px no-repeat; width: 1010px; margin: 0 auto;}
 @media only screen and (max-width: 414px) {
   .alert-warning{position: fixed;left:2%;top:-400px;margin-left:0; width: 96%;height: auto;background: #fff;background-size: 100%; z-index: 1001;}
   .alert-wzsm{width: 80%;height: auto;margin: 15px auto 0; line-height: 28px;font-size: 18px;color: #000;text-align: center; }
   .alert-wzsm p{font-size:18px;}
   .alert-footer{width: 100%; height: 70px;line-height: 70px;font-size: 18px;color: white;margin-top: 10px;}
   .continue{ width: 124px;height: 42px;background-size: 100%; display:inline-table; background-color:#000099;}
}

.hcontent{ background: url(https://www.haikou.gov.cn/material/zzqt/hbg.png) repeat-x #F9F9F9;overflow: hidden;width:100%}

.hheader{ height: 221px; background: #ffffff; position: relative;}
.htopbg{ width: 100%; height: 171px; position: absolute; top: 0; left: 0; overflow: hidden;}
.htopbg img{ width: 100%; height: 100%;}
.htop{ width: 1070px; margin: 0 auto; height: 171px; background: none; position:relative;}
.htop .hlogo{ padding: 45px 0 0 11px; float: left; width: 554px;}
.htopr{ width: 414px; float: right; padding-right: 20px;}
.htopt{ padding-top: 34px; height: 47px;}
.htopt ul.hjf{ width: 22px; height: 30px; line-height: 30px; float: left; margin-right: 0px;}
.htopt .hjf li{ float: left; width: 20px; height: 30px; cursor: pointer; color: #434343; font-size: 14px; text-align: center; margin-right: 1px;}
.htopt li.hover{ color: #ffffff; background: url(https://www.haikou.gov.cn/material/zzqt/hjf.png) 0 6px no-repeat;}
.htopt .ht{ padding: 4px 0 0 5px; float: left;}
.htopt .ht img{ margin-right: 6px; cursor: pointer;}
.hzqdh{ float: right; width: 97px; height: 24px; padding-top: 3px;}
.hzqdh img{ cursor: pointer;}
.hinp{ float: right;}
.hinp input{ width: 312px; border: 1px solid #337BD7 ; float: left; height: 43px; line-height: 43px; color: #999999; text-indent: 1em;}
.hinp button{ float: left; width: 50px; height: 45px; background: url(https://www.haikou.gov.cn/material/zzqt/sl_hsele.png); border: none;}

.hnav{ height: 50px; background: #337BD7;}
.hnav ul{ width: 1070px; margin: 0 auto; position: relative;}
.hnav li{ height: 50px; line-height: 50px; float: left;}
.hnav ul li.nav-item {
  height: 50px;
  line-height: 50px;
  width: 130px;
  text-align: center;
}
.hnav ul li.nav-item:hover a {
  background: #fff;
  color: #337BD7;
}
.hnav ul li.nav-item a {
  line-height: 50px;
  color: #FFFFFF;
  font-size: 22px;
  display: block;
}
.hnav ul li.nav-item:hover .hnavbox {
  display: block;
}
.hnav ul li i {
  display: block;
  width: 1px;
  height: 100%;
  line-height: 50px;
  background: url(https://www.haikou.gov.cn/material/zzqt/2018_nav_icon.png) no-repeat 0 50%;
}
.hnavbox {
	background: url(https://www.haikou.gov.cn/material/zzqt/hmbb.png); padding: 10px 50px; left: 10px; top: 50px; width: 950px; height: 90px; display: none; position: absolute; z-index: 99;
}
.hnav ul li.nav-item .hnavbox .hnavl {
  height: 90px; 
}
.hnav ul li.nav-item .hnavbox .hnavl a {
  float: left;
  height: 30px;
  line-height: 30px;
}
.hnav ul li.nav-item .hnavbox p {
	height: 30px; text-align: left; line-height: 30px; font-weight: bold;
}
.hnav ul li.nav-item .hnavbox p span {
	width: 117px; text-align: center; color: rgb(51, 51, 51); font-size: 16px; float: left; display: block;
}
.hnav ul li.nav-item .hnavbox p a {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: normal; margin-right: 20px;
}
.hnav ul li.nav-item .hnavbox .hnavr p {
	padding-left: 20px; font-weight: bold;
}
.hnav ul li.nav-item .hnavbox .hnavr p a {
	font-weight: bold;
}
.hnav ul li.nav-item .hnavbox .hnavr {
	width: 200px; height: 110px; float: left;
}
.hnav ul li.nav-item .hnavbox ul li {
	float: left;
}
.hnav ul li.nav-item .hnavbox ul li a {
	padding: 0px 10px; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; float: left; display: block;
}
.hnav1 {
	padding-left: 66px;
}

.hfooter{width: 1070px; margin: 0 auto; background: #ffffff;}
.hyqlj{ border-top: 5px solid #337BD7 ;}
.hyqlj1{ height: 42px; line-height: 42px; border-bottom: 1px solid #dbdbdb; font-size: 16px; overflow: hidden;}
.hyqlj1 span{ margin-left: 30px; color: #1B1B1B; float:left;}
.hyqlj1 li{ margin-left: 33px; float: left;}
.hyqlj1 li img{ float: left; margin: 12px 6px 0 0;}
.hyqlj1 a{ color: #838383;}
.hyqlj2{ position: relative; height: 46px; border-bottom: 1px solid #dbdbdb;}
.hyqlj2>span{height: 46px;line-height: 46px;float: left;margin-left: 30px;font-size: 16px; color: #1B1B1B;display: block;}
.hyqc{ width: 900px; float:left; }
.hyqc>li{ padding: 0 20px; height: 46px; line-height: 46px; float: left; color: #888888; font-size: 16px; margin-left: 15px; cursor: pointer; }
.hyqli{ width: 1060px; height: 122px; padding: 5px; background: #eeeeee; position: absolute; top: 46px; left: 0; overflow-x: hidden; display: none;}
.hyqc>li:hover{ background: #eeeeee; color:#337BD7 ; height: 178px;}
.hyqc>li:hover div.hyqli{ display: block;}
.hyqli li{ float: left;  padding-left: 15px; width:232px; font-size: 14px; height: 25px; color:#333333; line-height: 25px;}
.hfc{height: 133px;font-size: 12px;color: #939393;padding-top: 10px;}
.hfc a{ color: #939393;}
.hfc .fl{ float: left; width: 400px; margin-left: 30px; line-height: 30px;}
.hfc .fl ul{ height: 30px;}
.hfc .fl li{ float: left;}
.hfc .f2{ float: left; width: 360px;}
.hfc .f3{ float: left; }
.hfc .fr{ width: 272px; float: right;  text-align: center;}
.hfc .fr li.hdb{ width: 100px; padding-top: 8px; float: left;}
.hfc .fr li.hzc{ width: 145px; float: left; padding-top: 19px;}