/*  网站logo图片地址请在本组件"内容配置-网站logo"处填写 网站logo图片地址请在本组件"内容配置-网站logo"处填写 网站logo图片地址请在本组件"内容配置-网站logo"处填写 网站logo图片地址请在本组件"内容配置-网站logo"处填写 网站logo图片地址请在本组件"内容配置-网站logo"处填写 网站logo图片地址请在本组件"内容配置-网站logo"处填写 */
.topnav {
    margin: 0.2rem 0 0 0;
    transition: .5s;}
.topnav ul{align-items: center;}
.topnav ul li {
    margin-left: .5rem;
    font-size: 0.2rem;
    position: relative;
    transition: .3s;}
.topnav ul li::after{content: "";position: absolute;width: 0;height: .04rem;background: #011f5b;top: .39rem;left: 50%;transform: translateX(-50%);z-index: 101;transition: .5s;pointer-events: none;}
.topnav ul li>a{color: #fff;transition: .5s;}
.topnav ul li i.plus{position: absolute;right: 0;top: .1rem;color: #999;display: block;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;display: none;transition: .3s;font-family: 'lib';}
.topnav ul li i.plus.show{transform: rotate(180deg);}

.topnav ul li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top: .14rem;min-width: 1.5rem;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .5s;transform-origin: top center;}
.topnav ul li .sub-nav .sub-nav-h{position: relative;padding: .2rem;background: #fff url(../images/nav.jpg) center;border-radius: 0;box-shadow: 0px 5px 18px 0px rgba(130, 130, 130, 0.19);}
.topnav ul li .sub-nav .sub-nav-h a{display:block;font-size: 14px;padding:0 .1rem;white-space: nowrap;line-height: 30px;text-align: center;transition: .5s;color: #000;}
.topnav ul li .sub-nav .sub-nav-h a:hover{color: #011f5b;}
.topnav ul li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;background: #fff; bottom: calc(100% + 4px);border-radius: 50%;display: none;}

.topnav ul li .sub-nav1{position:absolute;top:100%;left: -2.06rem;z-index:99;padding-top: .13rem;min-width: 1.5rem;opacity: 0;visibility: hidden;transition: .5s;transform-origin: top center;}
.topnav ul li .sub-nav1 .sub-nav-h1{position: relative;padding: .2rem .38rem .25rem;background: #fff url(../images/nav.jpg) center;border-radius: 0;box-shadow: 0px 5px 18px 0px rgba(130, 130, 130, 0.19);flex-wrap: nowrap;}
.topnav ul li .sub-nav1 .sub-nav-h1 dl{padding: 0 .1rem;min-width: 1.6rem;}
.topnav ul li .sub-nav1 .sub-nav-h1 a{display:block;font-size: 14px;padding: .05rem 0;white-space: nowrap;line-height: 1.75;transition: .5s;color: #000000;}
.topnav ul li .sub-nav1 .sub-nav-h1 a:hover{color: #b81c22;}
.topnav ul li .sub-nav1 .sub-nav-h1:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;background: #fff; bottom: calc(100% + 4px);border-radius: 50%;display: none;}
.topnav ul li .sub-nav1 .sub-nav-h1 dt a{font-size: 18px;color: #000000;font-weight: 600;margin: 0 0 .06rem;display: flex;align-items: center;}
.topnav ul li .sub-nav1 .sub-nav-h1 dt a i{font-size: 12px;font-family: 'lib';margin: 0 0 0 .05rem;}

.topnav ul li:hover::after{ width: 1rem;}
.topnav ul li .sub-nav1 .sub-nav-h1 dl:last-child{ margin: 0 0 0 -1.22rem;}
    .header .topnav ul li:hover .sub-nav {
        transform: translateX(-50%);
        opacity: 1;
        visibility: visible;}
    @media (max-width: 1000px) {
  .topnav {
    display: none;}
}