.ab1 {width:100%;padding:5rem 0 3rem;}
.ab1 .box1 {display: flex;justify-content: space-between;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid #dddddd;}
.ab1 .title {margin-bottom: 2rem;}
.ab1 .title .tit {font-size: 3rem;margin-bottom: 1rem;padding-bottom:1rem;font-weight: 600;color:var(--comcolor);position: relative;}
.ab1 .title .desc p { font-size: 1rem;line-height: 2rem; }
.ab1 .cont p { font-size: 1rem;line-height: 2rem;text-indent: 2rem; }

@media  screen and (max-width: 1000px){
    .ab1 {padding:3rem 0;}
    .ab1 .box1 { display: block; }
    .ab1 .title .tit { font-size: 2rem; }
}



.history {
    width:100%;background: var(--comcolor);padding: 5rem 0;position:relative;overflow: hidden;
}
.history h3 {margin:0 auto;font-size: 3rem;color:#fff;}
.history .scale {margin: 2rem 0;}
.history .process {padding: 3rem 0 5rem;position: relative;}
.history .process:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
    width: 0;
    height: 100%;
    border-left: 1px dashed #b4b4b4;
}
.history .process li { color:#fff;}
.history .process li{ padding-right: 50%; text-align: right; position: relative; z-index: 1;
    background: url('../images/history/dot.png') center 50% no-repeat;}
.history .process li .inner{ padding-right: 3rem;}
.history .process li:nth-child(2n){ padding-right: 0; padding-left: 50%; text-align: left;}
.history .process li:nth-child(2n) .inner{ padding-left:3rem; padding-right: 0;}
.history .process li span {font-size: 2rem;color:var(--subcolor);font-weight: 600;font-style: italic;}
.history .process li img {margin-top: 1rem;width:100%;max-width: 15rem;}

@media  screen and (max-width: 760px){
    .history {
        padding: 3rem 0;
    }
    .history .scale {margin: 1.5rem 0;}
    .history .process li .inner{ padding-right: 1.5rem;}
    .history .process li:nth-child(2n) .inner{ padding-left: 1.5rem;}
    .history h3 {font-size: 2rem;}
    .history .process li span {font-size: 1.5rem;}
}




.ab3 { padding:5rem 0; background: url(../images/wh/bg.jpg);background-position: center bottom;}
.ab3 h3 { margin-bottom: 2.5rem;font-size: 2.5rem; text-align: center;}
.ab3 .box li { margin-bottom: 2rem;padding-bottom: 2rem; display: flex;justify-content: space-between;align-items: center;}
.ab3 .box .pic {
    width:45%;
}
.ab3 .box .pic img {border-radius: 1.5rem;}
.ab3 .box .item {
    width:45%;
    text-align: center;
}
.ab3 .box .item h4 { font-size: 1.5rem;margin-bottom: 2rem; color: #383838;text-align: center;}

.ab3 .se {
    width: 100%;
    height: 12rem;
    position: relative;
    background: url(../images/wh/di.png) bottom no-repeat;
    margin-bottom: 2rem;
}
.ab3 .se .quan{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 7.5rem;
    height: 7.5rem;
    background: url(../images/wh/quan.png) center no-repeat;
    transform: translate(-50%,-50%);
}
.ab3 svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width:3rem;
    height:3rem;
    transform: translate(-50%,-50%);
}
.ab3 svg path{
    fill:var(--comcolor);
}

@media  screen and (max-width: 760px){
    .ab3 {padding:3rem 0;}
    .ab3 .box li { display: block; }
    .ab3 .box .pic {width:100%;}
    .ab3 .box .item {
        width:100%;
        margin-bottom: 1rem;
    }
    .ab3 .se {
        margin-bottom: 0;
    }
}