/*导航*/
nav{ background:url(../Images/Index/navbg.gif) center 0; width:100%; height:auto;-webkit-background-size:  100%;-moz-background-size: 100%;-o-background-size: 100%;background-size:100%; margin-top:-2%; position:relative; padding:2%;color:#fff;}
nav a{float:left;width:25%; text-align:center; font-size:1em; height:auto; line-height:167%; position:relative;color:#fff;}
nav a:nth-child(1):after{ content:""; position:absolute; width:10%; height:32%;background:url(../Images/Index/ico01.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; left:5%; top:35%}
nav a:hover{ color:#fff;}
nav a:link{color:#fff;}
nav a:visited{color:#fff;}
nav a:active{color:#fff;}


/*咨询电话*/
.m-ph{ height:4.75em; position:relative; background:#dfdfdf; margin-bottom:1.25em; background:#b80000;}
.m-ph:before{ position:absolute; content:""; z-index:-3;
	-webkit-box-shadow:0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 0.1667em 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;
	top:50%;
    bottom:0;
    left:0;
    right:0;
    -moz-border-radius:8.33em / 3.33em;
    border-radius:8.33em / 3.33em;}
.m-ph .u-tel{ width:2.41667em; left:2.1667em; top:1.33em; display:block; position:absolute;} /*头部电话图标*/
.m-ph  p{ font:1.1667em; color:#FFF; line-height:1.667em; padding:0.41667em 0 0 18.7%; font-size:1em;}
.m-ph  p i{ display:block; font-style:normal; font-size:1.0833em;}
.m-ph  p span{ font-size:1.667em; padding-left:1%; color:#FFF; font-weight:bold;}


/*广告*/
.g-adv {height:auto;position:relative}
.g-adv .sclwrap_box{ height:13.3em;}
.g-adv .m-box{ height:13.7em;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ height:0.38em; width:100%; position:absolute; bottom:0; left:0; display:block; background:#b80000;}
.g-adv .m-cnt li{ width:33.3%; height:0.38em; float:left;}
.g-adv .m-cnt li.z-on{ background:#ff6363;}

/*@media screen and (min-width:360px) {
	.g-adv .sclwrap_box{ height:344px;}
	.g-adv .m-box{ height:339px;}
}
@media screen and (min-width:400px) {
	.g-adv .sclwrap_box{ height:381px;}
	.g-adv .m-box{ height:376px;}
}
@media screen and (min-width:480px) {
	.g-adv .sclwrap_box{ height:458px;}
	.g-adv .m-box{ height:451px;}
}
@media screen and (min-width:568px) {
	.g-adv .sclwrap_box{ height:542px;}
	.g-adv .m-box{ height:534px;}
}
@media screen and (min-width:639px) {
	.g-adv .sclwrap_box{ height:310px;}
	.g-adv .m-box{ height:330px;}
}*/

/*种养结合 循环农业*/
img{ padding:0; margin:0; width:100%;}
.m-xh{height:25.85em;overflow:hidden; width:100%;background:url(../Images/Index/xhbg.jpg) no-repeat center 0; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; font-size:1.08em; font-weight:bold; color:#fff; line-height:108%; text-align:center}
.m-xh h2{width:75%;background:url(../Images/Index/xhcbg.gif) no-repeat center 0; -webkit-background-size:  100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%; text-align:center;margin:1.5em auto 0; padding:4.5em 0 0; height:9em; font-size:1.67em; line-height:115%; color:#42a004; font-weight:bold;}
.m-xh p{ position:absolute; z-index:999; text-align:center; width:18%;}
.m-xh p em,.m-cp h2 em{ display:block; font-style:normal; font-weight:normal; font-size:0.58em; line-height:128%; color:#cee4b9}
.m-xh p:nth-child(2){ top:4.3em; left:9.9em;}
.m-xh p:nth-child(3){ top:7.3em; left:3.4em;}
.m-xh p:nth-child(4){ top:7.8em; left:16.7em;}
.m-xh p:nth-child(5){ top:15em; left:3.5em;}
.m-xh p:nth-child(6){ top:15em; left:16.2em;}
.m-xh p:nth-child(7){ top:18.2em; left:9.9em;}

/*绿色产品*/
.m-cp{ height:auto;overflow:hidden; width:100%;background:url(../Images/Index/cptbg.jpg) no-repeat center 0; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%;}
.m-cp h2{ font-size:1.25em; font-weight:bold; color:#000; line-height:113%; text-align:center; padding:8.6% 0 6%;}
.m-cp h2 b{ color:#b80000; padding-left:0.4em}
.m-cp h2 em{ font-family:Arial; text-transform:uppercase; font-size:0.46em; color:#afafaf; line-height:133%}
.m-cp ul{  display:block; height:10.3em;}
.m-cp li{ width:40%; float:left; margin:0 4% 0 0; position:relative; height:10.3em;}
.m-cp a:first-child li{ margin-left:8%;}
.m-cp li img{ width:100%; height:8.3em;}
.m-cp li span{ position:absolute; width:100%;background-color:#000; left:0; bottom:0; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; color:#fff; font-size:1em; line-height:208%; display:block; text-align:center}
.more01{ clear:both; display:block;width:95%;background:url(../Images/Index/ge01.jpg) no-repeat center 0; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%; text-align:center; margin:6.7% auto 3.8%; font-size:1em; line-height:300%;}
.more01 a{color:#b80000; }

/*导航*/
.m-dh{ clear:both; display:block; height:auto; overflow:hidden; font-size:1.08em; line-height:284%; padding-bottom:6%;}
.m-dh h2{ background:#b80000;  font-size:1.25em; padding:0 3%; line-height:218%;}
.m-dh h2 a{color:#fff;}
.m-dh h2 em{ width:4.3%; margin:0 2% 0 0; display:block; float:left}
.more02{ width:3%;}
.m-dh h2 em img,.more02 img{ width:100%}
.dh-c{ margin:3% 3% 0;}
.dh-c li{ width:48%; float:left; overflow:hidden; border-bottom:solid 1px #d3d3d3; padding-left:8%; position:relative; white-space:nowrap}
/*.dh-c li:last-child{ border:0;}*/
.dh-c li:nth-child(2n){ width:29%;}
.dh-c li:before{ content:""; position:absolute; width:0.22em; height:0.95em; border-radius:0.2em; background:#b80000; left:8%; top:1em;}
.dh-c li a{ color:#666;display: block;}

/*优势*/
.m-ys{ clear:both; display:block; height:auto; overflow:hidden; font-size:1em; line-height:208%; padding:5% 0;width:100%;background:url(../Images/Index/ysbg.jpg) no-repeat center bottom #b80000; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%; z-index:1; position:relative}
.m-ys:before{ content:""; position:absolute; width:78.4%; height:96%; top:3.5%; left:10.8%;background:url(../Images/Index/yscbg.jpg) no-repeat center 0 #f2f2f2; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%; z-index:-1;}
.m-ys h2{ color:#b80000; font-size:1em; line-height:138%; text-align:center; padding:10% 0 25%;}
.m-ys h2 b{ display:block; font-size:1.25em;}
.ys01,.ys02{ width:59%; margin:0 auto; padding-bottom:17%; height:auto; display:block; clear:both}
.ys01 .ys-p{ width:89%; display:block; margin:0 auto 5%;}
.ys02 .ys-p{ width:96%; display:block; margin:0 auto;}
.m-ys .ys-p img{ width:100%;}
.m-ys li,.m-st li{ clear:both; display:block;height:auto; line-height:183%;font-size:0.8em;}
.m-ys li b,.m-st li b{ width:6.3%;background:url(../Images/Index/ico04.gif) no-repeat center bottom; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%; text-align:center; font-weight:normal; color:#fff; float:left; display:block; line-height:155%; overflow:hidden}
.m-ys li p,.m-st li p{ width:91.6%;float:left; padding:0 0 0 2%;font-size:0.8em;}

.m-ys .more01{width:78.4%;background:url(../Images/Index/ge02.jpg) no-repeat center 0; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%;}

/*安全食品*/
.m-st{clear:both; display:block; height:auto; overflow:hidden; font-size:1em; line-height:208%; color:#666}
.m-st h2,.st-c{ width:68%; margin:0 auto;}
.m-st h2{background:url(../Images/Index/sttbg.jpg) no-repeat center bottom; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%; font-size:1.13em; line-height:122%; padding:8% 0 5%; text-align:center;  color:#000}
.m-st h2 b{ display:block; font-size:1.25em; color:#b80000;}
.st-p{ width:85%; padding:8% 0 2%; margin:0 auto;}
.st-p img{ width:100%;}
.m-st li{line-height:208%;}
.m-st li:last-child{ padding-bottom:8%;}
.m-st li b{line-height:183%;}

/*安全食品推荐*/
.m-tj{ height:auto;overflow:hidden;}
.til01{font-size:1em; line-height:179%; color:#fff; background:#b80000; padding:1% 3% 0; margin-bottom:5%}
.til01 li{ float:left; width:30%; text-align:center;}
.til01 li.z-on{ background:#fff; color:#b80000; border-radius:0.3em 0.3em 0 0;padding-bottom: 0.1em;}
.m-tj .sclwrap_box , .m-tj .m-box{ height:23.5em; overflow:hidden;}
.tj01{ float:left; display:inline-block;}
.tj01 li{width:38%; font-size:1em; color:#666; height:auto; line-height:283%;white-space:nowrap;text-overflow: ellipsis; float:left; padding:0 0 0 8%;}
.tj01 li:nth_child(2n){padding:0 0 0 6%;}
.tj01 li img{ width:96%;height:8em; background:url(../Images/Index/cplbg.jpg) repeat; padding:2%; display:block}
.tj01 li span{ display:block; text-align:center}
.tj01 li a{color:#666;}




/*见证*/
.m-jz{ height:auto;overflow:hidden;}
.m-jz .sclwrap_box , .m-jz .m-box{ height:18em; overflow:hidden;}
.jz01{ float:left; display:inline-block;}
.jz01 dl{ display:block; clear:both; height:8.6em;overflow:hidden}
.jz01 dt{width:33%;float:left; padding:0 0 0 8%;}
.jz01 dt img{ width:98%;background:#ece9e6; padding:1%; display:block; height:7em;}
.jz01 dd{ width:49%; float:left; padding:0 0 0 4%; font-size:1em; line-height:167%;}
.jz01 dd a{ display:block;color:#b80000; padding-bottom:2%;}



/*基地展示*/
.m-zs{ height:auto;overflow:hidden;}
.m-zs .sclwrap_box , .m-zs .m-box{ height:12em; overflow:hidden;}


/*资讯*/
.m-zx{ height:auto; width:92%; margin:0 auto; overflow:hidden;}
.zxtil{ height:auto; margin-bottom:5%;}
.zxtil li{ width:31%; float:left; line-height:196%;border-bottom:solid 0.2em #ff6868; text-align:center; font-weight:bold; color:#5e5e5e; position:relative}
.zxtil li:nth-child(3){ width:38%;}
.zxtil li.z-on{ color:#b80000; border-bottom:solid 0.2em #b80000}
.zxtil li:before{ content:""; position:absolute; width:1px; height:0.9em; left:0; top:0.6em; background:#5e5e5e;}
.zxtil li:nth-child(1):before{ width:0; height:0;}
.m-zx .sclwrap_box , .m-zx .m-box{ height:16em; overflow:hidden;}
.zx01{ float:left; display:inline-block;}
.zx01 li{width:82%; font-size:1em; color:#666; padding: 0 0 0 12%; height:auto; line-height:208%;white-space:nowrap;text-overflow: ellipsis; position:relative;}
.zx01 li:before{ content:""; position:absolute; left:7%; top:0.8em;width:1.28%; height:0.3em;background:url(../Images/Index/ico02.png) no-repeat center bottom; -webkit-background-size: 100%;-moz-background-size:100%;-o-background-size: 100%;background-size:100%;}
.zx01 li a{ color:#666}




@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}
