ï»?newstextBanner{ width: 100%; overflow: hidden; } #newstextBanner img{ width: 100%; } #news{ width: 100%; overflow: hidden; color: #171717; padding: 0 5%; } .newsBg{ background: #ea5529; color: #fff; } .newsClassify{ width: 100%; line-height: 32px; padding-top: 10px; } .newsClassify li{ float: left; width: 25%; text-align: center; font-size: 14px; } .newsClassify li:hover{ background: #ea5529; color: #fff; } .newDet{ padding: 50px 10px; } .newDet p{ font-size: 14px; line-height: 1.5; } .newDet img{ width: 100%; max-width: 640px; } .newDet .pagetitle{ text-align: center; font-size: 16px; margin-bottom: 30px; font-weight: 600; } .back{ width: 100%; margin: 0 10px 20px; } .back a{ font-size: 14px; } @media (min-width:768px){ .back a{ font-size: 16px; } #news{ width: 90%; margin-left: 5%; margin-top: 60px; padding: 0; } .newsClassify{ width: 15%; float:left; line-height: 32px; padding-top: 10px; } .newsClassify li{ float: left; width: 100%; text-align: center; font-size: 14px; } .newsListBox{ width: 80%; float:right; overflow: hidden; } .newsClassify li a{ display: block; line-height: 50px; } .newDet,.back{ width: 90%; margin-left: 5%; } .newDet .pagetitle{ text-align: center; font-size: 18px; margin-bottom: 40px; } .newDet p{ font-size: 16px; line-height: 1.8; } } @media (min-width:960px){ #news,.newDet,.back{ width: 80%; margin-left: 10%; } } @media (min-width:1280px){ #news,.newDet,.back{ width: 70%; margin-left: 15%; } } @media (min-width:1440px){ #news,.newDet,.back{ width: 60%; margin-left: 20%; } .left-list-add-contact{ overflow:hidden; width:100%; margin-top:20px; } .left-list-add-contact h1{ height:50px; line-height:50px; font-size:18px; coloe:#333; background:#ccc; text-align:center; } } @media (min-width:1660px){ #news,.newDet,.back{ width: 56%; margin-left: 22%; } .newsClassify li { line-height: 50px; font-size: 20px; margin: 24px 0; } .newDet{ width: 80%; margin-left: 0; float:right; } #news{ width:1440px; margin-left:0; margin: 0 auto; } }