.zfbt-banner{height:550px;z-index:0!important}
.zfbt-banner .bnr-bg{background-image:url(../images/bann/banner-zfbt.jpg);z-index:0!important}
.zfbt-banner-font{width:70%;padding-top:170px;color:#ffffff;margin-left: 15%}
.zfbt-banner-h2{font-size:30px}
.zfbt-banner-twoh2{padding-top:10px}
.zfbt-banner-h2-span{font-size:35px!important;color:#ffff00!important;}
.zfbt-banner-div1,.zfbt-banner-div2{height:60px;line-height:60px;cursor:pointer;font-size:25px;color:#ffffff;float:left;margin-top:60px;text-align:center;}
.zfbt-banner-div1{width:195px;background:#09bd80;border-radius:30px;}
.zfbt-banner-div2{width:265px;margin-left:25px;border-radius:40px;border:1px solid #ffffff;}
.zfbt-bttd{margin-top:-76px}

.pub-bann-tit{text-shadow: 0px 5px 5px rgba(141, 17, 210, 0.75);}
.pub-bann-titw{font-size:40px;color:#fff;text-shadow: 0px 5px 5px rgba(141, 17, 210, 0.75);}
.pub-bann-titw span{color:#ffff00;}
.jnzc-span{padding:5px 20px;background:#fff;display:inline-block;color:#f4793b;font-size:18px;}

.pub-hot-bg h2{padding:0 70px;}
.pub-hot-list p.info,.pub-hot-tit:after{background:#f12b47;}
.pub-hot-bg{padding:0 30px;}

.jnzc-span{margin:15px 0;}
.jnzc-span span{display:inline-block;padding-left:15px;position: relative;margin-right:15px;font-size:18px;color:#fff;}
.jnzc-span span:after{position: absolute;left:0px;top:50%;content:"";width:5px;height:5px;background-color: #fff;border-radius: 50%;margin-top:-2.5px;}
.bnr-zx{width:200px;height:46px;line-height:46px;background:#f12b47;color:#fff;text-align:center;display:block;margin-top:25px;font-size:18px;}
.bnr-zx:hover{background:#f12b47;}

/* 热门服务 */
.gs-bus{margin-top:50px;}
.gs-bus ul {display:flex;justify-content: space-around;flex-wrap: wrap;}
.gs-bus ul li{width:222px;border:1px solid #eee;height:auto;text-align:center;padding:0;margin:0px 0 15px;}
.gs-bus ul li span{display:block;margin:20px auto;}
.gs-bus ul li p{color:#fff;font-size:16px;height:50px;line-height:25px;margin-bottom:30px;}
.gs-bus ul li h4{font-size:24px;color:#fff;margin-bottom:30px;padding-bottom:20px;position: relative;}
.gs-bus ul li h4:after{position: absolute;content:"";width:30px;height:4px;background:#fff;left:50%;margin-left:-15px;bottom:0px;}
.gs-bus ul li .note{padding:0 20px 20px;}
.gs-bus ul li .note a{display:block;margin:0px auto;border-radius:35px;padding:10px 0;color:#dcdcdc;font-size:18px;color:#fff;border:1px solid #fff;transition: all 0.3s;}

.gs-bus ul li .note a:hover{background:#fff;}

.gs-bus ul li.pro1 a:hover{color:#002bf8;}
.gs-bus ul li.pro2 a:hover{color:#6e39ff;}
.gs-bus ul li.pro3 a:hover{color:#de2b41;}
.gs-bus ul li.pro4 a:hover{color:#de8006;}
.gs-bus ul li.pro5 a:hover{color:#0a937c;}
.gs-bus ul li.pro6 a:hover{color:#0b9cb2;}

.gs-bus ul li.pro1{background-image: linear-gradient(to bottom right,#5c76fd,#002bf8);}
.gs-bus ul li.pro2{background-image: linear-gradient(to bottom right,#9022da,#6e39ff);}
.gs-bus ul li.pro3{background-image: linear-gradient(to bottom right,#f39755,#de2b41);}
.gs-bus ul li.pro4{background-image: linear-gradient(to bottom right,#eec231,#de8006);}
.gs-bus ul li.pro5{background-image: linear-gradient(to bottom right,#19c5a8,#0a937c);}
.gs-bus ul li.pro6{background-image: linear-gradient(to bottom right,#6bd7fa,#0b9cb2);}

.zfbt-bttd-div{background:url(../images/jnzc/features-intro.png) no-repeat center / cover;}
.zfbt-bttd-div4{background:#f12b47;}

.zfbt-khal-zxzx:hover{background:#e55048;color:#fff;border-color:#e55048;}
.kfbt-example1:hover .kfbt-example1-img,.examples-one:hover .kfbt-example1-img{background:#e55048;border:15px solid #e55048;}
.kfbt-example1:hover .zfbt-khal-hl, .examples-one:hover .zfbt-khal-hl{background:#e55048;}
.pub-case-more:hover{background: #e55048; border-color: #e55048;}
.gyhd,.pub-team .cont,.teamMore{background: #e55048;}

.pub-partner{padding:0;}
.pub-partner img{max-width:100%;}

.pub-advatange{background:#e55048;padding:70px 0;}
.pub-advatange .pub-news-tit h2{color:#fff;}
.pub-advatange .pub-news-tit p{color:#fff;}
.pub-advatange .pub-news-tit span{opacity:0.2;}

.pub-advatange ul{overflow: hidden;}
.pub-advatange li{width:20%;padding:0 40px;position: relative;color:#fff;padding-left:140px;}
.pub-advatange ul li:after{position: absolute;left:0px;top:0px;width:1px;height:100%;background:#e96c65;content:"";}
.pub-advatange ul li:first-child:after{background:none;}
.pub-advatange ul li span{float: left;width:90px;height:90px;display:block;position:absolute;left:40px;top:0px;}
.pub-advatange ul li .note h4,.pub-advatange ul li .note p{text-align:left;margin:0;padding:0;}
.pub-advatange ul li .note h4{margin-bottom:10px;}
.pub-advatange ul li .note p{font-size:15px;line-height:26px;}

/* 案例 */
.pub-case{padding:70px 0;background: url(../images/cybt/case.png) no-repeat center / cover;}
.pub-case .tit h2{color:#333;}
.pub-case .tit p{color:#666;}
.pub-case .note{position: absolute;left:0px;bottom:0px;width:100%;height:100%;padding:40% 35px;background:rgba(248,110,98,0.92);color:#fff;text-align:center;opacity:0;}
.pub-case .note h4{font-size:24px;}
.pub-case .note span{display: block;font-size:20px;margin:20px auto;}
.pub-case .note p{font-size:18px;text-align:center;}
.pub-case .swiper-slide h2{position: absolute;left:0px;bottom:0px;width:100%;padding:20px;background:#E4E4E4;text-align: center;}
.pub-case .swiper-slide img{max-width:100%;}
.pub-case .swiper-container{padding-bottom:50px;margin:50px auto 0px;}
.pub-case .swiper-slide:hover .note{opacity:1;}
.pub-case .swiper-slide:hover h2{opacity:0;}
.pub-case .swiper-pagination-bullet{width:14px;height:3px;background:#bfbfbf;opacity:1;border:0px;border-radius: 0;}
.pub-case .swiper-pagination-bullet-active{background:#959595;}
.pub-case-more{margin-top:30px;border-color:#e55048;color:#e55048;}

.pub-why-choice-hd{padding:70px 0;}
.pub-why-choice-hd ul{overflow: hidden;margin-top:15px;}
.pub-why-choice-hd ul li{width:48%;float:left;height:132px;border:1px solid #e5e5e5;padding:25px 20px;margin-top:45px;font-size:14px;color:#aaaaaa;padding-left:140px;position: relative;transition: all 0.5s;}
.pub-why-choice-hd ul li:nth-child(2n){float:right;}
.pub-why-choice-hd ul li h4{font-size:28px;color:#f12b47;margin-bottom:15px;}
.pub-why-choice-hd ul li span{width:90px;height:90px;position:absolute;left:20px;top:20px;}
.pub-why-choice-hd ul li span.casei1{background:url(../images/cybt/casei1on.png) no-repeat center;}
.pub-why-choice-hd ul li span.casei2{background:url(../images/cybt/casei2on.png) no-repeat center;}
.pub-why-choice-hd ul li span.casei3{background:url(../images/cybt/casei3on.png) no-repeat center;}
.pub-why-choice-hd ul li span.casei4{background:url(../images/cybt/casei4on.png) no-repeat center;}

.pub-why-choice-hd ul li:hover span.casei1{background:url(../images/cybt/casei1.png) no-repeat center;}
.pub-why-choice-hd ul li:hover span.casei2{background:url(../images/cybt/casei2.png) no-repeat center;}
.pub-why-choice-hd ul li:hover span.casei3{background:url(../images/cybt/casei3.png) no-repeat center;}
.pub-why-choice-hd ul li:hover span.casei4{background:url(../images/cybt/casei4.png) no-repeat center;}

.pub-why-choice-hd ul li:hover{background-image: linear-gradient(to right,#f97a5a,#f5596f);}
.pub-why-choice-hd ul li:hover h4,.pub-why-choice-hd ul li:hover p{color: #fff;}

/* 通用服务流程 */
.pub-process{padding:70px 0;background:url(../images/cybt/process_bg.jpg) no-repeat center / cover;}
.pub-process .tit h2{color:#fff;padding-bottom:0px;}
.pub-process .tit h2:after{display:none;}
.pub-process .tit p{color:#ffff00;}
.pub-process .pub-news-tit span{opacity:0.2;}
.pub-process ul{margin:40px 0;position: relative;overflow: hidden;}
.pub-process ul:after{position: absolute;content:"";width:100%;height:1px;border-bottom:1px dashed #fff;left:0px;top:57px;}
.pub-process ul li{width:20%;float:left;text-align:center;color:#fff;position: relative;z-index:2;}
.pub-process ul li span{display:block;width:114px;height:114px;margin:0 auto;}
.pub-process ul li p{margin-top:20px;}

.pub-process ul li span.proc1{background:url(../images/cybt/proc1.png) no-repeat;}
.pub-process ul li span.proc2{background:url(../images/cybt/proc2.png) no-repeat;}
.pub-process ul li span.proc3{background:url(../images/cybt/proc3.png) no-repeat;}
.pub-process ul li span.proc4{background:url(../images/cybt/proc4.png) no-repeat;}
.pub-process ul li span.proc5{background:url(../images/cybt/proc5.png) no-repeat;}

.pub-process ul li:hover span.proc1{background:url(../images/cybt/proc1on.png) no-repeat;}
.pub-process ul li:hover span.proc2{background:url(../images/cybt/proc2on.png) no-repeat;}
.pub-process ul li:hover span.proc3{background:url(../images/cybt/proc3on.png) no-repeat;}
.pub-process ul li:hover span.proc4{background:url(../images/cybt/proc4on.png) no-repeat;}
.pub-process ul li:hover span.proc5{background:url(../images/cybt/proc5on.png) no-repeat;}

.pub-process-more{display: block;margin:0 auto;width:385px;height:60px;text-align:center;line-height:60px;border:1px solid #f12b47;color:#f12b47;border-radius:35px;font-size:20px;}
.pub-process-more:hover{background:#f12b47;color:#fff;}

@media all and ( max-width:1368px ){
    .gs-bus ul{display: space-between;}
    .gs-bus ul li{width:16%;margin:15px 0px;}
    
    .pub-advatange li{padding:0 20px;padding-left:120px;}
    .pub-advatange ul li span{left:20px;}
}