.header{background-color:#007bf3}.header .header-link a{color:#fff;line-height:40px}.header .header-link .container{display:flex;justify-content:space-between}.header .header-link ul{display:flex}.menu-item{position:relative;margin-right:20px;padding:10px;cursor:pointer}.menu-item:hover .submenu{display:block}.submenu{display:none;position:absolute;top:100%;left:0;background-color:#fff;color:#000;border:1px solid #ddd;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:2;min-width:160px}.submenu div{margin:0;padding:0}.submenu p{padding:8px 16px;cursor:pointer}.submenu p:hover{background-color:#f1f1f1}.header .header-link ul li:not(.header-link ul li:last-child)::after{content:"";display:inline-block;width:1px;height:16px;margin:0 20px;background-color:#fff;vertical-align:middle}.header .header-link .login-icon{display:inline-block;width:14px;height:17px;margin-right:13px;margin-bottom:2px;vertical-align:middle;background:url('/img/icon.png') no-repeat;background-position:0 0}.header .header-nav{background-color:#007bf3}.header .header-nav .logo{display:flex;align-items:center}.header .header-nav .logo h1{height:41px;margin-bottom:0}.header .header-nav .logo h1 img{vertical-align:top}.header nav ul{display:flex;color:#ccc;padding-left:5%}.header nav ul li{height:90px;display:flex;align-items:center}.header nav ul li{padding:0 10px}.header nav ul a{flex-shrink:0;font-size:16px;color:#fff}.header nav ul a:hover{font-weight:700}.header .header-nav-right{display:flex;justify-content:space-between;align-items:center}.search-box{display:flex;border-radius:6px;border:solid 1px #007bf3}.search-box{display:flex;border-radius:4px;border:solid 1px #007bf3;height:40px;overflow:hidden;flex:1}.search-box .search-input{padding-left:2px;width:100%;height:38px;border:none;text-indent:10px}.search-box .search-input:focus{outline:none}.search-box .search-input::placeholder{color:#999}.search-box .search-button{width:60px;height:40px;background-color:#007bf3;text-align:center;cursor:pointer}.search-box .search-button .search-icon{display:inline-block;width:17px;height:17px;margin-top:10px;vertical-align:middle;background:url('/img/icon.png') no-repeat;background-position:-24px 0}.header .header-nav-right .Inquire{width:100px;height:40px;line-height:40px;text-align:center;background-color:#007bf3;border-radius:4px;color:#fff;cursor:pointer;margin-left:10%;position:relative}.header .header-nav-right .Inquire .num{display:none;background-color:#f00;color:#fff;position:absolute;right:-10px;top:-10px;border-radius:50% 50% 50% 0;width:20px;line-height:20px;height:20px;font-size:12px;text-align:center}@media(max-width:1200px){.header .header-nav-right{margin:10px 0 20px}}@media(min-width:768px){.header-nav nav{display:flex;justify-content:flex-end}}@media(max-width:768px){.header .header-nav .logo{margin-top:20px;position:relative}.header nav ul li{height:75px}.header .header-link ul li:first-child{display:none}.header nav ul{padding-left:0;flex-wrap:wrap}.header-nav nav{display:none}.header .header-nav-right{margin-top:20px}}@media(max-width:576px){.header .header-link ul li:first-child{display:none}.header nav ul li{height:50px;width:33%;margin-right:0}.header nav ul li:nth-last-child(-n+2){width:50%}.header .header-nav-right .Inquire{margin-left:5%}.header .header-link ul li:not(.header-link ul li:last-child)::after{margin:0 7px}}