



.ab1 {
    padding: 5rem 0;
    position: relative;
}
.ab1 .cont { display: flex; justify-content: space-between;align-items: center;}
.ab1 .box1 {
    width:50%;
    position: relative;
}
.ab1 .box1 .title h3 { color:var(--comcolor);font-size: 2.5rem;margin-bottom: 1rem;}
.ab1 .box1 .title .desc {margin-bottom: 2.5rem;font-size: 1.5rem;}
.ab1 .box1 .intro  { font-size: 1rem;line-height: 2rem;color:#333;}

.ab1 .box1 .strength { display: flex;justify-content: space-between;margin: 2rem 0;}
.ab1 .box1 .strength dl {display: flex;flex-direction: column;width:25%;}
.ab1 .box1 .strength dt {color:#666;}
.ab1 .box1 .strength b {font-size: 3rem;color:var(--comcolor);}
.ab1 .box1 .strength dd i {font-size: 1rem;}

.ab1 .box2 {
    width:45%;
}

@media  screen and (max-width: 1000px){
    .ab1 {
        padding: 3rem 0 2rem;
    }
    .ab1 .cont {
        display: block;
    }
    .ab1 .cont .box1 {
        width:100%;
        margin-bottom: 2rem;
    }
    .ab1 .box1 .title h3 {font-size: 1.8rem;}
    .ab1 .box1 .title .desc {margin-bottom: 1.5rem;font-size: 1.2rem;}
    .ab1 .box1 .strength b {font-size: 1.8rem;}
    .ab1 .box1 .strength dd i {font-size: 0.8rem;}
    .ab1 .cont .box2 {
        width:100%;
    }
}



.ab2 { padding: 5rem 0; background: var(--comcolor);}
.ab2 h3 { margin-bottom: 1rem;font-size: 2rem; color:#fff;}
.ab2 .desc { margin-bottom: 3rem;font-size: 1.1rem;color: #fff;line-height: 2rem; }
.ab2 .item {display: flex;justify-content: space-between;}
.ab2 .item dl { width:30%;}
.ab2 .item dt {font-size: 1.5rem;margin-bottom: 1.5rem;color: #fff;}
.ab2 .item dd {font-size: 1rem;line-height: 2rem;color: #fff;}

.ab3 { padding: 5rem 0;display: flex;justify-content: space-between}
.ab3 .box { width:45%; }
.ab3 .box .item { margin-bottom: 3rem;}

@media  screen and (max-width: 1000px){
    .ab2 .item {display: block;}
    .ab2 .item dl { width:100%;border-bottom:1px solid #efefef;margin-bottom: 1.5rem;padding-bottom: 1.5rem;}

    .ab3 { display:block;padding: 3rem 0 1rem;}
    .ab3 .box {
        width:100%;
        border-bottom:1px solid #efefef;margin-bottom: 1.5rem;padding-bottom: 1.5rem;
    }
    .ab3 .box .item { margin-bottom: 1rem;}
}


