@media screen and (max-width: 750px){
    header{
        font-size: 1.1rem;
        padding: 0 1rem;
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 5rem !important;
    }
    header img{
        height: 3rem !important;
        margin-right: 6px;
        margin-left: 0;
    }
    header span{
        flex-direction: column;
        align-items: center;
        margin-left: 0px;
        display: block;
        top:1.4rem !important;
        right: 1.5rem;
        left: initial !important;

    }
    header span.moo{
        top: 4em !important;
        right: 1.4rem;
        flex-direction: row;
        font-size:.8rem;
        left: initial;align-items: center;
        position: absolute;
        display: flex;
    }
    header span.moo img{
        height: 1rem !important;
    }
    header span.moo img:nth-child(2){
        margin-left: 0.8rem !important;
    }
    header span em{
      font-size:.84rem;
      letter-spacing: 0rem;
      margin-left: 0rem;
      padding-top: 0;
    }
    .leftmenu{
        width:8rem;
        position: fixed;
        top:6rem;
        background: none;
    }
    .leftmenu::before{
        content: ' 目录 ';
        text-align: center;
        letter-spacing: 0;
        line-height: 3rem;
        font-size:0.9rem;
        width: 3rem;
        height: 3rem;
        background:rgb(25 25 25 / 85%);
        border-radius: 50rem;
        position: absolute;
        z-index: 10000;
        top: 0rem;
        left: 0rem;
    }
    .leftmenu > ul {
        display: none !important;
    }
    .leftmenu > ul.highlight{
        display: block !important;
    }

    #menu ul li a ~ .H-tw{
          display: none;
    }
    #menu ul  {
     flex-direction: column; padding:  1rem;background:rgb(25 25 25 / 85%); margin-top:3.6rem; 
    }
    #menu ul li a{
        font-size:.8rem; padding:.6rem .2rem; text-align: left;
    }
    #menu ul li a.cur{
        font-size: 1rem;
    }
    #menu ul li a.cur::before{
        left: 40%;
    }
    .Banner{
        height: 14rem;
    }
    .rightbox{
        left: 0;
        width: 100%;
        padding-top: 10px;
        margin: 0;
    }
    #content>div{
        width: 100%; padding: 0;
    }
    .item h1{
        font-size: 1rem; margin-left: 1rem!important;
        width: 70%;    margin-bottom: 0.0rem;
    }
    .item h1::before{
        top: 16px;
        height: 2.4rem;
    }
    .item h1::after{
        top: 21px;
    }
    .box{
        font-size: 1.1rem;
        padding: 1rem;
        line-height: 1.8rem;
    }
    .box p{
        width: 100%;
        background:#f3f7fc;
        border-radius: 0 20px 0 20px;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 1rem;
        text-indent: 2em;
    }
    .xin{
        flex-direction: column;    margin-top: -2rem;
    }
    .xin span{
        width: 100%;    font-size:1.3rem;
    }
    .xin span picture{
        width: 12rem;
        height: 11rem;
    }
    .xin span picture img{
        height: 11rem;
    }
    .xin span picture::before{
        background: linear-gradient(180deg, #0a84f8 20%,#fff 60%);
    }
    .xin span:nth-child(2) picture::before{

        bottom: -2rem;
    }
    .treea{
        padding-left: 10px;flex-direction: column;align-items: flex-start;
    }
    .treea em{
        font-size:.8rem;line-height: 40px;margin-bottom: 10px;
    }
    #item1 div.aobtou{
        background-position:-1250px 0;
        object-fit:contain;
    }
    .hexin{
        margin-top: 0px; 
    }
    .fore{
        height: 48rem;padding-bottom: 1rem;
    }
    .fore b{
        font-size: 1.4rem;    padding:.4rem;    margin-top: 1rem;
    }
    .fore span{
        font-size: .8rem;
    }
    .fore span samp h6{
        font-size: 1.3rem;padding-bottom: .6rem;
    }
    .fore span:nth-child(3),.fore span:nth-child(5){
        left: .3rem;
        top:0rem;
        margin-left: .2rem;
        display: flex;
        flex-direction: row-reverse;
    }
    .fore span:nth-child(3) img,.fore span:nth-child(5) img{
        margin-right: 1.2rem;
    }
    .fore span:nth-child(3) samp,.fore span:nth-child(5) samp{
        left: 0;
    }
    .fore span:nth-child(4) {
        left: 0rem;
    }
    .fore span:nth-child(5) {
        top: 0rem;
    }
    .one{
        padding: 0;
    }
    .one span{
        padding-bottom: 40px;
        padding: 1rem 2rem 1rem 2rem;
        font-size: 1.2rem;
        line-height:2.2rem;
        width: calc(100% - 4rem);
    }
    .one span::before{
        display: none;
    }
    .one dl{
        width: calc(100% - 1rem);
        padding: 1rem;
    }
    .one dl dt{
        display: flex;font-size: 1.2rem;margin-bottom: 1.4rem;
    }
    .one dl dd li{
        padding: 0rem;
        flex: 1 0 25%;
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    .one dl dd li picture{
        width: 6rem;
        height: 6rem;
        margin-bottom:0.6rem;
    }
    .one img{
        height:12rem;margin-bottom: rem;
    }
    .haha img{
        height: 6rem;
    }
    .main-page{
        padding:0px 0; 
    }
    .main-page .nav{
        font-size: 1rem; padding: .6rem; width: calc(100% - 1.2rem);display: none;
    }
    .main-page .nav div{
        line-height:20px;  width:calc(25% - .8rem);overflow: hidden;height:3rem;    padding:.4rem;
        border-radius: .4rem;display: flex;align-items:center; font-size:.8rem;justify-content: center;
    }
    .main-page .content .con-ggh ul{
        justify-content: center;
    }
    .main-page .content .con-ggh li{
        padding: .8rem;width: calc(100% - (1rem + 2px - .1rem));
       
    }
    .main-page .content .con-ggh li h4{
        font-size:1.3rem;
        padding-left:.2rem;
        font-weight:400;
    }
    .main-page .content .con-ggh li picture{
        height: 10rem;
        margin-right:1rem;
        flex: 1;
    }
    .main-page .content .con-ggh li:nth-child(2n+2) span{
        flex-direction: row-reverse;
    }
    .main-page .content .con-ggh li:nth-child(2n+2) span samp{
        flex: 1;
    }
    .main-page .content .con-ggh li span p{
        font-size: .8rem; padding: .2rem;
    }
    .main-page .content .con-ggh li.last {
        flex-grow: 1;
    }
    .main-page .content .con-ggh li.last samp:first-child{
        width:calc(100% - 2rem);margin-right:0rem;font-size: 1rem;line-height:1.6rem; background: rgb(36 49 68);
        padding: 1rem;border-radius:1rem;

    }
    .main-page .content .con-ggh li.last samp:first-child b{
        font-size: 1rem; margin-bottom: 1rem;
    }
.main-page .content .con-ggh li.last picture,.main-page .content .con-ggh li:hover.last picture{
        margin:2rem auto;
    }
    .main-page .content .con-ggh li.last picture{
        width:10rem; height:10rem;
        flex: none;    
    }
    .main-page .content .con-ggh li.last span{
        flex-direction: column;
    }
    .insetCase{
        justify-content: center;margin-top:1.6rem;
    }
    .insetCase li{
        width: auto; padding: 0 1rem;
    }
    .haha span:nth-child(2){
        width:50%;
    }
    .haha em{
        font-size: 1rem; margin-bottom: 1rem;
    }
    .haha span:first-child{
        width: calc(100% - 10px);
    }
    .insetCase li span{
        padding-top: 0.5rem;
        padding-left: 0;
    }
    .insetCase li picture{
        height:6rem;
    }
    .insetCase li span b{
        font-size: 1.4rem;
    }
    .insetCase li span h5 em{
        font-size: 0.9rem;
        line-height: 1rem;
    }
    .h-more{
        padding-top: 1rem;
    }
    .h-more a{
        font-size: 0.8rem;
    }
    .item ~ div{
        margin-top: 0rem !important;
    }
    .maink{
        font-size: 0.8rem !important;
    }
    .Lipic ul li picture{
        width: 110px;
        height: 78px;
    }
    .Lipic ul li dl dt{
        font-size:0.9rem;
        flex-direction: column;
    }
    .Lipic ul li dl dt time{
        font-size: 0.8rem;
        margin-top: 0.4rem;
    }
    .Lipic ul li dl dd{
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    .pat{
        margin-top: 0 !important;
        display: flex !important;
        box-sizing: border-box;
        gap: initial !important; padding: 0 !important;
    }
    .pat span{
        flex: 1;
    }
    .pat span img{
        height: 2rem !important;
       
    }
    .leftmenu2{
        left: 1rem;display:none;
    }
    .leftmenu2 b{
        padding: .8rem 0.8rem;
        font-size: 1.1rem;
    }
    .leftmenu2 ul li a{
        font-size: 0.8rem;
    }
    .leftmenu2 ul li a.cur{
        font-size: 1rem;
    }
    .leftmenu2 ul li a ~ ol em{
        font-size: 0.8rem;
    }
    .detal{
        text-align: center;
    }
    .detal h2{
        font-size: 1.2rem !important;    padding:2rem !important;
    }
    .detal h2 time{
        font-size: 1rem !important;
    }
    .detal img{
        width: 100%; margin: 1rem 0 !important;
    }
    .detal p{
        font-size: 0.8rem !important;
    }
    .page-bot-ri{
        margin: 1rem 0 !important;    justify-content:center;
    }
    .page-bot-ri em{
        font-size: 0.8rem !important;
    }
    div#item5{
        margin-top: 1rem !important; padding-bottom: 1rem !important;
    }
    div#item5 h1 ~ div{
        margin-top: 1rem !important;font-size: 1.1rem;
        line-height: 2rem;
    }
    div#item5 h2{
        font-size: 1.3rem;
    }
    div#item5 h2 img{
        height:4rem !important;
    }
    div#item6{
       margin-top: 0;
    }
    div#item6  .com{
        font-size: 1.1rem;    gap: 0rem 4rem;
    }
    div#item6 h2{
        font-size: 1.2rem;
    }
    footer{
        padding: 0 1rem !important;
        box-sizing: border-box;
    }
    footer span,footer a{
       font-size:0.8rem !important;
       height: auto;line-height:1.4rem;
    }
    footer span img,footer a img{
        height: 1.4rem !important;
    }
}