.index_banner{
    width:100%;
    overflow:hidden;
    aspect-ratio: 32 / 15;
}
 .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width:2rem;
    height:100%;
    top:0;
    background:0 0;
    margin:auto
}
 .index_banner .swiper-button-next:before,.index_banner .swiper-button-prev:before{
    display:none
}
 .index_banner .swiper-button-prev{
    left:0
}
 .index_banner .swiper-button-next{
    right:0
}
 .index_banner .swiper-button-next span,.index_banner .swiper-button-prev span{
    display:inline-block;
    width:.6rem;
    height:.6rem;
    position:absolute;
    top:46.6%;
    border-radius:100%;
    background:rgba(180,180,180,.25);
    opacity:.4;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
 .index_banner .swiper-button-prev span{
    left:1.2rem
}
 .index_banner .swiper-button-next span{
    left:unset;
    right:.2rem
}
 .index_banner .swiper-button-next span:before,.index_banner .swiper-button-prev span:before{
    content:'';
    display:block;
    border-right:.03rem solid #fff;
    border-bottom:.03rem solid #fff;
    transform:rotate(-45deg);
    background:0 0;
    width:.12rem;
    height:.12rem;
    position:absolute;
    top:40%;
    left:36%;
    margin:auto;
    transition:all .3s linear
}
 .index_banner .swiper-button-next:hover span,.index_banner .swiper-button-prev:hover span{
    opacity:1
}
 .index_banner .swiper-pagination{
    max-width:14rem;
    left:0;
    right:0;
    margin:auto;
    display:flex;
    justify-content:flex-start;
    bottom:1rem
}
 .index_banner .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0;
    margin-right:.3rem
}
 .index_banner .swiper-pagination-bullet{
    width:.5rem;
    margin:0 .03rem;
    cursor:pointer;
    background:0 0;
    border-radius:0;
    opacity:1;
    width:26.5%
}
 .index_banner .swiper-pagination-bullet span{
    width:100%;
    height:.04rem;
    display:block;
    background:rgba(128,128,128,.2);
    border-radius:.04rem
}
 .index_banner .swiper-pagination-bullet-active span{
    background:gray
}
 .index_banner .autoplay .swiper-pagination-bullet-active span{
    background:rgba(128,128,128,.2)
}
 .index_banner .swiper-pagination-bullet i{
    background:#fff;
    height:.04rem;
    transform:scaleX(0);
    transform-origin:0;
    display:block;
    border-radius:.04rem
}
 .index_banner .autoplay .firsrCurrent i{
    transition:transform 2.9s linear;
    transform:scaleX(1)
}
 .index_banner .autoplay .current i{
    transition:transform 4s linear;
    transform:scaleX(1)
}
 .index_banner .swiper-pagination-bullet p{
    font-size:.16rem;
    color:#fff;
    margin-top:.1rem;
    text-align:left
}
 .section .head_block{
    text-align:center;
    color:#fff
}
 .section .head_block p{
    font-size:.36rem;
    margin-bottom:.15rem;
    text-transform: capitalize;
}
 .section .head_block span{
    font-size:.18rem;
    max-width:70%;
    margin:auto;
    display:inline-block
}
 .index_section1{
    background:var(--color);
    padding:1.3rem 0
}
 .index_section1 .index_section1_box{
    margin-top:.9rem;
    /* display:flex; */
    justify-content:space-between
}
 .index_section1 .index_section1_box .item{
    /* text-align:center; */
    /* color:#fff; */
    /* max-width:3.5rem; */
    /* display: flex; */
    margin-bottom: .4rem;
}
 .index_section1 .index_section1_box .item a{
  display: flex;
  color: #ffffff;
  /* align-items: stretch; */
}
 .index_section1 .index_section1_box .item .img_box{
    max-width: 3rem;
    height: 3.3rem;
    background: #ffffff;
    border-radius: .05rem;
    margin-right: .4rem;
    overflow: hidden;
}
 .index_section1 .index_section1_box .item .img_box img{
     height: 100%;
    object-fit: cover;
 }
 .index_section1 .index_section1_box .item .text_box{
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
 .index_section1 .index_section1_box .item .text_box .icon{}
 .index_section1 .index_section1_box .item .text_box .icon img{
    max-height: .4rem;
}
 .index_section1 .index_section1_box .item .text_box .remark{
    font-size: .18rem;
    margin: .25rem 0;
    line-height: 1.5;
}
 .index_section1 .index_section1_box .item .text_box span{
    font-size: .16rem;
    transition: all .3s linear;
}
 .index_section1 .index_section1_box .item .text_box span img{
    filter: brightness(0) invert(1);
    max-width: .15rem;
    margin-top: -.02rem;
    margin-left: .05rem;
    transition: all .3s linear;
}
 .index_section1 .index_section1_box .item:hover .text_box span{
     color: var(--color2););
 }
 .index_section1 .index_section1_box .item:hover .text_box span img{
     margin-left: .15rem;
 }
 .index_section1 .more_btn{
    margin-top: .9rem;
    text-align:center
}
 .index_section1 .more_btn .btn_effect4{
    font-family:RobotoRegular;
    height:auto;
    width: 100%;
}
 .index_section1 .more_btn .btn_effect4 .btn_small_list{
    text-transform:none;
    padding:.11rem .65rem;
    border-radius: .08rem;
    background:0 0;
    color:#fff
}
 .index_section1 .more_btn .btn_effect4 .btn_small_list.hover{
    background:var(--color2);
    border-color:var(--color2)
}
 .index_section2{
    background:#f4f9ff;
    padding:1.3rem 0
}
 .index_section2 .auto-container{
    filter:drop-shadow(0 .04rem .113rem rgba(0,0,0,.15));
    border-radius:.08rem;
    background:#fff;
    padding:.65rem
}
 .index_section2 .index_section2_head{
    display:flex;
    justify-content:center
}
 .index_section2 .index_section2_head p{
    font-size:.24rem;
    color:#666;
    margin-right:.5rem;
    border-bottom:.01rem solid transparent;
    padding-bottom:.1rem;
    position:relative;
    cursor:pointer;
    transition:all .3s linear
}
 .index_section2 .index_section2_head p:before{
    content:'';
    display:block;
    width:0;
    height:.02rem;
    background:var(--color);
    position:absolute;
    bottom:0;
    transition:all .3s linear
}
 .index_section2 .index_section2_head p.active:before,.index_section2 .index_section2_head p:hover:before{
    width:100%
}
 .index_section2 .index_section2_head p:hover{
    color:#000
}
 .index_section2 .index_section2_box{
    margin-top:.5rem
}
 .index_section2 .index_section2_box .item_box{
    display:none;
    position:relative
}
 .index_section2 .index_section2_box .item_box.active{
    display:block
}
 .index_section2 .index_section2_box .item_box .swiper-slide .item{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:space-between
}
 .index_section2 .index_section2_box .item_box .swiper-slide .item .img_box,.index_section2 .index_section2_box .item_box .swiper-slide .item .text_box{
    width:50%;
    overflow:hidden
}
 .index_section2 .index_section2_box .item_box .swiper-slide .item .img_box{
    overflow:hidden;
    width:40%;
    text-align:center
}
 .index_section2 .index_section2_box .item_box .swiper-slide .item .img_box img{
    max-height:4rem
}
 .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box h3{
    font-size:.32rem;
    margin-bottom:.35rem;
    line-height: 1.2;
}

 .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box .line-5{
    font-size:.18rem;
    line-height:.22rem;
    color: #333333;
    -webkit-line-clamp:10
}
 .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box .line-5 p{
     margin-bottom: .1rem;
     line-height: 1.3;
 }
  .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box .line-5 p span{
     font-size: .15rem;
 }
 .index_section2 .index_section2_box .item_box .swiper-slide .item .text_box .line-5 a{
     color: #333333;
 }
 .index_section2 .index_section2_box .item_box .swiper-button-next,.index_section2 .index_section2_box .item_box .swiper-button-prev{
    opacity:0;
    visibility:hidden;
    background:unset;
    width:.45rem;
    height:.45rem
}
 .index_section2 .index_section2_box .item_box.active .swiper-button-next,.index_section2 .index_section2_box .item_box.active .swiper-button-prev{
    opacity:1;
    visibility:visible
}
 .index_section2 .index_section2_box .item_box.active .swiper-button-next:before,.index_section2 .index_section2_box .item_box.active .swiper-button-prev:before{
    opacity:1;
    visibility:visible;
    width:.3rem;
    height:.3rem;
    top:.08rem;
    left:2%
}
 .index_section2 .index_section2_box .item_box.active .swiper-button-next.swiper-button-disabled:before,.index_section2 .index_section2_box .item_box.active .swiper-button-prev.swiper-button-disabled:before{
    border-color:#cacaca
}
 .index_section2 .index_section2_box .item_box .swiper-button-prev{
    right:5rem;
    left:unset
}
 .index_section2 .index_section2_box .item_box .swiper-button-next{
    right:0
}
 .index_section2 .index_section2_box .item_box .item .more_btn{
    margin:.7rem .01rem;
    margin-bottom: 0;
}
 .index_section2 .index_section2_box .item_box .item .btn_effect4{
    height:auto;
    font-family:RobotoRegular
}
 .index_section2 .index_section2_box .item_box .item .btn_effect4 .btn_small_list{
    padding:.11rem .68rem;
    border-color:#000;
    border-radius:.02rem;
    text-transform:none;
    color:#000
}
 .index_section2 .index_section2_box .item_box .item .btn_effect4 .btn_small_list.hover{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
.index_section3{
    aspect-ratio: 64 / 9;
}
 .index_section3 .index_section3_box{
    display:flex;
    justify-content:space-between;
    padding:.35rem 0
}
 .index_section3 .index_section3_box .item{
    text-align:center;
    color:#fff
}
 .index_section3 .index_section3_box .item .img_box{
    overflow:hidden
}
 .index_section3 .index_section3_box .item .img_box img{
    max-width:1.5rem
}
 .index_section3 .index_section3_box .item .text_box{
    font-size:.2rem;
    max-width:60%;
    margin:auto;
    line-height:.24rem
}
 .index_section4{
    padding:1.3rem 0
}
 .index_section4 .head_block{
    color:#222
}
 .index_section4 .head_block p{
    color:var(--color)
}
 .index_section4 .head_block span{
    max-width:60%
}
 .index_section4 .index_section4_box{
    margin-top:.4rem;
    position:relative;
    height:4.6rem;
    border-radius:.08rem;
    overflow:hidden
}
 .index_section4 .index_section4_box .pulin-image-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
 .index_section4 .index_section4_box .pulin_grids{
    position:absolute;
    width:100%;
    top:0;
    z-index:2;
    text-align:center;
    display:flex;
    justify-content:space-between;
    height:100%;
    align-items:center
}
 .index_section4 .index_section4_box .pulin_grids .grid-box p{
    font-size:.18rem;
    font-family:RobotoMedium;
    line-height:normal;
    margin-top:.1rem;
    -webkit-line-clamp:3
}
 .index_section4 .index_section4_box .pulin_grids .grid-box{
    color:#fff;
    transition:all .3s linear;
    display:flex;
    height:100%;
    width:16.666%;
    border-right:.01rem solid rgb(189 189 189 / 70%);
    align-items:center;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    padding:0 .45rem;
    flex-direction:column
}
 .index_section4 .index_section4_box .pulin_grids .grid-box:last-child{
    border-right:0
}
 .index_section4 .index_section4_box .pulin-image-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
 .index_section4 .index_section4_box .pulin-image-holder .image-url-holder-inner{
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:opacity .4s .2s;
    -moz-transition:opacity .4s .2s;
    transition:opacity .4s .2s
}
 .index_section4 .index_section4_box .pulin-image-holder .image-url-holder-inner.hovered{
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    transition:opacity .5s;
    opacity:1;
    z-index:10
}
 .index_section4 .index_section4_box .pulin-image-holder .image-url-holder-inner .image-url{
    -webkit-transition:all 0s .5s;
    -moz-transition:all 0s .5s;
    transition:all 0s .5s;
    height:100%;
    background-position:center;
    background-size:cover
}
 .index_section4 .index_section4_box .pulin_grids .grid-box:hover{
    background:rgb(53 89 132 / 50%)
}
 .index_section4 .index_section4_box .pulin_grids .grid-box img,.index_section4 .index_section4_box .pulin_grids .grid-box p{
    transition:all .3s linear
}
 .index_section4 .index_section4_box .pulin_grids .grid-box:hover img,.index_section4 .index_section4_box .pulin_grids .grid-box:hover p{
    transform:translateY(-.2rem)
}
 .index_section4 .index_section4_box .pulin_grids .grid-box img{
    filter:brightness(0) invert(1);
    max-width:.52rem
}
 .index_section5{
    padding:1rem 0
}
 .index_section5 .head_block{
    text-align:left
}
 .index_section5 .head_block span{
    max-width:60%;
    font-size:.2rem;
    line-height:1.5
}
 .index_section5 .index_section5_box{
    padding:.7rem 0;
    display:flex
}
 .index_section5 .index_section5_box .item{
    color:#fff;
    position:relative;
    padding:0 .5rem;
    width:2.8rem
}
 .index_section5 .index_section5_box .item:nth-child(2){
    width:3.2rem
}
 .index_section5 .index_section5_box .item:first-child{
    padding-left:0
}
 .index_section5 .index_section5_box .item:last-child{
    padding-right:0
}
 .index_section5 .index_section5_box .item:before{
    content:'';
    display:block;
    width:.01rem;
    height:60%;
    background:rgb(232 232 232 / 40%);
    position:absolute;
    right:0;
    top:20%
}
 .index_section5 .index_section5_box .item:last-child::before{
    opacity:0
}
 .index_section5 .index_section5_box .item .txt{
    display:flex;
    align-items:flex-end;
    margin-bottom:.1rem
}
 .index_section5 .index_section5_box .item .txt div .counter,.index_section5 .index_section5_box .item .txt div p{
    font-size:.47rem;
    font-family:RobotoBold;
    display:inline-block
}
 .index_section5 .index_section5_box .item .remark{
    font-size:.2rem;
    line-height:.24rem
}
 .index_section5 .more_btn .btn_effect4{
    height:auto;
    font-family:RobotoMedium
}
 .index_section5 .more_btn .btn_effect4 .btn_small_list{
    border-radius:.02rem;
    background:var(--color);
    color:#fff;
    border-color:var(--color);
    /* text-transform:none; */
    padding:.11rem .35rem;
}
 .index_section5 .more_btn .btn_effect4 .btn_small_list.hover{
    border-color:#fff;
    background:#fff;
    color:var(--color)
}
 .index_section6{
    padding-top:1.3rem;
    padding-bottom:.65rem
}
 .index_section6 .index_section6_box{
    background:var(--color);
    border-radius:.08rem;
    position:relative
}
 .index_section6 .index_section6_box::before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_88.png);
    width:.34rem;
    height:.26rem;
    position:absolute;
    top:15%;
    left:8%;
    background-size:contain
}
 .index_section6 .index_section6_box .swiper-container{
    max-width:75%;
    margin:auto;
    padding:1.2rem 0
}
 .index_section6 .index_section6_box .swiper-slide{
    color:#fff;
    font-size:.2rem
}
 .index_section6 .index_section6_box .swiper-slide p{
    line-height:.24rem;
    width:100%;
    margin-bottom:.2rem
}
 .index_section6 .index_section6_box .swiper-slide span{
    font-family:RobotoMedium
}
 .index_section6 .index_section6_box .swiper-button-next,.index_section6 .index_section6_box .swiper-button-prev{
    bottom:.35rem;
    top:unset;
    width:.6rem;
    height:.6rem;
    background:rgb(205 205 205 / 21%);
    border-radius:100vh;
    opacity:1;
    transition:all .3s linear
}
 .index_section6 .index_section6_box .swiper-button-next:before,.index_section6 .index_section6_box .swiper-button-prev:before{
    border-color:#fff;
    border-width:.02rem
}
 .index_section6 .index_section6_box .swiper-button-prev{
    left:unset;
    right:2rem
}
 .index_section6 .index_section6_box .swiper-button-next{
    right:1rem
}
 .index_section6 .index_section6_box .swiper-button-next:hover,.index_section6 .index_section6_box .swiper-button-prev:hover{
    background:var(--color2)
}
 .index_section6 .index_section6_box .swiper-button-next:hover:before,.index_section6 .index_section6_box .swiper-button-prev:hover:before{
    border-color:#fff
}
 .index_section7{
    padding-top:.5rem;
    padding-bottom:.35rem
}
 .index_section7 .head_block p{
    color:#000;
    text-transform:capitalize;
    margin-bottom:0
}
 .index_section7 .head_block span{
    color:#333;
    font-size:.16rem
}
 .index_section7 .index_section7_box{
    margin-top:.4rem
}
 .index_section7 .index_section7_box .swiper-container{
    padding-bottom:.5rem
}
 .index_section7 .index_section7_box .swiper-slide .item .img_box{
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    overflow:hidden
}
 .index_section7 .index_section7_box .swiper-slide .item .txt{
    background:#f4f9ff;
    padding:.25rem .4rem
}
 .index_section7 .index_section7_box .swiper-slide .item .txt h3{
    font-size:.18rem;
    line-height:.24rem;
    margin-bottom:.1rem
}
 .index_section7 .index_section7_box .swiper-slide .item .txt span{
    color:var(--color);
    font-size:.16rem;
    display:inline-block
}
 .index_section7 .index_section7_box .swiper-slide .item .txt span img{
    max-width:.15rem;
    margin-left:.05rem
}
 .index_section7 .index_section7_box .swiper-pagination{
    bottom:0
}
 .index_section7 .index_section7_box .swiper-pagination .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .index_section7 .index_section7_box .swiper-pagination .swiper-pagination-bullet-active{
    width:.74rem;
    background:var(--color)
}
 .category_unbreakable .page_section1{
    height:9.8rem;
    padding-top:1rem
}
 .category_unbreakable .page_section1 .page_block{
    color:#fff
}
 .category_unbreakable .page_block p{
    font-size:.36rem;
    margin-bottom:.15rem;
    line-height:normal
}
 .category_unbreakable .page_section1 .page_block p{
    text-transform:uppercase
}
 .category_unbreakable .page_block span{
    font-size:.18rem;
    line-height:1.5;
    max-width: 55%;
    display:inline-block;
    text-transform:capitalize
}
 .category_unbreakable .page_section1 .page_section1_box{
    display:flex;
    align-items:center
}
 .category_unbreakable .page_section1 .page_section1_box .item1,.category_unbreakable .page_section1 .page_section1_box .item2{
    width:2.84rem;
    height:2.84rem;
    border-radius:100vh;
    border:.01rem solid #fff;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    align-content:center;
    position:relative
}
 .category_unbreakable .page_section1 .page_section1_box .item1:before,.category_unbreakable .page_section1 .page_section1_box .item2:before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_19.png);
    width:1.14rem;
    height:.52rem;
    position:absolute;
    background-size:contain
}
 .category_unbreakable .page_section1 .page_section1_box .item1:before{
    right:-1.7rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2:before{
    right:-3.3rem
}
 .category_unbreakable .page_section1 .page_section1_box .item1{
    margin-right:2.2rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2{
    margin-right:3.8rem
}
 .category_unbreakable .page_section1 .page_section1_box .item3{
    margin-right:0;
    width:2.3rem;
    height:max-content;
    padding:.25rem;
    border-radius:.12rem;
    border:.01rem solid #fff;
    position:unset
}
 .category_unbreakable .page_section1 .page_section1_box .item .img,.category_unbreakable .page_section1 .page_section1_box .item .txt{
    width:100%
}
 .category_unbreakable .page_section1 .page_section1_box .item .img{
    margin-bottom:.1rem;
    overflow:hidden
}
 .category_unbreakable .page_section1 .page_section1_box .item .img img{
    max-width:1.35rem
}
 .category_unbreakable .page_section1 .page_section1_box .item .txt{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60%;
    margin:auto
}
 .category_unbreakable .page_section1 .page_section1_box .item3 .txt{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    margin-bottom:.2rem;
    text-align:center
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .txt{
    flex-direction:column
}
 .category_unbreakable .page_section1 .page_section1_box .item .txt p{
    font-size:.24rem;
    font-family:RobotoMedium;
    text-transform:uppercase;
    color:#fff;
    margin-right:.1rem;
    line-height:normal
}
 .category_unbreakable .page_section1 .page_section1_box .item .txt img{
    cursor:pointer;
    max-width:.2rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .txt img{
    margin-top:.05rem;
    max-width:.2rem
}
 .category_unbreakable .page_section1 .page_section1_box .item3 .item_child{
    position:unset
}
 .category_unbreakable .page_section1 .page_section1_box .item .item_child p{
    width:1.6rem;
    height:1.6rem;
    border:.01rem solid #fff;
    font-size:.2rem;
    text-align:center;
    color:#fff;
    line-height:1.05;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100vh;
    margin:auto
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p{
    position:absolute
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(1){
    top:-1.58rem;
    left:.85rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(2){
    top:-.95rem;
    left:2.18rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(3){
    top:.38rem;
    left:2.81rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(4){
    top:1.82rem;
    right:-1.25rem
}
 .category_unbreakable .page_section1 .page_section1_box .item2 .item_child p:nth-child(5){
    left:1.3rem;
    bottom:-1.49rem
}
 .category_unbreakable .page_section1 .page_section1_box .item3 .item_child p{
    margin-bottom:.15rem
}
 .category_unbreakable .page_section2{
    padding-top:.65rem;
    padding-bottom:1.3rem
}
 .category_unbreakable .page_section2 .page_section2_box{
    margin-top:.8rem;
    display:flex;
    justify-content:center
}
 .category_unbreakable .page_section2 .page_section2_box .item{
    text-align:center;
    margin-right:1rem
}
 .category_unbreakable .page_section2 .page_section2_box .item:nth-child(1),.category_unbreakable .page_section2 .page_section2_box .item:nth-child(2){
    position:relative
}
 .category_unbreakable .page_section2 .page_section2_box .item:nth-child(1):before,.category_unbreakable .page_section2 .page_section2_box .item:nth-child(2):before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_15.png);
    width:1.14rem;
    height:.52rem;
    position:absolute;
    background-size:contain;
    right:-1.15rem;
    top:15%;
    margin:auto
}
 .category_unbreakable .page_section2 .page_section2_box .item:last-child{
    margin-right:0
}
 .category_unbreakable .page_section2 .page_section2_box .item .img{
    margin-bottom:.3rem;
    overflow:hidden
}
 .category_unbreakable .page_section2 .page_section2_box .item .img img{
    max-width:1.1rem
}
 .category_unbreakable .page_section2 .page_section2_box .item .txt{
    font-size:.2rem;
    max-width:70%;
    margin:auto;
    line-height:normal
}
 .category_unbreakable .page_section2 .page_section2_box .item .txt img{
    filter:brightness(0);
    margin-top:.1rem;
    cursor:pointer;
    max-width:.2rem
}
 .category_unbreakable .page_section3{
    display:flex
}
 .category_unbreakable .page_section3 .left,.category_unbreakable .page_section3 .right{
    width:50%
}
 .category_unbreakable .page_section3 .left{
    background:var(--color);
    padding:1.05rem 1.35rem
}
 .category_unbreakable .page_section3 .left .page_block{
    color:#fff
}
 .category_unbreakable .page_section3 .left .page_block p{
    text-transform:capitalize;
    font-size:.48rem
}
 .category_unbreakable .page_section3 .left .page_block span{
    max-width:90%;
    font-size:.16rem
}
 .category_unbreakable .page_section3 .left .page_section3_box{
    display:flex;
    margin-top:.2rem;
    
}
 .category_unbreakable .page_section3 .left .page_section3_box .item{
    width:20%;
    margin-right:6%;
    text-align:center
}
 .category_unbreakable .page_section3 .left .page_section3_box .item .img{
    margin-bottom:.15rem;
    overflow:hidden
}
 .category_unbreakable .page_section3 .left .page_section3_box .item .img img{
    max-width:.88rem
}
 .category_unbreakable .page_section3 .left .page_section3_box .item .txt{
    font-size:.16rem;
    color:#fff;
    line-height:normal
}
 .category_unbreakable .page_section3 .left .more_btn{
    margin-top:.45rem;
}
 .category_unbreakable .page_section3 .left .more_btn .btn_effect4{
    height:auto;
    font-family:RobotoMedium
}
 .category_unbreakable .page_section3 .left .more_btn .btn_effect4 .btn_small_list{
    padding:.11rem .45rem;
    border-radius:.08rem;
    background:0 0;
    color:#fff;
    text-transform:none;
}
 .category_unbreakable .page_section3 .left .more_btn .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.18rem
}
 .category_unbreakable .page_section3 .left .more_btn .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .category_unbreakable .page_section3 .right{
    overflow:hidden
}
 .category_unbreakable .page_section3 .right img{
    height:100%;
    object-fit:cover
}
 .category_unbreakable .page_section4{
    padding:1.3rem 0
}
 .category_unbreakable .page_section4 .page_block p{
    color:var(--color)
}
 .category_unbreakable .page_section4 .page_section4_box{
    margin-top:.6rem;
    display:flex
}
 .category_unbreakable .page_section4 .page_section4_box .item{
    margin-right:1rem;
    width:15%;
    position:relative
}
 .category_unbreakable .page_section4 .page_section4_box .item::before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_1.png) no-repeat;
    width:.46rem;
    height:.32rem;
    position:absolute;
    background-size:contain;
    right:-37%;
    top:35%;
    margin:auto
}
 .category_unbreakable .page_section4 .page_section4_box .item:last-child::before{
    display:none
}
 .category_unbreakable .page_section4 .page_section4_box .item:last-child{
    margin-right:0
}
 .category_unbreakable .page_section4 .page_section4_box .item .img{
    overflow:hidden;
    margin-bottom:.15rem
}
 .category_unbreakable .page_section4 .page_section4_box .item .txt{
    font-size:.16rem;
    line-height:normal;
    /* display:flex; */
    /* align-items:flex-end; */
    text-align: center;
}
 .category_unbreakable .page_section4 .page_section4_box .item .txt img{
    filter:brightness(0);
    cursor:pointer;
    max-width:.2rem
}
 .category_unbreakable .page_section5{
    position:relative
}
 .category_unbreakable .page_section5 .img_box{
    width:100%;
    overflow:hidden
}
 .category_unbreakable .page_section5 .text_box{
    position:absolute;
    top:0;
    width:6.9rem;
    left:1.15rem;
    background:rgb(11 45 90 / 87%);
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:.7rem
}
 .category_unbreakable .page_section5 .text_box>i{
    font-style:normal;
    color:#fff;
    font-size:.18rem;
    text-transform:uppercase;
    margin-bottom:.1rem
}
 .category_unbreakable .page_section5 .text_box h3{
    font-size:.48rem;
    color:#fff;
    text-transform:uppercase
}
 .category_unbreakable .page_section5 .text_box h3 span{
    font-family:RobotoSemiBold
}
 .category_unbreakable .page_section5 .text_box .more_btn{
    margin-top:.45rem;
    display:flex;
    align-items:center
}
 .category_unbreakable .page_section5 .text_box .more_btn .btn_effect4{
    height:auto;
    margin-right:.8rem
}
 .category_unbreakable .page_section5 .text_box .more_btn .btn_effect4 .btn_small_list{
    background:#e4002b;
    border-color:#e4002b;
    border-radius:.02rem;
    color:#fff
}
 .category_unbreakable .page_section5 .text_box .more_btn .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.2rem;
    font-family:RobotoMedium
}
 .category_unbreakable .page_section5 .text_box .more_btn .btn_effect4 .btn_small_list.hover{
    background:#fff;
    border-color:#fff;
    color:#e4002b
}
 .category_unbreakable .page_section5 .text_box .more_btn a:last-child{
    font-size:.2rem;
    text-transform:uppercase;
    color:#fff
}
 .category_unbreakable .page_section5 .text_box .more_btn a:last-child i{
    font-style:normal;
    margin-left:.2rem;
    font-family:monospace;
    font-weight:700;
    width:.18rem;
    height:.18rem;
    background:#e4002b;
    font-size:.14rem;
    display:inline-block;
    line-height:.18rem;
    text-align:center;
    transition:all .3s linear
}
 .category_unbreakable .page_section5 .text_box .more_btn a:last-child:hover{
    color:#e4002b
}
 .category_unbreakable .page_section5 .text_box .more_btn a:last-child:hover i{
    color:#e4002b;
    background:#fff
}
 .category_unbreakable .page_section6{
    background:var(--color);
    padding:0 1.8rem;
    padding-bottom:2rem;
    padding-top:.7rem;
    display:flex;
    color:#fff;
    justify-content:space-between
}
 .category_unbreakable .page_section6 h3{
    width:45%;
    font-size:.48rem;
    text-transform:uppercase;
    white-space:pre-line
}
 .category_unbreakable .page_section6 h3 span{
    font-family:RobotoMedium
}
 .category_unbreakable .page_section6 p{
    width:50%;
    font-size:.2rem
}
 .page_section7{
    position:relative;
    margin-top:-1.5rem
}
 .page_section7 .swiper-container{
    padding-bottom:.5rem
}
 .page_section7 .swiper-slide .item{
    border-radius:.04rem;
    position:relative;
    overflow:hidden
}

 .page_section7 .swiper-slide .item .img_box{
    overflow:hidden;
    max-height: 4.4rem;
}
 .page_section7 .swiper-slide .item .text{
    position:absolute;
    bottom:0;
    line-height:normal;
    padding:.2rem;
    background:linear-gradient(360deg,#073e55 10.67%,rgba(15,137,187,0) 100%);
    width:100%;
    color: #ffffff;
    padding-bottom: .3rem;
}

 .page_section7 .swiper-slide .item .text p{
    font-size: .22rem;
    color:#fff;
    min-height: .48rem;
    margin-bottom: .15rem;
    line-height: 1.2;
    font-family: 'RobotoBold';
    }
 .page_section7 .swiper-slide .item .text span{
    font-size: .15rem;
}
 .page_section7 .swiper-pagination{
    bottom:0
}
 .page_section7 .swiper-pagination .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .page_section7 .swiper-pagination .swiper-pagination-bullet-active{
    width:.74rem;
    background:var(--color)
}
 .page_section7 .swiper-button-next,.page_section7 .swiper-button-prev{
    top:unset;
    bottom:-.15rem
}
 .page_section7 .swiper-button-prev{
    left:unset;
    right:.45rem
}
 .page_section7 .swiper-button-next{
    right:0
}
 .page_section7 .swiper-button-next:before,.page_section7 .swiper-button-prev:before{
    top:35%
}
 .page_section7 .swiper-button-next,.page_section7 .swiper-button-prev{
    background:unset;
    width:.45rem;
    height:.45rem
}
 .page_section7.active .swiper-button-next,.page_section7.active .swiper-button-prev{
    opacity:1;
    visibility:visible
}
 .page_section7.active .swiper-button-next:before,.page_section7.active .swiper-button-prev:before{
    opacity:1;
    visibility:visible;
    width:.3rem;
    height:.3rem;
    top:.08rem;
    left:2%
}
 .category_product{
    padding-top:1.7rem
}
 .category_product .category_product_box h2{
    font-size:.48rem;
    text-transform:uppercase;
    font-family:RobotoMedium
}
 .category_product .category_product_section1{
    padding-bottom:1.5rem
}
 .category_product .category_product_section1 .item_box{
    margin-top:2rem;
    display:flex;
    gap:.2rem;
    justify-content:space-between;
    border-radius:.08rem
}
 .category_product .category_product_section1 .item_box .item{
    position:relative;
    transition:all .5s linear;
    border-radius:.08rem
}
 .category_product .category_product_section1 .item_box .item a{
    padding:.35rem;
    border:.01rem solid rgb(199 207 218 / 50%);
    display:inline-block;
    border-radius:.08rem;
    min-height:3.9rem;
    width:3.2rem;
    position:relative;
    transition:all .5s linear
}
 .category_product .category_product_section1 .item_box .item .img_box{
    position:absolute;
    top:-.6rem;
    left:0;
    right:0;
    margin:auto;
    text-align:center
}
 .category_product .category_product_section1 .item_box .item .img_box:before{
    content:'';
    display:block;
    position:absolute;
    width:1.39rem;
    height:.13rem;
    background:rgba(68,68,68,.52);
    filter:blur(.13rem);
    bottom:0;
    right:0
}
 .category_product .category_product_section1 .item_box .item .img_box img{
    max-width:2.1rem;
    transition:all .5s linear
}
 .category_product .category_product_section1 .item_box .item .text_box{
    position:absolute;
    bottom:0;
    left:0;
    padding:.35rem;
    width:100%;
    height:2.26rem;
    overflow:hidden
}
 .category_product .category_product_section1 .item_box .item .text_box>p{
    font-size:.2rem;
    color:#666;
    font-family:RobotoMedium;
    line-height:.24rem;
    min-height:.48rem;
    margin-bottom:.25rem;
    text-transform:capitalize
}
 .category_product .category_product_section1 .item_box .item .text_box .remark{
    height:.83rem
}
 .category_product .category_product_section1 .item_box .item .text_box .remark p{
    margin-bottom:.1rem;
    display:flex;
    justify-content:space-between
}
 .category_product .category_product_section1 .item_box .item .text_box .remark p span{
    width:50%;
    color:#666
}
 .category_product .category_product_section1 .item_box .item .text_box .remark p span:last-child{
    text-align:end
}
 .category_product .category_product_section1 .item_box .item .text_box .more_btn{
    border:.01rem solid #fff;
    border-radius:.02rem;
    font-size:.16rem;
    color:#fff;
    text-align:center;
    font-family:RobotoMedium;
    height:.4rem;
    line-height:.4rem;
    transform:translateY(200%);
    opacity:0;
    visibility:hidden;
    transition:all .3s linear
}
 .category_product .category_product_section1 .item_box .item a:before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_30.webp) no-repeat center;
    width:3.2rem;
    height:3.9rem;
    background-size:cover;
    position:absolute;
    left:0;
    top:0;
    border-radius:.08rem;
    transition:all .5s linear;
    opacity:0
}
 .category_product .category_product_section1 .item_box .item:hover a:before{
    opacity:1
}
 .category_product .category_product_section1 .item_box .item:hover{
    transform:scaleY(1.25) scaleX(1.13)
}
 .category_product .category_product_section1 .item_box .item .img_box,.category_product .category_product_section1 .item_box .item .text_box{
    transition:all .5s linear
}
 .category_product .category_product_section1 .item_box .item:hover .img_box,.category_product .category_product_section1 .item_box .item:hover .text_box{
    transform:scaleY(.763) scaleX(.855)
}
 .category_product .category_product_section1 .item_box .item:hover .text_box{
    padding:0;
    bottom:-.15rem;
    height:2.7rem
}
 .category_product .category_product_section1 .item_box .item:hover .img_box{
    top:-1.3rem
}
 .category_product .category_product_section1 .item_box .item:hover .img_box img{
    max-width:2.9rem;
    max-height:3.2rem
}
 .category_product .category_product_section1 .item_box .item:hover .text_box .remark p span,.category_product .category_product_section1 .item_box .item:hover .text_box>p{
    color:#fff;
    transition:all .5s linear
}
 .category_product .category_product_section1 .item_box .item:hover .text_box>p{
    font-size:.3rem;
    line-height:.36rem
}
 .category_product .category_product_section1 .item_box .item:hover .text_box .remark p span{
    font-size:.16rem
}
 .category_product .category_product_section1 .item_box .item:hover .text_box .more_btn{
    transform:translateY(.4rem);
    visibility:visible;
    opacity:1
}
 .category_product .category_product_section1 .item_box .item .text_box .more_btn:hover{
    background:#fff;
    color:var(--color)
}
 .category_product .category_product_section2:nth-child(even){
    background:url(/res/magic/images/jr_31.webp) no-repeat center;
    min-height:6.9rem;
    background-size:contain
}
 .category_product .category_product_section2 .category_product_section2_box{
    max-width:16rem;
    margin:auto;
    padding:.8rem 0;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    min-height:6.9rem;
    position:relative
}
 .category_product .category_product_section2 .category_product_section2_box .left{
    width:43%;
    text-align:center;
    padding-top:1rem
}
 .category_product .category_product_section2 .category_product_section2_box .left h2{
    margin-bottom:.55rem;
    position:relative
}
 .category_product .category_product_section2 .category_product_section2_box .left h2 p{
    max-width:70%;
    margin:auto
}
 .category_product .category_product_section2 .category_product_section2_box .left h2:after,.category_product .category_product_section2 .category_product_section2_box .left h2:before{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    width:1rem;
    height:.01rem;
    background:rgb(109 138 170 / 67%)
}
 .category_product .category_product_section2 .category_product_section2_box .left h2:before{
    left:0
}
 .category_product .category_product_section2 .category_product_section2_box .left h2:after{
    right:0
}
 .category_product .category_product_section2 .category_product_section2_box .left .more_btn .btn_effect4{
    height:auto;
    font-family:RobotoMedium
}
 .category_product .category_product_section2 .category_product_section2_box .left .more_btn .btn_effect4 .btn_small_list{
    border-radius:.02rem;
    background:0 0;
    color:#fff;
    text-transform:none;
    padding:.11rem .47rem
}
 .category_product .category_product_section2 .category_product_section2_box .left .more_btn .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .category_product .category_product_section2 .category_product_section2_box .item{
    width:53%;
    border:.01rem solid #fff;
    height:100%;
    margin-top:1.1rem;
    border-radius:.02rem
}
 .category_product .category_product_section2 .category_product_section2_box .item a{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    padding:.3rem;
    justify-content:flex-end;
    min-height:4.15rem;
    position:relative
}
 .category_product .category_product_section2 .category_product_section2_box .item .img_box{
    width:40%;
    position:absolute;
    right:0;
    top:-1.3rem
}
 .category_product .category_product_section2 .category_product_section2_box .item .img_box img{
    max-width:3.25rem
}
 .category_product .category_product_section2 .category_product_section2_box .item .text_box{
    color:#fff;
    width:60%
}
 .category_product .category_product_section2 .category_product_section2_box .item .text_box > p{
    font-size:.32rem;
    font-family:RobotoMedium;
    line-height:1.5;
    max-width:85%;
    margin-bottom:.2rem
}
 .category_product .category_product_section2 .category_product_section2_box .item .text_box .remark{
    max-width:60%;
    font-size:.2rem;
    line-height:.24rem
}
.category_product .category_product_section2 .category_product_section2_box .item .text_box .remark p{
    margin-bottom: .1rem;
    display: flex;
    justify-content: space-between;
}
 .category_product .category_product_section2:nth-child(odd) .category_product_section2_box,.category_product .category_product_section2:nth-child(odd) .item .text_box{
    color:#333
}
 .category_product .category_product_section2:nth-child(odd) .category_product_section2_box{
    flex-direction:row;
    margin-top:.6rem
}
 .category_product .category_product_section2:nth-child(odd) .category_product_section2_box .item{
    border-color:#cacaca
}
 .category_product .category_product_section2:nth-child(odd) .category_product_section2_box .left .more_btn .btn_effect4 .btn_small_list{
    background:0 0;
    color:#030303;
    border-color:#c7cfda
}
 .category_product .category_product_section2:nth-child(odd) .category_product_section2_box .left .more_btn .btn_effect4 .btn_small_list.hover{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
 .category_product .category_product_section2:last-child .category_product_section2_box{
    padding-bottom:0
}
 .list_products{
    padding-top:1.3rem
}
 .list_products .list_products_head .pro_filter_box{
    padding-bottom:.6rem
}
 .list_products .list_products_head .pro_filter_box .filter_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.4rem
}
 .list_products .list_products_head .pro_filter_box .filter_head p{
    font-size:.36rem;
    font-family:RobotoMedium;
    line-height:normal
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box{
    width:3rem;
    display:flex;
    justify-content:space-between;
    border-radius:.05rem;
    border:.01rem solid #ddd;
    align-items:center
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box input{
    font-size:.16rem;
    width:80%;
    padding:.1rem
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box .search_btn{
    width:.4rem;
    text-align:center;
    height:100%;
    padding:.1rem;
    cursor:pointer
}
 .list_products .list_products_head .pro_filter_box .select_filter_box{
    overflow:hidden;
    margin-top:.3rem
}
 .list_products .list_products_head .pro_filter_box .select_filter_box span{
    padding:0 0 0 .15rem;
    border:.01rem solid #ddd;
    color:#222;
    font-size:.16rem;
    float:left;
    margin-right:.08rem;
    margin-bottom:.08rem;
    font-size:.16rem;
    color:#222
}
 .list_products .list_products_head .pro_filter_box .select_filter_box span b{
    display:inline-block;
    height:100%;
    border-left:.01rem solid #ddd;
    padding:.08rem;
    margin-left:.12rem;
    color:#ddd;
    font-weight:700;
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .list_products_head .pro_filter_box .select_filter_box span:hover b{
    color:var(--color)
}
 .list_products .list_products_head .pro_filter_box .filter_box{
    display:flex;
    gap:.2rem;
    flex-wrap:wrap
}
 .list_products .list_products_head .pro_filter_box .filter_box .item{
    padding:.16rem .18rem 0 .18rem;
    border:.01rem solid #e5e5e5;
    border-radius:.08rem;
    background:#fff;
    width:18.85%;
    position:relative;
    cursor: pointer;
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .item_box{
    display:none;
    position:absolute;
    width:max-content;
    background:#fff;
    left:0;
    padding:.2rem;
    padding-top:0;
    border:.01rem solid #ddd;
    border-radius:.05rem;
    z-index:2;
    min-width:100%
}
 .list_products .list_products_head .pro_filter_box .filter_box .item>p{
    font-size:.16rem;
    font-family:RobotoMedium;
    padding-bottom:.15rem;
    text-transform:capitalize
}
 .list_products .list_products_head .pro_filter_box .filter_box .item>p span{
    font-size:.3rem;
    color:#222;
    transform:rotate(90deg);
    margin-top:.08rem;
    line-height:.16rem;
    float:right;
    margin-right:-.03rem;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
    transition:all .3s
}
 .list_products .list_products_head .pro_filter_box .filter_box .item>p span.top{
    transform:rotate(-90deg);
    margin-right:.05rem
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .show_more_btn{
    display:block;
    color:#666;
    background:#eee;
    border-radius:.05rem;
    width:100%;
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    margin-top:.15rem;
    transition:all .3s linear
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .show_more_btn b{
    transform:rotate(90deg);
    font-size:.2rem;
    margin-top:.05rem;
    margin-left:.16rem;
    display:inline-block;
    color:#999
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .show_more_btn:hover{
    background:var(--color);
    color:#fff
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .show_more_btn:hover b{
    color:#fff
}
 .list_products .list_products_head .pro_filter_box .filter_box .item input[type=checkbox]{
    width:.16rem;
    height:.16rem;
    margin-right:.08rem;
    cursor:pointer;
    position:relative;
    color:#d9d9d9;
    top:.02rem
}
 .list_products .list_products_head .pro_filter_box .filter_box .item input[type=checkbox]::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    width:.16rem;
    height:.16rem;
    border:.01rem solid #d9d9d9;
    box-sizing:border-box
}
 .list_products .list_products_head .pro_filter_box .filter_box .item input[type=checkbox]:checked::after{
    content:"√";
    position:absolute;
    top:0;
    left:0;
    width:.16rem;
    height:.16rem;
    display:block;
    text-align:center;
    font-size:.14rem;
    line-height:.14rem;
    font-weight:700;
    background-color:#e60012;
    color:#fff;
    border:none;
    outline:0
}
 .list_products .list_products_head .pro_filter_box .filter_box .item_list label{
    display:block;
    margin:.1rem 0;
    font-size:.16rem;
    color:#777;
    cursor:pointer;
    font-weight:unset;
    font-family:RobotoMedium
}
 .list_products .list_products_head .pro_filter_box .filter_box label.checked{
    color:#e60012
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .item_list label:nth-child(n+7){
    display:none
}
 .list_products .list_products_box{
    display:flex;
    gap:.3rem;
    flex-wrap:wrap;
    padding-bottom:.7rem
}
 .list_products .list_products_box .item{
    width:23.35%;
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    overflow:hidden
}
 .list_products .list_products_box .item .img_box{
    overflow:hidden;
    background:#f0f1f1
}
 .list_products .list_products_box .item .text_box{
    padding:.1rem 0
}
 .list_products .list_products_box .item .text_box i{
    font-style:normal;
    color:#2673ff
}
 .list_products .list_products_box .item .text_box p{
    font-size:.2rem;
    font-family:RobotoMedium;
    color:var(--color);
    line-height:.24rem;
    margin:.05rem 0;
    min-height: .72rem;
}
 .list_products .list_products_box .item .text_box span{
    font-size:.16rem;min-height: .72rem;
}
 .list_products .more_btn{
    text-align:center
}
 .list_products .more_btn .btn_effect4{
    height:auto;
    cursor:pointer
}
 .list_products .more_btn .btn_effect4 .btn_small_list{
    border-color:var(--color);
    border-radius:.05rem;
    padding:.08rem .4rem;
    text-transform:capitalize
}
 .list_products .more_btn .btn_effect4 .btn_small_list.hover{
    background:var(--color);
    color:#fff
}
 .page_product_show .product_show_head{
    padding:1.3rem 0;
    padding-top: 2.3rem;
    background:#fafafa
}
 .page_product_show .product_show_head .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .page_product_show .product_show_head .img_box,.page_product_show .product_show_head .text_box{
    width:47%
}
 .page_product_show .product_show_head .img_box .view_box{
    position:relative;
    margin-bottom:.2rem
}
 .page_product_show .product_show_head .img_box .view_box .swiper-container{
    max-width:65%;
    margin:auto;
    text-align:center
}
.page_product_show .product_show_head .img_box .view_box .swiper-slide .fangda{
    position: absolute;
    bottom: 0;
    right: 0;
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev{
    background:rgb(154 153 157 / 15%);
    width:.55rem;
    height:1.05rem;
    border-radius:.04rem;
    transition:all .3s linear
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next:before,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev:before{
    border-color:#fff;
    width:.2rem;
    height:.2rem;
    left:25%
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-prev{
    left:0
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next{
    right:0
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next:hover,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev:hover{
    background:#747474
}
 .page_product_show .product_show_head .img_box .thumb_box{
    position:relative
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-container{
    max-width:50%
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-slide{
    width:.7rem;
    height:.7rem;
    border:.01rem solid transparent;
    border-radius:.1rem;
    overflow:hidden;
    margin-right:.15rem;
    cursor:pointer;
    background:#f0f1f1
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-slide:last-child{
    margin-right:0
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
    background:0 0;
    top:0;
    border-radius:unset;
    width:.3rem;
    height:.7rem
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:before,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:before{
    border-color:#6f6f6f;
    width:.12rem;
    height:.12rem;
    top:38.5%;
    border-width:.02rem
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
    left:20%
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
    right:20%
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-slide.active-nav{
    border-color:var(--color)
}
 .page_product_show .product_show_head .text_box{
    padding-left:1rem
}
 .page_product_show .product_show_head .text_box>span{
    font-size:.16rem;
    color:var(--color2);
    margin-bottom:.05rem;
    display:inline-block
}
 .page_product_show .product_show_head .text_box h1{
    font-size:.24rem;
    color:var(--color);
    line-height:1.1
}
 .page_product_show .product_show_head .text_box .size{
    font-size:.16rem;
    line-height:1.5;
    border:.01rem solid #999;
    display:inline-block;
    border-radius:100vh;
    padding:.06rem .27rem;
    margin:.24rem 0
}
 .page_product_show .product_show_head .text_box .appliance img{
    margin-right:.2rem;
    filter:brightness(0);
    max-width:.52rem
}
 .page_product_show .product_show_head .text_box .appliance img.active{
    filter:unset
}
 .page_product_show .product_show_advantage{
    margin-top:1.3rem;
    /* padding:.45rem .55rem; */
    padding-bottom:.4rem
}
 .page_product_show .product_show_advantage h3{
    font-size:.24rem;
    line-height:1.5;
    font-family:RobotoMedium;
    margin-bottom:.1rem
}
 .page_product_show .product_show_advantage .advantage_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    flex-direction: column;
}
 .page_product_show .product_show_advantage .advantage_box p{
    font-size:.16rem;
    display:inline-block;
    margin-bottom:.1rem
}
 .page_product_show .product_show_advantage .advantage_box p img{
    margin-top:-.03rem;
    margin-right:.1rem;
    max-width:.12rem
}
 .page_product_show .pro_show_standard{
    /* padding:0 .55rem; */
}
 .page_product_show .pro_show_standard h3{
    font-size:.22rem;
    line-height:1.5;
    font-family:RobotoMedium;
    margin-bottom:.1rem
}
 .page_product_show .pro_show_standard .standard_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .page_product_show .pro_show_standard .standard_box .item{
    width:48%;
    display:flex;
    align-items:center;
    padding-bottom:.15rem;
    margin-bottom:.15rem;
    border-bottom:.01rem solid #b3b3b3;
    min-height: .64rem;
}
 .page_product_show .pro_show_standard .standard_box .item i{
    display:inline-block;
    width:.2rem;
    height:.2rem
}
 .page_product_show .pro_show_standard .standard_box .item i::before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_34.png);
    width:.12rem;
    height:.12rem;
    margin-top:.05rem;
    text-align:center;
    background-size:contain
}
 .page_product_show .pro_show_standard .standard_box .item p{
    width:90%;
    font-size:.16rem;
    font-family:RobotoMedium;
}
 .page_product_show .pro_show_standard .standard_box .item p span{
    font-family:RobotoRegular;
    font-size:.14rem;
}
 .page_product_show .pro_show_standard .standard_box .item img{
    filter:brightness(0);
    cursor:pointer;
    max-width:.2rem
}
 .page_product_show .pro_show_standard .standard_box .item .item_text{
    display:none
}
 .page_product_show .product_show_content{
    margin-top: 1.8rem;
}
 .page_product_show .product_show_content .show_content_head{
    display:flex
}
 .page_product_show .product_show_content .show_content_head p{
    font-size:.2rem;
    color:#999;
    border:.01rem solid #d1d1d1;
    padding:.12rem .97rem;
    cursor:pointer;
    transition:all .3s linear
}
 .page_product_show .product_show_content .show_content_head p:first-child{
    border-top-left-radius:.08rem
}
 .page_product_show .product_show_content .show_content_head p:last-child{
    border-top-right-radius:.08rem
}
 .page_product_show .product_show_content .show_content_head p.active,.page_product_show .product_show_content .show_content_head p:hover{
    color:#000
}
 .page_product_show .product_show_content .content_item .section{
    display:none
}
 .page_product_show .product_show_content .content_item .section ol li,.show_news .show_news_box .show_news_content_main ol li{
     list-style-type:decimal;
    margin-left:.2rem
 }
 .page_product_show .product_show_content .content_item .section ul li,.show_news .show_news_box .show_news_content_main ul li{
     list-style:inside
 }



.page_product_show .product_show_content .content_item .section table[border="1"]{
    border-color:#ddd;
}
.page_product_show .product_show_content .content_item .section table[border="1"] td{color:#000;width:50%;padding:20px 0;padding-left: 70px;}

.page_product_show .product_show_content .content_item .section .pro_show_table_box div{box-shadow:unset !important;border-radius:0 !important}
 .page_product_show .product_show_content .content_item .section.open{
    display:block
}
 .page_product_show .product_show_content .content_item .downloads_box{
    padding:.5rem 0
}
 .page_product_show .product_show_content .content_item .downloads_box .list a{
    display:flex;
    align-items:center;
    border-bottom:.01rem solid #eee;
    justify-content:space-between;
    padding:.2rem
}
 .page_product_show .product_show_content .content_item .downloads_box .list .icon{
    width:.55rem;
    height:.55rem;
    border:.01rem solid #c5c5c5;
    text-align:center;
    line-height:.55rem;
    border-radius:.04rem
}
 .page_product_show .product_show_content .content_item .downloads_box .list .icon img{
    max-width:.35rem;
    margin-top:-.06rem
}
 .page_product_show .product_show_content .content_item .downloads_box .list p{
    font-size:.16rem;
    width:85%
}
 .page_product_show .product_show_content .content_item .downloads_box .list .icon1{
    border:.01rem solid #ccc;
    padding:.05rem .2rem;
    font-size:.16rem;
    color:var(--color);
    transition:all .3s linear
}
 .page_product_show .product_show_content .content_item .downloads_box .list:hover .icon1{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
 .page_product_show .product_show_content .content_item .qa_box{
    padding:.5rem;
    border:.01rem solid #ccc;
    border-radius:.08rem;
    border-top-left-radius:0
}
.page_product_show .page_recommend_pro{
    padding-top: .6rem;
    border-top: .01rem solid #fbfbfb;
}
.page_product_show .page_recommend_pro .page_content_block{
    font-size: .36rem;
    margin-bottom: .3rem;
}
.page_product_show .page_recommend_pro .page_recommend_pro_box{}
.page_product_show .page_recommend_pro .swiper-container{
    padding-bottom: .85rem;
}
.page_product_show .page_recommend_pro .swiper-pagination{
    bottom: 0;
}
.page_product_show .page_recommend_pro .swiper-pagination-bullet{
     width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
.page_product_show .page_recommend_pro .swiper-pagination-bullet-active{width:.74rem;
    background:var(--color)}
.page_product_show .page_recommend_pro .item{
    /* width:23.35%; */
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    overflow:hidden
}
 .page_product_show .page_recommend_pro .item .img_box{
    overflow:hidden;
    background:#f0f1f1
}
 .page_product_show .page_recommend_pro .item .text_box{
    padding:.1rem 0
}
 .page_product_show .page_recommend_pro .item .text_box i{
    font-style:normal;
    color:#2673ff
}
 .page_product_show .page_recommend_pro .item .text_box p{
    font-size:.2rem;
    font-family:RobotoMedium;
    color:var(--color);
    line-height:.24rem;
    margin:.05rem 0;
    min-height: .48rem;
}
 .page_product_show .page_recommend_pro .item .text_box span{
    font-size:.16rem
}
 .page_industry .page_industry_head .tips_box{
    border-bottom:.01rem solid #dbdbdb
}
 .page_industry .page_industry_head .tips_box .auto-container{
    display:flex;
    justify-content:space-between
}
 .page_industry .page_industry_head .tips_box a{
    text-align:center;
    font-size:.16rem;
    line-height:1.1;
    padding:.17rem .25rem;
    color:#666;
    border-right:.01rem solid #dbdbdb;
    width: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .page_industry .page_industry_head .tips_box a:first-child{
    border-left:.01rem solid #dbdbdb
}
 .page_industry .page_industry_head .tips_box a.active,.page_industry .page_industry_head .tips_box a:hover{
    background:#e2efff;
    color:#000
}
 .page_industry .page_industry_head .remark{
    margin-top:.5rem;
    overflow:hidden;
    font-size:.18rem
}
 .page_industry .page_industry_video{
    position: relative;
    padding-top: .6rem;
}
 .page_industry .page_industry_video .img_box{
    overflow: hidden;
    border-radius: .08rem;
}
 .page_industry .page_industry_video .img_box img{
     width: 100%;
    object-fit: cover;
    max-height: 7.2rem;
 }
 .page_industry .page_industry_video .play_btn{}

 .page_industry .page_industry_video .play_btn {
    position: absolute;
    /* bottom: 0; */
    left: 45%;
    /* right: 0; */
    top: 38%;
    margin: auto;
    text-align: center;
    /* display: flex; */
    /* align-content: center; */
    /* justify-content: center; */
}

 .page_industry .page_industry_video .play_btn .cril .triangle {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 1.5rem;
    position: relative;
    z-index: 2
}

 .page_industry .page_industry_video .play_btn .cril .triangle img {
    vertical-align: middle;
    max-width: .88rem
}

 .page_industry .page_industry_video .play_btn .cril {
    position: relative;
    cursor: pointer;
    width: 1.8rem
}

 .page_industry .page_industry_video .play_btn .cril .dots {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.8rem;
    height: 1.8rem;
    border: .04rem solid #ffffff;
    border-radius: 50%;
    transform-origin: center center;
    opacity: 0;
    margin: auto
}

 .page_industry .page_industry_video .play_btn .cril .dot {
    animation: Spread1 4s ease-out 1s infinite
}

 .page_industry .page_industry_video .play_btn .cril .dot-two {
    animation: Spreadtwo 4s ease-out 2s infinite
}

 .page_industry .page_industry_video .play_btn .cril .dot-three {
    animation: Spreadthree 4s ease-out 3s infinite
}

 .page_industry .page_industry_video .play_btn .cril .dot-four {
    animation: Spreadfour 4s ease-out 4s infinite
}

@keyframes Spread1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1
    }

    100%,80% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1)
    }
}

@keyframes Spreadtwo {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1
    }

    100%,80% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1)
    }
}

@keyframes Spreadthree {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1
    }

    100%,80% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1)
    }
}

@keyframes Spreadfour {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20% {
        opacity: 1
    }

    100%,80% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1)
    }
}




 .page_industry .page_industry_item .item{
    padding:.9rem 0
}
 .page_industry .page_industry_item .item .auto-container{
    display:flex;
    justify-content:space-between
}
 .page_industry .page_industry_item .item:nth-child(even){
    background:#f4f9ff
}
 .page_industry .page_industry_item .item:nth-child(even) .auto-container{
    flex-direction:row-reverse
}
 .page_industry .page_industry_item .item .img_box{
    width:35.35%;
    overflow:hidden
}
 .page_industry .page_industry_item .item a{
    color:var(--color)
}
 .page_industry .page_industry_item .item .img_box img{
    max-width:4.9rem
}
 .page_industry .page_industry_item .item .text_box{
    width:57.5%
}
 .page_industry .page_industry_item .item .text_box h3{
    font-size:.36rem;
    line-height:1.1;
    margin-bottom:.15rem
}
 .page_industry .page_industry_item .item .text_box>p{
    font-size:.16rem;
    color:#666
}
 .page_industry .page_industry_item .item .text_box>p span{
    color:#333;
    display:inline-block;
    border-radius:100vh;
    border:.01rem solid #999;
    padding:.05rem .2rem
}
 .page_industry .page_industry_item .item .text_box .remark{
    margin-top:.15rem;
    font-size:.24rem;
    line-height:1.5;
    color:var(--color1);
    margin-bottom:.2rem
}
 .page_industry .page_industry_item .item .text_box .attribute{
    max-width: 65%;
}
 .page_industry .page_industry_item .item .text_box .attribute p{
    font-size:.16rem;
    color:var(--color);
    margin-bottom:.05rem
}
 .page_industry .page_industry_item .item .text_box .attribute p i{
    font-style:unset;
    display:inline-block;
    position:relative;
    width:.2rem;
    height:.2rem
}
 .page_industry .page_industry_item .item .text_box .attribute p i:before{
    content:'';
    display:block;
    width:.06rem;
    height:.06rem;
    background:var(--color);
    border-radius:100vh;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:.06rem;
    bottom:0
}
 .page_industry .page_industry_item .item .text_box .attribute p span{
    font-size:.2rem;
    font-family:RobotoMedium;
    line-height:1.3;
    color:var(--color)
}
 .page_industry .page_industry_item .item .text_box .more_btn{
    margin-top:.55rem
}
 .page_industry .page_industry_item .item .text_box .more_btn .btn_effect4{
    height:auto
}
 .page_industry .page_industry_item .item .text_box .more_btn .btn_effect4 .btn_small_list{
    text-transform:none;
    border-color:var(--color);
    background:var(--color);
    color:#fff;
    border-radius:100vh;
    padding:.11rem .45rem
}
 .page_industry .page_industry_item .item .text_box .more_btn .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.18rem
}
 .page_industry .page_industry_item .item .text_box .more_btn .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .page_about .page_about_section{
    padding:.7rem 0
}
 .page_about .page_about_section_box{
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    align-items:center
}

 .page_about .page_about_section_box .left{
    max-width: 55%;
    width: 55%;
    margin-left: 3%;
    text-align:center;
    color:#fff;
    overflow:hidden;
    position:relative;
    z-index:1;
    border-radius: .08rem;
}
 .page_about .page_about_section_box .left img:first-child{
    height: 100%;
    object-fit: cover;
}
 .page_about .page_about_section_box .left img:last-child{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
    animation:rotate360 3s linear infinite;
    max-width:.7rem
}
 .page_about .page_about_section_box .right{
    width: 42%;
    color:#fff
}
 .page_about .page_about_section_box .right h1{
    font-size:.36rem;
    font-family:RobotoMedium;
    margin-bottom:.2rem
}
 .page_about .page_about_section_box .right .remark{
    font-size:.18rem;
    white-space:pre-line;
    line-height:1.5
}
 .page_about .page_about_section_box .right .btn_effect4{
    height:auto;
    margin-top:.5rem;
    cursor:pointer
}
 .page_about .page_about_section_box .right .btn_effect4 .btn_small_wrap .btn_small_list{
    padding:.11rem .45rem;
 
    border-radius:100vh;
    background:0 0;
    color:#fff
}
 .page_about .page_about_section_box .right .btn_effect4 .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.18rem;
    font-family:RobotoMedium
}
 .page_about .page_about_section_box .right .btn_effect4 .btn_small_wrap .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .page_about .page_about_section_box .right .content1{
    display:none
}
 .page_about .page_about_section_line{
    display:flex;
    margin-top:.5rem;
    justify-content:space-between
}
 .page_about .page_about_section_line .item{
    text-align:center;
    font-size:.2rem;
    color:#fff;
    position:relative
}
 .page_about .page_about_section_line .item:before{
    content:'';
    display:block;
    background:url(/res/magic/images/jr_19.png);
    width:1.14rem;
    height:.52rem;
    position:absolute;
    top:40%;
    right:-1.55rem;
    background-size:contain
}
 .page_about .page_about_section_line .item:last-child:before{
    display:none
}
 .page_about .page_about_section_line .item .img img{
    max-width:1.22rem
}
 .page_about .page_about_section2{
    padding:1.3rem 0
}
 .page_about .page_about_section2_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.6rem
}
 .page_about .page_about_section2_head .left{
    font-size:.36rem;
    max-width:4rem;
    line-height:normal;
    position:relative;
    padding-bottom:.2rem
}
 .page_about .page_about_section2_head .left:before{
    content:'';
    display:block;
    width:50%;
    height:.04rem;
    background:var(--color2);
    position:absolute;
    bottom:.05rem
}
 .page_about .page_about_section2_head .left span{
    font-family:RobotoMedium
}
 .page_about .page_about_section2_head .right{
    max-width: 8.5rem;
    font-size:.18rem;
    line-height:1.5
}
 .page_about .page_about_section2_box .swiper-slide .item{
    cursor:pointer
}
 .page_about .page_about_section2_box .swiper-slide .item .img{
    border-top-left-radius:.05rem;
    border-top-right-radius:.05rem;
    overflow:hidden
}
 .page_about .page_about_section2_box .swiper-slide .item .txt{
    padding:.15rem 0;
    padding-bottom:0
}
 .page_about .page_about_section2_box .swiper-slide .item .txt p{
    font-size:.2rem;
    font-family:RobotoMedium;
    margin-bottom:.1rem;
    line-height:normal
}
 .page_about .page_about_section2_box .swiper-slide .item .txt span{
    display:block;
    width:100%;
    font-size:.16rem;
    margin-bottom:.05rem
}
 .page_about .page_about_section2_box .swiper-slide .item .txt i{
    font-style:unset;
    font-size:.16rem;
    color:var(--color1);
    text-transform:capitalize
}
 .page_about .page_about_section2_box .swiper-slide .content1{
    display:none
}
 .page_about .page_about_section3{
    padding: 1.5rem 0;
    padding-top: 1.05rem;
}
 .page_about .page_about_section3_box .swiper-slide{
    height:auto;
    margin-top: .45rem !important;
}
 .page_about .page_about_section3_box .swiper-slide .item{
    background:#fff;
    border:.02rem solid #4a5a6d;
    border-radius:.33rem;
    padding:.2rem;
    height:100%;
    min-height: 2.8rem;
}
 .page_about .page_about_section3_box .swiper-slide .item p{
    font-size:.18rem;
    font-family:RobotoBold;
    color:var(--color);
    margin-bottom:.1rem;
    text-transform: capitalize;
}
 .page_about .page_about_section3_box .swiper-slide .item span{
    font-size:.16rem;
    font-family:RobotoMedium;
    -webkit-line-clamp:99;
    color: #666666;
    line-height: 1.5;
}
 .page_about .page_about_section4{
    padding:1.3rem 0
}
 .page_about .page_about_section4>p,.page_about .page_about_section6 .page_about_section6_head p, .page_about .page_about_section5 .auto-container > p{
    font-size:.36rem;
    color:var(--color);
    font-family:RobotoMedium;
    line-height:normal;
    text-transform: capitalize;
}
 .page_about .page_about_section4_box{
    margin-top:.4rem
}
 .page_about .page_about_section4_box .swiper-slide .item{
    overflow:hidden;
    cursor:pointer
}
 .page_about .page_about_section5{
    background:#f4f9ff;
    padding:.9rem 0
}
 .page_about .page_about_section5 .auto-container{
    /* padding: 0 15px; */
    position: relative;
}
 .page_about .page_about_section5 .auto-container > p{
    text-align: center;
}
 .page_about .page_about_section5_box{
    position: relative;
    margin-top: .35rem;
}
 .page_about .about_section5_swiper{max-width: 80%;padding-bottom: .9rem;padding-top: .5rem;}
 .page_about .about_section5_swiper .swiper-slide {transition: all .5s linear;}
.page_about .about_section5_swiper .swiper-slide-active{
    transform: scale(1.2);
}
 .page_about .about_section5_swiper .swiper-slide .item{
     background: #ffffff;
     min-height: 3rem;
     border: .01rem solid var(--color);
     border-radius: .08rem;
     padding: .35rem;
     text-align: center;
     /* margin: 0 45px; */
 }
 .page_about .about_section5_swiper .swiper-slide .item .img_box{
    margin-bottom: .2rem;
    height: 1rem;
    line-height: 1rem;
}
 .page_about .about_section5_swiper .swiper-slide .item .img_box img{
    max-height: 1rem;
}
 .page_about .about_section5_swiper .swiper-slide .item .remark{
    font-size: .16rem;
    line-height: 1.3;
    -webkit-line-clamp: 7;
    min-height: 1.5rem;
}
 .page_about .page_about_section5_box .swiper-button-next,.page_about .page_about_section5_box .swiper-button-prev{
    width:.6rem;
    top: 35%;
    height:.6rem;
    background: rgb(205 205 205);
    border-radius:100vh;
    opacity:1;
    transition:all .3s linear
}
 .page_about .page_about_section5_box .swiper-button-next:before,.page_about .page_about_section5_box .swiper-button-prev:before{
    border-color:#fff;
    border-width:.02rem
}
 .page_about .page_about_section5_box .swiper-button-prev{
    left: 0;
}
 .page_about .page_about_section5_box .swiper-button-next{
    right: 0;
}
 .page_about .page_about_section5_box .swiper-button-next:hover,.page_about .page_about_section5_box .swiper-button-prev:hover{
    background: var(--color);
}
 .page_about .page_about_section5_box .swiper-button-next:hover:before,.page_about .page_about_section5_box .swiper-button-prev:hover:before{
    border-color:#fff
}

 .page_about .about_section5_swiper .swiper-pagination{
    bottom:0
}
 .page_about .about_section5_swiper .swiper-pagination .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .page_about .about_section5_swiper .swiper-pagination .swiper-pagination-bullet-active{
    width:.74rem;
    background:var(--color)
}



 .page_about .page_about_section6{
    background: #f8f8f8;
    padding: 1.3rem 0;
}
 .page_about .page_about_section6 .page_about_section6_head{
    display: flex;
    justify-content: space-between;
}
 .page_about .page_about_section6 .page_about_section6_head p{}
 .page_about .page_about_section6 .page_about_section6_head .more_btn{}

 .page_about .page_about_section6 .page_about_section6_head .more_btn{
    display:flex;
    align-items:center
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn .btn_effect4{
    height:auto;
    margin-right:.8rem
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn .btn_effect4 .btn_small_list{
    background:#e4002b;
    border-color:#e4002b;
    border-radius:.02rem;
    color:#fff
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.2rem;
    font-family:RobotoMedium
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn .btn_effect4 .btn_small_list.hover{
    background:#fff;
    border-color:#fff;
    color:#e4002b
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn a:last-child{
    font-size:.2rem;
    text-transform:uppercase;
    /* color:#fff; */
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn a:last-child i{
    font-style:normal;
    margin-left:.2rem;
    font-family:monospace;
    font-weight:700;
    width:.18rem;
    height:.18rem;
    background:#e4002b;
    font-size:.14rem;
    display:inline-block;
    line-height:.18rem;
    text-align:center;
    transition:all .3s linear;
    color: #ffffff;
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn a:last-child:hover{
    color:#e4002b
}
 .page_about .page_about_section6 .page_about_section6_head .more_btn a:last-child:hover i{
    color:#e4002b;
    background:#fff
}
 .page_about .page_about_section6 .item_box{
    margin-top: .55rem;
    display: flex;
    justify-content: space-between;
}
 .page_about .page_about_section6 .item_box .item{
    background: #ffffff;
    width: 15%;
    min-height: 150px;
    padding: 15px 20px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1);
}
 .page_about .page_about_section6 .item_box .item .item_top{
    display: flex;
    justify-content: space-between;
}
 .page_about .page_about_section6 .item_box .item .item_top i{
    font-size: 40px;
    font-family: 'RobotoBold';
    color: #cdcdcd;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    font-style: unset;
}
 .page_about .page_about_section6 .item_box .item .item_top img{
    max-width: 40px;
}
 .page_about .page_about_section6 .item_box .item > p{
    font-size: .2rem;
    font-family: 'RobotoBold';
    line-height: 1.1;
    margin: .15rem 0;
    min-height: .44rem;
}
 .page_about .page_about_section6 .item_box .item .remark{
    color: #575757;
    line-height: 20px;
    margin-top: 5px;
    /* margin-bottom: 0; */
}






 .page_contact .page_contact_head{
    padding:1.3rem 0
}
 .page_contact .page_contact_head_box_top{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .page_contact .page_contact_head_box_top h2,.page_contact .page_contact_head_box_top p{
    width:38%
}
 .page_contact .page_contact_head_box_top h2{
    font-size:.36rem;
    font-family: 'RobotoMedium';
}
 .page_contact .page_contact_head_box_top p{
    font-size:.18rem;
    line-height:normal
}
 .page_contact .page_contact_head_box{
    margin-top:1rem;
    display:flex;
    gap:.3rem;
    justify-content:space-between
}
 .page_contact .page_contact_head_box .item{
    width:33%;
    text-align:center;
    padding:.4rem .3rem;
    border-radius:.04rem;
    border:.01rem solid #e3e3e3;
    transition:all .3s linear
}
 .page_contact .page_contact_head_box .item:hover{
    box-shadow:0 .04rem .038rem rgba(0,0,0,.1)
}
 .page_contact .page_contact_head_box .item .img_box{
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .item .img_box img{
    max-width:.68rem
}
 .page_contact .page_contact_head_box .item .txt_box p{
    font-size:.2rem;
    color:var(--color);
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .item .txt_box span{
    font-size:.18rem;
    line-height:.26rem;
    color:#666
}
 .page_contact .page_contact_quotation>p{
    font-size:.36rem;
    font-family:RobotoMedium;
    letter-spacing:.11em;
    text-transform:uppercase;
    line-height:normal;
    padding-bottom:.15rem;
    border-bottom:.01rem solid #ddd
}
 .page_contact .page_contact_quotation form{
    margin-top:.4rem
}
 .page_contact .page_contact_quotation .input{
    display:flex;
    gap:.45rem .6rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_quotation .input>div{
    width:47.85%
}
 .page_contact .page_contact_quotation .input>div p,.page_contact .page_contact_quotation .textarea_box p,.page_contact .page_contact_quotation .upload-box p{
    font-size:.2rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_contact .page_contact_quotation .input>div p span{
    color:red
}
 .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
    width:100%;
    padding:.15rem .3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem;
    font-size:.16rem;
    color:#999
}
 .page_contact .page_contact_quotation .input>div select{
    border:0;
    position:relative;
    z-index:2;
    cursor:pointer
}
 .page_contact .page_contact_quotation .input .select_box{
    position:relative;
    background:#f4f4f4;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem
}
 .page_contact .page_contact_quotation .input .select_box::before{
    content:'';
    position:absolute;
    top:40%;
    bottom:0;
    right:.15rem;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #000;
    border-bottom:.02rem solid #000;
    transform:rotate(45deg);
    z-index:1
}
 .page_contact .page_contact_quotation .upload-box{
    margin-top:.5rem
}
 .page_contact .page_contact_quotation .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:var(--color);
    font-size:.16rem;
    overflow:hidden
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:.2rem;
    background:#f6f6f6;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.5rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem;
    max-width:45%
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    filter:brightness(0) invert(.5)
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2
}
 .page_contact .page_contact_quotation .textarea_box{
    margin-top:.2rem
}
 .page_contact .page_contact_quotation .textarea_box textarea{
    height:2rem
}
 .page_contact .page_contact_quotation .submit{
    margin-top:.3rem
}
 .page_contact .page_contact_quotation .submit .btn_effect4{
    width:100%;
    height:auto;
    border-radius:.04rem
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
    
    color:#333;
    border:.01rem solid #d7d7d7
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.2rem
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list.hover{
    background:var(--color);
    border-color:var(--color);
    color:#fff
}
 .page_contact .page_contact_box{
    margin-top:1.05rem;
    display:flex;
    padding-bottom:.7rem;
    gap:.35rem
}
 .page_contact .page_contact_box .item{
    background:#f4f9ff;
    border-radius:.08rem;
    padding:.83rem .6rem;
    width:32%
}
 .page_contact .page_contact_box .item h2{
    font-size:.22rem;
    color:var(--color);
    position:relative;
    margin-bottom:.25rem;
    text-transform: capitalize;
}
 .page_contact .page_contact_box .item h2:before{
    content:'';
    display:block;
    width:50%;
    height:.01rem;
    background:rgb(17 62 119 / 50%);
    position:absolute;
    top:50%;
    left:50%
}
 .page_contact .page_contact_box .item1 h2:before{
    width:70%;
    left:30%
}
 .page_contact .page_contact_box .item1 p{
    font-size:.18rem;
    color:#666;
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .item1 p span{
    color:var(--color);
    display:block
}
 .page_contact .page_contact_box .item1 a{
    display:block;
    font-size:.16rem;
    color:var(--color)
}
 .page_contact .page_contact_box .item1 a img{
    max-width:.3rem;
    margin-right:.2rem
}
 .page_contact .page_contact_box .item2 h2:before{
    width:35%;
    left:65%
}
 .page_contact .page_contact_box .item2 .item_box a{
    display:block;
    font-size:.18rem;
    color:#666;
    margin-bottom:.15rem
}
 .page_contact .page_contact_box .item2 .item_box a img{
    margin-right:.2rem;
    max-width:.3rem
}
 .page_contact .page_contact_box .item2 .item_box a:hover{
    color:var(--color)
}
 .page_contact .page_contact_box .item3 h2:before{
    width:40%;
    left:60%
}
 .page_contact .page_contact_box .item3 .item_box a{
    display:inline-block;
    width:.45rem;
    height:.45rem;
    border-radius:100vh;
    border:.01rem solid var(--color);
    line-height:.45rem;
    text-align:center;
    margin-right:.05rem
}
 .page_contact .page_contact_box .item3 .item_box a img{
    filter:brightness(.5);
    margin-top:-.05rem;
    transition:all .3s linear;
    max-width:.2rem
}
 .page_contact .page_contact_box .item3 .item_box a:hover{
    background:var(--color)
}
 .page_contact .page_contact_box .item3 .item_box a:hover img{
    filter:brightness(0) invert(1)
}
 .page_contact .page_contact_bottom{
    text-align:center;
    position:relative
}
 .page_contact .page_contact_bottom img{
    max-width:.8rem
}
 .page_contact .page_contact_bottom:after,.page_contact .page_contact_bottom:before{
    content:'';
    display:block;
    width:45%;
    height:.01rem;
    background:#8f8f8f;
    position:absolute;
    top:50%
}
 .page_contact .page_contact_bottom:before{
    left:0
}
 .page_contact .page_contact_bottom:after{
    right:0
}
 .page_news .page_news_box{
    padding-top:1.3rem
}
 .page_news .page_news_box .page_head_block{
    text-align:center
}
 .page_news .page_news_box .page_head_block p{
    font-size:.36rem;
    font-family:RobotoMedium;
    text-transform:capitalize;
    text-align:center;
    line-height:normal;
    margin-bottom:.15rem
}
 .page_news .page_news_box .page_head_block span{
    font-size:.18rem;
    line-height:normal
}
 .page_news .page_news_box .page_news_list_box{
    display:flex;
    gap:.3rem .2rem;
    flex-wrap:wrap;
    margin-top:.5rem;
    margin-bottom:1rem
}
 .page_news .page_news_box .page_news_list_box .item{
    width:23.9%;
    border-radius:.05rem;
    overflow:hidden
}
 .page_news .page_news_box .page_news_list_box .item .img_box{
    overflow:hidden
}
 .page_news .page_news_box .page_news_list_box .item .text_box{
    padding:.2rem;
    background:#f4f9ff
}
 .page_news .page_news_box .page_news_list_box .item .text_box .other{
    display:flex;
    align-items:center;
    margin-bottom:.1rem
}
 .page_news .page_news_box .page_news_list_box .item .text_box .other p{
    font-size:.16rem;
    margin-right:.1rem
}
 .page_news .page_news_box .page_news_list_box .item .text_box .other p img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.05rem
}
 .page_news .page_news_box .page_news_list_box .item .text_box .title{
    font-size:.18rem;
    font-family:RobotoMedium;
    line-height:.24rem;
    margin-bottom:.1rem
}
 .page_news .page_news_box .page_news_list_box .item .text_box>p{
    font-size:.16rem;
    line-height:normal
}
 .page_news .page_news_box .more_btn{
    text-align:center
}
 .page_news .page_news_box .more_btn .btn_effect4{
    cursor:pointer;
    height:auto
}
 .page_news .page_news_box .btn_effect4 .btn_small_list{
    padding:.07rem .64rem;
    text-transform:capitalize;
    border-color:var(--color)
}
 .page_news .page_news_box .btn_effect4 .btn_small_list.hover{
    background:var(--color);
    color:#fff
}
 .show_news .show_news_box{
    padding-top:1.3rem;
    padding-bottom:.35rem
}
 .show_news .show_news_box .show_news_content_head{
    text-align:center;
    margin-bottom:.4rem
}
 .show_news .show_news_box .show_news_content_head h1{
    font-size:.4rem;
    margin-bottom:.2rem
}
 .show_news .show_news_box .show_news_content_head .other{
    display:flex;
    justify-content:center
}
 .show_news .show_news_box .show_news_content_head .other p{
    font-size:.16rem
}
 .show_news .show_news_box .show_news_content_head .other p:last-child{
    margin-left:.2rem
}
 .show_news .show_news_box .show_news_content_head .other p img{
    max-width:.24rem;
    margin-top:-.05rem;
    margin-right:.1rem
}
 .show_news .show_news_box .show_news_content_main{
    border-bottom:.01rem solid #d0d0d0;
    padding-bottom:.4rem;
    margin-bottom:.4rem
}
 .show_news .show_news_box .show_news_share_box{
    display:flex;
    align-items:center;
    margin-bottom:.3rem
}
 .show_news .show_news_box .show_news_share_box p{
    margin-right:.2rem;
    font-size:.2rem
}
 .show_news .show_news_box .show_pagination_box .item.next a,.show_news .show_news_box .show_pagination_box .item.prev a{
    font-size:.18rem;
    display:block;
    margin-bottom:.15rem;
    color:#666
}
 .show_news .show_news_box .show_pagination_box .item.next a span,.show_news .show_news_box .show_pagination_box .item.prev a span{
    display:inline-block
}
 .show_news .show_news_box .show_pagination_box .item.next a img,.show_news .show_news_box .show_pagination_box .item.prev a img{
    vertical-align:middle;
    margin-top:-.04rem;
    margin-right:.2rem;
    filter:contrast(0);
    transition:all .3s linear;
    max-width:.21rem
}
 .show_news .show_news_box .show_pagination_box .item.prev a img{
    transform:rotate(-180deg)
}
 .show_news .show_news_box .show_pagination_box .item.next a:hover,.show_news .show_news_box .show_pagination_box .item.prev a:hover{
    color:var(--color)
}
 .show_news .show_news_box .show_pagination_box .item.next a:hover img,.show_news .show_news_box .show_pagination_box .item.prev a:hover img{
    filter:unset
}
 .show_news .show_news_relation{
    margin-top:1.3rem
}
 .show_news .show_news_relation>p{
    font-size:.4rem;
    margin-bottom:.4rem
}
 .show_news .relation_box{
    position:relative
}
 .show_news .relation_box .swiper-wrapper{
    padding-bottom:.5rem
}
 .show_news .relation_box .swiper-slide .item{
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    overflow:hidden
}
 .show_news .relation_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .show_news .relation_box .swiper-slide .item .text_box{
    padding:.2rem 0
}
 .show_news .relation_box .swiper-slide .item .text_box p{
    font-size:.2rem;
    font-family:RobotoMedium;
    color:var(--color);
    margin-bottom:.15rem
}
 .show_news .relation_box .swiper-slide .item .text_box span{
    font-size:.16rem;
    line-height:normal;
    margin-bottom:.15rem
}
 .show_news .relation_box .swiper-slide .item .text_box i{
    font-style:unset;
    font-size:.16rem;
    color:var(--color)
}
 .show_news .relation_box .swiper-slide .item .text_box i img{
    max-width:.16rem;
    margin-left:.1rem
}
 .show_news .relation_box .swiper-pagination{
    bottom:0
}
 .show_news .relation_box .swiper-pagination .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .show_news .relation_box .swiper-pagination .swiper-pagination-bullet-active{
    width:.74rem;
    background:var(--color)
}
 .show_news .relation_box .swiper-button-next,.show_news .relation_box .swiper-button-prev{
    left:unset;
    right:0;
    bottom:0;
    top:unset;
    background:unset
}
 .show_news .relation_box .swiper-button-prev{
    right:.5rem
}
 .show_news .relation_box .swiper-button-next::before,.show_news .relation_box .swiper-button-prev::before{
    top:27%
}
 .pro_sidebar{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    height: 100%;
    transition: all .3s linear;
}
 .pro_sidebar::before{
    content:'';
    display:block;
    width: 100vw;
    height:100%;
    background:rgb(0 0 0 / 40%);
    opacity: 0;
    visibility: hidden;
    transition:all .3s linear;
    position: absolute;
    left: 0;
    top: 0;
}
 .pro_sidebar.open{
    width:100%;
    height:100vh
}
 .pro_sidebar.open::before{
    opacity:1;
    visibility: visible;
}
 .pro_sidebar .pro_sidebar_btn{
    font-size:.16rem;
    font-family:RobotoMedium;
    color:#fff;
    background:var(--color);
    width:max-content;
    padding:.1rem .2rem;
    position:fixed;
    bottom: .3rem;
    left:.2rem;
    border-radius:.04rem;
    cursor:pointer;
    animation:pulse 5s infinite;
    z-index:2
}
 @keyframes pulse{
    0%{
        box-shadow:var(--color) 0 0 0 0
    }
     50%{
        box-shadow:#f4f9ff 0 0 0 .2rem
    }
}
 .pro_sidebar .pro_sidebar_box{
    position:absolute;
    top:0;
    left:-5rem;
    z-index:999;
    min-height:100%;
    display:flex;
    flex-direction:column;
    background-image:linear-gradient(320deg,var(--color1),var(--color));
    min-width:4.5rem;
    transition: all .3s linear;
}
.pro_sidebar.open .pro_sidebar_box{
    left:0
}
 .pro_sidebar .pro_sidebar_head{
    color:#fff;
    display:flex;
    justify-content:space-between;
    padding:.1rem .2rem;
    align-items:center;
    border-bottom:.01rem solid rgb(255 255 255 / 30%)
}
 .pro_sidebar .pro_sidebar_head>p{
    font-size:.3rem;
    font-family:RobotoMedium;
    text-transform:uppercase
}
 .pro_sidebar .pro_sidebar_head .close{
    width:.25rem;
    height:.25rem;
    line-height:.25rem;
    text-align:center;
    cursor:pointer;
    opacity:1
}
 .pro_sidebar .pro_sidebar_head .close img{
    filter:brightness(0) invert(1)
}
 .pro_sidebar .pro_sidebar_list .child_box a,.pro_sidebar .pro_sidebar_list ul li>a{
    color:#fff;
    font-family:RobotoMedium;
    line-height:.45rem;
    border-bottom:.01rem solid rgb(255 255 255 / 30%);
    display:block;
    padding:0 .2rem
}
 .pro_sidebar .pro_sidebar_list ul li>a{
    font-size:.2rem
}
 .pro_sidebar .pro_sidebar_list .child_box a{
    font-size:.16rem;
    padding-left:.4rem
}
 .pro_sidebar .pro_sidebar_list .child_box a:hover,.pro_sidebar .pro_sidebar_list ul li>a:hover{
    background:rgb(255 255 255 / 20%)
}

 .page_content .inside-pagination{
    text-align:center
}
 .page_content .inside-pagination ul li a{
    color:#222;
    display:inline-block;
    width:.45rem;
    height:.45rem;
    line-height:.45rem;
    border-radius:.45rem;
    border:.01rem solid #999;
    font-size:.18rem;
    transition:all .3s linear
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
background: var(--color);
    border-color: var(--color);
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    border-color:var(--color);
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.2rem
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:brightness(0) invert(1)
}
 #alertModal .modal-dialog{
    width:12.6rem
}
 #alertModal .modal-body{
    padding:.3rem
}
 #alertModal .modal-content .modal-title{
    font-size:.4rem
}
 #alertModal .img_box{
    overflow:hidden;
    margin-bottom:.35rem;
    text-align:center
}
 #alertModal .text_box{
    font-size:.2rem;
    line-height:normal;
    white-space:pre-line
}
 #aboutModal .modal-dialog,.page_product_show #alertModal .modal-dialog{
    width: 12.6rem;
}
 #aboutModal .modal-body{
     padding: .5rem;
 }
.page_product_show #alertModal .modal-body{
    padding: .3rem;
}
 #aboutModal .modal-content .modal-title{
    font-size:.4rem
}
 #aboutModal .embed-responsive-16by9{
    display: flex;
    flex-direction: column;
}
.page_product_show #alertModal .embed-responsive-16by9{
    display:flex;
    justify-content:space-between
}
 #aboutModal .img_box{
    overflow:hidden;
    /* margin-bottom:.35rem; */
    text-align:center;
    width: 100%;
    }
.page_product_show #alertModal .img_box{
    width: 30%;
}
#aboutModal .img_box img{width: 100%;
    object-fit: cover;}
.page_product_show #alertModal .img_box img{
    
}
 #aboutModal .text_box{
    font-size:.2rem;
    line-height:normal;
    white-space:pre-line;
    width: 100%;
    padding-top: 5%;
    overflow:auto;
    height: 6.3rem;
    }
.page_product_show #alertModal .text_box{
    /* font-size:.2rem; */
    /* line-height:normal; */
    /* white-space:pre-line; */
    width: 70%;
    padding-left: 5%;
    overflow:auto;
    height: 6.3rem;
}
#aboutModal .text_box p{
    font-size: .32rem;
    line-height: 1.5;
}
 #aboutModal .text_box::-webkit-scrollbar,#alertModal .text_box::-webkit-scrollbar{
    width:.05rem;
    height:.05rem
}
 #aboutModal .text_box::-webkit-scrollbar-track,#alertModal .text_box::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:.05rem
}
 #aboutModal .text_box::-webkit-scrollbar-thumb,#alertModal .text_box::-webkit-scrollbar-thumb{
    background:var(--color);
    border-radius:.05rem
}
 #aboutModal .text_box::-webkit-scrollbar-thumb:hover,#alertModal .text_box::-webkit-scrollbar-thumb:hover{
    background:#555
}