@charset "utf-8"; 
/* CSS Document */
/* 内页样式
*/
.container{
    overflow: hidden;
}
/* 内页栏目图片-横幅 */
.page_banner{
    width: 100%;
    /* max-height: 300px; */
    background: #eee;
    overflow: hidden;
}
.page_banner img{
    transition: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    transition-property: transform;
    transform: scaleX(1) scaleY(1);
}
.page_banner img:hover{
    transform: scale(1.1);
}
/* 顶部导航菜单默认隐藏 */
.category .category_list{
    display: none;
}

/* 面包屑 */
.breadcrumb{
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 20px 0;
    background-color: unset;
}
.breadcrumb ol{
    display: inline-block;
    /* margin-right: 10px; */
}
.breadcrumb ol a{
    color: #999;
}
.breadcrumb ol.home{
    padding-left: 40px;
}
.breadcrumb ol.home a{ margin-left: 15px;}
/* 产品列表页 */
.product_list{
    margin-top: 20px;
}
.left_cate{
    padding: 15px;
}
.left_cate .cate_box{
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
}
.left_cate h2{
    font-size: 18px;
    padding: 15px;
}
.left_cate .cate_box li{
    line-height: 200%;
    padding-left: 15px;
}
.left_cate .cate_box li a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    padding-right: 15px;
    position: relative;
    transition-property: transform;
    transition: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    margin: 5px 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
.left_cate .cate_box li a:hover{
    color: var(--main-color);
    text-decoration: none;
    transform: translateX(5px);
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    /* border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc; */
}
.left_cate .cate_box li a.news:hover{
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    transform: translateX(0px);
}
.left_cate .cate_box li a::after{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 10px;
    color: #ccc;
    right: 0px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    transform-origin: 75% 75%;
    transform: rotateZ(-45deg);
    transition: transform 0.1s ease;
    content: '';
    box-sizing: content-box;
}
.left_cate .cate_box li.cur{
    padding-left: 30px;
}
.left_cate .cate_box li.cur a::before{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 50%;
    top: 7px;
    background: var(--main-color);
    left: -13px;
    border-width: 0 1px 1px 0;
}
.left_cate .cate_box li.cur ul li a::before{
    display: none;
}
.left_cate .cate_box li.cur ul li.cur a::before{
    display: block;
}
/* 产品列表 */
.product_list{

}
.product_list .product_item{
    margin-bottom: 20px;
    border-radius: 5px;
}
.product_list .product_item:hover{
    
}
.product_list .product_item a{
    display: block;
    padding: 15px;
    text-decoration: none;
    border: 1px solid #eee;
    border-radius: 10px;
}
.product_list .product_item a:hover{
    text-decoration: none;
    box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.2);
    background: transparent;
}
.product_list .product_item a .title{
    padding-top: 10px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3.4em;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
    line-height: 1.2em; /* 或者其他适当的行高值，这取决于你的具体需求 */
    max-height: 3.4em; /* 3行的高度，基于行高计算 */
}
.product_list .product_item a .product_img{
    height: 270px;
    display: flex;
    margin-bottom: 10px;
}
.product_list .product_item a .product_img img{
    transition: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    transition-property: transform;
    transform: scaleX(1) scaleY(1);
}
.product_list .product_item a .product_img img:hover{
    transform: scale(1.1);
}
.pro_info{}
.pro_info .pro_desc{ color: #999;}
.pro_info .pro_price{
    margin: 20px 0;
}
.pro_info .pro_sku{
    display: flex;
    color: #999;
    line-height: 200%;
}
.pro_info .pro_sku p{
    margin-right: 20px;
}
.pro_info .pro_spec li{
    list-style: disc;
    margin-left: 20px;
    line-height: 200%
}
.pro_info .pro_spec .title{
    border-left: var(--main-color) 5px solid;
    padding: 5px;
    background: #f3f3f3;
    margin: 10px 0;
    padding-left: 18px;
}

/* 选项卡容器样式 */
.tab-container {
display: flex;
border-bottom: 2px solid var(--main-color);
margin-bottom: 20px;
padding-left: 30px;
}

/* 选项卡样式 */
.tab {
padding: 10px 20px;
background-color: white;
border: 1px solid #ccc;
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
display: inline-block;
margin-right: 5px;
transition: all 0.3s ease;
}

.tab.active {
border-color: var(--main-color);
color: var(--main-color);
margin-bottom: -3px;
border: 2px solid;
border-bottom: 2px solid #fff;
}

/* 选项卡内容样式 */
.tab-content {
/* display: none; */
padding: 10px;
}

.tab-content.active {
display: block;
}

/* 评论样式 */
.comment {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    margin-bottom: 15px;
    background-color: #fafafa;
}

.comment.nickname {
font-weight: bold;
margin-bottom: 5px;
}

.comment.gender {
color: #666;
margin-bottom: 5px;
}

.comment.stars {
color: #ffc107;
margin-bottom: 5px;
}

.comment.content {
margin-bottom: 5px;
}

.comment.time {
color: #999;
font-size: 12px;
}

/* 评论表单样式 */
.comment-form input,
.comment-form textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
.form_input{
    padding-right: 20px;
}
.space-x-2{
    /* justify-content: space-between; */
}

.comment-form button {
background-color: var(--main-color);
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.comment-form button:hover {
background-color: var(--main-color-dark);
}
.comment-form .form_input:nth-child(1){
    width: 45%;
}

/* 随机昵称按钮样式 */
.random-nickname-button {
margin-left: 10px;
background-color: #ccc;
color: white;
padding: 8px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.random-nickname-button:hover {
background-color: #aaa;
}

/* 星星容器样式 */
.star-container {
    display: inline-block;
}

/* 星星样式 */
.star {
    color: #ffc107;
    font-size: 24px;
    cursor: pointer;
    transition: color 0.3s ease;
}
.star:hover {
    color: #ff9800;
}

/* 灰色星星样式 */
.star.grey {
    color: #ccc;
}

.comment .comment-user-profile{
    /* width: 10%; */
}
.comment .comment-user-profile .profile{
    display: block;
    width: 50px;
    float: right;
    margin-right: 20px;
    height: 50px;
    border-radius: 50%;
    line-height: 104%;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #ccc;
    color: #f9f9f9;
    font-size: 46px;
    font-weight: bold;
    text-align: center;
}
.comment .comment-content{
    /* width: 90%; */
}
.comment .comment-content p{
    color: #666;
    line-height: 200%;
}
.comment .comment-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.comment .comment-header .comment-date{
	margin-left: 0;margin-right: 20px;
}
.comment .comment-header .comment-nickname{
    font-weight: bold;
    font-size: 16px;
}
.comment .comment-rating{
    position: relative;
    font-size: 16px;
}
.comment .comment-rating::before{
    content: '★★★★★';
    color: #ccc;
}
.comment .rating_1,
.comment .rating_2,
.comment .rating_3,
.comment .rating_4,
.comment .rating_5{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    color: #ff9800;
}
.comment .rating_1::before{
    content: '★';
}
.comment .rating_2::before{
    content: '★★';
}
.comment .rating_3::before{
    content: '★★★';
}
.comment .rating_4::before{
    content: '★★★★';
}
.comment .rating_5::before{
    content: '★★★★★';
}
    

/* 新闻列表 */
.article_list{
    margin-bottom: 20px;
}
.article_list .article_item{

} 
.news-box{
    position: relative;
    display: inline-block;
    margin-bottom: 26px;
    border: 1px solid #ececec;
    display: flex;
    font-size: 0;
    text-align: left;
    transition: .3s;
}
.news-box:hover {
	box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.1);
    background: transparent;
}

.news-box-date,
.news-box-desc {
	display: inline-block;
	vertical-align: top;
}
.news-box-date {
	padding-top: 29px;
    display: block;
    text-align: center;
    padding: 15px 25px;
    padding-bottom: 20px;
    height: 100%;
    background: #f2f2f2;
}
.news-box-date p.day {
	margin-bottom: 5px;
	line-height: 56px;
	font-size: 36px;
	font-weight: bold;
	color: var(--main-color);
}
.news-box-date p.month,
.news-box-date p.year {
	margin-bottom: 5px;
	line-height: 16px;
	font-size: 16px;
	color: #979797;
}
.news-box-date p.month {

}

.news-box-words {
	margin-top: 26px;
    margin-left: 5%;
    width: 70%;
    vertical-align: top;
    display: inline-block;
}
.news-box-desc h3 {
	margin-bottom: 16px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow: hidden; 
}
.news-box-desc h3 a {
	color: #666;
}
.news-box-desc p.words {
	display: -webkit-box; 
	line-height: 26px;
	font-size: 14px;
	color: #979797;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	overflow: hidden;
}
.news-box-desc a.link {
	position: relative;
    display: inline-block;
    width: 25%;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}
.news-box-desc a.link img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 使图片覆盖整个容器，可能会裁剪部分图片 */
    object-position: center; /* 图片居中显示 */
	/* transition: .25s; */
}
.news-box:hover .news-box-desc a.link img {
	/* transform: scale(1.1); */
}
.news-box-desc a.link span.more{
    opacity: 0;
    transform: scale(0);
    transform-origin: center;
    position: absolute;
    width: 100%;
    background: #0000009e;
    text-align: center;
    padding-top: 27%;
    color: #fff;
    height: 100%;
    transition: all 0.3s ease;
}
.news-box:hover .news-box-desc a.link span.more{
    transform: scale(1);
    opacity: 1;
}

/* 文章详情页 */
.content{}
.content p{
    line-height: 200%;
}
.content img{
    max-width: 90%;
}
.content h1{
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
}
.content .article_info {
    width: 100%;
    height: 30px;
    line-height: 20px;
    border-bottom: 1px #eee solid;
    text-align: center;
    margin-bottom: 30px;
}
.content .article_info .tags{
    display: inline-block;
}
.article--copyright {
    padding: 30px;
    background: #f6f6f6;;
    color: #999;
    margin: 15px 0;
}

.rel_articles {
    padding: 0px 20px 30px 20px;
    background: #f6f6f6;
    margin-top: 15px;
    margin-bottom: 30px;
}

.rel_articles h3 {
    font-size: 18px;
    border-left: 3px solid #333;
    padding-left: 50px;
    line-height: 18px;
    height: 20px;
    margin-bottom: 10px;
}
.rel_articles a{
    position: relative;
    line-height: 200%;
    display: block;
    transition-property: transform;
    transition: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.rel_articles a.this{
    color: #999;
}
.rel_articles a:hover{
    color: var(--main-color);
    text-decoration: none;
    transform: translateX(5px);
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
}
.rel_articles a::after{
	content: ' > ';
    position: absolute;
    right: 10px;
}

/* 相关关键词 */
.related_keywords{
    padding: 10px 0;
}
.related_keywords a{
	list-style: none;
    background: #ffc0c0;
    margin: 0 3px 10px 0;
    display: inline-block;
    padding: 0px 7px;
}
.related_keywords a
.related_keywords a:nth-child(2){
    background-color: beige;
}
.related_keywords a:nth-child(3){
    background-color: rgb(220, 243, 245);
}
.related_keywords a:nth-child(4){
    background-color: rgb(213, 232, 247);
}
.related_keywords a:nth-child(5){
    background-color: rgb(245, 222, 210);
}
.related_keywords a:nth-child(6){
    background-color: rgb(245, 220, 231);
}

.article_comment{
    border: 1px solid #eee;
    margin: 20px 0;
    padding: 15px;
    border-radius: 10px;
}

.article_comment #comment-list p.nocomment{
    text-align: center;
    padding: 15px;
    background: #f6f6f6;
    margin-bottom: 20px;
    border-radius: 8px;
}

/* 图标列表 */
.Specification{}
.Specification ol{display: inline-block; width: 49%; color: #ccc; padding-top: 10px;}
.Specification ol span{display: block; font-size: 24px;color: #333;}
.icon_item{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}
/* 材质-可回收 */
.icon_Material {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='recycle' fill='red'%3E%3Cpath d='M466.188,347.9805c-.0858-.1383-.1892-.261-.281-.3941L421.7217,270.71a10,10,0,0,0-8.67-5.0171H343.6523a10,10,0,0,0-8.67,14.9829l35.9662,62.5767H350.1479V330.2778a10,10,0,0,0-16.8349-7.2993L276.65,376.0371a10,10,0,0,0,0,14.5986l56.6631,53.0586a10,10,0,0,0,16.8349-7.2993V423.4214H427.86a10.0006,10.0006,0,0,0,8.9594-5.5581L466.65,357.6938A10,10,0,0,0,466.188,347.9805ZM360.9341,285.6924h46.331l33.0829,57.56H394.0164Zm60.7221,117.729H340.1479a10.0006,10.0006,0,0,0-10,9.9106l-32.0332-29.9956,32.0332-29.9956a10,10,0,0,0,10,9.9112H441.5713Z'/%3E%3Cpath d='M215.71,343.2124l-72.1764-.14,10.4-18.014,11.2358,6.4868a10,10,0,0,0,14.7388-10.93L162.29,245.0146a9.9994,9.9994,0,0,0-12.6426-7.2993L75.3657,260.2578a10,10,0,0,0-2.0962,18.229l11.2359,6.4868-38.856,67.3008a10,10,0,0,0,.334,10.5381L83.1758,418.731a10,10,0,0,0,8.3257,4.4619c.1054,0,.2114-.0015.3173-.0049.1625-.0051.32-.0335.4811-.0464l88.6713.1729h.0195a10,10,0,0,0,8.66-5l34.7-60.1021a10,10,0,0,0-8.6406-15ZM106.8257,286.3135a10,10,0,0,0-3.583-13.6153l41.9931-12.7436,9.96,42.7388a10.0009,10.0009,0,0,0-13.5825,3.7045L90.9019,394.2334l-24.83-37.3315Zm68.3979,116.99-66.3891-.1294L132,363.05l66.3892.1289Z'/%3E%3Cpath d='M330.8677,228.5278a10,10,0,0,0,9.57-7.0991L362.9551,147.14a10,10,0,0,0-13.9937-11.8691L337.3262,141.01,302.9478,71.3159A10.0013,10.0013,0,0,0,294,65.74l-67.1582-.1347h-.02a9.9994,9.9994,0,0,0-8.4868,4.7114c-.0855.1372-.1493.2832-.2275.4233l-49.4,73.6382a9.9989,9.9989,0,0,0-.664,9.9947l30.7011,62.24a10,10,0,0,0,8.3057,5.5542q.3333.022.6641.022a10.0011,10.0011,0,0,0,8.3032-4.4292l40.2093-59.9381,9.2018,18.6544-11.6357,5.74a10,10,0,0,0,.9013,18.3272l72.6514,27.3442A9.9971,9.9971,0,0,0,330.8677,228.5278ZM209.0356,192.2661,188.54,150.7144,225.5249,95.582l20.4961,41.5513Zm74.2881-2.3174a10,10,0,0,0,4.4649-13.3525L242.92,85.6372l44.8355.09,36.0576,73.0991A9.999,9.999,0,0,0,337.125,163.41l-12.7295,41.9975Z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon_Function{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='red' d='M394.51,402h-313V90.59a66.74,66.74,0,0,1,66.66-66.67H319.32A66.75,66.75,0,0,1,386,90.59v12.3a8.51,8.51,0,1,0,17,0V90.59A83.77,83.77,0,0,0,319.32,6.91H148.17A83.78,83.78,0,0,0,64.49,90.59V421.41a83.78,83.78,0,0,0,83.68,83.68H319.32A83.77,83.77,0,0,0,403,421.42l0-10.95a8.5,8.5,0,0,0-8.51-8.52ZM386,421.41a66.75,66.75,0,0,1-66.67,66.67H148.17a66.74,66.74,0,0,1-66.66-66.67V419H386Z'/%3E%3Cpath d='M208.36,453.61h50.78a8.51,8.51,0,0,0,0-17H208.36a8.51,8.51,0,0,0,0,17Z'/%3E%3Cpath fill='red' d='M436,312.91,377.16,260.2a118.66,118.66,0,0,0-34.74-143.86C294.91,79.25,223,85.18,182.09,129.55A118.81,118.81,0,0,0,331,311.76l58.84,52.72A34.62,34.62,0,0,0,436,312.91Zm-10,37.53a17.64,17.64,0,0,1-24.86,1.36L337.5,294.75a8.54,8.54,0,0,0-10.5-.67,101.81,101.81,0,0,1-132.42-153c35-38,96.69-43.12,137.37-11.33a101.7,101.7,0,0,1,27.2,128.43A8.5,8.5,0,0,0,361,268.54l63.69,57A17.62,17.62,0,0,1,426,350.44Z'/%3E%3Cpath fill='red' d='M265.28,135a75.26,75.26,0,0,0,4.06,150.4c1.39,0,2.81,0,4.24-.11A75.26,75.26,0,1,0,265.28,135Zm47.54,114a58.25,58.25,0,1,1-46.59-97c1.1-.07,2.18-.09,3.27-.09A58.25,58.25,0,0,1,312.82,249Z'/%3E%3C/svg%3E");
}
/* 防水 */
.icon_IPX{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:red;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cpath class='cls-1' d='M24,7h0A19,19,0,0,1,43,26v2a0,0,0,0,1,0,0H5a0,0,0,0,1,0,0V26A19,19,0,0,1,24,7Z'/%3E%3Cpath class='cls-1' d='M32,42.5A4.49,4.49,0,0,1,27.5,47h0A4.49,4.49,0,0,1,23,42.5V29'/%3E%3Cline class='cls-1' x1='24' x2='24' y1='4' y2='7'/%3E%3Cline class='cls-1' x1='12' x2='12' y1='1' y2='4'/%3E%3Cline class='cls-1' x1='4' x2='4' y1='6' y2='9'/%3E%3Cline class='cls-1' x1='35' x2='35' y1='1' y2='4'/%3E%3Cline class='cls-1' x1='43' x2='43' y1='6' y2='9'/%3E%3C/svg%3E");
}
/* 电池 */
.icon_Battery{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 50 50' height='50px' id='Layer_1' version='1.1' viewBox='0 0 50 50' width='50px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect fill='none' height='50' width='50'/%3E%3Cpath d=' M47,21h-3v-4c0-2.209-1.791-4-4-4H8c-2.209,0-4,1.791-4,4v16c0,2.209,1.791,4,4,4h32c2.209,0,4-1.791,4-4v-4h3V21z' fill='none' stroke='red' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline fill='none' stroke='red' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' x1='8' x2='8' y1='17' y2='33'/%3E%3Cline fill='none' stroke='red' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' x1='12' x2='12' y1='17' y2='33'/%3E%3Cline fill='none' stroke='red' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' x1='16' x2='16' y1='17' y2='33'/%3E%3Cline fill='none' stroke='red' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' x1='20' x2='20' y1='17' y2='33'/%3E%3C/svg%3E");
}
.icon_noise{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Design Convert' id='Design_Convert' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:red;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cpath class='cls-1' d='M30,52a1,1,0,0,1-.64-.23L17.64,42H10a3,3,0,0,1-3-3V25a3,3,0,0,1,3-3h7.64l11.72-9.77A1,1,0,0,1,31,13V51a1,1,0,0,1-.58.91A1,1,0,0,1,30,52ZM10,24a1,1,0,0,0-1,1V39a1,1,0,0,0,1,1h8a1,1,0,0,1,.64.23L29,48.86V15.14L18.64,23.77A1,1,0,0,1,18,24Z'/%3E%3Cpath class='cls-1' d='M37,42a1,1,0,0,1-.6-.2,1,1,0,0,1-.2-1.4,14,14,0,0,0,0-16.8,1,1,0,0,1,1.6-1.2,16,16,0,0,1,0,19.2A1,1,0,0,1,37,42Z'/%3E%3Cpath class='cls-1' d='M44,46a1,1,0,0,1-.82-1.57,22.13,22.13,0,0,0,0-24.86,1,1,0,1,1,1.64-1.14,24.12,24.12,0,0,1,0,27.14A1,1,0,0,1,44,46Z'/%3E%3Cpath class='cls-1' d='M50,51a1,1,0,0,1-.6-.2,1,1,0,0,1-.2-1.4,29,29,0,0,0,0-34.8,1,1,0,0,1,1.6-1.2,31,31,0,0,1,0,37.2A1,1,0,0,1,50,51Z'/%3E%3C/svg%3E");
}
.icon_Size{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg data-name='Layer 1' id='Layer_1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M5.29291,50.70709l10,10a1,1,0,0,0,1.41418-1.41418v-.00006L8.41431,51H40a1,1,0,0,0,0-2H8.41418l8.29291-8.29291a1,1,0,0,0-1.41418-1.41418l-10,9.99994-.00336.005a1.00124,1.00124,0,0,0,.00336,1.40924Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M94.71045,49.29785l-.00336-.005-10-10a1,1,0,1,0-1.41418,1.4143v-.00006L91.58582,49H60a1,1,0,0,0,0,2H91.58557l-8.29266,8.29285a1,1,0,1,0,1.41424,1.4143l9.99994-10.00006a.99919.99919,0,0,0,.00336-1.40924Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M59.29291,16.70709a1,1,0,0,0,1.41424-1.41418L50.70709,5.29285l-.00586-.00391a.998.998,0,0,0-1.40246,0l-.00586.00391-10,10a1,1,0,1,0,1.41424,1.41424h-.00006L49,8.41418V40a1,1,0,0,0,2,0V8.41418Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M51,91.58569V60a1,1,0,0,0-2,0V91.58569l-8.29291-8.29284a1,1,0,1,0-1.41418,1.4143l10,9.99994a.96155.96155,0,0,0,.67022.28546C49.97607,94.993,49.98694,95,50,95s.02393-.007.03687-.00745a.96155.96155,0,0,0,.67022-.28546l10-10a1,1,0,1,0-1.41418-1.41418v-.00006Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M11,94.99994H28a.99994.99994,0,1,0,0-1.99988L11,93a4.0003,4.0003,0,0,1-4-4V72a1,1,0,0,0-2,0V89A6.00052,6.00052,0,0,0,11,94.99994Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M6,29a1,1,0,0,0,1-1V11a4.0003,4.0003,0,0,1,4-4.00006H28A1,1,0,1,0,28,5H11a6.00053,6.00053,0,0,0-6,6V28A1,1,0,0,0,6,29Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M89,5H72a1,1,0,0,0,0,2l17-.00006A4.0003,4.0003,0,0,1,93,11V28a1,1,0,0,0,2,0V11A6.00053,6.00053,0,0,0,89,5Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M94,71a1,1,0,0,0-.99994,1L93,89a4.0003,4.0003,0,0,1-4,4H72a1,1,0,0,0,0,2v-.00006H89A6.00052,6.00052,0,0,0,95,89V72A1,1,0,0,0,94,71Z' fill='none' stroke='red' stroke-width='2'/%3E%3C/svg%3E");
}
.icon_Weight{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Weight'%3E%3Cpath d='M32,52A16,16,0,1,0,48,36,16,16,0,0,0,32,52Zm31,0A15,15,0,1,1,48,37,15,15,0,0,1,63,52Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M48,42l-1,8v.28A2,2,0,0,0,46,52a2,2,0,0,0,4,0,2,2,0,0,0-1-1.72V50Z' fill='none' stroke='red' stroke-width='2'/%3E%3Cpath d='M74.5,16h-52A2.5,2.5,0,0,0,22,21,6.52,6.52,0,0,0,28.5,27H40v3H32.89a6.45,6.45,0,0,0-6.42,5.53l-4.7,31A6.5,6.5,0,0,0,27.4,74l1.45,3.34A4.48,4.48,0,0,0,33,80H62.89A4.48,4.48,0,0,0,67,77.29L68.47,74a6.48,6.48,0,0,0,5.62-7.42l-4.69-31A6.46,6.46,0,0,0,63,30H55V27H67.5A6.49,6.49,0,0,0,74,21h.53a2.5,2.5,0,0,0,0-5ZM66.1,76.89A3.51,3.51,0,0,1,62.89,79H33a3.49,3.49,0,0,1-3.21-2.11L28.51,74H67.35Zm2.31-41.21,4.7,31A5.5,5.5,0,0,1,67.67,73H28.2a5.5,5.5,0,0,1-5.44-6.32l4.7-31A5.46,5.46,0,0,1,32.89,31H63A5.47,5.47,0,0,1,68.41,35.68ZM54,30H41V27H54Zm13.5-4h-39A5.52,5.52,0,0,1,23,21H73A5.52,5.52,0,0,1,67.5,26Zm7-6h-52a1.5,1.5,0,0,1,0-3h52a1.5,1.5,0,0,1,0,3Z' fill='none' stroke='red' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

.contact_info{
    padding: 3vw 0;
    display: flex;
    justify-content: space-around;
  }
  .contact_info .info_box{
    text-align: center;
    /* width: 23%; */
    /* padding: 2vw; */
    margin: 10px;
    background-color: #f6f6f6;
    border-radius: 2vw;
    
    /* transform: rotateZ(15deg); */
    transition: transform 0.1s ease;
  }
  .contact_info .info_box:hover{
    transform: rotateZ(5deg);
    transform-origin: 50% 50%;
    box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.1);
  }
  .contact_info .info_box i{
    display: block;
    color: var(--main-color-3);
    margin: 0 auto;
    font-size: xxx-large;
    margin-bottom: 10px;
  }
  /* 单页内页多图显示 */
.page_show_img{
    border-radius: 15px;
    padding-top: 10px;
    margin-bottom: 20px;
}
.page_show_img img{
    display: block; text-align: center;
    width: 80%;
    border: 1px solid #eee;
    padding: 5px;
    transition: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    transition-property: transform;
    transform: scaleX(1) scaleY(1);
}
.page_show_img img:hover{
    transform: scale(1.1);
    background: transparent;
    box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.2);
}
.pro_article img{
width: 100%;
}
/* 产品橱窗列表 */

@media (max-width: 768px) {
    .contact_info{
        display: unset;
    }
    .contact_info .info_box{
        margin: 10px 0;
        padding: 2vw 0;
    }
    .contact_info .info_box i{
        font-size: xx-large;
    }
    .contact_info .info_box h3{
        font-size: large;
    }
    .product_list .product_item a .product_img{
        height: 138px;
    }
    .product_list .product_item a .title{
        padding: 0px;
    }
    .logo a h1,.logo a h2 {
        font-size: 10px;
    }
    .tab.active{
        margin-bottom: -3px;
    }
    .left_cate{display: none;}
    article{
        padding-top: 80px;
    }
    .news-box-desc h3{
        width: 200px;
    }
    .content .article_info{
        height: unset;
    }
    .content .article_info .tags{
        display: block;
    }
    .breadcrumb ol.home{
        padding-left: 0;
    }
    .rel_articles{
        padding-top: 20px;
    }
    .rel_articles .title{
        padding: 0;
    }
    .rel_articles h3{
        padding-left: 20px;
    }
    .tab-content{
        padding: 0;
    }
    #comment-list .row{
        margin: 0;
        margin-bottom: 15px;
    }
    .comment .comment-user-profile{
        padding: 0;
    }
    .comment .comment-user-profile .profile{
        margin-right: 0;
    }
    .comment-form .flex{
        display: inline-block!important;
    }
    .comment-form button{
        padding: 12px 5px;
        font-size: 11px;
    }
    .comment-form .form_input:nth-child(1){
        width: auto;
    }
    .swiper-thumbs .swiper-slide{
        /* width: 100px!important; */
        height: 100px!important;
    }
    .swiper-thumbs .swiper-button-prev{
        margin-left: -10px;
    }
    .swiper-thumbs .swiper-button-next{
        margin-right: -10px;
    }
}