.orange-card.active,
.orange-card:hover {
    background-color: rgba(255, 84, 0, 1);
}

.orange-card.active,
.orange-card:hover a,
.orange-card.active,
.orange-card:hover .card-footer {
    color: #fff;
}

.orange-card.active,
.orange-card:hover span {
    color: #fff;
    background-color: transparent;
}

.orange-span {
    opacity: 1;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 3px 5px;
    margin-right: 5px;
    background: rgba(255, 247, 222, 1);
}

.navbar-expand-lg .navbar-nav .nav-item {
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 18px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}

.navbar-expand-lg .navbar-nav .active .nav-link {
    font-weight: 700 !important;
}

.navbar-expand-lg .navbar-nav .active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 39px;
    height: 2px;
    background-color: #fff;
    border-radius: 6px;
}

.text-white,
.text-white:hover {
    color: #fff;
}

.bg-orange,
.bg-orange:hover {
    background-color: #fd5200;
    transition: all .5s;
}

.text-orange {
    color: #fd5200
}

.border-orange {
    border-color: #fd5200 !important;
}

.box-shadow20 {
    box-shadow: 0.3125rem 0.3125rem 0.9375rem rgba(255, 84, 0, 0.3);
}

.job-item {
    padding: 0.75rem 1.1875rem;
}
.job-list .case-bottom{
    text-align: center;
    padding: 1.25rem 0px;
}

.card-footer {
    background-color: rgba(255, 255, 255, 0.2);
}

.border-radius-10 {
    border-radius: 10px;
}

.fw-700 {
    font-weight: 700;
}

.flex {
    display: flex;
}

.flex-between {
    justify-content: space-between;
}

.deliver-btn {
    width: 9.625rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.625rem;
    text-align: center;
    cursor: pointer;
}

.tip-content {
    width: 300px;
    margin: 0 auto;
    font-size: 20px;
    color: rgb(74, 74, 74);
    text-align: center;
    position: relative;
}

.tip-content .btn {
    width: 154px;
    height: 54px;
    border-radius: 10px;
}

.tip-content img {
    position: absolute;
    left: -95px;
    bottom: -20px;
    width: 130px;
}

.layui-layer-content {
    border-radius: 20px !important;
}

.layui-layer-setwin .layui-layer-close2 {
    right: 0 !important;
    top: 0 !important;
}

.btn-info {
    width: 80px !important;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
}

.btn-contact {
    width: 9.625rem;
    height: 2.5rem;
    font-size: 1.125rem;
}

.news-list .news-item {
    /* height: 16.625rem; */
    border-radius: 1.4031rem;
    padding: 1.875rem 2.5rem;
    margin-bottom: 1.4219rem;
}

.news-list .news-item:hover {
    background-color: #fd5200;
    transition: all .5s;
}



.news-list .news-item:hover a,
.news-list .news-item:hover a span,
.news-list .news-item:hover div {
    color: #fff !important;
}

.news-list .new-bottom {
    margin-top: 2.1875rem;
    margin-bottom: 2.1875rem;
}

.news-list .news-item a span {
    font-size: 1.75rem;
}

.news-list .news-item .text-normal {
    font-size: 1.125rem;
}
.news-list .news-item .text-normal-date {
    margin-top: 0rem;
    margin-bottom: 1.25rem;
}
.sonsort {
    font-size: 1.25rem;
}

.sonsort .text-orange {
    font-size: 1.5rem !important;
}

.sonsort a:hover {
    color: #fd5200;
}

.case-list .case-item {
    /* height: 34.375rem; */
    opacity: 1;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0.3125rem 0.3125rem 0.9375rem rgba(255, 84, 0, 0.5);
    padding: 3.125rem 0 2rem;
    margin: 1.625rem;
    position: relative;
    overflow: hidden;
    /* border: 1px solid #fd5200; */
}





.index-case-list .case-item {
    margin-bottom: 0 !important;
}

.index-case-list .case-item:first-child {
    margin-left: 0px;
}

.case-list .case-item:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.case-list .case-item .case-title {
    text-align: center;
}

.case-list .case-item .case-title a {
    font-weight: 400;
    letter-spacing: 0px;
    position: relative;
    font-size: 1.75rem;

}

.case-list .case-item .case-title a:after {
    content: "";
    position: absolute;
    bottom: -0.375rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.4375rem;
    height: 0.375rem;
    background-color: #fd5200;
    border-radius: 0.375rem;
}

.case-list .case-item:hover {
    background-color: #fd5200 !important;
    transition: all .5s;
}

.case-list .case-item:hover .case-title a,
.case-list .case-item:hover .case-subtitle,
.case-list .case-item:hover .case-content,
.case-list .case-item:hover .case-bottom a {
    color: #fff !important;
}

.case-list .case-item .case-content {
    padding: 0px 3.125rem;
    line-height: 1.5rem;
    height: 6rem;
}

.case-list .case-item .case-bottom {
    /* position: absolute; */
    bottom: 1.4286rem;
    /* left: 50%;
    transform: translateX(-50%); */
    font-size: 1.5rem;
    margin: 2.1875rem 0px;
    text-align: center;
}

.btn-search {
    width: 7.375rem;
    height: 3.375rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
}

.block {
    display: block;
}

.ipt-search {
    /* width: 36.25rem; */
    height: 3.375rem;
    font-size: 1.125rem;
}

.cate-title {
    
    height: 2.875rem;
    line-height: 2.875rem;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.product-list .case-item {
    overflow: visible;
    margin-bottom: 8.75rem !important;
}

.w-auto {
    width: auto;
}

.case-subtitle {
    font-size: 1.5rem;
    margin: 1.25rem 0rem;
}

.type-wrapper a {
    min-width: 7.375rem;
    height: 2.875rem;
    line-height: 2.875rem;
    font-size: 1.125rem;
    padding: 0px;
}

.case-item .case-img {
    width: 13.75rem;
    height: 13.75rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -6.9375rem;
    border-radius: 1.25rem;
}

.product-list {
    margin-top: 8.75rem;
}

@media (min-width: 1400px) {
    .page-container {
        max-width: 1580px;
    }
}

.tip-wrapper {
    display: flex;
    height: 6rem;
    line-height: 6rem;
    background-color: #fd5200;
    border-radius: 0.625rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: -4.375rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 768px) {
    .tip-wrapper {
        display: none !important;
    }
}

.tip-wrapper .tip-item {
    flex: 1;
    text-align: center;
    position: relative;
}

.tip-wrapper .tip-item span {
    border-right: 0.0625rem solid rgba(255, 165, 120, 1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1.875rem;
}

.about-bg {
    height: 30rem;
    background-image: url(/static/images/about.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

.about-bg .bg-text {
    position: absolute;
    left:20%;
    top: 30%;
}



.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}



.about-container .content {
    display: flex;
    margin-top: 2.5rem;
}

.about-container .content .left {
    flex: 1;
    font-size: 1.125rem;
    font-weight: 400;
    text-indent: 3.75rem;
    text-align: left;
}

.about-container .content .left img {
    width: 100%;
}

.about-container .content .right img {
    height: 18.75rem;
}

.about-container .content .right {

    width: auto;
}

.about-container .content .left .icon {
    width: 2.25rem;
    height: 2.25rem;
}

.about-container .content-bg {
    width: 39.4375rem !important;
    height: 16.5rem !important;
    border-radius: 22.8576px 0px 0px 22.8576px;
    background: rgba(253, 253, 253, 1);
    margin-top: -6.25rem;
    margin-left: 16.75rem;
    padding: 1.25rem 1.875rem;
}

.about-container .content .right-about {
    margin-top: -7.1429rem;
    margin-right: 7.1429rem;
}

.about-container .content .right-about img {
    height: 16.375rem;
}

.about-container .content .right-text {
    margin-left: 7.5rem;
}
.about-title{
    margin-top: 3.75rem;
}

.index-product-text {
    height: 7.375rem;
    line-height: 7.375rem;
    border-radius: 0.7143rem;
    border: 0.0714rem solid rgba(255, 84, 0, 1);
    text-align: center;
    font-size: 1.5rem;
    color: #fd5200;
    margin: 1.25rem;
}

/* .index-product-text:last-child {
    margin-left: 40px;
} */
.product-bg {
    width: 100%;
    background-image: url('/static/images/product-service2.png');
    background-size: cover;
    margin-top: 1.25rem;
    text-align: center;
    padding: 3rem;
}

.product-bg .title {
    font-weight: 700;
    font-size: 3.125rem;
}

.product-bg .product-title-list {
    /* display: flex;
    width: 50%;
    */
    margin: 1.25rem 0;
}

.product-bg .product-title-list .product-title {
    flex: 1;
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
}

.product-bg .product-btn {
    display: block;
    width: 11.375rem;
    height: 2.9375rem;
    line-height: 2.9375rem;
    border-radius: 11.4288px;
    border: 0.0625rem solid rgba(255, 255, 255, 1);
    margin: 2.5rem auto 0;
    color: #fff;
    cursor: pointer;
}

.img-text {
    width: 366px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
}

.img-text img {
    width: 100%;
    height: 100%;
}

.img-text .title {
    margin-top: -24px;
}

.index .swiper-container{
    height: 100vh;
}
.banner-title{
    font-size: 6.25rem;
    text-align: right;
}

.text-light{
    top: 30%;
    right: 10%;
}
.index-new{
    padding: 1.875rem;
    border-radius: 1.25rem;
    background: rgba(242,242,242,.5);
   
}
.index-new:hover{
    background-color: #fd5200 !important;
    transition: all .5s;
    color: #fff !important;
    
}
.index-new:hover a{
    color: #fff !important;
}
.index-company-list{
    overflow: hidden;
    margin-top: 4rem;
}
.index-company-list img{
    float: left;
    height: 4rem;
    margin-right: 1.875rem;
    margin-bottom: 1.875rem;
}

@media only screen and (max-width: 768px) {
    .case-list .case-item {
        margin: 1.625rem 0px;
    }
    .bg-sub-title{
        display: none;
    }
    .bg-height{
        height: 15rem !important;
    }
    .about-bg .bg-text {
        position: absolute;
        left: 15% !important;
        top: 35% !important;
    }
    .about-container .content {
        display: block !important;
    }
    .about-container .content .right-text{
        margin-left: 0px !important;
    }
    /* .banner-title{
        display: none;
    } */
   

    .swiper-container{
        height: 15rem;
    }
    .index .swiper-container{
        height: 15rem;
    }
    .banner-title{
        font-size: 1.875rem;
        text-align: right;
    }
    .index-news-left{
        display: none;
    }
    
}