.product-top{
    display: none;
}
.moblie{
    display: none;
}
body,
input,
textarea {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.fl_an {
    float: left
}

.fr_an {
    float: right
}

.ft {
    background: #242424;
    color: #696969
}

.ft-p .t {
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold
}

.ft .b {
    line-height: 22px;
    font-size: 12px
}

.ft .b_t {
    border-top: 1px solid #3a3a3a;
    line-height: 30px;
    color: #696969;
    font-size: 12px
}

.ft .b a:hover,
.ft .b a:hover {
    color: #959595;
    text-decoration: underline
}

.ft .b span,
.ft .b_t span {
    margin-right: 5px
}

.ft-links a {
    color: #fff;
    margin: 0 7px
}

.ft-links a:hover,
.ft a:hover {
    color: #c70000
}

.chgo_em {
    margin-right: 6px
}

.top_box .unlog_an,
.top_box #sign_out {
    margin-left: 6px
}

input {
    outline: 0
}

a:focus {
    outline: 0
}

.modal-content {
    border-radius: 3px
}

.b_suject_letter a {
    margin: 0 10px
}

.ft-p,
.ft a {
    color: #696969
}

body,
body.modal-open {
    padding-right: 0 !important
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: absolute;
    width: auto;
    left: 50%;
    top: 50%
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: 0;
    float: right;
    font-size: 16px
}

.modal-header .closer {
    width: 14px;
    height: 14px;
    display: block;
    background: url(../image/close.png) no-repeat center center;
    float: right;
    cursor: pointer
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px 15px 25px 15px;
    text-align: center
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 10px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 0 auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"] {
    min-height: 24px;
    padding: 2px 8px;
    outline: 0;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.btn {
    text-decoration: none;
    border: solid 1px;
    text-align: center;
    cursor: pointer;
    padding: 0 11px;
    font-size: 12px;
    border-radius: 3px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    background: #fff;
    border-color: #e6e6e6;
    color: #333
}

.btn.btn-default {
    padding: 0 10px;
    font-size: 14px;
    border-radius: 3px;
    height: 34px;
    display: inline-block;
    line-height: 34px
}

.btn.btn-success {
    background: #6b0;
    border-color: #6b0;
    color: #fff
}

.btn.btn-success:hover {
    background: #5dab00;
    border-color: #5dab00;
    color: #fff
}

.btn.btn-danger {
    background: #e60000;
    border-color: #e60000;
    color: #fff
}

.btn.btn-danger:hover {
    background: #d20000;
    border-color: #d20000;
    color: #fff
}

/* .icon {
    background: url(../image/icon.png.webp) no-repeat;
    display: inline-block
} */

.icon.icon-success-default {
    padding: 20px;
    line-height: 40px;
    background-position: -14px -111px
}

.icon.icon-warning-default {
    padding: 20px;
    line-height: 40px;
    background-position: -224px -111px
}

.icon.icon-error-default {
    padding: 20px;
    line-height: 40px;
    background-position: -119px -111px
}

.icon.icon-danger-mini {
    padding: 7px;
    line-height: 14px;
    background-position: -342px -256px
}

.personal_xx .tx_img,
.ioc_an div,
.product_links a span i {
    background: url(../image/ioc1.png) no-repeat
}

.logo .h1_box .i,
.vendor_title .span {
    background: url(../image/membersignsA-mini.png) no-repeat 0 center
}

.mt_10 {
    margin-top: 10px
}

.mt_20 {
    margin-top: 20px
}

#topaBar[theme="dark"] .top_box {
    color: #bababa
}

.memberid a {
    color: #0059d6;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.memberid a:hover {
    color: #c70000
}

.nav-hover {
    width: 100%;
    background: #f6f6f6;
    text-align: center;
    line-height: 30px;
    padding: 0;
    box-shadow: none
}

.topNav .quick_nav {
    background: 0;
    position: relative
}

.topNav .quick_hove .quick-nav {
    background: #f6f6f6
}

.topNav li .a_wrap a {
    margin-right: 8px
}

.topNav .quick_hove .a_wrap a {
    color: #c70000
}

.topNav .quick_hove .a_wrap span {
    color: #f6f6f6
}

.topNav li .a_wrap a span {
    left: auto;
    right: 0;
    top: 6px
}

.topNav .quick_hove .a_wrap a span {
    right: -1px;
    border-top-color: #c70000;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%
}

.topNav li a {
    margin: 0
}

.topNav li a:hover {
    color: #c70000
}

.topNav li {
    color: #e6e6e6
}

.logo {
    padding: 20px 0;
    width: 1190px;
    margin: 0 auto;
    color: #696969;
    /* height: 80px */
}

.logo h1,
.logo .h1_box {
    float: left;
    color: #333;
    font-size: 18px;
    height: 45px;
    margin: 22px 0 0 20px;
    display: table;
    line-height: 18px
}

.zg_top {
    border-bottom: 1px #e6e6e6 solid
}

.logo .h1_box img {
    float: none;
    vertical-align: top
}

.logo .h1_box .company-name {
    font-size: 22px
}

.logo .h1_box .main-business {
    margin-top: 10px;
    height: 20px;
    font-size: 14px;
    color: #696969;
    font-weight: normal;
    max-width: 550px;
    overflow: hidden
}

.logo h1 .h1,
.logo .h1_box .h1 {
    display: table-cell;
    vertical-align: middle
}

.logo h1 .i,
.logo .h1_box .i {
    display: inline-block;
    height: 17px;
    width: 75px;
    position: relative;
    top: 2px
}

.logo .h1_box .xmt_an {
    background-position: 0 0
}

.logo .h1_box .xyhy_an {
    background-position: 0 -20px
}

.logo .h1_box .mqhy_an {
    background-position: 0 -41px
}

.logo .h1_box .tgt_an {
    background-position: 0 -83px
}

.logo .h1_box .yqds_an {
    background-position: 0 -105px
}

.logo h1 .e_code,
.logo .h1_box .e_code {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin: 0 5px;
    bottom: -2px
}

.e_code .txt {
    position: absolute;
    width: 107px;
    left: 0;
    top: 18px;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 15px 20px;
    z-index: 9999;
    color: #333;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    display: none
}

.e_code .txt img {
    width: 107px;
    height: 107px;
    margin-bottom: 10px
}

.search-warp {
    width: 440px;
    padding-top: 7px;
    overflow: hidden
}

.search-warp * {
    overflow: hidden
}

.search-warp .tab-cont-1 {
    width: 100%;
    height: 40px
}

.search-warp .sub-btn {
    width: 81px;
    height: 40px;
    background: #e60000
}

.search-warp .sub-btn:hover {
    background: #d20000
}

.search-warp .searchkuang {
    background: #fff;
    border: 1px solid #e6e6e6 !important;
    height: 33px;
    line-height: 33px;
    width: 335px;
    padding: 0 10px;
    font-size: 14px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif;
    display: block;
    border-radius: 3px 0 0 3px;
    outline: 0
}

.content {
    width: 1190px;
    margin: 0 auto;
    padding: 0 0 20px 0
}

.search-warp .searchkuang.hover {
    border: 2px solid #e60000 !important;
    height: 31px;
    border-right: 0 !important
}

.warn_wrap {
    width: auto;
    border: 1px #e6e6e6 solid;
    margin-bottom: 0
}

.warn_wrap.mt_10 {
    margin-top: 20px
}

.warn {
    padding: 7px 0 10px 160px;
    position: relative
}

.warn-pic {
    width: 69px;
    height: 69px;
    background: url(../image/hii_an.png) no-repeat;
    position: absolute;
    left: 80px;
    top: 50%;
    margin-top: -34px
}

.warn .fl-right dd {
    width: 90%;
    color: #b6b6b6
}

.warn .fl-right dl {
    font-size: 14px;
    line-height: 25px
}

.warn .fl-right dl dt {
    color: #b6b6b6
}

.location_an {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #696969;
    margin-left: -5px;
    overflow: hidden
}

.location_an .s {
    font-family: "宋体"
}

.location_an .fr {
    float: right
}

.location_an a {
    margin: 0 5px;
    color: #696969
}

.location_an a:hover {
    text-decoration: underline;
    color: #e60000
}

.nav_ul {
    height: 40px;
    background: #242424;
    line-height: 40px;
    width: 1190px;
    margin: 0 auto
}

.nav_ul li {
    float: left;
    height: 40px;
    position: relative
}

.nav_ul li .a {
    display: block;
    float: left;
    padding: 0 26px;
    float: left;
    font-size: 16px;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.nav_ul li .a:hover,
.nav_ul .second.hover .a {
    background: #e60000
}

.nav_ul li .a span {
    position: relative;
    padding-right: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.nav_ul li .a span i {
    width: 11px;
    height: 11px;
    overflow: hidden;
    top: 50%;
    margin-top: -5px;
    right: -16px;
    position: absolute;
    background: url(../image/pic.png) no-repeat
}

.nav_ul li .txt {
    display: none;
    position: absolute;
    width: 150px;
    left: 0;
    top: 40px;
    border: 1px solid #cfcfcf;
    background: #fff;
    z-index: 999;
    line-height: 28px;
    font-size: 14px;
    padding: 8px 0 0 0
}

.nav_ul li .txt p {
    padding: 0 10px 0 20px;
    line-height: 28px;
    height: 28px;
    overflow: hidden
}

.nav_ul li .txt a {
    color: #333
}

.nav_ul li .txt a:hover {
    color: red
}

.nav_ul li .txt .aa {
    background: #e2e2e2
}

.nav_ul li .txt .aa a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 20px
}

.nav_ul li .txt .aa a:hover {
    background: #e60000;
    color: #fff
}

.product_left {
    width: 402px;
    float: left;
    overflow: hidden
}

.product_right {
    width: 765px;
    float: right
}

.product_h2 {
    line-height: 30px;
    font-size: 20px;
    margin-top: 10px;
    position: relative
}

.product_h2 h1 {
    display: inline;
    font-weight: 900;
    padding-right: 5px
}

.product_h2 .e_code {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    position: relative;
    bottom: -5px
}

.product_h2 .e_code .pro-qrcode {
    border: 1px solid #e7e7e7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.product_h2 .e_code .thumb_img {
    padding: 3px;
    background: #f6f6f6;
    cursor: pointer;
    display: block
}

.product_h2 .e_code .txt {
    top: 22px
}

.product_txt {
    line-height: 20px;
    color: #b2b2b2;
    font-size: 14px;
    overflow: hidden;
    margin: 5px 0;
    max-height: 40px
}

.product_Price {
    position: relative;
    background: #fff;
    border-top: 2px solid #e60000;
    height: 95px;
    padding: 15px 0 0 100px
}

.product_Price dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 95px;
    text-align: center;
    padding-top: 15px;
    font-size: 14px
}

.product_Price dt .s {
    line-height: 50px;
    height: 50px
}

.product_Price dd {
    width: 100%
}

.price_ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    height: 95px;
    text-align: center
}

.price_ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.price_ul li p {
    position: relative
}

.price_ul li .s {
    color: #e60000;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    display: block
}

.price_ul li .s span {
    font-size: 30px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.price_ul li .s .my {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif;
    font-size: 24px
}

.price_ul li .x {
    font-size: 14px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.price_ul li .tips {
    position: absolute;
    top: 22px;
    margin-left: 10px;
    cursor: pointer;
    z-index: 10
}

.price_ul li .tips i.i-icon {
    width: 14px;
    height: 14px;
    display: block;
    background: url(../image/quesMark.png) center top no-repeat
}

.price_ul li .tips:hover i.i-icon,
.price_ul li .tips i.i-icon:hover {
    background: url(../image/quesMark-cur.png) center top no-repeat
}

.price_ul li .tips i.i-corner {
    width: 7px;
    height: 11px;
    opacity: 0;
    background: url(../image/leftCorner.png) center top no-repeat;
    position: absolute;
    left: 20px;
    top: 3px;
    z-index: 2
}

.price_ul li .tips em {
    position: absolute;
    left: 26px;
    top: -12px;
    display: none;
    width: 272px;
    background: #fff;
    padding: 3px 8px;
    border: solid 1px #e6e6e6;
    line-height: 18px;
    font-size: 12px;
    color: #333;
    text-align: left
}

.price_ul li .tips em a {
    color: #e60000;
    text-decoration: underline
}

.price_ul li .tips:hover em {
    display: block
}

.price_ul li .tips:hover i.i-corner {
    opacity: 1
}

.certified {
    width: 633px;
    height: 26px;
    background: #fffbf8;
    padding-left: 132px;
    line-height: 26px;
    color: #333;
    margin-top: 20px;
    font-size: 12px;
    position: relative
}

.certified span {
    width: 120px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/renzheng-icon.png) left top no-repeat;
    padding-left: 38px
}

.certified span i {
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(to bottom, #ffe39e, #ffb30f);
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    font-style: normal
}

.personal_xx {
    position: relative;
    height: 90px;
    padding: 15px 120px 20px 90px;
    background: #f6f6f6
}

.personal_xx .tx_img {
    width: 47px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 25px;
    background: url(../image/phonea.png) no-repeat center center
}

.personal_top {
    height: 16px;
    line-height: 16px;
    margin-top: 12px
}

.personal_top .t {
    color: #b2b2b2;
    float: left;
    height: 16px;
    overflow: hidden
}

.personal_top .t span {
    font-size: 16px;
    color: #333;
    padding-right: 5px;
    line-height: 16px
}

.personal_bottom {
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden
}

.personal_bottom span {
    padding-right: 15px
}

.personal_bottom .see_a {
    font-size: 14px;
    color: #e60000;
    border: 1px solid #e60000;
    display: inline-block;
    width: 118px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    top: 3px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif;
    cursor: pointer
}

.personal_bottom .see_a:hover {
    background: #e60000;
    color: #fff
}

.icon-contact {
    height: 15px;
    float: left;
    margin: 0 10px
}

.icon-contact div {
    display: block;
    float: left;
    margin: 4px 6px 0 0;
    position: relative;
    cursor: pointer
}

.icon-contact div:hover span {
    display: block
}

.icon-contact .phone {
    width: 8px;
    height: 12px;
    background: url(../image/phone-icon.png) center top no-repeat;
    background-size: 100%
}

.icon-contact .email {
    width: 14px;
    height: 12px;
    background: url(../image/email-icon.png) center top no-repeat;
    background-size: 100%
}

.icon-contact .wx {
    width: 12px;
    height: 11px;
    background: url(../image/wx-icon.png) center top no-repeat;
    background-size: 100%
}

.icon-contact div span {
    height: 15px;
    line-height: 15px;
    background: #ffb30f;
    color: #fff;
    position: absolute;
    top: -22px;
    text-align: center;
    left: 50%;
    z-index: 999;
    display: none;
    font-size: 12px;
    width: 70px;
    margin-left: -32px
}

.icon-contact div span i {
    border: 4px solid rgba(255, 255, 255, 0);
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #ffb30f;
    bottom: -8px;
    right: 50%;
    margin-left: -2px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.product_message {
    height: 20px;
    line-height: 20px;
    padding: 10px 20px;
    font-size: 14px;
    color: #b2b2b2
}

.product_message li {
    float: left;
    padding-right: 40px
}

.product_message li span {
    padding-right: 5px
}

.product_links {
    padding-top: 80px;
    display: flex;
    justify-content: center
}

.product_links .left-btn {
    display: flex
}

.product_links a.btn {
    float: left;
    width: 130px;
    height: 38px;
    border: 1px solid #e60000;
    line-height: 38px;
    color: #e60000;
    font-size: 16px;
    border-radius: 4px;
    margin: 0 10px;
    background: #fff;
    text-align: center;
    padding: 0;
}

.product_links .show-contact {
    float: left
}

.product_links .btn.getPrice {
    color: #fff;
    background: #e60000
}

.product_links a:hover {
    background: #d20000;
    color: #fff
}

.product_links .getPrice:hover {
    color: #fff;
    background: #d20000
}

.contact-card {
    width: 228px;
    background: #fff;
    border: solid 1px #e8e8e8;
    border-radius: 3px;
    margin: -75px 0 0 10px;
    padding: 20px 20px 15px 20px
}

.contact-card.current {
    height: 44px;
    margin: -25px 0 0 10px
}

.contact-card .card-wx {
    height: 96px;
    padding-left: 110px;
    position: relative
}

.contact-card .card-wx img {
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 0
}

.contact-card .card-wx span {
    display: block;
    padding-top: 26px;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.contact-card .card-wx em {
    display: block;
    font-size: 14px;
    color: #696969;
    padding-top: 8px;
    line-height: 18px
}

.contact-card .card-qq {
    width: 170px;
    margin-top: 17px;
    border-top: solid 1px #f0f0f0;
    padding: 10px 0 0 60px;
    position: relative
}

.contact-card .card-qq:before {
    content: '';
    width: 31px;
    height: 37px;
    display: block;
    background: url(../image/icon-qq.png) center top no-repeat;
    position: absolute;
    left: 20px;
    top: 13px
}

.contact-card .card-qq em.qq_txt {
    height: 22px;
    display: block;
    line-height: 22px;
    font-size: 14px;
    color: #696969
}

.contact-card .card-qq span {
    height: 20px;
    display: block;
    font-size: 16px;
    color: #494949;
    line-height: 20px
}

.contact-card .card-qq span em {
    font-size: 14px;
    color: #236fee;
    line-height: 20px;
    margin-left: 7px;
    cursor: pointer
}

.contact-card .card-qq span em:hover {
    color: #236fee;
    background: 0
}

.contact-card .card-qq.current {
    padding: 0 0 0 60px;
    margin-top: 0;
    border: 0
}

.contact-card .card-qq.current:before {
    top: 3px
}

.fl-locate {
    position: relative
}

.fl-locate .watchVideo {
    width: 50px;
    height: 50px;
    display: block;
    background: rgba(0, 0, 0, 0.7) url(../image/playN.png) center center no-repeat;
    position: absolute;
    left: 25px;
    bottom: 25px;
    cursor: pointer;
    z-index: 9;
    background-size: 40%;
    border-radius: 50px;
    border: 3px solid #fff
}

.pic-show .bigImg {
    width: 400px;
    height: 400px
}

.vertical-img a {
    display: table-cell;
    vertical-align: middle
}

.vertical-img img {
    vertical-align: middle
}

.pic-tab {
    padding: 5px 0 15px 0;
    position: relative;
    height: 72px;
    overflow: hidden
}

.pic-tab ul {
    position: relative;
    text-align: center
}

.vertical-img {
    display: table;
    text-align: center;
    font-size: 0;
    border: 1px #e6e6e6 solid
}

.pic-tab li {
    margin: 0 2px;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.pic-tab .vertical-img {
    width: 70px;
    height: 70px;
    border: 1px #f6f6f6 solid
}

.pic-tab .vertical-img img {
    width: 70px;
    height: 70px
}

.pic-tab li.current {
    border-color: #e60000
}

.picTab li.current .vertical-img {
    border-color: #333
}

.prod-tags {
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #696969
}

.fl-left {
    float: left
}

.prod-tags .fl-left span {
    padding: 0 5px;
    color: #e6e6e6;
    font-family: "宋体"
}

.prod-tags p {
    color: #999;
    float: left;
    overflow: hidden;
    width: 80%
}

.prod-tags a {
    margin: 0 10px 3px 0;
    display: inline-block;
    white-space: nowrap;
    color: #0f69dc
}

.prod-tags a:hover {
    text-decoration: underline
}

.video-tips {
    height: 40px;
    background: #ffebeb;
    border-radius: 5px;
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 20px
}

.category_an .video-tips p {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 40px
}

.category_an .video-tips p a {
    color: #000
}

.category_an .video-tips p span {
    width: 25px;
    height: 15px;
    display: inline-block;
    background: url(../image/tips.png) left top no-repeat;
    margin-right: 10px;
    vertical-align: -2px
}

.category_an .intro {
    overflow: hidden
}

.category_an .intro table {
    max-width: 868px !important
}

.product_tj {
    padding: 15px;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #000;
    background: #fff
}

.product_tj .t {
    font-size: 18px;
    padding-bottom: 15px;
    text-align: center;
    font-weight: bold;
    color: #000
}

.product_tj ul {
    overflow: hidden;
    margin-left: -15px
}

.product_tj ul * {
    overflow: hidden
}

.product_tj ul li {
    width: 200px;
    float: left;
    padding-left: 30px
}

.product_tj ul li a {
    display: block;
    cursor: pointer
}

.product_tj ul li .img {
    width: 198px;
    height: 198px;
    border: 1px solid #e6e6e6
}

.product_tj ul li a:hover img {
    border: 1px solid #e60000
}

.product_tj ul li .jg {
    height: 35px;
    line-height: 35px;
    color: #e60000
}

.product_tj ul li .jg span {
    font-size: 20px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.product_tj ul li .jg .my {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.product_tj ul li .wz {
    font-size: 14px;
    height: 40px;
    line-height: 20px
}

.column_div {
    margin-top: 20px
}

.column_left {
    width: 240px;
    float: left
}

.column_right {
    width: 930px;
    float: right
}

.column_right.pt_60 {
    padding-top: 60px
}

.column_box {
    border: 1px solid #e6e6e6;
    border-top: 2px solid #000;
    padding: 10px 15px;
    font-size: 14px;
    background: #fff;
    position: relative
}

.column_box:hover {
    border-top: 2px solid #e60000
}

.column_box.mt_10 {
    margin-top: 20px
}

.column_bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 75px
}

.column_xx {
    border-bottom: 1px solid #f6f6f6;
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    z-index: 111
}

.column_xx i {
    display: block;
    height: 37px;
    background: url(../image/membersignsD-large.png.webp) no-repeat;
    margin: 10px 0 30px 0
}

.column_xx .icon-slsj-left {
    display: block;
    width: 223px;
    height: 32px;
    margin: 10px 0 0 -12px;
    background: url(../image/slsj-id.png) no-repeat 0 -36px
}

.column_box.xmt_big {
    border-top: 0
}

.column_box.pthy_big {
    border-top: 0
}

.column_box.xyhy_big {
    border-top: 0
}

.column_box.mqhy_big {
    border-top: 0
}

.column_box.tgt_big {
    border-top: 0
}

.column_box.yqds_big {
    border-top: 0
}

.column_box.xmt_big .column_bj {
    background: #ffb30f url(../image/column_bj.png) no-repeat center bottom
}

.column_box.pthy_big .column_bj {
    background: #6796ac url(../image/column_bj.png) no-repeat center bottom
}

.column_box.xyhy_big .column_bj {
    background: #0078ee url(../image/column_bj.png) no-repeat center bottom
}

.column_box.mqhy_big .column_bj {
    background: #b56900 url(../image/column_bj.png) no-repeat center bottom
}

.column_box.tgt_big .column_bj {
    background: #ff3c00 url(../image/column_bj.png) no-repeat center bottom
}

.column_box.yqds_big .column_bj {
    background: #ae8450 url(../image/column_bj.png) no-repeat center bottom
}

.xmt_big .column_xx i {
    background-position: center 0
}

.pthy_big .column_xx i {
    background-position: center -41px
}

.xyhy_big .column_xx i {
    background-position: center -79px
}

.mqhy_big .column_xx i {
    background-position: center -117px
}

.tgt_big .column_xx i {
    background-position: center -155px
}

.yqds_big .column_xx i {
    background-position: center -204px
}

.business_xx li {
    position: relative;
    font-size: 14px;
    padding: 0 0 6px 72px;
    line-height: 25px;
    min-height: 25px
}

.business_xx li:last-child {
    padding: 0 0 16px 70px
}

.business_xx li .t {
    position: absolute;
    left: 0;
    top: 0;
    color: #696969;
    margin-right: 0
}

.business_xx li span {
    margin-right: 5px
}

.business_xx li .t span {
    padding: 0 5px;
    margin-right: 0;
    color: #e6e6e6;
    font-family: "宋体";
    display: none
}

.business_xx li a {
    margin-right: 5px;
    display: inline-block
}

.business_xx li .ioc_an {
    margin: 5px 0
}

.business-card {
    border: 1px solid #e6e6e6;
    background: #fff;
    position: relative
}

.business-card .title-level {
    width: 238px;
    height: 74px;
    display: block;
    margin: 0 0 15px 0
}

.business-card .title-level.xmt {
    background: url(../image/title-xmt.jpg) center top no-repeat
}

.business-card .title-level.tgt {
    background: url(../image/title-tgt.jpg) center top no-repeat
}

.business-card .title-level.pt {
    background: url(../image/title-pt.jpg) center top no-repeat
}

.company-info span.company-name {
    display: block;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #000
}

.company-info span.slsj-icon {
    width: 223px;
    height: 32px;
    display: block;
    margin: 14px auto 2px;
    background: url(../image/slsj-id.png) no-repeat 0 -36px
}

.company-info span.company-cert {
    height: 28px;
    display: block;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #333
}

.company-info span.company-cert em {
    font-size: 14px;
    font-weight: bold;
    color: #ffb414;
    margin: 0 4px
}

.company-info ul {
    margin: 6px 19px 0;
    display: flex;
    justify-content: center
}

.company-info ul li {
    float: left;
    font-size: 12px;
    color: #696969;
    margin: 0 6px;
    position: relative
}

.company-info ul li:before {
    content: '';
    width: 22px;
    height: 24px;
    display: block;
    background: url(../image/id.png) no-repeat;
    margin: 0 auto 3px
}

.company-info ul li span {
    position: absolute;
    left: 0;
    bottom: 53px;
    background: #fff;
    border: solid 1px #f0f0f0;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    padding: 0 5px;
    width: 200px;
    z-index: 9;
    display: none
}

.company-info ul li span:after {
    content: '';
    width: 11px;
    height: 7px;
    display: block;
    background: url(../image/bottomConer.png) center top no-repeat;
    display: block;
    position: absolute;
    bottom: -7px;
    left: 17px
}

.company-info ul li.zsx span:after {
    left: 23px
}

.company-info ul li:hover span {
    display: block
}

.company-info ul li.zizhi:before {
    background-position: 0 0
}

.company-info ul li.zsx:before {
    background-position: 0 -24px
}

.company-info ul li.shidi:before {
    background-position: 0 -48px
}

.company-contact {
    width: 200px;
    margin: 8px auto 0;
    border-top: solid 1px #f6f6f6;
    padding-top: 8px
}

.company-contact ul li {
    line-height: 30px;
    font-size: 14px;
    color: #696969;
    margin: 0
}

.company-contact ul li label {
    display: block;
    float: left
}

.company-contact ul li span {
    display: block;
    float: left;
    width: 124px;
    line-height: 20px;
    margin: 5px 6px 0 0
}

.company-contact ul li span em {
    float: left
}

.company-contact ul li span .phone {
    width: 8px;
    height: 12px;
    background: url(../image/phone-icon.png) center top no-repeat;
    background-size: 100%
}

.company-contact ul li span .mail {
    width: 14px;
    height: 12px;
    background: url(../image/email-icon.png) center top no-repeat;
    background-size: 100%
}

.company-contact ul li span .wx {
    width: 12px;
    height: 11px;
    background: url(../image/wx-icon.png) center top no-repeat;
    background-size: 100%
}

.company-contact ul li .contact {
    float: left;
    margin: 5px 0 0 6px;
    position: relative;
    cursor: pointer
}

.company-contact ul li .contact span {
    height: 15px;
    line-height: 15px;
    background: #ffb30f;
    color: #fff;
    position: absolute;
    top: -27px;
    text-align: center;
    left: 50%;
    z-index: 999;
    display: none;
    font-size: 12px;
    width: 70px;
    margin-left: -32px
}

.company-contact ul li .contact:hover span {
    display: block
}

.company-contact ul li .contact span i {
    border: 4px solid rgba(255, 255, 255, 0);
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #ffb30f;
    bottom: -8px;
    right: 50%;
    margin-left: -2px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.company-contact ul li .wechat {
    height: 24px;
    margin-top: 3px;
    position: relative
}

.company-contact ul li .wechat em {
    width: 100px;
    height: 24px;
    display: block;
    background: #46b035;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    padding-left: 9px;
    border-radius: 3px
}

.company-contact ul li .wechat em:before {
    content: '';
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../image/wechat-icon.png) center top no-repeat;
    margin: 3px 6px 0 0;
    vertical-align: -4px
}

.company-contact ul li .wechat-layer {
    display: none;
    width: 138px;
    height: 148px;
    background: #fff;
    border: solid 1px #46b035;
    border-radius: 3px;
    position: absolute;
    left: -20px;
    top: 25px
}

.company-contact ul li .wechat-layer img {
    width: 114px;
    height: 114px;
    display: block;
    margin: 11px 0 0 13px
}

.company-contact ul li .wechat-layer span {
    width: 138px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #46b035;
    text-align: center;
    margin-top: 0
}

.company-contact ul li .wechat:hover .wechat-layer {
    display: block
}

.business-card .btn-box {
    width: 200px;
    margin: 19px auto 17px
}

.business-card .btn-box a {
    width: 198px;
    height: 34px;
    display: block;
    border: solid 1px #e60000;
    background: #e60000;
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
    cursor: pointer
}

.business-card .btn-box a:hover {
    background: #d20000;
    border-color: #d20000
}

.business-card .btn-box a.online-contact {
    background: #fff;
    color: #e60000
}

.business-card .btn-box a.online-contact:hover {
    background: #e60000;
    color: #fff
}

.column_title {
    font-size: 16px;
    padding: 10px 0 20px 0;
    font-weight: bold;
    line-height: 16px
}

.supply_ul * {
    overflow: hidden
}

.supply_ul li {
    height: 48px;
    line-height: 48px
}

.supply_ul li span {
    display: block;
    width: 4px;
    height: 4px;
    float: left;
    margin: 13px 5px 13px 0;
    background: #000
}

.supply_ul li:hover span {
    background: #e60000
}

.supply_more {
    text-align: center
}

.supply_more a {
    display: block;
    height: 40px;
    background: #e60000;
    line-height: 40px;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 30px
}

.supply_more a:hover {
    background: #d20000
}

.supply_more a span {
    position: relative;
    padding-right: 16px
}

.supply_more a i {
    width: 6px;
    height: 10px;
    overflow: hidden;
    top: 50%;
    margin-top: -5px;
    right: 0;
    position: absolute;
    background: url(../image/supply_more.png) no-repeat
}

.supply_more a:hover i {
    border-left-color: #e60000
}

.recommend_ul li {
    margin-bottom: 20px
}

.recommend_ul li .img {
    width: 198px;
    height: 198px;
    border: 1px solid #e6e6e6
}

.recommend_ul li a:hover .img {
    border: 1px solid #e60000
}

.recommend_ul li .jg {
    height: 35px;
    line-height: 35px;
    color: #e60000
}

.recommend_ul li .jg span {
    font-size: 20px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.recommend_ul li .wz {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden
}

.column_txt {
    line-height: 25px;
    padding: 10px 0;
    word-break: break-all
}

.column_box .product_links {
    padding: 0
}

.column_box .product_links a {
    display: block;
    margin: 0;
    width: auto;
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.column_box .product_links .ly {
    margin-bottom: 20px
}

.column_r_box {
    border: 1px solid #e6e6e6;
    background: #fff;
    border-top: 0;
    position: relative
}

.product_nav {
    background: #f6f6f6;
    border-top: 2px solid #000;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.nav_box {
    float: left;
    height: 58px;
    line-height: 58px;
    font-size: 16px
}

.nav_box a {
    display: block;
    padding: 0 30px;
    height: 58px;
    float: left;
    position: relative;
    color: #696969
}

.nav_box a:hover {
    color: #696969
}

.nav_box a i {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -10px;
    background: url(../image/imported.png) no-repeat center center;
    float: left
}

.nav_box a.imported_menu {
    padding: 0 30px 0 55px
}

.nav_box a.imported_menu.hover {
    color: #660dde;
    border-top: 2px solid #660dde
}

.nav_box a.imported_menu.hover i {
    background: url(../image/importeda.png) no-repeat center center
}

.nav_box a.hover {
    color: #000;
    background: #fff;
    border-top: 2px solid #e60000;
    margin-top: -2px;
    font-weight: bold
}

.nav_box a span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    background: #e6e6e6;
    width: 1px;
    height: 18px
}

.nav_box a.hover span {
    display: none
}

.imported_box {
    padding: 50px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: 0;
    display: none
}

.category_an {
    padding: 30px 20px 60px 20px;
    font-size: 14px;
    line-height: 1.5
}

.category_an p {
    line-height: 1.8;
    margin: 5px 0
}

.category_an pre,
.category_an p,
.category_an p span {
    white-space: pre-wrap !important;
    word-wrap: break-word;
    position: unset !important
}

.category_an img {
    max-width: 888px;
    vertical-align: middle;
    height: auto
}

.category_an .RESIZE img {
    height: inherit
}

.category_an .intro tr,
.category_an .intro td {
    padding: 5px 10px;
    border: 1px solid #DDD
}

.category_an h2 {
    font-size: 22px;
    margin: 20px 0
}

.category_an .h1 {
    font-size: 2em;
    margin-top: .67em;
    margin-bottom: .67em;
    font-weight: bold;
    line-height: 1.2
}

.category_an .h2 {
    font-size: 1.5em;
    margin-top: .83em;
    margin-bottom: .83em;
    font-weight: bold
}

.category_an .h3 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold
}

.params-table {
    line-height: 30px;
    padding: 0 0 20px 0;
    position: relative
}

.params-table .text {
    overflow: hidden
}

.params-table .text .hidea {
    display: none
}

.params-table .text.on {
    height: auto
}

.params-table-bottom {
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 18px;
    left: 0
}

.params-table td {
    line-height: 24px;
    font-size: 14px;
    vertical-align: top;
    width: 50%;
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 0;
    padding-bottom: 10px
}

.params-table td .t {
    color: #b2b2b2;
    display: block;
    width: 90px;
    position: relative;
    float: left;
    left: 0;
    top: 0
}

.params-table td .txt {
    padding-left: 95px;
    width: 305px;
    display: block;
    color: #000
}

.params-table .open_a {
    display: block;
    width: 81px;
    height: 18px;
    position: absolute;
    right: 0;
    bottom: -1px;
    line-height: 19px;
    text-align: center;
    color: #696969;
    font-size: 12px;
    background: url(../image/open_a.png) no-repeat;
    cursor: pointer
}

.params-table .open_a span {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif;
    position: relative;
    padding: 0 15px 0 10px
}

.params-table .open_a span i {
    border: 6px solid #fff;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #696969;
    top: 6px;
    right: 0;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.params-table .open_a:hover span {
    color: #d20000
}

.params-table .open_a.hover span i {
    border-bottom-color: #696969;
    border-top-color: #fff;
    top: 0
}

.params-table-bottom.on .open_a {
    display: none
}

.params-table .open_a:hover span i {
    border-top-color: #d20000
}

.params-table .open_a.hover:hover span i {
    border-bottom-color: #d20000;
    border-top-color: #fff;
    top: 0
}

.category_title {
    height: 20px;
    margin: 0 30px;
    font-size: 16px;
    line-height: 20px;
    position: relative
}

.category_title i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5px;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

.category_title span {
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    padding: 0 60px 0 0;
    position: relative;
    z-index: 11
}

.category_title span em {
    position: absolute;
    right: 0;
    width: 40px;
    height: 2px;
    background: #000;
    top: 50%;
    margin-top: -1px
}

.float_nav {
    position: fixed;
    top: 0;
    width: 1190px;
    z-index: 1001;
    -webkit-box-shadow: #dbdbdb 0 0 15px;
    -moz-box-shadow: #dbdbdb 0 0 15px;
    box-shadow: #dbdbdb 0 0 15px;
    border-top: 0;
    padding-top: 2px;
    padding-left: 260px;
    margin-left: -260px
}

.product_content h1,
.product_content .h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: inherit
}

.product_content h2,
.product_content .h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: inherit
}

.product_content h3,
.product_content .h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: inherit
}

.product_content h4,
.product_content .h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: inherit
}

.product_content h5,
.product_content .h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: inherit
}

.product_content h6,
.product_content .h6 {
    font-size: 12px;
    font-weight: bold;
    line-height: inherit
}

.product_nav .product_links {
    float: right;
    padding: 13px 0;
    height: 32px;
    display: none;
    position: relative
}

.product_nav .product_links a.btn,
.product_nav .product_links span {
    width: 120px;
    height: 30px;
    margin: 0 10px 0 0;
    line-height: 30px;
    font-size: 14px;
    padding: 0
}

.product_nav .product_links a.btn {
    margin: 0 10px 0 0
}

.product_nav .product_links .onlineContact {
    text-align: left;
    width: auto;
    position: relative;
    color: #e60000;
    height: 31px;
    padding: 0 10px
}

.product_nav .product_links .onlineContact i.wx {
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    margin: 8px 10px 0 0;
    background: url(../image/icon-code.png) center top no-repeat
}

.product_nav .product_links .onlineContact i.qq {
    width: 12px;
    height: 15px;
    display: block;
    float: left;
    margin: 8px 10px 0 0;
    background: url(../image/icon-qq-s.png) center top no-repeat
}

.product_nav .product_links .onlineContact:hover {
    background: #fff;
    color: #e60000
}

.product_nav .product_links .card-box {
    position: absolute;
    right: 102px;
    top: 45px
}

.product_nav .product_links .contact-card {
    margin: 3px 0 0 0;
    display: none;
    padding-bottom: 10px
}

.float_nav .product_links {
    display: block
}

.float_nav .product_links .weChat_a {
    width: 82px;
    height: 58px;
    float: right;
    margin: 0;
    position: relative;
    top: -13px;
    border: 0;
    padding: 0;
    background: #000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
    line-height: 88px;
    padding: 0 0 0 10px
}

.float_nav .product_links .weChat_a {
    background: url(../image/WeChat_xa.png) no-repeat center center
}

.float_nav .product_links .weChat_a i {
    position: absolute;
    left: 0;
    top: 0;
    width: 92px;
    height: 58px;
    background: url(../image/WeChat_x.png) no-repeat center center
}

.float_nav .product_links .weChat_a span {
    position: relative;
    padding: 0
}

.float_nav .product_links .weChat_a:hover i {
    display: none
}

.float_nav .product_links .weChat_a:hover {
    color: #fff
}

.vendor_title {
    line-height: 25px;
    height: 25px
}

.vendor_title .a {
    float: right;
    position: relative;
    padding-right: 15px
}

.vendor_title .a i {
    position: absolute;
    width: 12px;
    height: 11px;
    right: 0;
    top: 50%;
    margin-top: -5.5px;
    background: url(../image/aa.png) no-repeat
}

.vendor_title .a:hover {
    text-decoration: underline
}

.vendor_title span {
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
    font-size: 18px
}

.vendor_title a {
    color: #fff
}

.vendor_title .span {
    height: 20px;
    width: 75px
}

.vendor_title .xmt_an {
    background-position: 0 4px
}

.vendor_title .xyhy_an {
    background-position: 0 -17px
}

.vendor_title .mqhy_an {
    background-position: 0 -38px
}

.vendor_title .tgt_an {
    background-position: 0 -80px
}

.vendor_title .yqds_an {
    background-position: 0 -102px
}

.vendor_a {
    text-align: right;
    font-size: 14px;
    padding: 13px 0;
    line-height: 20px
}

.vendor_a a {
    color: #696969
}

.vendor_txt {
    line-height: 25px;
    height: 75px;
    margin: 20px 0;
    overflow: hidden
}

.vendor_show .more_a {
    color: #fff;
    display: block;
    width: 115px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.vendor_show .more_a:hover {
    background: #fff;
    color: #438cd7
}

.category_lb {
    font-size: 14px
}

.category_lb th {
    padding: 10px 10px 10px 0;
    color: #696969;
    font-weight: normal;
    width: 105px;
    vertical-align: top;
    text-align: left
}

.category_lb td {
    padding: 10px 10px 10px 0;
    color: #000;
    vertical-align: top
}

.category_lb td a {
    color: #000
}

.category_lb tr :nth-child(3) {
    width: 16%
}

.contact_left {
    width: 268px;
    float: left;
    min-height: 348px;
    border: 1px solid #e6e6e6;
    background: #438cd7;
    overflow: hidden
}

.contact_right {
    float: right;
    width: 580px;
    height: 350px
}

.contact_left .personal_xx {
    padding: 60px 0 15px 96px;
    border: 0;
    background: #fff
}

.contact_left .personal_xx i {
    position: absolute;
    left: 45px;
    bottom: 0;
    width: 32px;
    height: 16px;
    background: url(../image/pic5.png) no-repeat
}

.contact_left .personal_xx .txx_img {
    left: 20px;
    top: 30px;
    position: absolute;
    width: 68px;
    height: 68px;
    border: 1px solid #e6e6e6
}

.contact_left .personal_xx .txx_img img {
    width: 100%;
    height: 68px
}

.contact_left .personal_xx .personal_top {
    margin: 0
}

.contact_dl {
    line-height: 22px;
    background: #438cd7;
    color: #fff;
    padding: 20px
}

.contact_dl dt {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold
}

.contact_dl dt a {
    color: #fff
}

.contact_dl dt a:hover {
    text-decoration: underline
}

.contact_dl dd .s {
    color: #e6e6e6;
    margin: 0 3px;
    font-family: "宋体"
}

.product_tjright ul li {
    width: 200px;
    padding-bottom: 20px;
    padding-left: 25px
}

.product_tjright ul li .img {
    width: 198px;
    height: 198px
}

.show_zh {
    padding: 15px;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #000;
    background: #fff
}

.show_zh .t {
    font-size: 18px;
    padding-bottom: 15px;
    text-align: center;
    font-weight: bold
}

.show_zh .t .more {
    float: right;
    font-size: 12px
}

.show_ul {
    overflow: hidden;
    margin-left: -15px
}

.show_ul * {
    overflow: hidden
}

.show_ul li {
    width: 195px;
    height: 80px;
    float: left;
    padding: 0 0 0 90px;
    position: relative;
    margin: 0 0 15px 15px
}

.show_ul li img {
    width: 78px;
    height: 78px;
    border: 1px solid #e6e6e6;
    position: absolute;
    left: 0;
    top: 0
}

.show_ul li a:hover img {
    border: 1px solid #e60000
}

.show_ul li .h2 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 8px
}

.show_ul li p {
    line-height: 16px;
    color: #b2b2b2
}

.charge_an {
    background: #d20000
}

.charge_an .logo .h1 a {
    color: #fff
}

.charge_an .logo .h1 .i {
    background: url(../image/membersignsD-mini.png) no-repeat
}

.charge_an .logo .h1 .xmt_an {
    background-position: 0 0
}

.charge_an .logo .h1 .xyhy_an {
    background-position: 0 -20px
}

.charge_an .logo .h1 .mqhy_an {
    background-position: 0 -41px
}

.charge_an .search-warp .sub-btn {
    background: #333 url(../image/soso.png) no-repeat center center !important
}

.product_show {
    position: relative
}

.free_an {
    background: #f6f6f6
}

.extension_box,
.extension_170 {
    width: 595px;
    padding-right: 170px
}

.contact_dl dd {
    overflow: hidden;
    position: relative
}

.contact_dl dd .l {
    position: absolute;
    left: 0;
    top: 0
}

.contact_dl dd .l .pl {
    padding-left: 26px
}

.contact_dl dd.d {
    padding-left: 65px;
    word-wrap: break-word
}

.contact_dl dd.d .see {
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

.params-table td .l {
    float: left;
    display: block;
    width: 30%;
    overflow: hidden;
    text-align: right;
    margin-right: 3px
}

.params-table td .r {
    float: right;
    display: block;
    width: 66%;
    overflow: hidden;
    word-break: break-all;
    margin-left: 3px
}

.params-table td .r a {
    color: #0f69dc
}

.search-warp .searchkuang::-webkit-input-placeholder {
    color: #cfcfcf
}

.search-warp .searchkuang:-moz-placeholder {
    color: #cfcfcf
}

.search-warp .searchkuang::-moz-placeholder {
    color: #cfcfcf
}

.search-warp .searchkuang:-ms-input-placeholder {
    color: #cfcfcf
}

.supply_ul li {
    height: auto;
    border-bottom: 1px dashed #e6e6e6
}

.supply_ul li:last-child {
    border-bottom: 0
}

.supply_ul li .t {
    height: 48px
}

.supply_ul li .txt {
    padding: 0 0 13px 22px
}

.supply_ul li .txt p {
    line-height: 28px
}

.supply_ul li .txt a {
    color: #333;
    display: block;
    width: 100%;
    height: 100%
}

.supply_ul li .txt a:hover {
    color: #e60000
}

.supply_ul li .t span {
    width: 6px;
    height: 10px;
    margin: 21px 12px 10px 0;
    background: #fff url(../image/supplya.png) no-repeat center 0;
    cursor: pointer
}

.supply_ul li .t:hover span {
    background-position: center -25px
}

.supply_ul li .t.hover span {
    width: 10px;
    height: 6px;
    background-position: center -14px
}

.supply_ul li .t.hover:hover span {
    background-position: center -38px
}

.supply_ul li .t.hover:hover a,
.supply_ul li .t:hover a {
    color: #e60000
}

.nav_ul li .txt {
    background: #f6f6f6
}

.second_div {
    height: 36px;
    line-height: 34px;
    position: relative;
    background: #f6f6f6
}

.second_txt {
    display: none;
    position: absolute;
    right: -150px;
    top: -1px;
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 150px;
    padding: 5px 0
}

.nav_ul li .txt .second_div a,
.nav_ul li .txt .second_div p {
    display: block;
    height: 34px;
    line-height: 34px
}

.second_div.on .t a {
    background: url(../image/second_h.png) no-repeat right center;
    width: 118px
}

.second_div.hover {
    height: 34px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.second_div.hover .t {
    background: #fff;
    position: relative;
    z-index: 11
}

.second_div.hover .t a {
    color: #e60000;
    background: url(../image/second_r.png) no-repeat right center
}

.second_div.on.hover .second_txt {
    display: block
}

.second_div.on.hover {
    width: 152px
}

.floating_box {
    height: 52px;
    background: #202332;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: -2px;
    display: none
}

.floating_box.show {
    display: block
}

.floating_txt {
    width: 1190px;
    height: 32px;
    line-height: 32px;
    padding: 9px 0;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    position: relative
}

.floating_txt .s {
    float: left;
    margin-right: 15px
}

.floating_txt a.s {
    display: block;
    width: 124px;
    height: 32px;
    background: url(../image/qq.png) no-repeat
}

.floating_txt a.ly {
    background-position: 0 0
}

.floating_txt a.jt {
    background-position: -144px 0
}

.floating_txt a.ly:hover {
    background-position: 0 -37px
}

.floating_txt a.jt:hover {
    background-position: -144px -37px
}

.floating_txt .close {
    display: block;
    width: 10px;
    height: 11px;
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../image/pic4.png) no-repeat 0 -150px;
    cursor: pointer
}

.floating_txt .close:hover {
    background-position: 0 -185px
}

.floating_right {
    height: 20px;
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -10px
}

.picTab ul {
    width: 249px
}

.picTab ul li {
    float: left;
    height: 72px
}

.medal_i {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative
}

.medal_i img {
    width: 137px;
    height: 137px;
    padding: 16px 10px 10px 10px;
    background: url(../image/m_bj.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -78.5px;
    top: 20px;
    display: none;
    z-index: 111
}

.logo .h1_box .h1 .medal_i {
    top: 4px
}

.nav_bj {
    background: #242424
}

.product_title {
    position: relative;
    min-height: 40px;
    padding-bottom: 10px
}

.product_title.extension_title,
.product_title.mr_170 {
    margin-right: 170px
}

.product_title .product_h2,
.product_title .product_txt {
    /* padding-right: 200px */
}

.product_pop {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    top: 50%;
    margin-top: -20px
}

.product_pop li {
    float: left;
    margin-left: 25px;
    font-size: 14px
}

.product_pop .e_code li {
    margin-left: 0
}

.product_pop li .e_code {
    position: absolute;
    left: 0;
    top: 0
}

.product_pop li a {
    display: block;
    color: #b2b2b2;
    position: relative
}

.product_pop li a:focus {
    outline: 0
}

.product_pop li a:hover,
.product_pop li a.hover {
    color: #e60000
}

.product_pop li i {
    display: block;
    height: 20px
}

.product_pop li p {
    height: 20px;
    line-height: 20px
}

.product_pop .pro-qrcode div {
    left: -43.5px
}

.product_pop li .i1 {
    background: url(../image/pic1.png) no-repeat center center
}

.product_pop li .i2 {
    background: url(../image/pic2.png) no-repeat center center
}

.product_pop li .i3 {
    background: url(../image/pic3.png) no-repeat center center
}

.product_pop li a:hover .i1 {
    background: url(../image/pic1a.png) no-repeat center center
}

.product_pop li a:hover .i2 {
    background: url(../image/pic2aa.png) no-repeat center center
}

.product_pop li a.hover .i2 {
    background: url(../image/pic2a.png) no-repeat center center
}

.product_pop li a:hover .i3 {
    background: url(../image/pic3a.png) no-repeat center center
}

.bj_f6f6f6 {
    /* background: #f6f6f6; */
    /* border-top: 1px solid #e6e6e6; */
    padding: 20px 0 0 0
}

.imported_k {
    color: #660dde;
    font-size: 14px;
    border: 1px solid #a443e8;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    margin-right: 10px
}

.weChat_a {
    width: 90px;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    line-height: 134px;
    padding: 0 0 0 10px
}

.weChat_a:focus {
    outline: 0
}

.weChat_a {
    background: url(../image/WeChata.png) no-repeat center center;
    color: #fff
}

.weChat_a i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 90px;
    background: url(../image/WeChat_x.png) no-repeat center center;
    background: url(../image/WeChat.png) no-repeat center center
}

.weChat_a span {
    position: relative;
    padding: 0
}

.weChat_a:hover {
    color: #fff
}

.weChat_a:hover i {
    display: none
}

.collection_btn {
    padding: 0 15px 0 25px;
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: #e60000;
    font-size: 12px;
    overflow: hidden;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    top: 2px;
    cursor: pointer
}

.collection_btn i {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -6px;
    width: 14px;
    height: 12px;
    background: url(../image/sc.png) no-repeat
}

.collection_btn:hover {
    background: #d20000;
    color: #fff
}

.vendor_show {
    height: 180px;
    background: #438cd7;
    position: relative;
    padding: 45px 30px 45px 300px;
    color: #fff;
    font-size: 14px
}

.vendor_show img {
    width: 270px;
    height: 270px;
    position: absolute;
    left: 0;
    top: 0
}

.vendor_table {
    background: #f6f6f6;
    padding: 20px 40px
}

.hot_product {
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 20px 20px 20px 120px;
    overflow: hidden;
    font-size: 14px;
    position: relative
}

.hot_product dt {
    font-weight: bold;
    position: absolute;
    left: 20px;
    top: 20px
}

.hot_product dd {
    float: left;
    padding-right: 34px
}

.imported_attribute {
    height: 115px;
    margin-bottom: 20px;
    padding: 15px 80px 0 115px;
    background: url(../image/imported_bj.jpg.webp) no-repeat;
    color: #fff
}

.imported_attribute ul {
    overflow: hidden
}

.imported_attribute ul li {
    width: 50%;
    float: left;
    line-height: 30px;
    height: 30px;
    position: relative
}

.imported_attribute ul li .t {
    position: absolute;
    width: 100px;
    height: 30px;
    left: 0;
    top: 0
}

.imported_attribute ul li .txt {
    padding-left: 100px
}

.imported_attribute ul li .txt .flag {
    width: 15px;
    height: 10px;
    border: 1px solid #fff;
    margin-left: 5px;
    vertical-align: middle
}

.collection_tip {
    overflow: hidden;
    padding: 20px 0 0 170px
}

.collection_tip .icon {
    float: left
}

.collection_tip .box {
    float: left;
    padding-left: 13px
}

.collection_tip .box .title {
    font-size: 18px;
    color: #000
}

.collection_tip .box a {
    color: #0f69dc;
    text-decoration: underline
}

.modal-footer {
    padding: 15px 15px 50px 15px
}

#weChat .modal-content {
    background: #f2f2f2;
    border-radius: 3px
}

.modal-weChat-txt {
    height: 350px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7;
    position: relative
}

.modal-weChat-txt:after {
    content: '';
    width: 281px;
    height: 60px;
    display: block;
    background: url(../image/bg-icon.png) center top no-repeat;
    position: absolute;
    left: 200px;
    top: 150px
}

.modal-weChat-box {
    background: #fff;
    padding: 15px 30px;
    position: relative
}

.modal-weChat-textarea {
    height: 80px;
    width: 100%;
    border: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    resize: none;
    outline: 0
}

.weChat_message {
    overflow: hidden;
    padding: 10px 30px
}

.weChat_message li {
    margin-bottom: 15px;
    position: relative;
    min-height: 34px;
    overflow: hidden;
    word-wrap: break-word
}

.weChat_message li .img {
    position: absolute;
    top: 2px;
    width: 34px;
    height: 34px
}

.weChat_message li .t {
    color: #696969;
    height: 20px;
    line-height: 20px
}

.weChat_message li .t span {
    color: #000;
    font-size: 14px
}

.weChat_message li .txt {
    position: relative;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 5px 0;
    max-width: 340px
}

.weChat_message li .txt i {
    position: absolute;
    width: 5px;
    height: 11px;
    top: 12px
}

.weChat_message li.left_txt {
    padding-left: 45px
}

.weChat_message li.right_txt {
    padding-right: 45px
}

.weChat_message li.left_txt .img {
    left: 0
}

.weChat_message li.right_txt .img {
    right: 0
}

.weChat_message li.left_txt .t span {
    padding-right: 10px
}

.weChat_message li.right_txt .t {
    text-align: right
}

.weChat_message li.right_txt .t span {
    float: right;
    padding-left: 10px
}

.weChat_message li.left_txt .txt {
    float: left;
    background: #fff;
    border: 1px solid #ededed
}

.weChat_message li.right_txt .txt {
    float: right;
    background: #9eea6a
}

.weChat_message li.left_txt .txt i {
    background: url(../image/lefta.png) no-repeat;
    left: -5px
}

.weChat_message li.right_txt .txt i {
    background: url(../image/righta.png) no-repeat;
    right: -5px
}

.weChat_message li .wechat-content {
    margin-top: 8px
}

.weChat_message li .wechat-content img {
    width: 107px;
    height: 107px;
    vertical-align: middle
}

.mCSB_scrollTools {
    margin: 0
}

.mCSB_scrollTools {
    width: 10px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #ddd
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #ddd;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #ddd;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #f2f2f2;
    width: 6px;
    border: 0
}

.mCSB_inside>.mCSB_container {
    margin: 0
}

.textarea_box {
    min-height: 100px
}

.form_hide.h152 {
    height: 152px;
    overflow: hidden
}

.textarea_box .c2 {
    padding-left: 9px;
    position: relative;
    top: -5px
}

.form_ul li {
    float: left;
    margin-right: 3px;
    line-height: 32px
}

.form_ul li .c1 {
    height: 32px;
    line-height: 32px
}

.form_ul li .c1 .text {
    width: 140px;
    height: 26px;
    border: 1px solid #e7e7e7;
    background: #fff
}

.form_ul li .c1 .text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset
}

.verify_c .c2 {
    line-height: 15px
}

.verify_c .c2 .icon {
    display: none;
    font-size: 12px;
    position: relative;
    top: 6px
}

.verify_c .c2 .icon-danger-mini {
    background-position-y: -253px;
    padding: 2px 5px 2px 20px;
    color: #e60000
}

.verify_c .c2 .icon-success-mini {
    background-position-y: -248px
}

.red {
    color: #e60000;
    line-height: 32px
}

.form_box {
    padding-top: 5px
}

.gt_holder {
    top: 5px;
    padding-top: 0 !important
}

.form_box .form_ul {
    padding-top: 10px
}

.form_box li {
    height: 36px
}

.form_box li .c0,
.form_box li .c1,
.form_box li .c2 {
    float: left
}

.form_box li .c1 {
    padding: 0 10px
}

.form_box .c2 {
    position: relative;
    top: 6px
}

.send_out_box {
    position: absolute;
    right: 30px;
    bottom: 20px
}

.send_out {
    display: block;
    width: 90px;
    height: 30px;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    color: #696969;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.send_gray {
    display: none;
    width: 90px;
    height: 30px;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    color: #696969;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.send_out:hover {
    color: #fff;
    background: #129611;
    border: 1px solid #129611
}

.send_out_box .c2 {
    width: 123px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -62.5px;
    top: -44px;
    border: 1px solid #cbcbcb;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    display: none
}

.send_out_box .c2 i {
    position: absolute;
    width: 16px;
    height: 8px;
    background: url(../image/send_out_box.png) no-repeat;
    left: 50%;
    margin-left: -8px;
    bottom: -8px
}

#collection .modal-header {
    border-bottom: 0
}

#collection .modal-content {
    border-radius: 0
}

#collection .btn.btn-default {
    width: 78px
}

.float_nav .sign_left {
    display: block
}

.sign_left {
    width: 239px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none
}

.sign_left i {
    display: block;
    height: 37px;
    background: url(../image/membersignsD-large.png.webp) no-repeat;
    margin: 11px 0
}

.sign_left.xmt_big {
    background: #ffb30f
}

.sign_left.xmt_big i {
    background-position: center 0
}

.sign_left.xyhy_big {
    background: #0078ee
}

.sign_left.xyhy_big i {
    background-position: center -79px
}

.sign_left.mqhy_big {
    background: #b56900
}

.sign_left.mqhy_big i {
    background-position: center -117px
}

.sign_left.pthy_big {
    background: #6796ac
}

.sign_left.pthy_big i {
    background-position: center -41px
}

.sign_left.tgt_big {
    background: #ff3c00
}

.sign_left.tgt_big i {
    background-position: center -155px
}

.sign_left.yqds_big {
    background: #ab814d
}

.sign_left.yqds_big i {
    background-position: center -204px
}

.recommend_bj {
    background: url(../image/Recommend.jpg.webp) no-repeat center 0;
    padding: 0 0 40px 0;
    overflow: hidden
}

.recommend_title {
    height: 85px;
    line-height: 85px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: url(../image/pic6.png) no-repeat center center;
    text-align: center
}

.recommend_box,
.show_box {
    height: 303px;
    width: 1190px;
    margin: 0 auto;
    position: relative
}

.recommend_box .owl-item,
.show_box .owl-item {
    float: left
}

.recommend_box .item,
.show_box .item {
    width: 238px;
    float: left;
    position: relative;
    overflow: hidden
}

.recommend_box .owl-wrapper-outer,
.show_box .owl-wrapper-outer {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 111
}

.recommend_box .item .li,
.show_box .item .li {
    background: #fff;
    display: block;
    width: 184px;
    padding: 20px
}

.recommend_box .item .li *,
.show_box .item .li * {
    overflow: hidden
}

.recommend_box .item .li img,
.show_box .item .li img {
    width: 100%;
    height: 184px
}

.recommend_box .item .li .jg,
.show_box .item .li .jg {
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #e60000;
    font-size: 16px
}

.recommend_box .item .li .jg span,
.show_box .item .li .jg span {
    font-size: 22px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif
}

.recommend_box .item .li .wz,
.show_box .item .li .wz {
    font-size: 14px;
    height: 40px;
    line-height: 20px
}

.recommend_box .owl-buttons,
.show_box .owl-buttons {
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px
}

.recommend_box .owl-buttons div,
.show_box .owl-buttons div {
    width: 44px;
    height: 91px;
    position: absolute;
    top: 50%;
    margin-top: -45.5px;
    cursor: pointer
}

.recommend_box .owl-buttons .owl-prev,
.show_box .owl-buttons .owl-prev {
    background: rgba(0, 0, 0, .3) url(../image/leftaa.png) no-repeat center center;
    left: -100px
}

.recommend_box .owl-buttons .owl-next,
.show_box .owl-buttons .owl-next {
    background: rgba(0, 0, 0, .3) url(../image/rightaa.png) no-repeat center center;
    right: -100px
}

.recommend_box .owl-buttons .owl-prev:hover,
.show_box .owl-buttons .owl-prev:hover {
    background: rgba(0, 0, 0, .5) url(../image/leftaa.png) no-repeat center center
}

.recommend_box .owl-buttons .owl-next:hover,
.show_box .owl-buttons .owl-next:hover {
    background: rgba(0, 0, 0, .5) url(../image/rightaa.png) no-repeat center center
}

.bj_f6f6f6.pa {
    padding: 0
}

span.see_open {
    display: block;
    width: 150px;
    height: 40px;
    float: right;
    background: #e60000;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 0 15px;
    position: relative;
    top: 10px;
    cursor: pointer
}

span.see_open:hover {
    background: #d20000
}

a.see_fs {
    display: block;
    width: 118px;
    height: 22px;
    border: 1px solid #438cd7;
    font-size: 14px;
    color: #438cd7;
    text-align: center;
    line-height: 22px;
    margin-top: 6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Tahoma, Arial, sans-serif;
    cursor: pointer
}

a.see_fs:hover {
    background: #438cd7;
    color: #fff
}

#weChat .modal-header {
    border-bottom: 1px solid #e5e5e5
}

.modal-header {
    border: 0
}

.modal-title {
    font-size: 16px;
    font-weight: bold
}

.modal-header .closer {
    width: 19px;
    height: 19px;
    background: url(../image/close1.png) no-repeat
}

#inactive .modal-header {
    padding: 30px 30px 10px 30px
}

.inactiveModal .modal-content.inactive-content {
    height: 388px;
    background: url(../image/contactlayer-bg.png.webp) left top no-repeat
}

.inactiveModal .modal-content .modal-title {
    text-align: center;
    float: inherit
}

.inactive_box {
    padding: 0 30px 40px 30px
}

.inactive_left {
    width: 410px;
    float: left;
    padding: 0 30px 0 0
}

.inactive_left .sub-title {
    font-size: 16px;
    margin-bottom: 15px;
    display: block
}

.inactive_ul li {
    position: relative;
    padding-left: 110px;
    min-height: 32px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.inactive_ul li.submit-li {
    margin-left: 115px
}

.inactive_ul li .t {
    position: absolute;
    left: 10px;
    top: 0;
    color: #696969;
    line-height: 22px
}

.inactive_ul li .t1 {
    line-height: 33px
}

.inactive_ul li .text {
    width: 308px;
    border: 0;
    border-bottom: 1px solid #696969;
    height: 32px;
    border-radius: 0;
    padding: 0
}

.inactive_ul li.yzm>div {
    display: none
}

.inactive_ul li.yzm .c3 {
    padding-top: 10px
}

.inactive_ul li .btn {
    width: 180px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    font-size: 14px;
    margin: 30px 0 0 38px
}

.inactive_ul li .c3 {
    color: #b6b6b6;
    line-height: 30px;
    font-size: 12px
}

.inactive_ul li .c3 .icon {
    background-position-y: -253px;
    padding: 2px 5px 2px 20px;
    color: #e60000;
    display: block;
    display: none
}

.inactive_ul li .c1,
.inactive_ul li .c2 {
    float: left
}

.inactive_ul li .c2 {
    position: relative;
    top: 9px;
    font-size: 12px
}

.inactive_ul li .c2 .icon-danger-mini {
    background-position-y: -253px;
    padding: 2px 5px 2px 20px;
    color: #e60000;
    display: none
}

.inactive_right {
    width: 270px;
    float: left;
    border-left: 1px solid #e6e6e6
}

.inactive_top {
    text-align: center;
    line-height: 25px
}

.inactive_top .txx_img {
    height: 68px;
    height: 68px;
    border: 1px solid #e6e6e6
}

.inactive_top .name {
    color: #696969;
    font-size: 14px
}

.inactive_top .name span {
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.inactive_top .number {
    color: #e60000;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif
}

.inactive_top .phoneNum {
    font-size: 16px;
    margin-top: 10px
}

.inactive_top .phoneNum span {
    font-size: 14px
}

.inactive_top .contact_name {
    font-size: 14px
}

.inactive_right .txt {
    width: 185px;
    margin: 0 auto;
    min-height: 96px;
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.inactive_right .txt p {
    height: 24px;
    overflow: hidden
}

.inactive_right .txt .txt_qq {
    width: 200px
}

.inactive_right .txt .tc {
    display: block;
    float: left;
    width: 40px
}

.inactive_right .txt .c1 {
    font-family: Arial, Helvetica, sans-serif
}

.inactive_right .txt .qq {
    color: #0f69dc;
    font-size: 12px;
    border: 1px solid #0f69dc;
    padding: 0 8px;
    border-radius: 3px;
    margin-left: 10px
}

.inactive_right .txt .qq span {
    font-family: Arial, Helvetica, sans-serif
}

.inactive_right .txt .qq:hover {
    background: #0f69dc;
    color: #fff
}

.inactive_right .txt .t {
    font-weight: bold;
    text-align: center
}

.inactive_right .send_a {
    display: block;
    width: 183px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border: 1px solid #696969;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px auto
}

.inactive_right .send_a span {
    padding-left: 18px;
    background: url(../image/send_a.png) no-repeat 0 center
}

.inactive_right .send_a:hover {
    border: 1px solid #e60000;
    color: #fff;
    background: #e60000
}

.inactive_right .send_a:hover span {
    background: url(../image/send_aa.png) no-repeat 0 center
}

.inactive_right .text {
    color: #e60000;
    text-align: center
}

.inactive_tip {
    overflow: hidden;
    padding: 0 0 0 100px;
    position: relative
}

.inactive_tip .icon {
    position: absolute;
    left: 60px;
    top: 5px
}

.inactive_tip .modal-footer {
    text-align: left
}

.inactive_tip .modal-footer .a {
    background: #f6f6f6;
    color: #333;
    border-color: #e6e6e6
}

.inactive_tip .modal-footer .a:hover {
    color: #333
}

.inactive_tip .box {
    padding-left: 13px;
    line-height: 24px;
    font-size: 14px
}

.inactive_tip .box .title {
    font-size: 26px;
    line-height: 40px
}

.inactive_tip .box .outcome {
    font-size: 16px;
    padding-bottom: 10px
}

.inactive_tip .box a {
    color: #0f69dc;
    text-decoration: underline;
    margin-right: 15px;
    display: inline-block
}

.inactive_tip .box .find span {
    color: #696969;
    padding-right: 15px
}

.send_box {
    padding: 60px 0 0 150px
}

.success-t {
    color: #6b0
}

.error-t {
    color: #e60000
}

.send_tip {
    color: #e60000;
    text-align: right
}

#send .modal-footer {
    padding: 30px 0
}

#send .modal-footer .btn.btn-default {
    padding: 0;
    width: 118px
}

#send .modal-footer .a {
    background: #f6f6f6;
    color: #333;
    border-color: #e6e6e6
}

#send .modal-footer .a:hover {
    background: #f3f3f3
}

#send .inactive_box {
    padding: 0 30px 30px 30px
}

#send .modal-header {
    padding: 30px 30px 10px 30px
}

.relevant_txt {
    background: #f6f6f6;
    padding: 18px 30px 30px 30px
}

.relevant_txt .title {
    font-size: 14px;
    padding: 0 0 0 10px;
    line-height: 14px;
    height: 14px;
    line-height: 14px;
    border-left: 3px solid #000;
    color: #000
}

.relevant_txt ul {
    overflow: hidden;
    padding: 20px 0 0 0;
    margin-left: -12px
}

.relevant_txt ul li {
    float: left;
    padding: 0 0 10px 12px
}

.relevant_txt ul li a {
    width: 168px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #fff;
    border: 1px solid #e6e6e6;
    display: block
}

.relevant_txt ul li a:hover {
    background: #0f69dc;
    border: 1px solid #0f69dc;
    color: #fff
}

.send_tips .txt {
    padding: 40px 0 0 0;
    text-align: center;
    font-size: 26px
}

.send_tips .txt .t {
    position: relative;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    padding-left: 50px
}

.send_tips .txt .t .icon {
    position: absolute;
    left: 0;
    top: 0
}

.send_tips .txt .text {
    font-size: 16px;
    color: #e60000;
    line-height: 16px;
    padding: 10px 0 0 0
}

.weChat_more {
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 20px 0 0 0;
    display: none
}

.weChat_more .more {
    padding-left: 16px;
    background: url(../image/weChat_more.png) no-repeat 0 center;
    color: #129611
}

.weChat_more .more:hover {
    text-decoration: underline
}

.weChat_more .load {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    background: url(../image/load.gif) no-repeat center center
}

.weChat_more .txt {
    font-size: 14px;
    color: #d2cece
}

#collection .modal-dialog {
    width: 540px;
    margin-left: -270px;
    margin-top: -123px
}

#weChat .modal-dialog {
    width: 670px;
    margin-left: -325px;
    margin-top: -319px
}

#inactive .modal-dialog {
    width: 780px;
    margin-left: -390px;
    margin-top: -200px
}

#send .modal-dialog {
    width: 780px;
    margin-left: -390px;
    margin-top: -205px
}

#inactive_box {
    padding: 0 45px 0 0
}

#inquiry .modal-dialog {
    width: 600px;
    margin-left: -300px;
    margin-top: -334px
}

#inquiry .modal-content {
    border-radius: 3px
}

#inquiry .modal-header {
    padding: 30px
}

.collection_load {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center
}

.collection_load .load_gif {
    margin: 15% auto 0 auto
}

#inactive .mobile_txt {
    display: none;
    width: 308px;
    height: 32px;
    line-height: 34px
}

.product_left .video-box {
    width: 400px;
    height: 400px;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 2
}

.product_left .video-box .close-btn {
    position: absolute;
    width: 51px;
    height: 51px;
    background: url('../image/close2.png') no-repeat center;
    right: 0;
    top: 0;
    z-index: 1;
    background-size: 80%;
    cursor: pointer
}

.product_left .video-box+.fl-locate {
    display: none
}

.column_r_box .video-box {
    width: 600px;
    height: 400px;
    margin: 10px auto
}

.ltp_box {
    overflow: hidden
}

.ltp_box img {
    width: 100%;
    float: left
}

.ltp_pic {
    width: 150px;
    position: absolute;
    margin: 0 auto;
    height: 314px;
    overflow: hidden;
    right: 0;
    top: 0;
    display: none
}

.ltp_pic img {
    width: 100%;
    height: 314px
}

.link_show {
    padding: 15px 30px;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #000;
    background: #fff
}

.link_show .title {
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 22px
}

.link_show .title span {
    float: left
}

.link_show .title .qq {
    display: inline-block;
    width: 91px;
    height: 22px;
    background: url(../image/qq1.png) no-repeat;
    margin-left: 8px
}

.link_show .list {
    overflow: hidden;
    padding-top: 10px
}

.link_show .list * {
    overflow: hidden
}

.link_show .list li {
    width: 16.6%;
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.link_show .list li a {
    display: block;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px
}

.column_box.tianzhu_h .column_bj {
    background: #6796ac url(../image/column_bj.png) no-repeat center bottom
}

.tianzhu_h .column_xx i {
    background: url(../image/tz_h.png) no-repeat center center
}

.sign_left.tianzhu_h {
    background: #6796ac
}

.sign_left.tianzhu_h i {
    background: url(../image/tz_h.png) no-repeat center center
}

.product_links .qwxj {
    background: #fce5e5;
    color: #e60000
}

.product_links .qwxj span {
    padding-left: 30px
}

.product_links .qwxj i {
    top: 50%;
    margin-top: -10px;
    width: 22px;
    height: 19px;
    background: url(../image/pic_cx.png) no-repeat
}

.product_links .qwxj:hover {
    background: #d20000;
    color: #fff
}

.product_links .qwxj:hover i {
    background: url(../image/pic_cxb.png) no-repeat
}

.logo .h1_box {
    position: relative
}

.logo .h1_box .h1 .titlecompany {
    position: relative;
    padding-right: 18px;
    padding-bottom: 10px
}

.logo .h1_box .h1 .titlecompany:after {
    content: "";
    border-top: 6px #666 solid;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
    width: 0;
    height: 0;
    overflow: hidden;
    top: 9px;
    right: 0;
    position: absolute;
    font-size: 0;
    line-height: 0;
    -webkit-transition: -webkit-transform .2s ease-in;
    -webkit-backface-visibility: hidden;
    -moz-transition: -moz-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
    left: inherit
}

.logo .h1_box .h1 .titlecompany:hover:after {
    border-top: 6px #e60000 solid
}

.xmtYears {
    font-size: 14px;
    color: #303030;
    padding-left: 5px
}

.xmtYears em {
    color: #ffb30f;
    font-size: 18px;
    font-weight: bold;
    padding: 0 8px
}

.logo .h1_box .merchant-dropdown .i {
    display: inline-block;
    height: 24px;
    width: 84px;
    position: relative;
    top: 4px;
    background: url(../image/membersignsB-middle.png) no-repeat
}

.logo .h1_box .merchant-dropdown .xmt_an {
    background-position: -1px -1px
}

.logo .h1_box .merchant-dropdown .tgt_an {
    background-position: -1px -115px
}

.logo .h1_box .merchant-dropdown .yqds_an {
    background-position: -1px -149px
}

.nameplate_box {
    position: absolute;
    left: 0;
    width: 464px;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 20px;
    z-index: 999;
    display: none
}

.nameplate_box .title {
    line-height: 20px;
    font-size: 16px
}

.nameplate_box .title a {
    font-size: 16px !important;
    color: #494949
}

.nameplate_box .title span.cert {
    margin-left: 7px;
    font-size: 14px;
    color: #333
}

.nameplate_box .title span.cert em {
    color: #ffb30f;
    font-weight: bold;
    margin: 0 4px
}

.Member_Id {
    display: inline-block;
    height: 16px;
    width: 59px;
    position: relative;
    top: 2px;
    background: url(../image/membersignsB-mini.png) no-repeat 0 0
}

.Member_Id.xmt {
    background-position: 0 0
}

.Member_Id.tgt {
    background-position: 0 -76px
}

.Member_Id.yqds {
    background-position: 0 -114px
}

.Member_Id.pt {
    background-position: 0 -57px
}

.nameplate_text {
    padding-top: 15px
}

.nameplate_l {
    width: 265px;
    float: left
}

.cert-show {
    margin-bottom: 12px
}

.cert-show ul li {
    float: left
}

.cert-show ul li {
    float: left;
    font-size: 12px;
    color: #696969;
    margin: 0 6px;
    position: relative
}

.cert-show ul li span {
    position: absolute;
    left: 0;
    bottom: 53px;
    background: #fff;
    border: solid 1px #f0f0f0;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    padding: 0 5px;
    width: 200px;
    z-index: 1;
    display: none
}

.cert-show ul li span:after {
    content: '';
    width: 11px;
    height: 7px;
    display: block;
    background: url(../image/bottomConer.png) center top no-repeat;
    display: block;
    position: absolute;
    bottom: -7px;
    left: 17px
}

.cert-show ul li.zsx span:after {
    left: 23px
}

.cert-show ul li:hover span {
    display: block
}

.cert-show ul li:before {
    content: '';
    width: 22px;
    height: 24px;
    display: block;
    background: url(../image/id.png) no-repeat;
    margin: 0 auto 3px
}

.cert-show ul li.zizhi:before {
    background-position: 0 0
}

.cert-show ul li.zsx:before {
    background-position: 0 -24px
}

.cert-show ul li.shidi:before {
    background-position: 0 -48px
}

.nameplate_text .business_xx li {
    padding: 0 0 3px 72px;
    font-size: 14px;
    line-height: 25px;
    min-height: 25px;
    position: relative
}

.nameplate_text .business_xx li em {
    font-weight: bold;
    color: #ffb30f;
    padding-right: 5px;
    max-width: 24px;
    overflow: hidden
}

.nameplate_text .business_xx li:last-child {
    padding: 0 0 16px 72px
}

.nameplate_text .business_xx li .t {
    position: absolute;
    left: 0;
    top: 0;
    color: #696969;
    margin-right: 0
}

.nameplate_text .business_xx li span {
    margin-right: 5px;
    display: inline-block;
    font-size: 14px
}

.nameplate_text .business_xx li .t span {
    padding: 0 5px;
    color: #e6e6e6;
    font-family: "宋体";
    display: none;
    margin-right: 0
}

.nameplate_text .business_xx li a {
    margin-right: 5px;
    display: inline-block;
    font-size: 14px !important
}

.nameplate_text .ioc_an div {
    display: block;
    margin: 5px 0;
    float: left;
    margin-right: 7px;
    height: 15px;
    position: relative;
    cursor: pointer
}

.ioc_an div span {
    display: block;
    height: 15px;
    line-height: 15px;
    background: #ffb30f;
    color: #fff;
    position: absolute;
    top: -22px;
    text-align: center;
    left: 50%;
    z-index: 999;
    display: none;
    font-size: 12px;
    width: 70px;
    margin-left: -34px
}

.ioc_an div span i {
    border: 4px solid rgba(255, 255, 255, 0);
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #ffb30f;
    bottom: -8px;
    right: 50%;
    margin-left: -2px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.ioc_an .zs span {
    width: 114px;
    margin-left: -57px
}

.ioc_an .iy span {
    width: 90px;
    margin-left: -45px
}

.nameplate_l .Not_opened {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px 0 90px;
    background: url(../image/membersignsB-middle-no.png) no-repeat 0 -29px;
    font-size: 14px;
    color: #696969
}

.nameplate_text .ioc_an div {
    width: 18px;
    height: 18px;
    background: url(../image/icon.png.webp) no-repeat;
    margin-right: 3px
}

.nameplate_text .ioc_an div span {
    background: #2778e0;
    padding: 3px;
    top: -27px;
    display: none
}

.nameplate_text .ioc_an .id span {
    width: 90px;
    margin-left: -45px
}

.nameplate_text .ioc_an div span i {
    border-top-color: #2778e0
}

.nameplate_text .ioc_an .zs {
    background-position: 0 -313px
}

.nameplate_text .ioc_an .xx {
    background-position: -52px -313px
}

.nameplate_text .ioc_an .sj {
    background-position: -26px -313px
}

.nameplate_text .ioc_an .wx {
    background-position: -142px -313px
}

.nameplate_text .ioc_an .id {
    background-position: -232px -313px
}

.nameplate_l .bottom {
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
    margin-top: 5px;
    position: relative
}

.nameplate_l .bnt {
    display: inline-block;
    border-radius: 3px;
    background: #e60000;
    min-width: 90px;
    height: 26px;
    line-height: 26px;
    font-size: 14px !important;
    color: #fff;
    text-align: center;
    margin-right: 15px
}

.nameplate_l .bnt:hover {
    background: #d20000
}

.nameplate_r {
    width: 160px;
    float: right;
    padding-left: 10px;
    margin-top: 18px
}

.nameplate_r.license a {
    display: block;
    margin: 0 auto;
    width: 138px;
    border: 1px solid #ebebeb;
    position: relative;
    overflow: hidden
}

.nameplate_r.license a img {
    margin: 0;
    width: 100%
}

.nameplate_r.license a span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.6)
}

.grade_ico {
    padding-left: 23px;
    position: relative;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    display: inline-block
}

.grade_ico i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    background: url(../image/level-icon.png.webp) 0 0 no-repeat
}

.grade_ico.zc {
    color: #2e7de2
}

.grade_ico.zc i {
    background-position: 0 -91px
}

.grade_ico.ym {
    color: #6a462a
}

.grade_ico.ym i {
    background-position: -25px -91px
}

.grade_ico.ht {
    color: #1d1313
}

.grade_ico.ht i {
    background-position: -50px -91px
}

.grade_ico.qt {
    color: #1f3c1d
}

.grade_ico.qt i {
    background-position: -75px -91px
}

.grade_ico.by {
    color: #40577e
}

.grade_ico.by i {
    background-position: -100px -91px
}

.grade_ico.hj {
    color: #b77903
}

.grade_ico.hj i {
    background-position: -125px -91px
}

.grade_ico.hz {
    color: #a80a0a
}

.grade_ico.hz i {
    background-position: -150px -91px
}

.category_an .intro h3,
.category_an .intro h4,
.category_an .intro h5 {
    font-weight: bold;
    margin: 10px 0
}

.category_an .intro h3 {
    font-size: 16px
}

.category_an .intro h4 {
    font-size: 14px
}

.category_an .intro h5 {
    font-size: 12px
}

.category_an .intro .list-paddingleft-2 {
    padding-left: 20px
}

.category_an .intro em.img-wrapper {
    height: auto !important;
    padding-bottom: 0 !important
}

.product_nav .Update_time {
    float: right;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 58px;
    display: block;
    padding-right: 20px
}

.float_nav .Update_time {
    display: none
}

.business_xx {
    min-height: 145px
}

.Water_drop {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #939393
}

.Water_drop img {
    float: left;
    margin-top: 0;
    margin-right: 5px
}

.Water_drop a,
.Water_drop a:hover {
    color: #939393
}

.nameplate_l .bottom .Water_drop {
    position: absolute;
    top: 8px;
    right: 15px;
    right: -205px
}

.nameplate_l .bottom .Water_drop img {
    float: left !important;
    margin-top: 0 !important
}

.column_left .Water_drop {
    padding-bottom: 10px;
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 10px
}

.Supplier_entry {
    width: 1190px;
    margin: 10px auto;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    font-size: 44px;
    color: #eec28f;
    background: url(../image/Supplier_entry.jpg.webp) no-repeat
}

.Supplier_entry a {
    display: block;
    height: 100px
}

.Supplier_entry .txt {
    text-align: center;
    padding: 0 330px 0 110px;
    font-weight: bold;
    text-shadow: 5px 3px 3px #1d1c1d;
    font-style: italic;
    color: #eec28f
}

.Supplier_entry .txt span {
    padding-left: 20px
}

.header-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0
}

.header-wrapper .header {
    width: 1190px;
    height: 68px;
    margin: 0 auto
}

.header-wrapper .china-logo {
    float: left;
    padding: 17px 0 16px 0;
    width: 159px
}

.header-wrapper .company-wrapper {
    position: relative;
    float: left;
    margin-left: 23px;
    padding: 14px 0 13px 20px;
    max-width: 500px
}

.header-wrapper .company-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    top: 19px;
    height: 36px;
    background-color: #ececec
}

.header-wrapper .company-wrapper .icon-slsj-name {
    margin-top: 5px
}

.header-wrapper .company-wrapper .company-wrap {
    height: 21px
}

.header-wrapper .company-wrapper .mt-10 {
    margin-top: 10px
}

.header-wrapper .company-wrap .company-name {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-right: 20px
}

.header-wrapper .company-wrap .company-name:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.header-wrapper .company-wrap .pro-qrcode {
    float: left !important;
    margin-left: 7px;
    margin-top: 3px
}

.header-wrapper .company-wrap .pro-qrcode>img {
    display: block
}

.header-wrapper .company-wrapper .member-wrap {
    height: 24px;
    margin-top: 3px
}

.header-wrapper .member-wrap .Member_Id {
    vertical-align: 6px
}

.header-wrapper .member-wrap .joined-years {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    margin: 0 5px;
    vertical-align: 6px
}

.header-wrapper .member-wrap .joined-years strong {
    font-size: 18px;
    max-width: 24px;
    overflow: hidden;
    display: table-cell
}

.header-wrapper .search-warp {
    padding-top: 17px;
    max-width: inherit;
    width: auto
}

.header-wrapper .search-warp .tab-cont-1 {
    height: 35px
}

.header-wrapper .search-warp .sub-btn {
    height: 35px;
    width: 89px;
    outline: 0;
    font-weight: normal
}

.logo_bj .contact-wrapper {
    float: right;
    margin-top: 12px
}

.header-wrapper[theme="dark"] {
    background-color: #e60000;
    border-bottom-color: #e60000
}

.header-wrapper[theme="dark"] .company-wrapper:before {
    background-color: #f17070
}

.header-wrapper[theme="dark"] .company-wrap .company-name {
    color: #fff
}

.header-wrapper[theme="dark"] .company-wrap .company-name:after {
    border-top-color: #fff
}

.header-wrapper[theme="dark"] .company-wrap .collection_btn {
    color: #e60000;
    background-color: #fff
}

.header-wrapper[theme="dark"] .company-wrap .collection_btn i {
    background-image: url('../image/sc_red.png')
}

.header-wrapper[theme="dark"] .search-warp .sub-btn {
    color: #fff;
    background-color: #333
}

.video-box .prism-player .prism-big-play-btn {
    background: rgba(0, 0, 0, 0.7) url(../image/playN.png) center center no-repeat;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    left: 50% !important;
    margin-left: -50px;
    bottom: auto !important;
    top: 50%;
    margin-top: -50px
}

.video-box .prism-player .prism-big-play-btn .outter {
    border: 4px solid rgba(255, 255, 255, 5);
    width: 105px;
    height: 105px;
    top: -4px;
    left: -4px
}

.video-box .prism-player .prism-cover {
    background-color: rgba(0, 0, 0, 0.9);
    background-size: contain
}

.product_left {
    overflow: visible
}

.product_left .bigImg {
    position: relative;
    width: 400px;
    height: 400px;
}

.product_left .bigImg .enlarge {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6) url(../image/enlarge.png) no-repeat center center
}

.product_left .bigImg span {
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.5)
}

.product_left .bigImg p {
    position: absolute;
    width: 400px;
    height: 400px;
    background: #fff;
    right: -410px;
    top: 0;
    z-index: 9;
    overflow: hidden
}

.product_left .bigImg p img {
    position: absolute;
    width: 800px;
    height: 800px;
    object-fit: cover
}

.aiqicha-data {
    margin: 0 30px;
    line-height: 25px;
    position: relative;
    top: -20px;
    margin-top: -20px
}

.aiqicha-data .aiqicha {
    font-size: 14px;
    color: #696969;
    line-height: 25px;
    display: inline-block;
    padding-right: 70px;
    background: url(../image/aqc.png) no-repeat right center
}

.enterprise-more {
    color: #696969;
    padding: 10px 0;
    display: inline-block
}

.float-layer {
    width: 46px;
    position: absolute;
    top: 445px;
    right: -55px;
    z-index: 9
}

.float-layer .consult {
    background: #fff;
    border: solid 1px #e8e8e8;
    border-radius: 100px;
    box-shadow: 0 1px 3px rgba(200, 200, 200, 0.38)
}

.float-layer ul li {
    height: 66px;
    padding-top: 18px;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    cursor: pointer;
    position: relative
}

.float-layer ul li:first-child {
    border-radius: 100px 100px 0 0
}

.float-layer ul li:last-child {
    border-radius: 0 0 100px 100px
}

.float-layer ul li:hover {
    background: #f6f6f6
}

.float-layer ul li span {
    width: 24px;
    height: 65px;
    display: block;
    border-bottom: solid 1px #eaeaea;
    margin: 0 auto
}

.float-layer ul li:last-child span {
    border-bottom: 0
}

.float-layer ul li span:before {
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    background: url(../image/ico-online.png) center top no-repeat;
    margin: 0 auto;
    margin-bottom: 5px
}

.float-layer ul li:first-child span:before {
    width: 17px;
    height: 15px;
    background: url(../image/icon-getPrice.png) center top no-repeat
}

.float-layer ul li:last-child span:before {
    width: 17px;
    height: 15px;
    background: url(../image/icon-phone.png) center top no-repeat
}

.float-layer ul li .phone-contact {
    width: 155px;
    height: 55px;
    background: #fff;
    border: solid 1px #e8e8e8;
    box-shadow: 0 0 7px rgba(200, 200, 200, 0.59);
    border-radius: 5px;
    position: absolute;
    left: -185px;
    top: 6px;
    padding: 17px 0 0 23px;
    display: none
}

.float-layer ul li .phone-contact em {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #333
}

.float-layer ul li .phone-contact em:before {
    content: '';
    width: 15px;
    height: 16px;
    display: inline-block;
    background: url(../image/icon-phone.png) center top no-repeat;
    margin-right: 6px;
    vertical-align: -4px
}

.float-layer ul li .phone-contact p {
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 18px
}

.float-layer ul li .phone-contact:after {
    content: '';
    width: 6px;
    height: 8px;
    display: block;
    background: url(../image/rightCorner.png) center top no-repeat;
    position: absolute;
    right: -5px;
    top: 32px
}

.float-layer ul li:last-child:hover .phone-contact {
    display: block
}

.float-layer .backTop {
    width: 30px;
    height: 28px;
    border: solid 1px #e8e8e8;
    border-radius: 100px;
    box-shadow: 0 1px 3px rgba(200, 200, 200, 0.38);
    margin-top: 30px;
    background: #fff;
    padding: 18px 0 0 16px;
    cursor: pointer;
    display: none
}

.float-layer .backTop:after {
    content: '';
    width: 16px;
    height: 12px;
    display: block;
    background: url(../image/backTop.png) center top no-repeat
}

.getPrice_box {
    position: relative;
    border-top: 1px solid #e6e6e6
}

.getPrice_box_current {
    position: fixed;
    top: 45px;
    z-index: 9
}

.getPrice_box:hover {
    border-top: 1px solid #e6e6e6
}

.getPrice_box .title {
    width: 208px;
    margin: 15px auto 20px
}

.getPrice_box .title span {
    width: 100%;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 26px;
    font-size: 18px;
    color: #333;
    font-weight: bold
}

.getPrice_box .title em {
    font-size: 14px;
    color: #696969;
    height: 22px;
    display: block;
    text-align: center;
    line-height: 22px
}

.getPrice_box .form {
    margin: 0 auto
}

.getPrice_box .form li {
    position: relative;
    width: 208px;
    height: 36px;
    margin-bottom: 18px
}

.getPrice_box .form li .txt {
    width: 195px;
    height: 34px;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
    padding: 0 0 0 11px
}

.getPrice_box .form li span {
    font-size: 12px;
    color: #e60000;
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    line-height: 21px;
    display: none;
    z-index: 2;
    background: #fff
}

.getPrice_box .form li em {
    width: 64px;
    display: block;
    background: #fff;
    position: absolute;
    right: 11px;
    top: -10px;
    font-size: 12px;
    color: #b2b2b2;
    text-align: center
}

.getPrice_box .form li i.protect-icon {
    width: 25px;
    height: 20px;
    display: block;
    background: url(../image/protect-icon.png) center top no-repeat;
    position: absolute;
    right: 8px;
    top: 9px
}

.getPrice_box .form .submit-btn {
    width: 208px;
    height: 40px;
    display: block;
    background: #e60000;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 25px
}

.getPrice_box .form .submit-gray {
    width: 208px;
    height: 40px;
    display: block;
    background: #f3f3f3;
    border: solid 1px #e6e6e6;
    color: #b2b2b2;
    display: none;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 25px
}

.getPrice_box .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none
}

.getPrice_box .verify-layer {
    width: 217px;
    height: 236px;
    background: #fff;
    border: solid 1px #fafafa;
    position: absolute;
    left: 11px;
    top: 42px;
    z-index: 2;
    display: none
}

.getPrice_box .verify-layer .verify-title {
    height: 34px;
    line-height: 34px;
    margin: 11px 0 0 19px;
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.getPrice_box .verify-layer .verify-title .close {
    width: 14px;
    height: 14px;
    display: block;
    background: url(../image/close3.png) center top no-repeat;
    float: right;
    margin-right: 12px;
    cursor: pointer
}

.getPrice_box .verify-layer .verify-code {
    width: 180px;
    margin: 9px auto 0
}

.getPrice_box .verify-layer .verify-code .code-img {
    width: 180px;
    height: 40px;
    display: block;
    background: #f0f0f0
}

.getPrice_box .verify-layer .verify-code .code-img .captcha {
    width: 90px;
    height: 30px;
    display: block;
    padding-top: 5px;
    margin: 0 auto
}

.getPrice_box .verify-layer .verify-code a {
    margin-top: 10px;
    width: 180px;
    height: 20px;
    display: block;
    line-height: 22px;
    text-align: right;
    color: #e60000;
    cursor: pointer
}

.getPrice_box .verify-layer .verify-code .code_text {
    width: 180px;
    height: 39px;
    position: relative
}

.getPrice_box .verify-layer .verify-code .code_txt {
    width: 180px;
    height: 38px;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #e60000;
    font-size: 14px;
    color: #696969;
    border-radius: 0
}

.getPrice_box .verify-layer .verify-code em {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 12px;
    color: #e60000;
    display: none
}

.getPrice_box .verify-layer .verify-btn {
    width: 100px;
    height: 34px;
    display: block;
    text-align: center;
    line-height: 34px;
    background: #e60000;
    font-size: 18px;
    color: #fff;
    margin: 20px auto;
    border-radius: 50px;
    cursor: pointer
}

.getPrice_box .verify-layer .verify-gray {
    width: 100px;
    height: 34px;
    display: block;
    text-align: center;
    line-height: 34px;
    background: #f3f3f3;
    border: solid 1px #e6e6e6;
    color: #b2b2b2;
    display: none;
    font-size: 18px;
    margin: 20px auto;
    border-radius: 50px;
    cursor: pointer
}

.getPriceModal.fade .modal-dialog {
    margin-left: -300px;
    margin-top: -150px
}

.getPriceModal .modal-content.getPrice-content {
    background: url(../image/modal_bg.png.webp) left top no-repeat
}

.getPriceModal .modal-content ul li {
    height: 40px;
    line-height: 40px;
    margin-bottom: 14px
}

.getPriceModal .modal-content ul li label {
    width: 132px;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #333
}

.getPriceModal .modal-content ul li .txt {
    float: left;
    margin-left: 12px;
    width: 231px;
    height: 38px;
    border: solid 1px #e6e6e6;
    padding-left: 7px;
    font-size: 14px
}

.getPriceModal .modal-content ul li .txt2 {
    width: 148px
}

.getPriceModal .modal-content ul li img {
    float: left;
    width: 78px;
    height: 34px;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
    margin: 4px 0 0 14px;
    cursor: pointer
}

.getPriceModal .modal-content ul li span {
    margin-left: 8px;
    color: #e60000;
    display: none
}

.getPriceModal .modal-content ul li.verifyCode_li {
    display: none
}

.getPriceModal .modal-content .btn {
    padding: 3px 24px;
    font-size: 14px
}

.getPriceModal .modal-content .btn.get-price {
    background: #e60000;
    border: solid 1px #e60000;
    color: #fff
}

.getPriceModal .modal-content .btn.gray-btn {
    background: #f3f3f3;
    border: solid 1px #e6e6e6;
    color: #b2b2b2;
    display: none
}

.getPriceModal .modal-content .cancel-submit {
    margin: 39px auto 0
}

.getPriceModal .modal-content .cancel-submit p {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.getPriceModal .modal-content .cancel-submit ul {
    width: 331px;
    height: 94px;
    background: url(../image/cancel-bg.png) center top no-repeat;
    margin: 26px auto 0
}

.getPriceModal .modal-content .cancel-submit ul li {
    width: 165px;
    float: left;
    text-align: center;
    padding-top: 39px
}

.getPriceModal .modal-content .cancel-submit ul li em {
    width: 165px;
    height: 18px;
    display: block;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    color: #333
}

.getPriceModal .modal-content .cancel-submit ul li em i {
    font-style: normal;
    color: #696969;
    margin-left: 7px
}

.getPriceModal .modal-content .cancel-submit ul li span {
    height: 24px;
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.getPriceModal .modal-content .submit-success {
    margin-top: 55px
}

.getPriceModal .modal-content .submit-success p {
    text-align: center
}

.getPriceModal .modal-content .p1 {
    font-size: 14px;
    color: #666;
    height: 22px
}

.getPriceModal .modal-content .p1 span {
    font-size: 16px;
    color: #6b0;
    font-weight: bold;
    display: inline-block;
    margin-right: 20px
}

.getPriceModal .modal-content .p1 span::before {
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../image/success.png) center top no-repeat;
    margin-right: 12px;
    vertical-align: -4px
}

.getPriceModal .modal-content .p2 {
    height: 22px;
    line-height: 22px;
    margin-top: 7px;
    color: #0f69dc;
    font-size: 12px
}

.getPriceModal .modal-content .p2 a {
    color: #0f69dc
}

.getPriceModal .modal-content .p3 {
    margin-top: 46px;
    height: 24px;
    color: #666;
    line-height: 24px
}

.getPriceModal .modal-content .p4 {
    height: 24px;
    margin-top: 1px;
    color: #333;
    font-size: 14px
}

.getPriceModal .modal-content .p4 span {
    font-size: 18px
}

.floatui_bar {
    display: none
}

.inactiveModal,
.getPriceModal {
    position: fixed;
    z-index: 1003;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none
}

.inactiveModal .modal-inner,
.getPriceModal .modal-inner {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    margin: 0 -390px 0 0;
    width: 780px
}

.getPriceModal .modal-inner {
    width: 600px;
    margin: 0 -300px 0 0
}

.inactiveModal.fadeOut,
.inactiveModal.fadeOut .modal-inner,
.getPriceModal.fadeOut,
.getPriceModal.fadeOut .modal-inner {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.inactiveModal.fadeOut,
.getPriceModal.fadeOut {
    background: rgba(0, 0, 0, 0)
}

.inactiveModal.fadeOut .modal-inner,
.getPriceModal.fadeOut .modal-inner {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    right: 10%;
    bottom: 0;
    opacity: 0
}