body{
	max-width: 640px;
	margin: 0 auto;
	background-color: #fff;
	visibility: hidden;
}
.header{
	padding:2% 3%;
	position: relative;
  box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);
	z-index: 2px
}

.header .a .logo{
	/*width:70%;*/
	height:40px;
	/*object-fit: contain;*/
	display: block;

}

.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header .hamburger
{
	display: block;
	width: 28px;
	height: 18px;
	padding: 11px;
	position: absolute;
	top: 50%;margin-top: -20px;
	right: 3%;
}
.header .hamburger:before,
.header .hamburger:after
{
	transition: all 0.5s;
	content: '';
	display: block;
	background: #da251c;
	height: 2px;
}
.header .hamburger span
{
	transition: all 0.5s;
	background: #da251c;
	display: block;
	height: 2px;
	margin: 6px 0;
}
.header .on:before {
  -webkit-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  -moz-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  -ms-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  -o-transform: translate3d(0, 10px, 0) rotateZ(-45deg);
  transform: translate3d(0, 10px, 0) rotateZ(-45deg);
}
.header .on span{ opacity: 0; filter: alpha(opacity=0); }
.header .on:after{
  -webkit-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  -moz-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  -ms-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  -o-transform: translate3d(0, -6px, 0) rotateZ(45deg);
  transform: translate3d(0, -6px, 0) rotateZ(45deg);
}

/*banner*/
.banner	.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; }
.banner	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:0; z-index:1;  width:100%; text-align:center;}
.banner	.slideBox .hd li{ display:inline-block; width:10px; height:10px;  background:none; text-indent:-9999px; overflow:hidden; margin:0 6px;border-radius: 50%;background: #999}
.banner	.slideBox .hd li.on{ 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;  }

.title{padding: 20px 0}
.title .h1{font-size:20px;text-align: center;line-height:45px}
.title .h1:after{content: "";width: 40px;height: 4px;background:#a40000;margin: 0 auto;display: block
}
.title .h2{color: #424242;text-align: center;line-height:35px;text-transform:uppercase}

.in_1 .p2{width: 280px;height: 50px;border-radius: 30px;color: #fff;background: #a61f22;margin: 0 auto;text-align: center;line-height: 50px;font-size: 20px;font-weight: bold;margin-top: 20px;}
.in_1 .video{width: 106%;margin-left: -3%;margin-top: 30px}

.in_2{padding-bottom: 30px}
.in_2 ul{margin-top: 10px;}
.in_2 ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 20px}
.in_2 ul li:nth-child(2n){margin-right: 0}
.in_2 ul li img{width: 100%;}
.in_2 ul li .h1{font-size: 16px;}
.in_2 ul li .h2{font-size: 14px;color: #bb884b}

.move{display: block;width:150px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #dddddd;border-radius: 20px;margin: 0 auto;margin-top: 10px}

.in_3{background:#f9f9f9;padding-bottom: 30px }
.in_3 .img{float: left;width: 40%;margin-right: 3%;height: 2rem}
.in_3 ul li{background: #fff;padding:5px 1%;margin-bottom: 20px}
.in_3 ul li .h1{font-size: 14px;color: #111}
.in_3 ul li .h2{height: 48px;overflow: hidden;color: #666;line-height: 24px;margin-top: 0.2rem}

.in_4{padding-bottom: 30px}
.in_4 ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 20px}
.in_4 ul li:nth-child(2n){margin-right: 0}
.in_4 ul li img{width: 100%;height:2rem;}
.in_4 ul li .h1{font-size: 14px}

.hr{height: 30px;background: #f8f8f8}
.foot{text-align: center;padding: 50px 0 30px;font-size: 16px}
.foot img{width: 40%;}
.copy{padding: 30px 0;font-size: 14px;text-align: center;background: #fff;line-height: 30px}

.product{background: #f8f8f8}
.product ul li{float: left;width: 48%;margin-right: 4%;position: relative;margin-bottom: 20px;border-radius: 5px;overflow: hidden}
.product ul li:nth-child(2n){margin-right: 0}
.product ul li img{width: 100%;height:2.8rem;display: block}
.product ul li p{background: rgba(0,0,0,0.70);color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;}

.select{margin-top: 20px;border: 1px solid #cdcdcd;width: 100%;height: 30px;background: #fff;}

.productlist{background: #f8f8f8;padding-bottom: 30px}
.productlist ul{margin-top:30px}
.productlist ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 20px}
.productlist ul li:nth-child(2n){margin-right: 0}
.productlist ul li img{width: 100%;height: 2.87rem}
.productlist ul li p{text-align: center}

.pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.pages a { text-decoration: none; color: #666; background: #ffffff;/*外框颜色*/  padding:9px 13px; margin-right: 8px }
.pages a.active { background: #a61f22; color: #fff }/*激活状态颜色*/
.pages a:hover {  background: #a61f22; color: #fff; text-decoration: none;  }/*鼠标经过颜色*/
.pages a.wz{  padding:9px 20px;}

.productinfo{background: #f8f8f8;padding-bottom: 30px}
.productinfo .img{width: 100%;}
.productinfo .title{text-align: center;font-size: 16px}
.productinfo_title{line-height: 50px;color: #fff;font-size: 16px;background: #a40000;padding-left: 3%}
.productinfo_txt{background: #fff;padding: 20px 3%;}

.about{background: #f8f8f8;padding-bottom: 30px}

.n_nav ul li{float: left;width: 25%;text-align: center;line-height: 50px;}
.n_nav ul .on a{color: #da251c}

.honor{background: #f8f8f8;padding-bottom: 30px}
.honor ul li{float:left;width: 42%;margin-right: 2%;padding: 3%;padding-bottom: 0;margin-bottom: 20px;background: #fff}
.honor ul li:nth-child(2n){margin-right: 0}
.honor ul li img{width:100%;padding-bottom: 10px;height: 2rem}
.honor ul li p{text-align: center;line-height:30px;border-top: 1px #999 dashed}

.new{background: #f8f8f8;padding-bottom: 30px}
.new ul li .h1{font-size: 16px;}
.new ul li .h2{color: #777777;height: 60px;overflow: hidden}
.new ul li .h3{color: #a6a6a6;margin-top: 10px}
.new ul li{border-bottom: 1px solid #e6e6e6;padding:16px 0}

.newinfo{background: #f8f8f8;padding: 20px;}
.newinfo .h1{text-align: center;font-size:18px;}
.newinfo .h2{text-align: center;line-height:40px;color: #999;border-bottom: 1px solid #eee}

.newinfo .content{padding: 20px 0; }
.newinfo .news_i_hr{ height:1px; background:#e9e9e9 1px scroll;}
.newinfo .news_i_more1{ font-size:14px; color:#616161; line-height:30px;margin-top: 14px}
.newinfo .news_i_more2{font-size:14px; color:#616161; line-height:30px;margin-bottom: 14px }
.newinfo .back{display: block;text-align: center; height: 50px;color: #fff;background: #a61f22;line-height: 50px;margin: 20px auto;}

.join{background: #f8f8f8;padding: 20px;}
.join .h1{font-size: 16px;margin-bottom: 20px}
.join .h2{font-size: 14px;color:#666666 }
.join .join_txt{padding-left: 30px;background:url(../images/join_txt_bg.png)no-repeat}

.message{background:#f8f8f8;padding: 30px 0 }
.mewssage_p{text-align: center}

.message_txt{ font-size:18px; color:#333333; line-height:30px; text-align:center;}
.ms_inp{ display:block; width:100%; height:50px; padding:10px 20px; border:#e6e6e6 1px solid; box-sizing:border-box;}
.ms_inp2{ display:block; width:100%; height:150px; padding:10px 20px; border:#e6e6e6 1px solid; box-sizing:border-box;}
.ms_bt1{ display:block; width:100%; height:50px; padding:10px 20px; background:#da251c; font-size:16px; color:#ffffff; cursor:pointer; border:#e6e6e6 1px solid; box-sizing:border-box;}
.lianxi{background:#f8f8f8;padding: 30px 0 }

.lianxi .left,.lianxi .right{width: 50%;float: left;text-align: center;margin-top: 30px;font-size: 16px}
.lianxi .left img,.lianxi .right img{width: 80%}