.list_warp {

    padding: calc((64 / 19.2) * 1%) 0 calc((70 / 19.2) * 1%);

    background: #f6f6f6

}



.list_warp .top_tit {

    font-weight: 600;

    font-size: 48px;

    color: #000000

}



.list_warp .top_tips {

    font-family: Arial;

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 30px

}



.list_warp .top_tips p {

    font-family: Arial;

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 30px

}



.list_warp .lists {

    --pd: 70px;

    --mt: 30px;

    margin-top: 38px

}



.list_warp .lists .item {

    background: #ffffff;

    padding: 16px 25px 40px

}



.list_warp .lists .item .img {

    padding-bottom: calc((340 / 2.58) * 1%)

}



.list_warp .lists .item .img img {

    object-fit: contain;

}



.list_warp .lists .item .sm_title {

    font-family: Arial;

    font-weight: 400;

    font-size: 16px;

    color: #999999;

    margin-top: 30px

}



.list_warp .lists .item .title {

    font-weight: 600;

    font-size: 16px;

    color: #000000;

    margin-top: 15px

}



.list_warp .down_tips {

    margin-top: calc((70 / 19.2) * 1%);

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 32px

}



.list_warp .down_tips p {

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 32px

}



.get_start {

    background: url(../images/other/icon15.png) no-repeat center / cover;

    padding: calc((140 / 19.2) * 1%) 0 calc((152 / 19.2) * 1%);

    position: relative

}



.get_start .mark_ {

    position: absolute;

    background: rgba(3, 109, 183, 0.5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.get_start .detail {

    position: relative;

    z-index: 9

}



.get_start .tit {

    font-family: Arial;

    font-weight: 400;

    font-size: 20px;

    color: #ffffff

}



.get_start .title,

.get_start .title p {

    font-family: "Poppins Bold";

    font-size: 45px;

    color: #ffffff;

    margin-top: 37px;

    line-height: 1.2

}



.get_start .title span,

.get_start .title strong {

    color: var(--color-main);

    font-family: "Poppins Bold";

    font-size: 45px

}



.get_start .sub {

    margin-top: 57px;

    padding: 16px 28px;

    border-radius: 4px;

    background: var(--color-main);

    color: #fff

}



.pro_server {

    padding-top: 93px;

    padding-top: calc((93 / 19.2) * 1%)

}



.pro_server .tit {

    font-weight: 400;

    font-size: 45px;

    color: #000000

}



.pro_server .lists {

    --pd: 68px;

    --mt: 50px;

    margin-top: 65px;

    margin-top: calc((65 / 14.8) * 1%)

}



.pro_server .lists .item {

    box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 1px 0 0 rgba(0, 0, 0, 0.07)

}



.pro_server .lists .img {

    padding-bottom: calc((327 / 4.2) * 1%)

}



.pro_server .lists .info {

    padding: 54px 30px 10px

}



.pro_server .lists .title {

    font-family: Arial;

    font-weight: bold;

    font-size: 24px;

    color: #000000;

    line-height: 24px;

    margin: 0

}



.pro_server .lists .desc {

    margin-top: 27px;

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 24px

}



.pro_server .lists .view_more {

    background: #f7f7f7;

    justify-content: space-between;

    padding-left: 30px

}



.pro_server .lists .view_more:hover .txt {

    color: var(--color-main)

}



.pro_server .lists .view_more .txt {

    font-family: Arial;

    font-weight: bold;

    font-size: 16px;

    color: #000000

}



.pro_server .lists .view_more .sub {

    background: url(../images/color/pro_right.png) no-repeat center / 30% var(--color-main);

    width: 70px;

    height: 60px;

    display: block

}



.list_top .pagation {

    padding: calc((294 / 19.2) * 1%) 3% calc((194 / 19.2) * 1%)

}



.list_top .pagation .pagation_list,

.list_top .pagation .product_top_btns {

    display: flex !important

}



.list_top .pagation .pagation_list {

    margin: 0

}



@media screen and (max-width:1366px) {



    .list_warp .lists,

    .pro_server .lists {

        --pd: 30px

    }

}



@media screen and (max-width:950px) {

    .list_warp .top_tips {

        margin-top: 20px

    }



    .get_start .sub {

        margin-top: 30px;

        padding: 9px 20px

    }

}

.h2tie{

    font-size: 20px;

    line-height: 2;

}