Hiwonder ROSPug Quadruped Bionic Robot Dog Powered by Jetson Nano ROS Open Source Python Programming

.border { margin-bottom: 12px; border: 1px solid #e6e6e6 ; } .dotLine { width: 100%; height: 1px; margin-bottom: 46px; text-align: center; border-bottom: 2px dashed #ccc; } .border { display: block; margin: 0 auto; border: 1px solid #e6e6e6 ; } .mainImg { width: 100%; height: auto; margin-bottom: 46px; } .head { line-height: 1.3; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 30px; margin-bottom: 20px; text-align: center; } .desc { font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 18px; color: #101010; line-height: 2; } .descItem { padding-bottom: 46px; } .short-pad.descItem { padding-bottom: 30px; } .descItem > .head { line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 30px; margin-bottom: 10px; text-align: center; } .descItem > .desc { font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 16px; color: rgba(16, 16, 16, 100); line-height: 1.66; } .descItem > .downImg{ margin-top: 15px; } .descItem >.noDesc{ margin-top: 12px; } .iframeContainer { line-height: 20px; text-align: center; border: 1px solid rgba(255, 255, 255, 100); margin-bottom: 30px; } .iframeContainer > .iframe { width: 100%; margin-top: 17px; border: none; } .imageContainer { padding-bottom: 43px; display: flex; justify-content: space-between; } .imageContainer > .imageItem { width: 49%; display: flex; flex-direction: column; } .imageItem > .a-span6{ margin-bottom: 12px; flex: 1; } .imageItem > img { margin-bottom: 14px; width: 100%; } .twolevelright > .twolevel > img { width: 100%; margin-bottom: 24px; } .four-column-images { display: flex; justify-content: space-between; } .four-column-images .a-column{ width: 32%; } .four-column-images .a-column1 { width: 24%; } .four-column-images .a-column .column-head{ display: grid; justify-items: start; margin-top: 10px; align-items: center; height: 30px; } .Packing-head{ padding-top: 30px; } .head.Packing-head{ margin-bottom: 10px; } .Packing-head-x{ line-height: 1.3; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 30px; text-align: center; margin-bottom: 0px; } .four-column-images .a-column1 .column-head1{ display: grid; justify-items: start; margin-top: 10px; align-items: center; height: 40px; } .column-image{ font-size: 0; } .four-column-images .a-column1 .column-head { display: grid; justify-items: start; align-items: center; margin-top: 10px; height: 35px; } .four-column-images .a-column .head, .four-column-images .a-column1 .head { margin: 0 auto; font-size: 16px; } .four-column-images .a-column .description,.four-column-images .a-column1 .description { font-size: 14px; line-height: 1.66; text-align: left; } .descItem > img { width: 100%; } .multi-desc{ margin-top: 10px; } .viewMore{ position: absolute; width: 150px; margin-left: 15px; text-align: center; font-size: 20px; padding: 4px 6px; border-radius: 30px; border: 1px solid #f98800; color: #fff; background: #f98800; } .viewMore:hover{ color: #fff; } .ti-container{ display: block; } .ti-container-mo{ display: none; } .t-container{ position: absolute; width: 100%; display: flex; font-size: 16px; justify-content: space-evenly; line-height: 1.6; } .top-25-7{ top: 25.7%; } .top-54-7{ top: 54.7%; } .bottom-5{ bottom: 5%; } .t-container p{ width: 44%; } @media screen and (max-width: 1199px) { .t-container{ font-size: 14px; line-height: 1.3; } } @media screen and (max-width: 1000px) { .ti-container{ display: none; } .ti-container-mo{ display: block; } } @media screen and (min-width: 1025px) { .switch_picture { display: flex; justify-content: space-between; max-width: 1220px; margin: 0 auto; align-items: center; } .tab-nav { flex: 36%; padding-right: 7px; } .tab-nav li { padding-left: 50px; cursor: pointer; transition: all .2s ease-out; } .tab-nav .nav-tit { font-size: 16px; margin-bottom: 16px; width: 262px; padding: 12px 0px; border-radius: 30px; line-height: 10px; border: 1px solid #000000d9; text-align: center; } .tab-nav .nav-tit:hover{ background-color: #0000000a; } .li-active .nav-tit { color: #fff; background-color: #000; } .li-active .nav-tit:hover{ background-color: #000c; } .tab-right-img { flex: 70%; } .tab-right-img .img-show{ display: block; } .tab-right-img li{ display: none; } } @media screen and (max-width: 1026px) { .control_type_pc { display: none; } } .show { transition: all .3s linear; animation: show .3s linear; display: block !important; } .hide { transition: all .3s linear; animation: hide .3s linear; display: none !important; } .control_type { position: relative; } .imageDescContainer { width: 100%; display: block; margin: 0 auto; } .titlepicfile-a{ position: relative; } .titlepicfile-b{ position: absolute; left: 50px; top: 70px; color: #fff; } .titlepicfile-head{ font-size: 55px; font-weight: 600; } .titlepicfile-desc{ font-size: 27px; margin-left: 3px; } .imageDescContainer > .head { text-align: center; margin-bottom: 8px; font-size: 20px; } .title-gap{ height: 60px; display: grid; align-items: center; } .imageDescCo