.linehide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .clearfix:after { content: ""; clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; } .clearfix { zoom: 1; } body { min-width: 1200px; } img, a { display: block; } .title-l img { width: 1200px; } .more { font-size: 20px; font-family: source han sans cn; font-weight: 400; color: #666666; } .header { padding-top: 132px; height: 886px; background: no-repeat top center; background-size: 100% 886px; min-width: 1200px; } .header .danghui { width: 109px; height: 109px; margin: 0px auto 57px; } .header .logo-title { width: 1185px; /* height: 240px; */ margin: 0 auto 58px; } .header div { width: fit-content; margin: 0 auto; font-size: 23px; font-family: source han sans cn; font-weight: 400; color: #fffdfe; line-height: 34px; } .header a { width: 240px; height: 50px; margin: 66px auto 0; } .header a:hover img { transform: scale(1.2); } .header a img { width: 242px; height: 50px; transition: all .3s; } .pxtz { margin-top: -34px; margin-bottom: 42px; } .pxtz .layout { padding-top: 69px; padding-left: 213px; height: 273px; background: no-repeat; background-size: contain; } .pxtz .layout .title { width: fit-content; font-size: 24px; font-family: source han sans cn; font-weight: bold; color: #333333; /* margin: 0 auto 15px; */ margin-bottom: 15px; } .pxtz .layout .content { width: 953px; font-size: 20px; font-family: source han sans cn; font-weight: 400; color: #333333; line-height: 35px; } .pxtz .layout .content a { display: inline-block; font-size: 20px; font-family: source han sans cn; font-weight: 400; line-height: 35px; color: #cf2617; } .list { margin-bottom: 78px; } .list .layout { display: flex; justify-content: space-between; } .list .layout .all { width: 594px; } .list .layout .all .title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 18px; } .list .layout .all .title .t { font-size: 38px; font-family: source han serif cn; font-weight: 800; color: #df1a09; } .list .layout .all ul { height: 298px; background: no-repeat; background-size: cover; padding: 50px 49px 55px 31px; } .list .layout .all ul li { margin-bottom: 16px; } .list .layout .all ul li:last-child { margin-bottom: 0; } .list .layout .all ul li:hover a div { font-weight: bold; } .list .layout .all ul li a { display: flex; align-items: center; } .list .layout .all ul li a i { display: inline-block; width: 9px; height: 9px; background: #e83218; border-radius: 50%; margin-right: 17px; } .list .layout .all ul li a div { width: 488px; font-size: 20px; font-family: source han sans cn; font-weight: normal; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .pxsj { margin-bottom: 87px; } .pxsj .title-l { margin-bottom: 61px; } .pxsj img { width: 100%; } .spkc { margin-bottom: 10px; padding-top: 51px; height: 804px; background: no-repeat; background-size: 100% 100%; } .spkc .layout { background-color: #f8e1c1; } .spkc .layout .title-l { margin-bottom: 63px; } .spkc .layout .bar { margin-bottom: 27px; display: flex; /* justify-content: center; */ } .spkc .layout .bar .on { background: #ac2317; color: #fff; } .spkc .layout .bar li { border: 1px solid #ac2317; border-radius: 4px; font-size: 23px; font-family: source han sans cn; font-weight: 500; color: #333333; padding: 12px 13px; cursor: pointer; margin-left: 29px; flex-shrink: 0; } .spkc .layout .bar li:last-child { margin-right: 0; } .spkc .layout .content .active { display: block; } .spkc .layout .content ul { display: none; position: relative; width: 1105px; margin: 0px auto 0; } .spkc .layout .content ul li { position: relative; width: 295px; float: left; margin-bottom: 25px; } .spkc .layout .content ul li:first-child { width: 784px; margin-right: 26px; margin-bottom: 0; } .spkc .layout .content ul li:first-child img { width: 784px; height: 429px; } .spkc .layout .content ul li:first-child .mark { width: 100%; position: absolute; bottom: 0; left: 0; padding: 17px 30px 18px 30px; font-size: 22px; font-family: source han sans cn; font-weight: 400; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .spkc .layout .content ul li:last-child { margin-bottom: 0; } .spkc .layout .content ul li img { width: 295px; height: 126px; } .spkc .layout .content ul li .mark { width: 100%; position: absolute; bottom: 0; left: 0; padding: 5px 6px 5px 6px; font-size: 18px; font-family: source han sans cn; font-weight: 400; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .spkc .layout .content ul .more { position: absolute; right: 0; top: -134px; } .sfwdk .layout .title-l { margin-bottom: 53px; } .sfwdk .layout .more { text-align: right; margin-bottom: 20px; } .sfwdk .layout ul li:hover:before { display: block; } .sfwdk .layout ul li:hover:after { display: block; } /* .sfwdk .layout ul li:before { content: ""; position: absolute; width: 60px; height: 10px; background: no-repeat; left: 27px; bottom: 17px; display: none; } .sfwdk .layout ul li:after { content: ""; position: absolute; width: 60px; height: 10px; background: no-repeat; right: 24px; bottom: 17px; display: none; } */ .sfwdk .layout ul li:nth-child(4) { margin-right: 0; } .sfwdk .layout ul li { width: 280px; height: 261px; background-color: #fbdd9f; overflow: hidden; cursor: pointer; position: relative; box-sizing: border-box; float: left; margin-right: 26px; margin-bottom: 63px; } .sfwdk .layout ul li div { width: 280px; height: 217px; background-color: #c7c7c7; box-sizing: border-box; overflow: hidden; } .sfwdk .layout ul li div img { width: 100%; height: 100%; display: block; } .sfwdk .layout ul li p { width: 100%; height: 44px; background-color: #fbdd9f; text-align: center; } .sfwdk .layout ul li span { display: inline-block; max-width: 240px; height: 44px; font-size: 16px; font-weight: 400; color: #000; line-height: 44px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .dyzwyl .layout .title-l { margin-bottom: 27px; } .dyzwyl .layout .more { margin-bottom: 27px; text-align: right; } .dyzwyl .layout .swiperbox { width: 1200px; height: 383px; /* background: #000; */ background: linear-gradient(#ffffff 10%, #fcf9f9 10%, #fcf9f9 60%); position: relative; } .dyzwyl .layout .swiperbox .swiper-button-prev:after, .dyzwyl .layout .swiperbox .swiper-button-next:after { content: ""; } .dyzwyl .layout .swiperbox .swiper-button-prev { left: 46px; } .dyzwyl .layout .swiperbox .swiper-button-next { right: 46px; } .dyzwyl .layout .swiper .swiper-slide { padding-bottom: 59px; } .dyzwyl .layout .swiper .swiper-slide a { display: flex; align-items: center; justify-content: center; } .dyzwyl .layout .swiper .swiper-slide a .imgbox { display: flex; align-items: flex-start; justify-content: center; width: 256px; height: 324px; background: no-repeat bottom center; flex-shrink: 0; margin-right: 44px; } .dyzwyl .layout .swiper .swiper-slide a .imgbox img { width: 224px; height: 308px; } .dyzwyl .layout .swiper .swiper-slide a .box { padding-top: 43px; } .dyzwyl .layout .swiper .swiper-slide a .box .title { font-size: 28px; font-family: source han sans cn; font-weight: bold; color: #000000; margin-bottom: 23px; width: 638px; } .dyzwyl .layout .swiper .swiper-slide a .box .content { width: 638px; font-size: 20px; font-family: source han sans cn; font-weight: 400; color: #333333; line-height: 32px; } @media screen and (max-width: 1390px) { .header .logo-title { width: 1200px; } } .cover { background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 999; } .showdiv .popup_decorate_wrap { position: fixed; top: 50%; left: 50%; margin-left: -224px; margin-top: -145px; z-index: 9999; } .showdiv .popup_itme { width: 448px; height: 290px; background: #ffffff; box-shadow: 2px 2px 8px 2px rgba(192, 192, 192, 0.5); border-radius: 13px; padding: 17px 22px; } .showdiv .popup_itme .closediv { text-align: right; } .showdiv .popup_itme .closediv .closediv-btn { width: 34px; height: 34px; cursor: pointer; display: inline-block; } .showdiv .popup_itme .closediv .closediv-btn img { width: 100%; height: 100%; display: inline-block; } .showdiv .popup_itme .popup_itme_title { text-align: center; margin-top: 49px; } .showdiv .popup_itme .popup_itme_title p { font-size: 20px; font-family: microsoftyahei; color: #999999; line-height: 26px; } .showdiv .popup_itme .popup_itme_btn { text-align: center; margin-top: 60px; } .showdiv .popup_itme .popup_itme_btn .btn_return { display: inline-block; width: 120px; background: #ffffff; border-radius: 28px; border: 1px solid #cb272c; font-size: 16px; color: #c02832; line-height: 40px; padding: 0 42px; }