.carousel {
    position: relative;
    margin: 0 auto 16px auto;
    height: 550px;
    width: 1150px;
}
.carousel div.inner {
    position: relative;
    margin: 0 auto;
    height: 550px;
}
.carousel div.inner ul {
    position: relative;
    list-style: none;
    height: 550px;
}
.carousel div.inner ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 550px;
}
.carousel-handler {
    overflow: hidden;
    *zoom: 1;
    width: 1050px;
    margin: 0 auto 59px auto;
}
.carousel-handler ol {
    float: right;
    display: table;
    width: auto;
    height: 8px;
    line-height: 8px;
    list-style: none;
    min-height: 1px;
}
.carousel-handler ol li {
    display: table-cell;
    cursor: pointer;
}
.carousel-handler ol li { background: url("../img/on.png") no-repeat }
.carousel-handler ol li img { margin: 0 5px 0 0 }
.carousel-handler ol li.off img { visibility: visible }
.carousel-handler ol li.on img { visibility: hidden }
.carousel-handler ol li:hover img { visibility: hidden }
.content h2 {
    margin: 0 0 90px;
    line-height: 0;
}
.content h3 {
    margin: 0 0 15px;
    display: inline-block;
}
.content p {
    font-size: 16px;
    line-height: 27px;
}
.carousel .c1 { margin-bottom: 20px }
.carousel .c2 { margin-bottom: 30px }
.content div.l { padding: 0 0 80px }
.content div.l:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.content div.l img {
    float: left;
    margin: 0 20px 0 0;
}
.content div.l div {
    float: right;
    width: 325px;
}
.content div.r { padding: 0 0 80px }
.content div.r:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.content div.r div {
    float: left;
    width: 360px;
}
.content div.r img { float: right }