#header{background-color: var(--header-color);width: 100%;height: 82px;display: flex;position: relative;z-index: 12;}
#header .header_box{width: 100%;height: 100%;display: grid;grid-template-columns: repeat(3, 1fr);align-items: center;}
#header .header_box a{color: #FFF;font-weight: 500;font-size: 18px;}
#header .left{display: flex;justify-content: left;align-items: center;}
#header .left .logo{display: flex;justify-content: center;align-items: center;font-size: 0;}
#header .left .logo img{max-width: 100%;max-height: 65px;min-width: 140px;height: 29px;}
#header .left .logo a{color: white; font-weight: bold; font-size: 25px;height: 29px;}

#header .middle{flex: 1;margin: 0 20px;height: inherit;display: flex;justify-content: center;align-items: center;}
#header .middle .item{float: left;padding:0 20px;font-size: 18px;height: inherit;display: flex;justify-content: center;align-items: center;}
#header .middle .item.current .item_a{font-weight: bold;}
#header .middle .item .item_a{height: auto;display: flex;justify-content: center;align-items: center;position: relative;}
#header .middle .item .item_a:hover{text-decoration: none;color: #eae7e7;}
#header .middle .item span{display: inline-block;}
#header .middle .item .sub_nav{width: 100%;padding: 30px;background-color: #fff;position: absolute;top: 100%;left: 0;box-sizing: border-box;display: none;box-shadow: 0 0 10px #00000050;}
#header .middle .item:hover .sub_nav{display: block;}
#header .middle .item .sub_nav .list{margin-top: 20px;}
#header .middle .item .sub_nav .list:first-child{margin-top: 0;}
#header .middle .item .sub_nav .list .list_title{font-size: 16px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 7px;text-transform: uppercase;}
#header .middle .item .sub_nav .list .list_items_box{display: flex;flex-wrap: wrap;gap: 30px;padding: 20px 0;}
#header .middle .item .sub_nav .list .list_items_box .list_items{width: calc((100% - 30px) / 2); display: flex;align-items: center;}
#header .middle .item .sub_nav .list .list_items_box .list_items .icon{width: 40px;height: 40px;background-color: #ebebeb;border-radius: 5px;display: flex;justify-content: center;align-items: center;}
#header .middle .item .sub_nav .list .list_items_box .list_items .info{margin-left: 20px;flex: 1;}
#header .middle .item .sub_nav .list .list_items_box .list_items .info .name{font-size: 16px;font-weight: bold;color: #001439;}
#header .middle .item .sub_nav .list .list_items_box .list_items .info .name a{color: #001439;}
#header .middle .item .sub_nav .list .list_items_box .list_items .info .desc{font-size: 14px;color: #666;margin-top: 2px;}

#header .right{display: flex;justify-content: right;align-items: center;}
#header .right .login{font-size: 14px;margin-right: 15px;}
#header .right .signup{font-size: 14px;}
#header .right .signup .signup-btn{background-color: #ffb32f; color: #000000; padding: 13px 20px; border-radius: 15px; text-decoration: none; display: inline-block; font-weight: bold;}
#header .nav{display: none;}
#header .nav_bar{display:none;}
#header .nav_bar .sub_bar{display: none;}
#header .account{display: none;}

#header .user{display: flex;align-items: center;flex-direction: row;column-gap: 12px;}
#header .user .head{width: 32px;height: 32px;border-radius: 50%;background: rgba(255, 255, 255, 0.2);display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 16px;font-weight: bold;border: 1px solid rgba(255, 255, 255, 0.3);}
#header .user .name{font-size: 14px;max-width: 180px;overflow: hidden;text-overflow: ellipsis;color: #ffffff;}
.user-point{ height: 30px; padding: 0 10px; border-radius: 5px; background: linear-gradient(to right, #c0c3fc 5px, #9cc4fc 100%); background-color: #e5e6fe; text-align: center; display: flex; object-fit: contain; justify-content: center; align-items: center; gap: 6px; }
.user-point .point-header { display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; }
.user-point .point-content{flex: 1;display: flex; justify-content: center; align-items: center; gap: 7px;font-size: 16px; color: #1e377f;}
.user-point .point-name{max-width: 90px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.user-point .point-interval { color: #89a2f7; line-height: 1;}
.user-point .point-buy{font-size: 14px; color: #1e377f;}

@media (max-width: 1150px) {
    .user-point .point-name span{display: none;}
}

.user-point{display: none;}
@media (max-width: 1024px) {
    #header{width: 100%;height: 65px;display: flex;}
    #header .middle{display:none;}
    #header .right{display:none;}
    
    #header .nav{display: flex;width: 15%;align-items: center;}
    #header .nav-icon {width: 24px;height: 18px;position: relative;cursor: pointer;display: inline-block;}
    #header .nav-icon span {background-color: #FFF;position: absolute;border-radius: 2px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);width: 100%;height: 3px;transition-duration: 500ms;}
    #header .nav-icon span:nth-child(1) {top: 0;left: 0;}
    #header .nav-icon span:nth-child(2) {top: 8px;left: 0;}
    #header .nav-icon span:nth-child(3) {bottom: 0;left: 0;}

    #header .header_box{display: flex;justify-content: space-between;align-items: center;}
    #header .left{width: 70%;justify-content: center;}
    #header .left .logo{width: 85%;}
    
    #header .account{width: 15%;display: flex;justify-content: right;align-items: center;}
    #header .account .user .head{width: 28px;height: 28px;font-size: 14px;}
    
    #header .nav_bar{display:none;position: fixed;top: 0;left: 0;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 999;align-items: center;justify-content: center;}
    #header .nav_bar .bar{position: absolute;z-index:1000;left: -100%;top: 0;width: 80%;height:100vh;background-color: #fff;padding: 20px 15px;box-sizing: border-box;}
    #header .nav_bar .bar .items{margin-top:30px;display: flex;flex-direction: column;row-gap: 20px;}
    #header .nav_bar .bar .items a{width: 100%;justify-content:left;text-decoration:unset;color: #333;}
}

/* 搜索框 */
.icon_flag_out{width: 35px;height: 35px;border-radius: 50%;overflow: hidden;border: 1px solid #cfd2d6;}
.icon_flag_out .icon_flag_big{transform: translate(-15px, -2px);}
.header_search{
    background:
        linear-gradient(to right, rgb(6, 54, 243) 10px, rgb(122, 87, 250) 100%);
}
.header_search #header{background: unset;}
.search_banner{display: flex;justify-content: center;flex-wrap: wrap;padding: 60px 0;flex-direction: column;align-items: center;}
.search_banner form{display: flex;align-items: center;gap: 10px;}
.search_banner dl.country_select{width: 259px;height: 60px;background: #fff;border-radius: 8px;box-sizing: border-box;padding: 0 21px 0 14px;display: flex;align-items: center;position: relative;z-index: 1;}
.search_banner dl.country_select dt{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.search_banner dl.country_select span{display: flex;align-items: center;flex: 1;}
.search_banner dl.country_select span em{font-size: 16px;color: #3f4956;line-height: 1.25;margin-left: 10px;flex: 1;}
.search_banner dl.country_select .select{display: inline-block;background: url(../../../images/list/list_select.png) no-repeat center/cover;width: 15px;height: 9px;cursor: pointer;}
.search_banner dl.country_select dd{position: absolute;left: 0;right: 0;top: 100%;background: #fff;border-radius: 8px;padding: 15px 21px 15px 14px;display: none;max-height: 300px;overflow-y: auto;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.search_banner dl.country_select dd::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
.search_banner dl.country_select dd::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);border-radius: 5px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
.search_banner dl.country_select dd::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);background-color: #555;}
.search_banner dl.country_select.cur dd{display: block;}
.search_banner dl.country_select dd span{margin: 10px 0;cursor: pointer;}
.search_banner .keyword_box{width: 849px;height: 60px;background: #fff;border-radius: 50px;box-sizing: border-box;padding: 10px;display: flex;align-items: center;}
.search_banner .keyword_box input{width: calc( 100% - 146px );padding: 0 20px;box-sizing: border-box;font-size: 16px;color: #75777f;border: none!important;}
.search_banner .keyword_box input::-webkit-input-placeholder { /* WebKit browsers */ color: #75777f; } 
.search_banner .keyword_box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #75777f; } 
.search_banner .keyword_box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #75777f; } 
.search_banner .keyword_box input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #75777f; } 
.search_banner .keyword_box .search{width: 150px;height: 47px;border-radius: 50px;background: linear-gradient(to right, #0c3cff, #7957fa);color: #fff;font-weight: bold;font-size: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.search_banner .index_title{display: block;width: 100%;font-size: 60px;color: #ffffff;line-height: 1.3;text-align: center;}
.search_banner .index_sec_title{display: block;width: 100%;font-size: 24px;color: #ffffff;line-height: 2;text-align: center;margin: 32px 0 45px;}
.index_search .search_banner{padding: 140px 0;}
.index_search .search_banner dl.country_select{display: none;}
.search_banner .keyword_box{width: 680px;justify-content: space-between;}
@media (max-width: 1200px) {
    .search_banner dl.country_select{width: 220px;}
    .search_banner .keyword_box{width: 750px;}
    .search_banner .index_title{font-size: 48px;}
    .search_banner .index_sec_title{font-size: 22px;}
}
@media (max-width: 1024px) {
    .search_banner dl.country_select{width: 200px;}
    .search_banner dl.country_select span em{font-size: 14px;}
    .search_banner .keyword_box{width: calc( 100% - 210px );}
    .search_banner .index_title{font-size: 38px;}
    .search_banner .index_sec_title{font-size: 20px;margin: 30px 0 45px;}
    .index_search .search_banner{padding: 110px 0;}
    .search_banner .keyword_box{width: 80vw;}
}
@media (max-width: 768px) {
    .icon_flag_out{display: none;}
    .search_banner{padding: 20vw 4vw;}
    .search_banner dl.country_select{width: 150px;height: 60px;}
    .search_banner dl.country_select span em{margin-left: 0;}
    .search_banner .keyword_box{height: 60px;width: calc( 100% - 160px );}
    .search_banner .keyword_box input{font-size: 14px;padding: 0 10px;width: calc( 100% - 100px );}
    .search_banner .keyword_box .search{font-size: 16px;width: 90px;height: 40px;}
    .search_banner .index_title{font-size: 32px;}
    .search_banner .index_sec_title{font-size: 18px;margin: 4vw 0 6vw;}
    .index_search .search_banner{padding: 20vw 0 30vw;}
    .search_banner .keyword_box{width: 92vw;}
}

/* 10家企业案例 */
.case_study { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 15px; margin-top: 40px !important; margin-left: auto; margin-right: auto; }
.company_card { display: flex; align-items: center; background: #ffffff; border-radius: 12px; padding: 25px 20px; transition: all 0.3s ease; text-decoration: none; color: inherit; }
.company_card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); cursor: pointer; text-decoration: none; }
.card_left { margin-right: 15px; display: flex; align-items: center; justify-content: center; }
.card_left img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; }
.card_right .company_name { font-size: 20px; color: #000000; font-weight: 500; transition: all 0.3s ease; }
.company_card:hover .company_name { color: #0029ff; text-decoration: underline; }
@media (max-width: 1400px) { .case_study{grid-template-columns: repeat(4, 1fr);grid-gap: 12px;}}
@media (max-width: 1024px) { .case_study{grid-template-columns: repeat(3, 1fr);grid-gap: 12px;} .company_card{padding: 12px 16px;} .card_right .company_name{font-size: 18px;}}
@media (max-width: 768px) { .case_study{grid-template-columns: repeat(2, 1fr);grid-gap: 10px;} .company_card{padding: 10px 12px;} .card_left{margin-right: 10px;} .card_right .company_name{font-size: 16px;}}
@media (max-width: 480px) { .case_study{grid-template-columns: repeat(1, 1fr);grid-gap: 8px;} .company_card{padding: 8px 10px;} .card_left{margin-right: 8px;} .card_right .company_name{font-size: 14px;}}

/* 活动横幅 */
#activity_banner .activity_box{ display: flex; align-items: center; justify-content: center; text-align: center; position: relative; }
#activity_banner .activity_box .search_times_box { height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 5px 0;}
#activity_banner .activity_box .search_times_box span { font-size: 14px; }
#activity_banner .activity_box .search_times_box em { font-weight: bold; color: #ff6b00; }
#activity_banner .activity_box .search_times_box a.unlock_btn { position: relative; display: flex; align-items: center; justify-content: center; background: #ff6b00; color: #fff; border-radius: 4px; font-weight: bold; font-size: 14px; flex: 1; padding: 5px; gap: 3px; }
#activity_banner .activity_box .search_times_box a.unlock_btn::before { content: ''; width: 10px; height: 13px; background: url(../images/icon-lock.png) no-repeat center / 10px; filter: brightness(0) invert(1); }
#activity_banner .activity_box .close { position: absolute; display: inline-block; width: 10px; height: 10px; background: url(../images/icon-delete.png) no-repeat center / 10px; top: 15px; transform: translate(0, -50%); right: -15px; cursor: pointer; }
@media (min-width: 530px) {
    #activity_banner .activity_box .search_times_box { height: 40px; flex-direction: row; padding: 0; }
    #activity_banner .activity_box .close { top: 50%; }
}
@media (min-width: 768px) {
    #activity_banner .activity_box .search_times_box { height: 48px; gap: 5px; }
    #activity_banner .activity_box .search_times_box span { font-size: 20px; }
    #activity_banner .activity_box .search_times_box a.unlock_btn { font-size: 18px; padding: 0 10px; height: 35px; }
    #activity_banner .activity_box .search_times_box a.unlock_btn::before { width: 13px; height: 16px; background: url(../images/icon-lock.png) no-repeat center / 13px; }
    #activity_banner .activity_box .close { right: 0; }
}

.search_banner .tips{color: #a7c8ff; font-size: 16px; text-align: left; margin-top: 20px; }


@media print {
    #header{display: none;}
}