.bannerBox{height: 816px; padding-top: 136px; box-sizing: border-box; background: url(/images/zyyjjyd_bg_03.jpg) no-repeat center; background-color: #ceeafb; }
.zt-warp .zt-content{padding-top: 1px; padding-bottom: 30px;  background: url(/images/zyyjjyd_bg_05.jpg) no-repeat top center; background-color: #ceeafb;  }
.w1500{max-width: 1500px; margin: 0 auto;}
.bgSha {background-color: rgba(255, 255, 255, 0.1); margin-bottom: 116px;  box-shadow: 0px 0px 24px rgba(39, 141, 251, 0.3); border-radius: 30px; border: 1px solid #fff; border-top-width: 3px; border-bottom-width: 6px;}
.themeBox p{font-size: 18px; line-height: 42px; text-indent: 2em; color: #054e9b; font-weight: bold;}
.theme{position: relative;}
.theme .titBox{position: absolute; left: 50%; transform: translateX(-50%); top: -55px; background-image: linear-gradient(to right bottom, #3b72ee, #6ca0f9); padding: 0 85px; height: 104px; line-height: 94px;box-shadow: 0px 0px 24px rgba(39, 141, 251, 0.3); border: 4px solid #fff; border-radius: 60px; font-size: 44px; color: #fff; font-weight: bold;}
.theme .titBox::before{content: ''; position: absolute; left: 27px; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background-color: #fff; border-radius: 100%;}
.theme .titBox::after{content: ''; position: absolute; right: 27px; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background-color: #fff; border-radius: 100%;}
.th1 .themeBox{padding: 57px 45px; }
.th2 .themeBox{padding: 90px 160px 63px; padding-left: 570px; background: url(/images/zyyjjyd_icon_03.png) no-repeat left center;  }
.th3 .themeBox{padding: 77px 72px 40px; padding-left: 300px; background: url(/images/zyyjjyd_icon_06.png) no-repeat left center;  }
.th3 .themeBox ul li a{display: block; background-color: #fff; padding: 9px 15px; padding-left: 41px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 42px; margin-bottom: 24px; color: #054e9b; font-weight: bold;}
.th3 .themeBox ul li:last-child a{margin-bottom: 0px;}
.th3 .themeBox ul li a::before{content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 100%; background-color: #054e9b; }

.th4 .themeBox{padding: 116px 173px 105px; padding-right: 650px; background: url(/images/zyyjjyd_icon_10.png) no-repeat right center;  }
.th5 .themeBox{padding: 109px 128px 60px; padding-left: 635px; background: url(/images/zyyjjyd_icon_13.png) no-repeat left center;  }
.th6{margin-bottom: 124px;}
.th6 .themeBox{padding-top: 120px;}
.th6 .themeBox ul{margin-left: -80px;}
.th6 .themeBox ul li{float: left; width: 50%; padding-left: 80px; margin-bottom:55px;}
.th6 .themeBox ul li .item{height: 340px; position: relative;}
.th6 .themeBox ul li.hg1 .item{height: 340px;}
.th6 .themeBox ul li.hg2 .item{height: 290px;}
.th6 .themeBox ul li.hg3 .item{height: 465px;}
.th6 .themeBox ul li.hg4 .item{height: 420px;}
.th6 .themeBox ul li .item .tBox{ position: absolute; left: 210px; top: 0px; bottom: 0px; right:0px; padding-left: 38px; padding-top: 17px; border-radius: 40px; border: 1px solid #fff; box-shadow: 0px 0px 21px rgba(119, 150, 235, 0.9); background-image: linear-gradient(191deg, #346bed, #fff); font-size: 26px; color: #fff; font-weight: bold;}
.th6 .themeBox ul li .item .itemBox{ position: absolute; left: 0px; top: 70px; bottom: 0px; right: 30px; padding-left: 46px; padding-top: 31px; padding-right: 33px; font-size: 18px; color: #054e9b; line-height: 42px; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 21px rgba(119, 150, 235, 0.9); border-radius: 30px;}
.th6 .themeBox ul li .item .idxBox{font-size: 55px; position: relative; color: #0c0d14; font-weight: bold; padding-left: 30px;} 
.th6 .themeBox ul li .item .idxBox::before{content: ''; position: absolute; left: 106px; top: 50%; transform: translateY(-50%); border: 18px solid transparent; border-left-color: #0033da; border-top-width:9px; border-bottom-width:9px;}
.th6 .themeBox ul li .item .idxBox::after{content: ''; position: absolute; left: 118px; top: 50%; transform: translateY(-50%); border: 18px solid transparent; border-left-color: #6e8ffc; border-top-width:9px; border-bottom-width:9px;}

.th7 .themeBox{padding: 108px 63px 50px; padding-right: 518px; background: url(/images/zyyjjyd_icon_17.png) no-repeat right center;  }
.th7 .themeBox ul{height: 620px; padding:45px 20px; overflow: hidden; overflow-y: auto; padding-right: 17px;}
.th7 .themeBox ul::-webkit-scrollbar {width: 10px; border-radius: 10px;}
.th7 .themeBox ul::-webkit-scrollbar-track {background-color: #fff; border-radius: 10px;}
.th7 .themeBox ul::-webkit-scrollbar-thumb {background-color: #6698f7; border-radius: 10px;}

.th7 .themeBox ul li {position: relative; margin-bottom: 70px;}
.th7 .themeBox ul li:last-child{margin-bottom: 0px;}
.th7 .themeBox ul li .liTit{ position: absolute; left: 0px; top: -35px; right: 0px; z-index: 2; background-color:#fff;  padding-left:100px; height: 70px; border-radius: 40px;  padding-right: 15px; }
.th7 .themeBox ul li .liTit .txt{display: inline-block; position: relative; top: 50%; transform: translateY(-50%); line-height: 34px; max-height: 68px; overflow: hidden; font-size: 20px; font-weight: bold; color: #054e9b;}
.th7 .themeBox ul li .liTit .iconBox{position: absolute; left: -10px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 0px; width:80px; height: 80px; border: 1px solid #fff; border-radius: 100%; background-image: linear-gradient(to right, #3970ee, #6da1f9);}
.th7 .themeBox ul li .liTit .iconBox img{position: relative; top: 50%; transform: translateY(-50%);}
.th7 .themeBox ul li .liBox{ position: relative; background-color:rgba(255,255,255,0.5); border-radius: 0px 0px 30px 30px; font-size: 18px; color: #054e9b; line-height: 42px; padding-top: 53px; padding-left:69px; padding-right:37px; padding-bottom: 48px; } 
.th7 .themeBox ul li .liBox .label1{font-size: 20px;position: absolute; left: 30px; top:51px; }

@media screen and (max-width: 1670px) {
  .w1500{max-width: 1200px;}
  .zt-warp .zt-content{background-size: auto 100%;}
  .th6 .themeBox ul{margin-left: -40px;}
  .th6 .themeBox ul li{padding-left: 40px;}
  .th6 .themeBox ul li .item .itemBox{font-size:16px; line-height: 36px;}
}
@media screen and (max-width: 1200px) {
  .w1500{padding: 0 15px;}
  .zt-warp .zt-content{ background-size: 100% 100%;}
  .bannerBox{background-size:cover; padding: 0 15px; padding-top: 50px; height: 360px;}
}
@media screen and (max-width: 760px) {
  .bannerBox{ height: 210px;}
  .th1 .themeBox {padding: 15px;}
  .themeBox p{font-size: 13px; line-height: 24px;}
  .bgSha{margin-bottom: 35px; border-radius: 16px;}
  .theme .titBox{font-size: 17px; height: 40px; line-height: 36px; top: -20px; padding: 0 30px; border-width: 2px; white-space: nowrap;}
  .theme .titBox::before{width: 8px; height: 8px; left: 10px;}
  .theme .titBox::after{width: 8px; height: 8px; right: 10px;}
  .th2 .themeBox, .th3 .themeBox, .th4 .themeBox, .th5 .themeBox, .th7 .themeBox{padding: 25px 15px 15px; background-image: none;}
  .th3 .themeBox ul li a{font-size: 13px; line-height: 24px; padding-left: 30px; margin-bottom: 10px;}
  .th3 .themeBox ul li a::before{left: 10px;}
  .th6 .themeBox{padding-top: 35px;}
  .th6 .themeBox ul{margin-left: 0px;}
  .th6 .themeBox ul li{padding-left: 0px; float: none; width: 100%; margin-bottom: 28px;}
  .th6 .themeBox ul li .item{height: auto !important; padding-top: 1px;}
  .th6 .themeBox ul li .item .itemBox{position: relative; top: 5px; font-size: 13px; line-height: 24px; padding: 15px; border-radius: 16px;}
  .th6 .themeBox ul li .item .idxBox{font-size: 24px; margin-top: 9px; padding-left: 15px;}
  .th6 .themeBox ul li .item .tBox{font-size: 17px; left: 90px; padding-left: 15px; border-radius: 16px;}
  .th6 .themeBox ul li .item .idxBox::before{left: 49px; border-width: 12px; border-top-width: 6px; border-bottom-width: 6px;}
  .th6 .themeBox ul li .item .idxBox::after{left: 59px; border-width: 12px; border-top-width: 6px; border-bottom-width: 6px;}
  .th6{margin-bottom: 45px;}
  .th7 .themeBox ul{padding: 0px; padding-right: 10px; height: 400px;}
  .th7 .themeBox ul::-webkit-scrollbar {width: 4px; border-radius: 10px;}
  .th7 .themeBox ul li .liTit{position: relative; top: 0px; height: auto; border-radius: 0px; padding: 10px; padding-left: 60px;}
  .th7 .themeBox ul li .liTit .txt{position: initial; transform: none; font-size: 15px; line-height: 19px; max-height: 38px;}
  .th7 .themeBox ul li .liTit .iconBox{width: 40px; height: 40px; left: 10px;}
  .th7 .themeBox ul li .liTit .iconBox img{max-width: 80%;}
  .th7 .themeBox ul li .liBox{font-size: 13px; line-height: 24px; padding: 15px; border-radius: 0px 0px 16px 16px;}
  .th7 .themeBox ul li .liBox .label1{position: initial; font-size: 15px;}
  .th7 .themeBox ul li{margin-bottom: 15px;}
}