.header_top{position: absolute;z-index: 1000;width: 100%;}
input, button, textarea {
    background: none;
    outline: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;}    
.header_top .top{justify-content: space-between;height: 1rem;align-items: center;}
#logo{position: relative;}
.header_top #logo img{max-width:100%;transition: .5s;max-width: 550px;}
.list_box1 .top-t{align-items: center;}
.list_box1 .li{margin-left: 30px;}
.list_box1 .li a{color: #fff;font-size: 18px;}
.list_box1 .ser .a{display:flex;align-items:center;justify-content: space-between;transition: .5s;position: relative;height: 45px;width: 100%;width: 320px;padding: 0 0.15rem;border-radius: 45px;background: rgba(255, 255, 255, 0.3);}
.list_box1 .li .input{width: calc(100% - 25px);height: 100%;padding: 0 0 0 25px;font-size: 14px;color: #fff;line-height: 45px;}
.list_box1 .li .serbtn {
    width: 50px;
    background: url(images/ser.png) no-repeat left 14px center;
    background-size: 25px;
    height: 100%;}
.list_box1 .li .input::-webkit-input-placeholder{ color:#fff;}
.list_box1 .li .input::-moz-placeholder{ /* mozilla firefox 19+ */ color:#fff;}
.list_box1 .li .input:-moz-placeholder{ /* mozilla firefox 4 to 18 */ color:#fff;}
.list_box1 .li .input:-ms-input-placeholder{ /* internet explorer 10-11 */ color:#fff;}
.wp {
    width: 1300px;
    padding: 0;
    margin: 0 auto;
    max-width: 94%;
        padding-top: 20px;}.flex {
    display: flex;
    flex-wrap: wrap;}

.wl::after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 100%;} .header_top::after{width: 100%;height: 500px;background: url(images/headbg.png) no-repeat;background-size: 100% 100%;bottom: auto;top: 0;}
.pic img {
 
    object-fit: cover;}