﻿
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear-a {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}
.clearfix-a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix-a {
	display: inline-block;
}
* html .clearfix-a {
	height: 1%;
}
.clearfix-a {
	display: block;
}

*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
}
/*通用父子盒子嵌套浮动问题解决，结束*/
body{font-family:"Microsoft Yahei"; color:#222222; padding:0; margin:0; line-height:180%; font-size:12px;overflow-x: hidden}
a{color:#333; text-decoration:none;}
a:hover{ color:#F00;}
ul,li {margin:0; padding:0; list-style:none; list-style-type:none;}
/* .full {width:100%; height:auto;} */
/* banner */
.bannerList {background:#0154A4; text-align:center;height:395px;}
/* .banner {background:#0154A4; padding:40px 0px 16px; text-align:center;} */
.banner {
	/* display: block; */
	width: 100%;
	height: 395px;
  position: relative;
}
.bannerList{
	position:relative;
	width: 100%;
	height: 100%;
}
.bannerList li{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-position: center center;
}
.bannerList li a{width: 100%;height: 100%;}
.bannerList li:nth-child(1){display: block;}

.bannerDot{ position: absolute; left:50%; bottom: 10px;transform: translateX(-50%)}
.bannerDot li{ width: 12px; height: 12px; background-color: #fff; float: left; margin: 0 5px; border-radius: 10px; cursor:pointer;}
.bannerDot li.active{ background-color: dodgerblue;}
.banner .s-btn { position: absolute; z-index: 5; bottom: 98px; left: 50%; transform: translateX(-50%); width: 215px; height: 60px; line-height: 60px; color: #ffffff; font-size: 30px;}
.banner .s-btn::before { content: ''; position: absolute; z-index: 1; left: 5px; top: 5px; right: -5px; bottom: -5px; background: #7c2901; border-radius: 5px; }
.banner .s-btn i { display: block; position: relative; z-index: 5; font-style: normal; background: #F08519; border-radius: 5px; }
.banner .s-btn:hover i { background: #FF0000; }


.main {width:1200px; overflow:hidden; margin:0 auto;}
.h100 {height:100px;}
.logo {float:left; height:100px; width:190px;}
.logov {float:left; width:190px;margin-top:15px;}
.nav {float:right; height:100px;}
.nav a {display:block; float:left; padding:0px 23px; height:100px; line-height:100px; font-size:16px; color:#222;}
.nav a:nth-child(1),.nav a:hover,.navv a:nth-child(1),.navv a:hover {background:#0154A4; color:#fff;}
.navv {float:right; height:60px;margin-top:40px}
.navv a {display:block; float:left; padding:0px 24px; height:60px; line-height:60px; font-size:16px; color:#222;}

.logo_g2 {float:left; height:70px; width:256px;}
.logo_g2 img {margin-top:12px;}
.nav_g2 {float:right; height:70px; line-height:70px;}
.nav_g2 a {padding:0px 20px; height:17px; font-size:16px; color:#fff; border-left:1px solid #fff;}
.nav_g2 a:nth-child(1) {border:none;}

.topbar {height:60px; line-height:60px; color:#fff; background:#0154A4; position:fixed; top:0; z-index:1000; width:100%;}
.topbar .topleft {float:left; width:800px;}
.topbar .topleft img {height: 60px;}
.topbar .topleft span {padding:5px 10px; border-radius:4px; background:#F08519; margin-right:20px;}
.topbar .topleft a {padding:5px 12px; background:url(ico.png) no-repeat -20px -387px; color:#fff; font-size:14px;}
.topbar .topright {float:right; width:300px; padding:0px 20px; text-align:right; font-size:20px; letter-spacing:1px;}
.topbar .topright span {font-size:18px; color:#F08519;}
.topbar2 {height:40px; line-height:40px; color:#fff; background:#006CB7; width:100%;}
.topbar2 .toplg {float:left; width:120px;}
.topbar2 .topleft {float:left; width:680px;}
.topbar2 .topleft span {padding:5px 10px; border-radius:4px; background:#F08519; margin-right:20px;}
.topbar2 .topleft a {padding:5px 12px; background:url(ico.png) no-repeat -20px -387px; color:#fff; font-size:14px;}
.topbar2 .topright {float:right; width:300px; padding:0px 20px; text-align:right; font-size:16px; font-weight:bold; letter-spacing:1px;}
.topbar2 .topright span {font-size:14px; color:#F08519;}
.topblank {height:40px;}

.b-btn { 
	display: block;
	width: 500px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 30px auto;
	background: #E5004F;
	color: #FFFFFF;
	border-radius: 25px;
	font-size: 22px;
	cursor: pointer;
}
.b-btn:hover {
	background: #F08519;
	color: #FFFFFF;
}
.botbar {height:16px; color:#fff; background:#0154A4;}
.notice {float:left; background:url(ico.png) no-repeat -20px -425px; margin-top:10px; padding-left:28px; line-height:25px; font-size:14px;}
.notice .lblnotice {color:#F08519; width:100px; float:left;}
.notice marquee {width:600px;}
.icobg {background-image:url(ico.png);}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}
.cleft {float:left; width:327px;}
.cleft .gutit {height:50px; background:url(bar_bg_gu.jpg) repeat-x; border-radius:8px 8px 0px 0px; font-size:22px; font-weight:normal; color:#fff; text-align:center; line-height:50px;}
.cleft .gutit span {padding-left:40px; background-position:-18px -261px; background-repeat:no-repeat;}
.cleft .gulist {margin:0; padding:0;}
.cleft .gulist li {border:1px solid #cbcbcb; border-top:none; font-size:16px; height:61px; line-height:60px;}
.cleft .gulist li a {margin-left:54px; padding-left:40px; background-image:url(ico.png); background-position:-6px -315px; background-repeat:no-repeat; color:#656565;}
.cleft .gulist li:hover {background:#fcfcfc;}
.cleft .gulist li:hover a { text-decoration: revert; color: #FF0000; }

.cright {float:left; width:855px; margin-left:18px;}
.cright .prolist {padding:0; margin:0; overflow:hidden;}
.cright .prolist li {float:left; margin-left:18px; width:198px; height:118px; border:1px solid #0154A4; text-align:center;}
.cright .prolist li:nth-child(1) {margin-left:0;}
.cright .prolist li span {display:block; font-size:24px; color:#0053A3; text-align:center; line-height:74px;}
.cright .prolist li a {display:block; margin:0 auto; width:98px; border-radius:10px 10px 10px 10px; height:28px; font-size:14px; color:#fff; background:#EB0F3B; text-align:center; line-height:27px;}
.cright .prolist li a:hover { background: #F08519; }
.cright .prolista {padding:0; margin:0; overflow:hidden;}
.cright .prolista a {display:block; float:left; margin-left:18px; width:200px; height:120px; background:#FF6C60; text-align:center; border-radius:5px; font-size:14px; color:#ccc;}
.cright .prolista a:hover {background:#EC6459;}
.cright .prolista a:nth-child(1) {margin-left:0;}
.cright .prolista a span {display:block; font-size:24px; color:#fff; text-align:center; line-height:74px;}
.cright .prolista a a {display:block; margin:0 auto; width:98px; border-radius:10px 10px 10px 10px; height:28px; font-size:14px; color:#fff; background:#EB0F3B; text-align:center; line-height:27px;}

.cright .notit {margin-top:16px; height:45px; background:url(bar_bg.jpg) repeat-x; font-size:20px; font-weight:normal; color:#fff; line-height:44px;}
.cright .notit span {padding-left:60px; background-position:-2px -24px; background-repeat:no-repeat;}
.cright .notit a {float:right; padding-right:10px; color:#fff; font-size:14px; line-height:54px;}
.cright .nolist {border:1px solid #cbcbcb; border-top:none; height:240px;}
.cright .nolist ul {padding:15px 0px 0px; margin:0;}
.cright .nolist ul li {margin:0 auto; width:90%; font-size:14px; height:36px; line-height:35px; background-image:url(ico.png); background-position:0px -358px; background-repeat:repeat-x;}
.cright .nolist ul span {float:right; background:#fff;padding-left:3px;}
.cright .nolist ul a {background:#fff; padding-right:3px; color:#656565;}
.cright .nolist ul li:hover a { text-decoration: revert; color: #EB0F3B; }


.cleft .quetit {height:45px; background:url(bar_bg.jpg) repeat-x; border-radius:8px 8px 0px 0px; font-size:20px; font-weight:normal; color:#fff; text-align:center; line-height:45px;}
.cleft .quetit span {padding-left:40px; background-position:-18px -83px; background-repeat:no-repeat;}
.cleft .quelist {margin:0; padding:20px 0px; border:1px solid #cbcbcb; border-top:none; height:280px; overflow:hidden;}
.cleft .quelist li {font-size:14px; height:41px; line-height:40px;}
.cleft .quelist li a {margin-left:15px; padding-left:18px; background-position:-26px -316px; background-repeat:no-repeat; color:#656565;}
.cleft .quelist li a:hover {border-bottom:1px dashed #999;}

.cright .systit {height:45px; background:url(bar_bg.jpg) repeat-x; font-size:20px; font-weight:normal; color:#fff; line-height:44px;}
.cright .systit span {padding-left:60px; background-position:-2px -143px; background-repeat:no-repeat;}
.cright .syscon {border:1px solid #cbcbcb; border-top:none; height:auto; overflow:hidden; padding-bottom:20px;}
.cright .syscon .msgform {float:left; width:300px; padding:15px 0px 0px; margin:0;}
.cright .syscon .msgform li {padding-right:15px; margin:0 auto; font-size:14px; height:38px; line-height:37px; text-align:right;}
.cright .syscon .msgform input,.cright .syscon .msgform select {padding:3px 12px; border-radius:3px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.cright .syscon .msgform .msg_text {width:156px; height:21px;}
.cright .syscon .msgform .msg_other {width:182px; height:28px;}
.btn-i {cursor:pointer; color:#fff; height:42px; line-height:32px; text-align:center; box-sizing:border-box; text-decoration:none; font-size:14px; width:182px; padding:0; border:none; border-radius:4px; background-color:#e5004f; -webkit-user-select:none;}
.btn-o {border-radius:4px;}
form .btn-i:active{opacity:0.7;}

.anlist {float:left; margin-left:20px; padding-top:15px;}
.anlist .anleft {float:left; width:300px;}
.anlist .anleft .martop {font-size:16px; }
.anlist .anleft .martop span {color:#f00; padding:0px 3px;}
.anlist .anleft .marup {display:block; height:240px; margin-top:10px; overflow:hidden;}
.anlist .anleft .marup li {line-height:26px; font-family:"微软雅黑", "宋体", Arial;}
.anlist .anleft .marup span {font-size:14px; display:inline-block;}
.anlist .anleft .marup li span:nth-child(1) {width:20%;}
.anlist .anleft .marup li span:nth-child(2) {width:34%;}
.anlist .anleft .marup li span:nth-child(3) {width:22%;}
.anlist .anleft .marup li span:nth-child(4) {width:22%;}
.anlist .anright {float:left; width:230px;}
.anlist .anright li {text-align:center; padding:8px 0px;}

.pictit {margin-top:20px; height:45px; background:url(bar_bg.jpg) repeat-x; font-size:20px; font-weight:normal; color:#fff; line-height:44px;}
.pictit span {padding-left:52px; background-position:-2px -202px; background-repeat:no-repeat;}
.pictit a {float:right; padding-right:10px; color:#fff; font-size:14px; line-height:45px;}
.piclist2 {box-sizing: border-box; border:1px solid #cbcbcb; border-top:none; padding-bottom:10px; overflow:hidden;width: 100%;}
.piclist2 ul {box-sizing: border-box; width: 100%;display: flex;display: -webkit-flex; margin:0;justify-content: space-around;flex-wrap: wrap;padding-top: 20px}
.piclist2 ul li {
    box-sizing: border-box;
    width: 270px;
    height: 180px;
    margin-bottom: 20px;
}
.piclist .per li {width:25%; padding:10px 0px;}
.piclist .per li:hover {background:#f8f8f8;}
.piclist .per li img {width:70%;}
.footer {border-top:3px solid #0B60B0; background:#F8F8F8; margin-top:40px;}
.footer li {float:left; padding-top:10px; height:90px; font-size:14px; color:#999;}
.footer li:nth-child(1) {width:188px; text-align:center;}
.footer li:nth-child(2) {width:440px; text-align:left;}
.footer li:nth-child(2) p {margin-top:30px; margin-left:12px;}
.footer li:nth-child(3) {width:570px; text-align:center;}
.footer li:nth-child(3) p {margin-top:50px; margin-left:12px;}
.footer li:nth-child(3) a {padding:0px 15px; color:#999;}
.footer .copy {width:100%; text-align:center; height:36px; line-height:35px; border-top:1px solid #c9c9c9; color:#999; overflow:hidden;}

/**======G2======**/

.cleft {float:left; width:327px;}
.cleft .gutit_g2 {height:50px; background:#FF5D5D; font-size:22px; font-weight:normal; color:#fff; text-align:center; line-height:50px;}
.cleft .gutit_g2 span {padding-left:40px; background-position:-18px -261px; background-repeat:no-repeat;}
.cleft .gulist_g2 {margin:0; padding:0;}
.cleft .gulist_g2 li {border:1px solid #cbcbcb; border-top:none; font-size:16px; height:61px; line-height:60px;}
.cleft .gulist_g2 li a {margin-left:54px; padding-left:40px; background-image:url(ico.png); background-position:-6px -315px; background-repeat:no-repeat; color:#656565;}
.cleft .gulist_g2 li:hover {background:#fcfcfc;}

.cright {float:left; width:855px; margin-left:18px;}
.cright .prolist_g2 {padding:0; margin:0; overflow:hidden;}
.cright .prolist_g2 li {float:left; margin-left:18px; width:198px; height:118px; border:1px solid #0154A4; text-align:center;}
.cright .prolist_g2 li:nth-child(1) {margin-left:0;}
.cright .prolist_g2 li span {display:block; font-size:24px; color:#0053A3; text-align:center; line-height:74px;}
.cright .prolist_g2 li a {display:block; margin:0 auto; width:98px; border-radius:10px 10px 10px 10px; height:28px; font-size:14px; color:#fff; background:#EB0F3B; text-align:center; line-height:27px;}

.cright .prolista_g2 {padding:0; margin:0; overflow:hidden;}
.cright .prolista_g2 a {display:block; float:left; margin-left:18px; width:200px; height:120px; background:#FF6C60; text-align:center; border-radius:5px; font-size:14px; color:#ccc;}
.cright .prolista_g2 a:hover {background:#EC6459;}
.cright .prolista_g2 a:nth-child(1) {margin-left:0;}
.cright .prolista_g2 a span {display:block; font-size:24px; color:#fff; text-align:center; line-height:74px;}
.cright .prolista_g2 a a {display:block; margin:0 auto; width:98px; border-radius:10px 10px 10px 10px; height:28px; font-size:14px; color:#fff; background:#EB0F3B; text-align:center; line-height:27px;}

.cright .notit_g2 {height:45px; background:#FF5D5D; font-size:20px; font-weight:normal; color:#fff; line-height:44px;}
.cright .notit_g2 span {padding-left:60px; background-position:-2px -24px; background-repeat:no-repeat;}
.cright .notit_g2 a {float:right; padding-right:10px; color:#fff; font-size:14px; line-height:54px;}
.cright .nolist_g2 {border:1px solid #cbcbcb; border-top:none; height:240px;}
.cright .nolist_g2 ul {padding:15px 0px 0px; margin:0;}
.cright .nolist_g2 ul li {margin:0 auto; width:90%; font-size:14px; height:36px; line-height:35px; background-image:url(ico.png); background-position:0px -358px; background-repeat:repeat-x;}
.cright .nolist_g2 ul span {float:right; background:#fff;padding-left:3px;}
.cright .nolist_g2 ul a {background:#fff; padding-right:3px; color:#656565;}

.cleft .quetit_g2 {height:45px; background:url(bar_bg.jpg) repeat-x; border-radius:8px 8px 0px 0px; font-size:20px; font-weight:normal; color:#fff; text-align:center; line-height:45px;}
.cleft .quetit_g2 span {padding-left:40px; background-position:-18px -83px; background-repeat:no-repeat;}
.cleft .quelist_g2 {margin:0; padding:20px 0px; border:1px solid #cbcbcb; border-top:none; height:279px; overflow:hidden;}
.cleft .quelist_g2 li {font-size:14px; height:41px; line-height:40px;}
.cleft .quelist_g2 li a {margin-left:15px; padding-left:18px; background-position:-26px -316px; background-repeat:no-repeat; color:#656565;}
.cleft .quelist_g2 li a:hover {border-bottom:1px dashed #999;}

.cright .systit {height:45px; background:url(bar_bg.jpg) repeat-x; font-size:20px; font-weight:normal; color:#fff; line-height:44px;}
.cright .systit span {padding-left:60px; background-position:-2px -143px; background-repeat:no-repeat;}
.cright .syscon {border:1px solid #cbcbcb; border-top:none; height:auto; overflow:hidden; padding-bottom:20px;}
.cright .syscon .msgform {float:left; width:300px; padding:15px 0px 0px; margin:0;}
.cright .syscon .msgform li {padding-right:15px; margin:0 auto; font-size:14px; height:38px; line-height:37px; text-align:right;}
.cright .syscon .msgform input,.cright .syscon .msgform select {padding:3px 12px; border:1px solid #ccc; border-radius:3px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.cright .syscon .msgform .msg_text {width:156px; height:21px;}
.cright .syscon .msgform .msg_other {width:182px; height:28px;}

.anlist {float:left; margin-left:20px; padding-top:15px;}
.anlist .anleft {float:left; width:300px;}
.anlist .anleft .martop {font-size:16px; }
.anlist .anleft .martop span {color:#f00; padding:0px 3px;}
.anlist .anleft .marup {display:block; height:240px; margin-top:10px; overflow:hidden;}
.anlist .anleft .marup li {line-height:26px; font-family:"微软雅黑", "宋体", Arial;}
.anlist .anleft .marup span {font-size:14px; display:inline-block;}
.anlist .anleft .marup li span:nth-child(1) {width:20%;}
.anlist .anleft .marup li span:nth-child(2) {width:34%;}
.anlist .anleft .marup li span:nth-child(3) {width:22%;}
.anlist .anleft .marup li span:nth-child(4) {width:22%;}
.anlist .anright {float:left; width:230px;}
.anlist .anright li {text-align:center; padding:8px 0px;}

.pictit {margin-top:20px; height:45px; background:url(bar_bg.jpg) repeat-x; font-size:20px; font-weight:normal; color:#fff; line-height:44px;}
.pictit span {padding-left:52px; background-position:-2px -202px; background-repeat:no-repeat;}
.pictit a {float:right; padding-right:10px; color:#fff; font-size:14px; line-height:45px;}
.piclist {border:1px solid #cbcbcb; border-top:none; padding-bottom:10px; overflow:hidden;}
.piclist ul {padding:25px 0px 0px; margin:0;}
.piclist ul li {float:left; width:33.3%; text-align:center; font-size:14px; margin-bottom:10px;}
.piclist .per li {width:25%; padding:10px 0px;}
.piclist .per li:hover {background:#f8f8f8;}
.piclist .per li img {width:70%;}
.footer {border-top:3px solid #0B60B0; background:#F8F8F8; margin-top:40px;}
.footer li {float:left; padding-top:10px; height:90px; font-size:14px; color:#999;}
.footer li:nth-child(1) {width:188px; text-align:center;}
.footer li:nth-child(2) {width:450px; text-align:left;}
.footer li:nth-child(2) p {margin-top:30px; margin-left:12px;}
.footer li:nth-child(3) {width:560px; text-align:center;}
.footer li:nth-child(3) p {margin-top:50px; margin-left:12px;}
.footer li:nth-child(3) a {padding:0px 12px; color:#999;}
.footer .copy {width:100%; text-align:center; height:36px; line-height:35px; border-top:1px solid #c9c9c9; color:#999; overflow:hidden;}



/*集体户口*/

#area{padding: 30px 0;overflow: hidden;font-size: 16px;height: auto;margin: 0 auto;position: relative;}
#area ul{position: relative;padding:20px 0 0;overflow:hidden;text-align: center;}
#area ul li{height:100%; float: left; list-style: none;padding-right:30px;}
#area ul li img{width: 270px; display: inline-block;margin-bottom: 20px;}

/* 浮动弹窗 */
.f-right {
  position: fixed;
  top: 50%;
  right: 20px;
  
}
.f-right .f-box {
  position: relative;
  width: 250px;
  height: auto;
}
.f-right .f-box img {
  width: 100%;
  height: auto;
}
.f-right .f-box a {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  width: 140px;
  height: 35px;
  line-height: 35px;
  background: #FFFFFF;
  font-size: 18px;
  border-radius: 17px;
  text-align: center;
}
.f-right .f-box a:hover {
  background: #F08519;
  color: #FFFFFF;
}
/* 公司荣誉 */
.honor {
  
}
.honor-img {
  margin: 20px auto;
  display: block;
  text-align: center;
}
.honor-img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.honor .honor-text {
  margin-top: 40px;
}
.honor .honor-text span {
  font-size: 24px;
  line-height: 48px;
}
.honor .honor-text p {
  font-size: 18px;
  line-height: 36px;
}