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

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

* {
    margin: 0 auto;
    padding: 0;
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
}

a {
    text-decoration: none;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    transition: all ease .1s;
    border: none;
    color: #333 !important;
}

body {
    font-family: myFirstFont;
    color: #333;
    font-size: 16px !important;
    background: #f6f8fc;
}

a:hover {
    color: #0b479e !important
}

ul, li {
    list-style: none;
    margin: 0 !important;
}

.clear {
    clear: both;
}

.blue {
    color: #0b479e !important;
}

.red {
    color: red;
}

.fontw {
    font-weight: bold;
}

.fontwn {
    font-weight: normal;
}

.textT {
    text-transform: uppercase;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.dis {
    display: none !important;
}

.tleft {
    text-align: left;
}

.fs-lg-1 {
    font-size: 1.6rem;
}

.padding30 {
    padding: 30px;
}

.pt20 {
    padding: 20px 0;
}

.ptB50 {
    padding-bottom: 50px;
}

.bgFF {
    background: #FFFFFF;
}

.bgFFF {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #EEEEEE;
}

.bgFFFNobor {
    background: #FFFFFF;
    padding: 20px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    margin: 0;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-center-contain {
    justify-content: space-between;
}

.flex-center-start {
    justify-content: flex-start;
}

#home .home,
#brand .brand,
#rfq .rfq,
#news .news,
#contact .contact,
#pcb .pcb,
#sto .sto,
#about .about {
    color: #0b479e !important;
    background: #e1ecff;
    border-radius: 3px 3px 0 0;
}


.borido {
    border-radius: 5px;
}

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

.lin-h {
    line-height: 24px;
}

.mtb10 {
    margin-bottom: 10px;
}

.mtt10 {
    margin-top: 10px;
}

.mtt20 {
    margin-top: 20px;
}

.textGray {
    color: #999;
}



    .navbg .dropdown img {
        padding-right: 10px;
        width: auto;
        height: auto;
    }


.imgPc {
    display: block !important;
}

.imgMo {
    display: none !important;
}

.window-container {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/window.png);
    background-repeat: repeat;
    display: none
}

    .window-container .window-main {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        margin-top: -100px;
        margin-left: -220px;
        padding: 40px 29px;
        line-height: 40px;
        width: 396px;
        height: 45px;
        border-radius: 10px;
        color: #e9672d;
        background-color: #fff;
        font-size: 20px;
        border: 7px solid #2a3e6c
    }

        .window-container .window-main img {
            float: left
        }

.TopBar .hlang{ padding-left:15px; position:relative; cursor:pointer;}
.TopBar .hlang ul{ display:none; position:absolute; left:0; top:35px; background:#fff; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); padding:15px; border-radius:6px; z-index:666;}
.TopBar .hlang ul a{ padding:0; color:#333 !important; display:block; line-height:26px; font-size:14px;}
.TopBar .hlang ul a:first-child:after{ content:""; padding:0;}
.TopBar .hlang:hover ul{ display:block;}

.TopBar {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: #191919;
    color: #FFFFFF;
}

.TopBarLeft {
    margin: 0;
}

    .TopBarLeft em {
        font-style: normal;
    }

        .TopBarLeft em a {
            color: #ff4106 !important;
        }

    .TopBarLeft i a {
        color: #FFFFFF !important;
        font-style: normal;
    }

        .TopBarLeft i a:before {
            content: "|";
            padding: 0 10px;
        }

.TopBarRight {
    margin: 0;
    display: flex;
}

    .TopBarRight a {
        color: #FFFFFF !important;
    }

        .TopBarRight a img {
            margin-right: 6px;
        }

        .TopBarRight a:first-child:after {
            content: "|";
            color: #CCCCCC;
            padding: 0 20px;
        }


header {
    width: 100%;
    background: #FFFFFF;
    padding: 25px 0;
}

    header .logo {
        margin: 0;
        width: 262px;
        height: 51px;
    }

        header .logo img {
            width: 262px;
            height: 51px;
        }

        header .logo h1 {
            display: none;
        }

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


    header .Tsearch {
        width: 700px;
        height: 46px;
        margin-top: 3px;
        margin-right: 25px;
        border: 2px solid #0b479e;
        border-radius: 30px;
        padding: 2px;
        display: flex;
    }

        header .Tsearch input {
            width: 90%;
            height: 38px;
            line-height: 38px;
            border: none;
            background: none;
            padding: 0 15px;
        }

        header .Tsearch button {
            width: 10%;
            background: #0b479e;
            color: #FFFFFF;
            border: none;
            border-radius: 30px;
            font-size: 20px;
        }

    header .Hbom {
        width: 162px;
        height: 46px;
        margin-right: 20px;
    }

        header .Hbom a {
            display: block;
            width: 100%;
            height: 46px;
            line-height: 46px;
            color: #FFFFFF !important;
            text-align: center;
            background: #ff4106;
            border-radius: 30px;
        }



.Hcart {
    width: auto;
    position: relative;
    height: 46px;
    margin-top: 3px;
    padding-right: 30px;
}

    .Hcart em {
        width: 26px;
        height: 26px;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center;
        line-height: 26px;
        display: block;
        background: #0b479e;
        border-radius: 50%;
        color: #FFFFFF !important;
        font-style: normal;
    }



.navbg {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    height: 52px;
    line-height: 52px;
    border-bottom: 3px solid #0b479e;
}

    .navbg .navbar {
        margin-bottom: 0;
        border: none;
        background: none;
        font-size: 16px;
        min-height: 52px;
    }

    .navbg .col-lg-3 {
        cursor: pointer;
        position: relative;
        height: 50px;
        line-height: 50px;
        background: #0b479e;
        border-radius: 3px 3px 0 0;
        width: 23%;
    }

        .navbg .col-lg-3 i {
            line-height: 50px;
            padding: 0 10px;
            font-size: 20px;
        }

        .navbg .col-lg-3 a.navTa {
            color: #FFFFFF !important;
            font-size: 16px;
        }

        .navbg .col-lg-3:hover .Nul1 {
            display: block;
        }
        .navbar-nav>li.dropdown{ display:none;}
        .navbg .col-lg-3 .Nul1 {
            display: none;
            background: #FFFFFF;
            width: 100%;
            height: auto;
            border: 1px solid #EEEEEE;
            box-sizing: border-box;
            padding: 9px 0;
            position: absolute;
            left: 0;
            top: 52px;
            z-index: 999;
        }

            .navbg .col-lg-3 .Nul1 li {
                width: 100%;
                height: 30px;
                line-height: 30px;
                font-size: 14px;
            }

                .navbg .col-lg-3 .Nul1 li i {
                    color: #999;
                    line-height: 30px;
                    float: right;
                }

                .navbg .col-lg-3 .Nul1 li a {
                    display: block;
                    padding: 0 15px;
                    height: 30px;
                    overflow: hidden;
                }

                    .navbg .col-lg-3 .Nul1 li a:hover {
                        background: #f6f8fc;
                    }

                .navbg .col-lg-3 .Nul1 li:hover ul {
                    display: block;
                }

                .navbg .col-lg-3 .Nul1 li ul {
                    position: absolute;
                    top: 0;
                    left: 290px;
                    z-index: 666;
                    display: none;
                    width: 990px;
                    height: auto;
                    background: #fff;
                    padding: 10px;
                    border: 2px solid #0b479e;
                }

                    .navbg .col-lg-3 .Nul1 li ul li {
                        float: left;
                        width: 33.3%;
                        line-height: 34px;
                        height: 34px;
                        overflow: hidden;
                        box-sizing: border-box;
                        font-size: 13px;
                    }

                    .navbg .col-lg-3 .Nul1 li ul a {
                        display: block;
                        padding: 0 10px;
                    }

                    .navbg .col-lg-3 .Nul1 li ul li a:hover {
                        color: #FFFFFF !important;
                        background: #0b479e;
                    }

                        .navbg .col-lg-3 .Nul1 li ul li a:hover i {
                            color: #FFFFFF;
                        }

        .navbg .col-lg-3 h4 {
            height: 22px;
            line-height: 22px;
            font-size: 14px;
            margin-left: 15px;
            font-weight: bold;
        }

            .navbg .col-lg-3 h4 a {
                display: block;
                color: #000 !important;
            }


    .navbg .col-lg-9 {
        width: 77%;
        padding-right: 0;
    }


.navbar-collapse {
    padding: 0;
}

.container-fluid {
    padding: 0;
}

.navbar-nav {
    float: none;
}

    .navbar-nav > li > a {
        padding: 14px 10px;
        margin-left: 0;
        font-size: 16px !important;
        display: block;
    }

        .navbar-nav > li > a.navbom {
            color: #FFFFFF !important;
            background: #055cc8;
            border-radius: 4px 4px 0 0;
            padding: 13px 25px;
        }

            .navbar-nav > li > a.navbom img {
                display: inline-block !important;
                margin-right: 5px;
            }

            .navbar-nav > li > a.navbom:hover {
                background: #000000;
            }

.logom {
    display: none;
}

.msearch {
    display: none;
}

.carousel-indicators {
    bottom: 0 !important;
}

.eso_banner .col-lg-3 {
    padding: 0;
    width: 23%;
}

.eso_banner .col-lg-6 {
    padding: 0;
    margin-top: 14px;
    margin-left: 13px;
    width: 52%;
}

    .eso_banner .col-lg-6 img {
        width: 100%;
        height: auto;
    }

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

    .eso_banner .col-lg-4 .esocol_login {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 20px;
        border: 1px solid #EEEEEE;
    }

        .eso_banner .col-lg-4 .esocol_login h4 {
            color: #000000;
            font-size: 20px;
            margin: 0;
            line-height: 24px;
        }

        .eso_banner .col-lg-4 .esocol_login p {
            line-height: 18px;
            margin: 0;
            margin-top: 18px;
            clear: both;
            font-size: 14px;
        }

        .eso_banner .col-lg-4 .esocol_login div {
            padding: 8px 0;
        }

            .eso_banner .col-lg-4 .esocol_login div.clear {
                padding: 0;
            }

            .eso_banner .col-lg-4 .esocol_login div a {
                display: block;
                float: left;
                width: 120px;
                height: 34px;
                line-height: 34px;
                border-radius: 3px;
                text-align: center;
            }

                .eso_banner .col-lg-4 .esocol_login div a.eso_loA1 {
                    background: #FFFFFF;
                    border: 1px solid #0b479e;
                    margin-right: 10px;
                    color: #0b479e !important;
                }

                .eso_banner .col-lg-4 .esocol_login div a.eso_loA2 {
                    background: #0b479e;
                    color: #FFFFFF !important;
                }

    .eso_banner .col-lg-4 .eso_rBot {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        margin-top: 10px;
        border: 1px solid #EEEEEE;
    }

        .eso_banner .col-lg-4 .eso_rBot h4 {
            padding: 15px 20px;
            color: #000000;
            margin: 0;
            font-size: 16px;
            font-weight: bold;
        }

            .eso_banner .col-lg-4 .eso_rBot h4 a {
                font-size: 14px;
                font-weight: normal;
            }

        .eso_banner .col-lg-4 .eso_rBot ul {
            padding: 0 20px;
        }

            .eso_banner .col-lg-4 .eso_rBot ul li {
                height: 26px;
                line-height: 26px;
                overflow: hidden;
            }

                .eso_banner .col-lg-4 .eso_rBot ul li i {
                    font-style: normal;
                    padding-right: 10px;
                }

        .eso_banner .col-lg-4 .eso_rBot div {
            width: 100%;
            height: auto;
            border-top: 1px solid #EEEEEE;
            margin-top: 12px;
        }

        .eso_banner .col-lg-4 .eso_rBot dl {
            display: flex;
            float: left;
            width: 50%;
            border-right: 1px solid #EEEEEE;
            margin: 0;
            padding: 12px;
            border-bottom: 1px solid #EEEEEE;
        }
         .eso_banner .col-lg-4 .eso_rBot dl dt img{ width:25px; height:25px;}
            .eso_banner .col-lg-4 .eso_rBot dl dd em {
                display: block;
                font-style: normal;
                font-weight: bold;
                color: #111; font-size:1.1rem;
                line-height: 18px;
                margin: 0;
            }

            .eso_banner .col-lg-4 .eso_rBot dl dd i {
                display: block;
                font-style: normal;
                font-size: 14px !important;
                line-height: 15px;
                margin: 0;
            }


        .eso_banner .col-lg-4 .eso_rBot div.eso_clear {
            padding: 0;
            margin: 0;
            border: none;
        }

        .eso_banner .col-lg-4 .eso_rBot dl:nth-child(2) {
            border-right: none;
        }

        .eso_banner .col-lg-4 .eso_rBot dl:nth-child(3) {
            border-bottom: none;
        }

        .eso_banner .col-lg-4 .eso_rBot dl:nth-child(4) {
            border-right: none;
            border-bottom: none;
        }



.inBad {
    padding: 45px 0;
}

    .inBad dl {
        width: 33.3%;
        display: flex;
        padding: 0 15px;
        border-right: 1px solid #EEEEEE;
        margin: 0;
    }

        .inBad dl:last-child {
            border: none;
        }

        .inBad dl dt {
            width: 68px;
        }

        .inBad dl dd {
            width: auto;
            padding: 0 15px;
        }

            .inBad dl dd em {
                display: block;
                color: #111111;
                font-weight: normal;
                font-style: normal;
                font-weight: bold;
                font-size: 18px;
                line-height: 26px;
                text-transform: uppercase;
            }

            .inBad dl dd i {
                display: block;
                font-style: normal;
                line-height: 24px;
                font-size: 15px;
                margin-top: 5px;
            }


.inTit {
    line-height: 42px;
    padding-top: 22px;
}

    .inTit h2 {
        color: #111111;
        font-size: 22px;
        font-weight: bold;
        margin: 0;
        width: 50%;
        line-height: 42px;
    }

    .inTit a {
        display: block;
        margin: 0;
        width: 50%;
        text-align: right;
    }

.index-h2 {
    color: #111111;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    line-height: 42px;
}

.inHotpro {
}

.inHotproL {
    width: 15%;
    position: relative;
    padding-bottom: 1%;
}

    .inHotproL img {
        width: 100%;
        height: 100%;
    }

    .inHotproL div {
        position: absolute; width:100%;
        left: 0;
        top: 0;
        padding: 35px 20px;
    }

        .inHotproL div h3 {
            font-weight: bold;
            color: #111111;
            font-size: 18px;
            line-height: 21px;
        }

        .inHotproL div a {
            display: block;
            width: 129px;
            height: 32px;
            line-height: 32px;
            background: #0b479e;
            text-align: center;
            margin: 0;
            color: #FFFFFF !important;
            font-size: 14px;
            border-radius: 5px;
            margin-top: 20px;
        }

        .inHotproL div p {
            font-size: 14px;
            line-height: 18px;
            margin-top: 5px;
        }

.inHotproR {
    width: 85%;
    padding-left: 10px;
}

    .inHotproR dl {
        margin: 0;
        width: 19%;
        margin-bottom: 1%;
        height: auto;
        background: #FFFFFF;
        border-radius: 5px;
        box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
        padding: 10px;
    }

        .inHotproR dl dt {
            text-align: center;
        }

            .inHotproR dl dt img {
                width: 120px !important;
                height: 120px !important;
            }

        .inHotproR dl dd {
            padding-top: 15px;
        }

            .inHotproR dl dd a.inproLinks {
                color: #111111;
                display: block;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
            }

            .inHotproR dl dd em {
                display: block;
                color: #999;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                font-style: normal;
            }

            .inHotproR dl dd p {
                height: 28px;
                line-height: 28px;
                margin-top: 10px;
            }

                .inHotproR dl dd p i {
                    color: #FF4106;
                    font-weight: bold;
                    font-style: normal;
                    font-size: 20px;
                }

                .inHotproR dl dd p a {
                    display: block;
                    width: 28px;
                    height: 28px;
                    background: url(../images/inproShop.png) no-repeat;
                    float: right;
                }

.main_visual .owl-prev, .main_visual .owl-next {
    width: 20px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    text-indent: -999px;
    overflow: hidden;
}

.main_visual .owl-prev {
    background-image: url(../images/HotProL.png);
    left: 0;
}

.main_visual .owl-next {
    background-image: url(../images/HotProR.png);
    right: 0;
}


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



.inBom {
    margin-bottom: 25px;
}

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


.inBrandList {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    padding: 25px;
    position: relative;
}

    .inBrandList a {
        display: block;
        width: 15.66%;
        text-align: center;
        box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 1% !important;
    }

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

.main_visual1 .owl-prev, .main_visual1 .owl-next {
    width: 20px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    text-indent: -999px;
    overflow: hidden;
}

.main_visual1 .owl-prev {
    background-image: url(../images/HotProL.png);
    left: 0;
}

.main_visual1 .owl-next {
    background-image: url(../images/HotProR.png);
    right: 0;
}


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


.inBrandMore {
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: center;
    justify-content: center;
}

    .inBrandMore a {
        display: block;
        width:auto;
        padding: 0 35px;
        height: 50px;
        line-height: 50px;
        border-radius: 5px;
        margin: 0 8px;
    }

        .inBrandMore a.inBrandMore1 {
            background: #0b479e;
            color: #FFFFFF !important;
        }

        .inBrandMore a.inBrandMore2 {
            border: 1px solid #0b479e;
        }


.inNewsbg {
    width: 100%;
    height: auto;
    margin-top: 25px;
}

.inNews {
    width: 100%;
}

.inNewsL {
    width: 73%;
    margin: 0;
    background: #FFFFFF;
    padding: 20px;
}

.inNewsLtitle {
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-bottom: 16px;
}

    .inNewsLtitle h2 {
        color: #111111;
        font-weight: bold;
        font-size: 22px;
    }

    .inNewsLtitle a {
        display: block;
        color: #999999 !important;
        margin: 0;
    }


.inNewsLlist {
    width: 60%;
    margin: 0;
}

    .inNewsLlist dl {
        width: 100%;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 2px solid #e6e6e6;
        display: flex;
        justify-content: space-between;
    }

        .inNewsLlist dl dt {
            width: 25%;
        }

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

        .inNewsLlist dl dd {
            width: 75%;
            padding-left: 15px;
        }

            .inNewsLlist dl dd a {
                display: block;
                font-size: 14px;
                line-height: 20px;
                height: 40px;
                overflow: hidden;
            }

            .inNewsLlist dl dd em {
                display: block;
                font-style: normal;
                font-size: 14px;
                height: 13px;
                line-height: 13px;
                margin-top: 16px;
            }

                .inNewsLlist dl dd em img {
                    margin-right: 10px;
                }

        .inNewsLlist dl:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }


.inNewsLpic {
    width: 36%;
    margin: 0;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);
    border-radius: 4px;
}

    .inNewsLpic a img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .inNewsLpic b {
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
        margin: 18px 0;
    }

    .inNewsLpic em {
        display: block;
        font-style: normal;
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        border-top: 2px solid #e6e6e6;
        padding-top: 18px;
    }

        .inNewsLpic em img {
            margin-right: 10px;
        }


.inNewsR {
    width: 25%;
    margin: 0;
    position: relative;
}

    .inNewsR img {
        width: 100%;
        height: 100%;
    }

.inNewsRinfo {
    width: 90%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 20px;
}

    .inNewsRinfo h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        color: #111111;
    }

    .inNewsRinfo ul {
        padding-top: 10px;
    }

        .inNewsRinfo ul li {
            line-height: 22px;
            background: url(../images/newsli.png) no-repeat left 6px;
            padding-left: 15px;
            font-size: 14px;
        }

.inPartbg {
    width: 100%;
    padding-bottom: 50px;
}

.inPart {
    width: 100%;
    background: #FFFFFF;
    padding: 20px 0;
}

.inPartTab {
    width: 100%;
    height: 43px;
    line-height: 41px;
    border-bottom: 2px solid #e6e6e6;
}

    .inPartTab li {
        margin: 0 28px !important;
        cursor: pointer;
    }

        .inPartTab li.thistab {
            color: #111111;
            font-weight: bold;
            border-bottom: 2px solid #0b479e;
        }

.inPartList {
    width: 100%;
    padding: 15px 28px;
}

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


.inProList1 {
    width: 100%;
    border-top: 2px solid #efefef;
    padding: 20px 28px;
    background: #FFFFFF;
}

    .inProList1 em {
        font-style: normal;
        color: #111111;
    }

    .inProList1 a {
        display: block;
    }

        .inProList1 a:hover {
            color: #0b479e !important;
        }



.footerService {
    width: 100%;
    background: #FFFFFF;
    padding: 20px 0;
}

    .footerService dl {
        display: flex;
        width: 23%;
        border-right: 1px solid #EEEEEE;
        margin: 0;
        margin-right: 2%;
    }

        .footerService dl:last-child {
            border-right: none;
            padding-right: 0;
        }

            .footerService dl:last-child dd {
                padding-right: 0;
            }

        .footerService dl dt {
            width: 52px;
            height: 52px;
            margin: 0;
        }

        .footerService dl dd {
            padding-left: 15px;
            padding-right: 30px;
            margin: 0;
        }

            .footerService dl dd b {
                display: block;
                color: #111111;
                font-size: 24px;
            }

            .footerService dl dd em {
                color: #666;
                font-size: 14px;
                display: block;
                font-style: normal;
            }


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

.footerBox {
    width: auto;
    color: #FFFFFF;
    padding-bottom: 40px;
}

    .footerBox dl {
        width: 23%;
    }

        .footerBox dl:last-child {
            width: 31%;
        }

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

            .footerBox dl dt em {
                display: block;
                width: 32px;
                height: 1px;
                background: #c1c2c3;
                margin: 0;
                margin-top: 15px;
            }

        .footerBox dl dd {
            margin-top: 12px;
        }

            .footerBox dl dd a {
                display: block;
                color: #FFFFFF !important;
                line-height: 24px;
                font-size: 14px;
            }


            .footerBox dl dd ul li {
                display: flex;
                justify-content: space-between;
                margin-bottom: 6px !important;
                font-size: 14px;
                line-height: 20px;
            }

                .footerBox dl dd ul li em {
                    display: block;
                    margin: 0;
                    width: 5%;
                }

                    .footerBox dl dd ul li em img {
                        margin-top: 6px;
                    }

                .footerBox dl dd ul li a {
                    display: block;
                    margin: 0;
                    width: 95%;
                    padding-left: 10px;
                }

                .footerBox dl dd ul li address {
                    display: block;
                    margin: 0;
                    width: 95%;
                    padding-left: 10px;
                }

            .footerBox dl dd div {
                margin-top: 15px;
            }

                .footerBox dl dd div a {
                    display: block;
                    margin-right: 8px;
                    float: left;
                    width: 46px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    font-size: 18px;
                    background: url(../images/fsa.png) no-repeat;
                }

                    .footerBox dl dd div a:hover {
                        background: url(../images/fsas.png) no-repeat;
                    }

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

    .fiso img {
        width: auto;
    }


.footerCopy {
    width: 100%;
    height: auto;
    line-height: 29px;
    padding: 20px 0;
    border-top: 1px solid #626364;
}

    .footerCopy em {
        display: block;
        font-style: normal;
        color: #FFFFFF;
        margin: 0;
    }

    .footerCopy div {
        margin: 0;
        width: auto;
    }

.fposi {
    display: none;
}

.eso_client {
    position: fixed;
    right: 20px;
    top: 35%;
    z-index: 900;
    width: 60px;
}

    .eso_client li {
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        margin: 8px 0 !important;
        position: relative;
    }

        .eso_client li a {
            display: block;
            width: 60px;
            height: 60px;
        }

            .eso_client li a.eso_cuicon1 {
                background: url(../images/eso_cuicon1.png) no-repeat center;
            }

            .eso_client li a.eso_cuicon2 {
                background: url(../images/eso_cuicon2.png) no-repeat center;
            }

            .eso_client li a.eso_cuicon3 {
                background: url(../images/eso_cuicon3.png) no-repeat center;
            }

            .eso_client li a.eso_cuicon4 {
                background: url(../images/eso_cuicon4.png) no-repeat center;
            }

            .eso_client li a.eso_cuicon5 {
                background: url(../images/eso_cuicon5.png) no-repeat center;
            }

            .eso_client li a.eso_cuicon6 {
                background: url(../images/eso_cuicon6.png) no-repeat center;
            }

            .eso_client li a.eso_cuicon7 {
                background: url(../images/eso_cuicon7.png) no-repeat center;
            }

        .eso_client li:hover .eso_divinfo {
            display: block;
        }

        .eso_client li .eso_divinfo {
            display: none;
            position: absolute;
            min-width: 200px;
            right: 80px;
            top: 0;
            background: #fff;
            box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
            padding: 25px;
            border-radius: 5px;
        }

            .eso_client li .eso_divinfo:before {
                content: "";
                position: absolute;
                right: -12px;
                top: 24%;
                margin-top: -12px;
                width: 0;
                height: 0;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
                border-left: 12px solid #fff;
            }

.breadcrumb {
    background: none;
}


.About1 {
    background: #FFFFFF;
    padding: 30px;
}

    .About1 h1 {
        color: #111111;
        font-weight: bold;
        font-size: 30px;
        line-height: 46px;
    }

    .About1 em {
        width: 50px;
        height: 4px;
        display: block;
        background: #0b479e;
        margin: 0;
        margin-top: 15px;
    }

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

.About1 ul {
    width: 100%;
}

.About1 li {
    width: 49%;
}

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

.About1s {
    width: 100%;
    height: auto;
    padding: 30px 0;
}

.About1sLeft {
    width: 49%;
}

    .About1sLeft h2 {
        color: #111111;
        font-size: 30px;
        line-height: 46px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .About1sLeft p {
        line-height: 26px;
        margin-bottom: 25px;
    }


.About1sRight {
    width: 49%;
}

    .About1sRight dl {
        display: flex;
    }

        .About1sRight dl dt {
            width: 10%;
        }

        .About1sRight dl dd {
            width: 90%;
            padding-left: 20px;
        }

            .About1sRight dl dd b {
                display: block;
                color: #111111;
                font-size: 14px;
            }

            .About1sRight dl dd i {
                display: block;
                font-style: normal;
                font-size: 14px;
                line-height: 20px;
                padding-bottom: 10px;
                border-bottom: 2px solid #EEEEEE;
            }


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


.About3 {
    background: #FFFFFF;
    padding: 30px;
}

    .About3 h2 {
        color: #111111;
        font-size: 30px;
        line-height: 46px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .About3 dl {
        width: 49%;
    }

        .About3 dl dt em {
            display: block;
            font-weight: bold;
            color: #111111;
            font-size: 14px;
            line-height: 20px;
            font-style: normal;
            margin-bottom: 5px;
        }

        .About3 dl dt i {
            display: block;
            min-height: 100px;
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
            line-height: 20px;
        }

        .About3 dl dd {
            margin-top: 25px;
        }

            .About3 dl dd img {
                width: 100%;
                height: auto;
            }


.About4 {
    background: #FFFFFF;
    padding: 0 30px;
    margin-bottom: 50px;
}

    .About4 h2 {
        color: #111111;
        font-size: 30px;
        line-height: 46px;
        font-weight: bold;
        margin-bottom: 15px;
    }

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

    .About4List dl {
        width: 50%;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
    }

        .About4List dl dt {
            width: 37%;
        }

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

        .About4List dl dd {
            width: 63%;
            padding: 0 25px;
        }

            .About4List dl dd i {
                display: block;
            }

            .About4List dl dd b {
                display: block;
                color: #111111;
                font-size: 20px;
                line-height: 36px;
                margin-top: 20px;
            }

            .About4List dl dd p {
                color: #666666;
                font-size: 14px;
                line-height: 20px;
            }

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

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

.qcinfo {
    padding: 25px;
}

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

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


.conL {
    float: left;
    width: 50%;
    border-right: 2px solid #eee;
    height: auto;
    overflow: hidden;
    padding-right: 30px;
}

    .conL h2 {
        font-size: 22px;
        line-height: 36px;
    }

        .conL h2 a {
            color: #0b479e !important;
        }

.conR {
    float: right;
    width: 50%;
    height: auto;
    overflow: hidden;
    padding-left: 30px;
    background: url(../images/conbg.png) no-repeat right bottom;
    min-height: 510px;
}

    .conR h1 {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 20px;
    }

.btn-default {
    background: #0b479e;
    padding: 10px 30px;
    color: #fff;
    border: none;
}

    .btn-default:hover {
        color: #fff;
        background: #2b3445;
    }


.supportLeft {
    float: left;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
    width: 23%;
    height: auto;
    overflow: hidden;
}

    .supportLeft h2 {
        color: #000;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        height: 52px;
        line-height: 52px;
    }

    .supportLeft a {
        display: block;
        line-height: 26px;
        padding: 5px 0;
    }

#lm_hover {
    font-weight: bold;
    color: #0b479e !important;
}


.supportRight {
    float: right;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
    width: 75%;
    height: auto;
    overflow: hidden;
}

.supportRightTit {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.supportRightinfo {
    width: 100%;
    height: auto;
    padding: 25px 0;
    line-height: 26px;
}

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

.index-news.container {
    padding: 0 10px;
}

    .index-news.container .col-lg-9 {
        padding-right: 0;
    }

.index-news dl {
    float: left;
    background: #FFFFFF;
    width: 32.3%;
    margin: 0.5%;
    border-radius: 4px;
    padding: 18px 16px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
}

    .index-news dl p {
        font-weight: normal;
        color: #999999 !important;
        line-height: 26px;
    }

        .index-news dl p img {
            margin-right: 5px;
        }

    .index-news dl h3 {
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }

    .index-news dl em {
        display: inline-block;
        width: 24px;
        height: 5px;
        background: #0b479e;
        border-radius: 3px;
        margin-top: 5px;
    }

    .index-news dl dd img {
        width: 100%;
        height: 155px;
    }

.newsnavlist h2 {
    font-size: 22px;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 15px;
}

.newsnavlist a {
    display: block;
    margin: 0;
    line-height: 30px;
}

.newsprolist {
    margin-top: 10px;
}

    .newsprolist h2 {
        font-size: 22px;
        margin-top: 0;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .newsprolist dl {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        box-shadow: none;
    }

        .newsprolist dl dt {
            float: left;
            width: 30%;
            height: auto;
            overflow: hidden;
        }

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

        .newsprolist dl dd {
            float: right;
            width: 66%;
            height: auto;
            overflow: hidden;
        }

            .newsprolist dl dd h4 {
                margin: 0;
                font-size: 14px;
                line-height: 30px;
                height: 30px;
                overflow: hidden;
            }

            .newsprolist dl dd small {
                margin: 0;
                font-size: 14px;
                line-height: 21px;
                height: 21px;
                overflow: hidden;
                color: #999;
                display: block;
            }

.newshow h1 {
    font-size: 22px;
    padding: 15px 0;
    line-height: 28px;
}

.abtit {
    padding: 25px 0;
}

.newsinfo {
    padding: 25px 0;
}

.btn-success {
    background: #0b479e;
    border-color: #0b479e;
}

.cart-fedBtn {
    background: #0b479e;
    border-color: #0b479e;
    color: #fff !important;
    padding: 5px 15px;
    border-radius: 3px;
    border: none;
    margin-top:10px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #0b479e;
    border-color: #0b479e;
    color: #fff !important;
}

.goodsnav {
    padding: 25px 0;
    position: relative;
}

    .goodsnav a.active {
        color: #FFFFFF !important;
        width: 100%;
        margin-top: 15px;
        background-color: #666;
        border-color: #666;
        position: sticky;
        top: 0;
    }

        .goodsnav a.active:hover {
            background: #0b479e;
            border-color: #0b479e;
        }

    .goodsnav a span {
        padding-left: 15px;
    }

    .goodsnav a img {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        filter: grayscale(100%) brightness(200%);
    }

    .goodsnav a {
        border-radius: 0;
    }

.nav-pills {
    text-align: center;
}

    .nav-pills > li {
        display: inline-block;
        float: none;
    }

.cartpath {
    margin-bottom: 10px;
}

    .cartpath a.active {
        color: #FFFFFF !important;
    }

    .cartpath .col-lg-3 {
        padding: 10px 0;
    }

    .cartpath .col-lg-9 {
        padding: 10px 0;
    }


.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -1px;
    margin-right: 0;
}

    .list-group-horizontal .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }

.goodsListBox {
    overflow: hidden;
    width: 98%;
    padding: 14px 2px;
    height: auto;
    background: #e8eef3;
    margin-bottom: 20px
}

.specList {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    overflow-x: auto
}

.tableSort {
    width: 100%
}

    .tableSort th {
        text-align: center;
        padding: 0 5px
    }

        .tableSort th.select-item {
            padding: 5px
        }

            .tableSort th.select-item input {
                margin-right: 5px
            }

        .tableSort th div {
            height: 132px;
            background: #fff;
            padding: 10px;
            overflow-y: auto;
            white-space: nowrap;
            display: block;
            text-align: left;
            font-size: 12px;
            line-height: 20px;
            font-weight: 400
        }

.key-wrap {
    padding: 5px 13px
}

    .key-wrap .key-item {
        margin: 0 10px 10px 0;
        display: inline-block;
        zoom: 1;
        padding: 0 6px;
        height: 22px;
        border: 1px solid #dedede;
        font-size: 12px;
        line-height: 22px;
        background: #fff;
        cursor: pointer
    }

        .key-wrap .key-item:hover {
            background: #4667b4;
            color: #fff
        }

        .key-wrap .key-item .close-icon {
            vertical-align: -3px;
            margin-left: 7px;
            display: inline-block;
            zoom: 1;
            width: 15px;
            height: 15px;
            cursor: pointer;
            background-image: url(../images/del.png)
        }

.criteria-result-wrap {
    padding: 0 15px
}

.clear-btn {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    background-color: #5e7e9a;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.sure-btn {
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    background-color: #0b479e;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.statistics-info {
    margin-left: 17px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #666
}



.parts-list .jss187 {
    position: relative;
    width: 98%;
    overflow-x: auto;
}

.brandlist {
    width: 1280px
}

.parts-list {
}

    .parts-list thead {
        position: sticky;
        top: 0;
        z-index: 888;
    }

    .parts-list h3 {
        font-size: 14px;
        font-weight: normal;
    }

    .parts-list table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        display: table;
        background: #fff
    }

    .parts-list th {
        border: 1px solid #ccc;
        background: #e5e7eb;
        font-weight: normal;
        color: #333;
        font-size: 13px;
        padding: 8px 5px;
        text-align: center
    }

        .parts-list th:nth-child(2) {
            width: 230px
        }

        .parts-list th:nth-child(5) {
            width: 130px
        }

    .parts-list table tr:nth-child(2n) {
        background: #eaeaea
    }

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

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

    .parts-list table tr td:nth-child(1) {
        background: #fff
    }

    .parts-list table tr td:nth-child(2) {
        background: #fff
    }

    .parts-list table tr td.price {
        color: #444;
    }

        .parts-list table tr td.price p {
            line-height: 20px;
            margin: 0;
            display: flex;
        }

        .parts-list table tr td.price b {
            font-weight: normal;
            text-align: right;
            display: block;
            width: 80px;
        }

    .parts-list td.price p span {
        color: #0b479e;
        width: 100px;
        display: block;
        text-align: left;
    }

    .parts-list td.parts {
        min-width: 230px
    }

        .parts-list td.parts a {
            color: #0b479e !important;
        }

        .parts-list td.parts p {
            margin: 0 !important;
            color: #666;
            font-size: 12px
        }

        .parts-list td.parts a:hover {
            text-decoration: underline
        }

        .parts-list td.parts p a {
            color: #555
        }

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

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

    .parts-list td.pdf {
        text-align: center
    }

    .parts-list td.i {
        border-left: medium none
    }

    .parts-list td.p {
        padding-left: 15px;
        text-align: left
    }

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

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

    .parts-list td a.p {
        position: relative
    }

    .parts-list td .pic {
        position: absolute;
        left: 0;
        bottom: 20px
    }

        .parts-list td .pic img {
            width: 60%
        }

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

    .parts-list td h4 {
        padding-bottom: 3px;
        display: inline-block;
        margin-top: 3px;
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }

    .parts-list td a.view {
        background: #0b479e;
        border-radius: 5px;
        color: #fff !important;
        font-size: 14px;
        font-weight: normal;
        max-width: 100px;
        height: 26px;
        line-height: 26px;
        cursor: pointer;
        display: block;
        text-decoration: none
    }

        .parts-list td a.view:hover {
            background: #2b3445;
            color: #fff
        }

    .parts-list .SelectNum {
        overflow: hidden;
        min-width: 120px;
        clear: both;
        margin-bottom: 5px;
        text-align: center;
    }

    .parts-list a.add, a.remove {
        display: inline-block;
        font-size: 16px;
        width: 30px;
        height: 23px;
        line-height: 15px;
        padding: 3px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #6c757d;
        background: #f2f2f2;
        border-radius: 3px
    }

        .parts-list a.add:hover, a.remove:hover {
            background: #999;
            color: #fff
        }

    .parts-list input {
        width: 80%;
        font-size: 15px;
        text-align: center;
        height: 24px;
        line-height: 24px;
        border: 1px solid #ced4da;
        border-radius: 3px
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}



#goodcover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    background-color: #000;
    z-index: 888;
    -moz-opacity: .8;
    opacity: .5
}

#goodsWin {
    width: 450px;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    display: none;
    margin-top: 0;
    top: 0;
    left: 45%;
    z-index: 1002
}

#closebt {
    float: right
}

    #closebt img {
        width: 20px
    }

.goodtxt {
    padding-bottom: 10px
}

.goodtxtTit {
    width: 100%;
    line-height: 42px;
    padding: 10px 0;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-align: center
}

.goodtxtinfo {
    width: 90%;
    box-sizing: border-box;
    padding-right: 20px;
    line-height: 26px;
    overflow: hidden;
    height: auto
}

.goodsListBox {
    overflow: hidden;
    width: 98%;
    padding: 14px 2px;
    height: auto;
    background: #e8eef3;
    margin-bottom: 20px
}

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

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

        .productshow_quotebox dl dt {
            float: left;
            width: 122px;
            height: 34px;
            line-height: 34px;
            overflow: hidden;
            font-weight: 700;
            color: #333
        }

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

            .productshow_quotebox dl dd input {
                border: 1px solid #dedede;
                border-radius: 3px;
                width: 194px;
                height: 32px;
                padding: 0 10px;
                box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
            }

            .productshow_quotebox dl dd select {
                width: 100%;
                height: 34px;
                box-sizing: border-box;
                padding: 0 7px;
                border: 1px solid #dedede;
                border-radius: 3px
            }

            .productshow_quotebox dl dd textarea {
                border: 1px solid #dedede;
                border-radius: 3px;
                width: 194px;
                height: 58px;
                padding: 10px;
                box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
            }

    .productshow_quotebox li {
        width: 100%;
        text-align: center;
    }

        .productshow_quotebox li input {
            background: #0b479e;
            color: #fff !important;
            border: none;
            width: 100%;
            height: 36px;
            line-height: 36px;
        }

.gsfed h3 {
    background: #0b479e;
    color: #fff !important;
    height: 46px;
    line-height: 46px;
    text-indent: 1em;
}

.gsconr h3 {
    background: #0b479e;
    color: #fff !important;
    height: 46px;
    line-height: 46px;
    text-indent: 1em;
}

.gsconr dl i {
    font-size: 20px;
    padding-right: 10px;
}

.gsconr dl dt {
    margin-bottom: 10px;
}

.gsl img {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}
.gsl-info{width:100%; height:auto; position:relative;}
.gsl-info-water{ width:80px; height:auto; position:absolute; right:0; bottom:0;}
.gsl-info-water img{width:100%; height:auto;}

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

.gslpay h3 {
    line-height: 22px;
}

.gslpay img {
    width: 100%;
    height: auto;
}

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

.inquBox h2 {
    line-height: 76px;
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    color: #fff
}

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

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

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

.im_orderDiv1 {
    width: 100%;
    height: 94px;
    text-align: center;
}

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

.im_orderDiv1B {
    width: 59%;
    height: 50px;
    margin: 0 21%;
    line-height: 50px;
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid #dedede;
    border-radius: 10px;
    background: #414757 url(../../images/upload-icon.png) no-repeat 96% center;
    color: #fff
}

    .im_orderDiv1B input {
        float: left;
        width: 100%;
        border: 0;
        cursor: pointer;
    }

.im_orderDiv2 {
    width: 100%;
    height: auto;
    text-align: center
}

    .im_orderDiv2 input {
        border: none;
        height: 55px;
        padding: 0 53px;
        color: #fff;
        background: #0b479e;
        font-size: 21px;
        border-radius: 5px;
        text-transform: capitalize !important
    }

.im_orderDiv2B {
    width: 100%;
    height: 45px;
    margin-top: 25px;
    text-align: center;
    font-size: 16px;
    display: none
}

.im_orderBtn1 {
    text-align: center;
    margin-top: 34px;
    color: #fff !important;
}

    .im_orderBtn1 a {
        display: inline-block;
        color: #fff !important;
        font-weight: 700;
        margin-left: 10px;
        font-size: 16px
    }

.gssp .nav {
    width: 100%;
}

.gsr {
    border-radius: 3px;
}

    .gsr .col-lg-12 {
        min-height: 36px;
        line-height: 36px;
        margin-bottom: 5px !important;
    }

    .gsr .col-md-3 {
        padding: 0 !important
    }

    .gsr .col-md-9 {
        padding: 0 !important
    }

    .gsr .col-lg-12 dt {
        min-height: 36px;
        line-height: 36px;
    }

    .gsr .col-lg-12 dd {
        min-height: 36px;
        line-height: 36px;
    }

        .gsr .col-lg-12 dd input.form-control {
            width: 60px;
            float: left;
            text-align: center;
        }

        .gsr .col-lg-12 dd a {
            float: left;
        }

            .gsr .col-lg-12 dd a.view {
                text-align: center;
                height: 32px;
                padding: 0 15px;
                line-height: 32px;
                color: #fff !important;
                background: #0b479e;
                border-radius: 3px;
                float: left
            }

            .gsr .col-lg-12 dd a.add {
                font-size: 14px;
                height: 32px;
                color: #000;
                line-height: 20px;
                padding: 3px 10px;
                cursor: pointer;
                border: 1px solid #6c757d;
                border-radius: 3px;
                float: left
            }

            .gsr .col-lg-12 dd a.remove {
                font-size: 24px;
                height: 32px;
                line-height: 20px;
                text-align: center;
                color: #000;
                background: #fff;
                padding: 3px 5px;
                cursor: pointer;
                border-radius: 3px;
                float: left
            }

            .gsr .col-lg-12 dd a.btnbuy {
                background: #0b479e;
                color: #fff !important;
                margin-left: 10px;
            }

            .gsr .col-lg-12 dd a.btnbuy1 {
                background: #fff;
                color: #0b479e !important;
                margin-left: 10px;
                border: 1px solid #0b479e;
            }

            .gsr .col-lg-12 dd a.btnbuys {
                background: #ff4106;
                color: #fff !important;
                margin-left: 10px;
            }

            .gsr .col-lg-12 dd a.btnbuys1 {
                background: #fff;
                color: #ff4106 !important;
                margin-left: 10px;
                border: 1px solid #ff4106;
            }

.buy-box-wg {
    display: none
}

.rfq-box-wg {
    display: block
}

.tel_box {
}

    .tel_box label {
        clear: both;
        width: 100%
    }

    .tel_box .tel_fl01 {
        float: left;
        width: 20%
    }

    .tel_box .tel_fl02 {
        float: left;
        width: 80%
    }

.tel_box2 label {
    clear: both;
    width: 100%
}

.tel_box2 .tel_fl01 {
    float: left;
    width: 40% !important;
    padding: 6px 1px
}

.tel_box2 .tel_fl02 {
    float: left;
    width: 60% !important
}

.faq-list h3 {
    font-size: 16px;
    color: #0b479e
}

.faq-list {
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

    .faq-list p {
        font-size: 12px;
        color: #666
    }

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

    .inpro1 a img {
        width: 80%;
        height: auto;
    }

.inpro1 div {
    height: 20px;
    overflow: hidden;
}

/*0316*/
.inprogs a {
    float: left;
    text-align: center;
    width: 20%;
    background: #FFFFFF;
    overflow: hidden;
    padding: 15px;
    align-items: center;
    display: block;
}

    .inprogs a:hover {
        box-shadow: 0 0 10px #ccc;
        position: relative;
        z-index: 333;
    }

    .inprogs a img {
        width: 50%;
        height: auto;
        padding: 10px 0;
    }

.inprogs div {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.inprogs p {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #333;
}

.inprogs small {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #999;
    display: block;
}

.gsr h2 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.gsr .col-md-3 {
    color: #999;
    font-weight: normal;
    text-align: right;
    padding-right: 25px !important;
}

.gsr .col-lg-12 a {
    color: #0b479e !important;
}

    .gsr .col-lg-12 a img {
        padding-right: 5px;
    }

.gslpay {
    padding-top: 10px;
    line-height: 26px;
    margin: 0 0 0 !important;
}

    .gslpay p {
        margin: 0 !important;
    }

.gsconr .col-lg-12 {
    padding: 0;
}

.gsconr ul {
    padding: 20px 0;
}


.gssp .nav li {
    font-size: 15px;
}

    .gssp .nav li.active {
        font-weight: bold;
    }

        .gssp .nav li.active a {
            color: #0b479e !important;
        }

.gssp .tab-pane h2 {
    font-size: 14px;
}

.gssp .tab-pane h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
}
.gssp .tab-pane h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}
.gssp .tab-pane p {
    margin: 0;
}

.gssp .tab-pane li.list-group-item:nth-child(even) {
    background-color: #f8f8f8;
}

.gsconr h3 {
    margin: 0;
    border-radius: 10px 0;
}

.gsconr p {
    line-height: 26px;
    padding-top: 10px;
}

.goodsnewsnav {
    position: relative;
}

    .goodsnewsnav.container {
        padding: 0;
    }

.goodsnewsnavLeft {
    position: sticky;
    top: 0;
}

    .goodsnewsnavLeft h4 {
        background: #e5e7eb;
        height: 55px;
        line-height: 55px;
        border-radius: 5px 5px 0 0;
        padding: 0 20px;
        font-weight: bold;
        font-size: 18px;
    }

    .goodsnewsnavLeft ul {
        background: #FFFFFF;
        padding: 10px 0;
        border: 1px solid #EEEEEE;
    }

        .goodsnewsnavLeft ul li {
            height: 38px;
            line-height: 38px;
            overflow: hidden;
        }

            .goodsnewsnavLeft ul li a {
                display: block;
                padding: 0 15px;
            }

                .goodsnewsnavLeft ul li a:hover {
                    background: #f7f7f7;
                }

.goodsnewsnavRight.col-lg-9 {
    position: relative;
}

.goodsnewsnavRight dl {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

    .goodsnewsnavRight dl dt {
        width: 100%;
        height: 55px;
        line-height: 55px;
        border-radius: 5px 5px 0 0;
        padding: 0 20px;
        background: #e5e7eb;
        position: sticky;
        top: 0;
    }

        .goodsnewsnavRight dl dt h3 {
            font-weight: bold;
            font-size: 18px;
            line-height: 55px;
        }

            .goodsnewsnavRight dl dt h3 i {
                color: #999 !important;
                font-size: 14px;
                font-weight: normal;
                padding-left: 10px;
            }

    .goodsnewsnavRight dl dd {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        padding: 10px;
        border: 0 0 5px 5px;
    }

        .goodsnewsnavRight dl dd li {
            float: left;
            height: 38px;
            line-height: 38px;
            width: 33.3%;
            overflow: hidden;
        }

            .goodsnewsnavRight dl dd li i {
                color: #999 !important;
                font-size: 14px;
                font-weight: normal;
                padding-left: 10px;
            }

.products-left h1 {
    font-size: 20px;
    font-weight: bold !important;
    color: #000 !important;
    line-height: 32px;
}

#st-1 .st-btn {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;
}

    #st-1 .st-btn > img {
        top: 5px !important;
    }

.products_showspe .gssp .nav li.active a {
    background: #eee;
    color: #000 !important;
}

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

.col-lg-3r h2 {
    background: #0b479e;
    color: #fff !important;
    padding: 15px;
    font-size: 20px;
    font-weight: bold !important;
}

.col-lg-3r .form-control {
    height: 40px;
}

.col-cart {
    background: #fff;
}

.col-lg-3r .gsfed {
    border-top: 3px solid #eee;
    padding: 25px 15px;
    background: #fff;
    border: 1px solid #EEEEEE;
}

    .col-lg-3r .gsfed h4 {
        color: #000 !important;
        font-size: 20px;
        font-weight: bold !important;
    }

    .col-lg-3r .gsfed b {
        color: #000 !important;
        font-size: 18px;
        font-weight: bold !important;
    }

    .col-lg-3r .gsfed p {
        line-height: 34px;
    }

.gsfaq {
    line-height: 32px;
}

.col-lg-3r .gsfed dl {
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #eee;
    padding: 0 15px;
    margin-bottom: 12px;
}

    .col-lg-3r .gsfed dl dt {
        float: left;
        line-height: 38px;
    }

    .col-lg-3r .gsfed dl dd {
        float: right;
        line-height: 38px;
    }

        .col-lg-3r .gsfed dl dd input {
            border: none;
            text-align: right;
            color: #999 !important;
        }

        .col-lg-3r .gsfed dl dd textarea {
            border: none;
            text-align: right;
            height: 97px;
            line-height: 24px;
            color: #999 !important;
        }

    .col-lg-3r .gsfed dl.txtera {
        height: 100px;
    }

.gsfeapro {
    background: #fff;
    padding: 20px;
}

.col-lg-3r .gsfeapro h4 {
    color: #000 !important;
    font-size: 20px;
    font-weight: bold !important;
    margin-bottom: 20px;
}

.col-lg-3r .gsfeapro dl {
    width: 48%;
    overflow: hidden;
    margin: 0 !important;
}

    .col-lg-3r .gsfeapro dl dt {
        width: 100%;
        overflow: hidden;
        padding: 25px;
        border: 1px solid #eee;
    }

        .col-lg-3r .gsfeapro dl dt img {
            width: 100%;
        }

    .col-lg-3r .gsfeapro dl dd {
        width: 100%;
        padding: 10px 0;
    }

        .col-lg-3r .gsfeapro dl dd h4 {
            font-size: 16px;
            color: #000 !important;
            font-weight: bold !important;
            line-height: 24px;
            height: 24px;
            overflow: hidden;
            margin: 0;
        }

            .col-lg-3r .gsfeapro dl dd h4 a {
                display: block;
                color: #000 !important;
            }

        .col-lg-3r .gsfeapro dl dd p {
            color: #999 !important;
            line-height: 24px;
            height: 24px;
            overflow: hidden;
        }


.cartFedLeft {
    float: left;
    width: 49%;
}

.cartFedRight {
    float: right;
    width: 49%;
}

    .cartFedRight textarea {
        height: 123px;
    }

.carttab table {
    border: none;
}

    .carttab table > thead > tr > th {
        border: none !important;
    }

    .carttab table > tbody > tr > td {
        border: none !important;
    }

.carttab .form-control {
    border: none;
    border-bottom: 1px solid #eee;
    box-shadow: none;
}

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

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

.col-cart dl dt {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-transform: uppercase;
}

.col-cart dl dd {
    width: 100%;
    height: auto;
}

    .col-cart dl dd a {
        width: 100%;
        margin-top: 15px;
        background: #0b479e;
        height: 42px;
        line-height: 24px;
        color: #fff !important;
    }

.gsfed li {
    margin-top: 10px !important;
}

    .gsfed li input {
        width: 100%;
        height: 40px;
        text-align: center;
        color: #fff;
        background: #0b479e;
        border: none;
    }

.products-left {
    padding-left: 0;
}

.col-lg-3r {
    padding-left: 0;
}

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

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

.cBomL {
    float: left;
    width: 35%;
    height: auto;
    border: 1px dotted #ccc;
    padding: 30px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .cBomL div {
        align-items: center;
        background: #0b479e;
        border-radius: 2px;
        display: flex;
        height: 36px;
        justify-content: center;
        padding: 10px 14px;
        position: relative
    }

        .cBomL div span {
            color: #fff
        }

        .cBomL div .uploadFile {
            cursor: pointer;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

    .cBomL p {
        font-size: 14px;
        text-align: center;
        line-height: 26px;
        margin-top: 10px;
    }

    .cBomL a {
        color: #0b479e !important;
    }

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

.cBomR {
    float: right;
    width: 64%;
    height: auto;
    min-height: 190px;
    padding: 20px;
    background: #f5f5f5;
}

    .cBomR ul {
        align-items: center;
        font-size: 13px;
        width: 100%;
        padding: 0 50px;
        display: flex;
    }

        .cBomR ul li {
            text-align: center;
            justify-content: center;
            align-items: center;
        }

            .cBomR ul li p {
                padding-top: 10px;
                line-height: 22px;
            }

        .cBomR ul i {
            margin: 0 20px;
            display: block;
            margin-top: -50px;
        }

.userleft {
    width: 20%;
    margin: 0;
}

    .userleft a {
        display: block;
        width: 100%;
        background: #fff;
        margin-bottom: 10px !important;
        height: 52px;
        line-height: 52px;
        padding: 0 35px;
        border-radius: 100px 0 0 100px;
        box-shadow: 0 0 15px -7px #ccc;
    }

        .userleft a i {
            margin-right: 15px;
            font-size: 20px;
            width: 20px;
        }

.userRight {
    width: 79%;
    margin: 0;
}

    .userRight .info-list h2 {
        color: #0b479e;
        border-bottom: 1px solid #eee;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0;
        margin-bottom: 15px;
    }

        .userRight .info-list h2 label {
            float: right;
            font-size: 14px;
            color: #777;
            font-weight: normal;
        }

        .userRight .info-list h2 i {
            margin-right: 10px;
        }

    .userRight .form-group span {
        color: red;
        margin-right: 5px;
    }

.gsLinks {
    display: flex;
}

    .gsLinks img {
        height: 55px;
        width: auto;
    }

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

.eso_gsfeacon {
    background: #fff;
    padding: 20px;
}

    .eso_gsfeacon dl {
        margin-bottom: 0;
    }

        .eso_gsfeacon dl dt {
            line-height: 32px;
            height: 32px;
            font-size: 18px;
        }

            .eso_gsfeacon dl dt i {
                font-size: 20px;
                padding-right: 10px;
                color: #0b479e
            }

        .eso_gsfeacon dl dd {
            line-height: 32px;
            height: 32px;
        }

    .eso_gsfeacon h4 {
        color: #000 !important;
        font-size: 20px;
        font-weight: bold !important;
        margin-bottom: 20px;
    }

.ReProList a {
    background: #FFFFFF;
    width: 23%;
    padding: 20px 25px;
    margin-bottom: 1% !important;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
    border-radius: 10px;
    text-align: center;
    display: block;
}

    .ReProList a em {
        display: block;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
        color: #111111;
        font-style: normal;
    }

    .ReProList a i {
        display: block;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
        color: #666;
        font-style: normal;
    }

.Renavgiton li {
    float: left;
    width: 50%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

    .Renavgiton li span {
        color: #0b479e;
        padding-left: 5px;
    }


.ExstockTop {
    width: 100%;
    height: 46px;
    line-height: 46px;
}

    .ExstockTop h2 {
        color: #111;
        margin: 0 !important;
        font-size: 28px;
        font-weight: bold;
        line-height: 46px;
    }

    .ExstockTop a {
        display: block;
        color: #fff !important;
        background: #0b479e;
        border-radius: 5px;
        height: 46px;
        padding: 0 25px;
        margin: 0;
    }

.Exstockinfo {
    padding: 25px 0;
    line-height: 30px;
}

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

.pcbList {
    padding: 0;
}

    .pcbList dl {
        width: 31.3%;
        margin: 1%;
        margin-top: 0;
        text-align: center;
        float: left;
        background: #fff;
    }

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

        .pcbList dl dd {
            padding: 10px;
        }

            .pcbList dl dd a {
                display: block;
                color: #111111 !important;
                font-weight: bold;
                height: 28px;
                line-height: 28px;
                overflow: hidden;
            }

            .pcbList dl dd em {
                display: block;
                color: #999;
                font-style: normal;
                line-height: 22px;
                height: 44px;
                overflow: hidden;
            }


.CartTabTop li {
    float: left;
    font-size: 18px;
}

    .CartTabTop li a {
        display: inline-block;
        background-image: linear-gradient(#fff,#eee);
        width: 170px;
        height: 52px;
        line-height: 52px;
        text-align: center;
        margin-right: 10px;
        border-radius: 10px 10px 0 0;
    }

        .CartTabTop li a i {
            padding-right: 10px;
        }

    .CartTabTop li.active a {
        color: #fff !important;
        background-image: linear-gradient(#0a67db,#055cc8);
    }

.Renavgiton li {
    float: left;
    width: 50%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

    .Renavgiton li span {
        color: #4066b7;
        padding-left: 5px;
    }

.pll {
    width: 100%;
    height: auto;
    padding-top: 15px;
}

    .pll a {
        display: block;
        width: 20%;
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        float: left;
    }

.cot {
    width: 100%;
    height: auto;
    padding-top: 15px;
}

    .cot .titleBox {
        border-bottom: 1px solid #eee;
        display: flex;
        padding-bottom: 6px;
        width: 100%;
    }

        .cot .titleBox li {
            color: #333;
            flex: 2;
            font-size: 14px;
            font-weight: 700;
            padding: 10px;
        }

    .cot .cotBox {
        width: 100%;
    }

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

            .cot .cotBox li a {
                color: #4066b8;
                margin: 0;
                flex: 2;
                padding: 0 10px;
            }

            .cot .cotBox li p {
                flex: 2;
                padding: 0 10px;
            }

            .cot .cotBox li:nth-child(even) {
                background: #f7f7f7;
            }

.specbox li input {
    float: right;
}

.specbox .criteria-result-wrap {
    text-align: right;
    padding-top: 25px;
}

.Franchised-brand ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px !important;
}

    .Franchised-brand ul li {
        width: calc((100% / 6) - 10px);
        text-align: center;
        margin: 0 0 10px 10px !important;
        background: #fff;
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 5px;
    }

        .Franchised-brand ul li img {
            width: 100%;
            height: auto;
        }

        .Franchised-brand ul li em {
            display: block;
            width: 100%;
            height: 42px;
            line-height: 42px;
            overflow: hidden;
            font-style: normal;
        }

.gsfeacon {
    background: #fff url(../images/conbg.png) no-repeat right bottom;
    padding: 20px;
}

    .gsfeacon dl {
        margin-bottom: 0;
    }

        .gsfeacon dl dt {
            line-height: 32px;
            height: 32px;
            font-size: 18px;
        }

            .gsfeacon dl dt i {
                font-size: 20px;
                padding-right: 10px;
                color: #055cc8
            }

        .gsfeacon dl dd {
            line-height: 32px;
            height: 32px;
        }

    .gsfeacon h4 {
        color: #000 !important;
        font-size: 20px;
        font-weight: bold !important;
        margin-bottom: 20px;
    }


.home_indexes {
    padding: 14px !important;
    justify-content: space-around;
    background: #FFFFFF;
    border-top: 1px solid #eee;
    width: 1280px;
}

.mg-r-s {
    margin-right: 10px;
}

.home_indexes a {
    width: 29px;
    display: inline-block;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #0b479e;
}

    .home_indexes a:hover {
        background: #011e58;
        border-radius: 50%;
        color: #fff !important;
    }

.msg-tips {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 50%;
    padding: 35px;
}

.inner-box {
    padding: 30px 0;
}

    .inner-box i.fa {
        color: #0b479e;
        font-size: 19px;
        margin-right: 10px;
    }

    .inner-box .dl-list {
        background: #fff;
        overflow: hidden;
        padding: 20px;
    }

        .inner-box .dl-list h2 {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 21px;
            border-bottom: 1px solid #eee;
            padding-bottom: 11px;
            font-weight: bold;
        }

        .inner-box .dl-list dl input {
            border: 1px solid #ccc;
            height: 30px;
            line-height: 30px;
            width: 98%;
            padding: 0px 1%;
            font-size: 13px;
            border-radius: 5px;
        }

        .inner-box .dl-list dl select {
            border: 1px solid #ccc;
            height: 30px;
            line-height: 30px;
            border-radius: 5px;
            padding: 3px 5px;
        }

        .inner-box .dl-list dl {
            margin-bottom: 14px;
        }

            .inner-box .dl-list dl dt {
                width: 100%;
                margin-right: 1%;
                text-align: left;
                color: #191919;
                font-size: 13px;
                font-weight: bold;
            }

                .inner-box .dl-list dl dt span {
                    color: #F44336;
                }

            .inner-box .dl-list dl dd { /* float:left; */
            }

        .inner-box .dl-list ul {
        }

            .inner-box .dl-list ul img {
                width: 80px
            }

            .inner-box .dl-list ul li {
                float: left;
                margin-right: 17px !important;
            }

                .inner-box .dl-list ul li label {
                    font-weight: normal;
                    color: #000;
                }

                .inner-box .dl-list ul li em {
                    font-size: 12px;
                    color: #696969;
                    margin-left: 7px;
                }

    .inner-box .dl-list1 {
        background: #fff;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 20px;
    }

        .inner-box .dl-list1 h2 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 19px;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            font-weight: bold;
        }

        .inner-box .dl-list1 dl input {
            border: 1px solid #ccc;
            height: 36px;
            line-height: 36px;
            width: 98%;
            padding: 0px 10px;
            border-radius: 5px;
        }

        .inner-box .dl-list1 dl select {
            border: 1px solid #ccc;
            height: 36px;
            line-height: 36px;
            width: 98%;
            padding: 0px 3px;
            border-radius: 5px;
        }

        .inner-box .dl-list1 dl {
            display: flex;
            line-height: 32px;
            padding: 5px 0;
            margin-bottom: 0;
        }

            .inner-box .dl-list1 dl dt {
                text-align: right;
                color: #0b479e;
                font-weight: normal;
                margin: 0;
                padding-right: 20px;
                width: 40%;
            }

                .inner-box .dl-list1 dl dt span {
                    color: #F44336;
                }

            .inner-box .dl-list1 dl dd {
                margin: 0;
                width: 60%;
            }

                .inner-box .dl-list1 dl dd input.btn {
                    border: none;
                    color: #fff;
                    background: #0b479e;
                    color: #fff;
                    padding: 0 25px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 3px;
                }

        .inner-box .dl-list1 ul {
        }

            .inner-box .dl-list1 ul li {
            }

                .inner-box .dl-list1 ul li label {
                    font-weight: normal;
                    color: #000;
                }

                .inner-box .dl-list1 ul li em {
                    font-size: 12px;
                    color: #696969;
                    margin-left: 7px;
                }


    .inner-box .order-summary {
        background: #fff;
        padding: 16px;
    }

        .inner-box .order-summary h1 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 19px;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            font-weight: bold;
        }

        .inner-box .order-summary dl {
            overflow: hidden
        }

            .inner-box .order-summary dl dt {
                float: left
            }

            .inner-box .order-summary dl dd {
                float: right
            }

        .inner-box .order-summary .btnpay {
            width: 100%;
            background: #F44336;
            color: #fff;
        }

        .inner-box .order-summary .color-red {
            color: #F44336;
            font-size: 18px;
        }

        .inner-box .order-summary .input {
            border: 1px solid #ccc;
            height: 73px;
            width: 214px;
            line-height: 20px;
            border-radius: 5px;
        }

    .inner-box .dl-list table {
    }

        .inner-box .dl-list table tr {
        }

            .inner-box .dl-list table tr th {
                border: 0px;
                background: #f2f6ff;
            }

            .inner-box .dl-list table tr td {
                border: 0px;
            }

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

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

    .pay-box .dl-list {
    }

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

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

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

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

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

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

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

.express_type1 {
    clear: both;
    overflow: hidden;
    margin-bottom: 3px;
}

.express_list1 {
    display: none;
    padding: 20px !important;
    border: 1px solid #eee
}

    .express_list1 ul {
        overflow: hidden
    }

.drop-zone {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    color: #aaa;
}

    .drop-zone:hover {
        border-color: #999;
    }

.uploadpay {
    display: none
}


.Souinfo h2 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 32px;
    color: #111;
    font-weight: bold;
}

.Souinfo p {
    line-height: 26px;
}

.SouList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .SouList a {
        display: flex;
        align-items: center;
        text-align: center;
        width: 24%;
        margin-bottom: 1%;
        background: #fff;
        border-radius: 4px;
        padding: 25px;
        line-height: 26px;
        box-shadow: 0 0 15px -7px #ccc;
        justify-content: center;
    }

.SouListinfo {
}

    .SouListinfo table.fromTable {
        border: none
    }

    .SouListinfo h1 {
        color: #111;
        font-weight: bold;
        font-size: 26px;
        line-height: 32px;
    }

    .SouListinfo h3 {
        color: #111;
        font-weight: bold;
        font-size: 20px;
        line-height: 32px;
    }

    .SouListinfo td b {
        color: #111;
        font-weight: bold;
        font-size: 20px;
        line-height: 32px;
        margin: 0;
    }

    .SouListinfo table.fromTable tr {
        display: flex;
        flex-wrap: wrap;
        border: none !important
    }

    .SouListinfo table.fromTable td {
        display: flex;
        width: 100%;
        align-items: center;
        border: none !important
    }

    .SouListinfo table.fromTable1 td {
        vertical-align: middle !important;
    }

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

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

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

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


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

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

        .SouListinfo table.fromTable1 input[type="radio"] {
            border: 1px solid #ccc; /* 设置背景颜色 */
            width: 20px;
            height: 20px;
        }

        .SouListinfo table.fromTable1 input[type="checkbox"] {
            border: 1px solid #ccc; /* 设置背景颜色 */
            width: 24px;
            height: 24px;
        }

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

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

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

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

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

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

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

    .SouListinfo table.fromTable label {
        width: 20%;
        text-align: center;
        margin: 0 !important;
        border-radius: 0 5px 5px 0;
        background: #f3f5f8;
        height: 46px;
        line-height: 46px;
        display: block;
        font-weight: normal;
        border: 1px solid #ccc;
        border-left: none;
    }

#inductance {
    color: #d7420e !important;
    font-weight: bold;
    font-size: 16px;
}

.SouListinfo .col-sm-8 {
    width: 80%;
}

#results {
    width: 100%;
    height: auto;
    overflow-x: auto;
}

.SouListinfo sup {
    display: inline-block;
    margin: 0;
}

.SouListinfo sub {
    display: inline-block;
    margin: 0;
}

.SouListinfo .witdh50 {
    width: 50% !important;
}

.SouListinfo .nowaper {
    flex-wrap: nowrap !important;
}

.userdl {
    margin-top: 20px !important;
}

    .userdl h3 {
        margin-bottom: 20px !important;
    }

    .userdl dl {
        border: 1px solid #eee;
        margin-bottom: 5px;
        line-height: 42px;
        min-height: 42px;
    }

        .userdl dl dt {
            line-height: 42px;
            min-height: 42px;
        }

        .userdl dl dd {
            border-left: 1px solid #eee;
            line-height: 42px;
            min-height: 42px;
        }


.u-tab-head {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

    .u-tab-head a {
        display: inline-block;
        border: 1px solid #eee;
        border-radius: 5px 5px 0 0;
        height: 46px;
        line-height: 46px;
        padding: 0 20px;
        border-bottom: none;
    }

        .u-tab-head a.selected {
            background: #0b479e;
            color: #fff !important;
        }

        .u-tab-head a i {
            margin-right: 10px;
        }

.step-box ul {
    width: 100%;
    padding: 25px 0;
}

    .step-box ul li {
        width: 19.9%;
        text-align: center;
    }

.step-box2 ul li {
    width: 24.9%;
    text-align: center;
}

.step-box ul li .progress1 {
    background: #eeeeee;
    height: 38px;
    line-height: 38px;
}

.step-box ul li .info {
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
}

.step-box ul li.first .progress1 {
    border-radius: 20px 0 0 20px;
}

.step-box ul li.last .progress1 {
    border-radius: 0 20px 20px 0;
}

.step-box ul li.done .progress1 {
    background: #0b479e;
    color: #fff !important;
}

.step-box ul li i {
    margin-right: 10px;
}

.u-tab-content {
    font-size: 14px !important;
}

.form-group label {
    font-size: 14px !important;
}

.accept-box dl {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
 

    .accept-box dl.head dd {
        color: #0b479e;
        font-weight: bold;
        margin-top: 15px;
    }
.accept-box dl.head dd a{ float:right; display:inherit; background:#ff4106; font-size:13px; font-weight:normal; color:#fff !important; padding:2px 10px; border-radius :100px;margin-left:10px;}

.coverDiv th {
    text-align: center;
}

.coverDiv .btn-box {
    height: 38px;
    line-height: 38px;
    margin-top: 15px;
}

    .coverDiv .btn-box a {
        display: inline-block;
        padding: 0 25px;
        height: 38px;
        line-height: 38px;
        color: #fff !important;
        margin-right: 7px;
        background: #0b479e;
        border-radius: 5px;
    }

.accept-box h2 {
    font-size: 20px;
    font-weight: bold;
    color: #0b479e;
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

#addbtn .address-edit .btn-success {
    margin-top: 25px;
}

.table-striped th {
    text-align: center;
    font-size: 13px !important;
}

.table-striped td {
    font-size: 12px !important;
}

    .table-striped td a {
        color: #0b479e !important
    }

    .table-striped td img {
        width: 40px;
        height: 40px;
    }

#news h1 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #111;
}

.tab-content table {
    width: 100%;
    border: 1px solid #ccc;
}

    .tab-content table img {
        width: 100px
    }

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

.news_show b, strong {
    color: #db0c0c;
    font-weight: bold;
}

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

    .news_show table th, td {
        padding: 3px;
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 8px 2px;
        text-align: center;
        word-wrap: break-word;
        word-wrap: break-word; /* 允许在长单词内部换行 */
        word-break: break-all; /* 允许在任意位置换行 */
    }

.news_show img {
    max-width: 100%;
    border-radius: 5px;
}

.gsprice {
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #EEEEEE;
}

.col-lg-3r .gsprice h4 {
    color: #000 !important;
    font-size: 20px;
    font-weight: bold !important;
    margin-bottom: 15px;
}

.col-lg-3r .gsprice b {
    color: #000;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold !important;
}

.gsprice b i {
    font-style: normal;
    color: #0b479e;
}

.gsprice .bg-secondary {
    background: #f7f7f7;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0;
    font-weight: normal;
}

.gsprice .bg-secondary {
    margin-bottom: 0;
}

    .gsprice .bg-secondary dt.gsdt1 {
        float: left;
        width: 20%;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
    }

    .gsprice .bg-secondary dt.gsdt2 {
        float: left;
        width: 40%;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
    }

    .gsprice .bg-secondary dt.gsdt3 {
        float: left;
        width: 40%;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
    }

.gspriceList dl {
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    font-size: 14px;
}

    .gspriceList dl dt.gsdt1 {
        float: left;
        width: 20%;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
    }

    .gspriceList dl dt.gsdt2 {
        float: left;
        width: 40%;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
    }

    .gspriceList dl dt.gsdt3 {
        float: left;
        width: 40%;
        height: 36px;
        line-height: 36px;
        font-weight: normal;
    }

.gsrad {
    width: 100%;
}

    .gsrad img {
        width: 100%;
    }

.gspriceList dl.gslastdl {
    border-bottom: none;
    height: auto;
    line-height: 42px;
    margin-top: 10px;
}

    .gspriceList dl.gslastdl a {
        display: block;
        margin-bottom: 10px;
        border-radius: 4px;
        height: 42px;
        line-height: 42px;
        cursor: pointer;
    }

        .gspriceList dl.gslastdl a.gspriceA1 {
            background: #0b479e;
            color: #fff !important;
        }

        .gspriceList dl.gslastdl a.gspriceA2 {
            background: #fff;
            border: 1px solid #0b479e;
            color: #0b479e !important;
        }

.gspriceList table {
    width: 100%;
    border: none;
    font-size: 14px !important;
}

    .gspriceList table th, td {
        border: none;
    }

    .gspriceList table tr:first-child {
        background: #f6f8fc !important;
    }

    .gspriceList table tr:nth-child(odd) {
        background: #f8f8f8;
    }

.product-form-box dl dd p {
    display: block;
    width: 50%;
}

    .product-form-box dl dd p span.total-amount {
        font-weight: bold;
        color: #0b479e;
    }

.gsfed b i {
    font-style: normal;
    color: #0b479e;
}

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

.gsl a.sub_compare {
    font-size: 18px;
    display: inline-block;
    background: #0b479e;
    text-align: center;
    color: #fff !important;
    height: 36px;
    line-height: 36px;
    width: 100%;
    border-radius: 6px;
    margin-bottom: 15px;
}

    .gsl a.sub_compare i {
        margin-right: 10px
    }

.gsl p {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .contrast .contrast-nr .contrast-cp .contrast-btn a {
            color: #0093e6;
        }

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

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

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

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

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

        .compare table tr td a {
            color: #0b479e !important
        }

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

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

            .compare table tr td p span {
                color: #0b479e;
            }

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

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

.shoppingBox {
    width: 100%;
}

.shoppingBoxLeft {
    width: 75%;
    margin: 0;
    float: left;
}

.shoppingBoxLeftCart {
    width: 100%;
    background: #fff;
    padding: 25px;
}

.shoppingBoxLeft h1 {
    color: #111;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 36px;
    font-weight: bold;
}

    .shoppingBoxLeft h1 i {
        margin-right: 10px;
        font-size: 24px;
        color: #0b479e;
    }
.shoppingBoxLeft h2 {
    color: #111;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 36px;
    font-weight: bold;
}

    .shoppingBoxLeft h2 i {
        margin-right: 10px;
        font-size: 24px;
        color: #0b479e;
    }
.shoppingBoxLeftBox {
    width: 100%;
}

    .shoppingBoxLeftBox ul.thead {
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #f6f8fc;
        padding: 0 15px;
        font-size: 14px;
    }

        .shoppingBoxLeftBox ul.thead i {
            color: #0b479e;
            font-size: 22px;
        }

        .shoppingBoxLeftBox ul.thead li:nth-child(1) {
            width: 10%;
        }

        .shoppingBoxLeftBox ul.thead li:nth-child(2) {
            width: 30%;
        }

        .shoppingBoxLeftBox ul.thead li:nth-child(3) {
            width: 30%;
        }

        .shoppingBoxLeftBox ul.thead li:nth-child(4) {
            width: 25%;
        }

        .shoppingBoxLeftBox ul.thead li:nth-child(5) {
            width: 5%;
        }

    .shoppingBoxLeftBox ul.tbody {
        padding: 0 15px;
        font-size: 14px;
    }

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

        .shoppingBoxLeftBox ul.tbody .tbdiv1 {
            width: 10%;
        }

        .shoppingBoxLeftBox ul.tbody .tbdiv2 {
            width: 30%;
        }

            .shoppingBoxLeftBox ul.tbody .tbdiv2 img {
                width: 40px;
                float: left;
                margin-right: 10px
            }

        .shoppingBoxLeftBox ul.tbody .tbdiv3 {
            width: 30%;
        }

        .shoppingBoxLeftBox ul.tbody .tbdiv4 {
            width: 25%;
            position: relative;
        }

            .shoppingBoxLeftBox ul.tbody .tbdiv4 p {
                margin-bottom: 0;
                cursor: pointer;
            }

                .shoppingBoxLeftBox ul.tbody .tbdiv4 p i {
                    font-size: 18px;
                    padding-left: 10px;
                    color: #0b479e;
                }

            .shoppingBoxLeftBox ul.tbody .tbdiv4 li {
                border-bottom: none;
                height: 20px;
                line-height: 20px;
                padding: 0;
            }

                .shoppingBoxLeftBox ul.tbody .tbdiv4 li span.span-price {
                    color: #0b479e !important;
                }

        .shoppingBoxLeftBox ul.tbody .tbdiv5 {
            width: 5%;
        }

        .shoppingBoxLeftBox ul.tbody .tbdiv2 a {
            display: block;
            color: #0b479e !important;
            line-height: 22px;
            height: 22px;
            overflow: hidden;
        }

        .shoppingBoxLeftBox ul.tbody .tbdiv2 em {
            display: block;
            color: #666;
            line-height: 22px;
            height: 22px;
            overflow: hidden;
            font-style: normal;
        }

        .shoppingBoxLeftBox ul.tbody .tbdiv5 i {
            color: #0b479e;
            font-size: 22px;
        }

        .shoppingBoxLeftBox ul.tbody .tbdiv3 input {
            width: 60%;
            border: 1px solid #eee;
            height: 32px;
            line-height: 32px;
            border-radius: 4px;
            padding-left: 10px;
        }


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

        .shoppingBoxLeftBox ul.tbody .tbdiv4:hover .price-range {
            display: block;
        }

.shoppingBoxLeftPro {
    width: 100%;
    background: #fff;
    padding: 25px;
}

.shoppingBoxLeftProList {
    width: 100%;
}

    .shoppingBoxLeftProList dl {
        margin: 0;
        width: 19%;
        margin-bottom: 1%;
        height: auto;
        background: #FFFFFF;
        border-radius: 5px;
        padding: 10px;
        border: 1px solid #eee;
    }

        .shoppingBoxLeftProList dl dt {
            text-align: center;
        }

            .shoppingBoxLeftProList dl dt img {
                width: 120px;
                height: 120px;
            }

        .shoppingBoxLeftProList dl dd {
            padding-top: 15px;
        }

            .shoppingBoxLeftProList dl dd a.inproLinks {
                color: #111111;
                display: block;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                font-size: 13px;
            }

            .shoppingBoxLeftProList dl dd em {
                display: block;
                color: #666;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                font-style: normal;
                font-size: 13px;
            }

            .shoppingBoxLeftProList dl dd p {
                height: 28px;
                line-height: 28px;
                margin-top: 10px;
            }

                .shoppingBoxLeftProList dl dd p i {
                    color: #0b479e;
                    font-weight: normal;
                    font-style: normal;
                    font-size: 16px;
                }

                .shoppingBoxLeftProList dl dd p a {
                    display: block;
                    width: 28px;
                    height: 28px;
                    background: url(../images/inproShop.png) no-repeat;
                    float: right;
                }

.shoppingBoxRight {
    width: 23%;
    margin: 0;
    float: right;
    background: #fff;
    padding: 25px;
}

    .shoppingBoxRight h2 {
        color: #111;
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 36px;
        font-weight: bold;
    }

        .shoppingBoxRight h2 i {
            margin-right: 10px;
            font-size: 24px;
            color: #0b479e;
        }

    .shoppingBoxRight ul {
        padding: 15px 0;
        border-bottom: 1px solid #eee;
    }

        .shoppingBoxRight ul li {
            line-height: 32px;
        }

            .shoppingBoxRight ul li b {
                display: block;
                margin: 0;
                font-weight: normal;
            }

            .shoppingBoxRight ul li i {
                display: block;
                margin: 0;
                font-style: normal;
            }

                .shoppingBoxRight ul li i em {
                    font-style: normal;
                    font-size: 18px;
                    color: red;
                    font-weight: bold;
                }

    .shoppingBoxRight button {
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #0b479e;
        color: #fff;
        border-radius: 6px;
        border: none;
        margin-top: 15px;
    }


.cart-info {
    z-index: 999;
    padding: 30px 15px;
    border: 1px solid #eee;
    position: fixed;
    top: 50%;
    left: 50%;
    height: auto;
    width: 360px;
    margin-top: -150px;
    margin-left: -150px;
    height: auto;
    background: #f7f7f7;
    text-align: center;
    border-radius: 5px;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
}

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

    .cart-info .close {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 15px;
        height: 10px;
        text-indent: -9999px;
        background: url(../images/sprite.gif) no-repeat left -240px;
        cursor: pointer
    }

    .cart-info a.btn-success {
        background: #2b3445;
        border-color: #2b3445;
        color: #fff !important;
        line-height: 18px;
        display: inline-block;
        float: none !important;
        width: 120px !important;
    }

    .cart-info a.btnsp {
        border-radius: 5px;
        background: #0b479e;
        border-color: #0b479e;
        display: inline-block;
        height: 32px;
        line-height: 32px;
        color: #fff !important;
        display: inline-block;
        float: none !important;
        width: 120px !important;
    }

    .cart-info strong {
        font-size: 16px !important;
        text-transform: capitalize;
        color: #0b479e !important;
        line-height: 26px !important;
    }

    .cart-info b {
        color: red !important;
        padding: 0 5px;
        font-size: 15px;
    }

    .cart-info p {
        font-size: 14px !important;
        font-weight: normal !important;
    }

.gslastdl a.btn {
    padding: 0 !important;
}

.msg-tips1 .btn {
    padding: 0;
    border: none !important;
}

.msg-tips .btn {
    padding: 0;
    border: none !important;
    vertical-align: unset;
}

.msg-tips .btnpay2 {
    width: 180px;
    background: #F44336;
    color: #fff;
    line-height: 38px;
    margin: 20px 0;
}

.col-lg-3r .gsfed dl.grfqDL {
    border: none;
    padding: 0;
}

    .col-lg-3r .gsfed dl.grfqDL input {
        width: 100^;
        background: #0b479e;
        border-radius: 5px;
        color: #fff !important;
        width: 100%;
        border: none;
    }

.slide-tit {
    background: #fff;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
}

    .slide-tit a {
        font-weight: normal;
        color: #666;
        font-size: 16px;
    }

        .slide-tit a i {
            margin-right: 10px;
        }

.address-list {
    background: #fff;
    padding: 10px 20px;
}

    .address-list li {
        padding: 22px 18px;
        border: 1px solid #ccc;
        margin-bottom: 10px !important;
    }

        .address-list li.selected {
            border: none;
            background: url(../images/sadd.png) no-repeat;
            background-size: 100%;
        }

        .address-list li label {
            width: 100%;
        }

        .address-list li h4 {
            display: block;
            margin-bottom: 10px;
            width: 100%;
        }

            .address-list li h4 span {
                font-size: 15px;
            }

        .address-list li p {
            margin-bottom: 0;
            line-height: 28px;
            font-weight: normal;
            font-size: 14px;
        }

        .address-list li h4 a {
            font-size: 14px;
        }


#paymentinfo {
}

    #paymentinfo .msg-tips {
        text-align: center;
        box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);
    }

        #paymentinfo .msg-tips .msg p {
            margin-bottom: 10px;
        }

            #paymentinfo .msg-tips .msg p a {
                display: inline-block;
                background: #0b479e;
                color: #fff !important;
                padding: 0 20px;
                border-radius: 5px;
                height: 28px;
                line-height: 28px;
            }

        #paymentinfo .msg-tips .msg strong {
            font-size: 20px;
            margin-bottom: 15px;
            display: inline-block;
        }

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

.user-center .user-avatar {
}

    .user-center .user-avatar img {
        border: 3px solid #eee;
        width: 125px;
        height: 125px;
        border-radius: 50%;
    }

.user-center .user-info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .user-center .user-info ul li {
        line-height: 32px;
        width: 50%
    }

        .user-center .user-info ul li a {
            padding-left: 10px;
            color: #0094E7 !important;
        }

.user-center .user-menu {
    display: flex;
    margin-top: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
}

    .user-center .user-menu dl {
    }

        .user-center .user-menu dl dt {
            text-align: center
        }

        .user-center .user-menu dl dd {
        }

            .user-center .user-menu dl dd a {
                padding-left: 5px;
                color: #0094E7 !important;
            }

.user-center h2 {
    font-size: 18px;
    font-weight: bold
}

.user-center h3 {
    font-size: 16px;
    font-weight: bold
}


@media (max-width: 1180px) {
    .padding30 {
        padding: 10px;
    }

    .eso_client {
        display: none;
    }

    header {
        display: none;
    }

    footer {
        display: none;
    }

    .TopBar {
        display: none;
    }

    .fposi {
        width: 100%;
        height: 70px;
        background: #0b479e;
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
        z-index: 999;
    }

        .fposi a {
            display: block;
            float: left;
            text-align: center;
            width: 25%;
            height: 70px;
            color: #fff !important;
            border-right: 1px solid #eee;
            box-sizing: border-box;
        }

            .fposi a:last-child {
                border: none
            }

            .fposi a img {
                width: 30px;
                height: auto;
                padding-top: 8px;
            }

            .fposi a p {
                line-height: 32px;
                font-size: 0.9rem
            }


    .logom {
        display: block !important;
        float: left;
        width: 36px;
        height: 40px;
    }

        .logom img {
            width: auto;
            height: 40px;
            margin-top: 10px;
            display: block !important;
        }

    .navbg {
        height: 62px;
        border: none;
    }

        .navbg .navbar-toggle {
            margin-top: 13px;
        }

        .navbg .col-lg-3 {
            display: none;
        }

        .navbg .col-lg-9 {
            padding: 0;
            width: 100%;
            float: none !important;
            z-index: 999;
            position: relative;
        }

    .navbar {
        min-height: 52px;
    }

    .navbar-nav {
        float: left !important;
        width: 100% !important;
    }

        .navbar-nav li {
            background: #FFFFFF;
            border-bottom: 1px solid #EEEEEE;
        }

    .navbg .dropdown {
        display: block;
    }

    .navbar-nav > li.frcon {
        display: none;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
        left: 0 !important;
    }

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

    .eso_banner .col-lg-6 {
        padding: 0;
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

        .eso_banner .col-lg-6 img {
            width: 100%;
            height: auto;
        }

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


    .msearch {
        display: block;
        margin: 15px 0;
    }

        .msearch input {
            width: 80%;
            border: 1px solid #EEEEEE;
            border-right: none;
            border-radius: 4px 0 0 4px;
            padding: 0 15px;
            height: 42px;
        }

        .msearch button {
            width: 20%;
            background: #0b479e;
            color: #FFF;
            border: none;
            border-radius: 0 4px 4px 0;
            height: 42px;
        }

    .inBad {
        display: none;
    }

    .inTit {
        padding-top: 10px;
        padding-bottom: 15px;
    }

        .inTit h2 {
            font-size: 22px;
            width: 100%;
        }

        .inTit a {
            display: none;
        }


    .inHotpro {
    }

    .inHotproL {
        display: none;
    }

    .inHotproR {
        width: 100%;
        padding-left: 0;
    }

        .inHotproR dl {
            margin: 0;
            margin-bottom: 2%;
            width: 49%;
        }

    .inBom {
        display: none;
    }

    .inBrandList {
        padding: 15px;
    }

        .inBrandList a {
            width: 31.3%;
            padding: 15px;
            margin-bottom: 1% !important;
        }


    .inBrandMore {
        margin-top: 10px;
    }

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

    .inNewsbg {
        margin-top: 15px;
    }

    .inNewsL {
        width: 100%;
    }

    .inNewsLtitle {
        margin-bottom: 10px;
    }

        .inNewsLtitle h2 {
            color: #111111;
            font-weight: bold;
            font-size: 18px;
        }


    .inNewsLlist {
        width: 100%;
        margin: 0;
    }

        .inNewsLlist dl {
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

            .inNewsLlist dl dt {
                width: 30%;
            }

            .inNewsLlist dl dd {
                width: 70%;
                padding-left: 10px;
            }

                .inNewsLlist dl dd em {
                    margin-top: 5px;
                }

    .inNewsLpic {
        width: 100%;
        margin-top: 20px;
    }

        .inNewsLpic b {
            margin: 10px 0;
        }

        .inNewsLpic em {
            display: block;
            font-style: normal;
            font-size: 14px;
            height: 13px;
            line-height: 13px;
            border-top: 2px solid #e6e6e6;
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .inNewsR {
        display: none;
    }

    .inPartbg {
        padding-bottom: 30px;
        margin-bottom: 70px;
    }

    .inPartTab li {
        margin: 0 5px !important;
        font-size: 14px;
    }

    .inPartList {
        padding: 15px;
    }

        .inPartList a {
            width: 49%;
        }

    .inProList1 {
        display: none;
    }

    .footerService {
        display: none;
    }

    .About1 {
        padding: 20px;
    }

        .About1 h1 {
            font-size: 20px;
        }

        .About1 em {
            margin-top: 5px;
        }

    .About1info {
        padding: 20px 0;
    }


    .About1s {
        padding: 20px 0;
    }

    .About1sLeft {
        width: 100%;
    }

        .About1sLeft h2 {
            font-size: 20px;
            line-height: 36px;
            margin-bottom: 5px;
        }

        .About1sLeft p {
            l margin-bottom: 15px;
        }


    .About1sRight {
        width: 100%;
    }

        .About1sRight dl dt {
            width: 15%;
        }

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


    .About2 {
        padding: 20px;
    }


    .About3 {
        padding: 20px;
    }

        .About3 h2 {
            font-size: 20px;
            line-height: 36px;
            margin-bottom: 5px;
        }

        .About3 dl {
            width: 100%;
        }

            .About3 dl dd {
                margin-top: 15px;
            }



    .About4 {
        padding: 0 20px;
        margin-bottom: 100px;
    }

        .About4 h2 {
            font-size: 20px;
            line-height: 36px;
            margin-bottom: 5px;
        }

    .About4List dl {
        width: 100%;
        margin-bottom: 0;
        display: block;
    }

        .About4List dl dt {
            width: 100%;
        }

        .About4List dl dd {
            width: 100%;
            padding: 20px 0;
        }

            .About4List dl dd b {
                font-size: 18px;
                margin-top: 10px;
            }

    .aboutinfo {
        padding: 15px 0;
    }

    .conL {
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: 2px solid #eee;
        height: auto;
        overflow: hidden;
        padding-right: 0;
        padding-bottom: 30px;
    }

        .conL h2 {
            font-size: 1.4rem;
            line-height: 26px;
        }

    .conR {
        float: none;
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-top: 30px;
        min-height: 510px;
    }

        .conR h2 {
            font-size: 22px;
            line-height: 36px;
            margin-bottom: 20px;
        }

    .conMap {
        padding-bottom: 50px;
    }

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

        .supportLeft a {
            padding: 0;
        }


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

    .supportbox {
        margin-bottom: 70px;
    }


    .index-news.container {
        padding: 0 10px;
    }

        .index-news.container .col-lg-9 {
            padding-right: 0;
            padding-left: 0;
        }

    .index-news dl {
        float: none;
        background: #FFFFFF;
        width: 100%;
        margin: 10px 0;
        padding: 15px;
    }

    .index-news.container .col-lg-3 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 70px;
    }

    .newsprolist {
        margin-top: 10px;
    }

        .newsprolist h2 {
            font-size: 22px;
            margin-top: 0;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .newsprolist dl {
            width: 100%;
            float: left;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
            box-shadow: none;
        }

            .newsprolist dl dt {
                float: left;
                width: 30%;
                height: auto;
                overflow: hidden;
            }

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

            .newsprolist dl dd {
                float: right;
                width: 66%;
                height: auto;
                overflow: hidden;
            }

                .newsprolist dl dd h4 {
                    margin: 0;
                    font-size: 14px;
                    line-height: 30px;
                    height: 30px;
                    overflow: hidden;
                }

                .newsprolist dl dd small {
                    margin: 0;
                    font-size: 14px;
                    line-height: 21px;
                    height: 21px;
                    overflow: hidden;
                    color: #999;
                    display: block;
                }

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

    .qcinfo {
        padding: 20px;
        width: 94%;
    }

    .goodsnav {
        margin-bottom: 70px;
    }

    .brandShow {
        margin-bottom: 70px;
    }

    .products-left {
        padding-right: 0;
    }

    .col-lg-3r {
        padding-right: 0;
        float: none !important;
        margin-top: 15px;
    }

    .gsr .col-md-3 {
        text-align: left;
    }

    .sharethis-inline-share-buttons {
        float: none !important;
    }

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

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

    .conR {
        float: none;
        width: 100%;
        padding: 15px;
    }

    .gsimg1 img {
        display: none;
    }

    .gsTit {
        width: 100%;
        padding: 15px;
        text-align: center;
    }

        .gsTit .fr {
            float: none !important;
        }

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

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

    .cBomR {
        display: none;
    }

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

    .carttab {
        overflow-x: auto;
    }

    .cBomL {
        float: none;
        width: 100%;
        padding: 10px;
        margin-bottom: 15px;
    }


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

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


    .onestop {
    }

        .onestop dl {
            float: none;
            background: #fff;
            width: 100%;
            margin: 10px 0;
        }

            .onestop dl dd h4 {
                font-size: 2rem;
                line-height: 28px;
                height: auto;
            }

            .onestop dl dd div {
                height: auto;
            }

    .gsLinks {
        display: block;
    }

        .gsLinks img {
            height: 55px;
            width: auto;
            margin: 10px;
        }

    .conMap {
        padding-bottom: 10px;
    }

    .pad0 {
        padding: 0;
        padding-right: 0;
        margin-bottom: 50px;
    }

    .qcinfo {
        width: 100%;
    }

    .ReProList a {
        width: 48%;
    }

    .products_showspe .nav > li > a {
        padding: 8px;
    }

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

    .ExstockTop {
        padding: 0 15px;
    }

        .ExstockTop h2 {
            font-size: 18px;
        }

        .ExstockTop a {
            padding: 0 15px;
        }

    .Exstockinfo {
        padding: 15px;
        line-height: 26px;
    }

    .pcbList dl {
        width: 48%;
    }

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

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

    .pll a {
        width: 50%;
    }

    .cot .titleBox {
        display: block;
    }

    .cot {
        overflow-x: auto;
    }

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

            .cot .cotBox li a {
                display: block;
            }

    .eso_products-left {
        padding: 0;
    }

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

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


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

    .Souinfo h2 {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 28px;
    }

    .SouList a {
        width: 48%;
        margin-bottom: 1%;
        padding: 15px;
    }

    .SouListinfo {
        padding: 0 !important
    }

        .SouListinfo table.fromTable tr {
            display: block;
        }

        .SouListinfo table.fromTable td {
            display: flex;
            width: 100%;
        }

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

        .SouListinfo .col-sm-8 {
            width: 100%;
        }



    .step-box ul {
        width: 100%;
        padding: 25px 0;
    }

        .step-box ul li {
            width: 100%;
            text-align: center;
        }

            .step-box ul li.first .progress1 {
                border-radius: 20px 20px 0 0;
            }

            .step-box ul li.last .progress1 {
                border-radius: 0 0 20px 20px;
            }

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

    .products_showspe h2 {
        font-size: 16px;
    }

    .gsr .col-lg-12 dd input.form-control {
        width: 50px;
    }

    #Productcom {
        overflow-x: auto;
    }

    .news_show table th, td {
        word-break: normal;
    }

    .cart-info {
        margin-left: -180px;
    }

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

    .shoppingBoxLeftCart {
        padding: 15px;
    }

    .shoppingBoxLeftPro {
        display: none;
    }

    .shoppingBoxRight {
        padding: 15px;
        width: 100%;
        margin-top: 15px;
    }

    .address-list li h4 {
        font-size: 14px;
    }

    .address-list li p {
        word-wrap: break-word;
    }

    .shopTable {
        width: 100%;
        overflow-x: auto;
    }

    .warpBox {
        margin-bottom: 70px;
    }

    .inner-box .dl-list dl {
        display: block;
    }

        .inner-box .dl-list dl dt {
            width: 100%;
            text-align: left;
        }

        .inner-box .dl-list dl dd {
            width: 100%;
        }

    .userleft {
        width: 100%;
    }

    .userRight {
        width: 100%;
        margin-bottom: 70px;
    }

        .userRight h2 {
            text-align: left;
            font-size: 18px;
            font-weight: bold;
        }

        .userRight h3 {
            text-align: left;
            font-size: 18px;
            font-weight: bold;
        }

    .coverDiv {
        width: 100%;
        overflow-x: auto;
    }

    .u-tab-head a {
        padding: 0 5px;
    }

    .u-tab-content {
        width: 100%;
        overflow-x: auto;
    }

    .userRight .info-list h2 label {
        float: none;
        margin-top: 10px;
    }

    .goodsnewsnavRight dl dd li {
        width: 100%;
        float: none;
    }

    .index-news {
        margin-bottom: 70px;
    }

    .userdl {
        padding: 0;
    }

        .userdl dl dd {
            border-left: none;
        }

    .carttab th {
        font-size: 14px;
    }

    .cartFed {
        margin-bottom: 70px;
    }

    .address-list li.selected {
        background-size: cover;
    }
     .navbar-nav>li.dropdown{ display:block;}
}