@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    list-style: none
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "微软雅黑",Arial;
    font-size: 14px;
}

/*pc*/
@media screen and (min-width: 1024px) {
    .company_server_one_header h3 {  font-size: 20px;  }

    /*.conmpany_server_poicbox li:nth-child(1) p i {  font-size: 34px  }

    .conmpany_server_poicbox li p i {
        font-size: 20px;
        font-weight: 800
    }
    .company_server_one_header p i {
        font-size: 34px;
        font-style: normal
    }*/

    .number{font-style: normal;font-size: 20px;}
    .price_active{font-size: 34px;}

    .conmpany_server_poicbox .company_server_one_content {
        position: relative;
        width: 100%;
        padding-top: 30px;
        box-sizing: border-box;
        line-height: 30px;
        padding-left: 30px;
        padding-right: 10px
    }
}

/*h5*/
@media screen and (max-width: 1024px) {
    blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,td,textarea,th,ul {
        font-size: 0.6rem;   /*//1000px*/
    }
    .company_server_one_header h3 {
        font-size: 0.6rem;
    }

    .number{font-style: normal;font-size: 0.8rem;}
    .price_active{font-size: 1.6rem;}    /*激活的价格*/

    .conmpany_server_poicbox .company_server_one_content {
        position: relative;
        width: 100%;
        padding-top: 20px;
        box-sizing: border-box;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px
    }
}



    select {
        outline: 0
    }

    img {
        vertical-align: middle;
        border: none
    }

    a {
        cursor: pointer;
        text-decoration: none
    }

    .elm {
        /*Firefox*/
    -moz-calc(expression);
        /*chrome safari*/
    -webkit-calc(expression);
        /*Standard */
    calc();
        /*
        width:-moz-calc(100% - (10px + 5px) * 2);
        width:-webkit-calc(100% - (10px + 5px) * 2);
        width: calc(100% - (10px + 5px) * 2);
    */
    }

    .company_server_bg {
        width: 100%;
        height: 530px;
        /*background: url(/images/company-new/bg.png) no-repeat;*/
        position: relative;
        overflow: hidden;
    }

    .company_serve_bg_zhezhao {
        width: 100%;
        height: 830px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        /*background: rgba(0,0,0,.82)*/
    }

    .company_serve_bg_zhezhao h1 {
        font-size: 44px;
        color: #fff;
        text-align: center;
        margin-top: 60px;
        margin-bottom: 20px
    }

    .company_serve_bg_zhezhao h4 {
        font-size: 20px;
        color: #fff;
        text-align: center;
        margin-bottom: 50px
    }

    .company_serve_bg_zhezhao h1, .company_serve_bg_zhezhao h4 {
        font-weight: 400
    }

    .company_server_one_header {
        padding-left: 20px;
        box-sizing: border-box;
        height: 163px;
        padding-top: 20px;
        padding-right: 10px;
    }

    .company_server_one_header h3 {
        color: #fff;
        margin-bottom: 15px;
        font-weight: 700
    }

    .company_server_one_header span {
        font-size: 12px;
        color: #fff;
        margin-bottom: 15px;
        display: inline-block;
        /*width: 30%*/
    }

    .company_server_one_header p {
        color: #fff;
        font-size: 14px
    }



    .conmpany_server_poicbox {
        width: 100%;
        margin: 0 auto
    }

    .conmpany_server_poicbox .company_server_one_content ol {
        color: #fff
    }

    .conmpany_server_poicbox li {
        float: left;
        width: 168px;
        height: 460px;
        position: relative;
        top: 20px;
        margin-right: 1px
    }

    .conmpany_server_poicbox li .company_server_one_header {
        background: #434343;
        height: 122px
    }

    .conmpany_server_poicbox li .company_server_one_content {
        height: 337px;
        background: rgba(255, 255, 255, .05)
    }

    .conmpany_server_poicbox li .company_server_one_content .company_server_one_content_circle {
        display: block;
        position: absolute;
        left: 20px;
        bottom: 50px;
        color: white;
    }

    .conmpany_server_poicbox li .company_server_one_content .company_server_hover_btn {
        cursor: pointer;
        display: none;
        width: 185px;
        height: 40px;
        line-height: 40px;
        background: rgba(255, 255, 255, .1);
        font-size: 14px;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 10px;
        bottom: 15px
    }

    .conmpany_server_poicbox li .company_server_one_content .company_server_hover_btn:hover {
        background: #108bee
    }

    .conmpany_server_poicbox li div span {
        display: none
    }
    .conmpany_server_poicbox li:nth-child(1) {
        width: 35%;
        height: 500px;
        top: 0
    }

    .conmpany_server_poicbox li:nth-child(1) .company_server_hover_btn {
        display: block
    }

    .conmpany_server_poicbox li:nth-child(1) .company_server_one_content_circle {
        display: none
    }



    .conmpany_server_poicbox li:nth-child(1) .company_server_one_header {
        background: linear-gradient(to right, #00BFE6, #1166FD);
        height: 163px
    }

    .conmpany_server_poicbox li:nth-child(1) .company_server_one_content {
        height: 357px;
        background: rgba(255, 255, 255, .1);
        color: white;
    }

.conmpany_server_poicbox li .company_server_one_content .server_item{
    color: white;width: 100%;font-size: 15px;
}

    .conmpany_server_poicbox li:nth-child(1) .company_server_one_content ol {
        width: 100%;color: white;
    }

    .conmpany_server_poicbox li:nth-child(1) div span {
        display: block
    }

    .company_baozhuang .conmpany_server_poicbox li, .company_jiegou .conmpany_server_poicbox li, .company_waiguan .conmpany_server_poicbox li, .company_zhongchuang .conmpany_server_poicbox li {
        width: 20%;
        height: 460px
    }

    .company_baozhuang .conmpany_server_poicbox li:nth-child(1), .company_jiegou .conmpany_server_poicbox li:nth-child(1), .company_waiguan .conmpany_server_poicbox li:nth-child(1), .company_zhongchuang .conmpany_server_poicbox li:nth-child(1) {
        width: 30%;
        height: 600px
    }

