@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { font-family: "PingFang SC", "Lantinghei SC", Helvetica, Arial, "Microsoft Yahei", sans-serif; /* min-width: 1250px; */ /* background-color: #fff1dc; */ font-size: 18px; line-height: 1.8; color: #333; text-align: left; position: relative; } #domPC { display: block; } #domMb { display: none; } .banner { background: url(../images/2024lhBanner.jpg) no-repeat center top; height: 795px; position: relative; z-index: -999; overflow: hidden; } .con1200 { width: 1200px; height: auto; margin: 0px auto; } a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; } a:hover { color: #bf0009; } h3 { font-size: 20px; font-weight: normal; } p, span { color: #333; line-height: 1.8; } img { width: 100%; height: 100%; } #main img { object-fit: cover; } .fl { float: left; } .fr { float: right; } .clear::after { display: block; content: ""; clear: both; } .blank20 { margin-top: 20px; } .blank30 { margin-top: 30px; } .blank50 { margin-top: 50px; } .fp_title { display: none; } .fp_subtitle { display: inline; } /* 澶撮儴瀵艰埅 */ .m_header { position: relative; } .m_header1 { height: 40px; line-height: 40px; background-color: #fbfbfb; border-bottom: 1px #eaeaea solid; } .m_topNav { width: 1200px; margin: 0 auto; } .m_topNav ul li { float: left; padding: 0 10px; line-height: 40px; font-size: 12px; } .m_topNav li a { color: #6b6b6b; } /* 姘旀场鐗规晥 */ .qp1, .qp2 { background: url(../images/2023lhtp/light.png) no-repeat; /* background: #f00; */ width: 100%; height: 200px; position: absolute; bottom: -200px; left: 0; } .qp1 { animation: qp 10s infinite; } .qp2 { animation: qp 10s 3s infinite; } @keyframes qp { from { bottom: -100px; opacity: 1; } to { bottom: 300px; opacity: 0; } } /* 瀵艰埅 */ .frNav { width: 150px; height: auto; position: fixed; right: 50%; margin-right: -760px; bottom: 50%; margin-bottom: -320px; z-index: 999; display: none; } .frNav ul i { display: block; width: 100%; height: 120px; background: url(../images/2023lhtp/frnavBg.png) no-repeat -49px 19px; border-bottom: 5px #bf0009 solid; } .frNav ul li a { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; background: #fbeee1; } .frNav ul li::after { display: block; content: ""; width: 80%; height: 5px; margin: 0 10%; background-color: #ccc; transform: skewX(70deg); } /* 姝f枃鍐呭 */ #main { margin-top: -235px; } #main .tout { margin-top: 40px; margin-bottom: 60px; box-shadow: 0 0 20px 0 #bf0009; padding: 50px 0 10px; color: #bf0009; background-color: #fff; text-align: center; position: relative; } #main .tout h1 { font-size: 36px; line-height: 1.4; } #main .tout h1 a { color: #bf0009; } #main .tout p { padding: 20px; font-weight: normal; margin: 10px 0 20px; /* text-align: left; */ } /* 瑕侀椈 S */ /* .boxXw { height: 1040px; } */ .yaow>.con1200>.fl { width: 410px; margin: -20px 40px 0px 0px; } .yaow_list { height: 570px; /* margin-top: -20px; */ } .yaow_list a.time { display: block; width: 100%; height: 70px; background: url(../images/2023lhtp/xjplhBg.jpg) center top no-repeat; } .yaow_list .xjp { padding: 0px 10px 10px 10px; box-sizing: border-box; background-image: linear-gradient(to bottom, #bf0009 0%, #bf0009 20%, #c9aa79 22%, #c9aa79 100%); } .yaow_list .xjp ul { background: #fff; } .yaow_list li { height: 90px; border-bottom: 1px #999 dashed; margin: 0 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.4; overflow: hidden; } .yaow_list li:last-child { border-bottom: 0; } .yaow .fl .time2 { display: block; width: 100%; height: 50px; margin-top: 20px; background: url(../images/2023lhtp/ywlhBg.jpg); } .yaow .fl .yw { padding: 0px 10px 10px 10px; box-sizing: border-box; background-image: linear-gradient(to bottom, #bf0009 0%, #bf0009 20%, #c9aa79 22%, #c9aa79 100%); } .yaow .fl .yw ul { background: #fff; } .yaow>.con1200>.fr { width: 750px; border-top: 10px #bf0009 solid; } .yaow_pic { width: 750px; height: 540px; overflow: hidden; position: relative; overflow: hidden; } .yaow_pic .swiper-slide img { display: block; width: 750px; height: 460px; object-fit: cover; } .yaow_pic h3 { padding: 0 10px; background: #bf0009; width: 100%; height: 80px; line-height: 80px; } .yaow_pic h3 a { color: #fff; } .yaow_pic .swiper-pagination { position: absolute; left: 0; bottom: 40px; } :root { --swiper-theme-color: #fff; } .yaow_pic .swiper-button-next, .yaow_pic .swiper-button-prev { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; } .yaow_pic .swiper-pagination-bullet { background: #fff; margin-right: 5px; } .yaow_sp { width: 750px; margin: 20px 0; } .yaow_sp .sp { position: relative; width: 365px; height: 220px; padding: 10px; box-sizing: border-box; margin-right: 20px; background: #bf0009; background-image: linear-gradient(to bottom, #bf0009 0%, #bf0009 30%, #c9aa79 32%, #c9aa79 100%); } .yaow_sp .sp:last-child { margin-right: 0; } #main .yaow_sp .sp img { display: inline-block; } .yaow_sp .sp h3 { display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 5px; } .yaow_sp .sp h3 a { color: #fff; } .yaow_rc .time { display: block; width: 100%; height: 50px; background: url(../images/2023lhtp/rclhBg.jpg) no-repeat; } .yaow_rc .rc { height: 180px; padding: 10px; background: #bf0009; background-image: linear-gradient(to bottom, #bf0009 0%, #bf0009 30%, #c9aa79 32%, #c9aa79 100%); } .yaow_rc .con { height: 160px; background-color: #fff; } .yaow_rc .con h3{ height: 80px; line-height: 1.4; padding: 0 25px; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 瑕侀椈缁撴潫 */ /* 婊氬姩 */ .gd{ height: 40px; line-height: 40px; margin: 50px auto; width: 1200px; } .gd .gdTopic{ width: 102px; padding: 0px 15px; margin-right: 10px; background: #bf0009; } .gd .gdTopic a{ color: #fff; } .gd .fr{ width: 1088px; overflow: hidden; padding: 0px 15px; } .gd ul { width: 100%; display: flex; } .gd ul li{ white-space: nowrap; margin-right: 50px; list-style:disc; } .gd ul a li h3{ font-weight: normal; } .gd ul a:hover{ color: #bf0009; } .scroll { animation: slide 20s linear infinite; } @keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .scroll:hover{ animation-play-state: paused; } /* 鏍囬鏍 */ .topic { width: 1200px; margin: 50px auto 40px; background: url(../images/2023lhtp/topicBg.png) no-repeat center center; height: 120px; line-height: 75px; padding: 26px 20px 10px 160px; } .topic h2 { display: inline-block; text-shadow: 1px 2px 2px #ccc; font-size: 50px; letter-spacing: 5px; font-weight: bolder; color: #bf0009; } .topic h2 a { color: #bf0009; font-weight: bolder; } /* 鏍囬鏍 E */ .baog { height: 860px; background-color: #bf0009; } .baog .con1200 { height: 860px; background: url(../images/2023lhtp/zfgzbgBg.png) no-repeat center; } .baog .fl, .baog .fr { width: 500px; margin: 130px 50px; } .baog .quanw h3 { font-size: 24px; font-weight: 800; text-align: center; padding: 20px; line-height: 1.6; } .baog .quanw h3 a { color: #bf0009; } .baog .quanw p { color: #000; } .baog .quanw p a{ color: #bf0009; } .baog .fr ul li::before { content: ""; position: absolute; top: 32px; left: -22px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #bf0009; } .baog .fr ul li { height: 75px; border-bottom: 1px #999 dashed; margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.4; } .baog .fr ul li h3 { color: #333; font-size: 18px; } /* 鏀垮簻宸ヤ綔鎶ュ憡 E */ /* 涓や細鐩撮€氳溅 S */ .xczj .con1200 { height: 420px; } .xczj .con1200 .pic { display: block; width: 600px; height: 420px; margin-right: 30px; position: relative; } .xczj .con1200 .pic img{ display: block; object-fit: cover; } .xczj .con1200 .pic h3{ position: absolute; bottom: -10px; left: 0; width: 100%; height: 60px; line-height: 60px; padding: 0px 5px; background: #bf0009; } .xczj .con1200 .pic h3 a{ color: #fff; } .xczj .con1200 .con { width: 570px; height: 420px; } .xczj .con1200 .con li::before { content: ""; position: absolute; top: 36px; left: -22px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #bf0009; } .xczj .con1200 .con li{ height: 84px; /* border-bottom: 1px #999 dashed; */ margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.4; } .xczj .con1200 .con li:nth-child(-n+4){ border-bottom: 1px #ccc dashed; } /* 浠h〃濮斿憳S */ .dbfc .pic { width: 500px; margin-right: 40px; } .dbfc .pic:first-child{ margin-bottom: 40px; } .dbfc .pic img{ width: 500px; height: 280px; display: block; } .dbfc .pic h3 { width: 100%; height: 60px; line-height: 60px; padding: 0 5px; overflow: hidden; background: #bf0009; font-size: 18px; } .dbfc .pic h3 a { color: #fff; } .dbfc .con { width: 660px; } .dbfc .con li::before { content: ""; position: absolute; top: 31px; left: -22px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #bf0009; } .dbfc .con li { height: 73px; margin-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.4; } .dbfc .con li:nth-child(-n+9){ border-bottom: 1px #ccc dashed; } /* 浠h〃濮斿憳 E */ /* 鐗瑰垔S */ .tekan { position: relative; height: 100%; padding: 50px 0; /* background-color: #bf0009; */ background: url(../images/2023lhtp/tekanBg.jpg) no-repeat center bottom; } .tekan .swiper-container { width: 100%; height: 100%; padding: 40px 0; } .tekan .swiper-slide img { box-shadow: 0 0 20px 0 #bf0009; } .tekan .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } .tekan .swiper-slide-active, .tekan .swiper-slide-duplicate-active { transform: scale(1); } .swiper-button-prev { left: 0px; right: auto; color: #bf0009; font-weight: bolder; } .swiper-button-next { right: 0px; left: auto; color: #bf0009; font-weight: bolder; } .swiper-pagination-bullet { width: 20px; height: 10px; display: inline-block; border-radius: 0; opacity: 0.3; } .swiper-pagination-bullet-active { opacity: 1; background-color: #bf0009; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 50px; } /* 鐗瑰垔 E */ .rmsp .spCon { width: 380px; height: 280px; margin-right: 30px; float: left; background: rgba(191, 0, 9, .9); position: relative; } .rmsp .spCon:nth-child(3n) { margin-right: 0; } .rmsp .spCon:nth-child(-n+3){ margin-bottom: 30px; } .rmsp .spCon img { display: block; width: 380px; height: 220px; /* box-shadow: 0 0 10px 0 #bf0009; */ } .rmsp .spCon h3 { /* position: absolute; bottom: 0; left: 0; */ width: 100%; height: 60px; line-height: 60px; padding: 0px 5px; font-size: 14px; overflow: hidden; /* background-image: linear-gradient(to top, #bf0009 0%, transparent 100%); */ } .rmsp .spCon h3 a { color: #fff; } .rmsp .spCon i { background: url(/index/xhtml/index/images/index2020/btn_play.png); width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; z-index: 9; margin: -27.5px 0 0 -27.5px; transition: all 0.5s; } /* 铻嶅獟浣撹棰 E */ .mtpl .con_fl, .mtpl .con_cent, .mtpl .con_fr { width: 360px; margin-right: 40px; } .mtpl .con_fl { width: 280px; } .mtpl .con_cent { width: 440px; } .mtpl .con_fr { margin-right: 0; } .mtpl .con_fl .con_fl_nr { position: relative; margin-bottom: 20px; height: 190px; } .mtpl .con_fl .con_fl_nr img { display: block; } .mtpl .con_fl .con_fl_nr h3 { position: absolute; left: 0; bottom: 0; padding: 0px 10px; background: rgba(191, 0, 9, .9); width: 100%; height: 40px; line-height: 40px; text-align: center; } .mtpl .con_fl .con_fl_nr h3 a { color: #fff; font-size: 14px; } .mtpl ul li { color: #df2a36; /* list-style: disc inside; */ height: 60px; line-height: 60px; border-bottom: 1px #999 dashed; overflow: hidden; } /* 璇濋鐑 E */ /* 鎵嬫満鏍峰紡 */ @media only screen and (max-width:1440px) { .frNav { display: none!important; } }