<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.service_left .ser_pic img, .data_item::before, .data_item .adv_pic img, .sdata_info, .solution_item .solu_pic img{

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.service_left .ser_pic:hover img, .data_item:hover .adv_pic img, .solution_item:hover .solu_pic img{

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

}

.s_service_inner_box .s_service_inner:nth-child(even) .service_left {
	order: 2;
}
.s_service_inner_box .s_service_inner:nth-child(even) .service_right  {
	order: 1;
}

.s_service_inner{padding: 4% 0 0;}

.service_left{width: 50%;}

.service_left .ser_pic{padding-bottom: 81.7%;}

.service_right{width: 46%;}

.web_th .s_title{color: #028ece;}

.web_th .title{text-transform: capitalize;}

.web_th .title a{color: inherit;}

.service_right .web_th .brief{margin-top: 3%; overflow-y: auto; padding-top: 0;}

.web_th .brief p{padding-bottom: 3%;}


@media only screen and (max-width: 1040px){
.service_right .web_th .brief{
max-height: 310px;
}
}


@media only screen and (max-width: 950px) {
	.s_service_inner_box .s_service_inner:nth-child(even) .service_left {
		order: 1;
	}
	.s_service_inner_box .s_service_inner:nth-child(even) .service_right  {
		order: 2;
	}

	.s_service_inner{flex-direction: column; padding: 30px 0 0;}

	.service_left{width: 100%;}

	.service_right{width: 100%; margin-top: 20px;}

	.service_right .web_th .brief{padding-top: 0; margin-top: 15px;max-height: unset;}

}



/* s_service_solution */

.s_service_solution{margin-bottom: 74px;}

.solution_left{width: 50%; background: #333; box-sizing: border-box; justify-content: center;}

.solution_right{width: 50%; position: relative;}

.solution_right::before{position: absolute; left: 0; top: 0; height: 100%; width: 92%; content: ''; background: #028ece;}



.solution_left{padding-left: calc((100% - 1400px)/ 2);}

.solution_info{padding: 2% 0 4%; width: 80%;}

.solution_info .web_th .title{color: #fff;}

.solution_info .web_th .brief{color: #fff; padding-top: 0; margin-top: 10px; max-height: 7em; overflow-y: auto;}

.solution_info .pubMore{background: #028ece; margin-top: 8%;}

.solution_info .pubMore:hover{background: #fff; color: #028ece !important;}

.solution_info .pubMore:hover::after{background-image: url(../img/icon_more_f.png);}



.solution_inner{margin: 8% 0 -74px -74px; position: relative; z-index: 1;}

.solution_item .solu_pic{padding-bottom: 60.6%;}

.solution-prev, .solution-next{top: unset; margin: 0; bottom: 0; width: 74px; height: 74px; border-radius: 0;}

.solution-next:before, .solution-prev:before{line-height: 74px; font-size: 38px; display: block;}

.solution-next:before{content: '\f105';}

.solution-prev:before{content: '\f104';}

.solution-prev{left: -74px;}

.solution-next{right: unset; left: 0;}

.swiper-button-next,.swiper-button-prev{

	background-image: none !important;

}

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

	.solution_left{padding-left: 50px;}

}

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

	.s_service_solution{margin-bottom: 60px;}

	.solution_inner{margin: 8% 0 -60px -60px;}

	.solution-prev, .solution-next{height: 60px; width: 60px;}

	.solution-next:before, .solution-prev:before{line-height: 60px; font-size: 32px;}

	.solution-prev{left: -60px;}

}

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

	.s_service_solution{flex-direction: column; margin-bottom: 10px;}

	.solution_left{width: 100%; padding: 20px 10px;}

	.solution_info .web_th .brief{max-height: unset;}

	.solution_info{padding: 0; width: 100%; box-sizing: border-box;}

	.solution_info .pubMore{margin-top: 15px;}

	

	.solution_right{width: 100%;}

	.solution_inner{margin: 10px 0 -10px 10px;}

	.solution_right::before{width: calc(100% - 10px);}

	

	.solution-prev, .solution-next{height: 40px; width: 40px;}

	.solution-next:before, .solution-prev:before{line-height: 40px; font-size: 26px;}

	.solution-prev{left: 0;}

	.solution-next{right: unset; left: 42px;}

}





/* s_service_data */

/* .s_service_data{padding-bottom: 3%;} */

.service_ul{}

.data_item{width: calc(50% - 15px); margin-right: 30px; position: relative; overflow: hidden; margin-bottom: 4%;}

.data_item:nth-child(2n){margin-right: 0;}

.data_item .adv_pic{padding-bottom: 57.5%;}

.data_item::before{position: absolute; bottom: 0; height: 0; left: 0; right: 0; content: ''; z-index: 1; background: linear-gradient(to top, #028ece, rgba(230, 88, 65, 0.5), transparent, transparent);}



.sdata_info{position: absolute; bottom: 0; left: 0; right: 0; padding: 0 6%; color: #fff; z-index: 2; height: 0;}

.sdata_info .title{font-size: 26px; line-height: 1.5; height: 3em; overflow: hidden; text-align: center;}

.sdata_info .title a{color: #fff;}

.linkA{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3;}



.data_item:hover .sdata_info{height: auto; bottom: 7%;}

.data_item:hover::before{height: 100%;}



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

	.sdata_info .title{font-size: 24px;}

}

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

	.sdata_info .title{font-size: 22px;}

	

	.data_item{width: 100%; margin-right: 0; margin-bottom: 15px;}

	.data_item .sdata_info{height: auto; bottom: 7%;}

	.data_item::before{height: 100%;}

}



</pre></body></html>