.zt-warp{background-color: #edf3ff;}
.w1300{max-width: 1300px; margin: 0 auto;}
.zt-warp .bannerBox{height: 652px; padding-top: 140px; background: url(/images/sqxzzfszqd_head_img_01.png) no-repeat center; background-size: cover; }
.zt-warp .bannerBox p.s1{text-align: left;padding-left: 55px;}

.zt-warp .zt-content{padding-top: 1px;padding-bottom: 120px;background: url(/images/sqxzzfszqd_bg_img_01.png) no-repeat center top;background-size: cover;}
.zt-warp .zt-content .th1{width: 100%;margin-top: -55px;border: 1px solid #fff;border-radius: 20px;background: linear-gradient(164deg,#7fb7e9 0%,#7fb7e9 35%,#96c4ef 50%,#cae3ff 65%,#cae3ff 100%);padding: 20px;box-shadow:0 0 15px rgba(0, 103, 162, .3) ;}
.zt-warp .zt-content .th1 .inner{width: 100%;background-color: #fff;border-radius: 10px;position: relative;padding: 60px;}
.zt-warp .zt-content .th1 .inner::after{content: '';width: 72px;height: 72px;background:#CAE3FF url(/images/sqxzzfszqd_icon_12.png) no-repeat center;background-size: cover;position: absolute;bottom: 0;right: 0;}

.zt-warp .zt-content .th1 .inner p{font-size: 20px;font-weight: bold;color: #175aba;text-align: center;line-height: 2;}
.zt-warp .zt-content .th1 .inner::before,
.zt-warp .zt-content .th1 .inner p::before,
.zt-warp .zt-content .th1 .inner p::after{content: '';display: block;position: absolute;width: 18px;height: 18px;border-radius: 50%;background-color: #85b6f5;box-shadow: 5px 0 4px #4976b0 inset;}
.zt-warp .zt-content .th1 .inner::before{bottom: 10px;left: 10px;}
.zt-warp .zt-content .th1 .inner p::before{top: 10px;left: 10px;}
.zt-warp .zt-content .th1 .inner p::after{top: 10px;right: 10px;}

.zt-warp .zt-content .th2{margin-top: 60px;text-align: center;font-size: 0;}
.zt-warp .zt-content .th2 .item{display: inline-block;position: relative; width: 23.5%;height: 220px;background-color: #fff;border-radius: 20px;box-shadow:0 0 15px rgba(0, 103, 162, .3) ;margin-right: 2%;margin-bottom: 30px;text-align: center;}
.zt-warp .zt-content .th2 .item:nth-child(4n),
.zt-warp .zt-content .th2 .item:last-child{margin-right: 0}
.zt-warp .zt-content .th2 .item .icon{display: inline-block;margin-top: 25px;position: relative;width: 106px;height: 106px;background-color: #fff;border-radius: 50%;box-shadow:0 0 15px rgba(0, 103, 162, .3) ;}
.zt-warp .zt-content .th2 .item .icon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 60%;}
.zt-warp .zt-content .th2 .item .tit{display: inline-block;width: 100%;font-size: 21px;color: #373737;height: 60px;position: absolute;bottom: 10px;left: 0;transition: all .3s;}
.zt-warp .zt-content .th2 .item .tit b{position: absolute;width: 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: normal;padding: 0 15px;}
.zt-warp .zt-content .th2 .item:hover .tit{color: #175aba;}
@media screen and (max-width: 1500px) {
  .w1300{max-width: 1200px;}
  .zt-warp .bannerBox{height: 520px;padding-top: 70px;}
  .zt-warp .bannerBox p.s1{padding-left: 135px;}
  .zt-warp .bannerBox p.s1 img{width: 650px;}
  .zt-warp .zt-content .th1 .inner{padding: 45px;}
  .zt-warp .zt-content .th1 .inner p{font-size: 18px;}
  .zt-warp .zt-content .th2 .item .tit{font-size: 18px;}
}
@media screen and (max-width: 1200px) {
  .zt-warp .bannerBox{padding: 50px 15px 0;height: 320px;}
  .zt-warp .bannerBox p.s1 {padding-left: 100px;}
  .zt-warp .bannerBox p.s1 img {width: 480px;}
  .zt-warp .zt-content{padding: 0 15px 80px;}

  .zt-warp .zt-content .th1{padding: 10px;}
  .zt-warp .zt-content .th1 .inner{padding: 25px;}
  .zt-warp .zt-content .th1 .inner::after{width: 35px;height: 35px;}
  .zt-warp .zt-content .th2{margin-top: 30px;}
  .zt-warp .zt-content .th2 .item{height: 175px;margin-bottom: 20px;}
  .zt-warp .zt-content .th2 .item .icon{width: 80px;height: 80px;}
  .zt-warp .zt-content .th2 .item .tit{font-size: 15px;height: 50px;}

}
@media screen and (max-width: 760px) {
  .zt-warp .bannerBox {padding: 30px 15px 0;height: 210px;}
  .zt-warp .bannerBox p.s1{padding-left: 0;}
  .zt-warp .bannerBox p.s1 img{width: 320px;max-width: 90%;}

  .zt-warp .zt-content {padding: 0 15px 35px;}

  .zt-warp .zt-content .th1 .inner{padding: 15px;}
  .zt-warp .zt-content .th1 .inner p{font-size: 14px;}
  .zt-warp .zt-content .th1 .inner::before, .zt-warp .zt-content .th1 .inner p::before, .zt-warp .zt-content .th1 .inner p::after{width: 10px;height: 10px;}
  .zt-warp .zt-content .th1 .inner::before{bottom: 5px;left: 5px;}
  .zt-warp .zt-content .th1 .inner p::before{top: 5px;left: 5px;}
  .zt-warp .zt-content .th1 .inner p::after{top: 5px;right: 5px;}
  .zt-warp .zt-content .th1 .inner::after{width: 20px;height: 20px;}
  .zt-warp .zt-content .th2.theme .item{width: 48%;height: 145px;margin-right: 0;margin-right: 4%;}
  .zt-warp .zt-content .th2.theme .item:nth-child(2n){margin-right: 0}
  .zt-warp .zt-content .th2 .item .icon{margin-top: 15px;width: 65px;height: 65px;}
  .zt-warp .zt-content .th2 .item .tit{font-size: 13px;height: 40px;}
}