.pro1List{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: .4rem -.1rem .2rem;
}
.pro1List li{
    width: 20%;
    width: 16.66%;
    padding: .1rem;
}
.pro1Ico{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 147px;
    height: 147px;
    max-width: 1.47rem;
    max-height: 1.47rem;
    border-radius: 50%;
    background-color: #2E75B5;
    margin: .1rem auto;
}
.pro1Ico img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.pro1Tit{
    font-size: 24px;
    color: #333333;
    line-height: 1.4;
    font-weight: normal;
    margin: .1rem 0;
}
.pro1List + .aid1List{
    margin: .6rem 0 .4rem;
}
.pro1List + .aid1List li{
    margin-top: 0;
}
.pro1List + .aid1List .aid1Tit{
    font-size: 24px;
}
.pro1List + .aid1List .aid1Des{
    font-size: 18px;
    color: #666666;
}
.pro1List + .aid1List li:nth-child(2n){
    flex-direction: row;
}
.pro1List + .aid1List li:nth-child(2n+1){
    flex-direction: row-reverse;
}
.pro2Bg{
    position: relative;
    overflow: hidden;
}
.pro2Bg .hmTit{
    position: absolute;
    left: 0;
    right: 0;
    top: .6rem;
    padding: 0 .3rem;
    z-index: 2;
}
.pro2Img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.pro2Img .imgBg{
    display: block;
    width: 100%;
    height: 100%;
}
.pro2Text{
    position: relative;
    color: #FFFFFF;
    padding: 1.2rem 0;
    min-height: 815px;
    z-index: 1;
}
.pro2Tit{
    position: relative;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 1.2;
    padding-left: 23px;
    font-weight: 600;
    margin: .3rem 0;
}
.pro2Tit::before{
    display: block;
    content: "";
    width: 8px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 3px;
}
.pro2Con{
    max-width: 650px;
}
.pro2List .hmBtn{
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: .4rem;
    z-index: 2;
}

.pro3Bg{
    position: relative;
    padding: .6rem 0;
    background-color: #FFFFFF;
    overflow: hidden;
}
.pro3Text{
    font-size: 24px;
    color: #666666;
    line-height: 1.6;
    margin: .15rem 0;
}
.pro3List{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: .6rem -.1rem;
}
.pro3List li{
    width: 33.33%;
    padding: .1rem;
}
.pro3Ico{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    max-width: 1rem;
    max-height: 1rem;
    margin: .2rem auto;
}
.pro3Ico img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.pro3Tit{
    max-width: 288px;
    font-size: 24px;
    color: #666666;
    line-height: 1.6;
    font-weight: normal;
    margin: .1rem auto;
}
.pro3List li:first-child{
    margin-left: 16.66%;
}
.pro3List2 .aid4Link{
    padding: 0;
    background-color: #F3FAFF;
}
.pro3List2 .aid4Img{
    padding-bottom: 71.11%;
}
.pro3List2 .aid4Text{
    padding: 20px;
}
.pro3List2 .solu2Text{
    color: #333333;
    margin: 0;
}
.pro4List{
    overflow: hidden;
}
.pro4List .swiper-slide{
    height: auto;
    background-color: #EEF8FF;
}
.pro4List .dotPage{
    float: right;
    width: 45.27%;
}
.pro4Item{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.pro4Img,
.pro4Text{
    width: 45.27%;
    flex-shrink: 0;
}
.pro4Img{
    padding: 30px 25px;
    background-color: #FFFFFF;
}
.pro4Img img{
    width: 100%;
    height: auto;
}
.pro4Text{
    font-size: 18px;
    color: #333333;
    line-height: 1.8;
}
.pro4Tit{
    font-size: 24px;
    color: #333333;
    line-height: 1.8;
}

@media (max-width:1600px) {
    .pro1List + .aid1List .aid1Tit{
        font-size: 20px;
    }
    .pro1List + .aid1List .aid1Des{
        font-size: 16px;
    }
    .pro1Ico{
        width: 7.65vw;
        height: 7.65vw;
    }
    .pro1Tit{
        font-size: 1.25vw;
    }
    .pro2Text{
        min-height: 42.45vw;
    }
    .pro2Tit{
        font-size: 2.08vw;
        padding-left: 20px;
    }
    .pro2List .hmBtn{
        bottom: 2vw;
    }
    .pro3Text{
        font-size: 1.25vw;
    }
    .pro3Ico{
        width: 80px;
        height: 80px;
    }
    .pro3Tit{
        max-width: 220px;
        font-size: 1.25vw;
    }
    .pro4List .dotPage{
        width: 50%;
    }
    .pro4Img{
        width: 50%;
        padding: 1.56vw 1.3vw;
    }
    .pro4Text{
        font-size: 16px;
    }
    .pro4Tit{
        font-size: 1.5vw;
    }
}
@media (max-width:1400px) {
    .pro4Text{
        font-size: 14px;
    }
}
@media (max-width:1200px) {
    .pro1Ico{
        width: 90px;
        height: 90px;
    }
    .pro1Tit{
        font-size: 16px;
    }
    .pro1List + .aid1List{
        margin: .4rem 0 .2rem;
    }
    .pro1List + .aid1List .aid1Tit{
        font-size: 18px;
    }
    .pro1List + .aid1List .aid1Des{
        font-size: 14px;
    }
    .pro2Tit{
        font-size: 24px;
    }
    .pro2Bg .hmTit{
        position: static;
    }
    .pro2Bg .hmTit .hmCn{
        color: #000000;
        -webkit-text-fill-color:#000000;
    }
    .pro2Bg .hmLine{
        background-color: var(--blueColor);
    }
    .pro2Text{
        padding: .6rem 0 1.2rem;
    }
    .pro2List .hmBtn{
        bottom: 20px;
    }
    .pro3Tit{
        font-size: 16px;
    }
}
@media (max-width:991px) {
    .pro4Item{
        display: block;
        max-width: 895px;
        margin: 0 auto;
    }
    .pro4Img,
    .pro4Text{
        width: 100%;
    }
    .pro4Img{
        margin: 0 auto .2rem;
        padding: .2rem;
    }
    .pro4Tit{
        font-size: 18px;
    }
    .pro4List .dotPage{
        width: 100%;
    }

}
@media (max-width:767px) {
    .pro1List{
        justify-content: center;
    }
    .pro1List li{
        width: 33.33%;
    }
    .pro2Text{
        min-height: 3.4rem;
    }
}
@media (max-width:640px) {
    .pro2Tit{
        font-size: .32rem;
        padding-left: calc(.1rem + 10px)
    }
    .pro2Tit::before{
        width: .1rem;
    }
    .pro3Tit{
        font-size: 14px;
    }

}
@media (max-width:460px) {
    .pro1Tit{
        font-size: 14px;
    }
    .pro3List2 .aid4Text{
        padding: .3rem;
    }
    .pro3List li{
        width: 50%;
    }
    .pro3List li:first-child{
        margin-left: 25%;
    }
    .pro3Ico{
        max-width: 1.2rem;
        max-height: 1.2rem;
    }
    .pro4Tit{
        font-size: 16px;
    }

}