/* 关于 */

.banner{position: relative;overflow: hidden;}
.banner img{display: block;width: 100%;}




.part1 .txt .tt {
    font-size: 36px;
    font-weight: bold;
    color: #137acc;
    line-height: 64px;
    height: 64px;
    text-align: center;
    margin-bottom: 50px;
}
.part1 .intro {
    margin-bottom: 30px;
}
.part1 .intro p {
    font-size: 1rem;
    color: #363636;
    line-height: 2rem;
    text-align: justify;
    padding-bottom: 1rem;
    text-indent: 2em;
}

.part1 .img_box {position: relative;}
.part1 ul {position: absolute;left:50%;top:30%;transform: translate(-50%, -50%);color:#333;display: flex;}
.part1 ul li {width:25%;text-align: center;padding-top: 30px;animation: sxmove 2s infinite linear alternate;}
.qiqiu {
    position: relative;
}
.qiqiu:after {
    position: absolute;
    left: 50%;
    top: 20px;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #137acc;
}
.qiqiu:before {
    position: absolute;
    left: calc(50% + 3px);
    top: 27px;
    content: "";
    width: 1px;
    height: 100px;
    background: -webkit-linear-gradient(top, #137acc, #109aee0a);
}
@keyframes sxmove {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(40px);
    }
}




.part2 {position: relative;width:100%;height:100vh;background: url('../images/about2.jpg');background-size: 100% 100%;}
.part2 .title {
    position: relative;
}
.part2 .title:after {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    content: "";
    width:300px;
    height:3px;
    background: #137acc;
}
.part2 ul li .tit{
    position: relative;
    padding-bottom: 30px;
}
.part2 ul li .tit:after {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    content: "";
    width:100px;
    height:1px;
    background: #d3d3d3;
}