682 lines
47 KiB
PHP
682 lines
47 KiB
PHP
<!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> | 本站已运行 [ <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>
|
||
]
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="footer-social-links list-reset">
|
||
|
||
</ul>
|
||
<div class="footer-copyright">© 2021-<?php echo date("Y"); ?> 木韩内网穿透™ . 保留一切权利 · <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>
|