html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ' ';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	font: 12px/1.5 Helvetica, Arial, sans-serif
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal
}

input {
	outline: 0
}

a {
	text-decoration: none
}

.hidden {
	float: left;
	width: 0;
	height: 0;
	overflow: hidden
}

.hiddenText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}

.none {
	display: none
}

.bold {
	font-weight: bold
}

.center {
	text-align: center
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

body {
	font-family: "Microsoft YaHei", "HanHei SC", "PingFang SC",
		"Helvetica Neue", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;
	min-width: 1200px;
	position: relative;
	outline: none;
	border: 0;
	margin: 0;
	padding: 0
}

body .slogan {
	margin-top: 60px;
	text-align: center
}

body .slogan pre {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	font-family: 'Microsoft HeiTi';
	letter-spacing: 1px
}

body .slogan h2 {
	font-size: 34px;
	color: #131d47;
	font-family: inherit;
	padding-top: 15px;
	font-weight: lighter;
	letter-spacing: 4px
}

body .slogan p {
	padding-top: 15px;
	font-size: 18px;
	font-family: inherit;
	line-height: 30px;
	letter-spacing: 3px;
	font-weight: lighter;
	color: #666666
}

.middleStock {
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
	zoom: 1
}

.middleStock.hidden {
	overflow: hidden
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap
}

body::-webkit-scrollbar {
	display: none
}

.W1200 {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box
}

.fontRed {
	color: #e20000
}

.offsetheader {
	width: 100%;
	height: 60px;
	z-index: 9999;
	background: #fff;
	top: 0;
	transition: all 0.5s;
	position: relative;
	background-size: cover
}

.offsetheader .header {
	width: 1200px;
	margin: 0 auto
}

.offsetheader a {
	color: #8b8b8b;
	position: relative;
	display: inline-block;
	font-size: 14px;
	cursor: pointer
}

.offsetheader ul li {
	height: 60px;
	line-height: 60px
}

.offsetheader ul li>a {
	padding: 0 16px;
	overflow: hidden
}

.offsetheader ul li>a .triangle {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -8px;
	border: 8px solid #fff;
	border-bottom: 8px solid #2b2b2b
}

.offsetheader ul li .headerSub {
	visibility: hidden;
	position: absolute;
	background: #2b2b2b;
	width: 100%;
	left: 0;
	top: 60px;
	opacity: 0;
	padding: 20px;
	box-sizing: border-box;
	transition: visibility 0.32s
}

.offsetheader ul li .headerSub .headerSubTitle {
	text-align: center
}

.offsetheader ul li .headerSub .headerSubTitle .logo {
	height: 34px;
	vertical-align: text-bottom;
	float: none;
	margin-right: 0
}

.offsetheader ul li .headerSub .headerSubTitle a {
	color: #fff;
	font-size: 28px
}

.offsetheader ul li .headerSub .headerSubTitle a:last-child {
	padding-left: 28px
}

.offsetheader ul li .headerSub ul {
	width: 1210px;
	margin: 20px auto;
	overflow: hidden
}

.offsetheader ul li .headerSub ul li {
	width: 200px;
	border-right: 1px solid #414141;
	text-align: center;
	height: auto;
	line-height: normal;
	min-height: 300px
}

.offsetheader ul li .headerSub ul li .headerSubTitle {
	color: #929292;
	font-size: 18px;
	line-height: 60px
}

.offsetheader ul li .headerSub ul li:last-child {
	border: none
}

.offsetheader ul li .productSub dl dt, .offsetheader ul li .solutionSub dl dt
	{
	box-sizing: border-box;
	min-height: 80px;
	padding: 10px 25px;
	transition: background 0.5s
}

.offsetheader ul li .productSub dl dt a, .offsetheader ul li .solutionSub dl dt a
	{
	color: #fff;
	font-size: 14px
}

.offsetheader ul li .productSub dl dt p, .offsetheader ul li .solutionSub dl dt p
	{
	font-size: 12px;
	color: #929292;
	margin-top: 5px
}

.offsetheader ul li .productSub dl dt:hover, .offsetheader ul li .solutionSub dl dt:hover
	{
	background: #FF5532
}

.offsetheader ul li .productSub dl dt:hover p, .offsetheader ul li .solutionSub dl dt:hover p
	{
	color: #fff
}

.offsetheader ul li .solutionSub ul {
	width: 801px
}

.offsetheader ul li .solutionSub ul .solutionSubItems {
	width: 600px
}

.offsetheader ul li .solutionSub ul .solutionSubItems dl {
	width: 200px;
	float: left
}

.offsetheader ul li.current a {
	color: #FF5532
}

.offsetheader .headerLeft>.logo {
	margin-right: 34px;
	width: 220px;
	background-size: 160px
}

.offsetheader .headerLeft>.logo, .offsetheader .headerLeft ul li {
	float: left
}

.offsetheader .headerRight ul li {
	float: right
}

.offsetheader .logo {
	width: 160px;
	height: 60px;
	background: url(../images/logo.jpg) no-repeat center;
	background-size: 100%
}

.no-backgroundsize .offsetheader .logo {
	background: url(../images/ie/logo.png) no-repeat center;
	width: 180px;
	height: 30px;
	margin-top: 15px
}

.no-backgroundsize .offsetheader .headerLeft .logo {
	background-size: auto
}

.aprilSurprise {
	padding: 0 16px;
	font-size: 0
}

.aprilSurprise a {
	font-size: 14px
}

.hotBox {
	color: #fff;
	display: inline-block;
	width: 25px;
	background-color: #fd5b5b;
	text-align: center;
	line-height: 16px;
	font-weight: bold;
	padding-left: 0px;
	position: relative;
	top: -2px;
	margin-right: 10px;
	font-size: 12px
}

.hotBox::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-color: transparent transparent transparent #fd5b5b
}

.offsetfooter {
	background: #2b2b2b;
	color: #ffffff;
	position: relative
}

.offsetfooter .safeguard {
	background: #454545;
	height: 180px;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.offsetfooter .safeguard li {
	width: 25%;
	height: 180px;
	float: left
}

.offsetfooter .safeguard li .safeguardInfo {
	text-align: center;
	margin: 48px 0
}

.offsetfooter .safeguard li .safeguardInfo p {
	font-style: oblique;
	font-weight: bolder;
	font-size: 40px;
	margin: 0
}

.offsetfooter .safeguard li .safeguardInfo p .smallFont {
	font-size: 24px;
	font-style: normal;
	padding: 0 3px 0 8px;
	font-weight: normal
}

.offsetfooter .safeguard li .safeguardInfo span {
	font-size: 16px
}

.offsetfooter ul.footer {
	width: 1000px;
	padding: 80px 0 62px;
	overflow: hidden
}

.offsetfooter ul.footer li {
	float: left;
	width: 200px;
	font-size: 14px
}

.offsetfooter ul.footer li .footerTitle {
	font-size: 16px
}

.offsetfooter ul.footer li dl {
	margin-top: 22px
}

.offsetfooter ul.footer li dl dt {
	line-height: 30px
}

.offsetfooter ul.footer li dl dt a {
	color: #929292
}

.offsetfooter ul.footer li.footerQrcodeBox {
	float: right;
	text-align: right
}

.offsetfooter ul.footer li.footerQrcodeBox .footerQrcode {
	float: right;
	width: 120px;
	height: 120px;
	background: url("../images/qrcode.jpg") no-repeat;
	background-size: 100%;
	margin-top: 22px
}

.offsetfooter .customerLinks {
	width: 1000px;
	margin: 0 auto
}

.offsetfooter .customerLinks li {
	display: inline-block;
	line-height: 34px;
	margin-right: 38px
}

.offsetfooter .customerLinks li:last-child {
	margin-right: 0
}

.offsetfooter .customerLinks li a {
	color: #929292;
	font-size: 14px;
	text-decoration: underline
}

.offsetfooter .customerLinks li a:hover {
	color: #fff
}

.offsetfooter .copyright {
	text-align: center;
	font-size: 14px;
	width: 100%;
	padding-bottom: 90px;
	line-height: 34px
}

.offsetfooter .copyright p {
	display: inline-block;
	color: #929292
}

.offsetfooter .copyright p:first-child {
	margin-right: 10px
}

.no-backgroundsize .offsetfooter .footerQrcode {
	background: url("../images/ie/qrcode.jpg") no-repeat !important
}

.fixedBox {
	position: fixed;
	bottom: 40%;
	right: .1%;
	height: 60px;
	z-index: 10
}

.fixedBox>div {
	width: 40px;
	height: 40px;
	background-color: #FF5532;
	margin-bottom: 5px;
	cursor: pointer
}

.fixedBox>div span {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 28px;
	line-height: 40px;
	text-align: center
}

.fixedBox>div.qrcode .bigQrcode {
	width: 110px;
	height: 110px;
	right: 50px;
	display: none;
	background: url("../images/qrcode.jpg") no-repeat center;
	background-size: 100%;
	position: absolute;
	border: 1px solid #e9ecec;
	box-shadow: 1px 1px 5px #bcbcbc
}

.fixedBox>div.qrcode:hover .bigQrcode {
	display: block
}

.fixedBox>div.phone .phoneBox {
	width: 180px;
	height: 60px;
	position: absolute;
	right: 50px;
	background: #fff;
	border: 1px solid #e9ecec;
	border-top: 3px solid #FF5532;
	display: none;
	flex-flow: column wrap;
	justify-content: center;
	align-content: space-between
}

.fixedBox>div.phone .phoneBox>a {
	color: #000;
	font-size: 14px;
	line-height: 24px;
	text-align: center
}

.fixedBox>div.phone:hover .phoneBox {
	display: flex
}

.fixedBox .top {
	display: none
}

.no-backgroundsize .fixedBox .qrcode .bigQrcode {
	width: 120px;
	height: 120px;
	background: url("../images/ie/qrcode.jpg") no-repeat !important
}

.no-backgroundsize .fixedBox .phone:hover .phoneBox {
	display: block;
	text-align: center;
	line-height: 60px
}

.asideBox {
	width: 1200px;
	margin: 0 auto;
}

.asideBox .asideScrollBox {
	width: 220px;
	position: absolute;
	top: 0;
	z-index: 9998
}

.asideBox .asideScrollBox .logoWhiteBox {
	width: 100%;
	height: 60px;
	background: none;
	box-sizing: border-box;
	transition: all 0.32s
}

.asideBox .asideScrollBox .logoWhiteBox .logoWhite {
	width: 160px;
	height: 100%;
	display: block;
	background: url(../images/logo.png) no-repeat center;
	background-size: 100%;
	margin: 0 auto
}

.asideBox .asideScrollBox #btnUp, .asideBox .asideScrollBox #btnDown {
	width: 100%;
	height: 20px;
	text-align: center;
	background: #FF1132;
	cursor: pointer;
	position: absolute
}

.asideBox .asideScrollBox #btnUp span, .asideBox .asideScrollBox #btnDown span
	{
	width: 15px;
	height: 100%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	color: #fff
}

.asideBox .asideScrollBox #btnUp {
	top: 60px
}

.asideBox .asideScrollBox #btnDown {
	bottom: 0
}

.asideBox .asideScrollBox .asideScroll {
	width: 200px;
	overflow-x: hidden;
	margin: 20px 0;
	position: absolute;
	z-index: -1;
	top: 70px
}

.asideBox .asideScrollBox .asideScroll .aside {
	margin-top:450px;
	box-sizing: border-box;
	color: white;
	overflow-y: scroll;
	width: 220px;
	z-index: 2
}

.asideBox .asideScrollBox .asideScroll .aside h1 {
	font-size: 18px;
	color: white;
	padding: 0 15px
}

.asideBox .asideScrollBox .asideScroll .aside dl {
	padding: 0 22px 0 15px;
	line-height: 45px;
	font-size: 14px;
	box-sizing: border-box
}

.asideBox .asideScrollBox .asideScroll .aside dl dd {
	position: relative
}

.asideBox .asideScrollBox .asideScroll .aside dl dd a {
	display: block;
	padding-left: 15px;
	color: white
}

.asideBox .asideScrollBox .asideScroll .aside dl dd a span {
	font-size: 12px;
	color: white;
	position: absolute;
	right: 0px;
	top: 19px
}

.asideBox .asideScrollBox .asideScroll .aside dl dd.active a {
	color: yellow
}

.asideBox .asideScrollBox .asideScroll .aside dl dd.active a span {
	color: yellow
}

.asideBox .asideScrollBox .asideScroll .aside dl dd.active:before {
	content: '';
	width: 10px;
	height: 100%;
	background: yellow;
	position: absolute;
	top: 0;
	left: -15px
}

.asideBox .asideScrollBox .asideScroll .aside dl:last-child {
	padding-bottom: 50px
}

.templateCont {
	position: relative;
	z-index: 1
}

.templateCont .content {
	padding-bottom: 120px;
	position: relative;
	opacity: 1;
	padding-bottom: 0
}

.templateCont .content .bannerBox {
	width: 100%;
	height: 350px;
	background: url("../images/product/banner.png") no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 2
}

.templateCont .content .bannerBox .banner {
	border-left: 220px solid rgba(45, 45, 45, 0.85);
	height: 100%;
	padding-left: 80px
}

.templateCont .content .bannerBox .banner h2 {
	font-size: 40px;
	padding-top: 70px;
	color: #fff
}

.templateCont .content .bannerBox .banner p {
	width: 600px;
	font-size: 14px;
	line-height: 26px;
	margin: 30px 0;
	color: #fff
}

.templateCont .content .bannerBox .banner a {
	width: 150px;
	height: 40px;
	border: 1px solid #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	display: inline-block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s
}

.templateCont .content .bannerBox .banner a.banner-cm {
	margin-left: 20px
}

.templateCont .content .bannerBox .banner a:hover {
	background: #4ebbb5;
	color: #FF5532;
	border: 1px solid #4b64a3;
	background: #fff
}

.no-rgba .templateCont .bannerBox .banner {
	border-left: 220px solid #2b2b2b
}

.no-preserve3d .asideBox .asideScrollBox .asideScroll .aside dl {
	padding: 0 5px 0 15px
}

.no-csstransforms .asideBox .asideScrollBox .asideScroll .aside dl dd a:after
	{
	display: none
}

.no-flexbox .templateCont .content .box .docbox dl {
	float: left;
	margin-right: 30px
}

.no-backgroundsize .asideBox .asideScrollBox .logoWhiteBox .logoWhite {
	width: 100%
}

.offsetfooter {
	z-index: 10000
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?vunld6");
	src: url("../fonts/icomoon.eot?vunld6#iefix")
		format("embedded-opentype"), url("../fonts/icomoon.ttf?vunld6")
		format("truetype"), url("../fonts/icomoon.woff?vunld6")
		format("woff"), url("../fonts/icomoon.svg?vunld6#icomoon")
		format("svg");
	font-weight: normal;
	font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-high-performance:before {
	content: "\e941"
}

.icon-24h:before {
	content: "\e900"
}

.icon-add:before {
	content: "\e901"
}

.icon-alert:before {
	content: "\e902"
}

.icon-arrow-down:before {
	content: "\e903"
}

.icon-automatic-work:before {
	content: "\e904"
}

.icon-back-to-top:before {
	content: "\e905"
}

.icon-big-data-tool:before {
	content: "\e906"
}

.icon-big-data:before {
	content: "\e907"
}

.icon-certify:before {
	content: "\e908"
}

.icon-chat:before {
	content: "\e909"
}

.icon-close-thin:before {
	content: "\e90a"
}

.icon-close:before {
	content: "\e90b"
}

.icon-cloud-big-data:before {
	content: "\e90c"
}

.icon-cloud-hard-disk:before {
	content: "\e90d"
}

.icon-cloud-host:before {
	content: "\e90e"
}

.icon-cloud-manage:before {
	content: "\e90f"
}

.icon-cloud-monitor-alert:before {
	content: "\e910"
}

.icon-cloud-monitor:before {
	content: "\e911"
}

.icon-cloud-net:before {
	content: "\e912"
}

.icon-cloud-safety:before {
	content: "\e913"
}

.icon-cloud-storag:before {
	content: "\e914"
}

.icon-combine:before {
	content: "\e915"
}

.icon-cut-cost1:before {
	content: "\e916"
}

.icon-cut-costs:before {
	content: "\e917"
}

.icon-data-storage:before {
	content: "\e918"
}

.icon-disk:before {
	content: "\e919"
}

.icon-easy-use:before {
	content: "\e91a"
}

.icon-ecology:before {
	content: "\e91b"
}

.icon-effectiveness:before {
	content: "\e91c"
}

.icon-elasticity:before {
	content: "\e91d"
}

.icon-extended:before {
	content: "\e91e"
}

.icon-free:before {
	content: "\e91f"
}

.icon-gift:before {
	content: "\e920"
}

.icon-high-available:before {
	content: "\e921"
}

.icon-hybrid-cloud:before {
	content: "\e922"
}

.icon-load-more-thin:before {
	content: "\e923"
}

.icon-mail:before {
	content: "\e924"
}

.icon-manage:before {
	content: "\e925"
}

.icon-map-marker:before {
	content: "\e926"
}

.icon-monitor:before {
	content: "\e927"
}

.icon-more-thin:before {
	content: "\e928"
}

.icon-multi-dimensional:before {
	content: "\e929"
}

.icon-pay:before {
	content: "\e92a"
}

.icon-person:before {
	content: "\e92b"
}

.icon-phone-fill:before {
	content: "\e92c"
}

.icon-phone:before {
	content: "\e92d"
}

.icon-proprietary-network:before {
	content: "\e92e"
}

.icon-puzzle:before {
	content: "\e92f"
}

.icon-raid:before {
	content: "\e930"
}

.icon-reliable:before {
	content: "\e931"
}

.icon-reliable2:before {
	content: "\e932"
}

.icon-remove:before {
	content: "\e933"
}

.icon-safety:before {
	content: "\e934"
}

.icon-scalable:before {
	content: "\e935"
}

.icon-solution-flex:before {
	content: "\e936"
}

.icon-stable:before {
	content: "\e937"
}

.icon-storage:before {
	content: "\e938"
}

.icon-tech-unite:before {
	content: "\e939"
}

.icon-ticket:before {
	content: "\e93a"
}

.icon-timely:before {
	content: "\e93b"
}

.icon-triangle-down:before {
	content: "\e93c"
}

.icon-triangle-up:before {
	content: "\e93d"
}

.icon-type:before {
	content: "\e93e"
}

.icon-vcode:before {
	content: "\e93f"
}

.icon-wechat:before {
	content: "\e940"
}

.icon-cloud-buffer:before {
	content: "\e943"
}

.icon-accounts-manange:before {
	content: "\e944"
}

.icon-accounts:before {
	content: "\e945"
}

.icon-alert-history:before {
	content: "\e946"
}

.icon-alert2:before {
	content: "\e947"
}

.icon-analysis-suite:before {
	content: "\e948"
}

.icon-analysis:before {
	content: "\e949"
}

.icon-app-online:before {
	content: "\e94a"
}

.icon-arrow-down2:before {
	content: "\e94b"
}

.icon-arrow-right:before {
	content: "\e94c"
}

.icon-arrow-up:before {
	content: "\e94d"
}

.icon-auto-disaster:before {
	content: "\e94e"
}

.icon-auto-manage:before {
	content: "\e94f"
}

.icon-auto-server-stroge:before {
	content: "\e950"
}

.icon-auto-set:before {
	content: "\e951"
}

.icon-avudio:before {
	content: "\e952"
}

.icon-big-data2:before {
	content: "\e953"
}

.icon-board-manage:before {
	content: "\e954"
}

.icon-buffer-node:before {
	content: "\e955"
}

.icon-business-activity:before {
	content: "\e956"
}

.icon-cdn:before {
	content: "\e957"
}

.icon-config-manage:before {
	content: "\e958"
}

.icon-copy-alone:before {
	content: "\e959"
}

.icon-copy:before {
	content: "\e95a"
}

.icon-customer:before {
	content: "\e95b"
}

.icon-daily-check:before {
	content: "\e95c"
}

.icon-data-analysis:before {
	content: "\e95d"
}

.icon-data-collect:before {
	content: "\e95e"
}

.icon-data-copy:before {
	content: "\e95f"
}

.icon-data-disaster:before {
	content: "\e960"
}

.icon-data-disaster2:before {
	content: "\e961"
}

.icon-data-factory:before {
	content: "\e962"
}

.icon-data-house:before {
	content: "\e963"
}

.icon-data-manage:before {
	content: "\e964"
}

.icon-data-restore:before {
	content: "\e965"
}

.icon-data-storage2:before {
	content: "\e966"
}

.icon-ddos:before {
	content: "\e967"
}

.icon-design-set-file:before {
	content: "\e968"
}

.icon-digitization-ops:before {
	content: "\e969"
}

.icon-fast-create:before {
	content: "\e96a"
}

.icon-fast-deploy:before {
	content: "\e96b"
}

.icon-file-download:before {
	content: "\e96c"
}

.icon-flex-extended:before {
	content: "\e96d"
}

.icon-game-buffer:before {
	content: "\e96e"
}

.icon-hard-disk-old:before {
	content: "\e96f"
}

.icon-health-exam:before {
	content: "\e970"
}

.icon-high-use:before {
	content: "\e971"
}

.icon-high-safe-business:before {
	content: "\e972"
}

.icon-high-safe-system:before {
	content: "\e973"
}

.icon-host-old:before {
	content: "\e974"
}

.icon-http:before {
	content: "\e975"
}

.icon-interface-call:before {
	content: "\e976"
}

.icon-key-login:before {
	content: "\e977"
}

.icon-lb-old:before {
	content: "\e978"
}

.icon-lb:before {
	content: "\e979"
}

.icon-log-system:before {
	content: "\e97a"
}

.icon-message-alert:before {
	content: "\e97b"
}

.icon-message-group:before {
	content: "\e97c"
}

.icon-modes:before {
	content: "\e97d"
}

.icon-monitor-all:before {
	content: "\e97e"
}

.icon-monitor-example:before {
	content: "\e97f"
}

.icon-monitor-online:before {
	content: "\e980"
}

.icon-monitor-plate:before {
	content: "\e981"
}

.icon-net-manage:before {
	content: "\e982"
}

.icon-object-storage:before {
	content: "\e983"
}

.icon-picture-manage:before {
	content: "\e984"
}

.icon-protocol-support:before {
	content: "\e985"
}

.icon-public-net-ip:before {
	content: "\e986"
}

.icon-public-net:before {
	content: "\e987"
}

.icon-quick-manage:before {
	content: "\e988"
}

.icon-right-manage:before {
	content: "\e989"
}

.icon-router:before {
	content: "\e98a"
}

.icon-safe-firm:before {
	content: "\e98b"
}

.icon-safe-group:before {
	content: "\e98c"
}

.icon-safe:before {
	content: "\e98d"
}

.icon-schedul-algorithm:before {
	content: "\e98e"
}

.icon-service-system:before {
	content: "\e98f"
}

.icon-session-hold:before {
	content: "\e990"
}

.icon-ssh:before {
	content: "\e991"
}

.icon-storage-mode:before {
	content: "\e992"
}

.icon-storage2:before {
	content: "\e993"
}

.icon-stroge-service:before {
	content: "\e994"
}

.icon-super-control-right:before {
	content: "\e995"
}

.icon-super-minitor:before {
	content: "\e996"
}

.icon-system-main:before {
	content: "\e997"
}

.icon-video-fast:before {
	content: "\e998"
}

.icon-video-online:before {
	content: "\e999"
}

.icon-web-app-service:before {
	content: "\e99a"
}

.icon-web-app:before {
	content: "\e99b"
}

.icon-web-build:before {
	content: "\e99c"
}

.icon-web-faster:before {
	content: "\e99d"
}

.bgGray {
	background: #e9e9e9
}

.offsetfooter {
	z-index: 10000
}

.bg0 {
	background-position: 0px 0px !important
}

.bg40 {
	background-position: 0px -50px !important
}

.bg80 {
	background-position: 0px -100px !important
}

.bg120 {
	background-position: 0px -150px !important
}

.bg160 {
	background-position: 0px -200px !important
}

.bg200 {
	background-position: 0px -250px !important
}

.bg240 {
	background-position: 0px -300px !important
}

.bg280 {
	background-position: 0px -350px !important
}

.bg320 {
	background-position: 0px -400px !important
}

.bg360 {
	background-position: 0px -450px !important
}

.bg400 {
	background-position: 0px -500px !important
}

.bg440 {
	background-position: 0px -550px !important
}

.bg480 {
	background-position: 0px -600px !important
}

.bg520 {
	background-position: 0px -650px !important
}

.bg560 {
	background-position: 0px -700px !important
}

.bg600 {
	background-position: 0px -750px !important
}

.bg640 {
	background-position: 0px -800px !important
}

.bg680 {
	background-position: 0px -850px !important
}

.bg720 {
	background-position: 0px -900px !important
}

.bg760 {
	background-position: 0px -950px !important
}

.bg800 {
	background-position: 0px -1000px !important
}

.bg840 {
	background-position: 0px -1050px !important
}

.bg880 {
	background-position: 0px -1100px !important
}

.bg920 {
	background-position: 0px -1150px !important
}

.bg960 {
	background-position: 0px -1200px !important
}

.bg1000 {
	background-position: 0px -1250px !important
}

.bg1040 {
	background-position: 0px -1300px !important
}

.bg1080 {
	background-position: 0px -1350px !important
}

.bg1120 {
	background-position: 0px -1400px !important
}

.bg1160 {
	background-position: 0px -1450px !important
}

.bg1200 {
	background-position: 0px -1500px !important
}

.bg1240 {
	background-position: 0px -1550px !important
}

.bg1280 {
	background-position: 0px -1600px !important
}

.product {
	position: relative;
	z-index: 1
}

.product .content {
	padding-bottom: 120px;
	position: relative;
	opacity: 1;
	padding-bottom: 0
}

.product .content .bannerBox {
	width: 100%;
	height: 350px;
	background: url("../images/product/banner.png") no-repeat center;
	background-size: cover
}

.product .content .bannerBox .banner {
	height: 100%;
	padding-left: 80px
}

.product .content .bannerBox .banner h2 {
	font-size: 40px;
	padding-top: 70px;
	color: #fff
}

.product .content .bannerBox .banner p {
	width: 600px;
	font-size: 14px;
	line-height: 26px;
	margin: 30px 0;
	color: #fff
}

.product .content .bannerBox .banner a {
	width: 150px;
	height: 40px;
	border: 1px solid #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	display: inline-block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s
}

.product .content .bannerBox .banner a.banner-cm {
	margin-left: 20px
}

.product .content .bannerBox .banner a:hover {
	background: #4ebbb5;
	color: #FF5532;
	border: 1px solid #4b64a3;
	background: #fff
}

.product .content .box {
	border-left: 220px solid #FF5532;
	padding-left: 40px
}

.product .content .box h2 {
	font-size: 24px;
	text-indent: 0;
	background: none;
	font-weight: 700;
	line-height: 75px;
	margin: 0
}

.product .content .box .icon {
	display: inline-block;
	width: 100%;
	height: 75px;
	line-height: 75px;
	font-size: 55px;
	text-align: center;
	vertical-align: top;
	color: #FF5532
}

.product .content .box .boxSummary {
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 40px
}

.product .content .box .boxSummary ul {
	float: left
}

.product .content .box .boxSummary ul li {
	height: 70px
}

.product .content .box .boxSummary ul li:first-child {
	margin-bottom: 10px
}

.product .content .box .boxSummary ul li.itemTitle {
	text-align: center
}

.product .content .box .boxSummary ul li.itemTitle .icon {
	width: 60px;
	font-size: 45px;
	margin-right: 10px
}

.product .content .box .boxSummary ul li.itemTitle .icon.fontBigger {
	font-size: 60px
}

.product .content .box .boxSummary ul.itemName {
	width: 150px
}

.product .content .box .boxSummary ul.itemName li {
	position: relative
}

.product .content .box .boxSummary ul.itemName li p {
	padding: 0 5px;
	position: absolute;
	left: 0;
	top: 20%;
	background: #ffffff;
	z-index: 2
}

.product .content .box .boxSummary ul.itemName li:after {
	content: '';
	width: 90%;
	height: 1px;
	display: block;
	background: #FF5532;
	position: absolute;
	top: 35%
}

.product .content .box .boxSummary ul.itemName li:first-child:after {
	display: none
}

.product .content .box .boxSummary ul.itemNew {
	width: 300px
}

.product .content .box .boxSummary ul.itemNew li {
	overflow: hidden
}

.product .content .box .boxSummary ul.itemNew li p {
	float: left
}

.product .content .box .boxSummary ul.itemNew li p.summary {
	font-size: 30px;
	width: 70px;
	color: #FF5532;
	font-weight: 700
}

.product .content .box .boxSummary ul.itemNew li p.info {
	width: 230px
}

.product .content .box .boxSummary ul.itemOld {
	width: 230px;
	margin-left: 50px
}

.product .content .box .boxSummary ul.itemOld li.itemTitle h2 .hostOld {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: text-bottom;
	background: url(../images/product/icon-old-host.png) no-repeat center;
	margin-right: 10px
}

.product .content .box .boxSummary ul.itemOld li {
	display: flex;
	align-items: flex-start;
	box-sizing: border-box
}

.product .content .box .boxSummary.single {
	width: 630px
}

.product .content .box .boxSummary.single ul.itemNew {
	width: 480px
}

.product .content .box .boxSummary.single ul.itemNew li p.summary {
	width: 80px
}

.product .content .box .boxSummary.single ul.itemNew li p.info {
	width: 400px
}

.product .content .box .cloudfun {
	padding-bottom: 40px;
	width: 720px;
	margin: 0 auto;
	float: none;
	overflow: hidden
}

.product .content .box .cloudfun .cloudfun-bg {
	background: url("../images/product/images_product_x2.png");
	background-size: cover
}

.product .content .box .cloudfun h3 {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	color: #000
}

.product .content .box .cloudfun p {
	width: 100%;
	float: left;
	font-size: 14px;
	text-align: center;
	color: #666;
	margin-top: 10px
}

.product .content .box .cloudfun li {
	width: 240px;
	box-sizing: border-box;
	padding: 15px;
	height: 200px;
	float: left
}

.product .content .box .cloudfun li .cloudfun-bg {
	margin: 0 auto;
	width: 50px;
	height: 50px
}

.product .content .box .cloudfun li h3 {
	font-weight: 700
}

.product .content .box .cloudfun li p {
	line-height: 18px
}

.product .content .box .applybox {
	width: 500px;
	margin: 0 auto
}

.product .content .box .applybox ul {
	padding-bottom: 20px
}

.product .content .box .applybox ul li {
	width: 100%;
	padding-bottom: 30px;
	padding-left: 90px;
	box-sizing: border-box;
	position: relative;
}

.product .content .box .applybox ul li div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70px;
	height: 70px
}

.product .content .box .applybox ul li h2 {
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-weight: 700
}

.product .content .box .applybox ul li h3 {
	font-size: 16px;
	color: #FF5532;
	font-weight: 700
}

.product .content .box .applybox ul li p {
	font-size: 14px;
	color: #5a5a5a
}

.product .content .box .docbox {
	width: 720px;
	margin: 0 auto;
	overflow: hidden;
	float: none;
	display: flex;
	justify-content: space-around;
	padding-bottom: 80px
}

.product .content .box .docbox dl dt {
	font-size: 18px;
	color: #595959
}

.product .content .box .docbox dl dd a {
	color: #FF5532;
	font-size: 14px;
	line-height: 24px
}

.product .content .box .docbox dl a:hover {
	text-decoration: underline !important
}

.no-rgba .content .bannerBox .banner {
	border-left: 220px solid #2b2b2b
}

.no-preserve3d .asideBox .asideScrollBox .asideScroll .aside dl {
	padding: 0 5px 0 15px
}

.no-csstransforms .asideBox .asideScrollBox .asideScroll .aside dl dd a:after
	{
	display: none
}

.no-flexbox .product .content .box .docbox dl {
	float: left;
	margin-right: 30px
}
.marlef{
	margin-left:140px;
}