.bannerBox.ppln{height: 620px; background: url('/uploadfiles/img/zsgl_qypp_head_img_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.ppln{font-family: 'SourceHanSerifCN-Bold', sans-serif;}

.warpBox.ppln .th1{ margin-bottom: 40px; background-color: rgba(0, 0, 0, 0.8); }
.warpBox.ppln .th1 .videoClass{width: 100%; height: 860px;}
.warpBox.ppln .th2{height: 340px; margin-bottom: 45px; padding: 20px; box-sizing: border-box; background: url(/uploadfiles/img/zsjgl_ppln_th1_bg_04.jpg) no-repeat center; background-size: 100% 100%;}
.warpBox.ppln .th2 .themeBox{height: 100%; border-radius: 20px; background-image: linear-gradient(to right top, #fff3e0, #fefcf9);}
.warpBox.ppln .th2 .themeBox .th2_item{ float: left; box-sizing: border-box; position: relative; height: 100%; text-align: center; }
.warpBox.ppln .th2 .themeBox .th2_item.item1{width: 205px; padding-top: 34px;}
.warpBox.ppln .th2 .themeBox .th2_item::before{content: ''; position: absolute; top: 32px; bottom: 32px; right: 0px; width: 1px; background-color: #e4cca7;}
.warpBox.ppln .th2 .themeBox .th2_item:last-child:before{display: none;}
.warpBox.ppln .th2 .themeBox .th2_item.item2{width: 250px; padding-top: 40px;}
.warpBox.ppln .th2 .themeBox .th2_item .tit{font-size: 30px; color: #332c2b; margin-bottom: 17px;}
.warpBox.ppln .th2 .themeBox .th2_item .p1{font-size: 26px; color: #cba46a; line-height: 43px; }

.warpBox.ppln .th2 .themeBox .th2_item.item3{width: 250px; padding-top: 40px;}
.warpBox.ppln .th2 .themeBox .th2_item.item3 .p1 span{padding: 0 12px;}
.warpBox.ppln .th2 .themeBox .th2_item.item3 .p2{padding-top: 35px;}

.warpBox.ppln .th3{border: 1px solid #d8bd92; border-radius: 34px; box-sizing: border-box; padding: 71px 59px 5px;}
.warpBox.ppln .th3 .themeBox{margin-left: -60px;}
.warpBox.ppln .th3 .themeBox .th3_item {float: left; width: 50%; padding-left: 60px; box-sizing: border-box;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox{position: relative; height:700px; margin-bottom: 77px; box-sizing: border-box; padding: 67px 40px 10px; border: 1px solid #d8bd92; border-radius: 20px; background-color: #fefbf7; background-image: linear-gradient(to bottom, #fefcf9, #fff3e0);}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox{letter-spacing: 6px; position: absolute; top: -34px; left: 50%; transform: translateX(-50%); min-width: 233px; white-space: nowrap; padding: 0 15px; box-sizing: border-box; text-align: center; height: 67px; line-height: 67px; font-size: 44px; color: #b0813a; background-image: linear-gradient(to right, #faf0e3, #f2e0cc);}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox::before{content: ''; position: absolute; left: -44px; bottom: -49px; border: 49px solid transparent; border-left-color: #faf0e3; transform: rotate(45deg);}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox::after{content: ''; position: absolute; right: -47px; bottom: 19px; border: 49px solid transparent; border-right-color: #f2e0cc; transform: rotate(45deg);}

.warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox2{text-align: center; color: #cea871; background: linear-gradient(to bottom, #dab175, #af9167);  -webkit-background-clip: text; background-clip: text;  color: transparent;  font-size: 38px; line-height: 65px; }
.warpBox.ppln .th3 .themeBox .th3_item .itemBox .listsBox{margin-top: 34px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul {padding: 0 50px; font-family: '黑体';}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul li{margin-bottom: 44px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul li .tTop{font-size: 28px; font-weight: bold; color: #ae926b; display: block; text-align: center;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul li .bottomBox{ text-align: center; background: url(/uploadfiles/img/zsgl_qypp_th3_bg_04.png) no-repeat center; height: 64px; line-height: 72px; background-size: 100% auto; font-size: 20px; color: #ae926b;}

.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2{padding: 67px 58px 10px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .titBox2 {padding-top: 40px; margin-bottom: 55px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .titBox2 > i{padding: 0 18px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box{height: 175px; margin-bottom: 45px; font-family: '黑体'; box-sizing: border-box; padding-top: 41px; padding-left: 30px; background: url('/uploadfiles/img/zsgl_qypp_th3_bg2_04.png') no-repeat top center; background-size: 100% auto;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box:last-child{margin-bottom: 0px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box .tit{font-size: 28px; margin-bottom: 15px; font-weight: bold; color: #ae926b;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box p{font-size: 20px; color: #ae926b;}

.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3{padding: 67px 58px 10px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .titBox2 {padding-top: 40px; margin-bottom: 55px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .titBox2 > i{padding: 0 15px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists {padding: 0 14px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box{margin-bottom: 50px; font-family: '黑体'; color: #ae926b; padding-left: 32px; box-sizing: border-box; height: 91px; line-height: 94px; font-size: 20px;  background: url(/uploadfiles/img/zsgl_qypp_th3_bg3.png) no-repeat center;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box:last-child{margin-bottom: 0px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box p > b{font-size: 28px;}

.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4{padding: 82px 80px 10px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_top{padding-left: 90px; padding-top: 40px; height: 300px; background: url(/uploadfiles/img/zsgl_qypp_th3_bg4_12.png) no-repeat center;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_top p{font-size: 28px; line-height: 62px; color: #ae926b; font-family: '黑体'; letter-spacing: 65px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_bottom{padding: 0 14px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_bottom p{ padding-bottom: 20px; background: url(/uploadfiles/img/zsgl_qypp_th3_bg5.png) no-repeat center bottom; text-align: center; font-size: 22px; font-family: '黑体'; color: #ae926b;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_bottom p > b{font-size: 28px;}

.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 {padding: 57px 66px 10px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li{font-family: '黑体'; margin-bottom: 30px; text-align: center; background: url(/uploadfiles/img/zsgl_qypp_th3_bg7_04.png) no-repeat center bottom; background-size: 100% auto; height: 103px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li .tTop{font-size: 28px; color: #ae926b; font-weight: bold;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li .bottomBox{font-size: 26px; color: #ae926b;} 


.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 {padding: 67px 26px 10px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 .topImg{text-align: center; padding-top: 20px;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul{margin-left: -14px; font-family: '黑体';}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li{float: left; width: 25%; padding-left: 14px; box-sizing: border-box;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox{height: 330px; box-sizing: border-box; padding-top: 36px; text-align: center; background: url(/uploadfiles/img/zsgl_qypp_th3_bg8_08.png) no-repeat center; background-size: 100% auto;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox .liTop{display: inline-block; width: 83px; height: 113px; font-size: 28px; line-height: 32px; margin-bottom: 7px; color: #ae926b; font-weight: bold; background: url(/uploadfiles/img/zsgl_qypp_th3_bg10.png) no-repeat bottom;}
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox > p{display: flex; font-weight: bold; align-items: center; justify-content: center; margin-bottom: 14px; height: 44px;  font-size: 18px; color: #b29468;  }
.warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox .iconBox{height: 77px; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 1655px) {
  .warpBox.ppln .th1 .videoClass{height: 650px;}
  .warpBox.ppln .th2 .themeBox .th2_item.item1{width: 170px;}
  .warpBox.ppln .th2 .themeBox .th2_item.item1 img{height: 180px;}
  .warpBox.ppln .th2 .themeBox .th2_item.item2{width: 180px;}
  .warpBox.ppln .th2 .themeBox .th2_item .tit{font-size: 22px;}
  .warpBox.ppln .th2 .themeBox .th2_item .p1{font-size: 20px;}
  .warpBox.ppln .th2 .themeBox .th2_item.item3{width: 196px;}
  .warpBox.ppln .th2 .themeBox .th2_item.item1{padding-top: 57px;}

  .warpBox.ppln .th3{padding: 51px 24px 5px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox{ padding: 53px 20px 10px; height: 654px; margin-bottom: 55px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox{font-size: 36px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox2{font-size: 36px; line-height: 50px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2{padding: 67px 23px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .titBox2{padding-top: 0px; margin-bottom: 35px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .titBox2{padding-top: 0px; margin-bottom: 35px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3{padding: 67px 35px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box{background-size: 100% auto;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box{font-size: 18px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box p > b{font-size: 24px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4{padding: 42px 35px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_top{background-size: 100% auto; padding-left: 84px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5{padding: 57px 35px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li{height: 88px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li .tTop{font-size: 22px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li .bottomBox{font-size: 18px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 .topImg{padding-top: 0px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox .liTop{padding-top: 20px; width: 59px; font-size: 20px; line-height: 22px; height: 83px; background-size: 100% auto;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox > p{height: 35px; font-size: 14px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox .iconBox img{width: 60px;}
}

@media screen and (max-width: 1200px) {
  .bannerBox.ppln{height: 240px;}
  .warpContent{padding: 0 15px 25px;}
  .warpBox.ppln .th1 .videoClass{height: auto;}
  .warpBox.ppln .th1{margin-bottom: 15px;}
  .warpBox.ppln .th2{height: auto; padding: 0px;}
  .warpBox.ppln .th2 .themeBox .th2_item{float: none; padding: 15px 0 !important; width: auto !important;}
  .warpBox.ppln .th2{margin-bottom: 20px;}
  .warpBox.ppln .th2 .themeBox .th2_item::before{display: none !important;}
  .warpBox.ppln .th2 .themeBox .th2_item.item3 .p2{padding-top: 0px;}

  .warpBox.ppln .th3 .themeBox{margin-left: 0px;}
  .warpBox.ppln .th3 .themeBox .th3_item{float: none; width: auto; padding-left: 0px;}
  .warpBox.ppln .th3{padding: 35px 15px 5px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox{padding: 34px 15px 20px; height: auto; margin-bottom: 45px;}
  .warpBox.ppln .th3 .themeBox .th3_item:last-child .itemBox{margin-bottom: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox{font-size: 20px; min-width: 93px; height: 36px; line-height: 36px; top: -21px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox::before{border-width: 26px; left: -24px; bottom: -26px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox::after{border-width: 26px; right: -24px; top: -26px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .titBox2{font-size: 20px; line-height: 34px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul{padding: 0px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox .listsBox{margin-top: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul li{margin-bottom: 12px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul li .tTop{font-size: 18px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item1 ul li .bottomBox{font-size: 14px; height: 41px; line-height: 47px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2{padding: 23px 15px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .titBox2 > i{padding: 0 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .titBox2{margin-bottom: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box{padding: 10px; height: 92px; margin-bottom: 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box .tit{font-size: 17px; margin-bottom: 2px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item2 .item2Lists_box p{font-size: 14px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3{padding: 22px 15px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .titBox2{margin-bottom: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .titBox2 > i{padding:0 5px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists{padding: 0px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box p > b{font-size: 17px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item3 .item2Lists .item2Lists_box{font-size: 14px; padding-left: 14px; height: 49px; line-height: 52px; margin-bottom: 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4{padding: 28px 15px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_top{height: 138px; background: none; padding-top: 5px; padding-left: 63px;}
  
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_top p{font-size: 17px; line-height: 32px; letter-spacing: 23px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_bottom{padding: 0px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_bottom p{font-size: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item4 .item4_bottom p > b{font-size: 17px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5{padding: 25px 15px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li{background: none; height: auto; margin-bottom: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item5 .listsBox li .tTop{font-size: 17px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6{padding: 27px 15px 10px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 .topImg img{height: 100px;}

  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li{ width: 50%; margin-bottom: 15px;}
  .warpBox.ppln .th3 .themeBox .th3_item .itemBox.item6 ul li .liBox{padding-top: 0px; background-size: 100% 100%; height: 246px;}
}