﻿@charset "UTF-8";

.ContentBlockClients {
position: relative;
padding: 35px 0 20px;
}
div {
display: block;
}
media="all"
::selection {
background: #626262;
color: #fff;
}
.ContainerNarrow {
width: 1200px;
margin: 0 auto;
position: relative; line-height:24px;
}
.Container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 1200px;
margin: 0 auto;
padding: 0 8px;
}
.TitleBlock {
zoom: 1;
}
.ContentBlockClients .TitleBlock h2 {
margin: 0;
padding: 0;
font-size: 30px;
line-height: 30px;
font-family: helioslightcregular,Arial;
}
.TitleBlock h2 {
float: left;
}
h2.WithIcon {
position: relative;
}
h2 {

margin: 0 0 20px 0;
padding: 20px 0 0;
color: #1b1b1b;
}
.ContentBlockClients ul.BlockClientList {
zoom: 1;
list-style: none;
margin: 30px 0;
padding: 0;
}
.ContentBlockClients ul.BlockClientList li.A2Access {
/*background: url(/img/machine_line_3.jpg) transparent 100% 0 no-repeat;*/

}
.ContentBlockClients ul.BlockClientList li {

padding: 0;
height: 200px;
clear: both;
position: relative;
margin-bottom:20px;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
.ContentBlockClients ul.BlockClientList li.Nearby {
/*background: url(/img/linearways.jpg) transparent 0 0 no-repeat;*/

padding-right: 38px;
margin-left:-60px;
margin-bottom: 40px;
}
.ContentBlockClients ul.BlockClientList li.CityNotes {
/*background: url(/img/wire_cut1.jpg) transparent 100% 0 no-repeat;*/


}

.ContentBlockClients ul.BlockClientList li.A2Access .TextWrapper {
width: 250px;
}

a:link, a:visited, a:hover, a:active {
color: inherit;
/*text-decoration: underline;*/
outline: none;
}
.ContentBlockClients ul.BlockClientList li.A2Access p {
width: 160px;
/*text-align: right;*/
}
.ContentBlockClients ul.BlockClientList li .TextWrapper p {
margin-top:20px;
width: 200px;
font-family: arial;
font-size: 14px;
line-height: 21px;
}
.ContentBlockClients ul.BlockClientList li.A2Access img {
float: left;
}
a img {
border: none;
}
.PMark {
display: inline-block;
margin-right: -0.27em;
}
.ContentBlockClients ul.BlockClientList li.Nearby .TextWrapper {
float: right;
width: 200px;
}

.ContentBlockClients ul.BlockClientList li.Nearby p {
width: 230px;
float: left;
text-align: left;
}
.ContentBlockClients ul.BlockClientList li.Nearby img {
float: right;
}
.ContentBlockClients ul.BlockClientList li.CityNotes .TextWrapper {
width: 475px;
}

.ContentBlockClients ul.BlockClientList li.MCG {
/*background: url(/img/tooling_part.png) transparent 60px 0 no-repeat;*/
padding-right: 38px;
margin-left:-60px;
}
.ContentBlockClients ul.BlockClientList li.MCG .TextWrapper {
float: right;
}
.ContentBlockClients ul.BlockClientList li .TextWrapper {
float: left;
margin-top: 10px;
}
.ContentBlockClients ul.BlockClientList li.MCG img {
float: right;
}
.ContentBlockClients ul.BlockClientList li.MCG p {
width: 150px;
float: left;
text-align: left;
}
#portfolio-wrap {
position: relative;
padding: 0;
width: 981px;
margin: 0 auto;
display: block;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.portfolio-item {
width: 326px !important;
margin-right:1px;
}
.portfolio-item {
margin: 0;
overflow: hidden;
line-height: 0;
width: 20%;
padding: 0;
line-height: 0;
}
.isotope .isotope-item {
	float:left;

margin:0px 1px 1px 0;
}
::selection {
background: #FFD600;
color: white;
}
.portfolio-item .portfolio-image {
overflow: hidden;
display: block;
position: relative;
}
.portfolio>a, .portfolio>a:hover {
color: #fff;
}
.portfolio-item .portfolio-image img {
width: 100%;
height: auto;
}
.portfolio > a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
img {
max-width: 100%;
height: auto;
}
.portfolio .portfolio-overlay {

display: block;
z-index: 4;
}
.portfolio .thumb-info {

opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
.portfolio-overlay .thumb-info h3 {
color: #fff;
width: 96%;
position: absolute;
text-align: center;
padding: 0 2%;
}
.portfolio-overlay .thumb-info h3 {
top: 38%;
font-size: 22px;
line-height: 1.1;
}
h3 {

font-size: 20px;
font-style: normal;
color: #000000;
font-weight: normal;
text-transform: none;
}
h3 {

font-size: 30px;
}
.portfolio-overlay .thumb-info p {
color: #fff;
width: 96%;
position: absolute;
text-align: center;
font-weight: bold;
padding: 0 2%;
}
.portfolio-overlay .thumb-info p {
top: 59%;
font-size: 11px;
line-height: 1.3;
text-transform: uppercase;
}
.Container.about{
	width:995px;
}



/**��Ƹ**/
.job_box{padding-bottom:60px;}
.job_box .job_list{margin-right:-20px;overflow:hidden;}
.job_box .job_item{width:550px;height:353px;overflow-y:auto;overflow-x:hidden;background:#f0f0f0;padding:10px 20px 28px 20px;float:left;margin-right:20px;margin-bottom:20px;}
.job_box .job_item .head {overflow:hidden;height:62px;border-bottom:1px solid #e1e1e1;}
.job_box .job_item .head .date{font-size:13px;color:#999;}
.job_box .job_item .head p{float:left;color:#222;font-size:20px;width:33.33%;height:42px; line-height:42px;}
 .job_item ::-webkit-scrollbar {width: 10px;height: 10px;}
 .job_item ::-webkit-scrollbar-track {background: 0 0;}
 .job_item ::-webkit-scrollbar-thumb {background-color: #FF6E00;border-radius: 5px;}
 .job_item ::-webkit-scrollbar-thumb:hover {background-color: #999;}
 .job_item ::-webkit-scrollbar-corner {background-color: #535353}
 .job_item ::-webkit-scrollbar-resizer {background-color: #FF6E00;}
 .job_item ::-webkit-scrollbar {width: 8px}
 .job_item ::-webkit-scrollbar-thumb {background-color: #d9d9d9}
.job_box .job_item .description{height:205px;overflow-y:auto;overflow-x:hidden;padding:18px 0px 0px 0px;font-size:13px;color:#666;line-height:27px;}
.job_box .job_item .description h3{    font-size: 14px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;}
.job_box .job_item .description p{font-size:13px;color:#666;line-height:28px;margin: 0px;}
.job_box .job_item .more{display:block;margin-top:35px; width:110px;height:30px;text-align:center;line-height:30px;color:#999;font-size:14px;border-radius:4px;border:1px solid #d9d9d9;}
.job_box .job_item  .more:hover{background:#50637c;color:#fff;border-color:#50637c;}
