* {    margin: 0;    padding: 0;    box-sizing: border-box;}h1,h2,h3,h4 {    margin: 0;    padding: 0;}ul,dl,li,dd,dt {    list-style: none;}.softwareDev {    margin-top: 150px;}.softwareDev-container1 {    margin-bottom: 100px;}.softwareDev-container1-top {    text-align: center;}.softwareDev-container1-top-title {    width: 224px;    height: 37px;    margin: 0 auto;    font-size: 28px;    font-family: Microsoft YaHei;    font-weight: bold;    line-height: 37px;    color: rgba(38, 38, 38, 1);    background-image: url(../images/softwareDev1.png);    background-size: 120px;    background-repeat: no-repeat;    background-position: left bottom;}.softwareDev-container1-top-title2 {    margin-top: 10px;    text-transform: uppercase;    font-size: 14px;    font-family: Microsoft YaHei;    font-weight: 400;    line-height: 19px;    color: rgba(155, 155, 154, 1);}.softwareDev-container1-box {    padding: 70px 0 30px 0;    margin-top: 67px;    width: 1200px;    margin: auto;}.softwareDev-container1-content {    display: flex;    flex-direction: row;    justify-content: center;    align-items: center;}.softwareDev-container1-item {    width: 240px;    height: 454px;    background: rgba(255, 255, 255, 1);    box-shadow: 0px 0px 30px rgb(18 40 99 / 20%);    opacity: 1;    padding: 30px 26px;    text-align: center;    cursor: pointer;}.softwareDev-container1-item img {    width: 70px;    height: 70px;    margin: 0 auto 10px auto;}.softwareDev-container1-item-top {    font-size: 20px;    font-family: Microsoft YaHei;    font-weight: bold;    line-height: 26px;    color: rgba(38, 38, 38, 1);    letter-spacing: 5px;    opacity: 1;}.softwareDev-container1-line {    background: rgba(223, 223, 223, 1);    width: 32px;    height: 2px;    /* border-bottom: 2px solid rgba(223,223,223,1); */    opacity: 1;    width: 100%;    margin-top: 19px;    margin-bottom: 24px;    position: relative;}.softwareDev-container1-item-bottom {    font-size: 15px;    font-family: Microsoft YaHei;    font-weight: 400;    line-height: 34px;    color: rgba(100, 100, 100, 1);    opacity: 1;}.softwareDev-container2 {    margin-top: 100px;    padding: 20px 0;    text-align: center;    display: block;}.softwareDev-container2 h2 {    width: 100%;    margin: 0 auto;    padding: 0;    color: #000;    font-size: 28px;    font-weight: 600;}.softwareDev-container2 h4 {    width: 100%;    margin: 13px auto 0;    color: #666;    line-height: 18px;    font-weight: normal;    font-size: 17px;}.softwareDev-container2-ul {    width: 60%;    min-width: 1200px;    margin: 50px auto 0 auto;    display: flex;    flex-wrap: wrap;}.softwareDev-container2-ul li:nth-child(odd) {    margin-left: 0;}.softwareDev-container2-ul li:nth-child(even) {    margin-right: 0;}.softwareDev-container2-ul li {    position: relative;    padding: 30px 45px;    border-radius: 20px;    margin: 20px auto;    width: 550px;    height: 90px;    color: #3f3f3f;    background-color: white;    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);    box-sizing: border-box;    cursor: pointer;    transition: all 0.5s;}.softwareDev-container2-ul li>img {    position: absolute;    left: 50px;    top: 0;    bottom: 0;    margin: auto 0;    width: 50px;}.softwareDev-container2-ul li>div {    color: #000;    font-size: 26px;}.softwareDev-container2-span {    text-align: left;    display: inline-block;    margin-top: 15px;    color: #1777FF;    transition: all 0.5s;}.softwareDev-container2-span1 {    margin-left: 60px;    opacity: 0;}.softwareDev-container2-span2 {    margin-left: 20px;    opacity: 0;}.softwareDev-container2-span3 {    margin-left: -10px;    opacity: 0;}.softwareDev-container2-span4 {    margin-left: 20px;    opacity: 0;}.softwareDev-container2-span5 {    margin-left: 20px;    opacity: 0;}.softwareDev-container2-span6 {    margin-left: 50px;    opacity: 0;}.softwareDev-container3 {    width: 100%;    margin: 100px 0;    min-width: 1200px;}.softwareDev-container3-top {    text-align: center;}.softwareDev-container3-top-title {    display: block;    font-weight: bold;    margin: 20px auto;}.softwareDev-container3-top-line {    width: 25%;    margin: 0px auto;    border: 1px solid #1777FF;}.softwareDev-container3-box {    display: flex;    flex-wrap: wrap;    flex-direction: row;    width: 100%;    margin-top: 50px;    padding: 0 12%;}.softwareDev-container3-item {    display: flex;    flex-direction: column;    width: 33.33%;    position: relative;    text-align: center;    margin-top: 50px;}.softwareDev-container3-item ul {    display: flex;    flex-direction: column;    width: 300px;    height: 310px;    padding: 40px 0;    cursor:pointer;    margin: 0 auto;} .softwareDev-container3-item ul:hover {    background-color: red;} .softwareDev-container3-item ul li {    display: inline-block;}.softwareDev-container3-item ul li img {    width: 76px;    height: 75px;    display: inline-block;    margin-top: 25px;}.softwareDev-container3-line {    width: 58px;    margin: 35px auto;    border: 1px solid #1777FF;}.softwareDev-container3-title {    font-size: 18px;    color: #000;}.softwareDev-container3-item dl {    display: none;    width: 300px;    height: 310px;    padding: 40px 0;    margin: 0 auto;    background: #1777FF;    color: #fff;    border-radius: 15px;    cursor:pointer;}.softwareDev-container3-item-boxx {    display: flex;    flex-direction: column;}.softwareDev-container3-item dl img {    margin: 0 auto;    width: 50px;    height: auto;}.softwareDev-container3-line2 {    width: 80%;    margin: 35px auto;    border: 1px solid #fff;    list-style: none;}.softwareDev-container3-p {    line-height: 22px;    margin: 0 auto 30px auto;    text-align: center;    font-size: 16px;    width: 220px;    float: left;    overflow: hidden;}.softwareDev-container3-b {    font-size: 20px;    line-height: 30px;}