.content .zntitle {
	font-size: 1.7em;
	text-align:center;
	padding:30px 0 0 0;
}
.content .entitle {
    width: 390px;
    margin: 0 auto;
    height: auto;
    padding: 1em 0 30px 0;
    overflow: hidden;
}
.content .entitle .Line {
	width: 20%;
	height:2px;
	margin-top:16px;
	border-top:1px solid #ccc;
}
.content .entitle .Middle {
	height: 2em;
    width: 58%;
	border: 0.1em solid #ccc;
	text-align:center;
	line-height: 2em;
}
.content .leftcont {
	width:49%; 
	padding-top:15px
}
.content .leftcont .lefttp {
	background:url(../images/index3a.png) no-repeat center center;
	width:49%;
	height:234px;
}
.content .leftcont .righttp {
	background:url(../images/index3b.png) no-repeat center center;
	width:49%;
	height:234px
}
/*产品开始*/
.indexproduct{height:auto;width: 100%;background-color:#00a0e8;padding-bottom:55px;}
.indexproduct .productbox {width: 1000px;height: 100%;margin:0 auto;}
.producttop{font-size: 1.375em;color: #fff;text-align: center;}
.product-title { width:390px;margin:0 auto;height:auto;padding: 1em 0 0 0;overflow:hidden;}
.product-title .line {width: 20%;height:2px; margin-top:16px;border-top:1px solid #fff;}
.product-title .middle {height: 2em; width: 59%; border: 0.1em solid #fff; text-align:center; line-height: 2em; color:#fff;}
.product-cont-top{height:auto;width:100%;}
.indexproduct .product-cont{height:322px;font-size: 1.375em;color: #00a0e8;text-align: center;}
.indexproduct .list{color:#333;width:180px;height:270px;background-color:#fff;padding-top:2.5em;text-align:center;margin-left:20px;}
.indexproduct .list:hover{background-color:#00a0e9;color:#ffffff;width:176px;border:2px solid #ffffff;}
.indexproduct .list .title{font-size: 1.5em;}
.indexproduct .list p{font-size: 0.875em;margin: 1em 0 2.5em 0;}
.indexproduct .list .img{width: 5em;height:5em;margin: 0 auto;
animation-iteration-count: 1; /*动作循环的次数：infinite 无限循环*/
   animation-duration: 1s; /*动画时间*/
  animation-fill-mode: both; /*播放后的状态*/
}
.indexproduct .list:hover .img{
 animation-name:containera; /*动画的名称*/
  transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/ 
  }
  @keyframes containera{
  
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  } 
}
.product-hidden, .indexhidden{display:none;}
.indexproduct .list .m6{background:url(../product/blank/m.png) no-repeat center center;}
.indexproduct .list .app{background:url(../product/blank/app.png) no-repeat center center;}
.indexproduct .list .platform{background:url(../product/blank/0.png) no-repeat center center;}
.indexproduct .list .e{background:url(../product/blank/pc.png) no-repeat center center;}
.indexproduct .list .cloud{background:url(../product/blank/cloud.png) no-repeat center center;}

.indexproduct .list:hover .m6{background:url(../product/white/m.png) no-repeat center center;}
.indexproduct .list:hover .app{background:url(../product/white/app.png) no-repeat center center;}
.indexproduct .list:hover .e{background:url(../product/white/pc.png) no-repeat center center;}
.indexproduct .list:hover .platform{background:url(../product/white/0.png) no-repeat center center;}
.indexproduct .list:hover .cloud{background:url(../product/white/cloud.png) no-repeat center center;}
/**/
.slideProduct{  }
.slideProduct .hd{ }
.slideProduct .nav {border-radius: 8px;box-shadow:2px 2px 8px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);position: absolute;margin-top:84px; left: 15%;width:108px;height:450px;background-color:#ffffff;z-index: 1;}
.slideProduct .hd ul{   }
.slideProduct .hd ul li{ position:relative;cursor:pointer !important; height:75px;line-height: 75px;border-bottom:1px solid #d6d6d6; text-align:center; }
.slideProduct .hd ul li:last-child{border:0;}
.slideProduct .hd ul li.on:first-child {border-top-left-radius: 8px;border-top-right-radius:8px;}
.slideProduct .hd ul li.on:last-child {border-bottom-left-radius: 8px;border-bottom-right-radius:8px;border:0;}
.slideProduct .hd ul li.on{ cursor:pointer !important;background-color:#3f8dfd;color:#ffffff; }
.slideProduct .hd ul li div{
	position: absolute;
    right: -14px;
    width: 14px;
    height: 15px;
    display: block;
    top: 30px;
}
.slideProduct .hd ul li.on .triangle {
	background:url(../product/icon-triangle.png) no-repeat center center;
}
.slideProduct .bd ul{  }
.slideProduct .bd li{  }
.slideProduct .bd .wrapper{display: table;width: 100%;background-repeat: no-repeat;background-position: center;background-size:cover;}
.slideProduct .bd .main{display: table-cell;vertical-align: middle;margin: 0 auto;height:618px;}
.slideProduct .bd .main .title{font-size:3.5rem;font-weight: bold;}
.slideProduct .bd .main .title span{font-size:2.75rem;}
.slideProduct .bd .main .title2{font-size: 1.25rem;margin-top: 0.75rem;margin-left: 0.2rem;}
.slideProduct .bd .function{text-align:center;margin-top:28px;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}
.slideProduct .bd .function div:first-child{width:75px;}
.slideProduct .bd .main .bottom{margin-top:10px;}
.slideProduct .bd .main .bottom div{float:left;cursor:pointer; }
.slideProduct .bd .main .bottom .demo{background-color: #0695f7;line-height: 32px;border-radius: 5px;width: 88px;text-align: center;margin: 12px 0 0 20px;}
.slideProduct .bd .main .bottom .try{background-color: rgba(255, 255, 255, 0);color:#0695f7;border:1px solid #0695f7; line-height: 29px;border-radius: 5px;width: 88px;text-align: center;margin: 12px 0 0 20px;}
.slideProduct .bd .main .bottom .try2{background-color: rgba(255, 255, 255, 0);color:#ffffff;border:1px solid #ffffff; line-height: 29px;border-radius: 5px;width: 88px;text-align: center;margin: 12px 0 0 20px;}
/*解决方案*/
.solution .contianer{width:100%;}
.gray{color:#999999;}
.blue{color:#00a0e8;}
.white{color:white;}