/* Added industry style for 'langwu' on 2024-10-27 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body{background: #f5f5f5;}
.bg-gray{background: #f5f5f5;}
.mt-md-6{margin-top: 60px;}
.float-left{float: left;}
.breadcrumb{padding-top:40px;}
h1,h2,h3,h4,h5,h6{font-family: 'MB';}
.table th{border: 1px solid #000000;text-align: left;}
.table thead th{border: 1px solid #000000;color: #000000;}
.font-text{font-size: 16px;line-height: 25px;}
.btn-primary{background-color: #2549d8;border-color: #2549d8;font-weight: bold;}
.text-primary {color: #2549d8 !important;}
.industry{font-family: 'Montserrat', sans-serif;}
.industry .one{margin-top: 120px;}
.industry .one .content{margin:0 auto;width: 800px; padding:30px 0;}
.industry .one .cate-list{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    gap: 16px;
}
.industry .one .cate-list li{
    flex: 0 0 calc(25% - 12px);
    box-sizing: border-box;
}

.industry .one .cate-list .item {
    position: relative;
    text-align: center;
}

.industry .one .cate-list .item img {
    width: 100%;
    height: auto;
}

.industry .one .cate-list .item .name {
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    margin: 0;
    color: #FFFFFF;
    padding: 5px;
}

.industry .one .cate-list .item .details {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    background: rgba(37, 73, 216, 1);
    color: white;
    padding: 20px;
    text-align: left;
}
.industry .one .cate-list .item .details .text{padding:15px 0;}
.industry .one .cate-list .item .details .learn-more{
    color: #FFFFFF;
    font-weight: bold;
}
.industry .one .cate-list .item .details .learn-more:hover {
    opacity: 0.8;
}

.industry .one .cate-list .item:hover .details {
    display: block;
}
.industry .two{background: rgba(37, 40, 61, 1);color: #FFFFFF;padding-top: 20px;width: 100%;}
.industry .two .gallery .learn-more{text-align: center;}
.industry .two .gallery .learn-more a{color: rgba(60, 231, 187, 1);font-weight: 600;}
.industry .two .gallery .learn-more a:hover{opacity: 0.8;}
.industry .two .our-capabilities ul.list{display: flex;flex-wrap: wrap;list-style: none;gap: 10px;padding: 0;margin-top:80px;}
.industry .two .our-capabilities ul.list li{flex: 0 0 calc(25% - 7.5px);}
.industry .two .our-capabilities ul.list li .card{background: rgba(21, 27, 69, 1);border:1px solid rgba(21, 27, 69, 1);padding:10px;}
.industry .two .our-capabilities ul.list li .card:hover{background: rgba(37, 73, 216, 1);}
.industry .two .our-capabilities ul.list li .card .learn-more{text-align: left;margin-top:10px;}
.industry .two .our-capabilities ul.list li .card .learn-more a{color:#FFFFFF;font-weight: 600;}
.industry .two .our-capabilities .card-text ul{list-style-type: disc;padding-left:15px;}
.industry .three{margin-top:120px;padding-bottom:60px;}
.industry .three .learn-more{margin:50px 0 120px 0;text-align: center;}
.industry .three .learn-more a{font-weight: 600;color: rgba(37, 73, 216, 1);margin:50px 0 120px 0;}
.industry .three .learn-more a:hover{opacity: 0.8;}
.industry .three ul.solutions{display: flex;list-style: none;flex-wrap: wrap;padding:0;gap:50px;justify-content: center;}
.industry .three ul.solutions li{flex: 0 0 calc(35%);}
.industry .bottom{display: flex;justify-content: center;}
.industry .banner-bottom{position: relative;}
.industry .banner-bottom .image {position: relative;}
.industry .banner-bottom .title{font-family: Montserrat;font-size: 50px;}
.industry .banner-bottom .overlay-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
/*slide*/
.index_one { float: left; width: 100%; position: relative; overflow: hidden; padding: 100px 0; }
.index_one .box {float: left;width: 100%;position: relative;}
.index_one .box .title {float: left;width: 100%;text-align: center;margin-bottom: 40px;}
.index_one .box .title b {width: 100%;float: left;line-height: 64px;font-size: 48px;color: #FFFFFF;font-family: 'MB';margin-bottom: 15px;}
.index_one .box .title p {width: 100%;float: left;line-height: 30px;font-size: 20px;padding: 0 20%;color: #FFFFFF}
.index_one .box .con {width: 100%;float: left;margin-bottom: 30px;position: relative;}
.index_one .box .con .swiper_one {width: 100%;float: left;padding-bottom: 80px;}
.index_one .box .con .swiper_one .swiper-wrapper {float: left;width: 100%;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide {position: relative;text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content {width: 100%;float: left;position: relative;text-align: left;overflow: hidden;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img {float: left;width: 100%;position: relative;overflow: hidden;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img p {float: left;width: 100%;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));padding: 20px;color: #fff;z-index: 4;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img p b {float: left;width: 100%;line-height: 30px;font-size: 20px;font-weight: bold;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img p span {float: left;width: 100%;line-height: 30px;font-size: 14px;font-family: 'ML';}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img img {float: left;width: 100%;overflow: hidden;transition: 0.5s;z-index: 1;}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide:hover .content .img img {transform: scale(1.1);}
.index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content strong {float: left;width: 100%;line-height: 24px;font-size: 15px;color: var(--themefive);font-family: 'ML';margin-top: 10px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_one .box .con .swiper_one .swiper-pagination-bullet {background: #fff;width: 16px;height: 16px;margin: 0 4px;opacity: 1;border-radius: 16px;transition: 0.5s;}
.index_one .box .con .swiper_one .swiper-pagination-bullet-active {background: var(--themefive);width: 30px;height: 16px;opacity: 1;}
.index_one .box .con .swiper-button-next_one, .index_one .box .con .swiper-button-prev_one {width: 40px;height: 40px;line-height: 44px;border-radius: 40px;text-align: center;display: inline-block;z-index: 99;overflow: hidden;transition: 0.5s;position: absolute;top: 50%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.index_one .box .con .swiper-button-next_one {border: 1px solid #FFFFFF;top: 90px;right: -60px;}
.index_one .box .con .swiper-button-prev_one {border: 1px solid #FFFFFF;top: 90px;left: -60px;}
.index_one .box .con .swiper-button-next_one span, .index_one .box .con .swiper-button-prev_one span {color: #FFFFFF}
.index_one .box .con .swiper-button-next_one:hover, .index_one .box .con .swiper-button-prev_one:hover {background: #FFFFFF;color: #fff;border: 1px solid #FFFFFF}
.index_one .box .con .swiper-button-next_one:hover span, .index_one .box .con .swiper-button-prev_one:hover span {color: var(--themefive);}

/*industry 具体页*/
.industry-lists{font-family: 'Montserrat', sans-serif;}
.industry-lists .margin-top{margin-top:120px;}
.industry-lists .one{margin-top:200px;float: left;width: 100%;}
.industry-lists .one .content{margin:0 auto;width: 800px; padding:30px 0 0 0;}
.industry-lists .two{float: left;width: 100%;}
.industry-lists .two ul.img-list{margin-top:40px;display: flex;flex-wrap: wrap;list-style: none;gap:20px;}
.industry-lists .two ul.img-list li{flex: 0 0 calc(25% - 15px);}

.industry-lists .two ul.prototyping{margin-top:30px;display: flex;flex-wrap: wrap;list-style: none;gap:5px;}
.industry-lists .two ul.prototyping li{flex: 0 0 calc(25% - 4px);display: flex;align-items: center;/*justify-content: center;*/}
.industry-lists .two ul.prototyping li i{font-size: 40px;}
.industry-lists .two ul.prototyping li .name{font-weight: bold;font-size: 20px;}

.industry-lists .three{background: rgba(37, 40, 61, 1);width: 100%;padding-bottom: 120px;}
.industry-lists .three .title{color: #FFFFFF;text-align: center;}
.industry-lists .three .box{position: relative;}
.industry-lists .three .swiper .title1{color:#FFFFFF;}

.industry-lists .four{float: left;width: 100%;}
.industry-lists .four .content {
    width: 800px;
}

.industry-lists .four .card-content {
    background: rgba(37, 73, 217, 1);
    color: #FFF;
}

.industry-lists .four .card-content:hover {
    /*background: rgba(37, 40, 61, 1);*/
}

.industry-lists .four .card-content1 {
    background: rgba(37, 40, 61, 1);
    color: #FFF;
}

.industry-lists .four .card-content1:hover {
}

.industry-lists .four .card-content .card-bottom {
    text-align: center;
    background: rgba(37, 40, 61, 1);
    color: #FFF;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
}

.industry-lists .four .card-content1 .card-bottom {
    text-align: center;
    background: rgba(37, 73, 217, 1);
    color: #FFF;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
}

.industry-lists .four .card-content:hover .card-bottom,.industry-lists .four .card-content1:hover .card-bottom {
    display: block;
}
.industry-lists .four .learn_more1{color:#2549d8}

.industry-lists .why-choose{padding-bottom: 120px;float: left;width: 100%;}
.industry-lists .why-choose .title{margin-bottom: 40px;}
.industry-lists .why-choose .learn-more{margin: 30px 0 0px 0;text-align: center;}
.industry-lists .why-choose .learn-more a{font-weight: 600;color: rgba(37, 73, 216, 1);margin:50px 0 120px 0;}
.industry-lists .why-choose .learn-more a:hover{opacity: 0.8;}
.industry-lists .why-choose .solutions{display: flex;list-style: none;flex-wrap: wrap;padding:0;gap:50px;justify-content: center;}
.industry-lists .why-choose .solutions .sub{flex: 0 0 calc(40%);}
.industry-lists .why-choose .solutions .sub ul.list{list-style: inside;}
.industry-lists .bottom{display: flex;justify-content: center;float: left;width: 100%;}

.industry-lists .banner-bottom{position: relative;}
.industry-lists .banner-bottom .image {position: relative;}
.industry-lists .banner-bottom .overlay-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
/*slide*/
.slide{float: left;width: 100%;position: relative;}
.slide .title{float: left;width: 100%;text-align: center;margin-bottom: 40px;}
.slide .title b{width: 100%;float:left;line-height: 64px;font-size: 48px;color:#222;font-family: 'MB';margin-bottom: 15px;}
.slide .title p{width: 100%;float:left;line-height:30px;font-size: 20px;padding:  0 20%;color: #363738}
.slide .con{width: 100%;float: left;margin-bottom: 0px;position: relative;}
.slide .con .swiper{width: 100%;float: left;padding-bottom: 0px;}
.slide .con .swiper .swiper-wrapper{float: left;width: 100%;}
.slide .con .swiper .swiper-wrapper .swiper-slide{position: relative;text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.slide .con .swiper .swiper-wrapper .swiper-slide .content{width: 100%;float: left;position: relative;text-align: left;overflow: hidden;height: 220px;}

.industry-lists .slide .con .swiper .swiper-wrapper .swiper-slide .content{height: auto;}

.slide .con .swiper .swiper-wrapper .swiper-slide .content .img{width: 100%;position: relative;overflow: hidden;}
.slide .con .swiper .swiper-wrapper .swiper-slide .content .img p{float: left;width: 100%;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));padding: 20px;color: #fff;z-index: 4;}
.slide .con .swiper .swiper-wrapper .swiper-slide .content .img p b{float: left;width: 100%;line-height: 30px;font-size: 20px;font-weight: bold;}
.slide .con .swiper .swiper-wrapper .swiper-slide .content .img p span{float: left;width: 100%;line-height: 30px;font-size: 14px;font-family: 'ML';}
.slide .con .swiper .swiper-wrapper .swiper-slide .content .img img{float: left;width: 100%;/* height:260px; */overflow: hidden;transition: 0.5s;min-height: 220px;z-index: 1;}
.slide .con .swiper .swiper-wrapper .swiper-slide:hover .content .img img{transform: scale(1.1);}
.slide .con .swiper .swiper-wrapper .swiper-slide .content strong{float: left;width: 100%;line-height: 24px;font-size: 18px;color: #000;font-family: 'ML';margin-top: 10px;/*display: -webkit-box;*/-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.slide .con .swiper .swiper-pagination-bullet{background:#fff;width: 16px;height: 16px;margin:0 4px;opacity: 1;border-radius: 16px;transition:0.5s;}
.slide .con .swiper .swiper-pagination-bullet-active{background: var(--themefive);width: 30px;height: 16px;opacity: 1;}
.button-next,
.button-prev{width: 40px;height: 40px;line-height: 44px;border-radius: 40px;text-align: center;display: inline-block;z-index: 99;overflow: hidden;transition:0.5s;position: absolute;top: 50%;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.button-next{border: 1px solid #ffffff;top:320px;right:-60px;}
.button-prev{border: 1px solid #ffffff;top:320px;left: -60px;}
.button-next span,
.button-prev span{color: #FFFFFF;}
.button-next:hover,
.button-prev:hover{background: var(--themefive);color: #fff;border: 1px solid var(--themefive)}
.button-next:hover span,
.button-prev:hover span{color: #fff;}
.slide-box{padding: 0;display: flex;justify-content: space-between;}
.slide-box .left-box{width: 48%;padding:30px 20px;background: #f5f5f5;}
.slide-box .right-box{width: 48%;padding:30px 20px;background: #f5f5f5;}

@media (max-width: 768px) {
    .index_one {
        padding: 50px 20px;
    }
    .index_one .container {
        padding: 0
    }
    .index_one .box {
        padding: 0;
    }
    .index_one .box .title b {
        line-height: 32px;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .index_one .box .title p {
        line-height: 20px;
        font-size: 14px;
        padding: 0 20px;
    }
    .index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img p {
        padding: 12px;
    }
    .index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img p b {
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content .img p span {
        line-height: 20px;
        font-size: 12px;
    }
    .index_one .box .con .swiper_one .swiper-wrapper .swiper-slide .content strong {
        line-height: 20px;
        font-size: 14px;
        margin-top: 10px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .index_one .box .con .swiper-button-next_one:after, .index_one .box .con .swiper-button-prev_one:after {
        color: #fff;
        font-size: 20px;
    }
    .index_one .box .con .swiper-button-next_one {
        border: 1px solid rgba(255,255,255,0.4);
        top: 35%;
        right: 10px;
        background: rgba(255,255,255,0.4);
    }
    .index_one .box .con .swiper-button-prev_one {
        border: 1px solid rgba(255,255,255,0.4);
        top: 35%;
        left: 10px;
        background: rgba(255,255,255,0.4);
    }
    .index_one .box .con .swiper-button-next_one span, .index_one .box .con .swiper-button-prev_one span {
        color: #fff;
    }
    .index_one .box .con .swiper-button-next_one:hover {
        right: 0;
    }
    .index_one .box .con .swiper-button-prev_one:hover {
        left: 0;
    }
}
@media (max-width: 768px) {
    .flex-mobile{display: grid;/*flex-direction: column;*/}
    .industry .one .cate-list{display: grid;}
    .industry .two .our-capabilities ul.list{display: grid;}
    .industry .three ul.solutions{display: grid;}
    .industry .bottom img{width: 100%;}
    .industry-lists .bottom img{width: 100%;}
}