/*  新闻 */
html, body {
    overflow-x: hidden;
}
.news {
	width: 100%;
	height: 60px;
	position: relative;
}

.news .LatestNews {
	width: 30%;
	height: 60px;
	background-color: #ffa600;
	position: absolute;
	left: 0;
	text-align: right;
	font-size: 20px;
	line-height: 60px;
}

.news .newBox {
	width: 70%;
	height: 60px;
	position: absolute;
	right: 0;
	background-color: #131313;
}

.div_if {
	width: 1100px;
	height: 3000px;
	margin: 0 auto;
	border: 1px solid #000;
}

#img img {
	height: 70px;
}

.bj {
	width: 100%;
	height: 660px;
	background-image: url('../img/全屏/1.jpg');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#dh {
	width: 100%;
	height: 330px;
}

#dht {
	width: 100%;
	height: 330px;
}

#btl {
	font-family: MiSans-Heavy;
	font-size: 55px;
	position: absolute;
	left: 50px;
	/* bottom: 150px; */
	color: white;
	/* transform: translate(450px, 70px); */
}

#dht #btl h2 {
	color: #FFFFFF;
	font-size: 80px;
}

#dht #btl p {
	color: #FFFFFF;
	font-size: 20px;
}

#Box{
	position: relative;
	/* 设置容器为相对定位 */
	width: 1920px;
	/* 容器的宽度 */
	height: 2600px;
	/* 容器的高度 */
	margin: 0 auto;
	/* 居中对齐 */
}
#BT{
	position: absolute;
	/* 设置每个 #BT 为绝对定位 */
	width: 430px;
	/* 每个 #BT 元素的宽度 */
	height: 554px;
	margin-top: 100px;
	border: 1px solid #d6dee7;
}
#TP{
	width: 430px;
	height: 370px;
	position: relative;
	box-sizing: border-box;  /* 让父容器成为定位上下文 */
}
#TP img{
	width: 430px;
	height: 370px;
	object-fit: cover;
}
#TP .TPWZ{
	width: 100px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 40px; /* 相对于父元素右侧偏移100px */
	color: #FFF;
	background-color: #ff205f;
	font-size: 12px;
	font-weight: 500;
	display: grid;
	place-items: center;  /* 水平和垂直居中 */
}
#TP .TPW{
	width: 100px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 40px; /* 相对于父元素右侧偏移100px */
	color: #FFF;
	background-color: #694EAE;
	font-size: 12px;
	font-weight: 500;
	display: grid;
	place-items: center;  /* 水平和垂直居中 */
}
#TP .TPwz{
	width: 100px;
	height: 30px;
	position: absolute;
	top: 30px;
	left: 40px; /* 相对于父元素右侧偏移100px */
	color: #FFF;
	background-color: #40ABF5;
	font-size: 12px;
	font-weight: 500;
	display: grid;
	place-items: center;  /* 水平和垂直居中 */
}
#NR{
	width: 430px;
	height: 140px;
	margin-top: 10px;
}
#NR h5, #NR p{
    margin: 0;
    padding: 0;
    font-size: 14px;
	padding-left: 20px;
}
#NR p{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #878787;
	padding-left: 20px;
}
#NR h5{
	width: 400px;
	height: 60px;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer; /* 设置鼠标悬停时变成手指 */
	text-decoration: none; /* 确保默认无下划线 */
}
#NR h5:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
	color: #ff0000;
}
#NR p{
	width: 400px;
	height: 60px;
	font-size: 15px;
}
#NR a{
	width: 400px;
	height: 20px;
	font-size: 15px;
	color: #878787;
	padding-left: 20px;
	cursor: pointer;/*鼠标悬停*/
	text-decoration: none;
}
#BT:nth-child(1){
	top: 0;
	left: 25px;
}
#BT:nth-child(2){
	top: 0;
	left: 485px;
}
#BT:nth-child(3){
	top: 600px;
	left: 25px;
}
#BT:nth-child(4){
	top: 600px;
	left: 485px;
}
#BT:nth-child(5){
	top: 1200px;
	left: 25px;
}
#BT:nth-child(6){
	top: 1200px;
	left: 485px;
}
#BT:nth-child(7){
	top: 1800px;
	left: 25px;
}
#BT:nth-child(8){
	top: 1800px;
	left: 485px;
}
#Box #DHL{
    width: 400px;
    height: 2000px;
    padding-top: 100px;
    position: absolute; /* 绝对定位 */
    left: 945px; /* 向右移动 900px */
}
#Box #DHL #Latest{
	width: 400px;
	height: 600px;
}
.search-container{
	width: 392px;
    display: flex;
    border: 1px solid #ccc;
    border-radius: 25px;
    background-color: white;
    padding: 5px 10px;
}
input[type="text"]{
    border: none;
    padding: 10px;
    font-size: 16px;
    width: 300px;
    border-radius: 20px;
    outline: none;
}
input[type="text"]:focus{
    border: 1px solid #FFF;
}
#submit{
    padding: 10px 15px;
    background-color: #000000;
    color: white;
    font-size: 16px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}
button:hover{
    background-color: #55aaff;
}
#Box #DHL #Latest h4{
    padding-top: 70px;
	font-weight: 500;
	font-size: 40px;
}
#YXTP .RP{
	top: 30px;
	position: relative;  /* 让父容器成为定位上下文 */
}
#YXTP .RP .YXPL img{
	width: 100px;
	height: 100px;
	object-fit: contain;   /* 保持图片比例，可能会有空白区域 */
}
#YXTP .YXRQ{
	position: absolute;
	top: 0px;
	left: 110px; /* 相对于父元素右侧偏移110px */
	color: #FFB320;
	font-size: 16px;
}
#YXTP #PL{
	position: absolute;
	top: 30px;
	left: 110px; /* 相对于父元素右侧偏移110px */
	font-size: 12px;
}
#YXTP #ZY{
	position: absolute;
	top: 85px;
	left: 110px; /* 相对于父元素右侧偏移110px */
	font-size: 12px;
	color: #737373;
	cursor: pointer;
	text-decoration: none;
}
#YXTP .RO{
	top: 60px;
	position: relative;  /* 让父容器成为定位上下文 */
}
#YXTP .RO img{
	width: 100px;
	height: 100px;
	object-fit: contain;   /* 保持图片比例，可能会有空白区域 */
}
#YXTP .QE{
	top: 90px;
	position: relative;  /* 让父容器成为定位上下文 */
}
#YXTP .QE img{
	width: 100px;
	height: 100px;
	object-fit: contain;   /* 保持图片比例，可能会有空白区域 */
}
#Box #DHL #Top{
	width: 400px;
	height: 500px;
}
#Box #DHL #Top{
	width: 400px;
	height: 500px;
	padding-top: 40px;
}
#Box #DHL #Top h4{
	width: 400px;
	height: 70px;
	font-size: 24px;
	font-weight: 500;
}
#Top #TJ #A{
    width: 400px;
    height: 110px;
    position: relative;  /* 让父容器成为定位上下文 */
    display: flex;  /* 使用flex布局使图片和文本在一行 */
    padding-top: 20px;
}
#Top #TJ #A img{
    width: 110px;
    height: 110px;
    border-radius: 50%;  /* 使图片变为圆形 */
    object-fit: cover;  /* 确保图片不变形并填满圆形区域 */
    margin-right: 20px;  /* 给图片和文本之间加一点间距 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* 给头像添加阴影效果 */
    border: 2px solid #fff;  /* 为头像添加白色边框 */
}
#Top #TJ #A #B p{
    width: 290px;
	height: 55px;
}
#Top #TJ #A #B a{
    text-decoration: none;
	color: #FF205F;
}
#Top #TJ #A #B span{
	color: #7A7A7A;
}
#Top #TJ #C{
   color: #FFB320;
}
#Box #DHL #ML{
	width: 400px;
	height: 400px;
	background-color: #00ff00;
}
#Box #DHL #ml{
	width: 400px;
	height: 500px;
	background-color: #5500ff;
}
#Box #SP{
    width: 500px;
    height: 2000px;
	padding-top: 100px;
	position: absolute; /* 绝对定位 */
	left: 1385px; /* 向右移动 1360px */
}
#Box #SP #sp{
    width: 500px;
    height: 500px;
	background-color: red;
}