* {
    font-family: 微软雅黑, Microsoft YaHei, Calibri, Helvetica, Segoe UI, sans-serif;
}

#navbar ul li a {
    font-family: 微软雅黑, Microsoft YaHei, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #333;
}

#navbar ul li.active a,
#navbar ul li a:hover {
    color: #22a8eb;
}

html, body {
    width: 100%;
    height: 100%;
}

.navbar-wrapper {
    width: 100%;
    height: 78px;
    background-color: #fff;
    border-bottom: 1px solid #22a8eb;
    text-align: center;
}

.navbar-wrapper .container {
    margin: 0;
    padding: 0;
}

.navbar-wrapper .navbar-header,
.navbar-wrapper .lang,
.navbar-wrapper #navbar > ul li {
    height: 78px;
    text-align: left;
}

.navbar-wrapper .lang div.dropdown button,
.navbar-wrapper .lang {
    min-width: 80px;
}


#navbar {
    text-align: left;
    width: 100%;
}

#navbar > ul {
    display: inline-block;
}

.navbar-wrapper .lang {
    padding: 35px 20px 0 20px;
}

.navbar-wrapper .lang button,
.navbar-wrapper .lang ul li {
    font-size: 12px;
    padding: 4px 8px;
}

.navbar-wrapper .lang ul {
    min-width: 40px;
}

.navbar-wrapper #navbar > ul li a {
    height: 77px;
    padding: 39px 20px 0 20px;
}

#popup-product-list {
    position: absolute;
    left: 0;
    top: 78px;
    width: 100%;
    height: 228px;
    background-color: rgba(255, 255, 255, 0.98);
    z-index: 100;
    display: none;
}

.product-page #popup-product-list {
    position: fixed;
}

#popup-product-list .row > div {
    text-align: center;
    padding-top: 34px;
}

#popup-product-list .row > div .figure {
    line-height: 130px;
    margin-bottom: 28px;
}

#popup-product-list .row > div a {
    color: #999;
}

#home-content {
    clear: both;
    background-color: black;
}

.container.expand-banner,
#home-content {
    width: 100%;
    height: 714px;
    padding: 0px;
}

#home-content #splash .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
}

#home-content #splash .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

#home-article .row {
    max-width: 1121px;
    margin: 71px 0 71px 0;
}

#home-article .row h4 {
    margin: 0px 0px 43px 0;
    font-size: 17px;
    height: 34px;
    color: #333;
    font-weight: bold;
    border-left: 10px solid #22a8eb;
    display: block;
    padding: 8.5px 0 0 18px;
}

#home-article .row div.container {
    padding: 0;
}

#home-article .row div.container a img {
    max-width: 100%;
}

#footer-info {
    background-color: #e5e5e5;
    padding: 90px 0;
}

#footer-info .row h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

#footer-info .row .container {
    padding: 0;
    width: 100%;
}

#footer-info .row .container p {
    font-size: 15px;
    color: #666;
}

#footer {
    padding: 60px 0;
    background-color: #525252;
    color: #eee;
}

#footer .container {
    text-align: center;
}

#footer .container a,
#footer .container a:visited {
    color: #eee;
}

#footer .container a:hover {
    color: #22a8eb;    
}

.product-page #product-content {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.product-page .navbar-wrapper {
    position: fixed;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(34, 168, 235, 0.9);
}

.product-page .swiper-wrapper {
        padding-top: 77px;
}

.product-page #footer-info,
.product-page #footer {
    display: none;
}

#about-banner {
    background-image: url(../images/banner-about.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 606px;
    color: white;
    text-align: center;
    padding-top: 200px;
}

#about-banner h1 {
    display: inline-block;
    text-align: left;
    margin: 0 0 0 -180px;
    padding: 0;
    font-size: 46px;
}

#about-banner .container {
    text-align: right;
    padding-top: 180px;
}

#about-banner .container ul li {
    list-style: none;
    text-align: right;
    font-size: 18px;
}

#about-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

#about-content h1 {
    font-size: 24px;
    margin: 0 0 12px 0;
    padding: 0;
    color: #333;
}

#about-content div p {
    color: #666;
    font-size: 16px;
}

#buy-container {
   background-color: #f3f3f3;
   padding: 0;
}

#buy-content {
    margin-top: 80px;
    margin-bottom: 600px;
    padding-right: 65px;
    color: #666;
    font-size: 20px;
}

#buy-content h1,
#buy-content h2 {
    margin: 0 0 12px 0;
    padding: 0;
    color: #333;
}

#buy-content h1 {
    font-size: 35px;
    margin-bottom: 56px;
}

#buy-content h2 {
    font-size: 24px;
    margin-top: 56px;
}

#buy-lidar {
    background-color: #eee;
    margin: 56px 0;
    padding: 34px 40px;
}

#buy-lidar h2 {
    margin-top: 0;
}

#buy-lidar p {
    margin: 0;
}

#buy-options a {
    display: inline-block;
    width: 230px;
    height: 181px;
    background: #fff;
    text-align: center;
    margin: 7px;
}

#buy-options {
    padding-left: 50px;
}

#lidar-slide-general, #lidar-slide-general-a2 {
    background-color: #eee;
    text-align: center;
    background-image: url(../images/lidar/rplidar-a1.png);
    background-repeat: no-repeat;
}

#lidar-slide-general-a2 {
    background-image: url(../images/lidar/rplidar-a2.png);
}

#lidar-slide-general, #lidar-slide-general-a2 h1,
#lidar-slide-general > p, #lidar-slide-general-a2 > p {
    position: relative;
}

#lidar-slide-general, #lidar-slide-general-a2 {
    background-position-x: 40px;
}

#lidar-slide-general, #lidar-slide-general-a2 {
    background-position-y: 70%;
}

#lidar-slide-general h1, #lidar-slide-general-a2 h1 {
    top: 5%;
}

#lidar-slide-general > p, #lidar-slide-general-a2 > p {
    top: 7%;
}

#lidar-slide-general-a2 > p.a1 {
    position: relative;
    top: 65%;
}

#lidar-slide-general-a2 > p.a1 a {
    border: 1px solid #bbb;
    border-radius: 6px;
}

#lidar-brief-spec {
    right: 20px;
}

#lidar-brief-spec {
    top: 40%;
}

#lidar-slide-compare {
    padding-top: 100px;
    text-align: center;
}

#lidar-slide-compare h1 {
    margin-bottom: 50px;
}

#lidar-slide-app-a2 {
    padding-top: 100px;
    text-align:center;
    background-color: #ccc;
}

#lidar-slide-app-a2 h1 {
    margin-bottom: 100px;
}

@media screen and (-webkit-min-height: 1060px), screen and (-moz-min-width: 1060px), screen and (min-width: 1060px) {

    #lidar-slide-general, #lidar-slide-general-a2 {
        background-position-y: 70%;
    }

    #lidar-slide-general h1, #lidar-slide-general-a2 h1 {
        top: 15%;
    }

    #lidar-slide-general > p, #lidar-slide-general-a2 > p {
        top: 20%;
    }

    #lidar-brief-spec {
        top: 40%;
    }

}

@media screen and (-webkit-min-width: 1440px), screen and (-moz-min-width: 1440px), screen and (min-width: 1440px) {
    #lidar-slide-general, #lidar-slide-general-a2 {
        background-position-x: 20%;
    }

    #lidar-brief-spec {
        right: 20%;
    }
}

@media screen and (-webkit-max-width: 768px), screen and (-moz-max-width: 768px), screen and (max-width: 768px) {
    .navbar-header .navbar-brand img {
        width: 98px;
        height: 23px;
        margin-left: 8px;
        margin-top: 10px;
    }
}

#lidar-brief-spec {
    position: absolute;
    width: 500px;
    height: 800px;
}

#lidar-brief-spec .spec-item {
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    display: inline-block;
    width: 174px;
    height: 114px;
    margin: 34px;
    color: #3eaaec;
}

#lidar-brief-spec .spec-item h4 {
    margin: 22px 0;
    padding: 0;
    font-size: 17px;
}

#lidar-brief-spec .spec-item p {
    font-size: 36px;
    line-height: 36px;
    padding: 0;
    margin: 0;
}

#lidar-brief-spec .spec-item span.small {
    font-size: 17px;
}

#lidar-slide-spec {
    background-color: #fff;
    background-image: url(../images/lidar/rplidar-a1-front.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#lidar-slide-spec div.row {
    height: 40%;
    padding: 0;
    margin: 0;
}

#lidar-spec-detail-cont {
    height: 20%;
    text-align: center;
}

#lidar-spec-detail-cont .btn {
    border: 1px solid #38b8ec;
    border-radius: 4px;
    padding: 10px;
    color: #999;
}

#lidar-slide-spec div.row > div {
    height: 100%;
    margin: 0;
    padding: 0;
}

#lidar-spec-onmidirectional,
#lidar-spec-scan-rate,
#lidar-spec-plug-n-play,
#lidar-spec-slam {
    background-repeat: no-repeat;
    background-position: center center;
}

#lidar-slide-app {
    background-color: #555;
}

#lidar-slide-app > .container {
    height: 100%;
}

#lidar-slide-app h1 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    height: 5%;
}

#lidar-slide-app ul {
    height: 5%;
    text-align: center;
    padding: 10px;
}

#lidar-slide-app ul li {
    display: inline-block;
    height: 32px;
    width: 120px;
    border-radius: 16px;
    margin: 0 16px;
    background-color: #818181;
    color: #fff;
    font-size: 15px;
    padding: 6px 8px;
}

#lidar-slide-app .row {
    height: 37.5%;
}

#lidar-slide-app .row > div {
    padding: 0 16px;
    margin-bottom: 16px;
    overflow: hidden;
    height: 100%;
}

#lidar-slide-app .row > div .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

#lidar-app-slam .img {
    background-image: url(../images/lidar/scene-slam.png);
}

#lidar-app-3d-scan .img {
    background-image: url(../images/lidar/scene-3d-scan.png);
}

#lidar-app-multi-touch .img {
    background-image: url(../images/lidar/scene-multi-touch.png);
}

#lidar-app-obstacle-avoidance .img {
    background-image: url(../images/lidar/scene-obstacle-avoidance.png);
}

#lidar-slide-app .row > div h4 {
    display: block;
    padding: 17px;
    margin: 0;
    background-color: #3eaaec;
    color: #fff;
    height: 52px;
    font-size: 17px;
}

#lidar-slide-download {
    background-color: #fff;
}

#lidar-slide-download .row {
    padding-top: 64px;
}

#lidar-slide-download .row > div,
.download-container {
    height: 100%;
    padding: 0 16px 16px 66px;
    margin-bottom: 24px;
    background-position: left top;
    background-repeat: no-repeat;
}

.download-container table {
    width: 100%;
}

.download-container table th,
.download-container table td,
.download-container table tr {
    margin: 0;
}

.download-container table th {
    padding: 4px 8px;
    border-bottom: 1px solid #777;
}

.download-container table td {
    padding: 8px 8px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}

#lidar-slide-download .row > div h4 {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 18px;
}

#lidar-slide-download .row > div p {
    margin: 4px 0;
    font-size: 16px;
    color: #999;
}

#lidar-slide-download .row > div ul,
#lidar-slide-download .row > div li,
.download-container ul,
.download-container ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#lidar-slide-download .row > div ul,
.download-container ul {
    margin-top: 8px;
    margin-bottom: 12px;
}

#lidar-slide-download .row > div li,
.download-container ul li {
    display: inline-block;
    height: 32px;
    border: 1px solid #38b8ec;
    border-radius: 4px;
    color: #999;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 8px;
}

#lidar-slide-download .row > div li a,
.download-container ul li a {
    color: #999;
}

#lidar-download-model,
#slamware-download-firmware {
    background-image: url(../images/lidar/icon-model.png);
}

#lidar-download-sdk,
#slamware-download-sdk {
    background-image: url(../images/lidar/icon-sdk.png);
}

#lidar-download-appnote,
#slamware-download-tools {
    background-image: url(../images/lidar/icon-appnote.png);
}

#lidar-download-document,
#slamware-download-document {
    background-image: url(../images/lidar/icon-document.png);
}

#lidar-spec-content > .row {
    border-bottom: 1px solid #999;
    padding: 60px 0;
    overflow: hidden;
}

#lidar-spec-content :last-child {
    border-bottom: none;
}

#lidar-spec-content > .row h4 {
    font-size: 25px;
    color: #333;
}

#lidar-spec-content > .row table {
    margin: 16px 16px 16px 80px;
    width: 100%;
}

#lidar-spec-content > .row table td {
    padding: 38px 0 22px 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

#lidar-spec-content > .row table td.label {
    display: table-cell;
    text-align: left;
    color: #666;
    width: 200px;
    border-bottom: none;
}

#lidar-spec-content > .row table td.value {
    width: 200px;
    color: #666;
}

#lidar-spec-content > .row table td.comment {
    color: #999;
}

#lidar-spec-title {
    height: 635px;
    background-image: url(../images/lidar/figure-dimension.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 780px;
    font-size: 30px;
    color: #666;
    line-height: 76px;
}

#lidar-spec-accuracy {
    height: 515px;
    padding-top: 158px;
    background-image: url(../images/lidar/figure-accuracy.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 780px;
    font-size: 16px;
    color: #666;
}

#lidar-a2-content {
    height: 800px;
    background-color: #fbfbfb;
    background-image: url(../images/lidar/photo-a2.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 113px;
}

#lidar-a2-content h1 {
    font-size: 40px;
    color: #333;
}

#lidar-a2-content p {
    font-size: 25px;
    color: #666;
}

#lidar-a2-content a.btn {
    margin-top: 380px;
    border: 1px solid #38b8ec;
    border-radius: 4px;
    color: #999;
    font-size: 16px;
    padding: 5px;
}

#slamware-slide-general {
    background-color: #eee;
    padding-top: 125px;
}

#slamware-slide-general .container {
    position: absolute;
    top: 125px;
    bottom: 225px;
    left: 0;
    right: 0;
    background-image: url(../images/slamware/photo-slamware-core.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#slamware-slide-general .container h1 {
    text-align: center;
    margin-bottom: 30px;
}

#slamware-slide-general .container .row {
    position: absolute;
    right: 0;
    width: 380px;
    height: 112px;
}

#slamware-slide-general .container .row > div {
    height: 100%;
    margin: 2%;
    width: 45%;
    border: 1px solid #999;
    border-radius: 8px;
    text-align: center;
    padding-top: 80px;
    color: #51b1ec;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-lidar {
    background-image: url(../images/slamware/icon-lidar.png);
}

.icon-slam {
    background-image: url(../images/slamware/icon-slam.png);
}

.icon-resolution {
    background-image: url(../images/slamware/icon-resolution.png);
}

.icon-dstar {
    background-image: url(../images/slamware/icon-dstar.png);
}

#slamware-general-first-row {
    bottom: 170px;
}

#slamware-general-second-row {
    bottom: 36px;
}

#slamware-slide-solution {
    background-color: #fff;
}

#slamware-slide-sweep {
    background-color: #666;
    color: #fff;
}

#slamware-slide-sweep .container {
    height: 100%;
}

#slamware-slide-sweep h1 {
    height: 10%;
    padding-top: 64px;
    font-size: 30px;
}

#slamware-slide-sweep .row {
    height: 37.5%;
}

#slamware-slide-sweep .row > div {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

#slamware-slide-sweep .row > div h4 {
    position:absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    font-size: 24px;
    text-align: center;
}

.icon-follow-wall {
    background-image: url(../images/slamware/icon-follow-wall.png);
}

.icon-sweep {
    background-image: url(../images/slamware/icon-sweep.png);
}

.icon-region-split {
    background-image: url(../images/slamware/icon-region-split.png);
}

.icon-auto-charge {
    background-image: url(../images/slamware/icon-auto-charge.png);
}

.icon-pause-n-continue {
    background-image: url(../images/slamware/icon-pause-n-continue.png);
}

.icon-mobile-app {
    background-image: url(../images/slamware/icon-mobile-app.png);
}

#slamware-slide-download {
    background-color: #fff;
    padding-top: 64px;
}

#slamware-slide-solution h1 {
    padding-top: 52px;
    height: 5%;
    font-size: 30px;
    color: #333;
}

#slamware-slide-solution > .container {
    height: 100%;
}

#slamware-slide-solution .row {
    height: 85%;
    background-image: url(../images/slamware/figure-solution-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#slamware-slide-solution .row > div {
    height: 100%;
}

#slamware-solution-robot {
    background-image: url(../images/slamware/figure-solution-robot.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#slamware-solution-function {
    background-image: url(../images/slamware/figure-solution-function.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 24px;
    color: #333;
    text-align: center;
    padding-top: 50%;
}

#zeus-slide-general {
    background-image: url(../images/zeus/bg-slide-general.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

#zeus-slide-general .container {
    padding: 100px 20px 0 400px;
    font-size: 18px;
    color: #333;
}

#zeus-slide-aries {
    background-image: url(../images/zeus/bg-slide-aries.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}

#aries-feature-bubble {
    width: 288px;
    height: 246px;
    background-image: url(../images/zeus/bg-aries-bubble.png);
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 50px 40px 0 40px;
    position: absolute;
    left: 35%;
    top: 20%;
    font-size: 30px;
}

#zeus-slide-application {
    background-color: #666;
}

#zeus-slide-application .container {
    height: 80%;
    padding-top: 10%;
}

#zeus-slide-application .row {
    height: 40%;
    margin-bottom: 10%;
}

#zeus-slide-application .row > div {
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

#zeus-slide-application .figure {
    width: 100%;
    height: 80%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#zeus-slide-application .row > div h4 {
    font-size: 24px;
}

.icon-ad {
    background-image: url(../images/zeus/icon-ad.png);
}

.icon-meeting {
    background-image: url(../images/zeus/icon-meeting.png);
}

.icon-accompany {
    background-image: url(../images/zeus/icon-accompany.png);
}

.icon-beverage {
    background-image: url(../images/zeus/icon-beverage.png);
}

.icon-information {
    background-image: url(../images/zeus/icon-information.png);
}

.icon-document {
    background-image: url(../images/zeus/icon-document.png);
}

.icon-slam {
    background-image: url(../images/zeus/icon-slam.png);
}

.icon-charge {
    background-image: url(../images/zeus/icon-charge.png);
}

.icon-remote {
    background-image: url(../images/zeus/icon-remote.png);
}

.icon-extension {
    background-image: url(../images/zeus/icon-extension.png);
}

#zeus-slide-spec h4 {
    font-size: 30px;
    margin: 30px 0 24px 0;
    color: #333;
}

#zeus-slide-spec .row {
    margin-bottom: 40px;
}

#zeus-slide-spec .row > div {
    background-repeat: no-repeat;
    padding-top: 0;
    font-size: 16px;
    color: #666;
}

#zeus-slide-spec .row > div h4 {
    font-size: 24px;
    color: #333;
    margin-top: 0;
    padding-top: 0;
}

#zeus-slide-spec .row > div:first-child {
    background-position: 90% top;
    text-align: right;
    padding-right: 10%;
}

#zeus-slide-spec .row > div:last-child {
    background-position: 10% top;
    text-align: left;
    padding-left: 10%;
}

#zeus-slide-spec {
    background-image: url(../images/zeus/bg-slide-spec.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#zeus-spec-list {
    font-size: 16px;
    color: #333;
    background-image: url(../images/zeus/zeus-dimension.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 630px;
}

#zeus-spec-list ul,
#zeus-spec-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #666;
}

@media
screen and (-webkit-min-width: 1121px),
screen and (-moz-min-width: 1121px),
screen and (min-width: 1121px)
{
    .navbar-wrapper > .container {
        width: 1121px;
        display: inline-block;
        height: 100%;
    }
}

@media
screen and (-webkit-min-width: 768px),
screen and (-moz-min-width: 768px),
screen and (min-width: 768px)
{
    .navbar-wrapper .lang,
    .navbar-nav {
        float: right;
    }
}

.slide-nav {
    position: fixed;
    width: 100px;
    height: auto;
    right: 40px;
    top: 160px;
    z-index: 9999;
}

#support-container div.container div.row > div div.download-container {
    padding: 0 16px 0 0;
}

#support-container {
   background-color: #f3f3f3;
   padding: 32px 0;
}

#support-container .success i,
#support-container .fail i
{
    font-size: 64px;
}

#support-container .success i {
    color: green;
}