.wrap_main {
 background: url(/Content/Areas/Common/images/common/ziyuanBk.png) no-repeat;
 background-size: cover;
 box-sizing: border-box;
}
.public_wrapper{
 padding-top:40px;
}
.public_mess{
 display:flex;
 justify-content: space-between;
 margin-top: 50px;
}
.mess_com {
 width: 224px;
 height: 224px;
 border-radius: 2px;
 background:url(/Sites/Uploaded/UserUpLoad/20210119/20210119105532.png)no-repeat;
 background-size: cover;
}
.mess_com a{
 display:block;
 text-align: center;
 height: 100%;
 padding-top:65px;
 box-sizing: border-box;
}
.mess_com:hover{
 box-shadow: 0px 0px 7px 1px #b5c3da;
}
.mess_com a.com_a p{
 font-size: 20px;
 font-weight: bold;
 color: rgba(43, 96, 176, 0.85);
 margin-top: 20px;
}
.mess_com3 a.com_a p{
 margin-top: 17px;
}
.mess_com:hover a.com_a p{
 color: rgba(43, 96, 176, 1);
}
.mess_com:hover a.com_a img {
 -webkit-animation: icon-bounce 0.5s alternate;
 -moz-animation: icon-bounce 0.5s alternate;
 -o-animation: icon-bounce 0.5s alternate;
 animation: icon-bounce 0.5s alternate;
}

.public_hint{
  margin-top: 50px;
}
.public_hint .hint_tit{
 font-size: 20px;
 font-weight: bold;
 color: #222222;
 margin-bottom: 10px;
}
.public_hint .hint_p{
 font-size: 18px;
 font-weight: bold;
 color: #222222;
 line-height: 34px;
}

@keyframes icon-bounce {
 0%,
 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }
 25% {
 -moz-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
 }
 50% {
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
 }
 75% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
 }
 85% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
 }
}

@media screen and (max-width: 768px){
 .mess_com {
 width: 19%;
 height: 160px;
 }
 .mess_com a{
 padding-top: 35px;
 }
 .mess_com a.com_a p{
 font-size: 16px;
 }
 .public_hint{
   margin-top: 20px;
 }
 .public_hint .hint_tit{
 font-size: 20px;
 }
 .public_hint .hint_p{
 font-size: 16px;
 line-height: 28px;
 }
}
@media screen and (max-width: 420px){
 .public_wrapper {
 padding-top: 0.2rem;
 }
 .public_mess {
 display: block;
 margin-top: 0.25rem;
 }
 .mess_com{
 width: 100%;
 height: 145px;
 margin-bottom: 0.25rem;
 border-radius: 10px;
 }
 .mess_com a {
 padding-top: 0.5rem;
 }

}