html,h1{ width:100%; padding:0; margin:0; display:block;}
body{   padding:0; margin:0; display:block;}
body,textarea,input,select,option{font-size:12px;color:#333;font-family:"微软雅黑", "Microsoft YaHei","Verdana","Arial","Helvetica",sans-serif;}

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,option,form{margin:0 auto;}
th,td,ul,ol,textarea,input,select,option{padding:0}
a{text-decoration:none;color:#333}
a,textarea,input{outline:none}
a:hover{text-decoration:none}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse}
li{list-style:none}
a img{border:none}
body{background-color:#fff}
.fl{float:left}
.fr{float:right}
.q:after { content: '\20'; clear: both; display: block; }
.q{zoom:1}
.clear{clear:both;height:0;overflow:hidden}
.clears:before,.clears:after{content:'';display:table}
.clears:after{clear:both}
.clears{zoom:1}
.img img{display:block}
label,label input{vertical-align:middle}
.btn{cursor:pointer;border:none}
.rel{position:relative}
.abs{position:absolute}
body{background-color:#fff; max-width: 768px;  min-width:320px; margin:0 auto; position:relative; }


#body_left{
width: 88.6%;
    height: 200px;
    position: fixed;
    top: 0;
    left: -88.6%;
    display: none;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.9);
}

#body_left_p1{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px solid #252525;


}
.cate_name{ float: left; height: 40px; line-height: 40px; font-size: 16px;
 padding-left: 20px;
 color: #fff;font-weight: bold;
 }
.cate_img{ width: 40px; height: 40px;  float: right; }
.cate_img img{ width: 100%; height: 100%; }

.cate_ul{position: relative; }
.cate_ul li{border-bottom: 1px solid #252525; }
.cate_ul li a.firsta,.cate_ul li span.firsta{ font-size: 14px; color: #fff; display: block; 

width: 38%;
height: 32px;
padding-left: 20px;
box-sizing: border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

.cate_ul li.showing a.firsta,.cate_ul li.showing span.firsta{  color: #c59d5e;}
.cate_ul li.showing{
	border-bottom: 1px solid #000;
}
.cate_ul li.showing .firsta{ 
	background: #000;
	
}

.cate_ul li .cate_sub_div{
	width: 62%;
	background: #000;
	position: absolute;
	left: 38%;
	top: 0;
	display: none;
}

.sub_a{ height: 32px; line-height: 32px; display: block; width: 80%; color: #fff;

padding-left: 10px;
box-sizing: border-box;
-ms-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
border-bottom: 1px solid #252525;
margin: 0 auto;
 }
.cate_ul li.showing .cate_sub_div{
	
	display: block;
}

#right_wrap{
	position:fixed; 
	bottom:20%;
	z-index:2998;
	display:none;
	padding-top:9%;
	width:9%;
	right:0;
	overflow:hidden;
}

#right_top{width:100%; height:100%; right:0; background:url(../images/right_top.png) center center no-repeat; 
	background-size:cover; bottom:0; position:absolute; border-radius: 50%;}


.header{ background: #fff; }
.header img{ width: 100%; }


.nav_wrap{ width: 100%; padding-top: 12.5%; position: relative; background: #c59d5e; }

.nav_wrap a{ width: 21.875%; height: 100%; position: absolute; top: 0; font-size: 14px; 

	color: #fff;


	text-align:center;
	display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;

 }

.nav_wrap a.home{ left: 0; }
.nav_wrap a.brand{ left: 21.875%; }
.nav_wrap a.joinus{ left: 43.75%; }
.nav_wrap a.anli{ left: 65.625%; }


.nav_wrap span{ width: 12.5%; height: 100%; position: absolute; top: 0; right:0; }
.nav_wrap span img{ width: 100%; height: 100%; }

.footer_wrapper{ width:100%; padding-top:18.75%; position:relative;}
.footer{ height:100%; width:100%;display: box;  position:absolute; left:0; top:0; font-size:12px; line-height:20px; background:#1a1a1a; text-align:center;
display: -webkit-box; 
display: -moz-box; 

-webkit-text-fill-color:#ffffff;
-webkit-box-pack:center; 
-moz-box-pack:center; 
-webkit-box-align:center; 
-moz-box-align:center; 
}


.footer_wrap_gap{

	padding-top: 15.625%; position: relative; width: 100%; 
	
}

.footer_wrap{ padding-top: 19.53125%; position: relative; width: 100%; 

position: fixed;
bottom: 0;
z-index: 100;
 }
.footer_wrap a ,.footer_wrap span{ position: absolute; bottom: 0; width: 20%; height: 100%; }
.footer_wrap a img,.footer_wrap span img{ width: 100%; height: 100%; }
.footer_wrap span.navigator{ left: 0;  }
.footer_wrap a.chat{ left: 20%;  }
.footer_wrap a.shangwu{ left: 40%;  }
.footer_wrap a.mobile{ left: 60%;  }
.footer_wrap a.homepage{ left: 80%;  }
.ty { display: inline-block; padding: 1%; position: absolute;  
	width:14px;height:14px;line-height:14px;  left: 50%; 
	 margin-left: 7%;  top: 10%;  z-index: 3; background: #ff0000; border-radius: 50%;  }
.ty i{ font-style: normal}
.ty1{top:0; animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;color:#fff;font-size:.8em}
@media only screen and (min-width: 500px){	.ty { width:1em;height:1em;line-height:1em; }}


@-webkit-keyframes bounce {0%, 100%, 20%, 53%, 
	80% {
	-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
	transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}40%, 
	43% {
		-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform:translate3d(0, -30px, 0);
		transform:translate3d(0, -30px, 0)
	}
		70% 
		{-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
			transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
			-webkit-transform:translate3d(0, -15px, 0);
			transform:translate3d(0, -15px, 0)
		}
		90% 
		{
			-webkit-transform:translate3d(0, -4px, 0);
			transform:translate3d(0, -4px, 0)
		}
}
@keyframes bounce {0%, 100%, 20%, 53%, 80% 
	{
		-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0)
	}40%, 
	43% 
	{
		-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform:translate3d(0, -30px, 0);
		-ms-transform:translate3d(0, -30px, 0);
		transform:translate3d(0, -30px, 0)
	}
	70% 
	{
		-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform:translate3d(0, -15px, 0);
		-ms-transform:translate3d(0, -15px, 0);
		transform:translate3d(0, -15px, 0)
	}
	90% 
	{
		-webkit-transform:translate3d(0, -4px, 0);
		-ms-transform:translate3d(0, -4px, 0);
		transform:translate3d(0, -4px, 0)
	}
}



/*fazhanlicheng*/	

.licheng_wrap{ padding-top: 10.9375%; width: 100%; position: relative;  background: #000;}

#left_btn{ width:10%; height: 100%; position: absolute; top: 0; left: 0; }
#right_btn{ width:10%; height: 100%; position: absolute; top: 0; right: 0; }

#left_btn img{ width: 100%; height: 100%;  }
#right_btn img{ width: 100%; height: 100%;  }

.licheng_wrap span{
	top: 15%;
	position: absolute;
	height:70%;
	display: box; 
	display: -webkit-box; 
	display: -moz-box; 
	-webkit-box-align:center; 
	-moz-box-align:center;
	-webkit-box-pack:center; 
	-moz-box-pack:center;

	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	font-size: 12px; 
	color: #fff;
	width: 16%;
	

}

.licheng_wrap span:nth-child(2){ left: 10%; }
.licheng_wrap span:nth-child(3){ left: 26%; }
.licheng_wrap span:nth-child(4){ left: 42%; }
.licheng_wrap span:nth-child(5){ left: 58%; }
.licheng_wrap span:nth-child(6){ left: 74%; }

.licheng_wrap span.active_span2{ 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-ms-border-radius: 3px; 
	-moz-border-radius: 3px; 

	background: #c59d5e; }


.pic_wrap img{ display: block; width: 100%; }	


.licheng_line_wrap{

	background: url("../images2/licheng/line.jpg"); background-size:100%; 
	padding-bottom: 2%;
}
.licheng_line{ 


line-height: 18px;
font-size: 14px; color:#282828;
width: 87%;
border:1px solid #e71137;
border-left: none;
border-top-right-radius:4px;
border-bottom-right-radius:4px;

margin: 0 auto;
padding-left: 3%;

padding-top: 2%;
padding-bottom: 2%;

 }


 .add_more img{ width: 100%; }


 .line_gap4{ padding-top: 5%; }