h2 {
      margin: 0px;
      padding: 0px;
}

ul {
      margin: 0px;
      padding: 0px;
}

ul li {
      list-style: none
}

body {
      margin: 0;
      padding: 0;
      background: url(../img/bg.png);
      background-size: 100% 100%;
}

.wflogo img {
      padding: 10px;
      padding-bottom: 0;
      width: 354px;
      height: 175px;
}

.wflogo {
      text-align: center;
}

.main_box ul li {
      display: inline-block;
      margin: 0 20px;
}
.main_box ul li img{width: 150px;}
.main_box ul {
      display: flex;
      align-items: center;
      height: 50%;
      justify-content: center;
}
.main_box ul li h3{font-size: 14px; font-weight: normal; background: rgba(81, 172, 240, .7); border-radius: 0 0 5px 5px; margin: 0; text-align: center; color: #fff;  margin-top: -5px; padding: 10px 0; padding-bottom: 8px;} 
.main_box {
      padding: 20px;
}

.wfbg1 {
      background: linear-gradient(165deg, #b2dffc, #4ea9f8);
      background-size: 100% 100%;
      position: relative;
      width: 240px;
      height: 245px;
      border-radius:5px 5px  0 0 ;
}

.wfbg2 {
      background: linear-gradient(165deg, #b2dffc, #4ea9f8);
      background-size: 100% 100%;
      position: relative;
      width: 240px;
      height: 245px;
      border-radius:5px 5px  0 0 ;
}

.wfbg4 {
      background: linear-gradient(165deg, #b2dffc, #4ea9f8);
      background-size: 100% 100%;
      position: relative;
      width: 240px;
      height: 245px; text-align: center;
      border-radius:5px 5px  0 0 ;
}

.wfbg3 {
      background: linear-gradient(165deg, #b2dffc, #4ea9f8);
      background-size: 100% 100%;
      position: relative;
      width: 240px;
      height: 245px;
      border-radius:5px 5px  0 0 ;
}

.wfbg5 {
      background: linear-gradient(165deg, #b2dffc, #4ea9f8);
      background-size: 100% 100%;
      position: relative;
      width: 240px;
      height: 245px;
      border-radius:5px 5px  0 0 ;
}

.wfbg1:hover {
      background: #6ccefc;
      background-size: 100% 100%;
      position: relative;
    
}

.wfbg2:hover {
      background: #6ccefc;
      background-size: 100% 100%;
      position: relative;
  
     
}

.wfbg4:hover {
      background: #6ccefc;
      background-size: 100% 100%;
      position: relative;
   
}

.wfbg3:hover {
      background: #6ccefc;
      background-size: 100% 100%;
      position: relative;
 
}

.wfbg5:hover {
      background: #6ccefc;
      background-size: 100% 100%;
      position: relative;
   
}


.box_txet {
      position: absolute;
      bottom: 10%;
      text-align: center;
      width: 100%;
}

.box_txet h3 {
      font-weight: normal;
      font-size: 14px;
      text-align: center;
      width: 100%;
}

.main_box ul li p {
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      padding: 6px 0px; margin: 0;
     
}

.wffoot {
      color: #fff;
      width: 100%;
      text-align: center;
      font-size: 13px;
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, .5);
      padding: 10px 0;
}

.wffoot p {
      margin: 5px;
      padding: 0;
}

.wffoot p span {
      margin: 0 5px;
      display: inline-block;
}

@font-face {
      font-family: "logotitle";
      src: url("tengxiang.ttf") format("truetype");
}

.wflogo h1 {
      font-family: 'logotitle';
      font-size: 38px;
      color: #333;
      margin-top: 8vh;
      letter-spacing: 3px;
      margin-bottom: 0;
      padding-bottom: 0;
}

.wflogo p {
      font-size: 18px;
      margin: 5px 0;
      color: #666;
      position: relative;
      padding-bottom: 10px;
}

.wflogo p::before {
      content: "";
      border-bottom: 4px solid #666;
      width: 160px;
      left: 50%;
      margin-left: -80px;
      position: absolute;
      bottom: 0;
}

@media screen and (max-width:1800px) {
      .wffoot {
            font-size: 15px;
      }

      .wflogo img {
            width: 320px;
      }
      .main_box{transform: scale(.9);}
}