.top{ height:1.26rem; background-color:#f6faff; display:flex; overflow:visible; }
.top .logo-wrap{ margin-left:4.3%; width:16.3%; display:flex; justify-content:center; align-items:center; }
.top .logo-wrap .logo{ width:100%; height:auto; padding:0; }
.top .top-menu{ width:48%; height:1.26rem; justify-content:center; }
.top .top-menu ul{ width:100%; display:flex; justify-content:center; }
.top .top-menu ul li{ width:12%; padding:0 2%; align-items:center; display:flex; height:1.26rem; position:relative; justify-content:center; }
.top .top-menu ul li a{ display: block; color: #5c6571; font-size: 0.2rem; height:0.38rem; line-height: 0.28rem;  cursor: pointer; font-weight:600; text-align:center;  box-sizing: border-box; }
.top .top-menu ul li a:hover{ color:#0865ab; border-bottom:3px solid #0865ab; }
.top .top-menu ul li.active a { color:#0865ab; border-bottom:3px solid #0865ab; }
.top .top-menu ul ol{ display:none; position:absolute; top:1.26rem; left:0; margin-left:-0.35rem; z-index:999; width:100%; width:2rem; background-color:#0865ab; padding:0.2rem 0 0.1rem; }
.top .top-menu ul > li:hover ol{display:block; }
.top .top-menu ol > li{ width:100%; height:0.3rem; margin-bottom:0.2rem; text-align:center; box-sizing:border-box; }
.top .top-menu ol > li > a { font-size:0.2rem; color:#fff; height:0.3rem; line-height: 0.3rem; display:flex; align-items:center; justify-content:center; background: none; width:100%;}
.top .top-menu ol > li > a:hover {color: #fefefe; background: none; text-decoration:underline; border:none; }
.top .tel-wx{ width:16%; display:flex; align-items:center; justify-content:space-between; margin-right:2%; }
.top .tel-wx .txt{ font-size:0.18rem; color:#5c6571; }
.top .tel-wx .tel-num{ font-size:0.26rem; font-weight: bold; color:#5c6571; margin-top:-0.08rem; }
.top .tel-wx .wx-wrap{ width:28%; display:flex; align-items:center; }
.top .tel-wx .wx-wrap .qrcode{ width:100%; height:auto; display: block; padding-top:0; }

.top .top-icons{ display: flex; align-items:center; width:15.6%; height:1.26rem; }
.top .top-icons .item{ width:21.6%; height:1.26rem; position: relative; cursor:pointer; }
.top .top-icons .item .more{ display: none; width:auto; background-color:#0865ab; height:auto; position:absolute; top:1.26rem; left:-1rem; z-index:9999; padding:0.4rem 0.3rem; color:#fff; font-size:14px; white-space: nowrap; font-weight:bold; }
.top .top-icons .item .more.location{ padding:0.2rem 0.3rem; }
.top .top-icons .item .more .location-item{ line-height:0.4rem; }
.top .top-icons .item .more .wechat-qrcode{ width:2rem; height:auto; padding:0; }
.top .top-icons .item.more:hover .more{ display:block; }
.top .top-icons .item .icon{ width:0.35rem; height:0.35rem; margin:0.44rem 0 0 0; padding:0; }
.top .top-icons .item .arrow{ width:0.1rem; height:auto; position: absolute; left:58%; top:0.67rem; padding-top:0; }
.top .top-icons .item.more:hover .arrow{ transform:rotate(180deg); }
.top .top-icons .item .arrow.location{ left:50%; }
.top .top-icons .item .arrow.wechat{ left:62%; }
.top .top-icons .item .more a{ color:#fff; }
.top .top-icons .item .more a:hover{ text-decoration:underline; }
.top .top-icons .item .more a:visited{ color:#fff; }
.top .top-icons .item .more a:active{ color:#fff; }