@charset "UTF-8";

.clear{ clear:both}
a{color: #000;text-decoration: none; cursor: pointer;}
body{width: 100%;background-color: #f0f0f0;margin: 0;padding: 0;min-height: 100vh;overflow-x: hidden;font-family:arial, helvetica, sans-serif;}
html{overflow-x: hidden;}
*{color: #333;}
.clearleft{clear: left !important;}
.clearight{clear: right !important;}
@media screen and (min-width:800px){
  body{
    text-align: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
  }
}

/*  全局导航文字黑色 */
.global-color-text-black{
 color: #000 !important; 
}

/* 全局导航文字白色 */
.global-color-text-white{
 color: #fff !important; 
}

/* 全局导航文字金色 */
.global-color-text-gold{
 color: #dfbd53 !important; 
}

/* 全局按钮背景色金色 */
.global-btn-background-color-gold{
 color: #dfbd53!important 
}

/* 全局按钮背景色白色 */
.global-btn-background-color-white{
 color: #fff !important; 
}

/* 全局背景色金色 */
.global-color-background-gold{
 background-color: #dfbd53 !important 
}

/* 全局背景色白色 */
.global-color-background-white{
 background-color: #dfbd53 !important 
}

/* 全局背景色黑色 */
.global-color-background-black{
 background-color: #000 !important 
}

/* aboutus */
#aboutUs{
  background: url(./news/67bc4be6576b4a1b9b669ae312d3cef5.jpg) no-repeat;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 400px;
  width: 100%;
  display: flex; /* 弹性布局确保内容区垂直居中 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  padding: 20px;
}
#aboutUs .aboutus_tu{
  display: none;
}
#aboutUs .aboutus_neirong{
  width: 100%;
  max-width: 800px; /* 限制内容区最大宽度，避免过宽 */
  display: flex;
  flex-direction: column;
  align-items: center; /* 子元素水平居中 */
  justify-content: center; /* 子元素垂直居中 */
  gap: 25px; /* 元素之间间距，替代margin */
}
.title{
  font-size: 46px;
  color: #FFD700;
  text-align: center;
  padding-top: 0; /* 取消多余padding */
  width: 100%;
}
#aboutUs .title span{
  font-size: 46px;
  color: #FFD700;
}
#aboutUs .intro{
  font-size: 22px;
  color: #FFD700;
  line-height: 40px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
#aboutUs .readmore{
  text-align: center;
  width: fit-content;
  /* 按钮容器本身无需额外间距，靠父容器gap控制 */
}
#aboutUs .readmore>img{
  display: none;
}
#aboutUs .title_more{
  display: none;
}
/* 按钮基础样式 */
#aboutUs .readmore a{
  padding: 13px 35px;
  background-color: #fed600a8;
  border-radius: 28px;
  font-size: 22px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
#aboutUs .readmore a:hover{
  background-color: #FFD700;
  transform: translateY(-2px); /* 轻微上浮，增强交互 */
}
/* PC端样式（≥960px） */
@media screen and (min-width:960px){
  /* 图boutUs{
 *     display:flex !important;   /* 覆盖之前的 display:block */
    align-items:center;
    justify-content:center;
    height:327px;
    position:relative;
    overflow:hidden;
  }

  #aboutUs .aboutus_tu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(./news/67bc4be6576b4a1b9b669ae312d3cef5.jpg) center center / cover no-repeat;
  }

  /* 内容区：悬浮在图片上方，水平垂直居中 */
  #aboutUs .aboutus_neirong {
    position:relative;
    z-index:2;
    width:100%;
    max-width:800px;   /* 你原来就有的限制 */
    padding:0 40px; 
 }
  #aboutUs .intro{
    font-size: 16px;
    color: #555;
    line-height: 26px;
    padding: 0;
    text-align: center;
    width: 100%;
    -webkit-line-clamp: 4; /* 调整行数，避免内容过长影响居中 */
  }
  #aboutUs .title{
    height: auto; /* 取消固定高度 */
    line-height: normal; /* 取消固定行高 */
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding-bottom: 15px; /* 底部间距，替代border高度 */
  }
  #aboutUs .title span{
    font-size: 24px;
    color: #000;
  }
  /* 让按钮容器块级化并居中 */
  #aboutUs .readmore{
    display:block;        /* 块级，占满一行 */
    text-align:center;    /* 行内/行内块水平居中 */
    width:auto;           /* 不需要再限宽 */
    padding:0;
  }
  /* 按钮本身保持行内块即可 */
  #aboutUs .readmore a{
    display:inline-block; /* 保证能设 padding、圆角等 */
    padding:12px 35px;
    background-color:#dfbd53;
    font-size:18px;
  }
  #aboutUs .readmore a:hover{
    background-color: #DCA93C;
  }

}





















/* product */
#chanpinfenlei{
  padding-top: 10px;
}
#chanpinfenlei>a, #chanpinfenlei .product_content>a{
  float: left;
  width: 46%;
  padding-left: 2.6%;
}
#chanpinfenlei a img{
  width: 300px;
  border-radius: 20px;
  height: 200px;
}
#chanpinfenlei>a>div, #chanpinfenlei .product_content>a>div{
  text-align: center;
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#chanpinfenlei .title{
  color: #dfbd53;
  padding-bottom: 30px;
}
#chanpinfenlei .view_xiangqing img{
	max-width:100%;
}
@media screen and (min-width:960px){
  #chanpinfenlei{
    width:1200px;
    background: none;
    margin: 0px auto 60px;
  }
  #chanpinfenlei .title{
    width: 100%;
    height: auto;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 30px;
    color: #dfbd53;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 60px;
    margin-bottom: 25px;
    text-align: center;
  }
	#chanpinfenlei .view_xiangqing{
		font-size:16px;
    line-height: 1.6rem;
	}
  #chanpinfenlei>a,  #chanpinfenlei .product_content>a{
    width: 30%;
    margin-bottom: 25px;
  }
  #chanpinfenlei a img {
    border-radius: 5px;
    width:360px;
    height:240px;
  }
  #chanpinfenlei>a>div, #chanpinfenlei .product_content>a>div {
    font-size: 16px;
    padding-bottom: 0px;
  }
}


/* product list */
#chanpinfenlei .product_content .list_title{
  font-size: 42px;
  text-align: left;
  padding-top: 20px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 25px;
  padding-bottom: 5px;
  margin-left: 2.6%;
  float:left;
}
#chanpinfenlei .product_content .menu{
  float:right;
	padding-right: 20px;
    padding-top: 20px;
}
#chanpinfenlei .product_content .menu img{
  width:40px;
}
#chanpinfenlei .list_chanpin_img{
  border-radius: 5px;
}
@media screen and (min-width:960px){
	#chanpinfenlei .product_content .menu{
		display:none;
	}
	#chanpinfenlei .product_content .list_title{
		font-size: 22px;
	}
  #chanpinfenlei #product_list a img {
    border-radius: 5px;
    width:280px;
    height:187px;
  }
}
/* page */
.pages{ width:100%; text-align:center; height:30px; line-height:30px;  margin-bottom: 30px;}
.pages .page_pageList{display: inline;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top; font-size:24px; color:#555555; margin:0 3px;}
.pages .now{ color:#179EED; padding: 10px; font-size: 1.5rem;line-height: 3rem;}
.pages .prev,.pages .next{ color:#FFF; background: #dfbd53;; padding:8px; padding-left:18px; padding-right:18px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
  .pages li{
    display:inline;
  }
@media screen and (min-width:960px){
	.pages {
		margin-bottom: 60px;
    	font-size: 14px;
	}
	.pages .prev, .pages .next{
		font-size: 14px;
		padding: 13px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.pages .now {
		font-size: 18px;
		padding-top: 5px;
    line-height: 2.4rem;
	}
}
	
	
/* product view*/
#chanpinfenlei .view_title{
  font-size: 34px;
  text-align: left;
  padding-top: 35px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 25px;
  padding-bottom: 5px;
  margin-left: 2.6%;
}
.view_xiangqing{
  font-size: 1.5rem;
  line-height: 2.2rem;
  margin: 1.5rem;
	text-align: left;
	min-height:300px;
}
.view_xiangqing p{
  margin: 0px;
  margin-top: 0.4rem;
}
#outBox{
	display:none;
}
@media screen and (min-width:960px){
	#chanpinfenlei .view_title{
		font-size: 22px;
		padding-top: 20px;
	}
	.view_xiangqing{
		min-height:400px;
	}
}
	
/* 产品详情左侧的导航 */
#chanpinfenlei .pc_product_class{display:none;}
@media screen and (min-width:960px){
	#chanpinfenlei{
		width:1200px;
		background: none;
		margin: 0px auto 60px;
	}
	#chanpinfenlei .pc_product_class{
		display:block;
		float: left;
		width: 300px;
	}
	#chanpinfenlei .product_content{
		width: 900px;
		float: left;
	}
	#chanpinfenlei .pc_product_class .big_title{
		font-size: 24px;
    	color: #BB7F00;
		height: 65px;
		line-height: 65px;
		border-bottom: 1px solid #333;
		text-align: left;
		padding-left: 40px;
	}
}
.scd_l .s_nav{ margin-top:2px;}
.scd_l .s_nav li , .scd_l .s_nav li a{ display:block; width:100%; overflow: hidden;}
.scd_l .s_nav li a { border-bottom:1px dashed #ddd;height:48px; line-height:48px;}
#nei_left_nav li a{font-size: 16px;color: #252525;padding-left: 40px;}
#chanpinfenlei .pc_product_class .s_nav{ margin-top:10px; padding-inline-start: 0px;}
#chanpinfenlei .pc_product_class .s_nav li , #chanpinfenlei .pc_product_class .s_nav li a{ display:block; width:100%; overflow: hidden;}
#chanpinfenlei .pc_product_class .s_nav li a { border-bottom:1px dashed #ddd;height:48px; line-height:48px; text-align: left;}
#nei_left_nav li a{font-size: 16px;color: #252525;padding-left: 40px;}
#chanpinfenlei .pc_product_class .s_nav li span{ font-size:16px; color:#252525; margin-left:40px;}

/* 底部 */
#dibu{
  font-size: 20px;
  color: #707070;
  font-family: Arial,"黑体";
  background-color: #000;
  height: 100px;
}
#dibu .phone_dibu>a{
  float:left;
  width: 33.3%;
  text-align: center;
  padding-top: 10px;
}
#dibu img{
  width:40px;
  height:40px;
}
#dibu .nav_wenzi{
  text-align:center;
  color: #FFFFFF;
}
#dibu .pc_dibu{
  display:none;
}
@media screen and (min-width:960px){
  #dibu{
    height:190px;
	  padding: 1px;
	  box-sizing: border-box;
	  height: 250px;
  }
  #dibu .phone_dibu{
    display:none;
  }
  #dibu .pc_dibu{
    width:1200px;
    margin: 0px auto;
    display: block;
	  box-sizing: border-box;
	  padding: 20px 0 0;
	  background-color: #000;
  }
  #dibu .pc_dibu #foot_nav{
    padding-top: 18px;
    border-right: 1px solid rgba(144, 212, 12, 0.73);
    padding-bottom: 33px;
    padding-left: 0px;
	  float: left;
	  width: 60%;
	  text-align: center;
	  margin: 0;
	  padding: 0px 0 50px 0;
	  margin-top: 20px;
	  padding-left: 200px;
	  box-sizing: border-box
  }
  #dibu .pc_dibu #foot_nav li{
    list-style-type: none;
	  height: 30px;
	  line-height: 30px;
	  box-sizing: border-box;
/*	  padding-right: 200px;*/
    float: left;
  }
  #dibu .pc_dibu #foot_nav li a{
    color: #FFFFFF;
    display: inline;
    font-size: 14px;
    margin-right: 30px;
    margin-bottom: 10px;
  }
  #dibu .dibu_lianxi{
    text-align: left;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    width: 100%;
    padding-bottom: 9px;
  }
	#dibu .dibu_lianxi span{
		color: #FFFFFF;
	}
	.aa01{
		float: left;
		width: 35%;
		padding: 20px 0 0 3%;
	}
  #dibu .copyright, #dibu .copyright a{
    color: #FFFFFF;
    font-size: 12px;
    padding-top: 50px;
  }
	.f_nav{
		overflow: hidden;
	}
}

/* 联系我们 */
.contactus_view{
	font-size: 20px;
    padding: 20px;
}
@media screen and (min-width:960px){
	.contactus_view{
		font-size: 16px;
	}
}


.menu_title{
	height:120px;
	line-height: 120px; 
	background-color: #000;
	font-size: 28px; 
	color: #ffffff; 
	text-align: left;  
	padding-left: 30px;
}
.mdui-list ul{
	padding-inline-start: 0px;
}
.mdui-list ul li{
	line-height: 65px;
	width: 100%;
	border-bottom: 1px solid #d2e2d9;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	padding-left: 30px;
	font-size:22px;
}



#dingbu{
  height:100px;
}
#dingbu img{
  float:left;
  max-height:60px;
  padding-top:25px;
}
#dingbu .logo{
  padding-left:25px;
}
#dingbu .menu{
  float: right;
  padding-right: 25px;
}
#dingbu .menu>img{
  width: 50px
}

#menu_pc_ul{
  display:none;
}
@media screen and (min-width:960px){
  #dingbu{
    width: 1200px;
    margin: 0px auto;
  }
  .menu_phone_icon{
    display:none;
  }
  #menu_pc_ul{
    padding-top: 27px;
    display:block;
  }
  #menu_pc_ul li{
    list-style: none;
    display: initial;
    padding: 25px;
  }
  #menu_pc_ul .tit{
    font-family: "Microsoft Yahei";
    font-size:16px;
    font-weight: 400;
  }
}

#copyright, #copyright a{
  font-size: 12px;
  text-align: center;
  padding-bottom: 20px;
  color: gray;
  padding-top: 20px;
}
@media screen and (min-width:960px){
  #copyright{
    display:none;
  }
}

#lunbotu, #lunbotu>div{
  height:300px;
}
@media screen and (min-width:960px){
  #lunbotu, #lunbotu>div{
    height:440px;
  }
}



/* CSS Document */
/*通用样式*/
a{color: #000;text-decoration: none;}
body{width: 100%;background-color: #f0f0f0;margin: 0;padding: 0;min-height: 100vh;overflow-x: hidden;}
html{overflow-x: hidden;}
*{color: #333;}

.clearleft{clear: left !important;}
.clearight{clear: right !important;}

/*通用动画*/

.donghua{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}




/*临时的轮播尺寸*/
#images{width: 500px;height: 500px;margin: 0 auto;}
#images img{width: 100%;height: 100%;display: block;}
.carouselImage{width: 100%;display: block;}
#carouselImage{height: 437px;}
@media screen and (max-width: 600px){
	#carouselImage{height: 180px;}
	.swiper-slide{background-position: center!important;background-size: 100%;}
}



/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
 *    ========================================================================== */
/**
 *  * 1. Correct the line height in all browsers.
 *   * 2. Prevent adjustments of font size after orientation changes in
 *    *    IE on Windows Phone and in iOS.
 *     */
html {
  line-height: 1.15;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 1 */
      -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 *  * =============================================================================
 *   * ************   公共样式   ************
 *    * =============================================================================
 *     */
body {
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, .87);
  background-color: #fff;
}
@media (min-width: 600px) {
  body {
    font-size: 14.5px;
  }
}
@media (min-width: 1024px) {
  body {
    font-size: 15px;
  }
}
body *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
}
body *::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .2);
}
body.mdui-theme-layout-dark *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
}
body.mdui-theme-layout-dark *::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .3);
}
* {
*   -webkit-tap-highlight-color: transparent;
*   }
*/* 锁定屏幕 */
body.mdui-locked {
  overflow: hidden;
}
/* 遮罩层 */
.mdui-overlay {
  position: fixed;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  z-index: 2000;
  visibility: hidden;
  background: rgba(0, 0, 0, .4);
  opacity: 0;
  transition-duration: .3s;
  transition-property: opacity, visibility;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
}
/* 显示遮罩层 */
.mdui-overlay-show {
  visibility: visible;
  opacity: 1;
}
/* 取消 transition 过渡效果 */
.mdui-no-transition {
  transition-property: none !important;
}





/**
 *  * =============================================================================
 *   * ************   List 列表   ************
 *    * =============================================================================
 *     */
/* 列表 */
.mdui-list {
  padding: 8px 0;
  margin: 0;
  list-style: none;
  background-color: transparent;
}
.mdui-list .mdui-list {
  padding: 0;
}
.mdui-list > .mdui-divider,
.mdui-list > .mdui-divider-light,
.mdui-list > .mdui-divider-dark,
.mdui-list > .mdui-divider-inset,
.mdui-list > .mdui-divider-inset-light,
.mdui-list > .mdui-divider-inset-dark {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mdui-list a {
  color: inherit;
  text-decoration: none;
}
.mdui-list .mdui-subheader,
.mdui-list .mdui-subheader-inset {
  margin-top: 8px;
}
.mdui-list .mdui-subheader:before,
.mdui-list .mdui-subheader-inset:before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  content: ' ';
  background-color: rgba(0, 0, 0, .12);
}
.mdui-list .mdui-subheader:first-child,
.mdui-list .mdui-subheader-inset:first-child {
  margin-top: -8px;
}
.mdui-list .mdui-subheader:first-child:before,
.mdui-list .mdui-subheader-inset:first-child:before {
  background-color: transparent;
}
.mdui-list .mdui-subheader-inset:before {
  left: 72px;
}


/**
 *  * =============================================================================
 *   * ************   Drawer 抽屉栏导航   ************
 *    * =============================================================================
 *     */
/* DOM 加载完后再添加 transition */
body.mdui-loaded {
  transition: padding .3s cubic-bezier(0, 0, .2, 1);
}
body.mdui-loaded .mdui-drawer {
  transition: all .3s cubic-bezier(0, 0, .2, 1);
}
/* 抽屉栏外层，默认出现在左侧且隐藏 */
.mdui-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 5000;
  width: 340px;
  box-sizing: border-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;

  will-change: transform;
}
/* 出现在右侧的抽屉栏 */
.mdui-drawer-right {
  right: 0;
  left: auto;
}
/* 手机平板上的样式 */
@media (max-width: 1023px) {
  .mdui-drawer {
    /* 始终有背景和阴影 */
    background-color: #fff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    /* 默认隐藏 */
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
  .mdui-drawer-right {
    /* 右侧 drawer 也默认隐藏 */
    -webkit-transform: translateX(250px);
            transform: translateX(250px);
  }
}
/* 强制隐藏抽屉栏 */
.mdui-drawer-close {
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
          box-shadow: none;
}
.mdui-drawer-close.mdui-drawer-right {
  -webkit-transform: translateX(350px);
          transform: translateX(350px);
}
/* 强制显示抽屉栏 */
.mdui-drawer-open {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

@media screen and (max-width:800px){
	#carouselImage{
		height: 100% !important;
	}
}





/*首页新闻css*/
.box{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.box a{
	flex: 0 0 auto;
	width: 94.8%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 2.6%;
	padding: 4.2% 0;
	border-bottom: 1px dashed #ddd;
}
.bodiv01{
	width: 100%;
	text-align: left;
	padding: 0;
	color: #919191;
	font-size: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bodiv02{
	width: 7em;
	text-align: right;
	flex: 0 0 auto;
	padding: 0;
	color: #919191;
	font-size: 22px;
}
#xinwenlieb{
	padding-top: 10px;
	padding-bottom: 60px;
	width: 100%;
	margin:0 auto;
}
#xinwenlieb .title {
	color: #dfbd53;
	padding-bottom: 30px;
}
@media screen and (min-width: 960px){
	.bodiv01,.bodiv02{
		font-size: 18px;
	}
	#xinwenlieb{
		width: 1200px;
	}
	.box a{
		width: 44%;
		padding: 2.2% 0;
	}
}
/*新增列表模板css*/

#chanpinfenlei #product_list .as{
	width: 94.8%!important;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 2.6%;
	padding: 3.2% 0;
	border-bottom: 1px dashed #ddd;
}
#chanpinfenlei #product_list .ass01{
	width: 100%;
	text-align: left!important;
	padding: 0;
	color: #919191;
	font-size: 22px;
}
#chanpinfenlei #product_list .ass02{
	width: 7em;
	text-align: right!important;
	flex: 0 0 auto;
	padding: 0;
	color: #919191;
	font-size: 22px;
}
@media screen and (min-width: 960px){
	#chanpinfenlei #product_list .ass01,#chanpinfenlei #product_list .ass02{
		font-size: 14px;
	}
}