@charset "UTF-8";
.banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.banner .banner_title, .banner > a {
    position: absolute;
    text-align: center
}

.banner > img {
    width: 100%
}

.banner .banner_title {
    top: 30%
}

.banner > a {
    bottom: 40%;
    left: 50%;
    display: block;
    width: 296PX;
    height: 59PX;
    margin-left: -148PX;
    background: linear-gradient(-90deg, #216cb7 0, #0aa6d3 100%);
    border-radius: 4PX;
    line-height: 59PX
}

.aside {
    width: 100%;
    position: relative
}

.aside .aside_caption {
    width: 100%;
    height: 67PX;
    background-color: #E9E9E9
}

.aside .aside_caption > a {
    margin-left: 53PX;
    line-height: 67PX
}

.aside .aside_caption > a:hover {
    color: #164B96
}

.aside .aside_caption_description {
    position: absolute;
    display: flex;
    align-items: center;
    right: 18%;
    top: -90%;
    width: 375PX;
    height: 185PX;
    box-sizing: border-box;
    border-bottom: 4PX solid #2770c9;
    background-color: #fff;
    box-shadow: 4PX 4PX 30PX 0PX rgba(0, 0, 0, .23)
}

.aside .aside_caption_description > p {
    text-align: center;
    line-height: 1.4
}

@media screen and (max-width: 1250PX) {
    .aside .aside_caption_description {
        display: none
    }
}

.serve {
    margin: 90PX 0
}

.serve .serve_project {
    display: flex;
    width: 100%
}

.serve .serve_project > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    height: 100%;
    box-sizing: border-box;
    padding: 0PX 20PX 20PX;
    font-size: 18PX
}

.serve .serve_project > li > .price_sprites {
    width: 100PX;
    height: 100PX;
    box-sizing: border-box;
    margin: 20PX auto;
    background-repeat: round
}

.serve .serve_project > li > .price_offering {
    width: 120PX;
    height: 100PX;
    box-sizing: border-box;
    margin: 20PX auto;
    background-image: url(../images/Products/sprites.png);
    background-size: 425PX;
    background-position: -113PX 0PX;
    background-repeat: no-repeat
}

.serve .serve_project > li > .price_quality, .serve .serve_project > li > .price_solutions {
    width: 95PX;
    height: 100PX;
    margin: 20PX auto;
    background-image: url(../images/Products/sprites.png);
    background-size: 425PX;
    background-repeat: no-repeat;
    box-sizing: border-box
}

.serve .serve_project > li > .price_quality {
    background-position: -227PX 0PX
}

.serve .serve_project > li > .price_solutions {
    background-position: -325PX 0PX
}

.serve .serve_project > li > h3 {
    text-align: center;
    margin-bottom: 20PX
}

.serve .serve_project > li > p {
    text-align: center;
    line-height: 1.3
}

.article_cone {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 80PX 0
}

.article_cone .article_cone_left {
    width: 50%;
    height: 100%
}

.article_cone .article_cone_left > img {
    width: 100%
}

.article_cone .article_cone_right {
    display: flex;
    flex-direction: column;
    width: 50%;
    box-sizing: border-box;
    padding: 30PX
}

.article_cone .article_cone_right > h3 {
    margin-bottom: 30PX
}

.article_cone .article_cone_right > p {
    line-height: 1.3
}

.article_cone .article_cone_right > ul {
    list-style: disc;
    font-size: 20PX;
    line-height: 1.3;
    margin: 20PX
}

.solutions {
    margin: 80PX 0 0;
    background-image: url(../images/public/conten_backroun.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    padding: 1.25rem
}

.solutions .solutions_article {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    width: 100%;
    flex: 3%;
    flex-wrap: wrap;
}

.solutions .solutions_article .solutions_article_item {
    display: block;
    height: 277PX;
    width: calc((100% - 60px) / 3);
    margin: 10px;
    box-sizing: border-box;
    background-color: #fff
}
.solutions .solutions_article .solutions_article_item > img {
    width: 100%
}

.solutions .solutions_article .solutions_article_item .item_Premium {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 93PX;
    box-sizing: border-box;
    padding: 0PX 20PX
}

.solutions .solutions_article .solutions_article_item .item_Premium .fz_14 {
    display: flex;
    align-items: center;
    font-size: 14PX;
    color: #273EA8
}

.solutions .solutions_article .solutions_article_item .item_Premium > span > sup {
    font-size: .35rem
}

.solutions .solutions_article .solutions_article_item:hover {
    box-shadow: .1rem .1rem .75rem 0 rgba(0, 0, 0, .23);
    border-bottom: 4PX solid #216cb7
}

@media screen and (max-width: 1200px) {
    .banner > a {
        bottom: 25%
    }
}

@media screen and (max-width: 1050px) {
    .solutions .container .solutions_article .solutions_article_item .item_Premium > a, .solutions .container .solutions_article .solutions_article_item .item_Premium > span {
        font-size: .3rem
    }
}

@media screen and (max-width: 768px) {
    .banner .banner_title {
        position: absolute;
        top: 30%;
        text-align: center;
        font-size: 1rem
    }

    .banner > a {
        width: 9rem;
        height: 1.475rem;
        margin-left: -4.5rem;
        line-height: 1.475rem;
        font-size: .7rem;
        top: 60%;
    }

    .aside {
        box-sizing: border-box;
        padding: .5rem .25rem
    }

    .aside .aside_caption {
        display: none
    }

    .aside .aside_caption_description {
        position: static;
        display: flex;
        align-items: center;
        width: 100%;
        height: 4.625rem;
        box-sizing: border-box;
        border-bottom: .2rem solid #2770c9;
        background-color: #fff;
        box-shadow: .1rem .1rem .75rem 0 rgba(0, 0, 0, .23)
    }

    .aside .aside_caption_description > p {
        text-align: center;
        font-size: 1rem;
        line-height: 1.4
    }

    .serve {
        margin: 1rem 0
    }

    .serve .serve_project {
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        padding: .25rem
    }

    .serve .serve_project > li {
        width: 100%;
        font-size: .7rem
    }

    .serve .serve_project > li > h3 {
        font-size: 1rem
    }

    .article {
        width: 100%
    }

    .article .article_cone {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 2rem 0
    }

    .article .article_cone .article_cone_left {
        width: 100%;
        box-sizing: border-box;
        padding: .25rem;
        order: 1
    }

    .article .article_cone .article_cone_left > img {
        width: 100%
    }

    .article .article_cone .article_cone_right {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        padding: .75rem;
        order: 2
    }

    .article .article_cone .article_cone_right > h3 {
        font-size: 1rem;
        margin-bottom: .75rem
    }

    .article .article_cone .article_cone_right > p {
        font-size: .7rem;
        line-height: 1.5
    }

    .article .article_cone .article_cone_right > ul {
        list-style: disc;
        font-size: .7rem;
        line-height: 1.5;
        margin: .5rem
    }

    .article .article_cone .yd {
        display: none
    }

    .solutions {
        margin: 0;
        background-color: #f5f5f5;
        background-image: url(../images/public/conten_backroun.png);
        background-position: center bottom;
        background-size: 100%;
        padding: 3.425rem 0
    }

    .solutions h3 {
        font-size: 1.45rem;
        margin-bottom: .75rem;

    }

    .solutions .solutions_article {
        flex-direction: column;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0 .25rem
    }

    .solutions .solutions_article .solutions_article_item {
        display: block;
        width: 100%;
        height: auto;
        background-color: #fff;
        box-sizing: border-box;
        margin-top: 1rem;
        border-bottom: .1rem solid transparent
    }

    .solutions .solutions_article .solutions_article_item .item_Premium {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 2.325rem;
        box-sizing: border-box;
        padding: 0 .5rem
    }

    .solutions .solutions_article .solutions_article_item .item_Premium .fz_22 {
        font-size: 1.1rem
    }

    .solutions .solutions_article .solutions_article_item .item_Premium .fz_14 {
        font-size: .7rem
    }

    .solutions .solutions_article .solutions_article_item .item_Premium > span > sup {
        font-size: .35rem
    }

    .solutions .solutions_article .solutions_article_item:hover {
        box-sizing: border-box;
        box-shadow: .1rem rgba(0, 0, 0, .23);
        border-bottom: .1rem solid #216cb7
    }

    .solutions .container .solutions_article .solutions_article_item .item_Premium > span {
        font-size: .7rem
    }

    .solutions .container .solutions_article .solutions_article_item .item_Premium > a {
        font-size: .5rem
    }
}