/*案例*/
.cases_index{width:100%;margin-top:30px;}
.cases_index .style_title{width:1200px;margin:0 auto;}
.cases_index .style_title h3{font-size:38px;height:150px;line-height:150px;text-align: center;color:#be0e23;}
.cases_index .style_title h3 img:nth-of-type(1){margin-right:20px;}
.cases_index .style_title h3 img:nth-of-type(2){margin-left:20px;}
.cases_index .cases_class{width:80%;height:60px;margin:0 auto;border-top:1px dashed #777777;text-align: center;}
.cases_index .cases_class ul{width:100%;display: block;}
.cases_index .cases_class ul li{display: inline-block;line-height: 70px;position:relative;height: 60px;}
.cases_index .cases_class ul li a{padding:0 20px;color:#000;}
.cases_index .cases_class ul li img{position:absolute;top:-7px;left:50%;margin-left:-6px;}
.cases_index .cases_class ul li .img02{display: none;}
.cases_index .cases_class ul li .img01.on{display: none;}
.cases_index .cases_class ul li .img02.on{display:inline-block;}
.cases_index .cases_list{width:100%;overflow: hidden;margin-top: 10px;}
.cases_index .cases_list ul{width: 100.2%;}
.cases_index .cases_list ul li{position:relative;width: 19.8%;float: left;margin-right: 0.2%;height: 230px;margin-top: 0.2%;overflow: hidden;}
.cases_index .cases_list ul li a img{width:100%;height:100%;transition: all 1s;}
.cases_index .cases_list ul li:hover img{transform:scale(1.2,1.2);}
.cases_index .cases_list ul li>div{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.6);z-index: 1;text-align: center;display: none;}
.cases_index .cases_list ul li>div h3{font-weight: normal;font-size:22px;line-height:100px;text-align: center;}
.cases_index .cases_list ul li>div h3 a{color:#fff;}
.cases_index .cases_list ul li>div div{width:100%;text-align: center;font-size:16px;color:#fff;}
.cases_index .cases_list ul li>div div span{color:#fff;padding:0 10px;}
.cases_index .cases_list ul li>div>a{padding: 5px 35px;border: 1px solid #be0e23;color: #be0e23;position: absolute;bottom: 20px;left: 50%;margin-left: -60px;}
.cases_index .more_cases{width: 100%;height: 60px;text-align: center;line-height: 60px;margin-top: 40px;}
.cases_index .more_cases a{padding:8px 25px;font-size:22px;color:#fff;background-color:#333333;border-radius: 5px;}
/*案例end*/