.about-introductory{width:100%;background: rgba(242, 245, 247, 1);}
.about-introductory .introductory{display:flex;align-items:center;justify-content:space-between;padding:50px 0}
.about-introductory .logo{width:198px;height:auto}
.about-introductory .intro-title{font-size:18px;font-weight:700;color:#1f1f1f}
.about-introductory .intro-description{margin-top:20px;max-width:726px;font-size:14px;font-weight:400;line-height:24px;color:#4d4d4d;white-space:pre-line}
.about-idea{padding:72px 0;width:100%}
.about-idea .idea-tag{display:flex;align-items:center;justify-content:center;margin-top:40px}
.about-idea .idea-tag div{display:flex;align-items:center;justify-content:center;height:44px;font-size:18px;font-weight:700;padding:0 34px;color:#383838;border-radius:100px;border:1px solid #383838}
.about-idea .idea-tag div:not(:last-child){margin-right:20px}
.about-idea .idea-images{margin-top:40px;font-size: 0;}
.about-idea .idea-images img{display: inline-block;font-size: 14px; width:354px;height:244px;object-fit:cover;margin-bottom: 18px;}
.about-idea .idea-images img:nth-of-type(1){float: left;width:728px;height:508px;object-fit:cover;margin-right: 18px;}
.about-development{width:100%;padding:72px 0}
.about-development .development-content{display:flex;margin-top:72px}
.about-development .development-content .development-left{margin-right:19px;width: 354px;}
.about-development .development-content .development-left .mile-name{display:flex;align-items:center;width:354px;height:244px;font-size:60px;font-weight:600;padding:0 70px;color:#fff;border-radius:20px;background:#003de6}
.about-development .development-content .development-left .mile-name{display:flex;align-items:center;width:354px;height:244px;font-size:60px;line-height: 60px; font-weight:600;padding:0 70px;color:#fff;border-radius:20px;background:#003de6}
.about-development .development-content .development-left .mile-description{width:354px;height:auto;margin-top:20px;padding:40px 0;border-radius:20px;background:#f2f5f7;box-sizing:border-box}
.about-development .development-content .development-left .mile-desc-title{position: relative; text-align:center;font-size:48px;font-weight:600;color:#1f1f1f}
.about-development .development-content .development-left .mile-desc-title::after {position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);content: '';height: 4px;width: 284px;background: rgba(31, 31, 31, 1);}
.about-development .development-content .development-left .mile-desc-content{padding:0 35px;font-size:14px;margin-top: 26px; font-weight:400;line-height:24px;color:#4d4d4d;white-space:pre-line}
.about-development .development-content .development-right{display:flex;flex:1;flex-wrap:wrap;}
.about-development .development-content .development-right .development-right-item{display:flex;flex:1;justify-content:space-between}
.about-development .development-content .development-right .develop-item{position:relative;width:354px;height:244px;border-radius:20px;padding:30px 30px;background:#f2f5f7;box-sizing:border-box;z-index:2;margin-bottom:20px}
/*.about-development .development-content .development-right .develop-item.develop-item-white{color:#fff}*/
/*.about-development .development-content .development-right .develop-item.develop-item-black{color:#1f1f1f}*/
.about-development .development-content .development-right .item-date{font-size:60px;font-weight:600}
.about-development .development-content .development-right .item-date{font-size:60px;font-weight:600;line-height: 60px;margin-bottom: 20px;}
.about-development .development-content .development-right .desc-time{font-size:18px;font-weight:600}
.about-development .development-content .development-right .desc-content{font-size:14px;font-weight:400;margin-bottom: 18px;line-height: 16px;}
.about-development .development-content .development-right .item-image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}
.about-development .development-bottom{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}
.about-development .development-bottom::after{content:"";width:362px}
.about-development .development-bottom .develop-tag{position:relative;width:362px;font-size:12px;font-weight:400;white-space:wrap;color:grey;padding-left:14px;margin-bottom:20px}
.about-development .development-bottom .develop-tag::after{position:absolute;top:50%;left:0;content:"";transform:translateY(-50%);width:4px;height:27px;background:grey}
.about-development .development-content .development-right .development-right-item:nth-last-child(1) .develop-item:nth-last-child(1) .desc-content{font-weight:600;font-size: 18px; }
.about-development .development-content .development-right .development-right-item:nth-last-child(1) .develop-item:nth-last-child(1) .item-desc{margin-top: 70px }

.about-development .development-content .development-right>.development-right-item:nth-child(2n+1) >.develop-item:first-child {
    color: #1f1f1f;
}
.about-development .development-content .development-right>.development-right-item:nth-child(2n+1) >.develop-item:last-child{
    color:#fff;
}
.about-development .development-content .development-right>.development-right-item:nth-child(2n+1) >.develop-item:first-child >img{
    display:none;
}
.about-development .development-content .development-right>.development-right-item:nth-child(2n) >.develop-item:first-child {
    color: #fff;
}
.about-development .development-content .development-right>.development-right-item:nth-child(2n) >.develop-item:last-child{
    color:#1f1f1f;
}
.about-development .development-content .development-right>.development-right-item:nth-child(2n) >.develop-item:last-child>img{
    display: none;
}