.w1500{max-width: 1500px;margin: 0 auto;overflow: hidden;}
.big_logo{ height: 924px; background:#e9d6c4 url(/images/ctkbyjs_toptitBg.jpg) no-repeat center top;background-size:auto 100% ; overflow: hidden;}
.zt-warp .warpBox>.content{padding-bottom: 140px; background: #e9d6c4 url(/images/ctkbyjs_i1.png) repeat;}

.zt-warp .content .whiteBox{border-radius: 20px;border: 1px solid #fff;position: relative;background-color: rgba(255, 255, 255, .3);}
.zt-warp .content .h3tit{position: absolute;font-size: 0;top: -36px;left: 50%;transform: translateX(-50%);z-index: 3;}

.thMt{margin-top: 120px;}
.shadowBox{ box-shadow: 3px 3px #8a532a;}

.white-semiCircle li a{display: block;position: relative;font-size: 16px;color: #a87344;height: 60px;line-height: 60px;border-radius: 30px;background-color: #fff;padding-left: 45px;padding-right: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.white-semiCircle li a::before{content: '';position: absolute;width: 12px;height: 12px;border-radius: 50%;background-color: #a87344;left: 20px;top: 50%;transform: translateY(-50%);}
.white-semiCircle li:last-child a{margin-bottom: 0;}

.brown-bar::-webkit-scrollbar {width: 6px;height: 6px;background-color: #e9d6c4;border-radius: 3px;}
.brown-bar::-webkit-scrollbar-track {border-radius: 6px;background-color: #e9d6c4;}
.brown-bar::-webkit-scrollbar-thumb {border-radius: 3px;background: #a87344;}

.zt-warp .content .th1{padding: 90px 40px 50px 500px;background: rgba(255, 255, 255, .3) url(/images/ctkbyjs_t1Bg.png) no-repeat 30px 115px;}
.zt-warp .content .th1 .inner{padding-right: 35px;height: 360px;overflow: auto;}

.zt-warp .content .th2{position: relative;min-height: 940px; padding-left: 240px;}
.zt-warp .content .th2 .inner{position: static;padding: 75px 40px 30px  ;}
.zt-warp .content .th2 .inner h4{position: absolute;left: 0;top: 0;padding: 20px 0;}
.zt-warp .content .th2 .inner h4 a{display: block;position: relative;z-index: 1; width: 221px;height: 131px;background: url(/images/ctkbyjs_t2bg1.png) no-repeat center;background-size: 100% 100%;color: #a87344;font-size: 28px;text-align: center;line-height: 131px;margin-bottom: 120px;font-weight: bolder;}
.zt-warp .content .th2 .inner h4 a:last-child{margin-bottom: 0;}
.zt-warp .content .th2 .inner h4 a.active,
.zt-warp .content .th2 .inner h4 a:hover{opacity: 1; background-image: url(/images/ctkbyjs_t2bg2.png);color: #fff;}
.zt-warp .content .th2 .inner h4::before{content: '';display: block;position: absolute;left: 50%;top: 20px;transform: translateX(-50%);height: calc(100% - 60px);width: 0;box-sizing: content-box;border: 2px dashed #887475;z-index: 0;}

.zt-warp .content .th2 .stepBox .hasTab{position: relative;font-size: 0;}
.zt-warp .content .th2 .stepBox .hasTab a.tipBtn{position: relative;top: 0;width: 47%;margin-right: 5%;padding-left: 10px;  }
.zt-warp .content .th2 .stepBox .hasTab a.tipBtn:last-child{margin-right: 0;}
.zt-warp .content .th2 .stepBox .topTip{margin-top: 45px; padding: 35px 40px 25px;background-color: #fff;border-radius: 6px;border: 2px #a87344 solid;position: relative;}
.zt-warp .content .th2 .stepBox a.tipBtn{display: inline-block;width: 510px;color: #a87344;font-size: 20px;font-weight: bolder;position: absolute;top: -40px;padding: 10px ;}
.zt-warp .content .th2 .stepBox a.tipBtn{background: url(/images/ctkbyjs_t2i4.png) repeat center;background-size: 100% 100%;left: 0;}
.zt-warp .content .th2 .stepBox a.tipBtn::before{content: '';display: block;position: absolute;left: -16px;top: 0;width: 16px;height: 100%;background: url(/images/ctkbyjs_t2i2.png) no-repeat center;background-size: 100% 100%;transition: all .3s;}
.zt-warp .content .th2 .stepBox a.tipBtn::after{content: '';display: block;position: absolute;right: -21px;top: 0;width: 21px;height: 100%;transition: all .3s;background: url(/images/ctkbyjs_t2i3.png) no-repeat center;background-size: 100% 100%;}
.zt-warp .content .th2 .stepBox a.tipBtn img{margin-left: 10px;margin-right: 25px;}

.zt-warp .content .th2 .stepBox a.active.tipBtn{color: #fff;background: url(/images/ctkbyjs_t2i7.png) no-repeat center;background-size: 100% 100%}
.zt-warp .content .th2 .stepBox a.active.tipBtn::before{background: url(/images/ctkbyjs_t2i5.png) no-repeat center;background-size: 100% 100%}
.zt-warp .content .th2 .stepBox a.active.tipBtn::after{background: url(/images/ctkbyjs_t2i6.png) no-repeat center;background-size: 100% 100%}
.zt-warp .content .th2 .stepBox .topTip p{font-size: 18px;color: #333;line-height: 2;}

.zt-warp .content .th2 .stepBox .iconTip{margin: 25px 0 10px;font-size: 26px;color: #a87344;font-weight: bolder;}
.zt-warp .content .th2 .stepBox .iconTip img{margin-left: 15px;margin-right: 10px;}
.zt-warp .content .th2 .stepBox .itemBox{margin-top: 20px;}
.zt-warp .content .th2 .stepBox .itemBox.oneItem{display: flex;justify-content: center;}

.zt-warp .content .th2 .stepBox .item{width: 49%;float: left;margin-bottom: 20px; border-radius: 6px;border: 1px solid #a87344;background-color: #fff;padding: 1px;}
.zt-warp .content .th2 .stepBox .item:nth-child(2n){margin-left: 2%;}
.zt-warp .content .th2 .stepBox .item .tit{position: relative;background: #a87344;height: 80px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.zt-warp .content .th2 .stepBox .item .tit em{width: 100%;font-size: 23px;font-weight: bolder;color: #fff;display: block;text-overflow: ellipsis; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;padding: 0 15px;overflow: hidden;}
.zt-warp .content .th2 .stepBox .item .content{height: 200px;padding: 25px 180px 0 20px;position: relative;}
.zt-warp .content .th2 .stepBox .item .content.noTag{padding-right: 160px;}
.zt-warp .content .th2 .stepBox .item .content p{font-size: 18px;line-height: 1.8;} 
.zt-warp .content .th2 .stepBox .item .content .btns{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.zt-warp .content .th2 .stepBox .item .bottom{position: relative;height: 80px;background-color: #e7d2bf;}
.zt-warp .content .th2 .stepBox .item .bottom .btns{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);white-space: nowrap;}
.zt-warp .content .th2 .stepBox .item .whiteBtn{display: block;width: 135px;text-align: center; height: 40px;line-height: 38px;border-radius: 6px;border: 1px solid #a87344;color: #a87344;margin-bottom: 15px;font-size: 18px;}
.zt-warp .content .th2 .stepBox .item .whiteBtn:last-child{margin-bottom: 0 ;}
.zt-warp .content .th2 .stepBox .item .blueBtn{background: #a87344;display: inline-block;text-align: center; width: 135px;height: 40px;line-height: 38px;border-radius: 6px;color: #fff;font-size: 18px;margin-right: 20px;}
.zt-warp .content .th2 .stepBox .item .blueBtn:last-child{margin-right: 0 ;}
.zt-warp .content .th2 .scrollTip{display: none;text-align: center;color: #a87344;font-size: 20px;margin: 20px 0;}

.zt-warp .content .th2 .stepBox .emptyBox{font-size: 36px;text-align: center;padding: 60px;color: #333;}
.zt-warp .content .th2 .stepBox .emptyBox img{width: 100px;margin-right: 20px;}
.zt-warp .content .th2 .stepBox .tip{background-color: #fae5c0;border-radius: 6px;position: relative;padding: 30px 30px 30px 95px;color: #a7471d;font-size: 20px;line-height: 1.8;margin: 45px 0;}
.zt-warp .content .th2 .stepBox .tip::before{content: '';display: block;width: 48px;height: 48px;border-radius: 50%;background: #f29b76 url(/images/yycszxyjs_i1.png) no-repeat center center;background-size: auto 80%; position: absolute;left: 25px;top: 50%;transform: translateY(-50%);}

.zt-warp .content .th3{padding: 70px 690px 45px 45px;}
.zt-warp .content .th3 .inner{height: 580px;width: 100%;border-radius: 20px;background-color: #fff; }
.zt-warp .content .th3 .inner{padding: 30px 45px 60px;}
.zt-warp .content .th3 .inner ul{height: 100%;overflow: auto;padding-top: 30px;padding-left: 15px;padding-right: 35px;}
.zt-warp .content .th3 .inner ul li{position: relative;margin-bottom: 25px;}
.zt-warp .content .th3 .inner ul li:last-child{margin-bottom: 0;}
.zt-warp .content .th3 .inner ul li .tit{display: block;position: relative; min-height: 50px;border: 1px solid #432307;border-radius: 25px;background-color: #e7d2bf;font-size: 18px;color: #a87344;padding: 10px 35px 10px 75px; box-shadow: 0 3px #c28d38;margin-bottom: 10px;}
.zt-warp .content .th3 .inner ul li .tit::before{content: '';display: block;width: 72px;height: 72px;border-radius: 50%;box-shadow: 0 0 10px rgba(238, 156, 89, .3);position: absolute;top: 50%;left: -12px;transform: translateY(-50%); z-index: 3;background:#fff url(/images/ctkbyjs_t3i1.png) no-repeat 8px 8px;}
.zt-warp .content .th3 .inner ul li p{color: #333;font-size: 18px;line-height: 2;}

.zt-warp .content .th3 .right{width: 560px;position: absolute;top: 405px;right: 60px  ;}
.zt-warp .content .th3 .right .name span{display: block;position: relative;width: 560px;height: 70px;border-radius: 35px;margin: 0 auto;background-color: #e7d2bf;border: 1px solid #a87344;color: #8b5428;font-size: 28px;line-height: 68px;letter-spacing: 15px;font-weight: bolder;}
.zt-warp .content .th3 .right .name span img{vertical-align: -10px;}
.zt-warp .content .th3 .right p{margin-bottom: 20px;text-align: center;font-size: 22px;}
.zt-warp .content .th3 .right p i{margin-right: 20px;}
.zt-warp .content .th3 .right p:last-child{margin-bottom: 0;}
.zt-warp .content .th3 a.wyzx{position: absolute;font-size: 0;top: 0;right: 30px;display: block;text-align: center;}
.zt-warp .content .th3 a.wyzx:hover{opacity: .6;}

.zt-warp .content .th3 .right .detail_info{padding:0 100px;}
.zt-warp .content .th3 .right .detail_info p{ text-align: left; word-break: break-all}


.zt-warp .content .th4{padding: 90px 200px 90px 370px;background:rgba(255, 255, 255, .3) url(/images/ctkbyjs_t4bg1.png) no-repeat 120px center;}


@media screen and (max-width: 1680px){
  .w1500{max-width: 1200px;}
  .big_logo{height: 810px;}
  .thMt{margin-top: 90px;}
  .zt-warp .warpBox>.content{padding-bottom: 90px;}
  .zt-warp .content .h3tit{top: -26px;}
  .zt-warp .content .h3tit img{height: 65px;}

  .white-semiCircle li a{font-size: 15px;height: 45px;line-height: 45px;padding-left: 35px;padding-right: 25px;}
  .white-semiCircle li a::before{width: 8px;height: 8px;}

  .zt-warp .content .th1{padding: 70px 30px 30px 450px;background-size: 375px auto;}
  .zt-warp .content .th1 .inner{padding-right: 20px;}

  .zt-warp .content .th2{padding-left: 220px;min-height: 750px;}
  .zt-warp .content .th2 .inner h4 a{width: 200px;height: 115px;line-height: 115px;font-size: 24px;margin-bottom: 85px;}

  .zt-warp .content .th2 .stepBox  a.tipBtn{font-size: 18px;top: -30px;}
  .zt-warp .content .th2 .stepBox  a.tipBtn img {margin-right: 15px;height: 25px;vertical-align: -5px;}
  .zt-warp .content .th2 .stepBox .topTip{padding: 20px ;}
  .zt-warp .content .th2 .stepBox .topTip p{font-size: 16px;}
  .zt-warp .content .th2 .stepBox .item .tit{height: 65px;}
  .zt-warp .content .th2 .stepBox .item .tit em{font-size: 20px;}
  .zt-warp .content .th2 .stepBox .item .content{padding-right: 150px;}
  .zt-warp .content .th2 .stepBox .item .content p{font-size: 16px;}
  .zt-warp .content .th2 .stepBox .item .content .btns{right: 12px;}
  .zt-warp .content .th2 .stepBox .item .bottom{height: 60px;}
  .zt-warp .content .th2 .stepBox .item .whiteBtn{font-size: 16px;width: 120px;}
  .zt-warp .content .th2 .stepBox .item .blueBtn{font-size: 16px;width: 120px;}

  .zt-warp .content .th2 .stepBox .emptyBox{font-size: 28px;}
  .zt-warp .content .th2 .stepBox .emptyBox img{width: 75px;}
  .zt-warp .content .th2 .stepBox .tip{font-size: 18px;margin: 25px 0;padding: 15px 20px 15px 75px;}
  .zt-warp .content .th2 .stepBox .tip::before{width: 36px;height: 36px;left: 20px;}
  .zt-warp .content .th3 {padding: 55px 560px 30px 30px;}
  .zt-warp .content .th3 .inner{height: 520px;padding: 20px 25px 30px;}
  .zt-warp .content .th3 .inner ul{padding-right: 25px;}
  .zt-warp .content .th3 .inner ul li .tit{font-size: 16px;padding-left: 70px;}
  .zt-warp .content .th3 .inner ul li .tit::before{width: 65px;height: 65px;background-size: 45px;background-position: 9px 9px;}
  .zt-warp .content .th3 .inner ul li p{font-size: 16px;}
  .zt-warp .content .th3 .right{width: 470px;top: 315px;}
  .zt-warp .content .th3 .right .name span{width: 100%;font-size: 22px;}
  .zt-warp .content .th3 .right p{font-size: 20px;} 
  .zt-warp .content .th3 a.wyzx{right: 15px;}
  .zt-warp .content .th3 a.wyzx img{height: 315px;}
  .zt-warp .content .th3 .right .detail_info{padding:0 75px;}
  .zt-warp .content .th4{background-size: 110px auto;padding: 70px 90px 70px 320px;}
  .zt-warp .content .th2 .stepBox a.tipBtn::after{right: -20px;}
  .zt-warp .content .th2 .stepBox a.tipBtn::before{ left: -15px;}
}
@media screen and (max-width: 1200px){
  .big_logo{height: 420px;background-size: cover;}
  .zt-warp .warpBox>.content{padding: 0 15px 60px;}
  .thMt {margin-top: 55px;}
  .zt-warp .content .h3tit{top: -19px;}
  .zt-warp .content .h3tit img{height: 45px;}

  .white-semiCircle li a{font-size: 13px;height: 35px;line-height: 35px;padding-left: 25px;padding-right: 20px;}
  .white-semiCircle li a::before {width: 6px;height: 6px;left: 12px;}

  .zt-warp .content .th1{background: rgba(255, 255, 255, .3);padding: 40px 15px 20px;}
  .zt-warp .content .th1 .inner{height: auto;padding-right: 15px;max-height: 235px;}

  .zt-warp .content .th2{padding-left: 0;min-height: auto;}
  .zt-warp .content .th2 .inner{padding: 40px 15px 20px;}
  .zt-warp .content .th2 .inner h4{position: relative;padding: 0;display: flex; flex-wrap: nowrap;justify-content:space-between;margin-bottom: 40px;}
  .zt-warp .content .th2 .inner h4 a{margin-bottom: 0; font-size: 18px;width: 130px;height: 85px;line-height: 85px;}
  .zt-warp .content .th2 .inner h4::before{width:95%;height: 0;left: 0;top: 50%;transform: translateY(-50%);}

  .zt-warp .content .th2 .stepBox .hasTab a.tipBtn{width: 45%;margin-right: 6%;font-size: 15px;}
  .zt-warp .content .th2 .stepBox a.tipBtn{font-size: 16px;left: 15px;}
  .zt-warp .content .th2 .stepBox a.tipBtn img {margin-right: 10px;height: 21px;}
  .zt-warp .content .th2 .stepBox .topTip p{font-size: 14px;}
  .zt-warp .content .th2 .stepBox .item{float: none;width: 100%;margin-bottom: 20px;}
  .zt-warp .content .th2 .stepBox .item:nth-child(2n){margin-left: 0;}
  .zt-warp .content .th2 .stepBox .item .tit{height: auto;} 
  .zt-warp .content .th2 .stepBox .item .tit em{font-size: 16px;position: static;transform: none;padding: 10px;white-space: wrap;}
  .zt-warp .content .th2 .stepBox .item .tit em br{display: none;}

  .zt-warp .content .th2 .stepBox .item .content p{font-size: 14px;}
  .zt-warp .content .th2 .stepBox .item .whiteBtn{font-size: 14px;width: 100px;margin-bottom: 8px;height: 32px;line-height: 30px;}
  .zt-warp .content .th2 .stepBox .item .blueBtn{font-size: 14px;width: 100px;height: 32px;line-height: 32px;}
  .zt-warp .content .th2 .stepBox .item .content{padding: 15px 130px 15px 15px;height: auto;min-height: 85px;}

  .zt-warp .content .th3{padding: 45px 15px 30px;}
  .zt-warp .content .th3 .inner { padding: 20px 15px 30px;}
  .zt-warp .content .th3 .inner ul{padding-top: 20px;}
  .zt-warp .content .th3 .inner ul li{margin-bottom: 20px;}
  .zt-warp .content .th3 .inner ul li .tit{min-height:38px; font-size: 14px;padding-left: 60px;padding-top: 7px;padding-right: 15px;}
  .zt-warp .content .th3 .inner ul li .tit::before{width: 56px;height: 56px;background-size: 37px;background-position: 9px 9px;}
  .zt-warp .content .th3 .inner ul li p{font-size: 14px;}
  .zt-warp .content .th3 .right{position: relative;left: 0; top: 0;margin: 0 auto;width: auto;}
  .zt-warp .content .th3 .right .name span{font-size: 18px;padding: 0 60px;}
  .zt-warp .content .th3 .right p{font-size: 16px;} 
  .zt-warp .content .th3 .right .name span img {vertical-align: -14px;}
  .zt-warp .content .th3 a.wyzx{position: static;margin: 0 auto;}
  .zt-warp .content .th3 a.wyzx img{max-width: 80%;height: auto;}

  .zt-warp .content .th3 .right{display: flex;flex-direction: column;align-items: center;}
  .zt-warp .content .th3 .right .detail_info{padding: 0;}
  .zt-warp .content .th4{padding: 45px 15px 30px;background: rgba(255, 255, 255, .3);}
} 

@media screen and (max-width: 760px){
 .big_logo{height: 240px;}
 .zt-warp .content .h3tit {top: -15px;}
 .zt-warp .content .h3tit img {height: 36px;}

 .white-semiCircle li a{font-size: 12px;height: 32px;line-height: 32px;}

 .zt-warp .content .th2 .scrollTip{display: block; font-size: 16px;margin: 10px 0;}
 .zt-warp .content .th2 .inner h4{overflow-x: auto  ;}
 .zt-warp .content .th2 .inner h4 a{font-size: 15px;width: 110px;height: 85px;line-height: 85px;flex-shrink: 0;margin-right: 25px;}
 .zt-warp .content .th2 .inner h4 a:last-child{margin-right: 0;}
 .zt-warp .content .th2 .inner h4::before{width: 510px;}

 .zt-warp .content .th2 .stepBox .hasTab a.tipBtn{width:calc(100% - 40px);right: 0 !important; font-size: 14px;margin-bottom: 10px;}
 .zt-warp .content .th2 .stepBox .topTip a img {height: 21px;}
 .zt-warp .content .th2 .stepBox .topTip p{font-size: 12px;}
 .zt-warp .content .th2 .stepBox .iconTip{margin: 10px 0;font-size: 20px;}
 .zt-warp .content .th2 .stepBox .iconTip img{width: 40px;}
 .zt-warp .content .th2 .stepBox .item .tit em{font-size: 14px;}
 .zt-warp .content .th2 .stepBox .item .content p{font-size: 12px;}
 .zt-warp .content .th2 .stepBox .item .bottom {height: 50px;}
 .zt-warp .content .th2 .stepBox .item .whiteBtn{font-size: 12px;width: 80px;}
 .zt-warp .content .th2 .stepBox .item .blueBtn{font-size: 12px;width: 90px;}
 .zt-warp .content .th2 .stepBox .item .content{padding: 15px 105px 15px 10px;}
 .zt-warp .content .th2 .stepBox .item .content.noTag{padding-right: 90px;}
 .zt-warp .content .th3 .inner ul li .tit{font-size: 13px;}
 .zt-warp .content .th3 .inner ul li p{font-size: 12px;}
 .zt-warp .content .th2 .stepBox .tip {font-size: 14px;margin: 15px 0;padding: 15px 20px 15px 45px;}
 .zt-warp .content .th2 .stepBox .tip::before {width: 30px;height: 30px;left: 10px;}
 .zt-warp .content .th2 .stepBox a.tipBtn{width: 210px;}

 .zt-warp .content .th3 .right p i {margin-right: 10px;}
 .zt-warp .content .th3 .right p i img{height: 28px;}
 .zt-warp .content .th3 .right .name span img{vertical-align: -9px;}
 .zt-warp .content .th3 .right .name span{ font-size: 16px;letter-spacing: 5px;height: 52px;line-height: 50px;padding:0 40px ;}
 .zt-warp .content .th3 .right p{font-size: 14px;}
}
