.w1500 { max-width: 1500px; margin: 0 auto;}
.zt-warp{background-color: #f1f4f9;}
/*  */
.zt-content { padding-top: 1px; padding-bottom: 100px; background-color: #f1f4f9;}
.bannerBox{height: 768px;background: url(/images/yt_zwyhyshj_img_02.jpg) no-repeat center top; background-size: cover;}
.container{padding: 0px;}

.theme.th1{ width: 1080px; padding: 0 74px; padding-bottom: 40px; padding-top: 45px; border-radius: 12px; margin: 0 auto; margin-top: -232px; background: linear-gradient(to right bottom, #8065ce,#8065ce, #b29ceb);}
.theme.th1 .tit{font-size: 40px; color: #fff; font-weight: bold; margin-bottom: 31px;}
.theme.th1 p{font-size: 20px; line-height: 35px; color: #fff;}
.theme.th1 .move{text-align: center; margin-top: 36px;}
.theme.th1 .move a{display: inline-block; transition: .3s; padding: 12px 21px; font-size: 18px; color: #8065ce; background-color: #d3c7f2;} 
.theme.th1 .move a:hover{opacity: 0.8;}

.theme .title{text-align: center; font-size: 50px; color: #2d2d2d; margin-bottom: 57px; }
.theme .title > em{display: inline-block; padding: 0 10px;  position: relative; }
.theme .title > em i{font-weight:bold; position: relative; z-index: 2;}
.theme .title > em::before{content: ''; position: absolute; left: 0px; right: 0px; bottom: -5px; z-index: 1; width: 100%; height: 17px;  border-radius: 20px; background: linear-gradient(to right, #8065ce, #b29ceb); }
.theme.th2 {margin-top: 70px; padding-bottom: 100px; background: url(/images/yt_zwyhyshj_th2_bg_02.png) no-repeat bottom center;}
.theme.th2 .mySwiper2{height: 405px; overflow: hidden; position: relative; background-color: #fff;}
.theme.th2 .mySwiper2 .swiperBox .swiperBox_left{float: left; width: 640px;}
.theme.th2 .mySwiper2 .swiperBox .swiperBox_right{ float: left; width: 860px; padding-left: 38px; padding-right: 49px; padding-top: 65px; padding-bottom: 10px;}
.theme.th2 .mySwiper2 .swiperBox .swiperBox_right .tit{font-size:32px; font-weight: bold; color: #2d2d2d; text-align: center; font-weight: bold; margin-bottom: 32px;}
.theme.th2 .mySwiper2 .swiperBox .swiperBox_right .swiperBox_content p {font-size: 18px; line-height: 35px; color: #666666;}
.theme.th2 .mySwiper2 .swiperBox .swiperBox_right .move{text-align: center; margin-top: 30px;} 
.theme.th2 .mySwiper2 .swiperBox .swiperBox_right .move .move_btn{display: inline-block; font-size: 18px; color: #fff; padding: 12px 21px;  background: linear-gradient(to right bottom, #8065ce,#8065ce, #b29ceb);}
.theme.th2 .mySwiper {overflow: hidden; position: relative; padding-top: 20px; } 
.theme.th2 .mySwiper .swiper-slide a{display: block; position: relative; height: 100%; transition: .3s; border: 4px solid transparent;}
.theme.th2 .mySwiper .swiper-slide a .item{display: block; height: 100%;}
.theme.th2 .mySwiper .swiper-slide a .item .imgBox{display: block; overflow: hidden; height: 180px; font-size: 0px;}
.theme.th2 .mySwiper .swiper-slide a .item .imgBox img{max-width: 100%;}
.theme.th2 .mySwiper .swiper-slide a .item .txt {display: block; font-size: 16px; color: #2d2d2d; height: 50px; line-height: 50px;padding: 0 15px; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.theme.th2 .mySwiper .swiper-slide.swiper-slide-thumb-active > a{ border-color: #8065ce;}
.theme.th2 .mySwiper .swiper-slide a::before{content: ''; display: none; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-bottom-color: #8065ce; }
.theme.th2 .mySwiper .swiper-slide.swiper-slide-thumb-active > a::before{display: block;}
.theme.th2 .mySwiper .swiper-button-next, .theme.th2 .mySwiper .swiper-button-prev{width: 46px; height: 46px; text-align: center; border-radius: 100%; background-image: linear-gradient(to bottom, #8065ce, #b09aea); background-size: initial;}
.theme.th2 .mySwiper .swiper-button-next {right: 15px;}
.theme.th2 .mySwiper .swiper-button-prev {left: 15px;}
.theme.th2 .mySwiper .swiper-button-next img, .theme.th2 .mySwiper .swiper-button-prev img{position: relative; top: 50%; transform: translateY(-50%);}
.theme.th2 .mySwiper .swiper-button-next.swiper-button-disabled, .theme.th2 .mySwiper .swiper-button-prev.swiper-button-disabled{background-image: none; background-color: rgba(0,0,0,0.8);}
.theme.th3 .tabSwitchBtns{margin-bottom: 50px;}
.theme.th3 .tabSwitchBtns ul{margin-left: 13%;}
.theme.th3 .tabSwitchBtns ul li{float: left; width: 40%; padding-left: 60px;}
.theme.th3 .tabSwitchBtns ul li a{display: block; position: relative; height: 80px; line-height: 80px; background-color: #fff; box-shadow: 0px 0px 10px #dbd4ef; text-align: center; font-size: 24px; color: #8065cf; font-weight: bold; }
.theme.th3 .tabSwitchBtns ul li a.active{background: linear-gradient(to right bottom, #8065ce,#8065ce,#b29ceb, #b29ceb); color: #fff;}
.theme.th3 .tabSwitchBtns ul li a::before{content: ''; display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: -44px; border: 22px solid transparent; border-top-color:#b099ea; }
.theme.th3 .tabSwitchBtns ul li a.active::before{display: block;}
.theme.th3 .switchBox{padding: 78px 70px; background-color: #fff; box-shadow: 0px 0px 7px #e0e0e0;}
.theme.th3 .switchBox video{width: 100%; height: 100%;}
.theme.th4 {margin-top: 65px;margin-bottom: 63px;}
.theme.th4 .tabSwitchWarp .tabSwitchBtns{width: 500px;}
.theme.th4 .tabSwitchWarp .tabSwitchBtns a{display: block; position: relative; text-align: center; border-top: 1px solid #d5d9e0; padding: 0 57px; height: 120px; background-color: #fff;}
.theme.th4 .tabSwitchWarp .tabSwitchBtns a:first-child{border-top-color: transparent;}
.theme.th4 .tabSwitchWarp .tabSwitchBtns a.active{background-color: #f6f9ff; border-top-color: transparent; }
.theme.th4 .tabSwitchWarp .tabSwitchBtns a.active + a{ border-top-color: transparent; }
.theme.th4 .tabSwitchWarp .tabSwitchBtns a.active .activeIcon{position: absolute; right: 0px; top: 0px; bottom: 0px; width:12px; background-color: #8065ce;}
.theme.th4 .tabSwitchWarp .tabSwitchBtns a.active .activeIcon::before{content: ''; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); border: 5px solid transparent; border-right-color: #fff;}
.theme.th4 .tabSwitchWarp .tabSwitchBtns a .txt{display: inline-block; font-size: 20px; line-height: 32px; color: #2d2d2d; position: relative; top: 50%; transform: translateY(-50%);}
.theme.th4 .tabSwitchWarp .switchBox{width: 1000px; padding: 55px 64px 15px; height: 480px; background: url(/images/yt_zwyhyshj_th3_bg_03.png) no-repeat center; background-size: cover;} 
.theme.th4 .tabSwitchWarp .switchBox .tit{font-size: 32px; color: #fff; font-weight: bold; line-height: 50px; margin-bottom: 73px;}
.theme.th4 .tabSwitchWarp .switchBox > p{position: relative; font-size: 18px; color: #fff; line-height: 38px;top: 40px;}
.theme.th4 .tabSwitchWarp .switchBox > p::before{content: ''; position: absolute; left: 0px; top: -25px; width: 62px; height: 6px; background-color: #fff; }
.theme.th5 .theme_box{background-color: #fff; height: 790px; padding: 55px 45px; }
.theme.th5 .theme_box ul{height: 100%; padding-right: 10px; overflow: hidden; overflow-y: auto; text-align: center; font-size: 0px; line-height: 0px; }
.theme.th5 .theme_box ul::-webkit-scrollbar {
  width: 12px;    
}
.theme.th5 .theme_box ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background:#8065ce;
}
.theme.th5 .theme_box ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #e8effd;
}
.theme.th5 .theme_box ul li img{max-width: 100%;}

@media screen and (min-width:1922px) {
  .bannerBox{ background-size: cover;}
}
@media screen and (max-width:1660px) {
  .w1500 { max-width: 1200px;}
  .theme.th1{padding: 30px 40px;}
  .theme.th1 .tit{font-size: 32px;}
  .theme.th1 p{font-size: 16px;}
  .theme.th1 .move a{font-size: 16px;}
  .theme .title{font-size: 42px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_left{width: 500px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_left img{max-width: 100%;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right{width: 700px; padding: 0px 25px; padding-top: 25px;} 
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .tit{font-size: 28px; margin-bottom: 20px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .swiperBox_content p{font-size: 16px; line-height: 32px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .move .move_btn{font-size: 16px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .move{margin-top: 15px;}
  .theme.th2 .mySwiper2{height: 318px;}
  .theme.th2 .mySwiper .swiper-slide a .item .imgBox{height: 140px;}
  .theme.th2 .mySwiper .swiper-slide a .item .txt{font-size: 15px;}
  .theme.th3 .tabSwitchBtns ul li a{font-size: 22px;}
  .theme.th4 .tabSwitchWarp .switchBox{width: 750px; padding: 45px 40px 15px;}
  .theme.th4 .tabSwitchWarp .tabSwitchBtns{width: 450px; }
  .theme.th4 .tabSwitchWarp .switchBox .tit{font-size: 28px; line-height: 44px;}
  .theme.th4 .tabSwitchWarp .switchBox > p{font-size: 16px; line-height: 34px;}
  .theme.th4 .tabSwitchWarp .tabSwitchBtns a .txt{font-size: 18px; line-height: 30px;}
}

@media screen and (max-width:1200px) {
  .bannerBox{height: 400px;}
  .theme.th1{width: auto; padding: 15px; margin-top: -105px;}
  .zt-content{padding: 0 15px; padding-top: 1px;  padding-bottom: 40px;}
  .theme.th1 .tit{font-size: 18px; margin-bottom: 10px;}
  .theme.th1 p{font-size: 13px; line-height: 22px;}
  .theme.th1 .move{margin-top: 10px;}
  .theme.th1 .move a{font-size: 12px; padding: 4px 10px;}
  .theme.th2{margin-top: 30px;}
  .theme .title{font-size: 26px; margin-bottom: 25px;}
  .theme .title > em::before{height: 11px;}
  .theme.th2 .mySwiper2{height: auto; padding: 15px 0;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_left{width: auto; float: none; text-align: center;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right{width: auto; float: none;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .tit{font-size: 18px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .swiperBox_content p{font-size: 13px; line-height: 22px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right .move .move_btn{font-size: 12px; padding: 4px 10px; }
  .theme.th2 .mySwiper .swiper-slide a .item .txt{font-size: 13px;}
  .theme.th3 .tabSwitchBtns ul{margin-left: 0px;}
  .theme.th3 .tabSwitchBtns ul li{float: none; width: auto; padding-left: 0px; margin-bottom: 10px;}
  .theme.th2{padding-bottom: 46px;}
  .theme.th3 .tabSwitchBtns ul li a{font-size: 18px; height: 50px; line-height: 50px;}
  .theme.th3 .tabSwitchBtns ul li a.active::before{display: none;}
  .theme.th3 .tabSwitchBtns{margin-bottom: 20px;}
  .theme.th3 .switchBox{padding: 15px;}
  .theme.th4{margin-top: 45px; margin-bottom: 45px;}
  .theme.th4 .tabSwitchWarp .tabSwitchBtns{width: 100%; margin-bottom: 20px;}
  .theme.th4 .tabSwitchWarp .tabSwitchBtns a{height: 65px; padding: 0 20px;}
  .theme.th4 .tabSwitchWarp .tabSwitchBtns a .txt{font-size: 16px; line-height: 25px;}
  .theme.th4 .tabSwitchWarp .switchBox{width: auto; padding: 20px 15px;}
  .theme.th4 .tabSwitchWarp .switchBox .tit{font-size: 16px; line-height: 30px;}
  .theme.th4 .tabSwitchWarp .switchBox > p{font-size: 13px; line-height: 22px;}
  .theme.th4 .tabSwitchWarp .switchBox > p::before{height: 3px; top: -17px;}
  .theme.th4 .tabSwitchWarp .switchBox .tit{margin-bottom: 30px;}
  .theme.th4 .tabSwitchWarp .switchBox{height: auto;}
  .theme.th5 .theme_box{height: 450px; padding: 20px 15px;}
  .theme.th5 .theme_box ul::-webkit-scrollbar{width: 2px;}
}
@media screen and (max-width:760px) {
  .bannerBox{height: 240px;}
  .theme.th1{margin-top: -66px;}
  .theme .title{font-size: 22px; margin-bottom: 20px;}
  .theme.th2 .mySwiper2 .swiperBox .swiperBox_right{padding: 0 15px; padding-top: 25px;}
  .theme.th2 .mySwiper .swiper-slide a .item .imgBox{height: 100px;}
  .theme.th2 .mySwiper .swiper-slide a .item .txt{height: 35px; line-height: 35px; padding: 0 10px;}
  .theme.th2 .mySwiper .swiper-button-next, .theme.th2 .mySwiper .swiper-button-prev{width: 30px; height: 30px; top: 53%;}
  .theme.th2 .mySwiper .swiper-button-next img, .theme.th2 .mySwiper .swiper-button-prev img{ width: 10px; top: 43%;}
  .theme.th2 .mySwiper .swiper-button-next{right: 7px;}
  .theme.th2 .mySwiper .swiper-button-prev{left: 7px;}
  .theme.th4{margin: 30px 0;}
  .theme.th3 .tabSwitchBtns ul li a{font-size: 16px;}
}