跳到主要內容區塊
::: <div id="icm8" class="haoguang"><div custom_block_template="true" block_id="customBlockTemplate_77" id="iit8-2" draggable="true" class="one_swiper edit_lock"><div id="i13w" draggable="true" class="swiper d-flex swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden"><div id="iw0z" draggable="true" class="swiper-wrapper align-self-center"><div id="qwer" draggable="true" class="swiper-slide image_link_slide allowedit d-flex align-self-center"><a id="inqux" class="allowedit"><img id="is2vc-d" src="/upload/htmlConten/6abcbf00-e0df-4601-9bb0-7e8f5fe306f5.jpg" class="img-fluid allowedit gjs-plh-image opacity-0 banner"></a></div><div id="iq1z" draggable="true" class="swiper-slide image_link_slide allowedit d-flex align-self-center block1"><a id="zoda" class="allowedit"><img id="is2vc-d-2" src="/upload/htmlConten/290a9f2f-0fe6-4cfc-a1c2-ba653ff2f221.jpg" class="img-fluid allowedit gjs-plh-image banner"></a><ul id="idhd" class="black-block d-flex justify-content-center"><li id="icja"> 風力發電船舶運輸 </li><li id="impp"> 風力發電特殊物件新製 </li><li id="itsl"> 陸地建設工程 </li><li id="iy11u"> 專業船體維護維修 </li><li id="itju6"> 專業技術團隊 </li><li id="i4xrb"> 通過多項技術認證 </li><li id="i6712"> 國際性服務 </li><li id="i7n0f"> 特殊設備新製研發 </li></ul></div><div id="iu6fz" draggable="true" class="template_slide d-none"><div id="iifxj" draggable="true" class="swiper-slide image_link_slide allowedit d-flex align-self-center"><a id="itzrl" draggable="true" class="allowedit w-100"><img id="iv499" draggable="true" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+" class="w-100 allowedit"></a></div></div><div id="iifxj-2" draggable="true" class="swiper-slide image_link_slide allowedit d-flex align-self-center img-fluid"><a id="itzrl-2" draggable="true" class="allowedit w-100"><img id="iv499-2" draggable="true" src="/upload/htmlConten/0530f223-2698-47d9-881f-45a01672271b.png" class="w-100 allowedit banner"></a></div></div><div id="ikmsl" draggable="true" class="swiper_button_prev start-0 position-absolute top-50 translate-middle-y"><button id="i0z2s" draggable="true" class="allowedit align-items-center bg-dark bg-opacity-25 border-0 d-flex justify-content-center rounded-circle swiper_btn_circle_small text-opacity-75 text-white"><span id="i1d6v" draggable="true" class="material-symbols-outlined">navigate_before</span></button></div><div id="ir1fy" draggable="true" class="swiper_button_next end-0 position-absolute top-50 translate-middle-y"><button id="ikoqm" draggable="true" class="allowedit align-items-center bg-dark bg-opacity-25 border-0 d-flex justify-content-center rounded-circle swiper_btn_circle_small text-opacity-75 text-white"><span id="izqng" draggable="true" class="material-symbols-outlined">navigate_next</span></button></div></div></div><div custom_block_template="true" block_id="customBlockTemplate_1" id="in4vw" draggable="true" class="container service"><div id="iwgls" class="pageTitle"><h2 class="title"><span id="i6klq">服務項目</span></h2></div><div id="i3lnq" class="row col-12"><a href="/haoguang/Windpowergeneration" title="連結至:風力發電服務工程" id="iiut3" class="col-lg-3 col-md-6 card-out col-sm-6"><div id="is518-2-2-2-2-2--d-2" class="card"><img src="/upload/htmlConten/6348ae54-9de2-41f8-8edd-499099bf00ed.jpeg" id="itkn4wx" class="img-img"></div><div class="img-out"><img src="/upload/htmlConten/0d617dcf-9ad4-4f6f-9964-16ef79eb8227.png" id="ivoouax-2" class="img-text"><p id="i9ymr" class="img-text-text d-flex justify-content-center align-items-center"> 風力發電服務工程 <span class="more"><i class="material-symbols-outlined"> add_circle </i> 了解更多 </span></p></div></a><a href="/haoguang/repair02" title="連結至:散裝/貨輪船體維修" id="iuv78" class="col-lg-3 col-md-6 card-out col-sm-6"><div id="is518-d-2-2-22o" class="card"><img src="/upload/htmlConten/124a1682-075b-4745-b8f7-803aa44c4313.jpg" id="itkn4-2-2-2-2-2-2-2x-2" class="img-img"></div><div id="idy8k" class="img-out"><img src="/upload/htmlConten/0d617dcf-9ad4-4f6f-9964-16ef79eb8227.png" id="ivoou-2-2-2-2-2-2-22-d-2-2" class="img-text"><p id="izovv" class="img-text-text d-flex justify-content-center align-items-center"> 散裝/貨輪船體維修 <span class="more"><i class="material-symbols-outlined"> add_circle </i> 了解更多 </span></p></div></a><a href="/haoguang/repair01" title="連結至:船舶主機/輔機維修" id="i2ylt" class="col-lg-3 col-md-6 card-out col-sm-6"><div id="is518-d-22o" class="card"><img src="/upload/htmlConten/25dd631f-6f19-44c4-9cfc-929d389773aa.jpg" id="itkn4-do" class="img-img"></div><div class="img-out"><img src="/upload/htmlConten/0d617dcf-9ad4-4f6f-9964-16ef79eb8227.png" id="ivoou-2-2-2-2-2-2-2-2-2-3-2-2-2-2-2" class="img-text"><p class="img-text-text d-flex justify-content-center align-items-center"> 船舶主機/輔機維修 <span class="more"><i class="material-symbols-outlined"> add_circle </i> 了解更多 </span></p></div></a><a href="/haoguang/moreservice" title="連結至:更多服務" id="ipbxh" class="col-lg-3 col-md-6 card-out col-sm-6"><div id="is518-d-2-2-2-2-2-2" class="card"><img src="/upload/htmlConten/ebbda906-0382-471d-9888-cef1d3127adf.jpg" id="itkn4-2-2-2-2-2-2-2-2-2x" class="img-img"></div><div class="img-out"><img src="/upload/htmlConten/0d617dcf-9ad4-4f6f-9964-16ef79eb8227.png" id="ivoou-d-2-2-2-2-2-2-2-2" class="img-text"><p class="img-text-text d-flex justify-content-center align-items-center"> 更多服務 <span class="more"><i class="material-symbols-outlined"> add_circle </i> 了解更多 </span></p></div></a></div></div><div id="irwn4" class="row col-12 leader-team justify-content-center"><div id="ime2o" class="col-lg-5 col-md-12 d-flex justify-content-center align-items-center dir"><div id="ixmiew" class="pageTitle"><h2 id="ieler9"><span id="ireiwk"><b id="io1qi8"> 領導專業團隊 </b></span></h2></div><div id="i4m5j" class="team d-flex justify-content-center align-items-center"><p id="inrua" class="text-center"> 重視公共安全 <br id="i24ni"> 取得合格、合法專業證照 <br id="ishbe"> 領導團隊-提供專業安全服務及管理 </p></div><div id="ik8bp" class="card-out align-items-center d-flex flex-sm-row justify-content-center"><div id="iprek-2-2" class="card p-3 align-items-center"><img src="/upload/htmlConten/a48b5690-dedd-41f2-bd73-b4a51fbc1613.png" id="i591q-4-2-2-2--d"><p id="ipziy-2-2" class="text-center py-3"> 通過NK日本海事協會外板焊接程序作業證照 </p></div><div id="iouji-2-2--d" class="card p-3 align-items-center"><img src="/upload/htmlConten/fc326c8a-33b7-4a24-8d72-47cd1c126bbf.jpg" id="i591qw"><p id="i5w7xg" class="text-center py-3"> 職業安全衛生教育訓練結業證書 </p></div><div id="ijmnu-2-2" class="card p-3 align-items-center"><img src="/upload/htmlConten/28abde9f-bf38-4180-bc61-642cb9d4cf91.jpg" id="i5912w"><p id="ilhpyy" class="text-center py-3"> 道路危險物品運送人員訓練證明書 </p></div></div></div><div id="ifwrp7" class="col-lg-5 col-md-12 d-flex justify-content-center align-items-center team-img-out"><img src="/upload/htmlConten/6809f91a-9d8c-4a74-8582-4b7283d4313a.png" id="iu02o" class="team-img"><div id="iseelt" class="vertical"> 台灣本土及國際航線船舶及風力發電相關工程 <br></div><div id="ioqbbi" data-key="" class="vertical font1"> 台灣各港口服務 </div><div id="i9qwxw" class="vertical font2"> 專業團隊支援 </div></div></div><a href="/haoguang/team" class="team-more d-flex justify-content-center align-items-center"><div id="iv7sxy" class="more d-flex justify-content-center align-items-center"><img src="/upload/htmlConten/8db463c7-3777-4714-b57c-18a30335f56b.png" id="iw6qz8-d-2-2-2-2"> 了解更多 </div></a></div>
*{box-sizing:border-box;}body{margin:0;}#qwer{background-image:url(/upload/htmlConten/6abcbf00-e0df-4601-9bb0-7e8f5fe306f5.jpg );background-size:cover;background-position:center;}.banner{width:100vw;}.haoguang .block1{position:relative;}.haoguang .block1 .black-block{position:absolute;top:50%;right:8%;z-index:5;height:75%;color:#fff;text-shadow:1px 1px 4px #000;flex-direction:column;transform:translateY(-50%);font-weight:600;font-size:1.2rem;text-align:left;padding:0 7.5%;}.haoguang .block1 .img-over{overflow:hidden;}.haoguang .block1 .black-block li{padding:.25rem 0;}.haoguang .service{width:100%;padding:0.5rem 0 3rem;}.haoguang .title-img{width:45px;margin:1rem;}.haoguang h3{font-family:'Noto Serif TC', serif;font-weight:bold;padding-top:5px;font-size:2rem;}.haoguang .service .card{width:100%;height:100%;border-radius:25px;overflow:hidden;}.haoguang .service .row{padding:0rem 0.8rem;margin:0;}.haoguang .service .card-out{position:relative;}.haoguang .service .img-out{position:absolute;bottom:0;}.haoguang .service .img-img{transition:transform 0.3s ease;}.haoguang .service .img-img:hover{transform:scale(1.1);}.haoguang .service .img-out .img-text{width:96%;}.haoguang .service .img-out .img-text-text{width:96%;position:absolute;bottom:15%;color:#fff;font-size:1.2rem;flex-direction:column;}.more{display:flex;align-items:center;margin-top:0.3rem;}.haoguang .leader-team{background:#ededed;width:100%;height:auto;padding:5rem 0;margin:0;}.haoguang .leader-team .team{flex-direction:column;}.haoguang .leader-team .dir{flex-direction:column;}.haoguang .leader-team .card-out{width:100%;}.haoguang .leader-team .card-out .card{width:26%;height:260px;background:#fff;border-radius:15px;margin:.5rem;}.haoguang .leader-team .text-center{color:#52705a;font-size:1.2rem;font-weight:600;margin:1rem 0 2rem 0;}.haoguang .leader-team .vertical{writing-mode:vertical-rl;text-orientation:upright;font-family:'Noto Serif TC', serif;font-weight:bold;}.haoguang .leader-team .font1{font-size:2.3rem;margin-left:1rem;margin-top:-18.8rem;}.haoguang .leader-team .font2{font-size:1.8rem;margin-top:-55%;}.haoguang .leader-team .team-img{width:80%;}.haoguang .team-more{position:relative;width:100%;height:50px;}.haoguang .team-more img{width:27px;height:27px;margin:0 5px 0 0;}.haoguang .team-more .more{position:absolute;top:-22.5px;width:250px;height:45px;background:#647f6c;color:#fff;border-radius:25px;}#i591q-4-2-2-2--d{width:60%;text-align:center;}#i591qw{width:90%;}#i5912w{width:90%;}#iifxj-2{background-image:url('/upload/htmlConten/b6e815cf-62a1-4a6f-80c8-83d0e89ce7b6.jpg');background-repeat:repeat;background-position:center center;background-attachment:scroll;background-size:cover;}.pageTitle:before{content:url(/upload/htmlConten/ffc2fc4f-f0d1-46fb-b1b7-28ce7df71dfc.svg);width:32px;height:25px;display:inline-block;}.pageTitle:after{content:url(/upload/htmlConten/055f3982-31fc-45ae-94d9-860873961dbe.svg);width:32px;height:25px;display:inline-block;}#io1qi8{text-align:left;margin:0px 10px 0px 10px;}#iseelt{font-size:1.8rem;color:#64806c;margin-left:1rem;margin-top:-8rem;height:350px;}@media (min-width: 1500px){.haoguang .block1 .black-block li{font-size:1.5rem;}}@media (max-width: 1500px){#iseelt{margin-top:7rem;}.haoguang .leader-team .font1{margin-top:-7rem;}}@media (max-width: 992px){#idhd{font-size:1.3rem;text-align:left;line-height:1.55rem;}#io1qi8{font-size:2rem;}#iuv78{padding:0px 1rem 0 1rem;}#iiut3{padding:0px 1rem 0 1rem;}#ipbxh{padding:2rem 1rem 0px 1rem;}#i2ylt{padding:2rem 1rem 0px 1px;}#iu02o{padding:0px 2rem 0px 2rem;}#i9qwxw{padding:4rem 0 0 0;}#ifwrp7{padding:3rem 3rem 0px 3rem;}}@media (max-width: 576px){.haoguang .service{padding:0;}.haoguang .one_swiper .img-fluid{height:400px;width:auto;max-width:unset;}.haoguang .block1 .black-block{top:65%;right:10%;font-size:0.9rem;width:70%;padding:0.4rem 0rem 0.4rem 2rem;height:unset;}.haoguang .block1 .black-block li{padding:0.06rem 0;}.haoguang .service .col-md-6{width:50% !important;}.haoguang .service .card{font-size:.8rem;}.haoguang .service .row{padding:0rem;}.haoguang .service .img-out .img-text-text{width:100%;font-size:.9rem;bottom:8px;margin:0;}.haoguang .leader-team{padding:1rem 0 5rem;}.haoguang .leader-team .card-out .card{width:100%;height:200px;margin:3px;}.haoguang .leader-team .card-out .card .p-3{padding:.5rem;}.haoguang .leader-team .card-out .card .py-3{padding:0;}.haoguang .leader-team .text-center{font-size:1.1rem;margin:0rem 0 0.2rem 0;}.haoguang .leader-team .col-lg-5{padding:0;}.haoguang .leader-team .team-img{width:70%;}.haoguang .leader-team .font1{margin-left:2rem;font-size:1.6rem;}.haoguang .leader-team .font2{font-size:1.2rem;margin-top:-50%;}.haoguang .leader-team .team-img-out{margin:10% 0 0 0;}.haoguang .service .card-out{margin:0.5rem 0;}#qwer{background-image:url(/upload/htmlConten/fa7cd194-9444-4dab-b591-448c0ee9c0c9.jpg);}}@media (min-width: 576px) and (max-width: 1024px){.haoguang .block1 .black-block{flex-wrap:wrap;flex-direction:column;justify-content:flex-start !important;padding:0.5rem;width:300px;}.haoguang .block1 .black-block li{margin-left:2rem;}}@media (max-width: 480px){#qwer{background-image:url('/upload/htmlConten/f1c5d7c2-8edb-4e25-b5c1-1220f2e1123e.jpg');background-position:center center;background-repeat:no-repeat;background-attachment:local;background-size:cover;}#iifxj-2{background-repeat:no-repeat;background-position:center center;background-attachment:local;background-size:cover;background-image:url('/upload/htmlConten/8e628c75-a6a0-4c58-8e35-0f488d04a903.jpg');}#iu02o{padding:0px 0rem 0px 0rem;width:60%;}#ifwrp7{padding:0rem 0rem 0px 0rem;}#iseelt{margin-left:0;font-size:1.3rem;height:270px;}#ioqbbi{margin-left:0;margin-top:-3rem;}}