效果图
t115
Wordpress
          <!-- wp:html -->
<style>
    .c6q6y1 img.wp-block-cover__image-background{opacity:0 !important;transition:opacity .3s}
    .c6q6y1:hover img.wp-block-cover__image-background{opacity:1 !important;transition:opacity .3s}
    .c6q6y1 .tit,.c6q6y1 hr,.c6q6y1 p{color:#264767 !important; transition:color .3s}
    .c6q6y1:hover .tit,.c6q6y1:hover hr,.c6q6y1:hover p{color:#fff !important; transition:color .3s}
    @media(max-width:1200px){
.c6q6y1 img.wp-block-cover__image-background{opacity:1 !important}
.c6q6y1 .tit,.c6q6y1 hr,.c6q6y1 p{color:#fff !important;}
}
    </style>
<!-- /wp:html -->

<!-- wp:columns {"style":{"color":{"background":"#f9f9f9"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns has-background" style="background-color:#f9f9f9;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://wp.richimachinery.com/wp-content/uploads/2024/05/o4x1qwth.jpg","id":1439,"dimRatio":0,"customOverlayColor":"#e9652f","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","bottom":"5vw"}}},"className":"c6q6y1"} -->
<div class="wp-block-cover alignfull is-light c6q6y1" style="padding-top:5vw;padding-bottom:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#e9652f"></span><img class="wp-block-cover__image-background wp-image-1439" alt="" src="https://wp.richimachinery.com/wp-content/uploads/2024/05/o4x1qwth.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:html -->
<div style="width:100px;height:100px;margin:0 auto;background-color:#fff;border-radius:50%;box-shadow:3px 3px 6px #666;display:flex;align-items:center;justify-content:center">
        <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        width="35" height="35">
        <path
            d="M385.150849 385.662338l-128.895105 0 0-150.377622q0-49.102897 19.436563-91.556444t53.706294-74.677323 80.815185-50.637363 101.786214-18.413586q49.102897 0 94.625375 18.413586t80.815185 50.637363 56.263736 74.677323 20.971029 91.556444l0 150.377622-123.78022 0 0-121.734266q0-64.447552-35.804196-99.74026t-97.182817-35.292707q-55.240759 0-88.999001 35.292707t-33.758242 99.74026l0 121.734266zM826.053946 447.040959q27.62038 0 47.568432 19.948052t19.948052 47.568432l0 317.122877q0 27.62038-9.718282 51.66034t-26.597403 41.942058-39.896104 28.131868-50.637363 10.22977l-516.603397 0q-27.62038 0-50.125874-10.22977t-38.361638-27.108891-24.551449-39.384615-8.695305-48.07992l0-324.283716q0-27.62038 19.436563-47.568432t47.056943-19.948052l61.378621 0 128.895105 0 255.744256 0 123.78022 0 61.378621 0z"
            fill="#264767"></path>
    </svg>
    </div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"1.5rem"}},"textColor":"white","className":"tit"} -->
<h3 class="wp-block-heading has-text-align-center tit has-white-color has-text-color" style="font-size:1.5rem">cargo security</h3>
<!-- /wp:heading -->

<!-- wp:separator {"align":"center","backgroundColor":"white","className":"aligncenter"} -->
<hr class="wp-block-separator aligncenter has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#022839"}}} -->
<p class="has-text-align-center has-text-color" style="color:#022839">Today's most advanced responsive self-service website building platform, our streamlined web page layout design scheme and visual graphic content editing mode make website production and maintenance an easy and comfortable thing. Support typing to transfer pictures, free drag and drop.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://wp.richimachinery.com/wp-content/uploads/2024/05/4wtc9ins.jpg","id":1441,"dimRatio":0,"customOverlayColor":"#fb7843","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","bottom":"5vw"}}},"className":"c6q6y1"} -->
<div class="wp-block-cover alignfull is-light c6q6y1" style="padding-top:5vw;padding-bottom:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#fb7843"></span><img class="wp-block-cover__image-background wp-image-1441" alt="" src="https://wp.richimachinery.com/wp-content/uploads/2024/05/4wtc9ins.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:html -->
<div
        style="width:100px;height:100px;margin:0 auto;background-color:#fff;border-radius:50%;box-shadow:3px 3px 6px #666;display:flex;align-items:center;justify-content:center">
        <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            width="35" height="35">
            <path
                d="M871.673333 770.813333a53.393333 53.393333 0 0 1 0 75.42l-37.713333 37.713334c-27.866667 27.866667-64.52 44.84-108.946667 50.46a264.333333 264.333333 0 0 1-33.213333 2.04c-32.333333 0-67.22-5.46-104.146667-16.32C487.42 890.666667 382 824.226667 290.9 733.1S133.333333 536.586667 103.873333 436.346667c-14.666667-49.94-19.493333-96.153333-14.28-137.333334 5.62-44.426667 22.593333-81.08 50.46-108.946666l37.713334-37.713334a53.393333 53.393333 0 0 1 75.42 0l165.94 165.933334a53.4 53.4 0 0 1 0 75.426666l-37.713334 37.686667c-21.333333 21.333333-0.1 90.413333 60.34 150.846667s129.486667 81.7 150.846667 60.34l37.713333-37.713334a53.4 53.4 0 0 1 75.426667 0zM746.666667 341.333333h64v21.333334a21.333333 21.333333 0 0 0 42.666666 0V277.333333a21.333333 21.333333 0 0 0-42.666666 0v21.333334h-34.4l33.333333-99.92a21.333333 21.333333 0 0 0-40.48-13.493334l-42.666667 128A21.333333 21.333333 0 0 0 746.666667 341.333333z m-96.186667-61.033333c-17.333333 10.24-30.666667 22.58-39.686667 36.666667A83.646667 83.646667 0 0 0 597.333333 362.666667a21.333333 21.333333 0 0 0 21.333334 21.333333h85.333333a21.333333 21.333333 0 0 0 0-42.666667h-58.093333q7.9-13.42 26.28-24.3C706.46 296.78 725.333333 267.526667 725.333333 234.666667a64 64 0 0 0-128 0 21.333333 21.333333 0 0 0 42.666667 0 21.333333 21.333333 0 0 1 42.666667 0c0 22-17.5 36.96-32.186667 45.633333zM960 256a63.726667 63.726667 0 0 0-21.333333 3.653333V192a21.333333 21.333333 0 0 0-42.666667 0v170.666667a21.333333 21.333333 0 0 0 42.666667 0v-42.666667a21.333333 21.333333 0 0 1 42.666666 0v42.666667a21.333333 21.333333 0 0 0 42.666667 0v-42.666667a64.073333 64.073333 0 0 0-64-64z"
                fill="#264767"></path>
        </svg>
    </div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"1.5rem"}},"textColor":"white","className":"tit"} -->
<h3 class="wp-block-heading has-text-align-center tit has-white-color has-text-color" style="font-size:1.5rem">cargo security</h3>
<!-- /wp:heading -->

<!-- wp:separator {"align":"center","backgroundColor":"white","className":"aligncenter"} -->
<hr class="wp-block-separator aligncenter has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#022839"}}} -->
<p class="has-text-align-center has-text-color" style="color:#022839">Today's most advanced responsive self-service website building platform, our streamlined web page layout design scheme and visual graphic content editing mode make website production and maintenance an easy and comfortable thing. Support typing to transfer pictures, free drag and drop.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://wp.richimachinery.com/wp-content/uploads/2024/05/r34k0gyp.jpg","id":1442,"dimRatio":0,"customOverlayColor":"#e16835","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","bottom":"5vw"}}},"className":"c6q6y1"} -->
<div class="wp-block-cover alignfull is-light c6q6y1" style="padding-top:5vw;padding-bottom:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#e16835"></span><img class="wp-block-cover__image-background wp-image-1442" alt="" src="https://wp.richimachinery.com/wp-content/uploads/2024/05/r34k0gyp.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:html -->
<div
        style="width:100px;height:100px;margin:0 auto;background-color:#fff;border-radius:50%;box-shadow:3px 3px 6px #666;display:flex;align-items:center;justify-content:center">
        <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            width="35" height="35">
            <path
                d="M823.2 384H704V224c0-17.6-14.4-32-32-32H96c-17.6 0-32 14.4-32 32v448c0 17.6 14.4 32 32 32h32c0 70.4 57.6 128 128 128s128-57.6 128-128h256c0 70.4 57.6 128 128 128s128-57.6 128-128h32c17.6 0 32-14.4 32-32V581.6c0-3.2-0.8-6.4-2.4-8.8l-120.8-181.6c-3.2-4.8-8-7.2-13.6-7.2zM268.8 766.4c-44.8 8.8-84-30.4-75.2-75.2 4.8-24.8 24.8-45.6 50.4-50.4 44.8-8.8 84 30.4 75.2 75.2-5.6 25.6-25.6 45.6-50.4 50.4z m512 0c-44.8 8.8-84-30.4-75.2-75.2 4.8-24.8 24.8-45.6 50.4-50.4 44.8-8.8 84 30.4 75.2 75.2-5.6 25.6-25.6 45.6-50.4 50.4zM704 576V448h95.2c5.6 0 10.4 2.4 12.8 7.2L896 576H704z"
                fill="#264767"></path>
        </svg>
    </div>
<!-- /wp:html -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"1.5rem"}},"textColor":"white","className":"tit"} -->
<h3 class="wp-block-heading has-text-align-center tit has-white-color has-text-color" style="font-size:1.5rem">cargo security</h3>
<!-- /wp:heading -->

<!-- wp:separator {"align":"center","backgroundColor":"white","className":"aligncenter"} -->
<hr class="wp-block-separator aligncenter has-text-color has-white-color has-alpha-channel-opacity has-white-background-color has-background"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#022839"}}} -->
<p class="has-text-align-center has-text-color" style="color:#022839">Today's most advanced responsive self-service website building platform, our streamlined web page layout design scheme and visual graphic content editing mode make website production and maintenance an easy and comfortable thing. Support typing to transfer pictures, free drag and drop.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
pellet-richi
           
        
v5