.elementor-7554 .elementor-element.elementor-element-65f0ba1{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-5461cd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-63cfdae{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-e516b13{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-3bb25e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-d9dceeb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-a703eaa{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-d8335af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-14b5b1c{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-dots-normal-color:var( --e-global-color-85e7017 );--e-n-carousel-dots-horizontal-position:100%;--e-n-carousel-dots-horizontal-transform:-100%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-10px;}.elementor-7554 .elementor-element.elementor-element-14b5b1c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-428bb66 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-8fd7db5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-fb4548e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-185efb3 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-9ed76ad{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-9d587e5{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-23f74bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-e736b5b{--display:flex;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-e736b5b:not(.elementor-motion-effects-element-type-background), .elementor-7554 .elementor-element.elementor-element-e736b5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF1F3;}.elementor-7554 .elementor-element.elementor-element-e736b5b, .elementor-7554 .elementor-element.elementor-element-e736b5b::before{--border-transition:0.3s;}.elementor-7554 .elementor-element.elementor-element-27f5d1f{--display:flex;--background-transition:0.3s;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-27f5d1f:not(.elementor-motion-effects-element-type-background), .elementor-7554 .elementor-element.elementor-element-27f5d1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.shj666.com/wp-content/uploads/2024/08/get-started-bg_11zon.webp");background-repeat:no-repeat;background-size:cover;}.elementor-7554 .elementor-element.elementor-element-27f5d1f::before, .elementor-7554 .elementor-element.elementor-element-27f5d1f > .elementor-background-video-container::before, .elementor-7554 .elementor-element.elementor-element-27f5d1f > .e-con-inner > .elementor-background-video-container::before, .elementor-7554 .elementor-element.elementor-element-27f5d1f > .elementor-background-slideshow::before, .elementor-7554 .elementor-element.elementor-element-27f5d1f > .e-con-inner > .elementor-background-slideshow::before, .elementor-7554 .elementor-element.elementor-element-27f5d1f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-5b523e8 );}.elementor-7554 .elementor-element.elementor-element-27f5d1f, .elementor-7554 .elementor-element.elementor-element-27f5d1f::before{--border-transition:0.3s;}.elementor-7554 .elementor-element.elementor-element-84fff68{text-align:center;}.elementor-7554 .elementor-element.elementor-element-84fff68 .elementor-heading-title{color:var( --e-global-color-5b523e8 );font-family:"Noto Sans", Sans-serif;font-size:calc( 30px + 15 * (( 100vw - 320px ) / 1600));font-weight:600;line-height:1.36;}.elementor-7554 .elementor-element.elementor-element-1498836{text-align:center;}.elementor-7554 .elementor-element.elementor-element-1498836 .elementor-heading-title{color:var( --e-global-color-bbb779e );font-family:"Noto Sans", Sans-serif;font-size:calc( 16px + 2 * (( 100vw - 320px ) / 1600));font-weight:500;line-height:1.61;}.elementor-7554 .elementor-element.elementor-element-f934ded.elementor-element{--align-self:center;}.elementor-7554 .elementor-element.elementor-element-f934ded .elementor-button{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;background-color:var( --e-global-color-5b523e8 );border-radius:4px 4px 4px 4px;}.elementor-7554 .elementor-element.elementor-element-f934ded .elementor-button:hover, .elementor-7554 .elementor-element.elementor-element-f934ded .elementor-button:focus{background-color:var( --e-global-color-bbb779e );}.elementor-7554 .elementor-element.elementor-element-4bf3b34{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-936d024{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--flex-wrap:wrap;--align-content:space-evenly;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-d42009c{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-d42009c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-04a0eae > .elementor-widget-container:hover{--e-transform-scale:1.03;}.elementor-7554 .elementor-element.elementor-element-04a0eae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-04a0eae{--icon-box-icon-margin:0px;}.elementor-7554 .elementor-element.elementor-element-04a0eae.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-7554 .elementor-element.elementor-element-04a0eae.elementor-view-framed .elementor-icon, .elementor-7554 .elementor-element.elementor-element-04a0eae.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor1 );color:var( --e-global-color-astglobalcolor1 );border-color:var( --e-global-color-astglobalcolor1 );}.elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon{font-size:100px;}.elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon-box-title{color:var( --e-global-color-f9e7f9f );}.elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon-box-title a{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8.e-con:hover{--e-con-transform-scale:1.03;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-a73f9f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-a73f9f5{--icon-box-icon-margin:0px;}.elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon{font-size:100px;}.elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon-box-title{color:var( --e-global-color-f9e7f9f );}.elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon-box-title a{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-7554 .elementor-element.elementor-element-949c595{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-949c595.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 > .elementor-widget-container:hover{--e-transform-scale:1.03;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2{--icon-box-icon-margin:0px;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon{font-size:100px;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon-box-title{color:var( --e-global-color-f9e7f9f );}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon-box-title a{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-7554 .elementor-element.elementor-element-11741d8{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-11741d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-f28d79c > .elementor-widget-container:hover{--e-transform-scale:1.03;}.elementor-7554 .elementor-element.elementor-element-f28d79c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-f28d79c{--icon-box-icon-margin:0px;}.elementor-7554 .elementor-element.elementor-element-f28d79c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-7554 .elementor-element.elementor-element-f28d79c.elementor-view-framed .elementor-icon, .elementor-7554 .elementor-element.elementor-element-f28d79c.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );border-color:var( --e-global-color-astglobalcolor5 );}.elementor-7554 .elementor-element.elementor-element-f28d79c .elementor-icon{font-size:100px;}.elementor-7554 .elementor-element.elementor-element-f28d79c .elementor-icon-box-title{color:var( --e-global-color-f9e7f9f );}.elementor-7554 .elementor-element.elementor-element-f28d79c .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-f28d79c .elementor-icon-box-title a{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-7554 .elementor-element.elementor-element-47280b4{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-47280b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-e91862b > .elementor-widget-container:hover{--e-transform-scale:1.03;}.elementor-7554 .elementor-element.elementor-element-e91862b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-e91862b{--icon-box-icon-margin:0px;}.elementor-7554 .elementor-element.elementor-element-e91862b .elementor-icon{font-size:100px;}.elementor-7554 .elementor-element.elementor-element-e91862b .elementor-icon-box-title{color:var( --e-global-color-f9e7f9f );}.elementor-7554 .elementor-element.elementor-element-e91862b .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-e91862b .elementor-icon-box-title a{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-7554 .elementor-element.elementor-element-a02e521{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-a02e521.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-b2e83df > .elementor-widget-container:hover{--e-transform-scale:1.03;}.elementor-7554 .elementor-element.elementor-element-b2e83df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7554 .elementor-element.elementor-element-b2e83df{--icon-box-icon-margin:0px;}.elementor-7554 .elementor-element.elementor-element-b2e83df .elementor-icon{font-size:100px;}.elementor-7554 .elementor-element.elementor-element-b2e83df .elementor-icon-box-title{color:var( --e-global-color-f9e7f9f );}.elementor-7554 .elementor-element.elementor-element-b2e83df .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-b2e83df .elementor-icon-box-title a{font-family:"Noto Sans", Sans-serif;font-size:20px;font-weight:600;}@media(max-width:1024px){.elementor-7554 .elementor-element.elementor-element-14b5b1c{--e-n-carousel-swiper-slides-to-display:2;}.elementor-7554 .elementor-element.elementor-element-936d024{--flex-wrap:wrap;}.elementor-7554 .elementor-element.elementor-element-04a0eae.elementor-element{--align-self:center;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7554 .elementor-element.elementor-element-a73f9f5.elementor-element{--align-self:center;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2.elementor-element{--align-self:center;}.elementor-7554 .elementor-element.elementor-element-f28d79c.elementor-element{--align-self:center;}.elementor-7554 .elementor-element.elementor-element-e91862b.elementor-element{--align-self:center;}.elementor-7554 .elementor-element.elementor-element-b2e83df.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-7554 .elementor-element.elementor-element-14b5b1c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-7554 .elementor-element.elementor-element-27f5d1f{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7554 .elementor-element.elementor-element-936d024{--flex-wrap:wrap;}.elementor-7554 .elementor-element.elementor-element-d42009c{--width:28%;}.elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon{font-size:45px;}.elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-04a0eae .elementor-icon-box-title a{font-size:20px;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8{--width:28%;}.elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon{font-size:45px;}.elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-a73f9f5 .elementor-icon-box-title a{font-size:20px;}.elementor-7554 .elementor-element.elementor-element-949c595{--width:28%;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon-box-wrapper{text-align:center;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon{font-size:45px;}.elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon-box-title, .elementor-7554 .elementor-element.elementor-element-a0b6ab2 .elementor-icon-box-title a{font-size:20px;}.elementor-7554 .elementor-element.elementor-element-11741d8{--width:28%;}.elementor-7554 .elementor-element.elementor-element-f28d79c .elementor-icon{font-size:45px;}.elementor-7554 .elementor-element.elementor-element-47280b4{--width:28%;}.elementor-7554 .elementor-element.elementor-element-e91862b .elementor-icon{font-size:45px;}.elementor-7554 .elementor-element.elementor-element-a02e521{--width:28%;}.elementor-7554 .elementor-element.elementor-element-b2e83df .elementor-icon{font-size:45px;}}@media(min-width:768px){.elementor-7554 .elementor-element.elementor-element-9d587e5{--width:100%;}.elementor-7554 .elementor-element.elementor-element-d42009c{--width:10%;}.elementor-7554 .elementor-element.elementor-element-9ff6ca8{--width:10%;}.elementor-7554 .elementor-element.elementor-element-949c595{--width:10%;}.elementor-7554 .elementor-element.elementor-element-11741d8{--width:10%;}.elementor-7554 .elementor-element.elementor-element-47280b4{--width:10%;}.elementor-7554 .elementor-element.elementor-element-a02e521{--width:10%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7554 .elementor-element.elementor-element-9ff6ca8{--width:10%;}}/* Start custom CSS for html, class: .elementor-element-7ee4ef7 *//* Hero Section */
@media (max-width: 768px) {
.btn-2 .btn-light{
margin-left: 0px!important;
}
}
.hero {
height: 100vh;
background: url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;;
display: flex;
align-items: center;
text-align: center;
color: white;
position: relative;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.hero h2 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
color: white;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
animation: fadeInUp 1s ease-out 1s both;
}
.hero p {
font-size: 1.3rem;
margin-bottom: 2rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
animation: fadeInUp 1.5s ease-out 1s both;
}
.btn-2 {
justify-content: center;
}
.highlight {
color: #e87c7f;
font-weight: 700;
}
.btn-2 .btn {
display: inline-block;
background: #B43639;
color: white;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.4s ease;;
border: 2px solid #B43639;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
}
.btn-2 .btn:hover {
background: transparent;
color: #B43639;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-2 .btn-light {
background: transparent;
color: white;
border: 2px solid white;
margin-left: 15px;
}
.btn-2 .btn-light:hover {
background: white;
color: #B43639;
}
/* Sections */
section {
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 70px;
}
.section-title h2 {
font-size: 2.5rem;
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: #B43639;
border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9dceeb */.hero-section {
height: 100vh;
background: linear-gradient(135deg,
rgba(180, 54, 57, 0.95) 0%,
rgba(44, 62, 80, 0.9) 50%,
rgba(52, 73, 94, 0.95) 100%),
url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.hero-content {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
color: white;
z-index: 2;
}
.hero-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
margin-bottom: 25px;
animation: fadeInUp 0.8s ease-out 0.2s both;
}
.hero-title {
font-size: 4.5rem;
font-weight: 800;
margin-bottom: 25px;
line-height: 1.1;
letter-spacing: -2px;
animation: fadeInUp 0.8s ease-out 0.4s both;
color: white !important
}
.hero-subtitle {
font-size: 1.8rem;
font-weight: 300;
margin-bottom: 30px;
opacity: 0.9;
animation: fadeInUp 0.8s ease-out 0.6s both;
}
.hero-description {
font-size: 1.2rem;
max-width: 700px;
line-height: 1.8;
margin-bottom: 50px;
opacity: 0.85;
animation: fadeInUp 0.8s ease-out 0.8s both;
}
.hero-buttons {
display: flex;
gap: 20px;
animation: fadeInUp 0.8s ease-out 1s both;
}
.cta-primary {
background: linear-gradient(135deg, #B43639 0%, #8B2A2D 100%);
color: white;
padding: 18px 40px;
border: none;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 25px rgba(180, 54, 57, 0.3);
}
.cta-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(180, 54, 57, 0.4)!important;
color: white !important;
}
.cta-secondary {
background: transparent;
color: white;
padding: 18px 40px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-secondary:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37e8b8b *//* Hero Section */
.hero {
height: 100vh;
background: url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;;
display: flex;
align-items: center;
text-align: center;
color: white;
position: relative;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.hero h2 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
color: white;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.hero p {
font-size: 1.3rem;
margin-bottom: 2rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn-2 {
justify-content: center;
}
.highlight {
color: #e87c7f;
font-weight: 700;
}
.btn-2 .btn {
display: inline-block;
background: #B43639;
color: white;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.4s ease;;
border: 2px solid #B43639;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
}
.btn-2 .btn:hover {
background: transparent;
color: #B43639;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-2 .btn-light {
background: transparent;
color: white;
border: 2px solid white;
margin-left: 15px;
}
.btn-2 .btn-light:hover {
background: white;
color: #B43639;
}
/* Sections */
section {
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 70px;
}
.section-title h2 {
font-size: 2.5rem;
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: #B43639;
border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9dceeb */.hero-section {
height: 100vh;
background: linear-gradient(135deg,
rgba(180, 54, 57, 0.95) 0%,
rgba(44, 62, 80, 0.9) 50%,
rgba(52, 73, 94, 0.95) 100%),
url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.hero-content {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
color: white;
z-index: 2;
}
.hero-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
margin-bottom: 25px;
animation: fadeInUp 0.8s ease-out 0.2s both;
}
.hero-title {
font-size: 4.5rem;
font-weight: 800;
margin-bottom: 25px;
line-height: 1.1;
letter-spacing: -2px;
animation: fadeInUp 0.8s ease-out 0.4s both;
color: white !important
}
.hero-subtitle {
font-size: 1.8rem;
font-weight: 300;
margin-bottom: 30px;
opacity: 0.9;
animation: fadeInUp 0.8s ease-out 0.6s both;
}
.hero-description {
font-size: 1.2rem;
max-width: 700px;
line-height: 1.8;
margin-bottom: 50px;
opacity: 0.85;
animation: fadeInUp 0.8s ease-out 0.8s both;
}
.hero-buttons {
display: flex;
gap: 20px;
animation: fadeInUp 0.8s ease-out 1s both;
}
.cta-primary {
background: linear-gradient(135deg, #B43639 0%, #8B2A2D 100%);
color: white;
padding: 18px 40px;
border: none;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 25px rgba(180, 54, 57, 0.3);
}
.cta-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(180, 54, 57, 0.4)!important;
color: white !important;
}
.cta-secondary {
background: transparent;
color: white;
padding: 18px 40px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-secondary:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37e8b8b *//* Hero Section */
.hero {
height: 100vh;
background: url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;;
display: flex;
align-items: center;
text-align: center;
color: white;
position: relative;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.hero h2 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
color: white;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.hero p {
font-size: 1.3rem;
margin-bottom: 2rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn-2 {
justify-content: center;
}
.highlight {
color: #e87c7f;
font-weight: 700;
}
.btn-2 .btn {
display: inline-block;
background: #B43639;
color: white;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.4s ease;;
border: 2px solid #B43639;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
}
.btn-2 .btn:hover {
background: transparent;
color: #B43639;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-2 .btn-light {
background: transparent;
color: white;
border: 2px solid white;
margin-left: 15px;
}
.btn-2 .btn-light:hover {
background: white;
color: #B43639;
}
/* Sections */
section {
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 70px;
}
.section-title h2 {
font-size: 2.5rem;
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: #B43639;
border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9dceeb */.hero-section {
height: 100vh;
background: linear-gradient(135deg,
rgba(180, 54, 57, 0.95) 0%,
rgba(44, 62, 80, 0.9) 50%,
rgba(52, 73, 94, 0.95) 100%),
url('data:image/svg+xml,');
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.hero-content {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
color: white;
z-index: 2;
}
.hero-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
margin-bottom: 25px;
animation: fadeInUp 0.8s ease-out 0.2s both;
}
.hero-title {
font-size: 4.5rem;
font-weight: 800;
margin-bottom: 25px;
line-height: 1.1;
letter-spacing: -2px;
animation: fadeInUp 0.8s ease-out 0.4s both;
color: white !important
}
.hero-subtitle {
font-size: 1.8rem;
font-weight: 300;
margin-bottom: 30px;
opacity: 0.9;
animation: fadeInUp 0.8s ease-out 0.6s both;
}
.hero-description {
font-size: 1.2rem;
max-width: 700px;
line-height: 1.8;
margin-bottom: 50px;
opacity: 0.85;
animation: fadeInUp 0.8s ease-out 0.8s both;
}
.hero-buttons {
display: flex;
gap: 20px;
animation: fadeInUp 0.8s ease-out 1s both;
}
.cta-primary {
background: linear-gradient(135deg, #B43639 0%, #8B2A2D 100%);
color: white;
padding: 18px 40px;
border: none;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 8px 25px rgba(180, 54, 57, 0.3);
}
.cta-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(180, 54, 57, 0.4)!important;
color: white !important;
}
.cta-secondary {
background: transparent;
color: white;
padding: 18px 40px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-secondary:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37e8b8b *//* Hero Section */
.hero {
height: 100vh;
background: url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center/cover no-repeat;;
display: flex;
align-items: center;
text-align: center;
color: white;
position: relative;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.hero h2 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
color: white;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.hero p {
font-size: 1.3rem;
margin-bottom: 2rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn-2 {
justify-content: center;
}
.highlight {
color: #e87c7f;
font-weight: 700;
}
.btn-2 .btn {
display: inline-block;
background: #B43639;
color: white;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.4s ease;;
border: 2px solid #B43639;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
}
.btn-2 .btn:hover {
background: transparent;
color: #B43639;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-2 .btn-light {
background: transparent;
color: white;
border: 2px solid white;
margin-left: 15px;
}
.btn-2 .btn-light:hover {
background: white;
color: #B43639;
}
/* Sections */
section {
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 70px;
}
.section-title h2 {
font-size: 2.5rem;
position: relative;
display: inline-block;
padding-bottom: 15px;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: #B43639;
border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-428bb66 */section {
padding: 100px 0;
}
.section-title {
text-align: center;
}
.section-title h2 {
text-align: center;
font-size: 2.5rem;
color: #B43639;
margin-bottom: 20px;
font-weight: 700;
}
.section-title p{
color: #666;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: #B43639;
border-radius: 2px;
}
/* Features Section */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.feature-card {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
text-align: center;
padding: 40px 30px;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.feature-icon {
width: 80px;
height: 80px;
background: rgba(180, 54, 57, 0.1)!important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
transition: all 0.4s ease;
}
.feature-card:hover .feature-icon {
background: #B43639!important;
transform: scale(1.1);
}
.feature-icon i {
font-size: 2.2rem;
color: #B43639;
transition:all 0.4s ease;
}
.feature-card:hover .feature-icon i {
color: white;
}
.feature-card h3 {
margin-bottom: 15px;
color: #B43639;
font-size: 1.6rem;
}
/* ───────── 标题区 ───────── */
.section-title {
/* 起始状态（可选，主要防止 CLS）*/
opacity: 0;
transform: translateY(30px);
/* 使用 Animate.css 自带的 fadeInUp 关键帧 */
animation: fadeInUp 0.8s ease-out 0.1s both;
}
/* ───────── 功能卡片 ───────── */
.features-grid .feature-card {
opacity: 0; /* 初始不可见 */
transform: translateY(30px);
/* 自带关键帧：fadeInUp；结束保持终态 */
animation: fadeInUp 0.8s ease-out forwards;
}
/* 依次延迟：0.2 s / 0.4 s / 0.6 s */
.features-grid .feature-card:nth-child(1) { animation-delay: .2s; }
.features-grid .feature-card:nth-child(2) { animation-delay: .4s; }
.features-grid .feature-card:nth-child(3) { animation-delay: .6s; }
/* ───── 无障碍：尊重“减少动画”偏好 ───── */
@media (prefers-reduced-motion: reduce) {
.section-title,
.features-grid .feature-card {
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-728eacb */.section-title-research {
font-size: 2.5rem;
color: white!important;
margin-bottom: 20px;
font-weight: 700;
padding-bottom: 15px;
position: relative;
text-align: center;
}
.section-title-research::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: white;
border-radius: 2px;
}
.section-subtitle-research {
color: white;
text-align: center;
font-size: 1.2rem;
opacity: 0.9;
}
.research {
padding: 80px 0;
background: linear-gradient(135deg, #B43639 0%, #8B2B2E 100%);
color: white;
text-align: center;
position: relative;
overflow: hidden;
}
.research::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
animation: float 20s ease-in-out infinite;
}
.research-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
margin-top: 60px;
position: relative;
z-index: 2;
}
.research-card {
background: rgba(255, 255, 255, 0.1);
padding: 40px 30px;
border-radius: 20px;
text-align: center;
backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
cursor: pointer;
}
.research-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: all 0.8s ease;
}
.research-card:hover::before {
left: 100%;
}
.research-card:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-10px) scale(1.02);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.research-image {
width: 80px;
height: 80px;
margin: 0 auto 25px;
border-radius: 50%;
overflow: hidden;
border: 3px solid rgba(255, 255, 255, 0.3);
transition: all 0.4s ease;
position: relative;
}
.research-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.4s ease;
}
.research-card:hover .research-image {
transform: rotate(360deg) scale(1.1);
border-color: rgba(255, 255, 255, 0.6);
}
.research-card:hover .research-image img {
transform: scale(1.2);
}
.research-card h4 {
font-size: 1.4rem;
margin-bottom: 15px;
font-weight: 600;
color: white;
position: relative;
z-index: 2;
}
.research-card p {
color: rgba(255, 255, 255, 0.9);
line-height: 1.6;
font-size: 1rem;
position: relative;
z-index: 2;
}
/* 交替动画延迟 */
.research-card:nth-child(1) {
animation-delay: 0.1s;
}
.research-card:nth-child(2) {
animation-delay: 0.3s;
}
.research-card:nth-child(3) {
animation-delay: 0.5s;
}
/* 资质证书区域 */
.certifications {
padding: 80px 0;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}
.cert-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-top: 60px;
}
.cert-item {
background: white;
padding: 25px 20px;
border-radius: 20px;
text-align: center;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
}
.cert-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #B43639, #8B2B2E);
transform: scaleX(0);
transition: transform 0.4s ease;
}
.cert-item:hover::before {
transform: scaleX(1);
}
.cert-item:hover {
transform: translateY(-8px);
box-shadow: 0 15px 35px rgba(180, 54, 57, 0.2);
}
.cert-item img {
max-width: 100%;
height: 150px;
object-fit: contain;
border-radius: 15px;
margin-bottom: 20px;
transition: all 0.4s ease;
}
.cert-item:hover img {
transform: scale(1.05);
}
.cert-item h4 {
color: #B43639;
font-size: 1.1rem;
font-weight: 600;
transition: all 0.3s ease;
}
.cert-item:hover h4 {
color: #8B2B2E;
}
/* 响应式设计 */
@media (max-width: 768px) {
.section-title {
font-size: 2rem;
}
.research-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.research-card {
padding: 30px 20px;
}
}
/* 自定义动画 */
@keyframes float {
0%, 100% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-20px) rotate(180deg); }
}
@keyframes pulse {
0%, 100% { opacity: 1; transform: translateX(-50%) scaleX(1); }
50% { opacity: 0.7; transform: translateX(-50%) scaleX(1.2); }
}
/* 滚动触发动画 */
.animate-on-scroll {
opacity: 0;
transform: translateY(50px);
transition: all 0.8s ease;
}
.animate-on-scroll.animate-in {
opacity: 1;
transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fd7db5 */section {
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 70px;
}
.section-title h2 {
text-align: center;
font-size: 2.5rem;
color:
#B43639;
margin-bottom: 20px;
font-weight: 700;
}
.section-title p{
color: #666;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background:
#B43639;
border-radius: 2px;
}
/* 产品展示区域 */
.product-showcase {
padding: 80px 0!important;
background: linear-gradient(135deg,
#ffffff 0%,
#f8f9fa 100%)!important;
}
.showcase-content {
display: grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))!important;
gap: 60px!important;
align-items: center;
margin-top: 40px!important;
}
.product-info h3 {
font-size: 2rem!important;
color:
#B43639!important;
margin-bottom: 20px!important;
font-weight: 600!important;
text-align:center;
}
.product-info .highlight {
background: linear-gradient(135deg,
#B43639,
#8B2B2E)!important;
color: white!important;
padding: 20px!important;
border-radius: 15px!important;
margin: 20px 0!important;
font-weight: 600!important;
text-align: center!important;
font-size: 1.2rem!important;
}
.product-info p {
color: #666
}
.benefits-list {
list-style: none!important;
margin: 20px 0!important;
padding: inherit!important;
}
.benefits-list li {
padding: 10px 0!important;
position: relative!important;
padding-left: 30px!important;
color: #555!important;
}
.benefits-list li::before {
content: '✓'!important;
position: absolute!important;
left: 0!important;
color:
#B43639!important;
font-weight: bold!important;
font-size: 1.2rem!important;
}
.product-image {
text-align: center!important;
position: relative!important;
}
.product-image img {
max-width: 100%!important;
height: auto!important;
border-radius: 20px!important;
box-shadow: 0 15px 35px rgba(30, 105, 107, 0.2)!important;
transition: transform 0.3s ease!important;
}
.product-image:hover img {
transform: scale(1.05)!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb4548e */.technology {
background: linear-gradient(to right, #1a3c6c, #2a4a7c);
color: white;
position: relative;
overflow: hidden;
}
.technology::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('https://www.shj666.com/wp-content/uploads/2025/05/源头工厂_3-1.webp') center/cover no-repeat;
opacity: 0.15;
}
.technology .section-title h2 {
color: white;
}
.technology .section-title p {
color: white;
}
.tech-content {
display: flex;
gap: 50px;
align-items: center;
position: relative;
}
.tech-text {
flex: 1;
}
.tech-text h3{
font-weight: 600;
color:#B43639 !important;
}
.tech-image {
flex: 1;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
height: 400px;
background: url('https://www.shj666.com/wp-content/uploads/2025/05/天然萃取工艺_2.webp') center/cover no-repeat;
transition:all 0.4s ease;
}
.tech-image:hover {
transform: scale(1.05); /* 鼠标悬停时放大10% */
}
/* Responsive */
@media (max-width: 992px) {
.about-content, .tech-content, .benefits-content {
flex-direction: column;
}
.about-image, .tech-image, .benefits-image {
width: 100%;
margin-top: 30px;
}
.hero h2 {
font-size: 2.8rem;
}
.stats {
flex-wrap: wrap;
}
.stat-item {
min-width: 200px;
}
}
@media (max-width: 768px) {
.header-container {
padding: 15px 20px;
}
nav {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
nav.active {
display: block;
}
nav ul {
flex-direction: column;
padding: 20px 0;
}
nav ul li {
margin: 0;
text-align: center;
}
nav ul li a {
display: block;
padding: 15px;
}
.mobile-toggle {
display: block;
}
.hero h2 {
font-size: 2.3rem;
}
.hero p {
font-size: 1.1rem;
}
.section-title h2 {
font-size: 2rem;
}
.btn-light {
margin-left: 0;
margin-top: 15px;
}
.hero-buttons {
display: flex;
flex-direction: column;
align-items: center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-185efb3 */section {
padding: 100px 0;
}
section .features-3 .section-title {
text-align: center;
margin-bottom: 70px;
}
section .section-title h2 {
text-align: center;
font-size: 2.5rem;
color: #B43639;
margin-bottom: 20px;
font-weight: 700;
}
section .section-title p{
color: #666;
}
.section-title h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: #B43639;
border-radius: 2px;
}
/* Features Section */
section .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
section .feature-card {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
text-align: center;
padding: 40px 30px;
}
section .feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
section .feature-icon {
width: 80px;
height: 80px;
background: rgba(180, 54, 57, 0.1)!important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
transition: all 0.4s ease;
}
section .feature-card-3:hover .feature-icon {
background: #fff!important;
transform: scale(1.1);
}
section .feature-icon i {
font-size: 2.2rem;
color: #B43639;
transition:all 0.4s ease;
}
section .feature-card:hover .feature-icon i {
color: white;
}
section .feature-card h3 {
margin-bottom: 15px;
color: #B43639;
font-size: 1.6rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34ff3cf */.cta {
background: linear-gradient(to right, #B43639, #8a1a1d);
color: white;
text-align: center;
padding: 80px 0;
}
.cta h2 {
color: white;
font-size: 2.8rem;
margin-bottom: 20px;
}
.cta p {
max-width: 700px;
margin: 0 auto 30px;
font-size: 1.2rem;
}
.cta .btn {
display: inline-block;
background: #B43639;
color: white;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.4s ease;
border: 2px solid #B43639;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1rem;
}
.cta .btn:hover {
background: transparent;
color: #B43639;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.cta .btn-light {
background: transparent;
color: white;
border: 2px solid white;
margin-left: 15px;
}
.cta .btn-light:hover{
background: white;
color: #B43639;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27f5d1f */@media (min-width: 1024px){
.elementor-7554 .elementor-element.elementor-element-27f5d1f{
padding: calc(45px + 70*((100vw - 320px) / 1600)) calc(25px + 125*((100vw - 320px) / 1600)) calc(80px + 55*((100vw - 320px) / 1600));
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65f0ba1 */.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}/* End custom CSS */