body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
legend,
button form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    padding: 0;
    margin: 0;
}

q:before,
q:after {
    content: '';
}

fieldset,
img,
abbr,
acronym {
    border: 0 none;
}

abbr,
acronym {
    font-variant: normal;
}

legend {
    color: #000;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

input,
img,
select {
    vertical-align: middle;
}

ol,
ul {
    list-style: none;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

del,
ins,
a {
    text-decoration: none;
    cursor: pointer;
}

input[type="submit"] {
    cursor: pointer;
}

button {
    cursor: pointer;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.m-width {
    max-width: 1400px;
    margin: 0 auto;
}

.clearfix {
    clear: both;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

body {
    background: #fff;
    color: #353535;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    margin: 0 auto;
    background: #F4F9FE;
    min-width: 1500px;
}


/* -- */
.header .top {
    width: 100%;
    height: 200px;
    background: url(../img/top-bg.jpg) center no-repeat;
    background-size: 100% 100%;
}

.header h1 {
    display: inline-block;
    margin-top: 50px;
}

.header .top-links {
    text-align: center;
    margin-bottom: 15px;
}

.header .top-links a {
    color: #E8E8E8;
}

.header .top-links span {
    color: #E8E8E8;
    margin: 0 8px;
}


.header .top-right {
    display: inline-block;
    float: right;
    margin-top: 60px;
}

.header .search a {
    color: #ababab;
    font-size: 14px;
}

.header .search span {
    color: #ababab;
    margin: 0 10px;
}

.header .search .f-seach {
    position: relative;
}

.header .search .f-seach input {
    border: none;
}

.header .search .f-seach input.search-in {
    outline: none;
    width: 230px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    opacity: 1;
    box-sizing: border-box;
    padding-left: 20px;
    color: #999;
    background: #fff;
    box-sizing: rgba(63, 62, 62, 0.5);
    border: 1px solid #0D59AA;
}

.header .search .f-seach input.search-btn {
    position: absolute;
    right: 12px;
    top: 13px;
    border: none;
    width: 15px;
    height: 15px;
}

/* Safari，Chrome WebKit browsers */
.search input::-webkit-input-placeholder {
    color: #999;
}

/* 火狐 Mozilla Firefox 4 to 18 */
.search input:-moz-placeholder {
    color: #999;
}

/* 火狐 Mozilla Firefox 19+ */
.search input::-moz-placeholder {
    color: #999;
}

/* Internet Explorer 10+ */
.search input:-ms-input-placeholder {
    color: #999;
}

/* 导航 */
.con-navigation {
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, #1E7AAB 0%, #234E9B 100%);
    line-height: 60px;
}

.nav {
    height: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.nav .nLi {
    float: left;
    position: relative;
}


.nav .nLi h3 {
    height: 60px;
    font-weight: normal;
}

.nav .nLi h3 a {
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding: 0 46px;
    border-right: 1px solid #fff;
}

.nav .nLi.on h3 a,
.nav .nLi h3 a:hover {
    font-weight: bold;
}

.nav .nLi.li1 h3 a {
    padding-left: 0;
}

.nav .nLi.li9 h3 a {
    border: none;
    padding-right: 0;
}

.nav .sub {
    display: none;
    width: 100%;
    top: 60px;
    left: 0;
    position: absolute;
    background: #fff;
    border-bottom: 3px solid #288bd7;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
}

.nav .sub li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    zoom: 1;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e6;
    position: relative;
}

.nav .sub li a {
    font-size: 14px;
    color: #363636;
}

.nav .sub li:hover {
    border-bottom: 1px solid #288bd7;
}

.nav .sub li:hover a.ej {
    color: #288bd7;
}

.nav .sub li:hover .sj {
    display: block;
}


.nav .nLi a {
    font-size: 18px;
    color: #fff;
}

.main-links {
    margin-top: 50px;
}

.main-links .links {
    width: 100%;
    height: 220px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}



.main-links .item {
    float: left;
    width: 155px;
    height: 100%;
    text-align: center;
    margin: 0 10px;
    position: relative;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.main-links .item .ico {
    width: 87px;
    height: 87px;
    line-height: 87px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #D1D1D1;
    display: inline-block;
    border-radius: 50%;
    margin-top: 48px;
}

.main-links .item p {
    color: #3D3D3D;
    font-size: 1.2em;
    margin-top: 17px;
}

.main-links .item .more {
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 90px;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    display: none;
    margin: 25px auto 0 auto;
}

.main-links .item .img2 {
    display: none;
}

.main-links .item .more a {
    color: #fff;
}


.main-links .item.onx .img1 {
    display: none;
}

.main-links .item.onx .img2 {
    display: inline-block;
}

.main-links .item.onx .more {
    display: block;
}

.main-links .item.onx {
    width: 155px;
    height: 260px;
    background: url(../img/item-on.png) no-repeat;
    top: -20px;
    transition: all 0.5s ease-in-out;
}

.main-links .item.onx .ico {
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}

.main-links .item.onx p {
    color: #fff;
}

.main-news {
    margin-top: 50px;
}

.m-w680 {
    width: 680px;
}

.column {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-bottom: 8px;
    background: url(../img/column-bg.png) bottom no-repeat;
}

.column a.title p {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.column a.title span {
    color: #234E9B;
}

.column a.more {
    font-weight: bold;
    color: rgba(35, 78, 155, 0.6);
    float: right;
    position: relative;
    top: 10px;
}

.column .ico {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.column a.title {
    display: inline-block;
    min-width: 150px;
}

.zxgg ul {
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 25px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}

.zxgg ul li {
    width: 100%;
    height: 58px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E8E8E8;
}

.zxgg ul li.li4 {
    border: none;
    padding: 0;
    margin: 0;
}

.zxgg ul li .dete {
    width: 60px;
    float: left;
    padding-right: 16px;
    border-right: 1px solid #E8E8E8;
}

.zxgg ul li .d {
    font-size: 28px;
    color: #333;
    text-align: center;
}

.zxgg ul li .y {
    color: #999;
    text-align: center;
}

.zxgg ul li .text {
    padding-left: 100px;
}

.zxgg ul li .title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.zxgg ul li .desc {
    color: #999;
    margin-top: 10px;
}

.zxgg ul li:hover .d {
    color: #234E9B;
}

.zxgg ul li:hover .title {
    color: #234E9B;
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.yyfw-ul {
    width: 680px;
    height: 445px;
    margin-top: 25px;
    background: url(../img/yyfw-ul-bg.jpg) no-repeat;
    box-sizing: border-box;
    padding: 0 50px;
}

.yyfw-ul ul li {
    width: 185px;
    height: 40px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(5px);
    float: left;
    margin-right: 12px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 40px;

}

.yyfw-ul ul li:hover a {
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.yyfw-ul ul li.li3,
.yyfw-ul ul li.li6 {
    margin-right: 0;
}

.yyfw-ul ul li.li4,
.yyfw-ul ul li.li5,
.yyfw-ul ul li.li6 {
    margin-bottom: 0;
}

.yyfw-ul ul li a {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.col {
    width: 100%;
    background: url(../img/col-bg.png) center center no-repeat;
    text-align: center;
    padding: 35px 0 40px 0;
}

.col a {
    font-size: 18px;
    color: #fff;
}


.main-party {
    margin-top: 50px;
}

.main-party .column {
    background: url(../img/column-djdt-bg.png) bottom no-repeat;
}

.main-adv,
.djdt-list {
    margin-top: 30px;
}

.main-adv {
    width: 100%;
    height: 120px;
    position: relative;
}

.main-adv a.prev,
.main-adv a.next {
    width: 17px;
    height: 33px;
    display: inline-block;
    position: absolute;
    top: 40%;
}

.main-adv a.prev {
    background: url(../img/right_btn4.png) no-repeat;
    left: 0;
}

.main-adv a.next {
    background: url(../img/left_btn4.png) no-repeat;
    right: 0;
}

.main-adv .bd ul li {
    width: 100%;
    height: 120px;
}

.main-adv .bd ul li .img {
    overflow: hidden;
}

.main-adv .bd ul li .img img {
    width: 100%;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}

.main-adv .bd ul li:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}



.djdt-list ul li {
    float: left;
    width: 445px;
    height: 194px;
    margin-right: 30px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: border-box;
    padding: 20px 20px 20px 75px;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.djdt-list ul li:hover {
    top: -5px;
    transition: all 0.5s ease-in-out;
}

.djdt-list ul li.li3 {
    margin-right: 0;
}


.djdt-list ul li .dete {
    width: 55px;
    height: 60px;
    position: absolute;
    left: -10px;
    top: 30px;
    background: linear-gradient(180deg, rgba(30, 122, 171, 0.90) 0%, rgba(35, 78, 155, 0.90) 100%);
}

.djdt-list ul li .d {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 7px 0 3px 0;
}

.djdt-list ul li .y {
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.djdt-list ul li .title {
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

.djdt-list ul li .desc {
    color: #999;
    line-height: 30px;
}

.djdt-list ul li .xian {
    width: 58px;
    height: 2px;
    margin: 15px 0;
    background: #1E57B6;
}

.djdt-list ul li:hover .title {
    color: #234E9B;
    font-weight: bold;
}

.djdt-list ul li:hover .desc {
    color: #666;
}

.main-aqzn {
    margin-top: 50px;
    margin-bottom: 50px;
}

.wlaq ul {
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 35px;
}

.wlaq ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-bottom: 19px;
    margin-bottom: 18px;
    border-bottom: 1px dashed #D8D8D8;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.wlaq ul li:hover {
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.wlaq ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #D8D8D8;
}

.wlaq ul li.li6 {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.wlaq ul li .dete {
    float: right;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 90px;
    background: #EDEDED;
}

.wlaq ul li a {
    font-size: 18px;
    line-height: 25.2px;
    color: #333;
}

.wlaq ul li:hover a {
    color: #234E9B;
}

.wlaq ul li:hover .dete {
    color: #fff;
    background: #234E9B;
}

.wlaq ul li:hover::before {
    background: #234E9B;
}

.fwzn ul {
    margin-top: 35px;
}

.fwzn ul li {
    width: 326px;
    height: 95px;
    background: #fff;
    float: left;
    margin-right: 26px;
    margin-bottom: 17px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    padding: 10px 10px 10px 25px;
    border-left: 3px solid #fff;
}

.fwzn ul li .title {
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.fwzn ul li.li2,
.fwzn ul li.li4,
.fwzn ul li.li6,
.fwzn ul li.li8 {
    margin-right: 0;
}

.fwzn ul li.li7,
.fwzn ul li.li8 {
    margin-bottom: 0;
}

.fwzn ul li .title {
    font-size: 18px;
    line-height: 36px;
    color: #333;
    margin: 3px 0 7px 0;
}

.fwzn ul li .dete {
    color: rgba(153, 153, 153, 0.8);
}

.fwzn ul li:hover {
    border-left: 3px solid #234E9B;
}

.fwzn ul li:hover .title {
    color: #234E9B;
    font-weight: bold;
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.fwzn ul li:hover .dete {
    color: rgba(153, 153, 153, 1);
}


.footer {
    width: 100%;
    height: 250px;
    background: linear-gradient(180deg, rgba(30, 122, 171, 0.90) 0%, rgba(35, 78, 155, 0.90) 98%);
}

.footer .item {
    width: 440px;
    height: 202px;
    float: left;
    background: linear-gradient(180deg, rgba(46, 132, 179, 0.70) 0%, rgba(55, 99, 178, 0.70) 100%);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    margin-right: 40px;
    margin-top: 23px;
}

.footer .code {
    margin-right: 0;
    box-sizing: border-box;
    padding: 25px 0 25px 84px;
}

.footer .contact {
    box-sizing: border-box;
    padding: 34px;
}

.footer .contact p {
    font-size: 18px;
    line-height: 45px;
    color: #fff;
}

.footer .banq {
    box-sizing: border-box;
        padding: 30px 15px;
}

.footer .banq p {
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    opacity: .6;
}

.footer .banq p a{
    color: #fff;
 }

.footer .code .img {
    float: left;
    margin-right: 32px;
}

.footer .code p {
    color: #fff;
    opacity: .6;
    text-align: center;
    margin-top: 5px;
}


/* -- */

.nei-banner {
    width: 100%;
    height: 350px;
    position: relative;
}

.nei-banner .img img {
    width: 100%;
    height: 350px;
    display: block;
}

.nei-banner .columns {
    position: absolute;
    right: 13.5%;
    bottom: 30px;
}

.nei-banner .columns p {
    font-size: 16px;
    color: #fff;
}

.nei-banner .columns p a {
    font-size: 16px;
    color: #fff;
}








.nei-main .sub-list {
    width: 275px;
    float: left;
    position: relative;
    top: -60px;
    background: #fff;
}

.nei-main .sub-list .sub-name {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    height: 95px;
    line-height: 95px;
    text-align: center;
    background: url(../img/sublist-name-bg.jpg) no-repeat;
}

.nei-main .sub-list ul {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
}



.nei-main .sub-list ul li {
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px dashed #e3e3e3;
}

.nei-main .sub-list ul li a {
    font-size: 22px;
    color: #333;
}

.nei-main .sub-list ul li.on a {
    color: #288bd7;
    font-weight: bold;
}

.nei-main .sub-list ul li:hover a {
    color: #288bd7;
    font-weight: bold;
}


.nei-main .nei-content {
    width: 1095px;
    float: right;
}







.con-textlist {
    padding-top: 30px;
}

.con-textlist ul li {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 30px;
       box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.02);
}

.con-textlist ul li .dete {
    float: left;
    margin-right: 38px;
}

.con-textlist ul li .dete .d {
    text-align: center;
    font-size: 38px;
    color: #999;
}

.con-textlist ul li .dete .y {
    text-align: center;
    width: 90px;
    height: 35px;
    color: #666;
    line-height: 35px;
    background: #ececec;
    margin-top: 5px;
}

.con-textlist ul li .title {
    color: #333;
    font-size: 18px;
}

.con-textlist ul li .desc {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-top: 10px;
}

.con-textlist ul li:hover {
    box-shadow: 0px 0px 5px 5px rgb(40 139 215 / 10%);
}

.con-textlist ul li:hover .title {
    color: #288bd7;
    font-weight: bold;
}

.con-textlist ul li:hover .desc {
    color: #666;
}

.con-textlist ul li:hover .d {
    color: #288bd7;
}

.con-textlist ul li:hover .y {
    background: #d6e5f8;
    color: #288bd7;
}


/* 分页 */
.con-picture ul .list-page {
    margin-top: 10px;
}

ul .list-page {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    margin: 40px 0;
}

.pb_sys_style1 .p_no_d {
    background: #288bd7 !important;
    border: 1px solid #288bd7 !important;
}

.con-picture {
    padding-top: 30px;
}

.con-picture ul li {
    float: left;
    width: 340px;
    height: 260px;
    margin-right: 35px;
    margin-bottom: 35px;
    position: relative;
}

.con-picture ul li.li3,
.con-picture ul li.li6,
.con-picture ul li.li9 {
    margin-right: 0;
}

.con-picture ul li .title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.con-picture ul li .img {
    overflow: hidden;
}

.con-picture ul li .img img {
    width: 340px;
    height: 260px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.con-picture ul li:hover .title {
    background: rgba(40, 139, 215, 0.9);
}

.con-picture ul li:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.con-piclist {
    padding-top: 30px;
}

.con-piclist ul li {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 2%);
}

.con-piclist ul li .img {
    overflow: hidden;
    float: left;
}

.con-piclist ul li .img img {
    width: 270px;
    height: 200px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.con-piclist ul li .text {
    box-sizing: border-box;
    padding: 30px;
    margin-left: 270px;
}

.con-piclist ul li .title {
    font-size: 18px;
    color: #333;
}

.con-piclist ul li .desc {
    font-size: 16px;
    color: #999;
    line-height: 25px;
    margin: 18px 0;
}

.con-piclist ul li .dete {
    font-size: 16px;
    color: #999;
}

.con-piclist ul li:hover {
    background: url(../img/piclist-li-text.png) no-repeat;
    box-shadow: 0px 0px 5px 5px rgb(40 139 215 / 10%);
}

.con-piclist ul li:hover .title {
    color: #288bd7;
    font-weight: bold;
}

.con-piclist ul li:hover .desc {
    color: #666;
}

.con-piclist ul li:hover .dete {
    color: #288bd7;
}

.con-piclist ul li:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.con-detail {
    border: 1px solid #eee;
    margin-bottom: 40px;
    margin-top: 30px;
}

.con-detail .detail {
    padding: 40px 135px 0 135px;
}

.con-detail .title {
    font-size: 30px;
    font-weight: bold;
    color: #252525;
    text-align: center;
}

.con-detail .timer {
    text-align: center;
    margin: 15px 0 30px 0;
}

.con-detail .timer span {
    font-size: 16px;
    color: #999;
}

.con-detail .text {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    padding-top: 25px;
}

.con-detail .text p {
    font-size: 16px;
    line-height: 35px;
    color: #252525;
    margin-bottom: 15px;
}



.detail .detail-page {
    line-height: 68px;
    height: 68px;
    margin-bottom: 40px;
}

.detail .detail-page p a {
    color: #252525;
    font-size: 16px;
}

.detail .detail-page p a:hover {
    color: #288bd7;
}



.con-danye {
    border: 1px solid #eee;
    margin-bottom: 40px;
    margin-top: 30px;
}

.con-danye .danye {
    padding: 40px 135px 0 135px;
}


.con-danye .text p {
    font-size: 16px;
    line-height: 35px;
    color: #3D3D3D;
    margin-bottom: 15px;
}