@charset "utf-8";

html {
    -webkit-text-size-adjust: none;
}

* {
    margin: 0;
    padding: 0;
}


/*IE<br>*/

body {
    font-family: '微软雅黑', Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

a {
    color: #666;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

img {
    border: none;
    width: 100%;
    display: inline-block;
}

ul,
dl,
dt,
dd,
h1 {
    margin: 0;
    padding: 0;
}

ul,
dl,
ol {
    list-style: none;
}

li {
    list-style: none;
}

.l {
    float: left !important;
}

.r {
    float: right !important;
}


/*公用样式*/

.width_1200 {
    overflow: hidden;
    max-width: 1200px;
    _width: 1200px;
    margin: 0 auto;
}

.heard_top {
    width: 100%;
    background: #272727;
}

    .heard_top li {
        float: left;
        height: 34px;
        line-height: 34px;
        color: #969696;
    }

        .heard_top li a {
            display: inline-block;
            padding: 0 26px;
            border-right: 1px solid #686868;
            height: 34px;
            line-height: 34px;
            color: #969696;
        }

            .heard_top li a:last-child {
                border: 0;
                background: url(/Content/images/icon04.jpg) 60.5% bottom no-repeat;
            }

            .heard_top li a img {
                display: inline-block;
                vertical-align: middle;
                margin-right: 16px;
                width: 14px;
            }

        .heard_top li.l {
            width: 140px;
            text-align: center;
        }

.flex {
    display: flex;
}

.flex-v-center {
    align-items: center;
}

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

.w90p {
    width: 90%;
}
/*头*/
#head {
    position: relative;
    z-index: 99;
    overflow: hidden;
}

    #head #logo {
        margin-top: 10px;
        width: 64px;
        float: left;
    }

        #head #logo > img {
            max-width: 100%;
            max-height: 100%;
            width: inherit;
        }

    #head #head_r {
        width: calc(100% - 64px);
        width: -webkit-calc(100% - 64px);
        width: -moz-calc(100% - 64px);
        height: 120px;
        font-size: 16px;
        float: right;
        position: relative;
    }

        #head #head_r input {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -198px;
            margin-top: -14px;
            width: 396px;
            height: 28px;
            line-height: 28px;
            border: 0;
            border-bottom: 1px solid #c5c5c5;
        }

        #head #head_r img.search,
        #head #head_r img.Shopping {
            width: 28px;
            position: absolute;
            top: 50%;
            left: 70%;
            margin-top: -14px;
            cursor: pointer;
        }

        #head #head_r img.Shopping {
            left: 75%;
        }

        #head #head_r img.code {
            position: absolute;
            left: 90.5%;
            top: 0;
            width: 100px;
        }

    #head a {
        padding-top: 6px;
    }

        #head a:hover {
            text-decoration: none;
            background: url(/Content/images/xzz.gif) center top no-repeat;
        }

    #head #head_r .area {
        float: left;
        line-height: 30px;
        padding-left: 84px;
        padding-right: 20px;
        background: url(/Content/images/icon-new.png) 0px -1059px no-repeat;
    }

    #head #head_r .tmc {
        float: left;
        line-height: 30px;
        padding-left: 34px;
        background: url(/Content/images/icon-new.png) 0px -1136px no-repeat;
    }

        #head #head_r .tmc a {
            color: #04aeda;
            margin: 0;
        }

            #head #head_r .tmc a:hover {
                text-decoration: underline;
            }


/*导航*/

.nav {
    float: left;
    width: 66%;
    margin-left: 17%;
    padding-bottom: 20px;
}

    .nav li {
        margin-right: 14.5%;
        line-height: 1;
        float: left;
    }

        .nav li a {
            line-height: 1.6;
            width: 100%;
            font-size: 16px;
            display: block;
            text-align: center;
            border-bottom: 2px solid #fff;
        }

            .nav li a.active,
            .nav li a:hover {
                border-bottom: 2px solid #b31411;
                color: #b31411;
            }


/*底部*/

.foot {
    margin-top: 10px;
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
    /* background: #272727;
    color: #fff;*/
    border-top: 1px solid #e4e4e4;
}

    .foot li {
        float: left;
        width: 33.33%;
        height: 120px;
        box-sizing: border-box;
        border-right: 1px solid #646464;
    }

        .foot li:last-child {
            border: 0;
        }

        .foot li p {
            width: 100%;
            text-align: center;
            line-height: 1.8;
        }

            .foot li p:first-child {
                font-size: 14px;
            }

            .foot li p.min {
                font-size: 14px;
            }

            .foot li p img.logo {
                width: 108px;
            }

            .foot li p img.code {
                width: 92px;
            }

            .foot li p.font16 {
            }

    .foot .foot-lt {
        flex: 1;
    }

    .foot .foot-rt {
    }

    .foot .foot-lt > p {
        line-height: 1.25rem;
    }

    .foot .foot-bylogo {
        width: 122px;
    }

    .foot .foot-logo {
        width: 58px;
        height: 58px;
    }

    .foot .foot-main {
        width: 90%;
        margin: 0 auto;
        /*border-top: 1px solid #e4e4e4;*/
        padding: 0 15px;
    }

        .foot .foot-main > .flex {
            height: 65px;
            align-items: flex-start;
            margin-top: 15px;
        }

.copyright {
    margin-top: 20px;
    overflow: hidden;
}

    .copyright li {
        border: 0;
        line-height: 2;
        color: #979797;
    }

        .copyright li p.font26 {
            font-size: 18px;
        }

        .copyright li p.font12 {
            font-size: 12px;
        }

.copyright_txt {
    text-align: center;
    line-height: 4;
    color: #979797;
    border-top: 1px solid #474747;
}

    .copyright_txt a {
        color: #979797;
    }