﻿/* head */

.head {
    width: 100%;
}

.nav {
    width: 100%;
    height: 53px;
    background: #1d1d1d;
}

    .nav ul {
        width: 1200px;
        height: 53px;
        margin: 0 auto;
    }

        .nav ul li {
            float: left;
            width: 140px;
            height: 53px;
            position: relative;
            z-index: 9;
	/*margin-left:40px;*/
        }

            .nav ul li.first {
                float: left;
                 width: 150px;
                height: 53px;
	margin-left:40px;
            } 

                .nav ul li.first a {
                    float: left;
                    width: 150px;
                    background: url(https://css.bj003.com/Template/Temp/9/images/index.png) 15px 15px no-repeat;
                    padding: 0 0 0 20px;
                }

            .nav ul li a {
                float: left;
                width: 150px;
                height: 53px;
                font-size: 14px;
                color: #ffffff;
                line-height: 53px;
                text-align: center;
            }

                .nav ul li a:hover {
                    background: #bb262a;
                    width: 150px;
                    border-left: 1px solid #b71316;
                    border-right: 1px solid #b71316;
                }

                .nav ul li a.cur {
                    background: #bb262a;
                    width: 98px;
                    border-left: 1px solid #b71316;
                    border-right: 1px solid #b71316;
                }

            .nav ul li.first a:hover {
                background: url(https://css.bj003.com/Template/Temp/9/images/index.png) #bb262a 14px 15px no-repeat;
                width: 150px;
                border-left: 1px solid #b71316;
                border-right: 1px solid #b71316;
                padding: 0 0 0 20px;
            }

            .nav ul li p {
                display: none;
                position: absolute;
                top: 53px;
                left: 0;
                width: 98px;
                border-left: 1px solid #b71316;
                border-right: 1px solid #b71316;
                background: url(https://css.bj003.com/Template/Temp/9/images/navbg.png) left top repeat;
            }

                .nav ul li p a {
                    float: left;
                    width: 98px;
                    height: 46px;
                    line-height: 46px;
                    border-top: 1px solid #b71316;
                }

                    .nav ul li p a:hover {
                        width: 98px;
                        border: 0;
                        border-top: 1px solid #b71316;
                        background: none;
                    }

.headtop {
    width: 100%;
    height: 96px;
    background: url(https://css.bj003.com/Template/Temp/9/images/top.jpg) left top repeat-x;
    border-top: 1px solid #ff1500;
    border-bottom: 1px solid #ff1500;
}

    .headtop p {
        width: 1000px;
        margin:-20px auto 0px auto;
        height: 96px;
    }

        .headtop p a {
            float: left;
            padding: 25px 0 0 0;
        }

        .headtop p span {
            color: #fff;
            float: right;
            height: 50px;
            background: url(https://css.bj003.com/Template/Temp/9/images/tel.png) left center no-repeat;
            padding: 0 0 0 45px;
            display: inline;
            margin: 30px 0 0 0;
            font-size: 14px;
        }

            .headtop p span label {
                font-family: 微软雅黑;
                font-size: 30px;
            }


.index_brand {
    height: 450px;
    margin: auto;
    position: relative;
    background: #c5cde4;
}

.banner li {
    width: 100%;
    height: 450px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

    .banner li a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

.banner .number {
    height: 6px;
    position: absolute;
    left: 20%;
    bottom: 20px;
}

    .banner .number span {
        display: inline-block;
        width: 30px;
        height: 8px;
        background: #fff;
        cursor: pointer;
        margin-left: 3px;
        position: relative;
        overflow: hidden;
    }

        .banner .number span.on {
            background: #d40000;
        }

