*{box-sizing: border-box;}
.zcwjktop{background: url(../images/zcwjk/topbg.png) no-repeat;padding: 123px 0 264px;position: relative;background-size: 100% auto;}
.topmain{text-align: center;}
.topmain .sstab {margin-top: 17px;width: 80%;text-align: left;margin: 57px auto 0;}
.topmain .sstab span{color: #fff;position: relative;font-size: 24px;font-weight:bold;cursor: pointer;margin-right:6px;padding:10px 25px;display:inline-block;background:#0870D1;border-radius:4px 4px 0 0;}
.topmain .sstab span.on{background:#fff;color:#0154B8;}
/* .topmain .sstab span.on::after{position: absolute;content: '';width: 100%;height: 3px;background-color: #fff;border-radius: 2px;left: 0;bottom: -8px;} */
.ssbox{width: 80%;margin: 0 auto;height: 60px;/* margin-top: 35px; */position: relative;z-index: 3;text-align: left;}
.ssbox > div{display: inline-block;vertical-align: middle;}
.ssbox .ss{width: 960px;height: 100%;position:relative;}
.ssbox .ss img{position:absolute;top:20px;left: 20px;}
.ssbox .ss input{width: 100%;height: 100%;;outline: none;background-color: #fff;border: none;padding-left: 63px;font-size: 20px;}
.ssbox .btn{width: 134px;height: 100%;background-color: #CC3833;color: #fff;font-size: 18px;font-weight: bold;line-height: 60px;margin-left: 15px;cursor: pointer;text-align: center;}

.hotswiper{position: absolute;overflow: hidden;background: url(../images/zcwjk/line.png) no-repeat left top;padding-left: 30px;left: 26%;height: 383px;z-index: 2;top: 100px;display: none;}
.hotswiper .swiper-slide a{color: #fff;}

.zctit{font-size: 36px;font-weight: bold;overflow: hidden;text-align: center;}
.zctit a{display: inline-block;position: relative;}
.zctit a::before{position: absolute;right: 143%;top: 50%;margin-top: -9px;width: 580px;height: 18px;background: url(../images/zcwjk/tit_l.png) no-repeat right center;content: '';}
.zctit a::after{position: absolute;left: 143%;top: 50%;margin-top: -9px;width: 580px;height: 18px;background: url(../images/zcwjk/tit_r.png) no-repeat right center;content: '';}
.zctit1{position: relative;padding-left: 15px;font-size: 24px;font-weight: bold;}
.zctit1:before{position:absolute;left:0;top: 4px;content:'';width:6px;height: 26px;background:#1B5ABA;border-radius:3px;}
.zctit1 span + span{margin-left: 40px;}
.zctit1 span a{color: #808080;}
.zctit1 span.on a{color: #1B5ABA;}
.zctit2{font-size: 24px;font-weight: bold;border-bottom: 1px solid rgba(87, 150, 217, .5);}
.zctit2 span{display: inline-block;padding-bottom: 15px;}
.zctit2 span.on{border-bottom: 3px solid #1B5ABA;}
.zctit2 span + span{margin-left: 40px;}
.zctit2 span a{color: #808080;}
.zctit2 span.on a{color: #1B5ABA;}

.zcwjkmain{position: relative;margin-top: -105px;z-index: 4;background-color: #fff;margin-bottom: 50px;;padding: 25px 20px;box-shadow: 0px 2px 20px  rgba(25, 59, 117, 0.15);}
.zcwjkmain::before{position: absolute;content: '';width: 96%;height: 25px;background: rgba(255,255,255,.5);top: -25px;left: 2%;}

.zctab{text-align: center;display: none;}
.zctab span{color: #A6A6A6;font-size: 32px;font-weight: bold;display: inline-block;width: 180px;margin: 20px 50px;position: relative;cursor: pointer;}
.zctab span.on{color: #1B5ABA;}
.zctab span::after{content: '';position: absolute;left: 0;bottom: -15px;width: 100%;height: 30px;opacity: 0.4;border-radius: 15px;background: linear-gradient(90deg, #FFFFFF 0%, #D6D6D6 100%);}
.zctab span.on::after{background: linear-gradient(90deg, rgba(112, 181, 255, 0) 0%, rgba(94, 151, 255, 1) 100%);}

.crumb{padding: 0;}
.crumb h2{padding-left: 30px;font-size: 20px;line-height: 29px;color: #5C5C5C;background: url(../images/zcwjk/location.png) no-repeat left center;}
@media screen and (max-width: 1500px) {
    .hotswiper{left: 16%;}
    
}
@media screen and (max-width: 1200px) {
    .zcwjktop{padding: 80px 0 200px;}
    .hotswiper{left: 11%;height: 260px;}
    .ssbox .ss{width: 70%;}
}
@media screen and (max-width: 992px) {
    .hotswiper{display: none;}
}
@media screen and (max-width: 450px) {
    .zcwjktop{padding: 30px 0 180px;background-size: 150% 120%;}
    .ssbox{width: 95%;height: 40px;font-size: 0;margin-top: 0;}
    .topmain .sstab{margin-top:15px;}
    .topmain .sstab span{font-size: 16px;padding: 5px 10px;}
    .ssbox .ss{width: 75%;}
    .ssbox .ss input{font-size: 16px;padding-left: 30px;width: 100%;}
    .ssbox .ss img{top: 8px;/* right: 10px; */left: 5px;}
    .ssbox .btn{font-size: 16px;line-height: 40px;width: 25%;margin-left: 0;}

    .zctit1{font-size: 20px;}
    
    .zctit{font-size: 24px;}
    .zctit a::after{left: 115%;}
    .zctit a::before{right: 115%;}
    
    .crumb h2{font-size: 16px;line-height: 24px;}

    .zctit2{font-size: 20px;}
    .zctit2 span + span{margin-left: 5px;padding-bottom: 10px;}
}