.carousel70 .banner { padding-bottom: 10px; box-sizing: border-box; } .carousel70 .banner .bannerPic { display: block; padding-bottom: 41.4%; } .carousel70 .banner .slick-dots { bottom: 36px; display: inline-block; width: auto; right: 13.54%; } .carousel70 .banner .slick-dots li { display: inline-block; margin: 0 22.5px; } .carousel70 .banner .slick-dots li span { display: inline-block; padding: 0px 7px; box-sizing: border-box; } .carousel70 .banner .slick-dots li.slick-active span { background: rgba(166, 38, 27, 0.8); font-size: 2.4rem; padding: 15px 7px; } @media screen and (max-width:479px) { .carousel70 .banner .slick-dots li { margin: 0 11.5px; } .carousel70 .banner .slick-dots li span { padding: 7px 5px; } .carousel70 .banner .slick-dots li.slick-active span { font-size: 1.8rem; padding: 10px 3px; } } .gp-title79 { padding: 60px 0 40px; box-sizing: border-box; overflow: hidden; text-align: center; } .gp-title79 .gpColumnTitle .columtitle { display: inline-block; font-family: "FZZCHJW"; } .gp-title79 .gpColumnTitle .columtitle span { margin: 0 auto; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin: 0 17px; vertical-align: middle; border: 2px solid rgba(166, 38, 27, 0.2); } .gp-title79 .more { color: #999999; line-height: 2.43; display: inline-block; position: relative; padding-left: 16px; box-sizing: border-box; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .gp-title79 .more:hover, .gp-title79 .more:focus, .gp-title79 .more:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .gp-title79 .more::before { content: ""; display: block; width: 11px; height: 11px; background: url(../images230606/more79.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -5.5px; } .block-list243 { overflow: hidden; margin: 0 -30px; } .block-list243 a { display: block; margin: 0 30px; transition: all 0.3s ease-in-out; } .block-list243 a .mode1Pic { padding-bottom: 56.27%; } .block-list243 a .mode1article { box-sizing: border-box; margin: 20px 0; line-height: 1.56; height: 3.12em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #333333; } .block-list243 a .date { position: relative; line-height: 1; color: #999999; padding-left: 21px; box-sizing: border-box; } .block-list243 a .date::before { content: ''; display: block; width: 12px; height: 12px; background: url(../images230606/dateav.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; } .block-list243 li:hover a { transform: translateX(5px); } .block-list244 li a { display: block; padding: 20px; box-sizing: border-box; position: relative; } .block-list244 li a .mode2article { line-height: 1.56; height: 28px; overflow: hidden; color: #333333; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .block-list244 li a .date { position: relative; line-height: 1; color: #999999; padding-left: 21px; box-sizing: border-box; margin-bottom: 15px; } .block-list244 li a .date::before { content: ''; display: block; width: 12px; height: 12px; background: url(../images230606/datevb.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; } .block-list244 li a .mode2summary { line-height: 1.71; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #999999; } .block-list244 li a::before { content: ''; display: block; width: 1px; height: 100%; background: #A6261B; position: absolute; left: 0; top: 0px; transition: all 0.3s ease-in-out; } .block-list244 li:hover a::before { height: 0; } .block-list244 li:hover .mode2article { color: #A6261B; } .block-list244 li:hover a { box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.15); } .block-list245 { margin: 0 -30px; overflow: hidden; } .block-list245 li { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .block-list245 li a { display: block; margin: 0 30px; padding: 20px; box-sizing: border-box; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; border-right: none; } .block-list245 li a i { position: absolute; right: 10px; bottom: 0; width: 22px; height: 40px; } .block-list245 li a i::after { content: ''; display: block; width: 100%; height: 100%; background: #fff; position: absolute; right: -11px; bottom: 0; transform: skew(16deg); } .block-list245 li a i::before { content: ''; display: block; width: 100%; height: 100%; background: #A6261B; position: absolute; right: 0px; bottom: 0; transform: skew(-16deg); } .block-list245 li a .mode2article { line-height: 1.56; height: 56px; overflow: hidden; color: #333333; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; } @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .block-list245 li a::before { content: ''; display: block; width: 40px; height: 100%; background: #fff; position: absolute; right: -20px; top: 1px; border-left: 1px solid rgba(0, 0, 0, 0.1); transform: skew(-16deg); } .block-list245 li a::after { content: ''; display: block; width: 93%; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; bottom: 0; } .block-list245 li:hover .mode2article { color: #A6261B; } .block-list245 li:hover, .block-list245 li:focus, .block-list245 li:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @media screen and (max-width:768px) { .block-list245 li a::before { right: -13px; } .block-list245 li a { margin: 0 15px; padding-right: 35px; } .block-list245 { margin: 0 -15px; } .block-list245 li a i { right: 25px; } .block-list245 li a::after { width: 89%; } } @media screen and (max-width:479px) { .block-list245 li a i { right: 21px; } .block-list245 li a::after { width: 90%; } } @media screen and (max-width:414px) { .block-list245 li a i { right: 32px; } .block-list245 li a::after { width: 90%; } } @media screen and (max-width:400px) { .block-list245 li a::after { width: 82%; } } @media screen and (max-width:300px) { .block-list245 li a i { right: 33px; } } .block-list246 { margin: 0 -18px; overflow: hidden; } .block-list246 a { display: block; margin: 0 18px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .block-list246 a .mode3Pic { padding-bottom: 56.25%; } .block-list246 a .mode3Bot { padding: 20px; box-sizing: border-box; background: #fff; } .block-list246 a .mode3Bot .mode3name { color: #333333; line-height: 1.56; height: 3.12em; overflow: hidden; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .block-list246 a .mode3Bot .date { position: relative; line-height: 1; color: #999999; box-sizing: border-box; } .block-list246 a .mode3Bot .date .iconfont { color: #A6261B; margin-right: 6px; } .block-list246 li a:hover, .block-list246 li a:focus, .block-list246 li a:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .block-list246 li a:hover .mode3name { color: #A6261B; } .block-list247 a { display: flex; overflow: hidden; transition: all 0.3s ease-in-out; } .block-list247 a .mode41left { width: 200px; overflow: hidden; } .block-list247 a .mode41left .mode41Pic { padding-bottom: 56.5%; } .block-list247 a .mode4rRight { padding-left: 20px; box-sizing: border-box; flex: 1; overflow: hidden; } .block-list247 a .mode4rRight .mode4Article { line-height: 1.56; height: 4.68em; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; margin-bottom: 16px; } .block-list247 a .mode4rRight .date { position: relative; line-height: 1; color: #999999; padding-left: 21px; box-sizing: border-box; } .block-list247 a .mode4rRight .date::before { content: ''; display: block; width: 12px; height: 12px; background: url(../images230606/datevb.png) no-repeat; position: absolute; left: 0; top: 0; } .block-list247 li:hover a { transform: translateX(5px); } .block-list247 li:hover .mode4Article { color: #A6261B; } @media screen and (max-width:997px){ .block-list249 a { height:auto !important; max-height:3em; } } @media screen and (max-width:414px) { .block-list247 a { display: block; } .block-list247 a .mode41left { width: 100%; } .block-list247 a .mode4rRight { padding-left: 0; } } .block-list248 a { display: block; overflow: hidden; transition: all 0.3s ease-in-out; } .block-list248 a .mode42Img { position: relative; } .block-list248 a .mode42Img .mode41Pic { padding-bottom: 56.5%; } .block-list248 a .mode42Img .date { position: absolute; bottom: 20px; right: 0; padding-right: 20px; box-sizing: border-box; padding-left: 21px; z-index: 9; } .block-list248 a .mode42Img .date::before { content: ''; display: block; width: 12px; height: 12px; background: url(../images230606/datevx.png) no-repeat; position: absolute; left: 0; top: 4px; } .block-list248 a .mode42Img::before { content: ''; display: block; width: 100%; height: 63px; position: absolute; left: 0; bottom: 0; background: #000000; background: -o-linear-gradient(top, #000000, transparent); background: -moz-linear-gradient(top, #000000, transparent); background: linear-gradient(to top, #000000, transparent); z-index: 5; } .block-list248 a .mode42Article { padding-top: 20px; box-sizing: border-box; color: #333333; } .block-list248 a .mode42Article p { text-overflow: ellipsis; display: -moz-box; display: -webkit-box; display: -ms-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; line-height: 1.56; height: 3.12em; } .block-list248 li:hover a { transform: translateX(5px); } .block-list248 li:hover .mode42Article { color: #A6261B; } .block-list249 a { display: block; overflow: hidden; padding-left: 20px; box-sizing: border-box; position: relative; line-height: 1.5; height: 3em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; color: #333333; overflow: hidden; transition: all 0.3s ease-in-out; } .block-list249 a::before { content: ''; display: block; width: 9px; height: 9px; border: 2px solid #A6261B; border-radius: 50%; position: absolute; left: 0; top: 9px; } .block-list249 a::after { content: ''; display: block; width: 3px; height: 3px; background: #A6261B; border-radius: 50%; position: absolute; left: 3px; top: 12px; } .block-list249 li:hover a { transform: translateX(5px); color: #A6261B; } .block-list250 a { display: block; transition: all 0.3s ease-in-out; } .block-list250 a .mode43Top { border: 1px solid #A6261B; display: flex; } .block-list250 a .mode43Top .date2 { display: inline-block; padding: 3px 10px; box-sizing: border-box; font-family: 'PingFangSCRegular'; background: #A6261B; width: 105px; line-height: 1.857; } .block-list250 a .mode43Top .mode43topr { padding: 3px 20px; box-sizing: border-box; color: #bfbeac; line-height: 1.857; position: relative; flex: 1; } .block-list250 a .mode43Top .mode43topr:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; background: #A6261B; opacity: 0.5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .block-list250 a .mode43rarticle { line-height: 1.5; color: #333333; overflow: hidden; margin-top: 10px; box-sizing: border-box; height: 1.5em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .block-list250 li:hover .mode43topr:after { height: 140%; opacity: 1; } .block-list250 li:hover .mode43topr { color: #fff; } .block-list250 li:hover a { transform: translateX(5px); }