/* 公共样式 */

.bannerBtn{
    /* width: fit-content;
    padding-left: 12px;
    padding-right: 12px; */
}

.navTitleMainBox .nav-item a svg {
    margin-right: 0;
    margin-bottom: 0;
}

.nav-hov-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #ff4610;
    opacity: 0;
    transition: 0.3s all ease-in;
}

.nav-item:hover .nav-hov-bottom {
    opacity: 1;

}

/* 修改所有列表页安全距离 */
.newBodorNewsBox {
    width: 1120px !important;
}



/* 修改弹窗样式 */
#myModal .container-fluid .container-f .contact-title p {
    padding-bottom: 32px !important;
}

/* 强制隐藏旧站样式！！ */
.kefuimg,
.kefumessage,
#gotoTop,
#zsiq_float {
    display: none !important;
}

.zsiq_custommain {
    width: 56px !important;
    height: 56px !important;
    border-radius: 9999px !important;
    bottom: 112px !important;
    right: 36px !important;
    z-index: 9999 !important;
    cursor: pointer !important;
}


/* 右侧图标临时样式 */
/* .BackTo-top{
    bottom: 42px;
}
.sideIcon_no1 {
    bottom: 112px;
} */



.navTitleMain {
    background: none;
}

.navTitleMain {
    max-height: 64px;
    height: 64px;
}

.navTitleMain.dimBlack {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background: rgba(29, 29, 31, 0.7);
}

.navTitleMainBox {
    /* padding-top: 5px;
    padding-bottom: 5px; */
}

.navbar-toggle .icon-bar {
    margin-top: 0;
}

.navTitleMainBox ul li {
    border-bottom: 0 !important;
    margin-right: 32px;
    margin-top: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.navbar-nav li.nav-item {
    position: relative;
}

.navbar-nav li.nav-item:nth-child(7) {
    position: static;
}

.navbar-nav li.nav-item:hover::after {
    opacity: 1;
}

.nav-testudr {
    width: 47px;
}


/* .dimBlack .navbar-nav li.nav-item::after{
    filter: invert(100%);
} */
/* .navbar-nav li.nav-item::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff4610;
    opacity: 0;
    transition: 0.3s all;
} */

.navTitleMainBox ul li a {
    padding: 0;
}

.navTitleMainBox ul li a span {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    font-family: RedHatDisplay-Regular, "Microsoft YaHei" !important;
    font-weight: 400 !important;
}

.swiperList-hover .swiper-button-next,
.swiperList-hover .swiper-button-prev {
    width: 44px;
    height: 44px;
    /* border: 1px solid #e0e2e4; */
    border: 1px solid #e0e2e4;
    padding: 14px;
    border-radius: 50%;
    /* top: -40px; */
    /* background: #828898; */
    /* opacity: 0.5; */
}

.swiperList-hover .swiper-button-prev {
    right: 64px;
    left: initial;
    background-image: url(..//img/l.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    /* filter: invert(100%); */
}

.swiperList-hover .swiper-button-next {
    right: 0;
    left: initial;
    background-image: url(../img/r.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    /* filter: invert(100%); */
}

/* 公共样式 */
.swiperList-hover .swiper-button-next,
.swiperList-hover .swiper-button-prev {
    width: 44px;
    height: 44px;
    /* border: 1px solid #e0e2e4; */
    border: 1px solid #e0e2e4;
    padding: 14px;
    border-radius: 50%;
    /* top: -40px; */
    /* background: #828898; */
    /* opacity: 0.5; */
}

.swiperList-hover .swiper-button-prev {
    right: 64px;
    left: initial;
    background-image: url(../img/l.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    /* filter: invert(100%); */
}

.swiperList-hover .swiper-button-next {
    right: 0;
    left: initial;
    background-image: url(../img/r.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    /* filter: invert(100%); */
}

/* 导航栏 */
.header_bg {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background: rgba(255, 255, 255, 0.7);
}

.title_box {
    transition: none
}

.dimBlack {
    /* backdrop-filter: saturate(180%) blur(20px); */
    /* -webkit-backdrop-filter: saturate(180%) blur(20px); */
    background: rgba(29, 29, 31, 0.7);
}

.dimWhite {
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background: rgba(255, 255, 255, 0.7);
}

.dimWhite .c-white {
    color: #000000 !important;
}

.dimWhite .btn_box>div {
    color: #fff !important;
}

#navbarTogglerMain {
    display: flex !important;
    justify-content: space-between;
}

.aboutusList {
    display: block !important;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.aboutusList ul {
    display: flex;
    height: 140px;
}

.aboutusList ul li {
    margin-right: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0px;
    height: 140px;
    transition: background 0.3s;
}

.aboutusList ul li h5 {
    transition: all 0.3s;
}

.aboutusList ul li:hover {
    background: #f6f7f8;
}

.aboutusList ul li:hover h5 {
    color: #ff4610;
}

.navbar-brand li {
    margin-right: 0px !important;
    height: 64px !important;
}

.navTitleMainBox ul.navbar-nav:first-child {
    margin-right: auto;
}

.navTitleMainBox ul.navbar-nav:nth-child(3) {
    margin-left: auto;
}

.navTitleMainBox ul.navbar-nav:nth-child(3) a {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: 9999px;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navTitleMainBox ul.navbar-nav:nth-child(3) li:hover a {
    background: rgba(15, 15, 15, 0.50);
}
.navTitleMainBox ul.navbar-nav:nth-child(3) li.new_languageDropdown:hover a{
    background-color: initial;
}
.navTitleMainBox ul.navbar-nav:nth-child(3) li.new_languageDropdown{
    transition: all 0.3s ;
    border-radius: 999px;
    margin-left: 12px;
    padding-right: 10px !important;
    padding-left: 0 !important;
}
.navTitleMainBox ul.navbar-nav:nth-child(3) li.new_languageDropdown span{
    margin-top: 0;
}
.navTitleMainBox ul.navbar-nav:nth-child(3) li.new_languageDropdown:hover {
background: rgba(15, 15, 15, 0.50);
/* backdrop-filter: blur(10px); */
}

.navTitleMainBox ul.navbar-nav:nth-child(3) li {
    margin-right: 0;
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 0 12px;
}

.navTitleMainBox ul.navbar-nav:nth-child(3) li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    right: 0;
    top: 8px;
    background-color: #fff;
}

.navTitleMainBox ul.navbar-nav:nth-child(3) li:last-child {
    padding-right: 0;
}

.navTitleMainBox ul.navbar-nav:nth-child(3) li:last-child:after {
    display: none;
}

.navTitleMain.header_black .navTitleMainBox ul.navbar-nav:nth-child(3) li::after {
    background-color: #000;
}

.navTitleMain.header_black .navTitleMainBox ul.navbar-nav:nth-child(3) a svg {
    transition: 0.3s all;
}

.navTitleMain.header_black .navTitleMainBox ul.navbar-nav:nth-child(3) a:hover svg {
    filter: invert(100%);
}

.modal_li {
    margin-right: 0 !important;
}

.InquiryBtn {
    padding: 5px 16px;
}

.InquiryBtn span {
    font-size: 12px;
    line-height: 20px;
    color: #0F0F0F;
    font-family: RedHatDisplay-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
}

/* 侧标 */
/* 持续旋转样式 */
/* 定义一个无限旋转的动画 */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* 应用动画类 */
.sideIcon_no1 {
    animation: rotate 5s linear infinite;
}

/* 鼠标移入时暂停动画 */
.sideIcon_no1:hover {
    animation-play-state: paused;
}

.sideIcon_no1 {
    box-shadow: 0 0 1.6vw 0.267vw rgba(0, 0, 0, 0.2);
    z-index: 9998;
}

@media (max-width: 768px) {
    .sideIcon_no1 {
        /* right: 6.6vw;
        bottom: 42.867vw; */
    }

    .BackTo-top {}
}


/* 顶部导航栏 */
.productListBox {
    width: 100%;
    margin: auto;
}

.productListCategory {
    /* display: inline !important; */
}

.productListClassificationBox {
    padding-right: 24px;
    padding-left: 32px;
    padding-bottom: 48px;
    max-height: 80vh;
    overflow-y: scroll;
    height: 100%;
}

.productListBox {
    min-height: 500px;
}

.productListClassificationBox .nav_cloture {
    display: flex !important;
}

.nav_viewAll:hover h5 {
    color: #fff;
}

.nav_viewAll:hover svg {
    color: #fff;
    fill: #fff;
}

.nav_viewAll:hover {
    background-color: #ff4610;
}

.InquiryBtn:hover {
    background-color: #ff4610 !important;
}

.InquiryBtn:hover span {
    color: #fff !important;
}


/* 修改垂直滚动条 */
.productListClassificationBox::-webkit-scrollbar {
    width: 1px;
    /* 修改宽度 */
}

/* 修改滚动条轨道背景色 */
.productListClassificationBox::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* 修改滚动条滑块颜色 */
.productListClassificationBox::-webkit-scrollbar-thumb {
    background-color: #888;
}

/* 修改滚动条滑块悬停时的颜色 */
.productListClassificationBox::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* 火狐浏览器 */
/* 修改垂直滚动条 */
.productListClassificationBox::-moz-scrollbar-track {
    width: 1px;
    /* 修改宽度 */
}

.productListClassificationBox::-moz-scrollbar-thumb {
    width: 1px;
    /* 修改宽度 */
}


/* 修改滚动条轨道背景色 */
.productListClassificationBox::-moz-scrollbar-track {
    background-color: #f1f1f1;
}

/* 修改滚动条滑块颜色 */
.productListClassificationBox::-moz-scrollbar-thumb {
    background-color: #888;
}

/* 修改滚动条滑块悬停时的颜色 */
.productListClassificationBox::-moz-scrollbar-thumb:hover {
    background-color: #555;
}


.productListClassificationContent ul li {
    padding: 0;
}

.device_down_li .device_imgBox::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: linear-gradient(180deg,
            #000000 0%,
            #828898 77%,
            #828898 100%);
    transition: 0.3s all ease-in-out;
    z-index: 0;
    top: 0;
    left: 0;
    border-radius: 8px;
    z-index: 0;
}

.device_down_li .device_imgBox:hover::before {
    opacity: 1;
}

.productListClassificationContent .device_down_Ul .device_down_li p {
    color: #34363D;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px;
    /* 166.667% */
}

.navbar-collapse.collapse {
    padding: 0;
}

.navTitleMainBox {
    width: 100%;
}

.navbar-brand {
    margin-right: 0 !important;
    padding: 0 !important;
    margin-right: auto !important;
    width: 192px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
}

.navbar-brand a {
    height: 24px;
}

.navbar-brand ul li {
    margin-right: 64px;
}

.navTitleMainBox .navbar {
    padding-right: calc((100vw - 1504px) / 2);
    padding-left: calc((100vw - 1504px) / 2);
}


/* 语言弹窗 */
.language_pop_up {
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    cursor: pointer;
    --inner-padding: 150px;
    --outer-padding: 80px;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* display: none; */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 12%;
    transition: 0.3s all ease-in-out;
}

.language_pop_up.active {
    opacity: 1;
    z-index: 99999999;
}

.language_pop_up div {}

#language_content li:hover {
    background-color: #000;
}

#language_content li:hover span {
    color: #fff;
}

#language_content li:hover h5 {
    color: #fff;
}

#language_content li:last-child,
#language_content li:nth-child(3n) {
    /* margin-right: 0; */
}

#language_content ul {
    margin-right: -8px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none !important;
}

section span {
    color: var(--Color-Text-Title);
    margin-top: 0;
}

.container-f {
    padding-top: 0px;
    padding-bottom: 0;
}

.contact-content {
    padding-bottom: 0;
}

#boardseriesform {
    padding-top: 80px;
    padding-bottom: 80px;
}

label {
    font-family: RedHatDisplay-Medium, "Microsoft YaHei" !important;
    font-weight: 500 !important;
}

input,
select {
    font-family: RedHatDisplay-Regular, Oswald-Regular, "Microsoft YaHei" !important;
    font-weight: 400 !important;
}

.contrast_li_T h3,
.contrast_li_B h3 {
    font-family: RedHatDisplay-SemiBold, "Microsoft YaHei" !important;
    font-weight: 600 !important;
}

.contrast_li_T p,
.contrast_li_B span {
    font-family: RedHatDisplay-Regular, Oswald-Regular, "Microsoft YaHei" !important;
    font-weight: 400 !important;
}

.modal_li {
    width: 192px;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

/* 人工客服弹窗 */
.triangle_r {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    right: -7px;
    top: 11%;
}

#staffService_shade {
    z-index: 9998;
    opacity: 1;
    transition: 0.3s all ease-in-out;
}

#staffService_shade.active {
    z-index: 9998;
    opacity: 1;
}

#staffService_shade.close {
    width: 56px;
    height: 56px;
    background: none;
    right: 36px;
    bottom: 112px;
    /* transition: 0.5s all ease-in-out; */
}

#staffService_shade.close #staffService {
    width: 56px;
    height: 56px;
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    /* transition: 0.5s all ease-in-out; */
    padding: 0;
    box-shadow: 0 0 1.6vw 0.267vw rgba(0, 0, 0, 0.2);
}

.staffService_Tip {
    right: -6px;
    top: 2px;
}

/* @keyframes scroll {
    0% {
      border-radius: 50%;
      padding: 0;
      overflow: hidden;
    }
  
    50% {
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    100% {
      position: fixed;
      right: 0;
      bottom: 0;
      top: initial;
      left: initial;
    }
  } */
#staffService.pos {
    transition: 2s all;
    right: 0;
    bottom: 0;
    top: initial;
    left: initial;
}

#staffService_shade {}

#staffService_shade.close img {
    margin: 0;
    transition: 0.3s all ease-in-out;
    width: 32px;
    height: 32px;
}

#staffService_shade.close h5 {
    display: none;
    transition: 0.3s all ease-in-out;
}

#staffService_shade.close #staffService_Btn {
    display: none;
    transition: 0.3s all ease-in-out;
}

#staffService_shade.bg-black02 .staffService_hint {
    display: none !important;
    opacity: 0 !important;
}

#staffService_shade.transition_none {
    transition: none !important;
}

.staffService {
    padding: 30px 42px;
}

#staffService_shade .staffService_hint {
    left: -75px;
    top: 10px;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1);
    padding: 0;
    z-index: 1;
}




@media (min-width: 1024px) and (max-width: 1440px) {
    .xiaobangBtn {
        display: none !important;
    }
    .navbar-collapse.collapse>div.w-1120 {
        /* width: 888px; */
    }

    .navTitleMainBox ul li a span {}

    .navTitleMainBox ul li {
        margin-right: 22px;
    }

    .navTitleMainBox .navbar {
        padding-right: 0;
        padding-left: 0;
    }
    .contrast_li_T h3, .contrast_li_B h3{
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1199px) {
    #navbarTogglerMain {
        display: none !important;
    }

    .navTitleMainBox ul {
        height: 100%;
    }

    .navTitleMainBox ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px !important;
    }

    .md_navbarTogglerMain {
        display: block;
    }

    #md_navbarTogglerMain.active {
        height: 340px;
    }

    #md_navbarTogglerMain li {
        padding-left: 20px;
        border-bottom: 1px solid #333 !important;
        width: 100% !important;
    }

    #md_navbarTogglerMain li:last-child {
        border-bottom: 0px !important;
    }

    #md_navbarTogglerMain li a {
        font-size: 14px;
        line-height: 22px;
    }

    .navTitleMainBox .navbar {
        display: flex;
        align-items: center;
    }
}

/* 大Pad端 1024 - 1199 */
@media (min-width: 1024px) and (max-width: 1199px) {

    /* 修改所有列表页安全距离 */
    .newBodorNewsBox {
        width: 888px !important;
    }

    .newSellingPoint {
        padding-left: 0;
        padding-right: 0px;
    }

    .newSellingPoint .grid-columns-360 {
		padding:0 20px;
        grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
    }

    .contrast_titie h4 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .contrast_titie h3 {
        font-size: 28px;
        line-height: 36px;
    }
}

/* 小pad */
@media (min-width: 768px) and (max-width: 1023px) {
    .xiaobangBtn {
        display: none !important;
    }
    /* 修改所有列表页安全距离 */
    .newBodorNewsBox {
        width: 680px !important;
    }

    .navTitleMainBox .navbar {
        filter: invert(0%) !important;
    }

    .newSellingPoint {
        padding-left: 0;
        padding-right: 0;
    }
    .contrast_li_T h3, .contrast_li_B h3{
        font-size: 16px !important;
        line-height: 16px !important;
    }

    .newSellingPoint h2 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 32px;
    }

    #video_shade_main p {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    #video_shade_main span{
        font-size: 2.733vw !important;
    }

    #video_shade_main span {
        width: auto;
        height: auto;
        font-size: 14px;
        line-height: 22px;
        padding: 8px 12px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #language_content {
        width: 80%;
    }

    #language_content {
        padding-left: 52px;
        padding-right: 52px;
    }

    #language_content ul li {
        width: 200px;
    }
}

@media screen and (min-width: 1440px) {
    .navTitleMainBox {
        width: 100%;
    }
	.new_content_right .lh-30{
		line-height:45px !important;
	} 
}

@media screen and (min-width: 1120px) {

    /* 黑色版本 */
    .header_black {
        /* background-color: #fff; */
    }

    .header_black span {
        color: #000 !important;
    }
    .header_black #globalLanguageTip span{
        color: #fff !important;
    }

    .header_black .InquiryBtn {
        background-color: #000;
    }

    .header_black .InquiryBtn span {
        color: #fff !important;
    }

    .header_black svg {
        fill: #000 !important
    }

    .header_black svg path {
        fill: #000 !important
    }

    .header_black .logo img,
    .header_black .logo_mini img {
        filter: invert(0%);
    }

    .header_black a {
        color: #000;
    }

    .header_black .nav_l .li:hover a {
        color: #000 !important;
        opacity: 1 !important;
    }

    .header_black .list_down,
    .header_black .nav_r .li,
    .header_black .btn_box,
    .header_black .btn_box_mini {
        filter: invert(100%);
    }
}

@media screen and (max-width: 1199px) {
    .navbar-nav .modal_li {
        display: none;
    }
}

.new_productList {
    min-height: 0;
    height: 0;
}

.productListClassificationContentBotton:hover a {
    color: #ff4610;
}

.productListClassificationContentBotton:hover svg {
    fill: #ff4610;
}

.productListClassificationContentBotton{
    margin-top: 16px;
}

.navbar-nav li {
    opacity: 0.9;
    transition: 0.3s all;
}

.navbar-nav li:hover {
    opacity: 1;
}

.navbar-brand li {
    opacity: 0.9;
    transition: 0.3s all;
}

.navbar-brand li:hover {
    opacity: 1;
}


.aboutusList {
    top: 64px !important;
    position: absolute;
}

@media screen and (max-width: 1199px) {
    .aboutusList {
        display: none !important;
    }
}







@media (min-width: 768px) {
    .universal-product-tip {
        min-width: 992px;
    }

    .universal-product-tip .universal-product-tip-bg {
        min-width: 992px;
    }

    .universal-product-tip .universal-product-tip-container.bg {
        min-width: 992px;
    }
}

/* tip */
.universal-product-tip {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: 0 0;
    transition: 0.5s all;
}

.universal-product-tip .universal-product-tip-bg {
    width: 100%;
    height: 48px;
    background-color: #fbfafc;
    position: absolute;
    top: 0;
    left: 0;
}

.universal-product-tip .universal-product-tip-container {
    position: absolute;
    top: -48px;
    left: 0;
    /* min-width: 1230px; */
    width: 100%;
    height: 48px;
    background-color: #fbfafc;
    color: #000000;
    will-change: transform;
    text-rendering: optimizelegibility;
    animation-name: initial;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    z-index: 99999999999;
    transition: 1.5s all ease;
}

.universal-product-tip .universal-product-tip-container.down {
    top: 0px;
}

.universal-product-tip .universal-product-tip-container.bg {
    background-color: #fbfafc;
}

.universal-product-tip .universal-product-tip-container.bg .universal-product-tip-title {
    color: #000;
}

.universal-product-tip .universal-product-tip-container.bg .universal-product-tip-link {
    color: #5a00ff;
}

.universal-product-tip.close {
    height: 0;
}

.universal-product-tip.close .universal-product-tip-bg {
    top: -48px;
    transition: 0.5s all;
}

.universal-product-tip.close .universal-product-tip-container {
    top: -48px;
    transition: 0.5s all;
}

.universal-product-tip .universal-product-tip-wrapper {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    padding: 14px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.universal-product-tip .universal-product-tip-container-light .universal-product-tip-title {
    /* color: #000000; */
}

.universal-product-tip .universal-product-tip-title {
    font-size: 14px;
    letter-spacing: -0.28px;
    text-align: center;
    line-height: 20px;
    margin-right: 8px;
    color: #ffffff;
    transition: none;
    transition: 0.5s all ease;
    font-family: PingFangSC, "Microsoft YaHei", "Helvetica Neue",
        "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
}

.universal-product-tip .universal-product-tip-container-light .universal-product-tip-link {
    color: #ffffff;
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTR2MTRIMHoiLz48cGF0aCBpZD0iYiIgZD0iTTAgMGgxNHYxNEgweiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjxnIGZpbGw9IiMwMDcwRDUiPjxwYXRoIGQ9Ik01LjM0MiAxMS4zNzVhLjg3Ny44NzcgMCAwIDEgMC0xLjIzOUw4LjQ3MyA3bC0zLjEzLTMuMTM2YS44NzcuODc3IDAgMCAxIDAtMS4yMzlMOS40IDYuNjljLjE3MS4xNzEuMTcxLjQ0OSAwIC42MmwtNC4wNTkgNC4wNjV6Ii8+PC9nPjwvZz48L3N2Zz4=); */
}

.universal-product-tip .universal-product-tip-link {
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -0.28px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    transition: 0.5s all ease;
    background-position: right center;
    padding-right: 16px;
    font-family: PingFangSC, "Microsoft YaHei", "Helvetica Neue",
        "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
    /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+4pqZ77iP5Zu+5qCHLWljb248L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij48L3JlY3Q+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLimpnvuI/lm77moIctaWNvbiI+CiAgICAgICAgICAgIDxnIGlkPSLlrrnlmagtY29udGFpbmVyIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0i5aGr5YWFLWZpbGxlZCIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPGcgaWQ9IuaPj+i+uS1ib3JkZXIiPjwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0i5Zu+5qCHLWljb24iIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuMzQyMTM4MTksMTEuMzc1IEM1LjAwMDUzNzI3LDExLjAzMjg3NjcgNS4wMDA1MzcyNywxMC40NzgxODUyIDUuMzQyMTM4MTksMTAuMTM2MDYxOSBMOC40NzM0MTE3Nyw3IEw1LjM0MjEzODE5LDMuODYzOTM4MDUgQzUuMDAwNTM3MjcsMy41MjE4MTQ3NiA1LjAwMDUzNzI3LDIuOTY3MTIzMyA1LjM0MjEzODE5LDIuNjI1IEw5LjQwMTE5NjUzLDYuNjkwMjY1NDkgQzkuNTcxOTk2OTksNi44NjEzMjcxMyA5LjU3MTk5Njk5LDcuMTM4NjcyODcgOS40MDExOTY1Myw3LjMwOTczNDUxIEw1LjM0MjEzODE5LDExLjM3NSBaIiBpZD0i6Lev5b6EIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); */
    transition: none;
}

.universal-product-tip .universal-product-tip-container-in .close-icon {
    opacity: 1;
}

.universal-product-tip .close-icon {
    position: absolute;
    right: 12px;
    top: 16px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right center;
    padding-right: 16px;
    opacity: 0;
    cursor: pointer;
    will-change: opacity;
    transition: opacity 1s ease-in-out;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+4pqZ77iP5Zu+5qCHLWljb24tY2xvc2U8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgPHBhdGggZD0iTTgsNy4yOTMwMDE0OSBMMTMuMDg2MDAzLDIuMjA2OTk4NTEgQzEzLjQ3NjQ2NzUsMS44MTY1MzQwMSAxNC4xMDk1MzU1LDEuODE2NTM0MDEgMTQuNSwyLjIwNjk5ODUxIEw4LjcwNjk5ODUxLDggTDEzLjc5MzAwMTUsMTMuMDg2MDAzIEMxNC4xODM0NjYsMTMuNDc2NDY3NSAxNC4xODM0NjYsMTQuMTA5NTM1NSAxMy43OTMwMDE1LDE0LjUgTDgsOC43MDY5OTg1MSBMMi45MTM5OTcwMiwxMy43OTMwMDE1IEMyLjUyMzUzMjUyLDE0LjE4MzQ2NiAxLjg5MDQ2NDQ5LDE0LjE4MzQ2NiAxLjUsMTMuNzkzMDAxNSBMNy4yOTMwMDE0OSw4IEwyLjIwNjk5ODUxLDIuOTEzOTk3MDIgQzEuODE2NTM0MDEsMi41MjM1MzI1MiAxLjgxNjUzNDAxLDEuODkwNDY0NDkgMi4yMDY5OTg1MSwxLjUgTDgsNy4yOTMwMDE0OSBaIiBpZD0icGF0aC01Ij48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLimpnvuI/lm77moIctaWNvbi1jbG9zZSI+CiAgICAgICAgICAgIDxnIGlkPSLlrrnlmagtY29udGFpbmVyIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0i5aGr5YWFLWZpbGxlZCIgZmlsbC1vcGFjaXR5PSIwIiBmaWxsPSIjRkZGRkZGIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPGcgaWQ9IuaPj+i+uS1ib3JkZXIiPjwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0i5oyJ6ZKuLWJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4yODU3MTQsIDIuMjg1NzE0KSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i4pqZ77iP5a655ZmoLWNvbnRhaW5lciI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUuNzE0Mjg1NzEsMCBDOC44NzAxOTg1NywtNS43OTczMTc4N2UtMTYgMTEuNDI4NTcxNCwyLjU1ODM3Mjg2IDExLjQyODU3MTQsNS43MTQyODU3MSBDMTEuNDI4NTcxNCw4Ljg3MDE5ODU3IDguODcwMTk4NTcsMTEuNDI4NTcxNCA1LjcxNDI4NTcxLDExLjQyODU3MTQgQzIuNTU4MzcyODYsMTEuNDI4NTcxNCAzLjg2NDg3ODU4ZS0xNiw4Ljg3MDE5ODU3IDAsNS43MTQyODU3MSBDLTMuODY0ODc4NThlLTE2LDIuNTU4MzcyODYgMi41NTgzNzI4Niw1Ljc5NzMxNzg3ZS0xNiA1LjcxNDI4NTcxLDAgWiIgaWQ9IuWhq+WFhS1maWxsZWQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS43MTQyODU3MSwwIEM4Ljg3MDE5ODU3LC01Ljc5NzMxNzg3ZS0xNiAxMS40Mjg1NzE0LDIuNTU4MzcyODYgMTEuNDI4NTcxNCw1LjcxNDI4NTcxIEMxMS40Mjg1NzE0LDguODcwMTk4NTcgOC44NzAxOTg1NywxMS40Mjg1NzE0IDUuNzE0Mjg1NzEsMTEuNDI4NTcxNCBDMi41NTgzNzI4NiwxMS40Mjg1NzE0IDMuODY0ODc4NThlLTE2LDguODcwMTk4NTcgMCw1LjcxNDI4NTcxIEMtMy44NjQ4Nzg1OGUtMTYsMi41NTgzNzI4NiAyLjU1ODM3Mjg2LDUuNzk3MzE3ODdlLTE2IDUuNzE0Mjg1NzEsMCBaIiBpZD0i5o+P6L65LWJvcmRlciI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMjg1NzE0LCAtMi4yODU3MTQpIj4KICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay02IiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtNSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9IlNoYXBlIiBmaWxsLW9wYWNpdHk9IjAuODUiIGZpbGw9IiMwMDAwMDAiIHhsaW5rOmhyZWY9IiNwYXRoLTUiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}


body .universal-product-tip-container-header-placeholder {
    transition: all 0.5s ease;
    height: 0;
}

/* 大轮播箭头 */

.contrast_swiper_button {
    top: 30%;
    width: 1280px;
}

.contrast_swiper-button-prev,
.contrast_swiper-button-next {
    height: 44px;
    width: 44px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    transition: 0.3s all ease-in-out;
    z-index: 9999;
    border: 1px solid #e0e2e4;
    padding: 14px;
    border-radius: 50%;
}

.contrast_swiper-button-prev {
    background-position: center;
    /* margin-left: calc(100vw / 2); */
}

.contrast_swiper-button-next {
    background-position: center;
}

.contrast_swiper-button-next:hover,
.contrast_swiper-button-prev:hover {
    /* background-color: rgba(255, 255, 255, 0.2); */
}

.contrast_swiper-button-prev {
    /* left: -50px; */
    background-image: url(../img/l.svg);
}

.contrast_swiper-button-next {
    /* right: -50px; */
    background-image: url(../img/r.svg);
}


.mango_right {
    width: 804px;
    height: 506px;
}

/* 动态变色字体 */
#home-banner-slogan {
    font-size: 72px;
    height: auto;
    line-height: normal;
    user-select: none;
    text-align: center;
    margin: auto;
    width: 100%;
}

.container-glizWQ {
    position: relative;
}

/* @font-face {
    font-family: "Oswald-SemiBold";
    src: url("https://bodor.com/static/fonts/Oswald-SemiBold.otf");
    font-display: swap;
    font-weight: 600;
  } */

.container-glizWQ .AXU2Ec1 {
    background-image: conic-gradient(from 0deg at 50% -10%, rgb(255, 70, 16) -86.58deg, rgb(255, 188, 16) 99.21deg, rgb(255, 0, 53) 203.39deg, rgb(255, 155, 16) 273.42deg);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-position-x: -50%;
    color: transparent;
    font-family: Oswald-SemiBold !important;
    font-weight: 600;
}

.overlay-uXun_R {
    /* -webkit-filter: blur(10px); */
    /* filter: blur(10px); */
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    width: 100%;
}

.overlay-uXun_R .AXU2Ec2 {
    background-image: conic-gradient(from 0deg at 50% -10%, rgb(255, 70, 16) -86.58deg, rgb(255, 188, 16) 99.21deg, rgb(255, 0, 53) 203.39deg, rgb(255, 155, 16) 273.42deg);
    mask-image: linear-gradient(90deg, transparent -15.5556%, black, transparent 84.4444%);
    -moz-background-clip: text;
    -o-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    background-position-x: -50%;
    color: transparent;
    font-family: Oswald-SemiBold !important;
    font-weight: 600;
}

/* pad */
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .universal-product-tip .universal-product-tip-wrapper {
        width: 80%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .universal-product-tip .universal-product-tip-wrapper {
        width: 80%;
    }
}

/* 移动端 */
@media (max-width: 767px) {
    .xiaobangBtn {
        display: none !important;
    }
    /* 修改所有列表页安全距离 */
    .newBodorNewsBox {
        width: 100% !important;
        padding-left: 16px;
        padding-right: 16px;
    }
#Pipeform{
	padding:0 !important;
}
#Boardform{
	/* padding:0 !important; */
}
#Boardform .container {
	border-radius:0 !important;
}
    .newBodorNewsContentBox {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
    }

    .navTitleMainBox .navbar {
        filter: invert(0%) !important;
    }

    .staffService_hint {
        font-size: 14px;
    }

    /* 人工客服移动端 */
    .staffService {
        width: 80vw;
        height: 80vw;
        padding: 8vw 5.867vw;
    }

    .staffService img {
        width: 34.133vw;
        height: 34.133vw;
        margin-bottom: 4.267vw;
    }

    .staffService h5 {
        font-size: 4.267vw;
        margin-bottom: 4.267vw;
    }

    #staffService_Btn {
        height: 10.133vw;
        border-radius: 13.333vw;
    }

    #staffService_shade.close {
        /* right: 6.6vw;
    bottom: 15.867vw; */
    }

    .staffService_shade_close_box {
        top: initial;
        right: initial;
        bottom: -14vw;
        margin: auto;
        width: 100%;
        left: 0;
        display: flex;
        justify-content: center;
    }

    .staffService_shade_close_box svg {
        width: 6.4vw;
        height: 6.4vw;
    }

    #staffService_shade.touchHandler {
        left: initial !important;
        top: initial !important;
    }

    #video_shade_main p {
        font-size: 3.73vw;
        line-height: normal;
    }

    #video_shade_main span {
        width: 42vw;
    }

    .container-glizWQ {
        width: 95%;
        margin: auto;
    }

    .overlay-uXun_R {
        top: -12.5vw;
        display: none;
    }

    #home-banner-slogan {
        font-size: 8.53vw;
        line-height: 150%;
        width: 90%;
    }

    .container-glizWQ .AXU2Ec1,
    .overlay-uXun_R .AXU2Ec2 {
        font-size: 8.53vw;
        line-height: 150%;
    }

    .universal-product-tip .universal-product-tip-wrapper {
        width: 100%;
    }

    .universal-product-tip .universal-product-tip-container-light .universal-product-tip-title {
        font-size: 2.2vw;
    }

    .universal-product-tip .universal-product-tip-container-light .universal-product-tip-link {
        font-size: 2.2vw;
    }

    .language_pop_up {
        padding-top: 0;
    }

    #language_content {
        border-radius: 0;
        padding-left: 38px;
        padding-right: 38px;
        padding-top: 84px;
        width: 100%;
        height: 100%;
    }

    #language_content li {
        width: 100%;
        margin-right: 0;
    }

    #language_content svg {
        top: 60px;
    }

    #pseriesform {
        padding: 0 !important;
    }

    .newSellingPoint {
        padding: 40px 4.267vw;
    }

    .newSellingPoint h2 {
        font-size: 5.33vw;
        line-height: normal;
        margin-bottom: 32px;
    }

    .newSellingPoint li {
        width: 100%;
        margin-bottom: 16px;
    }

    .newSellingPoint li h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .newSellingPoint li p {
        font-size: 12px;
        line-height: 20px;
    }

    .newSellingPoint ul {
        display: block;
    }

    #newSellingPoint ul li .bg-F2F4F7 {
        width: 40px;
        height: 40px;
    }

    #newSellingPoint .newSellingPoint {
        padding-left: 16px;
        padding-right: 16px;
    }
}

#newSellingPoint ul li {
    border-radius: 8px;
    border: 1px solid#FAFAFB;
    background: #FFF;
    transition: all .3s cubic-bezier(0, 0, 0.5, 1);
}

#newSellingPoint ul li svg {
    fill: #171b25;
}

#newSellingPoint ul li .bg-F2F4F7 {
	margin-bottom: 20px;
    transition: all .3s cubic-bezier(0, 0, 0.5, 1);
}

#newSellingPoint ul li:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 28, 85, 0.04);
    transform: scale(1.0161290323);
}

#newSellingPoint ul li:hover .bg-F2F4F7 {
    background: rgba(255, 70, 16, 0.1);
}

#newSellingPoint ul li:hover svg {
    fill: #ff4610;
}



/* 移动端 */
@media (max-width: 768px) {}


/* 公共cookies样式 */
.modal-backdrop.in {
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    opacity: 1;
}

.cookies {
    background-color: #000;
    padding: 60px 0;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    display: none;
}

.cookiesContent {
    margin: 0 auto;
    display: flex;
    width: 80%;
}

.cookiesContentFont {
    flex: 3;
    margin-right: 10%;
}

.cookiesContentFont p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.cookiesContentFont p a {
    color: #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}

.cookiesContentFont p a:hover {
    color: #ff4610;
    border-bottom: 1px solid #ff4610;
}

.cookiesContentButton {
    flex: 2;
}

.cookiesContentButtonBox {
    display: flex;
}

.cookiesContentButtonBox button {
    margin: 0 15px;
    padding: 8px 32px;
    border-radius: 6px;
    border-style: none;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}

.cookiesContentButtonBox button:hover {
    box-shadow: 2px 2px 0px #8f8f8f;
}

.cookiesContentButtonBoxACCEPT button {
    background-color: #fff;
    color: #333;
}

.cookiesContentButtonBoxOPTIONS button,
.cookiesContentButtonBoxDECLINE button {
    background-color: #000;
    color: #fff;
    border: 0.5px solid #fff;
}

.cooikesDetails {
    background-color: #000;
    border-radius: 6px;
    padding: 60px 0;
    top: 6%;
}

.cooikesDetails::-webkit-scrollbar {
    width: 5px;
    background-color: #000;
    border-radius: 8px;
}

.cooikesDetails::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
}

.cooikesDetailsBox {
    display: flex;
    margin: 0 auto;
    width: 92%;
}

.cooikesDetailsCatalogue {
    padding: 10px 30px 10px 10px;
    border-right: 0.5px solid #ccc;
}

.cooikesDetailsCatalogue .bodorLogo svg {
    width: 40%;
    margin-left: 0;
}

.cooikesDetailsCatalogue .consentPreferences {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.cooikesDetailsCatalogue .privacyPolices a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #ccc;
}

.cooikesDetailsCatalogue .privacyPolices a:hover {
    color: #fff;
}

.cooikesDetailsCatalogue .privacyPolices a span {
    margin-right: 10px;
}

.cooikesDetailsContent {
    flex: 5;
    padding: 0 30px;
}

.cooikesDetailsContent h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    margin: 15px 0 30px 0;
}

.cooikesDetailsContent .cooikesDetailsContentAll {
    height: 150px;
    overflow-y: scroll;
    margin-bottom: 30px;
}

.cooikesDetailsContent .cooikesDetailsContentAll::-webkit-scrollbar {
    width: 5px;
    background-color: #000;
    border-radius: 8px;
}

.cooikesDetailsContent .cooikesDetailsContentAll::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
}

.cooikesDetailsContent .cooikesDetailsContentAll p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #f6f6f6;
    padding: 0 10px 0 0;
}

.cooikesDetailsContent .acceptAll {
    width: 100%;
}

.cooikesDetailsContent .acceptAll button {
    border-style: none;
    background-color: #ff4610;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
}

.cooikesDetailsContent .acceptAll button:hover {
    background-color: #ea5529;
}

.cooikesDetailsContentList {
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    margin: 50px 0 0 0;
}

.cooikesDetailsContentList::-webkit-scrollbar {
    width: 5px;
    background-color: #000;
    border-radius: 8px;
}

.cooikesDetailsContentList::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
}

.cooikesDetailsContentList h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #ff4610;
}

.cooikesDetailsBoxButton {
    margin: 30px auto 0 auto;
    width: 92%;
    border-top: 0.5px solid #ccc;
}

/* 样式化同意横幅 */
.cooikesDetailsContentListContent {
    width: 100%;
    margin-top: 10px;
}

.cooikesDetailsContentListContent h4 span,
.cooikesDetailsContentListContent p {
    line-height: 22px;
    color: #fff;
}

.cooikesDetailsContentListContent h4 {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    display: flex;
}

.cooikesDetailsContentListContent h4 span {
    cursor: pointer;
}

.cooikesDetailsContentListContent h4 span span {
    margin-left: 8px;
}

.cooikesDetailsContentListContent p {
    font-size: 14px;
    font-weight: 400;
    display: none;
}

.cooikesDetailsContentListContent .cooikesDetailsContentListContentButton {
    margin-left: auto;
}

.cooikesDetailsContentListContent .cooikesDetailsContentListContentButton span {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #ccc;
}

.cooikesDetailsContentListContent label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: #fff;
}

.cooikesDetailsContentListContent input[type="checkbox"] {
    display: none;
}

.cooikesDetailsContentListContent .toggle-label {
    display: inline-block;
    width: 50px;
    height: 25px;
    background-color: #ccc;
    border-radius: 12.5px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-left: 10px;
}

.cooikesDetailsContentListContent input[type="checkbox"]:checked+.toggle-label {
    background-color: #ff4610;
}

.cooikesDetailsContentListContent input[name="necessary"]:checked+.toggle-label {
    background-color: #ff4610;
}

.cooikesDetailsContentListContent .toggle-label:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    top: 2.5px;
    left: 2.5px;
    transition: left 0.3s ease;
}

.cooikesDetailsContentListContent input[type="checkbox"]:checked+.toggle-label:before {
    left: 27.5px;
}

.cooikesDetailsContentListContent .toggle-label-text {
    margin-left: 5px;
}

.toggle-label {
    margin-right: 20px;
}

.cooikesDetailsBoxButton {
    border-top: 1px solid #ccc;
    display: flex;
}

.cooikesDetailsBoxButtonList {
    margin-top: 30px;
    margin-left: auto;
}

.cooikesDetailsBoxButtonList .showSelectionButton,
.cooikesDetailsBoxButtonList .rejectAllButton {
    border-style: none;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
}

.cooikesDetailsBoxButtonList .showSelectionButton {
    background-color: #ff4610;
}

.cooikesDetailsBoxButtonList .rejectAllButton {
    margin-left: 15px;
    ;
    background-color: #000;
}

@media screen and (max-width: 1780px) {
    .cookiesContent {
        width: 90%;
    }

    .cooikesDetailsBox {
        width: 90%;
    }
}

@media screen and (max-width: 1600px) {
    .cookies {
        padding: 40px 0;
    }

    .cookiesContentButton {
        flex: 3;
    }
}

@media screen and (max-width: 1280px) {
    .cookiesContentFont {
        margin-right: 4%;
    }

    .cookiesContentButtonBox button {
        font-size: 12px;
        padding: 4px 20px;
    }
}

@media screen and (max-width: 1000px) {
    .cookiesContentButtonBox button {
        padding: 4px 20px;
    }

    .cooikesDetailsCatalogue {
        flex: 2;
    }
}

@media screen and (max-width: 850px) {
    .cookiesContentButtonBox {
        display: block;
    }

    .cookiesContentFont {
        flex: 5;
    }

    .cookiesContentButton {
        flex: 2;
    }
}

@media screen and (max-width: 750px) {
    .cookiesContent {
        display: block;
    }

    .cookiesContentFont,
    .cookiesContentButton {
        flex: none;
    }

    .cookiesContentFont {
        margin-bottom: 30px;
    }

    .cookiesContentButtonBoxACCEPT,
    .cookiesContentButtonBoxOPTIONS,
    .cookiesContentButtonBoxDECLINE {
        margin-top: 15px;
    }

    .cooikesDetailsBox {
        display: block;
    }

    .cooikesDetailsCatalogue,
    .cooikesDetailsContent {
        padding: 10px;
        border-right: none;
    }

    .cooikesDetailsContent .cooikesDetailsContentAll {
        height: auto;
    }

    .cooikesDetailsContentListContent h4,
    .cooikesDetailsContentListContent p {
        font-size: 12px;
    }

    .cooikesDetailsContentList {
        height: auto;
    }

    .cooikesDetailsBoxButton {
        width: 94%;
    }

    .cooikesDetailsBoxButtonList {
        margin-left: 0;
    }

    .cooikesDetailsBoxButtonList .showSelectionButton,
    .cooikesDetailsBoxButtonList .rejectAllButton {
        display: block;
        margin-top: 30px;
    }
}

.index2023 button {
    padding: 10px 36px;
    position: relative;
    width: max-content;
    text-align: center;
    margin-bottom: 100px;
    cursor: pointer;
    z-index: 99;
    background: none;
}

.index2023BannerScanButton {
    border: 1px solid #fff;
    float: right;
    color: #fff;
    margin-top: 120px;
}

.index2023Banner5yearwarrantyFontContentLeft button {
    background-color: #ff4610;
}


/* 板机表单样式 */
.boardseries {
    padding: 0 0;
    margin-top: 50px;
}

.boardseries h1,
.boardseries h2,
.boardseries h3,
.boardseries h4 {
    font-family: "Montserrat";
    font-weight: 700;
}

.boardseriesOverview h2,
.boardseriesFeatures h2,
.boardseriesParameters h2,
.boardseriesIndustries h2,
.boardseriesContact h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Montserrat";
}

.boardseriesBannerContent p,
.boardseriesOverviewContent p,
.boardseriesFeaturesContentBox p,
.boardseriesContact p,
.boardseriesIndustriesSwiperContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #414960;
}

.boardseriesBanner,
.boardseriesBannerContent,
.boardseriesBannerImg {
    padding: 0 0;
}

.boardseriesBanner {
    background-image: url(https://static.bodor.com/images/new2024/dream/banner-boardseries.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.boardseriesBannerContent {
    text-align: center;
    z-index: 1;
    width: 50%;
    margin-left: 25%;
}

.boardseriesBannerContent h1,
.boardseriesBannerContent h1 span {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}

.boardseriesBannerContent h1 {
    color: #171B25;
}

.boardseriesBannerContent h1 span {
    color: #ff4610;
}

.boardseriesBannerContent p {
    margin-top: 16px;
    margin-bottom: 32px;
}

.boardseriesBannerContent button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    border-style: none;
}

.boardseriesBannerContent button:hover {
    background-color: #ff6234;
}

.boardseriesBannerImg img {
    width: 50%;
    margin: 80px auto 0 auto;
}

.boardseriesOverview {
    background-color: #FAFAFB;
    padding: 80px 0 80px 0;
}

.boardseriesOverview h2 {
    text-align: center;
    margin-bottom: 64px;
}

.boardseriesOverviewContentBox {
    display: flex;
}

.boardseriesOverviewContent {
    flex: 1;
    text-align: center;
    padding: 36px 24px;
    border-radius: 6px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);
    box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
    min-height: 270px;
}

.boardseriesOverviewContent:nth-of-type(2) {
    margin: 0 24px;
}

.boardseriesOverviewContent:hover {
    box-shadow: 0px 8px 20px 0px rgba(192, 199, 218, 0.60);
}

.boardseriesOverviewContentIcon {
    text-align: center;
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    padding: 8px;
    margin: 0 auto;
}

.boardseriesOverviewContent h3 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #414960;
    padding: 0 20px;
    margin-top: 24px;
    margin-bottom: 6px;
}

.boardseriesOverviewContent p {
    text-align: center;
}

.boardseriesOverview .swiper-button-prev {
    left: 14%;
}

.boardseriesOverview .swiper-button-next {
    right: 14%;
}

.boardseriesOverview>.swiper-button-prev,
.boardseriesOverview>.swiper-button-next {
    top: 54%;
}

.boardseriesOverviewButton,
.boardseriesParametersButton {
    text-align: center;
    margin-top: 64px;
    margin-bottom: 0px;
}

.boardseriesOverviewButton button,
.boardseriesParametersButton button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    border-style: none;
}

.boardseriesOverviewButton button:hover,
.boardseriesParametersButton button:hover {
    background-color: #ff6234;
}

.boardseriesFeatures {
    padding: 80px 0;
}

.boardseriesFeatures h2 {
    text-align: center;
}

.boardseriesFeaturesContentBox {
    margin-top: 64px;
    padding: 0 0;
}

.boardseriesFeaturesContentBox img {
    width: 100%;
    border-radius: 6px;
}

.boardseriesFeaturesContentBox video {
    width: 100%;
    border-radius: 6px;
}

.boardseriesFeaturesContentBox h3 {
    font-size: 22px;
    line-height: 26px;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.boardseriesParameters {
    padding: 80px 0 80px 0;
}

.boardseriesParameters h2 {
    text-align: center;
}

.boardseriesParametersTable {
    margin-top: 64px;
}

.table>tbody+tbody {
    border-top: none !important;
}

.boardseriesParametersTableBar {
    width: 100%;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #e5e6eb;
    margin-bottom: 48px;
}

.boardseriesParametersTableBar p {
    flex: 1;
    padding: 10px 0 15px 0;
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    color: #61687C;
    font-weight: 400;
    cursor: pointer;
}

.boardseriesParametersTable tr td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #61687C;
    border-top: none !important;
    padding: 14px 24px !important;
}

.boardseriesParametersTable>.table>tbody>tr>td,
.boardseriesParametersTable>.table>tbody>tr>th,
.boardseriesParametersTable>.table>tfoot>tr>td,
.boardseriesParametersTable>.table>tfoot>tr>th,
.boardseriesParametersTable>.table>thead>tr>td,
.boardseriesParametersTable>.table>thead>tr>th {
    padding: 14px 24px;
    border: none;
}

.boardseriesParametersTable tr td:nth-of-type(odd) {
    font-weight: 600;
    width: 40%;
}

.boardseriesParametersTable tr td:nth-of-type(even) {
    width: 60%;
}

.boardseriesParametersTable tr:nth-of-type(odd) {
    background-color: #f8f9fb;
}

.boardseriesIndustries,
.boardseriesIndustriesImg {
    padding: 0 0;
}

.boardseriesIndustries {
    background-color: #242933;
    position: relative;
}

.boardseriesIndustriesImg img {
    width: 100%;
    display: none;
}

.boardseriesIndustriesImg img:first-of-type {
    display: block;
}

.boardseriesIndustriesContent {
    padding: 50px 0 0 50px;
}

.boardseriesIndustriesContent h2 {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 600;
}

.boardseriesIndustriesContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.boardseriesIndustriesSwiper {
    padding-bottom: 100px;
    border-radius: 6px;
}

.boardseriesIndustriesSwiperBox {
    position: absolute;
    top: 11vw;
}

.boardseriesIndustriesSwiperContent {
    padding: 24px;
    border-radius: 6px;
    background-color: #fff;
    min-height: 265px;
}

.boardseriesIndustriesSwiperContent img {
    width: 100%;
}

.boardseriesIndustriesSwiperContentIcon {
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    padding: 8px;
}

.boardseriesIndustriesSwiperContentIcon svg {
    width: 100%;
    height: 100%;
}

.boardseriesIndustriesSwiperContent h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.boardseriesIndustriesSwiper .swiper-button-prev {
    left: 14%;
}

.boardseriesIndustriesSwiper .swiper-button-next {
    left: 20%;
}

.boardseriesIndustriesSwiper>.swiper-button-prev,
.boardseriesIndustriesSwiper>.swiper-button-next {
    top: 80%;
}

.boardseriesContact {
    padding: 10px 0 0 0;
    background-color: #ff4610;
    margin-top: 120px;
    border-radius: 30px;
}

.boardseriesContact h2,
.boardseriesContact p {
    text-align: center;
    color: #fff;
    padding: 0 10px;
}

.boardseriesContactBox {
    padding: 48px 0 0 15px;
    background-color: #fff;
    border-radius: 0 0 30px 30px;
}

.boardseriesContactImg {
    padding: 0 15px;
}

.boardseriesContactImg img {
    width: 100%;
}

.boardseriesContactForm label {
    font-size: 16px;
    line-height: 24px;
    color: #414960;
    font-weight: 600 !important;
}

.boardseriesContactForm .form-control {
    font-size: 12px;
    background-color: #FAFAFB;
    border: 1px solid #e5e6eb;
}

.boardseriesContactForm .form-control:hover {
    border: 1px solid #ff4610;
    background-color: #fff;
}

.boardseriesContactForm .form-control:focus {
    border: 1px solid #ff4610;
    box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.20);
    background-color: #fff;
}

.boardseriesContactForm .submit {
    text-align: center;
}

.boardseriesContactForm button {
    background-color: #ff4610;
    padding: 8px 32px;
    border-radius: 6px;
    margin: 25px auto;
    border-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.boardseriesContactForm button:hover {
    background-color: #ff6234;
}

.boardseriesSuccessStory {
    padding: 80px 0 80px 0;
}

.boardseriesSuccessStory h2 {
    text-align: center;
}

.boardseriesSuccessStory p {
    text-align: center;
    width: 40%;
    margin: 16px auto 64px auto;
    color: #61687C;
}

.boardseriesSuccessStoryAffect {
    display: flex;
}

.boardseriesSuccessStoryAffect div {
    flex: 1;
}

.boardseriesSuccessStoryAffect h3 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    color: #ff4610;
    margin: 0;
}

.boardseriesSuccessStoryAffect p {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #61687C;
    width: 100%;
    margin: 10px 0 44px 0;
}

.boardseriesSuccessStoryContent {
    margin-top: 44px;
    display: flex;
    border-radius: 8px;
}

.boardseriesSuccessStoryContentImg,
.boardseriesSuccessStoryContentFont {
    flex: 1;
}

.boardseriesSuccessStoryContentImg img {
    width: 100%;
    border-radius: 8px 0 0 8px;
}

.boardseriesSuccessStoryContentFont {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F2F4F7;
    border-radius: 0 8px 8px 0;
    padding: 30px 34px;
}

.boardseriesSuccessStoryContentFont p {
    width: 100%;
    margin: 0 0 12px 0;
    text-align: left;
}

.boardseriesSuccessStoryContentFont p svg {
    width: 48px;
    height: 48px;
}

.boardseriesSuccessStoryContentFontPeople {
    margin-top: 34px;
    display: flex;
}

.boardseriesSuccessStoryContentFontPeopleImg {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-right: 16px;
}

.boardseriesSuccessStoryContentFontPeopleRank h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin: 4px 0 0 0;
}

.boardseriesSuccessStoryContentFontPeopleRank p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #61687C;
}

.boardseriesSuccessStoryButton {
    width: 100%;
    margin: 64px 0 0 0;
    text-align: center;
}

.boardseriesSuccessStoryButton button {
    text-align: center;
    border-style: none;
    background-color: #ff4610;
    padding: 10px 32px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.boardseriesSuccessStoryButton button:hover {
    background-color: #ff6234;
}

/* From www.lingdaima.com */
#bt {
    font-family: inherit;
    font-size: 16px !important;
    text-align: center;
    background: #ff4610;
    color: #fff;
    padding: 10px 28px !important;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s;
    margin: 0 auto;
}

#bt span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

#bt svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
}

#bt:hover .svg-wrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
}

#bt:hover svg {
    transform: translateX(30px) rotate(45deg) scale(1.1);
}

#bt:hover span {
    transform: translateX(100px);
}

#bt:active {
    transform: scale(0.95);
}

@keyframes fly-1 {
    from {
        transform: translateY(0.1em);
    }

    to {
        transform: translateY(-0.1em);
    }
}

@media screen and (max-width: 2000px) {
    .boardseriesBannerContent {
        width: 40%;
        margin-left: 30%;
    }

    .boardseriesBannerContent p,
    .boardseriesOverviewContent p,
    .boardseriesFeaturesContent p,
    .boardseriesContact p {
        font-size: 16px;
        line-height: 24px;
    }

    .boardseriesOverview>.swiper-button-prev,
    .boardseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .boardseriesOverviewContent {
        min-height: 290px;
        padding: 20px;
    }

    .boardseriesIndustriesSwiperBox {
        top: 11vw;
    }

    .boardseriesContactForm .submit {
        width: 100%;
    }

    .boardseriesIndustriesContent {
        padding: 30px 0 0 30px;
    }

    .boardseriesIndustriesSwiperContent {
        min-height: 250px;
    }

    .boardseriesSuccessStoryContentFont {
        padding: 18px 30px;
    }

    .boardseriesSuccessStoryContentFont p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1700px) {
    .boardseriesBannerContent {
        width: 50%;
        margin-left: 25%;
    }

    .boardseriesBannerImg img {
        width: 60%;
    }

    .boardseriesBannerContent p,
    .boardseriesOverviewContent p,
    .boardseriesFeaturesContent p,
    .boardseriesContact p,
    .boardseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesOverview>.swiper-button-prev,
    .boardseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .boardseriesOverview .swiper-button-prev {
        left: 6%;
    }

    .boardseriesOverview .swiper-button-next {
        right: 6%;
    }

    .boardseriesOverviewContent {
        min-height: 270px;
    }

    .boardseriesIndustriesContent {
        padding: 20px 30px 0 30px;
    }

    .boardseriesIndustriesContent h2 {
        margin: 0 0;
    }

    .boardseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .boardseriesIndustriesSwiperContent {
        min-height: 220px;
        padding: 12px 20px;
    }

    .boardseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .boardseriesIndustriesSwiperContentIcon {
        width: 44px;
        height: 44px;
    }

    .boardseriesIndustriesSwiperBox {
        top: 8vw;
    }

    .boardseriesContactForm .submit {
        width: 100%;
    }

    .boardseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .boardseriesSuccessStoryContentFont p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1500px) {

    .swiper-button-prev,
    .swiper-button-next {
        width: 44px;
        height: 44px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 14px;
    }

    .boardseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .boardseriesBannerContent h1,
    .boardseriesBannerContent h1 span {
        font-size: 26px;
        line-height: 40px;
    }

    .boardseriesBannerContent p,
    .boardseriesOverviewContent p,
    .boardseriesFeaturesContent p,
    .boardseriesContact p,
    .boardseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesOverview h2,
    .boardseriesFeatures h2,
    .boardseriesParameters h2,
    .boardseriesIndustries h2,
    .boardseriesContact h2 {
        font-size: 28px;
        line-height: 42px;
    }

    .boardseriesBannerContent button {
        font-size: 14px;
        line-height: 21px;
    }

    .boardseriesBannerImg img {
        width: 70%;
        margin-top: 50px;
    }

    .boardseriesOverviewContentIcon {
        width: 48px;
        height: 48px;
        padding: 8px;
    }

    .boardseriesOverview>.swiper-button-prev,
    .boardseriesOverview>.swiper-button-next {
        top: 55%;
    }

    .boardseriesOverview .swiper-button-prev {
        left: 4.5%;
    }

    .boardseriesOverview .swiper-button-next {
        right: 4.5%;
    }

    .boardseriesOverviewContent {
        padding: 16px;
        min-height: 260px;
    }

    .boardseriesOverviewContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .boardseriesIndustriesContent {
        padding: 12px 20px 0 30px;
    }

    .boardseriesIndustriesContent h2 {
        margin-top: 10px;
        font-size: 28px;
        line-height: 42px;
    }

    .boardseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .boardseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
    }

    .boardseriesIndustriesSwiperContent {
        padding: 20px;
        min-height: 250px;
    }

    .boardseriesIndustriesSwiperContent h3 {
        margin: 10px 0 12px 0;
        font-size: 20px;
        line-height: 28px;
    }

    .boardseriesIndustriesSwiper {
        padding-bottom: 65px;
    }

    .boardseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .boardseriesIndustriesSwiperBox {
        top: 9vw;
    }

    .boardseriesSuccessStory p {
        width: 60%;
    }

    .boardseriesSuccessStoryAffect p,
    .boardseriesSuccessStoryContentFont p {
        width: 100%;
    }

    .boardseriesSuccessStoryContentFont p svg {
        width: 32px;
        height: 32px;
    }

    .boardseriesSuccessStoryContentImg,
    .boardseriesSuccessStoryContentFont {
        min-height: 350px;
    }

    .boardseriesSuccessStoryContentImg img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .boardseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .boardseriesBannerContent h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .boardseriesBannerContent p,
    .boardseriesOverviewContent p,
    .boardseriesFeaturesContentBox p,
    .boardseriesContact p,
    .boardseriesIndustriesSwiperContent p,
    .boardseriesIndustriesContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesBannerContent button {
        padding: 5px 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesBannerImg img {
        width: 60%;
        margin-top: 50px;
    }

    .boardseriesOverview h2,
    .boardseriesFeatures h2,
    .boardseriesParameters h2,
    .boardseriesIndustries h2,
    .boardseriesContact h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .boardseriesOverviewContent {
        padding: 24px 24px;
        min-height: 230px;
    }

    .boardseriesOverview .swiper-button-prev {
        left: 3%;
    }

    .boardseriesOverview .swiper-button-next {
        right: 3%;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        margin-top: 0;
        margin-left: 0;
    }

    .boardseriesOverviewContent h3 {
        font-size: 18px;
        line-height: 26px;
        padding: 0 0;
    }

    .boardseriesOverviewContentBox {
        display: block;
    }

    .boardseriesOverviewContent:nth-of-type(2) {
        margin: 24px 0;
    }

    .boardseriesFeatures {
        padding: 20px 0;
    }

    .boardseriesFeaturesContentBox {
        margin-top: 20px;
    }

    .boardseriesFeaturesContentBox h3 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 16px;
        margin-bottom: 4px;
    }

    .boardseriesParametersTableBar p {
        font-size: 16px;
        line-height: 28px;
    }

    .boardseriesParametersTable tr td {
        font-size: 14px;
    }

    .boardseriesIndustries {
        padding: 0 0 15vw 0;
    }

    .boardseriesIndustriesSwiperBox {
        top: 15vw;
    }

    .boardseriesIndustriesContent {
        padding: 20px 0 0 30px;
    }

    .boardseriesIndustriesSwiperContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .boardseriesIndustriesSwiperContent {
        min-height: 250px;
        margin: 24px 0;
    }

    .boardseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
    }

    .boardseriesIndustriesSwiper>.swiper-button-prev,
    .boardseriesIndustriesSwiper>.swiper-button-next {
        top: 84%;
    }

    .boardseriesIndustriesSwiper .swiper-button-prev {
        left: 18%;
    }

    .boardseriesIndustriesSwiper .swiper-button-next {
        left: 28%;
    }

    .boardseriesContactImg {
        display: none;
    }

    .boardseriesContactForm {
        width: 100%;
    }

    .boardseriesSuccessStoryContentImg,
    .boardseriesSuccessStoryContentFont {
        min-height: 310px;
    }

    .boardseriesSuccessStory p {
        margin: 16px auto 24px auto;
    }

    .boardseriesSuccessStoryContent {
        margin-top: 20px;
    }

    .boardseriesSuccessStoryAffect p,
    .boardseriesSuccessStoryContentFont p {
        margin: 5px 0;
    }
}

@media screen and (max-width: 750px) {
    .boardseriesBanner {
        background-image: url(https://static.bodor.com/images/new2024/dream/banner-boardseries-m.webp);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 22vw 0 22vw 0;
    }

    .boardseriesBannerContent {
        width: 90%;
        margin-left: 5%;
    }

    .boardseriesBannerContent h1,
    .boardseriesBannerContent h1 span {
        font-size: 24px;
        line-height: 32px;
        width: 98%;
        margin: 0 auto;
    }

    .boardseriesBannerContent p {
        width: 86%;
        margin: 16px auto 32px;
    }

    .boardseriesBannerContent button {
        padding: 7px 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesBannerImg img {
        width: 100%;
        margin-top: 50vw;
    }

    .boardseriesBannerContent p,
    .boardseriesOverviewContent p,
    .boardseriesFeaturesContentBox p,
    .boardseriesContact p,
    .boardseriesIndustriesSwiperContent p,
    .boardseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesOverview h2,
    .boardseriesFeatures h2,
    .boardseriesParameters h2,
    .boardseriesIndustries h2,
    .boardseriesContact h2,
    .boardseriesSuccessStory h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .boardseriesOverviewContent {
        padding: 24px 20px;
        margin-top: 24px;
        min-height: 240px;
    }

    .boardseriesOverview,
    .boardseriesFeatures {
        padding: 40px 0;
    }

    .boardseriesOverview h2 {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .boardseriesFeaturesContentBox h3 {
        padding: 0 16px;
        font-size: 18px;
        line-height: 26px;
    }

    .boardseriesFeaturesContentBox img {
        margin-bottom: 16px;
        border-radius: 6px 6px 0 0;
    }

    .boardseriesFeaturesContentBox {
        margin-bottom: 8px;
    }

    .boardseriesFeaturesContentBox {
        margin-top: 24px;
        background-color: #FAFAFB;
        border-radius: 6px;
    }

    .boardseriesFeaturesContentBox p {
        padding: 0 16px;
        margin-bottom: 16px;
    }

    .boardseriesFeaturesContent h3 {
        width: 85%;
        position: relative;
        left: 16px;
        bottom: 0;
        color: #414960;
        font-size: 16px;
        line-height: 24px;
    }

    .boardseriesParametersTableBar {
        width: 100%;
        overflow-x: scroll;
    }

    .boardseriesParametersTableBar p {
        width: 33%;
        flex: none;
    }

    .boardseriesParameters {
        padding: 0 0 40px 0;
    }

    .boardseriesParametersTable tr td {
        font-size: 14px;
    }

    .boardseriesIndustries {
        background-color: #FAFAFB;
        padding: 50px 15px;
        text-align: center;
    }

    .boardseriesIndustries p {
        font-size: 14px;
        line-height: 21px;
    }

    .boardseriesIndustriesSwiperContentBox {
        margin-top: 8px;
        padding: 0 0;
    }

    .boardseriesIndustriesSwiperContent {
        width: 100%;
        padding: 0 0 15px 0;
        background-color: #fff;
        border-radius: 0 0 6px 6px;
        margin-top: 20px;
        border: 1px solid #f2f2f7;
    }

    .boardseriesIndustriesSwiperContent img {
        width: 100%;
        border-radius: 6px 6px 0 0;
    }

    .boardseriesIndustriesSwiperContent h3 {
        text-align: left;
        padding-left: 16px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
    }

    .boardseriesIndustriesSwiperContent p {
        text-align: left;
        padding: 0 16px;
        margin: 0 auto;
    }

    .boardseriesSuccessStory {
        padding: 40px 0;
    }

    .boardseriesSuccessStory p {
        width: 90%;
        margin: 16px auto 30px auto;
    }

    .boardseriesSuccessStoryAffect {
        display: block;
    }

    .boardseriesSuccessStoryAffect p {
        margin: 6px auto 16px auto;
    }

    .boardseriesSuccessStoryAffect h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .boardseriesSuccessStoryContent {
        margin-top: 30px;
        display: block;
    }

    .boardseriesSuccessStoryContentImg img {
        border-radius: 8px;
    }

    .boardseriesSuccessStoryContentImg,
    .boardseriesSuccessStoryContentFont {
        min-height: 260px;
    }

    .boardseriesSuccessStoryContentFont {
        padding: 14px 14px;
    }

    .boardseriesSuccessStoryContentFont p {
        margin: 16px auto;
        width: 100%;
    }

    .boardseriesSuccessStoryContentFont p svg {
        width: 28px;
        height: 28px;
    }

    .boardseriesSuccessStoryContentFontPeopleRank p {
        margin: 2px auto;
    }

    .boardseriesContactImg {
        display: none;
    }

    .boardseriesContact p {
        width: 95%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .boardseriesContactForm label {
        font-size: 14px;
        line-height: 22px;
    }

    .boardseriesContactForm,
    .boardseriesContactForm .contact-form {
        padding: 0 0;
    }

    .boardseriesContactForm .form-group {
        margin-bottom: 24px;
    }

    .boardseriesContactForm .form-control {
        border: 1px solid #F2F4F7;
    }

    .boardseriesContactForm button {
        font-size: 14px;
        line-height: 22px;
        font-weight: 800;
    }
}

/* 管机表单样式 */
.pipeseries {
    padding: 0 0;
    margin-top: 50px;
}

.pipeseries h1,
.pipeseries h2,
.pipeseries h3,
.pipeseries h4 {
    font-family: "Montserrat";
    font-weight: 700;
}

.pipeseriesOverview h2,
.pipeseriesFeatures h2,
.pipeseriesParameters h2,
.pipeseriesIndustries h2,
.pipeseriesContact h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Montserrat";
}

.pipeseriesBannerContent p,
.pipeseriesOverviewContent p,
.pipeseriesFeaturesContentBox p,
.pipeseriesContact p,
.pipeseriesIndustriesSwiperContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #414960;
}

.pipeseriesBanner,
.pipeseriesBannerContent,
.pipeseriesBannerImg {
    padding: 0 0;
}

.pipeseriesBanner {
    background-image: url(https://static.bodor.com/images/new2024/k/banner-pipeseries.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.pipeseriesBannerContent {
    text-align: center;
    z-index: 1;
    width: 32%;
    margin-left: 34%;
}

.pipeseriesBannerContent h1,
.pipeseriesBannerContent h1 span {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}

.pipeseriesBannerContent h1 {
    color: #171B25;
}

.pipeseriesBannerContent h1 span {
    color: #ff4610;
}

.pipeseriesBannerContent p {
    margin-top: 16px;
    margin-bottom: 32px;
}

.pipeseriesBannerContent button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    border-style: none;
}

.pipeseriesBannerContent button:hover {
    background-color: #ff6234;
}

.pipeseriesBannerImg img {
    width: 80%;
    margin: 50px auto 0 auto;
}

.pipeseriesOverview {
    background-color: #FAFAFB;
    padding: 80px 0 80px 0;
}

.pipeseriesOverview h2 {
    text-align: center;
    margin-bottom: 64px;
}

.pipeseriesOverviewContentBox {
    display: flex;
}

.pipeseriesOverviewContent {
    flex: 1;
    text-align: center;
    padding: 36px 24px;
    border-radius: 6px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);
    box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
    min-height: 270px;
}

.pipeseriesOverviewContent:nth-of-type(2) {
    margin: 0 24px;
}

.pipeseriesOverviewContent:hover {
    box-shadow: 0px 8px 20px 0px rgba(192, 199, 218, 0.60);
}

.pipeseriesOverviewContentIcon {
    text-align: center;
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    padding: 8px;
    margin: 0 auto;
}

.pipeseriesOverviewContent h3 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #414960;
    padding: 0 20px;
    margin-top: 24px;
    margin-bottom: 6px;
}

.pipeseriesOverviewContent p {
    text-align: center;
}

.pipeseriesOverview .swiper-button-prev {
    left: 14%;
}

.pipeseriesOverview .swiper-button-next {
    right: 14%;
}

.pipeseriesOverview>.swiper-button-prev,
.pipeseriesOverview>.swiper-button-next {
    top: 54%;
}

.pipeseriesOverviewButton,
.pipeseriesParametersButton {
    text-align: center;
    margin-top: 64px;
    margin-bottom: 0px;
}

.pipeseriesOverviewButton button,
.pipeseriesParametersButton button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    border-style: none;
}

.pipeseriesOverviewButton button:hover,
.pipeseriesParametersButton button:hover {
    background-color: #ff6234;
}

.pipeseriesFeatures {
    padding: 80px 0;
}

.pipeseriesFeatures h2 {
    text-align: center;
}

.pipeseriesFeaturesContentBox {
    margin-top: 64px;
    padding: 0 0;
}

.pipeseriesFeaturesContentBox img {
    width: 100%;
    border-radius: 6px;
}

.pipeseriesFeaturesContentBox video {
    width: 100%;
    border-radius: 6px;
}

.pipeseriesFeaturesContentBox h3 {
    font-size: 22px;
    line-height: 26px;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.pipeseriesParameters {
    padding: 80px 0 80px 0;
}

.pipeseriesParameters h2 {
    text-align: center;
}

.pipeseriesParametersTable {
    margin-top: 64px;
}

.table>tbody+tbody {
    border-top: none !important;
}

.pipeseriesParametersTableBar {
    width: 100%;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #e5e6eb;
    margin-bottom: 48px;
}

.pipeseriesParametersTableBar p {
    flex: 1;
    padding: 10px 0 15px 0;
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    color: #61687C;
    font-weight: 400;
    cursor: pointer;
}

.pipeseriesParametersTable tr td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #61687C;
    border-top: none !important;
    padding: 14px 24px !important;
}

.pipeseriesParametersTable>.table>tbody>tr>td,
.pipeseriesParametersTable>.table>tbody>tr>th,
.pipeseriesParametersTable>.table>tfoot>tr>td,
.pipeseriesParametersTable>.table>tfoot>tr>th,
.pipeseriesParametersTable>.table>thead>tr>td,
.pipeseriesParametersTable>.table>thead>tr>th {
    padding: 14px 24px;
    border: none;
}

.pipeseriesParametersTable tr td:nth-of-type(odd) {
    font-weight: 600;
    width: 50%;
}

.pipeseriesParametersTable tr td:nth-of-type(even) {
    width: 50%;
}

.pipeseriesParametersTable tr:nth-of-type(odd) {
    background-color: #f8f9fb;
}

.pipeseriesIndustries,
.pipeseriesIndustriesImg {
    padding: 0 0;
}

.pipeseriesIndustries {
    background-color: #242933;
    position: relative;
}

.pipeseriesIndustriesImg img {
    width: 100%;
    display: none;
}

.pipeseriesIndustriesImg img:first-of-type {
    display: block;
}

.pipeseriesIndustriesContent {
    padding: 50px 0 0 50px;
}

.pipeseriesIndustriesContent h2 {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 600;
}

.pipeseriesIndustriesContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.pipeseriesIndustriesSwiper {
    padding-bottom: 100px;
    border-radius: 6px;
}

.pipeseriesIndustriesSwiperBox {
    position: absolute;
    top: 11vw;
}

.pipeseriesIndustriesSwiperContent {
    padding: 24px;
    border-radius: 6px;
    background-color: #fff;
    min-height: 250px;
}

.pipeseriesIndustriesSwiperContent img {
    width: 100%;
}

.pipeseriesIndustriesSwiperContentIcon {
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    padding: 8px;
}

.pipeseriesIndustriesSwiperContentIcon svg,
.pipeseriesIndustriesSwiperContentIcon img {
    width: 100%;
    height: 100%;
}

.pipeseriesIndustriesSwiperContent h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.pipeseriesIndustriesSwiper .swiper-button-prev {
    left: 14%;
}

.pipeseriesIndustriesSwiper .swiper-button-next {
    left: 20%;
}

.pipeseriesIndustriesSwiper>.swiper-button-prev,
.pipeseriesIndustriesSwiper>.swiper-button-next {
    top: 80%;
}

.pipeseriesContact {
    padding: 10px 0 0 0;
    background-color: #ff4610;
    margin-top: 120px;
    border-radius: 30px;
}

.pipeseriesContact h2,
.pipeseriesContact p {
    text-align: center;
    color: #fff;
    padding: 0 10px;
}

.pipeseriesContactBox {
    padding: 48px 0 0 15px;
    background-color: #fff;
    border-radius: 0 0 30px 30px;
}

.pipeseriesContactImg {
    padding: 0 15px;
}

.pipeseriesContactImg img {
    width: 100%;
}

.pipeseriesContactForm label {
    font-size: 16px;
    line-height: 24px;
    color: #414960;
    font-weight: 600 !important;
}

.pipeseriesContactForm .form-control {
    font-size: 12px;
    background-color: #FAFAFB;
    border: 1px solid #e5e6eb;
}

.pipeseriesContactForm .form-control:hover {
    border: 1px solid #ff4610;
    background-color: #fff;
}

.pipeseriesContactForm .form-control:focus {
    border: 1px solid #ff4610;
    box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.20);
    background-color: #fff;
}

.pipeseriesContactForm .submit {
    text-align: center;
}

.pipeseriesContactForm button {
    background-color: #ff4610;
    padding: 8px 32px;
    border-radius: 6px;
    margin: 25px auto;
    border-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.pipeseriesContactForm button:hover {
    background-color: #ff6234;
}

.pipeseriesSuccessStory {
    padding: 80px 0 80px 0;
}

.pipeseriesSuccessStory h2 {
    text-align: center;
}

.pipeseriesSuccessStory p {
    text-align: center;
    width: 40%;
    margin: 16px auto 64px auto;
    color: #61687C;
}

.pipeseriesSuccessStoryAffect {
    display: flex;
}

.pipeseriesSuccessStoryAffect div {
    flex: 1;
}

.pipeseriesSuccessStoryAffect h3 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    color: #ff4610;
    margin: 0;
}

.pipeseriesSuccessStoryAffect p {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #61687C;
    width: 100%;
    margin: 10px 0 44px 0;
}

.pipeseriesSuccessStoryContent {
    margin-top: 44px;
    display: flex;
    border-radius: 8px;
}

.pipeseriesSuccessStoryContentImg,
.pipeseriesSuccessStoryContentFont {
    flex: 1;
}

.pipeseriesSuccessStoryContentImg img {
    width: 100%;
    border-radius: 8px 0 0 8px;
}

.pipeseriesSuccessStoryContentFont {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F2F4F7;
    border-radius: 0 8px 8px 0;
    padding: 30px 34px;
}

.pipeseriesSuccessStoryContentFont p {
    width: 100%;
    margin: 0 0 12px 0;
    text-align: left;
}

.pipeseriesSuccessStoryContentFont p svg {
    width: 48px;
    height: 48px;
}

.pipeseriesSuccessStoryContentFontPeople {
    margin-top: 34px;
    display: flex;
}

.pipeseriesSuccessStoryContentFontPeopleImg {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-right: 16px;
}

.pipeseriesSuccessStoryContentFontPeopleRank h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin: 4px 0 0 0;
}

.pipeseriesSuccessStoryContentFontPeopleRank p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #61687C;
}

.pipeseriesSuccessStoryButton {
    width: 100%;
    margin: 64px 0 0 0;
    text-align: center;
}

.pipeseriesSuccessStoryButton button {
    text-align: center;
    border-style: none;
    background-color: #ff4610;
    padding: 10px 32px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.pipeseriesSuccessStoryButton button:hover {
    background-color: #ff6234;
}

@media screen and (max-width: 2000px) {
    .pipeseriesBannerContent {
        width: 40%;
        margin-left: 30%;
    }

    .pipeseriesBannerContent p,
    .pipeseriesOverviewContent p,
    .pipeseriesFeaturesContent p,
    .pipeseriesContact p {
        font-size: 16px;
        line-height: 24px;
    }

    .pipeseriesOverview>.swiper-button-prev,
    .pipeseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .pipeseriesOverviewContent {
        min-height: 290px;
        padding: 20px;
    }

    .pipeseriesIndustriesSwiperBox {
        top: 11vw;
    }

    .pipeseriesContactForm .submit {
        width: 100%;
    }

    .pipeseriesIndustriesContent {
        padding: 30px 0 0 30px;
    }

    .pipeseriesIndustriesSwiperContent {
        min-height: 250px;
    }

    .pipeseriesSuccessStoryContentFont {
        padding: 18px 30px;
    }

    .pipeseriesSuccessStoryContentFont p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1700px) {
    .pipeseriesBannerContent {
        width: 50%;
        margin-left: 25%;
    }

    .pipeseriesBannerImg img {
        width: 60%;
    }

    .pipeseriesBannerContent p,
    .pipeseriesOverviewContent p,
    .pipeseriesFeaturesContent p,
    .pipeseriesContact p,
    .pipeseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesOverview>.swiper-button-prev,
    .pipeseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .pipeseriesOverview .swiper-button-prev {
        left: 6%;
    }

    .pipeseriesOverview .swiper-button-next {
        right: 6%;
    }

    .pipeseriesOverviewContent {
        min-height: 270px;
    }

    .pipeseriesIndustriesContent {
        padding: 20px 30px 0 30px;
    }

    .pipeseriesIndustriesContent h2 {
        margin: 0 0;
    }

    .pipeseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .pipeseriesIndustriesSwiperContent {
        min-height: 220px;
        padding: 12px 20px;
    }

    .pipeseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .pipeseriesIndustriesSwiperContentIcon {
        width: 44px;
        height: 44px;
    }

    .pipeseriesIndustriesSwiperBox {
        top: 8vw;
    }

    .pipeseriesContactForm .submit {
        width: 100%;
    }

    .pipeseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .pipeseriesSuccessStoryContentFont p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1500px) {


    .pipeseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .pipeseriesBannerContent h1,
    .pipeseriesBannerContent h1 span {
        font-size: 26px;
        line-height: 40px;
    }

    .pipeseriesBannerContent p,
    .pipeseriesOverviewContent p,
    .pipeseriesFeaturesContent p,
    .pipeseriesContact p,
    .pipeseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesOverview h2,
    .pipeseriesFeatures h2,
    .pipeseriesParameters h2,
    .pipeseriesIndustries h2,
    .pipeseriesContact h2 {
        font-size: 28px;
        line-height: 42px;
    }

    .pipeseriesBannerContent button {
        font-size: 14px;
        line-height: 21px;
    }

    .pipeseriesBannerImg img {
        width: 70%;
        margin-top: 50px;
    }

    .pipeseriesOverviewContentIcon {
        width: 48px;
        height: 48px;
        padding: 8px;
    }

    .pipeseriesOverview>.swiper-button-prev,
    .pipeseriesOverview>.swiper-button-next {
        top: 55%;
    }

    .pipeseriesOverview .swiper-button-prev {
        left: 4.5%;
    }

    .pipeseriesOverview .swiper-button-next {
        right: 4.5%;
    }

    .pipeseriesOverviewContent {
        padding: 16px;
        min-height: 260px;
    }

    .pipeseriesOverviewContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .pipeseriesIndustriesContent {
        padding: 12px 20px 0 30px;
    }

    .pipeseriesIndustriesContent h2 {
        margin-top: 10px;
        font-size: 28px;
        line-height: 42px;
    }

    .pipeseriesIndustriesContent p {
        font-size: 12px;
        line-height: 20px;
    }

    .pipeseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
    }

    .pipeseriesIndustriesSwiperContent {
        padding: 20px;
        min-height: 208px;
    }

    .pipeseriesIndustriesSwiperContent h3 {
        margin: 10px 0 12px 0;
        font-size: 20px;
        line-height: 28px;
    }

    .pipeseriesIndustriesSwiper {
        padding-bottom: 65px;
    }

    .pipeseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .pipeseriesIndustriesSwiperBox {
        top: 9vw;
    }

    .pipeseriesSuccessStory p {
        width: 60%;
    }

    .pipeseriesSuccessStoryAffect p,
    .pipeseriesSuccessStoryContentFont p {
        width: 100%;
    }

    .pipeseriesSuccessStoryContentFont p svg {
        width: 32px;
        height: 32px;
    }

    .pipeseriesSuccessStoryContentImg,
    .pipeseriesSuccessStoryContentFont {
        min-height: 350px;
    }

    .pipeseriesSuccessStoryContentImg img {
        width: 100%;
        height: 100%;
    }

}

@media screen and (max-width: 1200px) {
    .pipeseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .pipeseriesBannerContent h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .pipeseriesBannerContent p,
    .pipeseriesOverviewContent p,
    .pipeseriesFeaturesContentBox p,
    .pipeseriesContact p,
    .pipeseriesIndustriesSwiperContent p,
    .pipeseriesIndustriesContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesBannerContent button {
        padding: 5px 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesBannerImg img {
        width: 60%;
        margin-top: 50px;
    }

    .pipeseriesOverview h2,
    .pipeseriesFeatures h2,
    .pipeseriesParameters h2,
    .pipeseriesIndustries h2,
    .pipeseriesContact h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .pipeseriesOverviewContent {
        padding: 24px 24px;
        min-height: 230px;
    }

    .pipeseriesOverview .swiper-button-prev {
        left: 3%;
    }

    .pipeseriesOverview .swiper-button-next {
        right: 3%;
    }


    .pipeseriesOverviewContent h3 {
        font-size: 18px;
        line-height: 26px;
        padding: 0 0;
    }

    .pipeseriesOverviewContentBox {
        display: block;
    }

    .pipeseriesOverviewContent:nth-of-type(2) {
        margin: 24px 0;
    }

    .pipeseriesFeatures {
        padding: 20px 0;
    }

    .pipeseriesFeaturesContentBox {
        margin-top: 20px;
    }

    .pipeseriesFeaturesContentBox h3 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 16px;
        margin-bottom: 4px;
    }

    .pipeseriesParametersTableBar p {
        font-size: 16px;
        line-height: 28px;
    }

    .pipeseriesParametersTable tr td {
        font-size: 14px;
    }

    .pipeseriesIndustries {
        padding: 0 0 15vw 0;
    }

    .pipeseriesIndustriesSwiperBox {
        top: 15vw;
    }

    .pipeseriesIndustriesContent {
        padding: 20px 0 0 30px;
    }

    .pipeseriesIndustriesSwiperContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .pipeseriesIndustriesSwiperContent {
        min-height: 250px;
        margin: 24px 0;
    }

    .pipeseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
    }

    .pipeseriesIndustriesSwiper>.swiper-button-prev,
    .pipeseriesIndustriesSwiper>.swiper-button-next {
        top: 84%;
    }

    .pipeseriesIndustriesSwiper .swiper-button-prev {
        left: 18%;
    }

    .pipeseriesIndustriesSwiper .swiper-button-next {
        left: 28%;
    }

    .pipeseriesContactImg {
        display: none;
    }

    .pipeseriesContactForm {
        width: 100%;
    }

    .pipeseriesSuccessStoryContentImg,
    .pipeseriesSuccessStoryContentFont {
        min-height: 310px;
    }

    .pipeseriesSuccessStory p {
        margin: 16px auto 24px auto;
    }

    .pipeseriesSuccessStoryContent {
        margin-top: 20px;
    }

    .pipeseriesSuccessStoryAffect p,
    .pipeseriesSuccessStoryContentFont p {
        margin: 5px 0;
    }
}

@media screen and (max-width: 750px) {
    .pipeseriesBanner {
        background-image: url(https://static.bodor.com/images/new2024/k/banner-pipeseries-m.webp);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 22vw 0 22vw 0;
    }

    .pipeseriesBannerContent {
        width: 90%;
        margin-left: 5%;
    }

    .pipeseriesBannerContent h1,
    .pipeseriesBannerContent h1 span {
        font-size: 24px;
        line-height: 32px;
        width: 98%;
        margin: 0 auto;
    }

    .pipeseriesBannerContent p {
        width: 86%;
        margin: 16px auto 32px;
    }

    .pipeseriesBannerContent button {
        padding: 7px 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesBannerImg img {
        width: 100%;
        margin-top: 50vw;
    }

    .pipeseriesBannerContent p,
    .pipeseriesOverviewContent p,
    .pipeseriesFeaturesContentBox p,
    .pipeseriesContact p,
    .pipeseriesIndustriesSwiperContent p,
    .pipeseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesOverview h2,
    .pipeseriesFeatures h2,
    .pipeseriesParameters h2,
    .pipeseriesIndustries h2,
    .pipeseriesContact h2,
    .pipeseriesSuccessStory h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .pipeseriesOverviewContent {
        padding: 24px 20px;
        margin-top: 24px;
        min-height: 240px;
    }

    .pipeseriesOverview,
    .pipeseriesFeatures {
        padding: 40px 0;
    }

    .pipeseriesOverview h2 {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .pipeseriesFeaturesContentBox h3 {
        padding: 0 16px;
        font-size: 18px;
        line-height: 26px;
    }

    .pipeseriesFeaturesContentBox img {
        margin-bottom: 16px;
        border-radius: 6px 6px 0 0;
    }

    .pipeseriesFeaturesContentBox {
        margin-bottom: 8px;
    }

    .pipeseriesFeaturesContentBox {
        margin-top: 24px;
        background-color: #FAFAFB;
        border-radius: 6px;
    }

    .pipeseriesFeaturesContentBox p {
        padding: 0 16px;
        margin-bottom: 16px;
    }

    .pipeseriesFeaturesContent h3 {
        width: 85%;
        position: relative;
        left: 16px;
        bottom: 0;
        color: #414960;
        font-size: 16px;
        line-height: 24px;
    }

    .pipeseriesParametersTableBar {
        width: 100%;
        overflow-x: scroll;
    }

    .pipeseriesParametersTableBar p {
        width: 33%;
        flex: none;
    }

    .pipeseriesParameters {
        padding: 0 0 40px 0;
    }

    .pipeseriesParametersTable tr td {
        font-size: 14px;
    }

    .pipeseriesIndustries {
        background-color: #FAFAFB;
        padding: 50px 15px;
        text-align: center;
    }

    .pipeseriesIndustries p {
        font-size: 14px;
        line-height: 21px;
    }

    .pipeseriesIndustriesSwiperContentBox {
        margin-top: 8px;
        padding: 0 0;
    }

    .pipeseriesIndustriesSwiperContent {
        width: 100%;
        padding: 0 0 15px 0;
        background-color: #fff;
        border-radius: 0 0 6px 6px;
        margin-top: 20px;
        border: 1px solid #f2f2f7;
    }

    .pipeseriesIndustriesSwiperContent img {
        width: 100%;
        border-radius: 6px 6px 0 0;
    }

    .pipeseriesIndustriesSwiperContent h3 {
        text-align: left;
        padding-left: 16px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
    }

    .pipeseriesIndustriesSwiperContent p {
        text-align: left;
        padding: 0 16px;
        margin: 0 auto;
    }

    .pipeseriesSuccessStory {
        padding: 40px 0;
    }

    .pipeseriesSuccessStory p {
        width: 90%;
        margin: 16px auto 30px auto;
    }

    .pipeseriesSuccessStoryAffect {
        display: block;
    }

    .pipeseriesSuccessStoryAffect p {
        margin: 6px auto 16px auto;
    }

    .pipeseriesSuccessStoryAffect h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .pipeseriesSuccessStoryContent {
        margin-top: 30px;
        display: block;
    }

    .pipeseriesSuccessStoryContentImg img {
        border-radius: 8px;
    }

    .pipeseriesSuccessStoryContentImg,
    .pipeseriesSuccessStoryContentFont {
        min-height: 260px;
    }

    .pipeseriesSuccessStoryContentFont {
        padding: 14px 14px;
    }

    .pipeseriesSuccessStoryContentFont p {
        margin: 16px auto;
        width: 100%;
    }

    .pipeseriesSuccessStoryContentFont p svg {
        width: 28px;
        height: 28px;
    }

    .pipeseriesSuccessStoryContentFontPeopleRank p {
        margin: 2px auto;
    }

    .pipeseriesContactImg {
        display: none;
    }

    .pipeseriesContact p {
        width: 95%;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .pipeseriesContactForm label {
        font-size: 14px;
        line-height: 22px;
    }

    .pipeseriesContactForm,
    .pipeseriesContactForm .contact-form {
        padding: 0 0;
    }

    .pipeseriesContactForm .form-group {
        margin-bottom: 24px;
    }

    .pipeseriesContactForm .form-control {
        border: 1px solid #F2F4F7;
    }

    .pipeseriesContactForm button {
        font-size: 14px;
        line-height: 22px;
        font-weight: 800;
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }
}

.Weldingseries {
    padding: 0 0;
    margin-top: 48px;
}

.Weldingseries h1,
.Weldingseries h2,
.Weldingseries h3,
.Weldingseries h4 {
    font-family: "Montserrat";
}

.WeldingseriesOverview h2,
.WeldingseriesFeatures h2,
.WeldingseriesParameters h2,
.WeldingseriesIndustries h2,
.WeldingseriesContact h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Montserrat";
    color: #171B25;
}

.WeldingseriesBannerContent p,
.WeldingseriesOverviewContent p,
.WeldingseriesFeaturesContentBox p,
.WeldingseriesContact p,
.WeldingseriesIndustriesSwiperContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #414960;
}

.WeldingseriesBanner,
.WeldingseriesBannerContent,
.WeldingseriesBannerImg {
    padding: 0 0;
}

.WeldingseriesBanner {
    background-color: #000;
    padding: 70px 0 0 0;
}

.WeldingseriesBannerContent {
    text-align: center;
    z-index: 1;
    width: 44%;
    margin-left: 28%;
}

.WeldingseriesBannerContent h1,
.WeldingseriesBannerContent h1 span {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}

.WeldingseriesBannerContent h1 {
    color: rgba(255, 255, 255, 0.90);
}

.WeldingseriesBannerContent h1 span {
    color: #ff4610;
}

.WeldingseriesBannerContent p {
    margin-top: 16px;
    margin-bottom: 32px;
    color: rgba(255, 255, 255, 0.75);
}

.WeldingseriesBannerContent button {
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #171B25;
    border-style: none;
}

.WeldingseriesBannerContent button:hover {
    background-color: #f0f0f0;
}

.WeldingseriesBannerImg img {
    width: 80%;
    margin-top: 0px;
}

.WeldingseriesOverviewBlack {
    background-color: #0F0F0F;
    padding: 80px 0 80px 0;
}

.WeldingseriesOverviewBlackBox {
    width: 70%;
    margin: 0 auto;
    display: flex;
    padding: 0 0;
}

.WeldingseriesOverviewBlackContent {
    max-height: 460px;
    min-height: 459px;
    flex: 1;
    border-radius: 6px;
    position: relative;
    transition: all 0.3s linear;
}

.WeldingseriesOverviewBlackContent:nth-of-type(1) {
    flex: 1;
    background-image: url(https://static.bodor.com/images/new2023/welder1500/WeldingseriesOverviewBlackContentImg-reliable.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 44% 0;
}

.WeldingseriesOverviewBlackContent:nth-of-type(2) {
    flex: 1;
    background-image: url(https://static.bodor.com/images/new2023/welder1500/WeldingseriesOverviewBlackContentImg-selfCooling.webp);
    background-repeat: no-repeat;
    margin: 0 30px;
    background-size: cover;
    background-position: 44% 0;
}

.WeldingseriesOverviewBlackContent:nth-of-type(3) {
    flex: 1;
    background-image: url(https://static.bodor.com/images/new2023/welder1500/WeldingseriesOverviewBlackContentImg-continuous.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 44% 0;
}

.WeldingseriesOverviewBlackContentImg {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 1) 100%);
}

.WeldingseriesOverviewBlackContentImg p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.90);
    position: absolute;
    bottom: 10px;
    padding: 6px;
}

.WeldingseriesOverviewBlackContentFontBox {
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    border-radius: 6px;
    opacity: 0;
    transition: all 0.3s ease-in;
}

.WeldingseriesOverviewBlackContentFontBox:hover {
    opacity: 1;
    transition-delay: 0.53s;
}

.WeldingseriesOverviewBlackContentFontBoxDiv {
    width: 100%;
    height: 100%;
    ;
    background: rgba(15, 15, 15, 0.30);
    display: flex;
    align-items: center;
}

.WeldingseriesOverviewBlackContentFont {
    width: 80%;
    margin: 0 auto;
}

.WeldingseriesOverviewBlackContentFont h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.90);
    margin: 0 0;
}

.WeldingseriesOverviewBlackContentFont p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.75);
    margin: 16px 0 40px 0;
}

.WeldingseriesOverviewBlackContentFontButton {
    width: 100%;
}

.WeldingseriesOverviewBlackContentFontButton button {
    border-radius: 8px;
    border: 1px solid #F6F6F6;
    background: rgba(255, 255, 255, 0);
    padding: 10px 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.WeldingseriesOverviewBlackContentFontButton button:hover {
    background: rgba(255, 255, 255, 0.15);
}

.WeldingseriesOverviewVideoClose {
    font-size: 22px;
    width: 26px;
    height: 26px;
    opacity: 1;
    border-radius: 50%;
    position: relative;
    left: -27px;
    z-index: 1;
    border: 2px solid #fff;
    color: #fff;
    float: right;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    background: none;
    padding: 0;
}

.WeldingseriesOverviewVideoClose:hover {
    opacity: 0.8;
}

.WeldingseriesOverview {
    background-color: #FAFAFB;
    padding: 80px 0 80px 0;
}

.WeldingseriesOverview h2 {
    text-align: center;
    margin-bottom: 64px;
}

.WeldingseriesOverviewContent {
    text-align: center;
    padding: 32px 24px;
    border-radius: 6px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);
    box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
    min-height: 340px;
}

.WeldingseriesOverviewContent:hover {
    box-shadow: 0px 8px 20px 0px rgba(192, 199, 218, 0.60);
}

.WeldingseriesOverviewContentIcon {
    text-align: center;
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    padding: 8px;
    margin: 0 auto;
}

.WeldingseriesOverviewContentIcon svg {
    width: 32px;
    height: 32px;
}

.WeldingseriesOverviewContent h3 {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: #414960;
    padding: 0 20px;
    margin-top: 24px;
    margin-bottom: 6px;
}

.WeldingseriesOverviewContent p {
    text-align: center;
}

.WeldingseriesOverview .swiper-button-prev {
    left: 14%;
}

.WeldingseriesOverview .swiper-button-next {
    right: 14%;
}

.WeldingseriesOverview>.swiper-button-prev,
.WeldingseriesOverview>.swiper-button-next {
    top: 54%;
}

.WeldingseriesOverviewButton,
.WeldingseriesParametersButton {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}

.WeldingseriesOverviewButton button,
.WeldingseriesParametersButton button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    border-style: none;
}

.WeldingseriesOverviewButton button:hover,
.WeldingseriesParametersButton button:hover {
    background-color: #ff6234;
}

.WeldingseriesFeatures {
    padding: 80px 0;
}

.WeldingseriesFeatures h2 {
    text-align: center;
}

.WeldingseriesFeaturesContentBox {
    margin-top: 64px;
    padding: 0 0;
}

.WeldingseriesFeaturesContentBox img {
    width: 100%;
    border-radius: 6px;
}

.WeldingseriesFeaturesContentBox video {
    width: 100%;
    border-radius: 6px;
}

.WeldingseriesFeaturesContentBox h3 {
    font-size: 22px;
    line-height: 26px;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
    font-weight: 600;
}

.WeldingseriesParameters {
    padding: 80px 0 80px 0;
}

.WeldingseriesParameters h2 {
    text-align: center;
}

.WeldingseriesParametersTable {
    margin-top: 64px;
}

.table>tbody+tbody {
    border-top: none !important;
}

.WeldingseriesParametersTableBar {
    width: 100%;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #e5e6eb;
    margin-bottom: 48px;
}

.WeldingseriesParametersTableBar p {
    flex: 1;
    padding: 10px 0 15px 0;
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    color: #61687C;
    font-weight: 400;
    cursor: pointer;
}

.WeldingseriesParametersTable tr td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #61687C;
    border-top: none !important;
    padding: 14px 24px !important;
}

.WeldingseriesParametersTable>.table>tbody>tr>td,
.WeldingseriesParametersTable>.table>tbody>tr>th,
.WeldingseriesParametersTable>.table>tfoot>tr>td,
.WeldingseriesParametersTable>.table>tfoot>tr>th,
.WeldingseriesParametersTable>.table>thead>tr>td,
.WeldingseriesParametersTable>.table>thead>tr>th {
    padding: 14px 24px;
    border: none;
}

.WeldingseriesParametersTable tr td:nth-of-type(odd) {
    font-weight: 600;
    width: 50%;
}

.WeldingseriesParametersTable tr td:nth-of-type(even) {
    width: 50%;
}

.WeldingseriesParametersTable tr:nth-of-type(odd) {
    background-color: #f8f9fb;
}

.WeldingseriesIndustries,
.WeldingseriesIndustriesImg {
    padding: 0 0;
}

.WeldingseriesIndustries {
    background-color: #242933;
    position: relative;
}

.WeldingseriesIndustriesImg img {
    width: 100%;
    display: none;
}

.WeldingseriesIndustriesImg img:first-of-type {
    display: block;
}

.WeldingseriesIndustriesContent {
    padding: 50px 0 0 50px;
}

.WeldingseriesIndustriesContent h2 {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
}

.WeldingseriesIndustriesContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.WeldingseriesIndustriesSwiper {
    padding-bottom: 100px;
    border-radius: 6px;
}

.WeldingseriesIndustriesSwiperBox {
    position: absolute;
    top: 11vw;
}

.WeldingseriesIndustriesSwiperContent {
    padding: 24px;
    border-radius: 6px;
    background-color: #fff;
    min-height: 265px;
}

.WeldingseriesIndustriesSwiperContentIcon {
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    padding: 8px;
}

.WeldingseriesIndustriesSwiperContentIcon svg {
    width: 32px;
    height: 32px;
}

.WeldingseriesIndustriesSwiperContent h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.WeldingseriesIndustriesSwiper .swiper-button-prev {
    left: 14%;
}

.WeldingseriesIndustriesSwiper .swiper-button-next {
    left: 20%;
}

.WeldingseriesIndustriesSwiper>.swiper-button-prev,
.WeldingseriesIndustriesSwiper>.swiper-button-next {
    top: 80%;
}

.WeldingseriesContact {
    padding: 10px 0 0 0;
    background-color: #ff4610;
    margin-top: 120px;
    border-radius: 30px;
}

.WeldingseriesContact h2,
.WeldingseriesContact p {
    text-align: center;
    color: #fff;
    padding: 0 10px;
}

.WeldingseriesContactBox {
    padding: 48px 0 0 15px;
    background-color: #fff;
    border-radius: 0 0 30px 30px;
}

.WeldingseriesContactImg {
    padding: 0 15px;
}

.WeldingseriesContactImg img {
    width: 100%;
}

.WeldingseriesContactForm label {
    font-size: 16px;
    line-height: 24px;
    color: #414960;
    font-weight: 600 !important;
}

.WeldingseriesContactForm .form-control {
    font-size: 12px;
    background-color: #FAFAFB;
    border: 1px solid #e5e6eb;
}

.WeldingseriesContactForm .form-control:hover {
    border: 1px solid #ff4610;
    background-color: #fff;
}

.WeldingseriesContactForm .form-control:focus {
    border: 1px solid #ff4610;
    box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.20);
    background-color: #fff;
}

.WeldingseriesContactForm .submit {
    text-align: center;
}

.WeldingseriesContactForm button {
    background-color: #ff4610;
    padding: 8px 32px;
    border-radius: 6px;
    margin: 25px auto;
    border-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.WeldingseriesContactForm button:hover {
    background-color: #ff6234;
}

@media screen and (max-width: 2000px) {
    .WeldingseriesBannerContent {
        width: 50%;
        margin-left: 25%;
    }

    .WeldingseriesBannerContent p,
    .WeldingseriesOverviewContent p,
    .WeldingseriesFeaturesContent p,
    .WeldingseriesContact p {
        font-size: 16px;
        line-height: 24px;
    }

    .WeldingseriesOverview>.swiper-button-prev,
    .WeldingseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .WeldingseriesOverviewBlackBox {
        width: 80%;
        margin: 0 auto;
        display: flex;
        padding: 0 0;
    }

    .WeldingseriesOverviewContent {
        min-height: 420px;
    }

    .WeldingseriesIndustriesSwiperBox {
        top: 12vw;
    }

    .WeldingseriesContactForm .submit {
        width: 100%;
    }

    .WeldingseriesIndustriesSwiperContent {
        min-height: 266px;
    }
}

@media screen and (max-width: 1700px) {
    .WeldingseriesBannerContent {
        width: 60%;
        margin-left: 20%;
    }

    .WeldingseriesBannerContent p,
    .WeldingseriesOverviewContent p,
    .WeldingseriesFeaturesContent p,
    .WeldingseriesContact p,
    .WeldingseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .WeldingseriesOverviewBlackBox {
        width: 86%;
        margin: 0 auto;
        display: flex;
        padding: 0 0;
    }

    .WeldingseriesOverview>.swiper-button-prev,
    .WeldingseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .WeldingseriesOverview .swiper-button-prev {
        left: 6%;
    }

    .WeldingseriesOverview .swiper-button-next {
        right: 6%;
    }

    .WeldingseriesOverviewContent {
        min-height: 350px;
    }

    .WeldingseriesIndustriesContent {
        padding: 20px 30px 0 30px;
    }

    .WeldingseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .WeldingseriesIndustriesSwiper {
        padding-bottom: 80px;
    }

    .WeldingseriesIndustriesSwiperContent {
        min-height: 250px;
    }

    .WeldingseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .WeldingseriesIndustriesSwiperContentIcon {
        width: 44px;
        height: 44px;
    }

    .WeldingseriesIndustriesSwiperBox {
        top: 9vw;
    }

    .WeldingseriesContactForm .submit {
        width: 100%;
    }

    .WeldingseriesContactBox {
        padding: 30px 15px 0 15px;
    }
}

@media screen and (max-width: 1500px) {

    .swiper-button-prev,
    .swiper-button-next {
        width: 44px;
        height: 44px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 14px;
    }

    .WeldingseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .WeldingseriesBannerContent h1,
    .WeldingseriesBannerContent h1 span {
        font-size: 26px;
        line-height: 40px;
    }

    .WeldingseriesBannerContent p,
    .WeldingseriesOverviewContent p,
    .WeldingseriesFeaturesContent p,
    .WeldingseriesContact p,
    .WeldingseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .WeldingseriesOverview h2,
    .WeldingseriesFeatures h2,
    .WeldingseriesParameters h2,
    .WeldingseriesIndustries h2,
    .WeldingseriesContact h2 {
        font-size: 28px;
        line-height: 42px;
    }

    .WeldingseriesBannerContent button {
        font-size: 14px;
        line-height: 21px;
    }

    .WeldingseriesBannerImg img {
        width: 80%;
        margin-top: 50px;
    }

    .WeldingseriesOverviewBlackBox {
        width: 94%;
        margin: 0 auto;
        display: flex;
        padding: 0 0;
    }

    .WeldingseriesOverviewContentIcon {
        width: 48px;
        height: 48px;
        padding: 8px;
    }

    .WeldingseriesOverview>.swiper-button-prev,
    .WeldingseriesOverview>.swiper-button-next {
        top: 55%;
    }

    .WeldingseriesOverview .swiper-button-prev {
        left: 4.5%;
    }

    .WeldingseriesOverview .swiper-button-next {
        right: 4.5%;
    }

    .WeldingseriesOverviewContent {
        padding: 40px 22px;
        min-height: 340px;
    }

    .WeldingseriesIndustriesContent {
        padding: 12px 20px 0 30px;
    }

    .WeldingseriesIndustriesContent h2 {
        margin-top: 10px;
        font-size: 28px;
        line-height: 42px;
    }

    .WeldingseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .WeldingseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
        padding: 4px;
    }

    .WeldingseriesIndustriesSwiperContent {
        padding: 20px;
        min-height: 254px;
    }

    .WeldingseriesIndustriesSwiperContent h3 {
        margin-top: 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .WeldingseriesIndustriesSwiper {
        padding-bottom: 80px;
    }

    .WeldingseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .WeldingseriesIndustriesSwiperBox {
        top: 9vw;
    }
}

@media screen and (max-width: 1300px) {
    .WeldingseriesOverviewBlack {
        background-color: #fff;
        padding: 50px 0 50px 0;
    }

    .WeldingseriesOverviewBlackContentFontBox {
        display: none !important;
    }

    .WeldingseriesOverviewBlackBox {
        display: block;
        width: 100%;
    }

    .WeldingseriesOverviewBlackContent {
        width: 60% !important;
        margin: 30px auto;
        min-height: 400px;
        border-radius: 8px;
    }

    .WeldingseriesOverviewBlackContent:nth-of-type(2) {
        margin: 0 auto;
    }

    .WeldingseriesOverviewBlackContentImg {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
    }

    .WeldingseriesOverviewBlackContentImg p {
        position: absolute;
        top: 40%;
        text-align: center;
    }

    .WeldingseriesIndustries {
        padding-bottom: 130px;
    }

    .WeldingseriesIndustriesSwiperBox {
        top: 12vw;
    }

    .WeldingseriesIndustriesSwiperContent {
        min-height: 260px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 1200px) {
    .WeldingseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .WeldingseriesBannerContent h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .WeldingseriesBannerContent p,
    .WeldingseriesOverviewContent p,
    .WeldingseriesFeaturesContentBox p,
    .WeldingseriesContact p,
    .WeldingseriesIndustriesSwiperContent p,
    .WeldingseriesIndustriesContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .WeldingseriesBannerContent button {
        padding: 5px 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .WeldingseriesBannerImg img {
        width: 90%;
        margin-top: 50px;
    }

    .WeldingseriesOverview h2,
    .WeldingseriesFeatures h2,
    .WeldingseriesParameters h2,
    .WeldingseriesIndustries h2,
    .WeldingseriesContact h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .WeldingseriesOverviewBlackContent {
        width: 80% !important;
        margin: 30px auto;
        min-height: 400px;
        border-radius: 8px;
    }

    .WeldingseriesOverviewContent {
        padding: 24px 24px;
        min-height: 320px;
    }

    .WeldingseriesOverview .swiper-button-prev {
        left: 3%;
    }

    .WeldingseriesOverview .swiper-button-next {
        right: 3%;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        margin-top: 0;
        margin-left: 0;
    }

    .WeldingseriesOverviewContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .WeldingseriesFeatures {
        padding: 20px 0;
    }

    .WeldingseriesFeaturesContentBox {
        margin-top: 20px;
    }

    .WeldingseriesFeaturesContentBox h3 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 16px;
        margin-bottom: 4px;
    }

    .WeldingseriesParametersTable tr td {
        font-size: 14px;
    }

    .WeldingseriesIndustries {
        padding: 0 0 18vw 0;
    }

    .WeldingseriesIndustriesSwiperBox {
        top: 14vw;
    }

    .WeldingseriesIndustriesContent {
        padding: 30px 0 0 30px;
    }

    .WeldingseriesIndustriesSwiperContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .WeldingseriesIndustriesSwiperContent {
        min-height: 280px;
    }

    .WeldingseriesIndustriesSwiperContentIcon {
        width: 50px;
        height: 50px;
    }

    .WeldingseriesIndustriesSwiper>.swiper-button-prev,
    .WeldingseriesIndustriesSwiper>.swiper-button-next {
        top: 84%;
    }

    .WeldingseriesIndustriesSwiper .swiper-button-prev {
        left: 18%;
    }

    .WeldingseriesIndustriesSwiper .swiper-button-next {
        left: 28%;
    }

    .WeldingseriesContactImg {
        display: none;
    }

    .WeldingseriesContactForm {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .WeldingseriesBanner {
        padding: 22vw 0 0 0;
    }

    .WeldingseriesBannerContent {
        width: 90%;
        margin-left: 5%;
    }

    .WeldingseriesBannerContent h1,
    .WeldingseriesBannerContent h1 span {
        font-size: 24px;
        line-height: 32px;
        width: 98%;
        margin: 0 auto;
    }

    .WeldingseriesBannerContent p {
        width: 86%;
        margin: 16px auto 32px;
    }

    .WeldingseriesBannerContent button {
        padding: 7px 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .WeldingseriesBannerImg img {
        width: 100%;
        margin-top: 100px;
    }

    .WeldingseriesBannerContent p,
    .WeldingseriesOverviewContent p,
    .WeldingseriesFeaturesContentBox p,
    .WeldingseriesContact p,
    .WeldingseriesIndustriesSwiperContent p,
    .WeldingseriesSuccessStory p {
        font-size: 12px;
        line-height: 20px;
    }

    .WeldingseriesOverview h2,
    .WeldingseriesFeatures h2,
    .WeldingseriesParameters h2,
    .WeldingseriesIndustries h2,
    .WeldingseriesContact h2,
    .WeldingseriesSuccessStory h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .WeldingseriesOverviewBlackContent {
        width: 90% !important;
        margin: 30px auto;
        min-height: 240px;
        border-radius: 8px;
    }

    .WeldingseriesOverviewContent {
        padding: 24px 20px;
        margin-top: 24px;
        min-height: 280px;
    }

    .WeldingseriesOverview,
    .WeldingseriesFeatures,
    .WeldingseriesContact {
        padding: 40px 0;
    }

    .WeldingseriesOverview h2 {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .WeldingseriesFeaturesContentBox h3 {
        padding: 0 16px;
        font-size: 18px;
        line-height: 26px;
    }

    .WeldingseriesFeaturesContentBox img {
        margin-bottom: 16px;
        border-radius: 6px 6px 0 0;
    }

    .WeldingseriesFeaturesContentBox {
        margin-bottom: 8px;
    }

    .WeldingseriesFeaturesContentBox {
        margin-top: 24px;
        background-color: #FAFAFB;
        border-radius: 6px;
    }

    .WeldingseriesFeaturesContentBox p {
        padding: 0 16px;
        margin-bottom: 16px;
    }

    .WeldingseriesFeaturesContent h3 {
        width: 85%;
        position: relative;
        left: 16px;
        bottom: 0;
        color: #414960;
        font-size: 16px;
        line-height: 24px;
    }

    .WeldingseriesParameters {
        padding: 0 0 40px 0;
    }

    .WeldingseriesParametersTable tr td {
        font-size: 14px;
    }

    .WeldingseriesIndustries {
        background-color: #FAFAFB;
        padding: 50px 15px;
        text-align: center;
    }

    .WeldingseriesIndustries p {
        font-size: 14px;
        line-height: 21px;
    }

    .WeldingseriesIndustriesSwiperContentBox {
        margin-top: 8px;
        padding: 0 0;
    }

    .WeldingseriesIndustriesSwiperContent {
        width: 100%;
        padding: 0 0 15px 0;
        background-color: #fff;
        border-radius: 0 0 6px 6px;
        margin-top: 20px;
        border: 1px solid #f2f2f7;
    }

    .WeldingseriesIndustriesSwiperContent img {
        width: 100%;
        border-radius: 6px 6px 0 0;
    }

    .WeldingseriesIndustriesSwiperContent h3 {
        text-align: left;
        padding-left: 16px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
    }

    .WeldingseriesIndustriesSwiperContent p {
        text-align: left;
        padding: 0 16px;
        margin: 0 auto;
    }

    .WeldingseriesContactImg {
        display: none;
    }

    .WeldingseriesContact p {
        width: 95%;
        margin: 0 auto;
    }

    .WeldingseriesContactForm label {
        font-size: 14px;
        line-height: 22px;
    }

    .WeldingseriesContactForm,
    .WeldingseriesContactForm .contact-form {
        padding: 0 0;
    }

    .WeldingseriesContactForm .form-group {
        margin-bottom: 24px;
    }

    .WeldingseriesContactForm .form-control {
        border: 1px solid #F2F4F7;
    }

    .WeldingseriesContactForm button {
        font-size: 14px;
        line-height: 22px;
        font-weight: 800;
    }

}


.AllConcernedseries {
    padding: 0 0;
    margin-top: 50px;
}

.AllConcernedseries h1,
.AllConcernedseries h2,
.AllConcernedseries h3,
.AllConcernedseries h4 {
    font-family: "Montserrat";
}

.AllConcernedseriesOverview h2,
.AllConcernedseriesFeatures h2,
.AllConcernedseriesParameters h2,
.AllConcernedseriesIndustries h2,
.AllConcernedseriesContact h2,
.AllConcernedseriesSuccessStory h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Montserrat";
}

.AllConcernedseriesBannerContent p,
.AllConcernedseriesOverviewContent p,
.AllConcernedseriesFeaturesContentBox p,
.AllConcernedseriesContact p,
.AllConcernedseriesIndustriesSwiperContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #414960;
}

.AllConcernedseriesBanner,
.AllConcernedseriesBannerContent,
.AllConcernedseriesBannerImg {
    padding: 0 0;
}

.AllConcernedseriesBanner {
    background-image: url(https://static.bodor.com/images/new2024/at/banner-AllConcernedseries.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 40px 0;
}

.AllConcernedseriesBannerContent {
    text-align: center;
    z-index: 1;
    width: 46%;
    margin-left: 27%;
}

.AllConcernedseriesBannerContent h1,
.AllConcernedseriesBannerContent h1 span {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}

.AllConcernedseriesBannerContent h1 {
    color: #171B25;
}

.AllConcernedseriesBannerContent h1 span {
    color: #ff4610;
}

.AllConcernedseriesBannerContent p {
    margin-top: 16px;
    margin-bottom: 32px;
}

.AllConcernedseriesBannerContent button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    border-style: none;
}

.AllConcernedseriesBannerContent button:hover {
    background-color: #ff6234;
}

.AllConcernedseriesBannerImg {
    width: 55%;
    margin: 0 auto;
}

.AllConcernedseriesBannerImg img {
    width: 100%;
    margin-top: 10px;
}

.AllConcernedseriesOverview {
    background-color: #FAFAFB;
    padding: 80px 0 80px 0;
}

.AllConcernedseriesOverview h2 {
    text-align: center;
    margin-bottom: 64px;
}

.AllConcernedseriesOverviewContent {
    text-align: center;
    padding: 32px 24px;
    border-radius: 6px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);
    box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.30);
    min-height: 260px;
}

.AllConcernedseriesOverviewContent:hover {
    box-shadow: 0px 8px 20px 0px rgba(192, 199, 218, 0.60);
}

.AllConcernedseriesOverviewContentIcon {
    text-align: center;
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    padding: 8px;
    margin: 0 auto;
}

.AllConcernedseriesOverviewContent h3 {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: #414960;
    padding: 0 20px;
    margin-top: 24px;
    margin-bottom: 6px;
}

.AllConcernedseriesOverviewContent p {
    text-align: center;
}

.AllConcernedseriesOverview .swiper-button-prev {
    left: 14%;
}

.AllConcernedseriesOverview .swiper-button-next {
    right: 14%;
}

.AllConcernedseriesOverview>.swiper-button-prev,
.AllConcernedseriesOverview>.swiper-button-next {
    top: 54%;
}

.AllConcernedseriesOverviewButton,
.AllConcernedseriesParametersButton {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}

.AllConcernedseriesOverviewButton button,
.AllConcernedseriesParametersButton button {
    padding: 10px 32px;
    border-radius: 6px;
    background-color: #ff4610;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    border-style: none;
}

.AllConcernedseriesOverviewButton button:hover,
.AllConcernedseriesParametersButton button:hover {
    background-color: #ff6234;
}

.AllConcernedseriesFeatures {
    padding: 80px 0;
}

.AllConcernedseriesFeatures h2 {
    text-align: center;
}

.AllConcernedseriesFeaturesContentBox {
    margin-top: 64px;
    padding: 0 0;
}

.AllConcernedseriesFeaturesContentBox img {
    width: 100%;
    border-radius: 6px;
}

.AllConcernedseriesFeaturesContentBox video {
    width: 100%;
    border-radius: 6px;
}

.AllConcernedseriesFeaturesContentBox h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.AllConcernedseriesParameters {
    padding: 80px 0 80px 0;
}

.AllConcernedseriesParameters h2 {
    text-align: center;
}

.AllConcernedseriesParametersTable {
    margin-top: 64px;
}

.table>tbody+tbody {
    border-top: none !important;
}

.AllConcernedseriesParametersTableBar {
    width: 100%;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #e5e6eb;
    margin-bottom: 48px;
}

.AllConcernedseriesParametersTableBar p {
    flex: 1;
    padding: 10px 0 15px 0;
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    color: #61687C;
    font-weight: 400;
    cursor: pointer;
}

.AllConcernedseriesParametersTable tr td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #61687C;
    border-top: none !important;
    padding: 14px 24px !important;
}

.AllConcernedseriesParametersTable>.table>tbody>tr>td,
.AllConcernedseriesParametersTable>.table>tbody>tr>th,
.AllConcernedseriesParametersTable>.table>tfoot>tr>td,
.AllConcernedseriesParametersTable>.table>tfoot>tr>th,
.AllConcernedseriesParametersTable>.table>thead>tr>td,
.AllConcernedseriesParametersTable>.table>thead>tr>th {
    padding: 14px 24px;
    border: none;
}

.AllConcernedseriesParametersTable tr td:nth-of-type(odd) {
    font-weight: 600;
    width: 50%;
}

.AllConcernedseriesParametersTable tr td:nth-of-type(even) {
    width: 50%;
}

.AllConcernedseriesParametersTable tr:nth-of-type(odd) {
    background-color: #f8f9fb;
}

.AllConcernedseriesIndustries,
.AllConcernedseriesIndustriesImg {
    padding: 0 0;
}

.AllConcernedseriesIndustries {
    background-color: #242933;
    position: relative;
}

.AllConcernedseriesIndustriesImg img {
    width: 100%;
    display: none;
}

.AllConcernedseriesIndustriesImg img:first-of-type {
    display: block;
}

.AllConcernedseriesIndustriesContent {
    padding: 50px 0 0 50px;
}

.AllConcernedseriesIndustriesContent h2 {
    font-size: 32px;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
    margin: 10px 0 0 0;
}

.AllConcernedseriesIndustriesContent p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
}

.AllConcernedseriesIndustriesSwiper {
    padding-bottom: 100px;
    border-radius: 6px;
}

.AllConcernedseriesIndustriesSwiperBox {
    position: absolute;
    top: 10vw;
}

.AllConcernedseriesIndustriesSwiperContent {
    padding: 24px;
    border-radius: 6px;
    background-color: #fff;
    min-height: 220px;
}

.AllConcernedseriesIndustriesSwiperContentIcon {
    background-color: #ff4610;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    padding: 8px;
}

.AllConcernedseriesIndustriesSwiperContentIcon svg {
    width: 100%;
    height: 100%;
}

.AllConcernedseriesIndustriesSwiperContent h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin-top: 24px;
    margin-bottom: 12px;
}

.AllConcernedseriesIndustriesSwiper .swiper-button-prev {
    left: 14%;
}

.AllConcernedseriesIndustriesSwiper .swiper-button-next {
    left: 20%;
}

.AllConcernedseriesIndustriesSwiper>.swiper-button-prev,
.AllConcernedseriesIndustriesSwiper>.swiper-button-next {
    top: 80%;
}

.AllConcernedseriesContact {
    padding: 10px 0 0 0;
    background-color: #ff4610;
    margin-top: 120px;
    border-radius: 30px;
}

.AllConcernedseriesContact h2,
.AllConcernedseriesContact p {
    text-align: center;
    color: #fff;
    padding: 0 10px;
}

.AllConcernedseriesContactBox {
    padding: 48px 0 0 15px;
    background-color: #fff;
    border-radius: 0 0 30px 30px;
}

.AllConcernedseriesContactImg {
    padding: 0 15px;
}

.AllConcernedseriesContactImg img {
    width: 100%;
}

.AllConcernedseriesContactForm label {
    font-size: 16px;
    line-height: 24px;
    color: #414960;
    font-weight: 600 !important;
}

.AllConcernedseriesContactForm .form-control {
    font-size: 12px;
    background-color: #FAFAFB;
    border: 1px solid #e5e6eb;
}

.AllConcernedseriesContactForm .form-control:hover {
    border: 1px solid #ff4610;
    background-color: #fff;
}

.AllConcernedseriesContactForm .form-control:focus {
    border: 1px solid #ff4610;
    box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.20);
    background-color: #fff;
}

.AllConcernedseriesContactForm .submit {
    text-align: center;
}

.AllConcernedseriesContactForm button {
    background-color: #ff4610;
    padding: 8px 32px;
    border-radius: 6px;
    margin: 25px auto;
    border-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.AllConcernedseriesContactForm button:hover {
    background-color: #ff6234;
}

.AllConcernedseriesSuccessStory {
    padding: 80px 0 80px 0;
}

.AllConcernedseriesSuccessStory h2 {
    text-align: center;
}

.AllConcernedseriesSuccessStory p {
    text-align: center;
    width: 40%;
    margin: 16px auto 64px auto;
    color: #61687C;
}

.AllConcernedseriesSuccessStoryAffect {
    display: flex;
}

.AllConcernedseriesSuccessStoryAffect div {
    flex: 1;
}

.AllConcernedseriesSuccessStoryAffect h3 {
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #ff4610;
    margin: 0;
}

.AllConcernedseriesSuccessStoryAffect p {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #61687C;
    width: 100%;
    margin: 10px 0 44px 0;
}

.AllConcernedseriesSuccessStoryContent {
    margin-top: 44px;
    display: flex;
    border-radius: 8px;
}

.AllConcernedseriesSuccessStoryContentImg,
.AllConcernedseriesSuccessStoryContentFont {
    flex: 1;
}

.AllConcernedseriesSuccessStoryContentImg img {
    width: 100%;
    border-radius: 8px 0 0 8px;
}

.AllConcernedseriesSuccessStoryContentFont {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F2F4F7;
    border-radius: 0 8px 8px 0;
    padding: 30px 34px;
}

.AllConcernedseriesSuccessStoryContentFont p {
    width: 100%;
    margin: 0 0 12px 0;
    text-align: left;
}

.AllConcernedseriesSuccessStoryContentFont p svg {
    width: 48px;
    height: 48px;
}

.AllConcernedseriesSuccessStoryContentFontPeople {
    margin-top: 34px;
    display: flex;
}

.AllConcernedseriesSuccessStoryContentFontPeopleImg {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-right: 16px;
}

.AllConcernedseriesSuccessStoryContentFontPeopleRank h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #171B25;
    margin: 4px 0 0 0;
}

.AllConcernedseriesSuccessStoryContentFontPeopleRank p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #61687C;
}

.AllConcernedseriesSuccessStoryButton {
    width: 100%;
    margin: 64px 0 0 0;
    text-align: center;
}

.AllConcernedseriesSuccessStoryButton button {
    text-align: center;
    border-style: none;
    background-color: #ff4610;
    padding: 10px 32px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.AllConcernedseriesSuccessStoryButton button:hover {
    background-color: #ff6234;
}

@media screen and (max-width: 2000px) {
    .AllConcernedseriesBannerContent {
        width: 50%;
        margin-left: 25%;
    }

    .AllConcernedseriesBannerImg {
        width: 70%;
    }

    .AllConcernedseriesBannerContent p,
    .AllConcernedseriesOverviewContent p,
    .AllConcernedseriesFeaturesContent p,
    .AllConcernedseriesContact p {
        font-size: 16px;
        line-height: 24px;
    }

    .AllConcernedseriesOverview>.swiper-button-prev,
    .AllConcernedseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .AllConcernedseriesOverviewContent {
        min-height: 280px;
    }

    .AllConcernedseriesIndustriesSwiperBox {
        top: 9vw;
    }

    .AllConcernedseriesIndustriesContent {
        padding: 30px 0 0 30px;
    }

    .AllConcernedseriesContactForm .submit {
        width: 100%;
    }

    .AllConcernedseriesIndustriesSwiperContent {
        min-height: 250px;
    }

    .AllConcernedseriesSuccessStoryContentFont {
        padding: 18px 30px;
    }

    .AllConcernedseriesSuccessStoryContentFont p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1700px) {
    .AllConcernedseriesBannerContent {
        width: 60%;
        margin-left: 20%;
    }

    .AllConcernedseriesBannerImg {
        width: 60%;
    }

    .AllConcernedseriesBannerContent p,
    .AllConcernedseriesOverviewContent p,
    .AllConcernedseriesFeaturesContent p,
    .AllConcernedseriesContact p,
    .AllConcernedseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesOverview>.swiper-button-prev,
    .AllConcernedseriesOverview>.swiper-button-next {
        top: 54%;
    }

    .AllConcernedseriesOverview .swiper-button-prev {
        left: 6%;
    }

    .AllConcernedseriesOverview .swiper-button-next {
        right: 6%;
    }

    .AllConcernedseriesOverviewContent {
        min-height: 250px;
    }

    .AllConcernedseriesIndustriesContent {
        padding: 20px 30px 0 30px;
    }

    .AllConcernedseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .AllConcernedseriesIndustriesSwiperContent {
        min-height: 230px;
    }

    .AllConcernedseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .AllConcernedseriesIndustriesSwiperContentIcon {
        width: 44px;
        height: 44px;
    }

    .AllConcernedseriesIndustriesSwiperBox {
        top: 8.5vw;
    }

    .AllConcernedseriesContactForm .submit {
        width: 100%;
    }

    .AllConcernedseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .AllConcernedseriesSuccessStoryContentFont p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1500px) {
    .AllConcernedseriesBanner {
        padding: 60px 0 70px 0;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 44px;
        height: 44px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 14px;
    }

    .AllConcernedseriesBannerContent {
        width: 60%;
        margin-left: 20%;
    }

    .AllConcernedseriesBannerContent h1,
    .AllConcernedseriesBannerContent h1 span {
        font-size: 26px;
        line-height: 40px;
    }

    .AllConcernedseriesBannerContent p,
    .AllConcernedseriesOverviewContent p,
    .AllConcernedseriesFeaturesContent p,
    .AllConcernedseriesContact p,
    .AllConcernedseriesIndustriesSwiperContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesOverview h2,
    .AllConcernedseriesFeatures h2,
    .AllConcernedseriesParameters h2,
    .AllConcernedseriesIndustries h2,
    .AllConcernedseriesContact h2 {
        font-size: 28px;
        line-height: 42px;
    }

    .AllConcernedseriesBannerContent button {
        font-size: 14px;
        line-height: 21px;
    }

    .AllConcernedseriesBannerImg {
        width: 70%;
    }

    .AllConcernedseriesBannerImg img {
        width: 100%;
        margin-top: 50px;
    }

    .AllConcernedseriesOverviewContent h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .AllConcernedseriesOverviewContentIcon {
        width: 48px;
        height: 48px;
        padding: 8px;
    }

    .AllConcernedseriesOverview>.swiper-button-prev,
    .AllConcernedseriesOverview>.swiper-button-next {
        top: 55%;
    }

    .AllConcernedseriesOverview .swiper-button-prev {
        left: 4.5%;
    }

    .AllConcernedseriesOverview .swiper-button-next {
        right: 4.5%;
    }

    .AllConcernedseriesOverviewContent {
        padding: 30px 12px;
        min-height: 260px;
    }

    .AllConcernedseriesIndustriesContent {
        padding: 12px 20px 0 30px;
    }

    .AllConcernedseriesIndustriesContent h2 {
        margin-top: 10px;
        font-size: 28px;
        line-height: 42px;
    }

    .AllConcernedseriesIndustriesContent p {
        font-size: 14px;
        line-height: 21px;
    }

    .AllConcernedseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
    }

    .AllConcernedseriesIndustriesSwiperContent {
        padding: 20px;
        min-height: 230px;
    }

    .AllConcernedseriesIndustriesSwiperContent h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .AllConcernedseriesIndustriesSwiper {
        padding-bottom: 65px;
    }

    .AllConcernedseriesContactBox {
        padding: 30px 15px 0 15px;
    }

    .AllConcernedseriesIndustriesSwiperBox {
        top: 9.5vw;
    }

    .AllConcernedseriesSuccessStory p {
        width: 60%;
    }

    .AllConcernedseriesSuccessStoryAffect p,
    .AllConcernedseriesSuccessStoryContentFont p {
        width: 100%;
    }

    .AllConcernedseriesSuccessStoryContentFont p svg {
        width: 32px;
        height: 32px;
    }

    .AllConcernedseriesSuccessStoryContentImg,
    .AllConcernedseriesSuccessStoryContentFont {
        min-height: 350px;
    }

    .AllConcernedseriesSuccessStoryContentImg img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .AllConcernedseriesBannerContent {
        width: 80%;
        margin-left: 10%;
    }

    .AllConcernedseriesBannerContent h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .AllConcernedseriesBannerContent p,
    .AllConcernedseriesOverviewContent p,
    .AllConcernedseriesFeaturesContentBox p,
    .AllConcernedseriesContact p,
    .AllConcernedseriesIndustriesSwiperContent p,
    .AllConcernedseriesIndustriesContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesBannerContent button {
        padding: 5px 16px;
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesBannerImg {
        width: 80%;
    }

    .AllConcernedseriesBannerImg img {
        width: 100%;
        margin-top: 50px;
    }

    .AllConcernedseriesOverview h2,
    .AllConcernedseriesFeatures h2,
    .AllConcernedseriesParameters h2,
    .AllConcernedseriesIndustries h2,
    .AllConcernedseriesContact h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .AllConcernedseriesOverviewContent {
        padding: 24px 24px;
        min-height: 230px;
    }

    .AllConcernedseriesOverview .swiper-button-prev {
        left: 3%;
    }

    .AllConcernedseriesOverview .swiper-button-next {
        right: 3%;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        margin-top: 0;
        margin-left: 0;
    }

    .AllConcernedseriesOverviewContent h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .AllConcernedseriesFeatures {
        padding: 20px 0;
    }

    .AllConcernedseriesFeaturesContentBox {
        margin-top: 20px;
    }

    .AllConcernedseriesFeaturesContentBox h3 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 16px;
        margin-bottom: 4px;
    }

    .AllConcernedseriesParametersTable tr td {
        font-size: 14px;
    }

    .AllConcernedseriesIndustries {
        padding: 0 0 20vw 0;
    }

    .AllConcernedseriesIndustriesSwiperBox {
        top: 16vw;
    }

    .AllConcernedseriesIndustriesContent {
        padding: 30px 0 0 30px;
    }

    .AllConcernedseriesIndustriesSwiperContent h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .AllConcernedseriesIndustriesSwiperContent {
        padding: 16px;
        min-height: 255px;
    }

    .AllConcernedseriesIndustriesSwiperContentIcon {
        width: 40px;
        height: 40px;
        padding: 6px;
    }

    .AllConcernedseriesIndustriesSwiper>.swiper-button-prev,
    .AllConcernedseriesIndustriesSwiper>.swiper-button-next {
        top: 84%;
    }

    .AllConcernedseriesIndustriesSwiper .swiper-button-prev {
        left: 18%;
    }

    .AllConcernedseriesIndustriesSwiper .swiper-button-next {
        left: 28%;
    }

    .AllConcernedseriesContactImg {
        display: none;
    }

    .AllConcernedseriesContactForm {
        width: 100%;
    }

    .AllConcernedseriesSuccessStoryContentImg,
    .AllConcernedseriesSuccessStoryContentFont {
        min-height: 310px;
    }

    .AllConcernedseriesSuccessStory p {
        margin: 16px auto 24px auto;
    }

    .AllConcernedseriesSuccessStoryContent {
        margin-top: 20px;
    }

    .AllConcernedseriesSuccessStoryAffect p,
    .AllConcernedseriesSuccessStoryContentFont p {
        margin: 5px 0;
    }
}

@media screen and (max-width: 750px) {
    .AllConcernedseriesBanner {
        background-image: url(https://static.bodor.com/images/new2024/at/banner-AllConcernedseries-m.webp);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 22vw 0 12vw 0;
    }

    .AllConcernedseriesBannerContent {
        width: 90%;
        margin-left: 5%;
    }

    .AllConcernedseriesBannerContent h1,
    .AllConcernedseriesBannerContent h1 span {
        font-size: 24px;
        line-height: 32px;
        width: 98%;
        margin: 0 auto;
    }

    .AllConcernedseriesBannerContent p {
        width: 96%;
        margin: 16px auto 32px;
    }

    .AllConcernedseriesBannerContent button {
        padding: 7px 20px;
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesBannerImg {
        width: 100%;
    }

    .AllConcernedseriesBannerImg img {
        width: 100%;
        margin-top: 110px;
    }

    .AllConcernedseriesBannerContent p,
    .AllConcernedseriesOverviewContent p,
    .AllConcernedseriesFeaturesContentBox p,
    .AllConcernedseriesContact p,
    .AllConcernedseriesIndustriesSwiperContent p,
    .AllConcernedseriesSuccessStory p {
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesOverview h2,
    .AllConcernedseriesFeatures h2,
    .AllConcernedseriesParameters h2,
    .AllConcernedseriesIndustries h2,
    .AllConcernedseriesContact h2,
    .AllConcernedseriesSuccessStory h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .AllConcernedseriesOverviewContent {
        padding: 24px 20px;
        margin-top: 24px;
        min-height: 220px;
    }

    .AllConcernedseriesOverview,
    .AllConcernedseriesFeatures {
        padding: 40px 6px;
    }

    .AllConcernedseriesOverview h2 {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .AllConcernedseriesOverviewButton {
        margin-top: 64px;
    }

    .AllConcernedseriesFeaturesContentBox h3 {
        padding: 0 16px;
        font-size: 18px;
        line-height: 26px;
    }

    .AllConcernedseriesFeaturesContentBox img {
        margin-bottom: 16px;
        border-radius: 6px 6px 0 0;
    }

    .AllConcernedseriesFeaturesContentBox {
        margin-bottom: 8px;
    }

    .AllConcernedseriesFeaturesContentBox {
        margin-top: 24px;
        background-color: #FAFAFB;
        border-radius: 6px;
    }

    .AllConcernedseriesFeaturesContentBox p {
        padding: 0 16px;
        margin-bottom: 16px;
    }

    .AllConcernedseriesFeaturesContent h3 {
        width: 85%;
        position: relative;
        left: 16px;
        bottom: 0;
        color: #414960;
        font-size: 16px;
        line-height: 24px;
    }

    .AllConcernedseriesParameters {
        padding: 0 0 40px 0;
    }

    .AllConcernedseriesParametersTable {
        margin-top: 40px;
    }

    .AllConcernedseriesParametersTable tr td {
        font-size: 14px;
    }

    .AllConcernedseriesIndustries {
        background-color: #FAFAFB;
        padding: 50px 15px;
        text-align: center;
    }

    .AllConcernedseriesIndustries p {
        font-size: 14px;
        line-height: 21px;
    }

    .AllConcernedseriesIndustriesSwiperContentBox {
        margin-top: 8px;
        padding: 0 0;
    }

    .AllConcernedseriesIndustriesSwiperContent {
        width: 100%;
        padding: 0 0 15px 0;
        background-color: #fff;
        border-radius: 0 0 6px 6px;
        margin-top: 20px;
        border: 1px solid #f2f2f7;
    }

    .AllConcernedseriesIndustriesSwiperContent img {
        width: 100%;
        border-radius: 6px 6px 0 0;
    }

    .AllConcernedseriesIndustriesSwiperContent h3 {
        text-align: left;
        padding-left: 16px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
    }

    .AllConcernedseriesIndustriesSwiperContent p {
        text-align: left;
        padding: 0 16px;
        margin: 0 auto;
    }

    .AllConcernedseriesContactImg {
        display: none;
    }

    .AllConcernedseriesContact p {
        width: 95%;
        margin: 0 auto;
    }

    .AllConcernedseriesContactForm label {
        font-size: 14px;
        line-height: 22px;
    }

    .AllConcernedseriesContactForm,
    .AllConcernedseriesContactForm .contact-form {
        padding: 0 0;
    }

    .AllConcernedseriesContactForm .form-group {
        margin-bottom: 24px;
    }

    .AllConcernedseriesContactForm .form-control {
        border: 1px solid #F2F4F7;
    }

    .AllConcernedseriesContactForm button {
        font-size: 14px;
        line-height: 22px;
        font-weight: 800;
    }

    .AllConcernedseriesSuccessStory {
        padding: 40px 0;
    }

    .AllConcernedseriesSuccessStory p {
        width: 90%;
        margin: 16px auto 30px auto;
    }

    .AllConcernedseriesSuccessStoryAffect {
        display: block;
    }

    .AllConcernedseriesSuccessStoryAffect p {
        margin: 6px auto 16px auto;
    }

    .AllConcernedseriesSuccessStoryAffect h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .AllConcernedseriesSuccessStoryContent {
        margin-top: 30px;
        display: block;
    }

    .AllConcernedseriesSuccessStoryContentImg img {
        border-radius: 8px;
    }

    .AllConcernedseriesSuccessStoryContentImg,
    .AllConcernedseriesSuccessStoryContentFont {
        min-height: 260px;
    }

    .AllConcernedseriesSuccessStoryContentFont {
        padding: 14px 14px;
    }

    .AllConcernedseriesSuccessStoryContentFont p {
        margin: 16px auto;
        width: 100%;
    }

    .AllConcernedseriesSuccessStoryContentFont p svg {
        width: 28px;
        height: 28px;
    }

    .AllConcernedseriesSuccessStoryContentFontPeopleRank p {
        margin: 2px auto;
    }

}



@media screen and (min-width:1200px) and (max-width:1920px) {
    .kefu .col-md-8 {
        width: 60%;
    }

    .kefu .col-md-offset-2 {
        margin-left: 20%;
    }
}

.kefu {
    position: fixed;
    top: 40%;
    text-align: center;
    z-index: 9999;
    width: 90px;
}

.kefumessage {
    width: 62px;
    background-color: rgba(212, 212, 212, 0.2);
    height: auto;
    border-radius: 4px;
    font-weight: 400;
    cursor: pointer;
    padding: 6px;
    color: #ff4610;
    font-size: 14px;
    line-height: 2;
}

.bubble {
    position: relative;
    top: 47px;
    left: 79px;
    width: 180px;
    background-image: url(https://static.bodor.com/images/kefu/bubble.png);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 13px 14px 26px 24px;
}

.bubble p {
    color: rgb(255 255 255);
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0;
}

.bubble span {
    font-size: 16px;
    color: #fff;
    font-weight: 400 !important;
}

.kefumessage:hover {
    background-color: gray;
    color: #fff;
}

.kefu .form-group {
    margin-bottom: 15px;
}

.kefu label {
    color: #000;
    font-size: 18px;
}

.kefu .contact-content-big {
    background-color: #fff;
    border-radius: 30px;
    margin-top: 10rem;
    padding: 0;
}

.kefu .close {
    border-radius: 50%;
    border: 2px solid#000;
    width: 25px;
    height: 25px;
}

.kefu .mess-nav-bar {
    border-radius: 5px;
    background-color: #f0f0f0;
    line-height: 40px;
    color: #000;
    padding: 3px 0;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 600;
}

.kefu .mess-nav-content {
    margin-top: 3vh;
    margin-bottom: 2vh;
    border-radius: 10px;
}

.kefu form {
    padding: 20px 0 10px 0;
    background-color: #fff;
    border-radius: 0 0 30px 30px;
}

.kefu .messbtn {
    line-height: 30px;
    background-color: #ea5229;
    color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    cursor: pointer;
}

.kefu .messbtn:hover {
    box-shadow: 2px 2px 4px #5c5c5c;
}
.suna{
	color:#fff !important;
}

/* .dimBlack #globalLanguageTip{
  display: none;
} */
/* 上箭头 */
.triangle_t {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #373739;
    top: -8px;
    right: 34px;
  }
  
#globalLanguageTip {
    animation: tipDrift 3.7s linear alternate forwards;
    left: -14px;
    bottom: -36px;
}

#globalLanguageTip.disabled {
    display: none !important;
}
@keyframes tipDrift {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    16.66% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  
    33.33% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    49.999% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  
    66.64% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    83.33% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
    }
  
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  

/* pad端箭头 */
@media (min-width: 769px) and (max-width: 890px) {
    #md_globalLanguageTip {
        right: 220px;
        z-index: 99;
        bottom: -28px;
        animation: tipDrift 3.7s linear alternate forwards;
    }

    #md_globalLanguageTip span {
        font-size: 12px;
        line-height: 20px;
    }
}

/* 移动端箭头 */
@media (max-width: 768px) {
    #md_globalLanguageTip {
        z-index: 99;
        right: 65px;
        bottom: -28px;
        animation: tipDrift 3.7s linear alternate forwards;
    }

    #md_globalLanguageTip.disabled {
        display: none !important;
    }

    #md_globalLanguageTip span {
        font-size: 12px;
        line-height: 20px;
    }
}

.productListCategory ul a li{
    padding-left: 24px !important;
    border-radius: 9999px !important;
    font-size: 14px;
}
.nav_viewAll{
    border-radius: 9999px !important;
   }
.nav_viewAll:hover{
    border-color: #ff4610 !important;  
}
.sunjklo{
    width: 0% !important;
    margin: 0 !important;
    padding: 0 !important;
}

   /* 移动端 */
   @media (max-width: 767px) {
    .sideIcon_no1{
        bottom: 128px;
        right:16px;
    }
    .sideIcon_no1.bottomActive{
        bottom: 128px;
    }
    #staffService_shade,.zsiq_custommain{
        bottom: 52px !important;
        right:16px !important;
    }
    #staffService_shade.bottomActive, .zsiq_custommain.bottomActive{
        bottom: 52px !important;
    }
}