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; }
.wflogo{text-align: center;}
.main_box ul li{  display: inline-block; margin: 0 20px;}
.main_box ul{display: flex; align-items: center; height: 55%; justify-content: center;}
.main_box {padding: 20px;}
.wfbg1{background: url(../img/wfbg1.png); background-size: 100% 100%; position: relative; width: 280px; height:335px ; padding: 10px;   }
.wfbg2{background: url(../img/wfbg2.png); background-size: 100% 100%; position: relative; width:280px; height:335px ; padding: 10px;   }
.wfbg3{background: url(../img/wfbg3.png); background-size: 100% 100%; position: relative; width: 280px; height:335px ; padding: 10px;   }
.wfbg4{background: url(../img/wfbg4.png); background-size: 100% 100%; position: relative; width: 280px; height:335px ; padding: 10px;    }
.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%;}
.box_txet p a{ color: #fff;background:rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .5); font-size: 14px; font-weight: bold; text-decoration: none; padding: 6px 0px; display: inline-block; width: 60%; border-radius: 5px;}
.box_txet p a:hover{background: linear-gradient(to right, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1));}
.wffoot{color: #08263e; width: 100%; text-align: center; font-size: 14px; position:absolute; bottom: 10px;}
.wffoot p{margin: 5px; padding: 0;}
.wffoot p span{margin: 0 5px; display:inline-block;}
@media screen and (max-width:1800px)  {.wffoot{font-size: 12px;}.wflogo img{ width: 320px; }}