@font-face{font-family:"Roboto";src:"roboto.ttf"}
*{overflow:hidden;user-select:none;-webkit-user-select:none;font-family:"Arial","SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}
li::marker{}
tr{border-color: #fff!important}
td{border-color: #fff!important}
html,body{margin:0;padding:0;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
body{overflow:hidden;background-color:rgb(0,0,0);touch-action:none;-ms-touch-action:none}
canvas{display:block;overflow:hidden}
::-webkit-scrollbar {width: 5px; /* 滚动条宽度 */}
::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 5px;}
::-webkit-scrollbar-thumb {
  background: #4a90e2; /* 滑块颜色，我选了清爽蓝！ */
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3a7bd5; /* 悬停变深一点 */
}
.content{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden}
.content-about img{width:100%}
.page h1{font-size:24px}
.partner-list{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:10px;padding-left: 0;}
.partner-list li{padding: 30px}
.partner-list img{width: 100%;}
.partner-list tr{border-color: #fff;}
.top-bar{color:#0094ff;font-size:calc(1vw + 15px);font-weight:normal;font-family:"Roboto";display:flex;justify-content:space-between;padding:20px;text-align:center;opacity:0;transition:opacity 5s;height:calc(-5px + 3.15vw);background:linear-gradient(
    hsl(0,0%,0%) 0%,hsla(0,0%,0%,0.738) 19%,hsla(0,0%,0%,0.541) 34%,hsla(0,0%,0%,0.382) 47%,hsla(0,0%,0%,0.278) 56.5%,hsla(0,0%,0%,0.194) 65%,hsla(0,0%,0%,0.126) 73%,hsla(0,0%,0%,0.075) 80.2%,hsla(0,0%,0%,0.042) 86.1%,hsla(0,0%,0%,0.021) 91%,hsla(0,0%,0%,0.008) 95.2%,hsla(0,0%,0%,0.002) 98.2%,hsla(0,0%,0%,0) 100%
  )}
.title-ares{position:absolute;left:0;top:0;padding:1.5vw 3vw;letter-spacing:.5vw}
.title-ensea{position:absolute;right:-2vw;top:0;padding:1.5vw 3vw;letter-spacing:2vw;text-decoration:none;color:#0094ff}
.logo{position:absolute;top:1.5vw;left:calc(50vw - 15px - 1vw)}
.logo img{width:calc(30px + 2vw)}
.close-button{color:rgb(146,146,146);font-size:50px;position:absolute;top:9vh;cursor:pointer}
.contact-close{color:rgb(146,146,146);font-size:24px;position:absolute;top:calc(23vh - 12px);cursor:pointer;width:100%;left:0;text-align:center;font-family:"Roboto"}
.close-button:hover,.contact-close:hover{color:white}
.socials{position:absolute;top:70vh;width:100%;left:0;text-align:center;font-family:"Roboto"}
.socials .icon{display:inline-block;width:calc(40px + 1vw);height:calc(40px + 1vw);filter:invert();opacity:0.57;margin:calc(10px + 1.5vw);background-size:contain;background-repeat:no-repeat}
.socials .icon:hover{opacity:1}
.page{position:absolute;top:0;background-color:rgb(255 255 255 / 93%);backdrop-filter: blur(10px);box-sizing:border-box;color:#000000;font-family:'Roboto';margin-top:18vh;height:calc(100vh - 18vh);padding:5vw;padding-bottom:150px;transition:transform 1000ms cubic-bezier(0.23,1,0.320,1);overflow:auto;line-height:2;font-weight:300;-ms-overflow-style:none;scrollbar-width:none}
#page-2{background:none}
#page-2 .product-list{background-color:rgb(255 255 255 / 93%);backdrop-filter: blur(10px);}
#page-2 .product-list h1{font-size:36px;margin-bottom:0;padding:30px 30px 0 30px;}
#page-2 .product-list .desc{padding-left: 30px;}
#page-2 .product-list .bread{display: flex; gap: 10px;padding: 30px;color: #0094ff;}
#page-2 .product-list .bread a{color: #0094ff;}
.page::-webkit-scrollbar{display:none}
.page p{font-size:16px;color:#000000;}
@media only screen and (min-width:600px){.page{margin-left:calc(30% - 180px);margin-right:calc(30% - 180px);width:calc(100vw - 60% + 360px)}
.close-button{left:calc(30% - 180px + 5vw)}
}
@media only screen and (min-width:600px){#page-3{margin-left:calc(15% - 180px);margin-right:calc(15% - 180px);width:calc(100vw - 30% + 360px)}
.close-button{left:calc(20% - 180px + 5vw)}
}
@media only screen and (min-width:600px){#page-2{margin-left:calc(10% - 180px);margin-right:calc(10% - 180px);width:calc(100vw - 20% + 360px)}
.close-button{left:calc(20% - 180px + 5vw)}
}
@media only screen and (min-width:600px){#page-4{margin-left:calc(10% - 80px);margin-right:calc(10% - 80px);width:calc(100vw - 20% + 160px)}
.close-button{left:calc(20% - 180px + 5vw)}
}
@media only screen and (max-width:600px){.page{margin-left:0;margin-right:0;width:100vw}
.close-button{left:5vw}
.person{max-width:100%;width:100%}
.people{align-items:stretch}
}
.tucked.page{transform:translateY(100%)}
strong{font-weight:800;font-size:16px}
h1{font-size:16px;color:#0094ff;margin-top:2em}
h1:first-child{margin-top:0}
.people{display:flex;flex-direction:column;align-items:center}
.person{text-align:left;line-height:1.2;width:400px;background-color:rgba(255,255,255,0.05);margin:10px;padding:3px 14px;box-sizing:border-box}
.person .text{height:90px;display:flex;flex-direction:column;justify-content:space-evenly;cursor:default}
.person .profile-picture{margin-top:10px;margin-bottom:10px;margin-right:20px;border-radius:100%;width:70px;height:70px;float:left;background-color:#fff}
.person .name{display:block;margin-top:0.5em}
.person .job{display:block;margin-bottom:0.5em;color:#0094ff}
@media only screen and (max-width:600px){.partner{flex-direction:column;text-align:center !important;align-items:center;margin-top:0em}
.partner:first-child{margin-top:0em}
.partner.labboite{flex-direction:column-reverse}
.partner .text{}
.partner > a{width:100%}
#rs-logo,#st-logo,#elsys-logo{width:40%}
#labboite-logo,#wurth-logo,#cma-logo{width:50%}
}
@media only screen and (min-width:600px){.partner{align-items:stretch}
.partner .text{}
#rs-logo{margin-left:30px;width:30%}
#labboite-logo,#st-logo,#elsys-logo{margin-right:30px;width:30%}
#wurth-logo,#cma-logo{margin-left:30px;width:30%}
}
.partner{margin-bottom:30px;padding: 0 30px;overflow:visible;display:flex;flex-direction:column;justify-content:stretch}
.partner.rs,.partner.wurth,.partner.cma{text-align:right}
.partner .text{cursor:default}
.rich-text{padding: 30px;}
.partner p{float:none}
.partner > a{display:block;flex-grow:1;flex-shrink:1}
#rs-logo{min-width:100px;display:flex;align-items:center;overflow:visible}
#rs-logo img{z-index:2;width:100%;transform:scale(1);transform-origin:center left;transition:transform 300ms,border 200ms;border:3px solid rgba(21,255,0,0);border-radius:25px}
#rs-logo img:hover{transform:scale(1.1);transform-origin:center;border:3px solid rgba(255,255,255,1)}
#labboite-logo{height:auto;min-width:100px;display:flex;align-items:center;overflow:visible}
#labboite-logo img{padding:20px;filter:invert() hue-rotate(180deg) contrast(1.5);background-color:#bebebe;border-radius:10px;transform:scale(1);transform-origin:center right;border:3px solid rgba(21,255,0,0);transition:transform 300ms,border 200ms}
#labboite-logo img:hover{transform:scale(1.1);border:3px solid rgba(0,0,0,1)}
#wurth-logo{float:right;clear:left;overflow:visible;min-width:100px;display:flex;align-items:center}
#wurth-logo img{filter:invert() hue-rotate(180deg) brightness(0.7) contrast(4);background-color:#6a6a6a;padding:20px;border-radius:10px;width:100%;box-sizing:border-box;transform:scale(1);transform-origin:center left;transition:transform 500ms;border:3px solid rgba(21,255,0,0)}
#wurth-logo img:hover{transform:scale(1.1);border:3px solid rgba(0,0,0,1)}
#st-logo{width:100%; height:auto;min-width:100px;display:flex;align-items:center;overflow:visible}
#st-logo img{background-color:#2c2c2c;border-radius:10px;transform:scale(1);transform-origin:center;border:3px solid rgba(0,0,0,0);transition:transform 300ms,border 200ms}
#st-logo img:hover{transform:scale(1.1)}
#cma-logo{float:right;clear:left;overflow:visible;min-width:100px;display:flex;align-items:center}
#cma-logo img{filter:invert() hue-rotate(180deg) brightness(0.7) contrast(4);background-color:#6a6a6a;padding:10px;border-radius:10px;width:100%;box-sizing:border-box;transform:scale(1);transform-origin:center left;transition:transform 500ms;border:3px solid rgba(21,255,0,0)}
#cma-logo img:hover{transform:scale(1.1);border:3px solid rgba(0,0,0,1)}
#elsys-logo{height:auto;min-width:100px;display:flex;align-items:center;overflow:visible}
#elsys-logo img{filter:brightness(1.5);padding:20px;background-color:#181818;border-radius:10px;transform:scale(1);transform-origin:center right;border:3px solid rgba(0,0,0,0);transition:transform 300ms,border 200ms;width:100%}
#elsys-logo img:hover{transform:scale(1.1);border:3px solid rgba(255,255,255,1)}
#robot-render{width:90%;margin:30px 5%}
#car-sketch{width:80%;margin:10px 10%}
.mobile-nav{position:absolute;left:0;top:calc(100px + 3.15vw);height:calc(60vh + 5px - 3.15vw);width:100%;display:flex;flex-direction:column;justify-content:space-evenly}
.mobile-nav .button{background-color:rgb(24,24,24);color:#0094ff;font-family:"Roboto";font-size:4vw;padding:5vw;text-align:center;margin:2.5vw 5vw}
.mobile-nav .button:hover{color:white}
@media only screen and (min-width:600px){.mobile-nav{display:none}
}
.mobile-socials{text-align:center}
.mobile-socials .icon{display:inline-block;width:calc(40px + 1vw);height:calc(40px + 1vw);filter:invert();opacity:0.57;margin:calc(10px + 1.5vw);background-size:contain;background-repeat:no-repeat}
.mobile-socials .icon:hover{opacity:1}
.hidden{display:none}
#page-2 .content-box{display:flex;gap:10px}
.category-list{width:400px}
.category-box{padding: 20px 0 40px;background-color:rgb(255 255 255 / 93%);backdrop-filter: blur(10px);display:flex;flex-direction:column;gap:5px}
.category{cursor:pointer;position:relative;transition:0.3s;text-align:center}
.cat-title{font-size:18px;font-weight:bold;color:#000000}
.sub-category{max-height:0;overflow:hidden;opacity:0;margin-top:8px;padding-left:10px;transition:0.3s ease}
.sub-category li{list-style:none;color:#ccc;margin:5px 0;cursor:pointer}
.sub-category li.active a{color:#0094ff;}
.category:hover .sub-category{max-height:300px;opacity:1}
.category.active .sub-category{max-height:300px;opacity:1}
#page-2 .content-box{display:flex;gap:10px;padding-bottom:100px;height:calc(100vh - 100px)}
.category-list{width:260px;flex-shrink:0;overflow:hidden}
.product-list{flex:1;overflow-y:auto;padding:10px;padding-left:30px;padding-right:30px}
#page-2{padding-top:0;padding-bottom:0;height:100vh}
.item-list{display:flex;flex-direction:column}
.item-list .text-item{display:flex}
.rich-text *{all:revert;display:revert;}
.product-list{display:none}
.product-list.active{display:block}
.share{position:absolute;top:1.5vw;right:85px;display:flex;gap:20px;align-items: center;}
.share img{width:25px;height:25px;cursor:pointer;border:1.2px solid #0094f6;}
.form-box{display:flex;flex-direction:column}
.form-box form{display:flex;flex-direction:column;gap:10px}
.form-box input{border-radius:5px;height:30px;width:70%}
.form-box select{border-radius:5px;height:40px;padding: 10px;}
.form-box textarea{width:70%;border-radius:5px;height:200px;padding: 20px 10px;}
.form-item{display:flex;align-items:center}
.button-box{margin-top:15px;width:68%;display:flex;justify-content:center}
.button-box button{padding:10px 50px;cursor:pointer}
#page-4 .page-box{display:flex;align-items: center;}
#page-4 .page-box .left{width:60%}
#page-4 .page-box .left .form-item{display:flex;flex-direction:column;align-items:flex-start}
#page-4 .page-box .right{width:40%}
#page-4 .page-box .right .image-box{display:flex;flex-direction:column;gap: 10px;}
#page-4 .page-box .right img{width:100%}
.language{display: flex;gap: 20px;font-size: 24px;margin-right: 25px;}
.language a{color: #0094ff;}
.link-box{display:flex;gap:10px;flex-wrap:wrap}
.link-box .link-item{display:flex;align-items:center;gap:5px}
.link-item img{width:30px}
#page-4{padding-top:80px}
#page-3{padding-top:20px;padding-left:20px;padding-right:20px}
/*以下自适应*/
@media (max-width: 768px) {
  .logo{top: 5.5vw;left: 4vw;}
  .title-ares{left: 12vw;top: 6.5vw;font-size: 16px;}
  .share{top: 7vw;right: 10px;gap: 10px;}
  #page-4 .page-box{display: block;}
  #page-4 .page-box .left{width: 100%;}
  #page-4 .page-box .right{width: 100%;margin-top: 30px;}
  .form-box input{width: 95%;}
  .form-box textarea{width: 95%;}
  .button-box{width: 98%;}
  }
@media (max-width: 768px) {
  #app{}
  ::-webkit-scrollbar{display: none;}
  #page-2{padding: 0;}
  #page-2 .content-box{display:block;overflow: visible;}
  #page-2 .product-list h1{font-size: 20px;padding: 0 20px 0 15px;}
  #page-2 .product-list .bread{font-size: 12px;padding: 20px 15px;}
  .product-list{padding:0;padding-top:5px;}
  .partner-list{display: flex;flex-wrap: wrap;gap: 0;}
  .partner-list li{padding: 10px; flex: 1 1 calc(47% - 10px);}
  #st-logo{width: 100%!important;}
  .partner{flex-direction: column!important;padding-top: 0 !important;padding: 0 12px; margin-bottom: 15px;}
  .partner .text{width: 100%!important;}
  .partner .text h2{font-size: 18px;}
  .rich-text{padding:0 12px;overflow-x: auto;}
  .rich-text p{word-break: break-all;}
  .item-list{word-break: break-all;}
  .item-list .text-item .left{font-weight: 600;}
  .item-list .text-item .right{margin-left: .5em;}
}


.pmobileCategoryHead *,.pmobileCategoryHead{
	overflow: visible;
	box-sizing: border-box;
	font:inherit;
}
.pmobileCategoryHead{
	background: rgb(255 255 255 / 93%);
	padding: 15px;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
	align-items: flex-start;
	display: none;
	gap:5px;
}
.pmobileCategoryHead>span{
	color: #000;
	font-weight: bold;
	font-size: 14px;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
}
.pmobileCategoryHead-right{
	flex: 1;
	width: 0;
}

.pmobileCategoryHead-select{
	position: relative;
}
.pmobileCategoryHead-select-input{
	padding: 0 10px;
	height: 40px;
	background: #fff;
	font-size: 14px;
	color:#555;
	border: 1px solid #eee;
	border-radius: 3px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.pmobileCategoryHead-select-input>i{
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	width: 9px;
	height: 9px;
	margin-left: auto;
	transform: rotateZ(45deg);
}
.pmobileCategoryHead-select-pop{
	position: absolute;
	left: 0;
	top: 100%;
	background: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s;
	width:100%;
	padding: 0;
	z-index: 10;
	border-radius: 3px;
}
.pmobileCategoryHeadShowPop .pmobileCategoryHead-select-pop{
	max-height: 300px;
	padding: 5px;
}
.pmobileCategoryHead-select-item{
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	color: #555;
	padding: 0 10px;
}
.pmobileCategoryHead-child{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:10px;
	font-size:13px;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-top: 15px;
}
.pmobileCategoryHead-child-item{
	height: 40px;
	padding: 0 10px;
	color: #333;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pmobileCategoryHead-child .pmobileCategoryHead-child-cur{
	background: #0094ff;
	color: #fff;
}

@media screen and (max-width: 768px){
	.pmobileCategoryHead{
		display: flex;
	}
	 
	.category-list{
		overflow: visible;
		display: none;
		width:100%;
	}
	.category-box{
		overflow: visible;
		display: flex;
		flex-direction:row;
		align-items: center;
		justify-content: flex-start;
		padding: 10px 0;
		margin-bottom: 70px;
		
	}
	.category-box .cat-title{
		line-height: 1.2;
		font-size:14px;
		line-height: 1.2;
	}
	.category-box >.category{
		flex:1;
		position: static;
		width:0;
	}
	.category-box >.category >.sub-category{
		display: none;
	}
	
	.category-box >.categoryShowSub >.sub-category{
		display: flex;
		position: absolute;
		height: 40px;
		background: rgb(255 255 255 / 93%);
		z-index: 2;
		left:0;
		align-items: center;
		width: 100%;
		opacity: 1;
		max-width: none;
		top: 100%;
		padding:10px 0;		
		display: flex;
		margin: 0;
	}
	.category-box >.categoryShowSub >.sub-category>li{
		flex: 1;
		width: 0;
		font-size: 14px;
		line-height: 1.2;
	}
	   
	
}