.topBar-block{height:40px;}
.topBar{height:40px;width: 100%;position: relative;z-index: 1000;background-color: #2b303b;}
.topBar{position: fixed;top:0;left:0;}

.topBar .inner.flex-row{justify-content:space-between;align-items:center;}
.topBar .inner{width:1244px;height:40px;position: relative;font-size: 0;z-index: 1001;}

.topBar .brand,.topBar .brand a,.topBar .operation{height: 100%;}
.topBar .brand a.logo.flex-row{align-items:center;}
.topBar .brand a.logo img{width:24px;height:24px;margin-right:10px;}
.topBar .slogan{cursor: pointer;font-size: 14px;color: #fff;transition: color .25s;}

/*入口*/
.operation .entry-list li a:hover{color:#4a7bff;}
.operation .entry-list {float: left;position: relative;padding-right: 10px;margin-right: 10px;}
.operation .entry-list li{display: inline-block;vertical-align: middle;font-size: 12px;}
.operation .entry-list li a {color: #fff;display: block;line-height: 40px;padding: 0 10px;}
.operation .entry-list::after { content: '';position: absolute; width: 1px;height: 24px;top: 8px;right: 0;background-color: rgba(255,255,255,.2);overflow: hidden;}
.operation .entry-list::after {height: 16px;margin-top: 12px;top: 0;}
/*操作*/
.operation .nav-top-ctrl{float: left;height: 100%;}


/* 登录前 */
.operation .link-item {display: inline-block;padding: 0 10px;height: 40px;line-height: 40px;font-size: 12px; color: #fff;float: left;}
.operation .link-item:hover{color:#4a7bff;}
.operation .before-login{float:left;}
.operation .before-login .btn{
	height: 30px; line-height: 30px;margin: 5px;margin-right:0;font-size: 12px;
	min-width: 80px;padding: 0;vertical-align: middle;
	background-color: #00a4ff;color: #fff;text-align: center;display: inline-block;cursor: pointer;outline: 0;
}
.operation .before-login .btn:hover{color:#fff;background-color: #0092ee;}

/* 登录后 */
.operation .after-login{float: left;position: relative;}
.operation .after-login a.user{position: relative;padding-left: 10px;padding-right: 10px;display: inline-block;color: #fff;font-size: 0;transition: background-color .4s; outline: 0;height: 40px;line-height:40px;box-sizing: border-box;}
.operation .after-login a.user:hover {color: #00a4ff;}
.operation .after-login a.user:hover .name {color: #00a4ff;}
.operation .after-login a.user .name {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 10em;vertical-align: middle;font-size: 12px;line-height: 1;}
.operation .after-login a.user .iconfont{font-size:10px;width: 6px;height: 4px;display: inline-block;margin-left: 5px;position: relative;top:3px;}

.operation .after-login:hover .bubble-top{display: block;}
.operation .after-login .bubble-top{position: absolute;top: 40px;right: 0;z-index: 1002;color: #404A58;display: none;}
.operation .after-login .bubble-top::after,.operation .after-login .bubble-top::before {content: '';position: absolute;bottom: 100%;left: 80%;right: 80%;width: 0;height: 0;font-size: 0;border: 6px dashed transparent;margin-left: -6px;border-bottom-color: #b5bac4;}
.operation .after-login .bubble-top::after {margin-left: -5px;border-bottom-color: #fff;}
.operation .after-login .bubble-top .dropdown-mini{border-color: #dedfe0;box-shadow: 0 0 5px rgba(0,0,0,.15);background-color: #fff;}
.operation .after-login .bubble-top .dropdown-list{padding-top: 10px;padding-bottom: 10px;font-size: 12px;}
.operation .after-login .bubble-top .dropdown-list ul{}
.operation .after-login .bubble-top .dropdown-list li{line-height: 32px;position: relative;}
.operation .after-login .bubble-top .dropdown-list li a {color: #000;display: block;padding: 0 15px;min-width: 80px;box-sizing: content-box;}
.operation .after-login .bubble-top .dropdown-list li a:hover,.operation .after-login .bubble-top .dropdown-list li.curr a {color: #00a4ff;}

/* 头部导航 */
.navBar{background-color:#fff;}
.navBar.fixed{position: fixed;top: 0;width: 100%;z-index: 1000;background-color:#fff;border-bottom:1px solid #e5e5e5;}
.navBar .inner.flex-row{flex-wrap: wrap;}
.navBar .col-a,.navBar .col-b,.navBar .col-c{padding: 0px 10px;}

.navBar .col-a {width:250px;}
.navBar .col-a .header-logo {height: 64px;line-height:64px;display: flex;align-items: center;box-sizing: border-box;background: url() left center no-repeat;background-size: auto 20px;cursor: pointer;border-bottom: 3px solid #006EFF;}
.navBar .col-a .header-logo .logo-img{width:40px;height:40px;}
.navBar .col-a .header-logo a.flex-row{align-items: center;}
.navBar .col-a .header-logo a {flex: 1;height: 100%;font-size:20px;font-style: italic;}
.navBar .col-a .header-logo .logo-img{margin-right:10px;}
.navBar .col-a .header-logo span{font-weight: 700;color:#006EFF;letter-spacing: .13em;}

.navBar .col-b {width: 630px;}
.navBar .col-b .header-nav{position: relative;z-index: 99;height:64px;background-color:#FFFFFF;/*padding:12px 0;*/}
.navBar .col-b .header-nav ul.flex-row{align-items:center;}
.navBar .col-b .header-nav .nav > li{position: relative;display: inline-flex;align-items: center;height: 100%;font-size: 14px;}
.navBar .col-b .header-nav .nav > li > div {line-height: 64px; padding: 0 14px;transition: color .25s;}
.navBar .col-b .header-nav .nav > li > a{padding: 0 14px;}
.navBar .col-b .header-nav .nav > li span.first-nav {cursor: pointer;}
.navBar .col-b .header-nav .nav > li span.first-nav::after{content: "";position: absolute; left: 50%;bottom: 14px;width: 16px;height: 4px;background: #fff;border-radius: 2px;transform: translateX(-50%);z-index: 100;visibility: hidden; opacity: 0; transition: opacity .2s;}
.navBar .col-b .header-nav .nav > li.on span.first-nav::after{visibility: visible;opacity: 1;}
.navBar .col-b .header-nav .nav > li:hover span.first-nav::after{visibility: visible; opacity: 1;}
.navBar .col-b .header-nav .nav > li span.first-nav::after{background-color: #3269ff;}

.navBar .col-b .header-nav .nav > li:hover > div {color: #006EFF;}

.navBar .col-b .header-nav .nav > li .nav-item-options {position: absolute;width: 100%;left: 50%;transform: translateX(-50%);background-color: #fff;box-shadow: 0 10px 40px 0 rgba(18,38,64,.15);padding: 10px 7px;z-index: -1;opacity: 0;visibility: hidden;transition: all .2s,opacity .1s;top: 0;}
.navBar .col-b .header-nav .nav > li:hover .nav-item-options {opacity: 1;visibility: visible;top: 60px;transition: all .2s,opacity .2s .1s;}
.navBar .col-b .header-nav .nav > li .nav-item-options li {text-align: center;height: 36px;width: 100%;}
.navBar .col-b .header-nav .nav > li .nav-item-options li:hover{background-color: #F2F7FC;}
.navBar .col-b .header-nav .nav > li .nav-item-options li a {display: block;width: 100%;height: 100%;transition: background-color .25s;transition: color .25s;font-size: 14px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;color: #000;}
.navBar .col-b .header-nav .nav > li .nav-item-options li:hover a {color: #006EFF;}


.navBar .col-c {width: 320px;}
.navBar .col-c .header-search {height: 64px;display: flex;padding: 12px 0;}
.navBar .col-c .header-search .search-input {height: 40px;padding: 8px 12px;flex: 1;border: 1px solid #DDE3EB;border-right-width: 0;outline: 0; line-height: 24px;font-size: 14px;color: #000;transition: border-color .25s;}
.navBar .col-c .header-search .search-input::-webkit-input-placeholder{color:#959CAD}
.navBar .col-c .header-search .search-input:-moz-placeholder{color:#959CAD}
.navBar .col-c .header-search .search-input::-moz-placeholder{color:#959CAD}
.navBar .col-c .header-search .search-input:-ms-input-placeholder{color:#959CAD}
.navBar .col-c .header-search .search-input:hover{border-color:#ADB1B8}
.navBar .col-c .header-search .search-input:focus{border-color:#006EFF}
.navBar .col-c .header-search .search-button{flex:0 0 40px;height:40px;overflow:hidden;display:block;background:url(../../images/public/search.svg) center no-repeat #006EFF;background-size:40px;transition:background-color .25s}
.navBar .col-c .header-search .search-button:hover{background-color:#0058CC}

.header-popover {background-color: #fff;box-shadow: 0 10px 40px 0 rgba(18,38,64,.15);padding: 12px;box-sizing: border-box}
.header-popover .popover-label {width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #959CAD;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;padding: 0 12px}
.header-popover .popover-list {display: block;width: 100%}
.header-popover .popover-list-item {height: 36px;width: 100%}
.header-popover .popover-list-item a {display: block;display: block;transition: background-color .25s;transition: color .25s;font-size: 14px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;padding: 0 12px;color: #000;width: 100%}
.header-popover .popover-list-item:hover {background-color: #F2F7FC}
.header-popover .popover-list-item:hover a {color: #006EFF}
.header-popover .popover-tags {display: block;width: 100%;margin-top: 4px}
.header-popover .popover-tags-item {height: 32px;display: inline-block;margin-right: 8px;margin-bottom: 8px;background-color: #F2F7FC}
.header-popover .popover-tags-item a {display: inline-block;display: block;transition: background-color .25s;transition: color .25s;font-size: 12px;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;padding: 0 8px;color: #000;width: 100%;max-width: 148px}
.header-popover .popover-tags-item:hover {background-color: #DCE7F5}
.header-popover .popover-tags-item:hover a {color: #006EFF}

header .home-banner{padding:20px 0 40px;background:url(../../images/index/home-bg1.webp) center no-repeat #E9EFF7;background-size:cover}
header .home-banner{height:546px;}

/**	footer **/
footer{
    position: relative;
    color: #fff;
    font-size: 14px;
    padding-top: 62px;
    background: #111;
    overflow: hidden;
}
footer .footer-container{
 justify-content: center;
}
footer .nav-wrapper dl, footer .nav-wrapper {
    display: inline-block;
    vertical-align: top;
}
footer .nav-wrapper dl:not(:last-child) {
    margin-right: 150px;
}
footer .nav-wrapper dl > dt{
    display: block;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    margin-bottom: 16px;
}
footer .nav-wrapper dl dd{
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    margin-bottom: 12px;
}
footer .nav-wrapper dl dd a{
    text-decoration: none;
    color: #fff;
    opacity: .6;
    position: relative;
    transition: opacity .2s;
}
footer .nav-wrapper dl dd a:hover {
    opacity: 1;
}

footer .followus{
    margin-left: 113px;
}
footer .followus-title{
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 33px;
}
footer .followus-icons{
    display: flex;
}
footer .followus-icons__item:not(:last-child) {
    margin-right: 10px;
}
footer .followus-icons-item{
    width: 48px;
    height: 48px;
    background: hsla(0,0%,100%,.1);
    position: relative;
    border-radius: 50%;
    transition: background .2s;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .followus-icons-item:hover .followus-icons-item-hover{
    visibility: visible;
    opacity: 1;
}
footer .followus-icons-item .wepintone{
    width: 48px;
    height: 48px;
    background: url(../../images/public/we_logo2.png);
}
footer .followus-icons-item:hover .wepintone{
    background: url(../../images/public/we_logo1.png);
}
footer .followus-icons-item-hover {
    position: absolute;
    left: -54.5px;
    top: 61px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
    width: 157px;
    height: 176px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
}
footer .followus-icons-item-hover::after {
    content: "";
    position: absolute;
    top: -5px;
    left: calc(50% - 6px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
}
footer .followus-icons-item-hover-qrcode{
    width: 100px;
    height: 100px;
    margin-bottom: 4px;
}
footer .followus-icons-item-hover-text{
    font-size: 12px;
    line-height: 20px;
    color: #333;
    text-align: center;
}

footer .copy-right{
    width: 100%;
    background: #000;
    text-align: center;
    padding: 22px 0;
    margin-top: 19px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    opacity: .35;
    line-height: 20px;
}
footer .copy-right a {text-decoration: none;color: #fff;position: relative;transition: opacity .2s}
footer .copy-right a:hover {opacity: 1;}

/*返回顶部*/
.back-to-top {
    position: fixed;
   /* bottom: 20px;*/
  	bottom:120px;
    right: 20px;
    font-size: 18px;
    width: 40px;
    line-height: 40px;
    z-index: 99;
    text-align: center;
    display: none;
    box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
    transition: all 0.4s ease-out 0s;
    color: #fff;
    background-color: #006EFF;
}
.back-to-top:hover {
    color: #199dff;
    background-color: #fff;
}

/*添加客服*/
.im-wrap {position: fixed;right: 60px;bottom: 200px;z-index: 99999;}
.im-entry {cursor: pointer;position: absolute;top: 0;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;background: #2f88ff;transition: top .16s ease-out;}
.im-entry:hover {box-shadow: 0 6px 20px 0 rgba(0,0,0,.3);}
.im-entry-icon {width: 24px;height: 24px;}
.udesk_btn_chat {position: absolute;bottom: -124px;right: -400px;z-index: 999;width: 188px;font-size: 12px;text-align: center;line-height: 20px;box-sizing: border-box;padding: 12px 16px;color: #fff;background-color: #2f88ff;border-radius: 4px;font-family: PingFangSC;}
.udesk_icon {position: absolute;border-width: 6px 0 6px 6px;border-style: solid;border-color: transparent transparent transparent #2f88ff;-o-border-image: initial;border-image: initial;top: 50%;margin-top: -6px;right: -6px;}