/*@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:#0d0d0d;
	box-sizing:border-box;
}
.header .logo{
	/*max-width:40%;*/
	display: block;
	height:40px;
	/*margin:0 auto;*/

}
.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_img{ display:block; width:100%; height:3.7rem; border-radius:10px; object-fit: cover;}

.banner-pagination{ position:absolute; left:0; bottom:0 !important; width:100%; text-align:center; z-index:2;}
.banner-pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1; border-radius:0; transition:all 0.3s; margin:0 3px !important; border-radius:50%;}
.banner-pagination .swiper-pagination-bullet-active{ background:#c8906a;}


.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:#fff 1px solid;}
.pages a.active { background: #c8906a; border:#c8906a 1px solid; color: #fff }
.pages a:hover {  background: #c8906a; border:#c8906a 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: -20px;
	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: 24px;
    height: 2px;
    background-color: #fff;
    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%;*/
	width:30px;
    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); }


/*首页*/
.i_search{ background:#e2e2e2; height:40px; border-radius:20px; overflow:hidden; position:relative;}
.i_search .s_inp{ display:block; border:0; width:100%; height:40px; box-sizing:border-box; background:#e2e2e2; padding:0 20px; font-size:14px;}
.i_search .s_bt{ position:absolute; right:0; top:0; width:60px; height:40px; background:url(../images/i_search_ico.png) center no-repeat; background-size:auto 20px; border:0;}

.i_d1_list li{ float:left; width:25%;}
.i_d1_list li .ico{ text-align:center; line-height:40px;}
.i_d1_list li .ico img{ vertical-align:middle; height:36px;}
.i_d1_list li .txt{ font-size:14px; color:#666666; line-height:30px; text-align:center;}

.i_d2_title{ height:40px; line-height:40px; font-size:14px; color:#333333; font-weight:bold; position:relative;}
.i_d2_title .ico{ vertical-align:middle; position:relative; top:-2px; margin-right:5px; height:20px;}
.i_d2_title a.more{ position:absolute; right:0; top:0; display:block; height:40px; line-height:40px; font-size:12px; color:#999999; font-weight:normal;}
.i_d2_title a.more .more_ico{ vertical-align:middle; margin-left:5px; height:12px; position:relative; top:-2px;}


.i_d2_list li{ box-sizing:border-box;}
.i_d2_list li .img{ border-radius:10px; overflow:hidden; position:relative;}
.i_d2_list li .img .i_d2_img { display:block; width: 100%; height: 2.81rem; object-fit: cover;}
.i_d2_list li .img .i_d2_bf { position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; display:block; width: 40px; height: 40px;}

.i_d2_list li .txt1{ font-size:14px; color:#333333; line-height:30px; margin-top:5px;}
.i_d2_pagination{ width:100%; text-align:center; padding-top:20px;}
.i_d2_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1; margin:0 5px;}
.i_d2_pagination .swiper-pagination-bullet-active{ background:#eb880e;}


.i_d3_list li{ float:left; width:48%; margin-left:4%; margin-bottom:20px;}
.i_d3_list li:nth-child(2n+1){ margin-left:0;}
.i_d3_list li .img{ display:block; width:100%; height:3.38rem; object-fit: cover; border-radius:10px;}
.i_d3_list li .txt1{ font-size:14px; color:#333333; line-height:25px; text-align:center; margin-top:5px;}
.i_d3_list li .txt2{ font-size:14px; color:#999999; line-height:25px; text-align:center;}

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


/*关于我们*/
.n_banner{ display:block; width:100%; border-radius:10px;}
.ab_title1 .title1{ font-size:20px; color:#c8906a; line-height:30px; text-align:center; font-weight:bold;}
.ab_title1 .title2{ font-size:12px; color:#999999; line-height:20px; text-align:center;}

.ab_d2_title{ font-size:18px; color:#c8906a; font-weight:bold; line-height:40px; text-align:center; padding-top:10px;}

.ab_d5_list{ margin-top:10px;}
.ab_d5_list li{ box-sizing:border-box;}
.ab_d5_list li .img{}
.ab_d5_list li .img img { display:block; width: 100%; height: 3.4rem; object-fit: contain; background:#fff;}
.ab_d5_list li .txt1{ font-size:14px; color:#666666; line-height:30px; text-align:center; margin-top:5px;}
.ab_d5_pagination{ width:100%; text-align:center; padding-top:10px;}
.ab_d5_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#cccccc; opacity:1; margin:0 5px;}
.ab_d5_pagination .swiper-pagination-bullet-active{ background:#c8906a;}

/*联系我们*/
.lianxi_d1{ padding:20px 10px; background:#fff; line-height:30px; font-size:14px; color:#333333;}
.lianxi_d1 .lianxi_d1_ico{ vertical-align:middle; margin-right:15px; position:relative; top:-2px; height:20px;}


/*战略合作*/
.bjb{ background:#fff;}
.zlhz_d2_list li{ float:left; width:48%; margin-left:4%; margin-bottom:20px;}
.zlhz_d2_list li:nth-child(2n+1){ margin-left:0;}
.zlhz_d2_list li img{ display:block; width:100%; height:1.4rem; object-fit: contain; background:#fff;}
.zlhz_d2_list li .txt1{ font-size:14px; color:#333333; line-height:30px; text-align:center; margin-top:5px;}


.zlhz_d3_list li{ box-sizing:border-box;}
.zlhz_d3_list li .img{ border-radius:10px; overflow:hidden; position:relative;}
.zlhz_d3_list li .img .zlhz_d3_img { display:block; width: 100%; height: 2.81rem; object-fit: cover;}

.zlhz_d3_list li .txt1{ font-size:14px; color:#333333; line-height:30px; margin-top:5px;}
.zlhz_d3_pagination{ width:100%; text-align:center; padding-top:20px;}
.zlhz_d3_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1; margin:0 5px;}
.zlhz_d3_pagination .swiper-pagination-bullet-active{ background:#eb880e;}

/*视频中心*/
.sp_list li{ box-sizing:border-box; margin-bottom:20px;}
.sp_list li .img{ border-radius:10px; overflow:hidden; position:relative;}
.sp_list li .img .sp_img { display:block; width: 100%; height: 3.95rem; object-fit: cover;}
.sp_list li .img .sp_bf { position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; display:block; width: 40px; height: 40px;}
.sp_list li .txt1{ font-size:14px; color:#333333; line-height:30px; margin-top:5px;}

.sp_video{ display:block; background:#000; width:100%; height:100%}

/*产品中心*/

.p_nav{ padding: 10px 10px; height:auto; background:#fff;}
.p_nav li{ position: relative; line-height: 30px; padding: 5px 0 5px 46px; font-size: 14px; color: #666666; border-top:#f3f3f3 1px solid;}
.p_nav li:nth-child(1){ border-top:0;}
.p_nav li .title{ position: absolute; left: 0; top: 8px; font-size: 12px; color: #fff; background:#c78f6a; width:40px; height:24px; line-height:24px; text-align:center; border-radius:12px;}
.p_nav li a{ display:inline-block; color: #666666; margin-right: 10px;}
.p_nav li a.on,
.p_nav li a:hover{ color: #c8906a;}


.p_list li{ float:left; width:48%; margin-left:4%; margin-bottom:20px;}
.p_list li:nth-child(2n+1){ margin-left:0;}
.p_list li .img{
  position: relative;
  padding: 50% 0;
  overflow:hidden;
}
.p_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
   background:#fff;
}
.p_list li .txt1{ font-size:14px; color:#333333; line-height:25px; text-align:center; margin-top:5px;}
.p_list li .txt2{ font-size:14px; color:#999999; line-height:25px; text-align:center;}


/*产品详情页*/
.p_i_list li{ width:100%; height:6.83rem; text-align:center; background: #fff; box-sizing:border-box; overflow:hidden;}
.p_i_list li img{ display:block; width:100%; height:7.05rem; object-fit: contain;}
.p_i_swiper .swiper-pagination{ left:auto; right:10px; width:80px; height:30px; line-height:30px; background:rgba(0,0,0,0.5); text-align:center; color:#fff; border-radius:15px;}

.p_i_title{ padding-right:100px; position:relative;}
.p_i_title .txt1{ font-size:14px; color:#333333; line-height:25px;}
.p_i_title .txt2{ font-size:16px; color:#333333; font-weight:bold; line-height:25px;}
.p_i_title .p_i_vr_a{ position:absolute; top:5px; right:0; display:block; width:100px; height:40px; line-height:40px; font-size:14px; color:#fff; background:#c8906a; border-radius:20px; text-align:center;}
.p_i_title .p_i_vr_a .ico{ height:16px; vertical-align:middle; margin-right:5px;}

.p_i_d2_list{ padding:10px; background:#fff;}
.p_i_d2_list li{ padding-top:5px; padding-bottom:5px; padding-left:60px; min-height:30px; position:relative;}
.p_i_d2_list li .title{ position:absolute; left:0; top:5px; height:30px; font-size:14px; color:#c8906a; line-height:30px;}
.p_i_d2_list li .title .ico{ height:18px; vertical-align:middle; margin-right:5px;}

.p_i_d3_title{ font-size:16px; color:#333333; line-height:40px; font-weight:bold;}
.p_i_d3_title .ico{ height:20px; vertical-align:middle; margin-right:10px;}

.p_i_d3_more_list{padding:5px 0;}
.p_i_d3_more_list li{ font-size:14px; line-height:30px;}
.p_i_d3_more_list li a{ color:#333333;}
.p_i_d3_more_list li:nth-child(2) a{ color:#c8906a;}


.p_i_d4_list li{ box-sizing:border-box;}
.p_i_d4_list li .img{
  position: relative;
  padding: 50% 0;
  overflow:hidden;
}
.p_i_d4_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
   background:#fff;
}
.p_i_d4_list li .txt1{ font-size:14px; color:#333333; line-height:25px; text-align:center; margin-top:5px;}
.p_i_d4_list li .txt2{ font-size:14px; color:#999999; line-height:25px; text-align:center;}
.p_i_d4_pagination{ width:100%; text-align:center; padding-top:0px;}
.p_i_d4_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#cccccc; opacity:1; margin:0 5px;}
.p_i_d4_pagination .swiper-pagination-bullet-active{ background:#c8906a;}

