.about{width:100%;display:flex;flex-wrap:wrap;overflow:hidden}
.about>div{width:50%}
.about-tip{font-size:var(--fontsize16);margin-bottom:20px}
.about .about-con .about-title{font-size:34px;font-weight:var(--fontbold6);max-width:500px;text-transform:uppercase;line-height:1.3}
.about article{max-width:630px;font-size:var(--fontsize14);color:#FFFFFF;margin:30px 0px;line-height:1.8}
.about article p{margin-top:10px}
.about-con{background:url(https://css02.v15cdn.com/m405/blue/imgs/dot-map.webp) no-repeat;background-size:cover;display:flex;justify-content:center;color:#FFFFFF;flex-direction:column;padding:40px 40px 40px 160px;box-sizing:border-box}
.about-img{position:relative}
.about-img img{display:block;width:100%;height:100%;object-fit:cover}
.about-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:73px;height:73px;background:var(--color);border-radius:50%}
.about-icon i,.about-icon em{position:relative;left:3px;color:#FFFFFF;font-size:45px}
.about-icon:after{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"";border-radius:50%;display:block;width:95px;height:95px;border:2px solid var(--color)}
.about-img img{display:block}
.about .about-sel{display:inline-block;margin-right:24px}
.about .about-sel img{position:relative;top:3px}
.about ul li{font-size:var(--fontsize14);margin-bottom:20px}
.about .more-btn{width:160px;height:45px;line-height:45px;font-size:var(--fontsize14);display:inline-block;font-weight:var(--fontbold6);text-align:center;background:var(--color);margin-top:20px;color:#FFFFFF;border-radius:3px}
@media(max-width:1700px){.about-con{padding-left:100px}}
@media(max-width:1500px){.about-con{padding-left:40px}
.about-tip{margin-bottom:10px}
.about .about-con .about-title{font-size:28px}
.about article{margin:20px 0 15px}}
@media(max-width:1280px){.about-con{padding:20px 30px}
.about .about-con .about-title{font-size:26px}
.about article{margin:15px 0 0}}
@media(max-width:1024px){.about .about-con{padding:30px 150px}
.about .about-con,.about .about-img{width:100%}
.about .about-img img{width:100%;object-fit:cover}}
@media (max-width:768px){.about .about-con .about-title{font-size:var(--fontsize20)}
.about .about-con{padding:0 3vw 3vw;color:var(--fontcolor);background:none}
.about-icon:after{width:72px;height:72px}
.about-icon{width:60px;height:60px}
.about-icon i,.about-icon em{font-size:40px}
.about{position:relative;flex-direction:column-reverse;background:url(https://css02.v15cdn.com/m405/blue/imgs/dot-map.webp) no-repeat;background-size:cover;}
.about article{color:var(--fontcolor);margin:4vw 0px}
.about .more-btn{display:inline-block}
.about .about-sel img{visibility:hidden}
.about-title{color:var(--color)}
.about .about-img{width:100%;padding:3vw 3vw 0}
.con-wrap{background:#FFFFFF;padding:4vw}}
.about{margin-top:4%}
@media (max-width:768px){.about{margin-top:30px}}