@media(min-width: 768px){
	.max{
		display: block;
	}
	.min{
		display: none;
	}
	#intro_box{
		margin-top: 45px; 
		border-top: 1px solid #ddd;
		width: 100%;
		background-color: #ececec;
	}
	#intro_box .banner{
		width: 100%;
		height: auto;
	}
	#intro_container{
		max-width: 1133px;
		margin: 0 auto;
	}
	/*-----------品牌二级导航----------*/
	#intro_container .nav_list{
		height: 128px;
		display: -webkit-box;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#intro_container .nav_list .nav_item{
		position: relative;
		margin: 0 73px;
		padding-bottom: 8px;
		font-size: 22px;
		color: #666;
	}
	/*#intro_container .nav_list .nav_item:hover span{
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
	}*/

	#intro_container .nav_list .nav_item span{
		position: absolute;
		left: 0px;
		bottom: 0px;
		display: inline-block;
		width: 100%;
		height: 3px;
		background-color: #e70012;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform-origin: center;
		-webkit-transform-origin: center;
		transition: all .22s ease-out;
		-webkit-transition: all .22s ease-out;
	}
	#intro_container .nav_list .nav_item_active span{
		transform: scaleX(1);
		-webkit-transform: scaleX(1);
	}
	#intro_container .nav_list {
	    height: 90px;
	}
	
}
@media(max-width: 767px){
	.max{
		display: none;
	}
	.min{
		display: block;
	}
	#intro_box{
		margin-top: 1.18rem;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 100%;
		background-color: #f2f2f2;
	}
	#intro_box .banner{
		width: 100%;
		height: auto;
	}
	#intro_container{
		width: 100%;
		margin: 0 auto;
	}
	/*-----------品牌二级导航----------*/
	#intro_container .nav_list{
		text-align: center;
		margin-bottom: 11px;
	}
	#intro_container .nav_list .nav_item{
		display: inline-block;
		white-space: nowrap;
		margin: 20px 3% 4px;
		font-size: 16px;
		color: #666;
	}
	#intro_container .nav_list .nav_item_active a{
		color: #e70012;
		border-bottom: 0.03rem solid #e70012;
	}
}