image{ float: left; } .body{ width: 100%; height: 650px; margin-top: 10px; margin-bottom: 30px; border: 1px solid #dedede; background-color: #ffffff; box-sizing: content-box; } .b-left{ width: 220px; height: 100%; float: left; border-right: 1px solid #d3d3d3; box-sizing: content-box; } .b-left ul{ margin-top: -4px; } .b-left ul li{ padding: 12px 30px; font-size: 14px; border-left: 2px solid transparent; } .b-left ul li.changeColor{ padding: 12px 30px; font-size: 14px; border-left-color: #cb4444; color: #cb4444; background-color: #ebebeb; } .changeColor:before{ content: ">"; float: right; } .b-left ul li:hover{ border-left-color: #cb4444; color: #cb4444; background-color: #ebebeb; cursor: pointer; } .b-left ul li:hover:before{ content: ">"; float: right; } .b-right{ width: 966px; height: 100%; float: left; padding: 0 20px; /* background: url("/datazyszhjhacom/odweb/cities/img/about/bg.png") no-repeat 450px 330px; */ } .website{ height: 70px; line-height: 70px; font-size: 16px; color: #003333; } .bottom-line{ margin-bottom: 15px; border-bottom: 2px solid #cb4444; } .content{ text-indent:2em margin-top: 15px; font-size: 14px; line-height: 35px; color: #003333; } .imgContainer{ float: left; } .ContactInfo{ float: left; margin-left: 20px; color: #003333; } .shrink { text-indent: 2em; } .body{ height: auto; overflow: hidden; } .b-left{ border-right: none; } .b-right{ padding-bottom: 20px; border-left: 1px solid #d3d3d3; }