


.banner_case .bd li {
    height: 394px;
    zoom: 1;
    vertical-align: middle;
    position: relative;
    opacity: 1!important;
}

.banner_case .bd li div {
    width: 100%;
    height: 56px;
    background-color: #000000;
    opacity: 0.51;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.banner_case .bd li span {
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #000;
    font-size: 16px;
    text-align: left;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 38px;
    /* text-indent: 20px; */
    text-align: center;
}

.banner_case .bd img {
    width: 100%;
    height: 408px;
    display: block;
    object-fit: cover;
}

.banner_case .bnt {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: -25px auto;
}




.slideBox2 {
    width: 380px;
    height: 358px;
    overflow: hidden;
    background-color: #f4f4f4;
    position: relative;
    float: left;
}

.slideBox2 .hd {
    overflow: hidden;
    position: absolute;
    bottom: 18px;
    z-index: 1;
    margin: 0 auto;
    left: 38%;
}

.slideBox2 .hd ul {
    overflow: hidden;
    zoom: 1;
}

.slideBox2 .hd ul li {
    float: left;
    color: #ffffff;
    margin-right: 7px;
    width: 15px;
    height: 15px;
    line-height: 21px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    border-radius: 50%;
}

.slideBox2 .hd ul li.on {
    background-color: #D60000;
    color: #fff;
    opacity: 1;
}

.slideBox2 .bd li {
    height: 394px;
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.slideBox2 .bd li div {
    width: 100%;
    height: 56px;
    background-color: #000000;
    opacity: 0.51;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.slideBox2 .bd li span {
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: #000;
    font-size: 16px;
    text-align: left;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 38px;
    /* text-indent: 20px; */
    text-align: center;
}

.slideBox2 .bd img {
    width: 436px;
    height: 301px;
    display: block;
}

.slideBox2 .bnt {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: -25px auto;
}


.slideBox {
    width:100%;
    min-width: 1200px;
    height: 430px;
     overflow:hidden;
     position:relative;
    
 }
 .slideBox .hd {
     height:15px;
     overflow:hidden;
     position: absolute;
     left: 49.1%;
     bottom:20px;
     z-index:1;
 }
 .slideBox .hd ul {
     overflow:hidden;
     zoom:1;
 
 }
 .slideBox .hd ul li {
     float:left;
     margin-right:5px;
     width:10px;
     height:10px;
     line-height:10px;
     text-align:center;
     background:#fff;
       opacity: 0.68;
     cursor:pointer;
     border-radius: 50%;
 }
 .slideBox .hd ul li.on {
     background:#f00;
     color:#fff;
       opacity:1
 }
 .slideBox .bd {
     position:relative;
     height:100%;
     z-index:0;
     min-width: 1200px;
 }
 .slideBox .bd li {
     zoom:1;
     vertical-align:middle;
 }
 .slideBox .bd img {
     width:100%;
    height: 430px;
     display:block;
 }
 /* ???陇?????锟燼???1???????????锟�???|???鈥�???藟???锟�?锟燼???掳????/???锟�?????鈥�?????|?鈥锟�??锟燼???掳?????锟燼??a?锟�???????陇???????锟�???搂???????????藟?????鈥锟�????锟�???|?锟燼???????|?鈥�???鈥锟�????陇?????????????鈥锟�??锟燼锟�??????篓???|???????锟�??a锟�??????????锟燼锟�??锟�???陇???锟�???????3???锟�???????藟 */
 .slideBox .prev {
     position:absolute;
     left:3%;
     top:50%;
     margin-top:-25px;
     display:block;
     width:41px;
    height:41px;
     background:url(../images/r1a.png) no-repeat center;
     
 }
 .slideBox .next {
    position:absolute;
    right:3%;
    top:50%;
    margin-top:-25px;
    display:block;
    width:41px;
    height:41px;
    background:url(../images/l1a.png) no-repeat center;
     
 }

 .slidebox-bnt{
     position: absolute;
     height: 35px;
     left: 0px;
     right: 0px;
     top: 48.5%;
 }


.model_case1{
    width: 800px;
    float: left;

}


.model_case1 .list_con {
    float: right;
    width: 400px;
}



.tzgg_case{
    width: 370px;
}

.tzgg_list{

margin-top: 9px;
}
.tzgg_list a{
    display: block;
    height: 56px;
    padding: 11px 0;
    border-bottom: 1px solid #D0D0D0
}

.tzgg_list a div.time{
    width: 56px;
    height: 56px;
    background: #B40001;
    float: left;
}

.tzgg_list a .time span.date{
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
    line-height: 16px;
    display: block;
    text-align: center;
    line-height: 25px;
}

.tzgg_list a .time span.year{
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 16px;
    display: block;
    text-align: center;
    line-height: 27px;
    font-weight: bold;
}
.tzgg_list a  .con{
    display: block;
    float: right;
    width: 300px;
    height: 56px;
    overflow: hidden;
}
.tzgg_list a  .con span{
     word-break: break-all;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     font-size: 14px;
     color: #9e9e9e;
}
.tzgg_list a .con h1{
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 15px;
}

.tzgg_list a:hover span{
    color: #D60000;
}

.model_case2{
    width: 397px;
    float: left;
}
.model_case2 .list_con{
    margin-top: 10px;
}
.ztzl_case{
    width: 355px;
}
.ztzl_case .ztzl_list a{
    margin-top: 15px;
    display: block;
}
.ztzl_case .ztzl_list a:hover{
    opacity: 0.8;
}



.picMarquee-left {
    width: 1200px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-top: 20px;
}
.picMarquee-left .bd{
    width: 1200px;
    margin:0 auto;
}

.picMarquee-left .tempWrap {
    width: 1200px!important;
}

.picMarquee-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center
}

.picMarquee-left .bd ul li  {
    text-align: center
}

.picMarquee-left .bd ul li  img {
    width: 382px;
    height: 80px;
    display: block;
}

.picMarquee-left .bd ul li  a:hover img {
    opacity: 0.9;
}



