/* Added materials style for 'langwu' on 2024-08-14 */
body{background: #FFF;}
.bg-gray{background: #f5f5f5;}
.mt-md-6{margin-top: 60px;}
h1,h2,h3,h4,h5,h6{font-family: 'MB';}
.font-text{font-size: 16px;line-height: 25px;}
.m-top{margin-top:100px;}
.float-left{float: left;}
.breadcrumb{padding:40px 0 0 0;margin: 0;}
.table th{border: 1px solid #000000;text-align: center;}
.table thead th{border: 1px solid #000000;color: #000000;}
.btn-primary{background-color: #2549d8;border-color: #2549d8;}
.text-primary {color: #2549d8 !important;}
.solutions .left{width: 80%;}
.solutions .right{width: 20%;}
.solutions .icon{font-size: 40px;margin-right: 10px;color:#000;}
.solutions .text{padding:5px 10px;font-size: 18px;}
.solutions .right .btn{/*margin-top: -20px;*/}
.solutions .btn{/*margin-top:-20px;*/}
.solutions ul{display: grid;justify-content: center;/*padding:0 0 20px 0;*/text-align: center;}
.solutions ul .icon{text-align: center;margin-right:0;}
.solutions ul img{height: 50px;}
.carousel-indicators{display: flex;gap: 20px;}
.carousel-indicators button{width: 15px; height: 15px;background: rgba(255, 255, 255, 0.5);border-radius:10px;border:0;}
.carousel-indicators button.active{background: rgba(255, 255, 255, 1);}
.materials .solutions .sub,.metal-plastic .solutions .sub,.materials-cate .solutions .sub{width: 20%;float: left;margin-bottom: 20px;}
/*all materials page*/
.materials .one .one-box ul.table{border-bottom: 1px solid #adadad;padding-bottom: 10px;}
.materials .one .one-box ul.content{padding:15px 0;align-items: center;}
.materials .one .type-of-3d ul{display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;}
.materials .one .type-of-3d ul li {flex: 0 0 calc(50% - 10px);margin: 5px;padding:20px 20px 0 0;}
.materials .one .rule-of-thumb i{font-size: 30px;}
.materials .one .rule-of-thumb b{font-size: 18px;}
.materials .one .rule-of-thumb .one-text{margin:80px 0 0 20px;}
.materials .one .rule-of-thumb .two-text{margin:80px 0 0 20px;}
.materials .two .all-3d-materials {
 display: flex;
 flex-wrap: wrap;
 list-style-type: none;
 padding: 0;
 gap: 38px 10px;
 justify-content: space-between;
}
.materials .two .all-3d-materials li {
 flex: 0 0 calc(50% - 10px);
 border: 1px solid #dee2e6;
 border-radius: 20px;
 background: #f5f5f5;
}
.materials .two .all-3d-materials li .top{display: flex;justify-content: space-between;align-items: center;margin:20px 0 0 0;}
.materials .two .all-3d-materials li .top .title{width: 40%;}
.materials .two .all-3d-materials li .bottom{display: flex;flex-wrap: wrap;list-style-type: none;padding:0;justify-content: left;gap: 10px 10px;margin:20px 0;}
.materials .two .all-3d-materials li .bottom button{font-size: 14px;}


/*Metal & Plastic Materials*/
.metal-plastic .one .one-box ul.table{border-bottom: 1px solid #adadad;padding-bottom: 10px;}
.metal-plastic .one .one-box ul.content{padding:15px 0;align-items: center;}
.metal-plastic .two .four-palace-grid ul{display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;}
.metal-plastic .two .four-palace-grid ul li {flex: 0 0 calc(50% - 10px);margin: 5px;padding:20px 20px 0 0;}
.metal-plastic .two .parts ul.features{display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;text-align: center;gap: 50px 0px;margin-top: 50px;}
.metal-plastic .two .parts ul.features li{flex: 0 0 calc(50% - 0px);text-align: left;display: flex;align-items: center;}
.metal-plastic .two .parts ul.features i.bi{font-size: 40px;color: #2549d8;}

/*Materials cate*/
.materials-cate .three ul.advantages{display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;justify-content: space-between;gap:20px 80px;}
.materials-cate .three ul.advantages li{flex: 0 0 calc(33.33% - 160px);display: flex;align-items: center;}
.materials-cate .three ul.advantages li i{font-size: 35px;color: #2549d8;}
.materials-cate .four .types{display: flex;flex-wrap: wrap;list-style-type: none;padding: 0;justify-content: space-between;gap:20px;}
.materials-cate .four .types .type-box{width: 49%;padding:20px;border-radius: 20px;background: #f5f5f5;}
/*Materials sub*/
.materials-sub .one .datasheet{gap:10px;}
.materials-sub .one .datasheet .icon{font-size: 40px;}
.materials-sub .one .applications{border-top: 1px solid #000000;border-bottom: 1px solid #000000;}
.materials-sub .one .solutions ul{padding:0 0 5px 10px;}

.banner-bottom{position: relative;}
.banner-bottom .image {position: relative;}
.banner-bottom .overlay-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
/*slideshow*/
.slideshow{display: flex;juntify-content: space-between;gap:4%;}
.capabilities-sub .three .slideshow .slideshow-item{width: 49%;}
.slideshow .carousel-indicators{display: flex;justify-content: center;}
.slideshow .carousel-indicators button{width: 20px;height: 20px;margin-right: 10px;line-height: 10px;background: #adadad;}
.slideshow .carousel-indicators button.active{background: #FFF}
.slideshow .carousel-control-prev, .slideshow .carousel-control-next{opacity: 0.7;}
/*slide*/
.slide{float: left;width: 100%;position: relative;}
.slide h2{margin:100px 0 40px 0;}
.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: 50px;}
.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;}
.slide .con .swiper .swiper-wrapper .swiper-slide .content .img{float: left;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;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 var(--themefive);top:300px;right:-60px;}
.button-prev{border:1px solid var(--themefive);top:300px;left: -60px;}
.button-next span,
.button-prev span{color: var(--themefive)}
.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%;border: 1px solid #000;padding:30px 20px;}
.slide-box .right-box{width: 48%;border: 1px solid #000;padding:30px 20px;}

.materials .btn,.metal-plastic .btn,.materials-cate .btn,.materials-sub .btn{font-weight: bold;}

@media (max-width: 768px) {
 .flex-mobile{display: grid;/*flex-direction: column;*/}
}