@charset "utf-8";
/* CSS Document */

  .case-read video {
        display: block;
        background: #fff
    }
    .case_about{text-align: center;line-height: 1em;width: 94%;margin: 0 auto ;position: relative;}
    .case_about ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block;}
    .case_about ul li img{width: 100%;height: auto;display: block;}
    .case_about-t{margin-bottom: 50px;}
    .case_about .case-summary{width: 90%;height: 90%;background: url(../images/black.png) repeat;top: 0;left: 0;position: absolute;
padding: 5%;display: none;}
    .case_about .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px;}
    .case_about .case-summary .p1{top: 0;}
    .case_about .case-summary .p2{bottom: 0;font-size: 16px;text-align: left;}
    .case_about .case-summary span{font-size: 24px;}
  .case_about  .case-more{color: #b9b9b9;width: 300px;height: 50px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;font-size: 18px;
    text-align: center;text-indent: 0px;line-height: 50px;font-size: 13px;border: none;position: relative;}
.case_about  .case-more:after{content: "";display: block;width: 260px;height: 42px;
border: 1px solid #D9D9D9;position: absolute;bottom: 2px;z-index: 2;margin-left: -106px;transition: all 0.2s ease 0s;top: -15px;left: 50%;}
.case_about  .case-more:hover{color: #333}
.case_about  .case-more:hover:after{transform: scale(1.1,1.1);border: 1px solid #e0e0e0;}
.case_about  .case-more i{font-family: 'simsun';font-size: 18px;text-indent: -10px;
line-height: 50px;transition: all ease-out .3s;color: #fff;display: inline-block;opacity: 0}
.case_about  .case-more:hover i{color: #333;text-indent: 10px;opacity: 1}
.case_about .case-more:after{width:210px;}    
.case_about .case-more{width: 231px;}
    .case-page{width: 1800px;position: relative;margin:0 auto;max-width:100%;}
    @media screen and (max-width: 1920px){
        .case-page{width: 1700px;}
        .zuo{width: 20%!important;}
        .you{width: 20%!important;}
    }
    @media screen and (max-width: 1440px){
        .case-page{width: 1200px;}
        .zuo{width: 17%!important;}
        .you{width: 17%!important;}
    }
    @media screen and (max-width: 1200px){
        .case-page{width: 1000px;}
        .zuo{width: 15%!important;}
        .you{width: 15%!important;}
    }
     @media screen and (max-width: 750px){
        .case-page{width: 94%;}
        .zuo{width: 15%!important;}
        .you{width: 15%!important;}
    }
    .zuo{background: url(../images/zuo.png) no-repeat;display: block;position: absolute;width: 20%;height: 50px;top: 7px;}
    .you{background: url(../images/zuo.png) no-repeat;display: block;position: absolute;width: 20%;height: 50px;right: 0;top: 7px;transform: rotateY(180deg);}
    .mceItem-movie {
        background-color: #fff!important;
    }


