/* 通用 */ .banner a { display: block; } .bai { position: relative; } .ny-main .more { position: relative; /* background: url(../images/ny-zhe.png) no-repeat center center; */ } .banner { position: relative; } .ny-main .banner img { width: 100%; } .banner .zhe { position: absolute; z-index: 2; bottom: 0; } .ny-main .more p { position: absolute; bottom: 0px; left: 11.1%; margin-left: 48px; font-size: 34px; display: block; line-height: 44px; color: #fff; padding: 10px; z-index: 2; width: 100%; background: #93080c; } .ny-main .more .po { position: absolute; bottom: 12px; right: 13.3%; z-index: 2; } .ny-main .more .po span { font-size: 16px; line-height: 33px; color: #fff; padding-left: 8px; padding-right: 8px; vertical-align: middle; } .ny-main .more .po a { font-size: 16px; line-height: 33px; color: #fff; vertical-align: middle; } .ny-main .ny-nav p { position: relative; padding: 20px; background-color: #93080c; padding-left: 10px; font-size: 18px; font-weight: bold; color: #fff; display: none; margin-bottom: 25px; } .ny-main .ny-nav p span { position: absolute; width: 30px; height: 30px; right: 10px; top: 4px; background: url(../images/nyej1.png) no-repeat center center; } .ny-main p span.on { background: url(../images/nyej2.png) no-repeat center center; } .ny-main .ny-nav ul { /* position: absolute; */ width: 86.6%; z-index: 2; bottom: 0; background-color: rgb(147 8 12 / 0.1); opacity: 0.9; margin-left: 13.4%; } .ny-main .ny-nav ul li { display: inline-block; font-size: 22px; line-height: 44px; } .ny-main .ny-nav ul li a { display: inline-block; padding-top: 10px; padding-bottom: 10px; margin-right: 34px; margin-left: 47px; color: #333; } .ny-main .ny-nav ul li a.active { color: #93080c; border-bottom: 4px solid #93080c; } /* lists */ /* section */ .section .ts li a { display: block; overflow: hidden; } .section .ts { padding-top: 20px; margin-bottom: 55px; } .section .ts .date { float: left; border: 1px solid #c4c4c4; text-align: center; } .section .ts .date .day { /* padding-top: 7px; */ /* padding: 7px 40px 0 42px; */ padding-left: 42px; padding-right: 40px; font-size: 40px; line-height: 82px; color: #93080c; /* font-weight: 600; */ } .section .ts .date .year { font-size: 16px; color: #93080c; padding-bottom: 15px; } .section .ts li { margin-top: 30px; } .section .ts li:hover { background-color: #93080c; border-top-left-radius: 20px; border-bottom-right-radius: 20px; transition: all 2s; } .section .ts li:hover .date { border: 0; } .section .ts li:hover .day, .section .ts li:hover .year { color: #fff; } .section .ts .zi { overflow: hidden; padding-left: 2.1%; padding-right: 23px; } .section .ts .zi h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 13px; padding-bottom: 16px; font-size: 20px; line-height: 32px; color: #333; } .section .ts .zi p { font-size: 14px; line-height: 24px; color: #808080; height: 48px; display: contents; text-overflow: ellipsis; overflow: hidden; margin-bottom: 19px; /* white-space: nowrap; */ -webkit-line-clamp: 2; } .section .ts li:hover .zi h4, .section .ts li:hover .zi p { color: #fff; } .section .ts li:hover .zi h4, .section .ts li:hover .zi .keywordfontcolor1072885{ color: #ffffff !important; position: initial !important; font-size: 16px !important; font-weight: bold; } /* 图片列表 */ .section .lsim { padding-top: 20px; padding-bottom: 70px; } .section .lsim li a { display: block; overflow: hidden; padding-top: 32px; padding-bottom: 32px; } .section .lsim li:nth-child(2n) a { border-top: 1px solid #dbadae; border-bottom: 1px solid #dbadae; } .section .lsim li:hover a { background-color: #93080c; border-top-left-radius: 30px; border-bottom-right-radius: 30px; transition: all 2s; } .section .lsim li:hover .date { border: 0; } .section .lsim li:hover .day, .section .lsim li:hover .year { color: #fff; } .section .lsim li:hover .top-l { border-top: 1px solid #fff; border-left: 1px solid #fff; } .section .lsim li:hover .bottom-r { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .section .lsim li:hover .zi h4, .section .lsim li:hover .zi p { color: #fff; } .section .lsim li:hover h4::after { background-color: #fff; } .section .lsim .date1 { float: left; position: relative; margin-left: 2%; margin-right: 3%; } .section .lsim .date1 .bor-span { display: block; position: absolute; top: 0; right: 0; width: 10px; height: 10px; } .section .lsim .date1 .top-l { top: 1px; left: 1px; border-top: 1px solid #93080c; border-left: 1px solid #93080c; } .section .lsim .date1 .bottom-r { bottom: 1px; right: 1px; margin-top: 75px; border-bottom: 1px solid #93080c; border-right: 1px solid #93080c; } .section .lsim .date1 .day { font-size: 40px; color: #333; padding-left: 15px; padding-right: 15px; } .section .lsim .date1 .year { font-size: 16px; color: #93080c; padding-left: 5px; padding-right: 10px; } .section .lsim .imgs { float: left; /* width: 22.7%; */ width: 318px; } .section .lsim .imgs img { width: 100%; } .section .lsim .zi { overflow: hidden; padding-left: 3%; padding-right: 35px; padding-top: 28px; } .section .lsim .zi h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; line-height: 32px; color: #333; } .section .lsim .zi h4::after { content: ""; display: block; width: 45px; height: 1px; margin-top: 20px; margin-bottom: 25px; background-color: #93080c; } .section .lsim .zi p { font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #808080; text-align: justify; } /* 内容页 */ .bgcb { background-color: #f8f6f1; /* padding-top: 52px; */ padding-bottom: 83px; min-height: 800px; } .ny-main .ch { position: relative; } .ny-main .ny-nav .move { bottom: 52px; } .ny-main .ch p { bottom: 0; } .ny-main .ch .po { /* bottom: 142px; */ } .section .context { position: relative; background-color: #fff; min-height: 1000px; } .section .context h3 { padding-top: 70px; padding-bottom: 45px; text-align: center; font-size: 28px; color: #93080c; /* border-top: 3px solid #93080c; */ } .section .context .titl { text-align: center; margin: 0 32px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .section .context .titl span { display: inline-block; padding-top: 12px; padding-bottom: 12px; padding-right: 20px; text-align: center; font-size: 14px; line-height: 33px; color: #666666; } .section .context .zhu { font-size: 16px; color: #333; text-indent: 2em; padding-left: 3%; padding-top: 50px; padding-right: 35px; padding-bottom: 175px; text-align: justify; } .section .context .zhu p { padding-bottom: 12px; font-size: 16px; line-height: 30px; } .section .context .zhu .ny-slick img { /* width: 100%; */ padding-top: 50px; padding-bottom: 80px; text-align: center; margin: 0 auto; } .section .context .slick-prev { background: url(../images/ny-al.png) no-repeat center center; } .section .context .slick-prev:before, .section .context .slick-next:before { content: ""; } .section .context .slick-prev, .section .context .slick-next { width: 54px; height: 54px; top: 93%; /* bottom: 55px; */ z-index: 9; } .section .context .slick-slider { position: static; } .section .context .slick-prev { left: 41.2%; } .section .context .slick-next { right: 44.2%; /* margin-left: 45px; */ } .section .context .slick-next { background: url(../images/ny-ar.png) no-repeat center center; } /* 分页 */ .pagination { text-align: center; font-size: 0; padding-bottom: 55px; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #666; margin: 0 7px; } .pagination a.active { background: #9b0d14; color: #fff; border: 1px solid #9b0d14; } .pagination a:hover { background: #9b0d14; color: #fff; border: 1px solid #9b0d14; } .pagination span { display: inline-block; font-size: 14px; } @media screen and (max-width: 1300px) { .ny-main .more p { font-size: 32px; /* bottom: 85px; */ } .ny-main .ny-nav ul { bottom: -1px; } } @media screen and (max-width: 1200px) { .section .context .slick-prev { left: 35%; } .section .context .slick-next { right: 37%; } .ny-main .more .po { bottom: 120px; } .ny-main .more .po img{display: none;} .ny-main .more p { bottom: 120px; } .ny-main .more .pp { bottom: 80px; } .ny-main .more .poo { bottom: 80px; } .ny-main .ny-nav ul li a { padding-top: 5px; padding-bottom: 5px; } .section .lsim .imgs { width: 260px; } .section .lsim .zi { padding-top: 10px; padding-left: 18px; padding-right: 18px; } } @media screen and (max-width: 1024px) { .ny-main .more p { font-size: 24px; bottom: 50px; } .ny-main .more .po { bottom: 50px; } .ny-main .ny-nav ul li a { padding-top: 0px; padding-bottom: 0px; } .ny-main .ny-nav ul li { font-size: 20px; } .section .context .zhu .ny-slick img { width: 100%; padding-bottom: 35px; padding-top: 30px; } .ny-main .more .ch p { bottom: 105px; } .ny-main .more .ch .po { bottom: 105px; } .section .lsim .zi h4::after { margin-top: 15px; margin-bottom: 15px; } .bgcb { padding-top: 0; } .ny-main .more p { display: none; } .ny-main .more .po span { color: #93080c; } .ny-main .more .po a { color: #93080c !important; line-height: 45px; } .ny-main .more .po { position: static; /* bottom: -10px; */ background: url(../images/ny-p1.png) no-repeat 7px; padding-left: 20px; } .ny-main .ny-nav p { display: block; margin-bottom: 0; } .ny-main .ny-nav ul { position: static; width: auto; margin-left: 0; display: none; } .ny-main .ny-nav ul li { display: block; font-size: 17px; } .section .context h3 { padding-top: 40px; padding-bottom: 30px; } .section .context .zhu { padding-top: 30px; padding-bottom: 130px; padding-left: 0; padding-right: 0; } .section .lsim .zi h4 { font-size: 18px; } .section .ts { margin-bottom: 35px; } .banner .zhe { display: none; } .section .context h3 { font-size: 24px; } .section .ts .zi { padding-right: 0; } .section .ts li { margin-top: 15px; } .section .ts { padding-top: 8px; } .section .ts .zi p { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .section .lsim li a{position: relative;} .section .lsim .date1 .day{ color: #fff;} .section .lsim .date1 .year{ color: #fff;} .section .lsim .date1 .bor-span{ height: auto;} .bai { position: static; } .ny-main .ny-nav ul { position: static; width: auto; margin-left: 0; } .ny-main .ny-nav ul li { display: block; font-size: 16px; line-height: 24px; } .ny-main .ny-nav ul li a { padding-top: 10px; padding-bottom: 10px; } .ny-main .more p { display: none; } .ny-main .more .po { position: static; bottom: -10px; /* background: url(../images/ny-p1.png) no-repeat 7px; */ } .ny-main .more .po span { color: #93080c !important; } .ny-main .more .po a { color: #93080c !important; line-height: 45px; } .section .ts .date .day { padding-left: 30px; padding-right: 30px; line-height: 65px; font-size: 28px; } .section .ts .zi h4 { font-size: 16px; padding-bottom: 5px; } .section .ts .zi p { font-size: 12px; } .section .lsim .zi h4::after { margin-top: 10px; margin-bottom: 10px; } .section .lsim .zi h4 { padding-top: 0px; font-size: 16px; } .section .lsim .zi p { font-size: 14px; } .section .lsim .date1 { /* margin-left: 12%; */ /* margin-right: 10%; */ position: absolute; /* left: -80px; */ background: #a01600; } .section .lsim .zi { float: left; padding-left: 3px; padding-right: 3px; } .section .lsim .imgs { float: left; width: auto; } .section .context h3 { font-size: 20px; padding-top: 40px; padding-bottom: 30px; } .section .context .zhu { padding-bottom: 95px; /* padding-right: 10px; */ } .bgcb { padding-top: 20px; padding-bottom: 0px; } .section .context .zhu .ny-slick img { padding-top: 20px; padding-bottom: 25px; } .section .context .titl span { padding-top: 7px; padding-bottom: 7px; } .section .lsim { padding-bottom: 60px; } .section .lsim li a { padding-top: 20px; } .section .lsim .date1 .day { font-size: 36px; } .section3 .s3l { width: 28%; } .pagination { padding-bottom: 30px; } .section .lsim { padding-bottom: 30px; } .section .context .slick-prev, .section .context .slick-next { width: 40px; height: 40px; background-size: 100% 100%; } .section .context .titl { margin-left: 0; margin-right: 0; } .section .context .slick-prev, .section .context .slick-next { top: 95%; } .section .lsim li a { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 900px) { .section .lsim .zi h4::after { margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 560px) { .section .lsim .date1 { padding-bottom: 20px; } } @media screen and (max-width: 460px) { .section .lsim .imgs { width: 100%; margin-top: 20px; } .fl { margin-left: 0; } .section .context .slick-prev { left: 32%; } .section .context .slick-next { right: 32%; } } @media screen and (max-width: 375px) { .section .context h3 { font-size: 18px; padding-top: 30px; padding-bottom: 30px; } .section .context .titl span { line-height: 1px; } .section .context .zhu { padding-top: 30px; } .section .context .zhu .ny-slick img { padding-top: 30px; padding-bottom: 40px; } .section .context .slick-prev { left: 25%; } .section .context .slick-next { right: 27%; } .section .context .slick-prev, .section .context .slick-next { top: 95%; } .section .context .zhu { padding-bottom: 90px; } .section .ts .date .day { padding-left: 25px; padding-right: 25px; font-size: 18px; line-height: 45px; /* font-weight: bold; */ } .section .ts .date .year { padding-bottom: 10px; /* font-weight: bold; */ font-size: 14px; } .section .ts .zi h4 { padding-top: 0px; padding-bottom: 0px; line-height: 28px; } .ff p { /* bottom: -8px; */ } .section .context .zhu p { font-size: 14px; } .section .context .slick-prev, .section .context .slick-next { width: 40px; height: 40px; background-size: cover; } .ny-main .more .po span, .ny-main .more .po a { font-size: 14px; } .bgcb { padding-top: 0; padding-bottom: 0; } .section .lsim li a { padding-top: 20px; } .section .lsim .date1 .day { font-size: 26px; } .section .lsim .date1 .bottom-r { margin-top: 60px; } .section .ts .zi p { margin-bottom: 0px; } .pagination a { margin: 0 2px; } } @media screen and (max-width: 320px) { .section .ts .date .day { padding-left: 20px; padding-right: 20px; line-height: 45px; } .section .ts .date .day { font-size: 30px; } .section .ts .date .year { padding-bottom: 10px; } .section .ts .zi h4 { font-size: 14px; padding-top: 0; line-height: 30px; padding-bottom: 0; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 0px; height: 23px; font-size: 12px; line-height: 22px; text-align: center; color: #666; margin: 0 5px; } .ff p { /* bottom: -7px; */ font-size: 12px; } .ny-main .ny-nav ul li { font-size: 16px; } .fr p:nth-child(n + 1) { font-size: 12px; } .ny-main .ny-nav p { margin-bottom: 10px; } }