/* Styles for duplicated original blocks with unique anchor ids. */
@media screen and (max-width: 1100px) {.nbwccl-original-banner, .inner-banner{margin-top: 50px;}
}
.nbwccl-original-banner{position: relative;}
.nbwccl-original-banner img{width: 100%;}
.nbwccl-original-banner .banner-text{height: 100%; position: absolute; padding-top: 16%; width: 70%; left: 15%; top: 0px; z-index: 9;}
.nbwccl-original-banner .banner-text h2{font-size: 60px; font-family: Roboto-Bold; color: rgb(255, 255, 255); text-transform: uppercase;}
.nbwccl-original-banner .banner-text h2 span{color: rgb(238, 11, 5);}
.nbwccl-original-banner .banner-text p{font-size: 16px; margin-top: 20px; width: 45%; color: rgb(255, 255, 255); line-height: 32px;}
.nbwccl-original-banner .banner-text .pointer{width: 25px; height: 25px; position: absolute; right: 30%; bottom: 38%; z-index: 88888888;}
.nbwccl-original-banner .banner-text .pointer .play i{color: rgb(255, 255, 255);}
.nbwccl-original-banner .banner-text .pointer .play::after, .nbwccl-original-banner .banner-text .pointer .play::before{width: 100%; height: 100%; content: ""; display: block; position: absolute; top: 0px; left: 0px; border-radius: inherit; background: rgba(235, 44, 39, 0.65); animation: 2s linear 0s infinite normal none running ks; z-index: -1;}
.nbwccl-original-banner .banner-text .pointer .play::after{animation-delay: 0.5s;}
.nbwccl-original-banner .banner-text .pointer2{right: 21%; bottom: 23%; cursor: pointer;}
.nbwccl-original-banner .banner-text .pointer .img{width: 462px; height: 223px; position: absolute; left: 38%; top: -133px; display: none;}
.nbwccl-original-banner .banner-text .pointer2 .img{width: 462px; height: 223px; position: absolute; left: 38%; top: -133px; display: none;}
.nbwccl-original-banner .banner-text .pointer3 .img{width: 462px; height: 223px; position: absolute; left: 38%; top: -133px; display: none;}
.nbwccl-original-banner .banner-text .pointer4 .img{width: 714px; height: 223px; position: absolute; left: 38%; top: -48px; display: none;}
.nbwccl-original-banner .banner-text .pointer5 .img{width: 614px; height: 454px; position: absolute; left: auto; top: 14px; display: none; right: 5px;}
.nbwccl-original-banner .banner-text .pointer6 .img{width: 466px; height: 223px; position: absolute; left: 35%; top: -122px; display: none;}
.nbwccl-original-banner .banner-text .pointer7 .img{width: 466px; height: 223px; position: absolute; left: 38%; top: -70px; display: none;}
.nbwccl-original-banner .banner-text .pointer3{right: 32%; top: 43%;}
.nbwccl-original-banner .banner-text .pointer4{right: auto; top: 29%; left: 39%;}
.nbwccl-original-banner .banner-text .pointer5{right: auto; top: 40%; left: 42%;}
.nbwccl-original-banner .banner-text .pointer6{right: auto; top: 49%; left: 64%;}
.nbwccl-original-banner .banner-text .pointer7{right: auto; top: 65%; left: 57%;}
.nbwccl-original-index-body h2.h2{color: rgb(255, 255, 255); font-family: Roboto-Bold; text-transform: capitalize;}
.nbwccl-original-index-body h2.h2 span{color: rgb(127, 188, 49);}
.nbwccl-original-index-body p.p{color: rgb(152, 152, 152);}
.nbwccl-original-index-body .i-about{padding-bottom: 178px; padding-left: 0%;}
.nbwccl-original-index-body .i-about .about-text{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; padding: 70px 14% 50px 6%; background: url("../public/static/index/image/line.png") right top no-repeat;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1){margin-bottom: -94px; position: relative; padding-right: 5%;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .bg1{position: absolute; left: -30px; top: -30px; z-index: -1;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .bg2{position: absolute; left: -30px; bottom: -47px; z-index: -1;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .play{width: 90px; height: 90px; line-height: 90px; border-radius: 10px; text-align: center; position: absolute; bottom: -17%; right: 12%; transform: translate(-50%, -50%); background: rgba(240, 42, 36, 0.8); cursor: pointer;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .play img{display: inline-block; vertical-align: middle; position: relative; left: 5px;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .play::after, .nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .play::before{width: 100%; height: 100%; content: ""; display: block; position: absolute; top: 0px; left: 0px; border-radius: inherit; background: rgba(240, 42, 36, 0.35); animation: 2s linear 0s infinite normal none running ks; z-index: -1;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .play::after{animation-delay: 0.5s;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) h3{font-size: 18px; color: rgb(102, 102, 102);}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) h2{font-size: 36px; font-family: Roboto-Bold; margin-top: 10px; line-height: 2;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) h2 span{color: rgb(238, 13, 7);}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) h4{color: rgb(238, 13, 7); font-size: 16px; padding: 20px 0px 30px;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) p{color: rgb(51, 51, 51); font-size: 16px; line-height: 30px;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) a.more{width: 134px; height: 45px; font-size: 18px; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(75, 75, 75), rgb(3, 3, 3)) rgb(3, 3, 3); display: block; border-radius: 5px; line-height: 45px; text-align: center; margin-top: 40px;}
.nbwccl-original-index-body .i-product{padding: 100px 0px;}
.nbwccl-original-index-body .i-product .slideBox{padding: 0px 8px;}
.nbwccl-original-index-body .i-product .swiper-wrapper{padding: 10px 0px 0px;}
.nbwccl-original-index-body .i-product .swiper-slide{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;}
.nbwccl-original-index-body .i-product .part1{padding: 0px 6% 0px 14%;}
.nbwccl-original-index-body .i-product .part1 .grid-box{padding: 89px 0px 0px 5%; background: none left top no-repeat;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1){width: 22%; padding-top: 30px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) h2{font-size: 36px; line-height: 2; font-family: Roboto-Bold; text-transform: uppercase;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) h2 span{color: rgb(238, 11, 5);}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) p{margin: 30px 0px; font-size: 16px; color: rgb(51, 51, 51); line-height: 30px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) a.more{width: 134px; height: 45px; font-size: 18px; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(75, 75, 75), rgb(3, 3, 3)) rgb(3, 3, 3); display: block; border-radius: 5px; line-height: 45px; text-align: center; margin-top: 40px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(2){width: 78%; padding-left: 5%;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(2) .product-list .swiper-slide .img-box{position: relative;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(2) .product-list .swiper-slide .img-box .text{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 30px 10px; background: rgba(238, 11, 5, 0.5);}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(2) .product-list .swiper-slide .img-box .text p{font-size: 20px; text-align: center; color: rgb(255, 255, 255); text-transform: capitalize; line-height: 2;}
.nbwccl-original-index-body .i-product .part2{margin-top: 100px;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column{padding-right: 5%; position: relative; transition: 0.6s; cursor: pointer;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column::after{content: "01"; position: absolute; font-size: 200px; left: 0px; top: 2%; line-height: 220px; color: rgba(51, 51, 51, 0.07); font-family: Roboto-Bold;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column:nth-child(2)::after{content: "02";}
.nbwccl-original-index-body .i-product .part2 .grid-box .column:nth-child(3)::after{content: "03";}
.nbwccl-original-index-body .i-product .part2 .grid-box .column:nth-child(4)::after{content: "04";}
.nbwccl-original-index-body .i-product .part2 .grid-box .column h2{font-size: 22px; font-family: roboto-medium; text-transform: capitalize; position: relative; margin-top: 20px; padding-bottom: 20px; margin-bottom: 20px;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column h2::after{content: ""; position: absolute; width: 87px; height: 1px; background: rgb(0, 0, 0); bottom: 0px; left: 0px;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column p{font-size: 15px; color: rgb(51, 51, 51); line-height: 2;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column:hover{transform: translate(0px, -10px) rotate(0deg) scale(1, 1) skew(0deg, 0deg) rotateX(0deg) rotateY(0deg);}
.nbwccl-original-index-body .i-news .news-list .swiper-slide{position: relative;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .layer{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 6; background: rgba(0, 0, 0, 0.4); transition: 0.6s;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 8; padding: 5%;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content time{font-size: 16px; color: rgb(255, 255, 255); font-style: italic;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content .text{margin-top: 30%;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content .text .fa{font-size: 22px; color: rgb(255, 255, 255); width: 90px; height: 90px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); line-height: 88px; text-align: center; display: block; margin: 0px auto;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content .text .wb{display: none; text-align: center; padding: 20px 5%; line-height: 28px;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content .text p{margin-top: 20px; text-align: center; font-size: 24px; color: rgb(255, 255, 255); text-transform: uppercase; font-style: italic; line-height: 2;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content a.more{font-size: 16px; font-style: italic; position: absolute; right: 30px; bottom: 30px; color: rgb(255, 255, 255);}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .layer{background: rgb(255, 255, 255);}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .content time{color: rgb(238, 11, 5); text-transform: uppercase;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .content .text{margin-top: 30%;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .content .text .fa{color: rgb(255, 255, 255); border: 1px solid rgb(238, 11, 5); background: rgb(238, 11, 5);}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .content .text .wb{display: block;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .content .text p{color: rgb(51, 51, 51);}
.nbwccl-original-index-body .i-news .news-list .swiper-slide:hover .content a.more{color: rgb(102, 102, 102);}
.nbwccl-original-index-body .i-partner{padding: 100px 0px;}
.nbwccl-original-index-body .i-partner img{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;}
@media screen and (max-width: 1430px) {.nbwccl-original-banner .banner-text{padding-top: 20%;}
.nbwccl-original-banner .banner-text h2{font-size: 32px;}
.nbwccl-original-banner .banner-text p{font-size: 14px; margin-top: 0px; width: 45%; line-height: 28px;}
.nbwccl-original-index-body .i-product .part1{padding: 0px 2%;}
}
@media screen and (max-width: 1230px) {.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) h2{font-size: 20px; line-height: 2;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) h4{font-size: 14px; padding: 5px 0px;}
.nbwccl-original-index-body .i-about{padding-bottom: 40px; padding-left: 0%;}
}
@media screen and (max-width: 768px) {.nbwccl-original-banner .banner-text{padding-top: 5%;}
.nbwccl-original-index-body .i-about .about-text{padding-right: 6%;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) a.more{margin-top: 10px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) h2{font-size: 20px; line-height: 2;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column::after{font-size: 100px; line-height: 100px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1){width: 100%; padding-top: 0px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) p{margin: 5px 0px; font-size: 16px; line-height: 30px;}
.nbwccl-original-index-body .i-product{padding: 0px 0px 30px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(1) a.more{width: 134px; height: 45px; font-size: 14px; margin-top: 8px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(2){width: 100%; padding-left: 0px; margin-top: 20px;}
.nbwccl-original-index-body .i-product .part2{margin-top: 30px;}
.nbwccl-original-index-body .i-product .part1 .grid-box{padding: 30px 0px;}
.nbwccl-original-index-body .i-product .part1 .grid-box .column:nth-child(2) .product-list .swiper-slide .img-box .text p{font-size: 14px; line-height: 2;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content .text p{margin-top: 10px; font-size: 14px; line-height: 2;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content a.more{font-size: 14px;}
.nbwccl-original-index-body .i-partner{padding: 30px 0px 100px;}
}
@media screen and (max-width: 700px) {.nbwccl-original-banner{display: none;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1){margin-bottom: 0px; position: relative; padding-right: 0px; width: 100%;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2){width: 100%; margin-top: 30px;}
.nbwccl-original-index-body .i-about{padding-bottom: 0px;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(2) p{font-size: 14px; line-height: 25px;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column{width: 50%; margin-bottom: 20px;}
.nbwccl-original-index-body .i-product .part2 .grid-box .column h2{font-size: 16px;}
.nbwccl-original-index-body .i-about .about-text .grid-box .column:nth-child(1) .play{display: none;}
.nbwccl-original-index-body .i-news .news-list .swiper-slide .content a.more{display: none;}
}
.inner-banner .banner-focus .nbwccl-original-bdt-header-animation{margin-top: 12%;}
@media (max-width: 1200px) {.nbwccl-original-index-body .i-about .i-about-content .content .num .grid-box .column{padding: 0px 15px;}
.nbwccl-original-index-body .i-about .i-about-content .content .num .grid-box .column p:nth-of-type(1){font-size: 25px;}
}
@media (max-width: 992px) {#index-banner .nbwccl-original-banner .swiper-slide .banner-text{right: auto; left: 50%; transform: translate(-50%, -50%); padding: 0px 15px;}
#index-banner .nbwccl-original-banner .swiper-slide .banner-text p:nth-of-type(1){font-size: 30px;}
#index-banner .nbwccl-original-banner .swiper-slide .banner-text a{margin-top: 30px;}
.nbwccl-original-index-body .i-title p:nth-of-type(1){font-size: 30px;}
.nbwccl-original-index-body .i-title{padding: 40px 15px;}
.nbwccl-original-index-body .i-pro .i-pro-list .list-item .product-info .product-name div:nth-of-type(1){font-size: 25px;}
.nbwccl-original-index-body .i-about .i-about-content .content .company{font-size: 25px;}
.nbwccl-original-index-body .i-about .i-about-content .video{position: relative; width: 100%;}
.nbwccl-original-index-body .i-about .i-about-content .content{float: none; width: 100%;}
.nbwccl-original-index-body .i-about .i-about-content .content .num .grid-box .column{width: 33.33%;}
}
@media (max-width: 576px) {#index-banner .nbwccl-original-banner .swiper-slide .banner-text p:nth-of-type(1){font-size: 20px;}
#index-banner .nbwccl-original-banner .swiper-slide .banner-text p:nth-of-type(2){display: none;}
#index-banner .nbwccl-original-banner .swiper-slide .banner-text a{width: 120px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 15px;}
.nbwccl-original-index-body .i-pro .i-pro-list .list-item .product-focus{position: static; width: 100%;}
.nbwccl-original-index-body .i-pro .i-pro-list .list-item .product-info{float: none; width: 100%;}
.nbwccl-original-index-body .i-pro .i-pro-list .list-item .product-info .product-link a{width: 120px; height: 40px; font-size: 14px; line-height: 40px;}
.nbwccl-original-index-body .i-about .i-about-content .content .num .grid-box .column{width: 100%; padding: 0px; margin-bottom: 20px;}
.nbwccl-original-index-body .i-about .i-about-content .content .num .grid-box .column:last-of-type{margin-bottom: 0px;}
.nbwccl-original-index-body .i-about .i-about-content .content .num .grid-box .column::after{display: none;}
.nbwccl-original-index-body .i-about .i-about-content .content .num{margin: 40px 0px;}
}
@media screen and (max-width: 1680px) {.nbwccl-original-banner{position: relative;}
.nbwccl-original-banner .container{position: absolute; left: 12%; top: 0px;}
.nbwccl-original-banner .titleL{top: 350px;}
.nbwccl-original-banner .video{top: 750px;}
}
@media screen and (max-width: 1580px) {.nbwccl-original-banner{position: relative;}
.nbwccl-original-banner .container{position: absolute; left: 5%; top: 0px;}
.nbwccl-original-banner .titleL{top: 300px;}
}