涓?娴峰伐涓??ㄦ??澶???搴?杩??ュ???垫???搴х?_?叉按??澶?娆у???澶粹??????浜у??瀹?/title> <meta name="keywords" content="841995香港论坛资料" /> <link href="/template/default/css/css.css" rel="stylesheet" /> <link rel="stylesheet" href="/template/default/css/font/iconfont.css"> <script src="/template/default/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="/template/default/css/aos.css" /> <script src="/template/default/js/aos.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8" rel="nofollow" src="/@public/base.js"></script> </head> <body><nav style="text-align: center;background-color:#bbdaa1;color: #333;"><h1><a href="/">841995香港论坛资料-免费完整资料</a></h1></nav> <style> .nav_dl { width: 92%; margin: 0px auto; padding-bottom: 20px; overflow: auto; } .nav_dl li { float: left; width: 25%; padding-top: 20px; } .nav_dl li a { display: block; margin-left: 1%; margin-right: 1%; width: 98%; box-sizing: border-box; line-height: 1.5; padding: 10px 0 10px 5px; background: url(/images/navli.png) right center no-repeat; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-size: 13px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav_dl li a:hover { color: #0055A2; background-color: #F9F9F9; } </style> <div id="head" class="pc_head"> <div class="hdbox wrap"> <a href="/" class="logo"> <img src="/images/logo.png" alt="841995香港论坛资料"/> </a> <div class="hdfr"> <div class="hdsearch"> <a class="searchbtn"><span class="iconfont icon-fangdajing"></span></a> <div class="searchbox"> <div class="bdbox"> <a class="closebtn" title="Close"><span class="iconfont icon-guanbi"></span></a> <div id="search"> <form id="formsear" name="formsear" method="post" action="/products/"> <input id="keys" name="keywords" placeholder="浜у???抽???" type="text"> <button id="gobtn" name="go" type="submit"><span class="iconfont icon-fangdajing"></span></button> </form> </div> </div> </div> </div> </div> <ul class="menu" id="menu-pc"> <li><a class="pr" href="/">缃?绔?棣?椤?/a></li> <li><a class="pr" href="/about/">?充???浠?/a></li> <li><a href="/product/">浜у??涓??</a> <div class="sub"> <ul class="nav_dl"> <li><a href="/pro/osgyct.html" title="涓?娴锋?寮?宸ヤ???澶?>涓?娴锋?寮?宸ヤ???澶?/a></li> <li><a href="/pro/dydip44.html" title="涓?娴风?涓?浠?P44宸ヤ???澶?>涓?娴风?涓?浠?P44宸ヤ???澶?/a></li> <li><a href="/pro/dedip44.html" title="涓?娴风?浜?浠?P44宸ヤ???澶?>涓?娴风?浜?浠?P44宸ヤ???澶?/a></li> <li><a href="/pro/dsdip44.html" title="涓?娴风?涓?浠?P44宸ヤ???澶?>涓?娴风?涓?浠?P44宸ヤ???澶?/a></li> <li><a href="/pro/d4dip44.html" title="涓?娴风???浠?P44宸ヤ???澶?>涓?娴风???浠?P44宸ヤ???澶?/a></li> <li><a href="/pro/dydip67.html" title="涓?娴风?涓?浠?P67宸ヤ???澶?>涓?娴风?涓?浠?P67宸ヤ???澶?/a></li> <li><a href="/pro/dedip67.html" title="涓?娴风?浜?浠?P67宸ヤ???澶?>涓?娴风?浜?浠?P67宸ヤ???澶?/a></li> <li><a href="/pro/pdx.html" title="涓?娴烽???电?">涓?娴烽???电?</a></li> <li><a href="/pro/ydszhx.html" title="涓?娴风Щ?ㄥ?缁???绠?>涓?娴风Щ?ㄥ?缁???绠?/a></li> <li><a href="/pro/lskg.html" title="涓?娴疯????寮???>涓?娴疯????寮???/a></li> </ul> </div> </li> <li><a class="pr" href="/news/">?伴?昏?璁?/a></li> <li><a class="pr" href="/environment/">浜у??搴???/a> </li> <li> <a class="pr" href="/download/">璧???涓?杞?/a> </li> <li><a class="pr" href="/contact/">??绯绘??浠?/a> </li> </ul> </div> </div> <script> /*menu*/ $('#head .menu li').hover(function() { $(this).addClass('cur'); $(this).find('.sub').stop(true,true).slideDown(350); }, function(event) { $(this).removeClass('cur'); $(this).find('.sub').stop().slideUp(150); }); $(".searchbtn").click(function() { $(".searchbox").fadeToggle(100); }); $(".closebtn").click(function() { $(".searchbox").fadeOut(100); }); </script> <div class="clear"></div> <div id="m"> <div id="m-head"> <a href="/" class="logo"> <img src="/images/logo.png" alt="841995香港论坛资料"/> </a> <a href="javascript:" id="m-search"><span class="iconfont icon-sousuo"></span></a> <a href="javascript:;" id="menubtn"> <div class="icon-mu"><span></span></div> </a> </div> <div id="m-search-box"> <form id="formsear" name="formsear" method="post" action="/products/"> <input type="text" id="keys" name="keywords" placeholder="浜у???抽???"> <button id="gobtn" name="go" type="submit" class="m-search"><span class="iconfont icon-sousuo"></span></button> <a href="javascript:" class="close"><span class="iconfont icon-guanbi"></span></a> </form> </div> <ul id="menu"> <li><a href="/">棣?椤?/a></li> <li><a href="/about/">?充???浠?/a> </li> <li><a class="sub">浜у??涓??</a> <div> <a href="/pro/osgyct.html" title="涓?娴锋?寮?宸ヤ???澶?>涓?娴锋?寮?宸ヤ???澶?/a> <a href="/pro/dydip44.html" title="涓?娴风?涓?浠?P44宸ヤ???澶?>涓?娴风?涓?浠?P44宸ヤ???澶?/a> <a href="/pro/dedip44.html" title="涓?娴风?浜?浠?P44宸ヤ???澶?>涓?娴风?浜?浠?P44宸ヤ???澶?/a> <a href="/pro/dsdip44.html" title="涓?娴风?涓?浠?P44宸ヤ???澶?>涓?娴风?涓?浠?P44宸ヤ???澶?/a> <a href="/pro/d4dip44.html" title="涓?娴风???浠?P44宸ヤ???澶?>涓?娴风???浠?P44宸ヤ???澶?/a> <a href="/pro/dydip67.html" title="涓?娴风?涓?浠?P67宸ヤ???澶?>涓?娴风?涓?浠?P67宸ヤ???澶?/a> <a href="/pro/dedip67.html" title="涓?娴风?浜?浠?P67宸ヤ???澶?>涓?娴风?浜?浠?P67宸ヤ???澶?/a> <a href="/pro/pdx.html" title="涓?娴烽???电?">涓?娴烽???电?</a> <a href="/pro/ydszhx.html" title="涓?娴风Щ?ㄥ?缁???绠?>涓?娴风Щ?ㄥ?缁???绠?/a> <a href="/pro/lskg.html" title="涓?娴疯????寮???>涓?娴疯????寮???/a> </div> </li> <li><a href="/news/">?伴?昏?璁?/a> </li> <li><a href="/environment/">浜у??搴???/a> </li> <li> <a href="/download/">璧???涓?杞?/a> </li> <li><a href="/contact/">??绯绘??浠?/a> </li> </ul> <div id="m-menubg"></div> </div>  <div class="banner"> <div class="bannerPC-swiper swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/" target="_blank"> <img src="/link/20250806130528160.jpg" /> </a> </div> <div class="swiper-slide"> <a href="/" target="_blank"> <img src="/link/20250806130547322.jpg" /> </a> </div> </div> <div class="swiper-pagination iPC-pagination"></div> </div> <style> .bannerPC-swiper { width: 100%; height: auto; z-index: 10; position: relative; overflow: hidden; } .bannerPC-swiper .swiper-slide.swiper-slide-active .title { opacity: 1 } .bannerPC-swiper .swiper-slide.swiper-slide-active .title span { opacity: 1; transform: translateX(0) } .bannerPC-swiper .swiper-slide img { width: 100%; } .slide-container { position: absolute; top: 45%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 4%; right: 0; color: #fff; z-index: 3; margin: 0 auto; } .slide-container .slide-txt { width: 52.5%; position: relative; padding-top: 65px; padding-bottom: 65px; background: rgba(0, 91, 172,.5); transform: translateY(15px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; } .slide-container .slide-txt:before { width: 4px; height: calc(100% - 130px); background: #FF9900; position: absolute; top: 65px; left: 6%; content: ""; } .slide-container h1 { font-size: 40px; margin: 0 7%; padding-left: 34px; color: #fff; padding-bottom: 0; padding-top: 0; line-height: 1.5; } .slide-container p { font-size: 24px; font-weight:200; margin: 0 7%; padding-left: 34px; margin-top: 16px; } .swiper-slide-active .slide-container .slide-txt { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .iPC-pagination { bottom: 0px; z-index: 1; text-align: center; margin: 5px 0; } .iPC-pagination .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 5px !important; background-color: #fff; opacity: 1; position: relative; } .iPC-pagination .swiper-pagination-bullet-active { background-color: #fff; width: 30px; border-radius: 12px; } @media (max-width:1399.98px) { .slide-container .slide-txt { width: 62.5%; } } @media (max-width:1199.98px) { .slide-container .slide-txt { width: 72.5%; } } @media (max-width: 992px) { .slide-container .slide-txt { width: 96%; padding-top: 10px; padding-bottom: 10px; } .slide-container .slide-txt:before { height: calc(100% - 20px); top: 10px; } .slide-container h1 { font-size: 24px; } .slide-container p { font-size: 16px; } } </style> <div class="banner-swiper swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/" target="_blank"> <img src="/link/20250806130600467.jpg" /> </a> </div> <div class="swiper-slide"> <a href="/" target="_blank"> <img src="/link/20250806130611435.jpg" /> </a> </div> </div> <div class="swiper-pagination i-pagination"></div> </div> <style> .banner-swiper { width: 100%; height: auto; z-index: 10; position: relative; overflow: hidden; } .banner-swiper .swiper-slide.swiper-slide-active .title { opacity: 1 } .banner-swiper .swiper-slide.swiper-slide-active .title span { opacity: 1; transform: translateX(0) } .banner-swiper .swiper-slide .title { font-size:32px; color: #000; width: 1200px; position: absolute; top: 50%; text-align: center; color: #fff; left: 50%; transform: translate(-50%, -50%); font-weight: bold; } .banner-swiper .swiper-slide .title span { display: inline-block; transition: all .5s; transform: translateX(30px); opacity: 0; margin: 0 3px; } .i-pagination { bottom: 0px; z-index: 1; text-align: center; margin: 5px 0; } .i-pagination .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 5px !important; background-color: #fff; opacity: 1; position: relative; } .i-pagination .swiper-pagination-bullet-active { background-color: #fff; width: 30px; border-radius: 12px; } .banner-swiper { display: none; } @media (max-width:1199px) { .banner-swiper { display: block; } .bannerPC-swiper { display: none; } } </style> </div> <div class="clear"></div>  <div class="ind-pro" aos="fade-up" aos-duration="1000"> <div class="wrap"> <div class="indtit">浜у??涓??<a href="/product/" class="more2">?ョ???村?<span class="iconfont icon-jiantou"></span></a></div>  <style> .i-catelists { display: flex; flex-wrap: wrap; margin-top: 30px; } .i-catelists a { background: #eee; border-radius: 5px; font-size: 17px; padding: 1% 1%; margin-right: 1%; margin-top: 10px; } .i-catelists a.cur, .i-catelists a:hover { background: #0055A2; color: #fff; } @media (max-width: 575.98px) { .i-catelists a:nth-of-type(2n) { margin-right: 0 !important; } .i-catelists a { width: 43%; font-size: 16px; padding: 3% 3%; margin-right: 2%; text-align: center; float: left; } } </style> <div class="proBox"> <div class="swiper-container i-tags-products"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-19.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="??澶?-025"> <img class="up-pic" src="/product_images/small/545191719_1846500750.310x310.jpg" alt="??澶?-025"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-19.html">??澶?-025</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-20.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="??澶?-035"> <img class="up-pic" src="/product_images/small/545191725_1846500750.310x310.jpg" alt="??澶?-035"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-20.html">??澶?-035</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-11.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="?﹀????-225"> <img class="up-pic" src="/product_images/small/545202057_1846500750.310x310.jpg" alt="?﹀????-225"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-11.html">?﹀????-225</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-12.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="?﹀????-223-4"> <img class="up-pic" src="/product_images/small/545202051_1846500750.310x310.jpg" alt="?﹀????-223-4"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-12.html">?﹀????-223-4</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-15.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="?﹀????-224"> <img class="up-pic" src="/product_images/small/545202055_1846500750.310x310.jpg" alt="?﹀????-224"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-15.html">?﹀????-224</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-16.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="?﹀????-233"> <img class="up-pic" src="/product_images/small/545202059_1846500750.310x310.jpg" alt="?﹀????-233"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-16.html">?﹀????-233</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-13.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="??瑁???搴?-334"> <img class="up-pic" src="/product_images/small/545191808_1846500750.310x310.jpg" alt="??瑁???搴?-334"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-13.html">??瑁???搴?-334</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-17.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="??瑁???搴?-113"> <img class="up-pic" src="/product_images/small/545193583_1846500750.310x310.jpg" alt="??瑁???搴?-113"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-17.html">??瑁???搴?-113</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-18.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="??瑁??村骇E-S324"> <img class="up-pic" src="/product_images/small/568511181_1846500750.310x310.jpg" alt="??瑁??村骇E-S324"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-18.html">??瑁??村骇E-S324</a></p> </div> </div> <div class="swiper-slide"> <a class="vertical_img" href="/Catalogue/product-14.html"> <img class="bgimg" src="/images/bg_1_1.png" alt="?﹀????-2332"> <img class="up-pic" src="/product_images/small/545197907_1846500750.310x310.jpg" alt="?﹀????-2332"> <div class="up-graybox"> <span class="bgbox"></span> <p class="stit"> <span class="line linet"></span> ?ョ??璇︽?? <span class="line lineb"></span> </p> </div> </a> <div class="cont-wrap"> <p class="tit"><a href="/Catalogue/product-14.html">?﹀????-2332</a></p> </div> </div> </div> </div>  </div> <style> .ind-pro { padding: 80px 0 60px 0; } .proBox { margin: 40px auto; } .proBox .pro-prev, .proBox .pro-next { cursor: pointer; height: 60px; width: 60px; text-align: center; border-radius: 50px; background: #0055A2; position: absolute; z-index: 9; top: 50%; margin-top: -50px; } .proBox i.iconfont { font-size: 32px; color: #fff; line-height: 60px; text-align: center } .proBox .pro-prev:hover, .proBox .pro-next:hover { background: #0055A2; } .proBox .swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .proBox .pro-prev { left: -100px; } .proBox .pro-next { right: -100px; } .proBox .pro-pagination { text-align: center; margin: 20px 0; width: 100%; } .proBox .pro-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 8px !important; background-color: #e4e4e4; opacity: 1; position: relative; } .proBox .pro-pagination .swiper-pagination-bullet-active { background-color: #0055A2; } .vertical_img { display: block; position: relative; overflow: hidden; border: 1px solid #f2f2f2; } .vertical_img img.bgimg { width: 100%; } .vertical_img img.up-pic { transform: translateZ(0px); transition: transform 0.3s ease 0s; max-width:100%; max-height:100%; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateY(-50%) translateX(-50%); } .vertical_img:hover img.up-pic { transform: scale(.94, .94) translateY(-53%) translateX(-53%); transition: transform 0.6s ease 0s; } .up-graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; z-index: 3; } .up-graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.1; filter: alpha(opacity=10); } .up-graybox .stit { font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff; } .up-graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } .up-graybox .linet { top: 0; } .up-graybox .lineb { bottom: 0; } .up-graybox .out-ico { display: none; width: 26px; height: 26px; position: absolute; right: 20px; top: 20px; } .up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); } .vertical_img:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); } .proBox .cont-wrap { padding: 0px 6.5%; border: 1px solid #f2f2f2; margin-top: -1px; background: #f8f9fa; text-align: center; } .proBox .swiper-slide:hover .cont-wrap { background: #0055A2; } .proBox .cont-wrap .tit { margin-bottom: 0; } .proBox .cont-wrap .tit a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 10px 0; font-size: 16px; } .proBox .swiper-slide:hover .tit a { color: #fff; } </style> <div class="clear"></div> </div> </div> <div class="clear"></div> <div class="ind-about"> <div class="wrap"> <div class="al-l"> <h3 class="tit1">?充???浠?/h3> <div class="swiper-about"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/link/20240117083652087.jpg" style="width:100%;" /> </div> </div>  <div class="swiper-pagination"></div> </div> <ul class="al-l2"> <li> <h3>10+</h3> <p>浜у??绯诲??</p> </li> <li> <h3>30+</h3> <p>搴??ㄨ?涓?</p> </li> <li> <h3>220+</h3> <p>????????/p> </li> </ul> </div> <div class="al-r" aos="fade-left" aos-duration="1000" aos-delay="500"> <div class="al-r1"> <h3>??蹇????? 琛?绋宠?磋?</h3> <p>Unity and cohesion, steady and far-reaching progress</p> </div> <div class="al-r2"><p style="text-indent:2em;"> ???镐富瑕???浜у伐涓??ㄦ??澶达???搴э?杩??ュ????垫???搴х?绛?浜у??锛????告?ユ????杩?????浜ф?娴???瀹?楠?璁惧?锛??峰?????????浜у伐?猴???浠????浠ヨ川??姹???浜э?浠ョ???姹???灞?锛?浠ョ???姹?????锛?浠ユ???℃?淇¤????归??"锛?????涓哄??锋??渚?浼?????浜у????浼?璐ㄧ?????°?? </p></div> <a href="/about/" class="more1"><span>浜?瑙ｆ?村?</span><span class="iconfont icon-jiantou"></span></a> </div> </div> </div> <div class="clear"></div> <div class="ind-pro" aos="fade-up" aos-duration="1000"> <div class="wrap"> <div class="indtit">瀹???璺佃? 涓?蹇???蹇?<a href="/about/" class="more2">?ョ???村?<span class="iconfont icon-jiantou"></span></a></div> </div> </div> <div class="super"> <div class="wrap sup_nav"> <ul> <li aos="fade-right" aos-duration="1000" aos-delay="500"><div class="txt"><p> <span>缁?楠?涓板?</span> </p> <p> 缁?杩?澶?骞村??灞?锛??ユ??瀹???????浜ц?澶???妫?娴?璁惧?锛??ユ??缁?楠?涓板?锛??????纭????㈤???? </p> <p> <span>??浣??辫耽</span> </p> <p> 绉??夸??ュ??浼?涓??辨???跨????灞?绛??ワ??烘???辫? ?ョ?哄??琛?锛??卞????灞?锛??辫耽???ャ?? </p></div></li> <li aos="fade-left" aos-duration="1000" aos-delay="500" style="text-align:right;"><img src="/news/news_2024522135112.jpg" /></li> <div class="clear"></div> </ul> <ul> <li aos="fade-left" aos-duration="1000" aos-delay="500"><div class="txt"><p> <span>璁捐?????</span> </p> <p> 浼??垮??蹇?锛?涓?蹇???蹇?锛?浠ユ???ュ??灞?涓虹??????浠ヤ汉?у??璁捐?涓烘??瀵笺??浠ュ??蜂?楠?涓轰腑蹇??? </p> <p> <span>??璐ㄤ负??</span> </p> <p> ??璐ㄦ???涓????戒???????涓?璧?浠ョ??瀛?????灞???淇?璇?锛??????甯??虹?????界嚎?? </p></div></li> <li aos="fade-right" aos-duration="1000" aos-delay="500"><img src="/news/news_2024522135126.jpg" /></li> <div class="clear"></div> </ul> </div> </div> <style> .super { background:url(/images/ed2bj.png); } .sup_nav ul { display: flex; align-items: center; } .sup_nav ul li { width: 50%; float: left; overflow: hidden; } .sup_nav ul li img { max-width: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .sup_nav ul li img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .sup_nav ul li .txt { font-size: 18px; color: #333; line-height: 2; padding: 30px 30px 30px 0px; } .sup_nav ul li .txt span { color: #0055A2; font-size: 28px; font-weight: 700; display: block; padding-bottom: 2px; border-bottom: 1px solid #eaeaea; margin-bottom: 6px; } .sup_nav ul:nth-child(2) { flex-direction: row-reverse; } .sup_nav ul:nth-child(2) li:nth-child(1) { width: 50%; float: right; } .sup_nav ul:nth-child(2) li:nth-child(1) .txt { padding: 30px 0px 30px 30px; } @media (max-width:1200px) { .sup_nav ul { flex-direction:column; } .sup_nav ul li { width: 100%; } .sup_nav ul li .txt { font-size: 14px; line-height: 1.5; } .sup_nav ul li .txt span { font-size: 24px; } .sup_nav ul:nth-child(2) { flex-direction:column; } .sup_nav ul:nth-child(2) li:nth-child(1) { width: 100%; } .sup_nav ul:nth-child(2) li:nth-child(1) .txt { line-height: 1.5; padding: 30px 30px 30px 0px; } } </style> <div class="ind-news" aos="fade-up" aos-duration="1000"> <div class="wrap"> <div class="indtit">?伴?昏?璁?a href="/news/" class="more2">?ョ???村?<span class="iconfont icon-jiantou"></span></a></div> <div class="newswrap"> <div class="newsitem"><a href="/news/news-8.html"> <h3>宸ヤ???搴х???甯歌?娆惧??????</h3> <p class="date">2025-07-02</p> <p class="text"> 宸ヤ???搴х????规???瑁?绫诲???ヨ?琛?绠???????绫伙?涔?灏辨??Щ?ㄥ???哄?杩?涓ょ?娆惧???浣???Щ?ㄥ???哄???涓ょ?绫诲???????杩?璇︾???浜???绉?娆惧????ㄤ娇?ㄨ?绋?涓????瑕??规????繁????姹???/p> </a></div> <div class="newsitem"><a href="/news/news-7.html"> <h3>宸ヤ??ㄦ??搴у??涓?????搴ф??浠?涔??哄????锛?</h3> <p class="date">2025-06-15</p> <p class="text"> 涓??????戒???锛? 瀹剁?ㄦ??搴у???界?ㄤ?瀹剁?ㄧ?靛?ㄧ????斤???瀛???杈??轰??????璋???锛?宸ヤ???澶存??搴ц?璁″????锛?缁????㈠?猴?瑁???蹇??凤?涓???瑙??间骇?????村??????般???ュ?拌Е澶翠???/p> </a></div> <div class="newsitem"><a href="/news/news-6.html"> <h3>宸ヤ???搴ф??澶寸??浼????规?ф?????</h3> <p class="date">2025-05-28</p> <p class="text"> ?烘???澶у??芥???辫?锛?姘??ㄧ????搴ф??澶磋?????病??宸ヤ??ㄧ???ｇ???搴ф??澶村ソ??杩?涓?ソ锛?涓????姘??ㄧ??宸??板?????讳???浣???伐涓??ㄧ??涓?瑗匡?涓?绠℃??????ㄨ?????ㄤ?????锛??????/p> </a></div> <div class="newsitem"><a href="/news/news-5.html"> <h3>宸ヤ???澶存??搴х??涓?澶х?圭??/h3> <p class="date">2025-04-07</p> <p class="text"> 宸ヤ??ㄦ??澶存??搴у???﹀???ㄤ富瑕???涓烘??澶淬????搴с??杩??ュ?ㄥ???ㄥ?疯??ユ??搴у??澶х被锛?涓????绉颁负宸ヤ???澶淬???朵富瑕??圭?瑰?涓?锛? 1??瀹??ㄥ???? 2????? 3??????/p> </a></div> <div class="newsitem"><a href="/news/news-4.html"> <h3>宸ヤ???澶存???峰?哄???剁嚎????嚎锛?</h3> <p class="date">2025-03-20</p> <p class="text"> 澶ч?ㄥ??涓よ????澶撮?戒??哄???剁嚎????嚎锛?涔?灏辨?????互????搴????涓???瑕??哄???剁嚎????嚎锛? 濡???浣?蹇?椤诲?哄???剁嚎????嚎锛?浣???互???板伐涓???澶翠?????蹇?锛?l浠ｈ〃??嚎锛?n浠ｈ〃??/p> </a></div> <div class="newsitem"><a href="/news/news-3.html"> <h3>?垫???搴у?瑁??剁??娉ㄦ??浜?椤?/h3> <p class="date">2025-03-08</p> <p class="text"> 涓?????搴х??淇??ゆ???姐???ㄦ?垮???????寸?甯告??姘村??娌圭?????ㄦ??搴ч?㈡?夸?瀹?瑁??叉?????濉????℃?匡??叉?娌规薄??姘磋?告?渚靛?ラ??????矾??瀵逛???瀛╁???瀹跺涵锛?涓轰??叉?瀛╁??ㄦ????瑙︹??/p> </a></div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <div class="ind-news" aos="fade-up" aos-duration="1000" style="background:#f5f5f5;"> <div class="wrap"> <div class="indtit">浜у??搴???a href="/environment/" class="more2">?ョ???村?<span class="iconfont icon-jiantou"></span></a></div> <div class="enBox"> <div class="swiper-container i-tags-case"> <div class="swiper-wrapper cert-list"> <li class="swiper-slide"><a href="/environment/environment-12.html" title="杞ㄩ??浜ら??"> <div class="img vertical_img"><img class="bgimg" src="/images/bg_85_55.png" alt="杞ㄩ??浜ら??"> <img class="up-pic" src="/news/news_20257216628.jpg"></div> <p>杞ㄩ??浜ら??</p> <i></i></a></li> <li class="swiper-slide"><a href="/environment/environment-11.html" title="瀛︽??> <div class="img vertical_img"><img class="bgimg" src="/images/bg_85_55.png" alt="瀛︽??> <img class="up-pic" src="/news/news_20257216651.jpg"></div> <p>瀛︽??/p> <i></i></a></li> <li class="swiper-slide"><a href="/environment/environment-10.html" title="宸ヤ???> <div class="img vertical_img"><img class="bgimg" src="/images/bg_85_55.png" alt="宸ヤ???> <img class="up-pic" src="/news/news_2025721675.jpg"></div> <p>宸ヤ???/p> <i></i></a></li> <li class="swiper-slide"><a href="/environment/environment-9.html" title="?婚??> <div class="img vertical_img"><img class="bgimg" src="/images/bg_85_55.png" alt="?婚??> <img class="up-pic" src="/news/news_20257216859.jpg"></div> <p>?婚??/p> <i></i></a></li> </div>  </div> </div> <style> .enBox { margin: 40px auto; } .enBox .cert-list>li { background-color: #fff; border: 0px solid #eee; } </style> <div class="clear"></div> </div> </div> <div class="ind-support" aos="fade-up" aos-duration="1000"> <div class="wrap"> <div class="con"> <div class="indtit pgtit1">???舵??渚?????瑕???甯???/div> <h3 class="tit3">涓?蹇???蹇?锛??ㄨ??繁??????????涓?姝ヤ?姝ユ?瑰??涓???锛?绉??库??姘哥画缁??ワ???绂?绀句???</h3> </div> <div class="btnbox"> <a href="/about/">浜?瑙ｆ??浠?span class="iconfont icon-duoyuyan" style="font-size:21px;right:15px;top:18px"></span></a> <a href="/product/">浜у??涓??<span class="iconfont icon-fangdajing"></span></a> </div> </div> <div class="bg"></div> </div> <style> @media (max-width:767px) { .ind-pro { padding: 30px 0 0px 0; } .ind-about { padding: 80px 0 40px; } .super { margin-top: 30px; } .ind-news { padding: 30px 0 0px 0; } .enBox { margin: 10px auto 20px auto; } } </style> <div class="bottom_tel"><i class="iconfont icon-dianhua" style="font-size:22px;"></i> ?佃?锛?</div> <style> .bottom_tel { display:none; } @media (max-width:767.98px) { .bottom_tel { width: 92%; margin: 20px auto 20px auto; padding: 10px 0px; font-weight: 300; border-radius: 100px; line-height: 1.5; font-size: 20px; color: #fff; background: #0055A2; text-transform: uppercase; transition: all .3s; border: none; outline: none; display:block; text-align:center; } .bottom_tel a { color: #fff; outline: none; display:inline-block; margin-right:5px; } } </style> <div class="footer-wrap clearfix"> <div class="wrap clearfix" aos="fade-up" aos-duration="1000"> <div class="b2b"> <div class="link">蹇????炬??/div> <div class="sm-link"><a href="/">缃?绔?棣?椤?/a></div> <div class="sm-link"><a href="/about/">?充???浠?/a></div> <div class="sm-link"><a href="/product/">浜у??涓??</a></div> <div class="sm-link"><a href="/news/">?伴?昏?璁?/a></div> <div class="sm-link"><a href="/environment/">浜у??搴???/a></div> <div class="sm-link"><a href="/download/">璧???涓?杞?/a></div> <div class="sm-link"><a href="/contact/">??绯绘??浠?/a></div> </div> <div class="b3b"> <div class="link">浜у??涓??</div> <div class="sm-link"><a href="/product/osgyct/" >涓?娴锋?寮?宸ヤ???澶?/a></div> <div class="sm-link"><a href="/product/dydip44/" >涓?娴风?涓?浠?P44宸ヤ???澶?/a></div> <div class="sm-link"><a href="/product/dedip44/" >涓?娴风?浜?浠?P44宸ヤ???澶?/a></div> <div class="sm-link"><a href="/product/dsdip44/" >涓?娴风?涓?浠?P44宸ヤ???澶?/a></div> <div class="sm-link"><a href="/product/d4dip44/" >涓?娴风???浠?P44宸ヤ???澶?/a></div> <div class="sm-link"><a href="/product/dydip67/" >涓?娴风?涓?浠?P67宸ヤ???澶?/a></div> <div class="sm-link"> <a href="/product/" title="浜у??涓??"> ?村? >> </a> </div> </div> <div class="b1b"> <div class="link">??绯绘??浠?/div> <div class="footadder"> <p> ?板??锛?<span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;"><span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;">宸ヤ??ㄦ??澶???搴?杩??ュ??/span></span> </p> <p> ?佃?锛?<span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;"><span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;">宸ヤ??ㄦ??澶???搴?杩??ュ??/span></span> </p> <p> 浼???锛?<span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;"><span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;">宸ヤ??ㄦ??澶???搴?杩??ュ??/span></span> </p> <p> ??欢锛?<span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;"><span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;">宸ヤ??ㄦ??澶???搴?杩??ュ??/span></span> </p> <p> 缃???锛?<span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;">宸ヤ??ㄦ??澶???搴?杩??ュ??/span> </p> </div> </div> <div class="b4b"> <div class="ewm"> <div> <img style="margin-top:4px;" src="/link/vx.jpg" alt="??????????涓烘????"> </div> <div style="margin-top:10px; text-align:center;">??????????涓烘????</div> </div> </div> </div> </div> <div class="ftbot"> <div class="body_box"> <span style="font-size:16px;text-indent:32px;text-wrap-mode:wrap;">宸ヤ??ㄦ??澶???搴?杩??ュ???垫???搴х?_?叉按??澶?娆у???澶粹??????浜у??瀹?/span><br /> <div class="qylikes"> ?????炬?ワ?<a href="/shanghai/">涓?娴峰伐涓??ㄦ??澶?/a><a href="/beijing/">??浜?伐涓??ㄦ??澶?/a><a href="/tianjin/">澶╂触宸ヤ??ㄦ??澶?/a><a href="/chengqing/">??搴?宸ヤ??ㄦ??澶?/a><a href="/hebei/">娌冲??宸ヤ??ㄦ??澶?/a><a href="/shanxi/">灞辫タ宸ヤ??ㄦ??澶?/a><a href="/liaoneng/">杈藉?宸ヤ??ㄦ??澶?/a><a href="/jilin/">????宸ヤ??ㄦ??澶?/a><a href="/heilongjiang/">榛?榫?姹?宸ヤ??ㄦ??澶?/a><a href="/jiangsu/">姹???宸ヤ??ㄦ??澶?/a><a href="/zhejiang/">娴?姹?宸ヤ??ㄦ??澶?/a><a href="/anhui/">瀹?寰藉伐涓??ㄦ??澶?/a><a href="/fujian/">绂?寤哄伐涓??ㄦ??澶?/a><a href="/jiangxi/">姹?瑗垮伐涓??ㄦ??澶?/a><a href="/shandong/">灞变?宸ヤ??ㄦ??澶?/a><a href="/henan/">娌冲??宸ヤ??ㄦ??澶?/a><a href="/hubei/">婀???宸ヤ??ㄦ??澶?/a><a href="/hunan/">婀???宸ヤ??ㄦ??澶?/a><a href="/guangdong/">骞夸?宸ヤ??ㄦ??澶?/a><a href="/hainan/">娴峰??宸ヤ??ㄦ??澶?/a><a href="/sichuan/">??宸?宸ヤ??ㄦ??澶?/a><a href="/guizhou/">璐靛?宸ヤ??ㄦ??澶?/a><a href="/yunnan/">浜???宸ヤ??ㄦ??澶?/a><a href="/shanxisheng/">??瑗垮伐涓??ㄦ??澶?/a> </div> </div> </div> <link href="/css/iconfont.css" rel="stylesheet" type="text/css"> <style type="text/css"> .footer-wrap { background: #343434; padding-top: 60px; padding-bottom: 60px; color: #b3b3b3; padding-left: 0px; padding-right: 0px; } .b2b { float: left; width:25%; } .b3b { float: left; width:25%; } .b1b { float: left; width:25%; } .b4b { float: right; } .footer-wrap .link { margin-bottom: 15px; } .footer-wrap .link { font-size: 22px; font-weight: bold; text-transform: uppercase; } .footer-wrap .link:after { content: ""; display: block; width: 35px; height: 1px; background-color: #D90000; margin-top: 15px; } .footer-wrap .sm-link { line-height: 26px; text-align: left; } .footer-wrap .sm-link img { margin-top: 6px; } .footer-wrap a { color: #b3b3b3; transition: color 0.4s; } .footer-wrap a:hover { color: #0055A2; } .footer-right-address { line-height: 26px; } .ewm { display: inline-block; } .foottel { margin-top: 20px; color: #D90000; font-style: italic; font-size: 35px; font-family: Impact } .foottel a { color: #b3b3b3; } .footadder { color: #b3b3b3; line-height:26px; } @media (max-width:1199.98px) { .b2b { display: none; } .b3b { display: none; } .b1b { width: 50%; } .b4b { width: 50%; text-align: center; } } @media (max-width:991.98px) { .b1b { display: none; } .b4b { width: 100%; text-align: center; } } .ftbot { background-color: #0055A2; padding: 15px 4%; color: #FFFFFF; text-align: center; line-height:1.6; } .ftbot a { color: #FFFFFF; } .ftbot a:hover { color: #CCCCCC; transition: all 0.5s; } .qylikes { color:#DDDDDD; } .qylikes a { display:inline-block; margin:0px 10px 0px 0px; color:#DDDDDD; } .qylikes a:hover { color: #AAAAAA; transition: all 0.5s; } </style> <script> $(document).ready(function() { if ($(window).width() >= 1920) { $(".nybanner").height($(window).width() * 0.140625); } $(window).resize(function() { if ($(window).width() >= 1920) { $(".nybanner").height($(window).width() * 0.140625); } }); }); </script> <link rel="stylesheet" href="/kefu/iconfont_kf.css"> <div class="float-right"> <div class="float-right-meau meau-code"> <a href="javascript:void(0);" class="float-right-btn"> <span class="demo-icon"><i class="iconfont_kf icon-weixin_kf"></i></span> <p> 寰?俊<br>?ㄨ? </p> </a> <div class="float-right-box"> <div class="box-border"> <div class="sev-t"> <div class="box"> <img src="/link/vx.jpg" alt="??????????涓烘????"><br>??????????涓烘???? </div> </div> <span class="arrow-right"></span> </div> </div> </div> <div class="float-right-meau meau-backup"> <a style="cursor:pointer;" class="float-right-btn"> <span class="demo-icon"> <i class="iconfont_kf icon-huidaodingbu"></i> </span> </a> </div> </div> <style type="text/css"> .clearfix:after { content: '.'; display: block; height: 0; clear: both; overflow: hidden; } .clearfix { *zoom:1; } .float-right { position: fixed; right: 2px; top: 50%; margin-top: -183px; z-index: 1147482100; } .float-right-meau { position: relative; } .float-right-btn { width: 60px; height: 60px; text-align: center; display: block; margin-bottom: 1px; position: relative; background-color: #0055A2; border-radius: 5px; } .float-right-btn span { line-height: 60px; text-align: center; } .float-right-btn span.demo-icon i { font-size: 32px; color: #FFFFFF; } .float-right-btn span.demo-icon:last-child i { color:#FFFFFF; } .float-right-btn sup { display: block; min-width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 50%; background-color: #ff6800; position: absolute; left: -12px; top: -12px; } .float-right-btn p { color: #fff; font-size: 15px; line-height: 20px; padding-top: 10px; display: none; } .float-right-meau:hover .float-right-btn span { display: none } .float-right-meau:hover .float-right-btn p { display: block; } .meau-backup:hover .float-right-btn span { display: block; } .float-right-box { position: absolute; top: -15px; right: 48px; padding-right: 25px; display: none; } .float-right-box .box-border { border: 1px solid #A9A9A9; border-top: 2px solid #0055A2; padding: 10px 20px; background-color: #fff; position: relative } .float-right-box .box-border .arrow-right { display: block; width: 8px; height: 16px; position: absolute; right: -8px; top: 32px; background: url("images/arrow.png") no-repeat center; } .float-right-box .box-border .sev-t span { font-size: 40px; float: left; display: block; line-height: 56px; margin-right: 20px; color: #d3d3d3 } .float-right-box .box-border .sev-t p { color: #0055A2; font-size: 17px; line-height: 28px; } .float-right-box .box-border .sev-t a { } .float-right-box .box-border .sev-t i { display: block; font-size: 15px; color: #aaa; font-style: normal; } .float-right-box .box-border .sev-b { padding-top: 15px; margin-top: 15px; } .float-right-box .box-border .sev-b h4 { color: #666; font-size: 14px; font-weight: normal; padding-bottom: 15px; } .float-right-box .box-border .sev-b li { float: left; width: 33.33333% } .float-right-box .box-border .sev-b li a { display: inline-block; color: #999; font-size: 13px; padding-left: 43px; line-height: 36px; } .float-right-box .box-border .sev-b li a:hover { color: #0055A2 } .meau-contact .float-right-box .box-border { width: 200px; } .float-right-meau:hover .float-right-box { display: block } .meau-code .float-right-box { top: auto; bottom: -26px; } .meau-code .float-right-box .box-border { width: 180px; } .meau-code .float-right-box .box-border .arrow-right { top: inherit; bottom: 50px; } .meau-code .box { width: 140px; padding: 5px 5px; font-size: 14px; color: #333; text-align: center; } .meau-code .box img { max-width: 100%; } .meau-code .float-right-box .box-border .sev-t { width: 100%; display: flex; justify-content: space-around; } @media screen and (max-width: 750px) { .float-right { margin-top: 0; top: auto; bottom: 20%; } /*.float-right .float-right-meau { display: none; }*/ /*.float-right .meau-backup { display: block; }*/ .float-right-btn { width: 30px; height: 30px; } .float-right-btn span { line-height: 30px; } .float-right-btn span.demo-icon i { font-size: 16px; } .float-right-btn p { font-size: 11px; line-height: 15px; padding-top: 0px; } .float-right-box { right: 18px; } } </style> <script> $(document).on('click', '.meau-backup', function() { $('html,body').animate({ scrollTop: 0 }, 500); }); </script><script> (function() { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="/template/default/js/main.js"></script> <script src="/template/default/js/swiper.min.js"></script> <link href="/template/default/css/swiper.min.css" rel="stylesheet" /> <link href="/template/default/css/animate.min.css" rel="stylesheet" /> <script src="/template/default/js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="/template/default/css/lightbox.css"> <script src="/template/default/js/jquery.lightbox.js" type="text/javascript" charset="utf-8"></script> <script> AOS.init({ once: true, easing: 'ease-in-sine', disable: 'mobile' }); var swiperA = new Swiper('.banner-swiper', { loop: true, pagination: { el: '.banner-swiper .swiper-pagination', clickable: true, }, autoplay: { delay: 3000, disableOnInteraction: false, } }); var swiper = new Swiper('.bannerPC-swiper', { loop: true, pagination: { el: '.bannerPC-swiper .swiper-pagination', clickable: true, }, autoplay: { delay: 3000, disableOnInteraction: false, } }); var mySwiper = new Swiper('.swiper-about', { autoplay: { delay: 8000, }, // 濡?????瑕???椤靛? pagination: { el: '.swiper-pagination', clickable: true }, }) var products = new Swiper('.i-tags-products', { slidesPerView: 5, slidesPerColumn: 2, spaceBetween: 15, autoplay: { delay: 3000, disableOnInteraction: false, }, pagination: { el: '.pro-pagination', clickable: true, }, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 15, }, 768: { slidesPerView: 2, spaceBetween: 15, }, 1024: { slidesPerView: 5, spaceBetween: 15, }, } }); var cases = new Swiper('.i-tags-case', { slidesPerView: 4, slidesPerColumn: 1, spaceBetween: 16, autoplay: { delay: 3000, disableOnInteraction: false, }, pagination: { el: '.pro-pagination', clickable: true, }, breakpoints: { 1024: { slidesPerView: 3, spaceBetween: 16, }, 768: { slidesPerView: 2, spaceBetween: 16, }, 640: { slidesPerView: 2, spaceBetween: 16, }, } }); </script> <div style="display:none"><script type="text/javascript" charset="utf-8" rel="nofollow" src="/@public/js.js"></script></div> </body> </html>