/* main */
.main-banner {

    margin-top: -18px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.main-banner img {
    width: 100%;
}

/* product */
.product-link {
    background: #022E3D;
    height: 405px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 29px;
}

.product-title:after {
    position: absolute;
    bottom: 46%;
    left: 50%;
    width: 25%;
    height: 7px;
    content: ' ';
    transform: translate(-50%, 200%);
    background: #F16F1B;
}

@media(max-width:768px) {
    .product-link {
        height: 180px;
    }

    .product-title:after {
        bottom: 40%;
    }
}

/* shadow */
.shadow {
    box-shadow: 0 10px 20px rgb(0 0 0 / 40%);
}

/*  */
.boxed {
    background: url(/static/images/boxed-bg.jpg);
}

.introduction {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: calc(800px + 2rem);
    padding: 4vw 1em;
    margin-top: 80px;
}

.introduction-title {
    font-size: calc(1.22031vw + 19.78635px);
    text-transform: uppercase;

    font-weight: bold;
}

.introduction-text {
    line-height: calc(-0.07143vw + 2.05714em);
    color: #454849;
    font-size: 20px;
}

.introduction-text a {
    color: #DB8925;
    font-weight: bold;
}

/*  */
.test {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(800px + 2rem);
    padding: 4vw 1em;
}

.test-desc {
    line-height: calc(-0.07143vw + 2.05714em);
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
}

.test-item {
    padding-right: 50px !important;
    padding-left: 50px !important;
    margin-top: 20%;
}

.testimonials {
    color: #000;
    border: 0 !important;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
}

.testimonials:hover {
    color: #000;
}

.testimonials-icon {
    background: linear-gradient(to top, #F16F1B 0%, #DB8925 100%);
    box-shadow: 0 2px 4px 0 #454849;
    width: 88px;
    height: 88px;
    margin: 2rem auto;
    border-radius: 50%;
    font-size: 7.75rem;
    text-align: center;
    color: #fff;
}

.testimonials-text {
    border-bottom: 1px solid #f4f4f4;
    text-align: center;
    font-size: 18px;
    margin: 15px;
    line-height: calc(-0.07143vw + 2.05714em);

}

.testimonials-bottom {
    text-align: center;
    margin: 60px 0;
}

.testimonials-bottom h4 {
    font-weight: bold;
}

@media(max-width:768px) {
    .test-item {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* 最近的新闻 售后标题 */
.index-text {
    text-align: center;
    margin: 10px auto;
}

.index-text h2 {
    font-size: calc(1.22031vw + 19.78635px);
    font-weight: bold;
}

.index-text h2::after {
    display: block;
    width: 100px;
    height: 2px;
    margin: 2rem auto;
    content: '';
    background-color: #DB8925;
}

.index-text a {
    color: #DB8925;
    font-size: 18px;
}

.index-text a:hover {
    color: #DB8925;
}

.recent-item {
    background-color: rgb(70, 70, 70);
    color: #fff !important;
    height: 400px;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recent-item:hover {
    background-color: rgb(48, 48, 48);
    transition: ease-in-out 0.35s;
}

.news-title {
    font-size: calc(0.61788vw + 19.0817px);
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

.news-title:hover {
    color: #fff !important;
}

/* featured */


/*  */
.solutions {
    background: url(/static/images/featured-bg.svg);
    height: 480px;
}

.solutions .container {
    margin-top: 50px
}

.solutions-description {

    line-height: calc(-.07143vw + 2.05714em);
    font-size: 20px;
    /* margin-right: 2em; */
}

.solutions-description p {
    margin-right: 2em;
    text-align: left;
    color: #454849;
}

.solutions-right {
    border-left: 1px solid #454849;
}

.solutions-right h4 {
    line-height: 1rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: #F16F1B;
    font-size: calc(0vw + 18px);
    margin-left: 15px;
}

.solutions-right h3 {
    font-size: calc(0.61788vw + 19.0817px);
    line-height: 1rem;
    transition: 0.25s ease-out;
    font-weight: bold;
    color: #000;
    margin-left: 15px;
}

.solutions-right h3:hover {
    color: #F16F1B;
}

.solutions-right span {
    color: #F16F1B;
    margin-left: 15px;
    font-size: 18px;
    display: block;
    line-height: 3rem;
    margin-bottom: 30px;
}

@media(max-width:768px) {
    .product-title {
        font-size: 24px;
    }

    .recent-item {
        height: 210px;
    }

    .caseStudies-iphone-box {
        display: block;
    }

    .featured,
    .featureds {
        display: none;
    }
}