.banner-con{
  width: 100%;
  background: #f1f1f1;
}
.good-con{
  width: 1920px;
  height: 1300px;
  background: #fff;
  margin:0 auto;
}
.good-con1{
  width: 1920px;
  height: 600px;
  margin:0 auto;
}
.bottom-top{
  height: 80px;
  background: #fff;

}
.bottom{
  height: 529px;
  min-width: 1160px;
  background: url(../img/bottom.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 529px;
}
/* .good-size{
  width: 1920px;
  height: 150px;
  font-size: 48px;
  color: #0C0C0C;
  line-height: 150px;
  margin:0 auto;
  text-align: center;
  font-weight: 800;
  padding: 1px;
} */
.banner {
  height: 884px;
  min-width: 1160px;
  background: url(../img/banner.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 884px;
}
.YB_banner{
  height: 500px;
  min-width: 1160px;
  background: url(../img/YB_banner.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 500px;

}
.taste_banner{
  height: 935px;
  min-width: 1160px;
  background: url(../img/taste_banner.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 935px;

}
.cooperate_banner{
  height: 500px;
  min-width: 1160px;
  background: url(../img/cooperate_banner.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 500px;

}
.cooperate1 {
  height: 367px;
  min-width: 1160px;
  background: url(../img/cooperate1.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 367px;
}
.cooperate2 {
  height: 547px;
  min-width: 1160px;
  background: url(../img/cooperate2.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 547px;
}
.cooperate3 {
  height: 1605px;
  min-width: 1160px;
  background: url(../img/cooperate3.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1605px;
}
.cooperate4 {
  height: 663px;
  min-width: 1160px;
  background: url(../img/copperate4.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 663px;
}
.home_page {
  height: 220px;
  min-width: 1160px;
  background: url(../img/home_page.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 220px;
}
.home_page1 {
  height: 1157px;
  min-width: 1160px;
  background: url(../img/home_page1.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1157px;
}
.home_page2 {
  height: 898px;
  min-width: 1160px;
  background: url(../img/home_page2.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 898px;
}
.our1{
  height: 461px;
  min-width: 1160px;
  background: url(../img/our1.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 461px;
}
.our2{
  height: 550px;
  min-width: 1160px;
  background: url(../img/our2.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 550px;
}
.banner-container{
  height: 954px;
  width: 1698px;
  margin:0px auto;
  position:relative;
  overflow: hidden;/*用于隐藏超出展示容器的内容部分*/
}
.banner-image-container{
  width:5094px;
  height:954px;
  margin:0px auto;
  animation:text 10s infinite;
  font-size:0px;/*消除图片间隔*/
  
}
.banner-image-container img{
  width:1698px;
  height:954px;
  float:left;
}
/* .banner-image-container:hover{
  animation-play-state: paused;
} */

/* 轮播图关键帧 */
@keyframes text {
0%,20%{
    transform: translateX(0px);
}
25%,45%{
    transform: translateX(-1698px);
}
50%,75%{
  transform: translateX(-3396px);
}
80%,100%{
  transform: translateX(-3396px);
}
}
.YB1{
  height: 1086px;
  min-width: 1160px;
  background: url(../img/YB1.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1086px;
}
.YB2{
  height: 1219px;
  min-width: 1160px;
  background: url(../img/YB2.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1219px;
}
.YB3{
  height: 1359px;
  min-width: 1160px;
  background: url(../img/YB3.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1359px;
}
.taste1 {
  height: 1709px;
  min-width: 1160px;
  background: url(../img/taste1.jpg);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1709px;
}
.taste2 {
  height: 1239px;
  min-width: 1160px;
  background: url(../img/taste2.png);
  text-align: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1239px;
}
.banner .title {
  font-size: 72px;
  color: #ffffff;
  padding-top: 246px;
}