div { z-index: -1; } .sect10 .img { position: relative; } .sect10 .img span { display: block; position: absolute; top: 0; bottom: 0; z-index: 1; background: #fff; transition: all 1s ease; } .sect10 .img .span1 { left: 0; right: 80%; } .sect10.active .img .span1 { right: 100%; } .sect10 .img .span2 { left: 80%; right: 0; } .sect10.active .img .span2 { left: 100%; } .sect11 .more { margin-top: 10px; } .sect11 .more a { color: #000; display: inline-block; font-size: 1.2em; padding: .2em 1em; border-radius: 10px; border: 1px solid #000; } .sect12 { background: #f9f9f9; padding-top: 50px; } .sect12 .param { max-width: 900px; margin: 0 auto 0 !important; } .sect13 { padding: 50px 0; } .sect13 .title { text-align: center; } .sect14 { background: #000; padding: 50px 0; color: #fff; } .sect14 .param { text-align: center; margin: 20px 0; } .sect14 .param-item { margin-bottom: 10px; } .sect14 .param-item:last-child p { text-align: left; } .sect14 .param p {} .sect14 .param img { display: inline-block; } .sect14 .img { position: relative; } .sect14 .img:before { position: absolute; top: 0; bottom: 60%; left: 0; right: 0; z-index: 1; content: ""; background: linear-gradient(to bottom, rgba(0,0,0,1),transparent); } .sect15 { background: #000; color: #fff; } .sect15 .sect-bd { position: relative; } .sect15 .box { position: absolute; top: auto; bottom: 0; left: 0; right: 0; z-index: 1; margin: 0; align-items: center; } .sect15 .box .box-item { padding: 0 5px; } .sect15 .box .band { background: #fff; color: #000; text-align: left; margin: 0; } .sect15 .box .band-item { padding: 5px; font-size: 8px; } .sect15 .box .band-item1 { background: #cb2626; color: #fff; text-align: center; } .sect16 { background: #212121; color: #fff; padding: 50px 0; } .sect16 .sect-bd { position: relative; } .sect16 .img { position: absolute; top: 22.5%; bottom: 33.33%; left: 22%; right: 45%; z-index: 1; } .sect16 .img img { width: 100%; height: 100%; } .sect17 { background: url("https://cdn.shopifycdn.net/s/files/1/0564/9652/1403/files/sect17_1_9a483a74-2e54-4804-b71d-41fcc9a94090.jpg?v=1621582830") center center no-repeat; background-size: cover; padding: 50px 0; } .sect18 { padding: 50px 0 0; background: #000; color: #fff; } .sect18 .sect-bd { position: relative; } .sect18 .img { position: absolute; top: 10%; bottom: 0; left: auto; right: 0; z-index: 1; } .sect18 .img img { max-height: 100%; width: auto !important; margin-right: 0; } .sect19 { padding: 50px 0 0; } .sect19 .title { text-align: center; margin-bottom: 1em !important; } .sect20 { padding: 50px 0; background: #000; color: #fff; } /* ??? */ @media screen and (max-width: 1800px) {} @media screen and (max-width: 1500px) {} @media screen and (max-width: 1199.98px) {} @media screen and (min-width: 768px) and (max-width: 1198.98px) {} @media screen and (min-width: 768px) and (max-width: 991.98px) {} @media screen and (max-width: 767.98px) { .sect2 .item p { font-size: 8px; } .sect6 .box { position: absolute; top: 50%; bottom: auto; left: 50%; right: auto; z-index: 1; padding: 0; transform: translateY(-50%); text-align: left; } .sect6 .param .param-wrap .p2, .sect6 .p1 { font-size: 1em; } .sect7 .param .item .icon span { width: 80%; } } @media screen and (max-width: 575.98px) { .sect .sect-hd { margin-bottom: 2em; } .sect .text { font-size: 1.2em; opacity: .8; } .sect17 { padding: 50px 0 0; } .sect17 .sect-hd { margin-top: 20px; } } @media screen and (max-width: 376px) { .sect5 .sect-bd .p { font-size: 6px; } } @media screen and (max-width: 321px) {} @media screen and (min-width: 576px) { .param-c .icon img { max-width: 70px; } .sect .title .span1 { display: block; } .sect15 .box .icon img { margin-right: 0; } .sect17 .wrap { align-items: center; } .sect17 .sect-hd { margin-bottom: 0 !important; } } @media screen and (min-width: 768px) { .sect1 .sect-hd { padding: 0; margin-bottom: 0 !important; align-items: center; } .sect1 .param .icon img { max-width: 50px; } .sect.sect5 .sect-hd { padding-top: 50px; } .sect5 .sect-hd .title { text-align: center; } .sect5 .sect-bd .p { bottom: 58%; right: 49%; font-size: 14px; padding-bottom: 14px; } .sect5 .sect-bd .p2 { bottom: 44%; } .sect5 .sect-bd .p3 { bottom: 27%; } .sect5 .sect-bd .p4 { bottom: 16%; right: 39%; } .sect6 .p1 { position: absolute; top: 10px; bottom: auto; left: 15px; right: 15px; padding: 0; z-index: 1; } .sect6 .param { position: absolute; top: 50%; bottom: auto; left: 58%; right: auto; padding: 0; z-index: 1; transform: translateY(-50%); text-align: left; } .sect7 .param { position: absolute; top: 10%; bottom: auto; z-index: 1; padding: 0; } .sect7 .param1 { left: 15px; right: auto; } .sect7 .param2 { left: auto; right: 15px; } .sect9 .img img:hover { transform: translate3d(30%,0,0) scale(1.8,1.8); } .sect11 .more a { font-size: 2em; } .sect5 .sect-hd, .sect14 .sect-hd, .sect15 .sect-hd, .sect16 .sect-hd { margin-bottom: 0!important; } .sect16 .img { bottom: 31.72%; left: 27%; right: 46.04%; } .sect19 .title { margin-bottom: 2em; } } @media screen and (min-width: 992px) { .param-c .param-item { margin-bottom: 20px; } .sect .title { font-size: 2.5em; margin: .3em 0; } .sect5 .sect-bd .p { left: 10%; font-size: 16px; } .sect11 .sect-hd { position: absolute; top: 5%; bottom: auto; left: 10px; right: 10px; z-index: 1; } .sect14 .param { align-items: center; } .sect14 .param .param-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .sect15 .sect-hd { position: absolute; top: 5%; bottom: auto; left: 10px; right: 10px; z-index: 1; } .sect15 .box .band-item1 { font-size: 4em; } .sect16 .param .param-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .sect18 { background: transparent; padding: 0; } .sect18 .sect-hd { position: absolute; top: 50%; bottom: auto; left: 5%; right: 52%; z-index: 1; padding: 0 !important; margin: 0 !important; transform: translateY(-50%); } .sect18 .param { max-width: 500px; } } @media screen and (min-width: 1200px) { .sect .text { font-size: 1.8em; } .param-c .icon img { max-width: 90px !important; } .param-c p { font-size: 1.4em; } .sect1 .sect-hd { max-width: 100% !important; } .sect1 .param { margin-top: 50px; } .sect5 .sect-hd .title { text-align: left; } .sect5 .sect-bd .p { left: 13%; font-size: 20px; } .sect6 .p1 { top: 30px; } .sect6 .more { max-width: 960px; margin: 20px auto 0; } .sect7 .param { width: 420px; } .sect7 .param .p1 { font-size: 2em; } .sect7 .param .p2 { font-size: 1.6em; } .sect7 .param .p3 { font-size: 1.4em; } .sect.sect8 .text { font-size: 2.5em; } .sect15 .box .band { max-width: 300px; } /*.sect20 .sect-bd { max-width: 960px; margin: 0 auto; }*/ }" />
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Note: This phone CAN NOT work with U.S. carrier Verizon Wireless. If you have any questions about the mobile phone, please feel free to contact us. Indestructible Super Camera Rugged Phone Sony® 48MP Camera MediaTek Helio P90 AI Processor IP68&IP69K&MIL-STD-810G Can Withstand -30? Tri-Proof, Indestructible Smartphone Ever! Sony® 48MP Ultra-clear Camera 16MP Ultra-wide Angle Camera MediaTek Helio P90 AI Processor 8GB + 256GB, UFS 2.1 IP68 & IP69K & MIL-STD-810G Operating Temperature: -30? to 55? 5.84" FHD+ Waterdrop Screen Corning Gorilla Glass 5 4380mAh Big Battery 18W Wired & 10W Wireless Charge Heart Rate Monitor & Barometer Hygrometer & UV Meter Global LTE Bands & Dual 4G VoLTE Support 38 Global Bands Android 9 Pie NFC & Google Pay Tri-Proof, the Most Indestructible Smartphone Ever! The BV9900 is the ultra-rugged, ultra-reliable smartphone built for intensive outdoor use and most hazardous environments. It’s exceptionally resistant to damage from dropping, water immersion and flushing, shock and impact. IP68&IP69K&MIL-STD-810G Waterproof up to 1.5m in Depth for 30 Minutes Drop-proof up to 1.5m Heights Fully Dust-proof Introducing IceMode A Big Step Forward in Cold Resistance Thanks to our latest innovation, a rugged smartphone can survive even more extreme temperatures. The Blackview BV9900 smartphone can still perform 4 basic phone functions when the temperature as low as -30?. We set a new cold resistance standard for the rugged smartphone industry. Can withstand -30? -30? to 55? Operating Temperature When the temperature decreases to -15?, the user will be notified of starting the IceMode so you can still use Phone, Message, Contacts, Camera 4 basic phone functions at the low temperature of -15? to -30?. AI Master MediaTek Helio P90 8GB RAM 256GB ROM We apply one of the most powerful AI powerhouses - MediaTek Helio P90 - to the high-performance BV9900. With 8GB of LPDDR4X RAM and 256GB of UFS2.1 storage, the Blackview BV9900 enables you to handle multiple tasks at the same time and switch seamlessly between applications. LPDDR4X Dual Channel Memory 14% Higher Efficiency 15% Improved Peak Performance *Compared LPPRD4X with LPDDR4 UFS 2.1 High-Speed Flash Memory 63.66% Improved Continuous Read Performance 26.64% Improved Random Writing Performance *Compared UFS 2.1 with eMMC 48MP AI Quad Camera Unleash Your Creativity Blackview BV9900's pro-grade AI quad camera system helps you capture incredible moments. This powerful camera system includes a 48MP Sony® IMX582 main camera, 16MP ultra-wide angle lens, 2MP macro lens and 5MP depth lens, helping you unleash your creativity in photography. 120° Ultra-wide Angle Camera, 16MP Sony® 48MP Ultra-clear Camera Depth Camera, 5MP Macro Camera, 2MP 48MP Ultra Clarity Capture Every Detail The Sony® 48MP ultra clarity camera delivers super high resolution, and together with top-notch Helio P90 AI algorithms, every detail is captured with striking clarity even when shot from a distant or high vantage point. With 15 AI modes, it automatically adjusts the depth of field and color tone for awesome pictures. 120° Ultra-wide Angle Camera For a Bigger World Frame the beauty of natural landscapes from a greater perspective. Capture as wide as your eyes can see with 16MP 120° ultra-wide angle lens. Super Night Shot Mode Capture the Mysterious Night Powered by MediaTek Helio P90 AI-NR low-light photography, 1/2" big image sensor and F/1.79 large aperture, the BV9900 takes the night photography experience to a new level, bringing you clear and bright images even in poorly lit conditions. Underwater Camera Mode Explore the Amazing Underwater World The BV9900 can capture incredible underwater photography up to 1.5m in depth. Zero compromise on your outdoor entertainment. 16MP Selfie Camera Bring Out the Best in You Explore the new FaceCute, Portrait modes on the BV9900. The AI-driven 16MP front selfie camera offers bokeh effect and adjusts your skin tone based on the ambient light conditions to provide a high-quality selfie. You’ll be amazed at how great you look. FaceCute Portrait Face Unlock Shot on BV9900 Tough and Immersive FHD+ Waterdrop Screen Impress yourself with the artistic yet tough FHD+ waterdrop display. When you unlock the screen, you instantly enjoy the superior clarity and vivid colors. Protected by Corning® Gorilla® Glass 5, it resists daily drops and scratches. 5.84 inch Size 2280 x 1080 Resolutione 19:9 Ratio Corning® Gorilla® Glass 5 Damage Resistance Optical Clarity Touch Sensitivity Global LTE Bands & Dual 4G VoLTE Go-to Choice for Worldwide Travel The BV9900 supports 38 global bands. Regardless of the destination of your journey, you can connect to the local mobile networks with your BV9900 anywhere in the world. It also supports 4G VoLTE in both slots simultaneously - enjoy faster data transmission, lower power consumption and more reliable connection. 4G FDD-LTE Bands 1/2/3/4/5/7/8/12/13/17/18 /19/20/25/26/28A/28B/66 TDD-LTE Bands 34/38/39/40/41 4380mAh Big Battery Power You through One Day or More Easily Benefit from the chipset’s enhanced power efficiency and intelligent power management system, the 4380mAh big battery allows you to do more with a single charge. And you can enjoy the 18W wired & 10W wireless fast charge anytime, anywhere. 8H Video 8H Game 22H Music 28H Calling 528H Standby Extensive Abilities in a Slim Body The Blackview BV9900 provides a bunch of functions, including heart rate monitor with a dedicated chipset, barometer, hygrometer, ultraviolet intensity meter (UV meter), sound meter, quad navigation systems, etc. All of these functions can be completed in a 14.2mm slim body. Heart Rate Monitor Barometer Sound Meter UV Hygrometer Quad Navigation System NFC & Side Buttons The BV9900's multi-function NFC allows you to conveniently use Google pay, buy public transport tickets and share files with other smartphones. Google Pay Data-Transmission Blackview BV9900 comes with a side fingerprint sensor for quick unlock and a side assistant key that can be customized for 7 alternative function shortcuts or quickly opening a dedicated APP. Quickly Start the Functions Start Soundrecording Open Flashlight Screenshot Open Water Camera Open PTT Open SOS Open Game Mode Android 9 Pie No Ads & Bloatware The BV9900 runs the smoothest and fastest Android 9 pie, no ads and bloatware! Powered by artificial intelligence, it gives you more features than ever. Related Product:#slim rugged smartphone, #Android 12 phone, #smartphone thermal camera, #rugged smartphone 5g, #cheap rugged phone, #waterproof phone for swimming, #indestructible phone, #heavy duty cell phones, #phone for camping /* -- reset -- */ html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,textarea,menu{ margin:0; padding:0; } header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{ display: block; } table{ border-collapse: collapse; border-spacing:0; } caption,th{text-align: left; font-weight: normal; } em { font-style: normal;} li { list-style: none;} a, a:hover { text-decoration: none; } a,button{ cursor:pointer; } img { border: none; vertical-align: top; } input, textarea {outline: none; } textarea{ overflow: auto; resize: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: normal; line-height: 1.1; color: inherit; } /* -- reset end -- */ /* header */ .content .item img { position: relative; top: 0; left: 0; } .animated { transition: all 1s ease; filter: Alpha(opacity=0); opacity: 1; } .fadeSet { filter: Alpha(opacity=0); opacity: 1; transition: all 1s ease; } .fadeSet2 { filter: Alpha(opacity=0); opacity: 1; transition: all 2s ease; } .fadeSet6 { filter: Alpha(opacity=0); opacity: 1; transition: all 6s ease; } .fadeDownSet { filter: Alpha(opacity=0); opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); transition: all 1s ease; } .upSet { filter: Alpha(opacity=0); opacity: 1; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 1s ease; transition: all 2s ease; } .fallSet { filter: Alpha(opacity=0); opacity: 1; -webkit-transform: translateY(-50px); transform: translateY(-50px); transition: all 1s ease; } .leftSet { filter: Alpha(opacity=0); opacity: 1; -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 1s ease; transition: all 1s ease; } .rightSet { filter: Alpha(opacity=0); opacity: 1; -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 1s ease; transition: all 1s ease; } .scaleSet { filter: Alpha(opacity=0); opacity: 1; -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .rightUpSet { -webkit-transform: translate(50px,50px); transform: translate(50px,50px); -webkit-transition: all 1s ease; transition: all 1s ease; } .leftUpSet { -webkit-transform: translate(-50px,50px); transform: translate(-50px,50px); -webkit-transition: all 1s ease; transition: all 1s ease; } .leftDownSet { -webkit-transform: translate(-50px,-50px); transform: translate(-50px,-50px); -webkit-transition: all 1s ease; transition: all 1s ease; } .rightDownSet { -webkit-transform: translate(50px,-50px); transform: translate(50px,-50px); -webkit-transition: all 1s ease; transition: all 1s ease; } .upSet1 { -webkit-transform: translateY(800px); transform: translateY(800px); -webkit-transition: all 1s ease; transition: all 1s ease; } .upSet2 { -webkit-transform: translateY(300px); transform: translateY(300px); -webkit-transition: all 1s ease; transition: all 3s linear; } .text-shadow { text-shadow: 1px 1px 2px rgba(0,0,0,.4); } .delay0-5 { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .delay1 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .delay1-5 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .delay2 { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } .delay2-5 { -webkit-transition-delay: 2.5s; -moz-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; } .delay3 { -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } .active, .active .fadeDownSet, .active .upSet, .active .upSet1, .active .upSet2, .active .leftSet, .active .rightSet, .active .fallSet, .active .fadeSet, .active .rightUpSet, .active .animated { filter: Alpha(opacity=100) !important; opacity: 1 !important; -webkit-transform: rotate(0deg) translate3d(0,0,0) scale(1,1) !important; transform: rotate(0deg) translate3d(0,0,0) scale(1,1) !important; } .animated-hover { transition: all .6s ease-in-out; } .animated-hover:hover { transform: scale(1.1,1.1); } .param-c { margin: 16px 0; } .param-c .param-item { margin-bottom: 10px; } .param-c .icon img { max-width: 50px; } .param-c p { text-align: center; margin-top: 4px; font-size: 1em; line-height: 1.2em; } .d-sect { max-width: 1920px; margin: 0 auto; color: #000; text-align: left; background-color: #fff; } .sect { position: relative; font-size: 10px; text-align: left; overflow: hidden; } .sect img { display: block; max-width: 100%; margin: 0 auto; width: auto; position: relative; top: auto; left: auto; } .sect .wrap { position: relative; margin: 0 auto; } .sect .sect-hd { max-width: 960px; margin: 0 auto 3em; padding-left: 10px; padding-right: 10px; } .sect .title { position: relative; font-size: 1.8em; line-height: 1.2em; margin-bottom: 1em; } .sect .title .span1 { display: block; font-size: 1.1em; line-height: 1.2em; font-weight: bold; } .sect .text { font-size: 1.4em; line-height: 1.4em; margin: 0 auto; } .sect1 { text-align: center; } .sect1 .title { text-transform: uppercase; } .sect1 .img {} .sect1 .img img { max-width: 60%; } .sect1 .sect-hd { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .sect1 .icon1 img { max-width: 50%; margin-bottom: 10px; } .sect1 .param { margin-bottom: 0 !important; } .sect1 .param-item { margin-bottom: 10px; } .sect1 .param p {} .sect2 { text-align: center; padding: 50px 0 30px; } .sect2 .wrap {} .sect2 .title {} .sect2 .sect-bd { margin: 0 -5px; } .sect2 .item { margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } .sect2 .item .item-wrap { overflow: hidden; } .sect2 .item p { padding: 10px 4px; font-size: 10px; line-height: 1.4em; } .sect2 .item p .span1 { display: block; } .sect5 { background: #1b1b1b; color: #fff; } .sect.sect5 .sect-hd { padding: 30px 15px 0; } .sect5 .sect-bd { position: relative; } .sect5 .sect-bd .p { position: absolute; top: auto; bottom: 66%; left: 15px; right: 25%; z-index: 1; padding: 0 0 4px 0; border-bottom: 1px solid #fff; font-size: 8px; line-height: 1em; font-weight: 100; } .sect5 .sect-bd .p2 { bottom: 48%; } .sect5 .sect-bd .p3 { bottom: 25%; } .sect5 .sect-bd .p4 { bottom: 11%; right: 12%; border-right: 1px solid #fff; } .sect6 { padding: 50px 0; } .sect6 .sect-hd {} .sect6 .sect-bd { position: relative; } .sect6 .box { color: #fff; } .sect6 .p1 { font-size: 2em; line-height: 1.5em; padding: 0 10px; text-align: center; margin-bottom: 10px; } .sect6 .param { text-align: center; } .sect6 .param .top { font-size: 1.6em; line-height: 1em; margin: 16px 0; } .sect6 .param .top img { display: inline-block; margin-right: 10px; vertical-align: middle; } .sect6 .param .top span {} .sect6 .param .param-wrap { font-size: 1.4em; } .sect6 .param .param-wrap p { font-size: 1em; line-height: 1em; } .sect6 .param .param-wrap .p2 { font-size: 1.6em; margin-bottom: 10px; } .sect6 .more { font-size: 1em; line-height: 1.4em; margin-top: 10px; padding: 0 10px; } .sect7 { background: #000; color: #fff; } .sect7 .wrap .sect-hd { padding: 50px 10px 20px; margin-bottom: 0; max-width: 100%; } .sect7 .title .span1 { display: block; font-size: 1.6em; line-height: 1em; margin-top: .5em; } .sect7 .sect-bd { position: relative; } .sect7 .param { padding: 20px 10px; max-width: 420px; } .sect7 .param .p1 { font-size: 1.6em; line-height: 1.1em; margin-bottom: 1em; } .sect7 .param .p2 { font-size: 1.2em; line-height: 1em; margin-bottom: .5em; } .sect7 .param .p2 span { display: block; font-size: 2em; line-height: 1em; margin-bottom: 4px; } .sect7 .param .p3 { font-size: 1.2em; line-height: 1em; } .sect7 .param .item { margin: 20px 0; } .sect7 .param .item .icon {} .sect7 .param .item .icon span { display: block; height: 10px; width: 0; transition: all 1s ease; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .sect7 .param .item .icon .span1 { background: #fff; margin-bottom: 5px; } .sect7 .param .item .icon .span2 { background: #fff100; } .sect7.active .param .item .icon .span2 { width: 100%; } .sect7.active .param .item1 .icon .span1 { width: 77%; } .sect7.active .param1 .item2 .icon .span1 { width: 74%; } .sect7.active .param2 .item1 .icon .span1 { width: 51%; } .sect7.active .param2 .item2 .icon .span1 { width: 69%; } .sect8 { background: #e5e5e5; padding: 50px 0; } .sect8 .param { margin: 20px 0; text-align: center; } .sect8 .param-item { margin-bottom: 10px; padding: 0 4px; } .sect8 .img, .sect8 .img2 { margin: 0 auto; max-width: 1700px; } .sect8 .img2 { padding: 30px 7px 0; } .sect8 .img-item { margin: 0; padding: 0 4px; } .sect8 .more { margin-top: 30px; text-align: center; } .sect8 .more a { color: #000; background: #ffcd11; display: inline-block; font-size: 1.4em; padding: .3em 1em; } .sect9 { padding: 50px 0; } .sect9 .img { overflow: hidden; max-width: 1340px; margin: 0 auto; } .sect9 .img img { transition: all 1s ease; } .sect10 { padding: 0 0 50px; } .sect10 .wrap { max-width: 1340px; } .sect10 .box2 { margin-top: 50px; } .sect10 .sect-bd { position: relative; } .sect10 .img2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; background: url("https://cdn.shopifycdn.net/s/files/1/0564/9652/1403/files/sect10_2.jpg?v=1621582831") 0 0 no-repeat; background-size: auto 100%; transition: all 1s ease; border-right: 1px solid #aaa; } .sect10 .active2 .img2 { width: 50%; } .sect10 .drag { position: absolute; top: 0; bottom: 0; left: 100%; right: auto; z-index: 1; width: 60px; transition: all 1s ease; transform: translateX(-30px); } .sect10 .active2 .drag { left: 50%; transform: translateX(-50%); } .sect10 .drag .swiper-button-prev { left: auto; right: 30px; } .sect10 .drag .swiper-button-next { left: 30px;; right: auto; } .sect10 .drag > div { z-index: -1; } .sect10 .img { position: relative; } .sect10 .img span { display: block; position: absolute; top: 0; bottom: 0; z-index: 1; background: #fff; transition: all 1s ease; } .sect10 .img .span1 { left: 0; right: 80%; } .sect10.active .img .span1 { right: 100%; } .sect10 .img .span2 { left: 80%; right: 0; } .sect10.active .img .span2 { left: 100%; } .sect11 .more { margin-top: 10px; } .sect11 .more a { color: #000; display: inline-block; font-size: 1.2em; padding: .2em 1em; border-radius: 10px; border: 1px solid #000; } .sect12 { background: #f9f9f9; padding-top: 50px; } .sect12 .param { max-width: 900px; margin: 0 auto 0 !important; } .sect13 { padding: 50px 0; } .sect13 .title { text-align: center; } .sect14 { background: #000; padding: 50px 0; color: #fff; } .sect14 .param { text-align: center; margin: 20px 0; } .sect14 .param-item { margin-bottom: 10px; } .sect14 .param-item:last-child p { text-align: left; } .sect14 .param p {} .sect14 .param img { display: inline-block; } .sect14 .img { position: relative; } .sect14 .img:before { position: absolute; top: 0; bottom: 60%; left: 0; right: 0; z-index: 1; content: ""; background: linear-gradient(to bottom, rgba(0,0,0,1),transparent); } .sect15 { background: #000; color: #fff; } .sect15 .sect-bd { position: relative; } .sect15 .box { position: absolute; top: auto; bottom: 0; left: 0; right: 0; z-index: 1; margin: 0; align-items: center; } .sect15 .box .box-item { padding: 0 5px; } .sect15 .box .band { background: #fff; color: #000; text-align: left; margin: 0; } .sect15 .box .band-item { padding: 5px; font-size: 8px; } .sect15 .box .band-item1 { background: #cb2626; color: #fff; text-align: center; } .sect16 { background: #212121; color: #fff; padding: 50px 0; } .sect16 .sect-bd { position: relative; } .sect16 .img { position: absolute; top: 22.5%; bottom: 33.33%; left: 22%; right: 45%; z-index: 1; } .sect16 .img img { width: 100%; height: 100%; } .sect17 { background: url("https://cdn.shopifycdn.net/s/files/1/0564/9652/1403/files/sect17_1_9a483a74-2e54-4804-b71d-41fcc9a94090.jpg?v=1621582830") center center no-repeat; background-size: cover; padding: 50px 0; } .sect18 { padding: 50px 0 0; background: #000; color: #fff; } .sect18 .sect-bd { position: relative; } .sect18 .img { position: absolute; top: 10%; bottom: 0; left: auto; right: 0; z-index: 1; } .sect18 .img img { max-height: 100%; width: auto !important; margin-right: 0; } .sect19 { padding: 50px 0 0; } .sect19 .title { text-align: center; margin-bottom: 1em !important; } .sect20 { padding: 50px 0; background: #000; color: #fff; } /* ??? */ @media screen and (max-width: 1800px) {} @media screen and (max-width: 1500px) {} @media screen and (max-width: 1199.98px) {} @media screen and (min-width: 768px) and (max-width: 1198.98px) {} @media screen and (min-width: 768px) and (max-width: 991.98px) {} @media screen and (max-width: 767.98px) { .sect2 .item p { font-size: 8px; } .sect6 .box { position: absolute; top: 50%; bottom: auto; left: 50%; right: auto; z-index: 1; padding: 0; transform: translateY(-50%); text-align: left; } .sect6 .param .param-wrap .p2, .sect6 .p1 { font-size: 1em; } .sect7 .param .item .icon span { width: 80%; } } @media screen and (max-width: 575.98px) { .sect .sect-hd { margin-bottom: 2em; } .sect .text { font-size: 1.2em; opacity: .8; } .sect17 { padding: 50px 0 0; } .sect17 .sect-hd { margin-top: 20px; } } @media screen and (max-width: 376px) { .sect5 .sect-bd .p { font-size: 6px; } } @media screen and (max-width: 321px) {} @media screen and (min-width: 576px) { .param-c .icon img { max-width: 70px; } .sect .title .span1 { display: block; } .sect15 .box .icon img { margin-right: 0; } .sect17 .wrap { align-items: center; } .sect17 .sect-hd { margin-bottom: 0 !important; } } @media screen and (min-width: 768px) { .sect1 .sect-hd { padding: 0; margin-bottom: 0 !important; align-items: center; } .sect1 .param .icon img { max-width: 50px; } .sect.sect5 .sect-hd { padding-top: 50px; } .sect5 .sect-hd .title { text-align: center; } .sect5 .sect-bd .p { bottom: 58%; right: 49%; font-size: 14px; padding-bottom: 14px; } .sect5 .sect-bd .p2 { bottom: 44%; } .sect5 .sect-bd .p3 { bottom: 27%; } .sect5 .sect-bd .p4 { bottom: 16%; right: 39%; } .sect6 .p1 { position: absolute; top: 10px; bottom: auto; left: 15px; right: 15px; padding: 0; z-index: 1; } .sect6 .param { position: absolute; top: 50%; bottom: auto; left: 58%; right: auto; padding: 0; z-index: 1; transform: translateY(-50%); text-align: left; } .sect7 .param { position: absolute; top: 10%; bottom: auto; z-index: 1; padding: 0; } .sect7 .param1 { left: 15px; right: auto; } .sect7 .param2 { left: auto; right: 15px; } .sect9 .img img:hover { transform: translate3d(30%,0,0) scale(1.8,1.8); } .sect11 .more a { font-size: 2em; } .sect5 .sect-hd, .sect14 .sect-hd, .sect15 .sect-hd, .sect16 .sect-hd { margin-bottom: 0!important; } .sect16 .img { bottom: 31.72%; left: 27%; right: 46.04%; } .sect19 .title { margin-bottom: 2em; } } @media screen and (min-width: 992px) { .param-c .param-item { margin-bottom: 20px; } .sect .title { font-size: 2.5em; margin: .3em 0; } .sect5 .sect-bd .p { left: 10%; font-size: 16px; } .sect11 .sect-hd { position: absolute; top: 5%; bottom: auto; left: 10px; right: 10px; z-index: 1; } .sect14 .param { align-items: center; } .sect14 .param .param-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .sect15 .sect-hd { position: absolute; top: 5%; bottom: auto; left: 10px; right: 10px; z-index: 1; } .sect15 .box .band-item1 { font-size: 4em; } .sect16 .param .param-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .sect18 { background: transparent; padding: 0; } .sect18 .sect-hd { position: absolute; top: 50%; bottom: auto; left: 5%; right: 52%; z-index: 1; padding: 0 !important; margin: 0 !important; transform: translateY(-50%); } .sect18 .param { max-width: 500px; } } @media screen and (min-width: 1200px) { .sect .text { font-size: 1.8em; } .param-c .icon img { max-width: 90px !important; } .param-c p { font-size: 1.4em; } .sect1 .sect-hd { max-width: 100% !important; } .sect1 .param { margin-top: 50px; } .sect5 .sect-hd .title { text-align: left; } .sect5 .sect-bd .p { left: 13%; font-size: 20px; } .sect6 .p1 { top: 30px; } .sect6 .more { max-width: 960px; margin: 20px auto 0; } .sect7 .param { width: 420px; } .sect7 .param .p1 { font-size: 2em; } .sect7 .param .p2 { font-size: 1.6em; } .sect7 .param .p3 { font-size: 1.4em; } .sect.sect8 .text { font-size: 2.5em; } .sect15 .box .band { max-width: 300px; } /*.sect20 .sect-bd { max-width: 960px; margin: 0 auto; }*/ }