a { outline: none; text-shadow: none; font-weight: normal; -webkit-tap-highlight-color: transparent; text-decoration: none; color: #222222; } ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0px; padding: 0px; border: none; list-style: none; font-weight: normal; } body { font-family: "simsun", "宋体", "arial narrow"; margin: 0; color: #252525; background-color: #fff; background-repeat: no-repeat; font-size: 17px; background-attachment: fixed; position: relative; } .common { width: 1000px; height: 300px; margin: 20px auto; } .commonpic { margin: 30px auto; width: 937px; height: 135px; text-align: right; line-height: 130px; } .commonpic a { color: red; } .commonflex { display: flex; height: auto; justify-content: space-around; } .commonflex div { flex: 0 1 45%; } .headlogo { width: 330px; height: 72px; background: no-repeat left top / 100% 100%; } .banner { width: 1100px; height: 430px; background: no-repeat left top / 100% 100%; } .first { /* background-color: aqua; */ } .firstleft { width: 50%; height: 95%; float: left; } .firstleftup {} .firstleftdown { margin: 0 65px; } .firstright { width: 480px; float: right; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .firstrightup { height: 130px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin-bottom: 15px; border-bottom: #9d9d9d 1px dotted; } .commontextformat { height: auto; float: left; text-align: left; line-height: 30px; } .lefttextformat { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; line-height: 50px; } .commonrightflex { margin-left: 50px; } .d::before { content: '\2022'; color: #df0000; font-size: 15px; margin: 0px 10px 0px 0px; } .more { width: 480px; } .second { background: no-repeat left top / 100% 100%; } .third { background: no-repeat left top / 100% 100%; } .fourth { background: no-repeat left top / 100% 100%; } #fourth { margin: 0 auto; width: 1200px; height: 400px; background: no-repeat bottom left / 100% 50%; } #footder { margin-top: 80px; width: 1200px; height: 50px; text-align: center; } #footder>div { display: flex; flex-direction: column; justify-content: space-between; margin: 0 auto; width: 620px; height: 50px; color: #ffffff; } /*焦点图*/ .focus { position: relative; width: 100%; height: 100%; background-color: #000; margin: 0 auto; } .focus img { width: 100%; height: 100%; } .focus .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; } .focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; } .focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #b0b0b0; font: 12px/15px "\5b8b\4f53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #d9d9d9; } .focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; } .focus .fpic { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .focus .d1fbt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } .focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.6); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#80000000', endcolorstr='#80000000')\9; display: block; text-align: left; } .focus .shadow a { text-decoration: none; color: #fff; font-size: 20px; overflow: hidden; margin-left: 10px; font-family: "\5fae\8f6f\96c5\9ed1"; } .focus .fcon { position: relative; width: 100%; height: 100%; float: left; display: none; background: #000 } .focus .fcon img { display: block; } .focus .fbg { bottom: 25px; right: 40px; position: absolute; height: 21px; text-align: center; z-index: 200; } .focus .fbg div { margin: 12px auto 0; overflow: hidden; zoom: 1; height: 14px } .focus .d1fbt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #b0b0b0; font: 12px/15px "\5b8b\4f53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #d9d9d9; } .focus .d1fbt .current, .focus .d1fbt a:hover { background: #fc114a; } .focus .d1fbt img { display: none } .focus .d1fbt i { display: none; font-style: normal; } .focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; } .focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; } .focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; } .focus .prev:hover { background-position: 0 0; } .focus .next:hover { background-position: -40px 0; }