@media (min-width:769px){.about-con{padding-top: 10px;padding-bottom: 10px;}}
@media (min-width:769px) and (max-width:1500px){.about .about-con, .about .about-img{width:50%;}
.about .about-img{max-height:initial;}
.about .about-con{padding:20px;}}
.pro-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.pro-list .pro-item{width:100%;margin-right:0;height:100%}
@media (max-width:768px){.pro-list{grid-template-columns:repeat(2,1fr)}
}@media (max-width:500px){.pro-list{grid-template-columns:repeat(1,1fr)}}
     .home-about .about-bottom{margin-top:80px;background-color:#FFFFFF;border-radius:3px;overflow:hidden;box-shadow:1px 3px 32px 0 rgba(225,225,225,.58)}
.home-about .about-bottom ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:55px 20px}
.home-about .about-bottom ul li{width:20%;display:flex;align-items:center;justify-content:center;list-style:none}
.home-about .about-bottom ul li .icon{margin:30px;width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}
.home-about .about-bottom ul li .icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background-color:#0078d7;border-radius:50%;z-index:1}
.home-about .about-bottom ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;background-color:#0076d775;border-radius:50%}
.home-about .about-bottom ul li .icon span{width:100%;height:100%;border-radius:50%;background-color:#FFFFFF;position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center}
.home-about .about-bottom ul li .icon span em{color:var(--color);font-size:38px;line-height:1}
.home-about .about-bottom ul li .num{color:var(--color);font-size:36px;font-weight:var(--fontbold6);line-height:1;display:inline-flex;align-items:center}
.home-about .about-bottom ul li .tit{font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.home-about .about-bottom ul li{width:50%}
.home-about .about-bottom ul li .info{width:50%}
}@media screen and (max-width:768px){.home-about .about-bottom{margin-top:20px}
.home-about .about-bottom ul{padding:20px 10px}
.home-about .about-bottom ul li{margin:15px 0}
.home-about .about-bottom ul li .icon{margin:10px 25px 0 0}
.home-about .about-bottom ul li .icon::after{width:70px;height:70px}
.home-about .about-bottom ul li .icon::before{width:60px;height:60px}
.home-about .about-bottom ul li .icon span{width:46px;height:46px}
}@media screen and (max-width:500px){.home-about .about-bottom ul li .num{font-size:var(--fontsize20)}
.home-about .about-bottom ul li .tit{font-size:var(--fontsize14)}
.home-about .about-bottom ul li .icon{margin-right:10px}
.home-about .about-bottom ul li .info{width:auto;flex:1}
}@media screen and (max-width:768px){.home-about .about-bottom ul li{width:100%}}
.home-about{ width: 100%;  margin-bottom: 2%;}