.elementor-kit-6{--e-global-color-primary:#1E1E2A;--e-global-color-secondary:#494A4D;--e-global-color-text:#494A4D;--e-global-color-accent:#1B8415;--e-global-color-b5aeb33:#1B8415;--e-global-color-c58817e:#0f2b3e;--e-global-color-5420d44:#2773a5;--e-global-color-58be983:#ffffff;--e-global-color-09cc561:#0d141a;--e-global-color-a495fd4:#1B8415;--e-global-color-dff8941:#D4D4D5;--e-global-color-a7b8c9d:#ffffff;--e-global-color-b1c2d3e:#16202A;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-5535e8e-font-family:"Helvetica";--e-global-typography-5535e8e-font-size:3rem;--e-global-typography-5535e8e-font-weight:700;--e-global-typography-c83476d-font-family:"Helvetica";--e-global-typography-c83476d-font-size:2.5rem;--e-global-typography-c83476d-font-weight:bold;--e-global-typography-ff8f921-font-family:"Helvetica";--e-global-typography-ff8f921-font-size:2.3rem;--e-global-typography-ff8f921-font-weight:bold;--e-global-typography-887fca2-font-family:"NunitoSans";--e-global-typography-887fca2-font-size:1rem;--e-global-typography-887fca2-font-weight:400;--e-global-typography-2142591-font-family:"NunitoSans";--e-global-typography-2142591-font-size:1rem;--e-global-typography-2142591-font-weight:700;--e-global-typography-6e52843-font-family:"NunitoSans";--e-global-typography-6e52843-font-size:1rem;--e-global-typography-6e52843-font-weight:500;--e-global-typography-a834ab5-font-family:"Helvetica";--e-global-typography-a834ab5-font-size:64px;--e-global-typography-a834ab5-font-weight:600;font-family:"NunitoSans", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-b5aeb33 );font-family:"NunitoSans", Sans-serif;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b5aeb33 );border-radius:8px 8px 8px 8px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-58be983 );color:var( --e-global-color-b5aeb33 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b5aeb33 );border-radius:4px 4px 4px 4px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Montserrat", Sans-serif;font-size:3rem;font-weight:700;}.elementor-kit-6 h2{font-family:"Montserrat", Sans-serif;font-size:2.5rem;font-weight:bold;}.elementor-kit-6 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h6{font-family:"Montserrat", Sans-serif;}.elementor-kit-6 img{border-radius:8px 8px 8px 8px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-radius:4px 4px 4px 4px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-radius:4px 4px 4px 4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-c83476d-font-size:1.9rem;--e-global-typography-ff8f921-font-size:1.9rem;}.elementor-kit-6 h2{font-size:1.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:1rem;--container-default-padding-right:1rem;--container-default-padding-bottom:1rem;--container-default-padding-left:1rem;}}/* Start custom CSS */body a:hover { background: linear-gradient( 90deg, #1B8415 0%, #1B8415 40%, #7ED957 50%, #1B8415 60%, #1B8415 100% ); background-size: 300% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: globalLinkSweepGreen 1.2s ease forwards; } /* ========================================================= WHITE HOVER Works when class is on: OR Elementor parent/container ========================================================= */ body a.a-hover-white, body .a-hover-white a { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } body a.a-hover-white:hover, body a.a-hover-white:focus, body a.a-hover-white:active, body .a-hover-white a:hover, body .a-hover-white a:focus, body .a-hover-white a:active { color: #FFFFFF !important; background: linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 40%, #D9D9D9 50%, #FFFFFF 60%, #FFFFFF 100% ) !important; background-image: linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 40%, #D9D9D9 50%, #FFFFFF 60%, #FFFFFF 100% ) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; animation: globalLinkSweepWhite 1.2s ease forwards !important; } /* ========================================================= WHITE TEXT INSIDE ELEMENTOR ========================================================= */ body .a-hover-white a:hover span, body .a-hover-white a:hover .elementor-button-text { color: #FFFFFF !important; -webkit-text-fill-color: transparent !important; background: linear-gradient( 90deg, #FFFFFF 0%, #FFFFFF 40%, #D9D9D9 50%, #FFFFFF 60%, #FFFFFF 100% ) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; -webkit-background-clip: text !important; background-clip: text !important; } /* ========================================================= BLACK HOVER ========================================================= */ body a.a-hover-black, body .a-hover-black a { color: #000000 !important; -webkit-text-fill-color: #000000 !important; } body a.a-hover-black:hover, body a.a-hover-black:focus, body a.a-hover-black:active, body .a-hover-black a:hover, body .a-hover-black a:focus, body .a-hover-black a:active { color: #000000 !important; background: linear-gradient( 90deg, #000000 0%, #000000 40%, #555555 50%, #000000 60%, #000000 100% ) !important; background-image: linear-gradient( 90deg, #000000 0%, #000000 40%, #555555 50%, #000000 60%, #000000 100% ) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; animation: globalLinkSweepBlack 1.2s ease forwards !important; } /* ========================================================= BLACK TEXT INSIDE ELEMENTOR ========================================================= */ body .a-hover-black a:hover span, body .a-hover-black a:hover .elementor-button-text { color: #000000 !important; -webkit-text-fill-color: transparent !important; background: linear-gradient( 90deg, #000000 0%, #000000 40%, #555555 50%, #000000 60%, #000000 100% ) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; -webkit-background-clip: text !important; background-clip: text !important; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes globalLinkSweepGreen { from { background-position: 100% 0; } to { background-position: 0% 0; } } @keyframes globalLinkSweepWhite { from { background-position: 100% 0; } to { background-position: 0% 0; } } @keyframes globalLinkSweepBlack { from { background-position: 100% 0; } to { background-position: 0% 0; } } /* ========================================= Elementor 图片 Hover 扫光效果 ========================================= */ .elementor-widget-image { position: relative; overflow: hidden; } /* 扫光层 */ .elementor-widget-image::after { content: ""; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.15) 35%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.15) 65%, transparent 100% ); transform: skewX(-20deg); pointer-events: none; } /* 鼠标滑过图片时扫光 */ .elementor-widget-image:hover::after { left: 150%; transition: left 1.2s ease; } /* ================================= Image 4:3 图片 4:3 比例 + Cover ================================= */ .image4-3 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center center; display: block; }/* End custom CSS */