.dowebok {
    width: 1200px;
    height: 109px;
    margin: 28px auto;
    font-size: xx-large;
    background-color: #E30B20;
}

    .dowebok ul {
        margin: 0;
    }

    .dowebok a {
        color: #333;
        text-decoration: none;
        color: white;
    }

        .dowebok a:hover {
            background-color: #E30B20;
        }

.title {
    margin: 0 auto;
    line-height: 20px;
    text-align: center;
}

.rt-header-h {
    width: 1200px;
    margin: 0px auto;
    height: 464px;
}

.r-left-left {
    width: 400px;
    float: left;
    height: 300px;
    padding: 15px;
}

.r-right-right {
    width: 481px;
    float: right;
    height: 300px;
    padding: 15px 0;
}

.r-left-l {
    width: 600px;
    float: left;
    height: 300px;
    padding: 15px 0;
}

.r-right-r {
    width: 600px;
    float: right;
    height: 300px;
    padding: 0 15px;
}

ul,
ol {
    padding: 0;
}

.banner {
    position: relative;
    overflow: auto;
    text-align: center;
}

    .banner li {
        list-style: none;
    }

    .banner ul li {
        float: left;
    }

#b04 {
    width: 370px;
}

    #b04 .dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
    }

        #b04 .dots li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 4px;
            text-indent: -999em;
            border: 2px solid #fff;
            border-radius: 6px;
            cursor: pointer;
            opacity: .4;
            -webkit-transition: background .5s, opacity .5s;
            -moz-transition: background .5s, opacity .5s;
            transition: background .5s, opacity .5s;
        }

            #b04 .dots li.active {
                background: #fff;
                opacity: 1;
            }

    #b04 .arrow {
        position: absolute;
        top: 186px;
    }

    #b04 #al {
        left: 15px;
    }

    #b04 #ar {
        right: 15px;
    }