<!DOCTYPE html>
<html lang="en" class="scrollbar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="baidu-site-verification" content="codeva-z2JRqNpgTr" />
    <title>YUTO: Superior Packaging Solution Provider</title>
    <meta name="Keywords" content="YUTO" />
    <meta name="Description" content="Shenzhen YUTO Packaging Technology Co., Ltd." />
    <!--谷歌收录-->
    <meta property="og:site_name" content="YUTO: Superior Packaging Solution Provider" />
    <!--分享图标和SEO-->
    <meta property="og:title" content="YUTO: Superior Packaging Solution Provider" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://www.szyuto.com/css/cstyle.css" />
    <meta property="og:image" content="https://weben.szyuto.com/file/pic/20241127091546897976.png" />
    <meta property="og:keywords" content="YUTO" />
    <meta property="og:description" content="Shenzhen YUTO Packaging Technology Co., Ltd." />
    <!--浏览器图标-->
    <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon"/>
    <!--引用CSS和JS-->
    <link rel="stylesheet" href="/static/css/roll.css">
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="/static/css/global.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/jquery-3.7.1.min.js"></script>
    <script src="/static/js/rsa.js"></script>
    <script src="/static/js/roll.js"></script>
    <script src="/static/js/luxy.js"></script>
    <script src="/static/js/swiper-bundle.min.js"></script>
    <script src="/static/js/share.js"></script>
    <script src="/static/js/web.js"></script>
</head>
<block><script async src="https://www.googletagmanager.com/gtag/js?id=G-W0XD4J4321"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-W0XD4J4321');
</script></block>
<style>
    #error_div{clear:both;display:block; width: 80%;margin-left: auto;margin-right: auto;margin-top: 6em;margin-bottom: 6em;overflow:hidden;}
    #error_div .imges{clear:both;display:block;width: 40%; margin-left: auto;margin-right: auto;overflow: hidden;}
    #error_div .text{clear:both;display:block;width: 100%; line-height:60px; text-align: center; font-size: 22px; color: #333333; margin-top: 4em; overflow: hidden;}
    #error_div .bin{clear:both;display:block;width: 100%; text-align: center; margin-top: 4em; white-space:nowrap; overflow-y:hidden; overflow-x: auto;}
    #error_div .bin a{display: inline-block; position: relative;background-color:#ff7500;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;margin-left: 3px; margin-right: 3px; overflow: hidden;}
    #error_div .bin a .bg{position: relative; z-index: 2;padding-left: 1.5em;padding-right: 1.5em;line-height:50px;font-size: 14px; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; overflow: hidden;}
    #error_div .bin a .nr{position: absolute; z-index: 1;left: 0;top: 0;right: 0;bottom: 0; width: 100%; overflow: hidden;}
    #error_div .bin a .nr .ds{float:left;height: 100%; border-radius:0 30px 30px 0;-moz-border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0; overflow:hidden;}

    .public-btn4 .btn{width: 0%;background-color: #FFFFFF;transition: all 0.3s;}
    .public-btn4 .ber{border: 1px solid #ff7500; color: #FFFFFF;}
    .public-btn4:hover .btn{width: 100%;-webkit-transform-origin: right;-moz-transform-origin: right;-o-transform-origin: right;transform-origin: right;-webkit-transition: width 0.5s ease;-moz-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;}
    .public-btn4:hover .ber{color: #ff7500;}

    #error_div .bin::-webkit-scrollbar {width:0px;height:0px;}

    @media (max-width: 1440px) {
        #error_div{display: block;width: 90%; margin-top: 4em;margin-bottom: 4em;}
        #error_div .imges{width: 60%;}
        #error_div .text{ margin-top: 3em; font-size: 20px;}
        #error_div .bin{margin-top: 3em;}
        #error_div .bin a{margin-left: 1.5px; margin-right: 1.5px;}
    }
    @media (max-width:750px) {
        #error_div{display: block;width: 94%;margin-top: 2em;margin-bottom: 2em;}
        #error_div .imges{width: 100%;}
        #error_div .text{ margin-top: 2em; font-size: 16px;}
        #error_div .bin{ margin-top: 2em;}
        #error_div .bin a{margin-left: 0px; margin-right: 0px;}
    }
</style>
<body>
<!--公共菜单-->
<div>
    <!-- PC端 -->
    <section id="header" class="fixed trans5 white">
        <div class="hcw1760">
            <div class="pc maxw flex-between">
                <div class="hattr flex-middle2">
                    <!--LOGO-->
                    <a href="/" class="logo m-pic block"><img src="https://weben.szyuto.com/file/pic/20241127091546897976.png" width="100%"></a>
                    <!--菜单外框-->
                    <div class="hnav flex-middle2">
                        <!--单个菜单-->
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/about" class="nav-a trans block">About</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            <div class="two-nav other_menu fixed trans5">
                                <div class="line">
                                    <div class="hnavbg h cw1200">
                                        <div class="cont flex-top2">
                                            <div class="tab other_tab">
                                                <block>
                                                    
                                                    <a href="/about/overview" class="about_name block trans">Overview</a>
                                                </block><block>
                                                    
                                                    <a href="/about/join_us" class="about_name block trans">Join Us</a>
                                                </block><block>
                                                    <div class="drop_box">
                                                        <div class="drop_top pointer flex-middle2 flex-between">
                                                            <div class="about_name block trans">Ability</div>
                                                            <div class="icon m-pic"><img src="/static/images/index/drop.png" alt="Ability"></div>
                                                        </div>
                                                        <div class="drop_bot trans">
                                                            <div class="tab_drop_h">
                                                                <a href="/about/creative_design" class="name text-over flex-middle2">Creative Design<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Creative Design"></span></a><a href="/about/innovative_r&amp;d" class="name text-over flex-middle2">Innovative R&amp;D<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Innovative R&amp;D"></span></a><a href="/about/global_footprint" class="name text-over flex-middle2">Global Footprint<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Global Footprint"></span></a><a href="/about/smart_manufacturing" class="name text-over flex-middle2">Smart Manufacturing<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Smart Manufacturing"></span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                </block>
                                            </div>
                                            <div class="picture">
                                                <div class="pic m-pic relative"><img src="https://weben.szyuto.com/file/pic/20240820161253657340.jpg" onerror="this.src='/static/images/default.jpg';" class="absolute max" alt="About"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                        </div>
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/product" class="nav-a trans block">Products</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            <div class="two-nav fixed trans5">
                                <div class="line">
                                    <div class="hnavbg h cw1200">
                                        <div class="cont cont flex-top2">
                                            <div class="tab">
                                                <a href="/productDetail/9503" class="name text-over flex-middle2" data-target="pro_tab1">Rigid Box<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Rigid Box"></span></a><a href="/productDetail/9504" class="name text-over flex-middle2" data-target="pro_tab1">Folding Box<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Folding Box"></span></a><a href="/productDetail/9540" class="name text-over flex-middle2" data-target="pro_tab1">Inner Tray<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Inner Tray"></span></a><a href="/productDetail/9539" class="name text-over flex-middle2" data-target="pro_tab1">Corrugated Box<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Corrugated Box"></span></a><a href="/productDetail/9541" class="name text-over flex-middle2" data-target="pro_tab1">Label<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Label"></span></a><a href="/productDetail/9542" class="name text-over flex-middle2" data-target="pro_tab1">User Guide<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="User Guide"></span></a><a href="/productDetail/9543" class="name text-over flex-middle2" data-target="pro_tab1">Plant Fiber Packaging<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Plant Fiber Packaging"></span></a>
                                            </div>
                                            <div class="picture">
                                                <div class="pic m-pic relative"><img src="https://weben.szyuto.com/file/pic/20241011081503420964.jpg" onerror="this.src='/static/images/default.jpg';" class="absolute max" alt="Products"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                        </div>
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/solution" class="nav-a trans block">Solutions</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            <div class="two-nav fixed trans5">
                                <div class="line">
                                    <div class="hnavbg h cw1200">
                                        <div class="cont cont flex-top2">
                                            <div class="tab">
                                                <a href="/solution/packaging_solutions" class="name text-over flex-middle2" data-target="pro_tab1">YUTO Packaging Solutions<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="YUTO Packaging Solutions"></span></a><a href="/solution/yuto_infinity" class="name text-over flex-middle2" data-target="pro_tab1">YUTO iNfinity<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="YUTO iNfinity"></span></a><a href="/solution/tailored_business" class="name text-over flex-middle2" data-target="pro_tab1">YUTO Tailored Business<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="YUTO Tailored Business"></span></a>
                                            </div>
                                            <div class="picture">
                                                <div class="pic m-pic relative"><img src="https://weben.szyuto.com/file/pic/20240820161105103060.jpg" onerror="this.src='/static/images/default.jpg';" class="absolute max" alt="Solutions"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                        </div>
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/sustainability" class="nav-a trans block">Sustainability</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            <div class="two-nav fixed trans5">
                                <div class="line">
                                    <div class="hnavbg h cw1200">
                                        <div class="cont cont flex-top2">
                                            <div class="tab">
                                                <a href="/sustainability/sustainable_product" class="name text-over flex-middle2" data-target="pro_tab1">Product<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Product"></span></a><a href="/sustainability/sustainable_operation" class="name text-over flex-middle2" data-target="pro_tab1">Operation<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Operation"></span></a><a href="/sustainability/sustainable_people" class="name text-over flex-middle2" data-target="pro_tab1">People<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="People"></span></a><a href="/sustainability/sustainable_partner" class="name text-over flex-middle2" data-target="pro_tab1">Partner<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Partner"></span></a><a href="/sustainability/sustainable_governance" class="name text-over flex-middle2" data-target="pro_tab1">Corporate Governance<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Corporate Governance"></span></a>
                                            </div>
                                            <div class="picture">
                                                <div class="pic m-pic relative"><img src="https://weben.szyuto.com/file/pic/20260430092433354942.jpg" onerror="this.src='/static/images/default.jpg';" class="absolute max" alt="Sustainability"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                        </div>
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/investors/investor_support" class="nav-a trans block">Investors</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            <div class="two-nav fixed trans5">
                                <div class="line">
                                    <div class="hnavbg h cw1200">
                                        <div class="cont cont flex-top2">
                                            <div class="tab">
                                                <a href="/investors/annual_report" class="name text-over flex-middle2" data-target="pro_tab1">Annual Report<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Annual Report"></span></a><a href="/investors/investor_support" class="name text-over flex-middle2" data-target="pro_tab1">Investor Support<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Investor Support"></span></a>
                                            </div>
                                            <div class="picture">
                                                <div class="pic m-pic relative"><img src="https://weben.szyuto.com/file/pic/20241024083038464461.jpg" onerror="this.src='/static/images/default.jpg';" class="absolute max" alt="Investors"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                        </div>
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/news" class="nav-a trans block">News</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            <div class="two-nav fixed trans5">
                                <div class="line">
                                    <div class="hnavbg h cw1200">
                                        <div class="cont cont flex-top2">
                                            <div class="tab">
                                                <a href="/news" class="name text-over flex-middle2" data-target="pro_tab1">News<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="News"></span></a><a href="/media" class="name text-over flex-middle2" data-target="pro_tab1">Media Library<span class="m-pic"><img src="/static/images/index/header-icon1.png" alt="Media Library"></span></a>
                                            </div>
                                            <div class="picture">
                                                <div class="pic m-pic relative"><img src="https://weben.szyuto.com/file/pic/20241026022316713341.jpg" onerror="this.src='/static/images/default.jpg';" class="absolute max" alt="News"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--下拉内容 END-->
                        </div>
                        <div class="one-nav trans-inter relative">
                            <!--默认显示-->
                            <a href="/contact" class="nav-a trans block">Contact</a>
                            <!--默认显示 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                            <!--下拉内容-->
                            
                            <!--下拉内容 END-->
                        </div>
                        <!--单个菜单 END-->
                    </div>
                </div>

                <div class="hright flex-middle2">
                    <div class="search trans pointer m-pic block">
                        <img src="/static/images/index/search1.png" class="i1" alt="search">
                        <img src="/static/images/index/search2.png" class="i2 hide" alt="search">
                    </div>
                    <a href="" target="_blank" class="lang trans pointer flex-max2">
                        <div class="icon m-pic"><img src="/static/images/index/lang.png" alt=""></div>
                        <div class="txt">CN</div>
                    </a>
                    <div class="m_search m-pic pointer">
                        <img src="/static/images/index/m-search.png" class="i1" alt="search">
                        <img src="/static/images/index/close-icon.png" class="i2 hide" alt="search">
                    </div>
                    <div class="menu pointer m-pic">
                        <img src="/static/images/index/menu-icon.png" class="i1" alt="search">
                        <img src="/static/images/index/close-icon.png" class="i2 hide" alt="search">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 移动端 -->
    <section id="m-nav" class="fixed trans5">
        <div class="nav">
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/about">About</a>
                </div>
                <div class="two-nav hide two">
                    <div>
                        <a class="two-a trans5 block" href="/about/overview">Overview</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/about/join_us">Join Us</a>
                    </div>
                    
                    
                    
                    <div>
                        <a class="two-a trans5 block" href="javascript:void(0);">Ability</a>
                        <div class="two-nav-h">
                            <a class="a_about trans5 block" href="/about/creative_design">Creative Design</a><a class="a_about trans5 block" href="/about/innovative_r&amp;d">Innovative R&amp;D</a><a class="a_about trans5 block" href="/about/global_footprint">Global Footprint</a><a class="a_about trans5 block" href="/about/smart_manufacturing">Smart Manufacturing</a>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/product">Products</a>
                </div>
                
                <div class="two-nav hide two">
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9503">Rigid Box</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9504">Folding Box</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9540">Inner Tray</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9539">Corrugated Box</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9541">Label</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9542">User Guide</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/productDetail/9543">Plant Fiber Packaging</a>
                    </div>
                </div>
            </div>
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/solution">Solutions</a>
                </div>
                
                <div class="two-nav hide two">
                    <div>
                        <a class="two-a trans5 block" href="/solution/packaging_solutions">YUTO Packaging Solutions</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/solution/yuto_infinity">YUTO iNfinity</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/solution/tailored_business">YUTO Tailored Business</a>
                    </div>
                </div>
            </div>
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/sustainability">Sustainability</a>
                </div>
                
                <div class="two-nav hide two">
                    <div>
                        <a class="two-a trans5 block" href="/sustainability/sustainable_product">Product</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/sustainability/sustainable_operation">Operation</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/sustainability/sustainable_people">People</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/sustainability/sustainable_partner">Partner</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/sustainability/sustainable_governance">Corporate Governance</a>
                    </div>
                </div>
            </div>
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/investors/investor_support">Investors</a>
                </div>
                
                <div class="two-nav hide two">
                    <div>
                        <a class="two-a trans5 block" href="/investors/annual_report">Annual Report</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/investors/investor_support">Investor Support</a>
                    </div>
                </div>
            </div>
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/news">News</a>
                </div>
                
                <div class="two-nav hide two">
                    <div>
                        <a class="two-a trans5 block" href="/news">News</a>
                    </div>
                    <div>
                        <a class="two-a trans5 block" href="/media">Media Library</a>
                    </div>
                </div>
            </div>
            <div class="one-nav trans5">
                <div class="one trans5">
                    <a class="one-a" href="/contact">Contact</a>
                </div>
                
                
            </div>
        </div>

        <div class="bot-box flex-max2">
            <a href="https://cn.szyuto.com/" target="_blank" class="txt langcn">CN</a>
            <div class="txt">/</div>
            <a href="https://www.szyuto.com/" target="_blank" class="txt langen">EN</a>
        </div>
    </section>
</div>
<script>
    //初始化语言
    var LanguageLoad=getCookie('lang'); //获取缓存
    //console.log('当前语言',LanguageLoad);
    if(LanguageLoad=='master'){
        //修改PC端内容
        $('#header .hcw1760 .pc .hright .lang').find('.txt').text('EN');
        $('#header .hcw1760 .pc .hright .lang').attr('href','https://www.szyuto.com/');
        //修改WAP端内容
        $('#m-nav .bot-box .txt').removeClass('cur');
        $('#m-nav .bot-box .langcn').addClass('cur');
    }
    if(LanguageLoad=='enstation'){
        //修改PC端内容
        $('#header .hcw1760 .pc .hright .lang').find('.txt').text('CN');
        $('#header .hcw1760 .pc .hright .lang').attr('href','https://cn.szyuto.com/');
        //修改WAP端内容
        $('#m-nav .bot-box .txt').removeClass('cur');
        $('#m-nav .bot-box .langen').addClass('cur');
    }
</script>
<!--公共菜单 END-->
<div id="luxy" style="background-color: #F8F8F8;">
    <section id="header-blank" class=""></section>
    <!--限制外框-->
    <section id="error_div">
        <!--展示图-->
        <div class="imges">
            <img src="/static/images/404img.jpg" onerror="this.src='/static/images/default.jpg';" alt="404 img" style="width: 100%;display: block; overflow: hidden;" />
        </div>
        <!--展示图 END-->
        <!--提示文字-->
        <div class="text">sorry！ The page you were looking for got lost~</div> <!-- sorry！ The page you were looking for got lost~ -->
        <!--提示文字 END-->
        <!--提交按钮-->
        <div class="bin">
            <!--单项-->
            <a href="/" class="public-btn4">
                <div class="bg ber">Home</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
            <!--单项-->
            <a href="/product" class="public-btn4">
                <div class="bg ber">Products</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
            <!--单项-->
            <a href="/solution" class="public-btn4">
                <div class="bg ber">Solutions</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
            <!--单项-->
            <a href="/sustainability" class="public-btn4">
                <div class="bg ber">Sustainability</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
            <!--单项-->
            <a href="/investors" class="public-btn4">
                <div class="bg ber">Investors</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
            <!--单项-->
            <a href="/news" class="public-btn4">
                <div class="bg ber">News</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
            <!--单项-->
            <a href="/contact" class="public-btn4">
                <div class="bg ber">Contact</div>
                <div class="nr">
                    <div class="ds btn">&nbsp;</div>
                </div>
            </a>
            <!--单项 END-->
        </div>
        <!--提交按钮 END-->
    </section>
    <!--限制外框 END-->
    <!--公共底部-->
    <section id="footer">
    <div class="hcw1760">
        <div class="top flex-middle2 flex-between">
            <div class="flogo m-pic"><img src="https://weben.szyuto.com/file/pic/20241127091546897976.png" width="100%"></div>
            <div class="txt">品质包装方案商</div>
        </div>
        <div class="center flex">
            <div class="left">
                <a href="/contact" class="tit flex-middle2 contacttext">联系<span class="m-pic"><img src="/static/images/index/footer-icon1.png" alt="Contact More"></span></a>
                <div class="way">
                    <div class="text">+86 755 33873999</div>
                    <div class="text">branding@szyuto.com</div>
                    <div class="text">No.1 Shihuan Road, Shiyan Street, Bao&#39;an District, Shenzhen, Guangdong, P.R.C.</div>
                </div>
                <div class="tit followtext">关注我们</div>
                <div class="share flex-middle2">
                    <div class="s_li relative">
                        <a href="https://www.linkedin.com/company/yuto" target="_blank" class="s trans m-pic block">
                            <img src="https://weben.szyuto.com/file/pic/20241012032521922990.png" onerror="this.src='/static/images/default.jpg';" alt="Linkedin">
                        </a>
                        
                    </div>
                    <div class="s_li relative">
                        <a href="https://www.youtube.com/@yutogroup" target="_blank" class="s trans m-pic block">
                            <img src="https://weben.szyuto.com/file/pic/20241012033136744133.png" onerror="this.src='/static/images/default.jpg';" alt="YouTube">
                        </a>
                        
                    </div>
                </div>
            </div>
            <div class="right flex-between">
                <div class="fnav trans">
                    <div class="fnav-one trans ">
                        <a class="one-a" href="/about">About</a>
                    </div>
                    <div class="fnav-two trans ">
                        <div class="list h trans">
                            <a class="two-a" href="/about/overview">Overview</a><a class="two-a" href="/about/join_us">Join Us</a><a class="two-a" href="/about/creative_design">Creative Design</a><a class="two-a" href="/about/innovative_r&amp;d">Innovative R&amp;D</a><a class="two-a" href="/about/global_footprint">Global Footprint</a><a class="two-a" href="/about/smart_manufacturing">Smart Manufacturing</a>
                        </div>
                    </div>
                </div>
                <div class="fnav trans">
                    <div class="fnav-one trans ">
                        <a class="one-a" href="/product">Products</a>
                    </div>
                    <div class="fnav-two trans ">
                        <div class="list h trans">
                            <a class="two-a" href="/productDetail/9503">Rigid Box</a><a class="two-a" href="/productDetail/9504">Folding Box</a><a class="two-a" href="/productDetail/9540">Inner tray</a><a class="two-a" href="/productDetail/9539">Corrugated Box</a><a class="two-a" href="/productDetail/9541">Label</a><a class="two-a" href="/productDetail/9542">User guide</a><a class="two-a" href="/productDetail/9543">Plant fiber packaging</a>
                        </div>
                    </div>
                </div>
                <div class="fnav trans">
                    <div class="fnav-one trans ">
                        <a class="one-a" href="/solution">Solutions</a>
                    </div>
                    <div class="fnav-two trans ">
                        <div class="list h trans">
                            <a class="two-a" href="/solution/packaging_solutions">YUTO Packaging Solutions</a><a class="two-a" href="/solution/yuto_infinity">YUTO iNfinity</a><a class="two-a" href="/solution/tailored_business">YUTO Tailored Business</a>
                        </div>
                    </div>
                </div>
                <div class="fnav trans">
                    <div class="fnav-one trans ">
                        <a class="one-a" href="/investors/investor_support">Investors</a>
                    </div>
                    <div class="fnav-two trans ">
                        <div class="list h trans">
                            <a class="two-a" href="/investors/investor_support">Investor Support</a>
                        </div>
                    </div>
                </div>
                <div class="fnav trans">
                    <div class="fnav-one trans ">
                        <a class="one-a" href="/sustainability">Sustainability</a>
                    </div>
                    <div class="fnav-two trans ">
                        <div class="list h trans">
                            <a class="two-a" href="/sustainability/sustainable_product">Product</a><a class="two-a" href="/sustainability/sustainable_operation">Operation</a><a class="two-a" href="/sustainability/sustainable_people">People</a><a class="two-a" href="/sustainability/sustainable_partner">Partner</a><a class="two-a" href="/sustainability/sustainable_governance">Corporate Governance</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bot flex-middle2 flex-between">
            <div>
                <a href="/term" target="_blank" class="txt1 T1 ">使用条款</a>
                <span class="txt1 hide">&nbsp;|&nbsp;</span>
                <a href="http://www.szlianya.net" target="_blank" class="txt1 T2 hide">Web Design: LY Network</a>
            </div>
            <div class="txt2">Copyright © 2025 YUTO. All Rights Reserved. &nbsp;&nbsp;/&nbsp;&nbsp;<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备16031472号</a></div>
        </div>
    </div>
    <div class="back_top m-pic"><img src="/static/images/index/back_top.png" alt="back top"></div>
</section>

<script>
    //初始化语言
    var LanguageLoad=getCookie('lang'); //获取缓存
    // console.log('当前语言',LanguageLoad);
    if(LanguageLoad=='master'){
        //修改PC端内容
        $('#footer .top .txt').html('品质包装方案商');
        $('#footer .center .left .contacttext').html('联系<span class="m-pic"><img src="/static/images/index/footer-icon1.png" alt="Contact More"></span>');
        $('#footer .center .left .followtext').html('关注我们');
        $('#footer .bot .T1').html('使用条款');
        $('#footer .bot .T2').html('网站建设：联雅网络');
        // $('#footer .center .right').addClass('cn');
    }
    if(LanguageLoad=='enstation'){
        $('#footer .top .txt').html('Superior Packaging Solution Provider');
        $('#footer .center .left .contacttext').html('Contact<span class="m-pic"><img src="/static/images/index/footer-icon1.png" alt="Contact More"></span>');
        $('#footer .center .left .followtext').html('Follow us');
        $('#footer .bot .T1').html('Terms of use');
        $('#footer .bot .T2').html('Web Design: LY Network');
    }

    // 获取当前窗口宽度
    // function getWindowWidth() {
    //     return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    // }
    // // 设置响应式逻辑
    // function handleResize() {
    //     const width = getWindowWidth();
    //     // console.log('窗口宽度:', width);
    //     if(LanguageLoad=='master'){
    //         $('#footer .center .right').addClass('cn');
    //     }
    //     var fnav_cn = $('#footer .center .right.cn .fnav');
    //
    //     if(width > 1680){
    //         fnav_cn.css('padding-right','11%');
    //     }else if(width <= 1680){
    //         fnav_cn.css('padding-right','8%');
    //     }else if(width <= 1536){
    //         fnav_cn.css('padding-right','6.5%');
    //     }else if(width <= 1440){
    //         fnav_cn.css({'padding-right':'6%','width':'auto'});
    //     }else if(width <= 1366){
    //         fnav_cn.css('padding-right','5%');
    //     }else if(width <= 750){
    //         fnav_cn.css('padding-right','0');
    //     }
    // }
    //
    // // 监听窗口大小变化
    // window.addEventListener('resize', handleResize);
    //
    // // 初始调用
    // handleResize();
</script>
    <!--公共底部 END-->
</div>
<!--cookie-->

<section id="cookie_tip" class="hide">
    <div class="contents cw1200">
        <div class="cont flex-between flex-middle2 relative">
            <div class="left">
                <div class="p1">Cookie provision</div>
                <div class="p2">
                    <span>We use cookies to personalize and improve your experience on our website. For more information please see our</span>
                    <a href="/term" target="_blank">Terms of use</a>.
                </div>
            </div>
            <div class="right el-close text-center pointer trans upper">Accept</div>
            <div class="close absolute el-hide pointer"></div>
        </div>
    </div>
</section>
<script>

    $('#cookie_tip').each(function(){
        var el = $(this),
            hide = getCookie('cookie_tip_hide');
        if (!hide) el.show();

        $(document).on('click', '#cookie_tip .el-close', function(event) {
            setCookie('cookie_tip_hide', 1, 'd30');
            el.hide();
            event.stopPropagation(); // 阻止事件冒泡（如果需要）
        });

        $(document).on('click', '#cookie_tip .el-hide', function(event) {
            el.hide();
            event.stopPropagation(); // 阻止事件冒泡（如果需要）
        });
    });


    //初始化语言
    var LanguageLoad=getCookie('lang'); //获取缓存
    //console.log('当前语言',LanguageLoad);
    if(LanguageLoad=='master'){
        $('#cookie_tip .contents .cont .left .p1').html('Cookie提供');
        $('#cookie_tip .contents .cont .left .p2 span').html('我们使用Cookie来个性化和改善您在我们网站上的体验。有关更多信息，请参阅我们的');
        $('#cookie_tip .contents .cont .left .p2 a').html('使用条款');
        $('#cookie_tip .contents .cont .right').html('接受');
    }
    if(LanguageLoad=='enstation'){
        $('#cookie_tip .contents .cont .left .p1').html('Cookie provision');
        $('#cookie_tip .contents .cont .left .p2 span').html('We use cookies to personalize and improve your experience on our website. For more information please see our');
        $('#cookie_tip .contents .cont .left .p2 a').html('Terms of use');
        $('#cookie_tip .contents .cont .right').html('Accept');
    }
</script>
<!--cookie END-->
</body>
</html>