#custom .iot-part .container .advantage ul:after,
#idea .section-container:after,
#idea figure:after,
.iotWorldWrapper .iotWorld .right-container .cloud:after,
.iotWorldWrapper .iotWorld .right-container .default:after,
.iotWorldWrapper .iotWorld .right-container .end:after,
.patterns .group .patterns-container ul:after,
.solotion-section .solution:after {
	clear: both
}

.c-layout-revo-slider-8 .c-main-title {
	border: none!important;
	font-weight: 400!important;
	padding-bottom: 10px
}

.banner-video {
	background: rgba(0, 0, 0, .35);
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	bottom: 0
}

.rev_slider {
	overflow: hidden!important
}

.c-layout-header .c-topbar .c-top-menu.c-pull-right {
	padding-top: 10px
}

.banner-title1,
.banner-title2 {
	background-size: 100%;
	padding: 0!important;
	background-repeat: no-repeat;
	background-position: center bottom
}

.banner-title1 {
	background-image: url(/img/banner1.png);
	width: 620px;
	height: 235px
}

.banner-title2 {
	background-image: url(/img/banner2_3.png);
	width: 700px;
	height: 130px
}

.tp-bgimg.defaultimg {
	background-position: center -50px!important
}

@media (max-width:1650px) {
	.banner-title2 {
		width: 650px;
		max-height: 130px;
		margin-top: -60px
	}
	.tp-bgimg.defaultimg {
		background-position: center 0!important
	}
}

.tp-mask-wrap p {
	text-align: center;
	color: #fff;
	font-size: 18px
}

.tp-mask-wrap button {
	padding: 12px 40px;
	text-align: center;
	background: 0 0;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff;
	margin: 50px auto 0;
	display: inherit;
	border-radius: 2px
}

.btn.c-btn-border-2x.c-btn-uppercase.btn-lg {
	padding: 10px 40px
}

.c-desktop-logo,
.c-desktop-logo-inverse {
	width: 230px
}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
	margin-top: 15px!important
}

.c-layout-header .c-brand {
	margin-top: 18px
}

.c-content-tile-1 .c-wrapper,
.c-content-tile-1 .c-wrapper .c-tile-title,
.c-content-v-center .c-wrapper .c-body p {
	color: #fff
}

.c-navbar .container {
	min-width: 760px
}

#school {
	background: #FFF
}

#school .container {
	position: relative;
	width: 1180px;
	padding: 54px 0 0
}

#school .content {
	position: absolute;
	top: 60px;
	right: -830px
}

#school .content:first-child {
	opacity: 1;
	filter: alpha(opacity=100)
}

#school .content-item {
	width: 430px;
	overflow: hidden;
	padding: 0 0 0 20px;
	position: absolute;
	top: 20px;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .5s cubic-bezier(0, 0, .29, .98) .7s;
	-moz-transition: all .5s cubic-bezier(0, 0, .29, .98) .7s;
	-ms-transition: all .5s cubic-bezier(0, 0, .29, .98) .7s;
	-o-transition: all .5s cubic-bezier(0, 0, .29, .98) .7s;
	transition: all .5s cubic-bezier(0, 0, .29, .98) .7s
}

#school .content-item.active {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 5;
	-webkit-transition: all 1s cubic-bezier(.26, .01, .35, 1.01) 1.25s;
	-moz-transition: all 1s cubic-bezier(.26, .01, .35, 1.01) 1.25s;
	-ms-transition: all 1s cubic-bezier(.26, .01, .35, 1.01) 1.25s;
	-o-transition: all 1s cubic-bezier(.26, .01, .35, 1.01) 1.25s;
	transition: all 1s cubic-bezier(.26, .01, .35, 1.01) 1.25s;
	top: 0
}

#school .content-item .desc {
	padding-bottom: 30px
}

#school .content-item .desc h3 {
	font-size: 30px;
	line-height: 40px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 400
}

#school .content-item .desc p {
	font-size: 14px;
	line-height: 26px;
	color: #666
}

#school .content-item .desc a {
	color: #666;
	font-size: 14px;
	display: block;
	width: 157px;
	height: 36px;
	border: 1px solid #7D7D7D;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
	margin-top: 20px
}

#school .content-item .desc a:hover {
	background-color: #108CEE;
	border-color: #108CEE;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: #fff
}

#school .content-item figcaption {
	margin-left: 52px
}

#school .content-item figcaption h4 {
	margin: 0;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	font-weight: 400
}

#school .content-item figcaption p {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin: 0
}

#school .content-item article {
	margin-top: 15px
}

#school .content-item .icon {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 7px
}

#school .content-item .icon-base-safe {
	background: url(/img/safe/ico_safe11_1.png) no-repeat;
	background-size: 100%;
	margin-top: 9px
}

#school .content-item .icon-base-stable {
	width: 30px;
	background: url(/img/safe/ico_safe12.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-base-storage {
	width: 38px;
	height: 42px;
	margin-left: 3px;
	background: url(/img/safe/ico_safe15.png) 2px 0 no-repeat;
	background-size: 94%
}

#school .content-item .icon-calculate-solution {
	background: url(/img/safe/ico_safe21.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-bigdata {
	width: 28px;
	margin-left: 2px;
	margin-top: 8px;
	background: url(/img/safe/ico_safe22.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-ai {
	background: url(/img/safe/ico_safe23.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-data-center {
	width: 27px;
	background: url(/img/safe/ico_safe31.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-data-stable {
	background: url(/img/safe/ico_safe32.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-data-storage {
	width: 28px;
	background: url(/img/safe/ico_safe33.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-platform-ai1 {
	background: url(/img/safe/ico_safe41.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-platform-ai2 {
	background: url(/img/safe/ico_safe42.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-platform-ai3 {
	background: url(/img/safe/ico_safe43.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-unify-center {
	background: url(/img/safe/ico_safe51.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-unify-stable {
	background: url(/img/safe/ico_safe52.png) no-repeat;
	background-size: 100%
}

#school .content-item .icon-unify-storage {
	background: url(/img/safe/ico_safe53.png) no-repeat;
	background-size: 100%
}

#school .aniwrp {
	width: 60%;
	position: relative;
	right: 360px;
	bottom: 52px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none
}

#school #wrp {
	background-color: #fff;
	width: 100%;
	height: 550px;
	position: relative
}

#school .center,
#school .center:before {
	width: 280px;
	height: 280px;
	border-radius: 140px
}

#school #wrp h2 {
	margin: 15px 0 3px 12px;
	padding: 0;
	font-weight: 600;
	font-size: 32px;
	line-height: 1
}

#school .center {
	position: absolute;
	left: 532px;
	top: 219px;
	z-index: 10
}

#school .center:before,
#school .incenter:before {
	content: "";
	top: 0;
	left: 0
}

#school #center {
	z-index: 9
}

#school .center:before {
	position: absolute;
	box-shadow: 0 0 60px rgba(11, 101, 255, .35)
}

#school .incenter,
#school .incenter:before {
	width: 202px;
	height: 202px;
	position: absolute
}

#school .center-move:before {
	animation: disappear 1s forwards linear
}

#school .incenter {
	border-radius: 101px;
	margin: 39px;
	background: #fff
}

#school .incenter:before {
	border-radius: 140px;
	box-shadow: 0 0 40px rgba(11, 101, 255, .27)
}

#school .center2 {
	opacity: 0
}

#school .center2-move {
	animation: center2show 2s forwards linear
}

#school .center2:before {
	opacity: 0;
	filter: alpha(opacity=0);
	box-shadow: 0 0 60px rgba(11, 101, 255, .35)
}

#school #incenter2:before {
	opacity: 0;
	filter: alpha(opacity=0);
	box-shadow: 0 0 40px rgba(11, 101, 255, .27)
}

#school .center-move #incenter:before {
	animation: disappear .7s forwards linear
}

#school .sun {
	width: 76px;
	height: 76px;
	margin: 63px;
	border-radius: 38px;
	float: left
}

#school #sun2 {
	opacity: 0
}

#school .center2-move #sun2 {
	animation: sunrise .7s forwards linear;
	-webkit-animation-delay: .4s
}

#school .center2-move:before {
	animation: antidisappear 1s forwards linear!important;
	-webkit-animation-delay: .5s!important
}

#school .center2-move #incenter2:before {
	animation: antidisappear .7s forwards linear;
	-webkit-animation-delay: .5s
}

#school .sun img {
	display: none;
	width: 100%;
	height: 100%
}

#school .sun .center-icon {
	display: block
}

#school .texttitle {
	width: 290px;
	height: 100px;
	position: absolute;
	z-index: 20;
	left: 710px;
	top: 305px
}

#school .texttitle h2 {
	font-size: 47px;
	line-height: 50px;
	color: #333;
	margin-left: 12px;
	font-weight: 400
}

#school .texttitle .line {
	width: 170px;
	height: 10px
}

#school .texttitle .line .line1 {
	display: block;
	width: 110px;
	height: 2px;
	margin-top: 4px;
	float: left;
	background-color: #D2D2D2
}

#school .texttitle .circle {
	width: 7px;
	height: 7px;
	border: 2px solid #D2D2D2;
	float: left;
	border-radius: 3.5px;
	margin-top: 1px;
	margin-left: -1px
}

#school .texttitle p {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	margin-left: 12px;
	margin-top: 3px;
	font-weight: 600
}

#school #wrp .texttitle-base .main-txt {
	width: 139px;
	height: 45px
}

#school #wrp .texttitle-base .sub-txt {
	width: 112px;
	height: 16px
}

#school #wrp .texttitle-base .line1 {
	width: 155px
}

#school #wrp .texttitle-iot .main-txt {
	width: 63px;
	height: 29px
}

#school #wrp .texttitle-iot .sub-txt {
	width: 79px;
	height: 16px
}

#school #wrp .texttitle-media .main-txt {
	width: 64px;
	height: 31px
}

#school #wrp .texttitle-media .sub-txt {
	width: 80px;
	height: 16px
}

#school #wrp .texttitle-bigdata .main-txt {
	width: 63px;
	height: 32px
}

#school #wrp .texttitle-bigdata .sub-txt {
	width: 80px;
	height: 16px
}

#school #wrp .texttitle-ai .main-txt {
	width: 62px;
	height: 31px
}

#school #wrp .texttitle-ai .sub-txt {
	width: 64px;
	height: 16px
}

#school .disappear-texttitle h2 {
	transform: translateX(-10px);
	opacity: 0;
	filter: alpha(opacity=0)
}

#school .disappear-texttitle .line1 {
	transform: translateX(-50%) scaleX(0);
	opacity: .5;
	filter: alpha(opacity=50)
}

#school .disappear-texttitle .circle {
	transform: translateX(-155px);
	opacity: 0;
	filter: alpha(opacity=0)
}

#school .disappear-texttitle p {
	transform: translateX(-10px);
	opacity: 0;
	filter: alpha(opacity=0)
}

#school .cells:after,
#school .cells:before {
	transform: scale(.8);
	filter: alpha(opacity=0)
}

#school .appear h2,
#school .appear p {
	animation: antidisappear3 .2s forwards linear;
	-webkit-animation-delay: 1.5s
}

#school .appear .line1 {
	animation: antidisappear1 .3s forwards linear;
	-webkit-animation-delay: 1.2s
}

#school .appear .circle {
	animation: antidisappear2 .3s forwards linear;
	-webkit-animation-delay: 1.2s
}

#school .disappear h2,
#school .disappear p {
	animation: disappear3 .2s forwards linear
}

#school .disappear .line1 {
	animation: disappear1 .3s forwards linear;
	-webkit-animation-delay: .2s
}

#school .disappear .circle {
	animation: disappear2 .3s forwards linear;
	-webkit-animation-delay: .2s
}

#school .center-move #sun {
	animation: disappear4 .2s forwards linear;
	-webkit-animation-delay: .5s
}

#school #bgline {
	z-index: 5;
	position: absolute;
	top: 52px;
	left: -117px
}

#school #bgline img {
	width: 1200px;
	height: 552px
}

#school .cells h3::after,
#school .cells:after,
#school .cells:before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	display: block
}

#school .cells {
	z-index: 30;
	border-radius: 80px;
	position: absolute;
	padding: 2px
}

#school .cells:before {
	border: 3px solid #A0A0A0;
	border-radius: 100px
}

#school .wave .cells::before {
	animation: lianyi 4s linear
}

#school .wave .cells::after {
	animation: lianyi2 4s linear
}

#school #cell-1::after,
#school .wave #cell-1::before {
	animation-delay: 0s;
	-webkit-animation-delay: 0s
}

#school #cell-2::after,
#school .wave #cell-2::before {
	animation-delay: .5s;
	-webkit-animation-delay: .5s
}

#school #cell-3::after,
#school .wave #cell-3::before {
	animation-delay: 1s;
	-webkit-animation-delay: 1s
}

#school #cell-4::after,
#school .wave #cell-4::before {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s
}

#school .cells:after {
	border: 3px solid #A0A0A0;
	border-radius: 100px
}

#school .cells h3 {
	display: block;
	background-color: #fff;
	border-radius: 80px;
	border: 2px solid #CCC;
	font-size: 14px;
	text-align: center;
	color: #333;
	margin: 4px;
	font-weight: 400
}

#school .cells h3 span {
	display: block;
	line-height: 1.3
}

#school .cells h3::after {
	border-radius: 100px;
	border: 1px dashed #fff;
	transition: all .2s ease-in
}

#school #cell-1 h3,
#school #cell-1 img {
	width: 55px;
	height: 55px
}

#school .cells .bg {
	z-index: 40;
	border-radius: 100px;
	position: absolute;
	top: 6px;
	left: 6px;
	opacity: 0;
	filter: alpha(opacity=0)
}

#school .appear-cell1 .bg,
#school .appear-cell2 .bg,
#school .appear-cell3 .bg,
#school .appear-cell4 .bg,
#school .cells-hover .bg {
	opacity: 1;
	filter: alpha(opacity=100)
}

#school #cell-1 {
	left: 375px;
	top: 190px
}

#school #cell-1 h3 {
	float: left;
	z-index: 20;
	line-height: 55px;
	padding-top: 8px
}

#school .cells-hover .bg {
	cursor: pointer;
	transition: all .1s ease-in
}

#school .cells-hover h3 span {
	animation: goout .1s forwards linear;
	text-align: left
}

#school .cells-hover h3::after {
	opacity: 1;
	animation: rotate 4s infinite linear;
	border: 1px dashed #5E5CEA;
	background: #fff
}

#school .appear-cell:hover span {
	animation: nonedis .1s forwards linear
}

#school .appear-cell:hover h3::after {
	animation: rotate1 4s forwards linear
}

#school .appear-cell1 .bg {
	animation: moveto .5s forwards linear;
	-webkit-animation-delay: .5s
}

#school .appear-cell2 .bg {
	animation: moveto2 .5s forwards linear;
	-webkit-animation-delay: .5s
}

#school .appear-cell3 .bg {
	animation: moveto3 .5s forwards linear;
	-webkit-animation-delay: .5s
}

#school .appear-cell4 .bg {
	animation: moveto4 .5s forwards linear;
	-webkit-animation-delay: .5s
}

#school #cell .appear-cell1 img,
#school #cell .appear-cell2 img,
#school #cell .appear-cell3 img,
#school #cell .appear-cell4 img {
	width: 76px;
	height: 76px;
	-webkit-transition: all .5s .5s;
	-moz-transition: all .5s .5s;
	-ms-transition: all .5s .5s;
	-o-transition: all .5s .5s;
	transition: all .5s .5s
}

#school #cell-2 h3,
#school #cell-2 img {
	width: 62px;
	height: 62px
}

#school #cell-3 h3,
#school #cell-3 img {
	width: 65px;
	height: 65px
}

#school #cell-4 h3,
#school #cell-4 img {
	width: 57px;
	height: 57px
}

#school #cell-2 {
	left: 554px;
	top: 74px
}

#school #cell-2 h3 {
	line-height: 62px;
	padding-top: 11px
}

#school #cell-3 {
	left: 815px;
	top: 158px
}

#school #cell-3 h3 {
	line-height: 65px;
	padding-top: 12px
}

#school #cell-4 {
	left: 900px;
	top: 425px
}

#school #cell-4 h3 {
	line-height: 57px;
	padding-top: 9px
}

#school .sphere1,
#school .sphere2 {
	background: url(https://bce.bdstatic.com/portal/img/index/Oval.2x_fae6f285.png) no-repeat;
	background-size: 14px 14px;
	position: absolute;
	width: 14px;
	height: 14px;
	z-index: 21
}

#school .sphere1 {
	top: 87px;
	right: -83px;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg)
}

#school .sphere2 {
	top: 114px;
	right: 184px;
	-webkit-transform: rotate(-53deg);
	-moz-transform: rotate(-53deg);
	-ms-transform: rotate(-53deg);
	-o-transform: rotate(-53deg);
	transform: rotate(-53deg)
}

#safe-system {
	height: 550px;
	position: relative;
	text-align: center
}

#safe-system .data-center-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-size: 100% 550px;
	background-color: #01081b;
	background-image: url(/img/safe-system-bg.png);
	-webkit-transition: background-position .5s ease-out;
	-moz-transition: background-position .5s ease-out;
	-ms-transition: background-position .5s ease-out;
	-o-transition: background-position .5s ease-out;
	transition: background-position .5s ease-out;
	background-position: center;
	background-repeat: no-repeat
}

#safe-system .container {
	position: relative;
	z-index: 2
}

#safe-system .dataCenter-subtitle {
	color: #FFF;
	opacity: .6;
	filter: alpha(opacity=60);
	margin-top: 4px
}

#safe-system h2,
#safe-system h4,
#safe-system p {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
	padding: 0
}

#safe-system h2 {
	color: #FFF;
	font-size: 30px;
	padding-top: 50px;
	line-height: 40px
}

#safe-system .data-center-desc {
	width: 490px;
	margin-top: 92px;
	text-align: left
}

#idea h2,
#idea h4,
#system .group .item,
#system h2,
#system h4,
.c-section-tit,
.navbar-nav>li>a small,
.scene-nav li {
	text-align: center
}

#safe-system .data-center-desc p {
	color: #CCC
}

#safe-system .data-center-desc .desc-1 {
	margin-top: 20px
}

#safe-system img {
	position: absolute;
	top: 223px;
	right: 0;
	width: 578px;
	height: 352px;
	padding: 0
}

#safe-system .data-center-show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

#safe-system .data-center-show img {
	top: 223px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

.navbar-nav>li>a small {
	font: 12px/1.5 "Microsoft YaHei", tahoma, arial, Hiragino Sans GB, \5b8b\4f53;
	line-height: 1;
	letter-spacing: 0;
	display: block;
	margin-top: 4px
}

.c-content-box.c-size-md {
	padding-top: 60px
}

.safe-system-title {
	font-size: 14px!important;
	line-height: 1.7
}

#safe-system .input-group {
	margin-top: 15px
}

.pain1 .c-content-tile-1 .c-tile-content.c-arrow-right:after {
	border-left-color: #65c3cf
}

.pain2 .c-content-tile-1 .c-tile-content.c-arrow-right:after {
	border-left-color: #786b63
}

.pain3 .c-content-tile-1 .c-tile-content.c-arrow-left:after {
	border-right-color: #d65b5e
}

.pain4 .c-content-tile-1 .c-tile-content.c-arrow-left:after {
	border-right-color: #74bddd
}

#scene .c-content-title-1>h3.c-font-uppercase {
	margin-bottom: 0
}

#pain .c-content-pricing-1 .c-content-title-1>p,
#scene .c-content-pricing-1 .c-content-title-1>p,
.c-content-tile-grid .c-content-title-1>p {
	text-align: center;
	font-size: 14px;
	margin: 5px 0 20px;
	color: #d5d5d5
}

.tp-banner-container.tp-fullscreen {
	min-width: 1200px
}

.rev_slider li.tp-revslider-slidesli video {
	min-width: 100%;
	min-height: 100%
}

.scene-nav.fixed {
	position: fixed;
	top: 65px;
	background: rgba(255, 255, 255, .8);
	width: 100%;
	left: 0;
	z-index: 1;
	box-shadow: 0 0 2px rgba(221, 221, 221, .6);
	display: none
}

#system .group,
.scene-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}

.scene-nav ul {
	margin: 0 0 30px;
	padding: 20px 0 0;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center
}

.scene-nav li {
	list-style: none;
	width: 120px;
	background-size: auto 52px;
	background-repeat: no-repeat;
	padding-top: 75px;
	background-position: center top;
	cursor: pointer;
	user-select: none;
	position: relative
}

.scene-nav li.active {
	color: #45b5c6
}

.scene-nav li:nth-child(1) {
	background-image: url(/img/scene1.png)
}

.scene-nav li:nth-child(2) {
	background-image: url(/img/scene2.png)
}

.scene-nav li:nth-child(3) {
	background-image: url(/img/scene3.png)
}

.scene-nav li:nth-child(4) {
	background-image: url(/img/scene4.png)
}

.scene-nav li:nth-child(5) {
	background-image: url(/img/scene5.png)
}

.scene-nav li:nth-child(6) {
	background-image: url(/img/scene6.png)
}

.scene-nav li:nth-child(1).active {
	background-image: url(/img/scene-1-select.png)
}

.scene-nav li:nth-child(2).active {
	background-image: url(/img/scene-2-select.png)
}

.scene-nav li:nth-child(3).active {
	background-image: url(/img/scene-3-select.png)
}

.scene-nav li:nth-child(4).active {
	background-image: url(/img/scene-4-select.png)
}

.scene-nav li:nth-child(5).active {
	background-image: url(/img/scene-5-select.png)
}

.scene-nav li:nth-child(6).active {
	background-image: url(/img/scene-6-select.png)
}

.scene-nav li::after {
	content: '';
	position: absolute;
	bottom: -30px;
	width: 0;
	height: 0;
	border-width: 0 12px 12px;
	border-style: solid;
	border-color: transparent transparent #45b5c6;
	left: 0;
	right: 0;
	margin: auto;
	display: none
}

#custom,
#custom .iot-part,
.lock {
	position: relative
}

.scene-nav li.active::after {
	display: block
}

#idea .section-container:after,
#idea .section-container:before,
#idea figure:after,
#idea figure:before {
	display: table;
	content: ""
}

#idea {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0
}

#idea section {
	padding: 0 0 40px
}

#idea section:nth-child(odd) {
	background: #f5f5f5
}

#idea h2 {
	font-size: 30px;
	line-height: 60px;
	color: #333;
	margin-top: 40px;
	font-weight: 400
}

#idea h3,
#idea h4 {
	font-size: 16px;
	font-weight: 400
}

#idea h4 {
	color: #999;
	line-height: 26px;
	margin-bottom: 70px
}

#idea .section-container {
	margin-top: -40px
}

#idea article {
	float: left;
	width: 49.15%;
	padding-right: 1em;
	box-sizing: border-box;
	margin-top: 40px
}

#idea article.odd {
	margin-right: 20px
}

#idea img {
	width: 60px;
	height: 70px;
	float: left
}

#idea figcaption {
	margin-left: 85px
}

#idea h3 {
	color: #141a24;
	margin-bottom: 14px
}

#idea div.p {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

#idea [ui-type=apply-box] .link {
	color: #108cee;
	font-size: 14px
}

#idea [ui-type=apply-box] .link:hover {
	color: #0b83e1
}

#system h2 {
	font-size: 30px;
	line-height: 60px;
	color: #333;
	margin-top: 40px;
	font-weight: 400
}

#system h4 {
	font-size: 16px;
	color: #999;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 40px
}

#system .group {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between
}

#system .group .item {
	padding: 30px;
	background-color: #fff;
	margin-bottom: 20px;
	width: 20%
}

#system .group .item .icon {
	margin: 10px auto 30px
}

#system .group .item .icon img {
	height: 35px
}

#system .group .item .title {
	font-size: 18px;
	color: #333;
	line-height: 32px
}

#system {
	width: 1200px;
	margin: 0 auto
}

#system .group .item .desc {
	height: 60px;
	font-size: 14px;
	color: #999;
	line-height: 26px;
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
	background: #fff;
	border: none;
	border-radius: 0
}

.lock>ul h5,
.lock>ul li {
	border-bottom: 1px solid #dcdcdc
}

.lock>ul h5,
.lock>ul li,
.lock>ul li span {
	border-right: 1px solid #dcdcdc
}

.navbar-nav>li>a {
	font-weight: 400!important
}

.soft {
	padding-top: 60px;
	min-width: 1440px
}

.girl,
.safe div {
	min-width: 1200px
}

.soft>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap
}

.c-section-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}

.c-section-hd {
	margin-bottom: 40px
}

.c-section-tit {
	font-size: 24px;
	color: #000;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 20px
}

.sol-scene .scemes-framework-img {
	float: right;
	display: inline-block;
	vertical-align: top;
	width: 34%;
	height: auto;
	max-width: 70%
}

.sol-scene .solution-framework-img img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.sol-scene .solution-framework-word {
	width: 45%;
	float: left
}

.solution-framework-word-simple {
	margin-bottom: 30px
}

.solution-framework-simple-detail h4 {
	font-size: 18px;
	color: #000;
	line-height: 1;
	margin-bottom: 5px;
	font-weight: 500
}

.solution-framework-simple-detail span {
	font-size: 14px;
	color: #aaa;
	line-height: 1.7;
	margin-bottom: 30px
}

.solution-framework-simple-title {
	font-size: 18px;
	color: #000;
	line-height: 1.5;
	font-weight: 500
}

.solution-framework-simple-title i {
	color: #6dc5d1
}

.solution-framework-simple-detail:last-child {
	margin-bottom: 0
}

.solution-framework-simple-detail p {
	font-size: 14px;
	color: #aaa;
	line-height: 1.7;
	margin-bottom: 30px
}

.scemes-framework-word-grid .c-grid-expand {
	margin-right: -25px;
	margin-left: -25px;
	padding: 0
}

.scemes-framework-word-grid .c-grid [class*=c-g-] {
	padding-left: 25px;
	padding-right: 25px;
	float: left
}

.c-grid [class*=c-g-] {
	display: inline-block;
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top
}

.head-box .head-cell .info font,
.head-box .head-cell .y-row>h1 font {
	vertical-align: inherit
}

.c-g-12 {
	width: 50%
}

#safehard {
	background: #f7f8f9;
	padding: 30px 0 50px
}

.girl {
	background-image: url(/img/girl-bg.png);
	padding: 80px 0;
	background-position: center;
	background-repeat: no-repeat
}

.girl img {
	width: 1140px;
	margin: 0 auto;
	display: block
}

#custom .iot-part .container {
	width: 1200px
}

#custom .iot-part .container .advantage {
	margin-top: 10px
}

#custom .iot-part .container .advantage li p {
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 28px;
	color: #999
}

#custom .iot-part .container .advantage ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center
}

#custom .iot-part .container .advantage ul:after,
#custom .iot-part .container .advantage ul:before {
	display: table;
	content: ""
}

#custom .iot-part .container .advantage ul li {
	float: left;
	width: 304px;
	height: 250px;
	list-style: none
}

#custom .iot-part h2 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 40px;
	overflow: hidden
}

#custom .iot-part h2 span {
	display: inline-block;
	margin: 0 auto;
	line-height: 42px;
	color: #333
}

#custom .iot-part h2 p {
	margin: 30px 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 28px;
	color: #999
}

#custom .iot-part h2 i {
	display: block;
	font-size: 16px;
	margin-top: 16px;
	color: #ccc
}

#custom .iot-part .container .advantage ul li .advantage-icon {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	background-size: 100%;
	background-image: url(https://bce.bdstatic.com/portal/img/solution/iot/connect1_2x_0cb8f1a7.png)
}

#custom .iot-part .container .advantage ul li .advantage-icon.advantage-icon-1 {
	background-image: url(https://bce.bdstatic.com/portal/img/solution/iot/connect2_2x_ece0dc8d.png)
}

#custom .iot-part .container .advantage ul li .advantage-icon.advantage-icon-2 {
	background-image: url(https://bce.bdstatic.com/portal/img/solution/iot/connect3_2x_f16cb350.png)
}

#custom .iot-part .container .advantage ul li h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin: 40px 0 14px;
	text-align: center;
	color: #333
}

#custom .iot-part .container .advantage ul .connectLine {
	float: left;
	width: 81px;
	height: 6px;
	background: url(https://bce.bdstatic.com/portal/img/solution/iot/connectDot_2x_045491e5.png) no-repeat;
	background-size: cover;
	margin: 47px 5px 0 4px
}

.container-advantage {
	margin: 0 auto;
	width: 1200px;
	height: 624.1px
}

.container-advantage .container-pc-title {
	margin-top: 77px;
	font-size: 36px;
	color: #333;
	line-height: 50px
}

.container-advantage .container-pc-title .num {
	font-weight: 900;
	color: #01bbd7;
	line-height: 50px
}

.csfe-module-advantage-details .module-wrap .container-warp .container-advantage .container-pc-title span {
	font-weight: 900;
	margin-left: -7px
}

.container-advantage .list {
	display: flex
}

.container-advantage .list li {
	margin-top: 195px;
	width: 250px;
	margin-left: 67px
}

.container-advantage .list li .list-pic {
	margin-bottom: 50px;
	width: 55px;
	height: 48px
}

.container-advantage .list li .list-pic img {
	height: 40px
}

.container-advantage .list li .list-title {
	margin-bottom: 28px;
	line-height: 25px;
	font-size: 18px;
	font-weight: bolder;
	color: #fff;
	letter-spacing: .11px
}

.container-advantage .list li .list-title .list-fast-title {
	color: #01bbd7
}

.container-advantage .list li .list-title .list-fast-title .ssl {
	color: #fff
}

.container-advantage .list li .list-title .list-title-color {
	color: #01bbd7
}

.container-advantage .list li:nth-child(6) {
	width: 250px;
	margin-top: 65px;
	margin-left: 67px
}

.container-advantage .list li:nth-child(5) {
	width: 250px;
	margin-top: 90px;
	margin-left: 67px
}

.container-advantage .list li:nth-child(4) {
	width: 250px;
	margin-top: 115px;
	margin-left: 67px
}

.container-advantage .list li:nth-child(3) {
	width: 250px;
	margin-top: 140px;
	margin-left: 61px
}

.container-advantage .list li:nth-child(2) {
	width: 255px;
	margin-top: 165px;
	margin-left: 67px
}

.container-advantage .list li:first-child {
	margin-left: 0
}

.list-title-desc {
	font-size: 14px!important;
	line-height: 22px!important;
	padding-bottom: 10px;
	color: #fff;
	letter-spacing: .09px
}

.safe div {
	background-image: url(/img/safe.png);
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat
}

#lock {
	padding: 80px 0
}

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

.lock a {
	position: absolute;
	right: 20px;
	top: 30px;
	font-size: 14px;
	color: #999
}

#lock>h2,
#lock>h2 span {
	margin: 0 auto;
	font-size: 30px
}

.lock a:hover {
	color: #1c9fea
}

#lock>h2 {
	width: 1200px;
	font-weight: 400;
	text-align: center
}

#lock>h2 span {
	display: inline-block;
	line-height: 42px;
	color: #333
}

#lock>h2 i {
	display: block;
	font-size: 16px;
	margin-top: 16px;
	color: #ccc
}

.lock img {
	width: 495px
}

.lock>ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	font-size: 14px
}

.lock>ul h5 {
	width: 100%;
	font-weight: 400;
	color: #000;
	line-height: 40px;
	padding-left: 30px;
	font-size: 16px
}

.lock>ul li {
	width: 25%;
	text-align: center;
	display: flex;
	height: 40px
}

.case img,
.contact img {
	display: block
}

.lock>ul:first-of-type span {
	font-size: 13px
}

.lock>ul li span {
	width: 37%;
	line-height: 40px;
	background-color: #fafafa
}

.lock>ul li p {
	width: 63%;
	line-height: 40px
}

#contact,
.jm {
	width: 100%;
	min-width: 1200px;
	background-position: center;
	background-repeat: no-repeat
}

.lock .line2 {
	line-height: 15px;
	padding: 5px 0
}

.jm {
	background-image: url(/img/jm.png);
	height: 475px
}

#contact {
	background-image: url(/img/contact-bg.jpg);
	height: 500px
}

.case img,
.contact {
	width: 1200px;
	margin: 0 auto
}

.contact {
	padding-top: 30px
}

.contact img {
	height: 480px
}

#safe-system .c-content-bar-4>h3 p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2
}

#safe-system .c-content-bar-4>h3 p:last-of-type {
	font-size: 20px;
	line-height: 3
}

#case {
	background-color: #fff
}

.case {
	padding: 90px 0
}

.c-content-tile-1 .c-wrapper .c-tile-title {
	font-size: 20px
}

.solotion-section h2 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	overflow: hidden
}

.iot-part h2 span {
	display: inline-block;
	margin: 0 auto;
	line-height: 42px;
	color: #fff
}

.iot-part h2 p {
	line-height: 26px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #999
}

.iot-part {
	margin: 0;
	padding: 67px 0
}

.solotion-section {
	position: relative;
	background: linear-gradient(-1deg, #3c4255 0, #2a2f40 98%);
	height: 760px
}

.solotion-section .container {
	width: 100%;
	max-width: 1440px;
	min-width: 1180px
}

.solotion-section h2 {
	padding-bottom: 43px;
	color: #fff
}

.solotion-section h2 span {
	color: #fff;
	display: inline-block;
	margin: 0 auto 36px;
	line-height: 42px
}

.solotion-section h2 p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1;
	color: #999
}

.solotion-section .solutioncenter {
	margin: 30px 0
}

.solotion-section .solution {
	width: 1180px;
	margin: 0 auto;
	height: 440px
}

.solotion-section .solution:after,
.solotion-section .solution:before {
	display: table;
	content: ""
}

.solotion-section .solution .solution-item {
	position: relative;
	float: left;
	color: #fff;
	width: 200px;
	height: 100%;
	overflow: hidden;
	-webkit-transition: margin .3s ease;
	-moz-transition: margin .3s ease;
	-ms-transition: margin .3s ease;
	-o-transition: margin .3s ease;
	transition: margin .3s ease
}

.solotion-section .solution .solution-item .solution-img {
	overflow-y: scroll
}

.solotion-section .solution img {
	height: 490px;
	width: 380px
}

.solotion-section .solution .mask {
	display: block;
	position: absolute;
	top: 0;
	opacity: .77;
	height: 100%;
	width: 100%
}

.solotion-section .solution .content {
	position: absolute;
	top: 0;
	text-align: center;
	padding: 74px 15px;
	width: 170px;
	margin-top: 85px;
	box-sizing: content-box
}

.solotion-section .solution .content hr {
	border: 2px solid #108CED;
	width: 30px
}

.solotion-section .solution .content p {
	color: #fff;
	font-size: 16px
}

.solotion-section .solution .content .icon {
	width: auto;
	height: 40px
}

.solotion-section .solution .content .small-title {
	line-height: 70px
}

.solotion-section .solution .content .desc {
	display: none;
	margin-top: 20px;
	font-size: 14px;
	line-height: 28px
}

.solotion-section .solution .content .partner2 {
	display: none;
	margin-top: 35px;
	font-size: 12px
}

.solotion-section .solution .content .partner2 a {
	color: #fff
}

.solotion-section .solution .content .partner2 a:hover {
	text-decoration: none;
	color: #108cee
}

.solotion-section .solution .content .detail-link {
	display: none;
	background: #108CEE;
	width: 200px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin: 30px auto;
	font-size: 14px
}

.solotion-section .solution .content .detail-link:hover {
	text-decoration: none
}

.solotion-section .solution .content .disabled {
	display: none;
	opacity: .6;
	margin-top: 20px;
	font-size: 12px;
	color: #FFF;
	line-height: 20px
}

.solotion-section .solution .content:hover .disabled,
.solotion-section .solution .current .content .detail-link,
.solotion-section .solution .current .content .partner2 {
	display: block
}

.solotion-section .solution .current {
	width: 380px;
	height: 490px;
	position: relative;
	margin-top: -25px
}

.solotion-section .solution .current .content {
	margin-top: 0;
	width: 100%;
	box-sizing: border-box
}

.solotion-section .solution .current .content .desc {
	display: block;
	text-align: left
}

.solotion-section .solution .current img {
	height: 490px
}

.solotion-section .solution .current .mask {
	opacity: .82
}

.solotion-section .solution .current .right-arrow {
	position: absolute;
	width: 11px;
	height: 18px;
	top: 14px;
	right: 40px;
	background: url(https://bce.bdstatic.com/portal/img/solution/iot/icon-right_60a942b9.png) no-repeat
}

.solotion-section .solution .current span {
	background-color: rgba(0, 0, 0, .5)
}

.c-bg-white .c-content-v-center .c-wrapper .c-body p {
	color: #5c6873
}

.scene-list .c-content-title-1>p {
	color: #d5d5d5!important;
	font-size: 14px;
	margin: 5px 0 20px
}

.c-content-title-1>.c-line-left,
.scene-list .c-content-title-1>.c-line-right {
	margin-bottom: 100px
}

.c-mobile-logo {
	height: 30px
}

@media (min-width:2060px) {
	.soft-li {
		padding-left: 8vw!important
	}
}

@media (max-width:1860px) {
	.soft-img {
		width: 30%
	}
	.soft-img img {
		height: auto!important;
		width: 100%
	}
	.soft-li .right p {
		margin-bottom: 25px
	}
	.soft-li li:nth-child(2) .right p {
		margin: 40px 0!important
	}
	.soft-li li:nth-child(3) .right p {
		margin-top: 30px!important
	}
	.soft-context img {
		margin-bottom: 70px!important
	}
}

@media (max-width:1580px) {
	.soft-li .right p {
		margin-bottom: 20px!important;
		width: 230px!important
	}
	.soft-li li:nth-child(1) .right p:nth-child(1) {
		width: 140px!important
	}
	.soft-li li:nth-child(1) .right p:nth-child(2) {
		width: 200px!important
	}
	.soft-li ul {
		width: 390px!important
	}
	.soft-context li {
		height: 210px!important
	}
	.soft-li {
		padding-left: 30px!important;
		margin-top: 60px!important
	}
	.soft-li li:nth-child(1) .left {
		padding-top: 50px!important
	}
	.soft-li li:nth-child(2) .left {
		padding-top: 20px!important
	}
	.soft-li li:nth-child(3) .left {
		padding-top: 50px!important
	}
	.soft-context h2 {
		margin-top: 0!important
	}
}

@media (max-width:1340px) {
	.soft-li .right p {
		line-height: 40px!important
	}
	.soft-context img {
		margin-bottom: 30px!important
	}
	.soft-li li:nth-child(1) .left {
		width: 110px!important
	}
	.soft-li ul {
		width: 340px!important
	}
	.soft-context li {
		height: 180px!important
	}
	.soft-context li p {
		font-size: 15px!important;
		line-height: 28px!important
	}
	.soft-context li h3 {
		height: 22px!important;
		font-size: 22px!important;
		margin-bottom: 15px!important
	}
	.soft-li {
		margin-top: 30px!important
	}
}

@media (max-width:1200px) {
	.soft-li {
		margin-top: 10px!important;
		padding-left: 0!important
	}
	.soft-context li:nth-child(3),
	.soft-context li:nth-child(4) {
		height: auto!important
	}
}


#contact {
	line-height: 1.5
}

@keyframes showop {
	0%,
	50% {
		opacity: 0
	}
	70% {
		opacity: .5
	}
	100% {
		opacity: 1
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes goout {
	0% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(90%)
	}
	100% {
		transform: translateX(130%)
	}
}

@keyframes lianyi {
	0%,
	100% {
		transform: scale(.8);
		opacity: 0
	}
	10% {
		transform: scale(1);
		opacity: .25
	}
	20% {
		transform: scale(1.3);
		opacity: 0
	}
}

@keyframes lianyi2 {
	0%,
	100%,
	7% {
		transform: scale(.8);
		opacity: 0
	}
	17% {
		transform: scale(1);
		opacity: .2
	}
	27% {
		transform: scale(1.3);
		opacity: 0
	}
}

@keyframes disappear {
	0% {
		transform: scale(1);
		opacity: 1
	}
	100% {
		transform: scale(0);
		opacity: .5
	}
}

@keyframes antidisappear {
	0% {
		transform: scale(0);
		opacity: .5
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}

@keyframes disappear1 {
	0% {
		transform: translateX(0) scaleX(1);
		opacity: 1
	}
	100% {
		transform: translateX(-50%) scaleX(0);
		opacity: .5
	}
}

@keyframes antidisappear1 {
	0% {
		transform: translateX(-50%) scaleX(0);
		opacity: .5
	}
	100% {
		transform: translateX(0) scaleX(1);
		opacity: 1
	}
}

@keyframes disappear2 {
	0% {
		transform: translateX(0) scaleX(1);
		opacity: 1
	}
	70% {
		opacity: 1
	}
	100% {
		transform: translateX(-175px);
		opacity: 0
	}
}

@keyframes antidisappear2 {
	0% {
		transform: translateX(-175px);
		opacity: 0
	}
	70% {
		opacity: 1
	}
	100% {
		transform: translateX(0) scaleX(1);
		opacity: 1
	}
}

@keyframes disappear3 {
	0% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
	100% {
		transform: translateX(-10px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes antidisappear3 {
	0% {
		transform: translateX(-10px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
	100% {
		transform: translateX(0);
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes disappear4 {
	0% {
		transform: scale(1);
		opacity: 1
	}
	100% {
		transform: scale(1.1);
		opacity: 0
	}
}

@keyframes moveto {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(253px, 125px)
	}
}

@keyframes moveto2 {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(74px, 241px)
	}
}

@keyframes moveto3 {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(-187px, 157px)
	}
}

@keyframes moveto4 {
	0% {
		transform: translate(0, 0)
	}
	100% {
		transform: translate(-272px, -110px)
	}
}

@keyframes sunrise {
	0% {
		transform: scale(0);
		opacity: 0
	}
	70% {
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}

@keyframes nonedis {
	0%,
	100% {
		opacity: 0
	}
}

@keyframes center2show {
	0% {
		opacity: 0
	}
	100%,
	50% {
		opacity: 1
	}
}

@keyframes dot1 {
	0%,
	100%,
	70% {
		transform: translate(0, 0) scale(.5);
		opacity: 1
	}
	20% {
		transform: translate(20px, 0) scale(.5);
		opacity: 0
	}
	40% {
		transform: translate(-40px, 0) scale(.5);
		opacity: 0
	}
}

@keyframes dot2 {
	0%,
	100%,
	70% {
		transform: translate(0, 0) scale(.5);
		opacity: 1
	}
	20% {
		transform: translate(20px, 0) scale(.5);
		opacity: 0
	}
	40% {
		transform: translate(-40px, 0) scale(.5);
		opacity: 0
	}
}

.head-box .head-cell {
	height: 520px;
	background-color: #1f2325
}

.y-row {
	max-width: 1200px;
	margin: auto;
	position: relative;
	height: 390px
}

.head-box .head-cell .y-row>h1 {
	color: #fff;
	font-size: 30px;
	position: relative;
	display: inline-block;
	font-weight: 400;
	margin-top: 57px
}

.head-box .head-cell .info {
	font-size: 16px;
	color: #fff;
	width: 650px;
	line-height: 28px;
	margin-top: 40px
}

.head-box .head-cell .btn {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	padding: 0 36px;
	display: inline-block;
	margin-right: 20px;
	transition: all .15s
}

.head-box .head-cell .btn.blue-btn {
	background-color: #00c1de;
	color: #fff
}

.head-box .head-cell .btn.white-btn {
	color: #fff;
	height: 34px;
	line-height: 34px;
	border: 1px solid #fff
}

.head-box .head-cell .btns {
	margin-top: 46px;
	position: relative;
	z-index: 2;
	display: none
}

.head-box .head-cell .icosahedron-cell {
	position: absolute;
	bottom: -216px
}

.icosahedron {
	position: relative;
	width: 354px;
	height: 354px;
	margin-top: 50px;
	z-index: 1
}

.aside.icosahedron {
	will-change: opacity, transform;
	transform: scale(.5);
	opacity: 0;
	width: 350px;
	height: 350px;
	margin: auto;
	background-size: cover;
	background-image: url(//gw.alicdn.com/tps/TB1afQ2OFXXXXcoXpXXXXXXXXXX-350-350.png)
}

.aside.icosahedron.visible {
	transform: none;
	opacity: 1
}

.aside.icosahedron canvas {
	position: relative;
	z-index: 0
}

.aside.icosahedron .vertex-marker {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
	left: 0;
	margin-top: -6px;
	margin-left: -6px;
	z-index: 1;
	transition: opacity .35s cubic-bezier(.175, .885, .32, 1.275);
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	will-change: opacity
}

.aside.icosahedron .vertex-marker.visible {
	opacity: 1
}

.patterns .group {
	width: 100%;
	box-sizing: border-box;
	margin: 80px 0 0;
	padding: 0;
	background-color: #FFF
}

.patterns .group>div {
	width: 1180px;
	margin-left: auto;
	margin-right: auto
}

.patterns .group .patterns-container ul:after,
.patterns .group .patterns-container ul:before {
	display: table;
	content: ""
}

.patterns .group .patterns-container ul li {
	display: inline-block;
	position: relative;
	top: 0;
	width: 380px;
	height: 420px;
	margin-left: 20px;
	padding: 0 60px;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	box-shadow: none;
	float: left;
	text-align: center;
	transition: top .2s linear, box-shadow .2s linear;
	margin-bottom: 30px
}

.patterns .group .patterns-container ul li:first-child,
.patterns .group .patterns-container ul li:nth-child(4) {
	margin-left: 0
}

.patterns .group .patterns-container ul li:hover {
	box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .11);
	top: -10px
}

.patterns .group .patterns-container ul li .icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: 40px auto 24px;
	border-radius: 14px;
	text-align: center;
	position: relative
}

.patterns .group .patterns-container ul li .icon:after {
	content: '';
	display: block;
	position: absolute;
	background-size: 100%;
	width: 30px;
	height: 29px;
	left: 15px;
	top: 15px
}

.patterns .group .patterns-container ul li .icon.icon-scene1 {
	background-image: linear-gradient(-180deg, #71efff 0, #2cb1ff 100%);
	box-shadow: 0 5px 20px 0 #b6f2ff
}

.patterns .group .patterns-container ul li .icon.icon-scene1:after {
	background: url(/img/scene-icon1.png) center no-repeat;
	background-size: 24px
}

.patterns .group .patterns-container ul li .icon-scene2 {
	background-image: linear-gradient(-180deg, #ff995f 0, #ff4c5c 100%);
	box-shadow: 0 5px 20px 0 #ffd4bf
}

.patterns .group .patterns-container ul li .icon-scene2:after {
	background: url(/img/scene-icon2.png) center no-repeat;
	background-size: 24px
}

.patterns .group .patterns-container ul li .icon-scene3 {
	background-image: linear-gradient(-180deg, #f061d8 0, #8c31fa 100%);
	box-shadow: 0 5px 20px 0 #ecbfff
}

.patterns .group .patterns-container ul li .icon-scene3:after {
	background: url(/img/scene-icon3.png) center no-repeat;
	background-size: 24px
}

.patterns .group .patterns-container ul li .icon-scene4 {
	background-image: linear-gradient(-180deg, #00c6fb 0, #005bea 100%);
	box-shadow: 0 5px 20px 0 #8bd5e8
}

.patterns .group .patterns-container ul li .icon-scene4:after {
	background: url(/img/scene-icon4.png) center no-repeat;
	background-size: 24px
}

.patterns .group .patterns-container ul li .icon-scene5 {
	background-image: linear-gradient(-180deg, #f6d365 0, #fda085 100%);
	box-shadow: 0 5px 20px 0 #eca996
}

.patterns .group .patterns-container ul li .icon-scene5:after {
	background: url(/img/scene-icon5.png) center no-repeat;
	background-size: 24px
}

.patterns .group .patterns-container ul li .icon-scene6 {
	background-image: linear-gradient(-180deg, #00da77 0, #0eb191 100%);
	box-shadow: 0 5px 20px 0 #ebd7d7
}

.patterns .group .patterns-container ul li .icon-scene6:after {
	background: url(/img/scene-icon6.png) center no-repeat;
	background-size: 24px
}

.patterns .group .patterns-container ul li .pattern-title {
	display: block;
	color: #333;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 10px
}

.patterns .group .patterns-container ul li .pattern-desc {
	color: #666;
	font-size: 14px;
	line-height: 30px;
	margin: 0 auto;
	width: 100%;
	text-align: left
}

.patterns .group .patterns-container ul li .listcircle {
	position: relative;
	display: block;
	padding-left: 10px
}

.patterns .group .patterns-container ul li .listcircle:before {
	content: '';
	width: 3px;
	height: 3px;
	display: inline-block;
	background: #666;
	position: absolute;
	left: 0;
	top: 12px;
	border-radius: 50%
}

.patterns .group .patterns-container ul li a {
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #108cee;
	text-decoration: none
}

.patterns .group .patterns-container ul li a:hover {
	color: #289FFF
}

.patterns .group .patterns-container ul li a:active {
	color: #047BD8
}

.patterns .group .patterns-container ul li:after {
	content: '';
	position: absolute;
	top: 304px;
	border-top: 1px solid #EBEBEB;
	width: 320px;
	height: 0;
	margin: 0 auto;
	display: none
}

.patterns .group .patterns-container ul li .suited-title {
	display: block;
	position: absolute;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	color: #333;
	bottom: 59px
}

.patterns .group .patterns-container ul li .suited-desc {
	position: absolute;
	bottom: 33px;
	font-size: 14px;
	line-height: 26px;
	color: #666;
	text-align: left
}

.header-title h2 {
	color: #333;
	font-size: 30px;
	font-weight: 400;
	line-height: 52px;
	text-align: center;
	height: 52px
}

.header-title p {
	color: #666;
	font-size: 16px;
	line-height: 32px;
	height: 26px;
	text-align: center;
	margin: 0
}

.header-title {
	margin-bottom: 40px;
	width: 1180px;
	margin-left: auto;
	margin-right: auto
}

#scene {
	padding-bottom: 50px
}

.head-box .head-cell .advantage {
	position: absolute;
	width: 790px;
	right: 0;
	cursor: pointer;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .4);
	bottom: -180px
}

.head-box .head-cell .lockbox {
	position: absolute;
	width: 920px;
	right: -192px;
	top: 10px
}

.head-box .head-cell .lockbox img {
	width: 100%;
	height: 100%
}

.head-box .head-cell .advantage li {
	float: left;
	width: 395px;
	height: 150px;
	background-color: #00afc9
}

.head-box .head-cell .advantage li.dark {
	background-color: #00a6c0
}

.head-box .head-cell .advantage li>div {
	position: relative;
	color: #fff;
	padding: 34px 0 0 118px;
	box-sizing: border-box;
	height: 150px
}

.head-box .head-cell .advantage li>div img {
	width: 50px;
	position: absolute;
	left: 38px;
	top: 50px
}

.head-box .head-cell .advantage li>div h2 {
	font-size: 18px;
	color: #fff;
	font-weight: bolder;
	margin: 0
}

.head-box .head-cell .advantage li>div p {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	width: 240px
}

#softhard {
	padding-bottom: 120px
}

#softhard .label {
	font-weight: 400;
	position: relative;
	background-color: hsla(0, 0%, 100%, .8);
	will-change: transform;
	box-shadow: 0 15px 35px rgba(23, 55, 87, .1), 0 5px 15px rgba(0, 0, 0, .07);
	color: #000;
	font-size: 14px;
	text-align: center;
	transform-origin: 50% 50%;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	padding: 6px 18px;
	border-radius: 0
}

.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu>.nav.navbar-nav>li.c-active>a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu>.nav.navbar-nav>li:active>a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu>.nav.navbar-nav>li:focus>a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before,
.c-layout-header.c-layout-header-default .c-navbar .c-mega-menu>.nav.navbar-nav>li:hover>a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
	top: 15px
}

.c-layout-header .c-navbar .c-mega-menu>.nav.navbar-nav>li>.c-link {
	padding: 30px 0 39px 30px;
	font-size: 16px
}

.c-layout-header .c-topbar .c-top-menu>.c-icons>li {
	padding: 12px 12px 8px 0
}

.c-layout-header .c-topbar .c-top-menu>.c-icons>li>a {
	width: 26px;
	height: 21px;
	display: block;
	background-size: auto 21px;
	background-repeat: no-repeat;
	background-position: center
}

.c-layout-header .c-topbar .c-top-menu>.c-icons>li:nth-child(1) a {
	background-image: url(/img/imgs/icon_header.png);
	background-position: left center
}

.c-layout-header .c-topbar .c-top-menu>.c-icons>li:nth-child(2) a {
	background-image: url(/img/imgs/icon_header.png)
}

.c-layout-header .c-topbar .c-top-menu>.c-icons>li:nth-child(3) a {
	background-image: url(/img/imgs/icon_header.png);
	background-position: right center
}

.c-content-product-1 .row .c-body>.c-row>li>p {
	font-size: 16px;
	font-weight: 400
}

.c-content-product-1 .row .c-media>img {
	width: auto;
	margin-top: 35px;
	height: 440px
}

.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase>.nav.navbar-nav>li>.c-link {
	font-size: 16px;
	padding: 20px 0 20px 33px
}

.tp-bullets.round>.tp-bullet.selected {
	background: #fff;
	opacity: 1;
	width: 45px
}

.tp-bullets.round>.tp-bullet {
	background: #fff;
	opacity: .35;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	width: 8px;
	height: 8px;
	display: inline-block;
	position: relative;
	-webkit-transition: width .4s ease-in;
	transition: width .4s ease-in
}

.tp-bullets,
.tp-tabs,
.tp-thumbs {
	position: relative;
	width: 70px!important;
	opacity: 1!important;
	visibility: initial;
	left: calc(50% - 54px)!important
}

.soft .c-content-title-1 {
	width: 1200px;
	margin: 0 auto;
	display: block
}

.soft-img img {
	min-width: 558px;
	height: 750px;
	position: relative;
	z-index: 100
}

.soft .c-content-title-1>p {
	font-size: 14px;
	margin: -15px 0 15px;
	text-align: center;
	color: #999
}

.soft-li {
	width: 30%;
	margin-top: 100px;
	text-align: left;
	padding-left: 60px
}

.soft-li ul {
	width: 420px
}

.soft-li li {
	border-bottom: 1px solid #e9e9e9;
	display: flex
}

.soft-li .left {
	width: 160px;
	text-align: center;
	font-size: 15px;
	color: #333
}

.soft-li .left img {
	margin-bottom: 10px;
	width: 50px
}

.soft-li .left p {
	display: block;
	color: #333
}

.soft-li .right p {
	line-height: 50px;
	border: 1px solid #e9e9e9;
	text-align: center;
	margin-bottom: 30px;
	width: 260px;
	color: #373737;
	font-size: 300
}

.soft-li .right div {
	display: flex
}

.soft-li .right div>p {
	width: 184px
}

.soft-li .right div>img {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-top: 0;
	margin-left: 15px
}

.soft-context {
	width: 35%;
	text-align: center
}

.soft-context h2 {
	font-size: 24px;
	color: #1a1a1a;
	margin-top: 50px
}

.soft-context img {
	width: 730px;
	margin: 30px 0
}

.soft-context ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

.soft-context li {
	width: 40%;
	height: 260px;
	text-align: left
}

.soft-context li h3 {
	padding-left: 20px;
	border-left: 4px solid #00c3f5;
	color: #000;
	font-size: 22px;
	margin-bottom: 22px;
	height: 28px;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	white-space: nowrap
}

.soft-context li p {
	font-size: 16px;
	font-weight: 300;
	color: #989898;
	line-height: 36px
}

.soft-context ul li:nth-child(3),
.soft-context ul li:nth-child(4) {
	height: auto
}

.iotWorldWrapper {
	width: 100%;
	height: 724px;
	background: url(/img/soft-bg.png) bottom center no-repeat #0b0f18;
	background-size: 1920px 724px
}

.iotWorldWrapper .english {
	margin-bottom: 260px;
	text-align: right;
	color: #fafafa!important;
	font-size: 13px
}

.c-links.c-theme-ul,
.iotWorldWrapper .iotWorld .right-container p {
	color: #fff
}

.iotWorldWrapper .iotWorld {
	width: 1280px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.iotWorldWrapper .iotWorld .cloudworld,
.iotWorldWrapper .iotWorld .defaultworld,
.iotWorldWrapper .iotWorld .endworld {
	position: absolute;
	left: 120px;
	top: 80px;
	width: 585px;
	height: 586px;
	opacity: 0;
	background-size: cover
}

.iotWorldWrapper .iotWorld .current {
	opacity: 1;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear
}

.iotWorldWrapper .iotWorld .defaultworld {
	background-image: url(/img/soft-bg-center.png)
}

.iotWorldWrapper .iotWorld .endworld {
	background-image: url(/img/soft-bg-left.png)
}

.iotWorldWrapper .iotWorld .cloudworld {
	background-image: url(/img/soft-bg-right.png)
}

.iotWorldWrapper .iotWorld .cloudBtn,
.iotWorldWrapper .iotWorld .defaultBtn,
.iotWorldWrapper .iotWorld .endBtn {
	position: absolute;
	width: 53px;
	height: 53px;
	background: 0 0;
	border-radius: 50%;
	cursor: pointer
}

.iotWorldWrapper .iotWorld .cloudBtn,
.iotWorldWrapper .iotWorld .endBtn {
	animation: circle-light 1s infinite alternate;
	-webkit-animation: circle-light 1s infinite alternate
}

.iotWorldWrapper .iotWorld .cloudBtn.current,
.iotWorldWrapper .iotWorld .endBtn.current {
	animation: unset
}

.iotWorldWrapper .iotWorld .defaultBtn {
	left: 372px;
	top: 344px
}

.iotWorldWrapper .iotWorld .endBtn {
	left: 186px;
	top: 263px
}

.iotWorldWrapper .iotWorld .cloudBtn {
	left: 570px;
	top: 382px
}

@keyframes circle-light {
	from {
		box-shadow: 0 0 15px 10px #108cee
	}
	to {
		box-shadow: 0 0 0 0 #108cee
	}
}

@-webkit-keyframes circle-light {
	from {
		box-shadow: 0 0 15px 10px #108cee
	}
	to {
		box-shadow: 0 0 0 0 #108cee
	}
}

.iotWorldWrapper .iotWorld .right-container {
	position: absolute;
	right: 10px;
	top: 0;
	width: 503px;
	height: 100%
}

.iotWorldWrapper .iotWorld .right-container .title {
	font-size: 32px;
	text-align: right
}

.iotWorldWrapper .iotWorld .right-container .desc {
	font-size: 16px;
	line-height: 28px;
	opacity: .8;
	text-indent: 2em;
	width: 420px
}

.iotWorldWrapper .iotWorld .right-container .cloud,
.iotWorldWrapper .iotWorld .right-container .default,
.iotWorldWrapper .iotWorld .right-container .end {
	position: absolute;
	opacity: 0;
	right: 0
}

.iotWorldWrapper .iotWorld .right-container .cloud:after,
.iotWorldWrapper .iotWorld .right-container .cloud:before,
.iotWorldWrapper .iotWorld .right-container .default:after,
.iotWorldWrapper .iotWorld .right-container .default:before,
.iotWorldWrapper .iotWorld .right-container .end:after,
.iotWorldWrapper .iotWorld .right-container .end:before {
	display: table;
	content: ""
}

.iotWorldWrapper .iotWorld .right-container .current {
	opacity: 1;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-ms-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
	z-index: 99
}

.iotWorldWrapper .iotWorld .right-container .default {
	top: 120px
}

.iotWorldWrapper .iotWorld .right-container .cloudStructure,
.iotWorldWrapper .iotWorld .right-container .endStructure {
	margin: 0 auto 45px
}

.iotWorldWrapper .iotWorld .right-container .end {
	top: 0;
	margin: 120px 20px 0 0
}

.iotWorldWrapper .iotWorld .right-container .cloud {
	top: 0;
	margin-top: 120px
}

.iotWorldWrapper .iotWorld .right-container .endStructure {
	width: 292px;
	height: 130px
}

.iotWorldWrapper .iotWorld .right-container .cloudStructure {
	width: 434px;
	height: 130px
}

.iotWorldWrapper .iotWorld .right-container .iotsimLink {
	right: 114px;
	top: 46px
}

.iotWorldWrapper .iotWorld .right-container .endCompute {
	right: 183px;
	top: 143px
}

.iotWorldWrapper .iotWorld .right-container .tsdbEdge {
	right: 183px;
	top: 244px
}

.iotWorldWrapper .iotWorld .right-container .iot,
.iotWorldWrapper .iotWorld .right-container .iotdm,
.iotWorldWrapper .iotWorld .right-container .iotre,
.iotWorldWrapper .iotWorld .right-container .iotviz,
.iotWorldWrapper .iotWorld .right-container .tsdb {
	width: 120px
}

.iotWorldWrapper .iotWorld .right-container .iot {
	height: 95px;
	right: 275px;
	top: 41px
}

.iotWorldWrapper .iotWorld .right-container .iotdm {
	height: 95px;
	right: 147px;
	top: 41px
}

.iotWorldWrapper .iotWorld .right-container .iotre {
	right: 210px;
	top: 177px
}

.iotWorldWrapper .iotWorld .right-container .iotviz {
	right: 38px;
	top: 177px
}

.iotWorldWrapper .iotWorld .right-container .tsdb {
	right: 82px;
	top: 284px
}

.iotWorldWrapper .iotWorld-link {
	position: absolute;
	width: 130px;
	height: 50px;
	background: 0 0;
	text-decoration: none;
	cursor: pointer
}

.param {
	position: absolute;
	top: 77px;
	left: -2px
}

.param ul {
	width: 590px;
	margin-left: 610px
}

.param ul li {
	display: flex;
	padding: 20px 0 5px;
	border-bottom: 1px solid #dcdcdc
}

.param ul li:nth-child(1) {
	color: #ff0356
}

.param ul li:nth-child(2),
.param ul li:nth-child(4) {
	color: #9a9a9a
}

.param ul li:nth-child(3) {
	color: #52c2ef
}

.param ul li:nth-child(4) {
	border: 0
}

.param ul li .left {
	padding-left: 25px;
	width: 330px
}

.param ul li .right {
	width: 260px
}

.param ul li .right p {
	font-weight: 300
}

.param ul li:first-of-type .right p::after {
	content: '';
	background-color: #717071;
	left: -10px;
	width: 4px;
	height: 4px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	opacity: .8
}

.param ul li:last-of-type .right p {
	margin-bottom: 2px;
	line-height: 1.2
}

.param ul li h3 {
	border-left: 5px solid #65c2cf;
	color: #221815;
	font-size: 17px;
	padding-left: 20px;
	margin-left: -25px;
	margin-bottom: 15px
}

.param ul li p {
	color: inherit;
	font-size: 14px;
	margin-bottom: 14px;
	line-height: 1;
	position: relative
}

#soft-swiper {
	width: 100%;
	min-width: 1200px;
	/*min-height: 859px*/
}

#soft-swiper.block {
	width: 1200px;
	margin: 0 auto
}

#soft-swiper .swiper-slide {
	display: flex
}

#soft-swiper .left {
	width: 31.25%;
	max-width: 600px;
	background: #fff;
	position: relative
}

#soft-swiper .left div {
	position: absolute;
	width: 100%;
	max-width: 380px;
	max-height: 500px;
	padding: 0 20px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 100%
}

#soft-swiper .left h1 {
	color: #333;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px
}

#soft-swiper .left h2 {
	font-size: 36px;
	color: #111;
	font-weight: 600;
	margin-bottom: 15px
}

#soft-swiper .left p {
	font-size: 16px;
	color: #666;
	line-height: 28px
}

#soft-swiper .right {
	/*padding: 150px 0;*/
	min-width: 68.25%;
	max-width: calc(100% - 600px);
	background: #fafafa;
	/*min-height: 859px;
	line-height: 470px;
	text-align: center*/
}

#soft-swiper .right img {
	width: 1163px;
	height: 558px;
	box-shadow: 0 10px 60px 5px rgba(0, 0, 0, .4)
}

#soft-swiper .swiper-button-next,
#soft-swiper .swiper-button-prev {
	background-color: #f2f2f2;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-size: 9px;
	top: auto;
	bottom: 15px
}

#soft-swiper .swiper-button-prev {
	background-image: url(/img/swiper-left.svg);
	background-position-x: 16px;
	left: 20px
}

#soft-swiper .swiper-button-next {
	background-image: url(/img/swiper-right.svg);
	background-position-x: 19px;
	left: calc(31.25% - 64px)
}

#soft-swiper .swiper-pagination {
	width: 31.25%;
	max-width: 600px;
	font-size: 15px;
	color: #111;
	bottom: 25px
}

#soft-swiper .swiper-button-next:hover,
#soft-swiper .swiper-button-prev:hover {
	background-color: #e5e5e5
}

@media (min-width:1920px) {
	#soft-swiper .swiper-button-next {
		left: 536px
	}
}

@media (max-width:1600px) {
	#soft-swiper .left h1 {
		font-size: 32px
	}
}

@media (max-width:1400px) {
	#soft-swiper .left h1 {
		font-size: 28px
	}
}

@media (max-width:1200px) {
	#soft-swiper .left h1 {
		font-size: 24px
	}
}

.tech-feature-container {
	font-size: 0
}

.tech-feature-item {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}

.tech-feature-heading {
	font-size: 30px;
	letter-spacing: 2px;
	color: #333;
	padding: 80px 0 0;
	text-align: center
}

.tech-feature-eng {
	display: block;
	font-size: 14px;
	margin: 10px 0 40px;
	color: #ccc;
	text-align: center;
	line-height: 1
}

.tech-feature-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.tech-feature-desc-title {
	padding: 20px 0 24px;
	font-size: 18px;
	color: #333;
	text-align: center
}

.tech-feature-desc-info {
	text-align: center;
	color: #999;
	font-size: 14px;
	line-height: 26px
}

.tech-feature-icon-1 {
	background: url(/img/A1.png) center center no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px
}

.tech-feature-icon-2 {
	background: url(/img/A2.png) center center no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px
}

.tech-feature-icon-3 {
	background: url(/img/A3.png) center center no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px
}

.tech-feature-icon-4 {
	background: url(/img/A4.png) center center no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px
}

.tech-feature-icon-5 {
	background: url(/img/A5.png) center center no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px
}

.tech-feature-icon-6 {
	background: url(/img/A6.png) center center no-repeat;
	-webkit-background-size: 35px;
	background-size: 35px
}

.tech-feature-container {
	width: 1320px;
	margin: 60px auto 0
}

.tech-feature-item {
	width: 170px;
	margin: 0 25px 50px
}