*{ margin: 0; padding: 0; } body{ width: 100%; height: 100%; background: #e5e5e5; } .box-con{ width: 1000px; height: auto; margin: 0 auto; padding: 20px; margin-top: 20px; background: #ffffff; } h1{ margin: 0 10px 10px 0; display: inline; font-size: 34px; line-height: 1.15; font-weight: 400; vertical-align: sub; } .h1-con{ margin-bottom: 10px; } .para{ font-size: 14px; word-wrap: break-word; color: #333; margin-bottom: 15px; text-indent: 2em; line-height: 24px; zoom: 1; } .level-2{ display: block; clear: both; zoom: 1; overflow: hidden; font-size: 20px; border-left: 12px solid #4F9CEE; line-height: 40px; padding-left: 15px; height: 40px; font-size: 14px; font-weight: 400; font-family: Microsoft YaHei,SimHei,Verdana; position: relative; } h3{ font-size: 18px; font-weight: 400; margin-left: 25px; } .header{ clear: both; height: 40px; border-bottom: 1px solid #e0e0e0; background: #f5f5f5; } .header > .title{ font-size: 19px; font-family: Microsoft YaHei,sans-serif; line-height: 40px; padding-left: 10px; } .img-list{ height: 120px; padding-top: 15px; text-align: left; } .img-list > div{ width: 250px; height: 180px; float: left; } .img-list > div>img{ width: 80%; } .carouselBottom{ width: 100%; height: 76px; background: #459df5; display: flex; justify-content: center; } .carouselBottom .bottomItem{ display: flex; align-items: center; padding:0px 40px; color: #fff; font-size: 20px; text-decoration: none; } .carouselBottom .bottomItem img{ margin:0px 20px 0px 10px; width: 38px; } .carouselBottom .bottomItem:hover,.carouselBottom .bottomItem.active { background: rgba(255,255,255,0.2); } .opration{ width: 240px; height: 40px; float: right; text-align: right; } .opration > button{ width: 60px; height: 30px; margin-right: 10px; cursor: pointer; transition: all 0.3s; } .opration > button:hover{ background: #459df5; color: white; border: none; } /* .opration > span{ color: #999999; font-size: 14px; transition: all 0.3s; display: none; } */