@media only screen and (min-width: 320px) and (max-width: 740px) {	
	.case .world img{width: 100%;height: auto;}
.banner .swiper-slide a{font-size: 0.24rem;width: 55%;}
.banner .swiper-slide a	i{display: block;font-size: 0.44rem;}
.wwd .pro{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%),1fr));grid-gap: 0.03rem 0rem;text-align: center;margin-bottom: -2rem;}
.about .ab img{width: 100%;height: auto;}
.about .ab .text{text-align: center;margin:0.4rem 0 0 0;}
.case .world{flex-wrap: wrap;padding: 0.4rem 0.3rem !important;}
.news .list .tu,.case .world .text{width: 100%;}
.news .list ul{width: 100%;margin: 0.3rem 0;}
		
					}					
		@media only screen and (min-width: 741px) and (max-width:1200px) {	
			.case .world img{width: 61%;height: auto;}
.banner .swiper-slide a{font-size: 0.3rem;width: 60%;}
.banner .swiper-slide a	i{display: block;font-size: 0.64rem;}
		.wwd .pro{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.03rem),1fr));grid-gap: 0.03rem 0.03rem;text-align: center;margin-bottom: -2rem;}
.about .ab img{width: 58.25%;height: auto;}
.about .ab .text{width:37%;text-align: center;margin:1.27rem 0 0 0.46rem;}
.news .list .tu{width: 57.92%;}
		.news .list ul{width: 37.33%;}
		.case .world .text{width: 4.17rem;}
		.news .list ul li{height:26.3%;}
					}
		@media only screen and (min-width: 1200px)  {
					.wwd .pro{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.03rem),1fr));grid-gap: 0.03rem 0.03rem;text-align: center;margin-bottom: -2rem;}
			.case .world img{width: 100%;height: auto;}
.banner .swiper-slide a{font-size: 0.4rem;width:707px;}
.banner .swiper-slide a	i{display: block;font-size: 0.64rem;}
.about .ab img{width: 58.25%;height: auto;}
.about .ab .text{width: 37%;text-align: center;margin:1.27rem 0 0 0.46rem;}
.news .list .tu{width: 57.92%;}
		.news .list ul{width: 37.33%;}
		.news .list ul li{height:26.3%;}
					}	
		
		/* 自定义文字分页器样式 */
		.custom-pagination {
			position: absolute;
			bottom: 0.3rem;
			left: 0;
			width: 100%;
			display: flex;
			z-index: 10;
		}
		.custom-pagination-btn {
			flex: 1;
			padding: 0.14rem 0;
			border: none;
			border-top: 0.06rem solid rgba(255,255,255,0);
			background: none;
			color: #fff;
			font-size: 0.24rem;
			cursor: pointer;
			transition: all 0.3s;
		}
		.custom-pagination-btn.active {
			border-top: 0.06rem solid rgba(255,255,255,1);
		}
		.swiper-slide img{display: block;width: 100%;height: auto;}
		.banner .swiper-slide a{display: block; z-index: 9999;position: absolute;top: 50%;left: 50%;
		transform: translate(-50%, -50%);text-align: center;color: #fff;}
		.solution{text-align: center;padding: 0.71rem 0 0.88rem 0;}
		.solution h2{font-size: 0.4rem;color: #333;font-weight: 400;}
		.solution p{font-size: 0.28rem;color: #5A5A5A;margin: 0.31rem 0 0.4rem 0;}
		.solution a{background: #699D3E;border: 2px solid #699D3E;border-radius: 5px 5px 5px 5px;font-size: 0.2rem;color: #fff;padding: 0.11rem 0.31rem;}
		.solution a:hover{border: 2px solid #699D3E;color: #699D3E;background:none;}
		.wwd{background: #F2F2F2;padding: 0.42rem 0 1px 0;}
		.wwd h2{font-size: 0.4rem;font-weight: 900;color: #333;}
		.wwd .tubiao{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25%),1fr));text-align: center;margin: 0.13rem 0 0.15rem 0;}
		.wwd .tubiao div{font-size: 0.2rem;color: #5A5A5A;font-weight: bold;}
		.wwd .tubiao div i{display: block;font-size: 0.5rem;font-weight: 400;}

		.wwd .pro li img{display: block;width: 100%;height: auto;}
		.wwd .pro li{position: relative;}
		.wwd .pro li .zz{position: absolute;top: 0.85rem;left: 0;width: 100%;color: #fff;}
		.wwd .pro li .zz i{font-size: 0.6rem;}
		.wwd .pro li .zz h3{font-size: 0.2rem;margin-top: 0.2rem;}
		.wwd .pro li:hover h3{color: #699D3E;}
		.about {margin: 2.8rem 0 0.8rem 0;}
		.about .heng{width: 37.67%;height: 1px;background: #707070;margin: 0 auto;}
		.about .ab{display: flex;margin: 0.48rem 0;flex-wrap: wrap;}
		.about .ab .text p{font-size: 0.28rem;color: #333;margin-bottom: 0.41rem;}
		.about .ab .text a{background: #699D3E;border: 2px solid #699D3E;border-radius: 5px 5px 5px 5px;font-size: 0.2rem;color: #fff;padding: 0.1rem 0.55rem;}
		.about .ab .text a:hover{background: #fff;color: #699D3E;}
		.news{background: linear-gradient(to right, #FDFDFD, #DBDCDD);padding: 0.42rem 0 0.69rem 0;}
		.news h2{font-size: 0.4rem;color: #333;font-weight: 900;}
		.news .list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0.25rem 0 0.49rem 0;}
		.news .list img{display: block;width: 100%;height: 100%;}
		.news .list .tu{position: relative;}
		.news .list .tu .zi{position: absolute;left: 0;bottom: 0;padding:0.21rem 0.26rem;}
		.news .list .tu .zi span{font-size: 0.2rem;color: #fff;background: #699D3E;padding: 4px;}
		.news .list .tu .zi .date{font-size: 0.2rem;color: #fff;margin: 0.12rem 0 0.05rem 0;}
		.news .list .tu .zi h3{font-size: 0.18rem;color: #fff;font-weight: 400;}
		.news .list ul li{background: #fff;border: 1px solid #707070;padding: 0.12rem 0.17rem 0.17rem 0.17rem;}
		.news .list ul li:nth-of-type(2){margin: 8px 0;}
	    .news .list ul li span{font-size: 0.2rem;color: #fff;background: #699D3E;padding: 4px;}
		 .news .list ul li .date{font-size: 0.16rem;color: #5A5A5A;margin: 0.12rem 0 0.17rem 0;}
		 .news .list ul li  h3{font-size: 0.18rem;color: #5A5A5A;font-weight: 400;}
		.news .more{background: #699D3E;border: 2px solid #699D3E;border-radius: 5px 5px 5px 5px;font-size: 0.2rem;color: #fff;padding: 0.12rem 0.29rem;}
		.news .more:hover{background: #fff;color: #699D3E;}
		 .news .list ul li:hover h3{color: #699D3E;}
		
		
					
		
		
		
		