:root { --color: #9a3732; --color-on:#f7931c; } .slide { width: 100%; position: relative; overflow: hidden; height: 360px; } .slide-header { width: calc(1720px - 300px); position: absolute; height: 360px; left: calc(((100% - 1720px) / 2) 320px); } .prev, .next { position: absolute; left: 0; top: 50%; margin-top: -25px; display: block; width: 40px; height: 74px; background: url(/uploads/image/ss2023/btn-r.png) 1px 1px no-repeat; filter: alpha(opacity=70); opacity: 0.7; z-index: 10; display: none; } .slide-body { width: 100%; height: 361px; position: absolute; overflow: hidden; left: -1px; top: -1px; } .slide-body ul li { position: absolute; z-index: 3; width: 100%; height: 360px; filter: alpha(opacity=0); -moz-opacity: 0; text-align: center; } @media screen and (max-width: 1680px) { .slide-header { width: calc(1500px - 300px); left: calc(((100% - 1500px) / 2) 320px); } .sr { display: none; } .slide-body ul li img { margin-left: -220px; } } @media screen and (max-width: 1440px) { .slide-header { width: calc(1300px - 300px); left: calc(((100% - 1300px) / 2) 320px); } .slide-body ul li img { margin-left: -450px; } } @media screen and (max-width: 1280px) { .slide-header { width: calc(1200px - 300px); left: calc(((100% - 1200px) / 2) 320px); } } @media screen and (max-width: 1152px) { .slide-header { width: calc(1000px - 300px); left: calc(((100% - 1000px) / 2) 300px); } } .next { left: auto; right: 0; background-position: -40px 0px; } .prev:hover { filter: alpha(opacity=99); opacity: 1; } .next:hover { filter: alpha(opacity=99); opacity: 1; } .slide:hover .slide-header .prev { display: block; } .slide:hover .slide-header .next { display: block; } .sr { position: absolute; left: calc((100% - 1720px) / 2); top: 30px; bottom: 30px; z-index: 9; background: url(/uploads/image/ss2023/icon_hei.png) repeat; box-sizing: border-box; width: 300px; border-radius: 5px; overflow: hidden; } @media screen and (max-width: 1680px) { .sr { left: calc((100% - 1500px) / 2); } } @media screen and (max-width: 1440px) { .sr { left: calc((100% - 1300px) / 2); } } @media screen and (max-width: 1280px) { .sr { left: calc((100% - 1200px) / 2); } } @media screen and (max-width: 1152px) { .sr { left: calc((100% - 1000px) / 2); } } .srtit { width: 100%; height: 48px; color: #fff; line-height: 48px; text-indent: 10px; font-size: 16px; font-weight: bold; background: url(/uploads/image/ss2023/srtit.png) 10px center no-repeat ; background-size: auto 22px; box-sizing: border-box; padding-left: 28px; border-bottom: #666 1px solid; } .srtit i { font-size: 12px; font-weight: normal; color: #eee; padding-left: 10px; font-style: normal; } .srjoin { padding: 10px; overflow: hidden; } .srjoin .srdiv { margin-top: 10px; overflow: hidden; } .srsel { width: calc((100% - 5px) / 2); float: left; border: #ddd 1px solid; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .srsel:nth-last-child(1) { float: right; } .srdq select { width: calc((100% - 10px) / 3); float: left; margin-right: 5px; border: #ddd 1px solid; height: 36px; line-height: 36px; color: #666; font-size: 12px; } .srdq select:nth-last-child(1) { margin-right: 0px; } .srtxt { width: calc((100% - 5px) / 2); list-style: none; border: #ddd 1px solid; box-sizing: border-box; height: 36px; line-height: 36px; padding-left: 10px; padding-right: 10px; font-size: 12px; } .srbtn { width: 100%; height: 36px; background-color: #9a3732; line-height: 36px; text-align: center; color: #fff; margin-top: 10px; cursor: pointer; } .srbtn:hover { background-color: #e3af31; } .srdes { color: #e3af31; font-size: 14px; text-align: center; height: 20px; line-height: 20px; margin-top: 15px; } .itit { font-size: 24px; height: 40px; line-height: 40px; } .itit i { color: #999; font-size: 14px; padding-left: 20px; font-style: normal; } .itit span { font-size: 14px; color: #999; display: none; float: right; margin-top: 8px; } .itit .more { float: right; background: url(/uploads/image/ss2023/ico_more.png) right center no-repeat; background-size: auto 16px; padding-right: 20px; } .itit .more:hover { color: #f7931c; background: url(/uploads/image/ss2023/ico_more_on.png) right center no-repeat; background-size: auto 16px; } .titjd { background: url(/uploads/image/ss2023/titjd.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titrw { background: url(/uploads/image/ss2023/titrw.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titnews { background: url(/uploads/image/ss2023/titnews.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titinvest { background: url(/uploads/image/ss2023/titinvest.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titjoin { background: url(/uploads/image/ss2023/titjoin.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titwd { background: url(/uploads/image/ss2023/titwd.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titpro { background: url(/uploads/image/ss2023/titpro.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .titvideo { background: url(/uploads/image/ss2023/titvideo.png) left center no-repeat; background-size: auto 30px; padding-left: 40px; } .jdlist { border: #ddd 1px dashed; margin-bottom: 20px; border-bottom: 0px; background-color: #f9f9f9; } .jdlist li { height: 42px; line-height: 42px; width: calc(100% / 5); float: left; overflow: hidden; border-bottom: #ddd 1px dashed; border-right: #ddd 1px dashed; padding-left: 10px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; list-style: none; box-sizing: border-box; } .jdlist li:nth-of-type(5n 0) { border-right: 0px; } .jdlist li:hover { background-color: #fff; } .jdnews { width: calc((100% - 140px) / 8); margin-right: 20px; overflow: hidden; float: left; padding-bottom: 20px; border-bottom: #fff 2px solid; } .jdnews:nth-last-child(1) { margin-right: 0px; } .jdnews .jdnewspic { line-height: 0px; border-radius: 3px; height: 0px; overflow: hidden; padding-bottom: 60%; } .jdnews .jdnewspic img { width: 100%; transition: 0.6s all; } .jdnews .jdnewstit { height: 40px; line-height: 20px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 5px; } .jdnews:hover .jdnewspic img { transform: scale(1.1); } @media screen and (max-width: 1366px) { .jdnews .jdnewstit { font-size: 12px; } } .jdnews:hover { border-bottom: var(--color) 2px solid; } .jdnews:hover .jdnewstit { color: var(--color); } .wnews { width: calc(100% - 660px); padding-left: 50px; padding-right: 50px; overflow: hidden; box-sizing: border-box; } .w300 { width: 300px; overflow: hidden; box-sizing: border-box; } .w360 { width: 360px; overflow: hidden; box-sizing: border-box; } .m-slide { width: 100%; overflow: hidden; } .m-slide .img { width: 100%; overflow: hidden; height: 200px; } .m-slide .img li { display: none; overflow: hidden; height: 180px; width: 300px; } .m-slide .img li img { display: block; width: 300px; } .m-slide .tab { overflow: hidden; width: 100%; } .m-slide .tab li { width: 100%; height: 47px; line-height: 47px; border-bottom: #eee 1px solid; padding-left: 10px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-left: #eee 3px solid; list-style: none; box-sizing: border-box; } .m-slide .tab .on { border-left: 3px solid #9a3732; background-color: #f6f6f6; } .wzb { width: 100%; overflow: hidden; } .wzbtit { width: calc(100% - 10px); height: 42px; line-height: 42px; cursor: pointer; background: url(/uploads/image/ss2023/icon_down.png) 260px center no-repeat; background-size: auto 10px; font-size: 16px; padding-left: 10px; padding-right: 30px; box-shadow: #ddd 0px 0px 8px; margin: 10px; margin-left: 0px; border-left: #eee 1px solid; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; } .wzbtit:hover { color: #fff; background: url(/uploads/image/ss2023/icon_down_on.png) 260px center no-repeat #e3af31; background-size: auto 10px; } .wzbbody { display: none; overflow: hidden; padding: 15px; background-color: #f3f3f3; margin-top: -10px; width: calc(100% - 10px); box-sizing: border-box; } .current { background-image: url(/uploads/image/ss2023/icon_up.png); } .wzbpic { width: 120px; float: left; overflow: hidden; line-height: 0px; } .wzbpic img { width: 100%; } .wzbdes { width: calc(100% - 130px); float: right; overflow: hidden; font-size: 12px; line-height: 20px; color: #999; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ttnews { font-size: 24px; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px; background: url(/uploads/image/ss2023/ttnews.png) left 2px no-repeat; background-size: auto 22px; text-indent: 25px; font-weight: 300; } .ttnewslist { width: 100%; overflow: hidden; box-shadow: #ddd 0px 0px 8px; margin-top: 30px; padding: 10px 15px; } .ttnewslist li { float: left; width: calc((100% - 20px) / 2); overflow: hidden; height: 30px; line-height: 30px; font-size: 16px; font-weight: 200; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(/uploads/image/ss2023/dot.png) left center no-repeat; background-size: 6px; text-indent: 12px; list-style: none; } .ttnewslist li:nth-of-type(2n 0) { float: right; overflow: hidden; } .newslist ul { border-bottom: #ddd 1px dashed; padding-top: 20px; padding-bottom: 18px; width: 100%; overflow: hidden; } .newslist ul:nth-last-child(1) { padding-bottom: 0px; border-bottom: 0px; } .newslist ul li { height: 42px; line-height: 42px; width: 100%; overflow: hidden; font-size: 16px; list-style: none; } .newslist ul li .catname { width: 40px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; border-radius: 3px; color: #666; transform: scale(.8); float: left; margin-top: 12px; background-color: #eee; margin-right: 5px; font-style: normal; } .newslist ul li span { float: left; width:calc(100% - 120px); } .newslist ul li span i { color: #fff; font-size: 12px; margin-left: 10px; border-radius: 5px; width: 36px; height: 20px; transform: scale(.8); float: right; line-height: 20px; text-align: center; margin-top: 12px; font-style: normal; } .newslist ul li .yc { background: #83c02f; } .newslist ul li .tj { background: #ff0000; } .newslist ul li .zh { background: #006dd9; } .newslist ul li .hy { background: #ff007f; } .newslist ul li .tw { background: #ff6600; } .newslist ul li .dj { background: #7f00ff; } .newslist ul li .date { text-align: right; width: 60px; float: right; color: #999; font-weight: 200; list-style: none; font-style: normal; } .wdtj { background-color: #f9f9f9; padding: 25px 10px; border: #eee 1px solid; overflow: hidden; box-sizing: border-box; } .wdtj ul { width: calc(100% / 3); float: left; text-align: center; overflow: hidden; box-sizing: border-box; } .wdtj ul li:nth-child(1) { font-size: 16px; } .wdtj ul li:nth-child(2) { font-size: 18px; margin-top: 5px; } .wdtj ul:nth-child(3) li { background-color: var(--color-on); color: #fff; height: 42px; line-height: 42px; border-radius: 5px; margin-top: 5px; } .wdtj ul:nth-child(3) li:hover { background-color: var(--color); } .wdtj ul:nth-child(1) { border-right:#ddd 1px solid; } .wdlist ul { border: #eee 1px solid; margin-top: 15px; padding: 15px 10px; overflow: hidden; } .wdlist ul li:nth-child(1) { height: 48px; line-height: 24px; font-size: 16px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background: url(/uploads/image/ss2023/ico_ask.png) left 3px no-repeat; background-size: auto 20px; padding-left: 24px; } .wdlist ul li:nth-child(2) { margin-top: 10px; text-align: right; color: #999; } .wdlist ul li:nth-child(2) i { padding-left:5px; padding-right: 5px; border-radius: 5px; font-size: 12px; height: 22px; line-height: 22px; margin-left: 15px; float: left; font-style: normal; } .wdlist ul li:nth-child(2) .zdzt_0 { background: url(/uploads/image/ss2023/know_0.gif) 5px center no-repeat #f6f6f6; background-size: auto 14px; padding-left: 24px; margin-left: 28px; } .wdlist ul li:nth-child(2) .zdzt_1 { background: url(/uploads/image/ss2023/know_1.gif) 5px center no-repeat #f6f6f6; background-size: auto 14px; padding-left: 24px; } .wdlist ul li:nth-child(2) .zdzt_3 { background: url(/uploads/image/ss2023/know_3.gif) 5px center no-repeat #f6f6f6; background-size: auto 14px; padding-left: 24px; } .wdlist ul li:nth-child(2) i:nth-child(2) { background: url(/uploads/image/ss2023/icon_jf.png) 5px center no-repeat #f6f6f6; background-size: auto 14px; padding-left: 24px; float: right; } .wdlist ul li:nth-child(2) i:nth-child(3) { background: url(/uploads/image/ss2023/icon_answer.png) 5px center no-repeat #f6f6f6; background-size: auto 14px; padding-left: 24px; float: right; } .ad5 li { float: left; width: calc((100% - 40px) / 5); overflow: hidden; line-height: 0px; margin-left: 10px; position: relative; list-style: none; } .ad5 li:nth-child(1) { margin-left: 0px; } .isdpptit { width: 100%; height: 60px; background-color: #f6f6f6; } .isdpptit li { float: left; height: 60px; line-height: 60px; padding-left: 20px; padding-right: 20px; list-style: none; overflow: hidden; cursor: pointer; font-size: 18px; } .isdpptit .on { background-color: var(--color); color: #fff; font-weight: bold; } .isdppcon { overflow: hidden; box-sizing: border-box; border-right: #eee 1px solid; } .isdppcon li { list-style: none; float: left; box-sizing: border-box; overflow: hidden; width: 20%; border-left: #eee 1px solid; border-bottom: #eee 1px solid; padding: 0px; line-height: 0px; text-align: center; } .isdppcon li img { width: 60%; transition: 0.6s all; } .isdppcon li:hover img { transform: scale(1.1); } .itbj { overflow: hidden; box-sizing: border-box; width: 100%; border: #ddd 1px solid; border-top: 0px; } .itbj ul { width: 20%; float: left; list-style: none; box-sizing: border-box; overflow: hidden; border-left: #ddd 1px solid; text-align: center; } .itbj ul:nth-child(1) { border-left: 0px; } .itbj ul li:nth-child(1) { width: 100%; line-height: 0px; list-style: none; overflow: hidden; } .itbj ul li:nth-child(2) { width: 100%; list-style: none; overflow: hidden; } .itbj ul li:nth-child(1) img { width: 60%; } .itbj ul li:nth-child(2) div:nth-child(1) { font-size: 18px; height: 32px; line-height: 32px; list-style: none; overflow: hidden; } .itbj ul li:nth-child(2) div:nth-child(2) { font-size: 12px; height: 20px; line-height: 20px; list-style: none; overflow: hidden; margin-bottom: 10px; } .w5 { width: calc((100% - 20px) / 2); overflow: hidden; box-sizing: border-box; } .izs { width: calc((100% - 40px) / 5); overflow: hidden; box-sizing: border-box; float: left; margin-right: 10px; margin-bottom: 10px; } .izs:nth-of-type(5n 0) { margin-right: 0px; } .izs li { overflow: hidden; list-style: none; box-sizing: border-box; } .izs li:nth-child(1) { line-height: 0px; } .izs li:nth-child(1) img { width: 100%; transition: 0.6s all; } .izs li:nth-child(1):hover img { transform: scale(1.1); } .izs li:nth-child(2) { font-size: 12px; color: #999; height: 20px; line-height: 20px; margin-top: 5px; } .izs li:nth-child(3) { height: 20px; line-height: 20px; } .ijoin { width: 100%; overflow: hidden; } .ijoin ul:nth-child(1) { list-style: none; overflow: hidden; padding: 0px; background-color: #f6f6f6; font-size: 16px; font-weight: bold; text-align: center; width: 100%; } .ijoin ul:nth-child(1) li { height: 42px; line-height: 42px; list-style: none; float: left; overflow: hidden; } .ijoin ul:nth-child(1) li:nth-child(1) ,.ijoin ul:nth-child(2) li i:nth-child(1) { width: 100px; float: left; font-style: normal; } .ijoin ul:nth-child(1) li:nth-child(2) ,.ijoin ul:nth-child(2) li i:nth-child(2) { width: 120px; float: left; font-style: normal; } .ijoin ul:nth-child(1) li:nth-child(3) ,.ijoin ul:nth-child(2) li i:nth-child(3) { width: calc(100% - 220px); float: left; font-style: normal; } .ijoin ul:nth-child(2) { list-style: none; overflow: hidden; padding: 0px; text-align: center; width: 100%; } .ijoin ul:nth-child(2) li { height: 38px; line-height: 38px; list-style: none; float: left; overflow: hidden; width: 100%; } .ijoin ul:nth-child(2) li:nth-child(2n) { background-color: #f9f9f9; } .ipro ul { width: calc((100% - 100px) / 6); float: left; margin-right: 20px; overflow: hidden; list-style: none; margin-bottom: 20px; } .ipro ul:nth-of-type(6n 0) { margin-right: 0px; } .ipro ul li:nth-child(1) { overflow: hidden; list-style: none; line-height: 0px; box-sizing: border-box; border: #ddd 1px solid; text-align: center; padding-top: 15px; padding-bottom: 15px; } .ipro ul li:nth-child(1) img { width: 80%; transition: 0.6s all; } .ipro ul li:nth-child(1):hover img { transform: scale(1.1); } .ipro ul li:nth-child(2) { overflow: hidden; list-style: none; height: 20px; line-height: 20px; box-sizing: border-box; text-align: center; font-size: 16px; color: #666; margin-top: 10px; } .ivideo { width: calc((100% - 100px) / 6); margin-right: 20px; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; float: left; } .ivideo:nth-of-type(6n 0) { margin-right: 0px; } .ivideopic { overflow: hidden; line-height: 0px; position: relative; } .ivideopic img { width: 100%; transition: 0.6s all; } .ivideopic:hover img { transform: scale(1.1); } .ivideopic i { padding-left: 10px; padding-right: 10px; height: 30px; font-size: 12px; position: absolute; font-style: normal; color: #ddd; line-height: 30px; right: 10px; bottom: 10px; z-index: 9; background: url(/uploads/image/ss2023/ico-video.png) left center no-repeat; background-size: auto 24px; padding-left: 28px; } .ivideotit { overflow: hidden; width: 100%; box-sizing: border-box; line-height: 22px; height: 44px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ilink {overflow:hidden;padding-top: 20px;padding-bottom: 20px;} .ilink li {padding:0 10px 10px 0;float:left;list-style: none; overflow: hidden;}