.max-with-800{
	max-width: 800px;
}
.service-title{
	font-weight: bold;
    color: #f8952c;
    line-height: 2.5rem;
    position: relative;
    padding-left: 1.25rem;
}

.service-title:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: #004f90;
}

.oembg{
	background: #FFFFFF;
}
.oembgb{
	background: #004f90;
}
.oem1{
	padding: 130px 0;
}

.table-padding td{
	padding: 1.5rem 1rem;
	vertical-align:middle;
}

.index-service-tabs{
	display: flex;
	flex-wrap: wrap;
}
.index-service-tabs li{
	max-width: 50%;
    flex: 0 0 50%;
    background: #004f90;
    padding: 2.5rem 1.25rem;
    position: relative;
    cursor:pointer;
}
.index-service-tabs li:hover:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.1;
	left: 0;
	top: 0;
}


.index-service-tabs li.active{
	background: #f8952c;
}

.index-service-tabs li h2{
	color: #FFFFFF;
	font-weight: bold;
}
.index-service-tabs li p{
	color: #fff;
    margin: 0;
    line-height: 2rem;
}

.product-doc{color: #004f90;}

.itembox{
	max-height: 100%;
}
.itembox .item{
	justify-content: center;
    align-items: center; 
    color: #FFFFFF;
    font-size: 2rem; 
    background-color: #f8952c;
    display: flex;
    height: 100%;
    padding-top: 100%;
    position: relative;
   
}
.itembox .item h4{
	font-size: 30px;
	margin-bottom: 0;
}
.itembox .itembg{
	background: #004f90;
}

.itembox .item .item-pso{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.advantages_box{
	padding-bottom: 1.75rem;
	border-bottom: 1px solid #CCCCCC;
}
.advantages_right h2{
	color: #004f90;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.25rem;
}       

.advantages_right .right_item h4{
	font-size: 1.25rem;
	color: #f8952c;
	margin-top: 2.25rem;
}  

.package-material-tabs{
	display: flex;
	flex-wrap: wrap;
}

.package-material-tabs li{
	max-width: 25%;
	flex: 0 0 25%;
	background: #004F90;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	line-height: 5rem;
	cursor:pointer;
}
.package-material-tabs li.active{
	background: #F8952C;
}    
.package-material-tabs li:hover{
	background: #F8952C;
}
.material h2{color: #F8952C;}
.odm-tabs{
	height: 100%;
}
.odm-tabs li{
	background: #004F90;
	color: #FFFFFF;
	height: 25%;
	font-size: 1.375rem;
	cursor:pointer;
}
.odm-tabs li a{color: #FFFFFF;}
.odm-tabs li.active{background: #F8952C;}
.oemfaq{
	background: #FFFFFF;
	padding: 3rem 2rem;
}
.oemfaq .sqltitle{
	color: #004F90;
	border-bottom: 1px solid #CCCCCC;
}
.oemfaq .sqltitle img{
	max-width: 30px;
	margin-right: 1rem;
}
.faq-box h4{
	color: #f8952c;
	font-size: 1.25rem;
	}


.iframe{
	height: 675px;
}



.global_box{
	padding: 2rem 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.global_box .global_img{
	
	margin: 1rem 0;
	position: relative;

}
.global_box .global_img p{
	position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #FFFFFF;
    z-index: 9;
    font-size: 1rem;
    padding: 1rem;
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;

}
.global_box .global_img:after{
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0,79,144,0.8);
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;

}
    

.global_box .global_img:hover:after{
	opacity: 0;
}

.global_box .global_img:hover p{
	opacity: 0;
}




.global_box .global_img img{
	border: 1px solid #ccc;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}



.certification_box .swiper-slide p{
	position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: #FFFFFF;
    z-index: 9;
    font-size: 1rem;
    padding: 1rem;
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;

}
.certification_box .swiper-slide:after{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0,79,144,0.8);
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
    

.certification_box .swiper-slide:hover:after{
	opacity: 0;
}

.certification_box .swiper-slide:hover p{
	opacity: 0;
}


.certification_box{
	margin-bottom: 60px;
	position: relative;
/*	padding: 0 30px;*/ 
	border-top: 1px solid #ccc;
}
#certification_swiper{
	padding: 46px 0;

}


.certification_box .swiper-button-next:after,.certification_box .swiper-button-prev:after{
	color: #FFFFFF;
    background: rgb(232 227 227 / 46%);
    padding: 10px 5px;
    font-size: 30px;
    border-radius: 5px;
}
.certification_box .swiper-button-next{
	left: 100%;
	right: auto;
}
.certification_box .swiper-button-prev{
	right: 100%;
	left: auto;
}



#certification_swiper img{
	border: 1px solid ;
}
.certification_box .swiper-pagination{
	bottom: 5px;
	width: 100%;
    left: 0;
}
.certification_box .swiper-pagination .swiper-pagination-bullet{
	width: 9.090909%;
	height: 1px;
	background: #ccc;
	opacity: 1;
	border-radius: 0;

}
.certification_box .swiper-pagination .swiper-pagination-bullet-active{
	height: 0;
	background: #f8952c;
	padding: 1px 0;

}




.design_cases{
	position: relative;
}


.design_cases_title{

	border-top: 1px solid #fff;
	margin-top: 30px;
	padding: 10px 0;

}
.design_cases_title h2{
	color: #FFFFFF;
}
.design_cases_title p{
	color: #FFFFFF;
}



@media (max-width: 1199.98px) {
	.service-title{
		font-size: 1.75rem;
		line-height: 2rem;
	}
	.table-padding td{
		padding: 1.25rem .75rem;
	}
	.index-service-tabs li{
		padding: 2.25rem 1rem;
	}
	.index-service-tabs li h2{
		font-size: 1.75rem;
	}
	.advantages_right h2{
		font-size: 1.75rem;
		padding-bottom: 1rem;
	}
	.advantages_right .right_item h4{
		margin-top: 2rem;
	}
	.odm-tabs li{
		font-size: 1rem;
	}


	.design_cases_title{

		margin-top: 28px;
	

	}
	.design_cases_title h2{
		font-size: 1.75rem;
	}

}

@media (max-width: 991.98px) {
	.oem1{
		padding: 6rem 0;
	}
	.table-padding td{
		
	}
	.index-service-tabs li{
		padding: 1.5rem 1rem;
	}
	.index-service-tabs li h2{
		font-size: 1.5rem;
	}
	.index-service-tabs li p{
		line-height: 1.5rem;
	}
	.itembox .item h4{
		font-size: 1.5rem;
	}
	.advantages_right h2{
		font-size: 1.5rem;
	}
	.advantages_right .right_item h4{
		margin-top: 1rem;
	}
	.advantages_box{
		padding-bottom: 1rem;
	}
	.material h2{
		font-size: 1.5rem;
	}
	.package-material-tabs li{
		line-height: 4rem;
	}
	.odm-tabs li{
		height: 100%;
	}
	.iframe{
		height: 390px;
	}
	.oemfaq{
		padding: 2rem 1rem;
	}


	.certification_box{
		margin-bottom: 40px;
	}
	#certification_swiper{
		padding: 30px 0;
		
	}

	.certification_box .swiper-button-next{
		left: auto;
		right: 10px;
	}
	.certification_box .swiper-button-prev{
		right: auto;
		left: 10px;
	}

	.design_cases_title{

		margin-top: 24px;


	}
	.design_cases_title h2{
		font-size: 1.5rem;
	}


}

@media (max-width: 767.98px) {
	.oem1{
		padding: 4rem 0;
	}
	.service-title{
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.table-padding td{
		padding: .75rem 0.5rem;
		font-size: .875rem;
	}
	.index-service-tabs li{
		max-width: 100%;
    	flex: 0 0 100%;
    	padding: 1rem 0.75rem;
	}
	.index-service-tabs li h2{
		font-size: 1.25rem;
	}
	.itembox{
		margin-bottom: 2rem;
	}
	.advantages_right h2{
		font-size: 1.25rem;
		padding-bottom: 0.5rem;
	}
	.advantages_right .right_item h4{
		font-size: 1rem;
	}
	.advantages_right .right_item p{
		font-size: .875rem;
	}
	.material h2{
		font-size: 1.25rem;
	}
	.package-material-tabs li{
		max-width: 50%;
    	flex: 0 0 50%;
    	line-height: 2.5rem;
    	font-size: .875rem;
	}
	.odm-tabs li{
		font-size: .75rem;
		padding: .5rem 0;
	}
	
	.iframe{
		height: 260px;
	}
	.oemfaq .sqltitle img{
		max-width: 1.5rem;
		margin-right: .75rem;
	}
	.oemfaq .sqltitle h2{
		font-size: 1.5rem;
	}
	/*.oemfaq .faq-box{
		max-height: 240px;
		overflow-y: auto;
	}*/
	.faq-box h4{
		font-size: 1rem;
	}
	.faq-box p{
		font-size: .875rem;
	}


	.certification_box{
		margin-bottom: 20px;
	}

	.design_cases_title{

		margin-top: 20px;


	}
	.design_cases_title h2{
		font-size: 1.25rem;
	}

}

@media (max-width: 575.98px) {


}