/* .hp-header { padding-top: 82px;overflow: hidden; } */
.hp-header { overflow: hidden; position: sticky;top: 0;z-index: 9999;box-shadow: 0 2px 30px rgba(0,0,0,.08);}
/* .hp-header .head_wrapper { position: fixed;top: 0;width: 100%;background-color: #fff;z-index: 99999999;box-shadow: 0 2px 30px rgba(0,0,0,.08); } */
.hp-header .head_wrapper { width: 100%;background-color: #fff;z-index: 99999999; }
.hp-header .head { width: 1200px;height: 82px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;box-sizing: content-box;z-index: 5; }
.hp-header .head>ul { width: 634px;height: 20px;display: flex;align-items: center;font-size: 20px;font-family: Microsoft YaHei;font-weight: 400; }
.hp-header .head>ul a { color: black; }
.hp-header>img { display: block; }
.hp-header .head_wrapper .tag { width: 1200px;margin: 0 auto;font-size: 14px;padding: 4px 0;color: #7f7f7f; }
.hp-header .head_wrapper .tag a { color: #7f7f7f; }
.hp-header .head>ul li { margin: 0 20px; }
.head-top {border-bottom: 1px solid #e9ecef;background-color: #fff;}
.head-top .head-top-wrapper{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding: 4px 0;font-size: 14px;color: #7f7f7f;padding-right: 90px;}
.head-top .head-top-wrapper a{color: #7f7f7f;}
.head-top .head-top-wrapper a:hover{color: #007bff;}
.head-top .head-top-wrapper .tag:nth-child(2) a{margin-left: 20px;}
.mobile-banner{display: none;}

@media (min-width: 768px) and (max-width: 991.98px) {
    .head-top .head-top-wrapper{ width: 100%;}
    .head-top .head-top-wrapper {padding-right: 16px;padding-left: 16px;}
    .hp-header .head {width: 100%;}
    .hp-header .head>ul {width: unset;}
    .hp-header .head .logo {width: 150px;}
}

@media (max-width: 767.98px) {
    .head-top .head-top-wrapper .tag:nth-child(2) a:nth-child(1) {display: none;}
    .head-top .head-top-wrapper{ width: 100%;}
    .head-top .head-top-wrapper {padding-right: 16px;padding-left: 16px;}
    .hp-header .head {width: 92%;height: 42px;padding: 0 4%;}
    .hp-header .head .logo {width: 120px;display: none;}
    .hp-header .head>ul {width: 100%;justify-content: space-between;font-size: 16px;}
    .hp-header .head>ul li{margin: 0;}
    .banner-wrapper img{display: none;}
    .banner-wrapper .mobile-banner{display: block;}
    .base_ly {width: 90% !important;left: 50% !important;transform: translateX(-50%) !important;}
    .base_ly>form {padding: 20px !important;}
    .base_ly>form>div {display: flex !important;margin-bottom: 14px !important;}
    .base_ly>form>div>span {flex-shrink: 0 !important;font-size: 14px !important;}
    .base_ly>form>div>input {flex: 1 !important;height: 40px !important;font-size: 14px !important;}
    .base_ly>form>div>textarea {font-size: 14px !important;height: 100px !important;}
    .base_ly>form>input {height: 40px !important;line-height: 40px !important;font-size: 18px !important;}
}