.head{
				z-index: 199;
			}
			
			
			.bannerTitle h2{
				font-size: 44px;
				color:#ffe100;
			
				width:1080px;
				cursor: default;
				
			}
			.bannerTitle h2:hover{
				color:#ffe100 ;
			}
			.bannerTitle{
				position: absolute;
				top:30%;
				left:10%;
				
				z-index: 8;
			}
			.bannerTitle div{
				
				color:#fff;
				
				width:1080px;
				margin-top:1.5em;
			}
			.bannerTitle span{
				display: inline-block;
				border:1px solid #fff;
				background-color: rgba(255, 255, 255, 0.3);
				padding: 0 1em;
				line-height: 2.4;
				border-radius: 1.2em;
				font-size: 16px;
				margin-right:2em;
				cursor: default;
				color:#fff;
			}
			.bannerTitle span:hover{
				color:#ffe100 ;
			}
			
			#search-btn{
				position: relative;
			}
			
		/* 产品列表样式 */
			.productList{
				background-color:#f5f5f5 ;
				padding-bottom: 3em;
				padding-top:80px;
			}
	.productList>div{
		width:80%;
		min-width:1080px;
		/* border:1px solid #00f; */
		margin: auto;
		
	}
	.listBox{
		padding-top:2em;
	}
	.titleBox *{
		font-size: 20px;
		line-height: 30px;
	}
	.tireList{
		display: flex;
	}
	.tireList img{
		width:100%;
	}
	.tireList>div{
		width:25%;
		padding-right: 5px;
	}

	.tireList>ul{
		flex: 1;
		/* border:1px solid #f0f; */
		display: flex;
		width:75%;
	}
	.tireList>ul>li{
		box-sizing: content-box;
		width:30%;
		overflow: hidden;
		/* border: 1px solid #f00; */
		margin:0 5px;
		flex: 1;
	}
	.tireList>ul>li:hover h2{
		color:#004ea2;
	}
	.tireList>ul>li a{
		display: block;
		background-color: #fff;
		/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
		height: 100%;
	}
	.tireList>ul h2{
		 overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: center;
	}
	.tireList>ul p{
		 overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: center;
		padding: 1em;
		font-size: 16px;
	}
	.tireList>ul span{
		display: block;
		text-align: center;
		width:50%;
		margin: auto;
		border:1px solid #eee;
		color:#666;
		line-height: 2;
		border-radius: 1em;
		margin-bottom: 2em;
		background-color: #eee;
	}
	.tireList>ul span:hover{
		background-color: #004ea2;
		color:#ffe100 ;
	}
	.tireList>div{
		position: relative;
	}
	
	.tireList>div>a{
		display: block;
		width:60%;
		line-height:2.8;
		border:1px solid rgba(255, 255, 255, 0.5);
		border-radius: 1.4em;
		text-align: center;
		position: absolute;
		bottom:4em;
		left:50%;
		margin-left:-30%;
		color:#fff;
		background-color: rgba(0, 0, 0, 0.4);
		letter-spacing: 1px;

	}
	.tireList>div>a:hover{
		color:#ffe100;
	}
	
	
	.titleBox i{
		vertical-align: middle;
	
	}
	.titleBox i::before{
		color: #666;
	}
	.titleBox span{
		font-size: 22px;
		font-weight: bold;
		vertical-align: middle;
		margin-left:0.25em;
	}
	.titleBox{
		padding:1.5em 0;
		
	}
	.titleBox a{
		float: right;
	
		text-align: center;
		padding:0 1em;
		font-size: 16px;
		vertical-align: middle;
		
		
	}
	.titleBox a:hover{
		
		color: #004ea2;
	}
	.tireList li{
		transition:transform,1s;
	}
	.tireList li:hover{
	
		transform: scale(1.05,1.05);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
		position: relative;
		z-index: 9;
	}