.top{
	background: url(../../pic/coo_top_banner.jpg) no-repeat;
	background-size: cover;
}
.wisdomcircle{
	background: url(../../pic/wisdomcircle_banner.jpg) no-repeat;
	background-size: cover;
}
.smartcommunity{
	background: url(../../pic/smartcommunity_banner.jpg) no-repeat;
	background-size: cover;
}
.share{
	background: url(../../pic/share.png) no-repeat;
	background-size: cover;
}


.part1{
	padding-top: 70px;
}
.part1 p.title{
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-bottom: 44px;
}
.number{
	display: table;
	margin: auto;
}
.number li{
	display: table-cell;
	position: relative;
	width: 280px;
	height: 220px;
	text-align: center;
	vertical-align: middle;
	font-size: 26px;
	color: #666;
}
.number li .box {
	width: 235px;
	position: relative;
	margin: auto;
	margin-top: -30px;
}
.number li .box p{
	font-size: 72px;
	font-family: Impact;
	color: #3d94e0;
	position: relative;
}
.number li .box p sub{
	position: relative;
	bottom: 20px;
	font-size: 30px;
	font-family: "Microsoft YaHei";
	right: 0px;
}
.number li .box i{
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -95px;
	display: block;
	background: rgba(255,255,255,0.2);
	width: 190px;
	height: 30px;
}
.number li .box span{
	position: relative;
}
.number li .box span:after{
	content: '';
	position: absolute;
	bottom: -30px;
	border-bottom: 2px solid #666;
	width: 20px;
	left: 50%;
	margin-left: -10px;
}
.number li .opa{
	box-sizing: border-box;
	position: absolute;
	top: 0;
	display: none;
	background: rgba(0,0,0,0.7);
	color: #fff;
	width: 100%;
	height: 220px;
	overflow: hidden;
}
.number li .opa .percent{
	padding-top: 25px;
	padding-left: 30px;
	float: left;
	text-align: left;
	width: 100px;
}
.number li .opa .percent i{
	font-size: 14px;
	display: block;
	font-style: normal;
}
.number li .opa .percent span {
	display: block;
	width: 80px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 30px;
	font-family: Impact;
	border-bottom: 1px solid #fff;
}
.number li .opa .percent span em{
	display: inline-block;
	margin-left: 5px;
	font-style: normal;
	font-size: 16px;
	font-family: "Microsoft YaHei";
}
.number li .opa .word{
	font-size: 18px;
	text-align: left;
	padding: 40px 20px;
	line-height: 1.8;
}
.number li:hover .opa{
	display: block;
	cursor: default;
}
.part {
	margin-top: 65px;
}
.part p.title{
	position: relative;
	font-size: 32px;
	color: #333;
	text-align: center;
}
.part p.title:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -23px;
	margin-left: -35px;
	width: 70px;
	height: 2px;
	background: #0F80E5;
}
.part.mt0{
	margin-top: 0;
}
.cooperation{
	margin-top: 40px;
	padding: 50px 0 0px 0;
	overflow: hidden;
	background: #f8f8f8;
}
.cooperation .cooperWp{
	overflow: hidden;
	padding: 90px 20px;
	background: url(../images/cooperate_bg2.png) no-repeat left center;
	background-size: contain;
}
.cooperation .solution{
	box-sizing: border-box;
	width: 550px;
	height: 320px;
	box-shadow: 1px 1px 20px #e1e1e1;
	border: 1px solid #e1e1e1;
	float: left;
}

.cooperation .solution:hover{
	border: 1px solid #6DB2EF;
	box-shadow: 0px 0px 20px #6DB2EF;
}
.cooperation .solution:hover .open-ul li a .cicle{
	margin: 12px auto;
	border: 1px solid #e1e1e1;
	height: 68px;
	width: 68px;
	border-radius: 100%;

}
.cooperation .solution:hover .open-ul li a:hover .cicle{
	margin: 12px auto;
	height: 68px;
	width: 68px;
	border: 1px solid #6DB2EF;
	border-radius: 100%;
	box-shadow: 0px 0px 10px #6DB2EF;
}
.cooperation .solution:first-child{
	margin-right: 60px;
}
.open{
	display: table;
	width: 100%;
	height: 100%;
	background: #fff;
}
.open-tit{
	width: 100%;
	background: #6DB2EF;
	text-align: center;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	overflow: hidden;
}
.open .open-tit .title{
	font-size: 28px;
	line-height: 1.8;
}

.open .open-tit p{
	font-size: 16px;
	opacity: 0.8;
}
.open-ul{
	display: table;
	overflow: hidden;
	width: 100%;
	height: 185px;
	background: #fff;
	margin: auto;
}
.open-ul li{
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	text-align: center;
	font-size: 16px;
}
.open-ul li a {
	display: block;
	margin: auto;
	/* background: red; */
}
.open-ul li a .cicle{
	width: 68px;
	height: 68px;
	margin: 12px auto;
	border-radius: 100%;
	border: 1px solid #fff;
}
.open-ul li a .cicle i{
	display: block;
	background: url(../images/icon1.png) no-repeat center;
	background-size: cover;
	height: 38px;
	margin: 15px auto;
	font-size: 18px;
}
.open-ul li:nth-child(1) a .cicle i{
	background-position: 0 0;
	width: 36px;
	height: 38px;
}
.open-ul li:nth-child(2) a .cicle i{
	background-position: -36px 0;
	width: 38px;
}
.open-ul li:nth-child(3) a .cicle i{
	background-position: -80px 0;
	width: 38px;
}
.open-ul li:nth-child(4) a .cicle i{
	background-position: -120px 0;
	width: 33px;
}

.open-ul li.five a .cicle i{
	background-position: -157px 0;
	width: 38px;
}
.open-ul li.six a .cicle i{
	background-position: -197px 0;
	width: 38px;
}
/*.open-ul li a:hover .cicle{
	margin: 12px auto;
	height: 68px;
	width: 68px;
	border: 1px solid #6DB2EF;
	border-radius: 100%;
	box-shadow: 0px 0px 10px #6DB2EF;
}*/
.fast{
	margin-top: 80px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
.fast .access{
	box-sizing: border-box;
	padding: 60px 40px;
	float: left;
	width: 550px;
	box-shadow: 1px 1px 20px #e1e1e1;
	border: 1px solid #f3f3f3;
	font-size: 16px;
	color: #666;
	text-align: center;
	z-index: 10;
}
.fast .access:hover{
	border: 1px solid #6DB2EF;
	box-shadow: 0px 0px 10px #6DB2EF;
	cursor:pointer;
}
.mr60{
	margin-right: 60px;
}

.access img{
	display: block;
	margin: auto;
	margin-bottom: 30px;
	width: 75px;
	height: 84px;
}
.access p.title{
	font-size: 42px;
	margin-bottom: 10px;
}
.access p.desc{
	line-height: 30px;
}
.choose{
	margin-top: 80px;
	box-sizing: border-box;
	/* padding-top: 50px; */
	background: url(../../pic/saas_welcome_banner.jpg) no-repeat;
	background-size: cover;
	height: 520px;
	overflow: hidden;
}
.reasonWp{
	display: table;
	color: #fff;
	height: 410px;
}
.reason{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 25%;
}
.reason p{
	width: 220px;
	margin: auto;
}
.reason img{
	/* width: 72px; */
	/* height: 72px; */
	margin-bottom: 30px;
}
.reason p.title{
	font-size: 26px;
	margin-bottom: 10px;
}
.reason p.desc{
	font-size: 16px;
	line-height: 28px;
	opacity: 0.7;
}
.stepWp{
	position: relative;
	display: table;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}
.stepWp .line{
	position: absolute;
	top: 41px;
	left: 90px;
	height: 16px;
	width: 960px;
	background: url(../../pic/line.png) repeat-x left center;

}
.stepWp .step{
	display: table-cell;
	vertical-align: middle;
	z-index: 1;
}
.stepWp .step i{
	display: block;
	margin: auto;
	font-size: 60px;
	font-family: Impact;
	color: #F9C741;
	background: #fff;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 100%;
	font-style: normal;
}
.stepWp .step p{
	font-size: 16px;
	color: #666;
	text-align: center;
}
.stepWp .step img{
	vertical-align: middle;
}

/**********wisdomcircle css***************/
.industryWp{
	margin-top: 80px;
	display: table;
	overflow: hidden;
	width: 1200px;
}
.industry {
	width: 460px;
	display: inline-block;
	margin-left: 70px;
	padding: 35px 0;
	overflow: hidden;
	box-sizing: border-box;
	/* background: green; */
	padding-bottom: 0;
}
.industryWp img{
	display: inline-block;
	float: left;
}
.industry dt{
	font-size: 24px;
	color: #0c7fe5;
	margin-bottom: 10px;
}
.industry dd{
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}
.industry dd.mb60{
	margin-bottom: 60px;
}
.industry dd:last-child{
	margin-bottom: 0;
}
.worthWp{
	display: table;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 110px;
}
.worthWp .worth{
	display: table-cell;
	text-align: center;
}
.worthWp .border{
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
}
.worthWp .worth p.title{
	font-size: 30px;
	color: #333;
	margin-bottom: 10px;
}
.worthWp .worth p.desc{
	font-size: 16px;
	line-height: 24px;
	color: #666;
}

.businessWp{
}
.businessWp .ulWp {
	display: table;
	background: #f8f8f8;
	width: 100%;
	/* margin: 0 auto; */
	height: 380px;
	overflow: hidden;
	margin-top: 40px;
}
.businessWp .ulWp ul{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.ulWp ul li{
	display: inline-block;
	position: relative;
	margin: 0 10px;
	width: 275px;
	height: 240px;
	font-size: 24px;
	color: #666;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 0px 20px #e1e1e1;
	line-height: 10px;
}
.ulWp ul li img{
	display: block;
	margin: 45px auto;
}
.ulWp ul li:hover{
	border: 1px solid #94C6F3;
	box-shadow: 0px 0px 20px 0px #94C6F3;
}

.ulWp ul li.hover{
	border: 1px solid #94C6F3;
	box-shadow: 0px 0px 20px 0px #94C6F3;
}
.ulWp ul li.hover:after{
	content: '';
	position: absolute;
	bottom: -70px;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 30px solid #ffffff;
	left: 50%;
	margin-left: -25px;
}

.suctionCap{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	color: #999;
	font-size: 20px;
	display: none;
	z-index: 10;
	border-bottom: 1px solid #ccc;
}
.suctionCap ul{
	margin: 0 auto;
	text-align: center;
}
.suctionCap ul li{
	display: inline-block;
	width: 140px;
	text-align: center;
	cursor: pointer;
}
.capUL li.hover{
	position: relative;
	color: #383838;
}
.capUL li.hover:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	border-bottom: 3px solid #94C6F3;
}
.contentWp{margin-top: 40px;}
.contentWp .content{
	padding: 30px 100px;
	display: none;
	position: relative;
}
.contentWp .content:first-child{
	display: block;
}
.content{

}
.content p.title{
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 40px;
}
.content .canDo .doSpan{
	display: inline-block;
	font-size: 24px;
	color: #333;
	line-height: 48px;
	vertical-align: top;
	width: 160px;
	text-align: right;
	padding-right: 40px;
}
.content .canDo .box{
	display: inline-block;
	position: relative;
	width: 670px;
}

.canDo .box p.tit{
	position: relative;
	padding-left: 40px;
	font-size: 18px;
	color: #333;
	line-height: 48px;
}
.canDo .box p.tit:before{
	content: '';
	position: absolute;
	left: -12px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 2px solid #6db2ef;
}
.canDo .box p.tit2{
	position: relative;
	padding-left: 40px;
	font-size: 18px;
	color: #333;
	line-height: 48px;
}
.canDo .box .desc{
	position: relative;
	padding-bottom: 40px;
	padding-left: 40px;
	font-size: 16px;
	color: #666;
	line-height: 28px;
	border-left: 2px dashed #6db2ef;
}
.canDo .box .desc .con{
	text-align: left;
}
.canDo .box .desc p.tit2{
	position: relative;
	 padding-left: 0; 
	font-size: 18px;
	color: #333;
	line-height: 48px;
}
.case{
	margin-top: 80px;
	display: table;
	padding: 0;
	overflow: hidden;
}
.case p{
	display: inline-block;
	margin: 0 20px;
	width: 555px;
	text-align: center;
	font-size: 24px;
	color: #333;
}
.case p img{
	width: 555px;
	height: 290px;
}
.fixed{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.bigdataArea{ background: #041527; padding: 0; overflow: hidden; margin-top: 20px; }
.bigdataArea .title {
	background-color: #fff;
    position: relative;
    font-size: 32px;
    color: #333;
    
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 0 60px;
}
.bigdataArea .title:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 35px;
    margin-left: -35px;
    width: 70px;
    height: 2px;
    background: #0F80E5;
}
.bigdataAreaTips{ position: absolute; right: 0; bottom:10px; color: #777; }
	.bigdataArea .lt{ width: 65%; float: left; position: relative;}
	.bigdataArea .rt{ width: 33%; float: right; }
	.bigdataArea .swiper-container {
	    width: 100%;
	 	height:560px;
	}
	.bigdataArea .swiper-slide {text-align: center;font-size: 16px;  }
	.ycclMod .swiper-slide{width: 380px; padding: 0 5px;}
	.bigdataArea .arrow-left, .bigdataArea .arrow-right {position: absolute;top: 50%;width: 27px;height: 50px;
	    margin-top: 22px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;}
	.bigdataArea .arrow-left {
	    background: url("../images/index_list_btn.png") center no-repeat; background-size: 70% auto; right: 10px;left: auto;}
	.bigdataArea .arrow-right{
	    background: url("../images/index_list_btn2.png") center no-repeat; background-size: 70% auto; left: 10px;right: auto;}	


	.bigdataArea .arrow-left2, .bigdataArea .arrow-right2 {position: absolute;top: 40%;width: 22px;height: 40px;
	    margin-top: 0px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;}
	.bigdataArea .arrow-left2 {
	    background: url("../images/index_list_btn.png") center no-repeat; background-size: 70% auto; right: 10px;left: auto;}

	.bigdataArea .arrow-right2{
	    background: url("../images/index_list_btn2.png") center no-repeat; background-size: 70% auto; left: 10px;right: auto;}	
	.bigdataArea .pagination {position: absolute;z-index: 20;right: 55px;bottom: 15px;}
	.bigdataArea .swiper-pagination-switch {
	  display: inline-block;
	  width: 8px;
	  height: 8px;
	  border-radius: 8px;
	  background: #2a2b2e;
	  margin-right: 8px;
	  opacity: 0.8;
	  cursor: pointer;
	}
	.bigdataArea .swiper-active-switch {background: #fff;}
	.bigdataArea .swiper-container .title{ font-size: 18px; color: #fff; text-align: center; margin: 20px 0 20px; }
	.bigdataArea .swiper-container .p1{color: #fff600; font-size: 28px; margin-top: 15px; text-align: left; text-indent: 50px;}
	.bigdataArea .swiper-container .p2{color: #fff; font-size: 18px; text-align: left;margin:5px 0 20px; text-indent: 50px;}
	.bigdataArea .swiper-container .img{ width: 86%; margin: 0 auto; height: 415px; overflow: hidden; }
	.bigdataArea .swiper-container .img img{width: 100%; height: 100%;}
	.bigdataArea .mod{ width: 100%;padding-bottom: 5px; }
	.bigdataArea .mod .hd{ font-size:16px; line-height: 25px; text-align: center; color: #fff; margin-top: 10px; }
	.bigdataArea .mod1{width: 50%; float: left;}
	.bigdataArea .mod .hd1{ font-size:14px; line-height: 20px; text-align: center; color: #fff; margin-top: 5px; }
	.bigdataArea .mod .hd1 span{ display: inline-block; width: 5px;height: 10px; background-color: #ccc; margin: 0 5px; }

	.bigdataArea .mod .hd1 img{ vertical-align: middle; margin: 0 3px 0 0px; width: 16px; }
	.bigdataArea .line{ height: 12px; background: #2a2b2e;width: 100%; overflow: hidden; clear: both; }

	.bigdataArea .ycclMod{ width: 440px;height: 230px; position: relative; z-index: 10; margin:-80px 0 20px 50px; z-index: 100;   color: #c8c8c8;}
	.bigdataArea .ycclModBg{ width: 440px;height: 245px; opacity: 0.5;background: #020810; position: absolute; left: 0; top:0;  }
	.bigdataArea .ycclMod .hd{ margin: 14px 0 4px; }
	.bigdataArea .ycclMod h2 ,.bigdataArea .ycclMod h3{ font-size: 14px; line-height: 26px; font-weight: normal; text-indent: 15px; text-align: left;}
	.bigdataArea .ycclMod h2 span{ font-size: 12px; color: #00ff24; }
	.bigdataArea .ycclMod ul{ margin: 6px 0 0 0px; }
	.bigdataArea .ycclMod li {width: 100%;overflow: hidden;}
	.bigdataArea .ycclMod li span{ display: inline-block; line-height: 26px; font-size: 14px; float: left; }
	.bigdataArea .ycclMod li span.stime{ width: 20%;  }
	.bigdataArea .ycclMod li span.splate{ width: 20%;  }
	.bigdataArea .ycclMod li span.splatelogo{ width: 21%;  }
	.bigdataArea .ycclMod li span.spark{ width: 34%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;  }

	.bigdataArea  .payMod2{ width: 42%; margin: 0 1% 0 3% }
	.bigdataArea  .payMod2 img{ width: 82%; margin-top: 26px; }
	
	.bigdataArea  .carrankMod2{ width: 52%; }
	.bigdataArea  .carrankMod2 img{ width: 95%; margin-top: 10px; }
	
	.bigdataArea .fwczMod .hd{ line-height: 30px; margin-bottom: 5px; }
	.bigdataArea .fwczMod .hd1{margin-top: 0; color: #c8c8c8; text-align: left;}
	.bigdataArea .fwczMod .hd1 span{ display: inline-block; width: 5px;height: 10px; background-color: #ccc; margin: 0 5px; }
	.bigdataArea .parkingMod2{ width: 55%; }
	.bigdataArea .parkingMod2 .hd1{ padding-left: 10px; text-align: left; }
	.bigdataArea .parkingMod3 .hd1{ padding-left: 0px; text-align: left; }
	.bigdataArea .parkingMod2 li{margin: 9px 0 9px;}
	.bigdataArea .parkingMod2 li .line{ width: 70%; position: relative; height: 5px; top:-2px; display: inline-block; background: #192027; overflow: hidden;}
	.bigdataArea .parkingMod2 li .name{ width: 22%; display: inline-block; color: #8e9195; text-align: right; padding-right: 3px;}
	.bigdataArea .parkingMod2 li .linebg{background: #e3b645;display: inline-block; float: left; height: 5px;}
	.bigdataArea .parkingMod3{ width: 40%;color: #8e9195; float: right;}
	.bigdataArea .parkingMod3 h3{ font-weight: normal; line-height: 26px; }
	.bigdataArea .parkingMod3 li{ line-height: 22px; }
	.bigdataArea .parkingMod3 li .name{ width: 38%; display: inline-block; }
	.bigdataArea .parkingMod3 li .price{width: 30%; text-align: right; display: inline-block; }
	.bigdataArea .fgccMod .ft ul{ width: 100%; padding-bottom: 10px; float: left; }
	.bigdataArea .fgccMod .ft li{ width: 50%; float: left; line-height: 20px;color: #c0c2c5; }
	.bigdataArea .fgccMod .csfbMod1 .ft li{ width: 33%; float: left; line-height: 20px;color: #c0c2c5; }

	.bigdataArea .fgccMod .ft li span{ width: 8px;height: 8px; border-radius: 8px; background-color: #ccc; display: inline-block; margin: 2px 6px 0 10px; }
	.bigdataArea .fgccMod .ft li:nth-child(1) span{background-color: #c12e34}
	.bigdataArea .fgccMod .ft li:nth-child(2) span{background-color: #e6b600}
	.bigdataArea .fgccMod .ft li:nth-child(3) span{background-color: #0098d9}
	.bigdataArea .fgccMod .ft li:nth-child(4) span{background-color: #2b821d}
	.bigdataArea .fgccMod .ft li:nth-child(5) span{background-color: #005eaa}
	.bigdataArea .fgccMod .ft li:nth-child(6) span{background-color: #339ca8}
	.bigdataArea .fgccMod .ft li:nth-child(7) span{background-color: #c12e34}
	.bigdataArea .fgccMod .ft li:nth-child(8) span{background-color: #e6b600}
	.bigdataArea .fgccMod .ft li:nth-child(9) span{background-color: #0098d9}
	.bigdataArea .swiper-container2{ width: 88%; margin: 0 auto; overflow: hidden; }
	.bigdataArea .js-slide-list,.bigdataArea .js-slide-list2{ height: 105px; overflow: hidden; }
	.bigdataAreaLine{ float: right; width: 12px; height: 733px;background-color: #2a2b2e
		; }