/*@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:#057bc6;}







.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_title{ font-size:18px; color:#000000; font-weight:bold; line-height:30px; position:relative;}

.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(1),

.i_d1_list li:nth-child(2){ width:49%;}

.i_d1_list li:nth-child(1),

.i_d1_list li:nth-child(3),

.i_d1_list li:nth-child(7),
.i_d1_list li:nth-child(11),
.i_d1_list li:nth-child(15){ margin-left:0;}

.i_d1_list li:nth-child(1),

.i_d1_list li:nth-child(2){ margin-top:0;}

.i_d1_list li .img img{ display:block; width:100%; height:1.33rem;}

.i_d1_list li .txt{ position:absolute; left:5px; top:0px; right:5px; line-height:18px; font-size:12px; color:#333;}



.i_d3_nav{ background:#f3f3f3; padding:15px 3%; text-align:center; font-size:14px; color:#000000; line-height:30px;}

.i_d3_nav a{ font-size:14px; color:#000000; position:relative; padding:0 10px; position:relative;}

.i_d3_nav a:before{content: "";width:6px;height: 1px; background:#666; position: absolute;left: 0;top:8px; margin-left:-5px;}

.i_d3_nav a:nth-child(1):before{ display:none;}

.i_d3_nav span{ margin:0 3px;}

.i_d3_nav a.on{ color:#007ac8;}

.i_d3_nav a.on:after{content: "";width:16px;height: 8px;  background:url(../images/i_d2_nav_ico.png) center no-repeat; background-size:contain; position: absolute;left: 50%;top:20px; margin-left:-8px;}



.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:#f3f3f3;}

.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{ background:#f3f3f3;}

.i_d4_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; background:#ffffff;}

.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;}

.plb_box .plb_box_nav li.on a:after{content: ""; position:absolute; left:0; top:50%; width:5px; height:20px; background:#057bc6; 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:0.58;}

.plb_title_box_txt{ position:absolute; left:0; top:50%; width:100%; margin-top:-15px; font-size:18px; color:#ffffff; line-height:30px; text-align:center;}

.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;}