.wrap_main .banner img {
  height: auto;
}
.wrap_main{
position: relative;

}
.wrap_main .linkmap{
  color: #fff;
}
.wrap_main .linkmap a {
  color: #fff;
}
.wrap_main .linkmap span {
  color: #fff;
}
.min-center {
width: 1280px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.Min{position: relative;}
.flex_between {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.W1280{
  width: 1280px;
  margin: 0 auto;
}



.hzTop {
  background: #6510AC;
  position: relative;
  margin-top: -100px;
}

.hzTop ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 140px;
  position: relative;
}

.hzTop ul li a {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}

.hzTop ul li a p {
  margin-top: 10px;
}


.hzBottom {
  margin-top: 25px;
  border-top: 2px solid #6510AC;
  background: #F8F8F8;
  /* padding: 50px 60px; */
  position: relative;
}
img.icon_active {
  position: absolute;
  top: -16px;
}
.hzB_item{display: none;padding: 50px 60px;min-height: 400px;}
.hzB_item.on{display: block;}
.hzB_item.hzB_item_1 p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 48px;
}
.hzB_item.hzB_item_3 {
    padding: 0;
}
.hzB_item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
}
.main_content {
  position: relative;
}

p.banner_posi {
  position: absolute;
  top: -80px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  left: 50%;
  transform: translate(-50%, 0);
}
.chuzhen_btn{display: none;}
ul.xx_ul {
  display: flex;
  justify-content: space-between;
}
ul.xx_ul li {
      width: 30%;
    height: 240px;
  background: #F1F1F1;
  box-shadow: -11px -9px 16px 0px rgba(255, 255, 255, 0.65), 4px 6px 13px 0px rgba(199, 199, 199, 0.29);
  float: left;
  margin-right: 17px;
}

ul.xx_ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

ul.xx_ul li a h2 {
  font-size: 22px;
  font-weight: 500;
  color: #6510AC;
  margin-top: 20px;
}

ul.xx_ul li:nth-child(4) {
  margin-right: 0;
}
ul.xx_ul li a:hover img {
  animation: tada 1s;
  -o-animation: tada 1s;
  -webkit-animation: tada 1s;
  -moz-animation: tada 1s;
}

ul.xx_ul li a:hover h2 {
  font-weight: bold;
}

@-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
 }
 
 @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
 }
 ul.mail_list li {
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  position: relative;
  padding-left: 40px;
  background: #fff url(/Content/Areas/Common/images/common/point_1.png) no-repeat 20px center;
}
ul.mail_list li:hover{
  background: #fff url(/Content/Areas/Common/images/common/point.png) no-repeat 20px center;
  box-shadow: 0 0 10px #a282bd;

}
ul.mail_list li a {
  font-size: 18px;
}

ul.mail_list li span {
  color: #666;
}
.hzPhone{display: none;}

@media only screen and (max-width: 768px) {
  .hzPhone{display: block;}
  .hzTop,.hzBottom{display: none;}
  p.banner_posi {
    display: none;
}

.W1280 {
    width: 100%;
}

.main_content {
    width: 100%;
    margin-top: 0.3rem;
}

li.hzTop_li {
    width: 32%;
    background: #6510AD;
    height: 2rem;
    margin-bottom: 10px;
}

.hzPhone ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.hzPhone ul::after{
  content: ""; 
  width: 32%;
}
li.hzTop_li a {
    font-size: 0.22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    color: #fff;
}

li.hzTop_li a img {
    margin-bottom: 0.3rem;
    width: 0.4rem;
}

.wrap_main .linkmap {
    top: 10px;
    left: 10px;
}
}