/* 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; } } #c_static_001-16420726227420 { min-height: 0px; padding-left: 10px; padding-right: 10px; display-radio: 1; padding-top: 0px; padding-bottom: 0px; } #c_static_001-16420726227420 .p_menu1Item { display-radio: 1; } @media screen and (max-width: 768px) { #c_static_001-16420726227420 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } #c_static_001-16420726227420 .s_templatetitle { color: #333; } } #c_static_001-1665300172272 { min-height: 0px; display-radio: 1; width: 100%; height: auto; background-color: rgba(9, 88, 45, 1); position: fixed; top: 0; left: 0; z-index: 100; } #c_static_001-1665300172272 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; display-radio: flex; max-width: 980px; margin-left: auto; margin-right: auto; justify-content: space-between; } #c_static_001-1665300172272 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1665300172272 .e_image-2 { overflow: hidden; } #c_static_001-1665300172272 .e_image-2 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Box { display: flex; justify-content: flex-end; } #c_static_001-1665300172272 .e_navigationA-3 .p_iconBox { height: 45px; width: 45px; border-radius: 4px; display: flex; flex-direction: column; justify-content: center; } #c_static_001-1665300172272 .e_navigationA-3 .p_openIcon { width: 100%; height: 36px; } #c_static_001-1665300172272 .e_navigationA-3 .p_closeIcon { width: 100%; height: 30px; } #c_static_001-1665300172272 .e_navigationA-3 .p_navButton { display: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Box { display: none; height: auto; padding: 15px 0; background: rgba(255, 255, 255, 0.8); width: 120px; position: absolute; left: 50%; top: 80%; z-index: 99; transform: translateX(-50%); border-radius: 5px; } #c_static_001-1665300172272 .e_navigationA-3 .p_level3Box { display: none; height: auto; padding: 15px 0; background: #fff; background: #f5f5f5; width: 130px; position: absolute; top: 0; left: 100%; z-index: 9; border-radius: 5px; border-top-left-radius: 0px; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item { position: relative; border: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item { position: relative; width: 100%; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item:hover a { color: #09582d; } #c_static_001-1665300172272 .e_navigationA-3 .p_level3Item { width: 100%; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item a { font-size: 16px; padding: 0 10px; line-height: 92px; display: block; text-align: center; color: #fff; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item .p_menu1Item a::after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: rgba(255, 255, 255, 0.8); position: absolute; top: 65%; left: 50%; transform: translateX(-50%); opacity: 0; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item:first-child .p_menu1Item a::after { display: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item:hover .p_menu1Item a:after { opacity: 1; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item a { font-size: 14px; padding: 0 8px; line-height: 38px; display: block; text-align: center; color: #666; opacity: 1; transition: all ease 0.3s; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item a:hover { opacity: 1; } #c_static_001-1665300172272 .e_image-4 { overflow: hidden; display-radio: 1; cursor: pointer; } #c_static_001-1665300172272 .e_image-4 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-1665300172272 .e_container-1 .cbox-1-0 { flex: 0 0 26%; } #c_static_001-1665300172272 .e_container-1 .cbox-1-1 { flex: 0 0 66%; } #c_static_001-1665300172272 .e_container-1 .cbox-1-2 { flex: 0 0 5%; } #c_static_001-1665300172272 .e_container-5 { display: none; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; padding-top: 0px; padding-bottom: 30px; } #c_static_001-1665300172272 .e_container-5 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1665300172272 .e_form-6 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; justify-content: center; background: unset; } #c_static_001-1665300172272 .e_form-6 > .p_formItem { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1665300172272 .e_form-6 .ptishiCon { display: none; } #c_static_001-1665300172272 .e_input-7 .p_phoneCode { width: 90px; margin-right: 10px; } #c_static_001-1665300172272 .e_formBtn-8 { display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 100px; border-radius: 4px; padding: 8px; height: 50px; background: unset; border: unset; border-bottom: 1px solid #fff; border-radius: 0px; background-image: url("../images/b68657db-8bbc-4687-9042-c0a8588a83ed.png-1665559046184.png") /*tpa=https://omo-oss-image.thefastimg.com/portal-saas/new2022092314020851927/cms/image/b68657db-8bbc-4687-9042-c0a8588a83ed.png?1665559046184*/; background-size: 35%; background-repeat: no-repeat; background-position: center right; } #c_static_001-1665300172272 .e_formBtn-8 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; } #c_static_001-1665300172272 .e_formBtn-8::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all 0.3s; z-index: 0; opacity: 0; top: 0; left: 0px; } #c_static_001-1665300172272 .e_formBtn-8:hover::after { opacity: 0; } #c_static_001-1665300172272 .e_form-6 .cbox-6-0 { flex: 0 0 auto; align-self: center; } #c_static_001-1665300172272 .e_form-6 .cbox-6-0 .e_input-7 { margin-bottom: 0rem; width: 400px; } #c_static_001-1665300172272 .e_form-6 .cbox-6-0 .e_input-7 .input-group input { height: 50px; border: 0px; border-bottom: 1px solid #fff; padding: 0px; border-radius: 0px !important; } #c_static_001-1665300172272 .e_form-6 .cbox-6-0 .e_input-7 .input-group input:focus { box-shadow: unset; } #c_static_001-1665300172272 .e_form-6 .cbox-6-1 { flex: 0 0 auto; align-self: center; } #c_static_001-1665300172272 .e_input-7 { display-radio: 1; width: auto; height: auto; } #c_static_001-1665300172272 .e_input-7 .s_input { font-radio: 2; color: rgba(255, 255, 255, 1); font-size: 14px; font-family: Microsoft YaHei; } #c_static_001-1665300172272 .e_select-9 { display-radio: 1; display: none; } @media screen and (max-width: 768px) { #c_static_001-16420726227420 { padding: 0px; } #c_static_001-1665300172272 { margin-top: 0px; padding: 0 10px; } #c_static_001-1665300172272 .e_container-1 .cbox-1-0 { flex: 0 0 65%; } #c_static_001-1665300172272 .e_container-1 .cbox-1-1 { flex: 0 0 auto; align-self: center; } #c_static_001-1665300172272 .e_container-1 { width: 100%; } #c_static_001-1665300172272 .e_container-1 .cbox-1-2 { position: absolute; z-index: 10; top: 0; right: 15%; width: auto; height: 100%; max-height: 85px; } #c_static_001-1665300172272 .e_image-4 { height: 100%; } #c_static_001-1665300172272 .e_navigationA-3 .p_openIcon { width: 100%; height: 100%; color: #fff; margin: 0px; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Box { display: block; } #c_static_001-1665300172272 .e_navigationA-3 .p_iconBox { display: block; } #c_static_001-1665300172272 .e_navigationA-3 .p_navContent { display: none; padding: 20px; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fbfbfb; z-index: 99; } #c_static_001-1665300172272 .e_navigationA-3 .p_navButton { display: flex; justify-content: flex-end; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Box { width: 100%; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Box, #c_static_001-1665300172272 .e_navigationA-3 .p_level3Box { padding: 0 0 0 30px; background: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_static_001-1665300172272 .e_navigationA-3 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Box, #c_static_001-16659883983270 .e_navigationA-3 .p_level3Box { width: 100%; left: 0; transform: translateX(0); position: inherit; border-radius: 0; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item { border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item a, #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item a { line-height: 50px; font-size: 14px; padding: 0; display: inline; text-align: left; opacity: 1; color: #333; } #c_static_001-1665300172272 .e_form-6 .cbox-6-0 { flex: 1; } #c_static_001-1665300172272 .e_form-6 .cbox-6-0 .e_input-7 { width: auto; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Box { display: block; } #c_static_001-1665300172272 .e_navigationA-3 .p_iconBox { display: block; } #c_static_001-1665300172272 .e_navigationA-3 .p_navContent { display: none; padding: 20px; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fbfbfb; z-index: 99; } #c_static_001-1665300172272 .e_navigationA-3 .p_navButton { display: flex; justify-content: flex-end; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Box { width: 100%; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Box, #c_static_001-1665300172272 .e_navigationA-3 .p_level3Box { padding: 0 0 0 30px; background: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_jtIcon { float: right; transition: 0.5s; height: 30px; margin-top: 10px; } #c_static_001-1665300172272 .e_navigationA-3 .p_jtHover { transition: 0.5s; transform: rotate(90deg); } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Box, #c_static_001-1665300172272 .e_navigationA-3 .p_level3Box { width: 100%; left: 0; transform: translateX(0); position: inherit; border-radius: 0; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item { border-bottom: 1px solid rgb(0 0 0 / 5%); line-height: 50px; font-size: 14px; } #c_static_001-1665300172272 .e_navigationA-3 .p_level1Item a, #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item a { line-height: 50px; font-size: 14px; padding: 0; display: inline; text-align: left; opacity: 1; } } @media screen and (min-width: 769px) { #c_static_001-1665300172272 .e_navigationA-3 .p_jtIcon { transform: rotate(90deg); display: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_level2Item .p_jtIcon { display: none; } #c_static_001-1665300172272 .e_navigationA-3 .p_iconBox { display: none; } } @media screen and (max-width: 1024px) and (min-width: 769px) { } #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%; } @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; } } .havestatic > div, .havestatic > div[class*="cbox-"] { position: static !important; } .e_container0 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .e_container0 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } .e_container0 .cbox-10-0 { flex: 0 0 auto; margin-right: 0px; margin-left: auto; } .e_container0 .cbox-10-1 { flex: 0 0 auto; margin-left: 20px; margin-right: 20px; } .e_container0 .cbox-10-2 { flex: 0 0 auto; margin-left: 0px; margin-right: auto; } #c_static_001-16420726718590 { min-height: 0px; padding-top: 0px; padding-bottom: 0px; display-radio: 1; background-color: rgba(43, 178, 107, 1); } #c_static_001-16420726718590 .e_container-34 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; display-radio: flex; padding-top: 60px; padding-bottom: 60px; max-width: 980px; margin-left: auto; margin-right: auto; justify-content: flex-end; } #c_static_001-16420726718590 .e_container-34 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16420726718590 .e_container-34 .p_item { display-radio: 1; } #c_static_001-16420726718590 .p_item { display-radio: 1; } #c_static_001-16420726718590 .e_text-35 { line-height: 1; font_radio: 2; display-radio: 1; font-size: 18px; color: rgba(255, 255, 255, 1); font-family: Arial; margin-bottom: 5px; text-align: left; } #c_static_001-16420726718590 .e_text-36 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 18px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); margin-bottom: 15px; text-align: left; } #c_static_001-16420726718590 .e_text-37 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 16px; font-family: Microsoft YaHei; font-weight: normal; color: rgba(255, 255, 255, 1); margin-bottom: 10px; text-align: left; } #c_static_001-16420726718590 .e_text-38 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 16px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); margin-bottom: 10px; } #c_static_001-16420726718590 .e_text-39 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 16px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); } #c_static_001-16420726718590 .e_image-40 { overflow: hidden; display-radio: 1; width: auto; height: 145px; margin-left: auto; margin-right: auto; margin-bottom: 5px; } #c_static_001-16420726718590 .e_image-40 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-16420726718590 .e_text-41 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 12px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); text-align: center; } #c_static_001-16420726718590 .e_container-34 .cbox-34-0 { flex: 0 0 35%; } #c_static_001-16420726718590 .e_container-34 .cbox-34-1 { flex: 0 0 50%; } #c_static_001-16420726718590 .e_container-46 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; background-color: rgba(9, 88, 49, 1); } #c_static_001-16420726718590 .e_container-46 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16420726718590 .e_container-47 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; display-radio: flex; max-width: 1200px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; justify-content: space-evenly; } #c_static_001-16420726718590 .e_container-47 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-16420726718590 .e_copyright-48 { line-height: 1; color: rgba(255, 255, 255, 1); font_radio: 2; display-radio: 1; font-size: 14px; font-family: Microsoft YaHei; text-align: center; } #c_static_001-16420726718590 .e_provider-49 { text-align: center; font_radio: 2; display-radio: 1; font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); line-height: 1; } #c_static_001-16420726718590 .e_text-50 { font_radio: 2; display-radio: 1; font-size: 14px; font-family: Microsoft YaHei; color: rgba(255, 255, 255, 1); line-height: 1; } #c_static_001-16420726718590 .e_container-47 .cbox-47-0 { flex: 0 0 auto; } #c_static_001-16420726718590 .e_container-47 .cbox-47-1 { flex: 0 0 auto; } #c_static_001-16420726718590 .e_container-47 .cbox-47-2 { flex: 0 0 auto; } #c_static_001-16420726718590 .e_container-47 .cbox-47-3 { flex: 0 0 auto; } #c_static_001-16420726718590 .e_container-47 .cbox-47-4 { flex: 0 0 auto; } #c_static_001-16420726718590 .e_credible-55 .img1 { width: 65px; height: 23px; } #c_static_001-16420726718590 .e_credible-55 .img2 { width: 79px; height: 28px; } #c_static_001-16420726718590 .e_credible-55 .img3 { width: 92px; height: 33px; } #c_static_001-16420726718590 .e_credible-55 .img4 { width: 106px; height: 38px; } #c_static_001-16420726718590 .e_credible-55 .img5 { width: 131px; height: 47px; } #c_static_001-16420726718590 .e_credible-55 { background_radio: 1; display-radio: 1; width: 130px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { #c_static_001-16420726718590 { padding-right: 0px; padding-left: 0px; } #c_static_001-16420726718590 .e_container-34 { width: 100%; padding: 30px 10px; justify-content: space-between; } #c_static_001-16420726718590 .e_container-34 .cbox-34-0 { flex: 0 0 70%; } #c_static_001-16420726718590 .e_container-34 .cbox-34-0 p { font-size: 14px; } #c_static_001-16420726718590 .e_text-35, #c_static_001-16420726718590 .e_text-36 { font-size: 18px !important; } #c_static_001-16420726718590 .e_container-34 .cbox-34-1 { flex: 0 0 25%; } #c_static_001-16420726718590 .e_image-40 { height: auto; } #c_static_001-16420726718590 .e_container-47 { width: 100%; padding: 0px 10px; flex-direction: column; } #c_static_001-16420726718590 .e_copyright-48 { word-break: keep-all; } #c_static_001-16420726718590 .e_container-47 > .p_item { margin-bottom: 2%; } } #c_banner_019-1665454371874 { min-height: 0px; display-radio: 1; height: auto; width: auto; margin-top: 92px; } #c_banner_019-1665454371874 .e_bannerA-2 { height: 24vw; background_radio: 1; display-radio: 1; width: auto; } #c_banner_019-1665454371874 .e_bannerA-2 .swiper-container { height: inherit; } #c_banner_019-1665454371874 .e_bannerA-2 .swiper-wrapper { height: inherit; } #c_banner_019-1665454371874 .e_bannerA-2 .swiper-slide { height: inherit; } #c_banner_019-1665454371874 .e_bannerA-2 .p_img { width: 100%; height: 100%; background: #000; } #c_banner_019-1665454371874 .e_bannerA-2 .p_img img { width: 100%; height: 100%; object-fit: cover; } #c_banner_019-1665454371874 .e_bannerA-2 .custom-bullet { background: #ccc; } #c_banner_019-1665454371874 .e_bannerA-2 .p_info { width: 50%; position: absolute; right: 50%; top: 50%; z-index: 9; display: flex; transform: translateX(50%) translateY(-50%); align-items: center; text-align: center; } #c_banner_019-1665454371874 .e_bannerA-2 .p_info div { width: 100%; } #c_banner_019-1665454371874 .e_bannerA-2 .p_subtitle { line-height: 2; padding: 5px 0; } #c_banner_019-1665454371874 .e_bannerA-2 .swiper-container-vertical { height: 400px; } #c_banner_019-1665454371874 .e_bannerA-2 .p_video { width: 100%; height: 100%; z-index: 3; overflow: hidden; margin-right: 0; margin-left: auto; position: relative; } #c_banner_019-1665454371874 .e_bannerA-2 .p_video .videoContent { width: 100%; height: 100%; } #c_banner_019-1665454371874 .e_bannerA-2 .p_video video { width: 100%; height: 100%; background: #000; } #c_banner_019-1665454371874 .e_bannerA-2 .p_videoPoster { position: absolute; width: 100%; height: 100%; z-index: 2; cursor: pointer; } #c_banner_019-1665454371874 .e_bannerA-2 .p_videoPoster::before { content: " "; position: absolute; width: 100%; height: 100%; z-index: 2; background: url("playVideo.png") /*tpa=http://www.sflps.com.cn/npublic/img/playVideo.png*/ no-repeat center center; } #c_banner_019-1665454371874 .e_bannerA-2 .p_videoPoster img { width: 100%; height: 100%; object-fit: cover; } #c_banner_019-1665454371874 .e_bannerA-2 .p_videoInfo { display: none; } @media screen and (max-width: 768px) { #c_banner_019-1665454371874 .e_bannerA-2 .swiper-slide { height: auto; } #c_banner_019-1665454371874 .e_bannerA-2 .p_info { width: 100%; z-index: 9; text-align: center; } #c_banner_019-1665454371874 .e_bannerA-2 .p_subtitle { display: none; } #c_banner_019-1665454371874 .e_bannerA-2 .p_summary { display: none; } #c_banner_019-1665454371874 { margin-top: 85px; } #c_banner_019-1665454371874 .e_bannerA-2 { height: 40vw; } } #c_static_001-1665300681160 { display-radio: 1; background-color: rgba(233, 247, 240, 1); padding-top: 20px; padding-bottom: 30px; height: auto; width: auto; min-height: 100px; } #c_static_001-1665300681160 .e_loop-1 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; justify-content: center; } #c_static_001-1665300681160 .e_loop-1 .p_loopitem { flex: 0 0 33.3%; position: relative; } #c_static_001-1665300681160 .e_loop-1 .p_loopitem:hover .e_container-2, #c_static_001-1665300681160 .e_loop-1 .p_loopitem.select_click .e_container-2 { background: #2bb26b; } #c_static_001-1665300681160 .e_loop-1 .p_loopitem:hover .e_image-6 img, #c_static_001-1665300681160 .e_loop-1 .p_loopitem.select_click .e_image-6 img { filter: grayscale(1) brightness(100); } #c_static_001-1665300681160 .e_loop-1 .p_page { text-align: center; } #c_static_001-1665300681160 .e_loop-1 .p_filter_wrapper { width: 100%; font-size: 13px; } #c_static_001-1665300681160 .e_loop-1 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0; } #c_static_001-1665300681160 .e_loop-1 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px; } #c_static_001-1665300681160 .e_loop-1 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px; } #c_static_001-1665300681160 .e_loop-1 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue; } #c_static_001-1665300681160 .e_loop-1 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px; } #c_static_001-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .multSelect { font-size: 13px; position: relative; } #c_static_001-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .multSelect.is-invalid .inputWrap { border-color: #dc3545; } #c_static_001-1665300681160 .e_loop-1 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px; } #c_static_001-1665300681160 .e_loop-1 .multSelect ul, li { list-style: none; } #c_static_001-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .multSelect .multSelect-option > div { line-height: 24px; cursor: pointer; padding: 0 10px; } #c_static_001-1665300681160 .e_loop-1 .multSelect .multSelect-option > div.selected { color: #409eff; } #c_static_001-1665300681160 .e_loop-1 .multSelect .multSelect-option > div:hover { color: #409eff; background: #f3f6f9; } #c_static_001-1665300681160 .e_loop-1 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px; } #c_static_001-1665300681160 .e_loop-1 .multSelect .inputWrap > .fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px); } #c_static_001-1665300681160 .e_loop-1 .multSelect .inputWrap > .fa-down svg { transform: rotate(-90deg); } #c_static_001-1665300681160 .e_loop-1 .multSelect .inputWrap > .fa-up svg { transform: rotate(90deg); } #c_static_001-1665300681160 .e_loop-1 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0; } #c_static_001-1665300681160 .e_loop-1 .p_normal_start { display: inline; width: 100px; height: 40px; } #c_static_001-1665300681160 .e_loop-1 .p_date_start { display: inline; width: 105px; height: 40px; } #c_static_001-1665300681160 .e_loop-1 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px; } #c_static_001-1665300681160 .e_loop-1 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px; } #c_static_001-1665300681160 .e_loop-1 .p_split { margin: 0 5px; } #c_static_001-1665300681160 .e_loop-1 .p_normal { margin-right: 16px; } #c_static_001-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .input-check, #c_static_001-1665300681160 .e_loop-1 .input-radio { margin: 0 5px; vertical-align: text-top; } #c_static_001-1665300681160 .e_loop-1 .position-left { display: flex; } #c_static_001-1665300681160 .e_loop-1 .position-right { display: flex; flex-direction: row-reverse; } #c_static_001-1665300681160 .e_loop-1 .position-bottom { display: flex; flex-direction: column-reverse; } #c_static_001-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .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-1665300681160 .e_loop-1 .p_active .p_mbutton::before { display: block; } #c_static_001-1665300681160 .e_loop-1 .p_active .p_mbutton::after { display: block; } #c_static_001-1665300681160 .e_loop-1 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px; } #c_static_001-1665300681160 .e_loop-1 .p_filter_result { display: none; } #c_static_001-1665300681160 .e_loop-1 .p_contclear { cursor: pointer; display: none; } #c_static_001-1665300681160 .e_loop-1 .swiper-container { padding-bottom: 30px; } #c_static_001-1665300681160 .e_loop-1 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden; } #c_static_001-1665300681160 .e_loop-1 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px; } #c_static_001-1665300681160 .e_loop-1 .p_imgwrapper img { width: 100%; object-fit: cover; } #c_static_001-1665300681160 .e_loop-1 .p_active .p_imgwrapper { border: 1px solid #409eff; } #c_static_001-1665300681160 .e_loop-1 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal; } #c_static_001-1665300681160 .e_loop-1 .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-1665300681160 .e_container-2 { display: flex; flex-wrap: wrap; flex-direction: row; width: 117px; display-radio: flex; border-style: solid; border-width: 1px; border-color: rgba(43, 178, 107, 1); height: 117px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #c_static_001-1665300681160 .e_container-2 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1665300681160 .e_text-5 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 16px; font-family: Microsoft YaHei; color: rgba(43, 178, 107, 1); text-align: center; } #c_static_001-1665300681160 .e_image-6 { overflow: hidden; display-radio: 1; width: 65%; margin-left: auto; margin-right: auto; } #c_static_001-1665300681160 .e_image-6 img { width: 100%; height: 100%; object-fit: contain; } #c_static_001-1665300681160 .e_container-2 .cbox-2-0 { align-self: center; } #c_static_001-1665300681160 .e_loop-1 .cbox-1:nth-child(odd) { flex: 0 0 auto; margin-right: 10%; } #c_static_001-1665300681160 .e_loop-1 .cbox-1:nth-child(even) { flex: 0 0 auto; } #c_static_001-1665300681160 .e_loop-1 { display-radio: 1; width: 90%; max-width: 980px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { #c_static_001-1665300681160 { display-radio: 1; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; } #c_static_001-1665300681160 .e_image-6 { display-radio: 1; } #c_static_001-1665300681160 .e_container-2 { display-radio: 1; width: 100px; height: 100px; } } @media screen and (min-width: 769px) { } @media screen and (max-width: 1024px) and (min-width: 769px) { } #c_static_001-1665300682672 { min-height: 300px; display-radio: 1; width: auto; height: auto; padding-top: 80px; padding-bottom: 80px; } #c_static_001-1665300682672 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; display-radio: flex; max-width: 980px; height: auto; margin-left: auto; margin-right: auto; } #c_static_001-1665300682672 .e_container-1 > .p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001-1665300682672 .e_text-3 { line-height: 1; font_radio: 2; display-radio: 1; font-size: 20px; font-family: Arial; color: rgba(43, 178, 107, 1); font-weight: bold; text-align: center; } #c_static_001-1665300682672 .e_line-4 { display-radio: 1; border-top-style: solid; border-top-width: 3px; border-top-color: rgba(43, 178, 107, 1); width: 30px; height: auto; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 40px; } #c_static_001-1665300682672 .e_richText-5 { font_radio: 1; display-radio: 1; } #c_static_001-1665300682672 .e_h1-6 { font_radio: 2; display-radio: 1; margin-top: 20px; margin-bottom: 20px; color: rgba(43, 178, 107, 1); font-size: 24px; font-weight: normal; line-height: 1.5; font-family: Microsoft YaHei; text-align: center; } @media screen and (max-width: 768px) { #c_static_001-1665300682672 { display-radio: 1; padding-top: 50px; padding-bottom: 50px; padding-left: 10px; padding-right: 10px; } #c_static_001-1665300682672 .e_container-1 { display-radio: 1; width: 100%; } }