.web_left
        {
            width:200px;
            float:left;
        }
        .web_left li
        {
            line-height:35px;
            text-align:center;
            border-bottom:1px solid #ddd;
            font-size:14px;
        }
        .web_right
        {
            width:930px;
            float:right;
            padding:10px 20px;
        }
        .web_right p,.web_right h4
        {
            margin:0 auto;
            padding:0;
        }
        .web_right p
        {
            margin-bottom:10px;
        }
#dituContent
{
    width:928px;height:550px;border:#ccc solid 1px;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}
        
@media screen and (max-width: 700px) 
{
    .web_left
    {
       float:none;
       display:none;
    }
    .web_right
    {
       width:99%;
       margin:0 auto;
       float:none;
       padding:0px;
       padding-top:10px;
       padding-bottom:10px;
    }
    #dituContent
    {
        width:99%;height:200px;
    }
}