* {
	padding:0;
	margin:0;
	box-sizing: border-box;
}
body,html {
	min-width: 1200px;
	overflow: auto;
	color:#333333;
	font-family: MicrosoftYaHei;
}
.content {
	width:1200px;
	margin: 0 auto;
}
.header {
	width:100%;
	height:90px;
	position: fixed;
	top:0;
	background-color: transparent;
	color:#ffffff;
	transition: background-color 0.6s; 
	z-index: 2;
}
.header .content {
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	width:auto;
}
.header .logo {
	width:168px;
	height:50px;
}
.header .navList {
	list-style: none;
}
.header .navList li {
	display: inline-block;
	margin: 0 25px;
	padding:10px 0;
	cursor: pointer;
}
.header .navList li:last-of-type {
	margin-right: 0;
}
.header .navList li.active {
	border-bottom: 2px solid #0CAACB;
}
.header .navList li a {
	color:#ffffff;
	text-decoration: none;
	font-size: 16px;
	transition: color 0.6s; 
	font-weight:400;
}
.banner {
	height:900px;
	color:#ffffff;
	/* background: url('../images/banner/img_bg_top.png') no-repeat center center;
	background-size:cover;
	display: flex;
	justify-content: center;
	align-items: center; */
}
.swiper-container,
.swiper-wrapper ,
.swiper-slide {
	width:100%;
	height:100%;
}
.banner1,
.banner2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner1 {
	background: url('../images/banner/img_bg_top.png') no-repeat center center;
	background-size:cover;
}
.banner2 {
	background: url('../images/banner/img_bg_top2.png') no-repeat center center;
	background-size:cover;
	cursor: pointer;
	z-index: 111;
}
.banner .banner-word {
	width:842.6px;
	height:260px;
	
	animation:mymove 1.5s;
	animation-iteration-count:1;
	animation-fill-mode:none;

	/* Safari 和 Chrome */
	-webkit-animation:mymove 1.5s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:none;
}

@keyframes mymove
{
	from {margin-left:-9999px;}
	to {margin-left:0px;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
	from {margin-left:-9999px;}
	to {margin-left:0px;}
}

.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  margin: 0 auto;
  left:0;
  right:0;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  border:1px solid rgba(34,34,34,0.8);
  margin-right: 10px;
  opacity: 0.8;
  cursor: pointer;
}

.banner-swiper .swiper-pagination-switch  {
	width:24px;
	height:8px;
	border-radius: 4px;
	opacity: 0.4;
}
.banner-swiper .swiper-active-switch {
	background-color: #FFFFFF;
	opacity: 1;
}
.banner-swiper .swiper-pagination {
	bottom:50px !important;
}
.iphone-swiper .swiper-pagination-switch {
	opacity: 0.4;
}
.iphone-swiper .swiper-active-switch {
	background-color: #0CAACB;
	border:1px solid #0CAACB;
	opacity: 1;
}
.aboutAs {
	padding:120px 0 10px;
}
.aboutAs .left_bg {
	width:540px;
	height:338px;
	background: url('../images/aboutAs/aboutAs.png') no-repeat center center;
	background-size: cover;
	display: inline-block;
	vertical-align: top;
	margin-right: 80px;
}
.aboutAs .right-content {
	display: inline-block;
	width:calc(100% - 640px);
}
.aboutAs .right-content .word-list {
	margin-bottom: 22px;
	font-size: 16px;
	line-height: 1.5;
}
.product {
	padding:110px 0 10px;
}
.product .product-list {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}
.product-list .item-list {
	perspective:800px;/*perspective属性定义3D元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。*/
	-webkit-perspective:800px;
	-moz-perspective:800px;
	-ms-perspective:800px;
	-o-perspective:800px;
}
.product-list .flip {
    transition: all 0.4s ease; /*为翻牌添加过渡效果*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transform-style: preserve-3d; /*子元素将保留其 3D 位置。*/
	-moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;    
    -ms-transform-style: preserve-3d;               
    -o-transform-style: preserve-3d;   
	
	position: relative;
	width: 150px;
    height: 150px;
    margin-bottom: 30px;
}
.product-list .item-list .item-bg {
	width:150px;
	height: 150px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	/* transition: background-image 0.3s; */
	position: absolute;/*让背面和正面重叠*/
    left: 0;
    top: 0;
    font-size: 16px;
    color:#fff;
    text-align: center;
}

.back{
	/*背对屏幕时隐藏*/
/* 	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden; */
	visibility: hidden;
	
	transform:rotateY(180deg);(180);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
}
.item-list:hover .flip {
	transform:rotateY(180deg);(180);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
}  
.item-list:hover .flip .back {
	visibility: visible;
}
.item-list:hover .flip .front {
	visibility: hidden;
}

.product-list .item-list .item1 {
	background-image: url('../images/product/img_jc_normal.png');
}
.product-list .item-list .item1-hover {
	background-image: url('../images/product/img_jc_foucs.png');
}
.product-list .item-list .item2 {
	background-image: url('../images/product/img_js_normal.png');
}
.product-list .item-list .item2-hover {
	background-image: url('../images/product/img_js_foucs.png');
}
.product-list .item-list .item3 {
	background-image: url('../images/product/img_ly_normal.png');
}
.product-list .item-list .item3-hover {
	background-image: url('../images/product/img_ly_foucs.png');
}
.product-list .item-list .item4 {
	background-image: url('../images/product/img_pt_normal.png');
}
.product-list .item-list .item4-hover {
	background-image: url('../images/product/img_pt_foucs.png');
}
.product-list .item-list .item-title {
	font-size:24px;
	margin-bottom: 28px;
}

.platform {
	padding:120px 0 0;
}
.platform .title {
	margin-bottom: 120px;
}
.platform .platform-content {
	background-color: #EFF8FA;
	padding:80px 0;
}
.platform .platform-content .content ,
.platform .platform-p.content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.platform .yjsb {
	width:227px;
	height:380px;
	margin-top: -174px;
}
.platform .platform-content .sb_bg {
	width:280px;
	height:240px;
	display: block;
	margin-bottom: 16px;
}
.platform .platform-content .pcpadapp {
	width:895px;
	height:454px;
}
.platform .rjxt {
	width:223px;
	height:380px;
}
.platform .dxal {
	width:250px;
	min-width: 250px;
	height:380px;
	margin-top: -402px;
}
.platform .ptfu {
	width:226px;
	height:380px;
}

.platform .platform-p {
	padding: 120px 0 180px;
}

.platform .platform-banner {
	height:800px;
	background: url('../images/platform/banner.png') no-repeat center center;
	background-size: cover;
	color:#ffffff;
}
.platform .platform-banner .tdyyy {
	width:236px;
	height:380px;
	margin-top: -56px;
}

.platform .platform-banner .trait-content {
	display: flex;
	justify-content: space-between;
}	
.platform .platform-banner .trait-list {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width:630px;
	margin-top: 100px;
}
.platform .platform-banner .trait-list .trait-item {
	display: flex;
	margin-bottom: 34px;
}
.platform .platform-banner .trait-list .trait-word {
	width:184px;
	color:rgba(255,255,255,0.6);
	margin-left: 14px;
	line-height: 1.5;
}
.platform .platform-banner .trait-list .trait-word .title {
	font-size: 18px;
	margin-bottom: 20px;
	color:rgba(255,255,255,1);
	margin-top: 16px;
}
.platform .platform-banner .trait-list .trait-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width:72px;
	height:62px;
	transition: background-image 0.5s;
} 
.platform .platform-banner .trait-list .trait1 {
	background-image: url('../images/platform/icon_jk_normal.png');
}
.platform .platform-banner .trait-list .trait1:hover {
	background-image: url('../images/platform/icon_jk_foucs.png');
}
.platform .platform-banner .trait-list .trait2 {
	background-image: url('../images/platform/icon_wb_normal.png');
}
.platform .platform-banner .trait-list .trait2:hover {
	background-image: url('../images/platform/icon_wb_foucs.png');
}
.platform .platform-banner .trait-list .trait3 {
	background-image: url('../images/platform/icon_ls_normal.png');
}
.platform .platform-banner .trait-list .trait3:hover {
	background-image: url('../images/platform/icon_ls_foucs.png');
}
.platform .platform-banner .trait-list .trait4 {
	background-image: url('../images/platform/icon_jb_normal.png');
}
.platform .platform-banner .trait-list .trait4:hover {
	background-image: url('../images/platform/icon_jb_foucs.png');
}

.platform .platform-banner .func-list {
	display: flex;
	justify-content: space-between;
	margin-top:65px;
}
.platform .platform-banner .func-list .func {
	width:200px;
	height:200px;
	background:rgba(255,255,255,0.2);
	border-radius:20px;
	text-align: center;
	padding: 48px 22px 20px 22px;
	font-size: 14px;
	line-height: 1.5;
	transition: background-color 0.5s;
}
.platform .platform-banner .func-list .func:hover {
	background-color: #0CAACB;
}
.platform .platform-banner .func-list .func .func-title {
	font-size: 22px;
	font-weight:400;
	margin-bottom: 38px;
}
.platform .case-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	flex-wrap:wrap;
	margin-left: 109px;
}
.platform .case-list .case-item {
	margin-bottom: 30px;
}
.platform .case-list .case_bg {
	width:240px;
	height:180px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 20px;
	transition: all 0.3s;
}
.platform .case-list .case1 {
	background-image: url('../images/platform/img_case_image01.png');
}
.platform .case-list .case2 {
	background-image: url('../images/platform/img_case_image02.png');
}
.platform .case-list .case3 {
	background-image: url('../images/platform/img_case_image03.png');
}
.platform .case-list .case4 {
	background-image: url('../images/platform/img_case_image04.png');
}
.platform .case-list .case5 {
	background-image: url('../images/platform/img_case_image05.png');
}
.platform .case-list .case6 {
	background-image: url('../images/platform/img_case_image06.png');
}

.platform .case-list .case_bg:hover{
	transform: scale(1.1);
	cursor: pointer;
}
.platform-hw {
	height:910px;
	background: url('../images/down/img_lsbej.png') no-repeat top center;
	background-size: 100% 100%;
	font-size: 52px;
	color:#ffffff;
	box-sizing: border-box;
	position: relative;
}
.platform-hw .platform-p {
	padding: 90px 0 180px;
}
.platform-hw p {
	margin-bottom:36px;
}
.platform-hw .content {
	position: relative;
}
.platform-hw .iphone {
	position: absolute;
	width:342px;
	height:790px;
	top:0px;
	right:0;
	background: url('../images/down/icon_iphone.png') no-repeat center center;
	background-size: cover;
}
.platform-hw .iphone .iphone-lb {
	width:308px;
	height:566px;
	position: relative;
	top: 56px;
	left: 15px;
}
.platform-hw .iphone .iphone-lb img {
	width:100%;
	height:100%;
}
.platform-hw .ljxx {
	width:223px;
	height:83px;
	cursor: pointer;
	margin-left: 100px;
	vertical-align: middle;
}
.platform-hw .shebei-name {
	width:561px;
	font-size: 30px;
	margin-top: -12px;
	margin-bottom: 40px;
}
.platform-hw .shebei {
	display: block;
	width:561px;
	height:225px;
}
.platform-hw .qrcode {
	vertical-align: middle;
	width:160px;
	height:190px;
}
.platform-list {
	padding:100px 0 20px;
}
.platform-list .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.platform-list .c-list {
	width:240px;
	text-align: center;
	color:#333333;
}
.platform-list .c-list .c-title {
	font-size: 18px;
	margin-bottom: 30px;
}
.platform-list .c-list .icon_down {
	width:120px;
	height:120px;
	margin-bottom:26px;
}

.fk {
	padding:100px 0 118px;
}
.fk .fk-equipment {
	margin-top: 100px;
}
.fk .fk-equipment .title .text ,
.fk-blue .title .text,
.scene-content .title .text ,
.field .title .text ,
.typicalCase .title .text{
	font-size: 20px;
}
.fk .equipment-list {
	display: flex;
	justify-content: space-between;
}
.fk .equipment-list .equipment-bg {
	width:200px;
	height:200px;
	display: inline-block;
	vertical-align: top;
}
.fk .equipment-list .equipment-word {
	display: inline-block;
	font-size: 20px;
	margin-left: 20px;
}
.fk .equipment-list .equipment-word p {
	margin-bottom: 10px;
}
.fk .equipment-list .equipment-word p:last-of-type {
	color:#666666;
}
.fk-blue {
	background-color: #EFF8FA;
}
.fk .xt_bg {
	width:986px;
	height:413px;
	display: block;
	margin: 0 auto;
}
.scene-content {
	padding:100px 0 95px;
	font-size: 18px;
	background: url('../images/scene/img_bg_yycj01.png') no-repeat center center;
	background-size: cover;
}
.scene-content .title {
	font-size:20px;
	color:#ffffff;
}
.scene-content .scene-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
	color:#ffffff;
}
.scene-content .scene-list .scene-bg {
	width:180px;
	height:180px;
	margin-bottom: 30px;
	transition: all 0.3s;
}
.scene-content .scene-list .scene-bg:hover {
	transform: scale(1.1);
}
.field {
	padding:120px 0 140px;
}
.field .lingyu-bg {
	width:1200px;
	height:370px;
	margin-top: 80px;
}
.typicalCase {
	background-color: #EFF8FA;
	padding:90px 0 68px;
}
.typicalCase .typicalCase-list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
}
.typicalCase .typicalCase-list .typicalCase-item {
	width:370px;
	height:240px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all 0.3s;
}
.typicalCase .typicalCase-list .typicalCase-item:hover {
	transform: scale(1.1);
}
.typicalCase .typicalCase-list .typicalCase-item p {
	color:#ffffff;
	font-size:16px ;
	background:rgba(0,0,0,1);
	opacity:0.5;
	height:40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	width:100%;
	bottom:0;
}
.typicalCase1 {
	background-image: url('../images/typicalCase/img_case2_1.png');
}
.typicalCase2 {
	background-image: url('../images/typicalCase/img_case2_2.png');
}
.typicalCase3 {
	background-image: url('../images/typicalCase/img_case2_3.png');
}
.typicalCase4 {
	background-image: url('../images/typicalCase/img_case2_4.png');
}
.typicalCase5 {
	background-image: url('../images/typicalCase/img_case2_5.png');
}
.typicalCase6 {
	background-image: url('../images/typicalCase/img_case2_6.png');
}
.join {
	background: url('../images/join/img_bg_contact.png') no-repeat center center;
	background-size:cover;
	padding:150px 0 100px;
	color:#ffffff;
}
.join .img-word {
	width:488px;
	display: block;
	margin: 116px auto;
}
.join .join-list {
	display: flex;
	justify-content: space-around;
	text-align: center;
}
.join .join-list .join-bg {
	width:100px;
	height:100px;
	margin-bottom: 30px;
	transition: all 0.3s;
}
.join .join-list .join-bg:hover{
	cursor: pointer;
	transform: translateY(-5px);
}
.join .join-list p {
	margin-bottom: 6px;
	font-size: 16px;
	line-height: 1.5;
	cursor: pointer;
}
.join .join-list p:hover {
	color:#0CAACB;
}

.title {
	margin-bottom: 50px;
}
.title .text {
	display: block;
	font-size:30px;	
	margin-bottom: -6px;
}
.title .link {
	width:60px;
	height:4px;
	background-color: #0CAACB;
	display: inline-block;
}
.title .small-link {
	width:40px;
	height:2px;
	background-color: #0CAACB;
	display: inline-block;
}
.textIndent{
	text-indent:35px
}
.algin-center {
	text-align: center;
}
footer {
	height:50px;
	line-height: 50px;
	background-color:#232526;
	color:#ffffff;
	text-align: center;
}
.a-blank {
	color:#ffffff;
	text-decoration: none;
}
.a-blank:hover {
	text-decoration: underline;
}