#profile {width: 100%; overflow-x: hidden; color: #484848;}
#profile .smooth-content { font-size: 0.2rem;}
/* #profile main{ padding-top: 1rem; } */
#profile main .profile .title{color:#ff8c00; font-size: 0.7rem; font-weight: bold;}
#profile .w{color: #fff; line-height: 0.36rem; text-align: justify;}
#profile .PoppinsBold{font-family: Poppins-Bold;}
/* #header-box{display: none;} */
#profile .profile{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
#profile .profile .bg{width: 100%; height: 120vh; position: absolute; top: 0;  left: 0;}
#profile .profile .building{width: 100%; position: absolute; bottom: 0; right: 0;}
#profile .profile .word{position: absolute; top: 1.88rem; left:1rem ; width: 34%;}
#profile .logo_s{ width: 2.49rem;    margin-left: 0.03rem;}
#profile .profile .w{ padding: 0.34rem 0; border-top: #fff 1px solid;}


#profile .strength{position: relative; overflow: hidden; height: 100vh;}
#profile .strength .titlebox{position: absolute; top: 1rem; left: 1rem; z-index: 999; color: #fff;}
#profile .strength .titlebox .title{font-size: 0.7rem;text-transform: uppercase;}
#profile .strength .titlebox .subtitle{font-size: 0.2rem;}
#profile .strength .strength-swiper{height: 100vh; overflow: hidden;color: #fff;}
#profile .strength .strength-swiper img{width: 100%; height: 100%; object-fit: cover;  transform-origin: 50% 50%; transform: scale(1.1,1.1); }
#profile .strength .strength-swiper  img.on { animation: image-zoom-out 9s 0s forwards;}
@keyframes image-zoom-out {
	from {
		transform: scale(1.1,1.1)
	}
	to {
		transform: scale(1.0,1.0)
	}
}

#profile .strength .strength-swiper .txtbox{position: absolute; bottom: 3.09rem; left: 1rem; width: 7.8rem; text-align: justify; height: 1.66rem; }
#profile .strength .strength-swiper .line{border-top:1px solid #fff ;padding-top: 0.33rem; }

#profile .strength .strength-swiper .txtbox h5{font-size: 0.26rem; text-transform:uppercase; }
#profile .strength .strength-swiper .txtbox p{ line-height: 0.36rem;}

#profile .strength .swiper-pagination{bottom: 0; text-align: right; }
#profile .strength .swiper-pagination span{display: inline-block; width: 3.15rem; height:1.62rem; border-radius: 0; margin:auto 1px; vertical-align:bottom; font-size: 0.26rem; padding: 0.48rem 0.22rem 0 0.30rem;text-transform:uppercase; transition: all 0.4s ease-in-out; color: #fff;position: relative; background: none;opacity: 1;}
#profile .strength .swiper-pagination span::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.07);backdrop-filter: blur(20px); z-index: -1;}
#profile .strength .swiper-pagination .swiper-pagination-bullet-active{background-color: #39aeb2; position: relative; height: 2.02rem; font-size: 0.34rem; padding-left: 0.32rem;}
#profile .strength .swiper-pagination span .iconbox{ display: flex; justify-content:flex-end; align-items:flex-end; position: absolute; bottom: 0.48rem; width:3.15rem;}
#profile .strength .swiper-pagination span .j{width: 0.24rem;height:auto; transition: all 0.4s ease-in-out;}
#profile .strength .swiper-pagination span .icon{width: auto;height: 0.47rem; opacity: 0; transform: translateX(0.5rem);  transition: all 0.4s ease-in-out;}
#profile .strength .swiper-pagination .swiper-pagination-bullet-active .icon{opacity: 1; transform: translateX(0);}
#profile .strength .swiper-pagination .swiper-pagination-bullet-active .j{width: 0.28rem;}

#profile .strength .btn{display: block; width: 83vw; height:2.64rem; font-size: 0.34rem; padding: 0.46rem 54vw 0 0.68rem;text-transform:uppercase; transition: all 0.4s ease-in-out; color: #fff;position: absolute; background: none;opacity: 1; left: 0;bottom: 0;}
#profile .strength .btn::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.07);backdrop-filter: blur(20px); z-index: -1;}
#profile .strength .swiper-slide-active .btn{background-color: #39aeb2; font-size: 0.48rem; padding-left: 0.78rem;}
#profile .strength .btn .iconbox{ display: flex; justify-content:flex-end; align-items:center; position: absolute; bottom: 0.48rem; width:80vw;}
#profile .strength .btn .j{width: 0.42rem;height:auto; transition: all 0.4s ease-in-out;}
#profile .strength .btn .icon{width: auto;height: 0.99rem; opacity: 0; transform: translateX(0.5rem);  transition: all 0.4s ease-in-out;}
#profile .strength .swiper-slide-active .btn .icon{opacity: 1; transform: translateX(0);}
#profile .strength .swiper-slide-active .btn .j{width: 0.52rem;}
#profile .strength .swiper-button-next, #profile .strength .swiper-button-prev{top: auto; bottom:0.5rem; color:#fff}
:root {
    --swiper-navigation-size: 0.44rem;
}
 #profile .strength .swiper-button-prev{left:auto; right:1.8rem}
 #profile .strength .swiper-button-next{left:auto; right:0.8rem}


#profile .manufacturing .title_box{display: flex; justify-content: space-between; padding-top: 1.50rem;  padding-bottom: 1.06rem; flex-direction: row-reverse;}
#profile .manufacturing .title_box h5{padding-right: 1.65rem;padding-left: 1.07rem; font-size: 0.7rem; line-height: 0.7rem;text-transform:uppercase; font-weight: normal;}
#profile .manufacturing .title_box p{width: 6.83rem; padding-left: 1.07rem; font-size: 0.2rem; line-height: 0.36rem;}
#profile .manufacturing .txtbox_main{display: flex; align-items: center;}
#profile .manufacturing .text_box li{display: flex;border-top:1px solid #e0e0e0 ; align-items: center; }
#profile .manufacturing .text_box li>div{width: 49.9%;height: 4.48rem; }
#profile .manufacturing .text_box li .pic img{width: 100%; height: 4.48rem; object-fit: cover; opacity: 0;}
#profile .manufacturing .text_box li .txtbox{padding: 0 0.51rem 0 1.07rem  ;  text-align: right;}
#profile .manufacturing .text_box li .txtbox_main{ border-left:1px solid #e0e0e0 ;}
#profile .manufacturing .text_box li h6{font-size: 0.26rem; text-transform:uppercase; margin-bottom: 0.26rem; line-height: 0.26rem;}
#profile .manufacturing .text_box li p{font-size: 0.2rem; line-height: 0.36rem;}
#profile .partners{background-color: #f5f7fa;}
#profile .partners h6{padding-top: 1.25rem; color: #484848; font-size: 0.7rem; text-align: center;text-transform:uppercase; font-weight: normal; overflow: hidden; padding-bottom: 1.25rem;}
#profile .partners h6 span{display: inline-block; transform-origin:0 100% ;}
.logos{padding: 0 0 .98rem; }
.images__slider{
    width: 100%;
    grid-column-gap: 0.63em;
    display: flex;
	flex-direction: row-reverse;
}
.logos__list-wrapper--slider {
-webkit-animation: imagesLoop 60s linear infinite;
-moz-animation: imagesLoop 60s linear infinite;
-o-animation: imagesLoop 60s linear infinite;
will-change: transform;
}
.logos__list--slider{grid-column-gap: 1em;
    justify-content: center;
    align-items: center;
    display: flex;}
	.logo--slide{width: 2.36rem;}
@keyframes imagesLoop {    
	0% {
		transform: translateX(0%);
	}
	
	100% {
		transform: translateX(-100%);
	}
}


@media (min-width: 1012px)
{	
	  .mb-only {
		display: none !important;
	  }
}

@media (max-width: 1012px)
{	
	.pc-pad {
	  display: none !important;
	}
	#profile .smooth-content {font-size: 0.28rem;}
	#profile .profile .w,#profile .strength .strength-swiper .txtbox{text-align: left;}
	/* #profile .profile .word{line-height: 0.5rem;} */
	#profile .profile .word{width: 6.83rem; right: 0.26rem; top:1.5rem;}
	#profile .strength .titlebox{right: .26rem; top: 1.23rem;}
	#profile .strength {height: 15.45rem;}
	#profile .strength .strength-swiper{height: 15.45rem;}
	#profile .strength .strength-swiper .txtbox{right:.68rem;  top: auto; bottom: 4.37rem; width: 6.07rem; height: auto;}
	#profile .strength .strength-swiper .txtbox h5{font-size: 0.4rem; line-height: 0.4rem; margin-bottom: 0.46rem;}
	#profile .strength .strength-swiper .txtbox p{ line-height: 0.5rem;}
	#profile .manufacturing .title_box{flex-wrap: wrap; padding-top: 1.12rem; padding-bottom: 1.12rem;     flex-direction: column-reverse; text-align: right; }
	#profile .manufacturing .title_box h5{padding-right: .26rem; margin-bottom: .51rem;}
	#profile .manufacturing .title_box p{padding-left: .26rem; padding-right:.26rem;  width: auto; font-size: 0.28rem;line-height: .5rem;}
	.manufacturing-swiper{margin-bottom: 1rem; width: 100%;text-align: right;}
	.manufacturing-swiper .swiper-slide img{width: 100%;}
	.manufacturing-swiper .swiper-slide h6{font-size: 0.4rem; margin-top: 0.44rem; margin-bottom: 0.54rem;text-transform:uppercase; text-align: right; }
	.manufacturing-swiper .swiper-slide p{text-align: justify; line-height: 0.5rem;}
	#profile .partners h6{text-align: right; font-size: 0.7rem; line-height: 0.75rem; padding-right: .24rem;}
	#profile .strength .titlebox .subtitle{font-size: 0.28rem;}
}
@media (min-width: 766px) and (max-width: 1000px)
{	
	#profile .strength .strength-swiper img.pic.pc-pad{display:  block !important;}
	#profile .strength .strength-swiper img.pic.mb-only{display: none !important;}
}