/*layout1 start*/ #layout1 .focus img { width: 550px; height: 330px } #layout1 .focus p { font-size: 18px; line-height: 50px; position: absolute; z-index: 9; bottom: 0; left: 20px; max-width: 450px; height: 50px } #layout1 .focus .point li { display: inline; float: left; width: 5px; height: 5px; margin-right: 6px; cursor: pointer; border: 1px solid #ac1f25; border-radius: 50% } #layout1 { height: 360px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } #layout1 .focus { position: relative; float: left; width: 550px; height: 330px } #layout1>.focus { margin-top: 12px; margin-left: 20px } #layout1 .focus .shadow { position: absolute; z-index: 1; bottom: -50px; left: 0; width: 100%; height: 50px; opacity: .5; background: #fff } #layout1 .focus .point { position: absolute; z-index: 10; right: 5px; bottom: -29px } #layout1 .focus .point span { display: inline; float: left; width: 5px; height: 5px; margin-right: 6px; cursor: pointer; border: 1px solid #ac1f25; border-radius: 50% } #layout1 .focus .point .current { background: #ac1f25 } #layout1 .focus .arrow { position: absolute; top: 120px; width: 34px; height: 67px; cursor: pointer } #layout1 .focus .arrow1 { left: 0; background: url(/uploads/image/suimg/ly1-arrow1.png) } #layout1 .focus .arrow2 { right: 0; background: url(/uploads/image/suimg/ly1-arrow2.png) } #layout1 .text table { height: 352px; margin-top: -1px } #layout1 .text table td { font-size: 23px; line-height: 28px; border-top: 1px solid #e6e6e6 } #layout1 .text table td a:hover { text-decoration: none } #layout1 .text table td a { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } #layout1 .text table tbody tr:nth-child(1) td a { font-weight: 700 } #layout1 .text table td a #layout5 .show .f11 li { width: 250px } #layout1 .focus:hover .arrow { background-color: rgba(0, 0, 0, .5) } #layout1 .focus table { font-size: 17px; line-height: 24px; position: absolute; z-index: 9; bottom: 0; left: 0; width: 550px; height: 50px; background: rgba(0, 0, 0, .5) } #layout1 .focus table a { display: block; overflow: hidden; width: 528px; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; color: #fff } #layout1 .text { display: inline; float: right; width: 540px; margin: 12px 25px 0 0; overflow: hidden } #layout1 .text .title { line-height: 24px; position: relative; height: 24px } #layout1 .text .title i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 1px; background: #e6e6e6 } #layout1 .text .title span { font-size: 18px; font-weight: 700; position: relative; z-index: 9; float: left; padding-right: 5px; color: #c00; background: #f4f4f4 } #layout1 .text .title .more { position: relative; z-index: 9; float: right; width: 16px; height: 4px; margin-top: 10px; padding-left: 10px; background: #f4f4f4 url(/uploads/image/suimg/more1.png) no-repeat right center } #layout1 .text .list { overflow: hidden; margin-top: 5px } #layout1 .text .list ul { margin-top: -1px } #layout1 .text .list li { font-size: 25px; line-height: 30px; max-height: 60px; padding: 10px 0; border-top: 1px solid #e6e6e6 } #layout1 .text .list li a:hover { text-decoration: none } /*layout1 end*/ /*layout2 start*/ #layout2 .main { float: left; width: 590px; height: 1010px; margin-top: 1px; padding-top: 0; border: none; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } #layout2 .main .title span { font-size: 18px; font-weight: 700; float: left; color: #c00 } #layout2 .main .title .more { float: right; width: 16px; height: 4px; margin-top: 10px; /*background: url(/uploads/image/suimg/more1.png)*/ } #layout2 .main .list ul { margin-top: -1px } #layout2 .main .list li { font-size: 18px; line-height: 39px; height: 39px; padding-left: 13px; border-top: 1px solid #ececec; background: url(/uploads/image/suimg/list1.png) no-repeat left 16px } #layout2 .main .list a { float: left; max-width: 550px } #layout2 .main .list span { float: right } #layout2 .side { float: right; width: 590px; height: 1010px; /*padding: 15px 20px 15px 20px;*/ /* background: #f9f9f9; */ box-shadow: 0 0 5px rgba(0, 0, 0, .2) } #layout2 .side a img { width: 100% } #layout2 .side .report { position: relative; height: 165px; background: } #layout2 .side .report .link { position: absolute; right: 0; bottom: 0; width: 187px; height: 95px } #layout2 .side .report .link:hover { box-shadow: 0 0 8px #fff inset } .title2 { line-height: 26px; position: relative; height: 26px; text-align: center } .title2 span { font-size: 20px; font-weight: 700; position: relative; z-index: 9; padding: 0 20px; letter-spacing: 3px; color: #9b171e; background: #fff } #layout2 .videobox { position: relative; display: block; width: 550px; height: 301px; margin: 10px 0 } #layout2 .videobox p { font-size: 16px; line-height: 24px; position: absolute; bottom: 0; left: 0; width: 540px; padding: 5px; color: #fff; background-color: rgba(0, 0, 0, .5) } #layout2 .videobox .play { position: absolute; top: 28%; left: 43%; width: 15% } .title2 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #ac1f25 } #layout2 .block .tab { margin-left: -12px; } #layout2 .block .tab .on { color: #fff; background: #064ec0; } #layout2 .block .tab a { font-size: 20px; line-height: 38px; display: inline; float: left; width: 132px; height: 38px; margin-left: 12px; text-align: center; color: #999; border: 1px solid #eee; } #layout2 .block ul { margin-top: 20px; } #layout2 .block li { font-size: 20px; line-height: 40px; height: 50px; padding-left: 13px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat left 17px; } #block-2-left-1>div>ul>li>a, #block-2-left-2>div>ul>li>a, #block-2-left-3>div>ul>li>a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .ztzl { width: 545px; margin: 0 auto; } .jbfs { width: 545px; height: 187px; margin: 0 auto; background: ; } .jbfs-address { padding-top: 12px; padding-left: 160px; font-size: 17px; color: #ffffff; } /*layout2 end*/ /*layout3 start*/ #layout3 .title2 { font-size: 24px; font-weight: 700; line-height: 45px; height: 56px; padding-left: 58px; color: #000; background: url(/uploads/image/suimg/tbg_als_2.png) } #layout3 .block .tab .current { font-weight: 700; color: #c00 } #layout3 .block .tab .on { color: #2756a8; font-weight: bold; /* background: #064ec0; */ font-size: 22px; } #layout3 .block ul { margin-top: 20px } #layout3 .block2 { height: 130px; margin-top: 20px; border: 1px solid #f0f0f0; background: #f7f7f7 } #layout3 .block2 table { font-size: 16px; line-height: 28px; width: 100%; height: 100%; color: #333 } #layout3 .block2 td { padding: 0 30px } #layout3 .block3 { margin-top: 35px } #layout3 .block3 ul { zoom: 1; margin-left: -60px } #layout3 .block3 li { font-size: 18px; line-height: 40px; display: inline; float: left; width: 537px; height: 40px; margin-left: 60px; padding-left: 13px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat left 17px } #layout3 .block2 { height: 130px; margin-top: 20px; border: 1px solid #f0f0f0; background: #f7f7f7 } #layout3 .block2 table { font-size: 16px; line-height: 28px; width: 100%; height: 100%; color: #333 } #layout3 .block2 td { padding: 0 15px } #layout3 .block3 { width: 570px; margin-top: 30px } #layout3 .block3 .title { font-size: 22px; font-weight: 700; line-height: 24px; float: left; width: 38px; height: 104px; padding-top: 16px; text-align: center; color: #c00; border: 1px solid #eee; background: #f9f9f9 } #layout3 .block3 ul { float: right; width: 500px } #layout3 .block3 li { font-size: 18px; line-height: 40px; height: 40px; padding-left: 13px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat left 17px } #layout3 .block .tab .current { font-weight: 700; color: #c00 } #layout3 .block3 li { font-size: 20px; width: 500px; margin-left: -10px } /*layout3 end*/ /*layout4 start*/ .layout4-main { width: 670px } .layout4-main .tab { float: left; width: 116px; margin-top: 20px } .layout4-main .tab a { font-size: 22px; line-height: 22px; display: inline; float: left; width: 38px; height: 108px; margin: 12px 18px 0 0; padding-top: 20px; text-align: center; color: #999; border: 1px solid #eee; background: #f9f9f9 } .layout4-main .tab a:hover { text-decoration: none } .layout4-main .tab .current { font-weight: 700; color: #c00; background: #fff url(/uploads/image/suimg/ly4-tab.gif) no-repeat left top } .layout4-main .tab .on { font-weight: 700; color: #c00; background: #fff url(/uploads/image/suimg/ly4-tab.gif) no-repeat left top } .layout4-main .show .hot { margin-bottom: 2px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7 } .layout4-main .show .hot h3 { font-size: 18px; font-weight: 400; line-height: 24px; height: 24px } .layout4-main .show .hot p { line-height: 22px; max-height: 44px; margin-top: 3px; color: #666 } .layout4-main .show .list { overflow: hidden } .layout4-main .show .list ul { zoom: 1; margin-left: -15px } .layout4-main .show .list li { font-size: 20px; line-height: 50px; display: inline; float: left; width: 244px; height: 50px; padding-left: 28px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat 15px 17px } .layout4-main .show .list2 ul { zoom: 1; margin-left: -15px } .layout4-main .show .list2 li { font-size: 20px; line-height: 40px; height: 50px; padding-left: 28px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat 15px 17px } #layout4 .left, #layout4 .right { width: 495px; margin-right: 0 } #layout4 .right li { display: inline; float: right; width: 480px; height: 50px; } #layout4 .right li img { width: 100%; height: 100% } #tab-als a span { position: absolute; top: 61px; left: 16px; color: #ffffff; font-size: 16px; } /*layout4 end*/ /*layout5 start*/ #layout5 { border-bottom: 1px solid #f4f4f4; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } #layout5 .tab { font-size: 18px; display: flex; background: #fff; justify-content: space-around } #layout5 .tab a { line-height: 45px; height: 45px; margin-top: 15px; padding: 0 100px; color: #333; border-radius: 10px 10px 0 0 } #layout5 .tab a:hover { text-decoration: none } #layout5 .tab .current { background: #f4f4f4 } #layout5 .tab .on { font-weight: 700; background: #f4f4f4 } #layout5 .tab a img { display: inline-block; margin-left: 5px; } #layout5 .show { overflow-y: scroll; min-height: 145px; margin: 0 10px 10px; padding: 15px 20px 5px 20px; background: #f4f4f4 } #layout5 .show ul { margin-bottom: 10px } #layout5 .show li { display: inline; float: left; margin-right: 25px } #layout5 .show .f18 li { font-size: 18px; line-height: 34px } #layout5 .show .f16 li { font-size: 16px; line-height: 30px } #layout2 .main .title span { font-size: 22px; font-weight: 700; float: left; color: #c00 } #layout2 .main .title .more { float: right; width: 16px; height: 4px; margin-top: 10px; } #layout2 .main .list ul { margin-top: -1px } #layout2 .main .list li { font-size: 20px; line-height: 39px; height: 39px; padding-left: 13px; border-top: 1px solid #ececec; background: url(/uploads/image/suimg/list1.png) no-repeat left 16px } #layout2 .main table { width: 100%; height: 160px; margin-top: -1px } #layout2 .main table:nth-child(2) { margin-top: 30px } #layout2 .main table td { font-size: 20px; line-height: 25px; border-top: 1px solid #ececec } #layout2 .main table td a { display: inline-block; padding-left: 13px; background: url(/uploads/image/suimg/list1.png) no-repeat left 10px } .layout4-main .show .hot h3 { font-weight: 400 } #layout5 .show .f11 li { width: 250px } .layout4-main .show .list li { line-height: 46px; height: 45px } .layout4-main .tab a { font-size: 22px; line-height: 22px; display: inline; float: left; width: 38px; height: 108px; margin: 12px 18px 0 0; padding-top: 20px; text-align: center; color: #999; border: 1px solid #eee; background: #f9f9f9 } #layout5 .show li { margin-right: 25px } .layout4-main .show .list3 ul { overflow: hidden } .layout4-main .show .list3 li { position: relative; float: left; width: 175px; height: 140px; margin: 1px 0 0 1px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 table a { color: #fff } #layout4 .right .banner2 { display: block; float: none; width: 470px } .title2 { line-height: 26px; position: relative; overflow: hidden; height: 26px; text-align: center } .title2 span { font-size: 22px; font-weight: 700; position: relative; z-index: 9; padding: 0 20px; letter-spacing: 3px; color: #9b171e; background: #fff } .title2 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #ac1f25 } #layout4 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px } .title2 .tab { float: left; width: 50% } .title2 .tab span { cursor: pointer; color: #999 } .layout4-main .show .list3 ul { overflow: hidden; margin-top: -6px } .layout4-main .show .list3 li { position: relative; float: left; width: 260px; height: 140px; margin: 3px 0 0 5px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 h4 { font-size: 14px; font-weight: 400; line-height: 18px; position: absolute; z-index: 100; right: 0; bottom: 0; height: 18px; padding: 0 3px; color: #fff; background: #b31d1e } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 li:hover .shadow { display: block } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 li:hover table { opacity: 1 } #layout2 .main table td a { margin-top: 6px; margin-bottom: 6px } .title2 .tab .sw a { color: #999 } .title2 .on span { color: #9b171e } .title2 .tab .sw .on { color: #9b171e } .title2 .tab .on { color: #9b171e } .layout4-main .title2 span a { color: #9b171e } #layout4 .right .title2 span a { color: #9b171e } #layout3, #layout4 { padding: 20px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } #layout2 .main .title span { font-size: 23px; font-weight: 700; float: left; letter-spacing: 1.5px; color: #c00 } #layout2 .main .title .more { float: right; width: 26px; height: 7px; margin-top: 10px; background-repeat: no-repeat } #layout2 .main .list ul { margin-top: -1px } #layout2 .main .list li { font-size: 20px; line-height: 39px; height: 39px; padding-left: 13px; border-top: 1px solid #ececec; background: url(/uploads/image/suimg/list1.png) no-repeat left 16px } #layout2 .main table { width: 100%; height: 160px; margin-top: -1px } #layout2 .main table td { font-size: 20px; line-height: 25px; border-top: 1px solid #ececec } #layout2 .main table td a { display: inline-block; padding-left: 13px; background: url(/uploads/image/suimg/list1.png) no-repeat left 10px } .layout4-main .show .hot h3 { font-weight: 400 } #layout5 .show .f11 li { width: 250px } .layout4-main .show .list li { line-height: 50px; height: 50px } .layout4-main .tab a { font-size: 23px; line-height: 25px; display: inline; float: left; width: 38px; height: 108px; margin: 12px 18px 0 0; padding-top: 20px; text-align: center; color: #999; border: 1px solid #eee; background: #f9f9f9 } #layout5 .show li { margin-right: 25px } .layout4-main .show .list3 ul { overflow: hidden } .layout4-main .show .list3 li { position: relative; float: left; width: 175px; height: 140px; margin: 1px 0 0 1px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 li:hover .shadow { display: block } .layout4-main .show .list3 li:hover table { opacity: 1 } #layout4 .title2 { font-size: 20px; font-weight: 700; line-height: 45px; height: 56px; padding-left: 58px; color: #fff; background: url(/uploads/image/suimg/tbg_als_2.png) } .title2 { line-height: 26px; position: relative; overflow: hidden; height: 26px; text-align: center } .title2 .ta, .title2 span { font-size: 22px; font-weight: 700; position: relative; z-index: 9; padding: 0 20px; letter-spacing: 3px; color: #9b171e; background: #fff } .title2 span on { color: #9b171e } .title2 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #ac1f25 } .title2 .tab { float: left; width: 50% } .title2 .tab span { cursor: pointer; color: #999 } .title2 .on span { color: #9b171e } .title2 span .on { color: #9b171e } .layout4-main .show .list3 ul { overflow: hidden; margin-top: -6px } .layout4-main .show .list3 li { position: relative; float: left; width: 260px; height: 140px; margin: 3px 0 0 5px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 h4 { font-size: 14px; font-weight: 400; line-height: 18px; position: absolute; z-index: 100; right: 0; bottom: 0; height: 18px; padding: 0 3px; color: #fff; background: #b31d1e } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 li:hover .shadow { display: block } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 li:hover table { opacity: 1 } .layout4-main .show .list4 ul { margin-top: -12px } .layout4-main .show .list4 li { padding-top: 12px; padding-bottom: 10px; border-bottom: 1px solid #eee } .layout4-main .show .list4 h4 { font-size: 14px; font-weight: 400; line-height: 24px; height: 24px; color: #999 } .layout4-main .show .list4 h4 span { margin-right: 15px } .layout4-main .show .list4 p { font-size: 16px; line-height: 25px; max-height: 50px } .title2 { line-height: 26px; position: relative; height: 26px; text-align: center } .title2 span { font-size: 22px; font-weight: 700; position: relative; z-index: 9; padding: 0 20px; letter-spacing: 3px; color: #9b171e; background: #fff } .title2 span a { color: #9b171e } .title2 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #ac1f25 } body { font-family: 'microsoft yahei', simsun; font-size: 14px; color: #000 } #header, #header .w1210 { position: relative } #header .bg { position: absolute; top: 0; left: 0; width: 100%; height: 840px } #layout2 .main .title, #layout2 .side .title { line-height: 48px; height: 48px; /* background-color: #064ec0; */ border-bottom: 2px solid #064ec0; } #layout2 .main .title span, #layout2 .side .title span { font-size: 24px; font-weight: 700; float: left; padding-left: 5px; color: #000; } #layout2 .main .title img, #layout2 .side .title img { display: inline; float: left; margin: 7px 5px 0 10px } #layout2 .main .title .more, #layout2 .side .title .more { line-height: 48px; float: right; width: 65px; height: 48px; margin-top: 0; padding-left: 5px; color: #666; background: unset; background-repeat: no-repeat } #layout2 .main .list ul { margin-top: -1px } #layout2 .main .list li { font-size: 20px; line-height: 39px; height: 39px; padding-left: 13px; border-top: 1px solid #ececec; background: url(/uploads/image/suimg/list1.png) no-repeat left 16px } #layout2 .main table { width: 100%; height: 276px; margin-top: -1px } #layout2 .main table td { font-size: 20px; line-height: 28px; border-top: 1px solid #ececec } #layout2 .main table td a { display: inline-block; overflow: hidden; width: 536px; margin-top: 6.8px; margin-bottom: 5px; padding-left: 13px; white-space: nowrap; text-overflow: ellipsis; background: url(/uploads/image/suimg/list1.png) no-repeat left 10px } #layout2 .main table tbody tr:nth-child(1) td a { font-weight: 700; display: -webkit-box; overflow: hidden; white-space: initial; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .layout4-main .show .hot h3 { font-weight: 400 } #layout4 .right ul, #layout4 .right ul { width: 480px; } .layout4-main .tab a { font-size: 23px; line-height: 25px; display: inline; float: left; width: 38px; height: 108px; margin: 12px 18px 0 0; padding-top: 20px; text-align: center; color: #999; border: 1px solid #eee; background: #f9f9f9 } #layout5 .show li { margin-right: 25px } .layout4-main .show .list3 ul { overflow: hidden } .layout4-main .show .list3 li { position: relative; float: left; width: 175px; height: 140px; margin: 1px 0 0 1px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 li:hover .shadow { display: block } .layout4-main .show .list3 li:hover table { opacity: 1 } .title2 { line-height: 26px; position: relative; overflow: hidden; height: 26px; text-align: center } .title2 .ta, .title2 span { font-size: 22px; font-weight: 700; position: relative; z-index: 9; padding: 0 20px; letter-spacing: 3px; color: #9b171e; background: #fff } .title2 span on { color: #9b171e } .title2 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #ac1f25 } .title2 .tab { float: left; width: 50% } .title2 .tab span { cursor: pointer; color: #999 } .title2 .on span { color: #9b171e } .title2 span .on { color: #9b171e } .layout4-main .show .list3 ul { overflow: hidden; margin-top: -6px } .layout4-main .show .list3 li { position: relative; float: left; width: 260px; height: 140px; margin: 3px 0 0 5px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 h4 { font-size: 14px; font-weight: 400; line-height: 18px; position: absolute; z-index: 100; right: 0; bottom: 0; height: 18px; padding: 0 3px; color: #fff; background: #b31d1e } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 li:hover .shadow { display: block } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 li:hover table { opacity: 1 } .layout4-main .show .list4 ul { margin-top: 0 } .layout4-main .show .list4 li { padding-top: 12px; padding-bottom: 10px; border-bottom: 1px solid #eee } .layout4-main .show .list4 h4 { font-size: 14px; font-weight: 400; line-height: 24px; height: 24px; color: #999 } .layout4-main .show .list4 h4 span { margin-right: 15px } .layout4-main .show .list4 p { font-size: 16px; line-height: 25px; max-height: 50px } .title2 { line-height: 26px; position: relative; height: 26px; text-align: center } .title2 span { font-size: 22px; font-weight: 700; position: relative; z-index: 9; padding: 0 20px; letter-spacing: 3px; color: #9b171e; background: #fff } .title2 span a { color: #9b171e } .title2 i { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 10px; margin-top: -5px; background: #ac1f25 } #layout3 .block { width: 572px; margin-top: 20px } #layout3 .block .tab { margin-left: -12px; border-bottom: 1px solid #064ec0; } #layout3 .block .tab span { position: relative; float: left; display: inline; width: 132px; height: 38px; line-height: 38px; margin-left: 12px; padding-left: 10px; /* 确保有足够的空间显示小方块 */ text-align: center; font-size: 22px; font-weight: bold; color: #2756a8; } #layout3 .block .tab span::before { content: ''; /* 必须包含content属性,即使为空 */ position: absolute; left: 0px; /* 将小方块定位到文本左侧 */ top: 50%; /* 垂直居中对齐 */ transform: translatey(-50%); /* 微调垂直居中 */ width: 8px; /* 方块宽度 */ height: 24px; /* 方块高度 */ background-color: #d02320; /* 设置背景颜色为红色 */ } #layout3 .block .tab .current { font-weight: 700; color: #c00 } .layout3-block-title-more { line-height: 48px; float: right; width: 65px; height: 48px; margin-top: 0; padding-left: 5px; color: #666; background: unset; background-repeat: no-repeat; } .layout3-title-img-container { width: 500px; height: 150px; margin-top: 18px;; } .layout3-title-img-1 { width: 240px; height: 150px; float: left; overflow: hidden; position: relative; } .layout3-title-img-2 { width: 240px; height: 150px; overflow: hidden; position: relative; float: right; } #layout3 .block h3 { font-weight: 400; font-size: 18px; line-height: 24px; height: 24px; margin-top: 25px } #layout3 .block p { font-size: 16px; line-height: 22px; height: 44px; margin-top: 18px; color: #666 } #layout3 .block li { font-size: 20px; line-height: 40px; height: 50px; padding-left: 13px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat left 17px } #layout2 .main .block, #layout2 .side .block { margin-top: -1px; padding: 15px 25px 25px 20px; border: none; background: #fff padding: 15px 20px 15px 20px } #layout2 .main .block:nth-child(2) table tbody tr td a { font-weight: 400; display: -webkit-box; overflow: hidden; white-space: initial; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } #layout2 .main .list { overflow: hidden; margin-top: 15px } #layout2 .main .list2 { width: 100%; overflow: hidden; margin-top: 15px } .layout4-main { width: 1160px; } .layout4-main .tab { float: left; width: 116px; margin-top: 20px } .layout4-main .tab a { font-size: 22px; line-height: 22px; display: inline; float: left; width: 38px; height: 108px; margin: 12px 18px 0 0; padding-top: 20px; text-align: center; color: #999; border: 1px solid #eee; background: #f9f9f9 } .layout4-main .tab a:hover { text-decoration: none } .layout4-main .tab .current { font-weight: 700; color: #c00; background: #fff url(/uploads/image/suimg/ly4-tab.gif) no-repeat left top } .layout4-main .tab2 { float: left; width: 98px; margin-top: 18px } .layout4-main .tab2 a { position: relative; display: block; width: 96px; height: 60px; margin-top: 27px; padding: 13px 0; opacity: 0.6; filter: alpha(opacity=80); } .layout4-main .tab2 a:hover { text-decoration: none; } #tab-als-1 { margin-top: 0; background: } #tab-als-2 { background: } #tab-als-3 { background: } .layout4-main .tab2 .current { opacity: 1 /*filter: alpha(opacity=100);*/ } .layout4-main .tab2 .current i { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 16px solid #ac1f25; border-right: 16px solid transparent } .layout4-main .show { float: right; width: 1060px; margin-top: 22px; } .layout4-main .show .hot { margin-bottom: 2px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7 } .layout4-main .show .hot h3 { font-size: 18px; line-height: 24px; height: 24px } .layout4-main .show .hot p { line-height: 22px; max-height: 44px; margin-top: 3px; color: #666 } .layout4-main .show .list { overflow: hidden } .layout4-main .show .list ul { zoom: 1; margin-left: -15px } .layout4-main .show .list li { font-size: 18px; line-height: 40px; display: inline; float: left; width: 244px; height: 40px; padding-left: 28px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat 15px 17px } .layout4-main .show .list2 ul { zoom: 1; margin-left: 10px } .layout4-main .show .list2 li { font-size: 20px; line-height: 40px; height: 50px; margin-top: 8px; padding-left: 38px; border-bottom: 1px solid #f0f0f0; background: url(/uploads/image/suimg/list1.png) no-repeat 15px 17px } .layout4-main .show .list3 ul { overflow: hidden; margin-top: -6px } .layout4-main .show .list3 li { position: relative; float: left; width: 258px; height: 154px; margin: 3px 0 0 5px } .layout4-main .show .list3 img { width: 100%; height: 100% } .layout4-main .show .list3 h4 { font-size: 14px; font-weight: 400; line-height: 18px; position: absolute; z-index: 100; right: 0; bottom: 0; height: 18px; padding: 0 3px; color: #fff; background: #b31d1e } .layout4-main .show .list3 .shadow { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background: #000 } .layout4-main .show .list3 li:hover .shadow { display: block } .layout4-main .show .list3 table { font-size: 16px; line-height: 20px; position: absolute; z-index: 50; top: 0; left: 8%; width: 84%; height: 100%; opacity: 0; color: #fff } .layout4-main .show .list3 li:hover table { opacity: 1 } .layout4-main .show .list4 li { padding-top: 12px; padding-bottom: 10px; border-bottom: 1px solid #eee } .layout4-main .show .list4 h4 { font-size: 14px; font-weight: 400; line-height: 24px; height: 24px; color: #999 } .layout4-main .show .list4 h4 span { margin-right: 15px } .layout4-main .show .list4 p { font-size: 16px; line-height: 25px; max-height: 50px } #layout4 .right p { font-size: 17px; line-height: 31px; position: absolute; top: 0; left: 171px; width: 324px; color: #fff } #layout4 .right .report { position: relative; height: 310px; margin-top: 20px; background: ; background-repeat: no-repeat !important; background-size: cover !important } #layout4 .right .report .link { position: absolute } #layout4 .right .report .link1 { top: 65px; right: 0; width: 202px; height: 84px } #layout4 .right .report .link2-1 { line-height: 44px; top: 151px; left: 0; width: 495px } #layout4 .right .report .link2-2 { line-height: 50px; top: 198px; left: 0; width: 495px; height: 47px } #layout4 .right .report .link3 { line-height: 26px !important; top: 247px; left: 1px; width: 245px; height: 57px; padding-top: 5px } #layout4 .right .report .link4 { line-height: 26px !important; top: 247px; right: 0; width: 246px; height: 57px; padding-top: 5px } .common-font { font-size: 18px; line-height: 55px; text-align: center; color: #fff } #layout4 .right .report .link:hover { color: #fff; box-shadow: 0 0 8px #fff inset } #report a:hover { color: #fff } video:focus { outline: 0 } .fixediv { position: fixed; z-index: 9999; top: 180px; max-width: 270px } .fixediv-l { left: 10px } .fixediv-r { right: 10px } .fixediv .btn { font-size: 12px; line-height: 25px; position: absolute; bottom: 0; overflow: hidden; width: 28px; height: 25px; padding: 0; cursor: pointer; text-align: center; color: #fff; background: #000 } .fixediv-l .btn { right: 0 } .fixediv-r .btn { left: 0 } * html .fixediv1 { position: absolute; top: expression(eval(document.documentelement.scrolltop)); margin: 210px 10px 0 0 } .fixediv1 { position: fixed; z-index: 9999; top: 460px; max-width: 270px } .fixediv1 .btn { font-size: 12px; line-height: 25px; position: absolute; bottom: 0; overflow: hidden; width: 28px; height: 25px; padding: 0; cursor: pointer; text-align: center; color: #fff; background: #000 } .ship_manh_img_bt { width: 240px; height: 30px; background: rgba(0, 0, 0, 0.6); font-size: 14px; padding: 0 5px; color: #fff; line-height: 30px; position: absolute; bottom: 0px; left: 0px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .more-gzdt { line-height: 48px; float: right; width: 65px; height: 48px; margin-top: 0; padding-left: 5px; color: #666666; background: unset; background-repeat: no-repeat; }