.w1500 { max-width: 1500px; margin: 0 auto;}
.zt-warp{background-color: #f3f9ff;}
.zt-content { padding-top: 212px; padding-bottom: 340px; background: url(/images/qykjsthj_bg_04.png), url(/images/qykjsthj_bottom_bg_06.png); background-repeat: no-repeat, no-repeat; background-color: #d5e9d6; background-position: top center, bottom center; background-size: 100% auto;  }
.container{padding: 0px;}
.bannerBox{height: 664px; padding-top: 144px; text-align: center; background: url(/images/qykjsthj_bg_02.jpg) no-repeat center top; }
.theme{position: relative; background-color: #fff; border-radius: 20px; margin-bottom: 44px;}
.theme:last-child{margin-bottom: 0px;}
.theme .titleBox{ position: absolute; top: 0px; left: 50%; transform: translateX(-50%); white-space: nowrap;  padding: 0 50px; color: #fff; font-size: 54px; font-weight: bold; min-width: 350px; height: 90px; line-height: 90px; background-image: linear-gradient(to right,#2b7eb8, #68b481, #68b481); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.theme .titleBox::before{content: ''; position: absolute; left: -36px; top: 0px; border: 37px solid transparent; border-top-width: 86px; border-top-color: #2f81b4 ;}
.theme .titleBox::after{content: ''; position: absolute; right: -36px; top: 0px; border: 37px solid transparent; border-top-width: 86px; border-top-color: #65B183 ;}
.theme.th1 {padding: 111px 47px 35px;}
.theme .themeBox > p{font-size: 22px; color: #296678; font-weight: bold; line-height: 38px; }
.theme.th1 .themeBox > p{margin-bottom: 50px;}
.theme .itemNum{position: absolute; left: 0px; top: -30px; width: 60px; height: 60px; line-height: 60px; border-radius: 100%; }
.theme .itemNum.dashedBor{padding: 3px; width: 70px; height: 70px; top: -35px; border-radius: 100%; border: 1px dashed #fff; background-clip: padding-box, border-box; background-origin: padding-box, border-box;
  background-image: linear-gradient( 135deg, #fff 0%,#fff 52%,#fff 100%), linear-gradient( to right, #2e7fc0, #68b481);
}
.theme .itemNum i {position: relative; z-index: 2; display: block; width: 100%; height: 100%; font-size: 26px; color: #fff; font-weight: bold; border-radius: 100%; background-color: #57a590; background-image: linear-gradient(to right, #2579bd, #68b481, #68b481 );}
.theme.th1 .item{position: relative; border-radius: 10px; background-color: #f0faf1; padding: 32px 30px; margin-bottom: 50px;}
.theme.th1 .item p {font-size: 20px; color: #296678; line-height: 38px; text-indent: 2em;}
.theme.th1 .item:last-child{margin-bottom: 0px;}
.theme.th2 {padding-left: 116px; padding-right: 116px; padding-bottom: 79px; padding-top: 137px; position: relative;}
.theme.th2 video{width: 100%;height: 100%;}
/* .theme.th2 .themeBox{max-height: 789px; overflow: hidden; overflow-y: auto; padding-right: 40px;}
.theme.th2 .themeBox::-webkit-scrollbar { width: 10px; }
.theme.th2 .themeBox::-webkit-scrollbar-thumb { border-radius: 10px; background:#aaaaaa; }
.theme.th2 .themeBox::-webkit-scrollbar-track { border-radius: 10px; background: #e5e5e5; }
.theme.th2 .themeBox ul {font-size: 0px;} */
.theme.th3{padding-top: 140px; padding-left: 294px; padding-bottom: 74px; padding-right: 108px;}
.theme.th3 .themeBox{position: relative; font-size: 22px; font-weight: bold; color: #296678; background-color: #f0faf1; padding: 33px 100px; padding-right: 20px;}
.theme.th3 .themeBox::before{content: ''; position: absolute; left: -117px; top: 40%; transform: translateY(-50%); width: 206px; height: 181px; background: url(/images/qykjsthj_icon1.png) no-repeat;}
.theme.th3 .themeBox a{color: #296678;}
.theme.th4{padding: 140px 48px 41px;}
.theme.th4 .themeBox .item{margin-top: 80px; position: relative; padding: 30px 36px; background-color: #f0faf1; border-radius: 10px; border-top-left-radius: 0px; border: 1px solid #4292a4;}
.theme.th4 .themeBox .item p {font-size: 20px; color: #296678; line-height: 38px;}
.theme.th4 .themeBox .item .titBox{position: absolute; left: -1px; top: -60px; height: 60px; line-height: 60px; min-width: 430px; padding: 0 37px; font-size: 22px; color: #fff; border-top-right-radius: 30px; background-color: #58a68f; background-image: linear-gradient(to right, #2579bd, #68b481, #68b481); font-weight: bold;}
.theme.th4 .themeBox .item .titBox::after{content: ''; position: absolute; right: -112px; top: 50%; transform: translateY(-50%); width: 74px; height: 43px; background: url(/images/qykjsthj_right_jt.png) no-repeat;}
.theme.th5 {padding: 150px 47px 50px;}
.theme.th5 .themeBox{font-size: 20px; color: #296678; line-height: 38px; }
.theme.th5 ul{margin-left: -28px;}
.theme.th5 ul li{float: left; width: 33.333%; padding-left: 28px;}
.theme.th5 ul li .item{height: 340px; border-radius: 10px; border: 1px dashed #a0c8d1; background-color: #f7fcf8; padding: 44px 40px 27px;  position: relative; }
.theme.th5 ul li .item .itemNum{left: 50%; transform: translateX(-50%);}
.theme.th5 .themeBox .bottomTxt{padding: 0 37px; padding-top: 39px; font-weight: 500; font-size: 20px;}
.theme.th6{padding: 124px 47px 45px;}
.theme.th6 .themeBox .tagBox{position: relative; margin-bottom: 26px; display: inline-block; width: 80px; height: 80px; background-color: #56a591; background-image: linear-gradient(to right, #2579bd, #68b481, #68b481); border-radius: 100%; font-size: 26px; color: #fff; line-height: 75px; font-weight: bold;}
.theme.th6 .themeBox .tagBox::after{content: ''; position: absolute; right: 4px; bottom: 0px; border: 16px solid transparent; border-bottom-color: #68b481; }
.theme.th6 .themeBox ul{margin-left: -20px;}
.theme.th6 .themeBox ul li{float: left; width: 25%; padding-left: 20px;}
.theme.th6 .themeBox ul li .item{height: 158px; background-color: #f7fcf8; font-size: 22px; color: #296678; line-height: 38px; padding: 20px 24px; border: 1px dashed #a0c8d1 ; border-radius: 10px;}
.theme.th6 .themeBox ul li .item p {max-height: 100%; overflow: hidden;}
.theme.th7{padding: 124px 47px 45px;}
.theme.th7 .themeBox ul{padding-left: 35px;}
.theme.th7 .themeBox ul li{position: relative; padding: 27px 0; padding-left: 74px; padding-right: 20px; border: 1px dashed #a0c8d1; font-size: 22px; color: #296678; line-height: 38px; border-radius: 10px; background-color: #f7fcf8; margin-bottom: 32px;}
.theme.th7 .themeBox ul li:last-child{margin-bottom: 0px;}
.theme.th7 .themeBox ul li .itemNum{left: -35px; top: 50%; transform: translateY(-50%);}
.theme.th8{padding-top: 120px;}
.theme.th8 ul li .item{ padding: 44px 33px 27px; height: 270px;}
.theme.th8 .themeBox > p{margin-bottom: 60px;}
.theme.th9 .themeBox::before{width: 196px; height: 187px; left: -108px; background-image: url(/images/qykjsthj_icon2.png);}
@media screen and (min-width: 1922px) {
  .bannerBox{background-size: cover; height: 780px;}
}
@media screen and (max-width: 1655px) {
  .w1500{max-width: 1200px;}
  .zt-content{padding-top: 147px; padding-bottom: 295px;}
  .theme .titleBox{font-size: 40px; height: 80px; line-height: 80px;}
  .theme.th3{padding-left: 182px;}
  .theme.th5 .themeBox, .theme.th4 .themeBox .item p{font-size: 16px; line-height: 32px;}
  .theme.th5 ul li .item{padding: 44px 25px 27px;}
  .theme.th5 .themeBox .bottomTxt{padding: 10px 20px;}
  .theme .themeBox > p{font-size: 18px; line-height: 34px;}
  .theme.th6 .themeBox ul li .item{font-size: 18px; line-height: 34px;}
  .theme.th7 .themeBox ul li{font-size: 18px; line-height: 34px;}
  .theme.th5 .themeBox .bottomTxt{font-size: 18px;}
  .theme .titleBox::before{left: -20px; border-width: 21px; border-top-width: 78px; }
  .theme .titleBox::after{right: -20px; border-width: 21px; border-top-width: 78px; }
}

@media screen and (max-width: 1200px) {
  .bannerBox{height: 260px; padding: 0 15px; padding-top: 40px; background-size: cover;}
  .bannerBox img{max-height: 100px;}
  .zt-content{ padding: 25px 15px 60px;}
  .theme{padding: 45px 10px 15px !important; border-radius: 8px; margin-bottom: 15px;}
  .theme .titleBox{font-size: 16px; padding: 0 15px; height: 35px; line-height: 35px; min-width: auto;}
  .theme .titleBox::before{ border-width: 8px; border-top-width: 29px; left: -8px; }
  .theme .titleBox::after{ border-width: 8px; border-top-width: 29px; right: -8px; }
  .theme.th1{padding: 40px 10px 10px;}
  .theme .themeBox > p{font-size: 13px; line-height: 22px;}
  .theme.th1 .item p{font-size: 13px; line-height: 22px;}
  .theme .itemNum{width: 35px; height: 35px; line-height: 35px; top: -17px;}
  .theme .itemNum i{font-size: 18px;}
  .theme.th1 .themeBox > p{margin-bottom: 22px;}
  .theme.th1 .item{padding: 15px 10px; margin-bottom: 28px;}

  .theme.th2{padding: 45px 10px 15px; padding-left: 18px !important;}
  .theme.th2 .themeBox{padding-right: 8px;}
  .theme.th2 .themeBox{max-height: 400px;}
  .theme.th2 .themeBox::-webkit-scrollbar{width: 4px;}
  .theme.th3 .themeBox::before{display: none;}
  .theme.th3 .themeBox{padding: 10px 15px;}
  .theme.th4 .themeBox .item{margin-top: 44px; padding: 10px 12px;}
  .theme.th4 .themeBox .item .titBox{border-top-right-radius: 22px; padding: 0 10px; padding-right: 20px; height: 35px; line-height: 35px; top: -35px; min-width: auto; font-size: 15px;}
  .theme.th4 .themeBox .item .titBox::after{right: -41px; width: 36px; height: 20px; background-size: auto 100%;}
  .theme.th5 .themeBox, .theme.th4 .themeBox .item p{font-size: 13px; line-height: 22px;}
  .theme.th5 ul{margin-left: 0px;}
  .theme.th5 ul li{width: auto; float: none; padding-left: 0px; margin-top: 30px;}
  .theme.th5 ul li .item{height: auto; padding: 30px 10px 10px;}
  .theme .itemNum.dashedBor{width: 40px; height: 40px; top: -20px; line-height: 33px; border-width: 1px;}
  .theme.th5 .themeBox .bottomTxt{font-size: 13px; line-height: 22px; padding:10px 0px;}
  .theme.th6 .themeBox .tagBox{font-size: 15px; width: 40px; height: 40px; line-height: 40px; margin-bottom: 10px; }
  .theme.th6 .themeBox .tagBox::after{border-width: 8px;}
  .theme.th6 .themeBox ul{margin-left: 0px;}
  .theme.th6 .themeBox ul li{float: none; width: auto; padding-left: 0px;}
  .theme.th6 .themeBox ul li .item{font-size: 13px; line-height: 22px; border-radius: 5px; height: auto; padding: 10px;}
  .theme.th6 .themeBox ul li{margin-bottom: 10px;}
  .theme.th7 .themeBox ul{padding-left: 20px;}
  .theme.th7 .themeBox ul li .itemNum{left: -20px;}
  .theme.th7 .themeBox ul li{font-size: 13px; line-height: 22px; padding: 10px; padding-left: 25px; margin-bottom: 10px;}
  .theme.th8 .themeBox > p{margin-bottom: 0px;}
}
@media screen and (max-width: 760px) {
  .bannerBox{height: 180px;}
  .theme.th2 .themeBox{max-height: 300px;}
}