@charset "utf-8";
body { background: #fff; }
.img-title { display: none; }
/* 2022年报 */
.pos-rel { position: relative; }
.zt-header { width: 100%; height: 450px; background: url("./../images_nb2022/banner.png") no-repeat center top; }

.site-logo { width: auto; margin-top: 15px; }
.zt-logo { margin-top: 20px; width: auto; height: auto; margin-left: 40px; }
.sel-box { margin-left: 120px; margin-top: 25px; height: 32px; line-height: 32px; background: #fff; border-radius: 16px; width: 120px; }
.sel-box select { width: 100%; height: 100%; border: 0 none; border-radius: 16px; padding-left: 16px; height: 32px; line-height: 32px; vertical-align: top; font-size: 16px; color: #333; }

.back-home { position: absolute; right: 0; top: 0; display: block; padding: 0 20px; color: #fff; font-size: 16px; background: #074acb; border-radius: 0 0 5px 5px; height: 37px; line-height: 37px; }
.back-home:hover { color: #fff; background: #2a6dc1; }

.guidang { position: fixed; z-index: 999; right: 50%; margin-right: -548px; top: 50px; }

/* 友情链接模拟下拉 */
.nodeSelect { width: 100%; position: relative; }
.nodeSelect dt { height: 30px; line-height: 30px; padding: 0 5px 0 8px; overflow: hidden; border: 1px solid #ccc; background: #fff; position: relative; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; }
.nodeSelect dt h3 { font-size: 14px; }
.nodeSelect dt i { right: 12px; top: 50%; margin-top: -2px; border-width: 5px; position: absolute; border-color: transparent; border-style: dashed; border-top-color: #363636; border-top-style: solid; content: ""; display: block; font-size: 0; line-height: 0; width: 0; }

.nodeSelect dd { bottom: 32px; display: none; width: 100%; position: absolute; left: 0; }
.nodeSelect ul { max-height: 389px; border: 1px solid #ccc; background: #fff; overflow-y: scroll; }
.nodeSelect li { line-height: 20px; padding: 8px 10px; border-top: 1px dotted #ccc; cursor: pointer; }
.nodeSelect li a { display: block; }
.nodeSelect li a:hover { text-decoration: none; }
.nodeSelect li:hover { color: #cd3333; background-color: #f1f1f1; }
.nodeSelect li.num1 { border-top: 0; }
.nodeSelect.on { z-index: 9; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.nodeSelect.on dt { border-color: #bbb; }
.nodeSelect.on dt i { border-top-style: none; border-bottom-color: #aaa; border-bottom-style: solid; }
.nodeSelect.on dd { display: block; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.nodeSelect.on dd ul { border-color: #bbb; }

.zt-content { padding: 0 0 40px; }
.com-title { height: 32px; line-height: 32px; width: 100%; text-align: center; font-size: 32px; color: #2a6dc1; background: url("./../images_nb2022/title-bg-bg.png") no-repeat center center; margin-top: 40px; }

.com-list { padding-top: 20px; }
.com-list ul { width: 102%; }
.com-list ul li { float: left; width: 217px; height: auto; margin-right: 20px; margin-top: 20px; margin-right: 20px; text-align: center; }
.com-list ul li a { display: block; height: 40px; line-height: 40px; font-size: 18px; background: #eef6ff; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; }
.com-list ul li:hover a { color: #fff; background: #2a6dc1; }

.com-list01 ul li { width: 157px; }
.com-list01 ul li a { height: 60px; line-height: 60px; }
.com-list01 ul li.num12 a { line-height: 20px; height: 40px; padding: 10px 5px; }
.com-title01 { background: url("./../images_nb2022/title-bg-small.png") no-repeat center center; }
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .com-list ul li {   width: 224px;}
  .com-list01 ul li { width: 154px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .com-list ul li {   width: 232px;}
  .com-list01 ul li { width: 148px; }
}
@media(max-width:991px) {
  .com-list ul { width: 100%; }
  .com-list ul li { width: 32.333%; margin: 10px .5% 0; }
  .com-list { padding-top: 10px; }
  .com-title { margin-top: 20px; }
  .zt-content { padding-bottom: 20px; }
  .guidang { right: 66%; }
}
@media(max-width:767px) {
  .zt-content { padding: 0 10px 10px; }
  .zt-logo { margin-left: 0; text-align: center; }
  .site-logo img, .zt-logo img { width: auto; height: auto; max-width: 96%; }
  .site-logo { text-align: center; margin-top: 30px; text-align: center; }
  .zt-header { height: auto; padding-bottom: 30px; }
  .sel-box { margin-left: 10px; width: auto; margin-right: 10px; }
  .com-title { height: auto; line-height: 42px; }
  .com-list ul li { width: 49%; }
  .guidang { right: 0; margin-right: 0; }
    .guidang{width: 160px !important;height: 160px !important;background-size: 100% 100% !important;}
}
@media(max-width:360px){
    .guidang{top: 70px;bottom: auto;}
}