.bgc{ width: 100%; height:100%; background: #eef2fa; padding: 45px 0; } .body{ width: 1100px; height:auto; background: #fff; margin: 0 auto; overflow: auto; position: relative; } .box { margin-top:13px; padding-bottom: 30px; background-image: ; } .box-img { width: 600px; height: 300px; overflow: hidden; margin-left: 253px; margin-top: -15px; } .box-img img{ position: relative; top: -13px; } .titp{ } .leftside { width: 227px; height: 100%; position: absolute; background: #f9f9f9; bottom: 0; } .leftside li{ height: 60px; line-height: 60px; color: #303030; font-size: 18px; text-align: center; border-bottom: 1px solid #f5f5f5; font-family: arial,"微软雅黑","microsoft yahei","hiragino sans gb","冬青黑体简体中文 w3","microsoft yahei","hiragino sans gb","冬青黑体简体中文 w3",stxihei,"华文细黑",simsun,"宋体",heiti,"黑体",sans-serif; } } .leftside li a:link{ color: #303030 !important; } .leftside li a:hover{ color: #3ca5f6; } .leftside .active { color: #3ca5f6; border-left: 2px solid #909090; background-color: #fff; margin-right: -1px; } .rightside{ width: 787px; padding: 0 20px; text-align: left; margin-left: 227px; min-height: 712px; } .bor{ border-bottom: 1px solid #f0f0f0; } .rightside span{ line-height: 58px; font-size: 18px; color: #303030; border-bottom: 2px solid #909090; display: inline-block; width: 125px; text-align: center; } .rightside p{ text-align: left; font-size: 16px; color: #333; line-height: 34px; } .rightside img{ position: relative; float: right; right: 0; top: 33px; }