.btn_container{
	text-align:center;
	margin-top:40px;
	
}

.btn{
	display:inline-block;
	border-radius:50px;
	background-color:#5ec92e;
	border:1px solid #5ec92e;
	transition:0.6s all;
	
}
.btn:hover{
	border-radius:8px;
	transition:0.6s all;
	
}

.btn a{
	display:inline-block;
	padding:12px 30px;
	color:#fff;
	font-weight:700;
	
}

.btn_w{
	background-color:#fff;
	border:1px solid #5ec92e;
	
}


.btn_w a{
	color:#525252;
	
}

.home_h1{
	font-size:40px;
	color:#000;
	font-weight:700;
	margin-bottom:30px;
	text-align:center;
}

.home_h1 span{
	font-size:40px;
	color:#5ec92e;
	font-weight:500;
	margin-bottom:30px;
	text-align:center;
}

.home_h2{
	font-size:34px;
	color:#92308d;
	font-weight:700;
	margin-bottom:30px;
	text-align:center;
}


.search_section{
	padding:80px 0; 
	
}
 
.search_section .search{
	position:relative;
	
}

.search_section .search input{
	border-radius:3px;	
	border:0px;
	background-color:#edefef;
	border-radius:50px;
	height: 63px;
	font-size:20px;
	font-weight:700;
	padding-left:25px;
}

.search_section .search input::placeholder {
	font-size:20px;
	font-weight:700;
	color:#a4a4a4;
}

.search_section .search .search_btn{
	background-color:#5ec92e;
	height:40px;
	display:inline-block;
	border-radius:3px;		
	padding:8px 15px;
	box-sizing:border-box;
	font-size:18px;
	color:#fff;
	border-radius: 50px;
    height: 55px;
	padding-top:15px;
	position:absolute;
	right:4px;
	top:4px;
}

.about_section{
	background-image:url('../img/home_about.jpg');
	min-height:490px;
	width:100%;	
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.about_section .container{
	position:relative;

	
}

.about_container{
	position:absolute;
	width:100%;
	top:300px;
	z-index:20;	
	box-sizing: border-box;
	left:0px;
}

.about_bg{
	position:relative;
	width:100%;
	border-radius:15px;
	box-sizing: border-box;
	transform: skew(0deg, -4deg);
	height:400px;
	background-color:#fff;
}


.about_content{
	position:absolute;
	top:0px;
	height: 400px;
}

.adv_section{
	padding-top:480px;
	padding-bottom:180px;
}

.adv_section .left{
	float:left;
	width:50%;
	padding:15px;
	box-sizing:border-box;
	
}


.adv_section .right{
	float:left;
	width:50%;
	padding:15px;
	padding-top:50px;
	box-sizing:border-box;
	
}

.adv_section .item{
	background-color:#1a1a1a;
	border-radius:5px;
	padding:50px;
	color:#fff;
	font-weight:700;
	font-size:20px;
	box-sizing: border-box;	
	height:200px;
	margin-bottom:30px;
}

.adv_section .item .col_td:first-child{
	width:25%;
}

.adv_section .item .col_td{
	padding:10px;
}

.quality_section{
	padding:120px 40px 60px 40px;
	background-image:url('../img/BG-quality.jpg');
	background-size:cover;
	
}

.quality_section .right{
	padding:40px 20px;
	
	
}

.app_section {
	padding:40px 0px 120px 0px;
	
}


.app_section .list>div{
	float:left;
	width:33.3%;
	box-sizing:border-box;
	
}


.app_section .item{
	width:100%;
	box-sizing:border-box;
	padding:5px;
	
}

.app_section .item .bg_container{
	width:100%;
	box-sizing:border-box;
	border-radius:5px;
	overflow:hidden;
    position: relative;
	background-color:#000;
    transition: all 0.3s;	
}


.app_section .item .bg{
	width:100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.3s;	
	opacity:0.7;	
}	
	

.app_section .item .title{
	color:#fff;
	position:absolute;
	font-weight:700;
	font-size:36px;
    transition: all 0.3s;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
}



.app_section .item .bg_container:hover{
	border-radius:20px;
    transition: all 0.3s;
}



.app_section .item .bg_container:hover .bg{
	opacity:1;
    transition: all 0.3s;
	transform:scale(1.1);
}


.app_section .item .bg_container:hover .title{
    transition: all 0.3s;
	font-size:24px;	
}



.app_section .item.aero .bg{
	height:403px;	

}


.app_section .item.aero .title{
	height:403px;	

}

.app_section .item.medical .bg{
	height:489px;	

}

.app_section .item.medical .title{
	height:489px;	

}

.app_section .item.auto .bg{
	height:445px;	

}

.app_section .item.auto .title{
	height:445px;

}

.app_section .item.fiveg .bg{
	height:448px;	

}

.app_section .item.fiveg .title{
	height:445px;

}


.app_section .item.ecom .bg{
	height:358px;	

}

.app_section .item.ecom .title{
	height:358px;

}


.app_section .item.industrial .bg{
	height:538px;	

}

.app_section .item.industrial .title{
	height:538px;

}





@media (max-width: 1199px){
	.banner_img{
		padding-top:30px;
		
	}
	
	.banner_img .img_container img{
		width: 185px;
		margin-top: 0px;
		
	}
	
	.banner_img .banner_content{
		padding:30px 50px;
		
	}
	
	.adv_section{
		padding-top: 380px;
		padding-bottom: 180px;
		
	}
	
}


@media (max-width: 991px){
	.banner_img{
		padding-top:30px;
		
	}
	
	.banner_img .img_container img{
		display:none;
		width: 185px;
		margin-top: 0px;
		
	}
	
	.banner_img .banner_content{
		padding:30px 50px;
		
	}
	
	.adv_section .left{
		width: 100%;
		padding-bottom: 0px;
		
	}
	
	.adv_section .right{
		width: 100%;
		padding-top: 0px;
	}
	
	
	.adv_section .col_td{
		display:table-cell;
	}
	
	.app_section .list>div{
			width:100%;
		
	}
		
	.app_section .item.medical .bg{
		height:489px;	

	}


	.app_section .item.auto .bg{
		height:489px;	

	}


	.app_section .item.fiveg .bg{
		height:489px;	

	}

	.app_section .item.ecom .bg{
		height:489px;		

	}


	.app_section .item.industrial .bg{
		height:489px;	

	}
	
	
}

@media (max-width: 767px){
	.menu_container{
		
	}
	.about_content{
		top:60px;
	}

	.about_container {
		width: 100%;
		margin:auto;
		padding:20px 0;
	}

	.about_bg {
		width: 90%;
		margin:auto;
		height:540px;
	}


	.about_content .col_td {
		text-align:center;
	}
	.quality_section .col_td img{
		 width: 50%;
         float: left;
	}


}