.ban5{height: 500px;font-size: 100px;font-weight: bold;color: #fff;display: flex;align-items: center;justify-content: center;}

.zt_title{text-align: center;padding: 60px 0 40px;position: relative;}
.zt_title::before{content: "";display: block;width: 100%;;height: 1px;background: #1d2d63;position: absolute;top: 50%;margin-top: 10px;}
.zt_title h3{display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 40px;color: #1d2d63;}
.zt_title h3::before,
.zt_title h3::after{content: "";display: inline-flex;background:#fff url(../image/zt_title_bg.png) no-repeat;width: 346px;height: 11px;position: relative;z-index: 1;}
.zt_title h3::before{transform: rotateY(180deg);}
.zt_title h3 span{background: #fff;position: relative;z-index: 1;padding: 0 25px;}

.zt_list .item{height: 210px;margin-bottom: 30px;border-radius: 5px;}
.zt_list .item a{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;flex-direction: column;}
.zt_list .item a h3{font-size: 38px;color: #fff;font-weight: bold;}
.zt_list .item a span{font-size: 14px;color: #fff;display: block;width: 120px;margin: 10px auto 0;border-bottom: 1px solid #fff;line-height: 40px;background: url(../image/zt_list_ico.png) no-repeat right;transition: all 0.5s;}
.zt_list .item a span:hover{transform: translateY(-10px);transition: all 0.5s;}

@media screen and (max-width:1366px){
    header, footer, .lg_wrap{min-width: 100%;}
    .box_con{min-width: 1200px;width: 94%;}
    .ban5{font-size: 40px;height: 320px;}

    .zt_title h3{font-size: 30px;}
    .zt_list .item{height: 180px;}
    .zt_list .item a h3{font-size: 24px;}
    
    
}
@media screen and (max-width:1280px){
  
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){

    
}
@media screen and (max-width:1024px){
    .box_con,
    .box_con2 {max-width: 600px;width: 94%;min-width: auto;}

    .ban5{height: 300px;font-size: 26px;}
    .zt_title{padding: 30px 0 20px;}
    .zt_title h3{font-size: 22px;}
    .zt_title h3 span{width: 200px;padding: 0;}
    .zt_list .item{height: 120px;margin-bottom: 20px;}
    .zt_list .item a h3{font-size: 20px;}
    .zt_list .item a span{line-height: 30px;width: 100px;}
    
   
}
@media screen and (max-width:768px){
      
}

@media screen and (max-width:640px){
    .ban5{height: 160px;}
    .zt_title h3 span{width: 300px;}
   

}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}