/*@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1625532141317') format('woff2'),
       url('../font/iconfont.woff?t=1625532141317') format('woff'),
       url('../font/iconfont.ttf?t=1625532141317') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/


body{
	max-width: 750px;
	margin: 0 auto;
	background-color: #fff;
	visibility: hidden;
}
.header{
	padding:10px 3%;
	/*position: relative;*/
	position:fixed;
	left:50%;
	top:0;
	margin-left:-3.75rem;
	width:7.5rem;
	max-width:100%;
    box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);
	z-index: 9999;
	background:#fff;
	box-sizing:border-box;
}
.header .logo{
	/*max-width:40%;*/
	display: block;
	height:40px;
	/*margin:0 auto;*/
	float:left;

}
.header .logo_txt{
	display: block;
	height:40px;
	float:left;
	margin-left:10px;
	font-size:20px; color:#fff;
	line-height:40px;

}
.header.fixed
{
	background:rgba(0,0,0,0.6);
}
/*
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}*/

/*banner*/
/*
.banner	.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; }
.banner	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0px; right:0; z-index:1;  width:100%; text-align:center;}
.banner	.slideBox .hd li{ display:inline-block; width:8px; height:8px;  background:none; text-indent:-9999px; overflow:hidden; margin:0 6px; border-radius: 4px; background:#fff; }
.banner	.slideBox .hd li.on{ background:#721d36;  }
.banner	.slideBox .bd{ position:relative; z-index:0; }
.banner	.slideBox .bd li{ position:relative; text-align:center;  }
.banner	.slideBox .bd li img{ vertical-align:top; width:100%;}
.banner	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
.banner	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/tm.png) repeat; color:#fff;  text-align:left;  }*/

.banner-container{ position:relative;}
.banner-slide img{ display:block;}
.banner-pagination{ position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:2;}
.banner-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; border-radius:50% !important; opacity:1; border-radius:0; transition:all 0.3s; margin:0 3px !important;}
.banner-pagination .swiper-pagination-bullet-active{ /*width:25px;*/ background:#bc8449;}



.clearfix::after { content: ""; clear: both; overflow: hidden; display: block; height: 0; visibility: hidden;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.sl2{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sl3{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sl4{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sl5{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.block{ display:block;}
.yy{ box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);}
.fl{ float:left;}
.fr{ float:right;}

.pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.pages a { text-decoration: none; color: #666; background: #fff; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px; color: #333333; margin-bottom:10px; border:#cccccc 1px solid;}
.pages a.active { background: #999999; border:#999999 1px solid; color: #fff }
.pages a:hover {  background: #999999; border:#999999 1px solid; color: #fff; text-decoration: none;  }
.pages a.wz{ display: inline-block; width: 60px; line-height: 30px; line-height: 30px;}

.download_bg .pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.download_bg .pages a { text-decoration: none; color: #fff; background: #721d36; border:#cccccc 1px solid; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px;}
.download_bg .pages a.active { background: #fff; border:#fff 1px solid; color: #721d36 }
.download_bg .pages a:hover {  background: #fff; border:#fff 1px solid; color: #721d36; text-decoration: none;  }
.download_bg .pages a.wz{ display: inline-block; width: 30px; line-height: 30px; line-height: 30px; font-family: "宋体"; font-weight: bold;}



.hamburger {
		display: block;
	width: 28px;
	height: 18px;
	padding: 11px;
	position: absolute;
	top: 50%;margin-top: -17px;
	right: 3%;

  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #e82b32;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--slider .hamburger-inner {
  top: 8px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
	width:100%;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	width:100%;
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }


/*首页*/
.h40{ height:40px;}
.h20{ height:20px;}
.h10{ height:10px;}

.i_d1{ background:#f7f7f7;}
.i_d1_title{ font-size:18px; color:#000000; font-weight:bold; line-height:30px; position:relative;}
.i_d1_title_box .title1{ font-size:14px; color:#a8a8a8; line-height:20px; text-align:center; text-transform:uppercase; font-style: italic;}
.i_d1_title_box .title2{ font-size:18px; color:#000000; line-height:30px; text-align:center; font-weight:bold; position:relative;}
.i_d1_title_box .title2 span{ position:relative; z-index:1;}
.i_d1_title_box .title2:after{content: "";width:80px; height: 3px; background:#bc8449; position: absolute;left: 50%; bottom:2px; margin-left:-40px;}

.i_d1_title img{ vertical-align:middle; height:14px; margin-right:5px; position:relative; top:-2px;}
.i_d1_title span{ font-size:14px; color:#7b7b7b; font-weight:normal; text-transform:uppercase; margin-left:5px;}
.i_d1_title a.i_d1_title_more{ display:block; position:absolute; right:0; top:4px; width:66px; height:20px; border:#000000 1px solid; line-height:20px; font-size:12px; color:#000; font-weight:normal; text-align:center; border-radius:15px;}

.i_d1_list li{ float:left; width:23.5%; margin-left:2%; margin-top:10px; position:relative; overflow:hidden; border-radius:5px;}
.i_d1_list li:nth-child(4n+1){ margin-left:0;}
.i_d1_list li:nth-child(1),
.i_d1_list li:nth-child(2),
.i_d1_list li:nth-child(3),
.i_d1_list li:nth-child(4){ margin-top:0;}
.i_d1_list li .img img{ display:block; width:100%; height:1.33rem; border-radius:10px;}
.i_d1_list li .txt{ line-height:25px; font-size:14px; color:#333; text-align:center;}
a.i_more1{ display:block; width:180px; text-align:center; line-height:30px; border:#b3b3b3 1px solid; font-size:14px; color:#7b7b7b; margin:0 auto;}


.i_d3{ background:#f7f7f7;}
.i_d3_nav{ text-align:center; font-size:14px; color:#000000; line-height:30px;}
.i_d3_nav a{ font-size:14px; color:#000000; position:relative; padding:0 2px; position:relative;}
.i_d3_nav a:nth-child(1):before{ display:none;}
.i_d3_nav span{ margin:0 3px;}
.i_d3_nav a.on{ color:#bc8449; font-weight:bold;}
.i_d3_nav a.on:after{content: "";width:20px;height: 1px;  background:#bc8449; position: absolute;left: 50%;top:20px; margin-left:-10px;}

.i_d3_img{ display:block; width:100%; height:4.59rem; object-fit: cover;}
.i_d3_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; background:#fff;}
.i_d3_list li .img{ display:block; width:100%; height:3.03rem; object-fit: cover;}
.i_d3_list li:nth-child(2n+1){ margin-left:0;}
.i_d3_list li .txt{ padding-top:5px; padding-bottom:10px; font-size:14px; color:#464646; text-align:center; line-height:30px; position:relative;}
.i_d3_list li .txt:after{content: "";width:16px; height: 1px; background:#c5c5c5; position: absolute;left: 50%; bottom:10px; margin-left:-8px;}

.i_d4{}
.i_d4_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; background:#f7f7f7;}
.i_d4_list li .img{ display:block; width:100%; height:3.03rem; object-fit: cover;}
.i_d4_list li:nth-child(2n){ margin-left:0;}
.i_d4_list li:nth-child(1){ margin-left:0; width:100%; margin-top:0;}
.i_d4_list li:nth-child(1) .img{ width:100%; height:6.06rem; object-fit: cover;}
.i_d4_list li .txt{ padding-top:5px; padding-bottom:10px; font-size:14px; color:#464646; text-align:center; line-height:30px; position:relative;}
.i_d4_list li .txt:after{content: "";width:16px; height: 1px; background:#c5c5c5; position: absolute;left: 50%; bottom:10px; margin-left:-8px;}

.totop{ position:fixed; right:3%; bottom:70px; width:30px; height:30px; background:url(../images/totop.png) center no-repeat; background-size:30px auto; z-index:10;}


.bottom_nav{ position:fixed; left:0; bottom:0; width:100%; height:50px; background:#f6f6f6; padding:3px 0; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15); z-index:9999;}
.bottom_nav li{ float:left; width:50%;}
.bottom_nav li a{ display:block; width:100%; text-align:center; font-size:14px; color:#999; line-height:20px; height:45px; padding-top:5px;}
.bottom_nav li a img{ padding-bottom:0px;}
.bottom_nav li.on a{ color:#000;}


/*产品类别*/

.search_c{ height:50px; border-radius:25px; padding-left:60px; padding-right:80px; box-sizing:border-box; position:relative;  /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);*/ background:url(../images/search_c_ico.png) #f3f3f3 25px center no-repeat; background-size:auto 20px;}
.search_c .s_inp{ display:block; border:0; width:100%; height:50px; font-size:14px; background:#f3f3f3;}
.search_c .s_bt{ position:absolute; right:10px; top:10px; width:60px; height:30px; border:0; text-align:center; font-size:14px; color:#000; background:#f3f3f3;}

.plb_box{ padding-right:3%;}
.plb_box .plb_box_nav{ float:left; width:100px;}
.plb_box .plb_box_nav li a{ display:block; padding:10px 0 10px 20px; background:#f3f3f3; font-size:14px; color:#000000; line-height:25px; position:relative;}
.plb_box .plb_box_nav li.on a{ background:#fff; color:#bc8449;}
.plb_box .plb_box_nav li.on a:after{content: ""; position:absolute; left:0; top:50%; width:5px; height:20px; background:#bc8449; margin-top:-10px;}
.plb_box_r{ float:right; width:calc(97% - 100px);}
.plb_title_box{ position:relative; background:#000;}
.plb_title_box .img{ display:block; width:100%; height:1.93rem; object-fit: cover; opacity:1;}
.plb_title_box_txt{ position:absolute; left:50%; top:50%; padding:2px 0; width:140px; font-size:16px; color:#ffffff; line-height:30px; text-align:center; background:rgba(0,0,0,0.41); transform:translate(-50%,-50%);}
.plb_title_box_txt .ico{ display:inline-block; width:16px; height:1px; background:#fff; margin:0 5px; position:relative; top:-5px;}
.plb_list li{ float:left; width:30%; margin-left:5%; margin-top:10px;}
.plb_list li:nth-child(3n+1){ margin-left:0;}
.plb_list li .img {
  position: relative;
  padding: 50% 0;
  overflow:hidden;
  box-sizing:border-box;
  border-radius:5px;
}
.plb_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  background:#fff;
}
.plb_list li .txt{ font-size:12px; color:#000000; line-height:30px; text-align:center;}



/*产品列表页*/
.top_back a.top_back_a{ display:block; padding-left:20px; font-size:18px; color:#010101; line-height:40px; position:relative;}
.top_back a.top_back_a:after{content: "";width:18px; height: 18px; position: absolute; left: 0; top:50%; margin-top:-9px; background:url(../images/top_back_ico.png) center no-repeat; background-size:auto 14px;}

.p_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; overflow:hidden; position:relative; background:#f3f3f3;}
.p_list li:nth-child(2n+1){ margin-left:0;}
.p_list li:nth-child(1),
.p_list li:nth-child(2){ margin-top:0;}
.p_list li .img{ width:100%;background:#f5f5f5; padding:5px; box-sizing:border-box;}
.p_list li .img img{ display:block; width:100%; height:3.2rem; object-fit: contain;}
.p_list li .txt{ position:relative; height:40px; padding:0 60px 0 5px; position:relative;}
.p_list li .txt .txt1{ font-size:14px; color:#333333; line-height:35px; position:relative;}
.p_list li .txt .txt2{ font-size:14px; color:#dc1a06; font-weight:bold; line-height:35px; position:absolute; right:5px; top:0;}
.p_list li .txt .txt2 span{ font-size:12px; margin-right:2px; object-fit: cover;}
.p_list li .txt .txt1:after{content: "";width:20px;height: 1px; background:#c5c5c5; position: absolute;left: 1px; bottom:2px;}


/*产品详情*/

.p_i_list li{ width:100%; padding:35% 0; background: #fff; box-sizing:border-box; overflow:hidden;}
.p_i_list li img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  background-size:contain
  transition: all 0.6s;
  background:#f5f5f5;
}
.p_i_swiper .swiper-pagination{ left:auto; right:0px; width:80px; height:30px; line-height:30px; background:rgba(0,0,0,0.5); text-align:center; color:#fff; border-top-left-radius:15px; border-bottom-left-radius:15px;}

.p_i_r_jg{ font-size:24px; color:#dc1a06; font-weight:bold; line-height:30px;}
.p_i_r_jg span{ font-size:14px; margin-right:5px;}
.p_i_r_title{ font-size: 18px; color: #000000; font-weight:bold; line-height: 30px; /*padding-bottom: 10px;*/}
.p_i_hr{ background:#f1f1f1; height:1px;}
.p_i_r_content{ font-size: 14px; color: #666666; line-height: 25px; border-bottom: #f1f1f1 1px solid; padding-bottom:20px;}
.p_i_r_content *{ line-height: 25px;}

a.p_i_back{ display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#3d3d3d; font-size:14px; color:#fff; margin-top:10px;}

.p_i_d2_title{ height: 50px; line-height: 50px; font-size: 18px; color: #000000; font-weight:bold; position: relative;}

.p_i_d1{ background:#f3f3f3;}
.p_i_d1_box{ background:#fff; padding:10px; border-radius:10px;}