.about-mode1{padding-bottom:5%}
.about-mode1 .item{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:80px}
.about-mode1 .item .home-title{text-align:left}
.about-mode1 .item .info{width:48%}
.about-mode1 .item .info .tit{color:var(--color)}
.about-mode1 .item .info .txt{margin-top:20px}
.about-mode1 .item .info .more{display:flex;align-items:center;font-weight:var(--fontbold6)}
.about-mode1 .item .info .more:hover{text-decoration:none}
.about-mode1 .item .info .more:hover em{margin-right:25px}
.about-mode1 .item .info .more em{font-size:40px;margin-right:30px;position:relative;font-weight:var(--fontbold4);transition:all .2s linear}
.about-mode1 .item .info .more em::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--color);border-radius:50%}
.about-mode1 .item .img{width:48%}
.about-mode1 .item:nth-child(2n){flex-direction:row-reverse}
.about-mode2{position:relative;z-index:2;padding:5% 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.about-mode2::before{content:"";position:absolute;left:-260px;top:0;width:1920px;height:100%;background-color:var(--color);z-index:-1}
.about-mode2 .home-title{color:#fff;text-align:left}
.about-mode2 .info{width:48%;position:relative;color:#fff}
.about-mode2 .info .line{width:14px;height:14px;border-radius:50%;display:inline-block;background-color:rgba(255,255,255,.3);box-sizing:border-box;position:relative;margin:30px 0 40px;margin-left:330px}
.about-mode2 .info .line::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:50%;top:50%;background-color:#fff;transform:translate(-50%,-50%)}
.about-mode2 .info .line::after{content:"";position:absolute;left:-590px;top:50%;transform:translateY(-50%);width:590px;height:1px;background-color:rgba(255,255,255,.3)}
.about-mode2 .img{width:48%}
.about-mode3{padding:5% 0}
.about-mode3 .list{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2;margin-top:50px}
.about-mode3 .list::before{content:"";position:absolute;left:-260px;top:50px;width:1920px;border:1px dashed rgba(0,112,188,.3);z-index:-1}
.about-mode3 .list li{width:18%}
.about-mode3 .list li .icon{border:1px dashed var(--color);width:100px;height:100px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;background-color:#fff;transition:all .2s linear}
.about-mode3 .list li .icon em{color:var(--color);font-size:50px}
.about-mode3 .list li .tit{color:#283e58;font-size:var(--fontsize20);font-weight:var(--fontbold6);min-height:80px}
.about-mode3 .list li .txt{color:#111}
.about-mode3 .list li:hover .icon{transform:translateY(-10px)}
@media screen and (max-width:1024px){.about-mode2::before{width:calc(100% + 30px);left:-15px}
.about-mode1{padding-bottom:40px}
.about-mode2{padding:40px 0}
.about-mode3{padding:40px 0}
.about-mode1 .item{margin-top:30px}
.about-mode3 .list{margin-top:0}
.about-mode3 .list li{width:48%;margin-top:30px}
.about-mode3 .list::before{display:none}
.about-mode3 .list li .tit{min-height:auto}
}
@media screen and (max-width:768px){.about-mode1 .item .info{width:100%;margin-top:20px}
.about-mode1 .item .img{width:100%}
.about-mode1 .item:nth-child(odd){flex-direction:column-reverse}
.about-mode1 .item:nth-child(even){flex-direction:column-reverse}
.about-mode2{flex-direction:column-reverse}
.about-mode2 .info{width:100%;margin-top:20px}
.about-mode2 .info .line{margin:15px 0;margin-left:200px}
.about-mode2 .info .line::after{width:215px;left:-215px}
.about-mode2 .img{width:100%}
.about-mode3 .list li .icon{width:60px;height:60px}
.about-mode3 .list li .icon em{font-size:var(--fontsize32)}
}
@media screen and (max-width:500px){.about-mode1 .item .info .txt{margin-top:10px}
.about-mode3 .list li{width:100%}
}