CINXE.COM
TECNO Mobile : TECNO Official Website
<!doctype html> <html dir="ltr" lang="en"> <head> <meta charset="UTF-8"> <meta name="generator" content="TYPO3 CMS"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="keywords" content="TECNO,TECNO Mobile phone,TECNO Smartphone,CAMON,SPARK,POP,Pouvoir,Phantom,HiOS"> <link rel="stylesheet" href="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/css/slick-swiper-bootstrap-min.css"> <link rel="stylesheet" type="text/css" href="https://d13pvy8xd75yde.cloudfront.net/static/new-css/main-min.css" media="all"> <link rel="stylesheet" href="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/css/global-min.css"> <script src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/js/jquery.min.js"></script> <script src="/utils/vue.js"></script> <script src="/utils/request.js" type="text/javascript"></script> <script src="/utils/hashes.js"></script> <title>TECNO Mobile : TECNO Official Website</title> <meta name="mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <meta name="application-name" content="tecno mobile"> <meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="tecno mobile"> <link rel="shortcut icon" href="https://d13pvy8xd75yde.cloudfront.net/global/x_new/tecno_icon.svg"> <link rel="alternate" hreflang="es-GT" href="/gua/" /><link rel="alternate" hreflang="my-MM" href="/mm/" /><link rel="alternate" hreflang="fr-DZ" href="/dz/" /><link rel="alternate" hreflang="tr-TR" href="/tr/" /><link rel="alternate" hreflang="en-BD" href="/bd/" /><link rel="alternate" hreflang="th-TH" href="/th/" /><link rel="alternate" hreflang="en-AE" href="/ae/" /><link rel="alternate" hreflang="km-KH" href="/kh/" /><link rel="alternate" hreflang="ar-EG" href="/eg/" /><link rel="alternate" hreflang="sw-TZ" href="/tz/" /><link rel="alternate" hreflang="en-KE" href="/ke/" /><link rel="alternate" hreflang="ar-SA" href="/sa/" /><link rel="alternate" hreflang="fr-CI" href="/ci/" /><link rel="alternate" hreflang="en-RW" href="/rw/" /><link rel="alternate" hreflang="en-GH" href="/gh/" /><link rel="alternate" hreflang="fr-GN" href="/gn/" /><link rel="alternate" hreflang="en-ZM" href="/zm/" /><link rel="alternate" hreflang="pt-AO" href="/ao/" /><link rel="alternate" hreflang="fr-ML" href="/ml/" /><link rel="alternate" hreflang="fr-BJ" href="/bj/" /><link rel="alternate" hreflang="fr-NE" href="/ne/" /><link rel="alternate" hreflang="pt-MZ" href="/mz/" /><link rel="alternate" hreflang="en-UG" href="/ug/" /><link rel="alternate" hreflang="fr-TG" href="/tg/" /><link rel="alternate" hreflang="fr-CM" href="/cm/" /><link rel="alternate" hreflang="fr-CO" href="/co/" /><link rel="alternate" hreflang="fr-CF" href="/cfr/" /><link rel="alternate" hreflang="fr-MA" href="/ma/" /><link rel="alternate" hreflang="fr-SN" href="/sn/" /><link rel="alternate" hreflang="en-PK" href="/pl/" /><link rel="alternate" hreflang="en-SA" href="/sa-en/" /><link rel="alternate" hreflang="en-ZA" href="/za/" /><link rel="alternate" hreflang="fr-BF" href="/bf/" /><link rel="alternate" hreflang="fr-BO" href="/bo/" /><link rel="alternate" hreflang="ar-JO" href="/jo/" /><link rel="alternate" hreflang="ar-LB" href="/lb/" /><link rel="alternate" hreflang="fr-PE" href="/pe/" /><link rel="alternate" hreflang="en-PH" href="/ph/" /><link rel="alternate" hreflang="pt-BR" href="/br/" /><link rel="alternate" hreflang="ru-UZ" href="/uz/" /><link rel="alternate" hreflang="ar-IQ" href="/iq/" /><link rel="alternate" hreflang="es-PA" href="/pa/" /><link rel="alternate" hreflang="id-ID" href="/id/" /><link rel="alternate" hreflang="en-LK" href="/lk/" /><link rel="alternate" hreflang="vi-VN" href="/vn/" /><title>TECNO Mobile Ghana - Official Website | TECNO Smartphones | Tecno</title><meta name="description" content="TECNO is a global smartphone brand that creates elegantly designed smartphones with the latest technologies for progressive individuals in over 60 countries world-wide"> <link rel="canonical" href="https://www.tecno-mobile.com/et-en" /> <meta property="og:type" content="website" /><meta property="og:title" content="Tecno" /><meta property="og:description" content="TECNO is a global smartphone brand that creates elegantly designed smartphones with the latest technologies for progressive individuals in over 60 countries world-wide" /><meta property="og:url" content="/home-old/" /><meta property="og:site_name" content="Tecno" /><meta name="twitter:card" content="summary" /><link rel="profile" href="https://a9.com/-/spec/opensearch/1.1/" /> <link rel="search" type="application/opensearchdescription+xml" href="/?type=7567" title="Website Search" /> <link rel="dns-prefetch" href="https://d13pvy8xd75yde.cloudfront.net"> <link rel="alternate" href="https://www.tecno-mobile.com/et-en" hreflang="x-default" /> <link rel="alternate" href="https://www.tecno-mobile.com/nga/homepage" hreflang="en-ng" /> <link rel="alternate" href="https://www.tecno-mobile.com/et-en" hreflang="en" /> </head> <style> @media screen and (max-width: 767px) { .m-font-size { font-size: 5.66vw; } .banner-subtitle { font-size: 3.44vw; } #white{ color: white; } } .row>*{ width: auto; padding: unset; } .video-miniTitle text{ cursor: pointer; } .video-miniTitle .Film{ cursor: pointer; } .videoClose{ cursor: pointer; } #brandBtnM{ margin: auto; } /* 首屏视频白色进度条播放时间 */ .HomePageBannerList .swiper-pagination-bullet-active:after{ animation:dots 6s linear; animation-fill-mode:forwards } /* 首屏标题跳转的颜色 */ .videotit_link{ color: #fff; } .videotit_link:hover{ color: #fff; } /* 手机端视频横屏 */ .rotateVideo{ width: 100%; transform: rotate(90deg) scale(1.5); } /* 当第一屏为活动时 */ @media screen and (min-width:768px){ .bannerhost{ height: fit-content; } } @media screen and (max-width:767px){ .bannerhost{ height: fit-content; padding: 0; } } [data-device-type="pc"] .swiperpic{ width: 100vw; height: 100vh; object-fit: cover; } [data-device-type="mobile"] .swiperpicf{ display: flex; align-items: center; justify-content: center; overflow: hidden; } [data-device-type="mobile"] .swiperpicf .swiperpic{ height: calc(100vh - 13.88vw); width: 100%; object-fit: cover; } @media(min-width: 1441px){ .pagebtn{ font-size: 15px; } } </style> <body class="newGlobalPage"> <div class="change-language-panel container" style="display: none"> <div class="change-language" style="display: none"> <div class="title">Choose Your Language</div> <div class="button-list"> <a href="/et-en/" class="button active">English</a> <a href="/et/" class="button">አማርኛ</a> </div> <button type="button" class="close close-language"> <span class="iconfont icon-close"></span> </button> </div> </div> <!--pc header start--> <header class="HomePage newheaderpc"> <div class="width-1440 flex-1440"> <div class="front"> <div class="logo m-r-70"> <a href="/et-en/home/"> <img src="https://d13pvy8xd75yde.cloudfront.net/global/x_new/logo.svg" alt="" /> </a> </div> <div class="item m-r-48"> <a href="/et-en/phones/product-list/">Phone</a> <div class="item-menu active"> <ul class="item-menu-list-Box"> <li class="item-menu-list"> <!-- <a href="https://www.mobile-phantom.com/homepage"> --> <a href="/et-en/phones/product-list/#new-phantom"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/phones/phantom/ae/10/800/AE10%20%E6%B2%99%E5%B2%A9%E7%BB%BF.png"> </span> <span class="item-title">PHANTOM</span> </a> </li> <li class="item-menu-list"> <a href="/et-en/phones/product-list/#new-camon"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/30pro5g/20231031.png"> </span> <span class="item-title">CAMON</span> </a> </li> <li class="item-menu-list"> <a href="/et-en/phones/product-list/#new-pova"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/phones/pova6/800%2A800/pova6/%E7%BB%BF.png"> </span> <span class="item-title">POVA</span> </a> </li> <li class="item-menu-list"> <a href="/et-en/phones/product-list/#new-spark"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/spark30_kl6/kl6/800%2A800/KL6%20%20IPkuan-new.png"> </span> <span class="item-title">SPARK</span> </a> </li> <li class="item-menu-list"> <a href="/et-en/phones/product-list/#new-pop"> <span class="ItImg-bg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/sparkgo1%26pop9/banner%26800%2A800/800/POP%20%E9%BB%91.png"> </span> <span class="item-title">POP</span> </a> </li> </ul> <ul class="item-menu-list-Box-foot"> <li class="AllModes"> <a href="/et-en/phones/product-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/Allnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/Allnew-hover.svg"> <span>All Models</span> </a> </li> <span class="after"></span> <li class="ModelComparison"> <a href="/et-en/phones/product-compare-list/"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/Comparisonnew.svg"> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/Comparisonnew-hover.svg"> <span>Compare Models</span> </a> </li> </ul> </div> </div> <!-- <div class="item m-r-48"><a href="/et-en/stores/">Stores</a></div>--> </div> <div class="after"> <div class="item m-r-48"><a href="/et-en/support/">Support</a></div> <!-- <div class="denglu m-r-64"> <img style="cursor: pointer;" class="w-100 dengluIcon" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/denglu.svg" alt="" /> <img style="cursor: pointer;" class="w-100 headerIconhover dengluIcon" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/denglu-hover.svg" alt="" /> <img style="cursor: pointer;" class="w-100 headerImg" src="" alt="" /> </div> --> <div class="sousuo"> <img style="cursor: pointer;" class="w-100" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/sousuo.svg" alt="" /> <img style="cursor: pointer;" class="w-100 headerIconhover" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/sousuo-hover.svg" alt="" /> </div> </div> </div> </header> <!--pc header end--> <!--mobile header start--> <header class="HomePage newheaderm"> <div class="pageHeaderMenu"></div> <div class="logo"> <a href="/et-en/home/"> <img class="b-lazy" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg" alt="" /> </a> </div> <!-- <div class="denglu"> <img class="w-100" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/denglu.svg" alt="" /> <img class="w-100 headerIconhover" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/denglu-hover.svg" alt="" /> </div> --> <div class="openMenu"> <div class="sousuo position-relative"> <input type="text" value=""> <img class="w-100 b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/sousuo.svg" alt="" /> </div> <div class="icon-flex OpenColumn position-relative"> <div class="menuName"> <span>Phone</span> <i class="MenuIcon"></i> </div> <ul class="openList"> <ul class="phoneList"> <a href="/et-en/phones/product-list/#new-phantom" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/phones/phantom/ae/10/800/AE10%20%E6%B2%99%E5%B2%A9%E7%BB%BF.png"> </span> <span class="item-title">PHANTOM</span> </li> </a> <a href="/et-en/phones/product-list/#new-camon" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/30pro5g/20231031.png"> </span> <span class="item-title">CAMON</span> </li> </a> <a href="/et-en/phones/product-list/#new-pova" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/phones/pova6/800%2A800/pova6/%E7%BB%BF.png"> </span> <span class="item-title">POVA</span> </li> </a> <a href="/et-en/phones/product-list/#new-spark" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/spark30_kl6/kl6/800%2A800/KL6%20%20IPkuan-new.png"> </span> <span class="item-title">SPARK</span> </li> </a> <a href="/et-en/phones/product-list/#new-pop" target="_blank"> <li> <span> <img class="b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/sparkgo1%26pop9/banner%26800%2A800/800/POP%20%E9%BB%91.png"> </span> <span class="item-title">POP</span> </li> </a> </ul> <div class="menuFoot"> <span class="modes"> <a href="/et-en/phones/product-list/" target="_blank"> <img class="w-100" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/All.svg"> All Models </a> </span> <span class="model"> <a href="/et-en/phones/product-compare-list/" target="_blank"> <img class="w-100" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/Comparison.svg"> Compare Models </a> </span> </div> </ul> </div> <!-- <div class="icon-flex position-relative">--> <!-- <div class="menuName">--> <!-- <a href="/et-en/stores/">--> <!-- <span>Stores</span>--> <!-- <i class="rightIcon">--> <!-- <img src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/downUp.svg">--> <!-- </i>--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <div class="icon-flex position-relative"> <div class="menuName"> <a href="/et-en/support/"> <span>Support</span> <i class="rightIcon"> <img src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/downUp.svg"> </i> </a> </div> </div> </div> </header> <section style="opacity: 0;" class="search modal modal-canvas modal-vm fade" id="search-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog container" role="search"> <div class="modal-content"> <header class="modal-header"> <div class="modal-title hidden-xs-down"> <h6 class="text-uppercase text-muted small">TYPE IN YOUR SEARCH AND PRESS ENTER</h6> </div> <button type="button" class="close circle" data-dismiss="modal" aria-label="Close"> <span class="iconfont icon-close"></span> </button> </header> <section class="modal-body cs-form-popup-layer"> <h2>Search TECNO</h2> <form action="/et-en/search/" method="get"> <input name="id" type="hidden" value="52"> <input name="L" type="hidden" value="0"> <input name="q" autocomplete="off" type="search" class="form-control global-search-input"> <button type="submit" class="btn btn-primary">Search</button> </form> </section> <footer class="modal-footer search-modal-footer flex-column"> <h4>Quick Links</h4> <p class="text-muted mw-100">Learn about TECNO products, view online manuals, get the latest downloads, and more.</p> <a href="/et-en/hios-detail/"> <h6>HiOS</h6> </a> <a href="/et-en/stores/"> <h6>Find TECNO Store</h6> </a> </footer> </div> </div> </section> <style> #topNav{ max-width: 100%; } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-X9T1TVNJ8V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-X9T1TVNJ8V'); </script> <!-- 视频弹窗 start--> <div id="videoPop-up"> <div class="videoWrap"> <video class="bannerVideoItem b-lazy" muted autoplay loop preload controls="controls" x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src=""> </video> <img src="https://d13pvy8xd75yde.cloudfront.net/homenew/images/videoClose.png" class="videoClose"> </div> </div> <!-- 视频弹窗 end--> <!--中间内容 start--> <div class="page-content" style="overflow-x: hidden;"> <section class="HomePageBannerList swiperSlider" data-device-type="pc"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.tecno-mobile.com/shotoncamon" target="_blank"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/shot/banner/new/en_new1920x1080.jpg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="" data-complete-pc=""></video> </a> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/video/AE10%20AE11/pc1.jpg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/video/AE10%20AE11/pc1.mp4" data-complete-pc="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/video/AE10%20AE11/%E5%AE%8C%E6%95%B4%E7%89%88%E6%A8%AA%E7%89%88_PHANTOM_AE10%20AE11.mp4"></video> <figure> <p class="video-text"> <span class="video-title"> <a class="videotit_link" href="/et-en/phones/product-detail/product/phantom-v-fold2-5g/"> PHANTOM V Fold2 5G | V Flip2 5G </a> </span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/video/spark30series/%E5%9B%BE%E5%B1%82%202.jpg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/video/spark30series/web6s.mp4" data-complete-pc="https://d13pvy8xd75yde.cloudfront.net/global/homepage/video/spark30series/%E5%AE%8C%E6%95%B4%E7%89%88.mp4"></video> <figure> <p class="video-text"> <span class="video-title"> <a class="videotit_link" href="/et-en/phones/product-detail/product/spark-30-ip/"> SPARK 30 Series </a> </span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/video/pc.png" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/video/pc.mp4" data-complete-pc="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/video/No%20Subtitle_CL678_Horizontal_4K_ID%20Video.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/camon-30-pro-5g/">CAMON 30 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/bannerVideo/spark/20230978.png" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/bannerVideo/spark/spark34344%E5%90%88%E6%88%90%201_3.mp4" data-complete-pc="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/bannerVideo/spark/sparkNo%20subtitles-SSA_spark20_60s.mp4"> </video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/spark-20-pro-+/">SPARK 20 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/ph/PC/Preview%20Video%2015%20sec%2010mb.mp4" data-complete-pc="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/ph/PC/Full%20Video.mp4"> </video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/phantom-v-flip/">PHANTOM V Flip 5G</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/poster/pova6/mask_pc.png" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/pova6/y_video/pc/POVA_15S%E5%8E%8B%E7%BC%A9.mp4" data-complete-pc="https://d13pvy8xd75yde.cloudfront.net/global/pova6/y_video/pc/POVA-60S.mp4"> </video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/pova-6/">POVA 6 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> </div> <div class="swiper-pagination"></div> </section> <section class="HomePageBannerList swiperSlider" data-device-type="mobile"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.tecno-mobile.com/shotoncamon" target="_blank"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/shot/banner/new/en_new1080x1920.jpg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="" data-complete-m=""></video> </a> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/video/AE10%20AE11/mob1.jpg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/video/AE10%20AE11/mob.mp4" data-complete-m="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/video/AE10%20AE11/%E5%AE%8C%E6%95%B4%E7%89%88%E7%AB%96%E7%89%88_PHANTOM_AE10%20AE11.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/phantom-v-fold2-5g/">PHANTOM V Fold2 5G | V Flip2 5G</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/video/spark30series/%E5%9B%BE%E5%B1%82%204.jpg" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/video/spark30series/mob6s.mp4" data-complete-m="https://d13pvy8xd75yde.cloudfront.net/global/homepage/video/spark30series/%E6%89%8B%E6%9C%BA%E5%AE%8C%E6%95%B4%E7%89%88.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/spark-30-ip/">SPARK 30 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/video/m.png" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/video/m.mp4" data-complete-m="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/video/No%20Subtitle_CL678_Horizontal_4K_ID%20Video.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/camon-30-pro-5g/">CAMON 30 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/bannerVideo/spark/Frame%20409.png" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/bannerVideo/spark/spark%E5%90%88%E6%88%90%201_1.mp4" data-complete-m="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/bannerVideo/spark/sparkNo%20subtitles-SSA_spark20_60s.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/spark-20-pro-+/">SPARK 20 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/ph/Mobile/Preview%20Video%2015%20sec%2010mb.mp4" data-complete-m="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/ph/Mobile/Full%20Video.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/phantom-v-flip/"> PHANTOM V Flip 5G</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> <div class="swiper-slide"> <video class="bannerVideoItem" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline poster="https://d13pvy8xd75yde.cloudfront.net/global/homepage/poster/pova6/mask_m.png" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/pova6/y_video/m/POVA_15S%E5%8E%8B%E7%BC%A9.mp4" data-complete-m="https://d13pvy8xd75yde.cloudfront.net/global/pova6/y_video/pc/POVA-60S.mp4"></video> <figure> <p class="video-text"> <span class="video-title"><a class="videotit_link" href="/et-en/phones/product-detail/product/pova-6/">POVA 6 Series</a></span> <span class='video-miniTitle playVideo'> <text>Play the Film</text> <span> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film.svg"> <img class="Film" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Film-hover.svg"> </span> </span> </p> </figure> <div class="bannerMask"></div> </div> </div> <div class="swiper-pagination"></div> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/et/banner/fold2-1.png" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/et/banner/fold2-2.png" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/et/banner/fold2-3.png" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size" >PHANTOM V <br/>Fold2 5G</p> <p class="banner-subtitle" >Powered By TECNO AI</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/phantom-v-fold2-5g/">Learn More</a> </div> </article> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/et/banner/flip2-1.png" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/et/banner/flip2-2.png" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/et/banner/flip2-3.png" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size" id="white">PHANTOM V Flip2 5G</p> <p class="banner-subtitle" id="white">Powered By TECNO AI</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/phantom-v-flip2-5g/">Learn More</a> </div> </article> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/KL6%26KL7%E5%AE%98%E7%BD%91banner/KL6%20ip-2.jpg" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/KL6%26KL7%E5%AE%98%E7%BD%91banner/KL6%20ip-1.jpg" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/KL6%26KL7%E5%AE%98%E7%BD%91banner/KL6%20ip-4.jpg" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size">SPARK 30</p> <p class="banner-subtitle">lgnite Your Vision</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/spark-30-ip/">Learn More</a> </div> </article> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/banner/series5120.png" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/banner/series1440.png" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/phones/camon/banner/series_m.png" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size">CAMON 30 Series</p> <p class="banner-subtitle">Dual Chips Video Master</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/camon-30-pro-5g/">Learn More</a> </div> </article> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/phones/SPARK_20_Pro_Plus/20230974.png" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/phones/SPARK_20_Pro_Plus/20230973.png" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/phones/SPARK_20_Pro_Plus/20230972.png" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size">SPARK 20 Series</p> <p class="banner-subtitle">Win Big, SPARK Beyond</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/spark-20-pro-+/">Learn More</a> </div> </article> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/20230910.png" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/20230909.png" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/20230908.png" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size">PHANTOM V Flip 5G</p> <p class="banner-subtitle">Perfect in Pocket</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/phantom-v-flip/">Learn More</a> <!-- <a class="BuyNow newsPC">Buy Now</a>--> </div> </article> </section> <section class="phoneBannerList"> <picture> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/sparkgo1%26pop9/banner%26800%2A800/pop_banner/20241105-155106.jpg" media="(min-width: 1441px)"> <source srcset="https://d13pvy8xd75yde.cloudfront.net/global/sparkgo1%26pop9/banner%26800%2A800/pop_banner/20241105-155101.jpg" media="(min-width: 768px)"> <img class="hero-banner-img-bg" src="https://d13pvy8xd75yde.cloudfront.net/global/sparkgo1%26pop9/banner%26800%2A800/pop_banner/20241105-155108.jpg" alt=""> </picture> <article class="banner-CopyWriting width-1440 text-black col-xl-5 col-md-5"> <p class="banner-big-title font-72 m-font-size">POP 9</p> <p class="banner-subtitle">Lightning Fast</p> <div class="btn-list"> <a class="pagebtn learnMore" href="/et-en/phones/product-detail/product/pop-9/">Learn More</a> <!-- <a class="BuyNow newsPC">Buy Now</a>--> </div> </article> </section> <section class="phoneList phoneSwiper"> <h1 class="phoneListTitle" >RECOMMENDATION OF THE MONTH</h1> <ul class="phoneListBox swiper-wrapper width-1440"> <li class="phoneItem swiper-slide" > <a href="/et-en/phones/product-detail/product/spark-30-ip/"> <img class="b-lazy w-100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/bd/banner/spark-30-ip/1280X1280%20%281%29.jpg"> </a> <figure class="title-slogan"> <text class="title">SPARK 30</text> <span class="slogan-btn"> <text class="slogan">Ignite Your Vision</text> <span class="pagebtn text-black"> <a href="/et-en/phones/product-detail/product/spark-30-ip/" class="pagebtn learnMore">Learn More</a> <!-- <a href="" class="BuyNow newsPC">Buy Now</a>--> </span> </span> </figure> </li> <li class="phoneItem swiper-slide"> <a href="/et-en/phones/product-detail/product/camon-30/"> <img class="b-lazy w-100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/1000/gh/1000_1000/replacement-square-camon.jpg"> </a> <figure class="title-slogan"> <text class="title">CAMON 30</text> <span class="slogan-btn"> <text class="slogan">Night Portrait Master</text> <span class="pagebtn text-black"> <a href="/et-en/phones/product-detail/product/camon-30/" class="pagebtn learnMore">Learn More</a> <!-- <a href="" class="BuyNow newsPC">Buy Now</a>--> </span> </span> </figure> </li> <li class="phoneItem swiper-slide"> <a href="/et-en/phones/product-detail/product/phantom-v-flip/"> <img class="b-lazy w-100" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/Flip.png"> </a> <figure class="title-slogan"> <text class="title">PHANTOM V Flip 5G</text> <span class="slogan-btn"> <text class="slogan">Perfect in Pocket</text> <span class="pagebtn text-black"> <a href="/et-en/phones/product-detail/product/phantom-v-flip/" class="pagebtn learnMore">Learn More</a> <!-- <a href="" class="BuyNow newsPC">Buy Now</a>--> </span> </span> </figure> </li> </ul> </section> <section class="brand"> <h1 class="phoneListTitle">BRAND</h1> <div id="brandList" class="width-1440" data-device-type="pc"> <div class="swiper-wrapper addMask"> <div class="swiper-slide" data-text="Learn More" data-url="/et-en/about-us/"> <img class="w-100 b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/phones/pova-5-pro-5g/video_mask.png"> </div> <div class="swiper-slide" data-text="Play More" data-complete="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/complete_film.mp4"> <video class="w-100 b-lazy brandvideo" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-brandsrc="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/preload_file2.mp4"></video> </div> <div class="swiper-slide" data-text="Play More" data-complete="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/brand-movie-complete.mp4"> <video class="w-100 b-lazy brandvideo" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-brandsrc="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/Brand-Movie.mp4"></video> </div> </div> <a id="brandBtn" class="pagebtn learnMore"></a> <div class="brand-tab newsPC"> <div class="swiper-button-prev swiper-button-back newsPC"></div> <div class="swiper-wrapper"> <a class="swiper-slide item-title">Brand Facts</a> <a class="swiper-slide item-title">Brand Film</a> <a class="swiper-slide item-title">Brand Introduction</a> </div> <div class="swiper-button-next swiper-button-back newsPC"></div> </div> </div> <div id="brandListM" class="width-1440" data-device-type="mobile"> <div class="swiper-wrapper addMask"> <div class="swiper-slide" data-text="Learn More" data-url="/et-en/about-us/"> <img class="w-100 b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/m/story.png"> <p class="brandMobileTitle newsM">Brand Facts</p> </div> <div class="swiper-slide" data-text="Play More" data-complete="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/complete_film.mp4"> <video class="w-100 b-lazy brandvideoM" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-brandsrc-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/m/preload_file_m-min.mp4"></video> <p class="brandMobileTitle newsM">Brand Film</p> </div> <div class="swiper-slide" data-text="Play More" data-complete="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/brand-movie-complete.mp4"> <video class="w-100 b-lazy brandvideoM" muted autoplay loop preload x5-video-player-fullscreen="true" x5-playsinline playsinline webkit-playsinline src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-brandsrc-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/m/brand-movie-m.mp4"></video> <p class="brandMobileTitle newsM">Brand Introduction</p> </div> </div> <a id="brandBtnM" class="pagebtn learnMore"></a> </div> </section> <section id="newpage"> <section class="newsBoxPc newsPC"> <div class="newsBoxPcTitle"> <h1 class="phoneListTitle">NEWS</h1> <a class="newsLearnMore" href="/et-en/news/">Learn More ></a> </div> <div class="newsBoxPcWrap width-1440"> <div class="newsBoxPcWrapLeft"> <a :class="{'active':txtActive == index}" v-for="(item,index) in homenews" :key="index" @click="goDetail(item)" v-if="index<=2"> <img class="w-100" :src="item.fal_media_54" alt="" title=""> </a> </div> <div class="newsBoxPcWrapRight"> <div class="newsBoxPcText"> <ul class="newsBoxPcTextWrap" :class="{'active':txtActive == index}" @mouseover="newsover(index)" v-for="(item,index) in homenews" :key="index" v-if="index<=2"> <li class="titleBox"> <span class="newsTitle">{{item.title}}</span> </li> <li class="info"> <span class="newsTime">{{item.datetime}}</span> <span class="news-subtitle" v-if="item.teaser">{{item.teaser}}</span> <span class="news-subtitle news-link" v-else></span> <a class="newsLearnMore" style="color: #0064fe;cursor: pointer;" @click="goDetail(item)">Learn More ></a> </li> </ul> </div> </div> </div> </section> <section class="newsBox newsM"> <h1 class="phoneListTitle">NEWS</h1> <a class="newsLearnMore MobileNewsLearnMore " href="/et-en/news/">Learn More ></a> <div class="mobileNewsWrap"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item,index) in homenews" :key="index" @click="goDetail(item)" v-if="index<=2"> <img class="mobileNewsImg w-100" :src="item.fal_media_11" alt="" title=""> <p class="newsTime newsOpacity">{{item.datetime}}</p> <p class="news-subtitle newsOpacity">{{item.title}}</p> <a class="newsLearnMore newsOpacity" @click="goDetail(item)" style="color: #0064fe;">Learn More ></a> </div> </div> <div class="swiper-pagination newsM"></div> </div> </section> </section> <section class="software"> <h1 class="phoneListTitle">SOFTWARE</h1> <div class="section-content width-1440" style="justify-content: center;"> <div class="section-item hiosWrap"> <a class="item-img" href="/et-en/hios/"> <img class="w-100 b-lazy" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E" data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/ios13.png"> </a> <a class="learnMore pagebtn" href="/et-en/hios/">Learn More</a> </div> <!-- <div class="section-item spotWrap">--> <!-- <a class="item-img" href="https://spot.shalltry.com/#/homepage">--> <!-- <img class="w-100 b-lazy"--> <!-- src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 1280 720'%3E%3C/svg%3E"--> <!-- data-src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/pc/softwaret-spot.png"--> <!-- data-src-mobile="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/m/softwaret-spot.png">--> <!-- </a>--> <!-- <a class="learnMore pagebtn" href="https://spot.shalltry.com/#/homepage">Learn More</a>--> <!-- </div>--> </div> </section> </div> <!--中间内容 end --> <!--TYPO3SEARCH_end--> <div id="goTop"> <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 10.9998L7 6.5L13 10.9998M2.5 1H11.5" stroke="#666666" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="country-box" style="opacity: 0;"> <section id="country-change-modal" tabindex="-1" role="dialog" class="country-change modal modal-canvas modal-vm fade show" style="display: block; padding-right: 17px;"> <div role="dialog" class="modal-dialog container"> <div class="modal-content"> <header class="modal-header"> <div class="modal-title hidden-xs-down"> <h6 class="text-uppercase text-muted small">CHOOSE YOUR COUNTRY OR REGION</h6> </div> <button type="button" data-dismiss="modal" aria-label="Close" class="close circle country-close"> <span class="iconfont icon-close"></span> </button> </header> <div class="v-spinner text-center my-30" style="display: none;"> <div class="v-pulse v-pulse1" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.12s;"></div> <div class="v-pulse v-pulse2" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.24s;"></div> <div class="v-pulse v-pulse3" style="background-color: rgb(0, 116, 200); width: 15px; height: 15px; margin: 2px; border-radius: 100%; display: inline-block; animation-name: v-pulseStretchDelay; animation-duration: 0.75s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-fill-mode: both; animation-delay: 0.36s;"></div> </div> <section class="modal-body country-change-tabs"> <input type="radio" name="continent" class="continent-state" value="0" checked/> <!-- <input type="radio" name="continent1" class="continent-state1" value="0" style="display: block;"/> --> <label for="continent-africa" class="continent-nav beginafrica"> <figure class="continent africa "></figure> <h5>Africa</h5> </label> <ul class="list-unstyled row continent-countries beginclass"> <li class="col-12 col-lg-3 country-link"> <a href="/ne"> <span class="flag-icon flag-icon-ne"></span> <span>Niger</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/tg"> <span class="flag-icon flag-icon-tg"></span> <span>Togo</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/bj"> <span class="flag-icon flag-icon-bj"></span> <span>Bénin</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/gn"> <span class="flag-icon flag-icon-gn"></span> <span>Guinea</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/zm"> <span class="flag-icon flag-icon-zm"></span> <span>Zambia</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/ug"> <span class="flag-icon flag-icon-ug"></span> <span>Uganda</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/ao"> <span class="flag-icon flag-icon-ao"> </span> <span>Angola</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/home/"> <span class="flag-icon flag-icon-mg"></span> <span>Madagascar</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/et-en/"> <span class="flag-icon flag-icon-et"></span> <span>Ethiopia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-gm"></span> <span>Gambia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/mz"><span class="flag-icon flag-icon-mz"></span> <span>Moçambique</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-tn"></span> <span>تونس</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/dz"><span class="flag-icon flag-icon-dz"></span> <span>Algérie</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ma/"><span class="flag-icon flag-icon-ma"></span> <span>Maroc</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-mr"></span> <span>Mauritania</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/cm/"><span class="flag-icon flag-icon-cm"></span> <span>Cameroun</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-td"></span> <span>Tchad</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ci"><span class="flag-icon flag-icon-ci"></span> <span>Côte d'Ivoire</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/bf"><span class="flag-icon flag-icon-bf"></span> <span>Burkina Faso</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/sn"><span class="flag-icon flag-icon-sn"></span> <span>Sénégal</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ml"><span class="flag-icon flag-icon-ml"></span> <span>Mali</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/rdc"><span class="flag-icon flag-icon-cd"></span> <span>DR Congo</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/rw"><span class="flag-icon flag-icon-rw"></span> <span>Rwanda</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/tz"><span class="flag-icon flag-icon-tz"></span> <span>Tanzania</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-mw"></span> <span>Malaŵi</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-mu"></span> <span>Mauritius</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-sl"></span> <span>Sierra Leone</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/za"><span class="flag-icon flag-icon-za"></span> <span>South Africa</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/home/"><span class="flag-icon flag-icon-lr"></span> <span>Liberia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/gh"><span class="flag-icon flag-icon-gh"></span> <span>Ghana</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ke"><span class="flag-icon flag-icon-ke"></span> <span>Kenya</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/nga"><span class="flag-icon flag-icon-ng"></span> <span>Nigeria</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/tn"><span class="flag-icon flag-icon-tn"></span> <span>Tunisia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ly"><span class="flag-icon flag-icon-ly"></span> <span>Libya</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/eg"><span class="flag-icon flag-icon-eg"></span> <span>Egypt</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="1" /> <label for="continent-asia" class="continent-nav"> <figure class="continent asia"></figure> <h5>Asia</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"><a href="/kg"><span class="flag-icon flag-icon-kg"></span> <span>Кыргызстан</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/my"><span class="flag-icon flag-icon-my"></span> <span>Malaysia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/uz"><span class="flag-icon flag-icon-uz"></span> <span>Uzbekistan</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/iq"><span class="flag-icon flag-icon-iq"></span> <span>Iraq</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/vn"><span class="flag-icon flag-icon-vn"></span> <span>Vietnam</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/lk"><span class="flag-icon flag-icon-lk"></span> <span>Sri Lanka</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ph"><span class="flag-icon flag-icon-ph"></span> <span>Philippines</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/kh"><span class="flag-icon flag-icon-kh"></span> <span>Cambodia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/jo"><span class="flag-icon flag-icon-jo"></span> <span>الأردن</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/lb"><span class="flag-icon flag-icon-lb"></span> <span>لبنان</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/kz"><span class="flag-icon flag-icon-kz"></span> <span>Kazakhstan</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/mm"><span class="flag-icon flag-icon-mm"></span> <span>Myanmar</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/sa-en"><span class="flag-icon flag-icon-sa"></span> <span>السعودية</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ae"><span class="flag-icon flag-icon-ae"></span> <span>UAE</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/th"><span class="flag-icon flag-icon-th"></span> <span>ประเทศไทย</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/bd/"><span class="flag-icon flag-icon-bd"></span> <span>Bangladesh</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/id"><span class="flag-icon flag-icon-id"></span> <span>Indonesia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/pak"><span class="flag-icon flag-icon-pk"></span> <span>Pakistan</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="https://www.tecno-mobile.in"><span class="flag-icon flag-icon-in"></span> <span>भारत</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/np"><span class="flag-icon flag-icon-np"></span> <span>Nepal</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="2" /> <label for="continent-southamerica" class="continent-nav"> <figure class="continent southamerica"></figure> <h5>South America</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"><a href="/ar"><span class="flag-icon flag-icon-ar"></span> <span>Argentina</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ec"><span class="flag-icon flag-icon-ec"></span> <span>Ecuador</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/br"><span class="flag-icon flag-icon-br"></span> <span>Brazil</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/bo"><span class="flag-icon flag-icon-bo"></span> <span>Bolivia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/pe"><span class="flag-icon flag-icon-pe"></span> <span>Perú</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/co/"><span class="flag-icon flag-icon-co"></span> <span>Colombia</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/latam/"><span class="iconfont icon-global"></span> <span>Latam</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="3" /> <label for="continent-northamerica" class="continent-nav"> <figure class="continent northamerica"></figure> <h5>North America</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"><a href="/mx"><span class="flag-icon flag-icon-mx"></span> <span>Mexico</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/gua"><span class="flag-icon flag-icon-gua"></span> <span>Guatemala</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/hon"><span class="flag-icon flag-icon-hn"></span> <span>Honduras</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/dr"><span class="flag-icon flag-icon-do"></span> <span>Dominican</span></a></li> </ul> <input type="radio" name="continent" class="continent-state" value="4" /> <label for="continent-europe" class="continent-nav"> <figure class="continent europe"></figure> <h5>Europe</h5></label> <ul class="list-unstyled row continent-countries"> <li class="col-12 col-lg-3 country-link"> <a href="/gr/home/"> <span class="flag-icon flag-icon-gr"></span> <span>Greece</span> </a> </li> <li class="col-12 col-lg-3 country-link"><a href="/hu"><span class="flag-icon flag-icon-hu"></span> <span>Magyarország</span></a></li> <li class="col-12 col-lg-3 country-link"><a href="/ro"><span class="flag-icon flag-icon-ro"></span> <span>Romania</span></a></li> <li class="col-12 col-lg-3 country-link"> <a href="/pl/"> <span class="flag-icon flag-icon-pl"></span> <span>Polska</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/bg/"> <span class="flag-icon flag-icon-bg"></span> <span>България</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/cz"> <span class="flag-icon flag-icon-cz"></span> <span>Česko</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/rs"> <span class="flag-icon flag-icon-rs"></span> <span>Република Србија</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="https://turkiye.tecno-mobile.com/home//"> <span class="flag-icon flag-icon-tr"></span> <span>Türkiye</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="http://ua.tecno-mobile.com"> <span class="flag-icon flag-icon-ua"></span> <span>Україна</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="http://ru.tecno-mobile.com"> <span class="flag-icon flag-icon-ru"></span> <span>Россия</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/si"> <span class="flag-icon flag-icon-si"></span> <span>Slovenija</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/mk"> <span class="flag-icon flag-icon-mk"></span> <span>North Macedonia</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/al"> <span class="flag-icon flag-icon-al"></span> <span>Albania</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/es"> <span class="flag-icon flag-icon-es"></span> <span>Spain</span> </a> </li> <li class="col-12 col-lg-3 country-link"> <a href="/fr"> <span class="flag-icon flag-icon-fr"></span> <span>France </span> </a> </li> </ul> </section> <footer class="modal-footer search-modal-footer justify-content-center"> <a href="/home/" class="d-inline-block global-link"><span class="iconfont icon-global"></span> <h4 class="d-inline-block">Global Home</h4></a> </footer> </div> </div> </section> </div> <style> #backtotop{ display: none !important; } #goTop svg{ display: flex; height: 100%; margin: auto; } @media(min-width: 1280px){ #goTop{ width: 2.222vw; height: 2.222vw; border-radius: 2.778vw; position: fixed; bottom: 2.292vw; right: 1.667vw; background: rgba(255,255,255,1); z-index: 999; display: none; align-items: center; justify-content: center; } #goTop:hover>svg path{ stroke: #0064fe; } } @media(max-width: 1280px){ #goTop{ position: fixed; bottom: 50px; height: 40px; right: 10px; width: 40px; z-index: 99; display: none; align-items: center; justify-content: center; background: rgba(255,255,255,1); border-radius: 50%; } } #newNav { z-index: 99 !important; } #newNav,#topNav { /*background: rgba(255, 255, 255, .75);*/ } #newNav .drop_down{ background: #fff; } #topNav .container { margin: auto; } /*<!-- about-us -->*/ .x_about_banner .x_fidetwobox .x_fidetwo div p { text-align: justify; } /*<!-- about-us end -->*/ /* .country-box{ display: none; } */ #country-change-modal{ -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .country-box-active{ transition: -webkit-transform .6s linear; transition: transform .6s linear; transition: transform .6s linear, -webkit-transform .6s linear; -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; } .beginclass{ padding: 1.25em 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; min-height: 145px; height: auto!important; } .beginclass a{ -webkit-transform: translateZ(0)!important; transform: translateZ(0)!important; } .beginafrica .africa{ background-position: -133px -91px!important; } .beginafrica:after { border-bottom-color: #0074c8!important; } .country-change{ overflow-y: auto; } .country-change-selector{ margin-left: 2.5rem; font-size: .75rem; display: inline-block; cursor: pointer; } .country-change-selector .flag-icon{ margin-right: 8px; } .filter-options .filter-options-list a.active { color: #0074c8!important; } .filter-options .filter-options-list a{ color: #666!important; } .accordion-toggle-one:after{ content:''!important; } .accordion-toggle-one.active, .btn-outline-primary{ color: #0074c8!important; } .opacitystyle{ opacity: 0!important; } .opacitystyle1{ opacity: 1!important; } .two-line{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .sticky.is-sticky{ z-index: 10; } .navbar-toggleable-lg{ padding: 0 0 1.05rem 0; } .sticky.on-top{ z-index: 10; } .search-result-teaser p,.news-overview .news-subtitle{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .country-change-selector{ margin-left: 2.5rem; font-size: .75rem; display: inline-block; cursor: pointer; } .phoneBtn span.TechSpecs{ cursor: pointer; } .flag-icon-id{ margin-right: 8px; } .newdetail h3{ margin-top: 10px; font-weight: bold; } .container .row .hios-hero, h1 { font-weight: 400; } *, :after, :before { box-sizing: border-box; } .product-tile .tile-title { margin-bottom: 0.8375rem; margin-top: 0.5rem; } @media (min-width: 1200px){ [dir=rtl] .navbar-toggleable-lg .navbar-nav{ margin-right: auto; margin-left: auto; } } .loading-txt{ width: 100%; text-align: center; display: block; color: #999; } /* .modal-content .modal-body, .modal-content .modal-footer, .modal-content .modal-header { margin: 0 auto; max-width: 900px; width: 100%; display: flex; justify-content: center; } */ .country-change-selector,footer.global-footer .legal-copyright { margin-left: 0; } .pc-care-top{ padding-top: 68px; } @media (max-width: 767px) { footer.global-footer .directory-footer .slogan-col { bottom: -18.125rem; } .nav_right .buy-btn-id{ margin-right: 0; line-height: 2.3611vw; } } /* @media (max-width: 700px) { .care-top{ padding-top:30pt!important; } } /* @media (min-width: 700px) { .card-bottom{ margin-top: 20pt!important; } .care-top{ padding-top: 50pt!important; } } */ .buy-btn-id .nav-btn{ display: block; margin-right: 0; line-height: 34px; color: white!important; background: #287DFF; padding: 0 17.75px; border-radius: 4.05px; cursor: pointer } /*.sticky-nav .sticky-container{*/ /* align-items: center;*/ /*}*/ /* .buy-btn-id .nav-btn:hover{ color:#fff!important; } */ @keyframes dots { 0 { width: 0 } to { width: 100% } } @media screen and (max-width: 1440px) and (min-width: 1081px){ .buy-btn-id{ /* display: none; */ height: 2.3611vw; } .nav_right .buy-btn-id{ margin-right: 0; line-height: 2.3611vw; } } .buy-btn-id{ /* display: none; */ height: 34px; } </style> <script> $("#goTop").length && $("#goTop").click(function() { return $("body,html").animate({ scrollTop: 0 }, 500) }), $(window).scroll(function() { $(window).scrollTop() > window.innerHeight ? $("#goTop").fadeIn(500) : $("#goTop").fadeOut(500) }) </script> <style> @media (max-width: 1080px) { .sticky-nav .sticky-nav-action { padding-bottom: 0px !important; } .sticky-nav .sticky-nav-action h1{ margin-bottom: 0 !important; } .navbar-toggleable-lg { padding: 1.05rem 0 !important; } } </style> <!--详情页nav标签--> <script> $('.point-item').click(function (){ $(this).addClass('active').siblings().removeClass('active') }) $('.nav_name').click(function (){ $(this).toggleClass('icon_rotate') $('.drop_down').toggleClass('drop_down_active') }) //详情页下滑显示nav标签不显示header if($("#newNav").length>0){ console.log('新二级导航') $('.HomePage').css('position','relative') } <!--詳情頁購買按鈕js--> $('.showBuyMask').click(()=>{ $('.buy_mask').css({ 'display':'flex' }) $('body').css({ 'overflow':'hidden' }) }) $('.buy_mask .close').click(()=>{ $('.buy_mask').css({ 'display':'none' }) $('body').css({ 'overflow':'auto' }) }) if($('.drop_down > p a').length>1){ $('.navIcon').show() }else { $('.navIcon').hide() } </script> <script> setTimeout(()=>{ let timestamp = $.now() let date = new Date(timestamp) let year = date.getFullYear() //当前年份 var footerTime = [];//定义数组 $('.legal-copyright').each(function () { footerTime.push($(this).html()) }); footerTime.map(i =>{ var start var end if(i.split(' TECNO Mobile')[0].indexOf('-') != '-1'){ start = i.split('-')[0] end = i.split('-')[1].replace(i.split('-')[1].slice(0,4),year) $('.legal-copyright').text(start+'-'+end) }else { start = i.split('-')[0].replace(i.split('-')[0].slice(0,5),"©"+year) $('.legal-copyright').text(start) } }) },1000) $('video').each(function () { $(this).attr('x5-video-player-fullscreen', true); $(this).attr('x5-playsinline',''); $(this).attr('preload',''); $(this).attr('playsinline',''); $(this).attr('webkit-playsinline',''); }); </script> <style> @font-face { font-display: swap; font-family: HurmeGeometricSans_No3_4_Regular; src: url(https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_4_Regular_new.otf) } body { font-family: 'HurmeGeometricSans_No3_4_Regular'!important } .flag-icon-gua{ background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/gua.png"); } #newNav{ z-index: 9; } </style> <!--pc footer start--> <footer class="fot-pc" id="footer" style="background-color: #ececec;"> <div class="footer-top width-1440"> <ul class="wrap"> <p class="wrap-title">About TECNO</p> <div> <a href="/et-en/about-us/">About Us</a> <a href="/et-en/news/">News</a> <a href="/et-en/contact-us/">Contact Us</a> </div> </ul> <ul class="wrap"> <p class="wrap-title">Products</p> <div> <a href="/et-en/phones/product-list/#new-phantom" target="_blank">PHANTOM</a> <a href="/et-en/phones/product-list/#new-camon" target="_blank">CAMON</a> <a href="/et-en/phones/product-list/#new-pova" target="_blank">POVA</a> <a href="/et-en/phones/product-list/#new-spark" target="_blank">SPARK</a> <a href="/et-en/phones/product-list/#new-pop" target="_blank">POP</a> </div> </ul> <ul class="wrap"> <p class="wrap-title">Support</p> <div> <a href="/et-en/faq/">FAQ</a> <a href="/et-en/download/">Downloads</a> <a href="/et-en/carlcare/">Carlcare</a> <a href="/et-en/warranty/">Warranty Check</a> <a href="https://security.tecno.com/dashboard">Security Response Center</a> <a href="/et-en/declaration/">Eu Declaration Of Conformity</a> </div> </ul> <ul class="wrap"> <p class="wrap-title">Apps & Services</p> <div> <a href="/et-en/hios/">HiOS</a> <a href="https://www.boomplaymusic.com">Boomplay Music</a> <a href="https://www.vskit.tv">Vskit</a> </div> </ul> <ul class="wrap"> <a class="logo" href="/et-en/home/"> <img src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg"> </a> <p class="footer-icon-list"> <a href="https://www.facebook.com/TECNOMobileEthiopia" class="faceBook"></a> <!-- <a href="https://twitter.com/tecnomobile" class="twitter"></a>--> <a href="https://www.instagram.com/tecnomobileethiopia/" class="instagram"></a> </p> </ul> </div> <div class="footer-bottom width-1440"> <div class="footer-bot-left"> <ul class="footer-bot-left-item"> <a href="/et-en/privacy-policy/">Privacy Policy</a> <a href="/et-en/terms-of-use/">Terms of Use</a> <a href="/et-en/site-map/">Site Map</a> </ul> <a class="Global-link clickGlobal" style="cursor: pointer;"> <span class="nationIcon flag-icon-et"></span> <!-- <a href="/et-en/">Ethiopia English</a><span style="margin: 0 10px">|</span><a href="/et/" style="color:#666">ኢትዮጵያ</a>--> Ethiopia English </a> <div class="legal-copyright">©2018-2023 TECNO Mobile</div> </div> </div> </footer> <!--pc footer end--> <!--mobile footer start--> <footer class="fot-m" id="footer-m" style="background: #ececec"> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> About TECNO </p> <div class="fot-m-wrap-list"> <a href="/et-en/about-us/">About Us</a> <a href="/et-en/news/">News</a> <a href="/et-en/contact-us/">Contact Us</a> </div> </div> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> Products </p> <div class="fot-m-wrap-list"> <a href="/et-en/phones/product-list/#new-phantom" target="_blank">PHANTOM</a> <a href="/et-en/phones/product-list/#new-camon" target="_blank">CAMON</a> <a href="/et-en/phones/product-list/#new-pova" target="_blank">POVA</a> <a href="/et-en/phones/product-list/#new-spark" target="_blank">SPARK</a> <a href="/et-en/phones/product-list/#new-pop" target="_blank">POP</a> </div> </div> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> Support </p> <div class="fot-m-wrap-list"> <a href="/et-en/faq/">FAQ</a> <a href="/et-en/download/">Downloads</a> <a href="/et-en/carlcare/">Carlcare</a> <a href="/et-en/warranty/">Warranty Check</a> <a href="https://security.tecno.com/dashboard">Security Response Center</a> <a href="/et-en/declaration/">Eu Declaration Of Conformity</a> </div> </div> <div class="fot-m-wrap"> <p class="fot-m-wrap-title"> Apps & Services </p> <div class="fot-m-wrap-list"> <a href="/et-en/hios/">HiOS</a> <a href="https://www.boomplaymusic.com">Boomplay Music</a> <a href="https://www.vskit.tv">Vskit</a> </div> </div> <a class="m-a-wrap" href="/et-en/privacy-policy/">Privacy Policy</a> <a class="m-a-wrap" href="/et-en/terms-of-use/">Terms of Use</a> <a class="m-a-wrap" href="/et-en/site-map/">Site Map</a> <span class="m-a-wrap-global clickGlobal"> <p style="margin-bottom: 0"> <!-- <a href="/et-en/">Ethiopia English</a><span style="margin: 0 10px">|</span><a href="/et/" style="color:#666">ኢትዮጵያ</a>--> Ethiopia English </p> <span class="nationIcon flag-icon-et"></span> </span> <div class="fot-m-logo"> <a class="logo" href="/et-en/home/"> <img src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/headerLogo/logo.svg"> </a> <p class="footer-icon-list"> <a href="https://www.facebook.com/TECNOMobileEthiopia" class="faceBook"></a> <!-- <a href="https://twitter.com/tecnomobile" class="twitter"></a>--> <a href="https://www.instagram.com/tecnomobileethiopia/" class="instagram"></a> </p> </div> <div class="legal-copyright">©2018-2023 TECNO Mobile</div> </footer> <!--mobile footer end--> <style> #footer .footer-icon-list{ margin: unset; } /*添加切换语言按钮*/ .change-language-panel{ position: fixed; top: 65%; z-index: 9999; left: 50%; transform: translateX(-50%); opacity: 0.93; } .change-language{ width: 100%; height: 80px; background: #f5f5f5; /*border-radius: 5px;*/ font-size: 1.1rem; display: flex; align-items: center; position: relative; font-weight: bold; box-shadow: 0 0 5px #ccc; } .change-language .title{ margin-left: 25px; } .button-list{ display: flex; justify-content: flex-end; flex: 1; margin-right: 50px; } .change-language .button{ width: 240px; height: 45px; border: 1px solid #ccc; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: #F9F4F1; color: #000; } .change-language .button:nth-child(even) { margin: 0 10px; } .button-list .button:hover, .button-list .button.active{ color: #fff; background: #0074C7; } .close-language{ position: absolute; right: 10px; top: 10px; } .close-language .icon-close{ color: #000; font-weight: bold; } .language-panel{ display: flex; } .footer-change{ font-size: 0.75rem; } .footer-change a{ color: #000; } .footer-change a:hover ,.footer-change .active{ color: #0096ff; } @media (max-width: 767px) { footer.global-footer .country-selector-link{ display: inline-block; } } @media (max-width: 991px) { .change-language{ font-size: 0.8rem; } .change-language .button{ width: 150px; } .close-language{ top: 5px; } .change-language-panel.container{ width: 80% !important; } .change-language{ padding-top: 10px; } .button-list{ margin-right: 17px; } } @media (max-width: 575px) { .close-language{ top: 10px; } .change-language{ padding-top: 0; } .change-language-panel.container{ width: 100% !important; } .change-language{ flex-direction: column; height: 85px; } .change-language .title{ margin: 8px 3% 0; text-align: left; width: 94%; } .change-language .button-list{ margin: 10px 3%; justify-content: space-between; width: 94%; } .change-language .button{ width: 47%; height: 35px; } .change-language .button:nth-child(even){ margin: 0; } } </style> <!--详情页nav标签--> <style> #newNav{ z-index: 9; } </style> <script src="https://d13pvy8xd75yde.cloudfront.net/static/new-js/main-min.js" type="text/javascript"></script> <script src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/js/slick-swiper-gsap-ScrollTrigger-blazy.min.js"></script> <script src="https://d13pvy8xd75yde.cloudfront.net/global/homepage/new_global/js/current-min.js"></script> <script src="/newfileadmin/newglobapage/js/global.js"></script> <script src="/utils/new/new.js" type="text/javascript"></script> <script src="https://d13pvy8xd75yde.cloudfront.net/templates/js/changeLanuge.js" type="text/javascript"></script> </body> </html>