@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/PINGFANG_MEDIUM.woff);
}
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: myFirstFont; color:#333; font-size:14px; background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #004da0; text-decoration:none !important;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.view1btn{ background:#69b500 !important;}
em{ font-style:normal;}
.msg p b {
    padding: 0 3px;
}

.searchkey {
    width: 1280px;
}

    .searchkey h2 {
        line-height: 45px;
        font-size: 25px;
    }

.nodata {
    color: #c30d22;
    width: 1280px;
    padding: 25px 0;
    border: 1px solid #eee;
    background: #f5f5f5;
    line-height: 36px;
    font-size: 1.1rem;
    text-align: center;
}



.cart-info {
    z-index: 2;
    margin: 0;
    padding: 15px;
    border: 1px solid #DFC795;
    position: absolute;
    top: 0px;
    left: 0px;
    _left: -269px;
    width: 302px;
    height: auto;
    background: #F7F2D0;
    text-align: left;
}

    .cart-info .btn-success {
        height: 32px;
        line-height: 32px;
    }

    .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;
    }

.btn-success1 {
    height: 32px;
}

input, button, select, textarea {
    outline: none;
    font-family: arial;
}

    input:focus, select:focus, textarea:focus {
        border: 1px solid #f39700 !important
    }

textarea {
    resize: none;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
    font-weight: normal;
}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto_1280{ width:1280px;}

#home .home,
#products .products,
#manu .manu,
#pcb .pcb,
#appli .appli,
#qua .qua,
#rfq .rfq,
#about .about,
#contact .contact{ color: #00b1eb;}





input,button,select,textarea{ outline:none; font-family: myFirstFont; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; overflow: hidden;}

.HeaderM{ display: none;}
.Topbg{ width: 100%; height: 40px; background: #f4f6f9;}
.Top{ width: 1280px; height: 40px; line-height: 40px;  font-size:14px;}
.Top a{ border-right: 1px solid #ccc; padding: 0 20px; color:#333  !important;}
.Top a i{ padding-right: 10px;}
.Top .tlang a{ border-right: none; padding-right: 0;}
.Top div{ display: inline-block;}



.Header{ width: 1280px; height: 60px; overflow: hidden; padding:20px 0; box-sizing: content-box; }
.Header .logo{ float: left; width: 195px; height: 60px; overflow: hidden; }
.Header .logo a{ display: block; width: 195px; height: 60px; background: url(../images/logo.png) no-repeat;}
.Header .logo a h1{ display:none;}

.Header .SearchBox{ float: left; margin-left: 320px; width:434px; height: 46px; overflow: hidden; margin-top: 7px;}
.Header .SearchBox input{ float: left; width: 367px; height: 46px; line-height: 46px; box-sizing: border-box; border: 1px solid #00b1eb; border-right: none; padding: 0 22px; border-radius: 3px 0 0 3px;}
.Header .SearchBox button{ float: left; width: 67px; height: 46px; text-align: center; line-height: 46px; color: #FFFFFF; background: #00b1eb; border: none; border-radius: 0 3px 3px 0; font-size: 20px;}

.Header .HeaderRight{ float: right; height: 46px; width: auto; overflow: hidden; margin-top: 7px;}
.Header .HeaderRight a{  color:#333; float: left; width: 110px; height: 46px; line-height: 46px; text-align: center; overflow: hidden; box-sizing: border-box; background: url(../images/Hrabg.jpg) repeat-x; display: block; margin-left: 26px; border:1px solid #a9afb7; border-radius: 3px;}
.Header .HeaderRight a img{ vertical-align: middle; padding-right: 6px;}

.NavBg{ width: 100%; height: 51px; background: #004da0;}
.Nav{ width: 1280px; height: 51px; }
.NavL{ float: left; cursor: pointer; font-size: 16px; position: relative; background: #00b1eb;  box-sizing: content-box; color: #FFFFFF; padding: 0 10px; width: 242px; height: 51px; line-height: 51px;}
.NavL i{ line-height: 51px; padding: 0 17px 0 12px;}
.NavL a.navTa{ color:#fff;}

.NavL .Nul1{  box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 10%);  display: block; background: #FFFFFF;  width: 262px; height: auto; border-bottom: 3px solid #00b1eb; box-sizing: border-box; padding:20px; position: absolute; left: 0; top: 51px; z-index: 999;}
.NavL .Nul1 li{ width: 100%; height: 34px; line-height: 34px; position: relative; font-size: 14px;}
.NavL .Nul1 li i{ color: #999; line-height: 36px; float: right;}
.NavL .Nul1 li a{color:#333;}
.NavL .Nul1 h4{ line-height: 20px; font-size: 14px; margin-top: 6px; font-weight: normal;}
.NavL .Nul1 h4 a{ color: #004da0;}
.NavL .Nul1 li:hover ul{ display:block;}
.NavL .Nul1 li ul{ position:absolute; top:0; left:180px; z-index: 666; display:none; width:990px; height:auto; background:#fff; padding:10px; border:2px solid #00b1eb;}
.NavL .Nul1 li ul li{ display:block; float:left; width:33.3%;  line-height: 34px; height:34px; overflow:hidden;   box-sizing: border-box; font-size:13px; color:#333;}
.NavL .Nul1 li ul li a{ display:block; padding: 0 10px;}
.NavL .Nul1 li ul a:hover{ color: #FFFFFF; background: #00b1eb;}
.NavL .Nul1 li ul a:hover i{ color: #FFFFFF;}


.NavR{ float: left; width: 1018px; height: 51px; overflow: hidden;}
.NavR a{ display: block; color: #FFFFFF; float: left; font-size: 16px; padding-left: 38px; line-height: 51px;}
.NavR a:hover{color: #00b1eb;}


.Banner{ width:1280px; height: auto; overflow: hidden; margin-top:31px; box-sizing:border-box; padding-left:280px;}

/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width:100%; height:auto;}
.main_visual .owl-prev,.main_visual .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 20px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 20px; height: 10px; background:#ffa500; border-radius: 10px;}
.main_visual .owl-carousel .item img.Bpic{ display: block;}
.main_visual .owl-carousel .item img.Bmpic{ display: none;}

.in1Box{ width: 1280px; height: 50px; padding: 20px 0; overflow: hidden;}
.in1Box dl{ float: left; width: 25%; height: 50px; border-right:1px solid #EEEEEE; box-sizing: border-box; padding-left: 45px;}
.in1Box dl:last-child{ border: none;}
.in1Box dl dt{ display: inline-block; width: 41px; height: 41px;}
.in1Box dl dd{ display: inline-block; width: auto; height: 50px; margin-left: 20px;}
.in1Box dl dd h4{ display: inline-block; font-size: 16px; color: #004da0; line-height: 22px;}
.in1Box dl dd span{ color: #004da0; padding-left: 10px; line-height: 22px;}
.in1Box dl dd p{ line-height: 19px;}


.inBg{ width: 100%; height: auto; background: #f6f9fc; padding: 10px 0 65px 0;}

.inTit{ width:1280px; height: 67px; line-height: 67px; margin-top: 28px; overflow: hidden; font-size: 18px; color: #000000; font-weight: bold;}
.inTit a{ color: #004da0; font-size: 14px;} 


.inAd{ width: 1280px; height: auto;}
.inAd img{ width: 100%; height: auto;}

.inProList{ width: 1280px; height: 225px; }
.inProList dl{ float: left; width: 16.66%; text-align: center; height: 225px; background: #FFFFFF; position: relative; transition: all ease .5s;}
.inProList dl dt{ width: 100%; height: auto; margin-top: 5px;}
.inProList dl dt img{ width: 140px; height: 140px; overflow: hidden;}
.inProList dl dd{ width: 90%; height: auto; overflow: hidden; padding-top: 15px;}
.inProList dl dd h4{ line-height: 21px; height: 21px; overflow: hidden; color: #000000;}
.inProList dl dd p{ line-height: 21px; height: 21px; overflow: hidden;}
.inProList dl:hover{box-shadow:0 0 10px #CCCCCC; z-index: 333;}

.inBrandList{ width: 1280px; height: auto; overflow: hidden;}
.inBrandList a{ display: block; float: left; width: 16.66%; height: auto; background: #FFFFFF; padding: 25px 0; text-align: center;}
.inBrandList a img{ width: 180px; height: 60px;}

.inNewsList{ width: 1280px; height: auto;}
.inNewsList dl{ float: left; width: 404px; height: 310px; background: #FFFFFF; box-shadow:0 0 10px #CCCCCC;  border-radius: 5px; margin-left: 34px;}
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl dt{ width: 404px; height: 188px; overflow: hidden;}
.inNewsList dl dt img{ width: 404px; height: 188px;  border-radius: 5px 5px 0 0;}
.inNewsList dl dd{ width: 100%; height: auto; box-sizing: border-box; padding: 20px;}
.inNewsList dl dd h4{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}
.inNewsList dl dd p{ line-height: 24px; color: #999999; padding-top: 10px;}

.footerBg{ width: 100%; height: auto; background: #004da0; padding: 40px 0 35px 0;}
.footer{ width: 1280px; height: auto; overflow: hidden;  font-size:14px;}
.footerL{ float: left; width: 1050px; height: auto; overflow: hidden;}
.footerL dl{ float: left; width: 33.3%; height: auto; overflow: hidden;}
.footerL dl dt{ width: 100%; line-height: 36px; height: 36px; font-size: 16px; color: #FFFFFF; text-transform: uppercase;}
.footerL dl dd{ width: 100%; height: auto; padding-top: 10px;}
.footerL dl dd a{ display: block; line-height: 30px; color: #FFFFFF;}
.footerL dl dd a:hover{ color: #00b1eb;}

.footerR{ float: left; width: 230px; height: auto; overflow: hidden;}
.footerR b{ display:block; width: 100%; line-height: 36px; height: 36px; font-size: 16px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 10px; font-weight: normal;}
.footerR p{ line-height: 26px; color: #FFFFFF;}
.footerR h4{ width: 100%; height: 24px; line-height: 24px; margin-top: 10px; font-size: 16px;}
.footerR h4 a{ display: block; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #004da0; background: #FFFFFF; border-radius: 50%; float: left; margin-right: 15px;}


.footerBg2{ width: 100%; height: auto; background: #004da0; padding: 25px 0; border-top:1px solid #105eb2; text-align: center; color: #FFFFFF;}
.footernav{ width: 100%; height: 32px; line-height: 32px; }
.footernav a{ color: #FFFFFF;}
.footernav a:hover{ color: #00b1eb;}
.footernav a:after{ content: "|"; padding: 0 10px;}
.footernav a:last-child:after{content: "";}

.footerCopy{ width: 100%; line-height: 28px;}


.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 13px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 2px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #004da0;
            color: #fff;
            height: 53px;
            width: 230px;
            box-sizing: content-box;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #004da0;
            width: 97px;
            height: 53px;
            box-sizing: content-box;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
.wz {
    width: 1280px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
}

    .wz a {
        color: #004da0;
    }

.banner2 {
    width: 100%;
    height: 280px; position:relative; overflow:hidden;
}

    .banner2 img {
        width: 100%;
        height: auto;
    }
    
.banner2TXT{ text-align:center; width:100%; height:280px; line-height:280px; font-size:52px; color:#fff; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);}    

.AbmenuSou {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    overflow: hidden;
    height: 46px;
    line-height: 46px;
}

    .AbmenuSou a {
        display: inline-block;
        width: auto;
        height: 46px;
        line-height: 46px;
        background: #ccc;
        border-radius: 3px;
        padding: 0 25px;
        font-size: 16px;
        margin: 0 5px;
    }

#lm_hover {
    background: #004da0;
    color: #fff;
}


.pt61 {
    padding-top: 0;
}

.AbTit {
    width: 1280px;
    height: 100px;
    font-weight:bold;
    line-height: 100px;
    text-align: left;
    font-size: 36px;
    color: #333333;
}

.brands_featured {
    width: 1280px;
    overflow: hidden
}

    .brands_featured a {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 164px;
        height: 75px;
        padding: 14px 10px;
        border: 1px solid #DEDEDE;
        margin-bottom: 18px;
        margin-right: 22px;
        text-align: center;
    }

        .brands_featured a:nth-child(7n) {
            margin-right: 0px
        }

      

        .brands_featured a img {
            width: 130px;
            height: 43px;
        }

.Abinfo {
    padding-bottom: 50px;
    overflow: hidden;
    line-height: 26px;
    width: 1280px;
}

    .Abinfo img {
        max-width: 100%;
        height: auto;
    }

    .Abinfo a {
        color: #e6790e
    }

        .Abinfo a:hover {
            color: #00b1eb
        }

.goodsCateBox {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

    .goodsCateBox dl {
        width: 100%;
        height: auto;
        border: 1px solid #DEDEDE;
        margin: 1.5% 0;
        box-sizing: border-box;
        border-radius: 3px;
    }

        .goodsCateBox dl dt {
            width: 100%;
            height: 72px;
            background: #d0eaf3;
        }

            .goodsCateBox dl dt img {
                width: 48px;
                height: 48px;
                float:left;
                padding-top: 12px; padding-left:30px;
            }
            
            
             .goodsCateBox dl dt h4 {
                height: 72px;
                line-height: 72px;
                float:left;
                font-weight: normal;
                display:inline-block;
                padding-left:20px;
                font-size: 16px;
                color: #004da0;
                overflow: hidden;
            }

            .goodsCateBox dl dt p 
            {
                  float:left; padding-left:10px;
                font-size: 13px;
                line-height: 72px;
            }


        .goodsCateBox dl dd {
            width: 100%;
            height: auto;
            padding: 20px 0;
            background: #f5f5f5;
            overflow: hidden;
        }

           
            .goodsCateBox dl dd ul {
                width: 94%;
                height: auto;
                font-size: 13px;
            }

                .goodsCateBox dl dd ul li {
                    line-height: 26px; float:left; width:50%; text-align:left;
                }


.contactBox {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

    .contactBox dl {
        float: left;
        text-align: center;
        width: 33.3%;
        box-sizing: border-box;
        padding: 0 30px;
    }

        .contactBox dl dt {
            width: 100%;
            height: auto;
        }

        .contactBox dl dd {
            width: 100%;
            height: auto;
            padding-top: 10px;
        }

            .contactBox dl dd h4 {
                font-size: 16px;
                line-height: 32px;
                color: #333333;
            }

            .contactBox dl dd p {
                line-height: 22px;
            }


.conMap {
    width: 1280px;
    height: 400px;
    overflow: hidden;
    margin-top: 25px;
}

.conFed {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

    .conFed dl {
        width: 100%;
        height: auto;
    }

        .conFed dl dt {
            width: 100%;
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        .conFed dl dd {
            width: 100%;
            height: 42px;
        }

            .conFed dl dd input {
                width: 100%;
                padding: 0 15px;
                height: 42px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 42px;
                border-radius: 5px;
            }

            .conFed dl dd textarea {
                width: 100%;
                padding: 15px;
                height: 80px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 24px;
                border-radius: 5px;
            }

    .conFed li {
        width: 100%;
        height: 42px;
        margin-top: 20px;
    }

        .conFed li input {
            width: 100%;
            height: 42px;
            line-height: 42px;
            border: none;
            background: #004da0;
            color: #FFFFFF;
            font-size: 16px;
            border-radius: 5px;
        }


.NewsList {
    width: 1280px;
    height: auto;
 
}

.NewsList dl{ float: left; width: 404px; height: 310px; background: #FFFFFF; box-shadow:0 0 10px #CCCCCC;  border-radius: 5px; margin: 11px;}
.NewsList dl dt{ width: 404px; height: 188px; overflow: hidden;}
.NewsList dl dt img{ width: 404px; height: 188px;  border-radius: 5px 5px 0 0;}
.NewsList dl dd{ width: 100%; height: auto; box-sizing: border-box; padding: 20px;}
.NewsList dl dd h4{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}
.NewsList dl dd p{ line-height: 24px; color: #999999; padding-top: 10px;}

.NewsShow {
    width: 1280px;
    height: auto;
    overflow: hidden;
    padding: 25px 0;
}

.NewsTit {
    width: 1280px;
    line-height: 32px;
    font-size: 24px;
    color: #333333;
    text-align: center;
}

.NewsAdm{ text-align:center; width:100%; line-height:30px; padding:10px 0; color:#999;}

.NewsShowInfo {
    width: 1280px;
    padding-top: 30px;
    line-height: 26px;
}

    .NewsShowInfo img {
        max-width: 100%;
        height: auto;
    }


.words {
    border: 1px solid #DCDCDC;
    height: 38px;
    line-height: 38px;
    margin-bottom: 20px;
    padding: 1px 0;
    text-align: center;
    width: 1280px;
    position: relative;
    z-index: 777;
}

    .words a {
        color: #000000;
        display: inline;
        font-size: 15px;
        font-weight: bold;
        margin: 0 1px;
        padding: 9px 13px;
        text-align: center;
        text-decoration: none;
    }

        .words a:hover {
            color: #FFFFFF;
            background-color: #004da0;
        }
/*mfg*/
.mfg{border: 1px solid #DCDCDC;margin-bottom: 30px;  width: 1280px;}
.mfg h3{background-color: #E0E4E9;font-size: 18px;font-weight: bold;height: 32px;line-height: 32px;padding-left: 10px;}
.mfg ul{padding-bottom: 10px;padding-left: 10px;padding-top: 10px;}
.mfg li{float: left;font-size: 14px;line-height: 22px;width: 20%; text-align:center;}
.mfg li a{color: #004B85;}
.mfg li s{color: #AAAAAA;text-decoration: none;}
.mfg li img{ border:1px solid #eee; width:180px; height:60px;}
.mfg li p{ height:36px; line-height:36px; overflow:hidden; }


/*details*/
.mfg-details {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-bottom: 15px;
    width: 1260px;
    margin-top: 30px;
}

    .mfg-details .cover {
        float: left;
        padding-top: 13px;
        width: 256px;
    }

        .mfg-details .cover img {
            border: 3px solid #CCCCCC;
            display: block;
            max-width: 250px;
            padding: 20px;
        }

    .mfg-details h2 {
        border-bottom: 1px solid #CCCCCC;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
        margin-bottom: 5px;
        padding-left: 2px;
        color: #333333;
    }

    .mfg-details .text {
        float: right;
        width: 960px;
        font-size: 14px;
        line-height: 22px;
    }

/*product list*/
.parts-list table {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    border-spacing: 0;
    width: 1280px;
}

.parts-list th {
    border: 1px solid #CCCCCC;
    background-color: #E0E4E9;
    color: #000000;
    font-size: 15px;
    padding: 8px 0 8px 10px;
    text-align: center;
    font-size: 13px;
}

.parts-list table tr:nth-child(2n) {
    background: rgba(0,0,0,.05)
}

.parts-list table tr:hover {
    background: #fff9ee
}

.parts-list td {
    border: 1px solid #CCCCCC;
    color: #042437;
    font-size: 13px;
    padding: 4px 0;
    text-align: center;
    vertical-align: middle;
}
.parts-list td.price { color:#444444}

.parts-list td.price p span{ color:#00b1eb}

    .parts-list td a.parts {
        color: #000;
     
    }

        .parts-list td a.parts:hover {
            color: #00b1eb;
            font-weight: bold
        }

    .parts-list td img {
        max-width: 60px;
    }

    .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: bold;
            color: #004480;
            font-size: 12px;
        }

        .parts-list td.p a {
            font-weight: bold;
            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: 10px; display:inline-block;
        margin-top: 12px;
    }

    .parts-list td a.view {
        background-color: #00b1eb;
        border-radius: 5px;
        box-shadow: 0 1px 2px #FFFFFF inset;
        color: #FFFFFF;
        font-size: 14px;
        cursor: pointer;
        padding: 7px 8px;
        text-decoration: none;
    }

        .parts-list td a.view:hover {
            background-color: #004da0;
            color: #FFFFFF;
        }

.parts-list .SelectNum {
    overflow: hidden;
    clear: both
}

.parts-list a.add, a.remove {
    display: inline-block;
    font-size: 22px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    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: 50px;
    font-size: 15px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ced4da;
    border-radius: 3px;
}


/*products list*/
.category {
    width: 1280px;
}

    .category h1 {
        color: #000000;
        background-color: #E0E4E9;
        font-size: 18px;
        height: 36px;
        line-height: 36px;
        padding-left: 15px;
        position: relative;
    }

        .category h1 a {
            color: #000000;
        }

        .category h1 img {
            border: 4px solid #E0E4E9;
            float: left;
            margin-left: -10px;
            margin-right: 9px;
            margin-top: -30px;
            max-height: 60px;
        }

        .category h1 s {
            color: #FFFFFF;
            font-size: 13px;
            font-weight: normal;
            position: absolute;
            right: 30px;
            text-decoration: none;
            top: 0;
        }

        .category h1 b {
            font-weight: bold;
        }

    .category ul {
        border: 1px solid #CCCCCC;
        line-height: 24px;
        margin-bottom: 40px;
        padding: 10px 5px;
    }

        .category ul li {
            display: inline;
            float: left;
            width: 33%;
        }

            .category ul li a {
                color: #004B85;
                padding: 3px 2px 3px 5px;
                text-decoration: none;
            }

                .category ul li a:hover {
                    text-decoration: underline;
                }

            .category ul li s {
                color: #AAAAAA;
                margin-left: 5px;
                text-decoration: none;
            }
/*product details*/
.parts-details .parts-name {
    color: #034175;
    font-size: 25px;
    font-weight: bold;
    line-height: 28px;
    padding-bottom: 10px;
}

.details-left {
    display: inline;
    float: left;
    width: 970px;
}

    .details-left .info {
        border: 1px solid #CCCCCC;
    }

        .details-left .info .cover {
            float: left;
            margin-right: 15px;
            text-align: center;
            width: 250px;
            height: 250px;
            margin-top: 10px;
        }

            .details-left .info .cover img {
                display: block;
                margin: 0 auto;
            }

                .details-left .info .cover img.manufacturers {
                    max-width: 95%;
                    margin-top: 10px;
                }

        .details-left .info .info-more {
            float: left;
            padding-top: 10px;
            width: 600px;
        }

.info dl {
    clear: both;
    line-height: 24px;
}

.info dt {
    color: #202020;
    display: inline;
    float: left;
    font-weight: bold;
    width: 143px;
}

.info dd {
    display: inline;
    float: left;
    font-size: 14px;
    width: 450px;
}

    .info dd.pdf a {
        background-image: url("../images/pdf.png");
        background-repeat: no-repeat;
        display: inline;
        float: left;
        padding-left: 30px;
    }

.info .text {
    clear: both;
    color: #656565;
    line-height: 22px;
    padding-left: 15px;
    padding-top: 10px;
}

.info .download {
    clear: both;
    padding-top: 15px;
}

    .info .download a {
        font-size: 14px;
        text-decoration: underline;
    }

.details-left .rfq-div {
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin-bottom: 15px;
}

    .details-left .rfq-div a.rfq {
        background-color: #0093E6;
        border-radius: 5px;
        box-shadow: 0 0 3px #003763 inset;
        color: #FFFFFF;
        height: 30px;
        left: 10px;
        line-height: 30px;
        padding: 0 58px;
        position: absolute;
        text-decoration: none;
        text-transform: uppercase;
        top: 5px;
    }

        .details-left .rfq-div a.rfq:hover {
            background-color: #003763;
            box-shadow: 0 0 3px #FFFFFF inset;
        }

.clearAfter::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}


.goodsSpeTit {
    width: 1280px;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background: #eeeeee;
    border-radius: 5px;
    font-size: 18px;
}

.goodsSpeBox {
    width: 1280px;
    height: auto;
    box-sizing: border-box;
    padding: 25px 0;
}

    .goodsSpeBox dl {
        width: 100%;
        height: 36px;
        line-height: 36px;
        border-bottom: 1px solid #ccc;
    }

        .goodsSpeBox dl dt {
            float: left;
            width: 50%;
            height: 36px;
            overflow: hidden;
            font-weight: bold;
        }

        .goodsSpeBox dl dd {
            float: left;
            width: 50%;
            height: 36px;
            overflow: hidden;
        }

            .goodsSpeBox dl dd a {
                font-weight: bold;
                color: #004da0;
            }

    .goodsSpeBox table {
        border: none;
        border-left: 0px;
        border-top: 0px;
        font-size: 14px;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box;
        border-spacing: 0;
    }

        .goodsSpeBox table th {
            border-right: 0px;
            border-bottom: 1px solid #ccc;
            padding: 8px 2px;
            word-wrap: break-word;
            text-align: left;
        }

        .goodsSpeBox table td {
            border-right: 0px;
            border-bottom: 1px solid #ccc;
            padding: 8px 2px;
            word-wrap: break-word;
        }

        .goodsSpeBox table tr {
            background: #fff;
        }

.goodsWartinfo {
    width: 1280px;
    height: auto;
    padding: 15px;
    line-height: 26px;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    background: #f7f7f7;
    margin-bottom: 20px;
    border-radius: 5px;
}

    .goodsWartinfo a {
        font-weight: bold;
        color: #004da0;
    }


.productshow1 {
    width: 1280px;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.productshow_box {
    float: left;
    width: 765px;
    height: auto;
    overflow: hidden;
}

.productshow_img {
    float: left;
    width: 280px;
    height: auto;
    position: relative;
}

    .productshow_img img {
        width: 278px;
        height: 278px;
        border: 1px solid #DEDEDE;
    }

    .productshow_img .pic {
        position: absolute;
        left: 62px;
        top: 90px;
    }

        .productshow_img .pic img {
            width: 151px;
            height: auto;
            border: 0px;
        }

    .productshow_img .share {
        width: 100%;
        text-align: center;
        height: 26px;
        margin-top: 10px;
    }

        .productshow_img .share a {
            display: inline-block;
            margin: 0 3px;
            width: 26px;
            height: 26px;
            line-height: 26px;
            color: #fff;
            border-radius: 50%;
        }

            .productshow_img .share a.shra1 {
                background: #3b5998;
            }

            .productshow_img .share a.shra2 {
                background: #1da1f2;
            }

            .productshow_img .share a.shra3 {
                background: #0077b5;
            }

            .productshow_img .share a.shra4 {
                background: #cb2027;
            }

.productshow_spec {
    float: right;
    width: 470px;
    height: auto;
    padding-bottom: 10px;
    overflow: hidden;
}

    .productshow_spec h2 {
        font-weight: normal;
        color: #333333;
        font-size: 26px;
    }

    .productshow_spec dl {
        width: 100%;
        height: 30px;
        line-height: 30px;
        border-top: 1px solid #DEDEDE;
    }

        .productshow_spec dl dt {
            float: left;
            width: 30%;
            height: 30px;
            overflow: hidden;
        }

        .productshow_spec dl dd {
            float: left;
            width: 70%;
            height: 30px;
            overflow: hidden;
        }

            .productshow_spec dl dd a {
                font-weight: bold;
                color: #004da0;
            }

                .productshow_spec dl dd a img {
                    vertical-align: middle;
                    width: 20px;
                    height: 20px;
                    padding-right: 10px;
                }

                .productshow_spec dl dd a.btn {
                    color: #fff;
                    border:none;
                    background: #00b1eb;
                }

                .productshow_spec dl dd a.view {
                    display: block;
                    text-align: center;
                    margin-left: 10px;
                    height: 28px;
                    padding: 0px 10px;
                    line-height: 28px;
                    color: #fff;
                    background: #00b1eb;
                    border-radius: 3px;
                    float: left;
                }

    .productshow_spec a.add {
        margin: 0 5px;
        font-size: 14px;
        height: 20px;
        color: #000;
        line-height: 20px;
        padding: 3px 10px;
        cursor: pointer;
        border: 1px solid #6c757d;
        border-radius: 3px;
        float: left;
    }

    .productshow_spec a.remove {
        margin: 0 5px;
        font-size: 24px;
        height: 20px;
        line-height: 17px;
        text-align: center;
        color: #000;
        background: #fff;
        padding: 3px 5px;
        cursor: pointer;
        /* border: 1px solid #eee; */
        border-radius: 3px;
        float: left;
    }

    .productshow_spec dl dd input {
        float: left;
        width: 50px;
        text-align: center;
        height: 26px;
        line-height: 26px;
        border: 1px solid #868686;
        border-radius: 3px;
    }


.productshow_quote {
    float: right;
    width: 368px;
    height: auto;
    overflow: hidden;
    border: 1px solid #004da0;
    border-radius: 3px;
}

    .productshow_quote h2 {
        width: 100%;
        height: 41px;
        line-height: 41px;
        background: #004da0;
        color: #FFFFFF;
        text-align: center;
        font-weight: normal;
        font-size: 16px;
    }

.productshow_quotebox {
    width: 100%;
    height: auto;
    padding: 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: bold;
            color: #333333;
        }

        .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;
            }

            .productshow_quotebox dl dd select {
                width: 100%;
                height: 34px;
                box-sizing: border-box;
                padding: 0px 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;
            }

    .productshow_quotebox li {
        width: 338px;
        height: 34px;
        overflow: hidden;
        text-align: center;
    }

        .productshow_quotebox li input {
            width: 145px;
            height: 34px;
            line-height: 34px;
            background: #004da0;
            color: #FFFFFF;
            border: none;
            border-radius: 3px;
        }


.cart-step {
    width: 1280px;
    height: 188px;
    overflow: hidden;
}

    .cart-step img {
        width: 1280px;
        height: 188px;
    }

.cart-tips {
    width: 1280px;
    height: auto;
    line-height: 28px;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}


.cart-from {
    width: 1280px;
    height: auto;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}

#inputHtml tr > th {
    background: #004da0;
    color: #fff;
    height: 38px;
    line-height: 38px;
}

.cart-from table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}



    .cart-from table input {
        width: 70%;
        padding: 0 5%;
        margin: 10px 0 10px 5%;
        border: 1px solid #DEDEDE;
        height: 28px;
        line-height: 28px;
    }

    .cart-from table tr {
        border: 1px solid #DEDEDE;
    }

    .cart-from table input.checkall {
        width: 20px;
        float: left
    }

    .cart-from table button {
        width: 34px;
        height: 30px;
        border: none;
        background: url(../images/cartDe.jpg) no-repeat;
    }

.cart-button {
    padding: 10px;
}

    .cart-button button {
        width: 106px;
        height: 30px;
        line-height: 30px;
        border: none;
        background: #004da0;
        color: #FFFFFF;
        border-radius: 3px;
    }

.cart-fedBtn button:hover {
    background: #c20f24
}

.cart-fed {
    width: 1280px;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    margin-top: 20px;
}

    .cart-fed h2 {
        color: #333333;
        font-size: 18px;
        line-height: 32px;
        text-indent: 2em;
    }

.cart-fedBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
}

.cart-fedBoxL {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .cart-fedBoxL dl {
        width: 100%;
        line-height: 34px;
        margin-top: 20px;
    }

        .cart-fedBoxL dl dt {
            float: left;
            width: 167px;
            padding-left: 35px;
            height: 34px;
            overflow: hidden;
            font-weight: bold;
            color: #333333;
        }

        .cart-fedBoxL dl dd {
            float: left;
            width: 1010px;
            min-height: 46px;
            overflow: hidden;
        }

            .cart-fedBoxL dl dd input {
                width: 350px;
                height: 34px;
                box-sizing: border-box;
                padding: 0 15px;
                border: 1px solid #ced4da;
                border-radius: 3px;
            }

            .cart-fedBoxL dl dd textarea {
                border: 1px solid #DEDEDE;
                border-radius: 3px;
                width: 351px;
                height: 80px;
                padding: 15px;
                box-sizing: border-box;
            }

            .cart-fedBoxL dl dd select {
                width: 350px;
                height: 34px;
                box-sizing: border-box;
                padding: 0 15px;
                border: 1px solid #ced4da;
                border-radius: 3px;
            }



.cart-fedBtn {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #EEEEEE;
    text-align: center;
}

    .cart-fedBtn button {
        width: 300px;
        height: 45px;
        font-size: 19px;
        background: #004da0;
        border: none;
        color: #FFFFFF;
        border-radius: 3px;
    }



.message {
    margin: 0 auto;
    width: 1280px;
}

.panel-default {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}

    .panel-default .bg-default {
    }

    .panel-default .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
        padding: 12px;
        border-radius: 6px;
    }

.message h1 {
    margin-top: 18px;
    font-weight: 500;
    font-size: 36px;
    color: #000;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.message p {
    line-height: 28px;
    margin-bottom: 10px
}

.message .btn {
    display: inline-block;
    padding: 0 12px;
    margin-bottom: 0;
    line-height: 32px;
    font-size: 14px;
    font-weight: normal;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

/*会员中心样式
----------------------------------------------*/
.avatar-box {
    padding: 15px;
    background: #F7F8FD;
    overflow: hidden;
}

    .avatar-box .img-box {
        display: block;
        float: left;
        margin-right: 10px;
        padding: 1px;
        border: 1px solid #fff;
        background: #fff;
        *width: 60px;
        *height: 60px;
        overflow: hidden;
    }

        .avatar-box .img-box img {
            width: 60px;
            height: 60px;
        }

    .avatar-box h3 {
        color: #6c757e;
        font-size: 16px;
        line-height: 1em;
        height: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .avatar-box p {
        color: #6c757e;
        font-size: 12px;
        line-height: 20px;
    }

.side-nav {
    border-top: 1px solid #e8ecef;
}

    .side-nav li {
        padding: 5px 0;
        zoom: 1;
    }

        .side-nav li a {
            position: relative;
            display: block;
            margin: 0 15px;
            padding: 8px 15px;
            color: #6c757e;
            font-size: 14px;
            line-height: 20px;
            height: 20px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .side-nav li a:hover {
                color: #fff;
                border-radius: 3px;
                background: #004da0;
            }

.u-tab-head {
    margin-bottom: 15px;
    height: 40px;
    background: #fbfbfb;
    border: 1px solid #e8ecef;
}

    .u-tab-head p a {
        float: left;
        display: block;
        margin: -1px 0 auto -1px;
        padding: 11px 25px;
        line-height: 20px;
        height: 20px;
        color: #7f838c;
        font-size: 14px;
        border-left: 1px solid #e8ecef;
        border-right: 1px solid #e8ecef;
    }

        .u-tab-head p a:hover, .u-tab-head p a.selected {
            color: #fff;
            background: #004da0;
        }

    .u-tab-head span {
        float: right;
        line-height: 40px;
    }

        .u-tab-head span .add {
            display: block;
            padding: 10px 15px;
            line-height: 20px;
            font-size: 12px;
        }

.u-tab-content {
    position: relative;
    padding: 15px;
    background: #fbfbfb;
    border: 1px solid #f0f0f0;
    min-height: 398px;
    overflow: hidden;
    _height: 398px;
    _overflow: visible;
}

    .u-tab-content .ntitle {
        margin: 0 auto;
        padding: 0 0 10px 0;
    }

    .u-tab-content .ntitle-tit {
        margin: 0 0 10px;
        padding: 0;
        color: #444;
        font-size: 16px;
        font-weight: normal;
    }

    .u-tab-content .ntitle-info {
        color: #999;
    }

    .u-tab-content p {
        margin: 0;
        padding: 3px 0;
        color: #444;
        font-size: 13px;
        line-height: 24px;
    }

.title-div {
    margin-top: 20px;
    border-top: 1px solid #f0f0f0;
    height: 26px;
    color: #6e717a;
}

    .title-div strong {
        float: left;
        margin-top: -16px;
        padding: 3px 10px 3px 0;
        background: #fbfbfb;
        font-size: 15px;
        _position: absolute;
    }

.head-box {
    padding: 10px;
    border: 1px solid #f6f6f6;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}

    .head-box .img-box {
        float: left;
        margin-right: 10px;
    }

        .head-box .img-box img {
            padding: 1px;
            width: 120px;
            height: 120px;
            border: 1px solid #f0f0f0;
        }

    .head-box .inner {
        float: left;
    }

        .head-box .inner h3 {
            margin-bottom: 15px;
            color: #004da0;
            font-size: 24px;
            font-weight: normal;
            line-height: 1.3em;
        }

        .head-box .inner p {
            color: #222;
            font-size: 14px;
            line-height: 24px;
        }

.head-inner {
    position: relative;
    margin: 20px 0 10px 0;
    padding: 10px;
    border: 1px solid #f6f6f6;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}

    .head-inner h3 {
        margin-bottom: 10px;
        padding-bottom: 8px;
        color: #004da0;
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
        border-bottom: 1px solid #f0f0f0;
    }

    .head-inner dl {
        display: block;
        float: left;
        width: 50%;
        line-height: 2.8em;
        font-size: 13px;
    }

        .head-inner dl dt {
            display: block;
            float: left;
            color: #666;
        }

        .head-inner dl dd {
            color: #999;
        }

.form-box {
    position: relative;
    padding: 10px;
    border: 1px solid #f6f6f6;
    background: #fff;
    font-size: 14px;
}

    .form-box dl {
        display: block;
        padding: 5px 0;
    }

        .form-box dl:after {
            clear: none;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        .form-box dl dt {
            display: block;
            float: left;
            width: 120px;
            line-height: 38px;
            min-height: 38px;
            color: #555;
            font-size: 13px;
            text-align: right;
            _position: absolute;
        }

        .form-box dl dd {
            position: relative;
            padding: 5px 0 5px 10px;
            line-height: 28px;
            min-height: 28px;
            color: #555;
            font-size: 13px;
            overflow: hidden;
            _margin-left: 120px;
        }

            .form-box dl dd label.radio {
                margin-right: 5px;
            }

.accept-box {
    padding: 0;
    background: #fff;
    border: 1px solid #f0f0f0;
}

    .accept-box dl {
        padding: 0;
    }

        .accept-box dl.head {
            position: relative;
            padding: 0;
            background: #fbfbfb;
            border-bottom: 1px solid #e8e8e8;
        }

            .accept-box dl.head .btn-pay {
                position: absolute;
                top: 6px;
                right: 6px;
                display: block;
                padding: 0 15px;
                color: #fff;
                font-size: 12px;
                height: 24px;
                line-height: 24px;
                background: #52A152;
                border: 1px solid #417F41;
                border-radius: 2px;
            }

.step-box {
    position: relative;
}

    .step-box ul {
        margin: 0 -40px 0 -10px;
    }

        .step-box ul li {
            position: relative;
            float: left;
            margin-right: -8px;
            width: 20%;
            text-align: center;
            color: #8c8c8c;
            font-size: 12px;
        }

            .step-box ul li .progress {
                color: #fff;
            }

                .step-box ul li .progress:after,
                .step-box ul li .progress:before {
                    position: absolute;
                    top: 0;
                    right: 0;
                    content: "";
                    width: 10px;
                    height: 20px;
                    background: url(../images/delivery.png) no-repeat 100% -60px;
                }

                .step-box ul li .progress:after {
                    right: 0;
                    background-position: 100% -20px;
                }

                .step-box ul li .progress:before {
                    left: 0;
                    background-position: 0 0;
                }

                .step-box ul li .progress .text {
                    display: block;
                    margin: 0 10px;
                    padding: 1px 10px;
                    background: #c3c3c3;
                    height: 18px;
                    line-height: 18px;
                }

            .step-box ul li.done .progress .text {
                background: #83bd39;
            }

            .step-box ul li.done .progress:before {
                background-position: 0 -40px;
            }

            .step-box ul li.done .progress:after {
                background-position: 100% -60px;
            }

            .step-box ul li.first .progress:before {
                display: none;
            }

            .step-box ul li.last .progress:after {
                display: none;
            }

            .step-box ul li .info {
                line-height: 20px;
            }

    .step-box.mini ul {
        margin: 0 -32px 0 -10px;
    }

        .step-box.mini ul li {
            width: 25%;
        }

/*头像上传*/
.avatar-img {
    display: block;
    margin: 20px 0;
    padding: 1px;
    width: 180px;
    height: 180px;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    background: #fff;
}

    .avatar-img img {
        width: 180px;
        height: 180px;
    }

.cropper-wraper {
    margin-top: 20px;
}

    .cropper-wraper .cropper-box {
        position: relative;
        float: left;
        margin-right: 20px;
        padding: 1px;
        width: 350px;
        height: 350px;
        text-align: center;
        border: 1px solid #f0f0f0;
        border-radius: 2px;
        background: #f4f4f4;
        text-align: center;
        vertical-align: middle;
    }

        .cropper-wraper .cropper-box div {
            margin: auto;
            vertical-align: middle;
        }

    .cropper-wraper .cropper-view {
        float: left;
        width: 184px;
    }

        .cropper-wraper .cropper-view .img-box {
            padding: 1px;
            width: 180px;
            height: 180px;
            border: 1px solid #f0f0f0;
            border-radius: 2px;
            background: #fff;
            overflow: hidden;
        }

            .cropper-wraper .cropper-view .img-box img {
                display: block;
                width: 180px;
                height: 180px;
            }

        .cropper-wraper .cropper-view .btn-box p {
            margin: 8px 0;
            text-align: center;
            color: #333;
            font-size: 13px;
            line-height: 24px;
        }

            .cropper-wraper .cropper-view .btn-box p.tip {
                text-align: left;
                color: #999;
                font-size: 13px;
                line-height: 22px;
            }

        .cropper-wraper .cropper-view .btn-box .btn {
            width: 100%;
            line-height: 34px;
            height: 36px;
        }

.ftable {
    width: 100%;
    border: 1px solid #f0f0f0;
    background: #fff;
}

.mtable {
    width: 100%;
    background: #fff;
    _width: auto;
}

    .mtable th, .ftable th {
        padding: 0.8em;
        color: #6e717a;
        font-size: 13px;
        font-weight: 400;
        background: #fbfbfb;
        border-bottom: 1px solid #e8e8e8;
    }

    .mtable td, .ftable td {
        padding: 0.8em;
        color: #333;
        font-size: 13px;
        border-bottom: 1px solid #F3F3F3;
    }

        .ftable td .img {
            padding: 1px;
            width: 60px;
            height: 60px;
            border: 1px solid #e8e8e8;
        }

        .ftable td s {
            color: #999;
            text-decoration: line-through;
        }

    .mtable .tr_odd_bg, .ftable .tr_odd_bg {
        background: #f9f9f9;
    }

.page-foot {
    clear: both;
    font-size: 13px;
    padding-top: 15px;
    height: 35px;
}

.page-btns {
    float: left;
}

    .page-btns a {
        color: #444;
        font-weight: bold;
        margin-right: 5px;
    }

    .page-btns .pipe {
        color: #cbcbcb;
        margin: 0 5px;
    }

.login-right h1 {
    margin-bottom: 20px;
    color: #555;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 30px;
    height: 30px;
    text-align: center;
}

.login-right li {
    position: relative;
    clear: both;
    margin-bottom: 10px;
    height: 50px;
    *display: inline;
    *zoom: 1;
}

    .login-right li label {
        position: absolute;
        top: 1px;
        left: 10px;
        width: 68px;
        height: 40px;
        line-height: 40px;
        color: #999;
        font-size: 14px;
    }

    .login-right li input {
        display: block;
        margin: 0;
        padding: 10px 10px 10px 80px;
        width: 208px;
        height: 20px;
        line-height: 20px;
        border: 1px solid #e8e8e8;
        background: #fbfcff;
        color: #333;
        font-size: 14px;
        border-radius: 3px;
    }

        .login-right li input:focus {
            border-color: #999;
        }

    .login-right li span {
        line-height: 24px;
    }

.login-right .btn-box .col {
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #555;
    font-size: 14px;
    line-height: 20px;
}

    .login-right .btn-box .col .submit {
        display: block;
        padding: 10px 20px;
        width: 100%;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        border: 0;
        background: #004da0;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
    }

.login-right .btn-box .tips {
    display: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    color: #f00;
}

.login-right .oauth-box {
    clear: both;
    padding-top: 20px;
}

    .login-right .oauth-box h3 {
        display: block;
        margin-bottom: 10px;
        color: #555;
        font-size: 14px;
        line-height: 30px;
        height: 30px;
        font-weight: normal;
    }

    .login-right .oauth-box p {
        margin-left: -25px;
    }

        .login-right .oauth-box p a {
            display: block;
            float: left;
            margin: 0 0 10px 25px;
            _display: inline;
            _zoom: 1;
        }

            .login-right .oauth-box p a img {
                width: 38px;
                height: 38px;
            }

.inner-box {
    margin: 30px 0;
    min-height: 350px;
    _height: 350px;
    border: 1px solid #f0f0f0;
    background: #fff;
    text-align: center;
}

    .inner-box .dl-list {
        margin: 0 auto;
        padding: 30px;
        text-align: left;
        width: 879px;
        font-size: 14px;
    }

        .inner-box .dl-list dl {
            clear: both;
            display: block;
            padding: 5px 0;
        }

            .inner-box .dl-list dl:after {
                clear: none;
                content: "";
                display: block;
                height: 0;
                visibility: hidden;
            }

            .inner-box .dl-list dl dt {
                display: block;
                padding: 5px 0;
                float: left;
                width: 30%;
                line-height: 42px;
                min-height: 42px;
                color: #555;
                text-align: right;
            }

            .inner-box .dl-list dl dd {
                position: relative;
                padding: 5px 0 5px 20px;
                line-height: 42px;
                min-height: 42px;
                color: #555;
                overflow: hidden;
                _margin-left: 120px;
            }

                .inner-box .dl-list dl dd .input {
                    padding: 10px;
                }

                .inner-box .dl-list dl dd a.send {
                    display: inline-block;
                    color: #555;
                    border: 1px solid #e8e8e8;
                    border-radius: 3px;
                    width: 110px;
                    height: 40px;
                    line-height: 40px;
                    color: #333;
                    font-size: 14px;
                    text-align: center;
                    background: #fff;
                    vertical-align: middle;
                }

                    .inner-box .dl-list dl dd a.send.gray {
                        color: #999;
                    }

                    .inner-box .dl-list dl dd a.send img {
                        margin-top: 9px;
                    }

                .inner-box .dl-list dl dd .input.code {
                    width: 84px;
                    ime-mode: disabled;
                    text-transform: uppercase;
                }

    .inner-box .tab-head {
        display: block;
        border-bottom: 1px solid #f0f0f0;
        background: #fbfbfb;
        overflow: hidden;
    }

        .inner-box .tab-head ul li {
            float: left;
            margin-left: -1px;
            border-left: 1px solid #f0f0f0;
            border-right: 1px solid #f0f0f0;
        }

            .inner-box .tab-head ul li a {
                display: block;
                padding: 0 30px;
                height: 50px;
                line-height: 50px;
                color: #555;
                font-size: 14px;
            }

                .inner-box .tab-head ul li a:hover, .inner-box .tab-head ul li a.selected {
                    color: #666;
                    background: #fff;
                    border-bottom: 2px solid #004da0;
                }

    .inner-box .tab-content {
        display: none;
    }

/*按钮样式*/
.btn {
    display: inline-block;
    margin: 0;
    padding: 0 25px;
    color: #fff;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.btn {
    background: #004da0;
    border: 1px solid #02598E;
    border-radius: 2px;
    vertical-align: middle;
}

    .btn:hover {
        color: #fff;
        opacity: 0.9;
    }

.btn-mini {
    height: 20px;
    line-height: 20px;
    padding: 1px 8px 0;
}

input.btn, button.btn {
    height: 40px;
    cursor: pointer;
    overflow: visible;
}

.btn-success {
    background: #004da0;
  
    text-shadow: 0 -1px 0 #004da0;
}

.btn-error {
    background: #CB423B;
    border: 1px solid #AA352F;
    text-shadow: 0 -1px 0 #CB423B;
}

.btn-gray {
    background: #ddd;
    border: 1px solid #A9A9A9;
    text-shadow: 0 -1px 0 #EEEEEE;
}

    .btn-gray, .btn-gray:hover {
        color: #777;
    }
/*标题样式*/
.main-tit {
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
}

    .main-tit h2 {
        display: block;
        padding-right: 10px;
        color: #666;
        font-size: 24px;
        font-weight: 400;
        line-height: 25px;
    }

.base-tit {
    border-bottom: 1px solid #f0f0f0;
    color: #004da0;
    line-height: 1em;
    font-size: 18px;
    font-weight: normal;
}

    .base-tit span {
        position: relative;
        top: 1px;
        display: inline-block;
        padding: 10px 0;
        border-bottom: 1px solid #004da0;
    }

    .base-tit i {
        float: right;
        padding: 10px 0;
        color: #999;
        font-size: 12px;
        line-height: 26px;
        font-style: normal;
    }

.bar-tit {
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e8e8e8;
    color: #6c6c6c;
    font-size: 18px;
}

/*文本框样式*/
input.wide {
    width: 250px;
}

input.txt {
    width: 200px;
}

input.small {
    width: 50px;
}

.input {
    display: inline;
    margin-right: 5px;
    padding: 7px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background: #fff;
    color: #999px;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
}

.select {
    padding: 7px;
    border: 1px solid #e8e8e8;
    line-height: 20px;
}

/*提示样式*/
.msg-tips {
    position: relative;
    margin: 30px auto;
    padding: 30px 0;
    width: 380px;
    font-size: 14px;
    text-align: left;
}

    .msg-tips .ico {
        display: block;
        float: left;
        background: url(../images/icon-tips.png) no-repeat left top;
        width: 46px;
        height: 46px;
        text-indent: -99999px;
        overflow: hidden;
    }

        .msg-tips .ico.error {
            background-position: -50px 0;
        }

        .msg-tips .ico.warning {
            background-position: -100px 0;
        }

    .msg-tips .msg {
        margin-left: 60px;
    }

        .msg-tips .msg strong {
            margin-bottom: 10px;
            color: #444;
            font-size: 15px;
        }

        .msg-tips .msg p {
            line-height: 1.8em;
        }

        .msg-tips .msg i {
            color: #f00;
            font-style: normal;
        }

.msg-tips1 {
    position: fixed;
    right: 0;
    top: 18%;
    margin: 30px auto;
    padding: 30px 20px;
    width: 313px;
    font-size: 14px;
    text-align: left;
}

    .msg-tips1 .ico {
        display: block;
        float: left;
        background: url(../images/icon-tips.png) no-repeat left top;
        width: 46px;
        height: 46px;
        text-indent: -99999px;
        overflow: hidden;
    }

        .msg-tips1 .ico.error {
            background-position: -50px 0;
        }

        .msg-tips1 .ico.warning {
            background-position: -100px 0;
        }

    .msg-tips1 .msg {
        margin-left: 60px;
    }

        .msg-tips1 .msg strong {
            margin-bottom: 10px;
            color: #444;
            font-size: 15px;
            line-height: 23px;
        }

        .msg-tips1 .msg p {
            line-height: 1.8em;
            margin-bottom: 10px;
        }

        .msg-tips1 .msg i {
            color: #f00;
            font-style: normal;
        }

.login-right {
    width: 300px;
    height: auto;
}

.info-wrap {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

.info-box {
    float: left;
    width: 200px;
    background: #eef8fa;
    border: 1px solid #e8ecef;
}

.NewsShowbg {
    background: #f5f5f5;
    padding: 50px 0;
    width: 100%;
}

.inquBg {
    height: 495px;
    padding: 36px 0;
    background: url(../images/bom-banner-top.png) no-repeat center;
    background-size: cover;
    background-position: center;
}

.inquBox {
}

    .inquBox h2 {
        line-height: 76px;
        font-weight: bold;
        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;
    margin-top: 28px;
}

.im_orderDiv1T {
    width: 100%;
    height: 27px;
    line-height: 27px;
    color: #004da0;
}

.im_orderDiv1B {
    width: 59%;
    height: 50px;
    margin: 0 21%;
    line-height: 50px;
    padding: 0 5px;
    position:relative;
    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 .upop{ opacity:0;}
.im_orderDiv1B .upop1{ border:none;  background: #414757; color:#fff; height:48px; line-height:48px;}

    .im_orderDiv1B input {
        float: left;
        width: 100%;
        border: 0;
        cursor: pointer;
        margin-top: 12px;
    }

.im_orderDiv2 {
    width: 100%;
    height: 45px;
    margin-top: 15px;
    text-align: center;
}

    .im_orderDiv2 input {
        border: none;
        height: 55px;
        padding: 0px 53px;
        color: #FFFFFF;
        background: #C00;
        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;
}

    .im_orderBtn1 a {
        display: inline-block;
        color: #0077e5;
        font-weight: bold;
        margin-left: 10px;
        font-size: 16px;
    }


.inHotProR .msg-tips1 {
    position: fixed;
    right: 0;
    top: 18%;
    margin: 30px auto;
    padding: 30px 20px;
    width: 313px;
    font-size: 14px;
    text-align: left;
}

    .inHotProR .msg-tips1 .ico {
        display: block;
        float: left;
        background: url(../images/icon-tips.png) no-repeat left top;
        width: 46px;
        height: 46px;
        text-indent: -99999px;
        overflow: hidden;
    }

        .inHotProR .msg-tips1 .ico.error {
            background-position: -50px 0;
        }

        .inHotProR .msg-tips1 .ico.warning {
            background-position: -100px 0;
        }

    .inHotProR .msg-tips1 .msg {
        margin-left: 60px;
    }

        .inHotProR .msg-tips1 .msg strong {
            margin-bottom: 10px;
            color: #444;
            font-size: 15px;
            line-height: 22px;
        }

        .inHotProR .msg-tips1 .msg p {
            line-height: 1.8em;
            margin-bottom: 10px;
        }

        .inHotProR .msg-tips1 .msg i {
            color: #f00;
            font-style: normal;
        }

.inHotProR .cart-info .btn-success {
    float: left;
}

.inHotProR .cart-info .btn-success1 {
    float: left;
    background: #ee0000;
    border: 1px solid #ee0000;
    text-shadow: 0 -1px 0 #ee0000;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

.parts-list .cart-info .btn-success {
    float: left;
}

.parts-list .cart-info .btn-success1 {
    float: left;
    background: #00b1eb;
    border: 1px solid #00b1eb;
    text-shadow: 0 -1px 0 #00b1eb;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}


.productshow_pay {
    width: 100%;
    height: auto;
    padding-top: 10px;
    clear: both;
    overflow: hidden;
    border-top: 1px dotted #ddd;
}

    .productshow_pay h3 {
        float: left;
        line-height: 46px;
    }

    .productshow_pay h3 {
        float: left;
    }

.goodsShow0818 {
    width: 1280px;
    height: auto;
    overflow: hidden;
}

.goodsShow0818L {
    float: left;
    width: 878px;
    height: auto;
    overflow: hidden;
}

.goodsShow0818Ltop {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
}

    .goodsShow0818Ltop a {
        display: block;
        float: left;
        width: auto;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-size: 18px;
        background: #eeeeee;
        padding: 0 25px;
        margin-right: 5px;
    }

    .goodsShow0818Ltop .tabs .thistab, .tabs .thistab a:hover {
        color: #FFFFFF;
        background: #004da0;
    }

.gs2List {
    width: 100%;
    height: auto;
    padding: 25px;
    box-sizing: border-box;
    line-height: 26px;
    border: 1px solid #eee;
    border-radius: 3px;
    border-top: none;
}

    .gs2List h2 {
        font-size: 24px;
        line-height: 42px;
    }

    .gs2List table {
        border: none;
        border-left: 0px;
        border-top: 0px;
        font-size: 14px;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box;
        border-spacing: 0;
    }

        .gs2List table th {
            border-right: 0px;
            border-bottom: 1px solid #ccc;
            padding: 8px 2px;
            word-wrap: break-word;
            text-align: left;
        }

        .gs2List table td {
            border-right: 0px;
            border-bottom: 1px solid #ccc;
            padding: 8px 2px;
            word-wrap: break-word;
        }

        .gs2List table tr {
            background: #fff;
        }

    .gs2List .parts-list table {
        border: 1px solid #ccc;
        font-size: 13px;
    }

        .gs2List .parts-list table th {
            text-align: center;
        }

        .gs2List .parts-list table td {
            font-size: 13px;
        }

.goodsShow0818R {
    float: right;
    width: 368px;
    height: auto;
    overflow: hidden;
}

.goodsShow0818R1 {
    float: right;
    width: 368px;
    height: auto;
    overflow: hidden;
    border: 1px solid #004da0;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

    .goodsShow0818R1 h2 {
        width: 100%;
        height: 41px;
        line-height: 41px;
        background: #004da0;
        color: #FFFFFF;
        text-align: center;
        font-weight: normal;
        font-size: 16px;
    }

.goodsShow0818R1box {
    width: 100%;
    height: auto;
    padding: 15px;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 26px;
}

    .goodsShow0818R1box img {
        padding: 10px 0;
        width: 100%;
        height: auto;
    }

    .goodsShow0818R1box a {
        display: block;
        text-align: center;
        color: #004da0;
        line-height: 32px;
    }

    .goodsShow0818R1box dl {
        width: 100%;
        padding-top: 10px;
        height: 42px;
    }

        .goodsShow0818R1box dl dt {
            width: 10%;
            float: left;
            text-align: center;
            height: 42px;
            line-height: 42px;
        }

            .goodsShow0818R1box dl dt i {
                font-size: 20px;
            }

        .goodsShow0818R1box dl dd {
            width: 85%;
            float: right;
            line-height: 21px;
        }

            .goodsShow0818R1box dl dd p {
                color: #004da0;
            }

                .goodsShow0818R1box dl dd p img {
                    width: 120px;
                    height: 120px;
                }

.hs-pdtags-list {
    width: 1280px;
    height: auto;
    background: #f7f7f7;
    padding: 25px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 3px;
}

    .hs-pdtags-list li {
        float: left;
        width: 33.3%;
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }

.goodsShow0818L2 {
    width: 878px;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    padding: 25px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #eee;
}

    .goodsShow0818L2 h2 {
        font-size: 24px;
        line-height: 42px;
    }

    .goodsShow0818L2 dl {
        width: 100%;
        height: auto;
        margin-top: 15px;
        float: left;
    }

        .goodsShow0818L2 dl dt {
            width: 20%;
            height: auto;
            float: left;
            overflow: hidden;
        }

            .goodsShow0818L2 dl dt img {
                width: 100%;
                height: auto;
            }

        .goodsShow0818L2 dl dd {
            width: 75%;
            height: auto;
            float: right;
            overflow: hidden;
        }

            .goodsShow0818L2 dl dd h4 {
                line-height: 42px;
                font-size: 18px;
                overflow: hidden;
            }

            .goodsShow0818L2 dl dd p {
                line-height: 26px;
                font-size: 14px;
                overflow: hidden;
            }

.FeaturedPro {
    width: 1280px;
    height: auto;
    overflow: hidden;
    padding: 25px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #eee;
}

    .FeaturedPro dl {
        float: left;
        width: 33.3%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .FeaturedPro dl dt {
            width: 20%;
            height: auto;
            box-sizing: border-box;
            border-radius: 3px;
            border: 1px solid #eee;
            float: left;
            text-align: center;
        }

            .FeaturedPro dl dt img {
                width: 90%;
                height: auto;
            }

        .FeaturedPro dl dd {
            width: 75%;
            margin-left: 5%;
            height: auto;
            box-sizing: border-box;
            float: left;
            overflow: hidden;
        }

            .FeaturedPro dl dd a {
                display: block;
                line-height: 24px;
                height: 24px;
                overflow: hidden;
            }

                .FeaturedPro dl dd a:first-child {
                    color: #004da0;
                }

.quaTit {
    width: 1280px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 35px 0;
}

    .quaTit span {
        padding: 0 15px;
        display: inline;
    }

.quaList1 {
    width: 1280px;
    height: auto;
}

    .quaList1 dl {
        float: left;
        width: 25%;
        height: 170px;
        text-align: center;
        overflow: hidden;
        text-align: center;
    }

        .quaList1 dl dt {
            width: 100%;
            height: auto;
        }

            .quaList1 dl dt img {
                width: 136px;
                height: 131px;
            }

        .quaList1 dl dd {
            width: 100%;
            height: 39px;
            line-height: 39px;
            font-size: 16px;
        }


.quaList2 {
    width: 1280px;
    height: 42px;
    padding: 35px 0;
}

    .quaList2 a {
        display: block;
        width: 180px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        background: #004da0;
        color: #fff;
        text-align: center;
        border-radius: 20px;
    }

        .quaList2 a:hover {
            background: #e6790e;
        }

.quaList3 {
    width: 1280px;
    height: auto;
    padding: 15px 0;
}

    .quaList3 dl {
        width: 380px;
        height: 390px;
        overflow: hidden;
        background: #f7f7f7;
        border-radius: 3px;
        float: left;
        margin: 10px 22px;
    }

        .quaList3 dl dt {
            width: 380px;
            height: 211px;
            overflow: hidden;
        }

            .quaList3 dl dt img {
                width: 380px;
                height: 211px;
            }

        .quaList3 dl dd {
            width: 380px;
            height: 179px;
            overflow: hidden;
            padding: 12px;
            line-height: 21px;
            box-sizing: border-box;
        }

            .quaList3 dl dd h4 {
                text-align: center;
                line-height: 22px;
                height: 22px;
                overflow: hidden;
                font-size: 18px;
            }

.quaList4 {
    width: 1280px;
    height: auto;
    padding: 15px 0;
}

    .quaList4 li {
        float: left;
        width: 176px;
        height: 240px;
        margin: 0 18px;
    }

        .quaList4 li img {
            width: 176px;
            height: 240px;
        }

.cart-fedBoxCon {
    width: 97%;
    padding-left: 3%;
    height: auto;
}

    .cart-fedBoxCon h4 {
        font-size: 18px;
        line-height: 32px;
    }

    .cart-fedBoxCon textarea {
        margin-top: 15px;
        box-sizing: border-box;
        width: 100%;
        height: 80px;
        padding: 10px;
        border: 1px solid #ced4da;
        border-radius: 3px;
    }

    .cart-fedBoxCon p {
        line-height: 32px;
        color: #999;
        margin-top: 10px;
    }

.SearchFed {
    width: 1280px;
    height: auto;
    border: 1px solid #eee;
    background: #f5f5f5;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 30px 150px;
}

    .SearchFed h2 {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .SearchFed dl {
        width: 100%;
        height: 42px;
        line-height: 42px;
        position: relative;
        padding: 10px 0;
    }

        .SearchFed dl dt {
            float: left;
            width: 108px;
            height: 42px;
        }

            .SearchFed dl dt b {
                color: #f00;
                padding-left: 5px;
            }

        .SearchFed dl dd {
            float: left;
            width: 799px;
            height: 42px;
        }

            .SearchFed dl dd input {
                width: 261px;
                height: 42px;
                line-height: 40px;
                border: 1px solid #ced4da;
                box-sizing: border-box;
                border-radius: 3px;
                padding: 0 20px;
                text-align: left;
            }


    .SearchFed li {
        width: 100%;
        height: 42px;
        margin-top: 20px;
        text-align: center;
    }

        .SearchFed li input {
            width: 200px;
            height: 42px;
            line-height: 42px;
            border: none;
            color: #fff;
            border-radius: 3px;
            font-size: 16px;
            background: #004da0;
        }

.AbsList{ width:1280px; height:auto; overflow:hidden; padding:30px 0;}
.AbsList dl{width:1280px; height:auto; margin-bottom:30px; float:left;}
.AbsList dl dt{ float:left; width:180px; text-align:center;}
.AbsList dl dt img{ width:120px; height:120px; padding-top:30px;}
.AbsList dl dd{ float:right; width:1050px; height:auto; overflow:hidden;}
.AbsList dl dd h4{ height:42px; line-height:42px; font-size:21px;}
.AbsList dl dd div{ height:auto; line-height:26px; font-size:14px;}
.PCBbox{ width:1280px; height:auto; padding:0 0 30px 0;}
#xx-pcb-form1{ border:1px solid #dee2e6; padding:15px;}
.Abinfo p b{ font-size:20px; padding-right:5px;}

#goodcover{display:none;position:absolute;top:0%;left:0%;width:100%;height:300%;background-color:#000;z-index:888;-moz-opacity:.8;opacity:.5;filter:alpha(opacity=80)}
#code{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: bold; color: #000000; text-align:center;}
.goodtxtinfo{ width: 90%; box-sizing: border-box; padding-right: 20px; line-height: 26px;  overflow: hidden;  height: auto;}
.relatnews{ width:1280px;}

@media (max-width: 767px) {

.HeaderM{box-sizing: content-box; display: block;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 94%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: 163px; height:50px; overflow: hidden; padding-top: 5px;}
.HeaderM .logo a{ display: block; overflow: hidden;   width: 163px; height:50px;}
.HeaderM .logo a img{  width: 163px; height:50px; }
.m-menu{float: right;width: 30px; padding-top: 15px;}
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.m-menu .drop-down{display: none;position: fixed;top: 61px;left: 0;right: 0;background: #ffffff;height: calc(100vh);z-index: 10;text-align: center;padding: 30px 5%; overflow-y: auto;z-index: 12;}
.m-menu .drop-down::-webkit-scrollbar{display: none;}
.m-menu .drop-down>ul>li{line-height: 42px;border-bottom: 1px solid #eeeeee;}
.m-menu .drop-down>ul>li>a{font-size: 16px;color: #000;display: block;}
.m-menu .subnav{padding-bottom: 24px;display: none;}
.m-menu .subnav a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #333333;}
.m-menu .drop-down .form{border: 1px solid #e5e5e5;display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}
.m-menu .drop-down .text{display: inline-block;vertical-align: top;width: 230px;height: 30px;margin-top: 6px;padding: 0 5px; border: none;}
.m-menu .drop-down .submit{display: inline-block;vertical-align: top;width: 45px; border: none; background: url(../images/icon2.jpg) center center no-repeat;font-size: 0;height: 43px;border-left: 1px solid #e5e5e5;cursor: pointer;}


.client-2{ display: none;}
.Topbg{ display: none;}
.Header{ display: none;}
.NavBg{ display: none;}
.banner2{ margin-top:61px; width:100%; height:200px; }
.banner2 img{ width:100%; height:200px;}
.banner2TXT{ text-align:center; width:100%; height:200px; line-height:200px; font-size:2rem; color:#fff; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);}    

.main_visual .owl-dots{ width: 100%; text-align: center; height: 8px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 4px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 14px; height: 8px; background:#FFFFFF; border-radius: 10px;}

.main_visual .owl-carousel .item img.Bpic{ display: none;}
.main_visual .owl-carousel .item img.Bmpic{ display:block;}


.Banner{  width: 100%; height: auto; overflow: hidden; margin-top: 61px; padding-left:0;}

.in1Box{ display: none;}


.inBg{ width: 100%; height: auto; background: #f6f9fc; padding: 20px 0;}

.inTit{ width:94%; height: 60px; line-height: 60px; margin-top: 0; overflow: hidden; font-size: 1rem; color: #000000; font-weight: bold;}
.inTit a{  font-size: 0.9rem;} 


.inAd{ width: 94%; height: auto;}


.inProList{ width: 94%; height: auto; }
.inProList dl{ float: left; width: 50%; text-align: center; height: auto; padding-bottom: 15px; background: #FFFFFF; position: relative; transition: all ease .5s;}
.inProList dl dt{ width: 100%; height: auto; margin-top: 5px;}
.inProList dl dt img{ width: 140px; height: 140px; overflow: hidden;}


.inBrandList{ width: 94%; height: auto; overflow: hidden;}
.inBrandList a{ display: block; float: left; width: 33.3%; height: auto; background: #FFFFFF; padding: 25px 0; text-align: center;}
.inBrandList a img{ width: 100%; height: auto;}

.inNewsList{ width: 94%; height: auto;}
.inNewsList dl{ float: none; width: 100%; height: auto; background: #FFFFFF; box-shadow:0 0 10px #CCCCCC;  border-radius: 5px; margin-left: 0; margin-bottom: 15px;}
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl dt{width: 100%; height: auto;  overflow: hidden;}
.inNewsList dl dt img{ width: 100%; height: auto;  border-radius: 5px 5px 0 0;}
.inNewsList dl dd{ width: 100%; height: auto; box-sizing: border-box; padding: 20px;}
.inNewsList dl dd h4{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}
.inNewsList dl dd p{ line-height: 24px; color: #999999; padding-top: 10px;}




.footerBg{ display: none;}
.footernav{ display: none; }

.footerCopy{ width: 94%; line-height: 28px;}


 .wz {
        width: 94%;
        height: auto;
        padding: 10px 0;
        line-height: 22px;
        overflow: hidden;
        margin-top: 20px;
    }

    .pt61 {
        padding-top: 61px;
    }

    .AbTit {
        width: 94%;
        height: 50px;
        line-height: 50px;
        text-align: left;
        font-size: 1.2rem;
        color: #333333;
        padding-top: 0px;
    }

    .brands_featured {
        width: 94%;
    }

        .brands_featured a {
            width: 32%;
            height: 4rem;
            margin-right: 2%;
            margin-bottom: 0.5rem;
        }

            .brands_featured a:nth-child(7n) {
                margin-right: 2%;
            }

            .brands_featured a:nth-child(3n) {
                margin-right: 0
            }

            .brands_featured a img {
                width: 100%;
                height: auto
            }

    .Abinfo {
        padding-bottom: 50px;
        overflow: hidden;
        line-height: 26px;
        width: 94%;
    }

        .Abinfo img {
            max-width: 100%;
            height: auto;
        }

    .NewsShowbg {
        padding-top: 110px;
    }

    .inner-box .dl-list {
        width: 94%;
        padding: 30px 0;
    }

    .goodsCateBox {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

        .goodsCateBox dl {
            width: 100%;
            float: none;
            height: auto;
            border: 1px solid #DEDEDE;
            margin: 3% 0;
            box-sizing: border-box;
            text-align: center;
            border-radius: 3px;
        }

            .goodsCateBox dl dt {
                width: 100%;
                height: auto; padding:15px 0; text-align:center;
            }

                .goodsCateBox dl dt img {
                    width: 48px;
                    height: 48px; float:none;
                    padding-top: 0; padding-left:0;
                }
                
                .goodsCateBox dl dt h4 {
                    width: 100%;
                    display:block;
                    height: 22px;
                    float:none; padding-left:0;
                    line-height: 22px;
                    font-weight: normal;
                    font-size: 16px;
                    color: #004da0;
                    overflow: hidden;
                }

                .goodsCateBox dl dt p {
                    font-size: 13px; padding-left:0; float:none;
                      display:block;
                    line-height: 20px;
                }


            .goodsCateBox dl dd {
                width: 100%;
                height: 253px;
                padding: 10px 0;
                background: #f5f5f5;
                overflow: hidden;
            }

                
                .goodsCateBox dl dd ul {
                    width: 94%;
                    height: 240px;
                    margin-top: 7px;
                    overflow-y: auto;
                    font-size: 13px;
                }

                      .goodsCateBox dl dd ul li {
                    line-height: 26px; float:none; width:100%; text-align:left;
                }

    .contactBox {
        width: 96%;
        height: auto;
        overflow: hidden;
    }

        .contactBox dl {
            float: none;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
            padding: 10px 20px;
        }

            .contactBox dl dt {
                width: 100%;
                height: auto;
            }

            .contactBox dl dd {
                width: 100%;
                height: auto;
                padding-top: 10px;
            }

                .contactBox dl dd h4 {
                    font-size: 1rem;
                    line-height: 32px;
                    color: #333333;
                }

                .contactBox dl dd p {
                    line-height: 22px;
                }


    .conMap {
        width: 100%;
        height: 250px;
        overflow: hidden;
        margin-top: 15px;
    }

    .conFed {
        width: 96%;
        height: auto;
        overflow: hidden;
    }

        .conFed dl {
            width: 100%;
            height: auto;
        }

            .conFed dl dt {
                width: 100%;
                height: 42px;
                line-height: 42px;
                font-size: 16px;
            }

            .conFed dl dd {
                width: 100%;
                height: 42px;
            }

                .conFed dl dd input {
                    width: 100%;
                    padding: 0 15px;
                    height: 42px;
                    border: 1px solid #dedede;
                    box-sizing: border-box;
                    line-height: 42px;
                    border-radius: 5px;
                }

                .conFed dl dd textarea {
                    width: 100%;
                    padding: 15px;
                    height: 80px;
                    border: 1px solid #dedede;
                    box-sizing: border-box;
                    line-height: 24px;
                    border-radius: 5px;
                }

        .conFed li {
            width: 100%;
            height: 42px;
            margin-top: 20px;
        }

            .conFed li input {
                width: 100%;
                height: 42px;
                line-height: 42px;
                border: none;
                background: #004da0;
                color: #FFFFFF;
                font-size: 16px;
                border-radius: 5px;
            }


    .NewsList {
        width: 96%;
        height: auto;
       
    }

.NewsList dl{ float: none; width: 100%; height: auto; background: #FFFFFF; box-shadow:0 0 10px #CCCCCC;  border-radius: 5px; margin-left: 0; margin-bottom: 15px;}
.NewsList dl dt{width: 100%; height: auto;  overflow: hidden;}
.NewsList dl dt img{ width: 100%; height: auto;  border-radius: 5px 5px 0 0;}
.NewsList dl dd{ width: 100%; height: auto; box-sizing: border-box; padding: 20px;}
.NewsList dl dd h4{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}
.NewsList dl dd p{ line-height: 24px; color: #999999; padding-top: 10px;}

    .NewsShow {
        width: 96%;
        height: auto;
        overflow: hidden;
        padding: 25px 0;
    }

    .NewsTit {
        width: 100%;
        line-height: 32px;
        font-size: 1.3rem;
        color: #333333;
        text-align: center;
    }

    .NewsShowInfo {
        width: 100%;
        height: auto;
        padding-top: 30px;
        line-height: 26px;
    }

        .NewsShowInfo img {
            max-width: 100%;
            height: auto;
        }



    .words {
        border: 1px solid #DCDCDC;
        height: auto;
        line-height: 38px;
        margin-bottom: 20px;
        padding: 1px 0;
        text-align: center;
        width: 96%;
        box-sizing: border-box;
        position: relative;
        z-index: 999;
    }

        .words a {
            color: #000000;
            display: inline;
            font-size: 15px;
            font-weight: bold;
            margin: 0 1px;
            padding: 9px 13px;
            text-align: center;
            text-decoration: none;
        }

            .words a:hover {
                color: #FFFFFF;
                background-color: #004da0;
            }
  /*mfg*/
.mfg{border: 1px solid #DCDCDC;margin-bottom: 30px;  width: 96%;  box-sizing:border-box;}
.mfg h3{background-color: #E0E4E9;font-size: 1rem;font-weight: bold;height: 32px;line-height: 32px;padding-left: 10px;}
.mfg ul{padding:10px;}
.mfg li{float: left;font-size: 0.9rem;line-height: 26px; min-height:26px; overflow:hidden; width: 50%;}
.mfg li a{color: #004B85;}
.mfg li s{color: #AAAAAA;text-decoration: none;}
  

    /*details*/
    .mfg-details {
        border: 1px solid #CCCCCC;
        padding: 10px;
        margin-bottom: 15px;
        width: 96%;
        margin-top: 30px;
        box-sizing: border-box;
    }

        .mfg-details .cover {
            float: none;
            width: 100%;
        }

            .mfg-details .cover img {
                border: 1px solid #CCCCCC;
                display: block;
                max-width: 250px;
            }

        .mfg-details h2 {
            border-bottom: 1px solid #CCCCCC;
            font-size: 18px;
            font-weight: bold;
            line-height: 40px;
            margin-bottom: 5px;
            padding-left: 2px;
            color: #333333;
        }

        .mfg-details .text {
            float: none;
            width: 100%;
            font-size: 14px;
            line-height: 22px;
        }

    .parts-list {
        width: 96%;
        overflow-y: auto;
    }



    .Topbg {
        display: none
    }
    /*products list*/
    .category {
        width: 96%;
    }

        .category h1 {
            color: #000000;
            background-color: #E0E4E9;
            font-size: 1.1rem;
            height: 36px;
            line-height: 36px;
            padding-left: 15px;
            position: relative;
        }

            .category h1 a {
                color: #000000;
            }

            .category h1 img {
                border: 4px solid #E0E4E9;
                float: left;
                margin-left: -10px;
                margin-right: 9px;
                margin-top: -30px;
                max-height: 60px;
            }

            .category h1 s {
                color: #FFFFFF;
                font-size: 13px;
                font-weight: normal;
                position: absolute;
                right: 30px;
                text-decoration: none;
                top: 0;
            }

            .category h1 b {
                font-weight: bold;
            }

        .category ul {
            border: 1px solid #CCCCCC;
            line-height: 24px;
            margin-bottom: 40px;
            padding: 10px;
            box-sizing: border-box;
        }

            .category ul li {
                display: inline;
                float: left;
                width: 100%;
                height: 26px;
                line-height: 26px;
                overflow: hidden;
            }

                .category ul li a {
                    color: #004B85;
                    padding: 0;
                    text-decoration: none;
                }

                    .category ul li a:hover {
                        text-decoration: underline;
                    }

                .category ul li s {
                    color: #AAAAAA;
                    margin-left: 5px;
                    text-decoration: none;
                }
    /*product details*/
    .parts-details .parts-name {
        color: #034175;
        font-size: 25px;
        font-weight: bold;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .details-left {
        display: inline;
        float: left;
        width: 890px;
    }

        .details-left .info {
            border: 1px solid #CCCCCC;
        }

            .details-left .info .cover {
                float: left;
                margin-right: 15px;
                text-align: center;
                width: 250px;
                height: 250px;
                margin-top: 10px;
            }

                .details-left .info .cover img {
                    display: block;
                    margin: 0 auto;
                }

                    .details-left .info .cover img.manufacturers {
                        max-width: 95%;
                        margin-top: 10px;
                    }

            .details-left .info .info-more {
                float: left;
                padding-top: 10px;
                width: 600px;
            }

    .info dl {
        clear: both;
        line-height: 24px;
    }

    .info dt {
        color: #202020;
        display: inline;
        float: left;
        font-weight: bold;
        width: 143px;
    }

    .info dd {
        display: inline;
        float: left;
        font-size: 14px;
        width: 450px;
    }

        .info dd.pdf a {
            background-image: url("../images/pdf.png");
            background-repeat: no-repeat;
            display: inline;
            float: left;
            padding-left: 30px;
        }

    .info .text {
        clear: both;
        color: #656565;
        line-height: 22px;
        padding-left: 15px;
        padding-top: 10px;
    }

    .info .download {
        clear: both;
        padding-top: 15px;
    }

        .info .download a {
            font-size: 14px;
            text-decoration: underline;
        }

    .details-left .rfq-div {
        background-color: #F5F5F5;
        border-bottom: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        height: 40px;
        line-height: 40px;
        position: relative;
        margin-bottom: 15px;
    }

        .details-left .rfq-div a.rfq {
            background-color: #0093E6;
            border-radius: 5px;
            box-shadow: 0 0 3px #003763 inset;
            color: #FFFFFF;
            height: 30px;
            left: 10px;
            line-height: 30px;
            padding: 0 58px;
            position: absolute;
            text-decoration: none;
            text-transform: uppercase;
            top: 5px;
        }

            .details-left .rfq-div a.rfq:hover {
                background-color: #003763;
                box-shadow: 0 0 3px #FFFFFF inset;
            }

    .clearAfter::after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
    }



    /*product list*/
    .parts-list table {
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        border-spacing: 0;
        width: 96%;
    }

    .parts-list th {
        border: 1px solid #CCCCCC;
        background-color: #E0E4E9;
        color: #000000;
        font-size: 0.9rem;
        padding: 3px 0;
        text-align: center;
    }

    .parts-list td {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        color: #042437;
        font-size: 0.8rem;
        padding: 3px 0;
        text-align: center;
        vertical-align: middle;
    }

        .parts-list td img {
            max-width: 40px;
        }

        .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: bold;
                color: #004480;
                font-size: 12px;
            }

        .parts-list td a.mfg {
            color: #004480;
            font-size: 12px;
        }

        .parts-list td a.view {
            background-color: #004da0;
            border-radius: 5px;
            box-shadow: 0 1px 2px #FFFFFF inset;
            color: #FFFFFF;
            font-size: 14px;
            padding: 0; display:block;
            text-decoration: none;
        }

            .parts-list td a.view:hover {
                background-color: #004da0;
                color: #FFFFFF;
            }

    .mdis {
        display: none
    }

    .parts-list td a.view i {
        display: none
    }


    .cart-step {
        width: 96%;
        height: auto;
        overflow: hidden;
    }

        .cart-step img {
            width: 100%;
            height: auto;
        }

    .cart-tips {
        width: 96%;
        height: auto;
        line-height: 28px;
        margin-top: 20px;
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
    }


    .cart-from {
        width: 96%;
        height: auto;
        margin-top: 20px;
        box-sizing: border-box;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
    }

    #inputHtml tr > th {
        background: #004da0;
        color: #fff;
        height: 38px;
        line-height: 38px;
    }

    .cart-from table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }



        .cart-from table input {
            width: 70%;
            padding: 0 5%;
            margin: 10px 0;
            border: 1px solid #DEDEDE;
            height: 28px;
            line-height: 28px;
        }

        .cart-from table tr {
            border: 1px solid #DEDEDE;
        }

        .cart-from table input.checkall {
            width: 10px;
            float: left
        }

        .cart-from table button {
            width: 34px;
            height: 30px;
            border: none;
            background: url(../images/cartDe.jpg) no-repeat;
        }

    .cart-button {
        padding: 10px;
    }

        .cart-button button {
            width: 106px;
            height: 30px;
            line-height: 30px;
            border: none;
            background: #004da0;
            color: #FFFFFF;
            border-radius: 3px;
        }

    .cart-fed {
        width: 96%;
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #DEDEDE;
        border-radius: 3px;
        margin-top: 20px;
    }

        .cart-fed h2 {
            font-weight: normal;
            color: #333333;
            font-size: 1rem;
        }

    .cart-fedBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 20px 0;
    }

    .cart-fedBoxL {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .cart-fedBoxL dl {
            width: 100%;
            line-height: 34px;
            margin-top: 0;
        }

            .cart-fedBoxL dl dt {
                float: none;
                width: 100%;
                padding-left: 0;
                height: 34px;
                overflow: hidden;
                font-weight: bold;
                color: #333333;
            }

            .cart-fedBoxL dl dd {
                float: none;
                width: 100%;
                min-height: 36px;
                overflow: hidden;
            }

                .cart-fedBoxL dl dd input {
                    width: 100%;
                    height: 34px;
                    box-sizing: border-box;
                    padding: 0 15px;
                    border: 1px solid #DEDEDE;
                    border-radius: 3px;
                }

                .cart-fedBoxL dl dd textarea {
                    border: 1px solid #DEDEDE;
                    border-radius: 3px;
                    width: 100%;
                    height: 80px;
                    padding: 15px;
                    box-sizing: border-box;
                }

                .cart-fedBoxL dl dd select {
                    width: 100%;
                    height: 34px;
                    box-sizing: border-box;
                    padding: 0 15px;
                    border: 1px solid #DEDEDE;
                    border-radius: 3px;
                }

    .cart-fedBtn {
        width: 100%;
        height: 34px;
        padding-top: 20px;
        border-top: 1px solid #EEEEEE;
        text-align: center;
    }

        .cart-fedBtn button {
            width: 60%;
            height: 34px;
            background: #004da0;
            border: none;
            color: #FFFFFF;
            border-radius: 3px;
        }



    .message {
        margin: 0 auto;
        width: 96%;
    }


    .goodsWartinfo {
        width: 96%;
        height: auto;
        padding: 15px;
        line-height: 26px;
        box-sizing: border-box;
        border: 1px solid #DEDEDE;
        background: #f7f7f7;
        margin-bottom: 20px;
        border-radius: 5px;
    }

        .goodsWartinfo a {
            font-weight: bold;
            color: #004da0;
        }


    .productshow1 {
        width: 96%;
        height: auto;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .productshow_box {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .productshow_img {
        float: none;
        width: 100%;
        height: auto;
    }

        .productshow_img img {
            width: 99%;
            height: auto;
            border: 1px solid #DEDEDE;
        }

        .productshow_img .pic {
            position: absolute;
            left: 108px;
            top: 127px;
        }

            .productshow_img .pic img {
                width: 151px;
                height: auto;
                border: 0px;
            }

    .productshow_spec {
        float: none;
        width: 100%;
        height: auto;
    }

        .productshow_spec h2 {
            font-weight: normal;
            color: #333333;
            font-size: 1.4rem; padding:10px 0;
        }

        .productshow_spec dl {
            width: 100%;
            height: 30px;
            line-height: 30px;
            border-top: 1px solid #DEDEDE;
        }

            .productshow_spec dl dt {
                float: left;
                width: 35%;
                height: 30px;
                overflow: hidden;
            }

            .productshow_spec dl dd {
                float: left;
                width: 65%;
                height: 30px;
                overflow: hidden;
            }

                .productshow_spec dl dd a {
                    font-weight: bold;
                    color: #004da0;
                }

                    .productshow_spec dl dd a img {
                        vertical-align: middle;
                        width: 20px;
                        height: 20px;
                        padding-right: 10px;
                    }

    .productshow_quote {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        border: 1px solid #004da0;
        border-radius: 3px;
        margin-top: 20px;
          box-sizing: border-box;
    }

        .productshow_quote h2 {
            width: 100%;
            height: 41px;
            line-height: 41px;
            background: #004da0;
            color: #FFFFFF;
            text-align: center;
            font-weight: normal;
            font-size: 16px;
        }

    .productshow_quotebox {
        width: 100%;
        height: auto;
        padding: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

        .productshow_quotebox dl {
            width: 326px;
            height: 34px;
            overflow: hidden;
            margin-bottom: 8px;
        }

            .productshow_quotebox dl dt {
                float: left;
                width: 100px;
                height: 34px;
                line-height: 34px;
                overflow: hidden;
                font-weight: bold;
                color: #333333;
            }

            .productshow_quotebox dl dd {
                float: left;
                width: 216px;
                height: 34px;
                overflow: hidden;
            }

                .productshow_quotebox dl dd input {
                    border: 1px solid #DEDEDE;   box-sizing: border-box;
                    border-radius: 3px;
                    width: 194px;
                    height: 32px;
                    padding: 0 10px;
                }

                .productshow_quotebox dl dd textarea {
                    border: 1px solid #DEDEDE;    box-sizing: border-box;
                    border-radius: 3px;
                    width: 194px;
                    height: 58px;
                    padding: 10px;
                }

        .productshow_quotebox li {
            width: 338px;
            height: 34px;
            overflow: hidden;
            text-align: center;
        }

            .productshow_quotebox li input {
                width: 145px;
                height: 34px;
                line-height: 34px;
                background: #004da0;
                color: #FFFFFF;
                border: none
            }


    .goodsSpeTit {
        width: 96%;
        box-sizing: border-box;
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
        background: #eeeeee;
        border-radius: 5px;
        font-size: 18px;
    }

    .goodsSpeBox {
        width: 96%;
        height: auto;
        box-sizing: border-box;
        padding: 25px 0;
    }

        .goodsSpeBox dl {
            width: 100%;
            height: 36px;
            line-height: 36px;
            border-bottom: 1px solid #ccc;
        }

            .goodsSpeBox dl dt {
                float: left;
                width: 25%;
                height: 36px;
                overflow: hidden;
                font-weight: bold;
            }

            .goodsSpeBox dl dd {
                float: left;
                width: 75%;
                height: 36px;
                overflow: hidden;
            }

                .goodsSpeBox dl dd a {
                    font-weight: bold;
                    color: #004da0;
                }

        .goodsSpeBox table {
            border: none;
            border-left: 0px;
            border-top: 0px;
            font-size: 14px;
            table-layout: fixed;
            width: 100%;
            box-sizing: border-box;
            border-spacing: 0;
        }

            .goodsSpeBox table th {
                border-right: 0px;
                border-bottom: 1px solid #ccc;
                padding: 8px 2px;
                word-wrap: break-word;
                text-align: left;
            }

            .goodsSpeBox table td {
                border-right: 0px;
                border-bottom: 1px solid #ccc;
                padding: 8px 2px;
                word-wrap: break-word;
            }

            .goodsSpeBox table tr {
                background: #fff;
            }

    .productshow_pay {
        display: none;
    }

    .inquBg {
        height: auto;
        margin-top: 61px;
        padding: 80px 0 230px 0;
        background: url(../images/bom-banner-top.png) no-repeat center;
        background-size: cover;
        background-position: center;
    }

    .inquBox {
    }

        .inquBox h2 {
            line-height: 30px;
            font-weight: bold;
            font-size: 1.4rem;
            text-align: center;
            color: #fff;
        }

        .inquBox h3 {
            line-height: 26px;
            font-weight: 100;
            font-size: 1rem;
            text-align: center;
            color: #fff
        }

        .inquBox p {
            line-height: 26px;
            font-weight: 100;
            font-size: 1rem;
            text-align: center;
            color: #fff;
        }

    .bomBox {
        overflow: hidden;
        background: url(../images/upload-bg.png) no-repeat center;
        margin: 0 auto;
        width: 90%;
        box-sizing: border-box;
        padding: 20px;
        margin-top: 12px;
        border-radius: 10px;
    }

    .im_orderDiv1 {
        width: 100%;
        height: 50px;
        text-align: center;
        margin-top: 28px;
    }

    .im_orderDiv1T {
        width: 100%;
        height: 27px;
        line-height: 27px;
        color: #004da0;
    }

    .im_orderDiv1B {
        width: 80%;
        height: 50px;
        margin: 0 10%;
        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;
            margin-top: 12px;
        }

    .im_orderDiv2 {
        width: 100%;
        height: 45px;
        margin-top: 15px;
        text-align: center;
    }

        .im_orderDiv2 input {
            border: none;
            height: 55px;
            padding: 0px 53px;
            color: #FFFFFF;
            background: #C00;
            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;
    }

        .im_orderBtn1 a {
            display: inline-block;
            color: #0077e5;
            font-weight: bold;
            margin-left: 10px;
            font-size: 16px;
        }


    .goodsShow0818 {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

    .goodsShow0818L {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .goodsShow0818Ltop {
        width: 100%;
        height: 42px;
        line-height: 42px;
        border-bottom: 1px solid #eee;
    }

        .goodsShow0818Ltop a {
            display: block;
            float: left;
            width: auto;
            height: 42px;
            line-height: 42px;
            text-align: center;
            font-size: 0.9rem;
            background: #eeeeee;
            padding: 0 3px;
            margin-right: 2px;
        }

    .gs2List {
        width: 100%;
        height: auto;
        padding: 15px;
        box-sizing: border-box;
        line-height: 26px;
        border: 1px solid #eee;
        border-radius: 3px;
        border-top: none;
    }

        .gs2List h2 {
            font-size: 1.2rem;
            line-height: 42px;
        }

        .gs2List table {
            border: none;
            border-left: 0px;
            border-top: 0px;
            font-size: 14px;
            table-layout: fixed;
            width: 100%;
            box-sizing: border-box;
            border-spacing: 0;
        }

            .gs2List table th {
                border-right: 0px;
                border-bottom: 1px solid #ccc;
                padding: 8px 2px;
                word-wrap: break-word;
                text-align: left;
            }

            .gs2List table td {
                border-right: 0px;
                border-bottom: 1px solid #ccc;
                padding: 8px 2px;
                word-wrap: break-word;
            }

            .gs2List table tr {
                background: #fff;
            }

        .gs2List .parts-list table {
            border: 1px solid #ccc;
            font-size: 13px;
        }

            .gs2List .parts-list table th {
                text-align: center;
            }

            .gs2List .parts-list table td {
                font-size: 13px;
            }

    .goodsShow0818R {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .goodsShow0818R1 {
        float: none;
        width: 100%;
        hheight: auto;
        overflow: hidden;
        border: 1px solid #004da0;
        border-radius: 3px;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

        .goodsShow0818R1 h2 {
            width: 100%;
            height: 41px;
            line-height: 41px;
            background: #004da0;
            color: #FFFFFF;
            text-align: center;
            font-weight: normal;
            font-size: 1rem;
        }

    .goodsShow0818R1box {
        width: 100%;
        height: auto;
        padding: 15px;
        overflow: hidden;
        box-sizing: border-box;
        line-height: 24px;
    }

        .goodsShow0818R1box img {
            padding: 10px 0;
            width: 100%;
            height: auto;
        }

        .goodsShow0818R1box a {
            display: block;
            text-align: center;
            color: #004da0;
            line-height: 32px;
        }

        .goodsShow0818R1box dl {
            width: 100%;
            padding-top: 10px;
            height: 42px;
        }

            .goodsShow0818R1box dl dt {
                width: 10%;
                float: left;
                text-align: center;
                height: 42px;
                line-height: 42px;
            }

                .goodsShow0818R1box dl dt i {
                    font-size: 20px;
                }

            .goodsShow0818R1box dl dd {
                width: 85%;
                float: right;
                line-height: 21px;
            }

                .goodsShow0818R1box dl dd p {
                    color: #004da0;
                }

                    .goodsShow0818R1box dl dd p img {
                        width: 120px;
                        height: 120px;
                    }

    .hs-pdtags-list {
        width: 94%;
        height: auto;
        background: #f7f7f7;
        padding: 15px;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 3px;
    }

        .hs-pdtags-list li {
            float: none;
            width: 100%;
            height: 30px;
            line-height: 30px;
            overflow:hidden;
            font-size: 0.9rem;
        }

    .goodsShow0818L2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
        padding: 15px;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #eee;
        margin-bottom: 15px;
    }

        .goodsShow0818L2 h2 {
            font-size: 1.2rem;
            line-height: 32px;
        }

        .goodsShow0818L2 dl {
            width: 100%;
            height: auto;
            margin-top: 15px;
            float: left;
        }

            .goodsShow0818L2 dl dt {
                width: 20%;
                height: auto;
                float: left;
                overflow: hidden;
            }

                .goodsShow0818L2 dl dt img {
                    width: 100%;
                    height: auto;
                }

            .goodsShow0818L2 dl dd {
                width: 75%;
                height: auto;
                float: right;
                overflow: hidden;
            }

                .goodsShow0818L2 dl dd h4 {
                    line-height: 42px;
                    font-size: 18px;
                    overflow: hidden;
                }

                .goodsShow0818L2 dl dd p {
                    line-height: 22px;
                    font-size: 14px;
                    overflow: hidden;
                }

    .FeaturedPro {
        width: 94%;
        height: auto;
        overflow: hidden;
        padding: 15px;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #eee;
    }

        .FeaturedPro dl {
            float: none;
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 5px;
        }

            .FeaturedPro dl dt {
                width: 20%;
                height: auto;
                box-sizing: border-box;
                border-radius: 3px;
                border: 1px solid #eee;
                float: left;
                text-align: center;
            }

                .FeaturedPro dl dt img {
                    width: 90%;
                    height: auto;
                }

            .FeaturedPro dl dd {
                width: 75%;
                margin-left: 5%;
                height: auto;
                box-sizing: border-box;
                float: left;
                overflow: hidden;
            }

                .FeaturedPro dl dd a {
                    display: block;
                    line-height: 21px;
                    height: 21px;
                    overflow: hidden;
                }

                    .FeaturedPro dl dd a:first-child {
                        color: #004da0;
                    }


    .quaTit {
        width: 100%;
        height: 26px;
        line-height: 26px;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 15px 0;
    }

        .quaTit span {
            display: none;
        }

    .quaList1 {
        width: 100%;
        height: auto;
    }

        .quaList1 dl {
            float: left;
            width: 50%;
            height: 170px;
            text-align: center;
            overflow: hidden;
            text-align: center;
        }

            .quaList1 dl dt {
                width: 100%;
                height: auto;
            }

                .quaList1 dl dt img {
                    width: 136px;
                    height: 131px;
                }

            .quaList1 dl dd {
                width: 100%;
                height: 39px;
                line-height: 39px;
                font-size: 16px;
            }


    .quaList2 {
        width: 100%;
        height: 42px;
        padding: 15px 0;
    }

        .quaList2 a {
            display: block;
            width: 180px;
            height: 42px;
            line-height: 42px;
            font-size: 16px;
            background: #004da0;
            color: #fff;
            text-align: center;
            border-radius: 20px;
        }

            .quaList2 a:hover {
                background: #e6790e;
            }

    .quaList3 {
        width: 94%;
        height: auto;
        padding: 15px 0;
    }

        .quaList3 dl {
            width: 100%;
            height: auto;
            overflow: hidden;
            background: #f7f7f7;
            border-radius: 3px;
            float: left;
            margin: 10px 0;
        }

            .quaList3 dl dt {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .quaList3 dl dt img {
                    width: 100%;
                    height: auto;
                }

            .quaList3 dl dd {
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 12px;
                line-height: 21px;
                box-sizing: border-box;
            }

                .quaList3 dl dd h4 {
                    text-align: center;
                    line-height: 22px;
                    height: 22px;
                    overflow: hidden;
                    font-size: 18px;
                }

    .quaList4 {
        width: 94%;
        height: auto;
        padding: 15px 0;
    }

        .quaList4 li {
            float: left;
            width: 33.3%;
            height: auto;
            margin: 0;
        }

            .quaList4 li img {
                width: 100%;
                height: auto;
            }


    .SearchFed {
        width: 94%;
        height: auto;
        border: 1px solid #eee;
        box-sizing: border-box;
        border-radius: 3px;
        padding: 20px;
    }

        .SearchFed h2 {
            font-size: 1rem;
            line-height: 32px;
            margin-bottom: 15px;
        }

        .SearchFed dl {
            width: 100%;
            height: auto;
            line-height: 42px;
            position: relative;
            padding: 10px 0;
        }

            .SearchFed dl dt {
                float: none;
                width: 100%;
                height: 42px;
            }

                .SearchFed dl dt b {
                    color: #f00;
                    padding-left: 5px;
                }

            .SearchFed dl dd {
                float: none;
                width: 100%;
                height: 42px;
            }

                .SearchFed dl dd input {
                    padding: 0 10px;
                }

            .SearchFed dl span {
                display: none;
                float: left;
                width: 100%;
                padding-left: 0;
                height: 42px;
                color: #999;
            }
            .productshow_spec dl dd input{ width:20px;}
            .productshow_spec dl dd a.view{ padding:0 5px;}
            
            .AbsList{ width:94%; height:auto; overflow:hidden; padding:20px 0;}
.AbsList dl{width:100%; height:auto; margin-bottom:20px; float:left;}
.AbsList dl dt{ float:none; width:100%; text-align:center;}
.AbsList dl dt img{ width:120px; height:120px; padding-top:0;}
.AbsList dl dd{ float:none; width:100%; height:auto; overflow:hidden; text-align:center;}
.AbsList dl dd h4{ height:42px; line-height:42px; font-size:21px; }
  .AbsList dl dd div{ height:auto; line-height:26px; font-size:14px;}
            
    .PCBbox{ width:94%; height:auto; padding:20px 0;}
   
#code{width:90%;height:500px;  overflow: hidden; background-color:#fff;padding:10px; box-sizing: border-box; position:absolute;display:none; margin-top:-100px; top: 0; left:0; margin-left: -10px; z-index:1002}
.close1{width:100%;height:0}
#closebt{float:right}
#closebt img{width:20px}

#code1{width:90%;height:500px;  overflow: hidden; background-color:#fff;padding:10px; box-sizing: border-box; position:absolute;display:none; margin-top:-100px; top: 0; left:0; margin-left: -10px; z-index:1002}
#closebt1{float:right}
#closebt1 img{width:20px}

#code2{width:90%;height:500px;  overflow: hidden; background-color:#fff;padding:10px; box-sizing: border-box; position:absolute;display:none; margin-top:-100px; top: 0; left:0; margin-left: -10px; z-index:1002}
#closebt2{float:right}
#closebt2 img{width:20px}

#code3{width:90%;height:500px;  overflow: hidden; background-color:#fff;padding:10px; box-sizing: border-box; position:absolute;display:none; margin-top:-100px; top: 0; left:0; margin-left: -10px; z-index:1002}
#closebt3{float:right}
#closebt3 img{width:20px}

.goodtxt{text-align:center; padding-bottom: 20px; }
.goodtxtTit{ width: 100%; line-height: 36px; padding: 10px 0; font-size: 1rem; font-weight: bold; color: #000000;}
.goodtxtinfo{ width: 100%; box-sizing: border-box; padding-right: 0; line-height: 26px;  overflow: hidden; overflow-y: scroll; height: 410px;}



.relatnews{ width:94%;}