.bobo-goods-read.main {padding-top:80px;padding-bottom:50px}
.bobo-goods-read .main-left {float:left;width:335px}
.bobo-goods-read .main-left h3 {border-bottom:1px solid #efefef;height:54px;line-height:54px;position:relative;font-size:17px;font-weight:700;text-transform:uppercase}
.bobo-goods-read .main-left h3::after {display:none;font-family:qico;content:"\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease}
.bobo-goods-read .main-left h3.active::after {-webkit-transform:rotate(45deg) scale(1.08);-ms-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08)}
.bobo-goods-read .sidemenu {margin:0 0 18px}
.bobo-goods-read .sidemenu > ul > li {border-bottom:1px solid #efefef}
.bobo-goods-read .sidemenu > ul > li h5 {line-height:20px;display:block;font-size:17px;color:#000;cursor:pointer;position:relative}
.sidemenu > ul > li h5 a {display:block;padding:18px 50px 18px 0;text-transform:capitalize}
.sidemenu > ul > li h5 a:hover {color:var(--color-primary);text-decoration:underline}
.bobo-goods-read .sidemenu > ul > li h5 span {position:absolute;top:calc(50% - 23px);right:0;width:46px;height:46px;display:block;font-size:32px;}
.bobo-goods-read .sidemenu > ul > li ul {display:none;padding:15px 0}
.bobo-goods-read .sidemenu > ul > li ul li {line-height:20px;padding:5px 0}
.bobo-goods-read .sidemenu > ul > li ul li:last-child {border-bottom:none}
.sidemenu > ul > li ul li a {font-size:14px;display:block;padding-left:15px;text-transform:capitalize}
.bobo-goods-read .sidemenu > ul > li ul li.active a,.bobo-goods-read .sidemenu > ul > li ul li a:hover {color:var(--color-primary);background:url('./pics/i9-1.png') no-repeat left 6px}
.bobo-goods-read .sidemenu > ul > li.active h5 a {color:var(--color-primary);border-bottom:1px solid #ededed}
.bobo-goods-read .sidemenu > ul > li.active span {background:url('./pics/i10-1.png') no-repeat center}
.bobo-goods-read .main-right {margin:0 0 0 370px}

.bobo-goods-read .pro_view {overflow:hidden;display:flex;margin-bottom:30px;}

.bobo-goods-read .pro_img {width:480px;margin:0 auto;position:relative}
.bobo-goods-read .pro_img .view{border:1px solid #f0f0f0;width:100%;}
.bobo-goods-read .pro_img .view .swiper-slide a{overflow:hidden;display:block}
.bobo-goods-read .pro_img .view .swiper-slide img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.bobo-goods-read .pro_img .view .arrow-left,.bobo-goods-read .pro_img .view .arrow-right {position:absolute;top:calc(50% - 30px);width:46px;height:60px;line-height:60px;background:rgba(30,163,146,0.8);z-index:10;text-align:center}
.bobo-goods-read .pro_img .view .arrow-left {left:0}
.bobo-goods-read .pro_img .view .arrow-right {right:0}
.bobo-goods-read .pro_img .view .arrow-left i,.bobo-goods-read .pro_img .view .arrow-right i {color:#fff;font-size:18px}
.bobo-goods-read .pro_img .view .arrow-left:hover,.bobo-goods-read .pro_img .view .arrow-right:hover {background:rgba(30,163,146,1);}

.bobo-goods-read .preview{width:100%;margin-top:10px;position:relative;text-align:center;overflow:hidden;}
.bobo-goods-read .preview .swiper-wrapper{justify-content:left;}
.bobo-goods-read .preview .swiper-slide{width:60px;cursor:pointer;padding:10px 0 2px;position:relative;}
.bobo-goods-read .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#1EA392;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.bobo-goods-read .preview .swiper-slide img{width:100%;border:1px solid #D9D9D9;padding:2px;}
.bobo-goods-read .preview .active-nav img{border:1px solid #1EA392;}

.bobo-goods-read .preview .swiper-slide.active-nav::after{display:inline-block;}



.bobo-goods-read .pro_view_inner {-webkit-flex:1;flex:1;margin-left:45px}
.bobo-goods-read .pro_view_inner h1 {font-size:28px;font-weight:700;line-height:2}
.bobo-goods-read .pro_intro {margin-top:15px;font-size:18px;line-height:24px}
.bobo-goods-read .pro_intro p strong {color:var(--title-text-color);}
.bobo-goods-read .pro_intro p~p {margin-top:8px}
.bobo-goods-read .pro-share {margin:35px 0 0}
.bobo-goods-read .pro_btn {margin:37px 0 0}
.bobo-goods-read .pro_btn .book {    width: 175px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
    font-weight: 700;color:#fff;display:inline-block;background:var(--color-primary);border-radius:var(--button-radius);}
.bobo-goods-read .pro_btn .book:hover {color:var(--color-primary);border:1px solid var(--color-primary);background:none;}
.bobo-goods-read .bobo-goods-read .pro_tab_box {height:49px;margin-top:30px}
.bobo-goods-read .pro_tab {height:49px;width:100%;box-sizing:border-box;z-index:99;background:#fff}
.bobo-goods-read .pro_tab.scroll-top {position:fixed;top:0;width:1030px;z-index:100}
.bobo-goods-read .pro_tab ul {height:100%;height:auto;border-bottom:1px solid #f1f1f1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative}
.bobo-goods-read .pro_tab ul li {box-sizing:border-box;height:48px;line-height:48px;text-align:center;position:relative;font-size:15px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.bobo-goods-read .pro_tab ul li::after {content:'';width:0;height:2px;position:absolute;left:0;bottom:-1px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.bobo-goods-read .pro_tab ul li.active {color:var(--title-text-color);}
.bobo-goods-read .pro_tab ul li.active::after {width:100%}
.bobo-goods-read .pro_text {margin:30px 0 0;position:relative}
.bobo-goods-read .pro_text .pro-scroll {padding:30px 0}
.bobo-goods-read .pro_text .tit {height:46px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.bobo-goods-read .pro_text .tit h5 {font-size:20px;color:var(--title-text-color);font-weight:700}



.bobo-goods-read .pro-overview dl {font-size:17px;line-height:30px}
.bobo-goods-read .pro-overview dl dd {padding:0 0 0 28px;}
.bobo-goods-read .pro-overview dl dd::before {position:absolute;left:0;content:"• ";color:var(--color-primary);font-size:10px;}
.bobo-goods-read .pro-overview dl dd + dd {margin-top:9px}
.bobo-goods-read .pro-parameter {font-size:17px;line-height:30px}
.bobo-goods-read .pro-parameter .table-response {width:100%;max-width:100%;overflow-x:auto}
.bobo-goods-read .pro-parameter table {width:100%;font-size:16px;border:1px solid #e6ebf3}
.bobo-goods-read .pro-parameter table th {padding:10px 20px;border:1px solid #e6ebf3;background-color:#f8fafc}
.bobo-goods-read .pro-parameter table td:first-child {padding:10px 20px;border:1px solid #e6ebf3;background-color:#f8fafc !important}
.bobo-goods-read .pro-parameter table td {padding:10px 20px;border:1px solid #e6ebf3;background-color:#fff}
.bobo-goods-read .pro-parameter table p {margin:0 !important}
.bobo-goods-read .pro-features ul li {/* position:relative; *//* display:-webkit-flex; *//* display:flex; *//* background:#fafafa; *//* -webkit-align-items:center; *//* align-items:center; */}
.bobo-goods-read .pro-features ul li + li {/* margin-top:60px; */}
.bobo-goods-read .pro-features ul li .pic {width:383px}
.bobo-goods-read .pro-features ul li .txt {-webkit-flex:1;flex:1;padding:0 60px}
.bobo-goods-read .pro-features ul li .txt h5 {font-size:22px;font-weight:700;line-height:1;color:var(--color-primary)}
.bobo-goods-read .pro-features ul li .txt h5::after {content:"";width:17px;height:2px;background:#333;margin:15px auto 0 0;display:block}
.bobo-goods-read .pro-features ul li .txt .t {margin:20px 0 0;font-size:18px;line-height:1.66;text-transform:capitalize}
.bobo-goods-read .pro-features ul li .txt .t p~p {margin-top:15px}
.bobo-goods-read .pro-features ul li:nth-child(2n + 1) {/* flex-direction:row-reverse; *//* -webkit-flex-direction:row-reverse; */}
.bobo-goods-read .pro-video .video {display:block;width:100%;position:relative;overflow:hidden}
.bobo-goods-read .pro-video .video .play {content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;display:block}
.bobo-goods-read .pro-video .video img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.bobo-goods-read .pro-video .video:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}
.bobo-goods-read .pro-video .video:hover::after {background-color:rgba(0,0,0,0.1)}
.bobo-goods-read .pro-inquiry {padding:55px 60px 28px;border:1px solid #ccc}
.bobo-goods-read .pro-inquiry h4 {font-size:26px;font-weight:700;color:var(--title-text-color);text-align:center;margin-bottom:40px}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox .row {margin-bottom:20px}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox input[type=text],.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox textarea {padding:13px 20px;font-size:15px;border-radius:4px;border:1px solid #eee;background:#fafafa}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox input[type=text]:focus,.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox textarea:focus {border:1px solid var(--color-primary)}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox input.submit {width:160px;height:42px;line-height:42px;margin:0 auto}
.bobo-goods-read .rela-pro {}
.bobo-goods-read .rela-pro .tit {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.bobo-goods-read .rela-pro .tit h5 {font-size:22px;color:var(--title-text-color);font-weight:700;line-height:1}

.bobo-goods-read .rela-pro .tit h3 {font-size:22px;color:var(--title-text-color);font-weight:700;line-height:1}
.bobo-goods-read .rela-pro .tit .page {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.bobo-goods-read .rela-pro .tit .page .swiper-button-prev,.bobo-goods-read .rela-pro .tit .page .swiper-button-next {width:37px;height:37px;line-height:37px;text-align:center;background:var(--color-primary);color:var(--text-color);position:static;margin-top:0}
.bobo-goods-read .rela-pro .tit .page .swiper-button-prev i,.bobo-goods-read .rela-pro .tit .page .swiper-button-next i {font-size:13px;color:#fff;display:inline-block;margin-top:2px}
.bobo-goods-read .rela-pro .tit .page .swiper-button-next {margin-left:14px}
.bobo-goods-read .rela-pro .tit .page .swiper-button-prev::after,.bobo-goods-read .rela-pro .tit .page .swiper-button-next::after {display:none;}
.bobo-goods-read .rela-pro .tit .page .swiper-button-prev:hover,.bobo-goods-read .rela-pro .tit .page .swiper-button-next:hover {background:var(--color-primary)}
.bobo-goods-read .rela-pro .list {margin:25px 0 0}
.bobo-goods-read .rela-pro .swiper-slide a {width:100%;display:block;position:relative;overflow:hidden}
.bobo-goods-read .rela-pro .swiper-slide a > img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;aspect-ratio:1 / 1;object-fit:cover;}
.bobo-goods-read .rela-pro .swiper-slide .t {position:absolute;background:var(--color-primary);top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 40px;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0)}
.bobo-goods-read .rela-pro .swiper-slide .t::after {content:"";height:2px;position:absolute;left:15px;width:0;bottom:16px;background:rgba(255,255,255,0.5);transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s}
.bobo-goods-read .rela-pro .swiper-slide .t p {font-size:14px;color:#fff;font-weight:700;line-height:27px;letter-spacing:0.5px;padding:0 0 0 30px;position:relative}
.bobo-goods-read .rela-pro .swiper-slide .t p::before {content:"+";position:absolute;left:0;top:0;font-size:24px;color:#fff;font-weight:400}
.bobo-goods-read .rela-pro .swiper-slide .t2 {padding:0 70px}
.bobo-goods-read .rela-pro .swiper-slide .t2 p {font-size:17px;line-height:36px}
.bobo-goods-read .rela-pro .swiper-slide:hover .t {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.bobo-goods-read .rela-pro .swiper-slide:hover .t::after {width:calc(100% - 30px)}
.bobo-goods-read .rela-pro .swiper-pagination {display:none;position:static;width:100%;margin-top:20px}
.bobo-goods-read .rela-pro .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:var(--color-priamry);border-radius:10px;opacity:1;box-sizing:border-box}
.bobo-goods-read .rela-pro .swiper-pagination-bullet-active {width:12px;background:var(--color-priamry);}
.bobo-goods-read .inquirbox .row {margin-bottom:30px}
.bobo-goods-read .inquirbox .row em {font-size:20px;font-weight:700;display:block;margin-bottom:20px}
.bobo-goods-read .inquirbox .row em i {color:red}
.bobo-goods-read .inquirbox input[type=text],.bobo-goods-read .inquirbox textarea {padding:22px 25px;font-size:17px;border:2px solid #dfdfdf;width:100%;line-height:22px;background:0 0;text-align:left;box-sizing:border-box}
.bobo-goods-read .inquirbox textarea {max-width:100%;width:100%;resize:none}
.bobo-goods-read .inquirbox input[type=text]:focus,.bobo-goods-read .inquirbox textarea:focus {box-shadow:0 0 4px rgba(0,0,0,0.15);outline:0}
.bobo-goods-read .inquirbox .red {color:red;font-weight:700}
.bobo-goods-read .inquirbox .yzm {width:70%;margin-right:10px}
.bobo-goods-read .inquirbox img {cursor:pointer;margin-left:3px;display:inline-block;vertical-align:middle}
.bobo-goods-read .inquirbox .submit {display:block;background:var(--color-primary);border-radius:var(--button-radius);color:var(--text-color);width:225px;height:55px;line-height:55px;font-size:17px;font-weight:700;text-align:center;cursor:pointer;margin:0 auto}
.bobo-goods-read .inquirbox .submit:hover {border:1px solid var(--color-primary);color:var(--color-primary);background:none;}
@media screen and (max-width:1500px) {.bobo-goods-read .main-left {width:300px}
.bobo-goods-read .main-right {margin:0 0 0 330px}
.bobo-goods-read .pro_tab.scroll-top {width:870px}
.bobo-goods-read .pro-features ul li .txt {padding:0 30px}
.bobo-goods-read .inquirbox .row em {font-size:18px;margin-bottom:15px}
}
@media screen and (max-width:1300px) {.bobo-goods-read .pro_tab.scroll-top {width:720px}
.bobo-goods-read .pro-parameter table td:first-child {padding:8px 15px}
.bobo-goods-read .pro-parameter table td {padding:8px 15px}
.bobo-goods-read .pro-inquiry {padding:40px 30px 25px}
.bobo-goods-read .inquirbox input[type=text],.bobo-goods-read .inquirbox textarea {padding:17px 20px;font-size:16px}
}
.bobo-goods-read .pro_img .view{
    position: relative;
  }
@media screen and (max-width:1200px) {
  .bobo-goods-read .pro_view{
    display: flex;
    flex-direction: column;
  }
  .bobo-goods-read .pro_img{
    width: 100%;
  }
  .bobo-goods-read .main-right {
        margin: 20px 0 0
    }
}
@media screen and (max-width:991px) {
.bobo-goods-read .sidemenu ul {display:none}
.bobo-goods-read .main-left h3::after {display:block}
.bobo-goods-read .main-left {
        float: none;
        width: 100%
    }
}
@media screen and (max-width:768px) {
.bobo-goods-read.main {padding-top:25px;padding-bottom:30px}
.bobo-goods-read .main-left {float:none;width:100%}
.bobo-goods-read .main-left h3 {height:50px;line-height:50px;font-size:16px}
.bobo-goods-read .main-left h3::after {display:block}
.bobo-goods-read .sidemenu ul {display:none}
.bobo-goods-read .sidemenu > ul > li h5 a {padding:10px 50px 10px 0}
.bobo-goods-read .sidemenu > ul > li h5 {font-size:16px}
.bobo-goods-read .main-right {margin:20px 0 0}
.bobo-goods-read .pro_view {-webkit-flex-direction:column;flex-direction:column}
.bobo-goods-read .pro_img {margin:0 auto}
.bobo-goods-read .preview .swiper-wrapper{justify-content:flex-start;}
.bobo-goods-read .pro_view_inner {width:100%;margin:20px 0 0}
.bobo-goods-read .pro_view_inner h1 {font-size:18px;margin:0;text-align:center}
.bobo-goods-read .pro_intro {font-size:15px;line-height:22px}
.bobo-goods-read .pro-share {margin:20px 0 0;text-align:center}
.bobo-goods-read .pro_btn {margin:25px 0 0;text-align:center}
.bobo-goods-read .pro_btn .book {width:120px;height:36px;line-height:36px}
.bobo-goods-read .bobo-goods-read .pro_tab_box {display:none}
.bobo-goods-read .pro_text {margin:25px 0 0}
.bobo-goods-read .pro_text .pro-scroll {padding:20px 0 0}
.bobo-goods-read .pro-pics .preview {margin:20px 0 0}
.bobo-goods-read .pro-overview dl {font-size:15px;line-height:24px}
.bobo-goods-read .pro-overview dl dd {padding:0 0 0 20px;background-position:left 7px}
.bobo-goods-read .pro-overview dl dd + dd {margin-top:6px}
.bobo-goods-read .pro-parameter {font-size:15px;line-height:24px}
.bobo-goods-read .pro-parameter table {font-size:15px}
.bobo-goods-read .pro-parameter table th {padding:8px 10px !important}
.bobo-goods-read .pro-parameter table td {padding:8px 10px !important}
.bobo-goods-read .pro-parameter table td * {font-size:15px !important}
.bobo-goods-read .pro-features ul li {-webkit-flex-direction:column;flex-direction:column;padding:10px}
.bobo-goods-read .pro-features ul li + li {margin-top:20px}
.bobo-goods-read .pro-features ul li .pic {width:383px;margin:0 auto}
.bobo-goods-read .pro-features ul li .txt {padding:20px 0 0}
.bobo-goods-read .pro-features ul li .txt h5 {font-size:20px;text-align:center}
.bobo-goods-read .pro-features ul li .txt h5::after {margin:15px auto 0}
.bobo-goods-read .pro-features ul li .txt .t {margin:15px 0 0;font-size:15px;line-height:1.4}
.bobo-goods-read .pro-features ul li .txt .t p~p {margin-top:10px}
.bobo-goods-read .pro-features ul li:nth-child(2n + 1) {-webkit-flex-direction:column;flex-direction:column}
.bobo-goods-read .pro-inquiry {padding:25px 20px 15px}
.bobo-goods-read .pro-inquiry h4 {font-size:22px;margin-bottom:25px}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox .row {margin-bottom:0}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox input[type=text],.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox textarea {padding:10px 12px}
.bobo-goods-read .pro-inquiry .bobo-goods-read .inquirbox input.submit {width:140px;height:40px;line-height:40px}
.bobo-goods-read .inquirbox .row {margin-bottom:0}
.bobo-goods-read .inquirbox .row > div {margin-bottom:10px}
.bobo-goods-read .inquirbox .row em {font-size:15px;margin-bottom:10px}
.bobo-goods-read .inquirbox input[type=text],.bobo-goods-read .inquirbox textarea {padding:10px;font-size:15px;border:1px solid #dfdfdf}
.bobo-goods-read .inquirbox .submit {width:180px;height:45px;line-height:45px;font-size:16px}
.bobo-goods-read .rela-pro .tit h5 {font-size:20px}
.bobo-goods-read .rela-pro .tit .page .swiper-button-prev,.bobo-goods-read .rela-pro .tit .page .swiper-button-next {width:34px;height:34px;line-height:34px}
.bobo-goods-read .rela-pro .tit .page .swiper-button-next {margin-left:10px}
.bobo-goods-read .rela-pro .list {margin:25px 0 0}
.bobo-goods-read .rela-pro .swiper-slide .t {position:static;padding:15px 10px;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.bobo-goods-read .rela-pro .swiper-slide .t::after {display:none}
.bobo-goods-read .rela-pro .swiper-slide .t p {font-size:14px;line-height:22px;letter-spacing:0.5px;padding:0}
.bobo-goods-read .rela-pro .swiper-slide .t p::before {display:none}
.bobo-goods-read .rela-pro .swiper-slide .t2 {padding:15px 10px}
.bobo-goods-read .rela-pro .swiper-slide .t2 p {font-size:14px;line-height:22px}
}
@media screen and (max-width:600px) {.bobo-goods-read .pro-pics .view {width:100%}
}
@media screen and (max-width:480px) {.bobo-goods-read .pro_img {width:100%}
.bobo-goods-read .pro_img .preview .swiper-slide {width:50px}
}


@media screen and (max-width:991px){
  .bobo-goods-read .pro_tab ul li > h2{
    font-size:15px;
  }
}
@media screen and (max-width:768px){
  .bobo-goods-read .pro_tab ul li > h2{
    font-size:12px;
  }
}
.pro_intro li{
  margin-top: 36px;
}
.bobo-goods-read h2 {
    font-size: 20px;
}