.swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;image-rendering: pixelated;}
.service,.plan,.case,.news{width:100%;height:auto;overflow:hidden;padding:30px 0 80px}
.service .sy_ser{width:16.6666%;height:auto;float:left;overflow:hidden;position:relative;display:inline-block;transition:all .6s;-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);-o-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear}
.service .sy_ser .sy_ser_l{position:relative;width:100%;height:300px;float:left;transition:all .6s;background:#f7f7f7;transition:all .6s}
.service .sy_ser .sy_ser_l h4{font-size:2.4rem;text-align:center;margin-top:40px}
.service .sy_ser .sy_ser_l span{display:block;height:100px;width:100px;overflow:hidden;margin:30px auto}
.service .sy_ser .sy_ser_l span img{height:100px;margin-left:0}
.service .sy_ser .sy_ser_l p{position:absolute;display:block;bottom:0;left:0;width:90%;height:50px;font-size:1.2rem;line-height:2.2rem;text-align:center;color:#6c6c6c;padding:11px 5% 0;border-top:1px #e5e5e5 dashed}
.service .sy_ser .sy_ser_r{width:100%;background:#ffffff;height:300px;float:left;position:absolute;left:100%;transition:all .6s}
.service .sy_ser .sy_ser_r a{display:block;font-size:1.2rem;line-height:5.9rem;border-bottom:1px dotted #CCCCCC;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service .sy_ser.on{width:33.3333%;transition:all .6s}
.service .sy_ser.on .sy_ser_l{width:50%;transition:all .6s;background-image:linear-gradient(90deg,#00bcd5 0%,#38cdba 100%),linear-gradient(#0072be,#0072be)}
.service .sy_ser.on .sy_ser_l span img{margin-left:-100px}
.service .sy_ser.on .sy_ser_l h4 a,.service .sy_ser.on .sy_ser_l p{color:#ffffff}
.service .sy_ser.on .sy_ser_r{width:50%;left:50%;transition:all .6s}

.news{background:#f7f7f7}
.news .sy_news .sy_newslist{display:none}
.news .sy_news .sy_newslist.active{display:block}
.news .news-item{margin-top:30px}
.news .news-item .recom{width:31%;height:auto;float:left;position:relative;background:#fff;overflow:hidden;padding:1.25% 2%}
.news .news-item .newsimg{position:relative;width:100%;padding-top:61.98%;overflow:hidden}
.news .news-item .recom img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .6s}
.news .news-item .recom:hover img{transform:scale(1.1)}
.news .news-item .recom .newsinfo{position:relative;background:#ffffff;width:96%;padding:2%;transition:0.5s;margin-top:8px}
.news .news-item .recom .newsinfo h3{color:#444;font-size:1.9rem;display:block;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news .news-item .recom .newsinfo p{overflow:hidden;color:#888;line-height:2rem;height:4rem;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.news .news-item .recom .newsinfo span{display:block;margin-top:8px}
.news .news-item .news-list{float:right;width:63%}
.news .news-item dl{display:block;float:left;background:#fff;width:45%;margin-bottom:1rem;padding:2%}
.news .news-item dl:hover{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.2);-o-box-shadow:1px 1px 12px rgba(0,0,0,.2);box-shadow:1px 1px 12px rgba(0,0,0,.2);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.news .news-item dl:nth-child(2n){float:right}
.news .news-item dl dt{display:block;width:20%;float:left;text-align:center;font-size:1.4rem;color:#888;border-right:1px solid #efefef}
.news .news-item dl dt span{position:relative;display:block;font-size:2.6rem;color:#666;margin-bottom:15px}
.news .news-item dl dt span::after{position:absolute;width:20px;height:2px;background:#16c3ca;bottom:-8px;left:50%;margin-left:-10px;content:''}
.news .news-item dl dd{display:block;width:78%;float:right}
.news .news-item dl dd h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.news .news-item dl dd h3 a{color:#444;font-size:1.6rem;font-weight:normal;transition:all 0.3s;margin-bottom:15px}
.news .news-item dl dd h3 a:hover{color:#16c3ca}
.news .news-item dl dd p{color:#888;overflow:hidden;height:4rem;line-height:2rem;margin-top:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media (max-width:1200px) and (min-width:1000px){
	.service .sy_ser .sy_ser_l h4{font-size:1.8rem;margin-top:20px}
	.service .sy_ser .sy_ser_l span{height:60px;width:60px;margin:15px auto}
	.service .sy_ser .sy_ser_l span img{height:60px}
	.service .sy_ser.on .sy_ser_l span img{margin-left:-60px}
	.service .sy_ser .sy_ser_l,.service .sy_ser .sy_ser_r{height:175px}
	.service .sy_ser .sy_ser_r a{line-height:3.4rem}
	.service .sy_ser .sy_ser_l p{height:30px;line-height:1.5rem;padding:6px 5% 0}
	.service,.plan,.case,.news{padding:15px 0 40px}
	.news .news-item .recom .newsinfo h3{font-size:1.6rem}
	.news .news-item dl dd h3 a{font-size:1.4rem}
	.news .news-item dl{margin-bottom:10px;padding:2%}
	.news .news-item dl dd p{height:3rem;line-height:1.5rem;margin-top:10px}
}
@media (max-width:1000px){
	.service,.plan,.case,.news{padding:1rem 0}
	.service .sy_ser{width:100%;height:auto;margin-bottom:1rem}
	.service .sy_ser .sy_ser_l{position:relative;width:30%;height:auto;float:left}
	.service .sy_ser .sy_ser_l h4{font-size:1.4rem;margin-top:1.5rem}
	.service .sy_ser .sy_ser_l span{height:4rem;width:4rem;margin:0.5rem auto 1rem}
	.service .sy_ser .sy_ser_l span img{height:4rem}
	.service .sy_ser .sy_ser_l p{display:none}
	.service .sy_ser .sy_ser_r{width:70%;left:30%;padding:0.8rem 0}
	.service .sy_ser .sy_ser_r a{line-height:2.5rem;padding:0 3%;width:44%;border-bottom:none;float:left}
	.service .sy_ser.on{width:100%}
	.service .sy_ser.on .sy_ser_l{width:35%}
	.service .sy_ser.on .sy_ser_l span img{margin-left:-4rem}
	.service .sy_ser.on .sy_ser_r{width:65%;left:35%}
	.news .news-item{margin-top:0}
	.news .news-item .recom{width:96%}
	.news .news-item .recom .newsinfo p{font-size:1.2rem;}
	.news .news-item .news-list{width:100%;margin-top:1rem}
	.news .news-item dl{width:96%;margin-bottom:1rem;padding:2%;float:left}
	.news .news-item dl:nth-child(2n){float:left}
	.news .news-item dl dd h3 a,.news .news-item .recom .newsinfo h3{font-size:1.4rem;}
}