.Box1 {
     margin-bottom: 100px;
     margin-top: 50px;
 }

 .Box1 .container-md.row {
     margin: 0 auto;

 }


 .Box1 .plist dd.b1dd {
     padding: 0;
     display: flex;
     align-items: center;
     background-color: white;
     padding: 5px 20px;
     border: 1px solid #cccccc44;
     margin-bottom: 20px;
 }

 .Box1 .plist dd.b1dd dl {
     margin: 0;
     margin-right: 15px;
 }

 .Box1 .plist dd.b1dd dl i {
     font-size: 24px;
 }

 .Box1 .plist dd.b1dd dl i.active {
     color: #0088ff;
 }

 .Box1 .cpBox .box {
     margin-bottom: 30px;
 }

 .Box1 .cpBox.row .box a:nth-child(1) {
     display: block;
     width: 100%;
     overflow: hidden;
     background-color: white;
     padding-top: 100%;
     position: relative;
 }

 .Box1 .cpBox.row .box a img {
     width: 90%;
     height: 90%;
     object-fit: contain;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: 0.3s;
 }

 .Box1 .cpBox.row .box a:hover img {
     transform: translate(-50%, -50%) scale(1.1);
 }

 .Box1 .cpBox.row .box a:nth-child(2) {
     display: block;
     width: 100%;
     text-align: center;
     /* margin-top: 10px; */
     background: #ffffff;
     padding: 10px 0;
     border: 1px solid #0000000a;
     border-top: none;
     position: relative;
 }

 .Box1 .cpBox.row .box a:nth-child(2)::before {
     position: absolute;
     content: '';
     width: 80%;
     height: 1px;
     background-color: #0000001a;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }

 .Box1 .cpBox.row .box a h6 {
     color: #666;
     font-family: 'Public Sans';
     font-size: 16px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 85%;
     margin: 0 auto;
     transition: 0.3s;
 }

 .Box1 .cpBox.row .box a:hover h6 {
     color: #0088ff;
 }

 .Box1 .cpBox.list .box a:nth-child(2) {
     display: none;
 }

 .Box1 .cpBox.row .text {
     display: none;
 }

 .Box1 .cpBox.list .text {
     display: block;
 }

 .Box1 .cpBox.list .box {
     margin: 0 auto;
     margin-bottom: 30px;
     width: 100%;
 }

 .Box1 .cpBox.list .box>a {
     display: block;
     overflow: hidden;
     background-color: white;
     padding-top: 25%;
     position: relative;
 }

 .Box1 .cpBox.list .box>a img {
     width: 85%;
     height: 85%;
     object-fit: contain;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: 0.3s;
 }

 .Box1 .cpBox.list .box>a:hover img {
     transform: translate(-50%, -50%) scale(1.1);
 }

 @media screen and (max-width:576px) {
     .Box1 .cpBox.list .box>a {
         padding-top: 200px;
     }
 }

 .Box1 .cpBox .box .cpbox-inquiry {
     display: flex;
     background-color: #C21D1D;
     color: white;
     align-items: center;
     justify-content: center;
 }

 .Box1 .cpBox .box .cpbox-inquiry i {
     width: fit-content;
     height: 40px;
     display: flex;
     /* justify-content: center; */
     margin-right: 5px;
     align-items: center;
 }


 @media screen and (max-width:991px) {
     .Box1 {
         margin-bottom: 40px;
     }

     .List-Nav {
         padding: 30px 0 20px 0;
     }

     .List-Nav h6 {
         font-size: 35px;
     }

     .Box1 .cpBox.list .text {
         width: 66.666666%;
     }

     .Box1 .cpBox.list .box .text h6 {
         font-size: 22px;
     }

     .Box1 .cpBox.list .text {
         margin-top: 0;
     }

     .Box1 .cpBox.list .box .text p {
         -webkit-line-clamp: 3;
     }

 }

 @media screen and (max-width:768px) {
     .List-Nav h6 {
         font-size: 30px;
     }

     .Box1 .cpBox.list .box .text a button {
         font-size: 14px;
     }

     .Box1 .cpBox.list .box .text h6 {
         font-size: 20px;
     }

     .Box1 .cpBox.list .box .text p {
         font-size: 14px;
     }

     .Box1 .cpBox.list .box .text p {
         -webkit-line-clamp: 2;
     }

 }

 @media screen and (max-width:576px) {
     .Box1 .cpBox.row .box a h6 {
         font-size: 14px;
     }

     .Box1 .cpBox.list .text {
         width: 100%;
     }

     .Box1 .cpBox .box .cpbox-inquiry a {
         font-size: 14px;
     }

 }
















 /* 分页样式 */

 .page .pagination-container {
     padding: 20px;
     text-align: center;
     font-family: "Microsoft YaHei", sans-serif;
 }

 .page .pagination {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 6px;
 }

 .page .page-nav li {
     width: 36px;
     height: 36px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     font-size: 14px;
     text-decoration: none;
     color: #34495e;
     background: #fff;
     border: 1px solid #ddd;
     margin: 0 2px;
     transition: 0.4s;
     position: relative;
 }

 .page .page-nav li a {
     color: #34495e;
     transition: 0.4s;
     position: absolute;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     top: 0;
     left: 0;
 }

 .page .page-nums li,
 .page .page-nums span.current,
 .page .page-nums span.break {
     width: 36px;
     height: 36px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     font-size: 14px;
     text-decoration: none;
     color: #34495e;
     background: #fff;
     border: 1px solid #ddd;
     transition: 0.4s;
 }

 .page .page-nums li a {
     color: #34495e;
 }

 .page .page-nums li:hover,
 .page .page-nav li:hover {
     background: #3498db;
     color: #fff;
     border-color: #3498db;
     cursor: pointer;
 }

 .page .page-nav li:hover a,
 .page .page-nums li:hover a {
     color: #fff;
 }

 .page .page-nums span.current {
     background: #3498db;
     color: #fff;
     border: 1px solid #3498db;
 }

 .page .page-nav.disabled a {
     opacity: 0.5;
     pointer-events: none;
     cursor: not-allowed;
 }

 .page .pagination-jump {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-left: 10px;
 }

 .page .page-input {
     width: 50px;
     height: 36px;
     padding: 0 5px;
     border: 1px solid #ddd;
     text-align: center;
 }

 .page .jump-btn {
     height: 36px;
     padding: 0 12px;
     background: #3498db;
     color: #fff;
     border: 1px solid #3498db;
     border-radius: 4px;
     cursor: pointer;
 }

 .page .prev-nav li,
 .page .next-nav li {
     display: flex;
 }

 .page .page-nums {
     display: flex;
 }

 .page .next-nav {
     display: flex;
 }

 .page .page-nums li {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 36px;
     height: 36px;
     position: relative;
 }

 .page .page-nums li.thisclass {
     background-color: #3498DB;
     color: #fff;
 }

 .page .page-nums li a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .hot {
     margin-top: 40px;
 }

 .hot h3 {
     font-family: 'Public Sans';
     margin-bottom: 40px;
 }

 .hot .img {
     position: relative;
     padding-top: 100%;
     height: 0;
     background-color: #fff;
 }

 .hot .img span {
     position: absolute;
     top: 0;
     background-image: url('../img/product/bq.png');
     background-size: 100% auto;
     background-position: bottom center;
     background-repeat: no-repeat;
     padding: 5px 6px 14px 6px;
     font-family: 'Public Sans';
     font-size: 14px;
     font-weight: 600;
     left: 10px;
     color: #fff;
     z-index: 2;
 }

 .hot .img img {
     position: absolute;
     width: 80%;
     height: 80%;
     object-fit: contain;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: 0.4s;
 }

 .hot .img:hover img {
     transform: translate(-50%, -50%) scale(1.1);
 }

 .hot .txt {
     display: block;
     width: 100%;
     text-align: center;
     background: #ffffff;
     padding: 10px 0;
     border-top: 1px solid #00000017;
     position: relative;
 }

 .hot .txt span {
     color: #666;
     font-family: 'Public Sans';
     font-size: 16px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0 auto;
     transition: 0.3s;
 }
 .hot .txt:hover span{
    color: #0088ff;
 }

 .hot  a.cpbox-inquiry {
    display: flex;
    background-color: #C21D1D;
    color: white;
    align-items: center;
    justify-content: center;
}

.hot  a.cpbox-inquiry  i {
    width: fit-content;
    height: 40px;
    display: flex;
    /* justify-content: center; */
    margin-right: 5px;
    align-items: center;
}