:root { --swiper-navigation-size: 0; } .content { position: relative; } .content .content-title { display: flex; } .content .content-title .title { display: flex; flex-direction: column; justify-content: center; width: 120px; min-height: 52px; font-family: "kaiti"; margin-right: 30px; } .content .content-title .title h3 { font-size: 30px; color: #333; } .content .content-title .title p { font-size: 16px; color: #c7aa86; } .content .content-title .sub-title { flex: 1; border-bottom: solid 1px #19591a; display: flex; } .content .content-title .sub-title .item { cursor: pointer; padding: 15px 20px 10px 20px; color: #000; font-size: 14px; transition: all 0.3s; } .content .content-title .sub-title .active { margin: 0 20px; padding: 9px 0 10px 0; color: #19591a; font-size: 20px; border-bottom: solid 3px #19591a; } .content .content-list-a.show, .content .content-list-b.show { display: block; } .content .content-list-a { display: none; } .content .content-list-a .item { display: flex; align-items: center; margin-top: 15px; } .content .content-list-a .item:hover .title { color: #b38955; } .content .content-list-a .date { padding-left: 15px; color: #b38955; padding-right: 28px; border-right: solid 1px #b38955; } .content .content-list-a .title { flex: 1; color: #102644; padding-left: 28px; font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s; } .content .content-list-b { display: none; } .content .content-list-b .item { display: flex; align-items: center; margin-top: 15px; } .content .content-list-b .item:hover .title { color: #b38955; } .content .content-list-b .title { margin-left: 5px; flex: 1; color: #333; font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s; } .content .content-list-b .date { padding-left: 15px; color: #b38955; font-size: 16px; } .content .content-more { position: absolute; top: 15px; right: 5px; color: #333; font-size: 14px; } .content .new { width: 30px; height: 15px; margin-left: 8px; background-image: url(/uploads/image/kimages/new.svg); background-size: cover; background-repeat: no-repeat; } .lbt-news-wrapper { height: 360px; margin-top: 30px; display: flex; justify-content: space-between; } .lbt-news-wrapper .lbt { font-family: "kaiti"; box-shadow: 0 5px 18px #ececec; } .lbt-news-wrapper .lbt .swiper { width: 650px; height: 100%; position: relative; } .lbt-news-wrapper .lbt .swiper:hover .swiper-button-next, .lbt-news-wrapper .lbt .swiper:hover .swiper-button-prev { opacity: 1; } .lbt-news-wrapper .lbt .swiper-slide { position: relative; } .lbt-news-wrapper .lbt .swiper-slide .title { display: flex; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: #fff; } .lbt-news-wrapper .lbt .swiper-slide .title a { display: block; height: 30px; width: 80%; line-height: 30px; margin: 10px 0 10px 20px; color: #333; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lbt-news-wrapper .lbt .swiper-slide .title a:hover { color: #b38955; } .lbt-news-wrapper .lbt .swiper-slide .img img { width: 100%; height: 100%; } .lbt-news-wrapper .lbt .swiper-button-next, .lbt-news-wrapper .lbt .swiper-button-prev { opacity: 0; font-size: 30px; font-weight: 800; color: #72583c; transition: all 0.5s; } .lbt-news-wrapper .lbt .swiper-pagination-custom { position: absolute; width: 110px !important; height: 50px !important; background-color: #fff; top: unset !important; left: unset !important; right: 0; bottom: 0; z-index: 10; display: flex; align-items: center; justify-content: center; } .lbt-news-wrapper .lbt .swiper-pagination-custom .page-num { display: flex; align-items: end; font-family: "philosopher"; color: rgba(0, 0, 0, 0.4); font-size: 18px; } .lbt-news-wrapper .lbt .swiper-pagination-custom .current { font-size: 30px; } .lbt-news-wrapper .news { width: 650px; } .fast-link-wrapper { height: 150px; margin: 30px auto; position: relative; } .fast-link-wrapper .item { height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .fast-link-wrapper .item img { width: 75px; height: 90px; object-fit: contain; margin: 0 auto; transition: 0.5s ease-out; } .fast-link-wrapper .item .title { background-color: #fff; color: #333; text-align: center; margin-top: 12px; } .fast-link-wrapper .item:hover img { transform: rotatez(180deg); } .fast-link-wrapper .item:hover .title { color: #ba9364; } .fast-link-wrapper .swiper-button-prev { left: -15px; } .fast-link-wrapper .swiper-button-next { right: -15px; } .article-list { height: 500px; background: url(/uploads/image/kimages/bg01.png) no-repeat top center; background-size: cover; padding: 30px 0; } .article-list-wrapper { display: flex; justify-content: space-between; } .article-list-wrapper .content { width: 660px; } .xzfc-xsyg { height: 450px; background: url(/uploads/image/kimages/bg02.png) no-repeat top center; background-size: cover; padding: 40px 0; } .xzfc-xsyg-wrapper { display: flex; justify-content: space-between; } .xzfc-xsyg-wrapper .xzfc { width: 650px; } .xzfc-xsyg-wrapper .xzfc .title { border-bottom: solid 1px #19591a; text-align: center; position: relative; } .xzfc-xsyg-wrapper .xzfc .title h3 { padding-bottom: 20px; color: #333; font-size: 30px; font-family: "kaiti"; } .xzfc-xsyg-wrapper .xzfc .swiper { margin-top: 60px; } .xzfc-xsyg-wrapper .xzfc .item { display: flex; flex-direction: column; align-items: center; justify-content: center; } .xzfc-xsyg-wrapper .xzfc .item .img { width: 124px; height: 124px; border-radius: 50%; border: 3px solid #c7aa86; overflow: hidden; } .xzfc-xsyg-wrapper .xzfc .item img { display: block; width: 100%; height: 100%; transition: all 0.6s; } .xzfc-xsyg-wrapper .xzfc .item:hover img { transform: scale(1.1); } .xzfc-xsyg-wrapper .xzfc .item .decsribe { display: flex; flex-direction: column; align-items: center; justify-content: center; } .xzfc-xsyg-wrapper .xzfc .item h3 { margin-top: 15px; font-size: 24px; color: #858385; font-family: "kaiti"; } .xzfc-xsyg-wrapper .xzfc .item p { margin-top: 8px; font-size: 14px; color: #494f56; text-align: center; } .xzfc-xsyg-wrapper .xsyg { width: 650px; } .xzfc-xsyg-wrapper .xsyg .title { border-bottom: solid 1px #fff; display: flex; align-items: center; justify-content: space-between; } .xzfc-xsyg-wrapper .xsyg h3 { padding-bottom: 18px; border-bottom: solid 2px #fff; color: #fff; font-size: 30px; font-family: "kaiti"; } .xzfc-xsyg-wrapper .xsyg a { color: #fff; font-size: 14px; } .xzfc-xsyg-wrapper .xsyg .items { margin-top: 60px; margin-left: 35px; } .xzfc-xsyg-wrapper .xsyg .item { display: block; width: 92%; height: 28px; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 20px; font-family: "kaiti"; }