body {
	margin-right: 0px;
	margin-left: 0px;
}
.header {
	width: 100vw;
	height: 41.67vw;
	/*background: url('../imgs/日本封面 - 副本.jpg') no-repeat;*/
	/*background: url('../imgs/欧盟封面.jpg') no-repeat;*/
	/*background: url('../imgs/科隆大教堂白天.jpg') no-repeat;*/
	/*background: url('C:/Users/UserX/Desktop/图片/欧盟封面.jpg') no-repeat;*/

	/*background-size: contain;*/

	/*background-position: center bottom;*/
}
.German-header {
	background: url('../imgs/科隆大教堂白天.jpg') no-repeat;
	background-size: cover;
}

/* austria.html 的背景图片 */
.Austria-header {
	background: url('../imgs/奥地利圣史蒂芬大教堂.jpg') no-repeat;
	background-size: cover;
}
.Ireland-header {
	background: url('../imgs/爱尔兰2.jpg') no-repeat;
	background-size: cover;
}
.head {
	width: 100vw;
	height: 41.67vw;
}

.head_title {
	height: 7.97vw;
	font-size: 3.4vw;
	font-family: Arial, Arial-Bold;
	font-weight: 700;
	text-align: left;
	color: #ffffff;
	line-height: 2.0vw;
	margin-left: 5.00vw;
	margin-top: 6.0vw;
}

.head_txt {
	width: 38vw;
	height: 2.86vw;
	font-size: 1vw;
	font-family: Arial, Arial-Bold;
	text-align: left;
	color: #ffffff;
	line-height: 37px;
	margin-left: 9.89vw;
	margin-top: 3.54vw;

}
.head_button{
	display: flex;
}
.head_button_start{
	width: 8.85vw;
	height: 2.6vw;
	background: #00a971;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 9.89vw;
	margin-top: 4.43vw;
	border-style: none;
	cursor: pointer;
}
.head_button_start_text{
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: 1.93vw;
}
.head_button_latest{
	width: 8.85vw;
	height: 2.4vw;
	background: rgba(126,201,187,0.00);
	border: 0.105vw solid #00a971;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4.43vw;
	margin-left: 1.04vw;
	cursor: pointer;
}
.head_button_latest_text{
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align: center;
	color: #00a971;
	line-height: 1.93vw;
}
.body-one{
	width: 100vw;
	height: 35vw;
	background: #ffffff;
}
.body-one-head{
	display: flex;
	/*flex-flow: column;*/
	/*align-items: center;*/
}

.body-one-head-title{
	width: 23.96vw;
	height: 2.2vw;
	font-size: 2.4vw;
	font-family: Arial, Arial-Bold;
	font-weight: 700;
	text-align: center;
	color: #333333;
	margin-top: 3.91vw;
	margin-bottom: 0;
}
.body-one-head-icon{
	width: 3.07vw;
	height: 0.26vw;
	background: #36be69;
	border-radius: 0.16vw;
	margin-top: 1.51vw;
}
.body-one-head-body{
	display: flex;
	align-items: center;
	justify-content: left;
}
.body-one-head-body-left{
	width: 47.5vw;
	height: 34.79vw;
}

.body-one-head-body-left-head{
	width: 30.17vw;
	height: 1.04vw;
	margin-left: 11.09vw;
	line-height: 3.8vw;
}
.body-one-head-body-left-head-text{
	font-size: 1.15vw;
	font-family: Arial, Arial-Bold;
	font-weight: 700;
	text-align: left;
	color: #333333;
}

.body-one-head-body-left-text{
	width: 34.9vw;
	height: 6.46vw;
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	color: #333333;
	line-height: 1.88vw;
	margin-top: 4.27vw;
	margin-left: 10.89vw;
	hyphens: auto;
	text-align: left; /* 设置文本对齐方式为两端对齐 */
	text-justify: inter-word;
}
.body-one-head-body-left-bottom{
	display: flex;
	align-items: center;
	justify-content: center;
}
.body-one-head-body-left-bottom-margin1{
	margin-left: 10.89vw;
	margin-top: 3.02vw;
	width: 11.6vw;
	height: 3.59vw;

}
.body-one-head-body-left-bottom-margin2{
	margin-top: 3.02vw;
	width: 11.6vw;
	height: 3.59vw;
}
.body-one-head-body-left-bottom-margin3{

	margin-top: 3.02vw;
	width: 11.6vw;
	height: 3.59vw;
}
.body-one-head-body-left-bottom-head{
	width: 10.47vw;
	height: 1.77vw;
	font-size: 2.6vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align: center;
	color: #00a971;
	line-height: 1.93vw;
}
.body-one-head-body-left-bottom-bottom{
	width: 10.4vw;
	height: 0.78vw;
	font-size: 0.83vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align:center;
	color: #666666;
	line-height: 1.93vw;
	margin-top: 0.36vw;
}
.body-one-head-body-right{
	width: 41.77vw;
	height: 31.15vw;
	margin-left: 5vw;
}
.body-two{
	width: 100vw;
	height: 58.43vw;
	background: #eaf6f2;
}
.body-two-body{
	width: 100vw;
	height: 47.03vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.body-two-body-main{
	/*width: 24.74vw;*/
	width: 18.74vw;
	height: 45.63vw;
	background: #ffffff;
	border-radius: 0.31px;
	margin-right: 1.98vw;
	display: flex;
	float: left;
	flex-flow: column;
	align-items: center;
}
.body-two-body-main-img{
	/*width: 20.21vw;*/
	width: 17.8vw;
	height: 17.72vw;
	margin-top: 2.63vw;
}
.body-two-body-main-title{
	font-size: 1.35vw;
	height: 3.07vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	margin-top:0.83vw ;
	margin-bottom: 1vw;
	text-align: center;
	justify-content: center;
	/*color: #00a971;*/
	color: #f7f7f7;
}
.body-two-body-main-text-kuang{
	/*width: 20vw; !* 设置容器的宽度 *!; !* 设置容器的高度 *!*/
	width: 18vw; /* 设置容器的宽度 */; /* 设置容器的高度 */
	height: 40vw;
	display: flex; /* 使用弹性布局使内容居中 */
	justify-content: center;
	align-items: center;
}
.body-two-body-main-text{
	width: 20vw;
	hyphens: auto;
	/*width: 20vw;*/
	height: 18vw;
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	/*text-align: center;*/
	color: #666666;
	line-height: 1.3vw;
	text-align:left;
	justify-content: center;
}
.body-two-body-main-button{
	width: 8.85vw;
	height: 2.6vw;
	background: #00a971;
	display: flex; /* 使用弹性布局使内容居中 */
	justify-content: center;
	align-items: center;
	margin-top: 2.71vw;
	border-style: none;
	cursor: pointer;
}
.body-two-body-main-button-text{
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
	line-height: 1.93vw;
}
.body-tree{
	width: 100vw;
	height: 23.07vw;
	background-image: url('../img/index/promise(1).png');
	display: flex;
	flex-flow: column;
	align-items: center;
}
.body-tree-head{
	display: flex;
	flex-flow: column;
	align-items: center;
}

.body-tree-head-title{
	width: 23.96vw;
	height: 2.2vw;
	font-size: 2.4vw;
	font-family: Arial, Arial-Bold;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	margin-top: 3.91vw;
	margin-bottom: 0;
}
.body-tree-head-icon{
	width: 3.07vw;
	height: 0.26vw;
	background: #ffffff;
	border-radius: 0.16vw;
	margin-top: 1.51vw;
}
.body-tree-head-text-kuang{
	width: 77.19vw; /* 设置容器的宽度 */; /* 设置容器的高度 */
	display: flex; /* 使用弹性布局使内容居中 */
	justify-content: center;
	align-items: center;
	margin-top: 3vw;
}
.body-tree-head-text{
	width: 78vw;
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	color: #ffffff;
	hyphens: auto;
	text-align: left; /* 设置文本对齐方式为两端对齐 */
	text-justify: inter-word;
	text-align-last: center;
	line-height: 1.3vw;
}
.body-four{
	width: 100vw;
	height: 28.54vw;
	background: #ffffff;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.body-four-img{
	width: 14.74vw;
	height: 6.72vw;
	margin-top: 2.37vw;
}
.body-four-text-kuang{
	width: 63.18vw; /* 设置容器的宽度 */; /* 设置容器的高度 */
	display: flex; /* 使用弹性布局使内容居中 */
	justify-content: center;
	align-items: center;
	margin-top: 2vw;
}
.body-four-text{
	font-size: 0.94vw;
	font-family: Arial, Arial-Regular;
	font-weight: 400;
	color: #666666;
	hyphens: auto;
	text-align: justify; /* 设置文本对齐方式为两端对齐 */
	text-justify: inter-word;
	text-align-last: center;
	line-height: 1.3vw;
}
.container {
	height: 2000px; /* 为了演示滚动效果，设置一个较大的高度 */
	padding-top: 10px;
}

.buttons {
	position: relative;
	margin-left: 20px;
	display: flex;
}

.buttons .btn {
	display: block;
	margin-bottom: 20px;
	height: 62px;
	width: 178px;
	font-size: 20px;
	border: none;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, opacity 0.3s ease;
	position: relative;
	text-align: center;
	background-size: 50px 50px; /* 调整图标大小 */
	background-repeat: no-repeat;
	background-position: center;
}
/* 初始背景色设置 */
.qa-btn {
	background-color: #FA8C61; /* Q&A 按钮初始背景色 */
}

.graph-btn {
	background-color: #009E38; /* Graph 按钮初始背景色 */
}
.fixed-buttons {
	z-index: 100000;
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block; /* 确保显示 */
}

.fixed-buttons .btn {
	display: block;
	margin-bottom: 20px;
	height: 62px;
	width: 100px;
	font-size: 20px;
	border: none;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	transition: background-color 0.3s ease, background-image 0.3s ease, color 0.3s ease, opacity 0.3s ease;
	position: relative;
	text-align: center;
	background-size: 50px 50px; /* 调整图标大小 */
	background-repeat: no-repeat;
	background-position: center;
}

.buttons #btn1:hover, .fixed-buttons #fixedBtn1:hover {
	background-color: #e07b54; /* Q&A按钮悬停时颜色 */
	color: transparent;
	background-image: url('../imgs/知识问答.png'); /* 替换为你的图标路径 */
}

.buttons #btn2:hover, .fixed-buttons #fixedBtn2:hover {
	background-color: #00703d; /* Graph按钮悬停时颜色 */
	color: transparent;
	background-image: url('../imgs/知识图谱.png'); /* 替换为你的图标路径 */
}

/* 保证图标和文本的平滑过渡 */
.buttons .btn .text, .fixed-buttons .btn .text {
	transition: opacity 0.5s ease;
}

.buttons .btn:hover .text, .fixed-buttons .btn:hover .text {
	opacity: 0;
}