.device1{
	background: url(../iot/images/icon1.png)  no-repeat;
	width: 140px;
	height:140px;
	margin: 0 auto;
}
.device2{
	background: url(../iot/images/icon2.png)  no-repeat;
	width: 140px;
	height:140px;
	margin: 0 auto;
}
.device3{
	background: url(../iot/images/icon3.png)  no-repeat;
	width: 140px;
	height:140px;
	margin: 0 auto;
}
.device4{
	background: url(../images/productimg06.png)  no-repeat;
	width: 102px;
	height:106px;
	margin: 0 auto;
}
.device5{
	background: url(../images/productimg07.png)  no-repeat;
	width: 92px;
	height:109px;
	margin: 0 auto;
}
.device6{
	background: url(../images/productimg08.png)  no-repeat;
	width: 101px;
	height:110px;
	margin: 0 auto;
}
.device7{
	background: url(../images/productimg09.png)  no-repeat;
	width: 92px;
	height:110px;
	margin: 0 auto;
}
.device8{
	background: url(../images/productimg11.png)  no-repeat;
	width: 140px;
	height:178px;
	margin: 0 auto;
}
.device9{
	background: url(../images/productimg12.png)  no-repeat;
	width: 129px;
	height:178px;
	margin: 0 auto;
}
.device10{
	background: url(../images/productimg10.png)  no-repeat;
	width:102px;
	height:94px;
	margin: 0 auto;
}
.device11{
	background: url(../images/productimg13.png)  no-repeat;
	width:120px;
	height:170px;
	margin: 0 auto;
}
.color1296db{
	color: #1296db;
	font-size: 18px;
	font-weight: 700;
}
.wid275{
	width: 275px;
	background: #fff;
	padding: 50px 30px 30px 30px;
}
.padleft-right30{
	padding: 0 30px;
}
.wid640{
	width: 640px;
	background: #107bb3;
	height: 350px;
	color: #fff;
}
.wid155{
	width: 150px;
	background: #f4f4f4;
	height: 350px;
	color: #666;
	font-size: 30px;
	line-height: 350px;
	text-align: center;
	margin-left: 10px;
}
.towbox{
	cursor: pointer;
}
.block-title.active{
	color: #30a5ff;
}
.leftbox{
	width: 200px;
	float: left;
	color: #30a5ff;
	font-size: 14px;
	background: #fff;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	position: fixed;
	left: 200px;
	top: 100px;
}
.onebox{
	float: left;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #30a5ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding-left: 1px;
    cursor: pointer;
}
.height40{
	float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #30a5ff;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    
    text-align: center;
}
.arrow-iocn{
	width: 20px;
	height: 20px;
	/*background: url(../images/aui-icon-top.png)  no-repeat;*/
	float: left;
	margin: 10px;
}
.top-icon{
	background: url(../images/aui-icon-top.png)  no-repeat;
}
.down-icon{
	background: url(../images/aui-icon-down.png)  no-repeat;
}
.rightbox{
		width:1200px;  margin:0px auto;
}
.rightbox-content{
		width:1000px; margin:0px auto; margin-left:200px; 

}
.rightbox-content  h1.title{   text-align: center; font-size:30px; color:#332323;}
.desc_process{
    width: 760px;
    height: auto;
    position: relative;
    margin:50px auto ;
	margin-bottom:0px;
}
.dp_main{
    padding: 10px 75px;
    background-color: #15a3ef;
    color: #FFFFFF;
    font-size: 18px;
    position: absolute;
}
.dp_line_horizontal{
    border-top: 4px solid #373d52;
    position: absolute;
}
.dp_line_horizontal:after{
    width: 8px;
    height: 9px;
    position: absolute;
    right: 0;
    top: -7px;
    display: block;
    background: url("../images/gw_64.png") no-repeat;
    content: "";
}

.dp_explain{
    padding: 10px 26px;
    position: absolute;
    background-color: #babecb;
    color: #4b5063;
    font-size: 18px;
}
.dp_explain:before{
    content: "";
    width: 21px;
    height: 21px;
   /* background: url("../images/gw_65.png") no-repeat;*/
    position: absolute;
    left: 0;
    top: 0;
}
.dp_main1{
    left: 90px;
    top: 0;
}
.dp_line1{
    top: 20px;
    left: 278px;
    width: 45px;
}
.dp_explain1{
    left: 330px;
    top: 0px;
}
.dp_line_vertical{
    border-left: 4px solid #373d52;
    position: absolute;
}
.dp_line_vertical:after{
    width: 9px;
    height: 7px;
    position: absolute;
    bottom: 0;
    left: -7px;
    display: block;
    background: url("../images/gw_66.png") no-repeat;
    content: "";
}
.dp_line2{
    height: 52px;
    left: 184px;
    top: 48px;
}
.dp_main2{
    top: 102px;
    left: 90px;
}
.dp_line3{
    top: 122px;
    left: 278px;
    width: 45px;
}
.dp_explain2{
    left: 330px;
    top: 102px;
}
.dp_line4{
    height: 52px;
    left: 184px;
    top: 148px;
}
.dp_main3{
    padding: 10px 140px;
    top: 202px;
    left: 0;
}
.dp_line5{
    width: 126px;
    top: 222px;
    left: 355px;
}
.dp_explain3{
    width: 264px;
    font-size: 14px;
    top: 155px;
    left: 490px;
    line-height: 20px;
}
.dp_explain3 p{
    text-indent: 2em;
    color: #373d52;
    font-size: 16px;
    margin-bottom: 10px;
}
.dp_line6{
    height: 142px;
    top: 248px;
    left: 86px;
}
.dp_line7{
    height: 46px;
    top: 248px;
    left: 310px;
}
.dp_main4{
    top: 296px;
    left: 204px;
}
.dp_main5{
    top: 392px;
    left: 3px;
    padding: 10px 30px;
}
.dp_line8{
    height: 54px;
    top: 343px;
    left: 312px;
}
.dp_main6{
    top: 399px;
    left: 206px;
    padding: 10px 30px;
}
.dp_line9{
    height: 74px;
    top: 439px;
    left: 87px;
}
.dp_line10{
    height: 20px;
    top: 446px;
    left: 313px;
}
.dp_line10:after{
    width: 0;
    height: 0;
}
.dp_line11{
    width: 125px;
    top: 462px;
    left: 189px;
}
.dp_line11:after{
    width: 0;
    height: 0;
}
.dp_line12{
    height: 50px;
    top: 463px;
    left: 189px;
}
.dp_main7{
    top: 514px;
    left: 28px;
}
.dp_line13{
    width: 55px;
    top: 535px;
    left: 252px;
}
.dp_explain4{
    top: 495px;
    left: 308px;
}
.dp_line14{
    height: 65px;
    top: 560px;
    left:135px;
}
.dp_main8{
    top: 627px;
    left: 28px;
}
.dp_line15{
    width: 55px;
    top: 648px;
    left: 252px;
}
.dp_explain5{
    top: 611px;
    left: 308px;
}
.dp_line16{
    height: 70px;
    top: 674px;
    left: 135px;
}
.dp_main9{
    top: 746px;
    left: 28px;
}
.dp_line17{
    width: 55px;
    top: 768px;
    left: 252px;
}
.dp_explain6{
    top: 726px;
    left: 308px;
}
.dp_line18{
    height: 70px;
    top: 793px;
    left: 135px;
}
.dp_main10{
    top: 864px;
    left: 13px;
}
.dp_line19{
    width: 55px;
    top: 886px;
    left: 273px;
}
.dp_explain7{
    top: 847px;
    left: 331px;
}
.dp_line20{
    height: 70px;
    top: 910px;
    left: 135px;
}
.dp_main11{
    top: 982px;
    left: 28px;
}
/*�ߺ��ƿ�������*/
.desc_step{
    width: 730px;
    height: auto;
    margin: 0px auto 0;
}
.desc_step h3{
    font-size: 16px;
    color: #22293d;
    margin-bottom: 15px;
    margin-top: 60px;
}
.desc_step p{
    font-size: 16px;
    color: #22293d;
    line-height: 26px;
}
.desc_step img{
    margin: 45px auto 0;
    display: inline-block;
}
.desc_step_pic{
    margin-top: 40px;
}
.desc_step p i{
    display: inline-block;
    width:16px;
    height: 15px;
    margin-right: 6px;
    vertical-align: middle;
}
.desc_step p i.ico_step_one{
   /* background: url("../images/gw_67.png") no-repeat;*/
}
.desc_step p i.ico_step_two{
      /* background: url("../images/gw_68.png") no-repeat;*/
}
.desc_step p i.ico_step_three{
      /* background: url("../images/gw_69.png") no-repeat;*/
}
.desc_step p.step_mark{
    font-size:18px;
    color: #15a3ef;
    margin-top: 20px;
    margin-bottom: 90px;
}
.desc_step  ol li{
    font-size: 16px;
    color: #22293d;
    line-height: 26px;
}


.content {
    min-height: 100%;
    height: 100%;
    line-height: 32px;
}
.desc_caption{
    margin-right: 30px;
    text-align: right;
    margin-top: 40px;
}
.desc_caption span{
    width: 120px;
    height: 34px;
    border-radius: 17px;
    line-height: 34px;
    background-color: #a5acc1;
    color: #42475b;
    display: inline-block;
    margin-right: 30px;
    text-align: center;
    box-shadow: 3px 3px 3px #edeff3,-3px 3px 3px #edeff3;
}
.desc_caption span.main{
    background-color: #15a3ef;
    color: #FFFFFF;
    box-shadow: 3px 3px 3px #dbf1fc,-3px 3px 3px #dbf1fc;
}
.desc_process{
    width: 760px;
    height: auto;
    min-height: 1130px;
    position: relative;
    margin:50px auto ;
}
.dp_main{
    padding: 10px 75px;
    background-color: #15a3ef;
    color: #FFFFFF;
    font-size: 18px;
    position: absolute;
}
.dp_line_horizontal{
    border-top: 4px solid #373d52;
    position: absolute;
}
.dp_line_horizontal:after{
    width: 8px;
    height: 9px;
    position: absolute;
    right: 0;
    top: -7px;
    display: block;
    background: url("../images/gw_64.png") no-repeat;
    content: "";
}
.dp_explain{
    padding: 10px 26px;
    position: absolute;
    background-color: #babecb;
    color: #4b5063;
    font-size: 18px;
}
.regist-cloud{margin-top:30px;}
.wrapper-img,.text-box{
	animation: scaleFrame 0.5s;
	-moz-animation: scaleFrame 0.5s;
	-webkit-animation: scaleFrame 0.5s;
	-o-animation: scaleFrame 0.5s
}
.hover-center{
	animation: scaleFrame 0.5s;
	-moz-animation: scaleFrame 0.5s;
	-webkit-animation: scaleFrame 0.5s;
	-o-animation: scaleFrame 0.5s
}
@keyframes scaleFrame {
	0% {
		transform: scale(.3);
		-ms-transform: scale(.3);
		-webkit-transform: scale(.3);
		-o-transform: scale(.3);
		-moz-transform: scale(.3);
		opacity: .1
	}
	20% {
		transform: scale(.4);
		-ms-transform: scale(.4);
		-webkit-transform: scale(.4);
		-o-transform: scale(.4);
		-moz-transform: scale(.4);
		opacity: .1
	}
	50% {
		transform: scale(.5);
		-ms-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		-moz-transform: scale(.5);
		opacity: 1
	}
	70% {
		transform: scale(.7);
		-ms-transform: scale(.7);
		-webkit-transform: scale(.7);
		-o-transform: scale(.7);
		-moz-transform: scale(.7);
		opacity: 1
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		opacity: 1
	}
}

@-moz-keyframes scaleFrame {
	0% {
		transform: scale(.3);
		-ms-transform: scale(.3);
		-webkit-transform: scale(.3);
		-o-transform: scale(.3);
		-moz-transform: scale(.3);
		opacity: .1
	}
	20% {
		transform: scale(.4);
		-ms-transform: scale(.4);
		-webkit-transform: scale(.4);
		-o-transform: scale(.4);
		-moz-transform: scale(.4);
		opacity: .1
	}
	50% {
		transform: scale(.5);
		-ms-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		-moz-transform: scale(.5);
		opacity: 1
	}
	70% {
		transform: scale(.7);
		-ms-transform: scale(.7);
		-webkit-transform: scale(.7);
		-o-transform: scale(.7);
		-moz-transform: scale(.7);
		opacity: 1
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes scaleFrame {
	0% {
		transform: scale(.3);
		-ms-transform: scale(.3);
		-webkit-transform: scale(.3);
		-o-transform: scale(.3);
		-moz-transform: scale(.3);
		opacity: .1
	}
	20% {
		transform: scale(.4);
		-ms-transform: scale(.4);
		-webkit-transform: scale(.4);
		-o-transform: scale(.4);
		-moz-transform: scale(.4);
		opacity: .1
	}
	50% {
		transform: scale(.5);
		-ms-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		-moz-transform: scale(.5);
		opacity: 1
	}
	70% {
		transform: scale(.7);
		-ms-transform: scale(.7);
		-webkit-transform: scale(.7);
		-o-transform: scale(.7);
		-moz-transform: scale(.7);
		opacity: 1
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		opacity: 1
	}
}

@-o-keyframes scaleFrame {
	0% {
		transform: scale(.3);
		-ms-transform: scale(.3);
		-webkit-transform: scale(.3);
		-o-transform: scale(.3);
		-moz-transform: scale(.3);
		opacity: .1
	}
	20% {
		transform: scale(.4);
		-ms-transform: scale(.4);
		-webkit-transform: scale(.4);
		-o-transform: scale(.4);
		-moz-transform: scale(.4);
		opacity: .1
	}
	50% {
		transform: scale(.5);
		-ms-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		-moz-transform: scale(.5);
		opacity: 1
	}
	70% {
		transform: scale(.7);
		-ms-transform: scale(.7);
		-webkit-transform: scale(.7);
		-o-transform: scale(.7);
		-moz-transform: scale(.7);
		opacity: 1
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		opacity: 1
	}
}
@-moz-keyframes scaleFrame {
	0% {
		transform: scale(.3);
		-ms-transform: scale(.3);
		-webkit-transform: scale(.3);
		-o-transform: scale(.3);
		-moz-transform: scale(.3);
		opacity: .1
	}
	20% {
		transform: scale(.4);
		-ms-transform: scale(.4);
		-webkit-transform: scale(.4);
		-o-transform: scale(.4);
		-moz-transform: scale(.4);
		opacity: .1
	}
	50% {
		transform: scale(.5);
		-ms-transform: scale(.5);
		-webkit-transform: scale(.5);
		-o-transform: scale(.5);
		-moz-transform: scale(.5);
		opacity: 1
	}
	70% {
		transform: scale(.7);
		-ms-transform: scale(.7);
		-webkit-transform: scale(.7);
		-o-transform: scale(.7);
		-moz-transform: scale(.7);
		opacity: 1
	}
	100% {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		opacity: 1
	}
}