body{
	font-size: 12px;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6,h7{
	font-weight: normal!important;
}
img {
	max-width: 100%;
	height: auto;
}
a{ color: #222 }
a:hover, a:focus{ text-decoration: none; color: #666666}
.g-wrap {position:relative; margin:0 auto; width:1100px; height:100%; overflow:hidden;}
.cb{ width: 100%; clear: both; overflow: hidden; height: 1px; }
.cb_25{ width: 100%; clear: both; overflow: hidden; height: 25px; }
.cb_10{ width: 100%; clear: both; overflow: hidden; height: 10px; }
.fl{float: left;}
.fr{float: right;}
.container{ width: auto!important;}
#header .container,.main,.navbar-nav li.nav >ul,.footer{ width: 1000px!important; margin:  0 auto;}
#header{ width: 100%;}
.main .index-container{ padding: 40px 11px;}
.main {min-height: 500px;}
#header{
	height: 110px;
	border-bottom:1px solid #F8F8F8;
	overflow: hidden;
	position: relative;
}
.navbar-header{ height:110px; }
.navbar-brand {padding: 10px 0 12px 0px}
.navbar-brand .logo{
	width: 138px;
	height: 70px;
	background-image:  url(../images/logo.png) ;
	background-size: 138px auto;
}
.navbar{border: 0; margin-bottom: 0; padding: 0; position: relative}
.navbar-nav{
	position: absolute;
	right: 0; bottom:5px;
	height: 35px; width: 650px;  }
.navbar-nav ul, .navbar-nav li{padding: 0; text-align: right; list-style: none; margin: 0}
.navbar-nav li{   font-size:14px; display: inline-block; margin-right:10px; border: 1px solid #fff; padding:4px 18px;}
.navbar-nav li:hover, .navbar-nav li.active{border-color: #0088CE}
.navbar-nav li:hover a,.navbar-nav li.active a{ color: #0088CE}

.prod-index{
	width: 1000px;
	height: 454px;
	margin-top:20px;
	background: url(../images/prod_bg.jpg) no-repeat;
	position: relative;
}

.prod-index ul.blocks{
	width: 400px;
	padding:0;
	margin-top:25px;
	margin-right:30px;
	height: 400px;
	overflow: hidden;
	float: right;
}
.prod-index ul.blocks li {
	display: block;
	color: #000;
	width: 130px;
	height: 130px;
	margin: 1px 1px 0 0;
	float: left;
	background-color: #FFFFFF;
	text-align: center;
}
.prod-index ul.blocks li img{
	max-width: 100%;
	height: auto;
	padding:5px 5px 0 5px;
}

.prod-index .left-block{
	position: relative;
	background: rgba(0, 138, 208, 0.9);
	width: 277px;
	height: 454px;
	float: left;
	color: #fff;
	margin-left: 15px;
}
.prod-customer{
	width: 1000px;
	height: 430px;
	margin-top:20px;
	position: relative;
}
.prod-customer .customer-block{
	position: absolute !important;
	background: rgba(0, 138, 208, 0.8)!important;
	height: 430px;
	width: 277px;
	left: 100px;
	top:0;
	z-index: 105;
	color: #fff;
}
.prod-index .left-block .menu, .prod-customer .left-block .menu{
	height: 100px;
	width: 100%;
	font-size: 14px;
	padding: 20px ;
	padding-top:180px;
}
.prod-index .left-block .menu h5, .prod-customer .left-block .menu h5{
	font-weight: normal!important;
	font-size: 20px;
}
.prod-index .left-block .desc{
	margin-top:160px;
	padding: 20px ;
}
.prod-index .current_menu{
	width: 276px;
	height: 46px;
	background: rgba(0, 138, 208, 0.9);
	position: absolute;
	left: 293px;
	top:190px;
	line-height: 46px;
	font-size: 14px;
	text-indent: 20px;
	color: #fff;
}

.sub-menu-sidebar ul {
	list-style: none;
	margin: -5px 0 20px 0;
	padding: 0;
}
.sub-menu-sidebar ul li a {
	color: #BDBDBD;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 1.4rem;
}
.sub-menu-sidebar ul li a:hover {
	color: #333;
}

.product-grid .product-item img {
	border: 1px solid #EBEBEB;
}

.video-container{
	height: 100vh;
	z-index: 1;
}

.page-header .container {
	display: table-cell;
	vertical-align: middle;
}
.page-header {
	display: table;
	padding-top: 15.25em;
	padding-bottom: 10.688em;
	position: relative;
	border-bottom: none;
	margin: 0 auto;
}
.page-header-home img {
	margin: 0 auto;
}


.customer-tabs{
	width: 100%;
	background: #ebebeb;
	line-height: 32px;
	height: 32px;
	text-align: center;
}
.customer-tabs a{
	display: inline-block;
}
.customer-tabs a:hover, .customer-tabs a.active{
	color: #fff;
	background: #0088CE;
}

.page-subtitle {
	font-size: 1.5em;
	line-height: 1.3em;
	text-transform: uppercase;
	text-align: center;
	width: 85%;
	color: #fff;
	margin: 0 auto;
}
.prod-item{
	display: none;
}
.page-header .page-subtitle {
	margin-top: 60px;}
.page-header .page-subtitle div {
	text-align: center}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.home-projects {
	height: 300px;
	background-color: #fff;
	position: relative;
	padding: 54px 0 0 0;
}

.video-container video {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	width: 100%;
	z-index: -1;
	-o-object-fit: cover;
	object-fit: cover;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}


.product-item {
	cursor: pointer;
	height: 110px;
}
.product-item p{
	padding-top:10px;
}
.padding-right {
	margin-right:20px;
	padding-left: 0;

}
.product-grid {
	padding-top: 10px;
	}
.product-grid .prod-line{
	border-top: solid 1px #EBEBEB;
	padding: 10px 0;
}

p, ul li{
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #404040;
	font-weight: 300;
}

.content{ width: 750px;margin-top:22px; color: #666;font-size: 14px; padding-bottom: 20px; line-height: 1.8; float: right; margin-right:20px;}
.content h1{ font-size: 26px; color: #1971C4;}
.content h2{ font-size: 18px; color: #1971C4; line-height: 28px; margin :10px 0;}
.breadCrumb{ font-size: 12px;}
.news-index{ width: 100%; margin-top:20px;  height:150px; background: #2273c2;}
.industry-index{}
.industry-index h2{ font-size: 16px;}
.industry-index .photo{ padding-bottom:15px;}
.industry-index .box{width: 325px; margin: 0 auto}



.div-details {
	position: absolute;
	top: 150px;
	z-index: 10010;
	display: none;
	max-width: 1000px;
	margin-left: 20%;
	padding: 20px;
	display: none;
}
.div-details .div-details-img .Large {
	list-style: none;
	width: 100%;
}
.div-details .prod-item{
	display: none;

}
.div-details .div-details-img img {
	border: 1px solid #EBEBEB;
}
.div-details .detail.row {
	padding: 40px 20px 20px 20px;
	background-color: #FFFFFF;
}

.div-details .close img {
	cursor: pointer;
	float: right;
}
.div-details .product-caption p {
	margin-bottom: 2rem;
	text-align: center;
	margin-top: 0.2rem;
}

.fade-background {
	position: fixed;
	background-color: rgba(0, 138, 208, 0.8);
	width: 100%;
	height: 3000px;
	top: -150px;
	z-index: 101;
	display: none;

}

.product_index .container{
	padding: 38px 30px 0;
}
.nav-contact{}
.prodList{ width: 360px; height: 420px;}
.prodList .desc{}
.prodList .more{color: #e55c18;}

.footer{ height: 70px; padding-top:10px; clear: both;; color: #666; background: #f1f1f1; }
.footer p{margin-bottom:5px;}
.nav-contact{ color: #333; padding-top:10px;}
.nav-contact h3{font-weight: normal; margin-top:0; line-height: 24px;}