@font-face {  font-family: 'iconfont';  /* Project id 2908583 */  src: url('//at.alicdn.com/t/font_2908583_3au1puqwo3s.woff2?t=1636550931464') format('woff2'),  url('//at.alicdn.com/t/font_2908583_3au1puqwo3s.woff?t=1636550931464') format('woff'),  url('//at.alicdn.com/t/font_2908583_3au1puqwo3s.ttf?t=1636550931464') format('truetype');}@font-face {  font-family: 'fzhzgbj';  src: url('../../assets/fonts/FZHZGBJ.otf');}.iconfont {  font-family: "iconfont" !important;  font-style: normal;  -webkit-font-smoothing: antialiased;  -webkit-text-stroke-width: 0.2px;  -moz-osx-font-smoothing: grayscale;}* {  margin: 0px;  padding: 0px;  box-sizing: border-box;}/*鏁翠綋閮ㄥ垎*/::-webkit-scrollbar {  width: 8px;  height: 10px;}/*婊戝姩杞ㄩ亾*/::-webkit-scrollbar-track {  border-radius: 0;  background: #555555;}/*婊戝潡*/::-webkit-scrollbar-thumb {  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);  background-color: #1e6db6;}/*婊戝潡鏁堟灉*/::-webkit-scrollbar-thumb:hover {  border-radius: 5px;  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);  background-color: rgba(85, 85, 85, 0.4);}header {  width: 100%;  display: flex;  justify-content: space-between;  padding: 1vw 2vw;  position: absolute;  z-index: 99;}header .logo {  width: 122px;}header nav {  margin-top: 2vw;}header nav ul li {  display: inline-block;  font-size: 18px;  padding: 6px 0;  text-align: center;  margin: 0 1vw;  width: 7vw;}header nav ul li a {  color: white;  display: block;}header nav ul .active {  background-color: #ffffff;  border-radius: 20px;}header nav ul .active a {  color: #336fae;}header nav ul li:hover {  background-color: #ffffff;  border-radius: 20px;}header nav ul li:hover a {  color: #336fae;}.iconBox {  position: fixed;  z-index: 200;  right: 1vw;  bottom: 3vw;}.iconBox .iconItem {  width: 46px;  height: 46px;  border: 2px solid white;  border-radius: 50%;  margin: 15px auto;  text-align: center;  cursor: pointer;}.iconBox .iconItem i {  color: white;  font-size: 28px;  position: relative;  top: 7px;}.iconBox .iconItem .qrcodeBox{  position: absolute;  width: 8rem;  height: 8rem;  right: 3vw;  margin-top: -3vw;  display: none;}.iconBox .iconItem:hover .qrcodeBox{  display: block;}.iconBox .phone {  background: white;  transition: 0.5s all ease-in-out;  position: fixed;  right: 1vw;  bottom: 16vw;  overflow: hidden;}.iconBox .phone span {  display: none;  opacity: 0;  transition: 1s all ease-in-out;  font-size: 18px;  font-weight: bold;  line-height: 2.2vw;  color: #d23636;}.iconBox .phone i {  color: #d23636;  position: absolute;  right: .3vw;  top: .3vw;  font-weight: normal;}.iconBox .phone:hover {  width: 12vw;  border-radius: 5vw;}.iconBox .phone:hover span {  display: block;  opacity: 1;}footer {  width: 100%;  position: absolute;  margin-top: -2vw;}footer .footer {  width: 100%;  text-align: center;  margin: 0 auto;  color: white;}footer .footer a{  color: white;}.titleBox {  width: 100%;  display: flex;  justify-content: space-between;}.titleBox .title {  color: white;  padding-top: 17vw;  padding-left: 14vw;}.titleBox .title .cn {  font-size: 3vw;  font-family: fzhzgbj;}.titleBox .title .en {  font-size: 8vw;  position: absolute;  line-height: 1.2;  font-family: Arial;  font-weight: bold;}.titleBox .imgBg {  width: 58vw;}.textTitle {  color: white;  font-weight: bold;}.textTitle .en {  font-size: 3vw;}.textTitle .cn {  font-size: 2vw;}.index {  overflow: hidden;  width: 100%;  height: 100vh;  position: relative;}.index .bgBox .blue {  width: 0;  height: 0;  border-top: 100vh solid #336fae;  border-right: 100vw solid transparent;  position: absolute;  transform: translateY(-100vh);  transition: 0.8s all ease-in;}.index .bgBox .red {  width: 0;  height: 0;  border-bottom: 100vh solid #d23636;  border-left: 100vw solid transparent;  transition: 0.8s all ease-in;  position: absolute;  transform: translateY(100vh);  right: 0;}.index .ant {  width: 100%;  height: 100vh;  position: absolute;  left: 35vw;  top: 10vw;}.index .ant .inImg {  width: 30vw;  height: 30vw;  -webkit-animation: rotating 100s linear infinite;  animation: rotating 100s linear infinite;  transition: 0.8s all ease-in-out;  position: absolute;  opacity: 0;}@keyframes rotating {  from {    transform: rotate(0);  }  to {    transform: rotate(-360deg);  }}.index .ant .foImg {  width: 22vw;  position: absolute;  margin-left: 6vw;  margin-top: 8vw;}.index .ant .foImg .food {  width: 18vw;  position: absolute;  left: 2vw;  margin-top: -3vw;}.index .ant .foImg .foodLit {  width: 4vw;  position: absolute;  margin-top: -13vw;  left: 8vw;  opacity: 0;  animation: foodLiting 1s 1s ease-in infinite;}@keyframes foodLiting {  from {    transform: scale(1);  }  to {    transform: scale(1.1);  }}.index #homevideo {  width: 100%;  margin-top: -3vw;}.barnd {  width: 100%;  background: #d23636;}.barnd .f1 {  width: 100%;  padding: 0 13vw;  display: flex;  margin-top: -12vw;  position: relative;}.barnd .f1 .left {  width: 20vw;}.barnd .f1 .left .text {  color: white;  text-align: right;  font-weight: bold;}.barnd .f1 .left .text .en {  font-size: 3vw;}.barnd .f1 .left .text .cn {  font-size: 2vw;}.barnd .f1 .left .img {  width: 18vw;  height: 14vw;  margin-top: 5vw;  float: right;}.barnd .f1 .centre {  width: 16vw;  margin-left: 2vw;  margin-top: 5vw;  margin-right: 2vw;}.barnd .f1 .centre img {  width: 16vw;  height: 29vw;}.barnd .f1 .right {  width: calc(100% - 40vw);  color: white;  text-align: justify;  line-height: 1.7;  letter-spacing: 1px;  margin-top: 10vw;}.barnd .f1 .right .name {  font-size: 24px;  margin-bottom: 30px;}.barnd .f1 .right .des {  font-size: 16px;}.barnd .infoBox {  width: 100%;  margin: 3vw 0 6vw 0;  padding: 2vw 0;  border-top: 1px solid white;  border-bottom: 1px solid white;  display: flex;  overflow: hidden;}.barnd .infoBox img {  width: 100vw;  animation: rotating1 15s linear infinite;}@keyframes rotating1 {  from {    transform: translateX(0%);  }  to {    transform: translateX(-100%);  }}.barnd .f2 {  width: 100%;  padding: 0 14vw;}.barnd .f2 .imgBg {  width: 73vw;  height: 23vw;  margin: 0 auto;  background-size: cover !important;  filter: blur(3px);  transition: 0.3s all ease-in-out;  cursor: pointer;}.barnd .f2 .imgBg .textTitle {  padding: 4vw 2vw;}.barnd .f2 .text {  color: white;  line-height: 1.7;  letter-spacing: 1px;  text-align: justify;  margin-top: 4vw;}.barnd .f2 .text .name {  font-size: 24px;  font-weight: bold;  margin-bottom: 1vw;}.barnd .f2 .text .des {  font-size: 16px;}.barnd .f2:hover .imgBg {  filter: blur(0);}.barnd .f3 {  padding: 7vw 0 15vw 0;}.barnd .f3 .textTitle {  padding: 0 13vw;}.barnd .f3 .history-swiper {  width: 100%;  height: 22vw;  margin-top: 2vw;}.barnd .f3 .history-swiper .swiper-slide {  text-align: center;  font-size: 18px;  transition: 300ms;  transform: scale(1);  color: white;}.barnd .f3 .history-swiper .swiper-slide .year {  font-size: 24px;  margin-top: 5vw;  transition: 300ms;}.barnd .f3 .history-swiper .swiper-slide .year2 {  opacity: 0;  transition: 300ms;}.barnd .f3 .history-swiper .swiper-slide .text {  width: 95%;  opacity: 0;  margin: 0 auto;  text-align: left;}.barnd .f3 .history-swiper .swiper-slide .text .name {  font-size: 24px;  font-weight: bold;  margin-bottom: 1vw;}.barnd .f3 .history-swiper .swiper-slide .text .des {  font-size: 16px;  line-height: 1.7;  letter-spacing: 1px;  text-align: justify;}.barnd .f3 .history-swiper .swiper-slide::after {  content: '';  position: absolute;  width: 100%;  height: 1px;  background: white;  left: 0;  margin-top: -4.25vw;}.barnd .f3 .history-swiper .swiper-slide::before {  content: '';  position: absolute;  width: 10px;  height: 10px;  background-color: #ffffff;  border-radius: 50%;  border: 5px solid #e17b7b;  margin-top: 8.5vw;  margin-left: -0.5vw;}.barnd .f3 .history-swiper .swiper-slide-active,.barnd .f3 .history-swiper .swiper-slide-duplicate-active {  transform: scale(1);}.barnd .f3 .history-swiper .swiper-slide-active .year,.barnd .f3 .history-swiper .swiper-slide-duplicate-active .year {  opacity: 0;}.barnd .f3 .history-swiper .swiper-slide-active .year2,.barnd .f3 .history-swiper .swiper-slide-duplicate-active .year2 {  opacity: 1;  font-size: 13vw;  margin-top: -6.5vw;  font-weight: bold;  background-image: -webkit-linear-gradient(bottom, #fa5d5d, #e2a2a2, #ffffff);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}.barnd .f3 .history-swiper .swiper-slide-active .text,.barnd .f3 .history-swiper .swiper-slide-duplicate-active .text {  opacity: 1;  margin-top: -3.5vw;}.barnd .f3 .history-swiper .swiper-slide-active::after {  content: inherit;}.barnd .f3 .history-swiper .swiper-slide-active::before {  content: inherit;}.barnd .blueBox {  width: 0;  height: 0;  border-bottom: 30vh solid #336fae;  border-left: 99.6vw solid transparent;  position: absolute;  left: 0;  margin-top: -14.4vw;}.barnd .f4 {  width: 100%;  background: #336fae;}.barnd .f4 .textTitle {  text-align: right;  position: relative;  top: -5vw;}.barnd .f4 .dishes-swiper {  width: 78vw;  height: 45vw;}.barnd .f4 .dishes-swiper .swiper-slide {  width: 32vw;  text-align: center;  font-size: 18px;  transition: 300ms;  color: white;  margin: 0 auto;}.barnd .f4 .dishes-swiper .swiper-slide .img {  width: 32vw;  height: 32vw;  border-radius: 50%;  overflow: hidden;  margin: 0 auto;  background: rgba(51, 111, 174);}.barnd .f4 .dishes-swiper .swiper-slide .img img {  width: 32vw;  height: 32vw;  border-radius: 50%;  opacity: 0.3;  filter: alpha(opacity=60);}.barnd .f4 .dishes-swiper .swiper-slide .text {  margin: 0 auto;  text-align: center;  margin-top: -18vw;}.barnd .f4 .dishes-swiper .swiper-slide .text .name {  font-size: 30px;  font-weight: bold;  margin-bottom: 1vw;}.barnd .f4 .dishes-swiper .swiper-slide .text .tab {  font-size: 18px;  color: #eccb70;}.barnd .f4 .dishes-swiper .swiper-slide .des {  font-size: 16px;  line-height: 1.7;  letter-spacing: 1px;  opacity: 0;  margin-top: 1vw;  text-align: center;}.barnd .f4 .dishes-swiper .swiper-slide-active,.barnd .f4 .dishes-swiper .swiper-slide-duplicate-active {  z-index: 999;}.barnd .f4 .dishes-swiper .swiper-slide-active .img img,.barnd .f4 .dishes-swiper .swiper-slide-duplicate-active .img img {  opacity: 1;}.barnd .f4 .dishes-swiper .swiper-slide-active .text,.barnd .f4 .dishes-swiper .swiper-slide-duplicate-active .text {  margin-top: 2vw;}.barnd .f4 .dishes-swiper .swiper-slide-active .des,.barnd .f4 .dishes-swiper .swiper-slide-duplicate-active .des {  opacity: 1;}.barnd .f5 {  width: 100%;  padding: 0 13vw;  background: #336fae;  padding-bottom: 15vw;}.barnd .f5 .itemBox {  display: inline-block;  width: 100%;  margin-bottom: 10rem;}.barnd .f5 .itemBox .item {  width: 23.5vw;  height: 23.5vw;  background-size: cover !important;  display: inline-block;  float: left;  margin-bottom: 1vw;  transition: 0.3s all ease-in-out;  cursor: pointer;  overflow: hidden;}.barnd .f5 .itemBox .item:nth-child(3n - 1) {  margin: 0 1vw;  top: 7vw;  position: relative;}.barnd .f5 .itemBox .item:hover {  transform: translateY(-10px);}.barnd .redBox {  width: 0;  height: 0;  border-bottom: 30vh solid #d23636;  border-right: 99.6vw solid transparent;  position: absolute;  left: 0;  margin-top: -14.4vw;}.barnd .f6{ padding-bottom: 5rem;}.barnd .f6 .textTitle {  text-align: left;  position: relative;  top: -5vw;}.barnd .f6-swiper{  width: 100%;  height: 40vw;}.barnd .f6-swiper .swiper-pagination-bullet{  background: white;  opacity: .5;}.barnd .f6-swiper .swiper-pagination-bullet-active{  opacity: 1;}.barnd .f6-swiper .swiper-slide{  background-size: cover !important;}.newsPage {  width: 100%;  background: #d23636;}.newsPage .titleBox .imgBg {  width: 50vw;  margin-top: 8vw;}.newsPage .f1 {  width: 100%;  padding: 0 13vw;  margin-top: -5vw;}.newsPage .f1 .tabBox {  display: flex;}.newsPage .f1 .tabBox .item {  padding: 2px 25px;  font-size: 18px;  color: white;  border-radius: 22px;  border: solid 1px #ffffff;  line-height: 1.7;  text-align: center;  margin-right: 2vw;  cursor: pointer;}.newsPage .f1 .tabBox .active {  background: #336fae;  border: solid 1px #336fae;}.newsPage .f1 .tabBox .item:hover {  background: #336fae;  border: solid 1px #336fae;}.newsPage .f1 .newBox {  width: 100%;  padding: 4vw 0;}.newsPage .f1 .newBox .newsTop {  width: 100%;  height: 20vw;  display: inline-block;  overflow: hidden;}.newsPage .f1 .newBox .newsTop .imgBox {  width: 36vw;  height: 20vw;  background-size: cover !important;  display: inline-block;  float: left;  transition: 0.5s all ease-in-out;}.newsPage .f1 .newBox .newsTop .textBox {  width: 36vw;  height: 20vw;  background: #336fae;  color: white;  display: inline-block;  padding: 4vw;}.newsPage .f1 .newBox .newsTop .textBox .name {  font-size: 24px;  font-weight: bold;  margin-bottom: 1vw;}.newsPage .f1 .newBox .newsTop .textBox .des {  font-size: 16px;  line-height: 1.7;  text-align: justify;  letter-spacing: 1px;  margin-bottom: 3vw;}.newsPage .f1 .newBox .newsTop .textBox .more {  font-size: 14px;  font-family: fzhzgbj;  font-style: italic;  cursor: pointer;  transition: 0.5s all ease-in-out;}.newsPage .f1 .newBox .newsTop .textBox .more i {  font-size: 22px;  position: relative;  top: 3px;  left: 5px;}.newsPage .f1 .newBox .newsTop:hover .imgBox {  transform: scale(1.02);}.newsPage .f1 .newBox .newsTop:hover .more {  transform: translateX(15px);}.newsPage .f1 .newBox .newList {  width: 100%;  margin-top: 3vw;  display: inline-block;}.newsPage .f1 .newBox .newList .item {  width: 34.5vw;  margin-bottom: 2vw;  display: inline-block;  float: left;  overflow: hidden;}.newsPage .f1 .newBox .newList .item .img {  width: 100%;  height: 19vw;  background-size: cover !important;  transition: 0.5s all ease-in-out;}.newsPage .f1 .newBox .newList .item .textBox {  background: white;  padding: 2vw;}.newsPage .f1 .newBox .newList .item .textBox .name {  font-size: 24px;  color: #2e2e2e;  margin-bottom: 1vw;  font-weight: bold;}.newsPage .f1 .newBox .newList .item .textBox .des {  font-size: 16px;  color: #909090;  letter-spacing: 1px;  line-height: 1.7;  text-align: justify;}.newsPage .f1 .newBox .newList .item:hover .img {  transform: scale(1.02);}.newsPage .f1 .newBox .newList .item:hover .textBox .name {  color: #336fae;}.newsPage .f1 .newBox .newList .item:hover .textBox .des {  color: #336fae;}.newsPage .f1 .newBox .newList .item:nth-child(odd) {  margin-right: 3vw;}.cooperation {  width: 100%;  background: #d23636;}.cooperation .titleBox .imgBg {  width: 70vw;  margin-top: 12vw;}.cooperation .f1 {  width: 100%;  padding: 0 13vw;  margin-top: -10vw;}.cooperation .f1 .itemBox {  width: 100%;  display: inline-block;  margin-top: 3vw;}.cooperation .f1 .itemBox .item {  width: 36vw;  height: 16vw;  display: inline-block;  float: left;  color: white;  padding-top: 2vw;}.cooperation .f1 .itemBox .item .icon {  width: 84px;  height: 84px;  margin-bottom: 2vw;}.cooperation .f1 .itemBox .item .text {  width: 30vw;}.cooperation .f1 .itemBox .item .text .name {  font-size: 24px;  font-weight: bold;  margin-bottom: 1vw;}.cooperation .f1 .itemBox .item .text .des {  font-size: 16px;  line-height: 1.7;  text-align: justify;  letter-spacing: 1px;}.cooperation .f1 .itemBox .item:nth-child(1),.cooperation .f1 .itemBox .item:nth-child(2) {  border-bottom: 1px solid #e48686;}.cooperation .f1 .itemBox .item:nth-child(1),.cooperation .f1 .itemBox .item:nth-child(3) {  border-right: 1px solid #e48686;}.cooperation .f1 .itemBox .item:nth-child(2),.cooperation .f1 .itemBox .item:nth-child(4) {  padding-left: 4vw;}.cooperation .f2 {  width: 100%;  padding: 7vw 13vw 16vw 13vw;}.cooperation .f2 .itemBox {  width: 100%;  display: inline-block;  margin-top: 3vw;}.cooperation .f2 .itemBox .left {  width: 32vw;  height: 33vw;  background-size: cover !important;  display: inline-block;  float: left;}.cooperation .f2 .itemBox .right {  width: 35vw;  margin-left: 5vw;  display: inline-block;  color: white;  padding: 1vw 0;}.cooperation .f2 .itemBox .right .item {  display: flex;  margin-bottom: 4vw;  cursor: pointer;}.cooperation .f2 .itemBox .right .item .num {  width: 31px;  height: 31px;  border-radius: 50%;  text-align: center;  background: white;  color: #d23636;  font-size: 24px;  margin-right: 20px;}.cooperation .f2 .itemBox .right .item .text {  width: calc(100% - 50px);}.cooperation .f2 .itemBox .right .item .text .name {  font-size: 24px;  font-weight: bold;  margin-bottom: 1vw;}.cooperation .f2 .itemBox .right .item .text .des {  font-size: 16px;  text-align: justify;  line-height: 1.7;  letter-spacing: 1px;}.cooperation .f2 .itemBox .right .item:hover {  color: wheat;}.cooperation .f2 .itemBox .right .item:hover .num {  color: white;  background: #1e6db6;}.cooperation .f2 .itemBox .right .item:last-child {  margin-bottom: 0;}.cooperation .blueBox {  width: 0;  height: 0;  border-bottom: 30vh solid #336fae;  border-right: 99.6vw solid transparent;  position: absolute;  left: 0;  margin-top: -14.4vw;}.cooperation .f3 {  width: 100%;  padding: 0 13vw;  background: #336fae;}.cooperation .f3 .textTitle {  position: relative;  top: -5vw;}.cooperation .f3 .itemBox {  width: 100%;  display: inline-block;  margin-top: -3vw;}.cooperation .f3 .itemBox .item {  width: 50%;  display: inline-block;  float: left;  padding-left: 6vw;  position: relative;}.cooperation .f3 .itemBox .item .num {  font-size: 13vw;  font-weight: bold;  background-image: -webkit-linear-gradient(bottom, #3c679b, #5f89bb, #c9cdd3);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}.cooperation .f3 .itemBox .item .text {  color: white;  margin-top: -5vw;  margin-left: 2vw;}.cooperation .f3 .itemBox .item .text .name {  font-size: 24px;  font-weight: bold;  margin-bottom: 1vw;}.cooperation .f3 .itemBox .item .text .name::after {  content: '';  position: absolute;  width: 17vw;  height: 1px;  margin-top: 0.9vw;  margin-left: 2vw;  background: white;}.cooperation .f3 .itemBox .item .text .des {  font-size: 16px;  line-height: 1.7;  text-align: justify;  letter-spacing: 1px;}.cooperation .f3 .itemBox .item:nth-child(even) {  padding-left: 5vw;  position: relative;  top: 40vw;}.cooperation .f4 {  width: 100%;  padding: 5vw 13vw;  background: #336fae;}.cooperation .f4 .img {  width: 100%;  margin: 0 auto;  padding-top: 6vw;}.cooperation .f5 {  width: 100%;  padding: 5vw 13vw;  background: #336fae;  margin: 0 auto;  text-align: center;  color: white;}.cooperation .f5 .text .name {  font-size: 24px;}.cooperation .f5 .text .phone {  font-size: 51px;  font-weight: bold;}.cooperation .f5 .qrcodeBox {  display: inline-block;  margin: 0 auto;  text-align: center;  padding-top: 3vw;  font-size: 18px;}.cooperation .f5 .qrcodeBox .item {  display: inline-block;  float: left;  margin: 0 1vw;}.cooperation .f5 .qrcodeBox .item .img {  width: 130px;  margin-bottom: 1vw;}.join {  width: 100%;  background: #d23636;}.join .titleBox .imgBg {  width: 50vw;  margin-top: 8vw;}.join .f1 {  width: 100%;  padding: 0 13vw 8vw 13vw;  margin-top: -8vw;  position: relative;}.join .f1 .item {  display: flex;  color: white;  border-bottom: 1px solid #e48686;  padding: 3vw;  transition: 0.5s all ease-in-out;}.join .f1 .item .name {  width: 12vw;  font-weight: bold;  padding: 1vw 0 0 0;  border-right: 1px solid #e48686;}.join .f1 .item .name .cn {  font-size: 24px;}.join .f1 .item .name .en {  font-size: 16px;}.join .f1 .item .des {  width: 40vw;  font-size: 16px;  line-height: 1.7;  text-align: justify;  letter-spacing: 1px;  margin-left: 3vw;}.join .f1 .item .more {  font-size: 16px;  font-style: italic;  color: white;  margin-left: 8vw;  font-family: fzhzgbj;  cursor: pointer;}.join .f1 .item .more .icon {  text-align: center;}.join .f1 .item .more .icon i {  font-size: 48px;}.join .f1 .item:last-child {  border-bottom: transparent;}.join .f1 .item:hover {  background: white;}.join .f1 .item:hover .name .cn {  color: #3b3b3b;}.join .f1 .item:hover .name .en {  color: #eccb70;}.join .f1 .item:hover .des {  color: #8a8a8a;}.join .f1 .item:hover .more {  color: #d23636;}.smModal{  position: fixed;  width: 100%;  height: 100vh;  z-index: 999;  top: 0;  display: none;  background: rgba(0,0,0,.5);}.smModal .close{  width: 2vw;  position: absolute;  right: 35%;  top: 7%;  cursor: pointer;}.smModal .img{  width: 32vw;  margin: 2.5% auto;}.pc {  display: block;}.mobile {  display: none;}@media (max-width: 1660px) {  .barnd .blueBox {    margin-top: -13.65vw;    border-left: 100vw solid transparent;  }  .barnd .redBox {    border-right: 100vw solid transparent;    margin-top: -13.65vw;  }  .iconBox .phone{    bottom: 18.5vw;  }  .iconBox .phone span{    line-height: 2.5vw;  }  .iconBox .phone:hover{    width: 15vw;  }  .cooperation .blueBox {    margin-top: -13.65vw;    border-right: 100vw solid transparent;  }  .barnd .f4 .dishes-swiper {    height: 50vw;  }  .cooperation .f1 .itemBox .item {    height: 20vw;  }}@media (max-width: 1440px) {  .iconBox .phone{    bottom: 20vw;  }  .iconBox .phone span{    line-height: 2.8vw;  }  .index #homevideo {    height: 100%;    margin-top: 0;  }  .index .ant {    top: 16vw;  }  .barnd .f3 .history-swiper {    height: 30vw;  }  .barnd .blueBox {    margin-top: -18.6vw;  }  .barnd .redBox {    margin-top: -18.6vw;  }  .barnd .f4 .dishes-swiper {    height: 55vw;  }  .cooperation .f2 .itemBox .right .item {    margin-bottom: 1vw;  }  .cooperation .f2 {    padding: 7vw 13vw 25vw 13vw;  }  .cooperation .blueBox {    margin-top: -18.6vw;  }  .join .f1 .item .name {    width: 15vw;  }  .join .f1 .item .des {    width: 37vw;  }}@media (max-width: 1366px) {  .iconBox .phone{    bottom: 21vw;  }  .barnd .blueBox {    margin-top: -16.6vw;  }  .barnd .redBox {    margin-top: -16.6vw;  }  .cooperation .blueBox {    margin-top: -16.6vw;  }}@media (max-width: 768px) {  .smModal .img {    width: 95vw;    margin: 22.5% auto;  }  .smModal .close {    width: 10vw;    position: absolute;    right: 5%;    top: 14%;    cursor: pointer;  }  .pc {    display: none;  }  .mobile {    display: block;  }  #homevideo2{    width: 100%;    height: 95%;    opacity: 0;    object-fit: cover;  }  .newsPage .f1 .tabBox .item{    padding: 0 12px;    font-size: 16px;  }  .index .bgBox .blue{    width: 0;    height: 0;    border-style: solid;    border-width: 0 60vw 130vw 70vw;    transform: translateY(-100vh) rotate(90deg);    border-color: transparent transparent #336fae #336fae;  }  .index .bgBox .red{    width: 0;    height: 0;    border-style: solid;    border-width: 0 60vw 110vw 50vw;    transform: translateY(100vh) rotate(270deg);    bottom: 3.8rem;    border-color: transparent transparent #d23636 #d23636;  }  /*.index .bgBox .blue,.index .bgBox .red{*/  /*  border-width: 0 60vw 130vw 70vw;*/  /*}*/  .titleBox .title{    padding-left: 5vw;  }  .titleBox .title .cn{    font-size: 6vw;  }  .titleBox .title .en{    font-size: 6vw;  }  .newsPage .f1 .newBox .newsTop .textBox .des,.newsPage .f1 .newBox .newList .item .textBox .des{    font-size: 14px;  }  .headerMobile {    padding: 1rem;    display: flex;    position: absolute;    z-index: 99;  }  .headerMobile .logo {    width: 20vw;  }  .headerMobile .right {    width: 65vw;    margin-left: 5vw;    margin-top: 7vw;  }  header {    position: fixed;    bottom: 0;    padding: 1rem;    color: white;    font-size: 14px;    border-top: 1px solid #e07373;    background: rgba(210,54,54);  }  header .img {    width: 80%;  }  header .icon i {    color: white;    font-size: 24px;  }  header .navs {    color: white;  }  header .navs ul li {    display: inline-block;    padding: 0 2.5vw;    position: relative;    top: 3px;    border-right: 1px solid #e07373;  }  header .navs ul li a {    color: white;  }  header .navs ul li:last-child {    border-right: transparent;  }  footer {    padding: 0 2vw;    margin-top: -12vw;  }  .index .ant {    left: 15vw;    top: 50vw;  }  .index .ant .inImg {    width: 70vw;    height: 70vw;  }  .index .ant .foImg {    width: 60vw;    margin-left: 8vw;    margin-top: 14vw;  }  .index .ant .foImg .food {    width: 40vw;    left: 7vw;    margin-top: -11vw;  }  .index .ant .foImg .foodLit {    width: 12vw;    margin-top: -36vw;    left: 21vw;  }  .barnd .f1 {    display: block;    padding: 0 5vw;  }  .barnd .f1 .left {    width: 100%;  }  .barnd .f1 .left .text {    text-align: center;  }  .barnd .f1 .left .text .en {    font-size: 26px;  }  .barnd .f1 .left .text .cn {    font-size: 22px;  }  .barnd .f1 .left .img {    width: 50%;    height: auto;  }  .barnd .f1 .centre {    margin-left: 0;    margin-top: 5vw;    margin-right: 0;    width: 45%;  }  .barnd .f1 .centre img {    width: 100%;    height: auto;  }  .barnd .f1 .right {    width: 100%;    margin-top: 5vw;  }  .barnd .f1 .right .name {    font-size: 20px;    margin-bottom: 10px;    font-weight: bold;  }  .barnd .f2 {    padding: 0 5vw;  }  .barnd .f2 .imgBg {    width: 100%;    height: 30vw;    filter: inherit;  }  .textTitle .en {    font-size: 26px;  }  .textTitle .cn {    font-size: 22px;  }  .barnd .f3 .textTitle {    padding: 0 5vw;  }  .barnd .f3 .history-swiper {    height: 60vw;    padding: 0 5vw;    margin-bottom: 10vw;  }  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    bottom: 0 !important;  }  .barnd .f3 .history-swiper .swiper-wrapper{    margin-bottom: 10vw;  }  .barnd .f3 .textTitle {    /*text-align: center;*/  }  .barnd .f3 .history-swiper .swiper-slide::after {    content: inherit;  }  .barnd .f3 .history-swiper .swiper-slide .year {    margin-top: 0;  }  .barnd .f3 .history-swiper .swiper-slide .text .name {    font-size: 20px;  }  .barnd .f3 .history-swiper .swiper-slide .text {    margin-top: 0;  }  .barnd .blueBox {    margin-top: -4rem;    border-bottom: 9vh solid #336fae;  }  .barnd .redBox {    margin-top: -4rem;    border-bottom: 9vh solid #d23636;  }  .barnd .f4 {    padding: 10vw 0;  }  .barnd .f4 .textTitle {    top: 0;    margin-bottom: 5vw;  }  .barnd .f4 .dishes-swiper {    width: 100vw;    height: auto;  }  .barnd .f4 .textTitle {    text-align: left;  }  .barnd .f4 .dishes-swiper .swiper-slide .text .name {    font-size: 18px;  }  .barnd .f4 .dishes-swiper .swiper-slide .text .tab {    font-size: 14px;  }  .barnd .f4 .dishes-swiper .swiper-slide {    width: 70vw;  }  .barnd .f4 .dishes-swiper .swiper-slide .img {    width: 70vw;    height: 70vw;  }  .barnd .f4 .dishes-swiper .swiper-slide .img img {    width: 70vw;    height: 70vw;  }  .barnd .f5 {    padding: 0 5vw 10vw 5vw;  }  .barnd .f5 .itemBox {    padding-bottom: 5vw;    margin-bottom: 5rem;  }  .barnd .f5 .itemBox .item {    width: 43vw;    height: 43vw;    margin: 1vw;  }  .barnd .f6-swiper{    height: 50vw;  }  .barnd .f5 .itemBox .item:nth-child(3n - 1) {    top: 0;    margin: 1vw;  }  .backTop {    display: none;  }  .newsPage .f1 {    padding: 0 5vw;  }  .newsPage .f1 .newBox {    padding: 4vw 0 10vw 0;  }  .newsPage .f1 .newBox .newsTop {    display: block;    height: auto;  }  .newsPage .f1 .newBox .newsTop .imgBox {    width: 100%;    height: 50vw;  }  .newsPage .f1 .newBox .newsTop .textBox {    width: 100%;    height: auto;  }  .newsPage .f1 .newBox .newsTop .textBox .name {    font-size: 18px;  }  .newsPage .f1 .newBox .newList {    display: block;    margin-top: 5vw;  }  .newsPage .f1 .newBox .newList .item {    width: 100%;    display: block;    float: inherit;    margin-bottom: 5vw;  }  .newsPage .f1 .newBox .newList .item .img {    height: 50vw;  }  .newsPage .f1 .newBox .newList .item .textBox .name {    font-size: 18px;  }  .cooperation .f1 {    padding: 0 5vw;  }  .cooperation .f1 .textTitle {    /*text-align: center;*/  }  .cooperation .f1 .itemBox {    display: block;  }  .cooperation .f1 .itemBox .item {    width: 100%;    height: auto;    margin: 0 auto;    text-align: center;    display: block;    float: inherit;  }  .cooperation .f1 .itemBox .item .icon {    text-align: center;    margin: 0 auto;  }  .cooperation .f1 .itemBox .item .text {    width: 100%;    padding: 2vw;  }  .cooperation .f1 .itemBox .item .text .des {    text-align: center;  }  .cooperation .f1 .itemBox .item .text .name {    font-size: 18px;  }  .cooperation .f1 .itemBox .item:nth-child(2),  .cooperation .f1 .itemBox .item:nth-child(4) {    padding-left: 0;  }  .cooperation .f1 .itemBox .item:nth-child(1),  .cooperation .f1 .itemBox .item:nth-child(2) {    border: transparent;  }  .cooperation .f1 .itemBox .item:nth-child(1),  .cooperation .f1 .itemBox .item:nth-child(3) {    border: transparent;  }  .cooperation .f2 {    padding: 10vw 5vw 20vw 5vw;  }  .cooperation .f2 .textTitle {    /*text-align: center;*/  }  .cooperation .f2 .itemBox {    display: block;  }  .cooperation .f2 .itemBox .left {    width: 100%;    height: 80vw;    display: block;    float: inherit;  }  .cooperation .f2 .itemBox .right {    width: 100%;    margin-left: 0;    display: block;    margin-top: 10vw;  }  .cooperation .f2 .itemBox .right .item {    margin-bottom: 5vw;  }  .cooperation .f2 .itemBox .right .item .text .name {    font-size: 18px;  }  .cooperation .blueBox {    border-bottom: 9vh solid #336fae;    margin-top: -4rem;  }  .cooperation .f3 {    padding: 8vw 5vw;  }  .cooperation .f3 .textTitle {    /*text-align: center;*/    top: -5vw;  }  .cooperation .f3 .itemBox {    margin-top: 0;    display: block;  }  .cooperation .f3 .itemBox .item {    width: 100%;    padding-left: 0;    display: block;    float: inherit;  }  .cooperation .f3 .itemBox .item:nth-child(even) {    top: 0;    padding-left: 0;  }  .cooperation .f3 .itemBox .item .text .name::after {    margin-top: 4vw;  }  .cooperation .f4 {    padding: 12vw 5vw;  }  .cooperation .f4 .textTitle {    /*text-align: center;*/  }  .cooperation .f4 .processBox{    display: inline-block;    margin-top: 1rem;  }  .cooperation .f4 .processBox .item{    width: 100%;    display: inline-block;    float: left;    color: white;    text-align: center;    margin: 1rem auto;  }  .cooperation .f4 .processBox .item .icon{    width: 84px;    margin: 0 auto;  }  .cooperation .f4 .processBox .item .text{    margin-top: 1rem;  }  .cooperation .f4 .processBox .item .text .name{    font-size: 18px;    font-weight: bold;  }  .cooperation .f4 .processBox .item .text .des{    font-size: 16px;    line-height: 1.7;  }  .cooperation .f5 {    padding: 5vw 5vw 15vw 5vw;  }  .cooperation .f5 .text .name {    font-size: 18px;  }  .cooperation .f5 .text .phone {    font-size: 36px;  }  .cooperation .f5 .qrcodeBox {    font-size: 16px;  }  .join .f1 {    padding: 0 5vw 8vw 5vw;  }  .join .f1 .item {    display: block;    padding-bottom: 5vw;    margin-bottom: 5vw;  }  .join .f1 .item .name {    width: 100%;    text-align: center;    border: transparent;  }  .join .f1 .item .des {    width: 100%;    margin-left: 0;    margin-top: 2vw;  }  .join .f1 .item .more {    margin-left: 0;    text-align: center;  }  .join .f1 .item .more .icon i {    font-size: 36px;  }  .join .f1 .item:hover {    background: transparent;  }}@media (max-width: 320px) {  header .icon i {    font-size: 18px;  }  header .navs ul li {    padding: 0 1vw;    top: 0;  }}@media (min-height: 780px) and  (max-width: 768px){  .index .bgBox .blue,.index .bgBox .red{    border-width: 0 60vw 130vw 70vw;  }}