* {
    box-sizing: border-box;
}
/* 重置a标签样式 */
a {
    color: inherit; /* 继承父元素的文字颜色 */
    text-decoration: none; /* 去掉下划线 */
}
 
/* 鼠标悬停时的样式 */
a:hover {
    text-decoration: none; /* 鼠标悬停时增加下划线 */
}
/* HTML和body的基本样式 */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 防止水平滚动 */
    width: 100%;
}
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
	background-image: url('../img/pc_bg2.jpg'); /* 替换为您的背景图片 URL */
    background-repeat: no-repeat; /* 不重复背景图片 */
}

header {
    text-align: center;
    padding: 20px;
}

main {
	width: 1150px;
	margin: 0 auto;
	text-align: center;
}

.logo {
    max-width: 100%;
    height: auto;
}

.images-row {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.side-image {
    margin-left: 10px;
}

.content-row {
    display: flex;
    margin: 20px 0;
}

.left-column {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.left-image {
    width: 100%;
    margin-bottom: 10px;
}

.right-column {
    width: 50%;
}

.right-image {
    width: 100%;
}

.three-images-row {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.three-image {
    margin-left: 10px;
}

footer {
    display: flex;
	justify-content: center;
	align-items: end;
	text-align: center;
	font-size: 12px;
	color: #666;
}
.container {
    position: relative;
	width: 100%;

}

.text-section {
    text-align: right; /* 文字右对齐 */
	float: right;
}

.image-section {
	border-radius: 12px;
	padding: 8px;
	background: linear-gradient(135deg, #4a90e2, #9013fe);
	display: inline-block;
	float: right;
}

.image {
    width: 150px; /* 根据需要调整图片大小 */
    height: auto;
    border-radius: 10px; /* 圆角 */
}
.containera {
    display: flex;
	justify-content: flex-end;
	align-items: end;
	margin-right: 20px;
	margin-top: 20px;
}

.text-sectiona {
    
}

.titlea {
    font-size: 1.5em;
    color: #333;
    margin: 0; /* 去掉默认外边距 */
}

.descriptiona {
    margin: 5px 0; /* 上下间距 */
    color: #666;
}

.image-sectiona {
    margin-left: 10px; /* 左侧留白 */
}
.rightx {
  position: absolute;
  bottom: 0;
  width: 100%;
  height:auto;
  margin-bottom: 30px;
}
.title {
	text-align:right;
	margin-bottom:10px;
}
.subtitle {
	text-align:right;
	margin-bottom:20px;
}
#sjbdmap{display: none;}
@media (max-width: 768px){#sjbdmap{display: block !important;text-align: center;}}
#pcbdmap{display: block;}
@media (max-width: 768px){#pcbdmap{display: none;}}
@media (max-width: 768px) {
	main {width:100%;margin:0 auto;}
	.sjtc img{width:65%;}
	.content-row {}
	.t0 {display:none;}
	.images-row {display: block;margin:0 auto;}
	.images-row img{width:85%;margin:0 auto;margin-bottom:10px;}
	.three-image {width:85%;margin-left:0px;}
	.image-section {float:none;margin-top:20px;margin-bottom:20px;}
	.right-image {width:90%;}
	.sjtc {margin:3px;}
	body {background-image: url('../img/mobi_bg2.jpg');}
}
        .product-slider {
            position: relative;
            width: 100%;
            max-width: 1200px; /* 增加最大宽度以适应电脑端 */
            margin: auto;
            overflow: hidden;
            border-radius: 8px;
        }
        .products {
            display: flex;
            transition: transform 0.5s ease;
        }
        .product {
            flex: 1 0 25%; /* 在电脑端显示4个产品 */
            box-sizing: border-box;
            padding: 20px;
            text-align: center;
        }
        .product img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }
        .buttons {
            position: absolute;
            top: 50%;
            width: 100%;
            display: none;
            justify-content: space-between;
            transform: translateY(-50%);
        }
        .button {
            border: none;
            cursor: pointer;
            padding: 10px;
            border-radius: 50%;
            font-size: 18px;
        }
.nav-button {
    width: 30px; /* 根据需要调整大小 */
    height: auto;
    cursor: pointer;
}
.dots-container {
    text-align: center;
	display:none;
}

.dot {
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #978CD9;
}
.text-box {
    width: 96%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 15px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	background-color: #fff;
}

.text-box p {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
	font-weight: 600;
}
/* 手机端样式 */
@media (max-width: 768px) {
            .product {
                flex: 1 0 100%;
            }
			.dots-container {display:block;}
			.buttons {display:flex;}
			.buttons img{width:20px;}
			.product {padding:0px;}
			.logo {width:90%;}
			h1 {
				font-size: 20px;
				width: 80%;
				margin: 0 auto;
			}
        }
        /* Hiển thị sản phẩm theo dạng lưới 2 hàng 4 cột cho máy tính */