.w1500{max-width: 1500px; margin: 0 auto;}
.bannerBox{height: 581px; padding-top: 10px; box-sizing: border-box; background: url(/images/yjglzj_head_img_02.jpg) no-repeat center; background-color: #c5e8ff; }
.zt-warp .zt-content{ padding-bottom: 30px; padding-top: 62px; background-color: #f1f4fe;  }
.theme{margin-bottom: 54px;}
.th1 {background-color: #76b7f8; position: relative; padding: 14px; border-radius: 24px;}
.th1 .themeBox{background-color: #fff; position: relative; border-radius: 14px; padding: 79px 52px 65px;}
.th1 > span i{position: absolute; top: -23px; width: 46px; height: 73px; background: url(/images/yqglzj_th1_bg.png) no-repeat center;}
.th1 > span i.i1{left: 70px; }
.th1 > span i.i2{left: 128px;}
.th1 > span i.i3{right: 70px;}
.th1 > span i.i4{right: 128px;}
.th1 .themeBox p{font-size: 24px; position: relative; z-index: 2; color: #1b66b1; line-height: 40px; font-weight: bold; }
.th1 .themeBox::after{content: ''; position: absolute; left: -8px; right: -8px; bottom: -10px; height: 117px; background: url(/images/yjglzj_bg_img_05.png) no-repeat bottom center; background-size: 100% auto;}

.theme.s1{box-shadow:0px 0px 12px rgba(24, 127, 196, 0.3); border-radius: 30px;}
.theme.s1 .themeBox{background-color: #f7f8fe; border-radius: 30px; box-shadow:0px 0px 62px rgba(117, 200, 255, 0.2) inset; }
.theme .titBox > span{display: inline-block; position: relative; min-width: 370px; padding: 0 15px; height: 72px; line-height: 72px; font-size: 32px; font-weight: bold; text-shadow: 0px 0px 7px rgba(1, 86, 117, 0.6); color: #fff; background: linear-gradient(110deg, #5de0ec,#5de0ec, #4cbaf4, #4cbaf4); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
.theme .titBox > span::before{content: ''; position: absolute; left: -16px; top: 0px; border: 60px solid transparent; border-top-color: #5de0ec; border-left-width: 16px; border-right-width: 16px;}
.theme .titBox > span::after{content: ''; position: absolute; right: -16px; top: 0px; border: 60px solid transparent; border-top-color: #4cbaf4; border-left-width: 16px; border-right-width: 16px;}
.th2 .item_content{position: relative; padding-top: 25px; padding-bottom: 50px; padding-left: 260px; padding-right: 251px; background: url(/images/yjglzj_bg_img_09.png) no-repeat left top;}
.th2 .item_content ul li a{display: block; padding-left: 80px; background-color: #fff; height: 75px; line-height: 75px; font-size: 24px; border-radius: 0px 50px 50px 0px; color: #1b66b1; font-weight: bold; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.th2 .item_content ul li a::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 41px; width: 11px; height: 11px;  border-radius: 100%; background-color: #1b66b1; }

.th3 .themeBox {padding: 0px 58px 58px;}
.th3 .themeBox .item_content{padding-top: 33px;}
.th3 .themeBox .item_content ul li{padding: 42px 31px 28px; margin-bottom: 20px; padding-right: 71px; background: url(/images/yjglzj_bg_img_13.png) no-repeat bottom center; background-size: 100% 100%;}
.th3 .themeBox .item_content ul li:last-child{margin-bottom: 0px;}
.th3 .themeBox .item_content ul li .liTit{padding-left: 81px; margin-bottom: 23px; position: relative;}
.th3 .themeBox .item_content ul li .liTit .xh{width: 64px; height: 64px; line-height: 54px; border-radius: 100%; background-color: #4cbaf4; border: 5px solid #fff; text-align: center; font-size: 24px; color: #fff; font-weight: bold; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.th3 .themeBox .item_content ul li .liTit .liTit_txt{font-size: 24px; color: #1b66b1; font-weight: bold;}
.th3 .themeBox .item_content ul li > p{padding-left: 81px; font-size: 16px; color: #0b4682; line-height: 28px;}

.th4 .themeBox{background: url(/images/yjglzj_bg_img_20.png) no-repeat right center;}
.th4 .themeBox .item_content{padding-left: 83px; padding-right: 430px; padding-bottom: 66px;}
.th4 .themeBox .item_content .cTit{font-size: 24px; position: relative; margin-bottom: 36px; font-weight: bold; border-radius: 6px; color: #fff; background: linear-gradient(114deg, #f87b46, #fbb96a); width: 118px; text-align: center; height: 53px; line-height: 53px;}
.th4 .themeBox .item_content .cTit::after{content: ''; position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%); width: 38px; height: 25px; background: url(/images/yjglzj_bg_img_17.png) no-repeat center;}
.th4 .themeBox .item_content ul li a{display: block; font-size: 24px; line-height: 49px; font-weight: bold; color: #1b66b1;}

.th5 .themeBox .item_content{padding: 28px 40px 57px;}
.th5 .themeBox .item_content .p1{font-size: 24px; color: #1b66b1; font-weight: bold;}
.th5 .themeBox .item_content .lists ul{margin-left: -30px;}
.th5 .themeBox .item_content .lists ul li{width: 25%; float: left; margin-top: 84px; padding-left: 30px;}
.th5 .themeBox .item_content .lists ul li .liBox{display: block; padding: 70px 26px 15px; font-size: 16px; color: #0b4682; text-align: center; line-height: 28px; box-shadow: 0px 0px 11px rgba(57, 111, 163, 0.3); height: 185px; background-color: #fff; position: relative; border-radius: 8px;}
.th5 .themeBox .item_content .lists ul li .liBox::before{content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 4px; background-color: #5de0ec; background: linear-gradient(45deg, #5de0ec, #5de0ec, #4cbaf4, #4cbaf4); border-radius: 4px;}
.th5 .themeBox .item_content .lists ul li .liBox .bTit{position: absolute; left: 50%; top: -62px; transform: translateX(-50%); width: 124px; height: 124px; text-align: center; background-color: rgba(85, 207, 240, 0.2); border-radius: 100%; padding: 9px;}
.th5 .themeBox .item_content .lists ul li .liBox .bTit > span{display: block; height: 100%; line-height: 106px; font-size: 25px; font-weight: bold; background-color: #51c4f2; color: #fff; border-radius: 100%;}

.th6 .themeBox .item_content{padding: 53px 28px 51px;}
.th6 .themeBox .item_content ul{margin-left: -24px;}
.th6 .themeBox .item_content ul li{width: 20%; float: left; padding-left: 24px; }
.th6 .themeBox .item_content ul li .liItem{ height: 520px; border-radius: 20px; background: linear-gradient(30deg, #4cb9f3, #4cb9f3, #fff, #fff, #fff);}
.th6 .themeBox .item_content ul li:nth-child(odd) .liItem{margin-top: 83px;}
.th6 .themeBox .item_content ul li .liItem .liItemBox{background-color: #fff; padding:15px; box-shadow: 0px 0px 11px rgba(57, 111, 163, 0.3); border-radius: 20px;  height: 100%; position: relative; left: 8px; bottom: 8px; } 
.th6 .themeBox .item_content ul li .liItem .liItemBox .tit{display: block; margin-bottom: 10px; font-size: 20px; color: #38aaf0; text-align: center; font-weight: bold; }
.th6 .themeBox .item_content ul li .liItem .liItemBox .tit.s1{padding-top: 20px; padding-bottom: 10px;}
.th6 .themeBox .item_content ul li .liItem .liItemBox > p{font-size: 16px; color: #0b4682; line-height: 28px;}

.th7 .themeBox .item_content{padding: 37px 50px 48px;}
.th7 .themeBox .item_content ul li .liItem{border: 1px solid #4cbaf4; margin-top: 77px; position: relative; padding: 42px 39px 28px; position: relative;}
.th7 .themeBox .item_content ul li .liItem::after{content: ''; position: absolute; top: -1px; right: -1px; width: 31px; height: 31px; background: url(/images/yjglzj_rt_bg_03.jpg) no-repeat right center;}
.th7 .themeBox .item_content ul li .liItem > p{font-size: 16px; line-height: 28px; color: #0b4682;}
.th7 .themeBox .item_content ul li .liItem .itemTit{min-width: 807px; padding-left: 36px; padding-right: 10px; font-size: 24px; color: #fefefe; font-weight: bold; height: 70px; line-height: 70px;  background-color: #59d6ee; background: linear-gradient(118deg, #5de0ec, #5de0ec, #4cbaf4, #4cbaf4); position: absolute; left: -20px; top: -54px; }
.th7 .themeBox .item_content ul li .liItem .itemTit::after{content: ''; position: absolute; left: 77px; bottom: -20px; border: 30px solid transparent; border-left-color:#5de0ec; }
.th7 .themeBox .item_content ul li .liItem .itemTit > span{position: relative; z-index: 2;}
@media screen and (max-width: 1680px) {
  .w1500{max-width: 1200px;}
  .th1 .themeBox::after{left: -6px; right: -6px;}
  .th1 .themeBox p{font-size: 20px;}
  .th2 .item_content ul li a{font-size: 20px;}
  .th2 .item_content{padding-right: 200px;}
  .th4 .themeBox .item_content ul li a{font-size: 20px;}
  .th4 .themeBox .item_content{padding-right: 380px; padding-left: 50px;}
  .th4 .themeBox{background-size: 370px auto; }
  .th5 .themeBox .item_content .lists ul{margin-left: -15px;}
  .th5 .themeBox .item_content .lists ul li{padding-left: 15px;}
  .th5 .themeBox .item_content .lists ul li .liBox{padding: 70px 15px 15px;}
  .th6 .themeBox .item_content ul li .liItem .liItemBox > p{font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:1200px ) {
  .bannerBox{height: 190px; background-size: cover;}
  .zt-warp .zt-content{padding: 20px 15px 30px;}
  .th1{border-radius: 14px; padding: 10px; padding-top: 15px;}
  .th1 .themeBox{border-radius: 8px; padding: 15px;}
  .th1 .themeBox p{font-size: 13px; line-height: 24px;}
  .th1 .themeBox::after{left: -2px; right: -2px; bottom: -2px;}
  .th1 > span i{width: 26px; height: 43px; top: -14px; background-size: 100% auto;}
  .th1 > span i.i1{left: 30px;}
  .th1 > span i.i2{left: 60px;}
  .th1 > span i.i3{right: 60px;}
  .th1 > span i.i4{right: 30px;}
  .theme{margin-bottom: 20px;}
  .theme.s1{border-radius: 12px;}
  .theme.s1 .themeBox{border-radius: 12px;}
  .theme .titBox > span{min-width: 150px; font-size: 20px; height: 40px; line-height: 40px;}
  .theme .titBox > span::after{border-top-width: 35px; right: -12px;}
  .theme .titBox > span::before{border-top-width: 35px; left: -12px;}
  .th2 .item_content{padding: 15px; background: none;}
  .th2 .item_content ul li a{font-size: 13px; padding: 0 15px; height: 40px; line-height: 40px;}
  .th2 .item_content ul li a::before{left: 8px; width: 6px; height: 6px;}
  .th3 .themeBox{padding: 0px;}
  .th3 .themeBox .item_content{padding: 15px;}
  .th3 .themeBox .item_content ul li{background: #d1e8fe; padding: 15px 10px; margin-bottom: 10px;}
  .th3 .themeBox .item_content ul li .liTit .xh{width: 30px; height: 30px; line-height: 24px; font-size: 16px; border-width: 3px;}
  .th3 .themeBox .item_content ul li .liTit{padding-left: 40px;}
  .th3 .themeBox .item_content ul li .liTit .liTit_txt{font-size: 16px;}
  .th3 .themeBox .item_content ul li .liTit{margin-bottom: 10px;}
  .th3 .themeBox .item_content ul li > p{padding-left: 40px; font-size: 13px; line-height: 24px;}
  .th4 .themeBox{background: none;}
  .th4 .themeBox .item_content{padding: 15px;}
  .th4 .themeBox .item_content ul li a{font-size: 14px; line-height: 30px;}
  .th4 .themeBox .item_content .cTit{font-size: 16px; width: 90px; height: 35px; line-height: 35px; margin-bottom: 16px;}
  .th4 .themeBox .item_content .cTit::after{width: 20px; height: 14px; bottom: -14px; background-size: 100% auto;}

  .th5 .themeBox .item_content{padding: 15px;}
  .th5 .themeBox .item_content .p1{font-size: 16px;}
  .th5 .themeBox .item_content .lists ul{margin-left: 0px;}
  .th5 .themeBox .item_content .lists ul li{width: 100%; float: none; margin-top: 40px; padding-left: 0px;}
  .th5 .themeBox .item_content .lists ul li .liBox .bTit{width: 65px; height: 65px; top: -32px; padding: 4px;}
  .th5 .themeBox .item_content .lists ul li .liBox .bTit > span{font-size: 16px; line-height: 57px;}
  .th5 .themeBox .item_content .lists ul li .liBox{font-size: 13px; line-height: 24px; padding-top: 40px; height: auto;}
  .th6 .themeBox .item_content ul{margin-left: 0px;}
  .th6 .themeBox .item_content ul li{width: auto; float: none; padding-left: 0px;}
  .th6 .themeBox .item_content ul li:nth-child(odd) .liItem{margin-top: 0px;}
  .th6 .themeBox .item_content{padding: 20px 15px 1px; padding-right: 25px;}
  .th6 .themeBox .item_content ul li .liItem{margin-bottom: 20px; height: auto;}
  .th6 .themeBox .item_content ul li .liItem .liItemBox .tit{font-size: 16px;}
  .th6 .themeBox .item_content ul li .liItem .liItemBox > p{font-size: 12px; line-height: 22px;}
  .th6 .themeBox .item_content ul li .liItem .liItemBox .tit.s1{padding: 0px;}
  .th7 .themeBox .item_content{padding: 15px; padding-top: 5px;}
  .th7 .themeBox .item_content ul li .liItem{padding: 0px; padding-bottom: 15px; margin-top: 15px;}
  .th7 .themeBox .item_content ul li .liItem .itemTit{font-size: 16px; line-height: 26px; margin-bottom: 15px; position: initial; height: auto; padding: 6px 16px; min-width: auto;}
  .th7 .themeBox .item_content ul li .liItem > p{font-size: 13px; line-height: 24px;}
  .th7 .themeBox .item_content ul li .liItem::after{display: none;}
  .th7 .themeBox .item_content ul li .liItem > p{padding: 0 15px;}
  .th7 .themeBox .item_content ul li .liItem .itemTit::after{display: none;}
  
}