body{background-color: #f4f4f4;}
.bannerBox.gl{height: 620px; background: url('/uploadfiles/img/zsgl_kcxfzzc_head_img_01.jpg') no-repeat top center; background-size: cover; }
.warpBox.gl .theme{padding: 56px 45px; box-sizing: border-box; background-color: #fff;  }
.warpBox.gl .theme .txtLeft{margin-bottom: 40px;}
.warpBox.gl .theme .txtLeft b{display: block;}
.warpBox.gl .theme .txtLeft .b1{font-size: 45px;line-height: 54px; color: #333;font-weight: initial;}
.warpBox.gl .theme .txtLeft .b2{font-size: 29px; color: #b8b8b8; font-weight: initial;}
.warpBox.gl .themeItem{margin-bottom: 15px;}
.warpBox.gl .themeItem .topBox{height: 60px; line-height: 60px; background-color: #be9250; position: relative; padding-left: 43px; padding-right: 60px;}
.warpBox.gl .themeItem .topBox .titBox{font-size: 24px; color: #fff; font-weight: bold;}
.warpBox.gl .themeItem .topBox .openBtn{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 60px; height: 60px;}
.warpBox.gl .themeItem .topBox .openBtn::before{content: ''; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 24px; height: 4px; background-color: #fff; }
.warpBox.gl .themeItem .topBox .openBtn::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: height .3s; height: 24px; width: 4px; background-color: #fff; }
.warpBox.gl .themeItem .topBox .openBtn.on::after{height: 0px;}

.warpBox.gl .themeItem .themeItem_box{padding: 40px 107px 60px; background-image: linear-gradient(to bottom, #fff7ea, #ffffff);}
.warpBox.gl .themeItem .themeItem_box .titleBox{font-size: 30px; text-align: center; color: #815e2e; font-weight: bold; margin-bottom: 30px;}
.warpBox.gl .themeItem .themeItem_box .zlItem{position: relative; margin-bottom: 25px; padding-left: 165px;}
.warpBox.gl .themeItem .themeItem_box .zlItem .zlTit{position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 136px; height: 130px; padding: 10px; box-sizing: border-box; background-color: #c5a06b; border-radius: 20px;}
.warpBox.gl .themeItem .themeItem_box .zlItem .zlTit > span{display: block; height: 100%; font-size: 24px; color: #fff; font-weight: bold; text-align: center; box-sizing: border-box; padding-top: 14px; padding-left: 28px; padding-right: 20px; letter-spacing: 8px; border: 1px solid rgba(255, 255, 255, 0.3) ; border-radius: 14px;}
.warpBox.gl .themeItem .themeItem_box .zlItem .zlTit::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -32px; border: 16px solid transparent; border-left-color: #c39c64;}
.warpBox.gl .themeItem .themeItem_box .zlItem .zlItemBox{padding: 30px 33px; border-radius: 20px; background-color: #ffedd5;}
.warpBox.gl .themeItem .themeItem_box .zlItem .zlItemBox > p{font-size: 18px; color: #815e2e; font-weight: bold;}
/* .warpBox.gl .themeItem .themeItem_box .zlItem.s2{padding: 17px 20px;}  */
.warpBox.gl .themeItem .themeItem_box .zlItem ul{margin-left: -16px;}
.warpBox.gl .themeItem .themeItem_box .zlItem ul li{float: left; width: 50%; padding-left: 16px; box-sizing: border-box; }
.warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox{font-size: 0px; margin-bottom: 15px;}
.warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liTit{display: inline-block; background-color: #c7a371; border-top-right-radius: 30px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 15px; padding-right: 33px;} 
.warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liContent > div{background-color: #fff; padding: 23px 18px; border-bottom-right-radius: 20px;}
.warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liContent > div p{font-size: 16px; color: #815e2e; padding-left: 24px; margin-bottom: 6px; position: relative;}
.warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liContent > div p::before{content: ''; position: absolute; left: 0px; top: 8px; width: 8px; height: 8px; border-radius: 100%; background-color: #815e2e;}

.warpBox.gl .themeItem.th2 .themeItem_box .titleBox{text-align: center;}
.warpBox.gl .themeItem.th2 .themeItem_box .jj{font-size: 18px; color: #815e2e; margin-bottom: 40px;}
.warpBox.gl .themeItem.th2 .themeItem_box{padding: 0px; padding-top: 28px; background-image: none;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom{padding: 0 180px;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1{padding: 0 80px; margin-bottom: 23px; position: relative;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1:last-child{margin-bottom: 0px;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1 > span{ display: block; position: relative; z-index: 2; width: 320px; text-align: center; font-size: 22px; height: 56px; line-height: 56px; border-radius: 30px;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1 > span.span1{background-color: #be9250; color: #fff;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1::before{content: ''; position: absolute; left: 80px; right: 80px; top: 50%; transform: translateY(-50%); height: 1px; background-color: #be9250; }
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1.not::before{display: none;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1 > span.span2{background-color: #fff; color: #be9250; border: 1px solid #be9250;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1 > span.span3{background-color: #ffedd5; color: #be9250; border: 1px solid #be9250;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1{ margin-bottom: 57px; padding: 25px 0;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1 .d1 > span{display: inline-block; position: relative;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1 .d1 > span::before{content: ''; position: absolute; left: 50%; bottom: -53px; transform: translateX(-50%); width: 1px; height: 53px; background-color: #be9250;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1 .d1 > span::after{content: ''; position: absolute; left: 0px; right: 0px; bottom: -53px; height: 1px; background-color: #be9250;}

.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box{position: relative; margin-bottom: 33px; padding: 32px 0; border: 1px dashed #e2caa5; border-radius: 30px;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box .titBox{font-size: 28px; color: #be9250; font-weight: bold; text-align: center; line-height: 40px; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 40px; padding: 15px 0; background-color: #fff;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2{padding: 23px 0;}
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2 .d1 > span::before{content: ''; position: absolute; width: 1px; height: 56px; top: -56px; left: 50%; transform: translateX(-50%); background-color: #be9250; }
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2 .d1 > span.sp1::after{content: ''; position: absolute; right: 0px; left: 50%; top: -56px; height: 1px; background-color: #be9250; }
.warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2 .d1 > span.sp2::after{content: ''; position: absolute; left: 0px; right: 50%; top: -56px; height: 1px; background-color: #be9250; }

.warpBox.gl .themeItem.th3 .themeItem_box{ padding: 29px 80px 60px; background-image: linear-gradient(to bottom, #fff7ea, #ffffff);}
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox {width: 100%; }
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox td{ border-bottom: 1px solid #eacfaa; border-right: 1px solid #eacfaa; background-color: #fff; padding: 22px 0; text-align: center; font-size: 16px; color: #815e2e;}
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox td:last-child{border-right: none;}
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox th{font-weight: bold; background-color: #ffedd5; border-right: 1px solid #eacfaa; font-size: 18px; color: #815e2e;  padding: 22px 0; text-align: center;}
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox th:last-child{border-right: none;}
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox .pjmc{width: 31%; text-align: left; padding-left: 68px;}
.warpBox.gl .themeItem.th3 .themeItem_box .tableBox .year{width: 40%;}
.warpBox.gl .themeItem.th3 .themeItem_box .tableContent .ps{font-size: 14px; color: #815e2e; padding-top: 10px;}

.warpBox.gl .themeItem.th3 .themeItem_box .listsBox{padding-top: 20px; position: relative;}
/* .warpBox.gl .themeItem.th3 .themeItem_box .listsBox ul {margin-left: -56px;} */
/* .warpBox.gl .themeItem.th3 .themeItem_box .listsBox ul li{float: left; padding-left: 56px; box-sizing: border-box; width: 33.3333%;} */
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox a{display: block;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox a .imgBox{font-size: 0px;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox a .imgBox img{max-width: 100%;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox a .txt{display: block; font-size: 18px; color: #815e2e; padding-top: 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox .s1MySwiper{overflow: hidden;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox .s1MySwiper .swiper-button-next {right: -46px;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox .s1MySwiper .swiper-button-prev {left: -46px;}
.warpBox.gl .themeItem.th3 .themeItem_box .listsBox .s1MySwiper .swiper-button-disabled{opacity: 0;}

.warpBox.gl .themeItem.th4 .themeItem_box{padding: 48px 80px 69px; background-image: linear-gradient(to bottom, #fff7ea, #ffffff);}
.warpBox.gl .themeItem.th4 .themeItem_box ul li a{display: block; margin-bottom: 22px; position: relative; background-color: #fce6c4; height: 66px; line-height: 66px; border-radius: 40px; padding-left: 48px; padding-right: 130px; font-size: 18px; color: #815e2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.warpBox.gl .themeItem.th4 .themeItem_box ul li:last-child a{margin-bottom: 0px;}
.warpBox.gl .themeItem.th4 .themeItem_box ul li a::before{content: ''; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 100%; background-color: #815e2e;}
.warpBox.gl .themeItem.th4 .themeItem_box ul li a .time{position: absolute; right: 24px; top: 50%; transform: translateY(-50%);}

.warpBox.gl .themeItem.th5 .themeItem_box{padding: 37px 400px;}
.warpBox.gl .themeItem.th5 .themeItem_box .titleBox{font-size: 28px; color: #be9250;}
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box {text-align: center;} 
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box > p{display: inline-block; text-align: right; font-size: 20px; line-height: 44px; color: #535353;}
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box > .imgBox{display: inline-block; padding: 20px; border-radius: 10px; border: 1px solid #c5a775; margin-left: 50px;}
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 {text-align: center; padding-top: 32px; padding-left: 30px;}
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span{ display: inline-block; vertical-align: middle; font-size: 29px; color: #815e2e; }
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span.sp1{margin-right: 80px; position: relative;}
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span.sp1::before{content: ''; position: absolute; right: -67px; top: 50%; transform: translateY(-50%); width: 45px; height: 26px; background: url(../img/gl/zsgl_gl_icon1.png) no-repeat center; }
.warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span.sp2{font-size: 23px;}

@media screen and (max-width: 1655px) {
  .warpBox.gl .themeItem .themeItem_box{padding: 40px;}
  .warpBox.gl .themeItem .themeItem_box .titleBox{font-size: 24px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlTit{width: 112px; height: 108px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlItemBox > p{font-size: 16px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liContent > div p{font-size: 14px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlTit > span{font-size: 18px; padding-left: 21px; padding-right: 13px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liContent > div{height: 180px; box-sizing: border-box;}
  .warpBox.gl .themeItem.th2 .themeItem_box .jj{font-size: 16px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1 > span{font-size: 18px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom{padding: 0 30px;}
  .warpBox.gl .themeItem.th3 .themeItem_box{padding: 30px;}
  .warpBox.gl .themeItem.th3 .themeItem_box .listsBox ul li a .imgBox img{max-width: 100%;}
  .warpBox.gl .themeItem.th4 .themeItem_box{padding: 45px;}
  .warpBox.gl .themeItem.th5 .themeItem_box{padding: 37px 260px; }
}
@media screen and (max-width: 1200px) {
  .bannerBox.gl{height: 220px;}
  .warpBox.gl{padding: 0 15px;}
  .warpBox.gl .theme{padding:  20px 15px 25px;}
  .warpBox.gl .theme .txtLeft {margin-bottom: 10px;}
  .warpBox.gl .theme .txtLeft .b1{font-size: 22px; line-height: 26px; font-weight: bold;}
  .warpBox.gl .theme .txtLeft .b2{font-size: 18px;}
  .warpBox.gl .themeItem .topBox{height: 40px; line-height: 40px; padding-left: 15px; padding-right: 40px;}
  .warpBox.gl .themeItem .topBox .titBox{font-size: 17px;}
  .warpBox.gl .themeItem .topBox .openBtn{width: 40px; height: 40px;}
  .warpBox.gl .themeItem .topBox .openBtn::before{right: auto; left: 50%; transform: translate(-50%, -50%);}
  .warpBox.gl .themeItem .themeItem_box{padding: 20px 15px 0px;}
  .warpBox.gl .themeItem .themeItem_box .titleBox{font-size: 17px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem{padding-left: 0px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlTit{width: 100%; height: auto; margin-bottom: 15px; position: initial; transform: none;}
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlTit::after{display: none;}
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlItemBox{padding: 15px; }
  .warpBox.gl .themeItem .themeItem_box .zlItem .zlTit > span{padding: 10px 0;}
  .warpBox.gl .themeItem .themeItem_box .zlItem ul{margin-left: 0px;}
  .warpBox.gl .themeItem .themeItem_box .zlItem ul li{padding-left: 0px; float: none; width: auto;}
  .warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liTit{font-size: 16px; max-width: 100%; box-sizing: border-box;}
  .warpBox.gl .themeItem .themeItem_box .zlItem ul li .liBox .liContent > div{padding: 10px; height: auto;}
  .warpBox.gl .themeItem.th2 .themeItem_box{padding-top: 15px;}
  .warpBox.gl .themeItem .themeItem_box .titleBox{margin-bottom: 10px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .jj{font-size: 14px; margin-bottom: 15px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom{padding: 0px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1{padding: 0px 15px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1 > span{float: none; width: 100%; margin-bottom: 10px; font-size: 16px; height: 35px; line-height: 35px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d1::before{display: none;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box .titBox{font-size: 17px; line-height: 22px; left: -10px; width: 22px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box{padding: 15px 0 5px; margin-bottom: 15px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1 .d1 > span::after{display: none;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2 .d1 > span::before, .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2 .d1 > span.sp2::after, .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s2 .d1 > span.sp1::after{display: none;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1{margin-bottom: 10px;}
  .warpBox.gl .themeItem.th2 .themeItem_box .th2_bottom .d2Box.s1{ padding: 10px 0 0px;}
  .warpBox.gl .themeItem.th3 .themeItem_box{padding: 15px;}
  .warpBox.gl .themeItem.th3 .themeItem_box .tableBox .pjmc{padding: 0px; text-align: center;}
  .warpBox.gl .themeItem.th3 .themeItem_box .tableBox th{font-size: 16px; padding: 10px 0;}
  .warpBox.gl .themeItem.th3 .themeItem_box .tableBox td{font-size: 14px;}
  .warpBox.gl .themeItem.th3 .themeItem_box .tableBox td{padding: 10px 0;}
  .warpBox.gl .themeItem.th3 .themeItem_box .listsBox ul{margin-left: 0px;}
  .warpBox.gl .themeItem.th3 .themeItem_box .listsBox ul li{float: none; width: auto; margin-bottom: 15px; padding-left: 0px;}
  .warpBox.gl .themeItem.th3 .themeItem_box .listsBox ul li a .txt{font-size: 16px;}
  .warpBox.gl .themeItem.th4 .themeItem_box{padding: 20px 15px;}
  .warpBox.gl .themeItem.th4 .themeItem_box ul li a{font-size: 13px; height: 40px; margin-bottom: 10px; line-height: 40px; padding-left: 32px; padding-right: 86px;}
  .warpBox.gl .themeItem.th4 .themeItem_box ul li a::before{left: 13px; width: 6px; height: 6px;}
  .warpBox.gl .themeItem.th4 .themeItem_box ul li a .time{right: 7px;}
  .warpBox.gl .themeItem.th5 .themeItem_box{padding: 20px 15px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .titleBox{font-size: 17px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box > p{font-size: 15px; text-align: center; line-height: 28px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box > .imgBox{margin-top: 10px; margin-left: 0px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box2{padding-top: 15px; padding-left: 0px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span{font-size: 17px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span.sp2{font-size: 14px;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span.sp1::before{width: 35px; right: -50px; background-size: 100% auto;}
  .warpBox.gl .themeItem.th5 .themeItem_box .th5Box2 > span.sp1{margin-right: 56px;}

  .warpBox.gl .themeItem.th3 .themeItem_box .listsBox .s1MySwiper .swiper-button-next{right: -26px; background-size: 15px;}
  .warpBox.gl .themeItem.th3 .themeItem_box .listsBox .s1MySwiper .swiper-button-prev{left: -26px; background-size: 15px;}
 

}