body{
	max-width: 1024px;
	margin: 0 auto;}
.title h2{
	text-align: center;
	font-size: 1.4em;
}
.f_t a{color:#FFFFFF;}
.title h2 span{
	display: block;
	font-size: 0.5em;
	color: #C7254E;
	padding: 5px 0;
	font-weight: 100;
}
.title  h1{
	text-align:center;
}
.title h2 p{
	text-align:center;
}
.mr10{display:none;}
/*导航*/
.clearfix:before,.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.header {
    width: 100%;
    max-width:640px;
    margin:0 auto;
    height: 8rem;
    background:#fff;
    position:fixed;
    top: 0;
    z-index:9999;
}
.header h3{
  width:10%;
  color: #000;
  height:6rem;
  line-height:6rem;
  font-size: 4rem;
  cursor: pointer;
}
.header span{
    width:80%;
    line-height:6rem;
    margin-top: 10px;
    display:block;
	float:left;
}
.header span img {
    display:inline-block;
	padding-left:3%;
    width: 15em;
}
#nav {
    width:100%;
    background-color:#f0f0f0;
    position:absolute;
    top:8rem;
    z-index:9999;   
}
/* #nav li { */
    /* border-bottom:1px solid #fff; */
/* } */
#nav li a {
    line-height:2.5rem;
    color:#fff;
    font-size:1rem;
    display:block;
  padding:0 2%;
}
#nav a:hover {
    color:#fff;
    background-color:#B752BA;
}
#nav a.active{
    color:#000;
    background-color:#f0f0f0;
}
.pa10{
	padding: 10px;
}
.top20{
	margin-top: 20px;
}
.bot15{
	margin-bottom: 30px;
}
.suo{
	text-indent:30px;
}
header{
		position: relative;
		
}
.icon-list-ul{
	font-size: 2em;
	background: #7d7575;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 8px;
	margin-top: 20px;
	margin-right: 15px;
}
.nav{
	position:fixed;
	display:block;
}
nav{
	width: 100%;
}
nav li{
	background: #000;
	border: 1px solid #fff;
}
nav li a{
		color: #fff;
}
nav li:last-child{
	border-bottom: none;
}
nav ul{
	display: none;
	position: absolute;
	left: 0;
	z-index: 30;
	width: 100%;
}

/*banner*/
.banner{
	margin-top:8rem;
}
.box_swipe{
    overflow:hidden;
    position:relative;
}
.box_swipe ul{
    -webkit-padding-start: 0px;
}
.box_swipe>ol{
    height:20px;
    position: relative;
    z-index:10;
    margin-top:-25px;
    text-align:right;
    padding-right:15px;
    background-color:rgba(0,0,0,0.3);
}
.box_swipe>ol>li{
    display:inline-block;
    margin:5px 0;
    width:8px;
    height:8px;
    background-color:#757575;
    border-radius: 8px;
}
.box_swipe>ol>li.on{
    background-color:#ffffff;
}
/*关于我们*/
.nei{
	font-size:0.8em;
	color: #2A333C;
	line-height: 25px;
}
.more{
	border:1px solid #212121;
	display: block;
	text-align: center;
	padding: 8px 0;
	margin: 10px 0;
}
.ab{
	position: relative;
}
.ab img{
	max-height: 200px;
	width: 100%;
}
.ab p{
	position: absolute;
	top:40px;
	right: 5%;
	color: #fff;
	background: #b92825;
	width: 40%;
	padding: 8px;
}
/*产品中心*/
.tab li{
	float:left;
}
.top20 li{
	/*width: 25%;*/
	margin-bottom: 15px;
}
.topss li{
	width: 25%;
	margin-bottom: 15px;
}
.pin li{
	width: 49%;
	margin-bottom: 15px;
	float:left;
}

.pro img{
	width: 100%;
	height:150px;
}
.pro li a span{
	text-align: center;
	display: block;
	font-size: 0.8em;
}
/*优势*/
.advan ul{
		background: #4e4c4c;
}
.advan li{
	width: 49%;
	text-align: center;
	color: #fff;
	padding: 10px 5px;
}
.advan p{
	font-size: 0.8em;
}
/*新闻动态*/
.new>ul li{
	border-bottom: 1px dashed #c6c6c6;
	padding: 10px 0;
}
.new span{
	display: block;
	font-size: 0.8em;
}
.new>ul li a{
	font-size: 0.9em;
}
/*页尾*/
.footer{
	background: #000000;
	color: #fff;
	padding-top:8px;
	text-align: center;
	margin-bottom: 4rem;
}

.footer h3{
	margin-bottom: 15px;
}
.footer h3 span{
	display: block;
	font-weight: 100;
	font-size: 0.7em;
}
.f_t p{
	font-size: 0.7em;
	line-height: 25px;
}
.f_t p span{
	margin-right: 10px;
}
.f_b p{
	font-size: 0.7em;
	margin-bottom: 2rem;
	
}
/*返回顶部*/
.back-top{
	right: 10px;
    bottom: 10px;
    z-index: 40;
    display: none;
    text-align: right;
    background: #646464;
}
.back-top a{
	color:#fff;
	padding-right:10px;
	text-decoration:none;
}
/*关于我们单页*/
/* .ab-dan{ */
	/* margin-bottom: 50px; */
/* } */
.ab-dan p{
	line-height: 20px;
	padding-bottom: 10px;
}
.ab-dan img{
	width: 100%;
	margin: 5px auto;
	display: block;
}
/*产品单页*/
.p-dan img{
	width: 100%;
	height:150px;
}
.p-dan .p_c li{
	width: 49%;
	padding: 0 8px;
	margin-bottom: 15px;
	text-align: center;
}
.p-dan li span{
	display: block;
	padding: 5px 0;
}
/*分页*/
.page{
	text-align: center;
}
.page a{
	margin: 0 2px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	font-size: 14px;
}
.page a.active{
	background:#F90000 ;
	color: #fff;
}
.copy{
	text-align: center;
    height: 40px;
    line-height: 40px;
}
/*新闻单页*/
.tab{
	text-align: center;
	margin-bottom: 15px;
}
.tab a{
	display: inline-block;
	padding: 5px 6px ;
	background: hsla(0, 85%, 61%, 0.69);
	border-radius: 5px;
	color: #fff;
	margin-right: 2px;
	padding:10px;
}
.tab .active{
	background: rgb(249, 0, 0);
}
.lists{
	display: none;
}
.lists.show{
	display: block;
}
/*联系我们单页*/
.lx h3{
	text-align: center;
}
.lx-d{
	width: 100%;
}
.lx p{
	text-align: center;
	line-height: 30px;
}
.lx span{
	margin-right: 10px;
}
@media screen and (min-width: 768px) and (max-width:1020px) {
	.abo div{
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	.te-tu{
		height: 300px;
	}
	.te-tu{
		height: 300px;
	}
	.new li span{
		display: inline-block;
		float: right;
	}
	.more{
		width: 50%;
		margin: 20px auto;
	}
}
@media screen and (max-width:460px ) {
	.te-tu{
		width: 100%;
	}
	article{
		width: 100%;
	}
}
/*footer*/
#footer{
    background: #7f7f7f;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    position: fixed;
    bottom:0;
    left: 0;
    z-index: 999;
    right: 0;
    max-width: 640px;
    margin: 0  auto;
}
#footer li a{
    color: #fff;
    font-size:1rem;
}
#footer li a i{
    display: block;
    font-size: 2rem;
    line-height: 2rem; 
}
/*header*/
#header{
    height: 8rem;
    background: #fff;
    line-height: 4rem;
    max-width: 640px;
}
#header .brand{
    font-size: 20px;
    color:#7E9962;
    line-height: 4rem;
    margin: 0 auto;
    height: 4rem;
}

#header .brand img{
    line-height: 3rem;
    display: inline;    
    height: 3rem;
}

#header i{
    font-size: 18px;
    cursor: pointer;
    height: 3.5rem;
    line-height: 3.5rem;
    margin: 0.2rem auto;
    background-color: #969696;
    color: #fff;
    text-align: center;
}
#nav{
    width: 100%;
    display: none;
    background: #fff;
    position: absolute;
    top: 8rem;
    left: 0;
    z-index: 999;
}

#nav  li a.active{
    background-color: #7f7f7f;
    color: #fff;
}

#nav li a{
    display: block;
    font-size: 14px;
    line-height: 1.4;
    padding: 10px 15px;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
}

#nav li a:hover{
    background-color: #7f7f7f;
    color: #fff;
}

#main_banner{
    margin-top:3.5rem;
}
.tag {
    padding: 3%;
    background-color: #f3f3f3;
}
.tag .bq {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #999;
}

.clearfix {
    clear: both;
}
.bottom a {
    display: block;
    width: 100%;
    font-size: 1.5rem;
    line-height: 2rem;
    text-decoration: none;
    color: #999;
}
.socialShare {
    display: block;
    width: 54px;
    height: 54px;
    position: relative;
    z-index: 1;
}
.socialShare .msb_main {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
    text-indent: -9999px;
    border: 4px solid #FFF;
    box-shadow: 0 0 5px #DDD;
    border-radius: 36px;
}
.pt10{
	padding-top:10px;
}
.clearfix a{
	
}