/* banner */
.banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: #000;
}

.banner .swiper {
	width: 100%;
	height: 100%;
}

.banner .swiper img {
	width: 100%;
}

.banner .list {
	width: 100%;
	height: 100%;
}

.banner .pcpt {
	display: block;
}

.banner .mbpt {
	display: none;
}

.banner .slide_wrap{position: absolute;left:50%;bottom:68px;width:90%;transform: translateX(-50%);z-index: 3;text-align: right;max-width:1590px;user-select: none;}
.banner #banner_prev,
.banner #banner_next {
	/* position: absolute;
	top: 48.5%;
	transform: translateY(-50%); */
	display: inline-block;
	width: 48px;
	height: 48px;
	z-index: 3;
	cursor: pointer;
	background-size: 100% auto;
}

.banner #banner_prev {
	/* left: 5%; */
	margin-right:16px;
	background: url(../image/banner_prev.png)no-repeat center;
	opacity: 1;
	transition: opacity 0.3s linear;
	background-size: 100% auto;
}

.banner #banner_next {
	/* right: 5%; */
	background: url(../image/banner_next.png)no-repeat center;
	opacity: 1;
	transition: opacity 0.3s linear;
	background-size: 100% auto;
}

.banner #banner_prev.fade {
	opacity: 0;
}

.banner #banner_next.fade {
	opacity: 0;
}

/* .banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.banner .swiper-pagination span{width: 13px;height: 13px;background: #fff;padding: 0;border: solid 1px transparent;opacity: 1;vertical-align: middle;border: 0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{border-color:transparent;background: #333;}
.banner .swiper-pagination-bullet{border-radius: 16px;}
.banner .swiper-pagination{height: auto;bottom: 30px;} */
.banner .swiper-pagination {
	width: 100%;
	bottom: 40px;
	padding: 0;
	margin: 0;
}

.banner .swiper-pagination .swiper-pagination-bullet {
	margin: 0 10px;
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: #858c96;
	vertical-align: middle;
	position: relative;
	transition: all .3s linear;
}

.banner .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #67af42;
	width: 22px;
	border-radius: 30px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active:after {
	opacity: 0;
}

.banner #banner_mb {
	display: none;
}

.banner .num_page {
	position: absolute;
	left: 50%;
	bottom: 68px;
	width: 90%;
	max-width:1590px;
	z-index: 2;
	color: #fff;
	font-size: 40px;
	font-family: gotham;
	white-space: nowrap;
	transform: translateX(-50%);
	font-size: 15px;
}

.banner .num_page .wrap{display: inline-block;border-bottom: 2px solid rgba(255,255,255,0.2);}
.banner .num_page span {
	display: inline-block;
}
.banner .num_page #cur_page{font-size: 30px;}

@media only screen and (max-width:1440px) {

	.banner #banner_prev,
	.banner #banner_next {
		width: 50px;
		height: 50px;
	}
}

@media only screen and (max-width:1280px) {

	.banner #banner_prev,
	.banner #banner_next {
		width: 20px;
		height: 36px;
	}

	/* .banner #banner_prev,.banner #banner_next{background-size: 20px;} */
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 13px;
	}


	.banner #banner_prev,
	.banner #banner_next {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (max-width:1080px) {
	.banner .num_page{bottom: 48px;}
	.banner .slide_wrap {bottom: 48px;}
}

@media only screen and (max-width:850px) {
	.banner .slide_wrap{
		bottom: 34px;
	}
	.banner .num_page{bottom: 34px;}

	.banner .num_page #cur_page{
		font-size: 26px;
	}
}

@media only screen and (max-width:750px) {
	/* .banner #banner_pic{display: none;}
	.banner #banner_mb{display: block;} */
}

@media only screen and (max-width:520px) {

	.banner #banner_prev,
	.banner #banner_next {
		width: 26px;
		height: 26px;
		background-size: 100% auto;
	}

	.banner #banner_prev {
		left: 3%;
	}

	.banner #banner_next {
		right: 3%;
	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 6px;
	}

	.banner .slide_wrap {
		bottom: 13px;
	}

	.banner .swiper-pagination span {
		
		margin: 0 5px;
	}

	.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.banner .num_page {
		bottom: 13px
	}
	.banner .num_page #cur_page{font-size: 20px;}
	
	
}

.banner .list01 {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.banner .list01::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.54), transparent);
}

.banner .list01 .text {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: auto;
	transform: translate(0, -50%);
	z-index: 2;
	color: #fff;
	text-align:center;
}

.banner .list01 .text .wrap {
	margin: 0 auto 0 auto;
	/* transform: translateX(50%); */
	opacity: 1;
	transition: all 0.1s 0.9s ease-out;
}

.banner .list01 .text .top {
	text-shadow: 0 3px 5px rgba(4, 0, 0, 0.63);
}

.banner .list01 .text .top h2 {
	font-size: 50px;
}

.banner .list01 .text .top h2 span {
	display: block;
}

.banner .list01 .text .slogan {
	margin-top: 30px;
	font-size: 24px;
	text-shadow: 0 3px 5px rgba(4, 0, 0, 0.63);
	line-height: 2;
}

.banner .list01 .text .bottom img {
	margin-top: 6.5%;
	transform: translateX(17px);
}

.banner .list01 .img {
	overflow: hidden;
}

.banner .list01 .img img {
	/* transform: translateX(-50%); */
	opacity: 1;
	transition: all 1s 0.5s ease-out;
}

.banner .list01.after .img img {
	transform: translateX(0);
	opacity: 1;
}

.banner .list01.after .text .wrap {
	opacity: 1;
}

.banner .more_other {
	margin-top: 36px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.banner .more_other a {
	padding:0 36px;
	width: auto;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.banner .more_other a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #626066;
	opacity: 0;
	transition: all .3s linear;
	z-index: -1;
}

.banner .more_other a:hover {
	border-color: #626066;
}

.banner .more_other a:hover:after {
	width: 100%;
	opacity: 1;
}

.banner .more_other a i {
	display: inline-block;
	margin-left: 13px;
	padding-left: 13px;
	width: 20px;
	height: 20px;
	background: url(../image/icon_10.png)no-repeat right center;
	vertical-align: middle;
	border-left: 2px solid #fff;
}

.banner .more_other a span {
	display: block;
	vertical-align: middle;
}

@media only screen and (max-width:1440px) {

	.banner .list01 .text .top h2 {
		font-size: 32px;
	}
}

@media only screen and (max-width:1280px) {
	.banner .list01 .text .top h2 {
		font-size: 28px;
	}

	.banner .list01 .text .slogan {
		font-size: 18px;
	}

	.banner .list01 .text .bottom img {
		transform: translateX(5px);
	}

	.banner .more_other a {
		font-size: 14px
	}
}

@media only screen and (max-width:1080px) {
	.banner .list01::after {
		height: 40%;
	}
}

@media only screen and (max-width:850px) {
	.banner .list01 .text .top h2 {
		font-size: 20px;
	}

	.banner .list01 .text .slogan {
		margin-top: 16px;
		font-size: 16px;
	}

	.banner .more_other a {
		height: 40px;
		line-height: 38px;
	}
}

@media only screen and (max-width:520px) {
	.banner .list01 .text .wrap {}

	.banner .list01 .text .top h2 {
		font-size: 16px;
	}

	/* .banner .list01 .text{top:50%;} */
	.banner .list01 .text .top h2 span {
		display: inline;
	}

	.banner .list01 .text .slogan {
		display: none;
	}
	.banner .more_other{margin-top: 20px;}

	.banner .more_other a {
		height: 30px;
		line-height: 28px;
	}

	.banner .more_other a i {
		margin-left: 8px;
		padding-left: 8px;
	}
	

}


.home_profile{padding:100px 0 100px;position: relative;}
.home_profile .content{margin:3% auto 0;font-size:20px;width:727px;max-width:100%;color: #7c7c7c;line-height: 1.5;box-sizing: border-box;}
.home_profile .content p{margin-bottom:6%}
.home_profile .content p:last-child{margin-bottom: 0;}

@media only screen and (max-width:1080px){
	.home_profile{padding:64px 0;}
	.home_profile .content{font-size: 16px;}
}

@media only screen and (max-width:850px){
	.home_profile{padding:50px 0;}
}
@media only screen and (max-width:520px){
	.home_profile{padding:40px 0;}
}

.num_ys {
	margin-top: 3.4%;
	width: 100%;
}

.num_ys ul {
	margin: 0 auto;
	width: 100%;
	flex-wrap: wrap;
}

.num_ys ul li {
	padding: 38px 0.2%;
	width: 25%;
	box-sizing: border-box;
	position: relative;
	color: #1b1b1b;
	text-align: center;
	font-size: 24px;
}

.num_ys ul li:nth-child(3n):after {
	content: initial;
}

.num_ys ul li .top {
	white-space: nowrap;
}

.num_ys ul li .top span {
	display: inline-block;
	vertical-align: text-top;
	font-size: 50px;
	line-height: 0.8em;
	/* background-image: -webkit-linear-gradient(left, #69b03d, #2393be);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	color: #003167;
	font-weight: bold;
	font-family: gotham;
}

.num_ys ul li .top span.unit {margin-left: 15px;}

.num_ys ul li .top span.num {
	
	font-size: 50px;
	
	line-height: 1em;
	letter-spacing: -2px;
}


.num_ys ul li p {
	margin-top: 30px;
	font-size: 24px;
	text-indent: initial;
}
.num_ys ul li p span{display: block;}

@media only screen and (max-width:1280px) {
	.num_ys ul li .top span.unit{margin-left: 4px;}
	.num_ys ul li:nth-child(1) {
		margin-left: 0;
	}

	.num_ys ul li .top span.num {
		font-size: 40px;
	}

	.num_ys ul li .top span {
		font-size: 16px;
	}

	.num_ys ul li p {
		font-size: 20px;
	}
	.num_ys ul li p span{display: inline;}
}

@media only screen and (max-width:1080px) {
	.num_ys ul {
		justify-content: space-around;
	}

	.num_ys ul li {
		padding: 20px 0.3%;
		margin-left: 0;
	}
	
	.num_ys ul li p {font-size: 18px;}
	
}

@media only screen and (max-width:850px) {
	.num_ys {
		width: 100%;
	}

	.num_ys ul li .top span.num {
		margin-right: 8px;
		font-size: 33px;
	}

	.num_ys ul li p {
		margin-top: 10px;
		font-size: 16px;
	}
}

@media only screen and (max-width:520px) {
	.num_ys {}

	.num_ys ul {
		justify-content: flex-start;
	}

	.num_ys ul li:nth-child(2n):after {
		content: initial;
	}

	.num_ys ul li::before {
		width: 90%;
	}

	.num_ys ul li {
		padding: 10px 0;
		width: 50%;
	}

	.num_ys ul li:after {
		content: initial
	}

	.num_ys ul li .top span.num {
		font-size: 26px;
	}

	.num_ys ul li .top span {
		font-size: 14px
	}

	.num_ys ul li p {
		font-size: 12px;
		font-size: 14px;
	}
}

section{overflow: hidden;}

/*  */
.idx_title {color: #333;}
.idx_title .title{font-size: 55px;position: relative;z-index: 1;line-height: 1em;font-weight: normal;font-weight: bold;line-height:1.6;font-family: gotham;}
/* .idx_title .title:after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 9px;background: #ff7e00;z-index: -1;} */
.idx_title .line{margin-top:28px;display: inline-block;width: 62px;height: 3px;background: #35974d;}
.idx_title .slogan{/* margin-top:  20px; */font-size: 18px;line-height: 1.8;font-weight: lighter;}
.idx_title .en{display: block;margin-bottom: 10px;font-size: 18px;font-family: arial;color: #999;text-transform:capitalize;}
@media only screen and (min-width:481px){
}
@media only screen and (max-width:1280px){
.idx_title .title{font-size: 36px;}
.idx_title .slogan{font-size:16px;}
}
@media only screen and (max-width:850px){
.idx_title .title{font-size: 30px;}
.idx_title .en{font-size: 15px;margin-bottom: 8px;}
.idx_title .slogan{font-size: 14px;}
}
@media only screen and (max-width:520px){
.idx_title .title{font-size: 22px;font-weight:bold;}
.idx_title .en{font-size: 12px;}
.idx_title .line{margin-top:20px;width: 40px;}
.idx_title .slogan{font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:380px){
	.idx_title .title{font-size: 16px;}
}

/* home_product */
.home_product{padding:130px 0;background-color:#f7f5f4;}
.home_product .layout{margin-top: 3.8%;}
.home_product .layout ul li{position: relative;width:30.46%;overflow: hidden;}
.home_product .layout ul li .item{position: relative;}
.home_product .layout ul li .item:after{content:"";position: absolute;right:0;top:50%;width: 1px;height: 40%;transform: translateY(-50%);background-color: #d2d2d2;}
.home_product .layout ul li .item:before{content:"";position: absolute;bottom:0;left:50%;width:60%;height: 1px;background-color: #d2d2d2;transform: translateX(-50%);}
.home_product .layout ul li:nth-child(3n) .item:after{background: none;}
.home_product .layout ul li:nth-child(3n+1):nth-last-child(-n+3) .item:before{background:none;}
.home_product .layout ul li:nth-child(3n+1):nth-last-child(-n+3)~li .item:before{background: none;}
/* .home_product .layout ul li .item:nth-child(3n+1):nth-last-child(-n+3) */

.home_product .layout ul li .item .series_img img{max-width: 60%;}
.home_product .layout ul li .item .img{position: relative;padding-bottom: 100%;width:100%;height: 0;overflow: hidden;}
.home_product .layout ul li .item .img img{position: absolute;left:50%;top:50%;width: 100%;transition: opacity 0.3s linear;opacity: 0;transform: translate(-50%,-50%);}
.home_product .layout ul li .item .box{position: absolute;left:0;top:0;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 2;}
.home_product .layout ul li .item .box .wrap{width:100%;text-align: center;}
.home_product .layout ul li .item .box .tit{font-size: 28px;font-family: gotham;text-transform: uppercase;}
.home_product .layout ul li .item .box .more{margin-top: 5%;padding:8px 16px;display:inline-block;font-size: 19px;position: relative;/* border: 2px solid #333; */transition: all .3s 0.6s linear;}
.home_product .layout ul li .item .box .more:after{content:"";position: absolute;left:50%;top:50%;width:100%;height:100%;transition: all .3s 0.3s linear;transform: translate(-50%,-50%);opacity: 1;border: 2px solid #333;}

@media only screen and (min-width:851px){
	.home_product .layout ul li:hover .item .img img{opacity: 1;z-index: 3;}
	.home_product .layout ul li:hover .item .box .more{border-color: #f7f5f4;}
	.home_product .layout ul li:hover .item .box .more:after{width: 0%;height: 0%;opacity: 0;}
	
}
@media only screen and (max-width:1440px){
	.home_product .layout ul li .item .box .tit{font-size: 26px;}
	.home_product .layout ul li .item .box .more{font-size: 17px;}
}
@media only screen and (max-width:1280px){
	.home_product{padding:100px 0}
	.home_product .layout ul li .item .box .tit{font-size: 20px;}
	.home_product .layout ul li .item .box .more{font-size: 15px;}
}
@media only screen and (max-width:1080px){
	.home_product{padding:64px 0}
	.home_product .layout ul li{width: 33%;}
}
@media only screen and (max-width:850px){
	.home_product{padding:50px 0;}
	.home_product .layout ul li .item .series_img img{max-width: 50%;}
	.home_product .layout ul li .item .box .tit{font-size: 17px;}
	.home_product .layout ul li .item .box .more{margin-top: 14px;padding: 6px 12px;}
}
@media only screen and (max-width:680px){
	.home_product .layout ul li{width: 50%;}
	.home_product .layout ul li:nth-child(3n) .item:after{background: #d2d2d2;}
	.home_product .layout ul li:nth-child(2n) .item:after{background: none;}
}
@media only screen and (max-width:520px){
	.home_product{padding:40px 0;}
	.home_product .layout ul li .item .box .tit{font-size: 15px;}
	.home_product .layout ul li .item .box .more{font-size: 13px;}
	.home_product .layout ul li .item .box .more:after{border-width: 1px;}
}

/* video_inds */
.video_inds .text_box{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);color: #003167;text-align: center;z-index: 3;}
.video_inds .text_box .title{font-size: 26px;font-family: gotham;}
.video_inds .text_box .slogan{margin-top: 22px;font-size: 48px;text-transform: uppercase;font-family: gotham;}
.video_inds .text_box .des{margin-top: 3.2%;}
.video_inds #v_click{display: inline-block;margin-top: 7%;padding: 6px 18px;border:1px solid #003167;color: #003167;font-size: 14px;border-radius: 30px;cursor: pointer;}
.video_inds #v_click .flx_w{align-items: center;}
.video_inds #v_click i{position: relative;padding: 8px;z-index: 1;order:2;}
.video_inds #v_click i img{display: block;background-color: #003167;}
.video_inds #v_click i:after{content: "";position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;border: 8px solid #fff;box-sizing: border-box;border-radius: 50%;transform: translate(-50%,-50%);animation: v_scale 1s 0s infinite alternate;z-index: -1;}
.video_inds #v_click span{margin-right: 13px;}
.video_inds #v_click:hover{background: #003167;color: #fff;border-color: #003167;}
.video_inds #v_click:hover i img{/* filter: grayscale(1) brightness(100); */}
.video_inds .big_circle{position: absolute;left:50%;bottom: 0;width:90%;max-width:1566px;transform: translateX(-50%);z-index: 2;}
@keyframes v_scale{
	from{transform:translate(-50%,-50%) scale(0.8);}
	to{transform:translate(-50%,-50%) scale(1);}
}
@media only screen and (max-width:1280px){
	.video_inds .text_box .title{font-size: 22px;}
	.video_inds .text_box .slogan{font-size: 34px;margin-top: 18px;}
	.video_inds #v_click{padding: 5px 1.5%;}
}
@media only screen and (max-width:1080px){
	.video_inds #v_click{margin-top: 6%;}
}
@media only screen and (max-width:850px){
	.video_inds .img{position: relative;padding-bottom: 60%;width: 100%;height: 0;overflow: hidden;}
	.video_inds .img img{position: absolute;left: 50%;top: 50%;width: auto;max-width: initial;transform: translate(-50%,-50%);}
	.video_inds .text_box .title{font-size: 20px;}
	.video_inds .text_box .slogan{font-size: 30px;}
}
@media only screen and (max-width:680px){
	.video_inds .text_box .title,.video_inds .text_box .slogan{}
	.video_inds #v_click{font-size: 14px;}
	.video_inds #v_click i{padding: 8px;}
	.video_inds #v_click span{margin-right: 8px;}
	.video_inds .img{padding-bottom: 30%;}
	.video_inds #v_click i:after{}
	.video_inds .text_box .des{text-shadow: 0 0 1px rgba(0, 49, 103);}
}
@media only screen and (max-width:520px){
	.video_inds .text_box .title{font-size: 16px;}
	.video_inds .text_box .slogan{margin-top:10px;font-size: 22px;}
	.video_inds #v_click{font-size: 12px;text-shadow: 0 0 1px rgba(0, 49, 103);}
}


.ab_video .bg_mask{display:none;position:fixed; left:0%;top:0%; width:100%; height:100%;z-index:1000;background: rgba(0,0,0,.9);}
.ab_video .videos{ display:none;position:fixed; left:50%; top:50%;max-width: 85%;transform: translate(-50%,-50%);z-index:1001; width:90%; height:auto;max-width: 66%;}
.ab_video .videos video{object-fit: contain;width: 100%;height: 100%;}
.ab_video .vclose { position:absolute;right:-35px; top:-20px; border-radius:100%; cursor: pointer; }


/* home_advantage */
 
.home_advantage .title_top{text-align: center;}
.home_advantage .title{margin: 0 auto;font-size: 33px;font-family: stemBold;max-width: 780px;}
.home_advantage .slogan{font-size: 16px;margin: 1.2% auto 0;max-width: 644px;line-height: 1.5;}
.home_advantage ul{}
.home_advantage ul li{width: 33.3%;text-align: center;box-sizing: border-box;position: relative;}
.home_advantage ul li .bg_img{position: relative;padding-bottom: 62.5%;overflow: hidden;}
.home_advantage ul li .bg_img img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;transition:all .3s linear;}
.home_advantage ul li > a{position: absolute;left:0;top:0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 2;}
.home_advantage ul li .wrap{color: #fff;}

.home_advantage ul li i{display: inline-block;margin-bottom: 30px;}
.home_advantage ul li .hd{font-size: 36px;font-family: gotham;}
.home_advantage ul li .line{margin:22px auto 16px;width: 98px;height: 3px;background-color: #fff;}
.home_advantage ul li .con{font-size: 16px;line-height: 1.5;text-transform: uppercase;}
/* .home_advantage ul li:hover{color: #fff;background: #000;}
.home_advantage ul li:hover i{filter: grayscale(1) brightness(100);}
.home_advantage ul li:nth-child(1):hover{background: #000 url(../images/idx_adbg01.jpg) no-repeat right bottom/100%;}
.home_advantage ul li:nth-child(2):hover{background: #000 url(../images/idx_adbg02.jpg) no-repeat right bottom/100%;}
.home_advantage ul li:nth-child(3):hover{background: #000 url(../images/idx_adbg03.jpg) no-repeat right bottom/100%;}
.home_advantage ul li:nth-child(4):hover{background: #000 url(../images/idx_adbg04.jpg) no-repeat right bottom/100%;} */
@media only screen and (min-width:521px){
	.home_advantage ul li:hover .bg_img img{transform:translate(-50%,-50%) scale(1.06)}
}
@media only screen and (max-width:1280px){
	.home_advantage{padding: 100px 0 0;}
	.home_advantage ul li i{width: 58px;}
	.home_advantage ul li .hd{font-size: 18px;}
	.home_advantage ul li{}
}
@media only screen and (max-width:1080px){
	.home_advantage{padding: 64px 0 0;}
	.home_advantage .title{font-size: 26px;max-width: 70%;}
	.home_advantage .slogan{margin-top: 15px;}
}
@media only screen and (max-width:850px){
	.home_advantage{padding: 50px 0 0;}
	.home_advantage .title{max-width: 100%;font-size: 20px;}
	.home_advantage ul li{width: 100%;}
	.home_advantage ul li i{margin-bottom: 10%;}
	.home_advantage ul li .hd{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.home_advantage{padding: 0px 0 0;}
	.home_advantage ul{margin-top: 0;}
	.home_advantage ul li .hd{font-size: 15px;}
}
@media only screen and (max-width:320px){
	.home_advantage{padding:40px 0;}
	.home_advantage ul{margin-top: 0;}
	.home_advantage ul li .hd{font-szie:15px;}
}
    .home_news {
      padding: 50px 0;
    }

    .wtitle {
      border: 1px solid #f2f2f2;
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
      position: relative; /* 为Details横线定位 */
    }

    .newsswiper {
      width: 100%;
      max-width: 1590px;
      margin: 0 auto;
      position: relative;
    }

    .swiper-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: left;
      padding: 0 10px;
      overflow: hidden; 
          box-sizing: border-box;
    }

    /* 图片容器：新增hover放大+遮罩 */
    .slide-img-wrap {
      position: relative;
      width: 100%;
      height: 300px;
      margin-bottom: 15px;
      overflow: hidden;
      transition: all 0.3s ease; /* 过渡动画 */
    }

    /* 图片样式优化 */
    .slide-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease; /* 放大过渡 */
    }

    /* 图片遮罩层 */
    .slide-img-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2); /* 半透明遮罩 */
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1;
    }

    /* hover时图片放大+显示遮罩 */
    .slide-img-wrap:hover .slide-img {
      transform: scale(1.05); /* 放大1.05倍 */
    }

    .slide-img-wrap:hover .slide-img-mask {
      opacity: 1; /* 显示遮罩 */
    }

    .slide-title {
      font-size: 18px;
      font-weight: 500;
      padding-bottom: 10px;
      color: #333;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 10px;
    }

    .slide-detail {
      color: #666;
      text-decoration: none;
      display: flex;
      align-items: center;
      font-size: 14px;
      position: relative;
      transition: color 0.3s ease;
    }

    /* 上下横线样式 */
    
    .slide-detail::after {
      content: "";
      position: absolute;
      width: 30px; /* 横线初始长度 */
      height: 1px;
      background: #666;
      transition: width 0.3s ease, left 0.3s ease, right 0.3s ease;
    }

    /* 上横线 */
    .slide-detail::before {
      top: -5px;
      left: 0; /* 初始靠左 */
      right: auto;
    }

    /* 下横线 */
    .slide-detail::after {
      content: "→"; /* 保留箭头 */
      width: auto; /* 箭头不需要横线宽度 */
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      font-size: 20px;
      background: transparent;
    }

    /* 新增：Details下方横线（原箭头不影响，新增独立横线） */
    .titz .line-bottom {
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 30px;
      height: 1px;
      background: #666;
      transition: width 0.3s ease, left 0.3s ease;
    }

    /* hover时横线向中间收缩 */
    .titz:hover .line-top {
      width: 15px; /* 缩短为15px */
      left: 15px; /* 向右移动，居中 */
    }

    .titz:hover .line-bottom {
      width: 15px; /* 缩短为15px */
      left: 15px; /* 向右移动，居中 */
    }

    /* hover时文字变色 */
    .slide-detail:hover {
      color: #222;
    }

    /* 翻页箭头样式 */
    .swiper-button-prev,
    .swiper-button-next {
      color: #666;
      width: 40px;
      height: 40px;
      background: #f5f5f5;
      border-radius: 50%;
      top: 50%;
      margin-top: -20px;
      transition: all 0.3s ease;
    }

    /* 箭头hover效果 */
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
      background: #e5e5e5;
      transform: scale(1.05);
    }

    .swiper-button-prev::after,
    .swiper-button-next::after {
      font-size: 18px;
      font-weight: bold;
    }

    /* 移动端适配 */
    @media (max-width: 768px) {
      .slide-title {
        font-size: 16px;
      }

      .swiper-button-prev,
      .swiper-button-next {
        width: 30px;
        height: 30px;
      }

      .swiper-button-prev::after,
      .swiper-button-next::after {
        font-size: 14px;
      }

      /* 移动端横线适配 */
      .slide-detail::before,
      .slide-detail .line-bottom {
        width: 20px;
      }

      .slide-detail:hover::before,
      .slide-detail:hover .line-bottom {
        width: 10px;
        left: 10px;
      }
    }