@charset "utf-8";

/*顶部区域样式*/
#top {width: 100%;height: 40px;background: #F9F9F9;position: relative;z-index: 100;box-sizing: border-box;overflow: visible;}
#top *{font-size:14px;}
#top #top_main {width: var(--page-width, 1210px);height: 40px;margin: 0 auto;}
#top #top_main .topu {float: left;}
#top #top_main .topu li {width: 65px;height: 40px;display: block;float: left;list-style: none;font-size: 14px;color: #666666;line-height: 40px;word-break:keep-all; /* 不换行 */ white-space:nowrap; /* 不换行 */}
#top #top_main .topu li .xing {width: 13px;height: 13px;position: absolute;top: 8px;}
#top #top_main .topu li .erwei {width: 13px;height: 13px;position: absolute;top: 9px;}
#top #top_main .topu li .didian {width: 18px;height: 18px;background: url(/static/new6.1/common/images/didian.png) no-repeat; position: absolute;top: 5px;}
#top #top_main .topu li a {color: #666666;padding-left: 16px;text-decoration: none;border: 0;}
#top #top_main .topu li a:hover {color: #1f528a;text-decoration: underline;}
#top #top_main .topu .erweitu {width: 116px;height: 120px;border: 1px solid #ccc;position: absolute;top: 40px;left: 150px;display: none;z-index: 22;}
#top #top_main .topu .aa {display: block;}

/*鼠标移入显示二维码*/
#top #top_main .topu .xuan .aa:hover .erweitu {display: block;}

/*top左侧区域开始*/
#top #top_main .topleft {height: 40px;float: left;position: relative;}
#top #top_main .topleft ul{
    display: flex;
    gap:8px;
}
#top #top_main .topleft ul li {height: 40px;display: flex;align-items: center;float: left;}
#top #top_main .topleft ul li > a {display: flex;align-items: center;font-size: 14px;float: left;margin-left: 8px;}
#top #top_main .topleft ul li > a img{
    margin-left: 4px;
}
#top #top_main .topleft ul li .cun {width: auto;border-left:0;position: relative;}
#top #top_main .topleft ul li:first-child .cun:after {content: '';display: block;width: 1px;height: 10px;background: #DCDEE0;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
/* inline-flex：与「喀斯玛平台：」同一行，避免 display:flex 块级导致换行 */
#top #top_main .topleft ul li .cun a {font-size: 14px;color: #666;display: inline-flex;align-items: center;}
#top #top_main .topleft ul li .cun a img{
    margin-right: 4px;
}
#top #top_main .topleft ul li .cun a:hover {color: #1f528a;text-decoration: underline; background: #F7F7F7; border: 0;}
#top #top_main .topleft ul li .vip {width: 24px;height: 11px;float: left;position: relative;top: 1px;margin-left: 5px;}
#top #top_main .topleft ul li .bjd {width: 21px;height: 11px;float: left;position: relative;top: 1px;margin-left: 5px;}
#top #top_main .topleft ul li .cun a.dong {height: 11px;margin-left: 25px;padding-right: 10px;}
/* 站点切换项需按文案撑开，避免固定 54/60 裁切「生命科学」 */
#top #top_main .topleft ul li.kefu {width: auto;height: 40px;}
#top #top_main .topleft ul li.kefu span {padding-left: 0px;color: #333;display: inline-flex;align-items: center;white-space: nowrap;}
#top #top_main .topleft ul li .kefuhidec {width: 70px;height: 45px;margin-left: 5px;margin-top: -2px;border: 1px solid #F7F7F7;position: relative;z-index: 999;}
#top #top_main .topleft ul li .kefuhidec ul li {width: 73px;height: 22px;background-color:#ffffff;}
#top #top_main .topleft ul li .a1 {width: auto;height: auto;overflow: visible;position: relative;z-index: 999;white-space: nowrap;}
#top #top_main .topleft ul li.kefu:hover .a1 {overflow: visible;}
#top #top_main .topleft ul li.kefu:hover .kefuhide {border: 1px solid #efefef;background: white;border-radius:5px;}
#top #top_main .topleft ul li.wangzhan {width: 73px;height: 40px;}
#top #top_main .topleft ul li.wangzhan span {color: #666;padding-left: 10px;}
#top #top_main .topleft ul li.wangzhan .wangzhanhide {width: 200px;height: 136px;border: 1px solid #efefef;background: white;float: left;position: relative;top: 8px;display: none;z-index: 22;}
#top #top_main .topleft ul li.wangzhan:hover .wangzhanhide {display: block;}
#top #top_main .topleft ul li.wangzhan .tese {width: 250px;height: 28px; text-align:left;}
#top #top_main .topleft ul li.wangzhan .tese span {font-weight: 700;line-height: 28px;}
#top #top_main .topleft ul li.wangzhan .tesemain {width: 180px;height: 39px;margin-left: 5px;border-bottom: 1px solid #efefef; padding-bottom:10px;margin-bottom: 5px; text-align:left}
#top #top_main .topleft ul li.wangzhan a {font-weight: 400;color: #666;padding-left: 6px;line-height: 1.7em;}
#top #top_main .topleft ul li.wangzhan a:hover {color: #1f528a;text-decoration: underline;}
#top #top_main .topleft ul li.wangzhan .tesemain1 {width: 240px;height: 32px;margin-left: 5px;border-bottom: 0px solid #eee; text-align:left}
#top #top_main .topleft ul li.wangzhan .tesemain2 {width: 240px;height: 22px;margin-left: 5px;}

/*top中间区域开始*/

#top #top_main #hello {height: 40px;margin-left: 0;float: right;margin-right:8px;text-align: center;display: flex;align-items: center;flex-shrink:0;overflow:visible;white-space:nowrap;}
#top #top_main #hello span {font-size: 14px;color: #333;}
#top #top_main #hello span a {color: var(--cas-brand, #2268ca);text-decoration: none;white-space: nowrap;vertical-align: top;}
#top #top_main #hello #unlogin a,
#top #top_main #hello a.top-bar-login,
#top #top_main #hello a.top-bar-register,
#top #top_main #hello a.top-bar-logout {overflow: visible;text-overflow: clip;flex-shrink: 0;}
#top #top_main #hello span a span{
    color:var(--cas-brand, #2268ca);
}
#top #top_main #hello span a span:hover {color: #13469C;}

/*top中间区域结束*/


/*top右边区域开始*/

#top #top_main .topright {height: 40px;float: right;position: relative;overflow: visible;z-index: 101;}
#top #top_main .topright .changy_gj{
    display: flex;
    gap:8px;
}
#top #top_main .topright ul li {float: left;height: 40px;}
#top #top_main .topright ul li > a {display: block;font-size: 14px;float: left;line-height: 20px;color: #666;}
#top #top_main .topright ul li .cun {float: left;}
#top #top_main .topright ul li .cun a {font-size: 14px;color: #333;float: left;margin-left: 12px;}
#top #top_main .topright ul li .cun a:hover {color: #1f528a;text-decoration: underline;}
#top #top_main .topright ul li .vip {width: 24px;height: 11px;float: left;position: relative;top: 1px;margin-left: 5px;}
#top #top_main .topright ul li .bjd {width: 21px;height: 11px;float: left;position: relative;top: 1px;margin-left: 5px;}
#top #top_main .topright ul li .phonetu {width: 13px;height: 22px;background: url(/static/new6.1/common/images/all.png) no-repeat -128px -360px;position: absolute;top: 2px;left: 265px;}
#top #top_main .topright ul li .downjian11 {width: 10px;height: 8px;background: url(/static/new6.1/common/images/all.png) no-repeat -94px -55px;position: absolute;top: 10px;left: 338px;}
#top #top_main .topright ul li .downjian {width: 10px;height: 8px;background: url(/static/new6.1/common/images/all.png) no-repeat -94px -53px;position: relative;top: -18px;left: 78px;}
#top #top_main .topright ul li .cun a.dong {height: 11px;margin-left: 10px;padding-right: 10px;border: 0;}
#top #top_main .topright ul li.hidetu {display: flex;align-items: center;position: relative;}
#top #top_main .topright ul li .erwei {width: 104px;height: 116px;border: 1px solid #ccc;background: white;float: left;position: absolute;top: 40px;z-index: 33;display: none; margin-left: -10px;}
#top #top_main .topright ul li.hidetu:hover .erwei {display: block;}
#top #top_main .topright ul li .erwei .shoudan {width: 220px;height: 65px;background: url(/static/new6.1/common/images/all.png) no-repeat;margin-top: 20px;margin-left: 10px;}
#top #top_main .topright ul li .erwei .jd {width: 76px;height: 76px;background: url(/static/new6.1/common/images/all.png) no-repeat;margin-left: 30px;margin-top: -20px;}
#top #top_main .topright ul li .erwei .span1 {width: 100px;font-size: 12px;font-weight: 700;color: #1f528a;display: block;float: left;margin-top: -85px;margin-left: 123px;}
#top #top_main .topright ul li .erwei .apple {width: 96px;height: 28px;background: url(/static/new6.1/common/images/all.png) no-repeat 0px -360px;margin-left: 123px;margin-top: -60px;}
#top #top_main .topright ul li .erwei .andr {width: 96px;height: 28px;background: url(/static/new6.1/common/images/all.png) no-repeat 0px -399px;margin-left: 123px;margin-top: 10px;}
#top #top_main .topright ul li .erwei .ewtu {width: 76px;height: 76px;background: url(/static/new6.1/common/images/all.png) no-repeat;margin-left: 30px;margin-top: 50px;}
#top #top_main .topright ul li.kefu {height: 40px;display: flex !important;align-items: center;overflow: visible;position: relative;}
#top #top_main .topright ul li.kefu span {color: #333;}
#top #top_main .topright ul li .downjian1 {width: 10px;height: 8px;background: url(/static/new6.1/common/images/all.png) no-repeat -94px -53px;position: relative;top: -10px;left: 75px;}
/* 下拉：用 display 控制显隐，避免依赖 overflow:visible（易被注释/父级裁切） */
#top #top_main .topright ul li .kefuhide {display: none;width: 80px;height: 72px;margin-left: 0;margin-top: 5px;border: 1px solid #efefef;background: white;border-radius: 5px;position: absolute;left: 0;top: 100%;z-index: 999;}
#top #top_main .topright ul li .kefuhide ul li {width: 80px;height: 22px;float: none;padding-right: 0;line-height: 22px;text-align: center;}
#top #top_main .topright ul li .kefuhide ul li a {float: none;margin-left: 0;color: #333;text-decoration: none;font-size: 14px;line-height: 22px;margin-top: 2px;}
#top #top_main .topright ul li .kefuhide ul li a:hover {color: #1f528a;text-decoration: underline;}
#top #top_main .topright ul li .a1 {height: 22px;overflow: visible;position: relative;z-index: 999;text-align: center;display: flex;align-items: center;gap:4px;}
#top #top_main .topright ul li .a1 img {vertical-align: text-bottom;margin-right: 2px;}

#top #top_main .topright ul li .mem,
#top #top_main .topright ul li .top-cart {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: content-box;
}
#top #top_main .topright ul li .top-cart a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #333;
    text-decoration: none;
    float: none;
    margin-left: 0;
}
#top #top_main .topright ul li .top-cart a:hover {
    color: #1f528a;
    text-decoration: underline;
}
#top #top_main .topright ul li .top-cart-ico-wrap {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}
#top #top_main .topright ul li .top-cart-badge {
    position: absolute;
    top: -10px;
    right: -9px;
    z-index: 2;
    box-sizing: border-box;
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    max-width: 30px;
    height: 18px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 400;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    background: #f63218;
    border: 1px solid #fff;
    border-radius: 100px;
}
#top #top_main .topright ul li .top-cart-badge.is-show {
    display: flex;
}
/* #top #top_main .topright ul li .mem::before{
    content: '';display: block;width: 1px;height: 10px;background: #DCDEE0;position: absolute;top: 50%;transform: translateY(-50%);right: 0;
} */
#top #top_main .topright ul li .mem::after,#top #top_main .topright ul li .channel::after,#top #top_main .topright ul li .top-cart::after{
    content: '';display: block;width: 1px;height: 10px;background: #DCDEE0;position: absolute;top: 50%;transform: translateY(-50%);left: -4px;
}
#top #top_main .topright ul li .channel::after{
    left:-8px;
}

#top #top_main .topright ul li.kefu:hover .kefuhide {display: block;}

/* 业务频道下拉 */
#top #top_main .topright ul li.kefu.channel-entry.is-hidden {
    display: none !important;
}
#top #top_main .topright ul li .channel-trigger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #333;
    white-space: nowrap;
}
#top #top_main .topright ul li .channel-arrow {
    width: 16px;
    height: 16px;
    margin: 0;
    transition: transform 0.2s;
}
#top #top_main .topright ul li.channel-entry:hover .channel-arrow {
    transform: rotate(180deg);
}
#top #top_main .topright ul li .channel-hide, #top #top_main .topright ul li .member-hide {
    width: auto;
    min-width: 88px;
    height: auto;
    padding: 8px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
#top #top_main .topright ul li .channel-hide ul li, #top #top_main .topright ul li .member-hide ul li {
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: left;
    padding: 0 12px;
    box-sizing: border-box;
    white-space: nowrap;
}
#top #top_main .topright ul li .channel-hide ul li a, #top #top_main .topright ul li .member-hide ul li a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
#top #top_main .topright ul li .channel-hide ul li a:hover, #top #top_main .topright ul li .member-hide ul li a:hover {
    color: var(--cas-brand, #2268ca);
    text-decoration: none;
}

/*顶部导航 管理中心 下拉样式*/
#top #top_main .topright ul li .yuansuoguanli{width: 110px;height: 24px;margin-top: 5px;border: 1px solid #F7F7F7;position: relative;z-index: 999;}
#top #top_main .topright ul li .yuansuoguanli ul li {width: 110px;height: 22px;}
#top #top_main .topright ul li.kefu:hover .yuansuoguanli {border: 1px solid #efefef;background: white;border-radius:5px; }

/*购物车样式*/
.cas_shop .cas_shopList{padding: 20px}
.cas_shop .cas_shopList li{display: inline-block;}
.cas_shop .cas_shopList .counts{color: #ff7700;padding: 0 5px}
.cas_shop .cas_shopList .showGwc:hover{background: #ffa015;}
.cas_shop .cas_shopList li:nth-child(2){background: #1f528a;font-size: 14px;border-radius: 5px;padding: 2px 5px;float: right}
.cas_shop .cas_shopList li:nth-child(2):hover{background: #ffa015;}
.cas_shop .cas_shopList li:nth-child(2) a{color: #fff;font-size: 14px;}

/*顶部样式*/
.toptitles{float: left;height: 40px;line-height: 40px}
.toptitles ul{float: left}
.toptitles ul:nth-child(2){padding-left: 220px}
.toptitles ul:nth-child(2) span{color: #666}
.toptitles ul:nth-child(3) .border{color: #ccc;padding: 0 5px}
.toptitles ul:nth-child(2) a{color: #1f528a;}
.toptitles .liList{display: inline-block}
.toptitles .liList span{color: #ccc;padding: 0 8px}
.toptitles .liList a{color: #666}
.toptitles .liList a:hover{color: #1f528a;text-decoration: underline}
.toptitles .liList .didian{ width: 18px;height: 18px;background: url(/static/new6.1/common/images/didian.png) no-repeat;display: inline-block;vertical-align: middle}

.toptitles .rightList {height: 40px;line-height: 40px;margin-left:50px}
.toptitles .rightList .showList{height: 40px;line-height: 40px;}
.toptitles .rightList li{display: inline-block}
.toptitles .rightList .showList li{display: inline-block}
.toptitles .rightList .showList img{vertical-align: middle}
.toptitles .rightList .showList:hover .hidelist{display: block}
.toptitles .rightList .hidelist{position: absolute;margin-left:6px;z-index: 99;width: 94px;line-height: 10px;background: #fff;display: none;border: solid 1px #e1e1e1;border-top: none;}
.toptitles .rightList .hidelist li{display: block;padding: 10px}

.cas_info{
    position: relative;
}
.cas_info.is-collapsed{
    pointer-events: none;
}
.top_close{
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}
.top_close:hover{
    opacity: 0.8;
}
.top_close img{
    display: block;
    vertical-align: top;
}

/* 顶通收起：飞向 promoDock 的过渡层（宽高位移动画，避免非等比 scale 压扁） */
.top-ad-fly{
    position: fixed;
    z-index: 100001;
    pointer-events: none;
    overflow: hidden;
    background: #fff;
    will-change: left, top, width, height, border-radius;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.18);
}
.top-ad-fly__inner{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.top-ad-fly__big,
.top-ad-fly__small{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 180ms ease;
}
.top-ad-fly__big{
    opacity: 1;
}
.top-ad-fly__small{
    opacity: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.top-ad-fly.is-to-small .top-ad-fly__big{
    opacity: 0;
}
.top-ad-fly.is-to-small .top-ad-fly__small{
    opacity: 1;
}
.top-ad-fly__big img,
.top-ad-fly__big .index-top-ad-stack{
    display: block;
    width: 100%;
    height: 100%;
}
.top-ad-fly__big img,
.top-ad-fly__big .index-top-ad-fg{
    object-fit: cover;
    object-position: center;
}
.top-ad-fly__big .index-top-ad-stack{
    background-size: cover;
    background-position: center;
}