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

}
/*
.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:#000; /*background:rgba(255,255,255,0.5);*/}
.banner	.slideBox .hd li.on{ /*background:rgba(255,255,255,1);*/ background:#fff;  }
.banner	.slideBox .bd{ position:relative; z-index:0; }
.banner	.slideBox .bd li{ position:relative; text-align:center;  }
.banner	.slideBox .bd li img{ /*background:url(images/loading.gif) center center no-repeat;*/  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;  }


.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;}
.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-color:transparent; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px; color: #fff; margin-bottom:10px; border:#cccccc 1px solid;}
.pages a.active { background: #e8251f; border:#e8251f 1px solid; color: #fff }
.pages a:hover {  background: #e8251f; border:#e8251f 1px solid; color: #fff; text-decoration: none;  }
.pages a.wz{ display: inline-block; width: 80px; line-height: 30px; line-height: 30px; font-family: "宋体"; font-weight: bold;}

.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: #265353; 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: #265353 }
.download_bg .pages a:hover {  background: #fff; border:#fff 1px solid; color: #265353; 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: 30px;
    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;
    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);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }


/*首页*/
.i_title1 .title1{ font-size:16px; color:#ffffff; font-weight:bold; line-height:35px; text-align:center;}
.i_title1 .title2{ font-size:14px; color:#ffffff; line-height:30px; text-align:center;}

.i_d1_list{}
.i_d1_list li{ margin-bottom:20px;}
.i_d1_list li .img img{ display:block; width:100%; height:4.5rem; object-fit: cover;}
.i_d1_list li .txt{ background:#fff; padding:8px 0;}
.i_d1_list li .txt .txt1{ font-size:14px; color:#131313; line-height:20px; text-align:center;}
.i_d1_list li .txt .txt2{ font-size:12px; color:#999999; line-height:20px; text-align:center;}

.i_d2_list li{ float:left; width:48%; background: #ffffff; margin-left:4%; margin-bottom:20px;}
.i_d2_list li:nth-child(2n+1){ margin-left:0;}
.i_d2_list li .img{}
.i_d2_list li .img img{ display:block; width: 100%; height: 2.2rem; object-fit: cover;}
.i_d2_list li .txt{ padding:2px 10px; height: 30px; line-height: 30px; font-size: 14px; color: #333333;}

.i_more{ text-align:right; font-size:14px; color:#dd4040; line-height:30px;}
.i_more a{ color:#dd4040;}

.i_d3{ background:url("../images/i_d3_bg.jpg") top center no-repeat; background-size:cover;}
.i_d3_title{ height:30px; line-height:30px; padding:30px 15px 10px 15px; font-size:16px; color:#ffffff;}
.i_d3_title img{ position:relative; top:2px; height:18px; margin-right:10px;}
.i_d3_c{ padding:0 15px;}

.net-select{ width: 100%; height: 40px; position: relative; float: left; font-size: 14px; line-height: 40px; background: url(../images/i_d3_sel_ico.png) right 10px center no-repeat; border:#fff 1px solid; margin-bottom:15px; box-sizing:border-box;}
.net-select select{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); border: none;}
.net-select .select-item2 { padding-left: 15px; color:#fff;}
.i_d3_bt{ width:100%; height:40px; border:0; background:#bb1d1d; font-size:14px; color:#fff; cursor:pointer;}

.footer{ background:#131313; padding-top:20px; /*border-top: #fff 1px solid;*/}
.footer_lx{ padding-bottom:20px;}
.footer_lx li{ font-size:14px; color:#fff; height:30px; line-height:30px; text-align:center;}
.footer_lx li img{ position:relative; top:1px; margin-right:10px;}

.footer_txt{ border-top:#262626 1px solid; padding:10px 0 20px 0;}
.footer_logo{ text-align:center; padding-bottom:10px;}
.footer_logo img{ max-width:60%; width:200px;}
.footer_txt1{ font-size:12px; color:#666666; line-height:30px; text-align:center;}
.footer_txt1 a{ color:#666666;}
.footer_txt1 a:hover{ color:#fff;}
.footer_txt2{ font-size:12px; color:#666666; line-height:30px; text-align:center;}
.footer_txt2 a{ color:#666666;}
.footer_txt2 a:hover{ color:#fff;}

/*关于我们*/
.n_banner{ position:relative;}
.n_banner img{ display:block; width:100%;}
.n_banner .n_banner_txt{ position:absolute; left:0;  bottom:10px; width:94%; font-size:14px; color:#fff; line-height:30px; padding:0 3%;}
.n_banner .n_banner_txt .title{ padding-bottom:5px; font-size:16px; font-weight:bold;}

.n_title1 .title{ font-size:18px; color:#ffffff; font-weight:bold; line-height:35px; text-align:center;}
.n_title1 .title_en{ font-size:14px; color:#ffffff; line-height:30px; text-align:center; text-transform:uppercase;}
.ab_d1_txt{}
.ab_d1_txt .txt{ margin-top:10px; margin-bottom:20px; font-size:14px; color:#ffffff; line-height:30px; text-align:center;}
.ab_d1_img{ width:100%; display:block;}

.ab_d2{  background:url("../images/ab_d2_bg.jpg") center no-repeat; background-size:cover; padding:40px 15px;}
.ab_d2_txt{ font-size:14px; color:#ffffff; line-height:30px; text-align:center;}
.ab_d2_list{ margin-top:20px;}
.ab_d2_list li{ float:left; width:33.33%;}
.ab_d2_list li .txt1{ font-size:14px; color:#ffffff; line-height:40px; text-align:center;}
.ab_d2_list li .txt1 span{ font-size:24px; color:#ffffff; font-weight:bold; margin-right:5px;}
.ab_d2_list li .txt2{ font-size:14px; color:#cccccc; line-height:25px; text-align:center;}


.ab_d3{ background:url("../images/ab_d3_bg.jpg") top center no-repeat; background-size:cover;}
.ab_d3_c{ position:relative; border-left:#fff 1px solid; margin-left:10px;}
.ab_d3_c:after{content: ""; width:26px; height: 12px; position: absolute; top: -12px; left:-13px; background:url("../images/ab_d3_ico.png") top center no-repeat;}
.ab_d3_list{ position:relative;}
.ab_d3_list li{ padding-left:20px; margin-top:20px; position:relative;}
.ab_d3_list li .ico{ position:absolute; left:-6px; top:14px; width:11px; height:11px; background:#999999; border-radius:50%;}
.ab_d3_list li .title{ font-size:18px; color:#ffffff; font-weight:bold; line-height:40px; height:40px;}
.ab_d3_list li .txt{ font-size:14px; color:#ffffff; line-height:30px;}

.ab_d4{  background:url("../images/ab_d4_bg.jpg") top center no-repeat; background-size:cover;}
.ab_d4_txt{ font-size:14px; color:#ffffff; line-height:30px; text-align:center;}

.ab_d5_list li{ background:#fff;}
.ab_d5_list li .txt{ padding:20px 10px;}
.ab_d5_list li .txt .txt1{ font-size:16px; color:#333333; font-weight:bold; line-height:30px; text-align:center;}
.ab_d5_list li .txt .txt2{ margin-top:10px; font-size:14px; color:#666666; line-height:30px; text-align:center;}
.ab_d5_list li .fd{}
.ab_d5_list li .fd img{ display:block; width:100%; height:4.5rem; object-fit: cover;}

.ab_d6_txt{}
.ab_d6_txt .txt{ font-size:14px; color:#fff; line-height:30px; margin-bottom:20px;}
.ab_d6_img{}
.ab_d6_img img{ display:block; width:100%;}

/*品牌合作*/
.cooperation_list li{ float:left; width:48%; margin-left:4%; height:1.5rem; line-height:1.5rem; text-align:center; margin-bottom:20px;}
.cooperation_list li img{max-width:100%; max-height:1.5rem; vertical-align:middle;}
.cooperation_list li:nth-child(2n+1){ margin-left:0;}

/*体验中心*/
.tyzx_list li{ border:#fff 1px solid; padding:10px 20px; margin-top:15px; cursor:pointer;}
.tyzx_list li:nth-child(1){ margin-top:0;}
.tyzx_list li .txt1{ font-size:18px; color:#ffffff; font-weight:bold; line-height:40px;}
.tyzx_list li .txt2{ font-size:14px; color:#ffffff; line-height:30px;}
.tyzx_list li .txt3{ font-size:14px; color:#ffffff; line-height:30px;}

/*联系我们*/
.lianxi_list li{ float:left; width:50%; position:relative;}
.lianxi_list li .ico{ width:50px; height:50px; line-height:50px; text-align:center; border:#fff 1px solid; border-radius:50%; margin:0 auto;}
.lianxi_list li .ico img{ vertical-align:middle; height:16px;}
.lianxi_list li .txt{ font-size:14px; color:#fff; line-height:30px; height:90px; text-align:center; margin-top:10px; padding:0 10px;}
.lianxi_list li:after{content: ""; width:1px; height: 48px; background: #999999; position: absolute; left: 0; top:28px;}
.lianxi_list li:nth-child(2n+1):after{ width:0px;}

.qwewm{ text-align:center;}
.qwewm .txt{ font-size:16px; color:#fff; line-height:30px; text-align:center;}

.message_box{}
.message_box .title{ font-size:18px; color:#ffffff; font-weight:bold; line-height:40px; text-align:center;}
.message_box .ms_inp{ display:block; width:100%; height:44px; border:#fff 1px solid; padding:0 15px; background:#131313; font-size:14px; color:#fff; box-sizing:border-box; margin-top:20px; outline:none;}
.message_box .ms_textarea{ display:block; width:100%; height:154px; border:#fff 1px solid; padding:10px 15px; background:#131313; font-size:14px; color:#fff; box-sizing:border-box; margin-top:20px; font-family:"微软雅黑"; outline:none;}
.message_box .ms_bt{ display:block; width:100%; height:44px; border:0; background:#e8251f; font-size:18px; color:#fff; margin:30px auto 0 auto; cursor:pointer;}

/*产品列表页*/
.n_weizhi{ height:30px; line-height:30px; font-size:14px; color:#fff;}
.n_weizhi a{ color:#fff;}
.n_weizhi img{ position:relative; top:2px; height:16px; margin-right:5px;}

.p_nav a{ display:block; float:left; width:23%; height:36px; line-height:36px; text-align:center; border:#999999 1px solid; font-size:14px; color:#fff; margin:5px 1%; box-sizing:border-box;}
.p_nav a.on,
.p_nav a:hover{ border:#e8251f 1px solid; background:#e8251f;}

.p_list li{ background:#fff; margin-top:20px;}
.p_list li .fd{}
.p_list li .fd img{ display:block; width:100%; height:4.5rem; object-fit: cover;}
.p_list li .txt{ height:40px; line-height:40px; padding:0 10px; font-size:16px; color:#333333; text-align:center;}

/*客户案例*/
.case_title{ font-size:18px; color:#ffffff; line-height:40px; text-align:center;}
.case_txt{ font-size:14px; color:#ffffff; line-height:30px; text-align:center;}

.c_list li{ float:left; width:48%; background:#fff; margin-top:20px; margin-left:4%;}
.c_list li:nth-child(2n+1){  margin-left:0px;}
.c_list li .fd{}
.c_list li .fd img{ display:block; width:100%; height:2.4rem; object-fit: cover;}
.c_list li .txt{ height:30px; line-height:30px; padding:2px 10px; font-size:14px; color:#333333;}

/*案例详情页*/
.case_i_img{ display:block; width:100%;}
.case_i_txt{}
.case_i_txt .title{ font-size:18px; color:#fff; font-weight:bold; line-height:40px; padding-top:20px;}
.case_i_list{ margin-top:10px;}
.case_i_list li{ margin-bottom:10px; line-height:30px; min-height:30px; font-size:14px; color:#fff; padding-left:50px; position:relative;}
.case_i_list li .case_i_list_bt{ position:absolute; left:0; top:0; color:#999999;}

.case_i_title2{ font-size:18px; color:#ffffff; line-height:50px; border-bottom:#fff 1px solid; margin-bottom:20px;}
.case_i_title2 span{ font-size:12px; color:#ffffff; margin-left:10px;}