.w1500 { max-width: 1500px; margin: 0 auto;}
.bannerBox{height: 774px; padding-top: 136px; box-sizing: border-box; background: url(/images/yt_xzgfwj_head_02.jpg) no-repeat center; background-color: #fff9e7; }
.zt-warp .zt-content{padding-top: 1px; padding-bottom: 77px;  background-color: #fff9e7;  }
.zt-warp .zt-content .main{ margin-top: -77px;}
.bgBoxSha{padding:0px 30px; position: relative; border-radius: 30px; background-color: #f79c62; background-image: linear-gradient(to bottom, #f6cf7b, #f87650); box-shadow: 0px 0px 7px rgba(33, 117, 253, 0.4); border-radius: 30px;}
.bgBoxSha .themeBox{position: relative; top: -30px; background-color: #fff; border-radius: 30px; box-shadow: 0px 0px 15px rgba(155, 33, 28, 0.2); }
.theme{position: relative; margin-bottom: 52px;}
.theme .titleBox{margin-bottom: 77px;}
.theme p{font-size: 18px; color: #994c30; line-height: 38px; font-weight: bold;}
.th1 .themeBox{padding: 46px 37px 55px;}
.th1 .themeBox ul{padding-top: 25px;}
.th1 .themeBox ul li{margin-bottom: 25px;}
.th1 .themeBox ul li:last-child{margin-bottom: 0px;}
.th1 .themeBox ul li .titBox{display: inline-block; padding:19px 10px; font-weight: bold; border-top-right-radius: 30px; background-color: #f7b56f; background-image: linear-gradient(to right, #f88155, #f6cf7b); font-size: 18px; color: #fff; min-width: 770px;}
.th1 .themeBox ul li .liBox{background-color: #fff9e7; padding: 18px 32px; font-size: 18px; color: #994c30; line-height: 38px;}

.th2 .bgBoxSha{padding: 25px 30px;}
.th2 .themeBox1 ul li a{display: block; font-size: 18px; color: #994c30; font-weight: bold; height: 80px; line-height: 80px; padding-left: 80px; position: relative; background-color: #fff; margin-bottom: 18px;}
.th2 .themeBox1 ul li:last-child a{margin-bottom: 0px;}
.th2 .themeBox1 ul li a::before{content: ''; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; border-radius: 100%; background-color: #f7955f; background-image: linear-gradient(to bottom, #f6d07f, #f87c58);}

.th3 .themeBox{padding: 45px 40px 36px;}
.th3 .themeBox ul{padding-top: 22px;}
.th3 .themeBox ul li{background-color: #fff9e7; padding: 20px 32px 10px; margin-bottom: 20px;}
.th3 .themeBox ul li:last-child{margin-bottom: 0px;}
.th3 .themeBox ul li .titBox{text-align: center; margin-bottom: 13px;}
.th3 .themeBox ul li .titBox > span{display: inline-block;  min-width: 446px; background-color: #f79c63; background-image: linear-gradient(to bottom, #f6cf7b, #f87650); border-radius: 40px; text-shadow: 0px 0px 7px rgba(90, 9, 5, 0.8);font-size: 18px; font-weight: bold; color: #fff; text-align: center; padding: 17px 10px; }
.th3 .themeBox ul li .liBox{font-size: 18px; line-height: 38px; color: #994c30;}

.th4 .themeBox{padding: 45px 65px 36px; padding-right: 400px; background-image: url(/images/yt_xzgfxwj_icon1_03.png); background-repeat: no-repeat; background-position: right center;}
.th4 .themeBox ul li a{display: block; font-size: 18px; color: #994c30; margin-bottom: 28px; font-weight: bold;}
.th4 .themeBox .titBox{background-color: #f86846; position: relative; margin-bottom: 30px; text-align: center; width: 90px; height: 52px; line-height: 52px; border-radius: 6px; font-size: 18px; color: #fff; font-weight: bold;}
.th4 .themeBox .titBox > span{position: relative; z-index: 2;}
.th4 .themeBox .titBox::before{content: ''; position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%); border: 24px solid transparent; border-right-color: #f86846;}

.th5 .themeBox{padding: 40px; padding-top: 85px;}
.th5 .themeBox ul li{background-color: #fff9e7; padding: 57px 0 17px; margin-bottom: 55px; position: relative;}
.th5 .themeBox ul li:last-child{margin-bottom: 0px;}
.th5 .themeBox ul li .titBox{position: absolute; left: 0px; top: -27px; min-width: 1000px; padding-left: 70px; padding-right: 20px; font-size: 18px; color: #994c30; font-weight: bold; height: 64px; line-height: 62px; border: 1px solid #f86846; border-radius: 40px; background-color: #fff;}
.th5 .themeBox ul li .titBox em{ font-weight: bold; }
.th5 .themeBox ul li .titBox .wen{position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 30px; color: #fff; border-radius: 100%; background-color: #f86b45; background-image: linear-gradient(to right, #fa504d, #f77342);}
.th5 .themeBox ul li .liBox{position: relative; padding: 0 66px; font-size: 18px; line-height: 38px; color: #994c30;}
.th5 .themeBox ul li .liBox .da{position: absolute; left: 15px; top: -5px; font-size: 30px; font-weight: bold; color: #994c30;}
@media screen and (min-width: 1922px) {
  .bannerBox{background-size: cover; height: 860px;}
}

@media screen and (max-width: 1670px) {
  .w1500{max-width: 1200px;}
  .theme .titleBox img{height: 100px;}
}
@media screen and (max-width: 1200px) {
  .bannerBox{background-size: cover; height: 360px; padding: 0 10px; padding-top: 80px;}
}
@media screen and (max-width: 1200px) {
  .bannerBox{height: 260px; padding-top: 40px;}
  .zt-warp .zt-content{padding: 20px 15px 25px;}
  .zt-warp .zt-content .main{margin-top: -40px;}
  .theme{margin-bottom: 26px;}
  .theme .titleBox img{height: 50px;}
  .theme .titleBox{margin-bottom: 22px;}
  .bgBoxSha{padding: 0px 10px; border-radius: 8px;}
  .bgBoxSha .themeBox{padding: 10px !important; top: -10px; border-radius: 8px;}
  .theme p{font-size: 14px; line-height: 24px;}
  .th1 .themeBox ul{padding-top: 15px;}
  .th1 .themeBox ul li .titBox{min-width: auto; padding: 10px 6px; font-size: 15px;}
  .th1 .themeBox ul li .liBox{padding: 10px; font-size: 14px; line-height: 24px;}
  .th1 .themeBox ul li{margin-bottom: 15px;}
  .th2 .bgBoxSha{padding: 10px;}
  .th2 .themeBox1 ul li a{font-size: 14px; height: auto; line-height: 24px; padding: 6px 10px; padding-left: 25px;}
  .th2 .themeBox1 ul li a::before{width: 8px; height: 8px; left: 10px; top: 15px; transform: none;}
  .th3 .themeBox ul{padding-top: 15px;}
  .th3 .themeBox ul li{padding: 10px;}
  .th3 .themeBox ul li .titBox > span{min-width: auto; font-size: 15px; padding: 8px 10px;}
  .th3 .themeBox ul li .titBox{margin-bottom: 8px;}
  .th3 .themeBox ul li .liBox{font-size: 14px; line-height: 24px;}
  .th3 .themeBox ul li{margin-bottom: 15px;}
  .th4 .themeBox ul li a{font-size: 14px; line-height: 24px; margin-bottom: 10px;}
  .th4 .themeBox{background-image: none;}
  .th4 .themeBox .titBox{width: 69px; height: 35px; line-height: 35px; font-size: 15px; margin-bottom: 15px;}
  .th4 .themeBox .titBox::before{border-width: 12px; bottom: -12px;}
  .th5 .themeBox ul li{padding-top: 0px; margin-bottom: 15px;}
  .th5 .themeBox ul li .titBox{min-width: auto; height: auto; position: relative; top: 0px; padding-left: 45px; padding-right: 10px; margin-bottom: 15px; border-radius: 0px; line-height: 26px; font-size: 15px;}
  .th5 .themeBox ul li .liBox{font-size: 14px; line-height: 24px; padding-left: 40px; padding-right: 15px;}
  .th5 .themeBox ul li .liBox .da{font-size: 18px; left: 12px; top: -2px;}
  .th5 .themeBox ul li .titBox .wen{width: 32px; height: 32px; line-height: 32px; transform: none; top: 3px; left: 5px; font-size: 17px;}
  
}















