#footer {
  position: relative !important;
  margin-top: 77px;
}
body {
  padding: 0!important;
  min-width: 1220px;
}
.topbanner {
  height: 390px;
  background: url(../about.html) no-repeat center top;
}
.Technical {
  width: 1220px;
  height: auto;
  margin: 0 auto;
}
.Technical .top {
  width: 100%;
  height: 30px;
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #1F2229;
  line-height: 30px;
  text-align: center;
  margin-top: 80px;
}
.Technical .subcon {
  clear: both;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  height: 1124px;
  overflow: hidden;
  transition: all 0.3s ease-in-out, overflow 0.3s;
}
.Technical .subcon .sub {
  margin-top: 35px;
  margin-left: 10px;
  margin-right: 10px;
  width: 385px;
  height: 246px;
  float: left;
  background: url(../png/technical.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.Technical .subcon .sub .subcenter {
  width: auto;
  height: auto;
}
.Technical .subcon .sub .subcenter p {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 26px;
}
.Technical .subcon .sub:nth-child(1):hover {
  background: url(../png/1.png) no-repeat;
}
.Technical .subcon .sub:nth-child(1):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(2):hover {
  background: url(../png/2.png) no-repeat;
}
.Technical .subcon .sub:nth-child(2):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(3):hover {
  background: url(../png/3.png) no-repeat;
}
.Technical .subcon .sub:nth-child(3):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(4):hover {
  background: url(../png/4.png) no-repeat;
}
.Technical .subcon .sub:nth-child(4):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(5):hover {
  background: url(../png/5.png) no-repeat;
}
.Technical .subcon .sub:nth-child(5):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(6):hover {
  background: url(../png/6.png) no-repeat;
}
.Technical .subcon .sub:nth-child(6):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(7):hover {
  background: url(../png/65.png) no-repeat;
}
.Technical .subcon .sub:nth-child(7):hover .subcenter {
  display: none;
}
.Technical .subcon .sub:nth-child(8):hover {
  background: url(../png/7.png) no-repeat;
}
.Technical .subcon .sub:nth-child(8):hover .subcenter {
  display: none;
}
.Software {
  width: 100%;
  height: auto;
  background: #ECF0FB;
}
.Software .Software_con {
  width: 1220px;
  height: auto;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 50px;
  margin-top: 98px;
}
.Software .Software_con .top {
  width: 100%;
  height: 30px;
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #1F2229;
  line-height: 30px;
  text-align: center;
}
.Software .Software_con .subcon {
  clear: both;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
}
.Software .Software_con .subcon .sub {
  margin-top: 35px;
  margin-left: 10px;
  margin-right: 10px;
  width: 385px;
  height: 246px;
  float: left;
  background: url(../png/software.png) no-repeat;
}
.Software .Software_con .subcon .sub .subcenter {
  width: 315px;
  height: 146px;
  margin-top: 50px;
  margin-left: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Software .Software_con .subcon .sub .subcenter p {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 26px;
}
.Software .Software_con .subcon .sub .subcenter .color_9 {
  color: #999;
}
.Software .Software_con .subcon .sub:nth-child(1):hover {
  background: url(../png/a1.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(1):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(2):hover {
  background: url(../png/a2.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(2):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(3):hover {
  background: url(../png/a3.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(3):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(4):hover {
  background: url(../png/a4.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(4):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(5):hover {
  background: url(../png/a6.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(5):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(6):hover {
  background: url(../png/a7.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(6):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(7):hover {
  background: url(../png/a9.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(7):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(8):hover {
  background: url(../png/a10.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(8):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(9):hover {
  background: url(../png/a11.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(9):hover .subcenter {
  display: none;
}
.Software .Software_con .subcon .sub:nth-child(10):hover {
  background: url(../png/a12.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(10):hover .subcenter {
  display: none;
}
.Training {
  width: 1220px;
  height: auto;
  margin: 0 auto;
}
.Training .top {
  width: 100%;
  height: 30px;
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #1F2229;
  line-height: 30px;
  text-align: center;
  margin-top: 80px;
}
.Training .subcon {
  clear: both;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  height: 843px;
  overflow: hidden;
  transition: all 0.3s ease-in-out, overflow 0.3s;
}
.Training .subcon .sub {
  margin-top: 35px;
  margin-left: 10px;
  margin-right: 10px;
  width: 385px;
  height: 246px;
  float: left;
  background: url(../png/training.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.Training .subcon .sub .subcenter {
  width: auto;
  height: auto;
}
.Training .subcon .sub .subcenter p {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 26px;
}
.Training .subcon .sub .subcenter p:hover {
  color: #E5A439;
  cursor: pointer;
}


.Technical .subcon .sub:nth-child(9):hover {
    background: url(../png/8.png) no-repeat;
} 
.Software .Software_con .subcon .sub:nth-child(11):hover {
    background: url(../png/a13.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(12):hover {
    background: url(../png/a14.png) no-repeat;
}
.Software .Software_con .subcon .sub:nth-child(11):hover .subcenter {
    display: none;
}
.Software .Software_con .subcon .sub:nth-child(12):hover .subcenter {
    display: none;
}

.Technical .subcon .sub:nth-child(13):hover {
    background: url('../png/13.png') no-repeat center / 100% 100%;
}

.Technical .subcon .sub:nth-child(13):hover .subcenter {
    display: none;
}
.Technical .subcon.auto-height {
    height: fit-content;
    transition: height 0.5s ease-in-out;
}
.Training .subcon.auto-height {
    height: fit-content;
    transition: height 0.5s ease-in-out;
}