@charset "utf-8";
* {
box-sizing: border-box;
outline: none;
text-decoration: none;
}


body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p,
form,
fieldset,
figure {
margin: 0;
padding: 0;
}


body {
font-family: "微软雅黑";
}


ul,
ol {
list-style: outside none none;
}


a {
text-decoration: none;
}


img {
display: inline-block;
}


.main-div {
width: 100%;
height: auto;
background-color: #fff;
min-width: 1200px;
}


.sub-div {
margin: 0 auto;
height: auto;
max-width: 1200px;
}


.bg1 {
width: 100%;
height: 488px;
position: absolute;
top: 112px;
left: 0;
}


.bg1 img {
width: 100%;
height: 100%;
}


.bg2 {
width: 100%;
height:724px;
background-color: #f3f3f3;
position: absolute;
top: 600px;
}


.bg3 {
position: relative;
}


.bg3 img {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}


.bg3>img {
heihgt: 158px;
overflow: hidden;
}


.bg4 {
width: 100%;
position: absolute;
top: 112px;
left: 0;
}


.bg4 img {
width: 100%;
}


.bg4>img {
min-height: 75px;
}


.background {
background-color: #fff;
}


.header {
width: 100%;
background-color: #fff;
padding-bottom: 10px;
}


.header .title {
padding: 10px 0;
}


.header .title a {
color: #119ece;
font-size: 16px;
text-decoration: none;
}


.header .row {
margin-right: -90px;
}


.header .title .col-xs-1 {
width: auto;
}


.title .login {
border-right: solid 1px #044587;
}


.header button {
border: none;
background: none;
color: #de1909;
font-size: 18px;
margin-left: -15px;
}


.header button img {
margin-left: 15px;
}


.banner {
position: relative;
height: 488px;
}


.banner .nav1 {
line-height: 74px;
}


.banner .nav1 div a {
font-size: 16px;
color: #fff;
}


.banner .nav1 .search .btn-default {
border-left: none;
}


.input-group .form-control:first-child,
.search .input-group-btn:last-child>.btn {
border-radius: inherit;
}


.search input {
margin-top: 20px;
}


.scroll-slide {
width: 650px;
height: 340px;
position: absolute;
top: 22%;
right: 0;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
}


.scroll-slide .posivie {
position: relative;
width: 100%;
height: 340px;
top: 0;
left: 0;
}


.layui-carousel-ind {
position: relative;
top: -35px;
width: 100%;
line-height: 0!important;
text-align: center;
font-size: 0;
}


.scroll-slide .posivie .shd {
display: inline-block;
padding: 5px;
background-color: rgba(0, 0, 0, .2);
border-radius: 10px;
-webkit-transition-duration: .3s;
transition-duration: .3s;
}


.scroll-slide li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 3px;
font-size: 0;
background-color: #e2e2e2;
background-color: rgba(255, 255, 255, .5);
border-radius: 50%;
cursor: pointer;
-webkit-transition-duration: .3s;
transition-duration: .3s;
}


.scroll-slide li.on {
background-color: #fff;
}


.scroll-slide .layui-carousel-arrow {
opacity: 0;
position: absolute;
left: 10px;
top: 50%;
margin-top: -18px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 20px;
border: 0;
border-radius: 50%;
background-color: rgba(0, 0, 0, .2);
color: #fff;
-webkit-transition-duration: .3s;
transition-duration: .3s;
cursor: pointer;
}


.scroll-slide .next {
left: auto!important;
right: 10px;
}


.tab {
position: absolute;
top: 22%;
left: 0px;
width: 548px;
height: 335px;
}


.tab .nav-tabs {
border: none;
width: 120px;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
}


.tab .nav-tabs ul {
width: 120px;
}


.tab .nav-tabs>li {
width: 120px;
height: 68px;
background-color: #819db9;
margin-bottom: 0;
border-bottom: dotted 2px #9cb2c7;
text-align: center;
}


.tab .nav-tabs>li>a {
display: inline-block;
line-height: 44px;
font-size: 14px;
color: #fff;
width: 120px;
text-decoration: none;
}


.tab .nav-tabs .last {
border: none;
}


.tab .nav-tabs>li>a img {
margin: 0 auto;
}


.tab .nav-tabs>li.active>a,
.tab .nav-tabs>li.active>a:focus,
.tab .nav-tabs>li.active>a:hover {
color: #1469ba;
border: none;
border-left: solid 3px #f07c19;
border-radius: 0;
text-decoration: none;
height: 67px;
}


.tab .nav-tabs a:hover {
background: none;
border: none;
}


.tab .tab-content {
width: 380px;
background: #fff;
margin-left: 14px;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
}


.tab #myTabContent {
position: relative;
height: 340px;
}


.tab .reg {
padding: 0 10px;
}


.tab .tab-pane .input-group {
margin-bottom: 20px;
}


.tab .input-group-btn:first-child>.btn,
.input-group .form-control:last-child {
border-radius: 0;
}


.tab .tab-pane .mytip {
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 18px 0 24px 0;
text-decoration: none;
font-weight: bold;
color: #b3b3b3;
cursor: pointer;
}


.tab .tab-pane .on {
color: #4178be;
}


.tab .btn {
padding: 6px 10px;
}


.tab .btn img {
width: 26px;
}


.tab .tab-pane .form-control {
height: 40px;
}


.tab .input-group .message {
width: 160px;
}


.tab .input-group .get {
display: inline-block;
width: 112px;
height: 40px;
line-height: 40px;
border: solid 1px #e0e0e0;
text-align: center;
background-color: #edf7ff;
color: #333;
font-size: 14px;
margin-left: 20px;
text-decoration: none;
}


.tab .tab-pane button {
width: 100%;
height: 40px;
}


.tab .tab-pane .btn-info {
background: #4287dc;
border: none;
}


.tab .tab-pane .link {
margin-top: 20px;
}


.tab .tab-pane .link div {
margin-right: 90px;
}


.tab .tab-pane .link a {
font-size: 14px;
color: #999;
text-decoration: none;
}


.tab .tab-pane .link img {
width: 18px;
}


.tab .tab-pane .link .try {
display: inline-block;
color: #4287dc;
}


.tab .col-xs-2 {
padding: 0;
}


.tab-content .wechat {
text-align: center;
margin: 0 auto;
height: 341px;
}


.tab-content .wechat img {
width: 182px;
display: block;
padding: 0;
margin: 0 auto;
padding-top: 68px;
vertical-align: middle;
}


.tab-content .wechat h3 {
font-size: 14px;
color: #373737;
margin-top: 20px;
text-align: center;
}


.tab-content .app .ios,
.tab-content .app .anzhuo {
float: left;
text-align: center;
margin-top: 80px;
}


.tab-content .app .ios {
margin-right: 30px;
margin-left: 35px;
}


.tab-content .app .anzhuo {}


.tab-content .app img {
width: 136px;
margin-bottom: 15px;
}


.tab-content .app h3 {
font-size: 14px;
color: #373737;
}


#hot {
padding: 20px 20px 10px 20px;
}


#hot .title {
font-size: 14px;
color: #4178be;
border-bottom: solid 1px #cacaca;
margin-bottom: 12px;
}


#hot .title .pull-left {
font-weight: bold;
border-bottom: solid 1px #4178be;
padding-bottom: 12px;
}


#hot .title .pull-right a {
color: #bdb5b4;
}


.table {
margin-top: 16px;
margin-bottom: 0;
}


.tab-content table thead {
height: 56px;
background-color: #e3e7f1;
color: #4178be;
}


.tab-content table tbody {


}


.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}


.tab-content .plan {
padding: 25px 20px 0 20px;
}


.tab-content .plan h2 {
font-size: 14px;
font-weight: bold;
color: #4287dc;
margin-bottom: 25px;
}


.tab-content .plan input {
margin-bottom: 25px;
}


.tab-content .form-control {
border-radius: 0;
}


.tab-content .plan button {
width: 44%;
display: inline-block;
outline: none;
}


.tab-content .plan .btn-primary {
margin-right: 32px;
}


.list {
padding-top: 22px;
background: #f3f3f3;
}


.list .col-xs-5 {
padding: 0;
}


.list .nav-tabs {
border: none;
margin-left: 0px;
height: 30px;
margin-top: 15px;
}


.list .nav-tabs li {
height: 30px;
line-height: 30px;
}


.list .nav a {
color: #a6a6a6;
font-size: 24px;
text-decoration: none;
}


.list .nav .more {
display: inline-block;
font-size: 12px;
margin-left: 0px;
color: #178dc4;
margin-top: 26px;
}


.list .nav-tabs>li>a,
.list .nav-tabs>li.on>a {
line-height: 25px;
width: 108px;
padding: 0;
text-align: left;
margin-right: 8px;
float: left;
font-size: 24px;
}


.list .nav-tabs>li>span,
.list .nav-tabs>li.on>span {
float: left;
color: #999;
margin-right: 12px;
}


.list .nav-tabs>li.on>a {
color: #178dc4;
}


.list .list-group {
margin-top: 10px;
padding-left: 0px;
}


.list .list-group-item {
border: none;
padding: 0;
line-height: 28px;
background: url("../img/caret.png")/*tpa=http://zwfw.nx.gov.cn/other/img/caret.png*/ no-repeat 0 center;
padding-left: 20px;
}


.list .list-group a {
font-size: 14px;
color: #222;
text-decoration: none;
display: block;
margin: 2px auto;
}


.list .list-group a:hover {
color: #178dc4;
}


.list .list-group a span {
float: right;
color: #777;
width: 112px;
text-align: left;
display: inline-block;
}


.list .new {
background: #f3f3f3;
}


.list .row .title {
margin-left: -14px;
}


.list .row h2,
.list .row .time {
font-size: 14px;
color: #1a1a1a;
line-height: 36px;
}


.list .basic {}


.list .basic .pri {
line-height: 54px;
font-size: 24px;
color: #2099ce;
}


.list .basic .pri span {
font-size: 16px;
}


.list .basic .con {
overflow: hidden;
margin-top: 20px;
}


.list .basic .col-xs-4 {
margin-bottom: 20px;
text-align: center;
color: #000000;
}


.list .basic .col-xs-4 a {
color: #000;
display: block;
}


.list .basic .con img {
width: 70px;
float: left;
}


.list .basic .con h3 {
display: inline-block;
font-size: 15px;
color: #000000;
width: 57%;
text-align: center;
}


.list .basic .con span {
display: inline-block;
font-size: 11px;
}


.list .basic .con .bjmsp:hover h3 {
color: #4ebbe8;
}


.list .basic .con .qzqd:hover h3 {
color: #7aca3d;
}


.list .basic .con .ggfwsx:hover h3 {
color: #ee675f;
}


.list .basic .con .zjfw:hover h3 {
color: #81a3fe;
}


.list .basic .con .tzxm:hover h3 {
color: #f1b800;
}


.list .basic .con .dtfw:hover h3 {
color: #4c8ae8;
}


.list .basic .con .sxqd:hover h3 {
color: #3dca86;
}


.list .basic .con .kdcx:hover h3 {
color: #c49d81;
}


.list .row {
position: relative;
}


.list .subclass {
list-style: square;
color: #f1b800;
}


.list .subclass li {
line-height: 34px;
}


.list .subclass li a {
font-size: 16px;
color: #262626;
text-decoration: none;
}


.list .subclass {
position: absolute;
top: 22%;
left: 10%;
}


.list .subclass1 {
left: 35%;
top: 28%;
color: #00ced7;
}


.list .subclass2 {
left: 60%;
top: 28%;
color: #8fe94a;
}


.list .subclass3 {
left: 85%;
top: 28%;
color: #81a3fe;
}


.list .want {
font-size: 26px;
color: #fff;
position: absolute;
bottom: 40px;
left: 9.2%;
text-decoration: none;
}


.list .want1 {
left: 34.5%;
}


.list .want2 {
left: 59.5%;
}


.list .want3 {
left: 84.5%;
}


.list .circle {
margin-top: 20px;
padding-bottom: 30px;
}


.section,
.personal {
margin-top: 30px;
}


.section .content {
margin-top: 16px;
padding: 16px 0px;
background: #faf8f8;
}


.section a {
display: inline-block;
font-size: 16px;
color: #333;
height: 52px;
line-height: 52px;
text-decoration: none;
padding: 0 10px;
}





.section a:hover {
color: #f90;
}


.legal img {
width: 90%;
margin: 0 5%;
}


.personal .col-xs-1,
.legal .col-xs-1,
.serve .col-xs-1 {
width: 12.5%;
height: 120px;
margin-bottom: 34px;
}


.serve .col-xs-1 {
height: 118px;
width: 16.2%;
}


.personal .content,
.legal .content {
margin-top: 30px;
margin-bottom: 20px;
}


.personal .content a,
.legal .content a {
text-decoration: none;
}


.personal .content a:hover h3 {
color: #4db9e3;
}


.legal .content a:hover h3 {
color: #7aca3d;
}


.personal .row .icon,
.personal .row .icon1 {
width: 82px;
height: 83px;
}


.personal .row h3,
.legal .row h3 {
font-size: 16px;
color: #1a1a1a;
text-align: center;
margin-top: 20px;
}


.legal .row .icon,
.legal .row .icon1 {
width: 78px;
height: 78px;
}


.serve {
margin-top: 15px;
}


.serve .head {}


.serve .head img {
width: 90%;
margin: 0 5%;
}


.serve .icons {
margin-top: 30px;
}


.serve .icons a {
text-decoration: none;
}


.serve .icons a:hover h3 {
color: #ee675f;
}


.serve .icons .col-xs-2 {
margin-bottom: 30px;
height: 140px;
}


.serve .icons img {
width: 62px;
margin-bottom: 15px;
}


.serve .icons h3 {
font-size: 16px;
color: #1a1a1a;
line-height: 22px;
}


.query {
margin-top: 15px;
}


.query .head {}


.query .head img {
width: 90%;
margin: 0 5%;
}


.query .icons {
margin-top: 30px;
}


.query .icons a {
text-decoration: none;
}


.query .icons .col-xs-2 {
width: 20%;
height: 120px;
margin-bottom: 70px;
}


.query .icons img {
margin-bottom: 25px;
}


.query .icons h3 {
font-size: 16px;
color: #000;
}


.ck-slide {
width: 650px;
height: 340px;
position: absolute;
top: 22%;
right: 0;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3)
}


.ck-slide ul.ck-slide-wrapper {
width: 100%;
height: 340px;
}


.fastlink {
left: 0%;
top: 110px;
}


.sz-yh {
position: fixed;
bottom: 50px;
right: -8%;
width: 180px;
height: 200px;
}


@media screen and (min-width:1200px) {
.fastlink {
left: 7%;
top: 300px;
}
.sz-yh {
position: fixed;
bottom: 50px;
right: 0%;
width: 180px;
height: 200px;
}
}


@media screen and (min-width: 1024px) and (max-width: 1630px) {
.fastlink {
left: 0%;
top: 110px;
}
.sz-yh {
position: fixed;
bottom: 50px;
right: -8%;
width: 180px;
height: 200px;
}
}


.fastlink {
width: 96px;
background: #fff;
border: solid 1px #e9e5e7;
position: fixed;
box-shadow: 10px 9px 6px rgba(0, 0, 0, 0.2);
}


.fastlink li {
height: 70px;
border-bottom: solid 1px #e9e5e7;
text-align: center;
padding-top: 12px;
}


.fastlink li a {
text-decoration: none;
display: inline-block;
width: 96px;
height: 70px;
}


.fastlink li img {
margin-bottom: 10px;
}


.fastlink .last {
border: none;
}


.fastlink li h2 {
font-size: 16px;
}


.fastlink .server {
color: #ee675f;
}


.fastlink .query1 {
margin-top: 0px;
color: #81a3fe;
}


.fastlink .dzzz1 {
margin-top: 0px;
color: #00cb93;
}


.fastlink .personal1 {
color: #4db9e3;
}


.fastlink .legal {
color: #7aca3d;
}


.fastlink .section1 {
color: #f1b800;
}


.fastlink .qjd1 {
color: #ff7e00;
}


.fastlink .return {
color: #1990c6;
}


.app_img {
width: 60px;
height: 53px;
position: absolute;
top: 3px;
right: 0
}


.app_img img {
diplay: block;
cursor: pointer;
}


.app_img .text_tip {
color: #707070;
background: url("../img/index/tip_text.png")/*tpa=http://zwfw.nx.gov.cn/other/img/index/tip_text.png*/ no-repeat;
display: inline-block;
width: 127px;
text-indent: 2em;
font-size: 12px;
height: 28px;
line-height: 28px;
position: absolute;
top: 0px;
right: 54px;
}


.on-active {
background: #4db9e3;
}


.on-active .img1 {
display: none;
}


.on-active .img2 {
display: inline-block !important;
}


.on-active .text {
color: #fff;
}


.sz-yh .ico-zx {
width: 40px;
height: 30px;
border: 1px solid #cdcdcd;
background: url("../img/index/ico-zx.png")/*tpa=http://zwfw.nx.gov.cn/other/img/index/ico-zx.png*/ no-repeat center center;
}


.sz-yh .ico-sc {
width: 40px;
height: 30px;
border: 1px solid #cdcdcd;
background: url("../img/index/ico-sc.png")/*tpa=http://zwfw.nx.gov.cn/other/img/index/ico-sc.png*/ no-repeat center center;
margin-top: -1px;
}


.sz-yh .ico-zx:hover {
background: url("../img/index/ico-zx-hover.png")/*tpa=http://zwfw.nx.gov.cn/other/img/index/ico-zx-hover.png*/ no-repeat center center;
}


.sz-yh .ico-sc:hover {
background: url("../img/index/ico-sc-hover.png")/*tpa=http://zwfw.nx.gov.cn/other/img/index/ico-sc-hover.png*/ no-repeat center center;
}


.dzzz {
margin-bottom: 48px;
}


.dzzz .head {
text-align: center;
}


.dzzz .head img {
display: block;
margin: 0 auto;
}


.dzzz .icons .col-xs-3 .zz-box {
height: 204px;
overflow: hidden;
margin-top: 36px;
background: #00cb93;
position: relative;
border-radius: 20px;
}


.dzzz .icons .col-xs-3 .zz-box .left {
float: left;
background: url("../img/dzzz/dzzz-bg.png")/*tpa=http://zwfw.nx.gov.cn/other/img/dzzz/dzzz-bg.png*/ no-repeat 18px 32px;
width: 164px;
height: 156px;
}


.dzzz .icons .col-xs-3 .zz-box .left img {
display: block;
padding: 52px 0 0 68px;
}


.dzzz .icons .col-xs-3 .zz-box .right {
position: absolute;
right: 12px;
}


.dzzz .icons .col-xs-3 .zz-box .pos1 {
top: 54px;
}


.dzzz .icons .col-xs-3 .zz-box .pos2 {
top: 34px;
}


.dzzz .icons .col-xs-3 .zz-box .right h3 {
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 1.3;
padding-bottom: 4px;
}


.dzzz .icons .col-xs-3 .zz-box .right p {
font-size: 14px;
color: #fff;
}


.dzzz .icons .col-xs-3 .zz-box .right span {
display: block !important;
}


.dzzz .icons .col-xs-3 .zz-box h4 {
height: 50px;
padding: 14px;
background: #ebebeb;
clear: both;
}


.dzzz .icons .col-xs-3 .zz-box h4 a {
font-size: 16px;
color: #fff;
text-align: center;
padding: 5px 10px;
border-radius: 4px;
background: #00cb93;
}


.bmsx {
background: #faf8f8;
}


.bmsx img,
.pic {
display: block;
margin: 0 auto;
}


.layui-carousel-ind {
text-align: right;
width: 88%;
}


.icon_more {
background: url("../img/icon_more.png")/*tpa=http://zwfw.nx.gov.cn/other/img/icon_more.png*/ no-repeat center;
width: 33px;
position: absolute;
bottom: 18px;
height: 13px;
right: 43px;
}