.auto_1440 {max-width: 1440px;width: 96%}
/*Top002899 */
.Top002899{position: fixed;z-index: 9999;background: #fff; width: 100%;}
.Top002899,
.Top002899 a{color: #333; transition: 0.3s;}
.Top002899 a:hover{color: #190055;}

.Top002899 .top-nav{ position: absolute;right: 3%; top: 50%; margin-top: -15px;cursor: pointer;z-index: 110;} 
.Top002899 .top-nav aside{float: left;}
.Top002899 .top-nav a{ font-size: 16px; color: #bbb;float: left;line-height: 30px;}
.Top002899 .top-nav a:hover,.Top002899 .top-nav a.aon{color: #fff;background: #190055;}
@media(min-width:1025px){
.Top002899 .top-nav aside.top-column{float: right;}
.Top002899 .top-lang a{padding: 0 10px;}
.Top002899 .top-column a{padding: 0 40px;border-left: 1px solid #eee;}
}
@media(max-width:1024px){
.Top002899 .top-nav a{ padding: 0 2vw;line-height: 30px;}
.Top002899 .top-nav{ right: 20%; } 

}

.Top002899 .top-head{max-width: 1440px; width: 96%; margin: 0 auto;position: relative; z-index: 999;height: 100px; }
.Top002899 .top-logo{position: absolute; left: 0; top: 0;display: table;height: 100%;  max-width: 200px;}
.Top002899 .top-logo a{display: table-cell; vertical-align: middle;}
.Top002899 .top-logo img{max-height: 92px;}
@media(min-width:1025px){
.Top002899 .top-logo{width: 20%;}
}
@media(min-width:1025px) and (max-width:1440px){
.Top002899 .top-head{ padding: 0 30px 0 110px;}
}
@media(max-width:768px){
.Top002899 .top-head{height: 15vw;}
.Top002899 .top-logo{width: 30%;}
.Top002899 .top-logo img{max-height: 15vw;}
}

.Top002899 .top-menu li span,
.Top002899 .top-menu li span a{display: block;}
.Top002899 .top-menu li span a{font-size: 18px;}
.Top002899 .top-menu li.aon span a{}
.Top002899 .top-menu li .sub{display: none; }
.Top002899 .top-menu li .sub-inner {padding: 20px 0;}
.Top002899 .top-menu li .sub dt a:hover{text-decoration:underline;}
@media(min-width:1025px){
.Top002899 .top-menu li span a{line-height: 100px;}
.Top002899 .top-menu li.aon span a{color: #190055;}
.Top002899 .top-menu li .sub dt a{color: #fff; font-size: 16px;}
.Top002899 .top-menu{display: table; margin: 0 auto;}
.Top002899 .top-menu li{float: left; padding: 0 30px;}
.Top002899 .top-menu li .sub{position: absolute; left: 0; top: 100%; width: 100%;overflow: hidden;z-index: 100;background: rgba(25,0,85,0.6);}
.Top002899 .top-menu li .sub dl {float: left;}
.Top002899 .top-menu li .sub dt {float: left;margin: 0 1.31vw;}
.Top002899 .top-menu li .sub.po-r dl{float: right;margin-right: -1.31vw;}
}

@media(max-width:1366px){
  .Top002899 .top-menu li{padding: 0 10px;}
}
@media(max-width:1024px){
.Top002899 .top-menu{position: fixed; top: 0;padding-top: 15vw; right: 0;width: 0;overflow: hidden;bottom: 0;transition: 0.3s; z-index: 95; transition: 0.3s;}
.menu-show{overflow: hidden;}
.menu-show .Top002899 .top-menu{width: 240px;}
.Top002899 .top-menu ul{width: 240px; height: 100%; overflow: auto; padding: 20px;background: rgb(25,0,85,0.95);}
.Top002899 .top-menu li .sub{padding: 0!important;}
.Top002899 .top-menu li span{line-height: 40px; padding-right: 40px; border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;overflow: hidden; }
.Top002899 .top-menu li span .op{position: absolute;right:0; top: 0; height: 100%;width: 40px; transition: 0.3s;}
.Top002899 .top-menu li span .op.click{transform: rotate(45deg);}
.Top002899 .top-menu li span .op:before,
.Top002899 .top-menu li span .op:after{position: absolute; content: '';background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.Top002899 .top-menu li span .op:before{width: 40%; height: 2px;}
.Top002899 .top-menu li span .op:after{height: 40%; width: 2px;}
.Top002899 .top-menu li  a{color: #fff;}
.Top002899 .top-menu li .sub-inner{padding: 20px;}
.Top002899 .top-menu li .sub dt:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.3);}
.Top002899 .top-menu li .sub dt{line-height: 24px; padding: 8px 0;}
.Top002899 .open-menu{width: 40px; height: 30px;position: absolute;right: 30px; top: 50%; margin-top: -15px; z-index: 110;}
.Top002899 .open-menu i{position: absolute; width: 70%; height: 3px; background: #190055; left:15%; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.Top002899 .open-menu i:nth-child(2){ margin-top: -2px; opacity: 1;}
.Top002899 .open-menu i:nth-child(3){ margin-top: 6px;}
.Top002899 .open-menu.on i:nth-child(1){opacity: 0;}
.Top002899 .open-menu.on i:not(:nth-child(1)){transform: rotate(45deg); margin-top: -1.5px;}
.Top002899 .open-menu.on i:nth-child(3){transform: rotate(-45deg);}
}

.Top002899 .top-search{position: absolute; top: 100%; right: 0; overflow: hidden;display: none; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.Top002899 .top-search .text{color: #999; width: 100%; line-height: 50px;height: 50px;background: #fff; border: 0; padding: 0 50px 0 20px;}
.Top002899 .top-search .text.focus{color: #000;}
.Top002899 .top-search .btn{position: absolute;right: 0;height: 100%;width: 50px; background: url("../images/Top002899_search_white.png") no-repeat center center #190055;}
@media(min-width:1025px){
.Top002899 .top-search{width:15vw; min-width: 300px;border-radius: 0 0 5px 5px;}
}
@media(max-width:1024px){
.Top002899 .top-search{width:100%;} 
.Top002899 .top-search .text{color: #000;}
}

.Top002899 .open-search{position: absolute;background: url("../images/Top002899_search.png") no-repeat center center;width: 30px; height: 30px;right: 0; top: 50%; margin-top: -15px;cursor: pointer;z-index: 110;}
.Top002899 .open-search.on{background: #190055;}
.Top002899 .open-search.on:before,
.Top002899 .open-search.on:after{position: absolute; content:''; width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);background: #190055;}
.Top002899 .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}








.cpjs{padding: 3% 0;}
.cpjs .load{position:fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 99;}
.cpjs .load img{max-width: 150px;}
/*
 .Menu000654 为demo编号
 */
.Menu000654{ background:url(../images/Menu000654-bg.jpg) repeat-x center bottom #f1f1f1;}
.Menu000654 header{ border:1px #d8d8d8 solid; background-color:#007dde; color:#fff; font-size:24px; padding:40px 0 25px 0; text-align:center; margin-top:-55px; position:relative; z-index:5;}
.Menu000654 header span{ font-size:14px; display:block;}
.Menu000654 li a{ display:block; padding-left:35px; padding-top:10px; padding-bottom:10px; line-height:20px;border-bottom:1px solid #d8d8d8;}
.Menu000654 li a:hover,
.Menu000654 li a.aon{ background-color:#007dde ; color:#fff;}
.Menu000654 li dl{ background-color:#fff; font-size:12px; display:none;}
.Menu000654 li a.click{ position:relative;} 
.Menu000654 li a.click::after,
.Menu000654 li a.click::before{ position:absolute; content:'';  background-color:#999; top:50%;}
.Menu000654 li a.click::after{width:15px; height:2px; left:10px; margin-top:-2px;}
.Menu000654 li a.click::before{width:2px; height:15px; left:16px; margin-top:-8px;}
.Menu000654 li dl dd a{ color:#999;background: url("../images/select_on1.png") no-repeat 12px center;}
.Menu000654 li dl dd a.aon,
.Menu000654 li dl dd a:hover{ color:#007dde; background: rgba(25,0,80,.1);background: url("../images/select_on1.png") no-repeat 12px center;}
.Menu000654 li dl dd a.aon {background: url("../images/select_on.png") no-repeat 12px center rgba(25,0,80,.1);}
.Menu000654 li a.aon::before{ display:none;}
.Menu000654 li a.aon::after{ background-color:#fff;}
@media(max-width:950px){
.Menu000654 header{ margin-top:0;font-size:20px; padding:15px 0; }
.Menu000654{width: 104%;margin-left: -2%;}
}
/*Spec001884*/
/* 核心容器：关键修改为滚动不换行 */
.Spec001884 .auto {
    max-width: 1440px;
}

.Spec001884 {
    border: 1px solid #e7e7e7;
    position: relative;
    overflow-x: auto; /* 必须保留：横向溢出显示滚动条 */
    overflow-y: visible;
    padding: 2%;
    /* 修复1：将min-width改为固定宽度（或更大的min-width，确保内容不会被挤压） */
    min-width: 100%; /* 容器最小占满父元素宽度，避免过窄 */
    /* max-width: 100%;  容器最大占满父元素宽度，超出部分滚动 */
    max-width: 1150px;
    box-sizing: border-box;
}
    /* 表单布局：Flex横向排列，居中对齐 */
    .Spec001884 form {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 40px;
        flex-wrap: nowrap; /* 禁止表单换行 */
        width: fit-content; /* 表单宽度自适应内容（关键！让内容宽度超过容器） */
    }
    /* 左侧筛选项容器ul：Flex横向排列所有li/ol */
    .Spec001884 .ul {
        display: flex;
        gap: 40px; /* 每个筛选项之间的间距（统一替换原margin-right） */
        padding: 0;
        margin: 0;
        list-style: none;
    }

    /* 单个筛选项（li/ol）：统一样式，防止换行 */
    .Spec001884 li,
    .Spec001884 ol {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        white-space: nowrap; /* 禁止筛选项内文字换行 */
    }

    /* 筛选项标题span：独占一行，统一间距 */
    .Spec001884 span {
        display: block;
        margin-bottom: 15px;
        font-size: 14px; /* 可选：调整标题字体大小，更清晰 */
        color: #333;
    }

    /* 普通输入框（Part Number、PKG Size） */
    .Spec001884 li input {
        border: 1px solid #dcdcdc;
        width: 100%;
        line-height: 38px;
        max-width: 240px;
        padding: 0 10px; /* 增加内边距，文字不贴边 */
        box-sizing: border-box;
    }

        .Spec001884 li input:focus,
        .Spec001884 li input:hover {
            box-shadow: 0 0 10px rgba(0,125,222,.5);
            outline: none; /* 清除默认聚焦边框 */
        }

    /* 区间输入框容器（价格/带宽等） */
    .Spec001884 ol div {
        background: url(../images/Spec001884-price.jpg) no-repeat left center;
        margin-top: 3px;
        display: flex;
        align-items: center; /* 区间输入框垂直居中 */
    }

    /* 区间输入框（max/min） */
    .Spec001884 ol .text {
        border: none;
        width: 47px;
        font-size: 12px;
        height: 42px;
        padding-left: 13px;
        line-height: 42px;
        background: none;
        margin-right: 8px;
        box-sizing: border-box;
    }
        /* 修复内联style的padding-left冲突，统一样式 */
        .Spec001884 ol .text[placeholder="max"],
        .Spec001884 ol .text[placeholder="min"] {
            padding-left: 13px !important;
        }

    /* 右侧功能按钮（搜索+重置） */
    .Spec001884 dl {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        gap: 10px; /* 按钮之间间距，替代原margin-left */
    }

        .Spec001884 dl dd {
            padding: 0;
            margin: 0;
        }

            /* 搜索按钮 */
            .Spec001884 dl dd input#btn_search {
                background: #f5f5f5 url(../images/ss2.svg) no-repeat center center;
                border: none;
                background-size: 28px;
                border-radius: 5px;
                cursor: pointer;
                width: 50px;
                height: 50px;
                transition: background-color 0.3s; /*  hover过渡动画，更流畅 */
            }

            /* 重置按钮 */
            .Spec001884 dl dd:last-child input {
                background: #f5f5f5 url(../images/cz2.svg) no-repeat center center;
                background-size: 18px;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                width: 50px;
                height: 50px;
                transition: background-color 0.3s;
            }

            /* 按钮hover效果 */
            .Spec001884 dl dd:hover input#btn_search {
                background-color: #007dde;
                background-image: url(../images/ss1.svg);
            }

            .Spec001884 dl dd:last-child:hover input {
                background-color: #007dde;
                background-image: url(../images/cz1.svg);
            }

/* 修复wow动画可能的溢出问题（可选） */
.wow {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
}

    .wow.fadeInUp {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }


.cpjs_top {
    margin-bottom: 20px;
    width: 100%;
    overflow: visible;
}

.pro1 .auto {
    max-width: 1440px;
}

.pro1 {
    max-width: 1150px;
    overflow-x: auto;
}

/* --------------- Spec001884滚动条样式配置 --------------- */
/* 1. Chrome/Safari/Edge 等 Webkit 内核浏览器 */
/* 横向滚动条整体宽度（重点：控制滚动条粗细） */
.Spec001884::-webkit-scrollbar {
    height: 20px; /* 横向滚动条高度 = 宽度（横向滚动时，height 对应滚动条粗细） */
    background-color: #f5f5f5; /* 滚动条背景色（未滚动区域） */
}
/* 横向滚动条的“滑块”（拖动部分） */
.Spec001884::-webkit-scrollbar-thumb {
    background-color: #ccc; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角（可选，更美观） */
    border: 2px solid #f5f5f5; /* 滑块边框（可选，增加间隙感） */
}
    /* 滑块 hover 状态（可选，优化交互） */
    .Spec001884::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }
/* 2. Firefox 浏览器（单独配置，兼容Firefox） */
.Spec001884 {
    scrollbar-width: thick; /* 滚动条宽度：auto（默认）/ thin（细）/ thick（粗） */
    scrollbar-color: #ccc #f5f5f5; /* 滑块颜色 + 滚动条背景色 */
}
/* --------------- Spec001884滚动条样式配置 --------------- */
/* --------------- pro1滚动条样式配置 --------------- */
/* 1. Chrome/Safari/Edge 等 Webkit 内核浏览器 */
/* 横向滚动条整体宽度（重点：控制滚动条粗细） */
.pro1::-webkit-scrollbar {
    height: 20px; /* 横向滚动条高度 = 宽度（横向滚动时，height 对应滚动条粗细） */
    background-color: #f5f5f5; /* 滚动条背景色（未滚动区域） */
}
/* 横向滚动条的“滑块”（拖动部分） */
.pro1::-webkit-scrollbar-thumb {
    background-color: #ccc; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角（可选，更美观） */
    border: 2px solid #f5f5f5; /* 滑块边框（可选，增加间隙感） */
}
    /* 滑块 hover 状态（可选，优化交互） */
    .pro1::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }
/* 2. Firefox 浏览器（单独配置，兼容Firefox） */
.pro1 {
    scrollbar-width: thick; /* 滚动条宽度：auto（默认）/ thin（细）/ thick（粗） */
    scrollbar-color: #ccc #f5f5f5; /* 滑块颜色 + 滚动条背景色 */
}
    /* --------------- pro1滚动条样式配置 --------------- */

.pro1 table{width: 100%;border: 1px solid #f5f5f5;text-align: center;font-size: 14px;font-weight: normal;}
.pro1::-webkit-scrollbar{width: 4px;height: 4px;}
.pro1::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);}
.pro1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.pro1 table thead{background: #007dde;color: #fff;}
.pro1 table tr,.pro1 table td,.pro1 table th{border: 1px solid #f5f5f5;padding: 18px 5px;}
.pro1 table tr:hover{background: rgba(0,125,222,.1);}
.pro1 table tr.on{background: rgba(0,125,222,.15);}
.pro1 table td .more{ padding: 8px 15px ; border-radius: 20px; color: #333;font-size: 14px;overflow: hidden;transition: all .3s;}
.pro1 table td:hover .more{color: #007dde;}
.pro1 thead, .pro1 tbody{width: 100%}
.cp_h2{font-size: 28px;color: #007dde;margin-bottom: 20px;margin-top: 30px;}

.cp_tite{font-size: 22px;color: #333;margin-bottom: 20px;}
.jsyq{font-size: 16px; color: #999;line-height: 32px;margin-top: 15px;}
.jsyq span{color: #ff0000;font-weight: bold;}

/*Page002046 */
.Page002046 .Pages{ text-align:center; padding:3% 0;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#007dde; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;}
.Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);}
@media(max-width:640px){
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ display:none;}
}
@media(max-width:480px){
.Page002046 .Pages a{padding:0 5px; }
}