@charset "utf-8";

/*--------------index news-----------------------*/
.newsBorder{
	display:block;
	width:29.33333%;
	height:auto;
	margin:0 2% 4% 2%;
	float:left;
	padding:2% 1%;
}
/*.newsBorder >  span.newsSub{
	font-size:1em;
	color:#000;
	font-weight:600;
	float:left;
	width:98%;
	height:70px;
	line-height:1.2em;
	margin-bottom:15px;
	margin-top:5px;
	overflow:hidden;
}*/
.newsBorder >span.newsSub,
.aboutText > span.aboutSub{
	font-size:1.3em;
	color:#000;
	font-weight:600;
	float:left;
	width:98%;
	height:50px;
	line-height:1.1em;
	margin-bottom:12px;
	margin-top:12px;
	overflow:hidden;
}
.newsBorder > span.newsDate{
	font-size:0.9em;
	color:#7d7d7d;
	font-weight:300;
	float:left;
	width:98%;
	height:15px;
	line-height:1.1em;
	margin-bottom:3px;
	overflow:hidden;
}
.newsBorder > span.newsTxt{
	float:left;
	width:98%;
	height:100px;
	line-height:1.3em;
	margin-top:15px;
	margin-bottom:12px;
	overflow:hidden;
}
.aboutText > span.aboutTxt{
	font-size:1.1em;
	color:#fff;
	font-weight:500;
	float:left;
	text-align:center;
	width:100%;
	height:auto;
	line-height:2em;
	margin-bottom:20px;
	overflow:hidden;
}
.moreBorder{
	margin:5% 11% 4% 0;
	background:#2c3e62;
	padding:2% 11%;
	width:auto;
	height:auto;
	float:left;
}
.moreBorder a{
	display:block;
}
.moreBorder:hover{
	background:#435881;
}
.moreBorder >span.moreNews{
	width:auto;
	height:auto;
	float:right;
	margin-top:12px;
	padding-bottom:2px;
}
.moreBorder >span.moreNews a:hover{
	color:#000;
}
.moreBorder >span.moreNews a{
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#9c9999;
	width:100%;
	height:auto;
	line-height:1em;
}
.aboutText >span.aboutBtu{
	width:15%;
	height:auto;
	/*clear:left;
	float:left;*/
	height:43px;
	line-height:43px;
	/*margin:auto 15% auto 15%;*/
	padding-bottom:2px;
	margin-bottom:4%;
	background:#d3e0e2;
	border-radius:6px;
	text-align:center;
	letter-spacing:1px;
	display:inline-block;
  	vertical-align:middle;
}
.aboutText >span.aboutBtu:last-child{
	background:#6b6b6b;
	margin-left:3%;
}
.aboutText >span.aboutBtu:last-child a{
	color:#d3e0e2;
}
.aboutText >span.aboutBtu a{
	display:block;
	text-decoration:none;
	color:#6b6b6b;
	padding:1% 22px;
	font-weight:500;
	font-size:1em;
}
.aboutText >span.aboutBtu:hover{
	background:#d2d2d2;
}
.aboutText >span.aboutBtu:last-child:hover{
	background:#666;
}
.aboutIndexBorder{
	background:url(../img/about.jpg) no-repeat center center;
	max-height:330px;
	width:100%;
	overflow:hidden;
}
.aboutIndexBorder > .aboutText{
	width:100%;
	margin:5% auto 5% auto;
	text-align:center;
}
.intelIndexBorder{
	text-align:center;
	background:url(../img/indexbg1.jpg) no-repeat center center;
	max-height:300px;
	overflow:hidden;
	width:100%;
}
.intelIndexBorder >.mainBorder >span.intelSub{
	font-size:1.5em;
	color:#fff;
	font-weight:600;
	float:left;
	width:100%;
	height:auto;
	line-height:1.5em;
	margin-bottom:8px;
	overflow:hidden;
}
.intelIndexBorder >.mainBorder >span.intelSub2{
	font-size:1.2em;
	color:#fff;
	font-weight:600;
	float:left;
	width:100%;
	height:auto;
	line-height:1.2em;
	margin-bottom:8px;
	overflow:hidden;
}
.intelIndexBorder >.mainBorder >span.intelBtu{
	width:20%;
	height:auto;
	margin-top:12px;
	padding-bottom:2px;
	background:#fff;
	display:inline-block;
	border-radius:6px;
	text-align:center;
	letter-spacing:1px;
}
.intelIndexBorder >.mainBorder >span.intelBtu a{
	display:block;
	text-decoration:none;
	color:#3c3d3d;
	padding:1% 22px;
	font-weight:500;
	font-size:0.8em;
}
.intelIndexBorder >.mainBorder >span.intelBtu:hover{
	background:#edecec;
}
.workIndexBorder{
	float:left;
	width:25%;
	height:250px;
	overflow:hidden;
	padding:1% 3% 1% 3%;
}
.yellow1{background:#fcd846;}
.yellow2{background:#f8d02d;}
.yellow3{background:#e8c430;}
.yellow4{background:#e0c03e;}
span.workSub{
	width:100%;
	height:auto;
	font-size:1.2em;
	line-height:1.4em;
}
span.workSub{
	width:100%;
	float:left;
	height:auto;
	font-size:1.2em;
	font-weight:600;
	text-align:center;
	line-height:1.4em;
	margin-bottom:25px;
	margin-top:12px;
}
span.workitems{
	width:70%;
	margin-left:15%;
	margin-right:15%;
	float:left;
	height:auto;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	line-height:1.4em;
	margin-bottom:12px;
}
span.workSubIcon{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:12px;
	margin-top:25px;
	width:90px;
	height:90px;
	background:#292829;
	border-radius:45px;
	display:  flex;/*image align center*/
    align-items: center;/*image align center*/
    justify-content:  center;/*image align center*/
}
.proIndexBorder,.contactIndexBorder{
	width:50%;
	float:left;
	height:480px;
	overflow:hidden;
	padding:4% 2%;
}
.proIndexBorder{ background:#212d38;}
.contactIndexBorder{ background:#727980;}
span.proSub{
	text-align:center;
	font-size:1.3em;
	color:#fff;
	font-weight:bold;
	float:left;
	width:100%;
	height:auto;
	line-height:1.8em;
	margin-bottom:4%;
	overflow:hidden;
}
span.contactSub{
	text-align:center;
	font-size:1em;
	color:#fff;
	font-weight:500;
	float:left;
	width:100%;
	height:auto;
	line-height:1.5em;
	margin-bottom:4%;
	overflow:hidden;
}
span.proIcon{
	width:70%;
	margin-left:15%;
	margin-right:15%;
	height:auto;
	display: flex;/*image align center*/
    align-items: center;/*image align center*/
    justify-content: center;/*image align center*/
	margin-bottom:4%;
}
span.contactIcon{
	width:40%;
	margin-left:30%;
	margin-right:30%;
	height:auto;
	display:  flex;/*image align center*/
    align-items: center;/*image align center*/
    justify-content:  center;/*image align center*/
	margin-bottom:3%;
}
span.proIcon img{
	width:80%;
	height:auto;
}
span.contactIcon img{
	width:50%;
	height:auto;
}
span.contactBtu,
span.proBtu{
	width:38%;
	height:auto;
	margin-left:31%;
	margin-right:31%;
	margin-top:12px;
	background:#34495e;
	display:inline-block;
	border-radius:6px;
	text-align:center;
	letter-spacing:1px;
}
span.contactBtu a,
span.proBtu a{
	display:block;
	text-decoration:none;
	color:#fff;
	padding:2.3% 39px;
	font-weight:500;
	font-size:0.8em;
}
span.contactBtu:hover,
span.proBtu:hover{
	background:#51677d;
}

.downloadBorder{
	width:48%;
	height:auto;
	margin: 1%;
	padding:1% 2%;
	border:1px solid #353435;
	float:left;
}
.downloadDate{
	width:96%;
	float:left;
	margin-right:2%;
	height:22px;
	font-size:0.9em;
	color:#7d7d7d;
}
.downloadsSub{
	width:96%;
	float:left;
	margin-right:2%;
	margin-left:2%;
	float:left;
	height:38px;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}
.downloadBtu{
	width:15%;
	height:auto;
}


/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 1450px) {
	.proIndexBorder,.contactIndexBorder{
		height:420px;
	}
}
@media (max-width: 1055px) {
	.newsBorder >span.moreBtu{
		width:25%;
	}
	.aboutIndexBorder > .aboutText{
		width:84%;
		margin:2% auto 4% 5%;
	}
	.proIndexBorder,.contactIndexBorder{
		height:340px;
	}
	span.contactBtu,
	span.proBtu{
		width:48%;
		margin-left:26%;
		margin-right:26%;
	}
}
@media (max-width: 991px) {
	.newsBorder >span.moreBtu{
		width:25%;
	}
	.aboutIndexBorder > .aboutText{
		width:84%;
		margin:2% auto 4% 5%;
	}
	.aboutIndexBorder{
		max-height:300px;
		overflow:hidden;
		padding-bottom:3%;
		height:auto;
	}
	.workIndexBorder{
		height:360px;
	}
	span.contactBtu,
	span.proBtu{
		width:48%;
		margin-left:26%;
		margin-right:26%;
	}

}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
	/*------
	      newsBorder
		  ---------------*/
	.newsBorder >span.moreBtu{
		width:30%;
	}
	.newsBorder{
		width:46%;
		margin:4% 2%;
	}
	.newsBorder:nth-child(3){
		display:none;
	}
	
	
	/*-------
		aboutBorder
		-------------*/
	
	.aboutText > span.aboutSub{
		text-align:center;
	}
	.aboutText > span.aboutTxt{
		float:left;
		width:100%;
	}
	.aboutIndexBorder{
		background: none #fb5034;
		height:auto;
		max-height:400px;
	}
	.aboutIndexBorder > .aboutText{
		width:86%;
		margin:4% 7%;
	}
	.aboutText >span.aboutBtu{
		width:40%;
		margin:0 30% 4% 30%;
		padding:1% 2%;
		height:auto;
	}
	
	
	
	/*-------
		intelBorder
		-------------*/
		
	.intelIndexBorder{
		background:none #5d5454;
	}
	.intelIndexBorder >.mainBorder >span.intelSub{
		margin-top:4%;
	}
	.intelIndexBorder >.mainBorder >span.intelBtu{
		width:40%;
		margin:4% 30% 4% 30%;
		padding:1% 2%;
		height:auto;
	}
	
	/*-------
		workBorder
		-------------*/
		
	.workIndexBorder{
		width:50%;
		height:280px;
		overflow:hidden;
		padding:1% 3% 1% 3%;
	}
	span.workitems{
		width:60%;
		margin-left:20%;
		margin-right:20%;
	}
	
	.proIndexBorder,.contactIndexBorder{
		width:100%;
		height:auto;
		overflow:hidden;
		padding:4% 2%;
	}
	
	span.contactBtu,
	span.proBtu{
		width:40%;
		margin:4% 30% 4% 30%;
		padding:1% 2%;
		height:auto;
	}
	span.contactBtu a,
	span.proBtu a{
		font-size:1.1em;
	}
	
}

@media  (max-width: 480px) {
	/*-------------------
		newsBorder
		-----------------*/
	.newsBorder{
		width:96%;
		margin:2% 2%;
		padding:4%;
	}
	.newsBorder >span.newsTxt{
		font-size:1.1em;
		line-height:1.4em;
	}
	
	/*---------
		about border
		---------------*/
	
	.aboutIndexBorder{
		background: none #456370;
		max-height:450px;
		padding-bottom:4%
	}
	.aboutIndexBorder > .aboutText{
		font-size:1.1em;
		line-height:1.6em;
		width:86%;
		margin:4% 7%;
	}
	.aboutText >span.aboutBtu{
		width:90%;
		margin:0 5% 4% 5%;
		padding:4%;
	}
	.aboutText >span.aboutBtu a{
		font-size:1.1em;
	}
	/*---------
		intel border
		---------------*/
	.intelIndexBorder{
		background:none #5d5454;
		max-height:none;
	}
	.intelIndexBorder >.mainBorder >span.intelSub{
		margin-top:12%;
	}
	.intelIndexBorder >.mainBorder >span.intelBtu{
		width:90%;
		margin:0 5% 4% 5%;
		padding:4%;
	}
	.intelIndexBorder >.mainBorder >span.intelBtu a{
		font-size:1.1em;
	}
	/*---------
		work border
		---------------*/
	.workIndexBorder{
		width:50%;
		height:200px;
		overflow:hidden;
		padding:1% 3% 1% 3%;
	}
	span.workitems{
		width:80%;
		margin-left:10%;
		margin-right:10%;
		font-size:1em;
	}
	/*---------
		products/contact border
		---------------*/
	.proIndexBorder,.contactIndexBorder{
		width:100%;
		height:auto;
		overflow:hidden;
		padding:4% 2%;
	}
	
	span.contactBtu,
	span.proBtu{
		width:90%;
		margin:0 5% 4% 5%;
		padding:4%;
	}
	span.contactBtu a,
	span.proBtu a{
		font-size:1.1em;
	}
	/*------------
	download list
	----------*/
	.downloadBorder{
		width:98%;
		margin:auto 1% 4% 1%;
	}
	.downloadsSub{
		font-size:1.5em;
	}
	.downloadBorder:nth-child(4),
	.downloadBorder:nth-child(5),
	.downloadBorder:nth-child(6){
		display:none;
	}
}