﻿@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/066-CAI978.ttf);
}

@font-face
{
    font-family: myFirstFont1;
    src: url(../fonts/IMPACT.ttf);
}
#translate{ display:none;}


*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333 !important;}
body{ font-family: myFirstFont; color:#333; font-size:16px !important; background: #f6f8fc; }
a:hover{ color:#0670fa !important}
ul,li{ list-style:none; margin: 0 !important;}
.clear{ clear:both;}
.blue{ color: #0670fa !important;}
.textRed{ color:red  !important;}
.red{ color:red;}
.fontw{ font-weight: bold;}
.fontwn{ font-weight: normal;}
.textT{text-transform: uppercase;}
.fl{ float: left;}
.fr{ float: right;}
.dis{ display: none !important;}
.tleft{ text-align: left;}
.fs-lg-1{ font-size: 1.6rem;}
.padding30{ padding: 30px;}
.pt20{ padding: 20px 0;}
.ptB50{ padding-bottom: 50px;}
.bgFF{ background: #FFFFFF; }
.bgFFF{ background: #FFFFFF; border-radius: 5px; padding: 20px; border: 1px solid #EEEEEE;}
.bgFFFNobor{ background: #FFFFFF;  padding: 20px; }
.mt-1{ margin-top: 10px;}
.mt-2{ margin-top: 20px;}
.mt-3{ margin-top: 30px;}
.h1, .h2, .h3, .h4, h1, h2, h3, h4{ margin: 0;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: center;}
.flex-center1 { display: flex; align-items: center; justify-content:  space-between;}
.flex-center-contain { justify-content: space-between;}
.flex-center-start{ justify-content: flex-start;}

#home .home,
#brand .brand,
#rfq .rfq,
#news .news,
#products .products,
#contact .contact,
#pcb .pcb,
#sto .sto,
#about .about{ color: #0670fa !important; }


.borido{ border-radius: 5px;}
#warp{ width: 100%; overflow: hidden;}
.lin-h{ line-height:24px;}
.mtb10{ margin-bottom:10px;}
.mtt10{ margin-top: 10px;}
.mtt20{ margin-top: 20px;}
.textGray{ color:#999;}
.navbg .dropdown{  display: none;} 
.navbg .dropdown img{ padding-right: 10px; width: auto; height: auto;} 
 

.imgPc{ display: block !important;}
.imgMo{ display: none !important;}
.window-container{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-image:url(../images/window.png);background-repeat:repeat;display:none}
.window-container .window-main{position:absolute;z-index:10;top:50%;left:50%;margin-top:-100px;margin-left:-220px;padding:40px 29px;line-height:40px;width:396px;height:45px;border-radius:10px;color:#e9672d;background-color:#fff;font-size:20px;border:7px solid #2a3e6c}
.window-container .window-main img{float:left}


.TopBar{ width: 100%; height: 52px; line-height: 52px; background:#fff; border-bottom:1px solid #eee;  font-size:14px;}
.TopBarLeft{ margin: 0;}
.TopBarLeft em { font-style: normal;}
.TopBarLeft em a{  color:#0670fa !important;}
.TopBarLeft a{ font-style: normal;}
.TopBarLeft a:before{ content: "|"; padding: 0 10px;}
.TopBarLeft a:first-child:before{ content: ""; padding: 0;}
.TopBarLeft a img{ margin-right: 6px;}


.TopBarRight{ margin: 0; display: flex;}
.TopBarRight a{ }
.TopBarRight a img{ margin-right: 6px;}
.TopBarRight a:after{ content: "|"; color: #111; padding: 0 10px;}

.toplangue{ position:relative;}
.toplangue i.fa-globe{ margin-right:10px;}
.toplangue i.fa-angle-down{ margin-left:10px;}
.toplangue:hover ul{ display:block;}
.toplangue ul{ z-index:999; background:#fff; width:180px; position:absolute; left:0; top:45px; display:none;}
.toplangue ul li{ width:100%; height:42px; line-height:42px; border-bottom:1px solid #eee; text-align:center; }
.toplangue ul li a{ margin:0 !important; font-size:15px !important; display:block; color:#333;}
.toplangue ul li a:hover{ background:#0670fa; color:#fff !important; }
.toplangue ul li a:after{ content: "" !important;  padding: 0 !important;}


header{ width: 100%; background: #FFFFFF; padding: 25px 0;}
header .logo{ margin: 0; width: 162px; height: 79px;}
header .logo img{ width: 162px; height: 79px;}
header .logo h1{ display: none;}

header .Hright{ display: flex; justify-content: flex-end; margin: 0; align-items:center;}


header .Tsearch{ width: 700px; height: 46px; margin-top: 3px; margin-right: 25px; border:2px solid #ed1b24; border-radius: 30px; padding: 2px; }
header .Tsearch input{ width: 90%; height: 38px; line-height: 38px; border: none; background: none; padding: 0 15px; float:left;}
header .Tsearch button{ width: 10%; height: 38px; line-height: 38px; background: #ed1b24; color: #FFFFFF; border: none; border-radius: 30px; font-size: 20px;  float:left;}
header .TopsearchTxt{ width:100%; line-height:32px; overflow:hidden; clear:both; padding-top:6px; font-size:15px;}
header .TopsearchTxt a{ padding-right:8px;}
header .TopsearchTxt a:nth-child(1){ color:#0670fa !important;}
header .TopsearchTxt a:nth-child(2){color:#ed1b24  !important;}
header .TopsearchTxt a:nth-child(3){color:#192bb8  !important;}
header .TopsearchTxt a:nth-child(4){color:#111  !important;}
header .TopsearchTxt a:nth-child(5){color:red  !important;}



header .Hbom{ width: 96px; height: 50px; margin-left: 20px;}
header .Hbom a{ display: block; width: 96px; height: 50px;}



.Hcart{ width: auto; position: relative; height: 46px; margin-top: 3px;  padding:0 30px; }
.Hcart em{ width: 26px; height: 26px;position: absolute; right: 0; bottom: 0; text-align: center; line-height: 26px; display: block; background: #0670fa; border-radius: 50%; color:#FFFFFF !important; font-style: normal;}



.navbg{ width: 100%; height: auto; background: #FFFFFF; height: 52px; line-height: 52px; box-shadow: 0px 3px 10px #EEEEEE; border-top:1px solid #eee; }
.navbg .navbar{ margin-bottom: 0; border: none; background: none; font-size: 16px; min-height: 52px;}
.navbg .col-lg-3{  cursor: pointer;  position: relative; height: 52px; line-height: 52px; background:#ed1b24; border-radius: 3px 3px 0 0;  width: 23%;}
.navbg .col-lg-3 i{ line-height: 50px; padding: 0 10px; font-size: 20px;}

.navbg .col-lg-3 a.navTa{ color: #FFFFFF !important; font-size: 16px;}
.navbg .col-lg-3:hover .Nul1{ display: block;}
.navbg .col-lg-3 .Nul1{  display: none; background: #FFFFFF;  width: 100%; height: auto; border: 1px solid #EEEEEE;  box-sizing: border-box; padding:9px 0; position: absolute; left: 0; top:52px; z-index: 999;}
.navbg .col-lg-3 .Nul1 li{ width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.navbg .col-lg-3 .Nul1 li i{ color: #999; line-height: 30px; float: right;}
.navbg .col-lg-3 .Nul1 li a{ display: block; padding: 0 15px; height: 30px; overflow:hidden;}
.navbg .col-lg-3 .Nul1 li a:hover{ background: #f6f8fc;}
.navbg .col-lg-3 .Nul1 li:hover ul{ display:block;}
.navbg .col-lg-3 .Nul1 li ul{ position:absolute; top:0; left:290px; z-index: 666; display:none; width:990px; min-height:400px; height:auto; background:#fff; padding:10px; border:2px solid #0670fa;}
.navbg .col-lg-3 .Nul1 li ul li{float:left; width:33.3%;  line-height: 34px; height:34px; overflow:hidden; box-sizing: border-box; font-size:13px;}
.navbg .col-lg-3 .Nul1 li ul  a{ display:block; padding: 0 10px;  }
.navbg .col-lg-3 .Nul1 li ul li a:hover{ color: #FFFFFF !important; background: #0670fa;}
.navbg .col-lg-3 .Nul1 li ul li a:hover i{ color: #FFFFFF;}

.navbg .col-lg-3 h4{ height: 22px; line-height: 22px;  font-size: 14px;  margin-left: 15px;  font-weight: bold; margin-top: 11px;}
.navbg .col-lg-3 h4 a{ display: block; color: #000 !important;}
.navbg .col-lg-9{ width: 77%; padding-right: 0; }

 /* 电梯导航开始 */
.elevator-nav {
        position: fixed;
        top: 400px;
        left: 50%;
        width: 200px;
        height: auto;
        margin-left: -844px;
        overflow:auto;
        font-size: 14px;
    }
.elevator-nav .an-tips {
   position: fixed;
   margin-top: -30px;
   margin-left: 64px;
   width: 128px;
   height: 37px;
   line-height: 26px;
   text-align: center;
   font-size: 12px;
   color: #fff;
   background: url(../images/side-nav-tip.svg) no-repeat 74%;
   background-size: 89%;
}
.elevator-nav ul .active {
    border-right: 2px solid #0070bb !important;
}
.elevator-nav ul {
    border-right: 2px solid #d9d9d9;
    margin: 0px;
    padding: 0px;
}
.elevator-nav ul li {
    padding-right: 9px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    text-align: right;
}
/*--Digikey--*/
#floor_Digikey{display:none;background-color: white;    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);}
.fl_Digikey {display:none}
.con-title {
    position: relative;
    margin: 10px 0 0;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    background: #dcefff;
    padding: 0 12px;
}

    .con-title img {
        /*width: 80px;*/
        height: 40px;
        margin:0;
        margin-right: 20px;
    }

    .con-title h3 {
        display: inline-block;
        height: 20px;
        font-size: 16px;
        color: #444;
    }

    .con-title .icon-item {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        color: #0093e6;
    }
.con-body.content-wrap .item-name{margin:0}
.con-body.content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 16px 12px 8px;
    box-sizing: border-box;
}

.con-body:hover {
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.08)
}

.con-body.content-wrap .item-block-1 {
    width: 380px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.con-body.content-wrap .td-ellipsis {
    max-width: 180px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.con-body.content-wrap .item-block-1 .td-ellipsis {
    max-width: 300px;
}

.con-body.content-wrap .item-block-1 .light-color {
    font-size: 14px;
    line-height: 20px;
    color: #0093e6;
}

.con-body.content-wrap .item-text {
    font-size: 12px;
    line-height: 18px;
    color: #444;
}

.con-body.content-wrap .item-name .product-img {
    position: relative;
    width: 220px;
}
.con-body.content-wrap .preview-wrapper {
    position: absolute;
    top: -100px;
    right: -60px;
    width: 200px;
    display: none;
    padding-left: 20px;
    box-sizing: border-box;
}
.con-body.content-wrap .item-name .product-img:hover .preview-wrapper{ display:block !important}
.con-body.content-wrap .preview-wrapper .preview-box {
    display: block;
    padding-top: 4px;
    width: 190px;
    height: 190px;
    background: #fff;
    border: 1px solid #cecbce;
    box-shadow: 0 0 1px 2px #eee;
    text-align: center;
    box-sizing: border-box;
}


.ggs i {
    margin-right: 2px;
    display: inline-block;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    background-image: url(../images/list_item_icon20181217.png);
    background-repeat: no-repeat;
    background-position-x: -23px;
    background-position-y: -32px;
}

.con-body.content-wrap .text-center {
    text-align: center;
}

.con-body.content-wrap .item-block-2 {
    margin-left: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 230px;
}

    .con-body.content-wrap .item-block-2 .td-ellipsis {
        max-width: 230px;
    }

.con-body.content-wrap .item-text.text-bold {
    font-weight: 700;
}
.con-body.content-wrap .item-text img{ width:15px;}

.tag-wrapper .couponbgsBox {
    border-radius: 2px;
    border: 1px solid #ff7800;
}

.tag-wrapper .couponbgs, .tag-wrapper .couponbgsBox {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    color: #ff7800;
    text-align: center;
    box-sizing: border-box;
    padding: 0 4px;
    line-height: 20px;
    position: relative;
}

.con-body.content-wrap .item-block-3 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 195px;
}

.con-body.content-wrap .item-block-3 .light-color {
        font-size: 12px;
        color: #ff7800;
    }
.con-body.content-wrap .item-block-3 .light-color1 {
        font-size: 12px;
        color: #999;
}
.con-body.content-wrap .prices-warp .num-label{text-align:right;display: inline-block;width: 83px;}
.con-body.content-wrap .prices-warp .price-label{text-align: left;width: 93px;display: inline-block;}
.con-body.content-wrap .item-block-4 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 150px;
    margin-right: 25px;
    margin-left: 15px;
}

    .con-body.content-wrap .item-block-4 .light-color {
        font-size: 12px;
        color: #ff7800;
    }

    .con-body.content-wrap .item-block-4 .min-tit {
        width: 75px;
        display: inline-block;
        text-align: right;
    }

.con-body.content-wrap .item-block-5 {
    margin-left: 2px;
}

    .con-body.content-wrap .item-block-5 .price-area .price-input {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 150px;
        margin-bottom: 7px;
    }

        .con-body.content-wrap .item-block-5 .price-area .price-input .cartnumbers {
            width: 100px;
            height: 24px;
        }

    .con-body.content-wrap .item-block-5 .price-area .totalPrice-li {
        margin-bottom: 7px;
    }

ul.price-area li.price-input .cartnumbers {
    width: 60px;
    height: 20px;
    border: 1px solid #ccc; 
    padding: 0 4px;
    float: left;
    background: #fff;
    font-size: 12px;
}

.con-body.content-wrap .item-block-5 .price-area .price-input .unit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    height: 22px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-left: none;
}

.addtocart-btn {
    width: 102px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
    border: none;
    border-radius: 2px;
}

.con-body.content-wrap li.add-cart-tip {
    display: none;
}
.all-price {
    display: inline-block;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin: 0 0 0 3px;
    cursor: pointer;
    background: url(../images/price_label.svg) 50% no-repeat;
    position: relative;
}

.all-price span.all-price-tips {
    position: absolute;
    font-style: normal;
    font-weight: 100;
    width: -webkit-max-content;
    width: max-content;
    margin: -1px 0 0 10px;
}
.common-float-dialog {
    position: absolute;
    left: -18px;
    top: 28px;
    min-width: 100px;
    height: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    border: 1px solid #eaeaea;
    text-align: center;
    font-style: normal;
    display: none;
    z-index: 5;
}
.all-price:hover .common-float-dialog{ display:block}
.f-row {
    white-space: nowrap;
}
.f-row .part {
    width: 76px;
    text-align: right;
}
.f-row li {
    line-height: 24px;font-weight: normal;
}
.inline-block {
    display: inline-block;
}
.line-through {
    text-decoration: line-through;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w105 {
    width: 105px !important;
}

.light-btn {
    background: #ff7800;
}

.totalPrice {
    font-weight: 700;
}

.c9a9a9a, .color9a {
    color: #9a9a9a;
}

.orange {
    color: #ff7900;
}

.goldenrod {
    color: #ff7800 !important;
}

.mb10 {
    margin-bottom: 10px;
}


.s-submun-content-title {
    line-height: 28px;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700;
    color: #0895e7;
    position: relative;
}
.goods_class .small_cate{ margin-top:5px; margin-bottom:14px;}
.goods_class .small_cate a{ background:none !important; color:#666}
.menuBox .category .sub_class_content{ overflow-y:auto; height:430px;}

.navbar-collapse{ padding: 0;}
.container-fluid{ padding: 0;}
.navbar-nav{ float: none;}
.navbar-nav>li>a{ padding: 14px 18px; margin-left: 0; font-size: 16px !important;  display: block;}
.navbar-nav>li>a.navbom{ color: #FFFFFF !important; background: #055cc8; border-radius: 4px 4px  0 0;  padding: 13px 25px;}
.navbar-nav>li>a.navbom img{ display: inline-block !important; margin-right: 5px;}
.navbar-nav>li>a.navbom:hover{ background: #000000;}

.logom{ display: none;}
.msearch{ display: none;}
.carousel-indicators{ bottom: 0 !important;}

.eso_banner .col-lg-3{ padding: 0; width: 23%;}
.eso_banner .col-lg-6{ padding: 0; margin-top: 5px; margin-left: 13px; width: 52%;}
.eso_banner .col-lg-6 img{ width: 100%; height: auto;}

.eso_banner .col-lg-4{  float: right; width: 23%; padding:0; overflow: hidden;  margin-top:5px; }

.eso_banner .col-lg-4 .esocol_login{ width: 100%; height: auto; background: #FFFFFF; padding: 20px; border:1px solid #EEEEEE;}
.eso_banner .col-lg-4 .esocol_login h4{ color: #000000; font-size: 20px; margin: 0; line-height: 24px;}
.eso_banner .col-lg-4 .esocol_login p{ line-height:18px; margin:0; margin-top: 18px; clear: both; font-size: 14px;}
.eso_banner .col-lg-4 .esocol_login div{ padding: 8px 0;}
.eso_banner .col-lg-4 .esocol_login div.clear{ padding: 0;}
.eso_banner .col-lg-4 .esocol_login div a{ display: block; float: left; width: 120px; height: 34px; line-height: 34px; border-radius: 3px; text-align: center;}
.eso_banner .col-lg-4 .esocol_login div a.eso_loA1{ background: #FFFFFF; border: 1px solid #0670fa; margin-right: 10px; color: #0670fa !important;}
.eso_banner .col-lg-4 .esocol_login div a.eso_loA2{ background: #0670fa; color: #FFFFFF !important;}

.eso_banner .col-lg-4 .eso_rBot{ width: 100%; height: auto; background: #FFFFFF; margin-top: 10px; border:1px solid #EEEEEE;}
.eso_banner .col-lg-4 .eso_rBot h4{ padding: 15px 20px; color: #000000; margin: 0; font-size: 16px; font-weight: bold;}
.eso_banner .col-lg-4 .eso_rBot h4 a{ font-size: 14px; font-weight: normal; }
.eso_banner .col-lg-4 .eso_rBot ul{ padding: 0 20px;}
.eso_banner .col-lg-4 .eso_rBot ul li{ height: 26px; line-height: 26px; overflow: hidden;}
.eso_banner .col-lg-4 .eso_rBot ul li i{ font-style: normal; padding-right: 10px;}
.eso_banner .col-lg-4 .eso_rBot div{ width: 100%; height: auto; border-top: 1px solid #EEEEEE;  margin-top: 5px;}
.eso_banner .col-lg-4 .eso_rBot dl{display: flex; float: left; width: 50%;  border-right: 1px solid #EEEEEE; margin: 0; padding: 12px; border-bottom: 1px solid #EEEEEE;}
.eso_banner .col-lg-4 .eso_rBot dl dd em{ display: block; font-style: normal; font-weight: bold; color: #111; line-height: 20px; margin: 0;}
.eso_banner .col-lg-4 .eso_rBot dl dd i{ display: block; font-style: normal; font-size: 14px !important; line-height: 20px; margin: 0;}


.eso_banner .col-lg-4 .eso_rBot div.eso_clear{ padding: 0; margin: 0; border: none;}
.eso_banner .col-lg-4 .eso_rBot dl:nth-child(2){ border-right: none;}
.eso_banner .col-lg-4 .eso_rBot dl:nth-child(3){ border-bottom: none;}
.eso_banner .col-lg-4 .eso_rBot dl:nth-child(4){ border-right: none; border-bottom: none;}



.inBad{ }
.inBad ul li{ width:24%;}
.inBad ul li img{ width:100%; height:auto;}

.inTit{ line-height: 42px; padding-top:22px; margin-bottom:10px;}
.inTit h2{ color: #111111; font-size: 22px; font-weight: bold; margin: 0; width: 50%; line-height:42px;}
.inTit a{ display: block; margin: 0; width: 50%; text-align: right;} 
.index-h2{ color: #111111; font-size: 22px; font-weight: bold; margin: 0;line-height:42px;}

.inHotpro{}
.inHotproL{ width: 15%; position: relative; padding-bottom: 1%;}
.inHotproL img{ width: 100%; height: 100%; }
.inHotproL div{ position: absolute; left: 0; top: 0; padding: 35px 20px;}
.inHotproL div h3{ font-weight: bold; color: #fff; font-size: 18px; line-height: 21px;}
.inHotproL div a{ display: block; width: 129px; height: 32px; line-height: 32px; background: #ed1b24; text-align: center; margin: 0; color: #FFFFFF !important; font-size: 14px; border-radius: 5px; margin-top: 20px;}
.inHotproL div p{ font-size: 14px; line-height: 18px; margin-top: 5px; color: #fff;}

.inHotproR{ width: 85%; padding-left: 10px; }
.inHotproR dl{ margin:0; width: 19%; margin-bottom: 1%; height: auto; background: #FFFFFF; border-radius: 5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding: 10px; position:relative;}
.inHotproR dl span{ display:block; position:absolute; z-index:111; left:0; top:0;  background: url(../images/inhot1.png) no-repeat; width:52px; height:36px;}
.inHotproR dl dt{ text-align: center;}
.inHotproR dl dt img{ width: 120px !important; height: 120px !important;}
.inHotproR dl dd{ padding-top: 15px;}
.inHotproR dl dd a.inproLinks{ color: #111111; display: block; height: 20px; line-height: 20px; overflow: hidden;}
.inHotproR dl dd em{ display: block; color: #999; height: 20px; line-height: 20px; overflow: hidden; font-style: normal;}
.inHotproR dl dd p{ height: 28px; line-height: 28px; margin-top: 10px;}
.inHotproR dl dd p i{ color:#ed1b24; font-weight: bold; font-style: normal; font-size: 20px;}
.inHotproR dl dd p a{ display: block; width: 28px; height: 28px; background: url(../images/inproShop.png) no-repeat; float: right;}

.main_visual .owl-prev,.main_visual .owl-next{width:20px;height:56px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -28px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/HotProL.png);left: 0; }
.main_visual .owl-next{background-image: url(../images/HotProR.png);right: 0; }


.main_visual .owl-dots{ display: none !important; text-indent: -99999em;}



.inBom{ margin-bottom: 25px;}
.inBom img{ width: 100%; height: auto; margin-top: 10px;}


.inBrandList{ width: 100%; height: auto; background: #FFFFFF; padding: 25px; position:relative;}
.inBrandList a{ display:block; width: 15.66%; text-align: center; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding: 25px; border-radius: 10px; margin-bottom: 1% !important;}
.inBrandList a img{ width: 100%; height: auto;}

.main_visual1 .owl-prev,.main_visual1 .owl-next{width:20px;height:56px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -28px;text-indent: -999px; overflow: hidden;}
.main_visual1 .owl-prev{background-image: url(../images/HotProL.png);left: 0; }
.main_visual1 .owl-next{background-image: url(../images/HotProR.png);right: 0; }


.main_visual1 .owl-dots{ display: none !important; text-indent: -99999em;}


.inBrandMore{ width: 100%; height: auto; margin-top: 20px; text-align: center; justify-content:center;}
.inBrandMore a{ display:block; padding: 0 35px; height: 50px; line-height: 50px; border-radius: 5px; margin:  0 8px;}
.inBrandMore a.inBrandMore1{ background: #0670fa; color: #FFFFFF !important;}
.inBrandMore a.inBrandMore2{ border:1px solid #0670fa ;}


.inNewsbg{ width: 100%; height: auto; margin-top: 25px;}
.inNews{ width: 100%;}
.inNewsL{ width: 100%; margin: 0; background: #FFFFFF; padding: 20px;}

.inNewsLtitle{ width: 100%; height: 32px; line-height: 32px; margin-bottom: 16px;}
.inNewsLtitle h2{ color: #111111; font-weight: bold; font-size: 22px;}
.inNewsLtitle a{ display: block; color: #999999 !important; margin: 0;}


.inNewsLlist{ width: 50%; margin: 0; }
.inNewsLlist dl{ width: 100%;  padding-bottom: 16px; margin-bottom: 16px; border-bottom:2px solid #e6e6e6; display: flex; justify-content: space-between;}
.inNewsLlist dl dt{ width: 25%;}
.inNewsLlist dl dt img{ width: 100%; height: auto;}
.inNewsLlist dl dd{ width: 75%; padding-left: 15px;}
.inNewsLlist dl dd a{ display: block; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.inNewsLlist dl dd em{ display: block; font-style: normal; font-size: 14px; height: 13px; line-height: 13px; margin-top: 16px;}
.inNewsLlist dl dd em img{ margin-right: 10px;}
.inNewsLlist dl:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}


.inNewsLpic{ width: 48%; margin: 0; padding: 15px; background: #FFFFFF; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius: 4px; }
.inNewsLpic dl{ width:49%;}
.inNewsLpic a img{ width: 100%; height: auto; border-radius: 5px;}
.inNewsLpic b{ display: block; font-size: 14px; font-weight: normal; line-height: 20px; height: 40px; overflow: hidden; margin: 18px 0;}
.inNewsLpic em{ display: block; font-style: normal; font-size: 14px; height: 13px; line-height: 13px; border-top:2px solid #e6e6e6; padding-top: 18px;}
.inNewsLpic em img{ margin-right: 10px;}


.inPartbg{ width: 100%; padding-bottom: 50px; }
.inPart{ width: 100%; background: #FFFFFF; padding: 20px 0;}
.inPartTab{ width: 100%; height: 43px; line-height: 41px; border-bottom: 2px solid #e6e6e6;}
.inPartTab li{ margin: 0 28px !important;  cursor: pointer;}
.inPartTab li.thistab{ color: #111111; font-weight: bold;  border-bottom: 2px solid #0670fa;}

.inPartList{ width: 100%; padding:15px 28px;}
.inPartList a{ display: block; width: 20%; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden;}


.inProList1{ width: 100%; border-top:2px solid #efefef; padding: 20px 28px; background: #FFFFFF;}
.inProList1 em{ font-style: normal; color: #111111;}
.inProList1 a{ display: block; }
.inProList1 a:hover{ color: #0670fa !important; }



.footerService{ width: 100%; background: #FFFFFF; padding: 20px 0;}
.footerService dl{ display: flex; width: 23%; border-right:1px solid #EEEEEE; margin: 0; margin-right: 2%;}
.footerService dl:last-child{ border-right: none; padding-right: 0;}
.footerService dl:last-child dd{  padding-right: 0;}
.footerService dl dt{ width: 52px; height: 52px; margin: 0;}
.footerService dl dd{ padding-left: 15px; padding-right: 30px; margin: 0;}
.footerService dl dd b{ display: block; color: #111111; font-size: 24px;}
.footerService dl dd em{ color: #666; font-size: 14px; display: block; font-style: normal;}


footer{ background: url(../images/footer.jpg) no-repeat center; background-size:cover; padding-top: 70px;}

.footerBox{ width: auto; color: #FFFFFF; padding-bottom: 40px;}
.footerBox dl{ width: 23%;}
.footerBox dl:nth-child(3){ width:30%;}
.footerBox dl dt{ font-size: 20px;}
.footerBox dl dt em{ display: block; width: 32px; height: 1px; background: #c1c2c3; margin: 0; margin-top: 15px;}
.footerBox dl dd{margin-top: 12px;}
.footerBox dl dd a{ display: block; color: #FFFFFF !important; line-height: 24px; font-size: 14px;}


.footerBox dl dd ul li{ display: flex; justify-content: space-between; margin-bottom: 6px !important; font-size: 14px; line-height: 20px; }
.footerBox dl dd ul li em{ display: block; margin: 0; width: 5%;}
.footerBox dl dd ul li em img{ margin-top: 6px;}
.footerBox dl dd ul li a{ display: block; margin: 0; width: 95%; padding-left: 10px;}
.footerBox dl dd ul li address{ display: block; margin: 0; width: 95%; padding-left: 10px;}
.footerBox dl dd div{ margin:0; margin-top: 15px; margin-right:15px; text-align:center;}
.footerBox dl dd div a{ display: block; margin-right: 8px; float: left; width: 46px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; background: url(../images/fsa.png) no-repeat;}
.footerBox dl dd div a:hover{ background: url(../images/fsas.png) no-repeat;}
.footerBox dl dd div p{ margin-top:15px;}
.footerBox dl dd div img{ border-radius:6px;}

.fiso{ text-align: center; padding-bottom: 35px;}
.fiso img{ width: auto;}


.footerCopy{ width: 100%; height: auto; line-height: 29px; padding: 20px 0; border-top:1px solid #ccc;}
.footerCopy em{ display: block; font-style: normal; color: #FFFFFF; margin: 0; width:50%;}
.footerCopy div.fimg{ margin: 0; width: 50%; text-align:right;}

.fposi{ display: none;}

.customerList{ width:60px; height:auto; position: fixed; right: 0; top: 30%; z-index:999; }
.customerList a b{ display: block; color: #FFFFFF !important; font-size: 14px; line-height: 21px; font-weight: normal;}

.customerBox{ width: 60px; height: auto;  }
.customerBox a{ display: block; text-align: center; position: relative; width: 60px; height: 60px; line-height:60px; color:#fff !important; margin-bottom:1px; font-size:24px; background: #ed1b24; border-radius: 6px  0px  0px  6px; }
.customerBox a.fa-teams{background: #2FADEA url(../images/teams.png) no-repeat; }
.customerBox a.fa-teams:hover{background: #2FADEA url(../images/teams.png) no-repeat;}
.customerBox a:hover{ text-decoration:none; background:#0670fa;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#0359d8; font-size:16px;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerBox a .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}
.customerBox a:hover .eso_divinfo{ display: block;}
.customerBox a:hover .eso_divinfo img{ width:150px; height:150px;}



.breadcrumb{ background: none;}


.About1{ background: #FFFFFF; padding: 30px;}
.About1 h1{ color: #111111; font-weight: bold; font-size: 30px; line-height: 46px;}
.About1 em{ width: 50px; height: 4px; display: block; background: #0670fa; margin: 0; margin-top: 15px;}

.About1info{ width: 100%; height: auto; padding: 30px 0; line-height: 26px;}
.About1 ul{ width: 100%;}
.About1 li{ width: 49%;}
.About1 li img{ width: 100%; height: auto;}

.About1s{ width: 100%; height: auto; padding: 30px 0; }
.About1sLeft{ width: 49%;}
.About1sLeft h2{ color: #111111; font-size: 30px; line-height: 46px; font-weight: bold; margin-bottom: 15px;}
.About1sLeft p{ line-height: 26px; margin-bottom: 25px;}


.About1sRight{ width: 49%;}
.About1sRight dl{ display: flex;}
.About1sRight dl dt{ width: 10%;}
.About1sRight dl dd{ width: 90%; padding-left: 20px; }
.About1sRight dl dd b{ display: block; color: #111111; font-size: 14px;}
.About1sRight dl dd i{ display: block; font-style: normal; font-size: 14px; line-height: 20px; padding-bottom: 10px; border-bottom: 2px solid #EEEEEE;}


.About2{ background: url(../images/ab2bg.png) no-repeat center; background-size:cover; text-align: center; color: #FFFFFF; padding: 50px 100px; line-height: 26px;}


.About3{ background: #FFFFFF; padding: 30px;}
.About3 h2{ color: #111111; font-size: 30px; line-height: 46px; font-weight: bold; margin-bottom: 15px;}
.About3 dl{ width: 49%;}
.About3 dl dt em{ display: block; font-weight: bold; color: #111111; font-size: 14px; line-height: 20px; font-style: normal; margin-bottom: 5px;}
.About3 dl dt i{ display: block; min-height: 100px; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px;}
.About3 dl dd{ margin-top: 25px; }
.About3 dl dd img{ width: 100%; height: auto;}


.About4{ background: #FFFFFF; padding:0 30px; margin-bottom: 50px;}
.About4 h2{ color: #111111; font-size: 30px; line-height: 46px; font-weight: bold; margin-bottom: 15px;}
.About4List{ width: 100%; height: auto;}
.About4List dl{ width: 50%; margin-bottom: 40px; display: flex; align-items: center;}
.About4List dl dt{ width: 37%;}
.About4List dl dt img{ width: 100%; height: auto;}
.About4List dl dd{ width: 63%; padding: 0 25px; }
.About4List dl dd i{ display: block;}
.About4List dl dd b{ display: block; color: #111111; font-size: 20px; line-height: 36px; margin-top: 20px;}
.About4List dl dd p{ color: #666666; font-size: 14px; line-height: 20px;}

.aboutinfo{ width: 100%; height:auto; padding:25px; line-height:26px;}
.aboutinfo img{ max-width: 100%; height: auto;}

.qcinfo { padding: 25px; }
  .qcinfo img{ max-width: 100%; height: auto;}   

.conMap{ width: 100%; height: 300px;}


.conL{ float:left; width:50%; border-right:2px solid #eee; height:auto; overflow:hidden; padding-right:30px;}
.conL h2{ font-size:22px; line-height:36px;}
.conL h2 a{ color:#0670fa !important;}
.conR{ float:right; width:50%; height:auto; overflow:hidden; padding-left:30px; background: url(../images/conbg.png) no-repeat right bottom; min-height:510px;}
.conR h1{ font-size:22px; line-height:36px; margin-bottom:20px;}

.btn-default{background: #0670fa; padding:10px 30px; color:#fff; border:none;}
.btn-default:hover{ color:#fff; background: #2b3445;}


.supportLeft{ float:left; background:#fff;  border-radius:3px; padding:20px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width:23%; height:auto; overflow:hidden;}
.supportLeft h2{ color:#000; font-size:24px; font-weight:bold; margin-bottom:15px; border-bottom:1px solid #eee; height:52px; line-height:52px;}
.supportLeft a{ display:block; line-height:26px; padding:5px 0;}
#lm_hover{ font-weight:bold; color:#0670fa !important;}


.supportRight{ float:right;  background:#fff;  border-radius:3px; padding:20px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width:75%; height:auto; overflow:hidden;}
.supportRightTit{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #eee; font-size:18px; font-weight:bold; color:#000;}
.supportRightinfo{ width:100%; height:auto; padding:25px 0; line-height:26px;}
.supportRightinfo img{ max-width:100%; height:auto;}
.supportRightinfo table {
    border: 1px solid #333;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .supportRightinfo table td {
        border: 1px solid #333;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }

    .supportRightinfo table tr {
        background: #fff;
    }

.newsinfo table {
    border: 1px solid #333;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .newsinfo table td {
        border: 1px solid #333;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }

    .newsinfo table tr {
        background: #fff;
    }

.tab-content table {
    border: 1px solid #333;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

    .tab-content table td {
        border: 1px solid #333;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }

    .tab-content table tr {
        background: #fff;
    }

.index-news.container{ padding: 0 10px;}
.index-news.container .col-lg-9{ padding-right:0;}
.index-news dl{ float: left; background: #FFFFFF; width: 32.3%; margin: 0.5%; border-radius: 4px; padding: 18px 16px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); }
.index-news dl p{ font-weight: normal; color: #999999 !important; line-height: 26px;}
.index-news dl p img{ margin-right:5px;}
.index-news dl h3{ font-weight: normal; font-size: 16px; line-height: 22px; height: 44px; overflow: hidden;}
.index-news dl em{ display: inline-block; width: 24px; height: 5px; background: #0670fa; border-radius: 3px; margin-top:5px;}
.index-news dl dd img{ width: 100%; height: auto; }
.newsnavlist h2{ font-size:22px; margin-top:0; font-weight:bold; margin-bottom:15px;}
.newsnavlist a{ display:block; margin:0; line-height:30px;}

.newsprolist{ margin-top:10px;}
.newsprolist h2{ font-size:22px; margin-top:0; font-weight:bold; margin-bottom:15px;}
.newsprolist dl{ width:100%; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; box-shadow:none;}
.newsprolist dl dt{ float:left; width:30%; height:auto; overflow:hidden;}
.newsprolist dl dt img{ width:100%; height:auto;}
.newsprolist dl dd{ float:right; width:66%; height:auto; overflow:hidden;}
.newsprolist dl dd h4{ margin: 0; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.newsprolist dl dd small{ margin: 0; font-size: 14px; line-height: 21px; height: 21px; overflow: hidden; color: #999; display:block;}

.newshow h1{ font-size:22px; padding:15px 0; line-height:28px;}
.abtit{ padding:25px 0;}
.newsinfo{ padding:25px 0;}
.newsinfo img{ max-width:100%; height:auto;}
.btn-success{ background:#0670fa;  border-color:#0670fa;}
.cart-fedBtn{ background:#0670fa;  border-color:#0670fa; color:#fff !important; padding:5px 15px; border-radius:3px; border:none;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background-color: #0670fa;
    border-color: #0670fa; color:#fff !important;}

.goodsnav{ padding: 25px 0; position:relative;}
.goodsnav a.active{ color: #FFFFFF !important; width: 100%; margin-top: 15px; background-color: #666; border-color: #666; position:sticky; top:0;}
.goodsnav a.active:hover{ background:#0670fa; border-color:#0670fa;}
.goodsnav a span{ padding-left: 15px;}
.goodsnav a img{ width: 32px; height: 32px; margin-right: 10px; filter: grayscale(100%) brightness(200%);}
.goodsnav a { border-radius: 0;}
.nav-pills{ text-align: center;}
.nav-pills>li{ display: inline-block; float: none;}
.cartpath{ margin-bottom: 10px;}
.cartpath  a.active{ color: #FFFFFF !important;}
.cartpath .col-lg-3{ padding: 10px 0;}
.cartpath .col-lg-9{ padding: 10px 0;}


.list-group-horizontal .list-group-item {
		display: inline-block;
	}
	.list-group-horizontal .list-group-item {
		margin-bottom: 0;
		margin-left:-1px;
		margin-right: 0;
	}
	.list-group-horizontal .list-group-item:first-child {
		border-top-right-radius:0;
		border-bottom-left-radius:4px;
	}
	.list-group-horizontal .list-group-item:last-child {
		border-top-right-radius:4px;
		border-bottom-left-radius:0;
	}
.goodsListBox{overflow:hidden;width:98%;padding:14px 2px;height:auto;background:#e8eef3;margin-bottom:20px}
.specList{overflow:hidden;width:100%;margin-bottom:10px;overflow-x:auto}
.tableSort{width:100%}
.tableSort th{text-align:center;padding:0 5px}
.tableSort th.select-item{padding:5px}
.tableSort th.select-item input{margin-right:5px}
.tableSort th div{height:132px;background:#fff;padding:10px;overflow-y:auto;white-space:nowrap;display:block;text-align:left;font-size:12px;line-height:20px;font-weight:400}
.key-wrap{padding:5px 13px}
.key-wrap .key-item{margin:0 10px 10px 0;display:inline-block;zoom:1;padding:0 6px;height:22px;border:1px solid #dedede;font-size:12px;line-height:22px;background:#fff;cursor:pointer}
.key-wrap .key-item:hover{background:#4667b4;color:#fff}
.key-wrap .key-item .close-icon{vertical-align:-3px;margin-left:7px;display:inline-block;zoom:1;width:15px;height:15px;cursor:pointer;background-image:url(../images/del.png)}
.criteria-result-wrap{padding:0 15px}
.clear-btn{vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#5e7e9a;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.sure-btn{margin-left:10px;vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#0670fa;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.statistics-info{margin-left:17px;vertical-align:top;display:inline-block;zoom:1;height:34px;font-size:14px;line-height:34px;color:#666}



.parts-list .jss187{position:relative;width:100%; overflow-x:auto;}
.brandlist{width:1280px}
.parts-list{}
.parts-list thead{ position:sticky; top:0; z-index:888;}
.parts-list h3{ font-size:14px; font-weight:normal;}
.parts-list table{border:1px solid #ccc;border-collapse:collapse;border-spacing:0;width:100%;display:table;background:#fff}
.parts-list th{border:1px solid #ccc;background:#e5e7eb; font-weight:normal; color:#333;font-size:13px;padding:8px 5px;text-align:center}
.parts-list th:nth-child(2){width:230px}
.parts-list th:nth-child(5){width:130px}
.parts-list table tr:nth-child(2n){background:#eaeaea}
.parts-list table tr:hover{background:#fff9ee}
.parts-list td{border:1px solid #ccc;color:#042437;font-size:13px;padding:4px 5px;text-align:center;vertical-align:middle}
.parts-list table tr td:nth-child(1){background:#fff}
.parts-list table tr td:nth-child(2){background:#fff}
.parts-list table tr td.price{color:#444; }
.parts-list table tr td.price p{ line-height:20px; margin:0; display:flex;  }
.parts-list table tr td.price b{ font-weight:normal; text-align:right; display:block; width:80px;}
.parts-list td.price p span{color:#0670fa; width:100px; display:block; text-align:left;}
.parts-list td.price p span:first-child{ text-align:right;}
.parts-list td.parts{min-width:230px}
.parts-list td.parts a{ color:#0670fa !important;}
.parts-list td.parts p{ margin:0 !important; color:#666;font-size:12px}
.parts-list td.parts a:hover{text-decoration:underline}
.parts-list td.parts p a{color:#555}
.parts-list td a.parts:hover{color:#00b1eb;font-weight:700}
.parts-list td img{max-width:60px; height:auto;}
.parts-list td.pdf{text-align:center}
.parts-list td.i{border-left:medium none}
.parts-list td.p{padding-left:15px;text-align:left}
.parts-list td.p a{font-weight:700;color:#004480;font-size:12px}
.parts-list td.p a{font-weight:700;color:#004480;font-size:12px}
.parts-list td a.p{position:relative}
.parts-list td .pic{position:absolute;left:0;bottom:20px}
.parts-list td .pic img{width:60%}
.parts-list td a.mfg{color:#004480;font-size:12px}
.parts-list td h4{padding-bottom:3px;display:inline-block;margin-top:3px; width:100%; text-align:center; margin-bottom:0;}
.parts-list td a.view{background:#0670fa;border-radius:5px; color:#fff !important;font-size:14px; font-weight:normal; max-width: 100px; height:26px; line-height:26px; cursor:pointer; display:block; text-decoration:none}
.parts-list td a.view:hover{background: #2b3445;color:#fff}
.parts-list .SelectNum{overflow:hidden;min-width:120px;clear:both;margin-bottom:5px; text-align: center;}
.parts-list a.add,a.remove{display:inline-block;font-size:16px;width:30px;height:23px;line-height:15px;padding:3px;text-align:center;cursor:pointer;border:1px solid #6c757d;background:#f2f2f2;border-radius:3px}
.parts-list a.add:hover,a.remove:hover{background:#999;color:#fff}
.parts-list input{width:80%;font-size:15px;text-align:center;height:24px;line-height:24px;border:1px solid #ced4da;border-radius:3px}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}



#goodcover{display:none;position:absolute;top:0;left:0;width:100%;height:300%;background-color:#000;z-index:888;-moz-opacity:.8;opacity:.5}
#goodsWin{width:450px;height:auto;overflow:hidden;border-radius:5px;background-color:#fff;padding:10px;position:absolute;display:none;margin-top:0;top:0;left:45%;z-index:1002}
#closebt{float:right}
#closebt img{width:20px}
.goodtxt{padding-bottom:10px}
.goodtxtTit{width:100%;line-height:42px;padding:10px 0;font-size:28px;font-weight:700;color:#000;text-align:center}
.goodtxtinfo{width:90%;box-sizing:border-box;padding-right:20px;line-height:26px;overflow:hidden;height:auto}
.goodsListBox{overflow:hidden;width:98%;padding:14px 2px;height:auto;background:#e8eef3;margin-bottom:20px}
.productshow_quotebox{width:100%;height:auto;padding:23px 15px;overflow:hidden;box-sizing:border-box}
.productshow_quotebox dl{width:338px;height:34px;overflow:hidden;margin-bottom:8px}
.productshow_quotebox dl dt{float:left;width:122px;height:34px;line-height:34px;overflow:hidden;font-weight:700;color:#333}
.productshow_quotebox dl dd{float:left;width:216px;height:34px;overflow:hidden}
.productshow_quotebox dl dd input{border:1px solid #dedede;border-radius:3px;width:194px;height:32px;padding:0 10px;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.productshow_quotebox dl dd select{width:100%;height:34px;box-sizing:border-box;padding:0 7px;border:1px solid #dedede;border-radius:3px}
.productshow_quotebox dl dd textarea{border:1px solid #dedede;border-radius:3px;width:194px;height:58px;padding:10px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.productshow_quotebox li{ width:100%; text-align:center;}
.productshow_quotebox li input{background:#0670fa; color:#fff !important; border:none; width:100%; height:36px; line-height:36px;}
.gsfed  h3{background:#0670fa; color:#fff !important; height:46px; line-height:46px; text-indent:1em;}
.gsconr h3{background:#0670fa; color:#fff !important; height:46px; line-height:46px; text-indent:1em;}
.gsconr dl i{ font-size:20px; padding-right:10px;}
.gsconr dl dt{ margin-bottom:10px;}

.gsl img{ width:100%; height:auto; text-align:center; margin-bottom:30px;

}
.gsl a{ font-size:20px; background:#666; text-align:center; color:#fff !important; border-radius:50%; width:36px; height:36px; line-height:36px; margin-bottom:15px;}
.gslpay h3{ line-height:22px;}
.gslpay img{width:100%; height:auto;}

.inquBg{height:auto;padding:36px 0;background:url(../images/bom-banner-top.png) no-repeat center;background-size:cover;background-position:center}
.inquBox h2{line-height:76px;font-weight:700;font-size:34px;text-align:center;color:#fff}
.inquBox h3{line-height:30px;font-weight:100;font-size:24px;text-align:center;color:#fff}
.inquBox p{line-height:49px;font-weight:100;font-size:20px;text-align:center;color:#fff}
.bomBox{overflow:hidden;background:url(../images/upload-bg.png) no-repeat center;margin:0 auto;width:486px;padding:30px;margin-top:12px;border-radius:10px}
.im_orderDiv1{width:100%;height:94px;text-align:center;}
.im_orderDiv1T{width:100%;height:27px;line-height:27px;color:#4667b4}
.im_orderDiv1B{width:59%;height:50px;margin:0 21%;line-height:50px;padding:0 5px;box-sizing:border-box;border:1px solid #dedede;border-radius:10px;background:#414757 url(../../images/upload-icon.png) no-repeat 96% center;color:#fff}
.im_orderDiv1B input{float:left;width:100%;border:0;cursor:pointer;}
.im_orderDiv2{width:100%;height:auto;text-align:center}
.im_orderDiv2 input{border:none;height:55px;padding:0 53px;color:#fff;background:#0670fa;font-size:21px;border-radius:5px;text-transform:capitalize!important}
.im_orderDiv2B{width:100%;height:45px;margin-top:25px;text-align:center;font-size:16px;display:none}
.im_orderBtn1{text-align:center;margin-top:34px; color:#fff !important;}
.im_orderBtn1 a{display:inline-block;color:#fff !important;font-weight:700;margin-left:10px;font-size:16px}

.gssp .nav{ width:100%;}
.gsr{ border-radius: 3px; }
.gsr .col-lg-12{  min-height:36px; line-height:36px; margin-bottom:5px !important; }
.gsr .col-md-3{ padding:0 !important}
.gsr .col-md-9{ padding:0 !important}
.gsr .col-lg-12 dt{min-height:36px; line-height:36px;}
.gsr .col-lg-12 dd{min-height:36px; line-height:36px;}
.gsr .col-lg-12 dd input.form-control{ width:130px; float:left;  text-align:center;}
.gsr .col-lg-12 dd a{ float:left; }
.gsr .col-lg-12 dd a.view{text-align:center;height:32px;padding:0 15px;line-height:32px;color:#fff !important;background:#0670fa;border-radius:3px;float:left}
.gsr .col-lg-12 dd a.add{font-size:14px;height:32px;color:#000;line-height:20px;padding:3px 10px;cursor:pointer;border:1px solid #6c757d;border-radius:3px;float:left}
.gsr .col-lg-12 dd a.remove{font-size:24px;height:32px;line-height:20px;text-align:center;color:#000;background:#fff;padding:3px 5px;cursor:pointer;border-radius:3px;float:left}
.gsr .col-lg-12 dd a.btnbuy{ background:#0670fa; color:#fff !important; margin-left:10px; }
.gsr .col-lg-12 dd a.btnbuy1{ background:#fff; color:#0670fa !important; margin-left:10px; border:1px solid #0670fa;}
.gsr .col-lg-12 dd a.btnbuys{ background:#ed1b24; color:#fff !important; margin-left:10px; }
.gsr .col-lg-12 dd a.btnbuys1{ background:#fff; color:#ed1b24 !important; margin-left:10px;  border:1px solid #ed1b24;}

.buy-box-wg{ display:none}
.rfq-box-wg{ display:block}

.tel_box{}
.tel_box label{ clear:both; width:100%}
.tel_box .tel_fl01{ float:left; width:20%}
.tel_box .tel_fl02{ float:left; width:80%}
.tel_box2 label{ clear:both; width:100%}
.tel_box2 .tel_fl01{ float:left; width:40% !important; padding:6px 1px}
.tel_box2 .tel_fl02{ float:left; width:60% !important}

.faq-list h3{ font-size:16px; color:#0670fa}
.faq-list{ font-size:12px; color:#666; line-height:22px;}
.faq-list p{ font-size:12px; color:#666}

.inpro1 a{  float: left; margin: 0.5%; text-align: center; width: 24%; overflow: hidden; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 5px; padding: 15px; align-items: center; display: block;}
.inpro1 a img{ width: 80%; height: auto;}
.inpro1 div{ height:20px; overflow: hidden;}

/*0316*/
.inprogs a{  float: left; text-align: center; width: 20%; background: #FFFFFF; overflow: hidden; padding: 15px; align-items: center; display: block;}
.inprogs a:hover{box-shadow:0 0 10px #ccc; position: relative; z-index: 333;}
.inprogs a img{ width: 50%; height: auto; padding:10px 0;}
.inprogs div{ height:24px; line-height:24px; overflow:hidden;}
.inprogs p{ height:24px; line-height:24px; overflow:hidden; color:#333;}
.inprogs small{ height:24px; line-height:24px; overflow:hidden; color:#999; display:block;}

.gsr h2{ font-size:24px; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:15px;}
.gsr .col-md-3{ color:#999; font-weight:normal; text-align:right; padding-right:25px !important;}
.gsr .col-lg-12 a{ color:#0670fa !important;}
.gsr .col-lg-12 a img{ padding-right:5px;}
.gslpay{ padding-top:10px; line-height:26px; margin:0 0 0 !important; }
.gslpay p{ margin:0 !important;}
.gsconr .col-lg-12 { padding:0;}
.gsconr ul { padding:20px 0;}

 
.gssp .nav li{ font-size:15px;}
.gssp .nav li.active{ font-weight:bold;}
.gssp .nav li.active a{ color:#0670fa !important;}

.gssp .tab-pane h2{ font-size:14px;}
.gssp .tab-pane h4{ font-size:14px; font-weight:bold; line-height:28px;}
.gssp .tab-pane p{ margin:0;}
.gssp .tab-pane li.list-group-item:nth-child(even){background-color: #f8f8f8;}

.gsconr h3{ margin:0; border-radius:10px 0;}
.gsconr p{ line-height:26px; padding-top:10px;}

.goodsnewsnav{ position: relative; } 
.goodsnewsnav.container{ padding: 0;}
.goodsnewsnavLeft{ position: sticky;
    top: 0;}
.goodsnewsnavLeft h4{ background: #e5e7eb; height: 55px; line-height: 55px; border-radius: 5px 5px 0 0; padding: 0 20px; font-weight: bold; font-size: 18px;}
.goodsnewsnavLeft ul{ background: #FFFFFF; padding:10px 0; border: 1px solid #EEEEEE;}
.goodsnewsnavLeft ul li{ height: 38px; line-height: 38px; overflow: hidden;}
.goodsnewsnavLeft ul li a{ display: block; padding: 0 15px;}
.goodsnewsnavLeft ul li a:hover{ background: #f7f7f7;}

.goodsnewsnavRight.col-lg-9{ position: relative;}
.goodsnewsnavRight dl{ width: 100%; height: auto; margin-bottom: 20px;}
.goodsnewsnavRight dl dt{ width: 100%; height: 55px; line-height: 55px; border-radius: 5px 5px 0 0; padding: 0 20px;  background: #e5e7eb; position: sticky;
    top: 0;}
.goodsnewsnavRight dl dt h3{font-weight: bold; font-size: 18px; line-height: 55px;}
.goodsnewsnavRight dl dt h3 i{ color: #999 !important; font-size: 14px; font-weight: normal; padding-left: 10px;}
.goodsnewsnavRight dl dd{ background: #FFFFFF; border: 1px solid #EEEEEE; padding: 10px; border: 0 0 5px 5px;}
.goodsnewsnavRight dl dd li{ float: left; height: 38px; line-height: 38px; width: 33.3%; overflow: hidden;}
.goodsnewsnavRight dl dd li i{ color: #999 !important; font-size: 14px; font-weight: normal; padding-left: 10px;}

.products-left h1{ font-size:20px; font-weight:bold !important; color:#000 !important; line-height:32px;}
#st-1 .st-btn{ width:30px !important; height:30px !important; line-height:30px !important; padding:0 !important;}
#st-1 .st-btn > img{ top:5px !important;}

.products_showspe .gssp .nav li.active a{ background:#eee; color:#000 !important;}
.products_showspe h2{ color:#000 !important; font-size:20px; font-weight:bold; line-height:42px; margin-bottom:10px; background: url(../images/psicon1.png) no-repeat left center; padding-left:35px;}

.col-lg-3r h2{ background:#0670fa; color:#fff !important; padding:15px; font-size:20px; font-weight:bold !important;}
.col-lg-3r .form-control{ height:40px;}
.col-cart{ background:#fff;}
.col-lg-3r .gsfed{border-top:3px solid #eee;padding:25px 15px;background:#fff;border: 1px solid #EEEEEE;}
.col-lg-3r .gsfed h4{ color:#000 !important; font-size:20px; font-weight:bold !important;}
.col-lg-3r .gsfed b{ color:#000 !important; font-size:18px; font-weight:bold !important;}
.col-lg-3r .gsfed p{ line-height:34px;}
.gsfaq{ line-height:32px;}

.col-lg-3r .gsfed dl{ width:100%; height:40px; line-height:38px; border:1px solid #eee; padding:0 15px; margin-bottom:12px;}
.col-lg-3r .gsfed dl dt{ float:left; line-height:38px;}
.col-lg-3r .gsfed dl dd{ float:right; line-height:38px;}
.col-lg-3r .gsfed dl dd input{ border:none; text-align:right; color:#999 !important;}
.col-lg-3r .gsfed dl dd textarea{ border:none; text-align:right; height:97px; line-height:24px; color:#999 !important;}
.col-lg-3r .gsfed dl.txtera{ height:100px;}

.gsfeapro{ background:#fff; padding:20px;}
.col-lg-3r .gsfeapro h4{ color:#000 !important; font-size:20px; font-weight:bold !important; margin-bottom:20px;}
.col-lg-3r .gsfeapro dl{ width:48%;  overflow:hidden; margin:0 !important;}
.col-lg-3r .gsfeapro dl dt{width:100%; overflow:hidden; padding:25px;  border:1px solid #eee;}
.col-lg-3r .gsfeapro dl dt img{ width:100%;}

.col-lg-3r .gsfeapro dl dd{ width:100%; padding:10px 0;}
.col-lg-3r .gsfeapro dl dd h4{ font-size:16px; color:#000 !important; font-weight:bold !important; line-height:24px; height:24px; overflow:hidden; margin:0;}
.col-lg-3r .gsfeapro dl dd h4 a{ display:block;  color:#000 !important; }
.col-lg-3r .gsfeapro dl dd p{ color:#999 !important; line-height:24px; height:24px; overflow:hidden;}
 

.gsfeablog{ background:#fff; padding:20px;}
.gsfeablog h3{ font-size:20px; line-height:32px; margin-bottom:10px; font-weight:bold !important;}

.gsfeablog dl{ padding:15px 0; border-bottom:1px solid #eee;}
.gsfeablog dl dt{ width:120px; height:auto;}
.gsfeablog dl dt img{ width:100%; height:auto;}
.gsfeablog dl dd{ padding-left:15px; width: calc(100% - 120px); }
.gsfeablog dl dd a{ display: block; font-weight:bold; font-size:16px; line-height:32px; height:32px; overflow:hidden;}
.gsfeablog dl dd p{ line-height:24px; height:48px; overflow:hidden;  font-size:14px;}

.cartFedLeft{ float:left; width:49%;}
.cartFedRight{ float:right; width:49%;}
.cartFedRight textarea{ height:123px;}
.carttab table{ border:none;}
.carttab table>thead>tr>th{ border:none !important;}
.carttab table>tbody>tr>td{ border:none !important;}

.carttab .form-control{ border:none; border-bottom:1px solid #eee; box-shadow:none;}
.arcshowBanner{ width:1280px; height:auto; overflow:hidden;}
.arcshowBanner img{ max-width:100%; height:auto;}
.col-cart dl dt{ width:100%; height:42px; line-height:42px; text-transform:uppercase;}
.col-cart dl dd{ width:100%; height:auto;}
.col-cart dl dd a{ width:100%; margin-top:15px; background: #0670fa; height:42px; line-height:24px; color:#fff !important;}
.gsfed li{ margin-top:10px !important;}
.gsfed li input{ width:100%; height:40px; text-align:center; color:#fff; background: #0670fa; border:none;}
.products-left{ padding-left:0;}
.col-lg-3r{ padding-left:0;}

.list_menu{ width:100%; height:auto;}
.list_menu li{ float:left; width:20%; height:32px; line-height:32px; overflow:hidden;}
.cBomL{ float:left; width:35%; height:auto; border:1px dotted #ccc; padding:30px; align-items:center; display:flex;flex-direction:column; justify-content:space-between;}
.cBomL  div{align-items:center;background:#0670fa;border-radius:2px;display:flex;height:36px;justify-content:center;padding:10px 14px;position:relative}
.cBomL  div span{color:#fff}
.cBomL  div .uploadFile{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}
.cBomL  p{font-size:14px; text-align:center; line-height:26px; margin-top:10px;}
.cBomL  a{color:#0670fa !important;}
.cBomL  a:hover{text-decoration:underline}

.cBomR{ float:right; width:64%; height:auto; min-height:190px; padding:20px; background:#f5f5f5; }
.cBomR ul{align-items: center; font-size:13px; width:100%; padding:0 50px; display: flex;}
.cBomR ul li{ text-align:center; justify-content: center; align-items: center;}
.cBomR ul li p{ padding-top:10px; line-height:22px;}
.cBomR ul i{ margin:0 20px; display:block; margin-top:-50px;}

.userleft{  width:20%; margin:0;}
.userleft a{ display:block; width:100%; background:#fff;  margin-bottom: 10px !important; height:52px; line-height:52px; padding:0 35px;
    border-radius: 100px 0 0 100px;
    box-shadow: 0 0 15px -7px #ccc;}
.userleft a i{ margin-right:15px; font-size:20px; width:20px;}
.userRight{ width:79%; margin:0;}
.userRight .info-list h2{ color:#0670fa;  border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0; margin-bottom:15px;}
.userRight .info-list h2 label{ float:right; font-size:14px; color:#777;  font-weight:normal;}
.userRight .info-list h2 i{ margin-right:10px;}
.userRight .form-group span{ color:red; margin-right:5px;}

.user-order-list{}
.user-order-list td.order-no a{font-size: 13px;font-weight: bold;}
.user-order-list td.order-no span.isabroad{clear: both; display: block; color: #ed1b24;}
.user-order-list td.goods-item{}
.user-order-list td.goods-item a{clear: both; display: inline-block;}
.user-order-list td.goods-item a img{float:left; padding-right:10px; }
.user-order-list td.goods-item a .tit{}
.user-order-list td.goods-item a .tit span{clear: both; display: inline-block; }
.user-order-list td.btn-td{text-align: center;}
.user-order-list td.btn-td a{
    color: #fff !important;
    display: inline-block;
    background: #0670fa;
    margin: 2px 0px;
    padding: 3px 5px;
    border-radius: 5px;
    }
.user-order-list td.btn-td a.btn-pay{
    background: #f44336;
}

.gsLinks{ display:flex;}
.gsLinks img{  height:55px; width:auto;}
.branimg img{ max-width:100%; height:auto;}

.eso_gsfeacon{ background:#fff; padding:20px;}
.eso_gsfeacon dl{ margin-bottom:0;}
.eso_gsfeacon dl dt{ line-height:32px; height:32px; font-size:18px;}
.eso_gsfeacon dl dt i{ font-size:20px; padding-right:10px; color:#0670fa}
.eso_gsfeacon dl dd{ line-height:32px; height:32px; }
.eso_gsfeacon h4{ color:#000 !important; font-size:20px; font-weight:bold !important; margin-bottom:20px;}

.ReProList a{ background: #FFFFFF; width: 23%; padding:20px 25px; margin-bottom: 1% !important; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); border-radius: 10px; text-align: center; display: block; }
.ReProList a em{ display: block; line-height: 24px; height: 24px; overflow: hidden; color: #111111; font-style: normal;}
.ReProList a i{display: block; line-height: 24px; height: 24px; overflow: hidden; color: #666; font-style: normal;}
.Renavgiton li{ float:left; width:50%; height:28px; line-height:28px; overflow:hidden;}
.Renavgiton li span{ color:#0670fa; padding-left:5px;}


.ExstockTop{ width:100%; height:46px; line-height:46px;}
.ExstockTop h2{ color:#111; margin:0 !important; font-size:28px; font-weight:bold; line-height:46px;}
.ExstockTop a{ display:block; color:#fff !important; background:#0670fa; border-radius:5px; height:46px; padding:0 25px; margin:0;}
.Exstockinfo{ padding:25px 0; line-height:30px;}
.Exstockinfo img{ max-width:100%; height:auto;}

.pcbList{ padding:0;}
.pcbList dl{ width: 31.3%;  margin: 1%; margin-top: 0;  text-align: center; float:left; background:#fff;}
.pcbList dl dt img{ width: 100%; height: auto;}
.pcbList dl dd{ padding: 10px;}
.pcbList dl dd a{ display: block; color: #111111 !important; font-weight: bold; height: 28px; line-height: 28px; overflow: hidden;}
.pcbList dl dd em{ display: block; color: #999; font-style: normal; line-height: 22px; height: 44px; overflow: hidden;}


.CartTabTop li{ float:left; font-size:18px;}
.CartTabTop li a{ display:inline-block; background-image: linear-gradient(#fff,#eee); width:170px; height:52px; line-height:52px; text-align:center; margin-right:10px; border-radius:10px 10px 0 0;}
.CartTabTop li a i{ padding-right:10px;}
.CartTabTop li.active a{ color:#fff !important;     background-image: linear-gradient(#0a67db,#055cc8);}

.Renavgiton li{ float:left; width:50%; height:28px; line-height:28px; overflow:hidden;}
.Renavgiton li span{ color:#4066b7; padding-left:5px;}
.pll{width:100%; height:auto; padding-top:15px;}
.pll a{ display:block; width:20%; height:28px; line-height:28px; overflow:hidden; float:left;}

.cot{ width:100%; height:auto; padding-top:15px;}
.cot .titleBox{
    border-bottom: 1px solid #eee;
    display: flex;
    padding-bottom: 6px;
    width: 100%;
}
.cot .titleBox li{
    color: #333;
    flex: 2;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;}

.cot .cotBox{
    width: 100%;
}
.cot .cotBox li{
    align-items: center; text-align:left;
    display: flex; font-size:14px !important;
    min-height: 60px; height:auto; padding: 10px 0;
    width: 100%;}

.cot .cotBox li a{
    color: #4066b8; margin:0;
    flex: 2;
    padding: 0 10px;
}
.cot .cotBox li p{
    flex: 2;
    padding: 0 10px;
}
.cot .cotBox li:nth-child(even){ background:#f7f7f7;}
.specbox li input{ float:right;}
.specbox .criteria-result-wrap{ text-align:right; padding-top:25px;}

.Franchised-brand ul{ display:flex; flex-wrap:wrap; margin-left:-10px !important;}
.Franchised-brand ul li{width: calc((100% / 6) - 10px); text-align:center; margin: 0 0 10px 10px !important; background:#fff; padding:15px; border:1px solid #eee; border-radius:5px;}
.Franchised-brand ul li img{ width:100%; height:auto;}
.Franchised-brand ul li em{ display:block; width:100%; height:42px; line-height:42px; overflow:hidden; font-style:normal;}

.gsfeacon{ background:#fff  url(../images/conbg.png) no-repeat right bottom; padding:20px;}
.gsfeacon dl{ margin-bottom:0;}
.gsfeacon dl dt{ line-height:32px; height:32px; font-size:18px;}
.gsfeacon dl dt i{ font-size:20px; padding-right:10px; color:#055cc8}
.gsfeacon dl dd{ line-height:32px; height:32px; }
.gsfeacon h4{ color:#000 !important; font-size:20px; font-weight:bold !important; margin-bottom:20px;}


.home_indexes{padding: 14px !important;justify-content: space-around; background: #FFFFFF; border-top: 1px solid #eee; width: 1280px;}
.mg-r-s {
    margin-right: 10px;
}
.home_indexes a {
    width: 29px;
    display:inline-block;
    height: 30px;
    text-align:center;
    line-height: 30px;
    color: #0670fa;
}
.home_indexes a:hover{background: #011e58; border-radius:50%; color:#fff !important;}
.msg-tips{ background:#fff; border:1px solid #fff;  border-radius:5px; width:50%; padding:35px;}
.inner-box{ padding-top:30px;}
.inner-box i.fa{color: #0670fa;font-size: 19px;margin-right: 10px;}
.inner-box .dl-list{ background: #fff;overflow: hidden; padding: 20px;}
.inner-box .dl-list h2{font-size: 18px;line-height: 20px;margin-bottom: 21px;border-bottom: 1px solid #eee;padding-bottom: 11px; font-weight: bold;}
.inner-box .dl-list dl input{border: 1px solid #ccc;height: 30px;line-height: 30px; width: 98%; padding: 0px 1%; font-size:13px; border-radius: 5px;}
.inner-box .dl-list dl select{border: 1px solid #ccc; height: 30px; line-height: 30px; border-radius: 5px;    padding: 3px 5px;}
.inner-box .dl-list dl{margin-bottom: 14px;}
.inner-box .dl-list dl dt{width: 100%;margin-right: 1%;text-align: left;color: #191919;font-size: 13px;font-weight: bold;}
.inner-box .dl-list dl dt span{color: #F44336;}
.inner-box .dl-list dl dd{/* float:left; */}
.inner-box .dl-list ul{}
.inner-box .dl-list ul img{ width:80px} 
.inner-box .dl-list ul li{float: left;margin-right: 17px !important;}
.inner-box .dl-list ul li label{font-weight: normal;color: #000;}
.inner-box .dl-list ul li em{font-size: 12px;color: #696969;margin-left: 7px;}

.inner-box .dl-list1{
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px;
}
.inner-box .dl-list1 h2{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 19px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: bold;
}
.inner-box .dl-list1 dl input{
    border: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    width: 98%;
    padding: 0px 10px;
    border-radius: 5px;
}
.inner-box .dl-list1 dl select{
    border: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    width: 98%;
    padding: 0px 3px;
    border-radius: 5px;
}
.inner-box .dl-list1 dl{display:flex; line-height:32px; padding:5px 0;  margin-bottom:0; }
.inner-box .dl-list1 dl dt{text-align: right;color: #0670fa;font-weight: normal; margin:0; padding-right:20px; width:40%; }
.inner-box .dl-list1 dl dt span{color: #F44336;}
.inner-box .dl-list1 dl dd{margin:0; width:60%;}
.inner-box .dl-list1 dl dd input.btn{ border:none; color:#fff; background:#0670fa; color:#fff; padding:0 25px; height:40px; line-height:40px; border-radius:3px;}
.inner-box .dl-list1 ul{}
.inner-box .dl-list1 ul li{}
.inner-box .dl-list1 ul li label{font-weight: normal;color: #000;}
.inner-box .dl-list1 ul li em{font-size: 12px;color: #696969;margin-left: 7px;}
 
.inner-box .col-lg-9{box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 10%);}
.inner-box .order-summary{background:#fff;padding: 16px;box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 10%);}
.inner-box .order-summary h1{    font-size: 16px;
    line-height: 20px;
    margin-bottom: 19px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: bold;}
.inner-box .order-summary dl{ overflow:hidden}
.inner-box .order-summary dl dt{float:left}
.inner-box .order-summary dl dd{float:right}
.inner-box .order-summary .btnpay{
    width: 100%;
    background: #F44336;
    color: #fff;
}
.inner-box .order-summary .color-red{
    color: #F44336;
    font-size: 18px;
}
.inner-box .order-summary .input{
    border: 1px solid #ccc;
    height: 73px;
    width: 214px;
    line-height: 20px;
    border-radius: 5px;
}
.inner-box .dl-list table{}
.inner-box .dl-list table tr{}
.inner-box .dl-list table tr th{
    border: 0px;
    background: #f2f6ff;
}
.inner-box .dl-list table tr td{
    border: 0px;
}

.pay-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 743px;
    margin-top: 36px;
    background: #fff;
}

    .pay-box h3 {
        text-align: center
    }

    .pay-box .dl-list {
    }

        .pay-box .dl-list dl {
            display: block;
            overflow: hidden;
        }

            .pay-box .dl-list dl dt {
                float: left;
                width: 16%;
            }

            .pay-box .dl-list dl dd {
                float: left;
                width: 77%;
            }

            .pay-box .dl-list dl .btn {
                background: #f44336;
                color: #fff;
                width: 200px;
                line-height: 40px;
                height: 40px;
                font-size: 1.1em;
            }

            .pay-box .dl-list dl dd.red {
                color: #0b479e;
            }

            .pay-box .dl-list dl.submit dt {
                width: 0;
            }

            .pay-box .dl-list dl.submit dd {
                width: 100%;
                text-align: center
            }

.express_type1{clear:both; overflow:hidden; margin-bottom:3px;}
.express_list1{ display:none;padding: 20px !important; border:1px solid #eee }
.express_list1 ul{ overflow:hidden}
.drop-zone {border: 2px dashed #ccc;padding: 20px;text-align: center; cursor: pointer; color: #aaa;}
.drop-zone:hover { border-color: #999;}
.uploadpay{display:none}
 

.Souinfo h2 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 32px;
    color: #111;
    font-weight: bold;
}
.Souinfo p{ line-height:26px;}
.SouList{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.SouList a{ display:flex; align-items:center; text-align:center; width:24%; margin-bottom:1%; background:#fff; border-radius: 4px; padding:25px; line-height:26px;
    box-shadow: 0 0 15px -7px #ccc; justify-content:center;}

.SouListinfo{}
.SouListinfo table.fromTable{ border:none}
.SouListinfo h1{ color:#111; font-weight:bold; font-size:26px; line-height:32px;}
.SouListinfo h3{ color:#111; font-weight:bold; font-size:20px; line-height:32px;}
.SouListinfo td b{ color:#111; font-weight:bold; font-size:20px; line-height:32px; margin:0;}
.SouListinfo table.fromTable tr{ display:flex; flex-wrap: wrap; border:none !important}
.SouListinfo table.fromTable td{ display:flex; width:100%; align-items:center; border:none !important}
.SouListinfo table.fromTable1 td{ vertical-align:middle !important;}
.SouListinfo table.fromTable input[type="submit"] {
  background-color: #ed1b24; /* 设置背景颜色 */
  color: white; /* 设置文本颜色 */
  padding: 10px 20px; /* 设置内边距 */
  border: none; /* 去掉边框 */
  border-radius: 5px; /* 设置边框圆角 */
  cursor: pointer; /* 设置鼠标光标为指针形状 */
}

.SouListinfo table.fromTable input[type="submit"]:hover {
    background-color: #d7420e; /* 鼠标悬停时的背景颜色 */
}

.SouListinfo table.fromTable input[type="button"] {
  background-color: #ed1b24; /* 设置背景颜色 */
  color: white; /* 设置文本颜色 */
  padding: 10px 20px; /* 设置内边距 */
  border: none; /* 去掉边框 */
  border-radius: 5px; /* 设置边框圆角 */
  cursor: pointer; /* 设置鼠标光标为指针形状 */
}

.SouListinfo table.fromTable input[type="button"]:hover {
    background-color: #d7420e; /* 鼠标悬停时的背景颜色 */
}


    .SouListinfo table.fromTable1 input[type="button"] {
        background-color: #ed1b24; /* 设置背景颜色 */
        width:100% !important; height:auto !important;
        color: white; /* 设置文本颜色 */
        padding: 10px 20px; /* 设置内边距 */
        border: none; /* 去掉边框 */
        border-radius: 5px; /* 设置边框圆角 */
        cursor: pointer; /* 设置鼠标光标为指针形状 */
    }

    .SouListinfo table.fromTable1 input{
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 100%;
        height: 46px;
        border-radius: 5px; /* 设置边框圆角 */
    }
    .SouListinfo table.fromTable1 input[type="radio"] {
        border: 1px solid #ccc; /* 设置背景颜色 */
        width: 20px;
        height: 20px;
 
    }
        .SouListinfo table.fromTable1 input[type="checkbox"] {
            border: 1px solid #ccc; /* 设置背景颜色 */
            width: 24px;
            height: 24px;
        }

        .SouListinfo table.fromTable1 input[type="button"]:hover {
            background-color: #d7420e; /* 鼠标悬停时的背景颜色 */
        }

    .SouListinfo table.fromTable button[type="button"] {
        background-color: #ed1b24; /* 设置背景颜色 */
        color: white; /* 设置文本颜色 */
        padding: 10px 20px; /* 设置内边距 */
        border: none; /* 去掉边框 */
        border-radius: 5px; /* 设置边框圆角 */
        cursor: pointer; /* 设置鼠标光标为指针形状 */
    }

        .SouListinfo table.fromTable button[type="button"]:hover {
            background-color: #d7420e; /* 鼠标悬停时的背景颜色 */
        }
    .SouListinfo table.fromTable input[type="text"] {
        border:1px solid  #ccc; /* 设置背景颜色 */
    
        padding:5px 10px; /* 设置内边距 */
        width:80%;
        height:46px;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }

    .SouListinfo table.fromTable select {
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 80%;
        height: 46px;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }
    .SouListinfo table.fromTable1 select {
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 100% !important;
        height: 46px !important;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }

    .SouListinfo table.fromTable input[type="number"] {
        border: 1px solid #ccc; /* 设置背景颜色 */
        padding: 5px 10px; /* 设置内边距 */
        width: 80%;
        height: 46px;
        border-radius: 5px 0 0 5px; /* 设置边框圆角 */
    }

 .SouListinfo table.fromTable label{ width:20%; text-align:center; margin:0 !important; border-radius:0 5px 5px 0;  background:#f3f5f8; height:46px; line-height:46px; display:block; font-weight:normal;     border:1px solid  #ccc; border-left:none; }
#inductance{ color:#d7420e !important; font-weight:bold; font-size:16px;}
.SouListinfo .col-sm-8{ width:80%;}
#results{ width:100%; height:auto; overflow-x:auto;}
.SouListinfo sup{ display:inline-block; margin:0;}
.SouListinfo sub{ display:inline-block; margin:0;}
.SouListinfo .witdh50{ width:50% !important;}
.SouListinfo .nowaper{ flex-wrap:nowrap !important;}

.userdl{ margin-top:20px !important;}
.userdl h3{ margin-bottom:20px !important;}
.userdl dl{ border:1px solid #eee; margin-bottom:5px; line-height:42px; min-height:42px;}
.userdl dl dt{  line-height:42px; min-height:42px;}
.userdl dl dd{ border-left:1px solid #eee; line-height:42px; min-height:42px;}


.u-tab-head{ border-bottom:1px solid #eee; margin-bottom:15px;}
.u-tab-head a{ display:inline-block; border:1px solid #eee; border-radius:5px 5px 0 0; height:46px; line-height:46px; padding:0 20px; border-bottom:none;}
.u-tab-head a.selected{ background:#0670fa; color:#fff !important;}
.u-tab-head a i{ margin-right:10px;}
.step-box ul{ width:100%; padding:25px 0;}
.step-box ul li{ width:19.9%; text-align:center; }
.step-box2 ul li{ width:24.9%; text-align:center; }
.step-box ul li .progress1{ background:#eeeeee; height:38px; line-height:38px;}
.step-box ul li .info{ height:30px; line-height:30px; color:#666; font-size:14px;}
.step-box ul li.first .progress1{ border-radius:20px 0 0 20px;}
.step-box ul li.last .progress1{ border-radius:0 20px 20px 0 ;}
.step-box ul li.done .progress1{background:#0670fa; color:#fff !important;}
.step-box ul li i{ margin-right:10px;}
.u-tab-content{ font-size:14px !important;}
.form-group label{  font-size:14px !important;}
.accept-box dl{ width:100%; border-bottom:1px solid #eee; padding-bottom:10px;}
.accept-box dl.head dd{ color:#0670fa; font-weight:bold; margin-top:15px;}
.coverDiv th{ text-align:center;}
.coverDiv .btn-box{ height:38px; line-height:38px; margin-top:15px;}
.coverDiv .btn-box a{ display:inline-block; padding:0 25px;  height:38px; line-height:38px; color:#fff !important; margin-right:7px; background:#0670fa; border-radius:5px;}
.accept-box h2{ font-size:20px; font-weight:bold; color:#0670fa; padding:15px 0; margin-bottom:15px; text-align:left; border-bottom:1px solid #eee;}
#addbtn .address-edit .btn-success{ margin-top:25px;}
.table-striped th{ text-align:center;font-size:13px !important; }
.table-striped td{ font-size:12px !important;}
.table-striped td a{ color:#0670fa !important}
.table-striped td img{width:40px; height:40px;}
#news h1{ font-size:26px; line-height:32px; margin-bottom:10px; color:#111;}

.tab-content table{ width:100%;}
.tab-content table img{ width:100px}
.tab-content table a{color:#db0c0c!important;word-wrap: break-word; /* 允许在长单词内部换行 */word-break: break-all; /* 允许在任意位置换行 */}


.gsprice{background:#fff;padding:20px;margin-bottom:10px;border: 1px solid #EEEEEE;}
.col-lg-3r .gsprice h4{ color:#000 !important; font-size:20px; font-weight:bold !important; margin-bottom:15px;}
.col-lg-3r .gsprice b{ color:#000; font-size:18px; line-height:32px; font-weight:bold !important;}
.gsprice b i{ font-style:normal; color:#0670fa;}
.gsprice .bg-secondary{ background:#f7f7f7; height:36px; line-height:36px; text-align:center; margin-bottom:0; font-weight:normal;}
.gsprice .bg-secondary{ margin-bottom:0;} 
.gsprice .bg-secondary  dt.gsdt1{ float:left; width:20%; height:36px; line-height:36px; font-weight:normal;}
.gsprice .bg-secondary  dt.gsdt2{ float:left; width:40%; height:36px; line-height:36px; font-weight:normal;}
.gsprice .bg-secondary  dt.gsdt3{ float:left; width:40%; height:36px; line-height:36px;font-weight:normal; }
.gspriceList dl{height:36px; line-height:36px; text-align:center; margin-bottom:0; border-bottom:1px solid #eee; font-weight:normal; font-size:14px;}
.gspriceList dl dt.gsdt1{ float:left; width:20%; height:36px; line-height:36px;font-weight:normal; }
.gspriceList dl dt.gsdt2{ float:left; width:40%; height:36px; line-height:36px; font-weight:normal;}
.gspriceList dl dt.gsdt3{ float:left; width:40%; height:36px; line-height:36px; font-weight:normal;}

.gsrad{ width:100%;}
.gsrad img{ width:100%;}

.gspriceList dl.gslastdl{ border-bottom:none; height:auto; line-height:42px; margin-top:10px;}
.gspriceList dl.gslastdl a{ display:block; margin-bottom:10px; border-radius:4px; height:42px; line-height:42px; cursor:pointer;}
.gspriceList dl.gslastdl a.gspriceA1{background:#0670fa; color:#fff !important;}
.gspriceList dl.gslastdl a.gspriceA2{background:#fff; border:1px solid #0670fa; color:#0670fa !important;}

.gspriceList table{ width:100%; border:none; font-size:14px !important; }
.gspriceList table th,td{ border:none;}
.gspriceList table tr:first-child{ background:#f6f8fc !important;}
.gspriceList table tr:nth-child(odd){ background:#f8f8f8;}
.product-form-box dl dd p{ display:block; width:50%;}
.product-form-box dl dd p span.total-amount{ font-weight:bold; color:#0670fa;}

.gsfed b i{ font-style:normal; color:#0670fa;}
.gsl img{ width:100%; height:auto; text-align:center; margin-bottom:20px;} 
.gsl a.sub_compare{font-size: 18px;display:inline-block;background: #0670fa;text-align:center;color:#fff !important;height:36px;line-height:36px;width: 100%;border-radius: 6px;margin-bottom:15px;}
.gsl a.sub_compare i{ margin-right:10px}
.gsl p{margin:0}

.contrast{
    position: fixed;
    font-size:12px;
    left: 50%;
    display:none;
    z-index: 100000;
    background: #fff;
    border: 4px solid #d9d9d9;
    box-sizing: border-box;
    width: 1280px;
    height: 160px;
    bottom: 0;
    top: auto;
    margin-left: -640px;
    }
.contrast .contrast-nr .contrast1 {
    position: relative;
    height: 34px;
    line-height: 32px;
    padding-left: 15px;
    background: #f2f2f2;
    border-bottom: 1px solid #dedede;
    color: #444; 
}
 .contrast .db-nr2 {
    float: left;
}
.contrast .db-nr2 dl {
    width: 229px;
    float: left;
    border-right: 1px solid #ccc;
}
.contrast .contrast-nr .contrast1 .contrast-bt{float:left}
.contrast .contrast-nr .contrast-cp {
    padding: 20px 15px 12px;
}
.contrast .db-nr2 dt {
    width: 82px;
    height: 82px;
    float: left;
}
.contrast .db-nr2 dt img {
    width: 82px;
    height: 82px;
}
.contrast .db-nr2 dd {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    width: 106px;
}
.contrast .db-nr2 dd p{ margin:0; margin-bottom:3px}
.contrast .db-nr2 dd a.db-nr2-1{font-weight:bold}
.contrast .db-nr2 dd b {
    font-weight: 400;
}
.contrast .db-nr2-2 {
    width: 31px;
    text-align: right;
    color: #0670fa !important;
    border: 1px solid #ccc;
    padding: 2px 10px;
    border-radius: 4px;
}
 
.contrast .contrast-nr .contrast1 .contrast-yc a {
    float: right;
    display: block;
    margin-top: 10px;
    width: 0;
    height: 20px;
    background: url(../images/del.png) no-repeat;
    padding: 2px 10px;
}
.contrast .contrast-nr .contrast1 .contrast-bt a.hover {
    color: #0670fa !important;
    border-bottom: 2px solid #0670fa;
    padding: 8px 0;
}

.contrast .contrast-nr .contrast-cp .contrast-btn {
    float: right;
    box-sizing: border-box;
    width: 90px;
    padding: 16px 0 12px 20px;
    border-left: 1px solid #e3e3e3;
    text-align: center;
}
.contrast .contrast-nr .contrast-cp .contrast-btn input {
    margin-bottom: 15px;
    width: 60px;
    height: 25px;
    line-height: 25px;
    border: none;
    border-radius: 2px;
    background: #0670fa;
    color: #fff;
}
.contrast .contrast-nr .contrast-cp .contrast-btn a {
    color: #0093e6;
}

.compare table{width:100%;font-size: 13px;border:1px solid #ccc;border-left:0;border-bottom:0;}
.compare table{width:100%;font-size: 13px;border:1px solid #ccc;border-left:0;border-bottom:0;}
.compare table tr:first-child td{ text-align:center}
.compare table tr td{ border:1px solid #ccc;  border-right:0;border-top:0; background:#fff; padding:5px 8px}
.compare table tr td:first-child{background: #f1f1f1;width:150px;text-align: center;}
.compare table tr td a{ color:#0670fa !important}
.compare table tr td a.submit{ color:#fff !important; background:#0670fa; display:inline-block; border-radius:5px; padding:5px 20px;}
.compare table tr td p{margin:0px;}
.compare table tr td p span{color: #0670fa;}

.list_menu {
    width: 100%;
    height: auto;
}
.list_menu li{ float:left; width:20%; height:32px; line-height:32px; overflow:hidden;}

.shoppingBox{ width:100%; }
.shoppingBoxLeft{ width:75%; margin:0; float:left;}
.shoppingBoxLeftCart{ width:100%; background:#fff; padding:25px;}
.shoppingBoxLeft h2{ color:#111; font-size:20px; margin-bottom:15px; line-height:36px; font-weight:bold;}
.shoppingBoxLeft h2 i{ margin-right:10px; font-size:24px; color: #0670fa;}
.shoppingBoxLeftBox{ width:100%;}
.shoppingBoxLeftBox ul.thead{ width:100%; height:42px; line-height:42px; background:#f6f8fc; padding:0 15px; font-size:14px;}
.shoppingBoxLeftBox ul.thead i{ color:#0670fa; font-size:22px;}
.shoppingBoxLeftBox ul.thead li:nth-child(1){ width:10%;}
.shoppingBoxLeftBox ul.thead li:nth-child(2){width:30%;}
.shoppingBoxLeftBox ul.thead li:nth-child(3){ width:30%;}
.shoppingBoxLeftBox ul.thead li:nth-child(4){width:25%;}
.shoppingBoxLeftBox ul.thead li:nth-child(5){width:5%;}
.shoppingBoxLeftBox ul.thead a.selectall{background: #0670fa; color: #fff !important; padding: 5px;border-radius: 5px;font-size: 12px;}
.shoppingBoxLeftBox ul.thead a.selectall2{background: #ed1b24; color: #fff !important; padding: 5px;border-radius: 5px;font-size: 12px;}

.shoppingBoxLeftBox ul.tbody{padding:0 15px; font-size:14px;}
.shoppingBoxLeftBox ul.tbody li{ padding:15px 0; border-bottom:1px solid #ccc; align-items:center;}

.shoppingBoxLeftBox ul.tbody .tbdiv1{ width:10%;}
.shoppingBoxLeftBox ul.tbody .tbdiv2{width:30%;}
.shoppingBoxLeftBox ul.tbody .tbdiv2 img{ width:40px; float:left; margin-right:10px}
.shoppingBoxLeftBox ul.tbody .tbdiv3{ width:30%;}
.shoppingBoxLeftBox ul.tbody .tbdiv4{ width:25%; position:relative;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 p{ margin-bottom:0; cursor:pointer;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 p i{ font-size:18px; padding-left:10px; color:#0670fa;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 li{ border-bottom:none; height:20px; line-height:20px; padding:0;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 li span.span-price{ color:#0670fa !important; }
.shoppingBoxLeftBox ul.tbody .tbdiv5{ width:5%;}
.shoppingBoxLeftBox ul.tbody .tbdiv2 a{ display:block; color:#0670fa !important; line-height:22px; height:22px; overflow:hidden;}
.shoppingBoxLeftBox ul.tbody .tbdiv2 em{ display:block; color:#666; line-height:22px; height:22px; overflow:hidden; font-style:normal;}
.shoppingBoxLeftBox ul.tbody .tbdiv5 i{color:#0670fa; font-size:22px;}
.shoppingBoxLeftBox ul.tbody .tbdiv3 input{ width:60%; border:1px solid #eee; height:32px; line-height:32px; border-radius:4px; padding-left:10px;}


.shoppingBoxLeftBox ul.tbody .tbdiv4 .price-range{ display:none; z-index:333;   position:absolute; border:1px solid #eee; background:#f7f7f7; border-radius:5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding: 10px;}
.shoppingBoxLeftBox ul.tbody .tbdiv4:hover .price-range{display:block;}

.shoppingBoxLeftPro{ width:100%; background:#fff; padding:25px;}
.shoppingBoxLeftProList{ width: 100%;  }
.shoppingBoxLeftProList dl{margin:0;width: 19%;margin-bottom: 1%;height: auto;background: #FFFFFF;border-radius: 5px;padding: 10px;border: 1px solid #eee;}
.shoppingBoxLeftProList dl dt{ text-align: center;}
.shoppingBoxLeftProList dl dt img{ width: 120px; height: 120px;}
.shoppingBoxLeftProList dl dd{ padding-top: 15px;}
.shoppingBoxLeftProList dl dd a.inproLinks{color: #111111;display: block;height: 20px;line-height: 20px;overflow: hidden;font-size: 13px;}
.shoppingBoxLeftProList dl dd em{display: block;color: #666;height: 20px;line-height: 20px;overflow: hidden;font-style: normal;font-size: 13px;}
.shoppingBoxLeftProList dl dd p{ height: 28px; line-height: 28px; margin-top: 10px;}
.shoppingBoxLeftProList dl dd p i{color: #0670fa;font-weight: normal;font-style: normal;font-size: 16px;}
.shoppingBoxLeftProList dl dd p a{ display: block; width: 28px; height: 28px; background: url(../images/inproShop.png) no-repeat; float: right;}

.shoppingBoxRight{ width:23%; margin:0; float:right; background:#fff; padding:25px;}
.shoppingBoxRight h2{ color:#111; font-size:20px; margin-bottom:15px; line-height:36px; font-weight:bold;}
.shoppingBoxRight h2 i{ margin-right:10px; font-size:24px; color: #0670fa;}
.shoppingBoxRight ul{ padding:15px 0; border-bottom:1px solid #eee;}
.shoppingBoxRight ul li{ line-height:32px;}
.shoppingBoxRight ul li b{ display:block; margin:0; font-weight:normal;}
.shoppingBoxRight ul li i{ display:block; margin:0; font-style:normal;}
.shoppingBoxRight ul li i em{font-style:normal; font-size:18px; color:red; font-weight:bold;}
.shoppingBoxRight button{ width:100%; height:42px; line-height:42px; background:#0670fa; color:#fff; border-radius:6px; border:none; margin-top:15px;}


.cart-info{z-index:999;padding:30px 15px;border:1px solid #eee;position:fixed;top:50%;left:50%; height:auto; width:360px; margin-top:-150px; margin-left:-150px; height:auto;background:#f7f7f7;text-align:center; border-radius:5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.cart-info .btn-success{height:32px !important;line-height:32px !important}
.cart-info .close{display:block;margin:0;padding:0;position:absolute;top:5px;right:5px;width:15px;height:10px;text-indent:-9999px;background:url(../images/sprite.gif) no-repeat left -240px;cursor:pointer}
.cart-info a.btn-success {background: #2b3445; border-color: #2b3445; color:#fff !important; line-height:18px; display:inline-block; float:none !important; width:120px !important;}
.cart-info a.btnsp {border-radius:5px; background: #0670fa; border-color: #0670fa; display:inline-block; height:32px;line-height:32px; color:#fff !important;  display:inline-block; float:none !important; width:120px !important;}

.cart-info strong{ font-size:16px !important; text-transform:capitalize; color:#0670fa !important; line-height:26px !important;}
.cart-info b{ color:red !important; padding:0 5px; font-size:15px;}
.cart-info p{ font-size:14px !important; font-weight:normal !important;}
.gslastdl a.btn{ padding:0 !important;}
.msg-tips1 .btn{ padding:0; border:none !important;}
.msg-tips .btn{ padding:0; border:none !important; vertical-align: unset;}
.msg-tips .btnpay2 {width:180px; background: #F44336; color: #fff; line-height: 38px;  margin: 20px 0;}
.col-lg-3r .gsfed dl.grfqDL{ border:none; padding:0;}
.col-lg-3r .gsfed dl.grfqDL input{ width:100^; background:#0670fa; border-radius:5px; color:#fff !important; width:100%; border:none;}

.slide-tit{ background:#fff; padding:20px; font-size:18px; font-weight:bold;}
.slide-tit a{ font-weight:normal; color:#666; font-size:16px;}
.slide-tit a i{ margin-right:10px;}
.address-list{ background:#fff; padding:10px 20px;}
.address-list li{padding:22px 18px;border: 1px solid #ccc; margin-bottom:10px !important;}
.address-list li.selected{
    border:none;
    background:url(../images/sadd.png) no-repeat; background-size:100%;
}
.address-list li label{ width:100%;}
.address-list li h4{ display:block; margin-bottom:10px; width:100%;}
.address-list li h4 span{  font-size:15px;}
.address-list li p{ margin-bottom:0; line-height:28px; font-weight:normal; font-size:14px;}
.address-list li h4 a{ font-size:14px;}


#paymentinfo{}
#paymentinfo .msg-tips{ text-align:center; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); }
#paymentinfo .msg-tips .msg p{ margin-bottom:10px;}
#paymentinfo .msg-tips .msg p a{ display:inline-block; background:#0670fa; color:#fff !important; padding:0 20px; border-radius:5px; height:28px; line-height:28px;}
#paymentinfo .msg-tips .msg strong{ font-size:20px; margin-bottom:15px; display:inline-block;}
#paymentinfo .pay-remark{     text-align: left;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
    background: #e2f1ff;
}

#user-index .user-index,
#user-proinfo .user-proinfo,
#user-order .user-order,
#user-inquiry .user-inquiry,
#user-address .user-address,
#user-password .user-password{ background:#c9d1dc}

.user-center .user-avatar{}
.user-center .user-avatar img{ border:3px solid #eee; width:125px; height:125px; border-radius: 50%;}
.user-center .user-info ul{display:flex; flex-wrap: wrap;  justify-content: space-between;}
.user-center .user-info ul li{line-height: 32px; width:50%}
.user-center .user-info ul li a{padding-left: 10px; color: #0094E7 !important;}
.user-center .user-menu{display:flex; margin-top:20px; border-top:1px solid #eee;  border-bottom:1px solid #eee; padding-top:20px;}
.user-center .user-menu dl{}
.user-center .user-menu dl dt{ text-align:center}
.user-center .user-menu dl dd{}
.user-center .user-menu dl dd a{padding-left:5px;color: #0094E7 !important; }
.user-center h2{font-size:18px;font-weight:bold}
.user-center h3{font-size:16px; font-weight:bold}


@media (max-width: 1180px) {
    .padding30{ padding:10px;}	
.customerList{ display: none;}
header{ display: none;}
footer{ padding-top:0;}
.footerBox{ display: none;}
.footerCopy{ width:100%; text-align:center; margin-bottom:70px;}
.footerCopy em{ width:100%;}
.footerCopy div.fimg{ display:none;}

.TopBar{ display: none;}
.fposi{ width:100%; height:70px; background:#0670fa; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #eee;  box-sizing: border-box; }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}


.logom{ display: block !important; float: left; width:36px; height: 40px;}
.logom img{ width:auto; height: 40px; margin-top: 10px; display: block !important;}
.navbg{ height: 62px; border: none;}
.navbg .navbar-toggle{ margin-top: 13px;}
.navbg .col-lg-3{ display: none;}
.navbg .col-lg-9{  padding: 0 ; width: 100%;  float: none !important; z-index: 999; position: relative;}
.navbar{ min-height: 52px;}
.navbar-nav{ float: left !important; width: 100% !important;}
.navbar-nav li{ background: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.navbg .dropdown{ display: block;}
.navbar-nav>li.frcon{  display: none;}
.navbar-nav .open .dropdown-menu{ width: 100%; left: 0 !important;}

.eso_banner .col-lg-3{ display: none;}
.eso_banner .col-lg-6{ padding: 0; margin-top:10px; margin-left: 0; width: 100%;}
.eso_banner .col-lg-6 img{ width: 100%; height: auto;}

.eso_banner .col-lg-4{ display: none;}


.msearch{ display:block; margin: 15px 0;}
.msearch input{ width: 80%; border:1px solid #EEEEEE; border-right: none; border-radius:4px 0 0 4px; padding: 0 15px; height:42px;}
.msearch button{ width: 20%; background: #0670fa; color: #FFF; border: none;  border-radius:0 4px 4px 0; height:42px;}

.inBad{ display: none;}
.inTit{  padding-top:10px; padding-bottom: 15px;}
.inTit h2{ font-size: 22px; width: 100%;}
.inTit a{ display: none;}


.inHotpro{}
.inHotproL{ display: none;}
.inHotproR{ width: 100%; padding-left: 0; }
.inHotproR dl{ margin:0; margin-bottom: 2%; width: 49%;}
.inBom{ display: none;}
.inBrandList{  padding: 15px;}
.inBrandList a{ width: 31.3%;  padding: 15px; margin-bottom: 1% !important;}


.inBrandMore{ margin-top: 10px; }
.inBrandMore a{ padding: 0 15px; height: 40px; line-height: 40px;  margin:  0 3px; width:auto !important;}

.inNewsbg{ margin-top: 15px;}

.inNewsL{ width: 100%;}
.inNewsLtitle{ margin-bottom: 10px;}
.inNewsLtitle h2{ color: #111111; font-weight: bold; font-size: 18px;}


.inNewsLlist{ width: 100%; margin: 0; }
.inNewsLlist dl{  padding-bottom: 10px; margin-bottom: 10px; }
.inNewsLlist dl dt{ width: 30%;}
.inNewsLlist dl dd{ width: 70%; padding-left: 10px;}
.inNewsLlist dl dd em{ margin-top: 5px;}

.inNewsLpic{ width: 100%; margin-top: 20px; }
.inNewsLpic dl{ width:100%;}
.inNewsLpic b{margin: 10px 0;}
.inNewsLpic em{ display: block; font-style: normal; font-size: 14px; height: 13px; line-height: 13px; border-top:2px solid #e6e6e6; padding-top: 10px; padding-bottom: 10px;}
.inNewsR{display: none;}

.inPartbg{  padding-bottom: 30px; margin-bottom: 70px;}
.inPartTab li{ margin: 0 5px !important; font-size: 14px;}

.inPartList{ padding:15px;}
.inPartList a{ width: 49%; }
.inProList1{display: none;} 
.footerService{display: none;}

.About1{ padding: 20px;}
.About1 h1{ font-size:20px;}
.About1 em{ margin-top: 5px;}

.About1info{  padding: 20px 0; }


.About1s{  padding: 20px 0; }
.About1sLeft{ width: 100%;}
.About1sLeft h2{ font-size: 20px; line-height: 36px;margin-bottom: 5px;}
.About1sLeft p{ l margin-bottom: 15px;}


.About1sRight{ width: 100%;}
.About1sRight dl dt{ width: 15%;}
.About1sRight dl dd{ width: 85%; padding-left: 20px; }


.About2{ padding: 20px; }


.About3{ padding:20px;}
.About3 h2{ font-size: 20px; line-height: 36px; margin-bottom: 5px;}
.About3 dl{ width: 100%;}
.About3 dl dd{ margin-top: 15px; }



.About4{padding:0 20px; margin-bottom: 100px;}
.About4 h2{font-size: 20px; line-height: 36px; margin-bottom: 5px;}
.About4List dl{ width:100%; margin-bottom: 0; display: block;}
.About4List dl dt{ width: 100%;}
.About4List dl dd{ width: 100%; padding:20px 0; }
.About4List dl dd b{ font-size: 18px;  margin-top: 10px;}

.aboutinfo{  padding:15px 0; }

.conL{ float:none; width:100%; border-right:none; border-bottom:2px solid #eee; height:auto; overflow:hidden; padding-right:0;  padding-bottom:30px;}
.conL h2{ font-size:1.4rem; line-height:26px;}
.conR{ float:none; width:100%; height:auto; padding-left:0; padding-top:30px; min-height:510px;}
.conR h2{ font-size:22px; line-height:36px; margin-bottom:20px;}

.conMap{ padding-bottom:50px;}

.supportLeft{ float:none; width:100%; }
.supportLeft a{ padding:0;}


.supportRight{ float:none; padding:20px;width:100%; margin-top:20px;}
.supportbox{ margin-bottom:70px;}


.index-news.container{ padding: 0 10px;}
.index-news.container .col-lg-9{ padding-right:0; padding-left:0;}
.index-news dl{ float: none; background: #FFFFFF; width:100%; margin: 10px 0; padding: 15px; }

.index-news.container .col-lg-3{ padding-right:0; padding-left:0; margin-bottom:70px;}
.newsprolist{ margin-top:10px;}
.newsprolist h2{ font-size:22px; margin-top:0; font-weight:bold; margin-bottom:15px;}
.newsprolist dl{ width:100%; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; box-shadow:none;}
.newsprolist dl dt{ float:left; width:30%; height:auto; overflow:hidden;}
.newsprolist dl dt img{ width:100%; height:auto;}
.newsprolist dl dd{ float:right; width:66%; height:auto; overflow:hidden;}
.newsprolist dl dd h4{ margin: 0; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.newsprolist dl dd small{ margin: 0; font-size: 14px; line-height: 21px; height: 21px; overflow: hidden; color: #999; display:block;}

.newshsowr{ margin-top:10px; padding:0; margin-bottom:70px;}

.qcinfo { padding: 20px; width:94%; }
  
.goodsnav{ margin-bottom:70px;}
.brandShow{ margin-bottom:70px;}

.products-left{ padding-right:0;}
.col-lg-3r{ padding-right:0; float:none !important; margin-top:15px;}
.gsr .col-md-3{ text-align:left;}
.sharethis-inline-share-buttons{float:none !important;}

/*0316*/
.inprogs a{  width: 50%; }

.conL{ float:none; width:100%; border-right:none; border-bottom:2px solid #eee;  height:auto; overflow:hidden; padding:15px;}
.conR{ float:none; width:100%; padding:15px; }
.gsimg1 img{  display:none;}

.gsTit{ width:100%; padding:15px; text-align:center;}
.gsTit .fr{ float:none !important;}
.cartFedLeft{ float:none; width:100%;}
.cartFedRight{ float:none; width:100%;}
.cBomR{ display:none;}

.arcshowBanner{ width:94%; height:auto; overflow:hidden;}
.carttab{ overflow-x:auto ;}
.cBomL{ float:none; width:100%; padding:10px; margin-bottom:15px; }


.cBomR{ float:none; width:100%;}

.userleft{ padding-left:0; padding-right:0; margin-bottom:10px;}


.onestop{}
.onestop dl{ float:none; background:#fff; width:100%; margin:10px 0;}
.onestop dl dd h4{ font-size:2rem; line-height:28px; height:auto; }
.onestop dl dd div{height:auto; }
.gsLinks{ display:block;}
.gsLinks img{  height:55px; width:auto; margin:10px;}

.conMap{ padding-bottom:10px;}
.pad0{ padding:0; padding-right:0; margin-bottom:50px;}
.qcinfo{ width:100%;}

.ReProList a{width: 48%; }

.products_showspe .nav>li>a{ padding:8px;}
.Renavgiton li{ float:none; width:100%; }

.ExstockTop{ padding:0 15px;}
.ExstockTop h2{  font-size:18px; }
.ExstockTop a{  padding:0 15px; }
.Exstockinfo{ padding:15px; line-height:26px;}

.pcbList dl{ width: 48%; }

#pcb .col-lg-3{ padding:0;}

.Renavgiton li{ float:none; width:100%; }
.pll a{ width:50%; }

.cot .titleBox{ display:block;}
.cot{ overflow-x:auto;}
.cot .cotBox li{ display:block; height:auto; padding:10px ; line-height:32px;}
.cot .cotBox li a{ display:block;}

.eso_products-left{ padding:0; }
.eso_col-lg-3r{ padding:0; margin-top:20px;}

.eso_gssp .nav>li>a{ padding:10px;}


.Franchised-brand ul li{width: calc((100% / 2) - 10px); }

.Souinfo h2{ font-size:18px; margin-bottom:5px; line-height:28px; }
.SouList a{  width:48%; margin-bottom:1%; padding:15px; }
.SouListinfo{ padding:0 !important}
.SouListinfo table.fromTable tr{ display:block;}
.SouListinfo table.fromTable td{ display:flex; width:100%;}

.SouListinfo img{ max-width:100%; height:auto;}
.SouListinfo .col-sm-8{ width:100%;}



.step-box ul{ width:100%; padding:25px 0;}
.step-box ul li{ width:100%; text-align:center; }
.step-box ul li.first .progress1{ border-radius:20px 20px 0 0;}
.step-box ul li.last .progress1{ border-radius:0 0 20px 20px ;}

#news h1{ font-size:20px;}

.products_showspe h2{ font-size:16px;}
.gsr .col-lg-12 dd input.form-control{ width:50px;}
#Productcom{ overflow-x:auto;}
.news_show table th, td{word-break:normal;}
.cart-info{ margin-left:-180px;}

.shoppingBoxLeft{ width:100%; float:none;}
.shoppingBoxLeftCart{ padding:15px;}
.shoppingBoxLeftPro{display:none;}
.shoppingBoxRight{ padding:15px; width:100%; margin-top:15px;}
.address-list li h4{ font-size:14px;}
.address-list li p{ word-wrap:break-word;}
.shopTable{ width:100%; overflow-x:auto;}
.warpBox{ margin-bottom:70px;}
.inner-box .dl-list dl{ display:block;}
.inner-box .dl-list dl dt{ width:100%; text-align:left;}
.inner-box .dl-list dl dd{ width:100%;}
.userleft{ width:100%;}
.userRight{ width:100%; margin-bottom:70px;}
.userRight h2{ text-align:left; font-size:18px; font-weight:bold;}
.userRight h3{ text-align:left; font-size:18px; font-weight:bold;}
.coverDiv{ width:100%; overflow-x:auto;}
.u-tab-head a{ padding:0 5px;}
.u-tab-content{ width:100%; overflow-x:auto;}
.userRight .info-list h2 label{ float:none; margin-top:10px;}
.goodsnewsnavRight dl dd li{ width:100%; float:none;}
.index-news{ margin-bottom:70px;}
.userdl{ padding:0; width: 100%;
    overflow-x: auto;}
.user-center .user-info ul li{ width:100%;}
.user-center .user-menu dl{ width:100%;}
.userdl dl dd{ border-left:none;}
.carttab th{ font-size:14px;}
.cartFed{ margin-bottom:70px;}

.address-list li.selected{
 background-size:cover;
}

.col-lg-3r .gsfed dl dt{ font-size:0.9rem;}
.col-lg-3r .gsfed dl dd{ font-size:0.8rem;}
.shoppingBoxLeftBox ul.thead{ display:none;}
.shoppingBoxLeftBox ul.tbody .tbdiv1{ width:10%;}
.shoppingBoxLeftBox ul.tbody .tbdiv2{width:90%;}
.shoppingBoxLeftBox ul.tbody .tbdiv2 img{ width:40px; float:left; margin-right:10px}
.shoppingBoxLeftBox ul.tbody .tbdiv3{ width:100%; margin:8px 0;}
.shoppingBoxLeftBox ul.tbody .tbdiv4{ width:90%; position:relative;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 p{ margin-bottom:0; cursor:pointer;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 p i{ font-size:18px; padding-left:10px; color:#0670fa;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 li{ border-bottom:none; height:20px; line-height:20px; padding:0;}
.shoppingBoxLeftBox ul.tbody .tbdiv4 li span.span-price{ color:#0670fa !important; }
.shoppingBoxLeftBox ul.tbody .tbdiv5{ width:10%;}
.shoppingBoxLeftBox ul.tbody .tbdiv2 a{ display:block; color:#0670fa !important; line-height:22px; height:22px; overflow:hidden;}
.shoppingBoxLeftBox ul.tbody .tbdiv2 em{ display:block; color:#666; line-height:22px; height:22px; overflow:hidden; font-style:normal;}
.shoppingBoxLeftBox ul.tbody .tbdiv5 i{color:#0670fa; font-size:22px;}
.shoppingBoxLeftBox ul.tbody .tbdiv3 input{ width:100%; border:1px solid #eee; height:32px; line-height:32px; border-radius:4px; padding-left:10px;}




}


