﻿body{background: #fff;min-width: 1100px;overflow-x: hidden;}
/*雪碧图*/
.sprite1{background:url("../img/index/sprite1.png") no-repeat;}
@-moz-keyframes move {
      0%{
          -moz-transform: rotate(0deg);
      }
      100%{
          -moz-transform: rotate(-3600deg);
      }
  }
@-ms-keyframes move {
    0%{
        -ms-transform: rotate(0deg);
    }
    100%{
        -ms-transform: rotate(-3600deg);
    }
}
@-webkit-keyframes move {
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-3600deg);
    }
}
@-o-keyframes move {
    0%{
        -o-transform: rotate(0deg);
    }
    100%{
        -o-transform: rotate(-3600deg);
    }
}
@keyframes move {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-3600deg);
    }
}
/*banner*/
/*.banner{height: 620px;overflow: hidden;position: relative;width: 100%;margin-top: 60px;z-index: 1;}*/
.banner{height: 620px;overflow: hidden;position: relative;width: 100%;margin-top: 60px;z-index: 1;}
.bannerCon{position: absolute;left: 0;top: 0; height: 620px;z-index: 1; }
.banner #bg{position: absolute;left: 0;top: 0;width: 100%; height: 620px;background: #050d19;display: none;}
.banner #bg .bg_index1{width: 684px; height: 369px;position: absolute;left: 50%;top: 50%;margin-left: -342px; margin-top: -184px;background:url("../img/index/banner1-min.png") center no-repeat; -webkit-animation:move 520s infinite linear;-moz-animation:move 520s infinite linear;-ms-animation:move 520s infinite linear;animation:move 520s infinite linear;}
.banner #bg .bg_index2{width: 1920px; height: 1920px;position: absolute;left: 50%;top: 50%;margin-left: -960px; margin-top: -960px;background:url("../img/index/banner2-min.png") center no-repeat;-webkit-animation:move 300s infinite linear;-moz-animation:move 300s infinite linear;-ms-animation:move 300s infinite linear;animation:move 300s infinite linear;}
.bannerCon li{position: absolute;left: 0;top: 0; height: 620px;width: 100%;opacity: 0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s;}
.regJust{ display: block; width: 223px;height: 53px; line-height: 53px; text-align: center; border:#00ffff solid 1px; margin:64px auto 0; font-size: 24px;color:#00ffff; cursor: pointer; border-radius: 3px;}
.regJust:hover{-moz-box-shadow: 0 0 20px #00ffff;-webkit-box-shadow: 0 0 20px #00ffff;box-shadow: 0 0 20px #00ffff; }
.bannerCon p{font-size: 36px; color: #199cc4;text-align: center;line-height:38px;margin-top: 172px; letter-spacing: 20px;padding-left: 20px; }
.bannerCon .bannerBtm{margin-top:46px; }
/*小喇叭*/
.announcement{overflow: hidden; height: 38px;width:100%;position: absolute;bottom: 0;left: 0;background-color:rgba(255,255,255,0.05); z-index: 2;}
.announcement .trumpet{float: left;height:12px;width:18px;background-position:0 -40px;margin: 14px 12px 0 70px; }
.trumpetCon{float: left;width: 870px;}
.trumpetCon li{float: left; width: 242px; height: 38px; line-height: 38px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-right: 46px;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-moz-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
.trumpetCon li.active{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);}
.trumpetCon li a{color: #f9f9f9;font-size: 12px;cursor: pointer;}
.trumpetCon li a:hover{text-decoration:underline;}
.trumpetConT{display: none;}
.announcement .more{float: right;margin-right: 68px;height: 38px; line-height: 38px;color:#f9f9f9;font-size: 12px; cursor: pointer;}
.announcement .more:hover{text-decoration: underline;}
/*圆点*/
.selectCir{height: 16px;position:absolute;bottom:70px; left: 0;width: 100%;text-align: center;z-index: 2; background: rgba(0,0,0,0);}
.selectCir a{display: inline-block;width:12px; height: 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;border: #fff solid 1px;margin-right: 18px; }
.selectCir a.active{background: #fff;}
.selectCir a.active1{margin-right: 0;}
/*产品优势*/
.productTit{background: url("../img/index/index_title01.png") no-repeat;width: 127px; height: 29px;margin: 72px auto 0;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s;}
.productCon{width: 1010px; margin: 0 auto;}
.productCon li{float: left;width: 336px;text-align: center;margin-bottom:14px; }
.productCon .productConWap{margin:56px auto 32px;width: 43px; height: 35px; -webkit-transition:transform 0.6s 0.1s,opacity 0.2s;-moz-transition:transform 0.6s 0.1s,opacity 0.2s;transition:transform 0.6s 0.1s,opacity 0.2s;}
.productCon .productConWap div{margin: 0 auto;}
.productCon .tit{font-size: 14px;color:#333;height: 14px;margin-bottom:20px; -webkit-transition:transform 0.6s 0.1s,opacity 0.2s;-moz-transition:transform 0.6s 0.1s,opacity 0.2s;transition:transform 0.6s 0.1s,opacity 0.2s; }
.productCon .con{font-size: 12px;color:#9c9c9c; height: 12px;-webkit-transition:transform 0.6s 0.1s,opacity 0.2s;-moz-transition:transform 0.6s 0.1s,opacity 0.2s;transition:transform 0.6s 0.1s,opacity 0.2s;}
.productCon .index_icon05{height:29px;width:29px;background-position:0 -229px;}
.productCon li:hover .index_icon05{height:29px;width:29px;background: url("../img/index/index_icon05.gif") center no-repeat;}
.productCon .index_icon06{height:29px;width:29px;background-position:0 -258px;}
.productCon li:hover .index_icon06{height:29px;width:29px;background: url("../img/index/index_icon06.gif") center no-repeat;}
.productCon .index_icon09{height:31px;width:31px;background-position:0 -287px;}
.productCon li:hover .index_icon09{height:31px;width:31px;background: url("../img/index/index_icon09.gif") center no-repeat;}
.productCon .index_icon07{height:31px;width:39px;background-position:0 -318px;}
.productCon li:hover .index_icon07{height:31px;width:39px;background: url("../img/index/index_icon07.gif") center no-repeat;}
.productCon .index_icon04{height:27px;width:43px;background-position:0 -349px;}
.productCon li:hover .index_icon04{height:27px;width:43px;background: url("../img/index/index_icon04.gif") center no-repeat;}
.productCon .index_icon08{height:35px;width:22px;background-position:0 -109px;}
.productCon li:hover .index_icon08{height:35px;width:22px;background: url("../img/index/index_icon08.gif") center no-repeat;}

    /*场景方案*/
.whiteBlank{position: absolute;left: 0;top: 0;width: 2120px;height: 362px;background:-moz-linear-gradient(to right ,rgba(255,255,255,0) 0px ,rgba(255,255,255,1) 200px );background:-webkit-linear-gradient(to right ,rgba(255,255,255,0) 0px ,rgba(255,255,255,1) 200px );background:linear-gradient(to right ,rgba(255,255,255,0) 0px ,rgba(255,255,255,1) 200px );z-index: 10;-moz-transform: translateX(2120px);-webkit-transform: translateX(2120px);transform: translateX(2120px);-moz-transition: 1.5s 0.1s;-webkit-transition: 1.5s 0.1s;transition: 1.5s 0.1s;}
.sceneTit{background: url("../img/index/index_title02.png") no-repeat;width: 127px; height: 30px;margin: 89px auto 56px;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s;}
.sceneCon{width: 100%;height: 362px;overflow: hidden;position: relative;}
.sceneCon .sceneConDiv{position: absolute;left: 0;top:0;width: 100%;height: 362px; opacity: 0;-moz-transition: 1s;-webkit-transition: 1s;transition: 1s; z-index: 0;}
.sceneCon .sceneConDiv.active{opacity: 1;z-index: 2;}
.sceneCon .robot{background: url("../img/index/index_pic05.png") center no-repeat;}
.sceneCon .car{background: url("../img/index/index_pic02.png") center no-repeat;}
.sceneCon .watch{background: url("../img/index/index_pic04.png") center no-repeat;}
.sceneCon .home{background: url("../img/index/index_pic01.png") center no-repeat;}
.sceneCon .tel{background: url("../img/index/index_pic03.png") center no-repeat;}
.sceneCon .mid{width:766px;padding-top:60px;margin: 0 auto;  }
.sceneCon .l{float: left;width: 462px;}
.sceneCon .r{float: left;width: 304px;}
.sceneCon .tit{font-size: 24px;color: #333;height: 24px;margin-bottom: 34px;}
.sceneCon .con{font-size: 14px; line-height:30px;color: #000; }
.sceneCon .bg{width: 100%;height: 100%;background: rgba(212,229,251,0.3);}
.sceneCon .r a{display: block; margin-left:144px; font-size: 14px;text-align: center;}
.sceneCon .konwM{width: 157px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff; height: 38px; line-height: 38px;background: #00a3f0;margin-top: 66px; }
.sceneCon .experience{width: 155px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #000; border: 1px solid #00a3f0;height: 36px; line-height: 36px; margin-top: 28px;background: rgba(255,255,255,0.3); }
.sceneNav{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height:40px;background: rgba(0,0,0,0.4);text-align: center;z-index: 3;}
.sceneNav a{display: inline;cursor: pointer;margin-right: 64px;}
.sceneNav .navTit{color: #fff;padding: 7px; font-size: 12px;position: relative;border: transparent solid 1px;border-right: none;border-left: none;}
.sceneNav .navCir{display: inline-block;width: 6px; height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #c9c9c9;top:14px;position: absolute;right: -36px; }
.sceneNav .navTit.active{border: #fff solid 1px; border-right: none;border-left: none;}

    /*相关应用*/
.applyTit{width: 1010px; height: 30px; background: url("../img/index/index_title04.png") no-repeat; margin:80px auto 82px;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s; }
.applyTit2{width: 1010px; height: 310px; background: url("../img/index/index_title04.png") no-repeat; margin:80px auto 82px;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s; }
.applyTit3{width: 1010px; height: 45px; background: url("../img/index/index_title04.png") no-repeat; margin:80px auto 82px;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s; }
.applyCon{width: 1010px; margin: 0 auto;overflow: hidden;}
.applyConOne{float: left;width: 247px; margin-right:7px; height: 586px;}
.applyend{margin-right: 0;}
.applyConOne .top{position: relative; overflow: hidden; width: 247px; height: 222px;line-height: 222px; text-align: center;letter-spacing: 2px;font-size: 30px;color: #fff;}
.applyConOne .pure{width: 247px; height: 444px;position: absolute;left: 0;top: 0px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.applyConOne .pure:hover{top: -222px;}
.applyConOne .pure .text{height: 222px;line-height: 222px; text-align: center;letter-spacing: 2px;font-size: 30px;color: #fff;}
.applyConOne .pure .imgpart{height: 222px;position: relative;}
.applyConOne .imgpart .bg{background:rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;right: 0;bottom: 0;-moz-transition: 0.8s;-webkit-transition: 0.8s;transition: 0.8s;}
.applyConOne .imgpart .bg .tit{line-height:26px;color: #fff;padding: 40px 16px 0 20px;font-size:16px; text-align: left; }
.applyConOne .imgpart .bg .line1{position: absolute;left: 6px;top: 18px; width:0;height: 1px;background:#e7a6d3;-webkit-transition: 0.4s 0.5s;-moz-transition: 0.4s 0.5s;transition: 0.4s 0.5s; }
.applyConOne .imgpart .bg .line2{position: absolute;right: 10px;top: 14px; width:1px;height: 0px;background: #5c99f3; -moz-transition: 0.4s 0.6s; -webkit-transition: 0.4s 0.6s; transition: 0.4s 0.6s;}
.applyConOne .imgpart .bg .line3{position: absolute;left: 5px;bottom: 18px; width:0px;height: 1px;background:#faa046; -moz-transition: 0.4s 0.7s;-webkit-transition: 0.4s 0.7s;transition: 0.4s 0.7s;}
.applyConOne .imgpart .bg .line4{position: absolute;left: 10px;top: 6px; width:1px;height: 0px;background:#8de08f;-moz-transition: 0.4s 0.8s;-webkit-transition: 0.4s 0.8s;transition: 0.4s 0.8s; }
.applyConOne .pure:hover .bg .line1{width:238px; }
.applyConOne .pure:hover .bg .line2{height:203px; }
.applyConOne .pure:hover .bg .line3{width:238px; }
.applyConOne .pure:hover .bg .line4{height:203px; }
.applyConOne .btm{width: 247px; height: 353px;position: relative;overflow: hidden;}
.applyConOne .btm .bg{background:rgba(0,0,0,0.6);position: absolute;left: 0;top: 353px;width: 247px; height: 353px;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.applyConOne .btm:hover .bg{top:0;}
.applyConOne img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.applyConOne .btm:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2); }
.applyConOne .btm .bg .tit{font-size: 18px;color: #fff;height: 18px;padding-top:70px;padding-bottom: 16px;text-align: center; }
.applyConOne .btm .bg .con{line-height: 26px;padding: 0 16px 0 24px;color: #fff;font-size:16px;letter-spacing: 2px; }


.line{width: 100%;height: 14px; background: url("../img/index/index_ty.png") center no-repeat;margin-top: 54px;}
.partner{margin-bottom: 90px;}
.partnerTit{width: 128px; height: 29px; background: url("../img/index/index_title05.png") no-repeat; margin:56px auto 88px;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s; }
.partnerlogo{width: 1010px; margin: 0 auto;-webkit-transition: 0.6s 0.1s;-moz-transition: 0.6s 0.1s;transition: 0.6s 0.1s; }
.partnerlogo div{width: 200px; height: 66px;float: left;margin-bottom: 32px;}
.partnerlogo7{background: url("../img/index/sanxing_logo01.png") center no-repeat;position: relative;top: 12px;}
.partnerlogo1{background: url("../img/index/weiyun_logo01.png") center no-repeat;position: relative;left: -24px;}
.partnerlogo9{background: url("../img/index/api_logo01.png") center no-repeat;}
.partnerlogo3{background: url("../img/index/ibm_logo01.png") center no-repeat;}
.partnerlogo2{background: url("../img/index/microsoft_logo01.png") center no-repeat;}
.partnerlogo6{background: url("../img/index/baidu_logo01.png") center no-repeat;position: relative;left: -24px;}
.partnerlogo4{background: url("../img/index/haier_logo01.png") center no-repeat;}
.partnerlogo8{background: url("../img/index/htc_logo01.png") center no-repeat;}
.partnerlogo10{background: url("../img/index/zgyd_logo01.png") center no-repeat;}
.partnerlogo5{background: url("../img/index/zsdx_logo01.png") center no-repeat;}
.partnerlogo7:hover{background: url("../img/index/sanxing_logo02.png") center no-repeat;}
.partnerlogo1:hover{background: url("../img/index/weiyun_logo02.png") center no-repeat;}
.partnerlogo9:hover{background: url("../img/index/api_logo02.png") center no-repeat;}
.partnerlogo3:hover{background: url("../img/index/ibm_logo02.png") center no-repeat;}
.partnerlogo2:hover{background: url("../img/index/microsoft_logo02.png") center no-repeat;}
.partnerlogo6:hover{background: url("../img/index/baidu_logo02.png") center no-repeat;}
.partnerlogo4:hover{background: url("../img/index/haier_logo02.png") center no-repeat;}
.partnerlogo8:hover{background: url("../img/index/htc_logo02.png") center no-repeat;}
.partnerlogo10:hover{background: url("../img/index/zgyd_logo02.png") center no-repeat;}
.partnerlogo5:hover{background: url("../img/index/zsdx_logo02.png") center no-repeat;}















