a {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    color: #999;
    cursor: pointer
}

a:active, a:focus {
    outline: none
}

a, div {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.pservers {
    width: 1024px;
    margin: 0 auto;
    margin-bottom: 20px;
    min-width: 1024px
}

@media only all and (max-width: 1024px) {
    .pservers {
        width: 100%;
        min-width: 0
    }
}

.pservers .nextserver {
    clear: both;
    margin-bottom: 40px;
    *margin-bottom: 15px
}

@media only all and (max-width: 1024px) {
    .pservers .nextserver {
        display: none
    }
}

.pservers .nextserver .t4 {
    font-size: 20px;
    color: #333;
    padding-bottom: 15px
}

.pservers .nextserver .nstxt {
    font-size: 16px;
    color: #595959;
    line-height: 24px;
    padding-bottom: 20px
}

.pservers .nextserver .nswb {
    background: url(../images/next_pservers.png) no-repeat;
    width: 70px;
    height: 66px;
    display: inline-block
}

@media only all and (max-width: 1024px) {
    .pageContent .pTitle4 img {
        width: 32%
    }
}

.ps_list {
    height: 340px;
    margin-bottom: 30px;
    padding-left: 80px;
    border-bottom: 1px dashed #b0b0b0
}

@media only all and (max-width: 1024px) {
    .ps_list {
        width: 770px;
        height: 410px;
        margin: 0 auto;
        padding-left: 90px;
        border-bottom: none
    }
}

@media only all and (max-width: 870px) {
    .ps_list {
        padding-left: 85px !important
    }
}

@media only all and (max-width: 768px) {
    .ps_list {
        width: 660px !important;
        height: 440px
    }
}

@media only all and (max-width: 640px) {
    .ps_list {
        width: 550px !important;
        padding-left: 40px !important
    }
}

@media only all and (max-width: 560px) {
    .ps_list {
        width: 450px !important;
        margin-left: 52px !important;
        padding-left: 0px !important
    }
}

@media only all and (max-width: 480px) {
    .ps_list {
        display: none
    }
}

.ps_list li {
    float: left;
    width: 190px;
    padding-left: 0px;
    margin-bottom: 50px;
    height: 290px;
    border-right: 1px dashed #b0b0b0;
    padding-right: 70px;
    margin-left: 70px
}

@media only all and (max-width: 1024px) {
    .ps_list li {
        width: 190px;
        height: 240px;
        padding-right: 20px;
        margin-left: 30px;
        border-right: none
    }
}

@media only all and (max-width: 768px) {
    .ps_list li {
        width: 170px;
        height: 150px;
        margin-left: 0px
    }
}

@media only all and (max-width: 640px) {
    .ps_list li {
        width: 140px;
        height: 150px;
        margin-left: 10px;
        border-right: none;
        padding-right: 4%
    }
}

@media only all and (max-width: 560px) {
    .ps_list li {
        padding-right: 0
    }
}

.ps_list li .morebtn {
    background-color: #C2C2C2;
    width: 98px;
    height: 10px;
    padding: 7px 0 12px 0px;
    _padding-bottom: 5px;
    display: block;
    border-radius: 4px;
    margin: 0 auto;
    color: #fff
}

@media only all and (max-width: 1024px) {
    .ps_list li .morebtn {
        display: none
    }
}

.ps_list li .morebtn:hover {
    background-color: #585858
}

.ps_list li .ps_bline {
    padding-bottom: 1px;
    border-bottom: 1px #E83828 solid;
    width: 102px;
    height: 1px;
    display: block;
    margin: 0 auto;
    margin-bottom: 13px;
    position: relative;
    _margin-top: -46px
}

@media only all and (max-width: 1024px) {
    .ps_list li .ps_bline {
        border-bottom: none
    }
}

.ps_list span {
    -moz-transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.ps_list span:hover {
    -moz-transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear
}

.ps_list span {
    color: #454545;
    width: 100%;
    font-size: 17px
}

.ps_list a:hover {
    color: #E83828;
    border-bottom: 1px solid #fff
}

.ps_list a span:hover {
    color: #E83828
}

.ps_list .pstxt {
    line-height: 20px;
    margin-bottom: 10px
}

.ps_list .pstxt a {
    color: #454545;
    font-size: 13px;
    _line-height: 20px
}

.ps_list .pstxt a:hover {
    color: #E83828
}

.ps_list .pstxt span {
    border: 0px;
    display: inline-block;
    text-align: center
}

@media only all and (max-width: 1024px) {
    .ps_list .pstxt {
        display: none
    }
}

@media only all and (max-width: 1024px) {
    .ps_list .pstxt a {
        font-size: 12px
    }
}

.ps_list .ps_l1, .ps_list .ps_l2, .ps_list .ps_l3, .ps_list .ps_l4, .ps_list .ps_l5, .ps_list .ps_l6 {
    background: url(../images/pageserver_list.png) no-repeat;
    _background: url(../images/pageserver_list.gif) no-repeat;
    width: 190px;
    margin: 0 0px 26px 0px;
    _margin-bottom: 0px;
    padding-top: 100px;
    height: 20px;
    display: block;
    line-height: 70px;
    cursor: pointer
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l1, .ps_list .ps_l2, .ps_list .ps_l3, .ps_list .ps_l4, .ps_list .ps_l5, .ps_list .ps_l6 {
        width: 155px
    }
}

.ps_list .ps_l1 {
    background-position: 0 0
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l1 {
        background-position: -20px 0
    }
}

.ps_list .ps_l1:hover {
    background-position: 0 -120px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l1:hover {
        background-position: -20px -120px
    }
}

.ps_list .ps_l2 {
    background-position: -190px 0
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l2 {
        background-position: -210px 0
    }
}

.ps_list .ps_l2:hover {
    background-position: -190px -120px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l2:hover {
        background-position: -210px -120px
    }
}

.ps_list .ps_l3 {
    background-position: -380px 0px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l3 {
        background-position: -400px 0px
    }
}

.ps_list .ps_l3:hover {
    background-position: -380px -120px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l3:hover {
        background-position: -400px -120px
    }
}

.ps_list .ps_l4 {
    background-position: -190px -240px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l4 {
        background-position: -210px -240px
    }
}

.ps_list .ps_l4:hover {
    background-position: -190px -360px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l4:hover {
        background-position: -210px -360px
    }
}

.ps_list .ps_l5 {
    background-position: 0 -240px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l5 {
        background-position: -20px -240px
    }
}

.ps_list .ps_l5:hover {
    background-position: 0 -360px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l5:hover {
        background-position: -20px -360px
    }
}

.ps_list .ps_l6 {
    background-position: -380px -240px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l6 {
        background-position: -400px -240px
    }
}

.ps_list .ps_l6:hover {
    background-position: -380px -360px
}

@media only all and (max-width: 640px) {
    .ps_list .ps_l6:hover {
        background-position: -400px -360px
    }
}

@media only all and (max-width: 1024px) {
    .ps_list li {
        height: 140px
    }
}

.ps_list_2 {
    overflow: hidden;
    *zoom: 1;
    margin: 50px auto;
    width: 300px;
    display: none
}

@media only all and (max-width: 480px) {
    .ps_list_2 {
        display: block
    }
}

@media only all and (max-width: 320px) {
    .ps_list_2 {
        padding-left: 20px
    }
}

.ps_list_2 li {
    width: 83px;
    float: left;
    margin-left: 15px;
    margin-bottom: 20px;
    text-align: center
}

.ps_list_2 li a {
    color: #333;
    cursor: pointer
}

@media only all and (max-width: 320px) {
    .ps_list_2 li {
        margin-left: 10px
    }
}

@media only all and (max-width: 640px) {
    .ps_list_2 img {
        width: 65%
    }
}

@media only all and (max-width: 320px) {
    .ps_list_2 img {
        width: 80%
    }
}

.ps_list_2 p {
    text-align: center;
    padding-top: 5px
}

.mproce {
    width: 100%;
    height: 750px;
    margin: 0 auto;
    display: block;
    background: url(../images/workslogon_bg.png) no-repeat center center;
    min-width: 1024px
}

@media only all and (max-width: 1024px) {
    .mproce {
        min-width: 0
    }
}

@media only all and (max-width: 640px) {
    .mproce {
        display: none
    }
}

.mproce .workslogon {
    margin: 0 auto;
    width: 770px;
    padding-left: 200px;
    *padding-left: 40px;
    padding-top: 50px
}

@media only all and (max-width: 1024px) {
    .mproce .workslogon {
        width: 600px;
        padding-left: 0
    }
}

.mproce .workslogon .wscon {
    width: 575px;
    height: 212px;
    background: url(../images/workslogon.png) no-repeat;
    position: absolute;
    z-index: 20
}

@media only all and (max-width: 1024px) {
    .mproce .workslogon .wscon {
        background-size: 94%;
        margin-left: 50px
    }
}

@media only all and (max-width: 768px) {
    .mproce .workslogon .wscon {
        background-size: 90%;
        margin-left: 40px
    }
}

.mproce .workslogon .wstxtbg {
    width: 575px;
    height: 212px;
    background: url(../images/workssologn_txt1.png) no-repeat;
    display: block;
    position: relative;
    z-index: 10
}

@media only all and (max-width: 1024px) {
    .mproce .workslogon .wstxtbg {
        width: 550px;
        background-size: 94%;
        margin-left: 50px
    }
}

@media only all and (max-width: 768px) {
    .mproce .workslogon .wstxtbg {
        background-size: 90%;
        margin-left: 40px
    }
}

.mproce .workslogon .wstitle1 {
    width: 575px;
    font-size: 48px;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 25px;
    padding-left: 20px
}

@media only all and (max-width: 1024px) {
    .mproce .workslogon .wstitle1 {
        font-size: 42px;
        padding-top: 18px
    }
}

.mproce .workslogon .wstxt {
    width: 575px;
    color: #fff;
    font-size: 15px;
    line-height: 20px
}

.promanage {
    width: 100%;
    height: 495px;
    margin: 0 auto;
    display: block;
    background: url(../images/project_slobg.jpg) no-repeat center center;
    min-width: 1024px
}

@media only all and (max-width: 1024px) {
    .promanage {
        display: none
    }
}

.promanage .workpmcon {
    width: 1024px;
    margin: 0 auto;
    padding-top: 50px
}

.promanage .wspmtitle {
    font-size: 30px;
    color: #fff
}

.promanage .wspmtab {
    width: 248px;
    padding: 16px 0 30px 0px;
    padding-bottom: 30px;
    margin: 0 auto
}

.sprotab {
    width: 1024px;
    margin: 0 auto
}

.sprotab dd {
    width: 1024px
}

.sprotab dt {
    width: 1024px;
    text-align: center
}

.sprotab dt span {
    border: 1px solid #E83828;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    line-height: 27px;
    height: 28px;
    text-align: center;
    text-decoration: none;
    width: 120px
}

.sprotab dt .on, .slideBox dt .on {
    background-color: #E83828
}

.sprotab dt .active, .slideBox dt .active {
    background-color: #ffffcc
}

.sprotab dt .on, .sprotab span:hover {
    color: #fff;
    border: 1px solid #E83828
}

.pmrule {
    width: 100%;
    height: 784px;
    margin: 0 auto;
    display: block;
    min-width: 1024px
}

@media only all and (max-width: 1024px) {
    .pmrule {
        min-width: 0
    }
}

@media only all and (max-width: 640px) {
    .pmrule {
        display: none
    }
}

.pmrule .prtitle, .pmrule .prtitle2 {
    font-size: 48px;
    color: #454545;
    padding-top: 90px;
    padding-bottom: 40px
}

@media only all and (max-width: 1024px) {
    .pmrule .prtitle, .pmrule .prtitle2 {
        font-size: 45px
    }
}

.pmrule .prtitle2 {
    padding-top: 40px
}

.pmrule .prtxt {
    width: 80%;
    margin: 0 auto;
    margin-top: 25px;
    font-size: 14px;
    line-height: 24px;
    color: #454545
}

@media only all and (max-width: 768px) {
    .pmrule .prtxt {
        width: 80%;
        margin: 0 auto;
        margin-top: 25px
    }
}

@media only all and (max-width: 768px) {
    .pmrule img {
        width: 100%
    }
}

.service-item-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto
}

@media only all and (max-width: 640px) {
    .service-item-icon {
        height: 50px;
        background-size: 65%
    }
}

@media only all and (max-width: 320px) {
    .service-item-icon {
        width: auto
    }
}

.service-item-name {
    color: #585858;
    font-size: 17px;
    margin-top: 8px
}

@media only all and (max-width: 640px) {
    .service-item-name {
        margin-top: 5px
    }
}

.mln a:hover .service-item-name {
    color: #e83828
}

.icon-computer {
    background-image: url('../images/computer.png?1484408217');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.icon-computer:hover {
    background-image: url(../images/icon-computer.gif)
}

@media only all and (max-width: 1024px) {
    .icon-computer {
        background-image: url('../images/computer.png?1484408217');
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer
    }

    .icon-computer:hover {
        background-image: url('../images/computer.png?1484408217')
    }
}

.icon-click {
    background-image: url('../images/click.png?1484408217');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.icon-click:hover {
    background-image: url(../images/icon-click.gif)
}

@media only all and (max-width: 1024px) {
    .icon-click {
        background-image: url('../images/click.png?1484408217');
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer
    }

    .icon-click:hover {
        background-image: url('../images/click.png?1484408217')
    }
}

.icon-phone {
    background-image: url('../images/phone.png?1484408217');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.icon-phone:hover {
    background-image: url(../images/icon-phone.gif)
}

@media only all and (max-width: 1024px) {
    .icon-phone {
        background-image: url('../images/phone.png?1484408217');
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer
    }

    .icon-phone:hover {
        background-image: url('../images/phone.png?1484408217')
    }
}

.icon-cart {
    background-image: url('../images/cart.png?1484408217');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.icon-cart:hover {
    background-image: url(../images/icon-cart.gif)
}

@media only all and (max-width: 1024px) {
    .icon-cart {
        background-image: url('../images/cart.png?1484408217');
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer
    }

    .icon-cart:hover {
        background-image: url('../images/cart.png?1484408217')
    }
}

.icon-gear {
    background-image: url('../images/gear.png?1484408217');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.icon-gear:hover {
    background-image: url(../images/icon-gear.gif)
}

@media only all and (max-width: 1024px) {
    .icon-gear {
        background-image: url('../images/gear.png?1484408217');
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer
    }

    .icon-gear:hover {
        background-image: url('../images/gear.png?1484408217')
    }
}

.icon-terminal {
    background-image: url('../images/terminal.png?1484408217');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.icon-terminal:hover {
    background-image: url(../images/icon-terminal.gif)
}

@media only all and (max-width: 1024px) {
    .icon-terminal {
        background-image: url('../images/terminal.png?1484408217');
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer
    }

    .icon-terminal:hover {
        background-image: url('../images/terminal.png?1484408217')
    }
}