/* Auto-extracted from hk__hk__index.html style blocks */
/* extracted-style-block-1: no-attrs */
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
/* extracted-style-block-2: id="safe-svg-svg-icon-style-inline-css" */
.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%}
/* extracted-style-block-3: id="classic-theme-styles-inline-css" */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/* extracted-style-block-4: id="global-styles-inline-css" */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/* extracted-style-block-5: id="codi-style-inline-css" */
@font-face{ font-family:"Essential";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FEssential%2FEssential.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FEssential%2FEssential.ttf")format("truetype"); } *[data-ico-essential]:before{ font-family:Essential;content:attr(data-ico-essential); } @font-face{ font-family:"FontAwesome5Brands";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome5Brands%2FFontAwesome5Brands.woff")format("woff"); } *[data-ico-fontawesome5brands]:before{ font-family:FontAwesome5Brands;content:attr(data-ico-fontawesome5brands); } @font-face{ font-family:"FontAwesome5Regular";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome5Regular%2FFontAwesome5Regular.woff")format("woff"); } *[data-ico-fontawesome5regular]:before{ font-family:FontAwesome5Regular;content:attr(data-ico-fontawesome5regular); } @font-face{ font-family:"FontAwesome5Solid";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome5Solid%2FFontAwesome5Solid.woff")format("woff"); } *[data-ico-fontawesome5solid]:before{ font-family:FontAwesome5Solid;content:attr(data-ico-fontawesome5solid); } @font-face{ font-family:"FontAwesome6Brands";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Brands%2FFontAwesome6Brands.woff2")format("woff2"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Brands%2FFontAwesome6Brands.ttf")format("truetype"); } *[data-ico-fontawesome6brands]:before{ font-family:FontAwesome6Brands;content:attr(data-ico-fontawesome6brands); } @font-face{ font-family:"FontAwesome6Regular";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Regular%2FFontAwesome6Regular.woff2")format("woff2"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Regular%2FFontAwesome6Regular.ttf")format("truetype"); } *[data-ico-fontawesome6regular]:before{ font-family:FontAwesome6Regular;content:attr(data-ico-fontawesome6regular); } @font-face{ font-family:"FontAwesome6Solid";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Solid%2FFontAwesome6Solid.woff2")format("woff2"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Solid%2FFontAwesome6Solid.ttf")format("truetype"); } *[data-ico-fontawesome6solid]:before{ font-family:FontAwesome6Solid;content:attr(data-ico-fontawesome6solid); } @font-face{ font-family:"Icon7Stroke";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FIcon7Stroke%2FIcon7Stroke.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FIcon7Stroke%2FIcon7Stroke.ttf")format("truetype"); } *[data-ico-icon7stroke]:before{ font-family:Icon7Stroke;content:attr(data-ico-icon7stroke); } @font-face{ font-family:"Data";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FData%2FData.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FData%2FData.ttf")format("truetype"); } *[data-ico-data]:before{ font-family:Data;content:attr(data-ico-data); } @font-face{ font-family:"IoniconsFilled";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsFilled%2FIoniconsFilled.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsFilled%2FIoniconsFilled.ttf")format("truetype"); } *[data-ico-ioniconsfilled]:before{ font-family:IoniconsFilled;content:attr(data-ico-ioniconsfilled); } @font-face{ font-family:"IoniconsLogos";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsLogos%2FIoniconsLogos.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsLogos%2FIoniconsLogos.ttf")format("truetype"); } *[data-ico-ioniconslogos]:before{ font-family:IoniconsLogos;content:attr(data-ico-ioniconslogos); } @font-face{ font-family:"IoniconsOutline";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsOutline%2FIoniconsOutline.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsOutline%2FIoniconsOutline.ttf")format("truetype"); } *[data-ico-ioniconsoutline]:before{ font-family:IoniconsOutline;content:attr(data-ico-ioniconsoutline); } @font-face{ font-family:"IoniconsSharp";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsSharp%2FIoniconsSharp.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsSharp%2FIoniconsSharp.ttf")format("truetype"); } *[data-ico-ioniconssharp]:before{ font-family:IoniconsSharp;content:attr(data-ico-ioniconssharp); } @font-face{ font-family:"It";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIt%2FIt.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIt%2FIt.ttf")format("truetype"); } *[data-ico-it]:before{ font-family:It;content:attr(data-ico-it); } @font-face{ font-family:"Product";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FProduct%2FProduct.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FProduct%2FProduct.ttf")format("truetype"); } *[data-ico-product]:before{ font-family:Product;content:attr(data-ico-product); } @font-face{ font-family:"RemixIconsBuildings";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBuildings%2FRemixIconsBuildings.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBuildings%2FRemixIconsBuildings.ttf")format("truetype"); } *[data-ico-remixiconsbuildings]:before{ font-family:RemixIconsBuildings;content:attr(data-ico-remixiconsbuildings); } @font-face{ font-family:"RemixIconsBusiness";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBusiness%2FRemixIconsBusiness.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBusiness%2FRemixIconsBusiness.ttf")format("truetype"); } *[data-ico-remixiconsbusiness]:before{ font-family:RemixIconsBusiness;content:attr(data-ico-remixiconsbusiness); } @font-face{ font-family:"RemixIconsCommunication";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsCommunication%2FRemixIconsCommunication.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsCommunication%2FRemixIconsCommunication.ttf")format("truetype"); } *[data-ico-remixiconscommunication]:before{ font-family:RemixIconsCommunication;content:attr(data-ico-remixiconscommunication); } @font-face{ font-family:"RemixIconsDesign";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDesign%2FRemixIconsDesign.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDesign%2FRemixIconsDesign.ttf")format("truetype"); } *[data-ico-remixiconsdesign]:before{ font-family:RemixIconsDesign;content:attr(data-ico-remixiconsdesign); } @font-face{ font-family:"RemixIconsDevelopment";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevelopment%2FRemixIconsDevelopment.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevelopment%2FRemixIconsDevelopment.ttf")format("truetype"); } *[data-ico-remixiconsdevelopment]:before{ font-family:RemixIconsDevelopment;content:attr(data-ico-remixiconsdevelopment); } @font-face{ font-family:"RemixIconsDevice";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevice%2FRemixIconsDevice.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevice%2FRemixIconsDevice.ttf")format("truetype"); } *[data-ico-remixiconsdevice]:before{ font-family:RemixIconsDevice;content:attr(data-ico-remixiconsdevice); } @font-face{ font-family:"RemixIconsDocument";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDocument%2FRemixIconsDocument.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDocument%2FRemixIconsDocument.ttf")format("truetype"); } *[data-ico-remixiconsdocument]:before{ font-family:RemixIconsDocument;content:attr(data-ico-remixiconsdocument); } @font-face{ font-family:"RemixIconsEditor";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsEditor%2FRemixIconsEditor.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsEditor%2FRemixIconsEditor.ttf")format("truetype"); } *[data-ico-remixiconseditor]:before{ font-family:RemixIconsEditor;content:attr(data-ico-remixiconseditor); } @font-face{ font-family:"RemixIconsFinance";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsFinance%2FRemixIconsFinance.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsFinance%2FRemixIconsFinance.ttf")format("truetype"); } *[data-ico-remixiconsfinance]:before{ font-family:RemixIconsFinance;content:attr(data-ico-remixiconsfinance); } @font-face{ font-family:"RemixIconsHealth";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsHealth%2FRemixIconsHealth.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsHealth%2FRemixIconsHealth.ttf")format("truetype"); } *[data-ico-remixiconshealth]:before{ font-family:RemixIconsHealth;content:attr(data-ico-remixiconshealth); } @font-face{ font-family:"RemixIconsLogos";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsLogos%2FRemixIconsLogos.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsLogos%2FRemixIconsLogos.ttf")format("truetype"); } *[data-ico-remixiconslogos]:before{ font-family:RemixIconsLogos;content:attr(data-ico-remixiconslogos); } @font-face{ font-family:"RemixIconsMap";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMap%2FRemixIconsMap.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMap%2FRemixIconsMap.ttf")format("truetype"); } *[data-ico-remixiconsmap]:before{ font-family:RemixIconsMap;content:attr(data-ico-remixiconsmap); } @font-face{ font-family:"RemixIconsMedia";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMedia%2FRemixIconsMedia.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMedia%2FRemixIconsMedia.ttf")format("truetype"); } *[data-ico-remixiconsmedia]:before{ font-family:RemixIconsMedia;content:attr(data-ico-remixiconsmedia); } @font-face{ font-family:"RemixIconsOthers";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsOthers%2FRemixIconsOthers.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsOthers%2FRemixIconsOthers.ttf")format("truetype"); } *[data-ico-remixiconsothers]:before{ font-family:RemixIconsOthers;content:attr(data-ico-remixiconsothers); } @font-face{ font-family:"RemixIconsSystem";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsSystem%2FRemixIconsSystem.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsSystem%2FRemixIconsSystem.ttf")format("truetype"); } *[data-ico-remixiconssystem]:before{ font-family:RemixIconsSystem;content:attr(data-ico-remixiconssystem); } @font-face{ font-family:"RemixIconsUser";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsUser%2FRemixIconsUser.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsUser%2FRemixIconsUser.ttf")format("truetype"); } *[data-ico-remixiconsuser]:before{ font-family:RemixIconsUser;content:attr(data-ico-remixiconsuser); } @font-face{ font-family:"RemixIconsWeather";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsWeather%2FRemixIconsWeather.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsWeather%2FRemixIconsWeather.ttf")format("truetype"); } *[data-ico-remixiconsweather]:before{ font-family:RemixIconsWeather;content:attr(data-ico-remixiconsweather); } @font-face{ font-family:"Security";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FSecurity%2FSecurity.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FSecurity%2FSecurity.ttf")format("truetype"); } *[data-ico-security]:before{ font-family:Security;content:attr(data-ico-security); } @font-face{ font-family:"Server";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FServer%2FServer.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FServer%2FServer.ttf")format("truetype"); } *[data-ico-server]:before{ font-family:Server;content:attr(data-ico-server); } @font-face{ font-family:"Startup";src:url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FStartup%2FStartup.woff")format("woff"),url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FStartup%2FStartup.ttf")format("truetype"); } *[data-ico-startup]:before{ font-family:Startup;content:attr(data-ico-startup); }
/* extracted-style-block-6: no-attrs */
@font-face{font-family:"Auto Signature";font-style:normal;font-weight:400;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Fcustom-fonts%2FAuto%2520Signature%2FaAutoSignature.ttf)format("truetype");}
/* extracted-style-block-7: id="wp-custom-css" */
@font-face{font-family:Lato;font-style:italic;font-weight:300;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-ThinItalic.woff)}
@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Thin.woff)}
@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-RegularItalic.woff)}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Regular.woff)}
@font-face{font-family:Lato;font-style:italic;font-weight:600;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-SemiboldItalic.woff)}
@font-face{font-family:Lato;font-style:normal;font-weight:600;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Semibold.woff)}
@font-face{font-family:Lato;font-style:italic;font-weight:700;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-BoldItalic.woff)}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Bold.woff)}
@font-face{font-family:Lato;font-style:italic;font-weight:800;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-HeavyItalic.woff)}
@font-face{font-family:Lato;font-style:normal;font-weight:600;font-display:swap;src:url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Heavy.woff)}
body{
font-family:Lato;
letter-spacing:0.5px; background-
}
.site-branding-logo-text {
margin-top: 18px;
margin-bottom: 18px;
}
.logo-img {
width: 138px !important;
height: 45px !important;
}
.industryRight {
border-left: 1px solid var(--inputs-outline);
}
@media (max-width:480px) {
.industryRight {
border-left: none;
border-top: 1px solid var(--inputs-outline);
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.wenhuaText {
display: flex
}
.wenhuaText strong {
display: inline-block;
width: 60px;
margin-right: 10px
}
.wenhuaCard {
transition: 0.5s ease;
border: 1px solid #ececec !important;
}
.wenhuaCard:hover {
background-color: #0327dc !important;
background: url('/api/mirror?path=%2Fwp-content%2Fuploads%2F2024%2F03%2F%E4%BC%81%E4%B8%9A%E6%96%87%E5%8C%96%E8%83%8C%E6%99%AF-1.png');
background-repeat: no-repeat;
background-position: right top;
color: white;
transition: color 0.5s ease;
/* background-size: cover; */
}
.licenseImage {
width: 100%;
text-align: center;
margin-left: 0px !important;
margin-top: 0 !important
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]),
textarea {
padding: 0.8em 1.25em;
min-height: 32px;
}
input:not([type=submit]):not([type=checkbox]):not([type=radio]),
textarea {
min-height: 32px;
}
.bold_timeline_item_header {
background-image: url("/api/mirror?path=%2Fwp-content%2Fuploads%2F2024%2F03%2F45px%402x.png")
}
.bt_bb_align_left .bt_bb_image+.bt_bb_image {
margin-left: 0 !important
}
@media (max-width: 1200px) {
.cardCo {
margin-top: 30px
}
}
/* 帖子背景样式
.bt-blog-header-content .bt_bb_section {background: radial-gradient(100% 100% at 48.52% 0%, #DBE9FF 1.56%, rgba(219, 233, 255, 0.6) 52.6%, rgb(255, 255, 255) 100%) !important;
}*/
.bt-blog-header-content .bt_bb_section {
background: radial-gradient(100% 100% at 48.52% 0%, #DBE9FF 1.56%, rgba(219, 233, 255, 0.6) 52.6%, rgb(255, 255, 255) 100%) !important;
width: 100% !important;
/* position: absolute;
left: 50%;
transform: translateX(-50%); */
}
.portfolio-template-default .bt-blog-header-content{
position:absolute;
width:100%
}
.portfolio-template-default .site-content#content,single-portfolio .site-content#content{
margin-top:3rem !important
}
.bt-blog-header-content .bt_bb_background_image_holder_wrapper .bt_bb_background_image_holder.btLazyLoadBackground.btLazyLoaded{
background-image: none !important;
}
/* 特色图片样式 */
.single article.portfolio:not(:last-child) {justify-content: center;}
.entry-content .article-media{
display:none !important
}
.entry-content .slick-slider .slick-list {
display: none
}
.entry-content .article-media .media-box {
display: none;
}
.single-portfolio article.portfolio .entry-content .portfolio-meta {
grid-area: none;
}
.single article.post .entry-header, .single article.portfolio .entry-header,.entry-header.single{
width:auto}
/* .entry-header{
width:max-content !important} */
.single-portfolio article.portfolio .entry-content{
display:inline-block !important
}
/* 案例卡片 */
.bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content{background:#F7F9FA; padding:1em;}
.bt_bb_grid_item_post_excerpt{color:#666666; font-size:14px;line-height:26px;}
.bt_bb_css_post_grid.bt_bb_title_font_weight_500 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title{
font-size:18px; letter-spacing:2px;color:#2D3032;
}
/* 案例文章分页部分 */
.navigation.post-navigation{
width:1200px !important;
margin:0 auto !important;
}
/* 新闻列表面 */
@media (min-width:600px) {
body.sidebar-position-left .site-content, body.sidebar-position-right .site-content, body.single-post .site-content, body.single-portfolio .site-content, body.single-product .site-content, body.blog .site-content, body.archive .site-content, body.post-type-archive .site-content, body.search-results .site-content{width:100%;margin:auto;}
@media (max-width:430px) {
body.sidebar-position-left .site-content, body.sidebar-position-right .site-content, body.single-post .site-content, body.single-portfolio .site-content, body.single-product .site-content, body.blog .site-content, body.archive .site-content, body.post-type-archive .site-content, body.search-results .site-content{width:100%;margin:auto;}
}
.sidebar-headline-size-medium .widget-area .sidebar-box h2, .sidebar-headline-size-medium .widget-area .sidebar-box h3, .sidebar-headline-size-medium .widget-area .sidebar-box h4, .default-headline-size-medium .page-header .page-title, .blog-list-headline-size-medium.blog .post .entry-header .entry-title, .blog-list-headline-size-medium.archive .post .entry-header .entry-title, .blog-single-headline-size-medium.single-post .entry-header .entry-title, .pf-list-headline-size-medium .portfolio .entry-header .entry-title, .pf-single-headline-size-medium.single-portfolio .entry-header .entry-title, .search-list-headline-size-medium .search .entry-header .entry-title, .shop-list-headline-size-medium.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-medium.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title, .shop-list-headline-size-medium.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title, .shop-single-headline-size-medium.woocommerce .product .entry-header .page-title, .shop-single-headline-size-medium.woocommerce-page .product .entry-header .page-title, .shop-list-headline-size-medium .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title, .blog-single-headline-size-medium .comments-area .comments-title{font-size:1.6rem; line-height:2.2rem;}
.animate:not(.bt_bb_section):not(.btArticleListItem):nth-child(1){padding-bottom:20px; margin-bottom:20px;}
.excerpt.excerpt-entry-sub-meta{background:#f6f7f8;color:#666666; font-size:0.8rem;padding:0.3rem 1rem; letter-spacing:2px;}
article.article-list-item .entry-content, article.search .entry-content{color:#666666;font-size:1rem; line-height:1.6rem}
/* 新闻详情头 */
@media (min-width:600px) {
.single article.post .entry-header, .single article.portfolio .entry-header, .entry-header.single{width:900px; margin:none;float:left;}
}
@media (max-width:430px) {
.single article.post .entry-header, .single article.portfolio .entry-header, .entry-header.single{width:80%; margin:auto;}
}
}
/* extracted-style-block-8: no-attrs */
#content1 {
height: calc(100vh - 80px) !important;
}
#content1 .bt_bb_section .bt_bb_background_image_holder_wrapper {
background-position: center !important;
}
#topBottom2 {
width: 100%;
height: 80px;
position: absolute;
bottom: 0
}
h2{font-family:"lato"，"Helvetica Neue","PingFang SC","Microsoft YaHei";}
.card {
background-color: #F2F5F9;
height: 320px;
font-weight: normal;
cursor: pointer;
}
.card:hover .bt_bb_card_icon_inner>*,
.card:hover .bt_bb_card_icon_text>* {
color: white
}
.card:hover {
background: url('//wp-content/uploads/2024/03/服务卡片.png') !important;
background-repeat: no-repeat !important;
background-position: left top;
}
.card .bt_bb_card_icon_inner>* {
color: #0327DC
}
.card .bt_bb_card_icon_text>* {
color: #1E2021;
/* font-size: 14px */
}
.card .bt_bb_card_icon_text {
padding-top: 10px !important
}
.card .bt_bb_card_icon_title * {
font-size: 20px !important
}
@media (max-width:768px){
.card .bt_bb_card_icon_title * {
font-size: 16px !important
}
.card .bt_bb_card_icon_text>* {
font-size: 14px !important
}
}
.card .bt_bb_card_icon_icon {
padding-bottom: 10px !important
}
/* 服务能力卡片：整块可点；子元素默认会拦截点击，需连同后代一起关闭 */
.card.btWithLink .bt_bb_card_icon_inner * {
pointer-events: none;
}
.card.btWithLink .bt_bb_card_icon_inner .btCardLink {
pointer-events: auto;
position: absolute;
inset: 0;
z-index: 3;
}
.companyLogo img {
cursor: pointer;
transition: transform 0.3s ease;
}
.companyLogo img:hover {
transform: scale(1.2);
transition: transform 0.3s ease;
}
/* 合作伙伴：双行横向无限走马灯；上行向左、下行向右；宽屏全宽 */
.companyLogo .partner-logo-marquee-root {
width: 100%;
max-width: 100%;
}
.companyLogo .partner-logo-marquee-stack {
display: flex;
flex-direction: column;
gap: clamp(16px, 2.5vw, 28px);
width: 100%;
}
.companyLogo .partner-logo-marquee-stack.partner-logo-marquee-wide {
width: 100vw;
max-width: none;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.companyLogo .partner-logo-marquee-viewport {
overflow: hidden;
width: 100%;
max-width: 100%;
-webkit-mask-image: linear-gradient(
to right,
transparent,
#000 48px,
#000 calc(100% - 48px),
transparent
);
mask-image: linear-gradient(
to right,
transparent,
#000 48px,
#000 calc(100% - 48px),
transparent
);
}
.companyLogo .partner-logo-marquee-track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: max-content;
will-change: transform;
}
.companyLogo .partner-logo-marquee-track--left {
animation: partner-logo-marquee-scroll 55s linear infinite;
}
.companyLogo .partner-logo-marquee-track--right {
animation: partner-logo-marquee-scroll 62s linear infinite reverse;
}
.companyLogo .partner-logo-marquee-viewport:hover .partner-logo-marquee-track {
animation-play-state: paused;
}
.companyLogo .partner-logo-marquee-row.bt_bb_css_image_grid_content {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
flex: 0 0 auto;
align-items: center;
gap: clamp(28px, 4vw, 56px);
padding: 8px 24px;
margin: 0;
width: auto;
grid-template-columns: unset !important;
grid-template-rows: unset !important;
}
.companyLogo .partner-logo-marquee-row .bt_bb_css_image_grid_item {
flex: 0 0 auto;
width: auto;
min-width: 0;
}
.companyLogo .partner-logo-marquee-row .bt_bb_css_image_grid_item_inner_image {
display: flex;
align-items: center;
justify-content: center;
width: clamp(100px, 12vw, 150px);
height: clamp(44px, 6vw, 64px);
}
.companyLogo .partner-logo-marquee-root.bt_bb_css_image_grid .partner-logo-marquee-row .bt_bb_css_image_grid_item .bt_bb_css_image_grid_item_inner .bt_bb_css_image_grid_item_inner_image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain !important;
vertical-align: middle;
}
@keyframes partner-logo-marquee-scroll {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.companyLogo .partner-logo-marquee-track--left,
.companyLogo .partner-logo-marquee-track--right {
animation: none;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
.companyLogo .partner-logo-marquee-viewport {
overflow: visible;
-webkit-mask-image: none;
mask-image: none;
}
.companyLogo .partner-logo-marquee-row--clone {
display: none !important;
}
.companyLogo .partner-logo-marquee-row.bt_bb_css_image_grid_content {
flex-wrap: wrap;
justify-content: center;
row-gap: 20px;
}
.companyLogo .partner-logo-marquee-stack.partner-logo-marquee-wide {
width: 100%;
left: auto;
right: auto;
margin-left: 0;
margin-right: 0;
}
}
.topBottom1 {
height: 80px;
background-color: #0327DC;
margin-top: -80px;
}
@media (max-width: 1200px) {
.topBottom1 {
margin-top: -72px;
height: 72px
}
.topBottom1 .bt_bb_row .bt_bb_column:nth-child(6n+9) {
margin-top: 10px
}
}
@media (max-width:768px) {
#content1 .bt_bb_background_image_holder_wrapper {
background-position: calc(50% - 200px) center !important;
}
}
/* extracted-style-block-9: no-attrs */
.bannerLine1,
.bannerLine2 {
display: flex;
align-items: center;
justify-content: space-around;
}
.bannerMobile {
display: flex;
align-items: center;
justify-content: center;
width: max-content;
margin: 0 auto;
}
.bannerLineItem {
display: flex;
align-items: center;
white-space: nowrap;
margin-right: 65px;
width: 142px;
}
.bannerLine2 .bannerLineItem:last-child {
margin-right: 0;
}
.bannerLineText {
margin-left: 10px;
}
.bannerLineText * {
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
text-align: left;
}
.bannerLineIcon img {
width: 48px;
height: 48px;
max-width: none !important;
}
.bannerMobileTotal {
width: 100%;
padding: 16px 0;
}
@media screen and (max-width: 1200px) {
.bannerMobile {
display: block;
}
.bannerLineItem {
display: flex;
align-items: center;
white-space: nowrap;
margin-right: 0;
width: 142px;
}
.bannerLine1,
.bannerLine2 {
opacity: 1;
transition: 0.5s ease-in-out;
}
.bannerLineText * {
font-size: 12px;
}
.bannerLineIcon img {
width: 36px;
height: 36px;
max-width: none !important;
}
.notAcctive {
display: none;
opacity: 0;
transition: 0.5s ease-in-out;
}
}
/* extracted-style-block-10: no-attrs */
body {
margin: 0;
padding: 0;
}
.totalContainer {
background-color: #FFFFFF60;
width: auto;
}
.total {
border-bottom: none;
background-color: #ffffff60;
min-height: 509px;
margin: 0 auto;
position: relative;
}
.tabBox {
display: flex;
padding: 0 20px;
margin: 0 auto;
padding-bottom: 10px;
border: #ECECEC 1px solid;
border-bottom: none;
justify-content: space-around;
}
.arrow {
width: max-content;
display: flex;
align-items: center;
}
.arroww {
display: flex;
font-size: 20px;
align-items: center;
color: #606466;
cursor: pointer;
visibility: hidden;
transition: 0.5s ease-in-out;
position: sticky;
opacity: 1;
z-index: 2;
}
.arroww>div {
display: inline-block;
height: 64px;
}
.arroww>div>div {
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
background-color: #ffffff90;
border-radius: 60px;
border: 1px solid #ECECEC;
}
.numBox {
text-align: center;
width: max-content;
height: 90px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.numBox:first-child {
margin-left: 0;
}
.tabItem {
display: flex;
cursor: pointer;
transition: all 0.4s;
}
.numBox>div:first-child {
border: #ECECEC 1px solid;
border-radius: 100px;
line-height: 40px;
width: 40px;
height: 40px;
margin: 10px 16px;
color: #184C6C;
transition: all 0.4s;
}
.numBox>div:nth-child(2) {
color: #606466
}
.active .numBox>div:first-child {
background-color: #0327DC;
color: #fff;
border: 1px solid #0327DC;
transition: all 0.4s;
}
.active div:nth-child(2) {
color: #184C6C
}
.content {
padding: 0 20px;
flex: 1;
text-align: left;
flex-wrap: wrap !important;
}
.content:first-child {
margin-right: 20px;
}
.content:nth-child(2) {
border-left: 1px solid #ECECEC;
}
.title2 {
height: 28px;
font-weight: 500;
font-size: 20px;
color: #1E2021;
line-height: 28px;
text-align: left;
}
.chipBox {
margin: 10px 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.chip {
font-size: 14px;
color: #3D3D3D;
padding: 8px 20px;
border-radius: 20px;
white-space: nowrap;
border: 1px solid #ECECEC;
}
/* .chip:first-child {
margin-left: 0;
} */
.textBox * {
font-size: 14px;
color: #1E2021;
line-height: 24px;
}
.textBox {
width: 80%;
}
.button {
margin-top: 10px;
padding: 13px 20px;
font-size: 14px;
border-radius: 20px;
border: 1px solid #0327DC;
color: #0327DC;
line-height: 14px;
display: inline-block;
cursor: pointer;
}
.content .imgBox img {
width: 200px;
}
.arrow {
width: max-content;
height: 64px;
vertical-align: middle;
}
.contentBox22 {
height: auto;
margin-left: 0 !important;
}
.contentItem {
justify-content: space-between;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
opacity: 0;
display: flex;
box-sizing: border-box;
width: 100%;
transform: translateY(20px);
visibility: hidden;
height: 0;
}
.contentItem.aactive {
padding-top: 30px;
padding-bottom: 60px;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
opacity: 1;
transform: translateY(0px);
visibility: visible;
border: 1px solid #ECECEC;
height: auto;
}
.buttonBox {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 24px;
}
.buttonBox .btn2 {
flex-shrink: 0;
padding: 4px 20px;
border: 1px solid #9DA1A2;
font-size: 14px;
color: #3D3D3D;
line-height: 32px;
text-align: center;
transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
cursor: pointer;
border-radius: 20px;
}
.buttonBox .btn2.acttive1 {
background-color: #026AED;
border: 1px solid #026AED;
color: #FFFFFF;
transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.flowContent {
opacity: 0;
display: none;
visibility: hidden;
transition: all 0.5s ease-in-out;
}
.flowContent.acttive2 {
opacity: 1;
display: block;
visibility: visible;
transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1400px) {
.total {
width: 100%;
margin: 0 auto;
}
.arroww {
transition: 0.5s ease-in-out;
visibility: visible;
}
.chip {
white-space: nowrap;
}
.tabBox {
overflow-x: scroll;
scroll-behavior: smooth;
border-radius: 20px 20px 0 0;
}
.content {
transition: 0.5s ease-in-out;
opacity: 1;
overflow: hidden;
}
.contentItem {
border-radius: 0 0 20px 20px;
}
}
@media screen and (max-width: 768px) {
.total {
width: 100%;
margin: 0 auto;
min-width: none !important;
}
.contentItem {
display: block;
clip: calc(0, 0, 0);
}
.content:first-child {
padding-bottom: 20px;
margin-right: 0;
}
.content:nth-child(2) {
border-top: 1px solid #ececec;
border-left: none;
margin-left: 10px;
padding: 0;
margin-right: 10px;
padding-top: 10px;
}
.chipBox {
padding: 5px 4px;
background-color: #F2F5F9;
}
.chip {
border: none;
padding: 0;
margin-left: 20px;
line-height: 20px;
font-size: 14px;
height: 20px;
color: #3D3D3D;
}
.chip:first-child {
padding: 0;
margin-left: 0;
}
.tabBox {
justify-content: normal;
}
.arrow {
visibility: hidden;
}
.textBox {
width: 100%;
}
}
/* extracted-style-block-11: no-attrs */
.pie {
width: 100%;
padding-bottom: 100px;
}
.pieChart {
width: 491px;
position: relative;
margin: 0 auto;
height: 458px;
}
.pieChart .after,
.pieChart .before {
width: 500px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.pieChart .hover {
opacity: 0;
}
.before {
transition: 0.5s ease-in-out;
}
.after {
opacity: 0;
transition: 0.5s ease-in-out;
z-index: 1;
}
.zfx {
cursor: pointer;
z-index: 4;
position: absolute;
}
.zfx1 {
width: 194px;
height: 170px;
top: 10px;
left: 0;
opacity: 0;
}
.zfx2 {
width: 158px;
height: 129px;
top: 194px;
left: -6px;
transform: rotate(70deg);
}
.zfx3 {
width: 170px;
height: 169px;
top: 309px;
left: 102px;
transform: rotate(49deg);
}
.zfx4 {
width: 180px;
height: 155px;
left: 204px;
transform: rotate(11deg);
}
.zfx5 {
width: 152px;
height: 137px;
left: 330px;
top: 101px;
transform: rotate(-41deg);
}
.zfx6 {
width: 160px;
height: 207px;
left: 297px;
top: 245px;
transform: rotate(25deg);
}
.before1 {
opacity: 0;
}
.before5 {
z-index: 3;
}
.after1 {
opacity: 1;
}
.infoBox {
width: 373px;
/* height: 170px; */
padding: 10px 20px;
position: absolute;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.infoBox .infoTitle {
font-weight: 500;
font-size: 20px;
color: #121212;
transition: 0.5s ease-in-out;
text-align: left;
}
.infoBox .infoLine1 {
margin-top: 10px;
font-weight: 300;
font-size: 14px;
color: #121212;
line-height: 24px;
text-align: left;
transition: 0.5s ease-in-out;
}
.infoBox .infoLine2 {
opacity: 1;
font-weight: 300;
font-size: 14px;
/* color: rgba(255, 255, 255, 0.75); */
line-height: 22px;
text-align: left;
margin-top: 10px;
transition: 0.5s ease-in-out;
}
.infoBox.active .infoLine2 {
transition: 0.5s ease-in-out;
color: rgba(255, 255, 255);
opacity: 1;
}
.infoBox1 {
top: 0;
left: -441px;
}
.infoBox2 {
top: 217px;
left: -441px;
}
.infoBox3 {
top: 450px;
left: -441px;
}
.infoBox4,
.infoBox5,
.infoBox6 {
right: 0;
}
.infoBox4 {
top: 0;
right: -441px;
}
.infoBox5 {
top: 217px;
right: -441px;
}
.infoBox6 {
top: 434px;
right: -441px;
}
.infoBox.active {
background-color: #0327DC;
transition: 0.5s ease-in-out;
}
.infoBox.active .infoLine1 {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.infoBox.active .infoTitle {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.line {
width: 277px;
height: 1px;
border-top: 1px solid #E0E2FC;
position: absolute;
transition: 0.5s ease-in-out;
z-index: -1;
}
.line1,
.line2,
.line3 {
left: -49px;
}
.line1 {
top: 100px;
}
.line2 {
top: 278px;
}
.line3 {
top: 453px;
}
.line4,
.line5,
.line6 {
right: -38px;
width: 201px;
}
.line4 {
top: 60px;
}
.line5 {
top: 238px;
}
.line6 {
top: 441px;
}
.line.active3 {
border-top: 1px solid #4A88E0;
transition: 0.5s ease-in-out;
}
.center {
width: 194px !important;
z-index: 4;
position: absolute;
top: 127px;
left: 147px;
}
/* @media (max-width: 768px) {
.pie {
width: 100%;
padding-bottom: 5vh;
}
.pieChart {
width: 294px;
height: 273px;
}
.pieChart .after,
.pieChart .before {
width: 300px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.center {
width: 114px !important;
z-index: 3;
position: absolute;
top: 74px;
left: 90px;
}
} */
/* extracted-style-block-12: no-attrs */
.sixMobileTotal {
width: 100%;
}
.mobileTotal {
margin: 0 auto;
/* width: max-content; */
}
.infoBoxx {
width: 100%;
transition: 0.5s ease-in-out;
cursor: pointer;
border-radius: 10px;
/* width: max-content; */
margin-top: 10px;
}
.infoBoxx:first-child {
margin-top: 0;
}
.infoBoxx .infoTitlee {
font-weight: 500;
font-size: 20px;
color: #121212;
transition: 0.5s ease-in-out;
text-align: left;
}
.infoBoxx .infoLine11 {
margin-top: 10px;
font-weight: 300;
font-size: 14px;
color: #121212;
line-height: 24px;
text-align: left;
transition: 0.5s ease-in-out;
}
.infoBoxx.activve {
background-color: #0327DC;
transition: 0.5s ease-in-out;
padding: 10px 20px;
}
.infoBoxx .infoLine22 {
font-weight: 300;
font-size: 14px;
/* color: rgba(255, 255, 255, 0.75); */
line-height: 22px;
text-align: left;
margin-top: 10px;
transition: 0.5s ease-in-out;
display: none;
opacity: 0;
}
.infoBoxx.activve .infoLine22 {
color: rgba(255, 255, 255);
opacity: 1;
display: block;
transition: 0.5s ease-in-out;
}
.infoBoxx.activve .infoLine11 {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.infoBoxx.activve .infoTitlee {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.infoBoxx .showBoxx{
padding: 10px 0;
border-bottom: 1px solid #ECECEC;
}
.infoBoxx.activve .showBoxx{
padding:0;
border:none;
}
/* extracted-style-block-13: no-attrs */
.total2 {
margin: 0 auto;
display: flex;
align-items: flex-start;
width: max-content;
}
.serviceImg {
width: 552px;
height: 670px;
}
.services2 {
margin-left: 48px;
}
.service2 {
width: 523px;
border: 1px solid #ECECEC;
border-radius: 10px;
background-color: #FFFFFF50;
margin-top: 20px;
padding: 12px;
display: flex;
align-items: center;
cursor: pointer;
transition: background-color 0.8s ease;
}
.services2 .titleBox {
height: 100px;
}
.title1 {
font-weight: 600;
font-size: 32px;
color: #1E2021;
line-height: 45px;
letter-spacing: 1px;
text-align: left;
}
.title2 {
width: 460px;
font-size: 20px;
color: #3D3D3D;
line-height: 28px;
text-align: left;
margin-top: 8px;
margin-bottom: 12px;
}
.contentBox {
margin-left: 20px;
}
.contentBox .top {
font-weight: 500;
font-size: 20px;
color: #606466;
line-height: 28px;
text-align: left;
}
.contentBox .bottom {
margin-top: 10px;
width: 431px;
font-size: 14px;
color: #606466;
line-height: 20px;
text-align: left;
}
.service2.active1 {
background-color: #0327DC;
}
.service2.active1 .contentBox .top {
color: #FFFFFF;
}
.service2.active1 .contentBox .bottom {
color: #FFFFFF70;
}
.serviceImg {
position: relative;
width: 552px;
height: 670px;
overflow: hidden;
}
.slider {
display: flex;
transition: transform 0.5s ease;
position: relative;
}
.slider img {
flex: 1 0 100%;
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.slider img:hover {
transform: scale(1.2);
}
.dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
display: flex;
}
.dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFFFFF;
margin: 0 5px;
cursor: pointer;
}
.icon {
width: 48px;
}
.active {
background-color: #FFFFFF30;
}
.icon:last-child {
display: none;
}
.active1 .icon:last-child {
display: inline-block;
}
.active1 .icon:first-child {
display: none;
}
/* extracted-style-block-14: no-attrs */
.total22 {
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: center;
}
.service01:first-child {
margin-top: 0px;
}
.service01 .service22Top {
background-color: #FFFFFF50;
padding: 12px;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s ease;
}
.contentBoxx {
margin-left: 20px;
}
.contentBoxx .topp {
font-weight: 500;
font-size: 20px;
color: #606466;
line-height: 28px;
text-align: left;
}
.contentBoxx .bottomm {
margin-top: 10px;
/* width: 263px; */
font-size: 14px;
color: #606466;
line-height: 20px;
text-align: left;
}
.service01 {
border: 1px solid #ECECEC;
border-radius: 10px;
margin-top: 20px;
}
.service01.activeee1 {
background: linear-gradient(180deg, #0327DC 10%, rgba(3, 39, 220, 0) 33%, rgba(3, 39, 220, 0) 100%);
border: 1px solid #0021FF;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .service22Top {
background-color: transparent;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .contentBoxx .topp {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .contentBoxx .bottomm {
color: #FFFFFF70;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .service22Img {
opacity: 1;
transition: 0.5s ease-in-out;
}
.service01 .service22Img {
opacity: 0;
transition: 0.5s ease-in-out;
text-align: center;
}
.service01 .service22Img img {
padding: 20px;
opacity: 0;
display: none;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .service22Img img {
opacity: 1;
display: inline-block;
transition: 0.5s ease-in-out;
}
.iconn {
width: 48px;
}
.active {
background-color: #FFFFFF30;
}
.iconn:last-child {
display: none;
}
.activeee1 .iconn:last-child {
display: inline-block;
}
.activeee1 .iconn:first-child {
display: none;
}
.imgBoxx {
width: 48px;
height: 48px;
flex-shrink: 0;
}
/* extracted-style-block-15: no-attrs */
#bannerCanvas {
position: absolute;
display: block;
width: 100vw;
height: 100vh;
}
.grid-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
z-index: 0;
}
/* extracted-style-block-16: no-attrs */
.bannerLine1,
.bannerLine2 {
display: flex;
align-items: center;
justify-content: space-around;
}
.bannerMobile {
display: flex;
align-items: center;
justify-content: center;
width: max-content;
margin: 0 auto;
}
.bannerLineItem {
display: flex;
align-items: center;
white-space: nowrap;
margin-right: 65px;
width: 142px;
}
.bannerLine2 .bannerLineItem:last-child {
margin-right: 0;
}
.bannerLineText {
margin-left: 10px;
}
.bannerLineText * {
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
text-align: left;
}
.bannerLineIcon img {
width: 48px;
height: 48px;
max-width: none !important;
}
.bannerMobileTotal {
width: 100%;
padding: 16px 0;
}
@media screen and (max-width: 1200px) {
.bannerMobile {
display: block;
}
.bannerLineItem {
display: flex;
align-items: center;
white-space: nowrap;
margin-right: 0;
width: 142px;
}
.bannerLine1,
.bannerLine2 {
opacity: 1;
transition: 0.5s ease-in-out;
}
.bannerLineText * {
font-size: 12px;
}
.bannerLineIcon img {
width: 36px;
height: 36px;
max-width: none !important;
}
.notAcctive {
display: none;
opacity: 0;
transition: 0.5s ease-in-out;
}
}
/* extracted-style-block-17: no-attrs */
body {
margin: 0;
padding: 0;
}
.totalContainer {
background-color: #FFFFFF60;
width: auto;
}
.total {
border-bottom: none;
background-color: #ffffff60;
min-height: 509px;
margin: 0 auto;
position: relative;
}
.tabBox {
display: flex;
padding: 0 20px;
margin: 0 auto;
padding-bottom: 10px;
border: #ECECEC 1px solid;
border-bottom: none;
justify-content: space-around;
}
.arrow {
width: max-content;
display: flex;
align-items: center;
}
.arroww {
display: flex;
font-size: 20px;
align-items: center;
color: #606466;
cursor: pointer;
visibility: hidden;
transition: 0.5s ease-in-out;
position: sticky;
opacity: 1;
z-index: 2;
}
.arroww>div {
display: inline-block;
height: 64px;
}
.arroww>div>div {
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
background-color: #ffffff90;
border-radius: 60px;
border: 1px solid #ECECEC;
}
.numBox {
text-align: center;
width: max-content;
height: 90px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.numBox:first-child {
margin-left: 0;
}
.tabItem {
display: flex;
cursor: pointer;
transition: all 0.4s;
}
.numBox>div:first-child {
border: #ECECEC 1px solid;
border-radius: 100px;
line-height: 40px;
width: 40px;
height: 40px;
margin: 10px 16px;
color: #184C6C;
transition: all 0.4s;
}
.numBox>div:nth-child(2) {
color: #606466
}
.active .numBox>div:first-child {
background-color: #0327DC;
color: #fff;
border: 1px solid #0327DC;
transition: all 0.4s;
}
.active div:nth-child(2) {
color: #184C6C
}
.content {
padding: 0 20px;
flex: 1;
text-align: left;
flex-wrap: wrap !important;
}
.content:first-child {
margin-right: 20px;
}
.content:nth-child(2) {
border-left: 1px solid #ECECEC;
}
.title2 {
height: 28px;
font-weight: 500;
font-size: 20px;
color: #1E2021;
line-height: 28px;
text-align: left;
}
.chipBox {
margin: 10px 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.chip {
font-size: 14px;
color: #3D3D3D;
padding: 8px 20px;
border-radius: 20px;
white-space: nowrap;
border: 1px solid #ECECEC;
}
/* .chip:first-child {
margin-left: 0;
} */
.textBox * {
font-size: 14px;
color: #1E2021;
line-height: 24px;
}
.textBox {
width: 80%;
}
.button {
margin-top: 10px;
padding: 13px 20px;
font-size: 14px;
border-radius: 20px;
border: 1px solid #0327DC;
color: #0327DC;
line-height: 14px;
display: inline-block;
cursor: pointer;
}
.content .imgBox img {
width: 200px;
}
.arrow {
width: max-content;
height: 64px;
vertical-align: middle;
}
.contentBox22 {
height: auto;
margin-left: 0 !important;
}
.contentItem {
justify-content: space-between;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
opacity: 0;
display: flex;
box-sizing: border-box;
width: 100%;
transform: translateY(20px);
visibility: hidden;
height: 0;
}
.contentItem.aactive {
padding-top: 30px;
padding-bottom: 60px;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
opacity: 1;
transform: translateY(0px);
visibility: visible;
border: 1px solid #ECECEC;
height: auto;
}
.buttonBox {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 24px;
}
.buttonBox .btn2 {
flex-shrink: 0;
padding: 4px 20px;
border: 1px solid #9DA1A2;
font-size: 14px;
color: #3D3D3D;
line-height: 32px;
text-align: center;
transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
cursor: pointer;
border-radius: 20px;
}
.buttonBox .btn2.acttive1 {
background-color: #026AED;
border: 1px solid #026AED;
color: #FFFFFF;
transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.flowContent {
opacity: 0;
display: none;
visibility: hidden;
transition: all 0.5s ease-in-out;
}
.flowContent.acttive2 {
opacity: 1;
display: block;
visibility: visible;
transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 1400px) {
.total {
width: 100%;
margin: 0 auto;
}
.arroww {
transition: 0.5s ease-in-out;
visibility: visible;
}
.chip {
white-space: nowrap;
}
.tabBox {
overflow-x: scroll;
scroll-behavior: smooth;
border-radius: 20px 20px 0 0;
}
.content {
transition: 0.5s ease-in-out;
opacity: 1;
overflow: hidden;
}
.contentItem {
border-radius: 0 0 20px 20px;
}
}
@media screen and (max-width: 768px) {
.total {
width: 100%;
margin: 0 auto;
min-width: none !important;
}
.contentItem {
display: block;
clip: calc(0, 0, 0);
}
.content:first-child {
padding-bottom: 20px;
margin-right: 0;
}
.content:nth-child(2) {
border-top: 1px solid #ececec;
border-left: none;
margin-left: 10px;
padding: 0;
margin-right: 10px;
padding-top: 10px;
}
.chipBox {
padding: 5px 4px;
background-color: #F2F5F9;
}
.chip {
border: none;
padding: 0;
margin-left: 20px;
line-height: 20px;
font-size: 14px;
height: 20px;
color: #3D3D3D;
}
.chip:first-child {
padding: 0;
margin-left: 0;
}
.tabBox {
justify-content: normal;
}
.arrow {
visibility: hidden;
}
.textBox {
width: 100%;
}
}
/* extracted-style-block-18: no-attrs */
.pie {
width: 100%;
padding-bottom: 100px;
}
.pieChart {
width: 491px;
position: relative;
margin: 0 auto;
height: 458px;
}
.pieChart .after,
.pieChart .before {
width: 500px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.pieChart .hover {
opacity: 0;
}
.before {
transition: 0.5s ease-in-out;
}
.after {
opacity: 0;
transition: 0.5s ease-in-out;
z-index: 1;
}
.zfx {
cursor: pointer;
z-index: 4;
position: absolute;
}
.zfx1 {
width: 194px;
height: 170px;
top: 10px;
left: 0;
opacity: 0;
}
.zfx2 {
width: 158px;
height: 129px;
top: 194px;
left: -6px;
transform: rotate(70deg);
}
.zfx3 {
width: 170px;
height: 169px;
top: 309px;
left: 102px;
transform: rotate(49deg);
}
.zfx4 {
width: 180px;
height: 155px;
left: 204px;
transform: rotate(11deg);
}
.zfx5 {
width: 152px;
height: 137px;
left: 330px;
top: 101px;
transform: rotate(-41deg);
}
.zfx6 {
width: 160px;
height: 207px;
left: 297px;
top: 245px;
transform: rotate(25deg);
}
.before1 {
opacity: 0;
}
.before5 {
z-index: 3;
}
.after1 {
opacity: 1;
}
.infoBox {
width: 373px;
/* height: 170px; */
padding: 10px 20px;
position: absolute;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.infoBox .infoTitle {
font-weight: 500;
font-size: 20px;
color: #121212;
transition: 0.5s ease-in-out;
text-align: left;
}
.infoBox .infoLine1 {
margin-top: 10px;
font-weight: 300;
font-size: 14px;
color: #121212;
line-height: 24px;
text-align: left;
transition: 0.5s ease-in-out;
}
.infoBox .infoLine2 {
opacity: 1;
font-weight: 300;
font-size: 14px;
/* color: rgba(255, 255, 255, 0.75); */
line-height: 22px;
text-align: left;
margin-top: 10px;
transition: 0.5s ease-in-out;
}
.infoBox.active .infoLine2 {
transition: 0.5s ease-in-out;
color: rgba(255, 255, 255);
opacity: 1;
}
.infoBox1 {
top: 0;
left: -441px;
}
.infoBox2 {
top: 217px;
left: -441px;
}
.infoBox3 {
top: 450px;
left: -441px;
}
.infoBox4,
.infoBox5,
.infoBox6 {
right: 0;
}
.infoBox4 {
top: 0;
right: -441px;
}
.infoBox5 {
top: 217px;
right: -441px;
}
.infoBox6 {
top: 434px;
right: -441px;
}
.infoBox.active {
background-color: #0327DC;
transition: 0.5s ease-in-out;
}
.infoBox.active .infoLine1 {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.infoBox.active .infoTitle {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.line {
width: 277px;
height: 1px;
border-top: 1px solid #E0E2FC;
position: absolute;
transition: 0.5s ease-in-out;
z-index: -1;
}
.line1,
.line2,
.line3 {
left: -49px;
}
.line1 {
top: 100px;
}
.line2 {
top: 278px;
}
.line3 {
top: 453px;
}
.line4,
.line5,
.line6 {
right: -38px;
width: 201px;
}
.line4 {
top: 60px;
}
.line5 {
top: 238px;
}
.line6 {
top: 441px;
}
.line.active3 {
border-top: 1px solid #4A88E0;
transition: 0.5s ease-in-out;
}
.center {
width: 194px !important;
z-index: 4;
position: absolute;
top: 127px;
left: 147px;
}
/* @media (max-width: 768px) {
.pie {
width: 100%;
padding-bottom: 5vh;
}
.pieChart {
width: 294px;
height: 273px;
}
.pieChart .after,
.pieChart .before {
width: 300px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.center {
width: 114px !important;
z-index: 3;
position: absolute;
top: 74px;
left: 90px;
}
} */
/* extracted-style-block-19: no-attrs */
.sixMobileTotal {
width: 100%;
}
.mobileTotal {
margin: 0 auto;
/* width: max-content; */
}
.infoBoxx {
width: 100%;
transition: 0.5s ease-in-out;
cursor: pointer;
border-radius: 10px;
/* width: max-content; */
margin-top: 10px;
}
.infoBoxx:first-child {
margin-top: 0;
}
.infoBoxx .infoTitlee {
font-weight: 500;
font-size: 16px;
color: #121212;
transition: 0.5s ease-in-out;
text-align: left;
}
.infoBoxx .infoLine11 {
margin-top: 10px;
font-weight: 300;
font-size: 14px;
color: #121212;
line-height: 24px;
text-align: left;
transition: 0.5s ease-in-out;
}
.infoBoxx.activve {
background-color: #0327DC;
transition: 0.5s ease-in-out;
padding: 10px 20px;
}
.infoBoxx .infoLine22 {
font-weight: 300;
font-size: 14px;
/* color: rgba(255, 255, 255, 0.75); */
line-height: 22px;
text-align: left;
margin-top: 10px;
transition: 0.5s ease-in-out;
display: none;
opacity: 0;
}
.infoBoxx.activve .infoLine22 {
color: rgba(255, 255, 255);
opacity: 1;
display: block;
transition: 0.5s ease-in-out;
}
.infoBoxx.activve .infoLine11 {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.infoBoxx.activve .infoTitlee {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.infoBoxx .showBoxx{
padding: 10px 0;
border-bottom: 1px solid #ECECEC;
}
.infoBoxx.activve .showBoxx{
padding:0;
border:none;
}
/* extracted-style-block-20: no-attrs */
.total2 {
margin: 0 auto;
display: flex;
align-items: flex-start;
width: max-content;
}
.serviceImg {
width: 552px;
height: 670px;
}
.services2 {
margin-left: 48px;
}
.service2 {
width: 523px;
border: 1px solid #ECECEC;
border-radius: 10px;
background-color: #FFFFFF50;
margin-top: 20px;
padding: 12px;
display: flex;
align-items: center;
cursor: pointer;
transition: background-color 0.8s ease;
}
.title1 {
font-weight: 600;
font-size: 32px;
color: #1E2021;
line-height: 45px;
letter-spacing: 1px;
text-align: left;
}
.title2 {
width: 460px;
font-size: 20px;
color: #3D3D3D;
line-height: 28px;
text-align: left;
margin-top: 8px;
margin-bottom: 12px;
}
.contentBox {
margin-left: 20px;
}
.contentBox .top {
font-weight: 500;
font-size: 20px;
color: #606466;
line-height: 28px;
text-align: left;
}
.contentBox .bottom {
margin-top: 10px;
width: 431px;
font-size: 14px;
color: #606466;
line-height: 20px;
text-align: left;
}
.service2.active1 {
background-color: #0327DC;
}
.service2.active1 .contentBox .top {
color: #FFFFFF;
}
.service2.active1 .contentBox .bottom {
color: #FFFFFF70;
}
.serviceImg {
position: relative;
width: 552px;
height: 670px;
overflow: hidden;
}
.slider {
display: flex;
transition: transform 0.5s ease;
position: relative;
}
.slider img {
flex: 1 0 100%;
width: 100%;
height: auto;
transition: transform 0.5s ease;
}
.slider img:hover {
transform: scale(1.2);
}
.dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
display: flex;
}
.dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFFFFF;
margin: 0 5px;
cursor: pointer;
}
.icon {
width: 48px;
}
.active {
background-color: #FFFFFF30;
}
.icon:last-child {
display: none;
}
.active1 .icon:last-child {
display: inline-block;
}
.active1 .icon:first-child {
display: none;
}
/* extracted-style-block-21: no-attrs */
.total22 {
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: center;
}
.service01:first-child {
margin-top: 0px;
}
.service01 .service22Top {
background-color: #FFFFFF50;
padding: 12px;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s ease;
}
.contentBoxx {
margin-left: 20px;
}
.contentBoxx .topp {
font-weight: 500;
font-size: 20px;
color: #606466;
line-height: 28px;
text-align: left;
}
.contentBoxx .bottomm {
margin-top: 10px;
/* width: 263px; */
font-size: 14px;
color: #606466;
line-height: 20px;
text-align: left;
}
.service01 {
border: 1px solid #ECECEC;
border-radius: 10px;
margin-top: 20px;
}
.service01.activeee1 {
background: linear-gradient(180deg, #0327DC 10%, rgba(3, 39, 220, 0) 33%, rgba(3, 39, 220, 0) 100%);
border: 1px solid #0021FF;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .service22Top {
background-color: transparent;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .contentBoxx .topp {
color: #FFFFFF;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .contentBoxx .bottomm {
color: #FFFFFF70;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .service22Img {
opacity: 1;
transition: 0.5s ease-in-out;
}
.service01 .service22Img {
opacity: 0;
transition: 0.5s ease-in-out;
text-align: center;
}
.service01 .service22Img img {
padding: 20px;
opacity: 0;
display: none;
transition: 0.5s ease-in-out;
}
.service01.activeee1 .service22Img img {
opacity: 1;
display: inline-block;
transition: 0.5s ease-in-out;
}
.iconn {
width: 48px;
}
.active {
background-color: #FFFFFF30;
}
.iconn:last-child {
display: none;
}
.activeee1 .iconn:last-child {
display: inline-block;
}
.activeee1 .iconn:first-child {
display: none;
}
.imgBoxx {
width: 48px;
height: 48px;
flex-shrink: 0;
}
/* =============================================
移动端响应式适配优化 - 2024
针对手机和平板设备的样式优化
============================================= */
/* 平板设备�?68px - 992px�?*/
@media screen and (max-width: 992px) {
/* 服务能力卡片优化 - 调小padding和margin */
.bt_bb_card_icon.card {
height: auto !important;
min-height: auto;
padding: 15px;
margin-bottom: 15px;
}
.bt_bb_card_icon_title h4 {
font-size: 16px !important;
margin-bottom: 8px;
}
.bt_bb_card_icon_text p {
font-size: 13px;
line-height: 1.5;
}
/* 服务能力图标调小 */
.bt_bb_icon_holder {
font-size: 28px !important;
}
.bt_bb_card_icon_icon {
margin-bottom: 8px;
}
/* 服务流程部分 */
.total {
min-height: auto;
}
.contentItem.aactive {
padding: 15px 12px;
}
.content .imgBox img {
width: 100%;
max-width: 160px;
height: auto;
}
}
/* 手机设备（小�?768px�?*/
@media screen and (max-width: 768px) {
/* 服务能力标题部分 */
.bt_bb_text h2 strong {
font-size: 22px;
}
.bt_bb_text div {
font-size: 12px !important;
padding: 0 12px;
}
/* 服务能力卡片优化 - 减小padding和margin */
.bt_bb_card_icon.card {
height: auto !important;
min-height: auto;
padding: 12px 15px;
margin-bottom: 10px;
}
.bt_bb_card_icon_title h4 {
font-size: 15px !important;
margin-bottom: 6px;
}
.bt_bb_card_icon_text p {
font-size: 12px;
line-height: 1.5;
margin: 0;
}
/* 服务能力图标调小 */
.bt_bb_icon_holder {
font-size: 26px !important;
}
.bt_bb_card_icon_icon {
margin-bottom: 8px;
}
/* 服务流程tab优化 - 调小padding */
.tabItem {
flex-shrink: 0;
margin-right: 10px;
}
.numBox {
height: 60px;
}
.numBox > div:first-child {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 11px;
margin: 6px 8px;
}
.numBox > div:nth-child(2) {
font-size: 11px;
}
/* 服务内容区域优化 - 调小padding */
.content:first-child {
padding-bottom: 12px;
}
.title2 {
font-size: 15px;
height: auto;
line-height: 1.3;
margin-bottom: 8px;
}
.chip {
font-size: 11px;
padding: 4px 10px;
margin: 2px;
}
.chipBox {
gap: 6px;
margin: 8px 0;
}
.textBox * {
font-size: 12px;
line-height: 1.5;
}
/* 行业解决方案部分（total2�?- 调小padding */
.total2 {
flex-direction: column;
align-items: center;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.serviceImg {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 15px;
}
.serviceImg .slider img {
width: 100%;
height: auto;
}
.services2 {
margin-left: 0;
width: 100%;
}
.service2 {
width: 100%;
max-width: 100%;
padding: 8px;
margin-top: 8px;
}
.title1 {
font-size: 18px;
line-height: 1.3;
text-align: center;
letter-spacing: 0;
margin-bottom: 6px;
}
.title2 {
width: 100%;
font-size: 13px;
line-height: 1.4;
text-align: center;
margin-top: 6px;
margin-bottom: 8px;
}
.contentBox {
margin-left: 8px;
}
.contentBox .top {
font-size: 14px;
line-height: 1.3;
}
.contentBox .bottom {
width: 100%;
font-size: 11px;
line-height: 1.4;
margin-top: 4px;
}
.icon {
width: 32px;
}
/* 右侧服务列表优化 - 调小padding */
.total22 {
flex-direction: column;
padding: 0 10px;
}
.service01 {
width: 100%;
margin-top: 10px;
}
.service01 .service22Top {
padding: 8px;
}
.contentBoxx {
margin-left: 8px;
}
.contentBoxx .topp {
font-size: 14px;
line-height: 1.3;
}
.contentBoxx .bottomm {
font-size: 12px;
line-height: 1.4;
margin-top: 4px;
}
.iconn {
width: 32px;
}
.imgBoxx {
width: 32px;
height: 32px;
}
/* 客户案例和合作伙�?- 移动端适当放大 */
.companyLogo .partner-logo-marquee-row.bt_bb_css_image_grid_content {
gap: 15px;
}
.companyLogo img {
width: 100px !important;
height: auto !important;
}
}
/* 小屏手机（小�?576px�?*/
@media screen and (max-width: 576px) {
/* 服务能力卡片 - 优化padding和margin */
.bt_bb_card_icon.card {
padding: 10px 12px;
margin-bottom: 8px;
border-radius: 12px;
}
.bt_bb_card_icon_title h4 {
font-size: 14px !important;
margin-bottom: 6px;
}
.bt_bb_card_icon_text p {
font-size: 11px;
line-height: 1.5;
margin: 0;
}
/* 服务能力图标调小 */
.bt_bb_icon_holder {
font-size: 24px !important;
}
.bt_bb_card_icon_icon {
margin-bottom: 8px;
}
/* 服务流程优化 */
.tabBox {
padding: 0 10px;
}
.numBox {
height: 60px;
}
.numBox > div:first-child {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 11px;
margin: 6px 8px;
}
.numBox > div:nth-child(2) {
font-size: 11px;
}
.arrow img {
width: 20px;
height: auto;
}
/* 行业解决方案 */
.service2 {
padding: 8px;
margin-top: 10px;
}
.title1 {
font-size: 18px;
}
.title2 {
font-size: 13px;
margin-top: 6px;
margin-bottom: 8px;
}
.contentBox .top {
font-size: 14px;
}
.contentBox .bottom {
font-size: 11px;
margin-top: 6px;
}
.icon {
width: 32px;
}
/* 右侧服务列表 */
.service01 .service22Top {
padding: 8px;
}
.contentBoxx .topp {
font-size: 13px;
}
.contentBoxx .bottomm {
font-size: 12px;
}
.iconn {
width: 32px;
}
}
/* 超小屏手机（小于 480px�?*/
@media screen and (max-width: 480px) {
/* 服务能力部分 */
.bt_bb_text h2 strong {
font-size: 18px;
}
.bt_bb_card_icon.card {
padding: 8px 10px;
border-radius: 10px;
margin-bottom: 6px;
}
.bt_bb_card_icon_title h4 {
font-size: 13px !important;
margin-bottom: 4px;
}
.bt_bb_card_icon_text p {
font-size: 10px;
line-height: 1.4;
}
/* 服务能力图标进一步调�?*/
.bt_bb_icon_holder {
font-size: 14px !important;
}
.bt_bb_card_icon_icon {
margin-bottom: 6px;
}
/* 服务流程 */
.chip {
font-size: 11px;
padding: 4px 8px;
}
.title2 {
font-size: 14px;
}
/* 行业解决方案 */
.total2 {
padding: 0 10px;
}
.title1 {
font-size: 17px;
line-height: 1.3;
}
.title2 {
font-size: 12px;
}
.contentBox .top {
font-size: 13px;
}
.contentBox .bottom {
font-size: 11px;
}
.service2 {
border-radius: 8px;
}
/* 客户案例和合作伙�?- 小屏幕也保持合适大�?*/
.companyLogo img {
width: 100px !important;
height: auto !important;
}
}
/* 解决移动端横向滚动问�?*/
@media screen and (max-width: 768px) {
body {
overflow-x: hidden;
}
.bt_bb_row {
flex-wrap: wrap !important;
}
.bt_bb_column {
max-width: 100% !important;
flex: 0 0 100% !important;
}
/* 确保图片不会溢出 */
img {
max-width: 100%;
height: auto;
}
/* 确保所有固定宽度元素在移动端自适应 */
[style*="width:"] {
max-width: 100%;
}
/* 六重服务保障部分 - 移动端改用列表展�?*/
.infoBox {
position: relative;
width: 100%;
margin-bottom: 15px;
padding: 15px;
background: rgba(255,255,255,0.8);
border-radius: 10px;
border: 1px solid #ececec;
}
.infoBox .infoTitle {
font-size: 16px;
font-weight: 600;
color: #0327DC;
margin-bottom: 8px;
}
.infoBox .infoLine1 {
font-size: 14px;
color: #333;
line-height: 1.5;
}
.infoBox .infoLine2 {
font-size: 12px;
color: #666;
line-height: 1.6;
margin-top: 8px;
}
}
/* 全局移动端优�?*/
@media screen and (max-width: 768px) {
/* 标题文字优化 */
h1, h2, h3, h4, h5, h6 {
word-break: break-word;
margin-bottom: 8px;
}
/* 段落文字优化 */
p {
font-size: 13px;
line-height: 1.6;
margin-bottom: 8px;
}
/* 链接和按钮触摸区域优�?*/
a, button {
min-height: 44px;
min-width: 44px;
}
/* 表单元素优化 */
input, textarea, select {
font-size: 16px; /* 防止iOS缩放 */
}
/* 图片居中显示 */
.bt_bb_image img {
margin: 0 auto;
display: block;
}
/* 减少section间距 */
.bt_bb_section {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
/* 优化行间�?*/
.bt_bb_row {
gap: 10px !important;
}
/* 优化列间�?*/
.bt_bb_column {
padding-left: 6px !important;
padding-right: 6px !important;
}
/* 隐藏复杂动画效果提升性能 */
.bt_bb_animation_fade_in,
.bt_bb_animation_move_up {
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
}
/* 超小屏幕特殊优化 */
@media screen and (max-width: 375px) {
/* 进一步缩小文�?*/
.bt_bb_text h2 strong {
font-size: 16px;
}
p {
font-size: 12px;
}
.chip {
font-size: 10px;
padding: 3px 6px;
margin: 1px;
}
/* 更紧凑的按钮 */
.button {
padding: 6px 12px;
font-size: 11px;
}
/* 减少卡片内边�?*/
.bt_bb_card_icon.card {
padding: 6px 8px;
margin-bottom: 5px;
}
.bt_bb_card_icon_title h4 {
font-size: 12px !important;
margin-bottom: 3px;
}
.bt_bb_card_icon_text p {
font-size: 10px;
line-height: 1.4;
}
/* 图标进一步调�?*/
.bt_bb_icon_holder {
font-size: 18px !important;
}
.bt_bb_card_icon_icon {
margin-bottom: 4px;
}
/* 更紧凑的间距 */
.bt_bb_section {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.bt_bb_port {
padding-left: 8px;
padding-right: 8px;
}
}
/* =============================================
额外移动端优�?- 针对行业和客户部�? ============================================= */
/* 平板设备�?68px - 992px�?*/
@media screen and (max-width: 992px) {
/* 行业部分标题优化 */
.bt_bb_column h3 {
font-size: 18px !important;
}
/* 服务流程文字优化 */
.tabItem .numBox > div:nth-child(2) {
font-size: 12px;
}
/* 客户案例LOGO优化 */
.bt_bb_css_image_grid_item_inner_image img {
max-width: 80px;
height: auto;
}
}
/* 手机设备（小�?768px�?*/
@media screen and (max-width: 768px) {
/* 行业部分标题优化 */
.bt_bb_column h3 {
font-size: 16px !important;
}
/* 行业描述文字 */
.bt_bb_column h3 + p,
.bt_bb_column h4 + p {
font-size: 12px;
line-height: 1.5;
}
/* 合作伙伴LOGO优化 */
.bt_bb_css_image_grid_item_inner_image img {
max-width: 70px;
max-height: 40px;
object-fit: contain;
}
/* 二维码优�?*/
/* 版权信息区域 */
/* 统计条优�?*/
.new-banner-stat-item {
padding: 5px;
}
.new-banner-stat-icon {
font-size: 14px;
}
.new-banner-stat-text {
font-size: 11px;
}
}
/* 小屏手机（小�?576px�?*/
@media screen and (max-width: 576px) {
/* 行业标题进一步缩�?*/
.bt_bb_column h3 {
font-size: 14px !important;
margin-bottom: 5px;
}
/* 行业描述 */
.bt_bb_column h3 + p,
.bt_bb_column h4 + p {
font-size: 11px;
}
/* 合作伙伴LOGO - 576px下适当大小 */
.bt_bb_css_image_grid_item_inner_image img {
max-width: 60px;
max-height: 35px;
}
.companyLogo img {
width: 100px !important;
height: auto !important;
}
/* 服务流程chip进一步优�?*/
.chipBox .chip {
font-size: 12px;
padding: 4px 8px;
margin: 2px;
}
/* 技术保障标题优�?*/
.bt_bb_headline h2 {
font-size: 20px !important;
}
}
/* 超小屏幕（小�?375px�?*/
@media screen and (max-width: 375px) {
/* 行业标题 */
.bt_bb_column h3 {
font-size: 13px !important;
}
.bt_bb_column h3 + p,
.bt_bb_column h4 + p {
font-size: 10px;
}
/* 合作伙伴LOGO - 375px下适当大小 */
.bt_bb_css_image_grid_item_inner_image img {
max-width: 50px;
max-height: 30px;
}
.companyLogo img {
width: 90px !important;
height: auto !important;
}
/* 二维�?*/
/* 表单标题 */
.new-banner-modal-content h3 {
font-size: 15px;
}
/* 更紧凑的间距 */
.bt_bb_section {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}