@charset "utf-8";
/*当前页面菜单锁定*/
.pc-menu .index ul li.current{
	background: #f3782c url(../images/head_current.png) no-repeat center bottom;				
}
	.pc-menu .index ul li.current a{
		color: #000;
	}		
			
			
/*banner-pc*/
.banner-pc{
	width: 100%;
	overflow: hidden;
}       
	.banner-pc .index{
		width: 100%;
		overflow: hidden;
	}
		.Switch {
			width:100%; 
			overflow: hidden;
			position: relative;
		}
			/*.Switch ul.Switch-index{
				position: relative; 
				width: 1182px; 
				height: 395px; 
				left: 50%;
				margin-left: -591px; 
			}*/
			.Switch ul.Switch-index li a{
				display: block;
				width: 100%;
				overflow: hidden;
				position: relative;
			}
				.Switch ul.Switch-index li a img{
					display: block;
					width: 100%;
				}
				.Switch ul.Switch-index li .textBox{
					width: 1180px;
					overflow: hidden; 
					position: absolute;
					left: 50%; top: 200px; z-index: 1;
					margin-left: -590px;
				}
					.boxCon{
						width: 570px;
						overflow: hidden;
						padding: 40px 20px;
						/*background: url(../images/bannner-textBox.png);*/
					}
					.Switch ul.Switch-index li .textBox h1{
						display: inline-block;						
						color: #fff;
						font-size: 50px;
						line-height: 50px;	
						margin-bottom: 20px;					
					}
					.Switch ul.Switch-index li .textBox p{
						color: #fff;
						font-size: 16px;
						line-height: 25px;
					}
			/*数字按钮样式*/
			.Switch .num {
				width: 200px; height: 15px; overflow:hidden; 
				position: absolute; bottom:12px; left: 50%; margin-left: -100px; zoom:1; z-index:3; }
				.Switch .num li {
					width: 5px; 
					height: 5px;
					display: none;
					cursor:pointer; 
					float: left;
					text-indent: -99999px;
					background: #fff; 
					margin: 0 5px; 
					border-radius:100%;
				}
				.Switch .num li.on{background: #cb0005;}
			/*上一个 下一个*/
			.Switch .prev,
			.Switch .next {
				display: block; width: 40px; height: 40px; 
				position: absolute; top: 50%; z-index: 999; margin-top: -20px5;}
			.Switch .prev {left:0;}		
			.Switch .next {right: 0;}

@media only screen and (max-width: 640px) {
	.banner-pc{
		display: none;
	}
}

/*banner-phone*/	
.banner-phone{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.box_swipe {
	overflow: hidden;
	visibility: visible;
}	
	/*ul li*/
	.box_swipe ul {
		width: 640px; 
	}
		.box_swipe ul> li {
			float: left;
			width: 100%;
			vertical-align: top;
		}
		.box_swipe ul> li a {
			color: #FFF;
		}
			.box_swipe ul> li a img{
				display: block;
				width: 100%;
			}
	/*ol li*/
	.box_swipe>ol {
		width: 100%;
		height: 20px;
		text-align: center;
		position: absolute;
		left:0; bottom: 0; z-index: 2;
	}
		.box_swipe>ol>li {
			display: inline-block;
			margin-bottom: 1px;
			border-radius: 8px;
			width: 10px;
			height: 10px;
			background-color: #fff;
		}
		.box_swipe>ol>li.on {
			background-color: #f3782c;
		}
@media only screen and (max-width: 640px) {
	.box_swipe{
		margin-top: 60px;
	}
}
@media only screen and (min-width: 640px) {
	.banner-phone {
		display: none;
	}	
}


/*product*/
.product{
	width: 100%;
	margin: 60px 0;
	overflow: hidden;
}       
	.product .index{
		width: 1180px;
		overflow: hidden;
		margin: 0 auto;
	}
		.product .index h1{
			color: #606060;
    		font-weight: 400;
			font-size: 44px;
			line-height: 45px;
			padding-bottom: 15px;
			/*font-family: "Oswald";*/
		}
		.product .index p{
			color: #444;
			font-size: 13px;
			line-height: 18px;
		}
@media screen and (max-width: 640px){
.product{
	margin: 25px 0;
}
	.product .index{
	  width: 92%;
	}
		.product .index h1{
			font-size: 24px;
			line-height: 25px;
		}
}


/*list*/
.list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}       
	.list .index{
		width: 1180px;
		overflow: hidden;
		margin: 0 auto;
	}
		.list .index ul{
			display: block;
			margin-top: -1px;
			margin-left: -1px;
		}
		.list .index ul li{
			overflow: hidden;
			float: left;				
			border-top: 1px solid #e8e8e8;			
			border-left: 1px solid #e8e8e8;		
		}
			.list .index ul li a{
				display: block;
				padding: 10px;
			}
				.list .index ul li a img{
					display: block;
					width: 100%;
				}
				.list .index ul li a h1{
					color: #606060;
					line-height: 35px;
					font-size: 18px;
					margin-bottom: 5px;
				}
				.list .index ul li a p{
					width: 100%;
					margin: 0 auto;
					color: #8d8d8d;
					line-height: 18px;
					font-size: 13px;
				}
@media screen and (max-width: 640px){
/*list*/
.list{
	padding-bottom: 50px;
}  
	.list .index{
	  width: 92%;
	}
}



/*about*/
.about{
	width: 100%;
	margin: 60px 0;
	overflow: hidden;
}       
	.about .index{
		width: 1180px;
		overflow: hidden;
		margin: 0 auto;
	}
		.about .index h1{
			color: #606060;
    		font-weight: 400;
			font-size: 44px;
			line-height: 45px;
			padding-bottom: 15px;
			/*font-family: "Oswald";*/
		}
		.about .index p{
			color: #444;
			font-size: 14px;
			line-height: 25px;
		}
		.about .index img{
			display: block;
			width: 100%;
		}
@media screen and (max-width: 640px){
.about{
	margin: 25px 0;
}
	.about .index{
	  width: 92%;
	}
		.about .index h1{
			font-size: 24px;
			line-height: 25px;
		}
}