
.banner {
    height: 620px;
    overflow: hidden;
}

.container {
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
}

.container > .container-block {
    width: 565px;
    position: relative;
}

.container > .container-block:nth-child(1):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 500px;
    background: url("../../images/computer/line.png");
    right: -35px;
    top: 40px;
}

.container > .container-block > .container-tit {
    font-size: 48px;
    color: #333333;
    text-align: center;
}

.container > .container-block > ul {
    padding-top: 50px;
}

.container > .container-block > ul > li {
    display: flex;
    justify-content: space-between;
    line-height: 3;
}

.achieve {
    height: 430px;
    overflow: hidden;
    background: url("../../images/computer/background.png") no-repeat left top;
    margin-top: 90px;
}

.achieve > .w1200 {
    display: flex;
    justify-content: flex-end;
}

.achieve > .w1200 > .achieve-block {
    width: 775px;
}

.achieve > .w1200 > .achieve-block > p {
    font-size: 48px;
    color: #333333;
    text-indent: 400px;
}

.achieve > .w1200 > .achieve-block > ul {
    padding-top: 50px;
}

.achieve > .w1200 > .achieve-block > ul > li {
    position: relative;
    font-size: 24px;
    line-height: 54px;
}

.achieve > .w1200 > .achieve-block > ul > li::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #005f67;
    top: 18px;
    left: 0px;
}

.achieve > .w1200 > .achieve-block > ul > li > span {
    padding-left: 22px;
}

.achieve > .w1200 > .achieve-block > ul > li:nth-child(1) {
    margin-left: 220px;
}

.achieve > .w1200 > .achieve-block > ul > li:nth-child(2) {
    margin-left: 180px;
}

.achieve > .w1200 > .achieve-block > ul > li:nth-child(3) {
    margin-left: 140px;
}

.achieve > .w1200 > .achieve-block > ul > li:nth-child(4) {
    margin-left: 100px;
}

.achieve > .w1200 > .achieve-block > ul > li:nth-child(5) {
    margin-left: 60px;
}

.achieve > .w1200 > .achieve-block > ul > li:nth-child(6) {
    margin-left: 20px;
}

.elegant-tit {
    text-align: center;
    font-size: 48px;
    color: #333333;
    padding-top: 100px;
}

.elegant {
    margin-top: 45px;
    position: relative;
}

.elegant .swiper-wrapper .swiper-slide a img {
    width: 400px;
    height: auto;
}

.elegant .swiper-wrapper .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.elegant .swiper-wrapper .swiper-slide-active, .elegant .swiper-wrapper .swiper-slide-duplicate-active{
    transform: scale(1);
}