@font-face {
  font-family: "Myhyds";
  src: url("/css/HanYiZhongSongJian-1.ttf");
}
.app-container {
  width: 100%;
  background-color: #fff;
  line-height: 25rem;
  font-size: 16rem;
  /* font-family: "Myhyds", Arial, sans-serif; */
}
.imgBg{
  background-image: url('../img/s10-bbg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}
.w {
  width: 70%;
  margin: 0 auto;
}
a {
  color: black;
  display: block;
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
img {
  vertical-align: top;
}
.el-col {
  border-radius: 4rem;
}
.grid-content {
  border-radius: 4rem;
  min-height: 36rem;
}
/* 导航 */
/* .el-menu-vertical:not(.el-menu--collapse) {
  width: 240rem;
} */
/* .el-menu{
  width: 60%;
}  */
:root {
  --el-menu-item-font-size: 16rem !important;
  --el-menu-base-level-padding: 20rem !important;
}
.el-menu--popup {
  min-width: 120rem !important;
}
.el-sub-menu .el-menu {
  z-index: 99999;
}
.el-sub-menu .el-menu .el-menu-item {
  height: 20rem !important;
}
.el-icon {
  font-size: 18rem !important;
  margin-top: -9rem !important;
}
.el-sub-menu__title {
  transition: all 0.5s !important;
  font-size: 16rem !important;
  font-weight: bold;
  padding-right: 20rem !important;
}
.el-sub-menu__title:hover {
  background-color: transparent !important;
  color: #af2024 !important;
  font-size: 20rem !important;
  font-weight: bold;
}
.el-menu-item {
  height: 100% !important;
  transition: all 0.5s !important;
  font-size: 16rem !important;
  font-weight: bold;
  padding-top: 0px !important;
}
.el-menu-item:hover {
  background-color: transparent !important;
  color: #af2024 !important;
  font-size: 20rem !important;
  font-weight: bold;
}
.el-sub-menu.is-active .el-sub-menu__title{
  border: 0 !important;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
/* header */
.head {
  width: 100%;
  height: 60rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10rem;
}
.serch {
  /* width: 200rem; */
  position: relative;
}
/* el-input{
  width: 200rem !important;
} */
.serch img {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 28rem;
  left: 9rem;
  z-index: 999;
}
.serch .el-input__wrapper {
  width: 150rem;
  margin: 20rem 80rem 0 0;
  /* background-color: transparent !important; */
  border: 1rem solid #ffffff !important;
  overflow-inline: 0 !important;
  box-shadow: 0 0 0 #ffffff !important;
  border-radius: 20rem !important;
}
.serch .el-input__wrapper .el-input__icon {
  margin-top: 1rem !important;
  color: #d1a97b !important;
}
el-icon{
  color: #d1a97b !important;
}

.logo {
  width: 300rem;
  height:75rem;
}
.logo img {
  width: 100%;
  height: 100%;
}
.indexhome {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.indexhome .label {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #376dd9b0;
  /* background-color: #224d85ee; */
  position: fixed;
  height: 70rem;
  text-align: center;
}
/* .fontB {
  width: 600rem !important ;
}
.fontB2All {
  width: 400rem !important;
  text-align: center !important;
  transition: all 0.5 !important;
} */
/* .fontB2 {
  background-color: rgba(255, 255, 255, 0.6) !important;
  border-bottom: 1rem solid #000 !important;
  color: #000 !important;
  font-size: 60rem !important ;
} */
.fontB3 {
  font-size: 130rem !important ;
}
.fontB4 {
  font-size: 50rem !important ;
  width: 300rem !important;
  padding: 30rem !important;
}
.indexhome .label .nav {
  display: flex;
  padding: 20rem 60rem;
}
.indexhome .label .nav a {
  padding: 10rem;
  color: white;
}
.indexhome .label .nav .active {
  color: #f07e82;
  /* color: #376DD9; */
  background: #000;
}
.indexhome .label .nav .el-menu {
  background-color: transparent;
  border: 0;
}
.indexhome .label .nav .el-menu .el-menu-item {
  /* color: #000; */
  color: #fff;
  border: 0;
}

.indexhome .label .nav .el-sub-menu__title {
  /* color: #000; */
  color: #fff;
  border: 0;
}
.indexhome .label .nav .el-sub-menu__title i {
  display: none;
}
.el-menu--popup-container .el-menu-item {
  height: 40rem !important;
  font-size: 15rem !important;
}
.indexhome video {
  width: 100%;
}
.indexhome .understand {
  position: absolute;
  right: 10%;
  top: 35%;
  color: white;
}
.indexhome .understand h2 {
  font-size: 60rem;
}
.indexhome .understand a {
  display: block;
  color: white;
  width: 200rem;
  font-size: 30rem;
  padding: 10rem;
  border-radius: 50rem;
  border: 1rem solid #fff;
  text-align: center;
}
.banner {
  width: 100%;
}
.banner .img-auto {
  width: 100%;
  height: 100%;
}
footer {
  width: 100%;
  background-color: #1e1f1c;
  background-size: 100% 100%;
  letter-spacing: 1rem;
}
.isWebfooter {
  position: fixed;
  bottom: 0;
}
footer li {
  color: #f0f0f0;
  padding: 10rem;
}
footer li a {
  color: #f0f0f0;
}
footer li img {
  width: 20rem;
  height: auto;
  display: inline-block;
}
footer .footer-bottom {
  height: 50rem;
  width: 100%;
  /* background-color: #7d0f12; */
  line-height: 50rem;
  text-align: center;
  font-size: 12rem;
  color: #ccc;
}
.headimg {
  width: 100%;
  height: 500rem;
}
.headimg img {
  width: 100%;
  height: 100%;
}
.item-title {
  margin: 50rem 0 50rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.item-title .item-title-img {
  height: 80rem;
}
.item-title .item-title-img img {
  width: auto;
  height: 100%;
}
.item-title-center {
  padding: 50rem 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.item-title-center .item-title-img {
  height: 150rem;
}
.item-title-center .item-title-img img {
  width: auto;
  height: 100%;
}
.honor {
  width: 100%;
  margin-top: 50rem;
  padding-bottom: 100rem;
  background: url(/img/honor/bg.png) no-repeat bottom center;
  background-size: 100% 100%;
}
.honor .honor-main {
  margin-top: 70rem;
}
.honor-main .el-col {
  box-sizing: border-box;
}
.honor .honor-main a {
  display: block;
  width: 100%;
  height: 260rem;
  /*设置线性渐变*/
}
.honor .honor-main a img {
  width: 100%;
  height: 100%;
}
.footerWeb {
  text-align: center;
  padding: 0;
}
.swiper-bg {
  box-sizing: border-box;
  height: 260rem;
  border: 1px solid #b1853d;
  padding: 30rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20rem;
}
.el-carousel__arrow i {
  margin-top: 1rem !important;
}
.swiper-container {
  box-sizing: border-box;
  width: 100%;
  height: 200rem;
  margin: 0 auto;
  overflow: hidden;
}
.swiper-slide {
  box-sizing: border-box !important;
  padding: 5rem !important;
  text-align: center;
  font-size: 18px;
  width: 280rem !important;
  height: 200rem !important;
  margin-right: 30rem !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  border: 5rem solid;
  border-image: linear-gradient(to right, #f0d854, #dfab58) 1;
  width: 100%;
  height: 100%;
  box-shadow: 12px 12px 5px 1px rgba(0, 0, 0, 0.3);
}
.swiper-slide a {
  width: 100% !important;
  height: 100% !important;
}
.swiper-slide a img {
  border: 5rem solid !important;
  border-image: linear-gradient(to right, #f0d854, #dfab58) 1 !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: 12px 12px 5px 1px rgba(0, 0, 0, 0.3) !important;
}
.swiper-button-next {
  width: 60rem !important;
  height: 60rem !important;
  background-image: url(../img/arrowRr.png) !important;
  background-size: 100% 100% !important;
}
.swiper-button-next:hover {
  background-image: url(../img/arrowRra.png) !important;
  background-size: 100% 100% !important;
}
.swiper-button-prev {
  width: 60rem !important;
  height: 60rem !important;
  margin-top: -30rem !important;
  background-image: url(../img/arrowLl.png) !important;
  background-size: 100% 100% !important;
}
.swiper-button-prev:hover {
  background-image: url(../img/arrowLla.png) !important;
  background-size: 100% 100% !important;
}
/* 确保二级菜单文字颜色正确 */
/* 让轮播图渐入渐出 */
.el-carousel__item {
  opacity: 0;
  transition: opacity 0.8s;
  z-index: 1;
}
.el-carousel__item.is-active {
  opacity: 1;
  z-index: 2;
}