.clearfix{*zoom:1;}
.clearfix:before{ content:""; height:0; line-height:0; display:table;}
.clearfix:after{ content:""; height:0; line-height:0; display:table; clear:both;}


.wrapper{
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

.section{
  padding: 40px 0 0;
}
.section>.title{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.section>.title>span{
  background: #7bbf50;
  color: #FFF;
  font-size: 28px;
  font-weight: 600;
  padding: 0 40px;
  line-height: 60px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
}


.home-introduction{
  width: 1130px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 0 0;
}
.home-introduction>.focus{
  width: 620px;
  height: 349px;
  overflow: hidden; 
  position: relative;
}
.home-introduction>.focus .hd{ height:28px; overflow: hidden; position:absolute; right: 10px; bottom: 10px; z-index: 1;}
.home-introduction>.focus .hd>ul{ overflow:hidden; zoom:1; margin: 0; padding: 0; display: flex;}
.home-introduction>.focus .hd>ul>li{ width:28px; height:28px; margin: 0 2px 0 0; line-height:28px; text-align:center; font-size: 12px; background:#fff; cursor:pointer; padding: 0; list-style: none; font-weight: 600;}
.home-introduction>.focus .hd>ul>li.on{ background: #7bbf50; color:#fff;}

.home-introduction>.focus .bd{ position:relative; height:100%; z-index:0;   }
.home-introduction>.focus .bd ul{ margin: 0; padding: 0;}
.home-introduction>.focus .bd li{ zoom:1; vertical-align:middle; margin: 0; padding: 0; list-style: none; }
.home-introduction>.focus .bd img{ width:620px; height:349px; display:block;  }

.home-introduction>.about{
  flex: 1;
  padding: 0 0 0 35px;
  height: 349px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.home-introduction>.about>.text{
  font-size: 18px;
  line-height: 32px;
  color: #333;
}
.home-introduction>.about>.text>span{
  color: #7bbf50;
  font-weight: 600;
}
.home-introduction>.about>.link{
  background: #7bbf50;
  color: #FFF;
  font-size: 16px;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  a:link, 
a:visited { 
color:#fff; 
text-decoration:none; 
} 
a:hover, 
a:active { 
color:#fff; 
text-decoration:none; 
} 
}

/* 项目优势 */
.home-advantage{
  padding: 80px 0 0;
  width: 1130px;
  margin: 0 auto;
}
.home-advantage>.row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home-advantage>.row:first-of-type{
  margin: 0 0 50px;
}
.home-advantage>.row>.item{
  width: 540px;
  height: 300px;
  overflow: hidden;
  background: #FFF;
  background-position: 50% 50%;
  background-size: cover !important;
  position: relative;
}
.home-advantage>.row>.item>.info{
  position: absolute;
  bottom: -90px;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 20px 15px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home-advantage>.row>.item>.info>.name{
  color: #8cf847;
  font-size: 18px;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
}
.home-advantage>.row>.item>.info>.text{
  color: #FFF;
  font-size: 14px;
  height: 75px;
  line-height: 25px;
}
.home-advantage>.row>.item:hover>.info{
  bottom: 0;
}

/* 荣誉证书 */
.home-honor{
  width: 1130px;
  height: 355px;
  margin: 0 auto;
  padding: 80px 0 0;
  overflow: hidden;
}
.home-honor>.list .wrap{ 
  overflow: hidden; 
  zoom: 1;
}
.home-honor>.list .wrap>.item{ 
  width: 220px; 
  height: 355px;
  margin: 0 8px 0 0; 
  float:left; 
  overflow:hidden; 
  position: relative;
}
.home-honor>.list .wrap>.item>.thumb{
  width: 220px;
  height: 295px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('./honor-border.png');
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.home-honor>.list .wrap>.item>.thumb>img{
  width: 184px;
  height: 260px;
}
.home-honor>.list .wrap>.item>.title{
  height: 55px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}



/* 合作案例 */
.home-school{
  width: 1130px;
  height: 210px;
  margin: 0 auto;
  padding: 80px 0 0;
  overflow: hidden;
}
.home-school>.list .wrap{ 
  overflow: hidden; 
  zoom: 1;
}
.home-school>.list .wrap>.item{ 
  width: 310px; 
  height: 199px; 
  background-size: cover !important;
  background-position: 50% 50% !important;
  margin: 0 30px 0 0; 
  float:left; 
  overflow:hidden; 
  position: relative;
}
.home-school>.list .wrap>.item>.name{
  background: rgba(43, 101, 27, 0.8);
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
  color: #FFF;
  text-align:center;
  font-size: 14px;
}


/* 食材供应商 */
.home-supplier{
  width: 1130px;
  margin: 0 auto;
  padding: 80px 0 100px;
}
.home-supplier>.list{
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}
.home-supplier>.list>.item{
  flex: 1;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 20px 0 0;
}
.home-supplier>.list>.item>.logo{
  width: 210px;
  height: 100px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #7bbf50;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home-supplier>.list>.item>.link{
  display: block;
  width: 210px;
  height: 100px;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #7bbf50;
  color: #7bbf50;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home-supplier>.list>.item>.logo>.icon{
  width: 190px;
  height: 90px;
}
.home-supplier>.list>.item>.logo:hover, .home-supplier>.list>.item>.link:hover{
  box-shadow:0 10px 16px rgba(0,0,0,0.2);
  transform: translate(0, -6px);
  -webkit-transform: translate(0, -6px);
  -moz-transform: translate(0, -6px);
  -ms-transform: translate(0, -6px);
  -o-transform: translate(0, -6px);
}



/* 底部版权 */
.footer{
  width: 100%;
  min-width: 1130px;
  background: #7bbf50;
}
.footer>.wrap{
  padding: 60px 0;
  width: 1130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  
  background: url('./copyright.jpg') no-repeat 50% 50% #7bbf50;
  color: #FFF;
}
.footer>.wrap>.copy{
  height: 140px;
}
.footer>.wrap>.copy>.line{
  line-height: 36px;
  font-size: 16px;
}
.footer>.wrap>.icon{
  width: 112px;
  height: 140px;
}
.footer>.wrap>.code>.icon{
  width: 112px;
  height: 112px;
}
.footer>.wrap>.code>.text{
  line-height: 28px;
  font-size: 16px;
  text-align: center;
}