auyen
/
pbootcms


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="{pboot:pagekeywords}">
    <meta name="description" content="{pboot:pagedescription}">
<!--    <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/lib.css">-->
<!--    <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/style.css">-->
<!--    <link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/1362.css">-->
<!--    <link rel="shortcut icon" href="{pboot:sitetplpath}/statics/images/bitbug_favicon.ico" type="image/x-icon">-->


    <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/lib.css?v=' + new Date().getTime() + '"><\/link>')</script>
    <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/style.css?v=' + new Date().getTime() + '"><\/link>')</script>
    <script>document.write('<link rel="shortcut icon" type="image/x-icon" href="{pboot:sitetplpath}/statics/images/bitbug_favicon.ico?v=' + new Date().getTime() + '"><\/link>')</script>
    <script>document.write('<link rel="stylesheet" type="text/css" href="{pboot:sitetplpath}/statics/css/1362.css?v=' + new Date().getTime() + '"><\/link>')</script>
    <script type="text/javascript" src="{pboot:sitetplpath}/statics/js/jquery-1.11.3.min.js?version=20220317"></script>
    <script type="text/javascript" src="{pboot:sitetplpath}/statics/js/org1480746227.js" data-main="baseMain"></script>
    <title>{pboot:companyname}</title>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-7M84WH61VP"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-7M84WH61VP');
    </script>

    <!--ADS 全局代码：-->
    <!-- Global site tag (gtag.js) - Google Ads: 10792079340 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10792079340"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'AW-10792079340');
    </script>

    <!-- Event snippet for 网页浏览 conversion page
    In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
        function gtag_report_conversion(url) {
            var callback = function () {
                if (typeof(url) != 'undefined') {
                    window.location = url;
                }
            };
            gtag('event', 'conversion', {
                'send_to': 'AW-10792079340/13SXCOTMyKEDEOyfiJoo',
                'event_callback': callback
            });
            return false;
        }
    </script>

    <!-- Event snippet for 提交潜在客户表单 conversion page
    In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
        function gtag_report_conversion(url) {
            var callback = function () {
                if (typeof(url) != 'undefined') {
                    window.location = url;
                }
            };
            gtag('event', 'conversion', {
                'send_to': 'AW-10792079340/j7SwCJq4wKEDEOyfiJoo',
                'event_callback': callback
            });
            return false;
        }
    </script>

    <!-- Event snippet for 咨询报价 conversion page -->
    <script>
        gtag('event', 'conversion', {'send_to': 'AW-10792079340/OV4xCPq7wKEDEOyfiJoo'});
    </script>

</head>

<!--pc导航-->
{include file=common/head.html}

<div id="sitecontent">

    <div class="npagePage Pageanli" id="mproject">

        {pboot:if('{sort:ico}'!='')}
        <div id="banner">
            <div style="background-image:url({sort:ico});"></div>
            <span class="banner-name">SERVICE</span>
        </div>
        {/pboot:if}

        <div class="nav-con">
            <div class="nav-item">
                <div class="text-right position mb-3 d-none d-md-block">{pboot:position separator='>>' indextext=HOME}
                </div>
            </div>
        </div>

        <div class="content">
            <div class="left-con">
                <ul id="category">
                    {pboot:nav num=10 parent={sort:tcode}}
                    <li class="category1">
                        <a href="[nav:link]" class="title">[nav:name]</a>
                    </li>


                    {pboot:2nav num=10 parent=[nav:scode]}
                    <ul class="category2">
                        <li {pboot:if('[2nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}>
                        <a href="[2nav:link]">[2nav:name]</a>
                        </li>
                    </ul>
                    {/pboot:2nav}
                    {/pboot:nav}


                </ul>
                <div class="contact-us">
                    {pboot:sort scode=17}
                    <div class="title">[sort:name]</div>
                    <div class="content">
                        <div class="info"><a href="tel:{pboot:companymobile}">TEL: {pboot:companymobile}</a></div>
                        <div class="info email"><a href=mailto:{pboot:companyemail}>EMAIL: {pboot:companyemail}</a></div>
                        <div class="info">{pboot:companyname}</div>
                    </div>
                    {/pboot:sort}
                </div>
                <div class="message">

                    <div class="title">INQUIRY MESSAGE</div>
                    <div class="content">
                        <form onsubmit="return submsg(this);">
                            <input id="email" class="email-input" type="text" placeholder="Enter your e-mail" name="email">
                            <textarea id="content" name="content" cols="20" rows="2" placeholder="Enter your message"></textarea>
                            <input class="submit" type="submit" value="Send">
                        </form>
                    </div>

                </div>
            </div>

            <div id="projectlist" class="module-content">
                <div class="product-detail">

                    <div class="leftimg">
                        <div class="img-box">
                            <img id="imgShowLarge" src="{content:ico}" alt="">
                        </div>
                        <div class="img-change">
                            <div class="left-btn left-btn-ban">
                                <i class="fa fa-angle-left"></i>
                            </div>
                            <div class="img-group-box">
                                <div class="img-group">
<!--                                    <div class="active"><img src="{content:ico}" alt=""></div>-->
<!--                                    <div><img src="{pboot:sitetplpath}/statics/images/product1.png" alt=""></div>-->
<!--                                    <div><img src="{pboot:sitetplpath}/statics/images/product-detail.png" alt=""></div>-->
<!--                                    <div><img src="{pboot:sitetplpath}/statics/images/product-detail.png" alt=""></div>-->
<!--                                    <div><img src="{pboot:sitetplpath}/statics/images/product-detail.png" alt=""></div>-->
                                    {pboot:pics id={content:id} num=10}
                                    <div class="img-item"><img src="[pics:src]" alt=""></div>
                                    {/pboot:pics}

                                </div>
                            </div>
                            <div class="right-btn">
                                <i class="fa fa-angle-right"></i>
                            </div>
                        </div>
                    </div>


                    <div class="rightparam">
                        <div class="title">{content:title}</div>
                        <div class="content">
                            {content:content}
                        </div>
<!--                        <div class="line"></div>-->
<!--                        <div class="param">-->

<!--                            <div class="info1">-->
<!--                                <div class="left">Product Item:</div>-->
<!--                                <div class="right">{content:ext_product_item}</div>-->
<!--                            </div>-->
<!--                            <div class="info1">-->
<!--                                <div class="left">Model:</div>-->
<!--                                <div class="right">{content:ext_model}</div>-->
<!--                            </div>-->
<!--                            <div class="info1">-->
<!--                                <div class="left">Working Pressure:</div>-->
<!--                                <div class="right">{content:ext_work_pressure}</div>-->
<!--                            </div>-->

<!--                        </div>-->
                        <div class="btn sendBtn">Send Inquiry</div>
                    </div>
                </div>
                <div class="product-bottom" id="productDetail">
                    <div class="nav-anchor">
                        <li class="active">
                            <a href="#INTRODUCTION">INTRODUCTION</a>
                        </li>
                        <li>
                            <a href="#TECHNICALDATA">TECHNICAL DATA</a>
                        </li>
                        <li>
                            <a href="#APPLICATION">APPLICATION</a>
                        </li>
                        <li>
                            <a href="#FEEDBACK">FEEDBACK</a>
                        </li>
                    </div>
                    <div class="content">
                        <div id="INTRODUCTION" class="title-box">
                            <div class="title">INTRODUCTION</div>
                            <div class="line"></div>
                        </div>
                        <div class="itcontent">
                            <div class="text">
                                {content:ext_introduction}
                            </div>

                            <div class="img-box">
                                {pboot:pics id={content:id} num=10 field=ext_introduction_pic}
                                <img src="[pics:src]" alt="[pics:title]">
                                {/pboot:pics}
                            </div>


                        </div>


                        <div id="TECHNICALDATA" class="title-box">
                            <div class="title">TECHNICAL DATA</div>
                            <div class="line"></div>
                        </div>
                        <div class="itcontent">
                            <div class="text">
                                {content:ext_technical_data}
                            </div>

                            <div class="img-box">
                                {pboot:pics id={content:id} num=10 field=ext_technical_data_pic}
                                <img src="[pics:src]" alt="[pics:title]">
                                {/pboot:pics}
                            </div>


                        </div>


                        <div id="APPLICATION" class="title-box">
                            <div class="title">APPLICATION</div>
                            <div class="line"></div>
                        </div>
                        <div class="itcontent">
                            <div class="text">
                                {content:ext_application}
                            </div>
                            <div class="img-box">
                                {pboot:pics id={content:id} num=10 field=ext_application_pic}
                                <img src="[pics:src]" alt="[pics:title]">
                                {/pboot:pics}
                            </div>
                        </div>

                        <div id="FEEDBACK" class="title-box">
                            <div class="title">FEEDBACK</div>
                            <div class="line"></div>
                        </div>
                        <div class="itcontent form">
                            <form onsubmit="return submsg(this);">
                                <div class="input-item">
                                    <label for="">Your Name:</label>
                                    <input type="text" name="contacts" id="contacts">
                                </div>
                                <div class="input-item">
                                    <label for=""><span class="require-label">*</span>E-mail:</label>
                                    <input type="text" name="email" id="email">
                                </div>
                                <div class="input-item">
                                    <label for="">Phone:</label>
                                    <input type="text" name="mobile" id="mobile">
                                </div>
                                <div class="input-item">
                                    <label for="">Company:</label>
                                    <input type="text" name="company" id="company">
                                </div>
                                <div class="input-item">
                                    <label for="">Title:</label>
                                    <input type="text" name="title" id="title">
                                </div>
                                <div class="input-item">
                                    <label for=""><span class="require-label">*</span>Content:</label>
                                    <textarea name="content" id="content" cols="30" rows="10"></textarea>
                                </div>
                                <input class="submit" type="submit" value="Send">

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <!-- <div id="pages">
                <a href="#" class="active">1</a>
            </div> -->
        </div>
    </div>
</div>
<div id="footer">
    <p>{pboot:sitestatistical}
    </p>
</div>

<div id="backTop">
    <img src="{pboot:sitetplpath}/statics/images/backTop.jpg" alt="">
</div>
<!-- dialog -->
<div class="dialog dialog-hide" id="message-dialog">
    <div class="title-box">
        <div class="dialog-title">MESSAGE</div>
        <div class="dialog-close">×</div>
    </div>
    <div class="dialog-content itcontent form">
        <form onsubmit="return submsg(this);">
            <div class="input-item">
                <label for="">Your Name:</label>
                <input type="text" name="contacts" id="contacts">
            </div>
            <div class="input-item">
                <label for=""><span class="require-label">*</span>E-mail:</label>
                <input type="text" name="email" id="email">
            </div>
            <div class="input-item">
                <label for="">Phone:</label>
                <input type="text" name="mobile" id="mobile">
            </div>
            <div class="input-item">
                <label for="">Company:</label>
                <input type="text" name="company" id="company">
            </div>
            <div class="input-item">
                <label for=""><span class="require-label">*</span>Message:</label>
                <textarea name="content" id="content" cols="30" rows="10"></textarea>
            </div>
            <div class="button-item">
                <input class="submit" type="submit" value="Send">
            </div>
        </form>
    </div>
</div>
<div class="dialog-mask dialog-hide"></div>
</body>
<script type="text/javascript" src="{pboot:sitetplpath}/statics/js/browser.min.js?version=20220317" data-main="indexMain"></script>
<script type="text/babel" src="{pboot:sitetplpath}/statics/js/self.js?version=20220317" data-main="indexMain"></script>

<!--pc尾-->
{include file=common/foot.html}

<script type="text/babel">
    $(window).scroll(() => {
        const scrollTop = $(window).scrollTop()
        if (scrollTop > 400) {
            $('#backTop').css("opacity", 1)
        } else if (scrollTop < 350) {
            $('#backTop').css("opacity", 0)
        }
    })
    $("#backTop").click(() => {
        $(window).scrollTop(340)
    })

    $(".sendBtn").click(() => {
        $("#message-dialog").removeClass("dialog-hide")
        $(".dialog-mask").removeClass("dialog-hide")
    })
</script>


</html>