.message_page {
  background: url(../imgs/index_nav.jpg) no-repeat center 0;
}
.banner {
  background: url(../imgs/message/banner3500.png) no-repeat center 0;
}
.nav_Box {
  background-color: #fff;
}
.nav_Box .nav {
  height: 692px;
  background: url(../imgs/message/nav_bg.png) no-repeat center 355px;
}
.nav_Box .nav div {
  margin-top: 48px;
  height: 463px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nav_Box .nav div span {
  position: relative;
  text-align: center;
  font-size: 20px;
  margin: 0 22px;
  height: 98px;
  width: 90px;
}
.nav_Box .nav div span::before {
  position: absolute;
  content: '';
  height: 98px;
  width: 90px;
  display: block;
  background: url(../imgs/message/nav_hover.png) no-repeat;
}
@keyframes zhuan {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.nav_Box .nav div span:hover::before {
  background: url(../imgs/message/nav_hover_active.png) no-repeat;
}
.nav_Box .nav div span:nth-child(1)::before {
  background-position: 12px 34px;
}
.nav_Box .nav div span:nth-child(2)::before {
  background-position: -129px 34px;
}
.nav_Box .nav div span:nth-child(3)::before {
  background-position: -269px 34px;
}
.nav_Box .nav div span:nth-child(4)::before {
  background-position: -408px 34px;
}
.nav_Box .nav div span:nth-child(5)::before {
  background-position: -548px 34px;
}
.nav_Box .nav div span:nth-child(6)::before {
  background-position: -690px 34px;
}
.nav_Box .nav div span:nth-child(7)::before {
  background-position: -830px 34px;
}
.nav_Box .nav div span:nth-child(8)::before {
  background-position: -969px 34px;
}
.nav_Box .nav div span:nth-child(9)::before {
  background-position: -1109px 34px;
}
.nav_Box .nav div span:nth-child(10)::before {
  background-position: -1249px 34px;
}
.nav_Box .nav div span:nth-child(11)::before {
  top: -35px;
  background-position: 12px -232px;
}
.nav_Box .nav div span:nth-child(12)::before {
  top: -35px;
  background-position: -129px -232px;
}
.nav_Box .nav div span:nth-child(13)::before {
  top: -35px;
  background-position: -269px -232px;
}
.nav_Box .nav div span:nth-child(14)::before {
  top: -35px;
  background-position: -408px -232px;
}
.nav_Box .nav div span:nth-child(15)::before {
  top: -35px;
  background-position: -548px -232px;
}
.nav_Box .nav div span:nth-child(16)::before {
  top: -35px;
  background-position: -690px -232px;
}
.nav_Box .nav div span:nth-child(17)::before {
  top: -35px;
  background-position: -830px -232px;
}
.nav_Box .nav div span:nth-child(18)::before {
  top: -35px;
  background-position: -969px -232px;
}
.nav_Box .nav div span:nth-child(19)::before {
  top: -35px;
  background-position: -1109px -232px;
}
.nav_Box .nav div span:nth-child(20)::before {
  top: -35px;
  background-position: -1249px -232px;
}
.classify_Box {
  height: 1647px;
}
.classify_Box .classify {
  height: 1577px;
}
.classify_Box .classify > ul {
  display: flex;
  margin-top: 45px;
  text-align: center;
}
.classify_Box .classify > ul li {
  background: url(../imgs/message/zhaobiaoxx.png) no-repeat center 0;
  font-size: 30px;
  line-height: 70px;
  flex: 1;
  height: 97px;
}
.classify_Box .classify > ul li:hover {
  color: white;
  background: url(../imgs/message/zhaobiaoxx_bk.png) no-repeat center 0;
}
.classify_Box .classify > ul .default {
  color: white;
  background: url(../imgs/message/zhaobiaoxx_bk.png) no-repeat center 0;
}
.classify_Box .classify > div ul {
  margin-top: 50px;
}
.classify_Box .classify > div ul li {
  border-bottom: 1px dashed #ccc;
  height: 99px;
}
.classify_Box .classify > div ul li h5 {
  width: 1100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 12px;
  font-size: 28px;
}
.classify_Box .classify > div ul li s {
  margin-left: 126px;
  transform: translateY(-17px);
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  text-decoration: none;
}
.classify_Box .classify > div ul li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 12px 0;
  font-size: 16px;
  padding-left: 26px;
}
.classify_Box .classify > div ul li span:nth-of-type(1) {
  width: 258px;
  background: url(../imgs/message/zhaobiaoxx_icon.png) no-repeat 0 17px;
}
.classify_Box .classify > div ul li span:nth-of-type(2) {
  margin-left: 49px;
  width: 66px;
  background: url(../imgs/message/zhaobiaoxx_icon.png) no-repeat -353px 17px;
}
.classify_Box .classify > div ul li:hover {
  background-color: #f8f8f8;
}
.classify_Box .classify > div ul span:nth-of-type(3) {
  margin-left: 103px;
  width: 187px;
  background: url(../imgs/message/zhaobiaoxx_icon.png) no-repeat -552px 17px;
}
.classify_Box .classify > div ul span:nth-of-type(4) {
  margin-left: 54px;
  width: 160px;
  background: url(../imgs/message/zhaobiaoxx_icon.png) no-repeat -855px 17px;
}
.classify_Box .classify .tel {
  margin-top: 84px;
}
.notice_Box {
  background-color: #fff;
}
.notice_Box .notice {
  height: 1375px;
}
.notice_Box .notice ul {
  margin-top: 30px;
}
.notice_Box .notice ul li {
  padding: 0 5px;
  background: url(../imgs/message/zhongbiaogg_new.png) no-repeat 1328px 20px;
  border-bottom: 1px dashed #ccc;
  height: 99px;
}
.notice_Box .notice ul li:hover {
  background: #f5f5f5 url(../imgs/message/zhongbiaogg_new.png) no-repeat 1328px 20px;
}
.notice_Box .notice ul li h5 {
  width: 1100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 12px;
  font-size: 28px;
}
.notice_Box .notice ul li s {
  margin-left: 124px;
  transform: translateY(-17px);
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  text-decoration: none;
}
.notice_Box .notice ul li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 12px 0;
  font-size: 16px;
  padding-left: 26px;
}
.notice_Box .notice ul li span:nth-of-type(1) {
  width: 258px;
  background: url(../imgs/message/zhaobiaoxx_icon.png) no-repeat -552px 17px;
}
.notice_Box .notice ul li span:nth-of-type(2) {
  margin-left: 49px;
  width: 66px;
  background: url(../imgs/message/zhaobiaoxx_icon.png) no-repeat -855px 17px;
}
.notice_Box .notice .tel {
  margin-top: 84px;
}
.bazaar {
  height: 730px;
}
.bazaar .tu_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  background-color: #fff;
  height: 272px;
}
.bazaar .tu_box > div {
  background-color: #f0f7fd;
  margin-top: 50px;
  width: 343px;
  height: 211px;
}
.bazaar .tu_box p {
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: white;
  position: absolute;
  width: 695px;
  height: 40px;
  top: 10px;
}
.bazaar .tu_box .p_1 {
  background-color: #3098f1;
}
.bazaar .tu_box .p_2 {
  right: 0;
  background-color: #015eae;
}
.bazaar .tel {
  margin-top: 74px;
}