/* pre css */ #c_grid-116273709439191 .p_gridbox::after { content: ""; clear: left; display: block; } #c_grid-116273709439191 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } #c_grid-116273709439191 > div > .p_gridCell { float: left; position: static; } #c_grid-116273709439191 > .p_gridbox.signal { min-height: inherit; } #c_grid-116273709439191 > .p_gridbox.signal > .p_gridCell { min-height: inherit !important; } #c_grid-116273709439191 { margin-left: auto; margin-right: auto; width: 100%; } @media screen and (max-width: 768px) { #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (min-width: 769px) { #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } .page_a.current { background: rgba(2, 67, 135, 1); color: #fff; } #c_navigation_126-1679366727107 { min-height: 0px; background: rgba(255, 255, 255, 1); padding-top: 0px; padding-bottom: 0px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.85); position: fixed; left: 0; top: 0; z-index: 99; transition: all 0.5s ease; display-radio: 1; } #c_navigation_126-1679366727107.active { background: rgb(255 255 255 / 85%); box-shadow: 0 0 15px rgb(0 0 0 / 20%); } #c_navigation_126-1679366727107 .e_image-16 { overflow: hidden; max-width: 260px; display-radio: 1; margin-right: auto; } #c_navigation_126-1679366727107 .e_image-16 img { width: 25%; height: 100%; object-fit: contain; filter: unset; } #c_navigation_126-1679366727107 .e_image-16 img:nth-child(2) { width: 100%; height: 100%; object-fit: contain; filter: unset; display: none; } #c_navigation_126-1679366727107.active .e_image-16 img { display: none; } #c_navigation_126-1679366727107.active .e_image-16 img:nth-child(2) { width: 25%; height: 100%; object-fit: contain; filter: unset; display: block; } #c_navigation_126-1679366727107 .e_html-17 { min-height: 0px; background_radio: 1; padding-left: 15px; padding-right: 15px; width: auto; display-radio: 1; } #c_navigation_126-1679366727107 .e_html-17 .search_warp { cursor: pointer; } #c_navigation_126-1679366727107 .e_html-17 .search_warp svg { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107.active .e_html-17 .search_warp svg { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_html-17 .search_warp:hover svg { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_html-19 { min-height: 0px; background_radio: 1; padding-left: 15px; width: auto; } #c_navigation_126-1679366727107 .e_html-19 .site_lan { cursor: pointer; } #c_navigation_126-1679366727107 .e_html-19 .site_lan svg { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107.active .e_html-19 .site_lan svg { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_html-19 .site_lan:hover svg { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_container-21 { display: flex; flex-wrap: wrap; flex-direction: row; width: 94%; max-width: 1600px; margin-left: auto; margin-right: auto; display-radio: flex; } #c_navigation_126-1679366727107 .e_container-21 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_126-1679366727107 .e_container-22 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_navigation_126-1679366727107 .e_container-22 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_126-1679366727107 .e_container-21 .cbox-21-0 { flex: 0 0 auto; align-self: center; margin-right: 30px; } #c_navigation_126-1679366727107 .e_container-21 .cbox-21-2 { flex: 0 0 auto; align-self: center; } .havestatic > div, .havestatic > div[class*="cbox-"] { position: static !important; } #c_navigation_126-1679366727107 .e_navigationF-24 { display: flex; justify-content: flex-start; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton { width: 100px; justify-content: center; padding: 20px 0; display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p { width: 21px; height: 16px; cursor: pointer; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p span { width: 100%; background: rgba(2, 67, 135, 1); display: block; height: 2px; margin: 2px 0; float: left; -webkit-transition: all ease 0.8s, opacity ease 0.3s; -moz-transition: all ease 0.8s, opacity ease 0.3s; -ms-transition: all ease 0.8s, opacity ease 0.3s; -o-transition: all ease 0.8s, opacity ease 0.3s; transition: all ease 0.8s, opacity ease 0.3s; opacity: 1; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p span:nth-of-type(1) { width: 50%; float: left; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p span:nth-of-type(3) { width: 50%; float: right; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span { background: rgba(2, 67, 135, 1); -webkit-animation: animaspan 0.5s 1; animation: animaspan 0.5s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span:nth-of-type(1) { transform: translateY(6px) rotate(720deg); width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span:nth-of-type(2) { transform: rotate(720deg); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span:nth-of-type(3) { transform: translateY(-6px) rotate(720deg); width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span.biahuan:nth-of-type(1) { transform: translateY(6px) rotate(670deg); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span.biahuan:nth-of-type(2) { transform: translateY(0px) rotate(768deg); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p.showmenu span.biahuan:nth-of-type(3) { width: 0; opacity: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon { color: #fff; font-size: 17px; line-height: 1; transition: all ease 0.3s; text-decoration: none; } #c_navigation_126-1679366727107.active .e_navigationF-24 .p_navCon { color: #333; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon::after { background: rgba(2, 67, 135, 1); height: 4px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 > div.warp { width: 94%; margin: 0 auto; display: flex; max-width: 1600px; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .tit { font-size: 30px; line-height: 30px; font-weight: normal; margin-bottom: 40px; color: #333; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .con { display: flex; flex-direction: column; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .con a { width: 220px; height: 46px; font-size: 16px; color: #333; display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; border: 2px solid #bfbfbf; margin-bottom: 15px; transition: all 0.5s ease; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .con a:hover { color: #fff; background: rgba(2, 67, 135, 1); border: 2px solid rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .con a svg { width: 12px; height: 12px; fill: #333; transition: all 0.5s ease; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .con a:hover svg { fill: #fff; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .tel { padding-top: 10px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .tel .t { font-size: 16px; line-height: 20px; color: #666; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .tel .c { font-size: 30px; font-family: arial; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right .tel .c a { color: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022120216442649583/cms/image/09e279bd-d841-4aaf-8a53-62ceb7d31876.png?d=1679554040572) right center no-repeat; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1:hover .p_navBox2 { opacity: 1; visibility: visible; pointer-events: auto; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 ul { padding: 10px 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree ul { padding: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 { width: auto; margin-right: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a { display: flex; align-items: center; width: 100%; transition: all ease 0.3s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon2 { font-size: 16px; text-align: left; color: #333; transition: all ease 0.15s; display: flex; width: 100%; padding: 0; line-height: 1.2; text-decoration: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navCon2 { text-align: left; font-size: 20px; padding: 0px 25px; font-weight: normal; letter-spacing: 0; line-height: 80px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a span { width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 img { width: 100%; max-width: 50px; margin-right: 25px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 img { margin-right: 20px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level3Box { margin-top: 0px; padding-top: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item { margin-right: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon3 { font-size: 16px; letter-spacing: 0; color: #333; padding: 0px 50px; line-height: 46px; transition: all ease 0.15s; font-weight: bold; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 { position: static; padding-left: 1.5vw; padding-right: 1.2vw; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 { width: 100%; padding: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level4Box { flex-direction: column; margin-top: 20px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_menuItem { font-size: 14px; font-weight: 500; color: rgb(255 255 255 / 50%); line-height: 1.7; transition: all ease 0.15s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item span { display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item .p_dian { width: 15px; position: relative; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item .p_dian::after { content: ""; width: 4px; height: 4px; background: rgb(0 0 0 / 40%); border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item img { width: auto; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a:hover, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_navCon3:hover, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_menuItem:hover, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover { color: rgba(2, 67, 135, 1); border-bottom: 1px solid rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_listthree img { width: auto; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_listthree .p_menuItemhat { font-size: 14px; font-weight: 500; color: #333; line-height: 1.7; transition: all ease 0.15s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2.isdesign { display: none; opacity: 1; visibility: visible; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p a { padding: 0; width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 { background: #f2f3f1; padding: 0px 0 0px; opacity: 0; visibility: hidden; width: 100%; border-bottom: 4px solid rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a span.p_img { width: auto; margin-right: 0; display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 a span { width: auto; margin-right: 0; font-size: 20px; color: #333; font-weight: normal; letter-spacing: 0px; } #c_navigation_126-1679366727107 .closeFrom { display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .closeFrom svg { fill: rgba(2, 67, 135, 1); transition: all ease 0.3s; cursor: pointer; } #c_navigation_126-1679366727107 .closeFrom:hover svg { transform: rotate(90deg); } #c_navigation_126-1679366727107 .boxForm.active { top: 0; } #c_navigation_126-1679366727107 .e_form-28 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background: #fff; position: fixed; top: -81px; left: 0; right: 0; height: 81px; padding: 0 15px; transition: all ease 0.5s; } #c_navigation_126-1679366727107 .e_form-28 > .p_formItem { max-width: 1600px; max-height: 100%; width: 94%; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_input-29 .p_phoneCode { width: 90px; margin-right: 10px; } #c_navigation_126-1679366727107 .e_formBtn-30 { position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; border-radius: 0; padding: 8px; height: 100%; display: flex; flex-direction: column; justify-content: center; background: none; border: 0; box-shadow: none; } #c_navigation_126-1679366727107 .e_formBtn-30 span { width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; background: #fff; height: 38px; border-radius: 55px; border: 1px solid #ccc; color: #333; display: flex; flex-direction: column; justify-content: center; line-height: 1; font-size: 15px; transition: all ease 0.3s; } #c_navigation_126-1679366727107 .e_formBtn-30::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_navigation_126-1679366727107 .e_formBtn-30:hover::after { opacity: 1; } #c_navigation_126-1679366727107 .e_form-28 .e_input-29 { width: 90%; margin: 0; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_form-28 .e_input-29 input { height: 50px; border: 0; outline: 0; box-shadow: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_openIcon { width: 100%; height: 36px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_closeIcon { width: 100%; height: 30px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navButton { display: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox1, .e_navigationC-31 .p_navBox2 { width: 100%; display: flex; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 { position: absolute; top: 100%; left: 0; padding: 30px 40px; z-index: 99; display: none; background: #f5f5f5; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 ul { width: 60%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_imgBox { width: 30%; position: relative; height: 150px; background: rgba(0, 0, 0, 0.2); overflow: hidden; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_imgBox img { width: 100%; height: 100%; object-fit: cover; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navItem1 { border: none; line-height: 100px; text-align: center; font-size: 16px; display: block; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navCon { position: relative; font-weight: bold; font-size: 16px; font-family: Microsoft YaHei; display-radio: 1; color: rgba(206, 180, 143, 1); } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navCon a { display: block; padding: 0 32px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navCon::before { content: " "; height: 3px; width: 0; background-color: #ceb48f; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.5s ease; margin: 0 auto; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navItem1:hover .p_navCon::before { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navItem2 { line-height: 1; width: auto; margin: 0 30px 0 0; color: rgba(85, 85, 85, 1); font-size: 16px; font-family: Microsoft YaHei; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 > div { width: 100%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 ul::after { content: ""; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: -2px; bottom: -2px; left: -45px; z-index: 2; width: 1px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navItem2:hover { color: rgba(4, 81, 186, 1); } #c_navigation_126-1679366727107 .e_navigationC-32 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_openIcon { width: 100%; height: 36px; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_closeIcon { width: 100%; height: 30px; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navButton { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox1, .e_navigationC-32 .p_navBox2 { width: 100%; display: flex; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 { position: absolute; top: 100%; left: 0; padding: 30px 40px; z-index: 99; display: none; background: #f5f5f5; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 ul { width: 60%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_imgBox { width: 30%; position: relative; height: 150px; background: rgba(0, 0, 0, 0.2); overflow: hidden; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_imgBox img { width: 100%; height: 100%; object-fit: cover; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navItem1 { border: none; line-height: 100px; text-align: center; font-size: 16px; display: block; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navCon { position: relative; font-weight: bold; font-size: 16px; font-family: Microsoft YaHei; display-radio: 1; color: rgba(206, 180, 143, 1); } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navCon a { display: block; padding: 0 32px; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navCon::before { content: " "; height: 3px; width: 0; background-color: #ceb48f; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.5s ease; margin: 0 auto; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navItem1:hover .p_navCon::before { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navItem2 { line-height: 1; width: auto; margin: 0 30px 0 0; color: rgba(85, 85, 85, 1); font-size: 16px; font-family: Microsoft YaHei; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 > div { width: 100%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 ul::after { content: ""; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: -2px; bottom: -2px; left: -45px; z-index: 2; width: 1px; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navItem2:hover { color: rgba(4, 81, 186, 1); } #c_navigation_126-1679366727107 .e_navigationC-33 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_openIcon { width: 100%; height: 36px; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_closeIcon { width: 100%; height: 30px; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navButton { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox1, .e_navigationC-33 .p_navBox2 { width: 100%; display: flex; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 { position: absolute; top: 100%; left: 0; padding: 30px 40px; z-index: 99; display: none; background: #f5f5f5; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 ul { width: 60%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_imgBox { width: 30%; position: relative; height: 150px; background: rgba(0, 0, 0, 0.2); overflow: hidden; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_imgBox img { width: 100%; height: 100%; object-fit: cover; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navItem1 { border: none; line-height: 100px; text-align: center; font-size: 16px; display: block; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navCon { position: relative; font-weight: bold; font-size: 16px; font-family: Microsoft YaHei; display-radio: 1; color: rgba(206, 180, 143, 1); } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navCon a { display: block; padding: 0 32px; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navCon::before { content: " "; height: 3px; width: 0; background-color: #ceb48f; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.5s ease; margin: 0 auto; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navItem1:hover .p_navCon::before { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navItem2 { line-height: 1; width: auto; margin: 0 30px 0 0; color: rgba(85, 85, 85, 1); font-size: 16px; font-family: Microsoft YaHei; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 > div { width: 100%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 ul::after { content: ""; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: -2px; bottom: -2px; left: -45px; z-index: 2; width: 1px; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navItem2:hover { color: rgba(4, 81, 186, 1); } #c_navigation_126-1679366727107 .e_navigationC-34 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_openIcon { width: 100%; height: 36px; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_closeIcon { width: 100%; height: 30px; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navButton { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox1, .e_navigationC-34 .p_navBox2 { width: 100%; display: flex; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 { position: absolute; top: 100%; left: 0; padding: 30px 40px; z-index: 99; display: none; background: #f5f5f5; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 ul { width: 60%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_imgBox { width: 30%; position: relative; height: 150px; background: rgba(0, 0, 0, 0.2); overflow: hidden; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_imgBox img { width: 100%; height: 100%; object-fit: cover; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navItem1 { border: none; line-height: 100px; text-align: center; font-size: 16px; display: block; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navCon { position: relative; font-weight: bold; font-size: 16px; font-family: Microsoft YaHei; display-radio: 1; color: rgba(206, 180, 143, 1); } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navCon a { display: block; padding: 0 32px; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navCon::before { content: " "; height: 3px; width: 0; background-color: #ceb48f; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.5s ease; margin: 0 auto; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navItem1:hover .p_navCon::before { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navItem2 { line-height: 1; width: auto; margin: 0 30px 0 0; color: rgba(85, 85, 85, 1); font-size: 16px; font-family: Microsoft YaHei; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 > div { width: 100%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 ul::after { content: ""; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: -2px; bottom: -2px; left: -45px; z-index: 2; width: 1px; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navItem2:hover { color: rgba(4, 81, 186, 1); } #c_navigation_126-1679366727107 .e_navigationC-35 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_openIcon { width: 100%; height: 36px; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_closeIcon { width: 100%; height: 30px; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navButton { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox1, .e_navigationC-35 .p_navBox2 { width: 100%; display: flex; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 { position: absolute; top: 100%; left: 0; padding: 30px 40px; z-index: 99; display: none; background: #f5f5f5; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 ul { width: 60%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_imgBox { width: 30%; position: relative; height: 150px; background: rgba(0, 0, 0, 0.2); overflow: hidden; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_imgBox img { width: 100%; height: 100%; object-fit: cover; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navItem1 { border: none; line-height: 100px; text-align: center; font-size: 16px; display: block; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navCon { position: relative; font-weight: bold; font-size: 16px; font-family: Microsoft YaHei; display-radio: 1; color: rgba(206, 180, 143, 1); } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navCon a { display: block; padding: 0 32px; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navCon::before { content: " "; height: 3px; width: 0; background-color: #ceb48f; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.5s ease; margin: 0 auto; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navItem1:hover .p_navCon::before { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navItem2 { line-height: 1; width: auto; margin: 0 30px 0 0; color: rgba(85, 85, 85, 1); font-size: 16px; font-family: Microsoft YaHei; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 > div { width: 100%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 ul::after { content: ""; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: -2px; bottom: -2px; left: -45px; z-index: 2; width: 1px; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navItem2:hover { color: rgba(4, 81, 186, 1); } #c_navigation_126-1679366727107 .e_navigationC-36 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_openIcon { width: 100%; height: 36px; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_closeIcon { width: 100%; height: 30px; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navButton { display: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox1, .e_navigationC-36 .p_navBox2 { width: 100%; display: flex; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 { position: absolute; top: 100%; left: 0; padding: 30px 40px; z-index: 99; display: none; background: #f5f5f5; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 ul { width: 60%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_imgBox { width: 30%; position: relative; height: 150px; background: rgba(0, 0, 0, 0.2); overflow: hidden; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_imgBox img { width: 100%; height: 100%; object-fit: cover; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navItem1 { border: none; line-height: 100px; text-align: center; font-size: 16px; display: block; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navCon { position: relative; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navCon a { display: block; padding: 0 20px; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navCon::before { content: " "; height: 4px; border-radius: 4px; width: 0; background-color: #034697; position: absolute; left: 0; right: 0; bottom: 0; transition: width 0.5s ease; margin: 0 auto; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navItem1:hover .p_navCon::before { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navItem2 { line-height: 1; width: auto; margin: 10px 30px 0 0; padding: 10px 30px; border: 1px solid #cecece; border-radius: 0px 10px; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 > div { width: 100%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-between; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 ul::after { content: ""; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: -2px; bottom: -2px; left: -45px; z-index: 2; width: 1px; } @media screen and (max-width: 768px) { .p_haveNav { min-height: auto !important; } .p_haveNav.fix { position: fixed !important; z-index: 1000; top: 0; left: 0; right: 0; background: #fff; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1::-webkit-scrollbar { width: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1::-webkit-scrollbar-track { background: #252525; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb { background: #545454; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb:hover { background: #fff; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton { width: 60px; height: 60px; align-items: center; display: flex; justify-content: center; padding: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1 { position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 0px; height: calc(0vh); overflow-y: scroll; z-index: 10; max-height: 1080px; transition: all ease 0.3s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1.pkcclb { height: calc(100vh); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 { border-top: 1px solid #eee; padding: 15px 20px; background: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1:last-child { margin-bottom: 100px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon { display: flex; justify-content: space-between; color: #333; line-height: 22px; font-size: 14px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon2 { padding: 15px; font-size: 14px; border-top: 1px solid #eee; color: #333; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon3 { display: flex; justify-content: space-between; padding: 0; color: #333; font-size: 14px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p svg, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 > p svg, #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item > p svg { width: 16px; margin: 0px 0; opacity: 0.5; cursor: pointer; transition: all ease 0.3s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p a { padding: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_img, #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item span { opacity: 0.8; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_img img { width: 23px; margin-right: 10px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 { display: none; opacity: 1; visibility: visible; background: none; width: 100%; margin-top: 15px; border-bottom: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 ul { padding: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Box { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item { width: 100%; margin: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item span, #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item span { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Box { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item .p_menuItem { font-size: 14px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item .p_menuItem::before { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 p svg.rotate { transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 { margin-bottom: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 span { display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 { padding: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 { margin-right: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 a { font-size: 14px; font-weight: 500; letter-spacing: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level3Box { margin: 0; padding: 0; border: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item:first-child { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(255 255 255 / 20%); margin-right: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item:last-child { padding: 0 0 20px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 img { width: auto; max-width: 23px; margin-right: 10px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item:first-child { margin-top: 20px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level4Item:last-child { margin-bottom: 20px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level4Box { margin: 0; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1.isdesign { height: calc(100vh); display: none; } #c_navigation_126-1679366727107 { background: #fff; } #c_navigation_126-1679366727107 .e_container-21 { position: relative; width: 100%; padding: 0px 0px 0px 15px; justify-content: space-between; display-radio: 1; } #c_navigation_126-1679366727107 .e_container-21 .cbox-21-0 { flex: 0 0 180px; } #c_navigation_126-1679366727107 .e_image-16 img { display: block; } #c_navigation_126-1679366727107 .e_image-16 img.logocai { display: block; } #c_navigation_126-1679366727107.active .e_html-17 .search_warp svg { fill: #333; } #c_navigation_126-1679366727107 .e_html-17 .search_warp svg { fill: #333; } #c_navigation_126-1679366727107.active .e_html-19 .site_lan svg { fill: #333; } #c_navigation_126-1679366727107 .e_html-19 .site_lan svg { fill: #333; } #c_navigation_126-1679366727107 .e_container-21 .cbox-21-1 { flex: 0 0 auto; } #c_navigation_126-1679366727107 .e_container-21 .cbox-21-2 { flex: 0 0 auto; position: absolute !important; right: 62px; z-index: 5; } #c_navigation_126-1679366727107 .e_html-17 { padding-left: 10px; padding-right: 10px; } #c_navigation_126-1679366727107 .e_html-19 { padding-left: 10px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p span:nth-of-type(1) { width: 100%; float: left; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navButton > p span:nth-of-type(3) { width: 100%; float: right; } #c_grid-116273709439191 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; clear: left; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .left .title { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .left .jieshao { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .center { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .right { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a svg { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 > div.warp { width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 .p_navBox2 .left { width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a:hover, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_navCon3:hover, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_menuItem:hover, #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover { border-bottom: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2:first-child .p_navCon2 { border-top: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2:last-child .p_navCon2 { padding-bottom: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navCon2 { text-align: left; font-size: 14px; padding: 15px; font-weight: normal; letter-spacing: 0; line-height: 22px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 a span { width: 100%; margin-right: 0; font-size: 14px; color: #333; font-weight: normal; letter-spacing: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navCon2:hover a span { color: #1e9e3b; } #c_navigation_126-1679366727107 .e_image-16 { display-radio: 1; max-width: 180px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox1 { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navCon { display: flex; justify-content: space-between; position: relative; font-size: 18px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_img { display: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationC-31 .p_imgBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox1, .e_navigationC-31 .p_navBox2 { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navCon a { display: block; padding: 0; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navCon::before { display: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox2 ul::after { display: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_iconBox { margin-top: 0px; display-radio: 1; color: rgba(202, 171, 123, 1); } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox1 { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navCon { display: flex; justify-content: space-between; position: relative; font-size: 18px; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_img { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationC-32 .p_imgBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox1, .e_navigationC-32 .p_navBox2 { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navCon a { display: block; padding: 0; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navCon::before { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox2 ul::after { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_iconBox { margin-top: 0px; display-radio: 1; color: rgba(202, 171, 123, 1); } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox1 { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navCon { display: flex; justify-content: space-between; position: relative; font-size: 18px; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_img { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationC-33 .p_imgBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox1, .e_navigationC-33 .p_navBox2 { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navCon a { display: block; padding: 0; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navCon::before { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox2 ul::after { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_iconBox { margin-top: 0px; display-radio: 1; color: rgba(202, 171, 123, 1); } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox1 { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navCon { display: flex; justify-content: space-between; position: relative; font-size: 18px; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_img { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationC-34 .p_imgBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox1, .e_navigationC-34 .p_navBox2 { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navCon a { display: block; padding: 0; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navCon::before { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox2 ul::after { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_iconBox { margin-top: 0px; display-radio: 1; color: rgba(202, 171, 123, 1); } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox1 { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navCon { display: flex; justify-content: space-between; position: relative; font-size: 18px; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_img { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationC-35 .p_imgBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox1, .e_navigationC-35 .p_navBox2 { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navCon a { display: block; padding: 0; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navCon::before { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox2 ul::after { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_iconBox { margin-top: 0px; display-radio: 1; color: rgba(202, 171, 123, 1); } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navContent { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; padding: 20px; z-index: 99; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navButton { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox1 { width: 100%; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navItem1 { padding: 0; border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; text-align: left; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navItem2 { line-height: 50px; width: auto; margin: 0; border: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navCon { display: flex; justify-content: space-between; position: relative; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_img { display: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_navigation_126-1679366727107 .e_navigationC-36 .p_imgBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox1, .e_navigationC-36 .p_navBox2 { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 { display: none; padding: 0 0 0 20px; position: relative; top: 0; left: 0; background: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 ul { width: 100%; display: block; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navCon a { display: block; padding: 0; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navCon::before { display: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 > div { width: 100%; max-width: 100%; margin: 0; display: block; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox2 ul::after { display: none; } } @media screen and (min-width: 769px) { .p_haveNav { min-height: auto !important; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 { background: rgb(255 255 255 / 85%); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .left { width: 30%; padding: 0px; margin-left: 12%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .left .title { font-size: 26px; line-height: 26px; color: #333; font-weight: bold; margin-bottom: 20px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .left .jieshao { font-size: 15px; line-height: 1.8; color: #777; margin-bottom: 15px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .right { width: 28.6%; display: none; justify-content: flex-end; align-items: center; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .center { width: 33%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom { position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 55%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: auto; transition: all 0.8s ease 0.1s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a { padding: 10px 0px; border-bottom: 1px solid #ccc; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree { position: static; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 a { display: flex; align-items: center; padding: 0; width: 100%; transition: all ease 0.3s; border: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .center .nav_img { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 { background: url(https://omo-oss-image1.thefastimg.com//portal-saas/demo_d83bc9af8bb342749ecf5b9c474b30c5/cms/image/9a2f15d9-414e-4f5e-a5b5-976b61771295.jpg) #f2f3f1 no-repeat right center; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .center { background: #fff; width: 35.15%; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .left { width: 36.25%; padding: 40px 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .right { width: 28.6%; display: flex; justify-content: flex-start; align-items: flex-start; padding-left: 6%; padding-top: 5%; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .left .title { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .left .jieshao { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 a span.p_img { display: block; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox1 { display: flex; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p { display: flex; position: relative; padding-right: 2px; } #c_navigation_126-1679366727107.active .e_navigationF-24 .p_navItem1 > p a { color: #333; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p a { display: block; line-height: 80px; color: #333; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p svg { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1 > p::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 0; margin: 0 auto; transition: all ease 0.3s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1:hover > p::after { width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 { position: absolute; left: 50%; padding: 60px 0px; transform: translateX(-50%); top: 100%; display: flex; justify-content: center; z-index: 10; transition: all ease 0.3s; pointer-events: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .left ul li { width: 100%; padding-right: 5%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree ul { flex-direction: row; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .left ul li { width: 100%; margin-right: 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .left ul li.cur { background: #fff; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2.cur a span { color: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 svg { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp { padding: 40px 0px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box.pro_cur { display: block; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon3 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon3 .sj_icon { margin-right: 10px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Box .p_menuItemhat { font-size: 16px; font-weight: normal; color: #333; line-height: 1.6; transition: all ease 0.15s; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 a span { display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 > p > svg { display: none; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 > p > a svg { width: 12px; height: 12px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Box.p_listthree { flex-direction: column; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level3Box { min-height: 510px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item:hover .p_menuItemhat { color: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item:hover .sj_icon { fill: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navCon3 a { display: block; width: 100%; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem1:hover > p a, #c_navigation_126-1679366727107.active .e_navigationF-24 .p_navItem1:hover > p a { color: rgba(2, 67, 135, 1); } #c_navigation_126-1679366727107 .e_navigationC-31 .p_navBox1 { position: relative; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-31 p { display: flex; flex-direction: column; align-items: center; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationC-31 .p_iconBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_navBox1 { position: relative; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-32 p { display: flex; flex-direction: column; align-items: center; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationC-32 .p_iconBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_navBox1 { position: relative; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-33 p { display: flex; flex-direction: column; align-items: center; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationC-33 .p_iconBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_navBox1 { position: relative; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-34 p { display: flex; flex-direction: column; align-items: center; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationC-34 .p_iconBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_navBox1 { position: relative; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-35 p { display: flex; flex-direction: column; align-items: center; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationC-35 .p_iconBox { display: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_navBox1 { position: relative; justify-content: flex-end; } #c_navigation_126-1679366727107 .e_navigationC-36 p { display: flex; flex-direction: column; align-items: center; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_jtIcon { display: none; } #c_navigation_126-1679366727107 .e_navigationC-36 .p_iconBox { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_navigation_126-1679366727107 .e_navigationF-24 .p_level3Item { margin-right: 25px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 { margin-right: 30px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_navItem2 a { font-size: 18px; line-height: 28px; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navItem2 img { max-width: 28px; margin-right: 10px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level3Box { padding-left: 3px; } #c_navigation_126-1679366727107 .e_navigationF-24 .haveThree .p_level4Box { padding-left: 11px; } } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_grid-116273709439190 .p_gridbox::after { content: ""; clear: left; display: block; } #c_grid-116273709439190 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } #c_grid-116273709439190 > div > .p_gridCell { float: left; position: static; } #c_grid-116273709439190 > .p_gridbox.signal { min-height: inherit; } #c_grid-116273709439190 > .p_gridbox.signal > .p_gridCell { min-height: inherit !important; } #c_grid-116273709439190 { margin-left: auto; margin-right: auto; width: 100%; } #c_grid-116273709439190 .p_gridCell { display-radio: 1; } @media screen and (max-width: 768px) { #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (min-width: 769px) { #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } #c_navigation_166-1679382731014 { min-height: 300px; padding-top: 60px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; background-color: #333; display-radio: 1; background_radio: 2; } #c_navigation_166-1679382731014 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 94%; max-width: 1600px; margin-left: auto; margin-right: auto; background_radio: 1; display-radio: flex; } #c_navigation_166-1679382731014 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_166-1679382731014 .e_image-2 { overflow: hidden; padding-bottom: 0px; display-radio: 1; margin-top: 30px; } #c_navigation_166-1679382731014 .e_image-2 img { width: 25%; height: 100%; object-fit: contain; display: block; margin: 0 auto; } #c_navigation_166-1679382731014 .e_container-1 .cbox-1-0 { flex: 0 0 20%; padding-bottom: 0px; margin-bottom: 0px; } #c_navigation_166-1679382731014 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-top: 20px; } #c_navigation_166-1679382731014 .e_container-3 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_166-1679382731014 .e_image-7 { overflow: hidden; max-width: 120px; margin-left: auto; margin-right: auto; display-radio: 1; } #c_navigation_166-1679382731014 .e_image-7 img { width: 100%; height: 100%; object-fit: contain; } #c_navigation_166-1679382731014 .e_text-14 { font_radio: 2; font-size: 16px; padding-bottom: 10px; font-weight: bold; text-align: center; } #c_navigation_166-1679382731014 .e_container-3 .cbox-3-2 { flex: 0 0 30%; } #c_navigation_166-1679382731014 .e_container-16 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_navigation_166-1679382731014 .e_container-16 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_166-1679382731014 .e_container-18 { display: flex; flex-wrap: wrap; flex-direction: row; max-width: 1600px; width: 94%; margin-left: auto; margin-right: auto; display-radio: flex; } #c_navigation_166-1679382731014 .e_container-18 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_166-1679382731014 .e_container-18 .cbox-18-0 { flex: 0 0 60%; } #c_navigation_166-1679382731014 .e_container-19 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_navigation_166-1679382731014 .e_container-19 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_166-1679382731014 .e_provider-20 { font_radio: 2; font-size: 14px; display-radio: 1; } #c_navigation_166-1679382731014 .e_provider-20 a { text-align: center; display: block; } #c_navigation_166-1679382731014 .e_richText-22 { font_radio: 2; font-size: 14px; display-radio: 1; } #c_navigation_166-1679382731014 .e_line-23 { max-width: 1600px; margin-left: auto; margin-right: auto; width: 94%; margin-top: 60px; display-radio: 1; } #c_navigation_166-1679382731014 .e_container-18 .cbox-18-1 { flex: 0 0 40%; } #c_navigation_166-1679382731014 .e_container-3 .cbox-3-0 { flex: 0 0 86%; } #c_navigation_166-1679382731014 .e_bottomNav-24 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_level1Item { width: auto; padding: 0px; flex-grow: 1; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_level1Item:nth-child(1) { display: block; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_level3Box { display: none; } #c_navigation_166-1679382731014 .e_container-3 .cbox-3-1 { flex: 0 0 14%; } #c_navigation_166-1679382731014 .e_bottomNav-24 { font_radio: 2; line-height: 2; text-align: left; font-size: 16px; font-family: Microsoft YaHei; color: rgba(0, 0, 0, 1); display-radio: 1; font-weight: bold; width: 90%; margin-left: auto; margin-right: auto; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_menu2Item { margin-top: 12; color: rgba(102, 102, 102, 0.8); display-radio: 1; font-size: 14px; font-family: Microsoft YaHei; line-height: 2; } #c_navigation_166-1679382731014 .e_websiteShare-25 .p_share a { width: 26px; display: inline-block; margin-right: 10px; } #c_navigation_166-1679382731014 .e_websiteShare-25 .p_share a img { width: 100%; } #c_navigation_166-1679382731014 .e_websiteShare-25 { background_radio: 1; margin-top: 10px; display-radio: 1; margin-bottom: 40px; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_menu2Item:hover { color: rgba(27, 27, 27, 1); } #c_navigation_166-1679382731014 .e_text-28 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 16px; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); } #c_navigation_166-1679382731014 .e_text-29 { line-height: normal; font_radio: 2; display-radio: 1; color: rgba(2, 67, 135, 1); font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; } #c_navigation_166-1679382731014 .e_container-16 .cbox-16-0 { flex: 0 0 auto; margin-right: 0px; margin-left: auto; } #c_navigation_166-1679382731014 .e_text-8 { font_radio: 2; font-size: 16px; padding-bottom: 10px; font-weight: bold; color: rgba(0, 0, 0, 1); display-radio: 1; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_menu1Item { display-radio: 1; margin-bottom: 10px; } #c_navigation_166-1679382731014 .e_richText-30 { font_radio: 2; display-radio: 1; font-size: 14px; color: rgba(51, 51, 51, 1); line-height: 1; font-family: Microsoft YaHei; text-align: right; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img { height: 100%; object-fit: cover; animation: fadeOutUp 1s both; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img.active { animation: fadeInDown 1s both; } #c_navigation_126-1679366727107 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img { transform: none; top: 0; left: 0; } #c_navigation_166-1679382731014 .e_container-31 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_navigation_166-1679382731014 .e_container-31 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .p_business { cursor: pointer; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .p_businesspopup { position: fixed; width: 100%; height: 100%; display: none; top: 10px; left: 0; z-index: 9999; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .p_businessclose { position: absolute; right: 20px; z-index: 9999; top: 0; cursor: pointer; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .icon { color: white; cursor: pointer; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .p_businesscontent { position: absolute; z-index: 9999; left: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .p_businessbg { background: #1e1e1e; opacity: 0.9; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 .p_businessimg { width: 100%; height: 100%; object-fit: contain; } #c_navigation_166-1679382731014 .e_container-19 .cbox-19-0 { flex: 0 0 180px; } #c_navigation_166-1679382731014 .e_container-19 .cbox-19-1 { flex: 0 0 auto; } #c_navigation_166-1679382731014 .e_businessAndCopyright-32 { font_radio: 2; display-radio: 1; font-size: 14px; color: #333333; line-height: 1; font-family: Microsoft YaHei, 微软雅黑; } #c_navigation_166-1679382731014 .e_container-31 .cbox-31-1 { align-self: center; /* flex: 0 0 80px; */ } #c_navigation_166-1679382731014 .e_credible-33 .img1 { width: 65px; height: 23px; } #c_navigation_166-1679382731014 .e_credible-33 .img2 { width: 79px; height: 28px; } #c_navigation_166-1679382731014 .e_credible-33 .img3 { width: 92px; height: 33px; } #c_navigation_166-1679382731014 .e_credible-33 .img4 { width: 106px; height: 38px; } #c_navigation_166-1679382731014 .e_credible-33 .img5 { width: 131px; height: 47px; } #c_navigation_166-1679382731014 .e_credible-33 { background_radio: 1; display-radio: 1; margin-top: 1rem; } #c_navigation_166-1679382731014 .e_text-34 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 14px; color: rgba(51, 51, 51, 1); font-family: Microsoft YaHei, 微软雅黑; padding-left: 25px; background-fill-value: background-image; background-image: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2022120216442649583/cms/image/6ef5d78e-685a-4267-ac37-cc58e538ad03.png); background-repeat: no-repeat; } @media screen and (max-width: 768px) { #c_navigation_166-1679382731014 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; } #c_navigation_166-1679382731014 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; } #c_navigation_166-1679382731014 .e_container-18 { display: flex; flex-wrap: wrap; flex-direction: column; max-width: 1400px; width: auto; margin-left: auto; margin-right: auto; } #c_navigation_166-1679382731014 .e_container-19 { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; display-radio: flex; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_menu1Item, #c_navigation_166-1679382731014 .e_bottomNav-24 .p_menu2Item { display: flex; justify-content: space-between; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_level1Box ul { display: none; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_jtIcon { width: auto; height: auto; max-width: 20px; font-size: inherit; transition: 0.5s; margin: 0; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_jtIcon.active { transform: rotateZ(90deg); } #c_navigation_166-1679382731014 .e_bottomNav-24 a { display: flex; flex-direction: column; justify-content: center; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_level1Item { padding: 0; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_menu2Item svg { opacity: 0.5; } #c_navigation_166-1679382731014 .e_bottomNav-24 { font_radio: 1; margin-top: 32px; display: none; } #c_navigation_166-1679382731014 .e_container-16 .cbox-16-0 { margin-top: 32px; } #c_navigation_166-1679382731014 .e_text-14 { font_radio: 1; margin-top: 32px; display-radio: 1; display: none; } #c_navigation_166-1679382731014 .e_richText-22 { font_radio: 2; display-radio: 1; color: rgba(51, 51, 51, 1); text-align: center; } #c_navigation_166-1679382731014 .e_container-16 { display-radio: 1; flex-direction: column; } #c_navigation_166-1679382731014 .e_image-7 { display: none; } #c_navigation_166-1679382731014 .e_container-1 .cbox-3-1 { display: none; } #c_navigation_166-1679382731014 .e_richText-30 { text-align: center; } #c_navigation_166-1679382731014 .e_websiteShare-25 { display: none; } #c_navigation_166-1679382731014 .e_image-2 { margin: 0 auto; } #c_navigation_166-1679382731014 .e_text-28 { text-align: center; margin-top: 0px; } #c_navigation_166-1679382731014 .e_text-29 { text-align: center; } #c_navigation_166-1679382731014 .e_container-19 .cbox-19-0 { flex: 1; } #c_navigation_166-1679382731014 .e_credible-33 { width: 140px; margin: 0 auto; } } @media screen and (min-width: 769px) { #c_navigation_166-1679382731014 .e_bottomNav-24 .p_level1Box { display: flex; } #c_navigation_166-1679382731014 .e_bottomNav-24 .p_jtIcon { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } :root { --c: #024387; --n: #333; --bw: clamp(769px, 90%, 1600px); --bc: #024387; --br: 5px; --cc: #000; --ccsize: 150px; } body { --saftime: 0.8s; --safswtime: 1s 1s; --pagecolor: #203dde; opacity: 0; transition: padding-top 1s; } body.saf-active { --pagecolor: #000; } ::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 10px; } ::-webkit-scrollbar-thumb { background-color: var(--c); } ::-webkit-scrollbar-track { background: #000; } * { word-break: break-word; } #c_static_001_P_41643-1736140344726 { } #c_static_001_P_41643-1736140344726 .e_html-1 { } div[class^="e_richText"] figure.table { display: block; width: 100%; } div[class^="e_loop"], div[class^="e_banner"] { width: 100%; } [saf-languages] { display: flex; align-items: center; position: relative; padding: 0 15px; --t: #444; } [saf-languages] > ul { display: flex; flex-wrap: wrap; } [saf-languages] > ul > li.saf-item { padding: 5px; display: flex; } [saf-languages] > ul > li.saf-item > a { display: flex; align-items: center; font-size: 16px; color: var(--t); transition: all 0.5s; } [saf-languages] > ul > li.saf-item > a > svg { width: 30px; height: 30px; margin-right: 10px; transition: all 1s; transform: rotateX(var(--saf-rotate)); } [saf-languages] > ul > li.saf-item > a:hover { color: var(--c); } [saf-languages] > li.saf-selected { display: flex; align-items: center; } [saf-languages] > li.saf-selected > svg { width: auto; height: 14px; fill: var(--t); margin-left: 10px; } [saf-languages] > li.saf-selected > a { display: flex; align-items: center; font-size: 16px; color: var(--t); } [saf-languages] > li.saf-selected > a svg { width: 30px; height: 30px; margin-right: 10px; } [saf-languages] > .saf-sub { position: absolute; right: 0; top: 100%; min-width: 100%; width: max-content; background: #f5f5f5; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); padding: 15px 15px 20px; display: none; } [saf-languages] > .saf-sub > ul { width: 100%; display: flex; flex-direction: column; } [saf-languages] > .saf-sub > ul li.saf-item { order: 1; } [saf-languages] > .saf-sub > ul li.saf-item:last-child { order: 0; } [saf-languages] > .saf-sub > ul li.saf-item a { display: flex; align-items: center; font-size: 14px; color: #666; padding: 8px 0; border-bottom: 1px #0002 solid; transition: all 0.5s; width: max-content; min-width: 100%; } [saf-languages] > .saf-sub > ul li.saf-item a > svg { width: 26px; height: 26px; margin-right: 10px; transition: all 1s; transform: rotateX(var(--saf-rotate)); } [saf-languages] > .saf-sub > ul li.saf-item a:hover { border-color: var(--c); color: var(--c); } /*saf放大弹窗*/ body.saf-lightnoScroll { overflow: hidden; } .saf-lightBox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); transition: all 0.5s; opacity: 0; visibility: hidden; } .saf-lightBox.open { opacity: 1; visibility: visible; } .saf-lightBox a.closelightBox { display: flex; border: 1px #fff solid; border-radius: 50%; position: absolute; width: 60px; height: 60px; right: 20px; top: 20px; z-index: 5; transition: all 0.5s; } .saf-lightBox a.closelightBox svg { width: 30px; height: 30px; fill: #fff; margin: auto; } .saf-lightBox a.closelightBox:hover { background: #fff; } .saf-lightBox a.closelightBox:hover svg { fill: #f00; } .saf-lightBox a.saf-lightBox-btn { display: flex; border: 1px #fff solid; border-radius: 50%; position: absolute; width: 50px; height: 50px; top: 50%; transform: translate(0, -50%); z-index: 5; transition: all 0.5s; } .saf-lightBox a.saf-lightBox-btn svg { width: auto; height: 20px; fill: #fff; margin: auto; } .saf-lightBox a.saf-lightBox-btn:hover { background: #fff; } .saf-lightBox a.saf-lightBox-btn:hover svg { fill: var(--c); } .saf-lightBox a.saf-lightBox-btn.light-prev { left: 20px; } .saf-lightBox a.saf-lightBox-btn.light-next { right: 20px; } .saf-lightBox .saf-lightboxBody { display: flex; width: 100%; height: 100%; padding: 5% 10%; position: relative; opacity: 0; visibility: hidden; transition: all 0.8s ease 0.5s; } .saf-lightBox.open .saf-lightboxBody { opacity: 1; visibility: visible; } .saf-lightBox .moctrlBar { display: none; } .saf-lightBox .lightswiper-pagination { width: 100%; position: absolute; left: 0; bottom: 4% !important; display: flex; justify-content: center; gap: 10px; z-index: 2; } .saf-lightBox .lightswiper-pagination span { width: 6px; height: 6px; background: #fff; border-radius: 5px; transition: all 0.5s; margin: 0 !important; } .saf-lightBox .lightswiper-pagination span.swiper-pagination-bullet-active { transform: scale(1.5); } .saf-lightBox .saf-lightboxBody .swiper { width: 80%; height: 100%; margin: auto; } .saf-lightBox .saf-lightboxBody .swiper-slide { position: relative; display: flex; align-items: center; justify-content: center; height: auto; padding-bottom: 60px; animation: none !important; opacity: 1 !important; } /*弹窗内容，可自行修改*/ .saf-lightBox .saf-lightboxBody .swiper-slide .s_img { height: 100%; animation: none !important; opacity: 1 !important; } .saf-lightBox .saf-lightboxBody .swiper-slide .s_img img { width: 100%; height: 100%; object-fit: contain; } .saf-lightBox .saf-lightboxBody .swiper-slide .s_title { text-align: center; color: #fff; font-size: 16px; line-height: 1.6; padding: 15px; position: absolute; left: 0; bottom: 0; width: 100%; } @media screen and (max-width: 768px) { .saf-lightBox .saf-lightboxBody { padding: 10% 15px; flex-direction: column; } .saf-lightBox .saf-lightboxBody .swiper { width: 100%; height: 80vh; } .saf-lightBox .saf-lightboxBody .swiper-slide { padding-bottom: 0; } .saf-lightBox a.closelightBox { zoom: 0.8; } .saf-lightBox a.saf-lightBox-btn { display: none; } .saf-lightBox .moctrlBar { display: flex; gap: 30px; width: 100%; justify-content: center; padding-bottom: 30px; } .saf-lightBox .moctrlBar span { display: flex; } .saf-lightBox .moctrlBar span svg { width: auto; height: 30px; fill: #fff; } .saf-lightBox .moctrlBar span.light-prev { transform: rotate(90deg); } .saf-lightBox .moctrlBar span.light-next { transform: rotate(-90deg); } } @media screen and (min-width: 769px) { } @media screen and (max-width: 1024px) and (min-width: 769px) { } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } saf-online.saf-theme01 { --br: 10px; --oc: #024387; --os: 50px; } saf-online.saf-theme02 { --br: 50%; --oc: #024387; --os: 60px; } saf-online { display: block; width: var(--os); position: fixed; right: 10px; bottom: 10%; z-index: 90; } saf-online.hideOnline { opacity: 0; visibility: hidden; transition: all 0.5s; } saf-online.hideOnline.showOnline { opacity: 1; visibility: visible; } .saf-make saf-online { position: relative; width: 100%; display: flex; opacity: 1; visibility: visible; } saf-online saf-onlineBtn { width: var(--os); height: var(--os); aspect-ratio: 1/1; background: #fff; border-radius: var(--br); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 4px; cursor: pointer; transition: all 0.5s; } saf-online saf-onlineBtn svg { width: 45%; height: auto; fill: var(--oc); } saf-online:hover saf-onlineBtn { background: var(--oc); } saf-online:hover saf-onlineBtn svg { fill: #fff; } saf-online.saf-theme01 saf-onlineBtn { display: none; } saf-online saf-onlineBacktop { width: var(--os); height: var(--os); aspect-ratio: 1/1; background: #fff; border-radius: var(--br); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; cursor: pointer; } saf-online saf-onlineBacktop svg { width: 45%; height: auto; fill: var(--oc); } saf-online saf-onlineList { padding-bottom: 4px; display: block; } saf-online.saf-theme02 saf-onlineList { position: absolute; width: 100%; left: 0; bottom: 100%; opacity: 0; visibility: hidden; transition: all 0.5s; } saf-online.saf-theme02:hover saf-onlineList { opacity: 1; visibility: visible; } .saf-make saf-online saf-onlineList { display: flex; } saf-online saf-onlineItem { width: var(--os); height: var(--os); display: block; margin-top: 4px; } saf-online saf-onlineItem a { width: 100%; height: 100%; display: block; background: #fff; border-radius: var(--br); position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } saf-online saf-onlineItem a span { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } saf-online saf-onlineItem a span svg { margin: 0 !important; width: 45% !important; height: auto !important; } saf-online saf-onlineItem a span svg path { fill: #666; transition: all 0.5s; } saf-online saf-onlineItem a:hover span svg path { fill: var(--oc); } saf-online saf-onlineItem p { position: absolute; right: calc(var(--os) + 30px); top: 50%; transform: translate(0, -50%); background: var(--oc); padding: 10px 15px; border-radius: 5px; color: #fff; width: max-content; opacity: 0; visibility: hidden; transition: all 0.5s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } saf-online saf-onlineItem p:after { content: ""; display: block; width: 0; height: 0; border: 5px transparent solid; border-left-color: var(--oc); position: absolute; left: 100%; top: 50%; transform: translate(0, -50%); } saf-online saf-onlineItem a:hover p { right: calc(var(--os) + 5px); opacity: 1; visibility: visible; } saf-online saf-onlineItem .codeimg { position: absolute; right: calc(var(--os) + 30px); top: 50%; transform: translate(0, -50%); background: var(--oc); padding: 10px; border-radius: 5px; color: #fff; width: 130px; opacity: 0; visibility: hidden; transition: all 0.5s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } saf-online saf-onlineItem .codeimg img { width: 100%; height: auto; } saf-online saf-onlineItem .codeimg:after { content: ""; display: block; width: 0; height: 0; border: 5px transparent solid; border-left-color: var(--oc); position: absolute; left: 100%; top: 50%; transform: translate(0, -50%); } saf-online saf-onlineItem a:hover .codeimg { right: calc(var(--os) + 5px); opacity: 1; visibility: visible; } @media screen and (max-width: 768px) { #c_effect_109_P_076-1736140346809.saf-online { width: 100%; height: 50px; } saf-online.saf-theme01 { width: 100%; left: 0; right: auto; bottom: 0; display: flex; background: #fff; box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.15); } saf-online.saf-theme01 saf-onlineList { flex: 1; display: flex; padding: 0; } saf-online.saf-theme01 saf-onlineItem { margin: 0; border-right: 1px #ddd solid; flex: 1; display: flex; position: relative; } saf-online.saf-theme01 saf-onlineItem a { border-radius: 0; aspect-ratio: unset; height: var(--os); box-shadow: none; position: unset; width: 100%; } saf-online.saf-theme01 saf-onlineItem a span svg { width: auto !important; height: 45% !important; } saf-online.saf-theme01 saf-onlineBacktop { border-radius: 0; box-shadow: none; } saf-online.saf-theme01 saf-onlineItem a p { left: 50%; top: auto; bottom: 100%; right: auto; transform: translate(-50%, -5px); } saf-online.saf-theme01 saf-onlineItem a p:after { border-left-color: transparent; border-top-color: var(--oc); left: 50%; top: 100%; transform: translate(-50%, 0); } saf-online.saf-theme01 saf-onlineItem:nth-child(1) a p { left: 0; transform: translate(0, -5px); } saf-online.saf-theme01 saf-onlineItem:nth-child(1) a p:after { left: 15px; transform: translate(0, 0); } saf-online.saf-theme01 saf-onlineItem:nth-child(2) a p { left: 0; transform: translate(0, -5px); } saf-online.saf-theme01 saf-onlineItem:nth-child(2) a p:after { left: 15px; transform: translate(0, 0); } saf-online.saf-theme01 saf-onlineItem:last-child a p { left: auto; right: 0; transform: translate(0, -5px); } saf-online.saf-theme01 saf-onlineItem:last-child a p:after { left: auto; right: 25px; transform: translate(0, 0); } saf-online.saf-theme01 saf-onlineItem a .codeimg { left: 50%; top: auto; bottom: 100%; right: auto; transform: translate(-50%, -5px); } saf-online.saf-theme01 saf-onlineItem .codeimg:after { border-left-color: transparent; border-top-color: var(--oc); left: 50%; top: 100%; transform: translate(-50%, 0); } } @media screen and (min-width: 769px) { } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_static_001-1641863291835 { min-height: 0px; display-radio: 1; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } #c_static_001-1641863291835 .e_bannerD-2 .swiper-container { width: 100%; height: auto; overflow: hidden; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide { overflow: hidden; background: #fff; z-index: 10; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active { z-index: 11; } #c_static_001-1641863291835 .e_bannerD-2 .p_img { width: 100%; height: 100%; overflow: hidden; } #c_static_001-1641863291835 .e_bannerD-2 .p_video { width: 100%; height: 100%; overflow: hidden; } #c_static_001-1641863291835 .e_bannerD-2 .P_link_img { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; background-size: cover; transition: all ease 2s; transform: scale(1.1); } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active .P_link_img { transform: scale(1); } #c_static_001-1641863291835 .e_bannerD-2 .p_videoPoster { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; background-size: cover; transition: transform ease 2s; transform: scale(1.1); cursor: pointer; z-index: 21; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active .p_videoPoster { transform: scale(1); } #c_static_001-1641863291835 .e_bannerD-2 .P_link_img img { width: 100%; } #c_static_001-1641863291835 .e_bannerD-2 .p_videoPoster img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.18); width: auto; height: 100%; } #c_static_001-1641863291835 .e_bannerD-2 .p_info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 22; display: flex; flex-direction: column; justify-content: center; padding: 15px 20px; width: 84%; max-width: 1550px; margin: 0 auto; } #c_static_001-1641863291835 .e_bannerD-2 .p_info_fivebox { width: 54%; } #c_static_001-1641863291835 .e_bannerD-2 .p_summary { color: rgb(255 255 255 / 100%); font-family: arial; font-size: 3vw; line-height: 1.6; margin-bottom: 2%; transition: all ease 0.8s 0.3s; opacity: 0; transform: translateY(40px); } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active .p_summary { opacity: 1; transform: translateY(0px); } #c_static_001-1641863291835 .e_bannerD-2 .p_btitle { color: #fff; font-size: 1.2vw; line-height: 1.6; transition: all ease 0.8s 0.6s; opacity: 0; transform: translateY(40px); } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active .p_btitle { opacity: 1; transform: translateY(0px); } #c_static_001-1641863291835 .e_bannerD-2 .p_cspan { position: relative; margin-top: 30px; display: none; transition: all ease 0.8s 0.9s; opacity: 0; transform: translateY(40px); } #c_static_001-1641863291835 .e_bannerD-2 .p_button { display: none; margin-top: 40px; border-radius: 30px; border: 1px solid #fff; width: 100%; max-width: 150px; padding: 10px 15px; color: #fff; text-align: center; font-size: 14px; opacity: 0; transform: translateY(40px); transition: all ease 0.3s, transform ease 0.8s 0.9s, opacity ease 0.8s 0.9s; } #c_static_001-1641863291835 .e_bannerD-2 .p_button:hover { border: 1px solid #fff; background: #fff; color: #333; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active .p_button { opacity: 1; transform: translateY(0px); } #c_static_001-1641863291835 .e_bannerD-2 .swiper-slide-active .p_cspan { opacity: 1; transform: translateY(0px); } #c_static_001-1641863291835 .e_bannerD-2 .p_cspan::before, #c_static_001-1641863291835 .e_bannerD-2 .p_cspan::after { content: ""; width: 18px; height: 18px; border-radius: 100%; background: rgb(255 255 255 / 70%); display: inline-block; margin-left: -6px; } #c_static_001-1641863291835 .e_bannerD-2 .p_cspan::before { background: rgb(255 255 255 / 70%); } #c_static_001-1641863291835 .e_bannerD-2 .p_scrool { position: absolute; left: 20px; bottom: 40px; color: #fff; z-index: 10; } #c_static_001-1641863291835 .e_bannerD-2 .p_scrool span { text-transform: uppercase; color: #fff; display: block; font-family: arial; writing-mode: tb; line-height: 20px; margin-bottom: 12px; font-size: 12px; } #c_static_001-1641863291835 .e_bannerD-2 .p_scrool i { display: block; width: 20px; height: 30px; border-radius: 12px; border: 2px #fff solid; position: relative; } #c_static_001-1641863291835 .e_bannerD-2 .p_scrool i:before { content: ""; display: block; width: 4px; height: 10px; background: #fff; border-radius: 2px; position: absolute; left: 50%; transform: translate(-50%, 0); top: 3px; animation: scrollmouse 2s linear infinite; } #c_static_001-1641863291835 .e_bannerD-2 .p_kongjian { position: absolute; right: 0; width: 100%; border-left: 1px solid rgb(255 255 255 / 10%); height: 100%; top: 0; bottom: 0; z-index: 1; max-width: 100px; pointer-events: none; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination { position: absolute; display: flex; flex-direction: column; top: 50%; right: 50px; transform: translate(50%, -50%); left: auto; width: auto; height: auto; bottom: auto; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination-bullet { margin: 3px 0 !important; background: hsl(0deg 0% 100% / 40%); opacity: 1; width: 10px; height: 10px; transition: all ease 0.3s; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination-bullet-active { height: 30px; border-radius: 15px; background: rgb(255 255 255); } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination-bullet:hover { height: 15px; border-radius: 15px; background: rgb(255 255 255); } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_next { color: #fff; border-radius: 100%; border: 2px solid #fff; width: 50px; height: 50px; transition: all ease 0.3s; position: static; margin: 0 auto; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_next::after { font-size: 16px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_next:hover { background: #d01f27; border: 2px solid #d01f27; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_prev { color: #fff; border-radius: 100%; border: 2px solid #fff; height: 50px; width: 50px; transition: all ease 0.3s; position: static; margin: 10px auto 0; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_prev::after { font-size: 16px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_prev:hover { background: #d01f27; border: 2px solid #d01f27; } #c_static_001-1641863291835 .e_bannerD-2 .videoContent { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; cursor: pointer; } #c_static_001-1641863291835 .e_bannerD-2 .videoContent video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; } #c_static_001-1641863291835 .e_bannerD-2 .p_video_button { position: absolute; right: 0; width: 100%; bottom: 160px; z-index: 110; max-width: 100px; height: 50px; } #c_static_001-1641863291835 .e_bannerD-2 .p_videobtm { color: #fff; border-radius: 100%; border: 2px solid #fff; top: auto; bottom: 0; width: 50px; height: 50px; left: 50%; transform: translateX(-50%); transition: all ease 0.3s; display: flex; position: absolute; cursor: pointer; flex-direction: column; justify-content: center; text-align: center; } #c_static_001-1641863291835 .e_bannerD-2 .p_video_button svg { margin: 0 auto; width: 15px; } #c_static_001-1641863291835 .e_bannerD-2 .p_arr { max-width: 100px; width: 100%; position: absolute; right: 5%; bottom: 40px; height: auto; z-index: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; } #c_static_001-1641863291835 .e_bannerD-2 .p_videobtm:hover { background: #000; border: 2px solid #000; } #c_static_001-1641863291835 .e_bannerD-2 { background_radio: 1; display-radio: 1; margin-top: 80px; } @media screen and (max-width: 768px) { #c_static_001-1641863291835 .e_bannerD-2 .p_info_fivebox { width: 75%; padding-bottom: 0px; } #c_static_001-1641863291835 .e_bannerD-2 .p_summary { font-size: 16px; line-height: 1.2; margin-bottom: 20px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btitle { font-size: 14px; } #c_static_001-1641863291835 .e_bannerD-2 .p_cspan::before, #c_static_001-1641863291835 .e_bannerD-2 .p_cspan::after { width: 10px; height: 10px; } #c_static_001-1641863291835 .e_bannerD-2 .p_cspan::after { margin-left: -3px; } #c_static_001-1641863291835 .e_bannerD-2 .p_kongjian { max-width: 55px; } #c_static_001-1641863291835 .e_bannerD-2 .p_arr { max-width: 55px; } #c_static_001-1641863291835 .e_bannerD-2 .p_video_button { max-width: 55px; bottom: 106px; height: 28px; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination-bullet { width: 6px; height: 6px; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination-bullet-active { height: 20px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_prev { width: 28px; height: 28px; margin: 5px auto 0; } #c_static_001-1641863291835 .e_bannerD-2 .p_video_button span { width: 28px; height: 28px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_next { width: 28px; height: 28px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_prev::after { font-size: 12px; } #c_static_001-1641863291835 .e_bannerD-2 .p_btn_next::after { font-size: 12px; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-container { } #c_static_001-1641863291835 .e_bannerD-2 .p_cspan { margin-top: 20px; } #c_static_001-1641863291835 .e_bannerD-2 .p_video_button svg { width: 12px; } #c_static_001-1641863291835 .e_bannerD-2 .swiper-pagination { right: 27px; } #c_static_001-1641863291835 .e_bannerD-2 .videoContent video { height: 100%; width: auto; } #c_static_001-1641863291835 .e_bannerD-2 .p_scrool span { display: none; } #c_static_001-1641863291835 .e_bannerD-2 { background_radio: 1; min-height: 0px; } #c_static_001-1641863291835 { min-height: 0px; display-radio: 1; margin-top: 61px; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_static_001-1641863291835 .e_bannerD-2 .p_info_fivebox { width: 60%; } } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_grid-1679368490634 { margin-left: auto; margin-right: auto; width: 100%; } #c_grid-1679368490634 .p_gridbox::after { content: ""; clear: left; display: block; } #c_grid-1679368490634 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } #c_grid-1679368490634 > div > .p_gridCell { float: left; position: static; } #c_grid-1679368490634 > .p_gridbox.signal { min-height: inherit; } #c_grid-1679368490634 > .p_gridbox.signal > .p_gridCell { min-height: inherit !important; } @media screen and (max-width: 768px) { #c_grid-1679368490634 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 99%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5rem; margin-bottom: 0.5rem; clear: left; } } @media screen and (min-width: 769px) { #c_grid-1679368490634 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_grid-1679368490634 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_grid-1679368504606 { margin-left: auto; margin-right: auto; width: 92%; display-radio: 1; } #c_grid-1679368504606 .p_gridbox::after { content: ""; clear: left; display: block; } #c_grid-1679368504606 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } #c_grid-1679368504606 > div > .p_gridCell { float: left; position: static; } #c_grid-1679368504606 > .p_gridbox.signal { min-height: inherit; } #c_grid-1679368504606 > .p_gridbox.signal > .p_gridCell { min-height: inherit !important; } @media screen and (max-width: 768px) { #c_grid-1679368504606 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 99%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5rem; margin-bottom: 0.5rem; clear: left; } } @media screen and (min-width: 769px) { #c_grid-1679368504606 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1024px) and (min-width: 769px) { #c_grid-1679368504606 > .p_gridbox > .p_gridCell:nth-child(1n + 1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left; } } @media screen and (max-width: 1920px) and (min-width: 1440px) { #c_static_001-1679368597390 .e_container-16 { min-height: 414px; } } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_static_001-16943985017880 { min-height: 300px; display-radio: 1; margin-top: 4rem; } #c_static_001-16943985017880 .e_container-41 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_static_001-16943985017880 .e_container-41 > .p_item { flex: 1; max-width: 100%; max-height: 100%; box-shadow: 0 0 20px rgb(0 0 0 / 15%); } #c_static_001-16943985017880 .e_container-41 .cbox-41-0 { padding-right: 0px; margin-right: 1rem; flex: 0 0 24%; } #c_static_001-16943985017880 .e_container-41 .cbox-41-1 { margin-right: 1rem; } #c_static_001-16943985017880 .e_container-41 .cbox-41-2 { margin-right: 1rem; } #c_static_001-16943985017880 .e_container-42 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; background-color: rgba(255, 255, 255, 1); padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; } #c_static_001-16943985017880 .e_container-42 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_text-43 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 1.8rem; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); margin-bottom: 0px; } #c_static_001-16943985017880 .e_container-44 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-top: 1rem; height: 4vh; } #c_static_001-16943985017880 .e_container-44 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-45 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; background-color: rgba(255, 255, 255, 1); padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; } #c_static_001-16943985017880 .e_container-45 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_text-46 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 1.8rem; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); margin-bottom: 0px; } #c_static_001-16943985017880 .e_container-47 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-top: 1rem; height: 4vh; } #c_static_001-16943985017880 .e_container-47 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-48 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; background-color: rgba(255, 255, 255, 1); padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; } #c_static_001-16943985017880 .e_container-48 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_text-49 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 1.8rem; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); margin-bottom: 0px; } #c_static_001-16943985017880 .e_container-50 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-top: 1rem; height: 4vh; } #c_static_001-16943985017880 .e_container-50 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-51 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; background-color: rgba(255, 255, 255, 1); padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 2rem; } #c_static_001-16943985017880 .e_container-51 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_text-52 { line-height: normal; font_radio: 2; display-radio: 1; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); margin-bottom: 0px; font-size: 1.8rem; } #c_static_001-16943985017880 .e_container-53 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-top: 1rem; height: 30vh; } #c_static_001-16943985017880 .e_container-53 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-54 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(245, 245, 245, 1); padding-bottom: 10px; margin-top: 2rem; background_radio: 1; } #c_static_001-16943985017880 .e_container-54 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-54 .cbox-54-1 { flex: 0 0 30px; } #c_static_001-16943985017880 .e_image-55 { overflow: hidden; display-radio: 1; max-width: 20px; margin-left: auto; margin-right: 0px; } #c_static_001-16943985017880 .e_image-55 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16943985017880 .e_text-56 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 15px; font-family: Microsoft YaHei; color: rgba(149, 149, 149, 1); background-fill-value: background-image; background-image: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2022120216442649583/cms/image/3b541376-28a5-4a82-a0eb-5b20224ee061.jpg); background-repeat: no-repeat; background-position: center left; padding-left: 26px; } #c_static_001-16943985017880 .e_container-60 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(245, 245, 245, 1); padding-bottom: 10px; margin-top: 14px; } #c_static_001-16943985017880 .e_container-60 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-60 .cbox-60-1 { flex: 0 0 30px; } #c_static_001-16943985017880 .e_image-61 { overflow: hidden; display-radio: 1; max-width: 20px; margin-left: auto; margin-right: 0px; } #c_static_001-16943985017880 .e_image-61 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16943985017880 .e_text-62 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 15px; font-family: Microsoft YaHei; color: rgba(149, 149, 149, 1); background-fill-value: background-image; background-repeat: no-repeat; background-position: center left; padding-left: 26px; background-image: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2022120216442649583/cms/image/dd1a9685-9d35-4694-bc39-d2e0632e6ddd.jpg); } #c_static_001-16943985017880 .e_container-63 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(245, 245, 245, 1); padding-bottom: 10px; margin-top: 14px; margin-bottom: 5px; } #c_static_001-16943985017880 .e_container-63 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-63 .cbox-63-1 { flex: 0 0 30px; } #c_static_001-16943985017880 .e_image-64 { overflow: hidden; display-radio: 1; max-width: 20px; margin-left: auto; margin-right: 0px; } #c_static_001-16943985017880 .e_image-64 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16943985017880 .e_text-65 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 15px; font-family: Microsoft YaHei; color: rgba(149, 149, 149, 1); background-fill-value: background-image; background-repeat: no-repeat; background-position: center left; padding-left: 26px; background-image: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2022120216442649583/cms/image/aaeffb3f-5507-46f6-b8c5-20e7ca03b345.jpg); } #c_static_001-16943985017880 .e_image-66 { overflow: hidden; } #c_static_001-16943985017880 .e_image-66 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16943985017880 .e_text-67 { line-height: normal; font_radio: 2; display-radio: -webkit-box; font-size: 15px; font-family: Microsoft YaHei; color: rgba(86, 87, 86, 1); max-height: none; margin-top: 20px; margin-bottom: 20px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #c_static_001-16943985017880 .e_button-68 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; display-radio: block; background-color: rgba(2, 67, 135, 1); font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #c_static_001-16943985017880 .e_button-68 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-16943985017880 .e_button-68::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-16943985017880 .e_button-68:hover::after { opacity: 1; } #c_static_001-16943985017880 .e_button-68:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } #c_static_001-16943985017880 .e_video-69 { width: 100%; position: relative; } #c_static_001-16943985017880 .e_video-69 video { width: 100%; display: block; } #c_static_001-16943985017880 .e_video-69 .p_video { position: relative; } #c_static_001-16943985017880 .e_video-69 .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #c_static_001-16943985017880 .e_video-69 .cover .coverImage { width: 100%; height: 100%; } #c_static_001-16943985017880 .e_video-69 .cover .coverImage img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16943985017880 .e_video-69 .cover .playBtn { position: absolute; width: 80px; height: 80px; z-index: 2; left: 50%; top: 50%; margin: -40px auto auto -40px; cursor: pointer; } #c_static_001-16943985017880 .e_loop-70 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; } #c_static_001-16943985017880 .e_loop-70 .p_loopitem { flex: 0 0 33.3%; position: relative; } #c_static_001-16943985017880 .e_loop-70 .p_page { text-align: center; } #c_static_001-16943985017880 .e_loop-70 .p_filter_wrapper { width: 100%; font-size: 13px; } #c_static_001-16943985017880 .e_loop-70 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0; } #c_static_001-16943985017880 .e_loop-70 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px; } #c_static_001-16943985017880 .e_loop-70 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px; } #c_static_001-16943985017880 .e_loop-70 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue; } #c_static_001-16943985017880 .e_loop-70 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px; } #c_static_001-16943985017880 .e_loop-70 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer; } #c_static_001-16943985017880 .e_loop-70 .multSelect { font-size: 13px; position: relative; } #c_static_001-16943985017880 .e_loop-70 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #dcdfe6; border-radius: 3px; position: relative; cursor: pointer; background: white; } #c_static_001-16943985017880 .e_loop-70 .multSelect.is-invalid .inputWrap { border-color: #dc3545; } #c_static_001-16943985017880 .e_loop-70 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px; } #c_static_001-16943985017880 .e_loop-70 .multSelect ul, li { list-style: none; } #c_static_001-16943985017880 .e_loop-70 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px; } #c_static_001-16943985017880 .e_loop-70 .multSelect .multSelect-option { width: 100%; border: 1px solid #dcdfe6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff; } #c_static_001-16943985017880 .e_loop-70 .multSelect .multSelect-option > div { line-height: 24px; cursor: pointer; padding: 0 10px; } #c_static_001-16943985017880 .e_loop-70 .multSelect .multSelect-option > div.selected { color: #409eff; } #c_static_001-16943985017880 .e_loop-70 .multSelect .multSelect-option > div:hover { color: #409eff; background: #f3f6f9; } #c_static_001-16943985017880 .e_loop-70 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px; } #c_static_001-16943985017880 .e_loop-70 .multSelect .inputWrap > .fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px); } #c_static_001-16943985017880 .e_loop-70 .multSelect .inputWrap > .fa-down svg { transform: rotate(-90deg); } #c_static_001-16943985017880 .e_loop-70 .multSelect .inputWrap > .fa-up svg { transform: rotate(90deg); } #c_static_001-16943985017880 .e_loop-70 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0; } #c_static_001-16943985017880 .e_loop-70 .p_normal_start { display: inline; width: 100px; height: 40px; } #c_static_001-16943985017880 .e_loop-70 .p_date_start { display: inline; width: 105px; height: 40px; } #c_static_001-16943985017880 .e_loop-70 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px; } #c_static_001-16943985017880 .e_loop-70 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px; } #c_static_001-16943985017880 .e_loop-70 .p_split { margin: 0 5px; } #c_static_001-16943985017880 .e_loop-70 .p_normal { margin-right: 16px; } #c_static_001-16943985017880 .e_loop-70 .p_fbutton { background-color: #007bff; border: 1px solid #409eff; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden; } #c_static_001-16943985017880 .e_loop-70 .input-check, .e_loop-70 .input-radio { margin: 0 5px; vertical-align: text-top; } #c_static_001-16943985017880 .e_loop-70 .position-left { display: flex; } #c_static_001-16943985017880 .e_loop-70 .position-right { display: flex; flex-direction: row-reverse; } #c_static_001-16943985017880 .e_loop-70 .position-bottom { display: flex; flex-direction: column-reverse; } #c_static_001-16943985017880 .e_loop-70 .p_mbutton { border: 1px solid #409eff; text-decoration: none; color: #409eff; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden; } #c_static_001-16943985017880 .e_loop-70 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY(-45deg); transform: skewY(360deg); position: absolute; bottom: 0px; right: 0; z-index: 1; } #c_static_001-16943985017880 .e_loop-70 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate(35deg); transform: rotate(35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2; } #c_static_001-16943985017880 .e_loop-70 .p_active .p_mbutton::before { display: block; } #c_static_001-16943985017880 .e_loop-70 .p_active .p_mbutton::after { display: block; } #c_static_001-16943985017880 .e_loop-70 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px; } #c_static_001-16943985017880 .e_loop-70 .p_filter_result { display: none; } #c_static_001-16943985017880 .e_loop-70 .p_contclear { cursor: pointer; display: none; } #c_static_001-16943985017880 .e_loop-70 .swiper-container { padding-bottom: 30px; } #c_static_001-16943985017880 .e_loop-70 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden; } #c_static_001-16943985017880 .e_loop-70 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px; } #c_static_001-16943985017880 .e_loop-70 .p_imgwrapper img { width: 100%; object-fit: cover; } #c_static_001-16943985017880 .e_loop-70 .p_active .p_imgwrapper { border: 1px solid #409eff; } #c_static_001-16943985017880 .e_loop-70 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal; } #c_static_001-16943985017880 .e_loop-70 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px; } #c_static_001-16943985017880 .e_loop-70 { display-radio: 1; width: auto; } #c_static_001-16943985017880 .e_loop-70 .cbox-70:nth-child(odd) { margin-left: 0px; padding-right: 0px; margin-right: 10; } #c_static_001-16943985017880 .e_loop-70 .cbox-70:nth-child(even) { margin-left: auto; margin-right: 0px; } #c_static_001-16943985017880 .e_container-71 { display: flex; flex-wrap: wrap; flex-direction: row; display-radio: flex; margin-right: 0px; margin-left: 0px; width: 96%; } #c_static_001-16943985017880 .e_container-71 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16943985017880 .e_container-71 #c_static_001-16943985017880 .e_image-72 { overflow: hidden; display-radio: 1; } #c_static_001-16943985017880 .e_image-72 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16943985017880 .e_text-73 { line-height: normal; font_radio: 2; display-radio: -webkit-box; font-size: 15px; font-family: Microsoft YaHei; color: rgba(86, 87, 86, 1); max-height: none; margin-top: 20px; margin-bottom: 20px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #c_static_001-16943985017880 .e_button-74 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; display-radio: block; background-color: rgba(2, 67, 135, 1); font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #c_static_001-16943985017880 .e_button-74 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-16943985017880 .e_button-74::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-16943985017880 .e_button-74:hover::after { opacity: 1; } #c_static_001-16943985017880 .e_button-74:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } #c_static_001-16943985017880 .e_container-41 .cbox-41-3 { flex: 0 0 34%; } #c_static_001-16943985017880 .e_text-75 { line-height: normal; font_radio: 2; display-radio: -webkit-box; font-size: 15px; font-family: Microsoft YaHei; color: rgba(86, 87, 86, 1); max-height: none; margin-top: 20px; margin-bottom: 20px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #c_static_001-16943985017880 .e_button-76 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; display-radio: block; background-color: rgba(2, 67, 135, 1); font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #c_static_001-16943985017880 .e_button-76 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-16943985017880 .e_button-76::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-16943985017880 .e_button-76:hover::after { opacity: 1; } #c_static_001-16943985017880 .e_button-76:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } @media screen and (max-width: 768px) { #c_static_001-16943985017880 .e_container-41 { flex-direction: column; } #c_static_001-16943985017880 { margin-top: 2rem; } #c_static_001-16943985017880 .e_container-41 .cbox-41-0 { margin-right: 0px; } #c_static_001-16943985017880 .e_container-44 { height: 210px; } #c_static_001-16943985017880 .e_container-41 .cbox-41-1 { margin-right: 0px; } #c_static_001-16943985017880 .e_container-47 { height: 260px; } #c_static_001-16943985017880 .e_container-41 .cbox-41-2 { margin-right: 0px; } #c_static_001-16943985017880 .e_container-50 { height: 260px; } #c_static_001-16943985017880 .e_container-53 { height: 210px; } #c_static_001-16943985017880 .e_container-41 > .p_item { margin-bottom: 1.3rem; } } @media screen and (min-width: 769px) { #c_static_001-16943985017880 .e_loop-70 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 2); } } #c_static_001-1679379066915 { min-height: 300px; display-radio: 1; margin-top: 100px; } #c_static_001-1679379066915 .e_text-1 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 32px; font-family: Microsoft YaHei; text-align: center; color: rgba(51, 51, 51, 1); } #c_static_001-1679379066915 .e_text-2 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 18px; font-family: Microsoft YaHei; color: rgba(102, 102, 102, 1); text-align: center; margin-top: 20px; } /*#c_static_001-1679379066915 .e_loop-3 .p_loopitem {*/ /* flex: 0 0 20%;*/ /* position: relative;*/ /*}*/ #c_static_001-1679379066915 .e_loop-3 .p_page { text-align: center; } #c_static_001-1679379066915 .e_loop-3 .p_filter_wrapper { width: 100%; font-size: 13px; } #c_static_001-1679379066915 .e_loop-3 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0; } #c_static_001-1679379066915 .e_loop-3 .p_filter_key { /* min-width:80px; */ width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px; } #c_static_001-1679379066915 .e_loop-3 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px; } #c_static_001-1679379066915 .e_loop-3 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue; /* border-radius:2px; */ } #c_static_001-1679379066915 .e_loop-3 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px; } #c_static_001-1679379066915 .e_loop-3 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer; } #c_static_001-1679379066915 .e_loop-3 .p_s_option { } #c_static_001-1679379066915 .e_loop-3 .multSelect { font-size: 13px; position: relative; } #c_static_001-1679379066915 .e_loop-3 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #dcdfe6; border-radius: 3px; position: relative; cursor: pointer; background: white; } #c_static_001-1679379066915 .e_loop-3 .multSelect.is-invalid .inputWrap { border-color: #dc3545; } #c_static_001-1679379066915 .e_loop-3 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px; } #c_static_001-1679379066915 .e_loop-3 .multSelect ul, li { list-style: none; } #c_static_001-1679379066915 .e_loop-3 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px; } #c_static_001-1679379066915 .e_loop-3 .multSelect .multSelect-option { width: 100%; border: 1px solid #dcdfe6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff; } #c_static_001-1679379066915 .e_loop-3 .multSelect .multSelect-option > div { line-height: 24px; cursor: pointer; padding: 0 10px; } #c_static_001-1679379066915 .e_loop-3 .multSelect .multSelect-option > div.selected { color: #409eff; } #c_static_001-1679379066915 .e_loop-3 .multSelect .multSelect-option > div:hover { color: #409eff; background: #f3f6f9; } #c_static_001-1679379066915 .e_loop-3 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px; } #c_static_001-1679379066915 .e_loop-3 .multSelect .inputWrap > .fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px); } #c_static_001-1679379066915 .e_loop-3 .multSelect .inputWrap > .fa-down svg { transform: rotate(-90deg); } #c_static_001-1679379066915 .e_loop-3 .multSelect .inputWrap > .fa-up svg { transform: rotate(90deg); } #c_static_001-1679379066915 .e_loop-3 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0; } /* #c_static_001-1679379066915 .e_loop-3 .p_filter_close::before { content: "\2716"; } */ /* #c_static_001-1679379066915 .e_loop-3 .p_filter_select { width: 110px; height: 24px; padding: 0; border: 1px solid #DCDFE6; } */ #c_static_001-1679379066915 .e_loop-3 .p_normal_start { display: inline; width: 100px; height: 40px; } #c_static_001-1679379066915 .e_loop-3 .p_date_start { display: inline; width: 105px; height: 40px; } #c_static_001-1679379066915 .e_loop-3 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px; } #c_static_001-1679379066915 .e_loop-3 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px; } #c_static_001-1679379066915 .e_loop-3 .p_split { margin: 0 5px; } #c_static_001-1679379066915 .e_loop-3 .p_normal { margin-right: 16px; } #c_static_001-1679379066915 .e_loop-3 .p_fbutton { background-color: #007bff; border: 1px solid #409eff; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden; } #c_static_001-1679379066915 .e_loop-3 .input-check, #c_static_001-1679379066915 .e_loop-3 .input-radio { margin: 0 5px; vertical-align: text-top; } #c_static_001-1679379066915 .e_loop-3 .position-left { display: flex; } #c_static_001-1679379066915 .e_loop-3 .position-right { display: flex; flex-direction: row-reverse; } #c_static_001-1679379066915 .e_loop-3 .position-top { /* display:flex; */ } #c_static_001-1679379066915 .e_loop-3 .position-bottom { display: flex; flex-direction: column-reverse; } #c_static_001-1679379066915 .e_loop-3 .p_mbutton { border: 1px solid #409eff; text-decoration: none; color: #409eff; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden; } #c_static_001-1679379066915 .e_loop-3 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY(-45deg); transform: skewY(360deg); position: absolute; bottom: 0px; right: 0; z-index: 1; } #c_static_001-1679379066915 .e_loop-3 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate(35deg); transform: rotate(35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2; } #c_static_001-1679379066915 .e_loop-3 .p_active .p_mbutton::before { display: block; } #c_static_001-1679379066915 .e_loop-3 .p_active .p_mbutton::after { display: block; } #c_static_001-1679379066915 .e_loop-3 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px; } #c_static_001-1679379066915 .e_loop-3 .p_filter_result { display: inline-block; } #c_static_001-1679379066915 .e_loop-3 .p_contclear { cursor: pointer; } #c_static_001-1679379066915 .e_loop-3 .swiper-container { padding-bottom: 30px; } #c_static_001-1679379066915 .e_loop-3 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden; } #c_static_001-1679379066915 .e_loop-3 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px; } #c_static_001-1679379066915 .e_loop-3 .p_imgwrapper img { width: 100%; object-fit: cover; } #c_static_001-1679379066915 .e_loop-3 .p_active .p_imgwrapper { border: 1px solid #409eff; } #c_static_001-1679379066915 .e_loop-3 .p_filter_result { display: none; } #c_static_001-1679379066915 .e_loop-3 .p_contclear { display: none; } #c_static_001-1679379066915 .e_loop-3 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal; } #c_static_001-1679379066915 .e_loop-3 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px; } #c_static_001-1679379066915 .e_loop-3 .cbox-3:nth-child(even) { padding-left: 0px; margin-left: auto; margin-right: auto; } #c_static_001-1679379066915 .e_image-4 { overflow: hidden; display-radio: 1; width: 99%; margin-left: auto; } /*.p_list {*/ /* display: flex;*/ /* justify-content: space-between; */ /* gap: 60px;*/ /* flex-wrap: wrap;*/ /* width: 100%;*/ /* padding: 20px;*/ /* box-sizing: border-box;*/ /*}*/ /*.p_loopitem {*/ /* flex: 1 1 calc((100% - 120px) / 3); */ /* max-width: calc((100% - 120px) / 3);*/ /* border-radius: 12px;*/ /* overflow: hidden;*/ /* background: #eee;*/ /* aspect-ratio: 9 / 10;*/ /* position: relative;*/ /*}*/ .p_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; width: 100%; margin: 0 auto; padding: 20px; box-sizing: border-box; } .p_loopitem { border-radius: 12px; overflow: hidden; background: #eee; aspect-ratio: 9/10; position: relative; } /* 图片容器设置相对定位（关键） */ .e_container-5 { position: relative; width: 100%; height: 100%; } /* 图片铺满容器 + 圆角 + 裁剪 */ .e_image-4 img { position: absolute; top: 0; left: 0; width: 100%; height: 50%; object-fit: cover; border-radius: 12px; } #c_static_001-1679379066915 .e_image-4 img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; } #c_static_001-1679379066915 .e_container-5 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-bottom: 1%; } #c_static_001-1679379066915 .e_container-5 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679379066915 .e_text-6 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 22px; font-family: Microsoft YaHei; text-align: center; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 0.3); padding-top: 2rem; padding-bottom: 2rem; position: absolute; min-width: 230px; left: 0; top: 0; z-inde: 5; } #c_static_001-1679379066915 .e_container-7 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; max-width: 230px; margin-left: -115px; margin-right: auto; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 36%; left: 44%; z-index: 2; bottom: auto; right: auto; background_radio: 2; padding-top: 0px; } #c_static_001-1679379066915 .e_container-7 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679379066915 .e_loop-3 { display-radio: 1; margin-top: 3%; } @media screen and (max-width: 768px) { #c_static_001-1679379066915 .e_text-2 { font-size: 14px; } #c_static_001-1679379066915 .e_loop-3 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(90% / 2); } #c_static_001-1679379066915 .e_container-7 { left: 66%; } } @media screen and (min-width: 769px) { } @media screen and (max-width: 1024px) and (min-width: 769px) { } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_static_001-1679380927287 { min-height: 300px; display-radio: 1; margin-top: 100px; } #c_static_001-1679380927287 .e_container-1 { display: flex; /* flex-wrap: wrap; */ flex-direction: row; width: 100%; display-radio: flex; } #c_static_001-1679380927287 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679380927287 .e_container-1 .cbox-1-1 { flex: 0 0 40%; } #c_static_001-1679380927287 .e_video-2 { width: 100%; position: relative; display-radio: 1; } #c_static_001-1679380927287 .e_video-2 video { width: 100%; display: block; } #c_static_001-1679380927287 .e_video-2 .p_video { position: relative; } #c_static_001-1679380927287 .e_video-2 .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #c_static_001-1679380927287 .e_video-2 .cover .coverImage { width: 100%; height: 100%; } #c_static_001-1679380927287 .e_video-2 .cover .coverImage img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-1679380927287 .e_video-2 .cover .playBtn { position: absolute; width: 80px; height: 80px; z-index: 2; left: 50%; top: 50%; margin: -40px auto auto -40px; cursor: pointer; } #c_static_001-1679380927287 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 70%; display-radio: flex; margin-left: auto; margin-right: auto; padding-top: 0px; margin-top: 6%; } #c_static_001-1679380927287 .e_container-3 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679380927287 .e_text-4 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 32px; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); } #c_static_001-1679380927287 .e_text-5 { font_radio: 2; display-radio: 1; font-size: 18px; font-family: Microsoft YaHei; color: rgba(102, 102, 102, 1); line-height: 2; margin-top: 40px; } #c_static_001-1679380927287 .e_button-6 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; border-radius: 2px; /* 统一设置圆角 */ background-color: #cb2323; font-size: 14px; font-family: Microsoft YaHei; border-style: none; margin-top: 20%; } #c_static_001-1679380927287 .e_button-6 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-1679380927287 .e_button-6::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-1679380927287 .e_button-6:hover::after { opacity: 1; } #c_static_001-1679380927287 .e_button-6:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } @media screen and (max-width: 768px) { #c_static_001-1679380927287 .e_container-1 { flex-direction: column; } #c_static_001-1679380927287 .e_container-3 { width: 100%; } #c_static_001-1679380927287 .e_button-6 { margin-top: 1rem; } } @media screen and (min-width: 769px) { } @media screen and (max-width: 1024px) and (min-width: 769px) { } @media screen and (max-width: 1920px) and (min-width: 1440px) { } @media screen and (max-width: 1439px) and (min-width: 1200px) { } #c_static_001-1679381916863 { min-height: 300px; display-radio: 1; margin-top: 60px; } #c_static_001-1679381916863 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_static_001-1679381916863 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } /* 移动端适配：屏幕宽度小于 768px 时生效 */ @media (max-width: 768px) { .cbox-1-1.p_item { max-width: 100% !important; /* 覆盖内联样式 */ } } #c_static_001-1679381916863 .e_container-1 .cbox-1-0 { flex: 0 0 40%; } #c_static_001-1679381916863 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 70%; display-radio: flex; margin-left: auto; margin-right: auto; padding-top: 0px; } #c_static_001-1679381916863 .e_container-3 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679381916863 .e_text-4 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 30px; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); } #c_static_001-1679381916863 .e_text-5 { font_radio: 2; display-radio: 1; font-size: 18px; font-family: Microsoft YaHei; color: rgba(102, 102, 102, 1); line-height: 2; margin-top: 40px; } #c_static_001-1679381916863 .e_button-6 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background-color: #cb2323; font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: 20%; } #c_static_001-1679381916863 .e_button-6 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-1679381916863 .e_button-6::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-1679381916863 .e_button-6:hover::after { opacity: 1; } #c_static_001-1679381916863 .e_button-6:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } #c_static_001-1679381916863 .e_loop-7 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; } #c_static_001-1679381916863 .e_loop-7 .p_loopitem { flex: 0 0 33.3%; position: relative; } #c_static_001-1679381916863 .e_loop-7 .p_page { text-align: center; } #c_static_001-1679381916863 .e_loop-7 .p_filter_wrapper { width: 100%; font-size: 13px; } #c_static_001-1679381916863 .e_loop-7 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0; } #c_static_001-1679381916863 .e_loop-7 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px; } #c_static_001-1679381916863 .e_loop-7 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px; } #c_static_001-1679381916863 .e_loop-7 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue; } #c_static_001-1679381916863 .e_loop-7 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px; } #c_static_001-1679381916863 .e_loop-7 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer; } #c_static_001-1679381916863 .e_loop-7 .p_s_option { } #c_static_001-1679381916863 .e_loop-7 .multSelect { font-size: 13px; position: relative; } #c_static_001-1679381916863 .e_loop-7 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #dcdfe6; border-radius: 3px; position: relative; cursor: pointer; background: white; } #c_static_001-1679381916863 .e_loop-7 .multSelect.is-invalid .inputWrap { border-color: #dc3545; } #c_static_001-1679381916863 .e_loop-7 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px; } #c_static_001-1679381916863 .e_loop-7 .multSelect ul, li { list-style: none; } #c_static_001-1679381916863 .e_loop-7 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px; } #c_static_001-1679381916863 .e_loop-7 .multSelect .multSelect-option { width: 100%; border: 1px solid #dcdfe6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff; } #c_static_001-1679381916863 .e_loop-7 .multSelect .multSelect-option > div { line-height: 24px; cursor: pointer; padding: 0 10px; } #c_static_001-1679381916863 .e_loop-7 .multSelect .multSelect-option > div.selected { color: #409eff; } #c_static_001-1679381916863 .e_loop-7 .multSelect .multSelect-option > div:hover { color: #409eff; background: #f3f6f9; } #c_static_001-1679381916863 .e_loop-7 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px; } #c_static_001-1679381916863 .e_loop-7 .multSelect .inputWrap > .fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px); } #c_static_001-1679381916863 .e_loop-7 .multSelect .inputWrap > .fa-down svg { transform: rotate(-90deg); } #c_static_001-1679381916863 .e_loop-7 .multSelect .inputWrap > .fa-up svg { transform: rotate(90deg); } #c_static_001-1679381916863 .e_loop-7 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0; } #c_static_001-1679381916863 .e_loop-7 .p_normal_start { display: inline; width: 100px; height: 40px; } #c_static_001-1679381916863 .e_loop-7 .p_date_start { display: inline; width: 105px; height: 40px; } #c_static_001-1679381916863 .e_loop-7 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px; } #c_static_001-1679381916863 .e_loop-7 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px; } #c_static_001-1679381916863 .e_loop-7 .p_split { margin: 0 5px; } #c_static_001-1679381916863 .e_loop-7 .p_normal { margin-right: 16px; } #c_static_001-1679381916863 .e_loop-7 .p_fbutton { background-color: #007bff; border: 1px solid #409eff; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden; } #c_static_001-1679381916863 .e_loop-7 .input-check, #c_static_001-1679381916863 .e_loop-7 .input-radio { margin: 0 5px; vertical-align: text-top; } #c_static_001-1679381916863 .e_loop-7 .position-left { display: flex; } #c_static_001-1679381916863 .e_loop-7 .position-right { display: flex; flex-direction: row-reverse; } #c_static_001-1679381916863 .e_loop-7 .position-top { } #c_static_001-1679381916863 .e_loop-7 .position-bottom { display: flex; flex-direction: column-reverse; } #c_static_001-1679381916863 .e_loop-7 .p_mbutton { border: 1px solid #409eff; text-decoration: none; color: #409eff; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden; } #c_static_001-1679381916863 .e_loop-7 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY(-45deg); transform: skewY(360deg); position: absolute; bottom: 0px; right: 0; z-index: 1; } #c_static_001-1679381916863 .e_loop-7 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate(35deg); transform: rotate(35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2; } #c_static_001-1679381916863 .e_loop-7 .p_active .p_mbutton::before { display: block; } #c_static_001-1679381916863 .e_loop-7 .p_active .p_mbutton::after { display: block; } #c_static_001-1679381916863 .e_loop-7 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px; } #c_static_001-1679381916863 .e_loop-7 .p_filter_result { display: inline-block; } #c_static_001-1679381916863 .e_loop-7 .p_contclear { cursor: pointer; } #c_static_001-1679381916863 .e_loop-7 .swiper-container { padding-bottom: 30px; } #c_static_001-1679381916863 .e_loop-7 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden; } #c_static_001-1679381916863 .e_loop-7 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px; } #c_static_001-1679381916863 .e_loop-7 .p_imgwrapper img { width: 100%; object-fit: cover; } #c_static_001-1679381916863 .e_loop-7 .p_active .p_imgwrapper { border: 1px solid #409eff; } #c_static_001-1679381916863 .e_loop-7 .p_filter_result { display: none; } #c_static_001-1679381916863 .e_loop-7 .p_contclear { display: none; } #c_static_001-1679381916863 .e_loop-7 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal; } #c_static_001-1679381916863 .e_loop-7 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px; } #c_static_001-1679381916863 .e_container-8 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; display-radio: flex; margin-left: auto; margin-right: auto; } #c_static_001-1679381916863 .e_container-8 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679381916863 .e_image-9 { overflow: hidden; display-radio: 1; max-width: 80px; margin-left: 0px; margin-right: auto; } #c_static_001-1679381916863 .e_image-9 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-1679381916863 .e_loop-7 { display-radio: 1; margin-top: 14%; } #c_static_001-1679381916863 .e_image-12 { overflow: hidden; } #c_static_001-1679381916863 .e_image-12 img { width: 100%; height: 100%; object-fit: contain; transform: scale(1); transition: all 1s ease 0s; } #c_static_001-1679381916863 .e_image-12 img:hover { transform: scale(1.1); } @media screen and (max-width: 768px) { #c_static_001-1679381916863 .e_container-1 { flex-direction: column-reverse; } #c_static_001-1679381916863 .e_container-3 { width: 100%; } #c_static_001-1679381916863 .e_button-6 { margin-top: 1rem; } } @media screen and (min-width: 769px) { #c_static_001-1679381916863 .e_loop-7 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 4); } } #c_static_001-1679382348844 { min-height: 300px; display-radio: 1; margin-top: 65px; margin-bottom: 60px; } #c_static_001-1679382348844 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; } #c_static_001-1679382348844 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679382348844 .e_container-1 .cbox-1-1 { flex: 0 0 40%; } #c_static_001-1679382348844 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 70%; display-radio: flex; margin-left: auto; margin-right: auto; padding-top: 0px; margin-top: 6%; } #c_static_001-1679382348844 .e_container-3 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1679382348844 .e_text-4 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 32px; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); } #c_static_001-1679382348844 .e_text-5 { font_radio: 2; display-radio: 1; font-size: 18px; font-family: Microsoft YaHei; color: rgba(102, 102, 102, 1); line-height: 2; margin-top: 40px; } #c_static_001-1679382348844 .e_button-6 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; display-radio: block; background-color: #cb2323; font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: 20%; } #c_static_001-1679382348844 .e_button-6 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-1679382348844 .e_button-6::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-1679382348844 .e_button-6:hover::after { opacity: 1; } #c_static_001-1679382348844 .e_button-6:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } #c_static_001-1679382348844 .e_image-7 { overflow: hidden; } #c_static_001-1679382348844 .e_image-7 img { width: 100%; height: 100%; object-fit: contain; transform: scale(1); transition: all 1s ease 0s; } #c_static_001-1679382348844 .e_image-7 img:hover { transform: scale(1.1); } @media screen and (max-width: 768px) { #c_static_001-1679382348844 .e_container-1 { flex-direction: column; } #c_static_001-1679382348844 .e_container-3 { width: 100%; } #c_static_001-1679382348844 .e_button-6 { margin-top: 1rem; } } #c_static_001-16793823410420 { min-height: 300px; display-radio: 1; margin-top: 60px; } #c_static_001-16793823410420 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; } #c_static_001-16793823410420 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16793823410420 .e_container-1 .cbox-1-0 { flex: 0 0 40%; } #c_static_001-16793823410420 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 70%; display-radio: flex; margin-left: auto; margin-right: auto; padding-top: 0px; margin-top: 6%; } #c_static_001-16793823410420 .e_container-3 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16793823410420 .e_text-4 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 32px; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); } #c_static_001-16793823410420 .e_text-5 { font_radio: 2; display-radio: 1; font-size: 14px; font-family: Microsoft YaHei; color: rgba(102, 102, 102, 1); line-height: 2; margin-top: 40px; } #c_static_001-16793823410420 .e_button-6 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; display-radio: block; background-color: rgba(2, 67, 135, 1); font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: 20%; } #c_static_001-16793823410420 .e_button-6 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-16793823410420 .e_button-6::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-16793823410420 .e_button-6:hover::after { opacity: 1; } #c_static_001-16793823410420 .e_button-6:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } #c_static_001-16793823410420 .e_image-7 { overflow: hidden; } #c_static_001-16793823410420 .e_image-7 img { width: 100%; height: 100%; object-fit: contain; transform: scale(1); transition: all 1s ease 0s; } #c_static_001-16793823410420 .e_image-7 img:hover { transform: scale(1.1); } @media screen and (max-width: 768px) { #c_static_001-16793823410420 .e_container-1 { flex-direction: column-reverse; } #c_static_001-16793823410420 .e_container-3 { width: 100%; } #c_static_001-16793823410420 .e_button-6 { margin-top: 1rem; } } #c_static_001-16793824996580 { min-height: 300px; display-radio: 1; margin-top: 60px; margin-bottom: 6%; } #c_static_001-16793824996580 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; } #c_static_001-16793824996580 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16793824996580 .e_container-1 .cbox-1-1 { flex: 0 0 40%; } #c_static_001-16793824996580 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 70%; display-radio: flex; margin-left: auto; margin-right: auto; padding-top: 0px; margin-top: 6%; } #c_static_001-16793824996580 .e_container-3 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16793824996580 .e_text-4 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 32px; font-family: Microsoft YaHei; color: rgba(51, 51, 51, 1); } #c_static_001-16793824996580 .e_text-5 { font_radio: 2; display-radio: 1; font-size: 14px; font-family: Microsoft YaHei; color: rgba(102, 102, 102, 1); line-height: 2; margin-top: 40px; } #c_static_001-16793824996580 .e_button-6 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; display-radio: block; background-color: rgba(2, 67, 135, 1); font-size: 14px; font-family: Microsoft YaHei; border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: 20%; } #c_static_001-16793824996580 .e_button-6 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-16793824996580 .e_button-6::after { content: ""; position: absolute; width: 0; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-16793824996580 .e_button-6:hover::after { opacity: 1; } #c_static_001-16793824996580 .e_button-6:hover { font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); border-style: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(197, 160, 91, 1); } #c_static_001-16793824996580 .e_image-7 { overflow: hidden; } #c_static_001-16793824996580 .e_image-7 img { width: 100%; height: 100%; object-fit: contain; transform: scale(1); transition: all 1s ease 0s; } #c_static_001-16793824996580 .e_image-7 img:hover { transform: scale(1.1); } @media screen and (max-width: 768px) { #c_static_001-16793824996580 .e_container-1 { flex-direction: column; } #c_static_001-16793824996580 .e_container-3 { width: 100%; } #c_static_001-16793824996580 .e_button-6 { margin-top: 1rem; } }