/*
 *	Created by Edward on 23/10/24
 *	Copyright (c) 2023 ishutime.com All rights reserved
*/

* { margin: 0px; padding: 0px; box-sizing: border-box; }
@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.woff2') format('woff2'),  url('../fonts/iconfont.woff') format('woff'),  url('../fonts/iconfont.ttf') format('truetype'); }
@font-face { font-family: SourceHanSans; src: url("../fonts/SourceHanSerifCN-Medium.otf"); }
@font-face { font-family: montserrat; src: url(../fonts/Geometr415MdBTMedium.ttf); }
html, body { font-family: 'SourceHanSans', "思源黑体", " ", ' ', "Arial"; color: #272727; }
input, textarea { font-family: 'SourceHanSans', "思源黑体", " ", ' ', "Arial"; }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.header { width: 100%; height: auto; position: fixed; left: 0%; top: 0%; z-index: 100; padding: 20px 3%; display: flex; justify-content: space-between; align-items: center; -webkit-transition: all .5s; -webkit-transform: translateY(0%); }
.header.active { -webkit-transform: translateY(-100%); }
.banner { width: 100%; position: relative; height: 100vh; z-index: 5; }
.banner i { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; -webkit-transform: scale(1.2); }
.banner.active::i { -webkit-transition: all 3s; -webkit-transform: scale(1); }
.banner i img{ display:block; width:100%; height:100%; object-fit:cover;}
.s1 { width: 25%; height: auto; position: absolute; left: 37.5%; top: -5%; z-index: 5; -webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 1.2s; opacity: 0; -webkit-filter: blur(20px); }
.banner.active .s1 { top: 0%; opacity: 1; -webkit-filter: blur(0px); }
.s2 { width: 70%; height: auto; position: absolute; left: 15%; top: 20%; z-index: 6; opacity: 0; -webkit-filter: blur(20px); -webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 0.5s; }
.s2 img:nth-child(2) { display: none; }
.banner.active .s2 { top: 25%; opacity: 1; -webkit-filter: blur(0px); }
.s3 { width: 50%; height: auto; position: absolute; left: 25%; top: 50%; opacity: 0; -webkit-filter: blur(20px); -webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 0s; }
.banner.active .s3 { top: 46%; opacity: 1; -webkit-filter: blur(0px); }
.smoke { width: 50%; height: auto; position: absolute; left: 25%; top: 25%; z-index: 10; mix-blend-mode: plus-lighter; opacity: 0; -webkit-filter: blur(20px); -webkit-transition: all 3s cubic-bezier(0.215, 0.610, 0.355, 1) 2.4s; }
.banner.active .smoke { opacity: 1; -webkit-filter: blur(0px); }
.smoke::before { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; content: ''; background: url(../images/smoke.png) no-repeat; background-size: cover; opacity: 0; -webkit-transform: rotate(135deg); animation: smoke2 4s linear infinite 2.5s; }
.smoke span { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; display: block; background: url(../images/smoke.png) no-repeat; background-size: cover; opacity: 0; animation: smoke4 4s linear infinite 2s; }
 @keyframes smoke4 {  0% {
 transform: scale(0.75) rotate(80deg);
 opacity: 0;
}
 50% {
 transform: scale(1) rotate(75deg);
 opacity: 1;
}
 100% {
 transform: scale(1.4) rotate(70deg);
 opacity: 0;
}
}
 @keyframes smoke2 {  0% {
 transform: scale(0.75) rotate(135deg);
 opacity: 0;
}
 50% {
 transform: scale(1) rotate(140deg);
 opacity: 1;
}
 100% {
 transform: scale(1.4) rotate(145deg);
 opacity: 0;
}
}
.smoke::after { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; content: ''; background: url(../images/smoke.png) no-repeat; background-size: cover; opacity: 0; -webkit-transform: rotate(65deg); animation: smoke3 4s linear infinite 3.5s; }
 @keyframes smoke3 {  0% {
 transform: scale(0.75) rotate(65deg);
 opacity: 0;
}
 50% {
 transform: scale(1) rotate(70deg);
 opacity: 1;
}
 100% {
 transform: scale(1.4) rotate(75deg);
 opacity: 0;
}
}
.smoke img { opacity: 0; animation: smoke 4s linear infinite 1s; }
 @keyframes smoke {  0% {
 transform: scale(0.75);
 opacity: 0;
}
 50% {
 transform: scale(1);
 opacity: 1;
}
 100% {
 transform: scale(1.4);
 opacity: 0;
}
}
.logo { width: 9%; height:50px; position: relative; }
.logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.nav { margin-right: 230px; }
.nav>ul { width: 100%; display: flex; }
.nav>ul>li { }
.nav ul li.has_sub{ position: relative;}
.nav ul li .firstLab { position: relative; line-height: 45px; }
.nav ul li .firstLab a { display: block; width: 100%; color: #fff; text-align: center; font-size: 20px; padding:0 1.56vw; -webkit-transition: all .5s; letter-spacing: 0px; }
.nav ul li .firstLab a:hover {/* letter-spacing: 3px;*/ opacity:.9; }
.nav ul li .firstLab a:hover::after { width: 30%; left: 35%; }
.nav ul li .firstLab a::after { width: 0%; height: 3px; left: 50%; border-radius: 5px; position: absolute; bottom: -5px; content: ''; background: #fff; -webkit-transition: all .5s; }
.nav ul li ul{ width:100%; min-width:120px; padding:10px 0; background:rgba(255,255,255,.9); box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:100%; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all .3s ease;}
.nav ul li:hover>ul{ opacity:1; visibility:visible;}
.nav ul li ul li{}
.nav ul li ul li a{ display:block; color:#666; text-align:center; font-size:16px; padding:10px 5px;}
.nav ul li ul li a:hover{ color:var(--primary-color);}
.boxes.about_box { background-position:center center; background-repeat: no-repeat; background-size: cover; padding: 12vw 0px; }
.about_singe { width: 30%; position: relative; color: #fff; }
.about_singe .name { width: 280px; position: relative; margin-bottom: 3vw; }
.about_singe .singePage { font-size: 18px; margin-bottom: 4vw; }
.luoma_btn { display: block; width: 182px; height: 66px; position: relative; background: url(../images/btn_bg.png) no-repeat; color: var(--secondary-color); font-size: 18px; }
.luoma_btn:hover p { letter-spacing: 2px; }
.luoma_btn.c { margin: 0px auto; }
.luoma_btn p { width: 100%; height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); text-align: center; font-weight: bold; -webkit-transition: all .5s; }
.food_warp { padding: 0px; margin-top: -6.4vw; background: transparent; z-index: 5; }
.food_box, .about_box { background-image:url(../images/bg2_center.png); background-position:center center; background-repeat:repeat-y; padding-top: 11vw; position: relative; }
.about_box { padding-top: 0vw; }
.boxes.ys_box { background: url(../images/bg3.jpg); margin-top: -6.4vw; padding: 12vw 0px; overflow: hidden; }
.loading { width: 100%; height: 100vh; position: fixed; left: 0%; top: 0%; z-index: 99999999; background: var(--primary-color); -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); overflow: hidden; }
.loading.active { height: 0px; }
.loading_logo { width: 400px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); overflow: hidden; }
.loading_logo img { -webkit-transform: translateY(100%); -webkit-animation: loadingAnimate 3s ease 1 forwards; }
 @-webkit-keyframes loadingAnimate {  0% {
 -webkit-transform: translateY(100%);
}
 40%, 80% {
 -webkit-transform: translateY(0%);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(0%);
 opacity: 0;
}
}
.food_focus { width: 50%; position: absolute; left: 0%; top: 11vw; }
.words1 { width: 30%; height: auto; position: absolute; left: 5%; top: 0%; color: var(--primary-color); font-size: 12vw; line-height: 1; text-align: center; font-weight: bold;/* font-family: montserrat; */
}
.words1 img { /* -webkit-animation: hotBefore 20s ease infinite; */
}
 @-webkit-keyframes hotBefore {  0% {
 -webkit-transform:translateX(-5%);
}
 50% {
 -webkit-transform:translateX(10%);
}
 100% {
 -webkit-transform:translateX(-5%);
}
}
.words2 { width: 40%; height: auto; position: absolute; left: 50%; top: 0%; color: var(--primary-color); font-size: 9vw; line-height: 1; text-align: center; font-weight: bold; }
.words2 img { /* -webkit-animation: hotBefore 10s ease infinite; */
}
.food_hand { width: 25%; height: auto; position: absolute; left: -2%; top: -10vw; z-index: 2; }
.food_hand img { -webkit-animation: swing2 4s linear infinite; -webkit-transform-origin: left top; }
 @-webkit-keyframes swing2 {  10% {
 -webkit-transform: rotate(2deg);
}
 20% {
 -webkit-transform: rotate(-1.25deg);
}
 30% {
 -webkit-transform: rotate(1.25deg);
}
 40% {
 -webkit-transform: rotate(-1.25deg);
}
 50%, 60% {
 -webkit-transform: rotate(0deg);
}
}
.food_box .list { width: 50%; height: auto; position: relative; margin-left: 45%; }
.food_box .list ul { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 3vw; }
.food_box .list ul li { width: 50%; position: relative; margin-bottom: 2vw; }
.food_box .list ul li:nth-child(n+3) { margin-bottom: 0px; }
.food_box .list ul li a { display: block; width: 100%; height: auto; position: relative; }
.food_box .list ul li a .img { -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.food_box .list ul li a:hover .img { -webkit-transform: scale(1.05); }
.food_box .list ul li a .name { -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.food_box .list ul li a:hover .name { left: 15%; }
.food_box .list ul li a .name, .food_focus .name { width: 50%; height: auto; position: absolute; left: 10%; top: 70%; color: #dfd3bf; padding: 0px; display: flex; flex-wrap: wrap; }
.food_box .list ul li a .name .cn { width: auto; text-transform: uppercase; display: flex; padding: 3px 10px; position: relative; z-index: 5; font-size: 18px; }
.food_box .list ul li a .name .cn:last-child { padding-top: 0px; padding-bottom: 5px; padding-right: 30px; }
.food_box .list ul li a .name .cn:last-child::after { height: 20px; width: 20px; background: #dfd3bf url(../images/jt_icon.png) no-repeat; background-size: cover; border-radius: 50%; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); content: ''; }
.food_box .list ul li a .name .cn::before { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background: var(--primary-color); content: ''; -webkit-transition: all .6s cubic-bezier(0.215, 0.610, 0.355, 1) .5s; }
.food_focus .name { width: auto; }
.food_focus .name .cn { width: 100%; display: flex; }
.food_focus .name .cn span { background: var(--primary-color); padding: 5px 20px; width: auto; font-size: 1.6vw; text-transform: uppercase; }
.food_box .list ul li a .name .cn span { width: auto; position: relative; z-index: 3; }
.food_focus .name { left: 10%; }
.common_title { width: 100%; text-align: center; height: auto; margin: 0px auto; margin-bottom: 3vw; color: var(--third-color); font-size: 6vw; font-weight: bold; }
.ysSwiper { overflow: inherit; margin-bottom: 3vw; }
.ysSwiper .info { width: 150%; color: var(--third-color); text-align: center; font-size: 18px; line-height: 1.7; position: relative; left: -25%; -webkit-transition: all .5s; opacity: 0; -webkit-transform: translateY(50px); }
.ysSwiper .info .name { font-size: 2vw; font-weight: bold; margin-top: 15px; }
.ysSwiper .swiper-slide { -webkit-transform: rotate(5deg) translateY(1.4vw); opacity: 0; -webkit-transition: all .5s; }
.ysSwiper .swiper-slide.swiper-slide-prev { -webkit-transform: rotate(-5deg) translateY(1.4vw); opacity: 1; }
.ysSwiper .swiper-slide.swiper-slide-next { -webkit-transform: rotate(5deg) translateY(1.4vw); opacity: 1; }
.ysSwiper .swiper-slide.swiper-slide-active { opacity: 1; -webkit-transform: rotate(0deg) translateY(0vw); }
.ysSwiper .swiper-slide.swiper-slide-active .info { opacity: 1; -webkit-transform: translateY(0px); }
.ysSwiper .swiper-pagination { display: none; }
.about_btop { width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_btop .name { width: 18%; font-size: 6vw; color: var(--primary-color); line-height: 1.1; font-weight: bold; }
.about_btop .about_right { width: 78%; }
.about_btop .about_right .singePage { margin-bottom: 3vw; font-size: 20px; }
.about_bottom { width: 70%; position: relative; margin-top: 3vw; }
.about_bottom .title { width: 100%; height: auto; position: relative; margin-bottom: 2vw; font-size: 3vw; font-weight: bold; color: var(--primary-color); }
.about_bottom .title img { width: 25%; }
.about_bottom .title::after { width: 73%; height: 1px; position: absolute; right: 0%; top: 50%; content: ''; background: var(--primary-color); }
.team_list { width: 100%; position: relative; }
.team_list ul { width: 100%; display: flex; justify-content: space-between; }
.team_list ul li { width: 22%; position: relative; }
.team_list ul li:first-child { display: none; }
.team_list ul li .name { background: #000000; text-align: center; padding: 5px 10px; color: #fff; font-size: 18px; position: relative; margin-top: -30px; margin-bottom: 10px; }
.team_list ul li .des { width: 100%; position: relative; font-size: 16px; line-height: 1.7; }
.about_img { width: 22%; height: auto; position: absolute; right: 0%; bottom: -4vw; }
.honor_box { background-position:center center ; background-repeat:no-repeat; background-size: cover; margin-top: -5vw; padding-top: 12vw; }
.honor { width: 100%; position: relative; margin-top: -3vw; padding-bottom: 2vw; }
.honor_warp { width: 60%; height: auto; position: absolute; left: 20%; bottom: 0%; }
.footer { background-position:center center ; background-repeat:no-repeat; background-size: cover; color: #fff; padding: 55px 0px 15px; position: relative; }
.footer_top { width: 100%; display: flex; justify-content: space-between; }
.footer_top .footer_left { width: 35%; }
.footer_top .footer_nav { width: 60%; position: relative; }
.footer_top .footer_nav ul { width: 100%; display: flex; }
.footer_top .footer_nav ul li { width: 20%; position: relative; }
.footer_top .footer_nav ul li a { display: block; width: 100%; position: relative; color: rgba(255, 255, 255, 0.6); font-size: 16px; text-align: center; line-height: 45px; }
.footer_top .footer_nav ul li a:first-child { color: rgba(255, 255, 255, 1); font-size: 18px; }
.footer_top .footer_nav ul li a:hover { color: rgba(255, 255, 255, 1); }
.footer_center { position: relative; text-align: center; font-size: 20px; padding: 15px 0px; }
.footer_center::after, .footer_center::before { width: 42%; position: absolute; height: 1px; top: 50%; content: ''; background: rgba(255, 255, 255, 0.1); }
.footer_center::before { right: 0%; }
.footer_center::after { left: 0%; }
.copyright { font-size: 12px; width: 100%; display: flex; justify-content: space-between; color: rgba(255, 255, 255, 0.5); }
.copyright a { color: rgba(255, 255, 255, 0.5); }
.copyright a:hover { color: rgba(255, 255, 255, 1); }
#honor .common_title { line-height: 1; }
.footer_left .f_name { width: 100%; position: relative; margin-bottom: 1vw; font-size: 18px; }
.footer_left .f_name b { display: block; width: 100%; position: relative; font-size: 1.8vw; }
.form_box { width: calc(100% - 150px); position: relative; margin-bottom: 1vw; }
.footer_chat { width: 120px; height: auto; position: relative; text-align: center; }
.footer_chat .img { background: #fff; padding: 5px; margin-bottom: 5px; border-radius: 5px; }
.footer_chat p { font-size: 14px; }
.form_box .label_row { position: relative; width: 100%; display: flex; align-items: center; background: rgba(255, 255, 255, 0.1); border-radius: 5px; margin-bottom: 0.5vw; }
.form_box .label_row label { width: 60px; text-align: center; }
.form_box .label_row input { width: calc(100% - 60px); border: none; line-height: 50px; background: transparent; color: #fff; outline: none; font-size: 16px; }
 .form_box .label_row input::placeholder {
 color: rgba(255, 255, 255, 0.5);
}
.submit { width: 40%; height: auto; line-height: 45px; position: relative; display: block; background: #fff; color: var(--secondary-color); border-radius: 5px; text-align: center; cursor: pointer; }
.submit:hover { background: var(--secondary-color); color: #fff; }
.submit.active { opacity: 0.5; cursor: no-drop; }
.add_box { width: 100%; height: auto; position: relative; }
.add_box ul li { width: 100%; display: flex; position: relative; padding: 5px 0px; line-height: 28px; align-items: center; }
.add_box ul li .icon { width: 30px; height: 30px; border: 1px solid #fff; line-height: 28px; text-align: center; position: relative; border-radius: 50%; }
.add_box ul li .txt { margin-left: 5px; }
.about_warp { width: 100%; height: 100vh; background-position:center center ; background-repeat:no-repeat; background-size: cover; }
.common_title.red { color: var(--fourth-color); }
.awl { width: 40%; position: relative; color: var(--third-color); }
.common_title.l { margin-left: 0px; width: 100%; text-align: left; }
.awl .singePage img { width: 60%; margin-bottom: 1vw; }
.about_warp { display: flex; align-items: center; }
.stroe_box { background-position:center center ; background-repeat:no-repeat; background-size: cover; }
.kq_list { width: 100%; height: auto; position: relative; }
.kq_list ul { display: flex; width: 100%; flex-wrap: wrap; }
.kq_list ul li { width: 32%; position: relative; height: auto; margin-right: 2%; }
.kq_list ul li:nth-child(3n) { margin-right: 0%; }
.kq_list ul li .thum { background: var(--primary-color); border-radius: 10px; margin-bottom: 10px; }
.kq_list ul li .thum .pic { border-radius: 0px 0px 10px 10px; }
.kq_list ul li .name { width: 100%; color: var(--third-color); display: flex; justify-content: space-between; padding: 10px 15px; font-size: 20px; align-items: center; }
.kq_list ul li .name p { font-size: 36px; }
.kq_list ul li .title { font-size: 20px; color: var(--primary-color); }
.kq_list ul li .title span { font-size: 16px; }
.stroe_tips { width: 13%; height: auto; position: absolute; right: 0%; top: 0%; }
.shop_box { background-position:center center ; background-repeat:no-repeat; background-size: cover; }
.shop_list { position: relative; }
.shop_list ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.shop_list ul li { width: 48%; height: auto; position: relative; margin-bottom: 3vw; }
.cooper_box { background-position:center center ; background-repeat:no-repeat; background-size: cover; padding-top: 12vw; }
.cooper_list { width: 45%; height: auto; position: relative; }
.cooper_list ul li { width: 100%; display: flex; align-items: center; color: var(--third-color); margin-bottom: 1vw; }
.cooper_list ul li .img { width: 70px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; }
.cooper_list ul li .info { width: calc(100% - 80px); margin-left: 10px; font-size: 18px; line-height: 1.7; }
.cooper_list ul li .info .name { width: 100%; height: auto; position: relative; font-size: 24px; margin-bottom: 5px; font-weight: bold; }
.cooper_list ul li .info .des { opacity: .7; }
.tj_box { width: 100%; height: auto; position: relative; background-position:center center ; background-repeat:no-repeat; background-size: cover; }
.tj_list { width: 100%; height: auto; position: relative; }
.tj_list ul { width: 100%; display: flex; justify-content: space-between; }
.tj_list ul li { width: 18%; height: 60vh; position: relative; background: var(--fourth-color); border-radius: 10px; overflow: hidden; -webkit-transition: all 0.5s; cursor: pointer; }
.tj_list ul li.active { width: 40%; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); z-index: 5; background: #dfd3bf; }
.tj_list ul li .name { width: calc(100% - 70px); height: auto; position: absolute; left: 35px; top: 50px; color: rgba(255, 255, 255, 0.5); -webkit-transition: all .5s; }
.tj_list ul li .name b { display: block; font-size: 2vw; }
.tj_list ul li .name .h3 { font-size: 18px; }
.tj_list ul li.active .name { color: #272727; width: calc(50% - 70px); }
.tj_list ul li .icon { position: absolute; left: 0%; bottom: 0%; color: rgba(255, 255, 255, 0.1); font-size: 15vw; -webkit-transform: translate(-40%, 40%); opacity: 0.5; }
.tj_list ul li .img { width: 0%; height: 100%; position: absolute; right: 0%; top: 0%; background: center center no-repeat; background-size: cover; -webkit-transition: all 0.5s; }
.tj_list ul li.active .icon { color: var(--fifth-color); }
.tj_list ul li.active .img { width: calc(100% - 300px); }
.store_box { width: 100%; height: auto; position: relative; background: url(../images/store_bg.jpg) center center no-repeat; background-size: cover; }
.fb_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.fb_box .fb_select { width: 280px; position: relative; }
.fb_box .list { width: calc(100% - 350px); }
.fb_box .list ul { width: 100%; display: flex; flex-wrap: wrap; align-content: baseline; }
.banner .bt { width: 40%; height: auto; position: absolute; left: 0%; top: 0%; z-index: 1; }
#distpicker3 { position: relative; z-index: 20; }
.fb_box .list ul li { width: calc(100% / 4); height: auto; position: relative; margin-right: 0%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px; }
.swiper-button-next, .swiper-button-prev { color: #000; }
.fb_box .list ul li:nth-child(4n) { padding-right: 0px; }
.fb_box .list ul li:nth-child(4n)::after { display: none; }
.fb_box .list ul li .name { width: 100%; height: auto; line-height: 35px; font-weight: bold; font-size: 16px; }
.fb_box .list ul li .info { position: relative; }
.fb_box .list ul li .info .p { width: 100%; display: flex; flex-wrap: wrap; line-height: 20px; margin-bottom: 10px; }
.fb_box .list ul li .info .p p { width: 75px; height: auto; position: relative; padding-right: 10px; margin-right: 10px; }
.fb_box .list ul li .info .p p::after { width: 1px; height: 15px; position: absolute; right: 3px; top: 2.5px; content: ''; background: rgba(0, 0, 0, 0.1); }
.fb_box .list ul li::after { width: 1px; height: 100%; position: absolute; right: 0px; top: 0px; content: ''; background: rgba(0, 0, 0, 0.1); }
.fb_box .list ul li .info .p b { font-weight: normal; width: 100%; }
.fb_select .box { position: relative; }
.fb_select .box .name { width: 100%; height: auto; line-height: 60px; font-size: 18px; color: #000; font-weight: bold; border-bottom: 1px solid #000; position: relative; cursor: pointer; }
.fb_select .box .name::after { width: 20px; height: 20px; right: 0px; top: 50%; -webkit-transform: translateY(-50%); background: url(../images/sjx_icon.png) no-repeat; background-size: cover; content: ''; position: absolute; -webkit-transition: all .5s; }
.fb_select .box .name.active::after { -webkit-transform: translateY(-50%) rotate(180deg); }
.fb_select .box .city { width: 100%; height: auto; position: relative; display: none; }
.fb_select .box .city p { font-size: 14px; line-height: 50px; position: relative; padding-left: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all .4s; cursor: pointer; }
.fb_select .box .city p:hover { padding-left: 25px; }
.compnay_warp { background-position:center ; background-repeat:no-repeat; background-size: cover; padding-top: 12vw; color: var(--fifth-color); }
.news_box { background-position:center ; background-repeat:no-repeat; background-size: cover; padding-top: 12vw;/*background: transparent;*/
}
.newBg { width: 100%; position: fixed; top: 0; }
.newsItem { width: 100%; display: inline-block; }
.newsItem li { width: 23%; display: inline-block; float: left; margin-right: 2%; margin-bottom: 2%; }
.newsItem li:nth-child(4n) { margin-right: 0; }
.newsItem li .item { display: block; text-align: center; background: var(--third-color); padding: 1vw; }
.newsItem li .item .imgBox { width: 100%; height: 32vw; overflow: hidden; }
.newsItem li .item .imgBox .img { width: 100%; height: 100%; background-size: cover !important; transition: .5s ease-in-out; }
.newsItem li .item .text { color: #583614; padding-top: 1vw; }
.newsItem li .item .text .name { font-size: 18px; }
.newsItem li .item .text .time { font-size: 16px;  margin-top: .5vw;
}
.newsItem li .item:hover .imgBox .img { transform: scale(1.05); }
.com_bg { width: 100%; height: 150vh; position: absolute; left: 0%; top: 0%; background-position:center; background-repeat:no-repeat; background-size: cover; }
.food_con { width: 100%; height: auto; position: relative; }
.compnay_warp .singePage { width: 50%; }
.honor_line { width: 4000px; height: 64px; position: absolute; left: 0%; bottom: 0; display: flex; pointer-events: none; z-index: 3; }
.honor_line img { width: 50%; }
.honor_line.hl1 { -webkit-animation: moves 5s linear infinite; }
.honor_line.hl2 { -webkit-animation: moves 5s linear infinite 2s; opacity: 0.5; }
 @-webkit-keyframes moves {  0% {
 left: 0px;
}
 100% {
 left: -2000px;
}
}
.honorSwiper .swiper-slide { width: 25%; margin-top: 0px; -webkit-transition: all .65s; }
.honorSwiper .name { width: 100%; height: auto; position: relative; margin-top: 20px; font-size: 18px; text-align: center; line-height: 25px; }
.honor_page { width: 100%; height: 60px; display: flex; align-items: flex-start; position: absolute; left: 0px; bottom: 70px; justify-content: center; }
.honor_page .swiper-button-next, .honor_page .swiper-button-prev { position: relative; width: 50px; height: 50px; border-radius: 50%; -webkit-transition: all .65s; border: 1px solid var(--fourth-color); color: var(--fourth-color); }
.honor_page .swiper-button-next:after, .honor_page .swiper-button-prev:after { font-size: 18px; }
.honor_page .swiper-button-next { right: 0px; margin-left: 25px; }
.honor_page .swiper-button-prev { left: 0px; }
.honorSwiper .pic { background-size: contain; }
.honorSwiper { overflow: initial; }
.hornor_box { overflow: hidden; position: relative; padding-bottom: 0px; }
.hornor_box::after { width: 100%; height: 40%; position: absolute; left: 0%; bottom: 0%; content: ''; background: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); }
.honorSwiper { padding-bottom: 200px; }
.honor_tips { width: auto; height: auto; position: absolute; right: 0%; top: 5%; }
.honor_tips p { margin-bottom: 0px; position: relative; line-height: 30px; padding-left: 15px; font-size: 18px; }
.honor_tips p::after { width: 8px; height: 8px; content: ''; background: #272727; border-radius: 50%; position: absolute; left: 0%; top: 12px; }
.team_box { background: url(../images/shop_bg.jpg) no-repeat; background-size: cover; }
.team_warp { width: 100%; display: flex; position: relative; justify-content: space-between; }
.team_left { width: 35%; position: relative; color: var(--fifth-color); }
.team_left ul li{ display:none;}
.team_left ul li:nth-child(1){ display:block;}
.footer_chat.fc2 { display: none; }
.team_row { width: 65%; position: relative; }
.team_row ul { width: 100%; display: flex; justify-content: space-between; }
.team_row ul li { width: 25%; position: absolute; left: 0%; top: 0%; cursor: pointer; }
.team_left .singePage .h3 { margin-bottom: 0px; }
.team_left .singePage p{ margin-bottom:0px;}
.team_row ul li img { opacity: .6; }
.team_row ul li:hover img, .team_row ul li.active img { opacity: 1; }
.team_row ul li:first-child { position: relative; }
.team_row ul li:nth-child(2) { left: 18%; }
.team_row ul li:nth-child(3) { left: 36%; }
.team_row ul li:nth-child(4) { left: 54%; }
.team_row ul li:nth-child(5) { left: 72%; }
.team_left .name { position: relative; z-index: 2; display: initial; }
.team_left .name::before { width: 100%; height: 15px; position: absolute; left: 0%; bottom: -5px; content: ''; background: #000; z-index: -1; }
.team_left .name b { font-size: 2vw; }
.team_left .name span { font-size: 20px; }
.team_left .singePage { margin-top: 1vw; font-size: 16px; }
.f_name { width: 50%; height: auto; position: relative; margin-bottom: 3vw; font-size: 6vw; line-height: 1.2; color: var(--third-color); }
.foods { width: 100%; position: relative; height: auto; margin-bottom: 28vw; }
.foods ul { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.foods ul li { width: 36%; position: relative; margin-bottom: 8vw; }
.foods ul li:nth-child(even) { top: 32vw; margin-right: 5%; }
.foods ul li .thum { border-radius: 10px; }
.foods ul li .name { width: auto; height: auto; position: absolute; left: 0%; top: 20%; -webkit-transform: translateX(-100%); -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .2s; }
.foods ul li.is-inview .name { -webkit-transform: translateX(0%); }
.foods ul li .name .en { background: var(--fourth-color); padding: 3px 10px; padding-top: 10px; text-transform: uppercase; display: initial; }
.foods ul li .name .cn { background: var(--fourth-color); padding: 5px 10px; padding-top: 0px; color: var(--third-color); font-size: 28px; }
.foods ul li .name .dn { background: var(--fourth-color); padding: 3px 10px; text-transform: uppercase; display: initial; font-size: 18px; color: var(--third-color); padding-top: 0px; padding-bottom: 10px; }
.food_top { width: 45%; height: auto; position: absolute; right: 0%; top: 0%; }
.advan_box { width: 100%; height: auto; position: relative; background: url(../images/ad_bgs.jpg); padding-top: 12vw; }
.ad_bg { width: 100%; height: 100vh; position: absolute; left: 0%; top: 0%; }
.ad_list { width: 50%; height: auto; position: relative; color: var(--fifth-color); }
.ad_list ul li { width: 100%; margin-bottom: 10vw; position: relative; }
.ad_list ul li:last-child { margin-bottom: 5vw; }
.ad_list ul li .name { width: 30vw; height: auto; position: absolute; left: 40%; top: 80%; }
.ad_list ul li .name b { display: block; font-size: 4vw; margin-bottom: 0.5vw; text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5); }
.ad_list ul li .name .h3 { font-size: 20px; line-height: 2; }
.ad_list ul li .thum { width: 30vw; height: 30vw; position: relative; border-radius: 50%; }
.ad_list ul li .thum .pic { width: 100%; height: 100%; }
.factory_box { background-repeat:no-repeat; background-size: cover; }
.ad_name { width: 100%; font-size: 4vw; font-weight: bold; color: var(--fourth-color); line-height: 1.2; height: auto; position: relative; margin-bottom: 2vw; }
#ppyyzx .ad_name { color: var(--fifth-color); }
.ad_tips { width: 100%; height: auto; position: relative; line-height: 1.7; font-size: 16px; margin-bottom: 1vw; }
.stroeSinge img:nth-child(2) { display: none; }
.ad_tips b { display: block; font-size: 28px; }
.factory_num { width: 35%; position: relative; }
.factory_num ul li { width: 100%; margin-bottom: 2vw; }
.factory_num ul li .name { width: 100%; color: #fff; background: var(--fourth-color); padding: 5px 10px; font-size: 20px; }
.factory_num ul li .row { width: 100%; display: flex; flex-wrap: wrap; }
.factory_num ul li .row .fac_row { width: 50%; position: relative; color: var(--fourth-color); }
.factory_num ul li .row .fac_row b { display: block; width: 100%; font-size: 3vw; }
.factory_num ul li:last-child { margin-bottom: 0px; }
.factory_img { width: 65%; height: auto; position: absolute; bottom: -15%; right: 0%; }
.yy_box { background-position:center ; background-repeat:no-repeat; background-size: cover; padding-bottom: 0px; }
.ad_info { width: 50%; height: auto; position: absolute; right: 0%; top: 4%; color: var(--fifth-color); font-size: 18px; line-height: 2; }
.f_menu { width: 100%; height: auto; position: relative; display: flex; margin-bottom: 3vw; border-bottom: 1px solid rgba(255,255,255,.1); }
.f_menu a { width: auto; height: auto; line-height: 75px; position: relative; padding: 0px 25px; color: var(--third-color); font-size: 28px; font-weight: bold; }
.onlineChat { width: 118px; height: auto; display: block; position: fixed; z-index: 200; right: 1%; top: 50%; -webkit-transform: translateY(-50%); }
.f_menu a::after { width: 0%; height: 5px; position: absolute; left: 50%; bottom: 0%; content: ''; background: var(--fifth-color); -webkit-transition: all .5s; }
.f_menu a:hover::after, .f_menu a.active::after { width: 100%; left: 0%; }
.footer_row { width: 100%; display: flex; justify-content: space-between; }
.hote_tel { width: auto; display: flex; position: absolute; right: 3%; top: 50%; -webkit-transform: translateY(-50%); color: #fff; align-items: center; }
.hote_tel .icon { width: 35px; height: 35px; border: 1px solid #fff; line-height: 33px; text-align: center; position: relative; font-size: 20px; border-radius: 50%; }
.hote_tel p { margin-left: 5px; font-size: 28px; }
.m_select { display: none; }
.lbox { position: fixed; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.lbox img{ border-radius:30px;}
.lclose { width: 2vw; right: 1vw; top: 1vw; cursor: pointer; position: absolute; }
@media screen and (max-width:1399px) {
	.nav{ margin-right:200px;}
	.nav ul li .firstLab a{ font-size:18px;}
	.hote_tel .icon{ width:30px; height:30px; line-height:28px; font-size:18px;}
	.hote_tel p{ font-size:24px;}
}
@media screen and (max-width:1024px) {
.menu_btn { display: block; background: var(--primary-color); color: transparent; }
.nav { height: calc(100vh - 120px); overflow-y:auto; position: fixed; left: 0px; top: 60px; display: block; width: 100%; background: url(../images/store_bg.jpg) center center no-repeat; background-size: cover; -webkit-transition: all .5s; opacity: 0; visibility: hidden; pointer-events: none; margin-right: 0%; }
.nav ul li ul{ opacity:1; visibility:visible; background:rgba(255,255,255,.5); box-shadow:none; padding:0; position:static; transform:translateX(0);}
.header { background: var(--primary-color); padding: 5px 3%; box-shadow: 0px 0px 30px rgba(0, 0, 0, .1); height: 60px; }
.hote_tel { right: 70px; }
.hote_tel .icon { width: 25px; height: 25px; line-height: 23px; font-size: 14px; }
.hote_tel p { font-size: 18px; }
.logo { width: 32%; }
.s1 { left: 20%; width: 40%; }
.banner.active .s1 { top: 60px; }
html { overflow: inherit; }
.s3 { width: 90%; left: 5%; top: 66%; }
.s2 { width: 70%; left: 15%; top: 28%; }
.banner.active .s2 { top: 38%; }
.banner.active .s3 { top: 56%; }
.smoke { width: 80%; left: 10%; top: 50%; }
.loading_logo { width: 50%; }
.s2 img:nth-child(2) { display: block; }
.s2 img:nth-child(1) { display: none; }
.about_singe .name { width: 150px; margin-bottom: 5vw; }
.about_singe { width: 100%; }
.boxes.about_box { background-position: left center; padding: 15vw 0px; padding-bottom: 25vw; }
.about_singe .singePage { font-size: 16px; margin-bottom: 10vw; }
.w1400 { width: 90%; }
.luoma_btn { width: 110px; height: 40px; background-size: cover; font-size: 14px; }
.words1, .food_focus, .food_hand { display: none; }
.words2 { width: 150px; left: 50%; margin-left: -75px; top: 10vw; }
.food_box { padding-top: 20vw; padding-bottom: 15vw; }
.food_box .list { width: 90%; margin-left: 5%; margin-top: 5vw; }
.food_box .list ul li { margin-bottom: 5vw; width: 100%; }
.food_box .list ul li a .name .cn { font-size: 12px; }
.food_box .list ul li a .name .cn:last-child { font-size: 16px; }
.common_title, .about_bottom .title img { width: 100%; }
.boxes.ys_box { padding: 20vw 0px; }
.ysSwiper .info .name { font-size: 18px; margin-top: 5px; }
.ysSwiper .info .des { font-size: 14px; }
.ysSwiper .info { width: 100%; left: 0%; }
.food_warp .about_box { padding-top: 15vw; padding-bottom: 15vw; }
.about_btop .name { width: 100%; margin-bottom: 5vw; text-align: center; }
.about_btop .name br { display: none; }
.about_btop .about_right { width: 100%; margin-bottom: 10vw; }
.about_btop .about_right .singePage { font-size: 16px; margin-bottom: 5vw; }
.about_bottom .title::after { display: none; }
.about_img { display: none; }
.about_bottom { width: 100%; }
.about_bottom .title { margin-bottom: 5vw; }
.team_list ul { flex-wrap: wrap; }
.team_list ul li { width: 100%; }
.team_list ul li .name { margin-top: 0px; background: transparent; color: #000; font-size: 18px; font-weight: bold; padding: 5px 0px; margin-bottom: 0px; }
.team_list ul li .des { font-size: 14px; }
.honor_warp { width: 80%; left: 10%; bottom: auto; position: relative; margin-top: -20vw; }
.banner { overflow: hidden; }
.honor_warp img { margin-bottom: 7vw; }
.honor_box { padding-top: 20vw; padding-bottom: 15vw; }
.footer_top .footer_nav { display: none; }
.footer_left .f_name { margin-bottom: 5vw; }
.footer { padding-top: 10vw; }
.footer_top .footer_left { width: 100%; }
.footer_left .f_name b { font-size: 20px; }
.footer_left .f_name p { font-size: 12px; }
.form_box { width: 100%; margin-bottom: 5vw; }
.footer_row { flex-wrap: wrap; }
.submit { width: 40%; line-height: 45px; margin-left: 30%; font-size: 14px; color: #3e3e3e; }
.footer_chat { width: 40%; margin-left: 30%; }
.footer_center { font-size: 14px; margin-top: 0vw; }
.footer_center::after, .footer_center::before { width: 25%; }
.form_box .label_row input { width: calc(100% - 50px); line-height: 40px; font-size: 14px; }
.form_box .label_row label { width: 50px; font-size: 14px; }
.form_box .label_row { margin-bottom: 10px; }
.footer_chat { display: none; }
.footer_chat.fc2 { display: block; }
.add_box ul li .txt { font-size: 14px; width: calc(100% - 30px); }
.add_box { margin-bottom: 2vw; }
.copyright { flex-wrap: wrap; }
.nav.active { opacity: 1; visibility: visible; pointer-events: auto; }
.nav ul li .firstLab a { color: #000; }
.nav ul { flex-wrap: wrap; position: absolute; top: 50%; -webkit-transform: translateY(-50%); padding: 0px 5%; }
.nav ul li { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .05); }
.nav ul li .firstLab a { font-size: 28px; }
.nav ul li .firstLab { line-height: 65px; }
.nav ul li .firstLab a::after { background: var(--primary-color); }
.awl { width: 100%; }
.common_title { margin-bottom: 5vw; font-size: 9vw; }
.common_title.l { width: 150px; }
.singePage { font-size: 16px; }
.awl .singePage img { margin-bottom: 3vw; }
.boxes { padding: 15vw 0px; }
.kq_list ul li { width: 100%; margin-right: 0%; margin-bottom: 5vw; }
.kq_list ul li .name { padding: 5px 15px; font-size: 16px; }
.kq_list ul li .name p { font-size: 24px; }
.kq_list ul li .thum { margin-bottom: 5px; }
.kq_list ul li .title { font-size: 16px; }
.kq_list ul li .title span { font-size: 12px; }
.shop_list ul li { width: 100%; margin-bottom: 5vw; }
.f_name { display: none; }
.f_menu a { width: 25%; position: relative; font-size: 16px; padding: 0px; text-align: center; line-height: 55px; }
.f_menu a::after { height: 3px; }
.food_con { padding-top: 30vw; background: url(../images/lf_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; }
.foods ul li { width: 100%; margin-bottom: 5vw; }
.foods ul li:nth-child(even) { top: 0vw; margin-right: 0%; }
.foods ul li .name .en { font-size: 12px; }
.foods ul li .name .cn { font-size: 18px; }
.foods ul li .name .dn { font-size: 14px; padding-bottom: 5px; top: -2px; position: relative; padding-top: 0px; }
.foods ul li .name { top: 30%; }
.com_bg { display: none; }
.foods { margin-bottom: 0px; }
.f_menu { margin-top: 30vw; margin-bottom: 5vw; }
.compnay_warp { background-attachment: fixed; padding-top: 30vw; }
.compnay_warp .singePage { width: 100%; }
.honor_tips { position: relative; }
.honor_tips p { font-size: 14px; line-height: 20px; margin-bottom: 5px; padding-left: 12px; }
.honor_tips p::after { top: 6px; }
.honor_line { display: none; }
.honor_page { display: none; }
.honorSwiper { padding-bottom: 0px; margin-top: 5vw; }
.honorSwiper .name { font-size: 16px; margin-top: 5px; }
.team_warp { flex-wrap: wrap; }
.team_left, .team_row { width: 100%; }
.team_left .name span { font-size: 14px; }
.team_left .name b { font-size: 28px; }
.team_left .name::before { height: 10px; }
.singePage .h3 { margin-bottom: 10px; }
.cooper_box { background-attachment: fixed; padding-top: 30vw; }
.cooper_list { width: 100%; }
.cooper_list ul li .img { width: 40px; }
.cooper_list ul li .info { width: calc(100% - 45px); margin-left: 5px; font-size: 14px; }
.cooper_list ul li .info .name { font-size: 16px; margin-bottom: 0px; }
.cooper_list ul li { align-items: flex-start; margin-bottom: 3vw; }
.tj_list ul { flex-wrap: wrap; }
.tj_list ul li { width: 100%; height: 30vh; margin-bottom: 5vw; }
.tj_list ul li.active { width: 100%; }
.tj_list ul li .name { top: 50%; -webkit-transform: translateY(-50%); left: 5%; width: 40%; }
.tj_list ul li .img, .tj_list ul li.active .img { width: 50%; }
.food_top { top: 60px; right: auto; left: 0%; width: 40%; }
.food_warp { padding: 0px; }
.food_box .list ul li a .name .cn:last-child { padding-bottom: 5px; padding-right: 25px; }
.food_box .list .luoma_btn { margin: 0px auto; }
.ysSwiper .swiper-slide.swiper-slide-prev, .ysSwiper .swiper-slide.swiper-slide-next { -webkit-transform: rotate(0deg) translateY(0vw); opacity: 1; }
.food_warp { padding: 0px; }
.team_list ul li { width: 48%; }
.honor_box { padding: 15vw 0px; }
.ysSwiper .info { -webkit-transform: translateY(0px); }
.ysSwiper .swiper-slide { opacity: 1; -webkit-transform: rotate(0deg) translateY(0vw); }
.stroeSinge img:nth-child(1) { display: none; }
.stroeSinge img:nth-child(2) { display: block; }
.stroe_box, .team_box { overflow: hidden; }
.advan_box { padding-top: 30vw; }
.ad_list { width: 100%; }
.ad_list ul li .thum { width: 40vw; height: 40vw; margin: 0px auto; }
.ad_list ul li .name { width: 100%; height: auto; position: relative; left: 0%; top: 0%; }
.ad_list ul li .name b { font-size: 24px; text-align: center; margin-bottom: 2vw; }
.ad_list ul li .name .h3 { font-size: 14px; }
.ad_list ul li { margin-bottom: 5vw; }
.ad_name { width: 100%; font-size: 9vw; margin-bottom: 5vw; }
.ad_tips { font-size: 14px; margin-bottom: 5vw; }
.ad_tips b { font-size: 20px; }
.factory_num { width: 100%; }
.factory_num ul li .name { font-size: 16px; padding: 10px; }
.factory_num ul li .row .fac_row b { font-size: 8vw; }
.factory_num ul li .row .fac_row p { font-size: 14px; }
.factory_num ul li { margin-bottom: 5vw; }
.factory_box { padding-bottom: 55vw; }
.factory_img { width: 85%; bottom: 0%; }
.ad_list ul li .name .h3 br { display: none; }
.ad_list ul li .name .h3 { text-align: center; }
.ad_info { width: 100%; position: relative; font-size: 14px; margin-bottom: 5vw; }
.yy_box { padding-bottom: 0px; }
.ysSwiper .info .des br { display: none; }
.food_box .list ul li a .name .cn:last-child::after { top: 40%; -webkit-transform: translateY(-50%) scale(0.8); }
.onlineChat { width: 78px; }
.team_left { margin-bottom: 5vw; }
.team_list ul li:first-child { display: block; width: 100%; margin-bottom: 5vw; }
.team_list ul li:first-child .img { width: 50%; margin-left: 25%; }
.team_list ul li:first-child .des { text-align: center; }
.about_btop .name, .about_bottom .title { font-size: 9vw; }
.tj_list ul li .name b { font-size: 6vw; margin-bottom: 1vw; }
.tj_list ul li .name .h3 { font-size: 14px; }
.about_bottom .title { text-align: center; }
.news_box { padding-top: 30vw; }
.newsItem li { width: 47%; margin-right: 5%; margin-top: 5%; }
.newsItem li:nth-child(2n) { margin-right: 0; }
.newsItem li .item { padding: 2vw; }
.newsItem li .item .imgBox { height: 76vw; }
.newsItem li .item .text .name { font-size: 16px; }
.newsItem li .item .text .time { font-size: 14px; }
.m_select { width: 100%; justify-content: space-between; display: flex; }
.m_select select { width: 35%; height: 40px; position: relative; border: none; color: #000; outline: none; background: transparent; border: 1px solid #000; }
.m_select .search_btn { width: 25%; height: 40px; background: var(--primary-color); color: #fff; line-height: 40px; text-align: center; }
.fb_box .fb_select { margin-bottom: 5vw; display: none; }
.fb_box .fb_select,  .fb_box .list { width: 100%; }
.fb_box .list ul { justify-content: space-between; min-height: auto !important; }
.fb_box .list ul li { width: 48%; padding: 15px 0px; }
.fb_box .list ul li::after { display: none; }
.fb_box .list ul li .name { line-height: 30px; font-size: 16px; }
.fb_box .list ul li .info .p { margin-bottom: 0px; font-size: 12px; }
.fb_box .list ul li .info .p p { width: 65px; height: auto; position: relative; padding-right: 5px; margin-right: 5px; }
.fb_box .list ul li .info .p b { font-weight: normal; width: 100%; }
.lbox { width: 90%; }
.lclose { width: 6vw; }
}

.banner_swiper .swiper-container { width: 100%; }
.banner_swiper .swiper-container .swiper-slide { }
.banner_swiper .swiper-container .swiper-slide img{ display:block; width:100%;}
.banner_swiper .swiper-pagination{ bottom:20px; height:10px;}
.banner_swiper .swiper-pagination .swiper-pagination-bullet{ vertical-align:top; width:10px; height:10px; background:#000; opacity:.5;}
.banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{ text-align:center; width:60px; height:60px; line-height:60px; margin-top:-30px; border-radius:8px; background-color:rgba(0,0,0,.5); color:#fff; font-size:12px; opacity:0; visibility:hidden; transition:all .3s ease;}
.banner_swiper:hover .swiper-button-prev,.banner_swiper:hover .swiper-button-next{ opacity:1; visibility:visible;}
.banner_swiper .swiper-button-prev:hover,.banner_swiper .swiper-button-next:hover{ background-color:var(--primary-color);}
.banner_swiper .swiper-button-prev{ left:5%;}
.banner_swiper .swiper-button-next{ right:5%;}
@media(max-width:1024px){
.banner_swiper .swiper-pagination{ bottom:10px; }
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{ width:40px; height:40px; line-height:40px; margin-top:-20px; font-size:20px;}
.h_height{ height:60px;}
}