html {
  font-size: 100px; }

.flexbox {
  position: fixed;
  right: 0;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  z-index: 999999; }
  .flexbox ul li {
    position: relative;
    cursor: pointer;
    width: 63px;
    margin-bottom: 3px; }
    .flexbox ul li.tips .icon {
      background: #0F0A0D; }
    .flexbox ul li:hover .show {
      transform: translateX(0%) translateY(-50%);
      visibility: initial;
      opacity: 1; }
    .flexbox ul li:hover .icon {
      background: #533A5C; }
    .flexbox ul li .show {
      width: 160px;
      overflow: hidden;
      position: absolute;
      right: 100%;
      top: 50%;
      background: #fff;
      padding: 15px;
      display: flex;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      align-items: center;
      visibility: hidden;
      opacity: 0;
      transition: all .3s;
      transform: translateX(-40%) translateY(-50%);
      justify-content: center; }
      .flexbox ul li .show p {
        font-size: 14px;
        color: #333; }
      .flexbox ul li .show img {
        width: 100%;
        display: block; }
    .flexbox ul li .icon {
      width: 63px;
      background: #0F0A0D;
      height: 63px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .flexbox ul li .icon a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .flexbox ul li .icon a img {
          display: block; }

.mobile_navbar {
  display: none; }

.mobile_btn,
.menu,
.mobilepic,
.mobilefooter {
  display: none; }

.banner .mySwiper {
  display: block; }

.banner .mySwipers {
  display: none; }

.content {
  overflow: hidden;
  width: 100%; }
  .content .header {
    width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    transition: all .3s; }
    .content .header.on {
      background: rgba(0, 0, 0, 0.9); }
    .content .header .m {
      width: 12rem;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .header .m .logo {
        display: block;
        width: 4.4rem; }
      .content .header .m .right {
        overflow: hidden;
        text-align: right; }
        .content .header .m .right ul {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          margin-top: .1rem; }
          .content .header .m .right ul li {
            position: relative; }
            .content .header .m .right ul li:last-child a {
              padding-right: 0; }
            .content .header .m .right ul li:hover a {
              color: #895da1; }
            .content .header .m .right ul li.on a {
              color: #895da1; }
            .content .header .m .right ul li a {
              display: block;
              font-size: .16rem;
              padding: 0 .25rem;
              transition: all .05s;
              color: #fff; }
        .content .header .m .right .tel {
          display: flex;
          align-items: center;
          justify-content: flex-end; }
          .content .header .m .right .tel img {
            display: block;
            width: .25rem;
            margin-right: .08rem; }
          .content .header .m .right .tel p {
            display: flex;
            align-items: center;
            font-size: .16rem;
            color: #cb2322; }
            .content .header .m .right .tel p span {
              font-weight: bold;
              font-size: .26rem; }
  .content .banner {
    width: 100%;
    position: relative; }
    .content .banner img {
      display: block;
      width: 100%; }
  .content .footer {
    width: 100%;
    height: 6.11rem;
    background-size: 100% 100%;
    background-image: url(../images/fbg_02.jpg);
    padding-top: 1.1rem;
    position: relative; }
    .content .footer .scrolltop {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      cursor: pointer;
      width: 40px;
      z-index: 9999;
      bottom: .3rem; }
    .content .footer .m {
      width: 12rem;
      margin: 0 auto; }
      .content .footer .m .bot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1.4rem;
        position: relative; }
        .content .footer .m .bot p {
          font-size: 12px;
          color: #fff; }
      .content .footer .m .top {
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .content .footer .m .top .code {
          overflow: hidden; }
          .content .footer .m .top .code p {
            font-size: .2rem;
            margin-bottom: .65rem;
            color: #fff; }
          .content .footer .m .top .code ul {
            display: flex;
            align-items: center; }
            .content .footer .m .top .code ul li {
              overflow: hidden;
              width: 1.5rem;
              height: 1.5rem;
              background-image: url(../images/jk.png);
              background-size: 100% 100%;
              background-position: center center;
              display: flex;
              align-items: center;
              justify-content: center;
              margin-left: .4rem; }
              .content .footer .m .top .code ul li:first-child {
                margin-left: 0; }
              .content .footer .m .top .code ul li img {
                width: 1.33rem; }
        .content .footer .m .top .label {
          overflow: hidden; }
          .content .footer .m .top .label .lis1 {
            overflow: hidden;
            width: 2.22rem;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            .content .footer .m .top .label .lis1 li {
              font-size: .16rem;
              margin-bottom: .5rem; }
              .content .footer .m .top .label .lis1 li:hover a {
                color: #8c629b; }
              .content .footer .m .top .label .lis1 li a {
                color: #fff;
                transition: all .05s; }
          .content .footer .m .top .label .lis {
            overflow: hidden; }
            .content .footer .m .top .label .lis li {
              overflow: hidden;
              display: flex;
              align-items: flex-start;
              margin-bottom: .3rem; }
              .content .footer .m .top .label .lis li p {
                font-size: .16rem;
                white-space: nowrap;
                line-height: .24rem;
                color: #fff; }
              .content .footer .m .top .label .lis li span {
                display: block;
                font-size: .16rem;
                color: #fff;
                line-height: .24rem;
                max-width: 2.25rem; }
              .content .footer .m .top .label .lis li em {
                font-size: .48rem;
                line-height: 1;
                display: inline-block;
                color: #8c629b; }
          .content .footer .m .top .label .title {
            display: flex;
            align-items: flex-end;
            font-size: .18rem;
            margin-bottom: .6rem;
            color: #8c629b;
            line-height: 1;
            text-transform: uppercase; }
            .content .footer .m .top .label .title span {
              letter-spacing: 1px;
              font-size: .3rem;
              display: inline-block;
              margin-right: .1rem;
              line-height: 1;
              color: #fff; }
  .content .main_form {
    overflow: hidden;
    width: 100%;
    padding: 1.36rem 0 1.52rem 0;
    background-image: url(../images/icon_216.png);
    background-size: 9.48rem;
    background-repeat: no-repeat;
    background-position: right center;
	background-position-x: 190%;
	 }
    .content .main_form .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_form .m .head {
        overflow: hidden;
        margin-bottom: .8rem; }
        .content .main_form .m .head p {
          font-size: .4rem;
          color: #180f15;
          font-weight: bold;
          margin-bottom: .12rem;
          letter-spacing: 1px; }
          .content .main_form .m .head p span {
            color: #533a5c;
            letter-spacing: 1px;
            font-weight: bold; }
        .content .main_form .m .head em {
          display: block;
          font-size: .16rem;
          color: #180f15; }
      .content .main_form .m .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 5.6rem; }
        .content .main_form .m .item .label {
          width: 2.7rem; }
      .content .main_form .m .submit {
        overflow: hidden;
        width: 1.31rem;
        height: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #533A5C;
        font-size: .18rem;
        color: #fff;
        cursor: pointer;
        margin-top: .38rem; }
		      .content .main_form .m .sub {
        overflow: hidden;
        width: 1.31rem;
        height: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #533A5C;
        font-size: .18rem;
        color: #fff !important;
        cursor: pointer;
        margin-top: .38rem; }
      .content .main_form .m .label {
        overflow: hidden;
        margin-bottom: .35rem;
        width: 100%; }
        .content .main_form .m .label textarea {
          width: 5.6rem;
          outline: none;
          resize: none;
          box-sizing: border-box;
          height: 1rem;
          font-size: .16rem;
          color: #333;
          padding: .2rem;
          border: 1px solid #626262; }
        .content .main_form .m .label p {
          font-size: .16rem;
          color: #272121;
          margin-left: .2rem;
          margin-bottom: .1rem; }
        .content .main_form .m .label input {
          width: 100%;
          height: .44rem;
          font-size: .16rem;
          color: #333;
          padding-left: .2rem;
          border: 1px solid #626262; }
  .content .main_agents {
    overflow: hidden;
    width: 100%;
    height: 7.18rem;
    background-image: url(../images/icons_54.jpg);
    background-size: 100% 100%;
    padding: 1.2rem 0 0 0; }
    .content .main_agents .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_agents .m .tong_title p,
      .content .main_agents .m .tong_title span {
        color: #fff; }
      .content .main_agents .m .tong_title span {
        color: #A19FA1; }
      .content .main_agents .m .box {
        width: 100%;
        position: relative;
        margin-top: .5rem;
        padding-bottom: .5rem; }
        .content .main_agents .m .box .btn {
          width: 40px;
          height: 40px;
          position: absolute;
          background-size: 100% 100%;
          top: 38%;
          transform: translateY(-50%);
          z-index: 999;
          cursor: pointer;
          display: none;
          background-image: url(../images/right1.png); }
          .content .main_agents .m .box .btn.prev {
            left: -70px;
            transform: rotate(180deg); }
            .content .main_agents .m .box .btn.prev:hover {
              background-image: url(../images/prev1.png);
              transform: rotate(0deg); }
          .content .main_agents .m .box .btn.next {
            right: -70px; }
            .content .main_agents .m .box .btn.next:hover {
              transform: translateY(-50%) rotate(180deg);
              background-image: url(../images/prev1.png); }
        .content .main_agents .m .box .mySwiper9 {
          width: 100%;
          overflow: hidden; }
        .content .main_agents .m .box .swiper-slide {
          width: 3.57rem;
          margin-right: .66rem;
          padding-top: .1rem; }
          .content .main_agents .m .box .swiper-slide:last-child {
            margin-right: 0; }
          .content .main_agents .m .box .swiper-slide:nth-child(1) .label div {
            background-image: url(../images/addicon_21.png); }
          .content .main_agents .m .box .swiper-slide:nth-child(1) .label:hover div {
            background-color: #fff;
            background-image: url(../images/addicon_211.png); }
          .content .main_agents .m .box .swiper-slide:nth-child(2) .label div {
            background-image: url(../images/addicon_141.png); }
          .content .main_agents .m .box .swiper-slide:nth-child(2) .label:hover div {
            background-color: #fff;
            background-image: url(../images/addicon_14.png); }
          .content .main_agents .m .box .swiper-slide:nth-child(3) .label div {
            background-image: url(../images/addicon_18.png); }
          .content .main_agents .m .box .swiper-slide:nth-child(3) .label:hover div {
            background-color: #fff;
            background-image: url(../images/addicon_181.png); }
        .content .main_agents .m .box .label {
          overflow: hidden;
          width: 100%;
          border-radius: 10px;
          background: #fff;
          position: relative;
          transition: all .1s;
          height: 3.25rem;
          padding: .3rem .8rem 0 .4rem; }
          .content .main_agents .m .box .label::after {
            content: '';
            width: .13rem;
            background-size: 100% 100%;
            height: 1.22rem;
            background-image: url(../images/icon_205.png);
            position: absolute;
            right: .33rem;
            bottom: .28rem; }
          .content .main_agents .m .box .label:hover {
            background: #533A5C;
            padding: 1.1rem .5rem 0 .5rem;
            transform: translateY(-0.1rem); }
            .content .main_agents .m .box .label:hover p {
              font-size: .6rem;
              color: #C0B6C3;
              position: absolute;
              width: 100%;
              left: 0;
              bottom: .3rem;
              margin-bottom: 0;
              text-align: center; }
            .content .main_agents .m .box .label:hover div {
              position: absolute;
              margin: 0;
              left: 50%;
              transform: translateX(-50%);
              top: .3rem; }
            .content .main_agents .m .box .label:hover span {
              justify-content: center;
              color: #fff; }
              .content .main_agents .m .box .label:hover span em {
                color: #fff; }
            .content .main_agents .m .box .label:hover i {
              color: #fff;
              text-align: center; }
          .content .main_agents .m .box .label p {
            font-size: .6rem;
            color: #000;
            line-height: 1;
            margin-bottom: .34rem; }
          .content .main_agents .m .box .label span {
            display: flex;
            align-items: flex-end;
            font-size: .14rem;
            line-height: 1;
            color: #180f15;
            letter-spacing: 1px; }
            .content .main_agents .m .box .label span em {
              display: inline-block;
              font-size: .26rem;
              color: #180f15;
              white-space: nowrap;
              line-height: 1;
              margin-right: .1rem; }
          .content .main_agents .m .box .label i {
            display: block;
            font-size: .16rem;
            color: #180f15;
            line-height: 1.6;
            margin-top: .12rem; }
          .content .main_agents .m .box .label div {
            overflow: hidden;
            width: .53rem;
            height: .53rem;
            background-color: #533A5C;
            background-size: .53rem;
            border-radius: 50%;
            background-position: center;
            background-repeat: no-repeat;
            margin-top: .3rem; }
  .content .main_case {
    overflow: hidden;
    padding: .7rem 0 .92rem 0; }
    .content .main_case .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_case .m .box {
        width: 100%;
        position: relative;
        margin-top: .55rem; }
        .content .main_case .m .box .mySwiper8 {
          width: 100%;
          overflow: hidden; }
        .content .main_case .m .box .swiper-pagination {
          display: none; }
        .content .main_case .m .box .swiper-slide {
          width: 3.75rem;
          margin-right: .39rem;
          padding: .2rem 0; }
          .content .main_case .m .box .swiper-slide:last-child {
            margin-right: 0; }
        .content .main_case .m .box .label {
          overflow: hidden;
          width: 100%;
          background: #fff;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
          .content .main_case .m .box .label .pic {
            overflow: hidden;
            width: 100%; }
            .content .main_case .m .box .label .pic img {
              display: block;
              width: 100%; }
          .content .main_case .m .box .label:hover .info .btn div {
            background: #CB2322; }
          .content .main_case .m .box .label .info {
            overflow: hidden;
            width: 100%; }
            .content .main_case .m .box .label .info .font {
              overflow: hidden;
              width: 100%;
              padding: .75rem .4rem;
              border-bottom: 1px solid #D6D6D6;
              font-size: .16rem;
              color: #3a3a3a;
              line-height: .3rem;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3;
              overflow: hidden;
              position: relative; }
              .content .main_case .m .box .label .info .font::after {
                content: '';
                width: .22rem;
                height: .19rem;
                background-image: url(../images/icons_47.jpg);
                background-size: 100% 100%;
                position: absolute;
                left: .4rem;
                top: .36rem; }
              .content .main_case .m .box .label .info .font::before {
                content: '';
                width: .22rem;
                height: .19rem;
                background-image: url(../images/icons_51.jpg);
                background-size: 100% 100%;
                position: absolute;
                right: .4rem;
                bottom: .36rem; }
            .content .main_case .m .box .label .info .btn {
              overflow: hidden;
              width: 100%;
              padding: .3rem 0;
              display: flex;
              align-items: center;
              justify-content: center; }
              .content .main_case .m .box .label .info .btn div {
                overflow: hidden;
                width: 1.49rem;
                height: .48rem;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #533A5C;
                font-size: .18rem;
                color: #fff;
                transition: all .1; }
  .content .main_hottel {
    width: 100%;
    height: 2.92rem;
    background-size: 100% 100%;
    background-image: url(../images/icons_24.jpg);
    position: relative;
    margin-top: -.85rem;
    padding-top: .9rem;
    display: flex;
    align-items: center; }
    .content .main_hottel .m {
      width: 12rem;
      margin: 0 auto;
      display: flex;
      align-items: center; }
      .content .main_hottel .m .tel {
        margin-left: 1.85rem;
        position: relative; }
        .content .main_hottel .m .tel::after {
          content: '';
          width: 1px;
          height: .58rem;
          background: #565355;
          position: absolute;
          left: -.85rem;
          top: 50%;
          transform: translateY(-50%); }
        .content .main_hottel .m .tel div {
          display: flex;
          align-items: center; }
          .content .main_hottel .m .tel div img {
            width: .36rem;
            margin-right: .1rem; }
          .content .main_hottel .m .tel div span {
            font-size: .22rem;
            color: #fff; }
        .content .main_hottel .m .tel p {
          font-size: .37rem;
          color: #fff;
          margin-top: .12rem; }
      .content .main_hottel .m .font {
        overflow: hidden; }
        .content .main_hottel .m .font p {
          font-size: .4rem;
          letter-spacing: 2px;
          color: #fff;
          margin-bottom: .15rem; }
        .content .main_hottel .m .font span {
          display: block;
          font-size: .16rem;
          opacity: 0.9;
          color: #fff; }
  .content .main_page10 {
    width: 100%;
    padding: 1rem 0 1.15rem 0;
    background: linear-gradient(#fff, #fff, #F9F2FB); }
    .content .main_page10 .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_page10 .m .box {
        width: 100%;
        position: relative;
        margin-top: .4rem; }
        .content .main_page10 .m .box .btn {
          width: 40px;
          height: 40px;
          position: absolute;
          background-size: 100% 100%;
          top: 38%;
          transform: translateY(-50%);
          z-index: 999;
          cursor: pointer;
          background-image: url(../images/right1.png); }
          .content .main_page10 .m .box .btn.prev {
            left: -70px;
            transform: rotate(180deg); }
            .content .main_page10 .m .box .btn.prev:hover {
              background-image: url(../images/prev1.png);
              transform: rotate(0deg); }
          .content .main_page10 .m .box .btn.next {
            right: -70px; }
            .content .main_page10 .m .box .btn.next:hover {
              transform: translateY(-50%) rotate(180deg);
              background-image: url(../images/prev1.png); }
        .content .main_page10 .m .box .mySwiper7 {
          width: 100%;
          overflow: hidden; }
        .content .main_page10 .m .box .swiper-slide {
          width: 3.7rem;
          margin-right: .44rem; }
          .content .main_page10 .m .box .swiper-slide:last-child {
            margin-right: 0; }
        .content .main_page10 .m .box .label {
          width: 100%; }
          .content .main_page10 .m .box .label img {
            display: block;
            width: 100%;
            margin-bottom: .26rem; }
          .content .main_page10 .m .box .label span {
            display: block;
            text-align: center;
            font-size: .18rem;
            color: #191819; }
  .content .main_page9 {
    width: 100%; }
    .content .main_page9 .box {
      width: 100%;
      position: relative;
      margin-top: .5rem; }
      .content .main_page9 .box .mySwiper6 {
        width: 100%;
        overflow: hidden; }
      .content .main_page9 .box .swiper-slide {
        width: 12rem;
        margin: 0 5px; }
      .content .main_page9 .box .swiper-slide-active .label .bot {
        display: flex; }
      .content .main_page9 .box .label {
        overflow: hidden;
        width: 100%;
        position: relative; }
        .content .main_page9 .box .label img {
          display: block;
          width: 100%; }
        .content .main_page9 .box .label .bot {
          overflow: hidden;
          width: 100%;
          position: absolute;
          left: 0;
          bottom: .47rem;
          display: flex;
          align-items: center;
          z-index: 99999;
          display: none;
          justify-content: space-between;
          padding: 0 1rem 0 1.1rem; }
          .content .main_page9 .box .label .bot .btn {
            display: flex;
            align-items: center; }
            .content .main_page9 .box .label .bot .btn div {
              width: 40px;
              height: 40px;
              z-index: 999;
              margin-left: .19rem;
              cursor: pointer;
              background-image: url(../images/right1.png); }
              .content .main_page9 .box .label .bot .btn div.prev {
                transform: rotate(180deg); }
                .content .main_page9 .box .label .bot .btn div.prev:hover {
                  background-image: url(../images/prev1.png);
                  transform: rotate(0deg); }
              .content .main_page9 .box .label .bot .btn div.next:hover {
                transform: rotate(180deg);
                background-image: url(../images/prev1.png); }
          .content .main_page9 .box .label .bot p {
            font-size: .2rem;
            display: flex;
            align-items: flex-end;
            width: 6.2rem;
            border-right: 1px solid #fff;
            line-height: 1;
            color: #fff; }
            .content .main_page9 .box .label .bot p span {
              display: inline-block;
              line-height: 1;
              font-size: .6rem;
              margin: 0 .2rem;
              color: #fff; }
  .content .main_page8 {
    padding: .95rem 0 .88rem 0;
    position: relative; }
    .content .main_page8 .m {
      width: 12rem;
      position: relative;
      z-index: 99;
      margin: 0 auto; }
      .content .main_page8 .m ul {
        width: 100%;
        display: flex;
        margin-top: .65rem;
        position: relative; }
        .content .main_page8 .m ul::after {
          content: '';
          width: 100%;
          height: 2px;
          background: linear-gradient(to right, rgba(94, 71, 103, 0.1), #5e4767, rgba(94, 71, 103, 0.1));
          position: absolute;
          left: 0;
          bottom: .56rem; }
        .content .main_page8 .m ul li {
          cursor: pointer;
          width: 16.66666%;
          position: relative;
          z-index: 99999; }
          .content .main_page8 .m ul li.on .dot {
            border: 1px solid #CB2322;
            box-shadow: 0 0 10px #FAECEF; }
          .content .main_page8 .m ul li.on span {
            color: #cb2322;
            font-weight: bold; }
          .content .main_page8 .m ul li:hover .dot {
            border: 1px solid #CB2322;
            box-shadow: 0 0 10px #FAECEF; }
          .content .main_page8 .m ul li:hover span {
            color: #cb2322;
            font-weight: bold; }
          .content .main_page8 .m ul li:last-child .dot::after {
            display: none; }
          .content .main_page8 .m ul li:nth-child(1) .icon {
            background-image: url(../images/icon_2267.png); }
          .content .main_page8 .m ul li:nth-child(1):hover .icon {
            background-image: url(../images/icon_22671.png); }
          .content .main_page8 .m ul li:nth-child(2) .icon {
            background-image: url(../images/icon_2265.png); }
          .content .main_page8 .m ul li:nth-child(2):hover .icon {
            background-image: url(../images/icon_22651.png); }
          .content .main_page8 .m ul li:nth-child(3) .icon {
            background-image: url(../images/icon_22691.png); }
          .content .main_page8 .m ul li:nth-child(3):hover .icon {
            background-image: url(../images/icon_2269.png); }
          .content .main_page8 .m ul li:nth-child(4) .icon {
            background-image: url(../images/icon_2266.png); }
          .content .main_page8 .m ul li:nth-child(4):hover .icon {
            background-image: url(../images/icon_22661.png); }
          .content .main_page8 .m ul li:nth-child(5) .icon {
            background-image: url(../images/icon_2264.png); }
          .content .main_page8 .m ul li:nth-child(5):hover .icon {
            background-image: url(../images/icon_22641.png); }
          .content .main_page8 .m ul li:nth-child(6) .icon {
            background-image: url(../images/icon_2268.png); }
          .content .main_page8 .m ul li:nth-child(6):hover .icon {
            background-image: url(../images/icon_22681.png); }
          .content .main_page8 .m ul li .icon {
            width: .6rem;
            height: .6rem;
            background-image: url(../images/icon_2267.png);
            margin: 0 auto;
            margin-bottom: .15rem;
            background-size: 100%;
            background-position: center center; }
          .content .main_page8 .m ul li .dot {
            width: .23rem;
            height: .23rem;
            box-shadow: 0 0 10px #F7F2FA;
            position: relative;
            z-index: 99;
            background: #fff;
            margin: 0 auto;
            border-radius: 50%;
            border: 1px solid #BB95C8;
            margin-bottom: .2rem; }
            .content .main_page8 .m ul li .dot::after {
              content: '';
              width: .13rem;
              background-size: 100% 100%;
              height: .18rem;
              background-image: url(../images/rights1.png);
              position: absolute;
              right: -.9rem;
              top: 50%;
              transform: translateY(-50%); }
          .content .main_page8 .m ul li span {
            display: block;
            text-align: center;
            font-size: .2rem;
            color: #180f15; }
  .content .main_page7 {
    width: 100%;
    height: 11.5rem;
    background-size: cover;
    background-position: center center;
    padding: 1.3rem 0 0 0;
    position: relative;
    background-image: url(../images/icons_21.jpg); }
    .content .main_page7 .tong_title p {
      color: #fff; }
    .content .main_page7 .box {
      width: 100%;
      margin-top: 1.1rem; }
      .content .main_page7 .box .swiper-pagination {
        bottom: -3.3rem;
        font-size: 12px; }
      .content .main_page7 .box .mySwiper5 {
        width: 100%;
        overflow: hidden; }
      .content .main_page7 .box .swiper-slide {
        width: 25%; }
      .content .main_page7 .box .label {
        width: 100%; }
        .content .main_page7 .box .label img {
          display: block;
          width: 100%; }
    .content .main_page7 ul.m {
      display: flex;
      width: 12rem;
      margin: 0 auto;
      margin-top: 1rem;
      justify-content: space-between;
      flex-wrap: wrap; }
      .content .main_page7 ul.m li {
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        height: .68rem;
        padding-left: .1rem;
        margin-bottom: .45rem;
        border: 1px solid #575456; }
        .content .main_page7 ul.m li:first-child {
          margin-right: 40%; }
        .content .main_page7 ul.m li:nth-child(3) {
          margin-left: 1.6rem; }
        .content .main_page7 ul.m li:nth-child(4) {
          margin-right: 1.6rem; }
        .content .main_page7 ul.m li div {
          width: .8rem;
          height: 100%;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .content .main_page7 ul.m li div img {
            display: block;
            width: .35rem;
            min-width: 12px; }
        .content .main_page7 ul.m li span {
          display: block;
          line-height: 1;
          font-size: .18rem;
          border-left: 1px solid #fff;
          color: #fff;
          padding: 0 .34rem 0 .25rem; }
  .content .main_page6 {
    width: 100%;
    padding: 1.6rem 0 .7rem 0;
    margin-top: -1.35rem;
    position: relative; }
    .content .main_page6::after {
      content: '';
      width: 19.2rem;
      height: 7.08rem;
      background-size: 100% 100%;
      position: absolute;
      background-image: url(../images/addbg_09.jpg);
      right: 0;
      bottom: 0; }
    .content .main_page6 .m {
      position: relative;
      z-index: 99;
      width: 12rem;
      margin: 0 auto; }
      .content .main_page6 .m ul {
        display: flex;
        flex-wrap: wrap; }
        .content .main_page6 .m ul li {
          overflow: hidden;
          width: 25%;
          margin-top: .86rem;
          display: flex;
          align-items: center; }
          .content .main_page6 .m ul li img {
            width: .7rem;
            margin-right: .19rem; }
          .content .main_page6 .m ul li div {
            overflow: hidden;
            width: calc(100% - .89rem);
            padding-right: .5rem; }
            .content .main_page6 .m ul li div p {
              font-size: .24rem;
              font-weight: bold;
              position: relative;
              border-bottom: 1px solid #E5E1E5;
              padding-bottom: .13rem;
              color: #180f15; }
              .content .main_page6 .m ul li div p::after {
                content: '';
                width: .15rem;
                height: 1px;
                background: #CE3233;
                position: absolute;
                left: 0;
                bottom: -1px; }
            .content .main_page6 .m ul li div span {
              display: block;
              font-size: .16rem;
              color: #494949;
              margin-top: .12rem; }
  .content .main_page5 {
    overflow: hidden;
    padding: .75rem 0 .6rem 0; }
    .content .main_page5 .m {
      width: 12rem;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content .main_page5 .m .pictrue {
        width: 4.25rem; }
      .content .main_page5 .m .fl {
        overflow: hidden;
        display: flex;
        width: 6.6rem;
        position: relative;
        align-items: center; }
        .content .main_page5 .m .fl::after {
          content: '';
          width: 1px;
          height: 1.4rem;
          background: #C8C8C8;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        .content .main_page5 .m .fl img {
          width: 1.4rem; }
        .content .main_page5 .m .fl div {
          overflow: hidden;
          margin-left: 1rem; }
          .content .main_page5 .m .fl div ul {
            overflow: hidden;
            display: flex;
            flex-wrap: wrap; }
            .content .main_page5 .m .fl div ul li {
              width: 50%;
              font-size: .18rem;
              white-space: nowrap;
              margin-bottom: .15rem;
              color: #180f15;
              position: relative;
              padding-left: .13rem; }
              .content .main_page5 .m .fl div ul li::after {
                content: '';
                width: 5px;
                height: 5px;
                background: #CE3233;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%); }
          .content .main_page5 .m .fl div p {
            font-size: .4rem;
            color: #180f15;
            margin-bottom: .4rem; }
            .content .main_page5 .m .fl div p span {
              color: #533a5c; }
  .content .main_page4 {
    width: 100%;
    height: 7.75rem;
    background-image: url(../images/addbg_07.jpg);
    background-size: 100% 100%; }
    .content .main_page4 .m {
      width: 12rem;
      margin: 0 auto;
      padding-top: 1rem; }
      .content .main_page4 .m .head {
        overflow: hidden; }
        .content .main_page4 .m .head p {
          text-align: center;
          font-size: .4rem;
          margin-bottom: .12rem;
          color: #fff; }
        .content .main_page4 .m .head span {
          display: block;
          text-align: center;
          font-size: .18rem;
          color: #fff; }
      .content .main_page4 .m .box {
        position: relative;
        width: 100%;
        margin-top: .7rem; }
        .content .main_page4 .m .box .btn {
          width: 40px;
          height: 40px;
          position: absolute;
          background-size: 100% 100%;
          top: 38%;
          transform: translateY(-50%);
          z-index: 999;
          cursor: pointer;
          background-image: url(../images/right1.png); }
          .content .main_page4 .m .box .btn.prev {
            left: -70px;
            transform: rotate(180deg); }
            .content .main_page4 .m .box .btn.prev:hover {
              background-image: url(../images/prev1.png);
              transform: rotate(0deg); }
          .content .main_page4 .m .box .btn.next {
            right: -70px; }
            .content .main_page4 .m .box .btn.next:hover {
              transform: translateY(-50%) rotate(180deg);
              background-image: url(../images/prev1.png); }
        .content .main_page4 .m .box .mySwiper4 {
          width: 100%;
          overflow: hidden; }
        .content .main_page4 .m .box .swiper-pagination {
          display: none; }
        .content .main_page4 .m .box .swiper-slide {
          width: 2.32rem;
          margin-right: .1rem; }
          .content .main_page4 .m .box .swiper-slide:last-child {
            margin-right: 0; }
        .content .main_page4 .m .box .label {
          overflow: hidden;
          width: 100%; }
          .content .main_page4 .m .box .label span {
            display: block;
            text-align: center;
            font-size: .48rem;
            color: #9F9E9F;
            line-height: 1; }
          .content .main_page4 .m .box .label .pic {
            overflow: hidden;
            width: 100%;
            border: 1px solid #fff;
            margin-bottom: .35rem;
            position: relative; }
            .content .main_page4 .m .box .label .pic div {
              width: 100%;
              height: .48rem;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: .18rem;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              background: linear-gradient(to right, rgba(201, 43, 36, 0), #c92b24, rgba(201, 43, 36, 0));
              color: #fff; }
            .content .main_page4 .m .box .label .pic img {
              display: block;
              width: 100%; }
  .content .main_page3 {
    overflow: hidden;
    width: 100%;
    padding: .78rem 0; }
    .content .main_page3 .box {
      width: 100%;
      margin-top: .75rem;
      /*padding-left: 3.6rem;*/
	  padding-left: 0rem;
      position: relative; }
      .content .main_page3 .box::after {
        content: '';
        width: 3.7rem;
        height: 0px;
        background: #D1CFD0;
        position: absolute;
        left: 0;
        top: 10px; }
      .content .main_page3 .box .mySwiper3 {
        width: 100%;
        overflow: hidden; }
      .content .main_page3 .box .swiper-slide {
        width: 8.6rem;
        margin-right: 10px; }
        .content .main_page3 .box .swiper-slide:last-child {
          margin-right: 0; }
      .content .main_page3 .box .label {
        overflow: hidden;
        width: 100%; }
        .content .main_page3 .box .label a {
          display: block;
          width: 100%; }
          .content .main_page3 .box .label a .info {
            overflow: hidden;
            padding: .33rem .38rem 0 .38rem; }
            .content .main_page3 .box .label a .info p {
              font-size: .16rem;
              line-height: 1.6;
              color: #494949; }
              .content .main_page3 .box .label a .info p span {
                color: #000; }
            .content .main_page3 .box .label a .info .btn {
              overflow: hidden;
              display: flex;
              align-items: center;
              width: 1.4rem;
              height: .42rem;
              border: 1px solid #533A5C;
              margin-top: .35rem;
              background: #fff; }
              .content .main_page3 .box .label a .info .btn span {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: .16rem;
                color: #141414;
                width: .98rem; }
              .content .main_page3 .box .label a .info .btn div {
                overflow: hidden;
                height: 100%;
                width: .42rem;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #533A5C; }
          .content .main_page3 .box .label a .pic {
            overflow: hidden;
            width: 100%; }
            .content .main_page3 .box .label a .pic img {
              display: block;
              width: 100%;
              height: 416px;
              object-fit: cover; }
          .content .main_page3 .box .label a > p {
            text-transform: uppercase;
            margin-bottom: .25rem;
            padding-left: .36rem;
            line-height: 1;
            font-size: .16rem;
            color: #180f15;
            display: flex;
            align-items: flex-end; }
            .content .main_page3 .box .label a > p span {
              display: inline-block;
              line-height: 1;
              font-size: .24rem;
              margin-right: .16rem;
              color: #533a5c; }
  .content .main_page2 {
    overflow: hidden;
    width: 100%;
    background-color: #FEFDFE;
    background-image: url(../images/addbg_02.jpg);
    background-size: cover;
    background-position: center;
    padding: 1.2rem 0 .9rem 0; }
    .content .main_page2 .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_page2 .m .more {
        display: block;
        text-align: center;
        font-size: .18rem;
        color: #000000;
        margin-top: .48rem; }
        .content .main_page2 .m .more:hover {
          color: #CB2322; }
      .content .main_page2 .m .box {
        width: 100%;
        position: relative;
        margin-top: .5rem; }
        .content .main_page2 .m .box .btn {
          width: 22px;
          height: 43px;
          position: absolute;
          background-size: 100% 100%;
          top: 50%;
          transform: translateY(-50%);
          z-index: 999;
          cursor: pointer;
          background-image: url(../images/prev.png); }
          .content .main_page2 .m .box .btn.prev {
            left: -64px; }
            .content .main_page2 .m .box .btn.prev:hover {
              background-image: url(../images/right.png);
              transform: translateY(-50%) rotate(180deg); }
          .content .main_page2 .m .box .btn.next {
            transform: rotate(180deg);
            right: -64px; }
            .content .main_page2 .m .box .btn.next:hover {
              background-image: url(../images/right.png);
              transform: rotate(0deg); }
        .content .main_page2 .m .box .mySwiper2 {
          width: 100%;
          overflow: hidden; }
        .content .main_page2 .m .box .swiper-slide {
          width: 3.44rem;
          margin-right: .85rem; }
          .content .main_page2 .m .box .swiper-slide:last-child {
            margin-right: 0; }
        .content .main_page2 .m .box .label {
          width: 100%;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          position: relative; }
          .content .main_page2 .m .box .label .pic {
            width: 100%;
            position: relative; }
            .content .main_page2 .m .box .label .pic .p {
              width: 100%;
              display: block; }
            .content .main_page2 .m .box .label .pic .hot {
              width: .68rem;
              position: absolute;
              left: 0;
              top: 0; }
          .content .main_page2 .m .box .label:hover .info div {
            background: #CB2322;
            color: #fff;
            border: 1px solid #CB2322; }
          .content .main_page2 .m .box .label .info {
            overflow: hidden;
            width: 100%;
            background: #180F15;
            padding: .4rem 0; }
            .content .main_page2 .m .box .label .info p {
              text-align: center;
              font-size: .18rem;
              color: #fff;
              margin-bottom: .18rem; }
            .content .main_page2 .m .box .label .info div {
              overflow: hidden;
              width: 1.3rem;
              height: .36rem;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0 auto;
              border-radius: 50px;
              font-size: .16rem;
              border: 1px solid #fff;
              color: #fff;
              transition: all .1s; }
      .content .main_page2 .m .tops {
        width: 100%;
        margin-top: .5rem;
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end; }
        .content .main_page2 .m .tops .pic {
          width: 8.06rem;
          position: absolute;
          left: -1.96rem;
          bottom: 0; }
        .content .main_page2 .m .tops .grow {
          width: 5.67rem; }
          .content .main_page2 .m .tops .grow .label2 {
            width: 100%;
            padding: .36rem 0 0 0; }
            .content .main_page2 .m .tops .grow .label2 .dot {
              width: .2rem;
              height: .2rem;
              background: #52395B;
              margin-bottom: .2rem; }
            .content .main_page2 .m .tops .grow .label2 > p {
              font-size: .24rem;
              margin-bottom: .22rem;
              color: #333333; }
            .content .main_page2 .m .tops .grow .label2 ul {
              width: 4.75rem;
              display: flex;
              position: relative; }
              .content .main_page2 .m .tops .grow .label2 ul::after {
                content: '';
                width: 100%;
                height: 1px;
                background: linear-gradient(to right, rgba(206, 203, 206, 0.1), #cecbce, rgba(206, 203, 206, 0.1));
                position: absolute;
                left: 0;
                top: 8px; }
              .content .main_page2 .m .tops .grow .label2 ul li {
                width: 33.33%;
                position: relative;
                cursor: pointer;
                height: 1.18rem;
                background-image: url(../images/dot.png);
                background-repeat: no-repeat;
                background-position: top center;
                z-index: 99; }
                .content .main_page2 .m .tops .grow .label2 ul li::after {
                  content: '';
                  width: 1px;
                  height: 0;
                  background-size: 100% 100%;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  top: .2rem;
                  transition: all .2s;
                  background-image: url(../images/icons_09.png); }
                .content .main_page2 .m .tops .grow .label2 ul li:hover {
                  background-image: url(../images/dot1.png); }
                  .content .main_page2 .m .tops .grow .label2 ul li:hover::after {
                    height: .44rem; }
                  .content .main_page2 .m .tops .grow .label2 ul li:hover span {
                    color: #533a5c;
                    margin-top: .85rem; }
                .content .main_page2 .m .tops .grow .label2 ul li span {
                  position: relative;
                  font-size: .18rem;
                  text-align: center;
                  transition: all .2s;
                  color: #4f4e4e;
                  display: block;
                  margin-top: .33rem; }
          .content .main_page2 .m .tops .grow .label1 {
            overflow: hidden;
            padding: .4rem 0;
            border-bottom: 1px dashed #CBCACB; }
            .content .main_page2 .m .tops .grow .label1 .dot {
              width: .2rem;
              height: .2rem;
              background: #DCD6DE;
              margin-bottom: .2rem; }
            .content .main_page2 .m .tops .grow .label1 > p {
              font-size: .24rem;
              margin-bottom: .22rem;
              color: #333333; }
            .content .main_page2 .m .tops .grow .label1 ul {
              overflow: hidden;
              display: flex;
              justify-content: space-between; }
              .content .main_page2 .m .tops .grow .label1 ul li {
                overflow: hidden; }
                .content .main_page2 .m .tops .grow .label1 ul li em {
                  display: block;
                  font-size: .16rem;
                  text-align: center;
                  color: #533a5c; }
                .content .main_page2 .m .tops .grow .label1 ul li p {
                  display: flex;
                  align-items: flex-end;
                  font-size: .18rem;
                  margin-bottom: .08rem;
                  color: #383838; }
                  .content .main_page2 .m .tops .grow .label1 ul li p span {
                    display: inline-block;
                    font-size: .72rem;
                    color: #533a5c;
                    line-height: 1; }
          .content .main_page2 .m .tops .grow .label {
            overflow: hidden;
            padding: .4rem 0 .2rem 0;
            display: flex;
            align-items: center;
            border-bottom: 1px dashed #CBCACB;
            justify-content: space-between; }
            .content .main_page2 .m .tops .grow .label .fl {
              overflow: hidden; }
              .content .main_page2 .m .tops .grow .label .fl .dot {
                width: .2rem;
                height: .2rem;
                background: #DCD6DE;
                margin-bottom: .2rem; }
              .content .main_page2 .m .tops .grow .label .fl p {
                font-size: .14rem;
                color: #533a5c;
                display: flex;
                margin-bottom: .1rem;
                align-items: flex-end;
                text-transform: uppercase; }
                .content .main_page2 .m .tops .grow .label .fl p span {
                  font-size: .3rem;
                  color: #533a5c;
                  font-weight: bold;
                  display: inline-block;
                  line-height: 1;
                  margin-right: .12rem; }
              .content .main_page2 .m .tops .grow .label .fl > span {
                display: block;
                font-size: .16rem;
                color: #000000;
                line-height: 1.6; }
  .content .main_page1 {
    overflow: hidden;
    width: 100%;
    height: 9.46rem;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/icons_04.jpg);
    display: flex;
    align-items: center;
    justify-content: center; }
    .content .main_page1 .m {
      width: 12rem;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .content .main_page1 .m .box {
        overflow: hidden;
        width: 6.2rem;
        position: relative; }
        .content .main_page1 .m .box .btn {
          display: flex;
          align-items: center;
          position: absolute;
          right: 0rem;
          bottom: 0; }
          .content .main_page1 .m .box .btn div {
            width: 40px;
            height: 40px;
            margin-left: .2rem;
            background-size: 100% 100%;
            z-index: 999;
            cursor: pointer;
            background-image: url(../images/right1.png); }
            .content .main_page1 .m .box .btn div.prev {
              transform: rotate(180deg); }
              .content .main_page1 .m .box .btn div.prev:hover {
                background-image: url(../images/prev1.png);
                transform: rotate(0deg); }
            .content .main_page1 .m .box .btn div.next:hover {
              transform: rotate(180deg);
              background-image: url(../images/prev1.png); }
        .content .main_page1 .m .box .des {
          display: block;
          font-size: .17rem;
          color: #787878;
          margin-top: .12rem;
          text-transform: uppercase; }
        .content .main_page1 .m .box .des1 {
          display: block;
          font-size: .27rem;
          color: #fff;
          margin-top: .42rem;
          text-transform: uppercase; }
        .content .main_page1 .m .box .tab {
          width: 100%;
          margin-top: 1.1rem; }
          .content .main_page1 .m .box .tab .fade {
            width: 100%;
            overflow: hidden; }
            .content .main_page1 .m .box .tab .fade .mySwiper1 {
              width: 100%; }
              .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide {
                width: 100%; }
                .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide .label {
                  overflow: hidden;
                  padding: .33rem 0;
                  width: 100%; }
                  .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide .label p {
                    font-size: .14rem;
                    color: #fff;
                    padding: .06rem 0;
                    position: relative;
                    padding-left: .12rem; }
                    .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide .label p::after {
                      content: '';
                      width: 5px;
                      height: 5px;
                      border-radius: 50%;
                      background: #fff;
                      position: absolute;
                      left: 0;
                      top: .15rem; }
          .content .main_page1 .m .box .tab ul {
            width: 100%;
            height: .5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative; }
            .content .main_page1 .m .box .tab ul::after {
              content: '';
              width: 100%;
              height: 1px;
              background: linear-gradient(to right, rgba(255, 255, 255, 0.1), white, rgba(255, 255, 255, 0.1));
              position: absolute;
              left: 0;
              bottom: 0; }
            .content .main_page1 .m .box .tab ul li {
              height: 100%;
              display: flex;
              align-items: center;
              font-size: .18rem;
              color: #fff;
              cursor: pointer;
              position: relative; }
              .content .main_page1 .m .box .tab ul li.on {
                color: #cb2322; }
                .content .main_page1 .m .box .tab ul li.on::after {
                  content: '';
                  width: .16rem;
                  height: .08rem;
                  background-image: url(../images/downs_03.png);
                  background-size: 100% 100%;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  bottom: -.07rem; }
        .content .main_page1 .m .box .t {
          font-size: .6rem;
          color: #fff;
          line-height: 1.4;
          font-weight: bold;
          letter-spacing: 2px; }
          .content .main_page1 .m .box .t span {
            font-weight: bold;
            color: #834898; }
  .content .main_page {
    overflow: hidden;
    width: 100%;
    padding: .6rem 0;
    background-image: url(../images/icons_03.jpg);
    background-size: cover;
    background-position: center center; }
    .content .main_page .m {
      width: 12rem;
      margin: 0 auto; }
      .content .main_page .m .box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: .5rem; }
        .content .main_page .m .box .fade {
          overflow: hidden;
          width: 9.12rem; }
          .content .main_page .m .box .fade .items {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .content .main_page .m .box .fade .items div {
              overflow: hidden;
              width: 2.96rem;
              position: relative; }
              .content .main_page .m .box .fade .items div img {
                display: block;
                width: 100%; }
              .content .main_page .m .box .fade .items div:hover ul {
                bottom: 0; }
              .content .main_page .m .box .fade .items div ul {
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.3);
                position: absolute;
                left: 0;
                bottom: -100vh;
                transition: all .3s;
                padding: 3.7rem 0 .28rem .5rem; }
                .content .main_page .m .box .fade .items div ul li {
                  position: relative;
                  font-size: .14rem;
                  margin-top: .11rem;
                  color: #fff; }
                  .content .main_page .m .box .fade .items div ul li::after {
                    content: '';
                    width: .05rem;
                    height: .05rem;
                    background: #CE3233;
                    border-radius: 50%;
                    position: absolute;
                    left: -.16rem;
                    top: 50%;
                    transform: translateY(-50%); }
        .content .main_page .m .box > ul {
          overflow: hidden;
          border: 1px solid #D0D0D0;
          width: 2.46rem; }
          .content .main_page .m .box > ul li {
            overflow: hidden;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: .5rem 0 .36rem 0;
            cursor: pointer;
            transition: all .1s;
            border-bottom: 1px solid #D0D0D0; }
            .content .main_page .m .box > ul li:hover {
              background: #533A5C; }
              .content .main_page .m .box > ul li:hover .md p,
              .content .main_page .m .box > ul li:hover .md span {
                color: #fff; }
            .content .main_page .m .box > ul li:nth-child(1) .md div {
              background-image: url(../images/icon_2263.png); }
            .content .main_page .m .box > ul li:nth-child(1):hover .md div {
              background-image: url(../images/icon_22631.png); }
            .content .main_page .m .box > ul li:nth-child(2) .md div {
              background-image: url(../images/icon_2262.png); }
            .content .main_page .m .box > ul li:nth-child(2):hover .md div {
              background-image: url(../images/icon_22621.png); }
            .content .main_page .m .box > ul li:nth-child(3) .md div {
              background-image: url(../images/icon_271.png); }
            .content .main_page .m .box > ul li:nth-child(3):hover .md div {
              background-image: url(../images/icon_27.png); }
            .content .main_page .m .box > ul li:nth-child(1).on {
              background: #533A5C; }
              .content .main_page .m .box > ul li:nth-child(1).on .md div {
                background-image: url(../images/icon_22631.png); }
              .content .main_page .m .box > ul li:nth-child(1).on .md p,
              .content .main_page .m .box > ul li:nth-child(1).on .md span {
                color: #fff; }
            .content .main_page .m .box > ul li:nth-child(2).on {
              background: #533A5C; }
              .content .main_page .m .box > ul li:nth-child(2).on .md div {
                background-image: url(../images/icon_22621.png); }
              .content .main_page .m .box > ul li:nth-child(2).on .md p,
              .content .main_page .m .box > ul li:nth-child(2).on .md span {
                color: #fff; }
            .content .main_page .m .box > ul li:nth-child(3).on {
              background: #533A5C; }
              .content .main_page .m .box > ul li:nth-child(3).on .md div {
                background-image: url(../images/icon_27.png); }
              .content .main_page .m .box > ul li:nth-child(3).on .md p,
              .content .main_page .m .box > ul li:nth-child(3).on .md span {
                color: #fff; }
            .content .main_page .m .box > ul li .md {
              overflow: hidden;
              text-align: center; }
              .content .main_page .m .box > ul li .md div {
                width: .45rem;
                height: .49rem;
                background-size: 100% 100%;
                margin: 0 auto;
                margin-bottom: .16rem;
                background-image: url(../images/icon_2263.png); }
              .content .main_page .m .box > ul li .md p {
                text-align: center;
                font-size: .2rem;
                margin-bottom: .08rem;
                color: #333333; }
              .content .main_page .m .box > ul li .md span {
                display: block;
                text-align: center;
                font-size: .14rem;
                color: #858585;
                text-transform: uppercase; }
            .content .main_page .m .box > ul li:last-child {
              border-bottom: none; }
  .content .tong_title {
    overflow: hidden; }
    .content .tong_title img {
      display: block;
      margin: 0 auto;
      margin-bottom: .22rem; }
    .content .tong_title p {
      text-align: center;
      font-size: .4rem;
      letter-spacing: 1px;
      color: #180f15;
      margin-bottom: .12rem; }
      .content .tong_title p span {
        color: #533a5c; }
    .content .tong_title > span {
      font-size: .18rem;
      color: #716B6F;
      letter-spacing: 1px;
      text-transform: uppercase;
      display: block;
      text-align: center; }

@media (max-width: 1000px) {
  .content .header {
    height: 1.42rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .content .header .m {
      width: 100%;
      height: 100%;
      padding: 0;
      padding-left: .5rem; }
      .content .header .m .logo {
        width: 5.18rem; }

  .content .header .m .right {
    display: none; }

  .null {
    height: 1.42rem; }

  .m {
    width: 100% !important; }

  .menu {
    display: block;
    width: 1.38rem; }

  .content .main_page {
    padding: .5rem 0 .95rem 0; }

  .content .tong_title img {
    width: .6rem;
    margin-bottom: .3rem; }

  .content .tong_title p {
    font-size: .41rem;
    margin-bottom: .15rem; }

  .content .tong_title > span {
    font-size: .21rem; }

  .content .main_page .m .box {
    margin-top: .58rem;
    padding: 0 .6rem 0 .35rem; }
    .content .main_page .m .box > ul {
      width: 2.88rem; }
      .content .main_page .m .box > ul li {
        padding: .5rem 0 .4rem 0; }
        .content .main_page .m .box > ul li .md div {
          width: .73rem;
          height: .73rem;
          margin-bottom: .2rem; }
        .content .main_page .m .box > ul li p {
          font-size: .23rem;
          margin-bottom: .08rem; }
        .content .main_page .m .box > ul li span {
          font-size: .16rem; }

  .content .main_page .m .box .fade {
    width: 3.47rem; }
    .content .main_page .m .box .fade div {
      width: 100%;
      display: none; }
      .content .main_page .m .box .fade div:last-child {
        display: block; }

  .mobilepic {
    display: block; }
    .mobilepic img {
      width: 100%;
      display: block; }

  .content .main_page1 {
    background-image: url(../images/mobile_07.jpg);
    height: 7.56rem;
    background-size: 100% 100%;
    padding: 1.26rem 0 0 .47rem;
    display: block; }

  .content .main_page1 .m {
    display: block; }

  .content .main_page1 .m .box .t {
    font-size: .7rem;
    color: #0f0a0d; }
    .content .main_page1 .m .box .t span {
      color: #834898; }

  .content .main_page1 .m .box .des {
    display: none; }

  .content .main_page1 .m .box .des1 {
    font-size: .31rem;
    color: #0f0a0d;
    margin-top: .6rem; }

  .content .main_page1 .m .box .tab {
    margin-top: .5rem; }

  .content .main_page1 .m .box .tab ul li {
    font-size: .21rem;
    color: #0f0a0d; }

  .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide .label {
    padding: .68rem .13rem;
    padding-bottom: 0; }

  .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide .label p {
    font-size: .16rem;
    padding-left: .15rem;
    color: #000; }

  .content .main_page1 .m .box .tab .fade .mySwiper1 .swiper-slide .label p::after {
    background: #000; }

  .content .main_page2 {
    padding: .4rem 0 1rem 0; }

  .content .main_page2 .m .tops {
    margin-top: .5rem;
    display: block; }

  .content .main_page2 .m .tops .pic {
    width: 120%;
    position: static;
    transform: translate(0);
    margin: 0;
    margin-left: -10%; }

  .content .main_page2 .m .tops .grow {
    width: 100%;
    padding: 0 .35rem; }

  .content .main_page2 .m .tops .grow .label {
    padding: .22rem 0; }

  .content .main_page2 .m .tops .grow .label .fl .dot {
    width: .23rem;
    margin-bottom: .24rem;
    height: .23rem; }

  .content .main_page2 .m .tops .grow .label .fl p {
    font-size: .16rem;
    margin-bottom: .12rem; }
    .content .main_page2 .m .tops .grow .label .fl p span {
      font-size: .35rem; }

  .content .main_page2 .m .tops .grow .label .fl > span {
    font-size: .21rem; }

  .content .main_page2 .m .tops .grow .label img {
    width: 2.45rem; }

  .content .main_page2 .m .tops .grow .label1 .dot {
    width: .23rem;
    margin-bottom: .24rem;
    height: .23rem; }

  .content .main_page2 .m .tops .grow .label2 {
    padding-left: .7rem; }

  .content .main_page2 .m .tops .grow .label2 > p {
    font-size: .28rem; }

  .content .main_page2 .m .tops .grow .label2 ul {
    width: 5.5rem; }

  .content .main_page2 .m .box {
    padding: 0 .1rem; }

  .content .main_page2 .m .box .swiper-slide {
    width: 3.6rem;
    margin-right: .1rem; }

  .content .main_page2 .m .box .label .info {
    padding: .4rem 0; }
    .content .main_page2 .m .box .label .info p {
      font-size: .21rem;
      margin-bottom: .17rem; }
    .content .main_page2 .m .box .label .info div {
      width: 1.37rem;
      height: .37rem;
      font-size: .1676rem; }

  .content .main_page2 .m .more {
    display: none; }

  .content .main_page3 {
    padding-top: 0; }

  .content .main_page3 .box {
    padding: 0 .23rem;
    margin-top: .77rem; }

  .content .main_page3 .box .label a > p {
    font-size: .1875rem;
    padding-left: .45rem; }
    .content .main_page3 .box .label a > p span {
      font-size: .2813rem; }

  .content .main_page3 .box .label a .info .btn {
    display: none; }

  .content .main_page3 .box .label a .info {
    padding: .34rem;
    font-size: .1875rem;
    line-height: 1.6;
    width: 100%; }

  .content .main_page3 .box .swiper-slide {
    width: 100%;
    margin: 0; }

  .content .main_page3 {
    padding-bottom: 0; }

  .content .main_page4 {
    width: 100%;
    height: 8.79rem;
    background-size: 100% 100%;
    padding: 1rem 0 0 0;
    background-image: url(../images/mobile_11.jpg); }

  .content .main_page4 .m {
    padding: 0; }

  .content .main_page4 .m .box .swiper-slide {
    width: 2.72rem;
    margin-right: 0;
    margin-left: .12rem; }

  .content .main_page4 .m .box .label .pic div {
    height: .55rem;
    font-size: .21rem; }

  .content .main_page4 .m .box .label .pic {
    margin-bottom: .4rem; }

  .content .main_page4 .m .box .label span {
    font-size: .56rem; }

  .content .main_page5 {
    padding: .74rem 0 .8rem .3rem; }

  .content .main_page5 .m .pictrue {
    width: 3.48rem; }

  .content .main_page5 .m .fl img {
    display: none; }

  .content .main_page5 .m .fl div {
    margin: 0; }
    .content .main_page5 .m .fl div p {
      font-size: .46rem; }
    .content .main_page5 .m .fl div ul {
      overflow: hidden; }
      .content .main_page5 .m .fl div ul li {
        font-size: .21rem;
        padding-left: .2rem; }
        .content .main_page5 .m .fl div ul li::after {
          content: '';
          width: .06rem;
          height: .06rem; }

  .content .main_page5 .m .fl::after {
    display: none; }

  .content .main_page6 {
    padding: 0;
    margin-top: 0;
    position: relative;
    background-size: cover;
    background-image: url(../images/mobile_13.jpg);
    margin-top: .5rem; }

  .content .main_page6 .tong_title {
    position: absolute;
    width: 100%;
    left: 0;
    top: -.63rem; }

  .content .main_page6 .m ul {
    padding-top: 1.9rem; }
    .content .main_page6 .m ul li {
      width: 50%;
      padding-left: .6rem;
      margin: 0;
      margin-bottom: .6rem; }

  .content .main_page6 .m ul li img {
    width: .82rem; }

  .content .main_page6 .m ul li div p {
    font-size: .28rem;
    padding-bottom: .1rem; }

  .content .main_page6 .m ul li div span {
    font-size: .1875rem; }

  .content .main_page6 .m ul li div {
    padding-right: .3rem; }

  .content .main_page7 {
    height: 13.05rem;
    background-image: url(../images/mobile_14.jpg);
    background-size: 100% 100%; }

  .content .main_page7 .box {
    margin-top: .8rem; }

  .content .main_page7 .box .swiper-slide {
    width: 50%;
    margin: 0; }

  .content .main_page7 ul.m {
    margin-top: .45rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 .37rem; }
    .content .main_page7 ul.m li {
      width: 3.23rem;
      margin-top: .55rem;
      height: .8rem;
      margin-bottom: 0; }

  .content .main_page7 ul.m li div {
    width: .9rem; }
    .content .main_page7 ul.m li div img {
      width: .35rem; }

  .content .main_page7 .box .label img {
    height: 5.6rem;
    object-fit: cover; }

  .content .main_page8 {
    background: #FDFBFE;
    padding: .7rem 0 1.17rem 0; }

  .content .main_page8 .m ul {
    flex-wrap: wrap;
    margin-top: 0; }
    .content .main_page8 .m ul li {
      width: 33.33%;
      margin-top: .6rem; }

  .content .main_page8 .m ul li .dot {
    width: .27rem;
    height: .27rem; }

  .content .main_page8 .m ul li span {
    font-size: .2344rem; }

  .content .main_page9 {
    padding: .55rem 0 0 0; }

  .content .main_page9 .box .swiper-slide {
    width: 100%;
    margin: 0;
    height: 4.95rem; }

  .content .main_page9 .box .label {
    height: 100%; }

  .content .main_page9 .box .label img {
    height: 4.95rem;
    object-fit: cover; }

  .content .main_page9 .box .label .bot {
    bottom: .5rem;
    padding: 0 .4rem 0 .35rem;
    align-items: flex-end; }

  .content .main_page9 .box .label .bot p {
    width: 4.9rem;
    font-size: .2344rem; }
    .content .main_page9 .box .label .bot p span {
      font-size: .7rem; }

  .content .main_page9 .box .label .bot .btn div {
    width: .47rem;
    background-size: 100% 100%;
    height: .47rem; }

  .content .main_page10 {
    padding: .65rem 0 .6rem 0; }

  .content .main_page10 .m .box .swiper-slide {
    width: 4.37rem; }

  .content .main_page10 .m .box {
    width: 4.37rem;
    margin: 0 auto;
    margin-top: .55rem; }

  .content .main_page10 .m .box .label span {
    font-size: .21rem; }

  .content .main_page10 .m .box .btn {
    width: .48rem;
    height: .48rem;
    background-size: 100% 100%; }

  .content .main_page10 .m .box .btn.prev {
    left: -.9rem; }

  .content .main_page10 .m .box .btn.next {
    right: -.9rem; }

  .content .main_hottel {
    margin: 0;
    background-image: url(../images/mobile_16.jpg);
    height: 2.38rem;
    background-size: 100% 100%;
    padding: 0; }

  .content .main_hottel .m {
    justify-content: center; }

  .content .main_hottel .m .font {
    padding-right: .26rem; }
    .content .main_hottel .m .font p {
      font-size: .46rem;
      margin-bottom: .14rem; }
    .content .main_hottel .m .font span {
      font-size: .1875rem; }

  .content .main_hottel .m .tel {
    padding-left: .3rem;
    margin: 0; }
    .content .main_hottel .m .tel div img {
      width: .42rem;
      margin-right: .1rem; }
    .content .main_hottel .m .tel div p {
      font-size: .26rem; }
    .content .main_hottel .m .tel span {
      font-size: .43rem; }

  .content .main_hottel .m .tel::after {
    left: 0; }

  .content .main_case {
    padding: .45rem 0 1.3rem .2rem;
    background: linear-gradient(#fff, #fff, #F1EBF3); }

  .content .main_case .m .box {
    margin-top: .3rem; }

  .content .main_case .m .box .swiper-slide {
    padding: .3rem 0;
    width: 4.4rem;
    margin-right: .23rem; }

  .content .main_case .m .box .label .info .btn div {
    width: 1.76rem;
    height: .56rem;
    font-size: .21rem; }

  .content .main_case .m .box .label .info .font {
    font-size: .1875rem; }

  .content .main_agents {
    height: 8.42rem;
    padding: 1.1rem 0 0 0;
    background-image: url(../images/mobile_18.jpg); }

  .content .main_agents .m .box {
    margin-top: .6rem; }

  .content .main_agents .m .box .swiper-slide {
    padding: 0;
    margin-right: 0;
    margin-left: .2rem;
    width: 4.17rem; }

  .content .main_agents .m .box .label {
    border-radius: .06rem;
    height: 3.8rem;
    width: 100%; }

  .content .main_form {
    padding: .8rem .48rem .58rem .48rem;
    background: linear-gradient(#fff, #fff, #F1EBF3); }

  .content .main_form .m .item .label {
    margin-bottom: .4rem; }

  .content .main_form .m .item {
    width: 100%; }

  .content .main_form .m .item .label {
    width: 3.18rem; }

  .content .main_form .m .label input {
    background: none;
    height: .53rem; }

  .content .main_form .m .label textarea {
    width: 100%;
    background: none;
    height: 1.2rem; }

  .content .main_form .m .submit {
    width: 1.54rem;
    height: .59rem;
    font-size: .21rem;
    margin-top: .45rem; }

  .content .main_form .m .head p {
    font-size: .46rem; }

  .footer {
    display: none; }

  .mobilefooter {
    display: block;
    background: #0F0B0E;
    padding: .7rem 0 1.6rem 0; }
    .mobilefooter .logos {
      display: block;
      width: 5.18rem;
      margin: 0 auto;
      margin-bottom: .4rem; }
    .mobilefooter .tel {
      overflow: hidden;
      margin-bottom: .4rem; }
      .mobilefooter .tel p {
        text-align: center;
        font-size: .1875rem;
        color: #fff;
        margin-bottom: .2rem; }
      .mobilefooter .tel span {
        display: block;
        font-size: .45rem;
        color: #a26bb6;
        text-align: center; }
    .mobilefooter .address {
      overflow: hidden;
      display: flex;
      align-items: flex-start;
      margin-bottom: .16rem;
      justify-content: center; }
      .mobilefooter .address p {
        font-size: .21rem;
        color: #fff;
        line-height: .36rem; }
      .mobilefooter .address span {
        display: block;
        font-size: .21rem;
        width: 3.1rem;
        color: #fff;
        line-height: .36rem; }
    .mobilefooter .code {
      overflow: hidden;
      display: flex;
      justify-content: center;
      margin-top: .5rem; }
      .mobilefooter .code div {
        width: 1.46rem;
        height: 1.46rem;
        padding: .05rem;
        background-image: url(../images/jk.png);
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 .16rem; }
        .mobilefooter .code div img {
          width: 1.39rem; }

  .mobile_btn {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.1rem;
    position: fixed;
    left: 0;
    z-index: 9999;
    bottom: 0; }
    .mobile_btn a {
      width: 50%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .37rem;
      background: #1D1219;
      color: #fff; }
      .mobile_btn a.on {
        background: #533A5C; }

  .banner .mySwiper {
    display: none; }

  .banner .mySwipers {
    display: block; }

  .mySwiper3 .swiper-wrapper {
    display: block; }

  .content .main_page3 .box .swiper-slide {
    margin-bottom: .5rem; }

  .content .main_page7 .box .swiper-pagination {
    bottom: .84rem; }

  .content .main_page8 .m ul li .dot::after {
    display: none; }

  .content .main_page8 .m ul::after {
    content: '';
    width: 6.87rem;
    background-size: 100% 100%;
    height: 2.55rem;
    background-image: url(../images/lines_06.png); }

  .content .main_page8 .m ul li {
    margin-top: .8rem; }

  .content .main_page1 .m .box .btn {
    display: none; }

  .content .main_agents .m .box .mySwiper9 {
    padding-bottom: 1rem; }

  .flexbox {
    display: none; }

  .mobile_navbar {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    display: none; }

  .mobile_navbar .box {
    width: 70%;
    position: absolute;
    right: -70%;
    top: 0;
    overflow: auto;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

  .mobile_navbar .box ul {
    overflow: hidden; }

  .mobile_navbar .box ul li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ECECEC; }

  .mobile_navbar .box ul li > a {
    display: flex;
    align-items: center;
    height: 100%;
    height: .9rem;
    padding-right: .2rem;
    padding-left: .3rem;
    font-size: .28rem;
    color: #333;
    justify-content: space-between; }

  .mobile_navbar .box ul li > a.on img {
    transform: rotate(90deg); }

  .mobile_navbar .box ul li > a img {
    transition: all .2s; }

  .childer {
    overflow: hidden;
    padding-left: .3rem;
    display: none; }

  .childer a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ECECEC;
    height: 100%;
    height: .9rem;
    padding-left: .5rem;
    font-size: .26rem;
    color: #333; }

  .mobile_navbar .box ul li div {
    display: none; }

  .mobile_navbar .box ul li div a {
    display: flex;
    align-items: center;
    height: 1rem;
    padding-left: .6rem;
    color: #9D9EA5;
    font-size: .28rem; }

  .mobile_navbar .box > img {
    width: .4rem;
    margin: .3rem;
    float: right; }

  .childer a:last-child {
    border: none; }

  .content .main_page .m .box .fade .items div ul {
    bottom: 0;
    padding-top: 4.3rem; }

  .content .main_page1 .m .box .btn {
    display: flex; }

  .content .main_page1 .m .box .btn div {
    width: .5rem;
    height: .5rem; }

  .content .main_page .m .box .fade .items div {
    width: 100%; }

  .content .mySwiper8 .swiper-pagination {
    width: 99%;
    position: absolute;
    left: 0.5%;
    bottom: -0rem;
    height: 1px;
    background: #AAA3A5;
    border: none;
    display: flex;
    align-items: center; }

  .content .mySwiper8 .swiper-pagination-bullet {
    width: 100%;
    height: 1px;
    border: none;
    border-radius: 0; }

  .content .main_page4 .m .box .swiper-pagination {
    width: 99%;
    position: absolute;
    left: 0.5%;
    top: -0rem;
    height: 1px;
    background: #AAA3A5;
    border: none;
    display: flex;
    align-items: center; }

  .content .main_page4 .m .box {
    padding-top: .4rem; }

  .content .main_page4 .m .box .swiper-pagination-bullet {
    width: 100%;
    height: 1px;
    border: none;
    border-radius: 0; }

  .content .main_page6::after {
    right: -1.3rem; }

  .content .main_page7 ul.m li:first-child {
    margin: 0;
    margin-top: .55rem; }

  .content .main_page7 ul.m li:nth-child(3) {
    margin: 0;
    margin-top: .55rem; }

  .content .main_page7 ul.m li:nth-child(4) {
    margin-right: 0; }

  .content .main_page7 ul.m li {
    margin: 0;
    margin-top: .55rem; }

  .content .main_page7 .box .swiper-pagination {
    bottom: -4rem; }

  .content .main_agents .m .box .btn {
    display: flex;
    height: .45rem;
    width: .45rem; }

  .content .main_agents .m .box .btn.prev {
    left: 3.1rem;
    top: 4.6rem; }

  .content .main_agents .m .box .btn.next {
    right: 3.1rem;
    top: 4.8rem; }

  .content .main_agents .swiper-pagination {
    display: none; }

  .content .main_case .m .box .swiper-pagination {
    display: flex; }

  .content .mySwiper8 .swiper-pagination-bullet {
    margin: 0; }

  .content .main_page4 .m .box .swiper-pagination-bullet {
    margin: 0; } }

/*# sourceMappingURL=css.css.map */






@media (max-width: 1000px) {
	img.mypc,ul.mypc{
		display: none!important;
	}
}

@media (min-width: 1000px) {
	img.myphone,ul.myphone{
		display: none!important;
	}
}
/*ÊÓƵ*/
.bg-h2{background: #f7f7f7;padding-bottom:50px; padding-top:1.2rem;}
#dplayer2{display: none;}
.video{margin-top: 40px;}
.video img{display: block;width: 100%;}
.video .tu{position: relative;}
.video span{ position: absolute; display: block; background: rgba(255, 255, 255, .5);height: 50px;line-height: 50px; text-align: center;font-size: 16px;color: #333333; bottom: 0;left: 0;right: 0;}
.video .tu a{display: flex;width: 100px;height: 100px;border-radius: 50%;background: rgba(204, 204, 204, .9);align-items: center;justify-content: center;position: absolute;left: 50%;margin-left: -50px;top: 50%;margin-top: -50px;}
.video .tu a img{width:30%;}
.containervideo { margin: 0 auto;max-width: 1200px;width: 94%;}
/**/
.content .main_page3 .m { width: 12rem; margin: 0 auto; }
.content .main_page3 .box {width: 100%;margin-top: .75rem;padding-left: 0rem; position: relative;}
.content .main_page3 .m .box .btn {width: 40px; height: 40px; position: absolute; background-size: 100% 100%; top: 38%; transform: translateY(-50%); z-index: 999; cursor: pointer; background-image: url(../images/right1.png); }
.content .main_page3 .m .box .btn.prev { left: -70px; transform: rotate(180deg); }
.content .main_page3 .m .box .btn.prev:hover { background-image: url(../images/prev1.png);  transform: rotate(0deg); }
.content .main_page3 .m .box .btn.next { right: -70px; }
.content .main_page3 .m .box .btn.next:hover { transform: translateY(-50%) rotate(180deg); background-image: url(../images/prev1.png); }
.content .main_page3 .m .box .mySwiper33 { width: 100%;overflow: hidden; }	  
.content .main_page3 .box .label  .info a .btn2 {overflow: hidden; display: flex;align-items: center;width: 1.4rem;height: .42rem;border: 1px solid #533A5C; margin-top: .35rem;background: #fff; margin-left: .36rem;}
.content .main_page3 .box .label  .info a .btn2:hover{background:#52395b;}
.content .main_page3 .box .label  .info a .btn2:hover span{background:#52395b;color:#fff;}
.content .main_page3 .box::after {content: '';width: 0rem;height: 1px; background: #D1CFD0; position: absolute;left: 0; top: 10px;}
.content .main_page3 .box .label  .info a .btn2 span {display: flex; align-items: center;justify-content: center; font-size: .16rem; color: #141414; width: .98rem; }
.content .main_page3 .box .label  .info a .btn2 div { overflow: hidden; height: 100%; width: .42rem; display: flex; align-items: center; justify-content: center; background: #533A5C; }


			        .content .main_page3 .box .label  {
          display: block;
          width: 100%; }

.content .main_page3 .box .label  p span {
    display: inline-block;
    line-height: 1;
    font-size: .24rem;
    margin-right: .16rem;
    color: #533a5c;
}
.content .main_page3 .box .label  p {
    text-transform: uppercase;
    margin-bottom: .25rem;
    padding-left: .36rem;

    font-size: .16rem;
    color: #180f15;

}
          .content .main_page3 .box .label  .info {
            overflow: hidden;
            padding: .33rem .38rem 0 0; }
            .content .main_page3 .box .label  .info a  p {
              font-size: .16rem;
              line-height: 1.6;
              color: #494949; display: inherit;}
              .content .main_page3 .box .label .info a  p em {
                color: #000; }
				.content .main_page3 .box .label  .info a p span {
    color: #000;
}
@media (max-width: 1000px) {			
			
 .content .main_page3 {
    padding: .65rem 0 .6rem 0; }

  .content .main_page3 .m .box .swiper-slide {
    width: 6rem; }

  .content .main_page3 .m .box {
    width: 6rem;
    margin: 0 auto;
    margin-top: .55rem; }

  .content .main_page3 .m .box .label span {
    font-size: .21rem; }

  .content .main_page3 .m .box .btn {
    width: .48rem;
    height: .48rem;
    background-size: 100% 100%; }

  .content .main_page3 .m .box .btn.prev {
    left: -.7rem; transform: translateY(-50%);}

  .content .main_page3 .m .box .btn.next {
    right: -.5rem; }	
	
	.content .main_page3 .box .label  .pic img {
    display: block;
    width: 100%;
     height:auto; 
    object-fit: cover;
}	
.content .main_page3 .box .label  p {
    font-size: .1875rem;
     padding-left: 0rem;
	 display:block;
}	
.content .main_page3 .box .label .info a .btn2 span { width: 2rem;}
.content .main_page3 .box .label  .info {
    padding: .34rem;
    font-size: .1875rem;
    line-height: 1.6;
    width: 100%;
    padding-left: 0;
}
.content .main_page3 .box .label .info a .btn2 {margin-left:1px;}
}