ï»?newsbanner{ width: 100%; overflow: hidden; } #newsbanner img{ width: 100%; } .newsBg{ background: #ea5529; color: #fff; } .back{ width: 90%; margin: 0 5%; } .back a img{ font-size: 14px; } @media (min-width:768px){ #newsbanner{ width: 100%; overflow: hidden; } } #newsContent{ width: 100%; overflow: hidden; color: #171717; font-size: 14px; } .newsContent{ width: 100%; max-width: 1440px; } .news{ width: 100%; overflow: hidden; padding: 0 5%; } .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; } .newsList{ width:100%; margin: 6px 0 20px; overflow: hidden; } .newsList li{ width: 100%; overflow: hidden; padding: 18px 0; border-bottom: 1px solid #8e8e8e; } .newsList li a{ line-height: 24px; } .newsList li span{ float: right; } @media (min-width:768px){ .clickTitle a{ background: #ea5529; color: #fff; } .newsContent{ width: 80%; margin: 0 10%; } .news{ padding: 0; } .newsClassify{ min-width: 180px; } .newsClassify li{ font-size: 18px; margin: 20px 0; } .newsClassify li a{ display: block; line-height: 50px; } .newsList li a{ line-height: 28px; font-size: 16px; } .newsList li span{ display: block; line-height: 28px; } } @media (min-width:1000px){ .clickTitle a{ background: #ea5529; color: #fff; } .newsClassify li{ line-height: 50px; font-size: 20px; margin: 24px 0; } } @media (min-width:1200px){ .newsContent{ width: 70%; margin: 0 15%; } .clickTitle a{ background: #ea5529; color: #fff; } .newsList li{padding: 30px 0;} .newsList li a{float: left;} .newsList li span{float: right;} } @media (min-width:1440px){ .newsContent{ width: 1440px; margin: 0 auto; } } .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; } .listpage li {margin-bottom: 14px;margin-top: 30px;font-size: 14px;line-height: 30px;float: left;} .listpage li a{border: 1px solid #ccc;padding: 0 5px;margin-left: 5px} .listpage li:nth-child(n+3):nth-last-child(n+3) span{border: 1px solid #ccc;padding: 0 5px;margin-left: 5px;background: #ea5529;} .listpage li span{border: 1px solid #ccc;padding: 0 5px;margin-left: 5px;} .listpage b{padding: 0 5px;} .listpage li a:hover{border: 1px solid #ccc;background: #ea5529;color: #fff;transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;} @media screen and (max-width:768px){ .newsClassify { width: 100%; } .newsListBox { width: 100%; } }