.gazctkb {background-color: #eedfca; }
.gazctkb a{text-decoration: none;}
.gazctkb .head_top.fw{  height: 987px;  background: url(/newimages/ctkbyjs_head_01.jpg) no-repeat top center; }
.gazctkb_wrap{padding-top: 38px; background-color: #eedfca; background-image: url(/newimages/ctkbyjs_content_03.jpg); overflow: hidden; background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 90px;}
.bgBox{background-color: #ffffff; box-shadow: 0px 0px 18px rgba(179, 124, 8, 0.3); border-radius: 30px;}
.gazctkb .th1{margin-bottom: 72px; border: 8px solid #01563f; box-shadow: 0px 0px 7px rgba(33, 117, 253, 0.4); padding: 2px; border-radius: 37px; background-color: #fff;}
.gazctkb .th1 .themeBox{border: 5px solid #992019; padding: 42px 40px; border-radius: 27px;}
.gazctkb .th1 .themeBox p{font-size: 20px; color: #05533c; line-height: 38px; text-indent: 2em; font-weight: bold;}
.gazctkb .th2 {margin-bottom: 108px;}
.gazctkb .th2 .themeBox .leftBox{width: 950px;}
.gazctkb .th2 .themeBox .leftBox .th2_mySwiper{width: 100%;}
.gazctkb .th2 .themeBox .leftBox .th2_mySwiper img{max-width: 100%; box-shadow: 0px 10px 21px rgba(10, 49, 0, 0.3);}
.gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-next, .gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-prev{ width: 65px; height: 65px;  background-color: rgba(141, 95, 4, 0.8); border-radius: 100%; background-image: url(/newimages/ctkbyjs_qh_icons.png); background-size: auto; background-position: 20px 15px;}
.gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-next{background-position-x: -95px;}
.gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-disabled{opacity: 1; background-color: rgba(249, 219, 194, 0.8); background-position-y: -56px;}

.gazctkb .th2 .rightBox{width: 520px; height: 1219px; padding: 39px 18px; padding-left: 62px; box-sizing: border-box; border-radius: 10px; background-color: #fff8ee;  box-shadow: 0px 10px 21px rgba(10, 49, 0, 0.3);}
.gazctkb .th2 .rightBox .titBox{margin-bottom: 32px;} 
.gazctkb .th2 .rightBox .titBox img{max-width: 100%;}
.gazctkb .th2 .rightBox .tip{font-size: 20px; color: #333; padding-right: 20px; margin-bottom: 20px; font-weight: bold;}
.gazctkb .th2 .rightBox .selectBox { overflow: hidden; overflow-y: auto; max-height: 826px; padding-right: 10px; background: url(/newimages/ckbyjs_zndb_bg.png) no-repeat right bottom; }
.gazctkb .th2 .rightBox .selectBox::-webkit-scrollbar {width: 8px;}
.gazctkb .th2 .rightBox .selectBox::-webkit-scrollbar-track{border-radius: 10px; background-color: #f6ebdd;}
.gazctkb .th2 .rightBox .selectBox::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #b54434;}
.gazctkb .th2 .rightBox .selectItem .tBox{font-size: 20px; color: #333; margin-bottom: 20px;}
.gazctkb .th2 .rightBox .selectItem .tBox .iBox{color: #6B48A2; cursor: pointer;}
.gazctkb .th2 .rightBox .selectItem .optionBox a{display: block; position: relative; padding-left: 42px; margin-bottom: 18px; font-size: 20px; color: #333;}
.gazctkb .th2 .rightBox .selectItem .optionBox a:not(.on):before{content: ''; position: absolute; left: 6px; top: 6px; width: 20px; height: 20px; background-color: #fff; border-radius: 100%; border: 1px solid #a3a2a2; }
.gazctkb .th2 .rightBox .selectItem .optionBox a.on::after{content: ''; position: absolute; left: -2px; top: -3px; width: 35px; height: 33px; background: url(/newimages/ckbyjs_seleced_icon.png) no-repeat; }
.gazctkb .th2 .rightBox .submitBox{margin-top: 25px;}
.gazctkb .th2 .rightBox .submitBox .submitBtn{display: inline-block; transition: .3s; font-weight: bold; width: 184px; height: 53px; line-height: 53px; font-size: 20px; color: #ab681c; background: url(/newimages/ckbyjs_submit_bg.png) no-repeat;}
.gazctkb .th2 .rightBox .submitBox .submitBtn:hover{opacity: 0.8;}
.gazctkb .th3 { margin-bottom: 77px; padding: 40px 67px; border-radius: 30px; box-shadow: 0px 0px 9px rgba(156, 137, 111, 0.6);  border: 4px solid #fff; background-color: rgba(255, 255, 255, 0.6);}
.gazctkb .th3 .btn1{padding: 60px 0px 70px; padding-left: 237px; background: url(/newimages/ctkbyjs_th3_icon.png) no-repeat left center;}
.gazctkb .th3 .btn1 .btnBox{margin-left: -159px; }
.gazctkb .th3 .btn1 .btnItem{float: left; width: 25%; padding-left: 159px; box-sizing: border-box;}
.gazctkb .th3 .btn1 .btnItem > a{display: block; position: relative; width: 100%; height: 150px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 0px 9px rgba(156, 137, 111, 0.3); text-align: center; font-size: 0px;}
.gazctkb .th3 .btn1 .btnItem > a img{position: relative; top: 50%; transform: translateY(-50%);}
.gazctkb .th3 .btn1 .btnItem > a .s2{display: none}
.gazctkb .th3 .btn1 .btnItem > a .zs i{position: absolute; background-color: rgba(239, 211, 183, 0.6); width: 66px; height: 20px;}
.gazctkb .th3 .btn1 .btnItem > a .zs i.i1{left: -22px; top: 0px; transform: rotate(-45deg);}
.gazctkb .th3 .btn1 .btnItem > a .zs i.i2{right: -22px; top: 0px; transform: rotate(45deg);}
.gazctkb .th3 .btn1 .btnItem > a .zs i.i3{left: -22px; bottom: 0px; transform: rotate(45deg);}
.gazctkb .th3 .btn1 .btnItem > a .zs i.i4{right: -22px; bottom: 0px; transform: rotate(-45deg);}
.gazctkb .th3 .btn1 .btnItem > a.active .s2{display: inline-block;}
.gazctkb .th3 .btn1 .btnItem > a.active .s1{display: none;}
.gazctkb .th3 .btn1 .btnItem > a.active::before{content: ''; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 8px; background-color: #b54434;}
.gazctkb .th3 .btn1 .btnItem > a.active::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -26px; border: 13px solid transparent; border-top-color: #b54434;}
.gazctkb .th3 .btn1 .btnItem > a .i5{position: absolute; right: -113px; top: 50%; transform: translateY(-50%); width: 66px; height: 5px; background: url(/newimages/ctkbyjs_link_icon.png) no-repeat; }
.gazctkb .th3 .btn1 .btnItem:last-child > a .i5{display: none;}

.gazctkb .th3 .switchBox1{background-color: #fff; padding: 60px 35px; border-radius: 10px;}
.gazctkb .th3 .switchBox1 .btn2 {margin-bottom: 17px;}
.gazctkb .th3 .switchBox1 .btn2 a{float: left; width:50%; height: 106px; font-size: 22px; color: #050101; font-weight: bold; line-height: 106px; text-align: center; border-right: 5px solid #fff; border-left: 5px solid #fff; box-sizing: border-box; height: 106px; background-color: #f8f1e9;}
.gazctkb .th3 .switchBox1 .btn2 a.active{position: relative; background-color: #e39f67; color: #ffffff;}
.gazctkb .th3 .switchBox1 .btn2 a.active::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -34px; border: 17px solid transparent; border-top-color: #e39f67 ;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox{text-align: center; padding-top: 40px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem{display: inline-block; vertical-align: top; text-align: left; }
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1{padding-right: 55px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 > p{font-size: 18px; margin-bottom: 25px; font-weight: bold; color: #333333;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 ul{margin-bottom: 40px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 ul li{padding-left: 13px; position: relative; font-size: 18px; color: #333; line-height: 37px; }
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 ul li::before{content: ''; position: absolute; left: 0px; top: 16px; width: 6px;height: 6px; border-radius: 100%; background-color: #333333;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 ul li .content{font-weight: bold;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 .flowBtn{font-size: 0px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 .flowBtn a{display: inline-block; vertical-align: middle; padding: 6px 33px; border-radius: 4px; margin-right: 49px; background-color: #e39f67; color: #fff; font-size: 18px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 .flowBtn a:last-child{margin-right: 0px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2{padding-left: 72px;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul {position: relative;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li{position: relative; height: 70px; padding-left: 42px; font-size: 18px; color: #333333; }
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li .num1{position: absolute; left: -18px; top: -2px; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li .num1 > em{position: relative; z-index: 1;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li .num1::before{content: ''; transform: rotate(45deg);  position: absolute; left: 0px; top: 0px; background-color: #e39f67; width: 100%; height: 100%;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li::before{content: ''; position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; box-sizing: border-box; border-left: 1px dashed #e39f67 ;}
.gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li:last-child:before{display: none;}

.gazctkb .th4 .themeBox .leftBox{width: 832px; box-sizing: border-box; padding: 35px; border-radius: 30px; box-shadow: 0px 0px 9px rgba(156, 137, 111, 0.6); background-color: rgba(255, 255, 255, 0.6);  border: 4px solid #fff; margin-right: 44px;}
.gazctkb .th4 .themeBox ul{height: 460px; padding-left: 10px; overflow: hidden; overflow-y: auto; padding-right: 22px;}
 /* 设置滚动条的样式 */
 .gazctkb .th4 .themeBox ul::-webkit-scrollbar {
  width:10px;
  }
  /* 滚动槽 */
  .gazctkb .th4 .themeBox ul::-webkit-scrollbar-track {
  border-radius:10px;
  background:#ecdbc4;
  }
  /* 滚动条滑块 */
  .gazctkb .th4 .themeBox ul::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:#e9b369;
  }

.gazctkb .th4 .themeBox ul li{padding: 59px 35px 25px; position: relative; background-color: #fff; border-radius: 20px; margin-top: 46px;  }
.gazctkb .th4 .themeBox ul li:first-child{margin-top: 30px;}
.gazctkb .th4 .themeBox ul li .titleBox{position: absolute; left: 10px; top: -13px; right: 0px; margin-bottom: 22px; padding-left: 83px; padding-right: 25px;  background-color: #e39f67;  border-radius: 30px; min-height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #fff; display: flex; align-items: center;}
.gazctkb .th4 .themeBox ul li .titleBox .iconBox{display: block; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); background-color: #fff; box-shadow: 0px 0px 12px rgba(30, 135, 225, 0.3);  text-align: center; border-radius: 100%; width: 74px; height: 74px; line-height: 111px; }
.gazctkb .th4 .themeBox ul li .titleBox em{ font-weight: bold; display: table-cell; overflow: hidden; text-overflow: ellipsis; line-height: 25px;}
.gazctkb .th4 .themeBox ul li p{font-size: 18px; color: #333360; line-height: 36px;}

.gazctkb .th4 .rightBox{position: relative; width: 482px; height: 705px; padding:120px 64px 60px; padding-left: 100px; background: url(/newimages/ctkbyjs_th4_bg.png) no-repeat; box-sizing: border-box; border-radius: 20px;}
.gazctkb .th4 .rightBox::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -243px; width: 284px; height: 680px; background: url(/newimages/ctkbyjs_th4_icon.png) no-repeat;}
.gazctkb .th4 .rightBox .imgBox{  margin-bottom: 48px; }
.gazctkb .th4 .rightBox .nameBox{ margin-left: 30px; transform: rotate(-5deg); display: inline-block; font-size: 25px; font-weight: bold; margin-bottom: 41px; background-color: #fff; padding: 6px 15px; border: 1px solid #b0712a; text-align: center; color: #ab681c; border-radius: 40px;}
.gazctkb .th4 .rightBox .item { margin-left: 23px; transform: rotate(-5deg); padding-left: 29px; font-size: 21px; color: #ab681c;margin-bottom: 23px; }
.gazctkb .th4 .rightBox .item:last-child{margin-bottom: 0px;}
.gazctkb .th4 .rightBox .item .iconBox{position: absolute; left: 0px; top: 0px; font-size: 0px;}
.gazctkb .th4 .rightBox .item .txt{display: inline-block; vertical-align: middle; margin-left: 15px;}
.gazctkb .th4 .rightBox .item.phone .txt a{color: #ab681c;}

.msgBox{ font-size: 20px; color: #333; padding-top: 0px;}

.gazctkb .switchBox .register{margin-left: -45px; padding-top: 19px;}
.gazctkb .switchBox .sldjBox{padding: 40px 35px; background-color: #f8f1e9; border-radius: 20px;}
.gazctkb .switchBox .ritem{width: 50%; float: left; padding-left: 45px; margin-bottom: 20px; box-sizing: border-box;}
.gazctkb .switchBox .boxSha{box-shadow: 0px 0px 8px #a4b5cd;}
.gazctkb .switchBox .ritem .ritemP{font-size: 20px; color: #0f587a; font-weight: bold; margin-bottom: 20px; }
.gazctkb .switchBox .ritem .ritemP > b{ color: #082736}
.gazctkb .switchBox .ritem .ritem_box{ border-radius: 6px; overflow: hidden; border: 1px solid #fff; background-color: #fdf1e4;}
.gazctkb .switchBox .ritem .ritem_box .itemC{background-color: #fff; padding: 30px 23px; height: 102px;  position: relative;} 
.gazctkb .switchBox .register.hBox .ritem .ritem_box .itemC{height: 170px;}
.gazctkb .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 166px;}
.gazctkb .switchBox .ritem .ritem_box .itemC .itemCP{display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.gazctkb .switchBox .ritem .ritem_box .tit1{ padding: 12px 10px; background-color: #e39f67; font-size: 23px; color: #fff; text-align: center; font-weight: bold;} 
.gazctkb .switchBox .ritem .ritem_box .itemC p{font-size: 18px; line-height: 34px; color: #7e381d;}
.gazctkb .switchBox .ritem .ritem_box .itemC .btn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.gazctkb .switchBox .ritem .ritem_box .itemC .btn a{display: block; width: 130px; height: 40px; line-height: 40px; transition: .3s; margin: 9px 0; box-sizing: border-box; border-radius: 6px; border: 1px solid #e9b369; font-size: 16px; color: #e9b369; text-align: center;}
.gazctkb .switchBox .ritem .ritem_box .itemC .btn a:hover{opacity: 0.8;}
.gazctkb .switchBox .ritem .btnBox{text-align: center; font-size: 0px; padding: 20px 0;}
.gazctkb .switchBox .ritem .btnBox a{display: inline-block; transition: .3s; font-size: 18px; color: #fff; padding: 6px 31px; border-radius: 6px; background-color: #e39f67; margin: 0 11px;}
.gazctkb .switchBox .ritem .btnBox a .icon{font-size:0px; margin-right: 12px; display: inline-block; vertical-align: middle;} 
.gazctkb .switchBox .ritem .btnBox a .txt{display: inline-block; vertical-align: middle;} 
.gazctkb .switchBox .ritem .btnBox a:hover{opacity: 0.8;}

.gazctkb .switchBox .sldjleft .titBox{font-size: 26px; color: #7e381d; font-weight: bold; margin-bottom: 30px; }
.gazctkb .switchBox .sldjleft .sldjItem{ font-size: 18px; color: #7e381d; line-height: 37px;}
.gazctkb .switchBox .sldjleft .sldjItem .label .iconBox{display: inline-block; vertical-align: middle; font-size: 0px; line-height: 1;}
.gazctkb .switchBox .sldjleft .sldjItem .label .txt{display: inline-block; vertical-align: middle; font-size: 18px; color: #7e381d; font-weight: bold;}
.gazctkb .switchBox .sldjleft .sldjItem .span1{display: block; }

.gazctkb .switchBox .sjBox .titBox1{font-size: 32px; color: #fff; display: inline-block; margin-bottom: 23px; font-weight: bold; padding: 16px 60px; background-color: #e39f67;}
.gazctkb .switchBox .sjBox .titBox1.t1{margin-top: 70px;}
.gazctkb .switchBox .sjBox .titBox2 {height: 70px; position: relative; margin-top: 66px; margin-bottom: 84px; overflow: hidden; line-height: 70px;display: inline-block; font-size: 22px; color: #e39f67; padding-left: 180px; padding-right: 40px; background-color: #fdf1e4; border-radius: 6px;}
.gazctkb .switchBox .sjBox .titBox2 .label{position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: #e39f67; height: 100%; color:#fff; width: 134px; text-align: center;}
.gazctkb .switchBox .sjBox .titBox2 .label::after{content: ''; position: absolute; right: -20px; bottom: 0px; border: 70px solid transparent; border-left-width: 20px; border-right-width: 20px; border-bottom-color: #e39f67;}
.gazctkb .switchBox .sjBox .lcBox .leftImage{width: 50%; float: left; }
.gazctkb .switchBox .sjBox .lcBox .rightists{width: 48%; float: right; }
.gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox{background-color: #fcf8f2;  padding: 40px 0; padding-left: 45px; padding-right: 30px; border-radius: 6px;}
.gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul{height: 690px; overflow: hidden; padding-right: 20px; overflow-y: auto;}
.gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul::-webkit-scrollbar {width: 8px;}
.gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul::-webkit-scrollbar-track{border-radius: 10px; background-color: #fff;}
.gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #e39f67;}
.gazctkb .switchBox .sjBox .lcBox .rightists ul li p{font-size: 20px;  color: #e39f67; line-height: 40px;}

.gazctkb .switchBox .sjBox .lcBox .leftImage img{max-width: 100%;}

.gzkb.popBg{ visibility: hidden; opacity: 0; transition: opacity .3s; position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.3); z-index: 999;}
.gzkb.popBg .popBox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.9); opacity: .5; transition: .3s; transition-delay: 0.3s; box-sizing: border-box; width: 1200px; padding: 64px 0 56px; padding-left: 68px; padding-right: 32px; background-color: #F0EFEB; border-radius: 20px;}
.gzkb.popBg.on{visibility: visible; opacity: 1;}
.gzkb.popBg.on .popBox{transform: translate(-50%, -50%) scale(1); opacity: 1;}
.gzkb.popBg .popBox .popContent{max-height: 500px; overflow: hidden; overflow-y: auto;}
.gzkb.popBg .popBox .popContent::-webkit-scrollbar{width: 7px; background-color: #fff; border-radius: 10px;}
.gzkb.popBg .popBox .popContent::-webkit-scrollbar-thumb{background-color: #B5924E; border: none; border-radius: 10px;}
.gzkb.popBg .popBox .popContent > p{font-size: 20px; line-height: 38px; color: #B5924E;}
.gzkb.popBg .popBox .popContent > p.s1{font-weight: bold;}
.gzkb.popBg .popBox .closeBtn{position: absolute; right: 19px; top: 11px; transition: 0.3s; color: #bfbfbf; font-size: 44px; line-height: 1;}
.gzkb.popBg .popBox .closeBtn:hover{color: red;}

@media screen and (min-width: 1922px) {
  .gazctkb .head_top.fw{background-size: cover; height: 1150px;}
}

@media screen and (max-width: 1660px) {
  .gazctkb .th3 .btn1 .btnBox{margin-left: -100px;}
  .gazctkb .th3 .btn1 .btnItem{padding-left: 100px;}
  .gazctkb .th3 .btn1 .btnItem > a{height: 140px;}
  .gazctkb .th3 .btn1 .btnItem > a .i5{right: -86px;}
  .gazctkb .th4 .themeBox .leftBox{width: 600px;}
  .gazctkb .th4 .rightBox{width: 453px; background-size: 100% auto;}
  .gazctkb .th4 .rightBox .imgBox{margin-bottom: 30px;}
  .gazctkb .th4 .rightBox .nameBox{margin-left: 10px;}
  .gazctkb .th4 .rightBox .item .txt{margin-left: 10px;}
  .gazctkb .th4 .rightBox .item{margin-bottom: 10px;}

  .gazctkb .th2 .themeBox .leftBox{width: 700px;}
  .gazctkb .th2 .themeBox .leftBox img{max-width: 100%;}
  .gazctkb .th2 .rightBox{width: 480px;}
  .gazctkb .th2 .rightBox .selectBox{max-height: 514px;}
  .gazctkb .th2 .rightBox{height: 901px;}

  .gazctkb .switchBox .ritem .ritem_box .tit1{font-size: 20px;}
  .gazctkb .switchBox .ritem .ritem_box .itemC p{font-size: 16px;}
  .gazctkb .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 130px;}
  .gazctkb .switchBox .ritem .ritem_box .itemC .btn{ right: 20px;}
  .gazctkb .switchBox .ritem .ritem_box .itemC .btn a{width: 110px;}
  .gazctkb .switchBox .ritem .ritemP{font-size: 18px;}
  .gazctkb .switchBox .sldjleft .sldjItem{font-size: 16px;}
  .gazctkb .switchBox .sjBox .lcBox .rightists ul li p{font-size: 16px; line-height: 32px;}
  .gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul{height: 488px;}
}

@media screen and (max-width: 1200px) {
  .gazctkb .head_top.fw{height: 330px; background-size: cover;}
}
@media screen and (max-width: 760px) {
  .gazctkb .head_top.fw{height: 300px; background-size: cover; background-position-y: 30px;}
  .gazctkb_wrap{padding: 20px 15px;}
  .gazctkb .th1{border-radius: 8px; border-width: 4px; margin-bottom: 15px;}
  .gazctkb .th1 .themeBox{border-radius: 6px; padding: 10px; border-width: 2px;}
  .gazctkb .th1 .themeBox p{font-size: 13px; line-height: 24px;}
  .gazctkb .th2{margin-bottom: 15px;}
  .gazctkb .th3{border-radius: 8px; padding: 15px 10px;}
  .gazctkb .th3 .titleBox {margin-bottom: 15px;}
  .gazctkb .th3 .titleBox img{height: 50px;}
  .gazctkb .th3 .btn1{padding: 0px; background: none;}
  .gazctkb .th3 .btn1 .btnBox{margin-left: -35px;}
  .gazctkb .th3 .btn1 .btnItem{width: 50%; padding-left: 35px; margin-bottom: 35px;}
  .gazctkb .th3 .btn1 .btnItem > a .i5{display: none;}
  .gazctkb .th3 .switchBox1{padding: 15px 10px;}
  .gazctkb .th3 .switchBox1 .btn2 a{font-size: 16px; height: 40px; line-height: 40px;}
  .gazctkb .th3 .switchBox1 .btn2 a.active::after{border-width:10px ; bottom: -20px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox{padding-top: 10px; padding: 0 5px; text-align: left;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem{display: block; margin-bottom: 25px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem:last-child{margin-bottom: 0px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1{padding-right: 0px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 > p{font-size: 16px; margin-bottom: 10px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 ul li{font-size: 16px; line-height: 28px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 ul{margin-bottom: 15px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 .flowBtn{text-align: center;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item1 .flowBtn a{margin-right: 10px; font-size: 16px; padding: 4px 13px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2{padding-left: 15px;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li{font-size: 16px; padding-left: 29px; min-height: 69px; height: auto;}
  .gazctkb .th3 .switchBox1 .switchBox2 .flowBox .flowItem.item2 ul li .num1{width: 25px; height: 25px; line-height: 25px; left: -12px;}
  .gazctkb .th3{margin-bottom: 15px;}
  .gazctkb .th4 .themeBox .leftBox{width: 100%; float: none; border-radius: 8px; padding: 15px 10px;}
  .gazctkb .th4 .themeBox .leftBox .titleBox img{height: 50px;}
  .gazctkb .th4 .themeBox ul{padding-right: 8px; padding-left: 5px;}
  .gazctkb .th4 .themeBox ul::-webkit-scrollbar{width: 4px;}
  .gazctkb .th4 .themeBox ul li{padding: 15px; margin-top: 15px;}
  .gazctkb .th4 .themeBox ul li .titleBox{position: relative; top: 0px; font-size: 15px; margin-bottom: 11px; height: auto; line-height: 24px; padding: 6px; padding-left: 50px; }
  .gazctkb .th4 .themeBox ul li p{font-size: 14px; line-height: 26px;}
  .gazctkb .th4 .themeBox ul li .titleBox .iconBox{width: 50px; height: 50px; line-height: 73px;}
  .gazctkb .th4 .themeBox .leftBox .titleBox img{height: 35px;}
  .gazctkb .th4 .themeBox ul li .titleBox em{overflow: initial; white-space: wrap; text-overflow: initial;}
  .gazctkb .th4 .themeBox ul li:first-child{margin-top: 10px;}

  .gazctkb .th4 .rightBox{width: 100%; float: none; text-align: center;}
  .gazctkb .th4 .rightBox::after{display: none;}
  .gazctkb .th4 .rightBox{padding: 81px 52px 60px; padding-left: 80px;}
  .gazctkb .th4 .rightBox .imgBox{margin-bottom: 15px;}
  .gazctkb .th4 .rightBox .imgBox img{height: 60px;}
  .gazctkb .th4 .rightBox .nameBox{font-size: 16px; margin-bottom: 20px;}
  .gazctkb .th4 .rightBox .item{font-size: 14px; text-align: left;}
  .gazctkb .th4 .rightBox .item .iconBox img{height: 20px;}
  .gazctkb .th4 .rightBox .item .txt{margin-left: 0px;}
  .gazctkb .th4 .rightBox{height: 521px; background-size: auto 100%; background-position: center;}
  .msgBox{font-size: 16px;}

  .gazctkb .th2 .themeBox .leftBox{width: 100%; float: none;}
  .gazctkb .th2 .rightBox{width: 100%; height: auto; float: none; padding: 15px; margin-top: 10px;}
  .gazctkb .th2 .rightBox .titBox{margin-bottom: 15px;}
  .gazctkb .th2 .rightBox .tip{padding-right: 0px; margin-bottom: 10px; font-size: 16px;}
  .gazctkb .th2 .rightBox .selectItem .tBox{font-size: 14px;}
  .gazctkb .th2 .rightBox .selectItem .optionBox a{font-size: 14px;}
  .gazctkb .th2 .rightBox .selectItem .optionBox a:not(.on):before{width: 15px; height: 15px; top: 2px;}
  .gazctkb .th2 .rightBox .selectBox::-webkit-scrollbar{width: 4px;}
  .gazctkb .th2 .rightBox .selectBox{max-height: 300px;}
  
  .gazctkb .th2 .rightBox .submitBox .submitBtn{font-size: 16px; width: 100px; height: 30px; line-height: 30px; background-size: 100% auto;}
  .gazctkb .switchBox .sldjBox{padding: 10px;}
  .gazctkb .switchBox .ritem{width: 100%; float: none; padding-left: 0px; margin-bottom: 10px;}
  .gazctkb .switchBox .register{padding-top: 10px; margin-left: 0px;}
  .gazctkb .switchBox .ritem .ritem_box .tit1{font-size: 16px; height: auto; line-height: 26px;}
  .gazctkb .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 158px;}
  .gazctkb .switchBox .ritem .ritem_box .itemC .itemCP{position: initial; transform: none;}
  .gazctkb .switchBox .ritem .ritem_box .itemC p{font-size: 13px; line-height: 22px;}
  .gazctkb .switchBox .ritem .ritem_box .itemC .btn a{font-size: 13px; height: 25px; line-height: 22px;width: 120px;}
  .gazctkb .switchBox .ritem .btnBox a{font-size: 13px;}
  .gazctkb .switchBox .ritem .btnBox a{margin: 5px;}
  .gazctkb .switchBox .ritem .btnBox{padding: 5px 0;}
  .gazctkb .switchBox .ritem .ritem_box .itemC{padding: 10px; height: auto !important;}
  .gazctkb .switchBox .ritem.s1 .ritem_box .itemC{padding-right: 10px;}
  .gazctkb .switchBox .ritem .ritem_box .tit1{font-size: 14px;}
  .gazctkb .switchBox .ritem .ritem_box .itemC .btn{position: initial; transform: none;}
  .gazctkb .switchBox .ritem .ritem_box .itemC .btn a{width: auto;}
  .gazctkb .switchBox .ritem .ritemP{font-size: 14px; margin-bottom: 10px;}
  .gazctkb .switchBox .sldjleft .titBox{font-size: 20px; margin-bottom: 15px;}
  .gazctkb .switchBox .sldjleft .sldjItem .label .txt{font-size: 15px;}
  .gazctkb .switchBox .sldjleft .sldjItem{font-size: 13px; line-height: 24px;}
  .gazctkb .switchBox .sldjleft .sldjItem .label .iconBox img{width: 20px; max-height: 100%;}
  .gazctkb .switchBox .sjBox .titBox1{font-size: 22px; padding: 4px 16px; margin-bottom: 10px;}
  .gazctkb .switchBox .sjBox .titBox2 .label::after{display: none;}
  .gazctkb .switchBox .sjBox .titBox2 .label{width: 75px; display: flex; justify-content: center; align-items: center;}
  .gazctkb .switchBox .sjBox .titBox2{font-size: 16px; margin: 10px 0; line-height: 28px; height: auto; padding: 4px 10px; padding-left: 85px;}
  .gazctkb .switchBox .sjBox .lcBox .leftImage{float: none; width: 100%;}
  .gazctkb .switchBox .sjBox .lcBox .rightists{float: none; width: 100%;}
  .gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox{padding: 10px;}
  .gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul{padding-right: 10px;}
  .gazctkb .switchBox .sjBox .lcBox .rightists .rightistsBox ul::-webkit-scrollbar{width: 3px;}
  .gazctkb .switchBox .sjBox .lcBox .rightists ul li p{font-size: 13px; line-height: 26px;}


  .gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-next, .gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-prev{ width: 40px; height: 40px;  background-image: url(/newimages/ctkbyjs_qh_icons.png); background-size: 80px auto; background-position: 13px 10px;}
  .gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-next{background-position-x: -52px;}
  .gazctkb .th2 .themeBox .leftBox .th2_mySwiper .swiper-button-disabled{ background-position-y: -31px;}

  .gzkb.popBg .popBox{width: 95vw; padding: 40px 15px 20px; padding-left: 18px; border-radius: 10px;}
  .gzkb.popBg .popBox .closeBtn{right: 6px; top: -5px;}
  .gzkb.popBg .popBox .popContent{max-height: 80vh;}
  .gzkb.popBg .popBox .popContent > p{font-size: 14px; line-height: 28px;}
  .gzkb.popBg .popBox .popContent::-webkit-scrollbar{width: 4px;}
}