.w1500 { max-width: 1500px; margin: 0 auto;}
.bannerBox{height: 912px; padding-top: 90px; padding-right: 120px; box-sizing: border-box; background: url(/images/yt_tyjydyjly_head_02.jpg) no-repeat center; background-color: #c3e8ff; }
.zt-warp .zt-content{padding-top: 1px; padding-bottom: 77px; background: url(/images/yt_tyjydyjly_content_04.jpg) no-repeat top center;  background-color: #c3e8ff;  }
.zt-warp .zt-content .main{margin-top: -60px;}
.bgSha{background-color: #5fa0f0; border-radius: 30px; border: 1px solid #ebfbee; box-shadow: 0px 0px 12px rgba(41, 83, 170, 0.2); }
.theme{margin-bottom: 45px;}
.theme p{font-size: 20px; text-indent: 2em; color: #fff; line-height: 42px; font-weight: bold;}
.theme .titleBox{margin-bottom: 26px;}
.th1{ position: relative; border-radius: 0px; border-bottom: none; padding: 73px 75px 38px; }
.th1 .bg1 i::before{content: ''; position: absolute; top: -27px; width: 30px; height: 81px; background: url(/images/yt_tyjydyjly_th1_bg2.png);}
.th1 .bg1 i::after{content: ''; position: absolute; top: -27px; width: 30px; height: 81px; background: url(/images/yt_tyjydyjly_th1_bg2.png);}
.th1 .bg1 .i1::before{left: 54px;}
.th1 .bg1 .i1::after{left: 206px;}
.th1 .bg1 .i2::before{left: 356px;}
.th1 .bg1 .i2::after{left: 507px;}
.th1 .bg1 .i3::before{left: 657px;}
.th1 .bg1 .i3::after{left: 807px;}
.th1 .bg1 .i4::before{left: 957px;}
.th1 .bg1 .i4::after{left: 1107px;}
.th1 .bg1 .i5::before{left: 1257px;}
.th1 .bg1 .i5::after{left: 1407px;}
.th1 .themeBox::after{content: ''; position: absolute; left:0px; right: 0px; bottom: -13px; height: 13px; background: url(/images/yt_tyjydyjly_th1_bg_03.png);}
.th2 .themeBox{padding: 32px 20px; padding-left: 205px; background-image: url(/images/yt_tyjydyjly_th2_icon_07.png); background-repeat: no-repeat; background-position: left center;}
.th2 .themeBox a{display: block; padding: 5px 0; font-size: 20px; color: #fff; line-height: 42px; font-weight: bold;}
.th3 .themeBox{padding: 69px 32px 40px;}
.th3 .themeBox .item{position: relative; margin-bottom: 68px; padding:52px 46px; border-radius: 30px; border: 1px solid #ebfbee; } 
.th3 .themeBox .item .titBox{ position: absolute; top: -36px; left: 50%; transform: translateX(-50%); border: 1px solid #ebfbee; white-space: nowrap; height: 73px; line-height: 71px; font-size: 31px; color: #fff; font-weight: bold; padding: 0 20px; background-color: #5fa0f0; border-radius: 50px; } 
.th3 .themeBox .item:last-child{margin-bottom: 0px;}
.th4 .themeBox{padding: 45px 76px 128px;}
.th5 .themeBox{padding: 52px 79px; background-image: url(/images/yt_tyjydyjly_th5_icon.png); background-repeat: no-repeat; background-position: right bottom;}
.th5 .themeBox .s1{text-indent: initial;}
.th5 .themeBox .p1{margin-bottom: 30px;}
.th6 .themeBox {padding-top: 13px;}
.th6 .themeBox .item {position: relative; margin-bottom: 50px; padding: 83px 27px 30px; font-size: 20px; color: #5fa0f0; font-weight: bold; background-color: #fff; border: 1px solid #5fa0f0;  }
.th6 .themeBox .item::after{content: ''; position: absolute; right: -1px; top: -1px; width: 30px; height: 30px; background: url(/images/yt_tyjydyjly_right_bg_03.jpg) no-repeat; }
.th6 .themeBox .item .itemTit{position: absolute; top: -33px; left: -1px; border-radius: 14px; min-width: 710px; background-color: #5fa0f0; height: 74px; line-height: 74px;  box-sizing: border-box; padding: 0 26px;}
.th6 .themeBox .item .itemTit span{display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; position: relative; z-index: 2; color: #fff; font-weight: bold;}
.th6 .themeBox .item .itemTit::before{content: ''; position: absolute; left: 35px; bottom: -31px; border: 51px solid transparent; border-left-color: #5fa0f0; border-top-width: 31px; border-bottom-width: 31px;}
.th6 .themeBox .item:last-child{margin-bottom: 0px;}

@media screen and (max-width: 1660px) {
  .w1500{max-width: 1200px;}
  .th1 .bg1 .i5::after{display: none;}
  .th1 .bg1 .i5::before{display: none;}
}
@media screen and (max-width: 1200px) {
  .bannerBox{background-size: cover; padding: 30px 15px 0; height: 310px;}
  .zt-warp .zt-content .main{padding: 0 15px;}
  .zt-warp .zt-content{padding-bottom: 30px;}
  .th1 .bg1{display: none;}
  .theme p{font-size: 14px; line-height: 26px;}
  .th1{padding: 10px;}
  .theme{margin-bottom: 20px;}
  .theme .titleBox{margin-bottom: 15px;}
  .theme .titleBox img{height: 65px;}
  .th2 .themeBox{background-image: none; padding: 10px;}
  .bgSha{border-radius: 8px;}
  .th2 .themeBox a{font-size: 14px; line-height: 26px;}
  .th3 .themeBox{padding: 10px;}
  .th3 .themeBox .item .titBox{font-size: 16px; position: initial; margin-bottom: 15px; transform: none; width: 100%; height: auto; white-space: initial; text-overflow: initial; overflow: initial; line-height: 28px; padding: 6px 10px;}
  .th3 .themeBox .item{border-radius: 0px; padding: 15px; margin-bottom: 15px;}
  .th4 .themeBox{padding: 15px;}
  .th5 .themeBox{padding: 15px; background-size: 200px auto;}
  .th5 .themeBox .p1{margin-bottom: 20px;}
  .th6 .themeBox .item .itemTit{font-size: 16px; min-width: auto;}
  .th6 .themeBox .item{padding: 0px; font-size: 14px; margin-bottom: 15px;}
  .th6 .themeBox .item .itemTit{position: initial; height: auto; padding: 5px 10px; line-height: 28px; border-radius: 0px;}
  .th6 .themeBox .item::after{display: none;}
  .th6 .themeBox .item .itemTit span{overflow: initial; text-overflow: initial; white-space: initial;}
  .th6 .themeBox .item .itemBox {padding: 10px;}
  .th6 .themeBox .item .itemTit::before{display: none;}
  .th6 .themeBox{padding-top: 0px;}
}