.banner-swiper,
.banner .swiper-wrapper,
.banner-item {
    width: 100%;
    height: 100%;
}

.banner-item {
    position: relative;
    flex: 0 0 100%;
}

.banner-index {
    height: calc(100vh - 60px);
    overflow: hidden;
}

.banner-index .banner-back {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-index .hidden {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

.banner-index video {
    z-index: 300;
}

.banner-index h1 {
    font-size: 2.875em;
    margin-bottom: 5px;
    margin-top: 5px;
}

.banner-index .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    position: relative;
    transition: .3s;
    z-index: 400;
}

.banner-back {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
}

.banner-back-video {
    object-fit: contain;
    background-color: #111;
}

.btn-ecology {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
    z-index: 230;
    height: 10.625em;
    width: 10.625em;
    padding-left: 1.25em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    transition: 0s;
    transition-delay: 0s;
}

.btn-ecology>* {
    width: 50%;
    text-align: left;
    word-wrap: break-spaces;
}

.ecology-title-en {
    font-size: 0.875em;
    line-height: 15px;
    text-transform: uppercase;
}

.ecology-title-cn {
    margin-top: 4px;
}

.ecology-arrow-ctn {
    margin-top: 2px;
}

.ecology-arrow-ctn img {
    transition: .2s;
}

.btn-ecology:hover {
    background-color: #e5071e;
    transition: .2s;
}

.btn-ecology:hover .ecology-arrow-ctn img {
    filter: contrast(0) brightness(2);
}

.banner-swiper .swiper-pagination {
    bottom: 20px;
}

.banner-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #b9b9b9;
    margin: 0px 6px !important;
}

.banner-swiper .swiper-pagination-bullet-active {
    background-color: #e5071e;
}

section.headlines {
    background-color: #3c3c3c;
    color: white;
}

.headline-list {
    display: flex;
    flex-wrap: wrap;
    border-right: 2px solid rgba(255, 255, 255, .02);
}

.headline {
    flex: 0 0 20%;
    border-left: 2px solid rgba(255, 255, 255, .02);
    transition: .1s;
}


/*.headline:hover{
    background-color: rgba(0, 0, 0, .05);
    cursor: pointer;
}*/

.headline a {
    height: 100%;
    padding: 1.875em;
    transition: .1s;
    text-align: center;
    cursor: default;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.headline a:hover {
    color: inherit;
}

.headline .headline-title {
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 0.1875em;
}

.headline .headline-desc {
    opacity: .6;
    margin-bottom: 0.1875em;
}

section.techs {
    padding-top: 80px;
    padding-bottom: 90px;
    color: #333;
    background: url("../images/tech_back.png") right center/cover no-repeat;
}

section.techs .section-header {
    margin-bottom: 45px;
}

.tech-list {
    display: flex;
}

.tech {
    flex: 1;
    margin-right: 1.875em;
    background-color: white;
    padding: 1.875em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.tech:last-of-type {
    margin-right: 0;
}

.tech-img-ctn {
    width: 100%;
    position: relative;
    height: 160px;
}

.tech-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: 0;
    top: 0;
    position: absolute;
    transition: .3s;
}

.tech-img-dynamic {
    opacity: 0;
}

.tech:hover .tech-img-dynamic {
    opacity: 1;
}

.tech-name {
    font-size: 1.125em;
    margin-top: 1.67em;
    margin-bottom: 0.83em;
}

.tech-func-list {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.tech-func {
    color: #999;
    line-height: 1.7em;
}

section.fields {
    padding-top: 60px;
    padding-bottom: 90px;
    background: url("../images/field_back.jpg") center/cover no-repeat;
    color: white;
}

section.fields .section-header {
    margin-bottom: 100px;
}

.fields-content {
    display: flex;
}

.fields-box {
    flex: 0 0 460px;
    display: flex;
    flex-direction: column;
}

.field-tabs {
    flex: 0 0 50px;
    line-height: 48px;
    display: flex;
}

.field-tab {
    flex: 1;
    text-align: center;
    background-color: rgba(64, 64, 64, .5);
    cursor: pointer;
    transition: .2s;
}

.field-tab:hover {
    background-color: rgba(64, 64, 64, 1);
}

.field-tab.active {
    background-color: rgba(229, 7, 30, .2);
}

.field-page-ctn {
    position: relative;
}

.field-page {
    background-color: rgba(229, 7, 30, .2);
    align-items: center;
    flex-wrap: wrap;
    display: none;
    min-height: 300px;
    padding: 32px 45px 32px 40px;
}

.field-page.active {
    display: flex;
}

.field-page.last {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: tabPageLeave .3s cubic-bezier(.8, 0, 0, .8) forwards;
}

.field-page .field-logo {
    flex: 0 0 90px;
    width: 90px;
    object-fit: scale-down;
}

@keyframes tabPageLeave {
    to {
        opacity: 0;
        transform: translateX(-100px);
    }
}

.field-page.current {
    animation: tabPageEnter .3s cubic-bezier(.8, 0, 0, .8) forwards;
}

@keyframes tabPageEnter {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 960px) {
    .field-page.last,
    .field-page.current {
        animation-duration: .1s;
    }
}

.field-page .btn-circle {
    width: 50px;
    flex: 0 0 50px;
}

.field-logo {
    margin-bottom: 30px;
}

.field-title {
    margin-bottom: 22px;
    font-size: 24px;
}

.field-desc {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 24px;
    flex: 0 0 calc(100% - 90px);
    padding-left: 30px;
    overflow: hidden;
}

.field-links {
    padding: 32px 45px 32px 40px;
    background-color: rgba(64, 64, 64, .5);
}

.links-title {
    margin-bottom: 18px;
}

.link-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    height: 50px;
}

.link-list>* {
    position: relative;
    color: #c1c1c1;
    font-size: 0.875em;
    line-height: 1.57em;
    flex: 0 0 1.57em;
    padding-left: 1em;
    width: calc(50% - 10px);
    transition: .2s;
}

.link-list>*:first-of-type {
    flex: 50px;
    line-height: 50px;
    background-color: rgba(78, 78, 78, .4);
}

.link-list>*::after {
    content: "";
    width: 7px;
    height: 12px;
    top: 0;
    bottom: 0;
    right: 18px;
    margin: auto;
    position: absolute;
    background: url("../images/icon_arrow_small.png");
}

.link-list>*:first-of-type:hover {
    background-color: #e5071e;
    color: white;
}

.link-list>*:first-of-type:hover::after {
    filter: contrast(0) brightness(2);
}

.fields-graph {
    position: relative;
    flex: 1;
    margin-left: 60px;
}

.graph-back {
    width: 395px;
    height: 394px;
    animation: rotate 72s linear infinite;
    z-index: 230;
}

@keyframes rotate {
    from {
        transform: none;
    }
    to {
        transform: rotate(1turn);
    }
}

.graph-text {
    /* width: 100px; */
    width: fit-content;
    height: 100px;
    display: flex;
    left: 20px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 260;
}

.graph-effect {
    width: 274px;
    height: 245px;
    animation: rotate 120s linear infinite;
    z-index: 240;
}

.graph-lines {
    width: 640px;
    height: 640px;
    z-index: 210;
}

.graph-back,
.graph-text,
.graph-effect,
.graph-lines,
.dots {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.graph-text-en {
    font-size: 18.7px;
    text-transform: uppercase;
}

.graph-text-cn {
    font-size: 21.37px;
}

.dots {
    width: 640px;
    height: 640px;
    z-index: 250;
}

.dot {
    position: absolute;
    color: #9a9a9a;
    height: 54px;
    display: flex;
    align-items: center;
    transform: translate(-4px, -50%);
    width: 90px;
    justify-content: space-between;
    transition: .3s;
    cursor: default;
}

.dot {
    width: 3.3em;
}

.dot:hover {
    color: #e5071e;
    cursor: default;
}

.dot:hover {
    font-size: 20px;
}

.dot:hover::before {
    background-color: #e5071e;
    transform: scale(1.5);
}


/* .dot:nth-of-type(1).selected, .dot:nth-of-type(1).selected:hover { width: 3.2em; }
.dot:nth-of-type(1), .dot:nth-of-type(1):hover { width: 3.2em; }

.dot:nth-of-type(2), .dot:nth-of-type(2):hover { width: 3.2em; }

.dot:nth-of-type(8).selected, .dot:nth-of-type(8).selected:hover { width: 3.2em; }
.dot:nth-of-type(8), .dot:nth-of-type(8):hover { width: 3.2em; }

.dot:nth-of-type(9).selected, .dot:nth-of-type(9).selected:hover { width: 3.2em; }
.dot:nth-of-type(9), .dot:nth-of-type(9):hover { width: 3.2em; }

.dot:nth-of-type(10).selected, .dot:nth-of-type(10).selected:hover { width: 3.2em; }
.dot:nth-of-type(10), .dot:nth-of-type(10):hover { width: 3.2em; } */

.dot.selected::before {
    width: 14px;
    height: 14px;
    margin-right: -3px;
    margin-left: -3px;
}

.dot-text {
    height: 1em;
    line-height: 1em;
}

.dot::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: block;
    background-color: #999;
    transition: .3s;
    /* position: absolute;
     left: -4px;
     top: -4px;*/
}


/* .dot:hover::before{
    background-color: #e5071e;
} */

.dot:nth-of-type(1) {
    left: 545px;
    top: 144px;
}

.dot:nth-of-type(2) {
    left: 556px;
    top: 345px;
}

.dot:nth-of-type(3) {
    left: 498px;
    top: 495px;
}

.dot:nth-of-type(4) {
    left: 319px;
    top: 590px;
}

.dot:nth-of-type(5) {
    left: 119px;
    top: 439px;
}

.dot:nth-of-type(6) {
    left: 84px;
    top: 132px;
}

.dot:nth-of-type(7) {
    left: 380px;
    top: 46px;
}


/* .dot:nth-of-type(8){left: 57px; top: 319px;}
.dot:nth-of-type(9){left: 87px; top: 184px;}
.dot:nth-of-type(10){left: 225px; top: 52px;}
.dot:nth-of-type(11){left: 350px; top: 81px;}
.dot:nth-of-type(12){left: 417px; top: 112px;} */

.dot:nth-of-type(7),
.dot:nth-of-type(6),
.dot:nth-of-type(5) {
    flex-direction: row-reverse;
    transform: translate(calc(-100% + 4px), -50%);
}

section.industries {
    padding-top: 84px;
    padding-bottom: 56px;
    color: #333;
}

section.industries .section-header {
    margin-bottom: 24px;
}

.industry-list {
    display: flex;
    justify-content: center;
}

.industry {
    flex: 0 auto 1;
    padding: 5px 40px;
    cursor: pointer;
    transition: .2s;
}

.industry.active,
.industry:hover {
    color: #e5071e;
}

section.examples {
    width: 100%;
    padding-bottom: 50%;
    position: relative;
    perspective: 800px;
}

.example-swiper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.example-swiper .swiper-wrapper {
    height: 100%;
}

.example-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.example {
    flex: 0 0 25%;
    height: 50%;
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    transition: 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}

.example>* {
    z-index: 230;
}

.example-img {
    z-index: 210;
}

.example.wide {
    flex: 0 0 50%;
}

.example .example-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 205;
    max-width: none;
    filter: contrast(.8) brightness(0.5);
}

.example-title {
    font-size: 1.5em;
    margin-bottom: 1em;
}

.example-subtitle {
    font-size: 1.125em;
}

.example-content {
    font-size: 0.875em;
    line-height: 1.71em;
    max-width: 60%;
    overflow: hidden;
    flex: 0 0 0;
    transition: .3s;
}

.example .btn-box {
    flex: 0 0 0;
    max-height: 0;
    margin-top: 0;
    visibility: hidden;
    transition: .3s;
    overflow: hidden;
}

.example .btn-circle {
    width: 3.125em;
    height: 3.125em;
}

.example::after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(229, 7, 30, .6);
    z-index: 210;
    transform: translateY(3vw);
    opacity: 0;
    transition: .3s;
}

.example:hover::after {
    transform: none;
    opacity: 1;
}

.example:hover .example-subtitle {
    margin-bottom: 1.25em;
}

.example:hover .example-content {
    flex: 0 0 calc(5.2em + 1.25em);
    padding-top: 1.25em;
    position: relative;
}

.example-content::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 1px;
    transition: .3s;
    background-color: white;
    top: 0;
}

.example:hover .example-content::before {
    width: 40px;
}

.example:hover .btn-box {
    flex: 0 0 3.125em;
    max-height: 3.125em;
    margin-top: 2vw;
    visibility: visible;
}

.examples-view-more {
    margin-top: 30px;
    margin-bottom: 30px;
}

section.news {
    padding: 85px 0 90px;
    background: url("../images/news_back.png") center/cover no-repeat;
}

.swiper-wrapper {
    display: flex;
}

.swiper-wrapper>.news {
    flex: 0 0 calc(25% - 25px * 3 / 4);
    margin-right: 25px;
    transition: .3s;
    cursor: pointer;
}

.swiper-wrapper>.news:last-of-type {
    margin-right: 0;
}

.news-cover {
    height: 187px;
}

.news-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-content {
    background: #ededed;
    padding: 18px 30px;
    height: 153px;
}

.news-date {
    color: #666666;
    font-size: 14px;
    margin-bottom: 8px;
    transition: .3s;
}

.news-title {
    font-size: 16px;
    color: #333333;
    transition: .3s;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.swiper-wrapper>.news:hover {
    box-shadow: 0 0 20px 0 rgba(110, 0, 11, .15);
}

.swiper-wrapper>.news:hover .news-title,
.swiper-wrapper>.news:hover .news-date {
    color: #e5071e;
}

.swiper-wrapper>.news:hover .news-content {
    background-color: white;
}

.news-switch {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    outline: none;
}

.news-prev {
    left: -25px;
    background: url('../images/icon_arrow_reverse.png') rgba(0, 0, 0, .5) center/20px 13px no-repeat;
    display: none;
}

.news-next {
    right: -25px;
    background: url('../images/icon_arrow.png') rgba(0, 0, 0, .5) center/20px 13px no-repeat;
    display: none;
}

.news-list {
    overflow: visible;
}

section.partners {
    position: relative;
    padding: 80px 0 90px;
    background-color: #ededed;
    overflow: hidden;
}

section.partners canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

section.partners .section-header {
    margin-bottom: 1.875em;
}

section.partners .wrapper {
    position: relative;
    z-index: 250;
}

.partner-type-list {
    display: flex;
    font-size: 1.125em;
    color: #666;
    margin-bottom: 3.125em;
    justify-content: center;
}

.partner-type {
    line-height: 1.5em;
    padding: 0 24px;
    transition: .3s;
    cursor: pointer;
}

.partner-type.active,
.partner-type:hover {
    color: #e5071e;
}

.partner-list {
    width: 100%;
    display: none;
}

.partner-list.active {
    display: block;
}

.partner-list .swiper-wrapper {}

.partner .img {
    height: 80px;
    background-color: white;
    border: 1px solid #c7c7c7;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em;
}

.partner .img img {
    max-width: 100%;
}

.field-box-close {
    justify-content: center;
    align-content: center;
    position: absolute;
    width: 36px;
    height: 36px;
    right: 0;
    left: 0;
    margin: auto;
    top: calc(100% + 25px);
    display: none;
}

.fields .btn-box {
    margin-top: 100px;
}

.news a:hover .in_news_biao span {
    background: #eaeaea;
}

.in_news_biao span {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #727272;
    padding: 2px 8px;
    margin-right: 2px;
    font-size: 14px;
}

.in_news_biao {
    margin-top: 20px;
}

@media (max-width: 1440px) {
    .fields .wrapper {
        width: 100%;
    }
    .fields-box {
        flex: 0 0 400px;
    }
    .fields-graph {
        margin-left: 0;
    }
    .field-page {
        padding: 24px 36px 24px 32px
    }
    .field-links {
        padding: 24px 36px 24px 32px
    }
    .field-logo {
        max-height: 100px;
        margin-bottom: 25px;
    }
    .field-title {
        margin-bottom: 18px;
    }
    .field-desc {
        margin-bottom: 18px;
    }
    .field-page .btn-circle {
        width: 45px;
        flex: 0 0 45px;
    }
    .tech-img {
        height: 140px;
    }
    section.fields .section-header {
        margin-bottom: 120px;
    }
    .fields .btn-box {
        margin-top: 120px;
    }
    section.industries {
        padding: 64px 48px;
    }
    section.partners,
    section.techs,
    section.news {
        padding: 70px 0 75px;
    }
}

@media (max-width: 1280px) {
    .tech-img {
        height: 120px;
    }
    .fields-box {
        flex: 0 0 300px;
    }
    .field-page {
        padding: 20px 15px;
    }
    .field-links {
        padding: 20px 15px;
    }
    .field-logo {
        max-height: 90px;
        margin-bottom: 20px;
    }
    .field-title {
        margin-bottom: 15px;
    }
    .field-desc {
        margin-bottom: 15px;
    }
    .field-page .btn-circle {
        width: 40px;
        flex: 0 0 40px;
    }
    .fields-graph {
        transform: scale(.8);
    }
    .dot {
        font-size: 16px;
    }
    .dot.selected {
        font-size: 22px;
    }
    section.industries {
        padding: 60px 0 45px;
    }
    section.partners,
    section.techs,
    section.news {
        padding: 60px 0;
    }
    /*     .swiper-wrapper>.news{
            margin-right: 15px;
            flex: 0 0 calc(100% / 3 - 15px * 2 / 3)
        }
     */
    .news-content {
        padding: 10px;
    }
    .in_news_biao {
        padding-bottom: 10px;
    }
    .in_news_biao span {
        font-size: 12px;
        padding: 2px 6px;
        margin-right: 0px;
    }
    .example-title {
        margin-bottom: .5em;
    }
    .example-subtitle {
        margin-bottom: 12px;
    }
    .example:hover .example-content {
        flex: 0 0 calc(1.71em * 2 + 1.25em);
    }
    .example .btn-box {
        margin-top: 1vw;
    }
}

@media (max-width: 960px) {
    .news-prev {
        display: block;
    }
    .news-next {
        display: block;
    }
    .fields .btn-box {
        margin-top: 0px;
    }
    .tech-img {
        height: 100px;
    }
    section.industries {
        padding: 50px 0 40px;
    }
    section.partners,
    section.techs,
    section.news {
        padding: 50px 0;
    }
    .field-page {
        padding: 18px 12px;
    }
    .field-links {
        padding: 18px 12px;
    }
    .field-logo {
        max-height: 60px;
        margin-bottom: 15px;
    }
    .field-title {
        margin-bottom: 12px;
    }
    .field-desc {
        margin-bottom: 12px;
    }
    .field-page .btn-circle {
        width: 36px;
        flex: 0 0 36px;
    }
    .swiper-wrapper>.news {
        flex: 0 0 calc(100% / 2 - 15px / 2)
    }
    .news-prev {
        left: -1em;
    }
    .news-next {
        right: -1em;
    }
    section.examples {
        padding-bottom: 200%;
    }
    .example {
        height: 25%;
        flex: 0 0 50%;
    }
    .example.wide {
        flex: 0 0 100%;
    }
    section.fields {
        overflow: hidden;
    }
    section.fields .wrapper {
        padding: 0;
    }
    .headline {
        flex: 0 0 50%;
    }
    /*.fields-box{
        position: absolute;
        width: 400px;
        left: 0;
        right: 0;
        margin:auto;
        visibility: hidden;
        opacity: 0;
        transition: .3s;
        max-width: calc(100vw - 30px);
        z-index: 300;
        transform: translateY(100px);
        background-color: rgba(64, 64, 64, .6);
    }

    .field-box-close{
        display: flex;
    }

    .fields-box.show{
        visibility: visible;
        opacity: 1;
        transform: none;
        top: -60px;
        transition: .5s;
        box-shadow: 0 0 0 500px rgba(0, 0, 0, .6);
    }*/
    .fields-content {
        position: relative;
        flex-direction: column;
        align-items: center;
        /*margin-bottom: 30px;*/
        margin-top: 40px;
    }
    .fields-box {
        max-width: 75vw;
        min-width: 300px;
        margin-bottom: 30px;
    }
    .fields-graph {
        top: 0;
        bottom: 0;
        width: 640px;
        height: 640px;
        flex: 0 0 420px;
        transform: scale(.67);
        z-index: 260;
        margin-top: 100px;
    }
    .dot {
        font-size: 20px;
        width: 3.3em;
    }
    .dot.selected {
        font-size: 26px;
        width: 5.5em;
    }
}

@media (max-width: 800px) {
    .banner .wrapper>* {
        max-width: 50%;
    }
    .banner-index h1 {
        font-size: 1.6em;
    }
    .btn-round {
        width: 10.25em;
    }
    .footer-logo {
        width: 130px;
    }
    .footer-logo img {
        max-width: 100%;
    }
    .footer-nav-2 .wrapper {
        padding-bottom: 0px;
    }
}

@media (max-width: 640px) {
    .banner .wrapper>* {
        max-width: 100%;
    }
    /*     .banner-index .wrapper{
            padding-top: calc(20vh - 60px);
            justify-content: flex-start;
        }
     */
    .btn-ecology {
        left: 0;
        right: 0;
        top: unset;
        bottom: calc(20vh - 30px)
    }
    .headline {
        flex: 0 0 50%;
        border-bottom: 2px solid rgba(255, 255, 255, .02);
    }
    .headline a {
        padding: 1em;
    }
    .headline:nth-of-type(2n) {
        border-right: 2px solid rgba(255, 255, 255, .02);
    }
    .tech-list {
        flex-wrap: wrap;
    }
    .tech {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
    .industry-list {}
    .industry {
        flex: 0 0 25%;
        text-align: center;
        padding: 5px 0;
    }
    section.industries {
        padding: 40px 0 30px;
    }
    .field-desc {
        padding-left: 20px;
    }
}

@media (max-width: 480px) {
    section.fields .section-header {
        margin-bottom: 0px;
    }
    section.fields {
        padding-bottom: 60px;
    }
    .headline {
        flex: 0 0 100%;
        border-right: 2px solid rgba(255, 255, 255, .02);
    }
    .examples {
        font-size: 12px;
    }
    .example-title {
        margin-bottom: .3em;
    }
    .example-subtitle {
        margin-bottom: .3em;
    }
    .example:hover .example-subtitle {
        margin-bottom: .4em;
    }
    .example:hover .example-content {
        padding-top: .6em;
    }
    .example-content {
        line-height: 1.33em;
        max-height: calc(2.66em + 0.6em);
        overflow: hidden;
    }
    .example .btn-circle {
        width: 2.75em;
        height: 2.75em;
    }
    .swiper-wrapper>.news {
        flex: 0 0 100%;
    }
    .partner-type {
        padding: .5em 0;
        flex: 1;
        text-align: center;
    }
    .partner-type-list {
        margin-bottom: 2em;
    }
    section.partners .section-header {
        margin-bottom: 1.5em;
    }
}

@media (max-width: 360px) {
    .example-title {
        margin-bottom: .2em;
    }
    .example-subtitle {
        margin-bottom: .2em;
    }
    .example:hover .example-subtitle {
        margin-bottom: .33em;
    }
    .example:hover .example-content {
        padding-top: .5em;
    }
    .example-content {
        line-height: 1.25em;
        max-height: 3em;
        overflow: hidden;
    }
    .example .btn-circle {
        width: 2.5em;
        height: 2.5em;
    }
}

.btn-box-about-us {
    margin-bottom: 60px;
    margin-top: 0;
}


/* 2019-7-30 start */

.dot:nth-of-type(1) {
    left: 317px;
    top: 32px;
}

.dot:nth-of-type(2) {
    left: 595px;
    top: 182px;
}

.dot:nth-of-type(3) {
    left: 592px;
    top: 458px;
}

.dot:nth-of-type(5) {
    left: 49px;
    top: 451px;
}

.dot:nth-of-type(6) {
    left: 49px;
    top: 177px;
}


/* 2019-7-30 end */