.center{ 
    width: 720px;
    margin:0 auto;
    text-align:center; 
}

h1{
    position:relative;
    text-align: left;
    left:10px;
   }

.pic{
    width:630px;
    height:480px;
}

.b1{
    position:relative;
    text-align: left;
    top:-25px;
    left:10px;
    font-size: 16px;
    font-family:游明朝体;
}

h2{
 position: relative;
 text-align: left;
 left:10px;
}

.b2{
    position:relative;
    top:-5px;
    left: 30px;
    font-size: 16px;
    font-family:游明朝体;
    text-align: left;
}

.b3{
    position:relative;
    top:30px;
    font-size: 20px;
    font-family:游明朝体;
}

.p1{
    position:relative;
    top: -20px;
    left: 7px;
}

@media screen and (max-width: 500px){
    .center{ 
        width: 350px;
        margin:0 auto;
        text-align:center; 
    }

    h1{
        left:0px;
        font-size: 28px;
       }
    
    .pic{
        width:300px;
        height:250px;
        position:relative;
        left:-5px;
    }
    
    .b1{
        top:-25px;
        left:5px;
        font-size: 16px;
    }
    
    h2{
     left:0px;
    }
    
    .b2{
        top:-5px;
        left: 5px;
        font-size: 16px;
    }
    
    .b3{
        top:10px;
        font-size: 18px;
    }
    
    .p1{
        position:relative;
        top: -20px;
        left: 7px;
    }
    



}