﻿.bhhd_back {
	width: 100%;
	height: 834px;
	background: url('/Home/static/img/bhhd.png') no-repeat;
	background-size: 100% 100%;
	background-position:center;
}
.bhhd_content {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(1,325px);
	gap: 32px;
}
.stkj_back {
	width: 100%;
	height: 902px;
	background: url('/Home/static/img/stkj.png') no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.stkj_back .left_loop{
	width:1202px;
	height:692px;
}
.stkj_back .right_btn{
	width:398px;
	height:692px;
	background:url(/Home/static/img/stkj_right.png) no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.stkj_back .typecontent{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-template-rows:repeat(6,101px);
	gap:9px;
	margin:22px 26px;
}
.stkj_back .type{
	background:url(/Home/static/img/stkj_right_back.png) no-repeat;
	width:169px;
	height:101px;
	cursor:pointer;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.stkj_back .type.active{
	background:url(/Home/static/img/stkj_right_back_active.png) no-repeat;
}
.stkj_back .type:hover{
	background:url(/Home/static/img/stkj_right_back_active.png) no-repeat;
}
.typediv {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width:160px;
}
.xmml_back {
	width: 100%;
	height: 1002px;
	background: url('/Home/static/img/xmml.png') no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.xmmldiv {
	width: 1600px;
	margin: 47px auto;
}
.xmmlcontent {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-template-rows: repeat(2,380px);
	row-gap: 38px;
	column-gap:49px
}
.bhqdt_back {
	width: 100%;
	height: 1059px;
	background: url('/Home/static/img/bhqdt.png') no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.fyhw_back {
	width: 100%;
	height: 722px;
	background: url('/Home/static/img/fyhw.png') no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.fyhw_back .type{
	display:flex;
	justify-content:center;
	margin-top:45px;
}
.typename {
	background: url('/Home/static/img/fyhw_btn.png') no-repeat center;
	color: #000;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	width:144px;
	margin-left:43px;
	cursor:pointer;
	position:relative;
}
.typename:first-child{
	margin-left:0px;
}
.typename:hover{
	background: url('/Home/static/img/fyhw_btn_active.png') no-repeat center;
	color:#A9302F;
	font-weight:bold;
}
.typename:hover::after,.typename:active::after{
  content: '';
  position: absolute;
  left: 50%;
  top: 40px;
  width: 17px;           /* 固定宽度 */
  height: 6px;           /* 固定高度（即“粗细”） */
  background-color: #A9302F; /* 下划线颜色 */
  transform: translateX(-50%); /* 水平居中 */
  border-radius:6px;
}
.typename.active{
 background: url('/Home/static/img/fyhw_btn_active.png') no-repeat center;
 color:#A9302F;
 font-weight:bold;
}
.typename.active::after{
 content: '';
  position: absolute;
  left: 50%;
  top: 40px;
  width: 17px;           /* 固定宽度 */
  height: 6px;           /* 固定高度（即“粗细”） */
  background-color: #A9302F; /* 下划线颜色 */
  transform: translateX(-50%); /* 水平居中 */
  border-radius:6px;
}
.fyhwcontent {
	width: 1724px;
	position: relative;
	box-sizing: border-box;
	margin:66px auto;
}
.fyhwcontent .swiper-slide{
	width: 390px !important; /* 或使用百分比配合 slidesPerView */
    height: auto;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	text-align:center;
	background-color:transparent;
	cursor:pointer;
	margin-right: 15px;
}
.fyhwcontent .fyhw_title{
	font-size:18px;
	color:#000;
	font-weight:bold;
	margin-top:24px;
}
.fyhwcontent .swiper-button-next,.fyhwcontent .swiper-button-prev{
	color:#fff;
	width: 31px;
    height: 58px;
	top:149px;
}
.vr_back {
	width: 100%;
	height: 782px;
	background: url('/Home/static/img/vr.png') no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.vrdiv{
	width:1600px;
	margin:45px auto;
}
.vrcontent {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(2,255px);
	row-gap: 19px;
	column-gap: 39px
}
.vr_img {
	cursor: pointer;
	transition: transform 0.3s ease;
}
.vr_img:hover{
	transform: scale(1.1);
}
.more {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 46px;
}
