@charset "utf-8";

html, body {
    /*height: 100%;*/
}

body { padding-top: 50px; }

body, button, input, select, textarea{
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "STHeitiSC-Light", "Microsoft YaHei", "微软雅黑", "WenQuanYi Micro Hei", Arial, sans-serif !important;
}

.wrapper, .main {
    height: 100%;
}

.nav-opcity{
    opacity: 0.8;
}

.navbar-right li a .pre-order {
    font-size: 14px;
    font-weight: normal;
    padding: 0.4em 1.1em 0.4em;
    background-color: #249FC7;
}

.navbar-right li a .pre-order:hover{
    background-color: #31b0d5;
}


.section {
    position: relative;
    height: 100%;
    padding-top: 30px;
    /*padding-bottom: 1rem;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.section h3{
    font-size: 2.6em;
    line-height: 1.4em;
}

.section p {
    font-size: 1.4em;
    line-height: 1.6em;
}


.section-hero {
    padding-bottom: 30px;
}

.section-hero-intro {
    padding-top: 25%;
    padding-bottom: 30%;
}


.section-hero-left {
    margin-right: -4%;
    z-index: 999;
}



.section-hero-intro a{
    font-size: 1.2em;
}

.hero-hw-img {
    padding-left: 30%;
}

.section-hero-intro img {
    max-width: 60%;
    margin-bottom: 20px;
}


.section-features {
    background-color: #f7f7f7;
}


.section-features h3 span {
    color: #d9534f;
    font-size: 1.6em;
}

.section-features .feature-location {
    margin-right: 5%;
    margin-left: 5%;
}


.section-features .feature-list{
    margin-top: 3%;
}

.section-features .feature-list img{
    max-width: 50%;
}

.section-features .feature-list p{
    margin-top: 5%;
    font-size: 1.6em;
}

.section-features .feature-app {
    max-width: 80%;
    margin-top: 3%;
}


.section-car-status {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 50px;
}

.car-status-desc {
    margin-top: 10%;
    z-index: 999;
    margin-right: -8%;
}

.car-status-desc p{
    font-size: 1.4em;
    line-height: 1.6em;
}

.section-insurance {
    background-color: #f7f7f7;
}


.section-insurance p{
    width: 60%;
    font-size: 1.4em;
    line-height: 1.6em;
}


.section-insurance .app-insurance {
    max-width: 70%;
    margin-top: 3%;
}



.section-app-dtc p{
    width: 60%;
    font-size: 1.4em;
    line-height: 1.6em;
}


.section-app-dtc .app-dtc {
    max-width: 30%;
    margin-top: 3%;
}


.section-car-location {
    background-color: #f7f7f7;
}

.app-car-location {
    margin-right: -6%;
}

.app-car-location img {
    max-width: 80%;
}

.car-location-desc {
    margin-top: 10%;
    z-index: 999;
}

.section-hw-features p{
    width: 60%;
    font-size: 1.4em;
    line-height: 1.6em;
}


.section-hw-features .hw-features {
    max-width: 80%;
    margin-top: 3%;
}

.footer {
    border-top: #f1f1f0 solid 1px;
    background: #FBFBFB;
    color: #434d55;
    padding: 18px 0 0 0;
}

.footer p{
    color: #999;
}

.footer .copyright {
    height: 62px;
    background: #F1F1F1;
    color: #434d55;
    font-size: 12px;
}

.footer .copy-label {
    height: 44px;
    padding-top: 18px;
}

.footer .sns {
    height: 44px;
    padding-top: 18px;
}

.footer .sns a {
    padding-right: 5px;
}

.footer .icp {
    margin-left: 10px;
}

.footer .tel {
    font-size: 28px;
    color: #666;
}

.footer .tel a {
    cursor: default;
    color: #434d55;
    text-decoration: none;
}

.footer .icp a {
    color: #999;
    text-decoration: none;
}

.footer .service p {
    text-align: right;
}











.section-hw-overview {
    background-color: #f7f7f7;
    padding-bottom: 50px;
    padding-top: 50px;
}

.hw-overview {
    width: 30%;
    margin-top: 30px;
}

.section-hw-overview p {
    font-size: 1.6em;
    line-height: 1.8em;
}

.section-hw-design {
    background-color: #000;
    padding-top: 100px;
}


.hw-design-front-desc, .hw-design-back-desc {
    color: #ccc;
}

.hw-design-front-desc {
    font-size: 2em;
    margin-top: 50px;
    margin-bottom: 60px;
}

.hw-design-front-desc span {
    font-size: 1.4em;
    padding-left: 120px;
}

.hw-design-back-desc {
    position:relative;
    margin-top: -80px;
    z-index: 999;
}


.section-hw-prosess {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.section-hw-prosess h3 {
    margin-top: 0;
    padding-top: 50px;
}

.section-hw-prosess-top, .hw-prosess-side, .hw-prosess-back {
    background-color: #f7f7f7;
}


.hw-prosess-side, .hw-prosess-back {
    height: 655px;
    padding-top: 80px;
}

.hw-prosess-side {
    border-top: #fff solid 20px;
    border-right: #fff solid 10px;
}

.hw-prosess-back {
    border-top: #fff solid 20px;
    border-left: #fff solid 10px;
}


.hw-prosess {
    width: 66.66666667%;
    margin-top: 50px;
}

.hw-prosess-side img {
    width: 30%;
}

.hw-params {
    margin-bottom: 50px;
}

.section-hw-params ul{
    font-size: 1.6em;
    line-height: 1.8em;
}