.w1500{max-width: 1500px; margin: 0 auto;}
.bannerBox{height: 900px; padding-top: 10px; box-sizing: border-box; background: url(/images/ytqd6jdbdh_image_02.jpg) no-repeat center; background-color: #f7e6d8; }
.zt-warp .zt-content{ padding-bottom: 136px; padding-top: 30px; background-color: #f7e6d8;  }
.theme .titleBox{padding:34px 0 21px;}
.th1 .themeBox{background-color: #fbf4ed; padding: 30px;}
.th1 .themeBox ul li a{display: block; padding-left: 80px; padding-right: 131px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e7cfbe; font-size: 18px; color: #994c30; font-weight: bold; height: 80px; line-height: 80px; position: relative;}
.th1 .themeBox ul li a::before{content: ''; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background-color: #f88859; border-radius: 100%; background-image: linear-gradient(to bottom, #f6cf7b, #f87853);}
.th1 .themeBox ul li a .time{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-weight: bold;}
.th1 .themeBox .moveBox{margin-top: 33px;}
.th1 .themeBox .moveBox a{display: inline-block; font-size: 18px; color: #fff; font-weight: bold; width: 160px; height: 54px; line-height: 54px; border-radius: 5px; background-color: #f46354;}

.th2 .th2_content{background-color: #fbf4ed; padding: 50px;}
.th2 .th2_content .videoBox video{width: 100%; height: 700px;background-color: #000;}
.th2 img{max-width:100%}
.th2 .swiper_bottom{width: 100%; overflow: hidden; }
.th2 .swiper_bottom.mySwiper4{height: auto;}
.th2 .swiper_bottom.mySwiper3{margin-top: 24px; height: auto;}
.th2 .swiper_bottom.mySwiper3 .swiper-slide{	opacity: 0.4;  cursor: pointer;}
.th2 .swiper_bottom.mySwiper3 .swiper-slide-thumb-active, .th2 .swiper_bottom.mySwiper3 .swiper-slide.on {opacity: 1;}
.th2 .th2_bottom{ height: auto; padding: 0 52px; position: relative; }
.th2 .swiper_bottom.mySwiper3 .swiper-button-next,.th2 .swiper_bottom.mySwiper3 .swiper-button-prev {width: 34px; height: 100%; margin-top: 0px; top: 0px; background-color: #f46354; background-image: none; background-size: 100%; }
.th2 .swiper_bottom.mySwiper3 .swiper-button-next::after,.th2 .swiper_bottom.mySwiper3 .swiper-button-prev::after{content: ''; display: block; position: absolute; top: 50%;  transform: translateY(-50%); border: 10px solid transparent; }
.th2 .swiper_bottom.mySwiper3 .swiper-button-next{right: 0px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.th2 .swiper_bottom.mySwiper3 .swiper-button-prev{left: 0px; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.th2 .swiper_bottom.mySwiper3 .swiper-button-next::after{border-left-color: #fff; left: 14px;}
.th2 .swiper_bottom.mySwiper3 .swiper-button-prev::after{border-right-color: #fff; right: 14px;}
.th2 .swiper_bottom.mySwiper3  .swiper-button-prev.swiper-button-disabled, .th2 .swiper_bottom.mySwiper3 .swiper-button-next.swiper-button-disabled{opacity: 1; background-color: #f7aba0; background-image: none;}

.th3 .themeBox{background-color: #fbf4ed; padding: 43px; padding-bottom: 90px; position: relative; overflow: hidden;}
.th3 .themeBox .mySwiper2{width: 100%; height: 100%; overflow: hidden;} 
.th3 .themeBox .mySwiper2 .swiper-button-next, .th3 .themeBox .mySwiper2 .swiper-button-prev{background-color: #f46354; top: 50%; transform: translateY(-50%); margin-top: 0px; background-image: none; width: 75px; height: 75px; border-radius: 100%;}
.th3 .themeBox .mySwiper2 .swiper-button-next{right: -37px;}
.th3 .themeBox .mySwiper2 .swiper-button-prev{left: -37px;}
.th3 .themeBox .mySwiper2 .swiper-button-next::after, .th3 .themeBox .mySwiper2 .swiper-button-prev::after{content: ''; display: block; position: absolute; top: 50%;  transform: translateY(-50%); border: 10px solid transparent; }
.th3 .themeBox .mySwiper2 .swiper-button-next::after{border-left-color: #fff; left: 18px;}
.th3 .themeBox .mySwiper2 .swiper-button-prev::after{border-right-color: #fff; right: 18px;}
.th3 .themeBox .mySwiper2 .swiper-pagination-bullet{width: 16px; height: 16px; background-color: #f46354; margin: 0 8px;}
.th3 .themeBox .mySwiper2 .swiper-pagination{bottom: 29px;}
.th4 .themeBox{background-color: #fbf4ed; padding: 33px 17px;}
.th4 .themeBox {font-size: 0px;}
.th4 .themeBox img{width:660px;}
.th4 .themeBox ul {overflow: hidden; overflow-y: auto; height: 1380px;}
.th4 .themeBox ul::-webkit-scrollbar{width: 12px;}
.th4 .themeBox ul::-webkit-scrollbar-track{background-color: #f7e6d8; border-radius: 8px;}
.th4 .themeBox ul::-webkit-scrollbar-thumb{background-color: #f46354; border-radius: 8px;}
@media screen and (min-width: 1922px) {
  .bannerBox{background-size: cover; height: 1100px;}
}
@media screen and (max-width: 1670px) {
  .w1500{max-width: 1200px;}
}
@media screen and (max-width: 1200px) {
  .bannerBox{height: 260px; background-size: cover;}
  .zt-warp .zt-content{padding: 5px 15px 15px;}
  .theme .titleBox{padding: 20px 0 15px;}
  .th1 .themeBox{padding: 15px;}
  .th1 .themeBox ul li a{padding-left: 25px; height: 50px; line-height: 50px; font-size: 14px; padding-right: 89px;}
  .th1 .themeBox ul li a::before{width: 8px; height: 8px; left: 10px;}
  .th1 .themeBox ul li a .time{right: 0px;}
  .th1 .themeBox .moveBox{margin-top: 10px;}
  .th1 .themeBox .moveBox a{width: 90px; height: 35px; line-height: 35px; font-size: 14px;}
  .th2 .th2_content{padding: 15px;}
  .th2 .th2_bottom{padding: 0 30px;}
  .th2 .swiper_bottom.mySwiper3 .swiper-button-next, .th2 .swiper_bottom.mySwiper3 .swiper-button-prev{width: 20px;}
  .th2 .swiper_bottom.mySwiper3 .swiper-button-next::after, .th2 .swiper_bottom.mySwiper3 .swiper-button-prev::after{border-width: 8px;}
  .th2 .swiper_bottom.mySwiper3 .swiper-button-next::after{left: 8px;}
  .th2 .swiper_bottom.mySwiper3 .swiper-button-prev::after{right: 8px;}
  .th3 .themeBox{padding: 15px 30px 25px;}
  .th3 .themeBox .mySwiper2 .swiper-button-next{right: -23px;}
  .th3 .themeBox .mySwiper2 .swiper-button-prev{left: -23px;}
  .th3 .themeBox .mySwiper2 .swiper-button-next::after{left: 10px;}
  .th3 .themeBox .mySwiper2 .swiper-button-prev::after{right: 10px;}
  .th3 .themeBox .mySwiper2 .swiper-button-next, .th3 .themeBox .mySwiper2 .swiper-button-prev{width: 46px; height: 46px;}
  .th4 .themeBox ul::-webkit-scrollbar{width: 4px;}
  .th4 .themeBox ul{height: 400px;}
  .th2 .th2_content .videoBox video{height: 160px;}
  .th2 .swiper_bottom.mySwiper3{margin-top: 10px;}
  .th3 .themeBox .mySwiper2 .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 4px;}
  .th3 .themeBox .mySwiper2 .swiper-pagination{bottom: 7px;}
}