.mBanner,.home-floor-01-view1 .item,.home-floor-03-service .item,.home-floor-04 .indImgTxt .txt,.home-floor-04 .btn,.demoCard,.solutionCard,.about-floor-02 .cardList-item .cover img,.about-floor-02 .cardList-item .cover .mask {
	transition: all 200ms ease-in;
	-webkit-transition: all 200ms ease-in
}

#iotcRoot,html,body {
	height: 100%;
	line-height: 1;
	margin: 0 0;
	padding: 0 0;
	font-family: "Microsoft YaHei","PingFang SC",Arial,sans-serif;
	font-size: 14px;
	color: #333;
	background: #f9f9f9
}

div,section,p,article,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,button,span,a {
	box-sizing: border-box;
	padding: 0 0;
	margin: 0 0;
	line-height: 1
}

ul,li {
	list-style: none
}

a {
	text-decoration: none
}

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

.clearfix:before,.clearfix:after {
	display: block;
	content: '';
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden
}

.page-body {
	padding: 70px 0
}

.layoutSideBarRight {
	display: flex;
	flex-direction: row;
	padding: 50px 0 55px
}

.layoutSideBarRight .layout-sideBar {
	width: 30%;
	min-width: 270px
}

.layoutSideBarRight .layout-main {
	flex: 1;
	margin-right: 5%
}

.floor-box {
	position: relative
}

.floor-box:nth-child(2n-1) {
	background: #f2f4fb
}

.floor-box:nth-child(2n) {
	background: #fff
}

.floor-box-body {
	padding: 120px 0;
	position: relative;
	z-index: 1
}

.floor-title {
	font-size: 36px;
	text-align: center;
	line-height: 1.2;
	padding: 0 5%
}

.floor-title-sub {
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	padding: 0 5%;
	color: #2e2f38;
	margin-top: 15px
}

.ad-landscape {
	background: #1773db;
	cursor: pointer
}

.ad-landscape .container {
	display: flex;
	justify-content: center;
	align-items: center
}

.ad-landscape img {
	display: block;
	max-width: 100%
}

.columnBlock-title {
	font-weight: normal;
	color: #333;
	line-height: 35px;
	padding: 35px 0;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	font-size: 16px
}

.columnBlock-title-h {
	flex: 1;
	font-weight: normal;
	font-size: 28px
}

.columnBlock-title-extra {
	text-align: right
}

.columnBlock-content {
	min-height: 100px
}

.columnBlock-tabs-Item {
	display: inline-block;
	width: 120px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-radius: 18px;
	border: 1px solid #e5e5e5;
	background: #fff;
	margin-left: 20px;
	cursor: pointer;
	transition: all .2s ease-in
}

.columnBlock-tabs-Item.active {
	border-color: #1773db;
	background: #1773db;
	color: #fff
}

.cardCover-box {
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	transition: all .3s ease-in-out;
	cursor: pointer
}

.cardCover-box:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,0.3)
}

.cardCover-box:hover img {
	transform: scale(1.1)
}

.cardCover-box:hover .cardCover-title {
	color: #3686e6
}

.cardCover-cover {
	background: #f2f2f2;
	height: 240px;
	display: flex;
	justify-content: center;
	overflow: hidden
}

.cardCover-cover img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	transform: scale(1);
	transition: all .3s ease-in-out
}

.cardCover-body {
	height: 160px;
	padding: 30px 25px;
	display: flex;
	flex-direction: column
}

.cardCover-title {
	flex: 1;
	font-size: 18px;
	line-height: 30px;
	color: initial
}

.cardCover-other {
	font-size: 14px;
	color: #666
}

.newsCoverList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 25px;
	grid-row-gap: 25px
}

.newsPageBody .newsCoverList {
	margin-top: 60px
}

.paginationBlock {
	text-align: center;
	width: 100%;
	padding: 40px 0
}

.paginationBlock-btn {
	display: inline-block;
	width: 48px;
	height: 48px;
	border: 1px solid #d9d9d9;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	font-size: 16px;
	margin: 0 5px;
	transition: all .2s ease
}

.paginationBlock-btn span {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center
}

.paginationBlock-btn i {
	font-style: normal
}

.paginationBlock-btn:hover {
	border-color: #1773db;
	color: #1773db
}

.paginationBlock-btn:hover i:before,.paginationBlock-btn:hover i:after {
	background-color: #1773db !important
}

.paginationBlock-btn.active {
	background: #1773db;
	border-color: #1773db;
	color: #fff !important
}

.paginationBlock-btn.disabled {
	color: #d9d9d9;
	cursor: no-drop
}

.paginationBlock-btn.prev i,.paginationBlock-btn.next i {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative
}

.paginationBlock-btn.prev i:before,.paginationBlock-btn.prev i:after,.paginationBlock-btn.next i:before,.paginationBlock-btn.next i:after {
	display: block;
	content: '';
	width: 8px;
	height: 1px;
	background: #d9d9d9;
	position: absolute;
	left: 1px;
	top: 5px
}

.paginationBlock-btn.prev i:before {
	transform-origin: left top;
	transform: rotate(-45deg)
}

.paginationBlock-btn.prev i:after {
	transform-origin: left top;
	transform: rotate(45deg)
}

.paginationBlock-btn.next i:before {
	transform-origin: right top;
	transform: rotate(-45deg)
}

.paginationBlock-btn.next i:after {
	transform-origin: right top;
	transform: rotate(45deg)
}

.mSection-title {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	padding-left: 35px;
	font-size: 18px;
	font-weight: normal
}

.mSection-title .label {
	display: block;
	width: 25px;
	height: 38px;
	position: absolute;
	left: 0;
	bottom: -1px;
	border-bottom: 2px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 40px
}

.mSection-title .label.demo {
	background: url(./img/icon-01.png) no-repeat center
}

.mSection-body {
	padding: 20px 0
}

.mSection .block {
	padding: 15px 20px;
	background: #f2f4fb;
	line-height: 1.8
}

.cardSideBar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px
}

.cardSideBar-item .cover {
	border: 1px solid #ebebeb;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.cardSideBar-item .cover img {
	display: block;
	width: 100%;
	height: 100%
}

.cardSideBar-item .name {
	text-align: center;
	padding: 10px;
	line-height: 1.5
}

.cardSideBar-item a {
	color: #333
}

.cardSideBar-item:hover a {
	color: #1773db
}

#contactBtnFixed {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: fixed;
	z-index: 80;
	right: 20px;
	bottom: 50px;
	background: #1773db url(./img/message.png) no-repeat center;
	background-size: 30px auto;
	box-shadow: 0 10px 10px rgba(0,0,0,0.3);
	cursor: pointer
}

.mBanner {
	height: 600px;
	color: #fff
}

.mBanner .container {
	height: 100%
}

.mBanner .wrap {
	padding-top: 230px;
	max-width: 530px
}

.mBanner .title {
	font-size: 36px
}

.mBanner .title-sub {
	font-size: 16px;
	margin-top: 25px;
	line-height: 1.8
}

.mBanner .btn {
	margin-top: 85px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	cursor: pointer
}

@media screen and (max-width: 840px) {
	.mBanner {
		height: auto
	}

	.mBanner .wrap {
		padding: 100px 0 50px
	}

	.mBanner .title {
		font-size: 30px
	}

	.mBanner .btn {
		width: 150px;
		height: 40px;
		line-height: 40px
	}
}

@media screen and (max-width: 480px) {
	.mBanner .wrap {
		padding: 50px 0 50px
	}

	.mBanner .title {
		font-size: 24px
	}

	.mBanner .title-sub {
		font-size: 12px
	}

	.mBanner .btn {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		margin-top: 40px
	}
}

.articleBlock-header {
	padding: 50px 15px;
	border-bottom: 1px solid #ddd;
	text-align: center
}

.articleBlock-header h1 {
	font-weight: normal;
	font-size: 32px;
	line-height: 50px;
	margin: 0 0
}

.articleBlock-header-info {
	margin-top: 20px;
	font-size: 14px;
	color: #666
}

.articleBlock-body {
	font-size: 16px;
	line-height: 34px;
	padding: 20px 0
}

.articleBlock-body p {
	margin: 30px 0;
	line-height: 34px
}

.articleBlock-body img {
	display: block;
	max-width: 100%;
	margin: 20px auto
}

.articleBlock-footer {
	border-top: 1px solid #ddd;
	padding: 30px 0
}

.articleBlock-relatedChapter-item {
	margin: 5px 0;
	line-height: 25px;
	font-size: 14px;
	color: #666
}

.articleBlock-relatedChapter-item a {
	color: #999
}

@media screen and (max-width: 840px) {
	.articleBlock-header {
		padding: 30px 15px
	}
}

@media screen and (max-width: 480px) {
	.articleBlock-header {
		padding: 15px
	}

	.articleBlock-header h1 {
		font-size: 18px;
		line-height: 1.8
	}

	.articleBlock-header-info {
		font-size: 10px;
		margin-top: 10px
	}

	.articleBlock-body {
		padding: 15px 0;
		font-size: 14px;
		line-height: 1.6
	}

	.articleBlock-body p {
		margin: 10px 0;
		line-height: 1.6
	}
}

.filterBlock {
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding: 30px 40px;
	display: flex
}

.filterBlock-main {
	flex: 1
}

.filterBlock-item {
	display: flex
}

.filterBlock-item-category {
	font-size: 16px;
	font-weight: bold;
	width: 110px;
	line-height: 40px
}

.filterBlock-item-key {
	flex: 1;
	line-height: 40px
}

.filterBlock-item-key span {
	cursor: pointer;
	margin-right: 5.3%;
	white-space: nowrap
}

.filterBlock-item-key span.active,.filterBlock-item-key span:hover {
	color: #1773db
}

.filterBlock-extra {
	cursor: pointer;
	color: #1773db;
	line-height: 40px;
	display: flex;
	flex-direction: column-reverse
}

.filterBlock.mini .filterBlock-main {
	height: 40px;
	overflow: hidden
}

@media screen and (max-width: 840px) {
	.filterBlock {
		padding: 20px 25px
	}
}

@media screen and (max-width: 480px) {
	.filterBlock {
		padding: 10px 15px;
		font-size: 12px
	}

	.filterBlock-item-category {
		font-size: 14px;
		width: 75px
	}
}

.advCardList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px
}

.advCard {
	height: 200px;
	padding: 38px 40px;
	background: #fff
}

.advCard .top {
	display: flex;
	justify-content: center;
	align-items: center
}

.advCard .title {
	flex: 1;
	font-size: 20px
}

.advCard .body {
	color: #666;
	line-height: 1.5;
	margin-top: 15px
}

.advCard .icon {
	width: 40px;
	height: 38px;
	overflow: hidden;
	margin-right: 15px;
	background-size: cover
}

@media screen and (max-width: 840px) {
	.advCardList {
		grid-column-gap: 20px;
		grid-row-gap: 20px
	}

	.advCard {
		padding: 30px;
		height: auto
	}

	.advCard .icon {
		width: 30px;
		height: 30px;
		margin-right: 10px;
		background-size: cover !important
	}

	.advCard .title {
		font-size: 18px
	}
}

@media screen and (max-width: 480px) {
	.advCardList {
		grid-template-columns: 1fr 1fr
	}

	.advCard {
		padding: 15px;
		height: auto
	}

	.advCard .icon {
		width: 20px;
		height: 20px;
		margin-right: 10px;
		background-size: cover !important
	}

	.advCard .title {
		font-size: 16px
	}

	.advCard .body {
		font-size: 12px;
		margin-top: 10px
	}
}

#contactModal {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	display: none
}

.contactModal-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5)
}

.contactModal-container {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	padding: 30px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}

.contactModal-header {
	width: 100%;
	text-align: right
}

.contactModal-close {
	position: absolute;
	right: 0;
	top: -50px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: url(./img/contact-clsoe.png) no-repeat center
}

.contactModal-box {
	width: 100%;
	max-width: 794px;
	height: 420px;
	background: #1773db;
	border-radius: 10px;
	position: relative
}

.contactModal-bd {
	height: 100%;
	padding: 0 60px
}

.contactModal-bd-header {
	height: 189px;
	border-bottom: 3px solid #fff;
	background: url(./img/contact-bg-01.png) no-repeat top right;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 25px;
	line-height: 1.4;
	font-weight: bold;
	color: #fff
}

.contactModal-bd-header p {
	margin: 8px 0
}

.contactModal-tips {
	display: none
}

.contactModal-way {
	float: left;
	margin-right: 40px
}

.contactModal-way a {
	color: #fff
}

.contactModal-way dt {
	font-size: 18px;
	border-bottom: 1px solid rgba(255,255,255,0.8);
	padding: 38px 0 25px;
	display: flex;
	align-items: center;
	position: relative
}

.contactModal-way dt .btn {
	display: none
}

.contactModal-way dd {
	font-size: 14px;
	margin-top: 10px
}

.contactModal-way dd p {
	line-height: 1.6
}

.contactModal-way .icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-right: 15px
}

.contactModal-way.way-tel .icon {
	background: url(./img/contact-tel.png) no-repeat center
}

.contactModal-way.way-qq .icon {
	background: url(./img/contact-qq.png) no-repeat center
}

.contactModal-way.way-wx {
	float: right;
	margin-right: 0
}

.contactModal-way.way-wx dd {
	margin-top: 30px
}

@media screen and (max-width: 690px) {
	.contactModal-tips {
		display: block;
		margin-top: 15px
	}

	.contactModal-tips p {
		line-height: 1.6
	}

	.contactModal-tips .number {
		color: #ffcd20
	}

	.contactModal-box {
		height: auto;
		max-height: 94%;
		font-size: 12px
	}

	.contactModal-close {
		top: -25px;
		width: 18px;
		height: 18px;
		background-size: 100%
	}

	.contactModal-bd {
		padding: 0 25px;
		padding-bottom: 15px;
		overflow-y: scroll
	}

	.contactModal-bd-header {
		height: 120px;
		background-size: auto 100%;
		font-size: 16px;
		border-bottom: 1px solid #fff;
		padding-right: 125px
	}

	.contactModal-bd-header p {
		line-height: 1.4;
		margin: 0
	}

	.contactModal-way {
		float: none !important;
		width: 100%;
		margin: 0 0 10px 0
	}

	.contactModal-way dt {
		font-size: 14px;
		padding: 15px 0;
		border-bottom: 1px solid rgba(255,255,255,0.6)
	}

	.contactModal-way dt .btn {
		display: block;
		position: absolute;
		right: 0;
		border: 1px solid #fff;
		border-radius: 2px;
		padding: 5px 10px;
		font-size: 10px
	}

	.contactModal-way dd {
		font-size: 12px
	}

	.contactModal-way .icon {
		width: 20px;
		height: 20px;
		background-size: 100% !important;
		margin-right: 8px
	}

	.contactModal-way.way-wx img {
		display: block;
		max-width: 100%;
		margin: 0 auto
	}

	.contactModal-way.way-wx .txt {
		display: none
	}
}

.iotc-bottomFixed {
	display: none
}

.iotc-bottomFixed:after {
	display: block;
	content: '';
	height: 60px
}

.iotc-bottomFixed-box {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 80;
	display: flex;
	font-size: 12px;
	background: #1773db;
	height: 60px
}

.iotc-bottomFixed-box .item {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-right: 1px solid rgba(255,255,255,0.4)
}

.iotc-bottomFixed-box .item:last-child {
	border-right: 0
}

.iotc-bottomFixed-box .item .icon {
	width: 20px;
	height: 20px;
	margin-bottom: 5px
}

.iotc-bottomFixed-box .item.qq .icon {
	background: url(./img/fixed-bottom-icon-qq.png) no-repeat top right;
	background-size: 100%
}

.iotc-bottomFixed-box .item.wx .icon {
	width: 25px;
	background: url(./img/fixed-bottom-icon-wx.png) no-repeat top right;
	background-size: 100%
}

.iotc-bottomFixed-box .item.tel .icon {
	background: url(./img/fixed-bottom-icon-tel.png) no-repeat top right;
	background-size: 100%
}

@media screen and (max-width: 690px) {
	.iotc-bottomFixed {
		display: block
	}
}

@media screen and (max-width: 1200px) {
	.container {
		padding: 0 20px
	}
}

@media screen and (max-width: 840px) {
	.floor-box-body {
		padding: 50px 0;
		position: relative
	}

	.floor-title {
		font-size: 26px
	}

	.floor-title-sub {
		font-size: 20px
	}

	.columnBlock-title {
		padding: 20px 0
	}

	.columnBlock-title h2 {
		font-size: 22px;
		line-height: 36px
	}

	.newsPageBody .newsCoverList {
		margin-top: 30px
	}
}

@media screen and (max-width: 690px) {
	#contactBtnFixed {
		display: none
	}
}

@media screen and (max-width: 480px) {
	.layoutSideBarRight {
		display: block;
		padding: 30px 0 40px
	}

	.layoutSideBarRight .layout-sideBar {
		width: 100%;
		margin-top: 15px
	}

	.layoutSideBarRight .layout-main {
		margin-right: 0
	}

	.floor-title {
		font-size: 22px
	}

	.floor-title-sub {
		font-size: 16px
	}

	.paginationBlock {
		padding: 30px 0 0
	}

	.paginationBlock-btn {
		width: 35px;
		height: 35px;
		font-size: 10px
	}

	.mSection-title {
		font-size: 16px
	}

	.columnBlock-title {
		padding: 10px 0
	}

	.columnBlock-title h2 {
		font-size: 16px;
		line-height: 25px
	}

	.columnBlock-tabs-Item {
		height: 25px;
		line-height: 23px;
		font-size: 14px;
		width: auto;
		padding: 0 10px;
		margin-left: 5px
	}

	.newsCoverList {
		grid-template-columns: 1fr
	}

	.cardCover-cover {
		height: auto
	}

	.cardCover-cover img {
		max-width: 180px
	}

	.cardCover-body {
		padding: 20px 15px;
		height: auto
	}

	.cardCover-title {
		font-size: 16px;
		line-height: 1.8
	}

	.cardCover-other {
		margin-top: 10px;
		font-size: 10px
	}
}

#header {
	position: relative;
	z-index: 10
}

#header.super .header-box {
	background: none;
	box-shadow: none
}

#header.super .header-logo {
	background: url(./img/logo-white.png) no-repeat left top;
	background-size: auto 100% !important
}

#header.super a {
	color: #fff
}

#header.hover .header-box {
	background: #fff !important
}

#header.hover .header-logo {
	background: url(./img/logo.png) no-repeat left top !important;
	background-size: auto 100% !important
}

#header.hover a {
	color: #333 !important
}

#header.hover .header-iot-box-item a {
	color: #1773db !important
}

#header[data-type=super] {
	margin-bottom: -100px
}

.header-box {
	height: 100px;
	background: #fff;
	color: #333;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	transition: all .2s ease
}



.header-iot-box-item:nth-child(1) .icon {
	background: url(./img/header-sim-icon-01.png) no-repeat center
}

.header-iot-box-item:nth-child(2) .icon {
	background: url(./img/header-sim-icon-02.png) no-repeat center
}

.header-iot-box-item:nth-child(3) .icon {
	background: url(./img/header-sim-icon-03.png) no-repeat center
}

.header-iot-box-item:nth-child(4) .icon {
	background: url(./img/header-sim-icon-04.png) no-repeat center
}

.header-navBtn {
	display: none;
	float: right;
	width: 40px;
	height: 40px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	margin-right: 10px;
	position: relative;
	top: 10px
}

.header-navBtn span {
	display: block
}

.header-navBtn-icon {
	width: 25px;
	height: 25px;
	background: url(./img/icon_menu_nav.png) no-repeat left top;
	background-size: auto 100%
}

@media screen and (max-width: 1200px) {
	#header[data-type=super] {
		margin-bottom: 0
	}

	#header .header-box {
		height: 60px;
		background: #fff !important
	}

	#header .header-placeholder {
		height: 60px
	}

	#header .header-logo,#header.hover .header-logo {
		height: 30px;
		top: 16px;
		margin-left: 20px !important;
		background: url(./img/logo.png) no-repeat left top !important;
		background-size: auto 100% !important
	}

	#header .header-nav {
		display: none;
		float: none;
		position: absolute;
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 59px;
		background: #fff;
		box-shadow: 0 2px 5px rgba(0,0,0,0.1)
	}

	#header .header-nav.open {
		height: auto
	}

	#header .header-nav-item {
		float: none;
		width: 100%;
		text-align: center;
		border-top: 1px solid #eee;
		padding: 0
	}

	#header .header-nav-item a {
		display: block;
		padding: 5px 20px;
		color: #333 !important
	}

	#header .header-nav-item .brand {
		height: 30px;
		line-height: 30px
	}

	#header .header-nav-item .brand:after {
		display: none
	}

	#header .header-nav-item .subBlock {
		display: none !important
	}

	#header .subBlock-mobile {
		display: block
	}

	#headerNavBtn {
		display: flex
	}
}

footer {
	background: #282e3d;
	color: #fff
}

footer .footer-slogen {
	padding: 30px 0;
	display: flex;
	justify-content: space-between
}

footer .footer-slogen .icon {
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px
}

footer .footer-slogen .item {
	display: flex;
	align-items: center
}

footer .footer-slogen .item:nth-child(1) .icon {
	background: url(./img/footer-icon-01.png) no-repeat center
}

footer .footer-slogen .item:nth-child(2) .icon {
	background: url(./img/footer-icon-02.png) no-repeat center
}

footer .footer-slogen .item:nth-child(3) .icon {
	background: url(./img/footer-icon-03.png) no-repeat center
}

footer .footer-slogen .item:nth-child(4) .icon {
	background: url(./img/footer-icon-04.png) no-repeat center
}

.footer-bd {
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	display: flex
}

.footer-bd .item {
	padding: 40px 60px 50px;
	border-right: 1px solid rgba(255,255,255,0.1)
}

.footer-bd .item:nth-child(1) {
	padding-left: 0;
	flex: 1;
	display: flex
}

.footer-bd .item:nth-child(1) dl {
	margin-right: 15%
}

.footer-bd .item:last-child {
	border-right: 0
}

.footer-bd dt {
	margin-bottom: 15px
}

.footer-bd dd {
	color: rgba(255,255,255,0.3);
	font-size: 13px;
	line-height: 30px
}

.footer-bd a {
	color: rgba(255,255,255,0.3)
}

.footer-bd a:hover {
	color: #fff
}

.footer-bd .qrcode {
	width: 110px;
	height: 110px;
	background: #fff;
	padding: 6px;
	overflow: hidden
}

.footer-bd .qrcode img {
	display: block;
	width: 100%;
	height: 100%
}

.footer-copyright {
	text-align: center;
	line-height: 1.2;
	font-size: 13px;
	color: rgba(255,255,255,0.3);
	padding: 30px 10px
}

.footer-copyright a {
	text-align: center;
	line-height: 1.2;
	font-size: 13px;
	color: rgba(255,255,255,0.3);
	padding: 30px 10px
}

@media screen and (max-width: 1050px) {
	.footer-bd {
		flex-wrap: wrap
	}

	.footer-bd .item:nth-child(1),.footer-bd .item:nth-child(2) {
		flex: none;
		width: 50%;
		border-bottom: 1px solid rgba(255,255,255,0.1)
	}

	.footer-bd .item:nth-child(2) {
		border-right: 0
	}

	.footer-bd .item:last-child {
		flex: 1;
		width: 100%;
		text-align: center
	}

	.footer-bd .item:last-child .qrcode {
		margin: 0 auto
	}
}

@media screen and (max-width: 840px) {
	footer .footer-bd {
		display: block !important
	}

	footer .footer-bd .item {
		flex: 1 !important;
		width: 100% !important;
		border-right: 0 !important;
		padding: 20px 0 !important
	}
}

@media screen and (max-width: 480px) {
	footer .footer-slogen {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 10px;
		font-size: 12px;
		padding: 20px 0
	}

	footer .footer-slogen .icon {
		width: 20px;
		height: 20px;
		margin-right: 10px
	}

	footer .footer-bd dd {
		font-size: 12px;
		line-height: 25px
	}

	footer .footer-copyright {
		font-size: 12px;
		padding: 20px 10px
	}
}

#home-banner {
	background: #1a2648;
	position: relative
}

#home-banner img {
	max-width: 100%
}

#home-banner img[data-type=pc] {
	display: block
}

#home-banner img[data-type=mobile] {
	display: none
}

#home-navigation {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -27px
}

#home-navigation .button-next,#home-navigation .button-prev {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	cursor: pointer;
	outline: none
}

#home-navigation .button-next:before,#home-navigation .button-prev:before {
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff
}

#home-navigation .button-next.swiper-button-disabled,#home-navigation .button-prev.swiper-button-disabled {
	cursor: default
}

#home-navigation .button-next.swiper-button-disabled:before,#home-navigation .button-prev.swiper-button-disabled:before {
	opacity: .3
}

#home-navigation .button-prev {
	left: 8%;
	transform: rotate(45deg)
}

#home-navigation .button-next {
	right: 8%;
	transform: rotate(-135deg)
}

#home-swiper-pagination {
	width: 100%;
	z-index: 10;
	bottom: 65px
}

#home-swiper-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 6px;
	margin: 0 5px;
	background: #fff;
	opacity: 0.3;
	border-radius: 0
}

#home-swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.home-floor-01-view1 {
	display: flex;
	margin-top: 60px
}

.home-floor-01-view1 .item {
	flex: 1;
	height: 285px;
	background: #f2f4fb;
	border-radius: 15px;
	padding: 85px 50px;
	position: relative
}

.home-floor-01-view1 .item:first-child {
	margin-right: 20px
}

.home-floor-01-view1 .item:after {
	position: absolute;
	top: 60px;
	right: 60px;
	display: block;
	content: '';
	width: 177px;
	height: 177px;
	z-index: 1
}

.home-floor-01-view1 .item dt {
	font-size: 24px
}

.home-floor-01-view1 .item dd {
	font-size: 16px
}

.home-floor-01-view1 .item dt,.home-floor-01-view1 .item dd {
	max-width: 250px;
	position: relative;
	z-index: 2
}

.home-floor-01-view1 .item.left dt {
	margin-bottom: 25px
}

.home-floor-01-view1 .item.left dd {
	line-height: 2
}

.home-floor-01-view1 .item.left span {
	letter-spacing: normal
}

.home-floor-01-view1 .item.left span:before {
	display: inline-block;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #1773db;
	margin-right: 10px;
	vertical-align: middle
}

.home-floor-01-view1 .item.left:after {
	top: 45px;
	background: url(./img/home-floor-01-pic-01.png) no-repeat center;
	background-size: auto 100%
}

.home-floor-01-view1 .item.right dt {
	margin-bottom: 20px
}

.home-floor-01-view1 .item.right dd {
	line-height: 1.8
}

.home-floor-01-view1 .item.right:after {
	width: 175px;
	height: 170px;
	background: url(./img/home-floor-01-pic-02.png) no-repeat center;
	background-size: 100% auto
}

.home-floor-01-view2 {
	margin-top: 80px
}

.home-floor-01-view2 .item {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0 10px
}

.home-floor-01-view2 .item .icon {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	background: #f2f4fb;
	margin: 0 auto
}

.home-floor-01-view2 .item dt {
	font-size: 24px;
	margin-top: 38px
}

.home-floor-01-view2 .item .txt {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	margin-top: 20px
}

.home-floor-01-view2 .item:nth-child(1) .icon {
	background: #f2f4fb url(./img/home-floor-01-icon-01.png) no-repeat center
}

.home-floor-01-view2 .item:nth-child(2) .icon {
	background: #f2f4fb url(./img/home-floor-01-icon-02.png) no-repeat center
}

.home-floor-01-view2 .item:nth-child(3) .icon {
	background: #f2f4fb url(./img/home-floor-01-icon-03.png) no-repeat center
}

.home-floor-01-view2 .item:nth-child(4) .icon {
	background: #f2f4fb url(./img/home-floor-01-icon-04.png) no-repeat center
}

@media screen and (max-width: 840px) {
	.home-floor-01-view1 {
		display: block;
		margin-top: 30px
	}

	.home-floor-01-view1 .item {
		margin: 15px 0
	}

	.home-floor-01-view1 .item:first-child {
		margin-right: 0
	}

	.home-floor-01-view1 .item dt {
		font-size: 18px
	}

	.home-floor-01-view1 .item dd {
		font-size: 14px
	}

	.home-floor-01-view2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		margin-top: 30px
	}

	.home-floor-01-view2:before,.home-floor-01-view2:after {
		display: none
	}

	.home-floor-01-view2 .item {
		float: none;
		width: auto
	}

	.home-floor-01-view2 .item .icon {
		width: 80px;
		height: 80px;
		background-size: 40px !important
	}

	.home-floor-01-view2 .item dt {
		margin-top: 20px;
		font-size: 18px
	}

	.home-floor-01-view2 .item .txt {
		margin-top: 10px;
		font-size: 14px
	}
}

@media screen and (max-width: 480px) {
	.home-floor-01-view1 .item {
		height: 180px;
		padding: 35px 25px
	}

	.home-floor-01-view1 .item:after {
		width: 100px;
		height: 100px;
		right: 35px
	}

	.home-floor-01-view1 .item.left:after {
		top: 25px
	}

	.home-floor-01-view1 .item.right:after {
		width: 115px;
		height: 115px;
		top: 30px
	}
}

.home-floor-02 .floor-box-body {
	padding-bottom: 50px
}

.home-floor-02-table {
	margin-top: 50px
}

.home-floor-02-table table {
	width: 100%;
	min-width: 600px;
	border: 1px solid #ebebeb;
	border-spacing: 0;
	background: #fff
}

.home-floor-02-table table td,.home-floor-02-table table th {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 20px;
	line-height: 1.5 !important
}

.home-floor-02-table table td:first-child,.home-floor-02-table table th:first-child {
	font-weight: bold;
	white-space: nowrap
}

.home-floor-02-table table td:last-child,.home-floor-02-table table th:last-child {
	border-right: 0
}

.home-floor-02-table table th {
	background: #f5f5f5;
	font-weight: bold
}

.home-floor-02-table table tr:first-child {
	text-align: center
}

.home-floor-02-table table tr:last-child {
	border-bottom: 0
}

.home-floor-02 .ImgTxt {
	display: inline-flex;
	justify-content: center;
	align-items: center
}

.home-floor-02 .ImgTxt img {
	display: block
}

.home-floor-02 .ImgTxt.kind {
	font-size: 18px;
	font-weight: bold
}

.home-floor-02 .ImgTxt.kind .img {
	background: none
}

.home-floor-02 .ImgTxt .img {
	margin-right: 15px
}

.home-floor-02 .ImgTxt.yes .img,.home-floor-02 .ImgTxt.no .img {
	width: 20px;
	height: 13px
}

.home-floor-02 .ImgTxt.yes .img {
	background: url(./img/icon_yes.png) no-repeat center
}

.home-floor-02 .ImgTxt.no .img {
	background: url(./img/icon_no.png) no-repeat center
}

.home-floor-02 .ImgTxt .txt {
	line-height: 1.5 !important
}

.home-floor-02-notice {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #1773db
}

.home-floor-02-notice .label {
	position: absolute;
	left: 50%;
	margin-left: -108px;
	top: -37px;
	width: 216px;
	height: 62px;
	background: url(./img/home-floor-02-label.png) no-repeat left top
}

.home-floor-02-notice .con {
	height: 160px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px
}

.home-floor-02-notice .con p {
	line-height: 1.8
}

.home-floor-02-notice .con span {
	font-size: 23px;
	color: #ffea00
}

@media screen and (max-width: 840px) {
	.home-floor-02 table td,.home-floor-02 table th {
		padding: 10px
	}

	.home-floor-02 .ImgTxt.kind {
		font-size: 16px
	}

	.home-floor-02 .ImgTxt.kind img {
		height: 40px
	}
}

@media screen and (max-width: 480px) {
	.home-floor-02 .home-floor-02-table {
		overflow-x: scroll
	}

	.home-floor-02 .floor-box-body {
		padding-bottom: 30px
	}

	.home-floor-02-notice .label {
		width: 170px;
		height: 50px;
		background-size: 100% auto;
		top: -32px;
		margin-left: -85px
	}

	.home-floor-02-notice .con {
		height: auto;
		padding: 15px 0;
		font-size: 14px
	}

	.home-floor-02-notice .con span {
		font-size: 16px
	}
}

.home-floor-03 {
	height: 960px;
	background: url(./img/home-floor-03-bg-01.jpg) repeat center top !important
}

.home-floor-03-service {
	float: right;
	margin-top: 90px
}

.home-floor-03-service .item {
	width: 480px;
	height: 180px;
	background: #fff;
	padding: 0 40px 0 60px;
	margin: 20px 0;
	border-bottom: 4px solid #fff;
	box-shadow: 0 0 20px rgba(0,88,176,0.2);
	display: flex;
	justify-content: center;
	align-items: center
}

.home-floor-03-service .item:nth-child(1) .icon {
	background: url(./img/home-floor-03-pic-01.png) no-repeat center
}

.home-floor-03-service .item:nth-child(2) .icon {
	background: url(./img/home-floor-03-pic-02.png) no-repeat center
}

.home-floor-03-service .item:nth-child(3) .icon {
	background: url(./img/home-floor-03-pic-03.png) no-repeat center
}

.home-floor-03-service .item:hover {
	border-bottom: 4px solid #2668f2;
	box-shadow: 0 0 20px rgba(0,88,176,0.5)
}

.home-floor-03-service .icon {
	width: 59px;
	height: 59px;
	margin-left: 55px
}

.home-floor-03-service dl {
	flex: 1
}

.home-floor-03-service dt {
	font-size: 24px
}

.home-floor-03-service dd {
	margin-top: 15px;
	font-size: 16px;
	color: #666;
	line-height: 1.5
}

@media screen and (max-width: 840px) {
	.home-floor-03 {
		height: auto;
		padding-bottom: 30px
	}

	.home-floor-03-service {
		margin-top: 40px
	}
}

@media screen and (max-width: 480px) {
	.home-floor-03-service {
		margin-top: 30px
	}

	.home-floor-03-service .item {
		width: 100%;
		height: auto;
		padding: 25px
	}

	.home-floor-03-service dt {
		font-size: 18px
	}

	.home-floor-03-service dd {
		font-size: 14px
	}

	.home-floor-03-service .icon {
		margin-left: 30px
	}
}

.home-floor-04 {
	background: url(./img/home-floor-04-bg-01.jpg) repeat center top !important;
	background-size: cover !important;
	color: #fff
}

.home-floor-04 .tab-bar {
	display: flex;
	margin-top: 60px;
	border-bottom: 2px solid rgba(255,255,255,0.1)
}

.home-floor-04 .tab-bar .item {
	flex: 1;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	white-space: nowrap;
	text-align: center;
	padding: 0 10px;
	position: relative;
	cursor: pointer
}

.home-floor-04 .tab-bar .item:after {
	display: none;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -2px;
	background: #fff
}

.home-floor-04 .tab-bar .item.active:after {
	display: block
}

.home-floor-04 .tab-con {
	margin-top: 30px
}

.home-floor-04 .tab-con ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 2%;
	grid-row-gap: 25px
}

.home-floor-04 .tab-con li {
	margin: 10px 0;
	overflow: hidden
}

.home-floor-04 .tab-box {
	display: none
}

.home-floor-04 .indImgTxt {
	border-radius: 10px;
	overflow: hidden
}

.home-floor-04 .indImgTxt .cover {
	height: 170px;
	overflow: hidden;
	background: rgba(255,255,255,0.2);
	display: flex;
	justify-content: center;
	align-items: center
}

.home-floor-04 .indImgTxt .cover img {
	display: block
}

.home-floor-04 .indImgTxt .txt {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	background: rgba(255,255,255,0.1);
	color: #fff
}

.home-floor-04 .indImgTxt:hover .txt {
	color: #333;
	background: #fff
}

.home-floor-04 .btn {
	display: inline-block;
	font-size: 18px;
	height: 50px;
	line-height: 48px;
	border: 1px solid #fff;
	padding: 0 45px;
	cursor: pointer;
	border-radius: 45px;
	overflow: hidden
}

.home-floor-04 .btn:hover {
	background: #1773db;
	border-color: #1773db
}

@media screen and (max-width: 840px) {
	.home-floor-04 .tab-bar {
		margin-top: 30px
	}

	.home-floor-04 .tab-bar .item {
		font-size: 16px;
		padding: 0 5px
	}
}

@media screen and (max-width: 550px) {
	.home-floor-04 .tab-bar {
		overflow-x: scroll
	}

	.home-floor-04 .tab-con ul {
		grid-template-columns: 1fr 1fr
	}

	.home-floor-04 .tab-con ul li {
		margin: 0
	}

	.home-floor-04 .btn {
		height: 40px;
		line-height: 38px;
		font-size: 16px;
		padding: 0 20px;
		margin-bottom: -45px
	}
}

.home-floor-05 {
	height: 980px;
	background: url(./img/home-floor-05-bg-01.jpg) repeat center top !important;
	background-size: cover;
	color: #fff
}

.home-floor-05 .floor-title-sub {
	color: #fff
}

.home-floor-05 .customerCard {
	padding: 35px 40px;
	background: #fff;
	display: flex;
	color: #333;
	height: 100%
}

.home-floor-05 .customerCard .right {
	padding-left: 38px;
	display: flex;
	flex-direction: column
}

.home-floor-05 .customerCard .avatar {
	width: 120px;
	height: 120px;
	border: 4px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	background: #f3f3f3
}

.home-floor-05 .customerCard .avatar img {
	display: block;
	width: 100%;
	height: 100%
}

.home-floor-05 .customerCard .name {
	height: 30px;
	line-height: 28px;
	border: 1px solid #ddd;
	border-radius: 30px;
	text-align: center;
	margin-top: 15px
}

.home-floor-05 .customerCard .companyName {
	font-size: 24px;
	line-height: 1.5
}

.home-floor-05 .customerCard .desc {
	color: #454545;
	line-height: 1.8;
	margin-top: 20px;
	flex: 1
}

.home-floor-05 .customerCard a {
	color: #1773db
}

#customer-swiper {
	margin-top: 65px
}

#customer-swiper ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px
}

#customer-swiper-pagination {
	position: relative;
	margin: 70px auto 30px
}

#customer-swiper-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 6px;
	border-radius: 0;
	background: #fff;
	margin: 0 5px
}

@media screen and (max-width: 950px) {
	.home-floor-05 {
		height: auto
	}
}

@media screen and (max-width: 840px) {
	#customer-swiper {
		margin-top: 40px
	}

	.home-floor-05 .customerCard {
		padding: 15px
	}

	.home-floor-05 .customerCard .right {
		padding-left: 20px
	}

	.home-floor-05 .customerCard .avatar {
		width: 80px;
		height: 80px;
		border: 2px solid #fff
	}

	.home-floor-05 .customerCard .name {
		font-size: 12px;
		height: 25px;
		line-height: 23px
	}

	.home-floor-05 .customerCard .companyName {
		font-size: 18px
	}

	.home-floor-05 .customerCard .desc {
		margin-top: 10px;
		font-size: 12px
	}

	.home-floor-05 .customerCard .other {
		font-size: 12px;
		margin-top: 10px
	}
}

@media screen and (max-width: 480px) {
	#customer-swiper {
		margin-top: 30px
	}

	#customer-swiper-pagination {
		margin: 30px 0 0
	}

	.home-floor-05 .customerCard {
		display: block
	}

	.home-floor-05 .customerCard .right {
		padding-left: 0;
		margin-top: 10px
	}

	.home-floor-05 .customerCard .avatar {
		margin: 0 auto
	}

	.home-floor-05 .customerCard .companyName {
		font-size: 16px
	}
}

.home-floor-06 {
	background: #fff !important
}

.home-floor-06 .partnersBox {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 24px
}

.home-floor-06 .parnerCard .logo {
	background: #f2f4fb;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center
}

.home-floor-06 .parnerCard .logo img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.home-floor-06 .parnerCard .name {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #666;
	border: 1px solid #ebebeb;
	border-top: 0;
	background: #fff
}

@media screen and (max-width: 480px) {
	.home-floor-06 .partnersBox {
		margin-top: 30px;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 15px;
		grid-row-gap: 15px
	}

	.home-floor-06 .parnerCard .name {
		font-size: 14px;
		height: 35px;
		line-height: 35px
	}
}

.home-floor-07 {
	background: #f2f4fb !important
}

.home-floor-07 .tab-bar {
	margin-top: 50px;
	text-align: center
}

.home-floor-07 .tab-bar .item {
	display: inline-block;
	width: 160px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	margin: 0 10px;
	cursor: pointer
}

.home-floor-07 .tab-bar .item.active {
	background: #1773db
}

.home-floor-07 .tab-bar .item.active .icon {
	background: url(./img/home-floor-07-icon-01.png) no-repeat center
}

.home-floor-07 .tab-bar .item.active span {
	color: #fff
}

.home-floor-07 .tab-bar .inside {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center
}

.home-floor-07 .tab-bar .inside span {
	display: block
}

.home-floor-07 .tab-bar .icon {
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: url(./img/home-floor-07-icon-02.png) no-repeat center
}

.home-floor-07 .tab-con {
	margin-top: 40px;
	display: none;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px
}

.home-floor-07 .newCard {
	padding: 40px 0;
	display: flex;
	min-height: 160px;
	background: #fff
}

.home-floor-07 .newCard .date {
	width: 25%;
	border-right: 1px solid #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #666
}

.home-floor-07 .newCard .date .day {
	font-size: 48px
}

.home-floor-07 .newCard .date .yyyymm {
	font-size: 12px;
	margin-top: 5px
}

.home-floor-07 .newCard .con {
	flex: 1;
	padding: 0 35px;
	display: flex;
	flex-direction: column
}

.home-floor-07 .newCard .title {
	font-size: 18px;
	line-height: 1.4;
	flex: 1
}

.home-floor-07 .newCard .title a {
	color: #333
}

.home-floor-07 .newCard .desc {
	color: #888;
	line-height: 1.5
}

.home-floor-07 .newCard:hover {
	box-shadow: 0 10px 20px rgba(16,72,155,0.1)
}

.home-floor-07 .newCard:hover a {
	color: #1773db
}

@media screen and (max-width: 840px) {
	.home-floor-07 .tab-bar {
		margin-top: 40px
	}

	.home-floor-07 .tab-bar .item {
		width: 140px;
		height: 40px
	}

	.home-floor-07 .tab-con {
		grid-column-gap: 20px;
		grid-row-gap: 20px
	}

	.home-floor-07 .newCard {
		min-height: auto;
		padding: 25px 0
	}

	.home-floor-07 .newCard .con {
		padding: 0 20px
	}

	.home-floor-07 .newCard .title {
		font-size: 16px
	}

	.home-floor-07 .newCard .desc {
		margin-top: 10px
	}
}

@media screen and (max-width: 480px) {
	.home-floor-07 .tab-bar {
		margin-top: 30px
	}

	.home-floor-07 .tab-bar .item {
		width: 100px;
		height: 30px
	}

	.home-floor-07 .tab-bar .item .icon {
		width: 16px;
		height: 16px;
		margin-right: 8px;
		background-size: cover !important
	}

	.home-floor-07 .tab-con {
		grid-template-columns: 1fr;
		margin-top: 20px
	}

	.home-floor-07 .newCard .date .day {
		font-size: 32px
	}

	.home-floor-07 .newCard .date .yyyymm {
		font-size: 10px
	}
}

@media screen and (max-width: 1200px) {
	#home-navigation .button-prev {
		left: 20px
	}

	#home-navigation .button-next {
		right: 20px
	}

	#home-swiper-pagination {
		bottom: 20px
	}

	#home-swiper-pagination .swiper-pagination-bullet {
		height: 4px;
		width: 15px
	}
}

@media screen and (max-width: 640px) {
	#home-banner img[data-type=mobile] {
		display: block
	}

	#home-banner img[data-type=pc] {
		display: none
	}
}

#demo-list-banner,#solution-list-banner {
	background: url(./img/demo-banner-01.jpg) no-repeat center bottom;
	background-size: cover;
	margin-bottom: -120px
}

#demo-detail-banner,#solution-detail-banner {
	height: 425px;
	background: url(./img/demo-detail-banner-01.jpg) no-repeat center bottom;
	background-size: cover
}

#demo-detail-banner .innerWrapper,#solution-detail-banner .innerWrapper {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

#demo-detail-banner .innerBlock,#solution-detail-banner .innerBlock {
	background: #fff;
	display: flex;
	padding: 40px;
	width: 100%
}

#demo-detail-banner .cover,#solution-detail-banner .cover {
	width: 352px;
	height: 224px;
	background: #f1f1f1;
	box-shadow: 10px 10px 0 #dfe2ed
}

#demo-detail-banner .cover img,#solution-detail-banner .cover img {
	display: block;
	width: 100%;
	height: 100%
}

#demo-detail-banner .main,#solution-detail-banner .main {
	flex: 1;
	padding-right: 5%;
	display: flex;
	flex-direction: column
}

#demo-detail-banner .name,#solution-detail-banner .name {
	font-size: 24px;
	line-height: 1.6;
	margin: 10px 0
}

#demo-detail-banner .intro,#solution-detail-banner .intro {
	color: #888;
	line-height: 1.6;
	flex: 1
}

#demo-detail-banner .info,#solution-detail-banner .info {
	font-size: 12px;
	margin: 15px 0
}

#demo-detail-banner .readed:before,#solution-detail-banner .readed:before {
	display: inline-block;
	content: '';
	width: 18px;
	height: 12px;
	overflow: hidden;
	background: url(./img/icon-read.png) no-repeat center;
	background-size: cover;
	margin-right: 10px;
	vertical-align: middle
}

#demo-detail-banner .btn,#solution-detail-banner .btn {
	display: block;
	width: 140px;
	height: 40px;
	border: 1px solid #1773db;
	color: #1773db;
	font-weight: bold;
	border-radius: 40px;
	text-align: center;
	line-height: 38px;
	cursor: pointer
}

#demo-detail-banner .feature,#solution-detail-banner .feature {
	flex: 1
}

#demo-detail-banner .feature .item,#solution-detail-banner .feature .item {
	display: flex;
	margin: 10px 0
}

#demo-detail-banner .feature .item .label,#solution-detail-banner .feature .item .label {
	display: block;
	width: 75px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #1773db;
	color: #1773db
}

#demo-detail-banner .feature .item dd,#solution-detail-banner .feature .item dd {
	flex: 1;
	line-height: 24px;
	padding-left: 15px;
	color: #666
}

.demoCard {
	background: #fff;
	border: 1px solid #ebebeb;
	padding: 24px;
	height: 500px
}

.demoCard-cover {
	height: 204px;
	overflow: hidden;
	background: #f2f4fb;
	display: flex;
	justify-content: center;
	align-items: center
}

.demoCard-cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.demoCard-label {
	margin-top: 30px
}

.demoCard-label span {
	color: #1773db;
	border: 1px solid #1773db;
	padding: 2px 10px;
	margin-right: 10px
}

.demoCard-name {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
	color: #1773db
}

.demoCard-desc {
	line-height: 1.5;
	color: #666;
	margin-top: 10px;
	height: 115px
}

.demoCard-arrow {
	width: 50px;
	height: 1px;
	position: relative;
	background: #666
}

.demoCard-arrow:after,.demoCard-arrow:before {
	display: block;
	content: '';
	width: 6px;
	border-top: 1px solid #666;
	position: absolute;
	right: 0;
	transform-origin: center right
}

.demoCard-arrow:before {
	transform: rotate(45deg)
}

.demoCard-arrow:after {
	transform: rotate(-45deg)
}

.demoCard:hover {
	background: #1773db;
	border-color: #1773db;
	color: #fff
}

.demoCard:hover .demoCard-label span {
	color: #fff;
	border-color: #fff
}

.demoCard:hover .demoCard-name {
	color: #fff
}

.demoCard:hover .demoCard-desc {
	color: #fff
}

.demoCard:hover .demoCard-arrow {
	background: #fff
}

.demoCard:hover .demoCard-arrow:before,.demoCard:hover .demoCard-arrow:after {
	border-color: #fff
}

.demoList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 24px
}

@media screen and (max-width: 840px) {
	.demoList {
		grid-column-gap: 20px;
		grid-row-gap: 20px
	}

	.demoCard {
		padding: 20px 20px 30px;
		height: auto
	}

	.demoCard-cover {
		height: 180px
	}

	.demoCard-label {
		margin-top: 20px;
		font-size: 12px
	}

	.demoCard-name {
		font-size: 16px
	}

	.demoCard-desc {
		height: auto;
		padding-bottom: 20px;
		font-size: 12px
	}
}

@media screen and (max-width: 480px) {
	.demoList {
		grid-template-columns: 1fr
	}

	.demoCard {
		padding: 15px 15px 25px;
		height: auto
	}

	.demoCard-cover {
		height: 150px
	}

	.demoCard-label {
		margin-top: 15px;
		font-size: 10px
	}

	.demoCard-name {
		font-size: 16px
	}

	.demoCard-desc {
		font-size: 10px
	}
}

.solutionCard {
	background: #fff;
	padding: 24px;
	height: 580px
}

.solutionCard-cover {
	height: 224px;
	overflow: hidden;
	background: #f2f4fb;
	display: flex;
	justify-content: center;
	align-items: center
}

.solutionCard-cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.solutionCard-label {
	margin-top: 30px
}

.solutionCard-label span {
	color: #1773db;
	border: 1px solid #1773db;
	padding: 2px 10px;
	margin-right: 10px
}

.solutionCard-name {
	height: 50px;
	font-size: 18px;
	line-height: 1.4;
	margin-top: 15px;
	color: #333
}

.solutionCard-en {
	font-size: 12px;
	margin: 10px 0 20px;
	color: #999
}

.solutionCard-desc {
	line-height: 1.5;
	color: #666;
	margin-top: 10px;
	height: 115px
}

.solutionCard-arrow {
	width: 50px;
	height: 1px;
	position: relative;
	background: #666
}

.solutionCard-arrow:after,.solutionCard-arrow:before {
	display: block;
	content: '';
	width: 6px;
	border-top: 1px solid #666;
	position: absolute;
	right: 0;
	transform-origin: center right
}

.solutionCard-arrow:before {
	transform: rotate(45deg)
}

.solutionCard-arrow:after {
	transform: rotate(-45deg)
}

.solutionCard:hover {
	background: #1773db;
	border-color: #1773db;
	color: #fff
}

.solutionCard:hover .solutionCard-label span {
	color: #fff;
	border-color: #fff
}

.solutionCard:hover .solutionCard-en {
	color: #fff
}

.solutionCard:hover .solutionCard-name {
	color: #fff
}

.solutionCard:hover .solutionCard-desc {
	color: #fff
}

.solutionCard:hover .solutionCard-arrow {
	background: #fff
}

.solutionCard:hover .solutionCard-arrow:before,.solutionCard:hover .solutionCard-arrow:after {
	border-color: #fff
}

.solutionList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

.solutionList .solutionCard {
	border-right: 1px solid #ebebeb
}

.solutionList .solutionCard:nth-child(3n) {
	border-right: 0
}

@media screen and (max-width: 480px) {
	.solutionList {
		grid-template-columns: 1fr
	}

	.solutionCard {
		border-right: 0 !important;
		border-bottom: 1px solid #ebebeb;
		padding: 15px 15px 35px;
		height: auto
	}

	.solutionCard-label {
		margin-top: 10px
	}

	.solutionCard-label span {
		font-size: 8px
	}

	.solutionCard-name {
		height: auto;
		font-size: 16px
	}

	.solutionCard-en {
		font-size: 8px
	}

	.solutionCard-cover {
		height: auto
	}

	.solutionCard-cover img {
		max-height: 180px
	}

	.solutionCard-desc {
		font-size: 12px;
		height: auto;
		padding-bottom: 20px
	}
}

.provide-pro {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px
}

.provide-pro-item {
	border: 1px solid #ebebeb;
	display: flex
}

.provide-pro .cover {
	width: 158px;
	height: 158px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f2f4fb
}

.provide-pro .cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.provide-pro .name {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.5;
	padding: 10px;
	border-left: 1px solid #ebebeb
}

.filterBlock+.demoList,.filterBlock+.solutionList {
	margin-top: 90px
}

@media screen and (max-width: 840px) {
	#demo-list-banner,#solution-list-banner {
		margin-bottom: -100px
	}

	#demo-detail-banner .innerBlock,#solution-detail-banner .innerBlock {
		padding: 30px
	}

	#demo-detail-banner .cover,#solution-detail-banner .cover {
		width: 280px;
		height: 190px
	}

	#demo-detail-banner .name,#solution-detail-banner .name {
		font-size: 20px
	}

	#demo-detail-banner .other,#solution-detail-banner .other {
		margin-top: 10px
	}

	.provide-pro {
		grid-column-gap: 10px;
		grid-row-gap: 10px
	}

	.provide-pro .cover {
		width: 80px;
		height: 80px
	}

	.filterBlock+.demoList,.filterBlock+.solutionList {
		margin-top: 50px
	}
}

@media screen and (max-width: 480px) {
	#demo-detail-banner .innerBlock,#solution-detail-banner .innerBlock {
		padding: 20px;
		flex-direction: column-reverse
	}

	#demo-detail-banner .cover,#solution-detail-banner .cover {
		width: 100%;
		height: auto;
		margin-bottom: 15px
	}

	#demo-detail-banner .cover img,#solution-detail-banner .cover img {
		max-height: 180px
	}

	#demo-detail-banner .name,#solution-detail-banner .name {
		font-size: 16px
	}

	#demo-detail-banner .feature,#solution-detail-banner .feature {
		font-size: 10px
	}

	#demo-detail-banner .feature .item,#solution-detail-banner .feature .item {
		margin: 5px 0
	}

	#demo-detail-banner .feature .item .label,#solution-detail-banner .feature .item .label {
		width: 60px;
		height: 20px;
		line-height: 18px
	}

	#demo-detail-banner .feature .item dd,#solution-detail-banner .feature .item dd {
		padding-left: 10px
	}

	#demo-detail-banner .btn,#solution-detail-banner .btn {
		width: 70px;
		height: 25px;
		line-height: 23px;
		font-size: 10px
	}

	.provide-pro .cover {
		width: 60px;
		height: 60px
	}

	.filterBlock+.demoList,.filterBlock+.solutionList {
		margin-top: 30px
	}
}

#sim-flow-banner {
	background: url(./img/sim-flow-banner.jpg) no-repeat center top;
	background-size: cover
}

.simFlow-floor-01-txt {
	line-height: 2;
	color: #666;
	max-width: 950px;
	margin: 30px auto 0;
	padding: 0 15px;
	text-align: center
}

.simFlow-floor-02 .cardList {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	margin-top: 55px
}

.simFlow-floor-02 .cardItem {
	background: #fff
}

.simFlow-floor-02 .cardItem .cover {
	background: #f2f2f2;
	height: 300px
}

.simFlow-floor-02 .cardItem:nth-child(1) .cover {
	background: url(./img/sim-flow-pic-01.jpg) no-repeat center;
	background-size: cover
}

.simFlow-floor-02 .cardItem:nth-child(2) .cover {
	background: url(./img/sim-flow-pic-02.jpg) no-repeat center;
	background-size: cover
}

.simFlow-floor-02 .cardItem .con {
	padding: 25px 40px;
	display: flex;
	flex-direction: column;
	height: 160px
}

.simFlow-floor-02 .cardItem .title {
	font-size: 20px;
	color: #000;
	line-height: 1.5
}

.simFlow-floor-02 .cardItem .desc {
	flex: 1;
	margin-top: 10px;
	color: #666;
	line-height: 1.5
}

@media screen and (max-width: 840px) {
	.simFlow-floor-02 .cardList {
		margin-top: 30px
	}

	.simFlow-floor-02 .cardItem .cover {
		height: 200px
	}

	.simFlow-floor-02 .cardItem .con {
		padding: 20px 30px;
		height: auto
	}
}

@media screen and (max-width: 480px) {
	.simFlow-floor-02 .cardList {
		display: block
	}

	.simFlow-floor-02 .cardItem {
		margin: 20px 0
	}

	.simFlow-floor-02 .cardItem .cover {
		height: 160px
	}

	.simFlow-floor-02 .cardItem .con {
		padding: 20px 20px;
		height: auto
	}

	.simFlow-floor-02 .cardItem .title {
		font-size: 16px
	}

	.simFlow-floor-02 .cardItem .desc {
		font-size: 12px
	}
}

.simFlow-floor-04 .floor-box-body {
	padding-top: 0
}

.simFlow-floor-04 .advCardList {
	margin-top: 60px
}

.simFlow-floor-04 .advCard:nth-child(1) .icon {
	background: url(./img/icon-adv-01.png) no-repeat center
}

.simFlow-floor-04 .advCard:nth-child(2) .icon {
	background: url(./img/icon-adv-02.png) no-repeat center
}

.simFlow-floor-04 .advCard:nth-child(3) .icon {
	background: url(./img/icon-adv-03.png) no-repeat center
}

.simFlow-floor-04 .advCard:nth-child(4) .icon {
	background: url(./img/icon-adv-04.png) no-repeat center
}

.simFlow-floor-04 .advCard:nth-child(5) .icon {
	background: url(./img/icon-adv-05.png) no-repeat center
}

.simFlow-floor-04 .advCard:nth-child(6) .icon {
	background: url(./img/icon-adv-06.png) no-repeat center
}

@media screen and (max-width: 840px) {
	.simFlow-floor-04 .advCardList {
		margin-top: 30px
	}
}

.simFlow-floor-05 .cardList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	margin-top: 60px
}

.simFlow-floor-05 .cardItem {
	padding: 57px 55px 0;
	background: #f2f4fb;
	height: 360px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.simFlow-floor-05 .cardItem .icon {
	width: 84px;
	height: 84px;
	overflow: hidden;
	background-size: cover
}

.simFlow-floor-05 .cardItem:nth-child(1) .icon {
	background: url(./img/sim-flow-05-icon-01.png) no-repeat center
}

.simFlow-floor-05 .cardItem:nth-child(2) .icon {
	background: url(./img/sim-flow-05-icon-02.png) no-repeat center
}

.simFlow-floor-05 .cardItem:nth-child(3) .icon {
	background: url(./img/sim-flow-05-icon-03.png) no-repeat center
}

.simFlow-floor-05 .cardItem .title {
	font-size: 20px;
	color: #000;
	margin-top: 30px
}

.simFlow-floor-05 .cardItem .desc {
	color: #666;
	margin-top: 15px;
	line-height: 1.6;
	text-align: center
}

@media screen and (max-width: 840px) {
	.simFlow-floor-05 .cardList {
		margin-top: 30px;
		grid-column-gap: 20px
	}

	.simFlow-floor-05 .cardItem {
		height: auto;
		padding: 40px 30px
	}
}

@media screen and (max-width: 480px) {
	.simFlow-floor-05 .cardList {
		display: block
	}

	.simFlow-floor-05 .cardItem {
		height: auto;
		padding: 30px 30px 10px
	}

	.simFlow-floor-05 .cardItem .icon {
		width: 50px;
		height: 50px;
		background-size: cover !important
	}

	.simFlow-floor-05 .cardItem .title {
		font-size: 16px;
		margin-top: 10px
	}

	.simFlow-floor-05 .cardItem .desc {
		font-size: 14px;
		margin-top: 10px
	}

	.simFlow-floor-05 .cardItem:last-child {
		padding-bottom: 30px
	}
}

.simFlow-floor-06 .cardList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	margin-top: 60px
}

.simFlow-floor-06 .cardItem {
	height: 310px;
	background: #fff;
	display: flex;
	flex-direction: column
}

.simFlow-floor-06 .cardItem .cover {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 0
}

.simFlow-floor-06 .cardItem .cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.simFlow-floor-06 .cardItem .name {
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap
}

@media screen and (max-width: 840px) {
	.simFlow-floor-06 .cardList {
		margin-top: 30px;
		grid-column-gap: 20px;
		grid-row-gap: 20px
	}

	.simFlow-floor-06 .cardItem {
		height: auto
	}
}

@media screen and (max-width: 480px) {
	.simFlow-floor-06 .cardList {
		grid-column-gap: 10px;
		grid-row-gap: 10px
	}

	.simFlow-floor-06 .cardItem {
		height: auto
	}

	.simFlow-floor-06 .cardItem .name {
		height: 35px;
		line-height: 35px;
		font-size: 14px
	}
}

#sim-voice-banner {
	background: url(./img/sim-voice-banner.jpg) no-repeat center top;
	background-size: cover
}

.simVoice-floor-01-txt {
	line-height: 2;
	color: #666;
	max-width: 950px;
	margin: 30px auto 0;
	padding: 0 15px;
	text-align: center
}

.simVoice-floor-02 .advCardList {
	margin-top: 60px
}

.simVoice-floor-02 .advCard:nth-child(1) .icon {
	background: url(./img/icon-adv-07.png) no-repeat center
}

.simVoice-floor-02 .advCard:nth-child(2) .icon {
	background: url(./img/icon-adv-08.png) no-repeat center
}

.simVoice-floor-02 .advCard:nth-child(3) .icon {
	background: url(./img/icon-adv-09.png) no-repeat center
}

.simVoice-floor-02 .advCard:nth-child(4) .icon {
	background: url(./img/icon-adv-10.png) no-repeat center
}

.simVoice-floor-02 .advCard:nth-child(5) .icon {
	background: url(./img/icon-adv-11.png) no-repeat center
}

.simVoice-floor-02 .advCard:nth-child(6) .icon {
	background: url(./img/icon-adv-12.png) no-repeat center
}

.simVoice-floor-03 {
	background: url(./img/sim-voice-floor-03.jpg) no-repeat center top !important;
	background-size: cover;
	color: #fff
}

.simVoice-floor-03 .container {
	position: relative
}

.simVoice-floor-03 .floor03-swiper-navigation {
	position: absolute;
	top: -200px;
	left: 2.5%;
	right: 2.5%
}

#floor03-swiper {
	margin-top: 55px;
	height: 400px
}

.floor03-swiper-item {
	display: flex;
	width: 960px;
	height: 400px
}

.floor03-swiper-item .cover {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f1f1f1
}

.floor03-swiper-item .cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.floor03-swiper-item .main {
	background: #fff;
	padding: 45px;
	width: 50%
}

.floor03-swiper-item .title {
	color: #333;
	font-size: 30px;
	line-height: 1.5
}

.floor03-swiper-item .con {
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.8;
	color: #666
}

@media screen and (max-width: 840px) {
	#floor03-swiper {
		margin-top: 30px;
		height: 300px
	}

	.floor03-swiper-item .cover {
		width: 40%
	}

	.floor03-swiper-item .main {
		width: 60%;
		padding: 15px
	}

	.floor03-swiper-item .title {
		font-size: 20px
	}

	.floor03-swiper-item .con {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6
	}
}

@media screen and (max-width: 480px) {
	.floor03-swiper-item {
		display: block;
		height: auto
	}

	.floor03-swiper-item .cover {
		width: 100%
	}

	.floor03-swiper-item .main {
		width: 100%;
		padding: 15px
	}

	.floor03-swiper-item .title {
		font-size: 16px
	}

	.floor03-swiper-item .con {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.6
	}
}

.simVoice-floor-04 .tabBar {
	margin-top: 105px;
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #ebebeb;
	height: 80px
}

.simVoice-floor-04 .tabBar .tabBar-item {
	text-align: center;
	position: relative;
	cursor: pointer
}

.simVoice-floor-04 .tabBar .tabBar-item.active {
	color: #1773db
}

.simVoice-floor-04 .tabBar .tabBar-item.active:after {
	display: block;
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #1773db
}

.simVoice-floor-04 .tabBar .terminal {
	font-size: 16px;
	color: #888;
	word-break: keep-all
}

.simVoice-floor-04 .tabBar .key {
	font-size: 18px;
	margin-top: 12px;
	word-break: keep-all
}

.simVoice-floor-04 .tabWrap {
	padding: 73px 0 30px;
	position: relative
}

.simVoice-floor-04 .tabWrap .contactBlock {
	position: absolute;
	left: 0;
	bottom: 30px
}

.simVoice-floor-04 .tabWrap .btn {
	width: 160px;
	height: 50px;
	border: 1px solid #1773db;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #1773db;
	border-radius: 50px;
	cursor: pointer
}

.simVoice-floor-04 .tabWrap .other {
	margin-top: 20px;
	color: #888
}

.simVoice-floor-04 .tabWrap .tel {
	font-size: 18px;
	color: #1773db;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif
}

.simVoice-floor-04 .tabCon {
	display: none
}

.simVoice-floor-04 .tabCon .main {
	flex: 1;
	margin-right: 8%
}

.simVoice-floor-04 .tabCon .title {
	font-size: 26px
}

.simVoice-floor-04 .tabCon .desc {
	font-size: 18px;
	line-height: 1.6;
	margin-top: 25px
}

.simVoice-floor-04 .tabCon .view {
	width: 50%;
	height: 300px;
	overflow: hidden;
	background-size: cover !important
}

.simVoice-floor-04 .tabCon[data-id=t1] .view {
	background: url(./img/sim-voice-floor-04-pic-01.png) no-repeat left top
}

.simVoice-floor-04 .tabCon[data-id=t2] .view {
	background: url(./img/sim-voice-floor-04-pic-02.png) no-repeat left top
}

.simVoice-floor-04 .tabCon[data-id=t3] .view {
	background: url(./img/sim-voice-floor-04-pic-03.png) no-repeat left top
}

.simVoice-floor-04 .tabCon[data-id=t4] .view {
	background: url(./img/sim-voice-floor-04-pic-04.png) no-repeat left top
}

.simVoice-floor-04 .tabCon[data-id=t5] .view {
	background: url(./img/sim-voice-floor-04-pic-05.png) no-repeat left top
}

.simVoice-floor-04 .tabCon[data-id=t6] .view {
	background: url(./img/sim-voice-floor-04-pic-06.png) no-repeat left top
}

.simVoice-floor-04 .tabCon[data-id=t7] .view {
	background: url(./img/sim-voice-floor-04-pic-07.png) no-repeat left top
}

@media screen and (max-width: 840px) {
	.simVoice-floor-04 .tabBar {
		margin-top: 30px;
		height: 60px;
		overflow-y: scroll;
		justify-content: flex-start
	}

	.simVoice-floor-04 .tabBar .tabBar-item {
		margin-right: 15px
	}

	.simVoice-floor-04 .tabBar .terminal {
		font-size: 12px
	}

	.simVoice-floor-04 .tabBar .key {
		font-size: 16px
	}

	.simVoice-floor-04 .tabWrap {
		padding: 50px 0 30px
	}

	.simVoice-floor-04 .tabWrap .btn {
		display: inline-block;
		height: 30px;
		line-height: 28px;
		width: auto;
		padding: 0 20px;
		font-size: 14px
	}

	.simVoice-floor-04 .tabWrap .other {
		margin-top: 15px
	}

	.simVoice-floor-04 .tabCon .view {
		height: 182px
	}

	.simVoice-floor-04 .tabCon .title {
		font-size: 20px
	}

	.simVoice-floor-04 .tabCon .desc {
		font-size: 14px;
		margin-top: 15px
	}
}

@media screen and (max-width: 480px) {
	.simVoice-floor-04 .tabBar {
		justify-content: left;
		height: 50px
	}

	.simVoice-floor-04 .tabBar .tabBar-item {
		margin-right: 10px
	}

	.simVoice-floor-04 .tabBar .terminal {
		font-size: 8px
	}

	.simVoice-floor-04 .tabBar .key {
		font-size: 12px;
		margin-top: 8px
	}

	.simVoice-floor-04 .tabWrap {
		padding: 20px 0 75px
	}

	.simVoice-floor-04 .tabWrap .contactBlock {
		bottom: 0
	}

	.simVoice-floor-04 .tabWrap .btn {
		display: inline-block;
		height: 25px;
		line-height: 22px;
		width: auto;
		padding: 0 15px;
		font-size: 12px
	}

	.simVoice-floor-04 .tabWrap .other {
		margin-top: 10px;
		font-size: 12px
	}

	.simVoice-floor-04 .tabWrap .other .tel {
		font-size: 14px
	}

	.simVoice-floor-04 .tabCon {
		flex-direction: column
	}

	.simVoice-floor-04 .tabCon .view {
		width: 100%;
		margin-top: 10px;
		border-radius: 8px
	}

	.simVoice-floor-04 .tabCon .title {
		font-size: 16px
	}

	.simVoice-floor-04 .tabCon .desc {
		font-size: 12px;
		margin-top: 10px
	}
}

.simVoice-floor-05 .viewBox {
	margin-top: 60px
}

.simVoice-floor-05 .viewBox .viewBox-item {
	height: 400px;
	border: 1px solid #ebebeb;
	background: #fff;
	display: flex;
	margin-bottom: -1px
}

.simVoice-floor-05 .viewBox .viewBox-item:nth-child(2n) {
	flex-direction: row-reverse
}

.simVoice-floor-05 .viewBox .view {
	width: 50%;
	background: #f3f5fb;
	display: flex;
	justify-content: center;
	align-items: center
}

.simVoice-floor-05 .viewBox .view img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.simVoice-floor-05 .viewBox .con {
	width: 50%;
	padding: 55px
}

.simVoice-floor-05 .viewBox .title {
	font-size: 26px;
	margin-bottom: 30px
}

.simVoice-floor-05 .viewBox dd {
	font-size: 18px;
	line-height: 1.5;
	position: relative;
	padding-left: 15px;
	margin: 10px 0
}

.simVoice-floor-05 .viewBox dd:before {
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #333;
	position: absolute;
	left: 0;
	top: 14px
}

@media screen and (max-width: 840px) {
	.simVoice-floor-05 .viewBox {
		margin-top: 30px
	}

	.simVoice-floor-05 .viewBox-item {
		height: auto !important
	}

	.simVoice-floor-05 .viewBox .title {
		font-size: 22px;
		margin-bottom: 20px
	}

	.simVoice-floor-05 .viewBox .con {
		padding: 30px
	}

	.simVoice-floor-05 .viewBox dd {
		font-size: 16px
	}
}

@media screen and (max-width: 480px) {
	.simVoice-floor-05 .viewBox .con {
		padding: 15px
	}

	.simVoice-floor-05 .viewBox .title {
		font-size: 18px
	}

	.simVoice-floor-05 .viewBox dd {
		font-size: 12px
	}

	.simVoice-floor-05 .viewBox dd:before {
		top: 7px
	}
}

@media screen and (max-width: 840px) {
	.simVoice-floor-02 .advCardList {
		margin-top: 30px
	}
}

#sim-nb-banner {
	background: url(./img/sim-nb-banner.jpg) no-repeat center top;
	background-size: cover
}

.simNb-floor-01-txt {
	line-height: 2;
	color: #666;
	max-width: 950px;
	margin: 30px auto 0;
	padding: 0 15px;
	text-align: center
}

.simNb-floor-02 .advCardList {
	margin-top: 60px
}

.simNb-floor-02 .advCard:nth-child(1) .icon {
	background: url(./img/icon-adv-13.png) no-repeat center
}

.simNb-floor-02 .advCard:nth-child(2) .icon {
	background: url(./img/icon-adv-14.png) no-repeat center
}

.simNb-floor-02 .advCard:nth-child(3) .icon {
	background: url(./img/icon-adv-15.png) no-repeat center
}

.simNb-floor-02 .advCard:nth-child(4) .icon {
	background: url(./img/icon-adv-16.png) no-repeat center
}

.simNb-floor-02 .advCard:nth-child(5) .icon {
	background: url(./img/icon-adv-17.png) no-repeat center
}

.simNb-floor-02 .advCard:nth-child(6) .icon {
	background: url(./img/icon-adv-18.png) no-repeat center
}

.simNb-floor-03 .cardList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	margin-top: 60px
}

.simNb-floor-03 .cardItem {
	height: 310px;
	background: #f2f4fb;
	display: flex;
	flex-direction: column
}

.simNb-floor-03 .cardItem .cover {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 0
}

.simNb-floor-03 .cardItem .cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.simNb-floor-03 .cardItem .name {
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #f2f4fb
}

@media screen and (max-width: 840px) {
	.simNb-floor-03 .cardList {
		margin-top: 30px;
		grid-column-gap: 20px;
		grid-row-gap: 20px
	}

	.simNb-floor-03 .cardItem {
		height: auto
	}
}

@media screen and (max-width: 480px) {
	.simNb-floor-03 .cardList {
		grid-column-gap: 10px;
		grid-row-gap: 10px
	}

	.simNb-floor-03 .cardItem {
		height: auto
	}

	.simNb-floor-03 .cardItem .name {
		height: 35px;
		line-height: 35px;
		font-size: 14px
	}
}

#sim-backend-banner {
	background: url(./img/sim-backend-banner.jpg) no-repeat center top;
	background-size: cover
}

.simBackend-floor-01-txt {
	line-height: 2;
	color: #666;
	max-width: 990px;
	margin: 30px auto 0;
	padding: 0 15px;
	text-align: center
}

.simBackend-floor-02 .advCardList {
	margin-top: 60px
}

.simBackend-floor-02 .advCard {
	height: 320px
}

.simBackend-floor-02 .advCard .top {
	display: block
}

.simBackend-floor-02 .advCard .top .title {
	margin-top: 25px
}

.simBackend-floor-02 .advCard .body {
	margin-top: 25px;
	line-height: 1.8
}

.simBackend-floor-02 .advCard:nth-child(1) .icon {
	background: url(./img/icon-adv-13.png) no-repeat center
}

.simBackend-floor-02 .advCard:nth-child(2) .icon {
	background: url(./img/icon-adv-14.png) no-repeat center
}

.simBackend-floor-02 .advCard:nth-child(3) .icon {
	background: url(./img/icon-adv-15.png) no-repeat center
}

.simBackend-floor-02 .advCard:nth-child(4) .icon {
	background: url(./img/icon-adv-16.png) no-repeat center
}

.simBackend-floor-02 .advCard:nth-child(5) .icon {
	background: url(./img/icon-adv-17.png) no-repeat center
}

.simBackend-floor-02 .advCard:nth-child(6) .icon {
	background: url(./img/icon-adv-18.png) no-repeat center
}

.simBackend-floor-03 {
	height: 870px;
	background: url(./img/sim-backend-floor-03-pic-01.png) no-repeat center bottom !important
}

.simBackend-floor-04 .demoCardList {
	margin-top: 55px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px
}

.simBackend-floor-04 .demoCardList-item {
	border: 1px solid #ebebeb;
	padding: 24px;
	background: #fff
}

.simBackend-floor-04 .demoCardList-item .cover {
	height: 260px;
	background: #f1f1f1;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

.simBackend-floor-04 .demoCardList-item .cover a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.simBackend-floor-04 .demoCardList-item .cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.simBackend-floor-04 .demoCardList-item .title {
	font-size: 24px;
	line-height: 1.6;
	margin-top: 30px
}

.simBackend-floor-04 .demoCardList-item .title a {
	color: #333
}

.simBackend-floor-04 .demoCardList-item .title a:hover {
	color: #1773db
}

.simBackend-floor-04 .demoCardList-item .desc {
	color: #666;
	line-height: 1.6;
	margin-top: 10px
}

@media screen and (max-width: 840px) {
	.simBackend-floor-02 .advCardList {
		margin-top: 30px
	}

	.simBackend-floor-02 .advCard {
		height: auto
	}

	.simBackend-floor-03 {
		height: 560px;
		background-size: auto 95% !important
	}

	.simBackend-floor-04 .demoCardList {
		margin-top: 30px;
		grid-column-gap: 20px;
		grid-row-gap: 20px
	}

	.simBackend-floor-04 .demoCardList-item {
		padding: 20px
	}

	.simBackend-floor-04 .demoCardList-item .title {
		font-size: 20px
	}
}

@media screen and (max-width: 480px) {
	.simBackend-floor-03 {
		height: 350px;
		background-size: auto 90% !important
	}

	.simBackend-floor-04 .demoCardList {
		grid-template-columns: 1fr;
		grid-row-gap: 15px
	}

	.simBackend-floor-04 .demoCardList-item {
		padding: 15px
	}

	.simBackend-floor-04 .demoCardList-item .cover {
		height: auto
	}

	.simBackend-floor-04 .demoCardList-item .title {
		font-size: 16px;
		margin-top: 15px
	}

	.simBackend-floor-04 .demoCardList-item .desc {
		font-size: 10px
	}
}

#about-banner {
	display: flex;
	flex-direction: column;
	height: 760px;
	background: url(./img/about-banner-01.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center
}

#about-banner .container {
	flex: 1
}

#about-banner .wrap {
	max-width: 100%;
	padding-top: 240px
}

#about-banner .wrap .label {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 0 20px;
	background: #fff;
	color: #222;
	border-radius: 20px;
	margin-top: 30px
}

#about-banner .wrap .title-sub {
	margin-top: 20px
}

.about-banner-dataBlock {
	width: 100%;
	height: 180px;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 5%
}

.about-banner-dataBlock .val {
	font-size: 30px
}

.about-banner-dataBlock .number {
	font-size: 60px;
	font-family: fantasy
}

.about-banner-dataBlock .name {
	font-size: 18px;
	margin-top: 20px
}

.about-floor-01 {
	height: 1273px;
	background: url(./img/about-floor-01-bg-01.jpg) no-repeat bottom center !important;
	background-size: cover
}

.about-floor-01 .floor-title {
	text-align: left;
	padding: 0
}

.about-floor-01-txt {
	font-size: 18px;
	margin-top: 30px;
	line-height: 2;
	color: #333
}

.about-floor-01-txt span {
	color: #1773db
}

.about-floor-01 .magazineBlock {
	display: flex
}

.about-floor-01 .magazineBlock-left,.about-floor-01 .magazineBlock-right {
	width: 50%
}

.about-floor-01 .magazineBlock-title {
	width: 209px;
	height: 124px;
	background: url(./img/about-floor-01-pic-01.png) no-repeat left top
}

.about-floor-01 .magazineBlock-title-joint {
	width: 3px;
	height: 40px;
	background: #46a8e6;
	margin-top: 45px
}

.about-floor-01 .magazineView {
	display: flex;
	margin-top: 45px
}

.about-floor-01 .magazineView .cover {
	width: 40%;
	height: 710px;
	overflow: hidden;
	background: url(./img/about-floor-01-pic-02.jpg) no-repeat left top;
	background-size: cover
}

.about-floor-01 .magazineView .phone {
	width: 60%;
	position: relative;
	display: flex;
	flex-direction: column
}

.about-floor-01 .magazineView .phone-top {
	flex: 1;
	position: relative
}

.about-floor-01 .magazineView .phone-element {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,0.5)
}

.about-floor-01 .magazineView .phone-element img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.about-floor-01 .magazineView .phone .phone-navigation {
	width: 180px;
	height: 90px;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: -45px;
	display: flex;
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next,.about-floor-01 .magazineView .phone .phone-navigation .phone-button-prev {
	width: 90px;
	height: 90px;
	background: #1773db;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center
}

.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next:before,.about-floor-01 .magazineView .phone .phone-navigation .phone-button-prev:before {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg)
}

.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next.swiper-button-disabled,.about-floor-01 .magazineView .phone .phone-navigation .phone-button-prev.swiper-button-disabled {
	cursor: default;
	background: #fff
}

.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next.swiper-button-disabled:before,.about-floor-01 .magazineView .phone .phone-navigation .phone-button-prev.swiper-button-disabled:before {
	border-color: #797979
}

.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next:before {
	transform: rotate(-135deg)
}

@media screen and (max-width: 840px) {
	.about-floor-01 {
		height: 940px
	}

	.about-floor-01 .magazineView .cover {
		height: 420px
	}

	.about-floor-01 .magazineView .phone .phone-navigation {
		width: 120px;
		height: 60px;
		bottom: -30px
	}

	.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next,.about-floor-01 .magazineView .phone .phone-navigation .phone-button-prev {
		width: 60px;
		height: 60px
	}
}

@media screen and (max-width: 480px) {
	.about-floor-01 {
		height: auto;
		padding-bottom: 25px
	}

	.about-floor-01-txt {
		font-size: 14px;
		margin-top: 20px
	}

	.about-floor-01 .magazineBlock {
		display: block
	}

	.about-floor-01 .magazineBlock-left,.about-floor-01 .magazineBlock-right {
		width: 100%
	}

	.about-floor-01 .magazineBlock-right {
		margin-top: 25px
	}

	.about-floor-01 .magazineBlock-title {
		width: 160px;
		height: 95px;
		background-size: cover
	}

	.about-floor-01 .magazineBlock-title-joint {
		height: 25px;
		width: 2px;
		margin-top: 25px
	}

	.about-floor-01 .magazineView {
		display: block
	}

	.about-floor-01 .magazineView .cover {
		width: 280px;
		height: 210px
	}

	.about-floor-01 .magazineView .phone {
		width: 100%
	}

	.about-floor-01 .magazineView .phone .phone-navigation {
		width: 100px;
		height: 50px;
		bottom: -25px
	}

	.about-floor-01 .magazineView .phone .phone-navigation .phone-button-next,.about-floor-01 .magazineView .phone .phone-navigation .phone-button-prev {
		width: 50px;
		height: 50px
	}
}

.about-floor-02 .cardList {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 8px
}

.about-floor-02 .cardList-item {
	background: #fff
}

.about-floor-02 .cardList-item .cover {
	background: #f1f1f1;
	position: relative;
	overflow: hidden
}

.about-floor-02 .cardList-item .cover img {
	display: block;
	width: 100%
}

.about-floor-02 .cardList-item .cover .mask {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(6,13,38,0.5);
	display: flex;
	justify-content: center;
	align-items: center
}

.about-floor-02 .cardList-item .cover .mask:before {
	display: block;
	content: '';
	width: 76px;
	height: 76px
}

.about-floor-02 .cardList-item .title {
	padding: 15px;
	font-size: 16px;
	line-height: 1.8;
	text-align: center
}

.about-floor-02 .cardList-item:nth-child(1) .mask:before {
	background: url(./img/about-floor-03-icon-01.png) no-repeat center
}

.about-floor-02 .cardList-item:nth-child(2) .mask:before {
	background: url(./img/about-floor-03-icon-02.png) no-repeat center
}

.about-floor-02 .cardList-item:nth-child(3) .mask:before {
	background: url(./img/about-floor-03-icon-03.png) no-repeat center
}

.about-floor-02 .cardList-item:nth-child(4) .mask:before {
	background: url(./img/about-floor-03-icon-04.png) no-repeat center
}

.about-floor-02 .cardList-item:hover img {
	transform: scale(1.2)
}

.about-floor-02 .cardList-item:hover .mask {
	opacity: 0
}

@media screen and (max-width: 840px) {
	.about-floor-02 .cardList {
		margin-top: 30px
	}
}

@media screen and (max-width: 480px) {
	.about-floor-02 .cardList {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 10px
	}

	.about-floor-02 .cardList-item .title {
		font-size: 14px;
		padding: 10px
	}
}

.about-floor-03 .cardList {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 25px
}

.about-floor-03 .cardList-item {
	border: 1px solid #ebebeb;
	background: #fff
}

.about-floor-03 .cardList-item .cover {
	height: 150px;
	background: #f2f4fb;
	display: flex;
	justify-content: center;
	align-items: center
}

.about-floor-03 .cardList-item .cover img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.about-floor-03 .cardList-item .name {
	padding: 13px 15px;
	line-height: 1.5;
	text-align: center
}

@media screen and (max-width: 840px) {
	.about-floor-03 .cardList {
		margin-top: 30px
	}
}

@media screen and (max-width: 480px) {
	.about-floor-03 .cardList {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 10px
	}

	.about-floor-03 .cardList-item .title {
		font-size: 14px;
		padding: 10px
	}
}

@media screen and (max-width: 840px) {
	#about-banner {
		height: 330px
	}

	#about-banner .wrap {
		padding-top: 18%
	}

	.about-banner-dataBlock {
		height: 120px
	}

	.about-banner-dataBlock .val {
		font-size: 20px
	}

	.about-banner-dataBlock .number {
		font-size: 36px
	}

	.about-banner-dataBlock .name {
		font-size: 16px;
		margin-top: 10px
	}
}

@media screen and (max-width: 480px) {
	#about-banner {
		height: 260px
	}

	#about-banner .wrap .label {
		font-size: 12px;
		margin-top: 15px;
		height: auto;
		line-height: 1.8;
		padding: 0 15px
	}

	#about-banner .wrap .title-sub {
		margin-top: 15px
	}

	.about-banner-dataBlock {
		height: 70px
	}

	.about-banner-dataBlock .val {
		font-size: 14px
	}

	.about-banner-dataBlock .number {
		font-size: 18px
	}

	.about-banner-dataBlock .name {
		font-size: 12px;
		margin-top: 5px
	}
}

.newsPageBody {
	padding-top: 70px;
	padding-bottom: 70px
}

@media screen and (max-width: 840px) {
	.newsPageBody {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

@media screen and (max-width: 480px) {
	.newsPageBody {
		padding-top: 30px;
		padding-bottom: 30px
	}
}