.framework{background:#f3f3f3;flex-direction:column;justify-content:center;align-items:center;padding-bottom:3.75rem;display:flex}@media screen and (width<=480px){.framework{width:100%;padding-bottom:1.25rem}}.framework .content{justify-content:center;align-items:center;width:60%;max-width:1000px;margin-top:1.25rem;margin-left:auto;margin-right:auto;display:flex}.framework .content .box{color:#333;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 0 28px 1px #d7d7d770}.framework .content .box img{width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.framework .content .box span{font-family:Microsoft YaHei;font-size:14px}.framework .content .box:hover{transform:translateY(-6px);box-shadow:0 12px 32px 2px #26a7fd33}.framework .content .box:hover img{transform:scale(1.08)}@keyframes arrowFlow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.framework .content .arrow{color:#24a2fd;margin:0 20px;font-family:Microsoft YaHei;font-size:20px;font-weight:400;animation:1.6s ease-in-out infinite arrowFlow}.framework .content .arrow:nth-of-type(4){animation-delay:.2s}.framework .content .arrow:nth-of-type(6){animation-delay:.4s}@media screen and (width<=480px){.framework .content{width:80%;min-width:unset;flex-wrap:wrap;margin-top:0}.framework .content .box{width:149px;height:126px;margin:15px 0}.framework .content .box img{width:90%}.framework .content .arrow{display:none}}.framework .container{background:#fff;width:60%;max-width:1000px;margin:40px auto;display:flex}@media screen and (width<=480px){.framework .container{display:none}}.framework .container .box-list{flex-wrap:wrap;justify-content:space-between;padding-top:20px;padding-left:43px;padding-right:43px;display:flex;position:relative}.framework .container .box-list .box{flex-direction:column;justify-content:center;align-items:center;width:50%;font-size:14px;display:flex}.framework .container .box-list .box span{padding:19px}.framework .container .box-list .box img{width:90%}.framework .container_mobile{width:80%;margin:30px 0}@media screen and (width>=480px){.framework .container_mobile{display:none}}.framework .container_mobile img{width:100%}