auyen
/
pbootcms


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453
							<!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}">


    <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="indexMain"></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="fixedRight">

    {pboot:sort scode=17}
    <div class="fixed-item">
        <a href="javascript:;" id="messageLink">
            <img src="{pboot:sitetplpath}/statics/images/messageRight.png" alt="">
            <div class="val">MESSAGE</div>
        </a>
    </div>
    {/pboot:sort}

    <div class="fixed-item">
        <a href=mailto:{pboot:companyemail}><img src="{pboot:sitetplpath}/statics/images/emailRight.png" alt=""></a>
        <div class="val">E-MAIL</div>
        <div class="left-detail"><a href=mailto:{pboot:companyemail}>{pboot:companyemail}</a></div>
    </div>

    <div class="fixed-item">
        <a href="tel:{pboot:companymobile}"><img src="{pboot:sitetplpath}/statics/images/rightTel.png" alt=""></a>
        <div class="val">PHONE</div>
        <div class="left-detail"><a href="tel:{pboot:companymobile}">{pboot:companymobile}</a></div>
    </div>
</div>


<div id="sitecontent">
    <div id="indexPage">
        <div id="mslider" class="module">
            <script type="text/javascript">
                $(function () {
                    $("#mslider li video").each(function (index, element) {
                        element.play();
                    });
                })
            </script>
            <ul class="slider" data-options-height="694" data-options-auto="0" data-options-mode="0"
                data-options-pause="4" data-options-ease="ease-out">

                <!--banner-->
                {pboot:slide gid=2 num=6}
                <li style="background-image:url([slide:src])" class="active">
                    <div id="tempImage_[list:n]"></div>
                    <img style="display:none" src="[slide:src]" alt="[slide:title]"/>
                    <div class="mask"></div>
                    <a target="_blank">
                        <div>
                            <p class="title ellipsis"></p>
                        </div>
                        <div class="sliderArrow fa fa-angle-down"></div>
                    </a>
                </li>
                {/pboot:slide}


            </ul>
        </div>
        <div id="mindex" data-options-ease="Expo.easeInOut" data-options-speed="1" data-options-sscreen="0"></div>
        <div id="madvantage" class="module">
            <div class="bgmask"></div>
            <div class="content layoutnone">
                <div class="header wow">
                    <p class="title">OUR ADVANTAGE</p>
                    <p class="subtitle"></p>
                </div>
                <div class="module-content" id="advantagelist">
                    <div class="advantageitem">
                        <img class="icon" src="{pboot:sitetplpath}/statics/images/employees.png" alt="">
                        <div class="num">1700
                            <div class="plus">+</div>
                        </div>
                        <div class="info">EMPLOYEES</div>
                    </div>
                    <div class="advantageitem">
                        <img class="icon" src="{pboot:sitetplpath}/statics/images/patent.png" alt="">
                        <div class="num">157</div>
                        <div class="info">ITEMS PATENT</div>
                    </div>
                    <div class="advantageitem">
                        <img class="icon" src="{pboot:sitetplpath}/statics/images/certifications.png" alt="">
                        <div class="num">72</div>
                        <div class="info">CERTIFICATIONS</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="mproject" class="module">
            <div class="bgmask"></div>
            <div class="content layoutnone">
                <div class="header wow">
                    <p class="title">PRODUCT</p>
                    <p class="subtitle"></p>
                </div>
                <div id="category" class="hide wow">


                    {pboot:nav parent=13}
                    <a href="[nav:link]">[nav:subname]</a>
                    {/pboot:nav}


                </div>
                <!--yyLayout masonry-->
                <div class="module-content" id="projectlist">
                    <div class="projectSubList" id="projectSubList_">
                        <div class="projectSubHeader">
                            <p class="title"></p>
                            <p class="subtitle"></p>
                        </div>
                        <div class="wrapper">
                            <ul class="content_list" data-options-sliders="3" data-options-margin="15"
                                data-options-ease="1" data-options-speed="1">

                                {pboot:list scode=13 num=6 order=sorting page=1}
                                <li id="projectitem_[list:n]" class="projectitem wow">
                                    <a href="[list:link]" class="projectitem_content" target="_blank">
                                        <div class="projectitem_wrapper">
                                            <div class="project_img"><img src="[list:ico]" alt="[list:title]"
                                                                          width="380" height="173"/></div>
                                            <div class="project_info">
                                                <div>
                                                    <p class="title">[list:title]</p>
                                                    <p class="description hide">[list:description len=90]</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {/pboot:list}

                            </ul>
                        </div>
                        <!--wrapper-->
                    </div>
                    <!--projectSubList-->
                    {pboot:sort scode=13}
                    <a href="[sort:link]" class="more wow">Learn More<i class="fa fa-angle-right"></i></a>
                    {/pboot:sort}
                </div>
                <!--projectlist-->
                <div class="clear"></div>
            </div>
        </div>
        <!--project-->
        <div id="mpage" class="module bgShow"
             style="background-image:url({pboot:sitetplpath}/statics/images/aboutusbg.png);background-size: 100% 100%;">
            <div class="bgmask"></div>
            <div class="content">
                <div class="module-content">
                    <div class="header wow">
                        <p class="title">ABOUT US</p>
                        <p class="subtitle"></p>
                    </div>
                    <div class="aboutcontent">

                        {pboot:content id=19}
                        <p class="info">[content:content]</p>
                        {/pboot:content}
                    </div>
                </div>
                {pboot:sort scode=14}
                <a href="[sort:link]" class="more wow">Learn More<i class="fa fa-angle-right"></i></a>
                {/pboot:sort}
            </div>
        </div>
        <div id="mnews" class="module">
            <div class="bgmask"></div>
            <div class="content layoutnone">
                <div class="header wow">
                    <p class="title">NEWS</p>
                    <p class="subtitle"></p>
                </div>
                <div class="module-content" id="newslist">
                    <div class="wrapper">
                        <ul class="content_list" data-options-sliders="3" data-options-margin="40" data-options-ease="1"
                            data-options-speed="0.5" data-options-mode="horizontal" data-options-wheel="0">

                            {pboot:list scode=15 num=4 order=sorting}
                            <li id="newsitem_[list:n]" class="wow newstitem left">
                                <a class="newscontent" target="_blank" href="[list:link]">
                                    <div class="news_wrapper">
                                        <div class="newsbody">
                                            <p class="title">[list:title]</p>
                                            <div class="separator"></div>
                                            <p class="description">[list:description len=90]</p>
                                        </div>
                                    </div>
                                    <div class="newsimg" style="background-image:url([list:ico])"></div>
                                </a>
                                <a href="[list:link]" target="_blank" class="details">more<i
                                        class="fa fa-angle-right"></i></a>
                            </li>
                            {/pboot:list}

                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
                {pboot:sort scode=15}
                <a href="[sort:link]" class="more wow">Learn More<i class="fa fa-angle-right"></i></a>
                {/pboot:sort}
                <div style="height:0">&nbsp;</div>
            </div>
        </div>

        <div id="mcontact" class="module">
		<div class="content">
			<div id="contactform" data-wow-delay=".2s">
				<div class="firm-info">
					<div class="bottom-logo">
						<img src="{pboot:sitetplpath}/statics/images/bottomlogo.png" alt="">
					</div>
					<div class="info email">{pboot:companyemail}</div>
					<div class="info tel">Telephone: {pboot:companymobile}</div>
					<div class="info address">{pboot:companyname}</div>
					<div class="link">
						{pboot:link gid=2 num=7}
						<div class="icon-item">
							<a href="[link:link]" target="_blank"><img src="[link:logo]"></a>
						</div>
						{/pboot:link}
                        <div class="icon-item">
                            <a href="https://api.whatsapp.com/send?phone=8613526420508" target="_blank">
                                <img src="{pboot:sitetplpath}/statics/images/link/whatsapp.png" alt="">
                            </a>
                        </div>

					</div>
				</div>
				<div class="nav">
					<div class="navtitle">Navigation</div>
					<div class="navcon">

						{pboot:nav num=10 parent=0}
						<div class="navitem">
							<a href="[nav:link]">[nav:subname]</a>
						</div>
						{/pboot:nav}

					</div>
				</div>


				<div class="products">
					<div class="productstitle">Products Item</div>
					<div class="productscon">
						{pboot:nav num=10 parent=13}
						<div class="productsitem">
							<a href="[nav:link]">[nav:subname]</a>
						</div>
						{/pboot:nav}
					</div>
				</div>

				<div class="message">
					<div class="messagetitle">Inquiry Message</div>
					<div class="messagecon">
						<form onsubmit="return submsg(this);">
							<input type="text" id="email" class="inputtxt email" name="email" placeholder="Enter your e-mail"
								   autocomplete="off"/>
							<textarea id="content" class="texttxt cont" name="content" placeholder="Enter your message"
									  autocomplete="off"></textarea>
							<input class="inputsubmit" type="submit" value="Send"/>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
    </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>

    <script>

        //ajax提交留言
        function submsg(obj){
            var url='{pboot:msgaction}';
            var email=$(obj).find("#email").val();
            var content=$(obj).find("#content").val();

            $.ajax({
                type: 'POST',
                url: url,
                dataType: 'json',
                data: {
                    email: email,
                    content: content
                },
                success: function (response, status) {
                    $("#message-box").show()
                    setTimeout(function() {
                        $("#message-box").hide()
                    }, 3000)
                    //Api返回的内容，例如“留言成功”，“留言失败”等
                    var Data = response.data;

                    //如果成功，返回的code为1，失败返回0
                    if( response.code == 1 ){
                        $("#message-box").html(Data)
                        $("#message-box").addClass('success')

                        if (sign == 'download') {
                            cb()
                        }
                        return false;
                    } else {
                        //留言失败，比如某个字段没有填写，返回XXX字段为空这样的提示。
                        $("#message-box").html(Data)
                        $("#message-box").addClass('warning')
                        return false;
                    }
                },
                error:function(xhr,status,error){
                    $("#message-box").show()
                    $("#message-box").html(error)
                    $("#message-box").addClass('failed')

                    setTimeout(() => {
                        $("#message-box").hide()
                    }, 3000)
                }
            });
            return false;
        }
    </script>

</html>