* { 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'); }
body { background: url(../images/bg.jpg); }
.dowebok { width: 100%; animation: move3 20s linear infinite; }
 @keyframes move3 {  0% {
 transform: translateX(100%);
}
 100% {
 transform: translateX(-100%);
}
}
@keyframes move2 {  0% {
 transform: translateX(100vw);
}
 100% {
 transform: translateX(-600px);
}
}
.ptn { text-align: center; position: absolute; top: 50%; left: 50%; width: 75px; height: 75px; line-height: 75px; transition: ease .5s; background: #ffff; border-radius: 50%; cursor: pointer; margin-left: -37.5px; margin-top: -37.5px; -webkit-transition: all .5s; }
.ptn span { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background: url(../images/ptn_icon.png) no-repeat; background-size: 60px auto; }
.ptn:before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; border: 2px solid rgba(255,255,255,.5); transform: translate(-50%, -50%) scale(.9); transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; }
.ptn:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); transform: translate(-50%, -50%) scale(.9); transition: all .4s cubic-bezier(.215, .61, .355, 1) 50ms; }
.ptn:hover:before { transform: translate(-50%, -50%) scale(1.3); }
.ptn:hover:after { transform: translate(-50%, -50%) scale(1.6); }
.ptn.active { -webkit-transform: scale(0.5); left: 0%; }
.ptn.active span { background-position: -30px 0; }
.zsx_video { width: 100%; position: relative; background: #000; border: 5px solid var(--primary-color); border-radius: 5px; }
.sx_box { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; align-items: center; }
.zsx_video video { display: block; width: 100%; position: relative; }
.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move }
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0 }
.str_vertical .str_move_clone { left: 0; top: 100% }
.str_down .str_move_clone { left: 0; bottom: 100% }
.str_down .str_move, .str_vertical .str_move { white-space: normal; width: 100% }
.tzgg { width: 100%; height: 40px; position: absolute; background: var(--primary-color); color: #fff; line-height: 40px; overflow: hidden; z-index: 100; -webkit-transition: all .5s; }
.tzgg.open { height: 0px; }
.tzgg .tz_close { width: 40px; height: 40px; position: absolute; right: 5%; top: 0px; color: #fff; -webkit-transform: rotate(45deg); cursor: pointer; font-size: 28px; line-height: 40px; text-align: center; -webkit-transition: all .5s; }
header.tops { top: 40px; }
.tzgg .tz_close:hover { -webkit-transform: rotate(90deg); }
.tzgg .tz_info { width: 800px; position: relative; margin: 0px auto; text-align: center; display: flex; align-items: center; }
.tzgg .tz_info .icons { width: 70px; display: flex; align-items: center; }
.tzgg .tz_info .icons img { width: 20px; }
.tzgg .tz_info .icons p { width: calc(100% - 25px); }
.tzgg .tz_info .tz_nr { position: relative; width: calc(100% - 70px); overflow: hidden; }
.tzgg .tz_info p { position: relative; }
.banner>img.mob { display: none; }
.yl_mob { display: none; }

::-webkit-scrollbar {
 width: 10px;
 height: 1px;
}

::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 background: var(--primary-color);
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 background: rgba(0, 0, 0, 1);
}
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: 'xique'; src: url('../fonts/zuokai/zuokai.eot'); src: url('../fonts/zuokai.eot') format('embedded-opentype'), url('../fonts/zuokai.woff2') format('woff2'), url('../fonts/zuokai.woff') format('woff'), url('../fonts/zuokai.ttf') format('truetype'), url('../fonts/zuokai.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: Poppins; src: url(../fonts/poppins-bold.ttf) }
@font-face { font-family: BrownBlod; src: url(../fonts/brown-regular.woff2) }
.boxes { background: transparent; padding: 5vw 0px; }
.lbbox { width: 719px; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); }
.lbbox .ltop{ position:relative;}
.lbbox .ltop .h2{ font-size:30px; line-height:40px; font-weight:bold; color:#fff; position:absolute; left:5%; top:30%;}
.lbottom { width: 100%; height: auto; position: relative; background: #efeded url(../images/sm_bottom.jpg); top: -1px; padding: 25px; line-height: 1.7; font-size: 16px; }
.lbottom p { color: #252525; text-indent: 32px; }
.lbottom p span { color: #e00016; }
.sm_close { width: 48px; height: 48px; position: absolute; right: 0px; top: 0px; cursor: pointer; }
.sm_close:hover { opacity: .7; }
.jpage { width: 100%; height: auto; position: relative; display: flex; padding-top: 15px; font-size: 12px; }
.jpage a { width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; cursor: pointer; }
.jpage a.jp-current { color: var(--primary-color); }
header { position: fixed; width: 100%; height: auto; left: 0%; top: 0%; z-index: 100; padding: 0px 3%; display: flex; justify-content: space-between; align-items: center; -webkit-transition: all .45s; }
header.hide { -webkit-transform: translateY(-100%); }
header.active { background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 30px rgb(0 0 0 / 5%); }
header.active nav>ul>li .first-level a { color: #000; }
header.active .phone { color: #000; }
header .logo { width: 240px; height: auto; position: relative; z-index: 5; }
header .logo img:nth-child(2) { position: absolute; width: 100%; height: auto; opacity: 0; left: 0%; top: 0%; -webkit-transition: all .5s; }
nav { width: calc(100% - 200px); display: flex; }
nav>ul { display: flex; justify-content: center; width: 100%; }
nav ul li { width: 100%; height: auto; position: relative; }
nav>ul>li .first-level a { color: #000000; padding: 15px .78vw; position: relative; display: block; text-align: center;/* font-family: 'xique';*/ }
nav>ul>li .first-level a::before { width: 100%; height: 6px; position: absolute; left: 0%; top: -31px; content: ''; -webkit-transition: all .35s; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); z-index: -1; opacity: 0; }
nav>ul>li .first-level a::after { width: 100%; height: 0px; position: absolute; left: 0%; top: 0px; content: ''; background: var(--primary-color); -webkit-transition: all .35s; }
nav>ul>li .first-level a:hover::before,nav>ul>li:hover .first-level a::before { height: 100px; opacity: 1; }
nav>ul>li .first-level a:hover::after, nav a.active::after ,nav>ul>li:hover .first-level a::after{ height: 6px; }
nav .second-level:after { width: auto; height: auto; position: absolute; left: 50%; margin-left: -6px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; content: ''; }
nav .first-level { width: 100%; height: auto; line-height: 20px; position: relative; }
nav .second-level { width: 120px; height: auto; position: absolute; left: 50%; margin-left: -60px; top: 70px; background: #fff; color: #000000; padding: 15px; border-radius: 5px; display: none; text-align: center; box-shadow: 0px 0px 30px rgb(0 0 0 / 10%); }
nav ul li:hover .second-level { display: block; }
nav .second-level a { padding: 0px; color: #000000; line-height: 30px; }
nav .second-level a:hover { color: var(--secondary-color); }
nav .first-level p:first-child { font-size: 18px; -webkit-transition: all .5s; }
nav .first-level p:nth-child(2) { font-weight: normal; text-transform: capitalize; font-size: 14px; }
nav .first-level:hover p:first-child,nav li:hover .first-level p:first-child { margin-top: 0px; }
nav ul li ul{ width:100%; min-width:120px; background:#fff; 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; font-size:14px; line-height:24px; padding:10px 5px; text-align:center; color:#666;}
nav ul li ul li a:hover{ background:var(--primary-color); color:#fff;}
header .phone { width: 200px; height: 50px; border-radius: 40px; display: flex; color: #fff; font-weight: bold; font-size: 20px; transition: 0.3s all ease-in-out; position: relative; align-items: center; }
header .phone .text b { font-family: 'xique'; font-size: 18px; margin-top: 3px; }
header .phone .img { width: 40px; height: 40px; border-radius: 30px; position: absolute; display: flex; color: var(--primary-color); line-height: 40px; justify-content: center; font-size: 24px; left: 4px; top: 4px; background: url(../images/tel_icon.png) no-repeat; background-size: 200%; background-position: 100% 0%; border: 1px solid #000; }
header.active .phone .img { background-position: 100% 0%; border-color: #000; }
 @-webkit-keyframes rotateIns {  0% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1)
}
 10%,  20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
 transform: scale3d(.9, .9, .9) rotate(-3deg)
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
header .phone .img img { width: 100%; -webkit-animation: rotateIns 2s ease infinite; }
header .phone .text { position: absolute; font-size: 12px; width: calc(100% - 50px); left: 50px; line-height: 1; display: flex; flex-wrap: wrap; color: #000000;}
.headr { width: 79%; display: flex; justify-content: space-between; align-items: center; }
.banner { position: relative; }
.banner .pot { width: 60%; height: auto; position: absolute; left: 0%; top: 10%; }
.banner .pot img { -webkit-transition: all 1s; opacity: 0; -webkit-transform: translateY(100px); }
.banner.active .pot img { opacity: 1; -webkit-transform: translateY(0px); }
.steam { position: absolute; display: flex; z-index: 1; width: 280px; height: 170px; left: 25%; top: 70%; -webkit-transform: scale(1.5); }
.steam span { display: block; position: relative; bottom: 50px; margin: 0 2px 50px; min-width: 7px; height: 120px; background: #fff; border-radius: 50%; opacity: 0; filter: blur(8px); animation: steam 5s linear infinite;  animation-delay: calc(var(--i) * -0.75s);
}
 @keyframes steam {  0% {
 transform: translateY(0) scaleX(1);
 opacity: 0;
}
 15% {
 opacity: 1;
}
 50% {
 transform: translateY(-200px) scaleX(5);
 opacity: 1;
}
 70% {
 opacity: 0.75;
}
 100% {
 transform: translateY(-400px) scaleX(8);
}
}
.slogan { width: 330px; height: 170px; position: absolute; left: 15%; top: 25%; z-index: 5; opacity: 0; -webkit-transition: all .5s; }
.banner.active .slogan { opacity: 1; }
.slogan ul, .slogan ol { display: flex; width: 100%; -webkit-transform: rotate(-10deg); }
.slogan li { width: auto; height: auto; line-height: 1.4; font-size: 3.5vw; font-family: 'xique'; }
.layer { position: absolute !important; top: 0%; left: 0%; width: 100%; height: 100%; }
.banner.active .slogan ul li:nth-child(1) { animation-delay: 0s; }
.banner.active .slogan ul li:nth-child(2) { animation-delay: 0.3s; }
.banner.active .slogan ul li:nth-child(3) { animation-delay: 0.6s; }
.banner.active .slogan ul li:nth-child(4) { animation-delay: 0.9s; }
.banner.active .slogan ol li:nth-child(1) { animation-delay: 1.2s; }
.banner.active .slogan ol li:nth-child(2) { animation-delay: 1.5s; }
.banner.active .slogan ol li:nth-child(3) { animation-delay: 1.8s; }
.banner.active .slogan ol li:nth-child(4) { animation-delay: 2.1s; }
.banner.active .slogan li { animation: animate 2s linear backwards; }
 @keyframes animate {  0% {
 transform: rotate(45deg) translateY(-200px);
 opacity: 0;
 filter: blur(20px);
}
 100% {
 transform: rotate(0deg) translateY(0px);
 opacity 1;
 filter: blur(1px);
}
}
.hf_box { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 5vw; }
.hf_left { width: 20%; }
.hf_left .title { margin-bottom: 3vw; width: 80%;}
.bt_h2{ font-size:1.6vw; line-height:1.2em; font-weight:bold;}
.hf_left .img { width: 100%; margin-bottom: 2vw; }
.hf_left .img ul { margin-bottom: 3vw; display:flex;justify-content: space-between; flex-wrap:wrap;}
.hf_left .img ul li { width: 50%; margin-bottom: 1.5vw;  position: relative; font-size:0.8vw; line-height:1.2em; font-weight:bold; padding-left:1.82vw;}
.hf_left .img ul li:before{ content:""; width:.52vw; height:.52vw; border:.52vw solid var(--primary-color); border-radius:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1;}
.zsx_more { width: 181px; height: 57px; display: block; position: relative; background: url(../images/more_bg.png) no-repeat; background-size: cover; color: #fff; font-size: 16px; }
.zsx_more::after { width: 48px; height: 48px; position: absolute; left: -15px; top: -15px; background: url(../images/ding.png) no-repeat; background-size: cover; content: ''; }
.zsx_more.c { margin: 0px auto; }
.zsx_more p { width: auto; height: auto; line-height: 25px; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); left: 50%; }
.hf_center { width: 40%; }
.idt_wrap { width: 100%; position: relative; }
.idt_imgs, .idt_imgs li { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.hf_right { width: 30%; }
.hf_right .name { font-size: 2vw; margin-bottom: 3vw; font-family: 'xique'; }
.hf_right .name span { color: var(--primary-color); }
.hf_right .des { padding: 35px 0px; line-height: 1.7; font-size: 16px; position: relative; margin-bottom: 3vw; }
.hf_right .des::after { width: 18px; height: 14px; position: absolute; left: 0px; top: 0px; background: url(../images/syh_top.png) no-repeat; content: ''; }
.hf_right .des::before { width: 18px; height: 14px; position: absolute; right: 0px; bottom: 0px; background: url(../images/syh_bottom.png) no-repeat; content: ''; }
.hf_right .title { position: relative; font-size: 16px; margin-bottom: 2vw; }
.boxes.fb { padding-bottom: 0px; }
.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; }
.hf_right .title span { width: 110px; height: 36px; position: relative; display: block; background: url(../images/title_bg.png) no-repeat; background-size: cover; content: ''; line-height: 38px; text-align: center; color: #fff; }
.hf_right .title::before { width: 90%; height: 1px; position: absolute; left: 10%; top: 50%; content: ''; background: #3b3b3c; }
.dishSwiper { position: relative; padding-bottom: 25px; overflow: hidden; }
.dishSwiper.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0px; }
.swiper-pagination-bullet-active { background: var(--primary-color); }
.dishSwiper .txt { text-align: center; font-size: 14px; }
.common_title { width: 500px; margin-bottom: 3vw; }
.common_title .h2{ font-size:2.8vw; font-family: 'xique'; text-align:center;}
.common_title .h3 { margin-top: 10px; font-size: 16px; letter-spacing: 2px; }
.common_title.c .h3 { text-align: center; }
.common_title.c { margin: 0px auto 3vw; text-align:center;}
.hproduct { position: relative; background: url(../images/line_bg.png) center center no-repeat; margin-bottom: 10vw; }
.hproduct ul { display: flex; flex-wrap: wrap; width: 100%; }
.hproduct ul li { width: 50%; position: relative; margin-bottom: 5vw; }
.detail_box .dpl .singePage { min-height: 350px; }
.hproduct ul li .img { width: 60%; position: relative; }
.hproduct ul li .info { width: 60%; position: absolute; left: 60%; top: 30%; padding-left: 100px; }
.hproduct ul li:nth-child(2) .img { width: 45%; margin-left: 45%; -webkit-transform: rotate(-10deg); box-shadow: 0px 0px 50px rgb(0 0 0 / 30%); border-radius: 10px; overflow: hidden; }
.hproduct ul li:nth-child(2) .info { left: -5%; width: 55%; bottom: 0%; top: auto; }
.hproduct ul li:nth-child(3) .img { width: 50%; margin-left: 25%; }
.hproduct ul li:nth-child(3) .info { width: 50%; left: 15%; padding-top: 140px; }
.hproduct ul li:nth-child(4) .img { width: 50%; margin-left: 40%; -webkit-transform: rotate(10deg); border-radius: 10px; }
.hproduct ul li:nth-child(4) .img::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-filter: blur(20px); }
.hproduct ul li:nth-child(4) .info { left: 0%; padding-top: 30px; padding-left:0; width:40%;}
.hproduct ul li:nth-child(5) .img { margin-left: 30%; width: 70%; }
.hproduct ul li:nth-child(5) .info { left: 0%; width: 30%; top: 60%; padding-top: 30px; padding-left:0;}
.hproduct ul li:nth-child(4) { top: 5vw; }
.hproduct ul li .info .name { font-size: 2.5vw; margin-bottom: 0.5vw; font-weight: bold; font-family: 'xique'; }
.hproduct ul li .info .name span { color: var(--primary-color); }
.hproduct ul li .info .des { font-size: 20px; line-height: 1.7; font-weight: 700;}
.hs_list { width: 100%; position: relative; z-index: 5; padding-top: 2vw; pointer-events: none; }
.hs_list ul { width: 80%; justify-content: space-between; align-items: inherit; margin-left: 10%; display:flex;}
.hs_list ul.active{/* display: flex;*/}
.hs_box .rect { width: 100%; height: auto; position: absolute; left: 0px; top: 0%; content: ''; }
.hs_list ul li { width: 25%; position: relative; margin-top: -2vw;/* opacity: 0; */-webkit-transform: translateY(50px); border-radius: 5px; overflow: hidden; }
.hs_list.active ul li { opacity: 1; -webkit-transform: translateY(0px); -webkit-transition: all .75s; }
.hs_list ul li:nth-child(1) { margin-top: 10vw; }
.hs_list ul li:nth-child(3) { margin-top: 10vw; }
.hs_box { width: 100%; height: auto; position: relative; overflow: hidden; margin-top: -22vw; padding-bottom: 5vw; }
.jm_swiper .swiper-slide { width: 50%; transition-timing-function: linear }
.jm_swiper .swiper-slide img { width: 100%; border-radius: 4px }
.jm_swiper .swiper-slide .title { position: absolute; writing-mode: vertical-rl; writing-mode: tb-rl; left: 20px; font-size: 24px; color: #fff; opacity: 0; top: 50px; background: var(--primary-color); padding: 20px 5px; -webkit-transition: all .5s }
.jm_swiper .swiper-slide.swiper-slide-active .title { -webkit-transition-delay: .5s; opacity: 1; top: 20px }
.jm_swiper .swiper-button-next, .jm_swiper .swiper-button-prev { width: 68px; height: 68px; border-radius: 50%; outline: 0; -webkit-transition: all .35s; display: none; }
.jm_swiper .swiper-pagination-bullet { background: 0 0; opacity: 1; margin: 0 6px !important; width: 9px; height: 9px; position: relative; outline: 0; vertical-align: middle }
.jm_swiper .swiper-pagination-bullet span { width: 3px; height: 3px; background: #ccc; display: block; border-radius: 50%; margin-top: 3px; margin-left: 3px }
.jm_swiper .swiper-pagination-bullet i { background: #000; height: 1px; width: 20px; position: absolute; top: 4px; transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear }
.jm_swiper .swiper-pagination-bullet-active span, .swiper-pagination-bullet:hover span { width: 9px; height: 9px; margin-top: 0; margin-left: 0; background: #000; position: relative; z-index: 1 }
.jm_swiper .swiper-pagination-bullet-active i { animation: middle 6s }
.jm_swiper .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i { animation: first 6s }
.jm_swiper .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i { animation: last 6s }
.jm_swiper .box { margin-bottom: 35px; }
.jm_swiper .box .name { width: 100%; height: auto; position: relative; padding: 15px; font-size: 16px; text-align: center; }
 @keyframes first {  0% {
 transform: scaleX(.5);
 left: 0
}
 100% {
 transform: scaleX(1);
 left: 2px
}
}
 @keyframes last {  0% {
 transform: scaleX(.7);
 left: -10px
}
 20% {
 transform: scaleX(.3);
 left: 2px
}
 100% {
 transform: scaleX(.3);
 left: 0
}
}
 @keyframes middle {  0% {
 transform: scaleX(.7);
 left: -10px
}
 20% {
 transform: scaleX(.45);
 left: 2px
}
 100% {
 transform: scaleX(1);
 left: 2px
}
}
.jm_swiper { margin-bottom: 5vw; }
.footer { height: auto; position: relative; background-position:top center ; background-repeat:no-repeat; padding-top: 3vw; color: #fff; }
.jm_box { width: 100%; display: flex; justify-content: space-between; background-position:center center ; background-repeat:no-repeat; border-radius: 10px; padding: 55px 65px; margin-bottom: 0vw; margin-top: -200px; background-size: cover; color:#333;}
.jm_left { width: 30%; }
.jm_form { width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between; color: #000000; }
.jm_form .left { width: 45%; }
.jm_form .right { width: 45%; }
.jm_left .name { width: 250px; margin-bottom: 2vw; }
.jm_left .txt { width: 100%; font-size: 16px; line-height: 1.7; margin-bottom: 5vw; color: #000000; }
.jm_tel { width: 100%; color: var(--primary-color); line-height: 1.4; }
.jm_tel p { font-size: 16px; }
.jm_tel a { font-family: 'xique'; font-size: 38px; color: var(--primary-color); }
.temp { width: 100%; height: 1px; position: relative; }
.jm_form .left .label, .jm_form .right label { width: 100%; height: auto; position: relative; margin-bottom: 15px; display: block; }
.jm_form .left .label label { display: block; width: 100%; font-size: 14px; line-height: 30px; }
.jm_form .left .label input { display: block; width: 100%; outline: none; border: none; height: 45px; text-indent: 15px; border-radius: 5px; }
.jm_form .right textarea { display: block; width: 100%; height: calc(100% - 50px); outline: none; border: none; padding: 15px; border-radius: 5px; font-family: " "; }
.submit { width: 150px; height: 45px; line-height: 45px; text-align: center; position: relative; background: var(--primary-color); color: #fff; border-radius: 45px; display: flex; text-transform: uppercase; font-size: 14px; overflow: hidden; -webkit-transition: all .35s; align-items: center; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0); font-family: BrownBlod; cursor: pointer; margin-top: 25px; }
.submit.active { cursor: no-drop; opacity: .6; }
.submit p { display: block; width: 100%; height: 18px; line-height: 18px; overflow: hidden; position: relative; }
.submit p span { display: block; width: 100%; }
.submit p span:nth-child(1) { -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1); }
.submit:hover, .submit.active { box-shadow: 0 20px 40px 0 rgb(0 0 0 / 35%); }
.submit:hover p span:nth-child(1), .submit.active p span:nth-child(1) { margin-top: -18px; }
.copyright { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 5vw; }
.copyright .left { width: auto; display: flex; align-items: center; }
.copyright .right { width: auto; display: flex; }
.copyright .cp { width: 100%; margin-top: 5vw; display: flex; line-height: 50px; font-size: 12px; justify-content: space-between; }
.copyright .right ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-end; }
.copyright .right ul li { width: 135px; position: relative; margin-left: 25px; }
.copyright .left .flogo { width: 220px; }
.copyright .left .ftel { padding-left: 35px; margin-left: 35px; position: relative; display: flex; align-items: center; }
.copyright .left .ftel::after { width: 1px; height: 100%; position: absolute; left: 0%; top: 0%; content: ''; background: rgba(255, 255, 255, .2); }
.copyright .left .ftel .icon { width: 40px; height: 40px; border-radius: 30px; transition: 0.3s all ease-in-out; position: relative; background: url(../images/tel_icon.png) no-repeat; background-size: 200%; border: 1px solid #fff; }
.copyright .left .ftel .info { margin-left: 15px; }
.copyright .left .ftel .info .b { font-family: BrownBlod; font-size: 28px; color: #fff; cursor: pointer; }
.copyright .right ul li .txt { text-align: center; font-size: 14px; margin-top: 10px; }
.copyright .cp { color: rgba(255, 255, 255, .5); font-size: 14px; font-family: BrownBlod; }
.copyright .cp a { color: rgba(255, 255, 255, .5); text-transform: uppercase; }
.copyright .cp a:hover { color: rgba(255, 255, 255, 1); }
.copyright .cp p a { margin-right: 10px; margin-left: 10px; }
.copyright .right ul li .img { border-radius: 5px; overflow: hidden; }
.footer::before { width: 100%; display: block; height: 1px; clear: both; content: ''; }
.boxes.mb200 { padding-bottom: 300px; }
.hproduct ul li:nth-child(2) { margin-top: 5vw; }
.hproduct ul li .img img { position: relative; }
.hs_tb { width: 6vw; position: absolute; left: 0%; top: 30%; }
.hs_tb.tb1 { opacity: .5; }
.hs_tb.tb2 { width: 9vw; left: 50%; top: 25%; }
.hs_tb.tb3 { width: 7vw; left: 65%; top: 78%; }
.hs_tb.tb3 img { -webkit-animation: rotateAnimate 10s infinite ease; }
 @-webkit-keyframes rotateAnimate {  0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
.hs_tb.tb4 { width: 11vw; left: auto; right: 0%; top: 30%; }
.hs_tb.tb5 { width: 13vw; left: 0%; top: 60%; }
.zs_icons { width: 45%; position: absolute; left: 0%; top: -5vw; }
.zs_icons.zi2 { width: 30%; left: auto; right: 0%; top: -5vw; }
.hs_warp { width: 500px; position: relative; margin: 12vw auto 3vw; }
.hs_warp ul li { width: 100%; }
.hs_warp ul li .box { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1vw; }
.hs_warp ul li .box .type { width: 50px; height: auto; position: relative; top: -7px; }
.hs_warp ul li .box .info { width: calc(100% - 70px); font-size: 16px; line-height: 2.5; font-weight: bold; }
.hs_icon { position: relative; margin-bottom: 3vw; }
.hs_icon ul { display: flex; width: 100%; justify-content: center; }
.hs_icon ul li { display: flex; align-items: center; position: relative; flex-wrap: wrap; justify-content: center; width: 140px; cursor: pointer; }
.hs_icon ul li .i { width: 75px; height: 75px; background: url(../images/hover_icon.png) no-repeat; -webkit-transition: all .35s; margin-bottom: 10px; position: relative; }
.hs_icon ul li:hover .i, .hs_icon ul li.active .i , .hs_icon ul li.on .i { background-position: 0px -75px; }
.hs_icon ul li:hover .t, .hs_icon ul li.active .t , .hs_icon ul li.on .t { color: var(--secondary-color); }
.hs_icon ul li .i::after { width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); content: ''; background: url(../images/s_icon.png) no-repeat; background-size: auto 200%; -webkit-transition: all .4s; }
.hs_icon ul li:hover .i::after, .hs_icon ul li.active .i::after , .hs_icon ul li.on .i::after { background-position: 0px -50px; }
.hs_icon ul li:nth-child(2):hover .i::after, .hs_icon ul li:nth-child(2).active .i::after , .hs_icon ul li:nth-child(2).on .i::after { background-position: -50px -50px; }
.hs_icon ul li:nth-child(3):hover .i::after, .hs_icon ul li:nth-child(3).active .i::after , .hs_icon ul li:nth-child(3).on .i::after { background-position: -100px -50px; }
.hs_icon ul li:nth-child(4):hover .i::after, .hs_icon ul li:nth-child(4).active .i::after , .hs_icon ul li:nth-child(4).on .i::after { background-position: -150px -50px; }
.hs_icon ul li:nth-child(5):hover .i::after, .hs_icon ul li:nth-child(5).active .i::after , .hs_icon ul li:nth-child(5).on .i::after { background-position: -200px -50px; }
.hs_icon ul li:nth-child(2) .i::after { background-position: -50px 0px; }
.hs_icon ul li:nth-child(3) .i::after { background-position: -100px 0px; }
.hs_icon ul li:nth-child(4) .i::after { background-position: -150px 0px; }
.hs_icon ul li:nth-child(5) .i::after { background-position: -200px 0px; }
.hs_icon ul li .t { width: 100%; height: auto; position: relative; text-align: center; font-size: 16px; }
.hs_tb.tb6 { left: 65%; top: 20%; }
.hs_tb.tb7 { left: 40%; top: 40%; }
.hproduct ul li .tips { width: 6vw; position: absolute; left: 75%; top: 40%; animation-name: swing; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards; animation-duration: 2s; animation-delay: .5s; }
 @-webkit-keyframes swing {  20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
.hproduct ul li:nth-child(3) { top: 5vw; }
.boxes.you { padding-top: 0px; }
.hproduct ul li:nth-child(3) .img::before { content: ''; position: absolute; width: 90%; height: 100%; background: rgba(0, 0, 0, 0.1); -webkit-filter: blur(20px); border-radius: 50%; left: 10%; }
.hproduct ul li:nth-child(1) .img::before { content: ''; position: absolute; width: 80%; height: 80%; background: rgba(0, 0, 0, 0.2); -webkit-filter: blur(20px); border-radius: 50%; left: 5%; top: 25%; }
.hproduct ul li:nth-child(5) .img::before { content: ''; position: absolute; width: 100%; height: 80%; background: rgba(0, 0, 0, 0.2); -webkit-filter: blur(20px); left: 0%; top: 20%; }
.boxes.b2 { background: url(../images/bg2.png) center top no-repeat; }
.hproduct ul li .info .s { margin-top: 0.5vw; }
.hproduct ul li:nth-child(1) .info { top: 35%; width: 55%; left: 50%; }
.hproduct ul li .info .bq { width: 100px; height: auto; position: absolute; left: 0px; top: -1vw; }
.hproduct ul li:nth-child(2) .info .bq { top: -2.5vw; }
.common_title.auto { width: 300px; }
.about_img { width: 100%; height: auto; overflow: hidden; position: relative; }
.about_box { width: 100%; margin-bottom: 5vw; }
.about_box .title { width: 100%; height: auto; position: relative; font-size: 20px; line-height: 1.6; font-weight: bold; margin-bottom: 1vw; }
.about_box .singePage { width: 45%; }
.about_box .img { width: 50%; position: relative; z-index: 5; }
.his_box { width: 100%; display: flex; flex-wrap: wrap; }
.his_box .left { width: 45%; position: sticky; top: 0; height: 100vh; overflow: hidden; }
.his_box .left img { position: relative; top: 10vw; }
.his_box .right { width: 55%; border-left: 1px solid rgba(0, 0, 0, 0.1); padding-left: 25px; position: relative; }
.his_box .right ul li { width: 100%; height: auto; position: relative; margin-bottom: 5vw; }
.his_box .right ul li:nth-child(1) .name, .his_box .right ul li:nth-child(2) .name { width: calc(100% - 250px); }
.his_box .right ul li:nth-child(1) .des, .his_box .right ul li:nth-child(2) .des { width: calc(100% - 250px); }
.his_box .right ul li:nth-child(1) .img, .his_box .right ul li:nth-child(2) .img { width: 200px; position: absolute; right: 0px; top: 0px; }
.his_box .right ul li:nth-child(1) .img img, .his_box .right ul li:nth-child(2) .img img { -webkit-transform: rotate(-10deg); border: 2px solid #000; border-radius: 5px; }
.his_box .right ul li:nth-child(2) .img img { -webkit-transform: rotate(10deg); }
.his_box .right ul li .name { width: 100%; font-size: 20px; font-weight: bold; line-height: 2; position: relative; }
.his_box .right ul li .name::after { width: 8px; height: 8px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 50%; content: ''; position: absolute; left: -31px; top: 15px; }
.his_box .right ul li .des { width: 100%; line-height: 1.7; font-size: 16px; }
.his_box .right ul li .des p { margin-bottom: 15px; }
.his_box .right ul li .img { width: 40%; }
.his_box .right ul li .des span { color: var(--primary-color); }
.his_box .right ul li:nth-child(3) .img, .his_box .right ul li:nth-child(4) .img { width: 100%; }
.news_list { width: 100%; position: relative; margin-bottom: 5vw; }
.news_list ul { width: 100%; display: flex; flex-wrap: wrap; }
.news_list ul li { width: 31%; position: relative; margin-right: 3.5%; margin-bottom: 3vw; }
.news_list ul li:nth-child(3n) { margin-right: 0%; }
.news_list ul li .info { background: #fff; position: relative; padding: 45px 25px 25px; }
.news_list ul li .info .time { width: 100%; position: relative; }
.news_list ul li .info .time p { font-size: 14px; margin-bottom: 4px; }
.news_list ul li .info .time b { font-size: 48px; color: var(--primary-color); font-family: BrownBlod; display: block; line-height: 1; margin-bottom: 10px; }
.news_list ul li .info .name { font-size: 16px; min-height: 55px; }
.detail_top { background: url(../images/detail_img.jpg) center center no-repeat; background-size: cover; }
.food_box { width: 100%; position: relative; display: flex; flex-wrap: wrap; }
.food_box ul { width: 100%; position: relative; }
.food_box .ol { width: 0px; left: 3%; position: sticky; top: 0%; height: 100vh; z-index: 10; }
.food_box .ol ol { width: 65px; height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); }
.food_box ol a { width: 65px; height: 65px; margin-bottom: 1vw; background: rgba(255, 255, 255, .2); border-radius: 50%; color: #fff; line-height: 60px; text-align: center; font-size: 24px; font-family: 'xique'; cursor: pointer; position: relative; overflow: hidden; display: block; }
.food_box ol a p { position: relative; z-index: 2; -webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1); }
.food_box ol a:hover p, .food_box ol a.active p { -webkit-transform: scale(1.4); }
.food_box ol a::before { width: 100%; height: 100%; position: absolute; background: var(--primary-color); right: 0%; top: 0%; content: ''; border-radius: 50%; -webkit-transform: scale(0) rotate(45deg); -webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1); -webkit-transform-origin: right bottom; }
.food_box ol a:hover::before, .food_box ol a.active::before { -webkit-transform: scale(1) rotate(0deg); left: 0%; right: auto; }
.food_box ul li { width: 100%; height: 100vh; position: relative; background: #000; }
.food_box ul li .pic { width: 100%; height: 100vh; position: relative; background: center center no-repeat; background-attachment: fixed; background-size: cover; opacity: .6; }
.boxes.food { padding: 0px; }
.food_box ul li .info { width: 100%; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); color: #fff; }
.food_box ul li .info .name { width: 700px; margin: 0px auto; margin-bottom: 1vw; }
.food_box ul li .info .des { width: 100%; font-size: 16px; line-height: 2; }
.food_list { width: 100%; position: relative; }
.food_list ul { width: 100%; display: flex; flex-wrap: wrap; }
.food_list ul li { width: 100%; position: relative; margin-right: 0%; margin-bottom: 3.5vw; display: flex; }
.food_list ul li .thum { border-radius: 10px; overflow: hidden; }
.food_list ul li:nth-child(even) { direction: rtl; }
.food_list ul li .img, .food_list ul li .pic { width: 50%; position: relative; }
.food_list ul li .mark { width: 90px; height: auto; position: absolute; right: 10px; top: -20px; }
.food_list ul li:nth-child(2) .mark { right: auto; left: 10px; }
.food_list ul li .img::after { width: 350px; height: 350px; position: absolute; right: -50px; bottom: -50px; background: url(../images/hw.png) no-repeat; background-size: cover; content: ''; -webkit-animation: rotateAnimate 20s linear infinite; }
.food_list ul li:nth-child(even) .img::after { right: auto; left: -50px; }
.food_list ul li .img { overflow: hidden; }
.news_bar { width: 100%; display: flex; justify-content: center; margin-bottom: 3vw; }
.news_bar a { position: relative; display: block; padding: 0px 35px; line-height: 50px; font-size: 20px; font-weight: bold; padding-bottom: 10px; }
.news_bar a:first-child::after { width: 1px; height: 40%; position: absolute; right: 0%; top: 30%; content: ''; background: rgba(0, 0, 0, 0.1); }
.news_bar a::before { width: 80px; height: 10px; position: absolute; left: 50%; margin-left: -40px; bottom: 0px; content: ''; background: url(../images/line.png) no-repeat; opacity: 0; -webkit-transition: all .4s; }
.m_select { display: none; }
.news_bar a:hover::before, .news_bar a.active::before { opacity: 1; }
.news_bar a:hover, .news_bar a.active { color: var(--primary-color); }
.food_list ul li .name { width: auto; height: auto; position: absolute; left: 25px; top: 25px; color: #fff; writing-mode: tb-rl; font-size: 18px; font-weight: bold; letter-spacing: 4px; }
.fn_box { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 5vw; direction: rtl; }
.fn_box .left { width: 30%; position: relative; direction: initial; }
.fn_box .left .name, .zc_box .name { margin-bottom: 2vw; }
.fn_box .left .name b, .zc_box .name b { font-size: 36px; font-family: 'xique'; display: block; margin-bottom: 0.2vw; }
.fn_box .left .name b span, .zc_box .name span { color: var(--primary-color); }
.fn_box .left .name .h3, .zc_box .name .h3 { font-size: 16px; }
.fn_box .left ul { margin-bottom: 1.5vw; }
.fn_box .left ul li { width: 100%; display: flex; align-items: center; margin-bottom: 15px; }
.fn_box .left ul li .icon { width: 50px; height: 50px; position: relative; border: 1px solid #000; border-radius: 5px; }
.fn_box .left ul li .icon::after { width: 50px; height: 50px; position: absolute; left: 10px; top: 0%; content: ''; background: url(../images/g_icon.png) no-repeat; background-size: cover; }
.fn_box .left ul li .txt { width: calc(100% - 70px); margin-left: 20px; font-size: 16px; }
.fn_box .left .des { font-size: 16px; }
.fn_box .right { width: 70%; }
.zc_box { position: relative; }
.zc_list { width: 100%; height: auto; padding-bottom: 3vw; }
.zc_list ul { width: 100%; display: flex; flex-wrap: wrap; }
.zc_list ul li { width: 30%; height: auto; position: relative; background: #fff; padding: 35px; margin-right: 5%; margin-bottom: 4vw; border-radius: 10px; }
.zc_list ul li:nth-child(3n) { margin-right: 0%; }
.zc_list ul li .icon { width: 100%; margin-bottom: 1vw; background: #fff; position: relative; }
.zc_list ul li .icon::after { width: calc(100% - 150px); height: 1px; top: 50%; position: absolute; right: 0px; content: ''; background: rgba(0, 0, 0, 0.1); }
.zc_list ul li .icon img { width: 60px; border: 1px solid #000; border-radius: 50%; }
.zc_list ul li .info { width: 100%; display: flex; justify-content: space-between; font-size: 16px; }
.zc_list ul li .info .n { width: 120px; font-weight: bold; }
.zc_list ul li .info .d { width: calc(100% - 120px); line-height: 1.7; }
.yl_img { margin-bottom: 5vw; padding: 0px 8%; }
.form_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.form_box .row { width: 48%; position: relative; margin-bottom: 1vw; }
.form_box .row label { display: block; width: 100%; font-size: 16px; line-height: 2; margin-bottom: 5px; font-weight: bold; }
.form_box .row input { outline: none; border: none; width: 100%; height: 50px; border-radius: 5px; padding-left: 15px; }
.row_select { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; }
.row_select .select { width: auto; height: auto; position: relative; padding-left: 30px; line-height: 50px; font-size: 14px; margin-right: 25px; cursor: pointer; }
.row_select .select::after { width: 25px; height: 25px; position: absolute; left: 0px; top: 12.5px; background: #fff; border-radius: 3px; content: ''; }
.row_select .select.active:before { width: 25px; height: 25px; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); content: ''; background: url(../images/g_icon.png) no-repeat; background-size: cover; z-index: 5; }
.form_box .row.full { width: 100%; margin-bottom: 3vw; }
.form_box .row textarea { display: block; width: 100%; height: auto; padding: 25px 15px; outline: none; border: none; border-radius: 5px; font-family: " "; }
.submit.c { margin: 0px auto; }
.boxes.tb0 { padding: 0px; }
.boxes.p0 { padding-top: 0px; }
.shili_box { width: 100%; display: flex; justify-content: center; position: relative; }
.shili_box .img { width: 50%; }
.shili_box ul li { width: 40%; height: auto; position: absolute; left: 10%; top: 15%; }
.shili_box ul li:nth-child(even) { left: auto; right: 10%; text-align: right; }
.shili_box ul li:nth-child(3), .shili_box ul li:nth-child(4) { top: 40%; -webkit-transform: translateY(-50%); width: 30%; }
.zsx_more.m { display: none; }
.shili_box ul li:nth-child(3) { left: 5%; }
.shili_box ul li:nth-child(4) { right: 5%; }
.shili_box ul li:nth-child(5), .shili_box ul li:nth-child(6) { top: auto; bottom: 15%; }
.shili_box ul li .name { position: relative; line-height: 2; margin-bottom: 0.5vw; }
.shili_box ul li .name b { width: auto; height: auto; background: #000; display: inline-block; color: #fff; padding: 0px 30px; font-size: 24px; font-family: 'xique'; border-radius: 50px; font-weight: normal; }
.shili_box ul li .des { width: 100%; font-size: 16px; line-height: 1.7; }
.shili_box ul li .dot { position: absolute; right: 10%; top: 50%; margin-top: -5px; background: #fff; width: 10px; height: 10px; border-radius: 50%; z-index: 5; }
.shili_box ul li .dot::after { width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; margin-left: -20px; margin-top: -20px; border: 1px solid #fff; background: rgba(255, 255, 255, .3); border-radius: 50%; content: ''; -webkit-animation: warn 3s linear; -webkit-animation-iteration-count: infinite; }
 @-webkit-keyframes warn {  0% {
 -webkit-transform: scale(0);
 opacity: 0;
}
 60% {
 -webkit-transform: scale(0.8);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1.1);
 opacity: 0;
}
}
.shili_box ul li:nth-child(even) .dot { right: auto; left: 0%; }
.shili_box ul li .name::after { width: 60%; height: 1px; position: absolute; right: 10%; top: 50%; content: ''; background: #000; }
.shili_box ul li:nth-child(even) .name::after { right: auto; left: 0%; }
.boxes.ms_box { display: flex; justify-content: center; align-items: center; height: 65vw; padding: 0px; }
.boxes.ms_box>.bg1 { width: 100%; height: 60vw; position: absolute; top: 50%; -webkit-transform: translateY(-50%); background-repeat: no-repeat; background-size: cover; content: ''; }
.boxes.cp_box { display: flex; justify-content: center; align-items: center; height: 65vw; padding: 0px; }
.boxes.cp_box>.bg1 { width: 100%; height: 60vw; position: absolute; top: 50%; -webkit-transform: translateY(-50%); background-repeat:no-repeat; background-size: cover; content: ''; }
.cp_box .img { width: 35%; position: absolute; left: 45%; top: 15vw; }
.ms_box .w1400 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.ms_box .left { width: 55%; }
.ms_box .right { width: 35%; position: absolute; right: 5%; top: 10vw; -webkit-transform: rotate(10deg); }
.ms_box .left .common_title { width: 100%; color: #fff; }
.ms_box .left .common_title img { width: 300px; }
.ms_box .left .common_title .h3 { letter-spacing: 0px; }
.ms_box .left ul { width: 100%; display: flex; flex-wrap: wrap; }
.ms_box .left ul li { width: 40%; margin-right: 5%; position: relative; border: 1px solid #fff; border-top: none; border-bottom-width: 4px; margin-bottom: 3vw; color: #fff; }
.ms_box .left ul li .name { width: 100%; text-align: center; position: relative; font-size: 28px; line-height: 30px; font-family: 'xique'; margin-top: -15px; margin-bottom: 1vw; }
.ms_box .left ul li .name::after, .ms_box .left ul li .name::before { width: 30%; height: 1px; position: absolute; left: 0px; top: 50%; content: ''; background: #fff; }
.ms_box .left ul li .name::before { left: auto; right: 0%; }
.ms_box .left ul li .des { padding: 0px 25px; font-size: 16px; line-height: 2; text-align: center; margin-bottom: 1vw; }
.ms_box .left ul li:nth-child(n+5) { margin-bottom: 0px; }
.sxk_box { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; }
.sxk_box .left { width: 45%; }
.sxk_box .right { width: 50%; }
.sxk_box .right .des { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 1vw; }
.sxk_list { position: relative; width: 100%; display: flex; justify-content: center; margin-bottom: 3vw; }
.sxk_list li { width: calc(100% / 3); position: relative; text-align: center; line-height: 1.7; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.sxk_list li b { color: var(--primary-color); font-size: 28px; }
.sxk_list li .h3 { font-size: 14px; }
.sxk_list li:last-child { border-right: none; }
.sxk_box .list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3vw; }
.sxk_box .list li { width: calc(100% / 3); margin-bottom: 1vw; font-size: 28px; }
.sxk_box .list li .h3 { width: 204px; height: 60px; position: relative; background: url(../images/txt_bg.png) no-repeat; background-size: cover; text-align: center; line-height: 45px; font-family: 'xique'; }
.sxk_box .imgs { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.sxk_box .imgs img { width: 32%; position: relative; border: 1px solid #000; }
.boxes.cp_box .w1400 { display: flex; justify-content: space-between; direction: rtl; align-items: center; }
.boxes.cp_box .right { width: 60%; display: flex; }
.boxes.cp_box .right img { width: 49%; }
.boxes.cp_box .left { width: 40%; color: #fff; }
.boxes.cp_box .common_title.auto { width: 100%; }
.boxes.cp_box .common_title.auto img { width: 210px; }
.boxes.cp_box .left .des { font-size: 16px; line-height: 2; margin-bottom: 1vw; }
.boxes.cp_box .left .name { font-size: 2.5vw; margin-bottom: 3vw; font-family: 'xique'; }
.boxes.cp_box .left .name span, .shili_box ul li .des span { color: var(--primary-color); }
.boxes.cp_box .left .info { width: 100%; font-size: 16px; line-height: 2; }
.banner_cover { position: relative; padding-top: 10vw; }
.boxes.fb.banner_cover { padding-top: 5vw; }
.banner_cover::after { width: 100vw; height: 9.2vw; position: absolute; left: 0px; top: -8vw; background: url(../images/banner_mask.png) no-repeat; content: ''; }
.yl_info { width: 100%; text-align: center; line-height: 1.7; }
.yl_mob ul li { display: none; }
.yl_mob ul li.active { display: block; }
.yl_info a { display: block; font-family: BrownBlod; font-size: 28px; }
.yl_info b { display: block; font-weight: normal; font-size: 16px; }
.shengmingBox { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; z-index: 999; /* display: none; */
transition: .5s all; }
.shengmingBox img { width: 37vw; margin: 2vw auto; }
 @media screen and (max-width: 1499px) {
nav .first-level p:first-child{ font-size:16px;}
}
 @media screen and (max-width: 1366px) {
.singePage,  .his_box .right ul li .des,  .shili_box ul li .des { font-size: 14px; }
.shili_box ul li { top: 10%; }
.shili_box ul li:nth-child(5),  .shili_box ul li:nth-child(6) { bottom: 10%; }
.copyright .right { width: 50%; }
.copyright .right ul li { width: 115px; margin-left: 10px; }
.copyright .left .ftel { padding-left: 25px; margin-left: 25px; }
.copyright .left .flogo { width: 150px; }
.shili_box ul li { width: 35%; }
.sxk_box .list li { font-size: 24px; }
.boxes.cp_box .common_title.auto img { width: 150px; }
.boxes.cp_box .left .des,  .boxes.cp_box .left .info,  .common_title .h3 { font-size: 14px; }
}
 @media screen and (max-width: 1024px) {
header .phone { display: flex; position: absolute; right: 60px; border: none; z-index: 4; width: 170px; top: 5px; }
#nav-icon2 { display: block; }
header { height: 60px; left: 0%; top: 0px; padding: 0px; width: 100%; margin-left: 0%; }
header nav { visibility: hidden; width: 100%; height: 100vh; right: 0; padding-top: 90px; padding-bottom:60px; position: fixed; top: 0px; -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);/* border-radius: 0px 0px 50vw 50vw;*/ display: flex; flex-wrap: wrap; align-content: flex-start; overflow-y:auto; background:var(--primary-color); transition:all .3s ease;}
header nav>ul{ display:block;}
header nav>ul>li{/* width:50%;*/}
header nav>ul>li ul{ width:100%; transform:translateX(0); background:none; box-shadow:none; position:static; }
header.open nav>ul>li ul{ opacity:1; visibility:visible;}
header nav>ul>li ul li a{ color:#fff;}
nav a::before { display: none; }
nav a {/* width: calc(100% / 2);*/ border-bottom: 1px solid rgba(255, 255, 255, .1); opacity: 0; -webkit-transition: all .4s; -webkit-transform: translateY(35px); }
header.open nav a { opacity: 1; -webkit-transform: translateY(0px); }
header.open nav a:nth-child(2) { -webkit-transition-delay: .1s; }
header.open nav a:nth-child(3) { -webkit-transition-delay: .2s; }
header.open nav a:nth-child(4) { -webkit-transition-delay: .3s; }
header.open nav a:nth-child(5) { -webkit-transition-delay: .4s; }
header.open nav a:nth-child(6) { -webkit-transition-delay: .5s; }
header nav:before { /*width: 200vh; height: 200vh; position: absolute; left: 50%; margin-left: -100vh; top: -200vh; background: var(--primary-color); -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); content: ''; border-radius: 45%; animation: roateOne 10s linear infinite; box-shadow: 0px 0px 50px rgb(0 0 0 / 10%); */}
header .logo { width: 163px; position: absolute; left: 3%; }
.headr { position: absolute; left: 0px; top: 0px; width: 100%; }
.hf_left { width: 100%; }
.hf_left .title { width: 40%; margin: 0px auto 3vw; text-align:center;}
.bt_h2{ font-size:7vw;}
.hf_left .img ul li{ font-size:14px; padding-left:20px; margin-bottom:2vw;}
.hf_left .img ul li:before{ width:5px; height:5px; border-width:5px;}
.hf_left .zsx_more { display: none; }
.hf_center { width: 80%; margin-bottom: 5vw; margin-left: 10%; }
.hf_right { width: 100%; }
.hf_right .name { font-size: 6vw; margin-bottom: 3vw; text-align: center; }
.hf_right .des::after,  .hf_right .des::before { width: 8px; height: 7px; background-size: cover; }
.hf_right .des { padding: 15px 0px; line-height: 1.7; font-size: 14px; }
.hf_box { margin-bottom: 10vw; }
.common_title { width: 100%; padding: 0px 10%; }
.common_title .h3 { font-size: 14px; letter-spacing: 0px; }
.hproduct ul li { width: 100%; margin-bottom: 20vw; }
.hproduct ul li:nth-child(2) { margin-top: 0vw; }
.hproduct ul li:nth-child(3) { top: 0vw; height: auto; }
.hproduct ul li:nth-child(4) { top: 0vw; }
.hproduct { background-size: contain; }
.hproduct ul li .img { width: 50%; }
.hproduct ul li .info { width: 50%; left: 50%; }
.hproduct ul li .info .name { font-size: 6vw; }
.hproduct ul li:nth-child(2) .img { margin-left: 15%; width: 70%; -webkit-transform: rotate(0deg); }
.hproduct ul li .info .des { font-weight: bold; }
.hproduct ul li:nth-child(3) .img { width: 90%; margin-left: 0%; }
.hproduct ul li:nth-child(3) .info { width: 100%; left: 0%; position: relative; text-align: center; top: 0px; margin-top: 0vw; }
.hproduct ul li:nth-child(4) .img { margin-left: 15%; width: 70%; -webkit-transform: rotate(0deg); }
.hproduct ul li:nth-child(4) .info { left: 0%; width: 100%; top: 0px; }
.hproduct ul li:last-child { height: auto; margin-bottom: 10vw; }
.hproduct ul li:nth-child(5) .img { width: 100%; margin-left: 0px; }
.hproduct ul li:nth-child(5) .info { top: 5vw; left: 0%; width: 100%; text-align: center; position: relative; }
.hproduct ul { margin-bottom: 5vw; }
.hs_list ul li { width: 32%; margin-top: 0px; -webkit-transform: translateY(0px);}
.hs_warp ul li .box .info { font-size: 14px; line-height: 25px; }
.hs_box::before { display: none; }
.hs_box { height: auto; margin: 0px; }
.hs_warp { width: 100%; }
.hs_warp ul li .box .type { width: 30px; top: 0px; }
.hs_warp ul li .box .info { width: calc(100% - 35px); font-weight: normal; }
.hs_icon ul li { width: 20%; }
.hs_icon ul li .i { width: 50px; height: 50px; margin-bottom: 5px; background-size: cover; }
.hs_icon ul li:hover .i,  .hs_icon ul li.active .i ,  .hs_icon ul li.on .i { background-position: 0px -50px; }
.hs_icon ul li .t { height: 32px; font-size: 12px; line-height: 16px; }
.hs_icon { margin-bottom: 10vw; }
.common_title .h2{ font-size:28px}
.common_title.c { margin: 0px auto 5vw; }
.jm_box { padding: 25px; flex-wrap: wrap; }
.jm_left,  .jm_form { width: 100%; }
.jm_left .name { width: 35vw; margin-bottom: 3vw; }
.jm_left .txt { font-size: 14px; }
.jm_form .left { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.jm_form .left .label:nth-child(3) { width: 100%; }
.jm_form .right { width: 100%; }
.jm_form .right textarea { height: 100px; font-size: 12px; }
.jm_tel p { font-size: 12px; }
.jm_tel a { font-size: 6vw; }
.jm_form .left .label input { font-size: 12px; }
.copyright .left { width: 100%; margin-bottom: 5vw; }
.footer { background-size: cover; }
.copyright .right { width: 100%; }
.copyright .cp { line-height: 20px; padding: 10px 0px; font-size: 12px; flex-wrap: wrap; position: relative; }
.zsx_more { width: 156px; height: 40px; background-size: cover; font-size: 12px; }
.copyright .left .flogo { display: none; }
.copyright .left .ftel { padding-left: 0px; margin-left: 0px; width: 100%; justify-content: center; flex-wrap: wrap; }
.copyright .left .ftel::after { display: none; }
.copyright .left .ftel .info { width: 100%; margin-left: 0px; text-align: center; }
.copyright .right ul li { width: 46%; margin-left: 0%; margin-right: 8%; }
.copyright .right ul li:nth-child(even) { margin-right: 0%; }
.copyright .right ul li .txt { font-size: 12px; margin-top: 0px; line-height: 40px; }
.copyright .right ul { width: 80%; margin-left: 10%; }
.copyright .cp>a { position: relative; right: 0px; bottom: 0px; }
header.active #nav-icon2 span { background: #000; }
.hproduct ul li .tips { width: 20vw; position: absolute; left: 70%; top: 60%; }
.zs_icons { display: none; }
.jm_swiper .box { margin-bottom: 5px; }
.jm_swiper .box .name { padding: 10px 0px; font-size: 14px; }
.jm_swiper { padding-bottom: 25px; }
header.open nav { visibility: visible; }
header.open nav:before { top: -100vh; }
header.open .logo img:nth-child(2) { opacity: 1; }
header.open .logo img:nth-child(1) { opacity: 0; }
.hf_right .title span { font-size: 12px; width: 92px; height: 30px; line-height: 30px; }
.hproduct ul li:nth-child(1) .img { width: 90%; margin-left: 5%; }
.hproduct ul li:nth-child(1) .info { margin-top: 0vw; position: relative; left: 0%; width: 100%; text-align: center; top: 0px; }
.hproduct ul li .info .s { margin-top: 3vw; width: 80%; margin-left: 10%; }
.hs_tb { width: 12vw; }
.hs_tb.tb2 { width: 18vw; }
.hs_tb.tb6,  .hs_tb.tb7 { display: none; }
.hproduct ul li:nth-child(2) .info { left: 0%; width: 100%; bottom: 0%; top: auto; position: relative; text-align: center; margin-top: 5vw; }
.hs_list ul li:nth-child(1) { margin-top: 0vw; }
.hs_list ul li:nth-child(3) { margin-top: 0vw; }
header.open.active .phone { color: #fff; }
header.open.active .phone .img { border-color: #fff; background-position: 0px 0px; }
header.open.active #nav-icon2 span { background: #fff; }
header.open.active nav a { color: #fff !important; }
nav a .first-level p:nth-child(2) { opacity: .5; }
header nav::after { width: 100%; height: 1px; position: absolute; left: 0%; top: 60px; content: ''; background: rgba(255, 255, 255, 0.1); }
.dishSwiper.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }
.news_list ul li { width: 100%; margin-bottom: 5vw; margin-right: 0%; }
.news_list ul li .info { padding: 25px; }
.news_list ul li .info .time p { font-size: 12px; opacity: .5; }
.news_list ul li .info .time b { margin-bottom: 5px; font-size: 32px; }
.news_list ul li .info .name { min-height: auto; }
.detail_top .w100 { width: 90%; }
.detail_top { padding-top: 100px; padding-bottom: 25px; }
.detail_top .title { font-size: 24px; }
.detail_box .dpr { display: none; }
.detail_box .dpl { width: 100%; }
.detail_box { width: 100%; padding: 10vw 5%; }
.jm_box { margin-top: 0vw; }
.jm_left { margin-bottom: 5vw; }
.ndc_npnews .post_next,  .ndc_npnews .post_prev { width: 100%; line-height: 30px; }
.ndc_npnews { flex-wrap: wrap; }
.singePage { font-size: 14px; }
.food_box ul li .pic { height: 60vh; background-attachment: initial; }
.food_box ul li { height: 60vh; }
.food_box ul li .info .name { width: 70%; margin-bottom: 2vw; }
.food_box ul li .info .des { width: 100%; font-size: 14px; line-height: 1.7; padding: 0px 5%; }
.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%; }
.boxes { background: transparent; padding: 10vw 0px; }
.boxes.mb200 { padding-bottom: 10vw; }
.copyright { margin-top: 15vw; }
.shili_box { flex-wrap: wrap; }
.shili_box .img { width: 100%; }
.shili_box ul li { width: 48%; height: auto; position: relative; left: 0%; top: 0%; margin-bottom: 3vw; }
.shili_box ul li .dot,  .shili_box ul li .name::after { display: none; }
.shili_box ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.shili_box ul li .name b { text-align: center; margin: 0px auto; display: block; padding: 0px; font-size: 16px; width: 100px; }
.shili_box ul li:nth-child(3),  .shili_box ul li:nth-child(4) { width: 48%; }
.shili_box ul li:nth-child(3) { left: 0%; }
.shili_box { z-index: 10; margin-bottom: 10vw; }
.shili_box ul li .des { font-size: 12px; text-align: center; }
.shili_box ul li .name { line-height: 1.6; }
.shili_box ul li:nth-child(3),  .shili_box ul li:nth-child(4) { top: 0%; -webkit-transform: translateY(0%); }
.shili_box ul li:nth-child(5),  .shili_box ul li:nth-child(6) { bottom: 0px; }
.ms_box .right { display: none; }
.ms_box .left .common_title img { width: 35vw; }
.cp_box .common_title { padding: 0px; }
.ms_box .left .common_title .h3 { line-height: 1.7; }
.ms_box .left { width: 100%; }
.common_title .h3 { font-weight: normal; }
.common_title { margin-bottom: 5vw; }
.ms_box .left ul { justify-content: center; }
.ms_box .left ul li { width: 48%; margin-right: 4%; margin-bottom: 8vw; }
.ms_box .left ul li:nth-child(even) { margin-right: 0%; }
.ms_box .left ul li .name { font-size: 20px; margin-bottom: 2vw; }
.ms_box .left ul li .name::after,  .ms_box .left ul li .name::before { width: 15%; }
.ms_box .left ul li .des { padding: 10px 5px 15px; font-size: 14px; line-height: 1.6; }
.ms_box .left .common_title { margin-bottom: 10vw; padding: 0px; }
.sxk_box { flex-wrap: wrap; }
.sxk_box .left { width: 100%; margin-bottom: 5vw; }
.sxk_box .right { width: 100%; }
.sxk_box .list li { font-size: 20px; margin-bottom: 3vw; }
.sxk_box .list li .h3 { width: 102px; height: 30px; line-height: 30px; margin: 0px auto; }
.sxk_box .list { margin-bottom: 0px; }
.boxes.cp_box .w1400 { flex-wrap: wrap; direction: initial; }
.boxes.cp_box .left,  .boxes.cp_box .right { width: 100%; }
.boxes.cp_box .common_title.auto img { width: 35vw; }
.boxes.cp_box .left .des,  .boxes.cp_box .left .info { font-size: 14px; }
.boxes.cp_box .left .name { font-size: 6vw; }
.boxes.cp_box .left { margin-bottom: 5vw; }
.boxes.cp_box .right img { width: 50%; }
.boxes.you { overflow: hidden; }
.fn_box { direction: initial; }
.fn_box .right { width: 100%; margin-bottom: 5vw; }
.fn_box .left { width: 100%; }
.fn_box .left .name,  .zc_box .name { text-align: center; margin-bottom: 5vw; }
.fn_box .left .name b,  .zc_box .name b { margin-bottom: 1vw; }
.fn_box .left .name .h3,  .zc_box .name .h3 { font-size: 14px; }
.fn_box .left ul { display: flex; flex-wrap: wrap; width: 100%; }
.fn_box .left ul li { width: 48%; }
.fn_box .left ul li .icon { width: 30px; height: 30px; }
.fn_box .left ul li .icon::after { width: 30px; height: 30px; left: 5px; }
.fn_box .left ul li .txt { width: calc(100% - 40px); margin-left: 10px; font-size: 14px; }
.common_title.auto { width: 35vw; }
.about_box { padding-left: 0px; border-left: none; }
.about_box .img { width: 100%; right: 0%; top: 0%; z-index: 5; }
.ptn { display: none; }
.his_box .left { display: none; }
.about_box .title { font-size: 16px; }
.about_box .title br { display: inline-block; }
.about_box .singePage { width: 100%; }
header .phone .text { width: calc(100% - 50px); }
header .phone .text b { font-size: 15px; }
.his_box .right { width: 100%; }
.his_box .right ul li .img { width: 60%; }
.banner { overflow: hidden; }
.banner>img { position: relative; width: 200vw; left: -60vw; max-width: none; }
.slogan li { font-size: 6vw; }
.slogan { top: 25%; left: 10%; }
.banner .pot { left: -10%; width: 90%; top: 30%; }
.hf_left .img { width: 70%; margin-bottom: 0vw; margin-left: 15%; }
.hs_box .rect { display: none; }
.jm_form .left .label,  .jm_form .right label { width: 48%; }
.boxes.fb.banner_cover { padding-top: 10vw; }
.shili_box ul li:nth-child(even) { right: 0%; }
.boxes.ms_box { height: auto; margin-bottom: 15vw; }
.boxes.ms_box>.bg1 { height: 150vw; }
.boxes.cp_box { height: auto; margin-top: 10vw; margin-bottom: 15vw; }
.boxes.cp_box>.bg1 { height: 250vw; top: 45%; }
.cp_box .img { width: 45%; position: absolute; left: 55%; top: 0vw; }
.boxes.cp_box .left .des { margin-bottom: 5vw; }
.boxes.p0 { z-index: 5; }
.food_box .ol ol { display: none; }
.food_list ul li { flex-wrap: wrap; margin-bottom: 5vw; }
.food_list ul li .img,  .food_list ul li .pic { width: 100%; }
.food_list ul li .pic { height: 30vh; }
.food_list ul li .mark { width: 40px; top: 30vh; }
.fb_select .box .name { line-height: 50px; font-size: 16px; }
.zc_list ul li { width: 100%; background: transparent; display: flex; align-items: center; padding: 0px; justify-content: space-between; }
.zc_list ul li .info { width: calc(100% - 60px); font-size: 14px; flex-wrap: wrap; }
.zc_list ul li .icon { width: 50px; background: transparent; }
.zc_list ul li .info .n,  .zc_list ul li .info .d { width: 100%; }
.form_box .row label { font-size: 14px; }
.form_box .row input { height: 40px; }
.form_box .row { width: 100%; }
.form_box .row:nth-child(1),  .form_box .row:nth-child(2) { width: 49%; }
.row_select .select { line-height: 40px; margin-right: 15px; }
.row_select .select::after { top: 7.5px; }
.news_bar a { padding: 0px 20px; line-height: 40px; font-size: 16px; padding-bottom: 10px; }
.ndc_npnews .post_next .icon,  .ndc_npnews .post_prev .icon { width: 50px; }
.ndc_npnews .post_next .name,  .ndc_npnews .post_prev .name { width: calc(100% - 55px); }
.yl_img { display: none; }
.yl_mob { display: block; }
.hproduct ul li .info { width: 100%; left: 0%; padding-left: 0px; position: relative; text-align: center; }
.hproduct ul li .info .bq { width: 60px; top: -50px; }
.hproduct ul li:nth-child(3) .info { padding-top: 3vw; }
.hproduct ul li:nth-child(1) .info .bq { left: auto; right: 5%; top: -90px; }
.hproduct ul li:nth-child(2) .info .bq { top: -90vw; left: 5%; }
.hproduct ul li:nth-child(3) .info .bq { top: -20vw; left: 10%; }
.hproduct ul li:nth-child(5) .info { padding-top: 0px; }
.hproduct { background: url(../images/lines.png) top center no-repeat; background-size: contain; }
.banner .bt { width: 60%; left: -10%; }
.his_box .right ul li:nth-child(1) .name,  .his_box .right ul li:nth-child(2) .name { width: 100%; }
.his_box .right ul li:nth-child(1) .des,  .his_box .right ul li:nth-child(2) .des { width: 100%; }
.his_box .right ul li:nth-child(1) .img,  .his_box .right ul li:nth-child(2) .img { position: relative; }
.his_box .right ul li:nth-child(1) .img img,  .his_box .right ul li:nth-child(2) .img img { -webkit-transform: rotate(0deg); }
.boxes.intro { padding-bottom: 0px; }
.boxes.b2 { padding-top: 0px; }
.banner.home>img { display: none; }
.banner.home>img.mob { display: block; width: 100%; left: 0px; }
.banner.home .slogan li { font-size: 8vw; }
.intro .common_title { padding: 0px; }
.fn_box .left .name b,  .zc_box .name b { font-size: 24px; }
.fn_box .left .des { font-size: 14px; margin-bottom: 5vw; }
.about_img img { position: relative; max-width: none; width: 200vw; left: -25vw; }
.zsx_more.m { display: block; }
.zsx_more p { left: 30%; }
.his_box .right ul li:nth-child(1) .img,  .his_box .right ul li:nth-child(2) .img { width: 100%; }
.fb_box .fb_select { margin-bottom: 5vw; display: none; }
.zc_list ul li .info .n { margin-bottom: 5px; }
.zc_list ul li .info .d { line-height: 1.4; }
.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; }
.shengmingBox img { width: 98vw; margin: 20vw auto; }
.lbbox { width: 94%; }
.lbbox .ltop .h2{ font-size:24px; line-height:34px; left:5%; top:25%;}
.lbottom { padding: 15px; line-height: 1.6; font-size: 14px; }
.lbottom p { text-indent: 28px; }
.tzgg { }
.tzgg .tz_info { width: 85%; margin-left: 5%; }
.tzgg .tz_close { right: 0%; }
.dowebok { width: 600px; animation: move2 20s linear infinite; }
header nav::after { display: none; }
.tzgg .tz_info { font-size: 12px; }
.tzgg .tz_info .icons { width: 60px; }
.tzgg .tz_info .tz_nr { width: calc(100% - 60px); }
}

/*banner*/
.banner_swiper { position:relative; overflow:hidden;}
.banner_swiper .swiper-container{}
.banner_swiper .swiper-slide { position:relative; overflow:hidden; z-index:1;}
.banner_swiper .swiper-slide.swiper-slide-active{ z-index:2;}
.banner_swiper .swiper-slide img{ display:block; width:100%; }
.banner_swiper .swiper-pagination{ height:10px; bottom:20px;}
.banner_swiper .swiper-pagination span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:10px; margin:0 8px; background:#fff; opacity:.5; transition:all .3s ease;}
.banner_swiper .swiper-pagination span.swiper-pagination-bullet-active{ background:var(--primary-color); opacity:1;}
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(0,0,0,.5); color:#fff; background-size:15px 30px; opacity:0; transition:all .3s ease; border-radius:8px;}
.banner_swiper .swiper-button-prev{ left:5%; transform:translateX(-100%);}
.banner_swiper .swiper-button-next{ right:5%; transform:translateX(100%);}
.banner_swiper:hover .swiper-button-prev,.banner_swiper:hover .swiper-button-next{ opacity:.7; transform:translateX(0) !important;}
.banner_swiper .swiper-button-prev:hover,.banner_swiper .swiper-button-next:hover{ opacity:1;}
@media(max-width:999px){
.banner_swiper .swiper-pagination{ bottom:10px;}
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{ width:40px; height:40px; margin-top:-20px; }
}