section {
    display: block;
    position: relative;
    width: 100%;
}

a:visited,
a:active,
a:focus {
    color: #fff;
}

video {
    object-fit: cover;
}

.details-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.details-bg img {
    width: 100%;
}


.p-stky {
    position: sticky;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 100vh;
}

@-webkit-keyframes identifier {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes identifier {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes identifier1 {
    0% {
        -webkit-transform: translateY(0) scale(1.21);
        transform: translateY(0) scale(1.21);
    }

    50% {
        -webkit-transform: translateY(10px) scale(1.21);
        transform: translateY(10px) scale(1.21);
    }

    to {
        -webkit-transform: translateY(0) scale(1.21);
        transform: translateY(0) scale(1.21);
    }
}

@keyframes identifier1 {
    0% {
        -webkit-transform: translateY(0) scale(1.21);
        transform: translateY(0) scale(1.21);
    }

    50% {
        -webkit-transform: translateY(10px) scale(1.21);
        transform: translateY(10px) scale(1.21);
    }

    to {
        -webkit-transform: translateY(0) scale(1.21);
        transform: translateY(0) scale(1.21);
    }
}

a.button-anchor:hover,
a.button-anchor:visited,
a.button-anchor:active,
a.button-anchor:focus {
    color: #fff !important;
}

.nav-top {
    background: rgba(255, 255, 255, 0.48);
    backdrop-filter: blur(25.5px);
    z-index: 99;
    height: 64px;
    display: flex;
    align-items: center;
}

.nav-top .pn {
    color: #3F3F3F !important;
    font-size: 14px;
    font-weight: 500;

}
.nav-top .pn span {
    font-weight: 400;
}
.otherinfo a.oi {
    font-weight: 500;
    font-size: 14px;
    line-height: 64px;
    color: #333 !important;
    margin-right: 26px;
    position: relative;
}

.otherinfo a.oi:nth-child(3) {
    margin-right: 60px;
}

.otherinfo a.oi:hover {
    color: #E60012 !important;
}

.otherinfo a.oi:active {
    color: #E60012 !important;
}

.buyNow {
    width: 88px;
    height:30px;
    background: #E60012;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    margin-right: 0;
    text-align: center;
}

.full-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #232526;
    z-index: 10000;
    display: none;
}

.media-modal-close {
    top: 16px;
    right: 16px;
    font-size: 24px;
    line-height: 1;
    transition: all 0.5s ease;
    width: 40px;
    position: absolute;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    height: 40px;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    border-radius: 50% !important;
    outline: none;
    cursor: pointer;
    z-index: 10100;
}

.media-modal-video {
    position: absolute;
    width: 1200px;
    height: 640px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10050;
}

.media-modal-video video {
    width: 100%;
    height: 100%;
}

#view {
    width: 1200px;
    height: 600px;
    background: #131212;
    border: .8px solid #323232;
    border-radius: 8px;
}

.toTop {
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 10%;
    right: 4%;
    background-image: url('https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/icon/toTop.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
    cursor: pointer;
    z-index: 999;
}

.home {
    width: 100%;
    position: relative;
    height: calc(100vh - 128px);
    overflow: hidden;
    /* background-image: -webkit-image-set(url(https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/ProTek60_Pro/home-bg.jpg) 1x, url(https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/ProTek60_Pro/home-bg.jpg) 2x);
       background-repeat: no-repeat;
       background-size: 100% 100%; */
}

.home-container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.home-bg-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.home-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.home-title {
    margin-top: 91px;
    width: 676px;
    /* height: 162px; */
    z-index: 4;
    text-align: center;
}

.home-title .home-pic1 {
    width: 618px;
    height: 72px;
    margin-top:24px;
}

.home-title .home-pic2 {
    width: 251px;
    height: 27px;
    margin-top: 24px;
}

@media (min-width:2160px) {
    .home-title {
        margin-top: 91px;
    }
}

.home-title img {
    /* width: 100%; */
    height: 100%;
}

.home-title .home-title1{
    font-size:76px;
    font-weight:600!important;
    line-height:76px;
    letter-spacing:4px;
    color:#424242;
}
.home-title .home-title1 span{
    font-weight:400;
}

.home-title .home-title2{
    font-size:28px;
    font-weight:500!important;
    line-height:28px;
    color:#666666;
    margin-top:24px;
}

.home-box {
    margin-top: 24px;
    display: flex;
    align-items: center;
    z-index: 4;
}

.home-buy {

    width: 147px;
    height: 40px !important;
    border-radius: 67px;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.06em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 0;
    color: #fff;
    border: 1px solid #e60012;
    background-color: #e60012;
}


a.home-buy:hover {
    color: #fff;
    border: 1px solid #e60012;
    background-color: #e60012;
}

.home-video {
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    /* identical to box height, or 100% */
    letter-spacing: 0.06em;
    color: #e60012;
    border: 1px solid #e60012;
    border-radius: 67px;
    padding: 11.5px 0;
    text-align: center;
    width: 147px;
    height: 40px;
    cursor: pointer;
    margin-left: 14px;
}

.home-run {
    display: flex;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    align-items: center;

}

.home-run span {
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */
    text-transform: capitalize;
    color: #FFFFFF;
    opacity: 0.6;
}

.home-run img {
    width: 24px;
    height: 24px;
    -webkit-animation: identifier 1.5s ease-in-out infinite;
    animation: identifier 1.5s ease-in-out infinite;
}

.details1 {
    width: 100%;
    height: 100vh;
    background-color: #000;
    position: relative;
}

.details1 video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details1-info {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.2);
}

.details1-icon-list {
    display: none;
    /* display: flex; */
    align-items: center;
    width: 895px;
    height: calc(50% - 64px);
    justify-content: space-between;
    flex-wrap: wrap;
}


.details1-icon-info {
    /* display: none; */
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 50%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.details1-icon-info:nth-child(1) {
    animation-delay: 0.1s;
}

.details1-icon-info:nth-child(2) {
    animation-delay: 0.2s;
}

.details1-icon-info:nth-child(3) {
    animation-delay: 0.3s;
}

.details1-icon-info:nth-child(4) {
    animation-delay: 0.4s;
}

.details1-icon-info:nth-child(5) {
    animation-delay: 0.5s;
}

.details1-icon-info:nth-child(6) {
    animation-delay: 0.6s;
}

.details1-icon-info img {
    width: 100px;
    height: 100px;
}

.details1-icon-info .details1-icon-desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    padding-top: 32px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
}

@media(min-width:2160px) {

    .details1-icon {
        margin-top: 14.166%;
    }
}
.details1-bg{
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}
.details1-bg video{
    width:100%;
    height:100%;
    object-fit: cover;
}
.details2-title{
    position: absolute;
    top: calc(50% - 64px);
    left: 0;
    font-size: 64px;
    color: #fff;
    z-index: 22;
    width: 100%;
    text-align: center;
    transform: scale(0);
    transition: all .5s;
}

.details2 {
    width: 100%;
    height: 250vh;
    position: relative;
    background-color: #000;
}

.details2-info {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.details2-video {
    position: relative;
    z-index: 1;
}

.details2-info .details2-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details2-content {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    opacity: .4;
}

.details2-content canvas {
    position: absolute;

    transform-origin: center center;

    transition: all .5s ease .2s;
}

@media(max-width:2160px) {
    .details2-content canvas {
        top: -9.3%;
    left: -10.1%;
    transform: rotate(26.9deg);
    }
}

@media(min-width:2160px) {
    .details2-content canvas {
        top: -31%;
        left: -3.6%;
        transform: rotate(27.7deg);
    }
}
.details2-mask{
    width:100%;
    height:263px;
    background:linear-gradient(0deg, black, black 15%, transparent);
    position:absolute;
    bottom:-1px;
    z-index:100;
}

.details3{
    width:100%;
    height:2264px;
    background:#000;
}
.details3-info{
    width:1200px;
    margin:0 auto;
}
.details3-content{
    padding-top:128px;
}
.details3-text{
    font-size:48px;
    font-weight:600!important;
    line-height:56px;
    letter-spacing:2px;
    color:#fff;
    text-align:center;
}
.d3-info-first{
    display:flex;
    justify-content:space-between;
}
.d3-first-content,.d3-second-content{
    width:326px;
}
.d3-text{
    font-size:40px;
    font-weight:500!important;
    line-height:47px;
    letter-spacing:2px;
    color:#00B050;
} 
.d3-text-sm{
    font-size:18px;
    font-weight:300!important;
    line-height:25px;
    letter-spacing:1px;
    color:#FFF;
    padding-top:16px;
}
.d3-tips{
    font-size:16px;
    font-weight:300!important;
    line-height:22px;
    color:#9F9F9F;
    padding-top: 8px;
    letter-spacing:.5px;
}
.d3-first-img,.d3-second-img{
   width:806px;
   height:548px; 
}
.d3-first-img img,.d3-second-img img{
    width:100%;
    height:100%;
}
.d3-first-img video,.d3-second-img video{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}
.d3-info-second{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.pt128{
    padding-top:128px;
}
.d3-info-thirt{
    display:flex;
    flex-direction: column;
    align-items:center;
}
.d3-thirt-content .d3-text,.d3-thirt-content .d3-text-sm{
    text-align:center;
}
.d3-thirt-img{
    width:806px;
    height:548px;
    margin-top:16px;
}
.d3-thirt-img img{
    width:100%;
    height:100%;
}
.d3-fourth-img{
    width:1200px;
    height:816px;
    padding-top:32px;
}
.d3-fourth-img img{
    width:100%;
    height:100%;
}

.details4{
    width: 100%;
    height: 100vh;
    background-color: #000;
}
.details4-info{
    width: 100%;
    height: 100%;
    background-color: #000;
    padding: 126px 0;
    /* background-image: url('https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/Defender_20/details3-bg.png');
    background-repeat: no-repeat;
    background-size: cover; */
}
@media(max-width:2160px) {
    .details4-info{
        padding: 63px 0;
    }
}
.p-stky {
    position: sticky;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 100vh;
}
.d4-container {
    width: 100%;
    margin: auto;
    /* align-items: flex-start; */
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.list-wrapper {
    width: 100%;
    height: 600px;
    transition: all 0.5s;
    /* position: absolute;
    top: 216px;
    left: 0;
    transform: translateX(-55%); */
}

.text-group {
    /* position: absolute; */
    width: 1200px;
    margin: 0 auto;
    padding-top: 48px;
    /* bottom: 60px;
    left: 0;
    transform: translateX(50%); */
}

.text-xs {
    margin-bottom: 87px;
    font-weight: 400 !important;
    font-size: 32px;
    line-height: 44px;
    background: linear-gradient(95.83deg, #589FED -92.9%, #BEF3FC -14.69%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.text-wrapper-list {
    display: flex;
}

.text-wrapper {
    flex: none;
    opacity: 0;
    transition: opacity 0.3s;
    width: 100%;
}

.text-wrapper.active {
    opacity: 1;
}

.sec-acc .text-group .text-wrapper-list .text-wrapper:nth-child(2),
.sec-acc .text-group .text-wrapper-list .text-wrapper:nth-child(3),
.sec-acc .text-group .text-wrapper-list .text-wrapper:nth-child(4) {
    margin-left: -100%;
}

.text-group .text {
    font-weight: 600;
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 2px;
}

.text-group .text-sm {
    font-weight: 400;
    font-size: 20px;
    color: #9F9F9F;
    /* opacity: 0.56; */
    letter-spacing: 1px;
    margin-top: 24px;
}

.circle-list {
    display: flex;
    margin-top: 24px;
}

.circle {
    cursor: pointer;
    height: 52px;
    position: relative;
    width: 52px;
}

.circle:hover .bottom {
    background: rgba(255, 255, 255, 0.1);
}

.circle-list .circle:last-child {
    margin-left: 18px;
}

.circle .bottom {
    background: transparent;
    border-radius: 50%;
    bottom: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    border: 1px solid #fff;
}

.circle-list .circle img {
    display: block;
    position: relative;
    width: 14px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle-list .circle canvas {
    height: 52px;
    left: 0;
    position: absolute;
    top: 0;
    width: 52px;
}

.list-wrapper .acc-list {
    display: flex;
    transition: transform 0.5s;
    perspective:100vw;
}


.list-wrapper .acc {
    cursor: pointer;
    transition: all 0.5s;
    width: 1200px !important;
    /* flex: 0; */
    margin: 0 10px;
    opacity: 0.8;
    display: flex !important;

    /* box-shadow: 0px 4px 10px 0px rgba(255,255,255,0.25);
border-radius: 8px 8px 8px 8px;
filter: blur(8px); */
}

.list-wrapper .acc.hide {
    opacity: 1;
    transform: scale(0.8);
    display: flex !important;
}
.acc.swiper-slide-prev {
    transform-style: preserve-3d;
    transform: rotateY(10deg) scaleX(1.5);
    transform-origin: 100% 50%;
}
.acc.swiper-slide-prev img,.acc.swiper-slide-next img{
    box-shadow: 0px 4px 10px 0px rgba(255,255,255,0.25);
    border-radius: 8px 8px 8px 8px;
    filter: blur(1px);
}
.acc.swiper-slide-next {
    transform-style: preserve-3d;
    transform: rotateY(8deg) scaleX(1.5);
    transform-origin: 0 50%;
    
}
.acc.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    /* background-color: green; */
}


.list-wrapper .acc .cover {
    height: 600px;
    position: relative;
    width: 1200px;
    /* background: #fff; */
}

.list-wrapper .acc .cover img {

    /* border: 0.5px solid rgba(255, 255, 255, 0.1); */
    border-radius: 8px;
    height: 600px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1200px;
}
.progress {
    width: 264px;
    height: 12px;
    margin: 0 auto;
    background: #353535;
    border-radius: 36px;
}
.progress .bar {
    width: 88px;
    height: 12px;
    background: #fff;
    border-radius: 36px;
    transition: all 0.5s;
}


.details5{
    width:100%;
    height:200vh;
    background-color:#000;
    position:relative;
}
.details5-info{
    width:100%;
    height:100%;
    margin:0 auto;
}
.details5-content{
    /* padding-top:112px; */
    width:1200px;
    margin:0 auto;
}
.details5-text{
    font-size:48px;
    font-weight:600!important;
    color:#fff;
    line-height:56px;
    letter-spacing:2px;
}
.details5-text span{
    font-size:48px;
    font-weight:600!important;
    color:#00B050;
    line-height:56px;
    letter-spacing:2px;
}
.details5-text-sm{
    font-size:18px;
    font-weight:400!important;
    line-height:25px;
    letter-spacing:1px;
    color:#9F9F9F;
    padding-top:16px;
}
.details5-desc{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:32px;
    width:1200px;
    margin:0 auto;
    padding-bottom:24px;
}
.details5-desc-info{
    display:flex;
    flex-direction: column;
}
.d5-desc-text{
    font-size:20px;
    font-weight:400!important;
    line-height:26px;
    letter-spacing:1px;
    color:#FFFFFF;
}
.d5-desc-text-big{
    font-size:72px;
    font-weight:500!important;
    line-height:84px;
    letter-spacing:4px;
    color:#00B050;
    padding-top:8px;
}
.d5-desc-text-big span{
    font-size:48px;
    font-weight:500!important;
    color:#00B050;
}
.details5-video{
    width:1200px;
    height:582px;
    margin-top:16px;
    position:sticky;
    top:14%;
    margin:0 auto;
}
.details5-video-text{
    position:absolute; 
    width:100%;
    text-align:center;
    top:25%;
    transition:all .5s ease;
}
.details5-video-angle{
    font-size:240px;
    line-height:244px;
    font-weight:600;
    letter-spacing:-7.2px;
    color:#fff;
}
.details5-video-text-sm{
    font-size:40px;
    line-height:48px;
    font-weight:600;
    letter-spacing:-.03em;
    color:#fff;
}
.details5-video video{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:8px;
}
.details5-mask{
    width:100%;
    height:263px;
    background:linear-gradient(0deg, black, black 15%, transparent);
    position:absolute;
    bottom:-1px;
    z-index:100;
}
.details6{
    width:100%;
    height:814px;
    overflow:hidden;
    background-color:#000;
}
.details6-info{
    width:1200px;
    height:100%;
    margin:0 auto;
}
.d6-text{
    font-size:48px;
    font-weight:600!important;
    color:#fff;
    line-height:56px;
    letter-spacing:2px;
}
.d6-text span{
    font-size:48px;
    font-weight:600!important;
    color:#00B050;
    line-height:56px;
    letter-spacing:2px;
}
.d6-text-sm{
    font-size:18px;
    font-weight:400!important;
    color:#9F9F9F;
    line-height:25px;
    letter-spacing:1px;
    padding-top:16px;
}
.details6-desc{
    display:flex;
    justify-content:space-between;
    padding-top:262px;
}
.d6-left-info{
    display:flex;
    flex-direction: column;
}
.d6-desc-text{
    font-size:20px;
    font-weight:400!important;
    color:#565656;
    line-height:26px;
    letter-spacing:1px;
}
.d6-desc-text-big{
    font-size:72px;
    font-weight:600!important;
    line-height:84px;
    letter-spacing:4px;
    color:#00B050;
}
.d6-desc-text-big span{
    font-size:48px;
    font-weight:600!important;
    color:#00B050;
}
.details6-desc-right{
    width:592px;
    height:556px;
}
.details6-desc-right video{
    width:100%;
    height:100%;
    object-fit:cover;
}
.details7{
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden;
    background-color:#000;
}
.details7-bg{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    z-index:1;
}
.details7-bg img{
    width:100%;
    height:421px;
    margin:auto;
    padding:0 21px;
}
.details7-info{
    width:1200px;
    height:100%;
    margin:0 auto;
    padding-top:294px;
    display:flex;
    justify-content:space-between;
    position:relative;
    z-index:9;
}
.d7-info-title{
    font-size:48px;
    font-weight:600!important;
    line-height:56px;
    letter-spacing:2px;
    color:#fff;
}
.d7-info-title span{
    font-size:48px;
    font-weight:600!important;
    line-height:56px;
    letter-spacing:2px;
    color:#00B050;
}
.d7-left-box{
    padding-top:32px;
    display:flex;
}
.d7-leftbox-line{
    width:1px;
    height:318px;
    position:relative;
    background:#fff;
}
.d7-leftbox-line .active{
    width:8px;
    height:98px;
    transition:all .5s;
    position:absolute;
    top:0;
    right:-4px;
    background:#fff;
}
.d7-left-info{
    display:flex;
    flex-direction: column;
    padding-left:32px;
}
.d7-leftbox-desc:first-child{
    padding-top:0;
}
.d7-leftbox-desc{
    padding-top:16px;
    transition:all .5s cubic-bezier(.23,1,.32,1);
}
.d7-desc-text{
    font-size:28px;
    font-weight:500!important;
    line-height:33px;
    letter-spacing:1px;
    color:#565656;
}
.d7-desc-text span{
    font-size:28px;
    font-weight:500!important;
    line-height:33px;
    letter-spacing:1px;
    color:#565656;
}
.d7-desc-text-sm{
    display:block;
    font-size:16px;
    font-weight:400!important;
    line-height:22px;
    letter-spacing:1px;
    color:#9F9F9F;
    padding-top:0;
    height:0;
    opacity:0;
    transition:all .3s ease;
}
.d7-leftbox-desc.active .d7-desc-text{
    color:#fff;
}
.d7-leftbox-desc.active .d7-desc-text span{
    color:#00B050;
}
.d7-leftbox-desc.active .d7-desc-text-sm{
    height:68px;
    opacity:1;
    padding-top:16px;
}
.d7-right-img{
    width:648px;
    height:490px;
}
.d7-right-img img{
    width:100%;
    height:100%;
}
.pt40{
    padding-top:40px;
}
.pt48{
    padding-top:48px;
}
.pt32{
    padding-top:32px;
}

.details8 {
    width: 100%;
    height: 100vh;
    background-color: #000;
}

.details8-info {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url(https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/Defender_20/bg2_4k.jpg?v1)
}

.details8-content {
    padding-top: 236px;
}

.details8-text {
    font-size: 56px;
    font-weight: 600!important;
    color: #242424;
    line-height: 66px;
    letter-spacing: 3px;
    text-align: center;
}

.details8-text-sm {
    font-size: 20px;
    font-weight: 400!important;
    color: #565656;
    line-height: 26px;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 24px;
}
.details8 .details8-info{
    width:100%;
    /* height:716px; */
}
.details8 .details8-info img{
    width:100%;
    height:100%;
}
.tsview {
width: 100%;
position: relative;
background: #000;
overflow: hidden;
height: 1072.64px;
padding: 108px 0;
}

.tsview-container {
width: 1200px;
margin: 0 auto 90px;
}

.tsview-title {
text-align: center;
font-weight: 700;
font-size: 44px;
line-height: 60px;
/* identical to box height */


color: #FFFFFF;

}

.tsview-desc {
font-weight: 400;
font-size: 20px;
line-height: 26px;

color: #FFFFFF;
margin-top: 17.64px;
margin-bottom: 65px;
display: flex;
align-items: center;
justify-content: center;
}

.tsview-desc img {
width: 25px;
}

#view {
width: 1200px;
height: 600px;
background: #131212;
border: .8px solid #323232;
border-radius: 8px;
}
.Product-Banner {
width: 100%;
padding: 135px 0 123px;
background: #000;
background-image: url(https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/defender-25/icon/bottom_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}

.Product-container {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}

.product-box {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
}

.p-b-title {
width: 100%;
}

.p-b-title p {
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #FFFFFF;
text-align: center;
}

.p-b-img {
margin-top: 87px;
}

.p-b-img img {
width: 612px;
height: 289px;
}

.p-b-desc {
margin-top: 55px;
display: flex;
/* width: 400px; */
height: 36px;
justify-content: space-between;
align-items: center;
}

.p-b-d {
border: .5px solid rgba(255, 255, 255, 0.34);
border-radius: 8px;
height: 36px;
text-align: center;
color: rgba(255, 255, 255, .9);
font-weight: 400;
font-size: 12px;
padding: 10px 16px;
margin: 0 5px;
}

.p-b-price {
margin-top: 52px;
}

.p-b-price span {
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
text-align: center;
}

.btn_buy {
background: #E60012;
box-shadow: 0px 6px 52px rgba(230, 0, 18, 0.36);
border-radius: 6px;
width: 148px;
height: 46px;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
margin-top: 12.25px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.btn_buy:hover,
.btn_buy:active,
.btn_buy:visited,
.btn_buy:focus {
color: #FFFFFF;
}
.mySwiper {
position: relative;
height: 100%;
}

.swiper-button-next {
width: 44px;
height: 44px;
background-image: url('https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/defender-25/icon/next.svg');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.swiper-button-prev {
width: 44px;
height: 44px;
background-image: url('https://iflight.oss-cn-hongkong.aliyuncs.com/iflight/product/defender-25/icon/prev.svg?v=1');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;

}