.category{padding:80px var(--section-padding);flex:5}.category ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px}.category li a{position:relative;display:block;width:100%;height:100%;color:#fff}.category li a img{width:100%}.category li a h2{position:absolute;left:20px;bottom:36px;font-weight:500}.category li a p{position:absolute;left:20px;bottom:16px;font-size:12px}.category .more{position:absolute;bottom:15px;right:15px;padding:12px 18px 12px 24px;background:#f28e1c;color:#fff;border-radius:3px 3px 15px 3px;font-size:16px}.category .more i{padding-left:8px}.solution{width:var(--section-width);padding:80px var(--section-padding)}.solution ul{display:flex;flex-direction:column}.solution ul li a{text-align:left;background:#fff;display:flex;flex-direction:row;margin-bottom:50px;box-shadow:0 0 15.36px .64px rgba(0,0,0,0.08)}.solution ul li a .cover{flex:2}.solution ul li a .cover img{height:100%}.solution ul li a .content{flex:3;display:flex;flex-direction:column;padding:30px 80px}.solution ul li a .content span.time{color:#f28e1c;font-size:21px}.solution ul li a h1{font-weight:400;overflow:hidden;text-overflow:ellipsis;padding:20px 0;font-size:26px}.solution ul li a p{flex:1;color:#a0a0a0}.solution ul li a .more{padding:12px 18px 12px 24px;border-radius:0 0 15px 0;font-size:16px;background:#f28e1c;color:#fff;width:90px}.category .more i{padding-left:8px}.solution ul li a:hover{color:#f28e1c}.article{width:var(--section-width);padding:0 var(--section-padding);display:flex}.article article{margin:36px 0;flex:8}.article article h2{font-size:24px;line-height:34px;text-align:center;font-weight:400}.article article dl{padding:8px 0;text-align:center}.article article dl dt{display:inline-block;color:#494949;padding:0 8px}.article .recommend{margin:36px 0;flex:2;padding:15px}.article .recommend h4{margin-bottom:10px;font-weight:400}.article .recommend ul li{padding:8px 0}.article .recommend ul li a{color:#f28e1c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:260px;display:block}@media screen and (max-width:1460px){.solution ul li a .cover{flex:4;overflow:hidden}.solution ul li a .content{flex:5;padding:30px}}@media screen and (max-width:1200px){.title p{width:90%}.stage li a h2{font-size:13px}.stage{flex-direction:column}}