/*
    - * @description:  index.html
    - * @author: cxr
    - * @update: cxr (2019-07-31)
*/
    .content{
        width: 100%;
        margin: auto;
        position: relative;
    }

    /* 轮播 */
    .swiper{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 700px;
        overflow: hidden;
        
    }
    .swiper_tips{
        letter-spacing: 25px;
        margin: 280px 30px 40px  178px ;
        /* -webkit-animation: scaleannimation 2s linear forwards;
        animation: scaleannimation 2s linear forwards; */
    }
    @keyframes scaleannimation{
        0% {
            transform: scale(0.8);
        }
        100% {
            transform: scale(1);
        }
    }
    @-webkit-keyframes scaleannimation{
        0% {
            transform: scale(0.8); 
        }
        100% {
            transform: scale(1); 
        }
    }

    /* 产品-01： 轮播展示 */
    .goods-item-01{
        width: 277px;
        height: 531px;
        margin: 30px 0 0 0 ;
        position: absolute;
        top: 92px;
        right: 260px; 
        z-index: 9;
        animation: toleft 1.8s linear forwards;
    }
    /* 
        ** 从下往上升起
    */
    @keyframes toleft{
        0% {
            transform: translateX(200px) ;
            
        }
        100% {
            transform: translateX(0);
        }
    }
    @-webkit-keyframes toleft{
        0% {
            transform: translateX(200px);
        }
        100% {
            transform: translateX(0);
        }
    }
    .goods-item--bg-1{
        width: 444px;
        height: 163px;
        margin: 86px 0 0 0 ;
        position: absolute;
        top: 415px;
        right: 253px; 
        animation: opacity 2s linear forwards;
    }
    @keyframes opacity{
        0% {
            transform: scale(0) ;
        }
        100% {
            transform: scale(1) ;
        }
    }
    @-webkit-keyframes totop{
        0% {
            transform: scale(0) ;
        }
        100% {
            transform: scale(1) ;
        }
    }

    
    /* 智能酒店介绍 */
    .content_item_box{
        margin: auto;
        overflow: hidden;
    }
    .content_item_box .title{
        margin: 40px 0;
    }

    .content_item_box .content_project{
        flex-wrap: wrap;
    }
    .content_item_box .content_project li{
        width: 380px;  
        position: relative; 
        transition:all .6s;
        -moz-transition:all .6s;
        -webkit-transition:all .6s;
        -o-transition:all .6s;
        cursor: pointer;
        overflow: hidden; 
    }
    
    .project-box li{
        height: 260px; 
        overflow: hidden;  
        margin: 0 0 30px 0 ;
    }
    .content_item_box .content_project li img{
        transition-duration: 800ms;
        width: 200px;
        height: 200px;
        margin: 20px auto 0 auto ; 
    }
    
    .content_item_box .content_project li:hover img {
        z-index: 9;
        transform: scale(1.1);  
    }
    @keyframes hoverscale{
        0% {
            transform: scale(1); 
        }
        100% {
            transform: scale(1.2); 
        }
    }
    @-webkit-keyframes hoverscale{
        0% {
            transform: scale(1); 
        }
        100% {
            transform: scale(1.2); 
        }
    }
    .content_item_box .content_project .content_project_plan_desc{
        position: absolute;
        top: 25%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 80%;
        margin: auto;
        font-family:PingFangSC-Regular;
        letter-spacing: 2px;
        line-height: 20px;
    }

    /* 设备 */
    .content_eq li{
        
    }
    .content_eq>li>div{
        /* width: 380px; */
        position: relative; 
        background:linear-gradient(0deg,rgba(45,46,48,1) 0%,rgba(104,109,112,1) 100%);
    }
    .content_eq>li>div>div{
        height: 260px;
        overflow: hidden;
    }
    .content_eq>li>div>p{
        position: absolute;
        left: 20px;
        bottom: 18px;
    }
    .content_eq .content_eq_desc{
        margin: 30px 40px;
        color: #666666;
        line-height: 30px;
    }