@charset "utf-8";
.about_index_bg { height:auto; overflow:hidden; position:relative;}
.about_index { width:90%; height:auto; overflow:hidden; margin:0 auto;}
.about_index .about dt { width:100%; height:49px; line-height:49px; font-size:24px; font-weight:bold; text-align:center; background:url(../images/about_index_title.png) center center no-repeat;}
.about_index .about dt a { color:#ff7f00;}
.about_index .about dd { width:100%; margin-top:40px; height:auto; overflow:hidden;}
.about_index .about dd p { text-indent:2em; line-height:27px;}

.about01 { width:100%; min-height:320px; height:auto; overflow:hidden; margin-top:60px; background:#fff5eb;}
.about01 .brief { width:46%; margin:10px 2%; height:auto; overflow:hidden; float:left; background:url(../images/about01_ico.png) right top no-repeat; background-size:20% auto;}
.about01 .brief .name { color:#4d4d4d; font-size:24px; line-height:24px; font-weight:bold; margin-top:10px;}
.about01 .brief .desc { height:238px; margin-top:20px; text-indent:2em; font-size:15px; line-height:34px;}
.about01 .pic { width:50%; height:auto; overflow:hidden; float:left;}
.about01 .pic img {
	transition: all 0.6s ease;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}
.about01 .pic:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	-webkit-transform: rotate(-3deg) scale(1.1);
	transform: rotate(-3deg) scale(1.1);
}

.about_index ul.reatures { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.about_index ul.reatures li { float:left; height:auto; overflow:hidden; width:33%;}
.about_index ul.reatures li.first {}
/*CSS3文字渐变效果*/
.about_index ul.reatures li .num { font-size:72px; height:72px; line-height:72px; font-family:'Impact'; color:#03a43d;}
.about_index ul.reatures li .desc { font-size:26px; height:40px; line-height:40px; color:#717171;}

/*食材*/
.food_source { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:30px;}
.food_source ul { width:100%; height:auto; overflow:hidden;}
.food_source ul li { width:32%; height:auto; overflow:hidden; float:left; margin-left:2%; position:relative;}
.food_source ul li a { display:block; overflow:hidden;}
.food_source ul li .mask { position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999; background:url(../images/pro_mask.png) center center no-repeat; background-size:60% auto;}
.food_source ul li.ml0 { margin-left:0; }
.food_source ul li:hover .mask {background:url(../images/pro_mask1.png) center center no-repeat; background-size:60% auto;}
.food_source ul li .pic img {
	transition: all 0.6s ease;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}
.food_source ul li .pic:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	-webkit-transform: rotate(-3deg) scale(1.1);
	transform: rotate(-3deg) scale(1.1);
}
@media only screen and (max-width: 960px) {
.about01 .brief .name { font-size:20px; line-height:20px;}
.about01 .brief .desc { font-size:13px; line-height:30px;}
.about_index .about dd p { font-size:14px; line-height:20px;}
.about_index ul.reatures li .num { font-size:62px; height:62px; line-height:62px;}
.about_index ul.reatures li .desc { font-size:16px; height:30px; line-height:30px;}
}
@media only screen and (max-width: 640px) {
.about01 .brief .name { font-size:18px; line-height:20px;}
.about01 .brief .desc { font-size:12px; line-height:30px;}
.about_index .about dd p { font-size:13px; line-height:20px;}
.about_index ul.reatures li .num { font-size:52px; height:52px; line-height:52px;}
.about_index ul.reatures li .desc { font-size:14px; height:30px; line-height:30px;}
}
@media only screen and (max-width: 480px) {
.about01 .brief .name { font-size:20px; line-height:20px;}
.about01 .brief .desc { font-size:13px; line-height:30px;}
.about_index .about dd p { font-size:14px; line-height:20px;}
.about_index ul.reatures li .num { font-size:42px; height:42px; line-height:42px;}
.about_index ul.reatures li .desc { font-size:13px; height:30px; line-height:30px;}
}
@media only screen and (max-width: 320px) {
.about01 .brief .name { font-size:20px; line-height:20px;}
.about01 .brief .desc { font-size:13px; line-height:30px;}
.about_index .about dd p { font-size:14px; line-height:20px;}
.about_index ul.reatures li .num { font-size:32px; height:32px; line-height:32px;}
.about_index ul.reatures li .desc { font-size:12px; height:25px; line-height:25px;}
}