.sp-box{
    width:100%;
    border-top:5px solid #999;
    border-bottom:1px solid #d9d9d9;
    overflow:hidden;
}
.sp-box-left{
    width:27.2%;
    float:left;
}
.sp-ren{
    width:58.7%;
    margin:30% auto 0;
}
.sp-ren.r1{
    margin-top:50%;
}
.sp-ren img{
    width:100%;
}
.sp-name{
    width:58.7%;
    margin:5% auto 0;
    font-size:30px;
    text-align:center;
    color:#000;
}
.sp-js{
    width:58.7%;
    margin:5% auto 0;
    text-align:center;
    font-size:14px;
    color:#333333;
    line-height:1.8em;
}
.sp-box-right{
    width:72.8%;
    float:left;
    background:#f7f7f7;
    padding:4% 0;
}
.sp-c{
    width:88%;
    margin-left:6.3%;
}
.sp-title{
    width:100%;
    font-size:24px;
}
.sp-menu{
    width:100%;
    margin:2.5% auto 0;
    overflow:hidden;
}
.sp-menu li{
    width:100%;
    margin:2% auto 0;
    overflow:hidden;
}
.sp-menu li:first-child{
    margin-top:0;
}
.sp-arrow{
    width:1.5%;
    float:left;
    margin-right:1.5%;
    margin-top:1%;
}
.sp-menu-txt{
    width:97%;
    float:left;
    font-size:18px;
    color:#333333;
}
.sp-line{
    width:100%;
    height:1px;
    background-color:#d9d9d9;
    margin:3.5% auto;
}
.sp-xx{
    width:100%;
    overflow:hidden;
}
.sp-xx-c1{
    width:30%;
    float:left;
    font-size:16px;
    color:#333;
    line-height:1.6em;
}
.sp-xx-c1 img{
    float:left;
    margin-right:10px;
}
.sp-xx-c2{
    width:70%;
    float:left;
    font-size:16px;
    color:#333;
    line-height:1.6em;
}
.sp-xx-c2 img{
    float:left;
    margin-right:10px;
}
.sp-txt{
    width:100%;
    line-height:1.8em;
    font-size:14px;
    color:#4d4d4d;
}


@media(max-width:768px){
    .sp-box{
        width:93.3%;
        margin:5% auto 0;
    }
    .sp-box-left{
        width:100%;
        float:none;
        padding:5% 0;
        overflow:hidden;
    }
    .sp-ren{
        width:33.5%;
        float:left;
        margin-top:0;
        margin-left:11%;

    }
    .sp-xinxi{
        width:50.3%;
        float:left;
    }
    .sp-name,.sp-js{
        width:100%;
    }
    .sp-name{
        font-size:5.2vw;
    }
    .sp-js{
        font-size:3.2vw;
    }
    .sp-box-right{
        width:100%;
        float:none;
        padding:5% 0;
    }
    .sp-title{
        font-size:4.2vw;
    }
    .sp-menu-txt{
        font-size:3.6vw;
    }
    .sp-arrow{
        width:3%;
    }
    .sp-menu-txt{
        width:94%;
    }
    .sp-menu{
        margin-top:5%;
    }
    .sp-menu li{
        margin-top:4%;
    }
    .sp-xx-c1{
        width:55%;
        margin-left:3%;
        float:none;
        font-size:3.6vw;
    }
    .sp-line{
        margin:7% auto;
    }
    .sp-xx-c1 img{
        width:10%;
        margin-top: 1%;
    }
    .sp-xx-c2{
        width:85%;
        margin-left:3%;
        float:none;
        font-size:3.6vw;
         margin-top:5%;
    }
    .sp-xx-c2 img{
        width:6.5%;
       
    }
    .sp-txt{
        font-size:3vw;
    }
    .sp-ren.r1{
        margin-top:0;
    }
    .sp-title{
        font-size:4vw;
    }
}