﻿@charset "utf-8";

/* css common */
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
margin: 0;
padding: 0
}

body {
font: 14px "Microsoft YaHei", "Arial Narrow", HELVETICA;
color: #222222;
background: #F7F8F9;
min-width:1220px;
}

li {
list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: normal;
}

a {
color: #374165;
text-decoration: none;
cursor: pointer;
}

a:hover {
text-decoration: none;
}

img {
border: none;
}

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

input,
textarea,
select,
button {
font: 14px "微软雅黑", Verdana, Arial, Helvetica, sans-serif, "宋体", "黑体";
}

input:-ms-clear {
display: none;
}

input:-ms-reveal {
display: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
*zoom: 1;
}

.clear {
clear: both;
}

.clear:after {
height: 0;
}

.fr {
float: right
}

.fl {
float: left;
}

.wrap {
width: 1180px;
margin: 0 auto;
}

.wrap1200 {
width: 1200px;
margin: 0 auto;
}

.magB0 {
margin-bottom: 0px !important;
}

.magR20 {
margin-right: 20px;
}

.blue-btn {
background: #1F47EB;
}

.blue-btn:hover {
background: #1433CC;
}

.green-btn {
background: #89C545;
}

.green-btn:hover {
background: #6FAB2B;
}

.orange-btn {
background: #F88B42;
}

.orange-btn:hover {
background: #F76D11;
}

.grey-btn {
background: #eee;
color: #222 !important;
}

.grey-btn:hover {
background: #545454;
color: #fff !important;
}

.red-btn {
background: #FFEEED;
color: #FC5659 !important;
}

.red-btn:hover {
background: #FF5454;
color: #fff !important;
}

.orange2-btn {
background: #FFE9DD;
color: #F88B42 !important;
}

.orange2-btn:hover {
background: #F88B42;
color: #fff !important;
}

.grey2-btn {
background: #eee;
color: #888 !important;
}

.finish-btn {
background: #eee;
color: #222 !important;
}

.font-red {
color: #FC5659;
}

.font-green {
color: #89C545;
}

.bold {
font-weight: bold;
}

.paddB70 {
padding-bottom: 70px !important;
}

.wid230 {
width: 230px !important;
}

.hide {
display: none;
}

.show {
display: block;
}

.banner {
width: 100%;
height: 250px;
background: #0F4E82 url(banner_cztkjc_znd_20230103.png) no-repeat;
background-position: center top;
min-width: 1180px;
}

/* 尾部 */
.footer {
background: #FFFFFF;
width: 100%;
height: 128px;
color: #222222;
font-size: 14px;
/* 	display: none; */
}

.footer .wrap {
line-height: 24px;
padding-top: 33px;
}

.footer .footer-img {
margin-left: 15px;
display: inline-block;
}

.footer .footer-img img {
position: relative;
top: 10px;
height: 55px;
}

.footer .footer-content .fl {
width: 540px;
}

.footer .footer-content .fl p span {
font-size: 14px;
}

/*位置*/
.address {
width: 100%;
height: 50px;
background-color: #E9EAEB;
}

.address .address-title {
width: 1180px;
margin: 0 auto;
line-height: 50px;
color: #878787;
}

.address-list {
height: 50px;
display: flex;
align-items: center;
width: 1180px;
}

.address-list .assree-item {
position: relative;
margin-right: 16px;
color: #878787;
}

.address .address-title a {
color: #878787;
}

.address .address-title .bold {
color: #333;
font-weight: bold;
}


.content-header {
width: 100%;
height: 50px;
background-color: #005398;
}

.header-list .list-item {
box-sizing: border-box;
line-height: 50px;
margin-right: 28px;
font-weight: 400;
cursor: pointer;
}

.header-list .list-item a {
color: #C9DAE9;
font-size: 14px;
line-height: 50px;
}

.header-list .list-item.active {
position: relative;
}

.header-list .list-item.active a {
color: #ffffff;
font-size: 16px;
line-height: 20px;
}

.header-list .list-item.active::before {
content: '';
position: absolute;
bottom: -1px;
left: 50%;
transform: translate(-50%, -50%);
width: 16px;
height: 3px;
border-radius: 3px 3px 0 0;
background: #fff;
}

.hot {
position: relative;
}

.hot:before {
content: '';
position: absolute;
top: 7px;
left: 22px;
width: 23px;
height: 12px;
background: url(hot_cztkjc_znd_20230103.png) no-repeat center center;
background-size: contain;
}

/*弹框*/
.da-tip {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100
}

.da-tip .popup-box {
background: #fff;
border-radius: 0.3rem;
width: 360px;
color: #333;
text-align: center;
font-size: 16px;
position: absolute;
left: 50%;
top: 50%;
z-index: 1000;
margin-left: -180px;
margin-top: -120px;
}

.da-tip .popup-box .da-tip-con {
padding: 20px 0;
}

.da-tip .popup-box .da-tip-con p {
text-align: center;
margin: 20px;
line-height: 22px;
}

.da-tip .popup-box .da-tip-btns {
padding: 15px 0;
border-top: 1px solid #eaeaea;
cursor: pointer;
color: #3173cb;
}

.da-tip .popup-mask {
z-index: 990;
background: #000;
opacity: 0.2;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
filter: alpha(opacity=20);
}

.da-tip .box-animate {
animation: box .3s ease-in;
-webkit-animation: box .3s ease-in;
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
}

.da-tip .popup-mask {
animation: mask .2s ease-in;
-webkit-animation: mask .2s ease-in;
}

@keyframes box {
0% {
	transform: translate3d(0, -10px, 0);
	-webkit-transform: translate3d(0, -10px, 0);
	opacity: .9;
}

100% {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1;
}
}

@-webkit-keyframes box {
0% {
	transform: translate3d(0, -10px, 0);
	-webkit-transform: translate3d(0, -10px, 0);
	opacity: .9;
}

100% {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1;
}
}

@keyframes mask {
0% {
	opacity: 0.1;
}

100% {
	opacity: 0.2;
}
}

@-webkit-keyframes mask {
0% {
	opacity: 0.1;
}

100% {
	opacity: 0.2;
}
}
.banner a:hover {
	opacity: 1!important;
}
.head .head-text {
font-weight: 800!important;
color: #FFFFFF!important;
line-height: 93px!important;
font-size: 62px!important;
padding-top: 84px!important;
}

.head .head-text1 {
color: #E6ECF2!important;
line-height: 27px!important;
font-size: 23px!important;
}

.header-search {
margin-top: 10px;
cursor: pointer;
position: relative;
}

.input-box .search-icon {
position: absolute;
width: 32px;
height: 30px;
left: 0px;
top: 0px;
/* border-radius: 25px; */
background: url(search_cztkjc_znd_20230103.png) center center no-repeat;
z-index: 1;
}

.header-search input {
outline: none;
border: 0;
width: 45px;
height: 30px;
border-radius: 6px;
padding-left: 30px;
transition: width .2s;
position: relative;
background: #1962A1;
color: #fff;
line-height: 30px;
font-size: 14px;
}

.header-search input.expend {
width: 290px;
box-sizing: border-box;
}

.header-search input::placeholder {
color: #8FB2D1;
}

/* 分页 */
.pagination {
margin: 30px auto 0;
}

.pagination {
line-height: 28px;
font-size: 14px;
height: 30px;
}

.pagination ul {
user-select: none;
}

.pagination ul li {
float: left;
color: #333;
width: 30px;
height: 30px;
cursor: pointer;
text-align: center;
list-style: none;
padding: 0;
}

.pagination ul li:hover {
color: #4377df;
}

.pagination ul li.active {
background: #4377df;
border-radius: 3px;
color: #fff;
}

.pagination ul li.num {
line-height: 30px;
}

.pagination ul li.page_prev {
margin-right: 20px;
}

.pagination ul li.page_next {
margin-left: 20px;
}

.pagination .disabled {
color: #eee;
cursor: default;
}

.pagination .disabled:hover {
color: #eee;
}

.pagination p {
margin-left: 20px;
}

.notice-title {
font-size: 20px;
font-weight: bold;
color: #333333;
line-height: 30px;
margin-top: 16px;
}

/* 下拉框 */
.select {
width: 194px;
height: 34px;
line-height: 34px;
background: #fff;
position: relative;
font-size: 14px;
border-radius: 3px;
}

.select p {
cursor: pointer;
float: none !important;
width: 100% !important;
}

.select p span {
text-indent: 10px;
text-align: left;
color: #999;
font-size: 14px;
float: left;
width: calc(100% - 30px);
display: block;
padding: 0 5px;
margin-top: 1px;
height: 40px;
line-height: 40px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.select p span.select-grey {
color: #777 !important;
}

.select p i {
position: relative;
overflow: hidden;
font-size: 16px;
width: 16px;
height: 10px;
float: right;
display: block;
margin: 14px 4px 0 0;
background: url(da-icon_cztkjc_znd_20230103.png) 0px -38px no-repeat;
}

.select p i.down {
background-position-x: -17px;
}

.select ul {
position: absolute;
background: #fff;
padding: 5px 0px;
width: 100%;
top: 2.2rem;
box-shadow: 0 2px 8px 2px #f4f4f4;
display: none;
max-height: 300px;
overflow-y: auto;
z-index: 9;
border: 1px solid #eee;
}

.select ul li {
float: none;
text-align: left;
color: #666;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 10px;
margin: 0;
}

.select ul li:hover {
background-color: #F6F6F6;
-webkit-transition: .3s background;
transition: .3s background;
}
.select ul li.active {background: #2F54EB;color: #fff;}
.select ul {animation: select-box .2s ease-in;-webkit-animation: select-box .2s ease-in;transform: translate3d(0, 5px, 0);}
.popup {position: fixed;top: 0;left: 0;width: 100%;z-index: 100}
.popup-mask {background: #000;opacity: 0.2;position: absolute;width: 100%;height: 100%;top: 0;left: 0;filter: alpha(opacity=20);}
.popup-box {border-radius: 8px;position: absolute;width: 100%;z-index: 91;}
.popup-box .box-title {user-select: none;padding-top: 4px;font-size: 16px;color: #333;position: relative;line-height: 40px;height: 40px;border-radius: 8px 8px 0 0;background: #ffffff;}
.popup-box .box-title.no-title {background: #fff;}
.popup-box .box-title>p {text-align: left;border-radius: 8px 8px 0 0;text-indent: 10px;margin-left: 10px;font-weight: bold;}
.popup-box .box-title>.close {position: absolute;top: 16px;right: 15px;width: 16px;height: 16px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAtElEQVQokXXSwXHDIBAF0GdKsM4pAqUF6+x0kLTgQuQanA7ic1SDXITvqSEHwwxeCy7MLLyB/bCb5/kHI4646Y+MK9aEd7xhKQs9sJR9Yyon/GHfgRXsy76PhBVTgGMHTPV6NuAvPrcAVFThoYGXLRARj/ROoXZqwRbKOIfaWQinRbn0MpQrfZV5KPUcUU2pggnfTY+D5jmS11gPTQ83z+EsyMnja7QgfqUIr/Vx7x0Q4R3rPy8fO3ESPjUXAAAAAElFTkSuQmCC") no-repeat;cursor: pointer;}
.popup-box .box-content {background: #fff;min-height: 100px;border-radius: 0 0 8px 8px;overflow: visible;padding: 10px 20px;}
.popup-box .box-title>.close:hover {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAtElEQVQokXXSwXHDIBAF0GdKsM4pAqUF6+x0kLTgQuQanA7ic1SDXITvqSEHwwxeCy7MLLyB/bCb5/kHI4646Y+MK9aEd7xhKQs9sJR9Yyon/GHfgRXsy76PhBVTgGMHTPV6NuAvPrcAVFThoYGXLRARj/ROoXZqwRbKOIfaWQinRbn0MpQrfZV5KPUcUU2pggnfTY+D5jmS11gPTQ83z+EsyMnja7QgfqUIr/Vx7x0Q4R3rPy8fO3ESPjUXAAAAAElFTkSuQmCC") no-repeat;
}
/* 蒙层 */
.popup-mask {z-index: 90;background: #000;opacity: 0.2;position: fixed;width: 100%;height: 100%;top: 0;left: 0;filter: alpha(opacity=20);}
.btn {display: inline-block;padding: 0 12px;line-height: 32px;border-radius: 2px;margin-left: 10px;}
.blue {background: #005398;color: #FFFFFF;}
.blue:hover {background: #03467d;color: #FFFFFF;}
.skyblue {background: #E8F0FF;color: #005398;}
.skyblue:hover {background: #03467d;color: #FFFFFF;}
@keyframes select-box {
0% {
	transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	opacity: .8;
}

100% {
	transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0);
	opacity: 1;
}
}

@-webkit-keyframes select-box {
0% {
	transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	opacity: .8;
}
100% {
	transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0);
	opacity: 1;
}
}
.pageszly {margin: 50px auto 40px!important;}
.denglu {float: right;margin-right: 60px;margin-top: 25px;width: 80%;clear: both;margin-bottom: 25px;text-align: right;}
#loginBtn{color: #626262;font-size: 15px;line-height: 23px;background: url(hx_dlicon20230110.png) left no-repeat;padding-left: 29px;margin-right: 10px!important;background-size: 21px 21px;color: #1a88e2;}
#tcBtn{font-size: 15px;line-height: 23px;background: url(hx_tcicon20230110.png) left no-repeat;padding-left: 29px;margin-right: 0rem!important;background-size: 24px 22px;color: #1a88e2;}
#zcBtn{color: #626262;font-size: 15px;line-height: 23px;background: url(hx_zcicon20230110.png) left no-repeat;padding-left: 29px;margin-right: 0px!important;background-size: 21px 21px;color: #1a88e2;}