.h-banner{
	position: relative;
	height: 800px;
	max-height: calc(100vh - 80px);
	overflow: hidden;
}
/* 响应式调整 */
@media (max-width: 1920px) {
	.h-banner{
		height: 800px;
	}
}

@media (max-width: 1600px) {
	.h-banner{
		height: 600px;
	}
}

@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.swiper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.h-banner.swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
}

.h-banner.swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Swiper按钮样式 */
.h-banner.swiper-button-prev,
.h-banner.swiper-button-next {
	width: 50px !important;
	height: 50px !important;
	background-color: rgba(255, 255, 255, 0.3) !important;
	border-radius: 50% !important;
	transition: all 0.3s ease;
	margin-top: 0 !important;
	background-image: none !important;
}

/* 完全隐藏原始SVG箭头 */
.h-banner.swiper-button-prev::after,
.h-banner.swiper-button-next::after {
	content: '' !important;
	background-image: none !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 12px solid #fff !important;
	border-right: none !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.h-banner.swiper-button-prev::after {
	border-left: none !important;
	border-right: 12px solid #fff !important;
}

.h-banner.swiper-button-prev:hover,
.h-banner.swiper-button-next:hover {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

/* Swiper分页器样式 */
.h-banner.swiper-pagination {
	bottom: 20px;
}

.h-banner.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.5);
	opacity: 1;
	transition: all 0.3s ease;
}

.h-banner.swiper-pagination-bullet-active {
	background-color: white;
}

/* 响应式调整 */
@media (max-width: 750px) {
	.h-banner.swiper-button-prev,
	.h-banner.swiper-button-next {
		width: 40px;
		height: 40px;
	}
	
	.h-banner.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
}
.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}

}


































































































































































































































