/* pc */
@media only screen and (min-width: 769px){
        
    body{
        font-size: 14px;
        background-color: #fff;
    }

    .slgw-carousel{
        width: 100%;
    }

    .floor{
        min-width: 1200px;
        width: 100%;
    }

    .slgw-floor-1{
        background-color: #F0F0F2;
    }

    .slgw-container{
        width: 1200px;
        margin: 0 auto;
    }

    .slgw-prod-base{
        width: 100%;
        height: 580px;
    }

    .slgw-prod-base .slgw-prod-base-lf , .slgw-prod-base .slgw-prod-base-rf{
        width: 50%;
        height: 100%;
        background-color: #fff;
    } 

    .slgw-prod-base .slgw-prod-base-lf{
        padding-top: 80px;
        padding-left: 40px;
        padding-right: 90px;
        position: relative;
    }

    .slgw-prod-base .slgw-prod-base-rf>img{
        width: 100%;
        height: 100%;
    }

    .slgw-prod-t1{
        width: 100%;
        line-height: 27px;
        font-size: 22px;
        font-family: AlibabaPuHuiTi-Medium;
        color : #353948;
        margin-bottom: 15px;
    }

    .slgw-prod-t2{
        width: 100%;
        line-height: 27px;
        font-size: 20px;
        font-family: Mont-SemiBold;
        color : #353947;
        margin-bottom: 55px;
    }

    .slgw-prod-d{
        font-family:  AlibabaPuHuiTi-Regular;
        font-size: 14px;
        color: #353948;
        line-height: 25px;
        height: 220px;
        
        text-align: justify;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;				
        text-overflow: ellipsis;		
        display: -webkit-box;			
        -webkit-line-clamp: 9;			
        line-clamp: 9;					
        -webkit-box-orient: vertical;	
    
    }

    .slgw-wj-down{
        position: absolute;
        bottom: 80px;
        left: 40px;
    }

    .slgw-floor-2{
        background-color: #DADBDF;
    }
    
    .slgw-fip-yds{
        padding: 60px 0;
    }


    .slgw-fip-boxs{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .slgw-fip-item{
        width: 596px;
        background-color: #F0F0F2;
        margin-bottom: 8px;
        position: relative;
        padding-top: 50px;
        padding-left: 40px;
        padding-right: 100px;
        padding-bottom: 50px;
        cursor: pointer;
    }

    .active .slgw-fip-line{
        width: 63px;
        height: 2px;
        background-color: #B21715;
        position: absolute;
        top: 0;
        left: 41px;
    }

    .slgw-fip-title{
        font-size: 22px;
        line-height: 27px;
        font-family: AlibabaPuHuiTi-Medium;
        margin-bottom: 27px;
        color: #353948;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    
    .slgw-fip-des{
        font-size: 14px;
        line-height: 27px;
        height: 81px;
        font-family: AlibabaPuHuiTi-Regular;
        color: #353948;

        text-align: justify;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;				
        text-overflow: ellipsis;		
        display: -webkit-box;			
        -webkit-line-clamp: 3;			
        line-clamp: 3;					
        -webkit-box-orient: vertical;	
    }

    .slgw-fip-xh{
        /* font-size: 40px ; */
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 50px;
        font-size: 40px;
        color: #fff;
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    .slgw-fip-item:nth-child(1) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/1.svg);
    }
    .slgw-fip-item:nth-child(2) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/2.svg);
    }
    .slgw-fip-item:nth-child(3) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/4.svg);
    }
    .slgw-fip-item:nth-child(4) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/3.svg);
    }
    .slgw-fip-item:nth-child(5) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/5.svg);
    }
    .slgw-fip-item:nth-child(6) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/6.svg);
    }
    
    .slgw-fip-boxs .active:nth-child(1) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/1_a.svg);
    }
    .slgw-fip-boxs .active:nth-child(2) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/2_a.svg);
    }
    .slgw-fip-boxs .active:nth-child(3) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/4_a.svg);
    }
    .slgw-fip-boxs .active:nth-child(4) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/3_a.svg);
    }
    .slgw-fip-boxs .active:nth-child(5) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/5_a.svg);
    }
    .slgw-fip-boxs .active:nth-child(6) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/6_a.svg);
    }

    .slgw-fip-boxs .active{
        background-color: #fff;
    }
    
    .slgw-fip-boxs .active .slgw-fip-xh{
        color: #F0F0F2;
    }

}


/* h5 */
@media only screen and (max-width: 768px){
        
    .slgw-carousel{
        width: 100%;
    }

    .floor{
        width: 100%;
    }

    .slgw-floor-1{
        background-color: #c0c1c9;
    }

    .slgw-container{
        margin: 0 auto;
    }


    .prod-tip{
        position: absolute;
        top: 0.95rem;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 100;
    }

    .prod-tip1{
        font-family: Mont-SemiBold;
        font-size: 0.5rem;
        line-height: 1.2;
        margin-bottom: 0.3rem;
        color : #E7E9EC;
    }

    .prod-tip2{
        font-size: 0.26rem;
        line-height: 0.46rem;
        font-family: AlibabaPuHuiTi-Regular;
        color : #BABBC4;
    }



    .slgw-container{
        width: 100%;
        margin: 0 auto;
    }

    .slgw-prod-base{
        width: 100%;
    }

    .slgw-prod-base .slgw-prod-base-lf , .slgw-prod-base .slgw-prod-base-rf{
        width: 100%;
        background-color: #fff;
    } 

    .slgw-prod-base .slgw-prod-base-lf{
        padding-top: 0.8rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        padding-bottom: 0.8rem;
        position: relative;
        float: none;
    }

    .slgw-prod-base .slgw-prod-base-rf{
        float: none;
        display: flex;
        width: 100%;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .slgw-prod-base .slgw-prod-base-rf>img{
        width: 100%;
    }

    .slgw-prod-t1{
        width: 100%;
        line-height: 0.48rem;
        font-size: 0.4rem;
        font-family: AlibabaPuHuiTi-Medium;
        color : #353948;
        margin-bottom: 0.45rem;
    }

    .slgw-prod-t2{
        display: none;
    }

    .slgw-prod-d{
        font-family:  AlibabaPuHuiTi-Regular;
        font-size: 0.26rem;
        color: #353948;
        line-height: 0.52rem;
        text-align: justify;
    }

    .slgw-wj-down{
        margin-top: 0.5rem;
    }

    .slgw-floor-2{
        background-color: #DADBDF;
    }
    
    .slgw-fip-yds{
       width: 100%;
    }


    .slgw-fip-boxs{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .slgw-fip-item{
        width: 100%;
        padding: 0.6rem;
        padding-bottom: 0.8rem;
        background-color: #F0F0F2;
        position: relative;
    }

    .slgw-fip-line{
        width: 1.18rem;
        height: 0.025rem;
        background-color: #B21715;
        position: absolute;
        top: 0;
        left: 0.58rem;
    }

    .slgw-fip-title{
        font-size: 0.4rem;
        line-height: 0.48rem;
        max-height: 0.96rem;
        font-family: AlibabaPuHuiTi-Medium;
        margin-bottom: 0.4rem;
        color: #343949;

        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;				
        text-overflow: ellipsis;		
        display: -webkit-box;			
        -webkit-line-clamp: 2;			
        line-clamp: 2;					
        -webkit-box-orient: vertical;
    }

    
    .slgw-fip-des{
        font-size: 0.26rem;
        line-height: 0.52rem;
        height: 2.1rem;
        font-family: AlibabaPuHuiTi-Regular;
        color: #343949;
        text-align: justify;

        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;				
        text-overflow: ellipsis;		
        display: -webkit-box;			
        -webkit-line-clamp: 4;			
        line-clamp: 4;					
        -webkit-box-orient: vertical;	
    }

    .slgw-fip-xh{
        /* font-size: 40px ; */
        position: absolute;
        bottom: 0.4rem;
        right: 0.6rem;
        width: 0.5rem;
        height: 0.5rem;
        font-size: 40px;
        background-position: center center;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }
    


    .slgw-fip-boxs .slgw-fip-item:nth-child(2n - 1){
        background-color: #fff;
    }


    .slgw-fip-item:nth-child(1) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/1_a.svg);
    }
    .slgw-fip-item:nth-child(2) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/2.svg);
    }
    .slgw-fip-item:nth-child(3) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/4_a.svg);
    }
    .slgw-fip-item:nth-child(4) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/3.svg);
    }
    .slgw-fip-item:nth-child(5) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/5_a.svg);
    }
    .slgw-fip-item:nth-child(6) .slgw-fip-xh{
        background-image: url(/assets/svg/fip/6.svg);
    }
    
}