.banner{ width: 100%; height: 530px; background: url('../img/aboutUsBanner.png') top center no-repeat;}
.banner .w1400{ text-align: center; color: #FFF; font-size: 48px;}
.banner .w1400 img:nth-child(1){ margin-top: 180px;}
.banner .w1400 img:nth-child(2){ margin-top: 30px;}

.title{ font-size: 30px; font-weight: 600; color: #141414; line-height: 60px; text-align: center;}
.subTitle{ margin-top: 5px; font-size: 20px; line-height: 28px; color: #7E8287; text-align: center;}

.introduction{ padding-top: 80px;}
.introduction .w1400{ margin-top: 60px;}
.introduction .w1400 p{ text-indent: 2em; line-height: 28px; color: #4a4a4a; font-size: 16px;}
.introduction .w1400 p + p{ margin-top: 30px;}

.develop{ padding-top: 80px;}
.develop .w1400{ position: relative; height: 1640px; margin-top: 60px;}
.develop .w1400::before{ position: absolute; z-index: -1; left: calc(50% - 3px); top: 50px; bottom: 50px; content: ''; display: block; width: 6px; background: #28FBC5; border-radius: 3px;}
.develop .flex{ margin-top: 65px; justify-content: space-between; align-items: center;}
.develop .flex .content{ line-height: 30px; color: #373D41; font-size: 18px;}
.develop .flex .dateTime p:nth-child(1){ font-size: 26px; color: #28FBC5;}
.develop .flex .dateTime p:nth-child(2){ font-size: 16px; color: #495D64;}
.develop .left{ width: 620px; text-align: right; padding-right: 24px;}
.develop .middle{ position: relative; display: flex; align-items: center;}
.develop .middle b{ font-weight: normal; position: absolute;}
.develop .middle span{ width: 76px; height: 40px; overflow: hidden; display: inline-block; background: url('../img/developImg.png') no-repeat;}
.develop .middle .bgL{ margin-right: 36px; background-position: 0px 0px;}
.develop .middle .bgR{ margin-left: 36px; background-position: -36px 0px;}
.develop .right{ width: 620px; padding-left: 24px;}
.develop .first .left{ width: 544px; padding-right: 0px;}
.develop .first .middle{ font-size: 16px; color: #28FBC5;}
.develop .first .middle b{ right: -70px;}
.develop .first .middle span{ width: 40px; background-position: -36px 0px;}
.develop .first .right{ width: 544px; padding-left: 0px;}
.develop .last{ margin-top: 100px;}
.develop .last .middle{ font-size: 16px; color: #CCCCCC;}
.develop .last .middle b{ left: -30px;}
.develop .last .middle span{ width: 40px; background-position: 0px -80px;}
.develop .flex:hover .middle .bgL{ background-position: 0px -40px;}
.develop .flex:hover .middle .bgR{ background-position: -36px -40px;}
.develop .flex:hover .dateTime p:nth-child(1){ color: #F85D65;}

.honor{ padding-top: 80px; margin-bottom: 60px;}
.honor .flex{ margin-top: 60px; justify-content: space-between;}