.w1500 { max-width: 1500px; margin: 0 auto;}
.bannerBox{height: 925px; padding-top: 154px; box-sizing: border-box; background: url(/images/cxxcyyf_head_bannar_02.jpg) no-repeat center; background-color: #c5e8ff; }
.zt-warp .zt-content{ padding-bottom: 82px; background: url(/images/cxxcyyf_content_bg_04.jpg) no-repeat top center;  background-size: cover; background-color: #c3e7ff;  }
.common{position: relative; margin-bottom: 200px; box-shadow: 0px 0px 13px rgba(1, 137, 207, 0.4); background-color: #ecfbff; border-radius: 20px;}
.common:last-child{margin-bottom: 0px;}
.theme .titleBox{ position: absolute; left: 50%; transform: translateX(-50%); top: -122px;}
.theme.th1 .theme_box{padding: 140px 100px 120px;}
.theme.th1 .theme_box video{width: 100%; height: 100%;}

.theme.th2 .theme_box{padding: 75px 80px; }
.theme.th2 .theme_box .item{background-color: #d7f1fe; padding: 63px 0; margin-bottom: 40px;}
.theme.th2 .theme_box .item p{font-size: 22px; color: #1f5888; line-height: 43px; }
.theme.th2 .theme_box .item.item1{padding-right: 299px; padding-left: 44px;  border-radius: 0px 35px 35px 35px; position: relative; background-image: url(/images/cxxcyyhf_th2_icon1_03.png); background-repeat: no-repeat; background-position: right center;}
.theme.th2 .theme_box .item .titBox{position: absolute; width: 125px; height: 57px; line-height: 57px;font-size: 22px; color: #fff; font-weight: bold; text-align: center;  background-color: #5ba2e4; }
.theme.th2 .theme_box .item.item1 .titBox{left: 0px; top: 0px; border-left: 8px solid #78d8fb;}
.theme.th2 .theme_box .item.item1 .titBox::before{content: ''; position: absolute; right: -43px; top: 0px; bottom: 0px; width: 43px; height: 57px; background: url(/images/cxxcyyf_th2_jt_03.png) no-repeat;}
.theme.th2 .theme_box .item.item2{padding-right: 65px; padding-left: 280px; padding-bottom: 20px;  border-radius: 35px 0px 35px 35px; position: relative; background-image: url(/images/cxxcyyhf_th2_icon2.png); background-repeat: no-repeat; background-position: left center;}
.theme.th2 .theme_box .item.item2 .titBox{right: 0px; top: 0px; border-right: 8px solid #78d8fb;}
.theme.th2 .theme_box .item.item2 .titBox::before{content: ''; position: absolute; left: -43px; top: 0px; bottom: 0px; width: 43px; height: 57px; background: url(/images/cxxcyyf_th2_jt_11.png) no-repeat;}
.theme.th3 .theme_box{padding: 80px; padding-bottom: 67px; }
.theme.th3 .theme_box ul li a{display: block; padding: 25px 0px; padding-right:70px; font-size: 22px; color: #1f5888; line-height: 43px; padding-left: 126px; position: relative; background-color: #d7f1fe; border-radius: 46px; margin-bottom: 24px;}
.theme.th3 .theme_box ul li:last-child a{margin-bottom: 0px;}
.theme.th3 .theme_box ul li a .titBox{position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 93px; height: 93px; border: 6px solid #fff; font-size: 30px; color: #fff; font-weight: bold; line-height: 77px; text-align: center; background-color: #3d9beb; background-image: linear-gradient(to bottom, #61b2f8, #1985df); border-radius: 100%; }
.theme.th4 .theme_box{padding: 76px 164px 85px 264px; background: url(/images/cxxcyyhf_th4_icon.png) no-repeat 79px center; }
.theme.th4 .theme_box .item {border-radius: 40px; background-color: #d7f1fe; }
.theme.th4 .theme_box .item > a{display: block; padding: 25px 46px; font-size: 22px; color: #1f5888; line-height: 43px; }

.theme.th5 .theme_box{padding: 67px 80px 76px; }
.theme.th5 .theme_box .ty{ font-size: 22px; color: #1f5888; font-weight: bold; line-height: 43px; margin-bottom: 60px;}
.theme.th5 .theme_box ul li{background-color: #d7f1fe; min-height: 99px; border-radius: 0px 46px 46px 46px;position: relative; padding-left: 75px; padding-top: 40px; padding-bottom: 15px; padding-right: 66px; margin-bottom: 52px;}
.theme.th5 .theme_box ul li:last-child{margin-bottom: 0px;}
.theme.th5 .theme_box ul li .liContent{font-size: 22px; color: #1f5888;}
.theme.th5 .theme_box ul li .titBox{position: absolute; left: -18px; top: -36px; background-color: #5ba2e4; font-size: 22px; color: #fff; font-weight: bold; height: 54px; line-height: 54px; padding-left: 31px; padding-right: 10px; border-radius: 0px 30px 0px 0px;}
.theme.th5 .theme_box ul li .titBox::before{content: ''; position: absolute; left: 5px; bottom: -12px; border: 12px solid transparent; transform: rotate(45deg); border-bottom-color:#3180c9;}

.theme.th6 .theme_box{padding:75px 80px 70px;}
.theme.th6 .theme_box ul li{position: relative; margin-bottom: 45px; border-radius: 0px 35px 35px 35px; background-color: #d7f1fe; padding-left: 45px; padding-right: 64px; padding-top: 64px; padding-bottom: 49px;}
.theme.th6 .theme_box ul li > p{font-size: 22px; color: #1f5888; line-height: 43px;}
.theme.th6 .theme_box ul li:last-child{margin-bottom: 0px;}
.theme.th6 .theme_box ul li .titBox{position: absolute; top: -13px; left: 0px; background-color: #5ba2e4; height: 60px; line-height: 60px; border-radius:0px 35px 35px 0px; font-size: 22px; color: #fff; font-weight: bold; padding-left: 72px; padding-right: 30px;}
.theme.th6 .theme_box ul li .titBox .xh{position: absolute; left: -28px; top: 50%; transform: translateY(-50%); width: 82px; height: 82px; background-color: #2e92e6; background-image: linear-gradient(to bottom, #1b86e0, #54aaf2); border-radius: 100%; text-align: center; font-size: 24px; line-height: 82px;}

@media screen and (min-width: 1922px) { 
  .bannerBox{background-size: cover; height: 1000px;}
}
@media screen and (max-width: 1660px) {
  .w1500{max-width: 1200px;}
  .theme.th1 .theme_box{padding: 80px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox{padding: 0 15px; padding-top: 60px; height: 360px; background-size: cover;}
  .zt-warp .zt-content{padding: 0px 15px 25px;}
  .common{border-radius: 8px; padding: 25px 15px 15px !important; margin-bottom: 65px;}
  .theme .theme_box{padding: 0px !important;}
  .theme .titleBox{ top: -48px;}
  .theme .titleBox img{height: 60px;}
  .theme.th2 .theme_box .item{background-image: none !important; margin-bottom: 15px; padding: 40px 10px 10px !important;  border-radius: 10px !important;}
  .theme.th2 .theme_box .item p{font-size: 14px; line-height: 26px;}
  .theme.th2 .theme_box .item .titBox{font-size: 15px; height: 30px; line-height: 30px; width: 70px;}
  .theme.th2 .theme_box .item .titBox::before{ width: 24px !important; height: 30px !important; background-size: auto 100% !important;}
  .theme.th2 .theme_box .item.item1 .titBox::before{right: -23px;}
  .theme.th2 .theme_box .item.item2 .titBox::before{left: -23px;}
  .theme.th3 .theme_box ul li a .titBox{position: initial; transform: none; display: inline-block; margin-bottom: 10px; width: 40px; height: 40px; line-height: 32px; border-width: 3px; font-size: 18px;}
  .theme.th3 .theme_box ul li a{font-size: 14px; line-height: 26px; text-align: center; margin-bottom: 15px; border-radius: 8px; padding: 10px;}
  .theme.th3 .theme_box ul li a .liContent{display: block;}
  .theme.th4 .theme_box{background-image: none;}
  .theme.th4 .theme_box .item > a{font-size: 14px; line-height: 26px; padding: 10px; border-radius: 8px;}
  .theme.th5 .theme_box .ty{font-size: 14px; line-height: 26px; margin-bottom: 45px;}
  .theme.th5 .theme_box ul li{padding:15px 10px 10px; border-radius: 0px 8px 8px 8px; min-height: auto;}
  .theme.th5 .theme_box ul li .liContent{ font-size: 14px; line-height: 26px;}
  .theme.th5 .theme_box ul li .titBox{left: -10px;top: -28px; font-size: 15px; height: 35px; line-height: 35px; padding-left: 15px;}
  .theme.th5 .theme_box ul li{margin-bottom: 40px;}
  .theme.th5 .theme_box ul li .titBox::before{left: 3px; bottom: -7px; border-width: 7px;}

  .theme.th6 .theme_box ul li{padding:0px 0px 15px; border-radius: 8px;}
  .theme.th6 .theme_box ul li > p{font-size: 14px; line-height: 26px; padding: 0 10px;}
  .theme.th6 .theme_box ul li .titBox{position: initial; display: block; margin-bottom: 10px; height: auto;padding: 4px 10px; border-radius: 0px; font-size: 15px; line-height: 26px;}
  .theme.th6 .theme_box ul li .titBox .xh{position: initial; transform: none; line-height: initial; font-size: initial; background: none; background-image: none;}
  .theme.th6 .theme_box ul li{margin-bottom: 15px;}
} 

@media screen and (max-width: 760px) {
  .bannerBox{ height: 260px; }
}