/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */


/* Document
       ========================================================================== */


/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */

html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    font-family: "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    color: #333;
}


/* Sections
       ========================================================================== */


/**
     * Remove the margin in all browsers (opinionated).
     */

body {
    margin: 0;
}


/**
     * Add the correct display in IE 9-.
     */

* {
    margin: 0;
    padding: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

a {
    color: #333;
    text-decoration: none;
}

ul,
ol,
li {
    list-style-type: none;
}

.top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 78px;
    background: #fff;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    clear: both;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.page-footer {
    min-width: 1200px;
    background: #424953;
    color: #fff;
    line-height: 2rem;
    font-size: 14px;
    text-align: center;
    padding: 45px 0;
}

.introduction {
    min-width: 1200px;
}

#parallax {
    margin: 0 auto;
    position: relative;
}

#parallax .bg {
    position: absolute;
    left: 0;
    right: 0;
    background: url(img/bg.png) center center no-repeat;
    height: 300px;
}

.banner {
    background: #609eeb;
    height: 300px;
    overflow: hidden;
}

.banner .tit {
    position: relative;
    width: 1200px;
    color: #fff;
    margin: 0 auto;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.banner .tit h1 {
    padding-top: 67px;
    font-family: "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 58px;
    margin-bottom: 28px;
    letter-spacing: 5px;
    font-weight: normal;
}

.banner .tit p {
    font-family: "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 32px;
    letter-spacing: 2px;
}

.banner-bg {
    background: url(../img/smart.png) right no-repeat;
    height: 510px;
    width: 1200px;
    margin: 0 auto;
    margin-top: -250px;
}

.products {
    padding-top: 60px;
}

.products h2 {
    display: block;
    width: 141px;
    height: 65px;
    background: url(../img/products-t.png);
    margin: 0 auto;
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 46px;
}

.products-item {
    display: inline-block;
    width: 335px;
    margin-left: 80px;
    min-height: 420px;
    vertical-align: top;
}

.products-item:hover {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.products-item h3 {
    font-size: 0;
}

.products-item p {
    font-size: 16px;
    line-height: 32px;
    margin-top: 16px;
}

.products-row {
    margin-left: -60px;
}

.feature {
    background: #f5f5f5;
    padding-top: 60px;
}

.feature h2 {
    display: block;
    width: 143px;
    height: 65px;
    background: url(../img/feature-t.png);
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 46px;
    margin-top: 30px;
}

.slide-btn {
    display: inline-block;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 10px 52px;
    border-radius: 50px;
    cursor: pointer;
}

.flex-active-slide .slide-btn {
    background: #8ac693;
    color: #fff;
    border-color: #86c598;
}

.flex-viewport .slide-tab {
    width: 480px !important;
    margin: 0 auto;
}

.flex-viewport .slide-tab li {
    margin-left: 10px;
}

#slider {
    width: 990px;
    padding: 0 20px;
    margin: 0 auto;
}

#slider li .list {
    margin-left: -70px;
}

#slider li .list .item {
    display: inline-block;
    width: 250px;
    margin-left: 90px;
    vertical-align: top;
}

#slider li .list .item img {
    box-shadow: 0px 20px 30px 0px rgba(12, 3, 6, 0.18);
    margin-bottom: 49px;
}

#slider li .list .item p {
    line-height: 32px;
}

#slider {
    padding-bottom: 68px;
}

.case {
    background: #9ed26a;
    padding-top: 60px;
    padding-bottom: 65px;
}

.case h2 {
    display: block;
    width: 141px;
    height: 66px;
    background: url(../img/case-t.png);
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 46px;
    margin-top: 30px;
}

.case-info {
    color: #fff;
    font-size: 20px;
    width: 800px;
    line-height: 36px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.case-item {
    margin-bottom: 25px;
}

.case-item .tit {
    font-size: 0;
    margin-bottom: 16px;
}

.case-item .tit .title {
    display: inline-block;
    padding: 7px 9px;
    font-size: 16px;
    background: #fe6951;
    border-bottom: 1px solid #fe6951;
    color: #fff;
    position: relative;
}

.case-item .tit .title:after {
    position: absolute;
    right: -14px;
    top: 0;
    width: 0;
    height: 0;
    content: " ";
    border-width: 16px 7px;
    border-style: solid;
    border-color: transparent transparent #fe6951 #fe6951;
}

.case-item .tit .role {
    display: inline-block;
    border-bottom: 1px solid #fe6951;
    padding: 7px 9px 7px 25px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.student .tit .title {
    padding: 7px 9px;
    font-size: 16px;
    background: #629ee4;
    border-bottom: 1px solid #629ee4;
}

.student .tit .title:after {
    border-color: transparent transparent #629ee4 #629ee4;
}

.student .tit .role {
    border-bottom: 1px solid #629ee4;
}

.parent .tit .title {
    padding: 7px 9px;
    font-size: 16px;
    background: #af92ef;
    border-bottom: 1px solid #af92ef;
}

.parent .tit .title:after {
    border-color: transparent transparent #af92ef #af92ef;
}

.parent .tit .role {
    border-bottom: 1px solid #af92ef;
}

.ll .talk:hover {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}

.rr .talk:hover {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

.ll {
    position: relative;
    padding-left: 248px;
}

.ll img {
    position: absolute;
    left: 0;
    border-radius: 100%;
    box-shadow: 0px 10px 20px 0px rgba(111, 111, 111, 0.3);
}

.ll .talk {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 10px 20px 0px rgba(111, 111, 111, 0.3);
    padding: 26px;
    width: 650px;
    line-height: 32px;
}

.ll img {
    margin-left: 20px;
}

.rr {
    position: relative;
    padding-left: 248px;
}

.rr .tit {
    width: 700px;
    text-align: right;
}

.rr img {
    position: absolute;
    right: 0;
    border-radius: 100%;
    box-shadow: 0px 10px 20px 0px rgba(111, 111, 111, 0.3);
}

.rr .talk {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 10px 20px 0px rgba(111, 111, 111, 0.3);
    padding: 26px;
    width: 650px;
    line-height: 32px;
}

.rr img {
    margin-right: 20px;
}

.talk {
    position: relative;
}

.ll .talk:after {
    content: " ";
    background: #fff;
    position: absolute;
    left: -20px;
    top: 0;
    width: 30px;
    height: 20px;
    z-index: 4;
    border-top-right-radius: 15px;
}

.ll .talk:before {
    z-index: 5;
    content: " ";
    background: #9fd26b;
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 20px;
    border-bottom-left-radius: 30px;
    transform: rotate(180deg);
}

.rr .talk:after {
    content: " ";
    background: #fff;
    position: absolute;
    right: -20px;
    top: 0;
    width: 30px;
    height: 20px;
    z-index: 4;
    border-top-left-radius: 15px;
}

.rr .talk:before {
    z-index: 5;
    content: " ";
    background: #9fd26b;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 30px;
    transform: rotate(180deg)
}

.probation h2 {
    display: block;
    width: 137px;
    height: 65px;
    background: url(../img/probation-t.png);
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 46px;
    margin-top: 30px;
}

.probation {
    background: #fa6c51;
    padding: 60px 0 90px;
}

.probation .con {
    width: 660px;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

.probation .con .tit {
    font-size: 22px;
    line-height: 38px;
    margin-bottom: 22px;
}

.probation .con .info p {
    background: #ea553f;
    font-size: 18px;
    padding: 24px 18px;
    margin-bottom: 50px;
    line-height: 32px;
}

.probation .con .info {
    margin-bottom: 16px;
}

.probation .join-btn a {
    display: inline-block;
    border-radius: 30px;
    padding: 9px 44px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.probation .join-btn a:hover {
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #fff;
    color: #FA6C51;
}

.probation .join-btn a:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}

.dealership {
    padding: 60px 0 90px;
    background: #5f9cec;
    color: #fff;
}

.dealership h2 {
    display: block;
    width: 143px;
    height: 65px;
    background: url(../img/dealership-t.png);
    margin: 0 auto;
    font-size: 0;
    margin-bottom: 46px;
    margin-top: 30px;
}

.dealership .container {
    position: relative;
}

.advantage {
    background: url(../img/i1.png) no-repeat left center;
    padding-left: 50px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 15px;
}

.agent {
    background: url(../img/i2.png) no-repeat left center;
    padding-left: 50px;
    height: 46px;
    line-height: 46px;
    margin-bottom: 15px;
}

.dealership ul {
    margin-bottom: 30px;
}

.dealership ul {
    line-height: 32px;
}

.dealership img {
    position: absolute;
    top: 0px;
    left: 784px;
}

.agency-btn {
    display: block;
    width: 164px;
    color: #5994d8;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    border-radius: 50px;
    margin: 40px auto 0;
    text-align: center;
    border: 2px solid #5994d8;
}

.agency-btn:hover {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #5F9CEC;
    color: #fff;
    border: 2px solid #fff;
}

.link-btn {
    background: #3B88E7;
    color: #fff;
    border: 1px solid #3B88E7;
    display: block;
    border-radius: 40px;
    padding: 15px 80px;
    margin-top: 20px;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.link-btn:hover {
    background: #196ACD;
}

#carousel {
    margin-bottom: 20px;
}