.w1500 { max-width: 1500px; margin: 0 auto;}
.bannerBox{height: 698px; padding-top: 154px; box-sizing: border-box; background: url(../images/ytqtfsjyj_head_bg_02.jpg) no-repeat center; background-color: #c5e8ff; }
.zt-warp .zt-content{ padding-top: 98px; padding-bottom: 82px; background: url(../images/ytqtfsjyj_content_bg_03.jpg) no-repeat top center;  background-color: #c3e7ff;  }
.common{position: relative; margin-bottom: 97px; box-shadow: 0px 0px 13px #3c6b9b; box-shadow: 0px 0px 13px rgba(9, 76, 145, 0.3); background-color: #bcf5ff; padding: 10px; border-radius: 30px;}
.common:last-child{margin-bottom: 0px;}
.common > .theme_box{background-color: #fff; border-radius: 25px; padding:122px 40px 40px;}
.common > .titBox{position: absolute; left: 50%; top: -26px; transform: translateX(-50%); font-size: 51px; padding: 0 60px; min-width: 475px; height: 97px; line-height: 94px; text-align: center; box-sizing: border-box;  color: #b65f3b; font-weight: bold;}
.common > .titBox::before{content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: -1;   border-radius: 0px 0px 60px 60px; border-radius: 0px 0px 60px 60px; background-image: linear-gradient(to bottom, #fff1c6, #ffcc67);}
.common > .titBox::after{content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: -7px; z-index: -2; background-color: #ffe3b4;  border-radius: 0px 0px 60px 60px;}
.theme.th1 .theme_box{padding-bottom: 85px;}
.theme.th1 .theme_box video{width: 100%; height: 100%;}
.theme.th2 .theme_box{padding-top: 96px; background-image: url(../images/ytqtfsjyj_img_05.png); background-position: center right; background-repeat: no-repeat;}
.theme.th2 .themeContent{font-size: 20px; font-weight: bold; color: #4669a9; padding-left: 50px; padding-right: 360px; line-height: 43px;}
.theme.th3 .theme_box{padding-left: 330px; padding-right: 130px; padding-top: 104px; padding-bottom: 75px; background-image: url(../images/ytqtfsjyj_img_09.png); background-repeat: no-repeat; background-position: 80px center;}
.theme.th3 .theme_box .themeContent{ font-size: 20px; font-weight: bold; color: #4669a9; padding: 18px 65px; background-color: #e3f1ff; border-radius: 35px 35px 35px 0px;}
.theme.th3 .theme_box .themeContent>a{ display: inline-block; margin: 10px 0;}

.theme.th4 .theme_box ul li{position: relative; margin-bottom: 65px; font-size: 20px; line-height: 38px; color: #4669a9; font-weight: bold; background-color: #e3f1ff; border-radius: 20px; padding: 43px 45px 24px;}
.theme.th4 .theme_box ul li:last-child{margin-bottom: 0px;}
.theme.th4 .theme_box ul li .titBox{font-size: 26px; max-width: 100%; box-sizing: border-box; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 25px; padding-right: 40px; font-weight: bold; line-height: 58px; position: absolute; left: 0px; top: -35px; height: 60px; background-image: linear-gradient(to bottom, #76cefe, #2678e9); border-radius: 0px 40px 40px 0px; }
.theme.th5 .theme_box{padding-top: 97px;}
.theme.th5 .theme_box ul{margin-left: -20px;}
.theme.th5 .theme_box ul li{float: left; width: 50%; padding-left: 20px; margin-bottom: 16px;}
.theme.th5 .theme_box ul li a{display: block; position: relative; height: 74px; line-height: 72px; background-image: linear-gradient(to right, #fff, #e3f1ff); border-radius: 60px; font-size: 19px; font-weight: bold; color: #4669a9; padding-left: 102px; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.theme.th5 .theme_box ul li a .xh{ width: 88px; position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: #4ea3f3; font-size: 26px; text-align: center; color: #fff; background-image: linear-gradient(to bottom, #77cffe, #297aea); line-height: 70px; padding-left: 10px; box-sizing: border-box; }
.theme.th5 .theme_box ul li a .xh::after{content: ''; position: absolute; right: -15px; top: 0px; bottom: 0px; background: url(../images/ytqtfsjyj_img_13.png) no-repeat center; width: 15px;}
.theme.th6 .theme_box{padding-top: 85px;}
.theme.th6 .theme_box .js{font-size: 26px; color: #4669a9; font-weight: bold; margin-bottom: 55px;}
.theme.th6 .theme_box ul {margin-left: -19px;}
.theme.th6 .theme_box ul li{float: left; width: 11.111111%; padding-left: 19px}
.theme.th6 .theme_box ul li a{display: block; position: relative; height: 100px; font-size: 20px; text-align: center; padding: 0 10px; color: #4669a9; background-color: #e3f1ff; border-radius: 6px; padding-left: 15px; padding-top: 13px; }
.theme.th6 .theme_box ul li a i{display: inline-block; position: relative; top: 50%; transform: translateY(-50%); font-weight: bold; position: relative;}
.theme.th6 .theme_box ul li a .titBox{position: absolute; top: -16px;left: 50%; transform: translateX(-50%); width: 113px; height: 32px; line-height: 30px; text-align: center; color: #fff; font-weight: bold; background-color: #55aaf5; background-image: linear-gradient(to bottom, #77cefe, #2879ea); border-radius: 30px;}
.theme.th7 .theme_box{padding-top: 95px;}
.theme.th7 ul {margin-left: -30px;}
.theme.th7 ul li {float: left; width: 50%; padding-left: 30px; margin-bottom: 20px;} 
.theme.th7 ul li:last-child{margin-bottom: 0px;}
.theme.th7 ul li.w100{width: 100%;}
.theme.th7 ul li a{display: block; padding-left: 55px;padding-top: 15px; padding-right: 15px; position: relative; height: 150px; color: #4669a9; background-color: #e3f1ff; border-radius: 6px;}
.theme.th7 ul li a .tit{display: block; font-size: 24px; font-weight: bold; line-height: 43px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.theme.th7 ul li a .txt {font-size: 20px; line-height: 33px; max-height: 66px; overflow: hidden;}
.theme.th7 ul li a .xh{font-size: 24px; color: #b65f3b; font-weight: bold; position: absolute; left: -7px; top: 22px; width: 42px; height: 34px; line-height: 32px; text-align: right; padding-right: 4px; background-color: #ffdc91; background-image: linear-gradient(to right, #fff2c7, #ffd275);}
.theme.th7 ul li a .xh::after{content: ''; position: absolute; right: -10px; top: 0px; bottom: 0px; background: url(../images/ytqtfsjyj_img_17.png) no-repeat center; width: 10px;}
.theme.th8 .theme_box{padding-top: 89px;}
.theme.th8 .theme_box .sm{font-size: 24px; color: #4669a9; line-height: 1; margin-bottom: 33px; font-weight: bold;} 
.theme.th8 .theme_box ul li{position: relative; margin-bottom: 16px; background-color: #e3f1ff; border-radius: 6px; padding-left: 30px; padding-top: 95px; padding-right: 28px; padding-bottom: 28px; }
.theme.th8 .theme_box ul li > p{font-size: 20px; color: #4669a9; font-weight: bold; line-height: 39px;}
.theme.th8 .theme_box ul li .titBox{position: absolute; top: 24px; left: -14px; height: 50px; font-size: 24px; color: #fff; font-weight: bold; line-height: 48px; padding-left: 10px; padding-right: 42px; background-image: linear-gradient(to bottom,#78d0fe,#2778e9); }
.theme.th8 .theme_box ul li .titBox::before{content: ''; position: absolute; left: 4px; bottom: -10px; border: 10px solid transparent; border-bottom-color: #2f66b4;  transform: rotate(45deg);}
.theme.th8 .theme_box ul li .titBox::after{content: ''; position: absolute; right: 0px; bottom: 0px; top: 0px; border: 26px solid transparent; border-right-color: #e3f1ff; }
@media screen and (min-width: 1922px) { 
  .bannerBox{background-size: cover; height: 1000px;}
}
@media screen and (max-width: 1660px) {
  .w1500{max-width: 1200px;}
  .common > .titBox{font-size: 42px;}
  .theme.th5 .theme_box ul li a .xh{font-size: 22px; width: 70px;}
  .theme.th5 .theme_box ul li a{font-size: 16px; padding-left: 80px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox{height: 400px; background-size: cover; padding: 0 15px; padding-top: 55px;}
  .zt-warp .zt-content{padding: 30px 15px;}
  .common{padding: 5px; margin-bottom: 25px; border-radius: 10px;}
  .common > .theme_box{border-radius: 10px; padding: 30px 10px 15px !important;}
  .common > .titBox{font-size: 18px; white-space: nowrap; top: -13px; min-width: auto; height: 35px; line-height: 33px; padding: 0 25px;}
  .common > .titBox::before{ border-radius: 0px 0px 20px 20px;}
  .common > .titBox::after{border-radius: 0px 0px 20px 20px; bottom: -3px;}
  .theme.th2 .theme_box{background-image: none;}
  .theme.th2 .themeContent{padding: 0px; font-size: 13px; line-height: 23px;}
  .theme.th3 .theme_box{background-image: none;}
  .theme.th3 .theme_box .themeContent{padding:5px 10px; font-size: 13px; line-height: 23px; border-radius: 6px;}
  .theme.th4 .theme_box{padding-top: 50px !important;}
  .theme.th4 .theme_box ul li .titBox{top: -20px; font-size: 15px; height: 35px; line-height: 33px; padding-left: 10px; padding-right: 10px;}
  .theme.th4 .theme_box ul li{padding: 10px; padding-top: 25px; margin-bottom: 34px; font-size: 13px; line-height: 23px;}
  .theme.th5 .theme_box ul{margin-left: 0px;}
  .theme.th5 .theme_box ul li{width: 100%; float: none; padding-left: 0px;}
  .theme.th5 .theme_box ul li a{height: 35px; line-height: 33px;}
  .theme.th5 .theme_box ul li a .xh{line-height: 33px; font-size: 15px; text-align: center; padding-left: 0px; width: 40px;} 
  .theme.th5 .theme_box ul li a{font-size: 13px; padding-left: 50px; padding-right: 10px;}
  .theme.th5 .theme_box ul li a .xh::after{background-size: auto 100%; right: -11px;}
  .theme.th6 .theme_box .js{font-size: 14px; margin-bottom: 20px;} 
  .theme.th6 .theme_box ul li{width: 50%; margin-bottom: 20px;}
  .theme.th6 .theme_box ul li:last-child{margin-bottom: 0px;}
  .theme.th6 .theme_box ul li a{font-size: 13px; height: 70px; padding: 15px 15px 0px;}
  .theme.th6 .theme_box ul li a .titBox{font-size: 14px; width: 70px; height: 26px; top: -12px; line-height: 24px;}
  .theme.th7 ul {margin-left: 0px;}
  .theme.th7 ul li{float: none; padding-left: 0px; width: 100%; margin-bottom: 10px;}
  .theme.th7 ul li a{padding-left: 34px; padding-top: 12px; padding-right: 10px; padding-bottom: 10px; height: auto;}
  .theme.th7 ul li a .xh{font-size: 15px; width: 28px; height: 28px; line-height: 26px; top: 10px;}
  .theme.th7 ul li a .xh::after{background-size: auto 100%; right: -8px;}
  .theme.th7 ul li a .tit{font-size: 15px; line-height: 30px; margin-bottom: 5px;}
  .theme.th7 ul li a .txt{font-size: 13px; line-height: 23px;}
  .theme.th8 .theme_box .sm{font-size: 16px; line-height: 26px; margin-bottom: 10px;}
  .theme.th8 .theme_box ul li .titBox{top: 16px; left: -6px; font-size: 15px; height: 35px; line-height: 33px;}
  .theme.th8 .theme_box ul li .titBox::before{left: 2px; bottom: -4px; border-width: 4px;}
  .theme.th8 .theme_box ul li .titBox::after{border-width: 18px;}
  .theme.th8 .theme_box ul li{padding: 10px; padding-top: 59px;}
  .theme.th8 .theme_box ul li > p{font-size: 13px; line-height: 23px;}
}

@media screen and (max-width: 760px) {
  .bannerBox{height: 210px; padding: 0 15px; padding-top: 55px;}
}