* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Roboto;
}
.wrap {
	font-size: 14px;
	font-family: Roboto;
}
.main-container {
	position: relative;
}
.main-bg-top {
/*
	background: url(/upload/img/main-bg-top.jpg) #FFFFFF center no-repeat;
	height: 116px;
*/
}
.main-bg-bottom {
	background: url(/upload/img/banner-main-top.jpg) #ede0d9 center no-repeat;
	background-size: cover;
	height: 540px;
}
.text-center {
	text-align: center;
}
.header	{
	position: absolute;
	top: 0;
	height: 116px;
	width: 100%;
	 background: rgba(25, 25, 25, 0.65) none repeat scroll 0 0;
	box-shadow: inset 0 -1px #464647, 0 0 4px rgba(0,0,0,.8);
}
.sub-header {
	position: relative;
	margin: 0 auto;
	width: 1050px;
}
.logo {
	position: absolute;
	top: -17px;
	left: -115px;
	width: 395px;
	height: 151px;
}
.header-right-box {
	text-align: center;
	float: right;
	width: 166px;
}
.header-phone {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 18px;
	color: #fff;
}
.header-sub-phone {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 11px;
	color: #c8c8c8;
}
.header-content {
	margin: 21px 12px 0 0;
	float: right;
}
.search-form input {
	box-sizing: border-box;
	padding: 0 28px 0 8px;
	border: none;
	background: #C8C8C8;
	width: 163px;
	font: 12px/24px Roboto;
	color: #000;
}
.search-form {
	margin: 10px 0;
	position: relative;
}
.search-btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/upload/img/search.png) no-repeat 50%;
	width: 30px;
	height: 24px;
}
.search-btn:hover {
	opacity: .8;
}
.header-nav-wrap {
	margin-right: 35px;
	float: right;
}
.header-nav-contact-link li {
	display: inline;
	margin-left: 30px;
	list-style: none;
}
.header-nav-contact-link a {
	color: #c8c8c8;
	font: 300 15px Roboto;
	text-decoration: none;
	border-bottom: 1px dashed #c8c8c8;
}
.header-nav-contact-link a:hover {
	border-color: transparent;
}
.header-nav-contact-link ul {
	float: right;
}
.header-nav {
	margin-top: 44px;
	clear: both;
}
.header-nav li {
	padding: 0 2px 4px 2px;
	margin-left: 29px;
	display: inline;
	text-align: right;
	list-style: none;
}
.header-nav li.select {
	border-bottom: 3px solid #0098DB;
}
.header-nav a {
	display: inline-block;
	font: 500 18px Roboto;
	color: #fff;
	text-decoration: none;
	transition: 1s;
}
.header-nav a:hover {
	transition: .2s;
	text-shadow: 0 0 25px rgba(255,255,255,1),0 0 50px rgba(255,255,255,1),0 0 80px rgba(255,255,255,1);
}
.main-bottom-box {
	position: absolute;
	top: 116px;
	left: 50%;
	margin-left: -540px;
	bottom: 0;
	width: 1080px;
}
.main-title {
	position: absolute;
	top: 97px;
	width: 870px;
	font: 300 39px Roboto;
	color: #fff;
}
.main-title div {
	padding-left: 30px;
	background: rgba(25, 25, 25, 0.63);
	line-height: 49px;
}
.x1 {
	padding-top: 15px;
	width: 610px;
}
.x2 {
	padding-top: 0;
	padding-bottom: 0;
	width: 590px;
}
.x3 {
	width: 770px;
}
.x4 {
	width: 770px;
	padding-bottom: 15px;
}
.main-star {
	position: absolute;
	top: 50%;
	margin-top: -112px;
	right: -52px;
	width: 224px;
	height: 225px;
	background: url(/upload/img/main-star.png);
}
.container {
	margin: 0 auto;
	width: 1080px;
}
.box1 {
	overflow: hidden;
	background: #fff;
}
h2 {
	text-align: center;
	margin: 46px 0;
	font: 300 36px Roboto;
}
.content h2 {
	text-align: left;
	margin: 20px 0;
	font: 300 26px Roboto;
}
.content h1 {
	margin: 0 0 35px 0;
	font: 300 36px Roboto;
}
.wrap-item {
	margin: 70px 0;
	text-align: center;
}
.wrap-item .item {
	box-sizing: border-box;
	margin: 9px 27px;
	display: inline-block;
	padding-left: 80px;
	width: 300px;
	height: 86px;
	background-position: 18px 50%;
	background-repeat: no-repeat;
	font: 500 18px/86px Roboto;
	text-align: left;
}
.wrap-item .item span {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}
.wrap-item .item {
	color: #000;
	background-color:#D4D4D4;
}
.wrap-item .item:nth-child(even) {
	color: #fff;
	background-color:#93969A;
}
.box2 {
	overflow: hidden;
	background: #F2F2F2;
}
.wrap-task {
	text-align: left;
}
.task {
	text-align: center;
	vertical-align: top;
	margin: 0 20px 70px;
	display: inline-block;
	width: 315px;
}
.task-img-box {
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	width: 160px;
	height: 160px;
	line-height: 160px;
	border: 5px solid #D0D2D5;
}
.task-img-box img {
	vertical-align: middle;
}
.task p {
	margin-top: 23px;
	font: 500 14px Roboto;
	color: #1f406d;
}
.wrap-more-btn {
	text-align: center;
}
.more-btn {
	text-align: center;
	position: relative;
	margin: 54px auto;
	text-decoration: none;
	display: inline-block;
	color: #1f406d;
	border-bottom: 1px dashed #000000;
	font: 700 17px Roboto;
}
.more-btn:hover {
	border-color: transparent;
}
.more-btn:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -8px;
	background: url(/upload/img/more-arrow.png);
	width: 17px;
	height: 8px;
}
.wrap-system {
	text-align: center;
}
.system {
	vertical-align: top;
	background: rgba(0, 0, 0, 0) url("/upload/img/system-icon.png") no-repeat scroll 0 5px;
	box-sizing: border-box;
	color: #303030;
	display: inline-block;
	font: 18px Roboto;
	height: 85px;
	margin: 22px 26px;
	padding: 0 0 0 77px;
	text-align: left;
	width: 480px;
}
.box4 {
	overflow: hidden;
	background: #EBEBEB;
}
.wrap-project {
	text-align: center;
}
.project {
	margin: 0 0 0 30px;
	display: inline-block;
	vertical-align: top;
	width: 333px;
}

.project:first-child {
	margin-left: 0;
}
.project:last-child {
	margin-right: 0;
}
.project p, .project p a {
	margin: 10px 0;
	color: #1f406d;
	font: 300 17px Roboto;
	text-decoration: none;
}
.project-btn {
	display: block;
	margin: 28px auto;
	text-align: center;
	font: 700 17px/54px Roboto;
	color: #1f406d;
	width: 300px;
	text-decoration: none;
	background: #fff;
	box-shadow: 4px 4px 4px -3px rgba(0,0,0,.3);
}
.box5 h2 {
	color: #010101;
}
.wrap-review {
	margin: 45px 0;
	text-align: center;
}
.review {
	text-align: left;
	margin: 0 15px;
	display: inline-block;
	width: 333px;
	color: #1f406d;
}
.review:first-child {
	margin-left: 0;
}
.review:last-child {
	margin-right: 0;
}
.review p, .review p a {
	color: #1f406d;
	font: 300 17px/25px Roboto;
	text-decoration: none;
}
.review-author-top {
	font: 700 17px Roboto;
}
.review-author-bottom {
	font: 700 14px Roboto;
}
.review-bottom {
	margin-top: 10px;
	border-top: 1px solid #EBEBEB;
	padding-top: 10px;
	position: relative;
	overflow: hidden;
}
.review-author {
	float: left;
}
.review-img {
	margin-right: 20px;
	float: right;
}
.box6.feedback {
	background-size: cover;
	overflow: hidden;
}
.table {
	width: 100%;
	display: table;
}
.td {
	display: table-cell;
}
.feedback {
	background: url(/upload/img/bg-bottom.jpg) no-repeat center;
	height: 556px;
}
.feedback .form-box-title {
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font: 300 36px Roboto;
}
.td-w100 {
	vertical-align: middle;
	width: 100%;
	height: 556px;
}
.feedback .form-box {
	width: 305px;
}
.feedback .form-box input {
	box-sizing: padding-box !important;
	padding: 0 16px !important;
	margin: 13px 0 !important;
	border: none !important;
	width: 100% !important;
	font: 300 17px/47px Roboto;
	height: 47px !important;
	background: #fff;
	border-radius: 3px !important;
}
.api-feedback-antibot {
	display: none;
}
.form-box-td-wrap {
	overflow: hidden;
	height: 219px;
}

.feedback input.feedback-submit-btn,
.feedback .api-btn {
	cursor: pointer !important;
	color: #fff !important;
	background: #1C6CFF !important;
	text-align: left !important;
	font: 700 17px/47px Roboto !important;
	font-weight: bold !important;
}
.feedback .api-submit {
	padding: 0 !important;
}
.mtop1 {
	margin-top: 170px;
}
.small-container {
	margin: 0 auto;
	width: 1020px;
}
.footer {
	margin: 40px 0;
	color: #343434;
}
.footer a {
	color: #343434;
}
.footer a:hover {
	text-decoration: none;
}
.footer .phone {
	margin: 8px 0;
	white-space: nowrap;
}
.footer-slash {
	background: url(/upload/img/footer-slash.png) no-repeat center top;
	width: 140px;
}
.footer-search-box {
	padding-top: 5px;
}
.company-name {
	font-weight: 700;
}
.footer-phone {
	font: 700 26px Roboto;
}
.footer-phone-social-box p {
	margin: 5px 0;
}
.social-btns {
	white-space: nowrap;
	margin: 18px 0;
}
.social-btns a {
	margin: 0 3px;
	display: inline-block;
}
.fb {
	width: 32px;
	height: 32px;
	background: url(/upload/img/fb.gif);
}
.in {
	width: 32px;
	height: 32px;
	background: url(/upload/img/in.gif);
}
.vk {
	width: 32px;
	height: 32px;
	background: url(/upload/img/vk.gif);
}
.yt {
	width: 78px;
	height: 34px;
	background: url(/upload/img/yt.gif);
}
.footer .td {
	vertical-align: top;
}
.footer-search-form {
	overflow: hidden;
	position: relative;
}
.footer-search-form input{
	box-sizing: border-box;
	width: 303px;
	border:none;
	padding: 0 44px 0 13px;
	background: #EBEBEB;
	line-height: 31px;
}
.footer-search-btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/upload/img/footer-search.png) no-repeat center;
	width: 45px;
	height: 32px;
}
.footer-search-btn:hover {
	opacity: .8;
}
.link-map-site {
	display: inline-block;
	margin: 10px 0;
	padding-left: 23px;
	background: url(/upload/img/map-site-icon.png) no-repeat;
	text-decoration: underline;
}
.link-map-site:hover {
	text-decoration: none;
}
.link-map-site-wrap {
	text-align: right;
}
.wrap-counters {
	filter: grayscale(1);
	-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)';
	-webkit-filter: grayscale(1);
	text-align: right;
	opacity: .4;
}



.inner .main-bg-top{
	display: none;
}
.inner .main-bg-bottom {
	background: url(/upload/img/banner-main-top.jpg) #ede0d9 center no-repeat;
	height: 450px;
/*	background-image: url(/upload/img/inner-main-bg.jpg);*/

}
.inner .header {
	background: rgba(5, 15, 31, 0.80) none repeat scroll 0 0;
}
.inner .feedback {
	height: 301px;
}
.inner .mtop1 {
	margin-top: 40px;
}
.inner .feedback .form-box-title {
	text-align: left;
}
.box-content {
	background: #fff;
}
.wrap-left-nav {
	float: left;
	width: 210px;
}
.wrap-content {
	margin: 45px 0;
	overflow: hidden;
}
.content {
	float: right;
	width: 760px;
	font-size: 16px;
}
.content li {
	padding: 5px 0;
}
.content ul {
	list-style-position: inside;
	font-size: 16px;
	padding-left: 50px;
}
.content ol{
	font-size: 16px;
	/*list-style: none;*/
	padding-left: 50px;
}
.content ol p,
.content ul p {
	display: inline;
	font-size: inherit;
	margin: 0;
}
.content a {
	color: #4498ff;
}
.content a:hover {
	text-decoration: none;
}
.content p {
	margin: 1em 0;
	font-size: 16px;
	color: #000;

}
.nav-title {
	margin: 8px 0 15px 0;
	font: 500 18px Roboto;
}
.left-nav li {
	list-style: none;
	border-top: 1px solid #D7D8D8;
}
.left-nav a {
	transition: .2s;
	padding: 8px 0;
	display: block;
	color: #656565;
	text-decoration: none;
}
.left-nav a:hover {
	color: #022b62;
}
.left-nav .select a{
	color: #164f9b;
}
.toggle {
	display: none;
}
.toggle[style*=block]+.wrap-more-btn .more-btn:after {
	transform: rotate(180deg);
}
.toggle[style*=block]+.wrap-more-btn .more-btn span:last-child {
	display: block;
}
.toggle[style*=block]+.wrap-more-btn .more-btn span:first-child {
	display: none;
}
.more-btn span:last-child {
	display: none;
}
.news-item {
	margin: 20px 0;
}
.lic-wrap {
	text-align: left;
}
.lic-item {
	display: inline-block;
	width: 200px;
}
.lic-item img {
	max-width: 200px;
	max-height: 300px;
}


/* news */
.news-detail .news-date {
	font-size: 90%;
	color: #999;
	margin: 0 0 0.7em 0;
}
.news-list .news-title {
	font-size: 18px;
	margin: 0 0 0.3em 0;
}
.news-title a {
	color: black;
	text-decoration: none;
}
.news-list .news-date {
	font-size: 90%;
	color: #999;
	margin: 0 0 0.1em 0;
}
.news-list .news-detail {
	font-size: 14px;
	margin: 0 0 0.2em 0;
}
.news-list .preview_picture {
	margin: 0 25px 0 0;
}


/* tables */

.inner .content table   {
	border-collapse: collapse;
}
.inner .content table td  {
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.inner .content table th  {
	border-collapse: collapse;
	background:#007cc1;
	border: 1px solid #095b88;
	color: #fff;
	padding: 5px 10px;
	font-weight: 500;
}
.inner .content table th p,
 .inner .content table td p {
	 margin: 0.5em 0;
}
.inner .content table.nobord,
 .inner .content table.nobord td,
 .inner .content table.nobord th {
	 border: none;
}

.callback-window {
	width: 479px;
	padding: 20px 20px 0px 20px;
}
.callback-window h1{
	margin-bottom: 0;
	color: #000;
	font-size: 30px;
}
.callback-window .popup_sub-title {
	font-size: 15px;
	color: #6d6d6d;
	margin: 0 0 18px;
}
.callback-window label {
	font-size: 15px;
	color: #5b5a5a;
}
.callback-window .api-feedback input[type="text"] {
	height: 30px;
	box-sizing: border-box;
	width: 100%;
	background: #e6e6e6 none repeat scroll 0 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #d7d7d7 inset;
	font-family: "Exo 2";
	font-size: 15px;
	margin-left: 0;
	min-width: 460px;
	padding: 6px 7px;
}

.callback-window input[type="submit"] {
	background: #006fac url("/upload/img/bg-btn-blue-grad.gif") repeat-x scroll left top;
	border-color: #2385bc #075e8f #075e8f #2385bc;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	padding: 0 15px 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 #04679c;
	transition: all 0.2s ease 0s;
	height: 39px;
}
.callback-window input[type="submit"]:hover {
	background: #006fac none repeat scroll 0 0;
	color: #fff;
}
.callback-window .api-submit {
	padding: 0;
	text-align: center;
}

.project-item {
	text-decoration: none;
	margin: 28px 0;
	display: table;
	height: 250px;
	width: 100%;
}
.project-item-img {
	background-position: 0 50%;
	background-size: cover;
	width: 50%;
	display: table-cell;
}
.project-item-title {
	vertical-align: middle;
	box-sizing: padding:box;
	padding: 30px;
	text-align: center;
	font: 300 24px Roboto;
	color: #282828;
	background: #D7D8D8;
	width: 50%;
	display: table-cell;
}

.wrap-systems .catalog-list .catalog-item {
	width: 400px;
}
.wrap-systems .news-detail img {
	float: none !important;
}


.news-first-page-table {
		/*box-shadow: inset 0 0 1px red;*/
	width: 100%;
}
.news-first-page-table td {
	vertical-align: top;
	padding: 0 !important;
}
.news-first-page-table .first {
	width: 400px;
}
.wrap-news .news-detail {
	font-size: 16px;
}
.wrap-news .news-title {
	font-size: 20px;
	text-decoration: none;
	color: #000;
}
.wrap-news  .news-title:hover {
	color: #333;
}
.wrap-news .news-item img{
	border: 1px solid #ccc;
	float: left;
	margin: 0 15px 0 0;
	width: 130px;
}
.wrap-news .first {
	padding-right: 20px !important;
}
.wrap-news .first a {
	display: block;
	width: 100%;
}
.wrap-news .first .news-title {
	font-size: 24px;
}
.wrap-news .first img {
	float: none;
	display: block;
	width: 100%;
}
.wrap-news .detail_picture {
	display: block !important;
	margin: 0 auto !important;
	float: none !important;
}


.bx_pagination_bottom {
	font-family: Verdana;
}

.wrap-systems .news-item{
	margin: 20px;
	width: 300px;
	display: inline-block;
}
.wrap-systems .news-item img {
	width: 100%;
}

.system-item {
	padding: 50px 0;
	overflow: hidden;
	border-bottom: 1px solid #C0C0C0;
}
.system-item-img-box {
	margin-right: 47px;
	float: left;
	width: 303px;
}
.system-item-img-box img {
	max-width: 303px;
}
.system-item-content-box {

}
a.system-item-title {
	margin: 10px 0;
	display: block;
	font: 20px Roboto;
	color: #000;
	text-decoration: none;
}
.system-item-content {
	color: #656565;
	font: 16px Roboto;
}
.news-detail .system-item-content {
	color: #000;
	font-size: 15px;
	line-height: 22.5px;
	margin-top: 14px;
}
.system-detail-item {
	overflow: hidden;
}
.systems-properties {
	margin: 35px 0;
}
.systems-properties-title {
	text-align: center;
	background: linear-gradient(to bottom, #3E73B9, #1E416E);
	font: 700 14px/38px Roboto;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(63,63,63,.75);
	text-transform: uppercase;
}
.systems-properties-content {
	font-size: 13px;
}
.systems-properties-content table {
	border-collapse: collapse;
	width: 100%;
	font-family: Roboto;
	font-size: 13px;

}
.systems-properties-content table td {
	border: none !important;
	color: #000;
	background: #E7E7E7;
}
.img-system-view {
	display: block;
	margin: 0 auto;
}
.systems-properties-content p {
	font-size: 13px;
}
.systems-properties-content p:first-child {
	margin-top: 30px;
}
.systems-properties-content table tr:nth-child(even) td {
	background: #FFFFFF;
	color: #5b5b5b;
}
.systems-properties-content table tr td:first-child {
	text-align: left;
	padding-left: 40px;
}
.systems-properties-content .char tr td:last-child {
	text-align: right;
	padding-right: 57px;
	font-weight: bold;
}
.documentation-wrap {
	text-align: center;
}
.documentation-wrap a {
	padding-top: 53px;
	background: url(/upload/img/documentation-icon1.png) no-repeat 50% 0;
	vertical-align: top;
	margin-top: 30px;
	display: inline-block;
	width: 245px;
	text-decoration: none;
	color: #000;
	transition: .2s;
}
.documentation-wrap a:hover {
	background-position: 50% 3px;
	color: #555;
}

.documentation-wrap a[href$='.pdf'] {
	background-image: url(/upload/img/documentation-icon2.png);
}



.wrap-reshen {
	overflow: hidden;}
.reshen {
	margin: 0 30px 30px 0;
	display: inline-block;
	vertical-align: top;
	width: 333px;
}

.reshen:nth-child(3n+3) {
	margin-right: 0;
}
.reshen p, .reshen p a {
	text-align: center;
	margin: 10px 0;
	/*color: #1f406d;
	font: 300 17px Roboto;*/
	color: #1f406d;
	font: 500 14px Roboto;
	text-decoration: none;
}
.reshen-btn {
	display: block;
	margin: 28px auto;
	text-align: center;
	font: 700 17px/54px Roboto;
	color: #1f406d;
	width: 300px;
	text-decoration: none;
	background: #fff;
	box-shadow: 4px 4px 4px -3px rgba(0,0,0,.3);
}
.reshen-item {
	text-decoration: none;
	margin: 28px 0;
	display: table;
	height: 250px;
	width: 100%;
}
.reshen-item-img {
	background: #fff;
	text-align: center;
	height: 249px;
	line-height: 249px;
	width: 333px;
	background-position: 0 50%;
	background-size: cover;
	width: 50%;
	display: table-cell;
	border: 5px solid #d0d2d5;
}
.reshen-item-img img {
	vertical-align: middle;
	max-width: 333px;
	max-height: 220px;
}
.reshen-item-title {
	vertical-align: middle;
	box-sizing: padding:box;
	padding: 30px;
	text-align: center;
	font: 300 24px Roboto;
	color: #282828;
	background: #D7D8D8;
	width: 50%;
	display: table-cell;
}


/*main grant*/
.main-grant-container {
	background: url(/upload/img/bg-main-grant.jpg) #bed2db center no-repeat;
	background-size: cover;
/*    height: 540px;*/
}
.mg-logo {
	width: 286px;
	float: left;
	padding-top: 63px;
}
.mg-content {
	width: 730px;
	float: left;
	padding: 30px 0 45px 0;
}

.mg-content h2 {
	font: 400 24px/34px Roboto;
	color: #212124;
	margin: 10px 0 32px 0;
	text-align: left;
}
.mg-content b {
	font-size: 18px;
	line-height: 24px;
}
.mg-content p {
	margin: 1em 0 0 0;
	color: #333437;
	font-size: 14px;
	line-height: 22px;
}
.mg-content .mgc-buttons {
	margin: 0 0 50px 0;
	overflow: hidden;
}
.mg-content .mgc-buttons a {
	display: inline-block;
	margin: 0 10px 10px 0;
	font: 500 18px/24px Roboto;
	text-decoration: none;
	color: #696f7f;
	padding: 16px 17px 16px 56px;
	background-color: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.20);
	background-repeat: no-repeat;
	transition: 0.3s all;
}
.mg-content .mgc-buttons a:hover {
	background-color: #ebf7fe;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.15);
}
.mg-content .mgc-buttons a.mgcb-1 {
	background-image: url('/upload/img/ico-grant-1.png');
	background-position: 14px 12px;
}
.mg-content .mgc-buttons a.mgcb-2 {
	background-image: url('/upload/img/ico-grant-2.png');
	background-position: 14px 12px;
}
.mg-content .mgc-buttons a.mgcb-3 {
	background-image: url('/upload/img/ico-grant-3.png');
	background-position: 17px 13px;
}
.mg-content .mgc-buttons a.mgcb-4 {
	background-image: url('/upload/img/ico-grant-4.png');
	background-position: 15px 13px;
}