@media screen and (max-width: 768px) {


    html, body {
        width: 100%;
        height: 100%;
		margin:0;
padding:0;

    }


    .box {
		 width: 100%;
        height: 100%;
		
                display: -moz-box;
                display:-webkit-flex; 
                display: -ms-flexbox;
                 
                -moz-box-orient: vertical;
                -webkit-flex-direction:column;
                -ms-flex-direction:column;
    }

    header {
        width: 100%;
       min-height:20%
    }
	
	header img{
		display:block;
		
	}

    .publicImg {
        width: 100%;
        height: auto;
    }
  .floatimgdiv img{

	  
	  
  }
  
    section {
        width: 100%;
                   -moz-box-flex: 1;
                -webkit-flex:1;
                -ms-flex:1;
        display: flex;
        flex-direction: column;
        background: #fff;
        align-items: center;
		margin-top:-1px;
    }

    .sectionCenter {
        width: 95%;
        margin: 0 auto;
        height: 80%;

    }

    .wrapBtn {
		overflow:scroll;
 	    width: 100%;
        height: 100%;
        display: flex;
    flex-wrap: wrap;
    justify-content: center;

    }
 
    .wrapBtn>a {
        width: 33%;
        line-height: 4rem;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        font-size: 1.5rem;
		color: #000000;
    }

	.wrapBtn>a>p{
		font-size:1.2rem;
		line-height:0rem;
		text-align:center;
		margin-top:1.2rem;	
	}
    
    .index-icon {
        width: 58%;
        -webkit-background-size: contain;
        background-size: contain;
    }
    
    .bomBtn {
        width: 100%;
        height: 10%;
        border-radius: 5px;
        background-color: #0050FF;
    }

    .bomBtn-item {
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 1.5rem;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
		/*底部版权
html { position: relative; min-height: 100%; }
body { margin-bottom: 70px; }*/
.footer {font-family: 'Microsoft Yahei', '微软雅黑', 'Arial Narrow', '宋体'; font-size: 12px;line-height: 20px; position: absolute; left:0;bottom: 0; width: 100%; padding: 5px 0; text-align: center; color: #999; background: rgb(85 85 85 / 75%);; }
.footer a { color: #ddd; }
.container { width: auto !important; margin-right: auto; margin-left: auto; padding-right: 6px; padding-left: 6px; }

}
@media screen and (min-width: 768px){

  

    html, body {
        width: 100%;
        height: 100%;
		margin:0;
padding:0;
    }


    .box {
		 width: 768px;
		 		margin:0 auto;
        height: 100%;

    }

    header {
        width: 100%;
       min-height:20%
    }
	
	header img{
		display:block;
		
	}

    .publicImg {
        width: 100%;
        height: auto;
    }

    section {
        width: 100%;
                   -moz-box-flex: 1;
                -webkit-flex:1;
                -ms-flex:1;
        display: flex;
        flex-direction: column;
        background: #fff;
        align-items: center;
		margin-top:-2px;
    }

    .sectionCenter {
        width: 90%;
        margin: 0 auto;
        height: 90%;

    }

    .wrapBtn {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }

    .wrapBtn>a {
        width: 26%;
        height: 28%;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #444;
        border-radius: 5px;
        font-size: 1.5rem;
    }
	.wrapBtn>a>p{
		font-size:1.3rem;
		line-height:4rem;
		text-align:center;
		margin-top:0.5rem;	
	}

    .index-icon {
        width: 70%;
        -webkit-background-size: contain;
        background-size: contain;: ;
    }

    .bomBtn {
        width: 100%;
        height: 10%;
        border-radius: 5px;
        background-color: #0050FF;
    }

    .bomBtn-item {
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 1.5rem;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
		/*底部版权
html { position: relative; min-height: 100%; }
body { margin-bottom: 70px; }*/
.footer {font-family: 'Microsoft Yahei', '微软雅黑', 'Arial Narrow', '宋体'; font-size: 12px;line-height: 20px;  width: 768px;padding: 5px 0; text-align: center; color: #999; background: rgb(85 85 85 / 75%); }
.footer a { color: #ddd; }
.container { width: auto !important; margin-right: auto; margin-left: auto; padding-right: 6px; padding-left: 6px; }
}