- 掃描 ID：
- 1a3b1526-8edb-462c-b3bd-8e35c4b589e4已完成
- 已提交的 URL：
- https://en.skywellev.com/
- 報告完成時間：
連結 · 找到 1 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://www.skyworthev.com/ | 中文 |
JavaScript 變數 · 找到 47 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| STATIC_URL | string |
| GLOBAL_URL | string |
| UPLOAD_URL | string |
| SITE_URL | string |
| $ | function |
| jQuery | function |
| html5 | object |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html><head>
<style>
#text .img100 {
transform: scale(1.05);
}
.show-mb {
display: none;
}
/* banner 指示器 */
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
display: flex !important;
justify-content: space-between !important;
}
.welcome-banner .swiper-pagination-bullets {
background: #000;
}
.wel-hd01 .swiper-pagination-bullet {
width: calc(25% - 3px) !important;
height: 8px !important;
}
.wel-hd01 .swiper-pagination-bullet {
background: #D8D8D8 !important;
}
.wel-hd01 .swiper-pagination-bullet:after {
background: #000 !important
}
.welcome-banner .m-banner-img {
display: none;
}
.welcome-banner .swiper-pagination-bullets span {
margin: 0 !important;
}
/* banner more */
.welcome-banner .smegma {
width: 100%;
height: calc(100% - 56px);
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, 0) 59%, #000000 100%);
position: absolute;
top: 48px;
left: 0;
}
.welcome-banner .welcome-banner-txts .font64 {
font-size: 54px;
text-align: center;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.25px;
color: #FFFFFF;
line-height: 64px;
font-weight: normal !important;
}
.welcome-banner .welcome-banner-txts .sub-title {
text-align: center;
font-size: 24px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #FFFFFF;
line-height: 32px;
margin-top: 2px;
}
.welcome-banner .welcome-banner-txts .item-more {
width: 140px;
height: 40px;
border-radius: 8px;
background: #fff;
cursor: pointer;
position: relative;
}
.welcome-banner .welcome-banner-txts .item-more a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
line-height: 20px;
}
.welcome-banner .welcome-banner-txts .item-more .left {
transition: all .3s ease;
}
.welcome-banner .welcome-banner-txts .item-more .right {
visibility: hidden;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
transition: all .4s ease;
}
.welcome-banner .welcome-banner-txts .item-more .right img {
display: block;
width: 20px;
height: 20px;
}
.welcome-banner .welcome-banner-txts .item-more:hover .left {
margin-right: 14px;
}
.welcome-banner .welcome-banner-txts .item-more:hover .right {
visibility: visible;
opacity: 1;
}
/* banner视频播放按钮 */
.play-btn {
width: 40px;
height: 22px;
background: #fff;
border-radius: 4px;
position: absolute;
left: 80px;
bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.play-btn:hover {
background: #F2F2F7;
}
.play-btn:active {
background: #E5E5EA;
}
.play-btn img {
display: block;
width: 16px;
height: 16px;
}
.play-btn .pause {
display: none;
}
/* 探索 */
.explore-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.explore-wrapper .explore-title {
font-size: 54px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
line-height: 64px;
text-align: center;
margin: 100px 0 40px;
}
/* tabs 组件 */
.explore-wrapper .vehicle-tabs-m {
display: none;
}
.explore-wrapper .vehicle-tabs {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 0 34px;
transition: all .2s ease;
}
.explore-wrapper .vehicle-tabs .vehicle-tabs-item {
height: 42px;
cursor: pointer;
border-bottom: 2px solid #D8D8D8;
padding: 0 20px;
}
.explore-wrapper .vehicle-tabs .vehicle-tabs-item span {
font-size: 16px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.1px;
color: #636366;
line-height: 42px;
}
.explore-wrapper .vehicle-tabs .vehicle-tabs-item:hover span {
color: #1D1D1F;
/* text-shadow: 0 0 .8px #000; */
}
.explore-wrapper .vehicle-tabs .vehicle-tabs-item:hover {
border-bottom: 2px solid #1D1D1F;
}
.explore-wrapper .vehicle-tabs .cur-tabs-item {
border-bottom: 2px solid #1D1D1F;
}
.explore-wrapper .vehicle-tabs .cur-tabs-item span {
color: #1D1D1F;
/* text-shadow: 0 0 .8px #000; */
}
/* 探索 内容组件 */
.explore-wrapper .explore-list {
display: none;
overflow-x: auto;
padding-left: 60px;
padding-right: 60px;
scroll-behavior: smooth;
}
.explore-wrapper .explore-list1 {
display: flex;
}
.explore-wrapper .explore-list::-webkit-scrollbar {
display: none;
}
.explore-wrapper .explore-list .explore-list-item {
display: flex;
flex: 0 0 608px;
width: 608px;
height: 338px;
margin-left: 20px;
color: #fff;
border-radius: 16px;
overflow: hidden;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic1 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/dc08dffb315744f79f9bd44917266714.png') no-repeat center/cover;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic2 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/745945a040aa4caaa600f3244f7f9d5c.png') no-repeat center/cover;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic3 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/18c84a0189084153a11bd92ef17840af.png') no-repeat center/cover;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic4 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/fe9aff1b0bf74a7f8207d5e13c942b57.png') no-repeat center/cover;
}
.explore-wrapper .explore-list-item .m-pic {
display: none;
}
.explore-wrapper .explore-list-item .item-left {
width: 338px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.explore-wrapper .explore-list-item .item-right {
flex: 1;
background: #837070;
padding-left: 24px;
}
.explore-wrapper .explore-list-item .item-right .item-title1 {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #FFFFFF;
line-height: 22px;
margin-top: 24px;
}
.explore-wrapper .explore-list-item .item-right .item-title2 {
font-size: 24px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #FFFFFF;
line-height: 32px;
margin: 15px 0 16px;
}
.explore-wrapper .explore-list-item .item-right .item-title3 {
width: 225px;
height: 72px;
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.05px;
color: #FFFFFF;
line-height: 18px;
}
.explore-wrapper .explore-list-item .item-right .item-title4 {
width: 225px;
height: 72px;
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
color: #FFFFFF;
line-height: 18px;
margin-top: 15px;
}
.explore-wrapper .explore-list-item .item-right .item-title5 {
font-size: 10px;
font-family: Montserrat-Regular, Montserrat;
color: #FFFFFF;
line-height: 18px;
}
.explore-wrapper .explore-list-item .item-right .item-more {
width: 127px;
height: 40px;
border-radius: 8px;
background: #fff;
margin-top: 6px;
cursor: pointer;
position: relative;
}
.explore-wrapper .explore-list-item .item-right .item-more a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #1D1D1F;
line-height: 14px;
}
.explore-wrapper .explore-list-item .item-right .item-more .left {
transition: all .3s ease;
}
.explore-wrapper .explore-list-item .item-right .item-more .right {
visibility: hidden;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 8px;
transition: all .4s ease;
}
.explore-wrapper .explore-list-item .item-right .item-more .right img {
display: block;
width: 20px;
height: 20px;
}
.explore-wrapper .explore-list-item .item-right .item-more:hover .left {
margin-right: 12px;
}
.explore-wrapper .explore-list-item .item-right .item-more:hover .right {
visibility: visible;
opacity: 1;
}
/* 探索 按钮组件 */
.explore-wrapper .explore-btn-wrapper {
display: none;
justify-content: center;
align-items: center;
margin: 60px 0 100px;
}
.explore-wrapper .explore-btn-wrapper1 {
display: flex;
}
.explore-wrapper .explore-btn-wrapper .explore-btn {
width: 48px;
height: 32px;
border-radius: 8px;
background: #1D1D1F;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.explore-wrapper .explore-btn-wrapper .explore-btn:hover {
background: #2C2C2E;
}
.explore-wrapper .explore-btn-wrapper .explore-btn:active {
background: #3A3A3C;
}
.explore-wrapper .explore-btn-wrapper .disabled {
background: #C7C7CC;
cursor: default;
}
.explore-wrapper .explore-btn-wrapper .disabled:hover {
background: #C7C7CC;
}
.explore-wrapper .explore-btn-wrapper .disabled:active {
background: #C7C7CC;
}
.explore-wrapper .explore-btn-wrapper .explore-btn img {
width: 20px;
height: 20px;
}
.explore-wrapper .explore-btn-wrapper .count-wrapper {
font-size: 20px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
line-height: 24px;
margin: 0 60px;
}
/* 第二个list */
.export2-wrapper {
height: 640px;
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/ac0ba61ee06a4ce1938912b7dfee3e94.png') no-repeat center/cover;
position: relative;
}
.export2-wrapper .export2-desc {
/* width: 411px; */
position: absolute;
top: 40%;
left: 62%;
transform: translateY(-50%);
}
.export2-wrapper .export2-desc .export2-desc-title1 {
letter-spacing: -0.3px;
font-size: 48px;
font-family: Montserrat-SemiBold, Montserrat;
color: #FFFFFF;
line-height: 64px;
}
.export2-wrapper .export2-desc .export2-desc-title2 {
letter-spacing: -0.16px;
font-size: 16px;
font-family: Montserrat-Regular, Montserrat;
color: #FFFFFF;
line-height: 28px;
margin-top: 32px;
}
/* 跳转按钮 */
.export2-wrapper .export2-desc .item-more {
width: 140px;
height: 40px;
border-radius: 8px;
background: #fff;
cursor: pointer;
position: relative;
margin-top: 60px;
}
.export2-wrapper .export2-desc .item-more a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 14px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
line-height: 20px;
}
.export2-wrapper .export2-desc .item-more .left {
transition: all .3s ease;
}
.export2-wrapper .export2-desc .item-more .right {
visibility: hidden;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
transition: all .4s ease;
}
.export2-wrapper .export2-desc .item-more .right img {
display: block;
width: 20px;
height: 20px;
}
.export2-wrapper .export2-desc .item-more:hover .left {
margin-right: 14px;
}
.export2-wrapper .export2-desc .item-more:hover .right {
visibility: visible;
opacity: 1;
}
.export2-wrapper .export2-desc .export2-desc-more {
width: 140px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
background: #fff;
margin-top: 120px;
padding: 8px 15px;
cursor: pointer;
position: relative;
}
.export2-wrapper .export2-desc .export2-desc-more span {}
.export2-wrapper .export2-desc .export2-desc-more .right {
visibility: hidden;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 28px;
}
.export2-wrapper .export2-desc .export2-desc-more .right img {
display: block;
width: 20px;
height: 20px;
}
.export2-wrapper .export2-desc .export2-desc-more:hover .right {
visibility: visible;
opacity: 1;
transition: all .6s ease;
}
/* visit */
.visit-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.mob-visit {
display: none;
}
.visit-wrapper .visit-us-title {
font-size: 54px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
line-height: 64px;
margin-top: 100px;
}
.visit-wrapper .visit-us-more {
display: flex;
justify-content: center;
margin: 60px 0 148px;
}
.visit-wrapper .visit-us-more>div {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
.visit-wrapper .visit-us-more img {
display: block;
width: 80px;
height: 80px;
margin: 0 20px;
cursor: pointer;
}
.visit-wrapper .visit-us-more img:hover {
transform: scale(1.08);
}
@media (max-width: 768px) {
.btn-play2 {
width: 60px !important;
}
.show-mb {
display: block;
}
}
@media (max-width: 1024px) {
.custom-swiper-btn {
display: none !important;
}
.welcome-banner,
.welcome-banner .swiper-wrapper,
.welcome-banner .swiper-slide {
height: 538px !important;
}
/* 轮播图点 */
.wel-hd01 .swiper-pagination-bullet {
width: calc(25% - 1px) !important;
}
/* banner more */
.welcome-banner .pc-banner-img {
display: none;
}
.welcome-banner .m-banner-img {
display: block;
}
.welcome-banner .welcome-banner-txts {
height: calc(100% - 56px) !important;
padding: 22px 0 24px !important;
top: 48px !important;
}
.welcome-banner .welcome-banner-txts .font64 {
text-align: center;
font-size: 28px !important;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #FFFFFF;
line-height: 40px;
}
.welcome-banner .welcome-banner-txts .sub-title {
font-size: 14px !important;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #FFFFFF;
line-height: 22px;
margin-top: 2px;
}
.welcome-banner .welcome-banner-txts .item-more {
width: 140px;
height: 40px;
}
.welcome-banner .welcome-banner-txts .item-more a {
font-size: 14px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
letter-spacing: -0.2px;
line-height: 14px;
}
.welcome-banner .welcome-banner-txts .item-more .right {
right: 14px;
}
.welcome-banner .welcome-banner-txts .item-more:hover .left {
/* 移动端取消hover效果 */
margin-right: 0;
}
.welcome-banner .welcome-banner-txts .item-more:hover .right {
visibility: visible;
opacity: 0;
}
.explore-wrapper .explore-list-item .item-right .item-more:hover .left {
margin-right: 0;
}
.explore-wrapper .explore-list-item .item-right .item-more:hover .right {
visibility: visible;
opacity: 0;
}
/* banner视频播放按钮 */
.play-btn {
width: 24px;
height: 24px;
left: 16px;
bottom: 38px;
}
.play-btn img {
display: block;
width: 16px;
height: 16px;
}
/* 探索 tabs 组件 */
.explore-wrapper .vehicle-tabs-pc {
display: none;
}
.explore-wrapper .vehicle-tabs-m {
display: flex;
padding: 0 0 16px;
font-size: 14px;
position: relative;
}
.explore-wrapper .vehicle-tabs-m .vehicle-tabs-label {
width: 200px;
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 0 24px;
border-radius: 8px;
border: 1px solid #767676;
position: relative;
}
.explore-wrapper .vehicle-tabs-m .vehicle-tabs-label::after {
display: inline-block;
content: url('../../static/img/down.svg');
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 12px;
line-height: 0px;
transform: translateY(-50%);
}
.explore-wrapper .vehicle-tabs-m .vehicle-tabs-option {
display: none;
position: absolute;
width: 200px;
top: 40px;
left: 50%;
transform: translateX(-50%);
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #F5F5F5;
padding: 12px 16px 4px;
z-index: 10;
}
.explore-wrapper .vehicle-tabs-m .vehicle-tabs-option .tabs-option-item {
height: 32px;
font-size: 14px;
letter-spacing: -0.1px;
margin-bottom: 8px;
}
.explore-wrapper .show-option .vehicle-tabs-label::after {
content: url('../../static/img/up_black.svg');
}
.explore-wrapper .show-option .vehicle-tabs-option {
display: block;
}
/* 探索 */
.explore-wrapper .explore-list {
padding-right: 20px;
padding-left: 0
}
.explore-wrapper .explore-title {
font-size: 28px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #1D1D1F;
line-height: 48px;
margin: 40px 0 24px;
}
.explore-wrapper .explore-list .explore-list-item:first-child {
margin-left: 20px;
}
.explore-wrapper .explore-list .explore-list-item:last-child {
margin-right: 0px;
}
.explore-wrapper .explore-list .explore-list-item {
display: flex;
flex-direction: column;
flex: 0 0 328px;
width: 328px;
height: 572px;
margin-left: 10px;
color: #fff;
border-radius: 12px;
overflow: hidden;
}
.explore-wrapper .explore-list-item .pc-pic {
display: none;
}
.explore-wrapper .explore-list-item .m-pic {
display: block;
}
.explore-wrapper .explore-list-item .item-left {
width: 100%;
height: 240px;
}
.explore-wrapper .explore-list-item .item-right {
padding-left: 24px;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic1 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/14ca5c0d1df44cf6ab7e75c12ea38413.png') no-repeat center/cover;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic2 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/2ee23617298b40228bb47747c5493ddc.png') no-repeat center/cover;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic3 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/2df39b095c8b430aaf6016c475dec97f.png') no-repeat center/cover;
}
.explore-wrapper .explore-list1 .explore-list-item .explore-list-pic4 {
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/0b0a0273bc564a89ae4329f4196bebca.png') no-repeat center/cover;
}
.explore-wrapper .explore-list-item .item-right .item-title1 {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #FFFFFF;
line-height: 22px;
margin-top: 24px;
}
.explore-wrapper .explore-list-item .item-right .item-title2 {
font-size: 24px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #FFFFFF;
line-height: 32px;
margin: 8px 0 16px;
}
.explore-wrapper .explore-list-item .item-right .item-title3 {
width: 280px;
height: 66px;
font-size: 15px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.19px;
color: #FFFFFF;
line-height: 22px;
margin-bottom: 28px;
}
.explore-wrapper .explore-list-item .item-right .item-title4 {
width: 280px;
height: 44px;
font-size: 15px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.19px;
color: #FFFFFF;
line-height: 22px;
}
.explore-wrapper .explore-list-item .item-right .item-title5 {
font-size: 10px;
font-family: Montserrat-Regular, Montserrat;
color: #FFFFFF;
line-height: 18px;
}
.explore-wrapper .explore-list-item .item-right .item-more {
margin-top: 28px;
}
.explore-wrapper .explore-list-item .item-right .item-more a {
font-size: 14px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #1D1D1F;
line-height: 20px;
}
.explore-wrapper .explore-btn-wrapper {
justify-content: space-between;
margin: 24px 20px 40px;
}
.explore-wrapper .explore-btn-wrapper .count-wrapper {
font-size: 15px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
line-height: 19px;
}
/* 第二个list */
.export2-wrapper {
height: 587px;
background: url('https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/8654155695c1420aa905d249c339c67e.png') no-repeat center/cover;
}
.export2-wrapper .export2-desc {
width: 343px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.export2-wrapper .export2-desc .export2-desc-title1 {
font-size: 40px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -1px;
color: #FFFFFF;
line-height: 48px;
margin-top: 40px;
text-align: center;
}
.export2-wrapper .export2-desc .export2-desc-title2 {
font-size: 16px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #FFFFFF;
line-height: 22px;
text-align: center;
margin-top: 16px;
}
/* 跳转按钮 */
.export2-wrapper .export2-desc .item-more {
width: 140px;
height: 40px;
margin: 16px auto 0;
}
.export2-wrapper .export2-desc .item-more a {
font-size: 14px;
font-family: Montserrat-SemiBold, Montserrat;
color: #1D1D1F;
letter-spacing: -0.2px;
line-height: 14px;
}
.export2-wrapper .export2-desc .item-more .right {
right: 14px;
}
.export2-wrapper .export2-desc .item-more:hover .left {
/* 移动端取消hover效果 */
margin-right: 0;
}
.export2-wrapper .export2-desc .item-more:hover .right {
visibility: visible;
opacity: 0;
}
.export2-wrapper .export2-desc .item-right .item-more:hover .left {
margin-right: 0;
}
.export2-wrapper .export2-desc .item-right .item-more:hover .right {
visibility: visible;
opacity: 0;
}
.export2-wrapper .export2-desc .export2-desc-more {
width: 180px;
padding: 13px 52px;
margin: 40px auto 0;
}
.export2-wrapper .export2-desc .export2-desc-more span {
font-size: 14px;
}
/* visit */
.web-visit {
display: none;
}
.mob-visit {
display: flex;
}
.visit-wrapper .visit-us-title {
font-size: 28px;
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.3px;
color: #1D1D1F;
line-height: 38px;
margin-top: 60px;
}
.visit-wrapper .visit-us-more {
width: calc(100% - 40px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #EEEEEE;
border-radius: 13px;
padding: 16px 0;
margin: 32px 0 120px;
}
.visit-wrapper .visit-us-more div {
display: flex;
justify-content: space-around;
align-items: center;
}
.visit-wrapper .visit-us-more>div:first-child {
margin-bottom: 14px;
}
.visit-wrapper .visit-us-more>div:last-child {
margin-top: 14px;
}
.visit-wrapper .visit-us-more img {
width: 48px;
height: 48px;
margin: 0 20px;
}
.visit-wrapper .visit-us-more .divider-column {
width: 1px;
height: 37px;
background: #EEEEEE;
}
.visit-wrapper .visit-us-more .divider {
width: 74px;
height: 2px;
background: #EEEEEE;
}
}
@media (max-width: 1200px) {
.long {
width: 130px !important;
}
}
@media (min-width:769px) {
.width-limit {
width: 38vw;
}
}
@media (min-width: 1025px) {
/* banner */
.swiper-button-next {
right: 80px !important;
}
.swiper-button-prev {
left: 80px !important;
}
.swiper-button-next,
.swiper-button-prev {
width: 56px !important;
height: 56px !important;
border-radius: 50%;
background: rgba(0, 0, 0, 0.85);
display: flex;
justify-content: center;
align-items: center;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background: #2C2C2E;
}
.custom-swiper-btn::after {
display: none;
}
.custom-swiper-btn img {
display: block;
width: 32px;
height: 32px;
}
/* 切换到pc端时，隐藏移动端tabs组件 */
.explore-wrapper .vehicle-tabs-m {
display: none;
}
}
@media (min-width: 1901px) {
.export2-wrapper .export2-desc {
right: 300px !important;
}
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="zh-CN">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="酷沃智行-智慧座舱领军者-https://www.coolwellcloud.com">
<meta name="google-site-verification" content="2K6bTTJlzk8ki22dnGbEK-u1v6hj6P8nRViHN-Yt8ZU">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title> Electric Cars, Suvs, Trucks & Vans | Skywell Vehicles Official Site</title>
<link href="https://en.skywellev.com/favicon.ico" rel="shortcut icon">
<script src="https://hm.baidu.com/hm.js?fdde13ca018a07a6fdf0681ba7739cd1"></script><script>
var STATIC_URL = "https://en.skywellev.com/static/";
var GLOBAL_URL = "https://en.skywellev.com/";
var UPLOAD_URL = "https://en.skywellev.com/upload/";
var SITE_URL = "https://en.skywellev.com/";
</script>
<link rel="stylesheet" href="https://en.skywellev.com/static/web/css/reset.css?v=v1" type="text/css" media="screen" charset="utf-8"><link rel="stylesheet" href="https://en.skywellev.com/static/web/css/style.css?v=v1" type="text/css" media="screen" charset="utf-8"><link rel="stylesheet" href="https://en.skywellev.com/static/web/wow/animate.css?v=v1" type="text/css" media="screen" charset="utf-8"><link rel="stylesheet" href="https://en.skywellev.com/static/web/css/style_v2.css?v=v1" type="text/css" media="screen" charset="utf-8"><script src="https://en.skywellev.com/static/js/jquery-3.3.1.min.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/js/jquery.easing.1.3.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/js/jquery.transit.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/js/html5.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/js/bocfe.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/js/plug.preload.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/web/wow/wow.min.js?v=v1" type="text/javascript" charset="utf-8"></script><script src="https://en.skywellev.com/static/web/js/parallax.js?v=v1" type="text/javascript" charset="utf-8"></script><!--[if lt IE 10]>
<script type="text/javascript">document.location="https://en.skywellev.com/updateBrowser "</script>
<![endif]-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?fdde13ca018a07a6fdf0681ba7739cd1";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></head>
<body class="welcome-body">
<div class="videos">
<div class="video-bg"></div>
<video id="video" preload="false" controls="controls"></video>
<img onclick="close1()" class="vclose" src="https://en.skywellev.com/static/web/img/gb.png?v=v1" width="25" height="25">
</div>
<div>
<style>
html,
body {
font-family: Montserrat-Regular, Montserrat;
}
.lang-tab-mb {
position: fixed;
top: 11px;
right: calc(4vw + 45px + 35px);
width: 27px;
height: 27px;
cursor: pointer;
z-index: 9;
font-size: 14px;
vertical-align: middle;
}
.lang-tab-mb a {
color: #000;
}
/* 右侧吸附菜单 */
.fixed-menu-pc {
display: flex;
}
.fixed-menu-m {
display: none;
}
.fixed-menu-wrapper .fixed-menu-item {
display: flex;
z-index: 10;
position: fixed;
right: -190px;
transition: right .5s;
}
.fixed-menu-wrapper .fixed-menu1 {
top: 320px;
}
.fixed-menu-wrapper .fixed-menu2 {
top: 370px;
}
.fixed-menu-wrapper .fixed-menu3 {
top: 420px;
}
.fixed-menu-wrapper .fixed-menu4 {
top: 470px;
}
.fixed-menu-wrapper .fixed-menu-item .fixed-menu-nav {
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
background-size: 28px;
background-color: #B6131E;
cursor: pointer;
}
.fixed-menu-wrapper .fixed-menu-item .fixed-menu-subnav {
width: 190px;
height: 50px;
display: flex;
align-items: center;
background-color: #A1121A;
}
.fixed-menu-center {
width: 100%;
}
.fixed-menu-around {
width: 32px;
}
.fixed-menu-wrapper .fixed-menu-item .fixed-menu-subnav .fixed-subnav-item {
height: 32px;
font-size: 13px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 32px;
background-repeat: no-repeat;
background-position: center;
background-size: 32px;
cursor: pointer;
}
.fixed-menu-wrapper .fixed-menu-item .fixed-menu-subnav .fixed-subnav-item a {
width: 100%;
height: 100%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
/* 吸附菜单 hover */
.fixed-menu-wrapper .fixed-menu-item:hover {
right: 0px;
}
@media(min-width: 1025px) {
.m-header {
display: none!important;
}
.pc-header-wrapper {
width: 100%;
height: 80px;
background: #FFFFFF;
box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.16);
padding: 0 60px;
position: fixed;
top: 0;
z-index: 11;
}
.pc-header-wrapper .pc-header-mains {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.pc-header-wrapper .pc-header-mains .pc-header-logo {
width: 140px;
height: 100%;
display: flex;
align-items: center;
}
.pc-header-wrapper .pc-header-mains .pc-header-logo .logo {
width: 100%;
}
.pc-header-wrapper .pc-nav {
height: 100%;
display: flex;
align-items: center;
}
.pc-header-wrapper .pc-nav .nav-wrap {
width: auto;
}
.pc-header-wrapper .nav-item {
/* width: 131px; */
height: 40px;
/* border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0); */
display: flex;
/* align-items: center; */
margin-left: 16px;
margin: 0 0 0 36px;
position: relative;
cursor: pointer;
}
.pc-header-wrapper .nav-item:hover {
border-bottom: 2px solid #429DD5;
}
/* .pc-header-wrapper .nav-item-title::after {
display: inline-block;
content: url('../../../static/img/down.svg');
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
} */
.pc-header-wrapper .nav-wrap .cur-nav {
/* background: #1D1D1F; */
}
.pc-header-wrapper .nav-item .nav-item-title {
/* width: 63px; */
height: 38px;
font-size: 16px;
font-family: Montserrat-Medium, Montserrat;
letter-spacing: -0.2px;
color: #1D1D1F;
line-height: 40px;
}
.pc-header-wrapper .cur-nav {
border-bottom: 2px solid #429DD5;
}
/* .pc-header-wrapper .cur-nav .nav-item-title {
color: #FFFFFF !important;
} */
/* .pc-header-wrapper .cur-nav .nav-item-title::after {
content: url('../../../static/img/up.svg');
} */
.pc-header-wrapper .nav-item2 {
padding: 0;
}
.pc-header-wrapper .nav-item .nav-item-title1 {
/* width: 63px; */
height: 40px;
font-size: 16px;
font-family: Montserrat-Medium, Montserrat;
letter-spacing: -0.2px;
color: #1D1D1F;
line-height: 20px;
padding: 10px 24px;
}
.pc-header-wrapper .cur-nav .nav-item-title1 {
color: #FFFFFF !important;
}
.pc-header-wrapper .nav-wrap .cur-nav>.sub-nav {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
width: 100%;
}
.sub-nav {
display: none;
position: fixed;
top: 80px;
left: 0;
/* transform: translateX(-50%); */
background: #FFFFFF;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.16);
border-radius: 0px 0px 8px 8px;
padding: 24px 60px;
z-index: 12;
cursor: default;
}
.sub-nav .sub-a {
/* width: 100%; */
height: 32px;
display: inline-block;
text-align: center;
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #000000;
line-height: 32px;
margin: 0 20px;
}
.sub-nav .sub-a:hover {
text-decoration: underline;
}
}
@media (max-width: 1200px) {
/* 导航栏 */
/* .pc-header-wrapper .nav-item {
margin-left: 6px;
padding: 0 34px 0 14px;
} */
.pc-header-wrapper .nav-item2{
padding: 0;
}
/* .pc-header-wrapper .nav-item-title::after{
right: 10px;
} */
.pc-header-wrapper .nav-item .nav-item-title1{
padding: 10px 14px;
}
}
@media (max-width: 1024px) {
.pc-header .show-search-btn {
display: none;
}
.pc-header-wrapper {
display: none;
}
.m-header .nav-wrap {
top: 48px;
}
/* header nav */
.m-header .nav-wrap {
overflow-y: auto;
padding: 20px 16px 0;
}
.m-header .nav-item .nav-a {
display: flex;
align-items: center;
height: 56px
}
.m-header .sub-nav .sub-a {
display: flex;
align-items: center;
height: 56px;
}
.m-header .nav-a {
font-size: 16px;
font-family: Montserrat-Medium, Montserrat;
letter-spacing: -0.2px;
color: #000000;
line-height: 28px;
}
.m-header .sub-a {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #636366;
line-height: 28px;
}
/* 右侧吸附菜单 */
.fixed-menu-pc {
display: none;
}
.fixed-menu-m {
width: 100%;
display: flex;
position: fixed;
left: 0;
bottom: 0;
z-index: 10;
}
.fixed-menu-m .fixed-menu-item {
width: 25%;
height: 80px;
display: flex;
flex-direction: column;
align-items: center;
background-color: #B6131E;
}
.fixed-menu-m .fixed-menu-item a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.fixed-menu-m .fixed-menu-item .fixed-menu-bg {
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
margin-top: 10px;
}
.fixed-menu-m .fixed-menu-item .fixed-menu-title {
font-size: 11px;
font-family: Montserrat-SemiBold, Montserrat;
font-weight: 600;
color: #FFFFFF;
line-height: 12px;
text-align: center;
margin-top: 10px;
}
.fixed-menu-m .fixed-menu-subnav {
width: 100%;
height: 97px;
display: none;
justify-content: space-between;
align-items: center;
background-color: #A1121A;
position: absolute;
left: 0;
bottom: 80px;
}
.fixed-menu-m .fixed-menu-subnav .fixed-subnav-item {
width: 16%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 65px;
}
.fixed-menu-m .m-show {
display: flex;
}
}
</style>
<div class="pc-header-wrapper">
<div class="pc-header-mains flexBox between por">
<div class="pc-header-logo">
<a href="https://en.skywellev.com/ " class="logo">
<img src="../../../static/img/logo_top.svg" alt="" class="logo">
</a>
</div>
<div class="pc-nav">
<div class="nav-wrap flexBox between">
<div class="nav-item">
<a class="nav-a nav-a2 nav-item-title">Vehicles</a>
<div class="sub-nav">
<a href="https://en.skywellev.com/be11" class="sub-a">Skywell BE11</a>
<a href="https://en.skywellev.com/business" class="sub-a" style="margin-right: 165px;">Commercial Vehicle Column</a>
</div>
</div>
<div class="nav-item">
<a class="nav-a nav-a2 nav-item-title">Shopping Tools</a>
<div class="sub-nav">
<a href="https://en.skywellev.com/history" class="sub-a">Brand</a>
<a href="https://en.skywellev.com/v2/joinUs" class="sub-a">Join Us</a>
<!-- <a href="https://en.skywellev.com/service/heartfelt" class="sub-a">Convined</a> -->
<a href="https://en.skywellev.com/service/afterSale" class="sub-a">Worry-free Service</a>
<a href="https://en.skywellev.com/service/energy" class="sub-a">Enjoy Energy</a>
<a href="https://en.skywellev.com/v2/problem" class="sub-a">Commom Problem</a>
<!-- <a href="https://en.skywellev.com/v2/UserManual" class="sub-a">User Manual</a>
<a href="https://en.skywellev.com/v2/DismantlingManual" class="sub-a">Dismantling Manual</a> -->
<a href="https://en.skywellev.com/partner" class="sub-a">City Partner</a>
<a href="https://en.skywellev.com/v2/vehicleInfo?type=1" class="sub-a">Photos & 360° Views</a>
<a href="https://en.skywellev.com/v2/ifa" class="sub-a">Skywell in Exhibition</a>
<a href="https://en.skywellev.com/v2/cantonfair" class="sub-a">Skywell in Cantonfair</a>
</div>
</div>
<div class="nav-item">
<a href="https://en.skywellev.com/v2/news" class="nav-a nav-a2 nav-item-title">News</a>
</div>
<div class="nav-item">
<a class="nav-a nav-a2 nav-item-title">Language</a>
<div class="sub-nav">
<a href="https://www.skyworthev.com/" class="sub-a" style="color: rgba(60,60,67,0.6);">中文</a>
<a href="https://en.skywellev.com/" class="sub-a">English</a>
<!-- <a href="https://skywell.com.tr/" class="sub-a" style="color: rgba(60,60,67,0.6);">Türkçe</a>
<a href="https://skywelljordan.com/ar/" class="sub-a" style="color: rgba(60,60,67,0.6);">عربي</a> -->
</div>
</div>
<!-- <div class="nav-item">
<a href="https://en.skywellev.com/et5" class="nav-a nav-a1">ET5</a>
</div>
<div class="nav-item">
<a href="javascript:;" class="nav-a nav-a2">Discover</a>
<div class="sub-nav">
<a href="https://en.skywellev.com/history " class="sub-a">Brand</a>
<a href="https://en.skywellev.com/v2/joinUs " class="sub-a">Join Us</a>
</div>
</div>
<div class="nav-item">
<a href="javascript:;" id="cn" class="nav-a nav-a2">Service</a>
<div class="sub-nav">
<a href="https://en.skywellev.com/service/heartfelt " class="sub-a">Convinced</a>
<a href="https://en.skywellev.com/service/afterSale " class="sub-a">Worry-free Service</a>
<a href="https://en.skywellev.com/service/energy " class="sub-a">Enjoy Energy</a>
<a href="https://en.skywellev.com/v2/problem " class="sub-a">Common Problem</a>
<a href="https://en.skywellev.com/v2/UserManual " class="sub-a">User Manual</a>
<a href="https://en.skywellev.com/v2/DismantlingManual " class="sub-a">Dismantling Manual</a>
</div>
</div>
<div class="nav-item">
<a href="https://en.skywellev.com/partner" class="nav-a nav-a1">City Partner</a>
</div>
<div class="nav-item">
<a href="https://en.skywellev.com/v2/vr" class="nav-a nav-a1">VR</a>
</div> -->
</div>
</div>
</div>
<!-- <div class="pc-right pc-right-absolute">
<span class="show-search-btn">
<img src="https://en.skywellev.com/static/web/img/serw.svg?v=v1 " alt="" class="poa100 bg-img-hide">
<img src="https://en.skywellev.com/static/web/img/serg.svg?v=v1 " alt="" class="poa100 bg-img-show">
</span>
<a href="https://www.skyworthev.com/" class="language-a">CN</a>
</div> -->
</div>
<!-- 手机头部 -->
<div class="m-header show">
<div class="m-header-mains flexBox between">
<a href="https://en.skywellev.com/" style="height: 27px">
<img src="https://en.skywellev.com/static/img/logo_top.svg?v=v1 " alt="" style="display: block; height: 100%;">
</a>
<div class="m-right">
<!-- <div class="lang-tab-mb">
<a href="https://www.skyworthev.com/">CN</a>
</div>
<span class="show-search-btn">
<img src="https://en.skywellev.com/static/web/img/serg.svg?v=v1 " alt="" class="img100">
</span> -->
<span class="sline"></span>
<div class="m-menu-btn">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
</div>
</div>
<div class="nav-wrap">
<div class="nav-item">
<a href="javascript:;" class="nav-a nav-a2">Vehicles</a>
<div class="sub-nav">
<a href="https://en.skywellev.com/be11" class="sub-a">Skywell BE11</a>
<a href="https://en.skywellev.com/business" class="sub-a">Commercial Vehicle Column</a>
</div>
</div>
<div class="nav-item">
<a href="javascript:;" class="nav-a nav-a2">Shopping Tools</a>
<div class="sub-nav">
<a href="https://en.skywellev.com/history" class="sub-a">Brand</a>
<a href="https://en.skywellev.com/v2/joinUs" class="sub-a">Join Us</a>
<!-- <a href="https://en.skywellev.com/service/heartfelt" class="sub-a">Convined</a> -->
<a href="https://en.skywellev.com/service/afterSale" class="sub-a">Worry-free Service</a>
<a href="https://en.skywellev.com/service/energy" class="sub-a">Enjoy Energy</a>
<a href="https://en.skywellev.com/v2/problem" class="sub-a">Commom Problem</a>
<!-- <a href="https://en.skywellev.com/v2/UserManual" class="sub-a">User Manual</a>
<a href="https://en.skywellev.com/v2/DismantlingManual" class="sub-a">Dismantling Manual</a> -->
<a href="https://en.skywellev.com/partner" class="sub-a">City Partner</a>
<a href="https://en.skywellev.com/v2/vehicleInfo?type=1" class="sub-a">Photos & 360° Views</a>
<a href="https://en.skywellev.com/v2/ifa" class="sub-a">Skywell in Exhibition</a>
<a href="https://en.skywellev.com/v2/cantonfair" class="sub-a">Skywell in Cantonfair</a>
</div>
</div>
<div class="nav-item">
<a href="https://en.skywellev.com/v2/news" class="nav-a nav-a1">News</a>
</div>
<div class="nav-item">
<a href="javascript:;" id="cn" class="nav-a nav-a2">Language</a>
<div class="sub-nav">
<a href="https://www.skyworthev.com/" class="sub-a" style="color: rgba(60,60,67,0.6);">中文</a>
<a href="https://en.skywellev.com/" class="sub-a">English</a>
<!-- <a href="https://skywell.com.tr/" class="sub-a" style="color: rgba(60,60,67,0.6);">Türkçe</a>
<a href="https://skywelljordan.com/ar/" class="sub-a" style="color: rgba(60,60,67,0.6);">عربي</a> -->
</div>
</div>
</div>
</div>
<div class="search-alert">
<span class="close">
<img src="https://en.skywellev.com/static/web/img/closew.png?v=v1 " alt="" class="img100">
</span>
<div class="cent-form">
<form action="https://en.skywellev.com/search " method="GET" id="pro-ser-frm" autocomplete="off">
<input class="fl tex" type="text" id="news_search_word" name="key" value="" placeholder="点击搜索">
<input class="fr sub-butn" type="submit" id="news_search" value="">
</form>
</div>
</div>
<!-- 右侧吸附菜单 -->
<div class="fixed-menu-wrapper fixed-menu-pc" style="display: none;">
<div class="fixed-menu-item fixed-menu1">
<div class="fixed-menu-nav" style="background-image: url(../../static/web/img/fixedicon1.svg)"></div>
<div class="fixed-menu-subnav">
<div class="fixed-subnav-item fixed-menu-center"><a href="https://en.skywellev.com/v2/getquote">Get a Quote</a></div>
</div>
</div>
<div class="fixed-menu-item fixed-menu2">
<div class="fixed-menu-nav" style="background-image: url(../../static/web/img/fixedicon2.svg)"></div>
<div class="fixed-menu-subnav">
<div class="fixed-subnav-item fixed-menu-center"><a href="https://en.skywellev.com/v2/contact">Service Workshop</a></div>
</div>
</div>
<div class="fixed-menu-item fixed-menu3">
<div class="fixed-menu-nav" style="background-image: url(../../static/web/img/fixedicon3.svg)"></div>
<div class="fixed-menu-subnav">
<div class="fixed-subnav-item fixed-menu-center handleCall">Call Us</div>
</div>
</div>
<div class="fixed-menu-item fixed-menu4">
<div class="fixed-menu-nav" style="background-image: url(../../static/web/img/fixedicon4.svg)"></div>
<div class="fixed-menu-subnav">
<div class="fixed-subnav-item fixed-menu-around" title="ins" style="background-image: url(../../static/web/img/ins_white.svg)" onclick="handleGo('ins')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="facebook" style="background-image: url(../../static/web/img/facebook_white.svg)" onclick="handleGo('facebook')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="twitter" style="background-image: url(../../static/web/img/twitter_white.svg)" onclick="handleGo('twitter')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="linkedin" style="background-image: url(../../static/web/img/linkin_white.svg)" onclick="handleGo('linkedin')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="youtube" style="background-image: url(../../static/web/img/youtube_white.svg)" onclick="handleGo('youtube')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="tiktok" style="background-image: url(../../static/web/img/tiktok_white.svg)" onclick="handleGo('tiktok')"></div>
</div>
</div>
</div>
<div class="fixed-menu-m" style="display: flex;">
<div class="fixed-menu-item">
<a href="https://en.skywellev.com/v2/getquote">
<div class="fixed-menu-bg" style="background-image: url(../../static/web/img/fixedicon1.svg)"></div>
<div class="fixed-menu-title">Get a Quote</div>
</a>
</div>
<div class="fixed-menu-item">
<a href="https://en.skywellev.com/v2/contact">
<div class="fixed-menu-bg" style="background-image: url(../../static/web/img/fixedicon2.svg)"></div>
<div class="fixed-menu-title">Service Workshop</div>
</a>
</div>
<div class="fixed-menu-item handleCall">
<div class="fixed-menu-bg" style="background-image: url(../../static/web/img/fixedicon3.svg)"></div>
<div class="fixed-menu-title ">Call Us</div>
</div>
<div class="fixed-menu-item menu-item4">
<div class="fixed-menu-bg" style="background-image: url(../../static/web/img/fixedicon4.svg)"></div>
<div class="fixed-menu-title">Follow</div>
</div>
<div class="fixed-menu-subnav">
<div class="fixed-subnav-item fixed-menu-around" title="ins" style="background-image: url(../../static/web/img/ins_white.svg)" onclick="handleGo('ins')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="facebook" style="background-image: url(../../static/web/img/facebook_white.svg)" onclick="handleGo('facebook')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="twitter" style="background-image: url(../../static/web/img/twitter_white.svg)" onclick="handleGo('twitter')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="linkedin" style="background-image: url(../../static/web/img/linkin_white.svg)" onclick="handleGo('linkedin')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="youtube" style="background-image: url(../../static/web/img/youtube_white.svg)" onclick="handleGo('youtube')"></div>
<div class="fixed-subnav-item fixed-menu-around" title="tiktok" style="background-image: url(../../static/web/img/tiktok_white.svg)" onclick="handleGo('tiktok')"></div>
</div>
</div>
<link rel="stylesheet" href="https://en.skywellev.com/static/css/public.css?v=v1" type="text/css" media="screen" charset="utf-8"><script>
isHideBottomMenuFunc()
$(function() {
// $('.had-login').hover(function() {
// var _this = $(this);
// if (!$(this).hasClass('hover')) {
// $(this).addClass('hover');
// $('.login-hides').stop().slideDown();
// } else {
// $(this).removeClass('hover');
// $('.login-hides').stop().slideUp();
// }
// });
// 点击触发菜单
// $("body").click(function(e) {
// if ($(e.target).closest(".nav-item").length == 0) {
// $('.pc-nav .nav-item').removeClass('cur-nav')
// }
// });
// $('body').on('mouseenter', '.pc-nav .nav-item', function() {
// var _this = $(this);
// const w = $(this).width()
// if (!$(this).hasClass('cur-nav')) {
// $(this).addClass('cur-nav').siblings().removeClass('cur-nav');
// // $('.pc-nav .cur-nav .sub-nav').css('left', w / 2 + 32 + 'px')
// } else {
// $(this).removeClass('cur-nav');
// }
// });
// hover触发菜单
$('body').on('mouseenter', '.pc-nav .nav-item', function() {
var _this = $(this);
$(this).addClass('cur-nav').siblings().removeClass('cur-nav');
});
$('body').on('mouseleave', '.pc-nav', function() {
var _this = $(this);
$(this).find('.nav-item').removeClass('cur-nav');
});
$('.pc-header-wrapper')
$('.pc-header,.m-header').addClass('show')
$('body').on('click', '.m-menu-btn', function() {
var _this = $(this);
if (!$(this).hasClass('cur')) {
$(this).addClass('cur');
} else {
$(this).removeClass('cur');
}
$('.m-header .nav-wrap').stop().slideToggle();
});
$('.m-header .sub-a').click(function() {
// $(".m-nav-btn").removeClass('cur');
// $('.m-header').stop().slideUp();
})
// $("body").on('click','.m-header .nav-a', function() {
// var _this = $(this).parent();
// if (_this.hasClass('cur')){
// _this.removeClass('cur');
// _this.find('.sub-nav').stop().slideUp();
// }else{
// _this.addClass('cur');
// _this.find('.sub-nav').stop().slideDown();
// _this.siblings().find('.sub-nav').stop().slideUp();
// }
// });
$('body').on('click', '.show-search-btn', function() {
$('.search-alert').addClass('active');
});
$('body').on('click', '.search-alert .close', function() {
$('.search-alert').removeClass('active');
});
$('body').on('click', '.m-header .sub-a,.m-header .nav-a1', function() {
$('.m-header .nav-wrap').stop().slideUp();
$(".m-menu-btn").removeClass('cur');
});
$('.m-header .nav-a2').unbind('click');
$('body').on('click', '.m-header .nav-a2', function() {
var _this = $(this).parent();
if (_this.hasClass('cur')) {
_this.removeClass('cur');
_this.find('.sub-nav').stop().slideUp();
} else {
_this.addClass('cur').siblings().removeClass('cur');
_this.find('.sub-nav').stop().slideDown().parent().siblings().find('.sub-nav').stop().slideUp();
}
});
});
// 底部吸附菜单
$('body').on('click', '.fixed-menu-m .menu-item4', function() {
var _this = $('.fixed-menu-m .fixed-menu-subnav');
if (!_this.hasClass('m-show')) {
_this.addClass('m-show')
} else {
_this.removeClass('m-show');
}
});
$("body").click(function(e) {
if ($(e.target).closest(".fixed-menu-m").length == 0) {
$('.fixed-menu-m .fixed-menu-subnav').removeClass('m-show')
}
});
// call
$('body').on('click', '.fixed-menu-pc .handleCall,.fixed-menu-m .handleCall', function() {
window.location.href = 'tel:8618914489885'
});
function handleGo(to) {
switch (to) {
case 'ins':
window.open('https://www.instagram.com/skywellev/', '_blank')
break;
case 'facebook':
window.open('https://www.facebook.com/profile.php?id=61551406860967', '_blank')
break;
case 'twitter':
window.open('https://twitter.com/skywellev', '_blank')
break;
case 'linkedin':
window.open('https://www.linkedin.com/company/97459209/admin/feed/posts/', '_blank')
break;
case 'youtube':
window.open('https://www.youtube.com/@skywellev', '_blank')
break;
case 'tiktok':
window.open('https://www.tiktok.com/@skywellev', '_blank')
break;
default:
break;
}
}
window.addEventListener("resize", isHideBottomMenuFunc);
function isHideBottomMenuFunc(){
// 判断是否展示底部吸附菜单
const isApp = getQueryString('bottomButton')
if(isApp == '0'){
// 判断是否为app内
localStorage.setItem('isHideBottomMenu', true)
}
const isHideBottomMenu = localStorage.getItem('isHideBottomMenu')
const pageWidth = document.body.clientWidth
if (isHideBottomMenu) {
$('.fixed-menu-m,.fixed-menu-pc').css('display', 'none')
} else {
if(pageWidth < 1024){
$('.fixed-menu-m').css('display', 'flex')
$('.fixed-menu-pc').css('display', 'none')
} else {
$('.fixed-menu-m').css('display', 'none')
$('.fixed-menu-pc').css('display', 'flex')
}
}
}
function getQueryString(name) {
var query_string = window.location.search; // window.location.search
if (!query_string) return null; // 如果无参，返回null
var re = /[?&]?([^=]+)=([^&]*)/g;
var tokens;
while (tokens = re.exec(query_string)) {
if (decodeURIComponent(tokens[1]) === name) {
return decodeURIComponent(tokens[2]);
}
}
return null;
}
</script> <div class="welcome-banner swiper-container-fade swiper-container-initialized swiper-container-horizontal">
<div class="swiper-wrapper" style="transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="3" style="width: 790px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="slide-img bgImg pc-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/d3dac840e9324bd595e7aa19f3fe083f.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/67db306c0d324d1b86b59bc603157413.mp4" type="video/mp4">
</video>
</div>
<div class="slide-img bgImg m-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/8a983c6a8bb14cb5b884be0847014664.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/67db306c0d324d1b86b59bc603157413.mp4" type="video/mp4">
</video>
</div>
<div class="smegma"></div>
<div class="welcome-banner-txts colorf show2">
<div>
<div class="font64">Skywell All Is Well</div>
<div class="font18 sub-title">Intelligent Car-Home Creator</div>
<div class="font18 wel-banner-dt mt10"></div>
</div>
<div class="item-more"><a href="https://en.skywellev.com/be11"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <a href="https://en.skywellev.com/be11" target="_blank;" class="more1"><span class="s0">More details</span></a> -->
<!-- <div class="btn-play2" data-src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/67db306c0d324d1b86b59bc603157413.mp4">
<img src="https://en.skywellev.com/static/web/img/play.svg?v=v1 " alt="play video">
</div>
-->
</div>
<div class="play-btn"><img src="../../static/img/play1.svg" alt="" class="play"><img src="../../static/img/pause.svg" alt="" class="pause"></div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 790px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="slide-img bgImg pc-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/61559869a5be47c88850ceea75db69dc.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/4a24eaaea0aa4835bd0719716ae9947c.mp4" type="video/mp4">
</video>
</div>
<div class="slide-img bgImg m-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/f43a12c853b746d0964dac5aa511eed2.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/4a24eaaea0aa4835bd0719716ae9947c.mp4" type="video/mp4">
</video>
</div>
<div class="smegma"></div>
<div class="welcome-banner-txts colorf show2">
<div>
<div class="font64">Skywell All Is Well</div>
<div class="font18 sub-title">AI Intelligent Navigation</div>
<div class="font18 wel-banner-dt mt10"></div>
</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/preview?type=3&id=61"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <a href="https://en.skywellev.com/v2/preview?type=3&id=61" target="_blank;" class="more1"><span class="s0">More details</span></a> -->
<!-- <div class="btn-play2" data-src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/4a24eaaea0aa4835bd0719716ae9947c.mp4">
<img src="https://en.skywellev.com/static/web/img/play.svg?v=v1 " alt="play video">
</div>
-->
</div>
<div class="play-btn"><img src="../../static/img/play1.svg" alt="" class="play"><img src="../../static/img/pause.svg" alt="" class="pause"></div>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" style="width: 790px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="slide-img bgImg pc-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/f0953a88af404da9915050c88329a084.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://beta-tsp.coolwellcloud.com/data/miniScreen/material/0ec78eef516545138645616d0539c1e0.mp4" type="video/mp4">
</video>
</div>
<div class="slide-img bgImg m-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/76faa5430e7d4a73bf50762e4b0719c4.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://beta-tsp.coolwellcloud.com/data/miniScreen/material/0ec78eef516545138645616d0539c1e0.mp4" type="video/mp4">
</video>
</div>
<div class="smegma"></div>
<div class="welcome-banner-txts colorf show2">
<div>
<div class="font64">Skywell All Is Well</div>
<div class="font18 sub-title">More Than Healthy Car Life</div>
<div class="font18 wel-banner-dt mt10"></div>
</div>
<div class="item-more"><a href="https://en.skywellev.com/be11"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <a href="https://en.skywellev.com/be11" target="_blank;" class="more1"><span class="s0">More details</span></a> -->
<!-- <div class="btn-play2" data-src="https://beta-tsp.coolwellcloud.com/data/miniScreen/material/0ec78eef516545138645616d0539c1e0.mp4">
<img src="https://en.skywellev.com/static/web/img/play.svg?v=v1 " alt="play video">
</div>
-->
</div>
<div class="play-btn"><img src="../../static/img/play1.svg" alt="" class="play"><img src="../../static/img/pause.svg" alt="" class="pause"></div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" style="width: 790px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="slide-img bgImg pc-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/6a4129a8814a495a83578ed9c93673ff.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/cd2bb8a191cd489da1404cb97a40fb68.mp4" type="video/mp4">
</video>
</div>
<div class="slide-img bgImg m-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/f5ab99ad76454442a50bbf22cf2053e0.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/cd2bb8a191cd489da1404cb97a40fb68.mp4" type="video/mp4">
</video>
</div>
<div class="smegma"></div>
<div class="welcome-banner-txts colorf show2">
<div>
<div class="font64">Skywell All Is Well</div>
<div class="font18 sub-title">Intelligent Car-Home Creator</div>
<div class="font18 wel-banner-dt mt10"></div>
</div>
<div class="item-more"><a href="https://en.skywellev.com/be11"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <a href="https://en.skywellev.com/be11" target="_blank;" class="more1"><span class="s0">More details</span></a> -->
<!-- <div class="btn-play2" data-src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/cd2bb8a191cd489da1404cb97a40fb68.mp4">
<img src="https://en.skywellev.com/static/web/img/play.svg?v=v1 " alt="play video">
</div>
-->
</div>
<div class="play-btn"><img src="../../static/img/play1.svg" alt="" class="play"><img src="../../static/img/pause.svg" alt="" class="pause"></div>
</div>
<div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="3" style="width: 790px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="slide-img bgImg pc-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/d3dac840e9324bd595e7aa19f3fe083f.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/67db306c0d324d1b86b59bc603157413.mp4" type="video/mp4">
</video>
</div>
<div class="slide-img bgImg m-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/8a983c6a8bb14cb5b884be0847014664.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/67db306c0d324d1b86b59bc603157413.mp4" type="video/mp4">
</video>
</div>
<div class="smegma"></div>
<div class="welcome-banner-txts colorf show2">
<div>
<div class="font64">Skywell All Is Well</div>
<div class="font18 sub-title">Intelligent Car-Home Creator</div>
<div class="font18 wel-banner-dt mt10"></div>
</div>
<div class="item-more"><a href="https://en.skywellev.com/be11"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <a href="https://en.skywellev.com/be11" target="_blank;" class="more1"><span class="s0">More details</span></a> -->
<!-- <div class="btn-play2" data-src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/67db306c0d324d1b86b59bc603157413.mp4">
<img src="https://en.skywellev.com/static/web/img/play.svg?v=v1 " alt="play video">
</div>
-->
</div>
<div class="play-btn"><img src="../../static/img/play1.svg" alt="" class="play"><img src="../../static/img/pause.svg" alt="" class="pause"></div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="width: 790px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
<div class="slide-img bgImg pc-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/61559869a5be47c88850ceea75db69dc.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/4a24eaaea0aa4835bd0719716ae9947c.mp4" type="video/mp4">
</video>
</div>
<div class="slide-img bgImg m-banner-img pc-video-wrapper" style="overflow: hidden;">
<video playsinline="" autoplay="" loop="" muted="" poster="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/f43a12c853b746d0964dac5aa511eed2.png" style="width:100%;height:100%;object-fit: cover">
<source src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/4a24eaaea0aa4835bd0719716ae9947c.mp4" type="video/mp4">
</video>
</div>
<div class="smegma"></div>
<div class="welcome-banner-txts colorf show2 in">
<div>
<div class="font64 in">Skywell All Is Well</div>
<div class="font18 sub-title in">AI Intelligent Navigation</div>
<div class="font18 wel-banner-dt mt10 in"></div>
</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/preview?type=3&id=61"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <a href="https://en.skywellev.com/v2/preview?type=3&id=61" target="_blank;" class="more1"><span class="s0">More details</span></a> -->
<!-- <div class="btn-play2" data-src="https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/4a24eaaea0aa4835bd0719716ae9947c.mp4">
<img src="https://en.skywellev.com/static/web/img/play.svg?v=v1 " alt="play video">
</div>
-->
</div>
<div class="play-btn"><img src="../../static/img/play1.svg" alt="" class="play"><img src="../../static/img/pause.svg" alt="" class="pause"></div>
</div></div>
<div class="swiper-button-next custom-swiper-btn" tabindex="0" role="button" aria-label="Next slide"><img src="../../static/img/swiper-right.svg" alt=""></div>
<div class="swiper-button-prev custom-swiper-btn" tabindex="0" role="button" aria-label="Previous slide"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="wel-hd01 poa swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span></div>
<div class="load-wrap">
<img src="https://en.skywellev.com/static/web/img/loadings.gif?v=v1 " class="load-img">
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<div class="explore-wrapper">
<div class="explore-title">Explore All Vehicles</div>
<!-- 探索部分 pc端 tabs组件 -->
<div class="vehicle-tabs vehicle-tabs-pc">
<div class="vehicle-tabs-item cur-tabs-item" data-type="1"><span>BE11</span></div>
<!-- <div class="vehicle-tabs-item" data-type="2"><span>Trucks</span></div>
<div class="vehicle-tabs-item" data-type="3"><span>Buses</span></div>
<div class="vehicle-tabs-item" data-type="4"><span>Heavy Trucks</span></div> -->
<div class="vehicle-tabs-item" data-type="2"><span>Buses</span></div><div class="vehicle-tabs-item" data-type="3"><span>Vans</span></div><div class="vehicle-tabs-item" data-type="4"><span>Trucks</span></div></div>
<!-- 探索部分 移动端 tabs组件 -->
<div class="vehicle-tabs vehicle-tabs-m">
<div class="vehicle-tabs-label">BE11</div>
<div class="vehicle-tabs-option">
<div class="tabs-option-item" data-type="1">BE11</div>
<!-- <div class="tabs-option-item" data-type="2">Trucks</div>
<div class="tabs-option-item" data-type="3">Buses</div>
<div class="tabs-option-item" data-type="4">Heavy Trucks</div> -->
<div class="tabs-option-item" data-type="2">Buses</div><div class="tabs-option-item" data-type="3">Vans</div><div class="tabs-option-item" data-type="4">Trucks</div></div>
</div>
<!-- 探索部分 第一个tab内容 -->
<div class="explore-list explore-list1" data-type="1">
<div class="explore-list-item">
<div class="item-left explore-list-pic1"></div>
<div class="item-right">
<div class="item-title1">Comfort version with 520km</div>
<div class="item-title2">Skywell BE11</div>
<div class="item-title3">The first strategic SUV.<br>Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<!-- <div class="item-title4">$16,620</div>
<div class="item-title5">Starting MSRP</div> -->
<div class="item-more"><a href="https://en.skywellev.com/v2/vehicleInfo?type=1"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic2"></div>
<div class="item-right" style="background: #695238;">
<div class="item-title1">Luxury version with 520km</div>
<div class="item-title2">Skywell BE11</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<!-- <div class="item-title4">$26,620</div>
<div class="item-title5">Starting MSRP</div> -->
<div class="item-more"><a href="https://en.skywellev.com/v2/vehicleInfo?type=1"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic3"></div>
<div class="item-right" style="background: #343C35;">
<div class="item-title1">Comfort version with 620km</div>
<div class="item-title2">Skywell BE11</div>
<div class="item-title3">The first strategic SUV.<br>Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<!-- <div class="item-title4">$36,620</div>
<div class="item-title5">Starting MSRP</div> -->
<div class="item-more"><a href="https://en.skywellev.com/v2/vehicleInfo?type=1"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic4"></div>
<div class="item-right" style="background: #26232A;">
<div class="item-title1">Luxury version with 620km</div>
<div class="item-title2">Skywell BE11</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit.</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<!-- <div class="item-title4">$46,620</div>
<div class="item-title5">Starting MSRP</div> -->
<div class="item-more"><a href="https://en.skywellev.com/v2/vehicleInfo?type=1"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div><div class="explore-list explore-list2" data-type="2">
<div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/950c5858b5234b8bb2362ec52f9bdcd0.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/724eb9349d6b4baea5bd3f532e1206fa.png);"></div>
<div class="item-right" style="background: #726471;">
<div class="item-title1">8.5m City Bus</div>
<div class="item-title2">NL6856BEV</div>
<div class="item-title3">A classic city bus adopts a streamlined design to reduce wind resistance and energy consumption.</div>
<div class="item-title4">28+1 seats with 170~310km driving range</div>
<div class="item-more" data-id="34"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/ab1569b0e6544789b0bbcb7f97c3ed41.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/4c04fca5333746a79843da670f52dbcb.png);"></div>
<div class="item-right" style="background: #6593BA;">
<div class="item-title1">12m City Bus</div>
<div class="item-title2">NL6126BEV</div>
<div class="item-title3">A modern city bus provides large passenger capacity and different bus width options.</div>
<div class="item-title4">2 steps, 46+1 seats; low entrance, 41+2+1 seats with 280~340km driving range</div>
<div class="item-more" data-id="35"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/a1b5df0f24b549a6b08a37c36c1533ed.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/1cec5a1bcd6f4be9a4bcdaaca2239571.png);"></div>
<div class="item-right" style="background: #726471;">
<div class="item-title1">12m City Bus</div>
<div class="item-title2">NJL6128BEV</div>
<div class="item-title3">Integrated wheel cover, humanized design, integrated driver partition and new driving area</div>
<div class="item-title4">31-38 seats with 320~420km driving range</div>
<div class="item-more" data-id="12"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/2538768af15042d18b7a0534dd1f0943.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/a376df8460da4c1587249ce0e092d287.png);"></div>
<div class="item-right" style="background: #6593BA;">
<div class="item-title1">7m City Bus</div>
<div class="item-title2">NJL6700BEV</div>
<div class="item-title3">A pure electric bus designed to solve the long distance problems of small passenger groups.</div>
<div class="item-title4">12+1 seats with 460km driving range</div>
<div class="item-more" data-id="37"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/7112f7092f7b4d45b17673151ef83fc3.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/3669d4c86b2a4539be61a301ddfd6141.png);"></div>
<div class="item-right" style="background: #1E2A33;">
<div class="item-title1">8m City Bus</div>
<div class="item-title2">NJL6800BEV</div>
<div class="item-title3">A smart high-end electric city bus with the latest water-cooled battery system.</div>
<div class="item-title4">24-36 seats with above 300km driving range</div>
<div class="item-more" data-id="36"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/58cbddbf2acd4139b3b63106e7b549d3.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/dfae43881cd3479181be75ca978bb886.png);"></div>
<div class="item-right" style="background: #595B34;">
<div class="item-title1">6m City Bus</div>
<div class="item-title2">NJL6600BEV</div>
<div class="item-title3">A dynamic city bus features an eye-catching body and a brake energy recovery system.</div>
<div class="item-title4">17+1 seats with 296-469km driving range</div>
<div class="item-more" data-id="38"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/b025b0863b8e4cc09b4029ed09167ad0.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/567fb1ce1afc43e48eb8676e0e128dc6.png);"></div>
<div class="item-right" style="background: #891C1F;">
<div class="item-title1">8m City Coach</div>
<div class="item-title2">NJL6822BEV</div>
<div class="item-title3">Suitable for medium to long distance, leasing companies, and tourism companies.</div>
<div class="item-title4">33+1 seats with 180~330km driving range</div>
<div class="item-more" data-id="14"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/17d5995d5e304e56a8c13e33454832f5.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/746e3e72c1d54593a2b035284211639f.png);"></div>
<div class="item-right" style="background: #885F2D;">
<div class="item-title1">11m City Coach</div>
<div class="item-title2">NJL6117BEV</div>
<div class="item-title3">Convenient driving control, reasonable internal layout and concise and beautiful exterior design</div>
<div class="item-title4">47+1 seats with 280~420km driving range</div>
<div class="item-more" data-id="27"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/7a422772816e43769bb13165feff955a.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/1ea3dcdc974f46b9821304109213c31a.png);"></div>
<div class="item-right" style="background: #373949;">
<div class="item-title1">Double-decker Bus</div>
<div class="item-title2">NJL6100GSEV</div>
<div class="item-title3">A large-volume electric bus for large urban trunk lines or tourist sightseeing</div>
<div class="item-title4">54+1 seats with 400km driving range</div>
<div class="item-more" data-id="40"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/790fcaf156c74e4eb763f1f59445b19a.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/b8cdbcb07f074aa585db34081c077496.png);"></div>
<div class="item-right" style="background: #373949;">
<div class="item-title1">12m Double-decker City Bus
</div>
<div class="item-title2">NJL6129GSEV</div>
<div class="item-title3">Well lighted by large glass, this electric bus is quite suitable for urban sightseeing and tourism.</div>
<div class="item-title4">70+1 seats with 566km driving range</div>
<div class="item-more" data-id="39"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/4e202b380db94575b4d60d467e67c7ce.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/8cac6debd9a84f87adc5ae3efb67e02b.png);"></div>
<div class="item-right" style="background: #374F6F;">
<div class="item-title1">8.5m City Bus</div>
<div class="item-title2">NJL6859BEV</div>
<div class="item-title3">A pure electric urban bus available with low entry and 2 steps options.</div>
<div class="item-title4">20+1 seats with 180km driving range</div>
<div class="item-more" data-id="43"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div><div class="explore-list explore-list3" data-type="3">
<div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/d583742965d64e11a329f4a5acbbcef4.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/76f68bb123614729b5022f3cbd6e8d32.png);"></div>
<div class="item-right" style="background: #695238;">
<div class="item-title1">Van Logistics Vehicle</div>
<div class="item-title2">D11</div>
<div class="item-title3">A electric van logistics vehicle with both left-hand and right-hand drive model</div>
<div class="item-title4">12m³ loading space with 1700kg laden capacity </div>
<div class="item-more" data-id="28"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/eb5865a6fdba45c1a900dcf08428a545.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/a1836941592246c5864f064ec082586c.png);"></div>
<div class="item-right" style="background: #374F6F;">
<div class="item-title1">Logistics/Passenger Vehicle</div>
<div class="item-title2">D07</div>
<div class="item-title3">Passenger version: minibus; Logistics version: rental business and freight transport</div>
<div class="item-title4">2.5T/ 7 Seats</div>
<div class="item-more" data-id="44"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/7fa63306118c4caf89dcb8b6948c1bc7.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/69d83053f85943208dd1fa0c582dabd4.png);"></div>
<div class="item-right" style="background: #374F6F;">
<div class="item-title1">Logistics/Passenger Vehicle</div>
<div class="item-title2">D10</div>
<div class="item-title3">Passenger version: minibus; Logistics version: rental business and express shipping</div>
<div class="item-title4">3.5T/ 10-16 Seats</div>
<div class="item-more" data-id="45"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div><div class="explore-list explore-list4" data-type="4">
<div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/5f56061880c948449be9469ede17d3bb.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/20bfbf924ada4a558b7340097a38247a.png);"></div>
<div class="item-right" style="background: #726471;">
<div class="item-title1">Pure Electric</div>
<div class="item-title2">Truck Chassis</div>
<div class="item-title3">This truck chassis is suitable for the cargo truck running on the urban, secondary and above roads.</div>
<div class="item-title4">GVW 5T; Pay load mass 2.9T</div>
<div class="item-more" data-id="30"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/9a07d31b279844d48f4e147f1b93b30a.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/8ac4c5851189420896474ef5a6e52957.png);"></div>
<div class="item-right" style="background: #695238;">
<div class="item-title1">Pure Electric/Hydrogen Fuel</div>
<div class="item-title2">New Energy Tractor</div>
<div class="item-title3">Fast-charging mode: three guns DC charging, charging for 1h-1.5h, making life more convenient.</div>
<div class="item-title4">Full load mass 49T</div>
<div class="item-more" data-id="31"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/509f07b4fced46219a45cf5d61a5aa71.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/e5d29713297d459f9e1a06097a0f1f0a.png);"></div>
<div class="item-right" style="background: #695238;">
<div class="item-title1">Pure Electric</div>
<div class="item-title2">Mining Truck (110T)</div>
<div class="item-title3">Apply for comprehensive working conditions, heavy-duty downhill and heavy-duty uphill.</div>
<div class="item-title4">Total Design Mass 110T</div>
<div class="item-more" data-id="33"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div><div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/c939185cf26741609cc4eda75545ab19.png);"></div>
<div class="item-left m-pic" style="background-image: url(https://skywell-downloadresources.coolwellcloud.com/miniScreen/tspFile/a153e38c27464fb795f8911462777fc4.png);"></div>
<div class="item-right" style="background: #695238;">
<div class="item-title1">Pure Electric</div>
<div class="item-title2">Mining Truck (90T)</div>
<div class="item-title3">Mining Truck</div>
<div class="item-title4">Apply for comprehensive working conditions, heavy-duty downhill and heavy-duty uphill.</div>
<div class="item-more" data-id="32"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div>
<!-- 探索部分 第二个tab内容 -->
<!-- <div class="explore-list explore-list2">
<div class="explore-list-item">
<div class="item-left explore-list-pic1"></div>
<div class="item-right" style="background: #374F6F;">
<div class="item-title1">Comfort version with 520km</div>
<div class="item-title2">创业者</div>
<div class="item-title3">The first strategic SUV.<br />Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic2"></div>
<div class="item-right" style="background: #794E40;">
<div class="item-title1">Luxury version with 520km</div>
<div class="item-title2">D07</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic3"></div>
<div class="item-right" style="background: #1E2A33;">
<div class="item-title1">Comfort version with 620km</div>
<div class="item-title2">D10</div>
<div class="item-title3">The first strategic SUV.<br />Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic4"></div>
<div class="item-right" style="background: #726471;">
<div class="item-title1">Luxury version with 620km</div>
<div class="item-title2">D11</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit.</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div> -->
<!-- 探索部分 第三个tab内容 -->
<!-- <div class="explore-list explore-list3">
<div class="explore-list-item">
<div class="item-left explore-list-pic1"></div>
<div class="item-right" style="background: #6593BA;">
<div class="item-title1">Comfort version with 520km</div>
<div class="item-title2">NJL6128BEV</div>
<div class="item-title3">The first strategic SUV.<br />Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic2"></div>
<div class="item-right" style="background: #891C1F;">
<div class="item-title1">Luxury version with 520km</div>
<div class="item-title2">6129</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic3"></div>
<div class="item-right" style="background: #794E40;">
<div class="item-title1">Comfort version with 620km</div>
<div class="item-title2">6856.6906</div>
<div class="item-title3">The first strategic SUV.<br />Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic4"></div>
<div class="item-right" style="background: #1E2A33;">
<div class="item-title1">Luxury version with 620km</div>
<div class="item-title2">6106.6126</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit.</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic5"></div>
<div class="item-right" style="background: #726471;">
<div class="item-title1">Luxury version with 620km</div>
<div class="item-title2">6017.6117.6127</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit.</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div> -->
<!-- 探索部分 第四个tab内容 -->
<!-- <div class="explore-list explore-list4">
<div class="explore-list-item">
<div class="item-left explore-list-pic1"></div>
<div class="item-right" style="background: #373949;">
<div class="item-title1">Comfort version with 520km</div>
<div class="item-title2">搅拌</div>
<div class="item-title3">The first strategic SUV.<br />Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic2"></div>
<div class="item-right" style="background: #885F2D;">
<div class="item-title1">Luxury version with 520km</div>
<div class="item-title2">宽体车</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic3"></div>
<div class="item-right" style="background: #1E2A33;">
<div class="item-title1">Comfort version with 620km</div>
<div class="item-title2">牵引车</div>
<div class="item-title3">The first strategic SUV.<br />Integration of Skyworth digital ecology</div>
<div class="item-title4">Five seater wide body Panoramic large skylight</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic4"></div>
<div class="item-right" style="background: #774120;">
<div class="item-title1">Luxury version with 620km</div>
<div class="item-title2">渣土车</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit.</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
<div class="explore-list-item">
<div class="item-left explore-list-pic5"></div>
<div class="item-right" style="background: #595B34;">
<div class="item-title1">Luxury version with 620km</div>
<div class="item-title2">自卸车</div>
<div class="item-title3">Exclusive space Great pattern.All-round health and pleasure cockpit.</div>
<div class="item-title4">Novel hugging seat AEB active braking, safety protection</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/overview"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>
</div> -->
<!-- 探索部分 第一个tab按钮 -->
<div class="explore-btn-wrapper explore-btn-wrapper1" data-type="1">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>4</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div><div class="explore-btn-wrapper explore-btn-wrapper2" data-type="2">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>11</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div><div class="explore-btn-wrapper explore-btn-wrapper3" data-type="3">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>3</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div><div class="explore-btn-wrapper explore-btn-wrapper4" data-type="4">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>4</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div>
<!-- 探索部分 第二个tab按钮 -->
<!-- <div class="explore-btn-wrapper explore-btn-wrapper2">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>4</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div> -->
<!-- 探索部分 第三个tab按钮 -->
<!-- <div class="explore-btn-wrapper explore-btn-wrapper3">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>5</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div> -->
<!-- 探索部分 第四个tab按钮 -->
<!-- <div class="explore-btn-wrapper explore-btn-wrapper4">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>5</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div> -->
</div>
<div class="export2-wrapper">
<div class="export2-desc">
<div class="export2-desc-title1">Blue Whale</div>
<div class="export2-desc-title2">L4 unmanned sightseeing car<br>Independently-developed battery, motor, electronic control.</div>
<div class="item-more"><a href="https://en.skywellev.com/v2/bluewhale"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
<!-- <div class="export2-desc-more"><span>Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></div> -->
</div>
</div>
<div class="visit-wrapper web-visit">
<div class="visit-us-title">Visit Us On</div>
<div class="visit-us-more">
<div>
<img src="../../static/web/img/ins.svg" alt="" title="ins" onclick="handleGo('ins')">
<img src="../../static/web/img/facebook.svg" alt="" title="facebook" onclick="handleGo('facebook')">
<img src="../../static/web/img/twitter.svg" alt="" title="twitter" onclick="handleGo('twitter')">
<img src="../../static/web/img/linkin.svg" alt="" title="linkedin" onclick="handleGo('linkedin')">
</div>
<div>
<img src="../../static/web/img/youtube.svg" alt="" title="youtube" onclick="handleGo('youtube')">
<img src="../../static/web/img/tiktok.svg" alt="" title="tiktok" onclick="handleGo('tiktok')">
</div>
</div>
</div>
<div class="visit-wrapper mob-visit">
<div class="visit-us-title">Visit Us On</div>
<div class="visit-us-more">
<div>
<img src="../../static/web/img/ins.svg" alt="" title="ins" onclick="handleGo('ins')">
<div class="divider-column"></div>
<img src="../../static/web/img/facebook.svg" alt="" title="facebook" onclick="handleGo('facebook')">
<div class="divider-column"></div>
<img src="../../static/web/img/twitter.svg" alt="" title="twitter" onclick="handleGo('twitter')">
</div>
<div>
<div class="divider"></div>
<div class="divider"></div>
<div class="divider"></div>
</div>
<div>
<img src="../../static/web/img/linkin.svg" alt="" title="linkedin" onclick="handleGo('linkedin')">
<div class="divider-column"></div>
<img src="../../static/web/img/youtube.svg" alt="" title="youtube" onclick="handleGo('youtube')">
<div class="divider-column"></div>
<img src="../../static/web/img/tiktok.svg" alt="" title="tiktok" onclick="handleGo('tiktok')">
</div>
</div>
</div>
<div class="video-wrap"></div>
<div class="novideo-alert">
<div class="novideo-wrap">
<span class="close">
<img src="https://en.skywellev.com/static/web/img/close.png?v=v1 " alt="" class="img100">
</span>
<div class="novideo-txts">暂无直播，敬请期待</div>
</div>
</div>
<style>
.gonganImg {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 10px;
margin-right: 5px;
}
@media (max-width: 767px) {
.gonganImg {
width: 15px;
height: 15px;
}
}
.lang-tab {
font-size: 12px;
position: absolute;
right: calc(100% + 10px);
}
@media (max-width: 1024px) {
.pc-footer {
display: none;
}
.footer {
padding-top: 0 !important;
}
.footer .w1600 {
width: 100%;
padding: 0 15px;
}
.footer .footer-top {
padding: 0;
margin: 0;
border-top: none;
}
.footer .footer-top .footer-sub-hides {
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.footer .footer-top .footer-nav-a2 {
font-size: 15px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: rgba(60, 60, 67, 0.6);
line-height: 30px;
border-bottom: none;
}
/* 底部隐私协议 */
.footer .footer-more {
font-size: 32px;
font-family: Montserrat-Medium, Montserrat;
letter-spacing: -0.2px;
color: #1D1D1F;
line-height: 38px;
padding-top: 32px;
margin-bottom: 12px;
}
.footer .footer-nav-a1 {
font-size: 17px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.2px;
color: #000000;
line-height: 28px;
height: 54px;
display: flex;
align-items: center;
}
.footer .footer-privacy {
width: 100%;
padding: 20px 30px 40px;
}
.footer .footer-privacy a {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.3px;
color: rgba(60, 60, 67, 0.6);
line-height: 28px;
}
.footer .footer-privacy .footer-privacy-item1 {
display: flex;
justify-content: center;
}
.footer .footer-privacy .footer-privacy-item2 {
text-align: center;
}
.footer .footer-privacy .footer-privacy-item3 {
text-align: center;
}
.footer .footer-privacy .footer-privacy-item4 {
text-align: center;
}
.footer .footer-privacy .footer-links {
display: flex;
justify-content: center;
align-items: center;
}
.footer .footer-privacy .footer-links .link-btn {
color: rgba(60, 60, 67, 0.6);
}
.footer .footer-privacy .footer-logo {
width: 100%;
margin: 40px 0 40px;
}
.footer .footer-privacy .footer-logo img {
display: block;
width: 208px;
height: 60px;
margin: 0 auto;
}
.footer .footer-privacy .footer-back-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer .footer-privacy .footer-back-top span {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.4px;
color: #000000;
line-height: 18px;
margin-top: 4px;
}
/* 底部隐私协议弹窗 */
.privacy {
display: none;
/* height: 100vh; */
position: fixed;
/* top: 0; */
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
background: rgba(0, 0, 0, 0.1);
}
.privacy .privacy-wrapper {
width: 100%;
/* height: 65%; */
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
/* background: rgba(0, 0, 0, 0.9);
padding: 32px 0 0; */
}
.privacy .privacy-wrapper .privacy-center {
width: 355px;
/* height: 60%; */
display: flex;
justify-content: center;
align-items: center;
/* position: absolute;
bottom: 0;
left: 0; */
background: #FFFFFF;
box-shadow: 0px -10px 50px 0px rgba(0, 0, 0, 0.2);
border-radius: 12px 12px 0px 0px;
padding: 24px 16px
}
.privacy .privacy-container {
width: 100%;
/* height: 90%; */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.privacy .privacy-content {
font-size: 13px;
font-family: Montserrat-Regular, Montserrat;
color: #1D1D1F;
line-height: 22px;
margin-bottom: 24px;
}
.privacy .privacy-customize {
display: none;
}
.privacy .privacy-customize .privacy-customize-item {
font-size: 13px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.19px;
color: #1D1D1F;
line-height: 22px;
margin-bottom: 20px;
}
.privacy .privacy-customize .privacy-customize-item input[type="checkbox"] {
-webkit-appearance: none;
width: 22px;
height: 22px;
background: url('../../../static/img/icon_unchecked.svg') no-repeat center/contain;
background-size: 20px;
}
.privacy .privacy-customize .privacy-customize-item input[type="checkbox"]:checked {
background: url('../../../static/img/icon_checked.svg') no-repeat center/contain;
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-item1 input[type="checkbox"] {
/* background-position: -48px 0; */
background: url('../../../static/img/icon_checked_disabled.svg') no-repeat center/contain;
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-title {
font-family: Montserrat-SemiBold, Montserrat;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.privacy .privacy-btn .acceptCustomize {
display: none;
}
.privacy .privacy-btn {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.privacy .privacy-btn span {
font-size: 13px;
font-family: Montserrat-SemiBold, Montserrat;
color: #FFFFFF;
line-height: 14px;
background: #4394C8;
border-radius: 6px;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 16px;
}
}
@media (max-width: 1200px) {
.lang-tab {
display: none;
}
}
@media (min-width: 1025px) {
.footer {
display: none;
}
.pc-footer {
display: block;
background: #F5F5F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pc-footer .footer-nav {
display: flex;
justify-content: center;
margin: 100px 0 100px;
}
.pc-footer .nav-more {
width: 193px;
height: 34px;
font-size: 54px;
font-family: Montserrat-Medium, Montserrat;
color: #000000;
line-height: 34px;
margin-right: 127px;
}
.pc-footer .nav-sub {
margin-right: 125px;
/* width: 194px; */
}
.pc-footer .nav-sub:nth-last-child() {
margin-right: 0px;
/* width: 194px; */
}
.pc-footer .nav-title {
/* width: 194px; */
height: 24px;
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
color: #000000;
line-height: 24px;
}
.pc-footer .nav-item a {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
color: rgba(60, 60, 67, 0.6);
line-height: 24px;
cursor: pointer;
}
.pc-footer .nav-item a:hover {
color: #000;
text-decoration: underline;
}
.pc-footer .nav-divider {
width: 940px;
height: 1px;
background: rgba(0, 0, 0, 0.16);
}
.pc-footer .privacy-box {
width: 940px;
display: flex;
justify-content: space-between;
margin-top: 32px;
}
.pc-footer .privacy-left {
flex: 1;
}
.pc-footer .privacy-left span a {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
color: rgba(60, 60, 67, 0.6);
line-height: 22px;
margin-right: 32px;
cursor: pointer;
}
.pc-footer .privacy-left span a:hover {
color: #000;
text-decoration: underline;
}
.pc-footer .privacy-right {
width: 150px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.pc-footer .privacy-right span {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
line-height: 22px;
color: rgba(60, 60, 67, 0.6);
}
.pc-footer .link-btn {
color: rgba(60, 60, 67, 0.6);
}
.pc-footer .link-btn:hover {
color: #000000;
}
.pc-footer .footer-logo {
margin: 80px 0 80px;
}
.pc-footer .footer-logo a img {
display: block;
width: 277px;
height: 80px;
}
.pc-footer .back-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 60px;
cursor: pointer;
}
.pc-footer .back-top span {
font-size: 14px;
font-family: Montserrat-Regular, Montserrat;
color: #000000;
line-height: 18px;
margin-top: 4px;
}
/* 底部隐私协议弹窗 */
.privacy {
display: none;
/* height: 100vh; */
position: fixed;
/* top: 0; */
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
background: rgba(0, 0, 0, 0.1);
}
.privacy .privacy-wrapper {
width: 100%;
/* height: 60%; */
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
/* background: rgba(0, 0, 0, 0.9); */
/* padding: 64px 0; */
}
.privacy .privacy-wrapper .privacy-center {
width: 1200px;
/* height: 60%; */
display: flex;
justify-content: center;
align-items: center;
/* position: absolute;
bottom: 0;
left: 0; */
background: #FFFFFF;
box-shadow: 0px -10px 50px 0px rgba(0, 0, 0, 0.2);
border-radius: 12px 12px 0px 0px;
padding: 40px
}
.privacy .privacy-container {
width: 100%;
/* height: 80%; */
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
}
.privacy .privacy-content {
font-size: 16px;
font-family: Montserrat-Regular, Montserrat;
color: #1D1D1F;
line-height: 24px;
margin-bottom: 40px;
}
.privacy .privacy-customize {
display: none;
}
.privacy .privacy-customize .privacy-customize-item {
font-size: 16px;
font-family: Montserrat-Regular, Montserrat;
letter-spacing: -0.23px;
color: #1D1D1F;
line-height: 24px;
margin-bottom: 40px;
}
.privacy .privacy-customize .privacy-customize-item input[type="checkbox"] {
-webkit-appearance: none;
/*清除复选框默认样式*/
width: 24px;
height: 24px;
background: url('../../../static/img/icon_unchecked.svg') no-repeat center/contain;
}
.privacy .privacy-customize .privacy-customize-item input[type="checkbox"]:checked {
/* background-position: -48px 0; */
background: url('../../../static/img/icon_checked.svg') no-repeat center/contain;
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-item1 input[type="checkbox"] {
/* background-position: -48px 0; */
background: url('../../../static/img/icon_checked_disabled.svg') no-repeat center/contain;
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-item2 input[type="checkbox"]:hover {
filter: invert(65%) sepia(15%) saturate(6584%) hue-rotate(176deg) brightness(87%) contrast(78%);
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-item2 input[type="checkbox"]:checked:hover {
filter: none;
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-title {
font-family: Montserrat-SemiBold, Montserrat;
letter-spacing: -0.22px;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.privacy .privacy-customize .privacy-customize-item .privacy-customize-title input,
.privacy .privacy-customize .privacy-customize-item .privacy-customize-title label {
cursor: pointer;
}
.privacy .privacy-btn .acceptCustomize {
display: none;
}
.privacy .privacy-btn {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.privacy .privacy-btn span {
font-size: 16px;
font-family: Montserrat-SemiBold, Montserrat;
color: #FFFFFF;
line-height: 20px;
background: #4394C8;
border-radius: 8px;
padding: 14px 40px;
margin-left: 24px;
cursor: pointer;
}
.privacy .privacy-btn span:hover {
background: #4BA6E0;
}
}
@media (min-width: 1201px) {
.pc-footer .nav-more {
width: 143px !important;
}
.pc-footer .nav-sub {
/* width: 215px !important; */
}
.pc-footer .nav-title {
/* width: 215px !important; */
}
.pc-footer .nav-divider {
width: 1027px !important;
}
.pc-footer .privacy-box {
width: 1027px !important;
}
}
@media (min-width: 1401px) {
.pc-footer .nav-more {
width: 193px !important;
}
.pc-footer .nav-sub {
/* width: 265px !important; */
}
.pc-footer .nav-title {
/* width: 265px !important; */
}
.pc-footer .nav-divider {
width: 1280px !important;
}
.pc-footer .privacy-box {
width: 1280px !important;
}
}
</style>
<div class="m-mask"></div>
<div class="pc-footer">
<div class="footer-nav">
<div class="nav-more">More</div>
<div class="nav-sub">
<div class="nav-title">About</div>
<div class="nav-item"><a href="https://en.skywellev.com/history ">Brand</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/joinUs ">Join Us</a></div>
</div>
<div class="nav-sub">
<div class="nav-title">Vehicles</div>
<div class="nav-item"><a href="https://en.skywellev.com/be11 ">BE11</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/list?name=Buses">Buses＆Coachs</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/list?name=Vans">Vans</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/list?name=Trucks">Trucks</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/bluewhale">Unmanned Vehicle</a></div>
</div>
<div class="nav-sub">
<div class="nav-title">Help&Support</div>
<div class="nav-item"><a href="https://en.skywellev.com/service/energy ">Enjoy Energy</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/problem ">Commom Problem</a></div>
<!-- <div class="nav-item"><a href="https://en.skywellev.com/v2/UserManual ">User Manual</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/DismantlingManual ">Dismantling Manual</a></div> -->
<!-- <div class="nav-item"><a href="https://en.skywellev.com/service/heartfelt ">Service Center</a></div> -->
<div class="nav-item"><a href="https://en.skywellev.com/v2/vehicleInfo?type=1 ">Photos & 360° Views</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/dismantling-manual ">Dismantling Manual</a></div>
</div>
<div class="nav-sub">
<div class="nav-title">Service&Warranty</div>
<div class="nav-item"><a href="https://en.skywellev.com/service/afterSale ">Worry-free Service</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/partner">City Partner</a></div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/problem ">Problem</a></div>
</div>
<!-- <div class="nav-sub">
<div class="nav-title">APP Download</div>
<div class="nav-item"><a href="https://en.skywellev.com/v2/app">APP Download</a></div>
</div> -->
</div>
<div class="nav-divider"></div>
<div class="privacy-box">
<div class="privacy-left">
<span><a href="https://en.skywellev.com/v2/privacy?type=1">Privacy</a></span>
<span><a href="https://en.skywellev.com/v2/privacy?type=2">Cookies</a></span>
<span><a href="https://en.skywellev.com/v2/privacy?type=3">California Consumer Rights Request Form</a></span>
<span><a href="https://en.skywellev.com/v2/privacy?type=4">Skywell In Your Region</a></span>
<span><a href="mailto:[email protected]">E-mail: [email protected]</a></span>
</div>
<div class="privacy-right">
<span><a href="https://www.skyworthev.com/" class="link-btn">中文</a></span>
<span style="margin:0 10px">|</span>
<span><a href="https://en.skywellev.com/" class="link-btn" style="color: #000;">English</a></span>
</div>
</div>
<div class="footer-logo">
<a href="https://en.skywellev.com/welcome ">
<img src="../../../static/img/logo_black.svg" alt="">
</a>
</div>
<div class="back-top">
<img src="../../../static/img/up_black.svg" alt="" style="width:16px;height:16px">
<span>TOP</span>
</div>
</div>
<div class="footer">
<div class="w1600">
<!-- <a href="https://en.skywellev.com/welcome " class="footer-logo">
<img src="https://en.skywellev.com/static/web/img/logob.svg?v=v1 " alt="" class="img100">
</a> -->
<div class="footer-more">More</div>
<div class="footer-top flexBox between" style="border-bottom: none;">
<!-- <div class="footer-top-left"> -->
<div class="footer-nav hasMenu">
<a href="javascript:;" id="cn" class="footer-nav-a1">About</a>
<div class="footer-sub-hides">
<a href="https://en.skywellev.com/history " class="footer-nav-a2">Brand</a>
<a href="https://en.skywellev.com/v2/joinUs " class="footer-nav-a2">Join Us</a>
</div>
</div>
<!-- </div> -->
<div class="footer-nav hasMenu">
<a href="javascript:;" id="cn" class="footer-nav-a1">Vehicles</a>
<div class="footer-sub-hides">
<a href="https://en.skywellev.com/be11 " class="footer-nav-a2">BE11</a>
<a href="https://en.skywellev.com/list?name=Buses" class="footer-nav-a2">Buses＆Coachs</a>
<a href="https://en.skywellev.com/list?name=Vans" class="footer-nav-a2">Vans</a>
<a href="https://en.skywellev.com/list?name=Trucks" class="footer-nav-a2">Trucks</a>
<a href="https://en.skywellev.com/v2/bluewhale" class="footer-nav-a2">Unmanned Vehicle</a>
</div>
</div>
<div class="footer-nav hasMenu">
<a href="javascript:;" id="cn" class="footer-nav-a1">Help&Support</a>
<div class="footer-sub-hides">
<a href="https://en.skywellev.com/service/energy " class="footer-nav-a2">Enjoy Energy</a>
<a href="https://en.skywellev.com/v2/problem " class="footer-nav-a2">Commom Problem</a>
<!-- <a href="https://en.skywellev.com/v2/UserManual " class="footer-nav-a2">User Manual</a>
<a href="https://en.skywellev.com/v2/DismantlingManual " class="footer-nav-a2">Dismantling Manual</a> -->
<!-- <a href="https://en.skywellev.com/service/heartfelt " class="footer-nav-a2">Service Center</a> -->
<a href="https://en.skywellev.com/v2/vehicleInfo?type=1 " class="footer-nav-a2">Photos & 360° Views</a>
<a href="https://en.skywellev.com/v2/dismantling-manual " class="footer-nav-a2">Dismantling Manual</a>
</div>
</div>
<div class="footer-nav hasMenu">
<a href="javascript:;" id="cn" class="footer-nav-a1">Service&Warranty</a>
<div class="footer-sub-hides">
<a href="https://en.skywellev.com/service/afterSale " class="footer-nav-a2">Worry-free Service</a>
<a href="https://en.skywellev.com/partner " class="footer-nav-a2">City Partner</a>
<a href="https://en.skywellev.com/v2/problem " class="footer-nav-a2">Problem</a>
</div>
</div>
<!-- <div class="footer-nav">
<a href="https://en.skywellev.com/v2/app" class="footer-nav-a1">APP Download</a>
</div> -->
<!--<div class="footer-nav hasMenu">
<a href="javascript:;" class="footer-nav-a1">News</a>
<div class="footer-sub-hides">
<a href="https://en.skywellev.com/news " class="footer-nav-a2">Brand News</a>
<a href="https://en.skywellev.com/activity " class="footer-nav-a2">品牌活动</a>
</div>
</div>-->
<!-- <div class="footer-nav">
<a href="https://en.skywellev.com/v2/app" class="footer-nav-a1">APP Download</a>
</div> -->
</div>
<div class="footer-privacy">
<div class="footer-privacy-item1"><span style="display: inline-block;width: calc(50% - 11px);text-align:right"><a href="https://en.skywellev.com/v2/privacy?type=1">Privacy</a></span><span style="width:22px;display:flex;justify-content: center;">|</span><span style="display: inline-block;width: calc(50% - 11px);"><a href="https://en.skywellev.com/v2/privacy?type=2">Cookies</a></span></div>
<div class="footer-privacy-item2"><a href="https://en.skywellev.com/v2/privacy?type=3">California Consumer Rights Request Form</a></div>
<div class="footer-privacy-item3"><a href="https://en.skywellev.com/v2/privacy?type=4">Skywell In Your Region</a></div>
<div class="footer-privacy-item4"><a href="mailto:[email protected]">E-mail: [email protected]</a></div>
<div class="footer-links">
<span style="display: inline-block;width: calc(50% - 11px);text-align:right"><a href="https://www.skyworthev.com/" class="link-btn">中文</a></span>
<span style="width:22px;display: flex;justify-content: center;">|</span>
<span style="display: inline-block;width: calc(50% - 11px);"><a href="https://en.skywellev.com/" class="link-btn" style="color: #000;">English</a></span>
</div>
<div class="footer-logo">
<a href="https://en.skywellev.com/welcome ">
<img src="https://en.skywellev.com/static/img/logo_black.svg?v=v1 " alt="">
</a>
</div>
<div class="footer-back-top">
<img src="../../../static/img/up_black.svg" alt="" style="width:16px;height:16px">
<span>TOP</span>
</div>
</div>
<!-- <div class="footer-bot-dr m-show">
<div class="friend-wrap">
<div class="friend-name">Links</div>
<div class="friend-hides">
<a href="http://www.skyworth.com/" target="_blank;" class="friend-a">Skyworth</a>
<a href="http://www.skywellcorp.com/" target="_blank;" class="friend-a">Skywell</a>
</div>
</div>
</div>
-->
<!-- <div class="footer-top-right">
<div class="bdsharebuttonbox flexBox">
<span class="s0">Follow : </span>
<a href="javascript:;" class="weixin" title="点击Follow 我们"></a>
<a href="https://weibo.com/u/7343655123?is_all=1" target="_blank;" class="bds_tsina" title="新浪微博"></a>
</div>
</div>-->
</div>
<!-- <div class="footer-bot flexBox between"> -->
<!-- <div class="footer-bot-dl start"> -->
<!-- <span>COPYRIGHT ©2019-2022 </span><span>Jiangsu Skywell Automobile Co., Ltd.</span> -->
<!-- <span class="pc-inline">Support：<a class="boc-a" title="网站建设" target="_blank"-->
<!-- href="https://www.coolwellcloud.com/">CoolWell</a></span>-->
<!-- <span class="pc-inline">备案/许可证编号：-->
<!-- <a class="boc-a" title="网站建设" target="_blank"-->
<!-- href="http://beian.miit.gov.cn/">苏ICP备20015190号-1</a></span>-->
<!-- <span class="pc-inline">-->
<!-- <a target="_blank"-->
<!-- href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32030502000277" class="boc-a">-->
<!-- <img src=" -->
<!-- " class="gonganImg"/>苏公网安备 32030502000277号</a>-->
<!-- </span>-->
<!-- <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1280131525'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/z_stat.php%3Fid%3D1280131525%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
<!-- </div> -->
<!-- -->
<!-- <div class="footer-bot-dr pc-show"> -->
<!-- <div class="friend-wrap"> -->
<!-- <div class="lang-tab"> -->
<!-- <a href="https://www.skyworthev.com/">CN</a> -->
<!-- </div> -->
<!-- <div class="friend-name">Links</div> -->
<!-- <div class="friend-hides"> -->
<!-- -->
<!-- <a href="http://www.skyworth.com/" target="_blank;" class="friend-a">Skyworth</a> -->
<!-- -->
<!-- <a href="http://www.skywellcorp.com/" target="_blank;" class="friend-a">Skywell</a> -->
<!-- -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- -->
<!-- </div> -->
</div>
<!-- <div class="right-fixed">
<a href="https://en.skywellev.com/partner " class="fixed-a partner-btn0">
<div class="m-show">
<img src="https://en.skywellev.com/static/web/img/m-pa0.png?v=v1 " alt="" class="ico">
<div class="m-txt">城市合伙人</div>
</div>
</a>
<a href="javascript:;" class="fixed-a ewm-btn0">
<div class="m-show">
<img src="https://en.skywellev.com/static/web/img/m-app0.png?v=v1 " alt="" class="ico">
<div class="m-txt">APP下载</div>
</div>
</a>
<a href="javascript:;" class="fixed-a toTop"></a>
</div> -->
<div class="ewm-alert">
<div class="ewm-wrap">
<span class="close">
<img src="https://en.skywellev.com/static/web/img/close.png?v=v1 " alt="" class="img100">
</span>
<div class="img-wrap">
<img src="https://en.skywellev.com/static/web/img/ewm1.jpg?v=v1 " alt="" class="img100">
<div class="ewm-txts">扫描二维码，Follow 了解更多信息</div>
</div>
</div>
</div>
<div class="privacy" style="display: block;">
<div class="privacy-wrapper">
<div class="privacy-center">
<div class="privacy-container">
<div class="privacy-content">We use our own and third-party cookies to ensure the proper functioning of the web portal and its complements, perform navigation analysis and show multimedia content. If you continue browsing, you accept the use of this technology. For more information please see our Cookies Statement. <a href="https://en.skywellev.com/v2/privacy?type=2 " style="text-decoration: underline;">Learn more</a></div>
<div class="privacy-customize">
<div class="privacy-customize-item">
<div class="privacy-customize-title privacy-customize-item1"><input type="checkbox" value="1" name="re" id="re" disabled="" checked=""><label style="padding-left: 8px;" for="re">Technically Required</label></div>
<div class="privacy-customize-text">Required web technologies and cookies make our website technically accessible to and usable for you. This applies to fundamental base functionalities such as navigation on the website, correct display in your internet browser or requesting your consent. Without these web technologies and cookies our website does not work.</div>
</div>
<div class="privacy-customize-item">
<div class="privacy-customize-title privacy-customize-item2"><input type="checkbox" value="1" name="as" id="as"><label style="padding-left: 8px;" for="as">Analysis and Statistics</label></div>
<div class="privacy-customize-text">We want to constantly improve the user-friendliness and performance of our websites. For this reason we use analysis technologies (including cookies) which pseudonymously measure and evaluate which functions and content of our websites are used, how and how often. On this basis we can improve our websites for users.</div>
</div>
</div>
<div class="privacy-btn">
<span class="accept">Accept All</span>
<span class="customize">Customize</span>
<span class="acceptCustomize">Accept Selected</span>
<span class="reject">Reject All</span>
</div>
</div>
</div>
</div>
</div>
<script src="https://en.skywellev.com/static/web/js/main.js?v=v1" type="text/javascript" charset="utf-8"></script><script>
$(function() {
$('.right-fixed').addClass('show')
// 右边固定部分
$('body').on('click', '.ewm-btn0,.weixin', function() {
$('.ewm-alert').stop().fadeIn();
setTimeout(function() {
$('.ewm-wrap').addClass('show');
}, 100);
});
$('body').on('click', '.ewm-alert .close', function() {
$('.ewm-wrap').removeClass('show');
setTimeout(function() {
$('.ewm-alert').stop().fadeOut();
}, 100);
});
$('.friend-name').click(function() {
if ($('.friend-wrap').hasClass('cur')) {
$('.friend-wrap').removeClass('cur');
$('.friend-hides').stop().slideUp();
} else {
$('.friend-wrap').addClass('cur');
$('.friend-hides').stop().slideDown();
}
});
$('.friend-hides').click(function() {
$('.friend-hides').stop().slideUp();
$('.friend-wrap').removeClass('cur');
});
$('body').on('click', '.footer-nav-a1', function() {
var _width = $(window).width();
if (_width < 768) {
var _this = $(this).parent();
if (_this.hasClass('hasMenu')) {
_this.siblings().find('.footer-sub-hides').stop().slideUp();
_this.siblings().removeClass('cur');
_this.toggleClass('cur').siblings().removeClass('cur');
_this.find('.footer-sub-hides').stop().slideToggle();
}
}
})
// back-top
$('.pc-footer .back-top').click(function() {
$("html,body").animate({
"scrollTop": "0px"
}, "slow");
});
$('.footer .footer-back-top').click(function() {
$("html,body").animate({
"scrollTop": "0px"
}, "slow");
});
// 判断是否展示隐私协议
const isPrivacy = localStorage.getItem('isPrivacy')
if (!isPrivacy) {
$('.privacy').css('display', 'block')
} else {}
// 点击任意按钮取消展示隐私协议
$('body').on('click', '.privacy .accept', function() {
localStorage.setItem('isPrivacy', true)
$('.privacy').css('display', 'none')
})
$('body').on('click', '.privacy .reject', function() {
localStorage.setItem('isPrivacy', true)
$('.privacy').css('display', 'none')
})
$('body').on('click', '.privacy .acceptCustomize', function() {
localStorage.setItem('isPrivacy', true)
$('.privacy').css('display', 'none')
})
// 点击自定义隐私协议
$('body').on('click', '.privacy .customize', function() {
// 切换隐私内容
$('.privacy .privacy-content').css('display', 'none')
$('.privacy .privacy-customize').css('display', 'block')
// 切换展示按钮
$('.privacy .privacy-btn .customize').css('display', 'none')
$('.privacy .privacy-btn .acceptCustomize').css('display', 'flex')
})
});
</script> <link rel="stylesheet" href="https://en.skywellev.com/static/web/swiper/swiper5.min.css?v=v1" type="text/css" media="screen" charset="utf-8"><script src="https://en.skywellev.com/static/web/swiper/swiper5.min.js?v=v1" type="text/javascript" charset="utf-8"></script><link rel="stylesheet" href="https://en.skywellev.com/static/web/mCustomScrollbar/mCustomScrollbar.css?v=v1" type="text/css" media="screen" charset="utf-8"><script src="https://en.skywellev.com/static/web/mCustomScrollbar/mCustomScrollbar.js?v=v1" type="text/javascript" charset="utf-8"></script> <script>
init()
function init() {
// const obj = [{
// id: 11,
// type: 'Trucks',
// list: [{
// id: 1,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/b724769e125e446f977c1fbee5c78541.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/8e13fd15f3d2482b8f99b25f8ed25f92.png',
// title1: 'Comfort version with 520km',
// title2: 'Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 2,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/f04680adebc142728429dfcb726f267f.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/eee299acd8cb41ada70921210d4d2439.png',
// title1: 'Comfort version with 520km',
// title2: 'Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 3,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/54441fbe73ba46d3a28df9b4418d3e81.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/a558aa7e7ebc4402bbbc676babf94d1a.png',
// title1: 'Comfort version with 520km',
// title2: 'Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 4,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/f1c5f46535804e449ca17c997c722706.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/0b6864d548014f5090fa0152abcb601d.png',
// title1: 'Comfort version with 520km',
// title2: 'Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// ]
// },
// {
// id: 22,
// type: 'Buses',
// list: [{
// id: 1,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/5a341285bf474d98a34d4161278323c5.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/b87653cc20f54c97b014962e4f11662d.png',
// title1: 'Comfort version with 520km',
// title2: 'Buses',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 2,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/20612badddc64bebad39fa99881e62ea.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/34643ffb0b0e40fd8025736b6a853d38.png',
// title1: 'Comfort version with 520km',
// title2: 'Buses',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 3,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/2001d0cce5404456a8e300b0a63792f3.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/996277a0c15348f49cf3558d06753048.png',
// title1: 'Comfort version with 520km',
// title2: 'Buses',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 4,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/97abbb86d50e466e92c8c1f2073add73.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/34d425b149ff454eb3958ff77d350ebc.png',
// title1: 'Comfort version with 520km',
// title2: 'Buses',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 5,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/efe64f886c8e45f4a7a0ff775be3d0ca.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/c86cd6badd544d5cb67f5dc6a8b7ec88.png',
// title1: 'Comfort version with 520km',
// title2: 'Buses',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// ]
// },
// {
// id: 33,
// type: 'Heavy Trucks',
// list: [{
// id: 1,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/35cbb5a42c8c42fb949e903831352d43.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/a7989daae4904d27959b5ceab60967c1.png',
// title1: 'Comfort version with 520km',
// title2: 'Heavy Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 2,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/7efcf178242744faa1d03064b98ad4ed.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/02f339916ca14feca75721a33183466f.png',
// title1: 'Comfort version with 520km',
// title2: 'Heavy Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 3,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/e9da8b2a9e1a4a4baa587047b28face3.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/56aa7ea0d35147aab80568edf56a8493.png',
// title1: 'Comfort version with 520km',
// title2: 'Heavy Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 4,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/74d6101b6bc048148702940a491b3c8d.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/22e3d7127dee45049057414b4c8093a8.png',
// title1: 'Comfort version with 520km',
// title2: 'Heavy Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// {
// id: 5,
// url: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/8c50bee830a748318155bf1b8258e7d4.png',
// mUrl: 'https://skywell-downloadresources.coolwellcloud.com/miniScreen/material/16ed8d7fba8a4a31a04a1fff7bc8ed96.png',
// title1: 'Comfort version with 520km',
// title2: 'Heavy Trucks',
// title3: 'The first strategic SUV.<br />Integration of Skyworth digital ecology',
// title4: 'Five seater wide body Panoramic large skylight',
// },
// ]
// },
// ]
const data = {}
$.ajax({
url: "https://www.skywellev.com:8090/v2/api/product/type/item/productList",
type: 'POST',
contentType: 'application/json;charset=UTF-8',
data: JSON.stringify(data),
success: (res) => {
if (res.success) {
const obj = res.result || []
const colorList = ["#374F6F", "#794E40", "#1E2A33", "#726471", "#6593BA", "#891C1F", "#373949", "#885F2D", "#774120", "#595B34", "#837070", "#695238", "#343C35", "#26232A"]
obj.length > 0 && obj.map((scope, ind) => {
// content list
let subEle = ''
scope.vehicleInfoDetailDtoList && scope.vehicleInfoDetailDtoList.length > 0 && scope.vehicleInfoDetailDtoList.map((item, index) => {
const random = Math.floor(Math.random() * colorList.length) // 选取随机背景颜色
const cell = `<div class="explore-list-item">
<div class="item-left pc-pic" style="background-image: url(${item.webUrl});"></div>
<div class="item-left m-pic" style="background-image: url(${item.mobileUrl});"></div>
<div class="item-right" style="background: ${colorList[random]};">
<div class="item-title1">${item.titleOne}</div>
<div class="item-title2">${item.name}</div>
<div class="item-title3">${item.titleTwo}</div>
<div class="item-title4">${item.titleThree}</div>
<div class="item-more" data-id="${item.id}"><a href="javascript:;"><span class="left">Learn More</span><span class="right"><img src="../../static/img/right_black.svg" alt=""></span></a></div>
</div>
</div>`
subEle += cell
})
const ele = `<div class="explore-list explore-list${ind+2}" data-type="${ind+2}">
${subEle}
</div>`
$('.explore-wrapper .explore-list:last').after(ele)
// 分页器
const page = `<div class="explore-btn-wrapper explore-btn-wrapper${ind+2}" data-type="${ind+2}">
<div class="prev-btn explore-btn disabled"><img src="../../static/img/swiper-left.svg" alt=""></div>
<div class="count-wrapper"><span class="cur-count">1</span><span style="margin:0 8px">of</span><span>${scope.vehicleInfoDetailDtoList.length}</span></div>
<div class="next-btn explore-btn"><img src="../../static/img/swiper-right.svg" alt=""></div>
</div>`
$('.explore-wrapper .explore-btn-wrapper:last').after(page)
// tabs
const tab = `<div class="vehicle-tabs-item" data-type="${ind+2}"><span>${scope.type}</span></div>`
const mTab = `<div class="tabs-option-item" data-type="${ind+2}">${scope.type}</div>`
$('.explore-wrapper .vehicle-tabs-pc').append(tab)
$('.explore-wrapper .vehicle-tabs-m .vehicle-tabs-option').append(mTab)
})
}
},
error: (e, data) => {},
complete: () => {
bindScroll()
}
});
}
var arrayimg0 = [];
var index = '';
$('.welcome-banner .slide-img').each(function() {
arrayimg0.push($(this).data('img'));
});
var swiper1 = new Swiper('.welcome-banner', {
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: '.wel-hd01',
clickable: true,
},
autoplay: {
delay: 8000,
stopOnLastSlide: false,
disableOnInteraction: false,
},
effect: 'fade',
speed: 800,
loop: true,
spaceBetween: 0,
slidesPerView: 1,
centeredSlides: true,
slideToClickedSlide: true,
initialSlide: 3, //初始化到指定位置
autoplayDisableOnInteraction: false,
on: {
transitionEnd: function(swiper) {
$('.welcome-banner .swiper-slide-active').find('.font18,.font64,.more,.welcome-banner-txts').addClass('in').parent().siblings().find('.font18,.font64,.more,.welcome-banner-txts').removeClass('in');
},
},
});
// 初始化第一张banner
var mySwiper = document.querySelector('.welcome-banner').swiper
mySwiper.slideNext()
let initVideo = $('.pc-video-wrapper').find("video");
for (const item of initVideo) {
item.currentTime = 0
}
// swiper1.autoplay.stop();
$(function() {
var _url = "https://en.skywellev.com/ajax/video_ajax";
$('body').on('click', '.video-wrap .close', function() {
$('#video').trigger('pause');
$('.video-wrap').html('');
$('.video-wrap').removeClass('show');
setTimeout(function() {
$('.video-wrap').stop().fadeOut();
}, 50);
});
// $('body').on('click','.wel-list1 .more2',function(){
// $('.novideo-alert').stop().fadeIn();
// setTimeout(function(){
// $('.novideo-wrap').addClass('show');
// }, 100);
// $('.video-wrap').stop().show();
// $('.video-wrap').load(_url);
// setTimeout(function(){
// $('.video-wrap').addClass('show');
// }, 200);
// $.ajax({
// url: _url,
// data: '1',
// cache: false,
// dataType: 'html',
// beforeSend: function(){
// $('video-wrap').html('');
// },
// success: function (html) {
// $('.video-wrap').stop().show();
// $('video-wrap').html(html);
// setTimeout(function(){
// $('.video-wrap').addClass('show');
// }, 200);
// }
// });
// });
$('body').on('click', '.novideo-alert .close', function() {
$('.novideo-wrap').removeClass('show');
setTimeout(function() {
$('.novideo-alert').stop().fadeOut();
}, 100);
});
var s = 'welcome to SkyWell!';
var con = $('.loadding-txt');
var index = 0;
var length = s.length;
var tId = null;
// checkLoad();
function writeTxt() {
con.text('');
tId = setInterval(function() {
con.append(s.charAt(index));
if (index++ === length) {
clearInterval(tId);
$('.loadding-bg').addClass('hide');
}
}, 100);
}
function checkLoad() {
document.onmousemove = function(e) {
e = e || window.event;
var x = e.clientX;
var y = e.clientY;
document.getElementById('load-mouse').style.left = x + 'px';
document.getElementById('load-mouse').style.top = y + 'px';
}
_PreLoadImg(arrayimg0, function() {
writeTxt();
setTimeout(function() {
$('.svg1').addClass('animate');
$('.loadding-bg').hide();
}, 3500);
swiper1.autoplay.start();
$('.welcome-banner').find('.load-wrap').fadeOut(50);
});
// if(window.name == ""){// 首次打开
// //loadding鼠标跟随 end
// window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值
// }else if(window.name == "isReload"){// 非首次打开
// $('.svg1').addClass('animate');
// $('.loadding-bg').hide();
// _PreLoadImg(arrayimg0,function(){
// swiper1.autoplay.start();
// $('.welcome-banner').find('.load-wrap').fadeOut(50);
// });
// }
}
});
$(".btn-play2").click(function() {
let src = $(this).data('src');
$('#video').attr('src', src);
$('.videos').show();
document.getElementById("video").play();
});
// banner播放按钮
$('body').on('click', '.play-btn', function() {
if ($(this).children(".play").css("display") == "block") {
$(this).children(".pause").css('display', 'block')
$(this).children(".play").css('display', 'none')
const video = $(this).parent().children(".pc-video-wrapper").find("video")
for (const item of video) {
item.pause()
}
} else {
$(this).children(".pause").css('display', 'none')
$(this).children(".play").css('display', 'block')
const video = $(this).parent().children(".pc-video-wrapper").find("video")
for (const item of video) {
// // item.hide()
// item.load()
item.play()
}
}
})
// 自动播放兼容微信浏览器
var video = $('.pc-video-wrapper').find("video");
if (typeof WeixinJSBrdgeReady == "object" && typeof WeixinJSBridge.invoke == "function") {
for (const item of video) {
item.play()
}
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", function() {
for (const item of video) {
item.play()
}
}, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", function() {
for (const item of video) {
item.play()
}
});
document.attachEvent("onWeixinJSBridgeReady", function() {
for (const item of video) {
item.play()
}
});
}
}
// 安卓端的微信内，改变按钮默认状态为暂停
if (isAndroid() && isWeixin()) {
$('.welcome-banner .play-btn').children(".pause").css('display', 'block')
$('.welcome-banner .play-btn').children(".play").css('display', 'none')
}
function isAndroid() {
if (navigator.userAgent.match(/android/i)) {
return true; //安卓环境
} else {
return false
}
}
function isWeixin() {
if (navigator.userAgent.match(/(MicroMessenger|micromessenger);?/i)) {
return true; // 是微信端
} else {
return false;
}
}
// 探索按钮
$('body').on('click', '.explore-wrapper .explore-list .explore-list-item .item-more', function() {
// 跳转详情页
const id = $(this).attr('data-id')
if (id) {
const host = window.location.host
window.location.href = `https://${host}/v2/overview?type=1&id=${id}`
}
})
$('body').on('click', '.explore-wrapper .explore-btn-wrapper .prev-btn', function() {
const type = $(this).parent().attr('data-type')
const w = $(`.explore-list${type}`).prop('scrollWidth')
const left = $(`.explore-list${type}`).scrollLeft()
const rate = document.body.clientWidth < 1025 ? 338 : 670
if (left == 0) return
$(`.explore-list${type}`).scrollLeft(left - rate < 0 ? 0 : left - rate)
})
$('body').on('click', '.explore-wrapper .explore-btn-wrapper .next-btn', function() {
const type = $(this).parent().attr('data-type')
const w = $(`.explore-list${type}`).prop('scrollWidth')
const left = $(`.explore-list${type}`).scrollLeft()
const rate = document.body.clientWidth < 1025 ? 338 : 670
if (left == w) return
$(`.explore-list${type}`).scrollLeft(left + rate > w ? w : left + rate)
})
var timer = null
function bindScroll() {
$('.explore-list').scroll((e) => {
const type = e.currentTarget.dataset.type
clearInterval(timer);
timer = setTimeout(() => {
const w = $(`.explore-list${type}`).prop('scrollWidth')
const left = document.getElementsByClassName(`explore-list${type}`)[0].scrollLeft
const rate = document.body.clientWidth < 1025 ? 330 : 660
const num1 = Math.ceil(left / rate)
left == 0 ? $(`.explore-btn-wrapper${type} .cur-count`).text(1) : $(`.explore-btn-wrapper${type} .cur-count`).text(num1)
if (left == 0) {
$(`.explore-btn-wrapper${type} .prev-btn`).addClass('disabled')
$(`.explore-btn-wrapper${type} .next-btn`).removeClass('disabled')
} else if (Math.abs(left + document.body.clientWidth - w) < 1) {
$(`.explore-btn-wrapper${type} .prev-btn`).removeClass('disabled')
$(`.explore-btn-wrapper${type} .next-btn`).addClass('disabled')
} else {
$(`.explore-btn-wrapper${type} .prev-btn`).removeClass('disabled')
$(`.explore-btn-wrapper${type} .next-btn`).removeClass('disabled')
}
}, 100)
})
}
// 探索 tabs pc端
$('body').on('click', '.vehicle-tabs-pc .vehicle-tabs-item', function() {
if (!$(this).hasClass('cur-tabs-item')) {
$(this).addClass('cur-tabs-item').siblings().removeClass('cur-tabs-item');
}
const type = $(this).attr('data-type')
$('.explore-wrapper .explore-list').css('display', 'none')
$(`.explore-wrapper .explore-list${type}`).css('display', 'flex')
$('.explore-wrapper .explore-btn-wrapper').css('display', 'none')
$(`.explore-wrapper .explore-btn-wrapper${type}`).css('display', 'flex')
$('.explore-wrapper .explore-list').scrollLeft(0)
});
// 探索 tabs 移动端
$('body').on('click', '.explore-wrapper .vehicle-tabs-m .vehicle-tabs-label', function() {
var _this = $('.explore-wrapper .vehicle-tabs-m');
if (!_this.hasClass('show-option')) {
_this.addClass('show-option')
} else {
_this.removeClass('show-option');
}
});
$("body").click(function(e) {
if ($(e.target).closest(".explore-wrapper .vehicle-tabs-m .vehicle-tabs-label").length == 0) {
$('.explore-wrapper .vehicle-tabs-m').removeClass('show-option')
}
});
$('body').on('click', '.vehicle-tabs-m .tabs-option-item', function() {
const type = $(this).attr('data-type')
const text = $(this).text()
$('.explore-wrapper .explore-list').css('display', 'none')
$(`.explore-wrapper .explore-list${type}`).css('display', 'flex')
$('.explore-wrapper .explore-btn-wrapper').css('display', 'none')
$(`.explore-wrapper .explore-btn-wrapper${type}`).css('display', 'flex')
$('.vehicle-tabs-m .vehicle-tabs-label').text(text)
$('.explore-wrapper .explore-list').scrollLeft(0)
});
function handleGo(to) {
switch (to) {
case 'ins':
window.open('https://www.instagram.com/skywellev/', '_blank')
break;
case 'facebook':
window.open('https://www.facebook.com/profile.php?id=61551406860967', '_blank')
break;
case 'twitter':
window.open('https://twitter.com/skywellev', '_blank')
break;
case 'linkedin':
window.open('https://www.linkedin.com/company/97459209/admin/feed/posts/', '_blank')
break;
case 'youtube':
window.open('https://www.youtube.com/@skywellev', '_blank')
break;
case 'tiktok':
window.open('https://www.tiktok.com/@skywellev', '_blank')
break;
default:
break;
}
}
function close1() {
var v = document.getElementById('video');
$('.videos').hide();
v.pause();
$('.videos').html();
}
</script>
</body></html>