body{
    position:relative;
}
.wrap {
    background: url(/Resource/Images/home.jpg) no-repeat center;
    width:100%;
    height:100vh;
    overflow:hidden;
    background-size:cover;
}
.header{
    margin-top:10%;
    text-align:center;
}
.header .logo {
    height: 50px;
    text-align: center;
    margin:0 auto;
}
.link{
    position:absolute;
    left:0;
    top:50%;
    right:0;
    bottom:0;
    margin:0;
    height:330px;
    margin-top:-150px;
}
.link ul {
    display: flex;
    width: 90%;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.link ul li{
    width:47%;
    height:105px;
    margin:10px 0;
    border-radius:5px;
    padding:20px 0;
    text-align:center;
}
.link ul li:nth-child(1) {
    background-color: rgba(56, 181, 125, 0.9);
    
}

.link ul li:nth-child(2) {
    background-color: rgba(246, 247, 242, 0.9) ;
  
}

.link ul li:nth-child(3) {
    background-color: rgba(227, 138, 89, 0.9)
}

.link ul li:nth-child(4) {
    background-color: rgba(148, 196, 75, 0.9);
    position:relative;
}
.link ul li .icon {
   height:50px;
    margin:10px  auto;
}
.link li h3{
    font-size:18px;
    color:#fff;
}
.link li p {
    font-size: 12px;
    color: #fff;
}
.link ul li:nth-child(2) h3 {
    color: #339755;
}
.link ul li:nth-child(2) p {
    color: #339755;
}
.wechat_li{
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);
    width:70%;
    top:50%;
    display:none;
}


.wrap .bottom {
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 100%;
    line-height: 1.6;
    padding:5px 0;
}
.wrap .bottom a {
    color: #fff;
}