* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
width: 100%;
height: 100%;
/* position: absolute; */
/* top: 0; */
/* left: 0; */
background: url(../images/bg.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
}

.sec_left {
width: 1000px;
float: left;
padding: 50px;
text-align: center;
position: absolute;
left: 50px;
top: 50px;
}

.logo {
width: 100%;
float: left;
padding: 30px 0;
}

.logo img {}

.bs {}

.bs img {
max-width: 100%;
}

.bj {
width: 100%;
float: left;
color: #33e67a;
font-size: 20px;
padding: 20px 0;
}

.jss {}

.jss a {
width: 50%;
float: left;
padding: 10px;
overflow: hidden;
position: relative;	text-decoration: none; /* 去掉下划线 */
	color: #fff; /* 强制文字颜色为白色 */}
.jss a .linkText {
position: absolute;
color: #fff;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 22px;
padding: 5px;
border-radius: 5px;
/* 使用 Flexbox 实现完美的垂直水平居中，适应图片高度变化 */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.2; /* 重置行高，避免多行文字间距过大 */
}

.jss img {
width: 100%;
float: left;
}

.sec_right {
position: absolute;
bottom: 50px;
right: 10px;
width: calc(100% - 900px);
}

.sec_right img {
width: 100%;
}
.sec_righte{display:none;}
@media (max-width:1560px) {
.sec_left {
width: 860px;
}

.sec_right {
width: 800px;
}

}

@media (max-width:1400px) {
.sec_right {
width: 750px;
}

}

@media (max-width:1320px) {
.sec_left {
width: 720px;
}
}

@media (max-width:1200px) {
.sec_right {
width: 660px;
}
}

@media (max-width:1140px) {
.sec_left {
width: 650px;
left: 0;
}
}

@media (max-width:960px) {
.sec_left {
width: 100%;
position: relative;
}

.sec_right {
width: 100%;
position: relative;
float: left; display: none; 
}
.sec_righte{display:block;width: 100%;float: left;text-align:center}
.sec_righte img{width: 100%;float: left;}
}

@media (max-width:768px) {

.logo img {
width: 200px;
}

.sec_right {
width: 100%;
position: initial;
float: left;
padding: 10px;
margin-top: 30px;

}
}

@media (max-width:540px) {
.sec_left {
width: 100%;
padding: 10px;
position: relative;
top: 30px;
}

.jss a {
width: 100%;
}


}


.jss a:hover{transform: scale(0.9);}

/* LinkText 响应式字体大小调整 */
@media (max-width:1560px) {
.jss a .linkText { font-size: 19px; }
}
@media (max-width:1320px) {
.jss a .linkText { font-size: 16px; }
}
@media (max-width:1140px) {
.jss a .linkText { font-size: 14px; }
}
@media (max-width:960px) {
/* 960px以下变为流式布局(50%宽度)，使用vw单位保持比例 (50vw * 0.044  2.2vw) */
.jss a .linkText { font-size: 2.2vw; }
}
@media (max-width:540px) {
/* 540px以下变为单列(100%宽度)，使用vw单位保持比例 (100vw * 0.044  4.4vw) */
.jss a .linkText { font-size: 4.4vw; }
}