@font-face {  
  font-family: 'MyCustomFont';  
  src: url('../font/AlibabaPuHuiTi-3-45-Light.woff2') format('woff2'),
	   url('../font/AlibabaPuHuiTi-3-45-Light.woff') format('woff'),
	   url('../font/AlibabaPuHuiTi-3-45-Light.ttf') format('truetype');  
  font-weight: normal;  
  font-style: normal;  
  /* 可选：添加font-display属性以确保字体加载体验 */  
  font-display: swap;  
}
body {  
  font-family: 'MyCustomFont', sans-serif;  
  margin: 0;
  padding: 0;
}

#navbar {  
z-index: 1;
  position: fixed;  
  top: 0;  
  left: 0;   
  width: 100%;  
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
/* 清除默认样式 */  
#navbar{width:100%;height: 120px; margin-left: auto;margin-right: auto;border: 1px solid #000;background-color: #000;}
#navbar .logo{width: 90px;height: 90px; float: left;margin-top: 15px;margin-right: 15px;}
#name{position: relative;margin-right: 50px;}
.cname{font-size: 28px;}
.ename{font-size: 18px;margin-top: -30px;}
ul, li {list-style-type: none; margin: 0;padding: 0;}  
.wbnav{align-items: center; /* 垂直居中 */ height: 120px; }
nav{display: flex;justify-content: center;}
.wbnav li a:hover{color: #f37e21;}
nav ul { display: flex; }  
nav ul li {font-size: 24px; position: relative;}  
nav ul li a {display: block; padding: 10px 20px; text-decoration: none;  color: #fff;}  
/* 二级菜单 */  
nav ul .submenu {background-color: #272727;position: absolute;top:100%;   left: 0;  width: 200px;display: none  /* opacity: 0 */;}  
nav ul .submenu li a{color: #fff;font-size: 20px;display: flex;align-items: center;height: 100%;/* overflow: hidden; */}
nav ul .submenu li{border-bottom: 1px solid #6e6e6e;}
nav ul .submenu li a:hover{color: #f37e21;}
nav ul .has-children:hover > .submenu {display: block;  /* opacity: 1 */; }  
/* 三级菜单 */  
nav ul .submenu .submenu {  top: 0;  left: 100%;  opacity: 0; } 
nav ul .submenu .has-children:hover > .submenu {  opacity: 1; }
.submenu:hover{color: #f37e21;}
.submenu li a img{height: 20px; margin-right: 15px;opacity: 0; transition: opacity 0.3s ease-in-out;}
.submenu li a:hover img{opacity: 1; transition: opacity 0.3s ease-in-out; }
.angle{display: block;float: right;margin-top: 10px; width: 20px;height: 12px;background-image: url(../img/info002.png);background-size: 100%;}
.wbnav .has-children:hover .angle{background-image: url(../img/info003.png);}
.angle2{display: block;position: absolute;margin-left: 150px; width: 9px;height:15px;background-image: url(../img/info004.png);background-size:100%;}
.wbnav .has-children a:hover .angle2{background-image: url(../img/info005.png);}
/* /* 以上是导航栏样式 */ 

#slider{width: 1200px; height: 500px;position: relative;margin: 0 auto;margin-top: calc(120px + 20px);}
#slider ul{ width: 1200px; height: 500px;}
#slider a{ width: 1200px; height: 500px;}
#slider { /* position: absolute; */  /*padding: 3px;*/  overflow: hidden; -webkit-user-select:none; -moz-user-select:none;  -ms-user-select:none;  user-select:none;}
#slider ul {position: absolute; list-style-type: none;width: 6000px;  /*transition-duration: 0.3s;*/}
#slider li {float: left;}
#slider a { display: inline-block;}
#slider img { width: 100%;height: 100%;}
.indicator-container {  position: absolute; width: 150px; height: 30px;  line-height: 30px; bottom: 0 left: 50%; margin-left:45%;  text-align: center; margin-top: 450px;}
.indicator { display: inline-block;  width: 15px;  height: 15px;  border-radius: 100%;  background: white;  cursor: pointer;}
.indicator.active { background: red;}
/* 以上是banner样式 */
#libiao{width: 1200px;height: 420px;margin: auto;margin-top: 80px;}
#libiao div{width: 387px;height: 420px;float: left;}
#libiao .fli{background-color:#f37e21 ;}
#libiao .sli{background-color:#272727 ;margin-left: 19.5px;margin-right: 19.5px;}
#libiao img{width: 80px;display: flex;margin: auto;margin-top: 30px;/* transition: transform 1s ease-in-out; */}
#libiao div:hover img{transform: rotateY(360deg);transition: transform 1s ease-in-out; /* 按Y轴旋转180度 */ }
#libiao p{color: #fff;}
.title{font-size: 26px;text-align: center;}
.content{font-size: 18px;text-indent: 2em;padding: 0 30px;}
/* 以上是优势列表样式 */
#our{width: 1200px;display: flex;margin: auto;margin-top: 150px;}
#our img{width: 450px;height: 500px;margin-left: 100px;}
#our div{margin-left: 50px;width: 500px;}
#our div p{margin: 0;}
.name{font-size:24px; color:#f37e21;}
.name span{border-bottom:2px solid #f37e21;}
.skout{font-size: 44px;color: #272727;font-weight: bold;}
.detail{text-indent: 2em;font-size: 20px;color: #272727;}
#our div ul li{margin-top: 30px;list-style-type: none;height: 35px;}
#our div ul li img{margin-left: 0;margin-right: 20px; width: 20px;height: 20px; float: left;transform: translateY(20%);}
/* 自我介绍样式 */


#foot{width: 1200px;margin: auto;color: #fff;margin-top: 100px;}
.fname{width: 380px;}
#foot div{/* width: 400px; */height: 500px;/* border: 1px solid #f37e21;margin-right:-8px; */ padding-top: 100px; display: inline-block; vertical-align: top; }
#foot div:last-child{ margin-right: 0;}
#foot .fname p img{width: 330px;display: flex;align-items: center; height: 85px;float: left;margin-bottom: 15px;}
.text{font-size: 18px;text-indent: 2em;}
.fname ul li img{width: 30px;display: flex;align-items: center;height: 30px;float: left;padding-right: 20px;}
.fname ul li{font-size: 18px;line-height: 30px;margin-top: 15px;}
.ftpro ul li img{width: 15px;float: left;padding-right: 15px;padding-top: 5px;}
.ftpro ul p{font-size: 32px;margin-top: 0;height: 85px;font-weight: bold;}
.ftpro ul li{font-size: 18px;height: 60px;/* line-height: 60px; */}
.ftpro ul li a{text-decoration: none;color: #fff;transition: 0.5s;}
.ftpro ul li a:hover{color:#f37e21;margin-left: 20px;transition: 1s;}
.ftpro ul{display: inline-block; vertical-align: top;width: 190px;}
.ftpro{margin-left: 20px;}
.ftpro2{margin-left: 40px;}
.code{margin-left: 45px;}
.gif{width: 150px;display: block;margin-top: 15px;}
.code .fttell{font-size: 32px;margin-top: 0;height: 85px;font-weight: bold;}
.qqwc{width: 150px;text-align: center;font-size: 18px;float: left;margin-right: 10px;}
.qqwc img{display: block;width: 150px;height: 150px;margin-right: 10px;}
.foot{height: 50px;width: 1200px;margin: auto;border-top: 1px solid #727272;}
.foot p{text-align: center;color: #fff;}
.foot p a{text-decoration: none;color: #fff;}
.foot p a:hover{color:#f37e21 ;}
/* 底部导航栏样式 */


#topimg img{width: 100%;height: 300px;margin-top: 100px;}
#product{width: 1250px;margin: auto;margin-top: 20px;}
#pronav{width: 300px;background-color: #fef7f1;}
#pronav p{font-size: 32px;margin: 0;padding-top: 30px;padding-left: 10px; color: #f37e21;font-weight: bolder;}
#pronav input{width: 260px;height: 50px;background-color: #f37e21;border: none;font-size: 24px;margin: 30px 20px;}
#pronav input:hover{cursor: pointer;background-color: #212830;transition: 0.5s;color: #fff;}
#pronav h3{width: 250px;margin: auto;font-size: 22px;line-height: 50px;margin-top: 20px;}
.pronavv2 li{width: 250px;margin: auto; border-bottom: 1px dashed #9f9f9f;transition: 0.5s;}
.pronavv2 li {height: 40px;line-height: 40px;transition: 0.5s;}
.pronavv2 li a{font-size: 18px;color: #000;margin-left: 30px; transition: 0.5s;text-decoration: none;}
.pronavv2 li img{width: 20px;margin-right: 5px;}
.pronavv2 li a:hover{margin-left: 50px;color: #f37e21;transition: 0.5s;}
#product div{ display: inline-block; vertical-align: top;}
#overview{width: 850px;margin-left: 25px;}
#overview table{border-spacing: 10px;user-select: none;}
#overview table tr td{  background-color: #fff4ea;padding: 10px;}
#overview table tr td img{width: 278px;height: 230px;}
#overview .proname{font-size: 20px;font-weight: bold; color: #f37e21;}
#overview table tr td p{margin: 0;font-size: 16px;color: #545454;}

/* 产品展示页样式 */
#proin{width: 850px;margin-left: 25px;  display: inline-block;vertical-align: top; }
.limg{width: 580px;height: 500px;}
#textdes p{margin-bottom: 30px;}
#textdes a{text-decoration: none;display: block; width: 199px;height: 50px;background-color: #f37e21;color: #fff;text-align: center;line-height: 50px;margin-top: 20px;font-size: 18px;transition: 0.5s;}
#textdes a:hover{background-color: #212830;transition: 0.5s;}
#proli table{border-spacing: 0;}
#proli table tr{height: 45px;}
#proli table tr td{width: 170px;border-bottom: 1px solid #f37e21;text-align: center;}
#proli table tr td span{display: inline-block; width: 40px;height: 25px;vertical-align: middle;float: right;margin-right: 30px;border: 1px solid #c8c8c8;}
#proli table tr td a{text-decoration: none;color: #000;}
#proli table tr td a:hover{color: #f37e21;}
#file a{display: block;width: 320px;height: 70px;text-decoration: none;font-size: 20px;border-bottom: 1px solid #f37e21;line-height: 80px;padding-left: 30px;color: black;float: left;margin-left: 50px;}
#file a img{width: 40px;display: inline-block;vertical-align: middle;margin-right: 10px;}
#file a:hover{color:#f37e21 ;background-color: #212830;transition: 0.5s;}

/* 产品详情页面代码 */
#text p{text-indent: 2em;font-size: 18px;color: #e1741d;font-weight: bold;position: relative;}
#text table{background-color: #e8e8e8;padding: 20px;}
#text ul{background-color: #e8e8e8;}
#text table tr{height: 35px;}
#text table tr td{width: 400px; border-bottom: 1px solid #a3a3a3;}
#text ul{background-color: #e8e8e8;padding: 20px;}
#text ul li{list-style-type: disc;margin-left: 30px;height: 30px;}
#text p img{width: 30px;padding-top: -10px;padding-right: 5px; vertical-align: middle; }

/* 小图容器 */
.thumblist { width: 150px;       /* 固定宽度 */height: auto;      /* 高度自适应 */overflow: visible; /* 取消隐藏溢出 */margin-bottom: 0;display: flex;flex-direction: column;  /* 关键：竖向排列 */gap: 10px;              /* 图片间距 */margin-right: 20px;     /* 与大图的间距 */}
.thumblist img {width: 150px;      /* 图片宽度填满容器 */height:150px;     /* 高度自适应 */cursor: pointer;padding: 2px;border: 2px solid #ddd; box-sizing: border-box; object-fit: cover; object-fit: contain;}
.thumblist img.active-thumb {border: 2px solid #06c;}
.thumblist img:hover { border-color: #999 ;}
/* 大图容器调整 */
.show-img {margin-left: 0;   /* 取消原左边距 */width: 670px;height: 670px;float: right;border: 1px solid #000;}
#show-img{width: 100%;height: 100%;object-fit: contain;align-items: flex-start;}
/* 内容部分 */
#proin h3{color: #999;}



#tell{width: 75rem; margin: auto;margin-top: 240px;}
#map{margin: auto;}