body{
     background: #F4F5F6;
}

.products {
    width: 100%;
    background: #F4F5F6;
}

.products .proBanner {
    width: 100%;
    height: 4.5rem;
    background: url('../img/products/banner.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 1.71rem;
    padding-left: 2.6rem;
    box-sizing: border-box;
}

.products .proBanner .bannerTitle {
    margin-bottom: 0.35rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
}

.products .proBanner .bannerTex {
    width: 6.79rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.3rem;
}

.products .productsCon {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 14rem;
    margin: 0 auto;
    padding-top: 0.4rem;
}

.products .productsCon .LeftNav {
    display: flex;
    flex-direction: column;
    min-width: 3.41rem;
    padding-top: 0.47rem;
    padding-bottom: 0.41rem;
    box-sizing: border-box;
    background: #FFFFFF;
}

.LeftNav .navItem {
    width: 100%;
    margin-top: 0.39rem;
}

.LeftNav .navItem.active {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.24rem;
}

.LeftNav .navItem.active .navItemTop {
    height: 0.49rem;
    padding-top: 0.12rem;
    padding-bottom: 0.15rem;
    font-family: Arial, Arial;
    color: #fff !important;
    background: #9E0125;
}

.LeftNav .navItem:first-child {
    margin-top: 0;
}

.LeftNav .navItem .navItemTop {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 0.49rem;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-size: 0.2rem;
    color: #333333;
}

.navItemTop .topBor {
    width: 0.15rem;
    height: 0.15rem;
    /*background: #9E0125;*/
    margin-right: 0.1rem;
}

.navItemTop .topIcon {
    display: none;
    width: 0.15rem;
    height: 0.15rem;
    margin-right: 0.1rem;
}

.LeftNav .navItem .navItemBot {
    display: none;
    width: 100%;
}

.navItemBot .botItem {
    display: flex;
    align-items: center;
    padding-top: 0.07rem;
    padding-left: 0.76rem;
    margin-bottom: 0.12rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #666666;
}

.navItemBot .botItem:last-child {
    margin-bottom: 0;
}

.navItemBot .botItem .botIcon {
    width: 0.06rem;
    height: 0.06rem;
    background: #8F9AAA;
    border-radius: 50%;
    margin-right: 0.11rem;
}

.productsCon .rightList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0.15rem;
}

.productsCon .rightList .rightCard {
    display: flex;
    flex-direction: column;
    width: 3.38rem;
    height: 4.52rem;
    background: #FFFFFF;
    border: 0.01rem solid #D5D5D5;
    padding-top: 0.24rem;
    box-sizing: border-box;
    margin-right: 0.15rem;
    margin-right: 0.1rem;
    margin-bottom: 0.16rem;
}

.productsCon .rightList .rightCard:nth-child(3n) {
    margin-right: 0;
}

.rightCard .cardImg {
    display: block;
    width: 2.69rem;
    height: 2.69rem;
    margin: 0 auto 0.14rem;
}

.rightCard .cardTex {
    margin-bottom: 0.12rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #1A1A1A;
    text-align: center;
}

.rightCard .cardTex1 {
    margin-bottom: 0.24rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #1A1A1A;
    text-align: center
}

.rightCard .cardBtn {
    width: 3.04rem;
    height: 0.48rem;
    background: #FFFFFF;
    border: 0.01rem solid #9E0125;
    margin: 0 auto;
    font-family: Arial, Arial;
    font-size: 0.2rem;
    color: #9E0125;
    line-height: 0.48rem;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.right_bg{
    background: #FFFFFF;
    position: relative;
    padding-bottom: 0.1rem;
}
.row_imgBox{
    position: absolute;
    left: -1.6rem;
    z-index: 99;
    width: 1.5rem;
    height: 1.5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(0,0,0,0.16);
    border: 0.01rem solid #E8E8E8;
    display: none;
    padding-top:0.05rem;
}
.row_imgBox img{
    width: 1.4rem;
    height: 1.2rem;
    margin: 0 auto;
}
.row_imgBox p{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.12rem;
    color: #666666;
    line-height: 0.17rem;
    text-align: center;
    margin-top: 0.04rem;
}
.right{
    width: 10.44rem;
    overflow-x: scroll;
    padding-bottom: 0.2rem;
    /*格子宽度*/
    --w: 1.5rem;
}
.heading{
    display: flex;
    height: 0.9rem;
    background: #9E0125;
    width: fit-content;
}
.right::-webkit-scrollbar {
    height: 0.1rem;
    border-radius: 0.04rem;
}

.right::-webkit-scrollbar-thumb { /* 设置滑块颜色 */
    background-color: #B4B4B4;
    border-radius: 0.04rem;
}
 
.right::-webkit-scrollbar-track {/* 设置滚动条背景颜色 */
    background-color: #EFEFEF; 
}
 
.right::-webkit-scrollbar-button {/* 隐藏滚动条两侧的按钮 */
    display: none; 
}
.right_p1{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.15rem;
    color: #FFFCFC;
    text-align: center;
}
.right_p2{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.15rem;
    color: #FFFCFC;
    text-align: center;
}
.heading_box{
    width: var(--w);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.33rem;
    gap: 0.03rem;
    border-right: 0.02rem solid #AC324D;
}
.heading_box_sp{
    width: fit-content;
    height: 0.9rem;
    background: #9E0125;
    border-right: 0.02rem solid #AC324D;
}
.heading_box_sp_top{
    height: 0.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.01rem solid #AC324D;
}
.heading_box_sp_flex{
    display: flex;
}

.heading_box_sp_flex div{
    width: var(--w);
    height: 0.56rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 0.02rem solid #AC324D;
}
.heading_box_sp_flex>:last-child{
    border: none;
}
.row{
    display: flex;
    width: fit-content;
    border: 0.01rem solid #E8E9E9;
    transition: 0.3s;
}

.row:hover{
    background: #FFF8F9;
}
.row_box{
    width: var(--w);
    padding: 0.13rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 0.02rem solid #E8E9E9;
}
.row_p1{
    max-width: 1rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.12rem;
    color: #666666;
    line-height: 0.17rem;
    text-align: center;
    word-break: break-all;
}
.row_box img{
    width: 0.16rem;
    height: 0.16rem;
}
.LR{
    display: flex;
    gap: 1.44rem;
}
.L_box{
    display: flex;
    align-items: center;
    gap: 0.24rem;
    margin-bottom: 0.15rem;
}
.L_box_p1{
    width: 1.2rem;
    font-family: ArialMT, ArialMT;
    font-weight: normal;
    font-size: 0.14rem;
    color: #666666;
}
.L_box_p2{
    max-width: 2.6rem;
    font-family: ArialMT, ArialMT;
    font-weight: normal;
    font-size: 0.14rem;
    color: #1A1A1A;
}
.R{
    width: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
}
.R a{
    position: relative;
}
.R img{
    width: 0.26rem;
    height: 0.26rem;
}
.R .tips{
    min-width: 0.3rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0.35rem;
    padding: 0.05rem;
    background: #fff;
    box-shadow: 0 0 0.1rem 0.01rem #0000001a;
    font-size: 0.14rem;
    color: #000;
    border-radius: 0.01rem;
    display: none;
    font-family: ArialMT, ArialMT;
    text-align: center;
}

.R img:hover~.tips{
    display:block;
}
/* 页码 */
.page {
    width: fit-content;
    margin: 0 auto 1rem;
    padding-top: 0.38rem;
    display: flex;
    align-items: center;
}

.page .list {
    display: flex;
    align-items: center;
    color: rgba(154, 154, 154, 1);
}

.page .list .item {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.06rem;
    margin-right: 0.06rem;
    border: 0.01rem solid rgba(230, 230, 230, 1);
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: rgba(154, 154, 154, 1);
    cursor: pointer;
    overflow: hidden;
    border-radius: 0.02rem;
}

.page .list .item:hover {
    background: #9E0125;
    color: #fff;
    border: 0.01rem solid #9E0125;
}

.page .list .active {
    background: #9E0125;
    color: #fff;
    border: 0.01rem solid #9E0125;
}

.page .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.06rem;
    margin-right: 0.06rem;
    border: 0.01rem solid rgba(230, 230, 230, 1);
    cursor: pointer;
    overflow: hidden;
    border-radius: 0.02rem;
    background: #F4F4F4 !important;
}

.page .btn img {
    height: 0.11rem;
    object-fit: contain;
}

.page .prev::after {
    content: '<';
}

.page .next::after {
    content: '>';
}

.page .prev::after,
.page .next::after {
    position: absolute;
    font-size: 0.16rem;
    font-family: '宋体';
    color: #999999;
    font-weight: bold;
}

.page .prev,
.page .next {
    border: none;
    background: transparent;
}

.page .btn:hover {
    background: var(--c);
}

.page .disable {
    opacity: 0.5;
}

.page .btn:hover img {
    filter: brightness(0) invert(1);
}

.page .total {
    margin-right: 0.23rem;
    font-size: 0.14rem;
    color: #333333;
}

.page .to_page {
    font-size: 0.14rem;
    color: rgba(154, 154, 154, 1);
    margin-left: 0.21rem;
    display: flex;
    align-items: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-size: 0.16rem;
    color: #999999;
    /* line-height: 0.24rem; */
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.page .to_page input {
    width: 0.82rem;
    height: 0.4rem;
    margin: 0 0.05rem;
    padding: 0 0.1rem;
    padding-left: 0.12rem;
    border-radius: 0.02rem;
    border: 0.01rem solid rgba(230, 230, 230, 1);
    outline: none;
    font-size: 0.16rem;
    color: #999999;
    background: #fff;
    box-sizing: border-box;
}

.to_input {
    position: relative;
}

.page .to_page .icon {
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    background-image: url(../../img/wzt/fold.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0.08rem;
    right: 0.08rem;

}

.page .list .bor {
    border: 0;
}

.page_btn {
    /* width: 0.72rem; */
    height: 0.32rem;
    padding: 0.07rem 0.22rem 0.06rem;
    background: #630C88;
    border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
    box-sizing: border-box;
    margin-left: 0.2rem;
}

.page_btn {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/* 2_2products */
.proDetail {
    width: 100%;
    background: #F4F5F6;
}

.proDetail .detNav {
    display: flex;
    width: 14rem;
    margin: 0.23rem auto 0.2rem;
}

.proDetail .detNav a {
    display: block;
    font-family: Arial, Arial;
    font-size: 0.16rem;
    color: #666666;
}

.proDetail .detSw {
    display: flex;
    width: 14rem;
    background: #fff;
    margin: 0 auto;
}

.proDetail .detSw .detSwLeft {
    width: 6.9rem;
    padding-left: 0.72rem;
}

.detSwLeft .leftTit {
    margin-bottom: 0.07rem;
    margin-top: 0.37rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.32rem;
    color: #1A1A1A;
}

.detSwLeft .leftTit1 {
    padding-bottom: 0.16rem;
    border-bottom: 0.02rem solid #E8E8E8;
    margin-bottom: 0.23rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #1A1A1A;
}

.detSwLeft .leftTex {
    width: 5.22rem;
    margin-bottom: 0.3rem;
    font-family: Arial, Arial;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.25rem;
}

.detSwLeft .leftSwCon {
    width: 100%;
}

.detSwLeft .leftSwCon .thumbnail-slider .swiper-slide {
    width: 1.3rem;
    height: 1.3rem;
    border: 0.01rem solid #CECECE;
    box-sizing: border-box;
}

.thumbnail-slider .swiper-slide {
    /* 默认不选中的缩略图透明度 */
    cursor: pointer;
}

.thumbnail-slider .swiper-slide-thumb-actives {
    /* 选中的缩略图透明度 */
    border: 2px solid #A0062A !important;
    /* 选中的缩略图边框 */
}

.detSwRight {
    width: 4.94rem;
    /*height: 4.94rem;*/
    overflow: hidden;
    /*margin-left: 0.4rem;*/
    
    z-index: 0;
}

.detSw .detSwLeft .leftBtn {
    display: flex;
    width: 100%;
    padding: 0.3rem 0;
    margin-top: 0.3rem;
    border-top: 0.02rem solid #E8E8E8;
}

.leftBtn img {
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.18rem;
}

.leftBtn .leftBtnItem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.02rem;
    height: 0.56rem;
    background: #FFFFFF;
    border: 0.01rem solid #9E0125;
    margin-right: 0.2rem;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-size: 0.2rem;
    color: #9E0125;
}

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

/* .detSw .thumbnail-slider video {
    width: 1.3rem;
    height: 1.3rem;
} */

.detSw .swVideo {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.detSw .leftSwCon .videoIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.24rem;
    height: 0.24rem;
}

.leftSwCon .thumbnail-slider .swVideo .swVideoImg {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
}

.detSw .detSwRight .main-slider video {
    width: 4.94rem;
    height: 4.94rem;
}

.detSwRight .main-slider .swVideo .rightVideoImg {
    display: block;
    width: 4.94rem;
    height: 4.94rem;
}

video::-webkit-media-controls {
    display: none !important;
    /* Chrome和Safari */
}

video::-moz-media-controls {
    display: none !important;
    /* Firefox */
}


.detCon {
    display: flex;
    width: 14rem;
    margin: 0.16rem auto;
}

.detCon .detConLeft {
    width: 9.4rem;
    margin-right: 0.16rem;
    background-color: #fff;
}

.detCon .detConLeft .detConNav {
    display: flex;
    width: 100%;
    height: 0.56rem;
    border: 0.01rem solid #E8E8E8;
}

.detConLeft .detConNav .navLink {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #666666;
    transition: all 0.3s ease-in-out;
}

.detConLeft .detConNav .navLink:hover {
    color: #A0062A;
}

.detConLeft .detConNav .navLink.active {
    color: #A0062A;
}

.navLink .linkBor {
    /* display: none; */
    opacity: 0;
    position: absolute;
    bottom: -0.01rem;
    width: 100%;
    height: 0.03rem;
    background: #A0062A;
    transition: all 0.3s ease-in-out;
}

.detCon .detConLeft .linkCon {
    width: 100%;
    padding-bottom: 0.47rem;
    padding-top: 0.47rem;
    padding-left: 0.39rem;
    padding-right: 0.39rem;
    box-sizing: border-box;
}

.detCon .detConLeft .linkCon p{
        font-family: Arial, Arial;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.25rem;
    padding-right: 0.58rem;
}

.linkCon .linkTit {
    display: flex;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #1A1A1A;
}

.linkCon .linkTit .linkTitBor {
    width: 0.02rem;
    height: 0.2rem;
    background: #A0062A;
    margin-right: 0.2rem;
}

.linkCon .proDesTex {
    margin: 0.24rem 0 0.44rem;
    font-family: Arial, Arial;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.25rem;
    padding-right: 0.58rem;
    display: flex;
    flex-direction: column;
}

.linkCon .proDesImg {
    display: block;
    width: 8.29rem;
    height: 5.29rem;
    margin: 0.35rem 0 0.44rem 0.13rem;
}

.detCon .detConRight {
    width: 4.44rem;
    background: #FFFFFF;
    box-sizing: border-box;
    padding-bottom: 0.3rem;
}

.detCon .detConRight .rightTit {
    width: 100%;
    height: 0.57rem;
    border-bottom: 0.01rem solid #E8E8E8;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    line-height: 0.56rem;
    padding-left: 0.25rem;
    box-sizing: border-box;
}

.detConRight .rigthDown {
    width: 100%;
    padding-top: 0.16rem;
    /* padding-top: 0.18rem; */
}

.detConRight .rigthDown .downItem {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 0.25rem;
    margin-bottom: 0.16rem;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-size: 0.16rem;
    color: #333333;
    text-decoration-line: underline;
}

.detConRight .rigthDown .downItem:hover {
    color: #9E0125;
}

.detConRight .rigthDown .downItem:last-child {
    margin-bottom: 0;
}

.downItem img {
    display: block;
    width: 0.12rem;
    height: 0.12rem;
    margin-right: 0.1rem;
}

.detConRight .prorightCard {
    width: 100%;
    margin-top: 0.21rem;
}

.detConRight .prorightCard .CardTit {
    width: 100%;
    padding-left: 0.25rem;
    padding-bottom: 0.18rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #E8E8E8;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #1A1A1A;
}

.detConRight .prorightCard .cardCon {
    width: 100%;
    margin-top: 0.24rem;
}

.cardCon .cardLink {
    display: block;
    width: 3.33rem;
    background: #FFFFFF;
    border: 0.01rem solid #D5D5D5;
    box-sizing: border-box;
    padding-top: 0.21rem;
    padding-bottom: 0.14rem;
    margin: 0 auto;
    margin-bottom: 0.14rem;
}

.cardCon .cardLink:last-child {
    margin-bottom: 0;
}

.cardCon .cardLink img {
    display: block;
    width: 2.65rem;
    height: 2.65rem;
    margin: 0 auto 0.09rem;
}

.cardCon .cardLink .cardLinkTit {
    width: 100%;
    padding: 0 0.16rem;
    margin-bottom: 0.15rem;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #1A1A1A;
    text-align: center;
}

.cardCon .cardLink .cardLinkTit1 {
    width: 100%;
    padding: 0 0.16rem;
    margin-bottom: 0.25rem;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #1A1A1A;
    text-align: center;
}

.cardCon .cardLink .cardLinkBtn {
    width: 3rem;
    height: 0.57rem;
    background: #FFFFFF;
    border: 0.01rem solid #9E0125;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #9E0125;
    line-height: 0.57rem;
    text-align: center;
}

.proBotVideo {
    width: 14rem;
    background: #FFFFFF;
    margin: 0.16rem auto 0.4rem;
    padding-top: 0.28rem;
    padding-bottom: 0.42rem;
}

.proBotVideo .botVidTit {
    width: 100%;
    padding-left: 0.34rem;
    margin-bottom: 0.33rem;
    box-sizing: border-box;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #1A1A1A;
}

.proBotVideo .videoList {
    display: flex;
    /*justify-content: center;*/
    flex-wrap: wrap;
}

.proBotVideo .videoList .videoItem {
    width: 4.3rem;
    margin-right: 0.26rem;
}

.proBotVideo .videoList .videoItem:last-child {
    margin-right: 0;
}

.videoItem .videoItemTop {
    position: relative;
    width: 4.3rem;
    height: 2.42rem;
}

.videoItem .videoItemTop video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videoItem .videoItemTop .videoItemImg {
    display: block;
    width: 100%;
    height: 100%;
}

.videoItem .videoItemTit {
    margin-top: 0.24rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #666666;
    padding-left: 0.34rem;
    box-sizing: border-box;
}

.videoItem .videoImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 0.4rem;
    height: 0.4rem;
}

/* 2_3products */
.table {
    width: 8.36rem;
    margin-top: 0.27rem;
    margin-left: 0.12rem;
    border-collapse: collapse;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #333333;
}

thead {
    height: 0.52rem;
}

.table tr {
    /* min-height: 0.52rem; */
}

.table tr td {
    /* min-height: 0.52rem; */
    /* padding-left: 0.25rem; */
    border: 0.01rem solid #D3D7DD;
    background: #F2F5FA;
    padding: 0.16rem 0 0.16rem 0.25rem;
    vertical-align: top;
}

.table tr .left-column {
    width: 3.51rem;
}

.table tr .right-column {
    width: 4.86rem;
    /* height: 0.52rem; */
    background: #FFFFFF;
}

/* 2_4products */

.quick {
    /* width: 100%; */
    margin-left: 0.16rem;
    margin-top: 0.36rem;
    padding-bottom: 1.01rem;
}

.quick .quickCon {
    display: block;
    width: 8.3rem;
    margin-bottom: 0.48rem;
}

.quick .quickCon:last-child {
    margin-bottom: 0;
}

.quick .quickCon .quickVideo {
    position: relative;
    width: 100%;
}

.quickCon .quickVideo .quickVidEle {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}

.quickCon .quickVideo .quickVidImg {
    width: 100%;
}

.quickCon .quickVideo .quickArr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 0.64rem;
    height: 0.64rem;
}

.quick .quickCon .quickTex {
    margin-top: 0.16rem;
    font-family: Arial, Arial;
    font-size: 0.18rem;
    color: #333333;
}
.swiper-horizontal{
    overflow: hidden !important;
}





@media only screen and (max-width: 768px) {
    
.products .proBanner{
    height: 3.5rem !important;
    padding-top: 1.51rem !important;
    padding-left: 0 !important;
}
.products .proBanner .bannerTitle{
    text-align: center;
}
.heading {
  height: auto;
}
.right_p1 {

  font-size: 0.22rem;
}
.row_p1 {
  font-size: 0.22rem;
  line-height: .3rem;
}
.right_p2 {
  font-size: 0.18rem;

}
.page .list .item{
    font-size: 0.22rem;
}
.page .to_page{
    font-size: 0.22rem;
}
.products .productsCon{
    width: 95%;
  height: auto;
  overflow: hidden;
  display: block;
}
.products .productsCon .LeftNav{
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: .3rem;
}
.LeftNav .navItem{
    width: 50%;
  float: left;
  margin-top: 0;
  line-height: .5rem;
}
.LeftNav .navItem .navItemTop{
    font-size: 0.26rem;
}
.LeftNav .navItem.active{
    width: 50%;
}
.LeftNav .navItem.active{
    margin-top: 0;
}
.navItemBot .botItem{padding-left: 0.36rem;

  font-size: 0.22rem;
    margin-bottom: 0;
}
.proDetail .detNav{
    width: 95%;
}
.proDetail .detNav a {
  font-size: 0.24rem;
}
#magnifier{
    display: block !important;
  width: 100%;
}
.small-box{
    width: 80% !important;
  margin: 0 auto !important;
    margin-top: 0px;
  height: auto !important;
  margin-top: .3rem !important;
  overflow: hidden !important;
}
.small-box img {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}
.thumbnail-box{
    margin-left: 0 !important;
margin: 0 auto !important;
    margin-top: 0px;
    margin-top: .3rem !important;
    width: 90% !important;
}
.thumbnail-box .btn-next {
  right: -10px !important;
    
}
.thumbnail-box .list{
    width: 95% !important;
    margin: 0 auto !important;
}
.proDetail .detSw .detSwLeft {
  width: 90%;
  padding-left: 0;
  margin: 0 auto;
}
.detSwLeft .leftTit1{
    font-size: .24rem;
}
.L_box_p1{
    width: 50%;
   font-size: .24rem;
}
.L_box_p2{
    width: 50%;
    font-size: .24rem;
}
.R{
    width: 10%;
}
.R img {
  width: 100%;
  height: 100%;
}
.detCon{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.detCon .detConLeft {
  width: 100%;
  margin-right: 0;
}

.detCon .detConLeft .detConNav {
  width: 100%;
    
}
.detConLeft .detConNav .navLink{
    width: 33%;
  font-size: .22rem;
}
.linkCon .linkTit{
    font-size: .24rem;
}
.linkCon .proDesTex{
    padding-right: 0;
}
.detCon .detConRight{
    width: 100%;
}
.detConRight .prorightCard .CardTit {
  width: 100%;
  padding-left: 0.25rem;
  font-size: 0.24rem;
  height: .56rem;
  line-height: .56rem;
}
.cardCon .cardLink:nth-child(2n){
    margin-right: 0;
}
.detConRight .prorightCard {
  width: 100%;
}
.detConRight .prorightCard .cardCon {
  width: 95%;
  margin-top: 0.24rem;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-top: .3rem;
}
.cardCon .cardLink{
    width: 48%;
  float: left;
  margin-right: 3%;
}
.cardCon .cardLink img{
    width: 100%;
}
.proBotVideo{
    width: 100%;
}
.proBotVideo .botVidTit{
      width: 100%;
  padding-left: 0.25rem;
  font-size: 0.24rem;
  height: .56rem;
  line-height: .56rem;
}
.proBotVideo .videoList {
  display: block;
  width: 95%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}
.proBotVideo .videoList .videoItem {
  width: 48%;
  float: left;
  margin-right: 3%;
}
.proBotVideo .videoList .videoItem:nth-child(2n){
    margin-right: 0;
}
.videoItem .videoItemTop {
  width: 100%;
}
.videoItem .videoItemTit {

  text-align: center;
  font-size: .24rem;
  margin-bottom: .3rem;
}
    
    
    
    
    
    
    
    
    
    
    
    
}