@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { font-size: 100% }
body, button, input, select, textarea { font: 14px/1.5 Microsoft Yahei, tahoma, Srial, helvetica, sans-serif; outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0 }
a { text-decoration: none; color: #FFF; font-family: "微软雅黑" ;-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
img { border: 0px; }
.clear { clear: both; }
p, div, strong, a, h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑" }
html, body { overflow-x: hidden; }
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }

textarea{resize: none;}



.bh{ overflow: hidden;}
.container1200{ width: 1200px; height: auto; position: relative; margin: auto;}
.pageBtn { width: 100%; text-align: center; height: 30px;}
.pageBtn li{ width: 30px; height: 30px; line-height: 30px;  display: inline-block; margin-right: 5px; text-align: center;}
.pageBtn li.cur a{ border-color: #456729;color: #FFFFFF; background:#456729;}
.pageBtn li:hover a{ border-color: #456729;color: #FFFFFF; background:#456729;}
.pageBtn li a{ display: block; width: 29px; height: 29px;border: 1px solid #bbbbbb; color: #676767; font-size: 18px; font-family: arial;}
/**************nav***************/
#nav{ width: 100%; height: 95px; position: relative; position: fixed; top: 0; z-index: 10000;}
#nav .bg{ width: 100%; height: 100%; background-color: #202e01; opacity: .6;filter:alpha(opacity=60); position: absolute; top: 0; left: 0;} 
#nav .container1200{ z-index: 10;}
#nav .logo{ width: 207px; height: 95px; float: left; display: block;}
#nav .navList{ float: right; width: auto; height: 100%;}
#nav .navList>li{ width: 108px; height:95px; float: left; line-height: 95px;}
#nav .navList>li a{ display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; font-size: 14px; color: #ffffff;}
#nav .navList>li ol{ background: #77910b; display: none; border-radius: 0 0 10px 10px; overflow: hidden;}
#nav .navList>li ol li{ width: 100%; height: 43px; line-height: 43px; background: #c8d499; margin-bottom: 1px; }
#nav .navList>li ol li a{color: #505b23;}
#nav .navList>li ol li:last-child{ margin-bottom: 0;}
#nav .navList>li ol li:hover a{ color: #FFFFFF; background: rgba(55,57,50,.6);}
#nav .navList>li ol li:hover { background: transparent;}
#nav .navList>li.cur .show{margin-top: -95px;}
#nav .navList>li .hide{background-color: #77910b; width: 100%; height: 100%; font-weight: bold;}
#nav .navList>li .show{ width: 100%; height: 100%;}
#nav .navList>li a:hover .show{ margin-top: -95px;}
/**************banner***************/
#banner{ width: 100%; height: auto; overflow: hidden; position: relative; font-size: 0px;}
/**************bigTit***************/
.bigTit{ width: 100%; height: auto; text-align: center;}
.bigTit .enFont{ width: 100%; font-size: 36px; line-height: 30px; font-family: arial; font-weight: bold; color: #456729; text-transform: uppercase;}
.bigTit .chFont{ font-size: 24px; color: #000000; line-height: 55px;}
.bigTit .border{ width: 26px; height: 2px; background-color: #000000; margin: auto; }
/**************footer***************/
#footer{ width: 100%; height: 690px;padding-top:200px; background: #2f2f2f;}
#footer .footerBox{ padding-top: 48px; width: 100%; height: auto; height:225px; overflow: hidden;}
#footer .footerBox .logoBox{ float: left; width: 376px; height: 100%;}
#footer .footerBox .logoBox .text{ color: #ffffff; margin-top: 20px; line-height: 20px;}
#footer .footerBox .contactBox{ width: 528px; height: 100%; margin-left: 83px; float: left;}
#footer .footerBox .contactBox .tit{ font-size: 20px; font-weight: bold; color: #FFFFFF; margin-top: 20px; margin-bottom: 36px;}
#footer .footerBox .contactBox .icons{ width: 21px; height: 97px; overflow: hidden; float: left;}
#footer .footerBox .contactBox .texts{ width: 485px; float: left; overflow: hidden; margin-left: 15px; margin-top: -13px;  }
#footer .footerBox .contactBox .texts li{color: #FFFFFF; width: 100%; height: auto; line-height: 40px; }

#footer .footerBox .wxBox{ width: 212px; float: left; height: 100%;}
#footer .footerBox .wxBox .links { width: 100%; height: 30px; overflow: hidden;}
#footer .footerBox .wxBox .links a{display: inline-block; width: 92px; height: 28px; line-height: 28px; border: 1px solid #FFFFFF; text-align: center;}
#footer .footerBox .wxBox .icons{ margin-top: 10px; font-size: 0px;}
#footer .footerBox .wxBox .icons>img{ width: 105px; height: 105px; display:block; float: left;}
#footer .footerBox .wxBox .icons ul{ width: 30px; height: 105px; float: left; margin-left: 15px;}
#footer .footerBox .wxBox .icons ul li{ width: 100%; height: 35px; background: url("../images/footerIcons2.png"/*tpa=http://www.mengtianzu.com/statics/images/footerIcons2.png*/) no-repeat; background-size: 27px;}
#footer .footerBox .wxBox .icons ul a{ display: block; width: 100%; height: 100%;}
#footer .footerBox .wxBox .icons ul li.cur1{ background-position: center 2px;}
#footer .footerBox .wxBox .icons ul li.cur2{ background-position: center -26px}
#footer .footerBox .wxBox .icons ul li.cur3{ background-position: center bottom;}
#footer .lins{ width: 100%; height: auto; overflow: hidden;  }
#footer .lins a{ font-size: 12px; color: #ffffff; opacity: 0.3;filter:alpha(opacity=30);}
#footer .lins a:hover{ opacity: 1;filter:alpha(opacity=100);}
#copy{ width: 100%; height: 25px; line-height: 25px; color: #ffffff;  background: #232323; overflow: hidden;}
#copy .container1200{  font-size: 12px; overflow: auto;} 
#copy .container1200 a{ line-height: 28px;filter:alpha(opacity=30);opacity: .3;}
#copy .container1200 span{ line-height: 28px;filter:alpha(opacity=30);opacity: .3;}
#copy .container1200 a.a1{ margin-right: 35px;}
#copy .container1200 a.a2{ margin-right: 40px;}
#copy .container1200 a.a3:hover{ opacity: 1;filter:alpha(opacity=100);}
/**************about***************/
#about{ width: 100%; height: auto; position: relative; overflow: hidden; }
#about .aboutBox{ width: 100%; height: auto; padding-top: 80px; background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/); position: relative; padding-bottom: 142px;}
#about .aboutBox .textFont{ font-size: 14px; color: #303030; line-height: 24px; text-align: center; margin: 30px auto 35px; width: 1000px;}
#about .aboutBox .imgFont{ width: 100%; height: 318px; overflow: hidden; position: relative;}
#about .aboutBox .imgFont .bg{ width: 680px; height: 100%; position: absolute; right: 0px; top: 0px; background-color: #000000; opacity: .6;filter:alpha(opacity=60);}
#about .aboutBox .imgFont .box{width: 680px; height: 100% ;position: absolute; right: 0px; top: 0px; z-index: 10;　}
#about .aboutBox .imgFont .box .imgText{ width: 106px; height: 250px; font-size: 0px; position: absolute; left: 30px; top: 45px;}
#about .aboutBox .imgFont .box .textBox{ width: 432px; height: auto; top: 106px; left: 154px; position: absolute; color: #ffffff; line-height: 28px;}
#about .aboutBox .scrollBtn{background: url("../images/scrollIcon.png"/*tpa=http://www.mengtianzu.com/statics/images/scrollIcon.png*/) no-repeat; width: 48px; height: 48px; position: absolute; bottom: 57px; left: 50%; margin-left: -24px;}
#about .scrollImg{ width: 100%; height: 292px; overflow: hidden;}
#about .brandConcept{ width: 100%; height: auto; position: relative;  padding-top: 65px; padding-bottom: 90px;} 
#about .brandConcept .text{ width: 790px; text-align: center; margin:10px auto 0;}
#about .brandConcept .conceptList{ width: 1200px; margin: 60px auto 0; overflow: hidden;}
#about .brandConcept .conceptList li{ width: 260px; height: auto; float: left; margin-right: 53px;}
#about .brandConcept .conceptList li.mr{ margin-right: 0px;}
#about .brandConcept .conceptList .icons{ width: 183px; height: 183px; border-radius: 50%; background: url("../images/brandIcons.png"/*tpa=http://www.mengtianzu.com/statics/images/brandIcons.png*/) no-repeat; position: relative; overflow: hidden; margin: auto;}
#about .brandConcept .conceptList .icons .border{ width: 167px; height: 167px;border: 8px solid #d2d2d2; position: absolute; bottom: 0px; right: 0px; border-radius:50%;}
#about .brandConcept .conceptList .icons .borderBox{width:100% ; height: 50%; position:absolute;bottom: 0; left: 0; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#about .brandConcept .conceptList .icons .border2{ width: 167px; height: 167px;border: 8px solid #71bf44; position: absolute; bottom: 0px; left: 0px; border-radius:50%;}
#about .brandConcept .conceptList .icon1{ background-position: 42px 30px;}
#about .brandConcept .conceptList .icon2{ background-position: -163px 25px;}
#about .brandConcept .conceptList .icon3{ background-position: -360px 25px;}
#about .brandConcept .conceptList .icon4{ background-position: -551px 25px;}
#about .brandConcept .conceptList li:hover .borderBox{ height: 100%;}
#about .brandConcept .conceptList li:hover .tit{ transform: translateY(7px); -webkit-transform: translateY(7px);}
#about .brandConcept .conceptList li:hover .texts{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
#about .brandConcept .conceptList .tit{ font-size: 16px; color: #333333; text-align: center; margin-top: 22px; transform: translateY(10px); -webkit-transform: translateY(10px); position: relative;}
#about .brandConcept .conceptList .texts{ width: 230px; height: auto; margin:20px auto 0; }
#about .brandConcept .dishe1{ position: absolute; width: 165px; height: 232px; left: 0px; bottom: 150px;}
#about .brandConcept .dishe2{ position: absolute; width: 87px; height: 248px; right: 0px; bottom: 170px;}

#about .team{ width: 100%; height: auto; padding-top: 68px; background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/); padding-bottom: 42px;}
#about .team .texts{ color: #666666; font-size: 14px; text-align: center; line-height: 24px; margin-top: 25px;}
#about .team .teamBox{ width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 10px;}
#about .team .teamList{ width:99999px; height: 448px;}
#about .team .teamList li{ width: 1200px; height: 100%; overflow: hidden; float: left;}
#about .team .teamList .big{ width: 596px; height: 443px; font-size: 0px; float: left; overflow: hidden; border: 3px solid #FFFFFF; position: relative; cursor: pointer;}
#about .team .teamList .small{ float: left; width: 296px; height: 219px; overflow: hidden; font-size: 0px; border: 3px solid #FFFFFF; border-left: none; border-top: none; border-bottom-width: 4px; position: relative; cursor: pointer;}
#about .team .teamList .small.bt{ border-top: 3px solid #FFFFFF;}
#about .team .teamList .bg{ width: 800px; position: absolute; height:800px; top: 50%; margin-top: -400px; left: 50%; margin-left: -400px; background-color: #000000; opacity: .5;filter:alpha(opacity=50); border-radius: 50%;}
#about .team .teamList .show{ width: 100%; height: 100%;}
#about .team .teamList .show:hover .bg{ transform: scale(0); -webkit-transform: scale(0); opacity: 0;filter:alpha(opacity=0);}
#about .team .teamBox ol{ width: 100%; text-align: center; margin-top: 50px;}
#about .team .teamBox ol li{ display: inline-block; border: 3px solid #b9b9b9; width: 9px; height: 9px; border-radius: 50%; margin-right: 31px; cursor: pointer;}
#about .team .teamBox ol li.cur{ border-color: #375221;}
#about .team .teamBox ol li:hover{border-color: #375221;　}
#about .team .teamBox .hide{ width: 1200px; height: 545px; top: 50%; margin-top: -273px; position: fixed; left: 50%; margin-left: -600px; z-index: 10000; display: none\9; transform: scale(0); -webkit-transform: scale(0); opacity: 0;}
#about .bg1{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000000;opacity: .7;filter:alpha(opacity=70); display: none;}
#about .team .teamBox .hide .box{width: 100%; height: 100%; position: relative; z-index: 10;}
#about .team .teamBox .hide .imgBox{ width: 734px; height: 545px; overflow: hidden; font-size: 0px; float: left;}
#about .team .teamBox .hide .textBox{ width: 386px; height: 488px; padding:57px 40px 0; overflow: hidden; float: left; background-color: #456729;} 
#about .team .teamBox .hide .close{ width: 44px; height: 44px; position: absolute; top: 0px; right: 0px; background: url("../images/coloseTeam.jpg"/*tpa=http://www.mengtianzu.com/statics/images/coloseTeam.jpg*/) no-repeat;}
#about .team .teamBox .hide .name{font-size: 20px; font-weight: bold; color: #ffffff; margin-bottom: 30px;}
#about .team .teamBox .hide .info{  font-size: 12px; color: #ffffff; line-height: 24px;}
#about .team .teamBox .hide.cur{ transform: scale(1); display: block\9; -webkit-transform: scale(1);opacity: 1;}
#about .news{ padding-top: 69px; padding-bottom: 72px;}
#about .newsBox{ height: auto; width: 100%; overflow: hidden; margin-top: 40px;}
#about .newsList{ width: 100%; height: auto;}
#about .newsList li{ width: 100%; min-height:710px; position: relative; margin-bottom: 66px; display: none;}
#about .news .scoops{ width: 290px; height: auto; position: absolute; display: block;  top: 0; left: 0;} 
#about .news .scoops .imgBox{ font-size: 0px; width: 100%; height: 157px;}
#about .news .scoops .textBox{ padding: 22px 30px 22px 20px; width: 240px; background: #f0f0f0;}
#about .news .scoops .textBox .tit{ font-weight: bold; color: #828282; font-size: 15px;transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
#about .news .scoops .textBox .text{ color: #a9a9a9; margin-top: 15px; text-align: left;transition-duration: 0.5s; -webkit-transition-duration: 0.5s; position: relative; }
#about .news .scoops:hover .textBox .tit{ color: #000000;}
#about .news .scoops:hover .textBox .text{ transform: translateY(-5px);-webkit-transform: translateY(-5px);}

#newsDel{ background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/); width: 100%; height: auto; overflow: hidden; padding-bottom: 70px;}
#newsDel .bigTit{ margin-top: 80px; margin-bottom: 70px;}
#newsDel .newsBox{ width: 1075px; height: auto; min-height: 500px; position: relative; background: #ffffff; margin-bottom: 30px; box-shadow: 0px 3px 10px #A9A9A9; padding: 60px 65px 50px;text-align: center; }
#newsDel .newsBox .returnList{ display: block; background: url("../images/backList.jpg"/*tpa=http://www.mengtianzu.com/statics/images/backList.jpg*/); width: 27px; height: 92px; position: absolute; top: 0; right: -27px; }
#newsDel .newsBox .returnList:hover{ background-position:0 -3px;}
#newsDel .newsBox .title{ font-size: 20px; font-weight: bold; color: #333333; text-align: center;}
#newsDel .newsBox .time{ font-size: 12px; color: #999999; text-align: center; margin-top: 15px;  margin-bottom: 25px; padding-bottom: 5px; border-bottom:1px solid #ccc;} 
#newsDel .newsBox .time span{ margin-right: 10px;}
#newsDel .newsBox p{ font-size: 12px; color: #333333; line-height: 24px; text-align: left;}
#newsDel .newsBox img{ display: inline-block; margin: 20px 10px ;}
#newsDel .newsBtn{ width: 100%; display: block; height: 23px; overflow: hidden; color: #333333; font-size: 14px; margin-bottom: 10px;}
#newsDel .newsBtn .bg{ width:23px ; height: 23px; background: url("../images/newsBtns.jpg"/*tpa=http://www.mengtianzu.com/statics/images/newsBtns.jpg*/) no-repeat bottom left; float: left; margin-right: 10px;}
#newsDel .newsBtn.next .bg{ background-position:right  bottom;}
#newsDel .newsBtn.next:hover .bg{ background-position:right  top;}
#newsDel .newsBtn.prev:hover .bg{ background-position:left  top;}
#newsDel .newsBtn:hover{ color: #77910B;}


#product{ background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/); width: 100%; height: auto; overflow: hidden; padding-top: 80px;padding-bottom: 65px;}
#product .proNav{ width: 100%; height: 67px; text-align: center; line-height: 67px;  background: url("../images/proNavbg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/proNavbg.jpg*/); margin-top: 35px;}
#product .proNav li{ display: inline-block;}
#product .proNav li a{ font-size: 22px; text-transform: uppercase; padding: 0 27px; font-family:"黑体"; }
#product .proNav li.cur a{ color: #fff006;}
#product .proNav li:hover a{ color: #fff006;}
#product .proList{ width: 100%; height: auto;}
#product .proList .texts{ width: 1140px; padding: 22px 30px 15px; background: #FFFFFF; color: #666666; font-size: 14px; line-height: 24px; min-height: 85px;}
#product .proList .imgList{ width: 100%; margin-top: 13px; overflow: hidden; margin-bottom: 57px;}
#product .proList .imgList li{ width: 390px; position: relative; height: 270px; overflow: hidden; cursor: pointer; float: left; margin-right: 15px; margin-bottom: 14px;}
#product .proList .imgList .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #428d06; opacity: .5;filter:alpha(opacity=50); display: none;}
#product .proList .imgList .text{ width: 100%; text-align: center; font-size: 24px; position: absolute; top: 0; color: #ffffff; margin-top: 120px; display: none;}
#product .proList .imgList .border{ background: #FFFFFF; position: absolute;}
#product .proList .imgList .border1{ width: 1px; height: 0px; top: 10px; left: 60px;}
#product .proList .imgList .border2{ width: 1px; height: 0px; bottom: 10px; right: 60px;}
#product .proList .imgList .border3{ width: 0px; height: 1px; top: 30px; left: 40px;}
#product .proList .imgList .border4{ width: 0px; height: 1px; bottom: 30px; right: 40px;}
#product .proList .imgList .hide{ width: 700px; height: 485px; position: fixed; top: 50%; margin-top: -243px; left: 50%; margin-left: -350px; z-index: 101; display: none;}
#product .bg1{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; opacity: .5;filter:alpha(opacity=50); z-index: 100; display: none;}
#product .proList .imgList .hide .bg2{ width: 100%; height: 104px; background-color: #000000; position: absolute; bottom: 0; left: 0; transform: translateY(40px); -webkit-transform: translateY(40px);opacity: 0;filter:alpha(opacity=0); }

#product .proList .imgList .hide .textBox{ width: 640px; left: 50%; margin-left: -320px; height: 104px; color: #ffffff;  position: absolute; bottom: 0; }
#product .proList .imgList .hide .tit{ font-size: 24px; margin-top: 15px; transform: translateY(20px); -webkit-transform: translateY(20px);opacity: 0;filter:alpha(opacity=0);}
#product .proList .imgList .hide>img{ transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0;filter:alpha(opacity=0);}
#product .proList .imgList .hide .close{width: 23px; transform: translate(-50px,50px); -webkit-transform: translate(-50px,50px); height: 22px; background: url("../images/closeBtn.png"/*tpa=http://www.mengtianzu.com/statics/images/closeBtn.png*/); position: absolute; top: -50px; right: -50px; opacity: 0;filter:alpha(opacity=0); }
#product .proList .imgList .hide .text3{transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0;filter:alpha(opacity=0);}
#product .proList .imgList .hide .cur{transform: translate(0px,0px); -webkit-transform: translate(0px,0px);opacity: 1;filter:alpha(opacity=100);}
#product .proList .imgList .hide .bg2.cur{transform: translate(0px,0px); -webkit-transform: translate(0px,0px);opacity: .7;filter:alpha(opacity=70);}
#product .proList .imgs{ margin-top: 13px;  height: auto; width: 100%; background-color: #FFFFFF; font-size: 14px; line-height: 26px; text-align: left; color: #828282;}


#case{ width: 100%; height: auto; padding-top: 80px; padding-bottom: 60px; background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/);}
#case .caseNav{ width: 100%; background: url("../images/caseNavBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/caseNavBg.jpg*/) no-repeat; height: 68px; line-height: 68px; color: #FFFFFF; text-align: center; margin-top: 36px;}
#case .caseNav li{ display: inline-block;  font-size: 22px; font-family: "黑体"; padding: 0 25px; cursor: pointer;}
#case .caseNav li.cur{ color: #fff006;}
#case .caseNav li:hover{ color: #fff006;}
#case .caseList{ width: 100%; text-align: center; max-height: 947px; position: relative; overflow: hidden; margin-bottom: 30px;  }
#case .caseList>li{ width: 100%; overflow: hidden; padding-bottom: 5px;  }
#case .caseList>li>a{ display: block; float: left; margin-right: 5px; height: auto; overflow: hidden; position: relative; font-size: 0px; margin-bottom: 7px;} 
#case .caseList>li>.pageBtn{ float: left; margin-top: 54px;}
#case .caseList>li>a .bg{ width: 100%; height: 100%; position: absolute; opacity: .8; background: #456729;filter:alpha(opacity=80); top: 0; left: 0; display: none;}
#case .caseList>li>a .textBox{ width: auto; padding-left: 60px; height: 76px;top: 50%; text-align: left;margin-top: -38px; position: absolute; left: 0;}
#case .caseList>li>a .textBox .tit{ font-size: 30px; color: #ffffff; font-weight: bold; transform: translateY(50px);-webkit-transform: translateY(50px); opacity: 0;filter:alpha(opacity=0);}
#case .caseList>li>a .textBox .text{ font-size: 14px; color: #ffffff; margin-top: 10px;transform: translateY(60px);-webkit-transform: translateY(60px);opacity: 0;filter:alpha(opacity=0);}
#case .caseList>li>a .textBox .cur{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1;filter:alpha(opacity=100);}


#cityFarm{ width: 100%; height: auto; overflow: hidden; background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/); position: relative;}
#cityFarm .title{ width: 930px; float: right; position: relative; margin-top: 45px;}
#cityFarm .title .number{ position: absolute; width: 142px; height: 86px; font-size: 0px; left: -150px;}
#cityFarm .title .fontG{ width: 100%; font-size: 30px; color: #456729;}
#cityFarm .title .text{ font-size: 16px; color: #666666;} 
#cityFarm .imgList{ float: right; margin-right: 127px; width: 800px; margin-top: 15px;}
#cityFarm .imgList li{ float: left; width: 245px; margin-right: 30px; text-align: center; font-size: 30px; color: #c00000; margin-bottom: 15px;}
#cityFarm .imgList li.mr{ margin-right: 0px;}
#cityFarm .scrollImg{position: relative; width: 100%; height: 264px; background: #000000; margin-top: 50px; text-align: center;}
#cityFarm .scrollImg .bg{ width: 100%; height: 264px; background-image: url("../images/cityFBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/cityFBg.jpg*/); background-attachment:fixed; opacity: .8; background-size: cover; position: absolute; top: 0; left: 0;}
#cityFarm .scrollImg .text1{ font-size: 48px; color: #ffffff; position: relative; z-index: 10; padding-top: 20px; line-height: 58px;}
#cityFarm .scrollImg .text2{ position: relative; z-index: 10; font-size: 18px; color: #ffffff; margin-top: 15px;}
#cityFarm .scrollImg .arrow{ position: relative; z-index: 10; background: url("../images/arrowDown.png"/*tpa=http://www.mengtianzu.com/statics/images/arrowDown.png*/); width: 34px; height: 16px; margin:25px auto 0;}
#cityFarm .navBox{ width: 100%; height: 83px; line-height: 83px; border-bottom: 1px solid #bbbbbb;  background: #FFFFFF;}
#cityFarm .navBox .navList{ width: 1200px; height: 100%; overflow: hidden; margin: auto;}
#cityFarm .navBox .navList li{  float: left; width: 280px; font-size: 24px; color: #666666; border-right: 1px solid #c3c3c3; text-align: left; text-indent: 60px; position: relative; cursor: pointer;}
#cityFarm .navBox .navList li.bl{  border-left: 1px solid #c3c3c3;}
#cityFarm .navBox .navList li.cur{ background: #456729; color: #ffffff;}
#cityFarm .navBox .navList li:hover{ background: #456729; color: #ffffff;}
#cityFarm .navBox .navList li .icons{ width: 50px; height: 54px; background: url("../images/farmIcons.png"/*tpa=http://www.mengtianzu.com/statics/images/farmIcons.png*/) no-repeat 0 -40px; position: absolute; left: 170px; top: 50%; margin-top: -30px;}
#cityFarm .navBox .navList li .icon1{ background-position: -180px -40px;}
#cityFarm .navBox .navList li .icon2{background-position: -90px -40px;}
#cityFarm .navBox .navList li .icon3{background-position: 0px -40px;}
#cityFarm .navBox .navList li:hover .icon1{ background-position: -180px 10px;}
#cityFarm .navBox .navList li:hover .icon2{background-position: -90px 10px;}
#cityFarm .navBox .navList li:hover .icon3{background-position: 0px 10px;}
#cityFarm .navBox .navList li.cur .icon1{ background-position: -180px 10px;}
#cityFarm .navBox .navList li.cur .icon2{background-position: -90px 10px;}
#cityFarm .navBox .navList li.cur .icon3{background-position: 0px 10px;}
#cityFarm .vg{ width: 260px; height: 267px; overflow: hidden; font-size: 0px; position: absolute; bottom: 0; right: 0;}
#cityFarm .container{ width: 100%; height: auto; background: #FFFFFF; padding-top: 40px; padding-bottom: 160px;}
#cityFarm .farmList{ width: 100%; height: auto; position: relative;  min-height: 680px; }
#cityFarm .farmList li{ width: 100%; height:auto; display: none; position: absolute; top: 0; left: 0;}
#cityFarm .farmList li .titImg{ margin-left: -40px; font-size: 0px;}
#cityFarm .farmList li .text{ font-size: 14px; color: #666666; line-height: 24px; margin-top: 40px; padding-bottom: 35px;}
#cityFarm .farmList li .imgBox{ overflow: hidden;} 
#cityFarm .farmList li .imgBox>div{ float: left; font-size: 0px; height: 348px;}
#cityFarm .farmList li .imgBox .img2{ font-size: 0px; height: 173px;margin: 0 2px 2px;}
#cityFarm .farmList li .imgBox .img3{ font-size: 0px;height: 173px; margin: 0 2px;}
#cityFarm .farmList li .imgBox .img4{ width: 495px;}

#map{ width: 100%; height: 464px;display: block;}
#map2{ width: 100%; height: 464px; display: none; }
#contact{ background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/); width: 100%; height: auto; padding-top: 60px; padding-bottom: 70px;}
#contact .title{ width: 100%; height: auto; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center; color: #414141; margin-top: 40px; margin-bottom: 36px;}
#contact .addressList{ overflow: hidden; width: 100%; height: auto; text-align: center;}
#contact .addressList li{ display: inline-block;  margin-right: 160px; width: 235px; cursor: pointer;}
#contact .addressList li .icons{ width: 70px; height: 70px; background: url("../images/contIcon.png"/*tpa=http://www.mengtianzu.com/statics/images/contIcon.png*/) no-repeat; margin:0 auto 40px;}
#contact .addressList li .icons.icon1{ background-position: 0 bottom;}
#contact .addressList li .icons.icon2{ background-position: -75px bottom;}
#contact .addressList li .icons.icon3{ background-position: -152px bottom;}
#contact .addressList li:hover .icons.icon1{ background-position: 0 0;}
#contact .addressList li:hover .icons.icon2{ background-position: -75px top;}
#contact .addressList li:hover .icons.icon3{ background-position: -152px top;}
#contact .addressList li .text{ color: #414141; font-size: 14px; line-height: 30px;transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
#contact .addressList li:hover .text{ transform: translateY(-10px); -webkit-transform: translateY(-10px); }
#contact .addressList li.mr{ margin-right: 0px;}

#farmTrip{ width: 100%; height: auto; background: url("../images/aboutBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/aboutBg.jpg*/);}
#farmTrip .farmBox{ position: relative; width: 100%; height: 744px; overflow: hidden;}
#farmTrip .farmBox .bigTitP{ position: absolute; top: 52px; z-index: 10;}
#farmTrip .farmBox .btns{ background: url("../images/chageBtn1.png"/*tpa=http://www.mengtianzu.com/statics/images/chageBtn1.png*/) no-repeat; width: 66px; height: 66px; position: absolute; top: 50%; margin-top: -33px; cursor: pointer; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; z-index: 10; opacity: .6;filter:alpha(opacity=60);}
#farmTrip .farmBox .btns.prev{ left: 20px; background-position: bottom; }
#farmTrip .farmBox .btns.next{ right: 20px;}
#farmTrip .farmBox .btns:hover{ opacity:1;filter:alpha(opacity=100);}
#farmTrip .farmBox .btns.prev:hover{left: 15px;}
#farmTrip .farmBox .btns.next:hover{right: 15px;}
#farmTrip .farmBox .farmList{ width: 100%; height: 100%; overflow: hidden; position: relative;}
#farmTrip .farmBox .farmList li{ position: absolute; top: 0; left: 0; display: none;}
#farmTrip .funFarm{ padding-top: 57px;}
#farmTrip .funBg{ width: 100%; height: 293px; background: url("../images/funBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/funBg.jpg*/) ; background-size: cover; background-attachment: fixed;}
#farmTrip .funBox{ width: 1200px; height: 760px; margin: 42px auto 82px; position: relative;}
#farmTrip .funBox .navList{ width: 100%; height:77px; }
#farmTrip .funBox .navList li{ width: 73px; background: #029669; box-shadow:inset 3px 0px 5px #02815a; height: 52px; position: relative; top: 25px; float: left; border-radius: 5px 5px 0 0; cursor: pointer; }
#farmTrip .funBox .navList li .text{ display: none;text-indent: 65px; width: 100%; height:100%; line-height: 87px; color: #ffffff; font-weight: bold; font-size: 18px;}
#farmTrip .funBox .navList li .bg{  width: 52px; height: 52px; background: url("../images/farmIcons2.png"/*tpa=http://www.mengtianzu.com/statics/images/farmIcons2.png*/) no-repeat; position: absolute; left: 50%; margin-left: -26px;}
#farmTrip .funBox .navList li .bg.bg1{ background-position: 11px 0px; display: block; opacity: 1;filter:alpha(opacity=100);}
#farmTrip .funBox .navList li .bg.bg2{ background-position: -63px 0px;}
#farmTrip .funBox .navList li .bg.bg3{ background-position: -135px 0px;}
#farmTrip .funBox .navList li .bg.bg4{ background-position: -207px 0px;}
#farmTrip .funBox .navList li .bg.bg5{ background-position: -281px 0px;}
#farmTrip .funBox .navList li .bg.bg6{ background-position: -353px 0px;}
#farmTrip .funBox .navList li .bg.bg7{ background-position: -427px 0px;}
#farmTrip .funBox .navList li .bg.bg8{ background-position: -497px 0px;}
#farmTrip .funBox .navList li .bg.bg9{ background-position: -572px 0px;}
#farmTrip .funBox .navList li .bg.bg10{ background-position: -644px 0px;}
#farmTrip .funBox .navList li .bg.bg11{ background-position: -718px 0px;}
#farmTrip .funBox .navList li .bg.bg12{ background-position: -788px 0px;}
#farmTrip .funBox .navList li .bg.bg13{ background-position: -861px 0px;}
#farmTrip .funBox .navList li .bg.bg14{ background-position: -935px 0px;}
#farmTrip .funBox .navList li .bg.bg15{ background-position: -1010px 0px;}
#farmTrip .funBox .navList li.cur{ width: 178px; height:77px; top: 0; background: #f67c34; box-shadow: 3px 0 5px #C3C3C3;}
#farmTrip .funBox .navList li.cur .bg{ left: 40px; top: 16px;}
#farmTrip .funBox .navList li.cur .text{ display: block; }
#farmTrip .funBox .imgBox{ width: 1182px; height: 666px; border: 10px solid #FFFFFF; border-radius: 5px; position: relative;}
#farmTrip .funBox .imgBox .box{ position: relative; width: 100%; height: 100%; overflow: hidden;}
#farmTrip .funBox .imgBox .box .btns{ position: absolute; top: 50%; margin-top: -48px; z-index: 10; background: url("../images/chageBtn2.png"/*tpa=http://www.mengtianzu.com/statics/images/chageBtn2.png*/) right; width: 53px; height: 96px; opacity: .3;filter:alpha(opacity=30); transition-duration: .5s; -webkit-transition-duration: .5s; cursor: pointer; }
#farmTrip .funBox .imgBox .box .btns.prev{ left: 5px; background-position:right top;}
#farmTrip .funBox .imgBox .box .btns.next{ right: 5px; background-position:right bottom;}
#farmTrip .funBox .imgBox .box .btns:hover{ opacity: 1;filter:alpha(opacity=100);}
#farmTrip .funBox .imgBox .box .btns.next:hover{ right: 0;}
#farmTrip .funBox .imgBox .box .btns.prev:hover{ left: 0;}
#farmTrip .funBox .imgBox .box li{ position: absolute; top: 0; left: 0; opacity: 0;filter:alpha(opacity=0); transform: translateX(40px); -webkit-transform: translateX(40px); transition-duration: .8s; -webkit-transition-duration: .8s; z-index: 10; }
#farmTrip .funBox .imgBox .box li.cur{ transform: translateX(0px); -webkit-transform: translateX(0px);opacity: 1;filter:alpha(opacity=100);}
#farmTrip .funBox .imgBox .box li .textB{ width: 1122px; position: absolute; bottom: 0px; height: 110px; color: #ffffff; left:50%; margin-left:-561px;}
#farmTrip .funBox .imgBox .box li .bg{ width: 100%; height: 110px; position: absolute; left: 0; bottom: 0px; background: #000000; opacity: .7;filter:alpha(opacity=70);}
#farmTrip .funBox .imgBox .box li .titB{ font-size: 24px; font-weight: bold; margin-top: 15px;}
#farmTrip .funBox .imgBox .box li .text{ line-height: 24px;}

#farmTrip .market{ width: 100%; height: auto; padding-top: 60px; padding-bottom: 55px; background: #FFFFFF;  }
#farmTrip .marketBox{ width: 1200px; height: 661px; overflow: hidden; position: relative; margin:45px auto 0;}
#farmTrip .marketList{ width: 10000px; height: 572px; overflow: hidden;}
#farmTrip .marketList li{ width: 1200px; height: 100%; float: left;}
#farmTrip .marketList .markets{ width: 393px; height: 282px; position: relative; float: left; margin-bottom: 8px; margin-right: 10px;overflow: hidden;cursor: pointer;}
#farmTrip .marketList .markets.mr{ margin-right: 0px;}
#farmTrip .markets .show .textBox{ width: 101px; height: 22px; line-height: 22px; position: absolute; bottom: 18px; left: 37px; color: #ffffff; font-size: 14px; font-weight: 600; background: #456729; text-indent: 24px;transition-duration: .5s; -webkit-transition-duration: .5s; }
#farmTrip .markets .show .textBox .bg{ width: 22px; height: 22px; background: url("../images/moreBtn.png"/*tpa=http://www.mengtianzu.com/statics/images/moreBtn.png*/) no-repeat; position: absolute; bottom: 0; left: 79px; transition-duration: .5s; -webkit-transition-duration: .5s;}
#farmTrip .markets .show .border{ width: 485px; height: 374px; border: 4px  solid #456729;  transition-duration: .5s; -webkit-transition-duration: .5s; position: absolute; top: -50px; left:-50px;}
#farmTrip .markets .show>img{ transition-duration: 3s; -webkit-transition-duration: 3s; width: 100%;}
#farmTrip .markets .show:hover .bg{ transform:  rotate(180deg); -webkit-transform:  rotate(180deg); left: 115px; top: 50%; margin-top: -11px;}
#farmTrip .markets .show:hover .textBox{ height: 78px; line-height: 78px; width: 100%; left: 0; bottom: 0; font-size: 30px; text-indent: 30px;} 
#farmTrip .markets .show:hover .border{ width: 385px; height: 274px; left: 0; top: 0;}
#farmTrip .markets .show:hover>img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
#farmTrip .markets .show{ width: 100%; height: 100%; position: relative; overflow: hidden;}
#farmTrip .markets .hide{ width: 704px; height: 535px; position: fixed; top: 50%; margin-top: -243px; left: 50%; margin-left: -350px; z-index: 101; display: none;}
#farmTrip .bg1{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; opacity: .5;filter:alpha(opacity=50); z-index: 100; display: none;}
#farmTrip .markets .hide .bg2{ width: 100%; height: 104px; background-color: #000000; position: absolute; bottom: 0; left: 0; transform: translateY(40px); -webkit-transform: translateY(40px);opacity: 0;filter:alpha(opacity=0); transition-duration: .5s; -webkit-transition-duration: .5s;}

#farmTrip .markets .hide .textBox{ width: 640px; left: 50%; margin-left: -320px; height: 104px; color: #ffffff;  position: absolute; bottom: 0; }
#farmTrip .markets .hide .tit{ font-size: 24px; margin-top: 15px; transform: translateY(20px); -webkit-transform: translateY(20px);opacity: 0;filter:alpha(opacity=0);transition-duration: .5s; -webkit-transition-duration: .5s;}
#farmTrip .markets .hide>img{ transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0;filter:alpha(opacity=0);transition-duration: .5s; -webkit-transition-duration: .5s;}
#farmTrip .markets .hide .close{width: 23px; transform: translate(-50px,50px); -webkit-transform: translate(-50px,50px); height: 22px; background: url("../images/closeBtn.png"/*tpa=http://www.mengtianzu.com/statics/images/closeBtn.png*/); position: absolute; top: -50px; right: -50px; opacity: 0;filter:alpha(opacity=0); transition-duration: .5s; -webkit-transition-duration: .5s; }
#farmTrip .markets .hide .text3{transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0;filter:alpha(opacity=0);transition-duration: .5s; -webkit-transition-duration: .5s;}
#farmTrip .markets .hide .cur{transform: translate(0px,0px); -webkit-transform: translate(0px,0px);opacity: 1;filter:alpha(opacity=100);}
#farmTrip .markets .hide .bg2.cur{transform: translate(0px,0px); -webkit-transform: translate(0px,0px);opacity: .7;filter:alpha(opacity=70);}
#farmTrip .btnList{ width: 100%; height: 16px; overflow: hidden; text-align: center; position: absolute; bottom: 0; left: 0;}
#farmTrip .btnList li{ width: 10px; height: 10px; border: 3px solid #b9b9b9; border-radius: 50%; display: inline-block; margin-right: 30px; transition-duration: .5s; -webkit-transition-duration: .5s; cursor: pointer;}
#farmTrip .btnList li:hover{border-color: #375221;}
#farmTrip .btnList li.cur{border-color: #375221;}

#farmTrip .carnival{ padding-top: 77px; padding-bottom: 25px; width: 100%; height: auto;}
#farmTrip .carnival .carnivalBox{ width: 1200px; height: 545px; margin: 47px auto 0; background: #FFFFFF;}
#farmTrip .carnival .carnivalList{ height: 447px; width: 100000px; overflow: hidden; margin-bottom: 40px;}
#farmTrip .carnival .carnivalList li{ width: 1200px; height: 540px; padding-top: 5px; overflow: hidden;}
#farmTrip .carnival .carnivalList li .carnivals{ display: inline-block; position: relative; font-size: 0px; width: 392px; height: 221px;}
#farmTrip .carnival .carnivalList li .carnivals.big{ float: left; margin-right: 4px; margin-left: 6px; width: 795px; height: 447px;}
#farmTrip .carnival .carnivals .lb{ width: 94px; height: 38px; background: url("../images/labels.png"/*tpa=http://www.mengtianzu.com/statics/images/labels.png*/) no-repeat bottom; position: absolute; top: -5px; right: 15px;}
#farmTrip .carnival .carnivals .imgBox{ width: 100%; height: 100%; overflow: hidden;}
#farmTrip .carnival .carnivals .imgBox img{ transition-duration: 3s; -webkit-transition-duration: 3s;}
#farmTrip .carnival .carnivals .lb1{ width: 111px; height: 45px; background-position: top;}
#farmTrip .carnival .carnivals .lb2{ background-position:center -45px;}
#farmTrip .carnival .carnivals .lb3{background-position: bottom;}
#farmTrip .carnival .carnivals .bg{ width: 100%; height: 43px; background-color: #58a41a; opacity: .7;filter:alpha(opacity=70); position: absolute; bottom: 0; left: 0;}
#farmTrip .carnival .carnivals .textBox{ width: 100%; height: 43px; line-height: 43px; color: #FFFFFF; position: absolute; bottom: 0; left: 0; }
#farmTrip .carnival .carnivals .textBox .tit{ font-size: 18px; font-weight: bold; float: left;  margin-left: 12px;}
#farmTrip .carnival .carnivals .textBox .time{ font-size: 12px; float: right; margin-right: 12px;}
#farmTrip .carnival .carnivals.big .textBox{ height: 65px; line-height: 65px;}
#farmTrip .carnival .carnivals.big .textBox .tit{font-size: 24px; margin-left: 28px;}
#farmTrip .carnival .carnivals.big .textBox .time{font-size: 14px; margin-right: 28px;}
#farmTrip .carnival .carnivals.big .bg{ height: 65px;}
#farmTrip .carnival .carnivals.big .lb{ right: 30px;}
#farmTrip .carnival .carnivals:hover .imgBox img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

#index{ width: 100%; height: auto; }
#index .banners{ width: 100%; height: auto; position: relative; overflow: hidden;}
#index .bannerList{ width:100%;height: 890px; overflow: hidden; position: relative;padding-top: 100px;}
#index .banners .btns{ width:41px; height: 103px; background: url("../images/bannerBtn.png"/*tpa=http://www.mengtianzu.com/statics/images/bannerBtn.png*/) no-repeat; position: absolute; top: 50%; margin-top: -52px; z-index: 20; cursor: pointer; transition-duration: .5s; -webkit-transition-duration: .5s; }
#index .banners .btns.btnPrev{ background-position: left; left: 35px;} 
#index .banners .btns.btnNext{ background-position: right; right: 35px;} 
#index .banners .btns.btnPrev:hover{ left: 30px;} 
#index .banners .btns.btnNext:hover{right: 30px;} 
#index .bannerList li{ width: 100%; position: absolute; height: 100%; float: left; font-size: 0px; background-size: cover;  background-position: center; display: none; top: 0; left: 0;}
#index .bannerList .container1200{ position: absolute; left: 50%; margin-left: -600px; height: 100%; top: 0; }
#index .bannerList .textBox{ position: absolute; right: 0px; top:35%; width:520px; height: auto; transform: translateY(-50px); -webkit-transform: translateY(-50px); transition-duration: 1s; -webkit-transition-duration: 1s;filter:alpha(opacity=0); opacity: 0;}
#index .bannerList .textBox.cur{transform: translateY(0px); -webkit-transform: translateY(0px);filter:alpha(opacity=100); opacity: 1; }
#index .bannerList .textBox .text{ font-size: 14px; color: #FFFFFF; line-height: 24px; margin-top: 20px;}
#index .bannerBtn{ width: 100%; height: 3px; text-align: center; position: absolute; bottom: 15%;  }
#index .bannerBtn li{ width: 40px; height: 3px; background: #FFFFFF; display: inline-block; margin-right: 10px; transition-duration: .5s;-webkit-transition-duration: .5s; cursor: pointer; }
#index .bannerBtn li.cur{ background: #00dfb9;}
#index .bannerBtn li.mr{ margin-right: 0px;}
#index .banners .shoushi{ width: 68px; height: 68px; background: url("../images/shoushi.png"/*tpa=http://www.mengtianzu.com/statics/images/shoushi.png*/); position: absolute; bottom: 30px; left: 50%; margin-left: -34px;}
#index .iCityFarm{ width: 100%; background: url("../images/iBg1.jpg"/*tpa=http://www.mengtianzu.com/statics/images/iBg1.jpg*/) no-repeat; height: 755px; padding-top: 200px; background-size: cover;}
#index .iCityFarm .texts{ width: 660px; margin: auto; text-align: center; font-size: 12px; color: #303030; line-height: 22px; margin-top: 12px;}
#index .iCityFarm .iconList{ width: 950px; height: auto; text-align: center; margin: 90px auto 0;  }
#index .iCityFarm .iconList li{ width: 202px; display: inline-block; margin-right: 167px; height: 375px; position: relative;}
#index .iCityFarm .iconList .icons{ width: 144px; height: 144px; overflow: hidden; margin: auto; border-radius: 50%; border: 6px solid #029669; background: url("../images/indexIcons.png"/*tpa=http://www.mengtianzu.com/statics/images/indexIcons.png*/) no-repeat center; position: relative;perspective: 900;transition-duration: 1s; -webkit-transition-duration: 1s; z-index: 10;}
#index .iCityFarm .iconList li.mr{ margin-right: 0px;}
#index .iCityFarm .iconList li a{ display: block; width: 100%; height: 100%;}
#index .iCityFarm .iconList .icons.icons1{background-position: 30px 35px; }
#index .iCityFarm .iconList .icons.icons2{background-position: -125px 35px; }
#index .iCityFarm .iconList .icons.icons3{background-position: -285px 35px; }
#index .iCityFarm .iconList .icons img{opacity: 0;filter:alpha(opacity=0); transition-duration: 1s; -webkit-transition-duration: 1s;}
#index .iCityFarm .iconList .tit1{ font-size: 17px; color: #303030; margin-top: 25px; transition-duration: 1s; -webkit-transition-duration: 1s;}
#index .iCityFarm .iconList .textBox{ width: 100%; height: 282px; position: absolute; bottom: 0; background: #FFFFFF; box-shadow: 0px 3px 10px #BBBBBB;perspective: 900;transition-duration: 1s; -webkit-transition-duration: 1s; transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg); opacity: 0;filter:alpha(opacity=0);}
#index .iCityFarm .iconList .textBox .tit2{ margin-top: 80px;font-size: 17px; color: #303030; line-height: 24px;}
#index .iCityFarm .iconList .textBox .titE{ color: #000000; font-size: 12px; line-height: 24px; opacity: .8;filter:alpha(opacity=80); text-transform: uppercase;}
#index .iCityFarm .iconList .textBox .border{ width: 28px; height: 2px; background: #303030; margin: 4px auto 25px;}
#index .iCityFarm .iconList .textBox .texts2{ color: #000000;opacity: .7;filter:alpha(opacity=70); font-size: 12px; line-height: 18px; width: 90%; margin: auto;}
#index .iCityFarm .iconList .textBox .more{width: 108px; height: 22px; line-height: 22px; color: #FFFFFF; font-size: 12px; background: #029669; border-radius: 10px; margin: 24px auto;}
#index .iCityFarm .iconList li:hover .icons{transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
#index .iCityFarm .iconList li:hover .icons img{opacity: 1;filter:alpha(opacity=100);}
#index .iCityFarm .iconList li:hover .textBox{opacity: 1;filter:alpha(opacity=100);transform:rotateY(0deg); -webkit-transform:rotateY(0deg);}
#index .iCityFarm .iconList li:hover .tit1{ opacity: 0;filter:alpha(opacity=0);}
#index .indexCase{ width: 100%; background: url("../images/iCaseBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/iCaseBg.jpg*/); height: 890px; background-attachment: fixed; background-size: cover;  position: relative;padding-top: 60px;}
#index .indexCase .bg{ width:100%; height: 100%; position: absolute;opacity: .6;filter:alpha(opacity=60); background-color: #000000; }
#index .indexCase .container1200{ z-index: 10;}
#index .indexCase .bigTitW{ padding-top: 130px; }
#index .indexCase .bigTitW .enFont{ color: #FFFFFF;}
#index .indexCase .bigTitW .chFont {color: #FFFFFF;}
#index .indexCase .bigTitW .border{ background: #FFFFFF;}
#index .indexCase .texts6{ color: #FFFFFF; width: 660px; margin:12px auto 40px; font-size: 12px; line-height: 22px; text-align: center;opacity: .7;filter:alpha(opacity=70); }
#index .indexCase .teamBox{ width: 100%; height: auto; position: relative; overflow: hidden;}
#index .indexCase .teamList{ width:99999px; height: 448px;}
#index .indexCase .teamList li{ width: 1200px; height: 100%; overflow: hidden; float: left;}
#index .indexCase .teamList .big{ width: 596px; height: 443px; font-size: 0px; float: left; overflow: hidden; border: 3px solid #FFFFFF; position: relative; cursor: pointer;}
#index .indexCase .teamList .small{ float: left; width: 296px; height: 219px; overflow: hidden; font-size: 0px; border: 3px solid #FFFFFF; border-left: none; border-top: none; border-bottom-width: 4px; position: relative; cursor: pointer;}
#index .indexCase .teamList .small.bt{ border-top: 3px solid #FFFFFF;}
#index .indexCase .teamList .show{ width: 100%; height: 100%;}
#index .indexCase .teamList .bg{ width: 100%; height: 100%; position: absolute; opacity: .8; background: #456729;filter:alpha(opacity=80); top: 0; left: 0; display: none;}
#index .indexCase .teamList .textBox{ width: auto; padding-left: 32px; height: 76px;top: 50%; text-align: left;margin-top: -38px; position: absolute; left: 0;}
#index .indexCase .teamList .textBox .tit{ font-size: 22px; color: #ffffff; font-weight: bold; transform: translateY(50px);-webkit-transform: translateY(50px); opacity: 0;filter:alpha(opacity=0);transition-duration: .5s; -webkit-transition-duration: .5s;}
#index .indexCase .teamList .textBox .text{ font-size: 12px; color: #ffffff; margin-top: 5px;-webkit-transform: translateY(60px);transform: translateY(60px);opacity: 0;filter:alpha(opacity=0); transition-duration: .5s; -webkit-transition-duration: .5s;}
#index .indexCase .teamList .textBox .cur{ transform: translateY(0px); opacity: 1;filter:alpha(opacity=100); -webkit-transform: translateY(0px);}
#index .indexCase .teamBox .btnList{ width: 100%; text-align: center; height: 16px; overflow: hidden; margin-top: 66px;}
#index .indexCase .teamBox .btnList li{ width: 10px; height: 10px; border: 3px solid #FFFFFF; border-radius: 50%; margin-right: 30px; display: inline-block; cursor: pointer;}
#index .indexCase .teamBox .btnList li.mr{ margin-right: 0px;}
#index .indexCase .teamBox .btnList li.cur{ background: #FFFFFF;}
#index .indexCase .teamBox .btnList li:hover { background: #FFFFFF;}

#index .iNews{ width: 100%; height: auto; padding-top: 150px; padding-bottom: 89px; background: url("../images/indexBg.jpg"/*tpa=http://www.mengtianzu.com/statics/images/indexBg.jpg*/);}
#index .iNews .iNewsBox{ width: 962px; height: 707px; margin: auto;}
#index .iNews .iNewsBox .texts7{opacity: .7;filter:alpha(opacity=70); width: 660px; margin: 10px auto 0; font-size: 12px; line-height: 22px; color: #333333; text-align: center;}
#index .iNews .iNewsList{ width: 100%; height:auto; margin-top: 40px; }
#index .iNews .iNewsList li{ width: 474px; height: 259px; overflow: hidden; position: relative; float: left; margin-right: 6px; margin-bottom: 12px;}
#index .iNews .iNewsList li a{ display: block; width: 100%; height: 100%;}
#index .iNews .iNewsList li.mr{ margin-right: 0px;}
#index .iNews .iNewsList li .bg{ width: 100%; height: 100%; background: #456729;filter:alpha(opacity=0); position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); transition-duration: .5s; -webkit-transition-duration: .5s;}
#index .iNews .iNewsList li .tit{ font-size: 22px; font-weight: bold; color: #FFFFFF; position: absolute; top: 105px; left: 40px;transform: translateY(10px); -webkit-transform: translateY(10px); transition-duration: .5s; -webkit-transition-duration: .5s;}
#index .iNews .iNewsList li .time{ font-size: 12px; color: #ffffff; position: absolute; top: 140px; left: 40px; transform: translateY(20px); -webkit-transform: translateY(20px);transition-duration: .8s; -webkit-transition-duration: .8s; opacity: 0;filter:alpha(opacity=0);}
#index .iNews .iNewsList li:hover .bg{ filter:alpha(opacity=80); opacity: .8; }
#index .iNews .iNewsList li:hover .tit{transform: translateY(0px); -webkit-transform: translateY(0px); }
#index .iNews .iNewsList li:hover .time{transform: translateY(0px); -webkit-transform: translateY(0px);filter:alpha(opacity=100); opacity: 1;}


#navRight{ width: 159px; height: 471px; position: fixed; top: 50%; margin-top: -235px; right: 23px; background: url("../images/navRight2.png"/*tpa=http://www.mengtianzu.com/statics/images/navRight2.png*/); display: none; z-index: 1000;  }
#navRight .backTop{ width: 61px; height: 17px; left: 42px; bottom: 19px; position: absolute; cursor: pointer;}
#navRight .phone{ width: 118px; height: auto; position: absolute; left: 30px; bottom: 40px; font-size: 14px; color: #ffffff; text-align: center;}
#navRight .wx{ width: 84px; height: 84px; position: absolute;  bottom: 115px; left: 47px;}
#navRight .gz{ width: 61px; height: 17px; position: absolute; left: 42px ; bottom: 283px;  display: block;}
#navRight .qq{ width: 118px; text-align: center; position: absolute; left: 30px; top: 90px; font-size: 12px; color: #15b173;}
#navRight .close{ width: 30px; height: 46px; text-align: center; position: absolute; left: 0; top: 163px; padding-top: 37px; font-size: 12px; color: #ffffff; cursor: pointer; line-height: 15px;}

#arrowDown{ width: 31px; height: 64px; position: fixed; background: url("../images/arrowB.png"/*tpa=http://www.mengtianzu.com/statics/images/arrowB.png*/); bottom: 5%; right: 3%;filter:alpha(opacity=70); opacity: .7; animation:arrowDown 2s linear infinite; -webkit-animation:arrowDown 2s linear infinite; z-index: 1000;}

#product .proList .imgList .hide .close.cur1440{top: -30px; right: -30px;}
#index .banners .shoushi.cur1440{ width: 50px; height: 50px; background-size: 100%; bottom: 20px;}
#navRight.cur1440{ right: 10px; margin-top: -200px;}
#farmTrip .markets .hide .close.cur1440{top: -30px; right: -30px;}
#about .team .teamBox .hide.cur1440{ height: 400px; margin-top: -200px;width: 1005px; margin-left: -502px;}
#about .team .teamBox .hide.cur1440 .imgBox{height: 100%; width: 539px;  }
#about .team .teamBox .hide.cur1440 .textBox{height: 343px;}
#about .team .teamBox .hide.cur1440 .imgBox img{ width: 100%;}
#farmTrip .markets .hide.cur1366{ width:526px; height: 400px; margin-top: -150px; margin-left: -263px;}
#farmTrip .markets .hide.cur1366 .textBox { width: 500px; margin-left: -250px;}
#farmTrip .markets .hide.cur1366 .text3{ font-size: 12px;}
#product .proList .imgList .hide.cur1366{ margin-top: -180px;}
.fxBtn{ width: 100%; overflow: hidden;}
.fxBtn .jiathis_style_24x24{ float: right;}
.fxBtn .fx{float: right; font-weight: bold;}
@keyframes arrowDown{
    0%{opacity: .7; transform: translateY(0px);}
    50%{opacity: .3;transform: translateY(20px);}
    100%{opacity: .7;transform: translateY(0px);}
}
@-webkit-keyframes arrowDown{
    0%{opacity: .7; -webkit-transform: translateY(0px);}
    50%{opacity: .3;-webkit-transform: translateY(20px);}
    100%{opacity: .7;-webkit-transform: translateY(0px);}
}
#banner{height:464px;}
.banner{height:464px;margin:auto ;background: url(../images/atr_banner.jpg)center no-repeat;}
#art_head{height:140px;}
.art_head{height:100px;width:1140px;margin:auto;padding-top: 37px;}
.art_head h2{color:#456729;text-align: center;font-size: 30px;}
.art_head h3{height:44px;line-height:44px;text-align: center;font-size: 24px;background: url(../images/likebg.jpg)bottom no-repeat;}
#art_main{
	height:auto;
}
.art_main{
	min-height: 500px;
	line-height: 30px;
	width:1140px;
	margin:auto;
	padding-bottom: 30px;
}


/*产品页样式*/
.pro_main{min-height: 600px;
	
	width:1140px;
	margin:auto;
	padding-bottom: 30px;}
.pro_main ul{}
.pro_main ul li{float:left;margin-right: 9px;}
.pro_main ul li a{}	
.paging{height:30px;line-height: 30px;text-align: center;margin:auto;}
/*列表页样式*/
.list_main{min-height: 500px;
	
	width:1140px;
	margin:auto;
	padding-bottom: 30px;}
.list_main ul{}
.list_main ul li{width:900px;height:40px;margin:auto;line-height:40px;border-bottom: 1px dashed #aaa;}
.list_main ul li a{color:#333;}
.list_main ul li a h4{width:800px;overflow:hidden;float:left;}
.list_main ul li a h5{float:right;}
/**************footer***************/
#footer1{ width: 100%; height: 300px; background: #2f2f2f;}
#footer1 .footerBox{ padding-top: 48px; width: 100%; height: auto; height:225px; overflow: hidden;}
#footer1 .footerBox .logoBox{ float: left; width: 376px; height: 100%;}
#footer1 .footerBox .logoBox .text{ color: #ffffff; margin-top: 20px; line-height: 20px;}
#footer1 .footerBox .contactBox{ width: 528px; height: 100%; margin-left: 83px; float: left;}
#footer1 .footerBox .contactBox .tit{ font-size: 20px; font-weight: bold; color: #FFFFFF; margin-top: 20px; margin-bottom: 36px;}
#footer1 .footerBox .contactBox .icons{ width: 21px; height: 97px; overflow: hidden; float: left;}
#footer1 .footerBox .contactBox .texts{ width: 485px; float: left; overflow: hidden; margin-left: 15px; margin-top: -13px;  }
#footer1 .footerBox .contactBox .texts li{color: #FFFFFF; width: 100%; height: auto; line-height: 40px; }

#footer1 .footerBox .wxBox{ width: 212px; float: left; height: 100%;}
#footer1 .footerBox .wxBox .links { width: 100%; height: 30px; overflow: hidden;}
#footer1 .footerBox .wxBox .links a{display: inline-block; width: 92px; height: 28px; line-height: 28px; border: 1px solid #FFFFFF; text-align: center;}
#footer1 .footerBox .wxBox .icons{ margin-top: 10px; font-size: 0px;}
#footer1 .footerBox .wxBox .icons>img{ width: 105px; height: 105px; display:block; float: left;}
#footer1 .footerBox .wxBox .icons ul{ width: 30px; height: 105px; float: left; margin-left: 15px;}
#footer1 .footerBox .wxBox .icons ul li{ width: 100%; height: 35px; background: url("../images/footerIcons2.png"/*tpa=http://www.mengtianzu.com/statics/images/footerIcons2.png*/) no-repeat; background-size: 27px;}
#footer1 .footerBox .wxBox .icons ul a{ display: block; width: 100%; height: 100%;}
#footer1 .footerBox .wxBox .icons ul li.cur1{ background-position: center 2px;}
#footer1 .footerBox .wxBox .icons ul li.cur2{ background-position: center -26px}
#footer1 .footerBox .wxBox .icons ul li.cur3{ background-position: center bottom;}
#footer1 .lins{ width: 100%; height: auto; overflow: hidden;  }
#footer1 .lins a{ font-size: 12px; color: #ffffff; opacity: 0.3;filter:alpha(opacity=30);}
#footer1 .lins a:hover{ opacity: 1;filter:alpha(opacity=100);}
#copy{ width: 100%; height: 25px; line-height: 25px; color: #ffffff;  background: #232323; overflow: hidden;}
#copy .container1200{  font-size: 12px; overflow: auto;} 
#copy .container1200 a{ line-height: 28px;filter:alpha(opacity=30);opacity: .3;}
#copy .container1200 span{ line-height: 28px;filter:alpha(opacity=30);opacity: .3;}
#copy .container1200 a.a1{ margin-right: 35px;}
#copy .container1200 a.a2{ margin-right: 40px;}
#copy .container1200 a.a3:hover{ opacity: 1;filter:alpha(opacity=100);}