.banner{
    margin-top: 80px;
}
.banner .banner-img img{
    width: 100%;
}
#case .case_right .case_right_1 .c_r_nav .p1 div{ 
    color: #fff;
}
#case .case .case_right .case_right_1 .c_r_nav .p1 div:nth-child(1) {
    background: #0096d8;
}
#case .case .case_right .case_right_1 .c_r_nav .p1 div:nth-child(1) span{
    background: url(../image/icon6.png) no-repeat ;
}
#case .case_right .case_right_1 .c_r_nav .p div:nth-child(1){
    padding-left: 20px;
    text-align: left;
}
#case .case_right .case_right_1 .c_r_nav .p span{
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(../image/icon7.png) no-repeat ;
    line-height: 36px;
}
#case .case_right .case_right_1 .c_r_nav .p:hover span,#case .case_right .case_right_1 .c_r_nav .p.active span{
    background: url(../image/icon6.png) no-repeat ;
}
#case .case  .case_left .list_nav .lits{
    padding:15px;
    background: #f9f9f9;
    margin-bottom: 15px;
    transition-duration: 0.6s;
}
#case .case  .case_left .list_nav .lits:hover{
    box-shadow: 1px 1px 10px #bbb;
}
#case .case  .case_left .list_nav .lits .img{    
    text-align: center;
    overflow: hidden;   
}
#case .case  .case_left .list_nav .lits  img{
     width: 100%;
     transition-duration: 0.6s;
}
#case .case  .case_left .list_nav .lits:hover img{
    transform: scale(1.1);
}
#case .case  .case_left .list_nav .lits .hr{
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 10px;
}
#case .case  .case_left .product-name{
    line-height: 1.4;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#case .case  .case_left .product-name:before{
    content: "";
    display: block;
    margin: 15px auto 10px auto;   
    height: 2px;
    background: #0096d8;
    width: 40px;
}
#case .case  .case_left .product-name span{
    display: block;
}
#case .case .case_left .tabbox .li {
    margin-bottom: 10px;
}
#case .case .case_left .tabbox li a{   
    font-size: 18px;
    line-height: 50px;
    background: #ececec;
    text-align: center;
    color: #2b2b2b;
    display: block;
    margin-bottom: 15px;
}
#case .case .case_left .tabbox li a:hover,#case .case .case_left .tabbox li.active a{
    color: #ffffff;
    background: #0096d8;    
}
.list_nav .content .list1 {
    display: none;
}
.list_nav .content .active{
    display: block;
}
.zs .col-12 div{
    border: 1px solid #e6e6e6;
    padding: 4px;
}
.zs p{
    bottom: 20px;
    text-align: center;
    height: 60px;
}
@media (min-width: 1200px){
    .zs .col-12 div img{
        max-height: 360px;
        width: auto;
    }
    .zs .col-12 div{
        line-height: 360px;
        max-height: 370px;
    }
}
@media (max-width: 768px){
    .banner {
        margin-top: 70px;
    }
    .banner .banner-img img {
        width: 140%;
        margin-left: -20%;
    }
    #case .case .case_left .tabbox li a{   
        font-size: 14px;
        line-height: 40px;
        margin-bottom: 5px;
    }
}