@charset "utf-8";
.p-b-70 {
	padding-bottom: 70px;
}
.p-t-90 {
	padding-top: 90px;
}
.p-b-100 {
	padding-bottom: 100px;
}
.p-b-50 {
	padding-bottom: 50px;
}
.bg-color-white {
	background-color: #fff;
}
.color-white {
	color: #fff;
}
.auto-width {
	max-width: 1200px;
	margin: 0 auto;
}
.common-title {
	font-size: 32px;
}
.advantage-box .advantage-list-wrap {
	margin-top: 20px;
}
.clear:after {
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
}
.advantage-list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	background: #fff;
	padding: 30px 0;
}
.advantage-list li .title {
	line-height: 1.1;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #596680;
}
.advantage-list li .des {
	color: #8f9bb2;
	line-height: 26px;
	padding-right: 20px;
}
.advantage-list li .icon-pro-hook {
	margin-right: 8px;
	margin-top: -1.5px;
}
.advantage-list:not(.no-desc-minh) .des {
	min-height: 60px;
}
.advantage-list.list-li-line-8 li:nth-child(-n+8) {
	border-bottom: 1px solid #e9ecf2;
}
.color-main-3a4459 {
	color: #3a4459;
}
.color-main-ff5533 {
	color: #f53;
}
.color-main-0055ff {
	color: #05f;
}
.font-size-50 {
	font-size: 50px;
}
.font-size-20 {
	font-size: 20px;
}
.font-size-16 {
	font-size: 16px;
}
.font-size-12{
	font-size: 12px;
}
.advantage-list .icon-svg {
	width: 1.5em;
	height: 2em;
	overflow: hidden;
	font-size: 32px;
	display: inline-flex;
	vertical-align: top;
}
.advantage-list .icon-svg .iconfont{
	display: inline-flex;
	margin-top: -5px;
	font-size: 20px;
}
.ability-box {
	padding: 90px 0 100px;
}
.bg-color-f1f5fa {
	background-color: #f1f5fa;
}
.ability-list {
	border: 1px solid #e9ecf2;
	border-radius: 5px;
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}
.ability-list li:nth-child(6n-5) {
	border-left: none;
}
.ability-list li:nth-child(-n+6) {
	border-bottom: 1px solid #e9ecf2;
}

.ability-list li {
	text-align: center;
	width: 16.6667%;
	border-left: 1px solid #e9ecf2;
	color: #596680;
	font-size: 16px;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
}
.ability-list .iconfont{
	font-size: 45px;
}
.ability-box .ability-list-wrap {
	margin-top: 50px;
}
[layout-align='start start'], [layout-align='center start'], [layout-align='end start'], [layout-align='space-between start'], [layout-align='space-arround start'] {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
[layout-align='space-between start'], [layout-align='space-between center'], [layout-align='space-between end'] {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
[layout-flex='none'] {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}
[layout-wrap='wrap'] {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
[layout-align='start center'], [layout-align='center center'], [layout-align='end center'], [layout-align='space-between center'], [layout-align='space-arround center'] {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
[layout-align='center start'], [layout-align='center center'], [layout-align='center end'] {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
[flex-direction='column'] {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
[layout-align] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.ability-list li .wrap {
	height: 165px;
	background: #fff;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.tac {
	text-align: center;
}
.m-t-30 {
	margin-top: 30px;
}
.module-product-list.module-product-list-current li {
	width: 386px;
	margin-left: 0;
}
.module-product-list li {
	width: 280px;
	height: 152px;
	background-color: #fff;
	padding: 30px 0 25px 20px;
	border-radius: 5px;
	border: 1px solid #e9ecf2;
	cursor: pointer;
	margin-bottom: 20px;
	color: #8f9bb2;
	position: relative;
}
.module-product-list .module-even-title {
	margin-bottom: 3px;
	font-weight: 900;
}
.color-main-3a4459 {
	color: #3a4459;
}
.color-main-8f9bb2 {
	color: #8f9bb2;
}
.color-main-e9ecf2 {
	color: #e9ecf2;
}
.m-t-18 {
	margin-top: 18px;
}
.color-main-3377ff {
	color: #3377ff;
}
.layer-repeat-wrap .layer-repeat-rect-bottom {
	background-color: #3377ff;
	opacity: 0.1;
	bottom: 0;
	left: 0;
}
.layer-repeat-wrap .layer-repeat-rect-top {
	background-color: #3377ff;
	right: 0;
	top: 0;
}
.layer-repeat-wrap .layer-repeat-rect {
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 5px;
}
.layer-repeat-wrap .layer-repeat-rect {
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 5px;
}
.layer-repeat-medium .layer-repeat-rect {
	width: 50px;
	height: 50px;
}
.layer-repeat-wrap {
	position: relative;
	width: 120px;
	height: 120px;
	margin-right: 30px;
}
.layer-repeat-medium {
	width: 60px;
	height: 60px;
	margin-right: 20px;
}
.layer-repeat-medium .layer-repeat-rect {
	width: 50px;
	height: 50px;
}
.layer-repeat-medium .layer-repeat-rect .iconfont{
	font-size: 32px;
	margin: 0 auto;
}
.price-table {
	width: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0;
}
.price-table tr:first-child {
	border-top: 1px solid #e9ecf2;
	border-top-left-radius: 5px;
}
.price-table th, .price-table td {
	height: 52px;
	text-align: center;
}
.price-table th {
	width: 50%;
	font-weight: normal;
	color: #fff;
	background-color: #37f;
}
.price-table tr:not(:last-child) th {
	border-bottom: 1px solid #4c88ff;
}
.price-table tr:not(:last-child) th {
	border-bottom: 1px solid #4c88ff;
}
.price-table td {
	background: #fff;
}
.price-table tr td {
	border-bottom: 1px solid #e9ecf2;
	border-right: 1px solid #e9ecf2;
}
.price-table tr:first-child th {
	border-top-left-radius: 5px;
}
.price-table tr:first-child td {
	border-top: 1px solid #e9ecf2;
	border-top-right-radius: 5px;
}
.price-table tr:last-child th {
	border-bottom-left-radius: 5px;
}
.price-table tr:last-child td {
	border-bottom-right-radius: 5px;
}
.bdr-5 {
	border-radius: 5px;
}
.buy-box .process-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.process-item {
	display: inline-block;
	width: 15%;
	text-align: center;
}
.process-item .process-item-arrow {
	margin-top: 20px;
}
.buy-box .process-wrap p {
	font-size: 16px;
}
.p-b-95 {
	padding-bottom: 95px;
}
.p-t-30{
	padding-top: 30px;
}
[layout-align='start start'], [layout-align='center start'], [layout-align='end start'], [layout-align='space-between start'], [layout-align='space-arround start'] {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.supportMain-ul .support-inside {
	position: relative;
	background-color: #fff;
	border: 1px solid #e9ecf2;
	margin-bottom: 15px;
	height: 473px;
}
.support-line {
	width: 100%;
	position: absolute;
	left: 171px;
}
.supportMain-ul li:nth-child(2) {
	position: relative;
}
.supportMain-ul li {
	width: 172px;
}
.supportMain-ul li:nth-child(1), .supportMain-ul li:nth-child(3) {
	border-radius: 4px;
}
.supportMain-ul li:nth-child(4) {
	position: relative;
}
.dcim-solution-support li:nth-child(2) .support-inside {
	border-color: #37f;
}
.supportMain-ul li:nth-child(2) .command div {
	line-height: 38px;
}

.support-line .support-dot {
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	background-color: #37f;
	border-radius: 50%;
	left: -10px;
}
.support-line .icon-svg, .support-line .support-dot {
	position: absolute;
}
.inline-block {
	display: inline-block;
}
.support-line>div::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #37f;
	display: inline-block;
}
.support-line .icon-svg, .support-line .support-dot {
	position: absolute;
}
.support-line .icon-svg {
	top: -19px;
	right: -5px;
}
.support-line.support-line-arrow1 .icon-svg, .support-line.support-line-arrow2 .icon-svg {
	top: -14.5px;
}
.supportMain-ul li:nth-child(4) .nt5 {
	height: 206px;
	background-color: #fff;
	border: solid 1px #e9ecf2;
}
.pos-rel {
	position: relative;
}
.pos-abs {
	position: absolute;
}
.supportMain-ul li:nth-child(3) .support-line-arrow1 {
	top: 100px;
}
.supportMain-ul li:nth-child(3) .support-line-arrow2 {
	bottom: 100px;
}
.support-line .support-text {
	right: 0;
	left: 0;
	margin: auto;
	top: -28px;
}
.layer-repeat-wrap.layer-repeat-596680 .layer-repeat-rect-bottom {
	background-color: #596680;
}
.layer-repeat-wrap.layer-repeat-596680 .layer-repeat-rect-top {
	background-color: #596680;
}
.m-b-40 {
	margin-bottom: 40px;
}
/* 响应式 */
@media (max-width: 767px) {
  /* 头部 */
  .header .logo img{ height:20px; }
  .header nav{ float:right; margin-right:20px; }
  .header .navbar-header{ padding-left:20px; }
  .header .navbar-toggle{ height:75px; line-height:75px; padding:0; margin:0; }
  .header .navbar-toggle .icon-bar{ background-color:#fff; }
  .side-right{ margin-left:200px; margin-right:-200px; position:relative; }
  .side-right .header{ right:200px; width:100%; }
  .side-right .header .logo{ margin-right:0; }
  .side-right .header nav > li > a{ color:#fff; }
  .side-right .header nav ul.nav > li > a:hover,
  .side-right .header nav ul.nav > li.active > a{ background:transparent; color:#fff; }
  .side-right .header nav ul.nav{ background:#333; width:200px; margin:0; padding:10px 0; position:fixed; left:0; top:75px; bottom:0; z-index:1000; }
  .side-right .header nav ul.nav > li a{ color:#fff; }
  .side-right .header nav ul.nav > li > ul > li a{ color:#818181; display:inline-block; padding:5px 20px; white-space:nowrap; }
  .side-right .header nav ul.nav > li > ul > li small{ display:none; }
  .side-right .header nav ul.nav > li .arrow-top:before,
  .side-right .header nav ul.nav > li .arrow-top:after{ display:none; }
  /* 顶部banner */
  .banner-help{ padding:20px 0 5px; }
  /* 布局、区块、卡片 */
  /* page-header */
  .page-header_ct h1{ font-size:24px; }

  .grid_ct .item{ padding:0 0 0 95px; border-right:0; }
  .grid_ct .item > i{ width:50px; height:50px; line-height:50px; font-size:24px; left:25px; }
  .grid_ct .item > span{ font-size:14px; }
  .grid_ct .item > span b{ font-size:16px; }

  .bg-container_ct{ padding:50px 0; }
  .bg-container_ct.bg-support{ padding:40px 0; }
  .bg_news_list_ct{ padding:15px 0; }

  .card_ct{ padding:30px; }
  .card_product_ct{ margin-bottom:15px; }
  .card_product_ct .title{ font-size:16px; }

  .card_about_imgtxt .grid i{ font-size:24px; margin-right:10px; }
  .card_about_imgtxt .grid span{ padding-top:0; font-size:12px; }

  .support_ct{ -webkit-flex-direction:column; flex-direction:column; }
  .support_ct .support_desc{ padding-right:0; position:relative; }
  .support_ct .support_desc .desc{ padding-bottom:0; background-position:right bottom; }
  .support_ct .support_desc .button{ position:absolute; right:0; top:0; margin-top:0; }
  .support_news{ margin-top:40px; }

  .card_imgtxt{ padding:45px 30px; }
  .card_imgtxt .txt{ margin:0; max-width:100%; }
  .card_imgtxt .img{ display:none; }
  .card_about_imgtxt{ padding:0; }

  .about_header_ct .tab{ margin:0 auto; text-align:center; }
  .about_header_ct .tab li{ float:none !important; display:inline-block; margin-right:30px; }

  .bg_news_list_ct .item{ padding:15px; margin:10px 0; }
  .bg_news_list_ct .item .img{ width:120px; height:75px; margin-right:15px; }
  .bg_news_list_ct .item .txt .media-heading{ font-size:14px; }
  .bg_news_list_ct .item .txt .time{ margin-bottom:0; }
  .bg_news_list_ct .item .desc{ display:none; }

  .input-group_words input{ height:40px; line-height:40px; padding:0 15px; }
  .input-group_words .input-group-addon{ padding-left:15px; padding-right:15px; font-size:14px; }

  .help_ct .help_body{ padding:0; border:0; }
  .guide_ct .guide_body{ padding-left:0; }
	.common-title {
		font-size: 26px;
	}
	.p-b-70 {
		padding-bottom: 0px;
	}
	.p-b-50 {
		padding-bottom: 20px;
	}
	.p-t-90 {
		padding-top: 40px;
	}
	.bg-container_ct.bg-prokvm{ top:-10px; }
	.sm-hidden {
		display: none !important;
	}
	.advantage-list li {
		-webkit-box-shadow: none;
		box-shadow: none;
		height: auto;
		padding: 10px 0 0px;
		width: 50%;
		margin: 0;
	}
	.icon-svg{
		width: 1em;
	}
	.advantage-list .icon-svg{
		width: 2.5em;
	}
	.process-item .font-size-50{
		font-size: 30px;
	}
	.buy-box .process-wrap p {
		font-size: 12px;
	}
	.process-item .process-item-arrow {
		margin-top: 10px;
	}
	.p-b-100 {
		padding-bottom: 50px;
	}
	.p-b-95 {
		padding-bottom: 45px;
	}
	.p-t-30{
		padding-top: 15px;
	}
}
@media (min-width: 768px) {
  /* 头部 */
  .header nav{ float:left; }
  .header nav ul.nav > li{ padding:0 40px 0 0; font-size:16px; float:left; }
  .header nav ul.nav > li > a{ background-color:transparent; padding:0 10px; color:#fff; position:relative; float:left; line-height:75px; }
  .header nav ul.nav > li > a:hover,
  .header nav ul.nav > li.active > a{ background-color:transparent; color:#0056dd; }
  .header nav ul.nav > li.active > a:before{ content:''; position:absolute; bottom:10px; left:10px; right:10px; border:2px solid #0056dd; }
  .header nav ul.nav > li > .dropdown-menu{ border-radius:4px; }
  .header nav ul.nav > li > .dropdown-menu li{ border-bottom:1px solid #eee; }
  .header nav ul.nav > li > .dropdown-menu li:last-child{ border-bottom:0; }
  .header nav ul.nav > li > .dropdown-menu a{ padding:8px 20px; }
  .header nav ul.nav > li > .arrow-top:before{ left:16px; }
  .header nav ul.nav > li > .arrow-top:after{ left:17px; }
}
@media (max-width: 992px) {
  /* 头部 */
  .header .logo{ margin-right:30px; }
  .header nav ul.nav > li{ padding-right:30px; }
  .header nav ul.nav > li:last-child{ padding-right:10px; }
  /* 底部 */
  .footer{ text-align:center; }
  .foot_nav{ text-align:center; }
  .foot_nav{ padding-top:30px; }
  /* 顶部banner */
  .banner .carousel-caption{ font-size:12px; line-height:1.4; bottom:10%; bottom:10px; }
  .banner_index .carousel-caption{ top:75px; }
  .banner .carousel-caption h2{ font-size:18px; margin-bottom:15px; }
  .banner .carousel-caption .desc{ margin-bottom:10px; }
  .addon_body{
	  width: 100%;
	  padding-right: 0px;
	  border: none;
  }
	.addonimg_box{
		width: 100%;
	}
	.addon_right{
		width: 100%;
		padding: 0;
	}
	.addon_page{
		display: inline-table;
	}
}
@media (min-width: 993px) {
  .col-lg-2-4 {width: 20.000%;padding-left:15px;padding-right:15px}
}
@media (max-width: 1280px) {
  /* 布局、区块、卡片 */
  .container_ct{ padding:0 15px; }
  .container_ct.box-shadow{ margin-left:30px; margin-right:30px; }
}