@media (max-width:1405px){
.piao{ display:none;}
#PathMenu{ display:block;}
}

}
@media (max-width:1220px){
.pa_box ul{ width:100%; height:auto;}	
}
@media (max-width:1100px){
.pa_box01,.his_box,.product,.sub_news,.grow,.honor,.sub_txt,.sub_nav ul,.top{ width:90%; height:auto;}
.main{ width:90%; height:auto; margin:3% auto 0;}	
.footer_box{ width:90%; height:auto; margin:0 auto 0; padding-top:10%;}	
.pa_editor{ width:80%;}	
.reserved,.pa_box ul{ width:95%;}
.sub_txt01{ width:100%;}
}

@media (max-width:1024px){
.m_top{ display:block; width:90%; height:50px; margin:0px auto 0; padding:8px 5% 0; border-bottom:2px solid #32991E;background:#2CB431;}
.m_top .logo { width:85%; height:auto;}
.m_top .logo  img{width:37px;height:43px;max-width:70px;}
.m_top .nav{ width:15%; height:auto; text-align:right; margin-top:10px;}
.m_top .nav a{ display:block; width:100%; height:auto;}
.m_top .nav img{width:6px;height:25px;max-width:6px;}
.m_top .nav span{ width:100%; display:block}
.top{ display:none;}
.main .main_l{ float:none; width:100%;}
.main .main_r{ display:none;}
.m_prod ul li h1{ width:10%; margin:5% 6% 0 0%; padding:0 6% 3% 4%;}
.m_prod ul li img{ width:65%; height:auto;}
.footer{ width:100%; height:auto; background:#3EB034;}
.footer_box{ width:90%; height:auto; text-align:center; margin:0 auto 0; padding:3% 0;}
.m_ranch,.main_tit02{ display:block;}
.m_ranch{ width:100%; height:auto; text-align:center; margin-bottom:6%;}
.m_ranch img{ width:100%; height:auto;}
.v_top{ width:70%; height:auto; margin:0 auto 3%; }
.v_top span{ font-size:22px; line-height:44px;}
.video ul li img{ width:100%; height:auto; margin:0;}
.video ul li span{  margin:0.8% 0 0; width:100%; height:35px; font-size:16px; line-height:35px;}
.video {
	margin-bottom: 12%;
}
.prod_box ul li{ float:left; width:46%; height:auto; margin:0 3.0% 3% 0;}
.category ul li{ margin-bottom:5%;}
.category ul li img{ width:100%; height:auto;}

.m_top01{ padding:0 5%;}
.cattle .cattle_box{ height:100%; white-space: nowrap; padding:0;}

.pa_box .pa_txt{ width:90%;}
.pa_box01 .pa_txt{ width:90%;}
.pa_tit{ margin-top:4%;}
.pa_editor{ width:90%; margin-top:5%; font-size:14px;}	
.reserved_l{ float:none; width:80%; height:auto; margin:0 auto 0;}
.reserved_r{ float:none; width:70%; height:auto; margin:4% auto 0;}
.sub_txt img { width:100%; height: auto; margin:0 auto 0;}
.grow{ margin-bottom:6%;}

.s_banners0 { position:inherit; display:none}
.a_pasture{ display:none;}
.pc_nav{ display:none;}
.mm_nav{ display:block;}
.txt01{ display:block;}



}
@media (max-width:900px){
.prod_tit{ display:none;}
.sub_title h1 span{ display:inline-block;}
.sub_title h1 span{ font-size:20px; color:#249D28;}


.hist{ display:none;}
.sub_txt01{ display:none;}
.m_hist{ display:block; width:90%; height:auto; margin:0 auto 8%; min-height:300px;}
.m_hist h1{ border-bottom:2px solid #3EB134; font-size:16px; color:#fff; margin-top:4%;}
.m_hist h1 span{ display:block; width:80px; height:30px; line-height:30px; background:#3EB134; text-align:center;}
.m_hist ul{ margin-top:3%;}
.m_hist ul li{ font-size:14px; color:#4d4d4d; line-height:25px; background:url(../images/dian001.jpg) top left no-repeat; padding-left:10px;}
.m_hist ul li a{ color:#4d4d4d; display:block; width:100%;}

.m_hist01 h1 span{ width:220px; text-align:left; padding-left:15px;}





}
@media (max-width:640px){
.main{ margin:5% auto 0;}
.m_prod ul li{ width:50%; height:auto; text-align:center; margin:5% 0 0;}
.m_prod ul li img{ float:none; width:80%; margin:0 auto 0;}
.m_prod ul li h1{ float:none; border:0; width:85%; text-align:center;}
.m_news{ height:auto; margin-bottom:4%;}
.m_news .m_news_l{ float:none; width:100%; height:auto; text-align:center; margin-right:0%; margin-bottom:4%;}
.m_news .m_news_l img{ width:90%; height:auto; margin:0 auto 0; }
.m_news .m_news_r{ float:none; width:90%; height:auto; margin:0 auto 0;}
.m_news .m_news_r ul .li01{ border-bottom:0; padding-bottom:0%; margin-bottom:0;}
.m_news .m_news_r h1 span{ display:block; float:left; margin-right:2px;}
.m_news .m_news_r ul li{ overflow:hidden; height:24px; }
.m_news .m_news_r ul .li01 h1 a{ color:#4c4c4c;}
.m_news .m_news_r ul .li01 h2{ display:none;}
.m_news .m_news_r ul .li01 h3{ display:none;}
.security ul{ width:90%; height:auto; margin-bottom:8%;}
.security ul li{ width:33.33%; height:auto; text-align:center; margin:8% 0 0 0;} 
.security ul li img{ width:80%;}
.footer_box span i{ font-style:normal; display:none;}
.sub_nav{ height:inherit; line-height:30px;}
.sub_nav ul{ width:100%; height:auto; height:30px; line-height:30px;}
.sub_nav ul li{ width:20%; margin:0; height:30px; line-height:30px;}
.sub_nav ul li a:hover, .sub_nav ul li .curr { background:url(../images/dian01.png);}
.sub_nav01 ul li{ width:25%; margin:0; }
.sub_nav ul li a{ padding:0;}
.sub_nav ul li a:hover,.sub_nav ul li .curr{ padding:0; height:30px; line-height:30px;}
.sub_title h1{ color:#111; font-size:20px;}
.sub_title h1 span{ font-size:16px;}
.sub_title h2{ width:60%; height:auto; margin:0 auto;}
.sub_title{ text-align:center; width:100%; height:auto; margin:6% auto;}
.sub_title h2 img{ width:100%; height:auto;}
.sub_title h3{ color:#b2b2b2; font-size:14px;}
.sub_txt{ min-height:0;}
.m_sub_txt{ display:block; width:90%; min-height:300px; height:auto; margin:0 auto 6%; color:#565656; font-size:14px; line-height:26px;}
.pc_txt{ display:none;}
.m_sub_txt img{ width:100%; height:auto;}

.honor ul{ width:106%; height:auto; margin-bottom:8%;}
.honor ul li{ width:44%; height:auto; margin:0 5% 4% 0;}
.honor ul li img{ width:85%; margin:8% auto 0;}
.honor ul li span{ display:block; width:90%; margin:3% auto 4.5%; font-size:12px; line-height:20px;}

.grow{ min-height:260px;}
.grow ul{ width:106%; height:auto; margin-bottom:8%;}
.grow ul li{ width:44%; height:auto; margin:0 5% 2% 0;}
.grow ul li img{ width:100%; margin:8% auto 0;}
.grow ul li span{ display:block; width:90%; margin:3% auto 0; font-size:12px; line-height:20px; overflow:hidden; max-height:40px;}
.grow ul li i{ display:block; width:98%; margin:0 auto 0%; font-size:12px; line-height:20px;}
.grow ul li:hover,.grow ul .curr{ background:#fff;}

.news ul li i{ width:100%; margin:0; font-size:12px; line-height:30px;}
.news ul li span{ width:100%; margin:0; font-size:12px; line-height:20px;}

.video .v_top{ width:90%; height:auto; margin:0 auto 10%; }
.video_top span{ font-size:20px; line-height:40px;}
.video ul li{ margin-bottom:4%;}
.video ul li img{ width:100%; height:auto; margin:0;}
.video ul li span{  margin:0.8% 0 0; width:100%; height:30px; font-size:14px; line-height:30px;}

.pr_editor{ width:95%; height:auto; margin:3% auto 0; text-align:left; font-size:16px; color:#6e6e6e; line-height:30px;}
.pr_editor h1{ font-size:24px;margin-bottom:1.5%;}
.prod_box{ height:auto; margin:3% auto 0; overflow:hidden}
.prod_box ul{ width:95%; height:auto; margin:0 auto 0;}
.prod_box ul li{ float:none; width:100%; height:auto; margin:0 0 8% 0; }
.prod_box ul li h1{ height:37px; line-height:37px; font-size:16px;}
.prod_box ul li h1 span{  margin-left:4%;}
.prod_box ul li h2 a{ margin-bottom:8%;}

.cattle{ display:none;}
.m_cattle{ width:100%; height:auto; display:block;}
.m_cattle img{ width:100%; height:auto; border:0; margin-top:0; padding:0;}

.pa_tit{ margin-top:6%;}
.pa_b_tit{ margin-top:4%;}
.pa_b_tit h1{ font-size:18px;}
.pa_b_tit h2{ font-size:14px; margin-top:1%;}
.pa_b_tit h3{ font-size:12px; margin-top:1%;}

.pa_box ul li{ float:none; margin-bottom:2%; width:100%;}
.pa_box01 ul{ margin-top:5%;}
.pa_box01 ul li{ float:left; width:49%; height:auto; margin:0 0.5% 1.2%;}

.reserved_l{ float:none; width:100%; height:auto; margin:4% auto 0;}
.reserved_l ul dt{ width:100px; font-size:14px;}
.reserved_l ul dd{ width:65%;}
.reserved_l ul .dd01{ width:40%;}
.reserved_l ul .dd02{ width:30%;}
.reserved_r{ float:none; width:90%; height:auto; margin:4% auto 0;}

.pa_box .ul01 li{ float:none; width:95%; margin:0 auto 4%; }
.bj01 .ul02 li{ float:none; width:95%; margin:0 auto 4%; }

.page{ display:none;}
.page_phone{ display:inline-table;}

.hiring{ min-height:150px; margin-bottom:20px;}
.hiring h1 { font-size:16px; }
.hiring h2 { font-size:14px; margin-top: 1%; }
.hiring h3, .hiring h4, .hiring h5 { width: 30%; height: auto; }
.hiring .hr_01 { width: 90%; padding: 0 3% 0 7%; margin: 3% 0 0; font-size:16px; height:35px; line-height:35px; }
.hiring .hr_02 { width: 90%; padding: 0 3% 0 7%; margin: 3px 0 0; font-size:14px; height:30px; line-height:30px; }
.hiring .hr_01 h3, .hiring .hr_02 h3 { width: 34%; height: auto; text-align: left; }
.hiring h6 { display: none; }
.hiring .hr_03 {background: #f7f7f7; color: #575757; display: none;}
.hiring .hr_03 ul { height: auto; padding:1.3% 7% 2% 5.5%; font-size:14px; }
.hiring .hr_03 ul li { height: auto; line-height:28px; }
.hiring .hr_03 ul li b { display:block; width:100%; height:auto; margin-bottom:1%; line-height:28px; }
.hiring .hr_03 ul li span { font-size:14px; }
.hiring .hr_03 ul a {/* font-size: 2vw; margin: 1% auto 0; width: 12vw; height: 3.5vw; line-height: 3.5vw;*/ display:none;}

.liuyan{ font-size:14px; color:#333; width:80%; height:auto; margin:0 auto 0; max-width:700px;}
.liuyan q{ display:none;}

.liuyan{ width:98%;}
.liuyan input{/*-webkit-appearance:none;*/ border-radius:0; width:90%;}
.liuyan .liu_in00{ width:28%; line-height:25px;}
.liuyan .liu_in01{ width:45%; -webkit-appearance:none; margin-top:30px;}
.liuyan td{ padding-bottom:15px;}
.liuyan .td01{ width:25%;}
.fyh{ -webkit-appearance:none;}

.mm_nav01{ line-height:30px;}
.mm_nav01 ul{ width:100%; height:auto; height:inherit; line-height:30px;}
.mm_nav01 ul li{ width:33.3%; line-height:30px; border-bottom:1px solid #eee;}
.mm_nav01 ul li a{ font-size:14px; line-height:30px}

}