@charset "gb2312";

 video{
	width: 100%;
	height: 100%;
	float: left;
    }

.product_introduce{
		float: left;
		width: 100%;
		height: auto;
		margin-top: 40px;
	}

.slogan_m_box{
		float: left;
		width: 100%;
	}
.slogan_model{
	  float: left;
	  font-size: 42px;
	  margin:0;
	  color: white;
    }
.slogan_slogan{
	  float: left;
	  font-size: 14px;
	  color: white;
	  margin: 10px 0 0 12px;
	  text-align: left;
    }
.slogan_intro_text{
	  float: left;
	  color: white;
	  font-size: 16px;
	  text-align: left;
    }
.product_recommend{
		float: left;
		width: 100%;
		background: #fff;
	}
.recommend_text li {
		list-style:square;
		text-indent: -22px;
	}

.product_patrs_box{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	}
.patrs_title{
	width: 100%;
	float: left;
	background-color: #000;
	height: 60px;
	margin-top:40px; 
}
.patrs_title_text{
	float:left;
	margin-left: 10px;
	    }
.parts_details{
	float: left;
	width: 25%;
	height: auto;
	margin-bottom: 20px;
	}

@media screen and (min-width: 769px) {

	.product_box{
		width: 100%;
		float: left;
		background-color: #fff;
	}
	
	.video{
		margin-top: -60px;
		width: 100%;
		height: 600px;
		float: left;		
	}
	
	.product_img{
		width: 50%;
		height: 340px;
		float: left;
	}
	.product_img img{
		height: 100%;
	}
	.product_slogan_box{
		width: 50%;
		height: 340px;
		float: left;
		background-color: #666;
	}
	.slogan_box{
		float: left;
		width: 80%;
		margin-left:6%;
	    margin-top:106px;
	}
	.recommend_img{
		text-align: center;
		width: 50%;
		margin-top: 40px;
		float: left;
	}
	.recommend_img img{
		max-width: 80%;
	}
	.recommend_text_box{
		float: right;
		width: 50%;
		margin-top: 40px;
		color: #333;
	}
	
	.recommend_title{
		float: left;
		font-size: 16px;
		font-weight: bolder;
		width: 100%;
		padding-left: 10%;		
	}
	.recommend_text{
		flaot:left;
	    font-size: 16px;
		width: 80%;
		margin-left: 10%;
		color: #666;
	}
	
.patrs_title_text{
	font-size: 22px;
	color: #fff;
	margin-top: 14px;
    }
.parts_details{
	float: left;
	width: 25%;
	height: auto;
	margin-bottom: 20px;
	text-align: center;
	}

 .parts_details_img{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 10px;
	}
.parts_details_img img{
	width: 100%;
	}
 .parts_details_text{
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 6px;
	}

}
@media screen and (max-width: 768px) {
	.product_video{
		float: left;
	}
	
	.video{
		width: 100%;
		height: 100%;
		float: left;		
	}
	.product_img{
		width: 100%;
		height: auto;
		float: left;
	}
	.product_img img{
		width: 100%;
	}
	
	.product_slogan_box{
		width: 100%;
		height: auto;
		float: left;
		background-color: #666;
	}
	.slogan_box{
		float: left;
		width: 90%;
		margin-left:6%;
	    margin-top:60px;
		margin-bottom:60px;
	}
	.recommend_img{
		text-align: center;
		width: 100%;
		margin-top: 40px;
	}
	.recommend_img img{
		width: 60%;
	}
	.recommend_text_box{
		float: right;
		width: 100%;
		margin-top: 40px;
		color: #333;
	}
	.recommend_title{
		float: left;
		font-size: 16px;
		font-weight: bolder;
		width: 100%;
		padding-left: 12%;		
	}
	.recommend_text{
		flaot:left;
	    font-size: 16px;
		width: 80%;
		margin-left: 12%;
		color: #666;
	}
	.parts_details_img img{
	     width: 80%;
	}
    .patrs_title_text{
	    font-size: 16px;
	  	color: #fff;
	  	margin-top: 20px;
    }
	.parts_details{
		float: left;
		width: 50%;
		height: auto;
		margin-bottom: 20px;
		text-align: center;
	}
 .parts_details_text{
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 12px;
	color: #666;
	margin-top: 6px;
	}
 
}