.yun_1{
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10%;
}
.yun_2{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 5%;


}
.yun_3{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 5%;
    height: 840px;
    clear: both;


}
.yun_4{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;


}
.yun_5{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;


}
.yun_6{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;


}
.yun_7{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;



}
.yun_8{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;


}
.yun_9{
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 2px;


}
.text_1{

    animation-name: text;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    overflow: hidden;
}
.quanj{
    width:100%;
    overflow:hidden;
    height:auto;
    text-align:center;"
}
@keyframes text {
    0% {
        margin-top: 0px;
        opacity: 0;
    }
    100% {
        margin-top: 50px;
        opacity: 1;
    }
}
.blue_1{
    color:#00c7fe ;
}
h5{
    font-size: 17px;
}
.img_2{
   margin-left: auto;
    margin-right: auto;
}

.xunhang{
    background-color: #686868;
}

.jpanimate720{width:auto;left:5%;bottom:5%;font-size:18px;position:absolute;z-index:100000;}
.jpanimate1080{width:auto;right:5%;bottom:5%;font-size:18px;margin-left:50%;position:absolute;z-index:100000;}


.subtitle{font-size:22px;padding-bottom:10px;}
.change-block {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -377px;
    -webkit-user-select: none;
    width: 940px;
    height: 528px;
}

.change-block .newpage {
    background-image: url(https://oss.yitechnology.com/images/yut_2/3111.jpg);
    z-index: 4;
    width: 470px;
}

.change-block .newpage .nav-btn {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 50%;
    right: -33px;
    margin-top: -33px;
    cursor: pointer;
}
.change-block .newpage .nav-btn {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 50%;
    right: -33px;
    margin-top: -33px;
    cursor: pointer;
}


.change-block .newpage, .change-block .oldpage {
    width: 940px;
    height: 528px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}


.rightang {
    position: absolute;
    width: 14px;
    height: 20px;
    top: 24px;
    background-repeat: no-repeat;
    background-image: url(https://s3-us-west-2.amazonaws.com/yitechnology-website/h21/images/f-2.png);
}

.change-block .oldpage {
    background-image: url(https://oss.yitechnology.com/images/yut_2/3222.jpg);
    z-index: 2;
}
.change-block .newpage, .aminate .change-block .oldpage {
    width: 940px;
    height: 528px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}
.change-block .newpage, .change-block .oldpage {
    width: 940px;
    height: 528px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}


.change-block .newpage .nav-btn .leftang,.aminate .change-block .newpage .nav-btn .rightang
{
    position: absolute;
    width: 14px;
    height: 20px;
    top: 24px;
    background-repeat: no-repeat;
    background-image: url(https://s3-us-west-2.amazonaws.com/yitechnology-website/h21/images/f-2.png)
}

.change-block .newpage .nav-btn .leftang
{
    left: 13px
}
.change-block .newpage .nav-btn .rightang
{
    right: 13px;
    background-position: -14px 0
}

.change-block .newpage .nav-btn .leftang,.aminate .change-block .newpage .nav-btn .rightang
{
    position: absolute;
    width: 14px;
    height: 20px;
    top: 24px;
    background-repeat: no-repeat;
    background-image: url(https://s3-us-west-2.amazonaws.com/yitechnology-website/h21/images/f-2.png)
}

.change-block .newpage .nav-btn .leftang
{
    left: 13px
}


.change-block .newpage .nav-btn .rightang
{
    right: 13px;
    background-position: -14px 0
}

 .animate-line {
    width:1px;
    height:600px;
    background: #fff;
    right: -1px;
    position: absolute;
    z-index: 99;
}

.grayText {
    background: rgba(74, 75, 78, 0.8);
    padding-left:30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    line-height: 25px;
    color: #fff;
}
.leftinfo,
.rightinfo {
    position: absolute;
    width: 140px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    opacity: .6;
    filter: alpha(opacity=60);
    bottom: 10px;
    text-align: center
}

 .leftinfo {
    right: 15px;
    color: #000;
    background-color: #fff
}

 .rightinfo {
    right: -155px;
    color: #fff;
    background-color: #000
}
.hello {
    width: 40%;
    margin-left: 0;
    margin-top: -8%;
    float: left;
}
.silde-img-2 {
    position: absolute;
    margin-top: 14%;
    margin-left: 5%;}
.section
{
    -webkit-font-smoothing: antialiased;
    color: #000;
    display: block
}
.cruise1 .content{z-index:3;width:800px; text-align:center;position:absolute;left:50%;margin-left:-357px; }
.cruise1 .content .title{font-size:22px;color:#000;line-height:0;}
.cruise1 .content h3{font-size:30px;color:#00c7fe;font-weight:100; line-height:44px;}
.cruise1 .content p{font-size:17px;color:#8b8b8b; margin-top:30px;line-height:34px;}
.test_outer {
    display: block;
    width: 100%;
    height: 722px;
    position: absolute;
    overflow: hidden;
    bottom:0;
}
.test_cover {
    width: 200px;
    height: 200px;
    border: 1580px solid rgba(0, 0, 0, .7);
    position: absolute;
    left: -1000px;
    top: -1300px;
    z-index: 8;
    border-radius: 50%;

}
.cruise1 img{bottom:0;position:absolute;width:100%;}
.cruise1{
    width: 100%;
    overflow:hidden;
    height:1190px;
    position:relative;
}
.cruise2{
    width: 100%;
    overflow:hidden;
    height:1050px;
    position:relative;
}
.cruise2 .content{z-index:3;width:800px; text-align:center;position:absolute;left:50%;margin-left:-357px; margin-top:70px;}
.cruise2 .content .title{font-size:22px;color:#000;line-height:0;}
.cruise2 .content h3{font-size:30px;color:#00c7fe;font-weight:100; line-height:44px;width: 65%;margin-right: auto;margin-left: auto}
.cruise2 .content p{font-size:17px;color:#8b8b8b; margin-top:30px;line-height:1.1;;margin-left: auto;margin-right: auto;width: 50%}
.cruise2 .imgs1{bottom:0;position:absolute;height:700px;}
.cruise2 .imgs2{bottom:0;position:absolute;height:60%;right:0;}
.gesture ol {
    width: 302%;
    height: 100%;
    transition: all .3s ease-out;}
.gesture ul li {
    width: 119px;
    height: 38px;
    border-right: 1px solid #fff;
    float: left;
    line-height: 38px;}
.gesture {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 978px;
    z-index: 1;}
.carousel_slide2{background:rgba(85,86,90,.8);}
.carousel_slide2-1{background:rgba(85,86,90,.8);}

.carousel_slide2_1{border-radius: 10px 0px 0px 10px;}
.carousel_slide2_3{border-radius: 0px 10px 10px 0px;}
.setup{
    width: 100%;
    height:853px;
    background:url('https://d3pk9z7j5el572.cloudfront.net/images/yut_2/8.jpg') no-repeat 100%;
    background-size:cover;
}
.setup .content{font-size:22px;margin-left:250px; padding-top:400px;}
.setup .content p{line-height:39px;color:#1C94D4;}
.setup .icon{margin-left:230px; margin-top:35px;}
.setup .icon img{cursor:pointer;width:90px; margin-left:20px;}
.setup .icon-font{margin-left:210px;}
.setup .icon-font span{display:inline-block; margin-left:48px; margin-top:10px;font-size:16px;}
.setup .icon-font span.active{color:#00c7fe;font-weight: bold}
.h800 {
    width: 100%;
    height: 800px;
}
.common dl {
    width: 396px;
}

.common dt {
    line-height: 44px;
    font-size: 34px;
    color: #1a1a1a;
    width: 300px;
    margin-bottom: 28px;
}

.common dd {
    line-height: 32px;
    color: #666;
    font-size: 16px;
}
#section2 {
    position: relative;
    overflow: hidden;
}

#section2 .block {
    position: absolute;
    left: 0;
    top: 0;
    width: 860px;
    height: 100%;
    background: #dcdcdc;
    z-index: 1;
}


/*#section2 .block img{position:absolute;right:170px;top:80px;}*/

#section2 #camera2 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -532px;
    margin-top: -270px;
    z-index: 2;
    width:20%;
}

#section2 .triangle {
    position: absolute;
    left: 860px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 800px solid #dcdcdc;
    border-right: 200px solid transparent;
    z-index: 3;
}

#section2 dl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -530px;
    margin-top: 45px;
    z-index: 5;
}

#section2 ol {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    margin-left: -400px;
    margin-top: -120px;
}

#section2 ol li {
    float: left;
    width: 27px;
    height: 27px;
    background: url(http://www.xiaoyi.com/homeCamera/design/images/3-2.png) no-repeat;
    cursor: pointer;
}

#section2 ol li.active {
    background: url(http://www.xiaoyi.com/homeCamera/design/images/3-3.png) no-repeat;
}

#section2 ol li:nth-child(1) {
    position: absolute;
    top: 56px;
    left: 100px;
}

#section2 ol li:nth-child(2) {
    position: absolute;
    top: -10px;
    left: -125px;
}

#section2 ol li:nth-child(3) {
    position: absolute;
    top: 6px;
}

#section2 ul {
    position: relative;
}



#section2 ul li img {
    width: 1920px;
    height: 800px;
}



.cruise{
    width: 100%;
    overflow:hidden;
    position:relative;;
}
.cruise-call{width:100%;background:#00c7fe; position:relative; height:240px; color:#fff; text-align:center; padding-top:50px;z-index:1;}
.cruise .title{font-size:22px;line-height:0px;}
.cruise h3{font-size:30px;font-weight:100; line-height:44px;}
.cruise .cruise-p2{ font-size:17px;line-height:34px; width:900px;position:absolute; left:50%; margin-top:30px;margin-left:-450px;}
.cruise-yuntai{width:209px; height:209px;position:absolute; left:50%; margin-left:-104px;  margin-top:-65px;}
/*
.cruise-home{width:100%; height:983px; background-image:url(http://publicfiles.xiaoyi.com/Clouddeck/first/3/bg.jpg); background-size:cover; margin-top:-62px;}
*/
.cruise-home{width:100%; margin-top:-20px;}
.cruise-bg{ opacity:1;position:absolute; left:50%; margin-left:-45%; z-index:2;}
.cruise-bg .collection{ width:100%; height:100%; position:absolute; left:0; top:0;}
.collection img{ position:absolute; opacity:0}
.img1{  left:13%; top:23%; }
.img2{  left:27%; top:35%; }
.img3{  left:60%; top:40%; }
.img4{ left:85%; top:72%; }
.img5{ left:30%; top:70%; }
.img6{ left:48%; top:67%; }
.img7{ left:10%; top:70%; }
.img8{ left:51%; top:80%; }


.see360{
    width: 100%;
    height:1000px;
    position:relative;
}
.see360 .content{width:740px; text-align:center;position:absolute;left:50%;margin-left:-370px; margin-top:70px;}
.see360 .content .title{font-size:22px;color:#000;line-height:17px;}
.see360 .content h3{font-size:30px;color:#00c7fe;font-weight:100; line-height:25px;}
.see360 .content p{font-size:17px;color:#8b8b8b; margin-top:30px;line-height:40px;}
.see360 .iphone{cursor:pointer; width:1050px;height:617px;position:absolute;left:50%; margin-left:-525px;top:50%; margin-top:-170px;}
.see360 .click{width:794px; height:446px; margin-top:-484px; margin-left:129px;}
#drag{opacity:0;width:15%; position:absolute;left:50%; top:50%; margin-left:-60px;margin-top:-120px;}


.follow{
    width: 100%;
    height: auto;
}
.follow-header{width:556px; position:absolute; top:0; left:-80px; }
.follow-header .yuntai{position:absolute; left:80px; top:1px;width:70%;}
.follow-img1{width:100%;height:100%;}
#rotate{position:absolute;left:130px;top:50px; width:290px;transform: rotate(55deg); }
#gohome{width:100%;}
.gohome{animation: animation1 10s linear; animation-fill-mode:forwards;}
@keyframes animation1{
    0% {transform: rotate(55deg); }
    8% {transform: rotate(55deg); }
    10% {transform: rotate(40deg); }
    20% {transform: rotate(-20deg); }
    40% {transform: rotate(0deg); }
    80% {transform: rotate(0deg); }
    100% {transform: rotate(-20deg); }
}
.follow .content{ position:absolute; width:700px; right:100px; top:70px;}
.follow .content h3{font-size:30px; color:#1c94d4; line-height:87px; font-weight:100;}
.follow .content p{ font-size:17px; color:#676767; line-height:34px;}


.detection{
    width: 100%;
    margin-top:-6px;
    position:relative;
    /*	background-image:url('http://publicfiles.xiaoyi.com/Clouddeck/first/6/P_2.jpg');
        background-size:cover;*/
}
/*.hand{background:url(http://publicfiles.xiaoyi.com/Clouddeck/first/6/hand.png) no-repeat; width:37px; height:37px;z-index:2; position:absolute;left:62%; top:70%;}*/
/*.hand.handanimate{animation:animation2 3s linear; animation-iteration-count:infinite;}*/
@keyframes animation2{
    0% {opacity:1;}
    50%{opacity:0.4;}
    100%{opacity:1;}
}
.detection .content{ position:absolute; width:600px; left:230px; top:120px;}
.detection .content h3{font-size:30px; color:#21B2FF; line-height:87px; font-weight:100;}
.detection .content p{ font-size:17px; color:#757575; line-height:34px;}


.storage{
    width: 100%;
    height:897px;
    position:relative;
    overflow: hidden;
    background:url(https://d3pk9z7j5el572.cloudfront.net/images/yut_2/7.jpg) no-repeat 100% bottom;
}
.storage .mode{position:absolute; left:0; top:0;}
.mode-title{color:#21B2FF;font-size:30px;margin-left:230px; padding-top:130px; font-weight:100;}
.mode-content{color:#757575;font-size:17px;margin-left:230px; padding-top:23px; width:590px; line-height:34px;}
.mode-icon{width:500px; height:150px;margin-left:230px; margin-top:30px;background:url(https://d3pk9z7j5el572.cloudfront.net/images/yut_2/icon1.png) no-repeat;}
.mode-introduce{margin-left:158px;}
.mode-introduce .span1{display:inline-block; line-height:30px; width:186px; height:50px; margin-left:40px;font-size:17px; color:#504F4F; text-align:center;}
.mode-introduce .span2{display:inline-block;  line-height:30px;  width:140px; height:50px; margin-left:43px;font-size:17px; color:#504F4F; text-align:center;}

.storage-tag{ width:320px; position:absolute; left:50%; bottom:40px; margin-left:-160px;color:#757575; font-size:17px; }


.technology{
    width: 100%;
    height: 983px;
    margin-top:-5px;
    color:#fff;
    background:#222;
    position:relative;
    overflow:hidden;
    font-size:16px;
}
.technology h3{font-size:30px; color:#21B2FF; width:400px; line-height:70px; font-weight:100;position:absolute;left:50%; margin-left:-200px;margin-top:150px;}
.technology-front{width:450px; margin-top:360px; left:0px;float:left; position:absolute;}
.technology-back{width:450px; margin-top:360px; position:absolute; right:0px; float:left;}
.technology-show{opacity:0;}
.technology-img1{width:100%; height:100%;}
.technology .left1{position:absolute;left:15%; top:44%; width:27%;}
.technology .left1 div{width:210px; }
.technology .left1 div .p1{margin-top:10px; }
.technology .left2 div .p1{margin-top:10px; }
.technology .right2 div .p1{margin-top:10px; }
.technology .left2 div{width:210px;  }
.technology .right2 div{width:210px;}
.technology .left2{position:absolute;left:14.7%; top:69%; width:19%;}
.technology .right1{position:absolute;left:68%; top:40%;}
.technology .right2{position:absolute;left:59%; top:77%; width:23%;}
.technology .right2-content{position:absolute;left:230px; top:-60px;}
.technology .right1 img{width:250px;}


.technology2{
    width: 100%;
    position:relative;
    overflow:hidden;
    background:#e5e5e5;
}
.technology2 .content{position:absolute; padding-top:40px;width:679px;height:160px; left:50%; margin-left:-340px; text-align:center; }
.technology2 .content h3{color:#21B2FF;  font-size:30px; line-height:87px; font-weight:100;}
.technology2 .content p{ color:#757575;font-size:17px; line-height:34px;}
.technology2 video{ margin-top:40px; width:100%;}

.last{
    width: 100%;
    height: 160px;
    position:relative;
}
.last a:hover{
    color: #fff;
    text-decoration: none;
}
 .yun_1 table{text-align: center;width:500px;margin-top: 30px;color:#8b8b8b;margin-bottom: 30px}
 .yun_1 table tr{line-height: 25px;}
 .yun_1 table img{margin-top: 20px;}
.last-buy{overflow:hidden; position:absolute; top:50%; margin-top:-300px;}
.last-buy img{width:218px; height:411px;float:left;margin-left:600px;}
.last-buy .content{ height:411px;float:left;margin-left:180px; margin-top:20px;}
.last-buy .content div span{ font-size:17px; line-height:34px;}
.last-buy .content p{font-size:30px; font-weight:300;line-height:47px; color:#141414;}
.last-buy .content p.last-price{font-size:17px;color:#21B2FF; margin-top:60px;}
.last-buy .content p.last-price .price-blue{color:#21B2FF;}
.last-price span{font-size:40px;color:#21B2FF;}
.last .features{cursor:pointer;height:160px; background:#00c7fe; color:#fff; position:absolute; bottom:0; width:100%; text-align:center; padding-top:60px;font-size:30px;}
#section2 ul li.active {
    display: block;
    z-index: 0;
    animation: bigger 2.5s forwards;
}
@keyframes bigger {
    0% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1.5, 1.5);
    }
}
#section2 ul li {
    display: none;
    position: absolute;
    right: 300px;
    top: -100px;
    width: 100%;
    height: 800px;
}
@media(max-width:1600px){
    .h800 {
        width: 100%;
        height: 800px;
        background: #d0d0d0;
    }
    .common dl {
        width: 396px;
    }

    .common dt {
        line-height: 44px;
        font-size: 34px;
        color: #1a1a1a;
        width: 290px;
        margin-bottom: 28px;
    }

    .common dd {
        line-height: 32px;
        color: #666;
        font-size: 16px;
    }
    #section2 {
        position: relative;
        overflow: hidden;
    }

    #section2 .block {
        position: absolute;
        left: 0;
        top: 0;
        width: 860px;
        height: 100%;
        background: #dcdcdc;
        z-index: 1;
    }


    /*#section2 .block img{position:absolute;right:170px;top:80px;}*/

    #section2 #camera2 {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -532px;
        margin-top: -270px;
        z-index: 2;
        width:20%;
    }

    #section2 .triangle {
        position: absolute;
        left: 860px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 800px solid #dcdcdc;
        border-right: 200px solid transparent;
        z-index: 3;
    }

    #section2 dl {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -530px;
        margin-top: 45px;
        z-index: 5;
    }

    #section2 ol {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 3;
        margin-left: -400px;
        margin-top: -120px;
    }

    #section2 ol li {
        float: left;
        width: 27px;
        height: 27px;
        background: url(http://www.xiaoyi.com/homeCamera/design/images/3-2.png) no-repeat;
        cursor: pointer;
    }

    #section2 ol li.active {
        background: url(http://www.xiaoyi.com/homeCamera/design/images/3-3.png) no-repeat;
    }

    #section2 ol li:nth-child(1) {
        position: absolute;
        top: 56px;
        left: 100px;
    }

    #section2 ol li:nth-child(2) {
        position: absolute;
        top: -10px;
        left: -125px;
    }

    #section2 ol li:nth-child(3) {
        position: absolute;
        top: 6px;
    }

    #section2 ul {
        position: relative;
    }

    #section2 ul li {
        display: none;
        position: absolute;
        right: 300px;
        top: -100px;
        width: 100%;
        height: 800px;
    }

    #section2 ul li img {
        width: 1920px;
        height: 800px;
    }

    #section2 ul li.active {
        display: block;
        z-index: 0;
        animation: bigger 2.5s forwards;
    }
    @keyframes bigger {
        0% {
            transform: scale(1.1, 1.1);
        }
        100% {
            transform: scale(1.3, 1.3);
        }
    }
}


@media(max-width:1366px){
    .h800 {
        width: 100%;
        height: 600px;
        background: #d0d0d0;
    }
    .common dl {
        width: 396px;
    }

    .common dt {
        line-height: 44px;
        font-size: 26px;
        color: #1a1a1a;
        width: 290px;
        margin-bottom: 28px;
        font-weight: 200;
    }

    .common dd {
        line-height: 32px;
        color: #666;
        font-size: 14px;
    }
    #section2 {
        position: relative;
        overflow: hidden;
    }

    #section2 .block {
        position: absolute;
        left: 0;
        top: 0;
        width: 660px;
        height: 100%;
        background: #dcdcdc;
        z-index: 1;
    }


    /*#section2 .block img{position:absolute;right:170px;top:80px;}*/

    #section2 #camera2 {
        position: absolute;
        left: 55%;
        top: 60%;
        margin-left: -532px;
        margin-top: -270px;
        z-index: 2;
        width:20%;
    }

    #section2 .triangle {
        position: absolute;
        left: 860px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 800px solid #dcdcdc;
        border-right: 200px solid transparent;
        z-index: 3;
        margin-left: -200px;
    }

    #section2 dl {
        position: absolute;
        left: 55%;
        top: 60%;
        margin-left: -530px;
        margin-top: 45px;
        z-index: 5;
    }

    #section2 ol {
        position: absolute;
        left: 53%;
        top: 55%;
        z-index: 3;
        margin-left: -400px;
        margin-top: -120px;
    }

    #section2 ol li {
        float: left;
        width: 27px;
        height: 27px;
        background: url(http://www.xiaoyi.com/homeCamera/design/images/3-2.png) no-repeat;
        cursor: pointer;
    }

    #section2 ol li.active {
        background: url(http://www.xiaoyi.com/homeCamera/design/images/3-3.png) no-repeat;
    }

    #section2 ol li:nth-child(1) {
        position: absolute;
        top: 56px;
        left: 100px;
    }

    #section2 ol li:nth-child(2) {
        position: absolute;
        top: -10px;
        left: -125px;
    }

    #section2 ol li:nth-child(3) {
        position: absolute;
        top: 6px;
    }

    #section2 ul {
        position: relative;
    }

    #section2 ul li {
        display: none;
        position: absolute;
        right: 300px;
        top: -100px;
        width: 100%;
        height: 800px;
    }

    #section2 ul li img {
        width: 1920px;
        height: 800px;
    }

    #section2 ul li.active {
        display: block;
        z-index: 0;
        animation: bigger 2.5s forwards;
    }
    @keyframes bigger {
        0% {
            transform: scale(0.6, 0.6);
        }
        100% {
            transform: scale(0.8, 0.8);
        }
    }
}

/*手机端*/
.mobile-homecamera2 h2{
    font-size: 17px;
    margin-left: auto;
    width: 90%;
    margin-right: auto;

}
.mobile-homecamera2 h5{
    font-size: 14px;
    margin-top: 3%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5%;

}
.imgs22{
    position: absolute;
    right: 0;
    top: 40px;
}
.last2{
    overflow: hidden;
    width: 100%;
    height: 88px;
    position: relative;

}
.last2 .features2 {
    cursor: pointer;
    height: 140px;
    background: #00c7fe;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 80px;
    font-size: 20px;
}
.last2 a{
    text-decoration: none;
}
.last2 a:hover{
    color: #ffffff;
}
.actioncamera-1-c-1-buynow a:hover {
    color: #21B2FF;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}
.actioncamera-1-c-1-buynow a{
    color: #21B2FF;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}
.actioncamera-1-c-1-bw{
    text-align: left;padding-left: 10px
}
@media (max-width: 1366px) {
    .actioncamera-1-c-1-buynow{text-align: center;padding-left: 10px}
}