#pbanner {
    width: 100%;
    overflow: hidden
}

.pbanner {
    width: 100%;
    overflow: hidden
}

.pbanner img {
    width: 140%;
    margin-left: -20%
}

#hBanner {
    width: 100%;
    overflow: hidden;
    margin-top: 60px
}

.hBanner {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    overflow: hidden
}

.hBanner img {
    width: 140%;
    margin-left: -20%
}

@media(min-width:640px) {
    .hBanner img {
        width: 100%;
        margin-left: 0
    }
}

#pcontent {
    margin-top: 40px;
    width: 100%;
    overflow: hidden
}

.proNav {
    width: 90%;
    overflow: hidden;
    margin-left: 5%
}

.proNav li {
    float: left;
    width: 48%;
    line-height: 30px;
    font-size: 14px;
    background: #dedede;
    margin-bottom: 10px;
    margin-right: 4%;
    padding: 0 5px;
    text-align: center
}

.proNav li.colorPage {
    color: #e20000
}

.proNav li:nth-child(even) {
    margin-right: 0
}

.proNav li:hover {
    color: #e20000
}

.pC1 {
    width: 90%;
    overflow: hidden;
    margin-left: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #cdcdcd
}

.pC1 div {
    float: left
}

.linkour {
    display: none
}

.cpPic {
    width: 45%;
    margin-right: 5%
}

.cpPic img {
    width: 100%
}

.excellent {
    width: 50%
}

.excellent p {
    line-height: 30px
}

.colorCenter {
    color: #e20000;
    margin-top: 10px;
    font-size: 14px
}

.pcontent {
    margin-bottom: 50px
}

@media(min-width:540px) {
    .colorCenter {
        font-size: 16px;
        margin-top: 30px
    }
    .excellent p {
        line-height: 40px;
        font-size: 14px
    }
}

@media(min-width:640px) {
    .proNav {
        width: 80%;
        margin-left: 10%
    }
    .proNav li {
        font-size: 16px;
        line-height: 40px;
        width: 45%;
        margin-right: 10%
    }
    .proNav li:nth-child(even) {
        margin-right: 0
    }
    .pC1 {
        width: 80%;
        margin-left: 10%
    }
    .excellent .colorCenter {
        font-size: 16px;
        margin-top: 30px
    }
    .excellent p {
        line-height: 40px;
        font-size: 14px
    }
}

@media(min-width:768px) {
    .pbanner img {
        width: 100%;
        margin-left: 0
    }
    .pcontent {
        margin-bottom: 50px
    }
    .proNav {
        border-top: 2px solid #3b3736;
        width: 90%;
        margin-left: 5%;
        height: 40px;
        line-height: 40px;
        background: #ededed
    }
    .proNav li {
        background: 0;
        width: 160px;
        padding: 0 5px;
        margin-right: 10px
    }
    .colorPage {
        color: #e20000
    }
    .pcontent {
        width: 90%;
        margin-left: 5%
    }
    .pC1 {
        width: 100%;
        margin: 0
    }
    .linkour {
        display: block
    }
    .cpPic {
        width: 35%
    }
    .excellent {
        width: 35%
    }
    .linkour {
        width: 25%;
        overflow: hidden;
        margin-top: 80px
    }
    .linkour .linkour1, .linkour .linkour2 {
        background: url(../images/linkbg.jpg);
        background-size: 100% 100%;
        padding: 5px 8px;
        font-size: 14px
    }
    .linkour .linkour2 {
        margin-left: 10px
    }
    .linkour .linkour1:hover, .linkour .linkour2:hover {
        color: #e20000
    }
    .excellent .colorCenter {
        margin-top: 40px
    }
}

@media(min-width:960px) {
    .excellent .colorCenter {
        margin-top: 55px
    }
    .linkour {
        margin-top: 90px
    }
}

@media(min-width:1080px) {
    .cpPic {
        margin-left: 5%;
        width: 30%
    }
    .excellent {
        width: 30%;
        margin-left: 5%
    }
    .excellent .colorCenter {
        margin-top: 70px
    }
    .linkour {
        margin-top: 110px
    }
}

@media(min-width:1280px) {
    .proNav, .pcontent {
        width: 90%;
        max-width: 1200px; 
        margin: 0 auto 50px ;
    }
}

.hBox {
    width: 80%;
    border: 1px solid #888;
    margin: 0 auto;
    padding: 15px 0
}

.hBox i {
    line-height: 1.8;
    display: block;
    text-align: center;
    font-size: 16px
}

.hBox p {
    line-height: 1.8;
    text-align: center;
    font-size: 20px
}

.hBox strong {
    line-height: 1.8;
    display: block;
    text-align: center;
    font-size: 16px
}

@media(min-width:540px) {
    .hBox {
        width: 400px;
        margin: 0 auto
    }
}

@media(min-width:960px) {
    .hBox {
        margin: 50px auto 0;
        padding-top: 20px
    }
    .hBox i {
        font-size: 18px;
        letter-spacing: 2px
    }
    .hBox p {
        font-size: 22px;
        letter-spacing: 2px
    }
    .pCtop {
        margin-top: 70px;
        border-top: 1px dashed #cdcdcd
    }
}