.section {
    position: relative;
    color: #fff;
    font-family: 'myriadsetpro-thinthin', Arial;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    background-color: #000;
    margin: 0 auto;
}
.section .s-title {
    font-size: 2.25em;
    line-height: 1.1;
}
.section .s-text {
    margin-top: 8px;
    line-height: 1.5;
    font-size: 1.125em;
}
.section .img-responsive {
    width: 100%;
}
.section .s-container,
.section .s-container2 {
    padding: 20px;
}

.section-1 .s-container {
    background-color: #050a10;
}

.section-2 {
    background-color: #fff;
    color: #111;
    padding: 40px 0 20px;
    width: 98%;
    margin: 0 auto;
}
.section-2 .s-features {
    text-align: center;
    display: flex;
    align-items: stretch;
    align-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
}
.section-2 .s-features .i {
    padding: 30px 30px 40px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px #d8d8d8 solid;
    border-bottom: 1px #d8d8d8 solid;
    box-sizing: border-box;
}
.section-2 .s-features .i > div {
    padding-top: 8px;
    font-size: 1.125em;
}
.section-2 .s-features .i > div > span {
    display: block;
    font-size: .85em;
    padding-top: 5px;
}
.section-2 .s-features .i2,
.section-2 .s-features .i4,
.section-2 .s-features .i6,
.section-2 .s-features .i8 {
    border-right-color: transparent;
}
.section-2 .s-features .i7,
.section-2 .s-features .i8 {
    border-bottom-color: transparent;
}
.section-2 .s-features .i img {
    width: auto;
    display: initial;
    max-width: auto;
}

.section-4 {
    background-color: #e2e2e2;
    padding: 20px 0;
    color: #111;
}
.section-4 .s-row {
    text-align: center;
    display: flex;
    align-items: start;
    align-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
}
.section-4 .s-row-image {
    padding: 0 3px 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.section-4 .s-row-image img {
    width: 100%;
    max-width: auto;
    display: initial;
}
.section-4 .s-text {
    font-size: 1em;
}

.section-6 .s-container {
    background-color: #eee;
    color: #111;
}

.section-8 .s-container {
    background-color: #fff;
    color: #111;
}

.section-5 {
    background-color: #fff;
    color: #111;
}

.section-14 .s-container,
.section-15 .s-container {
    background-color: #eee;
    color: #111;
}

.section-16 .s-container {
    background-color: #efefef;
    color: #111;
}

.section-17 .item {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 1.5em;
    padding-bottom: 10px;
}

@media (max-width: 380px) {
    .section-2 .s-features .i2 img {
        width: 120px;
    }
}

@media (min-width: 769px) {
    .section .s-container {
        padding: 0;
        margin: 0 auto;
    }
    .section .s-topcentred {
        text-align: center;
        position: absolute;
        width: 60%;
        top: 3%;
        left: 10px;
        right: 10px;
    }

    .section-1 .s-title {
        font-size: 2.75em;
        font-weight: bold;
    }
    .section-1 .s-text {
        font-size: 1.25em;
    }

    .section-1 .s-container {
        background-color: initial;
        position: absolute;
        width: 35%;
        left: 53%;
        top: 47%;
        transform: translateY(-50%);
    }

    .section-2 .s-features .i {
        padding: 30px 30px 40px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        border-right-color: #d8d8d8;
    }
    .section-2 .s-features .i4,
    .section-2 .s-features .i8 {
        border-right-color: transparent;
    }
    .section-2 .s-features .i5,
    .section-2 .s-features .i6,
    .section-2 .s-features .i7,
    .section-2 .s-features .i8 {
        border-bottom-color: transparent;
    }

    .section-3 .s-container {
        position: absolute;
        top: 12%;
        left: 25%;
        right: 5%;
    }

    .section-4 .s-row-image {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .section-5 .s-container {
        position: absolute;
        top: 10%;
        width: 70%;
    }

    .section-6 .s-container {
        position: absolute;
        background-color: initial;
        color: #111;
        top: 5%;
        left: 5%;
        right: 5%;
        width: 70%;
    }

    .section-8 .s-container {
        position: absolute;
        top: 6%;
        left: 10px;
        right: 10px;
        width: 75%;
        color: #111;
        background-color: initial;
    }

    .section-10 .s-container {
        top: 10%;
    }

    .section-11 .s-ft {
        position: absolute;
        bottom: 2%;
        left: 0;
        right: 0;
        color: #111;
        padding: 0;
    }

    .section-12 .s-container {
        position: absolute;
        width: 70%;
        top: 6%;
        left: 15px;
        right: 15px;
    }

    .section-13 .s-container {
        top: 4%;
    }

    .section-14 .s-container {
        background-color: initial;
        position: absolute;
        width: 38%;
        top: 66%;
        left: 4%;
        transform: translateY(-50%);
    }

    .section-15 .s-container {
        background-color: initial;
        position: absolute;
        width: 48%;
        top: 12%;
        right: 6%;
    }

    .section-16 .s-container {
        background-color: initial;
        top: 8%;
    }

    .section-17 .s-container {
        position: absolute;
        width: 90%;
        bottom: 10%;
        left: 15px;
        right: 15px;
    }
}

/* v3 */
.content .item img {
    position: relative;
    top: 0;
    left: 0;
}

/* animate */

.animated1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

.animated {
    transition: all 1s ease;
    filter: Alpha(opacity=0);
    opacity: 0;
}

.fadeSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    transition: all 1s ease;
}

.fadeSet2 {
    filter: Alpha(opacity=0);
    opacity: 0;
    transition: all 2s ease;
}

.fadeSet6 {
    filter: Alpha(opacity=0);
    opacity: 0;
    transition: all 6s ease;
}

.fadeDownSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: all 1s ease;
}

.upSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.fallSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition: all 1s ease;
}

.leftSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.rightSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.scaleSet {
    filter: Alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.rightUpSet {
    -webkit-transform: translate(50px, 50px);
    transform: translate(50px, 50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.leftUpSet {
    -webkit-transform: translate(-50px, 50px);
    transform: translate(-50px, 50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.leftDownSet {
    -webkit-transform: translate(-50px, -50px);
    transform: translate(-50px, -50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.rightDownSet {
    -webkit-transform: translate(50px, -50px);
    transform: translate(50px, -50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.upSet1 {
    -webkit-transform: translateY(800px);
    transform: translateY(800px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.text-shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
}

.delay0-5 {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.delay1 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.delay1-5 {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.delay2 {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.delay2-5 {
    -webkit-transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

.delay3 {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
}

.active, .active .upSet, .active .upSet1, .active .leftSet, .active .rightSet, .active .fadeSet, .active .rightUpSet, .active .animated {
    filter: Alpha(opacity=100) !important;
    opacity: 1 !important;
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0) scale(1, 1) !important;
    transform: rotate(0deg) translate3d(0, 0, 0) scale(1, 1) !important;
}

.animated-hover {
    transition: all .6s ease-in-out;
}

.animated-hover:hover {
    transform: scale(1.1, 1.1);
}

.v3-sections {
    max-width: 1920px;
    margin: 0 auto;
    color: #000;
    text-align: left;
    background-color: #fff;
}

.v3-section {
    position: relative;
    font-family: 'myriadsetpro-thinthin', Arial;
    font-size: 10px;
    text-align: left;
    overflow: hidden;
}

.v3-section img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
    position: relative;
    top: auto;
    left: auto;
}

.v3-section .wrap {}

.v3-section .sect-hd {
    max-width: 1000px;
    padding: 30px 10px;
    margin: 0 auto;
}

.v3-section .title {
    font-size: 2em;
    line-height: 1.2em;
    margin: 0 auto .5em;
    font-weight: bold;
    text-align: left;
}

.v3-section .text {
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0 auto;
    text-align: left;
}

.v3-section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.v3-section .col-sm-2,
.v3-section .col-sm-3,
.v3-section .col-sm-4,
.v3-section .col-sm-6,
.v3-section .col-sm-10,
.v3-section .col-md-3,
.v3-section .col-md-6,
.v3-section .col-xl-3,
.v3-section .col-xl-4,
.v3-section .col-xl-8,
.v3-section .col-xl-9,
.v3-section .col-3,
.v3-section .col-5,
.v3-section .col-6,
.v3-section .col-7,
.v3-section .col-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.v3-section .col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.v3-section .col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}
.v3-section .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.v3-section .col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}
.v3-section .col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
@media (min-width: 576px) {
    .v3-section .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .v3-section .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .v3-section .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .v3-section .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .v3-section .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
}
@media (min-width: 768px) {
    .v3-section .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .v3-section .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media (min-width: 1200px) {
    .v3-section .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .v3-section .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .v3-section .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .v3-section .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.v3-section1 {
    background: #000;
    color: #fff;
}

.v3-section1 .sect-bd {
    position: relative;
}

.v3-section1 .sect-bd .img {
    position: absolute;
    left: 20%;
    right: 20%;
    top: auto;
    bottom: 10%;
    z-index: 1;
}

.v3-section1 .sect-hd {
    padding: 10px 10px 20px;
}

.v3-section1 .title img {
    margin: 0;
}

.v3-section1 .text {
    font-size: 2.5em;
}

.v3-section1 .color-line {
    width: 200px;
    height: 5px;
    background: linear-gradient(to right, #0a00b2, #ff0000, #fffc00);
    margin-bottom: 40px;
    margin-top: 10px;
}

.v3-section2 .param {
    margin: 0;
    padding: 50px 0 20px;
    text-align: center;
}

.v3-section2 .param .item {
    margin-bottom: 30px;
    padding: 0 4px;
}

.v3-section2 .param .icon-img {
    max-width: 70%;
}

.v3-section2 .param p {
    font-size: 1.2em;
    text-align: center;
    line-height: 1em;
    margin-top: 10px;
}

.v3-section2 .param p span {
    display: block;
    font-size: 1.4em;
    margin-bottom: 6px;
    line-height: 1.2em;
}

.v3-section3 {
    background: #000;
    color: #fff;
}

.v3-section3 .sect-bd {
    position: relative;
}

.v3-section3 .sect-bd .icon {
    position: absolute;
    top: 41.6%;
    bottom: 32.1%;
    left: 36.1%;
    right: 31.3%;
    z-index: 1;
}

.v3-section3 .sect-wrap {
    position: relative;
}

.v3-section3 .title img {
    margin: 0;
    max-width: 80%;
}

.v3-section3 .param {
    margin: 0;
    padding: 30px 5px 10px;
}

.v3-section3 .param .item {
    margin-bottom: 20px;
    padding: 0 5px;
}

.v3-section3 .param .item .icon-img {
    overflow: hidden;
}

.v3-section3 .param .item p {
    margin-top: 10px;
    font-size: 12px;
}

.v3-section4 .param {
    margin: 0;
}

.v3-section4 .param .item {
    position: relative;
    padding: 0;
}

.v3-section4 .param .item p {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 80%;
    bottom: 0;
    z-index: 1;
    color: #fff;
}

.v3-section4 .param .item:nth-child(1) p {
    color: #000;
}

.v3-section4 .param .item p span {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 50%;
    z-index: 1;
    transform: translateY(50%);
    font-size: 20px;
    line-height: 1.1em;
    font-weight: bold;
    text-align: center;
}

.v3-section5 {
    background: #000;
    color: #fff;
}

.v3-section5 .sect-bd {
    position: relative;
}

.v3-section5 .sect-bd> {
    transition: all .2s ease;
}

.v3-section5 .camera {
    position: absolute;
    left: 61%;
    right: 31.7%;
    top: 59.2%;
    bottom: 29.8%;
    z-index: 1;
    transition: all .4s ease;
}

.v3-section5 .camera2 {
    left: 69.4%;
    right: 23.4%;
}

.v3-section5 .camera3 {
    top: 72.5%;
    bottom: 16.1%;
}

.v3-section5 .line {
    position: absolute;
    left: 40%;
    right: 39%;
    top: auto;
    bottom: 22%;
    height: 1px;
    background: white;
    z-index: 2;
    transition: all .4s ease;
}

.v3-section5 .line1 {
    bottom: 35%;
}

.v3-section5 .line2 {
    height: auto;
    left: 73%;
    right: auto;
    width: 1px;
    bottom: 40%;
    top: 30%;
}

.v3-section5 .param {
    position: absolute;
    left: 5px;
    right: 62%;
    top: auto;
    bottom: 10px;
    z-index: 3;
    transition: all .4s ease;
}

.v3-section5 .param1 {
    bottom: 35%;
}

.v3-section5 .param2 {
    bottom: 72%;
    right: 26%;
}

.v3-section5 .param img {
    margin-right: 0;
    max-height: 30px;
    width: auto;
}

.v3-section5 .param p {
    text-align: right;
    line-height: 1.2em;
    font-size: .8em;
}

.v3-section5 .shade {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .5);
}

.v3-section5 .shade.active {
    display: block;
}

.v3-section5 .camera.active, .v3-section5 .line.active, .v3-section5 .param.active {
    z-index: 11;
}

.v3-section6 .param {
    margin-top: 12px;
}

.v3-section6 .param .item {
    text-align: left;
    margin-left: 30px;
    display: inline-block;
}

.v3-section6 .param .item:nth-child(1) {
    margin-left: 0;
}

.v3-section6 .param .item p {
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
}

.v3-section6 .param .item p strong {
    display: inline-block;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: bold;
    color: #2762ac;
}

.v3-section6 .img2 {
    display: none !important;
}

.v3-section6 .sect-bd .tab-img {
    margin-bottom: 20px !important;
}

.v3-section6 .sect-bd .tab-img:last-child {
    margin-bottom: 0 !important;
}

.v3-section7, .v3-section10 {
    background: #000;
    color: #fff;
}

.v3-section8 {
    background: #222;
    color: #fff;
    padding: 100px 10px;
}

.v3-section8 .sect-bd {
    margin: 0;
    align-items: center;
}

.v3-section8 .sect-bd> {
    padding: 0;
}

.v3-section8 .sect-bd img {
    position: relative;
    z-index: 2;
    transition: all 1s ease;
    border: 1px solid white;
}

.v3-section9 {
    background: #111;
    color: #fff;
}

.v3-section9 .sect-bd {
    position: relative;
    padding: 0 10px;
}

.v3-section9 .sect-bd .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.v3-section9 .sect-bd .img1 {
    z-index: 2;
}

.v3-section9 .sect-bd .img.active {
    z-index: 4;
}

.v3-section10 .sect-bd {
    position: relative;
}

.v3-section10 .sect-bd .img2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5% 0;
}

.v3-section10 .sect-bd .img2 img {
    max-height: 100%;
    transition: all 2s ease;
}

.v3-section10 .sect-bd .img2 img.active1 {
    transform: translateY(-20px);
}

.v3-section10 .sect-bd .img2 img.active2 {
    transform: translateY(20px);
}

.v3-section10 .param {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    right: -4%;
    padding-bottom: 30px;
}

.v3-section10 .param-wrap {
    margin: 0;
}

.v3-section10 .param-item {
    margin-bottom: 1em;
}

.v3-section10 .param .icon img {
    vertical-align: bottom;
    margin-right: 0;
}

.v3-section10 .param .item-box {
    display: inline-block;
    font-weight: bold;
    font-size: 1.6em;
}

.v3-section10 .param .item-box p {}

.v3-section10 .param .item-box .icon1 {}

.v3-section10 .param .item-box .icon1 span {
    width: 80%;
    height: 30px;
    display: inline-block;
    background: #507ff3;
    background: linear-gradient(to right, #507ff3, #4fddfc);
    vertical-align: middle;
}

.v3-section10 .param .item-box .icon1 strong {}

.v3-section10 .param .param-item1 .item-box .icon1 span {
    width: 20%;
}

.v3-section10 .param .param-item2 .item-box .icon1 span {
    width: 40%;
}

.v3-section10 .param .param-item3 .item-box .icon1 span {
    width: 42%;
}

.v3-section10 .param .param-item4 .item-box .icon1 span {
    width: 80%;
}

.v3-section11 {
    background: #f6f4f5;
}

.v3-section11 .sect-wrap {}

.v3-section11 .sect-bd {}

.v3-section11 .img-box {
    float: right;
    position: relative;
}

.v3-section11 .img-box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.v3-section12 {
    background: #eeeced;
}

.v3-section12 .sect-bd {
    position: relative;
}

.v3-section12 .img2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.v3-section12 .img3 {
    position: absolute;
    top: 6.5%;
    bottom: 10.1%;
    left: 35.5%;
    right: 36.5%;
    z-index: 2;
    transform: rotate(-51.5deg) !important;
}

.v3-section13 {
    background: #efefef;
}

.v3-section14 {
    background: #efefef;
}

.v3-section15 {
    background: #000;
    color: #fff;
    padding: 50px 10px;
}

.v3-section15 .sect-bd {
    margin: 0;
}

.v3-section15 .item {
    padding: 0 10px;
}

.v3-section15 .item .img {
    padding: 0 10%;
}

.v3-section15 .item .img img {
    transition: all .6s ease-in-out;
}

.v3-section15 .item .img img:hover {
    transform: scale(1.05, 1.05);
}

.v3-section15 .item p {
    text-align: center;
    margin-top: .5em;
    font-size: 1.8em;
}

.v3-section15 .item p span {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #333;
}

.v3-section16 .param {
    margin: 0;
    padding: 50px 10px 20px;
    text-align: center;
}

.v3-section16 .param .item {
    margin: 0 0 30px;
}

.v3-section16 .param .item-wrap {
    background: #eee;
    border-radius: 10px;
    padding: 0;
    align-items: center;
}

.v3-section16 .param .img {
    padding: 0;
}

.v3-section16 .param .img img {
    border-radius: 10px;
    margin-left: 0;
}

.v3-section16 .param .content {
    padding: 0 5px;
    font-size: 1em;
    text-align: center;
    line-height: 1em;
}

.v3-section16 .param .content span {
    display: block;
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: bold;
}

.v3-section17 {}

.v3-section17 .img {
    padding: 0 !important;
    max-width: 100%;
}

.v3-section17 .img img {
    transform: scale(.5, .5);
    transition: all .5s linear;
    border-radius: 20px;
}

.active.v3-section17 img {
    transform: scale(1, 1);
    border-radius: 0;
}

.v3-section18 .param {
    text-align: center;
    margin-top: 20px;
}

.v3-section18 .param-item {
    float: left;
}

.v3-section18 .param-item:first-child {
    margin-right: 20px;
}

.v3-section18 .param .icon {}

.v3-section18 .param .icon img {}

.v3-section18 .param p {}

.v3-section18 .sect-bd {
    position: relative;
}

.v3-section18 .img2 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    z-index: 1;
    transform: translateX(-50%);
}

.v3-section18 .img2 img {}

.v3-section19 .param {
    margin-top: 20px;
}

.v3-section19 .param-item {
    margin-bottom: 10px;
}

.v3-section19 .param p {
    font-size: 1.2em;
}

.v3-section19 .param p.p1 {
    color: #2b62bd;
}

.v3-section19 .sect-bd {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px;
}

.v3-section19 .sect-bd .item {}

.v3-section20 {
    background: #000;
    color: #fff;
}

.v3-section20 .param {
    margin-top: 20px;
}

.v3-section20 .param-item {
    display: inline-block;
    margin-right: 20px;
    font-size: 1em;
}

.v3-section20 .param p {
    font-size: 1em;
}

.v3-section20 .param p.p1 {
    font-size: 2em;
}

.v3-section20 .sect-bd img {
    margin-right: 0;
}

.v3-section21 {
    background: #000;
    color: #fff;
}

.v3-section21 .sect-hd {
    padding-bottom: 0 !important;
}

.v3-section21 .param {
    margin: 20px 0;
}

.v3-section21 .param-item {
    margin: 10px;
    display: inline-block;
}

.v3-section21 .param img {
    margin-left: 0;
}

.v3-section21 .param p {
    font-size: 1.4em;
    margin-top: 10px;
}

.v3-section21 .band-item {
    margin: 0 0 4px;
}

.v3-section21 .band-item>div {
    font-size: 16px;
    line-height: 1.2em;
    padding: 5px;
    align-items: center;
}

.v3-section21 .band .left {
    background: #cb2626;
    text-align: center;
}

.v3-section21 .band .right {
    background: #626262;
}

.v3-section21 .sect-bd {
    position: relative;
}

.v3-section21 .sect-bd .img2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.v3-section22 {
    background: #111;
    color: #fff;
}

.v3-section22 .param {
    margin-top: 20px;
}

.v3-section22 .param-item {
    margin: 10px;
    display: inline-block;
}

.v3-section22 .param img {}

.v3-section22 .param p {
    font-size: 1.4em;
    margin-top: 10px;
}

.v3-section23 {
    background: #313131;
    color: #fff;
}

.v3-section23 .param {
    margin-top: 20px;
}

.v3-section23 .param .icon {}

.v3-section23 .param .icon img {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.v3-section23 .param .icon span {
    display: inline-block;
    vertical-align: middle;
}

.v3-section23 .param p {
    font-size: 1.2em;
    margin-top: 10px;
}

.v3-section23 .sect-bd {
    position: relative;
}

.v3-section23 .sect-bd .img2 {
    position: absolute;
    top: 13.8%;
    bottom: 67%;
    left: 53.1%;
    right: 33%;
    z-index: 1;
}

.v3-section24 {
    background: #1c7bc5;
    color: #fff;
    padding-bottom: 30px;
}

.v3-section24 .sect-bd {
    margin: 0;
}

.v3-section24 .item {
    margin-bottom: 30px;
    padding: 0;
}

@media screen and (max-width: 767.98px) {
    .v3-section1 .text {
        text-align: center;
    }
    .v3-section1 .title img {
        margin: 0 auto;
        max-width: 70%;
    }
    .v3-section1 .color-line {
        margin: 10px auto 40px;
    }
    .v3-section5 .shade.active {
        display: none !important;
    }
    .v3-section6 .img2 {
        display: block !important;
    }
    .v3-section21 .param img {
        max-height: 44px;
        width: auto;
    }
    .v3-section23 .param .icon img {
        max-height: 60px;
        width: auto;
    }
}

@media screen and (max-width: 575.98px) {
    .v3-section10 .param .item-box {
        font-size: 1em;
    }
    .v3-section10 .param .icon img {
        width: 40px;
    }
    .v3-section10 .param .item-box .icon1 span {
        height: 20px;
    }
    .v3-section8 {
        padding: 50px 10px;
    }
    .v3-section8 .sect-bd img {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 321px) {
    .v3-section {
        font-size: 8px;
    }
}

@media screen and (min-width: 576px) {
    .v3-section5 .param3 {
        top: 75%;
        bottom: auto;
    }
    .v3-section8 .sect-bd .img2 {
        margin-bottom: 30px;
    }
    .v3-section16 .param .item-wrap {
        margin: 0;
    }
    .v3-section19 .sect-bd {
        padding: 0 10%;
    }
    .v3-section19 .param-item {
        position: relative;
        text-align: center;
    }
    .v3-section19 .param-item:first-child:before {
        display: none;
    }
    .v3-section19 .param-item:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 1px;
        background: #000;
        display: block;
        content: "";
    }
    .v3-section21 .band {
        max-width: 350px;
    }
    .v3-section24 .text, .v3-section24 .title {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .v3-section .sect-hd {
        max-width: 1000px;
        padding: 50px 15px;
        margin: 0 auto;
    }
    .v3-section1 .sect-bd .img {
        left: 28%;
        right: 40%;
        bottom: 50%;
        transform: translateY(50%);
    }
    .v3-section1 .sect-bd .img img {
        margin-left: 0;
    }
    .v3-section1 .sect-hd {
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 63%;
        right: 5%;
        z-index: 1;
        transform: translateY(-50%);
        padding: 0 !important;
    }
    .v3-section2 .param p {
        font-size: 1.4em;
    }
    .v3-section3 {
        background: #eee;
    }
    .v3-section3 .sect-bd .icon {
        position: absolute;
        top: 47.3%;
        bottom: 29%;
        left: 43.5%;
        right: 37.5%;
        z-index: 1;
    }
    .v3-section3 .sect-hd {
        position: absolute;
        top: auto;
        bottom: 60%;
        left: 23%;
        right: 5%;
        z-index: 1;
        padding: 0 !important;
    }
    .v3-section3 .param {
        padding: 50px 5px 30px;
        color: #000;
    }
    .v3-section3 .title img {
        max-width: 40%;
    }
    .v3-section4 .param .item p span {
        font-size: 20px;
    }
    .v3-section5 .param p {
        font-size: 1.6em;
    }
    .v3-section5 .param1 {
        bottom: 32%;
    }
    .v3-section5 .param2 {
        right: 24%;
    }
    .v3-section5 .camera {
        left: 64.7%;
        right: 29.1%;
        top: 57%;
        bottom: 31.5%;
    }
    .v3-section5 .camera2 {
        left: 72%;
        right: 21.7%;
    }
    .v3-section5 .camera3 {
        top: 71.4%;
        bottom: 17.1%;
    }
    .v3-section5 .line {
        right: 35.5%;
        bottom: 23%;
    }
    .v3-section5 .line1 {
        bottom: 37%;
    }
    .v3-section5 .line2 {
        left: 75%;
        bottom: 43%;
    }
    .v3-section8 .sect-bd img {
        transform: scale(.9, .9);
    }
    .v3-section8 .sect-bd .img2 {
        margin-left: -20px;
        margin-bottom: 0;
    }
    .v3-section8 .sect-bd .img3 {
        margin-left: -30px;
    }
    .v3-section8 .sect-bd .img1 {
        margin-right: 0;
    }
    .v3-section8 .sect-bd img:hover {
        z-index: 4;
        transform: scale(1, 1);
    }
    .v3-section11 {
        background: #f6f4f5;
    }
    .v3-section12 .sect-hd {
        position: absolute;
        top: 10%;
        bottom: auto;
        left: 46%;
        right: 5%;
        z-index: 10;
        padding: 0 !important;
    }
    .v3-section12 .img3 {
        top: 21.3%;
        bottom: 8.68%;
        left: 21.4%;
        right: 62%;
    }
    .v3-section14 {
        padding: 50px 0 100px;
    }
    .v3-section17 .img {
        padding: 100px 0;
    }
    .v3-section18 .img2 {
        width: 30%;
    }
    .v3-section19 .param p {
        font-size: 1.8em;
    }
    .v3-section20 .sect-hd {
        position: absolute;
        top: 10%;
        bottom: auto;
        left: 5%;
        right: 5%;
        z-index: 1;
        padding: 0 !important;
        margin-left: 0;
    }
    .v3-section22 .sect-hd {
        position: absolute;
        top: 10%;
        bottom: auto;
        left: 5%;
        right: 50%;
        z-index: 1;
        padding: 0 !important;
    }
    .v3-section23 .sect-bd .img2 {
        top: 14.5%;
        bottom: 63.1%;
        left: 29%;
        right: 61.2%;
    }
    .v3-section23 .param {
        position: absolute;
        top: auto;
        bottom: 15%;
        left: auto;
        right: 6%;
        z-index: 1;
        margin: 0;
    }
    .v3-section23 .param .icon span {
        font-size: 2.5em;
    }
}

@media screen and (min-width: 992px) {
    .v3-section .title {
        font-size: 2.5em;
    }
    .v3-section .text {
        font-size: 1.6em;
    }
    .v3-section3 .param .item p {
        font-size: 14px;
    }
    .v3-section13 {
        padding-bottom: 30px;
    }
    .v3-section18 .img2 {
        left: 40%;
    }
    .v3-section18 .sect-hd {
        position: absolute;
        top: 10%;
        bottom: auto;
        left: 60%;
        right: 5%;
        z-index: 1;
        padding: 0 !important;
    }
    .v3-section18 .title, .v3-section18 .text {
        text-align: right;
    }
    .v3-section18 .param-item {
        float: none;
        text-align: right;
    }
    .v3-section18 .param img {
        margin-right: 0;
    }
    .v3-section18 .param p {
        font-size: 1.8em;
        line-height: 2em;
    }
    .v3-section18 .param-item:first-child {
        margin: 0 0 20px 0;
    }
}

@media screen and (min-width: 1200px) {
    .v3-section .title {
        font-size: 3em;
    }
    .v3-section .text {
        font-size: 2.2em;
    }
    .v3-section3 .param .item p {
        font-size: 18px;
    }
    .v3-section5 .sect-hd {
        padding-bottom: 0 !important;
    }
    .v3-section5 .param p {
        font-size: 1.8em;
    }
    .v3-section5 .param img {
        max-height: 100%;
        margin-bottom: 10px;
    }
    .v3-section8 .sect-bd .img2 {
        margin-left: -40px;
    }
    .v3-section8 .sect-bd .img3 {
        margin-left: 20px;
    }
    .v3-section15 {
        padding: 150px 10px;
    }
    .v3-section15 .item p span {
        width: 26px;
        height: 26px;
    }
    .v3-section20 .param-item {
        font-size: 2em;
    }
    .v3-section21 .sect-hd {
        position: absolute;
        top: 10%;
        bottom: auto;
        left: 15px;
        right: 15px;
        z-index: 1;
        padding: 0 !important;
        margin-left: 0;
        max-width: 100%;
    }
    .v3-section21 .title, .v3-section21 .text {
        text-align: center;
        max-width: 1050px;
        margin-left: auto;
        margin-right: auto;
    }
    .v3-section21 .box {
        margin-top: 100px;
    }
    .v3-section23 .param {
        bottom: 25%;
    }
    .v3-section22 .param-item {
        margin: 0 30px 0 0;
    }
}

@media screen and (min-width: 1800px) {
    .v3-section {
        font-size: 12px;
    }
    .v3-section .sect-hd {
        padding: 100px 15px 50px;
    }
    .v3-section2 .param {
        padding: 100px 0 70px;
    }
    .v3-section3 .param .item p {
        font-size: 25px;
        line-height: 1.1em;
    }
    .v3-section4 .param .item p span {
        font-size: 26px;
    }
    .v3-section5 .param p {
        font-size: 2.5em;
    }
    .v3-section10 .param {
        padding-bottom: 150px;
    }
    .v3-section11 .sect-hd {
        position: absolute;
        top: 50%;
        bottom: auto;
        left: 15px;
        right: 63%;
        z-index: 1;
        transform: translateY(-50%);
        padding: 0 !important;
    }
    .v3-section12 .sect-hd {
        right: 10%;
    }
    .v3-section15 .item p {
        font-size: 3em;
    }
    .v3-section15 .item img {
        padding: 0 !important;
    }
    .v3-section16 .param .content {
        font-size: 1.6em;
    }
    .v3-section17 .img {
        padding: 150px 0;
    }
    .v3-section19 .sect-bd {
        padding: 0;
    }
    .v3-section21 .box {
        margin-left: 50px;
    }
    .v3-section23 .sect-hd {
        padding: 100px 0;
    }
    .v3-section23 .param {
        bottom: 30%;
        right: 15%;
    }
    .v3-section24 {
        padding-bottom: 70px;
    }
}