.h-banner {
	position: relative;
	height: calc(100vh - 80px);
	overflow: hidden;
}

.h-banner .video-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.h-banner video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h-banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1;
}

.h-banner .item {
	position: absolute;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	z-index: 2;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.h-banner .item .title {

	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.h-banner .item .intro {
	
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1.5;
}

.h-banner .item .more {
	display: inline-block;
	margin-top: 30px;
	padding: 12px 30px;
	background-color: #007bff;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 4px;
	transition: all 0.3s ease;
	text-decoration: none;
	max-width: 200px; /* 添加最大宽度限制 */
	width: auto; /* 自动宽度 */
	text-align: center; /* 文字居中 */
	white-space: nowrap; /* 防止文字换行 */
}

/* 响应式调整 */
@media (min-width: 1024px) {
	.h-banner .item .more {
		padding: 15px 40px;
		font-size: 18px;
	}
}

.h-banner .item .more:hover {
	background-color: #0056b3;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* 响应式调整 */
@media (max-width: 1600px) {
	.h-banner {
			height: 500px;
	}
}

@media (max-width: 1200px) {
	.h-banner {
			height: 400px;
	}
}

@media (max-width: 750px) {
	.h-banner {
			height: 300px;
	}
}

@media (max-width: 480px) {
	.h-banner{
			height: 200px;
	}
}
.h-banner .video-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.h-banner video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	z-index: 1;
}


@media (max-width: 1600px){
	.h-banner .item .title{ font-size:42px; }
	.h-banner .item .intro{ font-size:22px; margin-top:20px}
	.h-banner .item .more{ width:125px; height:40px; font-size:14px; margin-top:40px}


}
@media (max-width: 1200px){
	.h-banner .item .title{ font-size:32px; }
	.h-banner .item .intro{ font-size:16px; }
	.h-banner .item .more{ width:110px; height:32px; font-size:12px; }

}
@media (max-width: 750px){
	.h-banner img.img2{ display:block; width:100%;}
	.h-banner img.img1{ display:none; width:100%;}
	.h-banner .item .title{ font-size:20px; }
	.h-banner .item .intro{ font-size:14px; }
	.h-banner .item .more{ width:100px; height:30px; }

}

.gcon_1{display:flex; align-items: center; justify-content: center; margin-top:40px}
.gcon_1 .form{ width:fit-content; position:relative}
.gcon_1 .form .inp1{ width:740px; height:60px; box-sizing:border-box; border:1px solid #dedede; background:#f7f7f7; border-radius:30px; padding:0 100px 0 30px; font-size:16px; color:#333}
.gcon_1 .form .inp1::placeholder{ appearance:none; -webkit-appearance:none; opacity:1; color:#808080}
.gcon_1 .form .inp2{ background:url(../image/g_05.jpg) center center no-repeat; width:94px; height:60px; position:absolute; right:0; top:0; z-index:2; cursor:pointer; border-radius:30px}
@media (max-width: 1600px){
	.gcon_1 .form .inp1{ width:600px; height:56px; border-radius:28px; font-size:14px; }
	.gcon_1 .form .inp2{ height:56px; border-radius:28px;}

}
@media (max-width: 1200px){
	.gcon_1 .form .inp1{ width:280px; height:50px; border-radius:25px; font-size:12px; padding:0 80px 0 25px }
	.gcon_1 .form .inp2{ height:50px; width:80px; background-size:cover; border-radius:25px;}

}


.ihd .title{ font-size:42px; color:#333333; line-height:1}
@media (max-width: 1600px){
	.ihd .title{ font-size:32px;}
}
@media (max-width: 1200px){
	.ihd .title{ font-size:24px;}
}
@media (max-width: 750px){
	.ihd .title{ font-size:20px;}
}


.gcon_3{ margin-top:100px}
.gcon_3 .ibd{ margin-top:100px; display:flex; flex-wrap: wrap; align-items: center;} 
.gcon_3 .ibd .item{ margin-right:40px; margin-bottom:100px}
.gcon_3 .ibd .item:nth-child(4n){ margin-right:0}
.gcon_3 .ibd .item a{ display:block;display:flex; align-items: center; }
.gcon_3 .ibd .item a .pic{ width:110px;}
.gcon_3 .ibd .item a .pic img{ width:100%}
.gcon_3 .ibd .item a .title{ width:230px; text-align:left; font-size:24px; color:#333333; margin-left:15px}
.gcon_3 .ibd .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_3 .ibd .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_3 .ibd .item:hover a .title{ color:#03A9F4;  }
.imore{ text-align:center}
.imore a{ color:#333333; font-size:24px;}
.imore a:hover{ font-weight:bold; color:#03A9F4}
@media (max-width: 1600px){
	.gcon_3{ margin-top:80px}
	.gcon_3 .ibd{ margin-top:80px}
	.gcon_3 .ibd .item{ margin-right:20px;margin-bottom:80px}
	.gcon_3 .ibd .item a .pic{ width:100px;}
	.gcon_3 .ibd .item a .title{ width:170px;  font-size:18px; }
	.imore a{font-size:20px;}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .item{ margin-right:calc( (100% - 560px) / 3); margin-bottom:40px}
	.gcon_3 .ibd .item a .pic{ width:60px;}
	.gcon_3 .ibd .item a .title{ width:70px;  font-size:16px; margin-left:10px }
	.imore a{font-size:16px;}
}
@media (max-width: 750px){
	/*.gcon_3 .ibd .item{ margin-right:calc( 100% - 280px); margin-bottom:40px}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_3 .ibd .item a .pic{ width:60px;}
	.gcon_3 .ibd .item a .title{ width:70px;  font-size:16px; margin-left:10px }
	.imore a{font-size:16px;}*/
}
@media (max-width: 750px){
	.gcon_3 .ibd{ margin-top:30px; align-items: baseline;}
	.gcon_3 .ibd .item{ display:block; width:22%; margin-right:4%; text-align:center; margin-bottom:20px}
	.gcon_3 .ibd .item a{ display:block;}
	.gcon_3 .ibd .item a .pic{ width:100%;}
	.gcon_3 .ibd .item a .pic img{ width:80%}
	.gcon_3 .ibd .item a .title{ width:100%;  font-size:12px; margin-left:0; margin-top:10px; text-align:center }
	.imore a{font-size:14px;}
}

.gcon_4{ width:100%; position:relative; color:#fff; margin-top:100px}
.gcon_4 .pic{ width:100%;}
.gcon_4 .pic img{ width:100%}
.gcon_4 .pic .img1{ display:block}
.gcon_4 .pic .img2{ display:none}
.gcon_4 .cont{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:2}
.gcon_4 .cont .title{ font-size:28px;}
.gcon_4 .cont .intro{ font-size:62px; margin-top:20px}
@media (max-width: 1600px){
	.gcon_4{ margin-top:80px}
	.gcon_4 .cont .title{ font-size:24px;}
	.gcon_4 .cont .intro{ font-size:50px }

}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px}
	.gcon_4 .cont .title{ font-size:20px;}
	.gcon_4 .cont .intro{ font-size:36px }
}
@media (max-width: 750px){
	.gcon_4 .pic .img2{ display:block}
	.gcon_4 .pic .img1{ display:none}
	.gcon_4 .cont .title{ font-size:16px;}
	.gcon_4 .cont .intro{ font-size:24px }
}


.gcon_5{ margin:100px 0}
.gcon_5 .ibd{ margin-top:50px; display:flex; margin-bottom:50px}
.gcon_5 .ibd .item{ width:440px; margin-right:30px; border-radius:10px; overflow:hidden; background:#f5f5f5}

.gcon_5 .ibd .item .pic{ width:100%; height: 280px; overflow:hidden; position:relative}
.gcon_5 .ibd .item .pic img{ width:100% ;   transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_5 .ibd .item .pic span{display:flex; align-items: center; justify-content: center; width:fit-content; height:36px; background:rgba(0,0,0,0.5); color:#fff; border-radius:0 0 10px 0; position:absolute; left:0; top:0; z-index:2; font-size:14px; padding:0 10px}
.gcon_5 .ibd .item .cont{ width:100%; height:240px; box-sizing:border-box; padding:35px 20px;}
.gcon_5 .ibd .item .cont .time{ background:url(../image/g_16.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999}
.gcon_5 .ibd .item .cont .title{ font-size:18px; color:#333333; font-weight:bold; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.gcon_5 .ibd .item .cont .intro{ font-size:14px; color:#999999; line-height:24px; height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.gcon_5 .ibd .item:hover .cont .title{ color:#03A9F4}
.gcon_5 .ibd .rt{ width:600px; height:490px; background:#f5f5f5; box-sizing:border-box; border-radius:10px; overflow:hidden }
.gcon_5 .ibd .rt .bt{display:flex; align-items: center; justify-content: center; width:96px; height:36px; background:rgba(0,0,0,0.5); color:#fff; border-radius:0 0 10px 0; font-size:14px }
.gcon_5 .ibd .rt ul{ padding:10px 20px}
.gcon_5 .ibd .rt ul li{ padding:22px 0; border-bottom:1px solid #e7e7e7; position:relative}
.gcon_5 .ibd .rt ul li .time{ font-size:14px; color:#999999}
.gcon_5 .ibd .rt ul li .title{ font-size:18px; color:#333333; margin-top:15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .ibd .rt ul li:last-child{ border:0}
.gcon_5 .ibd .rt ul li:hover .title{ color:#000; font-weight:bold}
.gcon_5 .ibd .rt ul li:after{ content:""; display:block; width:0; height:1px; background:#03A9F4; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s}
.gcon_5 .ibd .rt ul li:hover:after{ width:100%}
.gcon_5 .ibd .rt ul li:last-child:hover:after{ width:0%}
@media (max-width: 1600px){
	.gcon_5{ margin:80px 0}
	.gcon_5 .ibd{ margin-top:40px; margin-bottom:40px}
	.gcon_5 .ibd .item{ width:340px; margin-right:20px; }
	.gcon_5 .ibd .item .pic span{ height:32px; font-size:12px}
	.gcon_5 .ibd .item .cont{ padding:30px 20px; height:auto}
	.gcon_5 .ibd .item .cont .time{ background-size:12px; font-size:12px;}
	.gcon_5 .ibd .item .cont .title{ font-size:16px; line-height:28px; height:56px;}
	.gcon_5 .ibd .item .cont .intro{ font-size:12px; line-height:22px; height:44px; }
	.gcon_5 .ibd .rt{ width:480px; height:auto}
	.gcon_5 .ibd .rt .bt{ width:90px; height:32px; font-size:12px}
	.gcon_5 .ibd .rt ul{ padding:5px 20px}
	.gcon_5 .ibd .rt ul li{ padding:18px 0; }
	.gcon_5 .ibd .rt ul li .time{ font-size:12px; color:#999999}
	.gcon_5 .ibd .rt ul li .title{ font-size:16px; margin-top:10px }
	.gcon_5 .ibd .rt ul li:last-child{ border:0}
	.gcon_5 .ibd .rt ul li:hover .title{ color:#000; font-weight:bold}
	.gcon_5 .ibd .rt ul li:after{ content:""; display:block; width:0; height:1px; background:#03A9F4; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s}
	.gcon_5 .ibd .rt ul li:hover:after{ width:100%}
	.gcon_5 .ibd .rt ul li:last-child:hover:after{ width:0%}

}
@media (max-width: 1200px){
	.gcon_5{ margin:40px 0}
	.gcon_5 .ibd{ margin-top:30px; margin-bottom:30px; display:block}
	.gcon_5 .ibd .item{ width:48%; margin-right:4%; float:left; margin-bottom:30px }
	.gcon_5 .ibd .item:nth-child(2){ margin-right:0}
	.gcon_5 .ibd .rt{ width:100%;  float:left}

}
@media (max-width: 750px){
	.gcon_5 .ibd .item{ width:100%; margin-bottom:20px}

}