.content_img img { width: 100%; } .content { background-color: #ffff; padding-bottom: 50px; position: relative; } .content .classification { width: 100% ; background-color: #fff; /* 二级菜单 */ } .content .classification .file_list { display: flex; width: 1400px; margin: 0 auto; align-items: center; justify-content: center; margin: 49px auto 10px; flex-wrap: wrap; } .content .classification .ficationLi { width: 258px; height: 80px; margin: 15px 10px; text-align: center; cursor: pointer; display: block; } .content .classification .ficationLi img { width: 32px; height: 32px; margin: 10px 0 5px; } .content .fication_content { width: 1400px; margin: 0 auto; margin-bottom: 50px; background-color: #fff; } .content .fication_content .details { margin-top: 30px; display: flex; flex-direction: column; align-items: center; } .content .fication_content .details .details_title { margin: 0 auto; font-size: 26px; font-weight: bold; color: #333333; } .content .fication_content .details .details_introduce { line-height: 30px; } .content .fication_content .details .details_img img { height: 6px; width: 126px; } .content .fication_content .details .details_content { margin-top: 20px; width: 100%; display: flex; flex-wrap: wrap; } .content .fication_content .details .details_content div { margin: 13px; width: 440px; height: 365px; background-color: #F4F4F4; position: relative; } .content .fication_content .details .details_content div p { position: absolute; right: 30px; top: 30px; align-items: center; padding: 5px 24px; width: 77px; height: 52px; background-color: #00519D; color: #fff; line-height: 23px ; } .content .fication_content .details .details_content div img { margin: 30px ; height: 265px; width: 380px; } .content .fication_content .details .details_content div span { margin-left: 30px; font-size: 20px; font-weight: 400; color: #333333; display: inline-block; height: 20px ; line-height: 20px; width: 380px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }