* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* 自定义整个滚动条 */
::-webkit-scrollbar {
    height: 8px; /* 滚动条宽度 */
    display: none;
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
    background: #888; /* 滑块颜色 */
}

/* 当hover或active状态时，自定义滑块的颜色 */
::-webkit-scrollbar-thumb:hover {
    background: #9d9d9d;
}
/*首页*/
#header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 76px;
    z-index: 5;
}


#header #header-mobile {
    display: none;
}

.header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    font-size: 16px;
    font-family: AlibabaPuHuiTi_2_65_Medium;
    color: #ffffff;
    background: transparent;
    /*overflow: hidden;*/
    /*z-index: 5;*/
}
.header-box a {
    color: #ffffff;
}
.light-header-box,
.light-header-box a,
.light-header-box .nav-btn > a,
.light-header-box .project-name a {
    color: rgba(16, 26, 43, 1);
}
.project-name {
    font-size: 28px;
    line-height: 76px;
    font-family: YouSheBiaoTiHei;
}
.project-name > span {
    padding-right: 4px;
}
.project-name a {
    color: #ffffff;
}
/*------ 导航栏 start ---------*/
.nav-bar {
    display: flex;
    margin-left: 61px;
}
.nav-bar > li {
    position: relative;
    height: 100%;
    padding: 0 34px;
    line-height: 76px;
    cursor: pointer;
}
.down-arrow {
    display: inline-block;
    width: 11px;
    height: 6px;
    margin: 0 0 2px 6px;
    background: url("../../images/down-arrow-white.png") no-repeat;
    background-size: 100% 100%;
}
.nav-btn {
    padding: 9px 25px;
    font-size: 15px;
    line-height: 15px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.nav-btn > a {
    color: #ffffff;
}
/*------  导航栏 end ---------*/

/*-----------悬浮后样式 start-----------*/
.header-box:hover {
    color: rgba(16, 26, 43, 1);
    background: #ffffff;
}
.header-box:hover a {
    color: rgba(16, 26, 43, 1);
}
.header-box:hover .project-name span,
.light-header-box .project-name span {
    color: rgba(0, 95, 255, 1);
}
.header-box:hover .nav-btn,
.light-header-box .nav-btn {
    border: 1px solid rgba(16, 26, 43, 1);
}
.header-box:hover .down-arrow,
.light-header-box .down-arrow {
    background: url("../../images/down-arrow-black.png") no-repeat;
    background-size: 100% 100%;
}
.header-box:hover .telephone-icon,
.light-header-box .telephone-icon {
    background: url("../../images/telephone-black.png") no-repeat;
    background-size: 100% 100%;
}
/*-----------悬浮后样式 end-----------*/

/*-----------二级菜单 start----------*/
/*产品*/
.product-sub-nav-box {
    display: none;
    position: absolute;
    top: 77px;
    left: 0;
    color: rgba(16, 26, 43, 1);
    background: #ffffff;
    box-shadow: 0px 5px 20px 0px  rgba(255, 255, 255, 0.6);
}
.header-product:hover .product-sub-nav-box {
    display: block;
}

.product-sub-menu {
    position: relative;
    padding: 21px 28px;
    height: 514px;
}

.product-sub-menu ul li {
    width: 280px;
    height: 54px;
    line-height: 54px;
    padding-left:28px;

    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-size: 20px;
    color: #101a2b;
}

.product-sub-menu ul li:hover {
    background: #2860f5;
    color: #fff;
}
.product-sub-menu ul li:hover .assistants {
    color: #fff;
}


.product-sub-menu ul li.active-menu {
    background: #2860f5;
    color: #fff;
}

.product-sub-menu ul li.active-menu .assistants {
    color: #fff;
}


.product-sub-menu ul li:hover  .product-list{
    display: block;
}

.active-menu .product-list {
    display: block;
}

.product-list {
    display: none;
    position: absolute;
    right: -137%;
    top: 0;
    width: 461px;
    height: 100%;
    padding: 28px;
    padding-top: 16px;
    background: #ffffff;
    border-left: 1px solid #e4e4e4;
    box-shadow: 0px 5px 20px 0px  rgba(255, 255, 255, 0.6);

}
.product-list .title {
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-size: 18px;
    color: #101a2b;
}

.product-list .product_top_list:first-child {
    border-bottom: 1px solid #e4e4e4;
}

.product-list .product-list-box {
    display: flex;
    flex-direction: column;
    padding-bottom: 19px;
}
.product-list .product-list-box a {
    display: block;
    color: #000;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-size: 16px;
    color: #101a2b;
    line-height: 1;
    margin-bottom: 11px;
}

.product-list .product-list-box a:hover {
    color: #3268f6;
}
.product-list .product-list-box .active_intro > a {
    color: #3268f6;
}


.product-list .product-list-box a:hover ~ .introduce{
    display:block;
}

.product-list .product-list-box a.active_intro ~ .introduce{
    display:block;
}

.product-sub-menu ul li:hover .product-list {
    display: block;
}

.product-list-box .active_intro .introduce{
    display:block;
}

.product-list-box .introduce {
    display:none;
    position: absolute;
    right: -104%;
    top: 0;
    width: 482px;
    height: 100%;
    background: #f0f0f0;
    box-shadow: 0px 5px 20px 0px  rgba(255, 255, 255, 0.6);

}
.product-list-box .introduce .introduce_box {
    padding: 30px;
    padding-bottom: 0;
    padding-top: 10px;
    overflow:hidden;
}

.product-list-box .introduce .introduce_box p {
    /* margin-top: 20px; */
    line-height: 24px;
    height:50px;

    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-size: 16px;
    color: #101a2b;
}

.product-list-box .introduce img {
    width: 421px;
    height: 190px;
    margin-top: 20px;
    border-radius: 4px;
    object-fit: cover;
}

.product-list-box .introduce .solution-box {
    background: #f8f8f8;
    height: 188px;
    padding: 30px;
    /* box-shadow: 0px 2px 20px 0px  rgba(255, 255, 255, 0.6); */
}

.offline {
    color:rgba(0,0,0,0.4) !important;
    cursor: not-allowed;
}

.offline_intro {
    display:none !important;
}



/*解决方案*/

.header-solution:hover .solution-sub-nav-box {
    display: block;
}

.customer-solution:hover .customer-case {
    display: block;
}

.solution-sub-nav-box {
    display: none;
    position: absolute;
    top: 77px;
    left: 0;
    color: rgba(16, 26, 43, 1);
    background: #ffffff;
    box-shadow: 0px 5px 20px 0px  rgba(255, 255, 255, 0.6);
}
.header-solution:hover .solution-sub-nav-box {
    display: block;
}

.solution-sub-menu {
    position: relative;
    padding: 21px 28px;
    height: 250px;
}

.solution-sub-menu ul li {
    width: 280px;
    height: 54px;
    line-height: 54px;
    padding-left:28px;

    font-family: AlibabaPuHuiTi_2_65_Medium;
    font-size: 20px;
    color: #101a2b;
}

.solution-sub-menu ul li:hover {
    background: #2860f5;
    color: #fff;
}

.solution-sub-menu ul li.active-menu {
    background: #2860f5;
    color: #fff;
}


.active-menu .solution-scheme-list {
    display: flex;
}


.solution-scheme-list {
    display: none;
    position: absolute;
    right: -137%;
    top: 0;
    width: 461px;
    height: 100%;
    padding: 28px;
    padding-bottom: 56px;
    padding-top: 16px;
    background: #ffffff;
    border-left: 1px solid #e4e4e4;
    box-shadow: 0px 5px 20px 0px  rgba(255, 255, 255, 0.6);
    overflow-y: scroll;
}
.solution-scheme-list .title {
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    font-size: 18px;
    color: #101a2b;
}

.solution-scheme-list .solution_top_list:first-child {
    margin-right:160px;
    flex-shrink: 0;
}

.solution-scheme-list .solution_top_list img{
    width: 100%;
    height:100%;
    /*object-fit: contain;*/
}

.solution-scheme-list .solution_top_list {
    overflow-y: scroll;
}

.solution-scheme-list .solution-list-box {
    display: flex;
    flex-direction: column;
    padding-bottom: 19px;
}
.solution-scheme-list .solution-list-box a {
    color: #000;
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-size: 16px;
    color: #101a2b;
    line-height: 1;
    margin-bottom: 11px;
}

.solution-scheme-list .solution-list-box a:hover {
    color: #3268f6;
}
.solution-scheme-list .solution-list-box .active_intro > a {
    color: #3268f6;
}


.solution-scheme-list .solution-list-box a:hover ~ .introduce{
    display:block;
}


.solution-list-box .active_intro .introduce{
    display:block;
}

.solution-list-box .introduce {
    display:none;
    position: absolute;
    right: -104%;
    top: 0;
    width: 482px;
    height: 100%;
    background: #f0f0f0;
    box-shadow: 0px 5px 20px 0px  rgba(255, 255, 255, 0.6);

}
.solution-list-box .introduce .introduce_box {
    padding: 30px;
    padding-bottom: 0;
    padding-top: 10px;
    overflow:hidden;
}

.solution-list-box .introduce .introduce_box p {
    /* margin-top: 20px; */
    line-height: 24px;
    height:50px;

    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-size: 16px;
    color: #101a2b;
}

.solution-list-box .introduce img {
    width: 421px;
    height: 190px;
    margin-top: 20px;
    border-radius: 4px;
    object-fit: contain;
}

.solution-list-box .introduce .solution-box {
    background: #f8f8f8;
    height: 188px;
    padding: 30px;
    /* box-shadow: 0px 2px 20px 0px  rgba(255, 255, 255, 0.6); */
}

.offline {
    color:rgba(0,0,0,0.4) !important;
    cursor: not-allowed;
}

.offline_intro {
    display:none !important;
}

.moreAL {
    display:block;
    position: absolute;
    right:-400px;
    bottom:5px;
    color: #101A2b !important;
}



/*-----------二级菜单 end  ----------*/
.telephone-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: url("../../images/telephone-white.png") no-repeat;
    background-size: 100% 100%;
}