/*
+----------------------------------------------------------------------
| LN-EWS v2.0 [ Do a line, love a line ]
| Copyright (c) 2010~2024 http://jzline.com All rights reserved.
| Author: xwxc
+----------------------------------------------------------------------
*/
.case_bg{
    height: auto;
    width: 100%;
    overflow: hidden;
    background: url(/static/tn106/index_bg/01.jpg);
    background-origin: 100% 100%;
    background-color: #f5f5f5;
}
.case{
    margin: 120px 0px 120px 0px;
    color: #fff;
    position: relative;
    color: #333;
    height: auto
}
.case .tit_box{
    height: auto
}
.case .tit{margin:0px 0px 0px 0px;height:58px}
.case .tit h2{ color: #515151;font-size: 40px;font-weight: bold;font-family: arial}
.case .tit h3{color:#222;font-size:40px;padding-top:10px}
.case .tit_desc{font-size:18px;padding-top:10px;line-height:1.8;color:#999;text-align:right}


.case .line {text-align: left;}
.case .line span{display:inline-block;margin:0 2px 0 0;height:2px;border-radius:2px;margin-top:14px;text-align: center;}
.case .line span:nth-child(1){width:2px;background:#85ac96;animation:w0_to_w50 1.5s linear infinite alternate}
.case .line span:nth-child(2){width:50px;background:#188a49;animation:w50_to_w0 1.5s linear infinite alternate}





.case .btn{float:right;color:#fff;font-size:16px;margin-top:40px;line-height:2em;background-color:#188a49;height:50px;width:168px;line-height:50px;text-align:center;    border-radius: 10px 0 10px 0;}



.case .item_box{
    height: auto;
    margin: 30px 0 0 0
}
.case .item{
    border: 5px solid #fff;
}
.case .item .pic{
    width: 100%;
    height: 310px;
    overflow: hidden;
    background-color: #fff;
}
.case .item .pic img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: top;
}
.case .item .name{
    background-color: #0158a8;
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #fff
}
.case .item .name i{
    position: absolute;
    right: 20px
}
.case .item:hover .pic img{
    transform: scale(1.1);
    transition: all 1s ease
}
.case .item:hover .name{
    color: #fff
}
.case .item:hover .name i{
    position: absolute;
    right: 30px;
    color: #fff
}
.picMarquee-left{
    width: 100%;
    overflow: hidden;
    position: relative
}
.picMarquee-left .bd{
    padding: 10px
}
.picMarquee-left .bd ul{
    overflow: hidden;
    zoom: 1
}
.picMarquee-left .bd ul li{
    margin: 0 8px;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 3px solid #188a49;
}
.picMarquee-left .bd ul li .pic{
    text-align: center
}
.picMarquee-left .bd ul li .pic img{
    width: 100%;
    display: block;
    padding: 2px;
}
.picMarquee-left .bd ul li .pic a:hover img{
    border-color: #999
}
.picMarquee-left .bd ul li .title{
    line-height: 24px;
    background-color: #f5f5f5;
    line-height: 45px;
    height: 45px
}
/* 小于768px  */
@media only screen and (max-width:768px){
    .case{
        margin: 50px 0px 50px 0px;
    }
    .case .item .pic img{
        height: 160px;
    }
}
@media only screen and (max-width:1300px){
    .case .tit img{
        width: 300px
    }
}