.row{
    display: flex;
    justify-content: space-around;
}
html{
    /* background: red; */
    width: 100%;
    min-height: 100%;
    background: url(../images/bg.png) no-repeat;
    background-size:100% 100%; 
}

/* icon */
.icon{
    
    position: relative;
    top: 6.9333vw;
    left: 5.6vw;
    display: inline-block;
    width: 18.6667vw;
    height: 18.6667vw;
}
.res-icon{
    background: url(../images/res.png) no-repeat;
    background-size:100% 100%; 
}
.annals-icon{
    background: url(../images/annals.png) no-repeat;
    background-size:100% 100%; 
}
.catering-icon{
    background: url(../images/catering.png) no-repeat;
    background-size:100% 100%; 
}
.personage-icon{
    background: url(../images/personage.png) no-repeat;
    background-size:100% 100%; 
}
.food-icon{
    background: url(../images/food.png) no-repeat;
    background-size:100% 100%; 
}



.immovables-icon{
    background: url(../images/immovables.png) no-repeat;
    background-size:100% 100%; 
}


.facility-icon{
    background: url(../images/facility.png) no-repeat;
    background-size:100% 100%; 
}
.drug-icon{
    background: url(../images/drug.png) no-repeat;
    background-size:100% 100%; 
}
/* 盒子 */
.row-item{
    /* position: relative; */
}
.box{
  
    width: 30.6667vw;
    height: 16vw;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255,0.3);
  
    border-radius: 4vw;
}
.box p{
   
    
   
   
    text-align: center;
    color: #fefefe;
   
    font-family: "微软雅黑";
    z-index:9;

}


  

/* 字体规格 */
.font1 {
    /* padding-top:7vw !important; */
    padding:  2.6667vw;
    padding-top: 8vw;
    font-size: 4.2667vw;
}
.font2{
    padding:  2.6667vw;
    padding-top: 8vw;
    font-size: 3.3333vw;
}
.font3{
    padding:  2.6667vw;
    padding-top: 8vw;
    font-size: 3.7333vw;
}

.font4{
    padding:  3vw;
    padding-top: 6vw;
    font-size: 3.2vw;
}
/* 34px */
.font5{
    padding:  2.6667vw;
    padding-top: 8vw;
    font-size: 4.5333vw;
    
}
.container{
    margin-top: 1.3333vw;
}



/* header */
header{
    margin-top: 18.6667vw;
}
.organization{
    font-size: 4.5333vw;
    color: #ffffff;
    margin-left: 13.3333vw;
    margin-bottom: 2vw;
}
.pingtai{
    font-size: 10.9333vw;
    color: #ffffff;
    text-align: center;
}


.sky-icon{
   
    /* z-index: -1; */
    display: inline-block;
  margin-left: 6.5%;
    width:87.5% ;
    height: 24vw;
    background: url(../images/sky.png) no-repeat;
    background-size:100% 100%; 
}

.header{
    position: relative;
}
.header-icon{
    position: absolute;
    top: 0;
    z-index: -1;
    display: inline-block;
    width: 96%;
    height: 52vw;
    background: url(../images/headerbg.png) no-repeat;
    background-size:100% 100% ;
}
.cylinder-icon {
    position: absolute;

    display: inline-block;
    width: 6.6667vw;
    height: 11.2vw;
    
}
.one-icon{
    top: 29vw;
    left: 1.3333vw;
    background: url(../images/cylinder.png) no-repeat;
    background-size:100% 100%; 
}
.two-icon{
    top: 38.4vw;
    left: 2.6667vw;
    background: url(../images/cylinder.png) no-repeat;
    background-size:100% 100%; 
}
.three-icon{
    top: 32.5333vw;
    right: 1.3333vw;
    background: url(../images/cylinder-right.png) no-repeat;
    background-size:100% 100%; 
}
footer{
    padding-bottom: 4vw;
}