/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

button,
hr,
input {
	overflow: visible
}

progress,
sub,
sup {
	vertical-align: baseline
}

.boxSize,
legend {
	box-sizing: border-box
}

a,
a:active,
a:hover,
a:link,
a:visited {
	text-decoration: none
}

*,
a,
input {
	-webkit-tap-highlight-color: transparent
}

*,
input,
legend {
	padding: 0
}

*,
body,
h1,
h2,
h3 {
	margin: 0
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	overflow-y: hidden
}

h1 {
	font-size: 2em
}

hr {
	box-sizing: content-box;
	height: 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	color: #fff
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

img:not([src]),
img[src=""] {
	opacity: 0
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: ButtonText dotted 1px
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

.container-server .left li.wigth,
.container-server .left ul,
.listItem ul li {
	white-space: nowrap;
	text-overflow: ellipsis
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

.showmodel-con h4.item-title,
h1.hero-title,
h3.section-title {
	font-weight: 500
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

body,
html {
	font-size: 20px;
	font-family: '微软雅黑';
	background: #0e0e0e;
	overflow-x: hidden
}

input::-ms-clear,
input::-ms-reveal {
	display: none
}

body.concolor {
	background: #fff
}

em,
i {
	font-style: normal;
	vertical-align: top
}

li {
	list-style: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	clear: both;
	display: block;
	content: ""
}

.clearfix {
	zoom: 1
}

.felxBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.felxItem {
	-webkit-box-flex: 1;
	float: left;
    width: 12%;
}

.felxItemAuto {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto
}

.boxSize {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

#moSoInp,
.container-server .left.noright,
.container-server2,
.gotop,
.navCont,
.tabbkap .tab {
	box-sizing: border-box
}

input {
	border: 0;
	outline: 0;
	background: 0 0;
	-webkit-user-select: auto!important;
	-khtml-user-select: auto!important;
	-moz-user-select: auto!important;
	-ms-user-select: auto!important;
	-o-user-select: auto!important;
	user-select: auto!important
}

h1.hero-title {
	font-size: 52px;
	font-family: inherit;
	color: #fff;
	line-height: 1.2
}

.title-intro {
	font-size: 20px;
	font-family: inherit;
	color: #fff;
	line-height: 1.6;
	margin-top: 20px
}

h2.section-title {
	font-size: 42px;
	font-family: inherit;
	font-weight: 500;
	color: #fff;
	line-height: 1.2
}

h3.section-title {
	font-size: 34px;
	font-family: inherit;
	color: #fff;
	line-height: 1.3
}

h4.item-title {
	font-size: 24px;
	font-family: inherit;
	font-weight: 600;
	color: #fff;
	line-height: 1.4
}

.intro-copy {
	font-size: 16px;
	font-family: inherit;
	color: #ddd;
	line-height: 1.6;
	margin: 12px 0
}

h1.section-title-seo,
h2.section-title-seo {
	font-size: 34px;
	font-family: inherit;
	font-weight: 500;
	color: #fff;
	line-height: 1.3
}

h1.section-title-itinfo-seo {
	font-size: 42px;
	font-family: inherit;
	font-weight: 500;
	color: #fff;
	line-height: 1.2
}

h3.item-title,
strong.item-title {
	font-size: 24px;
	font-family: inherit;
	font-weight: 600;
	color: #fff;
	line-height: 1.4
}

.concolor .title-intro,
.concolor h1.section-title-itinfo-seo,
.concolor h1.section-title-seo,
.concolor h2.section-title,
.concolor h2.section-title-seo,
.concolor h3.item-title,
.concolor h3.section-title,
.concolor h4.item-title {
	color: #333
}

.concolor .title-intro.bannerTxt {
	color: #fff
}

.concolor .intro-copy {
	color: #666
}

.concolor .banner .swiperbox h1 {
	color: #fff;
	width: 70%
}

.concolor .banner .swiperbox .banner-con {
	color: #ddd;
	width: 70%
}

@media only screen and (max-width:1068px) {
	h1.hero-title {
		font-size: 46px
	}
	.title-intro {
		font-size: 19px
	}
	h2.section-title {
		font-size: 34px
	}
	h3.section-title {
		font-size: 28px
	}
	h4.item-title {
		font-size: 22px
	}
	h1.section-title-seo,
	h2.section-title-seo {
		font-size: 28px
	}
	h1.section-title-itinfo-seo {
		font-size: 34px
	}
	strong.item-title {
		font-size: 22px
	}
}

@media only screen and (max-width:735px) {
	.concolor .banner .swiperbox h1 {
		color: #fff;
		width: 90%
	}
	.concolor .banner .swiperbox .banner-con {
		color: #ddd;
		width: 90%
	}
	h1.hero-title {
		font-size: 30px;
		font-weight: 400
	}
	.title-intro {
		font-size: 16px;
		font-weight: 400
	}
	h2.section-title {
		font-size: 26px;
		font-weight: 400
	}
	h3.section-title {
		font-size: 24px;
		font-weight: 400
	}
	h4.item-title {
		font-size: 18px;
		font-weight: 400
	}
	.intro-copy {
		font-size: 16px
	}
	h2.section-title-seo {
		font-weight: 400;
		font-size: 28px
	}
	h1.section-title-seo {
		font-size: 24px;
		font-weight: 400
	}
	h1.section-title-itinfo-seo {
		font-size: 26px;
		font-weight: 400
	}
	strong.item-title {
		font-size: 18px;
		font-weight: 400
	}
}

.localnav-breadcrumbs {
	color: #999
}

.ln-breadcrumbs-list {
	margin-bottom: 0
}

.ln-breadcrumbs-list li {
	float: left;
	color: #999
}

.ln-breadcrumbs-list li.last-item {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-left: 0
}

.ln-breadcrumbs-list li a {
	float: left;
	color: #999
}

.ln-breadcrumbs-list li a:hover {
	color: #007db8;
	text-decoration: underline
}

.ln-breadcrumbs-list li.last-item a:hover {
	text-decoration: none;
	color: #999;
	cursor: default
}

.ln-list li {
	float: left;
	padding: 0 15px;
	color: #999
}

.prNavBox {
	background: #000
}

.prNavOneBox,
.prNavTwoBox {
	height: 65px
}

.prNavTwoBox {
	display: none
}

.prNavOneBox {
	background-color: rgba(0, 0, 0, 0);
	transition: .5s all ease;
	-o-transition: .5s all ease;
	-ms-transition: .5s all ease;
	-moz-transition: .5s all ease;
	-webkit-transition: .5s all ease
}

.prNavBox.on .prNavOneBox {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, .8)
}

.prNavBox.on .prNavTwoBox {
	display: block
}

.prNavCont {
	padding: 0 20px;
	margin: 0 auto
}

.prNavCont .prNavLeft,
.prNavCont .prNavRight {
	height: 65px;
	line-height: 65px
}

.prNavCont .prNavLeft li {
	padding-right: 19px;
	margin-right: 10px;
	background-image: url(https://live.doit.com.cn/dell/img/localnav-arrow.png);
	background-size: 8px auto;
	background-position: right 25.5px;
	background-repeat: no-repeat
}

.prNavCont .prNavLeft li:last-child {
	font-weight: 700;
	background: 0 0;
	padding: 0
}

.prNavRight span {
	padding: 0 5px;
	color: #999;
	float: left
}

.prNavRight .prNavRightTitle {
	padding-left: 28px;
	background-image: url(https://live.doit.com.cn/dell/img/prNavRightIco.png);
	background-size: 20px;
	background-position: 0 center;
	background-repeat: no-repeat
}

.prNavRight .prNavRightBtn {
	display: inline-block;
	height: 100%;
	cursor: pointer
}

.prNavRight .prNavRightBtn.on {
	color: #007db8
}

@media only screen and (max-width:1068px) {
	.ln-list li {
		padding: 0 5px
	}
}

@media only screen and (max-width:735px) {
	.localnav-breadcrumbs .ln-breadcrumbs-list li {
		display: none
	}
	.localnav-breadcrumbs .ln-breadcrumbs-list li:last-child {
		display: block;
		margin-left: 14px
	}
	.prNavCont {
		width: 100%;
		padding: 0 .2rem;
		box-sizing: border-box
	}
	.prNavCont .prNavRight {
		text-align: center;
		position: relative;
		z-index: 100;
		width: 110px
	}
	.prNavCont .prNavRight .prNavRightBtn {
		width: 100%;
		background-color: rgba(0, 0, 0, .8);
		height: 40px;
		line-height: 40px;
		display: none
	}
	.prNavCont .prNavRight .prNavRightBtn.show {
		display: block
	}
}

.navbar-brand-server {
	width: 100%;
	background: #f2f2f2
}

.container-server {
	max-width: 1420px;
	margin: 0 auto
}

.container-server .left {
	float: left;
	line-height: 41px;
	padding-left: 50px
}

.container-server .left li a {
	color: #666!important
}

.container-server .left li a:hover {
	color: #007db8!important;
	text-decoration: underline
}

.container-server .right {
	float: right;
	padding-right: 50px
}

.container-server .right ul li {
	float: left;
	margin-left: 40px;
	text-align: right;
	height: 41px;
	line-height: 41px;
	cursor: pointer;
	font-weight: 700
}

.container-server .right ul {
	margin-bottom: 0
}

.container-server .right .product .intro-copy {
	color: #666
}

.container-server .right ul li:hover {
	color: #007db8
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transform: translateZ(0)
}

.container-server .right .product .active {
	color: #007db8!important
}

.container-server .left ul {
	margin: 0
}

.container-server .left li {
	height: 65px;
	line-height: 65px;
	color: #666!important;
	padding-right: 19px;
	margin-right: 7px;
	background-image: url(https://live.doit.com.cn/dell/img/localnav-arrow.png);
	background-size: 8px auto;
	background-position: right 5px;
	background-repeat: no-repeat;
	font-size: 16px
}

.container-server .left li.wigth {
	padding-right: 0;
	margin-right: 0;
	background: 0 0;
	width: 210px;
	overflow: hidden;
	line-height: 65px;
	vertical-align: middle;
	color: #333!important;
	font-weight: 700
}

.container-server2 {
	color: #fff;
	width: 100%;
	margin: 0 auto;
	display: none;
	line-height: 50px;
	padding: 0 20px;
	position: relative
}

.container-server2 .server_doinb,
.container-server2 h4 {
	margin-top: 0;
	margin-bottom: 0
}

.container-server2 .server_list {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	background: rgba(0, 0, 0, .8)
}

.container-server2 .server_list li {
	width: 110px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 0
}

.container-server2 .server_list .active {
	font-weight: 700;
	color: #007db8
}

@media only screen and (max-width:1068px) {
	.container-server .right ul li {
		float: left;
		margin-left: 20px;
		text-align: right;
		height: 41px;
		line-height: 41px;
		cursor: pointer;
		color: #999!important
	}
}

#maskDiv,
.gotop,
.tabbkap .tab {
	text-align: center
}

@media only screen and (max-width:735px) {
	.container-server {
		display: none
	}
	.container-server2 {
		display: block
	}
	.container-server2 .server_doinb {
		float: left;
		height: 50px;
		line-height: 50px;
		max-width: 70%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		color: #333!important;
		font-size: 16px
	}
	.container-server2 .server_list_active {
		float: right;
		font-size: 16px
	}
}

.large-hide {
	display: none
}

.large-show {
	display: block
}

.large-show-inline {
	display: inline
}

.large-show-inlineblock {
	display: inline-block
}

@media only screen and (min-width:1442px) {
	.xlarge-hide {
		display: none
	}
	.xlarge-show {
		display: block
	}
	.xlarge-show-inline {
		display: inline
	}
	.xlarge-show-inlineblock {
		display: inline-block
	}
}

@media only screen and (max-width:1068px) {
	.container-server .left {
		float: left;
		line-height: 41px;
		padding-left: 20px
	}
	.medium-hide {
		display: none
	}
	.medium-show {
		display: block
	}
	.medium-show-inline {
		display: inline
	}
	.medium-show-inlineblock {
		display: inline-block
	}
}

.tabbkap .tab,
.tabbkap .tab span {
	height: 65px;
	line-height: 65px;
	cursor: pointer
}

@media only screen and (max-width:735px) {
	.small-hide {
		display: none
	}
	.small-show {
		display: block
	}
	.small-show-inline {
		display: inline
	}
	.small-show-inlineblock {
		display: inline-block
	}
}

.container-server .left {
	max-width: 65%
}

.container-server .left.noright {
	max-width: 100%;
	width: 100%;
	padding-right: 50px
}

@media only screen and (max-width:1068px) {
	.container-server .left {
		max-width: 56%
	}
}

.container-server .left ul {
	vertical-align: middle;
	max-width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.container-server .left li {
	display: inline;
	vertical-align: middle;
	float: none
}

@media only screen and (max-width:1068px) {
	.container-server .left {
		max-width: 53%
	}
}

.tabbkap {
	width: 1320px;
	margin: 0 auto 20px
}

.tabbkap .tab {
	float: left;
	width: 50%;
	background: url(https://live.doit.com.cn/dell/img/activitylist/linenormel.png) no-repeat;
	background-size: cover;
	color: #fff
}

.tabbkap .tab.active {
	background: url(https://live.doit.com.cn/dell/img/activitylist/lineactive.jpg) no-repeat;
	background-size: cover
}

.tabbkap .tab span {
	display: inline-block;
	margin-right: 7px;
	font-size: 16px
}

.tabbkap .tab span b {
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.tabbkap .tab span img {
	width: 19px;
	height: auto;
	position: relative;
	top: 4px;
	left: 0
}

@media only screen and (min-width:1068px) and (max-width:1440px) {
	.tabbkap {
		width: 100%;
		box-sizing: border-box;
		padding: 0 50px;
		max-width: 1420px
	}
}

@media only screen and (max-width:1068px) {
	.tabbkap {
		margin: 10px auto;
		width: calc(100% - 40px);
		box-sizing: border-box
	}
	.tabbkap .tab {
		margin-top: 0
	}
}

@media only screen and (max-width:768px) {
	.tabbkap {
		margin: 10px auto;
		width: 100%
	}
	.tabbkap .tab {
		float: left;
		width: 50%;
		text-align: center;
		height: 52px;
		line-height: 52px;
		box-sizing: border-box;
		background: url(https://live.doit.com.cn/dell/img/activitylist/linenormel.png) no-repeat;
		background-size: cover;
		color: #fff
	}
	.tabbkap .tab.active {
		background: url(https://live.doit.com.cn/dell/img/activitylist/lineactive.jpg) no-repeat;
		background-size: cover
	}
	.tabbkap .tab span {
		height: 52px;
		line-height: 52px;
		margin-right: 0
	}
}

.gotop {
	background: #ebebeb;
	width: 68px;
	height: 68px;
	border-radius: 5px;
	cursor: pointer;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 999
}

.gotop span {
	display: block;
	width: 100%;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -55%)
}

.gotop span .imghover,
.gotop:hover span .imgmo {
	display: none
}

.gotop:hover span .imghover {
	display: inline
}

@media only screen and (max-width:735px) {
	.gotop {
		right: 20px
	}
}

.swiperbox-con {
	max-width: 1320px;
	height: 100%;
	margin: 0 50px;
	position: relative
}

.swiperbox-con .bannerchild {
	position: absolute;
	width: 100%
}

.swiperbox-con .banner-l {
	left: 0
}

.swiperbox-con .banner-c {
	left: 50%;
	transform: translateX(-50%)
}

.swiperbox-con .banner-c.banner-m {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.swiperbox-con .banner-r {
	right: 0
}

.swiperbox-con .banner-t {
	top: 0;
	margin-top: 100px
}

.swiperbox-con .banner-m {
	top: 50%;
	transform: translateY(-50%)
}

.swiperbox-con .banner-b {
	bottom: 0;
	margin-bottom: 100px
}

@media only screen and (min-width:1068px) and (max-width:1420px) {
	.swiperbox-con {
		height: 100%;
		margin: 0 50px;
		position: relative
	}
}

@media only screen and (min-width:735px) and (max-width:1068px) {
	.swiperbox-con {
		height: 100%;
		margin: 0 20px;
		position: relative
	}
}

@media only screen and (max-width:735px) {
	.swiperbox-con {
		height: 100%;
		margin: 0 20px;
		position: relative
	}
}

#maskDiv {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 9999
}

#maskDiv img {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 200px;
	height: 200px
}

@media screen and (max-width:735px) {
	#maskDiv img {
		width: 120px;
		height: 120px
	}
}

.concolor .up_more,
.up_more {
	display: block;
	height: 55px;
	line-height: 55px;
	cursor: pointer;
	text-align: center
}

.concolor .up_more {
	color: #666;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2
}

.up_more {
	color: #b9b9b9;
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.up_more span {
	position: relative;
	margin-left: 3px;
	left: 14px
}

.up_more span img {
	width: 8px;
	height: auto;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-45%);
	margin-right: 3px
}

.up_more span img:nth-of-type(2) {
	left: 0
}

@media only screen and (max-width:735px) {
	.concolor .up_more,
	.up_more {
		display: block;
		text-align: center;
		cursor: pointer;
		height: 50px;
		line-height: 50px
	}
	.concolor .up_more {
		color: #666;
		border-top: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2
	}
	.up_more {
		color: #b9b9b9;
		border-top: 1px solid rgba(255, 255, 255, .1);
		border-bottom: 1px solid rgba(255, 255, 255, .1)
	}
	.up_more span {
		position: relative;
		margin-left: 1px
	}
	.up_more span img {
		width: 7px;
		height: auto;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-45%)
	}
	.up_more span img:nth-of-type(2) {
		left: 0
	}
}

#pages div,
#pages ul li {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #888;
	margin: 0 2px;
	display: inline-block
}

#pages {
	text-align: center
}

#pages div {
	padding: 0 10px;
	border: 1px solid #c5b7b7;
	border-radius: 2px
}

#pages ul li {
	width: 40px;
	text-align: center;
	border: 1px solid #c5b7b7;
	border-radius: 3px
}

#pages .has:hover,
#pages ul li.active,
#pages ul li:hover {
	background: #007db8;
	border-color: #007db8;
	color: #fff
}

#pages .has:hover,
#pages ul li:hover {
	cursor: pointer
}

#pages ul {
	display: inline-block
}

.hideUrl {
	display: none
}

.concolor .navBox {
	background: #fff
}

.concolor.productNav .navBox {
	background: #fff
}

.navBox {
	width: 100%;
	/*position: fixed;*/
	top: 0;
	left: 0;
	z-index: 1001;
	background-color: #fff;
	transition: .5s all ease;
	-o-transition: .5s all ease;
	-ms-transition: .5s all ease;
	-moz-transition: .5s all ease;
	-webkit-transition: .5s all ease
}

.navBox.on {
	background-color: rgba(255, 255, 255, 1)!important
}

.navCont {
	max-width: 1420px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	line-height: 100px;
	font-size: 18px;
	color: #000;
	width: 100%;
	padding: 0 30px 0 50px
}

.navCont .leftLogo {
	width: 170px;
	height: 100%;
	background-position: center;
	background-size: 100% auto;
	/* background-image: url(https://live.doit.com.cn/dell/img/logo.png); */
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	text-indent: -9999em;
	margin: 0;
	cursor: pointer
}

.navCont .rightCont {
	/* width: 80%; */
	height: 100%
}

.navCont .rightCont .navSj {
	width: 19px;
	height: 12px;
	/*background-image: url(https://live.doit.com.cn/dell/img/navSj.png);
	background-repeat: no-repeat;
	background-size: 100%;*/
	position: absolute;
	top: 88px;
	left: 50%;
	margin-left: -10px;
	display: none
}

.navCont .rightCont .xiaList {
	/* border-bottom: 5px solid #007db8; */
	display: none;
	position: absolute;
	top: 100px;
	/* z-index: 9 */
	padding: 10px 0;
}

.navCont .rightCont .navErItem {
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	/* border-bottom: 1px solid #333 */
}

.navCont .rightCont .navErItem:hover a {
	color: #007db8
}

.navCont .rightCont .navErItem:hover {
	color: #007db8;
	cursor: pointer
}

.navCont .rightCont .navErItem.nohover:hover {
	color: #007db8
}

.navCont .rightCont .navErItem.nohover:hover .cpsolution {
	display: block
}

.navCont .rightCont .navErItem.nohover {
	position: relative
}

.navCont .rightCont .navErItem .cpsolution {
	display: none;
	position: absolute;
	right: -155px;
	top: 0;
	width: 155px;
	box-sizing: border-box;
	padding: 8px 0px;
	background: #fff;
	box-shadow: 0 4px 14px 0 rgb(51 51 51 / 20%);
}


.navCont .rightCont .navErItem .cpsolution a {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #333;
	padding: 0 15px;
	font-size: 15px;
}

.navCont .rightCont .navErItem .cpsolution a:hover {
	color: #007db8
}

.navCont .rightCont .navErItem .cpsolution a:last-of-type {
	border-bottom: none
}

.navCont .rightCont .navItemList .xiaList {
	width:200px;
	left: 50%;
	margin-left: -123px;
	background-color: rgba(255, 255, 255, .96);
	z-index: 1001
}

.navIcoList,
.navItemList {
	/* width: 720px; */
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-evenly;
}
.navItemList li {
	padding: 0 10px;
}

.navIcoList li a,
.navItemList li a {
	color: #000;
	display: inline-block;
	height: 100%;
	float: left;
	font-size: 16px;
}

.navItemList li a:hover {
	color: #0293db;
}

.navIcoList li,
.navItemList li {
	position: relative;
	/* -webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; */
}

.navItemList li>a {
	font-size: 17px;
	cursor: default
}



.pointer:hover {
	cursor: pointer;
	color: #007db8!important
}

#pcSoInp,
.pcSoBokBtn {
	height: 100%;
	font-size: 18px;
	color: #fff
}

/* .navIcoList {
	width: 200px
} */

.navIcoList li {
	background-position: center;
	background-repeat: no-repeat
}

.navIcoList li a {
	width: 100%
}

.navIcoList li:nth-child(1) {
	background-image: url(https://live.doit.com.cn/dell/img/soIco.png);
	cursor: pointer;
	visibility: hidden;
}

.navIcoList li:nth-child(2) {
	background-image: url(https://live.doit.com.cn/dell/img/meIco.png);
	cursor: pointer;
	background-size: 32px 32px;
	visibility: hidden;
	
}

.navIcoList li:nth-child(3) {
	background-image: url(https://live.doit.com.cn/dell/img/listIco.png);
	background-size: 29px 23px;
	cursor: pointer
}

.pcSoBox {
	width: 600px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -600px;
	background: #2e2e2e;
	display: none;
	transition: 1s all ease;
	-webkit-transition: 1s all ease;
	-moz-transition: 1s all ease;
	-ms-transition: 1s all ease;
	-o-transition: 1s all ease
}

.pcSoBox.on {
	animation: pcSoBoxAni .5s;
	-moz-animation: pcSoBoxAni .5s;
	-webkit-animation: pcSoBoxAni .5s;
	-o-animation: pcSoBoxAni .5s
}

@keyframes pcSoBoxAni {
	from {
		transform: translateX(600px)
	}
	to {
		transform: translateX(0)
	}
}

@-moz-keyframes pcSoBoxAni {
	from {
		-moz-transform: translateX(600px)
	}
	to {
		-moz-transform: translateX(0)
	}
}

@-webkit-keyframes pcSoBoxAni {
	from {
		-webkit-transform: translateX(600px)
	}
	to {
		-webkit-transform: translateX(0)
	}
}

@-o-keyframes pcSoBoxAni {
	from {
		-o-transform: translateX(600px)
	}
	to {
		-o-transform: translateX(0)
	}
}

#pcSoInp {
	width: 540px;
	display: block;
	padding: 0 20px 0 0;
	float: right
}

.pcSoBokBtn {
	width: 60px;
	float: left;
	background-image: url(https://live.doit.com.cn/dell/img/chaImg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px auto
}

.navIcoList .meList {
	width: 262px;
	right: 0;
	background-color: #212121
}

.navIcoList .meList .headImg {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
	background: #ccc;
	margin: 30px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://live.doit.com.cn/dell/img/meIco.png);
	-webkit-background-size: contain;
	background-size: contain
}
.title a:hover{
	color:#3dc7ee;
}
.allNavBox, 
.productListBox {
	width: 100%;
    position: absolute;
	top: 100px;
    padding-bottom: 20px;
    left: 0;
    display: none;
    background: rgba(255,255,255,.96);
    z-index: 1001;
    border-top: 1px solid #eee;
    box-shadow: 0 4px 14px 0 rgba(51,51,51,.2);
    -moz-box-shadow: 0 4px 14px 0 rgba(51,51,51,.2);
    -webkit-box-shadow: 0 4px 14px 0 rgba(51,51,51,.2);
}

.productListCont {
	max-width: 1700px;
	width: 100%;
	margin: 0 auto
}

.productListCont>.felxItem>a>.title:hover {
	color: #007db8
}

.bigNavList {
	padding: 30px 20px;
	color: #fff
}

.bigNavList .title {
	font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    position: relative;
    text-align: left;
}
.bigNavList .title a{
	color: #000;
}
.bigNavList .title span {
	position: absolute;
	right: .3rem;
	top: 0;
	height: 100%;
	text-align: right;
	width: 2rem;
	display: none
}

.allNavCont .itemListUl {
	display: block
}

.bigNavList .itemListUl a {
	color: #999
}

.bigNavList .itemListUl a:hover {
	color: #007db8;
	border-bottom: 1px solid #007db8
}

.bigNavList .itemListUl {
	font-size: 12px;
	line-height: 2em
}

.allNavBox .allNavCont {
	width: 1160px;
    margin: 0 auto;
}

.soMoInp {
	width: 100%;
	height: 2rem;
	background: #2e2e2e;
	margin: 1rem 0 0;
	display: none
}

#moSoInp,
.moSoBtn {
	height: 100%;
	float: left
}

#moSoInp {
	width: 85%;
	font-size: .8rem;
	color: #fff;
	padding: 0 5px;
	display: block;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.moSoBtn {
	width: 15%;
	background-image: url(https://live.doit.com.cn/dell/img/soIco.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 1rem
}

.only-wap-show {
	display: none
}

@media only screen and (max-width:1440px) {
	.navCont {
		height: 75px;
		line-height: 75px
	}
	.navCont .rightCont .xiaList {
		top: 75px
	}
	.navCont .rightCont .navSj {
		top: 63px
	}
	.navCont .leftLogo {
		width: 225px
	}
	.navCont .rightCont {
		width: 750px
	}
	.navIcoList {
		width: 210px
	}
	.bigNavList .title {
		font-size: 18px
	}
	.bigNavList .itemListUl {
		font-size: 14px
	}
	.navCont .rightCont .navErItem {
		height: 60px;
		line-height: 60px
	}
	.navCont .rightCont .navErItem .cpsolution a {
		display: block;
		height: 60px;
		line-height: 60px;
		text-align: center;
		/* border-bottom: 1px solid #333; */
		color: #999
	}
	.allNavBox,
	.productListBox {
		top: 75px
	}
	.allNavBox .allNavCont {
		width: 1068px
	}
	.productListCont {
		max-width: 1320px;
		width: 100%
	}
}

@media only screen and (max-width:1150px) {
	/* .navCont .rightCont {
		width: 650px
	}
	.navItemList {
		width: 440px
	}
	.navItemList li:last-child {
		display: none
	}
} */

@media only screen and (max-width:1068px) {
	.navCont .rightCont .navErItem .cpsolution {
		display: none;
		position: absolute;
		left: -216px;
		top: 0;
		width: 231px;
		box-sizing: border-box;
		padding: 0 15px;
		background: #222;
		border-bottom: 5px solid #007db8
	}
	.navIcoList li:nth-child(2) {
		cursor: pointer;
		background-size: 30px 30px
	}
	.navCont {
		height: 75px;
		line-height: 75px;
		padding: 0 0 0 20px
	}
	.navCont .rightCont .xiaList {
		top: 75px
	}
	.navCont .rightCont .navSj {
		top: 63px
	}
	.navCont .rightCont {
		width: 508px
	}
	.navItemList {
		width: 274px
	}
	.navIcoList {
		width: 222px
	}
	.navItemList li:nth-child(4),
	.navItemList li:nth-child(5) {
		/* display: none */
	}
	.pcSoBox {
		width: 400px;
		left: -400px
	}
	#pcSoInp {
		width: 340px
	}
	.bigNavList .title {
		font-size: 18px
	}
	.bigNavList .itemListUl {
		font-size: 14px
	}
	.navCont .rightCont .navErItem {
		height: 60px;
		line-height: 60px
	}
	.allNavBox,
	.productListBox {
		top: 75px
	}
	.allNavBox .allNavCont {
		width: 724px
	}
	.productListCont {
		width: 100%
	}
}

@media only screen and (max-width:868px) {
	.navItemList li:nth-child(3),
	.navItemList li:nth-child(4),
	.navItemList li:nth-child(5) {
		/* display: none */
	}
	.navItemList {
		width: 181px
	}
	.navCont .rightCont {
		width: 403px
	}
}

@media only screen and (max-width:735px) {
	.navCont .rightCont .navErItem:hover a {
		color: #fff
	}
	.navCont {
		width: 100%;
		height: 51px
	}
	.navCont .rightCont {
		width: auto
	}
	.navItemList {
		/* display: none */
	}
	.only-wap-show {
		display: block
	}
	.navCont .leftLogo {
		width: 225px
	}
	.navIcoList {
		width: 6rem
	}
	.navIcoList li:nth-child(1) {
		display: none
	}
	.navCont .rightCont .xiaList {
		top: 50px
	}
	.navCont .rightCont .navSj {
		top: 1rem
	}
	.allNavBox,
	.productListBox {
		top: 51px;
		z-index: 9
	}
	.allNavBox .allNavCont {
		width: 100%;
		-webkit-flex-wrap: wrap;
		-webkit-box-lines: multiple;
		-moz-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.allNavBox {
		max-height: calc(100vh - 51px);
		overflow-y: auto
	}
	.allNavCont .itemListUl {
		display: none;
		padding: 0 .5rem
	}
	.bigNavList .title span,
	.soMoInp {
		display: block
	}
	.bigNavList .title {
		line-height: 60px;
		padding: 0 .5rem;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	.allNavCont .felxItem {
		border-bottom: 1px solid #333;
		width: 100%;
		-webkit-box-flex: none;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none
	}
	.bigNavList .itemListUl {
		line-height: 2.4
	}
}

@media only screen and (max-width:400px) {
	.navCont .leftLogo {
		width: 190px
	}
}

.concolor .footerTxt {
	background: #ccc;
	color: #555
}

.footerTxt,
.footerTxtCont .txtBox p a {
	color: #777
}

.footerTxt {
	padding: 40px 0 30px;
	font-size: 18px;
	background: #0e0e0e
}

.footCont,
.footerTxtCont {
	width: 100%;
	max-width: 1420px;
	padding: 0 50px;
	box-sizing: border-box
}

.footerTxtCont {
	margin: 0 auto;
	font-size: 13px
}

.footerTxtCont .txtBox p {
	margin-bottom: 10px;
	line-height: 1.4
}

.footerTxtCont .txtBox1 p {
	height: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.footerTxtCont .txtSj {
	width: 100%;
	height: 1.35rem;
	display: none;
	margin-top: .2rem;
	background-position: center;
	background-image: url(https://live.doit.com.cn/dell/img/moreB.png);
	background-repeat: no-repeat;
	background-size: 18px 17px
}

.footerBox {
	background: #f4f5f6
}

.footCont {
	margin: 0 auto
}

.footerLeftBox {
	width: 65%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 30px 0
}

.listItem {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.listItem .footterListTitle {
	font-size: 20px;
	color: #ccc;
	margin-bottom: 10px;
	position: relative
}

.listItem .footterListTitle>a {
	color: #666
}

.listItem .footterListTitle span {
	line-height: 60px;
	width: 20px;
	text-align: center;
	position: absolute;
	right: 30px;
	top: 0;
	display: none
}

.listItem ul {
	font-size: 13px;
	line-height: 2.2;
	margin-bottom: 0;
	margin-top: 0
}

.listItem ul li {
	width: 100%;
	overflow: hidden;
	padding-right: 5px
}

.listItem ul li a {
	color: #999
}

.footRightBox {
	width: 35%;
}

.footRightBox .footerIcoList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0
}

.footRightBox .footerIcoList li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 148px;
	position: relative;
	background-position: center;
	background-size: auto 65px;
	background-repeat: no-repeat
}

.footRightBox .footerIcoList li a {
	display: block;
	width: 100%;
	height: 100%
}

.footerIcoList .tipsBox {
	background-color: #007db8;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: relative
}

.footerIcoList .csBox .tipsSj,
.footerIcoList .tipsBox .tipsSj {
	width: 15px;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -7px;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(https://live.doit.com.cn/dell/img/qrSj.png)
}

.footerIcoList .csBox,
.footerIcoList .wxQr {
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	bottom: 80%;
	left: 50%;
	display: none
}

.footerIcoList .wxQr {
	width: 148px;
	margin-top: -70px;
	margin-left: -74px
}

.footerIcoList .wxQr img {
	width: 100%
}

.footerIcoList .csBox {
	width: 176px;
	margin-left: -140px
}

.footerIcoList .csBox .csCont .csItem {
	margin: 15px 0
}

.footerIcoList .csBox .csCont .csItem p {
	font-size: 12px;
	color: #eee;
	line-height: 1.6;
	margin-bottom: 0
}

.footerIcoList .csBox .csCont .csItem .title {
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	text-align: left
}

.footerIcoList .csBox .csCont .csItem>a>p {
	text-align: left;
	padding-left: 40px
}

.footerIcoList .csBox .csCont .csItem .title span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 10px center
}

.footerIcoList .csBox .csCont .csItem .title span.Ico {
	height: 40px;
	padding-left: 40px
}

.footerIcoList .csBox .csCont .csItem .title span.moIco {
	background-image: url(https://live.doit.com.cn/dell/img/moIco.png);
	color: #FFFFFF;
}

.footerIcoList .csBox .csCont .csItem .title span.emIco {
	background-image: url(https://live.doit.com.cn/dell/img/emIco.png);
	color: #FFFFFF;
	
}

.footerIcoList .csBox .tipsSj {
	margin-left: 40px
}

.footRightBox .footerIcoList li:nth-child(1) {
	background-image: url(https://live.doit.com.cn/dell/img/wx.png)
}

.footRightBox .footerIcoList li:nth-child(2) {
	background-image: url(https://live.doit.com.cn/dell/img/wb.png)
}

.footRightBox .footerIcoList li:nth-child(3) {
	background-image: url(https://live.doit.com.cn/dell/img/xs.png)
}

.footRightBox .footerIcoList li:nth-child(4) {
	background-image: url(https://live.doit.com.cn/dell/img/kf.png)
}

.footCont .footRightBox .interImg {
	text-align: center
}

.footRightBox .interImg img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 160px
}

.footerEndTxt {
	width: 100%;
	font-size: 13px;
	color: #999;
	line-height: 1.5;
	padding: 30px 0 50px;
	border-top: 1px solid #1b1b1b
}

.footerEndTxt .yinSiA {
	color: #999
}

.footerEndTxt a {
	color: #007db8
}

.footerEndTxt a:hover,
.underline-b li>a:hover {
	color: #007db8;
	text-decoration: underline
}

.footerEndTxt .guoH {
	display: inline-block;
	width: 1em;
	height: 1em;
	position: relative;
	background-size: auto 100%;
	background-image: url(https://live.doit.com.cn/dell/img/guoH.png);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 1em
}

.footerEndTxt .beian {
	color: #999
}

.txtBox.txtBox1 {
	display: none
}

.txtBox.txtBox2 {
	display: block
}

@media only screen and (max-width:1440px) {
	.listItem .footterListTitle {
		font-size: 18px
	}
}

@media only screen and (max-width:1068px) {
	.footerTxtCont {
		padding: 0 20px
	}
	.listItem .footterListTitle {
		font-size: 16px
	}
	.footerIcoList .wxQr {
		bottom: 73%;
		margin-left: -50px
	}
	.footerIcoList .wxQr .tipsSj {
		margin-left: -31px
	}
	.footerIcoList .csBox {
		bottom: 73%
	}
	.footRightBox .footerIcoList li {
		background-size: auto 40px
	}
}

@media only screen and (max-width:735px) {
	.footCont .footRightBox,
	.footCont .listItem:nth-child(4) {
		border-bottom: 1px solid #222
	}
	.txtBox.txtBox1 {
		display: block
	}
	.txtBox.txtBox2 {
		display: none
	}
	.footerTxtCont {
		font-size: 12px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box
	}
	.footerTxtCont .txtSj {
		display: block
	}
	.footCont {
		padding: 0 20px;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	.footCont .footerLeftBox {
		padding-bottom: 0;
		width: 100%
	}
	.footCont .footterListTitle {
		height: 60px;
		line-height: 60px;
		border-top: 1px solid #222;
		padding-left: .8rem
	}
	.listItem ul {
		font-size: 12px;
		margin-top: -6px;
		margin-bottom: 16px
	}
	.listItem .footterListTitle {
		margin-bottom: 0
	}
	.listItem .footterListTitle span {
		display: block;
		right: .8rem;
		cursor: pointer
	}
	.footerLeftBox .listItem {
		width: 100%;
		-webkit-box-flex: none;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none
	}
	.footerLeftBox .listItem ul {
		display: none
	}
	.footerLeftBox .listItem ul li {
		padding: 0 0 0 .8rem
	}
	.footCont .footRightBox {
		width: 100%;
		padding: .8rem .3rem;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	.footCont .footRightBox .footerIcoList {
		width: 100%
	}
	.footRightBox .footerIcoList li {
		height: 50px
	}
	.footerIcoList .csBox,
	.footerIcoList .wxQr {
		bottom: 115%
	}
	.footCont .footRightBox .interImg {
		width: 80%;
		max-width: 300px;
		overflow: hidden;
		text-align: left;
		margin-top: 10px;
		max-height: 120px
	}
	.footCont .footRightBox .interImg img {
		max-height: 120px;
		object-fit: contain
	}
	.footerEndTxt {
		padding: 28px 0;
		font-size: 12px
	}
}

.icon {
	-webkit-transition: font-size .25s linear, width .25s linear;
	-moz-transition: font-size .25s linear, width .25s linear;
	transition: font-size .25s linear, width .25s linear;
	background-color: rgba(0, 0, 0, 0)!important
}

.sidebarWra {
	position: fixed;
	right: 0;
	bottom: 190px;
	z-index: 999
}

.sidebarWra img {
	vertical-align: top;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1)
}

.infoWra,
.sidebar {
	float: right
}

.sidebar li {
	background: rgba(200, 200, 200, .9);
	height: 46px;
	width: 46px;
	text-align: center;
	line-height: 46px;
	margin-bottom: 1px;
	cursor: pointer;
	transition: .4s all ease
}

.sidebar li span {
	color: #fff;
	font-size: 24px
}

.kefu.show,
.sidebar li:hover {
	background-color: #007cb8;
	color: #fff
}

.whiteKefuWra,
.whiteWechatWra,
.whiteXcxWra {
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, 0)
}

.kefu.show span,
.sidebar li:hover span {
	color: #fff
}

.infoWra {
	margin-right: 7px
}

.whiteKefuWra {
	left: -209px;
	width: 209px
}

.whiteWechatWra,
.whiteXcxWra {
	left: -194px;
	width: 194px;
	text-align: left
}

.kefuInfo {
	background-color: #007cb8;
	width: 202px;
	text-align: left;
	position: relative;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1)
}

.kefuInfo div {
	padding: 20px 0 20px 10px;
	border-bottom: 1px solid #3397c8;
	margin: 0 15px;
	line-height: 20px
}

.kefuInfo span {
	display: inline-block;
	color: #fff!important;
	margin-right: 10px;
	position: relative;
	top: 3px
}

i.telNum {
	display: block;
	font-size: 18px;
	font-weight: 700;
	font-family: Arial;
	font-style: italic;
	padding: 5px 0 0 36px
}

p.imgInfo {
	background-color: #fff;
	color: #b7b7b7;
	text-align: center;
	line-height: 22px;
	padding-bottom: 7px;
	margin-top: -7px;
	font-size: 14px;
	width: 187px
}

.sidebar li span.icon-guanbi1 {
	position: absolute;
	font-size: 14px;
	color: #98cce4!important;
	top: -10px;
	right: -5px;
	cursor: pointer
}

.gotop {
	display: none!important
}

#goSales {
	cursor: pointer
}