@charset "utf-8"; /* CSS Document */ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { border-radius: 0; background: rgba(255, 255, 255, 0); } ::-webkit-scrollbar-thumb { border-radius: 5px; background: #aaaaaa; } ::-webkit-scrollbar-thumb:hover { border-radius: 5px; background: #aaaaaa; } :root { --vh: 1vh; /*calc(var(--vh) * 100) == 100vh */ --pli_07_top:0px; } root { --hover_color:$color1; } @font-face { font-family: "poppins-Regular"; src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "poppins-Bold"; src: url("../fonts/albb_heavy.woff2") format("woff2"), url("../fonts/albb_heavy.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceHanSansCN-Normal"; src: url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Normal.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceHanSansCN-Regular"; src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "din"; src: url("../fonts/din.woff2") format("woff2"), url("../fonts/din.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "HarmonyOSSansSC_en"; src: url("../fonts/HarmonyOSSansSC_en.woff2") format("woff2"), url("../fonts/HarmonyOSSansSC_en.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } body { font-family: "SourceHanSansCN-Regular", -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Arial; margin: 0; padding: 0; font-style: normal !important; font-variant: normal !important; color: #000; font-size: 12px; margin: 0px auto; padding: 0px; } .albb_font { font-family: albb; } .font_SHSCN { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN p { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN span { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN i { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN div { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN b { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN strong { font-family: SourceHanSansCN-Regular !important; } .font_SHSCN em { font-family: SourceHanSansCN-Regular !important; } a { color: #000; text-decoration: none; outline: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } a:hover { color: #00479d; text-decoration: none; outline: none; } a:focus { outline: none; text-decoration: none; } .clear { clear: both; font-size: 0vw; line-height: 0; height: 0; } * html .clearfix { zoom: 1; } *:first-child + html .clearfix { zoom: 1; } .cell, .cell2, .cell3 { border-collapse: collapse; border-spacing: 0; } .fl { float: left; } .fr { float: right; } a, img { border: 0px; } br { font-family: SimSun; } p { margin: 0px; padding: 0px; line-height: 1.75; } i { margin: 0px; padding: 0px; font-style: normal; } ul { margin: 0px; padding: 0px; list-style: none; } ul li { margin: 0px; padding: 0px; list-style: none; } br { margin: 0px; padding: 0px; } .clearheight { width: 100%; height: 1px; overflow: hidden; } input, select, textarea { font-family: "SourceHanSansCN-Regular", -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Arial; outline: none; } input::-ms-clear, input::-ms-reveal { display: none; } input[type=text]:disabled { background-color: #999; } input::-moz-placeholder { color: #000; } input::-moz-placeholder { color: #000; } input::-ms-input-placeholder { color: #000; } input::-webkit-input-placeholder { color: #000; } input[type=text], input[type=button], input[type=submit], input[type=reset], select, textarea, button { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } input { -webkit-appearance: none; appearance: none; outline: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0vw 13.3333vw white inset; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } input[type=button], input[type=text], input[type=password] { -webkit-appearance: none; outline: none; } a, a:hover, a:active, a:visited, a:link, a:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; } /*loading*/ .loading { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9998; display: block; } .loading b.b1 { width: 100%; height: 100%; display: block; overflow: hidden; background-color: #00479d; position: absolute; left: 0px; top: 0%; } .container { width: 100%; } .section { width: 100%; background-color: #fff; } .section .pagefr_n { width: 100%; height: calc(var(--vh) * 100); overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .section.active .pagefr_n { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } @-webkit-keyframes an_0 { 0% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } 50% { box-shadow: 0 0 10px 3px rgba(24, 152, 242, 0.6); } 100% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } } @keyframes an_0 { 0% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } 50% { box-shadow: 0 0 10px 3px rgba(24, 152, 242, 0.6); } 100% { box-shadow: 0 0 0px 0px rgba(24, 152, 242, 0); } } @-webkit-keyframes an_02 { 0% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes an_02 { 0% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } .an_02 { -webkit-animation-name: an_02; animation-name: an_02; } @-webkit-keyframes an_02_f { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } } @keyframes an_02_f { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } } @-webkit-keyframes an_01 { 0% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } 50% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } 100% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } } @keyframes an_01 { 0% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } 50% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } 100% { transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99); } } @-webkit-keyframes an_03 { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes an_03 { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .an_03 { -webkit-animation-name: an_03; animation-name: an_03; } @-webkit-keyframes an_zdy {} @keyframes an_zdy {} .an_zdy { -webkit-animation-name: an_zdy; animation-name: an_zdy; } @-webkit-keyframes an_04 { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } 50% { transform: translateY(-0.08rem); -webkit-transform: translateY(-0.08rem); -moz-transform: translateY(-0.08rem); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } } @keyframes an_04 { 0% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } 50% { transform: translateY(-0.08rem); -webkit-transform: translateY(-0.08rem); -moz-transform: translateY(-0.08rem); } 100% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } } @-webkit-keyframes an_04_01 { 0% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 100% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } } @keyframes an_04_01 { 0% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 50% { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 100% { transform: translateY(-0.03rem); -webkit-transform: translateY(-0.03rem); -moz-transform: translateY(-0.03rem); transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } } @-webkit-keyframes an_05 { 0% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } 50% { transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 100% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } } @keyframes an_05 { 0% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } 50% { transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); } 100% { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } } @-webkit-keyframes an_06 { 0% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } 25% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(-10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(-10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(-10px); } 50% { opacity: 0.5; transform: scale(1, 1) translateY(-10px) translateX(10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(10px); } 75% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(0px); -moz-transform: scale(1, 1) translateY(-10px) translateX(0px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(0px); } 100% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } } @keyframes an_06 { 0% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } 25% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(-10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(-10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(-10px); } 50% { opacity: 0.5; transform: scale(1, 1) translateY(-10px) translateX(10px); -moz-transform: scale(1, 1) translateY(-10px) translateX(10px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(10px); } 75% { opacity: 0.6; transform: scale(1, 1) translateY(-10px) translateX(0px); -moz-transform: scale(1, 1) translateY(-10px) translateX(0px); -webkit-transform: scale(1, 1) translateY(-10px) translateX(0px); } 100% { opacity: 1; transform: scale(0.96, 0.96) translateY(0) translateX(0); -moz-transform: scale(0.96, 0.96) translateY(0) translateX(0); -webkit-transform: scale(0.96, 0.96) translateY(0) translateX(0); } } @-webkit-keyframes an_07 { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes an_07 { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 50% { transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } @-webkit-keyframes ksan { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); opacity: 0; } } @keyframes ksan { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } } @-webkit-keyframes ksan_01 { 0% { -webkit-transform: scale(0.8); opacity: 1; } 100% { -webkit-transform: scale(1.5); opacity: 0; } } @keyframes ksan_01 { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } } /*common*/ .in_body { min-height: 100vh; position: relative; background-color: #fff; opacity: 0; } .other_body { min-height: 100vh; position: relative; background-color: #fff; opacity: 0; } .home_body { overflow: hidden; height: 100vh; } .wrap { width: 100%; margin: 0px auto; padding: 0px; } .wrap_in { margin: 0px 0.8rem; } .wrap_c { margin: 0px 2.6rem; } .wrap_c1 { margin: 0px 3.6rem; } .w_wap { display: none !important; } .top_bg { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 998; background-color: rgba(0, 0, 0, 0.6); display: none; pointer-events: none; } .top_bg.active { display: block; } .topfr { overflow: visible; height: 1.52rem; position: fixed; left: 0px; top: 0px; z-index: 99999; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .topfr a { transition: 0s linear; -webkit-transition: 0s linear; -o-transition: 0s linear; -moz-transition: 0s linear; } .top_t { width: 100%; overflow: visible; height: 0.68rem; position: relative; } .top_t::before { content: ""; display: block; width: 100%; height: 0.01rem; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0px; bottom: 0px; } .top_t .fl ul li { float: left; margin-left: 0.3rem; } .top_t .fl ul li:first-child { margin-left: 0px; } .top_t .fl ul li .topt_t { width: 100%; height: 0.68rem; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .top_t .fl ul li .topt_t a { color: #fff; } .top_t .fl ul li .topt_t a.home { display: inline-block; width: 13.4px; height: 0.68rem; background: url("../images/t_02.png") 50% no-repeat; background-size: 100%; } .top_t .fl ul li .topt_t a.home:hover { background: url("../images/t_08.png") 50% no-repeat; background-size: 100%; } .top_t .fl ul li .topt_t a:hover { color: #00479d; } .top_t .fl ul li .topt_c { width: 100%; overflow: hidden; background-color: #fff; position: absolute; left: 0px; top: 0.68rem; z-index: 9999; display: none; } .top_t .fl ul li .topt_c .toptc_t { width: 100%; overflow: hidden; height: 1.2rem; background-color: #00479d; color: #fff; padding: 0px 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .top_t .fl ul li .topt_c .toptc_t a { width: 100%; display: block; overflow: hidden; color: #fff; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.24rem; } .top_t .fl ul li .topt_c .toptc_c { width: 100%; overflow: hidden; padding: 0.6rem 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l { width: 5rem; overflow: hidden; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl { width: 100%; overflow: hidden; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0.1rem; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd { width: 100%; overflow: hidden; margin: 0px; padding: 0px; line-height: 1.75; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a { display: inline-block; color: #222; padding-right: 0.5rem; position: relative; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a::before { content: ""; display: block; width: 0.16rem; height: 100%; position: absolute; right: 0.05rem; top: 0px; opacity: 0; background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.16rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a:hover { color: #00479d; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl dd a:hover::before { right: 0px; opacity: 1; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r { width: calc(100% - 5rem - 1.6rem - 1.2rem); overflow: hidden; position: relative; padding-left: 1.2rem; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r::before { content: ""; display: block; width: 0.01rem; height: 100%; overflow: hidden; background-color: #e0e0e0; position: absolute; left: 0px; top: 0px; pointer-events: none; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a { display: inline-block; width: 4.5rem; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a .img { width: 100%; overflow: hidden; position: relative; z-index: 1; pointer-events: none; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a .img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a .txt { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0.15rem; z-index: 9; padding: 0px 0.4rem; line-height: 1.75; color: #fff; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a .txt span { width: 100%; display: block; overflow: hidden; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.16rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .top_t .fl ul li .topt_c .toptc_c .ttcc_r a:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .top_t .fl ul li .topt_t { position: relative; } .top_t .fl ul li .topt_t::before { content: ""; display: block; width: 0.18rem; height: 0.08rem; background: url("../images/nav_03.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 50%; bottom: -0.05rem; opacity: 0; margin-left: -0.09rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .top_t .fl ul li.active .topt_t::before { opacity: 1; bottom: 0px; } .top_t .fr a { float: left; line-height: 0.68rem; color: #fff; } .top_t .fr a.a1 { background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.13rem; padding-right: 0.27rem; } .top_t .fr a:hover { color: #00479d; } .top_t .fr a.a1:hover { background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.13rem; } .top_t .fr a.a2 { width: 12px; height: 12px; display: block; background: url("../images/t_01.png") 50% no-repeat; background-size: 100% 100%; margin-top: calc((0.68rem - 12px) / 2); } .top_t .fr a.a2:hover { background: url("../images/t_09.png") 50% no-repeat; background-size: 100% 100%; } .top_t .fr i { float: left; width: 0.01rem; height: 16px; background-color: rgba(255, 255, 255, 0.5); margin: 0px 0.3rem; margin-top: calc((0.68rem - 16px) / 2); } .top_c { width: 100%; overflow: visible; height: 0.64rem; } .top_c .fl { height: 0.45rem; margin-top: 0.2rem; line-height: 0.45rem; color: #fff; font-weight: bold; } .top_c .fl .sp { float: left; } .top_c .fl a { color: #fff; } .top_c .fl i { width: 0.02rem; height: 0.22rem; display: block; background-color: rgba(255, 255, 255, 0.5); margin: 0px 0.3rem; margin-top: 0.115rem; float: left; } .top_c .fr { overflow: visible; margin-top: 0.2rem; } .top_c .fr a { display: inline-block; position: relative; } .top_c .fr img { display: block; height: 0.45rem; } .top_c .fr img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .topfr.on { background-color: #fff; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .topfr.on .top_t .fl ul li .topt_t a { color: #222; } .topfr.on .top_t .fl ul li .topt_t a.home { background: url("../images/t_10.png") 50% no-repeat; background-size: 100%; } .topfr.on .top_t::before { background-color: rgba(0, 0, 0, 0.05); } .topfr.on .top_t .fr a { color: #222; } .topfr.on .top_t .fr a.a1 { background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.13rem; } .topfr.on .top_t .fr i { background-color: rgba(0, 0, 0, 0.05); } .topfr.on .top_t .fr a.a2 { background: url("../images/t_07.png") 50% no-repeat; background-size: 100% 100%; } .topfr.on .top_c .fl { color: #222; } .topfr.on .top_c .fl a { color: #222; } .topfr.on .top_c .fl i { background-color: rgba(0, 0, 0, 0.05); } .topfr.on .top_c .fr img.img2 { opacity: 1; } .topfr.on .top_c .fr img.img1 { opacity: 0; } .topfr.mem { height: 0.68rem; background-color: #fff; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .topfr.mem .top_t .fl ul li .topt_t a { color: #222; } .topfr.mem .top_t .fl ul li .topt_t a.home { background: url("../images/t_10.png") 50% no-repeat; background-size: 100%; } .topfr.mem .top_t::before { background-color: rgba(0, 0, 0, 0.05); } .topfr.mem .top_t .fr a { color: #222; } .topfr.mem .top_t .fr a.a1 { background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.13rem; } .topfr.mem .top_t .fr i { background-color: rgba(0, 0, 0, 0.05); } .topfr.mem .top_t .fr a.a2 { background: url("../images/t_07.png") 50% no-repeat; background-size: 100% 100%; } .topfr.mem .top_c .fl { color: #222; } .topfr.mem .top_c .fl a { color: #222; } .topfr.mem .top_c .fl i { background-color: rgba(0, 0, 0, 0.05); } .topfr.mem .top_c .fr img.img2 { opacity: 1; } .topfr.mem .top_c .fr img.img1 { opacity: 0; } .memtop_empty { overflow: hidden; height: 0.69rem; } .topfr.active { background-color: #fff; -moz-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05); } .topfr.active .top_t .fl ul li .topt_t a { color: #222; } .topfr.active .top_t .fl ul li .topt_t a.home { background: url("../images/t_10.png") 50% no-repeat; background-size: 100%; } .topfr.active .top_t::before { background-color: rgba(0, 0, 0, 0.05); } .topfr.active .top_t .fr a { color: #222; } .topfr.active .top_t .fr a.a1 { background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.13rem; } .topfr.active .top_t .fr i { background-color: rgba(0, 0, 0, 0.05); } .topfr.active .top_t .fr a.a2 { background: url("../images/t_07.png") 50% no-repeat; background-size: 100% 100%; } .topfr.active .top_c .fl { color: #222; } .topfr.active .top_c .fl a { color: #222; } .topfr.active .top_c .fl i { background-color: rgba(0, 0, 0, 0.05); } .topfr.active .top_c .fr img.img2 { opacity: 1; } .topfr.active .top_c .fr img.img1 { opacity: 0; } .top_c { position: relative; } .topc_menu1 { padding-bottom: 0.2rem; } .topc_menu1 > a { display: inline-block; position: relative; } .topc_menu1 > a::before { content: ""; display: block; width: 0.18rem; height: 0.08rem; background: url("../images/nav_03.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 50%; bottom: -0.25rem; opacity: 0; margin-left: -0.09rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .topc_menu1.active > a::before { opacity: 1; bottom: -0.2rem; } .topc_menu1 .topc_c { width: 100%; overflow: hidden; background-color: #fff; position: absolute; left: 0px; top: 0.84rem; z-index: 9999; display: none; } .topc_menu1 .topc_c .topcc_t { width: 100%; overflow: hidden; height: 1.2rem; background-color: #00479d; color: #fff; padding: 0px 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .topc_menu1 .topc_c .topcc_t a { width: 100%; display: block; overflow: hidden; color: #fff !important; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.24rem; } .topc_menu1 .topc_c .topcc_c { width: 100%; overflow: hidden; padding: 0.6rem 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; } .topc_menu1 .topc_c .topcc_c .topccc_l { width: 5rem; overflow: hidden; } .topc_menu1 .topc_c .topcc_c .topccc_l dl { width: 100%; overflow: hidden; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0.1rem; } .topc_menu1 .topc_c .topcc_c .topccc_l dl dd { width: 100%; overflow: hidden; margin: 0px; padding: 0px; line-height: 1.75; } .topc_menu1 .topc_c .topcc_c .topccc_l dl dd a { display: inline-block; color: #222; padding-right: 0.5rem; position: relative; } .topc_menu1 .topc_c .topcc_c .topccc_l dl dd a::before { content: ""; display: block; width: 0.16rem; height: 100%; position: absolute; right: 0.05rem; top: 0px; opacity: 0; background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.16rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .topc_menu1 .topc_c .topcc_c .topccc_l dl dd a:hover { color: #00479d; } .topc_menu1 .topc_c .topcc_c .topccc_l dl dd a:hover::before { right: 0px; opacity: 1; } .topc_menu1 .topc_c .topcc_c .topccc_r { width: calc(100% - 5rem - 1.6rem - 1.2rem); overflow: hidden; position: relative; padding-left: 1.2rem; } .topc_menu1 .topc_c .topcc_c .topccc_r::before { content: ""; display: block; width: 0.01rem; height: 100%; overflow: hidden; background-color: #e0e0e0; position: absolute; left: 0px; top: 0px; pointer-events: none; } .topc_menu1 .topc_c .topcc_c .topccc_r .p { width: 100%; overflow: hidden; } .topc_menu1 .topc_c .topcc_c .topccc_r .p1 { color: #222; line-height: 1.5; font-weight: bold; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 { margin-top: 0.2rem; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl { width: 100%; overflow: hidden; margin: 0px; padding: 0px; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd { margin: 0px; padding: 0px; width: 2.47rem; overflow: hidden; float: left; margin-right: 0.2rem; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd:last-child { margin-right: 0px; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd a { width: 100%; display: block; overflow: hidden; position: relative; border: 0.01rem solid #ececec; background-color: #f9f9f9; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .img { width: 100%; overflow: hidden; position: relative; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .img img.img2 { height: 100%; object-fit: contain; position: absolute; left: 0px; top: 0px; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd .txt { width: 100%; overflow: hidden; text-align: center; color: #222; line-height: 1.5; padding: 0.1rem 0.2rem 0.2rem 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd b { width: 0.3rem; height: 0.3rem; display: block; background-color: #222; border-radius: 50%; position: absolute; right: 0.2rem; top: 0.2rem; z-index: 99; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd b::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/t_04.png") 50% no-repeat; background-size: 0.1rem; } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd a:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .topc_menu1 .topc_c .topcc_c .topccc_r .p2 dl dd a:hover b { background-color: #00479d; } .topfr.topDown { top: -1.52rem; } .top_empty { overflow: hidden; height: 1.52rem; } .top_t { z-index: 999; } .top_c { z-index: 990; } .ss_click:hover { background: url("../images/t_09.png") 50% no-repeat !important; background-size: 100% 100% !important; position: relative; } .ss_click.active { background: url("../images/t_09.png") 50% no-repeat !important; background-size: 100% 100% !important; position: relative; } .ss_click.active::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background: url("../images/close_on.png") 50% no-repeat; background-size: 0.2rem; background-color: #fff; position: absolute; left: 0px; top: 0px; } .sstcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 998; display: none; } .sstcfr .sstc_bg { width: 100%; height: calc(100% - 0.68rem); overflow: hidden; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .sstcfr .sstc_c { width: 5.6rem; overflow: hidden; height: 100%; position: absolute; right: -4.4rem; top: 0px; z-index: 9; background-color: #fff; } .sstcfr .sstc_c .closepc_click { width: 0.2rem; height: 0.2rem; display: block; overflow: hidden; background: url("../images/close.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: -0.28rem; } .sstcfr .sstc_c .c { margin-top: 1.18rem; width: 4.1rem; float: right; margin-right: 0.8rem; position: relative; padding-bottom: 0.1rem; } .sstcfr .sstc_c .c::before { content: ""; display: block; width: 100%; height: 0.01rem; background-color: #222222; position: absolute; left: 0px; bottom: 0px; } .sstcfr .sstc_c .c input.sstcc_txt { width: 100%; height: 0.6rem; border: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #222; } .sstcfr .sstc_c .c input.sstcc_btn { width: 0.16rem; height: 0.6rem; border: 0px; cursor: pointer; background: url("../images/t_07.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; z-index: 9; } .sstcfr.active { display: block; } @media screen and (max-width: 1600px) { .sstcfr .sstc_c { widtH: calc(290px + 1.6rem); } .sstcfr .sstc_c .c { widtH: 290px; } } @media screen and (max-width: 1440px) { .sstcfr .sstc_c { widtH: calc(312px + 1.6rem); } .sstcfr .sstc_c .c { widtH: 312px; } } .lng_click:hover { color: #00479d !important; background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; } .lng_click.active { color: #00479d !important; background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; position: relative; } .lng_click.active::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background: url("../images/close_on.png") 50% no-repeat; background-size: 0.2rem; background-color: #fff; position: absolute; left: 0px; top: 0px; } .lgntcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 998; display: none; } .lgntcfr .lgntc_bg { width: 100%; height: calc(100% - 0.68rem); overflow: hidden; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .lgntcfr .lgntc_c { width: 5.6rem; overflow: hidden; height: 100%; position: absolute; right: -4.4rem; top: 0px; z-index: 9; background-color: #fff; } .lgntcfr .lgntc_c .closepc_click { width: 0.2rem; height: 0.2rem; display: block; overflow: hidden; background: url("../images/close.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: -0.28rem; } .lgntcfr .lgntc_c .c { margin-top: 1.18rem; width: 4.1rem; float: right; margin-right: 0.8rem; position: relative; padding-bottom: 0.1rem; } .lgntcfr .lgntc_c ul li { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #eee; position: relative; padding-bottom: 0.3rem; margin-bottom: 0.3rem; } .lgntcfr .lgntc_c ul li a { width: 100%; display: block; overflow: hidden; position: relative; line-height: 1.75; padding-left: 0.44rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .lgntcfr .lgntc_c ul li a::before { content: ""; display: block; width: 0.18rem; height: 100%; background: url("../images/t_05.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; } .lgntcfr .lgntc_c ul li a::after { content: ""; display: block; width: 0.24rem; height: 0.24rem; background: url("../images/nav_04.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: 50%; margin-top: -0.12rem; -webkit-animation: an_02_f 20.1s linear infinite; animation: an_02_f 20.1s linear infinite; } .lgntcfr .lgntc_c ul li:hover { border-bottom: 0.01rem solid #222; } .lgntcfr .lgntc_c ul li:hover a { color: #00479d; } .lgntcfr .lgntc_c ul li:hover a::before { background: url("../images/t_06.png") 50% no-repeat; background-size: 100%; } .lgntcfr .lgntc_c ul li:hover a::after { background: url("../images/nav_05.png") 50% no-repeat; background-size: 100%; } .lgntcfr.active { display: block; } @media screen and (max-width: 1600px) { .lgntcfr .lgntc_c { widtH: calc(290px + 1.6rem); } .lgntcfr .lgntc_c .c { widtH: 290px; } } @media screen and (max-width: 1440px) { .lgntcfr .lgntc_c { widtH: calc(312px + 1.6rem); } .lgntcfr .lgntc_c .c { widtH: 312px; } } .kj_click:hover { color: #00479d !important; background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; } .kj_click.active { color: #00479d !important; background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; position: relative; } .kj_click.active::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background: url("../images/close_on.png") 50% no-repeat; background-size: 0.2rem; background-color: #fff; position: absolute; left: 0px; top: 0px; } .kjtcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 998; display: none; } .kjtcfr .kjtc_bg { width: 100%; height: calc(100% - 0.68rem); overflow: hidden; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .kjtcfr .kjtc_c { width: 5.6rem; overflow: hidden; height: 100%; position: absolute; right: -4.4rem; top: 0px; z-index: 9; background-color: #fff; } .kjtcfr .kjtc_c .closepc_click { width: 0.2rem; height: 0.2rem; display: block; overflow: hidden; background: url("../images/close.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: -0.28rem; } .kjtcfr .kjtc_c .c { margin-top: 1.18rem; width: 4.1rem; float: right; margin-right: 0.8rem; position: relative; padding-bottom: 0.1rem; } .kjtcfr .kjtc_c ul li { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #eee; position: relative; padding-bottom: 0.3rem; margin-bottom: 0.3rem; } .kjtcfr .kjtc_c ul li a { width: 100%; display: block; overflow: hidden; position: relative; line-height: 1.75; padding-left: 0.44rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .kjtcfr .kjtc_c ul li a::before { content: ""; display: block; width: 0.18rem; height: 100%; background: url("../images/t_05.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; } .kjtcfr .kjtc_c ul li a.a1::after { content: ""; display: block; width: 0.24rem; height: 0.24rem; background: url("../images/nav_06.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: 50%; margin-top: -0.12rem; } .kjtcfr .kjtc_c ul li a.a2::after { content: ""; display: block; width: 0.24rem; height: 0.24rem; background: url("../images/nav_07.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: 50%; margin-top: -0.12rem; } .kjtcfr .kjtc_c ul li:hover { border-bottom: 0.01rem solid #222; } .kjtcfr .kjtc_c ul li:hover a { color: #00479d; } .kjtcfr .kjtc_c ul li:hover a::before { background: url("../images/t_06.png") 50% no-repeat; background-size: 100%; } .kjtcfr .kjtc_c ul li:hover a.a1::after { background: url("../images/nav_06_on.png") 50% no-repeat; background-size: 100%; } .kjtcfr .kjtc_c ul li:hover a.a2::after { background: url("../images/nav_07_on.png") 50% no-repeat; background-size: 100%; } .kjtcfr.active { display: block; } @media screen and (max-width: 1600px) { .kjtcfr .kjtc_c { widtH: calc(290px + 1.6rem); } .kjtcfr .kjtc_c .c { widtH: 290px; } } @media screen and (max-width: 1440px) { .kjtcfr .kjtc_c { widtH: calc(312px + 1.6rem); } .kjtcfr .kjtc_c .c { widtH: 312px; } } .lgnreg_click:hover { color: #00479d !important; background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; } .lgnreg_click.active { color: #00479d !important; background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; position: relative; } .lgnreg_click.active::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background: url("../images/close_on.png") 50% no-repeat; background-size: 0.2rem; background-color: #fff; position: absolute; left: 0px; top: 0px; } .loregfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 998; display: none; } .loregfr .loreg_bg { width: 100%; height: calc(100% - 0.68rem); overflow: hidden; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .loregfr .loreg_c { width: 5.6rem; overflow: hidden; height: 100%; position: absolute; right: -4.4rem; top: 0px; z-index: 9; background-color: #fff; } .loregfr .loreg_c .closepc_click { width: 0.2rem; height: 0.2rem; display: block; overflow: hidden; background: url("../images/close.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: -0.28rem; } .loregfr .loreg_c .c { margin-top: 1.18rem; width: 4.1rem; float: right; margin-right: 0.8rem; position: relative; padding-bottom: 0.1rem; } .loregfr.active { display: block; } @media screen and (max-width: 1600px) { .loregfr .loreg_c { widtH: calc(290px + 1.6rem); } .loregfr .loreg_c .c { widtH: 290px; } } @media screen and (max-width: 1440px) { .loregfr .loreg_c { widtH: calc(312px + 1.6rem); } .loregfr .loreg_c .c { widtH: 312px; } } .loginfr { width: 100%; overflow: hidden; } .loginfr .p { width: 100%; overflow: hidden; } .loginfr .p1 { position: relative; margin-bottom: 0.1rem; height: 0.6rem; overflow: visible; } .loginfr .p1 b.b1 { width: 0.18rem; height: 0.18rem; display: block; pointer-events: none; background: url("../images/t_05.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; top: 50%; z-index: 4; transform: translateY(-50%); } .loginfr .p1::before { content: ""; display: block; width: 0.35rem; height: 0.58rem; background-color: #fff; position: absolute; right: 0px; top: 0px; z-index: 3; } .loginfr input.lgn_txt { width: 100%; height: 0.6rem; border: 0px; border-bottom: 0.01rem solid #eee; color: #000; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 1; } .loginfr input::-moz-placeholder { color: #999; } .loginfr input::-moz-placeholder { color: #999; } .loginfr input::-ms-input-placeholder { color: #999; } .loginfr input::-webkit-input-placeholder { color: #999; } .loginfr .p1 .yzm { position: absolute; right: 0.5rem; top: 50%; color: #00479d; transform: translateY(-50%); z-index: 4; } .loginfr input.lgn_btn { width: 100%; height: 0.6rem; border-radius: 0.06rem; border: 0px; background: none; background-color: #00479d; color: #fff; cursor: pointer; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .loginfr .p2 { text-align: center; margin-top: 0.4rem; } .loginfr .p3 { text-align: center; color: #999; line-height: 1.5; margin-top: 0.3rem; } .loginfr .p3 a { color: #666; } .loginfr .p3 a:hover { color: #00479d; } .loginfr .p4 { text-align: center; color: #999; line-height: 1.5; margin-top: 0.1rem; } .loginfr .p4 a { color: #666; } .loginfr .p4 a:hover { color: #00479d; } .regfr { width: 100%; overflow: hidden; } .regfr .p { width: 100%; overflow: hidden; } .regfr .p1 { position: relative; margin-bottom: 0.1rem; height: 0.6rem; overflow: visible; } .regfr .p1::before { content: ""; display: block; width: 0.35rem; height: 0.58rem; background-color: #fff; position: absolute; right: 0px; top: 0px; z-index: 3; } .regfr .p1 b.b1 { width: 0.18rem; height: 0.18rem; display: block; background: url("../images/t_05.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; top: 50%; z-index: 5; transform: translateY(-50%); } .regfr input.lgn_txt { width: 100%; height: 0.6rem; border: 0px; border-bottom: 0.01rem solid #eee; color: #000; position: relative; z-index: 1; } .regfr input::-moz-placeholder { color: #999; } .regfr input::-moz-placeholder { color: #999; } .regfr input::-ms-input-placeholder { color: #999; } .regfr input::-webkit-input-placeholder { color: #999; } .regfr .p1 .yzm { position: absolute; right: 0.5rem; top: 50%; color: #00479d; transform: translateY(-50%); z-index: 5; } .regfr input.lgn_btn { width: 100%; height: 0.6rem; border-radius: 0.06rem; border: 0px; background: none; background-color: #00479d; color: #fff; cursor: pointer; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .regfr .tip label { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: flex-start; line-height: 1.5; } .regfr .tip label img { display: block; height: 0.14rem; position: relative; top: 0.05rem; } .regfr .tip label span { width: calc(100% - 0.14rem); display: block; color: #999; overflow: hidden; padding-left: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .regfr .p2 { text-align: center; margin-top: 0.4rem; } .regfr .p3 { text-align: center; color: #999; line-height: 1.5; margin-top: 0.3rem; } .regfr .p3 a { color: #666; } .regfr .p3 a:hover { color: #00479d; } .regfr .p4 { text-align: center; color: #999; line-height: 1.5; margin-top: 0.3rem; } .regfr .p4 a { color: #00479d; } .regfr .p4 a:hover { text-decoration: underline; } .banner { overflow: hidden; position: relative; } .banner_slide { width: 100%; height: 100vh; overflow: hidden; } .banner_slide .swiper-slide { width: 100%; overflow: hidden; position: relative; } .banner_slide .swiper-slide .bs_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; pointer-events: none; } .banner_slide .swiper-slide .bs_bg img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .banner_slide .swiper-slide .bs_c { widtH: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 3.4rem; z-index: 9; color: #fff; } .banner_slide .swiper-slide .bs_c .c { display: inline-block; position: relative; } .banner_slide .swiper-slide .bs_c .c::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_04.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0.14rem; pointer-events: none; } .banner_slide .swiper-slide .bs_c .p { width: 100%; overflow: visible; } .banner_slide .swiper-slide .bs_c .p1 { text-transform: uppercase; font-family: poppins-Bold; line-height: 1.1; } .banner_slide .swiper-slide .bs_c .p2 { margin-top: 0.1rem; line-height: 1.5; } .banner_slide .swiper-slide-active .bs_bg img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transition: 5.8s linear; -webkit-transition: 5.8s linear; -o-transition: 5.8s linear; -moz-transition: 5.8s linear; } .banner_slide .swiper-slide .bs_c .c:Hover::before { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; } .down_01 { width: 0.12rem; position: absolute; right: 0.8rem; bottom: 2.4rem; z-index: 9; pointer-events: none; } .down_01 img { width: 100%; display: block; } .down_01 .img2 { position: absolute; left: 0px; bottom: 0px; -webkit-animation: an_04 1.1s linear infinite; animation: an_04 1.1s linear infinite; } .bs_spfr { overflow: visible; position: absolute; left: 0.8rem; bottom: 2.2rem; z-index: 9; } .bs_spfr span { width: 0.38rem; height: 0.2rem; opacity: 1; background: none; margin: 0px !important; padding: 0px !important; position: relative; border-radius: 0px; } .bs_spfr span::before { content: ""; display: block; width: 0.08rem; height: 0.08rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .bs_spfr span.swiper-pagination-bullet-active::before { width: 100%; height: 100%; background: url("../images/in_01.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0px; margin: 0px; } .in_01 { overflow: hidden; position: relative; } .in01fr { width: 100%; overflow: hidden; position: relative; } .in_01 .in01_bg { width: 100%; height: 100vh; overflow: hidden; position: relative; z-index: 1; } .in_01 .in01_bg video { width: 103%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .in_01 .in01_bg a { width: 1.2rem; height: 1.2rem; display: block; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .in_01 .in01_bg a b { width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 50%; background: url("../images/in_04.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; z-index: 9; } .in_01 .in01_bg a::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: 0px; top: 0px; -webkit-animation: ksan_01 2.1s linear infinite; animation: ksan_01 2.1s linear infinite; } .in_01 .in01_bg a::after { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: 0px; top: 0px; -webkit-animation: ksan_01 2.1s linear infinite; animation: ksan_01 2.1s linear infinite; animation-delay: 2s; -webkit-animation-delay: 2s; } .in_01 .in01_c { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9; pointer-events: none; } .in_01 .in01_c .in01c_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; } .in_01 .in01_c .in01c_bg b.b1 { width: 200%; height: 200%; overflow: hidden; display: block; background: url("../images/in_03.png") 50% no-repeat; background-size: 50%; position: absolute; left: -50%; top: -74%; z-index: 2; } .in_01 .in01_c .in01c_bg b.b2 { width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; left: 0px; top: 0px; z-index: 3; } .in_01 .in01_c .in01c_bg b.b2::before { content: ""; display: block; width: 100%; height: 40%; background-color: #f5f9ff; position: absolute; left: 0px; bottom: 0px; z-index: 1; } .in_01 .in01_c .in01c_bg b.b2::after { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background: url("../images/in_02.webp") 50% no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; z-index: 3; } .in_01 .in01_c .wrap_in { position: relative; z-index: 9; } .in_01 .in01_c .txt { width: 100%; overflow: hidden; padding-top: 5.5rem; } .in_01 .in01_c .p { width: 100%; overflow: visible; text-align: center; } .in_01 .in01_c .p1 { color: #222; line-height: 1.5; font-weight: 400; } .in_01 .in01_c .p2 { color: #222; line-height: 1.5; margin-top: 0.2rem; } .in_01 .in01_c .p3 { color: #222; line-height: 1.5; margin-top: 0.2rem; } .in_01 .in01_c .p4 { margin-top: 0.8rem; } .in_01 .in01_c .p4 ul { display: inline-block; } .in_01 .in01_c .p4 ul li { display: inline-block; } .in_01 .in01_c .p4 ul li:nth-child(2) { margin: 0px 0.75rem; } .in_01 .in01_c .p4 ul li:nth-child(1) .sp1 { min-width: 1rem; } .in_01 .in01_c .p4 ul li:nth-child(2) .sp1 { min-width: 1rem; } .in_01 .in01_c .p4 ul li:nth-child(3) .sp1 { min-width: 1.4rem; } .in_01 .in01_c .p5 { line-height: 1.3; color: #222; } .in_01 .in01_c .p6 { line-height: 1.5; } .in_01 .in01_c .p6 span { display: inline-block; font-family: poppins-Bold; color: #00479d; } .in_01 .in01_c .p6 i { display: inline-block; color: #666; font-weight: bold; margin-left: 0.18rem; } .in_01 .in01_c .p7 { padding-top: 0.8rem; color: #999; line-height: 1.5; } .in01_a { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 990; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .in01_a ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .in01_a ul li { width: 100%; overflow: hidden; position: relative; padding: 0px 0.5rem; height: 1.8rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .in01_a ul li::before { content: ""; display: block; width: 0.01rem; height: 100%; background-color: rgba(255, 255, 255, 0.1); position: absolute; right: 0px; top: 0px; } .in01_a ul li:last-child::before { display: none; } .in01_a ul li a { display: inline-block; position: relative; z-index: 9; } .in01_a ul li .p { widtH: 100%; overflow: hidden; } .in01_a ul li .p1 { color: rgba(255, 255, 255, 0.1); font-weight: 100; line-height: 1.5; } .in01_a ul li .p2 { color: #fff; line-height: 1.5; margin-top: 0.1rem; } .in01_a ul li .p2 span { display: inline-block; padding-right: 0.6rem; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .in01_a ul li .p2 span::before { content: ""; display: block; width: 0.2rem; height: 0.2rem; background: url("../images/t_04.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0.07rem; } .in01_a ul li::after { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background-color: #00479d; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in01_a ul li:hover::after { opacity: 1; } .in01_a ul li:hover .p2 span::before { background-image: url("../images/t_13.png"); } .in_02 { overflow: hidden; padding: 1rem 0px; } .in02_t { width: 100%; overflow: hidden; } .in02_t .c { display: inline-block; position: relative; } .in02_t .p { width: 100%; overflow: hidden; } .in02_t .p1 { color: #222; font-family: poppins-Bold; line-height: 1; text-transform: uppercase; } .in02_t .p2 { color: #222; line-height: 1.5; margin-top: 0.2rem; } .in02_t .c::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_05.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0.14rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in02_t .c:hover::before { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; } .in02_c { width: 100%; overflow: hidden; padding-top: 0.4rem; } .in02_c ul { width: 100%; overflow: hidden; } .in02_c ul.ul1 { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.3rem; grid-row-gap: 0.25rem; } .in02_c ul.ul2 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0.25rem; margin-top: 0.25rem; } .in02_c ul li { width: 100%; overflow: hidden; position: relative; } .in02_c ul li a { width: 100%; display: block; overflow: hidden; position: relative; } .in02_c ul li .img { width: 100%; overflow: hidden; position: relative; z-index: 1; } .in02_c ul li .img::before { content: ""; width: 0.7rem; height: 0.7rem; display: block; background-color: #c9161d; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; right: 0.15rem; bottom: 0.15rem; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in02_c ul li .img .c { width: 100%; overflow: hidden; position: relative; z-index: 9; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in02_c ul li .img .c img { width: 100%; display: block; } .in02_c ul li .img .c .img2 { height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in02_c ul li .txt { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0px; z-index: 9; border-radius: 0px 0px 0.12rem 0.12rem; -webkit-border-radius: 0px 0px 0.12rem 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0.45rem 0.4rem 0.4rem 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.6)); } .in02_c ul li .txt { transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in02_c ul li .txt .c { width: 100%; overflow: visible; position: relative; color: #fff; font-weight: bold; } .in02_c ul li .txt .c::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_04.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0px; } .in02_c ul li:hover .img .c { border-radius: 0.12rem 0.12rem 0.75rem 0.12rem; -webkit-border-radius: 0.12rem 0.12rem 0.75rem 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .in02_c ul li:hover .txt { border-radius: 0px 0px 0.75rem 0.12rem; -webkit-border-radius: 0px 0px 0.75rem 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .in02_c ul li:hover .img::before { right: 0.02rem; bottom: 0.02rem; } .in02_c ul li:hover .img .c .img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .in02_c ul li:hover .txt .c::before { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; right: -0.02rem; bottom: -0.02rem; transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .in_03 { overflow: hidden; background: url("../images/in_05.webp") 50% no-repeat; background-size: cover; padding: 1.5rem 0px 0px 0px; } .in_03_c { width: 100%; overflow: hidden; padding: 0.9rem 0px 1.5rem 0px; position: relative; mask: url("../images/bg1.png"); mask-size: 100% 100%; mask-repeat: no-repeat; } .in_03_c b.b1 { width: 0.3rem; height: 100px; display: block; overflow: hidden; pointer-events: none; position: absolute; left: 0px; top: 0px; z-index: 1; } .in03c_01 { width: 100%; overflow: visible; } .in03c01_slide { width: 100%; overflow: visible; } .in03c01_slide .swiper-slide { width: 3.2rem; height: 1.16rem; overflow: visible; } .in03c01_slide .swiper-slide a { width: 100%; height: 1.16rem; overflow: hidden; display: block; border-radius: 1.16rem; -webkit-border-radius: 1.16rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #fff; -moz-box-shadow: 0.08rem 0px 0.18rem rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0.08rem 0px 0.18rem rgba(0, 0, 0, 0.03); box-shadow: 0.08rem 0px 0.18rem rgba(0, 0, 0, 0.03); display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .in03c01_slide .swiper-slide a::before { content: ""; display: block; pointer-events: none; width: 100%; height: 100%; opacity: 0; border: 0.03rem solid #00479d; border-radius: 1.16rem; -webkit-border-radius: 1.16rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; left: 0px; top: 0px; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .in03c01_slide .swiper-slide .c { display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .in03c01_slide .swiper-slide i { display: inline-block; position: relative; } .in03c01_slide .swiper-slide i img { display: block; max-height: 0.6rem; } .in03c01_slide .swiper-slide i img.img2 { position: absolute; left: 0px; top: 0px; z-index: 9; opacity: 0; } .in03c01_slide .swiper-slide i::before { content: ""; display: block; width: 0.2rem; height: 0.2rem; opacity: 0; background: url("../images/in_06.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0rem; top: 0rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in03c01_slide .swiper-slide span { display: inline-block; padding-left: 0.3rem; color: #222; } .in03c01_slide .swiper-slide a:hover i img.img2 { opacity: 1; } .in03c01_slide .swiper-slide a:hover i img.img1 { opacity: 0; } .in03c01_slide .swiper-slide a:hover i::before { opacity: 1; right: -0.08rem; top: -0.05rem; } .in03c01_slide .swiper-slide a:hover { -moz-box-shadow: 0px 0.14rem 0.3rem rgba(0, 71, 157, 0.18); -webkit-box-shadow: 0px 0.14rem 0.3rem rgba(0, 71, 157, 0.18); box-shadow: 0px 0.14rem 0.3rem rgba(0, 71, 157, 0.18); } .in03c01_slide .swiper-slide a:hover::before { opacity: 1; } .in03c_02 { width: 100%; overflow: visible; padding-top: 0.5rem; } .in03c_03 { width: 100%; overflow: visible; padding-top: 0.5rem; } .in_03_c .swiper-wrapper { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .in_04 { overflow: hidden; padding: 1.2rem 0px; } .in_04 .fl { width: 31.82%; overflow: hidden; height: 8.4rem; padding: 0px 0.4rem; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .in_04 .fl::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; background: url("../upimg/in_10.webp") 50% 100% no-repeat; background-size: cover; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_04 .fl .txt { width: 100%; overflow: hidden; position: relative; z-index: 9; } .in_04 .fl:hover::before { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .in04l_b { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0.4rem; padding: 0px 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9; } .in04l_b .p { width: 100%; overflow: visible; color: #fff; } .in04l_b .p1 { line-height: 1.3; font-weight: bold; position: relative; } .in04l_b .p1::before { content: ""; display: block; width: 0.16rem; height: 0.16rem; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; left: 0px; top: 0.115rem; } .in04l_b .p1 span { display: inline-block; position: relative; margin-left: 0.4rem; } .in04l_b .p2 { line-height: 1.5; font-family: poppins-Bold; } .in04l_b .p2 .sp2 { margin-left: 0.3rem; } .in04l_b .p3 { font-weight: 100; } .in_04 .fr { width: calc(68.18% - 0.2rem); overflow: hidden; height: 8.4rem; border-radius: 0.12rem; position: relative; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .in_04 .fr::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; background: url("../upimg/in_11.webp") 50% no-repeat; background-size: cover; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_04 .fr .txt { padding: 0px 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 9; } .in_04 .fr .limg { width: 100%; overflow: hidden; padding: 0px 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 1rem; position: relative; z-index: 9; } .in_04 .fr .limg ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.3rem; } .in_04 .fr .limg ul li { width: 100%; overflow: hidden; } .in_04 .fr .limg ul li a { width: 100%; display: block; overflow: hidden; position: relative; } .in_04 .fr .limg ul li .limg_bg { width: 100%; overflow: hidden; position: relative; z-index: 8; } .in_04 .fr .limg ul li .limg_bg .c { width: 100%; overflow: hidden; border-radius: 0.16rem; -webkit-border-radius: 0.16rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: relative; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_04 .fr .limg ul li .limg_bg img { width: 100%; display: block; position: relative; z-index: 9; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_04 .fr .limg ul li .limg_bg img.img1 { height: 4.4rem; } .in_04 .fr .limg ul li .limg_bg img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .in_04 .fr .limg ul li .limg_c { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0.3rem; z-index: 9; } .in_04 .fr .limg ul li .limg_c span { display: inline-block; position: relative; color: #fff; padding-left: 0.47rem; margin-left: 0.4rem; } .in_04 .fr .limg ul li .limg_c span::before { content: ""; display: block; width: 0.16rem; height: 0.16rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #fff; position: absolute; left: 0px; top: 50%; margin-top: -0.08rem; } .in_04 .fr .limg ul li .limg_bg::before { content: ""; display: block; width: 0.9rem; height: 0.9rem; opacity: 0; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; right: 0.1rem; top: 0.1rem; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_04 .fr .limg ul li:nth-child(2) .limg_bg::before { background-color: #bf1a1c; } .in_04 .fr .limg ul li:hover .limg_bg::before { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; right: 0.05rem; top: 0.05rem; } .in_04 .fr .limg ul li:hover .limg_bg .c { border-radius: 0.16rem 1rem 0.16rem 0.16rem; -webkit-border-radius: 0.16rem 1rem 0.16rem 0.16rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .in_04 .fr .limg ul li:hover .limg_bg img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .in_04 .fr:hover::before { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .in_04 .in02_t { margin-top: 0.7rem; } .in_04 .in02_t .p1 { color: #fff; } .in_04 .in02_t .p2 { color: #fff; } .in_04 .in02_t .c::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_04.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0.14rem; } .in_04 .in02_t .c:hover::before { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; } .in_05 { overflow: hidden; position: relative; } .in_05 .in05_bg { width: 100%; height: 100vh; overflow: hidden; position: relative; z-index: 1; } .in_05 .in05_bg img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .in_05 .in05_c { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9; pointer-events: auto; } .in_05 .in05_c .wrap_in { position: relative; height: 100vh; } .in_05 .in05_c .p { width: 100%; overflow: hidden; } .in_05 .in05_c .p0c { position: absolute; left: 0px; top: 1.6rem; } .in_05 .in05_c .p0c::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_04.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0.14rem; } .in_05 .in05_c .p0c:hover::before { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; } .in_05 .in05_c .p0 { color: #fff; font-family: poppins-Bold; line-height: 1; text-transform: uppercase; } .in_05 .in05_c .p1 { color: #fff; line-height: 1.5; margin-top: 0.2rem; } .in_05 .in05_c .p2 { position: absolute; left: 0px; bottom: 1.4rem; } .in_05 .in05_c .p2 ul { float: left; } .in_05 .in05_c .p2 ul li { width: 1.4rem; height: 1.4rem; border: 0.01rem solid rgba(255, 255, 255, 0.4); border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); float: left; margin-right: 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .in_05 .in05_c .p2 ul li { display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .in_05 .in05_c .p2 ul li .c { display: inline-block; } .in_05 .in05_c .p2 ul li .i1 img { display: block; margin: 0px auto; padding: 0px; height: 0.45rem; } .in_05 .in05_c .p2 ul li .i2 { color: #fff; line-height: 1.5; text-align: center; color: #fff; margin-top: 0.1rem; } .in_05 .in05_c .p2 .a1 { position: absolute; right: 0px; bottom: 0px; color: #fff; font-weight: bold; display: inline-block; padding-bottom: 0.4rem; line-height: 1.5; background: url("../images/t_04.png") 100% 0.08rem no-repeat; background-size: 0.26rem; padding-right: 0.6rem; } .in_05 .in05_c .p2 .a1::before { content: ""; display: block; width: 100%; height: 0.03rem; background-color: #fff; position: absolute; left: 0px; bottom: 0px; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_05 .in05_c .p2 .a1::after { content: ""; display: block; width: 0%; height: 0.03rem; background-color: #c01b1d; position: absolute; left: 0px; bottom: 0px; z-index: 2; } .in_05 .in05_c .p2 .a1:hover { background: url("../images/t_13.png") 100% 0.08rem no-repeat; background-size: 0.26rem; } .in_05 .in05_c .p2 .a1:hover::after { width: 100%; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_05 .in05_c .p2 ul li:hover { background-color: #00479d; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .in_05 .in05_c .p2 ul li:hover .i1 { transform: translateY(-0.03rem); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .btnfr { overflow: hidden; background: url("../images/btn_01.webp") 50% 0% no-repeat; background-size: cover; padding-top: 1.1rem; } .btn_01 { width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.03); border-radius: 0.16rem; -webkit-border-radius: 0.16rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0.01rem solid rgba(56, 56, 56, 0.18); -moz-box-shadow: 0.16rem 0px 0.3rem rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0.16rem 0px 0.3rem rgba(0, 0, 0, 0.03); box-shadow: 0.16rem 0px 0.3rem rgba(0, 0, 0, 0.03); } .btn01_t { width: 100%; overflow: hidden; padding: 0.6rem 0px 0.3rem 0px; } .btn01_slide { width: 100%; overflow: hidden; } .btn01_slide .swiper-slide { width: 25%; overflow: hidden; text-align: center; } .btn01_slide .swiper-slide .c { display: inline-block; } .btn01_slide .swiper-slide .p { width: 100%; overflow: hidden; } .btn01_slide .swiper-slide .p1 img { display: block; height: 0.58rem; margin: 0px auto; padding: 0px; } .btn01_slide .swiper-slide .p2 { font-weight: bold; color: #222; line-height: 1.5; margin-top: 0.15rem; } .btn01_slide .swiper-slide .p3 { color: rgba(34, 34, 34, 0.5); line-height: 1.5; margin-top: 0.15rem; font-family: SourceHanSansCN-Normal; } .btn01_slide .swiper-slide:hover .p1 { transform: translateY(-0.03rem); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .btn01_c { width: 100%; overflow: hidden; padding-bottom: 0.3rem; text-align: center; } .btn01_c span { width: 0.38rem; height: 0.2rem; opacity: 1; background: none; margin: 0px !important; padding: 0px !important; position: relative; border-radius: 0px; } .btn01_c span::before { content: ""; display: block; width: 0.08rem; height: 0.08rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cacaca; position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; } .btn01_c span.swiper-pagination-bullet-active::before { width: 100%; height: 100%; background: url("../images/in_07.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0px; margin: 0px; } .btn_02 { width: 100%; overflow: hidden; padding-top: 0.6rem; } .btn_02 .btn02_l { width: 5.4rem; overflow: hidden; float: left; } .btn_02 .btn02_l .p { width: 100%; overflow: hidden; } .btn_02 .btn02_l .p1 img { display: block; height: 0.55rem; } .btn_02 .btn02_l .p2 { margin-top: 0.4rem; } .btn_02 .btn02_l .p2 ul li { width: 100%; overflow: hidden; margin-bottom: 0.3rem; line-height: 1.75; } .btn_02 .btn02_l .p2 ul li:last-child { margin-bottom: 0px; } .btn_02 .btn02_l .p2 ul li .sp1 { float: left; width: 1rem; overflow: hidden; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .btn_02 .btn02_l .p2 ul li .icon1 { background: url("../images/btn_02.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.4rem; } .btn_02 .btn02_l .p2 ul li .icon2 { background: url("../images/btn_03.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.4rem; } .btn_02 .btn02_l .p2 ul li .icon3 { background: url("../images/btn_04.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.4rem; } .btn_02 .btn02_l .p2 ul li .sp2 { width: calc(100% - 1rem); overflow: hidden; float: left; } .btn_02 .btn02_c { float: left; width: calc(100% - 5.4rem - 2.8rem); overflow: hidden; position: relative; } .btn_02 .btn02_c::before { content: ""; width: 0.01rem; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.1); pointer-events: none; position: absolute; left: 0px; top: 0px; } .btn_02 .btn02_c::after { content: ""; width: 0.01rem; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.1); pointer-events: none; position: absolute; right: 0px; top: 0px; } .btn_02 .btn02_c dl { margin: 0px; padding: 0px; float: left; } .btn_02 .btn02_c dl:nth-child(1) { width: 26.45%; margin-left: 1rem; } .btn_02 .btn02_c dl:nth-child(2) { width: calc(40.43% - 1rem); } .btn_02 .btn02_c dl:nth-child(3) { width: 16.56%; } .btn_02 .btn02_c dl:nth-child(4) { width: 16.56%; } .btn_02 .btn02_c dl dt { width: 100%; overflow: hidden; font-weight: bold; color: rgba(34, 34, 34, 0.1333333333); line-height: 1.5; margin-bottom: 0.2rem; } .btn_02 .btn02_c dl dt a { color: #222; } .btn_02 .btn02_c dl dt a:hover { color: #00479d; } .btn_02 .btn02_c dl dd { width: 100%; overflow: hidden; line-height: 1.75; margin-bottom: 0.05rem; font-family: SourceHanSansCN-Normal; } .btn_02 .btn02_c dl dd a { color: rgba(34, 34, 34, 0.5); } .btn_02 .btn02_c dl dd a:hover { color: #00479d; } .btn_02 .btn02_c dl:nth-child(2) dd { float: left; width: 2rem; } .btn_02 .btn02_r { float: right; width: 2.8rem; overflow: hidden; } .btn_02 .btn02_r .c { width: 1.78rem; overflow: hidden; float: right; } .btn_02 .btn02_r .p { width: 100%; overflow: hidden; } .btn_02 .btn02_r .p1 { text-align: center; font-weight: bold; line-height: 1.5; margin-bottom: 0.2rem; color: #222; } .btn_02 .btn02_r .p2 { position: relative; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .btn_02 .btn02_r .p2 img { width: 100%; display: block; } .btn_02 .btn02_r .p2 img.img2 { position: absolute; left: 0px; top: 0px; } .btn_02 .btn02_r .p3 { margin-top: 0.2rem; display: flex; display: -webkit-flex; justify-content: space-around; } .btn_02 .btn02_r .p3 a { display: inline-block; position: relative; padding-bottom: 0.12rem; } .btn_02 .btn02_r .p3 a::before { content: ""; display: block; width: 0%; height: 0.02rem; background-color: #00479d; position: absolute; left: 0px; bottom: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .btn_02 .btn02_r .p3 i { display: inline-block; position: relative; } .btn_02 .btn02_r .p3 img { display: block; height: 0.3rem; } .btn_02 .btn02_r .p3 img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .btn_02 .btn02_r .p3 a.active::before { width: 100%; } .btn_02 .btn02_r .p3 a.active img.img2 { opacity: 1; } .btn_02 .btn02_r .p3 a.active img.img1 { opacity: 0; } .btn_03 { width: 100%; overflow: hidden; margin-top: 0.8rem; padding: 0.6rem 0px; position: relative; color: #222; line-height: 1.75; } .btn_03::before { content: ""; display: block; width: 100%; height: 0.01rem; background-color: rgba(0, 0, 0, 0.1); pointer-events: none; position: absolute; left: 0px; top: 0px; } .btn_03 a { color: #222; } .btn_03 a:hover { color: #00479d; } .btn_03 .fr a { margin-left: 0.3rem; } .btn_03 .fr a:first-child { margin-left: 0px; } .subfr { overflow: hidden; position: relative; } .subfr .sub_bg { width: 100%; overflow: hidden; position: relative; pointer-events: none; z-index: 1; } .subfr .sub_bg img { width: 100%; display: block; max-height: 8rem; } .subfr .sub_bg img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; } .subfr .sub_bg video { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 91; } .subfr .sub_c { widtH: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0.7rem; z-index: 9; color: #fff; } .subfr .sub_c .c { display: inline-block; position: relative; padding-right: 0.6rem; } .subfr .sub_c .c::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_04.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; bottom: 0.14rem; pointer-events: none; } .subfr .sub_c .p { width: 100%; overflow: visible; } .subfr .sub_c .p1 { text-transform: uppercase; font-family: poppins-Bold; line-height: 1.1; } .subfr .sub_c .p2 { margin-top: 0.1rem; line-height: 1.5; } .subfr .sub_more { position: absolute; right: 0.8rem; bottom: 0.8rem; z-index: 999; } .subfr .sub_more a { display: inline-block; height: 0.8rem; border: 0.02rem solid #fff; padding: 0px 0.3rem; color: #fff; font-weight: bold; line-height: 0.8rem; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .subfr .sub_more span { display: inline-block; padding-right: 1rem; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.24rem; } .subfr .sub_more a:nth-child(2) { margin-left: 0.2rem; } .subfr .sub_more a:hover { border: 0.02rem solid #00479d; background-color: #00479d; } .subfr .sub_more a:hover span { background: url("../images/t_13.png") 100% 50% no-repeat; background-size: 0.24rem; } .cpzh_01 { overflow: hidden; padding-top: 1rem; padding-bottom: 1.2rem; } .cpzh_01 ul { width: 100%; overflow: visible; } .cpzh_01 ul li { float: left; margin-right: 2.27%; margin-bottom: 0.4rem; overflow: hidden; position: relative; } .cpzh_01 ul li:nth-child(1) { width: 60.8%; } .cpzh_01 ul li:nth-child(2) { width: 36.93%; margin-right: 0px; } .cpzh_01 ul li:nth-child(3) { width: 36.93%; } .cpzh_01 ul li:nth-child(4) { width: 60.8%; margin-right: 0px; } .cpzh_01 ul li:nth-child(5) { width: calc((100% - 0.8rem) / 3); margin-right: 0.4rem; } .cpzh_01 ul li:nth-child(6) { width: calc((100% - 0.8rem) / 3); margin-right: 0.4rem; } .cpzh_01 ul li:nth-child(7) { width: calc((100% - 0.8rem) / 3); margin-right: 0px; } .cpzh_01 ul li a { width: 100%; display: block; overflow: hidden; border-radius: 0.12rem; position: relative; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .cpzh_01 ul li .cpzh01_bg { width: 100%; overflow: hidden; position: relative; pointer-events: none; z-index: 1; } .cpzh_01 ul li .cpzh01_bg img { width: 100%; display: block; } .cpzh_01 ul li .cpzh01_bg img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 1; } .cpzh_01 ul li .cpzh01_bg img.img3 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cpzh_01 ul li .cpzh01_c { width: 100%; overflow: hidden; position: absolute; left: 0px; bottom: 0.5rem; z-index: 2; font-weight: bold; color: #fff; padding: 0px 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cpzh_01 ul li .cpzh01_c span { width: 100%; display: block; overflow: visible; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.26rem; } .cpzh_01 ul li .cpzh01_c { transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cpzh_01 ul li .cpzh01_s { width: calc(100% - 1.6rem); height: calc(100% - 1.6rem); overflow: hidden; position: absolute; left: 0.8rem; top: 0.9rem; opacity: 0; display: block; z-index: 9; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cpzh_01 ul li .cpzh01_s .c { width: 100%; overflow: hidden; height: 100%; position: relative; } .cpzh_01 ul li .cpzh01_s .p { width: 100%; overflow: hidden; color: #fff; } .cpzh_01 ul li .cpzh01_s .p1 { font-weight: bold; line-height: 1.5; } .cpzh_01 ul li .cpzh01_s .p2 { margin-top: 0.1rem; } .cpzh_01 ul li .cpzh01_s .p3 { position: absolute; left: 0px; bottom: 0px; } .cpzh_01 ul li .cpzh01_s .p3 b { width: 0.26rem; height: 0.26rem; display: block; background: url("../images/t_04.png") 50% no-repeat; background-size: 100% 100%; } .cpzh_01 ul li:hover .cpzh01_bg img.img3 { opacity: 1; } .cpzh_01 ul li:hover .cpzh01_c { opacity: 0; bottom: -0.5rem; } .cpzh_01 ul li:hover .cpzh01_s { top: 0.8rem; opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; } .pli_01 { overflow: hidden; background-color: #f9f9f9; } .pli01_slide { width: 100%; overflow: hidden; } .pli01_slide .swiper-slide { width: auto; padding: 0px 0.4rem; } .pli01_slide .swiper-slide a { display: inline-block; height: 1.4rem; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: center; padding: 0px 0.2rem; } .pli01_slide .swiper-slide .c { display: inline-block; } .pli01_slide .swiper-slide .p { width: 100%; overflow: hidden; text-align: center; } .pli01_slide .swiper-slide .p1 i { display: inline-block; position: relative; } .pli01_slide .swiper-slide .p1 img { display: block; height: 0.5rem; margin: 0px auto; padding: 0px; } .pli01_slide .swiper-slide .p1 img.img2 { position: absolute; left: 0px; top: 0px; z-index: 9; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli01_slide .swiper-slide .p2 { font-weight: bold; color: #222; line-height: 1.5; margin-top: 0.05rem; } .pli01_slide .swiper-slide a::before { content: ""; display: block; width: 0%; height: 0.02rem; background-color: #00479d; position: absolute; left: 0px; bottom: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli01_slide .swiper-slide a.active::before { width: 100%; } .pli01_slide .swiper-slide a.active .p1 img.img1 { opacity: 0; } .pli01_slide .swiper-slide a.active .p1 img.img2 { opacity: 1; } .pli01_slide .swiper-slide a:hover .p1 { transform: translateY(-0.03rem); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli01_slide .swiper-slide a:hover .p1 img.img2 { opacity: 1; } .pli01_slide .swiper-slide a:hover .p1 img.img1 { opacity: 0; } .pli01_slide .swiper-slide a:hover .p2 { color: #00479d; } .pli_02 { overflow: hidden; padding: 1rem 0px; } .pli02fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .pli02fr .img { width: 43.88%; overflow: hidden; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pli02fr .img img { width: 100%; display: block; } .pli02fr .txt { width: calc(56.12% - 1rem); overflow: hidden; } .pli02fr .txt .c { width: 100%; overflow: hidden; } .pli02fr .txt .p { width: 100%; overflow: hidden; } .pli02fr .txt .p1 { color: #222; font-weight: bold; line-height: 1.5; } .pli02fr .txt .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .pli02fr .txt .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; } .pli02fr .txt .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.1rem; } .pli02fr .txt .p3 { color: #222; line-height: 1.75; margin-top: 0.4rem; text-align: justify; text-justify: inter-ideograph; } .pli02fr .txt .p3 p { line-height: 1.75; margin-bottom: 0.15rem; } .pli02fr .txt .p3 p:last-child { margin-bottom: 0px; } .pli02fr:hover .img img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli_03 { width: 100%; overflow: hidden; position: relative; } .pli03_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; pointer-events: none; } .pli03_bg img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .pli03_c { width: 100%; overflow: hidden; position: relative; } .pli03c_t { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0.8rem; z-index: 9; text-align: center; color: #fff; line-height: 1.5; } .pli03c_t span { display: inline-block; position: relative; padding-right: 0.34rem; } .pli03c_t span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pli03c_c { width: 100%; overflow: hidden; } .pli03c_c ul { width: 100%; overflow: hidden; } .pli03c_c ul li { width: 20%; overflow: hidden; float: left; padding: 0px 0.5rem; height: 8.5rem; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .pli03c_c ul li::before { content: ""; display: block; width: 0.01rem; height: 100%; background-color: rgba(255, 255, 255, 0.6); position: absolute; right: 0px; top: 0px; pointer-events: none; } .pli03c_c ul li:last-child::before { display: none; } .pli03c_c ul li .txt { width: 100%; overflow: hidden; position: relative; z-index: 9; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli03c_c ul li .p { width: 100%; overflow: hidden; text-align: center; color: #fff; } .pli03c_c ul li .p1 { font-weight: bold; line-height: 1.5; } .pli03c_c ul li .p2 { line-height: 1.75; margin-top: 0.2rem; display: none; } .pli03c_c ul li .bg { width: 100%; height: 100%; overflow: hidden; opacity: 0; background-color: rgba(0, 71, 157, 0.65); position: absolute; left: 0px; top: 0px; z-index: 1; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli03c_c ul li .p03c_b { width: 100%; overflow: visible; text-align: center; position: absolute; left: 0px; bottom: 0.6rem; color: rgba(255, 255, 255, 0.3); font-weight: bold; line-height: 1.5; z-index: 9; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli03c_c ul li:hover .bg { opacity: 1; } .pli03c_c ul li:hover .p03c_b { color: #fff; } .pli03c_c ul li:hover .p2 { display: block; } .pli03c_c ul li.prevon::before { display: none; } .pli_04 { overflow: hidden; padding-top: 0.8rem; } .pli04fr { width: 100%; overflow: hidden; position: relative; height: 0.88rem; background-color: #f5f5f5; border-radius: 0.88rem; -webkit-border-radius: 0.88rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pli04fr .pli04_txt { width: 100%; height: 100%; border: 0px; padding: 0px 0.44rem; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #222; background-color: rgba(255, 255, 255, 0); } .pli04fr .pli04_txt::-moz-placeholder { color: #999; } .pli04fr .pli04_txt::-moz-placeholder { color: #999; } .pli04fr .pli04_txt::-ms-input-placeholder { color: #999; } .pli04fr .pli04_txt::-webkit-input-placeholder { color: #999; } .pli04fr .pli04_btn { width: 0.28rem; height: 100%; border: 0px; cursor: pointer; background: none; background: url("../images/cpli_01.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0.4rem; top: 0px; z-index: 9; } .pli_05 { overflow: hidden; padding-top: 0.4rem; color: #222; font-weight: bold; line-height: 0.6rem; } .pli_05 .wrap_in { position: relative; overflow: hidden; padding-bottom: 0.2rem; } .pli_05 .wrap_in::before { content: ""; display: block; width: 100%; height: 0.01rem; background-color: #222; position: absolute; left: 0px; bottom: 0px; pointer-events: none; } .p05_l { float: left; } .p05_r { float: left; } .p05_r label { display: inline-block; margin-left: 0.8rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; float: left; cursor: pointer; } .p05_r label input { width: 0.2rem; height: 0.2rem; border: 0px; margin: 0px; padding: 0px; background: url("../images/cpli_02.png") 50% no-repeat; background-size: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } .p05_r label input:checked { background: url("../images/cpli_03.png") 50% no-repeat; background-size: 100%; } .p05_r label span { display: inline-block; margin-left: 0.14rem; } .pli_06 { overflow: hidden; padding: 0.3rem 0px; } .pli_06 .p06_click { width: 0.6rem; height: 0.6rem; display: block; background: url("../images/cpli_04.png") 50% no-repeat; background-size: 100%; float: right; } .pli_06 .p06_click:hover { background: url("../images/cpli_04_on.png") 50% no-repeat; background-size: 100%; } .pli_06 .p06_click.active { background: url("../images/cpli_05.png") 50% no-repeat; background-size: 100%; } .pli_06 .p06_click.active:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .pli_07 { overflow: hidden; } .pli_07 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0.4rem; grid-row-gap: 0.8rem; } .pli_07 ul li { width: 100%; overflow: hidden; position: relative; } .pli_07 ul li a { width: 100%; overflow: hidden; display: block; position: relative; } .pli_07 ul li .p { width: 100%; overflow: hidden; } .pli_07 ul li .p1 { position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pli_07 ul li .p1 img { width: 100%; display: block; } .pli_07 ul li .p1 img.img2 { height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; } .pli_07 ul li .p2 { position: relative; color: #222; font-weight: bold; line-height: 1.5; padding: 0.3rem 0px; overflow: visible; } .pli_07 ul li .p2::before { content: ""; width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #222; position: absolute; left: 0px; bottom: 0px; } .pli_07 ul li .p3 { margin-top: 0.3rem; color: #222; line-height: 1.75; } .pli_07 ul li .p3 p { line-height: 1.75; } .pli_07 ul li .ss { width: 0.5rem; height: 0.5rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; overflow: hidden; position: absolute; right: 0.4rem; top: 0.4rem; z-index: 99; background-color: #222222; } .pli_07 ul li .ss b { width: 100%; height: 100%; display: block; background: url("../images/t_04.png") 50% no-repeat; background-size: 0.18rem; position: absolute; left: 0px; top: 0px; } .pli_07 ul li:hover .ss { background-color: #c9161d; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli_07 ul li:hover .p1 img.img2 { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli_07.active ul { grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.4rem; grid-row-gap: 0.4rem; } .pli_07.active ul li { background-color: #f9f9f9; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0.4rem 0.6rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .pli_07.active ul li .p1 { height: 0px; } .pli_07.active ul li a { overflow: visible; } .pli_07.active ul li .p2 { padding-top: 0px; } .pli_07.active ul li .ss { right: 0px; top: -0.05rem; } .pli_07 ul li a.sc_click { display: inline-block; position: absolute; right: 0.4rem; bottom: var(--pli_07_top); margin-bottom: 0.4rem; z-index: 999; width: 0.8rem; height: 0.8rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.7); border: 0.01rem solid #222; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .pli_07 ul li a.sc_click .i { display: inline-block; text-align: center; } .pli_07 ul li a.sc_click img { display: block; height: 0.27rem; margin: 0px auto; padding: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli_07 ul li a.sc_click img.img2 { display: none; } .pli_07 ul li a.sc_click span { width: 100%; display: block; overflow: hidden; color: #222; line-height: 1.5; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pli_07 ul li a.sc_click:hover { background-color: #222222; } .pli_07 ul li a.sc_click:hover span { color: #fff; } .pli_07 ul li a.sc_click:hover img.img1 { display: none; } .pli_07 ul li a.sc_click:hover img.img2 { display: block; } .pli_07 ul li a.sc_click.active { background-color: #222222; } .pli_07 ul li a.sc_click.active span { color: #fff; } .pli_07 ul li a.sc_click.active img.img1 { display: none; } .pli_07 ul li a.sc_click.active img.img2 { display: block; } .pli_07.active ul li a.sc_click { bottom: 0.3rem; margin-bottom: 0px; right: 0.6rem; } .pagesfr { overflow: hidden; padding-top: 0.8rem; text-align: center; } .psfr { width: 100%; overflow: hidden; position: relative; text-align: center; } .psfr .c { display: inline-block; } .psfr .c a { float: left; width: 0.4rem; height: 0.4rem; margin: 0px 0.05rem; overflow: hidden; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #333; font-weight: bold; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .psfr .c span { float: left; color: #333; font-weight: bold; margin: 0px 0.05rem; } .psfr .c a:hover { color: #00479d; } .psfr .c a.active { background-color: #00479d; color: #fff; } .psfr .ps_prev { display: inline-block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); line-height: 0.4rem; color: #333; background: url("../images/t_11.svg") 0% 50% no-repeat; background-size: 0.09rem; padding-left: 0.29rem; } .psfr .ps_prev:hover { color: #00479d; background: url("../images/t_16.svg") 0% 50% no-repeat; background-size: 0.09rem; } .psfr .ps_next { display: inline-block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); line-height: 0.4rem; color: #333; background: url("../images/t_12.svg") 100% 50% no-repeat; background-size: 0.09rem; padding-right: 0.29rem; } .psfr .ps_next:hover { color: #00479d; background: url("../images/t_17.svg") 100% 50% no-repeat; background-size: 0.09rem; } .cpxq_01 { overflow: hidden; padding: 1rem 0px; } .cpxq_01 .wrap_in { overflow: visible; display: flex; display: -webkit-flex; justify-content: space-between; } .cxq01_fl { width: 48.86%; overflow: visible; position: relative; } .cxq01fl_slide { width: 100%; overflow: hidden; } .cxq01fl_slide .swiper-slide { width: 100%; overflow: hidden; position: relative; } .cxq01fl_slide .swiper-slide img { width: 100%; display: block; } .cxq01fl_slide .swiper-slide img.img2 { height: 100%; object-fit: contain; position: absolute; left: 0px; top: 0px; } .cxq01fl_slide .swiper-slide:hover img.img2 { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cxq01fl_spfr { width: 0.1rem; position: absolute; left: -0.45rem; top: 50%; transform: translateY(-50%); } .cxq01fl_spfr span { width: 0.1rem; height: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; opacity: 1; background-color: #d5d5d5; margin: 0.05rem 0px !important; padding: 0px !important; } .cxq01fl_spfr span.swiper-pagination-bullet-active { background-color: #00479d; } .cxq01_fr { width: calc(51.14% - 1.2rem); overflow: visible; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cxq01_fr .c { width: 100%; overflow: visible; } .cxq01_fr .p { width: 100%; overflow: hidden; } .cxq01_fr .p1 { color: #222; font-weight: bold; line-height: 1.5; position: relative; padding-bottom: 0.4rem; } .cxq01_fr .p1::before { content: ""; display: block; width: 100%; height: 0.02rem; background-color: #222; position: absolute; left: 0px; bottom: 0px; } .cxq01_fr .p2 { margin-top: 0.4rem; color: #222; position: relative; padding-bottom: 0.6rem; margin-bottom: 0.6rem; } .cxq01_fr .p2::before { content: ""; width: 100%; display: block; height: 0.01rem; background-color: #d7d7d7; position: absolute; left: 0px; bottom: 0.01rem; } .cxq01_fr .p2 p { line-height: 1.75; margin: 0.05rem 0px; } .cxq01_fr .p3 { overflow: visible; } .cxq01_fr .p3 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.2rem; grid-row-gap: 0.2rem; } .cxq01_fr .p3 ul li { width: 100%; overflow: hidden; line-height: 0.7rem; padding: 0px 0.4rem; border: 0.01rem solid #222; border-radius: 0.7rem; -webkit-border-radius: 0.7rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cxq01_fr .p3 ul li a { width: 100%; display: block; overflow: visible; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .cxq01_fr .p3 ul li .sp1 { display: inline-block; color: #222; font-weight: bold; background: url("../images/cpxq_01.png") 0% 50% no-repeat; background-size: 0.23rem; padding-left: 0.4rem; } .cxq01_fr .p3 ul li .sp2 { display: inline-block; color: #999; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.25rem; } .cxq01_fr .p3 ul li:hover { background-color: #00479d; border: 0.01rem solid #00479d; -moz-box-shadow: 0.12rem 0px 0.23rem rgba(0, 71, 157, 0.18); -webkit-box-shadow: 0.12rem 0px 0.23rem rgba(0, 71, 157, 0.18); box-shadow: 0.12rem 0px 0.23rem rgba(0, 71, 157, 0.18); } .cxq01_fr .p3 ul li:hover .sp1 { color: #fff; background: url("../images/cpxq_02.png") 0% 50% no-repeat; background-size: 0.23rem; } .cxq01_fr .p3 ul li:hover .sp2 { color: #fff; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.14rem; } .cxq01_fr .p6 { padding-bottom: 0px; margin-bottom: 0px; } .cxq01_fr .p6::before { display: none; } .cxq01_fr .p5 { margin-top: 0.4rem; color: #222; padding-bottom: 0.6rem; margin-bottom: 0.6rem; position: relative; } .cxq01_fr .p5::before { content: ""; width: 100%; display: block; height: 0.01rem; background-color: #d7d7d7; position: absolute; left: 0px; bottom: 0.01rem; } .cxq01_fr .p5 .pt { line-height: 1.5; } .cxq01_fr .p5 ul { width: 100%; overflow: hidden; margin-top: 0.1rem; } .cxq01_fr .p5 ul li { width: 50%; float: left; } .cpxq_02 { overflow: hidden; background-color: #f9f9f9; padding: 1.2rem 0px; } .cxq02_t { width: 100%; overflow: hidden; text-align: center; line-height: 1.5; font-weight: bold; } .cxq02_t span { display: inline-block; position: relative; padding-right: 0.34rem; } .cxq02_t span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .cxq02_c { width: 100%; overflow: hidden; padding-top: 0.6rem; } .cxq02_c ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.6rem; } .cxq02_c ul li { width: 100%; overflow: hidden; position: relative; padding-bottom: 0.3rem; } .cxq02_c ul li .bg { width: calc(100% - 0.3rem); height: calc(100% - 0.5rem); overflow: hidden; background-color: #fff; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; right: 0px; bottom: 0px; z-index: 1; } .cxq02_c ul li .bg::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; bottom: -0.2rem; border-bottom: 0.04rem solid #00479d; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cxq02_c ul li a { width: 100%; display: block; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; position: relative; z-index: 9; } .cxq02_c ul li .img { width: 52.94%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #eee; } .cxq02_c ul li .img img { width: 100%; display: block; } .cxq02_c ul li .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .cxq02_c ul li .txt { width: 47.06%; padding: 0px 0.4rem; margin-top: 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .cxq02_c ul li .txt .c { width: 100%; overflow: hidden; } .cxq02_c ul li .txt .p { width: 100%; overflow: visible; } .cxq02_c ul li .txt .p1 { font-size: 0.24rem; font-weight: bold; line-height: 1.5; color: #222; } .cxq02_c ul li .txt .p2 { color: #222; line-height: 1.5; margin-top: 0.1rem; height: 0.6rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .cxq02_c ul li .txt .p3 { color: #222; margin-top: 0.3rem; } .cxq02_c ul li .txt .p3 span { display: inline-block; line-height: 1.5; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.28rem; } .cxq02_c ul li:hover .bg::before { bottom: 0px; } .cxq02_c ul li:hover .txt .p3 { color: #c9161d; } .cxq02_c ul li:hover .txt .p3 span { background: url("../images/t_13.png") 100% 50% no-repeat; background-size: 0.14rem; } .cxq02_c ul li:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .cxq02c_slide { width: 100%; overflow: hidden; } .cxq02c_slide .swiper-slide { width: 100%; overflow: hidden; } .cxq02_b { width: 100%; overflow: hidden; text-align: center; padding-top: 0.6rem; padding-bottom: 0.1rem; } .cxq02c_sp span { width: 0.38rem; height: 0.2rem; opacity: 1; background: none; margin: 0px !important; padding: 0px !important; position: relative; border-radius: 0px; } .cxq02c_sp span::before { content: ""; display: block; width: 0.08rem; height: 0.08rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cacaca; position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; } .cxq02c_sp span.swiper-pagination-bullet-active::before { width: 100%; height: 100%; background: url("../images/in_07.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0px; margin: 0px; } .xxtcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999; display: none; } .xxtcfr .xxtc_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.6); } .xxtcfr .xxtc_c { width: 90%; max-width: 7rem; position: absolute; left: 50%; top: 50%; padding: 0.4rem; transform: translate(-50%, -50%); background-color: #fff; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .xxtcfr .xxtc_c .close { width: 0.3rem; height: 0.3rem; display: block; background: url("../images/close.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0.4rem; top: 0.4rem; z-index: 9; } .xxtcfr .xxtc_c .c { width: 100%; overflow: visible; } .xxtcfr .xxtc_c .p { width: 100%; overflow: visible; } .xxtcfr .xxtc_c .p1 { font-weight: bold; color: #222; line-height: 1.5; } .xxtcfr .xxtc_c .li { margin-top: 0.2rem; } .xxtcfr .xxtc_c .p3 { color: #222; line-height: 1.5; padding-bottom: 0.1rem; } .xxtcfr .xxtc_c .p4 { height: 0.6rem; } .xxtcfr .xxtc_c input.xxtc_txt { width: 100%; height: 0.6rem; border: 0.01rem solid #222; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0px 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .xxtcfr .xxtc_c input.xxtc_txt1 { width: calc(100% - 2rem - 0.14rem); float: left; } .xxtcfr .xxtc_c .p4 .yzm { width: 2rem; height: 0.6rem; background-color: #444; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #fff; font-weight: bold; float: right; display: block; text-align: center; line-height: 0.6rem; } .xxtcfr .xxtc_c .p5 { margin-top: 0.1rem; } .xxtcfr .xxtc_c .p6 { margin-top: 0.4rem; } .xxtcfr .xxtc_c input.xxtc_btn { width: 100%; height: 0.6rem; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; border: 0px; background: none; background-color: #00479d; color: #fff; font-weight: bold; cursor: pointer; } .xxtcfr .xxtc_c input::-moz-placeholder { color: #999; } .xxtcfr .xxtc_c input::-moz-placeholder { color: #999; } .xxtcfr .xxtc_c input::-ms-input-placeholder { color: #999; } .xxtcfr .xxtc_c input::-webkit-input-placeholder { color: #999; } .gsg_01 { overflow: hidden; padding-top: 0.8rem; } .gsg_02 { overflow: hidden; padding-top: 0.4rem; } .gsg_02 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.4rem; grid-row-gap: 0.3rem; } .gsg_02 ul li { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0.01rem solid #d8d8d8; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; height: 1rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .gsg_02 ul li span { display: inline-block; overflow: hidden; } .gsg_02 ul li .sp1 { float: left; width: calc(100% - 3.2rem); padding: 0px 0.4rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; height: 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .gsg_02 ul li .sp1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #222; font-weight: bold; } .gsg_02 ul li .sp1 a { color: #222; transition: 0s linear; -webkit-transition: 0s linear; -o-transition: 0s linear; -moz-transition: 0s linear; } .gsg_02 ul li .sp2 { float: right; width: 3.2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 1rem; position: relative; } .gsg_02 ul li .sp2::before { content: ""; width: 0.02rem; height: 0.17rem; background-color: #d8d8d8; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } .gsg_02 ul li .sp2 a { display: inline-block; color: #222; transition: 0s linear; -webkit-transition: 0s linear; -o-transition: 0s linear; -moz-transition: 0s linear; } .gsg_02 ul li .sp2 a:nth-child(2) { margin-left: 0.6rem; } .gsg_02 ul li .sp2 a.a1 { background: url("../images/esg_01.png") 100% 50% no-repeat; background-size: 0.18rem; padding-right: 0.32rem; } .gsg_02 ul li .sp2 a.a2 { background: url("../images/esg_02.png") 100% 50% no-repeat; background-size: 0.17rem; padding-right: 0.31rem; } .gsg_02 ul li:hover { background-color: #00479d; border: 0.01rem solid #00479d; } .gsg_02 ul li:hover .sp1 { color: #fff; } .gsg_02 ul li:hover .sp1 a { color: #fff; } .gsg_02 ul li:hover .sp2 a { color: #fff; } .gsg_02 ul li:hover .sp2::before { background-color: #fff; } .gsg_02 ul li:hover .sp2 a.a1 { background: url("../images/esg_03.png") 100% 50% no-repeat; background-size: 0.18rem; } .gsg_02 ul li:hover .sp2 a.a2 { background: url("../images/esg_04.png") 100% 50% no-repeat; background-size: 0.17rem; } .esg_03 { overflow: hidden; padding-top: 1rem; } .esg_03 ul li { width: 100%; overflow: hidden; margin-bottom: 0.8rem; display: flex; display: -webkit-flex; justify-content: space-between; } .esg_03 ul li:last-child { margin-bottom: 0px; } .esg_03 ul li .img { width: 50%; overflow: hidden; position: relative; } .esg_03 ul li .img::before { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cd0c11; position: absolute; left: 0.05rem; bottom: 0.05rem; z-index: 1; } .esg_03 ul li .img .c { width: 100%; overflow: hidden; position: relative; border-radius: 0.12rem 0px 0px 0.9rem; -webkit-border-radius: 0.12rem 0px 0px 0.9rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .esg_03 ul li .img img { width: 100%; display: block; } .esg_03 ul li .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; } .esg_03 ul li .txt { width: 50%; overflow: hidden; padding: 0px 0.8rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .esg_03 ul li .txt .c { width: 100%; overflow: hidden; } .esg_03 ul li .txt .p { width: 100%; overflow: hidden; } .esg_03 ul li .txt .p1 { line-height: 1.5; font-weight: bold; color: #222; } .esg_03 ul li .txt .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .esg_03 ul li .txt .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .esg_03 ul li .txt .p2 { margin-top: 0.2rem; line-height: 1.75; text-align: justify; text-justify: inter-ideograph; } .esg_03 ul li .txt .p2 p { line-height: 1.75; } .esg_03 ul li .txt .p3 { margin-top: 0.6rem; } .esg_03 ul li .txt .p3 a { display: inline-block; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.26rem; color: #222; } .esg_03 ul li .txt .p3 a:hover { color: #00479d; background-image: url("../images/t_06.png"); } .esg_03 ul li:nth-child(2n) .img .c { border-radius: 0rem 0.12rem 0.9rem 0rem; } .esg_03 ul li:nth-child(2n) .img::before { left: initial; right: 0.05rem; } .esg_03 ul li:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .esg_04 { overflow: hidden; padding-top: 1rem; } .esg_04 ul li { width: 100%; overflow: hidden; margin-bottom: 0.8rem; display: flex; display: -webkit-flex; justify-content: space-between; } .esg_04 ul li:last-child { margin-bottom: 0px; } .esg_04 ul li .img { width: 50%; overflow: hidden; position: relative; } .esg_04 ul li .img .nr { width: 100%; overflow: hidden; position: relative; } .esg_04 ul li .img .nr::before { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cd0c11; position: absolute; left: 0.05rem; bottom: 0.05rem; z-index: 1; } .esg_04 ul li .img .c { width: 100%; overflow: hidden; position: relative; border-radius: 0.12rem 0px 0px 0.9rem; -webkit-border-radius: 0.12rem 0px 0px 0.9rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .esg_04 ul li .img img { width: 100%; display: block; } .esg_04 ul li .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; } .esg_04 ul li .txt { width: 50%; overflow: hidden; padding: 0px 0.8rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .esg_04 ul li .txt .c { width: 100%; overflow: hidden; } .esg_04 ul li .txt .p { width: 100%; overflow: hidden; } .esg_04 ul li .txt .p1 { line-height: 1.5; font-weight: bold; color: #222; } .esg_04 ul li .txt .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .esg_04 ul li .txt .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .esg_04 ul li .txt .p2 { margin-top: 0.2rem; line-height: 1.75; text-align: justify; text-justify: inter-ideograph; } .esg_04 ul li .txt .p2 p { line-height: 1.75; } .esg_04 ul li .txt .p3 { margin-top: 0.6rem; } .esg_04 ul li .txt .p3 a { display: inline-block; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.26rem; color: #222; } .esg_04 ul li .txt .p3 a:hover { color: #00479d; background-image: url("../images/t_06.png"); } .esg_04 ul li:nth-child(2n) .img .c { border-radius: 0rem 0.12rem 0.9rem 0rem; } .esg_04 ul li:nth-child(2n) .img .nr::before { left: initial; right: 0.05rem; } .esg_04 ul li:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .yszc_01 { overflow: hidden; padding-top: 0.6rem; } .yszc_01 .p { width: 100%; overflow: hidden; color: #222; line-height: 1.8; } .yszc_01 p { line-height: 1.8; } .sub_sch { width: 4.2rem; height: 0.5rem; position: absolute; right: 0.8rem; bottom: 0.8rem; overflow: hidden; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(0, 0, 0, 0.2); z-index: 9; } .sub_sch input.sch_txt { width: 100%; height: 0.5rem; overflow: hidden; border: 0px; background-color: rgba(0, 0, 0, 0); position: absolute; left: 0px; top: 0px; padding: 0px 0.25rem; color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sub_sch input.sch_txt::-moz-placeholder { color: #fff; } .sub_sch input.sch_txt::-moz-placeholder { color: #fff; } .sub_sch input.sch_txt::-ms-input-placeholder { color: #fff; } .sub_sch input.sch_txt::-webkit-input-placeholder { color: #fff; } .sub_sch input.sch_btn { width: 0.2rem; height: 100%; border: 0px; cursor: pointer; background: url("../images/t_01.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0.3rem; top: 0px; z-index: 9; } .ns_01 { overflow: hidden; position: relative; padding-top: 0.6rem; } .ns01_t { width: 100%; overflow: hidden; height: 1rem; position: relative; } .ns01_t .fl span { display: inline-block; line-height: 1rem; color: #222; font-weight: bold; position: relative; padding-right: 0.34rem; } .ns01_t .fl span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.3rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ns01_t .fr { position: absolute; right: 0px; top: 0px; height: 100%; width: 4.7rem; } .ns01_t .fr input { width: 100%; border: 0px; border-bottom: 0.03rem solid #999999; cursor: pointer; background: url("../images/ns_01.png") 100% 50% no-repeat; font-weight: bold; background-size: 0.4rem; height: 100%; position: absolute; left: 0px; top: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ns01_c { width: 100%; overflow: hidden; margin-top: 0.6rem; position: relative; padding-bottom: 1rem; background-color: #f5f5f5; } .ns01c_slide { width: 100%; overflow: hidden; } .ns01c_slide .swiper-slide { width: 100%; overflow: hidden; background-color: #f5f5f5; } .ns01c_slide .swiper-slide .fl { width: 45.45%; overflow: hidden; height: 6rem; padding: 0px 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .ns01c_slide .swiper-slide .fl .c { width: 100%; overflow: hidden; } .ns01c_slide .swiper-slide .fl .p { width: 100%; overflow: hidden; } .ns01c_slide .swiper-slide .fl .time { display: inline-block; text-align: center; } .ns01c_slide .swiper-slide .fl .p1 { color: #999; line-height: 1; } .ns01c_slide .swiper-slide .fl .p2 { color: #999; line-height: 1.5; } .ns01c_slide .swiper-slide .fl .p3 { margin-top: 0.4rem; color: #222; font-weight: bold; line-height: 1.3; max-height: 0.78rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .ns01c_slide .swiper-slide .fl .p4 { margin-top: 0.2rem; color: #222; line-height: 1.75; max-height: 0.63rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .ns01c_slide .swiper-slide .fl .p5 { margin-top: 0.6rem; } .ns01c_slide .swiper-slide .fl .p5 span { display: inline-block; color: #222; line-height: 1.5; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.28rem; } .ns01c_slide .swiper-slide .fr { width: 54.55%; overflow: hidden; height: 6rem; position: relative; } .ns01c_slide .swiper-slide .fr img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns01c_slide .swiper-slide:hover .fl .p3 { color: #00479d; } .ns01c_slide .swiper-slide:hover .fl .p5 span { color: #00479d; background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.14rem; } .ns01c_slide .swiper-slide:hover .fr img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .ns01c_spfr { width: calc(45.45% - 1.6rem); position: absolute; left: 0.8rem; bottom: 1rem; z-index: 99; } .ns01c_spfr .ns01c_sol { width: 100%; height: 0.05rem; overflow: hidden; position: relative; background-color: #d5d5d5; } .ns01c_spfr .ns01c_sol .swiper-scrollbar-drag { background-color: #00479d; cursor: pointer; } .ns_02 { overflow: hidden; padding-top: 1rem; } .ns_02 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.6rem; grid-row-gap: 0.4rem; } .ns_02 ul li { width: 100%; overflow: hidden; border: 0.01rem solid #d8d8d8; position: relative; padding: 0.6rem; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ns_02 ul li .ns02_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; pointer-events: none; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_02 ul li .ns02_bg .c { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 4; border-radius: 0.12rem 0.12rem 0.9rem 0.12rem; -webkit-border-radius: 0.12rem 0.12rem 0.9rem 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ns_02 ul li .ns02_bg .c img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .ns_02 ul li .ns02_bg::before { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #c9161d; position: absolute; right: 0.05rem; bottom: 0.05rem; z-index: 1; } .ns_02 ul li .ns02_c { width: 100%; overflow: hidden; position: relative; z-index: 9; } .ns_02 ul li .ns02_c .c { width: 100%; overflow: hidden; } .ns_02 ul li .ns02_c .p { width: 100%; overflow: hidden; } .ns_02 ul li .ns02_c .fl { width: 1.32rem; overflow: visible; position: relative; } .ns_02 ul li .ns02_c .fl::before { content: ""; width: 0.01rem; height: 100%; display: block; background-color: #d8d8d8; position: absolute; right: 0px; top: 0px; } .ns_02 ul li .ns02_c .fl .p1 { color: #999; line-height: 1; } .ns_02 ul li .ns02_c .fl .p2 { color: #999; line-height: 1.5; } .ns_02 ul li .ns02_c .fl .time { display: inline-block; text-align: center; } .ns_02 ul li .ns02_c .fr { width: calc(100% - 1.32rem - 0.5rem); overflow: hidden; } .ns_02 ul li .ns02_c .fr .p1 { color: #222; line-height: 1.5; font-weight: bold; height: 0.9rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .ns_02 ul li .ns02_c .fr .p1:nth-child(2) { margin-top: 0.2rem; height: 0.54rem; } .ns_02 ul li .ns02_c .fr .p1 i { color: #00479d; } .ns_02 ul li .ns02_c .fr .p2 { margin-top: 0.3rem; } .ns_02 ul li .ns02_c .fr .p2 span { display: inline-block; color: #222; line-height: 1.5; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.28rem; } .ns_02 ul li:hover { border: 0.01rem solid #fff; } .ns_02 ul li:hover .ns02_bg { opacity: 1; } .ns_02 ul li:hover .ns02_c .fl .p1 { color: #fff; } .ns_02 ul li:hover .ns02_c .fl .p2 { color: #fff; } .ns_02 ul li:hover .ns02_c .fl::before { background-color: rgba(255, 255, 255, 0.3); } .ns_02 ul li:hover .ns02_c .fr .p1 { color: #fff; } .ns_02 ul li:hover .ns02_c .fr .p2 span { color: #fff; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.14rem; } .ns_03 { overflow: hidden; padding-top: 0.6rem; } .ns_03 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.4rem; } .ns_03 ul li { width: 100%; overflow: hidden; background-color: #fff; padding: 0.3rem; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; border: 0.01rem solid #d8d8d8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ns_03 ul li .c { width: 100%; overflow: hidden; } .ns_03 ul li .p { width: 100%; overflow: hidden; } .ns_03 ul li .p1 { position: relative; } .ns_03 ul li .p1 .img { width: 100%; overflow: hidden; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: relative; } .ns_03 ul li .p1 .img img { width: 100%; display: block; } .ns_03 ul li .p1 .img img.img2 { height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_03 ul li .p1 .i1 { display: inline-block; line-height: 0.6rem; padding: 0px 0.3rem; background-color: #222222; color: #fff; font-weight: bold; position: absolute; left: 0px; top: 0px; z-index: 9; border-radius: 0.12rem 0px 0.12rem 0px; } .ns_03 ul li .p1 .i1.bgcolor2 { background-color: #00479d; } .ns_03 ul li .p1 .i1.bgcolor3 { background-color: #cecece; } .ns_03 ul li .p1 .i2 { position: absolute; right: 0.2rem; bottom: 0.2rem; z-index: 99; display: inline-block; } .ns_03 ul li .p1 .i2 a { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.7); border: 0.01rem solid #222; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .ns_03 ul li .p1 .i2 a:nth-child(2) { margin-left: 0.1rem; } .ns_03 ul li .p1 .i2 a .i { display: inline-block; text-align: center; } .ns_03 ul li .p1 .i2 a img { display: block; height: 0.27rem; margin: 0px auto; padding: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_03 ul li .p1 .i2 a img.img2 { display: none; } .ns_03 ul li .p1 .i2 a span { width: 100%; display: block; overflow: hidden; color: #222; line-height: 1.5; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_03 ul li .p1 .i2 a:hover { background-color: #222222; } .ns_03 ul li .p1 .i2 a:hover span { color: #fff; } .ns_03 ul li .p1 .i2 a:hover img.img1 { display: none; } .ns_03 ul li .p1 .i2 a:hover img.img2 { display: block; } .ns_03 ul li .p1 .i2 a.active { background-color: #222222; } .ns_03 ul li .p1 .i2 a.active span { color: #fff; } .ns_03 ul li .p1 .i2 a.active img.img1 { display: none; } .ns_03 ul li .p1 .i2 a.active img.img2 { display: block; } .ns_03 ul li .p2 { color: #222; font-weight: bold; line-height: 1.5; padding: 0.3rem 0px; border-bottom: 0.01rem solid #222; } .ns_03 ul li .p3 { padding-top: 0.3rem; } .ns_03 ul li .p3 p { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0.5rem; color: #222; line-height: 1.75; } .ns_03 ul li .p3 p.i1 { background: url("../images/ns_05.png") 0% 50% no-repeat; background-size: 0.22rem; } .ns_03 ul li .p3 p.i2 { background: url("../images/ns_04.png") 0% 50% no-repeat; background-size: 0.22rem; margin-top: 0.1rem; } .ns_03 ul li .p3 p.i3 { background: url("../images/ns_06.svg") 0% 50% no-repeat; background-size: 0.22rem; margin-top: 0.1rem; } .ns_03 ul li:hover .p1 .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .ns_03 ul li:hover .p2 { color: #00479d; } .ns_04 { padding-top: 0.6rem; } .ns_05 { overflow: hidden; text-align: center; line-height: 1.5; padding-top: 0.6rem; } .ns_05 a { display: inline-block; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.28rem; color: #000; } .ns_05 a:hover { color: #00479d; background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.14rem; } .ns_06 { overflow: hidden; padding-top: 0.6rem; } .ns_06 ul li { width: 100%; overflow: hidden; margin-bottom: 0.3rem; background-color: #fff; border: 0.01rem solid #d8d8d8; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ns_06 ul li .c { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: flex-start; justify-content: space-between; } .ns_06 ul li .img { width: 35.93%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ns_06 ul li .img img { width: 100%; display: block; } .ns_06 ul li .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 2; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_06 ul li .img .i { display: inline-block; line-height: 0.6rem; padding: 0px 0.3rem; background-color: #222; color: #fff; font-weight: bold; border-radius: 0.12rem 0px 0.12rem 0px; -webkit-border-radius: 0.12rem 0px 0.12rem 0px; -webkit-backface-visibility: hidden; -webkit-appearance: none; z-index: 9; position: absolute; left: 0px; top: 0px; } .ns_06 ul li .img .i2 { background-color: #00479d; } .ns_06 ul li .img .i3 { background-color: #cecece; } .ns_06 ul li .txt { width: calc(64.07% - 0.6rem); } .ns_06 ul li .txt .nr { width: 100%; overflow: hidden; } .ns_06 ul li .txt .p { width: 100%; overflow: hidden; } .ns_06 ul li .txt .p1 { color: #222; font-weight: bold; line-height: 1.5; padding: 0.3rem 0px; border-bottom: 0.01rem solid #222; } .ns_06 ul li .txt .p2 { padding-top: 0.3rem; position: relative; } .ns_06 ul li .txt .p2 p { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0.5rem; color: #222; line-height: 1.75; } .ns_06 ul li .txt .p2 p.i1 { background: url("../images/ns_05.png") 0% 50% no-repeat; background-size: 0.22rem; } .ns_06 ul li .txt .p2 p.i2 { background: url("../images/ns_04.png") 0% 50% no-repeat; background-size: 0.22rem; margin-top: 0.1rem; } .ns_06 ul li .txt .p2 p.i3 { background: url("../images/ns_06.svg") 0% 50% no-repeat; background-size: 0.22rem; margin-top: 0.1rem; } .ns_06 ul li .txt .p2 .more { position: absolute; right: 0px; top: 0.3rem; } .ns_06 ul li .txt .p2 .more a { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.7); border: 0.01rem solid #222; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .ns_06 ul li .txt .p2 .more a:nth-child(2) { margin-left: 0.26rem; } .ns_06 ul li .txt .p2 .more a .i { display: inline-block; text-align: center; } .ns_06 ul li .txt .p2 .more a img { display: block; height: 0.27rem; margin: 0px auto; padding: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_06 ul li .txt .p2 .more a img.img2 { display: none; } .ns_06 ul li .txt .p2 .more a span { width: 100%; display: block; overflow: hidden; color: #222; line-height: 1.5; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ns_06 ul li .txt .p2 .more a:hover { background-color: #222222; } .ns_06 ul li .txt .p2 .more a:hover span { color: #fff; } .ns_06 ul li .txt .p2 .more a:hover img.img1 { display: none; } .ns_06 ul li .txt .p2 .more a:hover img.img2 { display: block; } .ns_06 ul li .txt .p2 .more a.active { background-color: #222222; } .ns_06 ul li .txt .p2 .more a.active span { color: #fff; } .ns_06 ul li .txt .p2 .more a.active img.img1 { display: none; } .ns_06 ul li .txt .p2 .more a.active img.img2 { display: block; } .ns_06 ul li:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .ns_06 ul li:hover .txt .p1 { color: #00479d; } .yytcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999; display: none; } .yytcfr .xxtc_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.6); } .yytcfr .xxtc_c { width: 90%; max-width: 7rem; position: absolute; left: 50%; top: 50%; padding: 0.4rem; transform: translate(-50%, -50%); background-color: #fff; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .yytcfr .xxtc_c .close { width: 0.3rem; height: 0.3rem; display: block; background: url("../images/close.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0.4rem; top: 0.4rem; z-index: 9; } .yytcfr .xxtc_c .c { width: 100%; overflow: visible; } .yytcfr .xxtc_c .p { width: 100%; overflow: visible; } .yytcfr .xxtc_c .p1 { font-weight: bold; color: #222; line-height: 1.5; } .yytcfr .xxtc_c .li { margin-top: 0.2rem; } .yytcfr .xxtc_c .p3 { color: #222; line-height: 1.5; padding-bottom: 0.1rem; } .yytcfr .xxtc_c .p4 { height: 0.6rem; } .yytcfr .xxtc_c input.xxtc_txt { width: 100%; height: 0.6rem; border: 0.01rem solid #222; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0px 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .yytcfr .xxtc_c input.xxtc_txt1 { width: calc(100% - 2rem - 0.14rem); float: left; } .yytcfr .xxtc_c .p4 .yzm { width: 2rem; height: 0.6rem; background-color: #444; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #fff; font-weight: bold; float: right; display: block; text-align: center; line-height: 0.6rem; } .yytcfr .xxtc_c .p5 { margin-top: 0.1rem; } .yytcfr .xxtc_c .p6 { margin-top: 0.4rem; } .yytcfr .xxtc_c input.xxtc_btn { width: 100%; height: 0.6rem; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; border: 0px; background: none; background-color: #00479d; color: #fff; font-weight: bold; cursor: pointer; } .yytcfr .xxtc_c input::-moz-placeholder { color: #999; } .yytcfr .xxtc_c input::-moz-placeholder { color: #999; } .yytcfr .xxtc_c input::-ms-input-placeholder { color: #999; } .yytcfr .xxtc_c input::-webkit-input-placeholder { color: #999; } .nxqfr { overflow: hidden; padding-top: 1rem; } .nxqfr .nxq_fr { width: 5.6rem; overflow: hidden; float: right; background-color: #f5f5f5; padding: 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .nxqfr_t { width: 100%; overflow: hidden; line-height: 1.5; } .nxqfr_t span { display: inline-block; position: relative; color: #222; font-weight: bold; padding-right: 0.34rem; } .nxqfr_t span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .nxqfr_c { width: 100%; overflow: hidden; } .nxqfr_c ul li { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #d8d8d8; padding: 0.3rem 0px; } .nxqfr_c ul li a { width: 100%; display: block; overflow: hidden; } .nxqfr_c ul li .p { width: 100%; overflow: hidden; } .nxqfr_c ul li .p1 { color: #222; line-height: 1.3; position: relative; } .nxqfr_c ul li .p1::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; opacity: 0; background: url("../images/t_06.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .nxqfr_c ul li .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.1rem; } .nxqfr_c ul li:hover { border-bottom: 0.01rem solid #222; } .nxqfr_c ul li:hover .p1::before { opacity: 1; } .nxqfr_c ul li:hover .p2 { color: #00479d; } .nxqfr .nxq_fl { width: calc(100% - 5.6rem - 1rem); overflow: hidden; float: left; } .nxqfl_t { width: 100%; overflow: hidden; } .nxqfl_t h1 { width: 100%; overflow: hidden; margin: 0px; padding: 0px; font-weight: bold; color: #222; line-height: 1.5; } .nxqfl_t p { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #d7d7d7; padding: 0.26rem 0px; line-height: 1.5; } .nxqfl_t p span { display: inline-block; float: left; margin-left: 0.6rem; color: #222; } .nxqfl_t p span:first-child { margin-left: 0px; } .nxqfl_t p a { color: #222; } .nxqfl_c { width: 100%; overflow: hidden; padding-top: 0.3rem; } .nxqfl_c p { line-height: 1.8; } .nxqfl_c img { max-width: 100%; height: auto !important; max-width: 600px; } .nxqfl_b { width: 100%; overflow: hidden; margin-top: 0.8rem; background-color: #f5f5f5; height: 0.7rem; position: relative; text-align: center; } .nxqfl_b .a1 { width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; color: #222; background: url("../images/t_11.svg") 0% 50% no-repeat; background-size: 0.08rem; padding-left: 0.23rem; position: absolute; left: 0.2rem; top: 0px; height: 100%; line-height: 0.7rem; } .nxqfl_b .a2 { width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; color: #222; background: url("../images/t_12.svg") 100% 50% no-repeat; background-size: 0.08rem; padding-right: 0.23rem; position: absolute; right: 0.2rem; top: 0px; height: 100%; line-height: 0.7rem; } .nxqfl_b .a3 { text-align: center; line-height: 0.7rem; color: #222; } .nxqfl_b .a1:hover { color: #00479d; background: url("../images/t_16.svg") 0% 50% no-repeat; background-size: 0.08rem; } .nxqfl_b .a2:hover { color: #00479d; background: url("../images/t_17.svg") 100% 50% no-repeat; background-size: 0.08rem; } .ky_01 { overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; } .ky01_c { width: 100%; overflow: hidden; padding-top: 0.6rem; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .ky01_c .fl { width: 48.3%; overflow: hidden; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ky01_c .fl img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ky01_c .fr { width: calc(51.7% - 0.8rem); overflow: hidden; } .ky01_c .fr .c { width: 100%; overflow: hidden; } .ky01_c .fr .p { width: 100%; overflow: hidden; } .ky01_c .fr .p1 { color: #222; font-weight: bold; line-height: 1.5; } .ky01_c .fr .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .ky01_c .fr .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ky01_c .fr .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.1rem; } .ky01_c .fr .p3 { color: #222; line-height: 1.75; margin-top: 0.3rem; } .ky01_c .fr .p4 { margin-top: 0.6rem; } .ky01_c .fr .p4 .sp1 { color: #00479d; font-family: poppins-Bold; } .ky01_c .fr .p4 .sp2 { color: #222; margin-left: 0.2rem; } .ky01_c .fr .p5 { color: #222; line-height: 1.5; } .ky01_c:hover .fl img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .ky_02 { overflow: hidden; background-color: #fafafa; padding: 1rem 0px; } .ky02_t { width: 100%; overflow: hidden; text-align: center; line-height: 1.5; color: #222; font-weight: bold; } .ky02_c { width: 100%; overflow: visible; margin-top: 0.6rem; } .ky02_c ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.4rem; } .ky02_c ul li { width: 100%; overflow: hidden; background-color: #fff; padding: 0px 0.4rem; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05); } .ky02_c ul li .p { width: 100%; overflow: hidden; } .ky02_c ul li .p1 { border-bottom: 0.01rem solid #222; color: #222; font-weight: bold; line-height: 1.5; padding: 0.4rem 0px 0.3rem 0px; text-overflow: ellipsis; white-space: nowrap; } .ky02_c ul li .p2 { padding: 0.3rem 0px 0.4rem 0px; color: #222; } .ky02_c ul li .p2 p { line-height: 1.75; } .ky02_c ul li:hover .p1 { color: #00479d; } .ky_03 { overflow: hidden; padding: 1rem 0px; } .ky03_t { width: 100%; overflow: hidden; text-align: center; color: #222; line-height: 1.75; margin-top: 0.2rem; } .ky03_c { width: 100%; overflow: visible; padding-top: 0.6rem; } .ky03_c ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0.28rem; } .ky03_c ul li { width: 100%; overflow: hidden; color: #222; font-weight: bold; height: 1rem; padding: 0px 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0.01rem solid #ededed; border-radius: 0.12rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .ky03_c ul li span { display: inline-block; position: relative; line-height: 1.5; padding-left: 0.3rem; } .ky03_c ul li span::before { content: ""; display: block; width: 0.1rem; height: 0.1rem; background-color: #222; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; left: 0px; top: 0.13rem; } .ky03_c ul li { -moz-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 0.32rem rgba(0, 0, 0, 0.05); } .ky03_c ul li:hover span { color: #00479d; } .ky03_c ul li:hover span::before { background-color: #00479d; } .ky_04 { overflow: hidden; background: url("../images/ky_01.webp") 50% no-repeat; background-size: cover; } .ky04fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .ky04fr .fr { width: 54.72%; overflow: visible; } .ky04fr .fr img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ky04fr .fl { width: calc(45.28% - 1.5rem); overflow: hidden; } .ky04fr .fl .c { width: 100%; overflow: hidden; } .ky04fr .fl .p { width: 100%; overflow: hidden; } .ky04fr .fl .p1 { color: #222; font-weight: bold; line-height: 1.5; } .ky04fr .fl .p2 { margin-top: 0.6rem; } .ky04fr .fl .p2 ul { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .ky04fr .fl .p2 ul li { width: 100%; overflow: hidden; } .ky04fr .fl .p2 ul li .p3 { color: #00479d; font-family: poppins-Bold; line-height: 1.1; } .ky04fr .fl .p2 ul li .p4 { color: #222; font-weight: bold; line-height: 1.5; } .ky04fr .fl .p5 { margin-top: 0.8rem; color: #999; line-height: 1.5; } .ky04fr:hover .fr img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .ky_05 { overflow: hidden; padding-top: 1rem; } .ky05fr { width: 100%; overflow: hidden; position: relative; } .ky05fr .fr { width: 8.5rem; height: 5rem; overflow: hidden; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; right: 0px; top: 0px; z-index: 9; } .ky05fr .fr img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .ky05fr .fl { width: 100%; overflow: hidden; background-color: #f4f5f6; padding: 0px 0px 0px 0.6rem; height: 4.6rem; margin-top: 1rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ky05fr .fl { display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .ky05fr .fl .txt { width: calc(100% - 9.72rem - 0.6rem); overflow: hidden; } .ky05fr .fl .p { width: 100%; overflow: hidden; } .ky05fr .fl .p1 { color: #222; font-weight: bold; line-height: 1.5; } .ky05fr .fl .p2 { color: #222; line-height: 1.75; margin-top: 0.3rem; } .ky05fr:hover .fr img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ky_06 { overflow: hidden; padding-top: 1rem; } .ky06_c { width: 100%; overflow: hidden; position: relative; margin-top: 0.6rem; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ky06_c .ky06c_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; } .ky06_c .ky06c_bg img { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; object-fit: cover; } .ky06_c .ky06c_c { width: 100%; overflow: hidden; position: relative; z-index: 9; } .ky06cc_t { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0.6rem 0.8rem 0.7rem 0.8rem; } .ky06cc_t .p { width: 100%; overflow: hidden; color: #fff; } .ky06cc_t .p1 { line-height: 1.5; font-weight: bold; position: relative; padding-left: 0.36rem; } .ky06cc_t .p1::before { content: ""; width: 0.16rem; height: 0.16rem; background-color: #fff; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; left: 0px; top: 0.13rem; } .ky06cc_t .p2 { font-family: poppins-Bold; line-height: 1.3; margin-top: 0.1rem; } .ky06cc_t .p3 { margin-top: 0.4rem; } .ky06cc_t .p3 img { display: block; height: 0.7rem; } .ky06cc_c { width: 100%; overflow: hidden; position: relative; } .ky06cc_c .bg { width: 140%; height: 140%; overflow: hidden; position: absolute; left: -20%; top: -20%; z-index: 1; background: url("../images/ky_02.webp") 50% no-repeat; background-size: cover; /*background-color:rgba(101,144,198,.9);backdrop-filter:blur(8px) saturate(180%);filter:url(#image5);*/ } .ky06cc_c .txt { width: 100%; overflow: hidden; position: relative; z-index: 9; } .ky06cc_c .txt .fl { width: calc(100% - 5.8rem - 0.8rem); margin-left: 0.8rem; position: relative; } .ky06cc_c .txt .fl ul li { width: 33.3333333333%; float: left; height: 2.2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .ky06cc_c .txt .fl ul li .c { display: flex; display: -webkit-flex; align-items: flex-end; justify-content: flex-start; } .ky06cc_c .txt .fl ul li .img { width: 0.8rem; overflow: hidden; padding-bottom: 0.05rem; } .ky06cc_c .txt .fl ul li .img img { width: 100%; display: block; } .ky06cc_c .txt .fl ul li .txt { padding-left: 0.4rem; } .ky06cc_c .txt .fl ul li .p { width: 100%; overflow: hidden; color: #fff; } .ky06cc_c .txt .fl ul li .p1 { font-weight: bold; line-height: 1.3; } .ky06cc_c .txt .fl ul li .p2 { font-family: poppins-Bold; line-height: 0.6rem; margin-top: 0.2rem; } .ky06cc_c .txt .fl::before { content: ""; display: block; width: 0.25rem; height: 100%; display: block; background: url("../upimg/ky_09.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; pointer-events: none; } .ky06cc_c .txt .fr { width: 5.8rem; overflow: hidden; height: 2.2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .ky06cc_c .txt .fr .c { display: inline-block; color: #fff; } .ky06cc_c .txt .fr .sp1 { font-family: poppins-Bold; } .ky06cc_c .txt .fr .sp2 { font-weight: bold; margin-left: 0.25rem; } .cpbj_01 { overflow: hidden; padding-top: 1rem; } .cpbj01_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .cpbj01_c img { width: 100%; display: block; } .cpbj_02 { overflow: hidden; padding-top: 0.6rem; } .cpbj02_t { width: 100%; overflow: hidden; position: relative; } .cpbj02_t .b1 { width: 0.8rem; height: 1px; display: block; overflow: hidden; pointer-events: none; position: absolute; left: 0px; top: 0px; z-index: 1; } .cpbj02t_slide { width: 100%; overflow: hidden; } .cpbj02t_slide .swiper-slide { width: calc((100% - 2.4rem) / 4); overflow: hidden; } .cpbj02t_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; border-bottom: 0.01rem solid #e1e1e1; color: #222; font-weight: bold; line-height: 1.5; padding: 0.3rem 0px; position: relative; } .cpbj02t_slide .swiper-slide a::before { content: ""; display: block; width: 0.24rem; height: 0.24rem; background: url("../images/t_05.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; top: 50%; margin-top: -0.12rem; z-index: 9; pointer-events: none; } .cpbj02t_slide .swiper-slide a:hover::before { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; } .cpbj02t_slide .swiper-slide a:hover { border-bottom: 0.01rem solid #222; } .cpbj02t_spfr { width: 100%; overflow: visible; padding-top: 0.6rem; text-align: center; } .cpbj02t_spfr span { width: 0.38rem; height: 0.2rem; opacity: 1; background: none; margin: 0px !important; padding: 0px !important; position: relative; border-radius: 0px; } .cpbj02t_spfr span::before { content: ""; display: block; width: 0.08rem; height: 0.08rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cacaca; position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; } .cpbj02t_spfr span.swiper-pagination-bullet-active::before { width: 100%; height: 100%; background: url("../images/in_07.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0px; margin: 0px; } .scjdfr { width: 100%; overflow: hidden; } .scjdfr .scjd_fr { width: 6.4rem; float: right; overflow: hidden; background-color: #fafafa; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 0.8rem; padding-top: 1rem; padding-bottom: 1rem; } .scjdfr .scjd_fl { width: calc(100% - 6.4rem - 1.2rem - 0.8rem); overflow: hidden; float: left; margin-left: 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .scjdfr .scjd_fl_all { width: calc(100% - 1.6rem); } .scjd_01 { width: 100%; overflow: hidden; line-height: 1.5; border-bottom: 0.01rem solid #e1e1e1; padding-bottom: 0.3rem; padding-top: 1rem; font-weight: bold; } .scjd_01 span { display: inline-block; position: relative; padding-right: 0.34rem; } .scjd_01 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .scjd_02 { width: 100%; overflow: hidden; padding-top: 0.3rem; } .scjd_02 p { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color: #222; font-weight: bold; padding: 0.05rem 0px; padding-left: 0.3rem; line-height: 1.75; } .scjd_02 p::before { content: ""; display: block; width: 0.1rem; height: 0.02rem; background-color: #222; position: absolute; left: 0px; top: 0.215rem; } .scjd_03 { width: 100%; overflow: hidden; padding-top: 0.3rem; } .scjd_03 ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.3rem; } .scjd_03 ul li { width: 100%; overflow: hidden; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: relative; } .scjd_03 ul li img { width: 100%; display: block; } .scjd_03 ul li img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; } .scjd_03 ul li:hover img.img2 { transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .scjd_04 { width: 100%; overflow: hidden; padding-top: 0.4rem; color: #222; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; border-bottom: 0.01rem solid #e1e1e1; padding-bottom: 0.6rem; } .scjd_04 p { width: 100%; overflow: hidden; line-height: 1.8; } .scjd_04 p.p_img { position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .scjd_04 p.p_img img { width: 100%; display: block; } .faxq_01 { widtH: 100%; overflow: hidden; padding-top: 0.6rem; border-bottom: 0.01rem solid #e1e1e1; padding-bottom: 0.8rem; } .faxq_01 .p { width: 100%; overflow: hidden; } .faxq_01 .p1 { color: #222; font-weight: bold; line-height: 1.5; } .faxq_01 .p2 { overflow: hidden; position: relative; margin-top: 0.3rem; } .faxq_01 .p2 p { width: 100%; overflow: hidden; line-height: 1.8; } .faxq_01 .p2 p.p_img { position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .faxq_01 .p2 p.p_img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .faxq_01:hover .p2 p.p_img img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .faxq_02 { border-bottom: 0.01rem solid #e1e1e1; padding-bottom: 0.6rem; } .scjd_05 { width: 100%; overflow: hidden; padding-top: 0.4rem; border-bottom: 0.01rem solid #e1e1e1; padding-bottom: 0.8rem; } .scjd_05 .p { width: 100%; overflow: hidden; } .scjd_05 .p1 { color: #222; font-weight: bold; line-height: 1.5; } .scjd_05 .p2 { overflow: hidden; position: relative; margin-top: 0.3rem; } .scjd_05 .p2 .b1 { width: 0.3rem; height: 1px; display: block; pointer-events: none; position: absolute; left: 0px; top: 0px; } .scjd05_slide { width: 100%; overflow: hidden; } .scjd05_slide .swiper-slide { width: calc((100% - 0.6rem) / 3); overflow: hidden; } .scjd05_slide .swiper-slide .i1 { position: relative; } .scjd05_slide .swiper-slide .i1::before { content: ""; display: block; width: 0.45rem; height: 0.45rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; opacity: 0; background-color: #c9161d; position: absolute; right: 0.05rem; bottom: 0.05rem; z-index: 1; transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .scjd05_slide .swiper-slide .i1 .c { width: 100%; overflow: hidden; position: relative; z-index: 9; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .scjd05_slide .swiper-slide .i1 img { width: 100%; display: block; } .scjd05_slide .swiper-slide .i1 img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 9; } .scjd05_slide .swiper-slide .i2 { padding-top: 0.3rem; color: #222; font-weight: bold; line-height: 1.5; } .scjd05_slide .swiper-slide .i3 { color: #222; line-height: 1.75; padding-top: 0.1rem; } .scjd05_slide .swiper-slide .i3 p { line-height: 1.75; } .scjd05_slide .swiper-slide:hover .i1 .c { border-radius: 0.06rem 0.06rem 0.6rem 0.06rem; -webkit-border-radius: 0.06rem 0.06rem 0.6rem 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .scjd05_slide .swiper-slide:hover .i1::before { right: 0.03rem; bottom: 0.03rem; opacity: 1; transition-delay: 0.15s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; } .scjd05_slide .swiper-slide:hover .i2 { color: #00479d; } .scjd05_slide .swiper-slide:hover .i1 img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .scjd05_more a.scjd05_prev { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; left: 0.2rem; top: 0px; z-index: 999; } .scjd05_more a.scjd05_prev::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_14.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .scjd05_more a.scjd05_next { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; right: 0.2rem; top: 0px; z-index: 999; } .scjd05_more a.scjd05_next::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_15.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .scjd_06 { width: 100%; overflow: hidden; padding-top: 0.6rem; border-bottom: 0.01rem solid #e1e1e1; padding-bottom: 0.8rem; } .scjd_06 .p { width: 100%; overflow: hidden; } .scjd_06 .p1 { position: relative; line-height: 1.5; } .scjd_06 .p1 i { display: inline-block; font-weight: bold; color: #222; } .scjd_06 .p1 .scjd06_spfr { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .scjd_06 .p1 .scjd06_spfr span { width: 0.38rem; height: 0.2rem; opacity: 1; background: none; margin: 0px !important; padding: 0px !important; position: relative; border-radius: 0px; } .scjd_06 .p1 .scjd06_spfr span::before { content: ""; display: block; width: 0.08rem; height: 0.08rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cacaca; position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; } .scjd_06 .p1 .scjd06_spfr span.swiper-pagination-bullet-active::before { width: 100%; height: 100%; background: url("../images/in_07.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0px; margin: 0px; } .scjd_06 .p2 { margin-top: 0.3rem; } .scjd06_slide { width: 100%; overflow: hidden; } .scjd06_slide .swiper-slide { width: calc((100% - 0.6rem) / 3); overflow: hidden; } .scjd06_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; } .scjd06_slide .swiper-slide .p { width: 100%; overflow: hidden; } .scjd06_slide .swiper-slide .i1 { position: relative; padding-bottom: 0.04rem; } .scjd06_slide .swiper-slide .i1 .c { width: 100%; overflow: hidden; position: relative; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #f1f7ff; z-index: 9; } .scjd06_slide .swiper-slide .i1 .c img { width: 100%; display: block; } .scjd06_slide .swiper-slide .i1 .c img.img2 { height: 100%; object-fit: contain; position: absolute; left: 0px; top: 0px; z-index: 9; } .scjd06_slide .swiper-slide .i1::before { content: ""; opacity: 0; width: 99%; height: 50%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.06rem; z-index: 1; background-color: #00479d; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .scjd06_slide .swiper-slide .i2 { color: #222; line-height: 1.75; margin-top: 0.2rem; text-align: center; } .scjd06_slide .swiper-slide:hover .i1::before { bottom: 0px; opacity: 1; z-index: 1; } .scjd06_slide .swiper-slide:hover .i2 { font-weight: bold; } .scjd06_slide .swiper-slide:hover .c { z-index: 9; } .scjd06_slide .swiper-slide:hover .c img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .scjd_07 { width: 100%; overflow: hidden; padding-top: 0.6rem; } .scjd_07 .p { width: 100%; overflow: hidden; } .scjd_07 .p1 { font-weight: bold; color: #222; line-height: 1.5; } .scjd_07 .p2 { margin-top: 0.3rem; } .scjd_07 .p2 p { width: 100%; overflow: hidden; padding: 0.06rem 0px; line-height: 1.75; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .scjd_07 .p2 p.p3 { background: url("../images/btn_02.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.36rem; } .scjd_07 .p2 p.p4 { background: url("../images/btn_03.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.36rem; } .scjd_07 .p2 p.p5 { background: url("../images/btn_04.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.36rem; } .scjd_07 .p2 p.p6 { background: url("../images/btn_05.png") 0% 50% no-repeat; background-size: 0.21rem; padding-left: 0.36rem; } .scjdr_01 { width: 100%; overflow: hidden; border-bottom: 0.02rem solid #e1e1e1; color: #999; line-height: 1.5; padding-bottom: 0.3rem; font-weight: bold; } .scjdr_02 { width: 100%; overflow: hidden; } .scjdr_02 ul li { width: 100%; overflow: hidden; position: relative; line-height: 1.5; padding: 0.3rem 0px; border-bottom: 0.01rem solid #e1e1e1; } .scjdr_02 ul li a { color: #222; font-weight: bold; width: calc(100% - 0.34rem); overflow: hidden; } .scjdr_02 ul li::before { content: ""; display: block; width: 0.24rem; height: 0.24rem; background: url("../images/t_05.png") 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; top: 50%; margin-top: -0.12rem; } .scjdr_02 ul li:hover a { color: #00479d; } .scjdr_02 ul li:hover::before { background: url("../images/t_06.png") 50% no-repeat; background-size: 100% 100%; } .jbqk_01 { overflow: hidden; padding-top: 1rem; } .jbqk_01 .p { width: 100%; overflow: hidden; max-width: 67.05%; } .jbqk_01 .p1 { color: #222; font-weight: bold; line-height: 1.5; position: relative; } .jbqk_01 .i1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .jbqk_01 .i1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; } .jbqk_01 .i2 { margin-top: 0.1rem; } .jbqk_01 .a1 { display: inline-block; padding-right: 0.26rem; font-weight: normal; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; } .jbqk_01 .a1:hover { color: #00479d; background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.14rem; } .jbqk_01 .p2 { color: #222; line-height: 1.75; margin-top: 0.4rem; text-align: justify; text-justify: inter-ideograph; } .jbqk_02 { width: 100%; overflow: hidden; margin-top: 0.6rem; } .jbqk_02 ul li { overflow: hidden; margin-right: 0.2rem; margin-bottom: 0.2rem; float: left; } .jbqk_02 ul li:nth-child(2n) { margin-right: 0px; } .jbqk_02 ul li a { width: 100%; display: block; overflow: hidden; position: relative; z-index: 99; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .jbqk_02 ul li img { width: 100%; display: block; } .jbqk_02 ul li img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 7; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .jbqk_02 ul li a::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; background: url("../images/jb_01.png") 50% no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; z-index: 8; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .jbqk_02 ul li span { width: calc(100% - 0.8rem); display: block; overflow: hidden; font-weight: bold; color: #fff; position: absolute; left: 0.4rem; bottom: 0.4rem; z-index: 9; background: url("../images/t_04.png") 100% 50% no-repeat; background-size: 0.26rem; } .jbqk_02 ul li:nth-child(1) { width: calc((100% - 0.2rem) / 2); } .jbqk_02 ul li:nth-child(2) { width: calc((100% - 0.2rem) / 2); } .jbqk_02 ul li:nth-child(3) { width: 37.5%; } .jbqk_02 ul li:nth-child(4) { width: calc(62.5% - 0.2rem); } .jbqk_02 ul li:hover img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .jbqk_02 ul li:hover span { background: url("../images/t_13.png") 100% 50% no-repeat; background-size: 0.26rem; } .jbqk_02 ul li:hover a::before { opacity: 1; } .jbqk_03 { overflow: hidden; padding-top: 1rem; } .jbqk_03 ul li { width: 100%; overflow: hidden; margin-bottom: 0.8rem; display: flex; display: -webkit-flex; justify-content: space-between; } .jbqk_03 ul li:last-child { margin-bottom: 0px; } .jbqk_03 ul li .img { width: 49.43%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .jbqk_03 ul li .img img { width: 100%; display: block; } .jbqk_03 ul li .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .jbqk_03 ul li .txt { width: calc(50.57% - 0.8rem); overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .jbqk_03 ul li .txt .c { width: 100%; overflow: hidden; } .jbqk_03 ul li .txt .p { width: 100%; overflow: hidden; } .jbqk_03 ul li .txt .p1 { line-height: 1.5; color: #222; font-weight: bold; } .jbqk_03 ul li .txt .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .jbqk_03 ul li .txt .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; } .jbqk_03 ul li .txt .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.2rem; } .jbqk_03 ul li .txt .p3 { color: #222; line-height: 1.75; margin-top: 0.4rem; text-align: justify; text-justify: inter-ideograph; } .jbqk_03 ul li .txt .p4 { margin-top: 0.6rem; } .jbqk_03 ul li .txt .p4 dl { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.1rem; margin: 0px; padding: 0px; } .jbqk_03 ul li .txt .p4 dl dd { width: 100%; overflow: hidden; background-color: #fafafa; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; margin: 0px; padding: 0.2rem 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .jbqk_03 ul li .txt .p4 dl dd .a { width: 100%; overflow: hidden; } .jbqk_03 ul li .txt .p4 dl dd .i1 { line-height: 1; } .jbqk_03 ul li .txt .p4 dl dd .sp1 { display: inline-block; color: #00479d; font-family: poppins-Bold; } .jbqk_03 ul li .txt .p4 dl dd .sp2 { display: inline-block; color: #222; margin-left: 0.2rem; } .jbqk_03 ul li .txt .p4 dl dd .i2 { line-height: 1.5; margin-top: 0.1rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .jbqk_03 ul li .txt .p4 dl dd .i2 img { display: block; } .jbqk_03 ul li .txt .p4 dl dd .i2 i { display: inline-block; margin-left: 0.1rem; } .jbqk_03 ul li .txt .p5 { margin-top: 0.4rem; color: #999; } .jbqk_03 ul li:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .ls_01 { overflow: hidden; padding-top: 1rem; } .ls01_t { width: 100%; overflow: hidden; padding-bottom: 0.6rem; } .ls01_t span { display: inline-block; color: #222; line-height: 1.5; font-weight: bold; position: relative; padding-right: 0.34rem; } .ls01_t span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ls01_c { width: 100%; overflow: visible; position: relative; } .ls01_c .b1 { width: 1rem; height: 1px; display: block; overflow: hidden; pointer-events: none; position: absolute; left: 0px; top: 0px; } .ls01_c .b2 { width: calc(100% + 1.6rem); height: 0.01rem; display: block; background-color: #cacaca; pointer-events: none; z-index: 1; position: absolute; left: -0.8rem; top: 0px; } .ls01c_slide { width: 100%; overflow: visible; position: relative; z-index: 9; } .ls01c_slide .swiper-slide { width: 6rem; overflow: hidden; } .ls01c_slide .swiper-slide .ls01cfr { width: 100%; overflow: hidden; } .ls01c_slide .swiper-slide .ls01cfr .p { width: 100%; overflow: hidden; } .ls01c_slide .swiper-slide .ls01cfr .p1 { position: relative; } .ls01c_slide .swiper-slide .ls01cfr .p1 .img { width: 100%; overflow: hidden; position: relative; z-index: 5; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ls01c_slide .swiper-slide .ls01cfr .p1 .img img { width: 100%; display: block; } .ls01c_slide .swiper-slide .ls01cfr .p1 .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .ls01c_slide .swiper-slide .ls01cfr .p1::before { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #c9161d; position: absolute; right: 0.1rem; bottom: 0.1rem; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ls01c_slide .swiper-slide .ls01cfr .p2 { color: #222; font-weight: bold; line-height: 1.5; padding-top: 0.3rem; } .ls01c_slide .swiper-slide .ls01cfr .p3 { color: #222; line-height: 1.75; margin-top: 0.1rem; } .ls01c_slide .swiper-slide .ls01cfr:hover .p1 .img { border-radius: 0.12rem 0.12rem 0.9rem 0.12rem; -webkit-border-radius: 0.12rem 0.12rem 0.9rem 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ls01c_slide .swiper-slide .ls01cfr:hover .p1::before { right: 0.05rem; bottom: 0.05rem; opacity: 1; } .ls01c_slide .swiper-slide .ls01cfr:hover .p2 { color: #00479d; } .ls01c_slide .swiper-slide .ls01cfr:hover .p1 .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .ls01c_more a.ls01c_prev { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; left: 0.2rem; top: 0px; z-index: 999; } .ls01c_more a.ls01c_prev::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_14.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .ls01c_more a.ls01c_next { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; right: 0.2rem; top: 0px; z-index: 999; } .ls01c_more a.ls01c_next::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_15.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .lxwm_01 { overflow: hidden; padding: 1rem 0px; } .lxwm01fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .lxwm01fr .img { width: 48.3%; overflow: hidden; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .lxwm01fr .img img { width: 100%; display: block; } .lxwm01fr .txt { width: calc(51.7% - 1.1rem); overflow: hidden; } .lxwm01fr .txt .p { width: 100%; overflow: hidden; } .lxwm01fr .txt .p1 { border-bottom: 0.01rem solid #cdcdcd; padding-bottom: 0.3rem; } .lxwm01fr .txt .p1 span { display: inline-block; color: #222; line-height: 1.5; font-weight: bold; position: relative; padding-right: 0.34rem; } .lxwm01fr .txt .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .lxwm01fr .txt .p2 { color: #222; line-height: 1.5; margin-top: 0.6rem; } .lxwm01fr .txt .p3 { color: #222; margin-top: 0.3rem; } .lxwm01fr .txt .p3 p { line-height: 1.75; margin-bottom: 0.15rem; } .lxwm01fr .txt .p3 p:last-child { margin-bottom: 0px; } .lxwm01fr .txt .p3 p span { display: inline-block; position: relative; padding-left: 0.6rem; } .lxwm01fr .txt .p3 p span.sp1 { background: url("../upimg/lxwm_02.png") 0% 50% no-repeat; background-size: 0.24rem; } .lxwm01fr .txt .p3 p span.sp2 { background: url("../upimg/lxwm_03.png") 0% 50% no-repeat; background-size: 0.24rem; } .lxwm01fr .txt .p3 p span.sp3 { background: url("../upimg/lxwm_04.png") 0% 50% no-repeat; background-size: 0.24rem; } .lxwm01fr .txt .p3 p span.sp4 { background: url("../upimg/lxwm_05.png") 0% 50% no-repeat; background-size: 0.24rem; } .lxwm01fr:hover .img img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .lxwm_02 { overflow: hidden; padding-top: 0px; } .lxwm_02 ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.6rem; grid-row-gap: 0.4rem; } .lxwm_02 ul li { width: 100%; overflow: hidden; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0.4rem 0.5rem; } .lxwm_02 ul li::before { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #c9161d; position: absolute; right: 0.1rem; bottom: 0.1rem; z-index: 1; opacity: 0; } .lxwm_02 ul li .bg { width: 100%; height: 100%; overflow: hidden; background-color: #f8f8f8; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; left: 0px; top: 0px; z-index: 2; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .lxwm_02 ul li .bg::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; background: url("../images/lxwm_05.webp") 50% no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .lxwm_02 ul li .txt { width: 100%; overflow: hidden; position: relative; z-index: 9; } .lxwm_02 ul li:nth-child(1) { grid-column: 1/3; } .lxwm_02 ul li .txt .p { width: 100%; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .lxwm_02 ul li .txt .p1 { color: #222; font-weight: bold; line-height: 1.5; } .lxwm_02 ul li .txt .p2 { margin-top: 0.1rem; color: #222; } .lxwm_02 ul li .txt .p2 p { width: 100%; overflow: hidden; padding: 0.05rem 0px; line-height: 1.75; } .lxwm_02 ul li .txt .p2 span { display: inline-block; position: relative; padding-left: 0.3rem; margin-right: 1rem; } .lxwm_02 ul li .txt .p2 span::before { content: ""; display: block; width: 0.1rem; height: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #c4c4c4; position: absolute; left: 0px; top: 0.125rem; } .lxwm_02 ul li .txt .p2 span:last-child { margin-right: 0px; } .lxwm_02 ul li:hover .bg::before { opacity: 1; } .lxwm_02 ul li:hover .bg { border-radius: 0.12rem 0.12rem 0.8rem 0.12rem; } .lxwm_02 ul li:hover::before { opacity: 1; right: 0.05rem; bottom: 0.05rem; } .lxwm_02 ul li:hover .p1 { color: #fff; } .lxwm_02 ul li:hover .p2 { color: #fff; } .lxwm_02 ul li:hover .p2 span::before { background-color: #fff; } .pp_01 { overflow: hidden; padding-top: 1rem; } .pp_02 { overflow: hidden; padding-top: 0.6rem; } .pp_02 ul li { width: 100%; overflow: hidden; margin-bottom: 0.8rem; } .pp_02 ul li .pp02fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .pp_02 ul li .pp02fr .img { width: 79.55%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pp_02 ul li .pp02fr .img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pp_02 ul li .pp02fr .img img.img2 { height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .pp_02 ul li .pp02fr .txt { width: calc(20.45% - 0.6rem); overflow: visible; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .pp_02 ul li .pp02fr .txt .c { width: 100%; overflow: visible; min-height: calc(100% - 1.6rem); position: relative; } .pp_02 ul li .pp02fr .txt .p { width: 100%; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pp_02 ul li .pp02fr .txt .p1 i { display: inline-block; position: relative; } .pp_02 ul li .pp02fr .txt .p1 img { display: block; height: 0.49rem; } .pp_02 ul li .pp02fr .txt .p1 img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 9; } .pp_02 ul li .pp02fr .txt .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.4rem; } .pp_02 ul li .pp02fr .txt .p3 { color: #222; line-height: 1.75; margin-top: 0.1rem; } .pp_02 ul li .pp02fr .txt .p4 { position: absolute; left: 0px; bottom: 0px; } .pp_02 ul li .pp02fr .txt .p4 b { width: 0.26rem; height: 0.26rem; display: block; overflow: hidden; background: url("../images/t_05.png") 50% no-repeat; background-size: 100% 100%; } .pp_02 ul li:hover .pp02fr .txt .p4 b { background: url("../images/t_13.png") 50% no-repeat; background-size: 100% 100%; } .pp_02 ul li:hover .pp02fr .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .pp_02 ul li:hover .pp02fr .txt .p1 { transform: translateY(-0.03rem); } .pp_02 ul li:hover .pp02fr .txt .p1 img.img2 { opacity: 1; } .pp_02 ul li:hover .pp02fr .txt .p1 img.img1 { opacity: 0; } .pz_01 { overflow: hidden; background-color: #f9f9f9; padding: 1rem 0px; } .pz01fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .pz01fr .pz01_fr { width: 49.26%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .pz01fr .pz01_fr img { width: 100%; display: block; } .pz01fr .pz01_fl { width: calc(50.74% - 1.4rem); overflow: visible; } .pz01fr:hover .pz01_fr img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; } .pz01l_t { width: 100%; overflow: hidden; } .pz01l_t span { display: inline-block; color: #222; font-weight: bold; line-height: 1.5; position: relative; padding-right: 0.34rem; } .pz01l_t span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pz01l_info { width: 100%; overflow: hidden; margin-top: 0.2rem; color: #222; } .pz01l_info p { line-height: 1.75; } .pz01l_more { width: 100%; overflow: hidden; margin-top: 0.4rem; } .pz01l_more a { display: inline-block; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.28rem; } .pz01l_img { width: 100%; overflow: visible; padding-top: 0.7rem; } .pz01l_img ul { width: 100%; max-width: 6.6rem; overflow: visible; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0.34rem; grid-row-gap: 0.24rem; } .pz01l_img ul li { width: 100%; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; -moz-box-shadow: 0.1rem 0px 0.28rem rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0.1rem 0px 0.28rem rgba(0, 0, 0, 0.03); box-shadow: 0.1rem 0px 0.28rem rgba(0, 0, 0, 0.03); } .pz01l_img ul li img { width: 100%; display: block; } .pz01l_img ul li:hover img { transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .pz_02 { overflow: hidden; padding-top: 1rem; } .pz02_c { width: 100%; overflow: hidden; margin-top: 0.6rem; } .pz02_c ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.4rem; } .pz02_c ul li { width: 100%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .pz02_c ul li .pz02c_bg { width: 100%; overflow: hidden; position: relative; z-index: 1; } .pz02_c ul li .pz02c_bg img { width: 100%; display: block; position: relative; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pz02_c ul li .pz02c_bg::before { content: ""; display: block; width: 100%; height: 0%; position: absolute; left: 0px; bottom: 0px; z-index: 9; background: linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157)); background: -webkit-linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157)); background: -o-linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157)); background: -moz-linear-gradient(rgba(0, 71, 157, 0), rgb(0, 71, 157)); } .pz02_c ul li .pz02c_bg::before { transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pz02_c ul li .pz02c_c { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 9; } .pz02_c ul li .pz02c_c .p { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .pz02_c ul li .pz02c_c .p1 { position: absolute; left: 0px; top: 0.9rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pz02_c ul li .pz02c_c .p1 img { display: block; margin: 0px auto; padding: 0px; height: 0.62rem; } .pz02_c ul li .pz02c_c .p2 { position: absolute; left: 0px; bottom: 0.6rem; color: #fff; padding: 0px 0.6rem; } .pz02_c ul li .pz02c_c .i1 { font-weight: bold; line-height: 1.75; text-align: center; } .pz02_c ul li .pz02c_c .i2 { margin-top: 0.3rem; text-align: center; display: none; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pz02_c ul li .pz02c_c .i2 p { line-height: 1.75; } .pz02_c ul li:hover .pz02c_bg::before { height: 100%; } .pz02_c ul li:hover .pz02c_bg img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .pz02_c ul li:hover .pz02c_c .i2 { display: block; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; } .pz02_c ul li:hover .pz02c_c .p1 { transform: translateY(-0.03rem); } .pz02_b { width: 100%; overflow: visible; position: relative; margin-top: 1rem; } .pz02_b .b1 { width: 0.4rem; height: 1px; display: block; pointer-events: none; position: absolute; left: 0px; top: 0px; } .pz02_b::before { content: ""; width: 1.8rem; height: 100%; display: block; pointer-events: none; position: absolute; right: -0.8rem; top: 0px; z-index: 9; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .pz02_b::after { content: ""; width: 1.8rem; height: 100%; display: block; pointer-events: none; position: absolute; left: -0.8rem; top: 0px; z-index: 9; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .pz02_b::after { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .lz02b_slide { width: 100%; overflow: visible; } .lz02b_slide .swiper-slide { width: calc((100% - 0.8rem) / 3); overflow: hidden; } .lz02b_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; } .lz02b_slide .swiper-slide .p { width: 100%; overflow: hidden; } .lz02b_slide .swiper-slide .p1 { position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .lz02b_slide .swiper-slide .p1 img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .lz02b_slide .swiper-slide .p2 { text-align: center; color: #222; line-height: 1.75; margin-top: 0.15rem; } .lz02b_slide .swiper-slide a:hover .p1 img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .lz02b_slide .swiper-slide a:hover .p2 { color: #00479d; } .zlgh_01 { overflow: hidden; padding: 1rem 0px 0px 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .zh01_fl { widtH: 50%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 1.2rem 0px 0.8rem; } .zh01_fl .c { width: 100%; overflow: hidden; } .zh01_fl .p { width: 100%; overflow: hidden; } .zh01_fl .p1 span { display: inline-block; position: relative; color: #222; font-weight: bold; line-height: 1.5; padding-right: 0.34rem; } .zh01_fl .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; } .zh01_fl .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.1rem; } .zh01_fl .p3 { color: #222; line-height: 1.75; margin-top: 0.4rem; text-align: justify; text-justify: inter-ideograph; } .zh01_fl .p3 p { line-height: 1.75; } .zh01_fr { width: 50%; overflow: hidden; float: right; position: relative; } .zh01_fr .c { width: 100%; overflow: hidden; border-radius: 0.12rem 0px 0px 1rem; -webkit-border-radius: 0.12rem 0px 0px 1rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .zh01_fr img { width: 100%; display: block; position: relative; z-index: 9; } .zh01_fr::before { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #c9161d; position: absolute; left: 0.05rem; bottom: 0.05rem; z-index: 1; } .zlgh_01:hover .zh01_fr img { transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .zjgx_01 { overflow: hidden; padding-top: 1rem; } .zjgx01fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; } .zjgx01fr .fl { width: 5.6rem; overflow: hidden; min-height: 8.4rem; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .zjgx01fr .fl .zx01l_bg { width: 100%; height: 100%; overflow: hidden; pointer-events: none; position: absolute; left: 0px; top: 0px; z-index: 1; } .zjgx01fr .fl .zx01l_bg img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 100%; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .zjgx01fr .fl .zx01l_c { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .zjgx01fr .fl .zx01l_c .p { width: 100%; overflow: hidden; color: #fff; } .zjgx01fr .fl .zx01l_c .p1 { top: 0.6rem; width: calc(100% - 1.2rem); left: 0.6rem; position: absolute; } .zjgx01fr .fl .zx01l_c .p2 { bottom: 0.6rem; width: calc(100% - 1.2rem); left: 0.6rem; position: absolute; } .zjgx01fr .fl .zx01l_c .p1 .i1 { font-weight: bold; line-height: 1.3; } .zjgx01fr .fl .zx01l_c .p1 .i2 { font-weight: bold; line-height: 1.3; } .zjgx01fr .fl .zx01l_c .p2 { line-height: 1; } .zjgx01fr .fl .zx01l_c .p2 .i1 { font-family: poppins-Bold; } .zjgx01fr .fl .zx01l_c .p2 .i2 { font-family: poppins-Bold; margin-left: 0.4rem; } .zjgx01fr .fl .zx01l_c .p3 { line-height: 1.5; } .zjgx01fr .fr { width: calc(100% - 5.6rem - 0.8rem); overflow: hidden; } .zjgx01fr .fl:hover .zx01l_bg img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .zx01r_t { width: 100%; overflow: hidden; font-weight: bold; line-height: 1.3; } .zx01r_c { width: 100%; overflow: hidden; padding-top: 0.3rem; } .zx01r_c ul li { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0.01rem solid #d8d8d8; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; margin-bottom: 0.1rem; } .zx01r_c ul li .z01rc_r { width: 3rem; overflow: hidden; height: 1rem; float: right; display: flex; display: -webkit-flex; align-items: center; justify-content: center; position: relative; } .zx01r_c ul li .z01rc_r::before { content: ""; display: block; width: 0.02rem; height: 0.16rem; background-color: #d8d8d8; position: absolute; left: 0px; top: 50%; margin-top: -0.08rem; } .zx01r_c ul li .z01rc_r .c { display: inline-block; } .zx01r_c ul li .z01rc_r a { float: left; display: inline-block; } .zx01r_c ul li .z01rc_r a.a1 { background: url("../images/esg_01.png") 100% 50% no-repeat; background-size: 0.18rem; padding-right: 0.3rem; } .zx01r_c ul li .z01rc_r a.a2 { background: url("../images/esg_02.png") 100% 50% no-repeat; background-size: 0.18rem; padding-right: 0.3rem; margin-left: 0.6rem; } .zx01r_c ul li .z01rc_r a.a1:hover { background: url("../images/esg_01_on.png") 100% 50% no-repeat; background-size: 0.18rem; } .zx01r_c ul li .z01rc_r a.a2:hover { background: url("../images/esg_02_on.png") 100% 50% no-repeat; background-size: 0.18rem; } .zx01r_c ul li .z01rc_l { width: calc(100% - 3rem); height: 1rem; font-weight: bold; overflow: hidden; float: left; padding: 0px 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .zx01r_c ul li .z01rc_l a { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; } .zx01r_c ul li .z01rc_l a:hover { color: #00479d; } .job_01 { overflow: hidden; padding-top: 1rem; } .job01_c { width: 100%; overflow: hidden; position: relative; margin-top: 0.4rem; } .job01_c .img { width: 48.3%; height: 5rem; overflow: hidden; position: absolute; left: 0px; top: 0px; border-radius: 0.12rem; z-index: 9; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job01_c .img img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job01_c .txt { width: 100%; overflow: visible; height: 4rem; background-color: #f8f8f8; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: relative; z-index: 6; margin-top: 1.4rem; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end; } .job01_c .txt img { display: block; height: 0.86rem; position: absolute; left: calc(51.7% + 0.8rem); top: -0.56rem; z-index: 9; } .job01_c .txt .c { width: 51.7%; float: right; padding: 0px 0.8rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job01_c:hover .img img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .job02_c { width: 100%; overflow: hidden; margin-top: 0.4rem; } .job02_c ul { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0.4rem; } .job02_c ul li { width: 100%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job02_c ul li .bg { width: 100%; overflow: hidden; position: relative; z-index: 1; pointer-events: none; } .job02_c ul li .bg img { width: 100%; display: block; opacity: 0; position: relative; z-index: 3; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job02_c ul li .bg::before { content: ""; display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: #f8f8f8; z-index: 2; } .job02_c ul li .txt { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9; } .job02_c ul li .txt .p { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job02_c ul li .txt .p1 { position: absolute; left: 0px; top: 0.6rem; padding: 0px 0.4rem; } .job02_c ul li .txt .p1 i { display: inline-block; position: relative; } .job02_c ul li .txt .p1 i img { display: block; height: 0.51rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job02_c ul li .txt .p1 i img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .job02_c ul li .txt .p2 { position: absolute; left: 0px; bottom: 0.5rem; padding: 0px 0.4rem; } .job02_c ul li .txt .p2 .i1 { color: #222; font-weight: bold; line-height: 1.5; } .job02_c ul li .txt .p2 .i2 { color: #222; line-height: 1.75; margin-top: 0.2rem; max-height: 0.84rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .job02_c ul li:hover .bg img { opacity: 1; } .job02_c ul li:hover .bg::before { opacity: 0; } .job02_c ul li:hover .txt .p1 i img.img2 { opacity: 1; } .job02_c ul li:hover .txt .p1 i img.img1 { opacity: 0; } .job02_c ul li:hover .txt .p2 .i1 { color: #fff; } .job02_c ul li:hover .txt .p2 .i2 { color: #fff; max-height: 2.1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 6; text-overflow: ellipsis; display: -webkit-box; } .job_03 { overflow: hidden; padding-top: 0.8rem; } .job03_video { width: 100%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job03_video .bg { width: 100%; overflow: hidden; position: relative; pointer-events: none; z-index: 1; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job03_video .bg img { width: 100%; height: 100%; display: block; object-fit: cover; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job03_video .txt { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .job03_video .txt .p { width: 100%; overflow: hidden; } .job03_video .txt .p1 { overflow: visible; } .job03_video .txt .p1 i { width: 0.9rem; height: 0.9rem; position: relative; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; margin: 0px auto; padding: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .job03_video .txt .p1 i span { width: 0.53rem; height: 0.53rem; position: relative; z-index: 9; display: block; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #fff; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .job03_video .txt .p1 i img { display: block; width: 0.15rem; margin: 0px auto; padding: 0px; } .job03_video .txt .p1 i::before { content: ""; display: block; opacity: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 2; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; -webkit-animation: ksan_01 2.1s linear infinite; animation: ksan_01 2.1s linear infinite; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .job03_video .txt .p1 i::after { content: ""; display: block; opacity: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 3; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; -webkit-animation: ksan_01 2.1s linear infinite; animation: ksan_01 2.1s linear infinite; animation-delay: 1s; -webkit-animation-delay: 1s; } .job03_video .txt .p2 { text-align: center; color: #fff; font-weight: bold; line-height: 1.5; margin-top: 0.4rem; } .job03_video .txt .p3 { text-align: center; color: #fff; line-height: 1.75; margin-top: 0.1rem; } .job03_video:hover .bg img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .job_04 { overflow: hidden; padding-top: 0.8rem; } .job04_c { width: 100%; overflow: hidden; margin-top: 0.4rem; display: flex; display: -webkit-flex; justify-content: space-between; } .job04_c .job04c_fl { width: 50%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job04_c .job04c_fl img.img1 { width: 100%; display: block; position: relative; z-index: 1; } .job04_c .job04c_fl .job04cl_slide { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 9; } .job04_c .job04c_fl .job04cl_slide .swiper-slide { width: 100%; overflow: hidden; position: relative; } .job04_c .job04c_fl .job04cl_slide .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; left: 0px; top: 0px; } .job04_c .job04c_fr { width: calc(50% - 0.6rem); overflow: hidden; position: relative; } .jb04_sol { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; overflow-y: scroll; } .jb04_sol ul { width: calc(100% - 0.4rem); overflow: hidden; } .jb04_sol ul li { width: 100%; overflow: hidden; position: relative; padding: 0.3rem 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .jb04_sol ul li::before { content: ""; width: 100%; height: 0.01rem; display: block; background-color: #d2d2d2; position: absolute; left: 0px; bottom: 0.01rem; } .jb04_sol ul li .txt { width: 100%; overflow: hidden; position: relative; cursor: pointer; } .jb04_sol ul li .txt::before { content: ""; display: block; width: 0.26rem; height: 0.26rem; background: url("../images/t_05.png") 50% 50% no-repeat; background-size: 100% 100%; position: absolute; right: 0px; top: 0.06rem; opacity: 0; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .jb04_sol ul li .p { width: 100%; overflow: hidden; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .jb04_sol ul li .p1 { color: #bdbdbd; font-weight: bold; line-height: 1.5; } .jb04_sol ul li .p2 { color: #222; line-height: 1.5; margin-top: 0.1rem; display: none; } .jb04_sol ul li.active .txt::before { opacity: 1; } .jb04_sol ul li.active .p1 { color: #000; } .jb04_sol ul li.active .p2 { display: block; } .jb04_sol::-webkit-scrollbar { width: 5px; height: 5px; } .jb04_sol::-webkit-scrollbar-track { border-radius: 0; background: rgba(255, 255, 255, 0); background: linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0)); background: -webkit-linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0)); background: -o-linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0)); background: -moz-linear-gradient(rgb(34, 34, 34), rgba(34, 34, 34, 0)); } .jb04_sol::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(255, 255, 255, 0); } .jb04_sol::-webkit-scrollbar-thumb:hover { border-radius: 5px; background: rgba(255, 255, 255, 0); } .job_05 { overflow: hidden; background-color: #f4f5f6; padding: 1rem 0px; margin-top: 1rem; } .job05_t { width: 100%; overflow: hidden; line-height: 1.5; } .job05_t .wrap_in { display: flex; display: -webkit-flex; align-items: flex-end; justify-content: space-between; } .job05_t .fl span { display: inline-block; color: #222; font-weight: bold; position: relative; padding-right: 0.34rem; } .job05_t .fl span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job05_t .fr ul li { float: left; margin-left: 0.6rem; } .job05_t .fr ul li:first-child { margin-left: 0px; } .job05_t .fr ul li a { color: #999; } .job05_t .fr ul li.active a { color: #222; font-weight: bold; } .job05_c { width: 100%; overflow: hidden; margin-top: 0.4rem; position: relative; } .job05_c b.b1 { width: 0.4rem; height: 1px; display: block; pointer-events: none; position: absolute; left: 0px; top: 0px; } .job05_c .wrap_in { position: relative; } .job05c_slide { width: 100%; overflow: visible; } .job05c_slide .swiper-slide { width: calc((100% - 0.8rem) / 3); overflow: hidden; } .job05c_txt { width: 100%; overflow: hidden; } .job05c_txt .img { width: 100%; overflow: hidden; position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job05c_txt .img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .job05c_txt .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .job05c_txt .txt { width: 100%; overflow: hidden; text-align: center; color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.2rem; } .job05c_txt:hover .img img.img2 { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .job05_hid { width: 100%; overflow: hidden; display: none; } .job05c_more a.job05c_prev { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; left: 0.2rem; top: 0px; z-index: 999; } .job05c_more a.job05c_prev::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_14.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .job05c_more a.job05c_next { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; right: 0.2rem; top: 0px; z-index: 999; } .job05c_more a.job05c_next::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_15.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .job_06 { padding-top: 1.2rem; } .job06fr { width: 100%; overflow: hidden; line-height: 1.2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .job06fr .fl span { display: inline-block; line-height: 1.5; color: #222; font-weight: bold; padding-right: 0.34rem; position: relative; } .job06fr .fl span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job06fr .fr a { display: inline-block; float: left; font-weight: bold; color: #222; padding: 0px 0.6rem; width: 5.6rem; height: 1.2rem; overflow: hidden; border: 0.02rem solid #222; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job06fr .fr a:nth-child(2) { margin-left: 0.4rem; } .job06fr .fr a span { width: 100%; display: block; overflow: hidden; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.24rem; } .job06fr .fr a:hover { border: 0.02rem solid #00479d; background-color: #00479d; } .job06fr .fr a:hover span { background: url("../images/t_13.png") 100% 50% no-repeat; background-size: 0.24rem; color: #fff; } .fali01_slide .swiper-slide { padding: 0px 0.15rem; } .fali01_slide .swiper-slide .p1 img { height: 0.5rem; } .fa_01 { overflow: hidden; padding: 1rem 0px; } .fa01fr { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .fa01fr .img { width: 48.86%; overflow: hidden; border-radius: 0.12rem; } .fa01fr .img img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .fa01fr .txt { width: calc(51.14% - 1.3rem); overflow: hidden; } .fa01fr .txt .c { width: 100%; overflow: hidden; } .fa01fr .txt .p { width: 100%; overflow: hidden; } .fa01fr .txt .p1 { color: #222; font-weight: bold; line-height: 1.5; } .fa01fr .txt .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .fa01fr .txt .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .fa01fr .txt .p2 { color: #222; font-weight: bold; line-height: 1.5; margin-top: 0.1rem; } .fa01fr .txt .p3 { color: #222; line-height: 1.75; margin-top: 0.4rem; text-align: justify; text-justify: inter-ideograph; } .fa01fr .txt .p3 p { line-height: 1.75; margin-bottom: 0.15rem; } .fa01fr .txt .p3 p:last-child { margin-bottom: 0px; } .fa01fr .txt .p4 { margin-top: 0.6rem; } .fa01fr .txt .p4 a { display: inline-block; background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.14rem; padding-right: 0.28rem; } .fa01fr .txt .p4 a:hover { color: #00479d; background: url("../images/t_06.png") 100% 50% no-repeat; background-size: 0.14rem; } .fa01fr:hover .img img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .fa_02 { padding-top: 0px; padding-bottom: 0.6rem; } .fa_03 { overflow: hidden; padding: 1rem 0px; background-color: #f4f5f6; margin-top: 1rem; } .fa03_t { width: 100%; overflow: hidden; position: relative; } .fa03_t .fl span { display: inline-block; line-height: 1.5; position: relative; color: #222; font-weight: bold; padding-right: 0.23rem; } .fa03_t .fl span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .fa03_t .fa03t_spfr { position: absolute; right: 0px; bottom: 0px; } .fa03_t .fa03t_spfr span { width: 0.38rem; height: 0.2rem; opacity: 1; background: none; margin: 0px !important; padding: 0px !important; position: relative; border-radius: 0px; } .fa03_t .fa03t_spfr span::before { content: ""; display: block; width: 0.08rem; height: 0.08rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #cacaca; position: absolute; left: 50%; top: 50%; margin-left: -0.04rem; margin-top: -0.04rem; } .fa03_t .fa03t_spfr span.swiper-pagination-bullet-active::before { width: 100%; height: 100%; background: url("../images/in_07.png") 50% no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: 0px; margin: 0px; } .fa03_c { width: 100%; overflow: hidden; padding-top: 0.4rem; } .fa03c_slide { width: 100%; overflow: hidden; } .fa03c_slide .swiper-slide { width: 100%; overflow: hidden; } .fa03c_slide .swiper-slide .ns_02 { width: 100%; overflow: hidden; padding-top: 0px; } .fa03c_slide .swiper-slide .ns_02 ul li { background-color: #fff; } .fa03c_slide .swiper-slide .ns_02 ul li:hover { background-color: rgba(255, 255, 255, 0); } .fa03c_slide .swiper-slide .ns_02 ul li:hover { border: 0.01rem solid #f4f5f6; } .mem_01 { overflow: hidden; line-height: 1.75; padding: 0.3rem 0px; } .mem_01 a { float: left; color: #999; } .mem_01 a:last-child { color: #000; } .mem_01 a:hover { color: #00479d; } .mem_01 i { float: left; margin: 0px 0.1rem; } .mem_02 { overflow: hidden; } .mem_02 .wrap_c { overflow: visible; display: flex; display: -webkit-flex; justify-content: space-between; padding-bottom: 1rem; } .mem02_l { width: 3.3rem; min-height: 6rem; overflow: hidden; background-color: #fff; border-radius: 0.08rem; -webkit-border-radius: 0.08rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0.3rem 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .mem02_l ul li { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #eee; line-height: 1.75; padding: 0px 0px 0.2rem 0px; margin-bottom: 0.2rem; } .mem02_l ul li a { display: inline-block; } .mem02_l ul li span { display: inline-block; padding-left: 0.3rem; } .mem02_l ul li span.sp1 { background: url("../images/mem_01.png") 0% 50% no-repeat; background-size: 0.17rem; } .mem02_l ul li span.sp2 { background: url("../images/mem_02.png") 0% 50% no-repeat; background-size: 0.17rem; } .mem02_l ul li span.sp3 { background: url("../images/mem_03.png") 0% 50% no-repeat; background-size: 0.17rem; } .mem02_l ul li.active { border-bottom: 0.01rem solid #222; } .mem02_l ul li.active span { color: #00479d; } .mem02_l ul li.active span.sp1 { background: url("../images/mem_01_on.png") 0% 50% no-repeat; background-size: 0.17rem; } .mem02_l ul li.active span.sp2 { background: url("../images/mem_02_on.png") 0% 50% no-repeat; background-size: 0.17rem; } .mem02_l ul li.active span.sp3 { background: url("../images/mem_03_on.png") 0% 50% no-repeat; background-size: 0.17rem; } .mem02_r { width: calc(100% - 3.3rem - 0.2rem); overflow: hidden; background-color: #fff; padding: 0.3rem 0.5rem; border-radius: 0.08rem; -webkit-border-radius: 0.08rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .m02r_t { width: 100%; overflow: hidden; position: relative; position: relative; } .m02r_t::before { content: ""; display: block; width: 100%; height: 0.01rem; background-color: #eee; position: absolute; left: 0px; bottom: 0.01rem; z-index: 1; } .m02r_t span { display: inline-block; position: relative; line-height: 1.75; z-index: 9; color: #222; padding-bottom: 0.2rem; } .m02r_t span::before { content: ""; display: block; width: 100%; height: 0.03rem; background-color: #00479d; position: absolute; left: 0px; bottom: 0px; } .m02r_tab { position: absolute; right: 0px; top: 0px; font-family: poppins-Bold; } .m02r_tab ul li { float: left; line-height: 1.75; margin-right: 0.5rem; } .m02r_tab ul li:last-child { margin-right: 0px; } .m02r_tab ul li.active { color: #00479d; } .m02r_tab ul li.active a { color: #00479d; } .mem_03 { width: 100%; overflow: hidden; } .mem_03 ul li { width: 100%; overflow: hidden; border-bottom: 0.01rem solid #eee; padding: 0.4rem 0px; } .mem_03 ul li a { width: 100%; display: block; overflow: hidden; position: relative; } .mem_03 ul li em { display: block; } .mem_03 ul li em.em1 { display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; } .mem_03 ul li em.em1 img { display: block; width: 0.43rem; } .mem_03 ul li em.em1 span { display: block; width: calc(100% - 0.43rem); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0.2rem; } .mem_03 ul li em.em1 span i { width: 100%; display: block; overflow: hidden; } .mem_03 ul li em.em1 span i.i1 { color: #222; line-height: 1.75; } .mem_03 ul li em.em1 span i.i2 { color: #999; line-height: 1.5; } .mem_03 ul li label { display: inline-block; cursor: pointer; line-height: 0.45rem; padding: 0px 0.45rem; background-color: #444; color: #fff; border-radius: 0.04rem; -webkit-border-radius: 0.04rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .mem_03 ul li a:hover label { background-color: #00479d; } .mem_03 ul li:last-child { border-bottom: 0px; } .memtcfr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999; display: none; } .memtcfr .memtc_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.5); } .memtcfr .memtc_c { width: 100%; max-width: 6rem; overflow: hidden; padding: 0.4rem 0.5rem 0.5rem 0.5rem; background-color: #fff; border-radius: 0.14rem; -webkit-border-radius: 0.14rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; position: absolute; left: 50%; top: 50%; z-index: 9; transform: translate(-50%, -50%); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .memtcfr .memtc_c a.close { width: 0.24rem; height: 0.24rem; display: block; background: url("../images/close.png") 50% no-repeat; background-size: 100%; position: absolute; right: 0.5rem; top: 0.4rem; z-index: 999; } .memtcfr .memtc_c .p { width: 100%; overflow: hidden; } .memtcfr .memtc_c .p1 { line-height: 1.75; font-weight: bold; margin-bottom: 0.3rem; } .memtcfr .memtc_c .p2 { margin-bottom: 0.15rem; height: 0.6rem; position: relative; } .memtcfr .memtc_c .p2 .memtc_txt { width: 100%; height: 0.6rem; border: 0.01rem solid #222; padding: 0px 0.2rem; color: #222; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .memtcfr .memtc_c .p2 .memtc_txt::-moz-placeholder { color: #999; } .memtcfr .memtc_c .p2 .memtc_txt::-moz-placeholder { color: #999; } .memtcfr .memtc_c .p2 .memtc_txt::-ms-input-placeholder { color: #999; } .memtcfr .memtc_c .p2 .memtc_txt::-webkit-input-placeholder { color: #999; } .memtcfr .memtc_c .p2 .memtc_txt1 { width: calc(100% - 2rem - 0.14rem); } .memtcfr .memtc_c .p2 .yzm { width: 2rem; height: 100%; display: block; overflow: hidden; background-color: #444; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #fff; position: absolute; right: 0px; top: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .memtcfr .memtc_c .p3 { margin-top: 0.3rem; text-align: center; } .memtcfr .memtc_c .p3 .memtc_btn1 { width: calc((100% - 0.2rem) / 2); overflow: hidden; float: left; height: 0.56rem; border: 0px; background: none; background-color: #00479d; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #fff; cursor: pointer; } .memtcfr .memtc_c .p3 .memtc_btn2 { width: calc((100% - 0.2rem) / 2); overflow: hidden; float: right; height: 0.56rem; border: 0px; background: none; background-color: #444; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #fff; cursor: pointer; } .memtcfr .memtc_c .p4 { color: #000; } .memtcfr .memtc_c .p5 { color: #999; } .mem_04 { width: 100%; overflow: hidden; margin-top: 0.6rem; padding-bottom: 0.6rem; } .mem_04 .p { width: 100%; overflow: hidden; } .mem_04 .p1 a { display: inline-block; line-height: 0.6rem; width: 2.8rem; background-color: #444; border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; color: #fff; text-align: center; font-weight: bold; margin-right: 0.2rem; } .mem_04 .p1 a.a1 { background-color: #00479d; } .mem_04 .p1 a:last-child { margin-right: 0px; } .mem_04 .p2 { margin-top: 0.3rem; line-height: 1.75; } .mem_04 .p2 a { display: inline-block; background: url("../images/mem_04.png") 0% 50% no-repeat; background-size: 0.16rem; padding-left: 0.26rem; margin-right: 0.4rem; } .mem_04 .p2 a:last-child { margin-right: 0px; } .mem_04 .p2 a:hover { background: url("../images/mem_05.png") 0% 50% no-repeat; background-size: 0.16rem; } .mem_05 { width: 100%; overflow: hidden; margin-top: 0.6rem; } .mem_05 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 0.3rem; grid-row-gap: 0.6rem; } .mem_05 ul li { width: 100%; overflow: hidden; } .mem_05 ul li a { width: 100%; overflow: hidden; display: block; position: relative; } .mem_05 ul li .p { width: 100%; overflow: hidden; } .mem_05 ul li .p1 { position: relative; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .mem_05 ul li .p1 img { width: 100%; display: block; } .mem_05 ul li .p1 img.img2 { height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; } .mem_05 ul li .p2 { position: relative; color: #222; font-weight: bold; line-height: 1.5; padding: 0.3rem 0px; } .mem_05 ul li .p2::before { content: ""; width: 100%; height: 0.01rem; display: block; overflow: hidden; background-color: #222; position: absolute; left: 0px; bottom: 0px; } .mem_05 ul li .p3 { margin-top: 0.3rem; color: #222; line-height: 1.75; } .mem_05 ul li .p3 p { line-height: 1.75; } .mem_05 ul li .ss { width: 0.5rem; height: 0.5rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; overflow: hidden; position: absolute; right: 0.4rem; top: 0.4rem; z-index: 99; background-color: #222222; } .mem_05 ul li .ss b { width: 100%; height: 100%; display: block; background: url("../images/t_04.png") 50% no-repeat; background-size: 0.18rem; position: absolute; left: 0px; top: 0px; } .mem_05 ul li:hover .ss { background-color: #c9161d; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .mem_05.active ul { grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.4rem; grid-row-gap: 0.4rem; } .mem_05.active ul li { background-color: #f9f9f9; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0.4rem 0.6rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .mem_05.active ul li .p1 { height: 0px; } .mem_05.active ul li a { overflow: visible; } .mem_05.active ul li .p2 { padding-top: 0px; } .mem_05.active ul li .ss { right: 0px; top: -0.05rem; } .mem_06 { overflow: hidden; padding-top: 0.6rem; } .mem_06 ul li { width: 100%; overflow: hidden; margin-bottom: 0.3rem; background-color: #f8f6f6; border: 0.01rem solid #d8d8d8; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; padding: 0.3rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .mem_06 ul li .c { width: 100%; overflow: hidden; display: flex; display: -webkit-flex; align-items: flex-start; justify-content: space-between; } .mem_06 ul li .img { width: 35.93%; overflow: hidden; position: relative; } .mem_06 ul li .img img { width: 100%; display: block; border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .mem_06 ul li .img img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; z-index: 2; } .mem_06 ul li .img .i { display: inline-block; line-height: 0.6rem; padding: 0px 0.3rem; background-color: #222; color: #fff; font-weight: bold; border-radius: 0.12rem 0px 0.12rem 0px; -webkit-border-radius: 0.12rem 0px 0.12rem 0px; -webkit-backface-visibility: hidden; -webkit-appearance: none; z-index: 9; position: absolute; left: 0px; top: 0px; } .mem_06 ul li .img .i2 { background-color: #00479d; } .mem_06 ul li .img .i3 { background-color: #cecece; } .mem_06 ul li .txt { width: calc(64.07% - 0.6rem); } .mem_06 ul li .txt .nr { width: 100%; overflow: hidden; } .mem_06 ul li .txt .p { width: 100%; overflow: hidden; } .mem_06 ul li .txt .p1 { color: #222; font-weight: bold; line-height: 1.5; padding: 0.3rem 0px; border-bottom: 0.01rem solid #222; } .mem_06 ul li .txt .p2 { padding-top: 0.3rem; position: relative; } .mem_06 ul li .txt .p2 p { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0.5rem; color: #222; line-height: 1.75; } .mem_06 ul li .txt .p2 p.i1 { background: url("../images/ns_05.png") 0% 50% no-repeat; background-size: 0.22rem; } .mem_06 ul li .txt .p2 p.i2 { background: url("../images/ns_04.png") 0% 50% no-repeat; background-size: 0.22rem; margin-top: 0.1rem; } .mem_06 ul li .txt .p2 .more { position: absolute; right: 0px; top: 0.3rem; } .mem_06 ul li .txt .p2 .more a { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.7); border: 0.01rem solid #222; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .mem_06 ul li .txt .p2 .more a:nth-child(2) { margin-left: 0.26rem; } .mem_06 ul li .txt .p2 .more a .i { display: inline-block; text-align: center; } .mem_06 ul li .txt .p2 .more a img { display: block; height: 0.27rem; margin: 0px auto; padding: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .mem_06 ul li .txt .p2 .more a img.img2 { display: none; } .mem_06 ul li .txt .p2 .more a span { width: 100%; display: block; overflow: hidden; color: #222; line-height: 1.5; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .mem_06 ul li .txt .p2 .more a:hover { background-color: #222222; } .mem_06 ul li .txt .p2 .more a:hover span { color: #fff; } .mem_06 ul li .txt .p2 .more a:hover img.img1 { display: none; } .mem_06 ul li .txt .p2 .more a:hover img.img2 { display: block; } .mem_06 ul li .txt .p2 .more a.active { background-color: #222222; } .mem_06 ul li .txt .p2 .more a.active span { color: #fff; } .mem_06 ul li .txt .p2 .more a.active img.img1 { display: none; } .mem_06 ul li .txt .p2 .more a.active img.img2 { display: block; } .job_02 { padding-top: 0.6rem; } .nodata { width: 100%; overflow: hidden; } .nodata p { width: 100%; overflow: hidden; text-align: center; color: #999; line-height: 1.5; } .nodata .p1 img { display: block; margin: 0px auto; padding: 0px; width: 2rem; } .nodata .p2 { margin-top: 0.15rem; } .subfr .sub_c .p1 { display: none; } .m-video { cursor: pointer; } .btn_empty { overflow: hidden; height: 1.2rem; } .swiper-button-disabled { opacity: 0; } .ss_01 { max-width: 12rem; margin: 0px auto; padding: 0px; } @media screen and (max-width: 1600px) { .btn_02 .btn02_l .p2 ul li .sp1 { width: 1.2rem; } .btn_02 .btn02_l .p2 ul li .sp2 { width: calc(100% - 1.2rem); } } @media screen and (max-width: 1570px) { .in_01 .in01_c .in01c_bg b.b1 { background: url("../images/in_03.png") 50% 60% no-repeat; background-size: 50%; } } @media screen and (max-width: 1505px) { .btn_02 .btn02_c dl:nth-child(2) dd { width: 1rem; } } @media screen and (max-width: 1348px) { .btn_02 .btn02_l .p2 ul li .sp1 { width: 1.3rem; } .btn_02 .btn02_l .p2 ul li .sp2 { width: calc(100% - 1.3rem); } } @media screen and (max-width: 1200px) { .container { height: 100%; position: relative; } } @media screen and (max-width: 1023px) { .w_wap { display: block !important; } .w_pc { display: none !important; } .wrap { max-width: 100%; margin: 0px auto; } .wrap_in { margin: 0px 20px; padding: 0px; position: relative; } .wrap_c { width: auto; padding: 0px 20px; margin: 0px auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .wrap_c1 { width: auto; padding: 0px 20px; margin: 0px auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .waptopfr { width: 100%; overflow: visible; position: fixed; left: 0px; top: 0px; z-index: 99999; background-color: #fff; -moz-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); } .waptopfr .fl { height: 1rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; position: relative; z-index: 9991; } .waptopfr .fl img { display: block; height: 0.4rem; } .top_her { float: left; position: relative; z-index: 9991; } .top_her a { float: left; display: inline-block; line-height: 1rem; color: #222; } .top_her a.a1 { background: url("../images/t_05.png") 100% 50% no-repeat; background-size: 0.13rem; padding-right: 0.27rem; margin-left: 0.2rem; } .top_her a.a2 { width: 0.24rem; height: 1rem; background: url("../images/t_07.png") 50% no-repeat; background-size: 100%; margin-left: 0.3rem; } .top_her a:nth-child(1) { margin-left: 0px; } .menufr { position: fixed; left: 0px; top: 0px; display: none; width: 100vw; z-index: 990; } .menufr ul { width: 100%; overflow: hidden; margin-top: 1rem; border-top: 0.01rem solid #eee; height: calc(100vh - 1rem); background-color: #fff; } .menufr ul li { width: 100%; overflow: hidden; } .menufr ul li .mu_t { width: 100%; overflow: hidden; height: 0.8rem; border-bottom: 0.01rem solid #eee; padding: 0px 20px; position: relative; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .menufr ul li .mu_t::before { content: ""; display: block; width: 0.2rem; height: 100%; background: url("../images/t_05.png") 50% no-repeat; background-size: 100%; position: absolute; right: 20px; top: 0px; } .menufr ul li .mu_c { display: none; width: 100%; height: calc(100vh - 1rem); position: absolute; left: 0px; top: 1.1rem; background-color: #fff; z-index: 999; } .menufr ul li .mu_c p { width: 100%; overflow: hidden; padding: 0.12rem 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .menufr ul li .mu_c .p1 { border-bottom: 0.01rem solid #eee; line-height: 0.8rem; padding: 0px 20px; margin-bottom: 0.15rem; } .menufr ul li .mu_c .p1 a { display: inline-block; background: url("../images/t_11.svg") 0% no-repeat; background-size: 0.12rem; padding-left: 0.22rem; } .menufr ul li.active .mu_c { display: block; } .mtmenu_click { float: left; margin-left: 0.3rem; position: relative; z-index: 9991; margin-top: 0rem; height: 0.5rem; margin-top: 0.25rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .mtmenu_click a { width: 0.36rem; height: 0.5rem; display: block; overflow: hidden; background: url("../images/menu_01_on.svg") 50% no-repeat; background-size: 100%; } .mtmenu_click a.on { background: url("../images/menu_02_on.svg") 50% no-repeat; background-size: 0.32rem; } .top_her a.a2.active { background: url("../images/t_09.png") 50% no-repeat; background-size: 100%; } .sstcfr .sstc_bg { height: calc(100vh - 1rem); } .sstcfr .sstc_c { width: 100%; right: -100%; border-top: 0.01rem solid #eee; top: 1.01rem; height: calc(100% - 1rem); } .sstcfr .sstc_c .c { width: calc(100% - 40px); margin: 0px auto; margin-top: 0.6rem; padding-bottom: 0.15rem; float: none; } .sstcfr .sstc_c .c input.sstcc_btn { width: 0.2rem; } .sstcfr .sstc_c a.close { width: 0.24rem; height: 0.24rem; display: block; background: url("../images/menu_02_on.svg") 50% no-repeat; background-size: 100% 100%; margin: 0px auto; padding: 0px; margin-top: 0.6rem; } .lgntcfr .lgntc_bg { height: calc(100vh - 1rem); } .lgntcfr .lgntc_c { width: 100%; right: -100%; border-top: 0.01rem solid #eee; top: 1.01rem; height: calc(100% - 1rem); } .lgntcfr .lgntc_c .c { width: calc(100% - 40px); margin: 0px auto; margin-top: 0.6rem; float: none; } .lgntcfr .lgntc_c a.close { width: 0.24rem; height: 0.24rem; display: block; background: url("../images/menu_02_on.svg") 50% no-repeat; background-size: 100% 100%; margin: 0px auto; padding: 0px; margin-top: 0.6rem; } .top_her a.a1.active { background: url("../images/t_06.png") 100% 50% no-repeat !important; background-size: 0.13rem !important; color: #00479d; } .kjtcfr .kjtc_bg { height: calc(100vh - 1rem); } .kjtcfr .kjtc_c { width: 100%; right: -100%; border-top: 0.01rem solid #eee; top: 1.01rem; height: calc(100% - 1rem); } .kjtcfr .kjtc_c .c { width: calc(100% - 40px); margin: 0px auto; float: none; margin-top: 0.6rem; } .kjtcfr .kjtc_c a.close { width: 0.24rem; height: 0.24rem; display: block; background: url("../images/menu_02_on.svg") 50% no-repeat; background-size: 100% 100%; margin: 0px auto; padding: 0px; margin-top: 0.6rem; } .loregfr .loreg_bg { height: calc(100vh - 1rem); } .loregfr .loreg_c { width: 100%; right: 0%; border-top: 0.01rem solid #eee; top: 1.01rem; height: calc(100% - 1rem); } .loregfr .loreg_c .c { width: calc(100% - 40px); margin: 0px auto; float: none; margin-top: 0.2rem; } .loregfr .loreg_c a.close { width: 0.24rem; height: 0.24rem; display: block; background: url("../images/menu_02_on.svg") 50% no-repeat; background-size: 100% 100%; margin: 0px auto; padding: 0px; margin-top: 0.6rem; } .loginfr .p1 { height: 0.8rem; } .loginfr .p1::before { height: 0.78rem; } .loginfr input.lgn_txt { height: 0.8rem; } .loginfr input.lgn_btn { height: 0.8rem; } .regfr .p1 { height: 0.8rem; } .regfr .p1::before { height: 0.78rem; } .regfr input.lgn_txt { height: 0.8rem; } .regfr input.lgn_btn { height: 0.8rem; } .bs_spfr { left: 20px; } .down_01 { right: 20px; } .in_01 .in01_bg { height: 76vh; } .in_01 .in01_c .txt { padding-top: 2.6rem; } .in_01 .in01_c .p4 ul li:nth-child(2) { margin: 0px 0.25rem; } .in_01 .in01_c .p4 ul li:nth-child(1) .sp1 { min-width: 0.6rem; } .in_01 .in01_c .p4 ul li:nth-child(2) .sp1 { min-width: 0.6rem; } .in_01 .in01_c .p4 ul li:nth-child(3) .sp1 { min-width: 1rem; } .in_01 .in01_c .p4 { margin-top: 0.4rem; } .in_01 .in01_c .p7 { padding-top: 0.6rem; } .in_01 .in01_c .in01c_bg b.b2::before { height: 64%; } .in_01 .in01_c .in01c_bg b.b1 { background: url("../images/in_03.png") 50% 45% no-repeat; background-size: 50%; width: 300%; left: -100%; } .in02_c ul.ul1 { grid-template-columns: repeat(1, 1fr); } .in02_c ul.ul2 { grid-template-columns: repeat(2, 1fr); } .in_03 { padding-top: 0.6rem; } .in_03_c { padding-top: 0.4rem; padding-bottom: 0.6rem; } .in_04 { padding: 0.6rem 0px; } .in_04 .fl { width: 100%; } .in_04 .fr { width: 100%; margin-top: 0.4rem; } .in_05 .in05_bg { height: 60vh; } .in_05 .in05_c .wrap_in { height: 60vh; } .in_05 .in05_c .p0c { top: 0.6rem; } .in_05 .in05_c .p2 { bottom: 0.6rem; padding-bottom: 1.6rem; } .in_05 .in05_c .p2 ul { width: 100%; } .btnfr { padding-top: 0.6rem; } .btn01_slide .swiper-slide { width: 50%; } .btn_02 .btn02_l .p2 ul li .sp1 { width: 1.3rem; } .btn_02 .btn02_l .p2 ul li .sp2 { width: calc(100% - 1.3rem); } .btn_02 .btn02_l .p2 ul li .sp2 br { display: none; } .btn_02 .btn02_l { width: 100%; float: none; } .btn_02 .btn02_c { display: none; } .btn_02 .btn02_r { float: none; margin: 0px auto; padding: 0px; display: none; } .btn_02 .btn02_r .c { width: 100%; } .btn_03 .fr { width: 100%; float: none; } .btn_03 .fl { width: 100%; float: none; } .subfr .sub_bg img { display: none; } .subfr .sub_bg img.img2 { position: relative; display: block; } .subfr .sub_c { bottom: 0.3rem; } .gsg_02 ul { grid-template-columns: repeat(1, 1fr); } .gsg_02 ul li { height: auto; padding: 0.2rem 0px; } .gsg_02 ul li .sp1 { width: 100%; float: none; height: auto; padding: 0rem 0.2rem; } .gsg_02 ul li .sp2 { width: 100%; float: none; justify-content: flex-start; height: auto; padding: 0rem 0.2rem; margin-top: 0.1rem; } .gsg_02 ul li .sp2::before { display: none; } .gsg_02 ul li .sp2 a:nth-child(2) { margin-left: 0.3rem; } .esg_03 { padding-top: 0.8rem; } .esg_03 ul li { display: block; } .esg_03 ul li .img { width: 100%; } .esg_03 ul li .txt { width: 100%; padding: 0px 20px; margin-top: 0.4rem; } .esg_04 { padding-top: 0.8rem; } .esg_04 ul li { display: block; } .esg_04 ul li .img { width: 100%; } .esg_04 ul li .txt { width: 100%; padding: 0px 20px; margin-top: 0.4rem; } .pli01_slide .swiper-slide { padding: 0px 0.2rem; } .pli_02 { padding: 0.8rem 0px; } .pli02fr { display: block; } .pli02fr .txt { width: 100%; } .pli02fr .img { width: 100%; margin-top: 0.4rem; } .pli03_bg::before { content: ""; width: 100%; height: 100%; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; z-index: 9; } .pli03c_t { top: 0rem; position: relative; margin-top: 1rem; } .pli03c_c { margin-top: 0.4rem; padding-bottom: 0.7rem; } .pli03c_c ul { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0rem; grid-row-gap: 0rem; } .pli03c_c ul li { width: 100%; height: auto; display: block; padding: 0.8rem 0.1rem 0.3rem 0.1rem; float: none; border-bottom: 0.01rem solid #fff; } .pli03c_c ul li::before { display: none; } .pli03c_c ul li .p2 { display: block; } .pli03c_c ul li .p03c_b { position: absolute; bottom: initial; top: 0.3rem; } .pli03c_c ul li:last-child { border-bottom: 0px; } .pli_04 { padding-top: 0.4rem; } .pli04fr .pli04_txt { text-align: left; } .p05_r label { margin-left: 0rem; margin-right: 0rem; width: 50%; } .p05_r label:first-child { margin-left: 0px; } .pli_07 ul { grid-template-columns: repeat(2, 1fr); } .pli_07.active ul { grid-template-columns: repeat(1, 1fr); } .pli_07 ul li .ss { right: 0.2rem; top: 0.2rem; } .pli_07.active ul li { padding: 0.4rem 0.2rem; } .psfr { min-height: 0.4rem; } .psfr .c { display: none; } .cpxq_01 { padding: 0.8rem 0px; } .cpxq_01 .wrap_in { display: block; } .cxq01_fl { width: 100%; } .cxq01_fr { width: 100%; margin-top: 0.4rem; } .cxq01_fr .p3 ul { grid-template-columns: repeat(1, 1fr); } .cxq01_fr .p3 ul li { line-height: 0.8rem; } .cpxq_02 { padding: 0.8rem 0px; } .cxq02_c ul { grid-template-columns: repeat(1, 1fr); } .cxq02_c ul li .img { width: 40%; } .cxq02_c ul li .txt { width: 60%; } .cxq02_c ul li .txt .p2 { height: 0.66rem; } .cxq02_c ul li .txt { margin-top: 0.8rem; } .cpzh_01 { padding-top: 0.8rem; } .cpzh_01 ul li { width: 100% !important; margin-right: 0px !important; } .cpzh_01 ul li .cpzh01_bg img { height: 3rem; } .cpzh_01 ul li .cpzh01_c { padding: 0px 0.4rem; } .cpzh_01 ul li .cpzh01_s { width: calc(100% - 0.8rem); height: calc(100% - 0.8rem); left: 0.4rem; top: 0.4rem; } .cpzh_01 ul li:hover .cpzh01_s { top: 0.4rem; } .cpbj_01 { padding-top: 0.8rem; } .cpbj02t_slide .swiper-slide { width: calc((100% - 2.4rem) / 1); } .scjdfr .scjd_fl { width: calc(100% - 40px); margin-left: 20px; } .scjd_01 { padding-top: 0.8rem; } .scjd05_slide .swiper-slide { width: calc((100% - 0.3rem) / 1.3); } .scjd06_slide .swiper-slide { width: calc((100% - 0.3rem) / 1.3); } .scjdfr .scjd_fr { width: 100%; margin-top: 0.6rem; padding: 0.4rem 20px; } .jbqk_01 { padding-top: 0.8rem; } .jbqk_01 .p { max-width: 100%; } .jbqk_01 .a1 { position: relative; top: 0px; transform: translateY(0%); margin-top: 0.4rem; } .jbqk_02 { margin-top: 0.6rem; } .jbqk_02 ul li span { width: calc(100% - 0.4rem); left: 0.2rem; bottom: 0.1rem; } .jbqk_03 { padding-top: 0.6rem; } .jbqk_03 ul li { display: block; } .jbqk_03 ul li .img { width: 100%; } .jbqk_03 ul li .txt { width: 100%; margin-top: 0.4rem; } .jbqk_03 ul li .txt .p4 dl { grid-template-columns: repeat(1, 1fr); } .ls01c_slide .swiper-slide { width: 4rem; } .ls01_c .b1 { width: 0.4rem; } .ls01c_more { margin-left: 0rem; } .lxwm_01 { padding-top: 0.8rem; } .lxwm01fr { display: block; } .lxwm01fr .img { width: 100%; } .lxwm01fr .txt { width: 100%; margin-top: 0.4rem; } .pp_01 { padding-top: 0.8rem; } .pp_02 { padding-top: 0px; } .pp_02 ul li .pp02fr { display: block; } .pp_02 ul li .pp02fr .img { width: 100%; } .pp_02 ul li .pp02fr .txt { width: 100%; margin-top: 0.4rem; } .pp_02 ul li .pp02fr .txt .p4 { width: auto; left: initial; right: 0px; bottom: 0.1rem; } .pz_01 { padding-top: 0.8rem; } .pz01fr { display: block; } .pz01fr .pz01_fl { width: 100%; } .pz01fr .pz01_fr { width: 100%; } .pz_02 { padding-top: 0.8rem; } .pz02_c ul { grid-template-columns: repeat(1, 1fr); } .zlgh_01 { padding-top: 0.8rem; display: block; } .zh01_fl { width: 100%; float: none; padding: 0px 20px; } .zh01_fr { width: calc(100% - 40px); float: none; margin: 0px auto; margin-top: 0.4rem; } .ky_01 { padding-top: 0.8rem; } .ky01_c { display: block; } .ky01_c .fl { width: 100%; } .ky01_c .fr { width: 100%; margin-top: 0.4rem; } .ky_02 { padding-top: 0.8rem; } .ky02_c ul { grid-template-columns: repeat(1, 1fr); } .ky_03 { padding-top: 0.8rem; } .ky03_c ul { grid-template-columns: repeat(1, 1fr); } .ky04fr { display: block; } .ky04fr .fl { width: 100%; padding-top: 0.8rem; } .ky04fr .fr { width: 100%; } .ky_05 { padding-top: 0.8rem; } .ky05fr .fr { width: 100%; height: auto; position: relative; border-radius: 0.12rem 0.12rem 0px 0px; -webkit-border-radius: 0.12rem 0.12rem 0px 0px; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ky05fr .fr img { position: relative; } .ky05fr .fl { height: auto; padding: 0.4rem 0.2rem; margin-top: 0px; } .ky05fr .fl .txt { width: 100%; } .ky_06 { padding-top: 0.8rem; } .ky06cc_c .txt .fl { width: 2.6rem; margin-left: 20px; } .ky06cc_c .txt .fl ul li { width: 100%; height: 1.2rem; } .ky06cc_c .txt .fl ul li .p2 { margin-top: 0.1rem; line-height: 0.4rem; } .ky06cc_c .txt .fr { width: calc(100% - 2.6rem - 0.8rem); height: 100%; } .ky06cc_c .txt .fr .sp1 { width: 100%; float: none; display: block; } .ky06cc_c .txt .fr .sp2 { width: 100%; margin-left: 0px; float: none; display: block; } .ky06cc_c > .txt { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .subfr .mtsubc { bottom: 1.5rem; } .sub_sch { bottom: 0.3rem; right: 20px; height: 0.7rem; width: calc(100% - 40px); } .sub_sch input.sch_txt { height: 0.7rem; } .ns01_t .fr { width: 2.7rem; } .ns01c_slide .swiper-slide .fl { width: 100%; padding: 0.4rem 0.2rem; height: auto; } .ns01c_slide .swiper-slide .fr { width: 100%; height: 3rem; } .ns01c_slide .swiper-slide .fl .p4 { max-height: 0.77rem; } .ns01_c { overflow: hidden; } .ns01c_spfr { width: calc(100% - 0.4rem); left: 0.2rem; bottom: 0.5rem; } .ns_02 { padding-top: 0.4rem; } .ns_02 ul { grid-template-columns: repeat(1, 1fr); } .ns_02 ul li { padding: 0.2rem; } .ns_02 ul li .ns02_c .fr .p1 { height: 0.78rem; } .ns_02 ul li .ns02_c .fr .p1:nth-child(2) { height: 0.66rem; } .ns_03 ul { grid-template-columns: repeat(1, 1fr); } .ns_06 ul li .c { display: block; } .ns_06 ul li .img { width: 100%; } .ns_06 ul li .txt { width: 100%; } .ns_06 ul li .txt .p2 .more { position: relative; top: 0px; margin-top: 0.4rem; } .nxqfr { padding-top: 0.8rem; } .nxqfr .nxq_fl { width: 100%; } .nxqfr .nxq_fr { width: 100%; margin-top: 0.6rem; } .nxqfl_t p span { margin-left: 0.3rem; } .zjgx_01 { padding-top: 0.8rem; } .zjgx01fr { display: block; } .zjgx01fr .fl { width: 100%; } .zjgx01fr .fr { width: 100%; margin-top: 0.6rem; } .zx01r_c ul li { padding: 0.2rem 0px; } .zx01r_c ul li .z01rc_l { width: 100%; height: auto; padding: 0px 0.2rem; } .zx01r_c ul li .z01rc_r { width: 100%; height: auto; padding: 0px 0.2rem; margin-top: 0.1rem; justify-content: flex-start; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .zx01r_c ul li .z01rc_r::before { display: none; } .zx01r_c ul li .z01rc_r a.a2 { margin-left: 0.3rem; } .fa_01 { padding-top: 0.8rem; padding-bottom: 0.2rem; } .fa01fr { display: block; } .fa01fr .txt { width: 100%; } .fa01fr .img { width: 100%; margin-top: 0.4rem; } .subfr .sub_more { bottom: 0.4rem; right: 20px; } .subfr .sub_more span { padding-right: 0.5rem; } .subfr .jb_subc { bottom: 1.5rem; } .job_01 { padding-top: 0.8rem; } .job01_c .img { width: 100%; height: auto; position: relative; } .job01_c .img img { position: relative; height: auto; } .job01_c .txt img { left: 0.2rem; } .job01_c .txt { height: auto; margin-top: 0px; z-index: 999; padding: 0.6rem 0.2rem 0.4rem 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .job01_c .txt .c { width: 100%; padding: 0px; } .job_02 { padding-top: 0.6rem; } .job02_c ul { grid-template-columns: repeat(1, 1fr); } .job03_video .bg img { height: 3rem; } .job04_c { display: block; padding-bottom: 0.4rem; } .job04_c .job04c_fl { width: 100%; } .job04_c .job04c_fr { width: 100%; height: 6rem; margin-top: 0.4rem; } .job_05 { padding: 0.8rem 0px; } .job05_t .wrap_in { display: block; } .job05_t .fl { width: 100%; } .job05_t .fr { width: 100%; margin-top: 0.4rem; } .job05_t .fr ul li { margin-left: 0.2rem; padding-bottom: 0.1rem; } .job05_c b.b1 { width: 0.2rem; } .job05c_slide .swiper-slide { width: calc((100% - 0.2rem) / 1.3); } .job_06 { padding-top: 0.6rem; } .job06fr { display: block; } .job06fr .fl { width: 100%; } .job06fr .fr { width: 100%; margin-top: 0.2rem; } .job06fr .fr a { width: 100%; } .job06fr .fr a:nth-child(2) { margin-left: 0px; margin-top: 0.4rem; } .memtop_empty { height: 1rem; } .mem_02 .wrap_c { display: block; } .mem02_l { width: 100%; min-height: auto; } .mem02_r { width: 100%; margin-top: 0.4rem; } .mem_03 ul li label { line-height: 0.55rem; } .mem_05 ul { grid-template-columns: repeat(1, 1fr); } .mem_06 ul li .c { display: block; } .mem_06 ul li .img { width: 100%; } .mem_06 ul li .txt { width: 100%; } .mem_06 ul li .txt .p2 .more { position: relative; top: 0px; margin-top: 0.4rem; } .mem_04 .p1 a { width: 2rem; } .in_04 .fr .limg ul { grid-template-columns: repeat(1, 1fr); } .in_04 .fr .limg ul li .limg_bg img.img1 { height: 2.2rem; } .jbqk_02 ul li { margin-right: 0px; } .jbqk_02 ul li:nth-child(1) { width: 100%; } .jbqk_02 ul li:nth-child(2) { width: 100%; } .jbqk_02 ul li:nth-child(3) { width: 100%; } .jbqk_02 ul li:nth-child(4) { width: 100%; } .jbqk_02 ul li img { height: 2rem; } .jbqk_03 ul li .txt { margin-top: 0.4rem; } .pp_02 ul li:hover .pp02fr .txt .p1 { transform: translateY(0rem); } .pp_02 ul li .pp02fr .txt .p2 { position: absolute; left: 0px; top: 0px; line-height: 0.49rem; margin-top: 0px; padding-left: 0.6rem; } .pp_02 ul li:last-child { margin-bottom: 0px; } .btn_empty { height: 0.6rem; } .pz02_c ul li .pz02c_bg img { height: 4rem; object-fit: cover; } .pz02_c ul li .pz02c_c .p1 { top: 0.5rem; } .pz02_b { margin-top: 0.6rem; } .lxwm_02 ul { grid-template-columns: repeat(1, 1fr); } .lxwm_02 ul li:nth-child(1) { grid-column: 1; } .zjgx01fr .fl { min-height: 5rem; } .zx01r_c ul li { margin-bottom: 0.2rem; padding: 0.3rem 0px; } .esg_03 ul li .img { width: calc(100% - 40px); margin: 0px 20px; } .esg_04 ul li .img { width: calc(100% - 40px); margin: 0px 20px; } .job02_c ul li .bg img { opacity: 1; } .job02_c ul li .bg::before { opacity: 0; } .job02_c ul li .txt .p1 i img.img2 { opacity: 1; } .job02_c ul li .txt .p1 i img.img1 { opacity: 0; } .job02_c ul li .txt .p2 .i1 { color: #fff; } .job02_c ul li .txt .p2 .i2 { color: #fff; max-height: 2.1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 6; text-overflow: ellipsis; display: -webkit-box; } .job02_c ul li .bg img { height: 5rem; object-fit: cover; } .job05_t .fr { font-size: 0.23rem; } .job04_c .job04c_fr { display: none !important; } .job04_c { overflow: visible; } .job04_c .job04c_fl { overflow: visible; } .job04_c .job04c_fl .job04cl_slide { overflow: visible; } .job04_c .job04c_fl .job04cl_slide .swiper-slide { width: calc((100% - 0.2rem) / 1.3); border-radius: 0.12rem; -webkit-border-radius: 0.12rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .job04c_more a.job04c_prev { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; left: 0.2rem; top: 0px; z-index: 999; } .job04c_more a.job04c_prev::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_14.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .job04c_more a.job04c_next { width: 0.6rem; height: 0.6rem; display: block; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: #00479d; position: absolute; right: 0.2rem; top: 0px; z-index: 999; } .job04c_more a.job04c_next::before { content: ""; width: 100%; height: 100%; display: block; background: url("../images/t_15.svg") 50% no-repeat; background-size: 0.08rem; position: absolute; left: 0px; top: 0px; } .lxwm_02 ul li .txt .p2 span { margin-right: 0px; } .lxwm_02 ul li { padding: 0.4rem 0.3rem; } .lz02b_slide .swiper-slide { width: 3rem; } .job05_t .fr ul li { margin-left: 0px; width: 33.3333%; } .banner_slide { height: auto; } .banner_slide .swiper-slide .bs_bg { position: relative; } .banner_slide .swiper-slide .bs_bg img { height: auto; position: relative; } .in02_c ul li .img .c img { height: 2rem; } .in_04 .fl { height: 5.4rem; } .in_05 .in05_c .p2 .a1 { right: initial; left: 0px; } .nxqfl_c img { max-width: 100%; } .nxqfl_b .a1 { width: auto; } .nxqfl_b .a2 { width: auto; } .p05_l { width: 100%; } .p05_r { width: 100%; } .pli_prd .p05_r label { width: 33.3333%; } .pli_07 ul li a.sc_click { right: 0.2rem; margin-bottom: 0.2rem; } .pli_07.active ul li a.sc_click { right: 0.2rem; } .in_01 .in01_c .p3 br { display: none; } .in_04 .in02_t .p2 { margin-right: 0.46rem; } .in_01 .in01_c .p3 { font-size: 0.24rem; } .in_01 .in01_bg { height: 100%; position: absolute; left: 0px; top: 0px; pointer-events: none; } .in_01 .in01_bg video { display: none; } .in_01 .in01_c { position: relative; pointer-events: all; } .in_01 .in01_c .in01c_bg b.b1 { display: none; } .in_01 .in01_c .in01c_bg b.b2::before { height: 100%; } .in_01 .in01_c .txt { padding: 1rem 0px; } .in_01 .in01_c .plogo { margin-bottom: 0.3rem; } .in_01 .in01_c .plogo img { display: block; height: 0.6rem; margin: 0px auto; padding: 0px; } .in_01 .in01_c .p8 { margin-top: 0.4rem; } .in_01 .in01_c .p8 a { width: 1.2rem; height: 1.2rem; display: block; position: relative; border-radius: 50%; margin: 0px auto; padding: 0px; z-index: 9; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .in_01 .in01_c .p8 a b { width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 50%; background: url("../images/in_04.png") 50% no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; z-index: 9; } .in_01 .in01_c .p8 a::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(0, 71, 157, 0.1); position: absolute; left: 0px; top: 0px; -webkit-animation: ksan_01 2.1s linear infinite; animation: ksan_01 2.1s linear infinite; } .in_01 .in01_c .p8 a::after { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; background-color: rgba(0, 71, 157, 0.1); position: absolute; left: 0px; top: 0px; -webkit-animation: ksan_01 2.1s linear infinite; animation: ksan_01 2.1s linear infinite; animation-delay: 2s; -webkit-animation-delay: 2s; } .in01_a { background-color: initial; backdrop-filter: none; } .in01_a ul { display: block; } .in01_a ul li { padding: 0px 0.1rem; height: 0.8rem; border-bottom: 0rem solid rgba(255, 255, 255, 0.1); width: 100%; float: left; margin-bottom: 0.02rem; background-color: rgba(0, 0, 0, 0.23); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .in01_a ul li:last-child { margin-bottom: 0px; } .in01_a ul li .p2 { font-size: 0.24rem; } .in01_a ul li .p2 span::before { width: 0.16rem; height: 0.16rem; bottom: 0.1rem; } .in01_a ul li .p2 span { padding-right: 0.34rem; } .in01_a ul li a { width: 100%; position: relative; margin-top: -0.05rem; } .in01_a ul li .c { width: 100%; position: relative; } .in01_a ul li .p1 { position: absolute; left: 0px; top: 0px; line-height: 0.4rem; color: rgba(255, 255, 255, 0.5); } .in01_a ul li .p2 { width: calc(100% - 0.6rem); margin-left: 0.6rem; line-height: 0.4rem; } .in01_a ul li .p2 span { width: calc(100% - 0.34rem); } .in01_a ul li::after { display: none; } .banner_slide .swiper-slide .bs_c { bottom: 4.4rem; } .down_01 { bottom: 4.4rem; } .cpbj01c_txt { font-size: 0.2rem; } } /* 隐私政策 */ .float { position: fixed; bottom: 0; left: 0; display: none; z-index: 991; padding: 24px 0; font-size: 16px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); width: 100%; line-height: 26px; background-color: #e60012; color: #fff; height: 90px; } @media (max-width: 767px) { .float { height: auto; } } .float p { width: 100%; /* margin-bottom: 20px; */ } .float p a { text-decoration: underline; color: #e60012; transition: all 0.4s; } .float .cta { display: block; background: none; border: none; font-size: 14px; color: #333; cursor: pointer; transition: all 0.4s; margin-left: 16px; width: 120px; height: 50px; border: 1px solid #ddd; } @media (max-width: 1440px) { .float { font-size: 14px; line-height: 24px; } .float .cta { font-size: 14px; } } .float .wrap_in { display: flex; align-items: flex-start; } @media (max-width: 991px) { .float .wrap_in { flex-wrap: wrap; } .float .cta { margin-left: 0; } .float p { width: 100%; margin-bottom: 14px; } } @media (max-width: 767px) { #table-view-dataTableMul table { width: auto !important; } } .float p a { transition: all 0.8s; color: #fff; } .float .cta { transition: all 0.8s; color: #fff; border-color: rgba(255, 255, 255, 0.5); } .float2 { color: #666; background-color: #F5F5F5; transition: all 0.8s; } .float2 p a { color: #00479d; } .float2 .cta { color: #333; border-color: #ddd; } .float2 .cta:hover { background-color: #00479d; border-color: #00479d; color: #fff; } /* End */ /*share*/ @-webkit-keyframes m204_an { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 25% { transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); } 50% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 75% { transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } @keyframes m204_an { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 25% { transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); } 50% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } 75% { transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } } .sharefr { width: 40px; overflow: visible; display: none; position: fixed; left: 0px; top: 3rem; z-index: 998; background-color: #fff; border-radius: 0.07rem; -webkit-border-radius: 0.07rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; -moz-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); } .sharefr ul li { width: 100%; overflow: visible; position: relative; padding: 0.06rem 0px; } .sharefr ul li:first-child { padding-top: 0.06rem; padding-bottom: 0px; } .sharefr ul li:last-child { padding-bottom: 0.16rem; } .sharefr ul li .se_t { width: 100%; overflow: hidden; } .sharefr ul li .se_t img { width: 100%; display: block; filter: opacity(60%); transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .sharefr ul li .se_c { width: 1.6rem; overflow: visible; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); padding-left: 10px; display: none; } .sharefr ul li .se_c::before { content: ""; display: block; width: 8px; height: 100%; background: url("../images/t_18.png") 50% no-repeat; background-size: 100%; position: absolute; left: 10px; top: 0px; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .sharefr ul li .se_c .c { background-color: #fff; margin-left: 8px; padding: 0.05rem; border-radius: 0.03rem; -webkit-border-radius: 0.03rem; -webkit-backface-visibility: hidden; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.15); } .sharefr ul li .se_c .c img { width: 100%; display: block; } .sharefr ul li:not(:first-child):hover .se_c { display: block; } .sharefr ul li:not(:first-child):hover .se_t img { filter: opacity(100%); -webkit-animation: m204_an 1.1s linear infinite; animation: m204_an 1.1s linear infinite; } .sharefr.active { display: block; } /*end*/ /*20250211*/ .cpbj01c_img { width: 100%; overflow: hidden; position: relative; } .cpbj01c_img img { width: 100%; display: block; position: absolute; left: 0px; top: 0px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cpbj01c_img .c { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .cpbj01c_img img.img0 { position: relative; z-index: 1; } .cpbj01c_img img.img1 { z-index: 2; opacity: 0; } .cpbj01c_img img.img2 { z-index: 3; opacity: 0; } .cpbj01c_img img.img3 { z-index: 4; opacity: 0; } .cpbj01c_img img.img4 { z-index: 5; opacity: 0; } .cpbj01c_txt { width: 100%; overflow: hidden; text-align: center; margin-top: 0.6rem; } .cpbj01c_txt .c { display: inline-block; } .cpbj01c_txt ul li { float: left; margin-left: 0.8rem; padding-left: 0.3rem; position: relative; } .cpbj01c_txt ul li:first-child { margin-left: 0px; } .cpbj01c_txt ul li::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; border-radius: 50%; position: absolute; left: 0px; top: calc(50% - 0.05rem); transform: translateY(-50%); } .cpbj01c_txt ul li:nth-child(1)::before { background-color: #00479d; } .cpbj01c_txt ul li:nth-child(2)::before { background-color: #a5c2db; } .cpbj01c_txt ul li:nth-child(3)::before { background-color: #ce9f67; } .cpbj01c_txt ul li:nth-child(4)::before { background-color: #cd6e58; } .cpbj01c_txt ul li a { display: inline-block; position: relative; padding-bottom: 0.12rem; font-weight: bold; } .cpbj01c_txt ul li a::before { content: ""; display: block; width: 0%; height: 0.03rem; background-color: #00479d; position: absolute; left: 0px; bottom: 0.01rem; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .cpbj01c_txt ul li.active a::before { width: 100%; } .pz_03 { overflow: hidden; padding: 0px 0px 1rem 0px; position: relative; background-color: #f9f9f9; } .pz_03 b.b1 { width: 0.4rem; height: 1px; display: block; pointer-events: none; position: absolute; left: 0px; top: 0px; } .pz03_slide { width: 100%; overflow: visible; } .pz03_slide .swiper-slide { width: calc((100% - 1.2rem) / 4); overflow: visible; position: relative; } .pz03_slide .swiper-slide .c { width: 100%; overflow: hidden; position: relative; z-index: 9; background-color: #fff; border-radius: 0.06rem; -moz-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05); } .pz03_slide .swiper-slide img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pz03_slide .swiper-slide img.img2 { height: 100%; object-fit: contain; position: absolute; left: 0px; top: 0px; } .pz03_slide .swiper-slide::before { content: ""; display: block; width: calc(100% - 0.04rem); height: 98%; overflow: hidden; background-color: #00479d; border-radius: 0.06rem; position: absolute; left: 0.02rem; bottom: 0rem; opacity: 0; z-index: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .pz03_slide .swiper-slide:hover::before { opacity: 1; bottom: -0.03rem; } .pz03_slide .swiper-slide:hover img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .ky_07 { overflow: hidden; background-color: #f9f9f9; padding: 1rem 0px; } .ky_07 ul { width: 100%; overflow: visible; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.4rem; } .ky_07 ul li { width: 100%; overflow: hidden; background-color: #fff; border-radius: 0.08rem; -moz-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.05); } .ky_07 ul li .p { width: 100%; overflow: hidden; } .ky_07 ul li .p1 { position: relative; } .ky_07 ul li .p1 img { width: 100%; display: block; transition: 0.3s linear; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; -moz-transition: 0.3s linear; } .ky_07 ul li .p1 img.img2 { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; } .ky_07 ul li .p2 { font-weight: bold; color: #000; line-height: 1.5; padding: 0.3rem 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; } .ky_07 ul li:hover .p1 img { transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); } .esgxq img { max-width: 100%; height: auto !important; } .top_t .fl ul li .topt_c .toptc_c .ttcc_l dl.dl1 { width: 50%; grid-template-columns: 100%; float: left; } .ky02_t span { display: inline-block; position: relative; padding-right: 0.34rem; } .ky02_t span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ky05fr .fl .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .ky05fr .fl .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } .ky04fr .fl .p1 span { display: inline-block; position: relative; padding-right: 0.34rem; } .ky04fr .fl .p1 span::before { content: ""; display: block; width: 0.14rem; height: 0.14rem; background-color: #00479d; position: absolute; right: 0px; bottom: 0.1rem; border-radius: 50%; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -webkit-appearance: none; } @media screen and (max-width: 1177px) { .cxq01_fl { width: 40%; } .cxq01_fr { width: calc(60% - 0.6rem); } } @media screen and (max-width: 1023px) { .pz_03 b.b1 { width: 0.2rem; } .pz03_slide .swiper-slide { width: 90%; } .ky_07 { padding: 0.6rem 0px; } .ky_07 ul { grid-template-columns: repeat(1, 1fr); } /*20250224*/ .pli_prd .p05r_2 label { width: 50%; } .banner_slide .swiper-slide .bs_bg img { height: 100vh; object-fit: cover; } .cpbj01c_txt ul li { margin-left: 0.2rem; padding-left: 0.2rem; } .cxq01_fl { width: 100%; } .cxq01_fr { width: 100%; } .scjdfr .scjd_fl { width: calc(100% - 40px) !important; } .in_05 .in05_c .p2 ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.2rem; } .in_05 .in05_c .p2 ul li { width: 100%; height: auto; padding: 0.3rem 0px; } }