@charset "utf-8";
body {padding:0;margin:0;font-size:18px;background:#fff;user-select:none;color:#333;}
p,li,ul,dl,dd,a,form,input,textarea,h1,h2,h3,h4,h5,h6,select {margin:0;padding:0;text-decoration:none;outline:none;}
li {list-style-type:none;display:block;}
*{margin: 0; padding: 0;}
img{vertical-align: middle;}
h2 {padding-left:200px;font-size:50px;}
h3{font-size: 22px; color:#fff;text-shadow: 0 2px 5px #000;font-weight:lighter;}
h4{font-size: 22px; margin: 45px 0 10px;color:#fff;text-shadow: 0 2px 5px #000;font-weight:lighter;}
h5{font-size: 22px; margin: 150px 0 10px;color:#fff;text-shadow: 0 2px 5px #000;font-weight:lighter;}
@font-face {
  font-family: 'Segoe';   
  src: url('../font/Segoe.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;     
}
.container {
	overflow:hidden;background:#fff;margin:0 auto;display: flex;justify-content: center;flex-direction: column;
}
.top {
	position:fixed;z-index:99999;display:flex;width:100%;justify-content: center;flex-direction: column;top:0;
	
}
.top:hover,.top.checked {
	box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
}
.header {
	background:#306EB0;width:100%;display:flex;justify-content: center;overflow:hidden
}
.header-content {
	max-width:1300px;
	width: 100%;
	padding:15px 0px;
	margin:0 auto;
	position:relative;
	z-index:99;
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.lang-switcher {
  display: flex;
  gap: 16px;
  cursor: pointer;
}
.lang-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  color: #fff;font-weight:bold;
  transition: opacity 0.2s;
  padding-right:10px;
}
.lang-item:hover {
  color:aqua;
}
.flag {
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.lang-name {
  white-space: nowrap;
}
.flag img {
  /* 高度跟文字差不多：1em 是字高 */
  height: 0.8em;
  width: auto;          /* 按 viewBox 比例自动算宽度 */
  vertical-align: middle;
}
body.css-cn .lang-zh::after {
  content: "中文";
}
body.css-cn .lang-en::after {
  content: "英文";
}
body.css-en .lang-zh::after {
  content: "Chinese";
  font-family:'Segoe',Arial, "sans-serif";
}
body.css-en .lang-en::after {
  content: "English";
  font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .welcome::before {
  content: "欢迎光临深圳市优品达精密科技有限公司官网 · 科技创造未来/实力铸就品牌";
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  background-image: linear-gradient(90deg, #ffd700, #ffffff, #4facfe, #ffd700);
  background-size: 300% 100%; 
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
  animation: gradientScroll 4s linear infinite alternate;
}
body.css-en .welcome::before {
  content: "Welcome to Shenzhen Upinda Precision Technology Co., Ltd. official website";
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  background-image: linear-gradient(90deg, #ffd700, #ffffff, #4facfe, #ffd700);
  background-size: 300% 100%; 
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
  animation: gradientScroll 4s linear infinite alternate;
  font-family:'Segoe',Arial, "sans-serif";
}

@keyframes gradientScroll {
  0% {
    background-position: 0% 50%;        /* 起始位置：左侧 */
  }
  100% {
    background-position: 100% 50%;      /* 结束位置：右侧 */
  }
}
.top-nav {
	width:100%;justify-content: center;background:rgba(48,110,176,0.5);transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
	position:relative;
}
.main-menu-content {
	max-width:1300px;
	width: 100%;
	margin:5px auto;
	position:relative;
	z-index:99;
    display: flex;
	align-items: center;
	height:95px;
	padding:5px 0px;
	flex-direction: row;
}
.main-menu-content::after {
    content: "📞 +86-13538226476";         
    position: absolute;
    top: 0px;                         
    right: 10px;                      
    font-size: 30px;
    color:#fff;
    white-space: nowrap;              
    font-weight:bold;
}
.main-menu-content.checked::after,.main-menu-content:hover::after,.top:hover .main-menu-content::after {
    content: "📞 +86-13538226476";           
    position: absolute;
    top: 0px;                         
    right: 10px;                      
    font-size: 30px;
    color: #0671ff;
    white-space: nowrap;             
    font-weight:bold;
}
.top:hover .top-nav,.top-nav.checked {
	background:#fff;
}
.logo {
	width:150px;
	height:100%;
	padding-left:20px;
	top:0;
	background:url("../images/site-image/logo-hover.png") no-repeat center center;
	background-size:150px 95px;
	float:left;
	cursor:pointer;
}
.top:hover .logo,.logo.checked {
	width:150px;
	height:100%;
	padding-left:20px;
	top:0;
	background:url("../images/site-image/logo.png") no-repeat center center;
	background-size:150px 95px;
	float:left;
	cursor:pointer;
}
.mainmenu {
	height:60px;display:flex;flex-direction: row;margin-left: auto;
}
body.css-cn .top .menu-item {
	line-height:90px;
	color:#fff;
	margin:0px 5px;
	padding:0px 6px;
	cursor: pointer;
	position: relative;
	font-weight:bold;
	font-size:18px;
}
body.css-en .top .menu-item {
	line-height:90px;
	color:#fff;
	margin:0px 5px;
	padding:0px 6px;
	cursor: pointer;
	position: relative;
	font-weight:bold;
	font-size:18px;
    font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .top:hover .menu-item,body.css-cn .menu-item.checked{
	color:#0671ff;
}
body.css-cn .top:hover .menu-item:hover {
		color:chocolate;
}
body.css-en .top:hover .menu-item,body.css-en .menu-item.checked{
	color:#0671ff;
}
body.css-en .top:hover .menu-item:hover {
		color:chocolate;
}
.nav-underline {
  position: absolute;
  bottom: 0px;
  left: 200px;
  height: 5px;
  background-color: #29BCFC;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  transition: all 0.3s ease-out;
  will-change: transform, width;
}
.companyname {height:48px;float:left;padding:15px 10px 0px 30px;border-left:3px solid #fff;}
.top:hover .companyname,.companyname.checked {border-left:3px solid #0671ff;}
.name-one {height:30px;line-height:0px;font-size:26px;font-weight:bold;}
.name-two {height:10px;line-height:7px;font-weight:bold;font-size:16px;}
.name-one:after { content: '深圳市优品达精密科技有限公司'; color: #fff; }
.name-two:after { content: 'SHENZHEN UPINDA PRECISION TECHNOLOGY CO., LTD.'; color: #fff; }
.top:hover .name-one:after,.name-one.checked:after,.top:hover .name-two:after,.name-two.checked:after {color:#0671ff;}

.show-banner {
	width: 100%;
	margin:0 auto;
	position:relative;
	z-index:99;
    display: flex;
	align-items: center;
	height:100%;
	background:#eee;
	flex-direction: row;
	overflow:hidden;
}
.banner {width:100%;height:100%;position:relative;overflow:hidden;margin:0 auto;z-index:5;}
.swiper-slide {background-repeat: no-repeat;background-position:center top;position:relative;}
.swiper-slide img {object-fit: cover;}
.swiper-slide:first-child {
  position: relative;
}
.swiper-slide.slide-overlay {
  position: relative;
}
.swiper-slide.slide-overlay img:first-child {
  display: block;
  width: 100%;
}
.swiper-slide.slide-overlay img:nth-child(n+2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  z-index: 2;
   opacity: 0; 
  transform: scale(0); 
}
@keyframes slideFromLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* 定义动画：从中间缩放（从中心放大） */
@keyframes zoomInCenter {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.swiper-slide.slide-overlay.img01 img:nth-child(2).anim-active  {
  animation: zoomInCenter 2s ease-out 0s both;
}
.swiper-slide.slide-overlay.img01 img:nth-child(3).anim-active  {
  animation: zoomInCenter 2s ease-out 0.7s both;
}
.swiper-slide.slide-overlay.img02 img:nth-child(2).anim-active  {
  animation: slideFromLeft 1.5s ease-out 0s both;
}

.swiper-slide.slide-overlay.img02 img:nth-child(3).anim-active  {
  animation: zoomInCenter 1.5s ease-out 0.7s both;
  z-index: 3; 
}
.swiper-slide.slide-overlay.img03 img:nth-child(2).anim-active  {
  animation: slideFromLeft 1.5s ease-out 0s both;
}

.swiper-slide.slide-overlay.img03 img:nth-child(3).anim-active  {
  animation: zoomInCenter 1.5s ease-out 0.7s both;
  z-index: 3; 
}
body.css-cn .titlename {width:100%;margin:0 auto;text-align:center;font-size:40px;color:#333;height:120px;line-height:120px;letter-spacing: 2px;font-weight:bold;}
body.css-en .titlename {width:100%;margin:0 auto;text-align:center;font-size:36px;color:#333;height:120px;line-height:120px;font-family:'Segoe',Arial, "sans-serif";font-weight:bold;}
.pro-section {
	width:100%;background:#f1f1f1;overflow:hidden;display:flex;justify-content: center;flex-direction: column;align-items: center;
	padding-bottom:120px;
}
.pro-section-inner{
	max-width:1300px;
	width: 100%;
	gap: 16px;
	display:flex;
	justify-content: center;
}
.show-pro-inner {
	max-width:1300px;
	width: 100%;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 25px;
}
.pro-item {
  background: #fff;
  overflow: hidden;
	cursor:pointer;
	display:flex;
	flex-direction: column;transition: all 0.4s ease-in-out;
}
.pro-item .show-pro-img {
  aspect-ratio: 1;  /* 等价于 1/1 */
  min-width: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  position:relative;
  transform: translateZ(0);
  will-change: transform;
}
.pro-item .show-pro-img img {
  width: 100%;
  height: 100%;
  object-position: center;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(0.9) translateZ(0);
  -webkit-transform: scale(0.9) translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  transform-style: preserve-3d;
}
.pro-item:hover .show-pro-img img {
  transform: scale(1.1) translateZ(0);
  -webkit-transform: scale(1.1) translateZ(0);
}
.category-item {
  padding: 10px 40px;
	margin:50px 0px;
  border-radius: 8px;
  white-space: nowrap;
  color:#333;
  cursor: pointer;
  position: relative;
  background: #fff;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease-in-out;z-index: 1;
}
.category-item:hover,.category-item.selected {
  color:#fff;
  background:#0671ff;transform: scale(1.4); z-index: 9;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5);
}
.category-item.selected {
	z-index:8;background:#FB9E24;
}
.category-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.5) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    animation: none;
}
.category-item:hover::before,.category-item.selected::before {
	opacity: 1; 
	animation: shineEffect 1.5s ease-in forwards;
}
@keyframes shineEffect {
    0% {
        left: -120%;
    }
    70%, 100% {
        left: 120%;
    }
}
.icon-right::after {
  content: '\e644'; 
  position: absolute;
  left: 25px;              
  top: 50%;
  transform: translateY(-50%) translateX(-10px); 
  font-size: 12px;   
  color: inherit;   
  pointer-events: none; 
  opacity: 0;   
}
.category-item:hover.icon-right::after {
  animation: arrowSlideIn 1.0s ease-in-out forwards;
}
@keyframes arrowSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-50%) translateX(-40px);
  }
  60% {
    opacity: 0.8;
    transform: translateY(-50%) translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) translateX(-10px);
  }
}
.index-pro-title {
	font-size:18px; color:#fff; padding:10px; font-weight:bold; 
  background: linear-gradient(to right, #0671ff, transparent);
  transition: all 0.4s ease-in-out;
  position: relative;
}
.index-pro-modelname {
	font-size:14px; color:#333; padding:10px 10px 30px 10px;line-height:26px;min-height:60px;
  transition: all 0.4s ease-in-out;
}
.pro-item:hover .index-pro-modelname {
	color:#fff;background:#0671ff;
}
.index-pro-title::before{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.7) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    animation: none;
}
.pro-item:hover .index-pro-title::before{
	opacity: 1; 
	animation: shineEffect 1.8s ease-in infinite;
}
.pro-item:hover {
	box-shadow: 0 8px 20px rgba(6, 113, 255, 0.3);
}
.banner-wrapper {
    width: 100%;
    min-width: 1300px;
    overflow-x: auto; 
}
.banner-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.banner-bg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;display: flex; flex-direction: column; align-items: center;
}
.banner-bg.bg-3 {background-image: url('../images/site-image/bg-layer-two.jpg');}
.banner-bg.bg-4 {background-image: url('../images/site-image/bg-layer-four.jpg');}
.banner-bg.bg-6 {align-items:flex-start;justify-content: center;background-image: url('../images/site-image/bg-layer-five.jpg');}

.main-title {
font-size: 53.33px;
margin-bottom: 80px;
color:#0671ff;
}

.main-title.title-two {
padding: 70px 0px 40px 0px;
}
.s-title{color:#000;font-size:20px;font-weight:bold;}
body.css-cn .info-two {
	width:1200px;font-size:18px;color:#333;line-height:40px;margin:40px 0px;padding:80px 50px;background:rgba(255,255,255,0.3);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.1);overflow:hidden;
}
body.css-en .info-two {
	width:1200px;font-size:16px;color:#000;line-height:28px;margin:40px 0px;padding:80px 50px;background:rgba(255,255,255,0.3);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.1);
   font-family:'Segoe',Arial, "sans-serif";overflow:hidden;
}
body.css-cn .info-two img,body.css-en .info-two img {
	width:100%;height:100%;padding:30px 0px;
}
.part-one-btn {
font-size: 22px;
	padding:18px 80px;background-color:#0671ff;display:inline-block;border-radius: 1000px;color:#fff;
	cursor:pointer;transition: background-color 0.3s ease-in-out;
}
.part-one-btn:hover {
	background-color:#E46F02;color:#fff;
}
body.css-cn .s-title-two {
color:#0671ff;font-size:40px;padding-top:70px;font-weight:bold;
}
body.css-en .s-title-two {
color:#0671ff;font-size:34px;padding-top:70px;
  font-family:'Segoe',Arial, "sans-serif";
}
.s-title-three {
color:#0671ff;font-size:28px;padding-top:20px;
}
.part-three {
	width:1120px;display: grid;margin:70px 0 120px 0;
    gap:50px;
	grid-template-columns: repeat(3, 1fr);
	overflow:hidden;
}
.part-three-item {
	background: linear-gradient(to bottom, #226298 47%, rgba(34, 98, 152, 0.4) 100%);border-radius: 20px;overflow:hidden;position:relative;min-width:0;cursor:default;border:2px solid #fff;
    transition: transform 0.5s ease-in-out;box-sizing: border-box;--aspect-ratio: 0.4361;
}
.overlay-image {
  top: min(100%, calc(100% * var(--aspect-ratio)));
  left: 0;
  z-index: 2;
  width: 100%;
  height: auto;
}
body.css-cn .s-title-four {
  padding:22px;color:#fff;font-size:20px;
  z-index: 3;line-height:24px;font-weight:bold;margin-top:30px;
}
body.css-en .s-title-four {
  padding:22px;color:#fff;font-size:18px;
  z-index: 3;line-height:24px;font-weight:bold;margin-top:30px;
  font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .s-title-four.info{
	font-weight:normal;font-size:16px;line-height:26px;margin-top:0;padding:0px 22px 62px 22px;
}

body.css-en .s-title-four.info{
	font-weight:normal;font-size:14px;line-height:22px;margin-top:0;padding:0px 22px 62px 22px;
  font-family:'Segoe',Arial, "sans-serif";
}
.image-stack {
  position: relative; 
  width: 100%;
}
.image-stack img {
  width: 100%;
  display: block; transition: transform 0.5s ease-in-out;
}
.image-stack img:first-child {
  position: relative; 
  z-index: 1;
}
.image-stack img:last-child {
  position: absolute;
  top: 85%; 
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
.part-three-item:hover .image-stack img:first-child {
    transform: scale(1.2);
}
.container-two { 
	background:#e6ebf1;overflow:hidden;padding-top:70px;
}
.main-title {
	color:#8f6343;margin:0 auto;font-size:44px;display:flex;justify-content: center;margin-bottom:60px;
}
.part-two {
	width:1255px;margin:0 auto;display: grid;
    gap:30px;margin-bottom:140px;
	grid-template-columns: repeat(4, 1fr);
}
.part-two-item {
	background:#fff;border-top-left-radius: 20px;border-top-right-radius: 20px;overflow:hidden;position:relative;min-width:0;cursor:default;
}
.part-two-bgimg {
  width:100%;border-top-left-radius: 20px;border-top-right-radius: 20px;display: flex;
  position: relative; 
  height: 0;
  padding-top: 64.53%;
  background-size: cover;
  background-repeat: no-repeat;
}
.part-two-bgimg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
	cursor:default;
	background-color:#fff;
    transition: transform 0.5s ease-in-out;
}
.part-two-item:nth-child(1) .part-two-bgimg::before { background-image: url("../images/site-image/part01.jpg");}
.part-two-item:nth-child(2) .part-two-bgimg::before { background-image: url("../images/site-image/part02.jpg");}
.part-two-item:nth-child(3) .part-two-bgimg::before { background-image: url("../images/site-image/part03.jpg");}
.part-two-item:nth-child(4) .part-two-bgimg::before { background-image: url("../images/site-image/part04.jpg");}
.part-two-title {
	padding:30px 20px;color:#000;font-size:20px;position:relative;z-index:999;font-weight:bold;display: flex;justify-content: center;align-items: center;
}
body.css-cn .part-two-info {
	padding:0px 30px 30px 30px;color:#000;font-size:14px;text-align:left;position:relative;z-index:999;display: flex;
	line-height:24px;
}
body.css-en .part-two-info {
	padding:0px 30px 30px 30px;color:#000;font-size:14px;text-align:left;position:relative;z-index:999;display: flex;
	line-height:18px;
  font-family:'Segoe',Arial, "sans-serif";
}
.part-two-item:hover .part-two-bgimg::before {
    transform: scale(1.1);
}

.footer {
	display:flex;flex-direction: row;margin:0 auto;height:200px;position:relative;
	justify-content: space-between;gap:30px;margin-bottom:100px;width:900px;
}
.footer-item {
	flex-shrink: 0;
	display:flex;flex-direction: column;
	margin-right:40px;color:#fff;
}
.footer-item:last-child {
	margin-right:0px;
}
body.css-cn .footer-title {
	font-size:22px;font-weight:bold;
	display:flex;
	flex-direction: row;align-items: flex-start;gap:10px;
	cursor:default;
	margin-bottom:20px;
}
body.css-en .footer-title {
	font-size:18px;font-weight:bold;
	display:flex;
	flex-direction: row;align-items: flex-start;gap:10px;
	cursor:default;
	margin-bottom:20px;
    font-family:'Segoe',Arial, "sans-serif";
}
.footer-title img {
  display: block;
  width: 50px;
  height: auto;
  border-radius:4px;
  vertical-align: top;
}
body.css-cn .footer-stitle {
	cursor:pointer;
	font-size:16px;
	line-height:36px;
	transition: all 0.3s ease-in-out;
	color:#fff;
}
body.css-en .footer-stitle {
	cursor:pointer;
	font-size:16px;
	line-height:36px;
	transition: all 0.3s ease-in-out;
	color:#fff;
    font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .footer-stitle:hover,body.css-en .footer-stitle:hover {
	color:aqua;font-weight:bold;
	font-size:18px;
}
.banner-container.bg-1 {
  aspect-ratio: 16 / 4;
}
.footer-logo {
	width:150px;overflow:hidden;margin:0 auto;margin-top:20px;
}
.footer-logo img {
	width:150px;overflow:hidden;margin:0 auto;margin-top:20px;
}
.footer-logo-title {
	margin:30px auto;font-size:30px;color:#fff;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #fff;
}

body.css-cn .footer-tips {
	width:150px;font-size:14px;margin-top:10px;line-height:24px;
}
body.css-en .footer-tips {
	width:200px;font-size:12px;margin-top:10px;
}
body.css-cn .copyright {
	font-size:14px;color:#fff;padding:40px 0px;border-top:1px solid #333;background:#000;width:100%;text-align:center;line-height:24px;
}
body.css-en .copyright {
	font-size:14px;color:#fff;padding:40px 0px;border-top:1px solid #333;background:#000;width:100%;text-align:center;line-height:24px;
    font-family:'Segoe',Arial, "sans-serif";
}

.dropdown-menu-one,
.dropdown-menu-two,
.dropdown-menu-three {
	width:100%;background:#fff;box-shadow: 0px 4px 8px rgba(0,0,0,0.1);position:absolute;z-index:999999;top:120px;border:4px solid #76aef8;
	 opacity: 0;
  visibility: hidden;
  transform: translateY(-12px) scale(0.76);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); /* 弹性缓出效果 */
  pointer-events: none; 
}
.dropdown-menu-two,
.dropdown-menu-three {
	width: auto; right:0;
}
.dropdown-menu-two {
	right:100px;
}
.dropdown-menu-one.show,
.dropdown-menu-two.show,
.dropdown-menu-three.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}



.newsdiv {
	width:100%;display:flex;flex-direction:column;background:#cadded;
}
.index_news {
	width:1280px;margin:0 auto;display: grid;
    gap:30px;margin-bottom:140px;
	grid-template-columns: repeat(3, 1fr);
}
.index_news .item {
	background:#fff;overflow:hidden;position:relative;min-width:0;cursor:default;
	cursor:pointer;box-shadow: 0 0 0 0 transparent;
    transition: box-shadow 0.4s ease, transform 0.4s ease;
	display: flex;
    flex-direction: column;
}
.index_news .item:hover {
    box-shadow: 0 16px 40px rgba(78,158,249,0.5);
    transform: translateY(-4px);
}
.img_div {
		overflow:hidden;cursor:pointer;position:relative;
}
.showimg {
	display: flex;align-items: stretch;width:100%;height:220px;overflow:hidden;
}
.item img {
	width:100%;transition: transform 0.6s ease;object-fit: cover;display: block;vertical-align: top;
}
.item:hover img {
	transform: scale(1.1); 
}
body.css-cn .index_newsinfo_title {
	padding:25px 20px;display:flex;justify-content: space-between; align-items: center;color:#333;font-size:16px;font-weight:bold;transition: transform 0.6s ease;
}
body.css-cn .index_news_desc {
	padding:0px 20px 35px 20px;font-size:14px;color:#999;line-height:24px;transition: transform 0.6s ease;flex: 1;
}
body.css-cn .item:hover .index_newsinfo_title {
	color:#0671ff;
}
body.css-cn .item:hover .index_news_desc {
	color:#5c9df4;
}


body.css-en .index_newsinfo_title {
	padding:25px 20px;display:flex;justify-content: space-between; align-items: center;color:#333;font-size:16px;font-weight:bold;transition: transform 0.6s ease;font-family:'Segoe',Arial, "sans-serif";
}
body.css-en .index_news_desc {
	padding:0px 20px 35px 20px;font-size:14px;color:#999;line-height:24px;transition: transform 0.6s ease;flex: 1;font-family:'Segoe',Arial, "sans-serif";
}
body.css-en .item:hover .index_newsinfo_title {
	color:#0671ff;
}
body.css-en .item:hover .index_news_desc {
	color:#5c9df4;
}


	.item::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0%;        
      height: 4px;
      background-color: #0671ff;
      transition: width 0.5s ease;
      transform: translateY(50%);
}
	.item:hover::after {
       width: 100%;
    }
.show-news-other-info {
 font-size:12px;color:#bbb;padding:0px 15px 15px 15px;display:flex;justify-content: space-between;cursor:default;margin-top: auto; 
}
.timeicon {padding:13px 25px 0px 18px;position:relative;}
body.css-cn .index_newstypename {
	margin-left:20px;padding:8px 15px;background:#0671ff;color:#fff;cursor:pointer;position:relative;transition: background-color 0.3s ease-in-out;
}
body.css-cn .index_newstypename:hover {
	background-color:#F86F11;color:#fff;
}
body.css-en .index_newstypename {
	margin-left:15px;padding:8px 8px;background:#0671ff;color:#fff;cursor:pointer;position:relative;transition: background-color 0.3s ease-in-out;
}
body.css-en .index_newstypename:hover {
	background-color:#F86F11;color:#fff;
}
.index-news-title {
  display: inline-block;    
  position: relative;
  font-size: 36px;
  color: #000;
  margin: 100px auto;
  padding: 0 20px;        
}
.index-news-title::before,
.index-news-title::after {
  content: '';
  position: absolute;
  top: 50%;               
  width: 200px;                 
  height: 2px;              
  transform: translateY(-50%); 
}
.index-news-title::before {
  right: 100%;              
  margin-right: 15px;     
  background: linear-gradient(to left, #4E9EF9, transparent);
}
.index-news-title::after {
  left: 100%;           
  margin-left: 15px;
  background: linear-gradient(to right, #4E9EF9, transparent);
}
.icon-shizhong:before {
  content: "\e74f";
  position: absolute;
  left: 0px;
  top:50%;
  padding-bottom:3px;
  font-weight:bold;
  font-size: 12px;
}
.dropdown-pro-menu {
	margin:5px;grid-template-columns: repeat(4, 1fr);align-items: stretch;gap: 20px;padding: 4px;box-sizing: border-box;border-radius: 8px;display:grid;
}
.dropdown-pro-menu-item {
	background-color:#f2f2f2;display:flex;flex-direction: row;transition: all 0.9s ease;cursor:pointer;
}
.dropdown-pro-menu-item:hover {
	background-color:#0671ff;
}
.dropdown-pro-menu-item-imgdiv {
	width:70px;height:70px;display:flex; align-items:center; justify-content:center;padding:10px;overflow:hidden;
}
.dropdown-pro-menu-item-imgdiv img{
	width:100%;height:100%;transition: transform 0.6s ease;object-fit: cover;display: block;
}
.dropdown-pro-menu-item:hover img{
	transform: scale(1.1); 
}
body.css-cn .dropdown-pro-menu-title {
	font-size:16px;color:#000;
	padding:10px;
    line-height: 1.4;   
    font-weight: bold;
    word-break: break-word; 
    overflow-wrap: break-word;
    white-space: normal; 
}
body.css-en .dropdown-pro-menu-title {
	font-size:14px;color:#000;
	padding:10px;
    line-height: 1.4;   
    font-weight: bold;
    word-break: break-word; 
    overflow-wrap: break-word;
    white-space: normal; 
}
.dropdown-pro-menu-item:hover .dropdown-pro-menu-title {
	color:#fff;
}
.dropdown-news-menu {
	display:flex;flex-direction: column;overflow:hidden;
}
.dropdown-news-menu-item {
	display:flex;flex-direction: row;overflow:hodden;margin:5px 5px 5px 5px;background-color:#f2f2f2;transition: all 0.9s ease;cursor:pointer;padding:5px;padding-right:20px;
}
.dropdown-news-menu-item:hover {
	background-color:#0671ff;
}
.dropdown-news-menu-item-imgdiv {
	height:50px;width:50px;overflow:hidden;display:flex; align-items:center; justify-content:center;margin-right:20px;
}
.dropdown-news-menu-item-imgdiv img{
	width:100%;height:100%;transition: transform 0.6s ease;object-fit: cover;display: block;
}
.dropdown-news-menu-item:hover img{
	transform: scale(1.1); 
}
.dropdown-news-menu-title {
  color:#000;line-height:50px;	transition: color 0.5s ease;font-size:16px;
}
.dropdown-news-menu-item:hover .dropdown-news-menu-title {
	color:#fff;
}


.dropdown-contact-menu {
	display:flex;flex-direction: column;overflow:hidden;
}
.dropdown-contact-menu-item {
	display:flex;flex-direction: row;overflow:hodden;margin:5px 5px 5px 5px;background-color:#f2f2f2;transition: all 0.9s ease;cursor:pointer;padding:5px;padding-right:20px;
}
.dropdown-contact-menu-item:hover {
	background-color:#0671ff;
}
.dropdown-contact-menu-item-imgdiv {
	height:50px;width:50px;overflow:hidden;display:flex; align-items:center; justify-content:center;margin-right:20px;
}
.dropdown-contact-menu-item-imgdiv img{
	width:100%;height:100%;transition: transform 0.6s ease;object-fit: cover;display: block;
}
.dropdown-contact-menu-item:hover img{
	transform: scale(1.1); 
}
.dropdown-contact-menu-title {
  color:#000;line-height:50px;	transition: color 0.5s ease;font-size:16px;
}
.dropdown-contact-menu-item:hover .dropdown-contact-menu-title {
	color:#fff;
}

.none-tips {
	margin:0 auto;padding:40px 0px;color:#0671ff;font-size:24px;font-weight:bold;text-align:center;width: 100%; grid-column: 1 / -1;
}
#pageinfo {
	text-align:center;margin-top:60px;display:flex;
}
.pagediv {
	margin:0 auto;display:flex;flex-direction: row;
}
.pageinfo {
	display:flex;align-items: center;margin-right:50px;font-size:16px;color:#666;gap:5px;
}


.newsmenu_nav {
	width:100%;margin:0px auto;text-align:center;display:flex;justify-content: center;align-items: center;flex-direction: row;border-bottom:1px solid #0671ff;
}
body.css-cn .newsmenu_nav span {
	margin:0px 30px;font-size:18px;color:#000;position:relative;cursor:pointer;padding:15px 60px 20px 60px;font-weight:bold;background:#fff;transition: all 0.6s ease;display: inline-block;
    text-align: center;
}
body.css-en .newsmenu_nav span {
	margin:0px 30px;font-size:18px;color:#000;position:relative;cursor:pointer;padding:15px 60px 20px 60px;font-weight:bold;background:#fff;transition: all 0.6s ease;font-family:'Segoe',Arial, "sans-serif";display: inline-block;
    text-align: center;
}
body.css-cn .newsmenu_nav span:hover,body.css-en .newsmenu_nav span:hover {
	color:#fff;background:#4590f2;padding:15px 70px 20px 70px;
    box-shadow: 0 -9px 24px rgba(6, 113, 255, 0.2), 
                -9px 0 24px rgba(6, 113, 255, 0.2), 
                9px 0 24px rgba(6, 113, 255, 0.2); 
}
body.css-cn .newsmenu_nav span.selected,body.css-en .newsmenu_nav span.selected {
	color:#fff;position:relative;padding:15px 60px 20px 60px;background:#4590f2;
    box-shadow: 0 -9px 24px rgba(6, 113, 255, 0.2), 
                -9px 0 24px rgba(6, 113, 255, 0.2), 
                9px 0 24px rgba(6, 113, 255, 0.2); 
}
body.css-cn .newsmenu_nav span.selected::after,body.css-en .newsmenu_nav span.selected::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #04469f;transform: scaleX(1);opacity: 1;
}
body.css-cn .newsmenu_nav span::after,body.css-en .newsmenu_nav span::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #04469f;
    transform: scaleX(0); /* 初始状态缩放为0 */
    transition: all 0.3s ease-in-out;
	opacity: 0;
}
body.css-cn .newsmenu_nav span:hover::after,body.css-en .newsmenu_nav span:hover::after {
    transform: scaleX(1); /* 悬停时恢复正常尺寸 */
	opacity: 1;
}
.contact-div {
	width:100%;background:#fff;display:flex;flex-direction: column;align-items: center;
}
.contact-title {
	padding:60px 0px 30px 0px;max-width:1000px;width:100%;font-size:30px;display:flex;justify-content: center;color:#333;
}
.contact-info {
	max-width:1300px;width:100%;display:grid;grid-template-columns: repeat(5, 1fr);gap:30px;
}
.contact-info-item {
	display:flex;flex-direction: column;background:rgba(209,227,251,0.2);
}
.contact-icon {
	width:100%;position:relative;padding:80px 0px;
}
.icon-24xiaoshi:before {
  content: "\e746";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
 color: #0671ff;
}
.icon-dianhua1:before {
  content: "\e61b";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
 color: #0671ff;
}
.icon-dianhua1:before {
  content: "\e61b";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 55px;
 color: #0671ff;
}
.icon-mail:before {
  content: "\e631";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 55px;
 color: #0671ff;
}
.icon-locationfill:before {
  content: "\e62c";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 55px;
 color: #0671ff;
}
.icon-weixin:before {
  content: "\e67e";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 55px;
 color: #0671ff;
}
body.css-cn .contact-info-item-title {
	color:#333;text-align:center;padding:10px 0px;font-size:16px;font-weight:bold;
}
body.css-en .contact-info-item-title {
	color:#333;text-align:center;padding:10px 0px;font-size:18px;font-weight:bold;font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .contact-info-item-info {
	color:#0671ff;text-align:center;padding:10px 15px 30px 15px;font-size:16px;
}

body.css-en .contact-info-item-info {
	color:#0671ff;text-align:center;padding:10px 15px 30px 15px;font-size:16px;font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .contact-info-item-info.infostyle {
	font-size:14px;text-align:left;
}

body.css-en .contact-info-item-info.infostyle {
	font-size:12px;text-align:left;line-height:20px;font-family:'Segoe',Arial, "sans-serif";
}
.contact-info-right {
	max-width:800px;width:100%;background:#eee;overflow:hidden;
	margin-bottom:100px;border-radius:8px;box-shadow: 0px 15px 30px rgba(0,0,0,0.2);
}

body.css-cn .feedbacktitle{padding: 30px 20px;text-align: center;font-size: 18px;color: #666; line-height: 2.0;}
body.css-en .feedbacktitle{
	padding: 30px 20px;text-align: center;font-size: 14px;color: #666; line-height: 2.0;
	font-family:'Segoe',Arial, "sans-serif";font-weight:bold;
}
.contact-info-div {margin:20px;overflow:hidden;width:700px;position:relative;}
body.css-cn .cinfo {width:100%;overflow:hidden;margin-bottom:20px;}
body.css-cn .cinfo ul {overflow:hidden;}
body.css-cn .cinfo ul li {width:calc(100% - 100px);padding:25px 20px 25px 80px;overflow:hidden;color:#fff;font-size:18px;position:relative;}
body.css-cn .cinfo ul li input,textarea {padding:8px 10px;border:1px solid #666;width:80%;border-radius:6px;box-shadow: inset 3px -3px 8px rgba(0,0,0,0.1);}
body.css-cn .cinfo ul li.feedback {width:calc(100% - 100px);padding:0px 40px 0px 60px;overflow:hidden;color:#fff;font-size:18px;position:relative;}

body.css-cn .cinfo ul li.a1:after {
	content:'您的姓名：';
	font-size:16px;
	color:#666;
}
body.css-cn .cinfo ul li.a2:after {
	content:'您的电话：';
	font-size:16px;
	color:#666;
}
body.css-cn .cinfo ul li.a3:after {
	content:'您的邮箱：';
	font-size:16px;
	color:#666;
}
body.css-cn .cinfo ul li.a4:after {
	content:'留言内容：';
	font-size:16px;
	color:#666;
}

body.css-cn .cinfo ul li span {
		padding:10px 50px;background:#3B79C8;border-radius: 20px;color:#fff;margin-right:30px;display:inline-block;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;cursor:pointer;font-size:18px;font-weight:bold;
}
body.css-cn .cinfo ul li span:hover {
	background:#F8870D;
}
body.css-cn .cinfo ul li span:after {
	content:'提交留言';
}


body.css-en .cinfo {width:100%;overflow:hidden;margin-bottom:20px;font-family:'Segoe',Arial, "sans-serif";}
body.css-en .cinfo ul {overflow:hidden;}
body.css-en .cinfo ul li {width:calc(100% - 100px);padding:25px 20px 25px 80px;overflow:hidden;color:#fff;font-size:18px;position:relative;}
body.css-en .cinfo ul li input,textarea {padding:8px 10px;border:1px solid #666;width:80%;border-radius:6px;box-shadow: inset 3px -3px 8px rgba(0,0,0,0.1);}
body.css-en .cinfo ul li.feedback {width:calc(100% - 100px);padding:0px 40px 0px 60px;overflow:hidden;color:#fff;font-size:18px;position:relative;}

body.css-en .cinfo ul li.a1:after {
	content:'You Name：';
	font-size:16px;
	color:#666;
}
body.css-en .cinfo ul li.a2:after {
	content:'Your phone number：';
	font-size:16px;
	color:#666;
}
body.css-en .cinfo ul li.a3:after {
	content:'Your Email address：';
	font-size:16px;
	color:#666;
}
body.css-en .cinfo ul li.a4:after {
	content:'Feedback Information：';
	font-size:16px;
	color:#666;
}

body.css-en .cinfo ul li span {
		padding:10px 50px;background:#3B79C8;border-radius: 20px;color:#fff;margin-right:30px;display:inline-block;
	-moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;cursor:pointer;font-size:18px;font-weight:bold;
}
body.css-en .cinfo ul li span:hover {
	background:#F8870D;
}
body.css-en .cinfo ul li span:after {
	content:'SUBMIT';
}


body.css-cn input::placeholder,
body.css-cn textarea::placeholder {
    font-size: 14px;color:#ccc;font-family: "Microsoft YaHei", sans-serif;
}

body.css-en input::placeholder,
body.css-en textarea::placeholder {
    font-size: 14px;color:#ccc;font-family:'Segoe',Arial, "sans-serif";
}




.main-nav{
	width:100%;display:flex;justify-content: center;align-items: center;flex-direction: column;
}
.news {padding:25px 0;width:1280px;font-size:16px;color:#666;margin:0 auto;}
.news span {
	padding:0 0 0 0;
}
.news span::after {
	content:">";
	padding:0 10px;
}
.news span:first-child::after,.news span:last-child::after  {
	content:"";padding:0;
}

.news span a,.news span.current {
	color:#0671ff;
	transition: all 0.3s ease-in-out;cursor:pointer;
}
.news span a:hover,.news span.current:hover  {
	color:#F8870D;
}
.news_title {
	text-align:left;font-size:28px;color:#333;padding:25px 35px 10px 35px;line-height:45px;
}

.news_other {
	text-align:center;font-size:16px;color:#666;padding:20px 0 20px 0;border-bottom:1px solid #333;
}
.news_other span {
	padding-right:15px;
}
.news_other span:nth-child(2n) {
	color:#0671ff;
}

.news_content {
	line-height:36px;font-size:18px;color:#333;padding:32px;overflow:hidden;
}
.news_content img{
	width:100%;padding:8px 0;display:flex;justify-content: center;
}

.news_right{
	width:330px;display:flex;flex-direction: column;margin-bottom:15px;
}
.newsinfo_footer {
	display:flex;justify-content: space-between;color:#333;padding:50px 0;margin:30px 0;border-top:1px solid #333;
}
.newsinfo_footer .link {
	font-size:16px;
}

.newsinfo_footer .link a {
	color:#0671ff;
	transition: all 0.3s ease-in-out;
}
.newsinfo_footer .link a:hover {
	color:coral;
}

body.css-cn .hotnews_banner {
	width:100%;background:url("../images/site-image/hot_news_cn.jpg")  no-repeat center center;background-size: cover;height:186px;margin-bottom:25px;
}
body.css-en .hotnews_banner {
	width:100%;background:url("../images/site-image/hot_news_en.jpg")  no-repeat center center;background-size: cover;height:186px;margin-bottom:25px;
}

.hot_news {
	display:flex;width:100%;color:#333;min-height:120px;
}
.hot_news ul{
	overflow:hidden;width:100%;min-height:120px;
}
.hot_news ul li,.hot_news ul li a{
	border-bottom:1px solid #bbb;padding:10px 0;position:relative;transition: width 0.4s ease-in-out;cursor:pointer;min-height:90px;color:#333;
}
.hot_news ul li:hover,.hot_news ul li a:hover{
	color:#0671ff;
}

.hot_news ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; /* 初始宽度为0 */
    height: 2px; /* 边框高度 */
    background-color: #0671ff; /* 悬停时的颜色，可自定义 */
    transition: width 0.6s ease-in-out; /* 宽度过渡动画 */
}

.hot_news ul li:hover::after {
    width: 100%; /* 悬停时宽度扩展到100% */
}
.hot_news_title {
	font-size:14px;padding-bottom:10px;width:213px;line-height:24px;
}
.hot_news_addtime {
	font-size:12px;color:#999;width:50%;width:213px
}
.hot_news ul li .hot_news_img {
	width:100px;margin-left:20px;position:absolute;right:0;top:10px;background:#444;transition: background-color 0.4s ease-in-out;overflow:hidden;height:90px;
}
.hot_news ul li:hover .hot_news_img {
	background:red;
}

.hot_news ul li .hot_news_img img {
	width:100%;object-fit: cover;height:100%;
    transition: all 0.6s ease-in-out !important;
    transform: scale(1);
}
.hot_news ul li:hover .hot_news_img img {
	width:100%;
	transform: scale(1.2);
}


.pro-info-show {width:100%;overflow:hidden;}
.pro-info-navbar {width:100%;border-bottom:1px solid #ccc;padding:30px 0px;margin-bottom:20px;}
.pro-info-nav {width:1260px;margin:0 auto;color:#333;font-size:14px;padding-left:40px;position:relative;}
.pro-info-nav::before{
  content: "\e62c";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  color: #333;
}
.pro-info-nav a {color:#333;}
.pro-info-nav a:hover {color:#0671ff;}
.show-pro-info {max-width:1300px;width:100%;margin: 40px auto 0;color:#333;font-size:16px;display:flex;flex-direction: row;justify-content: space-between;}
.show-pro-info-left {width:550px;position:relative;margin-right:50px;}
.show-pro-info-left-bigimg {width:550px;height:550px;border:1px solid #ccc;overflow:hidden;}
.show-pro-info-left-bigimg img {width:100%;height:100%;object-fit: cover;transition: transform 0.5s ease-in-out;}
.show-pro-info-left-bigimg:hover img {transform: scale(1.2);}
.fg-div {max-width:1300px;width:100%;overflow:hidden;border-bottom:1px solid #ccc;margin:10px auto;}


body.css-cn .pro_footer {max-width:1300px;width:100%;margin:0 auto;padding-bottom:30px;font-size:14px;}
body.css-en .pro_footer {max-width:1300px;width:100%;margin:0 auto;padding-bottom:30px;font-size:14px;
	font-family:'Segoe',Arial, "sans-serif";}

.pro_footer a {color:#777;}
.pro_footer a:hover {color:#0671ff;}
.pro-detail {max-width:1300px;width:100%;height:auto;overflow:hidden;font-size:18px;line-height:40px;color:#333;margin:0 auto;position:relative;margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:60px;}
.pro-detail img { 
  margin: 0 auto;
  display: block;
  width:100%;
  vertical-align: middle;

}
.pro-img-logomask {width:180px;position:absolute;top:10px;left:10px;z-index:99;opacity: 0.7;}
.pro-img-logomask img {width:100%;height:100%;}
.show-pro-info-right {width:calc(100% - 600px);overflow:hidden;position:relative;}
.pro-wechat {width:180px;height:180px;right:0px;z-index:99;background:#0671ff;position:absolute;top:120px;}
.pro-title-show {width:100%;padding-bottom:10px;border-bottom:1px solid #0671ff;color:#333;font-size:24px;}

body.css-cn .prodec {width:450px;padding:10px 0px;color:#333;font-size:16px;line-height:28px;}
body.css-cn .prodec .pro-category::after {
	content:'产品分类：';
}
body.css-cn .prodec .spec::after {
	content:'产品规格：';
}
body.css-en .prodec .spec::after {
	content:'Specifications：';
	font-family:'Segoe',Arial, "sans-serif";
}
body.css-en .prodec {width:450px;padding:10px 0px;color:#333;font-size:16px;line-height:28px;}
body.css-en .prodec .pro-category::after {
	content:'Product Categories：';
	font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .prodec.prodechelp::after {
	content:'如果您有更多的定制需求，有意向者请联系我们详细沟通了解！';
}
body.css-en .prodec.prodechelp::after {
	content:'If you have further customization needs, please feel free to contact us for detailed discussion.';
}
body.css-cn .pro-contact span:first-child::after {
	content:'服务热线：';
}
body.css-en .pro-contact span:first-child::after {
	font-size:22px;
	content:'Service Hotline：';
	font-family:'Segoe',Arial, "sans-serif";
}
.pro-contact {width:100%;padding:20px 0px;color:#333;font-size:28px;line-height:28px;font-weight:600;}
.pro-contact-btn {width:100%;padding:30px 0px 50px 0px;color:#fff;font-size:16px;}
.pro-contact-btn-info {overflow:hidden;width:100%;margin-bottom:30px;}
.pro-contact-btn-info span {padding:30px 40px;background:#B83133;color:#fff;font-size:28px;font-weight:bold;display:inline-block;}
.pro-contact-btn-info span::after {
	content:'0';
}
.pro-contact-btn-left {
	padding:10px 30px;background:#0671ff;border:1px solid #ccc;margin-right:30px;cursor:pointer;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
	border-radius:20px;
}
.pro-contact-btn-left:hover {background:#024AAB;}
body.css-cn .pro-contact-btn-left::after {
	content:'联系优品达';
}
body.css-en .pro-contact-btn-left::after {
	content:'Contact UPINDA';
	font-family:'Segoe',Arial, "sans-serif";
}
.pro-contact-btn-right:hover {background:#024AAB;color:#fff;}
body.css-cn .pro-contact-btn-right::after{
	content:'返回产品列表';
}
body.css-en .pro-contact-btn-right::after{
	content:'Back to products list';
	font-family:'Segoe',Arial, "sans-serif";
}
body.css-cn .moreprotitle::after {
	content:'相关产品';
}
body.css-en .moreprotitle::after {
	content:'Related Products';
	font-family:'Segoe',Arial, "sans-serif";
}
.pro-contact-btn-right {
	padding:10px 30px;background:#fff;border:1px solid #ccc;margin-right:30px;cursor:pointer;color:#333;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
	border-radius:20px;
}
.randompro {width:100%;overflow:hidden;margin:20px 0px;}
.randompro ul {overflow:hidden;}
.randompro ul li {
	overflow:hidden;width:calc(25% - 23px);margin-right:15px;float:left;height:200px;cursor:pointer;border:1px solid #0671ff;background:#0671ff;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.randompro ul li:hover {
	border:1px solid #024AAB;background:#024AAB;
}
.randompro ul li img {
	width:100%;height:100%;
	-moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.randompro ul li:hover img {
	-webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.randompro ul li:last-child {width:calc(25% - 8px);margin-right:0px;}
.randomimg {width:100%;height:150px;overflow:hidden;}
.randomtitle {padding:5px 15px;height:30px;line-height:40px;font-size:14px;color:#fff;text-align:center;overflow:hidden;}
.randompro ul li:hover .randomtitle {
	color:#fff;
}
.left_btn  {width:20px;height:70px;float:left;text-align:center;background:rgba(0,0,0,0.2);cursor:pointer;position:absolute;left:0;top:0;z-index:99;}
.right_btn {width:20px;height:70px;float:left;text-align:center;background:rgba(0,0,0,0.2);cursor:pointer;position:absolute;right:0;top:0;z-index:99;}
.left_btn:after {
	font-family: "FontAwesome";
	content:'\f100';
	color:#333;
	line-height:70px;
	font-size:18px;
	opacity: 1;	
}
.right_btn:after {
	font-family: "FontAwesome";
	content:'\f101';
	color:#333;
	line-height:70px;
	font-size:18px;
	opacity: 1;	
}
.support-desc {
	max-width:1260px;width:100%;padding:20px;border-radius:8px;box-shadow: 0 6px 25px rgba(0,0,0,0.3);background:#0671ff;
}
.support-desc-title {
	font-size:28px;font-weight:bold;color:#fff;padding-left:50px;position:relative;
}
.support-desc-title::before {
  content: "\e64c";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #fff;
}
.support-info-one {
	font-size:16px;color:#D5F3FC;padding:20px 0px 20px 0px;
}
.support-info-two {
	font-size:14px;color:#fff;padding:10px 15px;background:chocolate;display:inline-block;border-radius:5px;box-shadow: 6px 0 12px rgba(0,0,0,0.3);
}
.support-calc {
	max-width:1300px;width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;padding:40px 0px;
}
.support-calc-item {
	color:#333;background:rgba(255,255,255,0.3);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.1);overflow:hidden;margin-bottom:25px;border-radius:8px;padding-bottom:20px;
}
.support-calc-item-title {
	padding:20px;font-size:24px;font-weight:bold;color:#333;border-bottom:1px solid #0671ff;padding-left:50px;position:relative;
}
.support-calc-item-title::before {
	content: "\e646";
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
  color: #333;
}
.support-calc-item-info {
	padding:20px 20px 0px 20px;display:flex;flex-direction: row;font-size:14px;
}
body.css-cn .support-calc-item-info-title{
	width:180px;font-size:16px;color:#333;font-weight:bold;line-height:34px;
}
body.css-en .support-calc-item-info-title {
	width:260px;font-size:14px;color:#333;font-weight:bold;line-height:34px;
}
body.css-cn .support-calc-item-info-title span.require{
	font-size:12px;padding:2px 6px;background:#F9BE03;color:#333;border-radius:4px;margin-left:12px;
}
body.css-en .support-calc-item-info-title span.require{
	font-size:12px;padding:2px 6px;background:#F9BE03;color:#333;border-radius:4px;margin-left:12px;
}
body.css-cn .support-calc-item-info-title span.require:before{
	content:'必填';
}
body.css-en .support-calc-item-info-title span.require:before{
	content:'Required';
	font-family:'Segoe',Arial, "sans-serif";
}
.selectedcolor {
	color:#333;font-size:14px;line-height:14px;padding:0px 5px;
}
.standard-input {
		  box-shadow: 0px 0px 4px rgba(0,0,0,0.6) inset;
		  min-width:200px;
		  height:24px;
		  padding: 6px 6px 9px 6px;
		  border-radius: 8px;
		  border:none;background:#eee;color:#000;  
	}

.selectsubdiv {
	position:absolute;top:39px;left:0;z-index:1;width:100%;
	background: #fff;
	box-shadow: 0px 6px 18px rgba(0,0,0,0.7);
	border-top:none;
	display:none;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	max-height:250px;
	overflow:hidden;
	font-size:14px;
}
.selectsubdiv dl {overflow:hidden;}
.selectsubdiv dl dd:before {
	font-family: "FontAwesome";
	content:'\f101';
	margin-left:0px;
	margin-right:10px;
	color:#0671ff;transition: all 0.5s ease-in-out;
}
.selectsubdiv dl dd {
	color:#0671ff;transition: all 0.5s ease-in-out;
	padding:8px 0 8px 10px;
}
.selectsubdiv dl dd:hover,.selectsubdiv dl dd.selected {
	padding-left:15px;background:#0671ff;color:#fff;
}
.selectsubdiv dl dd:hover:before,.selectsubdiv dl dd.selected:before  {
	font-family: "FontAwesome";
	content:'\f101';
	margin-left:0px;
	margin-right:10px;
	color:#fff;
}
.formselect {
	position:relative;cursor:pointer;line-height:24px;color:#a3aac1;
  transition: all 300ms ease;
}
.formselect.selected {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.formselect:before {
  position:absolute;
	font-family: "FontAwesome";
	content:'\f0d7';
	right:12px;
	color:#F9BE03;
	top:8px;
  transition: all 350ms ease;
}
.formselect.selected:before {
	 -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
transform:rotate(-180deg);
}
.support-btn {
	padding:10px 40px;background:#0671ff;color:#fff;font-size:14px;font-weight:bold;display:inline-block;margin:25px 15px;border-radius:5px;cursor:pointer;
  transition: all 350ms ease-in-out;
}
.support-btn:hover {
	background:#F9BE03;color:#333;
}
.support-result {
	background:#0671ff;border-left:6px solid #F9BE03;border-right:6px solid #F9BE03;border-radius:6px;margin:15px;
}
.support-result-tips {
	font-size:14px;padding:15px 20px;position:relative;color:#7ADAF9;margin-left:30px;
}
.support-result-tips:before {
  position:absolute;
	font-family: "FontAwesome";
	content:'\f1ec';
	left:-10px;
	top:18px;
	color:#fff;
	font-size:16px;
}
.result {
	font-size:24px;padding:0px 20px 15px 0px;position:relative;color:#fff;margin:0px 20px;font-weight:bold; border-bottom:1px dotted #389CF4;
}
.formula{
	font-size:14px;padding:15px 20px;position:relative;color:#7ADAF9;
}
body.css-cn .statement{
	max-width:1230px;width:100%;background:linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,0.1));margin-bottom:80px;border-radius:8px;box-shadow: 0 6px 25px rgba(0,0,0,0.3);font-size:14px;padding:15px 35px;line-height:24px;
	display:flex;flex-direction: column;
}
body.css-en .statement{
	max-width:1230px;width:100%;background:linear-gradient(to top, rgba(255,255,255,0.5), rgba(255,255,255,0.1));margin-bottom:80px;border-radius:8px;box-shadow: 0 6px 25px rgba(0,0,0,0.3);font-size:14px;padding:15px 35px;line-height:24px;
	display:flex;flex-direction: column;font-family:'Segoe',Arial, "sans-serif";
}
.statement span.statement-title{
	font-size:16px;font-weight:bold;color:crimson;line-height:35px;padding-left:30px;position:relative;
}
.statement span.statement-title::before {
 content: "\e613";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color:crimson;
}
#goindex,#gonews {
	color:#0671ff;cursor:pointer;
	transition: all 0.3s ease-in-out;cursor:pointer;
}
#goindex:hover,#gonews:hover {
	color:#F8870D;
}