/*product-menu*/
.product-menu-box{ position:relative;}
.product-menu-box-left{ width:25%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; position:sticky; left:0; top:0;}
.product-menu-box-left h2{ font-size:1.5rem; line-height:36px; margin-bottom:10px;}
.product-menu-box-left ul{ max-height:500px; overflow-y:auto;}
.product-menu-box-left ul li{ height:30px; line-height:30px; overflow:hidden;}


.product-menu-box-right{ width:73%; height:auto; }
.product-menu-box-right dl{ width:100%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin-bottom:15px;}
.product-menu-box-right dl dt{ width:100%; height:auto; font-weight:bold; font-size:1.2rem; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden;}
.product-menu-box-right dl dt img{ margin-right:10px; width:42px; height:42px;}
.product-menu-box-right dl dd{ padding:20px 0;}
.product-menu-box-right dl dd a{ display:block; width:49%; margin:0 0.5%; height:30px; line-height:30px; overflow:hidden;}


.products-sub-menu{}
.products-sub-menu h1{ font-size:1.8rem; text-align:center; line-height:32px; margin-bottom:20px;}
.products-sub-menu-list{width:100%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px;}
.products-sub-menu-list a{display:block; width:49%; margin:0 0.5%; height:30px; line-height:30px; overflow:hidden;}

/*product-list-select*/
.product-list-select{overflow:hidden; padding:10px;height:auto;background:#e8eef3;margin-bottom:20px; width:98%;}
.specList{overflow:hidden;width:100%;margin-bottom:10px;overflow-x:auto}
.tableSort{width:100%}
.tableSort th{text-align:center;padding:0 5px;font-weight: normal;color: #000;}
.tableSort th.select-item{padding:5px}
.tableSort th.select-item input{margin-right:5px}
.tableSort th div{height:132px;background:#fff;padding:10px;overflow-y:auto;white-space:nowrap;display:block;text-align:left;font-size:12px;line-height:20px;font-weight:400}
.key-wrap{padding:5px 13px}
.key-wrap .key-item{margin:0 10px 10px 0;display:inline-block;zoom:1;padding:0 6px;height:22px;border:1px solid #dedede;font-size:12px;line-height:22px;background:#fff;cursor:pointer}
.key-wrap .key-item:hover{background:#cab883;color:#fff}
.key-wrap .key-item .close-icon{vertical-align:-3px;margin-left:7px;display:inline-block;zoom:1;width:15px;height:15px;cursor:pointer;background-image:url(../images/del.png)}
.criteria-result-wrap{padding:0 15px}
.clear-btn{vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#5e7e9a;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.sure-btn{margin-left:10px;vertical-align:top;display:inline-block;zoom:1;width:130px;height:34px;background-color:#cab883;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.statistics-info{margin-left:17px;vertical-align:top;display:inline-block;zoom:1;height:34px;font-size:14px;line-height:34px;color:#666}
.tableSort th div::-webkit-scrollbar {
    width: 4px;
    height:4px
}
.tableSort th div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.tableSort th div::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
} 
.specList::-webkit-scrollbar {
    width: 6px;
    height:6px;
}
.specList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#5e7e9a;}
.specList::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
} 

/*product-list*/
.parts-list .jss187{position:relative;width:98%; overflow-x:auto;}
.parts-list h2{ font-size:14px; font-weight:normal;}
.parts-list table{border:1px solid #ccc;border-collapse:collapse;border-spacing:0;width:100%;display:table;background:#fff}
.parts-list th{border:1px solid #ccc;background:#e5e7eb; font-weight:normal; color:#333;font-size:13px;padding:8px 5px;text-align:center}
.parts-list table tr:hover{background:#fff9ee}
.parts-list td{border:1px solid #ccc;font-size:13px;padding:4px 5px;text-align:center;vertical-align:middle}
.parts-list td.price p{ display:flex; justify-content:flex-end;}
.parts-list td.parts{min-width:230px}
.parts-list td.pdf{min-width:120px}
.parts-list td.parts a{ color:#cab883 !important;}
.parts-list td img{max-width:60px; height:auto;}
.parts-list td .selectnum input{ max-width:120px; height:32px; line-height:32px; border:1px solid #eee; border-radius:3px; text-align:center;}
.parts-list td .selectbtn{ width:100%; height:auto; margin-top:6px; padding:0 10px; min-width:150px;}
.parts-list td .selectbtn a{ display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#cab883; border-radius:3px; color:#fff;}

.msg-tips{ position:fixed; left:50%; top:30%; margin-left:-160px; z-index:888; text-align:center; background:#fff; border-radius:6px;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:320px; padding:20px; margin-left:-150px; margin-top:0;}
.msg-tips .msg{ position:relative;}
.msg-tips strong{ font-size:1rem; line-height:32px;}
.msg-tips p{ font-size:1rem; line-height:32px;}
.msg-tips a{ margin:0 3px; display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#cab883; border-radius:3px; color:#fff;}
.msg-tips a:last-child{ background:#000 !important;}
.msg-tips p b{ color:#cab883;}
.msg-tips i{ width:14px; height:14px; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.msg-tips i span{ display:none;}

/*product-detail*/
.products-detail-left{ width:65%;}
.products-detail-left-info{ background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px;}
.products-detail-left-info h1{font-size:1.6rem; line-height:36px; margin-bottom:15px; }
.products-detail-left-info-pic{ width:32%; text-align:center;}
.products-detail-left-info-pic img{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:25px;}
.products-detail-left-info-pic a{ width:100%; height:46px; line-height:46px; background:#cab883; border-radius:6px; color:#fff; display:block; margin:15px auto 0 auto;}

.products-detail-left-info-list{ width:65%; }
.products-detail-left-info-list dl{ height:36px; line-height:36px; overflow:hidden; margin-bottom:5px;}
.products-detail-left-info-list dl dt{ width:22%;}
.products-detail-left-info-list dl dd{ width:76%;}
.products-detail-left-info-list dl dd input{max-width:120px; height:36px; line-height:36px; border:1px solid #eee; border-radius:3px; text-align:center; margin-right:5px;}
.products-detail-left-info-list dl .flex a{margin:0 3px; display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#cab883; border-radius:3px; color:#fff;}
.products-detail-left-info-list dl dd p{ margin-right:15px;}
.products-detail-left-info-list dl dd p span{ color:#cab883;}

.products-detail-left-tabcontent{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px; margin-top:15px;}
.products-detail-left-tabcontent h2{font-size:1.4rem; line-height:36px; margin-bottom:15px;}
.products-detail-left-tabcontent ul.product-tab-ul{ width:100%; height:42px; line-height:41px; border-bottom:1px solid #eee;}
.products-detail-left-tabcontent ul.product-tab-ul li{ display:block; padding:0 25px; height:41px; cursor:pointer;}
.products-detail-left-tabcontent ul.product-tab-ul li.thistab{ background:#eee; border-radius:3px 3px 0 0; }
.product-tab-pane{ padding:25px 0; overflow-x:auto; width:100%; line-height:26px;}
.product-tab-pane img{ max-width:100%; height:auto;}
.product-tab-pane h3{font-size:1rem; line-height:32px; margin-bottom:5px;}
.product-tab-spec{}
.product-tab-spec dl{ width:100%; height:42px; line-height:42px; border-bottom:1px solid #eee; display:flex; justify-content:space-between;}
.product-tab-spec .criteria-result-wrap{ margin:15px 0;}
.product-tab-faq{ line-height:28px;}
.renavgiton li{ display:block;  width:100%; line-height:32px; height:32px; overflow:hidden;}
.renavgiton li span{ color:#999; padding-left:10px;}
.product-tab-pane table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.product-tab-pane table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
.product-tab-pane table td img{ max-width:120px;}
 .product-tab-pane table tr {
        background: #fff;
    }

.product-tab-pane-hot-list a{ display:block; width:25%; height:32px; line-height:32px; overflow:hidden;  font-size: 14px;}
.product-tab-pane .product-title-box { border-bottom: 1px solid #eee; display: flex; padding-bottom: 6px; width: 100%;}
.product-tab-pane .product-title-box li {color: #333; flex: 2; font-size: 14px;  font-weight: 700;padding: 10px;}

.product-tab-pane .product-cot-box { width: 100%;}
.product-tab-pane .product-cot-box li { align-items: center; text-align: left; display: flex; font-size: 14px; height: 60px;width: 100%; }
.product-tab-pane .product-cot-box li a {color: #cab883; margin: 0; flex: 2; padding: 0 10px;}
.product-tab-pane .product-cot-box li p {flex: 2;padding: 0 10px;}
.product-tab-pane .product-cot-box li:nth-child(even) {background: #f7f7f7; }

.products-detail-right{ width:34%;}
.products-detail-right-rfq{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px;}
.products-detail-right-rfq h2{font-size:1.4rem; line-height:36px; }
.products-detail-right-rfq h2 i{ color:#cab883;}
.products-detail-right-rfq h3{font-size:1.2rem; line-height:30px; }
.products-detail-right-rfq h3 span{font-size:0.9rem; line-height:26px;color:#999; font-weight:normal; padding-left:10px; }
.products-detail-right-rfq dl{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 15px; margin-top:6px;}
.products-detail-right-rfq dl dt{ width:30%;}
.products-detail-right-rfq dl dd{ width:70%;}
.products-detail-right-rfq dl dd input{ width:100%; border:none; font-size:0.9rem; height:40px; line-height:40px;}
.products-detail-right-rfq dl dd textarea{ border:none; font-size:0.9rem; height:100px; line-height:26px; padding:10px 0;}
.products-detail-right-rfq dl.product-textarea{ height:102px;}
.products-detail-right-rfq button{ width:100%; height:42px; line-height:42px; background:#cab883; color:#fff; border-radius:6px; border:none; font-size:1rem; margin-top:10px;}

.products-detail-price-list{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px;}
.products-detail-price-list h2{font-size:1.4rem; line-height:36px; margin-bottom:10px; }
.products-detail-price-list h2 i{ color:#cab883;}
.products-detail-price-list table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    margin-bottom:10px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.products-detail-price-list table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px; text-align:center;
        padding: 6px;
    }
.products-detail-price-list tr {
        background: #fff;
    }
.products-detail-price-list tr:nth-child(odd){ background:#f7f7f7;}
.products-detail-price-list a{ display:block; width:49%; text-align:center; height:42px; line-height:42px; background:#cab883; color:#fff; border-radius:6px; border:none; font-size:1rem;}
.products-detail-right-ad{ width:100%; margin-top:15px;}
.products-detail-right-ad img{ width:100%; height:auto;  border-radius:6px;}

.products-detail-right-rela{background:#fff; padding:30px; border:1px solid #ddd; border-radius:6px; margin-top:15px;}
.products-detail-right-rela dl{ width:49%; height:auto; text-align:center;}
.products-detail-right-rela dl dt img{ width:120px; height:120px;}
.products-detail-right-rela dl dd{ padding:10px 0;}
.products-detail-right-rela dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.products-detail-right-rela dl dd p{ display:block; height:24px; line-height:24px; overflow:hidden;}

/*contrast*/
.contrast {
    position: fixed;
    font-size: 12px;
    left: 50%;
    display: none;
    z-index: 100000;
    background: #fff;
    border: 4px solid #d9d9d9;
    box-sizing: border-box;
    width: 1280px;
    height: 160px;
    bottom: 0;
    top: auto;
    margin-left: -640px;
}

    .contrast .contrast-nr .contrast1 {
        position: relative;
        height: 34px;
        line-height: 32px;
        padding-left: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444;
    }

    .contrast .db-nr2 {
        float: left;
    }

        .contrast .db-nr2 dl {
            width: 229px;
            float: left;
            border-right: 1px solid #ccc;
        }

    .contrast .contrast-nr .contrast1 .contrast-bt {
        float: left
    }

    .contrast .contrast-nr .contrast-cp {
        padding: 20px 15px 12px;
    }

    .contrast .db-nr2 dt {
        width: 82px;
        height: 82px;
        float: left;
    }

        .contrast .db-nr2 dt img {
            width: 82px;
            height: 82px;
        }

    .contrast .db-nr2 dd {
        float: left;
        margin-left: 10px;
        margin-top: 2px;
        width: 106px;
    }

        .contrast .db-nr2 dd p {
            margin: 0;
            margin-bottom: 3px
        }

        .contrast .db-nr2 dd a.db-nr2-1 {
            font-weight: bold
        }

        .contrast .db-nr2 dd b {
            font-weight: 400;
        }

    .contrast .db-nr2-2 {
        width: 31px;
        text-align: right;
        color: #cab883 !important;
        border: 1px solid #ccc;
        padding: 2px 10px;
        border-radius: 4px;
    }

    .contrast .contrast-nr .contrast1 .contrast-yc a {
        float: right;
        display: block;
        margin-top: 10px;
        width: 0;
        height: 20px;
        background: url(../images/del.png) no-repeat;
        padding: 2px 10px;
    }

    .contrast .contrast-nr .contrast1 .contrast-bt a.hover {
        color: #cab883 !important;
        border-bottom: 2px solid #cab883;
        padding: 8px 0;
    }

    .contrast .contrast-nr .contrast-cp .contrast-btn {
        float: right;
        box-sizing: border-box;
        width: 90px;
        padding: 16px 0 12px 20px;
        border-left: 1px solid #e3e3e3;
        text-align: center;
    }

        .contrast .contrast-nr .contrast-cp .contrast-btn input {
            margin-bottom: 15px;
            width: 60px;
            height: 25px;
            line-height: 25px;
            border: none;
            border-radius: 2px;
            background: #cab883;
            color: #fff;
        }

        .contrast .contrast-nr .contrast-cp .contrast-btn a {
            color: #cab883;
        }
.product-compare{overflow-x:auto;}
.product-compare table {
    width: 100%;
    font-size: 13px;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
}

.product-compare table {
    width: 100%;
    font-size: 13px;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
}

.product-compare tr:first-child td {
    text-align: center
}

.product-compare table tr td {
    border: 1px solid #ccc;
    border-right: 0;
    border-top: 0;
    background: #fff;
    padding: 5px 8px
}

.product-compare table tr td:first-child {
        background: #f1f1f1;
        width: 150px;
        text-align: center;
    }

.product-compare  table tr td a {
            color: #cab883 !important
        }

.product-compare  table tr td a.submit {
                color: #fff !important;
                background: #cab883;
                display: inline-block;
                border-radius: 5px;
                padding: 5px 20px;
            }

.product-compare  table tr td p {
            margin: 0px;
        }

.product-compare  table tr td p span {
                color: #cab883;
            }

.posts_content{}
.posts_content h1{font-size:1.6rem; line-height:36px; margin-bottom:15px; }
.posts_content div{ line-height:26px;}

/*product-pro*/
.product-pro{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:30px; background:#fff;}
.product-pro dl{ width:18%; margin:1%; text-align:center; overflow:hidden; border:1px solid #eee; border-radius:3px; padding:20px;}
.product-pro dl dt img{ width:100%; height:auto;}
.product-pro dl dd{ padding-top:10px;}
.product-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.product-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }

/*product-pdf*/
.product-pdf{ width:100%; height:100%;}
.product-pdf-left{ width:70%; height:100%;}
.product-pdf-left iframe{ width:100%; height:100%;}
.product-pdf-right{ width:30%; height:100%; padding:30px; background:#fff;}
.product-pdf-right h1{ font-size:1.4rem; line-height:30px;}
.product-pdf-desc{ width:100%;}
.product-pdf-desc-left{ width:28%;}
.product-pdf-desc-left img{ width:100%; height:auto; border:1px solid #eee; padding:10px; border-radius:3px;}
.product-pdf-desc-right{ width:71%;}
.product-pdf-desc-right a{ display:block;}
.product-pdf-desc-right em{ display:block;}
.product-pdf-right h2{ font-size:1.2rem; line-height:30px;  color:#cab883;}



.products-pdf-form-box{}
.products-pdf-form-box dl{ width:100%;}
.products-pdf-form-box dl dt{ width:100%; line-height:32px;}
.products-pdf-form-box dl dd input{width:100%; height:42px; line-height:42px; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.products-pdf-form-box dl dd select{width:100%; height:42px; line-height:42px; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.products-pdf-form-box dl dd textarea{width:100%; height:80px; line-height:26px; border:1px solid #ddd; border-radius:3px; padding:10px;}


.pro-navigation-box{ position:relative;}
.pro-navigation-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.pro-navigation{position:sticky; left:0; top:0; z-index:777;}
.pro-navigation ul{ text-align:center; padding:10px 0; width:100%; }
.pro-navigation ul li{ padding:15px; display:inline-block; background:#fff; border-radius:3px; margin:2px 0; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.pro-list-menu li{ width:25%; height:28px; line-height:28px; overflow:hidden;}


@media (max-width: 768px) {
    /*product-menu*/
    .product-menu-box-left{ width:100%; }
.product-menu-box-left h2{ font-size:1.2rem; }
.product-menu-box-left ul{ max-height:300px; }
.product-menu-box-left ul li{ height:28px; line-height:28px; overflow:hidden;}


.product-menu-box-right{ width:100%; height:auto; margin-top:15px; }
.product-menu-box-right dl{ margin-bottom:10px;}
.product-menu-box-right dl dt{ font-size:1.1rem; }
.product-menu-box-right dl dd{ padding:10px 0;}
.product-menu-box-right dl dd a{ width:100%; margin:0; }


.products-sub-menu{}
.products-sub-menu h1{ font-size:1.2rem; }
.products-sub-menu-list a{ width:100%; margin:0; }





/*product-detail*/
.products-detail-left{ width:100%;}
.products-detail-left-info{  padding:20px; }
.products-detail-left-info h1{font-size:1.2rem; line-height:28px;  margin-bottom:10px; }
.products-detail-left-info-pic{ width:100%; }
.products-detail-left-info-pic a{  height:36px; line-height:36px;  margin:10px auto 0 auto;}

.products-detail-left-info-list{ width:100%; padding-top:15px;}
.products-detail-left-info-list dl{ height:auto; line-height:30px; margin-bottom:5px;}
.products-detail-left-info-list dl dt{ width:100%;}
.products-detail-left-info-list dl dd{ width:100%;}
.products-detail-left-info-list dl dd input{max-width:60px;  margin-right:3px;}
.products-detail-left-info-list dl .flex a{margin:0 2px; padding:0 10px; }
.products-detail-left-info-list dl dd p{ margin-right:5px;}


.products-detail-left-tabcontent{padding:20px; margin-top:10px;}
.products-detail-left-tabcontent h2{font-size:1.2rem; line-height:30px; margin-bottom:10px;}
.products-detail-left-tabcontent ul.product-tab-ul li{  padding:0 10px; }
.product-tab-pane{ padding:15px 0;  }

.product-tab-pane h3{line-height:26px;}
.product-tab-spec dl{ height:auto; line-height:26px; padding:5px 0;  }
.product-tab-spec dl dt{ width:100%;}
.product-tab-spec dl dd{ width:100%;}
.product-tab-faq{ line-height:26px;}
.renavgiton li{ line-height:28px; height:28px; }
.renavgiton li span{ padding-left:5px;}

.product-tab-pane-hot-list a{  width:50%; height:26px; line-height:26px; }



.products-detail-right{ width:100%; margin-top:15px;}
.products-detail-right-rfq{ padding:20px; }
.products-detail-right-rfq h2{font-size:1.2rem; line-height:30px; }
.products-detail-right-rfq h3{font-size:1rem; line-height:26px; }
.products-detail-right-rfq h3 span{ padding-left:5px; }
.products-detail-right-rfq dl{padding:0 10px; margin-top:4px;}
.products-detail-right-rfq dl dt{ width:35%;}
.products-detail-right-rfq dl dd{ width:65%;}

.products-detail-right-rfq button{  margin-top:5px;}

.products-detail-price-list{padding:20px; }
.products-detail-price-list h2{font-size:1.2rem; line-height:30px; }


.products-detail-right-rela{ padding:20px;}


/*contrast*/
.contrast {
    left:3%;
    width: 94%;
    margin-left: 0;
}


.posts_content h1{font-size:1.2rem; line-height:32px; margin-bottom:10px; }

/*product-pro*/
.product-pro{ padding:20px; }
.product-pro dl{ width:48%; padding:10px;}

/*product-pdf*/

.product-pdf-left{ width:100%; }
.product-pdf-right{ width:100%; padding:20px 20px 50px 20px; }


.pro-navigation-box h1{font-size:1.4rem;}
.pro-list-menu li{ width:50%;}


}