*,
:after,
:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'MicrosoftYaHei';
  outline: 0 !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-size: 0;
}

a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.fancybox-infobar span {
  font-size: 13px;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes fade {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

@font-face {
  font-family: 'DIN';
  src: url('../font/DIN-Regular.otf');
}

.heads {
  box-shadow: 0rem 0.06rem 0.24rem 0rem rgba(0, 0, 0, 0.09);
  background-color: #fff;
}

.heads .top {
  width: 12.2rem;
  height: 0.42rem;
  background-color: #fff;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.heads .top .left {
  font-size: 0.14rem;
  color: #53565f;
  line-height: 0.42rem;
}

.heads .top .right a {
  font-size: 0.14rem;
  color: #848a9c;
  display: inline-block;
  line-height: 0.42rem;
  vertical-align: middle;
  margin-left: 0.22rem;
  vertical-align: top;
  position: relative;
}

.heads .top .right a:hover {
  color: #3f9a3f;
}

.heads .top .right .right-items {
  color: #3f9a3f;
}

.heads .navigation {
  z-index: 1;
  width: 100%;
  height: 0.76rem;
  background-image: url('../image/pic1.jpg');
  background-size: 100% 100%;
  position: relative;
  padding: 0 3.18rem 0 5.78rem;
  display: flex;
  justify-content: space-between;
}

.heads .navigation .logo {
  width: 1.32rem;
  height: 0.83rem;
  background-image: url('../image/icon1.png');
  background-size: cover;
  position: absolute;
  left: 3.48rem;
  top: 0.25rem;
}

.heads .navigation a {
  width: 1.08rem;
  font-weight: bold;
  font-size: 0.18rem;
  font-family: "微软雅黑";
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  line-height: 0.76rem;
  position: relative;
}

.heads .navigation a img {
  width: 1.08rem;
  height: 0.52rem;
  position: absolute;
  left: 0;
  top: 0.06rem;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.heads .navigation a:hover {
  font-size: 0;
}

.heads .navigation a:hover::after {
  content: '';
  width: 0.54rem;
  height: 0.03rem;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.12rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.heads .navigation a:hover img {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.heads .navigation .navigation-item {
  font-size: 0;
}

.heads .navigation .navigation-item::after {
  content: '';
  width: 0.54rem;
  height: 0.03rem;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.12rem;
}

.heads .navigation .navigation-item img {
  opacity: 1;
}

.tool {
  position: fixed;
  right: 0.21rem;
  top: 3.47rem;
  font-size: 0;
  z-index: 10;
}

.tool .tool-item {
  display: block;
  margin-top: 0.13rem;
  position: relative;
  cursor: pointer;
  padding-left: 0.2rem;
}

.tool .tool-item:first-child {
  margin-top: 0;
}

.tool .tool-item .pic {
  width: 0.46rem;
  height: 0.46rem;
  position: relative;
}

.tool .tool-item .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tool .tool-item .pic .block {
  opacity: 1;
}

.tool .tool-item .pic .none {
  opacity: 0;
}

.tool .tool-item .popup {
  position: absolute;
  top: 0;
  right: 0.66rem;
  width: 1.06rem;
  height: 0.46rem;
  background-image: url('../image/pic8.png');
  background-size: 100% 100%;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.46rem;
  color: #ffffff;
}

.tool .tool-item .popup a {
  width: 100%;
  height: 100%;
  font-size: 0.14rem;
}

.tool .tool-item .popup1 {
  position: absolute;
  top: -0.26rem;
  right: 0.66rem;
  width: 1.06rem;
  height: 1.22rem;
  background-image: url('../image/pic9.png');
  background-size: 100% 100%;
  padding: 0.1rem 0 0 0.1rem;
}

.tool .tool-item .popup1 img {
  width: 0.79rem;
  height: 0.79rem;
}

.tool .tool-item .popup1 div {
  width: 0.79rem;
  text-align: center;
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.32rem;
}

.tool .tool-item .p {
  display: none;
  z-index: 2;
}

.tool .active .p {
  display: block;
}

.tool .active .pic .block {
  opacity: 0;
}

.tool .active .pic .none {
  opacity: 1;
}

.bottoms {
  opacity: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  bottom: 0.23rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.bottoms a {
  font-size: 0.12rem;
  display: flex;
  align-items: center;
}

.bottoms a::before {
  content: '';
  width: 1px;
  height: 0.12rem;
  background-color: #fff;
  margin: 0 0.1rem;
}

.bottoms a:first-child::before {
  content: '';
  display: none;
}

.bottoms div {
  font-size: 0.12rem;
  display: flex;
  vertical-align: top;
  margin-left: 0.3rem;
}

.bottomsc {
  opacity: 0;
}

.bottom {
  width: 100%;
  color: #fff;
  height: 1rem;
  background-color: #112024;
  justify-content: center;
  display: flex;
  align-items: center;
}

.bottom a {
  font-size: 0.12rem;
  display: flex;
  align-items: center;
}

.bottom a::before {
  content: '';
  width: 1px;
  height: 0.12rem;
  background-color: #fff;
  margin: 0 0.1rem;
}

.bottom a:first-child::before {
  content: '';
  display: none;
}

.bottom div {
  font-size: 0.12rem;
  display: flex;
  vertical-align: top;
  margin-left: 0.3rem;
}

.index {
  position: relative;
  overflow: hidden;
}

.index .banner {
  width: 100%;
  position: relative;
 height: calc(100vh - 1.18rem);
}
.index .banner .slick-list {
  width: 100%;
  height:100%
}
.index .banner .slick-list .slick-track{
  height:100%
}
.index .banner .banner-item {
  width: 100%;
  height: 100%;
}

.index .banner .banner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index .banner .slick-arrow {
  width: 0.89rem;
  height: 1.5rem;
  background-size: 100% 100%;
  font-size: 0;
  z-index: 1;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.index .banner .slick-prev {
  position: absolute;
  background-image: url('../image/icon2.png');
  top: 3.06rem;
  left: 1.32rem;
}

.index .banner .slick-prev:hover {
  background-image: url('../image/icon4.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.index .banner .slick-next {
  position: absolute;
  background-image: url('../image/icon3.png');
  right: 1.44rem;
  top: 3.06rem;
}

.index .banner .slick-next:hover {
  background-image: url('../image/icon5.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.index .yin {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.index .yin .yc {
  cursor: pointer;
  width: 0.86rem;
  height: 0.36rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.04rem;
  margin: 0 auto;
  font-size: 0.16rem;
  line-height: 0.36rem;
  color: rgba(255, 255, 255, 0.79);
  text-align: center;
  animation: fade 2000ms infinite;
  -webkit-animation: fade 2000ms infinite;
}

.index .yin .yc::after {
  content: '';
  width: 0.21rem;
  height: 0.11rem;
  background-image: url('../image/icon6.png');
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  margin-left: 0.06rem;
}

.index .yin .yctop::after {
  background-image: url('../image/icon13.png');
}

.index .yin .wei {
  width: 100%;
  height: 2.72rem;
  background-color: rgba(0, 0, 0, 0.64);
  margin-top: 0.14rem;
  transition: height 0.3s;
}

.index .yin .wei .weis {
  width: 12.2rem;
  margin: 0 auto;
}

.index .yin .wei .weis .left {
  display: inline-block;
  vertical-align: top;
  width: 4.34rem;
  padding-top: 0.2rem;
}

.index .yin .wei .weis .left .ding {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index .yin .wei .weis .left .ding .title {
  height: 0.36rem;
  font-size: 0;
  color: #ffffff;
}

.index .yin .wei .weis .left .ding .title div {
  font-size: 0.24rem;
  display: inline-block;
  vertical-align: middle;
}

.index .yin .wei .weis .left .ding .title .r {
  width: 0.7rem;
  height: 0.22rem;
  margin-left: 0.07rem;
}

.index .yin .wei .weis .left .ding .more {
  display: block;
  width: 0.69rem;
  height: 0.15rem;
  background-image: url('../image/tit1.png');
  background-size: 100% 100%;
}

.index .yin .wei .weis .left .ding .more:hover {
  background-image: url('../image/tit12.png');
}

.index .yin .wei .weis .left .info {
  margin-top: 0.12rem;
}

.index .yin .wei .weis .left .info .l {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  width: 1.29rem;
  height: 0.87rem;
  border-radius: 0.06rem;
  overflow: hidden;
}

.index .yin .wei .weis .left .info .l img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.index .yin .wei .weis .left .info .r {
  width: 2.88rem;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.16rem;
  padding: 0.06rem 0 0 0;
}

.index .yin .wei .weis .left .info .r .title {
  font-size: 0.18rem;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .yin .wei .weis .left .info .r .desc {
  margin-top: 0.06rem;
  font-size: 0.12rem;
  line-height: 0.24rem;
  color: rgba(255, 255, 255, 0.55);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.index .yin .wei .weis .left .info:hover .l img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.index .yin .wei .weis .left .info:hover .r .title {
  color: #63c575;
}

.index .yin .wei .weis .left .list {
  padding-top: 0.03rem;
}

.index .yin .wei .weis .left .list .list-item {
  margin-top: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index .yin .wei .weis .left .list .list-item .l {
  font-size: 0.16rem;
  color: #ffffff;
  width: 3.28rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index .yin .wei .weis .left .list .list-item .time {
  padding:0 0.04rem;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.02rem;
  font-size: 0.12rem;
  line-height: 0.2rem;
  text-align: center;
  color: #ffffff;
}

.index .yin .wei .weis .left .list .list-item:hover .l {
  color: #63c575;
}

.index .yin .wei .weis .middle {
  width: 3.72rem;
  padding-top: 0.2rem;
  margin-left: 0.93rem;
  display: inline-block;
  vertical-align: top;
}

.index .yin .wei .weis .middle .ding {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index .yin .wei .weis .middle .ding .title {
  height: 0.36rem;
  font-size: 0;
  color: #ffffff;
}

.index .yin .wei .weis .middle .ding .title div {
  font-size: 0.24rem;
  display: inline-block;
  vertical-align: middle;
}

.index .yin .wei .weis .middle .ding .title .r {
  width: 1.44rem;
  height: 0.22rem;
  margin-left: 0.07rem;
}

.index .yin .wei .weis .middle .ding .more {
  display: block;
  width: 0.69rem;
  height: 0.15rem;
  background-image: url('../image/tit1.png');
  background-size: 100% 100%;
}

.index .yin .wei .weis .middle .ding .more:hover {
  background-image: url('../image/tit12.png');
}

.index .yin .wei .weis .middle .sell {
  margin-top: 0.2rem;
}

.index .yin .wei .weis .middle .sell .sell-item {
  display: inline-block;
  margin-left: 0.21rem;
}

.index .yin .wei .weis .middle .sell .sell-item .pic {
  width: 0.77rem;
  height: 0.77rem;
  border-radius: 50%;
  overflow: hidden;
}

.index .yin .wei .weis .middle .sell .sell-item .pic img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.index .yin .wei .weis .middle .sell .sell-item .tit {
  width: 0.53rem;
  height: 0.35rem;
  margin: 0 auto;
  margin-top: 0.1rem;
}

.index .yin .wei .weis .middle .sell .sell-item:first-child {
  margin-left: 0;
}

.index .yin .wei .weis .middle .sell .sell-item:hover .pic img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.index .yin .wei .weis .right {
  margin-left: 0.96rem;
  padding-top: 0.2rem;
  display: inline-block;
  vertical-align: top;
}

.index .yin .wei .weis .right .ding .lefts {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.24rem;
  color: #ffffff;
}

.index .yin .wei .weis .right .ding .rights {
  display: inline-block;
  vertical-align: middle;
  width: 1.15rem;
  margin-left: 0.07rem;
  height: 0.22rem;
}

.index .yin .wei .weis .right .telphone {
  padding-top: 0.2rem;
}

.index .yin .wei .weis .right .telphone .tel-item {
  font-size: 0.16rem;
  margin-top: 0.17rem;
  color: #ffffff;
}

.index .yin .wei .weis .right .telphone .tel-item span {
  font-size: 0.16rem;
  color: #ffffff;
  margin-left: 0.06rem;
}

.index .yin .wei .weis .right .telphone .tel-item::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  background-image: url('../image/icon11.png');
  background-size: cover;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.01rem;
  margin-right: 0.03rem;
}

.index .yin .wei .weis .right .telphone .tel-item:first-child {
  margin-top: 0;
}

.index .yin .wei .weis .right .btn {
  display: block;
  width: 2.11rem;
  height: 0.45rem;
  border-radius: 0.04rem;
  background-image: url('../image/icon12.jpg');
  background-size: cover;
  margin: 0.2rem 0 0 0.08rem;
  font-size: 0.18rem;
  text-align: center;
  line-height: 0.45rem;
  color: #ffffff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.index .yin .wei .weis .right .btn:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-image: none;
  background-color: #3fb66e;
}

.index .yin .weic {
  margin-top: 0.56rem;
  height: 0;
  transition: height 0.3s;
  overflow: hidden;
}

.survey {
  overflow: hidden;
}

.survey .overview .sub {
  background-image: url('../image/banner5.jpg');
  background-repeat: no-repeat;
  height: 11.37rem;
  background-size: 100% 100%;
  padding: 1.05rem 3.4rem 0 4.95rem;
  position: relative;
}

.survey .overview .sub .left {
  display: inline-block;
  vertical-align: top;
}

.survey .overview .sub .left img {
  width: 2.97rem;
  height: 1.74rem;
}

.survey .overview .sub .right {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.7rem;
  width: 6.9rem;
  font-size: 0;
}

.survey .overview .sub .right .title {
  width: 2.2rem;
  height: 0.19rem;
  background-image: url('../image/tit17.png');
  background-size: 100% 100%;
}

.survey .overview .sub .right .desc p {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #28363b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.survey .overview .sub .right .desc p span {
  font-size: 0.16rem;
  color: #3899e8;
}

.survey .overview .sub .trends {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 8.04rem;
  z-index: 1;
}

.survey .overview .sub .trends .basket {
  width: 2.37rem;
  height: 1.68rem;
  background-image: url('../image/pic10.png');
  background-size: 100% 100%;
  position: absolute;
  left: 2.12rem;
  top: 2.18rem;
  z-index: 1;
}

.survey .overview .sub .trends .pic1 {
  width: 4.09rem;
  height: 4.08rem;
  background-image: url('../image/pic11.png');
  background-size: 100% 100%;
  position: absolute;
  left: 4.19rem;
  bottom: 0.68rem;
  z-index: 1;
}

.survey .overview .sub .trends .pic2 {
  width: 3.33rem;
  height: 3.34rem;
  padding: 0.25rem;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  z-index: 10;
  left: 7.5rem;
  bottom: 0;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}

.survey .overview .sub .trends .pic2 .titles {
  background-image: url('../image/tit33.png');
  width: 1.83rem;
  height: 1.03rem;
  background-size: 100% 100%;
  position: absolute;
  top: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
}

.survey .overview .sub .trends .pic2 .pp {
  border-radius: 50%;
  width: 2.83rem;
  height: 2.84rem;
  overflow: hidden;
}

.survey .overview .sub .trends .pic2 img {
  border-radius: 50%;
  width: 2.83rem;
  height: 2.84rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.survey .overview .sub .trends .pic2:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.survey .overview .sub .trends .pic3 {
  width: 2.99rem;
  height: 2.98rem;
  background-image: url('../image/pic13.png');
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  left: 11.05rem;
  bottom: 1.17rem;
}

.survey .overview .sup {
  background-image: url('../image/banner6.png');
  background-size: 100% 100%;
  padding: 0.9rem 0 0 0;
  margin-top: -3.75rem;
  height: 9.07rem;
  position: relative;
  z-index: 1;
}

.survey .overview .sup .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.survey .overview .sup .title img {
  width: 1.49rem;
  height: 0.29rem;
}

.survey .overview .sup .title .address {
  margin-left: 0.3rem;
  font-size: 0.18rem;
  color: #ffffff;
}

.survey .overview .sup .title .address::after {
  content: '';
  width: 0.26rem;
  height: 0.3rem;
  background-image: url('../image/icon18.png');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.12rem;
}

.survey .overview .sup .map {
  width: 12.2rem;
  height: 4.98rem;
  background-color: rgba(255, 255, 255, 0.67);
  padding: 0.18rem;
  margin: 0 auto;
  margin-top: 0.44rem;
}

.survey .overview .sup .map .mapBox1 {
  width: 100%;
  height: 100%;
}

.survey .overview .sup .map .mapBox1 .anchorBL {
  display: none;
}

.survey .overview .sup .tel {
  width: 12.2rem;
  margin: 0 auto;
  margin-top: 0.55rem;
  display: flex;
  align-items: center;
}

.survey .overview .sup .tel .tel-item {
  width: 3.57rem;
  height: 0.87rem;
  background-image: url('../image/pic14.jpg');
  background-size: 100% 100%;
  margin-right: 0.86rem;
  padding: 0.2rem 0.28rem;
}

.survey .overview .sup .tel .tel-item:last-child {
  margin-right: 0;
  background-image: url('../image/pic16.jpg');
}

.survey .overview .sup .tel .tel-item:nth-child(2) {
  margin-right: 0.48rem;
  background-image: url('../image/pic15.jpg');
}

.survey .overview .sup .tel .tel-item .zi {
  font-size: 0.16rem;
  color: #ffffff;
}

.survey .overview .sup .tel .tel-item .zi img {
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.02rem;
  margin-right: 0.08rem;
}

.survey .overview .sup .tel .tel-item .number {
  font-family: 'DIN';
  font-size: 0.24rem;
  color: #ffffff;
  padding-left: 0.28rem;
  margin-top: 0.01rem;
}

.introduce {
  overflow: hidden;
}

.introduce .introduces .banner {
  height: 9.01rem;
  background-image: url('../image/banner7.jpg');
  background-size: 100% 100%;
  padding: 1.58rem 0 0 2.15rem;
}

.introduce .introduces .banner img {
  width: 10.8rem;
  height: 3.96rem;
}

.introduce .introduces .infos {
  background-color: #e0ede3;
  padding: 0 0 0.4rem;
  background-image: url('../image/pic17.png');
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.introduce .introduces .infos .infoo {
  position: relative;
  padding-top: 1.1rem;
  background-image: url('../image/pic18.png');
  background-size: 7.16rem 4.78rem;
  background-position: 0 0.73rem;
  background-repeat: no-repeat;
}

.introduce .introduces .infos .infoo .logo {
  width: 1.57rem;
  height: 1.97rem;
  background-image: url('../image/icon58.png');
  background-size: 100% 100%;
  position: absolute;
  right: 3.51rem;
  top: 0.61rem;
}

.introduce .introduces .infos .information {
  width: 12.2rem;
  margin: 0 auto;
}

.introduce .introduces .infos .information .words .title {
  width: 8.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.introduce .introduces .infos .information .words .title .tit {
  font-size: 0.36rem;
  color: #36353f;
  max-width: 7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .introduces .infos .information .words .title .more {
  font-size: 0.16rem;
  color: #537448;
  display: flex;
  align-items: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .words .title .more::after {
  content: '';
  width: 0.08rem;
  height: 0.16rem;
  background-image: url('../image/icon31.png');
  display: block;
  background-size: 100% 100%;
  margin-left: 0.08rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .words .title .more:hover {
  color: #63c575;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .words .title .more:hover::after {
  background-image: url('../image/icon32.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .words .mation {
  display: flex;
  align-items: center;
  margin-top: 0.32rem;
}

.introduce .introduces .infos .information .words .mation .desc {
  min-height: 1rem;
  max-width: 8.26rem;
  min-width: 8.26rem;
  font-size: 0.14rem;
  color: #36353f;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-height: 0.23rem;
}

.introduce .introduces .infos .information .words .mation .medium {
  padding-left: 0.34rem;
  position: relative;
}

.introduce .introduces .infos .information .words .mation .medium .popups {
  display: none;
  z-index: 9;
  position: absolute;
  width: 3.57rem;
  background-color: #ffffff;
  border-radius: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.24rem 0.26rem;
}

.introduce .introduces .infos .information .words .mation .medium .popups .tits {
  width: 100%;
  font-size: 0.24rem;
  color: #36353f;
  line-height: 0.88rem;
  background-image: url('../image/icon65.png');
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.introduce .introduces .infos .information .words .mation .medium .popups .dds {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #36353f;
  padding-top: 0.2rem;
}

.introduce .introduces .infos .information .words .mation .medium .popups .know {
  margin-top: 0.2rem;
  line-height: 0.64rem;
  background-color: #3fb66e;
  border-radius: 0.1rem;
  font-size: 0.16rem;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.introduce .introduces .infos .information .words .mation .medium .popupon {
  left: -3.53rem;
  display: block;
}

.introduce .introduces .infos .information .words .mation .medium .popuponl {
  left: -2.74rem;
  display: block;
}

.introduce .introduces .infos .information .words .mation .medium .music {
  width: 0.49rem;
  height: 0.49rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.18rem;
  cursor: pointer;
  border-radius: 50%;
  background-size: 100% 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-image: url('../image/icon19.png');
  position: relative;
}

.introduce .introduces .infos .information .words .mation .medium .music:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-image: none;
  background-color: #53af5d;
}

.introduce .introduces .infos .information .words .mation .medium .video {
  width: 0.49rem;
  height: 0.49rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.18rem;
  cursor: pointer;
  border-radius: 50%;
  background-size: 100% 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-right: 0;
  background-image: url('../image/icon20.png');
}

.introduce .introduces .infos .information .words .mation .medium .video:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-image: none;
  background-color: #ed9331;
}

.introduce .introduces .infos .information .info {
  margin-top: 0.24rem;
  position: relative;
}

.introduce .introduces .infos .information .info .info-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.introduce .introduces .infos .information .info .info-item .left {
  cursor: pointer;
  width: 8.3rem;
  height: 4.23rem;
  overflow: hidden;
}

.introduce .introduces .infos .information .info .info-item .right {
  margin-left: 0.3rem;
}

.introduce .introduces .infos .information .info .info-item .right .pic {
  cursor: pointer;
  width: 3.53rem;
  height: 2rem;
  overflow: hidden;
  display: block;
  position: relative;
}

.introduce .introduces .infos .information .info .info-item .right .pic:first-child {
  margin-bottom: 0.23rem;
}

.introduce .introduces .infos .information .info .info-item .right .pic .box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.63);
  text-align: center;
  padding-top: 0.72rem;
}

.introduce .introduces .infos .information .info .info-item .right .pic .box .num {
  font-family: 'DIN';
  font-size: 0.3rem;
  color: #ffffff;
}

.introduce .introduces .infos .information .info .info-item .right .pic .box a {
  font-size: 0.16rem;
  text-decoration: underline;
  color: #63c575;
  margin-top: 0.06rem;
}

.introduce .introduces .infos .information .info .info-item .right .y {
  display: none;
}

.introduce .introduces .infos .information .info .slick-arrow {
  width: 0.89rem;
  height: 1.5rem;
  background-size: 100% 100%;
  font-size: 0;
  z-index: 1;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .info .slick-prev {
  position: absolute;
  background-image: url('../image/icon23.png');
  top: 50%;
  transform: translateY(-50%);
  left: -1.86rem;
}

.introduce .introduces .infos .information .info .slick-prev:hover {
  background-image: url('../image/icon33.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .info .slick-next {
  position: absolute;
  background-image: url('../image/icon24.png');
  right: -1.69rem;
  top: 50%;
  transform: translateY(-50%);
}

.introduce .introduces .infos .information .info .slick-next:hover {
  background-image: url('../image/icon34.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .list {
  margin-left: -0.04rem;
  margin-top: 0.35rem;
}

.introduce .introduces .infos .information .list .slick-list {
  width: 100%;
  margin-right: -1.56rem;
  padding-right: 1.56rem;
  height: 1.6rem;
}

.introduce .introduces .infos .information .list .slick-arrow {
  width: 0.35rem;
  height: 0.35rem;
  background-size: 100% 100%;
  font-size: 0;
  z-index: 1;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .list .slick-prev {
  position: absolute;
  background-image: url('../image/icon25.png');
  top: 50%;
  transform: translateY(-50%);
  left: -0.52rem;
}

.introduce .introduces .infos .information .list .slick-prev:hover {
  background-image: url('../image/icon35.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .list .slick-next {
  position: absolute;
  background-image: url('../image/icon26.png');
  right: -0.52rem;
  top: 50%;
  transform: translateY(-50%);
}

.introduce .introduces .infos .information .list .slick-next:hover {
  background-image: url('../image/icon36.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .list .slick-current .pic {
  padding: 0.05rem;
  background-color: #3fb66e;
  border-radius: 0 !important;
}

.introduce .introduces .infos .information .list .slick-current .pic .box {
  bottom: 0.05rem !important;
  left: 0.05rem !important;
  right: 0.05rem !important;
}

.introduce .introduces .infos .information .list .slick-current .pic::after {
  content: '';
  width: 0;
  height: 0;
  border: 0.1rem solid transparent;
  border-bottom: 0.1rem solid #3fb66e;
  position: absolute;
  top: -0.17rem;
  left: 50%;
  transform: translateX(-50%);
}

.introduce .introduces .infos .information .list .list-item {
  width: 2.14rem;
  padding: 0 0.04rem;
  height: 1.6rem;
  position: relative;
  cursor: pointer;
}

.introduce .introduces .infos .information .list .list-item:hover .pic .p {
  overflow: hidden;
}

.introduce .introduces .infos .information .list .list-item:hover .pic .p img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.introduce .introduces .infos .information .list .list-item:hover .pic .box .title {
  color: #63c575;
}

.introduce .introduces .infos .information .list .list-item .pic {
  height: 1.5rem;
  border-radius: 0.04rem;
  margin: 0 0.04rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.introduce .introduces .infos .information .list .list-item .pic .p {
  width: 100%;
  height: 100%;
}

.introduce .introduces .infos .information .list .list-item .pic .p img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .information .list .list-item .pic .box {
  position: absolute;
  padding-left: 0.24rem;
  padding-right: 0.14rem;
  padding-bottom: 0.18rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../image/icon27.png');
  background-size: 100% 100%;
}

.introduce .introduces .infos .information .list .list-item .pic .box .tiao {
  width: 0.21rem;
  height: 0.03rem;
  background-color: #ffffff;
}

.introduce .introduces .infos .information .list .list-item .pic .box .title {
  font-size: 0.18rem;
  color: #ffffff;
  margin-top: 0.12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.introduce .introduces .infos .information .list .list-item .pic .box .eng {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.06rem;
  font-size: 0.12rem;
  color: rgba(255, 255, 255, 0.4);
}

.introduce .introduces .infos .travel {
  padding: 0.38rem;
}

.introduce .introduces .infos .travel .tit {
  width: 10.63rem;
  height: 0.8rem;
  background-image: url('../image/tit20.png');
  background-size: 100% 100%;
  margin: 0 auto;
}

.introduce .introduces .infos .travel .card {
  width: 12.18rem;
  margin: 0 auto;
  margin-top: 0.54rem;
}

.introduce .introduces .infos .travel .card .cards {
  margin-left: -0.12rem;
  margin-right: -0.12rem;
}

.introduce .introduces .infos .travel .card .card-item {
  width: 3.87rem;
  margin: 0 0.12rem;
  display: inline-block;
  vertical-align: top;
}

.introduce .introduces .infos .travel .card .card-item .sub {
  padding: 0.18rem 0 0 0.18rem;
  width: 3.87rem;
  position: relative;
  height: 2.46rem;
}

.introduce .introduces .infos .travel .card .card-item .sub .box {
  width: 3.69rem;
  height: 2.28rem;
  background-color: #3fb66e;
}

.introduce .introduces .infos .travel .card .card-item .sub .pic {
  width: 3.69rem;
  height: 2.28rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.introduce .introduces .infos .travel .card .card-item .sup {
  width: 3.87rem;
  padding: 0.18rem 0.18rem 0.24rem;
}

.introduce .introduces .infos .travel .card .card-item .sup .title {
  font-size: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #414944;
  line-height: 0.54rem;
  text-align: center;
}

.introduce .introduces .infos .travel .card .card-item .sup .desc {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.14rem;
  color: #939c94;
}

.introduce .introduces .infos .travel .card .more {
  width: 1.21rem;
  height: 0.36rem;
  background-image: url('../image/icon28.png');
  background-size: 100% 100%;
  margin: 0 auto;
  display: block;
  font-size: 0.14rem;
  line-height: 0.36rem;
  text-align: center;
  color: #ffffff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .introduces .infos .travel .card .more:hover {
  background-image: url('../image/icon29.png');
}

.introduce .introduces .infos .travel .card .more::after {
  content: '';
  width: 0.13rem;
  height: 0.07rem;
  background-image: url('../image/icon30.png');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.03rem;
}

.introduce .popupe {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: none;
}

.introduce .popupe .close {
  width: 0.94rem;
  height: 0.94rem;
  background-image: url('../image/icon59.png');
  background-size: 100% 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  position: absolute;
  top: 0.51rem;
  right: 0.87rem;
}

.introduce .popupe .close:hover {
  background-image: url('../image/icon60.png');
}

.introduce .popupe .tan {
  width: 12.2rem;
  background-color: #fff;
  height: 6.27rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.introduce .popupe .tan .swiper {
  width: 8.08rem;
  height: 6.27rem;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.introduce .popupe .tan .swiper .slick-arrow {
  font-size: 0;
  background-color: transparent;
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% 100%;
  border-radius: 50%;
  border: none;
  outline: none;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .popupe .tan .swiper .slick-prev {
  left: 0.4rem;
  background-image: url('../image/icon61.png');
}

.introduce .popupe .tan .swiper .slick-prev:hover {
  background-image: url('../image/icon63.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .popupe .tan .swiper .slick-next {
  right: 0.28rem;
  background-image: url('../image/icon62.png');
}

.introduce .popupe .tan .swiper .slick-next:hover {
  background-image: url('../image/icon64.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.introduce .popupe .tan .swiper .swiper-item {
  width: 100%;
  height: 6.27rem;
}

.introduce .popupe .tan .info {
  margin: 0.4rem 0;
  width: 4.12rem;
  height: 5.47rem;
  display: inline-block;
  vertical-align: top;
  padding: 0 0.4rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.introduce .popupe .tan .info::-webkit-scrollbar {
  display: none;
}

.introduce .popupe .tan .info .title {
  font-size: 0.36rem;
  color: #36353f;
}

.introduce .popupe .tan .info .english {
  font-size: 0.24rem;
  color: #dbdada;
  margin-top: 0.06rem;
}

.introduce .popupe .tan .info .desc {
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #36353f;
  background-image: url('../image/icon65.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 0.24rem;
  margin-top: 0.18rem;
}

.introduce .popupe .tan .info .desc p,
.introduce .popupe .tan .info .desc div {
  font-size: 0.16rem;
}

.introduce .block {
  display: block;
}

.news {
  overflow: hidden;
}

.news .new {
  background-color: #cbede9;
  background-image: url('../image/banner9.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative;
}

.news .new::before {
  content: '';
  width: 2.78rem;
  height: 3.93rem;
  background-image: url('../image/tit21.png');
  position: absolute;
  top: 0.51rem;
  right: 1.44rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news .new .swipers {
  width: 9.97rem;
  height: 6.88rem;
  margin: 0 auto;
  position: relative;
  padding: 1.55rem 0 1.2rem;
}

.news .new .swipers .wrapper {
  width: 100%;
}

.news .new .swipers .wrapper .swiper-item {
  width: 4.18rem;
  transition: 0.3s;
  position: absolute;
  border-radius: 0.1rem;
  overflow: hidden;
}

.news .new .swipers .wrapper .swiper-item .pic {
  width: 100%;
  height: 2.78rem;
  overflow: hidden;
}

.news .new .swipers .wrapper .swiper-item .pic img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news .new .swipers .wrapper .swiper-item .info {
  background-color: #fff;
  padding: 0.18rem 0.2rem;
}

.news .new .swipers .wrapper .swiper-item .info .title {
  font-size: 0.24rem;
  color: #3c3a47;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news .new .swipers .wrapper .swiper-item .info .time {
  width: 1.02rem;
  height: 0.3rem;
  background-color: #d7f1e2;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.3rem;
  color: #6c946f;
  margin: 0.1rem 0;
}

.news .new .swipers .wrapper .swiper-item .info .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.14rem;
  color: #5f5d69;
  line-height: 0.2rem;
}

.news .new .swipers .wrapper .swiper-item:hover .pic img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.news .new .swipers .wrapper .swiper-item:hover .info .title {
  color: #63c575;
}

.news .new .swipers .wrapper #last {
  transform: translateX(0);
  z-index: 9;
  opacity: 1;
}

.news .new .swipers .wrapper #first {
  transform: translateX(2.9rem) scale(1.24);
  z-index: 99;
  opacity: 1;
  margin-top: -0.12rem;
}

.news .new .swipers .wrapper #first .info .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news .new .swipers .wrapper #second {
  transform: translateX(5.79rem);
  z-index: 9;
  opacity: 1;
}

.news .new .swipers .arrows div {
  width: 0.89rem;
  height: 1.5rem;
  position: absolute;
  z-index: 999;
  cursor: pointer;
  top: 3.08rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news .new .swipers .arrows .prev {
  background-image: url('../image/icon42.png');
  background-size: 100% 100%;
  left: -1.54rem;
}

.news .new .swipers .arrows .prev:hover {
  background-image: url('../image/icon44.png');
}

.news .new .swipers .arrows .next {
  background-image: url('../image/icon43.png');
  background-size: 100% 100%;
  right: -1.54rem;
}

.news .new .swipers .arrows .next:hover {
  background-image: url('../image/icon45.png');
}

.news .new .content .content-item {
  display: block;
  width: 9.94rem;
  border-radius: 0.06rem;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 0.36rem;
}

.news .new .content .content-item:first-child {
  margin-top: 0;
}

.news .new .content .content-item:hover .left img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.news .new .content .content-item:hover .right .title {
  color: #63c575;
}

.news .new .content .content-item .left {
  width: 3.56rem;
  height: 2.34rem;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.news .new .content .content-item .left img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news .new .content .content-item .right {
  display: inline-block;
  vertical-align: top;
  width: 6.38rem;
  height: 2.34rem;
  background-color: #ffffff;
  padding: 0.32rem 0.4rem;
}

.news .new .content .content-item .right .title {
  font-size: 0.24rem;
  color: #3c3a47;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news .new .content .content-item .right .time {
  width: 1.02rem;
  height: 0.3rem;
  background-color: #d7f1e2;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.3rem;
  color: #6c946f;
  margin: 0.15rem 0;
}

.news .new .content .content-item .right .desc {
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #5f5d69;
  line-height: 0.24rem;
}

.news .new .content .page {
  padding: 0.4rem 0 0.5rem;
  text-align: center;
}

.details .fp-tableCell {
  vertical-align: top;
}
.details .bottom{
background-color:transparent;
}
.details{
background-image: url(../image/banner18.jpg);
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: 0 1.18rem;
    background-repeat: no-repeat;
}
.details .infos {
  height: calc(100vh - 1.18rem);
  
  position: relative;
}

.details .infos .m {
  width: 12.2rem;
  background-color: #ffffff;
  padding: 0.34rem 0.39rem 0.3rem;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100vh - 1.6rem);
}

.details .infos .m::-webkit-scrollbar {
  display: none;
}

.details .infos .m::before {
  content: '';
  width: 0.59rem;
  height: 0.88rem;
  background-image: url('../image/icon37.png');
  background-size: 100% 100%;
  position: absolute;
  top: 0.36rem;
  right: 0.36rem;
}

.details .infos .m .crumb a {
  font-size: 0.12rem;
  color: #848a9c;
  display: inline-block;
}

.details .infos .m .crumb a:hover {
  color: #3b75f8;
}

.details .infos .m .crumb a::after {
  content: '';
  width: 0.05rem;
  height: 0.09rem;
  background-image: url('../image/icon41.png');
  background-size: 100% 100%;
  display: inline-block;
  margin: 0 0.06rem;
}

.details .infos .m .crumb a:last-child {
  color: #3b75f8;
}

.details .infos .m .crumb a:last-child::after {
  content: '';
  display: none;
}

.details .infos .m .top {
  width: 100%;
  padding: 0.35rem 0.68rem 0.31rem;
  text-align: center;
  background-image: url('../image/icon40.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  position: relative;
}

.details .infos .m .top .title {
  font-size: 0.36rem;
  color: #3c3a47;
}

.details .infos .m .top .time {
  margin-top: 0.2rem;
  font-size: 0.14rem;
  color: #898b90;
}

.details .infos .m .top .back {
  width: 0.47rem;
  height: 0.47rem;
  background-image: url('../image/icon38.png');
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0.2rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.details .infos .m .top .back:hover {
  background-image: url('../image/icon39.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.details .infos .m .desc {
  margin-top: 0.3rem;
  width:100%
}

.details .infos .m .desc p {
  font-size: 0.16rem;
  color: #45464d;
  line-height: 0.24rem;
}

.details .infos .m .desc img {
  width: auto;
  height: auto;
  max-width:100%;
  display: block;
  margin: 0 auto;
}

#recommend {
  overflow: hidden;
}

#recommend .recommend {
  background-color: #e0e6ea;
  padding-top: 7.87rem;
  background-image: url('../image/banner10.png');
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

#recommend .recommend .contents {
  padding-bottom: 1.24rem;
  background-image: url('../image/banner11.png');
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}

#recommend .recommend .contents .content {
  width: 12.2rem;
  background-color: #ffffff;
  margin: 0 auto;
  background-image: url('../image/pic59.png');
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0.46rem 1.3rem 0.58rem;
}

#recommend .recommend .contents .content .lefts {
  padding-top: 0.54rem;
  display: inline-block;
  vertical-align: top;
}

#recommend .recommend .contents .content .lefts .traffic img {
  width: 2.15rem;
  height: 0.29rem;
}

#recommend .recommend .contents .content .lefts .traffic .dao {
  width: 2.98rem;
  height: 2.59rem;
  background-image: url('../image/pic58.jpg');
  background-size: 100% 100%;
  padding: 1.48rem 0 0 0.29rem;
  margin-top: 0.25rem;
}

#recommend .recommend .contents .content .lefts .traffic .dao a {
  width: 1.53rem;
  height: 0.44rem;
  display: block;
  background-image: url('../image/icon50.png');
  background-size: 100% 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .lefts .traffic .dao a:hover {
  background-image: url('../image/icon51.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .lefts .traffic .wai {
  width: 3.65rem;
  margin: -0.03rem -0.3rem 0;
  height: 3.31rem;
  background-image: url('../image/pic56.png');
  background-size: 100% 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .lefts .traffic .wai:hover {
  background-image: url('../image/pic57.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .lefts .travels {
  margin-top: 0.2rem;
}

#recommend .recommend .contents .content .lefts .travels img {
  width: 2.15rem;
  height: 0.3rem;
}

#recommend .recommend .contents .content .lefts .travels .note {
  padding-top: 0.14rem;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item {
  background-color: #f6f3eb;
  width: 3rem;
  margin-top: 0.18rem;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item .pic {
  display: inline-block;
  vertical-align: top;
  width: 1.26rem;
  height: 1rem;
  overflow: hidden;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item .pic img {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item .info {
  max-width: 1.74rem;
  display: inline-block;
  vertical-align: top;
  padding: 0.14rem 0.1rem;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item .info .tit {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #403f47;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item .info .des {
  font-size: 0.14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #949496;
  line-height: 0.24rem;
}

#recommend .recommend .contents .content .lefts .travels .note .note-item:hover .pic img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

#recommend .recommend .contents .content .lefts .travels .note .note-item:hover .info .tit {
  color: #3fb66e;
}

#recommend .recommend .contents .content .lefts .welcome {
  width: 3.1rem;
  height: 1.72rem;
  background-image: url('../image/pic49.jpg');
  background-size: 100% 100%;
  margin-top: 0.56rem;
  position: relative;
}

#recommend .recommend .contents .content .lefts .welcome img {
  width: 1.46rem;
  position: absolute;
  height: 0.75rem;
  top: 0.44rem;
  right: 0.22rem;
}

#recommend .recommend .contents .content .right {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.36rem;
  width: 7.62rem;
}

#recommend .recommend .contents .content .right .food {
  padding-top: 0.29rem;
}

#recommend .recommend .contents .content .right .food .img {
  width: 2.08rem;
  height: 0.52rem;
  background-image: url('../image/tit24.png');
  background-size: 100% 100%;
}

#recommend .recommend .contents .content .right .food .swiper1 {
  margin: 0.25rem -0.08rem 0;
  position: relative;
}

#recommend .recommend .contents .content .right .food .swiper1 .slick-list {
  padding-right: 1.1rem;
}

#recommend .recommend .contents .content .right .food .swiper1 .slick-arrow {
  width: 0.38rem;
  height: 0.38rem;
  background-size: 100% 100%;
  border-radius: 50%;
  border: none;
  outline: none;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  top: -0.61rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .food .swiper1 .slick-prev {
  right: 0.53rem;
  background-image: url('../image/icon46.png');
}

#recommend .recommend .contents .content .right .food .swiper1 .slick-prev:hover {
  background-image: url('../image/icon48.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .food .swiper1 .slick-next {
  right: 0;
  background-image: url('../image/icon47.png');
}

#recommend .recommend .contents .content .right .food .swiper1 .slick-next:hover {
  background-image: url('../image/icon49.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item {
  width: 2.09rem;
  height: 3.28rem;
  margin: 0 0.08rem;
  position: relative;
  overflow: hidden;
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item .box {
  position: absolute;
  height: 0.69rem;
  background-color: transparent;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.05rem 0.14rem 0;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item .box .t {
  font-size: 0.18rem;
  line-height: 0.47rem;
  color: #ffffff;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item:hover .box {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.5);
}

#recommend .recommend .contents .content .right .food .swiper1 .swiper1-item:hover .box .t {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: bold;
}

#recommend .recommend .contents .content .right .stay {
  padding-top: 0.52rem;
}

#recommend .recommend .contents .content .right .stay .img {
  width: 2.97rem;
  height: 0.51rem;
  background-image: url('../image/tit25.png');
  background-size: 100% 100%;
}

#recommend .recommend .contents .content .right .stay .s {
  padding-top: 0.3rem;
  position: relative;
}

#recommend .recommend .contents .content .right .stay .s .box {
  width: 6.62rem;
  height: 3.62rem;
  background-color: #64b082;
  position: absolute;
  top: 0.48rem;
  left: 50%;
  transform: translateX(-50%);
}

#recommend .recommend .contents .content .right .stay .s .swiper2 {
  position: relative;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .slick-list {
  box-shadow: 0rem 0rem 0.16rem 0rem rgba(36, 51, 42, 0.28);
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .slick-dots {
  text-align: center;
  margin-top: 0.38rem;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .slick-dots li {
  margin: 0 0.08rem;
  display: inline-block;
  vertical-align: top;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .slick-dots li button {
  cursor: pointer;
  width: 0.14rem;
  height: 0.14rem;
  background-color: #e5e5e5;
  border: none;
  outline: none;
  border-radius: 50%;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .slick-dots .slick-active button {
  background-color: #bfbfbf;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item {
  width: 100%;
  height: 3.62rem;
  background-color: #fff;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .l {
  width: 5.35rem;
  height: 3.62rem;
  display: inline-block;
  vertical-align: top;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r {
  width: 2.26rem;
  display: inline-block;
  vertical-align: top;
  padding: 0.26rem 0.21rem 0;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r .title {
  font-size: 0.3rem;
  color: #454649;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r .distance {
  margin-top: 0.08rem;
  font-size: 0.14rem;
  color: #3fb66e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r .distance span {
  font-family: 'DIN';
  font-size: 0.18rem;
  color: #3fb66e;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r .desc {
  margin-top: 0.16rem;
  padding-top: 0.16rem;
  border-top: 1px dashed #bfbfbf;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #454649;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r .btn {
  width: 1.77rem;
  height: 0.46rem;
  background-color: #fff1db;
  font-size: 0.14rem;
  line-height: 0.46rem;
  text-align: center;
  margin-top: 0.26rem;
  color: #c35512;
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .stay .s .swiper2 .swiper2-item .r .btn:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #febd45;
  color: #342c24;
}

#recommend .recommend .contents .content .right .spot {
  padding-top: 0.32rem;
}

#recommend .recommend .contents .content .right .spot .img {
  width: 2.82rem;
  height: 0.5rem;
  background-image: url('../image/tit26.png');
  background-size: 100% 100%;
}

#recommend .recommend .contents .content .right .spot .swiper3 {
  padding-top: 0.2rem;
  position: relative;
  margin: 0 -0.07rem;
}

#recommend .recommend .contents .content .right .spot .swiper3 .slick-arrow {
  width: 0.38rem;
  height: 0.38rem;
  background-size: 100% 100%;
  border-radius: 50%;
  border: none;
  outline: none;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  top: -0.6rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .spot .swiper3 .slick-prev {
  right: 0.53rem;
  background-image: url('../image/icon46.png');
}

#recommend .recommend .contents .content .right .spot .swiper3 .slick-prev:hover {
  background-image: url('../image/icon48.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .spot .swiper3 .slick-next {
  right: 0;
  background-image: url('../image/icon47.png');
}

#recommend .recommend .contents .content .right .spot .swiper3 .slick-next:hover {
  background-image: url('../image/icon49.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .spot .swiper3 .swiper3-item {
  margin: 0 0.07rem;
  display: block;
}

#recommend .recommend .contents .content .right .spot .swiper3 .swiper3-item .pic {
  width: 100%;
  height: 1.77rem;
  overflow: hidden;
}

#recommend .recommend .contents .content .right .spot .swiper3 .swiper3-item .pic img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .spot .swiper3 .swiper3-item .tt {
  text-align: center;
  line-height: 0.62rem;
  background-color: #ebf6ec;
  font-size: 0.18rem;
  color: #352a26;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.2rem;
}

#recommend .recommend .contents .content .right .spot .swiper3 .swiper3-item:hover .pic img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

#recommend .recommend .contents .content .right .spot .swiper3 .swiper3-item:hover .tt {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #63af81;
  color: #fff;
}

#recommend .recommend .contents .content .right .entertainment {
  padding-top: 0.54rem;
}

#recommend .recommend .contents .content .right .entertainment .img {
  width: 3.78rem;
  height: 0.5rem;
  background-image: url('../image/tit27.png');
  background-size: 100% 100%;
}

#recommend .recommend .contents .content .right .entertainment .card {
  margin: 0 -0.1rem;
}

#recommend .recommend .contents .content .right .entertainment .card .card-item {
  margin: 0 0.1rem;
  width: 3.71rem;
  height: 2.4rem;
  margin-top: 0.2rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#recommend .recommend .contents .content .right .entertainment .card .card-item img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .entertainment .card .card-item .box {
  background-color: rgba(29, 89, 29, 0.8);
  font-size: 0.18rem;
  line-height: 0.5rem;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #ffffff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.1rem;
}

#recommend .recommend .contents .content .right .entertainment .card .card-item:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

#recommend .recommend .contents .content .right .entertainment .card .card-item:hover .box {
  background-color: #63c575;
}

#recommend .recommend .contents .content .right .entertainment .more {
  width: 1.21rem;
  height: 0.36rem;
  background-image: url('../image/icon28.png');
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 0.36rem;
  display: block;
  font-size: 0.14rem;
  line-height: 0.36rem;
  text-align: center;
  color: #ffffff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#recommend .recommend .contents .content .right .entertainment .more:hover {
  background-image: url('../image/icon29.png');
}

#recommend .recommend .contents .content .right .entertainment .more::after {
  content: '';
  width: 0.13rem;
  height: 0.07rem;
  background-image: url('../image/icon30.png');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.03rem;
}

.predetermine .due {
  background-image: url('../image/banner12.png');
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #e0e6ea;
  padding: 6.38rem 0 0 0;
}

.predetermine .due .dues {
  width: 100%;
  height: 100%;
  background-image: url('../image/banner13.png');
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 0.98rem;
}

.predetermine .due .dues .content {
  width: 12.2rem;
  background-color: #ffffff;
  margin: 0 auto;
}

.predetermine .due .dues .content .food {
  padding: 0.28rem 0.37rem 0;
}

.predetermine .due .dues .content .food .t {
  width: 2.5rem;
  height: 0.69rem;
  background-image: url('../image/tit29.png');
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
}

.predetermine .due .dues .content .food .swiper1 {
  padding-top: 0.38rem;
  position: relative;
}

.predetermine .due .dues .content .food .swiper1 .slick-arrow {
  width: 0.38rem;
  height: 0.38rem;
  background-size: 100% 100%;
  border-radius: 50%;
  border: none;
  outline: none;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  top: -0.28rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .food .swiper1 .slick-prev {
  right: 0.66rem;
  background-image: url('../image/icon46.png');
}

.predetermine .due .dues .content .food .swiper1 .slick-prev:hover {
  background-image: url('../image/icon48.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .food .swiper1 .slick-next {
  right: 0.13rem;
  background-image: url('../image/icon47.png');
}

.predetermine .due .dues .content .food .swiper1 .slick-next:hover {
  background-image: url('../image/icon49.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item {
  height: 3.6rem;
  width: 3.56rem;
  margin: 0 0.13rem;
  position: relative;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .xian {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .xian .tit {
  height: 0.89rem;
  font-size: 0.24rem;
  background-color: #febd45;
  text-align: center;
  padding: 0 0.1rem;
  padding-top: 0.35rem;
  color: #31333b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .xian img {
  width: 0.6rem;
  height: 0.61rem;
  position: absolute;
  left: 50%;
  top: -0.3rem;
  transform: translateX(-50%);
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.48);
  padding: 0.69rem 0.47rem 0.34rem;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin img {
  width: 0.6rem;
  height: 0.61rem;
  display: block;
  margin: 0 auto;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin .title {
  font-size: 0.26rem;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.12rem;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin .kuai {
  width: 0.32rem;
  height: 0.03rem;
  background-color: #ffffff;
  margin: 0.08rem auto;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin .address {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #ffffff;
  min-height: 0.48rem;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin .tel {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #ffffff;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item .yin .yu {
  margin-top: 0.12rem;
  width: 2.6rem;
  height: 0.46rem;
  background-color: #fff1d7;
  font-size: 0.16rem;
  line-height: 0.46rem;
  text-align: center;
  color: #de9f2c;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item:hover .xian {
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .food .swiper1 .swiper-item:hover .yin {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .food .s {
  position: relative;
}

.predetermine .due .dues .content .food .s .popups {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.36rem;
  background-color: #fff;
  box-shadow: 0rem 0rem 0.57rem 0rem rgba(24, 67, 39, 0.13);
  border-radius: 0.06rem;
  z-index: 99;
  padding: 0 0.2rem 0.24rem;
}

.predetermine .due .dues .content .food .s .popups .ts {
  font-size: 0.16rem;
  font-weight: bold;
  color: #50505e;
  line-height: 0.55rem;
  border-bottom: 1px solid #eeeeee;
}

.predetermine .due .dues .content .food .s .popups .xiang {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #50505e;
  margin-top: 0.1rem;
}

.predetermine .due .dues .content .food .s .popups .number {
  font-size: 0.18rem;
  font-weight: bold;
  color: #3fb66e;
}

.predetermine .due .dues .content .food .s .popups .sloses {
  width: 0.14rem;
  height: 0.14rem;
  background-image: url('../image/icon66.png');
  background-size: 100% 100%;
  right: 0.22rem;
  top: 0.23rem;
  position: absolute;
  cursor: pointer;
}

.predetermine .due .dues .content .admission {
  padding: 0.34rem 0 0.45rem 0;
  margin-top: 0.54rem;
  background-color: #000000;
  background-image: url('../image/pic63.jpg');
  background-size: 100% 100%;
}

.predetermine .due .dues .content .admission .t {
  width: 2.4rem;
  height: 0.78rem;
  background-image: url('../image/tit30.png');
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
}

.predetermine .due .dues .content .admission .contents {
  width: 9.46rem;
  height: 3.43rem;
  margin: 0 auto;
  position: relative;
  margin-top: 0.3rem;
}

.predetermine .due .dues .content .admission .contents .pic {
  width: 4.13rem;
  height: 2.67rem;
  border: solid 0.06rem #febd45;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.predetermine .due .dues .content .admission .contents .pic img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .admission .contents .pic:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.predetermine .due .dues .content .admission .contents .infos {
  width: 6.06rem;
  height: 2.67rem;
  background-image: url('../image/pic72.jpg');
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  padding: 0.3rem 0.48rem 0.26rem 1.05rem;
  cursor: pointer;
}

.predetermine .due .dues .content .admission .contents .infos .title {
  font-size: 0.3rem;
  font-weight: bold;
  color: #030f05;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.predetermine .due .dues .content .admission .contents .infos .time {
  font-size: 0.16rem;
  color: #383941;
  margin: 0.15rem 0 0.1rem;
}

.predetermine .due .dues .content .admission .contents .infos .desc {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #777171;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.predetermine .due .dues .content .admission .contents .infos .sys {
  margin-top: 0.06rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.predetermine .due .dues .content .admission .contents .infos .sys .free {
  font-size: 0.3rem;
  color: #febd45;
}

.predetermine .due .dues .content .admission .contents .infos .sys a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 1.52rem;
  height: 0.5rem;
  background-color: #febd45;
  border-radius: 0.04rem;
  display: block;
  font-size: 0.16rem;
  line-height: 0.5rem;
  text-align: center;
  color: #030f05;
}

.predetermine .due .dues .content .admission .contents .infos:hover .title {
  color: #f38918;
}

.predetermine .due .dues .content .admission .contents .infos:hover .sys a {
  background-color: #f38918;
  color: #fff;
}

.predetermine .due .dues .content .spot {
  padding: 0.28rem 0.5rem 0.7rem;
}

.predetermine .due .dues .content .spot .t {
  width: 2.83rem;
  height: 0.69rem;
  background-image: url('../image/tit31.png');
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
}

.predetermine .due .dues .content .spot .s {
  position: relative;
}

.predetermine .due .dues .content .spot .s .popups {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.36rem;
  background-color: #fff;
  box-shadow: 0rem 0rem 0.57rem 0rem rgba(24, 67, 39, 0.13);
  border-radius: 0.06rem;
  z-index: 99;
  padding: 0 0.2rem 0.24rem;
}

.predetermine .due .dues .content .spot .s .popups .ts {
  font-size: 0.16rem;
  font-weight: bold;
  color: #50505e;
  line-height: 0.55rem;
  border-bottom: 1px solid #eeeeee;
}

.predetermine .due .dues .content .spot .s .popups .xiang {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #50505e;
  margin-top: 0.1rem;
}

.predetermine .due .dues .content .spot .s .popups .number {
  font-size: 0.18rem;
  font-weight: bold;
  color: #3fb66e;
}

.predetermine .due .dues .content .spot .s .popups .sloses {
  width: 0.14rem;
  height: 0.14rem;
  background-image: url('../image/icon66.png');
  background-size: 100% 100%;
  right: 0.22rem;
  top: 0.23rem;
  position: absolute;
  cursor: pointer;
}

.predetermine .due .dues .content .spot .card {
  margin: 0 -0.15rem;
  padding-top: 0.27rem;
  position: relative;
}

.predetermine .due .dues .content .spot .card .slick-arrow {
  width: 0.38rem;
  height: 0.38rem;
  background-size: 100% 100%;
  border-radius: 50%;
  border: none;
  outline: none;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  top: -0.44rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .slick-prev {
  right: 0.66rem;
  background-image: url('../image/icon46.png');
}

.predetermine .due .dues .content .spot .card .slick-prev:hover {
  background-image: url('../image/icon48.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .slick-next {
  right: 0.13rem;
  background-image: url('../image/icon47.png');
}

.predetermine .due .dues .content .spot .card .slick-next:hover {
  background-image: url('../image/icon49.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .slick-list {
  padding-right: 2.2rem;
}

.predetermine .due .dues .content .spot .card .card-item {
  margin: 0 0.15rem;
  width: 2.8rem;
}

.predetermine .due .dues .content .spot .card .card-item .pic {
  position: relative;
  overflow: hidden;height: 1.97rem;
  
}

.predetermine .due .dues .content .spot .card .card-item .pic img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .card-item .pic .button {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  position: absolute;
  bottom: 0;
  right: -0.63rem;
  width: 1.01rem;
  height: 0.32rem;
  background-image: url('../image/icon54.png');
  background-size: 100% 100%;
}

.predetermine .due .dues .content .spot .card .card-item .info .title {
  font-size: 0.18rem;
  font-weight: bold;
  color: #313a53;
  white-space: nowrap;
  overflow: hidden;
  line-height: 0.5rem;
  text-overflow: ellipsis;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .card-item .info .desc {
  font-size: 0.14rem;
  min-height: 0.24rem;
  line-height: 0.24rem;
  color: #848a9c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.predetermine .due .dues .content .spot .card .card-item .info .infos {
  margin-top: 0.08rem;
  border-top: 1px dashed #e5e5e5;
  padding-top: 0.2rem;
}

.predetermine .due .dues .content .spot .card .card-item .info .infos .address {
  min-height: 0.24rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #b6bcc4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.18rem;
  position: relative;
}

.predetermine .due .dues .content .spot .card .card-item .info .infos .address::after {
  content: '';
  width: 0.13rem;
  height: 0.15rem;
  background-image: url('../image/icon57.png');
  background-size: 100% 100%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.predetermine .due .dues .content .spot .card .card-item .info .infos .yue {
  width: 0.83rem;
  height: 0.14rem;
  background-image: url('../image/icon55.png');
  background-size: 100% 100%;
  margin-top: 0.08rem;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .card-item:hover .pic img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.predetermine .due .dues .content .spot .card .card-item:hover .pic .button {
  right: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.predetermine .due .dues .content .spot .card .card-item:hover .info .title {
  color: #ffa72c;
}

.predetermine .due .dues .content .spot .card .card-item:hover .info .infos .yue {
  background-image: url('../image/icon56.png');
}

.predetermine .due .dues .content .custom {
  position: relative;
}

.predetermine .due .dues .content .custom .slick-arrow {
  width: 0.38rem;
  height: 0.38rem;
  background-size: 100% 100%;
  border-radius: 50%;
  border: none;
  outline: none;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  bottom: 0.45rem;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .custom .slick-prev {
  right: 4.41rem;
  background-image: url('../image/icon46.png');
}

.predetermine .due .dues .content .custom .slick-prev:hover {
  background-image: url('../image/icon48.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .custom .slick-next {
  right: 3.88rem;
  background-image: url('../image/icon47.png');
}

.predetermine .due .dues .content .custom .slick-next:hover {
  background-image: url('../image/icon49.png');
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .custom .slick-dots {
  position: absolute;
  left: 0.5rem;
  bottom: 0.61rem;
  width: 6.48rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.predetermine .due .dues .content .custom .slick-dots li {
  list-style-type: none;
  font-size: 0.18rem;
  display: none;
  color: #fff;
}

.predetermine .due .dues .content .custom .slick-dots li span {
  font-size: 0.18rem;
  font-size: 0.6rem;
}

.predetermine .due .dues .content .custom .slick-dots .slick-active {
  display: block;
}

.predetermine .due .dues .content .custom .custom-item {
  display: flex;
  align-items: flex-start;
}

.predetermine .due .dues .content .custom .custom-item .lefts {
  width: 5.7rem;
  height: 4.46rem;
}

.predetermine .due .dues .content .custom .custom-item .right {
  width: 6.51rem;
  height: 4.46rem;
  background-image: url('../image/banner14.jpg');
  background-size: 100% 100%;
  padding: 0.26rem 0 0 1.7rem;
}

.predetermine .due .dues .content .custom .custom-item .right .tit {
  width: 3.32rem;
  height: 0.72rem;
  background-image: url('../image/tit32.png');
  background-size: 100% 100%;
  margin-left: 0.15rem;
}

.predetermine .due .dues .content .custom .custom-item .right .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.24rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.94rem;
}

.predetermine .due .dues .content .custom .custom-item .right .address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #ffffff;
}

.predetermine .due .dues .content .custom .custom-item .right .tel {
  font-size: 0.16rem;
  line-height: 0.3rem;
  color: #ffffff;
}

.predetermine .due .dues .content .custom .custom-item .right .yu {
  width: 2.6rem;
  height: 0.46rem;
  background-color: #fff1d7;
  font-size: 0.16rem;
  margin-top: 0.24rem;
  line-height: 0.46rem;
  text-align: center;
  color: #de9f2c;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.predetermine .due .dues .content .custom .custom-item .right .yu:hover {
  background-color: #ffa72c;
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}