.development-history{overflow-x:hidden;}
.deve-history{position:relative;}
.deve-history>*{position:relative;}
.deve-history:before{content:'';width:100vw;height:24%;background:#10432e;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.deve-history-title{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;text-align:center;padding:60px 0 20px;border-bottom:2px solid #fff;}
.deve-history-title span{font-size:42px;position:relative;line-height:1;}
.deve-history-title span:after{content:'';width:100%;height:2px;background:#21b075;position:absolute;left:0;bottom:-22px;}
.deve-history-list{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.deve-history-list li{width:19%;background:#fff;box-shadow:0 5px 10px #ccc;margin-bottom:30px;padding:5px;color:#5b5b5b}
@media (min-width:1025px){.deve-history-list li:nth-child(5n+1),.deve-history-list li:nth-child(5n+3),.deve-history-list li:nth-child(5n){background:var(--color);color:#fff}}
.deve-history-list li .deve-history-pic img{display:block;width:100%;aspect-ratio:4/3;}
.deve-history-list li .deve-history-info{padding:20px 10px;}
.deve-history-list li .deve-history-tit{font-weight:bold;text-align:center;font-size:30px;line-height:1.2;margin-bottom:10px;}
.deve-history-list li .deve-history-info p{line-height:1.4;font-size:var(--fontsize14);}
.deve-history-list li .deve-history-info p+p{margin-top:15px}
@media (max-width:1024px) and (min-width:769px){.deve-history-title span{font-size:32px;}
.deve-history-list li{width:32%}
.deve-history-list li:nth-child(3n+1),.deve-history-list li:nth-child(3n){background:var(--color);color:#fff}
.deve-history:before{height:16%}}
@media (max-width:768px){.deve-history-title{padding:40px 0 15px}
.deve-history-title span{font-size:27px;}
.deve-history-title span:after{bottom:-17px}
.deve-history-list{margin-top:30px}
.deve-history-list li{width:48%}
.deve-history-list li:nth-child(2n+1){background:var(--color);color:#fff}
.deve-history:before{height:11%}
.deve-history-list li .deve-history-tit{font-size:25px}}
@media (max-width:500px){.deve-history-title span{font-size:23px;}
.deve-history-list li{width:100%}
.deve-history:before{height:6%}
.deve-history-list li .deve-history-tit{font-size:21px}}