*{ margin:0; padding:0 } a{text-decoration: none;color:#333;} a:hover,a:active { color:gray; } body{ min-width: 1200px; /* width:1901px; */ /* height: 3180px; */ min-height:1500px; /* max-height:3180px; */ position:relative; font-family: "微软雅黑" , arial, helvetica, sans-serif; overflow: auto; } .topbanner{ background:url(/uploads/image/rximg/banner.png) center 0 no-repeat; height:280px; width:100%; text-align: center; } /* .banner{ width:100%; height:384px; text-align: center; } */ .learn{ width:1200px; margin:0 auto; margin-top:80px; } .news{ width:1200px; margin:0 auto; margin-top:50px; } .importantnews{ margin-bottom: 20px; } .learn ul>li{ display: block; width:1200px; height:200px; margin-top:30px; border-bottom:2px dashed #dddddd; display:flex; align-items: center; } .learn ul li img{ width:17rem; height:160px; } .learn ul>li>.text{ height:160px; display:flex; flex-direction: column; /* justify-content: space-between; */ padding-top:5px; /* padding-bottom:10px; */ box-sizing: border-box; margin-left:20px; } .learn ul>li>.text>.title{ font-size:25px; font-weight: bold; color:#000000; cursor:pointer; } .learn ul>li>.text>.content{ font-size:18px; color:#b3adad; margin-top:20px; width:880px; word-wrap: break-word; word-break: break-all; overflow: hidden; line-height:35px; } .learn ul>:last-child{ border-bottom:none } .footer{ position:relative; bottom:0; border-top:2px solid red; width:100%; height:120px; box-sizing: border-box; padding-top:20px; text-align: center; color:#4e5465; overflow: hidden; margin-top:-1px; } .footer>div{ font-size:20px; margin-bottom:18px; }