@import "animate.min.css" ;
@import url("footer.css");
* {
	margin: 0;
	padding: 0;
	list-style: none
}
.border-box * {
	box-sizing: border-box;
}
.zonkvn-top{
	margin: 0 auto;
	min-width: 100%;
	max-width: 100%;
}
.header-left{ margin-left:50px}
.auto {
	margin: 0 auto;
	min-width: 1220px;
	max-width: 1220px
}
.auto * {
	box-sizing: border-box;
}
body{ font-family: Arial, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
li{ list-style-type:none;}
img{ border:0;}
a,a:hover{ text-decoration:none !important;}
a{ color:#000;}
a:hover{ color:#059fff;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button,select{outline:none !important;border: 0;}
textarea{resize:none}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type="text"]{font-family:"Microsoft Yahei"}
input[disabled]{ background:#ccc !important; cursor:not-allowed !important;}
button[disabled]{ background:#ccc !important;cursor:not-allowed !important;}
em{ font-style: normal; }
a,button,input,textarea{-webkit-tap-highlight-color:transparent;}
a {
	outline: 0;
	text-decoration: none
}

strong {
	font-weight: 400
}
.strong {
	font-weight: 700
}
/*base*/
.container{ width: 1280px !important;  margin: 0 auto; }
.clear{ clear: both; }
.float-l{ float: left;}
.float-r{ float: right;}
.blue{ color:#059fff;}
.margin-b20{ margin-bottom:20px;}
.waiting{ display:block; margin:20px auto;}
.relative{ position:relative;}

.clearfix:after,
.clearfix:before {
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after {
	clear: both
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.hide {
	display: none
}

.show {
	display: block
}

.invisible {
	visibility: hidden
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}
.cursor-arrow {
	cursor: default;
}
.text-primary {
	color: #059fff
}

.text-stress {
	color: #f60
}

.text-muted {
	color: #999
}
.text-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
/*header*/
/* .header{ position:relative;}
.header .top-header{ position:absolute; left:0; right:0; top:0; z-index:101;}
.header .head-nav{ background:transparent;border-bottom: 1px solid rgba(255,255,255,.2); } */

.top-header{ height: 65px;min-width: 1220px;}
/* .head-nav{ height: 79px; background: #192933;border-bottom: 1px solid #192933;position: absolute; left: 0; top: 0; right: 0; min-width:1220px; } */
.head-nav h1{ float: left; width: 149px; height: 44px; margin: 16px 20px 0 0;}
.head-nav h1 img,.head-nav h1 a{ display: block; width: 100%;}
/* .head-nav:hover{ background: #192933 !important;border-bottom: 1px solid rgba(5,159,255,.3) !important;} */

.head-nav .nav-list li{ float: left;}
.head-nav .nav-list .nav{ display: block; color: #999; font-size: 18px; line-height: 79px; padding: 0 20px;}
.head-nav .nav-list .nav:after{ content: ""; display: block; margin:-1px 0 0; width:0; height: 3px; background:#059fff;transition: 0.2s all linear;}
.head-nav .nav-list li:hover .nav{ color: #059fff;}
.head-nav .nav-list li:hover .nav:after{ width:100%; }
.head-nav .nav-list .active .nav{ color: #059fff;}
.head-nav .nav-list .active .nav:after{ width:100%; }
/* .head-nav .pop-list{ display:none; background: #192933; height: 584px; padding-top: 30px; position: absolute; left: 0; top: 80px; right: 0;transition: 0.4s all linear; z-index: 22;} */


.head-nav .nav-right{ float: right; height: 65px; }
.head-nav .nav-right dl{ float: right; width: 120px; height: 60px; position: relative;color: #fff; cursor: pointer;}
.head-nav .nav-right dt{ line-height: 40px; text-align: right;}
.head-nav .nav-right dt:after{ content: ""; display: inline-block; width: 7px; height: 4px; vertical-align: middle; margin:0 18px 0 8px; background: url("https://www.dn23.com/template/images/public/ico/ico1.png")  center no-repeat;transition: transform 0.3s ease;}
.head-nav .nav-right .open:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.head-nav .nav-right dd{ display: none; padding: 10px;text-align: center; position: absolute; left: 0; right: 0; top:50px; z-index:5; background: #fff; border-radius:3px;-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
.head-nav .nav-right dd:before{ content: ""; position: absolute; left: 50%; top: -6px; margin-left: -5px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border: 6px dashed transparent;border-bottom-style: solid;border-bottom-color: #fff;border-top-width: 0;}
.head-nav .nav-right dd a{ display: block; text-align: center; line-height: 30px; font-size: 12px; color: #666666;}
.head-nav .nav-right dd a:hover{ color: #059fff; }
.head-nav .nav-right p{ float: right;text-align: right;}
.head-nav .nav-right p a{ display: inline-block; /*margin-left:5px;*/ line-height: 65px; color: #1c1d1f;}
.head-nav .nav-right p a:first-child{ margin-left: 0; }
.head-nav .nav-right p a:hover{ color:#059fff;}
.head-nav .nav-right .top-btn{ height: 65px; padding: 0 15px; line-height: 65px; color: #1c1d1f;}
.head-nav .nav-right:hover{ color:#1c1d1f;}
.head-nav .nav-right .btn-register{margin-right:-15px;padding:25px 30px; background: #0056ff;color: #fff; }
.top-user-info-1{margin-right:20px;}
.top-user-info-1 a{margin-left:50px; }


.nav-content {
  display: flex;
  flex-wrap: wrap;

  padding: 0px 0px;
  position: relative;
  box-sizing: border-box;

}


.nav-item-box {
  min-width: 205px;
  height: 96px;
  padding: 24px 20px;
  border-radius: 3px;
  background: #fff;
  display: flex;
  cursor: pointer;
  box-shadow: 0px 0px 8px rgba(52, 52, 52, 0.08);
}

.nav-item-box:hover .title {
  color:#2981ff;
}

.nav-item-box img {
    margin-top:2px;
  width: 48px;
  height: 48px;
}

.nav-item-box .item-box-title {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-left: 16px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
}

.nav-item-box .item-box-title .desc {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
}

.nav-header .login-in {
  cursor: pointer;
  position: relative;
  height: 72px;
  display: flex;
  align-items: center;
  z-index: 999;
  padding: 0 32px;
}