﻿body {
    margin: 0;
    min-height: 1000px;
}

ul {
    margin: 0px;
    padding: 0px;
}

.main {
    width: 1128px;
    padding: 20px;
    background-color: white;
    -moz-box-shadow: 0px 2px 10px #9a9494;
    -webkit-box-shadow: 0px 2px 10px #9a9494;
    box-shadow: 0px 2px 10px #9a9494;
}

/*头部*/
.header, .headerSpace {
    width: 1128px;
    height: 120px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.header-contact {
    width: 250px;
    margin: 5px 0px 0px 410px;
    display: flex;
}

.header-loginRegister {
    width: 110px;
    margin: 4px 0px 0px 0px;
}

    .header-loginRegister a {
        text-decoration: none;
    }

        .header-loginRegister a:hover, .header-loginRegister a:focus {
            color: white;
            text-decoration: underline;
        }

.header-hotline {
    width: 170px;
    margin: 4px 0px 0px 0px;
}

.header-language {
    margin: 4px 0px 0px 0px;
    padding: 0px;
}

.nav {
}

    .nav .stock_code {
        font-size: 13px;
        margin: 35px 0 0 100px;
    }

    .nav .navbar {
        margin: 20px 0px 0px 75px;
        width: 702px;
        height: 62px;
        float: left;
    }

        .nav .navbar ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .nav .navbar ul li {
                float: left;
            }

                /*.nav .navbar ul li a{
    display:block;
    width:60px;
    height:62px;    
    color: white;
    font-size:12px;
    text-align:center;
    background: url('/assets/images/univ/bar.png') repeat-x;
}
.iconBox{
    width: 100%;
    height: 50%;
    line-height: 40px;
}
.textBox{
    width: 99%;
    height: 50%;
    border-right: solid 1px white;
}*/

                .nav .navbar ul li a {
                    display: block;
                    width: 78px;
                    height: 62px;
                    color: white;
                    font-size: 12px;
                    text-align: center;
                    /*background: url('/assets/images/univ/navbar.png') no-repeat;*/
                    line-height: 95px;
                }

#home a:link, #home a:visited {
    background-position: 0px 0px;
}

#orderFlow a:link, #orderFlow a:visited {
    background-position: -78px 0px;
}

#orderQuery a:link, #orderQuery a:visited {
    background-position: -156px 0px;
}

#design a:link, #design a:visited {
    background-position: -234px 0px;
}

#quote a:link, #quote a:visited {
    background-position: -312px 0px;
}

#brand a:link, #brand a:visited {
    background-position: -390px 0px;
}

#download a:link, #download a:visited {
    background-position: -468px 0px;
}

#upload a:link, #upload a:visited {
    background-position: -546px 0px;
}

#contactUs a:link, #contactUs a:visited {
    background-position: -624px 0px;
}

#home a:hover, #home a:active {
    background-position: 0px -62px;
}

#orderFlow a:hover, #orderFlow a:active {
    background-position: -78px -62px;
}

#orderQuery a:hover, #orderQuery a:active {
    background-position: -156px -62px;
}

#design a:hover, #design a:active {
    background-position: -234px -62px;
}

#quote a:hover, #quote a:active {
    background-position: -312px -62px;
}

#brand a:hover, #brand a:active {
    background-position: -390px -62px;
}

#download a:hover, #download a:active {
    background-position: -468px -62px;
}

#upload a:hover, #upload a:active {
    background-position: -546px -62px;
}

#contactUs a:hover, #contactUs a:active {
    background-position: -624px -62px;
}

.nav .businessHours {
    width: 165px;
    float: left;
    padding-top: 15px;
    font-size: 12px;
    padding-top: 20px\9;
    padding-left: 5px\9;
}

_:-ms-lang(x), .nav .businessHours {
    padding-top: 20px;
    padding-left: 5px;
}

    .nav .businessHours p {
        padding: 0px;
        margin: 0px;
    }

/*辅助工具*/
.tool div {
    position: fixed;
    cursor: pointer;
}

.body {
    min-height: 768px;
}
/*左边*/
.left {
    width: 234px;
    float: left;
}

    .left dl {
        margin: 0px 0px 20px 0px;
        font-size: 14px;
    }

.left-title {
    width: 234px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    background: url('/assets/images/box.png') no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-title-text {
    width: 160px;
}

.left dl dd {
    margin-left: 15px;
    padding: 0px;
    width: 204px;
    line-height: 25px;
}

    .left dl dd .left-menu {
        display: inline-block;
        width: 194px;
        padding-left: 10px;
        text-decoration: none;
        text-align: left;
    }

    .left dl dd a:link, .left dl dd a:visited {
        color: black;
    }

.hasItems {
    background: url('/assets/images/triangle.png') 192px 5px no-repeat;
}

.left dl dd div {
    position: relative;
    z-index: 1;
    display: none;
}

.left dl dd:hover div {
    display: block;
}

.left dl dd div ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 300px;
    position: absolute;
    top: -25px;
    right: -300px;
}

    .left dl dd div ul .left-subMenu {
        padding-left: 5px;
        text-decoration: none;
        text-align: left;
    }

/*右边*/
.right {
    width: 870px;
    float: left;
    margin-left: 20px;
}

#right-slider {
    width: 100%;
    height: 310px;
    margin: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 20px #7b7777;
    -webkit-box-shadow: 0 0 20px #7b7777;
    box-shadow: 0 0 20px #7b7777;
}

#right-productShow {
    width: 100%;
}

    #right-productShow .productBox {
        margin-top: 25px;
        margin-left: 22px;
        height: 175px;
        float: left;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 20px #7b7777;
        -webkit-box-shadow: 0 0 20px #7b7777;
        box-shadow: 0 0 20px #7b7777;
    }

    #right-productShow .productBox1, #right-productShow .productBox4 {
        margin-left: 0px;
    }

.productBox1, .productBox2, .productBox3, .productBox5 {
    width: 275px;
}

.productBox4 {
    width: 572px;
}

.productBox img {
    padding: 2px;
    width: 270px;
    height: 170px;
}

#right-productShow .productBox4 img {
    width: 568px;
}

#right-other {
    width: 100%;
    margin-top: 25px;
}

#otherBox {
    width: 572px;
    height: 400px;
    margin-right: 20px;
}

#otherBox, #news {
    float: left;
}

#news {
    width: 276px;
}

    #news dl {
        margin: 0px;
    }

        #news dl dt, #news dl dd {
            margin: 0px;
            padding: 0px 0px 0px 10px;
            height: 30px;
            line-height: 30px;
            text-align: left;
        }

        #news dl dt {
            background: url('/assets/images/titleBox.png') no-repeat;
        }

        #news dl dd {
            background-color: #FFF9F1;
        }

            #news dl dd a {
                color: black;
                text-decoration: none;
            }

.notice-container {
    width: 275px;
    height: 298px;
    float: left;
    margin-top: 42px;
}

    .notice-container .notice-content {
        background: url(../images/wvhk-mfecahr.png) no-repeat;
        width: 100%;
        height: 100%;
    }

        .notice-container .notice-content a {
            color: #000;
            position: absolute;
            margin: 122px 0 0 85px;
            font-size: 14px;
            text-decoration: none;
        }

.flag {
    float: left;
    margin-left: 35px;
    margin-top: 20px;
}

    .flag.style1 {
        border: 3px solid #cfcfce;
        border-radius: 12px;
    }

    .flag img {
        width: 832px;
    }

    .flag .honor-title {
        background-color: #f7f8f8;
        height: 40px;
        padding-left: 10px;
        border-radius: 12px;
    }

        .flag .honor-title img {
            width: 121px;
        }

    .flag .honor {
        display: flex;
        flex-wrap: wrap;
        background-color: #f7f8f8;
        padding:10px;
    }

        .flag .honor .honor-item {
            list-style: none;
            display: flex;
            cursor: pointer;
            margin-right:6px;
        }

            .flag .honor .honor-item img {
                width: 83px;
                object-fit: contain;
            }


/*底部*/
.footer {
    padding: 45px 0px 25px 80px;
}

    .footer div {
        margin-bottom: 5px;
    }

    .footer p {
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }

    .footer ul li {
        list-style: none;
        float: left;
        height: 55px;
        margin-right: 20px;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .footer ul li img {
        }
