@charset "utf-8"; .w100 { width: 100%; } .mt9 { margin-top: 9px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .weilei { content: ""; position: absolute; } .overhidden { overflow: hidden; } .common { padding-top: 55px; } .title { background: url(/bjmtg/xhtml/2020bjmtg/images/zmhd/red_s.png) no-repeat 1px; padding-left: 24px; border-bottom: 1px solid #d7d7d7; } .title h3 { float: left; font-size: 24px; padding-bottom: 5px; } .title a { float: right; } .qld { width: 100%; } body { background: #fff; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } ul.list li { line-height: 38px; height: 38px; font-size: 15px; padding-left: 12px; background: url(/bjmtg/xhtml/2020bjmtg/images/public/i107.jpg) no-repeat 0; } @media (max-width: 768px) { ul.list li { line-height: 32px; height: 32px; } } ul.list li .date { float: right; color: #999; font-size: 14px; } .column-more { color: #999; font-size: 13px; font-weight: 400; float: right; line-height: 40px; } ul.list li a { display: inline-block; width: calc(100% - 3em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabs { border-bottom: 1px solid #d7d7d7; height: 40px; line-height: 35px; font-weight: 700; font-size: 24px; color: #999; background: url(/bjmtg/xhtml/2020bjmtg/images/zmhd/red_s.png) no-repeat 1px; padding-left: 20px; }.common1 ul li img{    display: block;
    margin: 0 auto;} @media (max-width: 768px) { .tabs { padding-left: 10px; } } .tabs1 { border-bottom: 1px solid #d7d7d7; height: 40px; line-height: 35px; font-weight: 700; font-size: 24px; color: #999; background: url(/bjmtg/xhtml/2020bjmtg/images/zmhd/red_s.png) no-repeat 1px; padding-left: 20px; } @media (max-width: 768px) { .tabs1 { padding-left: 10px; } } .tabs1 .zlm { font-size: 16px; } .tabs1 .zlm a { color: #999; } .tabs1 .zlm a.active { color: #bd1a2d; } .tabs .active { font-size: 24px; color: #333; } @media (max-width: 768px) { .tabs .active { font-size: 18px; } } .mt9 { margin-top: 20px; } .common1 { margin-top: 40px; height: 237px; background-color: #f6f6f6; } .common1 ul { width: 1200px; margin: 0 auto; overflow: hidden; padding: 30px 0; } .common1 ul li { float: left; margin: 10px 55px 10px 0; margin: 10px 62px 10px 0 \0; } .common1 ul li p { text-align: center; margin-top: 24px; } .common1 ul li:last-child { margin-right: 0; } .tabs .zlm { float: left; } .tabs .zlm span a { font-size: 18px; color: #666; height: 37px; padding: 0 4px; } .tabs .zlm span a.active { color: #bd1a2d; } .common4 { margin-top: 40px; } .common3 { margin-top: 40px; } .yqlj { margin-top: 30px; } .yqlj .qzfbm { background: #f6f6f6; height: 44px; } .yqlj .qzfbm span { width: 170px; height: 45px; color: #666; text-align: center; line-height: 45px; font-size: 18px; display: inline-block; background: url(/bjmtg/xhtml/2020bjmtg/images/zwgk/hs.png) no-repeat 140px; border-top: 2px solid #f6f6f6; } .yqlj .qzfbm span.active { border-top: 2px solid #bd1a2d; color: #bd1a2d; background: url(/bjmtg/xhtml/2020bjmtg/images/zwgk/active.png) #fff no-repeat 140px; } .yqlj .common5 { box-shadow: 0 0 9px #f3f3f3; margin-bottom: 30px; } .yqlj .common5 ul { padding: 20px 74px 23px; overflow-y: auto; height: 147px; line-height: 40px; display: none; } .yqlj .common5 ul li { float: left; margin-right: 1%; width: 19%; } .yqlj .common5 ul li:nth-child(5n) { margin-right: 0; } .yqlj .common5 ul.active { display: block; } @media (max-width: 768px) { .common1 ul { width: 100%; padding: 20px 0; } .common1 ul li { margin-right: 0; width: 96px; } .common1 ul li img { width: 70%; margin: 0 auto; display: block; } .common1 ul li p { margin-top: 10px; } .common { padding-top: 20px; } .common1 { height: 188px; } .yqlj .common5 ul { padding: 20px 50px 23px; } } @media (max-width: 414px) { .fl { float: none; } .common1 { height: auto; } .qld_1 img { width: 80%; } .tabs .zlm { float: none; } .yqlj .common5 ul { padding: 2% 3%; } .yqlj .common5 ul li { width: 49%; margin-right: 0; line-height: 33px; } .common3 .swiper-container-t1 { margin-top: 10px; } .common3 .tabs1 { background: url(/bjmtg/xhtml/2020bjmtg/images/zmhd/red_s.png) no-repeat 1px 9px; border: 0; } .common3 .tabs1 .jdhy { border-bottom: 1px solid #d7d7d7; width: 100%; margin-left: -19px; padding-left: 19px; background: 0 0; } .common3 .tabs-t1 .zlm a.active { width: auto; display: inline-block; } .tabs a { padding: 0 2px; } } @media (max-width: 375px) { .common1 ul li { width: 90px; } } @media (max-width: 320px) { .yqlj .qzfbm span { width: 151px; } } .tabs a { background: 0 0; } @media (max-width: 768px) { .mt9 { margin-top: 9px; } .common .col.fr { margin-top: 20px; } .common3 .col.fr { margin-top: 20px; } .common3 .tabs1 .jdhy { font-size: 18px; } .tabs a { font-size: 18px; } }