@media (max-width:460px){
    #content-wrap{width: 100%; height: 100%; margin: 50px auto;}
    .title{width: 100%; height: 100px;  line-height: 100px; border-bottom: 0.5px solid #ccc;}
    .title span{font-size: 40px;}

    #main1{width: 100%; height: 6000px;}
    .tab{width: 400px; margin-top: 5%; }
    .tabTitle { padding-top:10px; font-size:0; }
    .tabTitle a{ display:inline-block; padding:5px; color:#000;font-size:25px; }
    .tabTitle a.on { background:lightblue; color:#fff }
    .tabContent {width: 400px; border-top:1px solid #ccc; }
    #tab1{height: 5000px;}
    #tab1 div{text-align: center;}
    #tab2{height: 5000px; display: none;}
    #tab2 div{text-align: center;}
    #tab3{height: 5000px; display: none;}
    #tab3 div{text-align: center;}
    .imgbox{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .imgbox img{width: 300px; height: auto; margin: 30px;}

    #main2{width: 100%; height: 500px;}
    #main2 img{width: 400px; height: auto; margin-top: 30px;}

    #main3{width: 100%; height: 500px;}
    #main3 img{width: 400px; height: auto; margin-top: 30px;}
}