@charset "utf-8";
/*首页--banner*/
@keyframes rotate { 0% { transform: translateY(0); }
  25% { transform: translateY(4px); }
  50% { transform: translateY(8px); }
  75% { transform: translateY(4px); }
  100% { transform: translateY(0); } }
.banner { width: 100%; }
.banner .swiper-slide { display: block; position: relative; width: 100%; height: 100%;}
.banner .swiper-slide img{ display:block; width:100%;}
@media screen and (max-width: 1210px) and (min-width:640px) {
.banner .swiper-slide img{ width:120%;}
}
@media screen and (max-width:640px) {
.banner .swiper-slide img{ width:210%;}
}
.banner .swiper-pagination { position: relative; display:block; text-align:center; vertical-align: middle; }
.banner .swiper-pagination .swiper-pagination-bullet { width:20px; height:5px; margin:0 3px; border-radius:2px; background:var(--main-color); cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.banner .swiper-pagination .swiper-pagination-bullet-active { background: #ffffff; }

.banbullet{ position:absolute; left: 0; right: 0; bottom:6%; margin: auto; font-size: 0; height:10px; width:100%;}
.bantxt{ position:absolute; left:0; top:50%; width:100%; color:#fff; transform: translateY(-50%);}
.bantxt em{ font-size:var(--title-size-60); font-family:"GOTHICB"; display:block; font-weight:700;}
.bantxt p{ font-size:var(--title-size-22); font-weight:100; margin:2% 0; font-family:"ALIMAMA"; max-width:860px;}
.bantxt a{ display:inline-block; color:#fff; border-radius:30px; font-size:var(--title-size-16); cursor: pointer; background: url(../images/ico01.png) var(--main-color) no-repeat center left 20px;}
.bantxt a{  padding:16px 25px 15px 55px;}

.padtb{ padding:0;}
.indpro{ overflow:hidden;}
.indpro_con{ position:relative; border-radius:36px; overflow:hidden;}
.indpro_con img{ display:block; width:100%;}
.indpro_con ul{ position:absolute; z-index:5; left:5%; bottom:7%;}
.indpro_con ul li{ background-color:rgba(255,255,255,0.85); box-sizing: border-box; position:relative; transition: all 1.3s; box-sizing: border-box;}
.indpro_con ul li a{ float:right; width:52px; height:52px; background:url(../images/ico02.png) #fff left bottom no-repeat; border-radius:50%; transition: all 0.3s;}
.indpro_con ul li:hover a{ background:url(../images/ico02.png) var(--main-color) left top no-repeat;}
.indpro_con ul li.hover a{ background:url(../images/ico02.png) var(--main-color) left top no-repeat;}
.indpro_con ul li span{ font-size:var(--title-size-26); font-weight:700; margin-right:25px; line-height:35px; height:70px;}
@media screen and (min-width:1400px) {
.indpro_con ul li{ float:left; padding:25px; height:120px; margin-right:20px; max-width:370px; border-radius:20px;}
.indpro_con ul li p{ opacity:0; position:absolute; left:0; top:0; transition: all .5s; background-color:rgba(0,140,56,0.9); padding:30px; color:#fff; font-size:var(--title-size-18); line-height:1.6; border-radius:20px;}
.indpro_con ul li:hover p{ transform: translateY(-260px); opacity:1;}
.indpro_con ul li.hover p{ transform: translateY(-260px); opacity:1;}
}
@media screen and (max-width:1400px) and (min-width:1160px)  {
.indpro_con ul li{ float:left; padding:25px; height:120px; width: calc(33.33% - 40px); margin:0 10px; border-radius:20px;}
.indpro_con ul li p{ opacity:0; position:absolute; left:0; top:0; transition: all .5s; background-color:rgba(0,140,56,0.9); padding:30px; color:#fff; font-size:var(--title-size-18); line-height:1.6; border-radius:20px;}
.indpro_con ul li:hover p{ transform: translateY(-260px); opacity:1;}
.indpro_con ul li.hover p{ transform: translateY(-260px); opacity:1;}
}
@media screen and (max-width:1160px) {
.indpro_con ul li{ padding:10px 20px; margin:10px; border-radius:20px;}
.indpro_con ul li p{ display:none;}
.indpro_con{ padding:00;}
.indpro_con img{ width:200%;}
.indpro_con ul li a{ width:36px; height:36px; background-size:36px auto;}
.indpro_con ul li:hover a{ background-size:36px auto;}
}

.indabout_con{ position:relative; overflow:hidden;}
@media screen and (min-width: 1210px) {
.indabout_con{ border-radius:30px;}
.indabout_conimg{ position:absolute; left:0; top:0; width:50%; height:100%;}
.indabout_conimg img{ position:absolute; width:100%; height:100%; object-fit: cover; }
.indabout_cons{ width:50%; float:right;}
}
@media screen and (max-width: 1210px) {
.indabout_conimg img{ width:100%;}
}


.indabout_cons{ background:#f8f8f8; padding:4% 5%; font-size:var(--title-size-16); line-height:1.8;}
.indabout_cons ul{ background-color:var(--main-color); padding:10px 0; border-radius:20px; margin:10% 0;}
.indabout_cons ul li{ float:left; width:40%; margin:0 5%; color:#fff; text-align:center;}
.indabout_cons ul li img{ display:block; margin:10px auto; height:55px;}
.indabout_cons a{ background:url(../images/ico05.png) right no-repeat; padding-right:35px;  transition: all 0.3s;}
.indabout_cons a:hover{ background:url(../images/ico05s.png) right no-repeat;}

.indfood{ position:relative; overflow:hidden; margin-top:4%;}
.indfood img.bg1{ position:absolute; width:100%; height:100%; object-fit: cover; }
.indfood .indtitle{ color:#fff; position:relative; z-index:5; margin-top:6%;}
.indfood ul{ position:relative; z-index:5; margin-bottom:8%;}
.indfood ul li{ background-color:rgba(255,255,255,0.9); border-radius:20px;}
@media screen and (min-width:960px) {
.indfood ul li{ float:left; width: calc(25% - 33px); margin-right:44px; padding:2.5% 3% 4%;}
.indfood ul li:nth-child(4n){ margin-right:0;}
.indfood ul li span{ line-height:3;}
}
@media screen and (max-width:960px) {
.indfood ul li{ float:left; width: calc(50% - 15px); margin-right:30px; margin-bottom:30px; padding:20px;}
.indfood ul li:nth-child(2n){ margin-right:0;}
.indfood ul li span{ line-height:1.5;}
.indfood ul li img{ height:35px;}
}
.indfood ul li span{ font-size:var(--title-size-26); font-weight:700;}
.indfood ul li p{ font-size:var(--title-size-16); line-height:25px; height:100px; overflow:hidden; color:#666;}

.indhonor{ position:relative; padding:1% 0 3%;}
.indhonor .swiper-slide { position: relative; display: block; overflow: hidden;}
.indhonor .swiper-slide img{ display:block; width:100%; box-sizing: border-box; padding:10px; border:1px #ddd solid;}

.indnews{ padding:1% 0 3%;}
@media screen and (min-width:760px) {
.indnews ul li{ float:left; width: calc(33.33% - 32px); margin-right:48px;}
.indnews ul li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:760px) {
.indnews ul li{ margin-bottom:20px;}
}
.indnews ul li .nimg{ height:300px; position:relative; overflow:hidden;}
.indnews ul li .nimg img{ position:absolute; width:100%; height:100%; object-fit: cover; }
.indnews ul li a{ display:block;}
.indnews ul li a em{ font-size:var(--title-size-24); display:block; line-height:1.3; color:#111; padding:10px 20px;}
.indnews ul li a p{ font-size:var(--title-size-16); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; color:#666; margin:5px 20px 20px;}
.indnews ul li a i{ background:url(../images/ico05.png) right no-repeat; padding-right:35px;  transition: all 0.3s; padding:10px 20px;}
.indnews ul li a:hover i{ background:url(../images/ico05s.png) right no-repeat;}