* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
  color: #fff;
}
@font-face {
    font-family: "思源黑体";
    src: url("SourceHanSans-Regular.ttf");
}
body {
  min-width: 1800px ;
   font-family: "思源黑体";
}

header {
  width: 100%;
  height: 95px;
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  z-index: 99 ;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.3);
}
header .top_nav {  
  width: 1440px;
  height: 95px;
  display: flex;
  justify-content: space-between;
}
header .top_nav .top_left_img {
  width: 265px;
  height: 81px;
  background-image: url('../image/logo.png');
  background-size: 100% 100%;
  margin-top: 8px;
}
header .top_nav .top_right_nav {
  width: 781px;
  height: 95px;
  display: flex;
  justify-content: space-around;
}
header .top_nav .top_right_nav .nav_bar {
  width: 91px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 18px;
}
header .top_nav .top_right_nav .nav_bar a {
  color: #fff;
}
header .top_nav .top_right_nav .nav_bar:hover {
  border-bottom: 3px solid #f5ffff;
}
header #bottom_nav2 {
  margin-left: 200px;
  display: none;
}
header #bottom_nav3 {
  margin-left: 450px;
  display: none;
}
header #bottom_nav6 {
  margin-left: 1200px;
  display: none;
}

header #bottom_nav2 .container {
  padding: 23px 0px 0px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 320px;
  background-color: #fff;
  border-radius: 10px;
}
header #bottom_nav2 .container p {
  color: #808080;
  font-size: 14px;
}
header #bottom_nav2 .container .container_div {
  width: 120px;
  height: 110px;
  margin-right: 20px;
  /* 设置元素之间的间隔 */
  text-align: center;
}

header #bottom_nav3 .container {
  padding: 23px 0px 0px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 320px;
  background-color: #fff;
  border-radius: 10px;
}
header #bottom_nav3 .container p {
  color: #808080;
  font-size: 14px;
}
header #bottom_nav3 .container .container_div {
  width: 120px;
  height: 110px;
  margin-right: 20px;
  /* 设置元素之间的间隔 */
  text-align: center;
}
header #bottom_nav3 .container .container_div .container_item{
  width: 120px;
  height: 81px;
  border-radius: 8px;
}

/* header #bottom_nav6 .container {
  padding: 23px 0px 0px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 320px;
  background-color: #fff;
}
header #bottom_nav6 .container p {
  color: #808080;
  font-size: 14px;
}
header #bottom_nav6 .container .container_div {
  width: 120px;
  height: 110px;
  margin-right: 20px;
  text-align: center;
} */

header #bottom_nav6 .container .container_div .container_item{
  width: 120px;
  height: 81px;
  border-radius: 8px;
}
header #bottom_nav2 .container .container_div .container_item {
  width: 120px;
  height: 81px;
  border-radius: 8px;
}
header #bottom_nav2 .container .container_div .container_item1 {
  background-image: url('../image/info1gray.png');
  background-size: 100% 100%;
}
header #bottom_nav2 .container .container_div .container_item1:hover {
  background-image: url('../image/info1.png');
}
header #bottom_nav2 .container .container_div .container_item2 {
  background-image: url('../image/info2gray.png');
  background-size: 100% 100%;
}
header #bottom_nav2 .container .container_div .container_item2:hover {
  background-image: url('../image/info2.png');
}
header #bottom_nav2 .container .container_div .container_item3 {
  background-image: url('../image/info3gray.png');
  background-size: 100% 100%;
}
header #bottom_nav2 .container .container_div .container_item3:hover {
  background-image: url('../image/info3.png');
}
header #bottom_nav2 .container .container_div .container_item5 {
  background-image: url('../image/info5gray.png');
  background-size: 100% 100%;
}
header #bottom_nav2 .container .container_div .container_item5:hover {
  background-image: url('../image/info5.png');
}

header #bottom_nav3 .container .container_div .container_item1 {
  background-image: url('../image/nav2info1gray.png');
  background-size: 100% 100%;
}
header #bottom_nav3 .container .container_div .container_item1:hover {
  background-image: url('../image/nav2info1.png');
}
header #bottom_nav3 .container .container_div .container_item2 {
  background-image: url('../image/nav2info2gray.png');
  background-size: 100% 100%;
}
header #bottom_nav3 .container .container_div .container_item2:hover {
  background-image: url('../image/nav2info2.png');                   
}

/* header #bottom_nav6 .container .container_div .container_item1 {
  background-image: url('../image/nav3info1gray.png');
  background-size: 100% 100%;
}
header #bottom_nav6 .container .container_div .container_item1:hover {
  background-image: url('../image/nav3info1.png');
}
header #bottom_nav6 .container .container_div .container_item2 {
  background-image: url('../image/nav3info2gray.png');
  background-size: 100% 100%;
}
header #bottom_nav6 .container .container_div .container_item2:hover {
  background-image: url('../image/nav3info2.png');                   
}
header #bottom_nav6 .container .container_div .container_item3 {
  background-image: url('../image/nav3info3gray.png');
  background-size: 100% 100%;
}
header #bottom_nav6 .container .container_div .container_item3:hover {
  background-image: url('../image/nav3info3.png');                   
} */

footer {
  background-color: rgba(16, 36, 71, 1);
  display: flex;
  padding-top: 60px;
  padding-bottom: 50px;
  font-size: 12px;
}
.footer-row{
  width: 1440px;
  display: flex;
  margin: 0 auto;
  justify-content: 
  space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.left{
    display: flex;justify-content: center;flex-direction: column;align-items: flex-start;
}
.footer-row .left .logo{
   width: 277px;
   height: 100px;
   background-image: url('../image/footerlogo.png');
   background-size: 100% 100%;
}
.footer-row .left .text {
  margin-left: 44px;
   width: 224px;
   margin-right: 74px;
}
.footer-row .left .text div {
  color: rgba(128, 128, 128, 1);
  font-size: 14px;
  line-height: 30px;
}
.footer-row .middle {
  display: flex;
}
.footer-row .middle .middle_a{
   width: 120px;
}
.footer-row .middle .middle_a div{
   height: 20px;
   font-size: 16px;
   margin-bottom: 20px;
}
.footer-row .middle .middle_a div a{
  color: rgba(166, 166, 166, 1);
}
.footer-row .middle .middle_a div:nth-child(1) a {
   color: rgba(255, 255, 255, 1);
}

.footer-row .middle .middle_b{
  width: 120px;
}
.footer-row .middle .middle_b div{
  height: 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
.footer-row .middle .middle_b div a{
 color: rgba(166, 166, 166, 1);
}
.footer-row .middle .middle_b div:nth-child(1) a {
  color: rgba(255, 255, 255, 1);
}

.footer-row .middle .middle_c{
  width: 120px;
}
.footer-row .middle .middle_c div{
  height: 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
.footer-row .middle .middle_c div a{
 color: rgba(166, 166, 166, 1);
}
.footer-row .middle .middle_c div:nth-child(1) a {
  color: rgba(255, 255, 255, 1);
}

.footer-row .middle .middle_d{
  width: 140px;
}
.footer-row .middle .middle_d div{
  height: 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
.footer-row .middle .middle_d div a{
 color: rgba(166, 166, 166, 1);
}
.footer-row .middle .middle_d div:nth-child(1) a {
  color: rgba(255, 255, 255, 1);
}

.footer-row .middle .middle_e{
  width: 120px;
}
.footer-row .middle .middle_e div{
  height: 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
.footer-row .middle .middle_e div a{
 color: rgba(166, 166, 166, 1);
}
.footer-row .middle .middle_e div:nth-child(1) a {
  color: rgba(255, 255, 255, 1);
}

.footer-row .middle .middle_f{
  width: 120px;
}
.footer-row .middle .middle_f div{
  height: 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
.footer-row .middle .middle_f div a{
 color: rgba(166, 166, 166, 1);
}
.footer-row .middle .middle_f div:nth-child(1) a {
  color: rgba(255, 255, 255, 1);
}

.footer-row .right {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer-row .right div{
   width: 120px;
   text-align: center;
   color: rgba(128, 128, 128, 1);
   margin-bottom: 12px;
}
.footer-row .right div img{
  width: 120px;
  height: 120px;
  margin-bottom: 12px;
}
.footer-row .bottom {
  width: 1440px;
  color: rgba(166, 166, 166, 1);
  font-size: 14px;
  display: flex;
}
.footer-row .bottom div {
  margin-right: 20px;
}

.pagelist {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  color: #7b7b7b;
  text-align: center;
}
.pagelist #pages {
  position: relative;
  width: 100%;
  padding: 14px 0 10px;
  text-align: center;
  font-size: 12px;
}

#pages a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #fff;
  border: 1px solid rgba(197, 227, 251);
  text-align: center;
  color: #333;
  padding: 0 10px;
}

#pages a.a1 {
  background: url(../images/admin_img/pages.png) no-repeat 0 5px;
  width: 56px;
  padding: 0
}

#pages a:hover {
  background: rgba(0, 117, 230);
  color: #ffffff;
  text-decoration: none
}

#pages span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 117, 230);
  border: 1px solid rgba(0, 117, 230);
  color: #fff;
  text-align: center;
  padding: 0 10px
}

.page .noPage {
  display: inline-block;
  width: 56px;
  height: 30px;
  line-height: 30px;
  background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
  border: 1px solid rgba(197, 227, 251);
  text-align: center;
  color: #a4a4a4;
}