@charset "utf-8";
/* CSS Document */
.body{            user-select: none;
            -webkit-user-select: none; /* Webkit 浏览器 */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */ 
} 
.mainbody{
	width: 930px;
}

/*主层*/
.vmproshow{
	float: left;
	width: 100%;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	text-align:left;
	color: #666;
}


.vmproshow_line {
        margin: auto;
        padding: 20px 0;
    }

.vmproshow_line h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
    }

.vmproduct-section {
        display: flex;
        flex-wrap: nowrap; /* 保证左右结构 */
        align-items: flex-start;
        gap: 20px;
    }

.vmproduct-text {
        flex: 0 1 60%; /* 左侧文字宽度60% */
        text-align: justify;
		font-size: 14px;
		line-height:166%
    }

    .vmproduct-image {
	flex: 0 1 40%; /* 右侧图片宽度40% */
	text-align: center;
	padding-top: 2%;
	padding-left: 2%;
    }

.vmproduct-image img {
        width: 100%;
        border-radius: 10px; /* 圆角处理 */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    }

    /* 响应式支持 */
@media (max-width: 768px) {
        .vmproduct-section {
            flex-direction: column; /* 小屏幕切换为上下结构 */
        }
        .vmproduct-text, .vmproduct-image {
            flex: 1 1 100%; /* 宽度占满 */
        }
    }



.vmpropic_pic{
	float: none;
	width: 100%;
	text-align:left;
	padding: 30px 0;
}

.vmpropic_img {
    border: 0px solid #ccc;
}

.vmpropic_img img {
    width: 100%;
    height: auto;
	border-radius: 10px;
}

.vmpropic_desc {
    padding: 10px;
    text-align: center;
}

.vmpropic_ele {
    padding: 2% 1%;
    float: left;
    width: 23%;
}

@media only screen and (max-width: 700px){
    .vmpropic_ele {
        width: 25%;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 500px){
    .vmpropic_ele {
        width: 100%;
    }
}

.vmclearfix:after {
    content: "";
    display: table;
    clear: both;
}




.vmsection-header {
	float: left;
	width: 100%;
	text-align:left;
	color: #333;
	padding: 30px 0;
    }

.vmtitle-box {
	background-color: #4c4b49; /* 黑色背景 */
	color: white; /* 白色文字 */
	font-size: 14px; /* 文字大小 */
	border-radius: 2px; /* 圆角（可选） */
	width:20%;
	text-align: center;
	padding: 6px 1px;
    }

.vmhorizontal-line {
        flex: 1; /* 占满剩余空间 */
        border-top: 1px solid #ccc; /* 细灰线 */
        margin-left: 10px; /* 与标题框的间距 */
    }
	

/* 表格样式 */
.vmpro_sheet {
    float: left;
    width: 100%;
    padding: 20px 0;
    font-size: 12px;
	color: #666;
	text-align: center;
}

.vmpro_sheetbod {
    width: 90%;
    margin: 0 auto;
}

.vmpro_sheet table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	box-sizing: border-box;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a44b3a;
	border-right-color: #FFF;
	border-bottom-color: #a44b3a;
	border-left-color: #FFF;
}

.vmpro_sheet thead {
    line-height: 220%;
    font-style: italic;
    color: #a44b3a;
    font-size: 14px;
}

.vmpro_sheet th, .vmpro_sheet td {
    border: 1px solid #CCC;
    padding: 10px;
}


.vmpro_sheet tr:hover{
	background-color: #a44b3a
	color:#FFF
}

Td.vmpleft {
	text-align: left!important;
	width: 30%;
	font-weight: bold;
}


/* 主容器 */
.vmprosheet_info {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
    float: left;
	color: #666;
    overflow: hidden; /* 清除浮动 */
}

/* 图片部分 */
.vmproinfoimg {
    width: 60%; /* 左侧宽度 */
    float: left; /* 左浮动 */
    box-sizing: border-box; /* 包括padding在内计算宽度 */
    padding-right: 5%; /* 给图片和右侧内容留间距 */
	padding-left:5%;
}
.vmproinfoimg img {
    width: 100%; /* 图片宽度适应容器 */
    height: auto; /* 保持比例 */
    border: 1px solid #ddd; /* 添加边框 */
    border-radius: 5px; /* 圆角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}

/* 右侧内容 */
.vmproinforight {
    width: 35%; /* 右侧宽度 */
    float: left; /* 左浮动，与图片并排 */
}

/* 每个内容块 */
.vmproinforight_ele {
    width: 100%;
    color: #666;
    font-size: 12px;
    margin-bottom: 20px;
}

/* 标题 */
.vmproinforight_ele h1 {
    font-size: 14px;
    font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}

/* 横线 */
.vmhorizontal-line_li {
    height: 1px;
    background-color: #a44b3a;
    width: 100%;
    margin-bottom: 10px;
}

/* 列表 */
.vmproinforight_ele ul {
    list-style-type: disc; /* 使用圆点 */
    padding-left: 20px;
    margin: 0;
}
.vmproinforight_ele ul li {
    margin-bottom: 5px;
}

/* 小屏幕适配 */
@media screen and (max-width: 768px) {
    .vmproinfoimg, .vmproinforight {
        width: 100%; /* 小屏幕下让图片和文字占据整行 */
        float: none; /* 取消浮动 */
        padding: 0; /* 移除间距 */
        margin-bottom: 20px; /* 给图片和内容间增加间距 */
    }
    .vmproinfoimg img {
        width: 100%; /* 图片在小屏幕下全宽 */
    }
}