.home_page_swiper{
    width: 100%;
    position: relative;

}

.home_page_swiper img{
    height: 100%;
        object-fit: cover;
}
.swiper-slide span img{
    height: 23px;
    width: 23px;
}
.swiper-pagination{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 40px !important;
    width:100vw !important;
}
.swiper-pagination-bullet-active{
    color: white !important;
    background-color:rgba(0,0,0,0) !important;
}
.swiper-pagination-bullet-active>.slide{
	animation:mymove 4.6s ;
	animation-timing-function:linear;
}
.my-bullet>.slide{
	height:4px;
	width:0%;
	background-color:white;
	position: absolute;

}
.my-bullet>.gray{
	height:4px;
	width:100%;
	background-color:rgba(255,255,255,0.4);
	

}
@keyframes mymove{
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}
		
}
.swiper-slide{
    position: relative;
    overflow:hidden;
}
.swiper_title{
    position: absolute;
    top: 75px;
    width: 100%;
}
.swiper_title>span{
    color: white;
    text-align: center;
}
.swiper_title>span:last-child img{
    display: inline-block;
    margin:0 3vw;
}
.my-bullet{
    height: 18px;
    width: 180px;
    display: block;
    margin-left: 1.3vw;
    padding-bottom: 8px;
    font-size:18px;
    font-weight:400;
    color:rgba(255,255,255,0.4);
    position: relative;
}
/* 棣栭〉妯遍洩鐑崠娌圭儫鏈� */
.homg_page_smart{
    height: 930px;
    width: 100%;
    background: url(../img/homepage/02.gif) no-repeat center center;
    background-size: cover !important;
    padding-top: 80px;
    position: relative;
}
.smart_title{
    color: white;
}
.smart_list{
    display: flex;
    position: absolute;
    bottom: 116px;
    padding: 0 13.8%;
    justify-content: space-around;
    width: 72.4%;
}
.smart_list>li{
    width: 11.5vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.smart_list>li>img{
    width: 9.8vw;
    height: 9.8vw;
    object-fit: scale-down;
}
.smart_list>li>span{
	width: 208px;
    height: 25px;
    color: white;
    font-size:18px;
    font-weight:400;
    letter-spacing:1px;
    display: block;
    text-align: center;
    margin-top: 5px;
}
.smart_list>li>a{
    width: 8vw;
    border-radius:15px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    height: 30px;
    display: block;
    line-height: 30px;
    margin-top: 42px;
    background-color: #3275D0;
}
.smart_list>li>a:hover{
	background-color:#3F90FF;
}
.smart_title span{
    display: block;
    text-align: center;
}
.footer2-img-list>ul:last-child i{
  display: none;
}
/* 棣栭〉妯遍洩鍘ㄧ數绯诲垪 */
.homg_page_explore{
    position: relative;
}
.explore_head_bgc{
    background: linear-gradient(to bottom, #e3e3e3 0%,#ffffff 100%);
    height: 530px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.homg_page_explore>.explore_head{
    height: 530px;
    display: flex;
    z-index: 10;
}
.explore_link {
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    flex:0.8;
    z-index: 10;
}
.explore_right{
    flex:1;
    position: relative;
}

.explore_right>canvas{
    position: absolute;
    height: 100%;
    width: 100%;
}
.explore_right>img{
    position: absolute;
}
.sky_blue{
    z-index: 1000;
}
.img_pos_1{
    top: 0;
    right:11vw;
    width: 29.4vw;
}
.pos_1{
    top: 163px;
    left: 42%;
}
.img_pos_2{
    bottom: 0;
    width: 4.6vw;
}
.pos_2{
    bottom: 152px;
    left: 19%;
}
.pos_7{
    bottom: 104px;
    left: 4%;
}
.img_pos_3{
    bottom: 0;
    width: 5.2vw;
    left: 10%;
}
.pos_3{
    bottom: 83px;
    left: 33%;
}
.img_pos_4{
    bottom: 0;
    width: 17vw;
    right: 21vw;
    z-index: 3;
}
.pos_4{
    bottom: 205px;
    left: 48%;
}
.pos_5{
    bottom: 140px;
    left: 62%;
}
.pos_6{
    bottom: 63px;
    left: 92%;
}
.img_pos_5{
    bottom: 0;
    width: 13.75vw;
    right: 0;
    z-index: 2;
}
.img_pos_6{
    bottom: 0;
    width: 12.8vw;
    right: 10.5vw;
    z-index: 1;
}
.img_pos_7{
    bottom: 0;
    width: 13.12vw;
    right: 17vw;

}
.explore_link>a{
    border: 1px solid black;
    width: 8vw;
    border-radius: 15px;
    text-align: center;
    height: 30px;
    display: block;
    color: black;
    line-height: 30px;
    margin-top: 20px;
}

.explore_other{
    margin-top: 20px;
}
.explore_other>span{
    display: block;
	height:33px;
	font-size:24px;
	font-family:AlibabaPuHuiTi-Medium,AlibabaPuHuiTi;
	font-weight:500;
	color:rgba(0,0,0,1);
  line-height:33px;
  text-align: center;
}
.explore_list{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.explore_list div{
	height: 170px;
	width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.explore_list>li{
    background: #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.explore_list>li>span{
    margin-top:27px;
}
.explore_list>li>img{
    width: 170px;
    height: 170px;
    object-fit: scale-down;
}
.explore_list>li:first-child{
    margin-left: 0;
}
/* 棣栭〉瀹跺涵绯诲垪 */
.homg_page_kitchen{
    position: relative;
    background: url(../img/homepage/5.png) no-repeat; 
    background-size: contain !important;
}
.kitchen_item{
    position: relative;
    margin-top: 20px;
    border-radius: 5px;
}
.kitchen_item_title{
padding: 36px;
    font-size:24px;
	font-family:AlibabaPuHuiTi-Medium,AlibabaPuHuiTi;
	font-weight:500;
	color:rgba(255,255,255,1);
}
.kitchen_item_title>span{
  display: inline;
}
.homg_page_kitchen>div{
    z-index: 10;
    position: relative;
}
.kitchen_title>span{
    display: block;
    text-align: center;
}
/* 闄勮繎妯遍洩绯诲垪 */
.homg_page_near{
	background-image: url(../img/homepage/near.png);
}
.near_title{
    padding-top: 133px;
    color: white;
}
.homg_page_near>span{
    height:25px;
    font-size:18px;
    font-family:AlibabaPuHuiTi-Regular,AlibabaPuHuiTi;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:25px;
    letter-spacing:2px;
    margin-top: 40px;
}
.near-search{
    background: #fff;
    border-radius: 30px;
    width: 44vw;
    height: 50px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}
.near-search>img{
    position: absolute;
    height: 24px;
    width: 20px;
}
.near-search>img:first-child{
    left: 18px;
    top: 13px;
}
.near-search>img:last-child{
    right: 18px;
    top: 13px;
    width: 25px;
    height: 25px;
}
.search-city{
    position: absolute;
    left: 56px;
    width: 83%;
    height: 50px;
    border: none;
}
.homg_page_near span{
    text-align: center;
}
/* 搴曢儴鏍峰紡 */
.common-footer-2{
    padding:  80px 16.7vw;
    background: #eee;
}
.common-footer-2>.title>span{
    text-align: center;
}
.common-footer-2>.title>span:last-child{
    margin-bottom: 20px;
}
.footer2-img-list{
    background-color: #fff;
}
.footer2-img-list>ul:first-child a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.footer2-img-list>ul{
    display: flex;
}
.footer2-img-list>ul li{
	flex: 1;
}
.footer2-img-list .title{
	font-size:24px;
	font-family:AlibabaPuHuiTi-Medium,AlibabaPuHuiTi;
	font-weight:500;
	color:rgba(0,0,0,1);
	height: 33px;
	line-height: 33px;
	margin-top: 21px;
	letter-spacing:1px;
}
.footer2-img-list .content{
	height:17px;
	font-size:12px;
	font-family:AlibabaPuHuiTi-Regular,AlibabaPuHuiTi;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:17px;
	margin-top: 2px;
}
.footer2-img-list>ul:first-child>li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 262px;
    background-color: #fff;
}
.footer2-img-list>ul:first-child{
    background-color: #eee;
}
.footer2-img-list>ul:first-child>li:first-child{
    margin-right: 2px;
}
.footer2-img-list>ul:last-child>li{
    margin-right: 1px;
    padding-bottom: 21px;
    position: relative;
}
.footer2-img-list>ul:last-child>li:last-child{
    margin-right: 0px;
}
.footer2-img-list>ul:first-child img{
    width: 100px;
    height: 100px;
}
.footer2-img-list>ul:last-child img{
    /* width: 22.6vw; */
    height: 244px;
    margin-bottom: 21px;
}
.footer2-img-list>ul:last-child span{
    padding: 0px 36px;
}

.add-item{
    height: 160px;
    width: 23.8vw;
    background-color: #F0F0F1;
    border-radius: 10px;
    position: absolute;
    display: flex;
    padding: 26px 18px;
    z-index: 100;
    padding-left: 16px;
}
.add-item>div{
    display: flex;
    justify-content: center;
    align-items: center;
}
.add-item>div:first-child{
    flex:3.5;
}
.add-item>div:last-child{
    flex:6.5;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
    padding-left: 20px;
}
.add-item>div:last-child>span{
font-size:18px;
font-family:AlibabaPuHuiTi-Medium,AlibabaPuHuiTi;
font-weight:500;
color:rgba(0,0,0,1);
line-height:25px;
    letter-spacing: 0;
}
.add-item img{
    width: 100%;
    object-fit: scale-down;
}
.exit{
    position: absolute;
    right:-0.1vw;
    top: -.1vw;
    width: 18px !important;
    height: 18px !important;
    display:none;
}
.swiper_title>span{
	display:block;
}
.text-span-left>span:first-child,.text-span-right>span:first-child,
.text-span-left .mediu-font-24,.text-span-right .mediu-font-24{
	width:32vw;
}
.text-span-left .mediu-font-24,.text-span-right .mediu-font-24,.second{
	color:rgba(255,255,255,.6) !important;
}
.text-span-right>span{
	width:97%;
}
.text-span-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33vw;
    align-items: safe;
    right: 14.5vw;
}

.second{
	width:20.5vw;
}
.swiper-bottom{
    position: absolute;
    z-index: 1000;
    width: 100%;
    bottom: 190px;
    left:14.5vw;
}
.swiper-bottom img{
	width:79px;
}
.swiper-bottom span{
	color:white;
}
.right-14{
	right: 14.5vw;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* pc端 */
@media screen and (min-width: 769px) {
  .homg_page_near{
    height: 530px;
  }
  .explore_list>li{
    width: 20.2vw;
    height: 350px;
    margin-left: 4px;
  
  }
  .homg_page_kitchen{
    padding: 80px 9%;
  }
  .homg_page_explore{
    padding: 0 9%;
    padding-bottom: 80px;
  }
  .home_page_swiper{
      height:100vh;
  }
  .kitchen_item{
    height: 400px;
  }
  .explore_other>span{
    width: 230px;
  }
  .explore_list{
    flex-wrap: nowrap;
  }
  
.slide-1>span:first-child{
  height:47px;
  font-size:34px;
  font-family:AlibabaPuHuiTi-Medium,AlibabaPuHuiTi;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:47px;
  letter-spacing:2px !important;
  margin-bottom:8px;
}
.slide-1>span:last-child{
display: flex;
  align-items: center;
  justify-content: center;
  height:74px;
  font-size:54px;
  font-family:AlibabaPuHuiTi-Heavy,AlibabaPuHuiTi;
  font-weight:800;
  color:rgba(255,255,255,1);
  line-height:74px;
  letter-spacing:2px !important;
}
}
.kitchen-item-child img{
  width:43px;
  margin: 0 auto;
}
.kitchen-item-child a{
  border-radius: 15px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    height: 30px;
    display: block;
    line-height: 30px;
    background-color: #3275D0;
    width: 33vw;
}
.kitchen_item{
  position: relative;
}
.kitchen-pro-list{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
}
.kitchen-pro-list li{
  background-color: rgba(0,0,0,.9);
  flex: 1;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0px 21px;
  box-sizing: border-box;
}
.kitchen-pro-list li img:first-child{
  width: 15.7vw;
}
.kitchen-pro-list li img:last-of-type{
  width: 10px;
  height: 17px;
}
/* 移动端 */
@media screen and (max-width: 768px) {
  .home_page_swiper{
    height:550px;
}
.homg_page_near{
  height: 240px;
}
.explore_head_bgc{
  background: url('../img/homepage/slide-bgc.png') no-repeat center center;
  background-size: cover;
}
.add-logo{
  display: none;
}
.home_page_swiper .swiper_title{
  top:40px !important;
}
.home_page_swiper .swiper_title>span{
  /* margin: 0 !important; */
}
.swiper-bottom{
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  bottom: 91px;
}
.second{
  width: 58vw !important;
    padding: 0 21vw;
}
.text-span-left>span{
  text-align: center !important;
  margin: 0 !important;
}
.text-span-left>span:first-child, 
.text-span-right>span:first-child, 
.text-span-left .mediu-font-24, 
.text-span-right .mediu-font-24{
  width: auto;
}
.swiper-slide br{
  display: none;
}
.text-span-right{
  width: 100%;
  right: 0;
}
.text-span-right>span{
  text-align: center !important;
}
.swiper-bottom img{
  width: 44px;
}
.swiper-bottom .mediu-font-24{
  font-size: 10px;
}
.right-fixed{
  /* display: none; */
  z-index: 10000;
}
.kitchen_item{
  height: 200px;
}
.explore_other>span{
  width: 100%;
}
.explore_list{
  flex-wrap: wrap;
}
.explore_list>li{
  width: 49.2vw;
  margin-bottom: 5px;
  padding: 2.5rem;
  box-sizing: border-box;
}
.footer2-img-list .content{
  font-size: 10px;
}
.homg_page_explore{
  padding: 0 ;
}
.homg_page_kitchen{
  padding: 2.5rem 1rem;
}
.near_title{
  padding-top: 48px;
}
.common-footer-2{
  padding: 0;
  background-color: #fff;
}
.footer2-img-list>ul:first-child{
  background-color: #fff;
}
.footer2-img-list .title{
  font-size: 18px;
}
.footer2-img-list>ul:first-child>li{
  background-color: #eee;
  height: 134px;
}
.footer2-img-list>ul:first-child img{
  width: 2.5625rem;
  height: 2.5625rem;
}
.footer2-img-list>ul:last-child img{
  height: 102px;
  object-fit: cover;
  margin-bottom: 0;
}
.footer2-img-list .title{
  margin-top: 0;
}
.footer2-img-list>ul:last-child{
  flex-direction: column;
}
.near-search{
  width: 80vw;
}
.homg_page_near>span{
  font-size: 10px;
  margin-top: 8px;
}
.kitchen_item_title{
  text-align: center;
  font-size: 16px;
  padding: 36px 37%;
}
.explore_list div{
  height: 101px;
  width: 101px;
}
.kitchen_item_title>span{
  display: none;
}
.homg_page_explore>.explore_head{
  flex-direction: column;
}
.explore_link >span{
  text-align: center;
}
.explore_link{
  flex: 0;
  padding-top: 40px;
}
.video-box>video{
  height: 193px !important;
}
.vidoe-text{
  padding: 0 1rem;
}
.smart_list{
  position: relative;
  bottom: 0;
  flex-wrap: wrap;
  padding: 0 1rem;
  box-sizing: border-box;
  width: inherit;
}
.smart_list>li{
  width: 31.5vw;
  margin-top: 40px;
}
.smart_list>li>span{
  font-size: 14px;
}
.smart_list>li>a{
  width: 6.5625rem;
  font-size: 14px;
  margin-top: 10px;
}
.homg_page_smart{
  height:auto;
  padding: 30px 0;
}
.smart_list>li>img{
  width: 100%;
  height: auto;
}
.slide-1>.bolder-font-54{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 218px;
  justify-content: space-between;
}
.slide-1>.mediu-font-24{
  margin:  87px 0 30px;
}
.slide-1>span img{
  width: 11px;
  height: 11px;
}
.my-bullet-text{
  display: none;
}
.my-bullet>.slide{
  height: 1px;
}
.my-bullet>.gray{
  height: 1px;
}
.my-bullet{
  width: 60px;
}
.img_pos_1{
  width: 51.5vw;
  right: 25vw;
}
.footer2-img-list>ul:last-child>li{
  padding-bottom: 0px;
}
.footer2-img-list>ul:last-child span{
  position: absolute;
  color: white;
  top: 30px;
   width: 200px;
  left: 50%;
  margin-left: -100px;
  text-align: center;
  box-sizing: border-box;
}
.footer2-img-list>ul:last-child .content{
  top:60px;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  
}
.explore_right{
  display: none;
}
.explore_link>span:last-of-type{
margin-top: 330px !important;
font-size: 16px !important;
}
.explore_link a{
width: 28vw;
margin: 0 auto;
margin-top: 20px;
}
.footer2-img-list>ul:last-child i{
  position: absolute;
  color: white;
  top: 44%;
  right: 7%;
  font-size: 22px;
  display: block;
}
.common-footer-2 .title span{
line-height: normal !important;
}
.common-footer-2 .title span:first-of-type{
  margin-top: 40px;
}
.home_page_swiper{
  height: 550px;
  width: 100%;
  overflow-x: hidden;
}
.homg_page_kitchen{
  background-size: 200% !important; 
}
.slide-1 .mediu-font-24{
/* margin-top: 87px;
margin-bottom: 30px; */
}
.black-bgc{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.6);
  z-index: -1;
}
.kitchen-pro-list li:not(:last-of-type){
  border-bottom: 1px solid #e5e5e5;
}
.footer2-img-list .black-bgc{
  z-index: 0;
}
.footer2-img-list span,.footer2-img-list a,.footer2-img-list img,.footer2-img-list i{
  z-index: 1;
}
/* .explore_link{
  display: none;
} */
}