@media (max-width: 700px){
    .banner .pp{
        display: none;
    }
}
/*pc*/
@media (min-width: 700px){
    .banner{
        position: relative;
    }
    .banner .pp{
        content: url(../img/pp_03.png);
        position: absolute;
        top: 10%;
        right: 5%;
        width: 18%;
    }
    /*start-contact*/
    .contact{
        width: 100%;
        margin-top: 80px;
    }
    .contact .left{
        width: 41%;
        float: left;
    }
    .contact .left ul li i{
        display: block;
        float: left;
        margin: 0.3% 3% 0 0;
    }
    .contact .left ul li:nth-child(1){
        font-size: 24px;
        color: #333333;

        font-family: "微软雅黑";
    }
    .contact .left ul li:nth-child(1) span{
        font-weight: 100;

    }
    .contact .left ul li:nth-child(2){
        width: 100%;
        margin-top: 58px;
        font-size: 14px;
        color: #333333;
    }
    .contact .left ul li:nth-child(2) span{
        font-size: 24px;
        font-family: "微软雅黑";
        font-weight: 700;
        color: #ff7f00;
    }
    .contact .left ul li:nth-child(3){
        width: 100%;
        font-size: 14px;
        color: #333333;
        margin-top: 22px;
    }
    .contact .left ul li:nth-child(4){
        width: 100%;
        font-size: 14px;
        color: #333333;
        margin-top: 22px;
    }
    .contact .left ul li:nth-child(5){
        width: 100%;
        font-size: 14px;
        color: #333333;
        margin-top: 22px;
    }
    .contact .left ul li:nth-child(6){
        width: 100%;
        font-size: 14px;
        color: #333333;
        margin-top: 22px;
    }





    .contact .left ul li:nth-child(2) i{
        content: url("../img/conntact_03.png");
        margin: 2% 3% 0 0;
    }
    .contact .left ul li:nth-child(3) i{
        content: url("../img/conntact_06.png");
    }
    .contact .left ul li:nth-child(4) i{
        content: url("../img/conntact_08.png");
    }
    .contact .left ul li:nth-child(5) i{
        content: url("../img/conntact_10.png");
    }
    .contact .left ul li:nth-child(6) i{
        content: url("../img/conntact_12.png");
    }
    .contact .right{
        width: 59%;
        float: right;
        height: 332px;
        background: red;
    }
    /*end-contact*/
}
/*wap*/
@media (max-width: 700px){
    /*wap-start*/
    .banner img{
        width: 100%;
    }
    /*end-wap*/

    /*start-contact*/
    .contact{
        width: 100%;
        margin-top: 9%;
    }
    .contact .left{
        width: 100%;
        float: left;
    }
    .contact .left ul li i{
        display: block;
        float: left;
        margin: 0.3% 3% 0 0;
    }
    .contact .left ul li:nth-child(1){
        font-size: 20px;
        color: #333333;

        font-family: "微软雅黑";
    }
    .contact .left ul li:nth-child(1) span{
        font-weight: 100;

    }
    .contact .left ul li:nth-child(2){
        width: 100%;
        margin-top: 4%;
        font-size: 12px;
        color: #333333;
    }
    .contact .left ul li:nth-child(2) span{
        font-size: 20px;
        font-family: "微软雅黑";
        font-weight: 700;
        color: #ff7f00;
    }
    .contact .left ul li:nth-child(3){
        width: 100%;
        font-size: 12px;
        color: #333333;
        margin-top: 4%;
    }
    .contact .left ul li:nth-child(4){
        width: 100%;
        font-size: 12px;
        color: #333333;
        margin-top: 4%;
    }
    .contact .left ul li:nth-child(5){
        width: 100%;
        font-size: 12px;
        color: #333333;
        margin-top: 4%;
    }
    .contact .left ul li:nth-child(6){
        width: 100%;
        font-size: 12px;
        color: #333333;
        margin-top: 4%;
    }





    .contact .left ul li:nth-child(2) i{
        content: url("../img/conntact_03.png");
        margin: 2% 3% 0 0;
    }
    .contact .left ul li:nth-child(3) i{
        content: url("../img/conntact_06.png");
    }
    .contact .left ul li:nth-child(4) i{
        content: url("../img/conntact_08.png");
    }
    .contact .left ul li:nth-child(5) i{
        content: url("../img/conntact_10.png");
    }
    .contact .left ul li:nth-child(6) i{
        content: url("../img/conntact_12.png");
    }
    .contact .right{
        width: 100%;
        float: right;
        height: 332px;
        background: red;
        margin-top: 4%;
    }
    /*end-contact*/
}