.banner{ width: 100%; display: block; position: relative;}
.banner img{ max-width: 100%;}
.banner .swiper-pagination {
	bottom: .43rem;
}
#banner .swiper-pagination-bullet {
	margin: 0 .1rem;
	width: .14rem; height: .14rem;
	background: #5f5f5f;
	opacity: 1;
}
#banner .swiper-pagination-bullet-active {
	background: var(--gold);
}

.banner .banner-text {
	position: absolute; left: 50%; top: 50%; transform: translateY(-50%); margin-left: -6rem; z-index: 2;
}
.banner .banner-text .line1{
	display: block; margin-bottom: .2rem;
}
.banner .banner-text .line2 {
	display: block; margin-bottom: .84rem;
}
.banner .banner-text .line3 {
	display: block; margin-bottom: .23rem;
}
.banner .banner-text a {
	transition: all 0.3s ease-in-out;
}
.banner .banner-text a:hover{
	opacity: .7;
}



/*产品*/
.index-product ul {
	display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .08rem;
}
.index-product ul li{
	width: 50%; margin-bottom: .08rem; box-sizing: border-box; padding: 0 .04rem 0 0;
}
.index-product ul li:nth-of-type(2n) {
	padding: 0 0 0 .04rem;
}
.index-product ul li a{
	position: relative; width: 100%; display: block; font-size: 0;
}
.index-product ul li a::after{ 
	content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.7); opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; z-index: 2;
}
.index-product ul li a img{
	max-width: 100%;
}
.index-product ul li a .index-product-info{
	position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; z-index: 3; transition: all 0.3s ease-in-out .1s;
}
.index-product ul li a:hover::after,
.index-product ul li a:hover .index-product-info{
 	opacity: 1; transition: all 0.3s ease-in-out;
}

.index-ce {
	margin-bottom: .06rem;
	width: 100%; height: 6.4rem;
	background: url(/images/index-ce.jpg) no-repeat;
	background-position: right;
	position: relative;
	background-size: cover;
}
.index-ce p {
	margin: 2.2rem 0 0 1.08rem;
	font-size: .42rem;
	color: #fff;
}
.index-ad{
	width: 100%; display: block; background: url(../images/i-ad.jpg) no-repeat center center / cover; height: 6.38rem;
}


/*新闻*/
.index-news {
	padding: 1rem 0 1.1rem;
}
.index-title{
	display: block; width: 100%; margin-bottom: .66rem;
}
.index-title .title-ch{
	display: block; line-height: .64rem; text-align: center; width: 100%; font-size: .36rem;
}
.newslist .swiper-wrapper{
	flex-wrap: wrap;
}
.newslist .swiper-slide:first-of-type{
	padding-top: .1rem; border-top: 1px solid #ccc;
}
.newslist .swiper-slide{
	width: 100%; border-bottom: 1px solid #ccc; padding-bottom: .1rem; margin-bottom: .1rem;
}
.newslist .swiper-slide a{
	width: 100%; display: inline-flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;
}
.newslist .picture { 
	width: 2.7rem; height: 1.7rem; position: relative; overflow: hidden; flex-shrink: 0;
}
.newslist .picture::before {
	content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .4); opacity: 0; transition: opacity .9s ease-in-out;
}
.newslist .picture img {
	max-width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: transform 1s ease-in-out;
	transform-origin: 0 0;
}
.newslist .news-info {
	font-size: 0; width: 100%; box-sizing: border-box; padding: 0 .8rem; flex-shrink: 1;
}
.newslist .news-info .time{
	color: #000; font-family: DIN-Medium; font-size: .18rem; display: inline-block; line-height: .24rem; margin-right: .4rem; transition: all 0.3s ease-in-out;
}
.newslist .news-info .SortName{
	color: #000; font-size: .16rem; display: inline-block; line-height: .24rem; transition: all 0.3s ease-in-out;
}
.newslist .news-info .news-title {
	font-size: .25rem; color: #000; line-height: .36rem; display: block; margin-top: .04rem; transition: all 0.3s ease-in-out;
}
.newslist button{
	font-size: .36rem; font-family: "iconfont"; color: #1e1e1e; border: none; background: none; outline: none; height: .6rem; line-height: .6rem; text-align: center; display: inline-block; transition: all 0.3s ease-in-out;
}
.newslist button:hover{
	color: var(--gold);
}
.button{ float: right; margin-top: .24rem;}
.button a{ font-size: .2rem; color: #1e1e1e; line-height: .3rem; transition: all 0.3s ease-in-out;}
.button a i{ font-family: "iconfont"; font-size: .18rem; display: inline-block; margin-left: .02rem; transition: all 0.3s ease-in-out;}
.button a:hover{
	color: var(--gold);
}

.newslist .swiper-slide:hover .picture::before {
	opacity: 1;
}
.newslist .swiper-slide:hover .picture img {
	transform: scale(1.08) translate(-50%, -50%);
}
.newslist .swiper-slide:hover .news-info .time{
	color: var(--titleColor);
}
.newslist .swiper-slide:hover .news-info .SortName{
	color: var(--titleColor);
}
.newslist .swiper-slide:hover .news-info .news-title{
	color: var(--gold);
}

/* @media (max-width: 1366px) {
	.index-title {
		margin: .8rem 0 .5rem;
	}
} */


@media (max-width: 768px) {
	/*banner*/
	.banner .swiper-slide {
		height: auto;
	}
	.index-title .title-en{
		font-size: .32rem; 
		line-height: 1.2; 
		display: block; width: 
		100%;
	}
	.index-title .title-ch{
		font-size: .24rem; 
		float: left;
		line-height: .5rem;
	}
	.index-product ul{
		margin-top: 0rem;
	}


	.index-case-img img{
		max-width: 100%;
	}
	.banner .banner-text {
		margin: 0;
		padding: .83rem 6% 0;
		box-sizing: border-box;
		width: 100%; height: 100%;
		left: 0; top: 0; bottom: unset;
		transform: translateY(0); pointer-events: none;
	}
	.banner .banner-text .line1{
		margin-bottom: .08rem;
	}
	.banner .banner-text .line1 img {
		width: auto; max-height: .55rem;
	}
	.banner .banner-text .line2 {
		margin-bottom: .34rem;
	}
	.banner .banner-text .line2 img {
		width: auto; max-height: .09rem;
	}
	.banner .banner-text .line3{
		margin-bottom: .09rem;
	}
	.banner .banner-text .line3 img {
		width: auto; max-height: .19rem;
	}
	.banner .swiper-pagination {
		bottom: .24rem;
	}
	#banner .swiper-pagination-bullet {
		margin: 0 .03rem; width: .1rem; height: .1rem;
	}

	.banner .banner-text a > img{
		max-height: .14rem;
	}
	
	/* 产品 */
	.index-product ul li{
		width: 100%; padding: 0 !important; margin: .05rem 0 0;
	}
	.index-product ul li a::after,
	.index-product ul li a .index-product-info{
		opacity: 1; transition: all 0.3s ease-in-out;
	}
	.index-ce {
		margin-top: .05rem;
		height: 2.68rem;
		background: url(/images/index-ce-m.jpg) no-repeat;
		background-position: center;
		background-size: 100%;
	}
	.index-ce p {
		margin: .35rem 0 0 13.77%;
		font-size: .18rem;
	}
	/* 间隔 */
	.index-ad{
		height: 2.4rem; margin: .05rem 0 0;
	}
	/* 新闻 */
	.index-news{
		padding: .5rem .2rem;
	}
	.newslist .swiper-slide a{
		flex-wrap: wrap;
	}
	.newslist .picture{
		width: 100%;
	}
	.newslist .picture img {
		height: auto;
	}
	.newslist .news-info{
		padding: .2rem 0;
	}
	.newslist button{
		display: none;
	}

}