.banner img{ width: 100%; } .section{ color: #fff; text-align: center; margin-top: 83px; } .section .title .desc{ font-size: 30px; margin-bottom: 22px; } .section .title .info{ font-size: 22px; margin-bottom: 76px; } .section .showlist{ margin-bottom: 90px; /* margin-top: 0.5rem; */ overflow: hidden; } .change-page{ margin-bottom: 14px; text-align: right; height: 36px; } .change-page .left,.change-page .right{ width: 42px; cursor: pointer; } .section .showlist .list{ width: 23.75%; margin-right: 1.6%; /* height: 470px; */ /* background-color:#b6885d; */ float: left; position: relative; } .section .showlist .list .play{ width: 30%; position: absolute; top: 50%; margin-top: -15%; left: 50%; margin-left: -15%; cursor: pointer; z-index: 3; } .section .showlist .list:hover{ transform: translateY(-10px); box-shadow: 0 0 15px rgba(255,255,255,0.85); } .section .showlist .clear-right{ margin-right: 0; } .list .video{ width: 100%; display: block; /* height: 390px; */ } .list .from{ height: 80px; padding: 20px; box-sizing: border-box; font-size: 20px; color: #000; background: #fff; } .nextPage{ display: none; } .beianinfo{ display: inline-block; margin-left: 65px; }