img {
    display: inline;
}
.video-info.animate .video-info-robot,
.video-info.animate .video-info-img,
.video-info.animate .animate-text-1,
.video-info.animate .animate-text-2,
.video-info.animate .animate-text-3,
.robot-info.animate .animate-robot-info,
.language.animate .animate-lan-1,
.language.animate .animate-lan-2,
.language.animate .animate-lan-3,
.language.animate .animate-lan-4,
.study.animate .animate-study-1,
.study.animate .animate-study-2,
.study.animate .animate-study-3,
.decision.animate .animate-dec-1,
.decision.animate .animate-dec-2,
.decision.animate .animate-dec-3,
.decision.animate .animate-dec-4,
.data.animate .animate-data-1,
.data.animate .animate-data-2,
.data.animate .animate-data-3,
.face.animate .animate-face-1,
.face.animate .animate-face-2,
.face.animate .animate-face-3,
.face.animate .animate-face-4,
.location.animate .animate-loc-1,
.location.animate .animate-loc-2,
.location.animate .animate-loc-3,
.location.animate .animate-loc-4,
.auto.animate .animate-auto-1,
.introduce.animate .animate-intro-1,
.introduce.animate .animate-intro-2,
.introduce.animate .animate-intro-3,
.introduce.animate .animate-intro-4,
.introduce.animate .animate-intro-5,
.introduce.animate .animate-intro-6,
.introduce.animate .animate-intro-7,
.introduce.animate .animate-intro-8,
.introduce.animate .animate-intro-9,
.introduce.animate .animate-intro-10,
.introduce.animate .animate-intro-11,
.introduce.animate .animate-intro-12,
.introduce.animate .animate-intro-13,
.introduce.animate .animate-intro-14
{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
#videoImg {
    z-index: 999;
    position: absolute;
    top: 5px;
    right: 15px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: none;
}
.video-info {
    color: white;
    width: 100%;
    height: 640px;
    background: url(/img/homePage/icon-01.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-01.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-01.jpg',sizingMethod='scale')";
    position: relative;
}
.video-info .video-info-text {
    width: 77%;
    text-align: center;
    padding-top: 180px;
}
.video-info .animate-text-1 {
    font-size: 13px;
    color: #b8bbc0;
    position: absolute;
    top: 50px;
    left: 439px;
    opacity: 0;
}
.video-info.animate .animate-text-1 {
    -webkit-transition: all 1.2s 0.5s;
    -o-transition: all 1.2s 0.5s;
    -moz-transition: all 1.2s 0.5s;
    transition: all 1.2s 0.5s;
    top: 180px;
    opacity: 1;
}
.video-info .animate-text-2 {
    font-size: 37px;
    letter-spacing: 2px;
    position: absolute;
    top: 66px;
    left: 344px;
    opacity: 0;
}
.video-info.animate .animate-text-2 {
    -webkit-transition: all 1.2s 0.5s;
    -o-transition: all 1.2s 0.5s;
    -moz-transition: all 1.2s 0.5s;
    transition: all 1.2s 0.5s;
    top: 196px;
    opacity: 1;
}
.video-info .animate-text-3 {
    font-size: 19px;
    letter-spacing: 1px;
    position: absolute;
    top: 250px;
    left: 306px;
    opacity: 0;
}
.video-info.animate .animate-text-3 {
    -webkit-transition: all 1.3s 0.6s;
    -o-transition: all 1.3s 0.6s;
    -moz-transition: all 1.3s 0.6s;
    transition: all 1.3s 0.6s;
    left: 436px;
    opacity: 1;
}
.video-info .video-info-img {
    width: 90px;
    height: 90px;
    cursor: pointer;
    position: absolute;
    top: 319px;
    left: 474px;
    opacity: 0;
}
.video-info.animate .video-info-img {
    -webkit-transition: all 1.3s 1s;
    -o-transition: all 1.3s 1s;
    -moz-transition: all 1.3s 1s;
    transition: all 1.3s 1s;
    opacity: 1;
}
.video-info .video-info-robot {
    position: absolute;
    left: 56%;
    bottom: -100px;
    opacity: 0;
}
.video-info.animate .video-info-robot {
    -webkit-transition: all 1.5s 0.1s;
    -o-transition: all 1.5s 0.1s;
    -moz-transition: all 1.5s 0.1s;
    transition: all 1.5s 0.1s;
    bottom: 86px;
    opacity: 1;
}
#my-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px;
    display: none;
}
.video-js .vjs-big-play-button {
    border: 0!important;
    background-color: #000000!important;
    width: 90px;
    height: 90px;
    font-size: 0;
    top: 43%;
    left: 46%;
    background: url(/img/homePage/video.png) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/video.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/video.png',sizingMethod='scale')";
}
.robot-info {
    width: 860px;
    height: 275px;
    margin: auto;
    margin-top: -40px;
    position: relative;
}
.robot-info .animate-robot-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
}
.robot-info.animate .animate-robot-info {
    -webkit-transition: all 1.5s .1s;
    -o-transition: all 1.5s .1s;
    -moz-transition: all 1.5s .1s;
    transition: all 1.5s .1s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.robot-info-img {
    width: 457px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.robot-info-text {
    width: 445px;
    height: 273px;
    background-color: #f26230;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: white;
    padding: 48px 80px 0 100px;
}
.line {
    border: 1px solid #fff;
    width: 26px;
    border-radius: 10px;
    margin: 12px 0 29px 0;
}
.robot-info-text>div:first-child {
    font-size: 15px;
}
.text-1 {
    font-size: 12px;
    text-align: justify;
    text-justify:inter-ideograph;
    line-height: 20px;
}
.function {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
}
.function>img {
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
}
.bom {
    margin-bottom: 40px;
}
.language {
    color: white;
    width: 100%;
    height: 475px;
    background: url(/img/homePage/icon-14.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-14.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-14.jpg',sizingMethod='scale')";
    position: relative;
}
.language .animate-lan-1 {
    position: absolute;
    top: 0;
    left: 340px;
    opacity: 0;
}
.language .animate-lan-2 {
    position: absolute;
    top: 153px;
    left: 340px;
    opacity: 0;
}
.language.animate .animate-lan-1,.language.animate .animate-lan-2 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    left: 240px;
    opacity: 1;
}
.language .animate-lan-3 {
    position: absolute;
    bottom: 69px;
    left: 240px;
    opacity: 0;
}
.language.animate .animate-lan-3 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    bottom: 169px;
    opacity: 1;
}
.language .animate-lan-4 {
    position: absolute;
    top: 98px;
    right: 10%;
    width: 490px;
    height: 308px;
    opacity: 0;
}
.lan-text-1 {
    font-size: 25px;
    padding: 110px 0 12px 0;
}
.lan-text-2 {
    font-size: 25px;
    padding-bottom: 30px;
}
.lan-text-3 {
    font-size: 13px;
    width: 430px;
    text-align: justify;
    text-justify:inter-ideograph;
    line-height: 23px;
    color: #f4f4f4;
}
.study {
    width: 100%;
    height: 475px;
    background: url(/img/homePage/icon-16.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-16.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-16.jpg',sizingMethod='scale')";
    position: relative;
}
.study .animate-study-1 {
    position: absolute;
    width: 100%;
    top: -100px;
    opacity: 0;
}
.study.animate .animate-study-1 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    top: 0;
    opacity: 1;
}
.study .animate-study-2 {
    position: absolute;
    width: 100%;
    bottom: 44px;
    opacity: 0;
}
.study.animate .animate-study-2 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    bottom: 144px;
    opacity: 1;
}
.study .animate-study-3 {
    position: absolute;
    top: 95px;
    left: 10%;
    width: 420px;
    height: 286px;
    opacity: 0;
}
.study-text1 {
    font-size: 26px;
    padding: 140px 240px 12px 0;
}
.study-text2 {
    font-size: 26px;
    padding-bottom: 44px;
    padding-right: 240px;
}
.study-text3 {
    font-size: 13px;
    line-height: 23px;
    padding-right: 228px;
}
.decision {
    color: white;
    width: 100%;
    height: 475px;
    background: url(/img/homePage/icon-18.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-18.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-18.jpg',sizingMethod='scale')";
    position: relative;
}
.decision .animate-dec-1 {
    position: absolute;
    top: 0;
    left: 340px;
    opacity: 0;
}
.decision .animate-dec-2 {
    position: absolute;
    top: 153px;
    left: 340px;
    opacity: 0;
}
.decision.animate .animate-dec-1,.decision.animate .animate-dec-2 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    left: 240px;
    opacity: 1;
}
.decision .animate-dec-3 {
    position: absolute;
    bottom: 69px;
    left: 240px;
    opacity: 0;
}
.decision.animate .animate-dec-3 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    bottom: 169px;
    opacity: 1;
}
.decision .animate-dec-4 {
    position: absolute;
    top: 0;
    right: 17%;
    width: 385px;
    height: 475px;
    opacity: 0;
}
.data {
    width: 100%;
    height: 475px;
    background: url(/img/homePage/icon-20.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-20.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-20.jpg',sizingMethod='scale')";
    position: relative;
}
.data .animate-data-1 {
    position: absolute;
    width: 100%;
    top: -100px;
    opacity: 0;
}
.data.animate .animate-data-1 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    top: 0;
    opacity: 1;
}
.data .animate-data-2 {
    position: absolute;
    width: 100%;
    bottom: 44px;
    opacity: 0;
}
.data.animate .animate-data-2 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    bottom: 144px;
    opacity: 1;
}
.data .animate-data-3 {
    position: absolute;
    top: 112px;
    left: 15%;
    width: 432px;
    height: 252px;
    opacity: 0;
}
.face {
    color: white;
    width: 100%;
    height: 475px;
    background: url(/img/homePage/icon-22.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-22.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-22.jpg',sizingMethod='scale')";
    position: relative;
}
.face .animate-face-1 {
    position: absolute;
    top: 0;
    left: 340px;
    opacity: 0;
}
.face .animate-face-2 {
    position: absolute;
    top: 153px;
    left: 340px;
    opacity: 0;
}
.face.animate .animate-face-1,.face.animate .animate-face-2 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    left: 240px;
    opacity: 1;
}
.face .animate-face-3 {
    position: absolute;
    bottom: 69px;
    left: 240px;
    opacity: 0;
}
.face.animate .animate-face-3 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    bottom: 169px;
    opacity: 1;
}
.face .animate-face-4 {
    position: absolute;
    top: 51px;
    right: 20%;
    width: 285px;
    height: 373px;
    opacity: 0;
}
.auto {
    width: 100%;
    height: 475px;
    background-color: #f2f2f2;
    position: relative;
}
.auto .animate-auto-1 {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
}
.auto .animate-auto-4 {
    position: absolute;
    top: 0;
    left: 7%;
    width: 675px;
    height: 448px;
    opacity: 0;
}
.location {
    color: white;
    width: 100%;
    height: 475px;
    background: url(/img/homePage/icon-25.jpg) no-repeat center;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-25.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/homePage/icon-25.jpg',sizingMethod='scale')";
    position: relative;
}
.location .animate-loc-1 {
    position: absolute;
    top: 0;
    left: 340px;
    opacity: 0;
}
.location .animate-loc-2 {
    position: absolute;
    top: 170px;
    left: 340px;
    opacity: 0;
}
.location.animate .animate-loc-1,.location.animate .animate-loc-2 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    left: 240px;
    opacity: 1;
}
.location .animate-loc-3 {
    position: absolute;
    bottom: 69px;
    left: 240px;
    opacity: 0;
}
.location.animate .animate-loc-3 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    bottom: 169px;
    opacity: 1;
}
.location .animate-loc-4 {
    position: absolute;
    top: 0;
    right: 11%;
    width: 530px;
    height: 468px;
    opacity: 0;
}
.loc-text {
    font-size: 13px;
    line-height: 23px;
    color: #f4f4f4;
}
.introduce {
    width: 100%;
    height: 715px;
    position: relative;
}
.introduce .animate-intro-1 {
    position: absolute;
    top: 88px;
    left: 20%;
    width: 286px;
    height: 540px;
    opacity: 0;
}
.introduce .animate-intro-2 {
    position: absolute;
    top: 0;
    opacity: 0;
}
.introduce.animate .animate-intro-2 {
    -webkit-transition: all 1s 0s;
    -o-transition: all 1s 0s;
    -moz-transition: all 1s 0s;
    transition: all 1s 0s;
    top: 100px;
    opacity: 1;
}
.introduce .animate-intro-3 {
    position: absolute;
    top: 166px;
    opacity: 0;
}
.introduce.animate .animate-intro-3 {
    -webkit-transition: all 1s .2s;
    -o-transition: all 1s .2s;
    -moz-transition: all 1s .2s;
    transition: all 1s .2s;
    opacity: 1;
}
.introduce .animate-intro-4 {
    position: absolute;
    top: 207px;
    opacity: 0;
}
.introduce.animate .animate-intro-4 {
    -webkit-transition: all 1s .3s;
    -o-transition: all 1s .3s;
    -moz-transition: all 1s .3s;
    transition: all 1s .3s;
    opacity: 1;
}
.introduce .animate-intro-5 {
    position: absolute;
    top: 245px;
    opacity: 0;
}
.introduce.animate .animate-intro-5 {
    -webkit-transition: all 1s .4s;
    -o-transition: all 1s .4s;
    -moz-transition: all 1s .4s;
    transition: all 1s .4s;
    opacity: 1;
}
.introduce .animate-intro-6 {
    position: absolute;
    top: 283px;
    opacity: 0;
}
.introduce.animate .animate-intro-6 {
    -webkit-transition: all 1s .5s;
    -o-transition: all 1s .5s;
    -moz-transition: all 1s .5s;
    transition: all 1s .5s;
    opacity: 1;
}
.introduce .animate-intro-7 {
    position: absolute;
    top: 318px;
    opacity: 0;
}
.introduce.animate .animate-intro-7 {
    -webkit-transition: all 1s .6s;
    -o-transition: all 1s .6s;
    -moz-transition: all 1s .6s;
    transition: all 1s .6s;
    opacity: 1;
}
.introduce .animate-intro-8 {
    position: absolute;
    top: 356px;
    opacity: 0;
}
.introduce.animate .animate-intro-8 {
    -webkit-transition: all 1s .7s;
    -o-transition: all 1s .7s;
    -moz-transition: all 1s .7s;
    transition: all 1s .7s;
    opacity: 1;
}
.introduce .animate-intro-9 {
    position: absolute;
    top: 394px;
    opacity: 0;
}
.introduce.animate .animate-intro-9 {
    -webkit-transition: all 1s .8s;
    -o-transition: all 1s .8s;
    -moz-transition: all 1s .8s;
    transition: all 1s .8s;
    opacity: 1;
}
.introduce .animate-intro-10 {
    position: absolute;
    top: 432px;
    opacity: 0;
}
.introduce.animate .animate-intro-10 {
    -webkit-transition: all 1s .9s;
    -o-transition: all 1s .9s;
    -moz-transition: all 1s .9s;
    transition: all 1s .9s;
    opacity: 1;
}
.introduce .animate-intro-11 {
    position: absolute;
    top: 470px;
    opacity: 0;
}
.introduce.animate .animate-intro-11 {
    -webkit-transition: all 1s 1s;
    -o-transition: all 1s 1s;
    -moz-transition: all 1s 1s;
    transition: all 1s 1s;
    opacity: 1;
}
.introduce .animate-intro-12 {
    position: absolute;
    top: 508px;
    opacity: 0;
}
.introduce.animate .animate-intro-12 {
    -webkit-transition: all 1s 1.1s;
    -o-transition: all 1s 1.1s;
    -moz-transition: all 1s 1.1s;
    transition: all 1s 1.1s;
    opacity: 1;
}
.introduce .animate-intro-13 {
    position: absolute;
    top: 546px;
    opacity: 0;
}
.introduce.animate .animate-intro-13 {
    -webkit-transition: all 1s 1.2s;
    -o-transition: all 1s 1.2s;
    -moz-transition: all 1s 1.2s;
    transition: all 1s 1.2s;
    opacity: 1;
}
.introduce .animate-intro-14 {
    position: absolute;
    top: 584px;
    opacity: 0;
}
.introduce.animate .animate-intro-14 {
    -webkit-transition: all 1s 1.3s;
    -o-transition: all 1s 1.3s;
    -moz-transition: all 1s 1.3s;
    transition: all 1s 1.3s;
    opacity: 1;
}
.intro-text {
    font-size: 26px;
    margin-bottom: 33px;
}
.intro-detail {
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    margin-bottom: 18px;
}
.intro-detail>div {
    float: left;
}
.intro-detail>div:first-child>img {
    width: 16px;
    height: 16px;
    margin: 2px 15px 2px 0;
}
.language.animate .animate-lan-4,
.study.animate .animate-study-3,
.decision.animate .animate-dec-4,
.data.animate .animate-data-3,
.face.animate .animate-face-4,
.location.animate .animate-loc-4,
.auto.animate .animate-auto-4,
.auto.animate .animate-auto-1,
.introduce.animate .animate-intro-1 {
    -webkit-transition: all 2s 0.3s;
    -o-transition: all 2s 0.3s;
    -moz-transition: all 2s 0.3s;
    transition: all 2s 0.3s;
    opacity: 1;
}