.w1200 { max-width: 1200px; margin: 0 auto;}
.zt-warp{background-color: #feeee4;}
.zt-content{ padding: 25px 0 62px; background: url(/images/yt_2024l_content_img_02_04.jpg) no-repeat center bottom;}
.bannerBox{height: 720px; text-align: center; background: url(/images/yt_2024l_head_img_02.jpg) no-repeat center top; }
.zt-content .theme .theme_title{margin-bottom: 40px; margin-top: 69px;}
.zt-content .theme1 .theme_box ul{margin-left: -30px;}
.zt-content .theme1 .theme_box ul li{float: left; width: 33.3333%; padding-left: 30px;}
.zt-content .theme1 .theme_box ul li a{display: block; font-size: 18px; color: #391b02; line-height: 33px; height: 110px; margin-bottom: 24px; padding: 20px 25px; border: 1px solid #f2ddd0; border-radius: 12px; background-color: #fef3e0; background-image: linear-gradient(to bottom, #fff1d7, #fdf6ec);}
.zt-content .theme1 .theme_box ul li a > em{display: block; overflow: hidden; height: 66px;}
.zt-content .theme1 .theme_box ul li a .time{display: block; padding-top: 10px;}

.videoWarp {  margin: 0 auto; }
.videoWarp .videoBtn li { margin: 0; width: 100%; padding-right: 20px; }
.videoWarp .videoBtn li a {display: block; box-sizing: border-box; width: 100%; border: 3px solid transparent; margin-bottom: 4px; text-align: center; margin-right: 10px; box-sizing: border-box;}
.videoWarp .videoBtn li a img { max-width: 100%; height: 160px;}
.videoWarp .videoBtn li a.on { border: 3px solid #b37532; position: relative;}
.videoWarp .videoBtn li a.on::after{content: ''; position: absolute; right: -22px; top: 50%; transform: translateY(-50%);  display: block; width: 0px; height: 0px; border-top:10px solid  transparent; border-left:10px solid #b37532 ; border-bottom:10px solid transparent ; border-right:10px solid transparent ; }
.videoWarp .videoBtn li a.on img{ opacity: 0.8;}
.videoWarp .videoBox video { width: 100%; height: 560px; background: #000;}
.videoWarp .vod-lists{ padding: 27px 0; box-sizing: border-box; overflow: hidden;position: relative;}
.videoWarp .vod-lists > b{height: 22px;position: absolute;left: 0;right: 0;background: #b37532; margin-right: 18px; cursor: pointer;text-align: center;}
.videoWarp .vod-lists > b.not{background: #e4dab5;}
.videoWarp .vod-lists > b.upBtn{top: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.videoWarp .vod-lists > b.downBtn{bottom: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.videoWarp .vod-lists > b i{display: block; position: absolute; left: 50%; top:2px; transform: translateX(-50%); }
.videoWarp .vod-lists > ul { width: 318px; height: 506px; overflow: hidden; overflow-y: auto;}

.zt-content .theme3 .tabSwitchBtns{font-size: 0px; margin-bottom: 41px;}
.zt-content .theme3 .tabSwitchBtns a{display: inline-block; vertical-align: middle; margin: 0 28px; width: 500px; height: 96px; background-color: #fff; border-radius: 4px; font-size: 24px; color: #b37532; line-height: 42px;}
.zt-content .theme3 .tabSwitchBtns a.active{background-color:#b37532; color: #fff; font-weight: bold;}
.zt-content .theme3 .tabSwitchBtns a > em{display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.zt-content .theme3 .switchBox{padding: 48px 37px; background-color: #fff; background-color: #fff; border-radius: 20px;}
.zt-content .theme3 .switchBox .imgList{height: 1060px; overflow: hidden; overflow-y: auto; padding:0 240px; padding-left: 228px;}
.zt-content .theme3 .switchBox .imgList::-webkit-scrollbar { width: 12px;  }
.zt-content .theme3 .switchBox .imgList::-webkit-scrollbar-thumb { border-radius: 10px; background:#b37532;}
.zt-content .theme3 .switchBox .imgList::-webkit-scrollbar-track { border-radius: 10px; background: #fff6f0;}
.zt-content .theme4{padding-bottom: 15px;}
.zt-content .theme4 .theme_box{position: relative;}
.h-applica { padding: 0 100px;}
/* .h-applica .lists .swiper-container { height: 480px;} */
.h-applica .swiper-slide { width: 660px; height: 400px;  position: relative; text-align: center;}
.h-applica .swiper-slide.swiper-slide-active {box-shadow: 0px 0px 50px 0 #fff;}
.h-applica .swiper-slide.swiper-slide-active a { display: block; position: relative;z-index: 2;}
.h-applica .swiper-slide img { max-width: 100%; }
.h-applica .swiper-slide.swiper-slide-active:after { opacity: 0; }
.h-applica .swiper-slide .txtT1 { height: 48px; line-height: 48px; padding: 0 20px; font-weight: 700; font-size: 16px; color: #fff; text-align: center; overflow: hidden; position: absolute; left: 0; bottom: 0; right:0; background: rgba(0,0,0,.5); overflow: hidden;}
.h-applica .swiper-slide .moreT1 { display: none; margin-top: 50px;}
.h-applica .swiper-slide.swiper-slide-active .moreT1 { display: inline-block;}
.h-applica .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.h-applica .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
.h-applica .swiper-button-prev,.h-applica .swiper-button-next {top: 50%; transform: translateY(-50%); width: 65px;height: 65px; box-shadow: 0px 0px 8px 0px #bcd3ee; background-color: #6bb981; background-image: url(/images/jcyt_btn_jlt.png) , linear-gradient(#e9d5b5, #e72433); background-position: -61px -39px , center; background-repeat: no-repeat; margin-top: 0px; border-radius:100%;  background-size: auto; }
.h-applica .swiper-button-prev:after,.h-applica .swiper-button-next:after { display: none;}
.h-applica .swiper-button-prev {left: 0px; background-position: 14px -39px , center; }
.h-applica .swiper-button-next {right: 0px; }
.h-applica .swiper-button-prev:hover,.h-applica .swiper-button-next:hover { opacity: 1;}
.h-applica .swiper-button-disabled{opacity: 1; background:#fff url(/images/jcyt_btn_jlt.png); background-repeat: no-repeat;  background-position: 14px 11px;}
.h-applica .swiper-button-next.swiper-button-disabled{background-position: -60px 11px;}
.zt-content .theme5 .theme_box ul{margin-left: -30px;}
.zt-content .theme5 .theme_box ul li{float: left; width: 50%; padding-left: 30px;}
.zt-content .theme5 .theme_box ul li a{display: block; border-radius: 12px; overflow: hidden;}
@media screen and (max-width: 1200px) {
  .bannerBox{ background-size: cover; height: 360px;}
  .zt-content{padding: 25px 15px 30px ;}
  .zt-content .theme .theme_title{margin-top: 35px; margin-bottom: 20px;}
  .zt-content .theme1 .theme_box ul{margin-left: 0px;}
  .zt-content .theme1 .theme_box ul li{width: 100%; float: none; padding-left: 0px;}
  .zt-content .theme1 .theme_box ul li a{padding: 15px; font-size: 13px; line-height: 22px; height: auto; margin-bottom: 10px;}
  .zt-content .theme1 .theme_box ul li a > em{height: auto;}

  .videoWarp .videoBox video{height: 370px !important;}
  .videoWarp .vod-lists{margin-bottom: 10px; padding-bottom: 23px;}
  .videoWarp .vod-lists > b{margin-right: 0px;}
  .videoWarp .vod-lists > ul{width: 101% !important; height: 338px !important;}
  .videoWarp .videoBtn li{padding-right: 0px;}
  .videoWarp .videoBtn li a img{width: 100%;}
  .videoWarp .videoBtn li{float: left; width: 32.7%; box-sizing: border-box;}
  .videoWarp .videoBtn li a{margin-left: 4px !important; margin-bottom: 3px;}
  .videoWarp .videoBtn li a.on::after{display: none !important;}
  .zt-content .theme3 .tabSwitchBtns a{font-size: 16px; height: 66px; margin: 5px 0; padding: 0 10px;}
  .zt-content .theme3 .tabSwitchBtns{margin-bottom: 10px;}
  .zt-content .theme3 .switchBox{padding:25px 15px; border-radius: 6px;}
  .zt-content .theme3 .switchBox .imgList{height: 600px; padding: 0 20px; padding-left: 16px;}
  .zt-content .theme3 .switchBox .imgList::-webkit-scrollbar{width: 4px;}

  .h-applica{padding: 0 10px;}
  .h-applica .lists .swiper-container{height: auto;}
  .h-applica .swiper-slide{width: 100%; height: auto;}
  .h-applica .swiper-slide img{height: auto;}
  .h-applica .swiper-button-prev, .h-applica .swiper-button-next{width: 30px; height: 30px; background-size: 50px, auto ;     background-position: -26px -17px , center;}
  .h-applica .swiper-button-next{right: -4px;}
  .h-applica .swiper-button-prev{left: -4px;     background-position: 8px -17px , center;}
  .h-applica .swiper-button-disabled{  background-position: 7px 5px;}
  .h-applica .swiper-button-next.swiper-button-disabled{background-position: -26px 5px;}
}
@media screen and (max-width: 760px) {
  .bannerBox{height: 200px;}
  .zt-content{padding-top: 0px; background-size: cover;}
  .videoWarp { width: 100%;}
  .videoWarp .vod-lists > ul{margin-left: -5px; width: 102% !important; height: 206px !important;}
  .videoWarp .videoBtn li{width: 50% !important; padding-left: 5px;  }
  .videoWarp .videoBtn li a{width: 100% !important;}
  .videoWarp .videoBtn li a img{height: 94px !important; }
  .videoWarp .videoBtn li .txt{margin-left: 0px !important;}
  .videoWarp .videoBox video { height: 180px !important;}
  .videoWarp .videoBtn li a{margin-left: 0px !important;}
  .videoWarp .vod-lists > b{margin: 0;}
  .zt-content .theme .theme_title{overflow: hidden; margin-top: 30px; margin-bottom: 10px;}
  .zt-content .theme .theme_title img{ height: 25px; max-width: none; position: relative; left: 50%;transform: translateX(-50%);}
  .zt-content .theme3 .tabSwitchBtns a{width: 100%; line-height: 28px;}
  .zt-content .theme3 .switchBox .imgList{height: 400px; padding: 0px;}
  .zt-content .theme5 .theme_box ul{margin-left: -10px;}
  .zt-content .theme5 .theme_box ul li{padding-left: 10px;}
  .zt-content .theme4{padding-bottom: 0px;}
}