.banner { width: 100%; } .banner img { display: block; width: 100%; } .main { padding-top: 80px; padding-bottom: 120px; } .main .main_top ul.typelist:after { display: table; content: ""; clear: both; } .main .main_top ul.typelist li { float: left; } .main .main_top ul.typelist li a { display: block; font-size: 18px; color: #434343; line-height: 140px; margin-left: 60px; } .main .main_top ul.typelist li.active a { color: #bca17b; } .main .item1 .news_read h4.news_title { font-size: 18px; color: #494d55; text-align: center; line-height: 18px; font-weight: 500; } .main .item1 .news_read p.addtime { font-size: 14px; color: #747474; text-align: center; line-height: 52px; } .main .item1 .news_read .content { margin: 0 50px; width: calc(100% - 100px); border-bottom: 1px solid #dbdbdd; padding-bottom: 50px; margin-top: 45px; } .main .item1 .news_read .content p { font-size: 14px; color: #494d55; line-height: 25px; margin-bottom: 20px; } .main .item1 .news_read .content p img { display: block; margin: 0 auto; max-width: 100%; } .main .article_page { width: calc(100% - 100px); margin: 0 50px; margin-top: 40px; } .main .article_page>a { display: block; font-size: 16px; color: #494d55; line-height: 44px; } .main .article_page>a>* { float: left; } .main .article_page>a span { width: 44px; height: 44px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/article_page_i.png); background-color: #1eb6a9; } .main .article_page>a span.news_prev_icon { margin-right: 15px; } .main .article_page>a span.news_next_icon { margin-left: 15px; transform: rotateY(180deg); } @media screen and (max-width: 550px) { .main { padding-top: 0px; padding-bottom: 70px; } .main .item1 .news_read .content p img{ width: 100% !important; height:auto !important; } .main .main_top { display: none; } .main .item1 .news_read { box-sizing: border-box; padding: 0 10px; } .main .item1 .news_read h4.news_title { font-size: 16px; line-height: 32px; margin-top: 40px; } .main .item1 .news_read .content { width: 100%; margin: 0px; margin-top: 20px; } .main .article_page { width: 100%; margin: 0px; box-sizing: border-box; padding: 0 10px; margin-top: 40px; } .main .article_page>a { float: none; font-size: 14px; } .main .article_page>a span { display: none; } .main .article_page>a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }