@charset "utf-8";
/* CSS Document */
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {/* [disabled]margin:0;*/padding: 0;font-family: "microsoft yahei", "simhei", "simsun";color: #394351;margin: 0;/*! font-size: 20px */}
p {padding: 0;font-family: "microsoft yahei", "simhei", "simsun";color: #394351;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
html, body, fieldset, img, iframe, abbr {border: 0;}
i, cite, em, var, address, dfn {font-style: normal;}
[hidefocus], summary {outline: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6, small {font-size: 100%;font-weight: normal}
sup, sub {font-size: 83%;}
pre, code, kbd, samp {font-family: inherit;}
q:before, q:after {content: none;}
textarea {overflow: auto;resize: none;}
label, summary {cursor: default;}
a, button {cursor: pointer;}
del, ins, u, s, a, a:hover {text-decoration: none;}
a {font-family: "microsoft yahei";}
.fr {float: right !important}
.fl {float: left !important}
.clearfix {*+height: 1%;}

*,:before,:after {box-sizing: border-box;}
body{ background: #fafbfd}
.mt40{ margin-top: 40px!important}
.mt30{ margin-top: 30px!important}
.zt_main{margin: 50px auto 50px; width: 1200px}
.row{ background: url("dxdc_bg_zwl_20230718.png") no-repeat; width: 92%; margin: 0 auto; padding: 50px; height: auto; background-size: 100% 100%}
.row1{ background: url("dxdc_bg1_zwl_20230718.png") no-repeat; width: 92%; margin: 0 auto; padding: 50px; height: 420px;  background-size: 100% 100%}
.zt_main_img img{ width: 100%}
.zt_main .zt_text{ text-align: center; width: 80%; margin: 0 auto}
.zt_main .zt_text h2{ font-size: 24px; color: #003984; margin-bottom: 15px}
.zt_main .zt_text .version{ color: #000; line-height: 36px;font-size: 20px;text-indent: 40px; text-align: left}
.zt_main .zt_text .version a{ color: #003984}
.zt_list{  overflow: hidden; clear: both  }
.zt_list li{ width: 50%; float: left; position: relative;padding-left: 15px; margin-bottom: 20px
 }
.zt_list li::before{display: inline-block;
content: "";
width: 6px;
height: 6px;
position: absolute;
top: 10px;
left: 0px;
border-radius: 10px;
background: #999999;}
 .zt_list li a{color: #3b4351;
width: 90%;
 display: block;
font-size: 20px;
}

.zt_bg_white {
  background: #fff;
  border-radius: 5px;
  padding: 40px 0;
  overflow: hidden;
}
.zt_tit{ text-align: center}
.zt_tit h2{ color: #0e448b; font-size: 30px; position: relative; display: inline-block}
.zt_tit h2::after,.zt_tit h2::before{content: ""; width: 50px; height: 19px; background: url("dxdc_ico_zwl_20230718.png") no-repeat; display: inline-block; position: absolute;  top: 12px}
.zt_tit h2::after{left: -80px;}
.zt_tit h2::before{right: -80px;}
.zt_more{ text-align: center;font-size: 20px;}
.zt_more a{color: #003984; text-decoration: underline;}
.zt_brief{ font-size: 24px; color: #003984; text-align: center}
.zt_brief a{color: #003984; font-size: 20px}
.listBox,.zt_mailbox_links,.zfhd_szxx_hfxx_mxr_20200624{ width: 92%; margin: 0 auto; overflow: hidden}
.L_list{ width: 48.5%;  background: #f3faff; height: 407px; padding: 2.3%; position: relative}
.L_list li{ width: 100%}
.L_list li a{ width: 100%;text-overflow: inherit; white-space: inherit}
.L_list .zt_more{  position: absolute; bottom: 40px; right: 5.5%}
.zt_mailbox h2{ color: #3b4351; font-size: 30px; text-align: center}
.zt_mailbox h2 a{color: #3b4351; }
.zt_mailbox h3{ color: #003984; margin: 20px 0; font-size: 24px}
.zt_mailbox p{font-size: 20px;line-height: 36px;}
.zt_mailbox_links{ height: 69px; line-height: 69px; background: #f3faff}
.zt_mailbox_links li{width: 50%;
text-align: center;
float: left;border-radius: 5px 5px 0 0;font-size:24px ; }
.zt_mailbox_links li a{color: #003984}
.zt_mailbox_links li.on{background: #d1e9ff}
.zt_mailbox li{ width: 100%}

.zfhd_szxx_hfxx_mxr_20200624 {
  clear: both;
  overflow: hidden;
  font-size: 16px;
  color: #394351;
  line-height: 50px;
}
.zfhd_szxx_hfbt_mxr_20200624 {
  float: left;
  width: 50%;

   background: #d1e9ff;
  font-size: 20px;
  text-align: center;
  color: #003984;
}
.zfhd_szxx_lxsj_mxr_20200624 {
  float: left;
  width: 25%;
   background: #d1e9ff;
  font-size: 20px;
  text-align: center;
  color: #003984;
}
.zfhd_szxx_hfsj_mxr_20200624 {
  float: left;
  width: 25%;
   background: #d1e9ff;
  font-size: 20px;
  text-align: center;
  color: #003984;
}
.szxx_hfbt_mxr_20200624 {
	float: left;
width: 50%;
/*! padding-left: 5%; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	text-align: center;
	font-size: 20px;
}
.szxx_hfbt_mxr_20200624 a{ color: #3b4351}
.szxx_lxsj_mxr_20200624 {
  float: left;
  width: 25%;
  text-align: center;
  /*! font-size: 14px; */
  color: #86898d;
  font-size: 20px;
}
.szxx_hfsj_mxr_20200624 {
  float: left;
  width: 25%;
  text-align: center;
  /*! font-size: 14px; */
  color: #86898d;
  font-size: 20px;
}
.tit_bg{ background: url("dxdc_ico1_zwl_20230718.png") right center no-repeat; }
.tit_bg a{ display: block}
#szxx{background: #f7f7f7; height: 165px; border-radius: 5px}

@media screen and (max-width: 1024px) {
	.zt_main{ width: 100%;margin: 20px auto 30px;}
	.row {background-size: 100%; height: auto;padding: 30px;}
	.L_list {
  width: 100%;
  background: #f3faff;
  height: auto;
  padding: 2.3%;
  position: relative;
}
	.L_list .zt_more {
position: inherit;
bottom: auto;
right: auto;
}
	.zt_mailbox h3 {
  color: #003984;
  margin: 20px 0;
  font-size: 20px;
}
.zt_main .zt_text h2,.zt_brief,	.zt_list li {
  font-size: 20px;

}	
	.zt_main .zt_text .version,.zt_mailbox p {
  /*! color: #000; */
  line-height: 28px;
 
}

	.zt_more,.zt_main .zt_text .version,.zt_list li a ,.zt_mailbox p,.zfhd_szxx_hfbt_mxr_20200624,.zfhd_szxx_lxsj_mxr_20200624,.zfhd_szxx_hfsj_mxr_20200624,.zt_mailbox_links li,.szxx_hfbt_mxr_20200624,.szxx_lxsj_mxr_20200624,.szxx_hfsj_mxr_20200624,.zt_mailbox h3{ font-size: 16px;}
	.zt_mailbox h2,.zt_tit h2{font-size: 24px}
	.zt_main .zt_text .version{ text-indent: 30px;}
	.mt30 {
  margin-top: 15px !important;
}
	.zt_mailbox h3{margin: 10px 0;}
	.row1 {
  background: url("dxdc_bg1_zwl_20230718.png") no-repeat;
  width: 92%;
  margin: 0 auto;
 
  padding: 30px;
  height: auto; background-size: 100% 100%
}
}

@media screen and (max-width: 768px) {
		.row1 {
  background: url("dxdc_bg1_zwl_20230718.png") no-repeat top;

  height: auto; background-size: auto
}
	.row{ background: url("dxdc_bg_zwl_20230718.png") no-repeat top;

  height: auto; background-size: auto}
	
	
}
@media screen and (max-width: 640px) {
	.mt40{ margin-top: 20px}
	.row,.row1{ background:none; padding: 0}
	.zt_list li{width: 100%;}
	.zt_bg_white{padding: 20px}
	.zt_tit h2::after, .zt_tit h2::before {
  content: "";
  width: 24px;
  height: 19px;
 
  top: 7px;
}
	.zt_tit h2::before {
  right: -60px;
}
	.zt_tit h2::after {
  left: -60px;
}
	.zt_list li{ margin-bottom: 10px}
}