.disbt{display: flex;justify-content: space-between;flex-direction: row}
.disbt1{display: flex;flex-direction: row}
.cases_hd{background: #F8F8F8}
.cases_hd .cases_img{position: relative}
.cases_hd .cases_img img{width: 100%;height: auto}
.cases_hd .cases_all{width: 1320px;margin:30px auto;background: #fff; }
.cases_hd .cases_all .cases_head{width: 1226px;height: 440px;margin: auto}
.cases_hd .cases_all .cases_head .cases_h1{width: 100%;height: 100px;line-height: 100px;display: flex;justify-content: space-between;flex-direction: row}
.cases_hd .cases_all .cases_head .cases_h1 .lts{height: 80px;width: 245px;border-bottom: 1px solid #BCBCBC;font-size: 17px;color: #7B7B7B}
.cases_hd .cases_all .cases_head .cases_h1 .lts a{color: #7B7B7B}
.cases_hd .cases_all .cases_head .cases_h1 .lts span {color:#EB5B26}
.cases_hd .cases_all .cases_head .cases_h1 .rts{font-weight: 700;color: #4C4C4C;letter-spacing: 2px}
.cases_hd .cases_all .cases_head .cases_d1{width: 100%;height: 245px;border: solid 1px #EEEEEE}
.cases_hd .cases_all .cases_head .cases_d1 .d1{width:196px;height: 100%;background: #F8F8F8;border-right: solid 1px #EEEEEE}
.cases_hd .cases_all .cases_head .cases_d1 .d1 p{text-align: center;width: 100%;height:49px;line-height: 49px;font-size: 18px;color: #494949}
.cases_hd .cases_all .cases_head .cases_d1 .d1 p img{position: relative;top: 2px;left: -4px;}
.cases_hd .cases_all .cases_head .cases_d1 .d1 .p2{height: 98px}
.cases_hd .cases_all .cases_head .cases_d1 .d2 {width:1028px;height: 100%; }
.cases_hd .cases_all .cases_head .cases_d1 .d2 ul{width: 100%;height: 49px;line-height: 49px;}
.cases_hd .cases_all .cases_head .cases_d1 .d2 .u2{height: 98px;line-height: 49px}
.cases_hd .cases_all .cases_head .cases_d1 .d2 ul li {width: 128px;height:49px;font-size: 16px;float: left;text-align: center;color: #2b2b2b}
.cases_hd .cases_all .cases_head .cases_d1 .d2 .u4 li{width: 146px}
.cases_hd .cases_all .cases_head .cases_d1 .d2 .u4 li:nth-child(1){width: 128px}
.cases_hd .cases_all .cases_head .cases_d1 .d2 ul .on span{background: #EA5B23;padding: 4px 15px 4px 15px;color: #fff;border-radius: 8px;}
.cases_hd .cases_all .cases_head .cases_tp{width: 100%;height: 85px;border-bottom: 1px solid #9E9E9E;line-height: 85px;font-size: 22px;color: #515151;letter-spacing: 2px;}
.cases_hd .cases_all .cases_head .cases_tp .p1 {margin: 0 20px 0 40px;width:104px;height: 85px;border-bottom: solid 2px #EA5B23;text-align: center;}
.cases_hd .cases_all .cases_head .cases_tp .p2  {margin: 0 0 0 20px;text-align: center;}
.clears{clear:both}

.imga{display: block;position: relative;}
.imga img{display: block;width: 100%;}
.imgh,.imgh0{overflow: hidden;position: relative;display:block;width: 100%;height: 0;padding-top: 75%;}
.imgh169{padding-top: 56.25%;}/*16:9*/
.imgh43{padding-top: 75%;}/*4:3*/
.imgh34{padding-top: 133.3333%;}/*3:4*/
.imgh11{padding-top: 100%;}/*1:1*/
.imgh img{position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;}
.imgm img{top: 50%;left: 50%;width: 100%;height: auto;max-width: none;max-height: none;min-width: 100%;min-height: 100%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform-origin: center center;}
.imgm2 img{width: auto;height: 100%;}
.imgh .imgh{position: absolute;top: 0;left: 0;}
.trbl{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.tabV{display: table;width: 100%;height: 100%;}
.tabV .tr{display: table-row;width: 100%;}
.tabV .td{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
/*??????????? */
.fl{float: left;display: inline;}
.fr{float: right!important;}
.cl{clear: both;}
/*??¡K???????*/
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
/*??¡X??¡§?????*/
.fb{font-weight: bold;}
.fn{font-weight: normal;}
.ellipsis {
    display: block;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*transition*/
.tran{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.scale{overflow: hidden;}
.scale img{transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all 5s;min-height: 100%;}
.scale:hover img,li.hover .scale img{transform: scale(1.15);-ms-transform: scale(1.15);-moz-transform: scale(1.15);-webkit-transform: scale(1.15);-o-transform: scale(1.15);}
.scale:hover .imgm img,li.hover .scale .imgm img{transform: translate(-50%,-50%) scale(1.15);-ms-transform: translate(-50%,-50%) scale(1.15);-moz-transform: translate(-50%,-50%) scale(1.15);-webkit-transform: translate(-50%,-50%) scale(1.15);-o-transform: translate(-50%,-50%) scale(1.15);}
[data-scrollfix="doScrollFix"]{transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.CaseList{margin-top: 30px;background: #F8F8F8}
.CaseList li{overflow: hidden;position: relative;float: left;width: 310px;margin: 0 20px 20px 0;}
.CaseList li .img{padding-top: 110.56%;}
.CaseList li .copyr{width: auto;margin: 20px;}
.CaseList li .copyr .isreal{width: 100px;height: 30px;background-position: -420px 0;margin: 0;}
.CaseList li .imga .bg{display: none;background: rgba(0,0,0,.3);}
.CaseList li .imga .icon{display: none;position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;margin: -30px;}
.CaseList li .imga .ico-cpic,.CaseList li .imga .ico-arrow{background-position: -240px 0;}
.CaseList li .imga .ico-cvr{display: block;top: 5px;left: 15px;width: 120px;margin: 0;background-position: -300px 0;}
.CaseList li .imga .ico-cvideo{display: block;background-position: -600px 0;}
.CaseList li .imga .cate{z-index: 2;position: absolute;left: 12px;bottom: 12px;height: 36px;padding: 0 12px;background: #FFF;border-radius: 4px;line-height: 36px;text-align: center;font-weight: bold;font-size: 18px;color: #191919;}
.CaseList li .title{margin: 13px 0 5px;font-size: 17px;font-weight: normal;color: #010101;font-family:'SourceHanSansCN-Medium';width: 240px}
.CaseList li .tags{margin-bottom: 24px;font-size: 14px;color: #868686;font-family:'SourceHanSansCN-Light';width: 240px}
.CaseList li .tags em:not(:last-child)::after{content: "-";}
.CaseList li .line{visibility: hidden;width: 1px;height: 1px;margin: 0 auto;background-color: #DB2B21;}
.CaseList .hover .line{visibility: visible;width: 100%;}
.CaseList li.hover .imga .bg,.CaseList li.hover .icon{display:block;}
.CaseList li.hover .ico-cvideo{display: none;}
.indexCases li{margin-bottom: 20px;}
.CaseList li .info{position: relative}
.CaseList li .info .sj_img{width: 60px;height: 60px;border-radius: 60px;position: absolute;top:-2px;right: 1px;}
.CaseList .cases_more{width: 100%;height:120px;}
.CaseList .cases_more .d1{width: 250px;height: 60px;margin:auto;text-align: center;color: #fff;border-radius: 10px;background: #EB5C24;margin-top: 40px;line-height: 60px;font-size: 18px;letter-spacing: 2px;cursor: pointer}
.CaseList .cases_more .d1:hover{background: #010101;transition: 0.5s}
.CaseList .cases_more .d2{width: 220px;height: 55px;margin: auto;background: url(../images/cases/tp.png) center no-repeat;color: #000;text-align: center;font-size: 18px;line-height: 50px}
.cases_img .cases_rt{width: 30%;height: 180px;position: absolute;right: 10%;display: block;top:0px}
.cases_hd .cases_dg{width: 100%}
.cases_hd .cases_dg ul li{width: 16.6666%;height: auto;float: left;position: relative;overflow: hidden}
.cases_hd .cases_dg ul li img {width: 100% ;height: auto}
.cases_hd .cases_dg ul li div{position: absolute;width: 100%;height: 100%;top:0;color: #fff;text-indent: 30px;line-height: 45px;letter-spacing: 2px}
.cases_hd .cases_dg ul li .d1{margin-top: 44px;z-index: 4}
.cases_hd .cases_dg ul li .d2{background: rgba(0,0,0,0.6);z-index: 2}
.cases_hd .cases_dg ul li .d3{z-index: 3;left: 100%;}
.cases_hd .cases_dg ul li .d3 .p4{width: 100%;}
.cases_hd .cases_dg ul li .d3 .p1{font-size: 20px;margin-top:500px}
.cases_hd .cases_dg ul li .d3 p{line-height: 22px;font-size: 15px}
.cases_hd .cases_dg ul li .d3 .p3{text-indent: 0px;margin-left: 30px;font-size: 12px;color: #BCBCBE;line-height: 18px}

.CaseList li .imga .bg .d1{
    width: 108px;
    line-height: 38px;
    color: #fff;
    position: relative;
    left: 112px;
    top: 165px;
    letter-spacing: 1px;
    font-size: 18px;
    border: solid 1px #fff;
    text-align: center;
}
.CaseList li .imga  .dlc1{  width: 99px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: url(../images/g2020/header/vr02.png);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;}