.zt-warp{ background: url(/images/yt_scansgyh_content_bg_02.jpg) no-repeat; background-position-y: 600px; background-color: #e3f0ff;}
.zt-warp .bannerBox{height: 809px; padding-top: 137px; background: url(/images/yt_scaqsg_head_bg_02.png) no-repeat center; background-size: cover; }
.zt-warp .bannerBox p.s1{margin-bottom: 44px;}
.zt-warp .zt-content{padding:37px 0 85px;}
.w1500{max-width: 1500px; margin: 0 auto;}
.zt-warp .zt-content .tTitleBox{margin-bottom: 25px;}
.zt-warp .zt-content .theme{margin-bottom: 35px;}
.zt-warp .zt-content .th1 .themBox{height: 900px; background-color: rgba(0, 0, 0, 0.7);}
.zt-warp .zt-content .th1 .themBox video{width: 100%; height: 100%;}

.zt-warp .zt-content .bgBox {background-color: rgba(191, 213, 224, 0.5); padding: 20px; border-radius: 30px;}
.zt-warp .zt-content .bgBox .bgContent{padding: 45px 37px 35px; border-radius: 22px; border: 1px dashed #86b2c8; background-color: #fff;}
.zt-warp .zt-content .th2 .bgBox .bgContent{ padding-right: 320px; background-image: url(/images/yt_scansgyh_icon_1_03.png); background-repeat: no-repeat; background-position: right center; }
.zt-warp .zt-content .th2 .bgContent > p{background-color: #86b2c8; padding: 24px 45px; border-radius: 10px; font-size: 22px; color: #fff;}

.zt-warp .zt-content .th3 .bgBox .bgContent {padding-left: 325px; background-image: url(/images/yt_scansgyh_icon_1_07.png); background-repeat: no-repeat; background-position: left center;}
.zt-warp .zt-content .th3 .bgContent ul li a{display: block; background-color: #86b2c8; height: 78px; line-height: 78px; padding-left: 50px; position: relative; border-radius: 10px; margin-bottom: 18px; font-size: 22px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zt-warp .zt-content .th3 .bgContent ul li:last-child a{margin-bottom: 0px;}
.zt-warp .zt-content .th3 .bgContent ul li a::before{content: ''; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-color: #fff; border-radius: 100%; }
.zt-warp .zt-content .th3 .bgContent ul li a:hover{opacity: .8; transition: .3s;}

.zt-warp .zt-content .th4 .bgContent{padding: 40px 38px 36px;}
.zt-warp .zt-content .bgContent > .topP{font-size: 24px; color: #6aa2be;}
.zt-warp .zt-content .th4 .bgContent .th4Item{margin-top: 37px; font-size: 24px; color: #fff; padding: 24px 0; background-color: #86b2c8; border-radius: 10px; padding-left: 100px; padding-right: 33px; position: relative;}
.zt-warp .zt-content .th4 .bgContent .th4Item .titBox{position: absolute; left: -11px; top: 12px; width: 103px; height: 44px; line-height: 44px; text-align: center; font-size: 24px; color: #fff; font-weight: bold; background-color: #feba4c; border-radius: 0px 25px 25px 0px;}
.zt-warp .zt-content .th4 .bgContent .th4Item .titBox::after{content: ''; position: absolute; left: 3px; bottom: -8px; transform: rotate(45deg); border: 8px solid transparent; border-bottom-color: #ed9609;}
.zt-warp .zt-content .th4 .bgContent .th4Item.s1{padding-top: 65px; padding-left: 30px;}

.zt-warp .zt-content .th5 .bgContent{ padding-right: 470px; background-image: url(/images/yt_scansgyh_icon_1_11.png); background-repeat: no-repeat; background-position: right center;}
.zt-warp .zt-content .th5 .bgContent ul li a{display: block; background-color: #86b2c8; height: 78px; line-height: 78px; padding-left: 50px; position: relative; border-radius: 10px; margin-bottom: 18px; font-size: 22px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zt-warp .zt-content .th5 .bgContent ul li:last-child a{margin-bottom: 0px;}
.zt-warp .zt-content .th5 .bgContent ul li a::before{content: ''; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-color: #fff; border-radius: 100%; }
.zt-warp .zt-content .th5 .bgContent ul li a:hover{opacity: .8; transition: .3s;}

.zt-warp .zt-content .th6 .bgContent .topP{margin-bottom: 23px;}
.zt-warp .zt-content .th6 .bgContent ul li a{display: block; margin-bottom: 15px; font-size: 22px; padding: 17px 0; padding-left: 178px; border-radius: 100px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: relative; background-color: #86b2c8; color: #fff;}
.zt-warp .zt-content .th6 .bgContent ul li:last-child a{margin-bottom: 0px;}
.zt-warp .zt-content .th6 .bgContent ul li a .titBox{position: absolute; left: -5px; top: -5px; bottom: -5px; width: 158px; border: 5px solid #fff; display: flex; justify-content: center; align-items: center; color: #5d99b7; border-radius: 100px; border-bottom-right-radius: 0px; text-align: center; background-image: linear-gradient(120deg, #89daed, #ecfbe6);}

.zt-warp .zt-content .th7 .bgContent{padding-top: 120px;}
.zt-warp .zt-content .th7 .bgContent .th7Item{position: relative; background-color: #e8f5ff; font-size: 22px; color: #6aa2be; padding: 46px 60px 50px; margin-bottom: 88px; }
.zt-warp .zt-content .th7 .bgContent .th7Item.s1{ padding-right: 397px; background-image: url(/images/yt_scansgyh_icon_1_15.png); background-repeat: no-repeat; background-position: right center;}
.zt-warp .zt-content .th7 .bgContent .th7Item .titBox{position: absolute; left: 0px; top: -75px; height: 75px; line-height: 75px; background-color: #86b2c8; padding: 0 15px; border-top-right-radius: 40px; font-size: 24px; color: #fff; font-weight: bold;}
.zt-warp .zt-content .th7 .bgContent .th7Item.s2{ padding: 56px 60px 76px; padding-left: 350px; background-image: url(/images/yt_scansgyh_icon2_03.png); background-repeat: no-repeat; background-position: left center;}
.zt-warp .zt-content .th7 .bgContent .th7Item.s2 .titBox{right: 0px; left: auto; }

.zt-warp .zt-content .th8 .bgContent{ padding: 17px 28px 35px; padding-right: 580px;background-image: url(/images/yt_scansgyh_icon3_03.png); background-repeat: no-repeat; background-position: right center;}
.zt-warp .zt-content .th8 .bgContent .lists li{margin-bottom: 25px;}
.zt-warp .zt-content .th8 .bgContent .lists li .titBox{padding: 24px 10px; font-size: 22px; color: #fff; font-weight: bold; background-color: #86b2c8; padding-left: 40px; border-radius: 40px;  border-top-left-radius: 0px; border-bottom-left-radius: 0px; position: relative;}
.zt-warp .zt-content .th8 .bgContent .lists li .titBox .txt{font-weight: bold;}
.zt-warp .zt-content .th8 .bgContent .lists li .titBox .icon{position: absolute; left: -44px; top: 50%; transform: translateY(-50%); font-size: 0px; width: 88px; height: 88px; line-height: 84px; text-align: center; box-sizing: border-box; border: 4px solid #fff; border-radius: 100%; background-color: #feba4c;}
.zt-warp .zt-content .th8 .bgContent .lists li .liBox{font-size: 20px; margin-right: 40px; color: #6aa2be; padding: 26px 40px; background-color: #edf7ff;}

.zt-warp .zt-content .th8 .bgContent .lists{height: 670px; overflow: hidden; overflow-y: auto; padding-top: 20px; padding-left: 44px; padding-right: 11px;}
.zt-warp .zt-content .th8 .bgContent .lists::-webkit-scrollbar{ width: 10px;  }
.zt-warp .zt-content .th8 .bgContent .lists::-webkit-scrollbar-thumb{background-color: #86b2c8; border-radius: 8px; }
.zt-warp .zt-content .th8 .bgContent .lists::-webkit-scrollbar-track { background-color: #d5e4ef;  border-radius: 8px; }

@media screen and (max-width: 1655px) {
  .w1500{max-width: 1200px;}
  .zt-warp .zt-content .th1 .themBox{height: auto;}
}
@media screen and (max-width: 1200px) {
  .zt-warp .bannerBox{height: 240px; padding: 0 15px; padding-top: 60px;}
  .zt-warp .bannerBox .s2 img{height: 50px;}
  .zt-warp .bannerBox p.s1{margin-bottom: 20px;}
  .zt-warp .zt-content{padding: 20px 15px 25px;}
  .zt-warp .zt-content .tTitleBox{margin-bottom: 10px;}
  .zt-warp .zt-content .tTitleBox img{height: 60px;}
  .zt-warp .zt-content .bgBox{padding: 10px;}
  .zt-warp .zt-content .bgBox .bgContent{padding: 15px !important; background-image: none !important;}
  .zt-warp .zt-content .th2 .bgContent > p{font-size: 14px; line-height: 24px; padding: 10px;}
  .zt-warp .zt-content .theme{margin-bottom: 20px;}
  .zt-warp .zt-content .th3 .bgContent ul li a{height: 40px; line-height: 40px; font-size: 14px; padding-left: 25px;}
  .zt-warp .zt-content .th3 .bgContent ul li a::before{width: 8px; height: 8px; left: 10px;}
  .zt-warp .zt-content .bgContent > .topP{font-size: 14px; line-height: 24px;}

  .zt-warp .zt-content .th4 .bgContent .th4Item .titBox{font-size: 17px; width: 65px; height: 35px; line-height: 35px;}
  .zt-warp .zt-content .th4 .bgContent .th4Item{margin-top: 15px; font-size: 14px; line-height: 24px; padding: 12px 0; padding-left: 60px;}

  .zt-warp .zt-content .th5 .bgContent ul li a{height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 14px; padding-left: 25px;}
  .zt-warp .zt-content .th5 .bgContent ul li a::before{width: 8px; height: 8px; left: 10px;}

  .zt-warp .zt-content .th6 .bgContent ul li a .titBox{position: initial; margin-bottom: 10px;}
  .zt-warp .zt-content .th6 .bgContent ul li a{padding: 15px; border-radius: 10px; font-size: 14px; line-height: 24px;}
  .zt-warp .zt-content .th6 .bgContent .topP{margin-bottom: 15px;}
  .zt-warp .zt-content .th7 .bgContent .th7Item .titBox{position: initial;}
  .zt-warp .zt-content .th7 .bgContent .th7Item{font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 15px !important; background-image: none !important;}
  .zt-warp .zt-content .th7 .bgContent .th7Item .titBox{height: auto; line-height: 28px;  margin-bottom: 10px; border-radius: 0px; font-size: 17px; padding: 10px;}
  .zt-warp .zt-content .th8 .bgContent .lists{padding: 0px; padding-right: 10px; height: 400px;}
  .zt-warp .zt-content .th8 .bgContent .lists li .liBox{padding: 15px; font-size: 14px; line-height: 24px; margin-right: 0px;}
  .zt-warp .zt-content .th8 .bgContent .lists li .titBox{padding: 6px 15px; font-size: 16px; border-radius: 0px; line-height: 26px;}
  .zt-warp .zt-content .th8 .bgContent .lists li .titBox .icon{display: none;}
  
}