<!DOCTYPE html>
<html lang="cn">
<head>

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>木韩内网穿透</title>
    <link rel="shortcut icon" type="image/jpg" href="/favicon.ico" />
    <link href="static/css/5b2abac487cc40918ae5402f74195717.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/css/style.css" />
    <script src="static/js/anime.min.js"></script>
    <script src="static/js/scrollreveal.min.js"></script>
</head>
<body class="is-boxed has-animations">

<div class="body-wrap boxed-container">
    <header class="site-header">
        <div class="header-shape header-shape-1">
            <svg width="337" height="222" viewBox="0 0 337 222" xmlns="http://www.w3.org/2000/svg">
                <defs>
                    <linearGradient x1="50%" y1="55.434%" x2="50%" y2="0%" id="header-shape-1">
                        <stop stop-color="#E0E1FE" stop-opacity="0" offset="0%" />
                        <stop stop-color="#E0E1FE" offset="100%" />
                    </linearGradient>
                </defs>
                <path d="M1103.21 0H1440v400h-400c145.927-118.557 166.997-251.89 63.21-400z" transform="translate(-1103)" fill="url(#header-shape-1)" fill-rule="evenodd" />
            </svg>
        </div>
        <div class="header-shape header-shape-2">
            <svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" style="overflow: visible">
                <defs>
                    <linearGradient x1="93.05%" y1="19.767%" x2="15.034%" y2="85.765%" id="header-shape-2">
                        <stop stop-color="#FF3058" offset="0%" />
                        <stop stop-color="#FF6381" offset="100%" />
                    </linearGradient>
                </defs>
                <circle class="anime-element fadeup-animation" cx="64" cy="64" r="64" fill="url(#header-shape-2)" fill-rule="evenodd" />
            </svg>
        </div>
        <div class="container">
            <div class="site-header-inner">
                <div class="brand header-brand">
                    <h1 class="m-0">
                        <a href="#">
                            <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
                                <title>Dual Net</title>
                                <defs>
                                    <linearGradient x1="114.674%" y1="39.507%" x2="-52.998%" y2="39.507%" id="logo-a">
                                        <stop stop-color="#8D92FA" offset="0%" />
                                        <stop stop-color="#8D92FA" stop-opacity="0" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="93.05%" y1="19.767%" x2="15.034%" y2="85.765%" id="logo-b">
                                        <stop stop-color="#FF3058" offset="0%" />
                                        <stop stop-color="#FF6381" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="32.716%" y1="-20.176%" x2="32.716%" y2="148.747%" id="logo-c">
                                        <stop stop-color="#FF97AA" offset="0%" />
                                        <stop stop-color="#FF97AA" stop-opacity="0" offset="100%" />
                                    </linearGradient>
                                </defs>
                                <img src="static/picture/logo.png" alt="Dual Net" width="160px" />

                            </svg>
                        </a>
                    </h1>
                </div>
            </div>
        </div>
    </header>
    <main>
        <section class="hero">
            <div class="container">
                <div class="hero-inner">
                    <div class="hero-copy">
                        <h1 class="hero-title mt-0">
                            木韩内网穿透<br />全新的内网穿透服务商
                        </h1>

                        <div class="hero-form field field-grouped">

                            <div class="control">
                                <a class="button button-primary button-block" href="/auth/login">开始使用</a
                                >
                            </div>
                        </div>
                    </div>
                    <div class="hero-illustration">
                        <div class="hero-shape hero-shape-1">
                            <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" style="overflow: visible">
                                <circle class="anime-element fadeup-animation" cx="20" cy="20" r="20" fill="#FFD8CD" fill-rule="evenodd" />
                            </svg>
                        </div>
                        <div class="hero-shape hero-shape-2">
                            <svg width="88" height="88" xmlns="http://www.w3.org/2000/svg" style="overflow: visible">
                                <circle class="anime-element fadeup-animation" cx="44" cy="44" r="44" fill="#FFD2DA" fill-rule="evenodd" />
                            </svg>
                        </div>
                        <div class="hero-main-shape">
                            <svg width="940" height="647" viewBox="0 0 940 647" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: visible">
                                <defs>
                                    <linearGradient x1="100%" y1="0%" x2="0%" y2="100%" id="hero-illustration-a">
                                        <stop stop-color="#261FB6" offset="0%" />
                                        <stop stop-color="#4950F6" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="89.764%" y1="16.809%" x2="11.987%" y2="82.178%" id="hero-illustration-b">
                                        <stop stop-color="#FC8464" offset="0%" />
                                        <stop stop-color="#FB5C32" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="100%" y1="23.096%" x2="4.439%" y2="96.586%" id="hero-illustration-c">
                                        <stop stop-color="#1ADAB7" offset="0%" />
                                        <stop stop-color="#55EBD0" offset="100%" />
                                    </linearGradient>
                                    <filter x="-13%" y="-150%" width="126.1%" height="400%" filterUnits="objectBoundingBox" id="hero-illustration-d">
                                        <feGaussianBlur stdDeviation="32" in="SourceGraphic" />
                                    </filter>
                                    <linearGradient x1="0%" y1="100%" x2="46.694%" y2="42.915%" id="hero-illustration-f">
                                        <stop stop-color="#EEF1FA" offset="0%" />
                                        <stop stop-color="#FFF" offset="100%" />
                                    </linearGradient>
                                    <rect id="hero-illustration-e" width="800" height="450" rx="4" />
                                    <linearGradient x1="100%" y1="-12.816%" x2="0%" y2="-12.816%" id="hero-illustration-g">
                                        <stop stop-color="#D2DAF0" stop-opacity="0" offset="0%" />
                                        <stop stop-color="#D2DAF0" offset="50.045%" />
                                        <stop stop-color="#D2DAF0" stop-opacity="0" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="116.514%" y1="-21.201%" x2="0%" y2="100%" id="hero-illustration-h">
                                        <stop stop-color="#55EBD0" offset="0%" />
                                        <stop stop-color="#4950F6" offset="100%" />
                                    </linearGradient>
                                    <path id="hero-illustration-j" d="M0 0h308v288H0z" />
                                    <filter x="-15.6%" y="-12.5%" width="139%" height="141.7%" filterUnits="objectBoundingBox" id="hero-illustration-i">
                                        <feOffset dx="12" dy="24" in="SourceAlpha" result="shadowOffsetOuter1" />
                                        <feGaussianBlur stdDeviation="16" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                                        <feColorMatrix values="0 0 0 0 0.0666666667 0 0 0 0 0.062745098 0 0 0 0 0.243137255 0 0 0 0.08 0" in="shadowBlurOuter1" />
                                    </filter>
                                    <circle id="hero-illustration-k" cx="16" cy="16" r="16" />
                                    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="hero-illustration-m">
                                        <stop stop-color="#C6FDF3" offset="0%" />
                                        <stop stop-color="#C6FDF3" stop-opacity="0" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="2.875%" y1="89.028%" x2="99.412%" y2="6.885%" id="hero-illustration-n">
                                        <stop stop-color="#83F0DD" offset="0%" />
                                        <stop stop-color="#1ADAB7" offset="50.924%" />
                                        <stop stop-color="#55EBD0" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="50%" y1="1.569%" x2="50%" y2="97.315%" id="hero-illustration-o">
                                        <stop stop-color="#FF97AA" offset="0%" />
                                        <stop stop-color="#FF6381" offset="100%" />
                                    </linearGradient>
                                    <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="hero-illustration-p">
                                        <stop stop-color="#FCAC96" offset="0%" />
                                        <stop stop-color="#FC8464" offset="100%" />
                                    </linearGradient>
                                    <circle id="hero-illustration-r" cx="28" cy="28" r="28" />
                                    <filter x="-85.7%" y="-64.3%" width="314.3%" height="314.3%" filterUnits="objectBoundingBox" id="hero-illustration-q">
                                        <feOffset dx="12" dy="24" in="SourceAlpha" result="shadowOffsetOuter1" />
                                        <feGaussianBlur stdDeviation="16" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                                        <feColorMatrix values="0 0 0 0 0.0666666667 0 0 0 0 0.062745098 0 0 0 0 0.243137255 0 0 0 0.08 0" in="shadowBlurOuter1" />
                                    </filter>
                                    <circle id="hero-illustration-t" cx="36" cy="36" r="36" />
                                    <filter x="-66.7%" y="-50%" width="266.7%" height="266.7%" filterUnits="objectBoundingBox" id="hero-illustration-s">
                                        <feOffset dx="12" dy="24" in="SourceAlpha" result="shadowOffsetOuter1" />
                                        <feGaussianBlur stdDeviation="16" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                                        <feColorMatrix values="0 0 0 0 0.0666666667 0 0 0 0 0.062745098 0 0 0 0 0.243137255 0 0 0 0.08 0" in="shadowBlurOuter1" />
                                    </filter>
                                    <circle id="hero-illustration-v" cx="28" cy="28" r="28" />
                                    <filter x="-85.7%" y="-64.3%" width="314.3%" height="314.3%" filterUnits="objectBoundingBox" id="hero-illustration-u">
                                        <feOffset dx="12" dy="24" in="SourceAlpha" result="shadowOffsetOuter1" />
                                        <feGaussianBlur stdDeviation="16" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                                        <feColorMatrix values="0 0 0 0 0.0666666667 0 0 0 0 0.062745098 0 0 0 0 0.243137255 0 0 0 0.08 0" in="shadowBlurOuter1" />
                                    </filter>
                                    <circle id="hero-illustration-x" cx="24" cy="24" r="24" />
                                    <filter x="-100%" y="-75%" width="350%" height="350%" filterUnits="objectBoundingBox" id="hero-illustration-w">
                                        <feOffset dx="12" dy="24" in="SourceAlpha" result="shadowOffsetOuter1" />
                                        <feGaussianBlur stdDeviation="16" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
                                        <feColorMatrix values="0 0 0 0 0.0666666667 0 0 0 0 0.062745098 0 0 0 0 0.243137255 0 0 0 0.08 0" in="shadowBlurOuter1" />
                                    </filter>
                                </defs>
                                <g fill="none" fill-rule="evenodd">
                                    <path class="anime-element stroke-animation" d="M600,300 C600,465.685425 465.685425,600 300,600 C134.314575,600 1.3749042e-14,465.685425 3.60373576e-15,300 C-6.54157051e-15,134.314575 134.314575,-1.29473326e-14 300,-2.30926389e-14 C465.685425,-3.32379452e-14 600,134.314575 600,300 Z" fill="url(#hero-illustration-a)" stroke="#4950F6" />
                                    <g transform="translate(435 518)">
                                        <circle class="anime-element fadeup-animation" fill="url(#hero-illustration-b)" cx="106" cy="32" r="32" />
                                        <circle class="anime-element fadeup-animation" fill="url(#hero-illustration-c)" cx="12" cy="117" r="12" />
                                    </g>
                                    <g class="anime-element fadeleft-animation">
                                        <g transform="translate(103 75)">
                                            <path fill-opacity=".24" fill="#11103E" filter="url(#hero-illustration-d)" d="M32 410h736v64H32z" />
                                            <use fill="url(#hero-illustration-f)" xlink:href="#hero-illustration-e" />
                                        </g>
                                        <g transform="translate(123 87)">
                                            <circle fill="#D2DAF0" cx="4" cy="4" r="4" />
                                            <circle fill="#D2DAF0" cx="20" cy="4" r="4" />
                                            <circle fill="#D2DAF0" cx="36" cy="4" r="4" />
                                            <path fill-opacity=".56" fill="#FFF" d="M736 2h24v4h-24z" />
                                            <path fill="url(#hero-illustration-g)" d="M27 20h706v2H27z" />
                                        </g>
                                        <g transform="translate(396 157)">
                                            <path fill="#FFF" d="M0 0h308v144H0z" />
                                            <path fill="#EEF1FA" d="M28 119h252v1H28zM28 94h252v1H28zM28 69h252v1H28zM28 44h252v1H28z" />
                                            <path stroke="url(#hero-illustration-h)" stroke-width="3" d="M26 119l49.19-38.316 14.615 19.035 16.36-19.035 31.306 4.272 33.079-23.54 34.86 38.303 15.625-50.412 16.356 12.109 16.472-12.11 15.075 21.443 16.976-21.442" />
                                            <rect fill="#D2DAF0" x="28" y="20" width="24" height="4" rx="2" />
                                        </g>
                                        <g>
                                            <path fill="#FFF" d="M396 333h308v144H396z" />
                                            <path fill="#EEF1FA" d="M424 452h252v1H424zM424 427h252v1H424zM424 402h252v1H424zM424 377h252v1H424z" />
                                            <path fill="url(#hero-illustration-o)" d="M28 24h12v96H28z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-p)" d="M52 67h12v53H52z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-o)" d="M76 24h12v96H76z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-p)" d="M100 82h12v38h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-o)" d="M124 45h12v75h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-p)" d="M148 67h12v53h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-o)" d="M172 82h12v38h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-p)" d="M196 45h12v75h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-o)" d="M220 67h12v53h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-p)" d="M244 82h12v38h-12z" transform="translate(396 333)" />
                                            <path fill="url(#hero-illustration-o)" d="M268 45h12v75h-12z" transform="translate(396 333)" />
                                        </g>
                                    </g>
                                    <g class="anime-element fadeleft-animation">
                                        <g transform="translate(56 157)">
                                            <use fill="#000" filter="url(#hero-illustration-i)" xlink:href="#hero-illustration-j" />
                                            <use fill="#FFF" xlink:href="#hero-illustration-j" />
                                            <path fill="#EEF1FA" d="M0 191h308v1H0zM28 44h252v1H28z" />
                                            <rect fill="#D2DAF0" x="28" y="20" width="24" height="4" rx="2" />
                                            <rect fill="#ABABC9" x="28" y="216" width="64" height="4" rx="2" />
                                            <rect fill="#D2DAF0" x="256" y="216" width="24" height="4" rx="2" />
                                            <rect fill="#D2DAF0" x="64" y="20" width="24" height="4" rx="2" />
                                            <g transform="translate(28 232)">
                                                <mask id="hero-illustration-l" fill="#fff">
                                                    <use xlink:href="#hero-illustration-k" />
                                                </mask>
                                                <use fill="#ABABC9" xlink:href="#hero-illustration-k" />
                                                <image mask="url(#hero-illustration-l)" x="-2" width="33" height="33" xlink:href="" />
                                            </g>
                                            <path d="M308 89.82v101.063H0v-33.728l3.038-3.799 10.783-7.894 8.687-2.646h9.246l21.198 10.54 9.852 3.251 6.608-3.25 8.644-12.005 6.87-6.388 7.892-1.512 10.906 6.066 13.895 15.802 11.188 5.944h5.692l7.314-3.28 7.19-9.37 5.879-13.65 10.774-21.657 8.34-14.026 9.243-12.336 9.594-7.043 15.407-3.881 6.362 1.497 14.939 7.765 10.531 8.166 13.17 12.338 12.362 7.52 12.756 3.746 8.366-1.542 8.96-5.366 10.183-15.377L308 89.82z" fill="url(#hero-illustration-m)" />
                                            <path d="M308 84.066v8.885c-13.215 32.373-36.292 33.308-68.007 2.699-18.456-17.814-33.74-21.583-47.058-13.978-10.675 6.097-19.593 18.713-29.342 38.963-2.594 5.388-10.386 22.73-11.136 24.336-11.298 24.181-27.067 24.181-45.624.363-12.17-13.657-21.486-13.657-29.221-.248-3.596 6.232-6.872 9.923-10.352 11.627-3.677 1.8-7.4 1.412-12.305-.82-2.416-1.098-12.51-6.8-14.82-7.981a101.498 101.498 0 0 0-4.586-2.208c-11.912-5.359-23.695-.926-35.549 13.65v-4.62c11.94-13.38 24.255-17.4 36.78-11.766 1.571.707 3.13 1.46 4.72 2.273 2.416 1.235 12.425 6.889 14.697 7.922 4.167 1.895 7.013 2.192 9.744.855 2.836-1.388 5.748-4.67 9.072-10.432 8.843-15.326 20.622-15.326 34.123-.172 17.344 22.257 30.338 22.257 40.603.287.734-1.572 8.536-18.936 11.151-24.368 9.998-20.768 19.193-33.776 30.557-40.266 14.618-8.348 31.298-4.234 50.63 14.424 32.601 31.465 54.068 28.367 65.923-9.425z" fill="url(#hero-illustration-n)" fill-rule="nonzero" />
                                        </g>
                                    </g>
                                    <g>
                                        <g class="anime-element fadeleft-animation">
                                            <g transform="translate(164 483)">
                                                <use fill="#000" filter="url(#hero-illustration-q)" xlink:href="#hero-illustration-r" />
                                                <use fill="#FFF" xlink:href="#hero-illustration-r" />
                                            </g>
                                            <path d="M200 506c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4 0 1.6 1.1 2.9 2.6 3.2-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4h-.8c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4c.7-.5 1.3-1.1 1.7-1.8z" fill="#1DA1F2" fill-rule="nonzero" />
                                        </g>
                                        <g class="anime-element fadeleft-animation">
                                            <g transform="translate(251 390)">
                                                <use fill="#000" filter="url(#hero-illustration-s)" xlink:href="#hero-illustration-t" />
                                                <use fill="#FFF" xlink:href="#hero-illustration-t" />
                                            </g>
                                            <g fill-rule="nonzero">
                                                <path d="M290.56 415.485a2.137 2.137 0 1 0-4.066 1.32l5.526 17.004a2.137 2.137 0 0 0 2.6 1.325c1.135-.327 1.826-1.532 1.464-2.646l-5.525-17.003" fill="#DFA22F" />
                                                <path d="M281.996 418.267a2.137 2.137 0 0 0-4.065 1.321l5.526 17.003a2.137 2.137 0 0 0 2.6 1.325c1.134-.326 1.826-1.531 1.464-2.645l-5.525-17.004" fill="#3CB187" />
                                                <path d="M297.515 429.567a2.137 2.137 0 1 0-1.32-4.065l-17.004 5.526a2.137 2.137 0 0 0-1.325 2.6c.327 1.134 1.532 1.825 2.646 1.464l17.003-5.525" fill="#CE1E5B" />
                                                <path fill="#392538" d="M282.735 434.37l4.064-1.321-1.32-4.065-4.065 1.321 1.321 4.064" />
                                                <path d="M291.298 431.587l4.064-1.32-1.32-4.066-4.065 1.321 1.321 4.065" fill="#BB242A" />
                                                <path d="M294.733 421.004a2.137 2.137 0 0 0-1.321-4.066l-17.003 5.527a2.136 2.136 0 0 0-1.325 2.6c.326 1.134 1.531 1.825 2.645 1.463l17.004-5.524" fill="#72C5CD" />
                                                <path d="M279.952 425.806l4.065-1.32c-.5-1.537-.964-2.965-1.32-4.065l-4.066 1.322 1.321 4.063" fill="#248C73" />
                                                <path d="M288.515 423.024l4.065-1.32-1.321-4.066-4.065 1.321 1.321 4.065" fill="#62803A" />
                                            </g>
                                        </g>
                                        <g class="anime-element fadeleft-animation">
                                            <g transform="translate(28 221)">
                                                <use fill="#000" filter="url(#hero-illustration-u)" xlink:href="#hero-illustration-v" />
                                                <use fill="#FFF" xlink:href="#hero-illustration-v" />
                                            </g>
                                            <text font-family="AppleColorEmoji, Apple Color Emoji" font-size="19" fill="#11103E" transform="translate(28 221)">
                                                <tspan x="17" y="36">
                                                    🚀
                                                </tspan>
                                            </text>
                                        </g>
                                        <g class="anime-element fadeleft-animation">
                                            <g transform="translate(325 257)">
                                                <use fill="#000" filter="url(#hero-illustration-w)" xlink:href="#hero-illustration-x" />
                                                <use fill="#FFF" xlink:href="#hero-illustration-x" />
                                            </g>
                                            <text font-family="AppleColorEmoji, Apple Color Emoji" font-size="16" fill="#11103E" transform="translate(325 257)">
                                                <tspan x="13" y="31">
                                                    👋
                                                </tspan>
                                            </text>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="features section">
            <div class="container">
                <div class="features-inner section-inner">
                    <div class="features-header text-center">
                        <div class="container-sm">
                            <h2 class="section-title mt-0">
                                为什么选择木韩内网穿透
                            </h2>
                            <p class="section-paragraph">
                                高效稳定
                                简易面板，易上手配置使用
                            </p>
                        </div>
                    </div>
                    <div class="features-wrap">
                        <div class="feature text-center is-revealing">
                            <div class="feature-inner">
                                <div class="feature-icon" style="background: #ffd2da">
                                    <svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" fill-rule="nonzero">
                                            <path d="M43 47v7a13 13 0 0 0 13-13v-7c-7.18 0-13 5.82-13 13z" fill="#FF6381" />
                                            <path d="M32 41v4a9 9 0 0 0 9 9v-4a9 9 0 0 0-9-9z" fill="#FF97AA" />
                                        </g>
                                    </svg>
                                </div>
                                <h4 class="feature-title h3-mobile mb-8">
                                    简便易用
                                </h4>
                                <p class="text-sm">
                                    木韩内网穿透提供了简单易懂的配置界面
                                    使得用户无需深入了解网络原理就能够轻松使用。
                                    不需要进行复杂的端口映射和路由器设置，节省了用户的时间和精力。
                                </p>
                            </div>
                        </div>
                        <div class="feature text-center is-revealing">
                            <div class="feature-inner">
                                <div class="feature-icon" style="background: #ffd8cd">
                                    <svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" fill-rule="nonzero">
                                            <path d="M54 56h-9a2 2 0 0 1-2-2V43a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2zm-9-13v10h9V43h-9z" fill="#FCAC96" />
                                            <path d="M41 50h-7V34h14v5h2v-5a2 2 0 0 0-2-2H34a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h7v-4z" fill="#FC8464" />
                                        </g>
                                    </svg>
                                </div>
                                <h4 class="feature-title h3-mobile mb-8">
                                    跨平台支持
                                </h4>
                                <p class="text-sm">
                                    木韩内网穿透支持多种操作系统和设备
                                    例如 Windows、Linux、Mac、Android 等。无论是电脑、
                                    手机或者其他设备，都可以轻松使用木韩内网穿透进行内网穿透。
                                </p>
                            </div>
                        </div>
                        <div class="feature text-center is-revealing">
                            <div class="feature-inner">
                                <div class="feature-icon" style="background: #c6fdf3">
                                    <svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" fill-rule="nonzero">
                                            <circle fill="#1ADAB7" cx="38" cy="50" r="5" />
                                            <path d="M53 42h2v-8a1 1 0 0 0-1-1h-8v2h5.586l-8.293 8.293a1 1 0 1 0 1.414 1.414L53 36.414V42z" fill="#1ADAB7" />
                                            <path fill="#83F0DD" d="M34 41.414l3-3 3 3L41.414 40l-3-3 3-3L40 32.586l-3 3-3-3L32.586 34l3 3-3 3zM55.414 48L54 46.586l-3 3-3-3L46.586 48l3 3-3 3L48 55.414l3-3 3 3L55.414 54l-3-3z" />
                                        </g>
                                    </svg>
                                </div>
                                <h4 class="feature-title h3-mobile mb-8">
                                    高效稳定
                                </h4>
                                <p class="text-sm">
                                    木韩内网穿透采用了高效的传输协议和优化的数据传输机制，多区域节点
                                    保证了数据传输的稳定性和低延迟。无论是传输大文件还是实时视频流，
                                    无论是传输大文件还是实时视频流，都能够保证良好的用户体验。
                                </p>
                            </div>
                        </div>
                        <div class="feature text-center is-revealing">
                            <div class="feature-inner">
                                <div class="feature-icon" style="background: #e0e1fe">
                                    <svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
                                        <g fill="none" fill-rule="nonzero">
                                            <path d="M41 42h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1zM41 55h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1z" fill="#4950F6" />
                                            <path fill="#8D92FA" d="M45 34h10v2H45zM45 39h10v2H45zM45 47h10v2H45zM45 52h10v2H45z" />
                                        </g>
                                    </svg>
                                </div>
                                <h4 class="feature-title h3-mobile mb-8">
                                    丰富的客户端
                                </h4>
                                <p class="text-sm">
                                    我们目前支持市面上所有系统环境，
                                    旗下也有众多开发者自主开发的客户端.
                                    用户可以自行选择客户端，兼容官方frp方便用户在openwrt等环境中使用。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="testimonials section">
            <div class="testimonials-shape testimonials-shape-1">
                <svg width="280" height="280" viewBox="0 0 280 280" xmlns="http://www.w3.org/2000/svg">
                    <defs>
                        <linearGradient x1="100%" y1="0%" x2="0%" y2="100%" id="testimonials-shape-1">
                            <stop stop-color="#261FB6" offset="0%" />
                            <stop stop-color="#4950F6" offset="100%" />
                        </linearGradient>
                    </defs>
                    <circle cx="140" cy="685" r="140" transform="translate(0 -545)" fill="url(#testimonials-shape-1)" fill-rule="evenodd" />
                </svg>
            </div>
            <div class="testimonials-shape testimonials-shape-2">
                <svg width="125" height="107" viewBox="0 0 125 107" xmlns="http://www.w3.org/2000/svg">
                    <g fill="none" fill-rule="evenodd">
                        <circle fill="#C6FDF3" cx="48" cy="59" r="48" />
                        <path d="M58.536 39.713c0-6.884 1.72-14.007 5.163-21.368 3.443-7.36 8.167-13.458 14.173-18.292l11.645 7.91c-3.589 4.98-6.262 10.016-8.02 15.106S78.86 33.598 78.86 39.384v13.623H58.536V39.713z" fill="#55EBD0" />
                        <path d="M93.252 39.713c0-6.884 1.722-14.007 5.164-21.368 3.442-7.36 8.166-13.458 14.172-18.292l11.646 7.91c-3.589 4.98-6.262 10.016-8.02 15.106s-2.637 10.529-2.637 16.315v13.623H93.252V39.713z" fill="#1ADAB7" />
                    </g>
                </svg>
            </div>
            <div class="testimonials-shape testimonials-shape-3">
                <svg width="48" height="48" viewBox="0 0 48 48" mlns="http://www.w3.org/2000/svg">
                    <defs>
                        <linearGradient x1="93.05%" y1="19.767%" x2="15.034%" y2="85.765%" id="testimonials-shape-3">
                            <stop stop-color="#FF3058" offset="0%" />
                            <stop stop-color="#FF6381" offset="100%" />
                        </linearGradient>
                    </defs>
                    <circle cx="24" cy="434" r="24" transform="translate(0 -410)" fill="url(#testimonials-shape-3)" fill-rule="evenodd" />
                </svg>
            </div>
            <div class="container">
                <div class="testimonials-inner section-inner">
                    <h2 class="section-title mt-0 text-center">
                        我们获得的评价
                    </h2>
                    <div class="testimonials-wrap">
                        <div class="testimonial text-xs is-revealing">
                            <div class="testimonial-inner">
                                <div class="testimonial-main">
                                    <div class="testimonial-header">
                                        <img class="mb-16" src="static/picture/pic1.jpg" alt="Testimonial" />
                                    </div>
                                    <div class="testimonial-body">
                                        <p class="mb-0">
                                            无限的隧道，签到即可获取流量
                                            多区域节点有亚洲和国内高防值得推荐。
                                        </p>
                                    </div>
                                </div>
                                <div class="testimonial-footer">
                                    <div class="testimonial-link">
                                        <a href="#">@匿名用戶</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial text-xs is-revealing">
                            <div class="testimonial-inner">
                                <div class="testimonial-main">
                                    <div class="testimonial-header">
                                        <img class="mb-16" src="static/picture/pic2.jpg" alt="Testimonial" />
                                    </div>
                                    <div class="testimonial-body">
                                        <p class="mb-0">
                                            简单易用的客户端，非常的容易配置
                                            遇到不懂的站长也提供支持，非常的不错值得推荐
                                        </p>
                                    </div>
                                </div>
                                <div class="testimonial-footer">
                                    <div class="testimonial-link">
                                        <a href="#">@来自网友</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial text-xs is-revealing">
                            <div class="testimonial-inner">
                                <div class="testimonial-main">
                                    <div class="testimonial-header">
                                        <img class="mb-16" src="static/picture/pic3.jpg" alt="Testimonial" />
                                    </div>
                                    <div class="testimonial-body">
                                        <p class="mb-0">
                                            节点众多，高防节点值得推荐再也不用担心被打掉线了
                                            无限隧道是真的不错，对比市面上的限制隧道的我是真心推荐使用木韩
                                            如果流量不够用了1分钱1G也挺便宜的相当于做公益了值得推荐
                                        </p>
                                    </div>
                                </div>
                                <div class="testimonial-footer">
                                    <div class="testimonial-link">
                                        <a href="#">@来自用户的评价</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="newsletter section text-light">
            <div class="container-sm">
                <div class="newsletter-inner section-inner">
                    <div class="newsletter-header text-center">
                        <h2 class="section-title mt-0">
                            木韩内网穿透
                        </h2>
                        <p class="section-paragraph">
                            无限的隧道，简易的面板，极强的兼容性。
                            拥有国内众多节点，区域覆盖华南华中华北和亚洲欧洲北美区域，用户可自行选择节点。
                        </p>
                    </div>

                </div>
            </div>
        </section>
    </main>
    <footer class="site-footer">
        <div class="container">
            <div class="site-footer-inner has-top-divider">
                <div class="brand footer-brand">
                    <a href="#">
                        <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
                            <title>Dual Net</title>
                            <defs>
                                <linearGradient x1="114.674%" y1="39.507%" x2="-52.998%" y2="39.507%" id="logo-footer-a">
                                    <stop stop-color="#8D92FA" offset="0%" />
                                    <stop stop-color="#8D92FA" stop-opacity="0" offset="100%" />
                                </linearGradient>
                                <linearGradient x1="93.05%" y1="19.767%" x2="15.034%" y2="85.765%" id="logo-footer-b">
                                    <stop stop-color="#FF3058" offset="0%" />
                                    <stop stop-color="#FF6381" offset="100%" />
                                </linearGradient>
                                <linearGradient x1="32.716%" y1="-20.176%" x2="32.716%" y2="148.747%" id="logo-footer-c">
                                    <stop stop-color="#FF97AA" offset="0%" />
                                    <stop stop-color="#FF97AA" stop-opacity="0" offset="100%" />
                                </linearGradient>
                            </defs>
                            <img src="static/picture/logo.png" alt="Dual Net" width="120px" />

                        </svg>
                    </a>
                </div>
                <ul class="footer-links list-reset">
                    <a style="margin-left: 5px" href="#">服务条款</a><a style="margin-left: 5px" href="#">联系我们</a>
                </ul>
                <div class="footer-links">
                    <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2021166927号</a> &nbsp;&nbsp;| 本站已运行&nbsp;[&nbsp;<SPAN id=span_dt_dt style="color: #9EA0A1;"></SPAN>
                    <SCRIPT language=javascript>function show_date_time(){
                            window.setTimeout("show_date_time()", 1000);
                            BirthDay=new Date("5/21/2021 00:00:00");
                            today=new Date();
                            timeold=(today.getTime()-BirthDay.getTime());
                            sectimeold=timeold/1000
                            secondsold=Math.floor(sectimeold);
                            msPerDay=24*60*60*1000
                            e_daysold=timeold/msPerDay
                            daysold=Math.floor(e_daysold);
                            e_hrsold=(e_daysold-daysold)*24;
                            hrsold=Math.floor(e_hrsold);
                            e_minsold=(e_hrsold-hrsold)*60;
                            minsold=Math.floor((e_hrsold-hrsold)*60);
                            seconds=Math.floor((e_minsold-minsold)*60);
                            span_dt_dt.innerHTML='<font style=color:#F4F8F4>'+daysold+'</font> 天 <font style=color:#F4F8F4>'+hrsold+'</font> 时 <font style=color:#F4F8F4>'+minsold+'</font> 分 <font style=color:#F4F8F4>'+seconds+'</font> 秒';
                        }
                        show_date_time();</script>
                    &nbsp;] </div>
                </li>
                </ul>
                <ul class="footer-social-links list-reset">

                </ul>
                <div class="footer-copyright">&copy; 2021-<?php echo date("Y"); ?> 木韩内网穿透&trade; .   保留一切权利     ·&nbsp;<br>
                    木韩网络科技有限公司 版权所有 . 本站由木韩网络和旗下莱云共同运营.
                </div>
            </div>
        </div>
    </footer>
</div>
<script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/main.min.js"></script>
</body>
</html>
