.w1500{max-width: 1500px; margin: 0 auto;position: relative;}
.zt-warp{ margin: 0 auto;background-color: #e5f3fc ;}

.bannerBox{height: 750px;background: 
  url(/images/jxywbz_banner2.png) no-repeat center top,
  url(/images/jxywbz_banner_bg.png) no-repeat center top;
  padding-top: 100px;
  position: relative;
  background-size: contain , cover;
}
.bannerBox h2{color: #fff;font-size: 72px;line-height: 110px;font-weight: bolder;text-align: center;padding: 0 105px;}

.zt-content{padding: 0 0 80px;background:#e5f3fc;position: relative;}
.zt-content .bg_img{
  content: '';width: 560px;height: 560px;position: absolute;
  background: url(/images/jxywbz_bg_right.png) no-repeat center center;
  background-size: cover;
  z-index: 0;
  right: 0;
}

.zt-content .bg_img.i1{top: 0;}
.zt-content .bg_img.i3{top: calc(75% - 560px);}

.zt-content .bg_img.i2,
.zt-content .bg_img.i4{left: 0;transform: rotateZ(180deg);}
.zt-content .bg_img.i2{top: calc(50% - 560px);}
.zt-content .bg_img.i4{bottom: 0;}

.zt-content .theme{margin-bottom: 45px;}
.zt-content .theme:last-child{margin-bottom: 0;}
.zt-content .theme > .stit{width: 599px;height: 124px;background: url(/images/jxywbz_stBg.png) no-repeat center center ;background-size: cover;text-align: center;color: #fff;font-size: 42px;font-weight: bolder;padding-top: 30px;margin: 0 auto;}
.zt-content .theme > .content{margin-top: 20px;background: url(/images/jxywbz_contentBg.png) no-repeat center center ;background-size: 100% 100%;position: relative;}

.zt-content .t-tip{width: 100%;border: 8px solid #81c1ff;border-radius: 30px;background:#fff url(/images/jxywbz_gray_gz.png) repeat;padding: 16px;margin: -85px 0 60px;}
.zt-content .t-tip em{font-size: 0;position: absolute;left: 50%;transform: translateX(-50%);top: -180px;z-index: 3;}
.zt-content .t-tip i{position: absolute;display: block;width: 30px;height: 30px;border-radius: 50%;border: 5px solid #81c1ff;background-color: #d5edfd;top: 55px;}
.zt-content .t-tip .i1{left: 510px;}
.zt-content .t-tip .i2{right: 510px;}

.zt-content .t-tip i::before{content: '';position: absolute;width: 5px;height: 205px;background-color: #81c1ff;top: -205px;left: 50%;transform: translateX(-50%);}
.zt-content .t-tip p{padding: 85px 40px 70px;border: 5px dashed #81c1ff;border-radius: 10px;font-size: 24px;color: #0f5ba4;font-weight: bolder;text-align: left;line-height: 2;}

.zt-content .th1 .content{padding: 100px 100px 100px 375px;}
.zt-content .th1 .content .iconBg{position: absolute;left: 82px;top: 65px;width: 251px;height: 290px;background: url(/images/jxywbz_th1Bg.png) no-repeat top center ;background-size:contain;}
.zt-content .th1 li a{display: block;width: 100%;padding: 18px 70px;border-radius: 9999px;background-color: #81c1ff;margin-bottom: 20px;color: #fff;font-weight: bold;font-size: 22px;position: relative;}
.zt-content .th1 li:last-child a{margin-bottom: 0;}
.zt-content .th1 li a::before{content: '';position: absolute;top: 50%;left: 37px;transform: translateY(-50%);width: 14px;height: 14px;border-radius: 50%;background-color: #fff;}
.zt-content .th1 li a:hover{opacity: .7;}

.zt-content .th2 .content{padding: 120px 560px 160px 120px;}
.zt-content .th2 .content .iconBg{position: absolute;right: 100px;top: 45px;width: 366px;height: 290px;background: url(/images/jxywbz_th2Bg.png) no-repeat center center ;background-size:contain}
.zt-content .th2 .content p{font-size: 22px;color: #0f5ba4;font-weight: bold;line-height:2;}

.zt-content .th3 .t_tip{color: #0f5ba4;font-size: 22px;font-weight: bolder;text-align: center;margin: 10px 0;}
.zt-content .th3 .content{padding: 65px 65px 120px;background: url(/images/jxywbz_contentBg2.png) no-repeat center center ;background-size: 100% 100%;}
.zt-content .th3 .content .t_tip{text-align: left;margin-bottom: 40px;}
.zt-content .th3 .content .it{margin-bottom: 30px;}
.zt-content .th3 .content .it:last-child{margin-bottom: 0;}
.zt-content .th3 .content .it > em{display: block;width: 120px;height: 50px;padding-left: 30px;padding-top: 6px;color: #fff;font-size: 24px;font-weight: bolder;letter-spacing: 8px;background-color: #1e88e1;border-top-right-radius: 25px;}
.zt-content .th3 .content .it > .txt{border-radius: 42px;border-top-left-radius: 0;padding: 35px 30px;color: #3b75b1;font-size: 22px;line-height: 2;font-weight: bold;border: 1px dashed #1e88e1;}

.zt-content .th4 .content{padding:110px 115px 150px;background: url(/images/jxywbz_contentBg2.png) no-repeat center center ;background-size: 100% 100%;}
.zt-content .th4 .content li{padding: 30px 40px;position: relative;border: 1px dashed #1e88e1;border-radius: 30px;margin-bottom: 25px;}
.zt-content .th4 .content li:last-child{margin-bottom: 0;}
.zt-content .th4 .content li .q{display: block;width: 100%;padding-bottom: 20px;font-size: 25px;font-weight: bold;color: #3b75b1;border-bottom: 1px dashed #1e88e1;margin-bottom: 25px;}
.zt-content .th4 .content li .a{position: relative;padding-left: 35px;color: #3b75b1;font-size: 20px;}
.zt-content .th4 .content li .a em{font-weight: bold;position: absolute;top: 0;left: 0;}
.zt-content .th4 .content li i.idx{position: absolute;width: 54px;height: 54px;border-radius: 50%;background: linear-gradient(to right,#71beff 0%,#5baff7 25%,#46a1ef 50%,#268de3 75%,#1c86e0 100%);left: -27px;top: 65px;font-size: 26px;color: #fff;font-weight: bold;text-align: center;padding-top: 6px;}



@media screen and (max-width: 1670px) {
  .w1500{max-width: 1200px;}
  .bannerBox h2{padding: 0 60px;font-size: 62px;}

  .zt-content .t-tip em{top: -200px}
  .zt-content .t-tip em img{width: 500px;}
  .zt-content .t-tip i{top: 40px;}
  .zt-content .t-tip i::before{height: 155px;top: -160px;}
  .zt-content .t-tip p{font-size: 20px;padding: 60px 40px 50px;}

 
  .zt-content .theme > .stit{font-size: 36px;padding-top: 35px;}

  .zt-content .th1 li a{font-size: 18px;}

  .zt-content .th2 .content {padding-bottom:140px ;}
  .zt-content .th2 .content p{font-size: 18px;}

  .zt-content .th3 .t_tip{font-size: 18px;}
  .zt-content .th3 .content .t_tip{margin-bottom: 25px;}
  .zt-content .th3 .content .it > em{font-size: 20px;padding-top: 8px;}
  .zt-content .th3 .content .it > .txt{font-size: 18px;}

  .zt-content .th4 .content {padding: 110px 90px 150px;}
  .zt-content .th4 .content li .q{font-size: 21px;}
  .zt-content .th4 .content li .a{font-size: 17px;}
}
@media screen and (max-width: 1200px){
  .w1500{padding: 0 15px;}
  .bannerBox{height:410px;background-size: cover;padding-top: 50px;}
  .bannerBox h2{padding: 0px 50px;font-size: 36px;line-height: 2;text-shadow: 0 0 10px #517cdd;}
  .zt-content .t-tip{margin: -45px 0 40px;border-width: 5px;padding: 10px;}
  .zt-content .t-tip p{border-width: 3px;padding: 35px 20px 25px;font-size: 17px;}
  .zt-content .t-tip em {top: -135px;}
  .zt-content .t-tip em img{width: 370px;}
  .zt-content .t-tip i{width: 20px;height: 20px;top: 30px;}
  .zt-content .t-tip .i1 {left: calc((100% - 370px) / 2 + 80px);}
  .zt-content .t-tip .i2 {right: calc((100% - 370px) / 2 + 80px);}

  .zt-content .theme > .stit {width: 480px;height: 96px;font-size: 26px;padding-top: 29px;}

  .zt-content .th1 .content{padding: 70px 40px 70px 270px;}
  .zt-content .th1 .content .iconBg{width: 185px;height: 190px; left: 50px;}
  .zt-content .th1 li a{font-size: 15px;padding: 12px 30px 12px 55px;}
  .zt-content .th1 li a::before{width: 8px;height: 8px;left: 25px;}

  .zt-content .th2 .content{padding: 90px 350px 120px 47px;}
  .zt-content .th2 .content .iconBg{width: 255px;height: 250px;right: 45px;}

  .zt-content .th3 .t_tip{font-size: 16px;}
  .zt-content .th3 .content{padding: 65px 45px 100px;}
  .zt-content .th3 .content .it > em {font-size: 18px;padding-top: 11px;}
  .zt-content .th3 .content .it > .txt{font-size: 16px;padding: 20px 25px;}

  .zt-content .th4 .content {padding: 85px 40px 115px 55px;}
  .zt-content .th4 .content li {padding: 20px 20px 20px 30px;}

  .zt-content .th4 .content li .q {font-size: 18px;padding-bottom: 15px;margin-bottom: 20px;}
  .zt-content .th4 .content li .a{font-size: 15px;}
  .zt-content .th4 .content li i.idx{width: 42px;height: 42px;font-size: 20px;left: -21px;}
}

@media screen and (max-width: 760px){
  .bannerBox{height: 290px;padding-top: 35px;}
  .bannerBox h2{font-size: 25px;padding: 0px 50px;}

  .zt-content{padding-bottom: 20px;}
  .zt-content .t-tip{margin-top: 190px;}
  .zt-content .t-tip em {top: -65px;}
  .zt-content .t-tip em img {width: 260px;}
  .zt-content .t-tip i{top: 20px;}
  .zt-content .t-tip i::before {height: 65px;top: -70px;width: 3px;}
  .zt-content .t-tip {margin-top: -30px;border-width: 3px;}
  .zt-content .t-tip p{font-size: 15px;border-width: 2px;padding: 25px 15px 15px;}
  .zt-content .t-tip .i1 {left: calc((100% - 260px) / 2 + 80px);}
  .zt-content .t-tip .i2 {right: calc((100% - 260px) / 2 + 80px);}


  .zt-content .theme > .content{margin-top: 10px;}
  .zt-content .theme > .stit{width: 310px;height: 64px;font-size: 18px;padding-top: 20px;}
  .zt-content .theme .content .iconBg{display: none;}

  .zt-content .th1 li a{font-size: 13px;padding: 12px 20px 12px 35px;}
  .zt-content .th1 li a::before{left: 15px;}
  .zt-content .th2 .content p{font-size: 15px;}

  .zt-content .th3 .t_tip{font-size: 13px;}
  .zt-content .th3 .content .t_tip{margin-bottom: 15px;}
  .zt-content .th3 .content {padding: 30px 25px 60px;}
  .zt-content .th3 .content .it {margin-bottom: 20px;}
  .zt-content .th3 .content .it > .txt{font-size: 13px;padding: 12px 20px;}
  .zt-content .th3 .content .it > em{font-size: 15px;width: 100px;height: 40px;padding-top: 8px;padding-left: 25px;}


  .zt-content .th4 .content li {padding: 15px 15px 15px 25px;}
  .zt-content .th4 .content li .q{font-size: 15px;padding-bottom: 10px;margin-bottom: 15px;}
  .zt-content .th4 .content li .a{font-size: 13px;}
  .zt-content .th4 .content li i.idx{width: 32px;height: 32px;font-size: 16px;left:-16px;padding-top: 4px;top: 40px;}

  .zt-content .theme > .content{background: #fff;border-radius: 8px;}
  .zt-content .theme .content{padding: 10px;}
  .zt-content .th1 .content ul,
  .zt-content .th2 .content p,
  .zt-content .th3 .content .it-box,
  .zt-content .th4 .content ul{padding: 20px;border: 2px dashed #81c1ff;border-radius: 2px;}

  .zt-content .bg_img{width: 280px;height: 280px;}

}

@media screen and (max-width: 520px){
  .bannerBox{height: 210px;padding-top: 25px;}
  .bannerBox h2{font-size: 20px;padding: 0px 30px;}

  .zt-content .t-tip{margin-top: 0;}
  .zt-content .t-tip em {top: -50px;}
  .zt-content .t-tip em img {width:185px;}
  .zt-content .t-tip p {font-size: 13px;}
}