.menu ul li a.default {
	background: url(../images/menu-bg-cur.png) no-repeat right top;
	color:#fff;
}
	








/*slide-banner*/
.slide-banner{
	width:100%; height: 705px; 
	position: relative; background: #fff;
}
/*banner*/
/*--------banner-bg*/
.banner-bg{
	display: block; 
	position: absolute;	left: 0; top: 0; z-index: 1;
	width: 100%; height: 705px;
}
/*--------banner-content*/
.banner-content{
	width:1524px; 
	height: 705px; 
	position: absolute; 
	z-index: 2;
	left: 50%; 
	margin-left: -762px; 
	top:0;}

/*--------翻页的圆点*/
.rslides4_tabs{
	position: absolute; 
	left:0; 
	bottom: 50px; 
	z-index: 7;
	width: 100%;
	text-align:center;
}
.rslides4_tabs li{
	display: inline-block;
	width: 12px; 
	height: 12px;
	border-radius: 100px; 
	margin-right: 8px;
	background: #fff; 
	cursor: pointer;
}
.rslides4_tabs li.rslides_here{
	background: #009944;
}
.rslides4_tabs li a{
	text-indent: -999em;
	display: block;
}













#wrap_main{
	height: 800px;
    width: 100%;
    position: relative;
    margin-top: -220px;
    overflow: hidden;
    z-index: 2;
    background: url(../images/pro_home_bg.png) no-repeat center bottom;
}
#pro_module .pro_block{
	width: 1100px;
	margin: 0 auto;
	position: relative;
	top: 0;
	z-index: 1;
}
#pro_module .nav{
	position: absolute;
	top: -110px;
	right: 170px;
	z-index: 9;
}
#pro_module .nav .nav_btn{
	width: 170px;
	color: #009944;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: url(../images/nav_btn_bg.png) no-repeat 5px center;
	background-size: 6px;
	padding-left: 20px;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */</p> <p> /* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none; 
}
#pro_module .nav .nav_btn span{
	display: none;
}
#pro_module .nav .nav_btn.cur{
	font-size: 24px;
	background-position: 0 center;
	background-size: 11px;
}
#pro_module .nav .nav_btn.cur span{
	display: block;
	font-size: 12px;
}
#pro_module .nav .top{
	position: absolute;
	top: 0;
}
#pro_module .nav .cur{
	position: absolute;
	top: 50px;
}
#pro_module .nav .bottom{
	position: absolute;
	top: 120px;
}
#pro_module .pro_con{
	width: 100%;
	height: 550px;
	display: none;
	margin-top: 250px;
}
#pro_module .pro_con.cur{
	display: block;
}
#pro_module .pro_1_con{
	background: url(../images/pro_2_con_bg.png) no-repeat center bottom;
}
#pro_module .pro_2_con{
	background: url(../images/pro_2_con_bg.png) no-repeat center bottom;
}
#pro_module .pro_3_con{
	background: url(../images/pro_2_con_bg.png) no-repeat center bottom;
}
#pro_module .pro_con .pro_list{
	position: absolute;
	top: 130px;
	left: 720px;
}

#pro_module .rslides{
	height: 350px;
	overflow: hidden;
}
#pro_module .rslides li{
	line-height: 0;
	top: 0;
}

#pro_module .rslides_tabs{
	text-align: center;
	position: relative;
	z-index: 9;
}
#pro_module .rslides_tabs li{
	display: inline-block;
}
#pro_module .rslides_tabs li a{
	display: block;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	text-indent: -999em;
	overflow: hidden;
	background: #ccc;
	margin:0 4px;
}
#pro_module .rslides_tabs li.rslides_here a{
	background: #666;
}












/*about*/
#about{
	width: 100%;
	overflow: hidden;
	height: 648px;
	background: url(../images/about.png) no-repeat top center;
}
/*title*/
	.title{
		width: 100%;
		overflow: hidden;
		margin: 105px auto 15px;
	}
	.title h1{
		text-align: center; 
		font-family: fzzhjw; color: #000; 
		font-size: 34px; line-height: 50px; font-weight: bold;
		background: url(../images/title-h1-bg.png) no-repeat bottom center;
	}
	.title p{
		text-align: center; color: #7e7e7d; 
		font-size: 18px; line-height: 50px; letter-spacing: 5px;
	}
/*index*/
	.index{
		width: 100%;
		overflow: hidden;
		margin: 35px auto 0;
	}
	.index ul{}
	.index ul li{
		width: 25%; overflow: hidden;
		overflow: hidden; float: left;
	}
	.index ul li a{
		display: block;
		width: 92%;
		overflow: hidden;
		position: relative;
		border: 1px solid #e5e5e5;
		border-radius: 15px;
	}
	.index ul li a img{
		display: block;
		width: 100%;
	}
	.index ul li a span{
		position: absolute;
		left: 0; bottom: 0; z-index: 1;
		display: block;
		width: 100%; height: 50px; text-align: center;
		background: url(../images/about-p-bg.png) repeat;
	}
	.index ul li a span i{
		position: absolute;
		left: 0; bottom: 12px; z-index: 2;
		width: 100%; height: 60px;
		font-style: normal; text-align: center;
		color: #fff; font-size: 17px; line-height: 92px;
	}
	.index ul li a span p{
		filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
		position: absolute;
		left: 0; bottom: 145px; z-index: 3;
		width: 100%; height: 50px;
		font-style: normal; text-align: center;
		color: #fff; font-size: 17px; line-height: 25px;
	}
	.index ul li a:hover span{
		 height: 100%;
	}
	.index ul li a:hover span i{
		color: #009944;
		background: url(../images/about-span-i.png) no-repeat center  15px;
	}
	.index ul li a:hover span p{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}










#foot-box{
	margin: -39px auto 0;
}
@media only screen and (min-width: 640px) {
	#banner,
	.p-list,
	.p-block{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.banner-content,
	#wrap_main,
	.line,
	#about{
		display: none;
	}
	
	.slide-banner {
	    height: auto;
	}	
	
	
	/*手机端banner*/
	#banner{
		width: 100%;margin-top: 50px;}
	.box_swipe {
		overflow: hidden; position: relative;}
	.box_swipe ul {
		overflow: hidden; position: relative;}
	.box_swipe ul > li {		
		float:left; width:100%; position: relative;}
	.box_swipe ul > li a{
		color:#FFF;	text-decoration:none;}
	.box_swipe ul > li a img{
		display: block;
	}
	.box_swipe ul > li .title{
		position: absolute;	bottom: 6px; display: block;
		width: 70%;	height:20px; padding:0 10px; text-overflow: ellipsis;
		white-space: nowrap; overflow: hidden; color:#FFF; z-index:3;}
	.box_swipe>ol{
		height:20px; position: relative;
		z-index:10; margin-top:-20px; text-align:right;
		padding-right:15px;}
	.box_swipe>ol>li{
		display:inline-block;
		margin-bottom:3px; border-radius: 8px;
		width:8px; height:8px; background-color:#fff;}
	.box_swipe>ol>li.on{
		background-color:#009944;}
		
		
	/*手机端产品列表*/
	.p-list{
		width: 100%;
		overflow: hidden;
		margin: 40px auto 0;
	}
	/*ul li*/
	.p-list ul{
		display: block;
		width: 100%;
		overflow: hidden;
		margin-bottom: 15px;
	}
	.p-list ul li{
		width: 33.3%;
		overflow: hidden;
		float: left;
	}
	.p-list ul li a{
		display: block;
		width: 90%;
		height: 30px;
		margin: 0 auto;		
		line-height: 30px;
		border-radius: 5px;
		color: #fff;
		font-size: 16px;
		text-align: center;
	}
	.p-list ul li a.cur-yl{
		background: #00a0e9;
	}
	.p-list ul li a.cur-dg{
		background: #009944;
	}
	.p-list ul li a.cur-zd{
		background: #f0c758;
	}
	
	.p-picture{
		width: 100%;
		overflow: hidden;
	}
	.p-picture img{
		display: block;
		width: 100%;
	}
	.p-picture img.b{
		margin-top: -5px;
		position: relative;
		z-index: -1;
	}
	
	
	
	/*手机端四大板块*/
	.p-block{
		width: 96%;
    	padding: 0 2%;
		overflow: hidden;
		margin: -8px auto 0;
		background: url(../images/block-top.png) no-repeat center top;
		background-size: 100%;
	}
	/*ul li*/
	.p-block ul{
		display: block;
		width: 100%;
		overflow: hidden;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.p-block ul li{
		width: 50%;
		overflow: hidden;
		float: left;
		margin-top: 15px;
	}
	.p-block ul li a{
		display: block;
		width: 92%;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		border: 1px solid #e5e5e5;
		border-radius: 15px;
	}
	.p-block ul li a img{
		display: block;
		width: 100%;
	}
	.p-block ul li a span{
		position: absolute;
		left: 0; bottom: 0; z-index: 1;
		display: block;
		color: #fff; line-height: 30px;
		font-size: 14px;
		width: 100%; height: 30px; text-align: center;
		background: url(../images/about-p-bg.png) repeat;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
}