.log {
	
	margin-top: 20px;
}
.log img {
	width: 100%;
}

.itm {
  
   margin-top: 25px;
   
}
.itm ul {
 display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
}

.itm ul li {
    flex: 1 0 calc(20%);
}

.itm ul li a {
	height: 240px;
	font-size: 1.1rem;
	background: #e6f1f7;
	color: #1976d3;
	text-align: center;
	display: block;
	text-decoration: none;
}
.itm ul li a:hover {
	background: #eee;
color: #ff5b53;
}
.itm ul li a span {
	width: 120px;
	height: 120px;
	line-height: 120px;
	background: #fff;
	border-radius: 50%;
	margin-top: 20px;
	display: inline-block;
}
.itm ul li a span i {
	font-size: 3rem;
	display: inline-block;
}
.itm ul li a p {
	font-weight: bold;
	line-height: 28px;
	margin: 16px 16px 0 16px;
}
.itm ul li .xz {
    background: #ffedcb;
    color: #ff871e;
}

.itm_m_txt{background-color: #5f92d7;
    font-size: 1.3rem;
    color: #fff;
    height: 4rem;
    text-align: center;
    line-height: 3.8rem;
    font-weight: bold;
    margin-top: 1rem;
	display: none}

.iconfont {
  display: inline-block;
  transition: transform 0.5s ease; /* 过渡时长+缓动 */
}


li a:hover .iconfont {
  transform: rotate(360deg);
}


@media only screen and (min-width: 860px) and (max-width: 1355px){

	  
}

@media (max-width: 768px) {

.log{display: none}
.itm_m_txt{display: block;}
itm ul li {
flex: 0 0 calc(24%);
}
}